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.