SlideShare a Scribd company logo

Corso WebApp iOS - Lezione 09: Testing iOS WebApp

•
•
Andrea Picchi
Andrea Picchi

Develppment Lifecycle WebApp Testing

Related slideshows

Variabili Cognitive dell'Esperienza Utente
Variabili Cognitive dell'Esperienza UtenteVariabili Cognitive dell'Esperienza Utente
Variabili Cognitive dell'Esperienza Utente
 
Ottimizzazione Cognitiva di Contesti Mobile Touch
Ottimizzazione Cognitiva di Contesti Mobile TouchOttimizzazione Cognitiva di Contesti Mobile Touch
Ottimizzazione Cognitiva di Contesti Mobile Touch
 
Corso WebApp iOS - Lezione 02: Design Touch Mobile
Corso WebApp iOS - Lezione 02: Design Touch MobileCorso WebApp iOS - Lezione 02: Design Touch Mobile
Corso WebApp iOS - Lezione 02: Design Touch Mobile
 
1 of 46
Corso WebApp iOS “Testing iOS WebApps” Lezione 09/10 ”Be a Yardstick of Quality. Some People aren’t used to an Enviroment where Excellence is Expected ” Steve Jobs Apple Inc. Co-Founder.
Chapter 11 Testing iOS WebApps http://www.apress.com/9781430232469
Diario Lezioni LEZIONE 08 Develppment Lifecycle WebApp Testing
Development Lifecycle
Development Lifecycle
Image Optimization Approccio Agile per Sviluppatori Singoli usare i deliverable di ogni fase di progetto come assets per i test
Development Lifecycle
Development Lifecycle image credit: Miss HG
Development Lifecycle
Diario Lezioni LEZIONE 08 Develppment Lifecycle WebApp Testing
WebApp Testing Heat Map Feng-GUI heat map (software) tool previsioni tramite euristiche
WebApp Testing
WebApp Testing Paper Prototype uno dei deliverable della fase di design
WebApp Testing Fasi del Test 1. Organizzare il Test 2. Eseguire il Test 3. Valutare il Test
WebApp Testing 1. Organizzare il Test creare dei casi d’uso creare dei diagrammi dei casi d’uso creare degli scenari di interazione
WebApp Testing image credit: Resenfeld Media
WebApp Testing
WebApp Testing 1. Organizzare il Test: Caso d’uso Testuale Call the Apple Store Support Level: Sea Level (aka User Goal Level) Actor: User Device: iPhone 1. User Browses the Menu Selecting the “Support” link. 2. User Browses the Menu Selecting the “Contact Us” link. 3. User Browses the Menu Selecting the “1-800-275-2273” link. 4. Device Asks to Confirm the Call to the number “1-800-275-2273”. 5. User Makes a Call to Support.
WebApp Testing 1. Organizzare il Test: Livelli di Dettaglio 1. Cloud Level (Summary Goal) 2. Kite Level (Summary Goal) 3. Sea Level (User Goal Level) 4. Fish Level (Sub-Functional Goal) 5. Clamp Level (Sub-Functional Goal)
WebApp Testing 1. Organizzare il Test: Caso d’uso Testuale Call the Apple Store Support Level: Kite Level (aka Summary Goal Level) Actor: User Device: iPhone 1. User Goes to the Contact page. 2. User Clicks on the Support Number. 3. Device Asks for Confirmation. 4. User Calls Support.
WebApp Testing
WebApp Testing
WebApp Testing
WebApp Testing
WebApp Testing 2. Eseguire il Test in laboratorio o in mobilità
WebApp Testing image credit: Samuel Mann
WebApp Testing image credit: Typingweight
WebApp Testing image credit: Chlova
WebApp Testing 3. Valutare il Test un test ed il suo feedback é tanto valido quanto é valido il modello su cui si basa il test prototipo é incompleto per definizione
WebApp Testing 3. Valutare il Test Paper Prototype offre feedback sulla logica dell’interfaccia manca il contesto di interazione Paper Prototype in Mobilità manca il feedback sulla logica dell’interfaccia offre feedback sul contesto di interazione
WebApp Testing 3. Valutare il Test Paper Prototype Paper Prototype in Mobilità entrambi offrono solo ux-feedback limitati evidenziano solo macro-errori di progettazione
WebApp Testing 3. Valutare il Test Electronic Prototype offrono un buon feedback generale sia in laboratorio che in mobilità prototipo elettronico allo stato avanzato é molto vicino al prodotto finale
WebApp Testing 3. Valutare il Test: Variabili SPT (Shortest Path Three) dal punto di partenza al punto di arrivo in un albero dei contenuti
WebApp Testing
WebApp Testing 3. Valutare il Test: Variabili Numero di Errori A. Touch Error utente tocca un link sbagliato nota: spesso generato dal contesto B. Touch Misidentification tente tocca un area non attiva (non-link) nota: spesso generato dal design
WebApp Testing
WebApp Testing 3. Valutare il Test: Variabili ETA (Estimate Time of Arrival) confrontato con un utente di controllo che conosce il contesto dell’applicazione e riesce ad eseguire perfettamente il caso d’uso senza commettere errori nota: spesso un membro del team
WebApp Testing
WebApp Testing 3. Valutare il Test Riportare aspettative* e risultati all’interno del caso d’uso specifico * requisiti del test
WebApp Testing
WebApp Testing Riassumendo 1. Organizzare il Test 2. Eseguire il Test 3. Valutare il Test
Esempio di Testing http://www.youtube.com/watch?v=Qk-wXiAUexw video credit: Progetto HCI Prof.Polillo
Esempio di Testing http://www.youtube.com/watch?v=7JWqWbc9mOk video credit: Progetto HCI Prof.Polillo
Esempio di Testing http://www.youtube.com/watch?v=b5RK8Rv0DcY video credit: Progetto HCI Prof.Polillo
Esercitazione Utilizzare Guida* di Riferimento del Framework e Javascript 1. Implementare le Funzioni Specifiche 2. Implementare la Logica della Dinamica * versione online e/o formato elettronico
PROSSIMA LEZIONE ESERCITAZIONI FINALE (Lezione 10/10) Dimostrazione di Sviluppo Progetto dall’Analisi al Coding

More Related Content

Corso WebApp iOS - Lezione 09: Testing iOS WebApp

  • 1. Corso WebApp iOS “Testing iOS WebApps” Lezione 09/10 ”Be a Yardstick of Quality. Some People aren’t used to an Enviroment where Excellence is Expected ” Steve Jobs Apple Inc. Co-Founder.
  • 2. Chapter 11 Testing iOS WebApps http://www.apress.com/9781430232469
  • 3. Diario Lezioni LEZIONE 08 Develppment Lifecycle WebApp Testing
  • 6. Image Optimization Approccio Agile per Sviluppatori Singoli usare i deliverable di ogni fase di progetto come assets per i test
  • 8. Development Lifecycle image credit: Miss HG
  • 10. Diario Lezioni LEZIONE 08 Develppment Lifecycle WebApp Testing
  • 11. WebApp Testing Heat Map Feng-GUI heat map (software) tool previsioni tramite euristiche
  • 13. WebApp Testing Paper Prototype uno dei deliverable della fase di design
  • 14. WebApp Testing Fasi del Test 1. Organizzare il Test 2. Eseguire il Test 3. Valutare il Test
  • 15. WebApp Testing 1. Organizzare il Test creare dei casi d’uso creare dei diagrammi dei casi d’uso creare degli scenari di interazione
  • 16. WebApp Testing image credit: Resenfeld Media
  • 18. WebApp Testing 1. Organizzare il Test: Caso d’uso Testuale Call the Apple Store Support Level: Sea Level (aka User Goal Level) Actor: User Device: iPhone 1. User Browses the Menu Selecting the “Support” link. 2. User Browses the Menu Selecting the “Contact Us” link. 3. User Browses the Menu Selecting the “1-800-275-2273” link. 4. Device Asks to Confirm the Call to the number “1-800-275-2273”. 5. User Makes a Call to Support.
  • 19. WebApp Testing 1. Organizzare il Test: Livelli di Dettaglio 1. Cloud Level (Summary Goal) 2. Kite Level (Summary Goal) 3. Sea Level (User Goal Level) 4. Fish Level (Sub-Functional Goal) 5. Clamp Level (Sub-Functional Goal)
  • 20. WebApp Testing 1. Organizzare il Test: Caso d’uso Testuale Call the Apple Store Support Level: Kite Level (aka Summary Goal Level) Actor: User Device: iPhone 1. User Goes to the Contact page. 2. User Clicks on the Support Number. 3. Device Asks for Confirmation. 4. User Calls Support.
  • 25. WebApp Testing 2. Eseguire il Test in laboratorio o in mobilità
  • 26. WebApp Testing image credit: Samuel Mann
  • 27. WebApp Testing image credit: Typingweight
  • 28. WebApp Testing image credit: Chlova
  • 29. WebApp Testing 3. Valutare il Test un test ed il suo feedback é tanto valido quanto é valido il modello su cui si basa il test prototipo é incompleto per definizione
  • 30. WebApp Testing 3. Valutare il Test Paper Prototype offre feedback sulla logica dell’interfaccia manca il contesto di interazione Paper Prototype in Mobilità manca il feedback sulla logica dell’interfaccia offre feedback sul contesto di interazione
  • 31. WebApp Testing 3. Valutare il Test Paper Prototype Paper Prototype in Mobilità entrambi offrono solo ux-feedback limitati evidenziano solo macro-errori di progettazione
  • 32. WebApp Testing 3. Valutare il Test Electronic Prototype offrono un buon feedback generale sia in laboratorio che in mobilità prototipo elettronico allo stato avanzato é molto vicino al prodotto finale
  • 33. WebApp Testing 3. Valutare il Test: Variabili SPT (Shortest Path Three) dal punto di partenza al punto di arrivo in un albero dei contenuti
  • 35. WebApp Testing 3. Valutare il Test: Variabili Numero di Errori A. Touch Error utente tocca un link sbagliato nota: spesso generato dal contesto B. Touch Misidentification tente tocca un area non attiva (non-link) nota: spesso generato dal design
  • 37. WebApp Testing 3. Valutare il Test: Variabili ETA (Estimate Time of Arrival) confrontato con un utente di controllo che conosce il contesto dell’applicazione e riesce ad eseguire perfettamente il caso d’uso senza commettere errori nota: spesso un membro del team
  • 39. WebApp Testing 3. Valutare il Test Riportare aspettative* e risultati all’interno del caso d’uso specifico * requisiti del test
  • 41. WebApp Testing Riassumendo 1. Organizzare il Test 2. Eseguire il Test 3. Valutare il Test
  • 42. Esempio di Testing http://www.youtube.com/watch?v=Qk-wXiAUexw video credit: Progetto HCI Prof.Polillo
  • 43. Esempio di Testing http://www.youtube.com/watch?v=7JWqWbc9mOk video credit: Progetto HCI Prof.Polillo
  • 44. Esempio di Testing http://www.youtube.com/watch?v=b5RK8Rv0DcY video credit: Progetto HCI Prof.Polillo
  • 45. Esercitazione Utilizzare Guida* di Riferimento del Framework e Javascript 1. Implementare le Funzioni Specifiche 2. Implementare la Logica della Dinamica * versione online e/o formato elettronico
  • 46. PROSSIMA LEZIONE ESERCITAZIONI FINALE (Lezione 10/10) Dimostrazione di Sviluppo Progetto dall’Analisi al Coding