STANDARDISATION DU DEVELOPPEMENT WEB
dans le cadre d'un projet à grande echelle
I.T.M
Créée en 1990 15 salariés Editeur de MisterMaint – GMAO Projet Ponctuel : SAV Philips
Les debuts du Web
HTTP HTML
Créé par Tim Lee Berners
Première mise en oeuvre en 1990 Debut de ”la guerre des navigateurs”
Les navigateurs
Moteurs de rendu différents 1992
Internet Explorer Netscape (Gecko) Opéra
Aujourdhui Gecko : Firefox, Safari, Epiphany, IBM WB Internet Explorer
Les navigateurs
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.
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
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..
Les standards web
Les standards Web
Séparation de la forme et du contenu : CSS
Les standards Web
Avantage du CSS :
Possibilité de dessocier l'aspect graphique suivant le support visuel
Maintenance graphique optimisée Validateur CSS : compatibilité accrue.
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
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é
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
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
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
Les standards Web
Retour d'expérience d'agences web
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
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
NextwebLe 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
Les standards Web
Portail web applicatif de gestion SAV
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é
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
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
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é
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.