3wdoc » technique

Manipulations, Upian, France Télévision – Manipulations, une histoire française

the team — Sun, 29 Jan 2012 09:04:24 +0000

Si relater la complexité de l’affaire clearstream était l’objectif de ce webdoc alors c’est amplement gagné. On sort même un peu groggy par le contenu et l’approche de ce webdoc qui s’effeuille comme une enquête journalistique à tiroir, le mot est trop faible disons labyrinthique. Une fois encore, après Prison Valley, Upian, David Dufresnes et tous les auteurs, concepteurs, producteurs qui se sont attelés au projet repoussent encore les limites de l’exercice du webdoc tant du point de vue technique que du point de vue narratif.

En effet, le maitre-mot de l’affaire est bien complexité. L’imbroglio de cette affaire tient pour beaucoup à l’intelligence et l’art consommé de la manipulation des protagonistes principaux notamment du madré Jean-Louis Gergorin ou de l’énigmatique Imad Lahoud. A cette complexité de l’intrigue s’ajoute la maitrise du langage, tout y est dit à mots feutrés, attention nous sommes avec des gens éduqués, l’affaire Clearsteam n’est pas une affaire « mainstream ».

Donc, forcément prendre la place du journaliste d’investigation n’est pas chose aisée, n’est pas Pierre Péan qui veut. Les auteurs notamment David Dufresnes sont au demeurant fort conscient de la limite de l’exercice Cf Webdocumentaire, jouer au petit journaliste. Il est vrai qu’une bonne escroquerie à la madoff sur une simple pyramide de Ponzi, c’est en apparence toujours plus facile à comprendre mais c’est justement cette complexité qui fait tout le sel de cette affaire si française. Le titre complet est bien « MANIPULATIONS, UNE HISTOIRE FRANÇAISE » en souvenir sans doute d’une jeunesse française, tous les ingrédients y sont : un groupe militaro-industriel, la mort d’un capitaine d’industrie, des cadors du renseignement, un soupçon de moyen-orient, la détestation de 2 présidentiables, des énarques en pagaille…

Il n’y a probablement qu’en France où l’on peut trouver autant d’ingrédients si juteux en matière d’intrigue notamment grâce à ces grands commis d’Etat, passant indifféremment du service de l’état au privé et inversement. Ce qui fait que lorsque l’un d’eux perd pied, frappé par des crises aiguës de paranoïa et/ou de mégalomanie, ceux sont des hommes après tout, il entraine avec lui tout son réseau politique, économique, bref ses amis de tout bord… Les relations incestueuses sont toujours explosives !

Un des mérites du webdoc et du documentaire d’ailleurs, c’est que pour une fois on nous révèle le dessous des cartes. Au-de-là du besoin humain et légitime de se justifier, on peut quand même tirer son chapeau à Jean-Louis Gergorin, qui face caméra, témoigne avec une certaine sincérité de ses errements et finalement aussi à Imad Lahoud qui a donné à Jean-Louis Gergorin ce qu’il voulait bien voir et entendre. Une autocritique périlleuse et sans doute assez douloureuse. En parlant de douleur justement, parlons du cas de Denis Robert.

Les procès du « K » Denis R.

Un des dommages collatéraux de ce feuilleton franco-politico-judiciaire, c’est le cauchemar judiciaire qu’a vécu Denis Robert. Un marathon judiciaire d’une dizaine d’années où comment le droit devient une arme d’impunité, un sport pratiqué par les très-puissants. En effet, le harcèlement judiciaire de la part de la chambre de compensation luxembourgeoise Clearstream à l’égard de Denis Robert en est un exemple patenté. Avec plus 60 procédures, Clearstream a tenté d’éreinter, d’asphyxier financièrement, moralement, humainement un journaliste pour le faire taire, technique coûteuse mais efficace si on en a les moyens.

Heureusement, Clearstream a été débouté car la justice triomphe toujours à la fin, comme dans Starsky et Hutch, David abat toujours Goliath mais à quel prix ! Ci-dessous, voilà ce qui dit Denis Robert dans un article du nouvelobs.com sur ses déboires, cela fait froid dans le dos.

La décision judiciaire fait désormais jurisprudence. A n’en pas douter, c’est une avancée en terme de droit, qui sera malheureusement sans doute fort utile dans les années à venir à moins que la peur du procès ne force les journalistes à l’auto-censure. Rassurez-vous, en participant, à ce webdoc d’investigation, vous ne risquez au pire que d’être inscrit(e) d’office à la newsletter de francetelevision donc pas de panique.

Un extrait d’une interview de Denis Robert du nouvelobs.com

Il n’y a pas de formule mathématique magique; il y a la réalité de ce que j’ai vécu pendant 10 ans. Je vais leur demander de réparer toutes ces années de batailles qui auraient pu être évitées s’ils s’étaient loyalement défendus au lieu d’user de calomnies et de mensonges pour tenter de m’abattre. Je vais recenser, avec mes avocats, tout ce qui s’est écrit et dit sur moi en dix ans.

Avant Clearstream, j’étais plutôt tranquille. Je faisais des films, j’écrivais des romans. J’avais mille projets. J’étais très sollicité. Et puis cette histoire est entrée dans ma vie. Je n’ai fait qu’un travail de journaliste au départ. J’ai enquêté deux années, réuni des preuves, obtenu des listings, filmé mes témoins, publié un livre et réalisé avec Pascal Lorent un film. J’ai essayé par tous les moyens de donner la parole aux dirigeants de Clearstream. Ils ont refusé, manié la menace. Puis quand les livres sont sortis, ils ont usé et abusé de procédures judiciaires et de pression. On peut dire qu’ils m’ont bien pourri la vie.

Une conception ramification

C’est indéniable. On a un objet complexe mais sur lequel on peut revenir à loisir et chaque fois découvrir des ramifications insoupçonnées. On est clairement encore face à une épure en matière de délinéarisation.

Sans trop s’appesantir sur la technique, qui somme toute n’est qu’au service de la création, il est bon de noter, que le webdoc doit être fait avec le Gaia Framework ou tout du moins dans une approche tout à fait similaire. On avait déjà noter le recours à ce framework qui semble s’imposer comme l’environnement référent en matière de production de webdoc. On a fait nous aussi un peu de manip sur les fichiers et pour notre plus grand bénéfice SEO, voici la liste des protagonistes, c’est beau comme un listing d’Imhad Lahoud !

 
	 version="1.0" encoding="UTF-8"?>
	>
		 id="c9_005" x="3263" y="2642" rotation="0" shadow="true" extension="jpg"/>
		 id="c6_043" x="3170" y="941" rotation="0" shadow="false" extension="png"/>
		 id="c10_010" x="3125" y="1123" rotation="8" shadow="false" extension="png"/>
		 id="c16_005" x="3020" y="3090" rotation="0" shadow="false" extension="png"/>
		 id="c7_011" x="1985" y="1910" rotation="0" shadow="false" extension="png"/>
		 id="c16_023" x="2558" y="3348" rotation="0" shadow="false" extension="png"/>
		 id="c3_009" x="1011" y="1461" rotation="0" shadow="false" extension="png"/>
		 id="c8_019" x="720" y="475" rotation="0" shadow="false" extension="png"/>
		 id="c2_006" x="1626" y="1214" rotation="0" shadow="false" extension="png"/>
		 id="c13_030" x="3735" y="1505" rotation="0" shadow="false" extension="png"/>
		 id="c13_028" x="3730" y="1596" rotation="-4" shadow="false" extension="png"/>
		 id="c13_029" x="3640" y="1548" rotation="-11" shadow="false" extension="png"/>
		 id="c13_001" x="3849" y="1472" rotation="7" shadow="true" extension="png"/>
		 id="c13_003" x="3788" y="1315" rotation="12" shadow="true" extension="png" />
		 id="c13_004" x="3670" y="1330" rotation="-26" shadow="true" extension="png"/>
		 id="c13_005" x="3615" y="1456"  rotation="-48" shadow="true" extension="png"/>
		 id="c13_031" x="4154" y="1799"  rotation="3" shadow="true" extension="jpg"/>
		 id="c13_032" x="4045" y="1798"  rotation="0" shadow="true" extension="jpg"/>
		 id="c13_033" x="4014" y="1738"  rotation="9" shadow="true" extension="jpg"/>
		 id="c14_008" x="1417" y="2279" rotation="1" shadow="true" extension="jpg"/>
		 id="c14_010" x="1348" y="2244" rotation="-3" shadow="true" extension="jpg"/>
		 id="c16_027" x="2733" y="2614" rotation="-3" shadow="true" extension="jpg"/>
		 id="c5_009" x="536" y="2301" rotation="-3" shadow="true" extension="jpg"/>
		 id="c5_008" x="662" y="941" rotation="0" shadow="true" extension="jpg"/>
		 id="c5_003" x="995" y="1920" rotation="-3" shadow="true" extension="jpg"/>
		 id="c7_003" x="1583" y="1867" rotation="-5" shadow="true" extension="jpg" />
		 id="c3_011" x="1038" y="1198" rotation="-4" shadow="true" extension="jpg" />
		 id="c16_029" x="3567" y="3000" rotation="4" shadow="true" extension="jpg">
			 x="3345" y="3100">>
		>
		 id="c16_022" x="3929" y="3361" rotation="-7" shadow="true" extension="jpg">
			 x="3900" y="3420">>
		>
		 id="c16_028" x="3572" y="2700" rotation="-4" shadow="true" extension="jpg">
			 x="3315" y="2540">>
		>
		 id="c16_021" x="3545" y="3392" rotation="5" shadow="true" extension="jpg">
			 x="3450" y="3536">>
		>
		 id="c7_006" x="1921" y="1708" rotation="0" shadow="true" extension="jpg">
			 x="1860" y="1770">Delmas]]>>
		>	
		 id="c16_019" x="2379" y="2572" rotation="-4" shadow="true" extension="jpg">
			 x="2350" y="2680">>
		>
		 id="c16_025" x="2581" y="2550" rotation="5" shadow="true" extension="jpg"/>
 
		 id="c16_020" x="2224" y="2731" rotation="3" shadow="true" extension="jpg">
			 x="1880" y="2850">>
		>
		 id="c15_005" x="492" y="2072" rotation="2" shadow="true" extension="jpg">
			 x="400" y="2165">>
		>
		 id="c15_004" x="330" y="1937" rotation="-8" shadow="true" extension="png"/>
		 id="m2_000" x="3366" y="1248" rotation="5" shadow="true" extension="jpg">
			 x="3225" y="1324">>
		>
		 id="m3_004" x="4791" y="480" rotation="3" shadow="true" extension="png"/>
		 id="m3_002" x="4305" y="582" rotation="3" shadow="true" extension="png"/>
		 id="m3_001" x="3860" y="390" rotation="3" shadow="true" extension="png"/>
		 id="m3_003" x="4093" y="151" rotation="9" shadow="true" extension="png"/>
		 id="m3_005" x="4277" y="244" rotation="-5" shadow="true" extension="png"/>
		 id="m4_000" x="3041" y="1502" rotation="0" shadow="true" extension="jpg">
			 x="3168" y="1491">Rondot]]>>
		>
		 id="m4_001" x="2897" y="1511" rotation="-4" shadow="true" extension="png"/>
		 id="m4_003" x="2992" y="1397" rotation="2" shadow="true" extension="png"/>
		 id="c6_000" x="3007" y="896" rotation="-2" shadow="true" extension="jpg">
			 x="2980" y="1028">>
		>
		 id="c10_005" x="3460" y="1880" rotation="-10" shadow="false" extension="png"/>
		 id="c9_001" x="3360" y="2849" rotation="0" shadow="false" extension="png"/>
		 id="c14_004" x="600" y="3500" rotation="-7" shadow="false" extension="png"/>
		 id="c15_013" x="514" y="1796" rotation="0" shadow="false" extension="png"/>
		 id="c15_014" x="511" y="1879" rotation="0" shadow="false" extension="png"/>
		 id="c14_033" x="1336" y="2979" rotation="0" shadow="false" extension="png"/>
		 id="c8_017" x="680" y="600" rotation="-7" shadow="false" extension="png"/>
		 id="c8_005" x="541" y="448" rotation="-10" shadow="false" extension="png"/>
		 id="c8_006" x="563" y="623" rotation="0" shadow="false" extension="png"/>
		 id="c14_005" x="1220" y="2554" rotation="0" shadow="false" extension="png"/>
		 id="c14_027" x="1820" y="3050" rotation="-10" shadow="false" extension="png"/>
		 id="c5_004" x="812" y="1954" rotation="-10" shadow="false" extension="png"/>
		 id="c6_009" x="2818" y="752" rotation="-9" shadow="false" extension="png"/>
		 id="c6_042" x="2733" y="880" rotation="-3" shadow="false" extension="png"/>
		 id="c5_002" x="903" y="1790" rotation="-11" shadow="true" extension="jpg"/>
		 id="c14_001" x="1111" y="2347" rotation="-1" shadow="true" extension="jpg"/>
		 id="c6_014" x="3204" y="569" rotation="-2" shadow="true" extension="jpg"/>
		 id="c6_045" x="3176" y="838" rotation="8" shadow="true" extension="jpg"/>
		 id="c6_012" x="2744" y="529" rotation="-2" shadow="true" extension="jpg"/>
		 id="c14_000" x="1190" y="2446" rotation="-3" shadow="true" extension="png"/>
		 id="c8_002" x="147" y="800" rotation="-4" shadow="true" extension="jpg"/>
		 id="c15_007" x="284" y="1194" rotation="-3" shadow="true" extension="jpg"/>
		 id="c15_002" x="237" y="3106" rotation="-4" shadow="true" extension="jpg"/>
		 id="c14_019" x="636" y="3341" rotation="-3" shadow="true" extension="jpg"/>
		 id="c14_006" x="409" y="3325" rotation="-8" shadow="true" extension="jpg"/>
		 id="c14_009" x="314" y="3360" rotation="-16" shadow="true" extension="jpg"/>
		 id="c15_009" x="887" y="2697" rotation="-9" shadow="true" extension="jpg"/>
		 id="c14_007" x="1380" y="2821" rotation="-1" shadow="true" extension="jpg"/>
		 id="c4_022" x="1904" y="1069" rotation="-10" shadow="true" extension="jpg"/>
		 id="c4_020" x="2001" y="1009" rotation="0" shadow="true" extension="jpg"/>
		 id="c4_021" x="2114" y="964" rotation="5" shadow="true" extension="jpg"/>
		 id="c14_013" x="953" y="3223" rotation="-8" shadow="true" extension="png"/>
		 id="c14_012" x="1108" y="2905" rotation="4" shadow="true" extension="jpg"/>
		 id="c16_026" x="787" y="3043" rotation="-11" shadow="true" extension="jpg"/>
		 id="c7_010" x="1802" y="1940" rotation="-3" shadow="true" extension="jpg">
			 x="1720" y="2010">>
		>
		 id="c2_009" x="1760" y="1790" rotation="0" shadow="true" extension="jpg"/>
		 id="m1_000" x="2470" y="1476" rotation="0" shadow="true" extension="jpg">
			 x="2311" y="1308">Gergorin]]>>
		>
		 id="c1_000" x="2399" y="1712" rotation="0" shadow="true" extension="png"/>
		 id="c1_003" x="2562" y="1762" rotation="5" shadow="true" extension="png"/>
		 id="c1_002" x="2256" y="1735" rotation="0" shadow="true" extension="png"/>
		 id="c1_001" x="2116" y="1734" rotation="-5" shadow="true" extension="jpg"/>
		 id="c3_004" x="1022" y="1015" rotation="-8" shadow="true" extension="png"/>
		 id="c8_013" x="950" y="540" rotation="-1" shadow="true" extension="png"/>
		 id="c3_006" x="1076" y="132" rotation="3" shadow="true" extension="jpg"/>
		 id="c3_005" x="838" y="1337" rotation="0" shadow="true" extension="jpg"/>
		 id="c16_012" x="3072" y="3250" rotation="-2" shadow="false" extension="jpg"/>
		 id="c16_014" x="3212" y="2857" rotation="0" shadow="true" extension="jpg">
			 x="3080" y="2948">>
		>
		 id="c16_015" x="3012" y="2300" rotation="-1" shadow="true" extension="jpg">
			 x="2880" y="2155">>
		>
		 id="c10_000" x="3656" y="2171" rotation="4" shadow="true" extension="jpg">
			 x="3590" y="2251">>
		>
		 id="c10_006" x="3440" y="2300" rotation="-2" shadow="true" extension="png"/>
		 id="c7_000" x="2436" y="1068" rotation="-2" shadow="true" extension="jpg">
			 x="2323" y="1193">>
		>
		 id="c9_000" x="3939" y="2121" rotation="3" shadow="true" extension="jpg">
			 x="3819" y="2240">>
		>
		 id="c15_000" x="218" y="2804" rotation="-1" shadow="true" extension="jpg">
			 x="120" y="2898">Cazeneuve]]>>
		>
		 id="c5_001" x="839" y="1741" rotation="-9" shadow="true" extension="png"/>
		 id="c14_014" x="559" y="3071" rotation="-4" shadow="true" extension="jpg"/>
		 id="c14_020" x="459" y="2842" rotation="-3" shadow="true" extension="jpg"/>
		 id="c15_003" x="200" y="1900" rotation="-4" shadow="true" extension="jpg"/>
		 id="c15_015" x="581" y="2344" rotation="-10" shadow="true" extension="jpg"/>
		 id="c15_016" x="125" y="2237" rotation="9" shadow="true" extension="jpg"/>
		 id="c15_017" x="139" y="2321" rotation="0" shadow="true" extension="jpg"/>
		 id="c14_021" x="286" y="2274" rotation="4" shadow="true" extension="jpg"/>
		 id="c4_005" x="1600" y="900" rotation="-3" shadow="true" extension="jpg">
			 x="1583" y="1037">>
		>
		 id="c4_018" x="1730" y="824" rotation="-9" shadow="true" extension="jpg"/>
		 id="c4_004" x="1764" y="723" rotation="-2" shadow="true" extension="png"/>
		 id="c4_010" x="1942" y="595" rotation="0" shadow="true" extension="jpg"/>
		 id="c4_009" x="2021" y="828" rotation="3" shadow="true" extension="jpg"/>
		 id="c4_007" x="1678" y="646" rotation="-7" shadow="true" extension="png"/>
		 id="c8_020" x="772" y="804" rotation="4" shadow="true" extension="jpg"/>
		 id="c15_012" x="409" y="1538" rotation="3" shadow="true" extension="jpg">
			 x="250" y="1633">>
		>
		 id="c12_008" x="4618" y="1107" rotation="0" shadow="true" extension="jpg"/>
		 id="c12_004" x="4471" y="983" rotation="-9" shadow="true" extension="png"/>
		 id="c12_003" x="3897" y="759" rotation="1" shadow="true" extension="jpg"/>
		 id="c4_006" x="1348" y="420" rotation="-3" shadow="true" extension="jpg">
			 x="1361" y="548">Gomez]]>>
		>
		 id="c2_000" x="1864" y="1488" rotation="-1" shadow="true" extension="jpg">
			 x="1835" y="1577">>
		>
		 id="c2_005" x="1705" y="1643" rotation="-4" shadow="true" extension="jpg"/>
		 id="c2_003" x="1722" y="1461" rotation="-4" shadow="true" extension="jpg"/>
		 id="c16_000" x="2396" y="2282" rotation="2" shadow="true" extension="jpg">
			 x="2277" y="2372">>
		>
		 id="c16_009" x="2577" y="2198" rotation="2" shadow="true" extension="jpg"/>
		 id="c16_008" x="2410" y="3360" rotation="-2" shadow="true" extension="jpg"/>
		 id="c14_002" x="1546" y="3020" rotation="0" shadow="true" extension="jpg"/>
		 id="c14_015" x="1403" y="2514" rotation="-4" shadow="true" extension="jpg"/>
		 id="c14_016" x="1391" y="2632" rotation="0" shadow="true" extension="jpg"/>
		 id="c14_024" x="912" y="2465" rotation="-15" shadow="true" extension="png" />
		 id="c14_011" x="1092" y="2177" rotation="-5" shadow="true" extension="jpg" />
		 id="c14_022" x="1607" y="3370" rotation="3" shadow="true" extension="jpg" />
		 id="c14_017" x="1265" y="3347" rotation="-3" shadow="true" extension="jpg" />
		 id="c14_026" x="1988" y="3379" rotation="0" shadow="true" extension="jpg" />
		 id="c14_029" x="2147" y="3401" rotation="-6" shadow="true" extension="png" />
		 id="c16_003" x="2469" y="2864" rotation="1" shadow="true" extension="jpg" />
		 id="c7_009" x="2175" y="1330" rotation="-5" shadow="true" extension="jpg">
				 x="2170" y="1400">Camus]]>>
		>
		 id="c16_005" x="3041" y="3116" rotation="0" shadow="true" extension="png" />
		 id="c7_008" x="2003" y="1425" rotation="5" shadow="true" extension="jpg" />
		 id="c2_008" x="2035" y="1339" rotation="7" shadow="true" extension="jpg" />
		 id="m3_008" x="4485" y="324" rotation="0" shadow="true" extension="png" />
		 id="m3_007" x="4352" y="504" rotation="-41" shadow="true" extension="png" />
		 id="m3_009" x="4653" y="270" rotation="7" shadow="false" extension="png" />
		 id="c3_002" x="1251" y="223" rotation="-8" shadow="true" extension="jpg" />
		 id="c3_014" x="1216" y="598" rotation="-6" shadow="true" extension="jpg" />	
		 id="c4_015" x="1336" y="1112" rotation="-5" shadow="true" extension="jpg" />
		 id="c16_007" x="3069" y="2706" rotation="-2" shadow="true" extension="jpg" />
		 id="c16_004" x="2820" y="3019" rotation="-3" shadow="false" extension="png" />
		 id="c9_004" x="4465" y="2046" rotation="-8" shadow="false" extension="png" />
		 id="c15_019" x="4015" y="2609" rotation="-23" shadow="false" extension="jpg" />
		 id="c15_018" x="4129" y="2500" rotation="-9" shadow="false" extension="jpg" />
		 id="c9_003" x="4589" y="2844" rotation="5" shadow="true" extension="png" />
		 id="c9_015" x="4655" y="3188" rotation="11" shadow="true" extension="jpg" />
		 id="c9_016" x="4833" y="3187" rotation="0" shadow="true" extension="jpg" />
		 id="c9_017" x="4430" y="2484" rotation="0" shadow="true" extension="jpg" />
		 id="c9_012" x="4647" y="2465" rotation="6" shadow="true" extension="jpg" />
		 id="c9_008" x="4074" y="2970" rotation="1" shadow="true" extension="jpg" />
		 id="m4_004" x="2987" y="1705" rotation="-2" shadow="true" extension="jpg" />
		 id="c10_012" x="3083" y="1916" rotation="-6" shadow="true" extension="jpg" />
		 id="m4_005" x="2904" y="1947" rotation="-1" shadow="true" extension="jpg" />
		 id="m4_002" x="2836" y="1594" rotation="-4" shadow="false" extension="png" />
		 id="c10_011" x="2776" y="1448" rotation="-10" shadow="true" extension="jpg" />
		 id="c12_007" x="4250" y="1119" rotation="-2" shadow="true" extension="jpg" />
		 id="c12_010" x="4105" y="991" rotation="" shadow="true" extension="jpg" />
		 id="c12_002" x="4633" y="1000" rotation="-8" shadow="false" extension="png" />
		 id="c10_008" x="3640" y="2413" rotation="-4" shadow="true" extension="jpg" />
		 id="c7_033" x="1320" y="1910" rotation="-3" shadow="true" extension="jpg" />
		 id="c7_028" x="1302" y="1758" rotation="3" shadow="true" extension="png" />
		 id="c7_012" x="1504" y="1597" rotation="-14" shadow="true" extension="jpg" />
		 id="c7_007" x="1624" y="1535" rotation="-5" shadow="true" extension="jpg" />
		 id="c7_032" x="1299" y="1713" rotation="3" shadow="true" extension="jpg" />
		 id="c9_002" x="3119" y="2441" rotation="-2" shadow="true" extension="jpg" />
		 id="c13_002" x="3691" y="1084" rotation="-2" shadow="true" extension="jpg" />
		 id="c6_010" x="4084" y="2098" rotation="-1" shadow="true" extension="jpg" />
		 id="c3_003" x="2356" y="2082" rotation="-3" shadow="true" extension="jpg" />
		 id="c6_007" x="2838" y="960" rotation="0" shadow="true" extension="png" />
		 id="c6_044" x="2674" y="1047" rotation="-13" shadow="true" extension="jpg" />
		 id="m3_014" x="3612" y="223" rotation="0" shadow="true" extension="png" />
		 id="c13_009" x="4521" y="1740" rotation="0" shadow="true" extension="jpg" />
		 id="c12_005" x="3598" y="950" rotation="-7" shadow="true" extension="jpg" />
		 id="c13_008" x="4666" y="1328" rotation="-3" shadow="true" extension="jpg" >
			 x="4600" y="1205">>
		>	
		 id="c12_009" x="3703" y="774" rotation="-6" shadow="true" extension="jpg" />
		 id="c3_007" x="1020" y="1343" rotation="-5" shadow="true" extension="jpg" />
		 id="c13_020" x="4071" y="1633" rotation="0" shadow="true" extension="jpg" />
		 id="c13_013" x="4413" y="1642" rotation="-5" shadow="true" extension="jpg" />
		 id="c13_026" x="4138" y="1373" rotation="-6" shadow="true" extension="jpg" />
		 id="c13_010" x="3981" y="1506" rotation="-2" shadow="true" extension="jpg" />
		 id="c13_006" x="3915" y="1326" rotation="4" shadow="true" extension="jpg" />
		 id="c12_006" x="3801" y="1865" rotation="-5" shadow="true" extension="jpg" />
		 id="c13_025" x="3751" y="1709" rotation="-3" shadow="true" extension="jpg" />
		 id="c13_018" x="4785" y="2051" rotation="4" shadow="true" extension="jpg" />
		 id="c13_016" x="4731" y="1632" rotation="0" shadow="true" extension="jpg"/>
		 id="c16_013" x="2251" y="3038" rotation="-3" extension="jpg">
			 x="2070" y="3125">>
		>
		 id="c14_018" x="1673" y="2831" rotation="2"  shadow="true" extension="jpg"/>
		 id="c14_023" x="1655" y="2620" rotation="-5"  shadow="true" extension="jpg"/>
		 id="c16_002" x="2467" y="3093" rotation="-5"  shadow="true" extension="jpg"/>
		 id="c8_000" x="612" y="434" rotation="0"  shadow="false" extension="png"/>
		 id="c8_016" x="580" y="249" rotation="5"  shadow="false" extension="jpg"/>
		 id="c8_024" x="488" y="260" rotation="-13"  shadow="false" extension="jpg"/>
		 id="c8_021" x="703" y="341" rotation="13"  shadow="false" extension="jpg"/>
		 id="c5_006" x="217" y="1020" rotation="-4" shadow="true" extension="jpg"/>
		 id="c8_023" x="146" y="1109" rotation="-11" shadow="true" extension="jpg"/>
		 id="c8_026" x="130" y="1178" rotation="-16" shadow="true" extension="jpg"/>
		 id="c8_025" x="403" y="1187" rotation="10" shadow="true" extension="jpg"/>
		 id="c8_004" x="348" y="228" rotation="-2" shadow="true" extension="jpg"/>
		 id="c8_003" x="464" y="736" rotation="-5" shadow="true" extension="jpg"/>
		 id="c9_022" x="4348" y="3292" rotation="0" shadow="true" extension="jpg"/>
		 id="c8_009" x="272" y="720" rotation="-5" shadow="true" extension="jpg"/>
		 id="c15_008" x="570" y="1418" rotation="0" shadow="true" extension="png"/>
		 id="c8_014" x="520" y="1019" rotation="-2" shadow="false" extension="png"/>
		 id="c15_006" x="285" y="510" rotation="0" shadow="true" extension="jpg"/>
		 id="c15_001" x="195" y="1473" rotation="-2" shadow="true"  extension="jpg"/>
		 id="c16_001" x="1978" y="2170" rotation="-2" shadow="true" extension="jpg">
			 x="2000" y="2250">>
		>
		 id="c9_013" x="1827" y="2318" rotation="4" shadow="true" extension="jpg"/>
		 id="c4_014" x="1331" y="1164" rotation="3" shadow="true" extension="png"/>
		 id="c4_013" x="1367" y="858" rotation="-9" shadow="true" extension="jpg"/>
		 id="c16_016" x="1980" y="2472" rotation="0" shadow="true" extension="jpg">
			 x="1882" y="2551">>
		>
	>

Avant de tenter l’expérience, un conseil pour ne pas être largué(e) d’entrée, on vous invite à vous rafraichir la mémoire sur l’affaire.

Manipulations – Comprendre
http://www.francetv.fr/manipulations/comprendre/
Manipulations – A propos
http://www.francetv.fr/manipulations/a-propos/

37 boulevard de Montmorency 75016 Paris, le siège d’EADS

Pour aller plus loin

Manipulations – L’expérience Web
http://www.francetv.fr/manipulations/
Webdocumentaire, jouer au petit journaliste
http://jeuxserieux.ac-creteil.fr/?p=1244
Le Best Of de David Dufresne sur l’article au-dessus « Webdocumentaire, jouer au petit journaliste »
http://www.davduf.net/+Webdocumentaire-jouer-au-petit+.html
Clearstream : Denis Robert est blanchi
http://tempsreel.nouvelobs.com/societe/20110205.OBS7554/clearstream-denis-robert-est-blanchi.html
Upian
http://www.upian.com/
France 5
http://www.france5.fr/

Workshop Webdocumentaire / 3WDOC Studio à Cinédoc Films !

iDoc — Wed, 21 Dec 2011 17:12:58 +0000

3WDOC a eu le plaisir d’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’études de cas de webdocumentaires et d’échanges Skype avec des acteurs de la scène du webdoc, l’objectif de ce workshop était de faire un tour d’horizon du documentaire interactif tant sur les questions de structures narratives interactives, d’agencement des éléments multimédia, de démarche d’auteur ou de traitement journalistique, d’esthétique et de webdesign, de l’articulation de l’intention et de l’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…

Bien sûr, les participants n’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’outil. A 3WDOC, nous sommes toujours soucieux d’allier théorie et pratique, production et réflexion ;)

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 La Zone, Matthieu Lietaert, éditeur du livre Webdocumentaires : Guide de survie et conseils pratiques (vous pouvez aussi voir notre interview de Matthieu), le photographe et réalisateur Samuel Bollendorff, à propos de L’Obésité : The Big Issue, l’auteur-réalisateur Olivier Lambert, autour de La Nuit Oubliée, et le producteur Nicolas Sauret de Inflammable Productions pour son projet de webdocumentaire à Jérusalem Facts on the ground. Nous en profitons pour les remercier encore tous chaleureusement de leurs précieuses Skype participations à notre formation. Sans oublier la scénariste Catherine Cuenca, fondatrice de 3 Singes Productions, venue sur place parler de transmedia.

Ces échanges ont été d’autant plus utiles aux participants qu’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) Random Voices du réalisateur espagnol Pau Perramon, ou la journaliste Claire Jeantet.

Pour 3WDOC, ça a été particulièrement enthousiasmant et stimulant de parler de webdocumentaire avec des cinéastes, des documentaristes, qui se sont jusqu’à maintenant moins aventurés sur ce terrain que les journalistes et reporters. Une autre culture, un autre regard : d’autres approches…

Nous vous tiendrons informés de nos prochaines interventions. Vive le webdocumentaire !

Popcorn, HTML5, framework – une librairie jQuery pour les médias

the team — Mon, 19 Dec 2011 13:43:53 +0000

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

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

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

La définition de PopCorn

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

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

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

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

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

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

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

Test des plugins les plus significatifs

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

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

Extrait du plugin facebook

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

Extrait du plugin googlefeed

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

Extrait complet du plugin twitter

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

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

Pour aller plus loin

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

HTML5 + Cloud : La nouvelle tendance pour 2012

the team — Wed, 30 Nov 2011 10:12:36 +0000

Il s’est passé pas mal de choses dans le monde de la création rich media ces dernières semaines. Voici une petite revue de presse….

Adobe se restructure :
http://www.graphiline.com/article/14873/Adobe-en-panne-de-modele–licencie-750-salaries
http://www.lemagit.fr/article/flash-adobe-cloud-computing-restructuration-html-5/9855/1/adobe-sonne-transformation-vers-cloud/

Arrêt de Flash sur mobile, HTML5 enterre le flash :
http://www.revioo.com/news/adobe-flash-html5-n16345.html
http://www.silicon.fr/le-html5-enterre-le-flash-64905.html
http://www.zone-numerique.com/news-11690-l-abandon-de-flash-player-pour-les-mobiles-au-benefice-de-html5-est-confirme.html

Panique dans le monde de Flash :
http://www.silicon.fr/la-liberation-de-adobe-flex-provoque-une-panique-dans-le-monde-flash-65373.html

1 million d’utilisateurs pour la WebApp du Financial Times :
http://www.macplus.net/itrafik/depeche-63032-ft-1-million-d-utilisateurs-pour-la-webapp

Microsoft cesse de maintenir Silverlight au profit du HTML5 :
http://www.journaldunet.com/developpeur/technos-net/arret-du-developpement-de-silverlight-1111.shtml

iOS et la fragmentation des mobiles ont épuisé Flash :
http://www.macgeneration.com/news/voir/223302/adobe-ios-et-la-fragmentation-des-mobiles-ont-epuise-flash

Slideshare passe complètement au HTML5 !
http://www.presse-citron.net/slideshare-abandonne-completement-flash-au-profit-de-html5

ONE MILLIONth TOWER, HTML5, WebGL – L’urbanisme réinventé par la seule force du webdoc

the team — Tue, 22 Nov 2011 12:48:42 +0000

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

Des tours et des hommes

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

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

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

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

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

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

Un vent mauvais pour AIR

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

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

La présentation du projet ONE MILLIONth TOWER

ABOUT ONE MILLIONth TOWER

The highrise re-imagined.

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

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

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

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

Additional Features include:

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

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

Toronto, Canada

Pour aller plus loin

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

Comment enchaîner automatiquement 2 séquences l’une après l’autre?

the team — Thu, 13 Oct 2011 17:26:22 +0000

Beaucoup de membres se posent la question suivante :

Comment amener l’internaute, automatiquement, sans action de sa part, à une deuxième séquence une fois que la première séquence en cours est terminée ? Dans la version actuelle de 3WDOC Studio c’est possible mais pas encore très évident. Voici la procédure :

Dans l’onglet « Config » il faut aller directement à la deuxième page et copier / coller le code suivant dans le champ « overcode » :

$(this).bind("tcEnded", function() { window.location.href = "_URL_de_la_sequence"; });

en remplaçant _URL_de_la_sequence_ par la séquence cible.

Voir ci-dessous :

Recap Astuces du jour ! Tips of the day ! 12 septembre 2011

iDoc — Mon, 12 Sep 2011 10:56:03 +0000

Recap : Astuces du jour ! Tips of the day !

Pour celles et ceux qui n’auraient pas vu passer les billets publiés sur notre blog la semaine dernière portant sur les nouveautés apportées à notre application 3WDOC Studio, voici une petite récapitulation !

Check-box dans la Time Line

Dans votre Editeur de séquence, vous pouvez dorénavant sélectionner / dé-sélectionner toutes les pistes de votre séquence. Plus pratique !

Ajout d’une nouvelle piste en haut de la Time Line

Chaque piste ajoutée dans votre séquence se situe dorénavant au-dessus des autres pistes, et non plus en dernière position. Vous n’avez plus à scroll-down pour retrouver votre nouvelle piste. Plus lisible !

AUDIO en OVERLAY

Vous pouvez désormais lancer un média AUDIO en OVERLAY !
Comment faire ? Sélectionnez votre piste AUDIO sur la TIME LINE, allez dans l’INSPECTEUR, choisissez l’onglet ACTIONS, sélectionnez TC OVERLAYED, puis entrez le nom du média (VALUE) qui lancera votre piste AUDIO en OVERLAY. Simple !

Rappels
N’oubliez pas de « lier » votre média OVERLAYED avec un autre média (BOUTON, IMAGE ou ARTICLE) qui le lancera en OVERLAY. Vous assignerez à ce média l’action TC OVERLAY avec le nom du média que vous voulez lancer en OVERLAY (VALUE).

L’AUDIO était le seul type de média qui ne pouvait être lancé en OVERLAY… C’est désormais chose faite ! Tous les autres types de médias (ARTICLE, IMAGE, VIDEO, BOUTON) avaient déjà cette fonctionnalité.

TC LINK BLANK

Vous pouvez désormais ouvrir un lien dans un nouvel onglet de votre navigateur ! Utile pour enrichir votre WDOC sans le quitter !

Comment faire ?
Dans l’INSPECTEUR d’un BOUTON, un ARTICLE ou une IMAGE, choisissez l’onglet ACTIONS et sélectionnez TC LINK BLANK. N’oubliez pas de renseigner l’URL que vous souhaitez ouvrir dans le champ VALUE !

Exemple : un bouton ouvre une URL extérieure à votre WDOC, comme votre site personnel ou un site qui apporte des informations complémentaires à votre production. Pratique aussi si vous souhaitez « embedder » votre WDOC terminé comme « iframe » sur un autre site.

Le TC LINK BLANK s’applique aux BOUTON, ARTICLE et IMAGE.

Rappel
Avec TC LINK ou TC LINK BLANK vous pouvez ouvrir une URL extérieure à votre WDOC mais aussi faire un lien vers une autre séquence de votre WDOC ! Cela dit, nous ne vous recommandons pas d’ouvrir une nouvelle séquence de votre WDOC en TC LINK BLANK, sauf si cela correspond à votre structure narrative…

Double action : TC LINK + OVERLAY / TC LINK BLANK + OVERLAY / TC GOTO + OVERLAY / NATIVE ACTION + OVERLAY

Une nouveauté de notre Studio est de pouvoir affecter 2 actions à un BOUTON, une IMAGE ou un ARTICLE. Toutes ces propriétés seront affectées dans l’onglet ACTIONS de l’INSPECTEUR du média choisi.

Exemples

TC LINK BLANK + OVERLAY

Une IMAGE peut désormais ouvrir un lien (par exemple votre site perso) dans un nouvel onglet de votre navigateur au clic (CLICK) sur l’image + ouvrir un média (par exemple une VIDEO) en OVERLAY au survol (HOVER) de l’image.

TC GOTO + OVERLAY

Un ARTICLE peut vous amener à un moment donné de votre séquence (TC GOTO : 60 secondes par exemple) au clic (CLICK) sur l’article + ouvrir un média (une IMAGE par exemple) en OVERLAY au survol (HOVER) de l’article.

NATIVE ACTION + OVERLAY

Un BOUTON peut avoir pour fonction NATIVE ACTION > UI > PLAY (par exemple) au clic (CLICK) sur le bouton + lancer une piste AUDIO en OVERLAY (par exemple) au survol (HOVER) du bouton. Le média audio pourrait être une audio-description de votre séquence pour les malentendants dans une démarche d’accessibilité de votre WDOC, per exemple.

Remarque
Les médias OVERLAYED (BOUTON, IMAGE, ARTICLE) peuvent également une deuxième fonction : TC GOTO, TC LINK BLANK etc. quand ils sont activés par un média en OVERLAY.

D’autres améliorations sont en développement et seront bientôt prêtes ! Nous vous tiendrons informés !

Astuce du jour ! 9 septembre 2011

iDoc — Fri, 09 Sep 2011 16:23:20 +0000

Astuce du jour ! Tip of the day !

Nouveautés dans 3WDOC Studio

TC LINK BLANK

Vous pouvez désormais ouvrir un lien dans un nouvel onglet de votre navigateur !
Utile pour compléter votre WDOC sans le quitter !

Exemple : un BOUTON ouvre une URL extérieure à votre WDOC, comme votre site personnel ou un site qui apporte des informations complémentaires à votre production. Pratique aussi si vous souhaitez « embedder » votre WDOC terminé comme « iframe » sur un autre site.

Le TC LINK BLANK s’applique aux BOUTON, ARTICLE et IMAGE.

Rappel

Avec TC LINK ou TC LINK BLANK vous pouvez ouvrir une URL extérieure à votre WDOC mais aussi faire un lien vers une autre séquence de votre WDOC ! Cela dit, nous ne préconisons pas d’ouvrir une nouvelle séquence de votre WDOC en TC LINK BLANK, sauf si cela correspond à votre structure narrative…

Double action :
TC LINK + OVERLAY / TC LINK BLANK + OVERLAY
TC GOTO + OVERLAY / NATIVE ACTION + OVERLAY

Une nouveauté de notre Studio est de pouvoir affecter 2 actions à un BOUTON, une IMAGE ou un ARTICLE.
Vous affecterez toutes ces propriétés dans l’onglet ACTIONS de l’INSPECTEUR du média choisi.

Exemples

TC LINK BLANK + OVERLAY

Une IMAGE peut désormais ouvrir un lien (par exemple votre site perso) dans un nouvel onglet de votre navigateur au clic (CLICK) sur l’image + lancer un média (par exemple une VIDEO) en OVERLAY au survol (HOVER) de l’image.

TC GOTO + OVERLAY

NATIVE ACTION + OVERLAY

Un BOUTON peut avoir pour fonction NATIVE ACTION > UI > PLAY au clic (CLICK) sur le bouton + lancer en OVERLAY une piste AUDIO au survol (HOVER) du bouton. Le média audio pourrait être une audio-description de votre séquence pour les déficients visuels dans une démarche d’accessibilité de votre WDOC, par exemple.

Remarques

Les médias OVERLAYED (BOUTON, IMAGE, ARTICLE) peuvent également avoir une deuxième fonction : TC GOTO, TC LINK BLANK etc. quand ils sont activés par un autre média en OVERLAY.

En théorie, vous pouvez combiner des actions TC LINK et TC GOTO, ou TC GOTO et NATIVE ACTION, ou encore TC LINK et NATIVE ACTION, pour un BOUTON, une IMAGE ou un ARTICLE, même si nous ne vous le recommandons pas vraiment… Techniquement ça marche, mais ça peut devenir très compliqué à gérer pour le scénario fonctionnel de votre WDOC !

Astuce du jour ! 8 septembre 2011

iDoc — Thu, 08 Sep 2011 14:29:55 +0000

Astuce du jour ! Tip of the day !

Nouveauté dans 3WDOC Studio :

Rappel :
N’oubliez pas de « lier » votre média OVERLAYED avec un autre média (BOUTON, IMAGE ou ARTICLE) qui le lancera en OVERLAY. Vous assignerez à ce média l’action TC OVERLAY avec le nom du média que vous voulez lancer en OVERLAY (VALUE).

Pour information : l’AUDIO était le seul type de média qui ne pouvait être lancé en OVERLAY… C’est désormais chose faite ! Tous les autres types de médias (ARTICLE, IMAGE, VIDEO, BOUTON) avaient déjà cette fonctionnalité.

Astuce du jour ! 7 septembre 2011

iDoc — Wed, 07 Sep 2011 14:19:08 +0000

Astuce du jour ! Tip of the day !

Nouveauté dans 3WDOC Studio !
Dans votre Editeur de séquence, vous pouvez dorénavant sélectionner / désélectionner toutes les pistes de votre séquence. Plus pratique !

2ème nouveauté du jour dans 3WDOC Studio !
Chaque piste ajoutée dans votre séquence se situe dorénavant « au-dessus » des autres pistes, et non plus en dernière position. Vous n’avez plus à « scroll-down » pour retrouver votre nouvelle piste tout en bas. Plus lisible !