Web 2.0 GTI780 & MTI780 ETS A09

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 ETS - Montréal - 2009

Web 2.0 - Origine

GTI-780 / MTI-780 * Source: Markus Angermeier http://kosmar.de/wp-content/web20map.png ETS - Montréal - 2009

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


Web 2.0 – Google Maps, l'application « phare »

* Lancé le 8 février 2005

Web 2.0 – Exemples
•Google Maps http://maps.google.com

•Wikipedia http://fr.wikipedia.org/wiki/Pagina_principale

•You Tube http://www.youtube.com
•Flickr http://www.flickr.com
•Delicious http://delicious.com
•Gmail http://mail.google.com
•Netvibes http://www.netvibes.com
•Facebook http://www.facebook.com
•ebay http://www.ebay.com

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

Comprendre le Web 2.0

Web 2.0

GTI-780 / MTI-780 * Source Clipart : http://www.clipart.com ETS - Montréal - 2009

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. ETS - Montréal - 2009

Web 2.0 – Patrons d'applications


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 ETS - Montréal - 2009

Web 2.0 – Composantes d'applications


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 ETS - Montréal - 2009

Web 2.0 – Nouveaux designs, vieilles technos!


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 » ETS - Montréal - 2009

Web 2.0 – « L'expérience-utilisateur »


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 (principe 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 ETS - Montréal - 2009

Évolution des interfaces utilisateurs


É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
"submit" (1994-2004)

Web 2.0 – AJAX, RIA (2005-aujourd'hui)


Web 2.0 – Aspects économiques


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


Web 2.0 - Avantages & inconvénients


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 ETS - Montréal - 2009

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

Conclusion

GTI-780 / MTI-780 * Source TIME Magazine janvier 2007 ETS - Montréal - 2009

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


Questions

?


Web 2.0 GTI780 & MTI780 ETS A09

Contenu connexe

Tendances

Similaire à Web 2.0 GTI780 & MTI780 ETS A09

Plus de Claude Coulombe

Web 2.0 GTI780 & MTI780 ETS A09