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 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é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…)
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 !!
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 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
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 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)
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, …
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
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 !
GOOGLE
Articles, photos, images,
vidéos, favoris, documents,
applications, …
MON SITE
Importer et exporter
des contenus
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)
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
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, 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
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
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.
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
cliquant sur
Join now
Les fois suivantes, pour
se connecter,
il faut cliquer sur
Sign in
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.
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 mesures son en pixels !
(pas en cm)
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.
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 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.
Netvibes
Pages personnalisées
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 »
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 partager
et de choisir
« copier vers votre
page »
 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

Web 2.O

  • 1.
    Le Web 2.0 Auservice des internautes ! Xavier LAIR Chargé de Mission TI - FCGA
  • 2.
    Des techniques de plusen plus complexes… pour …des usages de plus en plus intuitifs http://www.microsoft.com/surface/
  • 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é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.0au 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 …ungrand livre … une conception dépassée Logiciels hors ligne bureautique etc. Webmaster
  • 8.
    Les techniques etles 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.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 Logiciels en ligne bureautique etc. Webmaster ?
  • 11.
    L’internaute prend lepouvoir … 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’internauteau 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-ceque 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 del’échange
  • 17.
  • 18.
    Les pages personnalisées Surveilleret 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 pourl’information est 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/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ù ily 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 ontaussi 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 deYahoo) 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 favorisen 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 logicielsde 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 logicielsde capture d’écran  Jing (http://www.techsmith.com/jing/)
  • 34.
  • 35.
  • 36.
    Google Agenda Créer etpartager son agenda
  • 37.
    Google Documents Créer etpartager ses documents
  • 38.
    iGoogle Pages personalisées Pour ajouter desflux Rss ou des gadgets, cliquer sur la droite « Ajouter des Gadgets »
  • 39.
  • 40.
    En marge… Autant dessites, 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.
  • 42.
    Netvibes Pages personnalisées Pour « ajouterdu 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 pouvezavoir de nombreux espaces privés et publics
  • 44.
    Netvibes Pages personnalisées Pour publier quelquechose de l’espace privé vers le public, il suffit de cliquer sur partager et de choisir « copier vers votre page »
  • 45.
     Copier/Coller  FluxRSS  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