Xavier LAIRChargé de Mission TI - FCGAMercredi 20 octobre 2010Le Web 2.0Au service des internautes !
Des techniquesde plus en plus complexes…http://www.microsoft.com/surface/pour …des usagesde plus en plus intuitifs
Web 2.0 ?
Web 2.0 ?«Le nombre d'internautes augmente fortement, de nouveaux outils et comportements émergent. Certains parlent du Web 2.0 comme d’une vraie révolution au service de la productivité et de l'appropriation par tous de techniques autrefois réservées à des informaticiens. Récupérer du contenu, publier vos informations, les partager, n'a jamais été aussi simple. Venez en faire l'expérience. ..»
Quid ? Essai de définitionWeb 1.0 : l'internaute se voyait imposé un parcours figé auquel il devait forcément s'adapter (exe : écran, télé, écouteur, ...)Web 2.0 : l'internaute est placé au centre d'un monde figé mais paramétrable.(exe : table numérique, télé perso,  mobile, …)Web 3.0 : le monde tourne automatiquement et se construit en permanence autour de l'internaute, son profil, son cheminement et ses désirs !(A inventer…)
Du Web 1.0 au Web 2.0Web 1.0  : Conçu comme un grand livre composé de pages reliées entre elles par des liens hypertextes, le web 1.0 s'est contenté de reproduire les modèles connus de l'édition papier. Une conception aujourd'hui dépasséeWeb 1.0 : l'internaute se voyait imposé un parcours figé auquel il devait forcément s'adapter.Il est spectateur !!
Web 1.0 …un grand livre… une conception dépasséeWebmasterSite webLogiciels hors lignebureautique etc.Internautes
Les techniques et les comportements changentS’appuyant sur des technologies matures, le web se restructure en un gigantesque réseau de bases de données et de services exposés grâce à des techniques (flux RSS, Atom et autres API XML) . Une plate-forme de développement planétaire dont les internautes s'emparent.    On est dans des structures d’échange, on identifie dans chaque site ce qui est le plus important (les objets xml et non les pages html)
Du Web 1.0 au Web 2.0 Les progrès technologiques de ces dernières années ne sont pas les seules ferments de cette évolution. Les internautes ont changé. Plus nombreux, connectés en haut débit, ils s'impliquent de plus en plus dans la création de «leur» réseau: ils ne se contentent plus de lire, mais publient aussi des données.On passe d’une collection de sites web à une plateforme informatique à part entière, fournissant des contenus à intégrer et des applications web aux utilisateurs.Web 2.0 : l'internaute est placé au centre d'un monde figé mais qu’il peut paramétrer.
Web 2.0 …une gigantesque base de données Webmaster?Site webInternautesLogiciels en lignebureautique etc.
L’internaute prend le pouvoir …  
Des exemples d’applicationPublier et partager facilement de l’information -> Blogs…Travailler de façon collaborative sur un projet -> WikiTravailler avec des logiciels en ligne en intégrant des contenus sur un site -> google, flickr, etc.Surveiller et récupérer l’information publiée (veille technologique, intelligence économique) -> lecteur de flux rss- > netvibes, …
1) Les blogsL’internaute au cœur du webSimple journal intime, ou véritable outil de communication la blogosphere prend de l’ampleur , mais au fait pourquoi ?Accessibilité a tous Facilite de gestionInteractivitéIntégration de flux RSSExemple : http://www.canalblog.com
Le RSS…Qu’est-ce que le RSS ?RSS est un format dit de “syndication de contenu Internet”. La syndication permet d’établir des échanges d’informations (textes, liens, images) entre sites internet, qui sont automatiquement mis à jour. Ce dispositif permet notamment d’afficher sur un site des informations issues d’un autre site tout en conservant sa propre mise en page et sa propre charte graphique (on parle de publication en marque blanche)
Tout se partage !MON SITEImporter et exporter des contenusArticles, photos, images, vidéos, favoris, documents, applications, …GOOGLE
La valse de l’échange
Wikipedia : exemple de wiki
Les pages personnaliséesSurveiller et récupérer l’information publiée (veille technologique, intelligence économique) Travailler avec des logiciels en ligne en intégrant des contenus sur un site  …Ex : Google  (igoogle)Lecteur de flux rssIntégration d’applications d’autres  sites etc,Ex NetvibesMême fonctionnement mais plus riche en fonctionnalités
La lutte pour l’informationest commencée ..© 2010 Fcga.   
Ateliers, tests etc.Voici le contenu du tableau papier.
CTRL + V = Coller
Là où il y a un code <> ou embed…… Il y a un copier/collerqui permet d’intégrerfacilement la vidéodans un site, blog, etc.Il n’est pas nécessairede comprendre le code !Vidéossur dailymotion, youtube, viméo, watt, etc.CTRL + C puis CTRL + V
Là où il y a un code <> ou embed…… Il y a un copier/collerqui permet d’intégrerfacilementla photo, le diaporama,dans un site, un blog, etc.Il n’est pas nécessairede comprendre le code !Photossur Flickr, Picasa, etc.CTRL + C puis CTRL + V
Les médias ont aussi des flux RssVous pouvez aussi être averti, grâce aux flux rss, de la mise à jour de vidéos, de photos, d’audios, etc.
Exemple de sitesWikipédia (l’encyclopédie universelle)-> tout le monde peut participer !
Delicious(service de Yahoo)Gestion des favoris en ligne – notion de TAGSLa première fois, il faut créer un compte, en cliquant sur JoinnowLes fois suivantes, pourse connecter,il faut cliquer surSign in
DeliciousGestion des favoris en ligne – notion de TAGSPourquoi utiliser Delicious ?Les favoris sont en ligne, donc sauvegardés …
Les favoris peuvent être multi-classables (notion de tags)On peut classer un favori dans social et fiscal à la fois.	Exemple  pour le compte xlair.	http://www.delicious.com/fiscal  ou http://www.delicious.com/fiscal- On peut les partager avec d’autres personnes etc.
flickRde Yahoophotos, diaporamas partagés
flickRde Yahoophotos, diaporamas partagésQuelquefois on ajuste un peu le codeWIDTH = LARGEURHEIGHT = HAUTEURLes mesures son en pixels !(pas en cm)
En marge…Deux logiciels de capture d’écranUtipu(http://www.utipu.com/tipcam-download/)Très bon logiciel mais le site en ligne a été fermé aux européens.Cependant, le logiciel fonctionne en local sur l’ordinateur. Vous pouvez le télécharger. Il faut un micro-casque.
En marge…Deux logiciels de capture d’écranJing(http://www.techsmith.com/jing/)
Dailymotionde nombreuses vidéos et outils
Dailymotionde nombreuses vidéos et outils
Google AgendaCréer et partager son agenda
Google DocumentsCréer et partager ses documents
iGooglePages personaliséesPour ajouterdes flux Rssou des gadgets, cliquer sur la droite  « Ajouter des Gadgets »
iGooglePages personnaliséesDes gadgets, flux Rss
En marge…Autant des sites, autant de comptes…De plus en plus de personnes s’identifient avec un seul compte …Celui deFaceBookou de Twitterqui servent de clé de passage dans de nombreux sites.Cela évite d’avoir trop de comptes à créer et à retenir.
NetvibesPages personnalisées
NetvibesPages personnaliséesPour« ajouter du contenu »,il faut cliquer sur lebouton vert.Puis choisissez un module et faites le glisservers le bas.Si c’est un flux Rss, copier/coller l’adresse du flux dans la zone « ajouter un flux »
NetvibesPages personnaliséesVous pouvez avoir de nombreux espacesprivés et publics
NetvibesPages personnaliséesPour publier quelque chose de l’espace privé vers le public, il suffit de cliquer sur partager et de  choisir « copier vers votre page »

Web 2.0 - CGA Guadeloupe

  • 1.
    Xavier LAIRChargé deMission TI - FCGAMercredi 20 octobre 2010Le Web 2.0Au service des internautes !
  • 2.
    Des techniquesde plusen plus complexes…http://www.microsoft.com/surface/pour …des usagesde plus en plus intuitifs
  • 3.
  • 4.
    Web 2.0 ?«Lenombre d'internautes augmente fortement, de nouveaux outils et comportements émergent. Certains parlent du Web 2.0 comme d’une vraie révolution au service de la productivité et de l'appropriation par tous de techniques autrefois réservées à des informaticiens. Récupérer du contenu, publier vos informations, les partager, n'a jamais été aussi simple. Venez en faire l'expérience. ..»
  • 5.
    Quid ? Essaide définitionWeb 1.0 : l'internaute se voyait imposé un parcours figé auquel il devait forcément s'adapter (exe : écran, télé, écouteur, ...)Web 2.0 : l'internaute est placé au centre d'un monde figé mais paramétrable.(exe : table numérique, télé perso, mobile, …)Web 3.0 : le monde tourne automatiquement et se construit en permanence autour de l'internaute, son profil, son cheminement et ses désirs !(A inventer…)
  • 6.
    Du Web 1.0au Web 2.0Web 1.0 : Conçu comme un grand livre composé de pages reliées entre elles par des liens hypertextes, le web 1.0 s'est contenté de reproduire les modèles connus de l'édition papier. Une conception aujourd'hui dépasséeWeb 1.0 : l'internaute se voyait imposé un parcours figé auquel il devait forcément s'adapter.Il est spectateur !!
  • 7.
    Web 1.0 …ungrand livre… une conception dépasséeWebmasterSite webLogiciels hors lignebureautique etc.Internautes
  • 8.
    Les techniques etles comportements changentS’appuyant sur des technologies matures, le web se restructure en un gigantesque réseau de bases de données et de services exposés grâce à des techniques (flux RSS, Atom et autres API XML) . Une plate-forme de développement planétaire dont les internautes s'emparent. On est dans des structures d’échange, on identifie dans chaque site ce qui est le plus important (les objets xml et non les pages html)
  • 9.
    Du Web 1.0au Web 2.0 Les progrès technologiques de ces dernières années ne sont pas les seules ferments de cette évolution. Les internautes ont changé. Plus nombreux, connectés en haut débit, ils s'impliquent de plus en plus dans la création de «leur» réseau: ils ne se contentent plus de lire, mais publient aussi des données.On passe d’une collection de sites web à une plateforme informatique à part entière, fournissant des contenus à intégrer et des applications web aux utilisateurs.Web 2.0 : l'internaute est placé au centre d'un monde figé mais qu’il peut paramétrer.
  • 10.
    Web 2.0 …unegigantesque base de données Webmaster?Site webInternautesLogiciels en lignebureautique etc.
  • 11.
  • 12.
    Des exemples d’applicationPublieret partager facilement de l’information -> Blogs…Travailler de façon collaborative sur un projet -> WikiTravailler avec des logiciels en ligne en intégrant des contenus sur un site -> google, flickr, etc.Surveiller et récupérer l’information publiée (veille technologique, intelligence économique) -> lecteur de flux rss- > netvibes, …
  • 13.
    1) Les blogsL’internauteau cœur du webSimple journal intime, ou véritable outil de communication la blogosphere prend de l’ampleur , mais au fait pourquoi ?Accessibilité a tous Facilite de gestionInteractivitéIntégration de flux RSSExemple : http://www.canalblog.com
  • 14.
    Le RSS…Qu’est-ce quele RSS ?RSS est un format dit de “syndication de contenu Internet”. La syndication permet d’établir des échanges d’informations (textes, liens, images) entre sites internet, qui sont automatiquement mis à jour. Ce dispositif permet notamment d’afficher sur un site des informations issues d’un autre site tout en conservant sa propre mise en page et sa propre charte graphique (on parle de publication en marque blanche)
  • 15.
    Tout se partage!MON SITEImporter et exporter des contenusArticles, photos, images, vidéos, favoris, documents, applications, …GOOGLE
  • 16.
    La valse del’échange
  • 17.
  • 18.
    Les pages personnaliséesSurveilleret récupérer l’information publiée (veille technologique, intelligence économique) Travailler avec des logiciels en ligne en intégrant des contenus sur un site …Ex : Google (igoogle)Lecteur de flux rssIntégration d’applications d’autres sites etc,Ex NetvibesMême fonctionnement mais plus riche en fonctionnalités
  • 19.
    La lutte pourl’informationest commencée ..© 2010 Fcga.   
  • 20.
    Ateliers, tests etc.Voicile contenu du tableau papier.
  • 23.
    CTRL + V= Coller
  • 24.
    Là où ily a un code <> ou embed…… Il y a un copier/collerqui permet d’intégrerfacilement la vidéodans un site, blog, etc.Il n’est pas nécessairede comprendre le code !Vidéossur dailymotion, youtube, viméo, watt, etc.CTRL + C puis CTRL + V
  • 25.
    Là où ily a un code <> ou embed…… Il y a un copier/collerqui permet d’intégrerfacilementla photo, le diaporama,dans un site, un blog, etc.Il n’est pas nécessairede comprendre le code !Photossur Flickr, Picasa, etc.CTRL + C puis CTRL + V
  • 26.
    Les médias ontaussi des flux RssVous pouvez aussi être averti, grâce aux flux rss, de la mise à jour de vidéos, de photos, d’audios, etc.
  • 27.
    Exemple de sitesWikipédia(l’encyclopédie universelle)-> tout le monde peut participer !
  • 28.
    Delicious(service de Yahoo)Gestiondes favoris en ligne – notion de TAGSLa première fois, il faut créer un compte, en cliquant sur JoinnowLes fois suivantes, pourse connecter,il faut cliquer surSign in
  • 29.
    DeliciousGestion des favorisen ligne – notion de TAGSPourquoi utiliser Delicious ?Les favoris sont en ligne, donc sauvegardés …
  • 30.
    Les favoris peuventêtre multi-classables (notion de tags)On peut classer un favori dans social et fiscal à la fois. Exemple pour le compte xlair. http://www.delicious.com/fiscal ou http://www.delicious.com/fiscal- On peut les partager avec d’autres personnes etc.
  • 31.
  • 32.
    flickRde Yahoophotos, diaporamaspartagésQuelquefois on ajuste un peu le codeWIDTH = LARGEURHEIGHT = HAUTEURLes mesures son en pixels !(pas en cm)
  • 33.
    En marge…Deux logicielsde capture d’écranUtipu(http://www.utipu.com/tipcam-download/)Très bon logiciel mais le site en ligne a été fermé aux européens.Cependant, le logiciel fonctionne en local sur l’ordinateur. Vous pouvez le télécharger. Il faut un micro-casque.
  • 34.
    En marge…Deux logicielsde capture d’écranJing(http://www.techsmith.com/jing/)
  • 35.
  • 36.
  • 37.
    Google AgendaCréer etpartager son agenda
  • 38.
    Google DocumentsCréer etpartager ses documents
  • 39.
    iGooglePages personaliséesPour ajouterdesflux Rssou des gadgets, cliquer sur la droite « Ajouter des Gadgets »
  • 40.
  • 41.
    En marge…Autant dessites, autant de comptes…De plus en plus de personnes s’identifient avec un seul compte …Celui deFaceBookou de Twitterqui servent de clé de passage dans de nombreux sites.Cela évite d’avoir trop de comptes à créer et à retenir.
  • 42.
  • 43.
    NetvibesPages personnaliséesPour« ajouter ducontenu »,il faut cliquer sur lebouton vert.Puis choisissez un module et faites le glisservers le bas.Si c’est un flux Rss, copier/coller l’adresse du flux dans la zone « ajouter un flux »
  • 44.
    NetvibesPages personnaliséesVous pouvezavoir de nombreux espacesprivés et publics
  • 45.
    NetvibesPages personnaliséesPour publierquelque chose de l’espace privé vers le public, il suffit de cliquer sur partager et de choisir « copier vers votre page »
  • 46.
    SynthèseCopier/CollerFlux RSSNotion deTAGS(mots clés donnés par l’utilisateur)<> ou embedcodes à coller dans un blog ou siteDelicious (gestion des favoris en ligne)