Copyright©amazonie.arte.tv

En ces temps de prophéties maya qui annoncent la fin du monde pour cette toute nouvelle année 2012, il est sans doute bon de rappeler que nul n’est besoin de prophétie pour rappeler que l’homme blanc et son mode de vie sont à eux seuls les causes probables du marasme écologique dans lequel est plongé la planète.

Ce n’est pas à proprement parlé le sujet du dernier web-reportage réalisé par Mylène Sauloy pour le compte d’Arte TV mais ce webdoc nous plonge dans la vision du monde des indiens d’Amazonie, leur cosmogonie. Ce webdoc tente de faire entendre leurs voix sur ces bouleversements écologiques qu’ils voient à l’oeuvre dans l’environnement qui est le leur l’Amazonie et dans lequel ils vivent en symbiose depuis des millénaires.

Les méandres du projet Amazonie

D’un point de vue de la conception, ce webdoc nous offre une fois de plus à voir un maitrise aboutie de la gestion des liens sémantiques entre les vidéos, des mots-clés et des articles de fond. Ce webdoc exploite tout le potentiel de wordpress dans sa capacité d’indexation de l’information en vue d’offrir à l’utilisateur le plus grand nombre d’entrées possibles. Tout le projet est articulé sous WP, en puisant dans jQuery pour les effets, dans des balises HTML5 pour l’affichage de contenu notamment en ayant recours à la balise HTML5 <article></article>.

Pour la video, le projet utilise JW player dont la qualité du player en flash en HTML5 n’est plus à prouver. Tout laisse penser qu’un excellent compromis est possible afin de tirer profit pour un webdoc du meilleur des deux technologies que sont le flash et l’HTML5.

Amazonie

Pour aller plus loin

• Amazonie – Le souffle indien
  http://amazonie.arte.tv/
• JW Player: Download | LongTail Video | Home of the JW Player
  http://www.longtailvideo.com/players/jw-flv-player/
• WordPress › Blog Tool, Publishing Platform, and CMS
  http://wordpress.org/

Copyright©Popcorn

On se devait de tester cette remarquable bibliothèque javascript et au moins d’approcher les quelques fondamentaux qu’elle promeut et les libertés qu’elle promet. C’est chose faite ! Certes, nous avons à 3WDOC, fait un survol rapide mais néanmoins attentif de son potentiel notamment parce par sa seule existence et son dynamisme, Popcorn légitime deux choses :

• L’usage de l’HTML5 et de jQuery pour réaliser une narration enrichie et interactive
• Cette framework écrit déjà de très belles pages du Web en consacrant la multiplicité des narrations numériques en s’appuyant sur les qualités propres au web que sont : l’agrégation au détriment de la recherche, la recommandation et le partage.

Sur ce blog, nous avons fait l’éloge de quelques-unes des productions rendues possibles par PopCorn.

La définition de PopCorn

Popcorn.js is an HTML5 media framework written in JavaScript for filmmakers, web developers, and anyone who wants to create time-based interactive media on the web. Popcorn.js is part of Mozilla’s Popcorn project.

Bon mais assez discuté, voyons dès maintenant ce que le framework PopCorn a dans le citron numérique. Un aspect a particulièrement retenu notre attention. Car, dans tout projet Open Source qui se respecte, il est possible de développer des fonctionnalités additionnelles sous la forme de plugin. On retrouve la filiation revendiqué de PopCorn avec jQuery.

Pourquoi cet aspect plutôt qu’un autre ?
Cet aspect permet d’apprécier deux choses :

• Tous les ingrédients de contenu auxquelles les internautes comme les créateurs souhaitent avoir accès. Les internautes pour s’informer, interagir… Les créateurs pour en disposer au sein de leur création comme un levier de narration. Les besoins comme les utilisations sont donc infinis, puisque chaque nouvelle forme d’expression ou de contenu présent sur le web peut être agrégé via un plugin comme source potentiel de contenu.
• Le mode d’ingestion de ces nouvelles informations. Le soin est donné à la communauté de développeurs de favoriser la mise à disposition de ce contenu spécifique via un plugin. L’expansion de PopCorn comme framework est donc permanente. Cette expansion est l’expression même de la culture commune qui nait entre le monde du développement, du web et de la création audiovisuelle.

C’est en substance, ce que dit le texte publié sur le site officiel de Popcorn.

Popcorn.js can be used with almost any media type you can imagine, from HTML5 audio and video, to YouTube and Vimeo, to SoundCloud, etc. Popcorn.js also has plugins to allow content from popular web sites and services to be integrated easily, for example, Wikipedia, Twitter, Facebook, Google Maps, etc.

Anything you can do on the web can be turned into a Popcorn.js plugin, and become part of a timeline-based web experience. Popcorn.js breaks video out of the box and allows media to fully interact with the rest of the web.

Test des plugins les plus significatifs

On va faire un essai sur les plugins les plus significatifs pour récupérer de plate-forme tierce de publication genre facebook, twitter ou intégrer un feed RSS.

La configuration est assez aisée puisqu’il suffit de remplir avec vos propres paramètres afin d’accéder à votre page facebook, à votre page twitter ou enfin au feed RSS de votre blog par exemple.

Extrait du plugin facebook

	.facebook({
		href: "http://www.facebook.com/3wdoc",
      type: "FACEPILE",
      target: "facepilediv",
      width: 300,
      start: 10,
      end: 15
    })

Extrait du plugin googlefeed

.googlefeed({
    start: 0,
    end: 15,
    target: "feed",
	url: "http://3wdoc.com/fr/feed/",
    title: "3WDOC",
    orientation: "Vertical"
  })

Extrait complet du plugin twitter

 
<script>
    document.addEventListener( "DOMContentLoaded", function() {
      var p = Popcorn( "#video" )
      .twitter({
        start: 5,
        end: 15,
        title: "3wdoc",
        src: "@3wdoc",
        target: "twitterdiv",
      })
      .twitter({
        start: 20,
        end: 45,
        title: "webdoc",
        src: "#webdoc",
        target: "twitterdiv"
      })
      .play();
    }, false);
  </script>

Dans ce dernier exemple de plugin, comme dans un plugin jQuery, le plugin PopCorn va attacher à la video #video, un événement en l’ occurrence l’affichage du feed twitter de 3WDOC puis ensuite une recherche sur le mot #webdoc

Pour aller plus loin

• Popcorn.js | The HTML5 Media Framework
  http://popcornjs.org/
• Les Plugins Popcorn
  http://popcornjs.org/creating-plugins
• Présentation de la librairie
  http://mozillapopcorn.org/popcornjs/

Copyright© http://www.facebook.com/3wdoc

Vous souhaitez animer votre page Facebook perso ou professionnelle, vous pouvez maintenant l’animer grâce à 3WDOC Studio et « Static HTML », deux applications gratuites !

Nous avons créé une animation qui simule la construction du mur Facebook de notre page 3WDOC. Vous pouvez voir ce que ça donne ICI.

Comment créer l’animation ?

Pour vous expliquer, nous allons suivre l’exemple de notre page Facebook.

• 1 – Faites une capture d’écran de votre page Facebook
• 2 – Dans un éditeur d’image (nous avons utilisé Photoshop), découpez chaque bloc et enregistrez-les au format .jpg.
• 3 – Ouvrez votre 3WDOC Studio ( si vous n’en avez pas vous pouvez vous enregistrer ici c’est gratuit !! )
• 4 – Créez une séquence avec ces paramètres pour qu’elle soit lisible par Facebook

  Taille : 520x750
  Mettez le champs autoplay sur la valeur False pour le désactiver car Facebook ne supporte pas le contenu en lecture automatique.

• 5 – Créez une image ayant la forme d’un bouton « Play », insérez-la dans le Studio en créant une piste « Image ». Affectez-lui l’action Native action puis dans le second menu déroulant la mention Play. Donnez-lui un temps de 1 seconde pour que l’image disparaisse au lancement de la séquence.
• 6 – Insérez toutes vos images dans l’éditeur (en cliquant sur Media puis Create) ensuite importez-les dans votre séquence en créant une piste image pour chaque image importée. Vous devez donner à chaque piste une durée d’apparition et une position dans la page ainsi qu’un effet d’apparition.
• 7 – L’effet de disparition de l’image en profondeur est en fait une vidéo créée sous After Effect. Nous avons fait une capture écran de l’image en 520x740 et nous lui avons donné un effet de disparition 3D. La vidéo a été exportée en .mov et convertie en .mp4 et .ogg (Consultez nos tutoriaux interactifs en français pour savoir comment faire ce type d’encodage !). Nous avons envoyé la vidéo dans l’éditeur et l’avons inséré dans une piste vidéo, en lui redonnant les mêmes paramètres de taille 520x750.
• 8 – Nous avons créé une image finale « Cliquez ici » et nous l’avons insérée dans la timeline, en lui donnant un effet « Puff ».
• 9 – Sauvegardez et publiez (en cliquant sur Publier dans la barre de Menu de l’Editeur) votre séquence pour qu’elle soit ouverte et accessible à tous.

C’est fait ! Vous venez de créer votre animation Facebook avec le 3WDOC Studio, maintenant nous allons l’importer dans la page Facebook.

Création de l’onglet Facebook

• 1 – Ouvrez votre page Facebook, recherchez dans le moteur de recherche Facebook, l’application Static Html. Cliquez maintenant sur Installez l’application et sélectionnez la page dans laquelle vous souhaitez l’installer.
• 2 – Sur votre page, cliquez sur Modifiez la page, puis dans l’onglet application, sélectionnez Static Html, ensuite cliquez sur Modifier les paramètres pour renommer l’onglet, nous l’avons appelé Démo HTML5.
• 3 – Retournez dans votre page, ouvrez l’onglet Demo Html5 puis cliquez sur FAQ (la barre jaune) et ouvrez l’onglet Can I use a page from my blog or website.
  Copiez le code suivant :

  	<html> 
            	<head> 
            	<meta http-equiv='Refresh'
                  content='0; url=http://exemple.com' /> 
            	</head> 
      	</html>

  Il ne vous reste plus qu’à remplacer l’adresse donné en exemple http://example.com par l’adresse web de votre séquence publiée. Dans notre exemple, l’adresse web est la suivante : http://studio9.vip1.3wdoc.com/he3Player.php?action=local.sequence.read&sequence_id=6

• 4 – Cliquez sur Save puis View your Tab as a non fan.

Ça y est ! Vous avez terminé et publié créer votre animation sur votre page Facebook ! N’oubliez pas que vous pouvez aussi insérer du texte, des vidéo, du son, etc. et créer le contenu que vous souhaitez à l’aide de 3WDOC Studio !

Pour aller plus loin

• Nos tutoriaux
  Nos tutoriaux interactifs en français
• Notre FAQ
  Notre FAQ en Anglais
• La page de « Static HTML »
  Pour télécharger l’application « Static HTML »
• Notre page Facebook
  Notre animation HTML5 sur Facebook

Grâce à vos retours, nous avons amélioré notre système d’inscription et d’installation de 3WDOC Studio.
Une nouvelle procédure d’inscription vous guidera tout au long de l’enregistrement de votre domaine.

Vous pouvez faire le choix entre deux options :

Option 1- Utilisez 3WDOC Studio gratuitement, directement sur notre plateforme d’hébergement.
Option 2- Installez 3WDOC Studio sur votre espace d’hébergement.

Par la suite, vous pourrez revenir sur la page DOMAINES ENREGISTRES et ajouter autant de domaines que vous souhaitez.

Les notions de base pour utiliser 3WDOC STUDIO

• Qu’est-ce qu’un média?

Les médias sont les photos, les audios et les vidéos que vous souhaitez utiliser pour votre WDOC. Chaque média sera inclut dans une piste positionnée dans le temps et dans l’espace, dans une séquence.

• Qu’est-ce qu’une piste?

Les pistes contiennent des médias (photos, audios, vidéos), des articles et des boutons. Chaque piste sera positionnée dans le temps et dans l’espace, dans une séquence.

• Qu’est-ce qu’une séquence ?

Une séquence comprend le travail édité. Elle est composée d’une ou plusieurs pistes. Votre histoire, ou une partie de votre histoire est racontée dans la séquence.

• Qu’est-ce que l’Editeur?

L’Editeur est l’espace de travail de chaque séquence. Vous construirez votre histoire en sélectionnant différentes pistes et en les éditant.

• Qu’est-ce qu’un WDOC?

Un WDOC est l’histoire finale, composée de plusieurs séquences.

• Qu’est-ce que l’onglet Style?

L’éditeur de style vous permet de créer des feuilles de style CSS 3 associées à chaque séquence. Elles sont composées de sous feuilles pour chaque bouton, image, et texte.

Par analogie,
• Le WDOC est un livre.
• La séquence est un chapitre.
• Les pistes sont les lignes, les photos, etc.

Réfléchir à l’histoire

Réfléchissez bien à l’histoire que vous voulez raconter. Le travail en amont est fondamental pour créer d’une façon efficace et optimiser votre temps.

Voici quelques recommandations :

• Préparez le scénario, écrivez les idées principales.
• Construisez le shéma général de votre WDOC.
• Construisez la mise en page de chaque séquence. Un petit dessin à la main est toujours pratique !
• Sélectionnez et préparez le contenu que vous allez utiliser : textes, médias

Nous vous conseillons de télécharger notre guide d’utilisation en pdf et de consulter régulièrement notre Support.

Nous vous invitons à découvrir un WDOC sur New York en guise de démonstration. Ces quelques séquences simples vous permettront d’explorer plus facilement les principales fonctionnalités de notre application. Vous pourrez ainsi voir comment a été réalisée chaque séquence et aussi utiliser les Médias disponibles dans la « Liste des Medias » pour commencer à créer vos propres séquences avec 3WDOC Studio.

Bonne création…

Quelques photos du Studio :

Copyright© La Zone

Depuis le 26 avril, date anniversaire de l’explosion du réacteur n°4 de la centrale nucléaire de Tchernobyl, « La zone » un webdocumentaire de Guillaume Herbaut et Bruno Masi est en ligne sur la plate-forme de récits multimédias de Lemonde.fr.
Cette expérience est déclinée sur différents supports pour prolonger la découverte de la Zone. Le webdocumentaire qui raconte la vie des habitants est accompagné d’un livre, qui raconte l’expérience des auteurs dans la Zone, et d’une installation interactive à la Gaîté Lyrique.

Le blog

Guillaume Herbaut et Bruno Masi parcourent la Zone depuis une dizaine d’années. Conscients de l’avenir du photojournalisme sur le web, ils ont créer un blog « Retour à Tchernobyl » pour diffuser leurs clichés et raconter leur voyage dans la Zone.

Le webdocumentaire

Le webdocumentaire a pour but de raconter la vie des habitants de la Zone et de ses environs. Il est divisé en 8 thématiques qui possèdent chacune une narration différente.

• Palieska, une ville voisine qui fut évacuée 10 ans après la catastrophe
• Strakholessie située à 200 mètres de la Zone
• La vie dans les villages de la Zone
• L’or noir de Tchernobyl : le trafic de métal
• Les jeunes d’Ivankov qui tentent de vivre en faisant abstraction du désastre.
• La ville de Bazar où le maire propose des maisons gratuites aux démunis
• La centrale de Tchernobyl qui emploie 2500 personnes pour veiller à la maintenance et à la sécurité des lieux.
• Pripiat : la ville fantôme évacuée au lendemain de l’accident.

Les thématiques sont composées de plusieurs séquences mêlant à merveille photos, vidéos, sons et textes. On se laisse guider par la voix de Viktoria Kozlova qui évoque l’incurie du gouvernement face à cette catastrophe et les faits divers de la vie de la Zone.
Le style des auteurs, notamment l’utilisation des cadrages fixes, révèle le caractère oppressant et froid de ce territoire laissé à l’abandon par les autorités et que les habitants tentent de réinvestir.

Le livre

Le livre regroupe une soixantaine de photos prises entre octobre 2009 et décembre 2011.
Il est co-édité par les éditions Naïve et la Gaîté Lyrique. Il est actuellement disponible à la boutique de la Gaité Lyrique et sera disponible très prochainement en librairie.

L’installation interactive à la Gaité lyrique

L’installation est un coup d’essai pour les photographes. Ils ne s’étaient jamais essayés à un tel projet. Mais on peut dire que c’est réussi. Cette boite géante où des images, vidéos et sons, sont diffusés aléatoirement vise à représenter la pérennité de la radioactivité, puisqu’on peut retourner dans la boite plusieurs fois et voir de nouvelles images.

Prochainement, un reportage vidéo présentant l’installation sera bientôt disponible en ligne sur le site de 3wdoc.com

Tous les éléments disponibles dans cet article sont visibles sur les sites de – lemonde.fr

Les droits de propriété intellectuelle sur l’ensemble des éléments (animations, photographies, illustrations, images, textes, recettes, fiches techniques, musiques etc…) composant les éléments de cet article sont la propriété exclusive de leurs auteurs.

Pour aller plus loin

• Le webdocumentaire « la Zone »
  « La Zone »
• L’installation à la Gaité Lyrique
  « Le site de la Gaité lyrique « 
• Le blog « Retour à Tchernobyl »
  « Retour à Tchernobyl »

Copyright© ajourneyintolongevity.axa.com © www.pwcrecrute.com © changer-ma-pme.laformationpro.com © www3.mercedes-benz.com

Dernièrement, nous avons assisté à la publication de nouveaux types de contenu richmedia sur la toile visant à promouvoir une marque, un produit ou les valeurs d’une entreprise. Il est vrai que les récentes données de l’IDA nous précisent que les formats du richmedia et de la vidéo digitale représentent 12% de l’advertising sur Internet en 2010.

Pourquoi les entreprises se tournent vers ce type de communication ?

• Le brandcontent digital permet de capter un public dans la durée, puisque le contenu est disponible en permanence sur la toile contrairement à un spot publicitaire.
• Il y a souvent une phase de login où l’entreprise peut récupérer des données des utilisateurs.
• L’interactivité permet une immersion dans le film et l’utilisateur peut plus facilement s’identifier et s’inscrire dans le discours de la marque.
• Les formats web permettent une viralité rapide et optimisée.

Promouvoir son entreprise auprès de ses collaborateurs

« Et si l’épanouissement faisait la différence ? Découverte interactive de l’univers PwC »

PricewaterhouseCoopers met en avant ses collaborateurs dans différentes vidéos. Ici la découverte interactive a pour but de recruter de nouveaux professionnels pour le groupe d’audit et de conseil. C’est donc un contenu très corporate qui permet de valoriser l’entreprise elle-même.

Promotion par des témoignages

« Au coeur de ces PME qui changent »

Laformationpro.com, un projet CGPME (Confédération Générale des Petites et Moyennes Entreprises), a mis en ligne le webdocumentaire « Au coeur de ces PME qui changent » pour promouvoir la formation professionnelle. On découvre les avantages de ce type de formation à travers différents points de vue grâce à des témoignages de professionnels et de participants.

Du storytelling pour valoriser la philosophie de l’entreprise

« Blue Zone : a journey into longevity »

Ce webdocumentaire met en avant les lieux dans le monde où la population vit plus longtemps : la Sardaigne en Italie, le Gers en France, Montacute au Royaume-Uni, l’île de Nicoya au Costa Rica et Okinawa au Japon. Axa promeut les zones où il fait bon vivre. Du storytelling pour donner une bonne image de la compagnie d’assurance. Mais il faut attendre le 3 mai pour pouvoir visionner ce webdocumentaire.

Mise en avant du produit

« Drive&Seek » de Mercedes

L’expérience interactive de la nouvelle mercedes Classe C coupée est l’exemple même de la mise en avant d’un produit dans un film interactif. Le produit est adapté dans une histoire où l’utilisateur prend les décisions pour le personnage principal dans un environnement contextuel. Le film est dans la lignée des scénarios d’actions américains. Ce n’est pas sans rappeler le film interactif de la Citroën C4. Un braquage de banque, une course poursuite avec les policiers, tout y est !

Tous les éléments disponibles dans cet article sont visibles sur les sites de –

www.changer-ma-pme.laformationpro.com
www.pwcrecrute.com/webdocu.html
www.ajourneyintolongevity.axa.com
www3.mercedes-benz.com/mbcom_v4/xx/c-class-coupe/en.html

Les droits de propriété intellectuelle sur l’ensemble des éléments (animations, photographies, illustrations, images, textes, recettes, fiches techniques, musiques etc…) composant les éléments de cet article sont la propriété exclusive de leurs auteurs.

Pour aller plus loin

• Le webdocumentaire de laformationpro.com
  « Au coeur de ces PME qui changent »
• Le webdocumentaire de PWC
  Et si l’épanouissement faisait la différence
• Le webdocumentaire de Axa
  Blue Zone
• Le webdocumentaire de Mercedes
  Drive&Seek

Copyright©ihgamz.fr

Si les noms de pacman, pong, mario, splatterhouse, the legend of zelda, starfox adventures, space invaders, donkey kong… ne vous disent rien. Vous êtes confronté(e) au dilemme suivant qui est le première expression du « gamedesign » :

1. Soit c’est une nouvelle fois, l’occasion de passer votre chemin*.
2. Soit c’est de prendre une leçon de culture générationnelle sur le jeux vidéo.

* A moins d’habiter sur une ile déserte, il nous semble aujourd’hui difficilement concevable qu’une personne n’est jamais entendu au moins une fois l’un des ces noms !

Les apparences sont trompeuses, l’objet en lui-même, ressemble plus à première vue à un remake régressif et plutôt masculin qu’à un webdocumentaire. Visuellement notamment, on est vite plongé vraiment dans un univers très nostalgie Tron-Pong du début 80, les temps héroïques du jeux vidéos. Très vite, pourtant, ce petit module se révèle en fin de compte très instructif sur la genèse et le devenir des jeux vidéos, il est truffé d’anecdotes amusantes et instructives sur l’histoire du jeux vidéos.

Il est vrai que chez 3WDOC, on a triché et on a mis la main directement sur le fichier .xml qui contient toutes les informations-clés sur les principaux jeux d’où cette soudaine infaillibilité quant à notre culture en matière de jeux vidéos.

C’est l’agence Kipik, qui s’est frotté à d’épineuses questions telles que « Comment étaient perçus les joueurs au temps des premières consoles ? » ou « La dématérialisation sonne t-elle la fin des consoles ? », et nous gratifie de ce cours magistrale sur le jeux vidéo à l’aide de différents intervenants. Au-de-là de cette mise au point instructive, c’est un joli petit coup de pub…

A n’en pas douté le jeu reste un support de narration et de fiction encore peu exploitée. L’écrivain Chloé Delaume ne s’y était pas trompée, avec son projet mené autour jeu de simulation de vie virtuelle créé par Will Wright en 1999, Les Sims™.

Tous les éléments disponibles dans cet article sont visibles sur le site de ihgamz.fr – http://ihgamz.fr/

Les droits de propriété intellectuelle sur l’ensemble des éléments (animations, photographies, illustrations, images, textes, recettes, fiches techniques, musiques etc…) composant les éléments de cet article sont la propriété exclusive de leurs auteurs.

Kyōto, Japon, le siège historique de Nintendo

Pour aller plus loin

• Pong de Nolan Bushnell
  http://fr.wikipedia.org/wiki/Pong
• Tron de Steven Lisberger, de 1982
  http://fr.wikipedia.org/wiki/Tron
• Une tentative dans la vraie vie de Pong
  http://www.dailymotion.com/video/x100hs_pong-in-real-life_fun
• Chronologie du jeu vidéo
  http://fr.wikipedia.org/wiki/Chronologie_du_jeu_vid%C3%A9o
• Un moustachu aussi célèbre que Freddie Mercury, Mario (マリオ?)
  http://fr.wikipedia.org/wiki/Mario
• Le projet Corpus Simsi
  http://www.chloedelaume.net/sims/
• L’agence Kipik
  http://ihgamz.fr/Agence/

Copyright© arte.tv

Arte adopte pour sa dernière production le framework javascript PopCorn afin de profiter pleinement des avancées du HTML5, le contact avec ONF a sans doute été fructueux. A la manœuvre comme toujours pour cette réalisation impeccable, Upian. Pour l’anecdote, c’est même l’un des développeurs d’Upian qui nous a signalé cette réalisation « Notre poison quotidien » que nous n’avons pas mentionné lors de notre précédent article ! Par le présent article, nous réparons cet oubli et nous sommes donc allés faire un tour sur le site de « Notre poison quotidien ».

Pour ceux d’entre vous qui ont vu le documentaire, le sujet est des plus anxiogène… et paradoxalement le site est étonnamment rafraîchissant. Ce dernier est abondamment fourni en informations et profite pleinement du potentiel offert par les plugins PopCorn !

La démo « Notre poison quotidien »

Record d’audience à la télévision pour un documentaire en prime time, avec 1 251 000 téléspectateurs soit 4,8% de part de marché.
Le programme réalise également d’excellentes performances sur le site d’ARTE. Mis en ligne le 1er mars, le dossier web a généré à ce jour près de 135 000 visites et 225 000 pages vues en France et en Allemagne. Un score sept fois supérieur à la moyenne habituelle des contenus web consacrés aux programmes de société et d’investigation. (cf article Mediaterre).

Ce succès est sans doute du à l’envie des internautes de prolonger leur visionnage sur l’écran de télévision vers un contenu interactif et enrichi sur le web.

La démo est très bien réalisée. Les plugins de Popcorn JS : Google News, Wikipédia et Twitter sont actualisés avec le propos de la vidéo. L’interface est sobre et laisse toute la place à l’information.

Mozilla et le projet Web made movies

Mozilla a créé le projet « Web made movies » qui est un laboratoire ouvert de vidéo en collaboration avec les développeurs de l’ONF. Il consiste à développer des framework pour créer de la vidéo augmentée sur le web.

Partnering with the National Film Board of Canada
As mentioned on their blog, we have joined a partnership with the NFB’s Platform Development team to investigate ways HTML5 can help add value to their rich catalogue of films from the last 75 years.

Quant à 3WDOC…

Nous sommes contents de voir que les projets avancent en terme de HTML5 dans le monde du webdocumentaire. L’un des acteurs majeurs du webdocumentaire en France, Upian, se lance donc sur cette voie en suivant le projet de développement lancé par l’ONF. Chez 3WDOC, on ne peut que se féliciter de cette engouement pour le HTML5 et continuer de croire en notre projet. Des nouvelles démos vont d’ailleurs bientôt arriver sur notre site…

Tous les éléments disponibles dans cet article sont visibles sur le site de – http://notre-poison-quotidien.arte.tv/fr/

Les droits de propriété intellectuelle sur l’ensemble des éléments (animations, photographies, illustrations, images, textes, recettes, fiches techniques, musiques etc…) composant les éléments de cet article sont la propriété exclusive de leurs auteurs.

Pour aller plus loin

• Notre poison quotidien
  Notre poison quotidien
• Le site PopCornjs
  http://popcornjs.org/
• Les audiences de « Notre poison quotidien »
  http://www.mediaterre.org/europe/
• Explication du projet Arte et Mozilla
  Arte adopts Mozilla’s popcorn.js
• Le projet Web Made Movies sur le blog de l’ONF
  The NFB and Mozilla to undertake joint exploration of HTML5

Copyright© www.tcmcinema.fr

Ce toute dernier webdocumentaire* que nous venons de produire et de localiser pour le compte de TCM est un cours magistral à plusieurs titres :

• C’est un morceau de bravoure, fondé sur du « Brand Content » et un « Digital Storytelling » admirablement maitrisés. En effet, comme on pourrait le faire pour de vénérables marques françaises ou européennes, cette opération de TCM France associe encore plus sa marque à l’histoire du cinéma, à ces entrepreneurs audacieux et créatifs que sont les Moguls, fondateurs des plus grands studios d’Hollywood. Les valeurs véhiculées par chacun de ces personnages sont un patrimoine dans lequel TCM France et TCM.com puisent pour faire étinceler un peu plus son aura de chaîne du cinéma !
• C’est un voyage à travers le cinéma américain qui a façonné la culture populaire des USA au même titre que celui proposé par Martin Scorsese dans « A Personal Journey with Martin Scorsese Through American » (Un voyage avec Martin Scorsese à travers le cinéma américain).
• C’est une leçon de management et de capitalisme américain. Les personnalités atrabilaires et vindicatives ou singulièrement pacifiques de certains Moguls sont dignes de figurer au panthéon du management. Ils ont créé certes les studios mais aussi des méthodes parfois très sophistiqués et personnelles de management. Citons les moins connus : Harry Cohn, Marcus Loew, Carl Laemmle, Jules Stein, Lew Wasserman, Adolph Zukor. Au total, 21 portraits de ces nababs d’Hollywood sont disponibles : Adolph Zukor, Carl Laemmle, D.W. Griffith, Darrylf Zanuck, David O. Selznick, Hal Roach, Harry Cohn, Howard Hughes, Irving Thalberg, Jack Warner, Jesse Lasky, Jules Stein, Lew Wasserman, Louis B. Mayer, Mack Sennett, Marcus Loew, Sam Warner, Samuel Goldwyn, Thomas Edison, Walt Disney, William Fox.
• Avec une approche plus politique, c’est un cours sur la « softpower », si bien décrite et analysée dans la livre de « Mainstream, Enquête sur cette culture qui plaît à tout le monde » de Frédéric Martel. Hollywood a façonné le mode de pensée américain plus tard mondial. On y retrouve aussi des accents du Storytelling si cher à Christian Salmon « Storytelling la Machine à fabriquer des histoires et à formater les esprit ».
• Une fois l’atlantique passé, cet objet, conçu en flash, peut être considéré comme un webdocumentaire. C’est plus chic et moins mercantile que Brand Content !
• C’est en flash, comme on le rappelle, une ligne plus haut. On voit bien que par rapport à HTML5, Flash garde tout son sens pour des produits très haut de gamme.

Tous les éléments disponibles dans cet article sont visibles sur le site de – http://www.tcmcinema.fr/mythes-et-stars/

Les droits de propriété intellectuelle sur l’ensemble des éléments (animations, photographies, illustrations, images, textes, recettes, fiches techniques, musiques etc…) composant les éléments de cet article sont la propriété exclusive de leurs auteurs.

webdocumentaire* : Cet opus peut, de manière effrontée, être considéré comme un webdocumentaire, à classer dans la catégorie « Mainstream » ou « Brand Content ». On avait déjà débattu de cette épineuse question Cf Webdoc, En quête de héros, Les Communes de Paris – Vue croisée sur le Webdocumentaire, produit mainstream ou produit de niche ?

Hollywood, USA

Pour aller plus loin

• Mythes et Stars, la grande histoire d’Hollywood
  http://www.tcmcinema.fr/mythes-et-stars/
• Storytelling
  http://fr.wikipedia.org/wiki/Storytelling_(livre)
• :: Frédéric Martel – Site officiel ::
  http://www.fredericmartel.com/
• A Personal Journey with Martin Scorsese Through American (Un voyage avec Martin Scorsese à travers le cinéma américain)
  http://www.imdb.com/title/tt0112120/

Copyright© collapsus.com

Une expérience de storytelling interactive sur les énergies en ligne depuis octobre 2010. Réalisé par Tommy Pallotta et produit par Channel Submarine au Pays Bas. Il est difficile de mettre une étiquette sur cette création réalisée en Flash. Problème de sémantique, manque de vocabulaire? On chipote ! Il est clair que c’est l’auteur lui-même qui définit le mieux cette oeuvre multimédia : « a transmedia storytelling experiency ».

Transmedia ?

Au départ la chaine hollandaise Submarine a commandé un documentaire pour le diffuser à la télévision et sensibiliser la jeune population aux énergies et à l’environnement. Le support faisant partie de l’aventure, les auteurs ont décidé de transposer ce documentaire sur internet pour en faire une oeuvre interactive plus adaptée selon eux à la cible visée.

Storytelling ?

Une référence dans le genre. A l’heure où la production d’énergie est au centre des débats. Tommy Pallotta a réalisé une expérience interactive qui permet une immersion dans un futur proche où l’utilisateur doit faire le choix entre être éco-terroriste ou subir le choix des autres concitoyens. La crise de l’environnement est totalement scénarisée, sous ses faux airs de jeux vidéos, on reste dans une sensibilisation documentée. Même si l’on est parfois un peu perdu par les possibilités proposées par la bête ! De Londres en 2012 à Sofia en 2025, on suit les personnages dans leur quête écologique.

Autour de l’interface

L’écran est divisé en 3 parties:

• Au centre un mix de vidéos et d’illustrations dans un récit linéaire que l’utilisateur peut gérer grâce à une timeline en bas de l’écran. La réalisation est propre et le mélange des genres est très bien géré, on est propulsé entre les différents styles sans cassures.
• A droite un espace dédié à des « têtes parlantes « , des journalistes, scientifiques, experts qui analysent les situations suivant l’avancé de la vidéo de l’écran central.
• A gauche une espace interactif sous forme de planisphère pour gérer les productions d’énergies.

Il est possible de naviguer entre les trois écrans facilement, simplement en glissant la souris sur les bords de l’écran. Autant dire que l’ergonomie a été réfléchie puisque les manipulations sont à la limite de l’intuitif.

N’oublions pas de mentionner que le webdoc a été nominé au Sheffield docfest dans la catégorie Cross Platform Doc en 2010.

Voici une vidéo teaser présentée par la chaine hollandaise Submarine.

Collapsus Walkthrough from Submarine Channel

Cliquer ici pour voir la vidéo.

Tous les éléments disponibles dans cet article sont visibles sur le site de http://www.collapsus.comLes droits de propriété intellectuelle sur l’ensemble des éléments (animations, photographies, illustrations, images, textes, recettes, fiches techniques, musiques etc…) composant les éléments de cet article sont la propriété exclusive de leurs auteurs.

Pour aller plus loin

• Le site de Collapsus
  http://www.collapsus.com
• Collapsus: rencontre frontale avec l’oeuvre et son créateur
  http://owni.fr/2010/10/05/collapsus-rencontre-frontale-avec-un-loeuvre-et-son-createur/