Diaporama et notes de la formation que j'ai animée (Xavier LAIR), qui a eu lieu le mercredi 20 octobre 2010 au CGA de la Guadeloupe sur le thème "Web 2.0"

1. Xavier LAIR Chargé de Mission TI - FCGA Mercredi 20 octobre 2010 Le Web 2.0 Au service des internautes !

2. Des techniquesde plus en plus complexes… http://www.microsoft.com/surface/ pour …des usagesde plus en plus intuitifs

3. Web 2.0 ?

4. 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. ..»

5. Quid ? Essai de définition Web 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.0 au Web 2.0 Web 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ée Web 1.0 : l'internaute se voyait imposé un parcours figé auquel il devait forcément s'adapter.Il est spectateur !!

7. Web 1.0 …un grand livre… une conception dépassée Webmaster Site web Logiciels hors lignebureautique etc. Internautes

8. Les techniques et les comportements changent S’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.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.

10. Web 2.0 …une gigantesque base de données Webmaster ? Site web Internautes Logiciels en lignebureautique etc.

11. L’internaute prend le pouvoir …

12. Des exemples d’application Publier et partager facilement de l’information -> Blogs… Travailler de façon collaborative sur un projet -> Wiki Travailler 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’internaute au cœur du web Simple journal intime, ou véritable outil de communication la blogosphere prend de l’ampleur , mais au fait pourquoi ? Accessibilité a tous Facilite de gestion Interactivité Intégration de flux RSS Exemple : http://www.canalblog.com

14. 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)

15. Tout se partage ! MON SITEImporter et exporter des contenus Articles, photos, images, vidéos, favoris, documents, applications, … GOOGLE

16. La valse de l’échange

17. Wikipedia : exemple de wiki

18. Les pages personnalisées Surveiller 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 rss Intégration d’applications d’autres sites etc, Ex Netvibes Même fonctionnement mais plus riche en fonctionnalités

19. La lutte pour l’informationest commencée .. © 2010 Fcga.

20. Ateliers, tests etc. Voici le contenu du tableau papier.

23. CTRL + V = Coller

24. Là où il y a un code <> ou embed… … Il y a un copier/collerqui permet d’intégrerfacilement la vidéo dans 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ù 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

26. Les médias ont aussi des flux Rss Vous pouvez aussi être averti, grâce aux flux rss, de la mise à jour de vidéos, de photos, d’audios, etc.

27. Exemple de sites Wikipédia (l’encyclopédie universelle)-> tout le monde peut participer !

28. Delicious(service de Yahoo) Gestion des favoris en ligne – notion de TAGS La première fois, il faut créer un compte, en cliquant sur Joinnow Les fois suivantes, pourse connecter,il faut cliquer sur Sign in

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. flickRde Yahoophotos, diaporamas partagés

32. flickRde Yahoophotos, diaporamas partagés Quelquefois on ajuste un peu le code WIDTH = LARGEUR HEIGHT = HAUTEUR Les mesures son en pixels !(pas en cm)

33. En marge…Deux logiciels de capture d’écran Utipu(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 logiciels de capture d’écran Jing(http://www.techsmith.com/jing/)

35. Dailymotionde nombreuses vidéos et outils

36. Dailymotionde nombreuses vidéos et outils

37. Google AgendaCréer et partager son agenda

38. Google DocumentsCréer et partager ses documents

39. iGooglePages personalisées Pour ajouterdes flux Rssou des gadgets, cliquer sur la droite « Ajouter des Gadgets »

40. iGooglePages personnalisées Des gadgets, flux Rss

41. 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.

42. NetvibesPages personnalisées

43. NetvibesPages personnalisées Pour« 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 »

44. NetvibesPages personnalisées Vous pouvez avoir de nombreux espaces privés et publics

45. NetvibesPages personnalisées Pour publier quelque chose de l’espace privé vers le public, il suffit de cliquer sur partager et de choisir « copier vers votre page »

46. Synthèse Copier/Coller Flux RSS Notion de TAGS(mots clés donnés par l’utilisateur) <> ou embedcodes à coller dans un blog ou site Delicious (gestion des favoris en ligne)