• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Standardisation du developpement Web
 

Standardisation du developpement Web

on

  • 997 views

 

Statistics

Views

Total Views
997
Views on SlideShare
995
Embed Views
2

Actions

Likes
0
Downloads
19
Comments
0

1 Embed 2

http://www.slideshare.net 2

Accessibility

Categories

Upload Details

Uploaded via as OpenOffice

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Standardisation du developpement Web Standardisation du developpement Web Presentation Transcript

    • 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
    • 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
    • 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.
    •