Mieux comprendre le Web 2.0
Adresses derrière les liens

Références
Écran 5
  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 6
  1. site personnel de Benoit sur Flickr http://www.flickr.com/photos/benoitdubuc
Caractéristiques du site Flickr
Écran 7
  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 8
  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 9
  1. vidéo en HTML 5 http://www.youtube.com/html5
  2. API YouTube http://www.youtube.com/dev
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
  2. Wikipedia, janvier 2010 http://fr.wikipedia.org/w/index.php?title=Web_2.0&oldid=53460942
Champ gravitationnel Web 2.0
Écran 12
  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 21
  1. validation côté client http://www.rememberthemilk.com/signup/
AJAX
Écran 22
  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 25
  1. site Mapblast http://www.mapblast.com/
Carte géographique à la sauce Web 2.0
Écran 26
  1. site Google Maps http://maps.google.com/
Propriétés des Google Maps
Écran 27
  1. API GoogleMaps http://www.google.com/apis/maps/
Usages courants d'AJAX
Écran 28
  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 30
  1. Prototype http://www.prototypejs.org/
  2. jQuery http://api.jquery.com/jQuery.ajax/
  3. Yahoo UI Library http://developer.yahoo.com/yui/
  4. ASP.net AJAX http://ajax.asp.net/ajaxtoolkit/
  5. Google Web Toolkit (GWT) http://code.google.com/webtoolkit/
  6. Dojo http://dojotoolkit.org/
  7. 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 31
  1. solution pour le problème des favoris et la navigation avec AJAX http://www.contentwithstyle.co.uk/Articles/38
Fils de syndication
Écran 33
  1. RSS sur Wikipedia http://en.wikipedia.org/wiki/RSS_%28protocol%29
  2. RSS Tutorial http://www.mnot.net/rss/tutorial/
  3. Mieux comprendre les fils RSS http://www.technologia.com/mieux-comprendre-les-fils-rss.html
Fil RSS/Atom dans Firefox 2.0
Écran 34
  1. liste des fils de syndication chez Radio-Canada http://www.radio-canada.ca/mesAbonnements/rss/
Consommer des fils RSS
Écran 39
  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 40
  1. site de Netvibes http://www.netvibes.com/
iTunes et la baladodiffusion
Écran 44
  1. fil RSS du parcours des anciens couvents http://www.artpourtous.umontreal.ca/rss/promener/parcours/anciens-couvents.rss.xml
  2. www.artpourtous.umontreal.ca http://www.artpourtous.umontreal.ca/promener/parcours/anciens-couvents.html
  3. dans iTunes adresse privée
  4. dans Google Maps http://tinyurl.com/25yjbz5
Créer des services Web
Écran 45
  1. chiffrier des records hébergé chez Google Tableur http://www.acontrecourant.qc.ca/fr/projets/records/
  2. horaire des entraînements sur l'agenda Google http://www.acontrecourant.qc.ca/fr/informations/horaires/
À quoi servent les services Web?
Écran 46
  1. GDATA http://code.google.com/intl/fr-FR/apis/gdata/
  2. Graph API http://developers.facebook.com/docs/guides/web
Exemple : cartographie et propriétés à vendre
Écran 48
  1. HousingMaps.com http://www.housingmaps.com/
Exemples d'agrégations
Écran 49
  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/
Blogger : une machine à blogues
Écran 52
  1. Blogger http://www.blogger.com/
Mon blogue : Mode de vie
Écran 53
  1. Blogue de Benoit : Mode de vie http://modedevie.blogspot.com/
Fonctionnalités retrouvées dans un blogue
Écran 54
  1. blogue A d'informer un blogue B http://toys.lerdorf.com/archives/38-The-no-framework-PHP-MVC-framework.html
Types de blogues
Écran 55
  1. le phénomène des blogues http://www.uqam.ca/entrevues/entrevue.php?id=597
  2. définition de blogue sur Wikipedia anglais http://en.wikipedia.org/wiki/Blog
Exemple d'un blogue avec Wordpress
Écran 58
  1. Exemple d'un blogue corporatif fait avec Wordpress http://www.lumec.com/blog/
4 P du blogue
Écran 59
  1. blogue américain Micropersuasion http://www.micropersuasion.com/2006/02/the_four_ps_of_.html
Démystifier les wikis
Écran 62
  1. Wikis in Plain English http://www.youtube.com/watch?v=-dnL00TdmLY
  2. Marc Laporte consultant TikiWiki http://marclaporte.com/tiki-index.php
Exemple phare : Wikipedia
Écran 63
  1. problème du sac à dos sur Wikipédia http://fr.wikipedia.org/wiki/Probl%C3%A8me_du_sac_%C3%A0_dos
Mise en place d'un wiki
Écran 67
  1. 2-3 majeures par technologie http://tikiwiki.org/Wiki+Landscape
  2. Wikia http://www.wikia.com/Wikia
  3. Wikispaces http://www.wikispaces.com/
  4. wikimatrix http://www.wikimatrix.org/
Exemple : delicious.com
Écran 73
  1. delicious http://delicious.com/leei
Nébuleuses d'étiquettes
Écran 77
  1. tag clouds http://en.wikipedia.org/wiki/Tag_cloud
  2. nuage d'étiquettes ou de mots clés http://fr.wikipedia.org/wiki/Nuage_de_mots-cl%C3%A9s
  3. Flickr http://www.flickr.com/photos/tags/
  4. Delicious http://www.delicious.com/tag/
  5. DeeperWeb http://www.deeperweb.com/
Architecture d'information sociale
Écran 79
  1. Social information architecture http://www.slideshare.net/gsmith/social-information-architecture-10046/
Différents types d'implications et d'intéractions sociales
Écran 80
  1. Social information architecture http://www.slideshare.net/gsmith/social-information-architecture-10046/
Exemples de types d'agrégations
Écran 81
  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/
À quoi servent les réseaux sociaux?
Écran 83
  1. notion d'interestingness de Flickr http://www.flickr.com/explore/interesting/
Exemple : site promotionnel des musées maritimes
Écran 84
  1. L'expérience musée pour découvrir le fleuve Saint-Laurent http://www.maritime.musees.qc.ca/fr/
Exemple d'espace collaboratif
Écran 88
  1. Dossiers thématiques de la Société des musées québécois http://www.dossiers.smq.qc.ca/
Présentation de Facebook
Écran 90
  1. Facebook http://www.facebook.com/
Présence Facebook pour une organisation ou une entreprise
Écran 95
  1. page Facebook http://www.facebook.com/FacebookPages
  2. réserver un nom de page Facebook http://www.facebook.com/help/?page=900
  3. la soupe Campbell Canada sur Facebook http://www.facebook.com/CampbellCanada
  4. information pour enregistrer un URL court http://www.vmgbpo.com/reports/?p=476
Présentation de Twitter
Écran 96
  1. Twitter http://www.twitter.com/
  2. www.twitter.com/benoitdubuc http://twitter.com/benoitdubuc
Abbréviations pour les tweets
Écran 98
  1. incorporé la fonctionnalité du "retweet" à même l'interface usager http://evhead.com/2009/11/why-retweet-works-way-it-does.html
  2. aide sur les bases de Twitter http://support.twitter.com/groups/31-twitter-basics
Présentation de LinkedIn
Écran 100
  1. LinkedIn http://www.linkedin.com/
Avertissement
Écran 102
  1. communaulytics http://oreilly.com/catalog/0636920010029/
  2. Most social ... will fail http://searchenginewatch.com/3633285
Problème des droits d'auteur...
Écran 107
  1. licence Creative Commons http://creativecommons.org/
Licence Creative Commons
Écran 108
  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
Petite vidéo pour terminer...
Écran 109
  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 2011, Espace Courbe Formation inc. —8 novembre 2011 — 06:41:38