Présentation du Web 2.0 dans le cadre du cours combiné GTI780 / MTI780, Sujets spéciaux en TI, donné par Claude Coulombe, à l'Ecole de technologie supérieure, Montréal, Automne 2008
1. Web 2.0
Sujets spéciaux en TI
Le Web 2.0 : concepts et outils
École de technologie supérieure
par
Claude Coulombe
GTI-780 / MTI-780 Montréal, octobre 2008
2. Web 2.0 - Origine
GTI-780 / MTI-780 * Source: Markus Angermeier http://kosmar.de/wp-content/web20map.png Montréal, octobre 2008
3. Web 2.0 - Origine
Tendance perçue amenant à la définition
d'une 2e génération de sites et de services
Web
Première conférence « O'Reilly Web 2.0 » en
2004
GTI-780 / MTI-780 Montréal, octobre 2008
4. Web 2.0 – Google Maps, l'application « phare »
* Lancé le 8 février 2005
GTI-780 / MTI-780 Montréal, octobre 2008
6. Web 2.0 – Un exemple Québécois!
OpenSyllabus : un éditeur structuré de plan de cours
http://confluence.sakaiproject.org/confluence/display/OSYL/OpenSyllabus+Home
GTI-780 / MTI-780 Montréal, octobre 2008
7. Comprendre le Web 2.0
Web 2.0
GTI-780 / MTI-780 * Source Clipart : http://www.clipart.com Montréal, octobre 2008
8. Web 2.0 – Applications types
Réseaux sociaux ou sites de réseautage - MySpace, Ning, LinkedIn
Applications Web riches (RIA) – iTunes, You Tube, Flickr
Applications « comme une application bureautique »
(Desktop-like)* - OpenSyllabus
Applications collaboratives - Google Docs, Basecamp, Zoho
Blogues – Blogger, wordpress.com
Wikis – Wikipedia, Confluence
Sites de partage - Flickr, Delicious, Wikipedia, You Tube, SlideShare, Amazon
Sites de nouvelles avec vote – Digg, Reddit
Folksonomie (Folksonomy) – Yahoo!, Flickr, Delicious, Technorati, Digg
Webagrégats (Mashups) – Netvibes, iGoogle, PageFlakes, Bloglines
Outils de communication – Gmail, Skype, Meebo
GTI-780 / MTI-780 * Comme une application bureautique s'exécutant localement. Montréal, octobre 2008
9. Web 2.0 – Patrons d'applications
GTI-780 / MTI-780 * Source Clipart : http://www.clipart.com Montréal, octobre 2008
10. Web 2.0 – Patrons d'applications
Conteneur (Container) : application avec une structure de style
plugiciel (plugin) qui contient un ensemble de petites applications
ou utilitaires (Netvibes)
Agrégateur / Webagrégat (Aggregator, Mashup) : application qui
combine plusieurs sources de données dans une même interface
(Google Map)
Espace de travail (Workspace) : application basée sur un
document et un ensemble d'outils non-intrusifs pour travailler
dessus (OpenSyllabus, Wiki)
Outil de collaboration (Collaborator) : application qui permet à
plusieurs utilisateurs d'être ensembles et de communiquer (Skype)
Tableau de bord (Manager) : application qui fournit une interface
pour accéder et gérer une grosse base de données
Réseau social (Social Network) : application qui permet aux
utilisateurs d'entrer des profils et du contenu, de former des
groupes et d'interagir avec d'autres partageant ces intérêts (Ning)
GTI-780 / MTI-780 * Source : R. Dewsbury 2008 Montréal, octobre 2008
11. Web 2.0 – Composantes d'applications
GTI-780 / MTI-780 * Source Clipart : http://www.clipart.com Montréal, octobre 2008
12. Web 2.0 – Composantes d'applications
Wiki :outil collaboratif de création de contenu. Le wiki permet à
un groupe de produire en collaboration des contenus, sans être
au même endroit au même moment. http://fr.wikipedia.org/wiki/Wiki
Fils RSS : syndication de contenu http://fr.wikipedia.org/wiki/RSS_(format)
Blogue : outil de création de contenu dont les entrées constituent
un journal personnel qui sont présentées en ordre chronologique
inverse. Essentiellement des opinions personnelles sur différents
sujets ou autour d'une thématique particulière. Contenu parfois
enrichis de liens, de photos, de contenus audios ou vidéos. Le
blogue offre la possibilité aux visiteurs de commenter.
http://fr.wikipedia.org/wiki/Blog
Outils de partage de photos, de baladodiffusions (podcast), de
vidéos, de signets et de documents textuels
Outils de discussion Web : synchrone (ex. messagerie
instantanée) ou asynchrone (ex. courriel ou forum)
http://fr.wikipedia.org/wiki/Forum_Internet
GTI-780 / MTI-780 * Source : R. Dewsbury 2008 Montréal, octobre 2008
13. Web 2.0 – Nouveaux designs, vieilles technos!
GTI-780 / MTI-780 * Source Clipart : http://www.clipart.com Montréal, octobre 2008
14. Web 2.0 – Nouveaux designs, vieilles technos!
Le Web 2.0 n'implique pas beaucoup de nouvelles technologies,
mais plutôt de nouvelles manières d'utiliser le Web.
TCP/IP – HTTP - HTML – XML
Architectures : Client / Serveur, SOA*, Services web
Bases de données SQL (au coeur du Web 2.0)**
Développement logiciel : cycles très court, toujours en béta,
sortie rapide et fréquente, méthodes agiles, tests automatisés,
maintenance continue
Bande passante plus élevée – Internet haute vitesse - Mobilité
Standards Web de base : XHTML – CSS – DOM – JavaScript
Vidéo et audio numérique
Réutilisation & transformation facile des données
Standards avancés du Web : Ajax – RSS – JSON – REST –
COMET
GTI-780 / MTI-780 * SOA : Architecture orientée services ** On parle « d'Infoware » Montréal, octobre 2008
15. Web 2.0 – « L'expérience-utilisateur »
GTI-780 / MTI-780 * Source Clipart : http://www.clipart.com Montréal, octobre 2008
16. Web 2.0 – « L'expérience-utilisateur »
Facilite la participation, la production de contenus, la
collaboration et le partage entre les utilisateurs*
Simplicité - Convivialité - Interactivité - Ergonomie
Interfaces web au comportement similaire aux interfaces
des logiciels qui s'exécutent localement
Interfaces riches et réactives
Conception centrée sur l'utilisateur
Sollicite l'opinion de l'utilisateur
Adaptation fine aux besoins de l'utilisateur (customization)
Processus de qualité totale (genre Kaizen)
Comme les saucisses : un plus grand nombre d'utilisateurs
entraîne une meilleure application
GTI-780 / MTI-780 * Vision originale de l'inventeur du Web, Tim Berners-Lee Montréal, octobre 2008
17. Évolution des interfaces utilisateurs
GTI-780 / MTI-780 * Source Clipart : http://www.clipart.com Montréal, octobre 2008
18. Évolution des interfaces utilisateurs
Cartes perforées, gros boutons, dérouleurs de
rubans et lumières clignotantes (1965-1975)
Terminaux, micro-ordinateurs (Apple II, IBM PC)
clavier, affichage de textes souvent en vert...
(1976-1983)
Interfaces graphiques, le Mac d'Apple (1984-1994)
Web 1.0 – formulaires HTML avec le bouton
quot;submitquot; (1994-2004)
Web 2.0 – AJAX, RIA (2005-aujourd'hui)
GTI-780 / MTI-780 Montréal, octobre 2008
19. Web 2.0 – Aspects économiques
GTI-780 / MTI-780 * Source Clipart : http://www.clipart.com Montréal, octobre 2008
20. Web 2.0 – Aspects économiques
Miser sur la Longue Traîne (The Long Tail, Chris Anderson,
Wired 2004, http://thelongtail.com), i.e. niches
Marketing viral – moteur de recherche
Miser sur le libre-service des utilisateurs
Miser sur la valeur ajoutée par les utilisateurs
Miser sur l'intelligence collective
Miser sur le partage des contenus
Exploiter les données des utilisateurs (Data Mining)
Les données sont de l'or
Le modèle économique dominant demeure la publicité
L'échec de Friendster
http://www.nytimes.com/2006/10/15/business/yourmoney/15friend.html?_r=2&oref=slogin&oref=slogin
GTI-780 / MTI-780 Montréal, octobre 2008
21. Web 2.0 - Avantages & inconvénients
GTI-780 / MTI-780 * Source Clipart : http://www.clipart.com Montréal, octobre 2008
22. Web 2.0 - Inconvénients
Effet « de mode »
Problème des droits d'auteur, contrefaçon
Utilisation abusive des données personnelles des
utilisateurs par les propriétaires des sites
Menaces et atteintes à la vie privée
Risque que les utilisateurs deviennent otages des sites qui
abritent leurs données personnelles (Data lock-in)*
Contenus violents, racistes, sexistes, pornographiques, faux
ou mensongers...
L'aspect sécurité est à surveiller
Problèmes de fiabilité de l'information publiée
* Après le « hardware lock-in » et le « software lock-in »
GTI-780 / MTI-780 selon Tim O'Reilly Montréal, octobre 2008
23. Web 2.0 - Avantages
Démocratisation des moyens de production et de diffusion
d'informations et de contenus audiovisuels
Contenu généré par les utilisateurs, les citoyens
Diffusion et production internationale
Au plan technique
Plus sécuritaire face aux logiciels malveillants
Réponses rapides aux actions de l'utilisateur
Applications Web riches, rapides et légères
Pas de long téléchargement, ni d'installation
Compatibilité avec tous les fureteurs Web
Le fureteur devient la plateforme
GTI-780 / MTI-780 Montréal, octobre 2008
25. Conclusion
La chose la plus importante
« L'expérience-utilisateur»
Synonyme de Web 2.0 : « Web participatif »
Deux caractéristiques du Web 2.0 :
Participation active et génération des contenus
par les utilisateurs
Interfaces simples, agréables et ergonomiques
GTI-780 / MTI-780 Montréal, octobre 2008