Your SlideShare is downloading. ×
0
Web 2.0 - GTI780 & MTI780 - ETS - A08
Web 2.0 - GTI780 & MTI780 - ETS - A08
Web 2.0 - GTI780 & MTI780 - ETS - A08
Web 2.0 - GTI780 & MTI780 - ETS - A08
Web 2.0 - GTI780 & MTI780 - ETS - A08
Web 2.0 - GTI780 & MTI780 - ETS - A08
Web 2.0 - GTI780 & MTI780 - ETS - A08
Web 2.0 - GTI780 & MTI780 - ETS - A08
Web 2.0 - GTI780 & MTI780 - ETS - A08
Web 2.0 - GTI780 & MTI780 - ETS - A08
Web 2.0 - GTI780 & MTI780 - ETS - A08
Web 2.0 - GTI780 & MTI780 - ETS - A08
Web 2.0 - GTI780 & MTI780 - ETS - A08
Web 2.0 - GTI780 & MTI780 - ETS - A08
Web 2.0 - GTI780 & MTI780 - ETS - A08
Web 2.0 - GTI780 & MTI780 - ETS - A08
Web 2.0 - GTI780 & MTI780 - ETS - A08
Web 2.0 - GTI780 & MTI780 - ETS - A08
Web 2.0 - GTI780 & MTI780 - ETS - A08
Web 2.0 - GTI780 & MTI780 - ETS - A08
Web 2.0 - GTI780 & MTI780 - ETS - A08
Web 2.0 - GTI780 & MTI780 - ETS - A08
Web 2.0 - GTI780 & MTI780 - ETS - A08
Web 2.0 - GTI780 & MTI780 - ETS - A08
Web 2.0 - GTI780 & MTI780 - ETS - A08
Web 2.0 - GTI780 & MTI780 - ETS - A08
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Web 2.0 - GTI780 & MTI780 - ETS - A08

962

Published on

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

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

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
962
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
39
Comments
0
Likes
2
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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
  • 5. 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 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
  • 24. Conclusion GTI-780 / MTI-780 * Source TIME Magazine janvier 2007 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
  • 26. Questions ? GTI-780 / MTI-780 * Source Clipart : http://www.clipart.com Montréal, octobre 2008

×