STANDARDISATION  DU DEVELOPPEMENT WEB dans le cadre d'un projet à grande echelle
I.T.M <ul><li>Créée en 1990 </li></ul><ul><li>15 salariés </li></ul><ul><li>Editeur de MisterMaint – GMAO </li></ul><ul><l...
Les debuts du Web <ul><li>HTTP </li></ul><ul><li>HTML </li></ul><ul><ul><li>Créé par Tim Lee Berners </li></ul></ul><ul><l...
Les navigateurs <ul><li>Moteurs de rendu différents </li></ul><ul><li>1992 </li></ul><ul><ul><li>Internet Explorer </li></...
Les navigateurs
Inconvenients  <ul><li>Incompatibilité entre navigateurs </li></ul><ul><ul><li>Gerer la compatibilité : Beaucoup de temps ...
Les standards Web <ul><li>Pourquoi standardiser ? </li></ul><ul><ul><li>Code unique pour tout navigateur </li></ul></ul><u...
Les standards Web <ul><li>W3C </li></ul><ul><ul><li>Consortium créé en 1994 </li></ul></ul><ul><ul><li>Composé en ”Work Gr...
Les standards web
Les standards Web <ul><li>Séparation de la forme et du contenu : CSS </li></ul>
Les standards Web <ul><li>Avantage du CSS : </li></ul><ul><ul><li>Possibilité de dessocier l'aspect graphique suivant le s...
Les standards Web <ul><li>HTML  </li></ul><ul><ul><li>Moteur SGML </li></ul></ul><ul><ul><li>Plus lourd </li></ul></ul><ul...
Les standards Web <ul><li>Les outils proposés par le W3C : </li></ul><ul><ul><li>Doctypes : </li></ul></ul><ul><ul><ul><li...
Les standards Web <ul><li>Avantages technologiques : </li></ul><ul><ul><li>Normalisation du code des applications web  </l...
Les standards Web <ul><li>Avantage pour l'éditeur </li></ul><ul><ul><li>Gain de temps </li></ul></ul><ul><ul><ul><li>Un se...
Les standards Web <ul><li>Avantages pour le client </li></ul><ul><ul><li>Garantie un site accessible. </li></ul></ul><ul><...
Les standards Web Retour d'expérience d'agences web
Business Interactiv <ul><li>Depuis l'application du CSS, maintenance plus facile, surtout depuis l'abandon du support d'IE...
Cosmic Communication <ul><li>Applique les standards depuis l'utilisation de CMS  </li></ul><ul><li>Sépartion du contenu et...
Nextweb <ul><li>Le but initiale : optimiser le référencement et l'accessibilité </li></ul><ul><li>Apprendre les méthodes d...
Les standards Web Portail web applicatif de gestion SAV
Projet SAV Philips <ul><li>Portail Web applicatif accessible par 22 pays </li></ul><ul><ul><li>Lecture d'interfaces fichie...
Portail SAV <ul><li>Choix technologique </li></ul><ul><ul><li>XHTML1.1 : compatibilité accrue </li></ul></ul><ul><ul><li>A...
Portail SAV <ul><li>Problèmes rencontrés </li></ul><ul><ul><li>Séparation  forme et contenu </li></ul></ul><ul><ul><li>Ges...
Projet SAV - conclusion <ul><li>Avantages observés </li></ul><ul><ul><li>Implémentation de nouveaux modules sans se soucie...
Conclusion générale <ul><li>Temps conséquent d'adaptation </li></ul><ul><li>Intéropérabilité : web services,soap,mashups <...
 
Prochain SlideShare
Chargement dans…5
×

Standardisation du developpement Web

857 vues

Publié le

Publié dans : Technologie
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
857
Sur SlideShare
0
Issues des intégrations
0
Intégrations
12
Actions
Partages
0
Téléchargements
26
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Standardisation du developpement Web

  1. 1. STANDARDISATION DU DEVELOPPEMENT WEB dans le cadre d'un projet à grande echelle
  2. 2. I.T.M <ul><li>Créée en 1990 </li></ul><ul><li>15 salariés </li></ul><ul><li>Editeur de MisterMaint – GMAO </li></ul><ul><li>Projet Ponctuel : SAV Philips </li></ul>
  3. 3. Les debuts du Web <ul><li>HTTP </li></ul><ul><li>HTML </li></ul><ul><ul><li>Créé par Tim Lee Berners </li></ul></ul><ul><li>Première mise en oeuvre en 1990 </li></ul><ul><li>Debut de ”la guerre des navigateurs” </li></ul>
  4. 4. Les navigateurs <ul><li>Moteurs de rendu différents </li></ul><ul><li>1992 </li></ul><ul><ul><li>Internet Explorer </li></ul></ul><ul><ul><li>Netscape (Gecko) </li></ul></ul><ul><ul><li>Opéra </li></ul></ul><ul><li>Aujourdhui </li></ul><ul><ul><li>Gecko : Firefox, Safari, Epiphany, IBM WB </li></ul></ul><ul><ul><li>Internet Explorer </li></ul></ul>
  5. 5. Les navigateurs
  6. 6. Inconvenients <ul><li>Incompatibilité entre navigateurs </li></ul><ul><ul><li>Gerer la compatibilité : Beaucoup de temps </li></ul></ul><ul><ul><li>Sacrifier la compatibilité pour certain navigateurs </li></ul></ul><ul><ul><li>Code commun : Limité en fonctions. </li></ul></ul><ul><li>HTML déformé </li></ul><ul><ul><li>”Hacks” : Detourner le code au profits de fonctions non prévu dans le HTML. </li></ul></ul>
  7. 7. Les standards Web <ul><li>Pourquoi standardiser ? </li></ul><ul><ul><li>Code unique pour tout navigateur </li></ul></ul><ul><ul><li>Maintenance évolutive aisée </li></ul></ul><ul><ul><li>Gain de temps </li></ul></ul><ul><ul><li>Accessibilité </li></ul></ul><ul><ul><li>Visibilité </li></ul></ul><ul><ul><li>Pérennité </li></ul></ul><ul><ul><li>Bande passante optimisée </li></ul></ul>
  8. 8. Les standards Web <ul><li>W3C </li></ul><ul><ul><li>Consortium créé en 1994 </li></ul></ul><ul><ul><li>Composé en ”Work Group” </li></ul></ul><ul><ul><ul><li>XML </li></ul></ul></ul><ul><ul><ul><li>CSS </li></ul></ul></ul><ul><ul><ul><li>XHTML 1.0, 1.1, 2 </li></ul></ul></ul><ul><ul><ul><li>PNG </li></ul></ul></ul><ul><ul><li>426 Acteurs : Microsoft, IBM, Mozilla, Adobe,HP.. </li></ul></ul>
  9. 9. Les standards web
  10. 10. Les standards Web <ul><li>Séparation de la forme et du contenu : CSS </li></ul>
  11. 11. Les standards Web <ul><li>Avantage du CSS : </li></ul><ul><ul><li>Possibilité de dessocier l'aspect graphique suivant le support visuel </li></ul></ul><ul><ul><li>Maintenance graphique optimisée </li></ul></ul><ul><ul><li>Validateur CSS : compatibilité accrue. </li></ul></ul>
  12. 12. Les standards Web <ul><li>HTML </li></ul><ul><ul><li>Moteur SGML </li></ul></ul><ul><ul><li>Plus lourd </li></ul></ul><ul><li>HTML </li></ul><ul><ul><li>Moteur SGML </li></ul></ul><ul><ul><li>Lourd </li></ul></ul><ul><ul><li>Evolutivité nulle </li></ul></ul><ul><ul><li>Balises figées </li></ul></ul><ul><li>XHTML </li></ul><ul><ul><li>Moteul XML </li></ul></ul><ul><ul><li>Evolutivité accrue </li></ul></ul><ul><ul><li>Séparation structure/ contenu </li></ul></ul><ul><ul><li>Balises extensibles </li></ul></ul>
  13. 13. Les standards Web <ul><li>Les outils proposés par le W3C : </li></ul><ul><ul><li>Doctypes : </li></ul></ul><ul><ul><ul><li>Indique au navigateur le langage employé et permet de valider la page </li></ul></ul></ul><ul><ul><li>Validator : assure un code optimisé </li></ul></ul>
  14. 14. Les standards Web <ul><li>Avantages technologiques : </li></ul><ul><ul><li>Normalisation du code des applications web </li></ul></ul><ul><ul><li>Interopérabilité accrues </li></ul></ul><ul><ul><li>Economie de 30 à 80 % de bande passante </li></ul></ul><ul><ul><li>Naissances des ”web services” & ”mashups” </li></ul></ul><ul><ul><ul><li>Netvibes </li></ul></ul></ul><ul><ul><ul><li>ReCaptcha </li></ul></ul></ul><ul><ul><ul><li>Delicious </li></ul></ul></ul><ul><ul><ul><li>API Google map </li></ul></ul></ul>
  15. 15. Les standards Web <ul><li>Avantage pour l'éditeur </li></ul><ul><ul><li>Gain de temps </li></ul></ul><ul><ul><ul><li>Un seul code pour tout les navigateurs </li></ul></ul></ul><ul><ul><li>Maintenance évolutive aisée </li></ul></ul><ul><ul><li>Accessibilité garantie </li></ul></ul><ul><ul><li>Imbriquation de module web </li></ul></ul><ul><ul><li>Aspect graphique facilement modifiable </li></ul></ul><ul><ul><li>Argument de vente non négligeable </li></ul></ul>
  16. 16. Les standards Web <ul><li>Avantages pour le client </li></ul><ul><ul><li>Garantie un site accessible. </li></ul></ul><ul><ul><ul><li>Compatible sur 99% des navigateurs </li></ul></ul></ul><ul><ul><ul><li>Compatible avec les outils de navigation prévu pour les handicapés (surdité, mal voyance, ...) . </li></ul></ul></ul><ul><ul><li>Visibilité accrue par les moteur de recherches </li></ul></ul><ul><ul><li>Maintenance moins coûteuse </li></ul></ul>
  17. 17. Les standards Web Retour d'expérience d'agences web
  18. 18. Business Interactiv <ul><li>Depuis l'application du CSS, maintenance plus facile, surtout depuis l'abandon du support d'IE4 et Netscape 4.8 </li></ul><ul><li>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é. </li></ul><ul><li>Réapprendre le developpement web. </li></ul><ul><li>Gain en terme de structure et de cohérence </li></ul><ul><li>Argument de prospection </li></ul>
  19. 19. Cosmic Communication <ul><li>Applique les standards depuis l'utilisation de CMS </li></ul><ul><li>Sépartion du contenu et de la mise en forme grâce au CSS </li></ul><ul><li>Gérer l'aspect graphique sous les navigateurs d'anciennes générations </li></ul><ul><li>Mettre à jour les anciens projets </li></ul>
  20. 20. Nextweb <ul><li>Le but initiale : optimiser le référencement et l'accessibilité </li></ul><ul><li>Apprendre les méthodes de mise en oeuvre </li></ul><ul><li>du CSS </li></ul><ul><li>Maintenance de la charte graphique </li></ul><ul><li>Argument marketing </li></ul><ul><li>Mise à jour du code en cas de retouche d'un ancien projet </li></ul>
  21. 21. Les standards Web Portail web applicatif de gestion SAV
  22. 22. Projet SAV Philips <ul><li>Portail Web applicatif accessible par 22 pays </li></ul><ul><ul><li>Lecture d'interfaces fichier </li></ul></ul><ul><ul><li>Formulaires ergonomiques et ”intelligents” </li></ul></ul><ul><ul><li>Module de statistiques </li></ul></ul><ul><ul><li>Résolution : 1024x768 </li></ul></ul><ul><ul><li>Synchronisation automatique des données avec le serveur Oracle principal </li></ul></ul><ul><ul><li>Navigateurs : IE7, IE6 et Firefox: 90% du marché </li></ul></ul>
  23. 23. Portail SAV <ul><li>Choix technologique </li></ul><ul><ul><li>XHTML1.1 : compatibilité accrue </li></ul></ul><ul><ul><li>Accessibilité sur un large panel de support </li></ul></ul><ul><ul><li>Emploi de doctype & validation du code </li></ul></ul><ul><ul><li>CSS : séparation forme & contenu </li></ul></ul><ul><ul><li>Ergonomie & dynamisme des interface : Ajax </li></ul></ul>
  24. 24. Portail SAV <ul><li>Problèmes rencontrés </li></ul><ul><ul><li>Séparation forme et contenu </li></ul></ul><ul><ul><li>Gestion des popups </li></ul></ul><ul><ul><li>Mise en forme des différentes langues </li></ul></ul><ul><li>Solution apportées </li></ul><ul><ul><li>Feuilles de style différentes pour IE6 </li></ul></ul><ul><ul><li>Popup en Ajax </li></ul></ul><ul><ul><li>Conditions CSS par pays </li></ul></ul>
  25. 25. Projet SAV - conclusion <ul><li>Avantages observés </li></ul><ul><ul><li>Implémentation de nouveaux modules sans se soucier de la charte graphique </li></ul></ul><ul><ul><li>Accessibilité garantie : anciens & futurs navigateurs </li></ul></ul><ul><ul><li>Indépendance des postes clients </li></ul></ul><ul><ul><li>Technologies ouvertes : perennité </li></ul></ul>
  26. 26. Conclusion générale <ul><li>Temps conséquent d'adaptation </li></ul><ul><li>Intéropérabilité : web services,soap,mashups </li></ul><ul><li>Argument de prospection </li></ul><ul><li>Temps de conception réduit </li></ul><ul><li>Réduction de la bande passante </li></ul><ul><li>Technologie perrène </li></ul><ul><li>Maintenance optimisé </li></ul><ul><li>Accessibilité, réferencement accrus. </li></ul>

×