INTRODUCTION Sites vitrines vs sites applicatifs Un concept abstrait Pas de définition officielle Un concept souvent décrié Définition selon Wikipédia « Web 2 est un terme souvent utilisé pour désigner ce qui est perçu comme une transition importante du World Wide Web, passant d’une collection de sites web à une plateforme informatique à part entière, fournissant des applications web aux utilisateurs. Les défenseurs de ce point de vue soutiennent que les services du Web 2.0 remplaceront progressivement les applications de bureau traditionnelles. » 3 types d’évolutions majeures : Évolution graphique Évolution technique Évolution d’utilisation Sites vitrines vs sites applicatifs
1. EVOLUTION GRAPHIQUE L’influence du « style » Google Fond blanc Interface épurée, simple et claire Seule l’information fondamentale est mise en valeur
1. EVOLUTION GRAPHIQUE Des couleurs vives Utilisation massive des couleurs vives voire fluo : orange, bleu turquoise, rose, vert pomme, etc. Les dégradés et les effets « glossy » Objectifs : Meilleure lisibilité grâce à des contrastes accentués Impression sympathique et de convivialité Esthétisme tout simplement
1. EVOLUTION GRAPHIQUE
1. EVOLUTION GRAPHIQUE
1. EVOLUTION GRAPHIQUE
1. EVOLUTION GRAPHIQUE
1. EVOLUTION GRAPHIQUE Les logos Web 2.0
2. EVOLUTION TECHNIQUE Une architecture de type REST Manière de construire une application pour les systèmes distribués comme le web
2. EVOLUTION TECHNIQUE L’utilisation du XHTML, CSS2, et des Microformats XHTML : Permet de définir la structure d’une page web Évolution du HTML Basé sur la syntaxe XML But ? Améliorer la sémantique CSS2 : Feuilles de style appelées par les fichiers XHTML Permet de définir le style graphique d’une page web Évolution du CSS But ? Apporter de nouvelles fonctionnalités Microformats : Balises intégrées au code XHTML Permet à des logiciels d’interpréter le contenu des pages web But ? Les données peuvent être indexées, cherchées, sauvegardées ou référencées de manière à ce que l'information puisse être réutilisée ou combinée
2. EVOLUTION TECHNIQUE Les progrès en DHTML HTML dynamique Utilisation du Javascript pour réaliser des effets visuels non réalisables en CSS Exemples : Menus déroulants Pop up « Glisser déposer » Librairies Javascript open source permettent de réaliser des effets complexes très simplement http://extjs.com/deploy/dev/examples/desktop/desktop.html Exemple de site Web 2.0 utilisant le DHTML : Netvibes
2. EVOLUTION TECHNIQUE La création de l’AJAX Technique consistant à associer : des techniques Javascript, permettant des effets de rendus complexes des techniques PHP, permettant une communication avec la base de donnée Exemple concret d’utilisation de l’AJAX : Actualisation d’une zone particulière de la page contenant des données stockées en base http://vidcast.sfrjeunestalents.fr Sites utilisant cette technique : Gmail Google Map Netvibes
2. EVOLUTION TECHNIQUE La syndication et l’agrégation de contenus RSS / ATOM Syndication : permet de rendre des parties d’un site accessible par d’autres sites grâce aux technologies RSS ou ATOM RSS / ATOM : familles de formats XML se conformant à certaines normes afin de pouvoir être lu par les agrégateurs de flux Agrégateurs : plateformes permettant de récupérer des flux RSS ou ATOM et de les afficher sur une seule et même interface. Exemples : Netvibes, Google Reader, My Yahoo!, etc.
3. EVOLUTION D’UTILISATION Le rôle de l’internaute a changé Web 1 : internaute = spectateur Web 2 : internaute = acteur Le rôle du webmaster a changé Web 1 : créateur de contenus Web 2 : créateur d’applications permettant aux internautes de créer le contenu User Generated Content : le contenu du site est créé par l’utilisateur et non par le webmaster
3. EVOLUTION D’UTILISATION Les réseaux sociaux Sites destinés à mettre en relation les internautes Toutes les fonctionnalités sont ciblées vers les interactions : Commentaires Messages Votes Notions d’amis Les plateformes de partage de contenus Permettent aux internautes de stocker et partager des médias (textes, images, audios, vidéos) Exemples : Youtube, Dailymotion, Flickr, Picasa
3. EVOLUTION D’UTILISATION Les blogs Permettent aux internautes de se créer simplement leur espace personnalisé Exemples de plateformes de blogging : Myspace, Skyblog Exemples d’applications web de blogging : Wordpress, Dotclear Les wikis Basés sur le principe du « crowdsourcing » : consiste à utiliser la créativité, l'intelligence et le savoir-faire d'un grand nombre d'internautes Exemples de plateformes wiki : Wikipedia
CONCLUSION 2 notions fondamentales du Web 2.0 grande ouverture des données des sites Web le travail collaboratif et les réseaux sociaux Web 2.0 : un ensemble d’évolutions, mais pas de révolution Sites web 2.0 ne vérifient pas nécessairement toutes ces caractéristiques