Multimedia Web 2 0

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

Le

Évolution des comportements

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

Format de données

HTML

XML

Système de liens

Liens hypertextes (href) reliant des pages

Flux RSS, API REST exposant les objets

Evolutions techniques

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 des liens hypertexte

Ajout de composants et de sources d'information sur une page d'accueil personnalisée

Technologie

Pages HTML générées sur un serveur et affichées dans un navigateur

Client AJAX autonome s'exécutant dans le navigateur et puisant ses 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 Youtube
Flickr (navigateur Flock)

Wikipédia




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


(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





Le

dans le

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

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 déplacer – WEB




Nos clients se rencontrent – Communauté




On vient voir notre publicité – PULL




Ils nous font ou défont notre publicité – Blogue




On en apprend sur nos clients – CRM




Ils participent à notre marché – Implication




On est à l’écoute du marché – Relationnel




Ils nous informent – Commentaires




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