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. Panorama des médias sociaux 2015 http://www.fredcavazza.net/2015/05/29/panorama-des-medias-sociaux-2015/
  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. www.espacecourbeformation.com/fr/cours/comprendre-web20/ http://www.espacecourbeformation.com/fr/cours/comprendre-web20/
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/
  3. geoFlickr http://trucshtml5.com/demos/synthese/geoflickr/complet-sol.html
Exemple 2 : YouTube, un site de partage de vidéos
Écran 8
  1. site personnel sur YouTube https://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 HTML5 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 15
  1. What is Web 2.0 http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html
Une galaxie toujours en mouvement
Écran 16
  1. Panorama des médias sociaux 2015 http://www.fredcavazza.net/2015/05/29/panorama-des-medias-sociaux-2015/
JavaScript
Écran 24
  1. validation côté client http://www.rememberthemilk.com/signup/
  2. API Web du HTML5 https://developer.mozilla.org/en-US/docs/Web/API
Exemple de flux JSON : résultat d'une recherche sur Flickr
Écran 25
  1. consulter une requête Flickr http://api.flickr.com/services/feeds/photos_public.gne?format=json&tags=stadeolympique&jsoncallback=?
AJAX
Écran 26
  1. Jesse James Garrett http://adaptivepath.org/ideas/ajax-new-approach-web-applications/
  2. objet XMLHttpRequest en cours de normalisation au W3C http://www.w3.org/TR/XMLHttpRequest/
Carte géographique à la sauce Web 2.0
Écran 30
  1. site Google Maps http://maps.google.com/
Propriétés des Google Maps
Écran 31
  1. API GoogleMaps https://developers.google.com/maps/
Usages courants d'AJAX
Écran 32
  1. Modèle-Vue-Contrôleur http://fr.wikipedia.org/wiki/Mod%C3%A8le-Vue-Contr%C3%B4leur
Fils de syndication
Écran 35
  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/fr/publications/technologies-de-linformation/mieux-comprendre-les-fils-rss/
Fil RSS/Atom dans Firefox 2.0
Écran 36
  1. liste des fils de syndication chez Radio-Canada http://www.radio-canada.ca/mesAbonnements/rss/
Consommer des fils RSS
Écran 39
  1. RSSOwl http://www.rssowl.org/
  2. Inoreader https://www.inoreader.com/
  3. Netvibes https://www.netvibes.com/fr
  4. my Yahoo! https://my.yahoo.com/
  5. Feedly https://feedly.com/i/welcome
  6. Leed http://leed.idleman.fr/
  7. Quelle solution utilisez-vous pour diffuser du flux RSS? https://www.developpez.com/actu/133941/Quelle-solution-utilisez-vous-pour-diffuser-du-flux-RSS-Partagez-votre-experience/
  8. Apple News no longer supports RSS feeds https://www.reddit.com/r/apple/comments/4xx1gv/apple_news_no_longer_supports_rss_feeds/
  9. Apple News, RSS, or Both? https://www.applevis.com/blog/opinion/apple-news-rss-or-both
Agrégation de fils de syndication sur NetVibes
Écran 40
  1. site de Netvibes http://www.netvibes.com/fr
iTunes et la baladodiffusion
Écran 43
  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 itpc://www.artpourtous.umontreal.ca/rss/promener/parcours/anciens-couvents.rss.xml
Créer des services Web
Écran 44
  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 45
  1. GDATA https://developers.google.com/gdata/
  2. Graph API http://developers.facebook.com/docs/guides/web
Exemple : cartographie et propriétés à vendre
Écran 47
  1. HousingMaps.com http://www.housingmaps.com/
Technologies plus récentes : apps natives, Web ou hybrides
Écran 48
  1. The State of Native vs. Web vs. Hybrid http://java.dzone.com/articles/state-native-vs-web-vs-hybrid
Blogger : une machine à blogues
Écran 51
  1. Blogger https://www.blogger.com/features
Mon blogue : Mode de vie, un blogue gourmand
Écran 52
  1. Blogue de Benoit : Mode de vie http://modedevie.blogspot.com/
Fonctionnalités retrouvées dans un blogue
Écran 53
  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 54
  1. le phénomène des blogues https://www.actualites.uqam.ca/2009/le-phenomene-des-blogues
  2. définition de blogue sur Wikipedia anglais http://en.wikipedia.org/wiki/Blog
Exemple d'un blogue corporatif avec Wordpress
Écran 57
  1. Exemple d'un blogue corporatif fait avec Wordpress http://applications.nam.lighting.philips.com/blog/
4 P du blogue
Écran 58
  1. Selon Steve Rubel http://www.spatiallyrelevant.org/2007/09/03/the-4-ps-of-blogging/
Démystifier les wikis
Écran 61
  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 62
  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/
Exemple : del.icio.us
Écran 74
  1. delicious https://del.icio.us/karlrossman/tags
Possibilités offertes par del.icio.us
Écran 75
  1. Why did Delicious fail? https://www.quora.com/Why-did-Delicious-fail
Nébuleuses d'étiquettes
Écran 78
  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 https://del.icio.us/feed/jemeeroy
Exemple d'une nébuleuse d'étiquettes
Écran 79
  1. recherche sur le Reciprocal Research Network https://www.rrncommunity.org/items#?filters=type+any%2C+made+by+any&search_stack=search_tab&tab=who_tab
À quoi servent les réseaux sociaux?
Écran 81
  1. notion d'interestingness de Flickr http://www.flickr.com/explore/interesting/
  2. The currency of the new economy is trust http://www.ted.com/talks/rachel_botsman_the_currency_of_the_new_economy_is_trust.html
Médias sociaux les plus populaires
Écran 83
  1. Top 15 Most Popular Social Networking Sites http://www.ebizmba.com/articles/social-networking-websites
Présentation de Facebook
Écran 84
  1. Facebook http://www.facebook.com/
Présence Facebook pour une organisation ou une entreprise
Écran 88
  1. page Facebook http://www.facebook.com/FacebookPages
  2. réserver votre nom de page Facebook https://www.facebook.com/help/409473442437047/
Présentation de Twitter
Écran 90
  1. Twitter http://www.twitter.com/
  2. twitter.com/ecformation https://twitter.com/ecformation
Abréviations pour les tweets
Écran 94
  1. http://t.co http://t.co/
  2. aide sur les bases de Twitter https://help.twitter.com/fr/using-twitter
  3. caractères permis dans un hashtag https://www.hashtags.org/platforms/twitter/what-characters-can-a-hashtag-include/
  4. Twitter’s missing manual https://eev.ee/blog/2016/02/20/twitters-missing-manual/
Différence entre @mention et @réponse
Écran 96
  1. exemple avec .@ https://twitter.com/realDonaldTrump/status/939616077356642304
  2. À propos des réponses et mentions https://help.twitter.com/fr/using-twitter/mentions-and-replies
  3. Replies and mentions from Twitter's missing manual https://eev.ee/blog/2016/02/20/twitters-missing-manual/#replies-and-mentions
Quelques exemples d'usages de Twitter
Écran 97
  1. #moiaussi https://twitter.com/hashtag/moiaussi
  2. #mtlmoments https://twitter.com/lauriegenest/status/514781090893291522
  3. #Museomix2013 https://twitter.com/hashtag/museomix2013
Présentation de LinkedIn
Écran 99
  1. LinkedIn https://www.linkedin.com/nhome/
Contrôler l'image de vos contenus propagés sur les médias sociaux (p. 1/2)
Écran 105
  1. Open Graph Generator http://webcodetools.com/open-graph-generator/
  2. JSON-LD Generator http://webcodetools.com/json-ld-generator
  3. Twitter Card Generator http://webcodetools.com/twitter-card-generator
Contrôler l'image de vos contenus propagés sur les médias sociaux (p. 1/2)
Écran 106
  1. Annoter ses pages Web pour optimiser la présentation de la propagation sur les médias sociaux http://www.espacecourbeformation.com/fr/articles/facebook-open-graph-twitter-cards/
Nouveau paysage avec lequel composer
Écran 109
  1. Tim Berners-Lee on the next Web http://www.ted.com/talks/tim_berners_lee_on_the_next_web.html
  2. The case for collaborative consumption http://www.ted.com/talks/rachel_botsman_the_case_for_collaborative_consumption.html
Problème des droits d'auteur...
Écran 111
  1. licence Creative Commons http://creativecommons.org/
Licence Creative Commons
Écran 112
  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 113
  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 2017, Espace Courbe Formation inc. —9 décembre 2017 — 18:36:21