SlideShare une entreprise Scribd logo
1  sur  40
Télécharger pour lire hors ligne
ANTICIPER LES ACTIONS "UTILISATEURS"


            Christophe Villeneuve



               13 mars 2013
Quel titre !!!


 ✔
     Disponibilité
 ✔
     Formulaire
 ✔
     Navigation
 ✔
     Simulation




      nAcademy – 13 Mars 2013
La fin...

  Du projet ?




     nAcademy – 13 mars 2013
3 citations...


   « Je le finirai plus tard »




                              « ça existe déjà »




                                « Je ne comprends pas pourquoi 
                                            çà ne marche pas »



    nAcademy – 13 Mars 2013
Etape Ultime : béta test




    nAcademy – 13 mars 2013
Profession

     Job... Testeur                   En attrapper un
 ✔
     Etape indispensable          ✔
                                      Tester son application
                                      sur différents appareils
                                  ✔
                                      Dans différentes
                                      conditions
 ✔
     Ne pas négliger              ✔
                                      Récolter les premiers
                                      avis de personnes
 ✔
     Les utilisateurs attendent       extérieures
     toujours la perfection       ✔
                                      Regarder les gens
                                      utiliser votre projet




      nAcademy – 13 mars 2013
Trouver des testeurs




    nAcademy – 13 mars 2013
Trouver des testeurs


 ✔
     Chercher des personnes motivées
 ✔
     Identifier les problèmes d'utilisations
 ✔
     Binôme
 ✔
     Différents Périphériques
 ✔
     Implication dans les tests automatiques




      nAcademy – 13 mars 2013
Faire les tests soit-même




         $                    $         $

                                  Plus on teste, plus on trouve



    nAcademy – 13 mars 2013
Méthodologie...

Que faire pour trouver les problèmes critiques ?
✔
    Grille
✔
    Réalisation d'une synthèse
✔
    Comparaison de 2 versions
✔
    Comptabiliser les défauts




       nAcademy – 13 Mars 2013
Mais Réellement




   nAcademy – 13 Mars 2013
Formulaire

✔
    Test usuel
✔
    Avec les yeux
✔
    Support client
✔
    Bonne pratique
✔
    Tracking




      nAcademy – 13 Mars 2013
nAcademy – 13 Mars 2013
Rapidité



 Spoon Browser Sandbox
 ➢                             ✔
                                   Outil le plus puissant
                               ✔
                                   Tous les navigateurs
                                       ✔
                                           Mobile
                                       ✔
                                           Web




     nAcademy – 13 Mars 2013
Rapidité



 Spoon Browser Sandbox
 ➢                             ✔
                                   Plusieurs configurations

 Cross Browser Testing
 ➢
                               ✔
                                   Plusieurs OS
                                     ✔
                                      Desktop
                                    ✔
                                      Mobile
                               ✔
                                 Différents navigateurs




     nAcademy – 13 Mars 2013
Rapidité



 Spoon Browser Sandbox
 ➢                             ✔
                                   Add-on Firefox & Chrome

 Cross Browser Testing
 ➢
                               ✔
                                   Visualiser avec DirectX

 IE Tab
 ➢
                               ✔
                                   Navigation en local




     nAcademy – 13 Mars 2013
Rapidité



 Spoon Browser Sandbox
 ➢                             ✔
                                   Test en ligne

 Cross Browser Testing
 ➢
                               ✔
                                   Nombreux services

 IE Tab
 ➢
                                    ✔
                                        Différentes résolutions
                                    ✔
                                        Configs swf, js, java
 Browsershots
 ➢




     nAcademy – 13 Mars 2013
Rapidité



 Spoon Browser Sandbox
 ➢                             ✔
                                   Disponible en mode Cloud

 Cross Browser Testing
 ➢



 IE Tab
 ➢



 Browsershots
 ➢




 Cloud Testing
 ➢




     nAcademy – 13 Mars 2013
Rapidité



 Spoon Browser Sandbox
 ➢                               ✔
                                     Performant

 Cross Browser Testing
 ➢
                                 ✔
                                     Différents aperçus

 IE Tab
 ➢
                                 ✔
                                     Peu de versions

 Browsershots
 ➢




 Cloud Testing
 ➢



 ➢
     Adobe BrowserLab




       nAcademy – 13 Mars 2013
Rapidité



 Spoon Browser Sandbox
 ➢                               ✔
                                     Toutes les versions IE

 Cross Browser Testing
 ➢



 IE Tab
 ➢



 Browsershots
 ➢




 Cloud Testing
 ➢



 ➢
     Adobe BrowserLab

 IE Tester
 ➢




       nAcademy – 13 Mars 2013
Simulation semi-automatique




   nAcademy – 13 Mars 2013
Jmeter : Configuration


✔
    Serveur




                                © MilamberSpace – JMeter




      nAcademy – 13 Mars 2013
Jmeter : Préparation


✔
    Différents écrans




                                © MilamberSpace – JMeter




      nAcademy – 13 Mars 2013
Jmeter : Préparation




                              © MilamberSpace – JMeter




    nAcademy – 13 Mars 2013
Jmeter : Préparation


✔
    Différents écrans




                                © MilamberSpace – JMeter




      nAcademy – 13 Mars 2013
Jmeter : Préparation




                              © MilamberSpace – JMeter




    nAcademy – 13 Mars 2013
Jmeter : Préparation




                              © MilamberSpace – JMeter




    nAcademy – 13 Mars 2013
Jmeter : Préparation




                              © MilamberSpace – JMeter




    nAcademy – 13 Mars 2013
Jmeter : scénario




                              © MilamberSpace – JMeter




                                                    © MilamberSpace – JMeter




    nAcademy – 13 Mars 2013
Jmeter : scénario




                              © MilamberSpace – JMeter




                                      © MilamberSpace – JMeter




    nAcademy – 13 Mars 2013
Jmeter : scénario




                              © MilamberSpace – JMeter




                                             © MilamberSpace – JMeter

    nAcademy – 13 Mars 2013
Jmeter : scénario




                              © MilamberSpace – JMeter




                                                         © MilamberSpace – JMeter




    nAcademy – 13 Mars 2013
Jmeter : scénario




                              © MilamberSpace – JMeter
    nAcademy – 13 Mars 2013
Jmeter : scénario : final




                              © MilamberSpace – JMeter




    Cocher le paramètre Ajouter une Assertion Réponse dans l’élément
    Serveur Proxy HTTP




    nAcademy – 13 Mars 2013
Jmeter : Jouer le scénario




                              © MilamberSpace – JMeter




    nAcademy – 13 Mars 2013
Jmeter : Adapter le scénario




© MilamberSpace – JMeter




         nAcademy – 13 Mars 2013
Jmeter : Adapter le scénario




© MilamberSpace – JMeter




         nAcademy – 13 Mars 2013
Jmeter : Adapter le scénario




© MilamberSpace – JMeter




        nAcademy – 13 Mars 2013
Jmeter : Adapter le scénario




                               © MilamberSpace – JMeter




    nAcademy – 13 Mars 2013
Questions ?




    NAcademy – 13 mars 2013

Contenu connexe

Plus de neuros

Http2 les impacts dans le web
Http2 les impacts dans le webHttp2 les impacts dans le web
Http2 les impacts dans le webneuros
 
Php 7 Think php7
Php 7 Think php7Php 7 Think php7
Php 7 Think php7neuros
 
RGAA 3 dans un Web Accessible
RGAA 3 dans un Web AccessibleRGAA 3 dans un Web Accessible
RGAA 3 dans un Web Accessibleneuros
 
Les effets de la loi Hamon
Les effets de la loi HamonLes effets de la loi Hamon
Les effets de la loi Hamonneuros
 
La sécurité et php
La sécurité et phpLa sécurité et php
La sécurité et phpneuros
 
Les protocoles temps réels
Les protocoles temps réelsLes protocoles temps réels
Les protocoles temps réelsneuros
 
Vectoriel et 3d en html5 - Animation newschool (partie 2)
Vectoriel et 3d en html5 - Animation newschool (partie 2)Vectoriel et 3d en html5 - Animation newschool (partie 2)
Vectoriel et 3d en html5 - Animation newschool (partie 2)neuros
 
Améliorer les performances SQL
Améliorer les performances SQLAméliorer les performances SQL
Améliorer les performances SQLneuros
 
Newschool partie1 methode HTML5
Newschool partie1 methode HTML5Newschool partie1 methode HTML5
Newschool partie1 methode HTML5neuros
 
Integrons en mode continu
Integrons en mode continuIntegrons en mode continu
Integrons en mode continuneuros
 
Effectuer des tests modernes pour drupal
Effectuer des tests modernes pour drupalEffectuer des tests modernes pour drupal
Effectuer des tests modernes pour drupalneuros
 
Integration Drupal systemes d'informations
Integration Drupal systemes d'informationsIntegration Drupal systemes d'informations
Integration Drupal systemes d'informationsneuros
 
La maitrise des contenus hors internet
La maitrise des contenus hors internetLa maitrise des contenus hors internet
La maitrise des contenus hors internetneuros
 
La mémoire et PHP
La mémoire et PHPLa mémoire et PHP
La mémoire et PHPneuros
 
Pourquoi Firefox OS
Pourquoi Firefox OSPourquoi Firefox OS
Pourquoi Firefox OSneuros
 
Un CRM...sugarCRM
Un CRM...sugarCRMUn CRM...sugarCRM
Un CRM...sugarCRMneuros
 
Neuros Digital
Neuros DigitalNeuros Digital
Neuros Digitalneuros
 
Le cloud ton univers impitoyable
Le cloud ton univers impitoyableLe cloud ton univers impitoyable
Le cloud ton univers impitoyableneuros
 
L Importance des forks de MySQL
L Importance des forks de MySQLL Importance des forks de MySQL
L Importance des forks de MySQLneuros
 
Sécuriser votre projet
Sécuriser votre projetSécuriser votre projet
Sécuriser votre projetneuros
 

Plus de neuros (20)

Http2 les impacts dans le web
Http2 les impacts dans le webHttp2 les impacts dans le web
Http2 les impacts dans le web
 
Php 7 Think php7
Php 7 Think php7Php 7 Think php7
Php 7 Think php7
 
RGAA 3 dans un Web Accessible
RGAA 3 dans un Web AccessibleRGAA 3 dans un Web Accessible
RGAA 3 dans un Web Accessible
 
Les effets de la loi Hamon
Les effets de la loi HamonLes effets de la loi Hamon
Les effets de la loi Hamon
 
La sécurité et php
La sécurité et phpLa sécurité et php
La sécurité et php
 
Les protocoles temps réels
Les protocoles temps réelsLes protocoles temps réels
Les protocoles temps réels
 
Vectoriel et 3d en html5 - Animation newschool (partie 2)
Vectoriel et 3d en html5 - Animation newschool (partie 2)Vectoriel et 3d en html5 - Animation newschool (partie 2)
Vectoriel et 3d en html5 - Animation newschool (partie 2)
 
Améliorer les performances SQL
Améliorer les performances SQLAméliorer les performances SQL
Améliorer les performances SQL
 
Newschool partie1 methode HTML5
Newschool partie1 methode HTML5Newschool partie1 methode HTML5
Newschool partie1 methode HTML5
 
Integrons en mode continu
Integrons en mode continuIntegrons en mode continu
Integrons en mode continu
 
Effectuer des tests modernes pour drupal
Effectuer des tests modernes pour drupalEffectuer des tests modernes pour drupal
Effectuer des tests modernes pour drupal
 
Integration Drupal systemes d'informations
Integration Drupal systemes d'informationsIntegration Drupal systemes d'informations
Integration Drupal systemes d'informations
 
La maitrise des contenus hors internet
La maitrise des contenus hors internetLa maitrise des contenus hors internet
La maitrise des contenus hors internet
 
La mémoire et PHP
La mémoire et PHPLa mémoire et PHP
La mémoire et PHP
 
Pourquoi Firefox OS
Pourquoi Firefox OSPourquoi Firefox OS
Pourquoi Firefox OS
 
Un CRM...sugarCRM
Un CRM...sugarCRMUn CRM...sugarCRM
Un CRM...sugarCRM
 
Neuros Digital
Neuros DigitalNeuros Digital
Neuros Digital
 
Le cloud ton univers impitoyable
Le cloud ton univers impitoyableLe cloud ton univers impitoyable
Le cloud ton univers impitoyable
 
L Importance des forks de MySQL
L Importance des forks de MySQLL Importance des forks de MySQL
L Importance des forks de MySQL
 
Sécuriser votre projet
Sécuriser votre projetSécuriser votre projet
Sécuriser votre projet
 

Anticiper les actions utilisateurs

  • 1. ANTICIPER LES ACTIONS "UTILISATEURS" Christophe Villeneuve 13 mars 2013
  • 2. Quel titre !!! ✔ Disponibilité ✔ Formulaire ✔ Navigation ✔ Simulation nAcademy – 13 Mars 2013
  • 3. La fin... Du projet ? nAcademy – 13 mars 2013
  • 4. 3 citations... « Je le finirai plus tard » « ça existe déjà » « Je ne comprends pas pourquoi  çà ne marche pas » nAcademy – 13 Mars 2013
  • 5. Etape Ultime : béta test nAcademy – 13 mars 2013
  • 6. Profession Job... Testeur En attrapper un ✔ Etape indispensable ✔ Tester son application sur différents appareils ✔ Dans différentes conditions ✔ Ne pas négliger ✔ Récolter les premiers avis de personnes ✔ Les utilisateurs attendent extérieures toujours la perfection ✔ Regarder les gens utiliser votre projet nAcademy – 13 mars 2013
  • 7. Trouver des testeurs nAcademy – 13 mars 2013
  • 8. Trouver des testeurs ✔ Chercher des personnes motivées ✔ Identifier les problèmes d'utilisations ✔ Binôme ✔ Différents Périphériques ✔ Implication dans les tests automatiques nAcademy – 13 mars 2013
  • 9. Faire les tests soit-même $ $ $ Plus on teste, plus on trouve nAcademy – 13 mars 2013
  • 10. Méthodologie... Que faire pour trouver les problèmes critiques ? ✔ Grille ✔ Réalisation d'une synthèse ✔ Comparaison de 2 versions ✔ Comptabiliser les défauts nAcademy – 13 Mars 2013
  • 11. Mais Réellement nAcademy – 13 Mars 2013
  • 12. Formulaire ✔ Test usuel ✔ Avec les yeux ✔ Support client ✔ Bonne pratique ✔ Tracking nAcademy – 13 Mars 2013
  • 13. nAcademy – 13 Mars 2013
  • 14. Rapidité Spoon Browser Sandbox ➢ ✔ Outil le plus puissant ✔ Tous les navigateurs ✔ Mobile ✔ Web nAcademy – 13 Mars 2013
  • 15. Rapidité Spoon Browser Sandbox ➢ ✔ Plusieurs configurations Cross Browser Testing ➢ ✔ Plusieurs OS ✔ Desktop ✔ Mobile ✔ Différents navigateurs nAcademy – 13 Mars 2013
  • 16. Rapidité Spoon Browser Sandbox ➢ ✔ Add-on Firefox & Chrome Cross Browser Testing ➢ ✔ Visualiser avec DirectX IE Tab ➢ ✔ Navigation en local nAcademy – 13 Mars 2013
  • 17. Rapidité Spoon Browser Sandbox ➢ ✔ Test en ligne Cross Browser Testing ➢ ✔ Nombreux services IE Tab ➢ ✔ Différentes résolutions ✔ Configs swf, js, java Browsershots ➢ nAcademy – 13 Mars 2013
  • 18. Rapidité Spoon Browser Sandbox ➢ ✔ Disponible en mode Cloud Cross Browser Testing ➢ IE Tab ➢ Browsershots ➢ Cloud Testing ➢ nAcademy – 13 Mars 2013
  • 19. Rapidité Spoon Browser Sandbox ➢ ✔ Performant Cross Browser Testing ➢ ✔ Différents aperçus IE Tab ➢ ✔ Peu de versions Browsershots ➢ Cloud Testing ➢ ➢ Adobe BrowserLab nAcademy – 13 Mars 2013
  • 20. Rapidité Spoon Browser Sandbox ➢ ✔ Toutes les versions IE Cross Browser Testing ➢ IE Tab ➢ Browsershots ➢ Cloud Testing ➢ ➢ Adobe BrowserLab IE Tester ➢ nAcademy – 13 Mars 2013
  • 21. Simulation semi-automatique nAcademy – 13 Mars 2013
  • 22. Jmeter : Configuration ✔ Serveur © MilamberSpace – JMeter nAcademy – 13 Mars 2013
  • 23. Jmeter : Préparation ✔ Différents écrans © MilamberSpace – JMeter nAcademy – 13 Mars 2013
  • 24. Jmeter : Préparation © MilamberSpace – JMeter nAcademy – 13 Mars 2013
  • 25. Jmeter : Préparation ✔ Différents écrans © MilamberSpace – JMeter nAcademy – 13 Mars 2013
  • 26. Jmeter : Préparation © MilamberSpace – JMeter nAcademy – 13 Mars 2013
  • 27. Jmeter : Préparation © MilamberSpace – JMeter nAcademy – 13 Mars 2013
  • 28. Jmeter : Préparation © MilamberSpace – JMeter nAcademy – 13 Mars 2013
  • 29. Jmeter : scénario © MilamberSpace – JMeter © MilamberSpace – JMeter nAcademy – 13 Mars 2013
  • 30. Jmeter : scénario © MilamberSpace – JMeter © MilamberSpace – JMeter nAcademy – 13 Mars 2013
  • 31. Jmeter : scénario © MilamberSpace – JMeter © MilamberSpace – JMeter nAcademy – 13 Mars 2013
  • 32. Jmeter : scénario © MilamberSpace – JMeter © MilamberSpace – JMeter nAcademy – 13 Mars 2013
  • 33. Jmeter : scénario © MilamberSpace – JMeter nAcademy – 13 Mars 2013
  • 34. Jmeter : scénario : final © MilamberSpace – JMeter Cocher le paramètre Ajouter une Assertion Réponse dans l’élément Serveur Proxy HTTP nAcademy – 13 Mars 2013
  • 35. Jmeter : Jouer le scénario © MilamberSpace – JMeter nAcademy – 13 Mars 2013
  • 36. Jmeter : Adapter le scénario © MilamberSpace – JMeter nAcademy – 13 Mars 2013
  • 37. Jmeter : Adapter le scénario © MilamberSpace – JMeter nAcademy – 13 Mars 2013
  • 38. Jmeter : Adapter le scénario © MilamberSpace – JMeter nAcademy – 13 Mars 2013
  • 39. Jmeter : Adapter le scénario © MilamberSpace – JMeter nAcademy – 13 Mars 2013
  • 40. Questions ? NAcademy – 13 mars 2013