Vous êtes sur la page 1sur 33

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  II) Les Technologies du Web 2.0
 1. Historique  1. Ajax
 2. Web 2.0 : la Révolution  2. Ruby on Rails
 3. Flux RSS
 3. Caractéristiques des sites 2.0
 4. Vidéos/Son/Podcast
 4. Exemples de sites 2.0
 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