Mieux comprendre le Web 2.0
Adresses derrière les liens

Références
Écran 4
  1. What is Web 2.0? http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html
  2. Web 2.0: mythe et réalité http://xmlfr.org/actualites/decid/051201-0001
  3. Web 2.0: risques et perspectives http://xmlfr.org/actualites/decid/061201-0001
  4. A fake freedom http://www.oreilly.com/pub/wlg/7977
  5. Web 2.0 sur Wikipédia http://fr.wikipedia.org/wiki/Web_2.0
  6. http://espacecourbeformation.com/fr/ http://espacecourbeformation.com/fr/
Exemple 1 : Flickr, site de partage de photos
Écran 5
  1. site personnel de Benoit sur Flickr http://www.flickr.com/photos/benoitdubuc
Caractéristiques du site Flickr
Écran 6
  1. annotation http://www.flickr.com/photos/benoitdubuc/1267865197/
  2. API Flickr http://flickr.com/services/api/
Exemple 2 : YouTube, un site de partage de vidéos
Écran 7
  1. site personnel sur YouTube http://www.youtube.com/happyslip
  2. page YouTube avec un vidéo http://www.youtube.com/watch?v=eqrfYNCvHSE
Propriétés de YouTube
Écran 8
  1. API YouTube http://www.youtube.com/dev
Autres sites Web 2.0 classiques
Écran 9
  1. liste des grands en 2009 http://searchenginewatch.com/3633168
Tentative d'une définition
Écran 11
  1. article fondateur de Tim O'Reilly http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html
Exemple 3 : Google Docs
Écran 12
  1. Google Docs http://docs.google.com/
  2. stratégie tentaculaire de Google http://www.baselinemag.com/article2/0%2C1540%2C1985040%2C00.asp
  3. One Laptop per Child http://www.laptop.org/
Champ gravitationnel Web 2.0
Écran 13
  1. What is Web 2.0 http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html
JavaScript
Écran 29
  1. validation côté client http://www.rememberthemilk.com/signup/
AJAX
Écran 30
  1. Jesse James Garrett http://www.adaptivepath.com/publications/essays/archives/000385.php
  2. objet XMLHttpRequest en cours de normalisation au W3C http://www.w3.org/TR/XMLHttpRequest/
Carte géographique à la sauce Web 1.0
Écran 33
  1. site Mapblast http://www.mapblast.com/
Carte géographique à la sauce Web 2.0
Écran 34
  1. site Google Maps http://maps.google.com/
Propriétés des Google Maps
Écran 35
  1. API GoogleMaps http://www.google.com/apis/maps/
Usages courants d'AJAX
Écran 36
  1. Modèle-Vue-Contrôleur http://fr.wikipedia.org/wiki/Mod%C3%A8le-Vue-Contr%C3%B4leur
Bibliothèques qui aident à l'implantation de AJAX
Écran 41
  1. Prototype http://www.prototypejs.org/
  2. Yahoo UI Library http://developer.yahoo.com/yui/
  3. ASP.net AJAX http://ajax.asp.net/ajaxtoolkit/
  4. Google Web Toolkit (GWT) http://code.google.com/webtoolkit/
  5. Dojo http://dojotoolkit.org/
  6. ajaxian.com/archives/ajaxiancom-2006-survey-results http://ajaxian.com/archives/ajaxiancom-2006-survey-results
Défis d'AJAX : accessibilité, sécurité, traçabilité
Écran 42
  1. solution pour le problème des favoris et la navigation avec AJAX http://www.contentwithstyle.co.uk/Articles/38
Fils de syndication
Écran 44
  1. RSS sur Wikipedia http://en.wikipedia.org/wiki/RSS_%28protocol%29
Fil RSS/Atom dans Firefox 2.0
Écran 45
  1. liste des fils de syndication chez Radio-Canada http://www.radio-canada.ca/mesAbonnements/rss/
Consommer des fils RSS
Écran 50
  1. my Yahoo! http://my.yahoo.com/s/about/rss/index.html
  2. Google Reader http://reader.google.com/
  3. Yahoo! pipes http://pipes.yahoo.com/
Agrégation de fils de syndication sur NetVibes
Écran 51
  1. site de Netvibes http://www.netvibes.com/
iTunes et la baladodiffusion
Écran 55
  1. fil RSS du Podioguide UdeM http://www.podioguide.umontreal.ca/balado/campus-montreal.rss
  2. www.podioguide.umontreal.ca http://www.podioguide.umontreal.ca/
  3. dans iTunes adresse privée
  4. dans Google Maps http://tinyurl.com/yagwgun
Webjay : site pour partager des listes de MP3
Écran 57
  1. Site de WebJay http://webjay.org/
API de Webjay
Écran 58
  1. API de Webjay http://webjay.org/api/help
  2. CRUD pour Create, Read, Update, Delete http://en.wikipedia.org/wiki/CRUD_(acronym)
  3. principes du REST http://www.xfront.com/REST-Web-Services.html
Exemple : cartographie et propriétés à vendre
Écran 63
  1. HousingMaps.com http://www.housingmaps.com/
Exemples d'agrégations
Écran 64
  1. HousingMaps.com http://www.housingmaps.com/
  2. Craigs' list http://montreal.craigslist.org/
  3. Google Maps http://maps.google.com/
  4. WeatherBonk.com http://weatherbonk.com/
  5. Where is Tim? http://www.timhibbard.com/wherestim/
  6. SimplyHired.com http://www.simplyhired.com/
  7. ChicagoCrime http://www.chicagocrime.org/types/TRAFFIC/376/
  8. programmableweb.com http://programmableweb.com/
Microformats
Écran 65
  1. définition des microformats sur microformats.org http://microformats.org/about/
Exemple d'un microformat pour hCard : formulaire
Écran 67
  1. hCard creator http://microformats.org/code/hcard/creator
Quelques microformats notoires
Écran 69
  1. liste complète des microformats disponibles et exemples http://microformats.org/
Mais pourquoi donc?
Écran 70
  1. X2V, un extracteur de données structurées http://suda.co.uk/projects/X2V/
  2. compétitions de natation à venir http://formation.espacecourbe.com/fr/ressources/web20/hcalendar/
  3. extension Firefox Operator pour reconnaître les microformats adresse privée
Blogger : une machine à blogues
Écran 73
  1. Blogger http://www.blogger.com/
Mon blogue : Mode de vie
Écran 74
  1. Blogue de Benoit : Mode de vie http://modedevie.blogspot.com/
Fonctionnalités retrouvées dans un blogue
Écran 75
  1. blogue A d'informer un blogue B http://toys.lerdorf.com/archives/38-The-no-framework-PHP-MVC-framework.html
Exemple d'un blogue avec Wordpress
Écran 78
  1. Exemple d'un blogue fait avec Wordpress http://www.boxofchocolates.ca/
4 P du blogue
Écran 79
  1. blogue américain Micropersuasion http://www.micropersuasion.com/2006/02/the_four_ps_of_.html
Exemple phare : Wikipedia
Écran 81
  1. problème du sac à dos sur Wikipédia http://fr.wikipedia.org/wiki/Probl%C3%A8me_du_sac_%C3%A0_dos
Avantages et désavantages
Écran 83
  1. Social Media Madness - the Final Four http://searchenginewatch.com/3633168
  2. l'industrie pharmaceutique manipule Wikipedia (entrevue à Dutrizac le matin) http://mediacorus.corusquebec.com/webcorus/audio/content_Audio/188741.mp3
Exemple : delicious.com
Écran 89
  1. delicious http://delicious.com/leei
Architecture d'information sociale
Écran 95
  1. Social information architecture http://www.slideshare.net/gsmith/social-information-architecture-10046/
Différents types d'implications et d'intéractions sociales
Écran 96
  1. Social information architecture http://www.slideshare.net/gsmith/social-information-architecture-10046/
Exemples de types d'agrégations
Écran 97
  1. regroupements sur Flickr http://www.flickr.com/photos/tags/michigan/clusters/
  2. recommandations de Netflix http://www.netflixprize.com/
  3. Social information architecture http://www.slideshare.net/gsmith/social-information-architecture-10046/
Mais pourquoi donc?
Écran 99
  1. notion d'interestingness de Flickr http://www.flickr.com/explore/interesting/
Pyramide d'outils sociaux en entreprise
Écran 100
  1. Version partielle de la présentation de Lee Bryant http://www.slideshare.net/tommaso/web-20-towards-collaborative-lee-bryant
Problème des droits d'auteur...
Écran 104
  1. licence Creative Commons http://creativecommons.org/
Licence Creative Commons
Écran 105
  1. Creative Commons http://creativecommons.org/
  2. explications sur Creative Commons http://creativecommons.org/about/licenses/
  3. sur Flickr http://www.flickr.com/creativecommons/
  4. bande dessinée sur Creative Commons http://wiki.creativecommons.org/Spectrumofrights_Comic4
Petit vidéo pour terminer...
Écran 106
  1. vidéo sur YouTube montrant le Web2.0 en tant que religion http://www.youtube.com/watch?v=6gmP4nk0EOE
Tous droits réservés 2009, Espace Courbe Formation inc. — 29 septembre 2009 — 22:08:07