<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	xmlns:georss="http://www.georss.org/georss" >

<channel>
	<title>3wdoc &#187; ONF</title>
	<atom:link href="http://blog.3wdoc.com/fr/tag/onf/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.3wdoc.com/fr</link>
	<description>easy web way to tell stories</description>
	<lastBuildDate>Sun, 26 May 2013 05:47:00 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<item>
		<title>Storming Juno &#8211; Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day</title>
		<link>http://blog.3wdoc.com/fr/2012/02/13/storming-juno-ultimate-gamification-ou-ludification-ultime-sur-le-debarquement-canadien-a-juno-pendant-le-d-day/</link>
		<comments>http://blog.3wdoc.com/fr/2012/02/13/storming-juno-ultimate-gamification-ou-ludification-ultime-sur-le-debarquement-canadien-a-juno-pendant-le-d-day/#comments</comments>
		<pubDate>Mon, 13 Feb 2012 17:47:00 +0000</pubDate>
		<dc:creator>Bruno Flaven</dc:creator>
				<category><![CDATA[analyse]]></category>
		<category><![CDATA[audiovisuel]]></category>
		<category><![CDATA[auteurs]]></category>
		<category><![CDATA[écriture]]></category>
		<category><![CDATA[information]]></category>
		<category><![CDATA[journalisme]]></category>
		<category><![CDATA[narration]]></category>
		<category><![CDATA[vidéo]]></category>
		<category><![CDATA[webdoc]]></category>
		<category><![CDATA[webdocumentaire]]></category>
		<category><![CDATA[Canada]]></category>
		<category><![CDATA[D-day]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[GameDoc]]></category>
		<category><![CDATA[GameDocumentaire]]></category>
		<category><![CDATA[gamification]]></category>
		<category><![CDATA[Gerald Holubowicz]]></category>
		<category><![CDATA[Immersion]]></category>
		<category><![CDATA[Jean-Nicholas Guillo]]></category>
		<category><![CDATA[Juno]]></category>
		<category><![CDATA[ludification]]></category>
		<category><![CDATA[Maux de Presse]]></category>
		<category><![CDATA[Moneyocracy]]></category>
		<category><![CDATA[ONF]]></category>
		<category><![CDATA[Raffaele Simone]]></category>
		<category><![CDATA[Storming Juno]]></category>
		<category><![CDATA[The Andrews Sisters]]></category>
		<category><![CDATA[Wilfrid Estève]]></category>
		<category><![CDATA[XML]]></category>

		<guid isPermaLink="false">http://blog.3wdoc.com/fr/?p=6725</guid>
		<description><![CDATA[Copyright&#169;stormingjuno.com Une fois de plus, nous voici de nouveau bluffés par une production canadienne, Storming Juno, qui mêle une technique irréprochable en flash à une &#171;&#160;gamification&#160;&#187; (ludification) totale. Cette impression est d&#8217;ailleurs amplement partagée par celui qui fut notre &#171;&#160;curator&#160;&#187; (prescripteur) en nous signalant l&#8217;existence de cette création : Gerald Holubowicz, Photographe (www.gholubowicz.com, @gholubowicz). Son [...]]]></description>
				<content:encoded><![CDATA[
<p>	<!-- Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day --><br />
	<!--  Storming Juno, ONF, Flash, XML, D-day, canada, gamification, ludification, Juno, Gerald Holubowicz, Jean-Nicholas Guillo, Wilfrid Esteve, GameDoc, GameDocumentaire, The Andrews Sisters, Raffaele Simone, Immersion, Juno, Canada, Gamification, Maux de Presse, Ludification, Moneyocracy  --></p>
<p>	<a title="" class="bigpic" href="http://blog.3wdoc.com/fr/2012/02/13/storming-juno-ultimate-gamification-ou-ludification-ultime-sur-le-debarquement-canadien-a-juno-pendant-le-d-day/"><img class="alignleft" src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/stormingjuno_slider.jpg" width="600" height="235" alt="" /></a><em>Copyright&copy;stormingjuno.com</em><br/><br/><br />
	Une fois de plus, nous voici de nouveau bluffés par une production canadienne, <a href="http://stormingjuno.com/" target="_blank">Storming Juno</a>, qui mêle une technique irréprochable en flash à une &laquo;&nbsp;gamification&nbsp;&raquo; (ludification) totale. Cette impression est d&rsquo;ailleurs amplement partagée par celui qui fut notre &laquo;&nbsp;curator&nbsp;&raquo; (prescripteur) en nous signalant l&rsquo;existence de cette création : Gerald Holubowicz, Photographe (<a href="http://www.gholubowicz.com" target="_blank">www.gholubowicz.com</a>, <a href="http://www.twitter.com/gholubowicz" target="_blank">@gholubowicz</a>).<span id="more-6725"></span> Son invitation à voir cette création <a href="http://stormingjuno.com/" target="_blank">Storming Juno</a> était pleine de promesses, on vous la livre in extenso : &laquo;&nbsp;C&rsquo;est l&rsquo;utilisation de l&rsquo;immersion au service d&rsquo;une narration qui place l&rsquo;internaute direct épaule contre épaule avec les soldats de l&rsquo;époque&nbsp;&raquo;. On est donc venu, on a vu, on a été conquis et en prime on vous livre une interview, celle de Gerald Holubowicz, auteur de Maux de Presse, avec Jean-Nicholas Guillo (<a href="http://www.jeannicholasguillo.com" target="_blank">www.jeannicholasguillo.com</a>), sous la supervision de Wilfrid Esteve (<a href="http://www.wilfridesteve.com" target="_blank">www.wilfridesteve.com</a>, <a href="http://www.twitter.com/Wilfrid_Esteve" target="_blank">@Wilfrid_Esteve</a>). Gerald travaille d&rsquo;ailleurs avec Jean-Nicholas Guillo sur un nouveau projet nommé <a href="http://www.facebook.com/pages/Moneyocracy/280429575344321" target="_blank">Moneyocracy</a>, il y revient dans l&rsquo;interview ci-dessous.</p>
<h4>Juno Beach, 6 juin 1944, comme si vous y étiez !</h4>
<p>	Immersion totale, vous voilà plongé(e) en plein D-Day avec les divisions canadiennes débarquant le 6 juin 1944 sur Juno Beach, une des plages les mieux défendus par les allemands retranchés. Une fois sur le théâtre des opérations, c&rsquo;est à dire sur la plage sous un feu nourri, on se surprend d&rsquo;ailleurs la première fois à baisser la tête pour échapper aux balles qui fusent, tant l&rsquo;environnement est criant de vérité, vous pouvez vous déplacer à 360 degrés afin d&rsquo;aller vers telle ou telle histoire. Histoires qui sont autant de séquences, souvent bouleversantes, de désormais vieux monsieur, qui témoignent de l&rsquo;enfer dans lequel ils furent très jeunes plongés au matin du 6 juin 1944.</p>
<p>	Vous voilà, vous aussi, devenu un acteur des photos flous de Robert Capa mais ici rien ne semble flou, tout est fait dans un souci d&rsquo;hyper-réalisme, du détail. Comment ne pas évoquer le scène du débarquement de &laquo;&nbsp;Saving private ryan&nbsp;&raquo; de Steven Spielberg, rien ne vous est épargné, ni du bruit, ni l&rsquo;agitation, la &laquo;&nbsp;gamification&nbsp;&raquo; est totale, vous êtes plongé(e) dans ce jeu de grandes personnes : la guerre. </p>

<a href='http://blog.3wdoc.com/fr/2012/02/13/storming-juno-ultimate-gamification-ou-ludification-ultime-sur-le-debarquement-canadien-a-juno-pendant-le-d-day/stormingjuno_1/' title='Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day'><img width="300" height="187" src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/stormingjuno_1-300x187.jpg" class="attachment-medium" alt="Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day" /></a>
<a href='http://blog.3wdoc.com/fr/2012/02/13/storming-juno-ultimate-gamification-ou-ludification-ultime-sur-le-debarquement-canadien-a-juno-pendant-le-d-day/stormingjuno_2/' title='Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day'><img width="300" height="187" src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/stormingjuno_2-300x187.jpg" class="attachment-medium" alt="Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day" /></a>
<a href='http://blog.3wdoc.com/fr/2012/02/13/storming-juno-ultimate-gamification-ou-ludification-ultime-sur-le-debarquement-canadien-a-juno-pendant-le-d-day/stormingjuno_3/' title='Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day'><img width="300" height="187" src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/stormingjuno_3-300x187.jpg" class="attachment-medium" alt="Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day" /></a>
<a href='http://blog.3wdoc.com/fr/2012/02/13/storming-juno-ultimate-gamification-ou-ludification-ultime-sur-le-debarquement-canadien-a-juno-pendant-le-d-day/stormingjuno_4/' title='Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day'><img width="300" height="187" src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/stormingjuno_4-300x187.jpg" class="attachment-medium" alt="Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day" /></a>
<a href='http://blog.3wdoc.com/fr/2012/02/13/storming-juno-ultimate-gamification-ou-ludification-ultime-sur-le-debarquement-canadien-a-juno-pendant-le-d-day/stormingjuno_5/' title='Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day'><img width="300" height="187" src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/stormingjuno_5-300x187.jpg" class="attachment-medium" alt="Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day" /></a>
<a href='http://blog.3wdoc.com/fr/2012/02/13/storming-juno-ultimate-gamification-ou-ludification-ultime-sur-le-debarquement-canadien-a-juno-pendant-le-d-day/stormingjuno_6/' title='Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day'><img width="300" height="187" src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/stormingjuno_6-300x187.jpg" class="attachment-medium" alt="Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day" /></a>
<a href='http://blog.3wdoc.com/fr/2012/02/13/storming-juno-ultimate-gamification-ou-ludification-ultime-sur-le-debarquement-canadien-a-juno-pendant-le-d-day/stormingjuno_7/' title='Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day'><img width="300" height="187" src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/stormingjuno_7-300x187.jpg" class="attachment-medium" alt="Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day" /></a>
<a href='http://blog.3wdoc.com/fr/2012/02/13/storming-juno-ultimate-gamification-ou-ludification-ultime-sur-le-debarquement-canadien-a-juno-pendant-le-d-day/stormingjuno_8/' title='Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day'><img width="300" height="187" src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/stormingjuno_8-300x187.jpg" class="attachment-medium" alt="Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day" /></a>
<a href='http://blog.3wdoc.com/fr/2012/02/13/storming-juno-ultimate-gamification-ou-ludification-ultime-sur-le-debarquement-canadien-a-juno-pendant-le-d-day/stormingjuno_9/' title='Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day'><img width="300" height="187" src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/stormingjuno_9-300x187.jpg" class="attachment-medium" alt="Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day" /></a>
<a href='http://blog.3wdoc.com/fr/2012/02/13/storming-juno-ultimate-gamification-ou-ludification-ultime-sur-le-debarquement-canadien-a-juno-pendant-le-d-day/stormingjuno_10/' title='Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day'><img width="300" height="187" src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/stormingjuno_10-300x187.jpg" class="attachment-medium" alt="Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day" /></a>
<a href='http://blog.3wdoc.com/fr/2012/02/13/storming-juno-ultimate-gamification-ou-ludification-ultime-sur-le-debarquement-canadien-a-juno-pendant-le-d-day/stormingjuno_11/' title='Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day'><img width="300" height="187" src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/stormingjuno_11-300x187.jpg" class="attachment-medium" alt="Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day" /></a>
<a href='http://blog.3wdoc.com/fr/2012/02/13/storming-juno-ultimate-gamification-ou-ludification-ultime-sur-le-debarquement-canadien-a-juno-pendant-le-d-day/stormingjuno_12/' title='Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day'><img width="300" height="187" src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/stormingjuno_12-300x187.jpg" class="attachment-medium" alt="Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day" /></a>
<a href='http://blog.3wdoc.com/fr/2012/02/13/storming-juno-ultimate-gamification-ou-ludification-ultime-sur-le-debarquement-canadien-a-juno-pendant-le-d-day/stormingjuno_15/' title='Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day'><img width="300" height="187" src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/stormingjuno_15-300x187.jpg" class="attachment-medium" alt="Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day" /></a>
<a href='http://blog.3wdoc.com/fr/2012/02/13/storming-juno-ultimate-gamification-ou-ludification-ultime-sur-le-debarquement-canadien-a-juno-pendant-le-d-day/stormingjuno_24/' title='Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day'><img width="300" height="187" src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/stormingjuno_24-300x187.jpg" class="attachment-medium" alt="Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day" /></a>
<a href='http://blog.3wdoc.com/fr/2012/02/13/storming-juno-ultimate-gamification-ou-ludification-ultime-sur-le-debarquement-canadien-a-juno-pendant-le-d-day/stormingjuno_25/' title='Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day'><img width="300" height="187" src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/stormingjuno_25-300x187.jpg" class="attachment-medium" alt="Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day" /></a>
<a href='http://blog.3wdoc.com/fr/2012/02/13/storming-juno-ultimate-gamification-ou-ludification-ultime-sur-le-debarquement-canadien-a-juno-pendant-le-d-day/stormingjuno_26/' title='Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day'><img width="300" height="187" src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/stormingjuno_26-300x187.jpg" class="attachment-medium" alt="Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day" /></a>
<a href='http://blog.3wdoc.com/fr/2012/02/13/storming-juno-ultimate-gamification-ou-ludification-ultime-sur-le-debarquement-canadien-a-juno-pendant-le-d-day/stormingjuno_27/' title='Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day'><img width="300" height="187" src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/stormingjuno_27-300x187.jpg" class="attachment-medium" alt="Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day" /></a>
<a href='http://blog.3wdoc.com/fr/2012/02/13/storming-juno-ultimate-gamification-ou-ludification-ultime-sur-le-debarquement-canadien-a-juno-pendant-le-d-day/stormingjuno_28/' title='Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day'><img width="300" height="187" src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/stormingjuno_28-300x187.jpg" class="attachment-medium" alt="Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day" /></a>
<a href='http://blog.3wdoc.com/fr/2012/02/13/storming-juno-ultimate-gamification-ou-ludification-ultime-sur-le-debarquement-canadien-a-juno-pendant-le-d-day/stormingjuno_29/' title='Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day'><img width="300" height="187" src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/stormingjuno_29-300x187.jpg" class="attachment-medium" alt="Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day" /></a>
<a href='http://blog.3wdoc.com/fr/2012/02/13/storming-juno-ultimate-gamification-ou-ludification-ultime-sur-le-debarquement-canadien-a-juno-pendant-le-d-day/stormingjuno_30/' title='Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day'><img width="300" height="187" src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/stormingjuno_30-300x187.jpg" class="attachment-medium" alt="Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day" /></a>
<a href='http://blog.3wdoc.com/fr/2012/02/13/storming-juno-ultimate-gamification-ou-ludification-ultime-sur-le-debarquement-canadien-a-juno-pendant-le-d-day/stormingjuno_34/' title='Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day'><img width="300" height="187" src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/stormingjuno_34-300x187.jpg" class="attachment-medium" alt="Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day" /></a>
<a href='http://blog.3wdoc.com/fr/2012/02/13/storming-juno-ultimate-gamification-ou-ludification-ultime-sur-le-debarquement-canadien-a-juno-pendant-le-d-day/stormingjuno_35/' title='Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day'><img width="300" height="187" src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/stormingjuno_35-300x187.jpg" class="attachment-medium" alt="Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day" /></a>
<a href='http://blog.3wdoc.com/fr/2012/02/13/storming-juno-ultimate-gamification-ou-ludification-ultime-sur-le-debarquement-canadien-a-juno-pendant-le-d-day/stormingjuno_37/' title='Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day'><img width="300" height="187" src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/stormingjuno_37-300x187.jpg" class="attachment-medium" alt="Storming Juno - Ultimate gamification ou ludification ultime sur le débarquement canadien à Juno pendant le D-day" /></a>

<h4>Naissance d&rsquo;une nation</h4>
<p>	Une production étourdissante avec une qualité graphique et plastique exceptionnelle pour un événement sans précèdent dans l&rsquo;histoire canadienne. En effet, la débarquement à Juno, c&rsquo;est l&rsquo;émergence du Canada, le pays à ce qui parait favori de la reine Elizabeth II, au niveau international, hors du continuum historique du Commonwealth, c&rsquo;est identique à Valmy pour la république française ou Gallipoli lors de la bataille des Dardanelles pour les australiens et les néo-zélandais.</p>
<p>	Il n&rsquo;est pas étonnant que les canadiens aient mis le paquet pour cette production sur un événement majeur de leur conscience national. De fait, cette production a remporté un FWA (Favourite Website Awards), distinction reconnue dans l&rsquo;industrie de l&rsquo;Internet depuis les années 2000, une genre d&rsquo;oscar du web en quelque sorte. </p>
<h4>Interview de Gerald Holubowicz (<a href="http://www.gholubowicz.com" target="_blank">www.gholubowicz.com</a>, <a href="http://www.twitter.com/gholubowicz" target="_blank">@gholubowicz</a>)</h4>
<p>	En ces temps d&rsquo;élections présidentielles, en France, aux USA, en Corée, Gerald Holubowicz a décidé de se consacrer à l&rsquo;avenir de ce qui à ce jour était considéré comme la première et la plus ancienne des démocraties modernes et qu&rsquo;il connait bien : la démocratie américaine.</p>
<p><a title="Moneyocracy" class="bigpic" href="http://moneyocracy-project.com" target="_blank"><img src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/TitlecolorTrans_small.png" width="600" height="94" alt="Moneyocracy"></a><br />
<b>Moneyocracy, <a href="http://moneyocracy-project.com" target="_blank">moneyocracy-project.com</a>, <a href="http://www.twitter.com/gholubowicz" target="_blank">@moneyocracy</a></b></p>
<p>
	<b>3WDOC :</b>&laquo;&nbsp;Après Maux de Presse, sur quoi travailles-tu en ce moment ? Parle-nous un peu de Moneyocracy ?&nbsp;&raquo;</p>
<p>	<b>Gerald Holubowicz :</b> &laquo;&nbsp;Moneyocracy est un documentaire transmedia sur le financement des campagnes américaines et plus précisément de la campagne présidentielle de 2012. L&rsquo;histoire débute avec la décision de la Cour Suprême rendue en janvier 2010, connue sous le nom de Citizen United vs F.EC. Peu de décisions de la Cour Suprême des États-Unis ont réellement eu des conséquences dramatiques sur la société américaine et radicalement bouleversé l&rsquo;histoire de ce pays.<br />
	En réalité même, il n&rsquo;y en a que deux.<br />
	La première, rendue en 1857, par le Chief of Justice (Juge en chef des États-Unis) Robert B. Taney, légalisait l&rsquo;infériorité des esclaves par rapport aux blancs et leur refusait citoyenneté et protection constitutionnelle. Le jugement &#8211; connu comme la décision &laquo;&nbsp;Dred Scott&nbsp;&raquo;, du nom de l&rsquo;esclave qui poursuivait son maître en justice afin d&rsquo;obtenir sa liberté &#8211; cherchait à couper court aux débats enflammés qui faisaient rage autour de la question de l&rsquo;esclavage. Elle eut l&rsquo;effet inverse : quatre ans plus tard, la guerre civile entre les États du nord et du sud des États-Unis éclatait et faisait plus d&rsquo;un demi-million de morts.<br />
	La seconde est très récente. C&rsquo;est celle du du 21 janvier 2010. Rendue par le Chief of Justice John G. Roberts, elle porte le nom de Citizen United vs. Federal Election Commission.<br />
	Cet arrêt remet en cause de manière radicale la législation qui l&rsquo;a précédé, et va sans aucun doute bouleverser le paysage politique des Etats-Unis, en supprimant le plafond de dons autorisés dans le cadre d&rsquo;une campagne électorale par les entreprises, les particuliers et les syndicats. <br />
	Une course à l&rsquo;influence s&rsquo;engage&#8230;<br />
	Résultat, les élections de mid-term en novembre 2010 ont vu une avalanche de pubs politiques déferler sur les écrans de TV américains, et alors que nous assistons aux primaires républicaines, les choses ne font qu&rsquo;empirer. Ces pubs sont commanditées par des associations appelées Super PACs et 501c4 en support des campagnes officielles et financées avec l&rsquo;argent de corporations et de milliardaires. Au total, un électeur Américain en Caroline du Nord à été exposé Durant la champagne des primaires de cet Etat, à près de 182 spots de pubs politiques.&nbsp;&raquo;</p>
<p>	<b>3WDOC :</b> &laquo;&nbsp;Ton titre évoque furieusement la dénonciation de la Ploutocratie, les 200 familles, avec un titre aussi provocant que Moneyocartie, c&rsquo;est clairement de créer un électrochoc dans nos consciences mais ne crains-tu à court-terme pas de faire le jeu du populisme et de la démagogie ?&nbsp;&raquo;</p>
<p>	<b>Gerald Holubowicz :</b> &laquo;&nbsp;Le titre est accrocheur évidement, mais le projet échappe à la démagogie pour s&rsquo;attacher à la pédagogie. L&rsquo;idée de Moneyocracy n&rsquo;est pas de s&rsquo;attaquer aux individus – Représentants de la Chambre ou Sénateurs Américain &#8211; mais bien à un système dans lequel Démocrates comme Républicains se retrouvent piégés. La vision de ce projet dépasse les clivages politiques pour analyser l&rsquo;économie de la politique sous le spectre de la décision de la Cour Suprême. D&rsquo;ailleurs même aux U.S et depuis janvier 2010, des voix s&rsquo;élèvent pour dénoncer cette décision. <br />Il suffit de voir le discours de John McCain – l&rsquo;ancien adversaire de Barack Obama pour la présidentielle de 2008 – s&rsquo;insurger contre la décision et mettre en garde contre ses effets corrupteurs. On comprend rapidement que le pouvoir de l&rsquo;argent dans le processus électoral n&rsquo;est pas vécu comme un danger uniquement par les ultra libéraux (au sens américain du terme, c&rsquo;est à dire à gauche). C&rsquo;est une question que tous se posent et un débat qui envahit progressivement les primaires Républicaines. Les candidats – de Mitt Romney à Newt Gingrich en passant par Rick Santorum &#8211; se plaignent de plus en plus de la présence des SuperPACs et de leur influence dans le débat à travers les pubs négatives qui prolifèrent sur la toile et à la TV. Le projet se veut donc didactique – par l&rsquo;entremise du documentaire – et immersif – via l&rsquo;idoc (documentaire interactif). <br />Le premier ayant pour vocation à disséquer la décision de janvier 2010, à la mettre en perpective par rapport à l&rsquo;histoire et en analyser les conséquences sur les campagnes présentes et à venir. Le second cherchant à engager l&rsquo;internaute dans une réflexion morale sur le financement des campagnes en l&rsquo;amenant à faire un certain nombre de choix cornéliens tout au long de son parcours dans l&rsquo;idoc. A ce niveau d&rsquo;ailleurs nous allons délibérément chercher des mécaniques de serious gaming pour donner à l&rsquo;expérience un caractère immersif qui permettra à l&rsquo;internaute de vivre son choix plutôt que de le raisonner.&nbsp;&raquo; </p>
<p>	<b>3WDOC :</b> &laquo;&nbsp;Ce phénomène en devenir de privatisation de la démocratie aux USA n&rsquo;est-elle pas le nouveau visage de la droite aux USA et de la droite en général comme le dit Marco Simone une droite nouvelle qui l&rsquo;emporte parce qu&rsquo;elle a compris notre époque consommatrice, individualiste, pressée et médiatique, et sait se montrer pragmatique et sans idéologie ? L&rsquo;expression politique et ultime du <i>monstre doux</i>  comme il la nomme aussi, concept pas loin de la <i>soft power</i> ?&nbsp;&raquo;</p>
<p>	<b>Gerald Holubowicz :</b>  &laquo;&nbsp;Je pense très honnêtement que le visage que la droite aux Etats-Unis nous présente aujourd&rsquo;hui n&rsquo;est pas si récent que ça. La transformation du parti Républicain est entamée depuis 64 suite à l&rsquo;échec des Présidentielles de Barry Goldwater qui à ce moment précis a su comprendre les failles du discours conservateur de l&rsquo;époque et se doter des instruments de relais idéologique pour asseoir sa vision. L&rsquo;école de Chicago et la vision de Milton Friedman – économiste neolibéral auteur de la théorie du choc – ont finalisé l&rsquo;approche économique des Républicains et ont permis l&rsquo;accession à la présidence de Reagan. <br />Cette compréhension du système consumériste et de son impact sur la démocratie date donc au minimum des années 70 et est utilisé par les Républicains depuis lors. Quant à la notion de soft power, c&rsquo;est le &laquo; manufacturing consent &raquo; de Noam Chomsky. Progressivement le système amène les citoyens, et ce par le biais de l&rsquo;économie, à accepter des normes de vie qui ne reposent plus sur le pacte sociétal d&rsquo;une nation, mais sur le moteur de consommation qui l&rsquo;anime. Aujourd&rsquo;hui c&rsquo;est l&rsquo;ensemble de ces idées et des politiques qui en ont découlé entre les années 70 et 80 qui convergent. Elle profitent d&rsquo;un affaiblissement considérable de l&rsquo;engagement politique de la part des Américains pour créer les conditions de la prise de pouvoir des corporations.</p>
<p>	L&rsquo;Europe n&rsquo;échappe pas à la règle, même si dans notre cas, les consciences politiques réveillées à l&rsquo;occasion de la dernière guerre sont encore très vives. Il voir le taux de participation à la présidentielle Américaine pour comprendre que nous avons encore quelque ressorts de résistance&#8230; même s&rsquo;ils s&rsquo;érodent.&nbsp;&raquo;"</p>
<p>	<b>3WDOC :</b> &laquo;&nbsp;Etre conscient d&rsquo;une chose ne fait plus de nous forcément des acteurs au sens politique mais plutôt des spectateurs lucides mais souvent passifs ? On parle souvent de post-modernisme, de post-capitalisme, ne crois-tu pas que l&rsquo;on va pouvoir parler de post-démocratie en se souvenant trop tard que les élections ne se gagnent pas seulement sur les réseaux sociaux et en communication mais par les urnes ?&nbsp;&raquo;</p>
<p>	<b>Gerald Holubowicz :</b> &laquo;&nbsp;Nous sommes clairement dans une post-démocratie ! Il suffit de voir pour ça les dernières manœuvres de Ron Paul, candidat Libertaire aux primaires Républicaines pour comprendre cela. Ce sénateur du Texas a en effet annoncé qu&rsquo;il avait en fait gagné la plupart des caucus que Mitt Romney et ses co-candidats clamaient avoir pourtant remporté.<br /> Ron Paul a-t-il perdu la raison ? En fait pas du tout, il utilise une faille du système électoral. Aux U.S, on n&rsquo;élit pas directement un candidat, mais des délégués qui voteront pour ce dernier. Rien n&rsquo;interdit par ailleurs d&rsquo;avoir un accord avec ces délégués pour qu&rsquo;ils désignent en bout de chaine un autre candidat que celui dont il se réclamait au départ. Concrétement vous êtes citoyen, désignez Romney comme candidat Républicain pour la présidentielle et le délégué censé répercuter votre choix désigne à la place Ron Paul. <br />On est clairement dans le cadre d&rsquo;une élection non-représentative, une des marques de la post-democratie. Colin Crouch dans son livre &laquo; Post Democracy &raquo; explique bien comment le neoliberalisme à rapproché significativement l&rsquo;Etat du monde des entreprises, créant une frontière si poreuse que désormais les intérêts de la démocratie sont liés à ceux de ses corporations, plus à ceux de ces citoyens. Comme disait Keith Olberman dans sa diatribe anti Citizen United en parodiant la citation de Lincoln &laquo; nous sommes dans un gourvenement du peuple, par les corporations, pour les corporations &raquo;.&nbsp;&raquo;</p>
<p>	<b>3WDOC :</b> &laquo;&nbsp;La moneyocratie est-elle déjà une réalité en Europe notamment avec l&rsquo;expérience Berlusconienne en Italie ou Poutine en Russie ? Prévoyez-vous une suite en Europe et dans le monde du projet Moneyocracy ?&nbsp;&raquo;</p>
<p>	<b>Gerald Holubowicz :</b> &laquo;&nbsp;Je ne crois pas que nous en soyons tout à fait au niveau des Etats Unis dans le sens ou il y a encore une certaine pudeur dans la classe politique sur ces sujets. L&rsquo;Europe est composée de peuple &laquo; sanguins &raquo; qui n&rsquo;hésiteront pas à se révolter – comme en ce moment en Grèce – si l&rsquo;on tente de passer des textes de la nature de &laquo; Citizen United vs F.E.C &raquo;. Les man&oelig;uvres sont donc d&rsquo;un autre ordre, peut être plus subtiles. Pour ma part, je ne pense pas travailler sur l&rsquo;Europe, ni même sur la France. La phase que traverse les Etats-Unis pour moi ressemble pour beaucoup à ce qu&rsquo;a connu l&rsquo;Empire Romain à la fin de son existence. Et franchement en tant que journaliste, photographe et auteur, c&rsquo;est une période que j&rsquo;aurai rêvé pouvoir couvrir. <br />En revanche, un certains nombre d&rsquo;aspects de Moneyocracy peuvent largement faire l&rsquo;objet d&rsquo;autres investigations, documentaires et livres, je pense par exemple à l&rsquo;anti-chambre législative qu&rsquo;est ALEC (un groupe de législateur qui rencontrent des patrons pour créer des lois favorables au monde des corporations), ou aux frères Koch et à leur emprise&#8230; bref toujours de la politique et de l&rsquo;économie aux U.S. <br />En revanche, après ce projet je pense qu&rsquo;avec Jean Nicholas, nous feront une pause en explorant un de ces sujets préféré : les cocktails&#8230; en termes d&rsquo;expérience transmédia je pense que ce sera très fun.&nbsp;&raquo;</p>
<p>	<b>3WDOC :</b> &laquo;&nbsp;Une note optimiste&#8230;. Que souhaites-tu pour le webdocumentaire pour l&rsquo;année 2012 à venir ?&nbsp;&raquo;</p>
<p>	<b>Gerald Holubowicz :</b> &laquo;&nbsp;Qu&rsquo;il devienne un vrai documentaire interactif, qu&rsquo;on arrête d&rsquo;envisager l&rsquo;objet comme un site évolué mais que les auteurs entament un vrai dialogue avec les internautes, partagent une part de l&rsquo;histoire en leur laissant plus de place dans les dispositifs. <br />Je suis convaincu que l&rsquo;interface doit créer un dialogue entre créateur et &laquo; spectacteur &raquo; pour déployer l&rsquo;histoire et engager les gens à l&rsquo;action. Certains se lancent déjà dans quelques initiatives et c&rsquo;est tant mieux, je souhaite vraiment que ça se développe. Notre rôle aujourd&rsquo;hui est faciliter la compréhension d&rsquo;évènements complexes, nous sommes des facilitateurs d&rsquo;expression.&nbsp;&raquo;</p>
<p><a title="Moneyocracy" class="bigpic" href="http://moneyocracy-project.com" target="_blank"><img src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/FBmoneyocracybanner_small.jpg" width="600" height="222" alt="Moneyocracy"></a></p>
<p>	<i>Un grand merci à Gerald Holubowicz pour sa disponibilité.</i></p>
<p>	<b>Marco Simone définit ce qu&rsquo;il entend par &laquo;&nbsp;monstre doux&nbsp;&raquo;</b></p>
<blockquote><p>
	<b>Qui est ce &laquo;&nbsp;monstre doux&nbsp;&raquo; dont vous parlez dans votre livre ?</b><br />
	<b>Raffaele Simone :</b> &laquo;&nbsp;Dans De la démocratie en Amérique, Alexis de Tocqueville décrit une nouvelle forme de domination. Elle s&rsquo;ingérerait jusque dans la vie privée des citoyens, développant un autoritarisme &laquo;&nbsp;plus étendu et plus doux&nbsp;&raquo;, qui &laquo;&nbsp;dégraderait les hommes sans les tourmenter&nbsp;&raquo;. Ce nouveau pouvoir, pour lequel, dit-il, &laquo;&nbsp;les anciens mots de despotisme et de tyrannie ne conviennent pas&nbsp;&raquo;, transformerait les citoyens qui se sont battus pour la liberté en &laquo;&nbsp;une foule innombrable d&rsquo;hommes semblables (&#8230;) qui tournent sans repos pour se procurer de petits et vulgaires plaisirs, (&#8230;) où chacun d&rsquo;eux, retiré à l&rsquo;écart, est comme étranger à la destinée des autres&nbsp;&raquo;
	</p></blockquote>
<p>	<i>Source : Raffaele Simone : &laquo;&nbsp;Pourquoi l&rsquo;Europe s&rsquo;enracine à droite&nbsp;&raquo;<br /><a href="http://www.lemonde.fr/politique/article/2010/09/12/pourquoi-l-europe-s-enracine-a-droite_1409667_823448.html" target="_blank">http://www.lemonde.fr/politique/article/2010/09/12/pourquoi-l-europe-s-enracine-a-droite_1409667_823448.html</a></i></p>
<p>	<b>Juno Beach</b><br />
	<br />
		<div class="gm-map"><iframe name="gm-map-1" src="http://blog.3wdoc.com/fr/?geo_mashup_content=render-map&amp;map_data_key=c61a41d1396f2be18d638e2088ce4ab2" style="height: 350px; width: 960px; border: none; overflow: hidden;"></iframe></div><br />
		</p>
<h2>Pour aller plus loin</h2>
<ul>
<li>Storming Juno <br /><a href="http://stormingjuno.com/" target="_blank">http://stormingjuno.com/</a></li>
<li>la page de thefwa.com de Storming Juno  <br /><a href="http://www.thefwa.com/site/storming-juno-interactive" target="_blank">http://www.thefwa.com/site/storming-juno-interactive</a></li>
<li>EMI-CFD Ecole des métiers de l&rsquo;information Paris <br /><a href="http://emi-cfd.com/" target="_blank">http://emi-cfd.com/</a></li>
<li>Maux de Presse &#8211; Teaser &#8211; EMI CFD <br /><a href="http://vimeo.com/21147852" target="_blank">http://vimeo.com/21147852</a></li>
<li>Moneyocracy sur Facebook <br /><a href="http://www.facebook.com/pages/Moneyocracy/280429575344321" target="_blank">Moneyocracy</a></li>
<li>Le projet Moneyocracy sur tumblr <br /><a href="http://moneyocracy.tumblr.com/" target="_blank">www.moneyocracy-project.com</a></li>
<li>Raffaele Simone : &laquo;&nbsp;Pourquoi l&rsquo;Europe s&rsquo;enracine à droite&nbsp;&raquo;<br /><a href="http://www.lemonde.fr/politique/article/2010/09/12/pourquoi-l-europe-s-enracine-a-droite_1409667_823448.html" target="_blank">http://www.lemonde.fr/politique/article/2010/09/12/pourquoi-l-europe-s-enracine-a-droite_1409667_823448.html</a></li>
<li>L&rsquo;expression &laquo;&nbsp;deux cents familles&nbsp;&raquo;<br /><a href="http://fr.wikipedia.org/wiki/Deux_cents_familles" target="_blank">http://fr.wikipedia.org/wiki/Deux_cents_familles</a></li>
<li>Ploutocratie<br /><a href="http://fr.wikipedia.org/wiki/Ploutocratie" target="_blank">http://fr.wikipedia.org/wiki/Ploutocratie</a></li>
<li>Soft power<br /><a href="http://fr.wikipedia.org/wiki/Soft_power" target="_blank">http://fr.wikipedia.org/wiki/Soft_power</a></li>
<li>Secret Location est l&rsquo;agence interactive à la manœuvre derrière le projet Juno<br /><a href="http://www.thesecretlocation.com/" target="_blank">http://www.thesecretlocation.com/</a></li>
<li>Le Projet M&#233;moire &#8211; Histoires de la Deuxi&#232;me Guerre mondiale &#8211; L&rsquo;Institut Historica-Dominion<br /><a href="http://www.thememoryproject.com/" target="_blank">http://www.thememoryproject.com/</a></li>
<li>Maux de presse<br /><a href="http://www.thememoryproject.com/" target="_blank">http://stagepro.ateliercfd.org/mauxdepresse/</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.3wdoc.com/fr/2012/02/13/storming-juno-ultimate-gamification-ou-ludification-ultime-sur-le-debarquement-canadien-a-juno-pendant-le-d-day/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<georss:point>49.3395538 -0.4454700</georss:point>	</item>
		<item>
		<title>Bear 71, Trou story, ONF &#8211;  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu</title>
		<link>http://blog.3wdoc.com/fr/2012/02/06/bear-71-trou-story-onf-apercu-sur-le-gamedocumentaire-ou-comment-la-delinearisation-fait-place-a-la-scenarisation-par-le-jeu/</link>
		<comments>http://blog.3wdoc.com/fr/2012/02/06/bear-71-trou-story-onf-apercu-sur-le-gamedocumentaire-ou-comment-la-delinearisation-fait-place-a-la-scenarisation-par-le-jeu/#comments</comments>
		<pubDate>Mon, 06 Feb 2012 18:16:49 +0000</pubDate>
		<dc:creator>Bruno Flaven</dc:creator>
				<category><![CDATA[analyse]]></category>
		<category><![CDATA[audiovisuel]]></category>
		<category><![CDATA[auteurs]]></category>
		<category><![CDATA[expériences]]></category>
		<category><![CDATA[information]]></category>
		<category><![CDATA[interactif]]></category>
		<category><![CDATA[journalisme]]></category>
		<category><![CDATA[narration]]></category>
		<category><![CDATA[storytelling]]></category>
		<category><![CDATA[technique]]></category>
		<category><![CDATA[vidéo]]></category>
		<category><![CDATA[webdoc]]></category>
		<category><![CDATA[webdocumentaire]]></category>
		<category><![CDATA[Bear 71]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[GameDoc]]></category>
		<category><![CDATA[GameDocumentaire]]></category>
		<category><![CDATA[gamification]]></category>
		<category><![CDATA[JSON]]></category>
		<category><![CDATA[ludification]]></category>
		<category><![CDATA[ONF]]></category>
		<category><![CDATA[trou story]]></category>
		<category><![CDATA[Upian]]></category>
		<category><![CDATA[XML]]></category>

		<guid isPermaLink="false">http://blog.3wdoc.com/fr/?p=6646</guid>
		<description><![CDATA[Copyright&#169;www.nfb.ca Deux remarquables productions qui nous viennent de l&#8217;ONF qui témoignent de l&#8217;évidence que d&#8217;une part le &#171;&#160;gaming&#160;&#187; a beaucoup à apporter au webdoc, n&#8217;en déplaise peut-être aux puristes du webdoc et d&#8217;autre part que l&#8217;on voit techniquement l&#8217;émergence d&#8217;un savoir-faire naissant en matière de développement sur flash tout au moins. De manière concomitante, on [...]]]></description>
				<content:encoded><![CDATA[<p><!-- Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu --><br />
<!--  Bear 71, ONF, Trou story, JSON, Flash, XML, Upian, GameDoc, GameDocumentaire, Webdoc, webdocumentaire  --></p>
<p><a title="" class="bigpic" href="http://blog.3wdoc.com/fr/2012/02/06/bear-71-trou-story-onf-apercu-sur-le-gamedocumentaire-ou-comment-la-delinearisation-fait-place-a-la-scenarisation-par-le-jeu/"><img class="alignleft" src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/onf_bear71_troustory_slider.jpg" width="600" height="235" alt="" /></a><em>Copyright&copy;www.nfb.ca</em><br/><br/></p>
<p>Deux remarquables productions qui nous viennent de l&rsquo;ONF qui témoignent de l&rsquo;évidence que d&rsquo;une part le &laquo;&nbsp;gaming&nbsp;&raquo; a beaucoup à apporter au webdoc, n&rsquo;en déplaise peut-être aux puristes du webdoc et d&rsquo;autre part que l&rsquo;on voit techniquement l&rsquo;émergence d&rsquo;un savoir-faire naissant en matière de développement sur flash tout au moins.<span id="more-6646"></span></p>
<p>De manière concomitante, on se livre à une analyse des deux webdocumentaires pour leur technique narrative, très proche du jeu : <a href="http://bear71.nfb.ca/" target="_blank">Bear 71</a> et <a href="http://troustory.onf.ca/" target="_blank">Trou story</a>. En effet, ces 2 webdocs nous ont été signalés et ont été discutés avec Charles Ayats AKA <a href="http://www.twitter.com/n_aya" target="_blank">@n_aya</a>, à la fois fin observateur de la culture numérique sous toutes ces formes, notamment du jeu, et citoyen préoccupé par les bouleversements à monde à venir ( rappelez-vous la production Goudou Goudou, il y avait participé avec son acolyte Benoit Cassegrain AKA <a href="http://www.twitter.com/webreporters" target="_blank">@webreporters</a> et Giordanno Cossu AKA <a href="http://www.twitter.com/Agashya" target="_blank">@Agashya</a>). Que pensez de l&rsquo;approche très &laquo;&nbsp;avatar&nbsp;&raquo; et très &laquo;&nbsp;gaming&nbsp;&raquo; de ces 2 productions ? La question reste ouverte : est-ce le premier levier d&rsquo;une prise de conscience réelle sur un sujet ou est-ce simplement une prouesse technologique et ludique sans lendemain ? Sans se prononcer, ni jeter l&rsquo;anathème sur cette nouvelle forme de narration, l&rsquo;année 2012 risque d&rsquo;être riche d&rsquo;expériences qui renouvellent cette apprentissage par le jeu. Parlera-t-on bientôt de &laquo;&nbsp;GameDoc&nbsp;&raquo; ou de &laquo;&nbsp;GameDocumentaire&nbsp;&raquo; ? On en parle sans doute déjà.</p>
<h4>Le jeu, nouveau vecteur du savoir ?</h4>
<p><b>Le salut est-il dans la gamification ou la ludification ?</b></p>
<p>Ce qui semble sûr, c&rsquo;est que le recours au jeu est à n&rsquo;en pas douter un moyen privilégié de sensibiliser les &laquo;&nbsp;digital natives&nbsp;&raquo;, souvent imparfaitement conscients par exemple des problématiques écologiques et capitalistes qui s&rsquo;amplifient. Il n&rsquo;est pas impossible que nous voyons sous peu sortir des productions de webdoc &laquo;&nbsp;gamifiés&nbsp;&raquo; sur des sujets aussi sérieux que la présidentielle 2012 en France ou la crise de l&rsquo;EURO. Ce qu&rsquo;il ressort de la lecture croisée de ces deux webdocs, c&rsquo;est une mise en abîme de 2 facettes d&rsquo;une même question : Qu&rsquo;est-ce qui pourrait bien limiter la prédation qu&rsquo;exerce l&rsquo;homme sur son environnement: ressources, nature, ours, hommes, tout y passe. Ces productions semblent nous renvoyer à la question du moment : la lutte à armes inégales que mène l&rsquo;homme d&rsquo;aujourd&rsquo;hui, sorte de Robinson moderne, pour le contrôle de l&rsquo;espace et des ressources garantissant sa survie aux détriments de la Nature, de l&rsquo;Animal&#8230; et disons-le de l&rsquo;humanité dans son ensemble.</p>
<h4>#BEAR71</h4>
<p>Dans ce webdoc, tout débute par une sorte de flashback à la manière de La Comtesse aux pieds nus (The Barefoot Contessa) de Mankiewicz, ce serait plutôt ici &laquo;&nbsp;The Bear Contessa&nbsp;&raquo;. A votre réveil, après un coup de seringue hypodermique, vous voilà donc pour, votre plus grand plaisir anthropomorphique, dans la peau de &laquo;&nbsp;John Michka&nbsp;&raquo;, l&rsquo;ours 71, débonnaire colosse de 200 à 300 kilo pour plus de 2 mètres, tout au sommet de la chaine alimentaire ! De quoi séduire toute personne qui dans la vraie vie est bien en peine de s&rsquo;imposer&#8230; L&rsquo;intimité au sujet est totale puisque vous êtes vous-même le sujet en caméra subjective et le jeu de miroir narratif est tout simplement saisissant. </p>
<h4>#TROUSTORY</h4>
<p>Dans ce webdoc &#8211; gamedoc, vous voilà plongé(e) dans une sorte de monopoly de la concession de charbon où vous devez faire des trous, des gros trous, toujours des gros trous. En toile de fond de ce jeu, en apparence anodin, vous découvrirez l&rsquo;impact écologique dévastateur de vos prospections frénétiques, vous goûterez aussi à la fièvre spéculative de l&rsquo;achat et de la vente de concessions de ce nouvel or noir bref vous serez un acteur majeur de la course aux ressources énergétiques. Cette course à l&rsquo;énergie qui attise les appétits capitalistiques était déjà le substrat du Voyage au bout du charbon de Samuel Bollendorff. Effet  &laquo;&nbsp;Houille&nbsp;&raquo; garanti.</p>
<p>Ce webdoc vous donnera l&rsquo;occasion unique de scander &laquo;&nbsp;Drill, baby, drill!&nbsp;&raquo; comme Sarah Palin, en son temps, ex-gouverneur de l&rsquo;Alaska. Dans ce jeu, le mot d&rsquo;ordre va plus loin c&rsquo;est &laquo;&nbsp;Drill to Kill&nbsp;&raquo; quand on voit par exemple les méfaits produits par l&rsquo;extraction de charbon aussi nocif semble-t-il que l&rsquo;extraction du pétrole des sables bitumineux d&rsquo;Alberta et la catastrophe écologique qui en résulte.</p>

<a href='http://blog.3wdoc.com/fr/2012/02/06/bear-71-trou-story-onf-apercu-sur-le-gamedocumentaire-ou-comment-la-delinearisation-fait-place-a-la-scenarisation-par-le-jeu/bear71_2/' title='Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu'><img width="300" height="187" src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/bear71_2-300x187.jpg" class="attachment-medium" alt="Bear 71, Trou story, ONF - Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" /></a>
<a href='http://blog.3wdoc.com/fr/2012/02/06/bear-71-trou-story-onf-apercu-sur-le-gamedocumentaire-ou-comment-la-delinearisation-fait-place-a-la-scenarisation-par-le-jeu/bear71_3/' title='Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu'><img width="300" height="166" src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/bear71_3-300x166.jpg" class="attachment-medium" alt="Bear 71, Trou story, ONF - Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" /></a>
<a href='http://blog.3wdoc.com/fr/2012/02/06/bear-71-trou-story-onf-apercu-sur-le-gamedocumentaire-ou-comment-la-delinearisation-fait-place-a-la-scenarisation-par-le-jeu/bear71_4_b/' title='Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu'><img width="300" height="187" src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/bear71_4_b-300x187.jpg" class="attachment-medium" alt="Bear 71, Trou story, ONF - Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" /></a>
<a href='http://blog.3wdoc.com/fr/2012/02/06/bear-71-trou-story-onf-apercu-sur-le-gamedocumentaire-ou-comment-la-delinearisation-fait-place-a-la-scenarisation-par-le-jeu/bear71_4/' title='Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu'><img width="300" height="187" src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/bear71_4-300x187.jpg" class="attachment-medium" alt="Bear 71, Trou story, ONF - Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" /></a>
<a href='http://blog.3wdoc.com/fr/2012/02/06/bear-71-trou-story-onf-apercu-sur-le-gamedocumentaire-ou-comment-la-delinearisation-fait-place-a-la-scenarisation-par-le-jeu/bear71_5/' title='Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu'><img width="300" height="187" src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/bear71_5-300x187.jpg" class="attachment-medium" alt="Bear 71, Trou story, ONF - Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" /></a>
<a href='http://blog.3wdoc.com/fr/2012/02/06/bear-71-trou-story-onf-apercu-sur-le-gamedocumentaire-ou-comment-la-delinearisation-fait-place-a-la-scenarisation-par-le-jeu/bear71_6/' title='Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu'><img width="300" height="187" src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/bear71_6-300x187.jpg" class="attachment-medium" alt="Bear 71, Trou story, ONF - Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" /></a>
<a href='http://blog.3wdoc.com/fr/2012/02/06/bear-71-trou-story-onf-apercu-sur-le-gamedocumentaire-ou-comment-la-delinearisation-fait-place-a-la-scenarisation-par-le-jeu/bear71_7/' title='Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu'><img width="300" height="187" src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/bear71_7-300x187.jpg" class="attachment-medium" alt="Bear 71, Trou story, ONF - Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" /></a>
<a href='http://blog.3wdoc.com/fr/2012/02/06/bear-71-trou-story-onf-apercu-sur-le-gamedocumentaire-ou-comment-la-delinearisation-fait-place-a-la-scenarisation-par-le-jeu/bear71_8/' title='Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu'><img width="300" height="187" src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/bear71_8-300x187.jpg" class="attachment-medium" alt="Bear 71, Trou story, ONF - Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" /></a>
<a href='http://blog.3wdoc.com/fr/2012/02/06/bear-71-trou-story-onf-apercu-sur-le-gamedocumentaire-ou-comment-la-delinearisation-fait-place-a-la-scenarisation-par-le-jeu/bear71_9/' title='Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu'><img width="300" height="187" src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/bear71_9-300x187.jpg" class="attachment-medium" alt="Bear 71, Trou story, ONF - Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" /></a>
<a href='http://blog.3wdoc.com/fr/2012/02/06/bear-71-trou-story-onf-apercu-sur-le-gamedocumentaire-ou-comment-la-delinearisation-fait-place-a-la-scenarisation-par-le-jeu/bear71_10/' title='Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu'><img width="300" height="187" src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/bear71_10-300x187.jpg" class="attachment-medium" alt="Bear 71, Trou story, ONF - Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" /></a>
<a href='http://blog.3wdoc.com/fr/2012/02/06/bear-71-trou-story-onf-apercu-sur-le-gamedocumentaire-ou-comment-la-delinearisation-fait-place-a-la-scenarisation-par-le-jeu/troustory_1/' title='Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu'><img width="300" height="187" src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/troustory_1-300x187.jpg" class="attachment-medium" alt="Bear 71, Trou story, ONF - Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" /></a>
<a href='http://blog.3wdoc.com/fr/2012/02/06/bear-71-trou-story-onf-apercu-sur-le-gamedocumentaire-ou-comment-la-delinearisation-fait-place-a-la-scenarisation-par-le-jeu/troustory_2/' title='Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu'><img width="300" height="187" src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/troustory_2-300x187.jpg" class="attachment-medium" alt="Bear 71, Trou story, ONF - Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" /></a>
<a href='http://blog.3wdoc.com/fr/2012/02/06/bear-71-trou-story-onf-apercu-sur-le-gamedocumentaire-ou-comment-la-delinearisation-fait-place-a-la-scenarisation-par-le-jeu/troustory_3/' title='Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu'><img width="300" height="187" src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/troustory_3-300x187.jpg" class="attachment-medium" alt="Bear 71, Trou story, ONF - Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" /></a>
<a href='http://blog.3wdoc.com/fr/2012/02/06/bear-71-trou-story-onf-apercu-sur-le-gamedocumentaire-ou-comment-la-delinearisation-fait-place-a-la-scenarisation-par-le-jeu/troustory_4/' title='Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu'><img width="300" height="187" src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/troustory_4-300x187.jpg" class="attachment-medium" alt="Bear 71, Trou story, ONF - Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" /></a>
<a href='http://blog.3wdoc.com/fr/2012/02/06/bear-71-trou-story-onf-apercu-sur-le-gamedocumentaire-ou-comment-la-delinearisation-fait-place-a-la-scenarisation-par-le-jeu/troustory_5/' title='Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu'><img width="300" height="187" src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/troustory_5-300x187.jpg" class="attachment-medium" alt="Bear 71, Trou story, ONF - Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" /></a>
<a href='http://blog.3wdoc.com/fr/2012/02/06/bear-71-trou-story-onf-apercu-sur-le-gamedocumentaire-ou-comment-la-delinearisation-fait-place-a-la-scenarisation-par-le-jeu/troustory_6/' title='Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu'><img width="300" height="187" src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/troustory_6-300x187.jpg" class="attachment-medium" alt="Bear 71, Trou story, ONF - Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" /></a>
<a href='http://blog.3wdoc.com/fr/2012/02/06/bear-71-trou-story-onf-apercu-sur-le-gamedocumentaire-ou-comment-la-delinearisation-fait-place-a-la-scenarisation-par-le-jeu/troustory_7/' title='Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu'><img width="300" height="187" src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/troustory_7-300x187.jpg" class="attachment-medium" alt="Bear 71, Trou story, ONF - Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" /></a>
<a href='http://blog.3wdoc.com/fr/2012/02/06/bear-71-trou-story-onf-apercu-sur-le-gamedocumentaire-ou-comment-la-delinearisation-fait-place-a-la-scenarisation-par-le-jeu/troustory_8/' title='Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu'><img width="300" height="187" src="http://blog.3wdoc.com/fr/wp-content/uploads/2012/02/troustory_8-300x187.jpg" class="attachment-medium" alt="Bear 71, Trou story, ONF - Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" /></a>

<h4>Un vrai savoir-faire</h4>
<p>On a avait vu dans notre article précédent sur Manipulations que Upian utilisait à plein cette combinaison d&rsquo;un Framework Actionscript, dans la philosophie de Gaia Framework, et que la plupart des données étaient stockées dans du <code>.xml</code> mais surtout du <code>.json</code>. On voit donc clairement un modèle de production et de développement pour le Webdoc à défaut de modèle économique mais l&rsquo;un n&rsquo;ira pas sans l&rsquo;autre ! La clé d&rsquo;un bon workflow de production serait donc un framework de production en ActionScript couplé à du JSON/XML pour la gestion des données. Cette tendance est d&rsquo;ailleurs vraie dans le développement de webdocumentaire en Flash/Flex mais va bien au-de-là, que vous fassiez par exemple du PHP ou du RoR (Ruby on Rails). A première vue, c&rsquo;est la garantie d&rsquo;une plus grande souplesse dans la gestion des données et la possibilité de réutiliser des développements antérieurs, le principe DRY en quelque sorte (Do not Repeat Yourself), pour des développement plus agiles, le tout bien sûr au service des créateurs et de la narration. Toute personne qui s&rsquo;intéresse au développement de webdocumentaire sous Flash/Flex devrait clairement si intéressée ainsi que ceux qui font du HTML5 !</p>
<h4>L&rsquo;entrée de JSON</h4>
<p>On ne s&rsquo;attardera pas sur le format XML, déjà très répandu et utilisé, mais plutôt sur l&rsquo;entrée remarquée du JSON. Pourquoi ? Utiliser du JSON, c&rsquo;est tirer profit d&rsquo;un format qui permet : </p>
<ul>
<li>Une plus grande vitesse de traitement des informations stockées, nul besoin de parcourir le DOM (Document Object Model) comme dans du XML.</li>
<li>Une simplicité dans la mise en oeuvre car c&rsquo;est nativement reconnu par le JavaScript.</li>
</ul>
<p>On voit que ce qui se fait de mieux en France, Upian pour ne pas les citer ou ONF au Canada, développe un savoir-faire tout à faire similaire. Une tendance à suivre de près donc.</p>
<p><b>Extrait du fichier <code>projects.json</code> pour troustory</b></p>

<div class="wp_syntax"><table><tr><td class="code"><pre class="javascript" style="font-family:monospace;">&nbsp;
<span style="color: #009900;">&#123;</span>
         <span style="color: #3366CC;">&quot;title&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;Écologie Sonore&quot;</span><span style="color: #339933;">,</span>
         <span style="color: #3366CC;">&quot;deeplink&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;ecologiesonore&quot;</span><span style="color: #339933;">,</span>
         <span style="color: #3366CC;">&quot;src&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;ecologiesonore/main.swf&quot;</span><span style="color: #339933;">,</span>
         <span style="color: #3366CC;">&quot;baseURL&quot;</span><span style="color: #339933;">:</span><span style="color: #3366CC;">&quot;ecologiesonore&quot;</span><span style="color: #339933;">,</span>
         <span style="color: #3366CC;">&quot;screenshot&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;screens/ecologie_sonore_browse.jpg&quot;</span><span style="color: #339933;">,</span>
         <span style="color: #3366CC;">&quot;summary&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;Un documentaire web qui pose le problème croissant de la pollution sonore en soulevant, en trame de fond, notre incapacité à soutenir le silence. Parcours en ville, en banlieue, en nature et en ermitage.&quot;</span><span style="color: #339933;">,</span>
         <span style="color: #3366CC;">&quot;credits1&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;En collaboration avec Toxa&quot;</span><span style="color: #339933;">,</span>
         <span style="color: #3366CC;">&quot;credits2&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;&quot;</span><span style="color: #339933;">,</span>
         <span style="color: #3366CC;">&quot;listCredits&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;En collaboration avec Toxa&quot;</span><span style="color: #339933;">,</span>
         <span style="color: #3366CC;">&quot;creditSort&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;Toxa&quot;</span><span style="color: #339933;">,</span>
         <span style="color: #3366CC;">&quot;date&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;2010-06-13&quot;</span><span style="color: #339933;">,</span>
         <span style="color: #3366CC;">&quot;altLang&quot;</span> <span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;&quot;</span><span style="color: #339933;">,</span>
         <span style="color: #3366CC;">&quot;storyOrder&quot;</span><span style="color: #339933;">:</span> <span style="color: #CC0000;">2</span><span style="color: #339933;">,</span>
         <span style="color: #3366CC;">&quot;showLoaderText&quot;</span><span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">,</span>
         <span style="color: #3366CC;">&quot;fullScreenPreview&quot;</span><span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">,</span>
         <span style="color: #3366CC;">&quot;external&quot;</span><span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">,</span>
         <span style="color: #3366CC;">&quot;target&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;_blank&quot;</span>
     <span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span></pre></td></tr></table></div>

<p><b>Extrait du fichier <code>projects.json</code> de bear71</b></p>

<div class="wp_syntax"><table><tr><td class="code"><pre class="javascript" style="font-family:monospace;">&nbsp;
<span style="color: #009900;">&#123;</span>
     <span style="color: #3366CC;">&quot;title&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;Main Street&quot;</span><span style="color: #339933;">,</span>
	 <span style="color: #3366CC;">&quot;deeplink&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;mainstreet&quot;</span><span style="color: #339933;">,</span>
	 <span style="color: #3366CC;">&quot;src&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;mainstreet/main.swf&quot;</span><span style="color: #339933;">,</span>
	 <span style="color: #3366CC;">&quot;baseURL&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;mainstreet&quot;</span><span style="color: #339933;">,</span>		 
     <span style="color: #3366CC;">&quot;screenshot&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;screens/mainstreet.jpg&quot;</span><span style="color: #339933;">,</span>
     <span style="color: #3366CC;">&quot;summary&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;The inclination is to keep your foot on the gas and drive on by. But this time slow down, turn off the highway, and take the only road into town.&quot;</span><span style="color: #339933;">,</span>
     <span style="color: #3366CC;">&quot;credits1&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;Photos by Danny Singer&quot;</span><span style="color: #339933;">,</span>
     <span style="color: #3366CC;">&quot;credits2&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;&quot;</span><span style="color: #339933;">,</span>
     <span style="color: #3366CC;">&quot;listCredits&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;Photos by Danny Singer&quot;</span><span style="color: #339933;">,</span>
	 <span style="color: #3366CC;">&quot;creditSort&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;Singer&quot;</span><span style="color: #339933;">,</span>
     <span style="color: #3366CC;">&quot;date&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;2010-06-09&quot;</span><span style="color: #339933;">,</span>
 	 <span style="color: #3366CC;">&quot;altLang&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;&quot;</span><span style="color: #339933;">,</span>
	 <span style="color: #3366CC;">&quot;storyOrder&quot;</span><span style="color: #339933;">:</span> <span style="color: #CC0000;">2</span><span style="color: #339933;">,</span>
	 <span style="color: #3366CC;">&quot;showLoaderText&quot;</span><span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">,</span>
	 <span style="color: #3366CC;">&quot;autoHideTopBar&quot;</span><span style="color: #339933;">:</span><span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">,</span>
	 <span style="color: #3366CC;">&quot;fullScreenPreview&quot;</span><span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">,</span>
	 <span style="color: #3366CC;">&quot;external&quot;</span><span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">,</span>
	 <span style="color: #3366CC;">&quot;target&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;_blank&quot;</span>
	 <span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span></pre></td></tr></table></div>

<p><b>Extrait du fichier <code>config.xml</code> de bear71</b></p>

<div class="wp_syntax"><table><tr><td class="code"><pre class="javascript" style="font-family:monospace;">		<span style="color: #339933;">&lt;?</span>xml version<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;1.0&quot;</span> encoding<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;UTF-8&quot;</span><span style="color: #339933;">?&gt;</span>
		<span style="color: #339933;">&lt;</span>xml<span style="color: #339933;">&gt;</span>
			<span style="color: #339933;">&lt;</span>title<span style="color: #339933;">&gt;&lt;!</span><span style="color: #009900;">&#91;</span>CDATA<span style="color: #009900;">&#91;</span>Bear71<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">&gt;&lt;/</span>title<span style="color: #339933;">&gt;</span>
			<span style="color: #339933;">&lt;</span>shareurl<span style="color: #339933;">&gt;&lt;!</span><span style="color: #009900;">&#91;</span>CDATA<span style="color: #009900;">&#91;</span>http<span style="color: #339933;">:</span><span style="color: #006600; font-style: italic;">//bear71.nfb.ca]]&gt;&lt;/shareurl&gt;</span>
			<span style="color: #339933;">&lt;</span>links<span style="color: #339933;">&gt;</span>
				<span style="color: #339933;">&lt;</span>link<span style="color: #339933;">&gt;&lt;!</span><span style="color: #009900;">&#91;</span>CDATA<span style="color: #009900;">&#91;</span>About<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">&gt;&lt;/</span>link<span style="color: #339933;">&gt;</span>
				<span style="color: #339933;">&lt;</span>link<span style="color: #339933;">&gt;&lt;!</span><span style="color: #009900;">&#91;</span>CDATA<span style="color: #009900;">&#91;</span>Read The Story<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">&gt;&lt;/</span>link<span style="color: #339933;">&gt;</span>
				<span style="color: #339933;">&lt;!--</span> <span style="color: #339933;">&lt;</span>link<span style="color: #339933;">&gt;&lt;!</span><span style="color: #009900;">&#91;</span>CDATA<span style="color: #009900;">&#91;</span>Replay The Story<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">&gt;&lt;/</span>link<span style="color: #339933;">&gt;</span> <span style="color: #339933;">--&gt;</span>
				<span style="color: #339933;">&lt;</span>link<span style="color: #339933;">&gt;&lt;!</span><span style="color: #009900;">&#91;</span>CDATA<span style="color: #009900;">&#91;</span>Credits<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">&gt;&lt;/</span>link<span style="color: #339933;">&gt;</span>
			<span style="color: #339933;">&lt;/</span>links<span style="color: #339933;">&gt;</span>
			<span style="color: #339933;">&lt;</span>twitter<span style="color: #339933;">&gt;&lt;!</span><span style="color: #009900;">&#91;</span>CDATA<span style="color: #009900;">&#91;</span>NFB<span style="color: #339933;">/</span>Interactive<span style="color: #339933;">:</span> Bear <span style="color: #CC0000;">71</span> http<span style="color: #339933;">:</span><span style="color: #006600; font-style: italic;">//bear71.nfb.ca]]&gt;&lt;/twitter&gt;</span>
			<span style="color: #339933;">&lt;</span>digg<span style="color: #339933;">&gt;&lt;!</span><span style="color: #009900;">&#91;</span>CDATA<span style="color: #009900;">&#91;</span>NFB<span style="color: #339933;">/</span>Interactive<span style="color: #339933;">:</span> Bear <span style="color: #CC0000;">71</span> http<span style="color: #339933;">:</span><span style="color: #006600; font-style: italic;">//bear71.nfb.ca]]&gt;&lt;/digg&gt;</span>
		<span style="color: #339933;">&lt;/</span>xml<span style="color: #339933;">&gt;</span></pre></td></tr></table></div>

<p><b>Extrait du fichier <code>ts_map.xml</code> de troustory</b></p>

<div class="wp_syntax"><table><tr><td class="code"><pre class="xml" style="font-family:monospace;">	<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;?xml</span> <span style="color: #000066;">version</span>=<span style="color: #ff0000;">&quot;1.0&quot;</span> <span style="color: #000066;">encoding</span>=<span style="color: #ff0000;">&quot;utf-8&quot;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span></span>
	<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;data<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
	        <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;gmapkey<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>ABQIAAAAMxLm1f-m0sr8lertLvw8chTfQgm3XfI5kMg3Ngd9RnKtLCA3dxS3oWY7bVNZkIDcd3L0tVT23AoF9w<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/gmapkey<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
&nbsp;
&nbsp;
	        <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;itemList</span> <span style="color: #000066;">type</span>=<span style="color: #ff0000;">&quot;mines actives&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
	 <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
	                        <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;title<span style="color: #000000; font-weight: bold;">&gt;</span></span></span><span style="color: #339933;">&lt;![CDATA[Canadian Malartic]]&gt;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/title<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
	                        <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;entityName<span style="color: #000000; font-weight: bold;">&gt;</span></span></span><span style="color: #339933;">&lt;![CDATA[Osisko]]&gt;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/entityName<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
	                        <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;resources<span style="color: #000000; font-weight: bold;">&gt;</span></span></span><span style="color: #339933;">&lt;![CDATA[Or]]&gt;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/resources<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
	<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;superficie<span style="color: #000000; font-weight: bold;">&gt;</span></span></span><span style="color: #339933;">&lt;![CDATA[230 km&amp;sup2;]]&gt;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/superficie<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
	                        <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;mineType<span style="color: #000000; font-weight: bold;">&gt;</span></span></span><span style="color: #339933;">&lt;![CDATA[&amp;Agrave; ciel ouvert]]&gt;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/mineType<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
	                        <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;description<span style="color: #000000; font-weight: bold;">&gt;</span></span></span><span style="color: #339933;">&lt;![CDATA[La production commerciale a d&amp;eacute;but&amp;eacute; le 19 mai 2011. R&amp;eacute;serves prouv&amp;eacute;es et probables: 10,7 millions d&amp;#x27;onces d&amp;#x27;or. La teneur en or moyenne oscille entre 3 et 6 grammes par tonne]]&gt;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/description<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
	                        <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;photo<span style="color: #000000; font-weight: bold;">&gt;</span></span></span><span style="color: #339933;">&lt;![CDATA[]]&gt;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/photo<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
	                        <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;latitude<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>48.122101<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/latitude<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
	                        <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;longitude<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>-78.10554<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/longitude<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
	                <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
	 <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span></pre></td></tr></table></div>

<h4>Interview de Charles Ayats (<a href="http://www.charlesayats.fr" target="_blank">www.charlesayats.fr</a>, <a href="http://www.twitter.com/n_aya" target="_blank">@n_aya</a>)</h4>
<p><b>3WDOC :</b> &laquo;&nbsp;Qu&rsquo;est-ce qui t&rsquo;a le plus plus dans ces productions d&rsquo;un point de vue narratif, éditorial ou technique ?&nbsp;&raquo;</p>
<p><b>Charles Ayats :</b> &laquo;&nbsp;Sur Trou Story c&rsquo;est d&rsquo;abord le travail de finition de l&rsquo;interface qui m&rsquo;a marqué.  La cohérence graphique qui  favorise l&rsquo;immersion bien sûr mais aussi le fil d&rsquo;Ariane visible, les barres de chargement imagées et les boutons <i>slider</i> qui guident l&rsquo;internaute dans la narration tout en illustrant l&rsquo;avancée des travaux miniers.</p>
<p>Plusieurs couches d&rsquo;information se superposent et réclament à l&rsquo;internaute une attention particulière : par mon action de creuser, j&rsquo;avance dans la problématique, j&rsquo;observe en parallèle le coût engrangé par mes extractions, et plus je creuse plus les revendications des habitants m&rsquo;interpellent, je me questionne, je veux en savoir plus&#8230;</p>
<p>Le tout savamment mise en scène par des affordances visuelles toujours justifiées. On ne clique pas pour accéder au contenu, on clique pour faire avancer le récit, et satisfaire sa curiosité.</p>
<p>Bear71 m&rsquo;a subjugué par la force de son minimalisme. Tout le monde utilise la cartographie aujourd&rsquo;hui mais bien trop souvent comme un menu supplémentaire pour accéder aux contenus, et non, comme ici, pour servir le propos de l&rsquo;auteur.</p>
<p>Cette traque de l&rsquo;ours sur ce territoire assiégé amène à penser que la présence humaine (réelle) interfère avec le monde sauvage.</p>
<p>Comme l&rsquo;ensemble des productions multimédia de ONF, l&rsquo;atmosphère est travaillée, les détails peaufinés (bande son, intro, voix off,&#8230;), l&rsquo;internaute découvre un univers, l&rsquo;appréhende et l&rsquo;arpente.&nbsp;&raquo;</p>
<p><b>3WDOC :</b> &laquo;&nbsp;Quels peuvent les apports du jeu à l&rsquo;univers du webdocumentaire ?&nbsp;&raquo;</p>
<p><b>Charles Ayats :</b> &laquo;&nbsp;Certaines composantes des jeux vidéo peuvent en effet intensifier l&rsquo;expérience webdocumentaire, si elles se justifient dans la conception du projet.<br />
Les webdocumentaires ont besoin d&rsquo;être singulier mais facilement accessible pour répondre aux nouvelles audiences : les  connectés qui papillonnent et les intéressés technophobes, pour schématiser grossièrement.</p>
<p>Les jeux vidéo (et globalement les IHM) designent depuis leur création l&rsquo;exposition des contenus aux interacteurs. Le premier point est de rendre intuitive la navigation de l‘internaute : plus de feedback visuels pour accompagner la progression dans l&rsquo;expérience, justifier chaque clic par une résultante, le spatialiser et le temporaliser dans l&rsquo;œuvre pour qu&rsquo;il puisse prendre ses repères et adopter l&rsquo;environnement et les règles qu&rsquo;on lui impose.</p>
<p>Introduire des boucles de gameplay dans la proposition narrative peut être efficace pour faire respirer l&rsquo;internaute dans son assimilation de connaissance, et le persuader de rester (pour en apprendre d&rsquo;avantage, pour avoir la satisfaction de remporter les challenges, etc&#8230;)<br />
Venir et picorer des contenus délinéarisés n&rsquo;est plus satisfaisant. Il faut proposer des expériences singulières et autonomes, et même pervasives pour donner la sensation que l&rsquo;internaute à une responsabilité dans le récit.</p>
<p>Le jeu vidéo peut apporter beaucoup plus à l&rsquo;univers du webdocumentaire s&rsquo;il est compris comme une nouvelle forme de médiation. Non plus comme un outil auquel on extrait les mécaniques pour les greffer à une autre forme mais comme une grammaire à part entière. Il faut pour çà incorporer les éléments du documentaire (contenu et intention de l&rsquo;auteur) dans le gamedesign. Les newsgames sont une bonne voie d&rsquo;expérimentation pour progresser dans ce sens.&nbsp;&raquo;</p>
<p><b>3WDOC :</b> &laquo;&nbsp;Sur quoi travailles-tu en ce moment ? Un nouveau projet avec Benoit Cassegrain (<a href="http://www.web-reporter.net" target="_blank">www.web-reporter.net</a>, <a href="http://www.twitter.com/webreporters" target="_blank">@webreporters</a>), une suite de Goudou Goudou ?&nbsp;&raquo;</p>
<p><b>Charles Ayats :</b> &laquo;&nbsp;Pour l&rsquo;instant il n&rsquo;est pas prévu de suite car le projet global se termine seulement ; la partie formation de jeunes journalistes haïtiens vient de se terminer. Si le temps nous à manquer pour travailler la mise en forme coté webdoc, la transmission de compétence (formation multimédia par <a href="http://twitter.com/Agashya" target="_blank">@Agashya</a>, <a href="http://twitter.com/elodievialle" target="_blank">@elodievialle</a>, <a href="http://twitter.com/Yallahweb" target="_blank">@Yallahweb</a>) a bel et bien eu lieu.  </p>
<p>Je pense que les webdocs ont tout intérêt à titiller l&rsquo;intentionnalité de l&rsquo;internaute, sur tous les fronts : de l&rsquo;entraide participative via le crowndfunding, l&rsquo;engagement éthique, le spectateur comme interacteur narratif, l&rsquo;activisme comme finalité au retour d&rsquo;expérience.</p>
<p>Benoit a plusieurs projet en cours (qu&rsquo;il viendra présenter ici j&rsquo;espère ;) dont Asian Project par lequel a débuté notre rencontre, qui verra le jour…lorsque nous trouverons un peu de temps.</p>
<p>En ce moment j&rsquo;officie sur Type:Rider, un docugame porté sur l&rsquo;exploration et la compréhension de la  typographie. C&rsquo;est l&rsquo;un des deux projets qui émergera de la première promotion en &laquo;&nbsp;Interactive Digital Expériences&nbsp;&raquo; de l&rsquo;école des Gobelins (<a href="http://ide-edu.net/" target="_blank">http://ide-edu.net/</a>).</p>
<p>En parallèle plusieurs projets mijotent,  dont l&rsquo;adaptation sur  support tactile d&rsquo;un livre pour enfant écrit par un proche. Il y a un tel gap entre les jeux de la Nintendo DS et les PDF faussement interactif&#8230;  Dernièrement <a href="http://itunes.apple.com/fr/app/lhomme-volcan/id488128649?mt=8" target="_blank">&laquo;&nbsp;l&rsquo;Homme Volcan&nbsp;&raquo;</a> m&rsquo;a déçu par son manque cruel d&rsquo;interactivité malgré un univers magnifiquement dépeint par Mathias Malzieu  de Dyonisos.</p>
<p>Comprendre comment les affordances du tactile enthousiasment les enfants me semble un foyer intéressant pour mieux solliciter les adultes non technophiles  à s&rsquo;immerger dans des webdoc.&nbsp;&raquo;</p>
<p><b>3WDOC :</b> &laquo;&nbsp;Que souhaites-tu pour le webdocumentaire pour l&rsquo;année 2012 à venir ? &nbsp;&raquo;<br />
<b>Charles Ayats :</b> &laquo;&nbsp;Que les formes soient les plus diversifiées possibles d&rsquo;un côté, un webdoc  le plus indépendant et créatif possible, et de l&rsquo;autre que le plus grand nombre est la possibilité de s&rsquo;exprimer de cette façon, des plateformes &amp; outils de plus en plus accessibles.&nbsp;&raquo;</p>
<p><i>Un grand merci à Charles Ayats pour sa disponibilité et de nous avoir soufflé à l&rsquo;oreille l&rsquo;existence de ces deux productions.</i></p>
<p><b>Alberta, Canada</b><br />
<br />
	<div class="gm-map"><iframe name="gm-map-2" src="http://blog.3wdoc.com/fr/?geo_mashup_content=render-map&amp;map_data_key=d444885f1d2aef51d76f6d9a7da23588" style="height: 350px; width: 960px; border: none; overflow: hidden;"></iframe></div><br />
	</p>
<h2>Pour aller plus loin</h2>
<ul>
<li>Visionner des documentaires et des films d&rsquo;animation en ligne – ONF.ca<br /><a href="http://www.onf.ca/" target="_blank">http://www.onf.ca/</a></li>
<li>Trou story &#8211; ONF/interactif &#8211; Office national du film du Canada<br /><a href="http://troustory.onf.ca/#/troustory" target="_blank">http://troustory.onf.ca/#/troustory</a></li>
<li>NFB/Interactive &#8211; Bear 71<br /><a href="http://bear71.nfb.ca/#/bear71" target="_blank">http://bear71.nfb.ca/#/bear71</a></li>
<li>La Comtesse aux pieds nus (The Barefoot Contessa)<br /><a href="http://fr.wikipedia.org/wiki/La_Comtesse_aux_pieds_nus" target="_blank">hhttp://fr.wikipedia.org/wiki/La_Comtesse_aux_pieds_nus</a></li>
<li>Drill, baby, drill<br /><a href="http://en.wikipedia.org/wiki/Drill,_baby,_drill" target="_blank">http://en.wikipedia.org/wiki/Drill,_baby,_drill</a></li>
<li>Introducing JSON<br /><a href="http://www.json.org/" target="_blank">http://www.json.org/</a></li>
<li>Définition de Gamification<br /><a href="http://fr.wikipedia.org/wiki/Gamification" target="_blank">http://fr.wikipedia.org/wiki/Gamification</a></li>
<li>Définition de Affordance<br /><a href="http://fr.wikipedia.org/wiki/Affordance" target="_blank">http://fr.wikipedia.org/wiki/Affordance</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.3wdoc.com/fr/2012/02/06/bear-71-trou-story-onf-apercu-sur-le-gamedocumentaire-ou-comment-la-delinearisation-fait-place-a-la-scenarisation-par-le-jeu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<georss:point>53.9332695 -116.5764999</georss:point>	</item>
		<item>
		<title>Workshop Webdocumentaire / 3WDOC Studio à Cinédoc Films !</title>
		<link>http://blog.3wdoc.com/fr/2011/12/21/workshop-webdocumentaire-3wdoc-studio-a-cinedoc-films/</link>
		<comments>http://blog.3wdoc.com/fr/2011/12/21/workshop-webdocumentaire-3wdoc-studio-a-cinedoc-films/#comments</comments>
		<pubDate>Wed, 21 Dec 2011 17:12:58 +0000</pubDate>
		<dc:creator></dc:creator>
				<category><![CDATA[audiovisuel]]></category>
		<category><![CDATA[auteurs]]></category>
		<category><![CDATA[écriture]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[narration]]></category>
		<category><![CDATA[technique]]></category>
		<category><![CDATA[webdoc]]></category>
		<category><![CDATA[webdocumentaire]]></category>
		<category><![CDATA[17 octobre 1961]]></category>
		<category><![CDATA[3 singes productions]]></category>
		<category><![CDATA[3WDOC]]></category>
		<category><![CDATA[3WDOC Studio]]></category>
		<category><![CDATA[agat films]]></category>
		<category><![CDATA[Alexandre Brachet]]></category>
		<category><![CDATA[annecy]]></category>
		<category><![CDATA[antoine viviani]]></category>
		<category><![CDATA[arte]]></category>
		<category><![CDATA[arte webdocs]]></category>
		<category><![CDATA[atelier]]></category>
		<category><![CDATA[auteur réalisateur]]></category>
		<category><![CDATA[Bruno Masi]]></category>
		<category><![CDATA[brussels]]></category>
		<category><![CDATA[bruxelles]]></category>
		<category><![CDATA[catherine cuenca]]></category>
		<category><![CDATA[cécile cros]]></category>
		<category><![CDATA[christian lelong]]></category>
		<category><![CDATA[cinédoc]]></category>
		<category><![CDATA[cinédoc films]]></category>
		<category><![CDATA[cinéma]]></category>
		<category><![CDATA[Cinquième Etage Production]]></category>
		<category><![CDATA[crowdfunding]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[curiosphere]]></category>
		<category><![CDATA[curiosphere.tv]]></category>
		<category><![CDATA[david dufresne]]></category>
		<category><![CDATA[doc]]></category>
		<category><![CDATA[docu]]></category>
		<category><![CDATA[documentaire]]></category>
		<category><![CDATA[documentaire de création]]></category>
		<category><![CDATA[EMI-CFD]]></category>
		<category><![CDATA[étude de cas]]></category>
		<category><![CDATA[facts on the ground]]></category>
		<category><![CDATA[formation]]></category>
		<category><![CDATA[Gaël Bordier]]></category>
		<category><![CDATA[gaza sderot]]></category>
		<category><![CDATA[guide pratique]]></category>
		<category><![CDATA[Guillaume Herbaut]]></category>
		<category><![CDATA[Hans Lucas]]></category>
		<category><![CDATA[Happy World]]></category>
		<category><![CDATA[hyper media]]></category>
		<category><![CDATA[hyper video]]></category>
		<category><![CDATA[i-doc]]></category>
		<category><![CDATA[idoc]]></category>
		<category><![CDATA[indépendant]]></category>
		<category><![CDATA[inflammable productions]]></category>
		<category><![CDATA[initiation]]></category>
		<category><![CDATA[insitu]]></category>
		<category><![CDATA[jean-marc merriaux]]></category>
		<category><![CDATA[joël ronez]]></category>
		<category><![CDATA[kisskissbankbank]]></category>
		<category><![CDATA[l'obésité est-elle une fatalité ?]]></category>
		<category><![CDATA[La nuit oubliée]]></category>
		<category><![CDATA[La Zone]]></category>
		<category><![CDATA[laurence bagot]]></category>
		<category><![CDATA[Lemonde.fr]]></category>
		<category><![CDATA[les palestiniens au liban]]></category>
		<category><![CDATA[living in east jerusalem]]></category>
		<category><![CDATA[manipulations : l'expérience web]]></category>
		<category><![CDATA[matthieu lietaert]]></category>
		<category><![CDATA[mediapart]]></category>
		<category><![CDATA[Narrative]]></category>
		<category><![CDATA[nfb]]></category>
		<category><![CDATA[nicolas sauret]]></category>
		<category><![CDATA[not so crazy productions]]></category>
		<category><![CDATA[olivia colo]]></category>
		<category><![CDATA[Olivier Lambert]]></category>
		<category><![CDATA[ONF]]></category>
		<category><![CDATA[pau perramon]]></category>
		<category><![CDATA[portraits d'un nouveau monde]]></category>
		<category><![CDATA[producteur]]></category>
		<category><![CDATA[providences]]></category>
		<category><![CDATA[radio canada]]></category>
		<category><![CDATA[random voices]]></category>
		<category><![CDATA[randomvoices.org]]></category>
		<category><![CDATA[réfugiés oubliés]]></category>
		<category><![CDATA[rich media]]></category>
		<category><![CDATA[Samuel Bollendorff]]></category>
		<category><![CDATA[scénariste]]></category>
		<category><![CDATA[sébastien brothier]]></category>
		<category><![CDATA[sept entretiens sur jérusalem]]></category>
		<category><![CDATA[skype]]></category>
		<category><![CDATA[skype conference call]]></category>
		<category><![CDATA[the big issue]]></category>
		<category><![CDATA[the guardian]]></category>
		<category><![CDATA[Thomas Salva]]></category>
		<category><![CDATA[tour de france(s)]]></category>
		<category><![CDATA[Transmedia]]></category>
		<category><![CDATA[Tristan Mendès-France]]></category>
		<category><![CDATA[trou story]]></category>
		<category><![CDATA[Upian]]></category>
		<category><![CDATA[webdoc a survival guide]]></category>
		<category><![CDATA[webdocumentaires : gide de survie et conseils pratiques]]></category>
		<category><![CDATA[Wilfrid Estève]]></category>
		<category><![CDATA[workshop]]></category>

		<guid isPermaLink="false">http://blog.3wdoc.com/fr/?p=6361</guid>
		<description><![CDATA[Copyright © 3WDOC / Cinédoc Films 3WDOC a eu le plaisir d&#8217;intervenir toute la semaine dernière à Cinédoc Films à Annecy. Lieu ressource créé en 1992, Cinédoc est à la fois une société de production de documentaires de création et une structure de formation pour les professionnels du cinéma documentaire. A partir d&#8217;études de cas [...]]]></description>
				<content:encoded><![CDATA[<p><a title="Workshop Webdocumentaire / 3WDOC Studio à Cinédoc Films !" class="bigpic" href="http://blog.3wdoc.com/fr/2011/12/21/workshop-webdocumentaire-3wdoc-studio-a-cinedoc-films/"><img class="alignleft" src="http://blog.3wdoc.com/fr/wp-content/uploads/2011/12/highlight_cinedoc.jpg" width="600" height="235" alt="Workshop Webdocumentaire / 3WDOC Studio à Cinédoc Films !" /></a><em>Copyright © 3WDOC / Cinédoc Films</em><br/><br/></p>
<p>3WDOC a eu le plaisir d&rsquo;intervenir toute la semaine dernière à <a href="http://www.cinedoc.fr/" title="Cinédoc Films" target="_blank">Cinédoc Films</a> à Annecy. Lieu ressource créé en 1992, Cinédoc est à la fois une société de production de documentaires de création et une structure de formation pour les professionnels du cinéma documentaire.</p>
<p>A partir d&rsquo;études de cas de webdocumentaires et d&rsquo;échanges Skype avec des acteurs de la scène du webdoc, l&rsquo;objectif de ce workshop était de faire un tour d&rsquo;horizon du documentaire interactif tant sur les questions de structures narratives interactives, d&rsquo;agencement des éléments multimédia, de démarche d&rsquo;auteur ou de traitement journalistique, d&rsquo;esthétique et de webdesign, de l&rsquo;articulation de l&rsquo;intention et de l&rsquo;interface, de stratégies de communication pour impliquer le public dans les projets participatifs, de modèles de production et de financement (guichets de subvention, diffuseurs, crowdfunding etc.), etc&#8230; </p>
<p>Bien sûr, les participants n&rsquo;ont pas échappé à une initiation à 3WDOC Studio ! Découvrant un outil spécifiquement conçu pour la création rich media web, ils ont pu ainsi enrichir leur réflexion sur la production de webdocs, comprenant mieux les possibilités de ce nouveau type d&rsquo;outil. A 3WDOC, nous sommes toujours soucieux d&rsquo;allier théorie et pratique, production et réflexion ;) </p>
<p>Hormis cette approche complémentaire, la grande richesse du workshop a résidé dans les entretiens Skype que les participants ont eu avec le photographe Guillaume Herbaut, autour de <a href="http://www.lemonde.fr/week-end/visuel/2011/04/22/la-zone-retour-a-tchernobyl_1505079_1477893.html" title="La Zone" target="_blank">La Zone</a>, Matthieu Lietaert, éditeur du livre <a href="http://issuu.com/notsocrazy/docs/webdocs-echantillon" title="Webdocumentaires : Guide de Survie et conseils pratiques" target="_blank">Webdocumentaires : Guide de survie et conseils pratiques</a> (vous pouvez aussi <a href="http://blog.3wdoc.com/fr/2011/11/18/webdocumentaires-guide-de-survie-conseils-pratiques/" title="Interview de Matthieu Lietaert par 3WDOC" target="_blank">voir notre interview de Matthieu</a>), le photographe et réalisateur Samuel Bollendorff, à propos de <a href="http://www.curiosphere.tv/ressource/22876-lobesite-est-elle-une-fatalite" title="L'obésité est-elle une fatalité ?" target="_blank">L&rsquo;Obésité : The Big Issue</a>, l&rsquo;auteur-réalisateur Olivier Lambert, autour de <a href="http://www.lemonde.fr/societe/visuel/2011/10/17/la-nuit-oubliee_1587567_3224.html" title="17 Octobre 1961 - La Nuit Oubliée" target="_blank">La Nuit Oubliée</a>, et le producteur Nicolas Sauret de <a href="http://www.inflammableproductions.com/" title="Inflammable Productions" target="_blank">Inflammable Productions</a> pour son projet de webdocumentaire à Jérusalem <em>Facts on the ground</em>. Nous en profitons pour les remercier encore tous chaleureusement de leurs précieuses Skype participations à notre formation. Sans oublier la scénariste <a href="http://about.me/cuenca" title="Catherine Cuenca" target="_blank">Catherine Cuenca</a>, fondatrice de 3 Singes Productions, venue sur place parler de transmedia.</p>

<a href='http://blog.3wdoc.com/fr/2011/12/21/workshop-webdocumentaire-3wdoc-studio-a-cinedoc-films/1_groupe/' title='Webdoc : Workshop 3WDOC @ Cinedoc Films'><img width="300" height="224" src="http://blog.3wdoc.com/fr/wp-content/uploads/2011/12/1_groupe-300x224.jpg" class="attachment-medium" alt="Webdoc : Workshop 3WDOC @ Cinedoc Films" /></a>
<a href='http://blog.3wdoc.com/fr/2011/12/21/workshop-webdocumentaire-3wdoc-studio-a-cinedoc-films/2_sam/' title='Webdoc : 3WDOC @ Cinedoc Films : Samuel Bollendorff'><img width="300" height="224" src="http://blog.3wdoc.com/fr/wp-content/uploads/2011/12/2_sam-300x224.jpg" class="attachment-medium" alt="Webdoc : 3WDOC @ Cinedoc Films : Samuel Bollendorff" /></a>
<a href='http://blog.3wdoc.com/fr/2011/12/21/workshop-webdocumentaire-3wdoc-studio-a-cinedoc-films/3_cuenca/' title='Webdoc : 3WDOC @ Cinedoc Films : Catherine Cuenca'><img width="300" height="224" src="http://blog.3wdoc.com/fr/wp-content/uploads/2011/12/3_cuenca-300x224.jpg" class="attachment-medium" alt="Webdoc : 3WDOC @ Cinedoc Films : Catherine Cuenca" /></a>
<a href='http://blog.3wdoc.com/fr/2011/12/21/workshop-webdocumentaire-3wdoc-studio-a-cinedoc-films/4_matt/' title='Webdoc : 3WDOC @ Cinedoc Films : Matthieu Lietaert'><img width="300" height="224" src="http://blog.3wdoc.com/fr/wp-content/uploads/2011/12/4_matt-300x224.jpg" class="attachment-medium" alt="Webdoc : 3WDOC @ Cinedoc Films : Matthieu Lietaert" /></a>
<a href='http://blog.3wdoc.com/fr/2011/12/21/workshop-webdocumentaire-3wdoc-studio-a-cinedoc-films/5_groupe_ordi/' title='Webdoc : Workshop 3WDOC Studio @ Cinedoc Films '><img width="300" height="224" src="http://blog.3wdoc.com/fr/wp-content/uploads/2011/12/5_groupe_ordi-300x224.jpg" class="attachment-medium" alt="Webdoc : Workshop 3WDOC Studio @ Cinedoc Films" /></a>
<a href='http://blog.3wdoc.com/fr/2011/12/21/workshop-webdocumentaire-3wdoc-studio-a-cinedoc-films/6_lambert/' title='Webdoc : 3WDOC @ Cinedoc Films : Olivier Lambert'><img width="300" height="224" src="http://blog.3wdoc.com/fr/wp-content/uploads/2011/12/6_lambert-300x224.jpg" class="attachment-medium" alt="Webdoc : 3WDOC @ Cinedoc Films : Olivier Lambert" /></a>
<a href='http://blog.3wdoc.com/fr/2011/12/21/workshop-webdocumentaire-3wdoc-studio-a-cinedoc-films/7_groupe/' title='Webdoc : Workshop 3WDOC @ Cinedoc Films'><img width="300" height="224" src="http://blog.3wdoc.com/fr/wp-content/uploads/2011/12/7_groupe-300x224.jpg" class="attachment-medium" alt="Webdoc : Workshop 3WDOC @ Cinedoc Films" /></a>
<a href='http://blog.3wdoc.com/fr/2011/12/21/workshop-webdocumentaire-3wdoc-studio-a-cinedoc-films/8_nico/' title='Webdoc :  3WDOC @ Cinedoc Films : Nicolas Sauret'><img width="300" height="223" src="http://blog.3wdoc.com/fr/wp-content/uploads/2011/12/8_nico-300x223.jpg" class="attachment-medium" alt="Webdoc : 3WDOC @ Cinedoc Films : Nicolas Sauret" /></a>

<p>Ces échanges ont été d&rsquo;autant plus utiles aux participants qu&rsquo;ils ont tous des projets de webdocs ! Que ce soit Christian Lelong, réalisateur-producteur et directeur de Cinédoc,  ou Pierre Mortimore, producteur de Tapis Volant (société de prod. nouveaux médias) qui vont produire le projet cross-media (film + webdoc) <a href="http://www.randomvoices.org/" title="Random Voices" target="_blank">Random Voices</a> du réalisateur espagnol Pau Perramon, ou la journaliste Claire Jeantet.</p>
<p>Pour 3WDOC, ça a été particulièrement enthousiasmant et stimulant de parler de webdocumentaire avec des cinéastes, des documentaristes, qui se sont jusqu&rsquo;à maintenant moins aventurés sur ce terrain que les journalistes et reporters. Une autre culture, un autre regard : d&rsquo;autres approches&#8230; </p>
<p>Nous vous tiendrons informés de nos prochaines interventions. Vive le webdocumentaire !<br />
</br></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.3wdoc.com/fr/2011/12/21/workshop-webdocumentaire-3wdoc-studio-a-cinedoc-films/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<georss:point>0.0000000 0.0000000</georss:point>	</item>
		<item>
		<title>Popcorn, HTML5, framework &#8211; une librairie jQuery pour les médias</title>
		<link>http://blog.3wdoc.com/fr/2011/12/19/popcorn-html5-framework-une-librairie-jquery-pour-les-medias/</link>
		<comments>http://blog.3wdoc.com/fr/2011/12/19/popcorn-html5-framework-une-librairie-jquery-pour-les-medias/#comments</comments>
		<pubDate>Mon, 19 Dec 2011 13:43:53 +0000</pubDate>
		<dc:creator>Bruno Flaven</dc:creator>
				<category><![CDATA[analyse]]></category>
		<category><![CDATA[audiovisuel]]></category>
		<category><![CDATA[auteurs]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[narration]]></category>
		<category><![CDATA[technique]]></category>
		<category><![CDATA[vidéo]]></category>
		<category><![CDATA[webdoc]]></category>
		<category><![CDATA[webdocumentaire]]></category>
		<category><![CDATA[WebGL]]></category>
		<category><![CDATA[framework]]></category>
		<category><![CDATA[Mozilla]]></category>
		<category><![CDATA[ONE MILLIONth TOWER]]></category>
		<category><![CDATA[ONF]]></category>
		<category><![CDATA[Open Source]]></category>
		<category><![CDATA[Popcorn]]></category>

		<guid isPermaLink="false">http://blog.3wdoc.com/fr/?p=6339</guid>
		<description><![CDATA[Copyright&#169;Popcorn On se devait de tester cette remarquable bibliothèque javascript et au moins d&#8217;approcher les quelques fondamentaux qu&#8217;elle promeut et les libertés qu&#8217;elle promet. C&#8217;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 [...]]]></description>
				<content:encoded><![CDATA[
<p><!-- Popcorn, HTML5, framework - une librairie jQuery pour les médias  --><br />
<!--  HTML5, Webdoc, ONE MILLIONth TOWER, Webgl, ONF, Popcorn, Framework, Open Source, Mozilla   --></p>
<p><a title="Popcorn, HTML5, framework - une librairie jQuery pour les médias" class="bigpic" href="http://blog.3wdoc.com/fr/2011/12/19/popcorn-html5-framework-une-librairie-jquery-pour-les-medias/"><img class="alignleft" src="http://blog.3wdoc.com/fr/wp-content/uploads/2011/12/popcornjs_slider.jpg" width="600" height="235" alt="Popcorn, HTML5, framework - une librairie jQuery pour les médias" /></a><em>Copyright&copy;Popcorn</em><br/><br/></p>
<p>On se devait de tester cette remarquable bibliothèque javascript et au moins d&rsquo;approcher les quelques fondamentaux qu&rsquo;elle promeut et les libertés qu&rsquo;elle promet. C&rsquo;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 : </p>
<ul>
<li>L&rsquo;usage de l&rsquo;HTML5 et de jQuery pour réaliser une narration enrichie et interactive</li>
<li>Cette framework écrit déjà de très belles pages du Web en consacrant la multiplicité des narrations numériques en s&rsquo;appuyant sur les qualités propres au web que sont : l&rsquo;agrégation au détriment de la recherche, la recommandation et le partage.</li>
</ul>
<p>Sur ce blog, nous avons fait l&rsquo;éloge de quelques-unes des productions rendues possibles par PopCorn.<span id="more-6339"></span></p>
<p><b>La définition de PopCorn</b></p>
<blockquote><p>
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&rsquo;s Popcorn project.
</p></blockquote>
<p>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.</p>
<p><b>Pourquoi cet aspect plutôt qu&rsquo;un autre ?</b><br />
Cet aspect permet d&rsquo;apprécier deux choses :</p>
<ul>
<li>Tous les ingrédients de contenu auxquelles les internautes comme les créateurs souhaitent avoir accès. Les internautes pour s&rsquo;informer, interagir&#8230; 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&rsquo;expression ou de contenu présent sur le web peut être agrégé via un plugin comme source potentiel de contenu.</li>
<li>Le mode d&rsquo;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&rsquo;expansion de PopCorn comme framework est donc permanente. Cette expansion est l&rsquo;expression même de la culture commune qui nait entre le monde du développement, du web et de la création audiovisuelle.</li>
</ul>
<p>C&rsquo;est en substance, ce que dit le texte publié sur le site officiel de Popcorn.</p>
<blockquote><p>
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.</p>
<p>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.
</p></blockquote>
<h4>Test des plugins les plus significatifs</h4>
<p>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.</p>
<p>La configuration est assez aisée puisqu&rsquo;il suffit de remplir avec vos propres paramètres afin d&rsquo;accéder à votre page facebook, à votre page twitter ou enfin au feed RSS de votre blog par exemple.</p>
<p><b>Extrait du plugin facebook</b></p>

<div class="wp_syntax"><table><tr><td class="code"><pre class="javascript" style="font-family:monospace;">	.<span style="color: #660066;">facebook</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>
		href<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;http://www.facebook.com/3wdoc&quot;</span><span style="color: #339933;">,</span>
      type<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;FACEPILE&quot;</span><span style="color: #339933;">,</span>
      target<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;facepilediv&quot;</span><span style="color: #339933;">,</span>
      width<span style="color: #339933;">:</span> <span style="color: #CC0000;">300</span><span style="color: #339933;">,</span>
      start<span style="color: #339933;">:</span> <span style="color: #CC0000;">10</span><span style="color: #339933;">,</span>
      end<span style="color: #339933;">:</span> <span style="color: #CC0000;">15</span>
    <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span></pre></td></tr></table></div>

<p><b>Extrait du plugin googlefeed</b></p>

<div class="wp_syntax"><table><tr><td class="code"><pre class="javascript" style="font-family:monospace;">.<span style="color: #660066;">googlefeed</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>
    start<span style="color: #339933;">:</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">,</span>
    end<span style="color: #339933;">:</span> <span style="color: #CC0000;">15</span><span style="color: #339933;">,</span>
    target<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;feed&quot;</span><span style="color: #339933;">,</span>
	url<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;http://blog.3wdoc.com/fr/feed/&quot;</span><span style="color: #339933;">,</span>
    title<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;3WDOC&quot;</span><span style="color: #339933;">,</span>
    orientation<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;Vertical&quot;</span>
  <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span></pre></td></tr></table></div>

<p><b>Extrait complet du plugin twitter</b></p>

<div class="wp_syntax"><table><tr><td class="code"><pre class="javascript" style="font-family:monospace;">&nbsp;
<span style="color: #339933;">&lt;</span>script<span style="color: #339933;">&gt;</span>
    document.<span style="color: #660066;">addEventListener</span><span style="color: #009900;">&#40;</span> <span style="color: #3366CC;">&quot;DOMContentLoaded&quot;</span><span style="color: #339933;">,</span> <span style="color: #000066; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
      <span style="color: #000066; font-weight: bold;">var</span> p <span style="color: #339933;">=</span> Popcorn<span style="color: #009900;">&#40;</span> <span style="color: #3366CC;">&quot;#video&quot;</span> <span style="color: #009900;">&#41;</span>
      .<span style="color: #660066;">twitter</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>
        start<span style="color: #339933;">:</span> <span style="color: #CC0000;">5</span><span style="color: #339933;">,</span>
        end<span style="color: #339933;">:</span> <span style="color: #CC0000;">15</span><span style="color: #339933;">,</span>
        title<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;3wdoc&quot;</span><span style="color: #339933;">,</span>
        src<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;@3wdoc&quot;</span><span style="color: #339933;">,</span>
        target<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;twitterdiv&quot;</span><span style="color: #339933;">,</span>
      <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span>
      .<span style="color: #660066;">twitter</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>
        start<span style="color: #339933;">:</span> <span style="color: #CC0000;">20</span><span style="color: #339933;">,</span>
        end<span style="color: #339933;">:</span> <span style="color: #CC0000;">45</span><span style="color: #339933;">,</span>
        title<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;webdoc&quot;</span><span style="color: #339933;">,</span>
        src<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;#webdoc&quot;</span><span style="color: #339933;">,</span>
        target<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;twitterdiv&quot;</span>
      <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span>
      .<span style="color: #660066;">play</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  <span style="color: #339933;">&lt;/</span>script<span style="color: #339933;">&gt;</span></pre></td></tr></table></div>


<a href='http://blog.3wdoc.com/fr/2011/12/19/popcorn-html5-framework-une-librairie-jquery-pour-les-medias/popcornjs_1/' title='Popcorn, HTML5, framework - une librairie jQuery pour les médias'><img width="300" height="166" src="http://blog.3wdoc.com/fr/wp-content/uploads/2011/12/popcornjs_1-300x166.jpg" class="attachment-medium" alt="Popcorn, HTML5, framework - une librairie jQuery pour les médias" /></a>
<a href='http://blog.3wdoc.com/fr/2011/12/19/popcorn-html5-framework-une-librairie-jquery-pour-les-medias/popcornjs_2/' title='Popcorn, HTML5, framework - une librairie jQuery pour les médias'><img width="300" height="166" src="http://blog.3wdoc.com/fr/wp-content/uploads/2011/12/popcornjs_2-300x166.jpg" class="attachment-medium" alt="Popcorn, HTML5, framework - une librairie jQuery pour les médias" /></a>
<a href='http://blog.3wdoc.com/fr/2011/12/19/popcorn-html5-framework-une-librairie-jquery-pour-les-medias/popcornjs_3/' title='Popcorn, HTML5, framework - une librairie jQuery pour les médias'><img width="300" height="166" src="http://blog.3wdoc.com/fr/wp-content/uploads/2011/12/popcornjs_3-300x166.jpg" class="attachment-medium" alt="Popcorn, HTML5, framework - une librairie jQuery pour les médias" /></a>
<a href='http://blog.3wdoc.com/fr/2011/12/19/popcorn-html5-framework-une-librairie-jquery-pour-les-medias/popcornjs_4/' title='Popcorn, HTML5, framework - une librairie jQuery pour les médias'><img width="300" height="166" src="http://blog.3wdoc.com/fr/wp-content/uploads/2011/12/popcornjs_4-300x166.jpg" class="attachment-medium" alt="Popcorn, HTML5, framework - une librairie jQuery pour les médias" /></a>

<p><b>Dans ce dernier exemple de plugin, comme dans un plugin jQuery, le plugin PopCorn va attacher à la video <code>#video</code>, un événement en l&rsquo; occurrence l&rsquo;affichage du feed twitter de 3WDOC puis ensuite une recherche sur le mot <code>#webdoc</code></b></p>
<h2>Pour aller plus loin</h2>
<ul>
<li>Popcorn.js | The HTML5 Media Framework<br /><a href="http://popcornjs.org/" target="_blank">http://popcornjs.org/</a></li>
<li>Les Plugins Popcorn<br /><a href="http://popcornjs.org/creating-plugins" target="_blank">http://popcornjs.org/creating-plugins</a></li>
<li>Présentation de la librairie <br /><a href="http://mozillapopcorn.org/popcornjs/" target="_blank">http://mozillapopcorn.org/popcornjs/</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.3wdoc.com/fr/2011/12/19/popcorn-html5-framework-une-librairie-jquery-pour-les-medias/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<georss:point>0.0000000 0.0000000</georss:point>	</item>
		<item>
		<title>ONE MILLIONth TOWER, HTML5, WebGL &#8211; L&#8217;urbanisme réinventé par la seule force du webdoc</title>
		<link>http://blog.3wdoc.com/fr/2011/11/22/one-millionth-tower-html5-webgl-lurbanisme-reinvente-par-la-seule-force-du-webdoc/</link>
		<comments>http://blog.3wdoc.com/fr/2011/11/22/one-millionth-tower-html5-webgl-lurbanisme-reinvente-par-la-seule-force-du-webdoc/#comments</comments>
		<pubDate>Tue, 22 Nov 2011 12:48:42 +0000</pubDate>
		<dc:creator>Bruno Flaven</dc:creator>
				<category><![CDATA[analyse]]></category>
		<category><![CDATA[auteurs]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[information]]></category>
		<category><![CDATA[journalisme]]></category>
		<category><![CDATA[narration]]></category>
		<category><![CDATA[technique]]></category>
		<category><![CDATA[webdoc]]></category>
		<category><![CDATA[webdocumentaire]]></category>
		<category><![CDATA[WebGL]]></category>
		<category><![CDATA[Adobe]]></category>
		<category><![CDATA[Canada]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[framework]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[nfb]]></category>
		<category><![CDATA[ONE MILLIONth TOWER]]></category>
		<category><![CDATA[ONF]]></category>
		<category><![CDATA[Popcorn]]></category>
		<category><![CDATA[Toronto]]></category>

		<guid isPermaLink="false">http://blog.3wdoc.com/fr/?p=6146</guid>
		<description><![CDATA[ONE MILLIONth TOWER, l'étonnant dernier webdoc mêlant HTML5 et WebGL de Katerina Cizek, Mike Robbins + friends]]></description>
				<content:encoded><![CDATA[<p><!-- ONE MILLIONth TOWER, HTML5, WebGL - L'urbanisme réinventé par la seule force du webdoc  --><br />
<!--  HTML5, Webdoc, ONE MILLIONth TOWER, WebGL, Google, Chrome, ONF, Canada, Toronto, Flash, Adobe, Popcorn, Framework  --></p>
<p><a title="ONE MILLIONth TOWER, HTML5, WebGL - L'urbanisme réinventé par la seule force du webdoc" class="bigpic" href="http://blog.3wdoc.com/fr/2011/11/22/one-millionth-tower-html5-webgl-lurbanisme-reinvente-par-la-seule-force-du-webdoc/"><img class="alignleft" src="http://blog.3wdoc.com/fr/wp-content/uploads/2011/11/onemillionthtower_b.jpg" width="600" height="235" alt="ONE MILLIONth TOWER, HTML5, WebGL - L'urbanisme réinventé par la seule force du webdoc" /></a><em>Copyright &copy; ONE MILLIONth TOWER</em><br/><br/></p>
<p>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&rsquo;on pourrait  ainsi résumer : d&rsquo;un côté une surabondance de contenus couplée à une interactivité quasi-inexistante, de l&rsquo;autre un objet truffé d&rsquo;effets &laquo;&nbsp;Ouah&nbsp;&raquo; mais doublée d&rsquo;un contenu famélique.<span id="more-6146"></span> Eh bien, le moins que l&rsquo;on puisse dire c&rsquo;est que cette dernière production, qui nous vient du Canada, &laquo;&nbsp;ONE MILLIONth TOWER&nbsp;&raquo; 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&rsquo;article et cette prouesse technologique se marie admirablement bien avec le point de vue développé par les auteurs.</p>
<h4>Des tours et des hommes</h4>
<p>Le propos est simple, l&rsquo;urbanisation croissante de l&rsquo;humanité, a produit des monstruosités architecturales, des tours dans d&rsquo;immenses cités dortoirs, que l&rsquo;on est bien en peine de réhabiliter. De ce constat accablant, &laquo;&nbsp;ONE MILLIONth TOWER&nbsp;&raquo; 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&rsquo;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&#8230;</p>
<p>C&rsquo;est une manière tout à fait innovante et créative d&rsquo;aborder des problématiques qui touchent globalement tous les grands centres urbains. L&rsquo;expérience est menée dans le grand Toronto, mais elle pourrait être tout à fait menée ailleurs. </p>
<p>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&rsquo;urbanisme :  absence de centralité (en gros pas de centre-ville), impossibilité de décrypter les relations urbaines, continuité monotone du bâti à l&rsquo;image d&rsquo;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&rsquo;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&rsquo;absence de mixité typologique au niveau des bâties comme disent les urbanistes et de repaires géographiques produit cette sensation d&rsquo;habiter au milieu d&rsquo;un &laquo;&nbsp;no man&rsquo;s land&nbsp;&raquo; où les tours semblent posés sans considération pour les habitants et leur vie sociale.</p>
<p>Ajouter à cela : la paupérisation de ces quartiers, l&rsquo;inexistence de transports, de commerces et/ou d&rsquo;équipements et on obtient une image fidèle d&rsquo;une situation explosive et dégradée propre à ces ensembles à travers le monde.</p>
<p>Plus proche de nous, l&rsquo;approche de ce webdoc n&rsquo;est pas sans rappeler celle de l&rsquo;architecte Patrick Bouchain qui affirme dans de nombreuses interviews qu&rsquo;il faut construire ensemble pour habiter ensemble. Cette démarche passe selon lui par une écoute de la demande des habitants. CQFD.</p>

<a href='http://blog.3wdoc.com/fr/2011/11/22/one-millionth-tower-html5-webgl-lurbanisme-reinvente-par-la-seule-force-du-webdoc/onemillionthtower_1/' title='ONE MILLIONth TOWER, HTML5, WebGL - L&#039;urbanisme réinventé par la seule force du webdoc'><img width="300" height="166" src="http://blog.3wdoc.com/fr/wp-content/uploads/2011/11/onemillionthtower_1-300x166.jpg" class="attachment-medium" alt="ONE MILLIONth TOWER, HTML5, WebGL - L&#039;urbanisme réinventé par la seule force du webdoc" /></a>
<a href='http://blog.3wdoc.com/fr/2011/11/22/one-millionth-tower-html5-webgl-lurbanisme-reinvente-par-la-seule-force-du-webdoc/onemillionthtower_2/' title='ONE MILLIONth TOWER, HTML5, WebGL - L&#039;urbanisme réinventé par la seule force du webdoc'><img width="300" height="166" src="http://blog.3wdoc.com/fr/wp-content/uploads/2011/11/onemillionthtower_2-300x166.jpg" class="attachment-medium" alt="ONE MILLIONth TOWER, HTML5, WebGL - L&#039;urbanisme réinventé par la seule force du webdoc" /></a>
<a href='http://blog.3wdoc.com/fr/2011/11/22/one-millionth-tower-html5-webgl-lurbanisme-reinvente-par-la-seule-force-du-webdoc/onemillionthtower_3/' title='ONE MILLIONth TOWER, HTML5, WebGL - L&#039;urbanisme réinventé par la seule force du webdoc'><img width="300" height="166" src="http://blog.3wdoc.com/fr/wp-content/uploads/2011/11/onemillionthtower_3-300x166.jpg" class="attachment-medium" alt="ONE MILLIONth TOWER, HTML5, WebGL - L&#039;urbanisme réinventé par la seule force du webdoc" /></a>
<a href='http://blog.3wdoc.com/fr/2011/11/22/one-millionth-tower-html5-webgl-lurbanisme-reinvente-par-la-seule-force-du-webdoc/onemillionthtower_4/' title='ONE MILLIONth TOWER, HTML5, WebGL - L&#039;urbanisme réinventé par la seule force du webdoc'><img width="300" height="166" src="http://blog.3wdoc.com/fr/wp-content/uploads/2011/11/onemillionthtower_4-300x166.jpg" class="attachment-medium" alt="ONE MILLIONth TOWER, HTML5, WebGL - L&#039;urbanisme réinventé par la seule force du webdoc" /></a>
<a href='http://blog.3wdoc.com/fr/2011/11/22/one-millionth-tower-html5-webgl-lurbanisme-reinvente-par-la-seule-force-du-webdoc/onemillionthtower_5/' title='ONE MILLIONth TOWER, HTML5, WebGL - L&#039;urbanisme réinventé par la seule force du webdoc'><img width="300" height="166" src="http://blog.3wdoc.com/fr/wp-content/uploads/2011/11/onemillionthtower_5-300x166.jpg" class="attachment-medium" alt="ONE MILLIONth TOWER, HTML5, WebGL - L&#039;urbanisme réinventé par la seule force du webdoc" /></a>
<a href='http://blog.3wdoc.com/fr/2011/11/22/one-millionth-tower-html5-webgl-lurbanisme-reinvente-par-la-seule-force-du-webdoc/onemillionthtower_6/' title='ONE MILLIONth TOWER, HTML5, WebGL - L&#039;urbanisme réinventé par la seule force du webdoc'><img width="300" height="166" src="http://blog.3wdoc.com/fr/wp-content/uploads/2011/11/onemillionthtower_6-300x166.jpg" class="attachment-medium" alt="ONE MILLIONth TOWER, HTML5, WebGL - L&#039;urbanisme réinventé par la seule force du webdoc" /></a>
<a href='http://blog.3wdoc.com/fr/2011/11/22/one-millionth-tower-html5-webgl-lurbanisme-reinvente-par-la-seule-force-du-webdoc/onemillionthtower_7/' title='ONE MILLIONth TOWER, HTML5, WebGL - L&#039;urbanisme réinventé par la seule force du webdoc'><img width="300" height="166" src="http://blog.3wdoc.com/fr/wp-content/uploads/2011/11/onemillionthtower_7-300x166.jpg" class="attachment-medium" alt="ONE MILLIONth TOWER, HTML5, WebGL - L&#039;urbanisme réinventé par la seule force du webdoc" /></a>
<a href='http://blog.3wdoc.com/fr/2011/11/22/one-millionth-tower-html5-webgl-lurbanisme-reinvente-par-la-seule-force-du-webdoc/onemillionthtower_8/' title='ONE MILLIONth TOWER, HTML5, WebGL - L&#039;urbanisme réinventé par la seule force du webdoc'><img width="300" height="166" src="http://blog.3wdoc.com/fr/wp-content/uploads/2011/11/onemillionthtower_8-300x166.jpg" class="attachment-medium" alt="ONE MILLIONth TOWER, HTML5, WebGL - L&#039;urbanisme réinventé par la seule force du webdoc" /></a>

<p>Au-delà des enseignements urbanistiques à retenir de ce webdoc, nous y voyons aussi chez 3WDOC, deux enseignements technologiques majeurs pour l&rsquo;avenir du HTML5. Quels sont-ils ?</p>
<h4>Un vent mauvais pour AIR</h4>
<p>L&rsquo;un des enseignements dépasse largement le cadre même de ce webdoc, l&rsquo;autre est intimement lié à la réalisation de cet &laquo;&nbsp;interactive documentary experiment&nbsp;&raquo; comme le nomme leurs auteurs.</p>
<ol>
<li><b>L&rsquo;arrêt du support de Flash sur mobile au bénéfice de HTML5 :</b> 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&rsquo;annonce faite par Adobe de ne plus assurer le support de Flash Player pour les navigateurs disponibles sur mobiles. L&rsquo;anathème de feu Steve Jobs semble continuer de faire des ravages.</li>
<li><b>Le duo gagnant HTML5 + WebGL dans l&rsquo;animation et l&rsquo;interaction :</b> 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&rsquo;à présent seule la technologie d&rsquo;Adobe était en mesure d&rsquo;opérer. A ce titre, on vous invite à découvrir d&rsquo;autres expériences menées en HTML5 + WebGL tel que le bluffant ROME (<a href="http://www.ro.me/" target="_blank">www.ro.me</a>) </li>
</ol>
<p><b>La présentation du projet ONE MILLIONth TOWER </b></p>
<blockquote>
<p>ABOUT ONE MILLIONth TOWER </p>
<p>The highrise re-imagined.</p>
<p>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.</p>
<p>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.</p>
<p>One Millionth Tower is “hyper-local” documentary. It&rsquo;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.</p>
<p>Yet it&rsquo;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.</p>
<p>Additional Features include:</p>
<p>a behind-the-scenes documentary about the collaborative process<br />
a short documentary featuring international examples of tower revitalization<br />
a short documentary exploring the open technology used to create the project<br />
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&rsquo;s based on our own original research to find and understand highrise communities around the globe.<br />
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.</p>
<p>One Millionth Tower is one of the world&rsquo;s first HTML5/webGL documentaries.</p>
</blockquote>
<p><b>Toronto, Canada</b><br />
<br />
<div class="gm-map"><iframe name="gm-map-3" src="http://blog.3wdoc.com/fr/?geo_mashup_content=render-map&amp;map_data_key=9bcebd1e6f98d9107918b084210057d8" style="height: 235px; width: 600px; border: none; overflow: hidden;"></iframe></div><br />
</p>
<h2>Pour aller plus loin</h2>
<ul>
<li>Le webdocumentaire NFB &#8211; One Millionth Tower<br /><a href="http://highrise.nfb.ca/onemillionthtower/" target="_blank">http://highrise.nfb.ca/onemillionthtower/</a></li>
<li>Popcorn.js | The HTML5 Media Framework<br /><a href="http://popcornjs.org/" target="_blank">http://popcornjs.org/</a></li>
<li>Quelques expériences WebGL<br /><a href="http://www.chromeexperiments.com/webgl" target="_blank">http://www.chromeexperiments.com/webgl</a></li>
<li>La tentative  de Mike Robbins de Helios Design Labs (http://www.heliozilla.com/), un des concepteurs à l&rsquo;origine de ONE MILLIONth TOWER<br /><a href="http://www.chromeexperiments.com/detail/highrise-one-millionth-tower/?f=webgl" target="_blank">http://www.chromeexperiments.com/detail/highrise-one-millionth-tower/?f=webgl</a></li>
<li>La page wikipedia de Patrick Bouchain<br /><a href="http://fr.wikipedia.org/wiki/Patrick_Bouchain" target="_blank">http://fr.wikipedia.org/wiki/Patrick_Bouchain</a></li>
<li>Construire autrement avec Patrick Bouchain<br /><a href="http://www.metropolitiques.eu/Construire-autrement-avec-Patrick.html" target="_blank">http://www.metropolitiques.eu/Construire-autrement-avec-Patrick.html</a></li>
<li>No Flash? No problem<br /><a href="http://www.zdnet.com/news/no-flash-no-problem/6329650" target="_blank">http://www.zdnet.com/news/no-flash-no-problem/6329650</a></li>
<li>Google Swiffy, où quand Google vient à la rescousse d&rsquo;Adobe.<br /><a href="http://www.google.com/doubleclick/studio/swiffy/" target="_blank">http://www.google.com/doubleclick/studio/swiffy/</a></li>
<li>ROME &laquo;&nbsp;3 Dreams of Black&nbsp;&raquo;, a new an interactive film by Chris Milk. With music from the album &laquo;&nbsp;Rome&nbsp;&raquo; by Danger Mouse, Daniele Luppi, featuring Jack White and Norah Jones.<br /><a href="http://www.ro.me/tech/" target="_blank">http://www.ro.me/tech/</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.3wdoc.com/fr/2011/11/22/one-millionth-tower-html5-webgl-lurbanisme-reinvente-par-la-seule-force-du-webdoc/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
	<georss:point>43.6532249 -79.3831863</georss:point>	</item>
		<item>
		<title>Webdocumentaires : guide de survie &amp; conseils pratiques</title>
		<link>http://blog.3wdoc.com/fr/2011/11/18/webdocumentaires-guide-de-survie-conseils-pratiques/</link>
		<comments>http://blog.3wdoc.com/fr/2011/11/18/webdocumentaires-guide-de-survie-conseils-pratiques/#comments</comments>
		<pubDate>Fri, 18 Nov 2011 16:39:58 +0000</pubDate>
		<dc:creator></dc:creator>
				<category><![CDATA[analyse]]></category>
		<category><![CDATA[expériences]]></category>
		<category><![CDATA[information]]></category>
		<category><![CDATA[interactif]]></category>
		<category><![CDATA[narration]]></category>
		<category><![CDATA[Nos derniers WDOC]]></category>
		<category><![CDATA[storytelling]]></category>
		<category><![CDATA[webdoc]]></category>
		<category><![CDATA[webdocumentaire]]></category>
		<category><![CDATA[abel ségrétin]]></category>
		<category><![CDATA[Africascopie]]></category>
		<category><![CDATA[alexander knetig]]></category>
		<category><![CDATA[Alexandre Brachet]]></category>
		<category><![CDATA[Alexis Sarini]]></category>
		<category><![CDATA[andrew devigal]]></category>
		<category><![CDATA[anne vierhout]]></category>
		<category><![CDATA[Antonin Sabot]]></category>
		<category><![CDATA[arik bernstein]]></category>
		<category><![CDATA[arte webdocs]]></category>
		<category><![CDATA[belgique]]></category>
		<category><![CDATA[berke bas]]></category>
		<category><![CDATA[brèves de trottoir]]></category>
		<category><![CDATA[brian storm]]></category>
		<category><![CDATA[bruxelles]]></category>
		<category><![CDATA[caitlin burns]]></category>
		<category><![CDATA[Capa]]></category>
		<category><![CDATA[caspar sonnen]]></category>
		<category><![CDATA[cécile cros]]></category>
		<category><![CDATA[channel four]]></category>
		<category><![CDATA[Collapsus]]></category>
		<category><![CDATA[communauté française de belgique]]></category>
		<category><![CDATA[congo la paix violé]]></category>
		<category><![CDATA[connected tv]]></category>
		<category><![CDATA[conseils]]></category>
		<category><![CDATA[creative commons]]></category>
		<category><![CDATA[cross media]]></category>
		<category><![CDATA[crossmedia]]></category>
		<category><![CDATA[crowfunding]]></category>
		<category><![CDATA[david dufresne]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[design d'interface]]></category>
		<category><![CDATA[doclab]]></category>
		<category><![CDATA[dok leipzig]]></category>
		<category><![CDATA[ecamm]]></category>
		<category><![CDATA[ESoDoc]]></category>
		<category><![CDATA[fémis]]></category>
		<category><![CDATA[femke wolting]]></category>
		<category><![CDATA[florian thalhofer]]></category>
		<category><![CDATA[France 24]]></category>
		<category><![CDATA[France Télévisions]]></category>
		<category><![CDATA[Frederik Rieckher]]></category>
		<category><![CDATA[from zero]]></category>
		<category><![CDATA[gaza sderot]]></category>
		<category><![CDATA[guide]]></category>
		<category><![CDATA[hbbtv]]></category>
		<category><![CDATA[honkytonk]]></category>
		<category><![CDATA[honkytonk films]]></category>
		<category><![CDATA[hotdocs]]></category>
		<category><![CDATA[hugues sweeney]]></category>
		<category><![CDATA[i-doc]]></category>
		<category><![CDATA[idfa]]></category>
		<category><![CDATA[idoc]]></category>
		<category><![CDATA[indie gogo]]></category>
		<category><![CDATA[indiegogo]]></category>
		<category><![CDATA[inflammable productions]]></category>
		<category><![CDATA[Intended Consequences]]></category>
		<category><![CDATA[interaction]]></category>
		<category><![CDATA[interface]]></category>
		<category><![CDATA[jean abiatecci]]></category>
		<category><![CDATA[jeux vidéo]]></category>
		<category><![CDATA[jon reiss]]></category>
		<category><![CDATA[Jonathan Torgovnik]]></category>
		<category><![CDATA[katerina cizek]]></category>
		<category><![CDATA[kisskissbankbank]]></category>
		<category><![CDATA[korsakow]]></category>
		<category><![CDATA[la vie à sac]]></category>
		<category><![CDATA[laurence bagot]]></category>
		<category><![CDATA[le corps incarcéré]]></category>
		<category><![CDATA[Lemonde.fr]]></category>
		<category><![CDATA[léo ridet]]></category>
		<category><![CDATA[Les Communes de Paris]]></category>
		<category><![CDATA[little burma]]></category>
		<category><![CDATA[Louis Villers]]></category>
		<category><![CDATA[marc meurisse]]></category>
		<category><![CDATA[mark atkin]]></category>
		<category><![CDATA[mathieu détaint]]></category>
		<category><![CDATA[matthieu lietert]]></category>
		<category><![CDATA[médecins du monde]]></category>
		<category><![CDATA[MediaStorm]]></category>
		<category><![CDATA[Montreal en 12 lieux]]></category>
		<category><![CDATA[Narrative]]></category>
		<category><![CDATA[national film board]]></category>
		<category><![CDATA[new york times]]></category>
		<category><![CDATA[nfb]]></category>
		<category><![CDATA[nicola saint-cyr]]></category>
		<category><![CDATA[nicolas sauret]]></category>
		<category><![CDATA[not so crazy]]></category>
		<category><![CDATA[not so crazy productions]]></category>
		<category><![CDATA[notsocrazy.eu]]></category>
		<category><![CDATA[nyt]]></category>
		<category><![CDATA[Olivier Lambert]]></category>
		<category><![CDATA[ONF]]></category>
		<category><![CDATA[out of my window]]></category>
		<category><![CDATA[patric jean]]></category>
		<category><![CDATA[pbs]]></category>
		<category><![CDATA[peter wintonick]]></category>
		<category><![CDATA[Philippe Brault]]></category>
		<category><![CDATA[planète galata]]></category>
		<category><![CDATA[portraits d'un nouveau monde]]></category>
		<category><![CDATA[power to the pixel]]></category>
		<category><![CDATA[Prison Valley]]></category>
		<category><![CDATA[rich media]]></category>
		<category><![CDATA[ringelmann]]></category>
		<category><![CDATA[Samuel Bollendorff]]></category>
		<category><![CDATA[sarah leduc]]></category>
		<category><![CDATA[SBS]]></category>
		<category><![CDATA[sheri chandler]]></category>
		<category><![CDATA[simon buisson]]></category>
		<category><![CDATA[skype]]></category>
		<category><![CDATA[soren seelow]]></category>
		<category><![CDATA[soul-patron]]></category>
		<category><![CDATA[stefano strocchi]]></category>
		<category><![CDATA[sunny side of the doc]]></category>
		<category><![CDATA[survie]]></category>
		<category><![CDATA[télé connectée]]></category>
		<category><![CDATA[télévision connectée]]></category>
		<category><![CDATA[the empty house]]></category>
		<category><![CDATA[think outside the box]]></category>
		<category><![CDATA[Thomas Salva]]></category>
		<category><![CDATA[tom koch]]></category>
		<category><![CDATA[Transmedia]]></category>
		<category><![CDATA[tv connectée]]></category>
		<category><![CDATA[un pont à istanbul]]></category>
		<category><![CDATA[video games]]></category>
		<category><![CDATA[Voyage au bout du charbon]]></category>
		<category><![CDATA[water moon]]></category>
		<category><![CDATA[we r democracy]]></category>
		<category><![CDATA[webdocu]]></category>
		<category><![CDATA[webdocu.fr]]></category>
		<category><![CDATA[zoé lamazou]]></category>

		<guid isPermaLink="false">http://blog.3wdoc.com/fr/?p=5872</guid>
		<description><![CDATA[Copyright &#169; Matthieu Lietaert / 3WDOC Récemment en Belgique pour donner une initiation à 3WDOC Studio aux étudiants en journalisme de l&#8217;IHECS lors des Master Classes de Damien Van Achter (on en parle plus en détail ici), 3WDOC en a profité pour rencontrer pour vous Matthieu Lietaert, réalisateur et producteur belge ! Matthieu vient de [...]]]></description>
				<content:encoded><![CDATA[<p><!-- Webdoc : guide de survie &#038; conseils pratiques --></p>
<p><a title="Webdocumentaires" class="bigpic" href="http://blog.3wdoc.com/fr/2011/11/18/webdocumentaires-guide-de-survie-conseils-pratiques/"><img class="alignleft" src="http://blog.3wdoc.com/fr/wp-content/uploads/2011/11/slide_lietaert.jpg" width="960" height="350" alt="Webdocumentaires : guide de survie &#038; conseils pratiques, Matthieu Lietaert" /></a><em>Copyright &copy; Matthieu Lietaert / 3WDOC</em><br/><br/></p>
<p>Récemment en Belgique pour donner une initiation à 3WDOC Studio aux étudiants en journalisme de l&rsquo;IHECS lors des <a href="http://davanac.net/" title="Master Class Eghezée" target="_blank">Master Classes de Damien Van Achter</a> (on en parle plus en détail <a href="http://blog.3wdoc.com/fr/2011/11/16/initiations-a-3wdoc-studio-au-cfpj-emi-cfd-ihecs/" title="Initiations à 3WDOC Studio au CFPJ, EMI_CFD, IHECS" target="_blank">ici</a>), 3WDOC en a profité pour rencontrer pour vous Matthieu Lietaert, réalisateur et producteur belge ! Matthieu vient de signer <a href="http://notsocrazy.eu/" title="Webdocumentaires : guide de survie &#038; conseils pratiques" target="_blank">&laquo;&nbsp;Webdocumentaires : guide de survie &#038; conseils pratiques&nbsp;&raquo;</a>. L&rsquo;ouvrage est disponible <a href="http://www.lulu.com/spotlight/mlietaert" title="Webdocumentaires : guide de survie &#038; conseils pratiques" target="_blank">en anglais et en français</a>.</p>
<p>Ce livre, une initiative inédite, s&rsquo;adresse aux auteurs, réalisateurs et producteurs qui veulent se lancer dans le webdoc. Comme il l&rsquo;explique dans l&rsquo;entretien vidéo ci-dessous (enrichi d&rsquo;un chapitrage et de boutons avec 3WDOC Studio :) Matthieu Lietaert a d&rsquo;abord pensé ce &laquo;&nbsp;guide de survie&nbsp;&raquo; pour lui-même, alors novice dans l&rsquo;univers du documentaire interactif. Observant l&rsquo;intérêt croissant du monde du documentaire pour la création web, proposer son ouvrage à tous lui a semblé évident.<br />
</br><br />
<!--[he3wdoc::sequence]--><br />
<br/><br/></p>
<p>Il a bien fait ! Sa démarche mêle les questions éditoriales à celles de l&rsquo;environnement web (design, interactivité) et ses défis technologiques (TV connectée), le financement du webdoc, la mutation de la presse&#8230; et des études de cas de webdocumentaires.</p>
<p>Plutôt que se prendre pour l&rsquo;expert qu&rsquo;il n&rsquo;était pas encore, Matthieu Lietaert a simplement décroché son téléphone&#8230; euh enfin son Skype et est entré directement en contact avec certains des acteurs les plus reconnus du worldwide webdoc. Ce large panel de contributeurs internationaux fait la force de cet ouvrage. Vous y lirez pêle-mêle des interviews de concepteurs, producteurs et diffuseurs&#8230; parmi lesquels Katerina Cizek (NFB), Femke Wolting (Submarine Channel), Brian Storm (Media Storm), Alexandre Brachet (Upian), Alexander Knetig (Arte), Andrew DeVigal (New York Times), Laurence Bagot (Narrative) etc&#8230;</p>
<p>La seule dimension du webdocumentaire qui n&rsquo;est pas vraiment abordée est celle des outils de créations web, conçus pour ou adaptés au webdoc. Comme 3WDOC Studio, par exemple ;) Matthieu Lietaert travaille déjà à un volume 2 du livre, ce sera l&rsquo;occasion de faire le point sur ces questions technologiques. Vous pouvez également trouver de l&rsquo;information en continu sur la <a href="http://www.facebook.com/webdocumentary" title="facebook.com/webdocumentary" target="_blank">page facebook du livre</a>, que Matthieu a voulue comme un lieu d&rsquo;échanges, de partage de conseils et d&rsquo;expériences.</p>
<p>En tout cas, son ouvrage est à mettre entre toutes les mains des webfilmmakers ! Une belle initiative !</p>

<a href='http://blog.3wdoc.com/fr/2011/11/18/webdocumentaires-guide-de-survie-conseils-pratiques/lietaert_3_contrib/' title='Webdocumentaires : guide de survie &amp; conseils pratiques'><img width="300" height="225" src="http://blog.3wdoc.com/fr/wp-content/uploads/2011/11/lietaert_3_contrib-300x225.jpg" class="attachment-medium" alt="Webdocumentaires : guide de survie &amp; conseils pratiques" /></a>
<a href='http://blog.3wdoc.com/fr/2011/11/18/webdocumentaires-guide-de-survie-conseils-pratiques/lietaert_4_bonmoment/' title='Webdocumentaires : guide de survie &amp; conseils pratiques'><img width="300" height="225" src="http://blog.3wdoc.com/fr/wp-content/uploads/2011/11/lietaert_4_bonmoment-300x225.jpg" class="attachment-medium" alt="Webdocumentaires : guide de survie &amp; conseils pratiques" /></a>
<a href='http://blog.3wdoc.com/fr/2011/11/18/webdocumentaires-guide-de-survie-conseils-pratiques/couvwebdoc/' title='Webdocumentaires : guide de survie &amp; conseils pratiques'><img width="300" height="200" src="http://blog.3wdoc.com/fr/wp-content/uploads/2011/11/couvWebdoc-300x200.jpg" class="attachment-medium" alt="Webdocumentaires : guide de survie &amp; conseils pratiques" /></a>
<a href='http://blog.3wdoc.com/fr/2011/11/18/webdocumentaires-guide-de-survie-conseils-pratiques/partenaires/' title='Webdocumentaires : guide de survie &amp; conseils pratiques'><img width="300" height="200" src="http://blog.3wdoc.com/fr/wp-content/uploads/2011/11/partenaires-300x200.jpg" class="attachment-medium" alt="Webdocumentaires : guide de survie &amp; conseils pratiques" /></a>

]]></content:encoded>
			<wfw:commentRss>http://blog.3wdoc.com/fr/2011/11/18/webdocumentaires-guide-de-survie-conseils-pratiques/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Webdocumentaire, HTML5, Firefox 4, ONF &#8211; Un point sur les avancées du HTML5 dans le domaine du webdoc</title>
		<link>http://blog.3wdoc.com/fr/2011/03/17/webdocumentaire-html5-firefox-4-onf-un-point-sur-les-avancees-du-html5-dans-le-domaine-du-webdoc/</link>
		<comments>http://blog.3wdoc.com/fr/2011/03/17/webdocumentaire-html5-firefox-4-onf-un-point-sur-les-avancees-du-html5-dans-le-domaine-du-webdoc/#comments</comments>
		<pubDate>Thu, 17 Mar 2011 15:27:42 +0000</pubDate>
		<dc:creator>Bruno Flaven</dc:creator>
				<category><![CDATA[analyse]]></category>
		<category><![CDATA[audiovisuel]]></category>
		<category><![CDATA[divers]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[information]]></category>
		<category><![CDATA[narration]]></category>
		<category><![CDATA[technique]]></category>
		<category><![CDATA[webdoc]]></category>
		<category><![CDATA[webdocumentaire]]></category>
		<category><![CDATA[A navalla suiza]]></category>
		<category><![CDATA[Adobe]]></category>
		<category><![CDATA[AIR]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[arte]]></category>
		<category><![CDATA[avancées]]></category>
		<category><![CDATA[Bocoup]]></category>
		<category><![CDATA[Brett Gaylor]]></category>
		<category><![CDATA[Canada]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[Firefox 4]]></category>
		<category><![CDATA[Firefox Web Store]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Google Chrome webstore]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[ONF]]></category>
		<category><![CDATA[Popcorn]]></category>
		<category><![CDATA[Seneca College]]></category>
		<category><![CDATA[Toronto]]></category>
		<category><![CDATA[Tristan Nitot]]></category>
		<category><![CDATA[Wallaby]]></category>

		<guid isPermaLink="false">http://blog.3wdoc.com/fr/?p=2866</guid>
		<description><![CDATA[Copyright&#169;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&#8217;ONF (Office national du film du Canada). Puisque, ONF ouvre deux chantiers, l&#8217;un technologique avec Mozilla [...]]]></description>
				<content:encoded><![CDATA[<p><!-- Webdocumentaire, HTML5, Firefox 4, ONF - Un point sur les avancées du HTML5 dans le domaine du webdoc --><br />
<!--  Webdocumentaire, HTML5, Firefox 4, ONF, avancées, webdoc, jQuery, Arte, Tristan Nitot, Firefox Web Store, Google Chrome webstore, Chrome, Bocoup, Brett Gaylor, A navalla suiza, Seneca College, Toronto, Canada, Wallaby, Apple, Adobe, Flash, AIR, JavaScript, Popcorn   --></p>
<p><a title="Webdocumentaire, HTML5, Firefox 4, ONF - Un point sur les avancées du HTML5 dans le domaine du webdoc" class="bigpic" href="http://blog.3wdoc.com/fr/2011/03/17/webdocumentaire-html5-firefox-4-onf-un-point-sur-les-avancees-du-html5-dans-le-domaine-du-webdoc/"><img class="alignleft" src="http://blog.3wdoc.com/fr/wp-content/uploads/2011/03/onf_mozill_b.jpg" width="600" height="235" alt="Webdocumentaire, HTML5, Firefox 4, ONF - Un point sur les avancées du HTML5 dans le domaine du webdoc" /></a><em>Copyright&copy;ONF</em><br/><br/></p>
<p>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&rsquo;ONF (Office national du film du Canada).<span id="more-2866"></span><br />
Puisque, ONF ouvre deux chantiers, l&rsquo;un technologique avec Mozilla et l&rsquo;autre, plus éditorial, avec Arte dans le domaine de la production de webdocumentaires.</p>
<ol>
<li>Mozilla et l&rsquo;ONF s&rsquo;allient pour tenter des expérimentations en HTML5</li>
<li>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&#8230;</li>
</ol>
<p>C&rsquo;est un peu comme si, en France, le CNC décidait de s&rsquo;allier avec Mozilla Europe pour tenter des expériences en HTML5 !</p>
<h4>Le projet ONF en HTML5</h4>
<p>Rapidement, ce projet ONF Mozilla s&rsquo;agrège autour d&rsquo;un grand nombre d&rsquo;acteurs internationaux du Web, en témoigne cette extrait tiré directement du blog de l&rsquo;ONF.</p>
<blockquote><p>
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&rsquo;ONF.</p></blockquote>
<p>Plus spécifiquement, dans le projet ONF HTML5, on retrouve les partenaires ci-dessous parmi lesquels il y a d&rsquo;évidence des experts pour chaque domaine propre à la création d&rsquo;objets multimédias interactifs notamment en javascript via la librairie JavaScript Popcorn.</p>
<ul>
<li>Bocoup, <a href="http://bocoup.com/" target="_blank">http://bocoup.com/</a></li>
<li>A navalla suiza, <a href="http://anavallasuiza.com/" target="_blank">http://anavallasuiza.com/</a></li>
<li>Brett Gaylor, <a href="http://twitter.com/remixmanifesto" target="_blank">http://twitter.com/remixmanifesto</a></li>
<li>Le Seneca College de Toronto, Canada, <a href="http://www.senecac.on.ca/" target="_blank">http://www.senecac.on.ca/</a></li>
</ul>
<h4>Et&#8230; le projet 3WDOC dans tout cela !</h4>
<p>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&rsquo;a dit, permettra de raconter des histoires interactives directement sur le web. Nous aussi nous avons bien parlé avec Tristan Nitot, mais bon l&rsquo;homme, comme on l&rsquo;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&rsquo;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&rsquo;il arrive, on s&rsquo;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.</p>
<p>Ah, oui, il y a aussi Wallaby, une application AIR, de chez Adobe, qui permet d&rsquo;exporter des animations Flash en HTML5. A suivre, c&rsquo;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&rsquo;est aussi un appel du pied d&rsquo;Adobe en direction de Apple du genre enterrons la hache de guerre !</p>
<p><b>Une liste compléte des avantages de Firefox 4, éloquent, en français</b><br />
<p><a href="http://blog.3wdoc.com/fr/2011/03/17/webdocumentaire-html5-firefox-4-onf-un-point-sur-les-avancees-du-html5-dans-le-domaine-du-webdoc/"><em>Cliquer ici pour voir la vidéo.</em></a></p></p>
<p><b>En anglais, sur un point technique, l&rsquo;accélération matériel</b><br />
<p><a href="http://blog.3wdoc.com/fr/2011/03/17/webdocumentaire-html5-firefox-4-onf-un-point-sur-les-avancees-du-html5-dans-le-domaine-du-webdoc/"><em>Cliquer ici pour voir la vidéo.</em></a></p></p>
<p><b>Un extrait du code source des pages de l&rsquo;ONF, un clin d&rsquo;oeil de l&rsquo;équipe</b></p>

<div class="wp_syntax"><table><tr><td class="code"><pre class="html" style="font-family:monospace;">	&lt;!--
	   _____
	  / ___ \
	 / / _ \ \
	 \ \(_)/ /
	  \_   _/
	   |   |   Equipe web ONF /
	   |_|_|   NFB web team  / 2008-2011
	   =====
	--&gt;</pre></td></tr></table></div>

<h2>Pour aller plus loin</h2>
<ul>
<li>Le blog ONF sur la coproduction avec Arte<br /><a href="http://blogue.onf.ca/2011/03/08/onf-arte-coproduction-documentaires-web-inedite/" target="_blank">http://blogue.onf.ca/2011/03/08/onf-arte-coproduction-documentaires-web-inedite/</a></li>
<li>le blog ONF qui annonce la collaboration avec Mozilla<br /><a href="http://blogue.onf.ca/2011/03/01/lonf-et-mozilla-sunissent-pour-explorer-le-html5/" target="_blank">http://blogue.onf.ca/2011/03/01/lonf-et-mozilla-sunissent-pour-explorer-le-html5/</a></li>
<li>Office national du film du Canada / National Film Board of Canada<br />
<a href="http://www.onf.ca/" target="_blank">http://www.onf.ca/</a></li>
<li>Chrome Web Store &#8211; Apps, Extensions and Themes<br />
<a href="https://chrome.google.com/webstore" target="_blank">https://chrome.google.com/webstore</a></li>
<li>CNC (Centre National de la Cinématographie )<br />
<a href="http://www.cnc.fr/" target="_blank">http://www.cnc.fr/</a></li>
<li>La &laquo;&nbsp;Release Candidate&nbsp;&raquo; de Firefox 4<br />
<a href="http://www.mozilla.com/fr/firefox/RC/" target="_blank">http://www.mozilla.com/fr/firefox/RC/</a></li>
<li>CNC (Centre National de la Cinématographie )<br />
<a href="http://www.mozilla.com/fr/firefox/RC/" target="_blank">http://www.mozilla.com/fr/firefox/RC/</a></li>
<li>Convert Adobe Flash FLA files into HTML and reach more devices<br />
<a href="http://labs.adobe.com/technologies/wallaby/" target="_blank">http://labs.adobe.com/technologies/wallaby/</a></li>
<li>Le site officiel de la librairie Popcorn.js, an HTML5 Video Framework<br />
<a href="http://popcornjs.org/" target="_blank">http://popcornjs.org/</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.3wdoc.com/fr/2011/03/17/webdocumentaire-html5-firefox-4-onf-un-point-sur-les-avancees-du-html5-dans-le-domaine-du-webdoc/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
