<?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>Hebiflux &#187; Interfaces interactives</title>
	<atom:link href="http://www.hebiflux.com/blog/category/interfaces/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.hebiflux.com/blog</link>
	<description>Interactif _webdesign _ 3Dweb</description>
	<lastBuildDate>Fri, 12 Mar 2010 08:12:15 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=abc</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Reconnaissance d&#8217;image avec FlashSURF</title>
		<link>http://www.hebiflux.com/blog/2010/02/24/reconnaissance-dimage-avec-flashsurf/</link>
		<comments>http://www.hebiflux.com/blog/2010/02/24/reconnaissance-dimage-avec-flashsurf/#comments</comments>
		<pubDate>Wed, 24 Feb 2010 09:48:06 +0000</pubDate>
		<dc:creator>Galdric</dc:creator>
				<category><![CDATA[Interfaces interactives]]></category>
		<category><![CDATA[Réalité augmentée]]></category>

		<guid isPermaLink="false">http://www.hebiflux.com/blog/?p=6325</guid>
		<description><![CDATA[
En forme Eugene Zatepyakin, à qui l&#8217;on doit de nombreuses expérimentations à base de flash. Son dernier travail n&#8217;est pas moins qu&#8217;une libraire nommée FlashSURF basée sur Alchemy permettant une reconnaissance rapide d&#8217;images, et par extension, pourrait bien servir aux modules de réalité augmentée en flash. En plus d&#8217;avoir des explications sur son blog, il [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.hebiflux.com/blog/images//2010/02/inspirit.jpg" alt="" title="inspirit" width="570" height="294" class="alignnone size-full wp-image-6326" /></p>
<p>En forme Eugene Zatepyakin, à qui l&#8217;on doit <a href="http://www.hebiflux.com/blog/index.php?s=inspirit&#038;sbutt.x=0&#038;sbutt.y=0&#038;sbutt=Go">de nombreuses expérimentations</a> à base de flash. Son dernier travail n&#8217;est pas moins qu&#8217;une libraire nommée <a href="http://code.google.com/p/in-spirit/wiki/FlashSurf">FlashSURF</a> basée sur Alchemy permettant une reconnaissance rapide d&#8217;images, et par extension, pourrait bien servir aux modules de réalité augmentée en flash. En plus d&#8217;avoir <a href="http://blog.inspirit.ru/?p=386">des explications sur son blog</a>, il y a deux vidéos de démo assez explicites :</p>
<p><object width="570" height="292"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=9272590&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=9272590&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="570" height="292"></embed></object></p>
<p><object width="570" height="292"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=9440333&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=9440333&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="570" height="292"></embed></object></p>
 <img src="http://www.hebiflux.com/blog/wp-content/plugins/feed-statistics.php?view=1&#038;post_id=6325" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://www.hebiflux.com/blog/2010/02/24/reconnaissance-dimage-avec-flashsurf/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Interface tactile en AIR et Flex sur les points de vente Citroen</title>
		<link>http://www.hebiflux.com/blog/2010/02/03/interface-tactile-en-air-et-flex-chez-citroen-sur-les-points-de-vente/</link>
		<comments>http://www.hebiflux.com/blog/2010/02/03/interface-tactile-en-air-et-flex-chez-citroen-sur-les-points-de-vente/#comments</comments>
		<pubDate>Wed, 03 Feb 2010 09:01:36 +0000</pubDate>
		<dc:creator>Galdric</dc:creator>
				<category><![CDATA[Air]]></category>
		<category><![CDATA[Interfaces interactives]]></category>

		<guid isPermaLink="false">http://www.hebiflux.com/blog/?p=6204</guid>
		<description><![CDATA[
2010, l&#8217;année de l&#8217;interface tactile trouvant ses usages et atteignant le grand public ? Certainement, après le concours pour les bornes tactiles de la SNCF, voici venir un autre superbe exemple de surface qui sera déployé prochainement chez Citroen dans pas moins de 700 points de vente dans 5 pays différents (j&#8217;aurais l&#8217;occasion de reparler [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.hebiflux.com/blog/images//2010/02/Animation360diaporama_uniquement.jpg"><img src="http://www.hebiflux.com/blog/images//2010/02/Animation360diaporama_uniquement_th.jpg" alt="" title="Animation360diaporama_uniquement_th" width="570" height="355" class="alignnone size-full wp-image-6205" /></a></p>
<p>2010, l&#8217;année de l&#8217;interface tactile trouvant ses usages et atteignant le grand public ? Certainement, après le concours pour<a href="http://www.hebiflux.com/blog/2010/01/21/borne-sncf-en-air-en-test/"> les bornes tactiles de la SNCF</a>, voici venir un autre superbe exemple de surface qui sera déployé prochainement chez Citroen dans pas moins de 700 points de vente dans 5 pays différents (j&#8217;aurais l&#8217;occasion de reparler de la genèse de <a href="http://www.citroen.fr/home/">leur nouveau portail</a> dans quelques jours d&#8217;ailleurs). Développée en Air et Flex par Dagobert, ce configurateur 3D a pour but de faire le lien entre internet et le lieu bien réel de vente. Véritable outil de vente et d&#8217;aide à la présentation, il combine deux écrans, l&#8217;un de 19 pouces pour la personnalisation et un autre de 40 pouces pour un aperçu en HD. </p>
<p>Une bien belle application qui use au mieux des technologies Flash/Flex (n&#8217;en déplaise à Apple ;) ) et de l&#8217;écran tactile. J&#8217;ai vu cette démo récemment et j&#8217;espère bien pouvoir prochainement la tester en &#8216;live&#8217; pour apprécier l&#8217;interface. Voici donc la vidéo en démo : </p>
<p><object width="570" height="321"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=9162662&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=9162662&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="570" height="321"></embed></object></p>
<p>Quelques captures d&#8217;écrans supplémentaires : </p>
<p><a href="http://www.hebiflux.com/blog/images//2010/02/fiche-technique.jpg"><img src="http://www.hebiflux.com/blog/images//2010/02/fiche-technique_th.jpg" alt="" title="fiche-technique_th" width="570" height="356" class="alignnone size-full wp-image-6206" /></a></p>
<p><a href="http://www.hebiflux.com/blog/images//2010/02/univers.jpg"><img src="http://www.hebiflux.com/blog/images//2010/02/univers_th.jpg" alt="" title="univers_th" width="570" height="357" class="alignnone size-full wp-image-6207" /></a></p>
 <img src="http://www.hebiflux.com/blog/wp-content/plugins/feed-statistics.php?view=1&#038;post_id=6204" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://www.hebiflux.com/blog/2010/02/03/interface-tactile-en-air-et-flex-chez-citroen-sur-les-points-de-vente/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Borne SNCF tactile en AIR en test publique</title>
		<link>http://www.hebiflux.com/blog/2010/01/21/borne-sncf-en-air-en-test/</link>
		<comments>http://www.hebiflux.com/blog/2010/01/21/borne-sncf-en-air-en-test/#comments</comments>
		<pubDate>Thu, 21 Jan 2010 14:02:30 +0000</pubDate>
		<dc:creator>Galdric</dc:creator>
				<category><![CDATA[Air]]></category>
		<category><![CDATA[Interfaces interactives]]></category>

		<guid isPermaLink="false">http://www.hebiflux.com/blog/?p=6128</guid>
		<description><![CDATA[
Une interface de borne &#8216;monotouch&#8217; réalisée chez SQLI pour la SNCF trouvée chez ce cher Thibaut Imbert, qui ne dira rien de plus que &#171;&#160;En test public dans la gare de Lyon Perrache. Une autre borne tourne aussi en Silverlight. Selon les retours le choix sera fait :) &#171;&#160;
Moi qui râlait récemment sur la lenteur [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.hebiflux.com/blog/images//2010/01/sncfair.jpg" alt="" title="sncfair" width="570" height="259" class="alignnone size-full wp-image-6129" /></p>
<p>Une interface de borne &#8216;monotouch&#8217; réalisée chez SQLI pour la SNCF trouvée chez ce <a href="http://twitter.com/thibault_imbert/">cher Thibaut Imbert</a>, qui <a href="http://twitter.com/thibault_imbert/status/8021821758">ne dira rien</a> de plus que &laquo;&nbsp;En test public dans la gare de Lyon Perrache. Une autre borne tourne aussi en Silverlight. Selon les retours le choix sera fait :) &laquo;&nbsp;</p>
<p>Moi qui râlait récemment sur la lenteur des bornes actuelles, au moins, tout cela est plus réactif et ô combien prometteur ! bravo ! </p>
<p><object width="569" height="427"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=8869517&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=8869517&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="569" height="427"></embed></object>
<p><a href="http://vimeo.com/8869517">SQLI &#8211; SNCF Revolution</a> from <a href="http://vimeo.com/user1872626">Thibault Imbert</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>Edit : suite à un commentaire qui précise un peu le sujet, c&#8217;est en réponse à un concours dont j&#8217;avais vaguement entendu parler, les autres propositions<a href="http://pro.01net.com/editorial/510297/concours-multitouch-sncf-les-finalistes/">sont disponibles à cette adresse sur 01net</a> .</p>
 <img src="http://www.hebiflux.com/blog/wp-content/plugins/feed-statistics.php?view=1&#038;post_id=6128" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://www.hebiflux.com/blog/2010/01/21/borne-sncf-en-air-en-test/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>De la 3D de charme : quelles avancées technologiques ?</title>
		<link>http://www.hebiflux.com/blog/2010/01/20/de-la-3d-de-charme-quelles-avancees-technologiques/</link>
		<comments>http://www.hebiflux.com/blog/2010/01/20/de-la-3d-de-charme-quelles-avancees-technologiques/#comments</comments>
		<pubDate>Wed, 20 Jan 2010 08:24:18 +0000</pubDate>
		<dc:creator>Galdric</dc:creator>
				<category><![CDATA[3D Univers virtuels]]></category>
		<category><![CDATA[Interfaces interactives]]></category>

		<guid isPermaLink="false">http://www.hebiflux.com/blog/?p=6102</guid>
		<description><![CDATA[
C&#8217;est en lisant l&#8217;article on ne peut plus à recommander chez Capitaine Commerce : 3D et ecommerce : quel intérêt ? sur l&#8217;intérêt d&#8217;utiliser des avatars pour faire du e-commerce, qu&#8217;un des commentaires m&#8217;a interpellé : &#171;&#160;de toute façon, même dans le porno, la 3D ne perce pas.&#160;&#187; Pourtant, c&#8217;est bien un secteur qui a [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.hebiflux.com/blog/images//2010/01/kanojosaitplus.jpg" alt="" title="kanojosaitplus" width="570" height="307" class="alignnone size-full wp-image-6105" /></p>
<p>C&#8217;est en lisant l&#8217;article on ne peut plus à recommander chez Capitaine Commerce : <a href="http://www.capitaine-commerce.com/2010/01/19/24842-3d-et-ecommerce-quel-interet/">3D et ecommerce : quel intérêt ?</a> sur l&#8217;intérêt d&#8217;utiliser des avatars pour faire du e-commerce, qu&#8217;un des commentaires m&#8217;a interpellé : &laquo;&nbsp;de toute façon, même dans le porno, la 3D ne perce pas.&nbsp;&raquo; Pourtant, c&#8217;est bien un secteur qui a tendance à innover en général (du moins sur le web), alors qu&#8217;en est-il ? Nous sommes loin des scènes pudibondes du jeu vidéo qui peuvent se retrouver mal à l&#8217;aise avec la découverte de scènes comme celles du &laquo;&nbsp;hot coffee&nbsp;&raquo; de GTA. Pourtant, si ce type de jeu est déserté par les consoles (éthique bien pensante des éditeurs oblige &#8211; et cela se comprends), les jeux sur pc ou le web existent. Quelques tours d&#8217;exemples technologiquement intéressants sans rentrer dans le trop glauque : </p>
<p>Cöté vidéo en relief, elle intéresse bon nombre de gens et certains commment à y penser sérieusement comme le fait remarquer à très juste titre crunchgear : <a href="http://www.crunchgear.com/2010/01/13/3d-porn-the-studios-are-way-ahead-of-you/?utm_source=feedburner&#038;utm_medium=email&#038;utm_campaign=Feed%3A+Techcrunch+%28TechCrunch%29">3D Porn? The studios are way ahead of you.</a>. Ok. Mais au niveau 3D ? </p>
<p><span id="more-6102"></span></p>
<p><strong>Univers virtuel de rencontre</strong></p>
<p>Côté univers virtuel multi-utilisateur, si certains ont décrié la présence de pornographie dans Second Life, beaucoup d&#8217;univers virtuels peuvent être dédiés à un public majeur et vacciné. Je passe sur tous ceux que l&#8217;on retrouve facilement sous google&#8230; Ou je manque d&#8217;updates sur le sujet (franchement, c&#8217;est fort possible) ou je ne vois pas grand chose en terme d&#8217;innovation technologique dans ce domaine.</p>
<p><strong>Réalité augmentée</strong></p>
<p><img src="http://www.hebiflux.com/blog/images//2010/01/maid-1.jpg" alt="" title="maid-1" width="470" height="153" class="alignnone size-full wp-image-6106" /><br />
Vous connaissez également <a href="http://www.hebiflux.com/blog/2008/07/30/realite-augmentee-de-bureau-de-nouveaux-tamagotchis/">cette geisha/maid japonaise virtuelle</a> en réalité augmentée, qui n&#8217;est pas spécialement pudique pour un peu qu&#8217;on l&#8217;y invite. Application assez buggée visiblement mais qui a trouvé un bon écho sur internet il y a quelques mois. </p>
<p><strong>Jeu sur le bureau : 3D en relief, surface tactile et moteur de rendu de qualité</strong></p>
<p>Il faudra aller au pays des Otakus pour trouver de nouveaux jeux interactifs dans le domaine et là, je ne prendrais qu&#8217;un seul exemple. <a href="http://en.wikipedia.org/wiki/Illusion_%28company%29">Illusion fait parti</a> de ces studios qui se comptent sur les doigts de la main globalement, en tant qu&#8217;acteurs dans le jeu pour adultes en pixels, en temps réel et interactifs. Cela fait plusieurs années qu&#8217;ils produisent des jeux d&#8217;aventures en temps réel (pas forcément recommandables d&#8217;ailleurs et non exportable hors de leur territoire), mais leur prochain projet fait un bond en avant. Il s&#8217;agit d&#8217;un jeu sur pc et nullement en ligne, attention.</p>
<p>Fonctionnalités ? </p>
<p>- <strong>Détection de la position du visage à la webcam :</strong> l&#8217;avatar en face de vous regardera dans la direction où vous êtes.<br />
- <strong>Image en relief :</strong> mode anaglyphe en rouge et cyan. Il faudra des lunettes bien sûr mais l&#8217;imagerie 3D en relief est tendance.<br />
- <strong>Support des écrans tactiles</strong> sous windows7 pour l&#8217;interactivité.<br />
- Moteur de rendu quand même propre, si la démo est de la même qualité que le jeu au final. </p>
<p>Il faut quand même s&#8217;accrocher pour imaginer le résultat&#8230; mais à l&#8217;heure des projets Natal et consors, un tel mélange en terme d&#8217;interactivité dans un jeu n&#8217;est pas coutûme. </p>
<p>Voici le teaser (à peu près <em>safe for work</em>, si une charmante demoiselle en bikini en polygones ne vous effraye pas trop) : </p>
<p><object width="570" height="485"><param name="movie" value="http://www.youtube.com/v/Nd5xP2H84s0&#038;hl=fr_FR&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/Nd5xP2H84s0&#038;hl=fr_FR&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="570" height="485"></embed></object</p>
<p>Demain, je parle des Bisounours, promis. </p>
 <img src="http://www.hebiflux.com/blog/wp-content/plugins/feed-statistics.php?view=1&#038;post_id=6102" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://www.hebiflux.com/blog/2010/01/20/de-la-3d-de-charme-quelles-avancees-technologiques/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>La sélection d&#8217;éléments au clic accélérée en flash</title>
		<link>http://www.hebiflux.com/blog/2009/12/18/la-selection-delements-au-clic-droit-acceleree-en-flash/</link>
		<comments>http://www.hebiflux.com/blog/2009/12/18/la-selection-delements-au-clic-droit-acceleree-en-flash/#comments</comments>
		<pubDate>Fri, 18 Dec 2009 13:47:17 +0000</pubDate>
		<dc:creator>Galdric</dc:creator>
				<category><![CDATA[Interfaces interactives]]></category>

		<guid isPermaLink="false">http://www.hebiflux.com/blog/?p=5943</guid>
		<description><![CDATA[
http://www.markingmenus.org/ présente une vidéo assez longue de recherches sur l&#8217;optimisation de la sélection d&#8217;éléments en flash, dépassant le simple menu déroulant. On pense bien sûr à l&#8217;héritage des menus sous Maya au clic droit, déroulant un ensemble d&#8217;outils impressionnant. Une recherche intéresssante et bien documentée à lire sur  : http://www.betriebsraum.de
 ]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.hebiflux.com/blog/images//2009/12/marking.jpg" alt="marking" title="marking" width="510" height="328" class="alignnone size-full wp-image-5948" /></p>
<p><a href="http://www.markingmenus.org/">http://www.markingmenus.org/</a> présente une vidéo assez longue de recherches sur l&#8217;optimisation de la sélection d&#8217;éléments en flash, dépassant le simple menu déroulant. On pense bien sûr à l&#8217;héritage des menus sous Maya au clic droit, déroulant un ensemble d&#8217;outils impressionnant. Une recherche intéresssante et bien documentée à lire sur  : <a href="http://www.betriebsraum.de/blog/2009/12/11/extremely-efficient-menu-selection-marking-menus-for-the-flash-platform/">http://www.betriebsraum.de</a></p>
 <img src="http://www.hebiflux.com/blog/wp-content/plugins/feed-statistics.php?view=1&#038;post_id=5943" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://www.hebiflux.com/blog/2009/12/18/la-selection-delements-au-clic-droit-acceleree-en-flash/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Reconnaissance vocale sous flash ?</title>
		<link>http://www.hebiflux.com/blog/2009/12/16/reconnaissance-vocale-sous-flash/</link>
		<comments>http://www.hebiflux.com/blog/2009/12/16/reconnaissance-vocale-sous-flash/#comments</comments>
		<pubDate>Wed, 16 Dec 2009 06:56:52 +0000</pubDate>
		<dc:creator>Galdric</dc:creator>
				<category><![CDATA[Flash actus]]></category>
		<category><![CDATA[Interfaces interactives]]></category>

		<guid isPermaLink="false">http://www.hebiflux.com/blog/?p=5924</guid>
		<description><![CDATA[
Magnifique vidéo de Didier Brun chez Bytearray qui laisse sans voix (ahAHAH ! Pardon&#8230;) sur des essais de reconnaissance vocale. Basé sur les capacités du player flash 10.1 (on en parle sur un épisode des webtv d&#8217;Adobe là), Didier s&#8217;est lancé dans ce projet de librairie. Pour l&#8217;instant, la reconnaissance a besoin d&#8217;une bibliothèque de [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.hebiflux.com/blog/images//2009/12/voice.jpg" alt="voice" title="voice" width="570" height="180" class="alignnone size-full wp-image-5925" /></p>
<p>Magnifique vidéo <a href="http://www.bytearray.org/?p=1151">de Didier Brun chez Bytearray</a> qui laisse sans voix (ahAHAH ! Pardon&#8230;) sur des essais de reconnaissance vocale. Basé sur les capacités du player flash 10.1 (on en parle sur<a href="http://tv.adobe.com/watch/under-the-hood-with-adobe/microphone-access-in-flash-player-101/"> un épisode des webtv d&#8217;Adobe là</a>), Didier s&#8217;est lancé dans ce projet de librairie. Pour l&#8217;instant, la reconnaissance a besoin d&#8217;une bibliothèque de sons et d&#8217;un espace entre chaque mot mais très clairement, cela fonctionne. Voilà une belle expérimentation ! On attends depuis des lustres des applications à base de commande vocale ou de jeux en flash. </p>
<p><object width="570" height="356"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=8203323&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=8203323&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="570" height="356"></embed></object></p>
 <img src="http://www.hebiflux.com/blog/wp-content/plugins/feed-statistics.php?view=1&#038;post_id=5924" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://www.hebiflux.com/blog/2009/12/16/reconnaissance-vocale-sous-flash/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>Du nouveau chez Digg Labs avec 365</title>
		<link>http://www.hebiflux.com/blog/2009/12/08/du-nouveau-chez-digg-labs-avec-365/</link>
		<comments>http://www.hebiflux.com/blog/2009/12/08/du-nouveau-chez-digg-labs-avec-365/#comments</comments>
		<pubDate>Tue, 08 Dec 2009 08:32:20 +0000</pubDate>
		<dc:creator>Galdric</dc:creator>
				<category><![CDATA[Interfaces interactives]]></category>

		<guid isPermaLink="false">http://www.hebiflux.com/blog/?p=5884</guid>
		<description><![CDATA[
Petit retour au source de mon blog puisque la visualisation de données interactive a été l&#8217;un des piliers qui m&#8217;a poussé à l&#8217;ouvrir. Digg sort 365 : un nouvel opus de son labs avec de nouvelles formes résumant les plus fortes tendances tout au cours de l&#8217;année. Magnifique de simplicité et d&#8217;efficacité. 
 ]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.hebiflux.com/blog/images//2009/12/digglabs.jpg" alt="digglabs" title="digglabs" width="570" height="355" class="alignnone size-full wp-image-5885" /></p>
<p>Petit retour au source de mon blog puisque la visualisation de données interactive a été l&#8217;un des piliers qui m&#8217;a poussé à l&#8217;ouvrir. <a href="http://labs.digg.com/365/">Digg sort 365 : un nouvel opus</a> de son labs avec de nouvelles formes résumant les plus fortes tendances tout au cours de l&#8217;année. Magnifique de simplicité et d&#8217;efficacité. </p>
 <img src="http://www.hebiflux.com/blog/wp-content/plugins/feed-statistics.php?view=1&#038;post_id=5884" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://www.hebiflux.com/blog/2009/12/08/du-nouveau-chez-digg-labs-avec-365/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Expérience de jeu interactif gestuel avec le projet Trauma</title>
		<link>http://www.hebiflux.com/blog/2009/11/17/experience-de-jeu-interactive-gestuel-avec-le-projet-trauma/</link>
		<comments>http://www.hebiflux.com/blog/2009/11/17/experience-de-jeu-interactive-gestuel-avec-le-projet-trauma/#comments</comments>
		<pubDate>Tue, 17 Nov 2009 08:05:48 +0000</pubDate>
		<dc:creator>Galdric</dc:creator>
				<category><![CDATA[Interfaces interactives]]></category>
		<category><![CDATA[Ludique et graphique]]></category>

		<guid isPermaLink="false">http://www.hebiflux.com/blog/?p=5808</guid>
		<description><![CDATA[
Le projet TRAUMA est un jeu interactif créé en Allemagne ressemblant à un point-and-click gestuel (avec la webcam sans doute) dans un environnement agençant des photos positionnées en 3D comme peut le faire un photosynth. Tout en flash, ce jeu d&#8217;aventure raconte l&#8217;histoire d&#8217;une jeune femme qui survit à un accident de voiture, et se [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.hebiflux.com/blog/images//2009/11/trauma1.jpg" alt="trauma1" title="trauma1" width="570" height="428" class="alignnone size-full wp-image-5812" /></p>
<p>Le <a href="http://www.gamedesignreviews.com/trauma/">projet TRAUMA est un jeu interactif</a> créé en Allemagne ressemblant à un point-and-click gestuel (avec la webcam sans doute) dans un environnement agençant des photos positionnées en 3D comme peut le faire un photosynth. Tout en flash, ce jeu d&#8217;aventure raconte l&#8217;histoire d&#8217;une jeune femme qui survit à un accident de voiture, et se prends à rêver de différents aspects de son identité et de son histoire. Un projet qui sera en ligne vers la fin 2009 gratuitement et on a hâte de le découvrir&#8230; </p>
<p><img src="http://www.hebiflux.com/blog/images//2009/11/trauma.jpg" alt="trauma" title="trauma" width="570" height="380" class="alignnone size-full wp-image-5809" /></p>
<p><a href="http://www.flickr.com/photos/krystianmajewski/sets/72157622684609678/">Galerie photo sur Flickr</a> à voir pour les visuels et voici la démo en video :</p>
<p><object width="570" height="470"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=7319563&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=7319563&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="570" height="470"></embed></object>
<p><a href="http://vimeo.com/7319563">TRAUMA Gameplay Preview</a> from <a href="http://vimeo.com/user1528031">Krystian Majewski</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
 <img src="http://www.hebiflux.com/blog/wp-content/plugins/feed-statistics.php?view=1&#038;post_id=5808" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://www.hebiflux.com/blog/2009/11/17/experience-de-jeu-interactive-gestuel-avec-le-projet-trauma/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Exploration musicale avec l&#8217;interface de FindYourTracks</title>
		<link>http://www.hebiflux.com/blog/2009/11/16/exploration-musicale-avec-linterface-de-findyourtracks/</link>
		<comments>http://www.hebiflux.com/blog/2009/11/16/exploration-musicale-avec-linterface-de-findyourtracks/#comments</comments>
		<pubDate>Mon, 16 Nov 2009 08:33:44 +0000</pubDate>
		<dc:creator>Galdric</dc:creator>
				<category><![CDATA[Design et Flash]]></category>
		<category><![CDATA[Interfaces interactives]]></category>

		<guid isPermaLink="false">http://www.hebiflux.com/blog/?p=5798</guid>
		<description><![CDATA[

Je n&#8217;ai gardé de la semaine dernière que cette nouvelle interface : http://www.findyourtracks.fr/ lancée par RedTracksPublishing et créée par Soleil Noir permettant de découvrir des morceaux en fonction du style, de son humeur, tranche d&#8217;âge..  Une interface full flash alliant le plaisir visuel, la simplicité, et une bonne clarté. 
Elle se place dans la [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.hebiflux.com/blog/images//2009/11/fyt1.jpg" alt="fyt1" title="fyt1" width="570" height="370" class="alignnone size-full wp-image-5799" /></p>
<p><img src="http://www.hebiflux.com/blog/images//2009/11/fyt2.jpg" alt="fyt2" title="fyt2" width="570" height="371" class="alignnone size-full wp-image-5800" /></p>
<p>Je n&#8217;ai gardé de la semaine dernière que cette nouvelle interface : <a href="http://www.findyourtracks.fr/">http://www.findyourtracks.fr/</a> lancée par RedTracksPublishing et créée <a href="http://www.soleilnoir.net/">par Soleil Noir</a> permettant de découvrir des morceaux en fonction du style, de son humeur, tranche d&#8217;âge..  Une interface full flash alliant le plaisir visuel, la simplicité, et une bonne clarté. </p>
<p>Elle se place dans la digne lignée <a href="http://www.hebiflux.com/blog/2008/06/18/moodstream-choisit-la-musique-selon-votre-humeur/">de Moodstream</a>, ou <a href="http://www.hebiflux.com/blog/2006/12/04/musicovery-la-zapette-musicale/">musicovery</a> apparus il y a quelques mois déjà (et quelques autres d&#8217;ailleurs). </p>
 <img src="http://www.hebiflux.com/blog/wp-content/plugins/feed-statistics.php?view=1&#038;post_id=5798" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://www.hebiflux.com/blog/2009/11/16/exploration-musicale-avec-linterface-de-findyourtracks/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Fullscreen chez Deezer, et écrans tactiles</title>
		<link>http://www.hebiflux.com/blog/2009/11/06/sites-en-flashsilverlight-multitouch-ou-tactiles-et-le-fullscreen/</link>
		<comments>http://www.hebiflux.com/blog/2009/11/06/sites-en-flashsilverlight-multitouch-ou-tactiles-et-le-fullscreen/#comments</comments>
		<pubDate>Fri, 06 Nov 2009 10:09:47 +0000</pubDate>
		<dc:creator>Galdric</dc:creator>
				<category><![CDATA[Interfaces interactives]]></category>
		<category><![CDATA[Silverlight]]></category>

		<guid isPermaLink="false">http://www.hebiflux.com/blog/?p=5762</guid>
		<description><![CDATA[
Fullscreen
Petite fonction rajoutée à Deezer récemment et relevée par @Sylvain (de Tkaap entre autre) d&#8217;ailleurs) : la fonction fullscreen du player de Deezer qui s&#8217;agence différement de la version web en mode fenêtre. Evolution anodine et l&#8217;on peut se demander : cela vaut-il un billet ? Réponse : Oui. Voici pourquoi : 
Tactile
La force du [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.hebiflux.com/blog/images//2009/11/deezerfullscreen.jpg" alt="deezerfullscreen" title="deezerfullscreen" width="570" height="376" class="alignnone size-full wp-image-5763" /></p>
<p><strong>Fullscreen</strong><br />
Petite fonction rajoutée <a href="http://www.deezer.com">à Deezer</a> récemment et relevée par <a href="http://twitter.com/sylvainw">@Sylvain</a> (<a href="http://www.tkaap.com/">de Tkaap entre autre</a>) d&#8217;ailleurs) : la fonction fullscreen du player de Deezer qui s&#8217;agence différement de la version web en mode fenêtre. Evolution anodine et l&#8217;on peut se demander : cela vaut-il un billet ? Réponse : Oui. Voici pourquoi : </p>
<p><strong>Tactile</strong><br />
La force du flash étant de pouvoir remodeler son interface aisément, il y a dans ce mode fullscreen tout d&#8217;abord un usage pratique : beaucoup utilisent deezer à présent comme lecteur multimédia, sans rester devant le PC. Avec l&#8217;arrivée de Windows 7, et des écrans tactiles accessibles plus facilement auprès du grand public, cela veut dire qu&#8217;un site internet en flash, va pouvoir aisément non seulement s&#8217;adapter plus facilement sur différents supports (sites web, mobiles&#8230;), mais <strong>surtout rentrer en mutation en fonction de son usage.</strong>. Et c&#8217;est là que cela m&#8217;intéresse : n&#8217;ayant jamais été convaincu de la fonction fullscreen depuis flash 9, voici un usage qui me plait bien et justifie pleinement son existence.</p>
<p><strong>Enquête !!</strong><br />
Pour confirmer cela (mon billet était déjà écrit en fait ;) ), j&#8217;ai posé la question <a href="http://twitter.com/sing2gather">à Loic</a> et <a href="http://www.ergophile.com/"> à Jacinthe Busson</a> (du célèbre <a href="http://www.ergophile.com/">http://www.ergophile.com/</a>  respectivement developpeur flash et directrice artistique chez Deezer (Merci à tous les deux!). Voici ce qu&#8217;en dit tout d&#8217;abord Jacinthe (qui en dit aussi <a href="http://www.deezer.com/blog/fr/news/nouveau-le-plein-ecran-de-deezer.html">plus long sur le blog de deezer</a>) : </p>
<p><em>&laquo;&nbsp;Ce player a été conçu pour être utilisé sur des nouveaux supports comme les écrans tactiles mais aussi pour répondre à un usage très demandé par nos utilisateurs en charge d&#8217;animer des soirées. L&#8217;interface a été conçue pour être la plus simple possible et fluide afin de ne pas surcharger d&#8217;informations lors d&#8217;une utilisation en mode tactile.</p>
<p>La sobriété de ce Full Screen est avant tout un moyen d&#8217;utilisé les fonctionnalités les plus convoités de nos utilisateurs : ses playlists, ses radios et albums favoris, la liste de lecture courante. Elle reprend l&#8217;idée d&#8217;un jukebox.&nbsp;&raquo;</em></p>
<p>Et Loic de confirmer :</p>
<p>&laquo;&nbsp;<em>En effet ce player fullscreen à été conçu pour être utilisable dans toutes sortes de conditions : au clavier, à la souris ou via écran tactile.<br />
Le coté écran tactile n&#8217;est pour le moment pas très poussé et finalement pour le moment équivalent au mode souris mais les boutons sont suffisamment gros pour tous les utiliser avec un doigt. Mais dès la sortie de Flash Player 10.1 [...], je compte bien améliorer l&#8217;expérience utilisateur de celui-ci en essayant d&#8217;apporter un défilement de la playlist en faisant glisser le doigt comme sur un iphone par exemple et réfléchir à d&#8217;autres fonctionnalités utilisant plusieurs doigts par exemple</em>.&nbsp;&raquo;</p>
<p>(Techniquement, c&#8217;est Away3D qui a été choisi pour ses performances techniques, même si la documentation est plus fournie chez Papervision. Le choix était aussi de rester dans quelque chose de plus simple pour ne pas surcharger et être trop gourmand en ressources. Dixit.)</p>
<p><img src="http://www.hebiflux.com/blog/images//2009/11/deezerweb.jpg" alt="deezerweb" title="deezerweb" width="558" height="226" class="alignnone size-full wp-image-5793" /><br />
<em>Version web (pour rappel)</em></p>
<p><strong>Mutation</strong><br />
Exemple pratique : je passe l&#8217;aspirateur ou je suis en soirée : c&#8217;est l&#8217;ennui total de devoir reprendre le contrôle de la souris pour changer de musique. Le coup de doigt sur l&#8217;écran s&#8217;impose alors pour changer de musique et cette fonction rend l&#8217;interface plus légitime tandis que le tactile au quotidien est aberrant pour de la bureautique. Seulement entre l&#8217;interface web et le plein écran, nous changeons dans l&#8217;apparence d&#8217;un site web à une application comme l&#8217;était un cdrom à son époque. </p>
<p>C&#8217;est là que le flash intervient et qu&#8217;il aura aussi son importance à mon sens dans les mois à venir :<strong> il permet ainsi de remodeler de manière fluide une interface en fonction de son contexte d&#8217;usage et prendre différentes formes : site web, application, sur pc ou mobile. Et de basculer du contrôle au clic au doigt (et à l&#8217;oeil) naturellement</strong> Ce type d&#8217;exemple chez Deezer m&#8217;a réllement fait penser à cela. Et même si Adobe d&#8217;ailleurs a beau annoncer cette tendance, c&#8217;est le genre d&#8217;application qui le prouve concrètement. Ou qui en dessine les premières esquisses.</p>
<p><strong>Du côté de Silverlight</strong><br />
Je suis tombé également sur une vidéo chez <a href="http://nui.joshland.org/2009/11/deconstructing-silverpacs-multi-touch.html">nui.joshland.org</a> qui présente <a href="http://silverpac.com/multitouch">Silverpac.com</a> &laquo;&nbsp;le premier site internet multitouch&nbsp;&raquo;. Josua Blake parle un peu plus sur son blog des ses caractéristiques d&#8217;ailleurs. Voici la vidéo : </p>
<p><object width="575" height="464"><param name="movie" value="http://www.youtube.com/v/wFB357TY9k0&#038;color1=0xb1b1b1&#038;color2=0xcfcfcf&#038;hl=en&#038;feature=player_embedded&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/wFB357TY9k0&#038;color1=0xb1b1b1&#038;color2=0xcfcfcf&#038;hl=en&#038;feature=player_embedded&#038;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="575" height="464"></embed></object></p>
<p><strong>Liant entre supports et usages</strong><br />
D&#8217;ailleurs, certains sites web bizarrement peuvent très bien porter en tactile leurs applications : Je prends <a href="http://www.hebiflux.com/blog/2009/05/19/de-la-peinture-gestuelle-comme-configurateur-chez-citroen/">celui-ci de Citroën</a>, ou <a href="http://www.hebiflux.com/blog/2009/01/19/du-cote-de-chez-fwa-une-trouvaille-tactile-et-une-video/">celui de la Lexus</a> (2ème exemple). De toute facon, ce ne sont pas <a href="http://www.hebiflux.com/blog/2008/11/11/des-surfaces-multi-touch-en-flash-touche/">les outils qui manquent</a> en terme de tactile pour flash, car c&#8217;est le liant entre les différents supports qui est à observer.</p>
 <img src="http://www.hebiflux.com/blog/wp-content/plugins/feed-statistics.php?view=1&#038;post_id=5762" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://www.hebiflux.com/blog/2009/11/06/sites-en-flashsilverlight-multitouch-ou-tactiles-et-le-fullscreen/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Panoramiques 360° vus du ciel plus complexes ou immersifs</title>
		<link>http://www.hebiflux.com/blog/2009/11/04/panoramiques-360%c2%b0-vus-du-ciel-plus-complexes-ou-immersifs/</link>
		<comments>http://www.hebiflux.com/blog/2009/11/04/panoramiques-360%c2%b0-vus-du-ciel-plus-complexes-ou-immersifs/#comments</comments>
		<pubDate>Wed, 04 Nov 2009 08:22:03 +0000</pubDate>
		<dc:creator>Galdric</dc:creator>
				<category><![CDATA[Interfaces interactives]]></category>

		<guid isPermaLink="false">http://www.hebiflux.com/blog/?p=5748</guid>
		<description><![CDATA[Mon premier panoramique remonte au bon vieux quicktime VR. A l&#8217;ère de flash, du papervision et de la visite virtuelle, l&#8217;usage de ce concept a un peu évolué depuis. Je suis tombé sur deux panoramiques ces derniers temps qui valent un petit coup d&#8217;oeil : 

Le premier, c&#8217;est @Ozon3 qui l&#8217;a remarqué  avec cette [...]]]></description>
			<content:encoded><![CDATA[<p>Mon premier panoramique remonte au bon vieux quicktime VR. A l&#8217;ère de flash, du papervision et de la visite virtuelle, l&#8217;usage de ce concept a un peu évolué depuis. Je suis tombé sur deux panoramiques ces derniers temps qui valent un petit coup d&#8217;oeil : </p>
<p><img src="http://www.hebiflux.com/blog/images//2009/11/newyork360.jpg" alt="newyork360" title="newyork360" width="570" height="435" class="alignnone size-full wp-image-5749" /></p>
<p>Le premier, c&#8217;est <a href="http://twitter.com/Ozon3">@Ozon3</a> qui l&#8217;a remarqué  avec cette vue magnifique de New York en hauteur :<br />
Consultable sur <a href="http://www.pixelcase.com.au/vr/2009/newyork/">http://www.pixelcase.com.au/vr/2009/newyork/</a></p>
<p>Superbe panoramique mais surtout doté d&#8217;une inclinaison dès lors que l&#8217;on regarde de droite ou de gauche. Cela n&#8217;a l&#8217;air de rien, mais <strong>la vue est ainsi beaucoup plus naturelle</strong>. </p>
<p><img src="http://www.hebiflux.com/blog/images//2009/11/rennes360.jpg" alt="rennes360" title="rennes360" width="570" height="389" class="alignnone size-full wp-image-5750" /></p>
<p>Le second, (attention, c&#8217;est un peu plus compliqué), est venu jusqu&#8217;à moi via <a href="http://twitter.com/Hugobiwan">@Hugobiwan</a>: RT: <a href="http://twitter.com/isa2886">@isa2886</a>: RT <a href="http://twitter.com/jultan">@jultan</a> RT <a href="http://twitter.com/panoramix360">@panoramix360</a>: <a href="http://twitter.com/search?q=%23rennes">#rennes</a> :<br />
Consultable à cette adresse <a href="http://www.360ouest.com/reportages/rennes/">http://www.360ouest.com/reportages/rennes/</a></p>
<p>De très bons repères dans l&#8217;espace, c&#8217;est une chose assez connue à présent, mais  j&#8217;ai bien aimé l&#8217;ensemble.</p>
<p>Note : ceci est mon 1000ème billet ! Cheers ! :)</p>
 <img src="http://www.hebiflux.com/blog/wp-content/plugins/feed-statistics.php?view=1&#038;post_id=5748" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://www.hebiflux.com/blog/2009/11/04/panoramiques-360%c2%b0-vus-du-ciel-plus-complexes-ou-immersifs/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>S&#8217;habiller à la webcam</title>
		<link>http://www.hebiflux.com/blog/2009/10/26/shabiller-a-la-webcam/</link>
		<comments>http://www.hebiflux.com/blog/2009/10/26/shabiller-a-la-webcam/#comments</comments>
		<pubDate>Mon, 26 Oct 2009 08:18:16 +0000</pubDate>
		<dc:creator>Galdric</dc:creator>
				<category><![CDATA[Interfaces interactives]]></category>

		<guid isPermaLink="false">http://www.hebiflux.com/blog/?p=5632</guid>
		<description><![CDATA[
Edipa sort un site de démo assez original permettant de tester de simples vêtements en superposition de son apparence à la webcam sur un site de e-commerce type. L&#8217;interface permet de gérer grâce à une détection de mouvement la navigation : vêtement suivant/précédent, panier, capture d&#8217;écran pour retenir le résultat. 

La navigation avec le mouvement [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.hebiflux.com/blog/images//2009/10/virtuafitter.jpg" alt="virtuafitter" title="virtuafitter" width="570" height="479" class="alignnone size-full wp-image-5633" /></p>
<p><a href="http://www.virtuafitter.com/">Edipa sort un site de démo</a> assez original permettant <a href="http://www.virtuafitter.com/demo/demoTop.html">de tester de simples vêtements</a> en superposition de son apparence à la webcam sur un site de e-commerce type. L&#8217;interface permet de gérer grâce à une détection de mouvement la navigation : vêtement suivant/précédent, panier, capture d&#8217;écran pour retenir le résultat. </p>
<p><img src="http://www.hebiflux.com/blog/images//2009/10/vfitte.jpg" alt="vfitte" title="vfitte" width="422" height="261" class="alignnone size-full wp-image-5636" /></p>
<p>La navigation avec le mouvement des bras est plutôt bien gérée et réagit assez bien. Toutefois, l&#8217;essai du vêtement laisse plus à désirer, je n&#8217;ai pas réussi à essayer cette magnifique robe bleue à petits motifs roses&#8230; C&#8217;était l&#8217;expérimentation du lundi ! </p>
<p>Via <a href="http://development.blog.shinobi.jp/Entry/2125/">development.blog.shinobi.jp</a> (Thanks Etsuji-san!)</p>
 <img src="http://www.hebiflux.com/blog/wp-content/plugins/feed-statistics.php?view=1&#038;post_id=5632" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://www.hebiflux.com/blog/2009/10/26/shabiller-a-la-webcam/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Le light painting, c&#8217;est plus simple à la webcam</title>
		<link>http://www.hebiflux.com/blog/2009/09/21/le-light-painting-cest-plus-simple-a-la-webcam/</link>
		<comments>http://www.hebiflux.com/blog/2009/09/21/le-light-painting-cest-plus-simple-a-la-webcam/#comments</comments>
		<pubDate>Mon, 21 Sep 2009 09:28:39 +0000</pubDate>
		<dc:creator>Galdric</dc:creator>
				<category><![CDATA[Campagnes interactives]]></category>
		<category><![CDATA[Interfaces interactives]]></category>

		<guid isPermaLink="false">http://www.hebiflux.com/blog/?p=5382</guid>
		<description><![CDATA[
Plus simple que sous After Effects en tout cas. La bonne idée de cette campagne Xfactor de Talk Talk, étant d&#8217;utiliser la webcam et une source lumineuse (un portable ou une lampe de poche), pour amuser les gens à dessiner dans l&#8217;air des messages. 
Au fait, cela me rappelle une petite expérimentation  similaire vue [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.hebiflux.com/blog/images//2009/09/talktalk.jpg" alt="talktalk" title="talktalk" width="570" height="390" class="alignnone size-full wp-image-5383" /></p>
<p>Plus simple que <a href="http://tutoriaux.mattrunks.com/tutoriaux/light-painting-tutorial-video-sur-after-effects-effets-lumineux-sans-plugins">sous After Effects</a> en tout cas. La bonne idée de cette campagne <a href="http://xfactor.talktalk.co.uk/">Xfactor de Talk Talk</a>, étant d&#8217;utiliser la webcam et une source lumineuse (un portable ou une lampe de poche), pour amuser les gens à dessiner dans l&#8217;air des messages. </p>
<p>Au fait, cela me rappelle <a href="http://www.hebiflux.com/blog/2009/06/01/dessiner-dans-lespace-a-la-webcam-un-jeu-denfant/">une petite expérimentation </a> similaire vue il y a quelques mois déjà&#8230; </p>
 <img src="http://www.hebiflux.com/blog/wp-content/plugins/feed-statistics.php?view=1&#038;post_id=5382" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://www.hebiflux.com/blog/2009/09/21/le-light-painting-cest-plus-simple-a-la-webcam/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Iphone et ses applications : les contrôles virtuels dans l&#8217;écran</title>
		<link>http://www.hebiflux.com/blog/2009/07/27/liphone-ou-les-controles-virtuels-dans-lecran-pour-ses-applications/</link>
		<comments>http://www.hebiflux.com/blog/2009/07/27/liphone-ou-les-controles-virtuels-dans-lecran-pour-ses-applications/#comments</comments>
		<pubDate>Mon, 27 Jul 2009 08:00:04 +0000</pubDate>
		<dc:creator>Galdric</dc:creator>
				<category><![CDATA[Interfaces interactives]]></category>
		<category><![CDATA[Mobile]]></category>

		<guid isPermaLink="false">http://www.hebiflux.com/blog/?p=4906</guid>
		<description><![CDATA[
Billet en réaction à quelqu&#8217;un qui me parlait des applications sur Iphone de sites d&#8217;actualités qui se copiaient tous les uns les autres avec le même positionnement de boutons : Ce positionnement en bas de l&#8217;écran étant un élément de navigation standard (Apple l&#8217;utilise d&#8217;ailleurs pour son application de l&#8217;appstore) prévu en développant comme une [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.hebiflux.com/blog/images//2009/07/iphoneapplis.jpg" alt="iphoneapplis" title="iphoneapplis" width="470" height="403" class="alignnone size-full wp-image-4913" /></p>
<p>Billet en réaction à quelqu&#8217;un qui me parlait des applications sur Iphone de sites d&#8217;actualités qui se copiaient tous les uns les autres avec le même positionnement de boutons : Ce positionnement en bas de l&#8217;écran étant un élément de navigation standard (Apple l&#8217;utilise d&#8217;ailleurs pour son application de l&#8217;appstore) prévu en développant comme une sorte de composant déjà tout prêt. Ce qui est malin dans ce type de développement, c&#8217;est que le code standardise un peu l&#8217;ergonomie des applications, évitant de partir dans toutes les directions côté conception.</p>
<p>Car la tâche n&#8217;est pas facile : les contrôles se sont déplacés <strong>dans</strong> l&#8217;écran. C&#8217;est tout simple mais cela peut provoquer une remise en question en terme de conception, et une perte de la navigation pour l&#8217;utilisateur. </p>
<p>Finalement, une chose intéressante lorsque l&#8217;on regarde un Iphone, c&#8217;est qu&#8217;il n&#8217;a bien sûr pas de  clavier, mais pas de bouton de contrôle non plus. Un changement dans l&#8217;interface puisqu&#8217;elle doit répondre à deux situations : le mode vertical et horizontal. </p>
<p><strong>Deux modes de visualisation et de navigation à maîtriser </strong><br />
Deux modes de visualisation du contenu et d&#8217;interaction qui ont du résoudre et <strong>absorber deux usages bien différents</strong> mais plus traditionnels :<br />
- les claviers de téléphones portables (contrôles en dessous de l&#8217;écran)<br />
- les contrôles (touches et stick) de consoles de jeux portables (PSP par exemple&#8230;) placés sur les côtés de l&#8217;écran.</p>
<p> <strong>Verticalement,</strong> on se rend compte que le système d&#8217;onglet, bien connu du web, est des plus utilisés (voir mon image plus haut). Les boutons sont tous placés en bas de l&#8217;écran, puisque très logiquement en haut, le doigt cache complètement le reste du contenu lors de la navigation. Les claviers étaient généralement placés en dessous de l&#8217;écran, les interfaces tactiles ont supprimé les croix directionnelles mais ont déplacé ces boutons dans l&#8217;écran. CQFD. Tous ces boutons au reflet bleutés dans l&#8217;état sélectionné  formatent un peu la navigation exactement comme si tout le web était sous le même CMS, même si l&#8217;on perd un peu en originalité au final. Vraiment ?</p>
<p><img src="http://www.hebiflux.com/blog/images//2009/07/iphone2.jpg" alt="iphone2" title="iphone2" width="470" height="302" class="alignnone size-full wp-image-5004" /></p>
<p><em>La standardisation des éléments de navigation limite-elle la créativité de mise en page ? Pas forcément. On peut citer certaines applications comme Dexigner, Ru89, Home, ou même un peu plus éloigné l&#8217;application de Absolut, qui utilisent une mise en page ou une mise en scène un peu différente, se démarquant des simples listings d&#8217;articles.</em></p>
<p><strong>Horizontalement</strong>, ce sont plutôt les jeux. Et là, je rejoins <a href="http://www.hebiflux.com/blog/2009/07/14/un-stick-virtuel-chez-assasins-creed-sur-iphone/">mon dernier article</a> sur ce même déplacement. Challenge en terme de conception et de gameplay donc : tous les jeux ne se ressemblent pas et beaucoup n&#8217;ont pas accroché à certains qui demandaient de recouvrir tout l&#8217;écran avec le doigt. Certains sont même injouables. Il n&#8217;en demeure pas moins que le fait de placer des contrôles dans l&#8217;écran au même emplacement qu&#8217;ils n&#8217;étaient lorsqu&#8217;ils étaient bien physiques, n&#8217;est pas une si mauvaise idée quand même.</p>
<p><img src="http://www.hebiflux.com/blog/images//2009/07/rpgiphone.jpg" alt="rpgiphone" title="rpgiphone" width="470" height="313" class="alignnone size-full wp-image-5008" /><br />
<em>Image tirée du forum <a href="http://www.iphonefr.com/viewtopic.php?id=37167">de iphone.fr</a>, de Seven Swords, un RPG sur Iphone : les contrôles sont placés là idéalement de la même manière pour se déplacer et pour réaliser des actions. Pas si simple pour un RPG.</em></p>
<p>Ce challenge en terme d&#8217;interface intervient pour toutes les interfaces tactiles au final : comment s&#8217;échapper des contrôles physiques et comment surtout <strong>faire sans</strong> pour réaliser des même actions. Pour les larges surfaces tactiles, le problème n&#8217;est que plus <em>large</em> (ahah&#8230;). Je l&#8217;avais déjà évoqué : comment démarrer une vidéo sur un écran tactile (double clic, enfin double-doigt, ou bien dessin d&#8217;un &#8216;play&#8217; ?), comment enregistrer un élément ou changer de vue ? Bref, de quoi se creuser la tête, au-delà d&#8217;une certaine standardisation récurrente&#8230;</p>
 <img src="http://www.hebiflux.com/blog/wp-content/plugins/feed-statistics.php?view=1&#038;post_id=4906" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://www.hebiflux.com/blog/2009/07/27/liphone-ou-les-controles-virtuels-dans-lecran-pour-ses-applications/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>De Motocolors à Bllankwall : du flash au mur géant coloré</title>
		<link>http://www.hebiflux.com/blog/2009/07/24/de-motocolors-a-bllankwall-du-flash-au-mur-geant-colore/</link>
		<comments>http://www.hebiflux.com/blog/2009/07/24/de-motocolors-a-bllankwall-du-flash-au-mur-geant-colore/#comments</comments>
		<pubDate>Fri, 24 Jul 2009 08:10:05 +0000</pubDate>
		<dc:creator>Galdric</dc:creator>
				<category><![CDATA[Interfaces interactives]]></category>
		<category><![CDATA[Ludique et graphique]]></category>

		<guid isPermaLink="false">http://www.hebiflux.com/blog/?p=4950</guid>
		<description><![CDATA[
Pour les plus anciens lecteurs de mon blog, j&#8217;avais relevé une superbe campagne de Motorola Chicago à l&#8217;époque. Réalisé par des français au passage, il se trouve que ce projet regorgeait quand même d&#8217;idée et d&#8217;une identité graphique très forte&#8230;

Le projet a donc trouvé son prolongement dans le projet Bllankwall : un mur interactif et [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.hebiflux.com/blog/images//2009/07/moto.jpg" alt="moto" title="moto" width="470" height="231" class="alignnone size-full wp-image-4951" /></p>
<p>Pour les plus anciens lecteurs de mon blog, j&#8217;avais relevé <a href="http://www.hebiflux.com/blog/2006/12/05/moto-colors-haut-en-couleur-en-flash-et-en-mobile/">une superbe campagne de Motorola Chicago</a> à l&#8217;époque. Réalisé par des français au passage, il se trouve que ce projet regorgeait quand même d&#8217;idée et d&#8217;une identité graphique très forte&#8230;</p>
<p><img src="http://www.hebiflux.com/blog/images//2009/07/bllank.jpg" alt="bllank" title="bllank" width="470" height="223" class="alignnone size-full wp-image-4952" /></p>
<p>Le projet a donc trouvé son prolongement dans <a href="http://www.bllank.com">le projet Bllankwall </a>: un mur interactif et artistique contrôlé par l&#8217;utilisateur par tout type de périphérique. </p>
<p><em>&laquo;&nbsp;A l’aide d’une Wiimote, d’une Tablet pc, d’une surface tactile… et de thèmes réalisés par des artistes, l’utilisateur dessine de façon magique une œuvre originale et ce sur tout type de surface (écran holographique, plasma, façade d’immeuble, objets,…). L’utilisateur peut au final imprimer sa création.&nbsp;&raquo;</em></p>
<p>Je vous invite à consulter sans plus tarder <a href="http://www.flickr.com/photos/bllank/sets/72157603895894065/">leur compte Flickr</a> pour avoir une petite idée du rendu final, qui avait été pris lors d&#8217;une expo à l&#8217;ENSCI. </p>
<p><object width="470" height="317"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=4852076&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=4852076&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="470" height="317"></embed></object>
<p><a href="http://vimeo.com/4852076">bllankWall Teaser</a> from <a href="http://vimeo.com/user1812467">bllank.com</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
 <img src="http://www.hebiflux.com/blog/wp-content/plugins/feed-statistics.php?view=1&#038;post_id=4950" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://www.hebiflux.com/blog/2009/07/24/de-motocolors-a-bllankwall-du-flash-au-mur-geant-colore/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Arduino et les échecs chez Wonderfl</title>
		<link>http://www.hebiflux.com/blog/2009/07/21/arduino-et-les-echecs-chez-wonderfl/</link>
		<comments>http://www.hebiflux.com/blog/2009/07/21/arduino-et-les-echecs-chez-wonderfl/#comments</comments>
		<pubDate>Tue, 21 Jul 2009 06:09:56 +0000</pubDate>
		<dc:creator>Galdric</dc:creator>
				<category><![CDATA[Interfaces interactives]]></category>

		<guid isPermaLink="false">http://www.hebiflux.com/blog/?p=4934</guid>
		<description><![CDATA[
Wonderfl relancerait-il une certaine culture de la découverte et du partage du code en communauté ? Le fait que cette plateforme permette de créer du flash à coeur ouvert et directement sur le serveur semble réellement engager pas mal d&#8217;initiatives, et c&#8217;est une très bonne choses car au final les autres plateformes de partage de [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.hebiflux.com/blog/images//2009/07/wonderfl.jpg" alt="wonderfl" title="wonderfl" width="470" height="189" class="alignnone size-full wp-image-4935" /></p>
<p>Wonderfl relancerait-il une certaine culture de la découverte et du partage du code en communauté ? Le fait que cette plateforme permette de créer du flash à coeur ouvert et directement sur le serveur semble réellement engager pas mal d&#8217;initiatives, et c&#8217;est une très bonne choses car au final les autres plateformes de partage de code semblent s&#8217;essouffler quelque peu, hormis le bien connu TourDeFlex mais qui n&#8217;est pas sur le même modèle : </p>
<p>Ainsi, des sous domaines à wonderfl apparaissent, dédiés à des activités ou des projets particuliers : </p>
<p>- <a href="http://physical.wonderfl.net/index_en.html">http://physical.wonderfl.net/index_en.html</a> : est un sous domaine dédié à Arduino, permettant de connecter des appareils électriques avec du flash, petit outil adoré des designers aimant les expérimentations. </p>
<p><object width="470" height="317"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=5635619&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=5635619&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="470" height="317"></embed></object>
<p><a href="http://vimeo.com/5635619">physicalwonderfl</a> from <a href="http://vimeo.com/user2046725">physical_Wonderfl</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>- <a href="http://checkmate.wonderfl.net/">http://checkmate.wonderfl.net</a> : concours d&#8217;échecs sous forme de quizz</p>
<p><img src="http://www.hebiflux.com/blog/images//2009/07/check.jpg" alt="check" title="check" width="470" height="189" class="alignnone size-full wp-image-4938" /></p>
 <img src="http://www.hebiflux.com/blog/wp-content/plugins/feed-statistics.php?view=1&#038;post_id=4934" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://www.hebiflux.com/blog/2009/07/21/arduino-et-les-echecs-chez-wonderfl/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
