
<?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/"
	>

<channel>
	<title>Cre∆telier*** &#187; Créations personnelles</title>
	<atom:link href="https://www.createlier.org/atelier/archives/category/creations-personnelles/feed" rel="self" type="application/rss+xml" />
	<link>https://www.createlier.org/atelier</link>
	<description>Site personnel de Florent MICHEL</description>
	<lastBuildDate>Thu, 12 Sep 2013 22:53:59 +0000</lastBuildDate>
	<language>fr-FR</language>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=3.9.40</generator>
	<item>
		<title>Juge Blond [T-Shirt]</title>
		<link>https://www.createlier.org/atelier/archives/2017</link>
		<comments>https://www.createlier.org/atelier/archives/2017#comments</comments>
		<pubDate>Fri, 24 May 2013 12:09:51 +0000</pubDate>
		<dc:creator><![CDATA[Florent_MICHEL]]></dc:creator>
				<category><![CDATA[Créations personnelles]]></category>
		<category><![CDATA[Graphisme]]></category>
		<category><![CDATA[Illustration]]></category>

		<guid isPermaLink="false">http://www.createlier.org/atelier/?p=2017</guid>
		<description><![CDATA[]]></description>
				<content:encoded><![CDATA[<p><a href="http://www.createlier.org/atelier/wp-content/uploads/2013/05/Juge-blond-.png"><img class="aligncenter size-large wp-image-2018" title="Juge blond" src="http://www.createlier.org/atelier/wp-content/uploads/2013/05/Juge-blond--500x500.png" alt="" width="500" height="500" /></a></p>
]]></content:encoded>
			<wfw:commentRss>https://www.createlier.org/atelier/archives/2017/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Where is my mind [T-Shirt]</title>
		<link>https://www.createlier.org/atelier/archives/2009</link>
		<comments>https://www.createlier.org/atelier/archives/2009#comments</comments>
		<pubDate>Thu, 23 May 2013 10:49:01 +0000</pubDate>
		<dc:creator><![CDATA[Florent_MICHEL]]></dc:creator>
				<category><![CDATA[Créations personnelles]]></category>
		<category><![CDATA[Graphisme]]></category>
		<category><![CDATA[Illustration]]></category>

		<guid isPermaLink="false">http://www.createlier.org/atelier/?p=2009</guid>
		<description><![CDATA[]]></description>
				<content:encoded><![CDATA[<p><a href="http://www.createlier.org/atelier/wp-content/uploads/2013/05/t-shirt-Cible.png"><img class="aligncenter size-large wp-image-2010" title="t-shirt-Cible" src="http://www.createlier.org/atelier/wp-content/uploads/2013/05/t-shirt-Cible-500x500.png" alt="" width="500" height="500" /></a></p>
]]></content:encoded>
			<wfw:commentRss>https://www.createlier.org/atelier/archives/2009/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Prospective [T-Shirt]</title>
		<link>https://www.createlier.org/atelier/archives/2006</link>
		<comments>https://www.createlier.org/atelier/archives/2006#comments</comments>
		<pubDate>Thu, 23 May 2013 10:48:02 +0000</pubDate>
		<dc:creator><![CDATA[Florent_MICHEL]]></dc:creator>
				<category><![CDATA[Créations personnelles]]></category>
		<category><![CDATA[Illustration]]></category>

		<guid isPermaLink="false">http://www.createlier.org/atelier/?p=2006</guid>
		<description><![CDATA[]]></description>
				<content:encoded><![CDATA[<p><a href="http://www.createlier.org/atelier/wp-content/uploads/2013/05/t-shirt-error.png"><img class="aligncenter size-large wp-image-2007" title="t-shirt-error" src="http://www.createlier.org/atelier/wp-content/uploads/2013/05/t-shirt-error-500x500.png" alt="" width="500" height="500" /></a></p>
]]></content:encoded>
			<wfw:commentRss>https://www.createlier.org/atelier/archives/2006/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Dernières photos sur Flickr</title>
		<link>https://www.createlier.org/atelier/archives/1909</link>
		<comments>https://www.createlier.org/atelier/archives/1909#comments</comments>
		<pubDate>Wed, 15 Feb 2012 16:11:31 +0000</pubDate>
		<dc:creator><![CDATA[Florent_MICHEL]]></dc:creator>
				<category><![CDATA[Billets]]></category>
		<category><![CDATA[Créations personnelles]]></category>
		<category><![CDATA[Photographie]]></category>

		<guid isPermaLink="false">http://www.createlier.org/atelier/?p=1909</guid>
		<description><![CDATA[www.flickr.com]]></description>
				<content:encoded><![CDATA[<p><!-- Start of Flickr Badge --></p>
<style type="text/css">
#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#FFFFFF;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {background-color:#FFFFFF;}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#FFFFFF !important;}
</style>
<table id="flickr_badge_uber_wrapper" cellpadding="0" cellspacing="10" border="0">
<tr>
<td><a href="http://www.flickr.com" id="flickr_www">www.<strong style="color:#3993ff">flick<span style="color:#ff1c92">r</span></strong>.com</a><br />
<table cellpadding="0" cellspacing="10" border="0" id="flickr_badge_wrapper">
<tr>
<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=5&#038;display=latest&#038;size=t&#038;layout=h&#038;source=user&#038;user=65134736%40N05"></script><br />
</tr>
</table>
</td>
</tr>
</table>
<p><!-- End of Flickr Badge --></p>
]]></content:encoded>
			<wfw:commentRss>https://www.createlier.org/atelier/archives/1909/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Give Me HTML5 [T-Shirt]</title>
		<link>https://www.createlier.org/atelier/archives/1882</link>
		<comments>https://www.createlier.org/atelier/archives/1882#comments</comments>
		<pubDate>Wed, 08 Feb 2012 21:30:53 +0000</pubDate>
		<dc:creator><![CDATA[Florent_MICHEL]]></dc:creator>
				<category><![CDATA[Créations personnelles]]></category>
		<category><![CDATA[Illustration]]></category>
		<category><![CDATA[Création]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[T-shirt]]></category>

		<guid isPermaLink="false">http://www.createlier.org/atelier/?p=1882</guid>
		<description><![CDATA[Une petite création nocturne pour un futur T-Shirt : L&#8217;original : http://www.w3.org/html/logo]]></description>
				<content:encoded><![CDATA[<p>Une petite création nocturne pour un futur T-Shirt :</p>
<p><a href="http://www.createlier.org/atelier/wp-content/uploads/2012/02/t-shirt_GiveMe5.jpg"><img class="aligncenter size-large wp-image-1883" title="t-shirt_GiveMe5" src="http://www.createlier.org/atelier/wp-content/uploads/2012/02/t-shirt_GiveMe5-500x500.jpg" alt="" width="500" height="500" /></a></p>
<p>L&#8217;original : http://www.w3.org/html/logo</p>
]]></content:encoded>
			<wfw:commentRss>https://www.createlier.org/atelier/archives/1882/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Existe aussi en format poche</title>
		<link>https://www.createlier.org/atelier/archives/1867</link>
		<comments>https://www.createlier.org/atelier/archives/1867#comments</comments>
		<pubDate>Fri, 20 Jan 2012 11:58:53 +0000</pubDate>
		<dc:creator><![CDATA[Florent_MICHEL]]></dc:creator>
				<category><![CDATA[Créations personnelles]]></category>
		<category><![CDATA[Site Web]]></category>

		<guid isPermaLink="false">http://www.createlier.org/atelier/?p=1867</guid>
		<description><![CDATA[Ça devait arriver, j&#8217;ai décliné la charte graphique de mon site web pour optimiser la version mobile. Au menu, nouvelle page d&#8217;accueil, nouvelle ergonomie. (il suffit d&#8217;aller sur www.createlier.org avec un smartphone) Merci encore au moteur WordPress et au plug-in WPTouch, de loin le plus efficace que j&#8217;ai pu tester pour le portage mobile.]]></description>
				<content:encoded><![CDATA[<p>Ça devait arriver, j&#8217;ai décliné la charte graphique de mon site web pour optimiser la version mobile. Au menu, nouvelle page d&#8217;accueil, nouvelle ergonomie. (il suffit d&#8217;aller sur <a title="Createlier" href="http://www.createlier.org">www.createlier.org</a> avec un smartphone)</p>
<p><a href="http://www.createlier.org/atelier/accueil-mobile"><img class="aligncenter size-large wp-image-1868" title="Createlier-Mobile" src="http://www.createlier.org/atelier/wp-content/uploads/2012/01/Createlier-Mobile-333x500.png" alt="" width="333" height="500" /></a></p>
<p>Merci encore au moteur WordPress et au plug-in <a href="http://wordpress.org/extend/plugins/wptouch/">WPTouch</a>, de loin le plus efficace que j&#8217;ai pu tester pour le portage mobile.</p>
]]></content:encoded>
			<wfw:commentRss>https://www.createlier.org/atelier/archives/1867/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Zebra Crossing [T-shirt]</title>
		<link>https://www.createlier.org/atelier/archives/1889</link>
		<comments>https://www.createlier.org/atelier/archives/1889#comments</comments>
		<pubDate>Mon, 02 Jan 2012 21:34:34 +0000</pubDate>
		<dc:creator><![CDATA[Florent_MICHEL]]></dc:creator>
				<category><![CDATA[Créations personnelles]]></category>
		<category><![CDATA[Illustration]]></category>
		<category><![CDATA[T-shirt]]></category>

		<guid isPermaLink="false">http://www.createlier.org/atelier/?p=1889</guid>
		<description><![CDATA[Un cadeau d&#8217;anniversaire pour un proche : Execution vectorielle d&#8217;après une illustration bien connue du web : Source]]></description>
				<content:encoded><![CDATA[<p>Un cadeau d&#8217;anniversaire pour un proche :</p>
<p><a href="http://www.createlier.org/atelier/wp-content/uploads/2012/02/t-shirt_Zebra.jpg"><img class="aligncenter size-large wp-image-1890" title="t-shirt_Zebra" src="http://www.createlier.org/atelier/wp-content/uploads/2012/02/t-shirt_Zebra-500x500.jpg" alt="" width="500" height="500" /></a></p>
<p>Execution vectorielle d&#8217;après une illustration bien connue du web : <a title="Source Zebra Crossing" href="http://startouring.hu/aas_blog/pic/7452_zebra-crossing.jpg">Source</a></p>
]]></content:encoded>
			<wfw:commentRss>https://www.createlier.org/atelier/archives/1889/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Champ multi-recherche</title>
		<link>https://www.createlier.org/atelier/archives/1763</link>
		<comments>https://www.createlier.org/atelier/archives/1763#comments</comments>
		<pubDate>Wed, 07 Sep 2011 21:19:04 +0000</pubDate>
		<dc:creator><![CDATA[Florent_MICHEL]]></dc:creator>
				<category><![CDATA[Créations personnelles]]></category>
		<category><![CDATA[Site Web]]></category>

		<guid isPermaLink="false">http://www.createlier.org/atelier/?p=1763</guid>
		<description><![CDATA[Voilà un bon moment que j&#8217;utilise une page d&#8217;accueil faite maison sur mon navigateur (Chrome + l&#8217;extention NewTabRedirect ) Le champ de recherche en haut de page est particulièrement utile, je l&#8217;ai activé par défaut à la création d&#8217;un nouvel onglet (script de focus). Il ne manquait plus que la possibilité de choisir le moteur de recherche&#8230;]]></description>
				<content:encoded><![CDATA[<p><a href="http://www.createlier.org/atelier/wp-content/uploads/2011/09/Capture-d’écran-2011-09-08-à-17.18.16.png"><img class="alignright size-thumbnail wp-image-1764" title="Capture d’écran 2011-09-08 à 17.18.16" src="http://www.createlier.org/atelier/wp-content/uploads/2011/09/Capture-d’écran-2011-09-08-à-17.18.16-150x150.png" alt="" width="150" height="150" /></a>Voilà un bon moment que j&#8217;utilise une <a href="http://www.createlier.org/accueil/">page d&#8217;accueil</a> faite maison sur mon navigateur (Chrome + l&#8217;extention <a href="https://chrome.google.com/webstore/detail/icpgjfneehieebagbmdbhnlpiopdcmna">NewTabRedirect</a> )</p>
<p>Le champ de recherche en haut de page est particulièrement utile, je l&#8217;ai activé par défaut à la création d&#8217;un nouvel onglet (script de focus).</p>
<p>Il ne manquait plus que la possibilité de choisir le moteur de recherche adapté au besoin du moment, voilà qui est fait. (avec un coup de main de l&#8217;ami Florian pour intégrer la librairie jquery).<br />
La liste des moteurs devrait se compléter quand j&#8217;aurais un peu de temps pour m&#8217;y pencher.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>https://www.createlier.org/atelier/archives/1763/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Nouveautés photos [Synchro Tumblr]</title>
		<link>https://www.createlier.org/atelier/archives/1487</link>
		<comments>https://www.createlier.org/atelier/archives/1487#comments</comments>
		<pubDate>Mon, 23 May 2011 21:53:56 +0000</pubDate>
		<dc:creator><![CDATA[Florent_MICHEL]]></dc:creator>
				<category><![CDATA[Créations personnelles]]></category>
		<category><![CDATA[Photographie]]></category>
		<category><![CDATA[photo]]></category>
		<category><![CDATA[web 2.0]]></category>

		<guid isPermaLink="false">http://www.createlier.org/atelier/?p=1487</guid>
		<description><![CDATA[Voici en direct les 10 dernières photos postés sur le micro-portfolio Tumblr : Remarque : ce post se met à jours automatiquement lors de l&#8217;ajout d&#8217;un photo sur le micro-blog, merci l&#8217;API Tumblr&#8230;]]></description>
				<content:encoded><![CDATA[<p>Voici en direct les 10 dernières photos postés sur le micro-portfolio Tumblr :</p>
<p><script src="http://createlier.tumblr.com/js" type="text/javascript"></script></p>
<p>Remarque : ce post se met à jours automatiquement lors de l&#8217;ajout d&#8217;un photo sur le micro-blog, merci l&#8217;API Tumblr&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>https://www.createlier.org/atelier/archives/1487/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Sésame, ouvre moi l&#8217;appetit</title>
		<link>https://www.createlier.org/atelier/archives/1635</link>
		<comments>https://www.createlier.org/atelier/archives/1635#comments</comments>
		<pubDate>Sun, 20 Mar 2011 19:55:57 +0000</pubDate>
		<dc:creator><![CDATA[Florent_MICHEL]]></dc:creator>
				<category><![CDATA[Créations personnelles]]></category>
		<category><![CDATA[Cuisine]]></category>

		<guid isPermaLink="false">http://www.createlier.org/atelier/?p=1635</guid>
		<description><![CDATA[Un filet de merlan au sésame accompagné de riz thai et d&#8217;omelette au gingembre. Un régal&#8230;]]></description>
				<content:encoded><![CDATA[<p>Un filet de merlan au sésame accompagné de riz thai et d&#8217;omelette au gingembre. Un régal&#8230;</p>
<p><a class="thickbox" title="DSC_8451.JPG" href="http://lh4.ggpht.com/_tU5T2pj_CnE/TYXM5Qltz6I/AAAAAAAAGPY/3plgdF5QhDI/DSC_8451.JPG"><img class="alignleft" title="DSC_8451.JPG" src="http://lh4.ggpht.com/_tU5T2pj_CnE/TYXM5Qltz6I/AAAAAAAAGPY/3plgdF5QhDI/s280-c/DSC_8451.JPG" alt="DSC_8451.JPG" width="280" height="280" /></a> <a class="thickbox" title="DSC_8434.JPG" href="http://lh3.ggpht.com/_tU5T2pj_CnE/TYXM17z6fVI/AAAAAAAAGPQ/xDY8s8GRVHg/DSC_8434.JPG"><img class="alignleft" title="DSC_8434.JPG" src="http://lh3.ggpht.com/_tU5T2pj_CnE/TYXM17z6fVI/AAAAAAAAGPQ/xDY8s8GRVHg/w290/DSC_8434.JPG" alt="DSC_8434.JPG" width="290" height="280" /></a></p>
]]></content:encoded>
			<wfw:commentRss>https://www.createlier.org/atelier/archives/1635/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Une charte graphique en mouvement&#8230;</title>
		<link>https://www.createlier.org/atelier/archives/1620</link>
		<comments>https://www.createlier.org/atelier/archives/1620#comments</comments>
		<pubDate>Tue, 15 Mar 2011 20:18:26 +0000</pubDate>
		<dc:creator><![CDATA[Florent_MICHEL]]></dc:creator>
				<category><![CDATA[Créations personnelles]]></category>
		<category><![CDATA[Graphisme]]></category>
		<category><![CDATA[Site Web]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.createlier.org/atelier/?p=1620</guid>
		<description><![CDATA[Le style de mon charmant petit site a évolué ces derniers jours. www.createlier.org retrouve les couleurs cyan, magenta et noir qui font partie de ma charte graphique personnelle depuis plus de dix ans. Ces couleurs d&#8217;imprimerie, vestige de la période ou j&#8217;étais infographiste prépresse, se marient à une trame en damier noir rappelant l&#8217;encodage vidéo&#8230;]]></description>
				<content:encoded><![CDATA[<p><a href="http://www.createlier.org/atelier/wp-content/uploads/2011/03/Charte-createlier-mars2.png"><a href="http://www.createlier.org/atelier/wp-content/uploads/2011/03/charte-graphique-icons.png"><br />
</a><img class="alignleft size-thumbnail wp-image-1628" title="Charte createlier mars2" src="http://www.createlier.org/atelier/wp-content/uploads/2011/03/Charte-createlier-mars2-e1300284539721-150x124.png" alt="" width="150" height="124" /></a>Le style de mon charmant petit site a évolué ces derniers jours.</p>
<p>www.createlier.org retrouve les couleurs cyan, magenta et noir qui font partie de ma charte graphique personnelle depuis plus de dix ans. Ces couleurs d&#8217;imprimerie, vestige de la période ou j&#8217;étais infographiste prépresse, se marient à une trame en damier noir rappelant l&#8217;encodage vidéo et à une série de 0 et de 1 symbole du numérique. Le logo, &#8220;F&#8221; ou &#8220;M&#8221;  selon l&#8217;inclinaison de votre tête, reste inchangé.</p>
<p>Vous pouvez maintenant retrouver sur la page d&#8217;accueil une mise en avant de certains articles du blog, éléments de mon Book et certains de mes coups de coeur. D’autres évolutions sont prévues au niveau de l’ergonomie de la page d’accueil, reste à trouver le temps de les réaliser, à suivre donc…</p>
<p><a href="http://www.createlier.org/atelier/wp-content/uploads/2011/03/Charte-createlier-mars1.png"><img class="alignleft size-thumbnail wp-image-1629" title="Charte createlier mars1" src="http://www.createlier.org/atelier/wp-content/uploads/2011/03/Charte-createlier-mars1-150x150.png" alt="" width="150" height="150" /></a><a href="http://www.createlier.org/atelier/wp-content/uploads/2011/03/charte-graphique-icons.png"><img title="charte graphique-icons" src="http://www.createlier.org/atelier/wp-content/uploads/2011/03/charte-graphique-icons-150x150.png" alt="" width="150" height="150" /></a><a href="http://www.createlier.org/atelier/wp-content/uploads/2011/03/charte-graphique-menus.png"><img class="alignleft size-thumbnail wp-image-1638" title="charte graphique-menus" src="http://www.createlier.org/atelier/wp-content/uploads/2011/03/charte-graphique-menus-150x150.png" alt="" width="150" height="150" /></a></p>
<div></div>
]]></content:encoded>
			<wfw:commentRss>https://www.createlier.org/atelier/archives/1620/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>L&#8217;auteur fait peau neuve</title>
		<link>https://www.createlier.org/atelier/archives/1483</link>
		<comments>https://www.createlier.org/atelier/archives/1483#comments</comments>
		<pubDate>Sun, 20 Feb 2011 20:42:00 +0000</pubDate>
		<dc:creator><![CDATA[Florent_MICHEL]]></dc:creator>
				<category><![CDATA[Site Web]]></category>

		<guid isPermaLink="false">http://www.createlier.org/atelier/?p=1483</guid>
		<description><![CDATA[Si vous jetez un oeil à la page &#8220;l&#8217;Auteur&#8221; de mon site, vous verrez une petite carte heuristique qui résume les différents liens qui vous sont proposés pour mieux me connaitre : &#160; Mise à jour en Janvier 2012 :]]></description>
				<content:encoded><![CDATA[<p>Si vous jetez un oeil à la page &#8220;<a href="http://www.createlier.org/atelier/apropos">l&#8217;Auteur</a>&#8221; de mon site, vous verrez une petite carte heuristique qui résume les différents liens qui vous sont proposés pour mieux me connaitre :</p>
<p><a href="http://www.createlier.org/atelier/wp-content/uploads/2011/02/L’auteur.png"><img class="aligncenter size-medium wp-image-1484" title="L’auteur" src="http://www.createlier.org/atelier/wp-content/uploads/2011/02/L’auteur-300x177.png" alt="" width="300" height="177" /></a></p>
<p>&nbsp;</p>
<p>Mise à jour en Janvier 2012 :</p>
<p><a href="http://www.createlier.org/atelier/wp-content/uploads/2011/02/Capture-d’écran-2012-02-09-à-11.47.28.png"><img class="aligncenter size-medium wp-image-1892" title="Capture d’écran 2012-02-09 à 11.47.28" src="http://www.createlier.org/atelier/wp-content/uploads/2011/02/Capture-d’écran-2012-02-09-à-11.47.28-300x158.png" alt="" width="300" height="158" /></a></p>
]]></content:encoded>
			<wfw:commentRss>https://www.createlier.org/atelier/archives/1483/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Workshop ITIN-ENSAPC</title>
		<link>https://www.createlier.org/atelier/archives/1465</link>
		<comments>https://www.createlier.org/atelier/archives/1465#comments</comments>
		<pubDate>Mon, 14 Feb 2011 21:43:37 +0000</pubDate>
		<dc:creator><![CDATA[Florent_MICHEL]]></dc:creator>
				<category><![CDATA[Créations personnelles]]></category>
		<category><![CDATA[Vidéo]]></category>

		<guid isPermaLink="false">http://www.createlier.org/atelier/?p=1465</guid>
		<description><![CDATA[En tant que responsable pédagogique à l&#8217;école supérieure ITIN, j&#8217;ai développé un partenariat entre l&#8217;école Nationale Supérieure d&#8217;Art de Parsi Cergy et ma promotion de Master réalité virtuelle. Un Workshop annuel était organisé autour de technologies adaptées à la création artistique interactive. La première session utilisait EyesWeb et était orchestrée par l&#8217;artiste et développeur Nicolas&#8230;]]></description>
				<content:encoded><![CDATA[<p>En tant que responsable pédagogique à l&#8217;école supérieure ITIN, j&#8217;ai développé un partenariat entre l&#8217;école Nationale Supérieure d&#8217;Art de Parsi Cergy et ma promotion de Master réalité virtuelle. Un Workshop annuel était organisé autour de technologies adaptées à la création artistique interactive.</p>
<p>La première session utilisait <a href="http://musart.dist.unige.it/EywMain.html">EyesWeb </a>et était orchestrée par l&#8217;artiste et développeur <a href="http://www.fluate.net/">Nicolas Boillot</a></p>
<p>Cette première vidéo présente une des installations crées, un monochrome imaginée par Justin Meekel qui change de teinte en fonction des mouvements des spectateurs. Ma façon de tester l&#8217;application à donnée l&#8217;envie à Justin de faire ce montage (c&#8217;est danseur que j&#8217;aurais dû être) :</p>
<p><object style="height: 390px; width: 640px;" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100" height="100" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://www.youtube.com/v/paajL9neBFA?version=3" /><param name="allowfullscreen" value="true" /><embed style="height: 390px; width: 640px;" type="application/x-shockwave-flash" width="100" height="100" src="http://www.youtube.com/v/paajL9neBFA?version=3" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>Cette autre vidéo a été réalisée l&#8217;année suivante (2008), lors d&#8217;un Workshop <a href="http://www.processing.org/">Processing</a> piloté par le chercheur <a href="http://web.media.mit.edu/~labrune/">Jean-Baptiste Labrune</a>. Cette installation, imaginée par <a href="http://www.calamouth.fr/">Virginie Legall </a>a été, développée en 4 jours par les étudiants réalité virtuelle de l&#8217;ITIN</p>
<p><object style="height: 390px; width: 640px;" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100" height="100" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://www.youtube.com/v/laRkQ9G7i5k?version=3" /><param name="allowfullscreen" value="true" /><embed style="height: 390px; width: 640px;" type="application/x-shockwave-flash" width="100" height="100" src="http://www.youtube.com/v/laRkQ9G7i5k?version=3" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>Plus d&#8217;info sur ces workshop sur le<a href="http://wiki.itin.fr/index.php/Workshop"> wiki de l&#8217;ITIN </a></p>
]]></content:encoded>
			<wfw:commentRss>https://www.createlier.org/atelier/archives/1465/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Infographie : visuel Cantina</title>
		<link>https://www.createlier.org/atelier/archives/1381</link>
		<comments>https://www.createlier.org/atelier/archives/1381#comments</comments>
		<pubDate>Fri, 11 Feb 2011 21:35:35 +0000</pubDate>
		<dc:creator><![CDATA[Florent_MICHEL]]></dc:creator>
				<category><![CDATA[Créations personnelles]]></category>
		<category><![CDATA[Graphisme]]></category>
		<category><![CDATA[Illustration]]></category>
		<category><![CDATA[Logo - PAO]]></category>
		<category><![CDATA[Communication]]></category>

		<guid isPermaLink="false">http://www.createlier.org/atelier/?p=1381</guid>
		<description><![CDATA[En 2003 avait lieu à Rouen l&#8217;Armada, un grand rassemblement des plus beaux voiliers du monde au coeur de la ville. Je travaillais à l&#8217;époque dans l&#8217;agence de communication qui se chargeait de la campagne de promotion de la Cantina, un bar à marin installé sur le port. Voici le visuel que j&#8217;avais créé à partir d&#8217;une&#8230;]]></description>
				<content:encoded><![CDATA[<p>En 2003 avait lieu à Rouen l&#8217;Armada, un grand rassemblement des plus beaux voiliers du monde au coeur de la ville.</p>
<p>Je travaillais à l&#8217;époque dans l&#8217;agence de communication qui se chargeait de la campagne de promotion de la Cantina, un bar à marin installé sur le port. Voici le visuel que j&#8217;avais créé à partir d&#8217;une vielle affiche de propagande russe dont ma société avait acquis les droits.</p>
<p><a href="http://www.createlier.org/atelier/wp-content/uploads/2011/02/Visuel-Cantina.jpg"><img class="alignleft size-medium wp-image-1383" title="Visuel-Cantina" src="http://www.createlier.org/atelier/wp-content/uploads/2011/02/Visuel-Cantina-300x211.jpg" alt="" width="300" height="211" /></a></p>
<div id="attachment_1382" style="width: 160px" class="wp-caption alignleft"><a href="http://www.createlier.org/atelier/wp-content/uploads/2011/02/Affiche-russe-originale.jpg"><img class="size-thumbnail wp-image-1382" title="Affiche-russe-originale" src="http://www.createlier.org/atelier/wp-content/uploads/2011/02/Affiche-russe-originale-e1297460049279-150x104.jpg" alt="" width="150" height="104" /></a><p class="wp-caption-text">affiche originale</p></div>
]]></content:encoded>
			<wfw:commentRss>https://www.createlier.org/atelier/archives/1381/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Simulateur immersif de trot attelé [Laval Virtual 2006]</title>
		<link>https://www.createlier.org/atelier/archives/1023</link>
		<comments>https://www.createlier.org/atelier/archives/1023#comments</comments>
		<pubDate>Wed, 09 Feb 2011 21:30:51 +0000</pubDate>
		<dc:creator><![CDATA[Florent_MICHEL]]></dc:creator>
				<category><![CDATA[Créations personnelles]]></category>
		<category><![CDATA[Multimédia Immersif]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[laval]]></category>
		<category><![CDATA[Réalité Virtuelle]]></category>
		<category><![CDATA[simulation]]></category>
		<category><![CDATA[Virtools]]></category>

		<guid isPermaLink="false">http://www.createlier.org/atelier/?p=1023</guid>
		<description><![CDATA[En 2006, je travaillais pour la société Nautilus à Laval en tant que chef de projet – développeur. J’ai développé pour le conseil général de la Mayenne un simulateur de trot attelé qui était l’attraction phare de leur stand sur le salon Laval Virtual 2006. Graphisme du simulateur : Développement sous Virtools : Un joueur&#8230;]]></description>
				<content:encoded><![CDATA[<p>En 2006, je travaillais pour la société Nautilus à Laval en tant que chef de projet – développeur. J’ai développé pour le conseil général de la Mayenne un simulateur de trot attelé qui était l’attraction phare de leur stand sur le salon Laval Virtual 2006.</p>
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td valign="top" width="307">Graphisme du simulateur :<a class="thickbox" title="hippodrome_sulky.jpg" href="http://lh3.ggpht.com/-SbGHb_o-bm0/Tz50czphNhI/AAAAAAAAGWg/R91v1hJ3fYg/hippodrome_sulky.jpg"><img class="alignleft" title="hippodrome_sulky.jpg" src="http://lh3.ggpht.com/-SbGHb_o-bm0/Tz50czphNhI/AAAAAAAAGWg/R91v1hJ3fYg/s250-c/hippodrome_sulky.jpg" alt="hippodrome_sulky.jpg" width="250" height="250" /></a></td>
<td valign="top" width="307">Développement sous Virtools :<a class="thickbox" title="Virtools.JPG" href="http://lh3.ggpht.com/-oHX3INeYAFk/Tz50YvzqXVI/AAAAAAAAGWg/kMgFAllHE7I/Virtools.JPG"><img class="aligncenter" title="Virtools.JPG" src="http://lh3.ggpht.com/-oHX3INeYAFk/Tz50YvzqXVI/AAAAAAAAGWg/kMgFAllHE7I/s250-c/Virtools.JPG" alt="Virtools.JPG" width="250" height="250" /></a></td>
</tr>
<tr>
<td valign="top" width="307">Un joueur en pleine course:</p>
<p style="text-align: center;"><a class="thickbox" title="Sulky-Laval-Virtual-2006.JPG" href="http://lh5.ggpht.com/_tU5T2pj_CnE/TTlg2A1XjnI/AAAAAAAAGMU/NWLjyk3ijj8/Sulky-Laval-Virtual-2006.JPG"><img class="aligncenter" title="Sulky-Laval-Virtual-2006.JPG" src="http://lh5.ggpht.com/_tU5T2pj_CnE/TTlg2A1XjnI/AAAAAAAAGMU/NWLjyk3ijj8/s250-c/Sulky-Laval-Virtual-2006.JPG" alt="Sulky-Laval-Virtual-2006.JPG" width="250" height="250" /></a></p>
</td>
<td valign="top" width="307">Test du jeu par jean michel bazire,champion de France de trot attelé:<a class="thickbox" title="Champio-France-Sulky.JPG" href="http://lh6.ggpht.com/_tU5T2pj_CnE/TTlg4PxYQrI/AAAAAAAAGMg/OCqsbSehMxU/Champio-France-Sulky.JPG"><img class="alignleft" title="Champio-France-Sulky.JPG" src="http://lh6.ggpht.com/_tU5T2pj_CnE/TTlg4PxYQrI/AAAAAAAAGMg/OCqsbSehMxU/s250-c/Champio-France-Sulky.JPG" alt="Champio-France-Sulky.JPG" width="250" height="250" /></a></td>
</tr>
</tbody>
</table>
<p>L’infographie et l’animation étaient réalisées par un graphiste 3D, j’étais en charge du reste :</p>
<ul>
<li>Etude du trot attelé et constitution d’un cahier des charges</li>
<li>Choix sur les éléments sensori-moteurs à restituer pour une bonne immersion</li>
<li>Elaboration du GamePlay</li>
<li>Gestion du matériel et budget</li>
<li>Développement de la partie logiciel sous Virtools
<ul>
<li>Interface graphique et navigation à la voix</li>
<li>Game Play programming</li>
<li>Intelligence artificielles concurents</li>
<li>Optimisation des performances, test et recettage</li>
</ul>
</li>
</ul>
<p>Le dispositif était constitué :</p>
<ul>
<li>d’un casque immersif,</li>
<li>un tracker magnétique détectant les mouvements de la tête de l’utilisateur</li>
<li>De véritable rênes en cuir (qui sentent le cheval)</li>
<li>Des bras mécaniques captant les tensions sur les rênes grâce à des potentiomètres</li>
<li>Un véritable Sulky (pour assoir l’utilisateur)</li>
<li>Un écran pour que le public puisse voir ce que voit le joueur dans son casque.</li>
</ul>
<p style="text-align: center;"><a href="http://www.createlier.org/atelier/wp-content/uploads/2011/01/Dispositif.jpg"><img class="size-medium wp-image-1030 aligncenter" title="Dispositif" src="http://www.createlier.org/atelier/wp-content/uploads/2011/01/Dispositif-300x224.jpg" alt="" width="300" height="224" /></a></p>
<p>Après le salon laval virtual, une version jouable sur ordinateur PC à été packagé par mes soins (installeur, guide utilisateur et ergonomie repensée pour un jeux au clavier).  Entre 2006 et 2008, le simulateur immersif à continué à être utilisés sur différents salons dont le salon du cheval au parc des expositions de la Porte de Versailles à Paris.</p>
<p>au parc des expositions de la Portede Versailles.</p>
<p>Pour plus d’info sur ce projet et les choix réalisés (immersion / ergonomie / interface / développement&#8230;) , vous pouvez consulter mon rapport de stage disponible ici en pdf. En voici quelques extraits :</p>
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td valign="top" width="307">
<p style="text-align: center;"><a href="http://www.createlier.org/atelier/wp-content/uploads/2011/01/Extrait-mémoire1.jpg"><img class="size-thumbnail wp-image-1024 aligncenter" title="Extrait mémoire1" src="http://www.createlier.org/atelier/wp-content/uploads/2011/01/Extrait-mémoire1-150x150.jpg" alt="" width="150" height="150" /></a></p>
</td>
<td valign="top" width="307"><a href="http://www.createlier.org/atelier/wp-content/uploads/2011/01/Extrait-mémoire2.jpg"><img class="aligncenter size-thumbnail wp-image-1025" title="Extrait mémoire2" src="http://www.createlier.org/atelier/wp-content/uploads/2011/01/Extrait-mémoire2-150x150.jpg" alt="" width="150" height="150" /></a></td>
</tr>
<tr>
<td valign="top" width="307">Quelques infos sur le mode de control de sulky et des interactions avec les autres joueurs</td>
<td valign="top" width="307">Design d&#8217;interaction : Interface graphique à entrée vocale</td>
</tr>
</tbody>
</table>
<p>Télécharger le Mémoire <a href="http://www.createlier.org/atelier/wp-content/uploads/2011/01/Mémoire-Master-Florent-Michel-MNRV-Nautilus-Laval-2006.pdf">Mémoire-Master-Florent-Michel-MNRV-Nautilus-Laval-2006</a> (PDF &#8211; 2Mo)</p>
<p>Mini revue de presse :</p>
<ul>
<li><a href="http://www.isartdigital.com/pdf/Sonovision%20-%20LavalVirtual%202006.pdf">Article sonovision</a></li>
<li><a href="http://www.escin.net/old/pdf/LavalVirtualVirtoolsMap06.pdf">Plaquette Virtools</a></li>
<li><a href="http://www.lamayenne.fr/uploadfiles/publications/6484/HM15_AVRIL_2006.pdf.V6.aspx">Magazine du département de la Mayenne n°15</a> (Laval Virtual)</li>
<li><a href="http://www.lamayenne.fr/uploadfiles/publications/7180/H53_23_janvier2007.pdf.V3.aspx">Magazine du département de la Mayenne n°23</a> (Salon du cheval)</li>
<li><a href="http://www.mairie-laval.fr/franc/lavalinfos/pdf/LAVAL%20INFO%20113%20-%20Mai%202006.pdf">Laval Info n°113</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>https://www.createlier.org/atelier/archives/1023/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
