Lorsque, chez 3WDOC, il nous a été proposé de faire un site événementiel en HTML5 à partir de la session de photos de mode de Marcel Hartmann sur Robby Naish pour la collection Tommy Hilfiger Tailored à Hawaï, toute l’équipe de 3WDOC s’est pincé 3 fois pour se demander si elle ne rêvait pas ! Robby Naish, outre le fait d’être une icône, comme l’est Tony Hawk pour le skate ou Kelly Slater pour le surf, est en plus une personnalité d’exception.

Eminemment charismatique et sympathique, il continue d’exceller à presque 50 ans dans des sports dont il est quasiment l’inventeur, en costume Tommy Hilfiger qui plus est.

Que penser de ce site événementiel

Ce site prouve plusieurs choses :

• A l’évidence, le sport et une certaine éthique conservent. Robby Naish nous en fait une démonstration magistrale.
• La technologie 3WDOC est réellement polyvalente, elle fédère tous les types d’usage sur tous les types de sujets. Est-ce l’effet Robby Naish mais cette démonstration nous a définitivement inspiré une « baseline » pour notre outil.
• Elle montre que le monde du marketing et de la communication peut très légitimement s’intéresser à ce nouveau format qu’est le webdocumentaire et ainsi l’adapter dans le cadre d’une communication moderne à une utilisation corporate sur le thème du site événementiel.
• La nécessité de produire et de réagir vite notamment à destination des nouvelles plates-formes, mobiles tel que l’iPad avec lequel l’HTML5 sera bientôt compatible.
• L’obligation faite aux marques de s’ouvrir à une communication en phase avec un marché totalement orienté et gouverné par les internautes dans les valeurs et dans les usages, d’offrir des histoires et des expériences et non de simples mini-sites.
• Le choix d’une technologie polyvalente, robuste et ouverte pour agréger tous ces usages et s’ouvrir à toutes les plates-formes existantes et à venir (Facebook, Twitter…). 3WDOC Studio qui sera très prochainement disponible en test, est cet outil polyvalent capable de créer et délivrer, sur le web, en HTML5 des expériences Rich Media optimisées. Cela peut être des webdocumentaires, mais pas seulement. Il peut s’agir tout simplement de sites événementiel, de slide-show photo/vidéo, de modules informationnels et interactifs au sein d’un site existant (blog, site de ecommerce…), d’extensions fonctionnelles portées au sein de CMS… Bref de contenus web enrichis d’une très grande hétérogénéité et d’une grande interactivité. A titre d’information, HTML5 est soutenu et adopté par Google, Microsoft, Apple, Mozilla… Ils représentent à eux seuls 100% du marché des navigateurs et donc d’accès aux utilisateurs.

Baseline 3WDOC

3WDOC studio is a versatile tool to create and deliver rich media experiences optimized in HTML5 to run across the web.

3WDOC studio est un outil polyvalent pour créer et délivrer, sur le web, en HTML5 des expériences Rich Media optimisées.

Toutes les captures ont été réalisées sous Google Chrome

Les exploits de Robby Naish habillé par Tommy Hilfiger

• http://demo.3wdoc.com/webdoc-html5-robby-naish/

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.

Crédits

Un grand merci à tous les personnes qui ont rendu possible ce projet.

• Conception : Hecube
• Production vidéo : Treets TV
• Développement Web : 3wdoc
• Un film réalisé par Christophe Simon
• Robby Naish / Lui-même
• Marcel Hartmann / Photographie
• Xavier Privat / Journaliste
• Philipp Hohndorf / 1er assistant photographe
• Luciano Neves / Styliste de mode
• Camille Kozuki / Coiffure et maquillage
• Dana Hamilton / Unité de production d’Hawaï
• Mia Meliava / Coordination France
• Valerie D’Olce / Coordinateur Tommy Hilfiger
• R-mute / Montage
• Ulrich Robin / Design sonore

Un grand merci à Tommy Hilfiger Europe, la famille Naish pour leur gentillesse et leur générosité.

Liens

• Tommy Hilfiger
  http://www.tommy.com/
• Robby Naish – Naishsails – Windsurfing
  http://www.naishsails.com/
• Marcel Hartmann – Photographer
  http://www.hartmann-marcel.com/
• R-mute
  http://www.rmute.fr/

Ce qu’il faut retenir sur 3WDOC Player

• ce n’est pas juste un simple player vidéo en HTML5
• il affiche le contenu Web différemment en ajoutant la notion de temps dans la page web
• il affiche facilement le contenu enrichi d’une page web, n’importe où sur l’écran, mais aussi à tout moment dans la narration choisie.
• il est optimisé pour le référencement contrairement à Flash
• il permet un positionnement aisé dans la largeur, la hauteur et la profondeur des éléments html
• il permet aux éditeurs de contenu de ne pas tout mettre dans une page. Il est possible de raconter une histoire à l’utilisateur.
• il lit un code qu’il est très facile de s’approprier. Un petit niveau de html suffit.
• il ne nécessite pas de plugin à installer dans la navigateur, comme flash ou silverlight.
• il intègre toute l’intelligence nécessaire à l’élaboration d’un site enrichi.
• fait de la création d’un site enrichi un simple problème d’intégration. Pas de développement, un cycle de développement ultra rapide… Agile donc

What to remember on the 3WDOC technology?

For the people who does not speak french, here is the list.

• is not just another html5 video player.
• displays Web content differently adding a timeline within the web page
• displays rich content easily anywhere on the screen but also anytime in the story that is told in a web page.
• Ready for SEO optimized unlike Flash
• allows easy positioning in width, height and depth of html elements
• allows publishers not tell everything in one html screen
• reads a custom markup language very easy to learn
• does not need any third-party browser plug-ins, like flash or silverlight.
• integrates all the intelligence a rich media website needs.
• making creation just a problem of HTML integration. No development, a development cycle ultra fast … So Agile

Une présentation de 3WDOC sera faite dans le cadre du Google Workshop, le 8 décembre 2010 à LEWEB’10. « Discover all the potential of HTML5 to build rich applications for modern browsers. HTML5: portrait of the browser as a platform »

Source : http://www.leweb.net/agenda/2010/google-workshop

Hawaii

Copyright© britainfromabove

Ce site utilise le player mis à disposition par le site linuxcentre.net. Lecteur qui couplé à un compte Akamai pour le streaming vidéo, permet de conserver une partie de l’expérience promise par le programme « Britain from Above » : voler au dessus des paysages d’Angleterre avec un sentiment de totale liberté. Il est certain que sur un grand écran type la géode à Paris ou même un home-cinéma, l’expérience doit être encore plus déroutante, pour rester dans l’actualité c’est sans doute la différence d’expérience qui existe entre voir Avatar en 2D ou en 3D de James Cameron ron petit patapon.

DESCRIPTION GENERALE

Le pitch du programme est tout entier contenu dans le titre Britain from Above. En traduction française, ce serait « L’Angleterre vue du ciel », autant dire un concept pratiquement copyrighté par le sieur Yann Arthus-Bertrand qui ne s’est pas contenté d’une simple île mais a fait du monde son terrain de jeu.

Tous les éléments disponibles dans cet article sont visibles sur le site de la BBC – http://www.bbc.co.uk/britainfromabove/

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.

C’est aussi une ambiance Martin Parr vue du ciel.

Du bonne usage de l’API Google Maps, pour cartographier les différents sujets de manière croisée par lieu géographique et par thème.

Avec les yeux d’Andrew Marr…

Pour parodier un titre célèbre (Cf Dora Maar), le fer de lance de ce projet est Andrew Marr, qui paye de sa personne comme une sorte de Nicolas Hulot britannique pour présenter à ces concitoyens les pépites de la campagne et des cités anglaises. On peut noter que bien que le sujet ait été diffusé sur BBC One, Two et Four, le site web a permis de prolonger le succès de cette série hors-norme en diffusant notamment des séquences qui n’avaient pas été montrées lors de la diffusion télévisée. Un bon exemple de synergie entre web et télévision.

VIDEOS

Néant

VIDEO
Néant

AUDIO
Néant

Une vidéo mis à disposition par la BBC elle-même sur son programme phare

Cliquer ici pour voir la vidéo.

Pour aller plus loin

• L’espace dédié à Britain from Above sur le site de la BBC
  http://www.bbc.co.uk/britainfromabove/
• Le site de get_iplayer de linuxcentre.net
  http://linuxcentre.net/

Copyright© conflicthistory.com

Pour cet article, on sort légèrement du cadre certes encore un peu indéfini du webdoc pour se concentrer sur cet ovni web qu’est la webapp conflicthistory.com. Il faut faire preuve aujourd’hui d’une certaine ouverture d’esprit ne pas tomber dans la pose classique « Oui, mais ce n’est pas une œuvre audiovisuelle avec un auteur… », c’est mieux c’est une oeuvre collective et interactive, à forte teneur pédagogique. Cette application repousse les limites de ce que l’on a l’habitude de voir et offre ce que la télévision peine aujourd’hui à produire. C’est une création qui invente technologiquement et narrativement quelque chose de jamais vu auparavant que seul le web est en mesure d’offrir. Vous vous déplacez à votre guise spatialement et temporellement dans l’histoire des conflits connus de l’humanité. C’est presque la promesse tenue de l’émission « La caméra explore le temps » qui fit les beaux jours de l’ORTF ! Il ne manque que la vidéo justement mais cela ne saurait tarder !

DESCRIPTION GENERALE

On l’a dit plus haut c’est le multimédia interactif au service de la face obscure de l’histoire. Il reste à faire une carte des épidémies et la boucle sera bouclée. Voilà une idée quelle est bonne, ami Journaliste/Photographe/Ecrivain en tous genres/Développeur qui nous lisent, à vos claviers !

Sedan l’AIR* !

On était parti sur les guerres russo-japonaises, qui marque aussi le début de la fin du règne des Romanovs, mais finalement pour un public Europeo-centriste mieux vaut se lancer le bataille de Sedan, si riche en conséquence : naissance du 1er Reich allemand sous l’impulsion Bismarck au château de Versailles (avant d’être un traité c’est aussi un château), fin du règne de Napoleon III et début de la commune et enfin publication de L’Éducation sentimentale, histoire d’un jeune homme… Une époque charnière donc qui détermine notre monde encore d’aujourd’hui Non? Si Si !!!
* Bien que l’application ne soit pas faite en Flex mais en Flash

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

Source : http://conflicthistory.com/#/period/1865-1871/conflict/+en+battle_of_sedan

Une double lecture géographique et temporelle est à votre disposition.

Un zoom vous emmène de la vue globale de la carte à une vue plus rapprochée. A vue de nez, la valeur zoom passe de 0 à 5

Vous disposez d’une « timeline » pour vous déplacez dans le temps par bons de 5 ans environ.

Lorsque vous cliquez sur i, vous chargez la fiche du site wikipédia. Dans notre exemple la fiche de la Battle of Sedan (1870) Cf http://en.wikipedia.org/w/index.php?curid=325773

Qui se cache derrière ?

Un joli coup de projecteur sur le savoir-faire de cette société, Freebase, qui a bien compris la necessité de communiquer et de distribuer…

About Freebase
Freebase, created by Metaweb Technologies, is an open database of the world’s information. It’s built by the community and for the community – free for anyone to query, contribute to, build applications on top of, or integrate into their websites.

Already, Freebase covers millions of topics in hundreds of categories. Drawing from large open data sets like Wikipedia, MusicBrainz, and the SEC archives, it contains structured information on many popular topics, including movies, music, people and locations – all reconciled and freely available via an open API. This information is supplemented by the efforts of a passionate global community of users who are working together to add structured information on everything from philosophy to European railway stations to the chemical properties of common food ingredients.

By structuring the world’s data in this manner, the Freebase community is creating a global resource that will one day allow people and machines everywhere to access information far more easily and quickly than they can today.

Still have questions? Check out our FAQ on freebase.com.

VIDEOS

Néant

VIDEO
Néant

AUDIO
Néant

Pour aller plus loin

• Le site conflicthistory.com
  http://conflicthistory.com
• Le site de Freebase, les concepteurs du projet
  http://www.freebase.com/
• Sans doute un futur possible pour le droit d’auteur ! Creative Commons
  http://creativecommons.org/licenses/by/2.5/
• Le même conception appliqué à l’application elle-même ! Le GNU qui mene le troupeau
  http://www.gnu.org/copyleft/fdl.html
• Le code de la bataille de Sedan
  http://conflicthistory.com/#/period/1865-1871/conflict/+en+battle_of_sedan