Découverte des outils du Web 2.0

L’@telier

1L'@telier - 2008

Généralités sur le web 2.0

L'@telier - 2008 2Vidéo Web 2.0 et connaissances

• Le terme est inventé en 2004 par Dale Dougherty de la société O'Reilly_Media

• http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html

• Le Web entrait dans une nouvelle phase le Web 2.0, le Web précédent le 1.0 ne permettait que d'afficher des pages statiques et dont le contenu n'était pas toujours mis à jour.

• En 2008, toutes les technologies de la communication convergent, s’assemblent, fournissent l’image, le son, le lien, la localisation.

Le réseau est potentiellement partout, et nous y sommes au cœur.

L'@telier - 2008

3

WEB 2.0

La convergence des outils La convergence des outils

L'@telier - 2008 4

Le Web 2.0 est relationnel et collaboratif. Le Web 2.0 est relationnel et collaboratif.

• Chacun peut créer du contenu sur Internet (texte, audio, vidéo, photo), et le partager.

• Ses défenseurs prônent l’utilisation des applications en ligne gratuites ou facturées à la demande (c’est-à-dire des services) plutôt que des logiciels installés sur les postes personnels et dont il faut être propriétaire des licences.

• Ainsi les utilisateurs sont des co-développeurs et non des consommateurs du Web.

L'@telier - 2008 5

Le web 2.0 c’est doncLe web 2.0 c’est donc

• Une plateforme laisse aux utilisateurs la possibilité de remodeler les données et les outils web.

• Une application est un outil clé-en-main que l’utilisateur ne peut modifier.

• Le Web 2.0 est une nouvelle possibilité d’utiliser le Web, plus qu’une technologie innovante.

• Le Web n’est plus pensé comme une collection de sites à visiter, mais cette fois comme une plateforme permettant l’échange entre les utilisateurs, les services et les applications en ligne.

L'@telier - 2008 6

Le web 2.0 : un concept de « passage »

Web 1.0

lireutilisateur passif

représentationéditeur publie du contenu

réservé aux expertstaxonomie

catégories a priorihiérarchique

indifférenciation (global)îlots séparés

formats propriétairestous droits réservés ©

logiciels / produitsamélioration par cycles / versions

le PC comme terminal d’accèsbureau local (desktop)

productionsuites logicielles (intégrées)

interfaces complexes et limitéeslogique de l’offre

innovation descendante

Web 2.0

+ écrire+ utilisateur actif+ participation+ approvisionnement par la foule+ ouvert à tous+ folksonomie+ mots-clés (tags) spontanés+ non-hiérarchique+ personnalisation (glocal)+ briques de légo+ standardisation / micro-formats+ quelques droits réservés (CC)+ applications / services en ligne+ amélioration continue / béta perpétuelle+ atawad (any time any way any device)+ bureau web (webtop)+ partage / collaboration+ suites servicielles (personnalisables)+ interfaces simples et riches+ logique de l’usage+ innovation ascendante

L'@telier - 2008 7

Des services emblématiques

L'@telier - 2008 8

Avoir sa page d’accueil personnalisableAvoir sa page d’accueil personnalisable

9L'@telier - 2008 9

Ses photos en ligne, et celles des autres Ses photos en ligne, et celles des autres

10L'@telier - 2008 10

Ses vidéos en ligne et celles des autres.Ses vidéos en ligne et celles des autres.

11L'@telier - 2008 11

Des outils de bureautique en ligneDes outils de bureautique en ligne

12

Ayez des lo

giciels d

e bureautique disponibles p

artout su

r

n’importe

quel ordinateur connecté

L'@telier - 2008 12

Stockage de fichiers en ligneStockage de fichiers en ligne

13L'@telier - 2008 13

Messagerie instantanée en ligneMessagerie instantanée en ligne

14

Conversations en ligne sans rien

installer sur l’ordinateur

L'@telier - 2008 14

Bureau complet en ligne!Bureau complet en ligne!

15

http://www.eyeos.org/http://mybooo.com/

Qu'est-ce que eyeOS?....Pour les utilisateurs

eyeOS est un nouveau type de système d'exploitation, où tout réside au sein du navigateur internet.

Avec eyeOS, vous allez avoir votre bureau, vos applications et vos fichiers toujours avec vous, depuis votre maison, votre université, votre bureau ou la maison de votre voisin.

Ouvrez simplement un navigateur Internet, connectez vous à votre système eyeOS et accédez à votre bureau personnel et à tous vos documents exactement comme vous les avez laissés la fois précédente…

L'@telier - 2008 15

Pour découvrir des sites web 2.0 sur des plateformes dédiées

16

http://www.go2web20.net/

Annuaires de sites web 2.0

L'@telier - 2008 16

L’utilisateur, créateur de contenus

L'@telier - 2008 17

UGC - User Generated ContentUGC - User Generated Content

Contenus Générés par les Utilisateurs :

• Acronyme inventé pour résumer le rôle de contribution active désormais joué par les internautes dans la production de contenu web

L'@telier - 2008 18

• Plate-forme UGC = support favorisant la création et le partage de contenus générés par les utilisateurs

Wikipédia, Flickr, Youtube, DailyMotion; Delicious...

• Tous créateurs ?

Pour 100 personnes en ligne :

1 personne va créer un contenu inédit,

10 vont interagir avec le contenu crééet l’enrichir (commenter, améliorer,recommander, noter ou voter, etc.),

89 personnes vont consulter et« consommer » le contenu.

2% des utilisateurs de WikiPédia ontcréé 75% des articles de l’encyclopédie

L'@telier - 2008 19

La règle des 1% du web 2.0

ou l’approvisionnement par la foule

• Le fonctionnement des services du web 2.0 repose sur les internautes pour fournir, créer, enrichir et organiser du contenu

• Le crowdsourcing consiste à s’appuyer sur la créativité, l’intelligence et le savoir-faire de tous afin qu’ils effectuent certaines tâches à la place de l’éditeur d’un site ou d’un service. ( ex : Wikipedia )

CrowdsourcingCrowdsourcing

L'@telier - 2008 20

La sagesse des foulesLa sagesse des foules

• Effet « boule de neige » : plus un site ou service est utilisé, meilleur il devient (et plus il prend de la valeur) …

• crowdsourcing => tirer profit de l’effet réseau et de l’intelligence collective (sagesse des foules)

• En mutualisant les ressources et compétences de leurs visiteurs, les sites peuvent alors proposer des produits et services à des coûts très bas.

L'@telier - 2008 21

• Etiquette ou mot-clé : balise sémantique qui permet de qualifier un contenu

• Etiquetage social Système de classification collaborative de contenus web basé sur l’attribution de tags librement choisis par les utilisateurs => Folksonomie

• Outil d’organisation de l’information : - Sémantique : « wordtag » - Spatiale : « geotag » - Temporelle : « timetag »

• Related Tag Browser : outil pour rechercher et naviguer dans les photos publiées sur Flickr à partir de leurs tags

L'@telier - 2008 22

Tag

• Terme issu de la contraction de

• folks (les gens) et de taxonomy (classification hiérarchisée), => une folksonomie est un système de classification collaborative et spontanée de contenus web, basé sur l'attribution de mots-clés ou marqueurs (tags) librement choisis par des utilisateurs non spécialistes

• Les tags peuvent alors être regroupés et représentés sous la forme d’un nuage de mots.

L'@telier - 2008 23

Tag et folksonomie

Les tags et les folksonomies• Les tags sont crées par les usagers (en général pour leur

propre usage), il n’y a pas de consensus ou de modération comme c’est le cas dans les systèmes de classement traditionnels (thesaurus, taxonomie)

• Les services web 2.0 comme Flick’r ou del.icio.us utilisent les tags.

Accéder à mes favoris partagés Del.icio.us = delicious --- jeu de mot :)

L'@telier - 2008 24

Les tags expliqués aux enfants

Nuage de tags de Dailymotion

L'@telier - 2008 25

AJAX (Asynchronous JavaScript and XML) n'est pas une technologie en soi, mais un terme désignant une approche utilisant un ensemble de technologies existantes (HTML, XHTML,CSS, JavaScript, le modèle objet de document (DOM), XML, XSLT, et l'objet XMLHttpRequest.

Lorsque ces technologies sont combinées dans le modèle AJAX, les applications Web sont capables de réaliser des mises à jour rapides et incrémentielles de l'interface utilisateur sans devoir recharger la page entière du navigateur. Les applications fonctionnent plus rapidement et sont plus réactives aux actions de l'utilisateur.

L’amélioration des interfaces

L'@telier - 2008 26

•De très nombreux services du web 2.0 proposent des interfaces web plus ergonomiques et plus fluides grâce à une attention toute particulière portée à la simplification des actions et à l’utilisation de ces technologies, ce qui permet de développer des applications internet riches

•Les Rich Internet Applications (RIA) sont des applications web qui partagent les caractéristiques des applications autonomes sur l'ordinateur. A long terme, les RIA favorisent la fusion des logiciels traditionnels et les logiciels client-serveur de type internet. La dimension interactive et la vitesse d'exécution sont particulièrement soignées dans ces applications web.

L'@telier - 2008 27

Des applications Internet riches

mashup• Un mashup est un site web qui

utilise et croise le contenu provenant d’autres sites pour proposer un nouveau service.

• Cette capacité de mixage repose sur l’ouverture des API.

• API = interface de programmation qui permet de recourir aux fonctions et contenus d’un site web à partir de commandes externes.

FlickrVisionGoogleMaps + Flickr

TwitterVisionGoogleMaps + Twitter

2 exemples de mashups cartographiques

L'@telier - 2008 28

• Un widget est un petit module, paramétrable et personnalisable, qui permet d’embarquer de l’information et de la transporter vers le point de destination de son choix

• 3 types de widgets :- les widgets pour le web- les widgets pour le bureau- les widgets pour mobiles

L'@telier - 2008 29

Vidéo pour illustrer ce thème

widget

• Les widgets de Google s’appellent des gadgets

• Netvibes propose un annuaire de ses widgets

L'@telier - 2008 30

• RSS (Really Simple Syndication = syndication vraiment simple)

• Moyen de syndication, capable de récupérer le contenu brut d'un site web sans s'occuper des données liées à sa forme

31L'@telier - 2008 31

Les fils RSSLes fils RSS

Le RSS expliqué aux enfants en vidéo

Comment lire les fils RSS ?Comment lire les fils RSS ?• Grâce à un agrégateur, qui permet de s’abonner aux fils

et vérifie automatiquement les fils afin de signaler les nouveautés

• Il en existe de 3 types :

• Les agrégateurs traditionnels : Bloglines, Google Reader, Feedreader, Rssreader, Alertinfo …

• Les agrégateurs intégrés dans des applications bureautiques, au navigateur ou au lecteur de mails (Marques-pages dynamiques, Thunderbird, Sage pour Firefox…)

• Les pages personnalisables : Netvibes, Igoogle

32L'@telier - 2008 32

• Content management system : un logiciel fournissant un système de gestion de contenu,

• Un outil de « CMS » (gestion de contenu) est un site web disposant de fonctionnalités de publication et offrant en particulier une interface d'administration (back-office) permettant à un administrateur de site de créer ou organiser les différentes rubriques.

L'@telier - 2008 33

LES OUTILS CMS DE PUBLICATION DE SITES WEB

LES OUTILS CMS DE PUBLICATION DE SITES WEB

Partager

L'@telier - 2008 34

35L'@telier - 2008 35

Partager les adresses de vos sites favoris

Social bookmarking

•Le social bookmarking ( « marque-page social », « navigation sociale » ou « partage de signets ») est une façon pour les internautes de stocker, de classer, de chercher et de partager leurs liens favoris.

•Dans un réseau de bookmarking social, les utilisateurs enregistrent des listes de ressources web qu’ils trouvent utiles.

•Ces listes sont accessibles aux utilisateurs du réseau. D’autres utilisateurs ayant les mêmes centres d’intérêt peuvent consulter les liens par sujet, catégorie, étiquette ou même de façon aléatoire.

• Elles permettent l’accès de n’importe quel ordinateur (portabilité) à vos signets.

• Les tags permettent de retrouver les liens plus facilement

• Elles offrent généralement des widgets et des webservices qui permettent d’intégrer les liens dans d’autres applications

L'@telier - 2008 36

Pourquoi utiliser ces plateformes de gestion des liens ?Pourquoi utiliser ces plateformes de gestion des liens ?

• Exemple : Blogger : service en ligne de création de blog, gratuit et sans publicité, proposé par Google

L'@telier - 2008 37

Les BlogsLes Blogs•Système dynamique de gestion de site web à partir duquel une ou plusieurs personnes s’expriment régulièrement sous la forme de billets classés par ordre chronologique peuvent interagir avec leurs visiteurs via les commentaires

•Outil d’auto-publication et de conversation

Blogs

Partager ses passions et ses opinions.En décembre 2007, plus d’un internaute sur deux a

consulté un blog. Le nombre de bloggeurs atteint 5 millions :

+ 24% en un an 1.L'@telier - 2008 38

Les blogs• Un blog ou blogue est un site Web constitué par la

réunion de billets classés la plupart du temps par ordre anti-chronologique (les plus récents en premiers).

• Chaque billet (appelé aussi note ou article) est, à l'image d'un journal de bord ou d'un journal intime, un ajout au blog ; le blogueur (celui qui tient le blog) y délivre un contenu souvent textuel, enrichi d'hyperliens et d'éléments multimédias, sur lequel chaque lecteur peut généralement apporter des commentaires.

39L'@telier - 2008 39

•Le principe du blog (contraction de web log = journal web) est un support de publication en ligne simple et rapide à mettre en œuvre. •Le blog permet aux lecteurs de réagir via les commentaires.

• Les blogs proposent des fils RSS de façon native

•Comment créer un blog ?

- Ouvrir un compte chez un hébergeur

- Ou installer un logiciel (Wordpress ou Dotclear) sur un

serveur

Aucune connaissances techniques n’est nécessaire si on choisit un hébergeur

L'@telier - 2008 40

Hébergés ou sur un serveur ?Hébergés ou sur un serveur ?

41

Avantages:Blog crée en 3 minutes, aucune opération technique n’est nécessaire

Inconvénient:Peu de personnalisation ou alors en version payante; difficile de quitter la plateforme pour changer de blog ou le faire évoluer…

Avantage: Blog entièrement maitrisé, le code est accessible.

Inconvénient : L’installation et la personnalisation demandent un minimum de compétences techniques .

L'@telier - 2008 41

Un agrégateur de blogsUn agrégateur de blogs

42L'@telier - 2008 42

Exemple : des blogs de bibliothèques

Touti frouti, agrégateur de blogs de bibliothèques par Lionel DujolL'@telier - 2008 43

La blogosphère

Article sur l’état de la blogosphère en 2008

L'@telier - 2008 44

•Un wiki est un système de gestion de contenu de site Web qui rend les pages Web librement et également modifiables par tous les visiteurs autorisés. On utilise les wikis pour faciliter l'écriture collaborative de documents avec un minimum de contraintes…. (le plus célèbre : wikipedia) •Un wiki est tout à fait adapté à la construction collective d’un document retraçant les étapes d’un projet. Le wiki donne une traçabilité des versions des documents (livrables) associés au projet.

L'@telier - 2008 45

• Le wiki expliqué en vidéo

• Outil de co-écriture et de collaboration

wikiwiki

• Canal de distribution de contenus multimédia, un podcast est constitué de fichiers audio ou vidéo encapsulés dans un flux RSS

• Un programme spécifique permet de lire le contenu du podcast et de le télécharger pour le conserver sur l’ordinateur ou le transférer vers un autre support numérique

• Podemus : service d’annuaire, moteur de recherche et lecteur de podcasts audio et vidéo francophone

L'@telier - 2008 46

PodcastPodcast

• Les licences Creative Commons sont des contrats-type pour la mise à disposition d’œuvres en ligne (textes, photos, sons, sites web, etc).

• Elles facilitent la réutilisation de contenus en autorisant des tiers à exercer des actes (reproduction, diffusion, adaptation) qui nécessitent normalement d'obtenir préalablement l'autorisation des titulaires de droit.

• Le principe de Creative Commons expliqué en vidéo

L'@telier - 2008 47

• La plupart des sites et services du web 2.0 combinent une dimension personnelle (compte et profil personnalisables) avec une dimension collective ou communautaire (échanger avec les autres, partager ses propres contenus ou interagir avec les leurs)

• L’individu n’intervient plus seulement « sur » le réseau (approche technique) mais il peut aussi agir « en » réseau (virage social du web). Il se situe désormais au centre de ses multiples cercles relationnels … on parle alors de « réseautage social »

VidéoL'@telier - 2008 48

Les réseaux sociaux

Rester connecté avec sa communauté Rester connecté avec sa communauté

.

.

L'@telier - 2008 49

Internet a toujours été un vecteur de communication ou de mise en relation avec les outils webmail et la messagerie instantanée

Retrouver un camarade de classeRetrouver un camarade de classe

Retrouver un camarade de classe :• en décembre 2007 plus de 5,2 millions de visiteurs se

sont branchés sur le net pour cette plongée nostalgique ;

• et les réseaux qui leur en fournissent la possibilité ont vu leur audience plus que doubler en un an. • Le leader, « Copainsdavant », est passé de 2 à 4,4

millions de visiteurshttp://copainsdavant.linternaute.com/

L'@telier - 2008 50

SOCIAL NETWORKINGSOCIAL NETWORKING

• Les sites web de réseautage social fournissent des outils pour faciliter le processus de mise en relation et supportent la prise de contact en ligne

• Généralistes (MySpace, FaceBook) ou spécialisés (Linkedin, Viadeo), ils reposent sur une approche à la fois individuelle (profil des utilisateurs) et collective (communauté globale des utilisateurs et relation entre les membres)

L'@telier - 2008 51

• Le Networking connaît un succès flamboyant. Avec 582 000 visiteurs uniques 2 en moyenne par mois en 2007, le site Viadeo voit son audience moyenne mensuelle augmenter de plus de 120% par rapport à 2006.

Rester en contact avec ses relations professionnelles et s’en créer de nouvelles Rester en contact avec ses relations professionnelles et s’en créer de nouvelles

L'@telier - 2008 52

FacebookFacebook• Interagir avec ses réseaux : Facebook, à l’origine site communautaire

d’une université américaine, s’est implanté en France où il connaît un succès fabuleux : de 241 000 visiteurs en juillet 2007 à près de 2 millions en décembre.

L'@telier - 2008 53

Twitter un réseau social en temps réelTwitter un réseau social en temps réel

54

Twitter est un outil de réseau social et de microblogging, qui

permet à l'utilisateur de signaler à son réseau "ce

qu'il est en train de faire". Il est possible

d'envoyer et de recevoir ces updates (mises à jour) par le Web, par

messagerie instantanée ou par messagerie

numérique.

L'@telier - 2008 54

La vie sur Second Life…reportage du 66 minutes…

Reportage sur Second LifeArte - Metropolis

Les mondes virtuels

55L'@telier - 2008

Un membre de réseau gère son identité numérique.

• Il construit sa réputation et son influence.

• Il organise (et élargit) ses relations en ligne (familiales, amicales, professionnelles) pour collaborer et partager avec elles.

L'@telier - 2008 56Vidéo instructive

L’identité numérique

Les contenus en ligne

L'@telier - 2008 57Un peu d’humour !

L'@telier - 2008 58

La musique, la vidéo en ligne

Le cinéma, la vidéo, la télévisionLe cinéma, la vidéo, la télévision

• Vous êtes un créatifs ? Un caméscope, un ordinateur, vous pouvez réalisez et diffuser sur les plateformes vidéo.

• Vous êtes cinéphile, amateur de documentaires, la VOD est à portée de souris.

• Les télévisions du monde entier sont à portée de votre haut-débit

• Vous ne voulez pas payer votre place de cinéma, téléchargez votre film (à vos risques et périls…)

L'@telier - 2008 59

Le téléchargementLe téléchargement

• Le Peer to peer ou P2P une mutualisation très efficace des données et une neutralité technique ex: la chaîne légale du site Ratiatum

• 11 millions de personnes téléchargent tous les jours pour échanger plus de 980 millions de fichiers de tout types et pas tous illégaux!

• Les pratiques illégales sont bien ancrées pour toute une génération : les iPod contiennent seulement 5 % de musique achetée sur itunes et les lecteurs MP3 ?...

L'@telier - 2008 60

L'@telier - 2008 61

Le WEB 2.0 ?

• Vidéo : rencontre avec Joël de Rosnay sur le Web 3.0

L'@telier - 2008 62

L’avenir proche : Le Web 3.0L’avenir proche : Le Web 3.0

Un avenir proche ?

• Un mouvement d’ampleur…brouillon, en perpétuel changement.

• Une gigantesque soif de partager avec ses proches ou le monde entier, de rester connecter.

• Des moyens techniques puissants de mutualisation de l’information.

• Des risques encore mal évalués des menaces sur nos libertés individuelles.

63L'@telier - 2008 63

En conclusion : le Web 2.0 c’est …