SlideShare una empresa de Scribd logo
1 de 26
Descargar para leer sin conexión
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




GTI-780 / MTI-780                      ETS - Montréal - 2009
Web 2.0 – Google Maps, l'application « phare »




                               * Lancé le 8 février 2005
GTI-780 / MTI-780                           ETS - Montréal - 2009
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                                             ETS - Montréal - 2009
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                                                                     ETS - Montréal - 2009
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




GTI-780 / MTI-780   * Source Clipart : http://www.clipart.com   ETS - Montréal - 2009
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




GTI-780 / MTI-780   * Source Clipart : http://www.clipart.com   ETS - Montréal - 2009
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!




GTI-780 / MTI-780   * Source Clipart : http://www.clipart.com   ETS - Montréal - 2009
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 »




GTI-780 / MTI-780   * Source Clipart : http://www.clipart.com   ETS - Montréal - 2009
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




GTI-780 / MTI-780   * Source Clipart : http://www.clipart.com   ETS - Montréal - 2009
É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)


GTI-780 / MTI-780                                ETS - Montréal - 2009
Web 2.0 – Aspects économiques




GTI-780 / MTI-780   * Source Clipart : http://www.clipart.com   ETS - Montréal - 2009
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                                                                 ETS - Montréal - 2009
Web 2.0 - Avantages & inconvénients




GTI-780 / MTI-780   * Source Clipart : http://www.clipart.com   ETS - Montréal - 2009
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
GTI-780 / MTI-780                                      ETS - Montréal - 2009
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

GTI-780 / MTI-780                                   ETS - Montréal - 2009
Questions




                                   ?

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

Más contenido relacionado

La actualidad más candente

La actualidad más candente (9)

Web 2.0 : une introduction
Web 2.0 : une introductionWeb 2.0 : une introduction
Web 2.0 : une introduction
 
Introduction aux outils du Web 2.0
Introduction aux outils du Web 2.0 Introduction aux outils du Web 2.0
Introduction aux outils du Web 2.0
 
Web2.0 pour les nuls
Web2.0 pour les nulsWeb2.0 pour les nuls
Web2.0 pour les nuls
 
Web 2.O
Web 2.OWeb 2.O
Web 2.O
 
New blogs wikis_2009_v_2011
New blogs wikis_2009_v_2011New blogs wikis_2009_v_2011
New blogs wikis_2009_v_2011
 
Formation Web 2.0
Formation Web 2.0Formation Web 2.0
Formation Web 2.0
 
Conférence Foire Internationale de Madagascar (FIM)
Conférence Foire Internationale de Madagascar (FIM)Conférence Foire Internationale de Madagascar (FIM)
Conférence Foire Internationale de Madagascar (FIM)
 
Découverte des outils Web 2.0
Découverte des outils Web 2.0Découverte des outils Web 2.0
Découverte des outils Web 2.0
 
Outils Web 2.0 pour l'enseignement
Outils Web 2.0 pour l'enseignementOutils Web 2.0 pour l'enseignement
Outils Web 2.0 pour l'enseignement
 

Similar a Web 2.0 GTI780 & MTI780 ETS A09

Tendances Futures du Web - GTI780 & MTI780 - ETS - A09
Tendances Futures du Web - GTI780 & MTI780 - ETS - A09Tendances Futures du Web - GTI780 & MTI780 - ETS - A09
Tendances Futures du Web - GTI780 & MTI780 - ETS - A09Claude Coulombe
 
Tendances Futures du Web - GTI780 & MTI780 - ETS - A08
Tendances Futures du Web - GTI780 & MTI780 - ETS - A08Tendances Futures du Web - GTI780 & MTI780 - ETS - A08
Tendances Futures du Web - GTI780 & MTI780 - ETS - A08Claude Coulombe
 
Web 2.0 - CGA Guadeloupe
Web 2.0 - CGA GuadeloupeWeb 2.0 - CGA Guadeloupe
Web 2.0 - CGA GuadeloupeXavier LAIR
 
Web 2.0 : Quelles applications ?
Web 2.0 : Quelles applications ?Web 2.0 : Quelles applications ?
Web 2.0 : Quelles applications ?Jean-François Ruiz
 
DevoxxFR Présentation des portails en 2014
DevoxxFR Présentation des portails en 2014DevoxxFR Présentation des portails en 2014
DevoxxFR Présentation des portails en 2014Stéphane Liétard
 
Normes avancées du Web - GTI780 & MTI780 - ETS - A08
Normes avancées du Web  - GTI780 & MTI780 - ETS - A08Normes avancées du Web  - GTI780 & MTI780 - ETS - A08
Normes avancées du Web - GTI780 & MTI780 - ETS - A08Claude Coulombe
 
Web 2.0 & Génie Logiciel - GTI780 & MTI780 - ETS - A09
Web 2.0 & Génie Logiciel  - GTI780 & MTI780 - ETS - A09Web 2.0 & Génie Logiciel  - GTI780 & MTI780 - ETS - A09
Web 2.0 & Génie Logiciel - GTI780 & MTI780 - ETS - A09Claude Coulombe
 
2.0 Mode d'emploi Technologies
2.0 Mode d'emploi Technologies2.0 Mode d'emploi Technologies
2.0 Mode d'emploi TechnologiesGiroud Marie
 
HTML5, le web de demain - BNSA
HTML5, le web de demain - BNSAHTML5, le web de demain - BNSA
HTML5, le web de demain - BNSABNSA - Aquitaine
 
Cours technologie web débutant CREA Digital 2 - 10/2013
Cours technologie web débutant CREA Digital 2 - 10/2013Cours technologie web débutant CREA Digital 2 - 10/2013
Cours technologie web débutant CREA Digital 2 - 10/2013Pierre Ammeloot
 
L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8davrous
 
Sun & Web 2.0 French V5
Sun & Web 2.0 French V5Sun & Web 2.0 French V5
Sun & Web 2.0 French V5Manuel Jaffrin
 
GWT Approfondissement - GTI780 & MTI780 - ETS - A09
GWT Approfondissement  - GTI780 & MTI780 - ETS - A09GWT Approfondissement  - GTI780 & MTI780 - ETS - A09
GWT Approfondissement - GTI780 & MTI780 - ETS - A09Claude Coulombe
 
Les Nouveaux Standards et leur implémentation dans les navigateurs modernes
Les Nouveaux Standards et leur implémentation dans les navigateurs modernesLes Nouveaux Standards et leur implémentation dans les navigateurs modernes
Les Nouveaux Standards et leur implémentation dans les navigateurs modernesTristan Nitot
 
Arte utilise Acquia Cloud pour héberger ses plateformes web
Arte utilise Acquia Cloud pour héberger ses plateformes webArte utilise Acquia Cloud pour héberger ses plateformes web
Arte utilise Acquia Cloud pour héberger ses plateformes webAcquia
 

Similar a Web 2.0 GTI780 & MTI780 ETS A09 (20)

Tendances Futures du Web - GTI780 & MTI780 - ETS - A09
Tendances Futures du Web - GTI780 & MTI780 - ETS - A09Tendances Futures du Web - GTI780 & MTI780 - ETS - A09
Tendances Futures du Web - GTI780 & MTI780 - ETS - A09
 
Tendances Futures du Web - GTI780 & MTI780 - ETS - A08
Tendances Futures du Web - GTI780 & MTI780 - ETS - A08Tendances Futures du Web - GTI780 & MTI780 - ETS - A08
Tendances Futures du Web - GTI780 & MTI780 - ETS - A08
 
Web 2.0 - CGA Guadeloupe
Web 2.0 - CGA GuadeloupeWeb 2.0 - CGA Guadeloupe
Web 2.0 - CGA Guadeloupe
 
Web 2.0 : Quelles applications ?
Web 2.0 : Quelles applications ?Web 2.0 : Quelles applications ?
Web 2.0 : Quelles applications ?
 
DevoxxFR Présentation des portails en 2014
DevoxxFR Présentation des portails en 2014DevoxxFR Présentation des portails en 2014
DevoxxFR Présentation des portails en 2014
 
Normes avancées du Web - GTI780 & MTI780 - ETS - A08
Normes avancées du Web  - GTI780 & MTI780 - ETS - A08Normes avancées du Web  - GTI780 & MTI780 - ETS - A08
Normes avancées du Web - GTI780 & MTI780 - ETS - A08
 
Web 2.0 & Génie Logiciel - GTI780 & MTI780 - ETS - A09
Web 2.0 & Génie Logiciel  - GTI780 & MTI780 - ETS - A09Web 2.0 & Génie Logiciel  - GTI780 & MTI780 - ETS - A09
Web 2.0 & Génie Logiciel - GTI780 & MTI780 - ETS - A09
 
Le WEB 2.0 en bibliothèque
Le WEB 2.0 en bibliothèqueLe WEB 2.0 en bibliothèque
Le WEB 2.0 en bibliothèque
 
CM_Web.pdf
CM_Web.pdfCM_Web.pdf
CM_Web.pdf
 
2.0 Mode d'emploi Technologies
2.0 Mode d'emploi Technologies2.0 Mode d'emploi Technologies
2.0 Mode d'emploi Technologies
 
HTML5, le web de demain - BNSA
HTML5, le web de demain - BNSAHTML5, le web de demain - BNSA
HTML5, le web de demain - BNSA
 
Cours technologie web débutant CREA Digital 2 - 10/2013
Cours technologie web débutant CREA Digital 2 - 10/2013Cours technologie web débutant CREA Digital 2 - 10/2013
Cours technologie web débutant CREA Digital 2 - 10/2013
 
Transition de l'AWT vers  IPv6
Transition de l'AWT vers  IPv6Transition de l'AWT vers  IPv6
Transition de l'AWT vers  IPv6
 
Web 2.0 : Blogs, RSS & Wikis
Web 2.0 : Blogs, RSS & WikisWeb 2.0 : Blogs, RSS & Wikis
Web 2.0 : Blogs, RSS & Wikis
 
L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8
 
Sun & Web 2.0 French V5
Sun & Web 2.0 French V5Sun & Web 2.0 French V5
Sun & Web 2.0 French V5
 
GWT Approfondissement - GTI780 & MTI780 - ETS - A09
GWT Approfondissement  - GTI780 & MTI780 - ETS - A09GWT Approfondissement  - GTI780 & MTI780 - ETS - A09
GWT Approfondissement - GTI780 & MTI780 - ETS - A09
 
Exakis Day
Exakis DayExakis Day
Exakis Day
 
Les Nouveaux Standards et leur implémentation dans les navigateurs modernes
Les Nouveaux Standards et leur implémentation dans les navigateurs modernesLes Nouveaux Standards et leur implémentation dans les navigateurs modernes
Les Nouveaux Standards et leur implémentation dans les navigateurs modernes
 
Arte utilise Acquia Cloud pour héberger ses plateformes web
Arte utilise Acquia Cloud pour héberger ses plateformes webArte utilise Acquia Cloud pour héberger ses plateformes web
Arte utilise Acquia Cloud pour héberger ses plateformes web
 

Más de Claude Coulombe

Plates formes CLOM - importance des normes ouvertes et du logiciel libre
Plates formes CLOM - importance des normes ouvertes et du logiciel librePlates formes CLOM - importance des normes ouvertes et du logiciel libre
Plates formes CLOM - importance des normes ouvertes et du logiciel libreClaude Coulombe
 
Augmenter la persévérance dans les CLOM / MOOC? Possible!
Augmenter la persévérance dans les CLOM / MOOC? Possible!Augmenter la persévérance dans les CLOM / MOOC? Possible!
Augmenter la persévérance dans les CLOM / MOOC? Possible!Claude Coulombe
 
Séminaire polytechnique 12nov15
Séminaire polytechnique 12nov15Séminaire polytechnique 12nov15
Séminaire polytechnique 12nov15Claude Coulombe
 
Clom portfolios - ACFAS 2013
Clom portfolios - ACFAS 2013Clom portfolios - ACFAS 2013
Clom portfolios - ACFAS 2013Claude Coulombe
 
De nouvelles plateformes technologiques pour les CLOM
De nouvelles plateformes technologiques pour les CLOMDe nouvelles plateformes technologiques pour les CLOM
De nouvelles plateformes technologiques pour les CLOMClaude Coulombe
 
Infonuagique retour d'expérience
 Infonuagique   retour d'expérience Infonuagique   retour d'expérience
Infonuagique retour d'expérienceClaude Coulombe
 
De nouvelles plateformes technologiques pour les CLOM / MOOCs
De nouvelles plateformes technologiques pour les CLOM / MOOCsDe nouvelles plateformes technologiques pour les CLOM / MOOCs
De nouvelles plateformes technologiques pour les CLOM / MOOCsClaude Coulombe
 
GWT, quoi de neuf? Présentation au GDG/GTUG Montréal - 26 juin 2013
GWT, quoi de neuf?  Présentation au GDG/GTUG Montréal - 26 juin 2013GWT, quoi de neuf?  Présentation au GDG/GTUG Montréal - 26 juin 2013
GWT, quoi de neuf? Présentation au GDG/GTUG Montréal - 26 juin 2013Claude Coulombe
 
L'infonuagique éducative – Promesses et Défis! - Colloque tice 04mai2012
L'infonuagique éducative – Promesses et Défis! - Colloque tice 04mai2012L'infonuagique éducative – Promesses et Défis! - Colloque tice 04mai2012
L'infonuagique éducative – Promesses et Défis! - Colloque tice 04mai2012Claude Coulombe
 
Présentation GWT au JUG Montréal 14 avril 2011
Présentation GWT au JUG Montréal 14 avril 2011Présentation GWT au JUG Montréal 14 avril 2011
Présentation GWT au JUG Montréal 14 avril 2011Claude Coulombe
 
Normes avancées du Web - GTI780 & MTI780 - ETS - A09
Normes avancées du Web  - GTI780 & MTI780 - ETS - A09Normes avancées du Web  - GTI780 & MTI780 - ETS - A09
Normes avancées du Web - GTI780 & MTI780 - ETS - A09Claude Coulombe
 
Introduction à GWT - GTI780 & MTI780 - ETS - A09
Introduction à GWT - GTI780 & MTI780 - ETS - A09Introduction à GWT - GTI780 & MTI780 - ETS - A09
Introduction à GWT - GTI780 & MTI780 - ETS - A09Claude Coulombe
 
Ajax en Java - GTI780 & MTI780 - ETS - A09
Ajax en Java - GTI780 & MTI780 - ETS - A09Ajax en Java - GTI780 & MTI780 - ETS - A09
Ajax en Java - GTI780 & MTI780 - ETS - A09Claude Coulombe
 
jQuery GTI780 & MTI780 ETS A09
jQuery   GTI780 & MTI780   ETS   A09jQuery   GTI780 & MTI780   ETS   A09
jQuery GTI780 & MTI780 ETS A09Claude Coulombe
 
Normes de base du Web GTI780 & MTI780 ETS A09
Normes de base du Web  GTI780 & MTI780  ETS   A09Normes de base du Web  GTI780 & MTI780  ETS   A09
Normes de base du Web GTI780 & MTI780 ETS A09Claude Coulombe
 
Ajax GTI780 & MTI780 ETS A09
Ajax  GTI780 & MTI780  ETS  A09Ajax  GTI780 & MTI780  ETS  A09
Ajax GTI780 & MTI780 ETS A09Claude Coulombe
 
Mcetech 2009 - Open Social
Mcetech 2009 - Open SocialMcetech 2009 - Open Social
Mcetech 2009 - Open SocialClaude Coulombe
 
Ajax en Java - GTI780 & MTI780 - ETS - A08
Ajax en Java - GTI780 & MTI780 - ETS - A08Ajax en Java - GTI780 & MTI780 - ETS - A08
Ajax en Java - GTI780 & MTI780 - ETS - A08Claude Coulombe
 
Ajax - GTI780 & MTI780 - ETS - A08
Ajax - GTI780 & MTI780 - ETS - A08Ajax - GTI780 & MTI780 - ETS - A08
Ajax - GTI780 & MTI780 - ETS - A08Claude Coulombe
 

Más de Claude Coulombe (20)

Plates formes CLOM - importance des normes ouvertes et du logiciel libre
Plates formes CLOM - importance des normes ouvertes et du logiciel librePlates formes CLOM - importance des normes ouvertes et du logiciel libre
Plates formes CLOM - importance des normes ouvertes et du logiciel libre
 
Augmenter la persévérance dans les CLOM / MOOC? Possible!
Augmenter la persévérance dans les CLOM / MOOC? Possible!Augmenter la persévérance dans les CLOM / MOOC? Possible!
Augmenter la persévérance dans les CLOM / MOOC? Possible!
 
Séminaire polytechnique 12nov15
Séminaire polytechnique 12nov15Séminaire polytechnique 12nov15
Séminaire polytechnique 12nov15
 
Clom portfolios - ACFAS 2013
Clom portfolios - ACFAS 2013Clom portfolios - ACFAS 2013
Clom portfolios - ACFAS 2013
 
De nouvelles plateformes technologiques pour les CLOM
De nouvelles plateformes technologiques pour les CLOMDe nouvelles plateformes technologiques pour les CLOM
De nouvelles plateformes technologiques pour les CLOM
 
Infonuagique retour d'expérience
 Infonuagique   retour d'expérience Infonuagique   retour d'expérience
Infonuagique retour d'expérience
 
De nouvelles plateformes technologiques pour les CLOM / MOOCs
De nouvelles plateformes technologiques pour les CLOM / MOOCsDe nouvelles plateformes technologiques pour les CLOM / MOOCs
De nouvelles plateformes technologiques pour les CLOM / MOOCs
 
GWT, quoi de neuf? Présentation au GDG/GTUG Montréal - 26 juin 2013
GWT, quoi de neuf?  Présentation au GDG/GTUG Montréal - 26 juin 2013GWT, quoi de neuf?  Présentation au GDG/GTUG Montréal - 26 juin 2013
GWT, quoi de neuf? Présentation au GDG/GTUG Montréal - 26 juin 2013
 
L'infonuagique éducative – Promesses et Défis! - Colloque tice 04mai2012
L'infonuagique éducative – Promesses et Défis! - Colloque tice 04mai2012L'infonuagique éducative – Promesses et Défis! - Colloque tice 04mai2012
L'infonuagique éducative – Promesses et Défis! - Colloque tice 04mai2012
 
Présentation GWT au JUG Montréal 14 avril 2011
Présentation GWT au JUG Montréal 14 avril 2011Présentation GWT au JUG Montréal 14 avril 2011
Présentation GWT au JUG Montréal 14 avril 2011
 
Gwt intro-101
Gwt intro-101Gwt intro-101
Gwt intro-101
 
Normes avancées du Web - GTI780 & MTI780 - ETS - A09
Normes avancées du Web  - GTI780 & MTI780 - ETS - A09Normes avancées du Web  - GTI780 & MTI780 - ETS - A09
Normes avancées du Web - GTI780 & MTI780 - ETS - A09
 
Introduction à GWT - GTI780 & MTI780 - ETS - A09
Introduction à GWT - GTI780 & MTI780 - ETS - A09Introduction à GWT - GTI780 & MTI780 - ETS - A09
Introduction à GWT - GTI780 & MTI780 - ETS - A09
 
Ajax en Java - GTI780 & MTI780 - ETS - A09
Ajax en Java - GTI780 & MTI780 - ETS - A09Ajax en Java - GTI780 & MTI780 - ETS - A09
Ajax en Java - GTI780 & MTI780 - ETS - A09
 
jQuery GTI780 & MTI780 ETS A09
jQuery   GTI780 & MTI780   ETS   A09jQuery   GTI780 & MTI780   ETS   A09
jQuery GTI780 & MTI780 ETS A09
 
Normes de base du Web GTI780 & MTI780 ETS A09
Normes de base du Web  GTI780 & MTI780  ETS   A09Normes de base du Web  GTI780 & MTI780  ETS   A09
Normes de base du Web GTI780 & MTI780 ETS A09
 
Ajax GTI780 & MTI780 ETS A09
Ajax  GTI780 & MTI780  ETS  A09Ajax  GTI780 & MTI780  ETS  A09
Ajax GTI780 & MTI780 ETS A09
 
Mcetech 2009 - Open Social
Mcetech 2009 - Open SocialMcetech 2009 - Open Social
Mcetech 2009 - Open Social
 
Ajax en Java - GTI780 & MTI780 - ETS - A08
Ajax en Java - GTI780 & MTI780 - ETS - A08Ajax en Java - GTI780 & MTI780 - ETS - A08
Ajax en Java - GTI780 & MTI780 - ETS - A08
 
Ajax - GTI780 & MTI780 - ETS - A08
Ajax - GTI780 & MTI780 - ETS - A08Ajax - GTI780 & MTI780 - ETS - A08
Ajax - GTI780 & MTI780 - ETS - A08
 

Web 2.0 GTI780 & MTI780 ETS A09

  • 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 ETS - Montréal - 2009
  • 2. Web 2.0 - Origine GTI-780 / MTI-780 * Source: Markus Angermeier http://kosmar.de/wp-content/web20map.png ETS - Montréal - 2009
  • 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 ETS - Montréal - 2009
  • 4. Web 2.0 – Google Maps, l'application « phare » * Lancé le 8 février 2005 GTI-780 / MTI-780 ETS - Montréal - 2009
  • 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 ETS - Montréal - 2009
  • 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 ETS - Montréal - 2009
  • 7. Comprendre le Web 2.0 Web 2.0 GTI-780 / MTI-780 * Source Clipart : http://www.clipart.com ETS - Montréal - 2009
  • 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. ETS - Montréal - 2009
  • 9. Web 2.0 – Patrons d'applications GTI-780 / MTI-780 * Source Clipart : http://www.clipart.com ETS - Montréal - 2009
  • 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 ETS - Montréal - 2009
  • 11. Web 2.0 – Composantes d'applications GTI-780 / MTI-780 * Source Clipart : http://www.clipart.com ETS - Montréal - 2009
  • 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 ETS - Montréal - 2009
  • 13. Web 2.0 – Nouveaux designs, vieilles technos! GTI-780 / MTI-780 * Source Clipart : http://www.clipart.com ETS - Montréal - 2009
  • 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 » ETS - Montréal - 2009
  • 15. Web 2.0 – « L'expérience-utilisateur » GTI-780 / MTI-780 * Source Clipart : http://www.clipart.com ETS - Montréal - 2009
  • 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 (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
  • 17. Évolution des interfaces utilisateurs GTI-780 / MTI-780 * Source Clipart : http://www.clipart.com ETS - Montréal - 2009
  • 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 "submit" (1994-2004)  Web 2.0 – AJAX, RIA (2005-aujourd'hui) GTI-780 / MTI-780 ETS - Montréal - 2009
  • 19. Web 2.0 – Aspects économiques GTI-780 / MTI-780 * Source Clipart : http://www.clipart.com ETS - Montréal - 2009
  • 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 ETS - Montréal - 2009
  • 21. Web 2.0 - Avantages & inconvénients GTI-780 / MTI-780 * Source Clipart : http://www.clipart.com ETS - Montréal - 2009
  • 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 ETS - Montréal - 2009
  • 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 ETS - Montréal - 2009
  • 24. Conclusion GTI-780 / MTI-780 * Source TIME Magazine janvier 2007 ETS - Montréal - 2009
  • 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 ETS - Montréal - 2009
  • 26. Questions ? GTI-780 / MTI-780 * Source Clipart : http://www.clipart.com ETS - Montréal - 2009