Diaporama et notes de la formation du Mercredi 20 Octobre 2010 au CGA Guadeloupe. Animateur : Xavier LAIR

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

2. Des techniques
de plus en plus complexes…
pour …des usages
de plus en plus intuitifs
http://www.microsoft.com/surface/

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
Logiciels hors ligne
bureautique etc.
Webmaster

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
Logiciels en ligne
bureautique etc.
Webmaster
?

11. L’internaute prend le pouvoir …
Web 1.0 Web 2.0
Leaders du web Entreprises, marchands Internautes
Profil de l'internaute Passif Actif
Interactivité perçue
Sélection et lecture
d'information
Sélection, lecture et
publication de données
Unité de recherche Mot-clé
Tag
(mots clés saisis par
internaute)

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 blogs
L’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 !
GOOGLE
Articles, photos, images,
vidéos, favoris, documents,
applications, …
MON SITE
Importer et exporter
des contenus

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’information
est 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/coller
qui permet d’intégrer
facilement la vidéo
dans un site, blog, etc.
Il n’est pas nécessaire
de comprendre le code !
Vidéos
sur 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/coller
qui permet d’intégrer
facilement
la photo, le diaporama,
dans un site, un blog, etc.
Il n’est pas nécessaire
de comprendre le code !
Photos
sur 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
Join now
Les fois suivantes, pour
se connecter,
il faut cliquer sur
Sign in

29. Delicious
Gestion des favoris en ligne – notion de TAGS
Pourquoi 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.

30. flickR de Yahoo
photos, diaporamas partagés

31. flickR de Yahoo
photos, diaporamas partagés
Quelquefois on ajuste un peu le code
WIDTH = LARGEUR
HEIGHT = HAUTEUR
Les mesures son en pixels !
(pas en cm)

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

33. En marge…
Deux logiciels de capture d’écran
 Jing (http://www.techsmith.com/jing/)

34. Dailymotion
de nombreuses vidéos et outils

35. Dailymotion
de nombreuses vidéos et outils

36. Google Agenda
Créer et partager son agenda

37. Google Documents
Créer et partager ses documents

38. iGoogle
Pages personalisées
Pour ajouter
des flux Rss
ou des gadgets,
cliquer sur la droite
« Ajouter des Gadgets »

39. iGoogle
Pages personnalisées
Des gadgets,
flux Rss

40. En marge…
Autant des sites, autant de comptes…
De plus en plus de
personnes s’identifient avec
un seul compte …
Celui de FaceBook
ou de Twitter qui servent
de clé de passage dans de
nombreux sites.
Cela évite d’avoir trop de
comptes à créer et à retenir.

41. Netvibes
Pages personnalisées

42. Netvibes
Pages personnalisées
Pour
« ajouter du contenu »,
il faut cliquer sur le
bouton vert.
Puis choisissez un module
et faites le glisser
vers le bas.
Si c’est un flux Rss,
copier/coller l’adresse du
flux dans la zone
« ajouter un flux »

43. Netvibes
Pages personnalisées
Vous pouvez avoir
de nombreux
espaces
privés et publics

44. Netvibes
Pages 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 »

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