(R)Evolution du Web Le Web 2.0

1. (R)Evolution du WebLe Web 2.0 F. Trichet LINA Laboratoire d’Informatique de Nantes Atlantique 2 rue de la Houssinière BP 92208 Université de Nantes 44322 Nantes cedex 03 http://www.sciences.univ-nantes.fr/info/perso/permanents/trichet/

2. Une nébuleuse de mots « buzz »

3. Une nébuleuse de mots « buzz » - Version Francaise

4. Le poster WEB 2.0

5. Un concept en pleine effervescence

6. Une première approche • Pas un « BIG BANG » mais un succession de « SMALL BANGS » • Une (r)évolution dans l’utilisation des technologies et pas dans les technologies en tant que telles • Une plateforme pour le développement du web en soi-même et par lui-même • Un produit fondamentalement OPEN-SOURCE • Un retour à la philosophie d’origine d’Internet • Un web relationnel dédié à l’émergence d’une certaine intelligence collective • Aggrégation et partage de services et de contenus

7. Origine ? • Difficile de répondre à cette question • Le terme a été inventé en 2004 par Dale Dougherty de la société O'Reilly_Media • Le fait de mettre un mot sur un phénomène aussi vague et hétérogène a généré une avalanche de réactions • A l’heure actuelle : • Pour les plus enthousiastes, c'est une révolution qui place l'utilisateur au cœur du web • Pour les plus sceptiques c'est une vaste escroquerie marketing réexploitant des technologies vieilles de 5 ans • Quoiqu’il arrive, c’est un phénomène réel qui provoque un frémissement chez les investisseurs • 10/10/06 : Google rachète youtube.com 1,5 Milliards de Dollars • Facebook serait évalué à plus de 10 Milliards de dollars !

8. Un phénomène type « Renaissance » Phénomène à la croisée de multiples dimensions • Volet technique • AJAX (Asynchronous Javascript and XML) • API : Interface de programmation (Application Programming Interface) • Volet pratiques éditoriales • Nouveaux moyens pour syndiquer, filtrer, remixer des contenus pour créer de nouveaux items d’informations • Aggrégateurs de contenus (netvibes, igoogle) • Flux RSS pour "Rich Site Summary" (ou Real Simple Syndication) et technique de Mashup • Volet sociologique • Nouveaux espaces d’échanges collaboratifs et communautaires : l’émergence de réseaux sociaux (Facebook, MySpace, etc.) • Vers des utilisateurs ConsommActeurs…(wiki, blog)

9. Le constat actuel • Amélioration des interfaces utilisateurs • Transformer le web en une plateforme d’applications • Architectures plus flexibles • Peer2peer orientées données et services • Protocoles de communication plus ouverts • Web Services et APIs ouvertes • Interopérabilité plus poussée • XML (Extensible Markup Language) qui favorise l’émergence de plateformes type kelkoo, zlio, etc. • Evolution des usages : des utilisateurs producteurs autant que consommateurs

10. Les 7 boules de cristal ? L'expression "Web 2.0" renvoie donc à une seconde phase du Web, aussi bien en terme d'architectures qu'en terme d'applications proposées et d’usages développés : l’utilisateur devient au centre du web (user-centered web) • Intelligence collective • "La valeur est dans les données partagées" • Web participatif • Programmation légère Web 2.0 UTILISATEUR • Indépendance aux terminaux • Syndicalisation de contenus (RSS & Notification) • Le Web : une nouvelle plateforme de données et d’applications

11. Le Web Participatif Le web devient un medium participatif dans lequel les utilisateurs sont à la fois lecteurs et auteurs de différents types de ressources web • Partage de pages web via les wiki-web : construction collaborative de contenus • http://www.wikipedia.org/ • http://wikitravel.org/ • Partage de signets/favoris • http://del.icio.us • Partage de photos/vidéos • http://www.woophy.com(World of Photographies) • http://www.panoramio.com/ (intégré à Google Map) • http://www.flickr.com (pour les photos) (jesuisnantais@yahoo.fr123aze) • http://labs.systemone.net/retrievr (recherche flickr sur dessin !!) • http://flickrvision.com/ (vue sur planisphère des dernières photos postées) • http://www.flickrleech.net/ (une vue en mosaique des photos postées) • http://www.youtube.com – http://www.dailymotion.com • Partage de recommandation • http://www.vinivi.com(Communauté dédiée à l’Hébergement) • http://www.ebay.com (Communauté e-bay de notation des revendeurs)

12. Le web en tant que plateforme : le Mashup (1/3) • Mixer et aggréger en temps réel des informations et des services provenant de plusieurs sources pour créer de nouveaux contenus. L’ouverture des API permet aux plus technophiles des internautes de coupler des applications existantes pour en créer de nouvelles • Exemples de mashups avec API Google • http://www.housingmaps.com/ (le premier site) • http://www.virtualvideomap.com/ • http://www.unvelovite.com/ (velolib) • http://www.peuplade.fr/ (communauté parisienne) • http://www.lokaliz.com/ (objet e-bay) • http://beta.v-trafic.com/ (info trafic en direct en france) • http://www.immo-sat.com (immobilier) • http://www.healthmap.org (alerte directe de maladie/épidémie) • http://www.frappr.com (géolocalisation de bloggers) • http://www.annuairebioeco.fr (annuaire français de géolocalisation de produits/services bio) • En savoir plus sur le mashup • http://www.renalid.com • http://www.programmableweb.com/ • http://qooxdoo.org/ (Pour développer des sites Web 2.0)

13. Le web en tant que plateforme : les serveurs d’applications (2/3) • Mise à disposition d’éditeurs (texte, tableau, PAO) et d’espaces de stockage en ligne • Plus d’installation à réaliser, indépendance totale au support physique, possibilité de travail collaboratif à distance, système de versionning automatique • Exemple : suite Google Docs : http://docs.google.com • Il faut avoir un compte google (novaforeve@gmail.com / novaforever) • Un tableur, un traitement de texte, un agenda, etc.

14. Le web en tant que plateforme : les serveurs d’applications (3/3) • Autres applications en ligne • http://www.thumbstacks.com/ pour les présentations type power point • http://www.gliffy.com pour les plans et diagrammes • http://eyespot.com/ pour le montage vidéo • http://www.cellsea.com pour la retouche photo • http://www.media-convert.com/ pour la convertion de tout type de fichier • http://www.slideshare.net : Slideshare • Création de sites web en ligne : www.wix.com – www.jimdo.com • Retouches photos : picnik.com, taaz.com (relooking marrant)

15. Le google labs : http://labs.google.com/ • http://labs.google.com/ • Google Scholar - Google Mars [ GOOGLE CHROME ] • Le navigateur Google (03 Sept 2008) • Concurrent direct Firefox 3 et IE 8 • Un nouveau moteur Javascript V8 très performant / à ses concurrents (le cœur pour faire fonctionner les services web) • BUT : devenir LE LOGICIEL de « Cloud Computing » • Les logiciels deviennent des services web et seul un logiciel devient nécessaire : le navigateur qui à termes deviendra le futur Système d’Exploitation • La tendance « matérielle » actuelle confirme ce concept : émergence des NetBooks type EEEPC (petits mais costauds et ultra-nomades)

16. Le web en tant que « vivier de ressources » (1/4) • La musique en ligne communautaire (et légale) • Principes : pas de téléchargement mais possibilité de se constituer des playlists gratuites : vers une CDTHEQUE personnalisée et hébergée à distance • Les services les plus connus • Deezer : http://www.deezer.com • Musicovery : http://www.musicovery.com • Seeqpod : http://www.seeqpod.com • Airtist : www.airtist.com • Lastfm

17. Le web en tant que « vivier de ressources » (2/4) • La révolution du monde de la PRESSE • Principes : les nouveaux médias libres ! Vers des JT participatifs, alternatifs, gratuits, citoyens et politiques ! • Les services les plus connus • Rue89 : http://www.rue89.com(journalistes de libération) • Bakchich : http://www.bakchich.info(type canard enchaîné) • Six35 : http://www.six35.fr • Arrêt sur images : www.arretsurimages.net • Agoravox : http://www.agoravox.fr(les citoyens ont la parole) • De source sure !http://desourcesure.com(les peoples !!)

18. Le web en tant que « vivier de ressources » (3/4) • La révolution du monde de la PRESSE • Principes : les nouveaux médias libres ! Vers des JT participatifs, alternatifs, gratuits, citoyens et politiques ! • Les services les plus connus • La télé libre : http://www.latelelibre.fr • Le post fr http://www.lepost.fr/ • WebTrotteurs des quartiers : http://www.webtrotteurs-quartiers.org

19. Le web en tant que « vivier de ressources » (4/4) • Vers des aggrégateurs de contenus presse + blog • http://www.wikio.fr • http://www.marumushi.com/apps/newsmap/newsmap.cfm • http://www.eufeeds.eu/fr • http://emm.jrc.it/NewsBrief/clusteredition/fr/latest.html • Un bon exemple d’exploitation de ces contenus • http://sites.univ-provence.fr/veronis/Wikio/Buzz/ • Blog de Veronis : http://aixtal.blogspot.com/ • Vers une nouvelle pratique du journalisme • http://www.journalistiques.fr/ • http://www.journalistiques.fr/post/2008/04/06/Comment-jevalue-lactualite

20. Les 7 boules de cristal ? • Valeur cumulée de l'intelligence collective – Les actions cumulées des utilisateurs et les données qu'ils produisent (des tags par exemple) ajoutent de la valeur au système global. • http://www.flickr.com (pour les photos) (jesuisnantais@yahoo.fr123aze) • http://labs.systemone.net/retrievr (recherche flickr sur dessin !!) • http://flickrvision.com/ (vue sur planisphère des dernières photos postées) • http://www.flickrleech.net/ (une vue en mosaique des photos postées) • http://www.youtube.com (pour les vidéos) • http://www.yoono.com (moteur de recherche collaboratif)

21. Les réseaux sociaux : le phénomène participatif • Principes : fédérer des personnes au sein de réseaux (implicites ou explicites) • Trois critères : 1. définir un profil virtuel, 2. afficher une liste d’amis, 3. finalité de déboucher sur des échanges REELS • Les généralistes : • Le numéro 1 : FaceBook (24 millions d’utilisateurs) • Viadeo (réseau de compétences professionnelles) – 1 million d’inscrits, 5 millions d’euros d’investissement et vise à absorber le concurrent américain LinkedIn (9 millions), XING (1,5 million), copain d’avant (réseau d’anciens copains / parcours étude, 4,5 millions), reseaucampus (étudiants), Peuplade (réseau de voisins de quartiers, émergent d’un nouveau métier : l’ingénierie sociale), 6nergies, • MySpace (180 millions) • Les réseaux verticaux • http://www.couchsurfing.com (hospitalité en réseau) • Smallworld : des VIP accessible que par cooptation • Modèle économique ? • Affilier un maximum d’utilisateurs qui ne payent rien ! • Vendre « cet espace publicitaire potentiellement personnalisable » • Risque de perdre la valeur ajoutée lorsque le modèle économique est dévoilé (cf affaire facebook)

22. Les réseaux sociaux : une visibilité accrue • Visibilité de votre « identité numérique » • Méfiance lors des processus de recrutement • Votre identité numérique est présente • Sur les moteurs de recherche • Sur les réseaux sociaux • Sur les sites « à tags » • Youtube • Flickr • Deezer • Sur les blogs • Vers un service de cartographie • d’identité numérique et de réseaux d’influences • Qui sont vos réseaux d’amis/collègues

23. Les 7 boules de cristal ? • Indépendance aux terminaux : le Web 2.0 n'est pas restreint au monde des ordinateurs • Vers une popularisation via les appareils mobiles, et de l’informatique mobile (PDA Phone, Smart Phone, etc.) • ATAWAN (Any Time, Any Where and Any Device) • Aggrégateurs de contenus et flux RSS : les flux RSS permet aux utilisateurs de souscrire à un système de « notification de modifications de contenu » d’une page web. • Vers la syndicalisation du contenu • RSS pour "Rich Site Summary" ou « Real Simple Syndication » • Par exemple : intégrer des flux d’informations de Libération dans votre site en (rss) • http://www.netvibes.com/ - http://www.igoogle.com

24. Flux RSS • Exemple pour animer un blog • http://www.canalblog.com • http://novaforever.canalblog.com • http://www.wordpress.com • Exemple sur NetVibes • Flux d’info presse

25. Le nouveau visage de la communication Web 1.0 Web 2.0 Blogs, photos/vidéos/favoris partagés. Principalement communication de groupe ouverts sur l'extérieur. Web statiques, e-mail. Principalement 1 vers 1, ou en cercle fermé.

26. Un zoom technique • AJAX (Asynchronous Javascript and XML) • Permet des sessions d’interactions plus riches : l’utilisateur charge des Scripts en plus (associés à la page chargée) dont l’action ne sera déclenchée qu’en fonction de l’interaction • Niveau 0 : ajout de menus contextuels • Exemple : Google Suggest (labs.google.com/suggest) qui propose en instantané des propositions de mots clés / aux premières lettres saisies par l’utilisateur

27. Un zoom technique • AJAX (Asynchronous Javascript and XML) • Niveau 1 : créer de véritables applications de bureau « en ligne » (vers des serveurs d’applications) • Exemples : • En plus Google Docs, WRITELY ou INETWORD ont été les premiers Traitements de Texte en Ligne

28. Un zoom technique • Grease Monkey (Information Liquide) • Principes : l’utilisateur peut utiliser SES PROPRES SCRIPTS qui seront automatiquement intégrées aux pages consultées, même si celles-ci n’ont pas été prévues initialement par le concepteur de la page • Exemple Alexandria qui permet d’associer à tout mot d’une page sa définition et traduction (société http://www.memodata.com) Alexandria en action sur TV5 Monde

29. Transition Web 1.0 – Web 2.0 • Quelques exemples d'applications emblématiques du Web 1.0, et leur pendant dans le Web 2.0 Web 1.0  Web 2.0 • DoubleClick  Google AdSense • Ofoto  Flickr • Encyclopaedia Britannica  Wikipedia • Sites personnels  Blogs • Répertoires (taxonomy)  Tagging ("folksonomy") • Stickiness  Syndication Stickiness : Capacité d'un site Internet à devenir "poisseux" (littéralement) et à retenir ses visiteurs le plus longtemps possible. Les sites portails ont été les premiers, une fois devenus des destinations privilégiées des internautes, à s'employer à améliorer leur "stickiness", autrement dit le temps de consultation et le nombre de pages vues par visiteur, notamment en proposant de nombreux services annexes.

30. Exemples d'applications Web 2.0 qui mettent l'accent sur la folksonomy • Folksonomy : Une folksonomie est un néologisme (nouveau mot) désignant un système de classification collaborative décentralisée spontanée. • Anglais folksonomy, combinaison des mots folk (le peuple, les gens) et de taxonomy (la taxinomie). Certains auteurs utilisent alternativement les termes potonomie ou peuplonomie. • Vers le Tag clouding !! • Flickr : Partage de photos, feedback, API ouvertes • Créé en 2003, racheté par Yahoo! en mars 2005 • Aujourd'hui : 2 millions d'utilisateurs, 100 millions de photos hébergées • del.icio.us : Tagging de sites web, folksonomy • Racheté par Yahoo! en décembre 2005 • 300 000 utilisateurs à l'heure actuelle

31. flickr.com • http://www.flickr.com (jesuisnantais@yahoo.fr123aze) • Partage de photos • avec sa famille, ses amis, et au-delà • Feedback • commentaires, notes, tags, favoris • API ouvertes • Publication vers la plupart des plateformes de blog • Galaxie d’applis web qui exploitent les données Flickr hors de Flickr Ajout de notes sur une photo Flickrgraph : visualisation des contacts

32. del.icio.us • Tagging de sites web • Les utilisateurs apposent des « tags » sur leurs sites web préférés via l’appli del.icio.us • Double objectif : • Gestion personnelle de ses bookmarks • Partage des tags avec la communauté Les sites les plus populaires du jour « tagcloud » : la liste des tags les plus populaires

33. Quelques exemples d'applications web 2.0 • Google Maps vs. Mapquest (cartographie) • De grandes avancées en termes d'ergonomie : fluidité, défilement, zoom, carte satellite, etc. • Del.icio.us vs. MyLinea (favoris) • Système collaboratif de gestion de favoris en ligne. Possibilité de publication sur son weblog, de syndication, d'importation/exportation. • Netvibes ou iGoogle vs. Excite.com (portail) • Ergonomie très améliorée, intégration des flux de syndication, exploitation d'API tierces, etc. • Wikipedia vs. Encarta (encyclopédie) • Le contenu est créé et auto-régulé par les utilisateurs. Les mises à jour se font en temps réel. • Et bien d'autres... • flickr, gmail, technorati, backpack, youtube, pandora, writely, odeo, meebo, zlio, etc.

34. Les caractéristiques d'un site web 2.0 • A l'aune des exemples précédents, il est possible de dégager les grandes tendances des sites web 2.0 : • des interfaces plus riches en termes de fonctionnalités, plus ergonomiques, plus fluides (drag'n'drop, rafraîchissement ciblé de la page) • le développement d'une approche collaborative (par le biais des wikis ou du développement des commentaires des visiteurs) • l'utilisation de standards du web (XML, CSS, RSS, etc.) • la multiplication des API (réexploitation du contenu de son site par d'autres sites)

35. Les modèles économiques (1/2) • Des modèles économiques quasi-inexistants • et pourtant, un début de bulle spéculative qui se forme (rachats de start-ups par Yahoo, Google, Microsoft) • Une stratégie récurrente : objectif « devenir incontournable » • LA VALEUR est le nombre d’utilisateurs fédérés qui utilisent le service de « façon réflexe » • Exemples: www.google.com pour la recherche (c’est un réflexe) • Dès que l’on devient incontournable, on met en place le modèle économique (annonceurs, etc.) • Ou REVENDRE la société dans une approche « JUST ONE SHOT » Exemple : lokaliz.com

36. Les enjeux économiques (2/2) • Comment tirer partie du Web 2.0 pour MIEUXvendre en quantité et qualité ? • Via l’approche collaborative, il est possible de faire recommander les produits par d’autres (ex. système de notation d’E-Bay) Exemple avec les blogs perso : http://www.blogbang.com Vers une stratégie de BUZZ (marketing électronique) • Via les interfaces plus riches et le mixage de services web, il est possible de développer de nouveaux assistants d’achats plus conviviaux et plus performant

37. Evolution économique du Web • Ere HARDWARE LOCK IN • L’informatique était sous le contrôle absolu des constructeurs de machines • Ere SOFTWARE LOCK IN • L’informatique était sous le contrôle absolu des éditeurs de logiciels • Ere DATA LOCK IN • Illustrée par la réussite des sites e-bay, wikipédia, flickr • Les entreprises qui détiennent le plus de données mènent le jeu et leur principal patrimoine est constitué du contenu donné ou prêté gratuitement par leurs utilisateurs • Ere KNOWLEDGE LOCK IN ? • Les futurs leaders du Web Sémantique ?

38. Les enjeux sociologiques • La dimension sociale entraîne des questionnements naissants sur les atteintes possibles à la vie privée • Les utilisateurs fournissent les données (qui appartiennent ensuite à la communauté). • Les utilisateurs fournissent les métadonnées (qui appartiennent ensuite à la communauté). Qui est propriétaire de quoi ? Problème classique du Vide Juridique : les TIC modifient les usages qui devancent la législation D’où l’apparition des mouvements de contestations « Anti liberté »

39. Lien avec le Web Sémantique • Le web sémantique émane du consortium W3C • Le web 2.0 n’est pas une initiative du W3C ! • Le web Sémantique représente une mutation plus profonde, inscrite dans le temps • Le web 2.0 est peut être qu’un phénomène de mode (par définition éphémère) • L’appellation même est douteuse • Web 2.0 : système de nommage issu du versionning qui suppose une logique de tests, • concept peu fiable / peu pérenne où il est possible de revenir en arrière

40. L’interaction en vidéo et autres ! • http://immersivemedia.com • Vivez un vrai tube en surf • http://taggalaxy.de/ - taggraph.com • La planète des tags ! • http://www.yoowalk.com/ • Consultez les sites comme dans une maison en 3D avec un avatar (une pièce=1 site) : voici, closer, M6, Lemonde, itunes, etc. • http://oskope.com/ • Visualisation de produits ebay, amazon

41. Web 2.0 et recrutement électronique http://www.youjob.com http://www.doyoubuzz.com

42. Des boutiques en ligne !

43. Le long tail ? • Traduction « Longue Traîne » • Un nouveau modèle économique pour les médias et les industries du web dont nous ne faisons encore qu’entrevoir le potentiel. • Les clients s’aventurent jusqu’au bout du long catalogue web des titres disponibles, ils vont beaucoup plus loin que ce qu’ils pourraient faire dans des magasins traditionnels. Et plus ils trouvent de titres, plus ils en réclament. Plus ils s’éloignent des sentiers battus, plus ils se rendent compte que leur goût est plus personnel qu’ils n’auraient pu l’imaginer (ou que ce que le marketing, le manque d’alternatives et une culture tirée par les Hits avaient pu leur faire croire). • http://thelongtail.com/ • http://www.internetactu.net/?p=5911

44. EPIC 2014 … Une belle histoire… • Le dimanche 9 Mars 2014, Googlezon lance EPIC. • L' « Evolving Personalized Information Construct» • (Agglomérat Evolutif d'Informations Personnalisées) est le système qui organise notre paysage mediatique chaotique et galopant, le filtre, classe, et publie. • http://mccd.udc.es/orihuela/epic/ • http://rimarchives.free.fr/epic2014.htm

45. Des vidéos sur le Web 2.0 • Une présentation (juillet 2007) en Francais • http://www.youtube.com/watch?v=nkAB9g510aA • La rencontre avec Tim O Reilly • http://www.youtube.com/watch?v=CQibri7gpLM • Le supermaket 2.0 : http://www.youtube.com/watch?v=e9MgHuitMwU • Des cours introductifs • http://www.youtube.com/watch?v=nsa5ZTRJQ5w • http://www.youtube.com/watch?v=0LzQIUANnHc • http://www.youtube.com/watch?v=9JPcno2cJgc • Des vidéos de démonstration « rétro web » • http://www.youtube.com/watch?v=6gmP4nk0EOE • http://www.youtube.com/watch?v=EAVmB5dKZZ8 • En espagnol : http://www.youtube.com/watch?v=q_bMPGN6e3c • La chanson du Web 2.0 : http://www.youtube.com/watch?v=V6Kki_WJJRA

46. Le CASH BACK • Principe : On achète en ligne sur divers boutiques de e-commerce et on gagne des euros réels en réduction !Exemple : FABULEOS est un tout nouveau site de e-commerce. Moyennant une cotisation annuelle de 7 euros qui est prélevée des premières commissions gagnées, Fabuleos reverse jusqu’à 100% des commissions reçues. L’argent gagné est en Euros et on reçoit une vraie somme en euros sur son compte.Fabuleos référence déjà plus de 300 sites marchands : Opodo, Nouvelles Frontières, Voyages SNCF, Budget, Six, Pixmania, Rue du Commerce, Surcouf, MisterGoodDeal, Marionnaud, Le club des créateurs de beauté, Sephora, Yves Rocher, Conforama, Matelsom, King Jouet, Fnac Eveil et Jeux, Vert baudet, La Redoute, Bata, Etam, Cyrillus, Oxbow, Nike Store, Orcanta, Maty, Interflora, etc. Discounter et sites de cash back sont les modèles certainement très en vogue actuellement car ils répondent à deux principes fondamentaux du consommateur : avoir le meilleur deal et gagner de l’argent. Je pense d’ailleurs que le concept du cash back peut être plus fort car l’aspect psychologique de recevoir de vrais euros en consommant a bel et bien son poids dans le processus d’achat.

47. WWW.ZLIO.COM • Un nouveau modèle de commerce électronique sur le web • Créer sa propre BOUTIQUE pour devenir GENERATEUR DE FLUX • Pas de produits • Pas de logistique et de BACK OFFICE • Animer un FRONT OFFICE • http://www.cyberworkers.com/news/Zlio-la-force-de-vente-2,058 • Concurrent : astore d’Amazon • http://astore.amazon.fr/

48. WWW.ZLIO.COM

49. WWW.ZLIO.COM

50. WWW.ZLIO.COM