SlideShare une entreprise Scribd logo
1  sur  25
Télécharger pour lire hors ligne
Temesis




                          ParisWeb 2007


             État des lieux sur les bonnes
                pratiques qualité Web




Élie Sloïm – Fabrice Bonny – 17 novembre 2007
Fabrice Bonny
Temesis

     Consultant de la société Temesis
          Formateur et consultant sur la qualité,
          l’accessibilité et la conformité des sites


                            Inititiateur et contributeur OpenWeb
                                Collectif de promotion des
                                standards du Web


     Resp. technique du projet Opquast
           Liste publique de bonnes pratiques
           qualité pour les services en ligne
Denis Boudreau
Temesis

     Webconfome
          Création de sites conformes et
          accessibles


                           AccessibiliteWeb
                              Promotion de l'accessibilité universelle des
                              sites Internet.


     Créateur de Cybercodeur.net
           Blog sur les standards du Web et le
           développement conforme (2002-2005)
Elie Sloïm
Temesis

     Directeur de la société Temesis
          Formateur et consultant sur la qualité,
          l’accessibilité et la conformité des sites


                            Contributeur OpenWeb.eu.org
                                Collectif de promotion des
                                standards du Web


     Directeur du projet Opquast
           Liste publique de bonnes pratiques
           qualité pour les services en ligne
Plan de l’intervention
Temesis




      1 Présentation du projet Opquast


                     2 Atelier bonnes pratiques


     3 Démo prochaine version


                      4 Axes stratégiques
Temesis
         La création d’un site web nécessite
    de maîtriser un certain nombre de compétences
                     Confidentialité
     Contenus                                                Accessibilité
                                         Communication


                                                            Relation client
      Traductions          Sécurité
                                           E-commerce


                                                         Hébergement
      Standards          Interaction       Management


                                                            Multimedia
   Navigation       Promotion
                                       Ergonomie



 Référencement       Design                                Impression
                                        Fichiers
Sélection des bonnes pratiques
Temesis


     …Utile pour les utilisateurs :
        Valeur ajoutée pour les utilisateurs et si possible pour les
     administrateurs du site


     …Réaliste et internationale :
         Répandue, possible à mettre en place et     compréhensible
     au niveau international


     …Vérifiable en ligne :
        Possibilité pour un sujet extérieur de vérifier sa mise en
     application en ligne
Mise au point communautaire
Temesis


  … 190 bonnes pratiques initiales issues du modèle VPTCS
     Travaillées par un petit groupe de contributeurs

  … Discutées et validées en public avec la communauté
  190 forums, 150 contributeurs , 3000 messages, 6 mois

  … Une nouvelle liste de 153 bonnes pratiques
        après fusion, séparation et réécriture

 … Organisées en trois niveaux progressifs
     Initial, intermédiaire, optimal.
Septembre 2004 : Opquast.com - V1
Temesis




 153                 Libellé
          fiches
                     Objectif


                     Mise en œuvre


                     Moyens de contrôle
Mon-Opquast : V1.0 - Février 2005
Temesis




              Évaluation manuelle
Mon-Opquast : V2.0 Novembre 2006
Temesis




                                           Multi-utilisateurs
Évaluation manuelle
                    Internationalisation   Multi-référentiels
   et validateur
Editions Eyrolles
Temesis




                  Février 2007
          153 bonnes pratiques
                 Format poche
Mon-Opquast : V2.5 - novembre 2007
Temesis




 Évaluation manuelle   Renforcement    Nouveau design,
   et automatique        technique    nouvelle ergonomie
Plan de l’intervention
Temesis




      1 Présentation du projet Opquast


                     2 Atelier sur les bonnes pratiques


     3 Démo prochaine version


                      4 Axes stratégiques
Quelques exemples de fiches
Temesis


   • Il est possible de revenir à la page d'accueil depuis   Fiche
   toutes les pages.

   • Le serveur envoie une page d'erreur 404 personnalisée   Fiche


   • L'indicatif téléphonique du pays est précisé devant     Fiche
   chaque numéro de téléphone

   • La taille des fichiers proposés en téléchargement       Fiche
   est indiquée.

   • Chaque page comporte un titre significatif et           Fiche
   représentatif de son contenu.
Quelques bonnes pratiques à la loupe
Temesis


    Le serveur envoie l'indication de la langue principale du contenu.
    Le serveur envoie une page d'erreur 404 personnalisée.
    Le serveur envoie les informations relatives à la nature des
    contenus (présence ou absence de contenus à caractère sexuel,
    violent, etc).
    Le serveur envoie les informations relatives à la politique de
    confidentialité et de respect de la vie privée.
    Le serveur envoie les informations permettant la mise en cache des
    contenus.
    Les entêtes envoyés par le serveur contiennent les informations
    relatives au jeu de caractères employé.
    Si le site est disponible en plusieurs langues, le serveur envoie la
    page dans la langue demandée par l'outil de consultation, si elle
    existe.
Quelques bonnes pratiques à la loupe
Temesis




          http://www.opquast.org/atelier/index.php/
          Special:ToutLAtelier?ref=false
Vos questions ?
Temesis




          Nouvelles bonnes pratiques à proposer

          Thématiques à creuser

          Evolutions demandées
Vos questions ?
Temesis




          Des explications spécifiques sur les bonnes
          pratiques, Vos questions, c’est maintenant
Plan de l’intervention
Temesis




      1 Présentation du projet Opquast


                     2 Atelier sur les bonnes pratiques


     3 Démo prochaine version


                      4 Axes stratégiques
Nouvelle version Mon-opquast (11-2007)
Temesis
Plan de l’intervention
Temesis




      1 Présentation du projet Opquast


                     2 Atelier sur les bonnes pratiques


     3 Démo prochaine version


                      4 Axes stratégiques
Axes de développement
Temesis


               Faciliter l’évaluation auto sans
              supprimer l’évaluation manuelle


             Faciliter le travail en équipe et le
             développement de listes publiques



      Faciliter le pilotage de parcs de sites, notamment
                     par les grands comptes
Simplifier l’accès aux bonnes pratiques
Temesis


     Moins de texte sur les sites Opquast.org, .com, mon-
                            opquast


          Reprendre les travaux de développement
              de la version 2 sur Opquast.org



              Développer la communauté autour
                    des bonnes pratiques
Contact
Temesis


                              Expertise :
             Temesis
     18, Rue Lucien Granet
                              Qualité, Conformité, Accessibilité
     33150 Cenon – France
                              Diagnostic, A.M.O.…
     Tél : +33 5 56 401 402
     Tél : +33 5 56 401 403
   http://www.temesis.com
                              Formation :
                              Professionnels, universités, …


                              Opquast :
                              Bonnes pratiques qualité

                              Information :
                              Temesis.com, E-logisticien.com

Contenu connexe

Similaire à Sp Parisweb 17112007

Qualité Web : hier, aujourd'hui, demain par Elie SloÏm Confoo Montreal Mars 2010
Qualité Web : hier, aujourd'hui, demain par Elie SloÏm Confoo Montreal Mars 2010Qualité Web : hier, aujourd'hui, demain par Elie SloÏm Confoo Montreal Mars 2010
Qualité Web : hier, aujourd'hui, demain par Elie SloÏm Confoo Montreal Mars 2010Elie Sloïm
 
Accessibilité numérique et Industrialisation @Orange
Accessibilité numérique et Industrialisation @Orange Accessibilité numérique et Industrialisation @Orange
Accessibilité numérique et Industrialisation @Orange vincent aniort
 
PHP dans la grande entreprise canadienne
PHP dans la grande entreprise canadiennePHP dans la grande entreprise canadienne
PHP dans la grande entreprise canadienneDamien Seguy
 
Nuxeo Summer Seminar 2007 - Vision And Market (FR)
Nuxeo  Summer Seminar 2007 - Vision And Market (FR)Nuxeo  Summer Seminar 2007 - Vision And Market (FR)
Nuxeo Summer Seminar 2007 - Vision And Market (FR)Stefane Fermigier
 
Ged Open Source - Documation 2010
Ged Open Source - Documation 2010Ged Open Source - Documation 2010
Ged Open Source - Documation 2010Thomas Choppy
 
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des EntrepreneursKit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des EntrepreneursStéphanie Hertrich
 
WUD 2007 Paris : Qualité, accéssibilité et utilisabilité
WUD 2007 Paris : Qualité, accéssibilité et utilisabilitéWUD 2007 Paris : Qualité, accéssibilité et utilisabilité
WUD 2007 Paris : Qualité, accéssibilité et utilisabilitéFrederic CAVAZZA
 
Drupal 7 : un CMS polymorphe recommandé par Linagora
Drupal 7 : un CMS polymorphe recommandé par LinagoraDrupal 7 : un CMS polymorphe recommandé par Linagora
Drupal 7 : un CMS polymorphe recommandé par Linagorajp_mouton
 
Présentation Sollan I-Expo 2008
Présentation Sollan I-Expo 2008Présentation Sollan I-Expo 2008
Présentation Sollan I-Expo 2008mlefebvre
 
[Webinaire] Connecteur Nuxeo / Hippo : Faire le lien entre la gestion de cont...
[Webinaire] Connecteur Nuxeo / Hippo : Faire le lien entre la gestion de cont...[Webinaire] Connecteur Nuxeo / Hippo : Faire le lien entre la gestion de cont...
[Webinaire] Connecteur Nuxeo / Hippo : Faire le lien entre la gestion de cont...Nuxeo
 
Microsoft Tech days 2007 - Industrialisation des développements : Retours d'e...
Microsoft Tech days 2007 - Industrialisation des développements : Retours d'e...Microsoft Tech days 2007 - Industrialisation des développements : Retours d'e...
Microsoft Tech days 2007 - Industrialisation des développements : Retours d'e...Djamel Zouaoui
 
CMSday 2013 - Usines à sites : Quelles sont les approches possibles ?
CMSday 2013 - Usines à sites : Quelles sont les approches possibles ?CMSday 2013 - Usines à sites : Quelles sont les approches possibles ?
CMSday 2013 - Usines à sites : Quelles sont les approches possibles ?Smile I.T is open
 
Pasdecalais.fr, histoire d'une démarche d'accessibilité
Pasdecalais.fr, histoire d'une démarche d'accessibilitéPasdecalais.fr, histoire d'une démarche d'accessibilité
Pasdecalais.fr, histoire d'une démarche d'accessibilitéБертран Бинуа
 
Booster l'Ergonomie et Expérience Utilisateur Digitale (web & mobile)
Booster l'Ergonomie et Expérience Utilisateur Digitale (web & mobile)Booster l'Ergonomie et Expérience Utilisateur Digitale (web & mobile)
Booster l'Ergonomie et Expérience Utilisateur Digitale (web & mobile)Raphael De Robiano
 
Nuxeo Summer Seminar 2007 - Micro Research (FR)
Nuxeo Summer Seminar 2007 - Micro Research (FR)Nuxeo Summer Seminar 2007 - Micro Research (FR)
Nuxeo Summer Seminar 2007 - Micro Research (FR)Stefane Fermigier
 
symfony: Un Framework Open-Source pour les Entreprises (Solutions Linux 2008)
symfony: Un Framework Open-Source pour les Entreprises (Solutions Linux 2008)symfony: Un Framework Open-Source pour les Entreprises (Solutions Linux 2008)
symfony: Un Framework Open-Source pour les Entreprises (Solutions Linux 2008)Fabien Potencier
 

Similaire à Sp Parisweb 17112007 (20)

Qualité Web : hier, aujourd'hui, demain par Elie SloÏm Confoo Montreal Mars 2010
Qualité Web : hier, aujourd'hui, demain par Elie SloÏm Confoo Montreal Mars 2010Qualité Web : hier, aujourd'hui, demain par Elie SloÏm Confoo Montreal Mars 2010
Qualité Web : hier, aujourd'hui, demain par Elie SloÏm Confoo Montreal Mars 2010
 
A11y pas à pas
A11y pas à pasA11y pas à pas
A11y pas à pas
 
Accessibilité numérique et Industrialisation @Orange
Accessibilité numérique et Industrialisation @Orange Accessibilité numérique et Industrialisation @Orange
Accessibilité numérique et Industrialisation @Orange
 
PHP dans la grande entreprise canadienne
PHP dans la grande entreprise canadiennePHP dans la grande entreprise canadienne
PHP dans la grande entreprise canadienne
 
Formation Accessibilite Web
Formation Accessibilite WebFormation Accessibilite Web
Formation Accessibilite Web
 
Nuxeo Summer Seminar 2007 - Vision And Market (FR)
Nuxeo  Summer Seminar 2007 - Vision And Market (FR)Nuxeo  Summer Seminar 2007 - Vision And Market (FR)
Nuxeo Summer Seminar 2007 - Vision And Market (FR)
 
Ged Open Source - Documation 2010
Ged Open Source - Documation 2010Ged Open Source - Documation 2010
Ged Open Source - Documation 2010
 
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des EntrepreneursKit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
 
WUD 2007 Paris : Qualité, accéssibilité et utilisabilité
WUD 2007 Paris : Qualité, accéssibilité et utilisabilitéWUD 2007 Paris : Qualité, accéssibilité et utilisabilité
WUD 2007 Paris : Qualité, accéssibilité et utilisabilité
 
Drupal 7 : un CMS polymorphe recommandé par Linagora
Drupal 7 : un CMS polymorphe recommandé par LinagoraDrupal 7 : un CMS polymorphe recommandé par Linagora
Drupal 7 : un CMS polymorphe recommandé par Linagora
 
Présentation Sollan I-Expo 2008
Présentation Sollan I-Expo 2008Présentation Sollan I-Expo 2008
Présentation Sollan I-Expo 2008
 
[Webinaire] Connecteur Nuxeo / Hippo : Faire le lien entre la gestion de cont...
[Webinaire] Connecteur Nuxeo / Hippo : Faire le lien entre la gestion de cont...[Webinaire] Connecteur Nuxeo / Hippo : Faire le lien entre la gestion de cont...
[Webinaire] Connecteur Nuxeo / Hippo : Faire le lien entre la gestion de cont...
 
Microsoft Tech days 2007 - Industrialisation des développements : Retours d'e...
Microsoft Tech days 2007 - Industrialisation des développements : Retours d'e...Microsoft Tech days 2007 - Industrialisation des développements : Retours d'e...
Microsoft Tech days 2007 - Industrialisation des développements : Retours d'e...
 
CMSday 2013 - Usines à sites : Quelles sont les approches possibles ?
CMSday 2013 - Usines à sites : Quelles sont les approches possibles ?CMSday 2013 - Usines à sites : Quelles sont les approches possibles ?
CMSday 2013 - Usines à sites : Quelles sont les approches possibles ?
 
Présentation Drupal 2009 06 21
Présentation Drupal 2009 06 21Présentation Drupal 2009 06 21
Présentation Drupal 2009 06 21
 
Pasdecalais.fr, histoire d'une démarche d'accessibilité
Pasdecalais.fr, histoire d'une démarche d'accessibilitéPasdecalais.fr, histoire d'une démarche d'accessibilité
Pasdecalais.fr, histoire d'une démarche d'accessibilité
 
CSOFT - Les approches web pour augmenter la qualité et réduire les coûts en c...
CSOFT - Les approches web pour augmenter la qualité et réduire les coûts en c...CSOFT - Les approches web pour augmenter la qualité et réduire les coûts en c...
CSOFT - Les approches web pour augmenter la qualité et réduire les coûts en c...
 
Booster l'Ergonomie et Expérience Utilisateur Digitale (web & mobile)
Booster l'Ergonomie et Expérience Utilisateur Digitale (web & mobile)Booster l'Ergonomie et Expérience Utilisateur Digitale (web & mobile)
Booster l'Ergonomie et Expérience Utilisateur Digitale (web & mobile)
 
Nuxeo Summer Seminar 2007 - Micro Research (FR)
Nuxeo Summer Seminar 2007 - Micro Research (FR)Nuxeo Summer Seminar 2007 - Micro Research (FR)
Nuxeo Summer Seminar 2007 - Micro Research (FR)
 
symfony: Un Framework Open-Source pour les Entreprises (Solutions Linux 2008)
symfony: Un Framework Open-Source pour les Entreprises (Solutions Linux 2008)symfony: Un Framework Open-Source pour les Entreprises (Solutions Linux 2008)
symfony: Un Framework Open-Source pour les Entreprises (Solutions Linux 2008)
 

Sp Parisweb 17112007

  • 1. Temesis ParisWeb 2007 État des lieux sur les bonnes pratiques qualité Web Élie Sloïm – Fabrice Bonny – 17 novembre 2007
  • 2. Fabrice Bonny Temesis Consultant de la société Temesis Formateur et consultant sur la qualité, l’accessibilité et la conformité des sites Inititiateur et contributeur OpenWeb Collectif de promotion des standards du Web Resp. technique du projet Opquast Liste publique de bonnes pratiques qualité pour les services en ligne
  • 3. Denis Boudreau Temesis Webconfome Création de sites conformes et accessibles AccessibiliteWeb Promotion de l'accessibilité universelle des sites Internet. Créateur de Cybercodeur.net Blog sur les standards du Web et le développement conforme (2002-2005)
  • 4. Elie Sloïm Temesis Directeur de la société Temesis Formateur et consultant sur la qualité, l’accessibilité et la conformité des sites Contributeur OpenWeb.eu.org Collectif de promotion des standards du Web Directeur du projet Opquast Liste publique de bonnes pratiques qualité pour les services en ligne
  • 5. Plan de l’intervention Temesis 1 Présentation du projet Opquast 2 Atelier bonnes pratiques 3 Démo prochaine version 4 Axes stratégiques
  • 6. Temesis La création d’un site web nécessite de maîtriser un certain nombre de compétences Confidentialité Contenus Accessibilité Communication Relation client Traductions Sécurité E-commerce Hébergement Standards Interaction Management Multimedia Navigation Promotion Ergonomie Référencement Design Impression Fichiers
  • 7. Sélection des bonnes pratiques Temesis …Utile pour les utilisateurs : Valeur ajoutée pour les utilisateurs et si possible pour les administrateurs du site …Réaliste et internationale : Répandue, possible à mettre en place et compréhensible au niveau international …Vérifiable en ligne : Possibilité pour un sujet extérieur de vérifier sa mise en application en ligne
  • 8. Mise au point communautaire Temesis … 190 bonnes pratiques initiales issues du modèle VPTCS Travaillées par un petit groupe de contributeurs … Discutées et validées en public avec la communauté 190 forums, 150 contributeurs , 3000 messages, 6 mois … Une nouvelle liste de 153 bonnes pratiques après fusion, séparation et réécriture … Organisées en trois niveaux progressifs Initial, intermédiaire, optimal.
  • 9. Septembre 2004 : Opquast.com - V1 Temesis 153 Libellé fiches Objectif Mise en œuvre Moyens de contrôle
  • 10. Mon-Opquast : V1.0 - Février 2005 Temesis Évaluation manuelle
  • 11. Mon-Opquast : V2.0 Novembre 2006 Temesis Multi-utilisateurs Évaluation manuelle Internationalisation Multi-référentiels et validateur
  • 12. Editions Eyrolles Temesis Février 2007 153 bonnes pratiques Format poche
  • 13. Mon-Opquast : V2.5 - novembre 2007 Temesis Évaluation manuelle Renforcement Nouveau design, et automatique technique nouvelle ergonomie
  • 14. Plan de l’intervention Temesis 1 Présentation du projet Opquast 2 Atelier sur les bonnes pratiques 3 Démo prochaine version 4 Axes stratégiques
  • 15. Quelques exemples de fiches Temesis • Il est possible de revenir à la page d'accueil depuis Fiche toutes les pages. • Le serveur envoie une page d'erreur 404 personnalisée Fiche • L'indicatif téléphonique du pays est précisé devant Fiche chaque numéro de téléphone • La taille des fichiers proposés en téléchargement Fiche est indiquée. • Chaque page comporte un titre significatif et Fiche représentatif de son contenu.
  • 16. Quelques bonnes pratiques à la loupe Temesis Le serveur envoie l'indication de la langue principale du contenu. Le serveur envoie une page d'erreur 404 personnalisée. Le serveur envoie les informations relatives à la nature des contenus (présence ou absence de contenus à caractère sexuel, violent, etc). Le serveur envoie les informations relatives à la politique de confidentialité et de respect de la vie privée. Le serveur envoie les informations permettant la mise en cache des contenus. Les entêtes envoyés par le serveur contiennent les informations relatives au jeu de caractères employé. Si le site est disponible en plusieurs langues, le serveur envoie la page dans la langue demandée par l'outil de consultation, si elle existe.
  • 17. Quelques bonnes pratiques à la loupe Temesis http://www.opquast.org/atelier/index.php/ Special:ToutLAtelier?ref=false
  • 18. Vos questions ? Temesis Nouvelles bonnes pratiques à proposer Thématiques à creuser Evolutions demandées
  • 19. Vos questions ? Temesis Des explications spécifiques sur les bonnes pratiques, Vos questions, c’est maintenant
  • 20. Plan de l’intervention Temesis 1 Présentation du projet Opquast 2 Atelier sur les bonnes pratiques 3 Démo prochaine version 4 Axes stratégiques
  • 21. Nouvelle version Mon-opquast (11-2007) Temesis
  • 22. Plan de l’intervention Temesis 1 Présentation du projet Opquast 2 Atelier sur les bonnes pratiques 3 Démo prochaine version 4 Axes stratégiques
  • 23. Axes de développement Temesis Faciliter l’évaluation auto sans supprimer l’évaluation manuelle Faciliter le travail en équipe et le développement de listes publiques Faciliter le pilotage de parcs de sites, notamment par les grands comptes
  • 24. Simplifier l’accès aux bonnes pratiques Temesis Moins de texte sur les sites Opquast.org, .com, mon- opquast Reprendre les travaux de développement de la version 2 sur Opquast.org Développer la communauté autour des bonnes pratiques
  • 25. Contact Temesis Expertise : Temesis 18, Rue Lucien Granet Qualité, Conformité, Accessibilité 33150 Cenon – France Diagnostic, A.M.O.… Tél : +33 5 56 401 402 Tél : +33 5 56 401 403 http://www.temesis.com Formation : Professionnels, universités, … Opquast : Bonnes pratiques qualité Information : Temesis.com, E-logisticien.com