<?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&#039;s Blog</title>
	<atom:link href="http://blog.steren.fr/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.steren.fr</link>
	<description>So much drafts, so few posts</description>
	<lastBuildDate>Sun, 19 May 2013 16:54:05 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='blog.steren.fr' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://s2.wp.com/i/buttonw-com.png</url>
		<title>Steren&#039;s Blog</title>
		<link>http://blog.steren.fr</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://blog.steren.fr/osd.xml" title="Steren&#039;s Blog" />
	<atom:link rel='hub' href='http://blog.steren.fr/?pushpress=hub'/>
		<item>
		<title>Salvador Dalí&#8217;s tiger, quite inspired by an ad for Ringling Bros</title>
		<link>http://blog.steren.fr/2013/05/19/dali-tiger-inspiration/</link>
		<comments>http://blog.steren.fr/2013/05/19/dali-tiger-inspiration/#comments</comments>
		<pubDate>Sat, 18 May 2013 22:19:47 +0000</pubDate>
		<dc:creator>steren</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Charles Livingston Bull]]></category>
		<category><![CDATA[copy]]></category>
		<category><![CDATA[Salvador Dali]]></category>

		<guid isPermaLink="false">http://blog.steren.fr/?p=466</guid>
		<description><![CDATA[Left: Ad for Ringling Bros. and Barnum &#38; Bailey, Charles Livingston Bull 1915 Right: Dream Caused by the Flight of a Bee Around a Pomegranate a Second Before Awakening, Salvador Dalí 1944 A poster I found in my attic reminded me one of my favorite piece by Salvador Dali, I think we can agree one got inspired by [&#8230;]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=blog.steren.fr&#038;blog=15960385&#038;post=466&#038;subd=sterenblog&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p><a href="http://sterenblog.files.wordpress.com/2013/05/dali-ringling-bros-tiger1.png"><img class="aligncenter size-large wp-image-474" alt="Dali Ringling Bros tiger inspiration" src="http://sterenblog.files.wordpress.com/2013/05/dali-ringling-bros-tiger1.png?w=500&#038;h=504" width="500" height="504" /></a></p>
<p>Left: <em>Ad for Ringling Bros. and Barnum &amp; Bailey</em>, Charles Livingston Bull <strong>1915</strong></p>
<p>Right:<em> Dream Caused by the Flight of a Bee Around a Pomegranate a Second Before Awakening</em>, Salvador Dalí <strong>1944</strong></p>
<p>A poster I found in my attic reminded me one of my favorite piece by Salvador Dali, I think we can agree one got inspired by the other.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/sterenblog.wordpress.com/466/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/sterenblog.wordpress.com/466/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=blog.steren.fr&#038;blog=15960385&#038;post=466&#038;subd=sterenblog&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://blog.steren.fr/2013/05/19/dali-tiger-inspiration/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://2.gravatar.com/avatar/e59fab6ffa4743b3fe636dcbfe08074a?s=96&#38;d=http%3A%2F%2F2.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">steren</media:title>
		</media:content>

		<media:content url="http://sterenblog.files.wordpress.com/2013/05/dali-ringling-bros-tiger1.png?w=500" medium="image">
			<media:title type="html">Dali Ringling Bros tiger inspiration</media:title>
		</media:content>
	</item>
		<item>
		<title>Cocktail dosage in martini glasses: Maths are here to help</title>
		<link>http://blog.steren.fr/2012/12/27/cocktails-cone-glass-maths/</link>
		<comments>http://blog.steren.fr/2012/12/27/cocktails-cone-glass-maths/#comments</comments>
		<pubDate>Thu, 27 Dec 2012 10:00:51 +0000</pubDate>
		<dc:creator>steren</dc:creator>
				<category><![CDATA[Experiences]]></category>
		<category><![CDATA[cocktail]]></category>
		<category><![CDATA[cone]]></category>
		<category><![CDATA[geometry]]></category>
		<category><![CDATA[maths]]></category>
		<category><![CDATA[thales]]></category>

		<guid isPermaLink="false">https://sterenblog.wordpress.com/?p=400</guid>
		<description><![CDATA[New Year&#8217;s Eve is getting close, you&#8217;d beter be prepared. Let me share a problem I had last day when I decided to make cocktails in martini glasses. How was I suppose to dose my ingredients in such cone-shaped glasses? Let&#8217;s take a first example, The Black Russian recipe is: 2/3 Vodka 1/3  Kahlúa The problem is [&#8230;]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=blog.steren.fr&#038;blog=15960385&#038;post=400&#038;subd=sterenblog&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>New Year&#8217;s Eve is getting close, you&#8217;d beter be prepared. Let me share a problem I had last day when I decided to make cocktails in martini glasses. How was I suppose to dose my ingredients in such cone-shaped glasses?</p>
<div id="attachment_412" class="wp-caption aligncenter" style="width: 310px"><img class="size-medium wp-image-412" alt="cocktail in a cone-shaped glass" src="http://sterenblog.files.wordpress.com/2012/08/dsc_08811.jpg?w=300&#038;h=199" width="300" height="199" /><p class="wp-caption-text">How to properly dose a cocktail in a cone-shaped glass?</p></div>
<p>Let&#8217;s take a first example, <em><a href="http://en.wikipedia.org/wiki/Black_Russian">The Black Russian</a></em> recipe is:</p>
<blockquote><p>2/3 Vodka</p>
<p>1/3  Kahlúa</p></blockquote>
<p>The problem is that you cannot apply these proportions to the heights of each liquid since the glass is not a cylinder. For a same height, the volume will not be the same, and your cocktail a failure.</p>
<p>Our question is:</p>
<blockquote><p>What is the ratio between the heights of the two liquids that will make their volumes meet the recipe proportions?</p></blockquote>
<p>What we have is two volumes v<sub>V</sub> and v<sub>K</sub> and their proportion to the total of liquid V<sub>total</sub> = v<sub>V</sub> + v<sub>K</sub>:<br />
<img class="aligncenter" alt="" src="http://chart.apis.google.com/chart?cht=tx&amp;chl=\frac{v_V}{V_{total}} = \frac{2}{3}" /><br />
And what we want is the ratio h<sub>V</sub> / H<sub>total</sub> between the height of Vodka and the total height of liquid.</p>
<p style="text-align:center;"><img class="aligncenter  wp-image-441" alt="cone" src="http://sterenblog.files.wordpress.com/2012/08/cone.png?w=167&#038;h=210" width="167" height="210" /></p>
<p>Volume of a cone is <img alt="" src="http://chart.apis.google.com/chart?cht=tx&amp;chl=v = \frac{1}{3} B h" />, <img alt="" src="http://chart.apis.google.com/chart?cht=tx&amp;chl=B = \pi r^2" />  being the base with its radius r.</p>
<p>We then use <a href="http://en.wikipedia.org/wiki/Intercept_theorem">Thales&#8217; theorem</a> to link any radius r to its corresponding height h:</p>
<p><img class="aligncenter" alt="" src="http://chart.apis.google.com/chart?cht=tx&amp;chl=r = h\frac{ R_{total}}{H_{total}}" /></p>
<p>By using the two last formulas in our volume ratio equation, we get:</p>
<p><img class="aligncenter" alt="" src="http://chart.apis.google.com/chart?cht=tx&amp;chl=\frac{v_V}{V_{total}}=\frac{h_V^3}{H_{total}^3}" /></p>
<p>What we demonstrated here is a kind of Thales&#8217; theorem (Intercept theorem), but for 3D cones. We obviously have the same kind of result with surfaces of triangles. That&#8217;s interesting, that&#8217;s a result I never encountered in the past. And it doesn&#8217;t only apply to right circular cones, but to any type of cone (pyramids for example), this can be proved by computing the base B using an integral.</p>
<p>The answer to our initial question is then:</p>
<p><img class="aligncenter" alt="" src="http://chart.apis.google.com/chart?cht=tx&amp;chl=\frac{h_V}{H_{total}} = \sqrt[3]{\frac{2}{3}} \approx 0.87" /></p>
<p>That&#8217;s right, <strong>to have 2/3 of vodka in volume, the height of vodka should be almost 90% of the total height</strong>. If the ratio had been 1/2, the height of the first liquid should have been 80% of the total height. It&#8217;s not that obvious to me.</p>
<p>Last point, if your cocktail has more than two ingredients (for example a <em><a href="http://en.wikipedia.org/wiki/White_Russian_(cocktail)">White Russian</a></em>), I would suggest to always consider cones and not bother with substractions:</p>
<blockquote><p>1/3 Vodka</p>
<p>1/3  Kahlúa</p>
<p>1/3 Cream</p></blockquote>
<p>Start by adding 1/3 Kahlúa (70% of total height), then add Vodka until 2/3 of volume (90% of total height) and complete with cream.</p>
<p>Enjoy your cocktails, and happy new year!</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/sterenblog.wordpress.com/400/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/sterenblog.wordpress.com/400/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=blog.steren.fr&#038;blog=15960385&#038;post=400&#038;subd=sterenblog&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://blog.steren.fr/2012/12/27/cocktails-cone-glass-maths/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	
		<media:content url="http://2.gravatar.com/avatar/e59fab6ffa4743b3fe636dcbfe08074a?s=96&#38;d=http%3A%2F%2F2.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">steren</media:title>
		</media:content>

		<media:content url="http://sterenblog.files.wordpress.com/2012/08/dsc_08811.jpg?w=300" medium="image">
			<media:title type="html">cocktail in a cone-shaped glass</media:title>
		</media:content>

		<media:content url="http://chart.apis.google.com/chart?cht=tx&#38;chl=fracv_VV_total=frac23" medium="image" />

		<media:content url="http://sterenblog.files.wordpress.com/2012/08/cone.png?w=239" medium="image">
			<media:title type="html">cone</media:title>
		</media:content>

		<media:content url="http://chart.apis.google.com/chart?cht=tx&#38;chl=v=frac13Bh" medium="image" />

		<media:content url="http://chart.apis.google.com/chart?cht=tx&#38;chl=B=pir2" medium="image" />

		<media:content url="http://chart.apis.google.com/chart?cht=tx&#38;chl=r=hfracR_totalH_total" medium="image" />

		<media:content url="http://chart.apis.google.com/chart?cht=tx&#38;chl=fracv_VV_total=frach_V3H_total3" medium="image" />

		<media:content url="http://chart.apis.google.com/chart?cht=tx&#38;chl=frach_VH_total=sqrt3frac23approx0.87" medium="image" />
	</item>
		<item>
		<title>Noisebox: a connected music box</title>
		<link>http://blog.steren.fr/2012/06/06/noisebox-a-connected-music-box/</link>
		<comments>http://blog.steren.fr/2012/06/06/noisebox-a-connected-music-box/#comments</comments>
		<pubDate>Tue, 05 Jun 2012 23:25:40 +0000</pubDate>
		<dc:creator>steren</dc:creator>
				<category><![CDATA[Projects]]></category>
		<category><![CDATA[hardware]]></category>
		<category><![CDATA[music]]></category>
		<category><![CDATA[noisebox]]></category>

		<guid isPermaLink="false">http://blog.steren.fr/?p=356</guid>
		<description><![CDATA[A friend came up with a brilliant hack during Hack Day Paris: the Noisebox. Last Christmas, I offered one to my girlfriend, watch the video: Today, like many other, I listen my music digitally, I forgot about albums and cd players. And thanks to streaming services I can listen instantly to every track I want [&#8230;]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=blog.steren.fr&#038;blog=15960385&#038;post=356&#038;subd=sterenblog&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>A friend came up with a brilliant hack during <a href="http://hackdayparis.org/">Hack Day Paris</a>: the <a href="http://noisebox.herokuapp.com/">Noisebox</a>. Last Christmas, I offered one to my girlfriend, watch the video:</p>
<span class='embed-youtube' style='text-align:center; display: block;'><iframe class='youtube-player' type='text/html' width='500' height='312' src='http://www.youtube.com/embed/Qyj29P3aTdA?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>Today, like many other, I listen my music digitally, I forgot about albums and cd players. And thanks to streaming services I can listen instantly to every track I want from any device. That&#8217;s great. But like me, don&#8217;t you miss the sensation of having a small physical collection that represents something for you? that you picked, that your friend can look at when they visit, that you can re-discover from time to time, that is truly yours ? CDs are just here for technical reasons. Let&#8217;s just stay with the idea of objects. That&#8217;s what the box is all about. It simply plays music associated to <em>objects</em>. And more than CDs, these objects can really be <em>unique</em>, <em>personal</em> and <em>sentimental</em>.</p>
<p><a href="http://hackdayparis.org/">Pierre</a> build the hardware and I developed <a href="https://github.com/Steren/noisebox-web">the server</a> using NodeJS and MongoDB. I hope we will find time to publish more documentation and do a proper release of the project.</p>
<div id="attachment_388" class="wp-caption aligncenter" style="width: 310px"><a href="http://sterenblog.files.wordpress.com/2012/06/dsc_0408.jpg"><img class="size-medium wp-image-388" title="DSC_0408" src="http://sterenblog.files.wordpress.com/2012/06/dsc_0408.jpg?w=300&#038;h=199" alt="" width="300" height="199" /></a><p class="wp-caption-text">The Noisebox and its associated objects</p></div>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/sterenblog.wordpress.com/356/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/sterenblog.wordpress.com/356/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=blog.steren.fr&#038;blog=15960385&#038;post=356&#038;subd=sterenblog&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://blog.steren.fr/2012/06/06/noisebox-a-connected-music-box/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	
		<media:content url="http://2.gravatar.com/avatar/e59fab6ffa4743b3fe636dcbfe08074a?s=96&#38;d=http%3A%2F%2F2.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">steren</media:title>
		</media:content>

		<media:content url="http://sterenblog.files.wordpress.com/2012/06/dsc_0408.jpg?w=300" medium="image">
			<media:title type="html">DSC_0408</media:title>
		</media:content>
	</item>
		<item>
		<title>Hack Days</title>
		<link>http://blog.steren.fr/2012/01/27/hack-days/</link>
		<comments>http://blog.steren.fr/2012/01/27/hack-days/#comments</comments>
		<pubDate>Fri, 27 Jan 2012 00:38:17 +0000</pubDate>
		<dc:creator>steren</dc:creator>
				<category><![CDATA[Experiences]]></category>
		<category><![CDATA[event]]></category>
		<category><![CDATA[Hack]]></category>
		<category><![CDATA[hackathon]]></category>
		<category><![CDATA[hackday]]></category>

		<guid isPermaLink="false">http://blog.steren.fr/?p=358</guid>
		<description><![CDATA[I realize I never wrote about it: In 2011, I&#8217;ve been involved in the organisation of two &#8220;hacking&#8221; events (hackathons). I will describe them and try to give some feedback about the organisation of such events. The main goal of theses events was to gather around the spirit of Hack people who can do things (developers, designers, makers&#8230;). I&#8217;m [&#8230;]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=blog.steren.fr&#038;blog=15960385&#038;post=358&#038;subd=sterenblog&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>I realize I never wrote about it: In 2011, I&#8217;ve been involved in the organisation of two &#8220;hacking&#8221; events (hackathons). I will describe them and try to give some feedback about the organisation of such events.</p>
<p>The main goal of theses events was to gather around the spirit of Hack people who can do things (developers, designers, makers&#8230;). I&#8217;m convinced that the meaning of &#8220;hack&#8221; is misunderstood, especially in France where it&#8217;s always associated with piracy. We tend to forget that many innovations or great companies of today come from little disruptive things hacked in a garage. For these hack days, the idea is that in the end, participants have to demo their hack, no slides are accepted, only prototypes!</p>
<h4><a href="http://hacklecamping.wordpress.com/">Hack Le Camping</a></h4>
<p> (June 24-25 2011)</p>
<div id="attachment_359" class="wp-caption alignleft" style="width: 290px"><a href="http://sterenblog.files.wordpress.com/2012/01/hack_lecamping_fractale_final.png"><img class="size-medium wp-image-359 " title="hack_lecamping_fractale_final" src="http://sterenblog.files.wordpress.com/2012/01/hack_lecamping_fractale_final.png?w=280&#038;h=300" alt="" width="280" height="300" /></a><p class="wp-caption-text">logo for Hack Le Camping, designed by myself.</p></div>
<p>This first one came from an idea we had at <a href="http://www.lecamping.org/">Le Camping</a>, the parisian startup accelerator were I built <a href="http://beansight.com/">Beansight</a>. I took the lead in the organization.</p>
<p>One of the goal was to let the startups from Le Camping open their APIs for the first time to developers.</p>
<p>The event was located at Le Camping, which is usually a place where 12 startups work everyday. So the place was not an issue and could welcome 80 guests.</p>
<p>With the help of others, we gathered two main sponsors. The deal was to let them promote their services before the event and be present on the printed materials, in exchange of €1000 each. This budget covered the food (3 meals) and also allowed us to print t-shirts for every participant. Because we didn&#8217;t find a great prize that could fit either a single hacker or a whole team, we decided to simply offer a prize of €500.</p>
<p>A hundred people registered to the event, and in the end around 40 hackers showed up for the event. I did not expect such a large difference, I think it&#8217;s due to the fact that the event was free of charge, a lot of people registered and never showed up later.</p>
<div id="attachment_371" class="wp-caption aligncenter" style="width: 310px"><a href="http://sterenblog.files.wordpress.com/2012/01/dsc_0547.jpg"><img class="size-medium wp-image-371" title="during Hack Le Camping" src="http://sterenblog.files.wordpress.com/2012/01/dsc_0547.jpg?w=300&#038;h=199" alt="" width="300" height="199" /></a><p class="wp-caption-text">Participants hacking in Le Camping</p></div>
<p>The event went very well, the 24 hours were very intense for the participants. We added soon after the kick-off a stand up session for every project to explain what they were working on to the others.<br />
In the end 10 projects were demoed. The overall winner was a team from <a href="http://www.moodstocks.com/">Moodstocks</a>. They created a fast-paced scavenger hunt mixing real time technologies from <a href="http://www.dabla.com/">Dabla</a> and image recognition: a player selects an object to look for, the first from the others to scan it with his phones takes the lead.</p>
<p>If you want to learn more about the event, here are the <a href="http://hacklecamping.wordpress.com/2011/06/22/agenda/">schedule</a> of the event, the <a href="http://www.slideshare.net/sterengiannini/hack-le-camping">slides of my intro talk</a> and a list of the <a href="http://hacklecamping.wordpress.com/2011/06/27/demo-time/">hacks</a>.</p>
<h4><a href="http://hackdayparis.org/">Hack Day Paris</a></h4>
<p> (November 4-6, 2011)</p>
<div id="attachment_360" class="wp-caption alignleft" style="width: 309px"><a href="http://sterenblog.files.wordpress.com/2012/01/logo-1.png"><img class="size-full wp-image-360" title="hackdayparis logo" src="http://sterenblog.files.wordpress.com/2012/01/logo-1.png?w=500" alt=""   /></a><p class="wp-caption-text">Hack Day Paris logo, designed by Simon from Joshfire.</p></div>
<p>Soon after, I met with <a href="http://www.larw.com/">Skylar</a> and <a href="http://sylvainzimmer.com/">Sylvain</a> and we started discussing about a larger event.</p>
<p>The vision was to organize a large independent hack day in Paris, something that had never been done before. We targeted 150 hackers and wanted to gather a jury of <a href="http://hackdayparis.org/index.html#judges">renowned and respectful people</a>. We did not wanted to impose a theme, but preferred to reward the &#8220;most brilliant&#8221; hack. We wanted people to work on what they liked, to produce something awesome.</p>
<p>We soon decided that tickets would be €10, not to make money from it, but to make sure that people registering were people really willing to come. In the end, around 140 hackers showed up. I think our strategy worked fine.</p>
<p>At first our main concerns were the place and communication. People from the co-working space <a href="http://la-ruche.net/">La Ruche</a> liked the project and its philosophy, so more than a place, they joined the project and helped us organize the event. We never could have done it without them. Communication was done by reaching all our networks (<a href="http://parishackers.org/">Paris Hackers</a>, the <a href="http://www.startinparis.com/">startup ecosystem</a>, schools&#8230;)</p>
<p>We gathered around €9 000 from sponsors and entries. This allowed us to provide quality food for everyone all along the 40 hours. We printed badges and rented additional Wifi.</p>
<p>Around a month before the event, a lot of effort had to be put into logistics: we had to make sure every people involved agreed on the schedule and the use of the places. Because many were involved, this was not an easy task at all.</p>
<p>The event went very well, as usual, as an organizer, you spend your time handling little issues here and there, making sure everything runs smoothly for the participants. We did shifts so that at any time during the 40 hours, one of the 3 organizers was awoken.</p>
<div id="attachment_373" class="wp-caption aligncenter" style="width: 310px"><a href="http://sterenblog.files.wordpress.com/2012/01/dsc_0973.jpg"><img class="size-medium wp-image-373" title="Demo time" src="http://sterenblog.files.wordpress.com/2012/01/dsc_0973.jpg?w=300&#038;h=199" alt="" width="300" height="199" /></a><p class="wp-caption-text">Demo time, in Le Comptoir Général, a bar next to La Ruche.</p></div>
<p>We had great feedback concerning the  location: La Ruche is not a regular place for such event, it&#8217;s made of little rooms, with outstanding decorations. This had a great impact on the spirit of the event.</p>
<p>Around 40 projects were demoed at the end the sunday afternoon. Here are some remarquable examples: a real time chess game (<a href="http://ninjachess.net/">Ninja Chess</a>), a place to give old things (<a href="http://hackdayparis.soey.me.uk/">Freesbee</a>), a <a href="https://www.facebook.com/photo.php?fbid=135964019839776&amp;set=a.135961629840015.17568.120951188007726&amp;type=3&amp;theater">musical keyboard using balloons</a> , a wine suggestion service (<a href="http://www.chefjerome.com/wine">Wine Combinator</a>)…<br />
Once again, the grand prize was €1500 for the best team. Side prizes were organized by sponsors. The winners are a team who built a <a href="http://diy-noisebox.com/">music box that links objects to music in the cloud</a>. I will blog about it later.</p>
<p>For more info, visit the <a href="http://hackdayparis.org/">official website</a>, have a look to the pictures of the event on the <a href="https://www.facebook.com/hackdayparis">facebook page</a>.</p>
<p>For sure, I will be involed in other hack days in the future. And I hope this article can help the ones of you who want to launch such events, feel free to <a href="https://twitter.com/#!/steren">contact me</a>.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/sterenblog.wordpress.com/358/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/sterenblog.wordpress.com/358/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=blog.steren.fr&#038;blog=15960385&#038;post=358&#038;subd=sterenblog&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://blog.steren.fr/2012/01/27/hack-days/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
	
		<media:content url="http://2.gravatar.com/avatar/e59fab6ffa4743b3fe636dcbfe08074a?s=96&#38;d=http%3A%2F%2F2.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">steren</media:title>
		</media:content>

		<media:content url="http://sterenblog.files.wordpress.com/2012/01/hack_lecamping_fractale_final.png?w=280" medium="image">
			<media:title type="html">hack_lecamping_fractale_final</media:title>
		</media:content>

		<media:content url="http://sterenblog.files.wordpress.com/2012/01/dsc_0547.jpg?w=300" medium="image">
			<media:title type="html">during Hack Le Camping</media:title>
		</media:content>

		<media:content url="http://sterenblog.files.wordpress.com/2012/01/logo-1.png" medium="image">
			<media:title type="html">hackdayparis logo</media:title>
		</media:content>

		<media:content url="http://sterenblog.files.wordpress.com/2012/01/dsc_0973.jpg?w=300" medium="image">
			<media:title type="html">Demo time</media:title>
		</media:content>
	</item>
		<item>
		<title>Use Google &#8220;search by image&#8221; to track your pictures (or to spot fake facebook profiles)</title>
		<link>http://blog.steren.fr/2011/09/01/track-usage-search-by-image/</link>
		<comments>http://blog.steren.fr/2011/09/01/track-usage-search-by-image/#comments</comments>
		<pubDate>Wed, 31 Aug 2011 22:17:05 +0000</pubDate>
		<dc:creator>steren</dc:creator>
				<category><![CDATA[Analysis]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[image]]></category>

		<guid isPermaLink="false">http://blog.steren.fr/?p=258</guid>
		<description><![CDATA[Google released two months ago an update to its image search engine: You can now search by providing an image as input. I see some use case for this feature, a powerful one is to allow creators to track their pictures. Track your pictures Let&#8217;s take an example, I created this wallpaper 3 years ago: [&#8230;]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=blog.steren.fr&#038;blog=15960385&#038;post=258&#038;subd=sterenblog&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>Google released two months ago an <a href="http://www.google.com/insidesearch/searchbyimage.html">update</a> to its image search engine: You can now search by providing an image as input.<br />
<a href="http://sterenblog.files.wordpress.com/2011/08/google-search-by-image.png"><img class="aligncenter size-full wp-image-296" title="Google search by image" src="http://sterenblog.files.wordpress.com/2011/08/google-search-by-image.png?w=500" alt=""   /></a><br />
I see some use case for this feature, a powerful one is to allow creators to track their pictures.</p>
<p><strong>Track your pictures</strong><br />
Let&#8217;s take an example, I created this wallpaper 3 years ago:</p>
<div class="wp-caption alignnone" style="width: 510px"><a title="Creative Commons BBB by steren.giannini, on Flickr" href="http://www.flickr.com/photos/steren/2732488224/"><img src="http://farm4.static.flickr.com/3148/2732488224_aedf36e837.jpg" alt="Creative Commons BBB" width="500" height="281" /></a><p class="wp-caption-text">A wallpaper using characters from Big Buck Bunny</p></div>
<p>I released it under a <a href="http://creativecommons.org/licenses/by/2.0/">Creative Commons Attribution</a> license and put it <a href="http://www.flickr.com/photos/steren/2732488224/">on flickr</a>, so people were welcomed to use it.</p>
<p><a href="http://sterenblog.files.wordpress.com/2011/08/capture-google-search-google-chrome.png"><img class="aligncenter size-medium wp-image-297" title="Capture-Google Search - Google Chrome" src="http://sterenblog.files.wordpress.com/2011/08/capture-google-search-google-chrome.png?w=287&#038;h=300" alt="" width="287" height="300" /></a></p>
<p>I was pleased to <a title="Google image results" href="http://images.google.com/search?hl=en&amp;tbs=sbi:AMhZZivuYE-hb3z0mknItencKQWPao9MLj_1BVVXoXqxUvziBhI5o5EdOSZiTgFaGEDZvZYR-p1hiOcCISGCgpkOi9NzIniMNF7V8CIzIbYCHitc-TpyTIFEwtnxY-ZaH-K9Zqz7aALcT1iklwBMguHWv_1QPnz7Nd3hPBheOt7quQFkW0RGbwEj0CNZRgutEHB6a5Lr-qsWJvV6ZCdQaVmmJPpWPExTqHywhZFPXHIQK2jDFUknYngEmsHdmJh26KQ2H8P8KjckGozgmtyvUmmSbP9dX73oOVnVZKMSGV3YxOsFhP0qbSGZbuKxfHZR7SujP8UY8vxjLBlgcy1DY7KFGFSi5yZZQtSw9MG9i-mz754i6AfJAbLTAsk1AsBT9eO1-q7Z3P_1IzunAtsGvBKxCixFDo38d8IgC51mh1tMdNP4O9IZ78HoblQ7SEVx4UrEdLiv5BYYCzGWK9bcvAti4OUKVaHmBcxQkXVx0hO6Qw-qFHXkTqBTH8S2WrO27RTglZ5D342-wC3vsxW86IIkjtxyoiTfe4FHzL-GNo8cWS5TnkTOZRs6_1sE7FM4B04MmpQoglJknG93bWYzdGpsxO5ZHS2Nzllp2MoNqJcOXEeo5cuKW7YOfFCXK4O_13ROAjXcaYXA_12KXLjUkWk5bbOwWwUtn0qhiP8MndszSirg3twZt2kR9J_15lKn02CeZCaUXY5oL4i2OoXSMcUlz-dIMxgTUq_1tKCQazfFdHDX3SkNSuC4s15t5deaf_1eDZD9nhvg2JIH_19s5Q5CeZw8SBHxookE1X5PyN4Vq9uInhBpq-iJ3Id7_1b0VNTq0ukOsMlhDY2lHVx8vqgC_1G-NNrIzBCLJVKOgRl_1Jy3m-lyJtVRwJPoQklzg3H1Ms2iYeqhqCsyrrzXVNafurd9S9CWbKvhQqZkScozs5wmBVqSy3ea0CNeRba-hTZ5kPttPVrzL9LCn0ipxJlgSQeEs0ksRqAcri0Vq2M4e9JFNKUvGnQ-PiSyO9x15HAOtd8sc462Gm8GtObYTNCoMcw0TKS0_18dr_1ZWel55vsSM-P1IwJ-3aH-cNwlLiiT8KRZjnNWgSG1mJlLkL97FiT5nvzfkn2EaLKHwN7ePiRIKDHqRFZYzsBlPZk8DHK_12nTEI-ldX0zP-k910HE2CdGKu6rV2L-eFnjSN46spZb5wOwO_1FyFERekizD2VlZK8OI5pDhAgvHl4Qd7-EDpoFqrSfX81uDoA-QDPum135c9FmTXa3c1rr9ML7SzTg7Kc2JE2IO4pe-xcMNikCbA_1jMIxnUZX-_1kcBrb_1_1smo9CAtNrCDbSTROtWPq5hp-31X8dL30lJ9FVDjCTlNHSslkrkJZiP4VnUUYeScyisDXsMFDH_1t02ZgkYg_1rgP2yhdzo&amp;prmd=ivns&amp;ei=Vp1eTpvfFIOz8QOak6DYAw&amp;start=10&amp;sa=N&amp;biw=1920&amp;bih=1114">see</a> that it was used on hundreds of webpages (including <a href="http://www.wikihow.com/Support-the-Free-Culture-Movement">WikiHow</a>), even in languages I don&#8217;t understand like <a href="http://www.socialpress.pl/2011/06/youtube-wprowadza-licencje-creative-commons/">polish</a> or <a href="http://www.turre.com/category/creative-commons/">finish</a>, and most of them are giving attribution.</p>
<p>Similarly, a clipart of mine (released in the public domain) was used for various applications: create <a href="http://kristinandrobert.blogspot.com/2010/03/diy-silhouette-plate_02.html">custom plates</a>, make <a href="http://x-apple.com.ua/29464-alice-in-wonderland.html">fan art of Alice in Wonderland</a>, sell<a href="http://www.exclusiveelementsinc.com/ideas.html"> caligraphy</a>, or <a href="http://www.thecupcakeryofmaplevalley.com/">cupcakes</a> and promote a <a href="http://www.sheboyganfirstchurch.info/photos.cfm">church</a>.<br />
Many of my wikipedia image contributions are also findable across the internet (for example to write about <a href="http://www.dinoastur.com/2010/12/06/plesiosaurus-paris/">dinosaurs</a> or to <a href="http://www.incine.fr/Christophe-Salengro">portrait</a> Christophe Salengro).</p>
<p><strong>Copyright infringement</strong></p>
<p>Let&#8217;s take a well known copyrighted image, such as this portrait:</p>
<div id="attachment_314" class="wp-caption aligncenter" style="width: 310px"><a href="http://sterenblog.files.wordpress.com/2011/09/afghan-girl-similar-images.png"><img class="size-medium wp-image-314" title="afghan girl similar images" src="http://sterenblog.files.wordpress.com/2011/09/afghan-girl-similar-images.png?w=300&#038;h=102" alt="" width="300" height="102" /></a><p class="wp-caption-text">Google similar image for &quot;Afghan Girl&quot;, copyright Steve McCurry</p></div>
<p>Well, seing all the Google Image results, National Geographic could easily annoy the website&#8217;s owners by asking them to remove it. That would be crazy? Well consider that this kind of removals are systematic on Youtube, and, as Eric Schmidt said at the eG8 summit in Paris, could be automated and applied to the whole internet (they have the technology, it&#8217;s called Google Search by image).</p>
<p>For sure, this new little feature can be very useful for photographers and artists who want to protect their creations by tracking who is illegally using them. Visually searching the entire web has never been possible before, now it&#8217;s as easy as a google search.</p>
<p>But let&#8217;s finish this article on a funnier note:</p>
<p><strong>Facebook fakes</strong></p>
<p>Friends of mine were arguing with a girl on facebook and they suspected her to be an impostor.</p>
<div id="attachment_305" class="wp-caption aligncenter" style="width: 184px"><a href="http://sterenblog.files.wordpress.com/2011/08/facebook.png"><img class="size-full wp-image-305" title="facebook" src="http://sterenblog.files.wordpress.com/2011/08/facebook.png?w=500" alt=""   /></a><p class="wp-caption-text">a suspicious facebook profile</p></div>
<p>A quick Google search by image showed us that this picture was called &#8220;<a href="http://www.fotolia.com/id/22628664">Portrait of happy young lady smiling</a>&#8221; and sold on sites like fotolia. Some minutes after briging this proof, he/she deleted his/her account. I love technology.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/sterenblog.wordpress.com/258/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/sterenblog.wordpress.com/258/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=blog.steren.fr&#038;blog=15960385&#038;post=258&#038;subd=sterenblog&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://blog.steren.fr/2011/09/01/track-usage-search-by-image/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
	
		<media:content url="http://2.gravatar.com/avatar/e59fab6ffa4743b3fe636dcbfe08074a?s=96&#38;d=http%3A%2F%2F2.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">steren</media:title>
		</media:content>

		<media:content url="http://sterenblog.files.wordpress.com/2011/08/google-search-by-image.png" medium="image">
			<media:title type="html">Google search by image</media:title>
		</media:content>

		<media:content url="http://farm4.static.flickr.com/3148/2732488224_aedf36e837.jpg" medium="image">
			<media:title type="html">Creative Commons BBB</media:title>
		</media:content>

		<media:content url="http://sterenblog.files.wordpress.com/2011/08/capture-google-search-google-chrome.png?w=287" medium="image">
			<media:title type="html">Capture-Google Search - Google Chrome</media:title>
		</media:content>

		<media:content url="http://sterenblog.files.wordpress.com/2011/09/afghan-girl-similar-images.png?w=300" medium="image">
			<media:title type="html">afghan girl similar images</media:title>
		</media:content>

		<media:content url="http://sterenblog.files.wordpress.com/2011/08/facebook.png" medium="image">
			<media:title type="html">facebook</media:title>
		</media:content>
	</item>
		<item>
		<title>Bokeh</title>
		<link>http://blog.steren.fr/2011/04/18/bokeh/</link>
		<comments>http://blog.steren.fr/2011/04/18/bokeh/#comments</comments>
		<pubDate>Mon, 18 Apr 2011 00:03:14 +0000</pubDate>
		<dc:creator>steren</dc:creator>
				<category><![CDATA[Knowledge]]></category>
		<category><![CDATA[music]]></category>
		<category><![CDATA[photography]]></category>

		<guid isPermaLink="false">http://blog.steren.fr/?p=202</guid>
		<description><![CDATA[I&#8217;m not a huge fan of the Black Eyed Peas (I even think David Guetta killed the group), but while watching at the &#8220;Just Can&#8217;t Get Enough&#8221; video clip, I enjoyed the work on light and noticed for about one second (at 0:54) a very subtle shot: This beautiful blur is called a bokeh. It [&#8230;]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=blog.steren.fr&#038;blog=15960385&#038;post=202&#038;subd=sterenblog&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>I&#8217;m not a huge fan of the Black Eyed Peas (I even think David Guetta killed the group), but while watching at the &#8220;<a href="http://www.youtube.com/watch?v=OrTyD7rjBpw">Just Can&#8217;t Get Enough</a>&#8221; video clip, I enjoyed the work on light and noticed for about one second (at 0:54) a very subtle shot:<br />
<a href="http://sterenblog.files.wordpress.com/2011/04/black-eyed-peas-bokeh.png"><img class="aligncenter size-medium wp-image-203" title="black eyed peas bokeh" src="http://sterenblog.files.wordpress.com/2011/04/black-eyed-peas-bokeh.png?w=300&#038;h=182" alt="" width="300" height="182" /></a></p>
<p>This beautiful blur is called a <a href="http://en.wikipedia.org/wiki/Bokeh">bokeh</a>. It appears when an out-of-focus point of light is captured by the camera. Some photographers like to play with it.</p>
<p>Usually, the light spots make discs on the picture, but here they are <strong>hearts</strong>. How come ?<br />
Well, the shape of a bokeh is linked to the shape of the aperture of the camera. So I bet the photographer used an heart-shaped aperture in this shot.</p>
<p>Of course, this effect could be computer generated, a <strong>convolution</strong> between a heart and the image does the trick, but let&#8217;s believe it&#8217;s not a fake.</p>
<div id="attachment_210" class="wp-caption aligncenter" style="width: 310px"><a href="http://sterenblog.files.wordpress.com/2011/04/img_20110418_013358.jpg"><img class="size-medium wp-image-210" title="Camera heart card" src="http://sterenblog.files.wordpress.com/2011/04/img_20110418_013358.jpg?w=300&#038;h=225" alt="" width="300" height="225" /></a><p class="wp-caption-text">my camera and hand-carved business cards</p></div>
<p>I wanted to try it at home to see if anyone can do it, it appears that it&#8217;s pretty straightforward: just carve a heart in a card and put it in front of the camera. Then point some lights and manually set them out-of-focus. Results are pretty good.</p>
<div id="attachment_211" class="wp-caption aligncenter" style="width: 310px"><a href="http://sterenblog.files.wordpress.com/2011/04/bokeh.jpg"><img class="size-medium wp-image-211" title="Bokeh" src="http://sterenblog.files.wordpress.com/2011/04/bokeh.jpg?w=300&#038;h=199" alt="" width="300" height="199" /></a><p class="wp-caption-text">Bokeh with an usual aperture</p></div>
<div id="attachment_212" class="wp-caption aligncenter" style="width: 310px"><a href="http://sterenblog.files.wordpress.com/2011/04/bokeh-heart.jpg"><img class="size-medium wp-image-212" title="bokeh-heart" src="http://sterenblog.files.wordpress.com/2011/04/bokeh-heart.jpg?w=300&#038;h=199" alt="" width="300" height="199" /></a><p class="wp-caption-text">Same scene with a heart-shaped aperture</p></div>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/sterenblog.wordpress.com/202/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/sterenblog.wordpress.com/202/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=blog.steren.fr&#038;blog=15960385&#038;post=202&#038;subd=sterenblog&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://blog.steren.fr/2011/04/18/bokeh/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
	
		<media:content url="http://2.gravatar.com/avatar/e59fab6ffa4743b3fe636dcbfe08074a?s=96&#38;d=http%3A%2F%2F2.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">steren</media:title>
		</media:content>

		<media:content url="http://sterenblog.files.wordpress.com/2011/04/black-eyed-peas-bokeh.png?w=300" medium="image">
			<media:title type="html">black eyed peas bokeh</media:title>
		</media:content>

		<media:content url="http://sterenblog.files.wordpress.com/2011/04/img_20110418_013358.jpg?w=300" medium="image">
			<media:title type="html">Camera heart card</media:title>
		</media:content>

		<media:content url="http://sterenblog.files.wordpress.com/2011/04/bokeh.jpg?w=300" medium="image">
			<media:title type="html">Bokeh</media:title>
		</media:content>

		<media:content url="http://sterenblog.files.wordpress.com/2011/04/bokeh-heart.jpg?w=300" medium="image">
			<media:title type="html">bokeh-heart</media:title>
		</media:content>
	</item>
		<item>
		<title>re-Captcha, nanojobs and GWAP</title>
		<link>http://blog.steren.fr/2011/02/20/re-captcha-nanojobs-and-gwap/</link>
		<comments>http://blog.steren.fr/2011/02/20/re-captcha-nanojobs-and-gwap/#comments</comments>
		<pubDate>Sun, 20 Feb 2011 06:00:53 +0000</pubDate>
		<dc:creator>steren</dc:creator>
				<category><![CDATA[Analysis]]></category>
		<category><![CDATA[Thoughts]]></category>
		<category><![CDATA[captcha]]></category>
		<category><![CDATA[game]]></category>
		<category><![CDATA[gwap]]></category>
		<category><![CDATA[image recognition]]></category>
		<category><![CDATA[nanojobs]]></category>

		<guid isPermaLink="false">http://blog.steren.fr/?p=152</guid>
		<description><![CDATA[Probably the most clever idea I ever heard of. This is not new but it keeps astonishing people when I tell them about it: Did you know that Captchas help scanning books? And they are doing it very very well. You all know about captchas: Images containing words that you are forced to type to [&#8230;]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=blog.steren.fr&#038;blog=15960385&#038;post=152&#038;subd=sterenblog&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>Probably the most clever idea I ever heard of.</p>
<p>This is not new but it keeps astonishing people when I tell them about it: Did you know that Captchas help scanning books? And they are doing it very very well.<br />
<div id="attachment_158" class="wp-caption aligncenter" style="width: 310px"><a href="http://sterenblog.files.wordpress.com/2011/02/facebook-captcha.png"><img src="http://sterenblog.files.wordpress.com/2011/02/facebook-captcha.png?w=300&#038;h=196" alt="" title="facebook captcha" width="300" height="196" class="size-medium wp-image-158" /></a><p class="wp-caption-text">a captcha seen on the facebook registration page</p></div></p>
<p>You all know about captchas: Images containing words that you are forced to type to make sure you are a human and not a robot when performing various actions on the Internet (create an account, write a comment&#8230;) in order to fight spam. Thousands of people are decoding them everyday. Everyone of them is doing a small mental effort to read the words.</p>
<div id="attachment_159" class="wp-caption aligncenter" style="width: 310px"><a href="http://sterenblog.files.wordpress.com/2011/02/recaptcha.png"><img src="http://sterenblog.files.wordpress.com/2011/02/recaptcha.png?w=300&#038;h=124" alt="" title="recaptcha" width="300" height="124" class="size-medium wp-image-159" /></a><p class="wp-caption-text">a captcha from re-Captcha</p></div>
<p>And this is where the guys from the <a href="http://www.google.com/recaptcha">re-Captcha</a> project had a brilliant idea: What if these thousands mental efforts could be used to actually do something useful? Like helping scanning books ?</p>
<p>Today, many organizations are scanning old books and transforming them in a digital format. The OCR software that transforms the scanned image to digital text may sometimes not be able to do its job correctly (however complex the software may be). re-Captcha uses the human brain to actually decode words the computer is not sure about:</p>
<ul>
<li>What you see when you look at a re-Captcha are two words.</li>
<li>Among those two words, one is known by the server. The other one is a word the computer knows it didn&#8217;t managed to read properly.</li>
<li>You being a human or not will be judged on the first word, and the result you enter for the second word will be used to decode it.</li>
<li>Then we can imagine that if a certain number of users read the same for a given unknown word, it is most likely to be the right translation.</li>
<li>By using this technique, the system is able to digitalize texts with a higher precision that most of the other OCR systems.</li>
</ul>
<p>The company behind re-Captcha, its data and its market-share were acquired by Google in 2009. (what else would you have imagined)</p>
<p>To me this system is brilliant: it solves a problem by dividing it in such simple tasks that they can be executed by people who don&#8217;t even notice that they are working. (And what&#8217;s nicer with this one is that it helps fighting spam and digitalizing books, two great causes.)</p>
<p><strong>nano jobs</strong><br />
I don&#8217;t know if there is another term, but I call this <em>nano jobs</em>.</p>
<p>Let us take another example of nano job: in 2006 a <a href="http://en.wikipedia.org/wiki/Luis_von_Ahn">professor</a> released a <a href="http://www.espgame.org/">fun tool</a> where you can play with a random other player: an image was displayed and your goal was to find common words describing this image with the other remote player. Of course, you quickly realize that this was only done to help labeling the image base: Today, contrary to a human, a machine has difficulties to understand what an image represents (Image recognition). The &#8220;find common words to improve your score&#8221; is just a incentive to gather a lot of data. Google <a href="http://images.google.com/imagelabeler/">did the same</a> to help labelling its image base.<br />
<div id="attachment_172" class="wp-caption aligncenter" style="width: 310px"><a href="http://sterenblog.files.wordpress.com/2011/02/esp-game.png"><img src="http://sterenblog.files.wordpress.com/2011/02/esp-game.png?w=300&#038;h=225" alt="" title="esp game" width="300" height="225" class="size-medium wp-image-172" /></a><p class="wp-caption-text">Playing the ESP game with a random player, finding common labels for a given image.</p></div></p>
<p>This leads us to another important point in nano jobs: <em>game mechanics</em>.</p>
<p>You cannot force people into doing small tasks, they have to do them by themselves. In the case of re-Captcha, they understand the need of fighting spam, so they accept the task. In the case of the ESP game they want to do the best score or maybe to have fun with a random web user (this reminds me <a href="http://www.chatroulette.com/">chatroulette</a>).</p>
<p>These games are called <a href="http://en.wikipedia.org/wiki/GWAP">games with a purpose</a> (GWAP). Imagine, the workforce that these millions of people farming like zombies on Farmville represent (Unfortunately, Farmville business model is more in selling your data and selling stupid virtual stuff than making you doing nano jobs). Then, when we hear about Google investing in social game companies, I think nano jobs are part of their motivation (not the only one of course). </p>
<p><strong>My conclusion</strong><br />
To conclude, I think this de-centralized and effortless way of solving problems is extremely powerful. Once again, divide and conquer seams to be the strategy to adopt, even for problems that don&#8217;t seam scalable.</p>
<p><strong>Some more examples</strong></p>
<ul>
<li><a href="http://www.gwap.com">gwap.com</a> seams to specialize in Games With A Purpose. You can play to help tagging images, music, find synonyms, image tracing, emotions from images, image similarity and video labeling.</li>
<li><a href="http://en.wikipedia.org/wiki/GOOG-411">GOOG-411</a>: Google opened a vocal search phone service to provide search results by phone. It seams that the goal was for Google to gather a lot of voice records to improve their speech recognition engine. (to provide data for machine learning)</li>
<li>On a similar way, <a href="http://picasa.google.com">Picasa</a> performs face recognition, but it&#8217;s not perfect and you have to help it tagging your family and friends in your pictures. Well, the more you help it, the more it will be accurate later, and on a larger scale, the more Google is gathering learning data.</li>
<li>Google, once again, provides a free <a href="http://translate.google.com/toolkit">Translator toolkit</a> to help doing sentence to sentence translation. This tool is free, but what you may not know is that I bet we are feeding Google with translation data by using this tool.</li>
</ul>
<p>To another extent, Amazon is providing an online service called <a href="https://www.mturk.com/mturk/welcome">Amazon Mechanical Turk</a>. It links nano-jobs providers with a widespread user base doing small tasks for money. I heard many companies are using this platform to help performing Human Intelligence Tasks.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/sterenblog.wordpress.com/152/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/sterenblog.wordpress.com/152/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=blog.steren.fr&#038;blog=15960385&#038;post=152&#038;subd=sterenblog&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://blog.steren.fr/2011/02/20/re-captcha-nanojobs-and-gwap/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://2.gravatar.com/avatar/e59fab6ffa4743b3fe636dcbfe08074a?s=96&#38;d=http%3A%2F%2F2.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">steren</media:title>
		</media:content>

		<media:content url="http://sterenblog.files.wordpress.com/2011/02/facebook-captcha.png?w=300" medium="image">
			<media:title type="html">facebook captcha</media:title>
		</media:content>

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

		<media:content url="http://sterenblog.files.wordpress.com/2011/02/esp-game.png?w=300" medium="image">
			<media:title type="html">esp game</media:title>
		</media:content>
	</item>
		<item>
		<title>Phone books privacy</title>
		<link>http://blog.steren.fr/2011/02/14/phone-books-privacy/</link>
		<comments>http://blog.steren.fr/2011/02/14/phone-books-privacy/#comments</comments>
		<pubDate>Mon, 14 Feb 2011 20:09:24 +0000</pubDate>
		<dc:creator>steren</dc:creator>
				<category><![CDATA[Thoughts]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[privacy]]></category>

		<guid isPermaLink="false">http://blog.steren.fr/?p=146</guid>
		<description><![CDATA[Let me remind you that anyone can freely find your address and phone number in phone books, and it has been possible for decades, at least in France. So please, stop complaining about Facebook breaking into your privacy when it allowed apps to ask you to give them your phone number and address. If you [&#8230;]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=blog.steren.fr&#038;blog=15960385&#038;post=146&#038;subd=sterenblog&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>Let me remind you that anyone can freely find your address and phone number in <a href="http://www.pagesjaunes.fr/pagesblanches/">phone books</a>, and it has been possible for decades, at least in France.</p>
<p>So please, stop <a href="http://techcrunch.com/2011/01/18/following-complaints-facebook-puts-address-and-number-sharing-on-hold/">complaining about Facebook breaking into your privacy</a> when it allowed apps to ask you to give them your phone number and address. If you want to fix your privacy leaks, start from the basics and remove yourself from phone books. Personally, I only blame Facebook for not making this sharing disclaimer clear enough.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/sterenblog.wordpress.com/146/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/sterenblog.wordpress.com/146/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=blog.steren.fr&#038;blog=15960385&#038;post=146&#038;subd=sterenblog&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://blog.steren.fr/2011/02/14/phone-books-privacy/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://2.gravatar.com/avatar/e59fab6ffa4743b3fe636dcbfe08074a?s=96&#38;d=http%3A%2F%2F2.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">steren</media:title>
		</media:content>
	</item>
		<item>
		<title>Future of movies</title>
		<link>http://blog.steren.fr/2011/01/19/future-of-movies/</link>
		<comments>http://blog.steren.fr/2011/01/19/future-of-movies/#comments</comments>
		<pubDate>Tue, 18 Jan 2011 23:55:24 +0000</pubDate>
		<dc:creator>steren</dc:creator>
				<category><![CDATA[Ideas]]></category>
		<category><![CDATA[Thoughts]]></category>
		<category><![CDATA[cinema]]></category>
		<category><![CDATA[computer generated]]></category>
		<category><![CDATA[movie]]></category>

		<guid isPermaLink="false">http://blog.steren.fr/?p=68</guid>
		<description><![CDATA[Let&#8217;s imagine what movies could look like in the next years. I&#8217;m not going to talk about 3D without glasses or mega-super-HD, but some other new ideas realistically accessible with today&#8217;s technology. Dawn of the Dead We often say actors will be replaced by digital characters. I can assure you that today doing so costs [&#8230;]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=blog.steren.fr&#038;blog=15960385&#038;post=68&#038;subd=sterenblog&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<p>Let&#8217;s imagine what movies could look like in the next years. I&#8217;m not going to talk about 3D without glasses or mega-super-HD, but some other new ideas realistically accessible with today&#8217;s technology.</p>
<p><strong>Dawn of the Dead</strong><br />
We often say actors will be replaced by digital characters. I can assure you that today doing so costs a lot of money and that it will take time before these costs will be lower than fees of a not so famous actor. They won&#8217;t replace real actors, they will replace dead ones!<br />
We saw movies with non-humans main characters (think about Jar Jar Binks or Golum). But today, technology is developed enough to be able to create virtual main human characters who do not fall in the &#8220;<a href="http://en.wikipedia.org/wiki/Uncanny_valley">uncanny valley</a>&#8220;.<br />
But what about real actors who cannot act anymore ? Or what about dead movie legends ?<br />
That&#8217;s why we may see some new epic Star Wars episodes with actors from the original trilogy. As an example, we recently saw Arnold Schwarzenegger acting in &#8220;Terminator Salvation&#8221;. He was entirely digital.<br />
It raises some issues, can I decide to use Marilyn Monroe as a main character ? Who owns her image today ? Is this really ethical ? Can we credit with the real name of the dead actor ?<br />
<div id="attachment_133" class="wp-caption aligncenter" style="width: 285px"><a href="http://sterenblog.files.wordpress.com/2011/01/marilyn_monroe_in_the_prince_and_the_showgirl_trailer_cropped.jpg"><img src="http://sterenblog.files.wordpress.com/2011/01/marilyn_monroe_in_the_prince_and_the_showgirl_trailer_cropped.jpg?w=275&#038;h=300" alt="" title="Marilyn_Monroe_in_The_Prince_and_the_Showgirl_trailer_cropped" width="275" height="300" class="size-medium wp-image-133" /></a><p class="wp-caption-text">I bet Marilyn will be back in theatres</p></div></p>
<p><strong>Dynamic content</strong> (i.e. better product placement)<br />
Pixar constantly raises the quality of its movies. Recently I could see in &#8220;Up&#8221; that some shots were internationalized: For example, In the French version, French words were written on a crate. So I assume Pixar re-rendered this movie for every location.<br />
Of course, this is something that can only be done using computer imagery. And what if this content wasn&#8217;t static ? What if it could be adjusted to the audience or the time dynamically?<br />
From an artistic point of view that&#8217;s great, imagine a newspaper showing the headlines from today&#8217;s events, it improve the immersion of the spectator.<br />
But this kind of innovation is rarely driven by art. On the contrary, advertisers will be able to do some localized product placement or advertising.<br />
I think two actual factors will lead soon to streamed and localized content into movies:</p>
<ul>
<li>screens will soon be entirely connected to the internet and thus content delivered can easily be adjusted by broadcasters</li>
<li>3D image rendering operations are now cheap for broadcasters (in term of computer power needed).</li>
</ul>
<div id="attachment_130" class="wp-caption aligncenter" style="width: 310px"><a href="http://sterenblog.files.wordpress.com/2011/01/fifth_element_product_placement_1.jpg"><img class="size-medium wp-image-130 " title="fifth_element_product_placement_1" src="http://sterenblog.files.wordpress.com/2011/01/fifth_element_product_placement_1.jpg?w=300&#038;h=137" alt="" width="300" height="137" /></a><p class="wp-caption-text">The best product placement I have in mind: &quot;The Fifth element&quot;</p></div>
<p style="text-align:center;">&nbsp;</p>
<p><strong>It&#8217;s you, in the movie.</strong><br />
Then we could go deeper and imagine customizing the movie: take two or three pictures of your head, fill in some morphological details and enjoy a movie where the main character is yourself.<br />
This can easily be done with computer generated movies. But I think it&#8217;s also feasible to replace a face in a traditionnal movie with technologies involving advanced face detection, realistic face reconstruction and complex compositing to mix the two. Example (watch until the end please):<br />
<span class='embed-youtube' style='text-align:center; display: block;'><iframe class='youtube-player' type='text/html' width='500' height='312' src='http://www.youtube.com/embed/bLiX5d3rC6o?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>
<p><strong>Interactivity</strong><br />
It&#8217;s not new, the customization of the content can already be seen in video games.<br />
Cinema may blend with video games, the story may not be linear. You may choose at some point the next part of the script, choose to save someone&#8217;s life or to let him die for example. (Remember this awesome <a href="http://www.youtube.com/watch?v=4ba1BqJ4S2M">Tipex Youtube advertisement</a> ?)<br />
This is something I experimented with in 2003 using simply Adobe Flash (in <a href="http://www.youtube.com/view_play_list?p=BF471ABDA0ABD278">this project</a>), and this is something that starts to be seen online now (using <a href="http://www.youtube.com/watch?v=l8rJ1WML60Y">Youtube annotations</a> or more complex systems)</p>
<p>All these ideas lead us to think about the definition of the cinema. Is it still the artist&#8217;s vision if we can change elements from the movie ?</p>
<p><em>Note: This article was drafted in November 2010, I found today that Georges Lucas announced in December 2010 to be <a href="http://www.thesun.co.uk/sol/homepage/showbiz/bizarre/3261450/George-Lucas-plans-to-put-dead-film-stars-back-on-the-screen.html">planning to use dead actors</a> in a movie. I guess that&#8217;s why I really need to use <a href="http://www.beansight.com/">Beansight</a>.</em></p>
<p>UPDATE 2011-01-24: Techcrunch spotted a German company doing custom product placement in video footage: <a href="http://techcrunch.com/2011/01/23/impossible-software-is-this-what-the-future-of-video-advertising-looks-like-tctv/">Impossible Software – Is This What The Future Of Video Advertising Looks Like?</a>.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/sterenblog.wordpress.com/68/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/sterenblog.wordpress.com/68/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=blog.steren.fr&#038;blog=15960385&#038;post=68&#038;subd=sterenblog&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://blog.steren.fr/2011/01/19/future-of-movies/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
	
		<media:content url="http://2.gravatar.com/avatar/e59fab6ffa4743b3fe636dcbfe08074a?s=96&#38;d=http%3A%2F%2F2.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">steren</media:title>
		</media:content>

		<media:content url="http://sterenblog.files.wordpress.com/2011/01/marilyn_monroe_in_the_prince_and_the_showgirl_trailer_cropped.jpg?w=275" medium="image">
			<media:title type="html">Marilyn_Monroe_in_The_Prince_and_the_Showgirl_trailer_cropped</media:title>
		</media:content>

		<media:content url="http://sterenblog.files.wordpress.com/2011/01/fifth_element_product_placement_1.jpg?w=300" medium="image">
			<media:title type="html">fifth_element_product_placement_1</media:title>
		</media:content>
	</item>
		<item>
		<title>Beansight selected for Le Camping</title>
		<link>http://blog.steren.fr/2010/12/22/beansight-le-camping/</link>
		<comments>http://blog.steren.fr/2010/12/22/beansight-le-camping/#comments</comments>
		<pubDate>Wed, 22 Dec 2010 16:43:03 +0000</pubDate>
		<dc:creator>steren</dc:creator>
				<category><![CDATA[Projects]]></category>
		<category><![CDATA[Beansight]]></category>
		<category><![CDATA[Le Camping]]></category>

		<guid isPermaLink="false">http://blog.steren.fr/?p=117</guid>
		<description><![CDATA[Great news for my startup project Beansight: we have been selected to be part of Le Camping. Le Camping is the first French tech startup accelerator program from Silicon Sentier. Beginning January the 4th, we will be working everyday with 11 other startups at the prestigious Palais Brongniart. We will be mentored by great mentors [&#8230;]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=blog.steren.fr&#038;blog=15960385&#038;post=117&#038;subd=sterenblog&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
				<content:encoded><![CDATA[<div id="attachment_271" class="wp-caption aligncenter" style="width: 287px"><a href="http://sterenlabs.files.wordpress.com/2010/12/la_camping_kick-off_for_start-ups_logo.png"><img src="http://sterenlabs.files.wordpress.com/2010/12/la_camping_kick-off_for_start-ups_logo.png?w=500" alt="" title="Le Camping"   class="size-full wp-image-271" /></a><p class="wp-caption-text">Le Camping logo</p></div>
<p>Great news for my startup project <a href="http://www.beansight.com/">Beansight</a>: we have been selected to be part of <a href="http://www.lecamping.org/">Le Camping</a>. Le Camping is the first French tech startup accelerator program from <a href="http://siliconsentier.org/">Silicon Sentier</a>.</p>
<div id="attachment_270" class="wp-caption aligncenter" style="width: 310px"><a href="http://sterenlabs.files.wordpress.com/2010/12/palais_brongniart.jpg"><img src="http://sterenlabs.files.wordpress.com/2010/12/palais_brongniart.jpg?w=300&#038;h=225" alt="" title="Palais Brongniart (via Wikimedia Commons, public domain)" width="300" height="225" class="size-medium wp-image-270" /></a><p class="wp-caption-text">Palais Brongniart</p></div>
<p>Beginning January the 4th, we will be working everyday with <a href="http://us1.campaign-archive.com/?u=f98c0eea1590f1afbc8245608&amp;id=2f54860350&amp;e=3aebb8d22e">11 other startups</a> at the prestigious <a href="http://en.wikipedia.org/wiki/Palais_Brongniart">Palais Brongniart</a>. We will be mentored by great mentors that have many different backgrounds (entrepreneurs &amp; CEOs, tech, marketing, designers&#8230;)<br />
Only 12 teams out of 164 have been selected to be part of the adventure. I think it is a great opportunity for us to be part of the program.</p>
<p>Because we now have a somewhat working platform our first work will be to polish the edges of our user experience and to focus on our core algorithm. I think we can expect an initial release at the end of January.<br />
By the way, if you want to follow more closely my work at Beansight, I invite you to follow my <a href="http://labs.steren.fr/">labs</a>.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/sterenblog.wordpress.com/117/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/sterenblog.wordpress.com/117/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=blog.steren.fr&#038;blog=15960385&#038;post=117&#038;subd=sterenblog&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://blog.steren.fr/2010/12/22/beansight-le-camping/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://2.gravatar.com/avatar/e59fab6ffa4743b3fe636dcbfe08074a?s=96&#38;d=http%3A%2F%2F2.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D96&#38;r=G" medium="image">
			<media:title type="html">steren</media:title>
		</media:content>

		<media:content url="http://sterenlabs.files.wordpress.com/2010/12/la_camping_kick-off_for_start-ups_logo.png" medium="image">
			<media:title type="html">Le Camping</media:title>
		</media:content>

		<media:content url="http://sterenlabs.files.wordpress.com/2010/12/palais_brongniart.jpg?w=300" medium="image">
			<media:title type="html">Palais Brongniart (via Wikimedia Commons, public domain)</media:title>
		</media:content>
	</item>
	</channel>
</rss>
