initiation au web 2.0 : principes et présentation des différents outils (08/02/2011)

Download Initiation au web 2.0  : principes et présentation des différents outils (08/02/2011)

Post on 22-Nov-2014

9.682 views

Category:

Education

5 download

Embed Size (px)

DESCRIPTION

Support de la formation "Initiation au Web 2.0 : principes et présentation des différents outils" organisée par l'URFIST de Paris pour le CIES Sorbonne le 08/02/2011. Pour la nouvelle version du support, cf. http://www.slideshare.net/URFISTParis/initiation-au-web20-formation-urfist-24052011

TRANSCRIPT

  • 1. CIES Sorbonne, 08/02/2011
  • 2. Introduction Principes Typologie Questions etgnrale techniques perspectives Contexte Principes gnraux
  • 3. 2001 : explosion de la bulle internet2004 : Dale Dougherty (OReilly Media), Craig Cline (MediaLive) et John Battelle (Wired) prsentation dexemples Web 1.0 // Web 2.0 oct. 2004 : 1e Web 2.0 conference Nous avons donc commenc tirer de ces exemples les principes qui sont dune manire ou dune autre la base des succs du web 1.0 mais aussi des applications rcentes les plus remarquables . 30/09/2005 : publication de What is Web 2.0 ? Design Patterns and Business Models for the Next Generation of Software par Tim OReilly
  • 4. Tim OReilly, 2005
  • 5. 1- Le web en tant que plate-forme2- Tirer parti de lintelligence collective3- La puissance est dans les donnes4- La fin des cycles de release5- Des modles de programmation lgers6- Le logiciel se libre du PC7- Enrichir les interfaces utilisateur T. OReilly. What is Web 2.0 ? , 2005 une vision avant tout logicielle et informatique
  • 6. Lexpression Web 2.0 dsigne certaines technologieset des usages du World Wide Web qui ont suivi la formeinitiale du web, en particulier les interfaces permettantaux internautes ayant peu de connaissances techniquesde sapproprier les nouvelles fonctionnalits du web.Ainsi, les internautes peuvent interagir (partager,changer, etc.) de faon simple, la fois avec le contenuet la structure des pages, mais aussi entre eux, crantainsi notamment le Web social Web 2.0 . Wikipdia. 20/01/2011 une vision pratique, participative et sociale
  • 7. Loic_hay. Web2Revolucion Courrier international, HS, oct. 2007
  • 8. http://web2.socialcomputing.magazine.com Le Monde, http://www.lemonde.fr/, 29/01/2001, via WayBackMachine
  • 9. http://web2.socialcomputing.magazine.com Le Monde, http://www.lemonde.fr/, 21/01/2011
  • 10. one to many Source many to manyeverybody to everybody= Read / write web :UGC (User Generated Content)
  • 11. Soldierant. Flickr User Model, v0.3. CC BY-NC-SA Flickr Ex. : le modle
  • 12. une volution des techniques une rvolution des pratiques The Machine is Us/ing us (M. Wesch, 2007)Time, 25/12/2006-1/01/2007
  • 13. Introduction Principes Typologie Questions etgnrale techniques perspectives La technologie La recombinaison des donnes Des interfaces riches Des applications collaboratives Les tags La syndication de contenus (flux RSS) Laspect conomique du web 2.0
  • 14. Des standards : balisage des informations : XHTML feuille de style : CSS Des interfaces de programmation (API) : JavaScript Des applications internet riches (RIA) / Ajax (Asynchronous Javascript and XML) interactivit et interoprabilit le web en tant que plateforme (OReilly #1) souplesse dutilisation des modles de programmation lgers (OReilly #5) sites web dynamiques
  • 15. Le logiciel se libre du PC (OReilly #6) passage de logiciels sur PC des applications en ligne (webapps) cot faible de production nomadisme La fin des cycles de release (OReilly #4) version bta perptuelle Ex. Labos de Gmail Ex. Diigo Ex. Isidore
  • 16. dialogue fournisseurs / consommateurs (crowdsourcing) Ex. Google Labs Ex. Jiwa Autres ex. 99designs. The Power of Crowdsourcing. 2010
  • 17. La puissance est dans les donnes (OReilly #3) Les applications composites (mashups) (1) nouveau service obtenu en mixant du contenu et / ou des services dautres applications Serge Courrier, Web 2.0 / Web social, 2010 Ex. WeatherBonk
  • 18. Les applications composites (mashups) (2)dveloppement du GoWeb : information gographique + contenu web Ex. Trouver une station Vlib : Google Maps et VlibMoteur de recherche de mashups : Mashups Directory
  • 19. Enrichir les interfaces utilisateur (OReilly #7) Des interfaces utilisateurs souples Ex. saisie semi-automatique Ex. : Gmail Ex. fonction glisser-dposer
  • 20. Des interfaces utilisateurs souples Ex. contenus embarqus Ex. une vido de Dailymotion Ex. un article de blog
  • 21. Des interfaces personnalisables Ex. widgets internes Ex. widgets externes Ex. : widgets de Wordpress La possibilit dintervenir Ex. : surlignage et sticky notes de Diigo
  • 22. Tirer partie de lintelligence collective (OReilly #2) capital cognitif et humain Linternaute recommandeur
  • 23. Linternaute contributeur Ex. Wikipdia Ex. AgoraVox Ex. CityVox enrichissement de linformation partage de linformation
  • 24. Tag : mot-cl sous forme dtiquette Indexation automatique ou non Ex. tags de catgories du blog AffordanceEx. tags dutexte brut delarticle Web 2.0 Ex. tags de Deliciousde Wikipdia,par Wordle
  • 25. Le cas de la folksonomie (1) classification collaborative