Standardisation du developpement Web

  • View
    652

  • Download
    0

Embed Size (px)

Text of Standardisation du developpement Web

  • 1. STANDARDISATIONDU DEVELOPPEMENT WEB dans le cadre d'un projet grande echelle

2. I.T.M

  • Cre en 1990
  • 15 salaris
  • Editeur de MisterMaint GMAO
  • Projet Ponctuel : SAV Philips

3. Les debuts du Web

  • HTTP
  • HTML
    • Cr par Tim Lee Berners
  • Premire mise en oeuvre en 1990
  • Debut de la guerre des navigateurs

4. Les navigateurs

  • Moteurs de rendu diffrents
  • 1992
    • Internet Explorer
    • Netscape (Gecko)
    • Opra
  • 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 dform
    • Hacks : Detourner le code au profits de fonctions non prvu dans le HTML.

7. Les standards Web

  • Pourquoi standardiser ?
    • Code unique pour tout navigateur
    • Maintenance volutive aise
    • Gain de temps
    • Accessibilit
    • Visibilit
    • Prennit
    • Bande passante optimise

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

  • Sparation 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 optimise
    • Validateur CSS : compatibilit accrue.

12. Les standards Web

  • HTML
    • Moteur SGML
    • Plus lourd
  • HTML
    • Moteur SGML
    • Lourd
    • Evolutivit nulle
    • Balises figes
  • XHTML
    • Moteul XML
    • Evolutivit accrue
    • Sparation structure/ contenu
    • Balises extensibles

13. Les standards Web

  • Les outils proposs 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
    • Interoprabilit 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 aise
    • Accessibilit garantie
    • Imbriquation de module web
    • Aspect graphique facilement modifiable
    • Argument de vente non ngligeable

16. Les standards Web

  • Avantages pour le client
    • Garantie un site accessible.
      • Compatible sur 99% des navigateurs
      • Compatible avec les outils de navigation prvu pour les handicaps (surdit, mal voyance, ...) .
    • Visibilit accrue par les moteur de recherches
    • Maintenance moins coteuse

17. Les standards Web Retour d'exprience 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 handicapes en 2005, application des recommandations du W3C relative l'accessibilit.
  • Rapprendre le developpement web.
  • Gain en terme de structure et de cohrence
  • Argument de prospection

19. Cosmic Communication

  • Applique les standards depuis l'utilisation de CMS
  • Spartion du contenu et de la mise en forme grce au CSS
  • Grer l'aspect graphique sous les navigateurs d'anciennes gnrations
  • Mettre jour les anciens projets

20. Nextweb

  • Le but initiale : optimiser le rfrencement et l'accessibilit
  • Apprendre les mthodes 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
    • Rsolution : 1024x768
    • Synchronisation automatique des donnes 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 : sparation forme & contenu
    • Ergonomie & dynamisme des interface : Ajax

24. Portail SAV

  • Problmes rencontrs
    • Sparationforme et contenu
    • Gestion des popups
    • Mise en forme des diffrentes langues
  • Solution apportes
    • Feuilles de style diffrentes pour IE6
    • Popup en Ajax
    • Conditions CSS par pays

25. Projet SAV - conclusion

  • Avantages observs
    • Implmentation de nouveaux modules sans se soucier de la charte graphique
    • Accessibilit garantie : anciens & futurs navigateurs
    • Indpendance des postes clients
    • Technologies ouvertes : perennit

26. Conclusion gnrale

  • Temps consquent d'adaptation
  • Introprabilit : web services,soap,mashups
  • Argument de prospection
  • Temps de conception rduit
  • Rduction de la bande passante
  • Technologie perrne
  • Maintenance optimis
  • Accessibilit, rferencement accrus.

27.