<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Steren labs</title>
	<atom:link href="http://labs.steren.fr/feed/" rel="self" type="application/rss+xml" />
	<link>http://labs.steren.fr</link>
	<description>Side projects and experiments</description>
	<lastBuildDate>Fri, 24 May 2013 10:58:33 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='labs.steren.fr' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://s2.wp.com/i/buttonw-com.png</url>
		<title>Steren labs</title>
		<link>http://labs.steren.fr</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://labs.steren.fr/osd.xml" title="Steren labs" />
	<atom:link rel='hub' href='http://labs.steren.fr/?pushpress=hub'/>
		<item>
		<title>Using MailJet as mail server for &#8220;Cadeaux entre nous&#8221;</title>
		<link>http://labs.steren.fr/2012/12/07/mailjet-for-cadeaux-entre-nous/</link>
		<comments>http://labs.steren.fr/2012/12/07/mailjet-for-cadeaux-entre-nous/#comments</comments>
		<pubDate>Fri, 07 Dec 2012 00:15:06 +0000</pubDate>
		<dc:creator>steren</dc:creator>
				<category><![CDATA[Gifts between us]]></category>
		<category><![CDATA[administration]]></category>
		<category><![CDATA[emails]]></category>

		<guid isPermaLink="false">http://labs.steren.fr/?p=393</guid>
		<description><![CDATA[My old website &#8220;Cadeaux entre nous&#8221; is seeing a large traffic during the christmass season: around 2000 events were created during the last 2 months between 500 and 1000 people visit the site each day. This naturally lead to a &#8230; <a href="http://labs.steren.fr/2012/12/07/mailjet-for-cadeaux-entre-nous/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=labs.steren.fr&#038;blog=17859081&#038;post=393&#038;subd=sterenlabs&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>My old website &#8220;<a href="http://www.cadeaux-entre-nous.fr/">Cadeaux entre nous</a>&#8221; is seeing a large traffic during the christmass season:</p>
<ul>
<li>around 2000 events were created during the last 2 months</li>
<li>between 500 and 1000 people visit the site each day.</li>
</ul>
<p>This naturally lead to a mailing issue: I was previously using gmail to automatically send emails, I guess I reached the limit since it constantly required me to change the password.</p>
<p>I recently heard about <a href="http://www.cadeaux-entre-nous.fr/">MailJet</a>, a French company that <a href="http://frenchweb.fr/exclusif-la-plateforme-de-cloud-emailing-mailjet-leve-2-5-millions-euros/88793">raised quite a lot of money</a> last week. I knew <a href="http://sendgrid.com/">Sendgrid</a> but was willing to try something fresh.</p>
<p>Mailjet has a nice UI, clear instructions and allows you to setup your SMTP server in a few clicks. The real-time dashboard with analytics is a real plus to see if everything goes well.</p>
<p>I quickly reached the free plans limit (which is 200 mails per day), but thanks to a few <a href="http://cadeaux-entre-nous.fr/faq">donations from my users</a>, I could upgrade a Bronze plan and since then, all is runnign smoothly. I guess I will downgrade when the holiday season is over.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/sterenlabs.wordpress.com/393/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/sterenlabs.wordpress.com/393/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=labs.steren.fr&#038;blog=17859081&#038;post=393&#038;subd=sterenlabs&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://labs.steren.fr/2012/12/07/mailjet-for-cadeaux-entre-nous/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://2.gravatar.com/avatar/e59fab6ffa4743b3fe636dcbfe08074a?s=96&#38;d=http%3A%2F%2Fs0.wp.com%2Fi%2Fmu.gif&#38;r=G" medium="image">
			<media:title type="html">steren</media:title>
		</media:content>
	</item>
		<item>
		<title>Bringing video support to Phonegap Android</title>
		<link>http://labs.steren.fr/2012/10/24/video-support-phonegap-android/</link>
		<comments>http://labs.steren.fr/2012/10/24/video-support-phonegap-android/#comments</comments>
		<pubDate>Wed, 24 Oct 2012 21:43:06 +0000</pubDate>
		<dc:creator>steren</dc:creator>
				<category><![CDATA[Phonegap]]></category>
		<category><![CDATA[android]]></category>
		<category><![CDATA[cordova]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://labs.steren.fr/?p=384</guid>
		<description><![CDATA[Phonegap for Android had serious issues with inline videos: HTML &#60;video&#62; tag was not supported at all on Android inferior to 4. (On Android 4.X, they require the View to be hardware accelerated) On behalf of Joshfire, I worked on &#8230; <a href="http://labs.steren.fr/2012/10/24/video-support-phonegap-android/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=labs.steren.fr&#038;blog=17859081&#038;post=384&#038;subd=sterenlabs&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>Phonegap for Android had serious issues with inline videos: HTML &lt;video&gt; tag was not supported at all on Android inferior to 4. (On Android 4.X, they require the View to be hardware accelerated)</p>
<p>On behalf of Joshfire, I worked on the main cordova Android source code by adding elements from the original Android browser. In the end, clicking on a video on a Phonegap application starts a fullscreen video player view. Hitting the &#8220;back&#8221; button goes back to the app. This is far from perfect, but better than nothing.</p>
<p>After submitting my pull request, I had warm and polite feedback from <a href="http://simonmacdonald.blogspot.fr/">Simon Mc Donald</a> of the Phonegap team, he helped to test my work and added the final touches before accepting the code into his branch.</p>
<p>Today the feature has been shipped into Phonegap 2.2.0. I had great feedback from both Phonegap creators and users. That&#8217;s something very motivating.</p>
<p>See the final <a href="https://github.com/apache/incubator-cordova-android/commit/06aafc96c9fd55a4d98dd032710048ed211ac49e">commit</a> in Phonegap&#8217;s source code.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/sterenlabs.wordpress.com/384/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/sterenlabs.wordpress.com/384/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=labs.steren.fr&#038;blog=17859081&#038;post=384&#038;subd=sterenlabs&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://labs.steren.fr/2012/10/24/video-support-phonegap-android/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://2.gravatar.com/avatar/e59fab6ffa4743b3fe636dcbfe08074a?s=96&#38;d=http%3A%2F%2Fs0.wp.com%2Fi%2Fmu.gif&#38;r=G" medium="image">
			<media:title type="html">steren</media:title>
		</media:content>
	</item>
		<item>
		<title>Annual update to &#8220;Cadeaux entre nous&#8221;</title>
		<link>http://labs.steren.fr/2012/10/03/annual-update-to-cadeaux-entre-nous/</link>
		<comments>http://labs.steren.fr/2012/10/03/annual-update-to-cadeaux-entre-nous/#comments</comments>
		<pubDate>Tue, 02 Oct 2012 22:19:27 +0000</pubDate>
		<dc:creator>steren</dc:creator>
				<category><![CDATA[Gifts between us]]></category>
		<category><![CDATA[feature]]></category>
		<category><![CDATA[update]]></category>

		<guid isPermaLink="false">http://labs.steren.fr/?p=379</guid>
		<description><![CDATA[Two years ago I built a simple website to organize online what is called a &#8220;Secret Santa&#8221;: you enter a list of participants, and everyone has to offer a present to someone else. the draw is done online and the mails &#8230; <a href="http://labs.steren.fr/2012/10/03/annual-update-to-cadeaux-entre-nous/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=labs.steren.fr&#038;blog=17859081&#038;post=379&#038;subd=sterenlabs&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>Two years ago I <a title="Gifts between us" href="http://labs.steren.fr/2010/11/24/gifts-between-friends/">built a simple website</a> to organize online what is called a &#8220;Secret Santa&#8221;: you enter a list of participants, and everyone has to offer a present to someone else. the draw is done online and the mails are sent by the server. Since then, the service has been used moderately : more than 1300 events have been created.</p>
<p>Last year, I added an organizer dashboard, to track who opened the mail. This was a important feature in order to make sure that everything goes well. This year, following tens of user complaints, I added a way to change the email of a participant and resend him the drawing email.</p>
<div id="attachment_382" class="wp-caption alignnone" style="width: 594px"><a href="http://sterenlabs.files.wordpress.com/2012/10/capture-du-2012-10-03-001835.png"><img class="size-full wp-image-382" title="Capture du 2012-10-03 00:18:35" src="http://sterenlabs.files.wordpress.com/2012/10/capture-du-2012-10-03-001835.png?w=584&#038;h=352" alt="" width="584" height="352" /></a><p class="wp-caption-text">The organizer dashboard, with the new edit and resend email feature</p></div>
<p>Happy holidays</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/sterenlabs.wordpress.com/379/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/sterenlabs.wordpress.com/379/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=labs.steren.fr&#038;blog=17859081&#038;post=379&#038;subd=sterenlabs&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://labs.steren.fr/2012/10/03/annual-update-to-cadeaux-entre-nous/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://2.gravatar.com/avatar/e59fab6ffa4743b3fe636dcbfe08074a?s=96&#38;d=http%3A%2F%2Fs0.wp.com%2Fi%2Fmu.gif&#38;r=G" medium="image">
			<media:title type="html">steren</media:title>
		</media:content>

		<media:content url="http://sterenlabs.files.wordpress.com/2012/10/capture-du-2012-10-03-001835.png" medium="image">
			<media:title type="html">Capture du 2012-10-03 00:18:35</media:title>
		</media:content>
	</item>
		<item>
		<title>voyages-sncf.com: more is less</title>
		<link>http://labs.steren.fr/2012/02/10/voyages-sncf-com-more-is-less/</link>
		<comments>http://labs.steren.fr/2012/02/10/voyages-sncf-com-more-is-less/#comments</comments>
		<pubDate>Thu, 09 Feb 2012 22:33:52 +0000</pubDate>
		<dc:creator>steren</dc:creator>
				<category><![CDATA[Misc.]]></category>
		<category><![CDATA[keep it simple]]></category>
		<category><![CDATA[simple]]></category>
		<category><![CDATA[train]]></category>
		<category><![CDATA[ui]]></category>
		<category><![CDATA[voyages-sncf.com]]></category>

		<guid isPermaLink="false">http://labs.steren.fr/?p=365</guid>
		<description><![CDATA[If like me you are fed up with the cluttered interface of the main French train ticket website voyages-sncf.com, I advise you to try Capitaine Train, a startup that sells tickets too but re-invented the interface and is doing it &#8230; <a href="http://labs.steren.fr/2012/02/10/voyages-sncf-com-more-is-less/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=labs.steren.fr&#038;blog=17859081&#038;post=365&#038;subd=sterenlabs&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>If like me you are fed up with the cluttered interface of the main French train ticket website <a href="http://www.voyages-sncf.com/">voyages-sncf.com</a>, I advise you to try <a href="http://www.capitainetrain.com/">Capitaine Train</a>, a startup that sells tickets too but re-invented the interface and is <strong>doing it right</strong>.</p>
<p>However, if you still want to use voyages-sncf.com for whatever reason, you can install this little hack I made by removing everything not necessary to me:</p>
<div id="attachment_368" class="wp-caption alignnone" style="width: 1034px"><a href="http://sterenlabs.files.wordpress.com/2012/02/voyagesncf-compare.png"><img class="size-large wp-image-368" title="voyagesncf-compare" src="http://sterenlabs.files.wordpress.com/2012/02/voyagesncf-compare.png?w=1024&#038;h=541" alt="" width="1024" height="541" /></a><p class="wp-caption-text">voyages-sncf.com left before, right after</p></div>
<p><strong>How to use it:</strong><br />
Install the <em>Stylish</em> add-on for <a href="https://addons.mozilla.org/en-US/firefox/addon/stylish/">Firefox</a> or <a href="https://chrome.google.com/webstore/detail/fjnbnpbmkenffdnngjfgmeleoegfcffe">Chrome</a>, then install my style from <a href="http://userstyles.org/styles/60657/voyages-sncf-com-focus-on-train-tickets">this page</a>. Enjoy.</p>
<p>The simple &#8220;source code&#8221; is available on this <a href="https://gist.github.com/1783590">gist</a>, feel free to make it better.</p>
<p>This could be a message to SNCF: Keep It Simple Stupid, please.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/sterenlabs.wordpress.com/365/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/sterenlabs.wordpress.com/365/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=labs.steren.fr&#038;blog=17859081&#038;post=365&#038;subd=sterenlabs&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://labs.steren.fr/2012/02/10/voyages-sncf-com-more-is-less/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
	
		<media:content url="http://2.gravatar.com/avatar/e59fab6ffa4743b3fe636dcbfe08074a?s=96&#38;d=http%3A%2F%2Fs0.wp.com%2Fi%2Fmu.gif&#38;r=G" medium="image">
			<media:title type="html">steren</media:title>
		</media:content>

		<media:content url="http://sterenlabs.files.wordpress.com/2012/02/voyagesncf-compare.png?w=1024" medium="image">
			<media:title type="html">voyagesncf-compare</media:title>
		</media:content>
	</item>
		<item>
		<title>Maldives documentary</title>
		<link>http://labs.steren.fr/2011/11/16/349/</link>
		<comments>http://labs.steren.fr/2011/11/16/349/#comments</comments>
		<pubDate>Wed, 16 Nov 2011 00:14:26 +0000</pubDate>
		<dc:creator>steren</dc:creator>
				<category><![CDATA[Misc.]]></category>
		<category><![CDATA[blender]]></category>
		<category><![CDATA[dive]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://labs.steren.fr/?p=349</guid>
		<description><![CDATA[A friend of mine is working on two or three documentaries about marine life. He is a very passionate diver and really loves to share his passion. You can watch his previous videos on his Dailymotion Channel. His first trip &#8230; <a href="http://labs.steren.fr/2011/11/16/349/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=labs.steren.fr&#038;blog=17859081&#038;post=349&#038;subd=sterenlabs&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>A friend of mine is working on two or three documentaries about marine life. He is a very passionate diver and really loves to share his passion. You can watch his previous videos on his <a href="http://www.dailymotion.com/franckfranck2A#videoId=xkvg95">Dailymotion Channel</a>.</p>
<p>His first trip is to the Maldives, where he will be filming Manta Rays. I worked using <a href="http://www.blender.org/">Blender</a> on a shot that explains the travel and the location.</p>
<p>You can see on the following video, various iterations of this shot:<br />
<span class='embed-youtube' style='text-align:center; display: block;'><iframe class='youtube-player' type='text/html' width='584' height='359' src='http://www.youtube.com/embed/ny7Y4trB6Pc?version=3&#038;rel=1&#038;fs=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;wmode=transparent' frameborder='0'></iframe></span></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/sterenlabs.wordpress.com/349/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/sterenlabs.wordpress.com/349/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=labs.steren.fr&#038;blog=17859081&#038;post=349&#038;subd=sterenlabs&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://labs.steren.fr/2011/11/16/349/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://2.gravatar.com/avatar/e59fab6ffa4743b3fe636dcbfe08074a?s=96&#38;d=http%3A%2F%2Fs0.wp.com%2Fi%2Fmu.gif&#38;r=G" medium="image">
			<media:title type="html">steren</media:title>
		</media:content>
	</item>
		<item>
		<title>Square of the Dead</title>
		<link>http://labs.steren.fr/2011/09/20/square-of-the-dead/</link>
		<comments>http://labs.steren.fr/2011/09/20/square-of-the-dead/#comments</comments>
		<pubDate>Tue, 20 Sep 2011 17:28:36 +0000</pubDate>
		<dc:creator>steren</dc:creator>
				<category><![CDATA[Square of the Dead]]></category>
		<category><![CDATA[foursquare]]></category>
		<category><![CDATA[game]]></category>
		<category><![CDATA[hackathon]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[zombies]]></category>

		<guid isPermaLink="false">http://labs.steren.fr/?p=328</guid>
		<description><![CDATA[or &#8220;28 check-ins later&#8220;&#8230; This week-end, I participated to the foursquare global hackathon. I worked with Jean and Olivier on I&#8217;ve been having an idea for a long time: imagine a virtual virus that is spreading due to our social &#8230; <a href="http://labs.steren.fr/2011/09/20/square-of-the-dead/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=labs.steren.fr&#038;blog=17859081&#038;post=328&#038;subd=sterenlabs&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>or &#8220;<em>28 check-ins later</em>&#8220;&#8230;</p>
<p>This week-end, I participated to the <a href="http://blog.foursquare.com/2011/08/17/announcing-the-round-the-clock-round-the-world-foursquare-hackathon/">foursquare global hackathon</a>. I worked with <a href="http://twitter.com/#!/myduchere">Jean</a> and <a href="http://twitter.com/#!/oli_bre">Olivier</a> on<br />
<a href="http://squareofthedead.appspot.com/"><img class="aligncenter size-medium wp-image-329" title="title_home" src="http://sterenlabs.files.wordpress.com/2011/09/title_home.png?w=300&#038;h=49" alt="" width="300" height="49" /></a></p>
<p>I&#8217;ve been having an idea for a long time: imagine a virtual virus that is spreading due to our social interactions. Wouldn&#8217;t it be great to see it spread and to see how people react? Foursquare was the ideal product to build upon. So I pitched a crazy idea about virus and zombies, saying that a game mechanism was still to be defined.</p>
<p>Inspired by zombie movies, we worked a long time to define a simple game pluggable on foursquare. After a couple of iterations, we came up with a simple system:</p>
<div id="attachment_330" class="wp-caption aligncenter" style="width: 1034px"><a href="http://sterenlabs.files.wordpress.com/2011/09/rules.png"><img class="size-large wp-image-330" title="rules" src="http://sterenlabs.files.wordpress.com/2011/09/rules.png?w=1024&#038;h=660" alt="" width="1024" height="660" /></a><p class="wp-caption-text">Square of the Dead, rules</p></div>
<p>Players can either be survivors or zombies.</p>
<ul>
<li>When you are a <strong>zombie</strong>, you contaminate every place you check into. Your goal is to spread the virus.</li>
<li>When you are a <strong>survivor</strong>, you get contaminated if you check into a contaminated place. Your goal is to survive, for this you can find guns in non-contaminated places. These guns will allow you to de-contaminate places and transform zombies from these places into survivors.</li>
</ul>
<p><a href="http://sterenlabs.files.wordpress.com/2011/09/capture-square-of-the-dead-google-chrome.png"><img src="http://sterenlabs.files.wordpress.com/2011/09/capture-square-of-the-dead-google-chrome.png?w=1024&#038;h=586" alt="" title="Capture-Square Of The Dead" width="1024" height="586" class="aligncenter size-large wp-image-331" /></a></p>
<p>The game do not require so much actions from the players, they just have to keep using foursquare to play. We minimized the problems by adopting a cross-platform notification system that everyone is already using: <strong>emails</strong>.</p>
<p>Technically, we used the <a href="http://www.playframework.org/">Play! framework</a> deployed on <a href="http://code.google.com/appengine/">App Engine</a> using <a href="http://www.sienaproject.com/index.html">Siena</a>. I ran into <a href="https://play.lighthouseapp.com/projects/57987-play-framework/tickets/444">a bug</a> that made us lost some precious hours.</p>
<p>We will polish the game and maybe come up with some nice other features (like a map to see the virus spreading all over the world!).<br />
<a href="http://squareofthedead.appspot.com/">Try &#8220;Square of the Dead&#8221; now</a>.</p>
<p>Olivier, designer, also <a href="http://olivierbrechon.com/blog-2/">blogged about his experience</a>.</p>
<div id="attachment_340" class="wp-caption aligncenter" style="width: 310px"><a href="http://sterenlabs.files.wordpress.com/2011/09/317641_260756837297294_128085203897792_793909_288501339_n.jpg"><img src="http://sterenlabs.files.wordpress.com/2011/09/317641_260756837297294_128085203897792_793909_288501339_n.jpg?w=300&#038;h=225" alt="" title="317641_260756837297294_128085203897792_793909_288501339_n" width="300" height="225" class="size-medium wp-image-340" /></a><p class="wp-caption-text">Working on the project, picture by Le Camping</p></div>
<p>I really enjoyed the hackathon. <a href="http://fshackathon.appspot.com/">Other projects</a> were really great. here are my favorites:</p>
<ul>
<li><a href="http://4sqbox.phpfogapp.com/">4sqBox</a>: receive files when you chek-in somewhere</li>
<li><a href="http://yakafokon.github.com/fstalk2her/">fstalk2her</a>: check the boy/girl ratio before going into a bar and see what you have in common with these people <img src='http://s0.wp.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </li>
<li><a href="http://www.checkmeinhq.com/">Check Me In</a>: Check-in just by facing your smartphone in front of the venue&#8217;s iPad (use case: you have no network)</li>
<li><a href="http://www.gomesbrothers.com/gettogether/">Gettogether</a>: very slick mobile app to organize something with friends.</li>
</ul>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/sterenlabs.wordpress.com/328/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/sterenlabs.wordpress.com/328/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=labs.steren.fr&#038;blog=17859081&#038;post=328&#038;subd=sterenlabs&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://labs.steren.fr/2011/09/20/square-of-the-dead/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://2.gravatar.com/avatar/e59fab6ffa4743b3fe636dcbfe08074a?s=96&#38;d=http%3A%2F%2Fs0.wp.com%2Fi%2Fmu.gif&#38;r=G" medium="image">
			<media:title type="html">steren</media:title>
		</media:content>

		<media:content url="http://sterenlabs.files.wordpress.com/2011/09/title_home.png?w=300" medium="image">
			<media:title type="html">title_home</media:title>
		</media:content>

		<media:content url="http://sterenlabs.files.wordpress.com/2011/09/rules.png?w=1024" medium="image">
			<media:title type="html">rules</media:title>
		</media:content>

		<media:content url="http://sterenlabs.files.wordpress.com/2011/09/capture-square-of-the-dead-google-chrome.png?w=1024" medium="image">
			<media:title type="html">Capture-Square Of The Dead</media:title>
		</media:content>

		<media:content url="http://sterenlabs.files.wordpress.com/2011/09/317641_260756837297294_128085203897792_793909_288501339_n.jpg?w=300" medium="image">
			<media:title type="html">317641_260756837297294_128085203897792_793909_288501339_n</media:title>
		</media:content>
	</item>
		<item>
		<title>AnyDance</title>
		<link>http://labs.steren.fr/2011/09/15/anydance/</link>
		<comments>http://labs.steren.fr/2011/09/15/anydance/#comments</comments>
		<pubDate>Thu, 15 Sep 2011 15:45:49 +0000</pubDate>
		<dc:creator>steren</dc:creator>
				<category><![CDATA[AnyDance]]></category>
		<category><![CDATA[dance game]]></category>
		<category><![CDATA[game]]></category>
		<category><![CDATA[nodejs]]></category>
		<category><![CDATA[socketio]]></category>

		<guid isPermaLink="false">http://labs.steren.fr/?p=346</guid>
		<description><![CDATA[I&#8217;ve been hacking on a little project during the summer. The idea is to use the phone as a remote controller for a game displaying on a screen. I&#8217;m building a dance game, where the players&#8217; goal is to follow &#8230; <a href="http://labs.steren.fr/2011/09/15/anydance/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=labs.steren.fr&#038;blog=17859081&#038;post=346&#038;subd=sterenlabs&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>I&#8217;ve been hacking on a little project during the summer. The idea is to use the phone as a remote controller for a game displaying on a screen. I&#8217;m building a dance game, where the players&#8217; goal is to follow a dance seen live in a video.</p>
<p>I&#8217;m using the accelerometers of the phone to record the movement of the players. Then I compare this to the reference movement of this video. If the movement match, the player earn points. The best dancer win at the end of the game.<br />
Technically, the main challenges are the processing of the accelerometer data and communicating in real time.</p>
<p><strong>Accelerometer data from the phone</strong>: I could use the native APIs and build a native app, but Phonegap is providing an <a href="http://docs.phonegap.com/en/1.0.0/phonegap_accelerometer_accelerometer.md.html">accelerometer API</a>, so I could build my app once and use it on many platforms.</p>
<p><strong>Data comparison</strong>: I have to use well thinked descriptors to compare the recorded data to the reference. I will start by detecting the &#8220;bumps&#8221;, their direction and their amplitude.</p>
<p><strong>Live communication</strong>: I&#8217;m using some real time technology to make all the device communicating with a server in real time: my choice is to use <a href="http://nodejs.org/">node.js</a> and the <a href="http://socket.io/">socket.io</a> library (and to ideally use web sockets).</p>
<p><strong>Data store</strong>: the library of dances will be stored in a no-SQL database. My choice is to use <a href="http://www.mongodb.org/">mongoDB</a>.</p>
<p><strong>Record a dance</strong>: one last challenge is to record the reference dance for a given video. I will try to use some simple machine learning algorithms to extract the reference from a set of records.</p>
<p>You can follow the development on <a href="https://github.com/Steren/anydance">my github</a>. </p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/sterenlabs.wordpress.com/346/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/sterenlabs.wordpress.com/346/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=labs.steren.fr&#038;blog=17859081&#038;post=346&#038;subd=sterenlabs&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://labs.steren.fr/2011/09/15/anydance/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://2.gravatar.com/avatar/e59fab6ffa4743b3fe636dcbfe08074a?s=96&#38;d=http%3A%2F%2Fs0.wp.com%2Fi%2Fmu.gif&#38;r=G" medium="image">
			<media:title type="html">steren</media:title>
		</media:content>
	</item>
		<item>
		<title>Hack Le Camping logo</title>
		<link>http://labs.steren.fr/2011/05/19/hack-le-camping-logo/</link>
		<comments>http://labs.steren.fr/2011/05/19/hack-le-camping-logo/#comments</comments>
		<pubDate>Thu, 19 May 2011 12:15:49 +0000</pubDate>
		<dc:creator>steren</dc:creator>
				<category><![CDATA[Hack Le Camping]]></category>
		<category><![CDATA[logo]]></category>

		<guid isPermaLink="false">http://labs.steren.fr/?p=307</guid>
		<description><![CDATA[We are organizing a developper event for the end of June in Paris. Read more about the event here. I took some time to create a logo, and here is the second iteration : In the spirit of a hacking &#8230; <a href="http://labs.steren.fr/2011/05/19/hack-le-camping-logo/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=labs.steren.fr&#038;blog=17859081&#038;post=307&#038;subd=sterenlabs&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>We are organizing a developper event for the end of June in Paris. Read more about the event <a href="http://hacklecamping.eventbrite.com/">here</a>.</p>
<p>I took some time to create a logo, and here is the second iteration :<br />
<a href="http://sterenlabs.files.wordpress.com/2011/05/hack_lecamping_fractale_final.png"><img class="aligncenter size-medium wp-image-308" title="Hack_LeCamping_fractale_final" src="http://sterenlabs.files.wordpress.com/2011/05/hack_lecamping_fractale_final.png?w=280&#038;h=300" alt="" width="280" height="300" /></a></p>
<p>In the spirit of a hacking event, the logo is a remix of <a href="http://lecamping.org/">Le Camping</a>&#8216;s logo. Then the idea is that people will build things on top of the APIs from startups of Le Camping, this is why Le Camping&#8217;s symbol is the root of a growing tree of smaller other symbols. And of course, the <a href="http://en.wikipedia.org/wiki/Koch_snowflake">Van Koch fractal</a> is something geeks love <img src='http://s0.wp.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>What do you think?</p>
<p>It&#8217;s done using <a href="http://inkscape.org/">Inkscape</a> an Open Source vector graphics editor I contributed to. It uses Live Path Effects. Get the SVG <a href="https://github.com/Steren/hacklecamping-logo/blob/master/Hack_LeCamping.svg">here</a>!</p>
<p>Now let&#8217;s do the t-shirts !</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/sterenlabs.wordpress.com/307/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/sterenlabs.wordpress.com/307/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=labs.steren.fr&#038;blog=17859081&#038;post=307&#038;subd=sterenlabs&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://labs.steren.fr/2011/05/19/hack-le-camping-logo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://2.gravatar.com/avatar/e59fab6ffa4743b3fe636dcbfe08074a?s=96&#38;d=http%3A%2F%2Fs0.wp.com%2Fi%2Fmu.gif&#38;r=G" medium="image">
			<media:title type="html">steren</media:title>
		</media:content>

		<media:content url="http://sterenlabs.files.wordpress.com/2011/05/hack_lecamping_fractale_final.png?w=280" medium="image">
			<media:title type="html">Hack_LeCamping_fractale_final</media:title>
		</media:content>
	</item>
		<item>
		<title>You just know the time</title>
		<link>http://labs.steren.fr/2011/05/09/you-just-know-the-time/</link>
		<comments>http://labs.steren.fr/2011/05/09/you-just-know-the-time/#comments</comments>
		<pubDate>Sun, 08 May 2011 22:49:11 +0000</pubDate>
		<dc:creator>steren</dc:creator>
				<category><![CDATA[ColorClock]]></category>
		<category><![CDATA[android]]></category>
		<category><![CDATA[clock]]></category>
		<category><![CDATA[java]]></category>
		<category><![CDATA[time]]></category>
		<category><![CDATA[wallpaper]]></category>

		<guid isPermaLink="false">http://labs.steren.fr/?p=282</guid>
		<description><![CDATA[Are you always able to tell time after having checked your smartphone? Very often, I&#8217;m not. Yet, time is displayed very big on the unlock screen and is always visible at the top. When using my smartphone and when I &#8230; <a href="http://labs.steren.fr/2011/05/09/you-just-know-the-time/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=labs.steren.fr&#038;blog=17859081&#038;post=282&#038;subd=sterenlabs&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>Are you always able to tell time after having checked your smartphone?<br />
Very often, I&#8217;m not. Yet, time is displayed very big on the unlock screen and is always visible at the top.</p>
<p>When using my smartphone and when I don&#8217;t want to explicitly check the time,  I don&#8217;t pay any attention to the clock. It can be similar to the &#8220;<a href="http://en.wikipedia.org/wiki/Banner_blindness">banner blindness</a>&#8221; phenomenon.</p>
<p>What if the time could be printed into my mind without doing any effort?</p>
<p>I wanted to experiment around this idea. In a short time, I created a live wallpaper for Android which color changes over the hour.</p>
<div id="attachment_285" class="wp-caption aligncenter" style="width: 310px"><a href="http://sterenlabs.files.wordpress.com/2011/05/screen-color.png"><img class="size-medium wp-image-285 " title="screen-color" src="http://sterenlabs.files.wordpress.com/2011/05/screen-color.png?w=300&#038;h=250" alt="" width="300" height="250" /></a><p class="wp-caption-text">The wallpaper color changes during the hour.</p></div>
<p>I&#8217;m sure that after having checked the smartphone, we are able to tell what color was the background. And because a given color corresponds to a given number of minutes, we can approximately guess the time. The tint of the background color depends on the minutes : 0 min is red (0°), 30 min is turquoise (180°)&#8230; I think that the hour is not important, most of the time, we are able to guess the hour.<br />
Of course, it requires a learning time. A time for our brain to learn the bijection between colors and minutes. This experiment will test if it is easily possible.</p>
<div id="attachment_294" class="wp-caption aligncenter" style="width: 226px"><a href="http://sterenlabs.files.wordpress.com/2011/05/colocclock-howto.png"><img class="size-medium wp-image-294 " title="ColocClock-howto" src="http://sterenlabs.files.wordpress.com/2011/05/colocclock-howto.png?w=216&#038;h=216" alt="" width="216" height="216" /></a><p class="wp-caption-text">The HSV color wheel is mapped on a clock. Every color has its minute.</p></div>
<p style="text-align:left;">Give it a try by downloading <a href="https://market.android.com/details?id=fr.steren.colorclock">&#8220;Color Clock Wallpaper&#8221; from the Android market.</a><br />
<img class="aligncenter" src="http://qrcode.kaywa.com/img.php?s=6&amp;d=market%3A%2F%2Fsearch%3Fq%3Dfr.steren.colorclock" alt="qrcode" width="168" height="168" /><br />
And it&#8217;s open-source, bitch! You can <a href="https://github.com/Steren/ColorClock">grab the code on my github</a> and come up with your own additions.</p>
<p>I will start using it every day, and see if this experimentation works. It may require to be tweaked, we will see.<br />
I also have ideas for additional features:</p>
<ul>
<li>Add a texture to the wallpaper, for it to be pretty.</li>
<li>I notice I like to tap on the screen when I have the &#8220;Nexus&#8221; wallpaper, because I know it will do something entertaining. What if this something could make me know the time?</li>
<li>Let the user choose the color gradient ?</li>
</ul>
<div>And you,what do you think ? Did you test it ? Leave your comments here.</div>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/sterenlabs.wordpress.com/282/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/sterenlabs.wordpress.com/282/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=labs.steren.fr&#038;blog=17859081&#038;post=282&#038;subd=sterenlabs&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://labs.steren.fr/2011/05/09/you-just-know-the-time/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://2.gravatar.com/avatar/e59fab6ffa4743b3fe636dcbfe08074a?s=96&#38;d=http%3A%2F%2Fs0.wp.com%2Fi%2Fmu.gif&#38;r=G" medium="image">
			<media:title type="html">steren</media:title>
		</media:content>

		<media:content url="http://sterenlabs.files.wordpress.com/2011/05/screen-color.png?w=300" medium="image">
			<media:title type="html">screen-color</media:title>
		</media:content>

		<media:content url="http://sterenlabs.files.wordpress.com/2011/05/colocclock-howto.png?w=300" medium="image">
			<media:title type="html">ColocClock-howto</media:title>
		</media:content>

		<media:content url="http://qrcode.kaywa.com/img.php?s=6&#38;d=market%3A%2F%2Fsearch%3Fq%3Dfr.steren.colorclock" medium="image">
			<media:title type="html">qrcode</media:title>
		</media:content>
	</item>
		<item>
		<title>Image processing with Javascript</title>
		<link>http://labs.steren.fr/2011/05/07/image-processing-with-javascript/</link>
		<comments>http://labs.steren.fr/2011/05/07/image-processing-with-javascript/#comments</comments>
		<pubDate>Sat, 07 May 2011 13:11:53 +0000</pubDate>
		<dc:creator>steren</dc:creator>
				<category><![CDATA[Misc.]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://labs.steren.fr/?p=279</guid>
		<description><![CDATA[I&#8217;m used to do image processing using Matlab or OpenCV. But today, I prefer using web technologies because sharing and debugging is easier. How to do image processing using Javascript ? The canvas API is good to manipulate pixels, however, &#8230; <a href="http://labs.steren.fr/2011/05/07/image-processing-with-javascript/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=labs.steren.fr&#038;blog=17859081&#038;post=279&#038;subd=sterenlabs&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>I&#8217;m used to do image processing using Matlab or OpenCV. But today, I prefer using web technologies because sharing and debugging is easier.</p>
<p>How to do image processing using Javascript ?</p>
<p>The <a href="https://developer.mozilla.org/en/html/canvas">canvas API</a> is good to manipulate pixels, however, a library with the most common operations would be great.<br />
I spotted two libraries: <a href="https://github.com/mezzoblue/PaintbrushJS">PaintbrushJS</a> and <a href="https://github.com/jseidelin/pixastic">Pixastic</a>.</p>
<ul>
<li>PaintbrushJS simply allows to apply filters to images on the page, that&#8217;s it.</li>
<li>Pixastic is more flexible, offers more filters and features. And you can easily call a filter in your Javascript code.</li>
</ul>
<p>But because of its simplicity when reading the code, I started some experimentations using PaintbrushJS. </p>
<p>After a few minutes, I noticed that the matrix convolution operation was not correct in this library. So I fixed it in <a href="https://github.com/Steren/PaintbrushJS">my branch</a>. Feel free to use it.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/sterenlabs.wordpress.com/279/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/sterenlabs.wordpress.com/279/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=labs.steren.fr&#038;blog=17859081&#038;post=279&#038;subd=sterenlabs&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://labs.steren.fr/2011/05/07/image-processing-with-javascript/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://2.gravatar.com/avatar/e59fab6ffa4743b3fe636dcbfe08074a?s=96&#38;d=http%3A%2F%2Fs0.wp.com%2Fi%2Fmu.gif&#38;r=G" medium="image">
			<media:title type="html">steren</media:title>
		</media:content>
	</item>
	</channel>
</rss>
