<?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" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Narboo's Weblog</title>
	<atom:link href="http://narboo.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://narboo.wordpress.com</link>
	<description>Pole Projet - Lemonde.fr</description>
	<lastBuildDate>Wed, 04 Feb 2009 11:53:58 +0000</lastBuildDate>
	<language>fr</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='narboo.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://s2.wp.com/i/buttonw-com.png</url>
		<title>Narboo's Weblog</title>
		<link>http://narboo.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://narboo.wordpress.com/osd.xml" title="Narboo&#039;s Weblog" />
	<atom:link rel='hub' href='http://narboo.wordpress.com/?pushpress=hub'/>
		<item>
		<title>Appel Engrenages</title>
		<link>http://narboo.wordpress.com/2009/02/04/appel-engrenages/</link>
		<comments>http://narboo.wordpress.com/2009/02/04/appel-engrenages/#comments</comments>
		<pubDate>Wed, 04 Feb 2009 11:33:13 +0000</pubDate>
		<dc:creator>narboo</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://narboo.wordpress.com/?p=90</guid>
		<description><![CDATA[Donc sur le principe du random, pour la majorité des témoins. Pas tous car je n&#8217;ai pas nécessairement des images pour chacun d&#8217;entre eux. Avec Eric, on se pose la question [kml_flashembed movie="http://www.azymes.com/monde/engre/330x150_engrenage.swf" height="330" width="150" /]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=narboo.wordpress.com&amp;blog=4131092&amp;post=90&amp;subd=narboo&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Donc sur le principe du random, pour la majorité des témoins. Pas tous car je n&#8217;ai pas nécessairement des images pour chacun d&#8217;entre eux. Avec Eric, on se pose la question</p>
<p>[kml_flashembed movie="http://www.azymes.com/monde/engre/330x150_engrenage.swf" height="330" width="150" /]</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/narboo.wordpress.com/90/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/narboo.wordpress.com/90/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/narboo.wordpress.com/90/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/narboo.wordpress.com/90/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/narboo.wordpress.com/90/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/narboo.wordpress.com/90/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/narboo.wordpress.com/90/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/narboo.wordpress.com/90/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/narboo.wordpress.com/90/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/narboo.wordpress.com/90/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/narboo.wordpress.com/90/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/narboo.wordpress.com/90/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/narboo.wordpress.com/90/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/narboo.wordpress.com/90/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=narboo.wordpress.com&amp;blog=4131092&amp;post=90&amp;subd=narboo&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://narboo.wordpress.com/2009/02/04/appel-engrenages/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/e93c6869e07e87fa75b52f16d799d231?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">narboo</media:title>
		</media:content>
	</item>
		<item>
		<title>Synthèse de nos gabarits multimédias</title>
		<link>http://narboo.wordpress.com/2009/01/31/synthese-de-nos-gabarits-multimedias/</link>
		<comments>http://narboo.wordpress.com/2009/01/31/synthese-de-nos-gabarits-multimedias/#comments</comments>
		<pubDate>Sat, 31 Jan 2009 15:34:29 +0000</pubDate>
		<dc:creator>narboo</dc:creator>
				<category><![CDATA[gabarits]]></category>
		<category><![CDATA[infographies]]></category>
		<category><![CDATA[maquettes]]></category>
		<category><![CDATA[multimedias]]></category>
		<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://narboo.wordpress.com/?p=54</guid>
		<description><![CDATA[Préliminaire C&#8217;est un parti-pris que de choisir les gabarits sur lesquels nous avons déjà travaillé, surtout qu&#8217;il existe un assez grand nombre de modèles existants sur le web. Dans tous les cas, cela permet d&#8217;avoir un point de vue de ce que nous avons déjà été capables de faire, dans des temps de production en [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=narboo.wordpress.com&amp;blog=4131092&amp;post=54&amp;subd=narboo&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><strong>Préliminaire</strong></p>
<p>C&#8217;est un parti-pris que de choisir les gabarits sur lesquels nous avons déjà travaillé, surtout qu&#8217;il existe un assez grand nombre de modèles existants sur le web. Dans tous les cas, cela permet d&#8217;avoir un point de vue de ce que nous avons déjà été capables de faire, dans des temps de production en général assez court.</p>
<p>Je précise d&#8217;ailleurs pour chacun de ces gabarits les temps de réalisation (temps physique, sans compter le temps du blabla, qui est souvent aussi long que le temps de prod&#8230;)</p>
<p> </p>
<p>C&#8217;est un peu compliqué de lister l&#8217;ensemble des &laquo;&nbsp;types&nbsp;&raquo; multimédias, aussi, je m&#8217;en tiens aux 2 principaux qu&#8217;on exploite majoritairement chez nous :</p>
<h1><strong><span style="text-decoration:underline;"><span style="color:#800000;">Le narratif linéaire</span></span></strong></h1>
<p>En un peu plus de 2 ans, nous avons fait 21 boules de nets et cartes interactives.</p>
<p>Pendant un an, nous avons utilisé l&#8217;outil maison de boule de net, que nous avons abandonné, car trop fermé (dans des cases), et pas assez graphique (selon moi).</p>
<p>Le second avatar de nos productions dans ce domaine a été la &laquo;&nbsp;carte interactive&nbsp;&raquo;, qui me laissait plus de liberté (empattement plus large, plus grande souplesse d&#8217;utilisation&#8230;).</p>
<p> </p>
<p>Al Qaida<br />
6 juin 44 un vent de liberté<br />
Euro 2004<br />
Athènes 2004<br />
Bush &#8211; la presidentielle 2004<br />
Retrospective 2004<br />
Le référendum 2005<br />
Hiroshima<br />
Les taudis &#8211; au coeur du mal logement<br />
La fin du pétrole<br />
La Géopolitique de l&#8217;amérique latine<br />
La nouvelle conquête de l&#8217;espace<br />
La dynamique islamiste au proche orient<br />
La coupe du MOnde, une histoire politique<br />
Villepin, une année en première ligne<br />
Nagasaki 1945, une bombe controversée<br />
L&#8217;iran, un pays en quête de puissance<br />
L&#8217;afghanistan &#8211; des talibans aux talibans<br />
Le protocole de kyoto face à ses limites<br />
Le pétrole africain : chance ou malédiction ? </p>
<p> </p>
<p><strong>Quelques écrans de BDN :</strong></p>
<p><img class="aligncenter size-full wp-image-55" title="bdn-espace" src="http://narboo.files.wordpress.com/2009/01/bdn-espace.jpg?w=468&#038;h=350" alt="bdn-espace" width="468" height="350" /><br />
<img class="aligncenter size-full wp-image-56" title="bdn-hiro" src="http://narboo.files.wordpress.com/2009/01/bdn-hiro.jpg?w=468&#038;h=350" alt="bdn-hiro" width="468" height="350" /></p>
<p> </p>
<p><strong>Quelques ecrans de Cartes interactive</strong><strong>s</strong></p>
<p><img class="aligncenter size-full wp-image-57" title="carte-kyoto" src="http://narboo.files.wordpress.com/2009/01/carte-kyoto.jpg?w=468&#038;h=270" alt="carte-kyoto" width="468" height="270" /><br />
<img class="aligncenter size-full wp-image-58" title="carte-petrole1" src="http://narboo.files.wordpress.com/2009/01/carte-petrole1.jpg?w=468&#038;h=270" alt="carte-petrole1" width="468" height="270" /><br />
<img class="aligncenter size-full wp-image-59" title="carte-prochorient" src="http://narboo.files.wordpress.com/2009/01/carte-prochorient.jpg?w=468&#038;h=280" alt="carte-prochorient" width="468" height="280" /></p>
<p>En règle générale, un projet &laquo;&nbsp;carte interactive&nbsp;&raquo; ou &laquo;&nbsp;bdn&nbsp;&raquo; impliquait un journaliste pendant une semaine, et un producteur flash pendant 6 à 7 jours (temps plein), avec des process de travail rodés dès fourniture du texte : </p>
<p>- réalisation de maquettes, plan par plan, avant montage (2 à 3 jours)<br />
- validation des maquettes<br />
- exports des sources et création des infographies pour animation (1 jour)<br />
- montage (3 jours)<br />
- corrections (souvent assez limitées : 1 jour pour le pire)</p>
<p> </p>
<p>Après un an d&#8217;abandon de ces projets, nous somme repartis depuis 6 mois dans un processus de production, à partir d&#8217;un média différent : la vidéo, avec tous ses ecueils (lourdeur technique, complexité des animations, difficulté de trouver des sources vidéos, poids des fichiers) mais avec ses avantages : déploiement possible sur des plateformes alternatives (podcasts vidéo, youtube, diffusion sur mobiles&#8230;).<br />
Une innovation de taille, qu&#8217;il faudra veiller à faire évoluer : le panier qui fournit des liens contextuels au récit qui se déroule. </p>
<p>En 6 mois, nous avons réalisé 5 de ces récits multimédias :</p>
<p>Obama<br />
McCain<br />
Baltimore<br />
Les Roms<br />
Chomsky </p>
<p><img class="aligncenter size-full wp-image-62" title="rm-obama" src="http://narboo.files.wordpress.com/2009/01/rm-obama.jpg?w=468&#038;h=337" alt="rm-obama" width="468" height="337" /><br />
<img class="aligncenter size-full wp-image-64" title="rm-baltimore1" src="http://narboo.files.wordpress.com/2009/01/rm-baltimore1.jpg?w=468&#038;h=345" alt="rm-baltimore1" width="468" height="345" /></p>
<p>Je préconise une convergence des 2 techniques, pour lesquelles nous avons toutes les compétences inhouse</p>
<h1><span style="color:#800000;"><span style="text-decoration:underline;">Le descriptif interactif</span></span></h1>
<p>Il faut distinguer 2 types de produits dans cette catégorie : ceux qui impliquent l&#8217;internaute, et ceux qui sont simplement descriptifs avec un notion simple d&#8217;interactivité (non &laquo;&nbsp;participative&nbsp;&raquo;, même si on peut mixer les 2)</p>
<p>Dans ces domaines, 2007 et 2008 ont été des années d&#8217;expérimentations, avec de nombreux nouveaux produits, grandement facilités par la montée en puissance des compétence en développement d&#8217;Eric sur le flash.</p>
<p>Cela a donné une série de produits ludiques et <strong><span style="color:#003300;">participatifs</span></strong> pour l&#8217;utilisateur.<br />
<strong><span style="color:#003300;"><span style="text-decoration:underline;">C&#8217;est notre première catégorie.</span></span></strong></p>
<p>Voici une série d&#8217;écran qui vont vous rappeller de bons souvenirs :</p>
<p>- pour les municipales, le comparateur des programmes</p>
<p><img class="aligncenter size-full wp-image-66" title="inter-comparateur" src="http://narboo.files.wordpress.com/2009/01/inter-comparateur.jpg?w=468&#038;h=285" alt="inter-comparateur" width="468" height="285" /></p>
<p>Toujours pour les municipales, les fonctions du Maire<br />
<img class="aligncenter size-full wp-image-67" title="inter-municipales" src="http://narboo.files.wordpress.com/2009/01/inter-municipales.jpg?w=468&#038;h=276" alt="inter-municipales" width="468" height="276" /><br />
Le livre d&#8217;hommage, institué en catastrophe par Dao le jour de la mort de l&#8217;Abbé Pierre, réutilisé depuis (la dernière fois pour Bétancourt), avec le succès qu&#8217;on connaît&#8230;<br />
<img class="aligncenter size-full wp-image-68" title="inter-hommage" src="http://narboo.files.wordpress.com/2009/01/inter-hommage.jpg?w=468&#038;h=276" alt="inter-hommage" width="468" height="276" /></p>
<p>Pour l&#8217;Euro 2004, le &laquo;&nbsp;jouez la comme Domenech&nbsp;&raquo;</p>
<p><img class="aligncenter size-full wp-image-69" title="inter-worldcup" src="http://narboo.files.wordpress.com/2009/01/inter-worldcup.jpg?w=468&#038;h=305" alt="inter-worldcup" width="468" height="305" /></p>
<p>Un peu plus ancien, pour la présidentielle, parmis d&#8217;autres projets, le comparateur de programmes&#8230;</p>
<p><img class="aligncenter size-full wp-image-70" title="inter-seletceur-sarko" src="http://narboo.files.wordpress.com/2009/01/inter-seletceur-sarko.jpg?w=468&#038;h=341" alt="inter-seletceur-sarko" width="468" height="341" /> <br />
&#8230; et le &laquo;&nbsp;sarkoscope&nbsp;&raquo; (ca devient quoi d&#8217;ailleurs ce truc ?)<br />
<img class="aligncenter size-full wp-image-71" title="inter-sarko" src="http://narboo.files.wordpress.com/2009/01/inter-sarko.jpg?w=468&#038;h=312" alt="inter-sarko" width="468" height="312" /></p>
<p>En temps/homme, ces projets sont très exigeants, particulièrement en développement. Ils ont de plus assez régulièrement pâtis d&#8217;un important problème de process (on a systématiquement fait bouger le specs en fin de prod, une hérésie&#8230;)</p>
<p><strong><span style="color:#003300;"><span style="text-decoration:underline;">Un second type descriptif</span></span></strong>, de loin le plus fréquent sur notre site est la présentation de données images/vidéos/datas. Je parle des portfolios, portfolios sonores, télézaping, radiozaping et des infographies plates ou animées réalisées par Jérémie. C&#8217;est le premier stade indispensable du multimédia.</p>
<p><strong>Infographies :</strong><br />
<img class="aligncenter size-full wp-image-73" title="inter-infogs" src="http://narboo.files.wordpress.com/2009/01/inter-infogs.jpg?w=468&#038;h=225" alt="inter-infogs" width="468" height="225" /></p>
<p>Et une interprétation très élaborée de l&#8217;infographie : pour les élections US tout récemment :</p>
<p><img class="aligncenter size-full wp-image-75" title="inter-usa1" src="http://narboo.files.wordpress.com/2009/01/inter-usa1.jpg?w=468&#038;h=337" alt="inter-usa1" width="468" height="337" /><br />
<img class="aligncenter size-full wp-image-74" title="inter-portfolioson" src="http://narboo.files.wordpress.com/2009/01/inter-portfolioson.jpg?w=468&#038;h=406" alt="inter-portfolioson" width="468" height="406" /> </p>
<p>Pour aller plus loin dans cette  typologie, et ce qui semble l&#8217;objectif du pôle projet : des multimédias descriptifs complexes. Nous avons déjà de nombreuses expériences dans ce domaine, et elles sont moins exigeantes qu&#8217;il n&#8217;y paraît pour la plupart.</p>
<p>Alors je commence par le plus lourd en données qu&#8217;il nous a été donné de faire : le Mai 68 réalisé par Geoff (si on fait abstraction de celui sur la shoah, il y a pas mal d&#8217;années déjà):</p>
<p><img class="aligncenter size-full wp-image-76" title="inter-68" src="http://narboo.files.wordpress.com/2009/01/inter-68.jpg?w=468&#038;h=352" alt="inter-68" width="468" height="352" /></p>
<p>Au dela de ce sujet particulièrement exigeant, un grand nombre de sujets ont été traités, qui demandent de 1 à 3 jours pour un monteur flash. En vrac, ci dessous :</p>
<p>- les sujets fait avec sciencePo (2 a 3 jours de montage + maquette) </p>
<p><img class="aligncenter size-full wp-image-77" title="inter-boris1" src="http://narboo.files.wordpress.com/2009/01/inter-boris1.jpg?w=468&#038;h=287" alt="inter-boris1" width="468" height="287" /></p>
<p><img class="aligncenter size-full wp-image-78" title="inter-boris2" src="http://narboo.files.wordpress.com/2009/01/inter-boris2.jpg?w=468&#038;h=315" alt="inter-boris2" width="468" height="315" /></p>
<p><img class="aligncenter size-full wp-image-79" title="inter-scpo2" src="http://narboo.files.wordpress.com/2009/01/inter-scpo2.jpg?w=468&#038;h=267" alt="inter-scpo2" width="468" height="267" /></p>
<p>Et en vrac plein de multimédiasnon participatifs, même temps de prod : 1 à 3 jours, ex nihilo.</p>
<p>- samsung<br />
<img class="aligncenter size-full wp-image-80" title="inter-samsung" src="http://narboo.files.wordpress.com/2009/01/inter-samsung.jpg?w=468&#038;h=278" alt="inter-samsung" width="468" height="278" /></p>
<p>- le jeu de l&#8217;oie éléctoral<br />
<img class="aligncenter size-full wp-image-81" title="inter-oie" src="http://narboo.files.wordpress.com/2009/01/inter-oie.jpg?w=467&#038;h=344" alt="inter-oie" width="467" height="344" /><br />
Toujours pendant les élections : l&#8217;electop (1 heure de montage)<br />
<img class="aligncenter size-full wp-image-82" title="inter-electop" src="http://narboo.files.wordpress.com/2009/01/inter-electop.jpg?w=468&#038;h=412" alt="inter-electop" width="468" height="412" /></p>
<p>Et plus récemment : les expos 2009 (1/2 journée)</p>
<p><img class="aligncenter size-full wp-image-83" title="inter-expo2009" src="http://narboo.files.wordpress.com/2009/01/inter-expo2009.jpg?w=468&#038;h=291" alt="inter-expo2009" width="468" height="291" /><br />
et Rock en scène (1 à 2 jours de prod, Célia a fait pas mal d&#8217;ajouts <img src='http://s0.wp.com/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> )<br />
<img class="aligncenter size-full wp-image-84" title="inter-rockenseine" src="http://narboo.files.wordpress.com/2009/01/inter-rockenseine.jpg?w=468&#038;h=325" alt="inter-rockenseine" width="468" height="325" /></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/narboo.wordpress.com/54/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/narboo.wordpress.com/54/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/narboo.wordpress.com/54/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/narboo.wordpress.com/54/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/narboo.wordpress.com/54/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/narboo.wordpress.com/54/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/narboo.wordpress.com/54/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/narboo.wordpress.com/54/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/narboo.wordpress.com/54/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/narboo.wordpress.com/54/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/narboo.wordpress.com/54/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/narboo.wordpress.com/54/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/narboo.wordpress.com/54/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/narboo.wordpress.com/54/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=narboo.wordpress.com&amp;blog=4131092&amp;post=54&amp;subd=narboo&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://narboo.wordpress.com/2009/01/31/synthese-de-nos-gabarits-multimedias/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/e93c6869e07e87fa75b52f16d799d231?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">narboo</media:title>
		</media:content>

		<media:content url="http://narboo.files.wordpress.com/2009/01/bdn-espace.jpg" medium="image">
			<media:title type="html">bdn-espace</media:title>
		</media:content>

		<media:content url="http://narboo.files.wordpress.com/2009/01/bdn-hiro.jpg" medium="image">
			<media:title type="html">bdn-hiro</media:title>
		</media:content>

		<media:content url="http://narboo.files.wordpress.com/2009/01/carte-kyoto.jpg" medium="image">
			<media:title type="html">carte-kyoto</media:title>
		</media:content>

		<media:content url="http://narboo.files.wordpress.com/2009/01/carte-petrole1.jpg" medium="image">
			<media:title type="html">carte-petrole1</media:title>
		</media:content>

		<media:content url="http://narboo.files.wordpress.com/2009/01/carte-prochorient.jpg" medium="image">
			<media:title type="html">carte-prochorient</media:title>
		</media:content>

		<media:content url="http://narboo.files.wordpress.com/2009/01/rm-obama.jpg" medium="image">
			<media:title type="html">rm-obama</media:title>
		</media:content>

		<media:content url="http://narboo.files.wordpress.com/2009/01/rm-baltimore1.jpg" medium="image">
			<media:title type="html">rm-baltimore1</media:title>
		</media:content>

		<media:content url="http://narboo.files.wordpress.com/2009/01/inter-comparateur.jpg" medium="image">
			<media:title type="html">inter-comparateur</media:title>
		</media:content>

		<media:content url="http://narboo.files.wordpress.com/2009/01/inter-municipales.jpg" medium="image">
			<media:title type="html">inter-municipales</media:title>
		</media:content>

		<media:content url="http://narboo.files.wordpress.com/2009/01/inter-hommage.jpg" medium="image">
			<media:title type="html">inter-hommage</media:title>
		</media:content>

		<media:content url="http://narboo.files.wordpress.com/2009/01/inter-worldcup.jpg" medium="image">
			<media:title type="html">inter-worldcup</media:title>
		</media:content>

		<media:content url="http://narboo.files.wordpress.com/2009/01/inter-seletceur-sarko.jpg" medium="image">
			<media:title type="html">inter-seletceur-sarko</media:title>
		</media:content>

		<media:content url="http://narboo.files.wordpress.com/2009/01/inter-sarko.jpg" medium="image">
			<media:title type="html">inter-sarko</media:title>
		</media:content>

		<media:content url="http://narboo.files.wordpress.com/2009/01/inter-infogs.jpg" medium="image">
			<media:title type="html">inter-infogs</media:title>
		</media:content>

		<media:content url="http://narboo.files.wordpress.com/2009/01/inter-usa1.jpg" medium="image">
			<media:title type="html">inter-usa1</media:title>
		</media:content>

		<media:content url="http://narboo.files.wordpress.com/2009/01/inter-portfolioson.jpg" medium="image">
			<media:title type="html">inter-portfolioson</media:title>
		</media:content>

		<media:content url="http://narboo.files.wordpress.com/2009/01/inter-68.jpg" medium="image">
			<media:title type="html">inter-68</media:title>
		</media:content>

		<media:content url="http://narboo.files.wordpress.com/2009/01/inter-boris1.jpg" medium="image">
			<media:title type="html">inter-boris1</media:title>
		</media:content>

		<media:content url="http://narboo.files.wordpress.com/2009/01/inter-boris2.jpg" medium="image">
			<media:title type="html">inter-boris2</media:title>
		</media:content>

		<media:content url="http://narboo.files.wordpress.com/2009/01/inter-scpo2.jpg" medium="image">
			<media:title type="html">inter-scpo2</media:title>
		</media:content>

		<media:content url="http://narboo.files.wordpress.com/2009/01/inter-samsung.jpg" medium="image">
			<media:title type="html">inter-samsung</media:title>
		</media:content>

		<media:content url="http://narboo.files.wordpress.com/2009/01/inter-oie.jpg" medium="image">
			<media:title type="html">inter-oie</media:title>
		</media:content>

		<media:content url="http://narboo.files.wordpress.com/2009/01/inter-electop.jpg" medium="image">
			<media:title type="html">inter-electop</media:title>
		</media:content>

		<media:content url="http://narboo.files.wordpress.com/2009/01/inter-expo2009.jpg" medium="image">
			<media:title type="html">inter-expo2009</media:title>
		</media:content>

		<media:content url="http://narboo.files.wordpress.com/2009/01/inter-rockenseine.jpg" medium="image">
			<media:title type="html">inter-rockenseine</media:title>
		</media:content>
	</item>
		<item>
		<title>Systèmes de navigation sur des séries</title>
		<link>http://narboo.wordpress.com/2009/01/29/systemes-de-navigation-sur-des-series/</link>
		<comments>http://narboo.wordpress.com/2009/01/29/systemes-de-navigation-sur-des-series/#comments</comments>
		<pubDate>Thu, 29 Jan 2009 11:46:42 +0000</pubDate>
		<dc:creator>narboo</dc:creator>
				<category><![CDATA[gabarits]]></category>
		<category><![CDATA[maquettes]]></category>
		<category><![CDATA[multimedias]]></category>

		<guid isPermaLink="false">http://narboo.wordpress.com/?p=23</guid>
		<description><![CDATA[Élaboré à partir/pour les portraits du blog &#171;&#160;Engrenage&#160;&#187; LE COVER FLOW Une première possibilité, très classique est celle du &#171;&#160;cover flow&#160;&#187; inventé par Apple il y a quelques années.  LIMITES : quand on a beaucoup de données, ca fonctionne pas super AVANTAGE : le système est très connu, et bien compris par les internautes. LE [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=narboo.wordpress.com&amp;blog=4131092&amp;post=23&amp;subd=narboo&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Élaboré à partir/pour les portraits du blog &laquo;&nbsp;Engrenage&nbsp;&raquo;</p>
<p><strong>LE COVER FLOW<br />
<span style="font-weight:normal;">Une première possibilité, très classique est celle du &laquo;&nbsp;cover flow&nbsp;&raquo; inventé par Apple il y a quelques années. </span></strong></p>
<p><strong>LIMITES</strong> : quand on a beaucoup de données, ca fonctionne pas super</p>
<p><strong>AVANTAGE</strong> : le système est très connu, et bien compris par les internautes.</p>
<p><img class="aligncenter size-full wp-image-24" title="01-engrenage" src="http://narboo.files.wordpress.com/2009/01/01-engrenage.jpg?w=460&#038;h=205" alt="01-engrenage" width="460" height="205" /></p>
<p><strong>LE MUR D&#8217;IMAGES DYNAMIQUES<br />
<span style="font-weight:normal;">Un système parfaitement exploité par cooliris, très puissant et permettant une exploitation quasi infinie du nombre de rèf.</span></strong></p>
<p><img class="aligncenter size-full wp-image-26" title="02-engrenage" src="http://narboo.files.wordpress.com/2009/01/02-engrenage.jpg?w=459&#038;h=290" alt="02-engrenage" width="459" height="290" /><br />
Version avec palette d&#8217;info :</p>
<p><img class="aligncenter size-full wp-image-29" title="03-engrenage" src="http://narboo.files.wordpress.com/2009/01/03-engrenage.jpg?w=459&#038;h=290" alt="03-engrenage" width="459" height="290" /></p>
<p>Une autre version, à plat, avec un système de slider plus simple que celui de cooliris :</p>
<p><img class="aligncenter size-full wp-image-30" title="04-engrenage" src="http://narboo.files.wordpress.com/2009/01/04-engrenage.jpg?w=459&#038;h=290" alt="04-engrenage" width="459" height="290" /></p>
<p> </p>
<p><strong>LE VRAI CAROUSEL :<br />
<span style="font-weight:normal;">Le même système qu&#8217;au dessus en fait, mais avec une présentation en cylindre, qui rappelle vraiment la notion de carrousel.</span></strong></p>
<p><strong>INCONVENIENT</strong> : si on prend pas un composant open source qui fournit déjà le système, assez compliqué à développer.</p>
<p><img class="aligncenter size-full wp-image-31" title="05-engrenage" src="http://narboo.files.wordpress.com/2009/01/05-engrenage.jpg?w=459&#038;h=251" alt="05-engrenage" width="459" height="251" /></p>
<p>Le portfolio classique (avec un petit effort sur la présentation des intervenants)</p>
<p><strong>INCONVENIENTS</strong> : il faut des photos&#8230;</p>
<p>Ce qui m&#8217;amène à aborder la question de la ressource photo en général en reportage. Le format &laquo;&nbsp;en pied&nbsp;&raquo;  de face sur fond uni, tout comme le format &laquo;&nbsp;portrait&nbsp;&raquo; doivent systématiquement être récupéré. Si pas de fond uni, on peut toujours se débrouiller, mais il faut absolument des ressources pour que le pôle puisse travailler. C&#8217;est de toutes façons un réflexe que tout journaliste doit avoir.</p>
<p><img class="aligncenter size-full wp-image-34" title="06-engrenage" src="http://narboo.files.wordpress.com/2009/01/06-engrenage.jpg?w=460&#038;h=309" alt="06-engrenage" width="460" height="309" /></p>
<p> </p>
<p>Une autre version plus dense et textes différents qui atténue un peu l&#8217;aspect &laquo;&nbsp;La Redoute&nbsp;&raquo; du truc. Par ailleurs, les vignettes devront etre plsu grosses :</p>
<p><img class="aligncenter size-full wp-image-36" title="06b-engrenage" src="http://narboo.files.wordpress.com/2009/01/06b-engrenage.jpg?w=468&#038;h=294" alt="06b-engrenage" width="468" height="294" /></p>
<p><strong>UN SYSTÈME PLUS RÉALISTE (FIGURATIF) :</strong><br />
Les images sont en planche, légèrement inclinées, avec une vue zénitale. Réaction au rollover. Un peu compliqué à développer. Mais on peut le faire en dur simplement. Une autre version, qui nécessite du dev par contre, la seconde qui est présentée ci-dessous : toutes les vignettes ne sont pas dans l&#8217;écran, et elles apparaissent quand on déplace la souris vers le haut/bas&#8230;. avec un effet de glissé. Un peu ce qu&#8217;on trouve dans &laquo;&nbsp;etudes et thunes&nbsp;&raquo; (sans le joli effet de parallaxe qui donne la dimension).</p>
<p><img class="aligncenter size-full wp-image-37" title="07-engrenage" src="http://narboo.files.wordpress.com/2009/01/07-engrenage.jpg?w=468&#038;h=296" alt="07-engrenage" width="468" height="296" /><br />
 </p>
<p><img class="aligncenter size-full wp-image-52" title="08-engrenage2" src="http://narboo.files.wordpress.com/2009/01/08-engrenage2.jpg?w=468&#038;h=351" alt="08-engrenage2" width="468" height="351" /></p>
<p>LE &laquo;&nbsp;JETÉ&nbsp;&raquo; DE POLAS<br />
Juste histoire de l&#8217;avoir&#8230; Peut être valable pour un  portfolio sonore qui permet d&#8217;avoir des témoignages sonores mis bout à bout. A un inconvénient majeur : on ne peut pas vraiment y mettre grand chose en terme de contenus.</p>
<p>2 modèles : les polas mélangés et une version avec un zoom sur un item :</p>
<p> </p>
<p><img class="aligncenter size-full wp-image-47" title="09-engrenage3" src="http://narboo.files.wordpress.com/2009/01/09-engrenage3.jpg?w=468&#038;h=305" alt="09-engrenage3" width="468" height="305" /><br />
<img class="aligncenter size-full wp-image-50" title="10-engrenage2" src="http://narboo.files.wordpress.com/2009/01/10-engrenage2.jpg?w=468&#038;h=305" alt="10-engrenage2" width="468" height="305" /></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/narboo.wordpress.com/23/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/narboo.wordpress.com/23/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/narboo.wordpress.com/23/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/narboo.wordpress.com/23/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/narboo.wordpress.com/23/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/narboo.wordpress.com/23/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/narboo.wordpress.com/23/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/narboo.wordpress.com/23/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/narboo.wordpress.com/23/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/narboo.wordpress.com/23/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/narboo.wordpress.com/23/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/narboo.wordpress.com/23/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/narboo.wordpress.com/23/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/narboo.wordpress.com/23/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=narboo.wordpress.com&amp;blog=4131092&amp;post=23&amp;subd=narboo&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://narboo.wordpress.com/2009/01/29/systemes-de-navigation-sur-des-series/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/e93c6869e07e87fa75b52f16d799d231?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">narboo</media:title>
		</media:content>

		<media:content url="http://narboo.files.wordpress.com/2009/01/01-engrenage.jpg" medium="image">
			<media:title type="html">01-engrenage</media:title>
		</media:content>

		<media:content url="http://narboo.files.wordpress.com/2009/01/02-engrenage.jpg" medium="image">
			<media:title type="html">02-engrenage</media:title>
		</media:content>

		<media:content url="http://narboo.files.wordpress.com/2009/01/03-engrenage.jpg" medium="image">
			<media:title type="html">03-engrenage</media:title>
		</media:content>

		<media:content url="http://narboo.files.wordpress.com/2009/01/04-engrenage.jpg" medium="image">
			<media:title type="html">04-engrenage</media:title>
		</media:content>

		<media:content url="http://narboo.files.wordpress.com/2009/01/05-engrenage.jpg" medium="image">
			<media:title type="html">05-engrenage</media:title>
		</media:content>

		<media:content url="http://narboo.files.wordpress.com/2009/01/06-engrenage.jpg" medium="image">
			<media:title type="html">06-engrenage</media:title>
		</media:content>

		<media:content url="http://narboo.files.wordpress.com/2009/01/06b-engrenage.jpg" medium="image">
			<media:title type="html">06b-engrenage</media:title>
		</media:content>

		<media:content url="http://narboo.files.wordpress.com/2009/01/07-engrenage.jpg" medium="image">
			<media:title type="html">07-engrenage</media:title>
		</media:content>

		<media:content url="http://narboo.files.wordpress.com/2009/01/08-engrenage2.jpg" medium="image">
			<media:title type="html">08-engrenage2</media:title>
		</media:content>

		<media:content url="http://narboo.files.wordpress.com/2009/01/09-engrenage3.jpg" medium="image">
			<media:title type="html">09-engrenage3</media:title>
		</media:content>

		<media:content url="http://narboo.files.wordpress.com/2009/01/10-engrenage2.jpg" medium="image">
			<media:title type="html">10-engrenage2</media:title>
		</media:content>
	</item>
		<item>
		<title>Data visualization</title>
		<link>http://narboo.wordpress.com/2009/01/05/data-visualization/</link>
		<comments>http://narboo.wordpress.com/2009/01/05/data-visualization/#comments</comments>
		<pubDate>Mon, 05 Jan 2009 09:52:21 +0000</pubDate>
		<dc:creator>narboo</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://narboo.wordpress.com/?p=17</guid>
		<description><![CDATA[Un beau panorama, très documenté, sur les principes de visualisation de données sur le web. Beaucoup sont cependant illisibles, comme souvent dans la gestion de données, la tentation de l&#8217;exhaustivité nuit à la clarté finale du projet&#8230;<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=narboo.wordpress.com&amp;blog=4131092&amp;post=17&amp;subd=narboo&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Un beau panorama, très documenté, sur les principes de visualisation de données sur le web. Beaucoup sont cependant illisibles, comme souvent dans la gestion de données, la tentation de l&#8217;exhaustivité nuit à la clarté finale du projet&#8230;</p>
<p><img src="http://narboo.files.wordpress.com/2009/01/infogs1.jpg?w=460&#038;h=185" alt="infogs1" title="infogs1" width="460" height="185" class="aligncenter size-full wp-image-20" /></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/narboo.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/narboo.wordpress.com/17/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/narboo.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/narboo.wordpress.com/17/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/narboo.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/narboo.wordpress.com/17/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/narboo.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/narboo.wordpress.com/17/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/narboo.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/narboo.wordpress.com/17/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/narboo.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/narboo.wordpress.com/17/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/narboo.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/narboo.wordpress.com/17/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=narboo.wordpress.com&amp;blog=4131092&amp;post=17&amp;subd=narboo&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://narboo.wordpress.com/2009/01/05/data-visualization/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/e93c6869e07e87fa75b52f16d799d231?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">narboo</media:title>
		</media:content>

		<media:content url="http://narboo.files.wordpress.com/2009/01/infogs1.jpg" medium="image">
			<media:title type="html">infogs1</media:title>
		</media:content>
	</item>
		<item>
		<title>Un qui s&#8217;est bien pris la tête&#8230;</title>
		<link>http://narboo.wordpress.com/2008/07/12/un-qui-sest-bien-pris-la-tete/</link>
		<comments>http://narboo.wordpress.com/2008/07/12/un-qui-sest-bien-pris-la-tete/#comments</comments>
		<pubDate>Sat, 12 Jul 2008 12:54:11 +0000</pubDate>
		<dc:creator>narboo</dc:creator>
				<category><![CDATA[infographies]]></category>
		<category><![CDATA[data visualisation]]></category>
		<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://narboo.wordpress.com/?p=4</guid>
		<description><![CDATA[Un travail de thèse assez remarquable sur les différents types d&#8217;infographies qui peuvent exister. Il y avait une première version du site il y a 6 mois qu&#8217;il a un peu raffiné, mais la navigation est assez chiante. Pour quelqu&#8217;un qui fait un travail sur l&#8217;infographie, donc l&#8217;ergonomie, c&#8217;est assez peu intuitif (il n&#8217;y a [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=narboo.wordpress.com&amp;blog=4131092&amp;post=4&amp;subd=narboo&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Un travail de thèse assez remarquable sur les différents types d&#8217;infographies qui peuvent exister. Il y avait une première version du site il y a 6 mois qu&#8217;il a un peu raffiné, mais la navigation est assez chiante. Pour quelqu&#8217;un qui fait un travail sur l&#8217;infographie, donc l&#8217;ergonomie, c&#8217;est assez peu intuitif (il n&#8217;y a pas de bouton de retour évident, ni de naves transversales quand on est sur un modèle d&#8217;infog en niveau -2)<br />
<a href="http://interface.fh-potsdam.de/infodesignpatterns/patterns.php">ici</a></p>
<p><img src="http://narboo.files.wordpress.com/2008/07/test1.jpg?w=420&#038;h=144" alt="test1" title="test1" width="420" height="144" class="aligncenter size-full wp-image-11" /></p>
<br /><img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/narboo.wordpress.com/4/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/narboo.wordpress.com/4/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/narboo.wordpress.com/4/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/narboo.wordpress.com/4/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/narboo.wordpress.com/4/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/narboo.wordpress.com/4/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/narboo.wordpress.com/4/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/narboo.wordpress.com/4/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/narboo.wordpress.com/4/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/narboo.wordpress.com/4/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/narboo.wordpress.com/4/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/narboo.wordpress.com/4/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/narboo.wordpress.com/4/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/narboo.wordpress.com/4/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/narboo.wordpress.com/4/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/narboo.wordpress.com/4/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=narboo.wordpress.com&amp;blog=4131092&amp;post=4&amp;subd=narboo&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://narboo.wordpress.com/2008/07/12/un-qui-sest-bien-pris-la-tete/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/e93c6869e07e87fa75b52f16d799d231?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">narboo</media:title>
		</media:content>

		<media:content url="http://narboo.files.wordpress.com/2008/07/test1.jpg" medium="image">
			<media:title type="html">test1</media:title>
		</media:content>
	</item>
	</channel>
</rss>
