LE RÔLE DU MULTIMÉDIA

DANS L’ÉMERGENCE DU
WEB 2.0

© Catherine Tes - 2007

M Sc. Informatique
INTRODUCTION

Mission d’une entreprise Web 2.0 :
« Nous allons crowdsourcer notre réseau social en proposant
un mashup qui permettra aux blogueurs syndiqués de taguer
nos podcasts afin de tirer la quintessence de notre long tail.
Une API ajax sera également proposée. »

Un véritable phénomène :
Le magazine Time en fait la personne
de l’année 2006.

Le dans le

I) Le Web 2.0

1. Historique

2. Web 2.0 : la Révolution

3. Caractéristiques des sites 2.0

4. Exemples de sites 2.0

II) Les Technologies du Web 2.0

1. Ajax

2. Ruby on Rails

3. Flux RSS

4. Vidéos/Son/Podcast

5. CSS/Graphisme 2.0

III) Les Nouveaux Modèles Economiques du Web 2.0

Modification des approches

The Long Tail

Nouveaux modèles d’affaires

Le dans le
PARTIE 1:
LE WEB 2.0 -
NAISSANCE ET
CARACTÉRISTIQUES
HISTORIQUE

Le Web 0.x <1994

Réservé aux informaticiens,

spécialistes

Peu de producteurs de
contenus pour quelques
utilisateurs  « few to many »

Le dans le
HISTORIQUE

Le Web 1.x :
1995 - 2005

Croissance rapide

Ecommerce, médias, sites
«plaquettes »

Broadcast, diffusion verticale
 internaute passif

« many to everybody»

Le dans le
HISTORIQUE

Le Web 2.0 : 2005 - …

Apparition des blogs, wikis …

Modification des
comportements

L’utilisateur devient le
producteur  « everybody to
everybody »

Le dans le
WEB 2.0 : LA RÉVOLUTION
RÉVOLUTION

« Web 2.0 »:

Été 2004, Dale Dougherty

Tim O'Reilly, What is Web
Progrès
technologiques
2.0, sept. 2005

Deux changements
majeurs :

Web 2.0 Évolution des

comportements

Le dans le
WEB 2.0 : LA RÉVOLUTION

Tableau de comparaison :
Web 1.x VS Web 2.0
WEB 1.X WEB 2.0
Leader du Web Entreprises, marchands Internautes
Profil de l’internaute Passif Actif
Interactivité Sélection , lecture d’infos Sélection, lecture,
publication d’infos
Evolutions techniques
Format de données HTML XML
Système de liens Liens hypertextes (href) Flux RSS, API REST
reliant des pages exposant les objets

Le dans le
WEB 2.0 : LA RÉVOLUTION
WEB 1.X WEB 2.0
Evolutions du poste client web
Paradigme Sites HTML Applications AJAX
Unité d’information Sites, pages Services, objets, flux RSS
Mode de navigation De page en page via Ajout de composants et de
des liens hypertexte sources d'information sur une
page d'accueil personnalisée

Technologie Pages HTML générées Client AJAX autonome

sur un serveur et s'exécutant dans le
affichées dans un navigateur et puisant ses
navigateur données dans des API et des
flux RSS

Le dans le
CARACTÉRISTIQUES D’UN SITE 2.0

Des pages plus riches en contenu
multimédia

Les blogs, wikis, réseaux sociaux, partage
de contenu…

La force de la communauté : donner son
avis, partager, s’exprimer, influencer.
« je blogue, donc je suis »

L’Ajax au cœur, navigation légère
Le dans le
EXEMPLES DE SITES 2.0

les Wikis
Partage de contenu

Wikipédia
Youtube

Les blogs
Flickr (navigateur Flock)

MySpace
Les mondes virtuels

Facebook …
Secondlife

Cyworld

Les autres

NetVibes

GoogleReader….

Le dans le
PARTIE 2:
LES TECHNOLOGIES
DU WEB 2.0
AJAX (ASYNCHRONOUS JAVASCRIPT AND XML)

Utilisation

Les standards de présentation des pages : XHTML / CSS,

Un affichage dynamique : changement du contenu des pages
par le biais de DOM,

Un échange de données entre le client et le serveur grâce à
XML,

Une récupération asynchrone des données à l'aide de l'objet
XMLHttpRequest,

Le tout étant mis en oeuvre au niveau du navigateur par
JavaScript

Le dans le
AJAX (ASYNCHRONOUS JAVASCRIPT AND XML)

Réafficher que données

nécessaires

Échanges petites quantités
d’informations

Réactivité d’affichage
des pages et meilleure
ergonomie

Le dans le
RUBY ON RAILS

Ruby : Crée en 1995 par Yukihiro "Matz" Matsumoto

Langage interprété et orienté objet avec une syntaxe très
simple : 10.times {print "Bonjour!"}

Combiné avec le framework Rails (D. Heinemeier, mi 94)

= Ruby on Rails (RoR)

RoR sera inclus dans le système d'exploitation Mac OS X
10.5 (sortie début 2007).

Le dans le
RUBY ON RAILS

Avantages :

développement d’interfaces riches;

un code plus concis, plus évolutif et produit plus rapidement ;

des technologies déjà intégrées comme Ajax

Une productivité imbattable : création d’un blog en 62 lignes
de codes !

Inconvénients :

Open source, forte communauté

Peu de solution d’hébergement actuellement

Valable pour les nouveaux projets.
Le dans le
SYNDICATION RSS

Syndication: diffusion de ressources propres (ressources
produites et appartenant à une personne ou une société
donnée) à travers des plateformes tiers.

Un flux/fil RSS (sigle de Really Simple Syndication ou de
Rich Site Summary) est un format de syndication de
contenu Web, codé sous forme XML.

But : obtenir le type d’information que l’on souhaite, mais

également la faire parvenir à nous au lieu d’aller la
chercher

Le dans le
VIDÉOS/AUDIO/PODCAST

Podcast : contraction des mots IPOD et BROADCAST
« baladodiffusion »

diffusion d'un contenu audio via internet récupérable
automatiquement sur les baladeurs numériques de type iPod.

Pulling au lieu de pushing

Le dans le
VIDÉOS/AUDIO/PODCAST

Vidéoblog :

la diffusion de vidéo en continu (streaming)

la diffusion basique en débit différé (par baladodiffusion).

4 technologies :

MPEG-4 (et ses dérivés H.264, XviD et DivX)

3gp pour téléphones portables

Macromedia Flash

La baladodiffusion

Le dans le
CSS ET GRAPHISME 2.0

Des couleurs simples, primaires et vives

Des jeux d'ombres et des dégradés

De l'illustration, avec de larges bandeaux et de
grandes icones, inspirées du style aqua de Apple

Une interface aérée au fond blanc (en général)

Plus de précision (URL, image, lien), nuage de tags
pour le référencement

Simplicité d'utilisation (formulaire, navigation),
interactivité

Séparation forme et contenu : feuilles de styles
(CSS), standards W3C
Le dans le
CSS ET GRAPHISME 2.0

Logos 2.0:

Couleurs pastel, ronds,
lignes courbes, glaçage
des surfaces, petites
mascottes sympas
 plus réservé aux geeks!

Le dans le
PARTIE 3 :
LES NOUVEAUX
MODÈLES ECONOMIQUES
DU WEB 2.0
MODIFICATIONS DES APPROCHES
WEB 1.X WEB 2.0

On rencontre nos clients sans se
Nos clients se rencontrent –

déplacer – WEB Communauté

On vient voir notre publicité –
Ils nous font ou défont notre
PULL publicité – Blogue

On en apprend sur nos clients –
Ils participent à notre marché –
CRM Implication

On est à l’écoute du marché –
Ils nous informent – Commentaires
Relationnel
Ils communiquent – Conversation

On communique –
Conversationnel

Le dans le
LES NOUVEAUX MODÈLES D’AFFAIRES

Les nouvelles start-ups du Web 2.0 sont radicalement
différentes de la génération Web 1.0 à tous les niveaux.

besoins en capitaux très limités:

des infrastructures hardwares bon marché (prix des serveurs,
hébergement)

des infrastructures software libres (solutions Open Source)

des développements relativement limités (utilisation de
frameworks)

faible coût de campagne marketing sur Internet (marketing
viral - «buzz», bouche à oreille)

Le dans le
LES NOUVEAUX MODÈLES D’AFFAIRES

The Long Tail (Chris Anderson,Wired,2004 ) : matrice de
l'Internet 2.0

• >=

• Minorité de contenus
attire beaucoup
d’internautes
• niches hétérogènes VS
marchés homogènes du
grand public
• Amazon : 57% ventes
concerne livres
spécialisés

Le dans le
LES NOUVEAUX MODÈLES D’AFFAIRES

Diffusion d’information : 3 moyens de consommer de
l'information:

aller à la source de l'information diffusée par les médias
traditionnels

agréger l'information (page d’accueil personnalisée, flux
RSS…)

consulter l'actualité sur des blogs et des sites spécialisés
à haute valeur ajoutée

Le dans le
LES NOUVEAUX MODÈLES D’AFFAIRES

Epublicité

Liens « sponsorisés » plus
considérés comme de la publicité
mais comme de l’information utile
et pertinente

Google et Skype : « clik to call »

Mise en relation directe

par téléphone avec le
vendeur

Publicités dans les mondes virtuels

Le dans le
LES NOUVEAUX MODÈLES D’AFFAIRES

Des exemples surprenants …

SecondLife : L'allemande d'origine
chinoise Ailin Graef: millionnaire en 30
mois en développant des complexes
immobiliers virtuels équivalents à 36
kilomètres carrés puis en a revendu une
partie en parcelles.

MySpaceMusic : Lily Allen. Contrat avec
EMI et un fulgurant succès grâce à des
millions de visiteurs, des messages
d'admiration et d'encouragements par
milliers sur son blog.

Le dans le
CONCLUSION

Web 2.0, révolution technologique et des
usages

L’Ajax au cœur de cette révolution

Des sites favorisant le partage d’information,
l’esprit de communauté

Apparition de nouveaux modèles d’affaires
toujours centrés sur l’utilisateur

Le dans le
POUR ALLER PLUS LOIN …

YouTube - Second-Life et les mondes virtuels

Why tech leaders think Second Life could be a gold mine. - Jan. 22, 2007

Time Magazine - Person of the year 2006 : You

aYsoon 2.0 :: une bulle dans une bulle : blog sur tous les nouveaux services Web 2.0

Benoit Descary : blog sur l’actualité Web 2.0

Michel LeBlanc : blog sur les nouvelles stratégies marketing

Go2Web20.net - The complete Web 2.0 directory : Logos et liens des enterprises 2.0 du moment

Web3 : vidéo sur vpod.tv retransmettant la conférence du Web3

01net. - Le Web 2.0, le business et la politique : Vidéo sur le forum Web3 (décembre 2006,Paris)

podcastfr.info : la référence francophone du podcasting : annuaire - news - dossiers : Moteur de
recherché de podcast

50 Beautiful CSS-Based Web-Designs in 2006 | Smashing Magazine : Le graphisme 2.0

Le dans le
SOURCES

Dion Hinchcliffe's : Web 2.0 Blog

Le web 2.0, c'est pas du buzz: What is Web 2.0 par Tim O'Reilly

Dico du Web 2.0

Comment se construit le web 2.0 - Actualités - ZDNet.fr

Web 2.0: l'article de O'Reilly résumé

Webdesign 2.0 et CSS - visual evasion : graphisme, webdesign, illustration et
photographie - le blog de Jérémie Werner

HEC – Stratégie e-business – R.Gratton

http://www.journaldunet.com/dossiers/web2.0/

Pixel Acres » Blog Archive » The visual design of Web 2.0

YouTube - Second Life et TAATU au journal de RTL-TVI

Wikipédia

Le dans le
 Merci
Des questions ?

Le dans le