<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">

  <title><![CDATA[Hack and frogs]]></title>
  <link href="http://picsoung.github.io/atom.xml" rel="self"/>
  <link href="http://picsoung.github.io/"/>
  <updated>2014-04-04T11:18:25-07:00</updated>
  <id>http://picsoung.github.io/</id>
  <author>
    <name><![CDATA[Nicolas Grenié]]></name>
    <email><![CDATA[me@nicolasgrenie.com]]></email>
  </author>
  <generator uri="http://octopress.org/">Octopress</generator>

  
  <entry>
    <title type="html"><![CDATA[My Tech Spring Break in Miami]]></title>
    <link href="http://picsoung.github.io/blog/2014/04/03/my-tech-spring-break-in-miami/"/>
    <updated>2014-04-03T10:51:13-07:00</updated>
    <id>http://picsoung.github.io/blog/2014/04/03/my-tech-spring-break-in-miami</id>
    <content type="html"><![CDATA[<p>I might not be the typical college kid… For my first Spring Break in the US, 3 years ago while I was exchanging at St. Olaf College, I took all the money I could have spent on booze to go visit San Francisco. I took two weeks in SF to discover the tech scene. Instead of getting drunk and experiencing a part of American culture, I found an internship and stared my startup life.</p>

<p>I just realized that I almost did the same thing this year. After riding the StartupBus and enjoying a crazy SXSW, I spent a week in Miami to check out their startup scene.</p>

<p>If &ldquo;Miami&rdquo; and &ldquo;startup&rdquo; are words that you would not put together, you should definitely change your mind. There is a tech scene in south Florida, and all the elements are falling to place to become a successful hub for South West US and Latin America.</p>

<p><span class='caption-wrapper'><img class='caption' src='http://picsoung.github.io/images/miami-tech-spring-break/miami_landscape.jpg' width='355' height='200' title='The beach a block away from my hostel'><span class='caption-text'>The beach a block away from my hostel</span></span></p>

<p>I want to take the opportunity with this blog post to showcase some of the great startups I met there.</p>

<h3>Senzari</h3>

<p><img src="http://picsoung.github.io/images/miami-tech-spring-break/musicgraph_logo.png"></p>

<p>One of the biggest players of the local community, <a href="http://senzari.com">Senzari</a>, has a team working on a new product they just launched: <a href="https://developer.musicgraph.com">MusicGraph</a>. <a href="https://developer.musicgraph.com">MusicGraph</a> is at the core of their other product, WahWah radio.</p>

<p>It&rsquo;s a graph API (just like Facebook graph) around music. One of the most interesting features of the API is the recommendation engine. You could integrate in your app something as powerful as the Spotify recommendation engine just by calling the API.
They also provide you all the social information of an artist.
If you are building a service around music, you definitively should check what MusicGraph is doing.
<a href="https://developer.musicgraph.com">MusicGraph</a></p>

<h3>Kairos</h3>

<p><img src="http://picsoung.github.io/images/miami-tech-spring-break/kairos_logo.png"></p>

<p>During my first hackathon ever, back in 2011, I built an app using the awesome Face.com API. They later got acquired by Facebook and the facial recognition API seat was empty for a while, until <a href="http://kairos.io">Kairos</a> came into the game. The API is the second product they launched after Kairos TimeClock, an iPad-base timeclock that uses facial recognition to identify employees. Possibilities are end-less, retailers could build loyalty programs, photo apps could use it to identify people… It&rsquo;s simple and easy to hack, take a look at Kairos, an alumni of <a href="http://newmeaccelerator.com">NewME</a> accelerator, a residential technology startup accelerator for businesses led by underrepresented groups (African-Americans, Latinos, &amp; Women) in the technology industry.</p>

<h3>Flomio</h3>

<p><img src="http://picsoung.github.io/images/miami-tech-spring-break/flomio_logo.png"></p>

<p>I found <a href="http://flomio.com">Flomio</a> on <a href="https://angel.co/flomio">Angelist</a> and I had a chance to meet one of their founders, <a href="http://www.linkedin.com/in/richardgrundy">Richard Grundy</a>. They build tools and apps around NFC. For example, they help event organizers with NFC enabled wristbands.
As soon as the wristband is registered and tagged to the readers in the venue, organizers could see who is &ldquo;checking in&rdquo; where and get analytics about their events. They also built a photo booth where it identifies people using the wristband and then posts the picture on the social network.</p>

<p>Could you image that they also raised $96,000 on Kickstarter to create the first NFC reader for iOS devices, <a href="https://www.kickstarter.com/projects/flomio/flojack-nfc-for-ipad-and-iphone">Flojack</a> out of Miami. We sat for almost an hour and talked about their vision and the difficulties of building a hardware startup in Miami. I am definitively looking forward for more to come from this team.</p>

<p>Not to mention <a href="http://flomio.com">Flomio</a> is a <a href="www.techstars.com/%E2%80%8E">Techstars</a> alumni.</p>

<h3>Muzik</h3>

<p><img src="http://picsoung.github.io/images/miami-tech-spring-break/muzik_logo.png"></p>

<p>I met the Muzik team at SXSW during <a href="http://slashathon.com">Slashathon</a> that we sponsored with <a href="http://3scale.net">3scale</a>. They built the first hackable headphones, and it&rsquo;s just amazing ! The well designed bluetooth headphones are a concentration of high technology. It has a touch gesture surface so you can swipe to control volume and go through your playlist. 4 hotkeys could be programmed, like sending a tweet, it even has a accelerometer and proximity sensor to detect when you put the headset on your neck and pauses your music.</p>

<p>It&rsquo;s been 2 weeks that I am using them everyday and I love it. They sync perfectly with Spotify on my Android phone. I am really excited to see what people could build with Muzik headphones. Feel free to take a look to the <a href="http://developer.muzikofficial.com/">Muzik SDK</a>.</p>

<p>There are a lot more interesting startups in Miami, just scroll down the list on <a href="https://angel.co/miami">AngelList</a> and you will be amazed.</p>

<p>In another article I will tell you more about the first <a href="http://mms.co">MIA Music Summit HackDay</a> that was sponsored by <a href="http://3scale.net">3scale</a>.</p>

<p>Are you are building a startup in Miami? Tell me about it and I would love to take a look :)</p>

<p>Thanks to <a href="http://twitter.com/kristine_hines">Kristine</a> my awesome coworker for proof reading this article :)</p>
]]></content>
  </entry>
  
  <entry>
    <title type="html"><![CDATA[Use Google Spreasheet and Firebase as Backend for Your Site]]></title>
    <link href="http://picsoung.github.io/blog/2014/03/14/use-google-spreasheet-and-firebase-as-backend-for-your-site/"/>
    <updated>2014-03-14T17:58:02-07:00</updated>
    <id>http://picsoung.github.io/blog/2014/03/14/use-google-spreasheet-and-firebase-as-backend-for-your-site</id>
    <content type="html"><![CDATA[<h2>Context</h2>

<p>Recently at <a href="http://3scale.net">3scale</a>, we had to re-build our customer page to make it more dynamic and easy to maintain. For now it was a classic Wordpress post, with html code in it. Really hard to maintain anytime we had to add a new customer or change its information.</p>

<p>As I was in charge of the project, I immediately thought about all the magic stuff I played around in Meteor. Stuff like dynamic view update when data changes in database and Handlebar Templating.
But part of the requirements was to build something using Wordpress without using any iframe. Meteor apps were out of the game…</p>

<p>At that time an article about using Google Spreadsheet as a backend-system got a bit of hype, so we decided to try that.
It has the advantage no not neccesitate any coding experience from the person maintaining the spreadsheet, perfect for this project.</p>

<p>To make the page dynamic and reactive we added Handlebar-like templating and <a href="http://firebase.com">Firebase</a> support.
In this article I want to walk you through a step-by-step tiny project so you could also use what&rsquo;ve done.</p>

<h2>Project idea</h2>

<p>I am running a great conference soon : MemeCon, a conference about memes. I built a nice one-page website and want my assistant to update the agenda easily.</p>

<p>We let people submit they paper proposal using a Google form, and approved them manually so they could be added on the site.</p>

<h2>What you need</h2>

<ul>
<li>a single page website, I personally used a great template found <a href="http://startbootstrap.com/one-page-wonder">on StartBootrap.com</a></li>
<li>a Google Form and the response spreadsheet</li>
<li>a <a href="http://zpr.io/gCex">Zapier</a> account (Free tier is enough for the demo)</li>
<li>a <a href="http://firebase.com">Firebase</a> account (Free tier is enough for the demo)</li>
</ul>


<h2>Google Spreadsheet setup</h2>

<p>On Google side, once you have configure the form you want, go to the corresponding response sheet (click <strong>View Responses</strong>).</p>

<p>There we will add a column named <strong>Accepted</strong>. If a submission is Accepted we will put <strong>YES</strong> in this column. To make it easier to maintain, let&rsquo;s setup cells so it will only accept <strong>YES</strong> or <strong>NO</strong> as values.</p>

<p>Go to <strong>Data>Validation</strong> menu.
In <strong>Criteriat</strong> select <strong>From list items</strong> and put <em>YES, NO</em> in the field and click OK.
Once you have done that, you can copy the cell to all the column.</p>

<p>We should be done with Google Spreadsheet.</p>

<h2>Firebase</h2>

<p><a href="http://firebase.com">Firebase</a> is an amazing tool to build realtime applications and share the data with all the concurrent users. Here we are going to use it as a fasta backend infrastructure accesible in Javascript. We will only store accepted talks on <a href="http://firebase.com">Firebase</a>.</p>

<p>Once your <a href="http://firebase.com">Firebase</a> is activated, you will need to create an app. Your app will be accessible at <code>YOURAPP.firebaseIO.com</code>.
Click your app name to access <a href="http://firebase.com">Firebase</a> dashboard, called the Forge. That&rsquo;s where you will your data getting created in real-time. You can also create and modify data manually.</p>

<p>Imagine the data stored as a tree, with roots and leafs. To organize our dataset we want to create a <strong>talks</strong> root.
The best way is to great it under main root and add an empty leaf that you will delete after.
To add or delete a node, hover on its name and either click <strong>+</strong> to add a child node or <strong>&ndash;</strong> to delete the node and its child.</p>

<p>You should have something like this at this point.</p>

<p><img class="left" src="http://picsoung.github.io/images/Forge_Firebase_Graphical_Debugger.png" width="350" height="350" title="image" alt="images"></p>

<p>We are done with <a href="http://firebase.com">Firebase</a> configuration now.</p>

<h2>Zapier</h2>

<p>To export data from Google Spreadsheet to <a href="http://firebase.com">Firebase</a> I was too lazy to code and work with Google Webhooks so I found that Zapier will be a good intermediate to do that for me.
If you are familiar with IFFT it&rsquo;s a similar product with more options.</p>

<p>What the Zap will do: everytime a row in the spreadsheet it will add/update a record in <a href="http://firebase.com">Firebase</a>.</p>

<ol>
<li>Make a new Zap</li>
<li>Select Google Doc for the left service, with <em>Updated Spreadsheet Row</em> as a trigger.</li>
<li>Select <a href="http://firebase.com">Firebase</a> for the right service, with <em>Update/set record ID</em> as a trigger
your should have something like this : <img class="left" src="http://picsoung.github.io/images/Editor_Zapier.png" title="image" alt="images"></li>
<li>On step 2 and 3 of the Zap creation, you will have to log on your Google and <a href="http://firebase.com">Firebase</a> accounts, that should be pretty straight forward</li>
<li>On step 4, you select the spreasheet and the sheet where the responses are</li>
<li>We add a custom filter on <em>Accepted</em> column so text matches exactly <strong>YES</strong> to have only accepted submissions</li>
<li>At step 5 you setup the path as <em>/talks/authorname/</em> so talks will be listed by their authorname under <strong>talks</strong> node
fields to store part let you choose which information you want to store. It&rsquo;s also useful to rename column name.
Mine looks like this <img class="left" src="http://picsoung.github.io/images/Zapier_step5.png" title="image" alt="images"></li>
<li>You can test and name your Zap.</li>
</ol>


<p>Your test should pass and add a record to <a href="http://firebase.com">Firebase</a>. Check on the <a href="http://firebase.com">Firebase</a> forge to see if it worked.
A common problem is that <a href="http://firebase.com">Firebase</a> does not like variable names with special character, and Google Spreadsheet column names are usually called <em>gsx$columnname</em>.</p>

<p>One solution,is to rename columns in the <em>Fields to store</em> part as described <a href="https://zapier.com/help/how-get-started-firebase/#common-problems-with-firebase">here</a></p>

<h2>Website setup</h2>

<p>Now that our data are stored on <a href="http://firebase.com">Firebase</a>, we need to get them and display them on the page.</p>

<h3>Template</h3>

<p>As we are using a static HTML file we can&rsquo;t use any Handlebar or Moustache templating system that need Node to precompile templates.</p>

<p>Instead I used a solution called <a href="https://github.com/adammark/Markup.js/">Markup.js</a>.
Include it in your project like you will do with any other javascript file.</p>

<p>Somewhere in your page, where you want to display submissions add this piece of code</p>

<p><code>&lt;div id="talks-list"&gt;&lt;/div&gt;</code></p>

<p>Then add the end of the file add :</p>

<figure class='code'><figcaption><span></span></figcaption><div class="highlight"><table><tr><td class="gutter"><pre class="line-numbers"><span class='line-number'>1</span>
<span class='line-number'>2</span>
<span class='line-number'>3</span>
<span class='line-number'>4</span>
<span class='line-number'>5</span>
<span class='line-number'>6</span>
<span class='line-number'>7</span>
<span class='line-number'>8</span>
<span class='line-number'>9</span>
<span class='line-number'>10</span>
<span class='line-number'>11</span>
<span class='line-number'>12</span>
<span class='line-number'>13</span>
<span class='line-number'>14</span>
</pre></td><td class='code'><pre><code class='html'><span class='line'><span class="nt">&lt;script </span><span class="na">id=</span><span class="s">&quot;talks-list-template&quot;</span> <span class="na">type=</span><span class="s">&quot;text/template&quot;</span><span class="nt">&gt;</span>
</span><span class='line'>      <span class="p">{{</span><span class="nx">talks</span><span class="p">}}</span>
</span><span class='line'>          <span class="o">&lt;</span><span class="nx">div</span> <span class="kr">class</span><span class="o">=</span><span class="s2">&quot;featurette&quot;</span> <span class="nx">id</span><span class="o">=</span><span class="s2">&quot;{{authorname}}&quot;</span><span class="o">&gt;</span>
</span><span class='line'>            <span class="o">&lt;</span><span class="nx">img</span> <span class="kr">class</span><span class="o">=</span><span class="s2">&quot;featurette-image img-circle img-responsive pull-left&quot;</span> <span class="nx">src</span><span class="o">=</span><span class="s2">&quot;{{imageurl}}&quot;</span> <span class="nx">style</span><span class="o">=</span><span class="s2">&quot;width: 200px;height:200px;&quot;</span><span class="o">&gt;</span>
</span><span class='line'>            <span class="o">&lt;</span><span class="nx">h3</span> <span class="kr">class</span><span class="o">=</span><span class="s2">&quot;&quot;</span><span class="o">&gt;</span><span class="p">{{</span><span class="nx">title</span><span class="p">}}</span>
</span><span class='line'>                <span class="o">&lt;</span><span class="nx">span</span> <span class="kr">class</span><span class="o">=</span><span class="s2">&quot;text-muted&quot;</span><span class="o">&gt;</span><span class="nx">by</span> <span class="o">&lt;</span><span class="nx">a</span> <span class="nx">href</span><span class="o">=</span><span class="s2">&quot;http://twitter.com/{{twitter}}&quot;</span><span class="o">&gt;</span><span class="p">{{</span><span class="nx">name</span><span class="p">}}</span><span class="o">&lt;</span><span class="err">/a&gt;&lt;/span&gt;</span>
</span><span class='line'>            <span class="o">&lt;</span><span class="err">/h3&gt;</span>
</span><span class='line'>            <span class="o">&lt;</span><span class="nx">p</span> <span class="kr">class</span><span class="o">=</span><span class="s2">&quot;lead&quot;</span><span class="o">&gt;</span>
</span><span class='line'>                <span class="p">{{</span><span class="nx">description</span><span class="p">}}</span>
</span><span class='line'>            <span class="o">&lt;</span><span class="err">/p&gt;</span>
</span><span class='line'>            <span class="o">&lt;</span><span class="nx">h4</span><span class="o">&gt;&lt;</span><span class="nx">span</span> <span class="kr">class</span><span class="o">=</span><span class="s2">&quot;text-info&quot;</span><span class="o">&gt;</span><span class="p">{{</span><span class="nx">time</span><span class="p">}}</span><span class="o">&lt;</span><span class="err">/span&gt;&lt;/h4&gt;</span>
</span><span class='line'>          <span class="o">&lt;</span><span class="err">/div&gt;</span>
</span><span class='line'>      <span class="p">{{</span><span class="err">/talks}}</span>
</span><span class='line'>    <span class="nt">&lt;/script&gt;</span>
</span></code></pre></td></tr></table></div></figure>


<p>First line initiate a template named <code>talks-list-template</code></p>

<p>the  <code>{{talks}} ..{{/talks}}</code>  block corresponds to a forEach loop on an array <code>talks</code>, in this block each call to another &#8220; THING will be related to the current object in the forEach loop.</p>

<p>For example, by calling  <code>{{authorname}}</code>  we get the authorame of the current talk oject contained in <code>talks</code> array.</p>

<p>Now we have to pass to this template the corresponding <code>talks</code> object.</p>

<h3>Getting data</h3>

<p>Add Firebase SDK to your project <code>&lt;script type='text/javascript' src='https://cdn.firebase.com/js/client/1.0.2/firebase.js'&gt;&lt;/script&gt;</code></p>

<figure class='code'><figcaption><span></span></figcaption><div class="highlight"><table><tr><td class="gutter"><pre class="line-numbers"><span class='line-number'>1</span>
<span class='line-number'>2</span>
<span class='line-number'>3</span>
<span class='line-number'>4</span>
<span class='line-number'>5</span>
<span class='line-number'>6</span>
<span class='line-number'>7</span>
<span class='line-number'>8</span>
<span class='line-number'>9</span>
<span class='line-number'>10</span>
<span class='line-number'>11</span>
<span class='line-number'>12</span>
<span class='line-number'>13</span>
<span class='line-number'>14</span>
<span class='line-number'>15</span>
<span class='line-number'>16</span>
<span class='line-number'>17</span>
<span class='line-number'>18</span>
<span class='line-number'>19</span>
<span class='line-number'>20</span>
<span class='line-number'>21</span>
</pre></td><td class='code'><pre><code class='javascript'><span class='line'><span class="nx">$</span><span class="p">(</span><span class="nb">document</span><span class="p">).</span><span class="nx">ready</span><span class="p">(</span><span class="kd">function</span><span class="p">(){</span>
</span><span class='line'>        <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&quot;READY&quot;</span><span class="p">);</span>
</span><span class='line'>        <span class="nx">talks_array</span> <span class="o">=</span><span class="p">[];</span>
</span><span class='line'>        <span class="kd">var</span> <span class="nx">talksDB</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">Firebase</span><span class="p">(</span><span class="s1">&#39;https://YOURAPP.firebaseio.com/talks&#39;</span><span class="p">);</span>
</span><span class='line'>        <span class="nx">talksDB</span><span class="p">.</span><span class="nx">once</span><span class="p">(</span><span class="s1">&#39;value&#39;</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">snapshot</span><span class="p">)</span> <span class="p">{</span>
</span><span class='line'>          <span class="k">if</span><span class="p">(</span><span class="nx">snapshot</span><span class="p">.</span><span class="nx">val</span><span class="p">()</span> <span class="o">===</span> <span class="kc">null</span><span class="p">)</span> <span class="p">{</span>
</span><span class='line'>            <span class="nx">alert</span><span class="p">(</span><span class="s1">&#39;Error reading snapshot&#39;</span><span class="p">);</span>
</span><span class='line'>          <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
</span><span class='line'>            <span class="nx">$</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="nx">snapshot</span><span class="p">.</span><span class="nx">val</span><span class="p">(),</span> <span class="kd">function</span><span class="p">(</span><span class="nx">key</span><span class="p">,</span><span class="nx">talk</span><span class="p">)</span> <span class="p">{</span>
</span><span class='line'>                <span class="nx">talks_array</span><span class="p">.</span><span class="nx">push</span><span class="p">(</span><span class="nx">talk</span><span class="p">);</span>
</span><span class='line'>            <span class="p">});</span>
</span><span class='line'>            <span class="nx">talks_array</span> <span class="o">=</span> <span class="nx">_</span><span class="p">.</span><span class="nx">sortBy</span><span class="p">(</span><span class="nx">talks_array</span><span class="p">,</span><span class="kd">function</span><span class="p">(</span><span class="nx">t</span><span class="p">){</span><span class="k">return</span> <span class="nx">t</span><span class="p">.</span><span class="nx">time</span><span class="p">});</span>
</span><span class='line'>            <span class="kd">var</span> <span class="nx">template</span> <span class="o">=</span> <span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="s2">&quot;talks-list-template&quot;</span><span class="p">).</span><span class="nx">firstChild</span><span class="p">.</span><span class="nx">textContent</span><span class="p">;</span>
</span><span class='line'>            <span class="kd">var</span> <span class="nx">context</span> <span class="o">=</span> <span class="p">{</span>
</span><span class='line'>                <span class="nx">talks</span><span class="o">:</span> <span class="nx">talks_array</span><span class="p">,</span>
</span><span class='line'>            <span class="p">}</span>
</span><span class='line'>            <span class="nx">$</span><span class="p">(</span><span class="s2">&quot;#talks-list&quot;</span><span class="p">).</span><span class="nx">html</span><span class="p">(</span><span class="nx">Mark</span><span class="p">.</span><span class="nx">up</span><span class="p">(</span><span class="nx">template</span><span class="p">,</span> <span class="nx">context</span><span class="p">));</span>
</span><span class='line'>            <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">&quot;DONE&quot;</span><span class="p">);</span>
</span><span class='line'>          <span class="p">}</span>
</span><span class='line'>        <span class="p">});</span>
</span><span class='line'>    <span class="p">});</span>
</span></code></pre></td></tr></table></div></figure>


<ol>
<li>We initiate the <code>talksDB</code> object we the data available at <code>https://YOURAPP.firebaseio.com/talks</code></li>
<li>We read the data once. in the case of a realtime app you will use <code>on</code> instead</li>
<li>Loop over the data to create an array</li>
<li>(optional)Sort the array by date (need <a href="http://underscorejs.org">underscorejs</a>)</li>
<li>Search for template <code>talks-list-template</code>, initiate <code>talks</code> array with the one just created.</li>
<li>Apply in the div with id <code>talks-list</code> the template.</li>
</ol>


<h2>Usage</h2>

<p>To try if your app is working well follow these steps:
1. submit info on your Google Form.
2. accept one submit
3. Run Zapier&rsquo;s Zap manually
4. Check that the talk is added in Firebase Forge
5. Load your static html file</p>

<p>You should see your talk proposal listed.
In production you will only need to update the Google Spreadsheet to update your website.</p>

<h2>What could be improve</h2>

<h3>Zapier and Webhooks</h3>

<p>If you are less lazy than myself you can find a way to go hover Zapier and hook google spreasheet directly to <a href="http://firebase.com">Firebase</a>.
Also, Zapier zaps are run every 15minutes on free tier, so it takes 15minutes to actually update your website. But if you run the zap manually it&rsquo;s instant.</p>

<h3>Security</h3>

<p>By default you <a href="http://firebase.com">Firebase</a> data are readable and writable by anybody.
To change that you can go to <a href="http://YOURAPP.firebaseio.com">http://YOURAPP.firebaseio.com</a> in the <code>Security</code> tab and change <code>".write": true</code> to <code>".write": false</code>. Zapier will still be able to write into it, but not random users navigating on your website.
More about <a href="https://www.firebase.com/docs/security-quickstart.html">Firebase Security</a></p>

<h3>Host your whole app on Firebase</h3>

<p>Recently <a href="http://firebase.com">Firebase</a> launched a beta program to host static apps directly on their platform.
Check the <a href="https://www.firebase.com/docs/hosting.html">Documentation</a> to learn more.</p>

<p>It might be a great way to deploy prototype, and gets all the perks of <a href="http://firebase.com">Firebase</a> speed.</p>
]]></content>
  </entry>
  
  <entry>
    <title type="html"><![CDATA[Webfaction to Host Your App]]></title>
    <link href="http://picsoung.github.io/blog/2014/02/27/webfaction-to-host-your-app/"/>
    <updated>2014-02-27T00:00:00-08:00</updated>
    <id>http://picsoung.github.io/blog/2014/02/27/webfaction-to-host-your-app</id>
    <content type="html"><![CDATA[<p>Webhosting to be a giant mess with thousands of actors 10 years ago, you would have spend hours to find the perfect hosting company. If you did not want to go to the big guys like <a href="http://www.1and1.com/">1&amp;1</a> or <a href="http://ovh.com">OVH</a> and pay a three-figures bill to have basic features you really had few options…</p>

<p>Now, it&rsquo;s over, hosting is cool again with a lot of new players in the game. I just found a new one that I have not heard of before and it look legit.</p>

<p>To be honest, I really did not take care of my personal hosting for the last years. Once I found a deal to get unlimited hosting for $50/year, on pronethosting, everything worked fine. At that time I only needed PHP and MySQL with FTP access to run my blog. Then they got acquired by another hosting company <a href="http://coolhandle.com">CoolHandle</a>, and increased their price, to $100 a year. It was still fine with me. But recently I had couple of problem (DNS changes without notice, access to dashboard,…). After 5 years, I am ready to move and find a professional company to host my site for a decent price.</p>

<p><a href="https://www.webfaction.com/signup/?affiliate=picsoung">WebFaction</a> seems to be ideal for that.</p>

<h2>Who is <a href="https://www.webfaction.com/signup/?affiliate=picsoung">WebFaction</a></h2>

<p>The worst you want to do with your code is to give it to an untrust person. <a href="https://www.webfaction.com/signup/?affiliate=picsoung">WebFaction</a> was created in 2003 under the name python-hosting.com, they used to host only Python applications and got quite popular in the community. They were hosting thousands of open-source python projects, and years after years kept improving their offer. They added SVN repo hosting, Django support and many other stuff.</p>

<p>Python-hosting is now <a href="https://www.webfaction.com/signup/?affiliate=picsoung">WebFaction</a> and they claim to host 250 000 apps, with datacenters in US, Europe and Asia. Ruby and PHP apps can now be hosted on their platform.
Everything cool could be done there :)</p>

<h2>For Developers by Developers</h2>

<p>Developers tend to wish to have control of their machine. And <a href="https://www.webfaction.com/signup/?affiliate=picsoung">WebFaction</a> team totally understood that, they come from the same world as their customers.</p>

<p>I used to be super lazy, and scared of SSH. At that time, I would have had prefered FTP with a visual interface over SSH in a shell. I found myself safe whenever I had to deal with cPanel dashboard instead of configuring manually each services…</p>

<p>Now, that I gained experience in development and ops, I definitively prefer to have control on machines.</p>

<p><a href="https://www.webfaction.com/signup/?affiliate=picsoung">WebFaction</a> suits definitively this need. If you deal with cloud computing on everyday job you won&rsquo;t be lost, you are surrounded by a environement you already know. It&rsquo;s one of the best shared hosting provider with the last up-to-date software.</p>

<p>Their simple dashboard lets you setup the high-level features to manage emails, domains or databases. The rest could be done directly in a shell on a SSH session. You are the master onboard.
And for only $8.50 a month, that&rsquo;s the best you could expect ! Even cheaper than Amazon EC2 or Heroku !</p>

<p>Unfortunately I could not quit my actual hoster, until this summer. But I will definitively start my future projects on <a href="https://www.webfaction.com/signup/?affiliate=picsoung">WebFaction</a>.</p>

<p>If you are not confident paying without testing they even have a trial tier.</p>

<p>I am looking for hearing from your experience using <a href="https://www.webfaction.com/signup/?affiliate=picsoung">WebFaction</a>.
Happy Coding !</p>
]]></content>
  </entry>
  
  <entry>
    <title type="html"><![CDATA[I Am a Buspreneur - Day 1]]></title>
    <link href="http://picsoung.github.io/blog/2012/03/20/i-am-a-buspreneur-day-1/"/>
    <updated>2012-03-20T23:42:00-07:00</updated>
    <id>http://picsoung.github.io/blog/2012/03/20/i-am-a-buspreneur-day-1</id>
    <content type="html"><![CDATA[<p>WoW! Just wow ! i just get back from the crazy SXSW, or for those who don&#8217;t know: &#8220;the Las Vegas of startup world&#8221;. It&#8217;s been an amazing experience from Day 1 till the end. I can&#8217;t wait to tell you about what happened ;)</p>




<h2>The StartupBus</h2>




<p>As you may have read in my <a href="http://picsoung.github.io/index.php?post/I-am-on-a-Bus%21">previous post</a> I took the StartupBus to go to Austin. We left San Francisco, CA on Tuesday in the early morning to arrive Austin, TX on Friday evening.</p>




<h2>Day 1</h2>




<p><img src="http://50.56.192.33/wp-content/uploads/2012/03/silicon_valley_bus_s.png" alt="" /></p>




<p>We were all supposed to meet at the StartupHouse at 6 am to pack our stuff and start the journey to Austin. I had a really time to wake up, I barely spelt the weekend before, I was at another hackathon where we&#8217;ve build a tip planner called <a href="http://bit.ly/easymapr" hreflang="en">EasyMapr</a>. Apparently some other Buspreneurs attended the same Hackathon, so we were all on the same page in terms of hours of sleep. But ready to rock !</p>




<p>Josh, our conductor organized hackathons and a launch party the week before our departure but I was not able to attend. So I did not know anybody. It&#8217;s part of the magic of the StartupBus adventure ;)</p>




<p>While we were meeting each other prior to departure we were surrounded by cameras from TechCrunch and another special guest : Mr. <a href="http://scobleizer.com/" hreflang="en" title="Scobleizer">Robert Scoble</a> in person.</p>




<p>For those who don&#8217;t&#8217; know Robert Scoble, he is working for <a href="http://rackspace.com" hreflang="en">Rackspace</a> (a hosting company) and helps startups to get traction thanks to interviews and blog posts on his high-traffic Blog. He is sometimes solicited to be a judge or an advisor during startup competitions. He was on the bus with us until we stopped in Santa Monica. It was a chance for us to have him onboard to receive quick feedbacks about what we were building.</p>




<p>We had a long way to ride to Austin, but thanks to the sponsor of the Sillicon Valley bus, <a href="http://elance.com" hreflang="en" title="Elance">Elance</a> we had a nice breakfast at their place. We also met Buspreneurs from the Stanford bus. On our way to Elance we all present ourselves in the bus. I was really impressed by the variety of skillsets and by all the talented people. Most of my Buspreneurs fellows were working in a startup or already create one/many. It was also a nice international crowd with several Australians, a German and a French (myself).</p>




<p>After our nice breakfast it was time for us to ride to Los Angeles. As soon as we get onboard we started the pitch session.</p>




<p>Everybody had 1min to explain his project and vision. I think that we all pitched something. They were ideas like a StartTrek alarm clock that gives you a summary of your day in the morning, or a website to create your own cereals and many others.</p>




<p>I pitched the idea for a Taxi-sharing service, where people can split the taxi bill by sharing a cab with somebody that&#8217;s going somewhere around the place you are going to. Like most of us I was not strongly attached to my idea and I was very open to work on someone else project.</p>




<p>At the end of the pitches (~40 pitches) we stopped to form groups and start working.</p>




<p>Most of the groups were formed pretty quickly, and 6 projects really emerged after the stop.</p>




<p>StartupBus Silicon Valley projects:</p>




<p>Beeliner - Find which events the people you want to meet are attending
Cerealize - Your custom cereals delivered at your door.
Expensiev - Expenses tracking for freelancers
Gaggle - mobile app that filters your social feeds to only people you care about in that instan
HipType - Dynamic content for iBooks Author, analytics and social media integration
Kinetic.ly - Tools for motion analysis</p>




<p>As soon as we went back on the bus we were all ready to brainstorm and work on our on projects. By the end of the day we had to stop in Santa Monica to do quick Customer validation survey on the street, so we better have a good idea of our product by that time.</p>




<p>I joined to the team <a href="http://cerealize.com" hreflang="en">Cerealize</a> because I was very excited by the quick brainstorm we had when we were forming teams. I did not know before that cereals were a big deal in America. That helped me to understand to full potential of this project, much bigger than what I thought during the pitch session.</p>




<p>The video of the first day thanks to John from TechCrunch</p>




<script src="http://player.ooyala.com/player.js?height=360&embedCode=9kM3VwMzrv1ETsstWxGMT7K8E9jEdte-&deepLinkEmbedCode=9kM3VwMzrv1ETsstWxGMT7K8E9jEdte-&width=640"></script>

]]></content>
  </entry>
  
  <entry>
    <title type="html"><![CDATA[I Am on a Bus!]]></title>
    <link href="http://picsoung.github.io/blog/2012/03/06/i-am-on-a-bus/"/>
    <updated>2012-03-06T01:00:00-08:00</updated>
    <id>http://picsoung.github.io/blog/2012/03/06/i-am-on-a-bus</id>
    <content type="html"><![CDATA[<p><img src="http://50.56.192.33/wp-content/uploads/2012/03/silicon_valley_bus_s.png" alt="" /></p>




<p>To be honest I am not yet on the Bus, it&#8217;s just a matter of time now. In 6 hours I will be seating on THE bus, THE <a href="http://StartupBus.com" hreflang="en" title="StartupBus">StartupBus</a> departing from San Francisco to go to Austin for SXSWi. I think I have not realized yet that I will part of this crazy adventure.</p>




<p>For those who have not heard of <a href="http://StartupBus.com" hreflang="en" title="StartupBus">StartupBus</a>  and SXSWi before let me try to explain.</p>




<h3>SXSWi</h3>




<iframe width="560" height="315" src="http://www.youtube.com/embed/vkQh4Sn89yw" frameborder="0" allowfullscreen></iframe>




<p>Helds in Austin Texas, SXSW is a global festival. SXSW stands for South by SouthWest and the little i is for interactive.
It started in 1987 as a music festival and then they add music and more recently an interactive track for emerging new technology stuff. It happens every year in Austin and it is always bigger and bigger in terms of number of attendees and performances :)</p>




<p>From a tech point of view it is the place to be if you are part of this world. During 4 days, all the most important guys on earth that are building the Web/App/Mobile world will be there. Either by being speaking in one of the many panels of the official track or by throwing other events in the city.</p>




<p>It is the place to go for grown startups who want to promote their product and new features but for sure it is really the place to be for new startup that need traction and press.</p>




<p>I think that all the web entrepreneurs in the world have a &#8220;SXSW Launch plan&#8221; in their mind. There is a lot of competitions to get the attention of the early-adopters techie attendees, and only few happy ending stories.
Examples ? in 2007 <a href="http://twitter.com" hreflang="en">Twitter</a> get a lot of early traction event if they did not launch there, Foursquare launched a SXSWi in 2009 or <a href="www.foodspotting.com" hreflang="en" title="FoodSpotting">FoodSpotting</a> in 2010.</p>




<p>This year everybody will be looking around for the next big thing. And for short period the most popular pickup line will be &#8220;I was using blabla before it was cool at SXSW&#8221;.
Early adopters have a though life ;)</p>




<p>I planned to install at least a dozen of new apps on my ipad, and sign up to a bunch of other websites.
I heard so many thing about this festival, I am really excited about it. For a wannabe entrepreneur its all the fairy that I kid could have in Disneyland.</p>




<p>And to add more fun and WOWness to this adventure I will be joining the Silicon Valley <a href="http://StartupBus.com" hreflang="en" title="StartupBus">StartupBus</a>.</p>




<iframe width="560" height="315" src="http://www.youtube.com/embed/2f70gxTUt5U" frameborder="0" allowfullscreen></iframe>




<p>The idea of the <a href="http://StartupBus.com" hreflang="en" title="StartupBus">StartupBus</a> started with a friend joke between Australian guys : roadtrip to SF with friend with the challenge of building a startup in the same time. The first <a href="http://StartupBus.com" hreflang="en" title="StartupBus">StartupBus</a> trip went to SF to Austin in 2010 on a bus with wifi. At Austin six projects were pitched to local investors. In 2011 Chicago, Clevevand, NYC and Miami joined the movement. For 2012 11 buses will travel across US and Mexico to  get to Austin with entrepreneurs on board.</p>




<p>Or should I say Buspreneurs :) Buspreneurs are a mix of business guys and coders who have cool ideas about ways to make the world better.</p>




<p>They all have 3-4 days to make those ideas real project and viable businesses. When buses arrive in Austin it is time to meet other Buspreneurs, the next two days will be semi-finals and finals between all the buses.
I just know the basic elevator pitch about the <a href="http://StartupBus.com" hreflang="en" title="StartupBus">StartupBus</a>, the rest will be the experience itself and I will find about it pretty soon :)</p>




<p>As a hacker and a Hackathon addict I am really excited. It&#8217;s all about building a real business and not only a hack to have fun with a cool API.</p>




<p>I am sure I will learn a lot of stuff from the people that I will meet during this trip.</p>




<p>Let&#8217;s get started ! Few hours away to a big step to the unknown ;)</p>




<p>PS: get ready to get spammed on your Twitter Timeline with #sxsw if you are not there tweet with #notatsxsw ;)</p>




<p>PSS: check http://startupbus.com as often as you can ;)</p>

]]></content>
  </entry>
  
  <entry>
    <title type="html"><![CDATA[How to Create a Startup Webpage in Less Than 1 Hour - Part 2]]></title>
    <link href="http://picsoung.github.io/blog/2012/02/03/how-to-create-a-startup-webpage-in-less-than-1-hour-part-2/"/>
    <updated>2012-02-03T16:47:00-08:00</updated>
    <id>http://picsoung.github.io/blog/2012/02/03/how-to-create-a-startup-webpage-in-less-than-1-hour-part-2</id>
    <content type="html"><![CDATA[<p>Last weekend I attended my 3rd Startup Weekend but this time I was part of the facilitators. This one was focused on Mobile and was held at the AT&amp;T Foundry (awesome building !!).</p>




<p><img src="http://picsoung.github.io/public/illus_billets/startupWeekendLogo.png" alt="startupweekend" style="display:block; margin:0 auto;" title="startupweekend, mar. 2011" /></p>




<p>After being a part of <a href="http://ditchthetourbus.com" title="DitchTheTourBus">DitchTheTourBus</a> project in November 2010 during Startup Weekend Twin Cities and attenting the Mega SW in Mountain View, CA couple of months ago; I decided to help and join the SW bay team to make these events happen.</p>




<p>It&#8217;s a really interesting experience to be on the other side. You can help teams to go on the right path and be focused on key points. My ultimate goal is to bring Startup Weekend in the East part of France, where there is (beside of Strasbourg) a lack of this kind of events.</p>




<p>So during the weekend I tried my best to help teams, especially teams that did not have enough time to work on app to demo or to build a website. I shared with them couple of wireframing tools like <a href="http://balsamiq.com" hreflang="en">Balsamiq</a>, <a href="https://gomockingbird.com/" hreflang="en">Mockingbird</a> or <a href="http://mockflow.com">Mockflow</a>.</p>




<p>But I also tried to make the part 2 of a previous article I wrote on my blog couple of months ago.</p>




<p>This article should help StartupWeekend teams but also small startups to create an easy nice-looking website/launch page in less than an hour.
You can find the first part of the article about which tools we are going to use here&nbsp;: <a href="http://picsoung.github.io/index.php?post/Create-a-startup-webpage-in-less-than-1-hour-Tools">create a startup webpage in less than 1 hour - tools</a></p>




<p>The second part is contains in this screencast that shows all the different steps to create your launch page.</p>




<p>Check it out :) And let me know what you think about it, feel free to ask any questions in the comment section :)</p>




<iframe src="http://player.vimeo.com/video/35448256?color=ff9933" width="400" height="250" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>


<p><a href="http://vimeo.com/35448256">HOWTO - Create a landing page for your Startup !</a> from <a href="http://vimeo.com/user10107911">Nicolas Grenie</a> on <a href="http://vimeo.com">Vimeo</a>.</p>




<p>Big shout out to <a href="http://twitter.com/siddiquiahmed" title="Ahmed ">Amed</a> and <a href="http://twitter.com/JohnBeadle" title="John">John</a> who are the main organizators of SW in the Bay, also to AT&amp;T guys, SW attendees, and other facilitators&nbsp;! :)</p>

]]></content>
  </entry>
  
  <entry>
    <title type="html"><![CDATA[I <3 APIs!]]></title>
    <link href="http://picsoung.github.io/blog/2011/11/20/i-3-apis/"/>
    <updated>2011-11-20T18:25:00-08:00</updated>
    <id>http://picsoung.github.io/blog/2011/11/20/i-3-apis</id>
    <content type="html"><![CDATA[<p><img src="http://picsoung.github.io/public/illus_billets/.api1_s.jpg" alt="api1.gif" style="display:block; margin:0 auto;" title="api1.gif, déc. 2011" /></p>




<p>Give me an A ! Give me a P ! Give me an I ! API power !!</p>




<p>If that sounds like a cheerleader&#8217;s song, it&#8217;s totally on purpose. &#8220;API&#8221; is the new buzzworld in the tech world, with lot of fans and gurus. And you better join them now, if you don&#8217;t want to be left behind.</p>




<h2>What is an API ?</h2>




<p>API stands for &#8221;<a href="http://en.wikipedia.org/wiki/API" hreflang="en" title="API">Application programming interface</a>&#8221; which means in a more understandable English : A hook to access a company&#8217;s data/website/technology and use it in your own application.
A good way to not re-invent the wheel and to sync up with other services.</p>




<h2>Who provide APIs?</h2>




<p>As a website you want to have as much user as you can because users means business and money (not only, we agree :P) . If you have an API you will let others create their own applications on top of yours based on the datas you are willing to share.</p>




<p>For example you can use Facebook Connect platform and let your users authenticate themself throw they Facebook identity. On your side it is simpler, you get all the data directly from Facebook, no more boring form asking basic informations. From a user perspective it also easier and very smooth, one account to rule them all.</p>




<h2>Big players on API :</h2>




<p><a href="http://developers.facebook.com" hreflang="en" title="Facebook">Facebook</a></p>




<p><a href="http://dev.twitter.com" hreflang="en" title="Twitter">Twitter</a></p>




<p>Google Map</p>




<p>Youtube</p>




<p>Linkedin</p>




<p><a href="http://developer.klout.com/" hreflang="en" title="Klout">Klout</a>
&#8230;</p>




<h2>Why APIs are that big ?</h2>




<p>Nowadays you could not think about creating an innovative startup without using somebody&#8217;s else API. As we said before you do not need to re-invent the wheel, somebody else did it before you. It saves you time, money and let you focus on bigger challenges.</p>




<p>You need a video-chat system ? use <a href="www.tokbox.com/opentok/api" hreflang="en" title="OpenTok">OpenTok</a>. You need to send SMS ? use <a href="http://twilio.com" hreflang="en" title="Twilio.com">Twilio</a>. And so on&#8230; It no more &#8220;there is an app for that&#8221; but &#8221;<strong>there is an API for that</strong>&#8221;.</p>




<p>APIs are a good way to share/sell your technology and your data with others and make revenues out of it.</p>




<h2>How to find the right API ?</h2>




<p>With this growing market there is a lot of places to find the API that meets your needs. You check APIs providers like <a href="http://mashery.com" hreflang="en" title="Mashery">Mashery</a> or <a href="http://www.3scale.net" hreflang="en" title="3Scale">3Scale</a>, they help companies to maintain their API documention and servers.
There are also API directories like <a href="http://programmableweb.com" hreflang="en" title="ProgrammableWeb.com">ProgrammableWeb</a> or <a href="http://www.mashape.com/" hreflang="en" title="Mashape">Mashape</a>. There is alo <a href="www.apigee" hreflang="en" title="Apigee">Apigee</a> where you can debug APIs in a console.</p>




<p>Now that you know a bit more about APIs, it&#8217;s time to code ;)</p>




<p>Go to hackathons and meet engineers that are building those awesome stuff.
<img src="http://tctechcrunch2011.files.wordpress.com/2011/12/facebook-college-hackathon-done.png?w=300" alt="" /></p>

]]></content>
  </entry>
  
  <entry>
    <title type="html"><![CDATA[Disable Comment Box on Facebook Like Button]]></title>
    <link href="http://picsoung.github.io/blog/2011/10/30/disable-comment-box-on-facebook-like-button/"/>
    <updated>2011-10-30T18:14:00-07:00</updated>
    <id>http://picsoung.github.io/blog/2011/10/30/disable-comment-box-on-facebook-like-button</id>
    <content type="html"><![CDATA[<p><img src="http://picsoung.github.io/public/illus_billets/1-Facebook.png" alt="1-Facebook.png" title="1-Facebook.png, oct. 2011" /></p>




<p>Having a website is cool, having a social website is better :)
SEO is not the only way to drive traffic to your website anymore, you need a social presence to get more people coming on your site.
If are looking for an easy way to make your website social you can use services like <a href="http://www.addthis.com/" hreflang="en" title="AddThis">AddThis</a>, with a small line of javascript, your users will be able to share your website on main social networks.</p>




<p>That&#8217;s super easy but you might be the kind of person who likes to manage everything and want to code your own stuff.</p>




<p>Implementing a like button is also super simple go on this page
http://developers.facebook.com/docs/reference/plugins/like/</p>




<p>And get the code you need to implement to have a nice-looking Like button :)</p>




<p>Recently Facebook add a comment functionality but you may want to disable it.
Add these few lines of CSS and the comment box won&#8217;t show up&nbsp;:</p>




<pre>[CSS]
.fb_edge_widget_with_comment{
  position: absolute;
}

.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {
  display: none !important;
}
</pre>




<p>Now you have old-style like button without a comment box :)
Have fun &#8220;hacking&#8221; Facebook :)</p>

]]></content>
  </entry>
  
  <entry>
    <title type="html"><![CDATA[In Hackathon We Trust]]></title>
    <link href="http://picsoung.github.io/blog/2011/08/28/in-hackathon-we-trust/"/>
    <updated>2011-08-28T20:26:00-07:00</updated>
    <id>http://picsoung.github.io/blog/2011/08/28/in-hackathon-we-trust</id>
    <content type="html"><![CDATA[<p>Spread the word : Geeks are not living in caves anymore !! Or at least they going out from their caves to see the sunlight once in a while for a specific occasion. Something in between a computer science class, a LAN party, a crazy scientist lab and a networking event.</p>




<p>If you are part of the geek crowd you understood that I was talking about <a href="http://en.wikipedia.org/wiki/Hackathon" hreflang="en" title="Hackathon">Hackathons</a>.</p>




<p>For those who don&#8217;t know what what is it, let&#8217;s make it easy :</p>




<h2>Hackathon = Hack + athon = Hack marathon</h2>




<p>Hack ? Wooo&#8230; like Hackers ? Cracking credit card, launching NASA spaceship or changing traffic lights ?</p>




<p>No, nothing like that. It is about Hacking but in a good way. People are building awesome products to solve problems or just for the fun of programming.</p>




<p>This kind of events is very tech oriented, so if you are not a programmer it could be hard to attend.
People are coming to work on their projects or to build new stuff during the event depends on the kind of event.</p>




<p>Since I moved to San Francisco I already attend to two different Hackathons. The first one was the <a href="http://hapihack.com" hreflang="en" title="HAPIHack">HAPIHack</a> weekend organized by <a href="www.tokbox.com/opentok/api" hreflang="en" title="Opentok">OpenTok</a> at their place. The principle was to create an application using at least one API from the sponsors. At the end of weekend, teams presented their work and a winner per API was designate to win the prize.</p>




<p><img src="http://hapihack.com/img/logo.png" alt="" /></p>




<p>During this <a href="http://hapihack.com" hreflang="en" title="HAPIHack">HAPIHack</a> I work with a Spanish mate (<a href="http://twitter.com/plunchete" hreflang="en" title="Plunchete">Ignacio</a>) on an application called <a href="http://facerate.cloudfoundry.com/" hreflang="en" title="FaceRate">FaceRate</a>. <a href="http://facerate.cloudfoundry.com/" hreflang="en" title="FaceRate">FaceRate</a> lets you take a picture of yourself to express your thought about a content (Video, Picture, text&#8230;), it is more powerful and meaningful than just a &#8220;like&#8221; or a &#8220;+1&#8221;.</p>




<p>We used <a href="http://embed.ly" hreflang="en" title="Embed.ly">Embed.ly</a> API to display a content (215 types of content available), <a href="www.tokbox.com/opentok/api" hreflang="en" title="OpenTok API">OpenTok API</a> to take the picture and <a href="http://face.com/" hreflang="en" title="Face.com">Face.com</a> API to analyse your facial expression.</p>




<p>If you would like to try a live demo it&#8217;s here (might be a bit buggy) : <a href="http://facerate.cloudfoundry.com/">http://facerate.cloudfoundry.com/</a></p>




<p>The googledoc prez :</p>




<iframe src="https://docs.google.com/present/embed?id=dzz485g_10hw78c8hs" frameborder="0" width="410" height="342"></iframe>




<p>And the Github repository if you want to fork it. <a href="https://github.com/picsoung/FaceRate" hreflang="en" title="FaceRate on GitHub">FaceRate on Github</a></p>




<p>It was a really nice adventure to work on a new project with somebody I did not know before. He initiate me to<a href="http://playframework.com" hreflang="en"> Play framework</a> that uses Java to build web applications and we were able to win two prizes, an Apple TV from embed.ly and a <a href="http://www.jawbone.com/speakers/jambox/overview" hreflang="en" title="Jambox">JamBox</a> from Face.com.</p>




<p>Hackathons are really a good time to meet people like you (coders), talk about technique, learn new APIs and tech stuff, be efficient (you need a result by the end of the weekend)&#8230;</p>




<p><img src="http://picsoung.github.io/public/illus_billets/.logo_superHappyDevHouse_m.jpg" alt="logo_superHappyDevHouse.png" title="logo_superHappyDevHouse.png, sept. 2011" /></p>




<p>This weekend I attend to the <a href="http://superhappydevhouse.org" hreflang="en" title="SuperHappyDevHouse">SuperHappyDevHouse</a> at the <a href="http://hackerdojo.com" title="HackerDojo">HackerDojo</a> in Mountain View, it was an afternoon+night Hackathon but without competitions or prizes. It was just for the sick of being with others instead of coding in your cave or at a coffee shop.</p>




<p>Special mentions to <a href="http://localno.de/" hreflang="en" title="Localno.de">Localno.de</a> that lets you share your localhost application easily (helpful in dev mode) and to <a href="http://popstardefense.com/play?s" hreflang="en" title="PopStar Defense"></a> for a 100% HTML5 amazing tower defense game.</p>




<p><img src="http://picsoung.github.io/public/illus_billets/hacker_dojo_logo_transparent.png" alt="hacker_dojo_logo_transparent.png" style="float:right; margin: 0 0 1em 1em;" title="hacker_dojo_logo_transparent.png, sept. 2011" /></p>




<p>Hackathons are the new trend around here with at least one every week. It a signs that tech people also need their events to meet others of their kind, so open your eyes more are coming ! Companies also need Hackathons where rockstars (#buzzword) developers will be able to see the limit of the API or ask for new features. And Hackers can help APIs providers in their development process.</p>




<p>So if you are a coder or a student who is learning Computer Science you should definetly attend to the next Hackathon around you, meet others geeks, eat pizza and code :)</p>




<p>PS : companies love if you hacked their API before applying for a job</p>




<p>Next Hackathons in the Valley :</p>




<p>10-11 Sept. <a href="http://plancast.com/p/5rq3/techcrunch-disrupt-sf-hackathon">Techcrunch Disrupt Hackathon</a></p>




<p>10-11 Sept. <a href="http://cleanwebhack.com/hackathon/" hreflang="en">Cleanweb</a> Hackathon about energy and environment</p>




<p>In Paris and other cities :</p>




<p>17 Sept. <a href="www.meetup.com/foursquare-API/" hreflang="en">Global Foursquare API Hackathon</a></p>




<p><em>Unfortunately this post was not reviewed by a English native speaker, so if you read something grammatically chocking please send me an email me @@ nicolasgrenie.com</em></p>

]]></content>
  </entry>
  
  <entry>
    <title type="html"><![CDATA[Students, 3 Reasons Why You Should Attend Web 2.0 Expo NYC in Fall (65% Discount)]]></title>
    <link href="http://picsoung.github.io/blog/2011/08/18/students-3-reasons-why-you-should-attend-web-2-0-expo-nyc-in-fall-65-discount/"/>
    <updated>2011-08-18T23:11:00-07:00</updated>
    <id>http://picsoung.github.io/blog/2011/08/18/students-3-reasons-why-you-should-attend-web-2-0-expo-nyc-in-fall-65-discount</id>
    <content type="html"><![CDATA[<p><img src="http://blonville.unblog.fr/files/2007/09/master.gif" alt="" />
I came to San Francisco for the first time last Christmas with my family for Christmas break. We did a lot of tourist stuff, but being in family of professors interested by technology, science and programming, you cannot avoid the &#8220;Tech tour&#8221; of the Bay. So we visited downtown Palo Alto, Stanford University, Berkeley and San Francisco SOMA&#8230;</p>




<p>It is kind of a dream come true when you recognized the logo/name of a product you use everyday.
At that time I was not looking for an internship yet, but was very excited by the concentration of startups and high-tech companies. At the end of our journey I was sure that I want to come back in SF.</p>




<p>And I came back :) Last march I came for a week, to attend the <a href="http://www.web2expo.com/" hreflang="en">Web 2.0 Expo</a>. It was during my Spring break, and instead of getting drunk with hot babes in Cancun I decided to push myself to attend this professionnal conference. I was already interested and curious about the new startupmania, social media, SoMoLo (#buzzword :D) scene but I had to see it to be sure that I want to be part of it.</p>




<p><img src="http://picsoung.github.io/public/illus_billets/.web2expo_4c-300x147_s.jpg" alt="web2expo_4c-300x147.jpg" style="float:right; margin: 0 0 1em 1em;" title="web2expo_4c-300x147.jpg, mar. 2011" /></p>




<p>Attending the Web 2.0 Expo was the best decision I have made, because now I am interning in the Engineering team of <a href="http://corp.ifeelgoods.com" hreflang="en">ifeelgoods.com</a> (winner of Web2.0 Expo Startup Showcase 2011) and I have a larger vision of what&#8217;s happening on the Web.</p>




<p>In October there will be the <a href="http://www.web2expo.com/ny" hreflang="en">Web 2.0 Expo NY</a> and I would like to share with you guys 3 reasons why you should attend, specially if you are student.</p>




<h2>1. Trending topics and trending people</h2>




<p>Talks, sessions and workshop are about what is happening now in the Internet world. You will hear experts in their domain about their experience. They are people who are making the Internet of today. I remember for example an interisting panel about pivoting with Kevin Systrom (founder of Instagram), it was just couple of weeks after their raised $7M.</p>




<p>The crowd of attendees is also made of great people, for example I&#8217;ve met the VP products of ICQ, engineers from Viadeo or someone from UberMedia.
You will be impressed by the quality of these people and their availability. It&#8217;s a chance for you and your business !</p>




<h2>2. Not only g33ks, not only bu$ine$$</h2>




<p>You might be studying Computer Science or Business and really love that, but please stop being a nerd in your own field ! Go out and meet others, understand what others are doing. If you are the kind of kind who can understand and talk with both sides, you earn points on a resume pile.</p>




<p>Web 2.0 is great opportunity to understand the other side, you can attend sessions in Technical track or Business track and go back and forth between the two. Plus, sessions are very understandable even if you do not have a PhD in Computer Science or Business. No reason to be close-minded !</p>




<h2>3. You learn more in one week than in a year of school</h2>




<p>Kind of an evidence : it is too recent to be taught in schools.</p>




<pre></pre>




<p>I am wondering which kind of prof will be able to tell you more on OpenGraph, Ruby on Rails, or mobile devices economy than people who are using/making this technology everyday. You learn few things in school, but don&#8217;t forget that you have to learn the rest by yourself ;)</p>




<p>By attending this kind of conference you also prove to others that you are more than a basic good student. During social events (usually more than one every day) you will be able to improve your communication skills, work on your personal elevator pitch, and build your network.</p>




<p>Career fairs are something awful for students and not really a good place to show to recruiters your personality : you are just one student out of the 1000 others who stopped at their booth during the day. During conferences, there are few students, you are the exception, for once :) .</p>




<p>Beside talks you also have many other events in the city related or not with the Expo, plus some companies in the Expo hall, don&#8217;t miss that ;)</p>




<p>I am sure <a href="http://web2expo.com/ny" hreflang="en">Web2.0 NY</a> does not have the same &#8220;taste&#8221; because it is not in the Valley, but it still a great conference with interesting sessions and people.
And I bet NYC is a nice city too, even if I never been&#8230;</p>




<p>For students you can have a 65% discount so it&#8217;s very interesting if you live in a hostel and take a low-cost flight, it might be cheaper than visit your parents or going to Cancun ;) Code: <strong>webny11fts</strong></p>




<p>For others you can have a 20% off with this code : <strong>WEBNY11RF9</strong></p>




<p>Enjoy !</p>




<p><em>Unfortunately this post was not reviewed by a English native speaker, so if you read something grammatically chocking please send me an email me @@ nicolasgrenie.com</em></p>

]]></content>
  </entry>
  
  <entry>
    <title type="html"><![CDATA[Année à St. Olaf - Le Bilan - Par Quoi Commencer ?]]></title>
    <link href="http://picsoung.github.io/blog/2011/06/02/annee-a-st-olaf-le-bilan-par-quoi-commencer/"/>
    <updated>2011-06-02T14:56:00-07:00</updated>
    <id>http://picsoung.github.io/blog/2011/06/02/annee-a-st-olaf-le-bilan-par-quoi-commencer</id>
    <content type="html"><![CDATA[<p><img src="http://picsoung.github.io/public/stolaf/.lion-black_t.jpg" alt="lion-black.jpg" style="float:left; margin: 0 1em 1em 0;" title="lion-black.jpg, juin 2011" />Presqu&#8217;un an après avoir quitté l&#8217;Hexagone me voici de retour dans nos contrées. Du poisson, du fromage et du soleil enfin&nbsp;! Mais non sans mal, car il a fallu dire au revoir au campus de St. Olaf et à tous ceux qui ont fait de cette aventure quelque chose de magique. Aujourd&#8217;hui le temps est venu d&#8217;essayer de démêler les fils de la pelote de cette année passée aux États-Unis et de sortir de l&#8217;inconscient ce qui a pu changer en moi et qui a fait de cette extraordinaire année une expérience culturelle comme personnelle.</p>




<p>Ayant fini mon semestre depuis plusieurs semaines je suis libéré de toute contrainte scolaire, j&#8217;essayerais d&#8217;être donc plus présent sur ce blog et d&#8217;aborder régulièrement les différents aspects de mon expérience américaine.</p>




<p>Évidemment l&#8217;exercice n&#8217;est pas forcément évident. On ne résume pas un an en 20 lignes, c&#8217;est pour çela que j&#8217;en appelle à vous, lecteurs, qui m&#8217;ont suivi (ou non) sur le blog, Twitter ou Facebook pour savoir qu&#8217;est-ce qui pourrait vous intéresser. Qu&#8217;aimeriez-vous connaître ou comprendre de la vie sur un campus américain ? Du monde informatique US ? Des relations sociales ? De l&#8217;esprit d&#8217;entreprendre ?</p>




<p>Vos questions seront pour moi sources d&#8217;inspiration dans la rédaction d&#8217;un prochain article.</p>




<p>Pour l&#8217;actualité récente, la bêta de <a href="http://ditchthetourbus.com" hreflang="en" title="DitchTheTourBus">DitchTheTourBus</a> pointera bientôt le bout de son nez, j&#8217;irais le 9 juin prochain à un <a href="http://www.aperoentrepreneurs.com" hreflang="fr" title="AperoEntrepreneurs">ApéroEntrepreneurs</a> à Paris et participerais certainement à quelques trucs à la <a href="http://lacantine.org/" hreflang="fr">Cantine</a> dans le mois de juin. Il faudra que je vous parle également du lancement en alpha d&#8217;O<a href="http://onligence.com" hreflang="fr" title="Onligence">nligence</a> par un compère Alsacien rencontré à la <a href="http://picsoung.github.io/index.php?post/Web-2.0-Expo-here-I-go-%21">Web 2.0 Expo à SF</a> en février.</p>




<p>Des projets et des idées, tout pleins de choses pour une nouvelle dynamique et faire de ce retour en France une réussite.</p>




<p>J&#8217;attends vos questions sur twitter ou dans les comments ;)</p>




<p>Bonus rétro&nbsp;:</p>




<iframe width="560" height="349" src="http://www.youtube.com/embed/1lLGsqNR1s8" frameborder="0" allowfullscreen></iframe>

]]></content>
  </entry>
  
  <entry>
    <title type="html"><![CDATA[Web 2.0 Expo Here I Go !]]></title>
    <link href="http://picsoung.github.io/blog/2011/03/27/web-2-0-expo-here-i-go/"/>
    <updated>2011-03-27T22:48:00-07:00</updated>
    <id>http://picsoung.github.io/blog/2011/03/27/web-2-0-expo-here-i-go</id>
    <content type="html"><![CDATA[<p><img src="http://picsoung.github.io/public/illus_billets/web2expo_4c-300x147.jpg" alt="web2expo_4c-300x147.jpg" style="display:block; margin:0 auto;" title="web2expo_4c-300x147.jpg, mar. 2011" /></p>




<p>On va se faire un petit post en français pour changer. Enfin c&#8217;est surtout que je suis pris d&#8217;un sentiment de flémingite aiguë pour me concentrer et rédiger en anglais.
Je suis donc arrivé à San Francisco jeudi dernier, directement depuis la neige de Minneapolis au climat humide et légèrement pluvieux de la Californie. Qu&#8217;elle libération !
Bien que je fusse en vacances (officiellement jusqu&#8217;à ce soir) c&#8217;est bel et bien dans un esprit &#8220;business&#8221; et &#8220;professionnel&#8221; que je me rends dans la Sillicon Valley.
Évidemment l&#8217;objectif ultime est de décrocher un stage dans cette mégapole de geeks. Mais je viens également dans l&#8217;envie d&#8217;en apprendre plus sur cette &#8220;startup-mania&#8221;, cet esprit d&#8217;entreprendre et plus généralement cette envie d&#8217;avoir envie qui nous fait défaut en France.
Pour me confronter à ce monde-là j&#8217;ai décidé d&#8217;assister à mon premier congrès professionnel : la <a href="http://www.web2expo.com/webexsf2011" hreflang="en">Web 2.0 Expo</a>. C&#8217;est une des plus grosses conférences américaines à propos du monde des réseaux sociaux, et du web d&#8217;aujourd&#8217;hui. Si vous voulez un aperçu du web 2.0 je vous propose cette formidable intervention de Frédéric Lefebvre :</p>




<iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/embed/xQF5BJMRQkw" frameborder="0" allowfullscreen></iframe>




<p>Effectivement ça ne veut pas dire grand-chose… le web 2.0 c&#8217;est tout et rien à la fois, c&#8217;est aujourd&#8217;hui comme c&#8217;est hier… ou alors on se dit juste que c&#8217;est le nom de la conf et basta :P</p>




<p>Pendant ces 4 jours de congrès j&#8217;essayerais de jongler entre confs techniques et celle orientée business, tout en essayant évidemment de rencontrer de nouvelles personnes et d&#8217;en connaître un peu plus sur les tendances actuelles.</p>




<p>Je suis très enthousiaste à l&#8217;idée d&#8217;assister à tout ça, mais surtout d&#8217;aller au Moscone center ! LE temple des WWDC d&#8217;Apple… mon rêve de gamin de 10ans, même si ce n’est pas pour une conférence des développeurs Apple. Pour une prochaine fois :)</p>




<p>Je vous laisse il me reste à planifier mon planning de demain, je pense m&#8217;orienter vers l&#8217;atelier sur toute une journée à propos de Ruby On Rails :)</p>




<p>Je vais essayer de maintenir le contact ici et d&#8217;écrire autant que possible mais rien ne sera évident avec toutes choses à faire !</p>




<p>Lien&nbsp;: <a href="http://www.web2expo.com/webexsf2011">Web 2.0 expo 2011</a>
Mon projet de startup <a href="http://DitchTheTourBus.com">DitchTheTourBus</a></p>

]]></content>
  </entry>
  
  <entry>
    <title type="html"><![CDATA[Create a Startup Webpage in Less Than 1 Hour - Tools]]></title>
    <link href="http://picsoung.github.io/blog/2011/03/14/create-a-startup-webpage-in-less-than-1-hour-tools/"/>
    <updated>2011-03-14T20:10:00-07:00</updated>
    <id>http://picsoung.github.io/blog/2011/03/14/create-a-startup-webpage-in-less-than-1-hour-tools</id>
    <content type="html"><![CDATA[<p>As a <a href="http://startupweekend.org/" hreflang="en" title="StartupWeekend">StartupWeekend</a> alumni I know there are many things you have to do during the weekend in to order to present a nice demo to the audience. One of the important things to do is building a website to present your product and get known on the web.
I wish I had at that time an article with a compilation of tools to use and an easy-to-follow tutorial about how to use these tools.
This article is the first part of the tutorial, I will present the tools we will use in the second part.</p>




<p>Who you should read this article&nbsp;: if you are in a <a href="http://startupweekend.org/" hreflang="en" title="StartupWeekend">StartupWeekend</a>, if you are building your startup and don&#8217;t want to spend to much time on the website, if you have a startup idea and want to get known or if you are curious :)</p>




<p>Why you should not read this article&nbsp;: if you think that ninjas are better</p>




<p>As a new startup you will need a custom domain name with a hosting space, a landing page to invite future users to sign-up for a beta, a blog and a Twitter account.</p>




<h2>1. Host your website and buy a custom domain name</h2>




<p>You have many offers to host your website and get your own domain name, you can pick the one you prefer. Following this tutorial you will not need a lot of space but think one step further to when you will need space for you real website.
I personally recommend <a href="http://www.kqzyfj.com/click-5069681-10605229?cm_mmc=CJ-_-3294521-_-5069681-_-Get%20Unlimited%20Web%20Hosting" hreflang="en" title="CoolHandle">CoolHandle</a> because they have a $5/mo offer with unlimited space and bandwith, their support his amazing (they always replied in less than 24hours), they give a FREE domain with any hosting plan, plus they have a built-in option for one of the services we will use.</p>


<p><a href="http://www.dpbolvw.net/click-5069681-10605229?cm_mmc=CJ-_-3294521-_-5069681-_-Get%20Unlimited%20Web%20Hosting">Get UNLIMITED Web Hosting Now</a><img src="http://www.ftjcfx.com/image-5069681-10605229" width="1" height="1" border="0"/></p>

<p>To get $50 off on Coolhandle offers use the code&nbsp;: <strong>zc06956</strong></p>




<p>Once you have you have your own .com and hosting plan you can go to the next step.</p>




<h2>2. Create an account on a wonderful blog platform</h2>




<p><img src="http://posterous.com/images/posterous-medium.png" alt="" /></p>




<p>Blog platform&nbsp;? Really&nbsp;? Yes&nbsp;! It is not like Blogger or Skyblog which are for teenagers&nbsp;; do not worry! We will use <a href="http://posterous.com" hreflang="en" title="Posterous">Posterous</a>, which is the new fashion in blog platforms for startups. It is very understandable when you see how easy it is to post on the blog.
<a href="http://posterous.com" hreflang="en" title="Posterous">Posterous</a> is very powerful; you can post just by sending an email, and that is very useful when you need your team to post on the blog. Another interesting feature is the connection with social networks. <a href="http://posterous.com" hreflang="en" title="Posterous">Posterous</a> lets you update your Facebook page, your Twitter account, Reddit&#8230; automatically when you post something. It gains you a significant amount of time&nbsp;!</p>




<p>So sign-up here&nbsp;: <a href="http://posterous.com" hreflang="en" title="Posterous">Posterous</a></p>




<h2>3. Create a <a href="http://cloudflare.com/" hreflang="en" title="CloudFlare">Cloudflare</a> account to manage your DNS</h2>




<p><img src="http://picsoung.github.io/public/illus_billets/.cloudfare_homepage_m.jpg" alt="cloudfare home" style="float:left; margin: 0 1em 1em 0;" title="cloudfare home, oct. 2010" /></p>




<p><a href="http://cloudflare.com/" hreflang="en" title="CloudFlare">Cloudflare</a> is a San Francisco based startup that permits you to speed up your website and protect it against spammers. It is very efficient&nbsp;: usually 65% faster. It is very easy and quick to configure with your domain, which we will see in the next part. It also permits you to manage your DNS as a professional. And everything is FREE&nbsp;! You can upgrade your account to a pro account if free features are not enough.</p>




<p>If you have a <a href="http://www.kqzyfj.com/click-5069681-10605229?cm_mmc=CJ-_-3294521-_-5069681-_-Get%20Unlimited%20Web%20Hosting" hreflang="en" title="CoolHandle">CoolHandle</a> account you can configure <a href="http://cloudflare.com/" hreflang="en" title="CloudFlare">Cloudflare</a> from your Cpanel otherwise we will see how to create and configure your account in the next part.</p>




<h2>4. Ask for a <a href="http://launchrock.com/" hreflang="en" title="LaunchRock">LaunchRock</a> invitation</h2>




<p><img src="http://picsoung.github.io/public/illus_billets/LaunchRock_Logo_-_Black-Red_Fully_Transparent.png" alt="" /></p>




<p><a href="http://launchrock.com/" hreflang="en" title="LaunchRock">LaunchRock</a> is the new must-have for startups&nbsp;! It is the winner of the <a href="http://startupweekend.org/" hreflang="en" title="StartupWeekend">StartupWeekend</a> of Philadelphia. With LaunchRock you have a simple page where users will be able to sign-up to get early access to your website, and share a referral link on social networks. It is again easy to configure and you have nothing to do besides customize the page. It is super powerful to see which successful startups already use it&nbsp;: <a href="http://Zaarly.com" hreflang="en" title="Zaarly">Zaarly</a>, <a href="http://ditchThetourbus" hreflang="en" title="DitchTheTourBus">DitchTheTourBus</a>, <a href="http://launchrock.com/" hreflang="en" title="LaunchRock">LaunchRock</a>&#8230;</p>




<p>If you do not have an invite yet and you are attending a <a href="http://startupweekend.org/" hreflang="en" title="StartupWeekend">StartupWeekend</a>, just email sw <a href="[@" title="[@">[@</a>] launchrock.com and they will send you an early invite.
If thiq is not your case you can still sign up on <a href="http://launchrock.com/" hreflang="en" title="LaunchRock">LaunchRock</a> and wait for an invitation or email the team and explain your project.</p>




<h2>5. Create your social network identity</h2>




<p>That is the easiest step. You just have to create a <a href="http://twitter.com" hreflang="en" title="Twitter">Twitter</a> account, a <a href="http://www.facebook.com/pages/create.php" hreflang="en" title="facebook">Facebook</a> page, a Youtube account if you have videos, Foursquare, etc&#8230;</p>




<p>If you read this, that means you have hopefully completed the 5 previous steps and you have all the tools you need to create your startup webpage.</p>




<p>Let&#8217;s go to step 2&nbsp;: Link all the tools together (coming soon)</p>




<p><em>Special Thanks to Kirsten Pertersen (St. Olaf 2011) who helped me with my english grammar</em></p>

]]></content>
  </entry>
  
  <entry>
    <title type="html"><![CDATA[Immersion in DC's Tech Scene]]></title>
    <link href="http://picsoung.github.io/blog/2011/02/07/immersion-in-dc-s-tech-scene/"/>
    <updated>2011-02-07T18:49:00-08:00</updated>
    <id>http://picsoung.github.io/blog/2011/02/07/immersion-in-dc-s-tech-scene</id>
    <content type="html"><![CDATA[<p><img src="http://techcocktail.wpengine.netdna-cdn.com/wp-content/themes/thesis_17/custom/images/tc.gif" alt="" /></p>




<p>Having a one week break before the beginning of Spring semester is nice. Visiting DC during this break with friends is super cool. But the best part is attending a Techy networking event in DC while you are on break.
That is what I did two weeks ago. It was the best way to kill two birds with one stone, visiting US&#8217;s capital and discovering DC&#8217;s tech scene. So before my journey I simply googled &#8220;DC&#8221;+&#8221;networking event&#8221; and in 3 more clicks I found <a href="http://www.techcocktail.com" hreflang="en">TeckCocktail</a>&#8217;s event. I booked my ticket, printed it and I was ready to go.</p>




<p>A new adventure for Frenchie :)</p>




<p>Of course the location of the bar(<a href="http://www.slaviya-dc.com/" hreflang="en">Slaviya</a>) where the <a href="http://www.techcocktail.com" hreflang="en">TechCocktail</a> took place was not in my tiny tourist map. But I found it without difficulty after a 40 minute walk from the subway station.
It was a nice and classy bar with demo tables all around it. I was there in advance but it became crowded quickly. It was time to meet people :) .</p>




<p>I was impressed to see how simple it was to meet people. I had no reason to feel uncomfortable, because people were so welcoming. You just have to take the first step and you can meet interesting people easily.
It was a good opportunity to see that DC is not only a government city but also an entrepreneurial city with many good ideas.</p>




<p>I do not know if it is what we call the &#8220;American Dream&#8221;, but after this event I felt that everything is possible, you can a great idea and build it, and there is a community who can help you by giving you some advice and sharing their experiences.</p>




<p>The French tech scene is in expansion, and unfortunately I am not studing in a big city in France, but I hope we have events like <a href="http://www.techcocktail.com" hreflang="en">TechCocktail</a> to meet other entrepreneurs and demo products.</p>




<p>In my opinion it is the perfect place to be as a student. This kind of event helps you to develop your own entrepreneurial fiber and give you a showcase of what is going on around you. If you are a computer science major like me, that will broaden your mind on where you would like to work. Forget giants companies, your local tech scene has so much to offer ;)</p>




<p>Unfortunately good things come to an end; it was time for me to leave and go back to Minnesota for school.
I will for sure attend another <a href="http://www.techcocktail.com" hreflang="en">TechCocktail</a> if I have the opportunity again.</p>




<p>PS : I add a new geek shirt to my collection :)</p>


<p><a target='_blank' href='http://img37.imageshack.us/i/dsc02333o.jpg/'><img src='http://img37.imageshack.us/img37/2634/dsc02333o.th.jpg' border='0'/></a></p>

<p>Uploaded with <a target='_blank' href='http://imageshack.us'>ImageShack.us</a></p>

<p><em>Special Thanks to Kirsten Pertersen (St. Olaf 2011) who helped me with my english grammar</em></p>

]]></content>
  </entry>
  
  <entry>
    <title type="html"><![CDATA[What I Saw at Minnedemo]]></title>
    <link href="http://picsoung.github.io/blog/2011/01/24/what-i-saw-at-minnedemo/"/>
    <updated>2011-01-24T15:03:00-08:00</updated>
    <id>http://picsoung.github.io/blog/2011/01/24/what-i-saw-at-minnedemo</id>
    <content type="html"><![CDATA[<p>I am two weeks late but as the idiom says : &#8220;better late than never&#8221;. I would like to write about what I saw during the last <a href="http://minnestar.org/minnedemo/" hreflang="en">Minnedemo</a> on the 13th of January. Like this I am also inaugurating my first blog post in english \o/</p>




<p><img src="http://picsoung.github.io/public/illus_billets/.minnedemo_m.jpg" alt="MinneDemo logo" style="float:left; margin: 0 1em 1em 0;" title="MinneDemo logo, janv. 2011" /></p>




<p>For those who don&#8217;t know, <a href="http://minnestar.org/minnedemo/" hreflang="en">Minnedemo</a> is a conference where local startups from Minnesota present their products. They present it without any slides. That is where the strength of this conference is : demo only, no Powerpoint and blabla.</p>




<p>This time <a href="http://minnestar.org/minnedemo/" hreflang="en">Minnedemo</a> took place at Business University of St. Thomas in downtown Minneapolis. There were more than 300 attendees. Tickets sold out extremely quickly. I was luckyto have one. I reserved mine the day they announced the conference.</p>




<p>For sure <a href="http://minnestar.org/minnedemo/" hreflang="en">Minnedemo</a> was the place to be on the 13th of January. Many of the famous investors and entrepreneurs of the Twin Cities were there.
It was a great opportunity to do some networking. For me, it was harder than during the <a href="http://twincities.startupweekend.org/" hreflang="en">StartupWeekend</a> in November because it seemed like everybody knew each other, so it was harder to break the ice. But speaking about the quality of the buffet is always a good line to start a conversation :)</p>




<p>I won&#8217;t write in detail about each demo but just about my top 3 <a href="http://sophia.org/" hreflang="en">Sophia</a>, <a href="http://inveni.com" hreflang="en">Inveni</a> and <a href="htp://eventburn.com" hreflang="en">EventBurn</a>.</p>




<p><img src="http://sophia.org/images/logo_sophia-large.png?1295261862" alt="" /></p>




<p><a href="http://sophia.org/" hreflang="en">Sophia</a> is a new way to study online. The founders think that everybody can be a teacher, because we all know something. Based on this concept you will have the ability to create a class to explain something you understood. Let&#8217;s say you want to explain the Monte-Carlo&#8217;s method to compute an integral. In this class you will be able to add images, schemas or videos. Like this you can have an interactive course and not just a simple formula. It could be very useful if you don&#8217;t understand what your prof says in class, you may find another way to understand it in <a href="http://sophia.org/" hreflang="en">Sophia</a>.</p>




<p>How to be sure that the lesson is scientifically true ? <a href="http://sophia.org/" hreflang="en">Sophia</a>&#8217;s community is formed of students and experts. They have the ability to rate an article and suggest some improvements to the author. After a certain number of reviews by experts, the article will be certified.
One of the advantage of Sophia is that you can ask the author questions on a kind of forum.
So it is a mix between Wikipedia and Moodle, with a better interface and better user interaction.
<a href="http://sophia.org/" hreflang="en">Sophia</a> is still in beta but we should keep an eye on this startup :)</p>




<p><img src="http://www.inveni.com/content/images/repl-robot-algs.gif" alt="" /></p>




<p><a href="http://inveni.com" hreflang="en">Inveni</a> is a recommendation service for movies and TV shows. It will tell you what you should watch based on what you like. The concept was well summarized by its CEO : <em>&#8220;We find you good crap and make sure you don&#8217;t watch crap&#8221;</em>. I tried <a href="http://inveni.com" hreflang="en">Inveni</a> few days after Minnedemo. During the sign-up process it will ask you your top 5 movies, so you better know that top 5 before starting. I did not, I was just thinking of cartoons like Wall-E, Ice Age or Toy Story. Then it asks you to rate some movies if you already saw them. Because of my previous choice it asked me to rate all the episodes of Harry Potter. It was a bit strange to be assimilated with a HP&#8217;s fan. I watched the first one and slept during the 7th&#8230; You can spend hours rating all the movies it suggests you, I stopped after 40. It recommended cartoons for me… So I should rate other kind of movies if I really want a better suggestion.</p>




<p>One of the interesting features is the possibility to scan your Facebook, Twitter, Netflix or Rotten Tomatoes account and see what you said about movies you saw. So be careful when you want to be nice with your girlfriend with FB status like &#8220;So nice to watch Love Actually with you&#8221; when you like movies like American Pie, because Inveni will suggest you love movie :)</p>




<p>You also can have friends and see what they like, and what you may like in their list. It is possible for example to suggest a movie to a friend.
Inveni is an interesting product with a strong algorithm and a nice interface. Unfortunately it does not include (yet ?) French movies, and I watch a lot of French movies. Plus I prefer to choose movies more spontaneously.</p>




<p>But I think we will hear about them very soon :) Recommendation websites are the current fashion on social networks.</p>




<p><img src="http://www.eventburn.com/static/img/eventburn-logo.png" alt="" /></p>




<p>The third demo that seduced me was <a href="htp://eventburn.com" hreflang="en">EventBurn</a>&#8217;s. It is a service for event organizers who would like to watch what people say about this event on social networks. It will give you the top link shared on Twitter or Facebook, or pictures on Flickr. You will also be able to see which user was the most active on Twitter, which tweet was retweeted the most and what the keywords were used. It is a good and a simple way to monitor the virtual identity of your event.</p>




<p>They made a <a href="http://eventburn.com/minnestar" hreflang="en">special page</a> for Minnedemo. I had the surprise to see that I was one of the most active user on Twitter :)
<a href="htp://eventburn.com" hreflang="en">EventBurn</a> is still in beta test so they have a special $10/year offer for early adopters. Because I like the principle and I like the idea that being a beta-tester I signed up. Now I have a <a href="http://eventburn.com/nicolasgrenie" hreflang="en">special page</a> to follow my &#8220;personal brand&#8221; with my name and surname. I will see what the results will be.</p>




<p><a href="htp://eventburn.com" hreflang="en">EventBurn</a> could be an interesting product to aggregate social network activity about your event. Plus the team is very friendly and open :)</p>




<p>It was a very nice conference for me and I am looking forward attending to the next one. I will attend to the next <a href="http://techcocktaildcwinter2011.eventbrite.com/" hreflang="en">TechCocktail</a> in DC on the 2nd of February =)</p>




<p>Videos of all the demos : <a href="http://tech.mn/news/2011/01/14/minnedemo-winter-2011/" hreflang="en">http://tech.mn/news/2011/01/14/minnedemo-winter-2011/</a></p>




<p><a href="http://picsoung.github.io/index.php?post/En-revenant-de-la-Minnedemo">Report in French</a></p>




<p><em>Special Thanks to Kirsten Pertersen (St. Olaf 2011) who helped with english grammar</em></p>

]]></content>
  </entry>
  
  <entry>
    <title type="html"><![CDATA[En Revenant De La Minnedemo]]></title>
    <link href="http://picsoung.github.io/blog/2011/01/16/en-revenant-de-la-minnedemo/"/>
    <updated>2011-01-16T10:38:00-08:00</updated>
    <id>http://picsoung.github.io/blog/2011/01/16/en-revenant-de-la-minnedemo</id>
    <content type="html"><![CDATA[<p>Se forcer un peu pour prendre le clavier (version moderne de prendre la plume) et raconter ce qui s&#8217;est passé à la conférence Minnedemo dont je vous avais parlé il y a quelques jours.
Ça ne sert pas à grand-chose d&#8217;aller à ce genre de conf&#8217; si on n’en fait pas un petit compte rendu de ce qu&#8217;on y a vu ou appris.</p>




<p>Décrivons un peu l&#8217;ambiance tout d&#8217;abord : il faut s&#8217;imaginer une foule compacte de 300 personnes composée à 98% d&#8217;hommes qui enchaîne verre de vin sur bière le tout en se mettant quelques petits fours derrière la cravate. Cette petite foule plutôt ponctuelle est arrivée une heure avant le début des conférences. Le temps de networker et de faire un sort au buffet. La qualité du buffet donne l&#8217;idée de la population qui assiste à la conférence. Là où pour le StartupWeekend c&#8217;était à base de pizzas et de bagels synonyme d&#8217;une population geeky pas très portée sur la diététique, nous avions droit lors de la Minnedemo à un véritable buffet ! Vous auriez vu ces minis quiches et ses tartelettes !
La nourriture est certes un élément essentiel mais cela implique de manger avec distinction et de pas se salir les mains pour pouvoir serrer quelques pinces, à éviter donc si vous êtes un bâfreur. En revanche le ver de vin est semble-t-il un très bon &#8220;ice-breaker&#8221; littéralement &#8220;brise glace&#8221;.</p>




<p>J&#8217;étais un peu impressionné par cette foule, il m&#8217;a été plus difficile d&#8217;aborder les gens car ils semblaient tous se connaître en sachant exactement qui fait quoi. On s&#8217;est donc très rapidement retrouvé entre &#8220;Weekenders&#8221;, c&#8217;est-à-dire anciens participants au StartupWeekend. L&#8217;occasion de voir comment chacun avançait sur son projet.</p>




<p><img src="http://picsoung.github.io/public/illus_billets/.minnedemo_m.jpg" alt="MinneDemo logo" style="float:left; margin: 0 1em 1em 0;" title="MinneDemo logo, janv. 2011" /></p>




<p>Puis se fut le temps de rentrer dans le confortable amphi de l&#8217;université St. Thomas pour assister aux conférences.
Comme je l&#8217;avais expliqué précédemment ici le principe est simple : une dizaine de startups en phase de lancement ont 7min pour convaincre les futurs partenaires ou investisseurs qui sont dans la salle le tout à base de démo de leur produit.</p>




<p>Le principe du &#8220;No powerpoint&#8221; est parfait ! On se concentre ainsi sur le projet et rien que le projet, rien d&#8217;autre ne parasite.</p>




<p>Un petit résumé des différentes démos que l&#8217;on a pu voir:</p>




<p><img src="http://www.inveni.com/content/images/repl-robot-algs.gif" alt="" /></p>




<p><a href="http://www.inveni.com" hreflang="en" title="Inveni">Inveni</a> flirte sur la vague des sites de suggestions/recommandations pour vous permettre de trouver quel film regarder ce soir.
Simplement : &#8220;We find you good crap and make sure you don&#8217;t watch crap&#8221; dixit le CEO, &#8220;On vous trouve des bons nanars à regarder et on s&#8217;assure que vous ne regardiez pas des navets&#8221;.
Pour l&#8217;avoir essayé l&#8217;interface est plutôt cool. On s&#8217;inscrit facilement puis il nous demande nos 5 films préférés. Alors j&#8217;ai bien eu du mal donc j&#8217;ai bien dû mettre 4 dessins animés dont Wall-E et Ice Age. Après le site va essayer d&#8217;en savoir plus sur vous en vous proposant une liste de film en vous demandant de le noter si vous l&#8217;avez déjà vu. Certainement à base de système neuronal cela permet d&#8217;affiner les films qu&#8217;il vous proposera. J&#8217;ai bien été surpris car il m&#8217;a proposé tous les opus d&#8217;Harry Potter alors que j’ai bien dû en voir un seul en entier et les autres ayant un superbe pouvoir de somnifère.
Pour constituer cette base vous pouvez lier vos comptes Facebook, Rotten Tomatoes, Netflix ou Twitter à Inveni et il va analyser ce que vous avez pu dire à propos d&#8217;un film à travers vos différents statuts. Alors attention aux trucs faux-cul du genre &#8220;trop bien Love Actually avec toi ma chérie&#8221; que vous avez posté sur Facebook il y a 1 mois alors que vous votre genre de film c&#8217;est plutôt les trucs genre Very Bad Trip…</p>




<p>Malheureusement ce site ne gère pas encore les films français. Je ne pense pas non plus être un utilisateur très assidu car je choisi plus mes films sur un coup de tête que sur des critiques.
Cependant il sera intéressant de suivre l&#8217;avenir de cette startup vu que les systèmes de recommandation sont la tendance du moment.</p>




<p><img src="http://qonqr.com/Content/img/NamePlateWithLogo.jpg" alt="" /></p>




<p><a href="http://qonqr.com/" hreflang="en">Qonqr</a>, le jeu géolocalisé dont j&#8217;avais déjà parlé <a href="http://picsoung.github.io/index.php?post/Je-Networke%2C-tu-networkes%2C-nous-networkons-%21" hreflang="en">là</a>. La démo était la même que celle présenté au StartupWeekend. Une version WebKit, donc compatible iPhone/iPad est pourtant sortie alors que la première version avait été développée seulement pour les Windows Phone et le web en utilisant silverlight.
J&#8217;ai vaguement un peu plus compris le principe même si je ne serais pas un joueur… Il faut prendre le contrôle de zones géographique en envoyant des nano-bots.
À voir ce qu&#8217;ils ajouteront par la suite. En tout cas le buzz est déjà lancé il y a déjà pas mal de zones sous contrôles en dehors du Minnesota.</p>




<p><img src="http://uberleethackerforce.deepgeek.us/news_pass.jpg" alt="" /></p>




<p>On a ensuite droit à une démo hardware, première dans le genre à une Minnedemo, le <a href="http://hobones.dogsoft.net/pas/" hreflang="en">PassyPass</a>. C&#8217;est un petit boîtier avec 4 boutons de saisie A, B, C, D et deux de contrôle User et Password. Développé par une geek apparemment connue sur la scène du hacking sous le nom de SigFLUP ce boîtier USB devrait vous permettre de ne plus avoir à vous rappeler tous vos mots de passe. Une sorte de 1Password en version hardware. C&#8217;est plutôt simple, vous allez sur votre site préféré pour changer votre mot de passe, une petite pression sur un bouton cela vous en génère un nouveau, vous associez ensuite une combinaison de lettres à ce site et voilà :)
La prochaine fois il suffira de faire la combinaison de touche en question et cela vous logguera automatiquement.
Outre l&#8217;aspect geek et DIY (do it yourself) à base d&#8217;interface sur vim je n’ai pas bien compris le principe… Car ça déplace un peu le problème il faudra toujours se rappeler quelle combinaison on a attribué à tel site.</p>




<p><img src="http://minnov8.com/wp-content/uploads/2010/01/zipnosis.jpg" alt="" /></p>




<p>Avec <a href="http://zipnosis.com" hreflang="en">Zipnosis</a> vous pouvez remballer vos fantasmes d&#8217;infirmière avec uniforme et stéthoscope… Car si le site vous propose de vous soigner ça sera en restant assis devant votre ordinateur. En gros c&#8217;est une consultation virtuelle chez le médecin. Évidemment ils ne vont pas remplacer les spécialistes qui ont besoin d&#8217;une consultation physique pour établir leur diagnostic mais ils veulent désengorger les hôpitaux américains et rendre le droit de soigner plus accessible. Pour obtenir une ordonnance il vous faudra répondre à plusieurs questions et payer 25€ à la fin. Vos réponses seront envoyées à un docteur de la clinique Park Nicollet partenaire du site, et après analyse il vous enverra une réponse personnalisée accompagnée d&#8217;une ordonnance comme un vrai médecin.
L&#8217;interface est plutôt simple, là encore il y a du système neuronal derrière, apparemment le tout est développé avec Rails de l’aveu du fondateur.
Ça semble une très bonne idée pour soigner tous les petits bobos. Surtout dans un pays comme les USA où la consultation frôle les 250$ à l&#8217;hôpital, ça fait cher le rhume. Cela permet donc également de permettre à plus de personne d&#8217;accéder à des soins. À suivre voir si ce genre de service débarque chez nous de ce que j&#8217;ai entendu ils sont déjà plusieurs aux USA.</p>




<p>Velvet games nous a présenté un jeu iPhone, je n’ai pas vraiment accroché mais le fondateur a séduit le public avec son humour. Le personnage du jeu portait un t-shirt Minnedemo et lors d&#8217;une quête il a gagné une épée et un costume en papier journal.</p>




<p><a href="http://evolvehq.com" hreflang="en">Evolve</a> c&#8217;est un espèce de réseau social de gamer. Cela permet de trouver des gens qui jouent aux mêmes jeux que nous, de créer des guildes ou des clans. Ce qu&#8217;il propose c&#8217;est un système de &#8220;je wizze tous mes amis quand je veux faire une partie de CS&#8221;. Super pour tenter ceux qui tranquillement révisaient leur finaux. Une autre fonctionnalité permet de trouver des joueurs qui jouent au même jeu que vous et qui ont le même niveau. Parfait si vous en avez marre de mourir après la première seconde de jeu parce que vous avez atterri sur un serveur CS chinois.
C&#8217;est cette dernière fonctionnalité qui me plaît bien, je ne suis pas un gros gamer mais je n’aime pas me faire fragguer sans avoir du fun de temps en temps.</p>




<p><img src="http://www.eventburn.com/static/img/eventburn-logo.png" alt="" /></p>




<p><a href="http://www.eventburn.com/" hreflang="en">EventBurn</a> est un service qui vous permet de suivre l&#8217;impact d&#8217;un événement dans les réseaux sociaux. À partir de mots-clés le site va se mettre à &#8220;écouter&#8221; Facebook, Twitter et Flickr pour trouver les liens et photos qui sont les plus partagés sur ces réseaux. Vous aurez aussi des stats sur le nombre d&#8217;utilisateur qui parlent de vous, et une timeline. C&#8217;est plutôt simpliste mais c&#8217;est un bon agrégateur pour visionner rapidement ce qu&#8217;ils se passe.
Ils ont créé <a href="http://www.eventburn.com/minnestar" hreflang="en">une page</a> pour le Minnedemo. Vous verrez également les tweet les plus retweeté (repris par d&#8217;autres personnes) ainsi que les mots clés les plus utilisés. Ça m’a permis de voir également que j&#8217;étais celui qui avait le plus twitté sur les 250 utilisateurs avec seulement 27 messages. Petite satisfaction :)
Le produit me semble prometteur pour tous ceux qui gèrent des événements qui accueillent une communauté portée sur les réseaux sociaux. J&#8217;ai voulu tester eventburn en créant un compte pour suivre ma &#8220;marque personnelle&#8221; c’est-à-dire mon nom et mes pseudos. Voilà ce que ça donne http://www.eventburn.com/nicolasgrenie
À suivre également, en plus l&#8217;équipe est très disponible pour répondre aux questions/suggestions.</p>




<p>Litliftt est un service d&#8217;aide à l&#8217;écriture pour les auteurs de romans qui se perdent dans leur imagination. Cela permet de créer par exemple un personnage et d&#8217;écrire toutes ses caractéristiques et de les stocker. Vous pourrez voir également à quelle fréquence son nom apparaît dans votre manuscrit. Une aide pour trouver que le Colonel Moutarde n’est pas très actif pour le moment il faudrait peut-être le faire intervenir, un meurtre par exemple, dans la cuisine avec un chandelier ça sonne pas mal.
C&#8217;est plutôt simple et ça a été très vite adopté par une large communauté, tant le nombre d&#8217;écrivains en herbe est important.
Le public a été séduit par le générateur de nom de personnage :)</p>




<p><img src="http://sophia.org/images/logo_sophia-large.png?1295261862" alt="" /></p>




<p>Une des démos les plus intéressantes était celle de <a href="http://sophia.org/" hreflang="en">Sophia</a>. Ils partent du principe que tout le monde détient la connaissance mais chacun à sa manière. Les développements limités vous ne captez rien ? Le prof explique et réexplique mais rien n&#8217;y fait ? Sophia est pour vous. Quelqu&#8217;un sera certainement déjà passé par là et aura compris. Il va tenter d&#8217;expliquer à sa manière. Tout cela à base de graphiques, d&#8217;images ou de vidéos. En plus vous pourrez poser des questions à l&#8217;auteur. Comment être sûr qu&#8217;il ne nous mène pas en bateau ? Il y a une communauté d&#8217;expert qui apporte conseils et expertise sur les articles dans leur domaine. C&#8217;est en quelque sorte un Wikipedia avec de nouvelles ressources, une validation d&#8217;expert et une discussion entre utilisateur.
Très prometteur à mon avis avec encore beaucoup de potentiel, notamment du côté d&#8217;une éventuelle compatibilité Moodle.</p>




<p>Après tous ces super speech il fut temps de rentrer à l&#8217;hôtel et se reposer.</p>




<p>Ce fut une formidable expérience qui a renforcé chez moi l&#8217;envie d&#8217;entreprendre. Il y a tellement de bonnes idées et choses à faire ! Évidemment c&#8217;est une feuille de plus sur la pile des projets à réaliser mais assister à ce genre de conférence rebooste la motivation, c&#8217;est sûr !
Avis à tous mes collègues étudiants je vous encourage à participer à ce genre d&#8217;événement, ça vous donnera une autre vision de ce que vous voulez faire et de ce qui se fait actuellement.</p>




<p>Je prévois déjà d&#8217;assister au prochain <a href="http://techcocktaildcwinter2011.eventbrite.com/" hreflang="en">TechCocktail</a> de Washington DC. le 2 février prochain alors que je serais là bas en touriste :)</p>




<p>Vous pouvez voir toutes les démos en vidéo&nbsp;: <a href="http://tech.mn/news/2011/01/14/minnedemo-winter-2011/" hreflang="en">http://tech.mn/news/2011/01/14/minnedemo-winter-2011/</a></p>

]]></content>
  </entry>
  
  <entry>
    <title type="html"><![CDATA[Je Networke, Tu Networkes, Nous Networkons !]]></title>
    <link href="http://picsoung.github.io/blog/2011/01/11/je-networke-tu-networkes-nous-networkons/"/>
    <updated>2011-01-11T15:46:00-08:00</updated>
    <id>http://picsoung.github.io/blog/2011/01/11/je-networke-tu-networkes-nous-networkons</id>
    <content type="html"><![CDATA[<p><img src="http://picsoung.github.io/public/illus_billets/.linkedinWizard_m.jpg" alt="linkedinWizard.jpg" style="display:block; margin:0 auto;" title="linkedinWizard.jpg, janv. 2011" />
<em>Image sous licence CC&nbsp;: <a href="http://www.flickr.com/photos/4everyoung/256180335/" hreflang="en">Originale</a></em></p>




<p>Ou plutôt &#8220;Je réseaute, tu réseautes, nous réseautons&#8221;&#8230; Ou comment petit à petit je me transforme en un étudiant en recherche active de stage.</p>




<p>En tant qu&#8217;élève futur ingénieur informatique, et bientôt dans la fin de sa troisième année il me faut trouver le stage &#8220;technique&#8221; dit ST40 dans notre nomenclature bien à nous. L&#8217;idée est de mettre en pratique nos connaissances et/ou d&#8217;en apprendre de nouvelles, pendant 6 mois, au sein d&#8217;une équipe avec comme rôle d&#8217;épauler des ingénieurs.</p>




<p>Pour moi ce stage commencera en Septembre prochain et j&#8217;ai bon espoir de pouvoir le réaliser au pays de l&#8217;Oncle Sam :)</p>




<p>J&#8217;ai quelques mois devant moi pour trouver ce ST40. Mais prendre un peu d&#8217;avance dans la réflexion ne peut pas faire de mal.</p>




<p>C&#8217;est donc dans cette optique de prospection/réflexion que j&#8217;ai participé au Startup Weekend de Minneapolis au mois de novembre. Souvenez-vous j&#8217;en avais parlé ici. En bon procrastinateur je n’ai pas pris le temps de faire un billet-bilan.
Ce fut une formidable expérience ! La seule envie qu&#8217;on a à la fin du week-end c&#8217;est d&#8217;appeler son papa et sa maman et de leur dire &#8220;j&#8217;arrête l&#8217;école&#8221;. Il y a tellement de gens à rencontrer, tellement de projets auxquels on voudrait participer, tellement d&#8217;idées que l&#8217;on a qui ne demandent qu&#8217;à être exploitées, tellement de tellement que ça en devient frustrant.</p>




<p>J&#8217;ai eu la chance de pouvoir pitcher mon projet de réseau social pour voyageurs lors de la première soirée. Le projet a plu, il a fait parti des 8 sélectionnés. On a donc pu monter une équipe pour travailler dessus pendant les 54h suivantes.
Au final on n’a pas gagné le premier prix mais ce fut un superbe weekend. Beaucoup de personnes nous ont encouragés à continuer le projet car ils seraient les premiers utilisateurs de ce service.</p>




<p>Le projet continue donc sa route et devrait pouvoir aboutir à un moment ou à un autre.
Pour en savoir plus sur le projet DitchTheTourBus (laissez tomber les bus touristiques)&nbsp;: <a href="http://www.ditchthetourbus.com" hreflang="en">Le site de démo</a></p>




<p>La présentation finale devant l&#8217;audience&nbsp;:</p>


<iframe src="http://player.vimeo.com/video/17084335" width="400" height="225" frameborder="0"></iframe>


<p><a href="http://vimeo.com/17084335">Ditch the Tour Bus - SWTC2</a> from <a href="http://vimeo.com/user3212330">TECHdotMN</a> on <a href="http://vimeo.com">Vimeo</a>.</p>




<p><a href="http://minnedemo.eventbrite.com/" hreflang="en"><img src="http://picsoung.github.io/public/illus_billets/.minnedemo_m.jpg" alt="MinneDemo logo" style="display:block; margin:0 auto;" title="MinneDemo logo, janv. 2011" /></a></p>




<p>Sur cette même lancée je participerais jeudi soir à la conférence Minnedemo organisé par l&#8217;association <a href="http://minnestar.org/" hreflang="en">Minne*</a>. Le préfixe &#8220;Minne&#8221; étant là pour rappeler l&#8217;ancrage local (Minnesota, Minneapolis) de l&#8217;événement. La partie &#8220;demo&#8221; veut dire ce qu&#8217;elle veut dire. On va assister à des démos de produits locaux.
Je vous stoppe tout de suite avant que votre imagination n&#8217;aille plus loin ce n&#8217;est pas un salon de l&#8217;Agriculture, il n&#8217;y aura pas ni saucisse ni fromage local mais bel et bien des jeunes pousses dans le monde des technologies. Des startups qui cherchent à se faire connaître et qui vont présenter leur service en 7 min. Le tout sans PowerPoint, et c&#8217;est bien le maître mot de la conférence, des démos, que des démos rien que des démos.</p>




<p>C&#8217;est une superbe occasion de voir ce qui se trame sur la scène locale. J&#8217;étais d&#8217;ailleurs surpris, c&#8217;est plutôt florissant même si on est perdu dans le Midwest. Mais comme toujours ce qui est intéressant c&#8217;est ce qui se passe en marge de l&#8217;événement et tout l&#8217;aspect networking. Il y aura entre 300 et 400 participants largement de quoi disséminer quelques cartes de visite et en récolter :)</p>




<p>Dans la liste des présentations disponible <a href="http://minnestar.org/minnedemo/" hreflang="en">ici</a> j&#8217;ai trouvé quelques boîtes dont je suivrais la présentation avec intérêt&nbsp;:</p>




<p>il y a <a href="http://qonqr.com/" hreflang="en">qonqr.com</a> dont j&#8217;ai déjà vu la béta-démo lors du Startup Weekend, ceux sont les gagnants de la première édition. C&#8217;est un jeu mobile géolocalisé. De ce que j&#8217;avais compris à l&#8217;époque il y a des histoires de prise de territoire, d&#8217;attaque et d&#8217;équipe. Le tout écrit en Silverlight car l&#8217;un des fondateurs est un mentor des technologies .net et Silverlight.</p>




<p>I<a href="http://inveni.com/" hreflang="en">nveni</a> a également l&#8217;air intéressant et surf sur la vague des moteurs de recommandation. C&#8217;est la tendance du moment, à voir comment leur produit se différencie de tous ceux déjà sorti.</p>


<object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/b-xIgFchxFg?fs=1&amp;hl=fr_FR"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/b-xIgFchxFg?fs=1&amp;hl=fr_FR" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object>




<p>J&#8217;essayerais cette fois, promis, de faire un compte rendu :)</p>

]]></content>
  </entry>
  
  <entry>
    <title type="html"><![CDATA[Back to School - Sur Les Chapeaux De Roues !]]></title>
    <link href="http://picsoung.github.io/blog/2011/01/06/back-to-school-sur-les-chapeaux-de-roues/"/>
    <updated>2011-01-06T22:44:00-08:00</updated>
    <id>http://picsoung.github.io/blog/2011/01/06/back-to-school-sur-les-chapeaux-de-roues</id>
    <content type="html"><![CDATA[<p><a href="http://picsoung.github.io/public/illus_billets/road-runner-4.jpg" title="RoadRunnerSchool"><img src="http://picsoung.github.io/public/illus_billets/.road-runner-4_s.jpg" alt="RoadRunnerSchool" style="float:left; margin: 0 1em 1em 0;" title="RoadRunnerSchool, janv. 2011" /></a>
Wooouf ! Ça défrise ! Ça va à cent à l&#8217;heure et ça ne s&#8217;arrête pas ! Ça croit en fonction du temps… C&#8217;est pas Bip Bip, ni le Coyote qui suit Bip Bip… C&#8217;est plus fort ! C&#8217;est plus grand ! Et ça n’a pas besoin de dynamite pour tout faire péter… Ça s&#8217;appelle tout simplement : les cours…</p>




<p>Fini les vacances. D&#8217;un coup d&#8217;un seul, pas le temps d&#8217;un Abracadabra, et nous revoilà reparti pour transformer nos âmes de joyeux lurons en élèves studieux. Dure tâche mais aisément réalisée car le système ne nous laisse pas le choix. En effet on vient de rentrer dans la période charnière entre le semestre d&#8217;automne et celui de printemps. Ce qu&#8217;on appelle chez nous l&#8217;intersemestre, qui sert à se reposer, à faire des stages ou quelques menues activités est ici un véritable mois de cours !
<a href="http://picsoung.github.io/public/illus_billets/road-runner.jpg" title="RoadRunnerRunning"><img src="http://picsoung.github.io/public/illus_billets/.road-runner_s.jpg" alt="RoadRunnerRunning" style="float:right; margin: 0 0 1em 1em;" title="RoadRunnerRunning, janv. 2011" /></a>
Un mois à suivre le même cours en mode marche rapide. Évidemment comme à chaque fois il y a ceux qui se sont bien débrouillés et les autres… Ceux qui ont le sens de la débrouille (magouille ?) en profitent pour passer un mois pépère à suivre une UV avec des cours seulement 3 jours par semaine et qui (si possible) ne demande pas trop de boulot. Les autres, dans mon genre, cherchent à agrandir leur culture et optent pour des vrais cours à raison de 4h par jour de 8h30 le matin à 10h puis de 13 à 15h. La suite n&#8217;étant que travail personnel.
Autant dire que ceux-là n’y ont rien compris, y vont vraiment se suer à la tâche… Qui plus est, à l&#8217;unique tâche… Effectivement on n’a pas vraiment le luxe de se dire &#8220;et si je faisais ma petite rédaction pour arrêter de coder&#8221;. Nope, un cours, un seul, des devoirs, que ceux-là rien que ceux-là…</p>




<p>Déjà que les labos sont vides d&#8217;habitude mais je ne vous parle pas de <em>l&#8217;interim</em>…&nbsp;! Cela renforce encore cette impression de bien être le seul clampin a avoir opté pour ce dur labeur. Et ces collocs qui se permettent de veiller, ou qui prennent le temps de prendre un petit déj…</p>




<p>Quoi qu&#8217;il y a peut-être du bénéfique là-dedans. Je suis un cours sur le parallélisme… J&#8217;arriverais peut-être à me faire un cerveau multicœurs avec un dédié au travail et l&#8217;autre aux plaisirs. Plus besoin de temporiser tout serait synchronisé. M&#8217;enfin ça se saurait si on pouvait organiser son temps comme ça.</p>




<p>À la banque y disent : &#8220;votre argent travaille pour vous, même quand vous dormez&#8221;, si seulement mon cerveau pouvait en faire autant&#8230;
<a href="http://picsoung.github.io/public/illus_billets/The-Road-Runner-Wile-E-Coyote.jpg" title="RoadRunnerCoyote"><img src="http://picsoung.github.io/public/illus_billets/.The-Road-Runner-Wile-E-Coyote_m.jpg" alt="RoadRunnerCoyote" style="display:block; margin:0 auto;" title="RoadRunnerCoyote, janv. 2011" /></a></p>

]]></content>
  </entry>
  
  <entry>
    <title type="html"><![CDATA[American Dream - Ôsakaï !]]></title>
    <link href="http://picsoung.github.io/blog/2010/12/02/american-dream-osakai/"/>
    <updated>2010-12-02T21:59:00-08:00</updated>
    <id>http://picsoung.github.io/blog/2010/12/02/american-dream-osakai</id>
    <content type="html"><![CDATA[<p>Enfin ! Je lâche un grand OUF de soulagement ! Le feu dans la cheminée est enfin allumé ! Je sais c&#8217;est puéril, mais chacun ses petites victoires. Grâce à cela au moment d&#8217;aller me coucher quand je ferais le bilan de ma journée je ressentirais une petite satisfaction tel le nolife qui vient d&#8217;accomplir une quête.</p>




<p>Ma quête du jour était donc le feu ! Ce n’est pas vraiment une science exacte ce truc, parfois ça marche du premier coup, et parfois ça ne veut pas. C&#8217;était plutôt un jour sans… Ca faisait 5 fois que je remettais du StarTribune dans le foyer… rien… Je ventilais les maigres braises, ou plutôt je mettais de la cendre de partout, comme je pouvais… rien… J&#8217;ai ravalé mon orgueil et accepté ma défaite face aux Éléments.</p>




<p>Ce que je n’avais pas compris c&#8217;est que le feu ça a ses humeurs. Car Monsieur à tout à coup décider de lui-même de lancer quelques flammèches. Une, puis deux, puis tout s&#8217;est embrasé et nous voici enfin avec un feu digne de ce nom dans notre maison !
Je me suis senti un peu homme de cro-magnon découvrant le feu, fasciné par sa couleur et sa force. C&#8217;est quand même super-distrayant un feu ! J&#8217;aime voir les flammes dévorer le bois, l&#8217;entendre craquer et souffrir sous le grondement du feu. Tout ça certainement pour me distraire de mon boulot scolaire, c&#8217;est certains. D&#8217;ailleurs j&#8217;aimerais bien que ça aille plus vite, que je doive encore me lever pour ajouter une bûche, et ainsi quitter le rébarbatif TP d&#8217;assembleur.</p>




<p>Pour bien comprendre la place de se foyer il faut comprendre une chose… : Y FAIT SUPER-MÉGA-GIGA FROID ! Alors on a beau avoir été prévenu depuis septembre, on a beau nous avoir dit &#8220;That is just the beginning&#8221;, il n&#8217;empêche ! C&#8217;est un fait : ça caille.
Il a neigé pour la première fois il y a quelques semaines. C&#8217;est arrivé d&#8217;un coup après une semaine où on était encore sans veste. Depuis ça fait un peu le yo-yo entre grand froid + neige + vent glacial et journée ensoleillée où ça fond.
Pas encore eu le temps de faire un bonhomme de neige, mais je peux d&#8217;ores et déjà vous assurer que les plateaux de la cantine font de très bonnes luges !</p>




<p>Qui dit neige, dit Noël qui arrive… Et celui qui n’est pas au courant il le fait exprès ! Car direct après Halloween tous les magasins se sont mis à vendre des trucs &#8220;spécial Noël&#8221;. Exit les monstres et les fantômes, voilà le papa Noël \o/.
En y réfléchissant ça fait un peu image de film ce que je suis en train de vivre là… Au coin du feu, des chaussettes de Noël sur la cheminée, un sapin illuminé, de la neige au dehors, le tout aux États-Unis :)
Et encore &#8220;That is just the beginning&#8221;&#8230;&nbsp;!</p>

]]></content>
  </entry>
  
  <entry>
    <title type="html"><![CDATA[Startup Weekend à Minneapolis H-3]]></title>
    <link href="http://picsoung.github.io/blog/2010/11/19/startup-weekend-a-minneapolis-h-3/"/>
    <updated>2010-11-19T12:22:00-08:00</updated>
    <id>http://picsoung.github.io/blog/2010/11/19/startup-weekend-a-minneapolis-h-3</id>
    <content type="html"><![CDATA[<p><img src="http://startupweekend.org/images/sw_GEW.png" alt="" />Dans une petite dizaine de minutes je vais monter dans le bus qui m&#8217;emmènera à Minneapolis pour L&#8217;événement de la fin d&#8217;année&nbsp;: le S<a href="http://twincities.startupweekend.org/" hreflang="en">tartup Weekend</a>  :) J&#8217;ai acheté mon billet au début de mois d&#8217;octobre, j&#8217;aurais donc pu vous en parler avant, mais la procrastination aidant il n&#8217;en fut rien&#8230;</p>




<p>Késako ce truc alors&nbsp;?</p>




<p>Le principe est simple&nbsp;: pendant un weekend des developeurs, des entrepreuneurs etdes étudiants tous passionés de nouvelles technologies et motivés par l&#8217;envie d&#8217;entreprendre, se retrouvent pour imaginer des nouveaux concepts d&#8217;entreprises. Le tout ponctué de speech par des gens qui sont déjà dans cet univers.
Ce genre d&#8217;événement a commencé il y a quelques années aux USA et aujourd&#8217;hui se sont plus d&#8217;une centaine de villes qui accueillent un Startup Weekend.
Je très excité de vivre cette expérience :) C&#8217;est l&#8217;occasion de rencontrer des gens du métier et d&#8217;apprendre à leur côté, le tout sans perdre de vue l&#8217;aspect networking de ce genre d&#8217;événement.</p>




<p>Un weekend loin du campus et de sa vie de cours, pour quelque chose de différent .</p>




<p>Je vais essayer de tenir un live tweet sur <a href="http://twitter.com/picsoung" hreflang="fr">@picsoung</a> vous pouvez également suivre le hashtag <a href="https://twitter.com/#!/who_to_follow/search/%23swtc2" hreflang="en">#swtc2</a></p>




<p>Pour bien préparer cet événement j&#8217;ai investi dans des cartes de visites, un <a href="http://pro.nicolasgrenie.com" hreflang="en">nouveau site profesionnel</a> etun  profil linkedin mis à jour, reste plus qu&#8217;à mettre tout ça en action ;-)</p>

]]></content>
  </entry>
  
</feed>
