Le Web 2.0
Au service des internautes !
Xavier LAIR
Chargé de Mission TI - FCGA
Des techniques
de plus en plus complexes…
pour …des usages
de plus en plus intuitifs
http://www.microsoft.com/surface/
Web 2.0 ?
Web 2.0 ?
«Le nombre d'internautes augmente fortement, de nouveaux outils et
comportements émergent. Certains parlent du W...
Quid ? Essai de définition
 Web 1.0 : l'internaute se voyait imposé un parcours
figé auquel il devait forcément s'adapter...
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
hypertexte...
Web 1.0 …un grand livre
… une conception dépassée
Logiciels hors ligne
bureautique etc.
Webmaster
Les techniques et les
comportements changent
S’appuyant sur des technologies matures, le
web se restructure en un gigantes...
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 évolut...
Web 2.0 …
une gigantesque base de données
Logiciels en ligne
bureautique etc.
Webmaster
?
L’internaute prend le pouvoir …
Web 1.0 Web 2.0
Leaders du web Entreprises, marchands Internautes
Profil de l'internaute P...
Des exemples d’application
 Publier et partager facilement de l’information ->
Blogs…
 Travailler de façon collaborative...
1) Les blogs
L’internaute au cœur du web
 Simple journal intime, ou véritable outil de
communication la blogosphere prend...
Le RSS…
 Qu’est-ce que le RSS ?
 RSS est un format dit de “syndication de
contenu Internet”.
 La syndication permet d’é...
Tout se partage !
GOOGLE
Articles, photos, images,
vidéos, favoris, documents,
applications, …
MON SITE
Importer et export...
La valse de l’échange
Wikipedia : exemple de wiki
Les pages personnalisées
Surveiller et récupérer l’information publiée
(veille technologique, intelligence économique)
Tra...
La lutte pour l’information
est 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/coller
qui permet d’intégrer
facilement la vidéo
dans un site, blog, ...
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 ...
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 photo...
Exemple de sites
Wikipédia (l’encyclopédie universelle)
-> tout le monde peut participer !
Delicious (service de Yahoo)
Gestion des favoris en ligne – notion de TAGS
La première fois, il faut
créer un compte, en
c...
Delicious
Gestion des favoris en ligne – notion de TAGS
Pourquoi utiliser Delicious ?
- Les favoris sont en ligne, donc sa...
flickR de Yahoo
photos, diaporamas partagés
flickR de Yahoo
photos, diaporamas partagés
Quelquefois on ajuste un peu le code
WIDTH = LARGEUR
HEIGHT = HAUTEUR
Les mesu...
En marge…
Deux logiciels de capture d’écran
 Utipu (http://www.utipu.com/tipcam-download/)
Très bon logiciel mais le site...
En marge…
Deux logiciels de capture d’écran
 Jing (http://www.techsmith.com/jing/)
Dailymotion
de nombreuses vidéos et outils
Dailymotion
de nombreuses vidéos et outils
Google Agenda
Créer et partager son agenda
Google Documents
Créer et partager ses documents
iGoogle
Pages personalisées
Pour ajouter
des flux Rss
ou des gadgets,
cliquer sur la droite
« Ajouter des Gadgets »
iGoogle
Pages personnalisées
Des gadgets,
flux Rss
En marge…
Autant des sites, autant de comptes…
De plus en plus de
personnes s’identifient avec
un seul compte …
Celui de F...
Netvibes
Pages personnalisées
Netvibes
Pages personnalisées
Pour
« ajouter du contenu »,
il faut cliquer sur le
bouton vert.
Puis choisissez un module
e...
Netvibes
Pages personnalisées
Vous pouvez avoir
de nombreux
espaces
privés et publics
Netvibes
Pages personnalisées
Pour publier
quelque chose de
l’espace privé vers
le public, il suffit de
cliquer sur partag...
 Copier/Coller
 Flux RSS
 Notion de TAGS
(mots clés donnés par l’utilisateur)
 <> ou embed
codes à coller dans un blog...
Web 2.O
Web 2.O
Prochain SlideShare
Chargement dans…5
×

Web 2.O

498 vues

Publié le

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

Publié dans : Technologie
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
498
Sur SlideShare
0
Issues des intégrations
0
Intégrations
38
Actions
Partages
0
Téléchargements
0
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Web 2.O

  1. 1. Le Web 2.0 Au service des internautes ! Xavier LAIR Chargé de Mission TI - FCGA
  2. 2. Des techniques de plus en plus complexes… pour …des usages de plus en plus intuitifs http://www.microsoft.com/surface/
  3. 3. Web 2.0 ?
  4. 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. 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. 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. 7. Web 1.0 …un grand livre … une conception dépassée Logiciels hors ligne bureautique etc. Webmaster
  8. 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. 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. 10. Web 2.0 … une gigantesque base de données Logiciels en ligne bureautique etc. Webmaster ?
  11. 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. 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. 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. 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. 15. Tout se partage ! GOOGLE Articles, photos, images, vidéos, favoris, documents, applications, … MON SITE Importer et exporter des contenus
  16. 16. La valse de l’échange
  17. 17. Wikipedia : exemple de wiki
  18. 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. 19. La lutte pour l’information est commencée .. © 2010 Fcga.
  20. 20. Ateliers, tests etc. Voici le contenu du tableau papier.
  21. 21. CTRL + V = Coller
  22. 22. 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
  23. 23. 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
  24. 24. 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.
  25. 25. Exemple de sites Wikipédia (l’encyclopédie universelle) -> tout le monde peut participer !
  26. 26. 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
  27. 27. 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.
  28. 28. flickR de Yahoo photos, diaporamas partagés
  29. 29. 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)
  30. 30. 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.
  31. 31. En marge… Deux logiciels de capture d’écran  Jing (http://www.techsmith.com/jing/)
  32. 32. Dailymotion de nombreuses vidéos et outils
  33. 33. Dailymotion de nombreuses vidéos et outils
  34. 34. Google Agenda Créer et partager son agenda
  35. 35. Google Documents Créer et partager ses documents
  36. 36. iGoogle Pages personalisées Pour ajouter des flux Rss ou des gadgets, cliquer sur la droite « Ajouter des Gadgets »
  37. 37. iGoogle Pages personnalisées Des gadgets, flux Rss
  38. 38. 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.
  39. 39. Netvibes Pages personnalisées
  40. 40. 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 »
  41. 41. Netvibes Pages personnalisées Vous pouvez avoir de nombreux espaces privés et publics
  42. 42. 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 »
  43. 43.  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

×