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 © ONE MILLIONth TOWER

On peut souvent reprocher aux webdocumentaires un déséquilibre entre le fond et la forme. Déséquilibre qui oscille entre deux écueils que l’on pourrait ainsi résumer : d’un côté une surabondance de contenus couplée à une interactivité quasi-inexistante, de l’autre un objet truffé d’effets « Ouah » mais doublée d’un contenu famélique. Eh bien, le moins que l’on puisse dire c’est que cette dernière production, qui nous vient du Canada, « ONE MILLIONth TOWER » de Katerina Cizek, Mike Robbins + friends échappe à ces deux écueils. Mieux, ce webdocumentaire réussit une prouesse technologique hors-norme faite en HTML5, sur laquelle nous reviendrons plus loin dans l’article et cette prouesse technologique se marie admirablement bien avec le point de vue développé par les auteurs.

Des tours et des hommes

Le propos est simple, l’urbanisation croissante de l’humanité, a produit des monstruosités architecturales, des tours dans d’immenses cités dortoirs, que l’on est bien en peine de réhabiliter. De ce constat accablant, « ONE MILLIONth TOWER » fait une proposition simple : pourquoi les habitants eux-mêmes de ces ensembles ne sont-ils pas consultés pour se réapproprier cet espace urbain afin de proposer des solutions et des améliorations. C’est tout le propos du webdoc qui nous plonge dans une douce utopie où par la magie de la collaboration entre des architectes, les habitants et les concepteurs du projet fleurissent au propre comme au figuré ici des jardins, là un espace de jeu…

C’est une manière tout à fait innovante et créative d’aborder des problématiques qui touchent globalement tous les grands centres urbains. L’expérience est menée dans le grand Toronto, mais elle pourrait être tout à fait menée ailleurs.

En effet, toutes ces tours construites sur le même modèle produisent généralement les mêmes effets, souvent désastreux en terme d’urbanisme : absence de centralité (en gros pas de centre-ville), impossibilité de décrypter les relations urbaines, continuité monotone du bâti à l’image d’une cité soviétique. En clair personne ne sait dans ces ensembles à quel moment on est dans une rue, où commence et où finit l’espace social. On y retrouve les mêmes travers qui nuisent considérablement à la vie des habitants : la monumentalité des bâtiments, une répétition des formes architecturales, l’absence de mixité typologique au niveau des bâties comme disent les urbanistes et de repaires géographiques produit cette sensation d’habiter au milieu d’un « no man’s land » où les tours semblent posés sans considération pour les habitants et leur vie sociale.

Ajouter à cela : la paupérisation de ces quartiers, l’inexistence de transports, de commerces et/ou d’équipements et on obtient une image fidèle d’une situation explosive et dégradée propre à ces ensembles à travers le monde.

Plus proche de nous, l’approche de ce webdoc n’est pas sans rappeler celle de l’architecte Patrick Bouchain qui affirme dans de nombreuses interviews qu’il faut construire ensemble pour habiter ensemble. Cette démarche passe selon lui par une écoute de la demande des habitants. CQFD.

Au-delà des enseignements urbanistiques à retenir de ce webdoc, nous y voyons aussi chez 3WDOC, deux enseignements technologiques majeurs pour l’avenir du HTML5. Quels sont-ils ?

Un vent mauvais pour AIR

L’un des enseignements dépasse largement le cadre même de ce webdoc, l’autre est intimement lié à la réalisation de cet « interactive documentary experiment » comme le nomme leurs auteurs.

1. L’arrêt du support de Flash sur mobile au bénéfice de HTML5 : On ne va pas épiloguer sur la disparition annoncée de la technologie Flash. Disparition entérinée par Adobe lui-même, qui ainsi va pouvoir mieux se concentrer sur une exploitation en SAAS de sa gamme de logiciels. Le web bruisse de l’annonce faite par Adobe de ne plus assurer le support de Flash Player pour les navigateurs disponibles sur mobiles. L’anathème de feu Steve Jobs semble continuer de faire des ravages.
2. Le duo gagnant HTML5 + WebGL dans l’animation et l’interaction : Ce webdoc ONE MILLIONth TOWER montre enfin que la combinaison HTML5 WebGL grignote le pré carré de de la technologie Adobe à savoir les effets de pointe graphiques et interactifs que jusqu’à présent seule la technologie d’Adobe était en mesure d’opérer. A ce titre, on vous invite à découvrir d’autres expériences menées en HTML5 + WebGL tel que le bluffant ROME (www.ro.me)

La présentation du projet ONE MILLIONth TOWER

ABOUT ONE MILLIONth TOWER

The highrise re-imagined.

One Millionth Tower re-imagines a universal thread of our global urban fabric — the dilapidated highrise neighbourhood. More than one billion of us live in vertical homes, most of which are falling into disrepair. Highrise residents, together with architects, re-envision their vertical neighbourhood, and animators and web programmers bring their sketches to life in this documentary for the contemporary web browser.

The result of this unique collaboration is a lush visual story unfolding in a 3D virtual environment. Visitors explore how participatory urban design can transform spaces, places and minds.

One Millionth Tower is “hyper-local” documentary. It’s hyper-local because it’s grounded in a particular community — a highrise on Kipling Avenue in suburban Toronto, Canada — where the HIGHRISE team has worked with residents for over two years. The project is a concrete result of a community collaboration between residents, architects, documentarians and animators to re-imagine the particular spaces around these particular highrises.

Yet it’s hyper-lobal, because so many of the hallmark problems that these residents face are found in highrise communities around the globe: deteriorating buildings; physical and cultural separation from the downtown core; poor access to social services and commerce; poor public transit and long-distance commutes, resulting in a reliance on cars and long travel times; little or no community play space for children; as well as no community space and fabric between the residential buildings themselves. One Millionth Tower suggests these problems can be solved — it just takes some imagination.

Additional Features include:

a behind-the-scenes documentary about the collaborative process
a short documentary featuring international examples of tower revitalization
a short documentary exploring the open technology used to create the project
and a spectacular interactive feature that takes you to highrise neighbourhoods in more than 200 countries in the world, thanks to Google Streetview and satellite imagery. It’s based on our own original research to find and understand highrise communities around the globe.
One Millionth Tower is a story with global implications about how, with the power of imagination, we can transform the urban and virtual spaces that belong to all of us.

One Millionth Tower is one of the world’s first HTML5/webGL documentaries.

Toronto, Canada

Pour aller plus loin

• Le webdocumentaire NFB – One Millionth Tower
  http://highrise.nfb.ca/onemillionthtower/
• Popcorn.js | The HTML5 Media Framework
  http://popcornjs.org/
• Quelques expériences WebGL
  http://www.chromeexperiments.com/webgl
• La tentative de Mike Robbins de Helios Design Labs (http://www.heliozilla.com/), un des concepteurs à l’origine de ONE MILLIONth TOWER
  http://www.chromeexperiments.com/detail/highrise-one-millionth-tower/?f=webgl
• La page wikipedia de Patrick Bouchain
  http://fr.wikipedia.org/wiki/Patrick_Bouchain
• Construire autrement avec Patrick Bouchain
  http://www.metropolitiques.eu/Construire-autrement-avec-Patrick.html
• No Flash? No problem
  http://www.zdnet.com/news/no-flash-no-problem/6329650
• Google Swiffy, où quand Google vient à la rescousse d’Adobe.
  http://www.google.com/doubleclick/studio/swiffy/
• ROME « 3 Dreams of Black », a new an interactive film by Chris Milk. With music from the album « Rome » by Danger Mouse, Daniele Luppi, featuring Jack White and Norah Jones.
  http://www.ro.me/tech/

Copyright© www.mtl12.com

C’est Vincent Bonnemazou, co-auteur « d’Un facteur en campagne » avec Jean-Luc Luyssen (photographe) qui nous a signalé ce web documentaire déjà ancien à l’échelle de l’histoire du webdoc ; il date de 2007 mais toujours innovant « Montreal en 12 lieux »… Conquis, nous avons décidé de consacrer un article à ce projet interactif qui bien évidemment a déjà remporté de nombreux prix (Lauréat du web flash festival 2008, FWA, SOTD, Grand Prix du Gémeaux, Meilleur site Web émission documentaire, Applied Arts Interactive Media Awards, Digital Marketing Awards, Communication Arts, Boomerang Grand Prix, Grakika).

Produit par deux québécois, Vianney Tremblay et Philippe Lamarre, pour le compte d’Urbania et Toxa, ce documentaire présente Montréal en 12 lieux insolites. La version télévisée est prolongée sur le web avec des contenus complémentaires.

Le scénario

Parc, boîte de nuit, hôtel de luxe, marchés, chaque étape est illustrée autour d’un personnage emblématique habitué des lieux. Des interview et panoramas visuels sont disponibles au fur et à mesure que l’on évolue dans cet univers interactif original.

Le design

L’usage des effets est peut être un peu excessif, car il est parfois difficile de cliquer sur des boutons en mouvement. Mais le design de l’interface et le graphisme créent un attrait particulier à ce projet et sont remarquablement soignés.

On vous laisse découvrir ou redécouvrir cette œuvre multimédia !

Urbania est un magazine indépendant montréalais original qui se décrit ainsi : « Anticonformiste, provoquant, graphiquement audacieux, décalé, déjanté, délirant… On pourrait attribuer à Urbania tout un chapelet d’adjectifs. Cela nous éloignerait cependant de sa mission première : rendre l’ordinaire extraordinaire. »

• « Montréal en 12 lieux »
  Le site de Montréal en 12 lieux
• Le site de TV5 canada
  Le site de TV5 Canada
• Urbania
  Le site du magazine Urbania »
• Toxa
  Le site de l’agence Toxa
• Un facteur en campagne
  Le webdoc sur le site Lemonde.fr

Montréal, Canada

Tous les éléments disponibles dans cet article sont visibles sur les sites de – http://wwww.mtl12.com

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.

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©ONF

Le monde du HTML5 et des expérimentations dans le domaine du webdocumentaire est riche de bonnes nouvelles. Comme souvent, dans le domaine du web et du multimédia, ces bonnes nouvelles nous viennent du Canada et plus spécifiquement de l’ONF (Office national du film du Canada).
Puisque, ONF ouvre deux chantiers, l’un technologique avec Mozilla et l’autre, plus éditorial, avec Arte dans le domaine de la production de webdocumentaires.

1. Mozilla et l’ONF s’allient pour tenter des expérimentations en HTML5
2. ONF et ARTE lancent un cycle de coproduction de documentaires à destination des nouveaux médias comme on dit ! Le premier projet de cette collaboration se nomme Code barre, un vrai nom de code donc…

C’est un peu comme si, en France, le CNC décidait de s’allier avec Mozilla Europe pour tenter des expériences en HTML5 !

Le projet ONF en HTML5

Rapidement, ce projet ONF Mozilla s’agrège autour d’un grand nombre d’acteurs internationaux du Web, en témoigne cette extrait tiré directement du blog de l’ONF.

Ce projet a une portée internationale. Il unit les forces de Mozilla, c’est-à-dire : le producteur et réalisateur Brett Gaylor (RiP : remix manifesto) et son projet Web Made Movies, des étudiants du collège Seneca de Toronto, des développeurs de Bocoup, des développeurs de la compagnie espagnole A navalla suiza et, bien entendu, l’équipe de développement de l’ONF.

Plus spécifiquement, dans le projet ONF HTML5, on retrouve les partenaires ci-dessous parmi lesquels il y a d’évidence des experts pour chaque domaine propre à la création d’objets multimédias interactifs notamment en javascript via la librairie JavaScript Popcorn.

• Bocoup, http://bocoup.com/
• A navalla suiza, http://anavallasuiza.com/
• Brett Gaylor, http://twitter.com/remixmanifesto
• Le Seneca College de Toronto, Canada, http://www.senecac.on.ca/

Et… le projet 3WDOC dans tout cela !

On ne désespère pas de vous surprendre avec notre projet en HTML5, basé sur JQuery nommé 3WDOC Studio. Cette web application, on l’a dit, permettra de raconter des histoires interactives directement sur le web. Nous aussi nous avons bien parlé avec Tristan Nitot, mais bon l’homme, comme on l’a dit plus haut, est accaparé par la lancement de Firefox 4. On ne désespère pas non plus de faire quelques chose en ce sens. En témoigne, le nombre de vidéos disponibles sur le web où Tristan Nitot parle avec gourmandise et enthousiasme de ce bébé collectif qu’est le nouveau Firefox 4. Tristan Nitot est un homme pressé et on lui souhaite bonne chance pour le lancement de Firefox 4 dont on se félicite ici à 3WDOC. Quoiqu’il arrive, on s’emploiera à ce que notre future web application 3WDOC Studio soit disponible comme application dans le futur Firefox Web Store comme dans le Google Chrome webstore.

Ah, oui, il y a aussi Wallaby, une application AIR, de chez Adobe, qui permet d’exporter des animations Flash en HTML5. A suivre, c’est un début mais la version proposée actuellement est plutôt tournée vers les utilisateurs les plus aguerris, dont nous faisons aussi parti chez 3WDOC en regard de nos heures sous Flash et c’est aussi un appel du pied d’Adobe en direction de Apple du genre enterrons la hache de guerre !

Une liste compléte des avantages de Firefox 4, éloquent, en français

Cliquer ici pour voir la vidéo.

En anglais, sur un point technique, l’accélération matériel

Cliquer ici pour voir la vidéo.

Un extrait du code source des pages de l’ONF, un clin d’oeil de l’équipe

	<!--
	   _____
	  / ___ \
	 / / _ \ \
	 \ \(_)/ /
	  \_   _/
	   |   |   Equipe web ONF /
	   |_|_|   NFB web team  / 2008-2011
	   =====
	-->

Pour aller plus loin

• Le blog ONF sur la coproduction avec Arte
  http://blogue.onf.ca/2011/03/08/onf-arte-coproduction-documentaires-web-inedite/
• le blog ONF qui annonce la collaboration avec Mozilla
  http://blogue.onf.ca/2011/03/01/lonf-et-mozilla-sunissent-pour-explorer-le-html5/
• Office national du film du Canada / National Film Board of Canada
  http://www.onf.ca/
• Chrome Web Store – Apps, Extensions and Themes
  https://chrome.google.com/webstore
• CNC (Centre National de la Cinématographie )
  http://www.cnc.fr/
• La « Release Candidate » de Firefox 4
  http://www.mozilla.com/fr/firefox/RC/
• CNC (Centre National de la Cinématographie )
  http://www.mozilla.com/fr/firefox/RC/
• Convert Adobe Flash FLA files into HTML and reach more devices
  http://labs.adobe.com/technologies/wallaby/
• Le site officiel de la librairie Popcorn.js, an HTML5 Video Framework
  http://popcornjs.org/

Copyright© http://www.soul-patron.com/

Le but du projet est de faire ressentir à l’utilisateur l’atmosphère du Japon en le plongeant dans la religion, la culture et la société japonaise avec un focus sur Mizuko Jizo.

Soul Patron a été entièrement produit et réalisé par Frederik Rieckher, 25 ans, en 5 mois, dans le cadre de son master “Media Direction” à l’“University of Applied Sciences” à Darmstadt en Allemagne.

C’est un webdocumentaire à propos de Mizuko Jizo et le Japon. Jizo Mizuko est la gardienne des enfants, en particulier ceux qui meurent avant leurs parents et ceux qui sont nés abandonnés. Dans la mythologie japonaise, ces enfants sont incapables de trouver leur chemin vers l’au-delà. Jizo sauve ces âmes et les cache des démons dans le pli de sa robe. Il est composé de 34 scènes qui comptabilise au total 6 heures.

L’objectif du projet est de faire ressentir à l’utilisateur l’atmosphère du japon en lui faisant découvrir la religion, la culture et la société japonaise.

C’est réussi ! Une leçon d’art digital qui nous transporte dans le Japon des récits photographiques de Nicolas Bouvier. On retrouve l’extreme délicate précision japonaise des estampes japonaises ou l’ikebana, l’art floral.

Le contenu est très riche. Chaque scène est identifiée grâce à une sorte d’ADN pour indiquer à l’utilisateur le taux d’information qu’elle contient en atmosphère japonaise, religion, culture et société.

La narration est très intéressante car osée ! Et oui Frederik Rieckher a démultiplié les choix proposés à l’utilisateur avec une complexité digne d’une création d’origami. Sur une même scène on peut avoir 6 chemins différents. L’aide est toujours disponible grâce à une petite animation, sorte de « kokeshi » digitale, qui présente dans tout le webdocumentaire. De plus la timeline, représentée par des Polaroïds, permet à l’utilisateur d’avoir une « overview », de s’orienter et de choisir la narration qu’il souhaite.

Le webdocumentaire a été nommé à l’IDFA 2010 d’Amsterdam pour le DocLab Awards. Il a aussi été invité au FIPA de Biarritz en janvier 2011.

Chez 3WDOC, on est définitivement conquis par cette oeuvre digitale.

La bande-annonce en ligne de cette pièce unique graphique et narrative

Cliquer ici pour voir la vidéo.

Tous les éléments disponibles dans cet article sont visibles sur le site de – http://www.soul-patron.com/

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.

Le Japon

Pour aller plus loin

• Fipa Janvier 2011
  La description de Soul Patron
• Blog de Soul patron
  Le blog de Soul Patron avec une enquête qualitative du Soul Patron
• Le webdocumentaire Soul patron
  Le webdocumentaire Soul Patron

Copyright© www.anewwarrior.com/

GreenPeace à la pointe des technologies de l’information et de la communication, vient de lancer un site web enrichi en Flash. Un résultat époustouflant !

Militer sur le web grâce aux contenus multimédias enrichis c’est possible! On le sait bien, Greenpeace a toujours été à la pointe des outils de communication. Mais aujourd’hui l’ONG nous surprend avec cette application militante qui permet de récolter des fonds pour construire le nouveau « Rainbow Warrior ».

• LA COMMUNAUTÉ SUR LE DEVANT DE LA SCÈNE

  Les utilisateurs peuvent acheter des produits à partir de la plus petite cuillère jusqu’à un moteur du bateau dans le Shop en ligne. Ensuite chaque contributeur est remercié avec une parution dans l’onglet « The contributors » et la localisation de son achat dans le bateau par un point rouge sur une vue graphique 3D animée.
  Ce principe d’achat communautaire a déjà été vu, comme par exemple l’ONG Intermon Oxfam qui propose à l’utilisateur d’acheter 8 poules pour offrir à un agriculteur du tiers monde.

Tout cela dans une application flash bien ficelée. L’interface rappelle les codes d’un jeu vidéo, avec les cartes de navigation en 3D dans le rainbow warrior toujours à disposition. Tout est fait pour que l’utilisateur se sente acteur de la construction. Le militantisme est bien présent avec un fond sonore qui permet une immersion totale. L’avancement de la construction réelle est mise en avant, sur la page d’accueil.

• LES AUTRES CAMPAGNES DIGITALES DE GREENPEACE

  Greenpeace n’est pas à son coup d’essais : la série « Vivement la désintox » est une campagne de digital storytelling innovante. Sur un ton humoristique, l’ONG fait encore une fois passer le message qu’elle souhaite sous une forme plus divertissante afin de toucher un public plus large. C’est donc ça le storytelling, créer une immersion de l’utilisateur par le biais du récit.

• UN MOUVEMENT UNIFORME

  Les autres ONG et associations humanitaires l’ont bien compris, la communication digitale permet de toucher plus de membres et de rallier de nouveaux membres à leurs causes. Voici un exemple déjà cité dans notre blog :

  Deux webdocumentaires, croix-rouge, GoudouGoudou, retour en Haïti un an après le tremblement terre

Avec un format plus ludique et plus attractif, le storytelling digital permet de développer de nouvelles approches vers un public jeune et dispersé dans le monde entier.

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

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.

Tous les éléments disponibles dans cet article sont visibles sur le site de – http://www.vivement-la-desintox.com/

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.

Bremerhaven, Allemagne

Pour aller plus loin

• One Rainbow Warrior
  http://www.anewwarrior.com/
• « Vivement la désintox » de Greenpeace, série sur l’addiction au pétrole
  http://www.vivement-la-desintox.com/
• Digital storytelling
  http://fr.wikipedia.org/wiki/Digital_Storytelling
• Le site de Greenpeace France
  http://www.greenpeace.org/france/

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/

Copyright© nikebetterworld.com

Ces deux webdocs dessinent à eux seuls le cadre dans lequel peut s’inscrire le modèle économique et l’environnement technologique des productions de webdocumentaires.

Nike Better World, un bon mix Flash-HTML5 pour du brand content et du digital storytelling de haute volée

Nike, oublieuse des « sweatshop » et de la communication pathétique de son fondateur Phil Knight, impitoyablement piégé il est vrai dans The Big One de Michael Moore. Ce qui l’avait un temps placé dans le club très fermé des PDG honnis, respectivement à la gauche de Ingvar Feodor Kamprad et à droite de Bill Gates.

Tout cela appartient désormais au passé et on peut se consacrer, voluptueusement à cette leçon de « Brand content » et de « digital storytelling » sur un mix technologique dernier cri !

L’influence des smartphones est perceptible dans l’ergonomie et le mode de navigation, proposée dans cette production mais au-de-là de cette simple remarque.

On voit qu’une marque comme Nike, pourtant richement doté, opte pour un mix technologique fait d’HTML5 et de Flash quand cela semble nécessaire*. Mieux encore, Nike utilise même les services de l’opérateur de vidéo Brightcove, justement pour que le passage d’une technologie à une autre se fasse sans problème pour les utilisateurs. Nike doit pouvoir délivrer la même expérience quel que soit la plate-forme, mobile ou pas, en HTML5 et/ou en Flash, l’une ou l’autre des technologies se servant réciproquement de solution de « fallback ».

* Pour la vidéo notamment mais pour combien de temps encore ? Rappelez-vous que Google a racheté On2 et va imposer les armes numériques à la main son codec et son format de fichier type .webm, libre de droits. Le .flv pourrait être le grand perdant de cette opération en voyant disparaitre un de ses avantages technologiques majeurs. A relire, un article plus pointu sur la question.

• Flash, HTML5, Vidéo, WebM – La guerre des formats aura-t-elle lieu ?

Webdoc – Paris.fr

Un petit webdoc bien pensé par l’équipe de Paris.fr, qui nous apporte toute la diversité parisienne sur un plateau, dans l’intimité de la « France d’en bas ». Technologiquement, là encore un mix subtil d’HTML5 et de Flash. Une certaine excellence dans la sobriété en quelque sorte**.
** Thanks to JGC for this enlightenment

On voit donc dans un spectre très large de productions de toute envergure et de tout type qui tirent profit des deux technologies. Ces dernières technologies vont encore probablement pour un temps cheminaient côte à côte jusqu’à ce l’une avale l’autre comme deux serpents se dévorant l’un l’autre, qui sait ?

Tous les éléments disponibles dans cet article sont visibles sur le site de- http://www.nikebetterworld.com. 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.

Tous les éléments disponibles dans cet article sont visibles sur le site de- http://webdoc.paris.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.

Le siège de Nike est à Beaverton, Oregon

Pour aller plus loin

• HTML5: the standard in high-quality web video
  http://www.brightcove.com/en/online-video-platform/html5-video
• Cool Sites: Nike’s ‘Better World’ Site Embraces HTML5
  http://www.webmonkey.com/2011/01/cool-sites-nikes-better-world-site-embraces-html5/
• Nike Better World
  http://nikebetterworld.com
• Webdoc – Paris.fr – Parisiens : Des photos, une voix…
  http://webdoc.paris.fr

Copyright© www.lescommunesdeparis.fr

Décidément, la profusion de webdocumentaires qui sortent en ce moment laisse quelque peu chancelant la rédaction de 3WDOC. C’est à se demander si la moindre production Flash, avec ou sans plein écran, sera désormais d’autorité et de façon consensuelle, toujours classée dans la catégorie webdoc. Ce n’est pas à nous d’en décider, là encore, nous nous tiendrons à distance de toute polémique. Après tout, le web, pour parodier le mot de Malraux*, comme le cinéma ou la télévision est une industrie avec une grande variété d’oeuvres produites, du webdoc de pointe à la bonne production « mainstream ».

En voilà donc une production « mainstream » de qualité, concocté par CAPA** et MSN, on vous laisse la découvrir. La seule chose à dire aux esprits chagrins qui se demandent quel modèle économique y-a-t-il pour le webdoc, CAPA montre la voie à sa manière, reste à savoir si c’est un webdoc ? Ce n’est pas sans rappeler la polémique, très franco française, déjà ancienne, sur l’ADN de productions audiovisuelles comme Loft Story classé un temps comme « oeuvre » ou Popstars qui bénéficia du label Scam et reçut par conséquent une « aide au documentaire de création ».

Contre toute attente, en cherchant l’essence au de-là des apparences, comme le ferait un marxiste bon teint, 3WDOC a fini par mettre la main sur l’exécutant de cette remarquable production en Flash, www.photosim.fr, sans doute Simon Bouisson et consorts… Et du même coup de tomber sur cet autre webdoc, www.lescommunesdeparis.fr, une histoire dans l’histoire donc !

Tous les éléments disponibles dans cet article sont visibles sur le site de- http://news.fr.msn.com/en-quete-de-heros/

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.

Tous les éléments disponibles dans cet article sont visibles sur le site de- http:// www.lescommunesdeparis.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.

* « Par ailleurs, le cinéma est une industrie » : c’est ainsi qu’André Malraux terminait son Esquisse d’une psychologie du cinéma. Phrase que tout bon étudiant en multimédia, en cinéma et en storytelling digital…. se devra de placer un jour quelque part !

** CAPA, fondé en 1989, avait fêté ses 20 ans d’existence par un webdoc, relatant les très riches heures d’Hervé Chabalier et sa société : CAPA, 20 ans à hauteur d’hommes.

Paris, France

Pour aller plus loin

• En quête de héros : webdocumentaire sur les héros contemporains.
  http://news.fr.msn.com/en-quete-de-heros/
• Les Communes de Paris – Le WebDoc GrandParis
  http://www.lescommunesdeparis.fr/
• CAPA, 20 ans à hauteur d’hommes
  http://www.20ans-capatv.com/
• Le site de CAPA
  http://www.capatv.com/
• photosim // web by Simon Bouisson
  http://www.photosim.fr/
• Tout a commencé avec « Loft Story »…
  http://www.liberation.fr/medias/0101531908-tout-a-commence-avec-loft-story