Présentation du Web 2.0, historique, technologies et outils (Google reader, netvibes, blogger, wikipedia, delicious, twitter) et leurs usages pour la veille et la production de contenus.

1. Web 2.0, Outils et Usages
pour
la recherche, la production et la diffusion
Stefano Komla A. AMEKOUDI
Après-Midi Numérique – @assoRATIC
08 octobre 2011
1

2. Moi
Stefano Komla AMEKOUDI
linkedin.com/in/samekoudi
twitter.com/samekoudi
2

3. Agenda
● Web 2.0, l'histoire
● « What Is Web 2.0 »
● Web 2.0, Outils et usages
● Web 2.0, aller plus loin
● Recherche d'information et veille
– Syndication de contenu
– Portail personnalisable
● Production de contenus
– Blog
– Rédaction collaborative : Wiki
● Partage et diffusion d'information
– Social bookmarking : Delicious
– Microblogging : Twitter
● Et le Web 3.0 ?
● Q/A ?
3

4. Web 2.0, l'histoire
Après-Midi Numérique – @assoRATIC – 08 octobre 2011 4

5. Aout 2004
Dale Dougherty de la société O'Reilly Media, esquisse le terme pour
la 1ère fois
Octobre 2004
O’Reilly Media organise la 1ère conférence Web 2.0
Septembre 2005
Tim O’Reilly publie l'article « What Is Web 2.0 »
http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html
2007
Le terme s'est imposé et «2.0» est une référence appliquée dans
d'autres domaines
5

6. « What Is Web 2.0 »
Après-Midi Numérique – @assoRATIC – 08 octobre 2011 6

7. Pas une révolution = une évolution ?
« évolution d’un Web statique et unidirectionnel vers un réseau
dynamique et interactif, caractérisé par une large participation des
usagers à la création et à l’échange de contenus.»
Plutôt, une « somme » d'évolution
● Interfaces riches (personnalisation des interfaces et contenus)
● Applications composites (mashup)
● Web participatif
● Réseaux sociaux et communauté de partage
● Mise à jour continue, Agrégation et Syndication de contenus
Et, des technologies
● BDD, XML, Ajax, RSS, Atom, etc.
7

8. Web 2.0, Outils et usages
Après-Midi Numérique – @assoRATIC – 08 octobre 2011 8

9. 9
Source : http://tallblog.conted.ox.ac.uk/wp-content/uploads/2007/03/survey-summary.pdf

10. 10
Source : http://www.flickr.com/photos/fredcavazza/3428921418/sizes/l/

11. Web 2.0, aller plus loin
Après-Midi Numérique – @assoRATIC – 08 octobre 2011 11

12. Répertoires de sites Web 2.0
● Le repertoire web 2.0 des applications web :
www.servicesweb20.com
● Annuaire de sites et applications web 2.0 : www.leweb2.be
● Go 2 Web 2.0 : www.go2web20.net
● Web 2.0 Directory eConsultant : http://web2.econsultant.com/
Sites d'actus et blogs
● Presse Citron : http://www.presse-citron.net/
● Fred Cavazza : http://www.fredcavazza.net/
● TechCrunch : http://www.presse-citron.net/
● Mashable : http://fr.mashable.com/
● Read Write Web : http://www.presse-citron.net/
● Usages 2.0 : http://www.nextmodernity.com/
12

13. Recherche d'information et veille
Après-Midi Numérique – @assoRATIC – 08 octobre 2011 13

14. Syndication de contenu
RSS, késako ?
● Standard permettant d'être tenu informé
des mises à jour d'un site web, sans
avoir à le consulter
● Le site met à disposition un « flux RSS »
● On s'abonne à ce fils RSS pour recevoir
les nouveautés
RSS en langage simple
Agrégation RSS
● Recevoir les mises à jour de ses sites
préférés sur une interface unique
Démonstration : Google Reader
Autres services
● Bloglines
● Newsgator
14

15. Portail personnalisable
● Créer sa « homepage » à son image en
disposant les zones d'affichage comme on
veut et en aggrégeant le contenu de
différentes sources ou services favoris
(blogs, infos, vidéos, photos, emails,
réseaux et médias sociaux, etc) et de la
partager.
Démo avec Netvibes
● Netvibes permet de créer un espace
personnel sous forme de portail web en y
agrégant des modules aux fonctions variés
et des espaces publics sur le même format
pour suivre et diffuser des informations sur
un sujet donné.
● Autres exemples de portails :
● http://www.google.fr/ig
● http://www.newsgator.com/
15

16. Production de contenus
Après-Midi Numérique – @assoRATIC – 08 octobre 2011 16

17. Blog
● Né dans les années 90. Ethymologie : web
log signifie journal de bord sur le web
● Le blog est une site web « généralement »
dynamique permettant et facilitant à son
auteur la rédaction d'actualités (articles, notes
ou billets).
● Format : le format invariant des articles, les
commentaires, les liens, …
Les blogs en langage simple
blog "prêt à l'emploi"
● http://www.blogger.com/
● http://fr.wordpress.com/
● http://www.over-blog.com/
● http://www.typepad.fr/
●
● Démo : www.blogger.com
17

18. Rédaction collaborative : Wiki
● Des contenus conçus de façon collaborative par un
« groupe »
● donc, outil de travail collaboratif permettant à chaque
individu d'une communauté d'éditer, ajouter, modifier ou
supprimer simplement et rapidement le contenu d'une
page web ou la page elle même.
Les principes et caractéristiques :
● Collaboratif, Collectif, Coopératif
● Participatif, Instantané, Spontané, Ouvert, Réactif
● Autodiscipliné, Absence de véritable hiérarchie
Les wikis en langage simple
Solutions en ligne
● Wikia : http://fr.wikia.com
● Zoho Wiki : http://wiki.zoho.com
● PB Works : http://pbworks.com
● Exemple de Wikipédia
18

19. Partage et diffusion d'information
Après-Midi Numérique – @assoRATIC – 08 octobre 2011 19

20. Social bookmarking : Delicious
● Moins populaire que les
réseaux sociaux ou les digg-like
mais bon outils pour le
référencement et la diffusion de
contenus publiés sur internet
● Principe : gestion des
bookmarks (favoris, marques
pages), non pas sur le fureteur,
mais sur un site dédié.
● Le social bookmarking en langage simple
Démonstration
● http://http://delicious.com/
20

21. Microblogging : Twitter
● Microblogging, même idée de journal de ses
activités mais en « brèves » courtes
(quelques mots)
● Twitter, fondée en 2006 par Noah Glass et
Evan Williams.
● Twitter est un service de microblogage et un
réseau social permettant de raconter ce
qu’on fait au moment où on le fait.(What are
you doing ? What's happening?)
● Twitter en langage simple
● Demo Twitter
● En savoir plus : @ApprendreTwiter
Autres outils
● http://identi.ca/
● http://heello.com
21

22. Et le Web 3.0 ?
Après-Midi Numérique – @assoRATIC – 08 octobre 2011 22

23. ● C'est la prochaine évolution du Web
● C'est ce qu'on appelle le « web sémantique »
● « tout en ligne » : travail, entreposage,
divertissement, ect.
● accès mobile (indépendance des supports)
● contextualisation de l’information
● mondes virtuels
● environnements personnels en ligne
● terminaux mobiles et intelligents
● mondes virtuels
23

24. Thanks !
Q/A ?
Après-Midi Numérique – @assoRATIC
08 octobre 2011
24