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 2.0, sept. 2005

Progrès technologiques

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 Leader du Web Profil de l’internaute Interactivité Evolutions techniques Format de données Système de liens HTML Liens hypertextes (href) reliant des pages Le dans le XML Flux RSS, API REST exposant les objets Entreprises, marchands Passif Sélection , lecture d’infos WEB 2.0 Internautes Actif Sélection, lecture, publication d’infos

WEB 2.0 : LA RÉVOLUTION
WEB 1.X Evolutions du poste client web Paradigme Unité d’information Mode de navigation Sites HTML Sites, pages De page en page via des liens hypertexte Pages HTML générées sur un serveur et affichées dans un navigateur Applications AJAX Services, objets, flux RSS Ajout de composants et de sources d'information sur une page d'accueil personnalisée Client AJAX autonome s'exécutant dans le navigateur et puisant ses données dans des API et des flux RSS WEB 2.0

Technologie

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
Wikipédia

Partage de contenu
Youtube Flickr (navigateur Flock)

Les blogs
MySpace Facebook …

Les mondes virtuels
Secondlife Cyworld

Les autres
NetVibes GoogleReader….
Le dans le

PARTIE 2: LES TECHNOLOGIES DU WEB 2.0

AJAX
Utilisation

(ASYNCHRONOUS JAVASCRIPT AND XML)

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
On rencontre nos clients sans se déplacer – WEB On vient voir notre publicité – PULL On en apprend sur nos clients – CRM On est à l’écoute du marché – Relationnel On communique – Conversationnel

WEB 2.0
Nos clients se rencontrent – Communauté Ils nous font ou défont notre publicité – Blogue Ils participent à notre marché – Implication Ils nous informent – Commentaires Ils communiquent – Conversation

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

Master your semester with Scribd & The New York Times

Special offer for students: Only $4.99/month.

Master your semester with Scribd & The New York Times

Cancel anytime.