Le document traite de la standardisation du développement web, mettant en lumière l'importance d'une compatibilité accrue entre navigateurs grâce aux standards du W3C. Il souligne les avantages pour les éditeurs et les clients, notamment en termes de maintenance, d'accessibilité et de réduction de la bande passante. Des exemples de projets web et les technologies utilisées illustrent les bénéfices de l'adoption de ces normes.

1. STANDARDISATION DU DEVELOPPEMENT WEB dans le cadre d'un projet à grande echelle

2. I.T.M Créée en 1990 15 salariés Editeur de MisterMaint – GMAO Projet Ponctuel : SAV Philips

3. Les debuts du Web HTTP HTML Créé par Tim Lee Berners Première mise en oeuvre en 1990 Debut de ”la guerre des navigateurs”

4. Les navigateurs Moteurs de rendu différents 1992 Internet Explorer Netscape (Gecko) Opéra Aujourdhui Gecko : Firefox, Safari, Epiphany, IBM WB Internet Explorer

5. Les navigateurs

6. Inconvenients Incompatibilité entre navigateurs Gerer la compatibilité : Beaucoup de temps Sacrifier la compatibilité pour certain navigateurs Code commun : Limité en fonctions. HTML déformé ”Hacks” : Detourner le code au profits de fonctions non prévu dans le HTML.

7. Les standards Web Pourquoi standardiser ? Code unique pour tout navigateur Maintenance évolutive aisée Gain de temps Accessibilité Visibilité Pérennité Bande passante optimisée

8. Les standards Web W3C Consortium créé en 1994 Composé en ”Work Group” XML CSS XHTML 1.0, 1.1, 2 PNG 426 Acteurs : Microsoft, IBM, Mozilla, Adobe,HP..

9. Les standards web

10. Les standards Web Séparation de la forme et du contenu : CSS

11. Les standards Web Avantage du CSS : Possibilité de dessocier l'aspect graphique suivant le support visuel Maintenance graphique optimisée Validateur CSS : compatibilité accrue.

12. Les standards Web HTML Moteur SGML Plus lourd HTML Moteur SGML Lourd Evolutivité nulle Balises figées XHTML Moteul XML Evolutivité accrue Séparation structure/ contenu Balises extensibles

13. Les standards Web Les outils proposés par le W3C : Doctypes : Indique au navigateur le langage employé et permet de valider la page Validator : assure un code optimisé

14. Les standards Web Avantages technologiques : Normalisation du code des applications web Interopérabilité accrues Economie de 30 à 80 % de bande passante Naissances des ”web services” & ”mashups” Netvibes ReCaptcha Delicious API Google map

15. Les standards Web Avantage pour l'éditeur Gain de temps Un seul code pour tout les navigateurs Maintenance évolutive aisée Accessibilité garantie Imbriquation de module web Aspect graphique facilement modifiable Argument de vente non négligeable

16. Les standards Web Avantages pour le client Garantie un site accessible. Compatible sur 99% des navigateurs Compatible avec les outils de navigation prévu pour les handicapés (surdité, mal voyance, ...) . Visibilité accrue par les moteur de recherches Maintenance moins coûteuse

17. Les standards Web Retour d'expérience d'agences web

18. Business Interactiv Depuis l'application du CSS, maintenance plus facile, surtout depuis l'abandon du support d'IE4 et Netscape 4.8 Depuis la loi ”pour l'égalité des droits et des chances, la participation et la citoyenneté des personnes handicapées” en 2005, application des recommandations du W3C relative à l'accessibilité. Réapprendre le developpement web. Gain en terme de structure et de cohérence Argument de prospection

19. Cosmic Communication Applique les standards depuis l'utilisation de CMS Sépartion du contenu et de la mise en forme grâce au CSS Gérer l'aspect graphique sous les navigateurs d'anciennes générations Mettre à jour les anciens projets

20. Nextweb Le but initiale : optimiser le référencement et l'accessibilité Apprendre les méthodes de mise en oeuvre du CSS Maintenance de la charte graphique Argument marketing Mise à jour du code en cas de retouche d'un ancien projet

21. Les standards Web Portail web applicatif de gestion SAV

22. Projet SAV Philips Portail Web applicatif accessible par 22 pays Lecture d'interfaces fichier Formulaires ergonomiques et ”intelligents” Module de statistiques Résolution : 1024x768 Synchronisation automatique des données avec le serveur Oracle principal Navigateurs : IE7, IE6 et Firefox: 90% du marché

23. Portail SAV Choix technologique XHTML1.1 : compatibilité accrue Accessibilité sur un large panel de support Emploi de doctype & validation du code CSS : séparation forme & contenu Ergonomie & dynamisme des interface : Ajax

24. Portail SAV Problèmes rencontrés Séparation forme et contenu Gestion des popups Mise en forme des différentes langues Solution apportées Feuilles de style différentes pour IE6 Popup en Ajax Conditions CSS par pays

25. Projet SAV - conclusion Avantages observés Implémentation de nouveaux modules sans se soucier de la charte graphique Accessibilité garantie : anciens & futurs navigateurs Indépendance des postes clients Technologies ouvertes : perennité

26. Conclusion générale Temps conséquent d'adaptation Intéropérabilité : web services,soap,mashups Argument de prospection Temps de conception réduit Réduction de la bande passante Technologie perrène Maintenance optimisé Accessibilité, réferencement accrus.