Implementing BrowserID identification on your website</h1> <article> <h1>Implementing BrowserID identification on your website</h1> <p>2011-12-25T13:05:13+00:00</p> <p>BrowserID <a href="http://identity.mozilla.com/post/7616727542/introducing-browserid-a-better-way-to-sign-in">was released a few months ago</a> and is a new way to sign in to websites or web applications that doesn't require you to give your password each time you want to login. It doesn't even require you to register as such on each website. In that way, it is very similar to openId, but without the usability issues.</p> <p>For developpers, Mozilla set up a service that provides everything you need to let your users simply login without handling any of the dirty work yourself. <a href="http://browserid.org">http://browserid.org</a> is an identity provider that allows your users to create and manage their accounts across the web. One account for an infinite number of websites. Could this finally be our <a href="http://www.codinghorror.com/blog/2010/11/your-internet-drivers-license.html">universal login mechanism</a>?</p> <h3><a href="https://github.com/mozilla/browserid/wiki/How-to-Use-BrowserID-on-Your-Site">Implementing BrowserID</a> on your site or app is easy</h3> <h4>Include the following javascript snippet in your page</h4> <div class="highlight"><pre><code class="javascript"><span class="o"><</span><span class="nx">script</span> <span class="nx">src</span><span class="o">=</span><span class="s2">"https://browserid.org/include.js"</span> <span class="nx">type</span><span class="o">=</span><span class="s2">"text/javascript"</span><span class="o">><</span><span class="err">/script></span> </code></pre> </div> <h4>Identify the user</h4> <p>When the user clicks on your "Login" button, a window pops up asking them to confirm that they want to login, or asking them to create a browserID account if they haven't done it yet. Once they decide that they want to login, they are redirected to your site, and the following function is called, with the assertion being passed to the callback if the login was successful</p> <div class="highlight"><pre><code class="javascript"><span class="nx">navigator</span><span class="p">.</span><span class="nx">id</span><span class="p">.</span><span class="nx">getVerifiedEmail</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">assertion</span><span class="p">)</span> <span class="p">{</span> <span class="k">if</span> <span class="p">(</span><span class="nx">assertion</span><span class="p">)</span> <span class="p">{</span> <span class="c1">// This code will be invoked once the user has successfully</span> <span class="c1">// selected an email address they control to sign in with.</span> <span class="p">}</span> <span class="k">else</span> <span class="p">{</span> <span class="c1">// something went wrong! the user isn't logged in.</span> <span class="p">}</span> <span class="p">});</span> </code></pre> </div> <p>If the assertion is there, the user authenticated successfully. now you must verify that the assertion really is authentic, and get the relevant data from it. You <em>could</em> <a href="https://wiki.mozilla.org/Identity/Verified_Email_Protocol/Latest">do it yourself</a>, but if you don't have any special requirements, I recommend you just use the service provided by <a href="http://browserid.org">http://browserid.org</a></p> <h4>Verify the assertion</h4> <p>To do so, and once you have the <code>assertion</code>, you have to make a POST request to <a href="http://browserid.org/verify">http://browserid.org/verify</a>, with two parameters: the assertion and the audience, which is simply the hostname of your site. This has to be done from your server. For security reasons, it won't work if you do it as an ajax request from the user's browser. What I suggest is that you call a url on your server from the javascript callback which will be in charge of itself making the request to browserid.org. Do it as a POST request as that assertion is a <em>long</em> string. This an example implementation for the <a href="http://www.slimframework.com/">Slim framework</a>:</p> <div class="highlight"><pre><code class="php"><span class="cp"><?php</span> <span class="nv">$app</span><span class="o">-></span><span class="na">post</span><span class="p">(</span><span class="s1">'/browserid'</span><span class="p">,</span> <span class="k">function</span> <span class="p">()</span> <span class="k">use</span> <span class="p">(</span><span class="nv">$app</span><span class="p">)</span> <span class="p">{</span> <span class="nv">$assertion</span><span class="o">=</span><span class="nv">$app</span><span class="o">-></span><span class="na">request</span><span class="p">()</span><span class="o">-></span><span class="na">post</span><span class="p">(</span><span class="s1">'assertion'</span><span class="p">);</span> <span class="c1">//get the POSTed assertion</span> <span class="nv">$post_data</span> <span class="o">=</span> <span class="k">array</span><span class="p">(</span><span class="s1">'assertion'</span> <span class="o">=></span> <span class="nv">$assertion</span><span class="p">,</span> <span class="s1">'audience'</span> <span class="o">=></span> <span class="nx">SERVER</span><span class="p">);</span> <span class="c1">//SERVER is my site's hostname</span> <span class="nv">$r</span> <span class="o">=</span> <span class="nx">Http</span><span class="o">::</span><span class="na">post</span><span class="p">(</span><span class="s1">'https://browserid.org/verify'</span><span class="p">,</span><span class="nv">$post_data</span><span class="p">);</span> <span class="c1">//This makes a post request to browserid.org</span> <span class="nv">$result</span><span class="o">=</span><span class="nx">json_decode</span><span class="p">(</span><span class="nv">$r</span><span class="p">,</span><span class="k">true</span><span class="p">);</span> <span class="k">if</span><span class="p">(</span><span class="nv">$result</span><span class="p">[</span><span class="s1">'status'</span><span class="p">]</span><span class="o">==</span><span class="s1">'okay'</span><span class="p">){</span> <span class="nx">handle_users</span><span class="p">(</span><span class="nv">$app</span><span class="p">,</span><span class="nv">$result</span><span class="p">);</span> <span class="c1">//This logs the user in if we have an account for that email address,</span> <span class="c1">//or creates it otherwise</span> <span class="p">}</span><span class="k">else</span><span class="p">{</span> <span class="nv">$msg</span><span class="o">=</span><span class="s1">'Could not log you in'</span><span class="p">;</span> <span class="nv">$status</span><span class="o">=</span><span class="k">false</span><span class="p">;</span> <span class="k">echo</span> <span class="nx">json_encode</span><span class="p">(</span><span class="k">array</span><span class="p">(</span><span class="s1">'message'</span><span class="o">=></span><span class="nv">$msg</span><span class="p">,</span><span class="s1">'status'</span><span class="o">=></span><span class="nv">$status</span><span class="p">));</span> <span class="p">}</span> <span class="p">}</span> <span class="p">);</span> <span class="cp">?></span><span class="x"></span> </code></pre> </div> <p>This call to the browserID API returns some json_encoded stuff, for example something like this :</p> <div class="highlight"><pre><code class="javascript"><span class="p">{</span> <span class="s2">"status"</span><span class="o">:</span> <span class="s2">"okay"</span><span class="p">,</span> <span class="s2">"email"</span><span class="o">:</span> <span class="s2">"lloyd@example.com"</span><span class="p">,</span> <span class="s2">"audience"</span><span class="o">:</span> <span class="s2">"https://mysite.com"</span><span class="p">,</span> <span class="s2">"expires"</span><span class="o">:</span> <span class="mi">1308859352261</span><span class="p">,</span> <span class="s2">"issuer"</span><span class="o">:</span> <span class="s2">"browserid.org"</span> <span class="p">}</span> </code></pre> </div> <h4>Login or register</h4> <p>If you don't get anything, or the status is not okay, something failed. Otherwise, great, your user just asked to be logged in! (or registered)</p> <p>If the status was "okay", you then need to proceed to login your user (set session varibles, or whatever...) or register them (create an account in your database and then log them in)</p> <p>The data returned is very basic, but allows you to check whether that user already has an account or your site or not. You are then free to ask them for additional data, such as their name, date of birth, etc...</p> <p>And that's it! I'm really happy because now I can forget about email address verification, lost passwords and all the annoying stuff that having actual users imply. Let someone else do the hard work is what I say!! Especially when it integrates so well everywhere.</p> <p>Oh by the way, there's a <a href="http://wordpress.org/extend/plugins/browserid/">Wordpress plugin</a> for that</p> <a href="http://jfoucher.com/2011/12/implementing-browserid-identification.html">Implementing BrowserID identification on your website</a> is a post by Jonathan Foucher at <a href="http://jfoucher.com">Geeky Nuggets</a><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/GeekyNuggets?a=kNEoOm5w3Jo:IdkvkBD4hgM:yIl2AUoC8zA"></img></a> <a href="http://feeds.feedburner.com/~ff/GeekyNuggets?a=kNEoOm5w3Jo:IdkvkBD4hgM:F7zBnMyn0Lo"></img></a> </div> </article> <article> <h1>A 10 minute script to graph your server load</h1> <p>2011-09-16T23:09:13+00:00</p> <p>This is a quick and dirty PHP script that I whipped up in about 10 minutes, used to show the load averages on the server where it is uploaded.</p> <p>Here are the load curves for the server that hosts most of my websites at the moment. It is an overworked shared server, which explains why all the curves are through the roof...</p> <p>The load is updated every minute with a crontab that calls this same script.</p> <p>The visualization is done using the Google chart API, which does require javascript but offers some great chart options, the "annotatedtimeline" being especially suitable to my purpose.</p> <p><a title="server load graph on github" href="https://github.com/jfoucher/Server-load-graph" target="_blank">Get the source on github</a></p> <p><a href="http://jfoucher.com/projects/serverload.html">installation and project details</a></p> <a href="http://jfoucher.com/2011/09/a-10-minute-script-to-graph-your-server-load.html">A 10 minute script to graph your server load</a> is a post by Jonathan Foucher at <a href="http://jfoucher.com">Geeky Nuggets</a><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/GeekyNuggets?a=b1hs5X6V2ZA:dFIQBHKYiJQ:yIl2AUoC8zA"></img></a> <a href="http://feeds.feedburner.com/~ff/GeekyNuggets?a=b1hs5X6V2ZA:dFIQBHKYiJQ:F7zBnMyn0Lo"></img></a> </div> </article> <article> <h1>Remote debugging with Xdebug and PhpStorm on Ubuntu</h1> <p>2011-08-17T23:09:13+00:00</p> <p>Being able to debug your php application right from your IDE is something that you can't fully realise the power of, unless you've tried it. The advantages are immediately obvious: as soon as the connection from Xdebug is successful, you are blinded by variable inspection, code stepping, breakpoints, etc... Debugging heaven! It took me... a few months to finally find the time figure out how to set up everything properly, so I hope this post can help someone, somewhere. But don't worry: it retrospect, it's not that difficult at all.</p> <h3>First things first : install xdebug</h3> <p>On Ubuntu and Debian, it couldn't be easier: just open a terminal and type</p> <div class="highlight"><pre><code class="bash">sudo apt-get install php5-xdebug </code></pre> </div> <p> This will also install Apache and PHP if you don't have them already.</p> <h3>Setup Xdebug on server</h3> <p>Done? Right, so this created a config file in /etc/php5/conf.d called xdebug.ini, which is read by php and contains xdebug's configuration options. You'll need to open this file for editing as root, as we need to make a few changes in there. you can copy/paste the command below in the terminal, or do it your own way.</p> <div class="highlight"><pre><code class="bash">gksu gedit /etc/apache2/conf.d/xdebug.ini </code></pre> </div> <p>Within this file, there will be a single line, referencing the xdebug zend extension, something like this (the path can vary slightly)</p> <div class="highlight"><pre><code class="ini"><span class="na">zend_extension</span><span class="o">=</span><span class="s">/usr/lib/php5/20090626/xdebug.so</span> </code></pre> </div> <p>This is what we're going to add:</p> <div class="highlight"><pre><code class="ini"><span class="na">xdebug.remote_enable</span><span class="o">=</span><span class="s">On #this enables remote debugging</span> <span class="na">xdebug.remote_host</span><span class="o">=</span><span class="s">192.168.1.83 #change this IP adress for the one of the computer you are typing on</span> <span class="na">xdebug.remote_port</span><span class="o">=</span><span class="s">9000 #this is the default, leave it as is</span> </code></pre> </div> <p>Now we restart apache so that the new configuration is taken into account:</p> <div class="highlight"><pre><code class="bash">sudo /etc/init.d/apache2 restart </code></pre> </div> <p>And we that we are <strong>done</strong> on the server side of things</p> <h3>Prepare PhpStorm</h3> <p>Switch to the computer where PhpStorm is installed, and open your project. All you have to do is click on the "Accept debug connections" button, and activate Xdebug by using a browser extension. Here are four extensions to do this:</p> <ul> <li><a href="https://addons.mozilla.org/en-US/firefox/addon/58688">Firefox</a></li> <li><a href="https://chrome.google.com/extensions/detail/eadndfjplgieldjbigjakmdgkmoaaaoc">Chrome</a></li> <li><a href="http://benmatselby.posterous.com/xdebug-toggler-for-safari">Safari</a></li> <li><a href="https://addons.opera.com/addons/extensions/details/xdebug-launcher/?display=en">Opera</a></li> </ul> <p>Use your preferred extension to activate Xdebug for the page you're on. Go back to PhpStorm, and instruct it to listen to incoming debug connections by clicking on the "Listen PHP debug connections" button </p> <p>Now all you have to is set a breakpoint and reload your page.</p> <div class="image-with-caption aligncenter" style="width:319px"><div class="caption">Setting a breakpoint in PhpStorm</div></div> <p>A window will popup asking you if PhpStorm should accept the connection from Xdebug</p> <div class="image-with-caption aligncenter" style="width:331px"><div class="caption">Accepting connection from Xdebug on PhpStorm</div></div> <p>Just click debug and happy bug squishing!</p> <a href="http://jfoucher.com/2011/08/remote-debugging-with-xdebug-and-phpstorm-on-ubuntu.html">Remote debugging with Xdebug and PhpStorm on Ubuntu</a> is a post by Jonathan Foucher at <a href="http://jfoucher.com">Geeky Nuggets</a><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/GeekyNuggets?a=b7CR7oZNIF0:L-e8BnrTopo:yIl2AUoC8zA"></img></a> <a href="http://feeds.feedburner.com/~ff/GeekyNuggets?a=b7CR7oZNIF0:L-e8BnrTopo:F7zBnMyn0Lo"></img></a> </div> </article> <article> <h1>A Phing task to update your Twitter status</h1> <p>2011-06-29T12:10:00+00:00</p> <h3>Phing and Twitter</h3> <p>I recently starting working with <a title="PHP build and deployment tool" href="http://www.phing.info">phing</a> to automate the build and deployement process for the web apps I'm building. I use it to compile my LESS files to CSS and minimize then, to compress and concatenate the javascript files, to optimize images using <a href="http://www.smushit.com/">smushit</a>, etc...</p> <p>I like to be able to comunicate exactly what I'm doing, and thankfully Phing has a built in task to email a message to a list of recipients, which is good, but slightly old school. I wanted something that would be able to integrate readily with twitter, i.e. update my status when a build was completed. I saw <a href="http://codeinthehole.com/archives/14-Phing-task-to-update-Twitter-status.html">this post</a>, which unfortunately uses Basic Auth. As you doubtless know, <a href="http://dev.twitter.com/pages/basic_auth_shutdown">Twitter deprecated this form of authentication</a>, and now asks all users to authenticate using <a href="http://dev.twitter.com/pages/basic_to_oauth">OAuth</a>.</p> <h3>Download twitterOAuth library</h3> <p>That meant I had to roll my own phing task... However, thanks to great work by cleverer people, doing it was quite simple. Using <a href="http://abrah.am/">Abraham Williams'</a> <a href="https://github.com/abraham/twitteroauth">twitteroauth</a> library means that the coding I'd have to do was greatly reduced. Awesome, because <a href="http://www.codinghorror.com/blog/2005/08/how-to-be-lazy-dumb-and-successful.html">I aim to be lazy</a>.</p> <p>The first step is to <a href="https://github.com/abraham/twitteroauth/tarball/master">download the twitteroauth library</a> from github. Extract it to a temporary folder and copy the subfolder</p> <div class="highlight"><pre><code class="bash">twitteroauth </code></pre> </div> <p> to the folder where your fing tasks are stored (on my system it is</p> <div class="highlight"><pre><code class="bash">/usr/share/php/phing/tasks/my/ </code></pre> </div> <p>. Please note you might have to create the</p> <div class="highlight"><pre><code class="bash">my/ </code></pre> </div> <p> folder within</p> <div class="highlight"><pre><code class="bash">/usr/share/php/phing/tasks/ </code></pre> </div> <p>. You will need root privileges for these steps.</p> <h3>Register application with Twitter</h3> <p>Secondly, you need to <a href="https://dev.twitter.com/apps/new">register an application with twitter</a>, as you will need a consumer key and consumer secret later on. Please <a href="https://dev.twitter.com/apps/new">do so now</a>, and come back once you have your app data available.</p> <h3>Create the custom phing task</h3> <p>Next up is creating the actual task PHP class. Create an empty file named TwitterUpdateTask.php</p> <div class="highlight"><pre><code class="bash">sudo touch /usr/share/php/phing/tasks/my/TwitterUpdateTask.php </code></pre> </div> <p> and open it for editing with your favorite editor. We'll use gedit :</p> <div class="highlight"><pre><code class="bash">gksu gedit /usr/share/php/phing/tasks/my/TwitterUpdateTask.php </code></pre> </div> <p>The code for this file is as shown below:</p> <div class="highlight"><pre><code class="php"><span class="cp"><?php</span> <span class="k">require_once</span> <span class="p">(</span><span class="s2">"phing/Task.php"</span><span class="p">);</span> <span class="k">require_once</span> <span class="p">(</span><span class="s2">"phing/tasks/my/twitteroauth/twitteroauth.php"</span><span class="p">);</span> <span class="cm">/* get the lines below from http://twittertokens.6px.eu/ */</span> <span class="nb">define</span><span class="p">(</span><span class="s1">'CONSUMER_KEY'</span><span class="p">,</span> <span class="s1">'Your Consumer Key Here'</span><span class="p">);</span> <span class="nb">define</span><span class="p">(</span><span class="s1">'CONSUMER_SECRET'</span><span class="p">,</span> <span class="s1">'Your Consumer Secret Here'</span><span class="p">);</span> <span class="nb">define</span><span class="p">(</span><span class="s1">'OAUTH_TOKEN'</span><span class="p">,</span> <span class="s1">'Your OAuth Token Here'</span><span class="p">);</span> <span class="nb">define</span><span class="p">(</span><span class="s1">'OAUTH_TOKEN_SECRET'</span><span class="p">,</span> <span class="s1">'Your Oauth Token Secret Here'</span><span class="p">);</span> <span class="k">class</span> <span class="nc">TwitterUpdateTask</span> <span class="k">extends</span> <span class="nx">Task</span> <span class="p">{</span> <span class="k">private</span> <span class="nv">$message</span><span class="p">;</span> <span class="cm">/*</span> <span class="cm"> * The setter for the status message</span> <span class="cm"> */</span> <span class="k">public</span> <span class="k">function</span> <span class="nf">setMessage</span><span class="p">(</span><span class="nv">$str</span><span class="p">){</span> <span class="nv">$this</span><span class="o">-></span><span class="na">message</span><span class="o">=</span><span class="nv">$str</span><span class="p">;</span> <span class="p">}</span> <span class="k">public</span> <span class="k">function</span> <span class="nf">main</span><span class="p">(){</span> <span class="cm">/* Connect to twitter */</span> <span class="nv">$connection</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">TwitterOAuth</span><span class="p">(</span><span class="nx">CONSUMER_KEY</span><span class="p">,</span> <span class="nx">CONSUMER_SECRET</span><span class="p">,</span> <span class="nx">OAUTH_TOKEN</span><span class="p">,</span> <span class="nx">OAUTH_TOKEN_SECRET</span><span class="p">);</span> <span class="cm">/* Pass the status message as a parameter */</span> <span class="nv">$parameters</span> <span class="o">=</span> <span class="k">array</span><span class="p">(</span><span class="s1">'status'</span> <span class="o">=></span> <span class="nv">$this</span><span class="o">-></span><span class="na">message</span><span class="p">);</span> <span class="cm">/* Post the data to the API endpoint */</span> <span class="nv">$status</span> <span class="o">=</span> <span class="nv">$connection</span><span class="o">-></span><span class="na">post</span><span class="p">(</span><span class="s1">'statuses/update'</span><span class="p">,</span> <span class="nv">$parameters</span><span class="p">);</span> <span class="k">if</span> <span class="p">(</span><span class="nb">isset</span><span class="p">(</span><span class="nv">$status</span><span class="o">-></span><span class="na">error</span><span class="p">)){</span> <span class="cm">/* if there is an error, fail the build */</span> <span class="k">throw</span> <span class="k">new</span> <span class="nx">BuildException</span><span class="p">(</span><span class="nv">$status</span><span class="o">-></span><span class="na">error</span><span class="p">);</span> <span class="p">}</span><span class="k">else</span><span class="p">{</span> <span class="cm">/* if there is no error, show a success message */</span> <span class="nv">$this</span><span class="o">-></span><span class="na">log</span> <span class="p">(</span><span class="s2">"Status posted to twitter"</span><span class="p">);</span> <span class="p">}</span> <span class="p">}</span> <span class="p">}</span> </code></pre> </div> <h3>Get the OAuth token and secret</h3> <p>Don't close this file, we still need to add the authentication data to it. You can already place your consumer key and consumer secret in the apropriate</p> <div class="highlight"><pre><code class="php"><span class="x">define()</span> </code></pre> </div> <p> calls (the first two lines), but if not, we'll do it now.</p> <p>Navigate to <a href="http://twittertokens.6px.eu">http://twittertokens.6px.eu</a>, put your consumer data and consumer secret in the apropriate fields and click on "Sign in with Twitter". A twitter page will open asking for your confirmation. Click "Sign in" and you are redirected to http://twittertokens.6px.eu/. You should see 4 lines of code appear, that look like this:</p> <div class="highlight"><pre><code class="php"><span class="x">define('CONSUMER_KEY', 'V1UsnZJrgfhgKJFoqsQ');</span> <span class="x">define('CONSUMER_SECRET', 'UUazcBfXrWW1jcpiSU564hg654t1EMki8gzptQU');</span> <span class="x">define('OAUTH_TOKEN', '325454656-EuCudghg8tTYwKf9yjt5nhqr14i5egHJPeVRGVxQv');</span> <span class="x">define('OAUTH_TOKEN_SECRET', 'gh6854hg6tyGEvGEiEi15XmUtOmDpaONM');</span> </code></pre> </div> <p>Copy this code to the corresponding spot in the TwitterUpdateTask.php file, overwriting what's already there.</p> <p>Please note though that I'm not making any claims as to how secure this is or whatever. I don't store any of your data anywhere, but if sending your application consumer token and secret worries you, find another way to get the Oauth tokens.</p> <h3>Create the build file</h3> <p>First, we define the custom task:</p> <div class="highlight"><pre><code class="xml"><span class="nt"><taskdef</span> <span class="na">name=</span><span class="s">"twitterupdate"</span> <span class="na">classname=</span><span class="s">"phing.tasks.my.TwitterUpdateTask"</span> <span class="nt">/></span> </code></pre> </div> <p>Secondly, let's create a custom target that will send a tweet with the message we want.</p> <div class="highlight"><pre><code class="xml"> <span class="nt"><target</span> <span class="na">name=</span><span class="s">"tweet"</span><span class="nt">></span> <span class="nt"><twitterupdate</span> <span class="na">message=</span><span class="s">"${twitter.status}"</span> <span class="nt">/></span> <span class="nt"></target></span> </code></pre> </div> <p>Now we can call this task from another one, but we need to make that the twitter.status is set. Let's we have a "staging" target. Part of it could look like this:</p> <div class="highlight"><pre><code class="xml"> <span class="c"></span> <span class="nt"><tstamp></span> <span class="nt"><format</span> <span class="na">property=</span><span class="s">"build.time"</span> <span class="na">pattern=</span><span class="s">"%Y-%m-%d %H:%I"</span> <span class="nt">/></span> <span class="nt"></tstamp></span> <span class="nt"><property</span> <span class="na">name=</span><span class="s">"twitter.status"</span> <span class="na">value=</span><span class="s">"Staging build completed at ${build.time}"</span> <span class="nt">/></span> <span class="nt"><phingcall</span> <span class="na">target=</span><span class="s">"tweet"</span> <span class="nt">/></span> </code></pre> </div> <p>This will post the message to twitter, replacing the</p> <div class="highlight"><pre><code class="php"><span class="x">${build.time}</span> </code></pre> </div> <p> token by the actual build and time.</p> <p>Do you use Phing for your webapp build and deployment? If so, please share any custom tasks you might have created.</p> <a href="http://jfoucher.com/2011/06/phing-task-to-update-twitter-status.html">A Phing task to update your Twitter status</a> is a post by Jonathan Foucher at <a href="http://jfoucher.com">Geeky Nuggets</a><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/GeekyNuggets?a=Zj4UGtBvfgE:w3K4NaO22BA:yIl2AUoC8zA"></img></a> <a href="http://feeds.feedburner.com/~ff/GeekyNuggets?a=Zj4UGtBvfgE:w3K4NaO22BA:F7zBnMyn0Lo"></img></a> </div> </article> <article> <h1>CSS minification library for codeigniter</h1> <p>2011-04-11T12:10:51+00:00</p> <p>For my latest project, I wanted to be able to easily minify CSS stylesheets, using the simplest syntax possible, ideally using a simple tag in the header, like</p> <div class="highlight"><pre><code class="php"><span class="cp"><?php</span> <span class="k">echo</span> <span class="nv">$this</span><span class="o">-></span><span class="na">css</span><span class="o">-></span><span class="na">link</span><span class="p">(</span><span class="k">array</span><span class="p">(</span><span class="s1">'/assets/css/fonts.css'</span><span class="p">,</span><span class="s1">'/assets/css/layout.css'</span><span class="p">);</span><span class="cp">?></span><span class="x"></span> </code></pre> </div> <p>After some searching, I found a css minification library for PHP, <a href="https://code.google.com/p/minify/">minify</a></p> <p>It was very easy to modify it so that It could be used in our CodeIgniter applications like any other libraries. All I did was wrap the main minification function in Codeigniter specific code. I modelled the interaction on the image library, as I guess that's what most people are used to.</p> <div class="image-with-caption aligncenter" style="width:300px"><div class="caption">css minification library for codeigniter</div><a href="http://cdn.jfoucher.com/uploads/2011/04/Screenshot.png"></a></div> <h3>How to use</h3> <p>Using the library involves loading it, setting up an array with some configuration values, such as the source css file(s), the destination file (optional) or the time that the generated file should be cached, and finally initializing the library with the configuration array() .</p> <p>The following code, which should go in your controller, will look very familiar to Codeigniter users.</p> <div class="highlight"><pre><code class="php"><span class="cp"><?php</span> <span class="nv">$this</span><span class="o">-></span><span class="na">load</span><span class="o">-></span><span class="na">library</span><span class="p">(</span><span class="s1">'css'</span><span class="p">);</span> <span class="c1">//array of files to concatenate and minify</span> <span class="nv">$config</span><span class="p">[</span><span class="s1">'source_file'</span><span class="p">]</span><span class="o">=</span><span class="k">array</span><span class="p">(</span><span class="s1">'/assets/css/layout.css'</span><span class="p">,</span><span class="s1">'/assets/css/fonts.css'</span><span class="p">);</span> <span class="c1">//where to output the result</span> <span class="nv">$config</span><span class="p">[</span><span class="s1">'dest_file'</span><span class="p">]</span><span class="s1">'/assets/css/css.min.css'</span><span class="p">;</span> <span class="c1">//Cache time in hours</span> <span class="nv">$config</span><span class="p">[</span><span class="s1">'cache_time'</span><span class="p">]</span><span class="o">=</span><span class="mi">48</span><span class="p">;</span> <span class="nv">$this</span><span class="o">-></span><span class="na">css</span><span class="o">-></span><span class="na">initialize</span><span class="p">(</span><span class="nv">$config</span><span class="p">);</span> <span class="k">echo</span> <span class="nv">$this</span><span class="o">-></span><span class="na">css</span><span class="o">-></span><span class="na">link</span><span class="p">();</span> <span class="cp">?></span><span class="x"></span> </code></pre> </div> <p>Will output the following stylesheet tag:</p> <div class="highlight"><pre><code class="html"><span class="nt"><link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">href=</span><span class="s">"/assets/css/css.min.css"</span> <span class="na">type=</span><span class="s">"text/css"</span> <span class="na">media=</span><span class="s">"screen"</span> <span class="nt">/></span> </code></pre> </div> <h3>Get It!</h3> <p>You can <a href="https://github.com/jfoucher/codeigniter-css-library">get it from GitHub</a>. Don't forget to fork it if you think you can make it better!</p> <h3>Finally</h3> <p>I'm not sure the way I've done it, using a</p> <div class="highlight"><pre><code class="php"><span class="x">$config</span> </code></pre> </div> <p> array and so on, is the best way. It might be a bit overkill for such a simple library. I'd love to hear your thoughts on the subject.</p> <a href="http://jfoucher.com/2011/04/css-minification-library-for-codeigniter.html">CSS minification library for codeigniter</a> is a post by Jonathan Foucher at <a href="http://jfoucher.com">Geeky Nuggets</a><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/GeekyNuggets?a=jFtd3P6Jubs:b7fQmTsLPas:yIl2AUoC8zA"></img></a> <a href="http://feeds.feedburner.com/~ff/GeekyNuggets?a=jFtd3P6Jubs:b7fQmTsLPas:F7zBnMyn0Lo"></img></a> </div> </article> <article> <h1>The making of flickholdr.com, an image placeholder generator</h1> <p>2011-04-03T19:42:49+00:00</p> <p>There are a few services available to web designer and HTML coders to use dummy images in their html mockups or templates. The one I used to use is <a href="http://dummyimage.com">dummyimage</a> but it is somewhat limited in that the images are completely static: a flat color and some text. I needed the same kind of service, but with actual images or photographs rather than simple placeholders. Something like dynamically generated stock images.</p> <h3>The idea</h3> <p>And then the idea dawned on me: why not use <a href="http://flickr.com">flickr</a>'s <a href="http://creativecommons.org/">creative commons</a> licensed images? The quality is often very good, especially for "interesting" images, a lot of sizes are available, and users often use tags to classify their images, making it rather easy to get placeholder images about a particular subject.</p> <div class="image-with-caption aligncenter" style="width:600px"><div class="caption">flickholdr.com</div><a href="http://cdn.jfoucher.com/uploads/2011/03/FlickHoldr1.png"></a></div> <h3>The execution</h3> <p>So I proceeded to develop a little webapp to do just that, using <a href="http://codeigniter.com">codeigniter</a>, my framework of choice for rapid application development</p> <p>I used Codeigniter 2.0 from bitbucket, as I think it is the most up-to-date code available at the moment.</p> <p>If the requested image already exists in the cache (i.e. it has already been requested) we simply echo that out, with proper headers, otherwise, we have to generate the image.</p> <h3>Getting images from flickr</h3> <p>Most of the code deals with pulling images from flickr, and then doing various to them before display. The code that pulls the image from flickr is located in a model called Flickr_model with three methods:</p> <ol> <li>A public method called <div class="highlight"><pre><code class="php"><span class="x">search()</span> </code></pre> </div> that gets images using the <a href="http://www.flickr.com/services/api/">flickr API</a></li> <li>A private method called <div class="highlight"><pre><code class="php"><span class="x">_get_sizes()</span> </code></pre> </div> that finds the sizes available for that particular image</li> <li>Another private method <div class="highlight"><pre><code class="php"><span class="x">_get_author()</span> </code></pre> </div> that gets the information for the image and returns the name of the author, to be displayed in the watermark</li> </ol> <p>The</p> <div class="highlight"><pre><code class="php"><span class="x">search()</span> </code></pre> </div> <p> method returns as soon as it finds an image of at least the required size.</p> <p>The controller private method</p> <div class="highlight"><pre><code class="php"><span class="x">_get_image()</span> </code></pre> </div> <p> then takes charge of resizing, cropping and watermarking the image, using codeigniter's <a title="Codeigniter image manipulation class manual" href="http://codeigniter.com/user_guide/libraries/image_lib.html">image manipulation library</a> to keep things quick and simple. I just tweaked the watermarking method of that class to allow for semi-transparent watermarks.</p> <p>The controller then sends the image to the browser with the proper headers.</p> <h3>End of the story!</h3> <p><strong>UPDATE</strong>: Flickholdr is now open sourced and the code is available on <a href="https://github.com/jfoucher/flickholdr">github</a></p> <a href="http://jfoucher.com/2011/04/the-making-of-flickholdr-an-image-placeholder-generator.html">The making of flickholdr.com, an image placeholder generator</a> is a post by Jonathan Foucher at <a href="http://jfoucher.com">Geeky Nuggets</a><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/GeekyNuggets?a=jYiC8dpnc3k:9DjjlRPI-Tc:yIl2AUoC8zA"></img></a> <a href="http://feeds.feedburner.com/~ff/GeekyNuggets?a=jYiC8dpnc3k:9DjjlRPI-Tc:F7zBnMyn0Lo"></img></a> </div> </article> <article> <h1>Installing and running APC cache with CodeIgniter</h1> <p>2011-02-13T22:33:33+00:00</p> <p>Codeigniter 2 now includes an excellent cache driver, which makes it dead easy to use any one of the great available cache librairies such as <a href="http://php.net/apc">APC</a> o <a href="http://www.memcached.org/">memcached</a>. In this post I will focus on APC, it's installation on an <a href="/?p=193">Ubuntu 10.04 server</a>, and a few benchmarks to compare the various cache systems. For my testing, I will use an Ubuntu Server installation, on a VirtualBox virtual machine with 256 Mb of RAM and a single processor. This enables me to test things until everything breaks, than just scrap that VM and start with a clean one. However, a description of this setup is a story for another day...</p> <h3>Installation</h3> <p>On Ubuntu, and on other debian based linuxes, you can install APC by typing</p> <div class="highlight"><pre><code class="bash">sudo apt-get install php-apc </code></pre> </div> <p> on the command line. Of course, you will have to install Apache and php before that, but that is really easy:</p> <div class="highlight"><pre><code class="bash">sudo apt-get install php5 </code></pre> </div> <p> will install <a href="http://php.net">PHP</a> and all needed dependencies, including <a href="http://apache.org">apache</a> So now that APC is installed, just restart apache</p> <div class="highlight"><pre><code class="bash">sudo /etc/init.d/apache2 restart </code></pre> </div> <p> and you're ready to go. In codeigniter, you don't need to do anything special. Just turn the cache on by putting the following line somewhere in your controller:</p> <div class="highlight"><pre><code class="php"><span class="x">$this->output->cache(n);</span> </code></pre> </div> <p> Where 'n' is the number of minutes to cache that particular content. The cache library is clever enough to pick the best cache driver from the four available ones (memcached, APC, file and dummy). Forget about the dummy driver: it doesn't do anything</p> <h3>Benchmarks</h3> <p>These are the results for 50 concurrent connections : For APC we get about 43 requests/s, with the file caching mecanism around 25, requests/s, and with no cache at all we are below 18 requests/s</p> <p style="text-align: center;"><a href="http://cdn.jfoucher.com/uploads/2011/02/chart22.png"></a></p> <p style="text-align: left;">For low concurency (2) the improvement when using APC is similar: in this case the number of requests per second nearly doubled, from 19 to 47 between the case without any caching system and the APC case</p> <p style="text-align: left;"><a href="http://cdn.jfoucher.com/uploads/2011/02/chart2.png"></a></p> <p style="text-align: left;">So just turning the default codeigniter cache on gives us a significant speed improvement, going all the way and installing APC can nearly double the speed of your application. Not too shabby I should think.</p> <p style="text-align: left;">It is <strong>so</strong> easy to take advantage of this caching mechasism on Codeigniter 2 that it would really be a pity not to do so!</p> <p style="text-align: left;">The only caching library missing here is memcached. Have you tried any of these caching libraries with codeigniter 2?</p> <p style="text-align: left;"></p> <p> </p> <p></p> <a href="http://jfoucher.com/2011/02/installing-running-apc-cache-codeigniter.html">Installing and running APC cache with CodeIgniter</a> is a post by Jonathan Foucher at <a href="http://jfoucher.com">Geeky Nuggets</a><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/GeekyNuggets?a=syTVGWrEKRg:Vd1wluc74Gc:yIl2AUoC8zA"></img></a> <a href="http://feeds.feedburner.com/~ff/GeekyNuggets?a=syTVGWrEKRg:Vd1wluc74Gc:F7zBnMyn0Lo"></img></a> </div> </article> <article> <h1>Wordpress 404 notification by email</h1> <p>2011-01-22T22:42:45+00:00</p> <p>I couldn't find something that did just what I wanted and no more: send me an email when someone gets a 404 error on my blog. It seems pretty simple, and it really is. More than that actually. It's problably the simplest plugin I've ever written.</p> <p>Check it out:</p> <div class="highlight"><pre><code class="php"><span class="x">function email_error(){</span> <span class="x"> global $wp_query;</span> <span class="x"> $location=$_SERVER['REQUEST_URI'];</span> <span class="x"> if ($wp_query->is_404){</span> <span class="x"> email_admin($location);</span> <span class="x"> }</span> <span class="x">}</span> <span class="x">add_action('get_header', 'email_error');</span> </code></pre> </div> <p>This is the main part of the code, the one gets executed everytime the</p> <div class="highlight"><pre><code class="php"><span class="x">get_header</span> </code></pre> </div> <p> hook is called. It basically just checks the $wp_query object to see if the current url gives a 404 error and then passes that url to the email_admin function</p> <div class="highlight"><pre><code class="php"><span class="x">function email_admin($location){</span> <span class="x"> $name=get_option('blogname');</span> <span class="x"> $email = get_option('admin_email');</span> <span class="x"> $headers = "MIME-Version: 1.0\r\n";</span> <span class="x"> $headers .= "Content-type: text/plain; charset=UTF-8\r\n";</span> <span class="x"> $headers .= 'From: "' . $name . '" <' .$email. ">\r\n";</span> <span class="x"> $subject='404 error in '.$name;</span> <span class="x"> $body='A 404 error occured at the following url: '.$_SERVER['SERVER_NAME'].$location;</span> <span class="x"> @mail($email,$subject,$body,$headers);</span> <span class="x">}</span> </code></pre> </div> <p>This function sets some headers for the email, such as the sender's name and email, and the subject of the message, and then sends the message. No error is shown if the message can't be sent, as this would be displayed on the page.</p> <p><strong>UPDATE</strong>: Finally available on the <a href="http://wordpress.org/extend/plugins/email-404/">wordpress plugin repository</a><p></p> <p>I couldn't find something that did just what I wanted and no more: send me an email when someone gets a 404 error on my blog. It seems pretty simple, and it really is. More than that actually. It's problably the simplest plugin I've ever written.</p> <p>Check it out:<br /> <div class="highlight"><pre><code class="php"><span class="x"><br /></span> <span class="x">function email_error(){<br /></span> <span class="x"> global $wp_query;<br /></span> <span class="x"> $location=$_SERVER['REQUEST_URI'];</p></span> <span class="x"><p> if ($wp_query->is_404){<br /></span> <span class="x"> email_admin($location);<br /></span> <span class="x"> }<br /></span> <span class="x">}<br /></span> <span class="x">add_action('get_header', 'email_error');<br /></span> </code></pre> </div> <br /> This is the main part of the code, the one gets executed everytime the <div class="highlight"><pre><code class="php"><span class="x">get_header</span> </code></pre> </div> hook is called. It basically just checks the $wp_query object to see if the current url gives a 404 error and then passes that url to the email_admin function</p> <p> <div class="highlight"><pre><code class="php"><span class="x"><br /></span> <span class="x">function email_admin($location){<br /></span> <span class="x"> $name=get_option('blogname');<br /></span> <span class="x"> $email = get_option('admin_email');<br /></span> <span class="x"> $headers = "MIME-Version: 1.0\r\n";<br /></span> <span class="x"> $headers .= "Content-type: text/plain; charset=UTF-8\r\n";<br /></span> <span class="x"> $headers .= 'From: "' . $name . '" <' .$email. ">\r\n";<br /></span> <span class="x"> $subject='404 error in '.$name;<br /></span> <span class="x"> $body='A 404 error occured at the following url: '.$_SERVER['SERVER_NAME'].$location;<br /></span> <span class="x"> @mail($email,$subject,$body,$headers);<br /></span> <span class="x">}<br /></span> </code></pre> </div> </p> <p>This function sets some headers for the email, such as the sender's name and email, and the subject of the message, and then sends the message. No error is shown if the message can't be sent, as this would be displayed on the page.</p> <p>Until approval by the wordpress.org guys, you can download it here: <a href='http://cdn.jfoucher.com/uploads/2011/01/email-404.zip'>Email 404 Wordpress plugin</a></p> <p></p></p> <p></p> <a href="http://jfoucher.com/2011/01/wordpress-email-404-notification.html">Wordpress 404 notification by email</a> is a post by Jonathan Foucher at <a href="http://jfoucher.com">Geeky Nuggets</a><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/GeekyNuggets?a=f8Tg5tsdps8:XEwLg4mVhRM:yIl2AUoC8zA"></img></a> <a href="http://feeds.feedburner.com/~ff/GeekyNuggets?a=f8Tg5tsdps8:XEwLg4mVhRM:F7zBnMyn0Lo"></img></a> </div> </article> <article> <h1>Spanish characters on Qwerty keyboard for Ubuntu 10.10</h1> <p>2011-01-14T21:06:17+00:00</p> <p>Typing spanish characters on a standard QWERTY (or other) keyboard is near impossible. I have used the Character Palette panel applet to do so, but this method requires clicking on the letter you want, and then paste it where you want it. To much work for my tastes. Yes I'm lazy. I'm a programmer.</p> <p>So, an easier is using the compose key. This allows me to type that key and a single apostrophe followed by the letter e for example, and get a �. I mapped the compose key to the left Win key, so the sequience is</p> <div class="highlight"><pre><code class="php"><span class="x">LWin - ' > e</span> </code></pre> </div> <p> which writes �</p> <p>To choose the compose key, open</p> <div class="highlight"><pre><code class="php"><span class="x">Preferences > Keyboard</span> </code></pre> </div> <p>,</p> <div class="highlight"><pre><code class="php"><span class="x">Layouts</span> </code></pre> </div> <p> tab and click on</p> <div class="highlight"><pre><code class="php"><span class="x">Options</span> </code></pre> </div> <p>. Open the</p> <div class="highlight"><pre><code class="php"><span class="x">Compose key position</span> </code></pre> </div> <p> submenu, and choose whichever one you like best. I think the Win key is a good choice as it's not used for anything much... Except remind us of our freedom... <a href="http://cdn.jfoucher.com/uploads/2011/01/Screenshot-Keyboard-Layout-Options-1.png"></a> And yay! Writing Spanish is cool again!</p> <a href="http://jfoucher.com/2011/01/spanish-characters-on-qwerty-keyboard-for-ubuntu-10-10.html">Spanish characters on Qwerty keyboard for Ubuntu 10.10</a> is a post by Jonathan Foucher at <a href="http://jfoucher.com">Geeky Nuggets</a><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/GeekyNuggets?a=oKdxbL8-Ck4:QgD9ep53H2g:yIl2AUoC8zA"></img></a> <a href="http://feeds.feedburner.com/~ff/GeekyNuggets?a=oKdxbL8-Ck4:QgD9ep53H2g:F7zBnMyn0Lo"></img></a> </div> </article> <article> <h1>Python skype notifier for Ubuntu</h1> <p>2011-01-14T12:21:52+00:00</p> <p>What's the best way to learn a new programming language ? Well, according to <a href="http://programmers.stackexchange.com/q/3519/3984">this question</a> the best (only ?) way to learn a new language is just to code in that language.</p> <h3>Why Python ?</h3> <p>Because it's <a href="http://en.wikipedia.org/wiki/Python_(programming_language)#Name_and_neologisms">named after the Monty Python</a></p> <p>No, seriously, that's why :<a href="http://xkcd.com/353/"></a>No, not this "that's why"! <a href="http://programmers.stackexchange.com/questions/10675/ideal-programming-language-learning-sequence#answer-10748">That one</a></p> <p>If you are just starting out as a programmer, I cannot recommend <a href="http://learnpythonthehardway.org/">Learn Python The Hard Way</a> highly enough. It is an excellent introduction to the ideas and skills you will need as a programmer, starting from the very basics, like you've never seen a for loop in your life.�Actually the first 10 or so lessons do not include ANY control structures!</p> <p>If on the other hand you �already have some coding experience, I recomend <a href="http://diveintopython.org/">Dive Into Python</a>. �Although it's no quite as hands on as Learn Python the Hard Way, it's a very good book, only covering the basics insofar as they are specific to python.</p> <h3>Why for <a href="/2011/01/193-compile-custom-kernel-on-ubuntu-10-10.html">Ubuntu</a>?</h3> <p>That's what I use. Simple as that. Also python and pygtk are included by default, making distribution much easier.</p> <h3>Why Skype?</h3> <p>Haven't found out yet. I started developping a backup application in pygtk and glade, a front end to rsync, but got sidetracked reading about the chnges to Ubuntu's <a href="https://wiki.ubuntu.com/DesktopExperienceTeam/ApplicationIndicators">application notifier</a>, ended up interested in the <a href="https://wiki.ubuntu.com/MessagingMenu">messaging notifier</a>, and decided to do something with that.</p> <p>Skype seemed like the obvious target, given that's it's the only communication application I use that lacks a messaging menu indicator. It does have a systray icon though, so my app is probably superfluous...</p> <h3>Anyway, to the coding!</h3> <div class="highlight"><pre><code class="python"><span class="c">#!/usr/bin/env python</span> <span class="kn">import</span> <span class="nn">indicate</span> <span class="kn">import</span> <span class="nn">gobject</span> <span class="kn">import</span> <span class="nn">pynotify</span> <span class="kn">import</span> <span class="nn">gtk</span> <span class="kn">import</span> <span class="nn">hashlib</span> <span class="kn">import</span> <span class="nn">Skype4Py</span> <span class="kn">import</span> <span class="nn">urllib</span> <span class="kn">import</span> <span class="nn">os</span> </code></pre> </div> <p>The first line tell the host system to use python to interpret that file</p> <p>The next lines import the required python modules.</p> <p>Next, we have to define the main class and declare some variables:</p> <div class="highlight"><pre><code class="python"><span class="k">class</span> <span class="nc">skypeIndicator</span><span class="p">:</span> <span class="n">notifShown</span><span class="o">=</span><span class="p">{}</span> <span class="n">oldcount</span><span class="o">=</span><span class="p">{}</span> <span class="n">count</span><span class="o">=</span><span class="p">{}</span> <span class="n">indicator</span><span class="o">=</span><span class="p">{}</span> </code></pre> </div> <p>This is the clas initialization function</p> <div class="highlight"><pre><code class="python"> <span class="k">def</span> <span class="nf">__init__</span><span class="p">(</span><span class="bp">self</span><span class="p">):</span> <span class="bp">self</span><span class="o">.</span><span class="n">skype</span><span class="o">=</span> <span class="n">Skype4Py</span><span class="o">.</span><span class="n">Skype</span><span class="p">()</span> <span class="bp">self</span><span class="o">.</span><span class="n">loadSkype</span><span class="p">()</span> <span class="c">#create notification icon</span> <span class="bp">self</span><span class="o">.</span><span class="n">server</span> <span class="o">=</span> <span class="n">indicate</span><span class="o">.</span><span class="n">indicate_server_ref_default</span><span class="p">()</span> <span class="bp">self</span><span class="o">.</span><span class="n">server</span><span class="o">.</span><span class="n">set_type</span><span class="p">(</span><span class="s">"message.im"</span><span class="p">)</span> <span class="bp">self</span><span class="o">.</span><span class="n">server</span><span class="o">.</span><span class="n">set_desktop_file</span><span class="p">(</span><span class="s">"/usr/share/applications/skype.desktop"</span><span class="p">)</span> <span class="bp">self</span><span class="o">.</span><span class="n">server</span><span class="o">.</span><span class="n">connect</span><span class="p">(</span><span class="s">"server-display"</span><span class="p">,</span> <span class="bp">self</span><span class="o">.</span><span class="n">server_display</span><span class="p">)</span> <span class="bp">self</span><span class="o">.</span><span class="n">server</span><span class="o">.</span><span class="n">show</span><span class="p">()</span> <span class="bp">self</span><span class="o">.</span><span class="n">create_indicators</span><span class="p">()</span> </code></pre> </div> <p>The first line creates the skype API instance, after which we call the loadSkype() function, which checks if skype is loaded and if not, starts it. We'll look at that function later on. Next, we create the notification server instance, choose an icon, connect the function server_display to the server-display event (when the icon is clicked on) and finally run the create_indicators function that looks for skype messages and displays them accordingly.</p> <div class="highlight"><pre><code class="python"> <span class="k">def</span> <span class="nf">loadSkype</span><span class="p">(</span><span class="bp">self</span><span class="p">):</span> <span class="k">try</span><span class="p">:</span> <span class="k">if</span> <span class="ow">not</span> <span class="bp">self</span><span class="o">.</span><span class="n">skype</span><span class="o">.</span><span class="n">Client</span><span class="o">.</span><span class="n">IsRunning</span><span class="p">:</span> <span class="bp">self</span><span class="o">.</span><span class="n">skype</span><span class="o">.</span><span class="n">Client</span><span class="o">.</span><span class="n">Start</span><span class="p">()</span> <span class="k">except</span><span class="p">:</span> <span class="c">#</span> <span class="k">print</span> <span class="s">"Please open skype first"</span> <span class="bp">self</span><span class="o">.</span><span class="n">noSkype</span><span class="p">()</span> <span class="k">try</span><span class="p">:</span> <span class="bp">self</span><span class="o">.</span><span class="n">skype</span><span class="o">.</span><span class="n">Attach</span><span class="p">()</span> <span class="k">except</span> <span class="n">Skype4Py</span><span class="o">.</span><span class="n">errors</span><span class="o">.</span><span class="n">ISkypeAPIError</span><span class="p">:</span> <span class="k">print</span> <span class="s">"Please open skype first"</span> <span class="bp">self</span><span class="o">.</span><span class="n">noSkype</span><span class="p">()</span> </code></pre> </div> <p>This basically tries to start skype if it is not already started and calls noSkype() if it couldn't start it. noSype() shows a notification message to let the user know that they have to start Skype. <a href="http://cdn.jfoucher.com/uploads/2011/01/skype-not-started.png"></a></p> <p>This next function is where the meat of the process takes place. Please read the inline comments to understand how it works, and ask for clarification by <a href="#respond">posting a comment</a>.</p> <div class="highlight"><pre><code class="python"> <span class="k">def</span> <span class="nf">create_indicators</span><span class="p">(</span><span class="bp">self</span><span class="p">):</span> <span class="sd">"""Loads skype messages, displays them as notification bubbles and also shows them in the messaging menu"""</span> <span class="c">#initialize count dictionaries</span> <span class="bp">self</span><span class="o">.</span><span class="n">count</span><span class="o">=</span><span class="p">{}</span> <span class="c">#get unread messages from skype, set self.unread variable</span> <span class="bp">self</span><span class="o">.</span><span class="n">get_messages</span><span class="p">()</span> <span class="c">#self.unread is a dictionary having the username of the sender as key and a list of messages as value</span> <span class="k">for</span> <span class="n">name</span> <span class="ow">in</span> <span class="bp">self</span><span class="o">.</span><span class="n">unread</span><span class="p">:</span> <span class="c"># Here we look at the first message from this user to set the messaging menu indicator</span> <span class="c"># we only want one indicator per user</span> <span class="n">msg</span><span class="o">=</span><span class="bp">self</span><span class="o">.</span><span class="n">unread</span><span class="p">[</span><span class="n">name</span><span class="p">][</span><span class="mi">0</span><span class="p">]</span> <span class="c">#initialize message count for this user</span> <span class="k">if</span> <span class="n">name</span> <span class="ow">not</span> <span class="ow">in</span> <span class="bp">self</span><span class="o">.</span><span class="n">count</span><span class="p">:</span> <span class="bp">self</span><span class="o">.</span><span class="n">count</span><span class="p">[</span><span class="n">name</span><span class="p">]</span><span class="o">=</span><span class="mi">0</span> <span class="k">if</span> <span class="n">name</span> <span class="ow">not</span> <span class="ow">in</span> <span class="bp">self</span><span class="o">.</span><span class="n">oldcount</span><span class="p">:</span> <span class="bp">self</span><span class="o">.</span><span class="n">oldcount</span><span class="p">[</span><span class="n">name</span><span class="p">]</span><span class="o">=</span><span class="mi">0</span> <span class="c"># if this user doesn't have his indicator yet</span> <span class="k">if</span> <span class="n">name</span> <span class="ow">not</span> <span class="ow">in</span> <span class="bp">self</span><span class="o">.</span><span class="n">indicator</span><span class="p">:</span> <span class="c"># create indicator</span> <span class="bp">self</span><span class="o">.</span><span class="n">indicator</span><span class="p">[</span><span class="n">name</span><span class="p">]</span> <span class="o">=</span> <span class="n">indicate</span><span class="o">.</span><span class="n">Indicator</span><span class="p">()</span> <span class="k">print</span> <span class="s">"creating indicator"</span> <span class="c"># Set indicator properties</span> <span class="bp">self</span><span class="o">.</span><span class="n">fullname</span><span class="o">=</span><span class="bp">self</span><span class="o">.</span><span class="n">name_from_handle</span><span class="p">(</span><span class="n">name</span><span class="p">)</span> <span class="bp">self</span><span class="o">.</span><span class="n">indicator</span><span class="p">[</span><span class="n">name</span><span class="p">]</span><span class="o">.</span><span class="n">set_property</span><span class="p">(</span><span class="s">"subtype"</span><span class="p">,</span> <span class="s">"im"</span><span class="p">)</span> <span class="bp">self</span><span class="o">.</span><span class="n">indicator</span><span class="p">[</span><span class="n">name</span><span class="p">]</span><span class="o">.</span><span class="n">set_property</span><span class="p">(</span><span class="s">"sender"</span><span class="p">,</span> <span class="bp">self</span><span class="o">.</span><span class="n">fullname</span> <span class="p">)</span> <span class="bp">self</span><span class="o">.</span><span class="n">indicator</span><span class="p">[</span><span class="n">name</span><span class="p">]</span><span class="o">.</span><span class="n">set_property</span><span class="p">(</span><span class="s">"handle"</span><span class="p">,</span> <span class="n">name</span><span class="p">)</span> <span class="c">#this gets the most user-friendly name available for this user</span> <span class="n">user</span><span class="o">=</span><span class="bp">self</span><span class="o">.</span><span class="n">user_from_handle</span><span class="p">(</span><span class="n">name</span><span class="p">)</span> <span class="c"># get an avatar for this user</span> <span class="k">try</span><span class="p">:</span> <span class="c"># This will only work on windows</span> <span class="bp">self</span><span class="o">.</span><span class="n">file</span><span class="o">=</span><span class="n">name</span> <span class="o">+</span> <span class="s">'.jpg'</span> <span class="n">user</span><span class="o">.</span><span class="n">SaveAvatarToFile</span><span class="p">(</span><span class="nb">file</span><span class="p">)</span> <span class="k">except</span> <span class="n">Skype4Py</span><span class="o">.</span><span class="n">errors</span><span class="o">.</span><span class="n">ISkypeError</span><span class="p">:</span> <span class="c"># So on linux we use a generated monster ID. Fun but useless!</span> <span class="n">h</span><span class="o">=</span><span class="n">hashlib</span><span class="o">.</span><span class="n">md5</span><span class="p">(</span><span class="n">name</span><span class="p">)</span><span class="o">.</span><span class="n">hexdigest</span><span class="p">()</span> <span class="c">#TODO find a way to get skype avatars on linux</span> <span class="n">urllib</span><span class="o">.</span><span class="n">urlretrieve</span><span class="p">(</span><span class="s">'http://friedcellcollective.net/monsterid/monster/</span><span class="si">%s</span><span class="s">/64'</span> <span class="o">%</span> <span class="n">h</span><span class="p">,</span><span class="n">name</span> <span class="o">+</span> <span class="s">'.jpg'</span><span class="p">)</span> <span class="bp">self</span><span class="o">.</span><span class="n">file</span><span class="o">=</span><span class="n">name</span> <span class="o">+</span> <span class="s">'.jpg'</span> <span class="c">#convert the imge to a pixbuf</span> <span class="n">pixbuf</span><span class="o">=</span><span class="n">gtk</span><span class="o">.</span><span class="n">gdk</span><span class="o">.</span><span class="n">pixbuf_new_from_file</span><span class="p">(</span><span class="bp">self</span><span class="o">.</span><span class="n">file</span><span class="p">)</span> <span class="c"># for use in the indicator</span> <span class="bp">self</span><span class="o">.</span><span class="n">indicator</span><span class="p">[</span><span class="n">name</span><span class="p">]</span><span class="o">.</span><span class="n">set_property_icon</span><span class="p">(</span><span class="s">"icon"</span><span class="p">,</span> <span class="n">pixbuf</span><span class="p">)</span> <span class="c"># set the timestamp of the indicator (this is what makes the indicator display the time since the message was received</span> <span class="bp">self</span><span class="o">.</span><span class="n">indicator</span><span class="p">[</span><span class="n">name</span><span class="p">]</span><span class="o">.</span><span class="n">set_property_time</span><span class="p">(</span><span class="s">"time"</span><span class="p">,</span> <span class="n">msg</span><span class="o">.</span><span class="n">Timestamp</span><span class="p">)</span> <span class="bp">self</span><span class="o">.</span><span class="n">indicator</span><span class="p">[</span><span class="n">name</span><span class="p">]</span><span class="o">.</span><span class="n">show</span><span class="p">()</span> <span class="c"># when the user clicks on the indicator message, open the skype messaging window for this user</span> <span class="bp">self</span><span class="o">.</span><span class="n">indicator</span><span class="p">[</span><span class="n">name</span><span class="p">]</span><span class="o">.</span><span class="n">connect</span><span class="p">(</span><span class="s">"user-display"</span><span class="p">,</span> <span class="bp">self</span><span class="o">.</span><span class="n">display_msg</span><span class="p">)</span> <span class="n">msgbody</span> <span class="o">=</span> <span class="s">''</span> <span class="c">#reverse list so latest message is at the bottom</span> <span class="k">for</span> <span class="n">eachmsg</span> <span class="ow">in</span> <span class="bp">self</span><span class="o">.</span><span class="n">unread</span><span class="p">[</span><span class="n">name</span><span class="p">][::</span><span class="o">-</span><span class="mi">1</span><span class="p">]:</span> <span class="c"># msgbody contains all the messages from that user so far</span> <span class="n">msgbody</span> <span class="o">+=</span> <span class="n">eachmsg</span><span class="o">.</span><span class="n">Body</span> <span class="o">+</span> <span class="s">"</span><span class="se">\n</span><span class="s">"</span> <span class="c"># We set this person's indicator body to the compound text</span> <span class="bp">self</span><span class="o">.</span><span class="n">indicator</span><span class="p">[</span><span class="n">name</span><span class="p">]</span><span class="o">.</span><span class="n">set_property</span><span class="p">(</span><span class="s">"body"</span><span class="p">,</span> <span class="n">msgbody</span><span class="p">)</span> <span class="c"># if there are more than one message from this user, we set the indicator count to be displayed in the messaging menu.</span> <span class="c"># Otherwise the time elapsed since receiving the message will be shown</span> <span class="k">if</span> <span class="bp">self</span><span class="o">.</span><span class="n">count</span><span class="p">[</span><span class="n">name</span><span class="p">]</span> <span class="o">></span> <span class="mi">1</span><span class="p">:</span> <span class="bp">self</span><span class="o">.</span><span class="n">indicator</span><span class="p">[</span><span class="n">name</span><span class="p">]</span><span class="o">.</span><span class="n">set_property</span><span class="p">(</span><span class="s">"count"</span><span class="p">,</span> <span class="nb">str</span><span class="p">(</span><span class="bp">self</span><span class="o">.</span><span class="n">count</span><span class="p">[</span><span class="n">name</span><span class="p">]))</span> <span class="c"># If a new message arrived since last time checked, mark notification as not shown</span> <span class="k">if</span> <span class="bp">self</span><span class="o">.</span><span class="n">count</span><span class="p">[</span><span class="n">name</span><span class="p">]</span> <span class="o">></span> <span class="bp">self</span><span class="o">.</span><span class="n">oldcount</span><span class="p">[</span><span class="n">name</span><span class="p">]:</span> <span class="bp">self</span><span class="o">.</span><span class="n">notifShown</span><span class="p">[</span><span class="n">name</span><span class="p">]</span><span class="o">=</span><span class="bp">False</span> <span class="c">#If notification marked as not shown, show it</span> <span class="k">if</span> <span class="ow">not</span> <span class="bp">self</span><span class="o">.</span><span class="n">notifShown</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="n">name</span><span class="p">,</span> <span class="bp">False</span><span class="p">)</span> <span class="ow">and</span> <span class="bp">self</span><span class="o">.</span><span class="n">showNotification</span><span class="p">(</span><span class="bp">self</span><span class="o">.</span><span class="n">fullname</span><span class="p">,</span> <span class="n">msgbody</span><span class="p">,</span> <span class="bp">self</span><span class="o">.</span><span class="n">file</span><span class="p">):</span> <span class="c">#mark notification as shown</span> <span class="bp">self</span><span class="o">.</span><span class="n">notifShown</span><span class="p">[</span><span class="n">name</span><span class="p">]</span><span class="o">=</span><span class="bp">True</span> <span class="bp">self</span><span class="o">.</span><span class="n">indicator</span><span class="p">[</span><span class="n">name</span><span class="p">]</span><span class="o">.</span><span class="n">set_property</span><span class="p">(</span><span class="s">"draw-attention"</span><span class="p">,</span> <span class="s">"true"</span><span class="p">)</span> <span class="bp">self</span><span class="o">.</span><span class="n">indicator</span><span class="p">[</span><span class="n">name</span><span class="p">]</span><span class="o">.</span><span class="n">show</span><span class="p">()</span> <span class="k">print</span> <span class="s">"notification shown for"</span><span class="p">,</span> <span class="n">name</span> <span class="k">print</span> <span class="s">"</span><span class="si">%d</span><span class="s"> messages from </span><span class="si">%s</span><span class="s">"</span> <span class="o">%</span><span class="p">(</span><span class="bp">self</span><span class="o">.</span><span class="n">count</span><span class="p">[</span><span class="n">name</span><span class="p">],</span><span class="n">name</span><span class="p">)</span> <span class="c"># Set oldcountt variable for next loop</span> <span class="bp">self</span><span class="o">.</span><span class="n">oldcount</span><span class="o">=</span><span class="bp">self</span><span class="o">.</span><span class="n">count</span> <span class="c"># Loop runs as long as true is returned</span> <span class="k">return</span> <span class="bp">True</span> </code></pre> </div> <p>When a new messages arrives, this is what the messaging menu looks like <a href="http://cdn.jfoucher.com/uploads/2011/01/skype-indicator-menu.png"></a></p> <p>The function that gets unread skype messages is as follows For each message, we add it to a list containg the messages from a particular user in the self.unread dictionary.</p> <div class="highlight"><pre><code class="python"> <span class="k">def</span> <span class="nf">get_messages</span><span class="p">(</span><span class="bp">self</span><span class="p">):</span> <span class="k">print</span> <span class="s">"checking messages"</span> <span class="bp">self</span><span class="o">.</span><span class="n">unread</span><span class="o">=</span><span class="p">{}</span> <span class="k">for</span> <span class="n">msg</span> <span class="ow">in</span> <span class="bp">self</span><span class="o">.</span><span class="n">skype</span><span class="o">.</span><span class="n">MissedMessages</span><span class="p">:</span> <span class="n">display_name</span> <span class="o">=</span> <span class="n">msg</span><span class="o">.</span><span class="n">FromHandle</span> <span class="k">if</span> <span class="n">display_name</span> <span class="ow">not</span> <span class="ow">in</span> <span class="bp">self</span><span class="o">.</span><span class="n">count</span><span class="p">:</span> <span class="bp">self</span><span class="o">.</span><span class="n">count</span><span class="p">[</span><span class="n">display_name</span><span class="p">]</span><span class="o">=</span><span class="mi">0</span> <span class="k">if</span> <span class="ow">not</span> <span class="n">display_name</span> <span class="ow">in</span> <span class="bp">self</span><span class="o">.</span><span class="n">unread</span><span class="p">:</span> <span class="bp">self</span><span class="o">.</span><span class="n">unread</span><span class="p">[</span><span class="n">display_name</span><span class="p">]</span><span class="o">=</span><span class="p">[]</span> <span class="bp">self</span><span class="o">.</span><span class="n">unread</span><span class="p">[</span><span class="n">display_name</span><span class="p">]</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">msg</span><span class="p">)</span> <span class="bp">self</span><span class="o">.</span><span class="n">count</span><span class="p">[</span><span class="n">display_name</span><span class="p">]</span><span class="o">+=</span><span class="mi">1</span> <span class="k">return</span> <span class="bp">self</span><span class="o">.</span><span class="n">unread</span> </code></pre> </div> <p>The next two functions are in charge of getting the skype user username as well as the friendliest name available.</p> <div class="highlight"><pre><code class="python"> <span class="k">def</span> <span class="nf">name_from_handle</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span><span class="n">handle</span><span class="p">):</span> <span class="n">user</span><span class="o">=</span><span class="bp">self</span><span class="o">.</span><span class="n">skype</span><span class="o">.</span><span class="n">User</span><span class="p">(</span><span class="n">handle</span><span class="p">)</span> <span class="k">if</span> <span class="n">user</span><span class="o">.</span><span class="n">FullName</span><span class="p">:</span> <span class="k">return</span> <span class="n">user</span><span class="o">.</span><span class="n">FullName</span> <span class="k">elif</span> <span class="n">user</span><span class="o">.</span><span class="n">DisplayName</span><span class="p">:</span> <span class="k">return</span> <span class="n">user</span><span class="o">.</span><span class="n">DisplayName</span> <span class="k">else</span><span class="p">:</span> <span class="k">return</span> <span class="n">handle</span> <span class="k">def</span> <span class="nf">user_from_handle</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span><span class="n">handle</span><span class="p">):</span> <span class="k">return</span> <span class="bp">self</span><span class="o">.</span><span class="n">skype</span><span class="o">.</span><span class="n">User</span><span class="p">(</span><span class="n">handle</span><span class="p">)</span> </code></pre> </div> <p>Below is the generic function in charge of showing popup notifications.</p> <div class="highlight"><pre><code class="python"> <span class="k">def</span> <span class="nf">showNotification</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">title</span><span class="p">,</span> <span class="n">message</span><span class="p">,</span><span class="nb">file</span><span class="o">=</span><span class="bp">None</span><span class="p">):</span> <span class="sd">'''takes a title and a message to display the email notification. Returns the</span> <span class="sd"> created notification object'''</span> <span class="n">n</span> <span class="o">=</span> <span class="n">pynotify</span><span class="o">.</span><span class="n">Notification</span><span class="p">(</span><span class="n">title</span><span class="p">,</span> <span class="n">message</span><span class="p">,</span> <span class="s">"notification-message-im"</span><span class="p">)</span> <span class="k">if</span> <span class="nb">file</span> <span class="ow">is</span> <span class="ow">not</span> <span class="bp">None</span><span class="p">:</span> <span class="n">n</span><span class="o">.</span><span class="n">set_property</span><span class="p">(</span><span class="s">"icon-name"</span><span class="p">,</span><span class="n">os</span><span class="o">.</span><span class="n">getcwd</span><span class="p">()</span> <span class="o">+</span> <span class="s">"/"</span> <span class="o">+</span> <span class="nb">file</span><span class="p">)</span> <span class="n">n</span><span class="o">.</span><span class="n">show</span><span class="p">()</span> <span class="k">return</span> <span class="n">n</span> </code></pre> </div> <p>This is what it looks like with three new messages <a href="http://cdn.jfoucher.com/uploads/2011/01/skype-indicator.png"></a></p> <p>The next one shows the popup notification that skype is not loaded :</p> <div class="highlight"><pre><code class="python"> <span class="k">def</span> <span class="nf">noSkype</span><span class="p">(</span><span class="bp">self</span><span class="p">):</span> <span class="sd">'''Shows a notification if skype is not started'''</span> <span class="n">title</span><span class="o">=</span><span class="s">'Start Skype'</span> <span class="n">message</span><span class="o">=</span><span class="s">'Please start skype otherwise this won</span><span class="se">\'</span><span class="s">t work'</span> <span class="n">n</span> <span class="o">=</span> <span class="bp">self</span><span class="o">.</span><span class="n">showNotification</span><span class="p">(</span><span class="n">title</span><span class="p">,</span> <span class="n">message</span><span class="p">)</span> <span class="n">n</span><span class="o">.</span><span class="n">set_property</span><span class="p">(</span><span class="s">"icon-name"</span><span class="p">,</span><span class="n">gtk</span><span class="o">.</span><span class="n">STOCK_DIALOG_WARNING</span><span class="p">)</span> <span class="n">n</span><span class="o">.</span><span class="n">show</span><span class="p">()</span> <span class="k">return</span> <span class="n">n</span> </code></pre> </div> <p>And finally, the indicator events callbacks (what happens when we click on the skype indicator, or on a particular message</p> <div class="highlight"><pre><code class="python"> <span class="k">def</span> <span class="nf">display_msg</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">indicator</span><span class="p">,</span> <span class="n">timestamp</span><span class="p">):</span> <span class="c">#hide this indicator</span> <span class="n">indicator</span><span class="o">.</span><span class="n">hide</span><span class="p">()</span> <span class="c">#messaging menu goes back to normal</span> <span class="n">indicator</span><span class="o">.</span><span class="n">set_property</span><span class="p">(</span><span class="s">"draw-attention"</span><span class="p">,</span> <span class="s">"false"</span><span class="p">)</span> <span class="c"># open the skype chat window for this user</span> <span class="bp">self</span><span class="o">.</span><span class="n">skype</span><span class="o">.</span><span class="n">Client</span><span class="o">.</span><span class="n">OpenMessageDialog</span><span class="p">(</span><span class="n">indicator</span><span class="o">.</span><span class="n">get_property</span><span class="p">(</span><span class="s">"handle"</span><span class="p">))</span> </code></pre> </div> <p>At the end of the file, we start everything :</p> <div class="highlight"><pre><code class="python"><span class="k">if</span> <span class="n">__name__</span> <span class="o">==</span> <span class="s">"__main__"</span><span class="p">:</span> <span class="n">skypeind</span><span class="o">=</span><span class="n">skypeIndicator</span><span class="p">()</span> <span class="c"># Loop</span> <span class="n">gobject</span><span class="o">.</span><span class="n">timeout_add_seconds</span><span class="p">(</span><span class="mi">5</span><span class="p">,</span> <span class="n">skypeind</span><span class="o">.</span><span class="n">create_indicators</span><span class="p">)</span> <span class="n">gtk</span><span class="o">.</span><span class="n">main</span><span class="p">()</span> </code></pre> </div> <p>And finally, here is the complete source code :</p> <div class="highlight"><pre><code class="python"><span class="c">#!/usr/bin/env python</span> <span class="c">#</span> <span class="c">#Copyright 2010 Jonathan Foucher</span> <span class="c">#</span> <span class="c">#Authors:</span> <span class="c"># Jonathan Foucher <jfoucher@6px.eu></span> <span class="c">#</span> <span class="c">#This program is free software: you can redistribute it and/or modify it </span> <span class="c">#under the terms of either or both of the following licenses:</span> <span class="c">#</span> <span class="c">#1) the GNU Lesser General Public License version 3, as published by the </span> <span class="c">#Free Software Foundation; and/or</span> <span class="c">#2) the GNU Lesser General Public License version 2.1, as published by </span> <span class="c">#the Free Software Foundation.</span> <span class="c">#</span> <span class="c">#This program is distributed in the hope that it will be useful, but </span> <span class="c">#WITHOUT ANY WARRANTY; without even the implied warranties of </span> <span class="c">#MERCHANTABILITY, SATISFACTORY QUALITY or FITNESS FOR A PARTICULAR </span> <span class="c">#PURPOSE. See the applicable version of the GNU Lesser General Public </span> <span class="c">#License for more details.</span> <span class="c">#</span> <span class="c">#You should have received a copy of both the GNU Lesser General Public </span> <span class="c">#License version 3 and version 2.1 along with this program. If not, see </span> <span class="c">#<http://www.gnu.org/licenses/></span> <span class="c">#</span> <span class="kn">import</span> <span class="nn">indicate</span> <span class="kn">import</span> <span class="nn">gobject</span> <span class="kn">import</span> <span class="nn">pynotify</span> <span class="kn">import</span> <span class="nn">gtk</span> <span class="kn">import</span> <span class="nn">hashlib</span> <span class="kn">import</span> <span class="nn">Skype4Py</span> <span class="kn">import</span> <span class="nn">urllib</span> <span class="kn">import</span> <span class="nn">os</span> <span class="k">class</span> <span class="nc">skypeIndicator</span><span class="p">:</span> <span class="n">notifShown</span><span class="o">=</span><span class="p">{}</span> <span class="n">oldcount</span><span class="o">=</span><span class="p">{}</span> <span class="n">count</span><span class="o">=</span><span class="p">{}</span> <span class="n">indicator</span><span class="o">=</span><span class="p">{}</span> <span class="k">def</span> <span class="nf">__init__</span><span class="p">(</span><span class="bp">self</span><span class="p">):</span> <span class="c">#self.no_skype()</span> <span class="c">#get skype control</span> <span class="bp">self</span><span class="o">.</span><span class="n">skype</span><span class="o">=</span> <span class="n">Skype4Py</span><span class="o">.</span><span class="n">Skype</span><span class="p">()</span> <span class="bp">self</span><span class="o">.</span><span class="n">loadSkype</span><span class="p">()</span> <span class="c">#create notification icon</span> <span class="bp">self</span><span class="o">.</span><span class="n">server</span> <span class="o">=</span> <span class="n">indicate</span><span class="o">.</span><span class="n">indicate_server_ref_default</span><span class="p">()</span> <span class="bp">self</span><span class="o">.</span><span class="n">server</span><span class="o">.</span><span class="n">set_type</span><span class="p">(</span><span class="s">"message.im"</span><span class="p">)</span> <span class="bp">self</span><span class="o">.</span><span class="n">server</span><span class="o">.</span><span class="n">set_desktop_file</span><span class="p">(</span><span class="s">"/usr/share/applications/skype.desktop"</span><span class="p">)</span> <span class="bp">self</span><span class="o">.</span><span class="n">server</span><span class="o">.</span><span class="n">connect</span><span class="p">(</span><span class="s">"server-display"</span><span class="p">,</span> <span class="bp">self</span><span class="o">.</span><span class="n">server_display</span><span class="p">)</span> <span class="c">#self.server.set_status (indicate.STATUS_ACTIVE)</span> <span class="bp">self</span><span class="o">.</span><span class="n">server</span><span class="o">.</span><span class="n">show</span><span class="p">()</span> <span class="c"># for slot in dir(self.server):</span> <span class="c"># attr = getattr(self.server, slot)</span> <span class="c"># print attr</span> <span class="c">#self.unread={}</span> <span class="c">#self.indicator.set_property('draw-attention', 'true');</span> <span class="bp">self</span><span class="o">.</span><span class="n">create_indicators</span><span class="p">()</span> <span class="c">#pass</span> <span class="c">#indicator.connect("user-display", self.display_msg)</span> <span class="k">def</span> <span class="nf">loadSkype</span><span class="p">(</span><span class="bp">self</span><span class="p">):</span> <span class="k">try</span><span class="p">:</span> <span class="k">if</span> <span class="ow">not</span> <span class="bp">self</span><span class="o">.</span><span class="n">skype</span><span class="o">.</span><span class="n">Client</span><span class="o">.</span><span class="n">IsRunning</span><span class="p">:</span> <span class="bp">self</span><span class="o">.</span><span class="n">skype</span><span class="o">.</span><span class="n">Client</span><span class="o">.</span><span class="n">Start</span><span class="p">()</span> <span class="k">except</span><span class="p">:</span> <span class="c">#</span> <span class="k">print</span> <span class="s">"Please open skype first"</span> <span class="bp">self</span><span class="o">.</span><span class="n">noSkype</span><span class="p">()</span> <span class="k">try</span><span class="p">:</span> <span class="bp">self</span><span class="o">.</span><span class="n">skype</span><span class="o">.</span><span class="n">Attach</span><span class="p">()</span> <span class="k">except</span> <span class="n">Skype4Py</span><span class="o">.</span><span class="n">errors</span><span class="o">.</span><span class="n">ISkypeAPIError</span><span class="p">:</span> <span class="k">print</span> <span class="s">"Please open skype first"</span> <span class="bp">self</span><span class="o">.</span><span class="n">noSkype</span><span class="p">()</span> <span class="c">#pass</span> <span class="k">def</span> <span class="nf">create_indicators</span><span class="p">(</span><span class="bp">self</span><span class="p">):</span> <span class="sd">"""Loads skype messages, displays them as notification bubbles and also shows them in the messaging menu"""</span> <span class="c">#initialize count dictionaries</span> <span class="bp">self</span><span class="o">.</span><span class="n">count</span><span class="o">=</span><span class="p">{}</span> <span class="c">#get unread messages from skype, set self.unread variable</span> <span class="bp">self</span><span class="o">.</span><span class="n">get_messages</span><span class="p">()</span> <span class="c">#self.unread is a dictionary having the username of the sender as key and a list of messages as value</span> <span class="k">for</span> <span class="n">name</span> <span class="ow">in</span> <span class="bp">self</span><span class="o">.</span><span class="n">unread</span><span class="p">:</span> <span class="c"># Here we look at the first message from this user to set the messaging menu indicator</span> <span class="c"># we only want one indicator per user</span> <span class="n">msg</span><span class="o">=</span><span class="bp">self</span><span class="o">.</span><span class="n">unread</span><span class="p">[</span><span class="n">name</span><span class="p">][</span><span class="mi">0</span><span class="p">]</span> <span class="c">#initialize message count for this user</span> <span class="k">if</span> <span class="n">name</span> <span class="ow">not</span> <span class="ow">in</span> <span class="bp">self</span><span class="o">.</span><span class="n">count</span><span class="p">:</span> <span class="bp">self</span><span class="o">.</span><span class="n">count</span><span class="p">[</span><span class="n">name</span><span class="p">]</span><span class="o">=</span><span class="mi">0</span> <span class="k">if</span> <span class="n">name</span> <span class="ow">not</span> <span class="ow">in</span> <span class="bp">self</span><span class="o">.</span><span class="n">oldcount</span><span class="p">:</span> <span class="bp">self</span><span class="o">.</span><span class="n">oldcount</span><span class="p">[</span><span class="n">name</span><span class="p">]</span><span class="o">=</span><span class="mi">0</span> <span class="c"># if this user doesn't have his indicator yet</span> <span class="k">if</span> <span class="n">name</span> <span class="ow">not</span> <span class="ow">in</span> <span class="bp">self</span><span class="o">.</span><span class="n">indicator</span><span class="p">:</span> <span class="c"># create indicator</span> <span class="bp">self</span><span class="o">.</span><span class="n">indicator</span><span class="p">[</span><span class="n">name</span><span class="p">]</span> <span class="o">=</span> <span class="n">indicate</span><span class="o">.</span><span class="n">Indicator</span><span class="p">()</span> <span class="k">print</span> <span class="s">"creating indicator"</span> <span class="c"># Set indicator properties</span> <span class="bp">self</span><span class="o">.</span><span class="n">fullname</span><span class="o">=</span><span class="bp">self</span><span class="o">.</span><span class="n">name_from_handle</span><span class="p">(</span><span class="n">name</span><span class="p">)</span> <span class="bp">self</span><span class="o">.</span><span class="n">indicator</span><span class="p">[</span><span class="n">name</span><span class="p">]</span><span class="o">.</span><span class="n">set_property</span><span class="p">(</span><span class="s">"subtype"</span><span class="p">,</span> <span class="s">"im"</span><span class="p">)</span> <span class="bp">self</span><span class="o">.</span><span class="n">indicator</span><span class="p">[</span><span class="n">name</span><span class="p">]</span><span class="o">.</span><span class="n">set_property</span><span class="p">(</span><span class="s">"sender"</span><span class="p">,</span> <span class="bp">self</span><span class="o">.</span><span class="n">fullname</span> <span class="p">)</span> <span class="bp">self</span><span class="o">.</span><span class="n">indicator</span><span class="p">[</span><span class="n">name</span><span class="p">]</span><span class="o">.</span><span class="n">set_property</span><span class="p">(</span><span class="s">"handle"</span><span class="p">,</span> <span class="n">name</span><span class="p">)</span> <span class="c">#this gets the most user-friendly name available for this user</span> <span class="n">user</span><span class="o">=</span><span class="bp">self</span><span class="o">.</span><span class="n">user_from_handle</span><span class="p">(</span><span class="n">name</span><span class="p">)</span> <span class="c"># get an avatar for this user</span> <span class="k">try</span><span class="p">:</span> <span class="c"># This will only work on windows</span> <span class="bp">self</span><span class="o">.</span><span class="n">file</span><span class="o">=</span><span class="n">name</span> <span class="o">+</span> <span class="s">'.jpg'</span> <span class="n">user</span><span class="o">.</span><span class="n">SaveAvatarToFile</span><span class="p">(</span><span class="nb">file</span><span class="p">)</span> <span class="k">except</span> <span class="n">Skype4Py</span><span class="o">.</span><span class="n">errors</span><span class="o">.</span><span class="n">ISkypeError</span><span class="p">:</span> <span class="c"># So on linux we use a generated monster ID. Fun but useless!</span> <span class="n">h</span><span class="o">=</span><span class="n">hashlib</span><span class="o">.</span><span class="n">md5</span><span class="p">(</span><span class="n">name</span><span class="p">)</span><span class="o">.</span><span class="n">hexdigest</span><span class="p">()</span> <span class="c">#TODO find a way to get skype avatars on linux</span> <span class="n">urllib</span><span class="o">.</span><span class="n">urlretrieve</span><span class="p">(</span><span class="s">'http://friedcellcollective.net/monsterid/monster/</span><span class="si">%s</span><span class="s">/64'</span> <span class="o">%</span> <span class="n">h</span><span class="p">,</span><span class="n">name</span> <span class="o">+</span> <span class="s">'.jpg'</span><span class="p">)</span> <span class="bp">self</span><span class="o">.</span><span class="n">file</span><span class="o">=</span><span class="n">name</span> <span class="o">+</span> <span class="s">'.jpg'</span> <span class="c">#convert the imge to a pixbuf</span> <span class="n">pixbuf</span><span class="o">=</span><span class="n">gtk</span><span class="o">.</span><span class="n">gdk</span><span class="o">.</span><span class="n">pixbuf_new_from_file</span><span class="p">(</span><span class="bp">self</span><span class="o">.</span><span class="n">file</span><span class="p">)</span> <span class="c"># for use in the indicator</span> <span class="bp">self</span><span class="o">.</span><span class="n">indicator</span><span class="p">[</span><span class="n">name</span><span class="p">]</span><span class="o">.</span><span class="n">set_property_icon</span><span class="p">(</span><span class="s">"icon"</span><span class="p">,</span> <span class="n">pixbuf</span><span class="p">)</span> <span class="c"># set the timestamp of the indicator (this is what makes the indicator display the time since the message was received</span> <span class="bp">self</span><span class="o">.</span><span class="n">indicator</span><span class="p">[</span><span class="n">name</span><span class="p">]</span><span class="o">.</span><span class="n">set_property_time</span><span class="p">(</span><span class="s">"time"</span><span class="p">,</span> <span class="n">msg</span><span class="o">.</span><span class="n">Timestamp</span><span class="p">)</span> <span class="bp">self</span><span class="o">.</span><span class="n">indicator</span><span class="p">[</span><span class="n">name</span><span class="p">]</span><span class="o">.</span><span class="n">show</span><span class="p">()</span> <span class="c"># when the user clicks on the indicator message, open the skype messaging window for this user</span> <span class="bp">self</span><span class="o">.</span><span class="n">indicator</span><span class="p">[</span><span class="n">name</span><span class="p">]</span><span class="o">.</span><span class="n">connect</span><span class="p">(</span><span class="s">"user-display"</span><span class="p">,</span> <span class="bp">self</span><span class="o">.</span><span class="n">display_msg</span><span class="p">)</span> <span class="n">msgbody</span> <span class="o">=</span> <span class="s">''</span> <span class="c">#reverse list so latest message is at the bottom</span> <span class="k">for</span> <span class="n">eachmsg</span> <span class="ow">in</span> <span class="bp">self</span><span class="o">.</span><span class="n">unread</span><span class="p">[</span><span class="n">name</span><span class="p">][::</span><span class="o">-</span><span class="mi">1</span><span class="p">]:</span> <span class="c"># msgbody contains all the messages from that user so far</span> <span class="n">msgbody</span> <span class="o">+=</span> <span class="n">eachmsg</span><span class="o">.</span><span class="n">Body</span> <span class="o">+</span> <span class="s">"</span><span class="se">\n</span><span class="s">"</span> <span class="c"># We set this person's indicator body to the compound text</span> <span class="bp">self</span><span class="o">.</span><span class="n">indicator</span><span class="p">[</span><span class="n">name</span><span class="p">]</span><span class="o">.</span><span class="n">set_property</span><span class="p">(</span><span class="s">"body"</span><span class="p">,</span> <span class="n">msgbody</span><span class="p">)</span> <span class="c"># if there are more than one message from this user, we set the indicator count to be displayed in the messaging menu.</span> <span class="c"># Otherwise the time elapsed since receiving the message will be shown</span> <span class="k">if</span> <span class="bp">self</span><span class="o">.</span><span class="n">count</span><span class="p">[</span><span class="n">name</span><span class="p">]</span> <span class="o">></span> <span class="mi">1</span><span class="p">:</span> <span class="bp">self</span><span class="o">.</span><span class="n">indicator</span><span class="p">[</span><span class="n">name</span><span class="p">]</span><span class="o">.</span><span class="n">set_property</span><span class="p">(</span><span class="s">"count"</span><span class="p">,</span> <span class="nb">str</span><span class="p">(</span><span class="bp">self</span><span class="o">.</span><span class="n">count</span><span class="p">[</span><span class="n">name</span><span class="p">]))</span> <span class="c"># If a new message arrived since last time checked, mark notification as not shown</span> <span class="k">if</span> <span class="bp">self</span><span class="o">.</span><span class="n">count</span><span class="p">[</span><span class="n">name</span><span class="p">]</span> <span class="o">></span> <span class="bp">self</span><span class="o">.</span><span class="n">oldcount</span><span class="p">[</span><span class="n">name</span><span class="p">]:</span> <span class="bp">self</span><span class="o">.</span><span class="n">notifShown</span><span class="p">[</span><span class="n">name</span><span class="p">]</span><span class="o">=</span><span class="bp">False</span> <span class="c">#If notification marked as not shown, show it</span> <span class="k">if</span> <span class="ow">not</span> <span class="bp">self</span><span class="o">.</span><span class="n">notifShown</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="n">name</span><span class="p">,</span> <span class="bp">False</span><span class="p">)</span> <span class="ow">and</span> <span class="bp">self</span><span class="o">.</span><span class="n">showNotification</span><span class="p">(</span><span class="bp">self</span><span class="o">.</span><span class="n">fullname</span><span class="p">,</span> <span class="n">msgbody</span><span class="p">,</span> <span class="bp">self</span><span class="o">.</span><span class="n">file</span><span class="p">):</span> <span class="c">#mark notification as shown</span> <span class="bp">self</span><span class="o">.</span><span class="n">notifShown</span><span class="p">[</span><span class="n">name</span><span class="p">]</span><span class="o">=</span><span class="bp">True</span> <span class="bp">self</span><span class="o">.</span><span class="n">indicator</span><span class="p">[</span><span class="n">name</span><span class="p">]</span><span class="o">.</span><span class="n">set_property</span><span class="p">(</span><span class="s">"draw-attention"</span><span class="p">,</span> <span class="s">"true"</span><span class="p">)</span> <span class="bp">self</span><span class="o">.</span><span class="n">indicator</span><span class="p">[</span><span class="n">name</span><span class="p">]</span><span class="o">.</span><span class="n">show</span><span class="p">()</span> <span class="k">print</span> <span class="s">"notification shown for"</span><span class="p">,</span> <span class="n">name</span> <span class="k">print</span> <span class="s">"</span><span class="si">%d</span><span class="s"> messages from </span><span class="si">%s</span><span class="s">"</span> <span class="o">%</span><span class="p">(</span><span class="bp">self</span><span class="o">.</span><span class="n">count</span><span class="p">[</span><span class="n">name</span><span class="p">],</span><span class="n">name</span><span class="p">)</span> <span class="c"># Set oldcountt variable for next loop</span> <span class="bp">self</span><span class="o">.</span><span class="n">oldcount</span><span class="o">=</span><span class="bp">self</span><span class="o">.</span><span class="n">count</span> <span class="c"># Loop runs as long as true is returned</span> <span class="k">return</span> <span class="bp">True</span> <span class="k">def</span> <span class="nf">name_from_handle</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span><span class="n">handle</span><span class="p">):</span> <span class="n">user</span><span class="o">=</span><span class="bp">self</span><span class="o">.</span><span class="n">skype</span><span class="o">.</span><span class="n">User</span><span class="p">(</span><span class="n">handle</span><span class="p">)</span> <span class="k">if</span> <span class="n">user</span><span class="o">.</span><span class="n">FullName</span><span class="p">:</span> <span class="k">return</span> <span class="n">user</span><span class="o">.</span><span class="n">FullName</span> <span class="k">elif</span> <span class="n">user</span><span class="o">.</span><span class="n">DisplayName</span><span class="p">:</span> <span class="k">return</span> <span class="n">user</span><span class="o">.</span><span class="n">DisplayName</span> <span class="k">else</span><span class="p">:</span> <span class="k">return</span> <span class="n">handle</span> <span class="k">def</span> <span class="nf">user_from_handle</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span><span class="n">handle</span><span class="p">):</span> <span class="k">return</span> <span class="bp">self</span><span class="o">.</span><span class="n">skype</span><span class="o">.</span><span class="n">User</span><span class="p">(</span><span class="n">handle</span><span class="p">)</span> <span class="k">def</span> <span class="nf">showNotification</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">title</span><span class="p">,</span> <span class="n">message</span><span class="p">,</span><span class="nb">file</span><span class="o">=</span><span class="bp">None</span><span class="p">):</span> <span class="sd">'''takes a title and a message to display the email notification. Returns the</span> <span class="sd"> created notification object'''</span> <span class="n">n</span> <span class="o">=</span> <span class="n">pynotify</span><span class="o">.</span><span class="n">Notification</span><span class="p">(</span><span class="n">title</span><span class="p">,</span> <span class="n">message</span><span class="p">,</span> <span class="s">"notification-message-im"</span><span class="p">)</span> <span class="k">if</span> <span class="nb">file</span> <span class="ow">is</span> <span class="ow">not</span> <span class="bp">None</span><span class="p">:</span> <span class="n">n</span><span class="o">.</span><span class="n">set_property</span><span class="p">(</span><span class="s">"icon-name"</span><span class="p">,</span><span class="n">os</span><span class="o">.</span><span class="n">getcwd</span><span class="p">()</span> <span class="o">+</span> <span class="s">"/"</span> <span class="o">+</span> <span class="nb">file</span><span class="p">)</span> <span class="n">n</span><span class="o">.</span><span class="n">show</span><span class="p">()</span> <span class="k">return</span> <span class="n">n</span> <span class="k">def</span> <span class="nf">noSkype</span><span class="p">(</span><span class="bp">self</span><span class="p">):</span> <span class="sd">'''Shows a notification if skype is not started'''</span> <span class="n">title</span><span class="o">=</span><span class="s">'Start Skype'</span> <span class="n">message</span><span class="o">=</span><span class="s">'Please start skype otherwise this won</span><span class="se">\'</span><span class="s">t work'</span> <span class="n">n</span> <span class="o">=</span> <span class="bp">self</span><span class="o">.</span><span class="n">showNotification</span><span class="p">(</span><span class="n">title</span><span class="p">,</span> <span class="n">message</span><span class="p">)</span> <span class="n">n</span><span class="o">.</span><span class="n">set_property</span><span class="p">(</span><span class="s">"icon-name"</span><span class="p">,</span><span class="n">gtk</span><span class="o">.</span><span class="n">STOCK_DIALOG_WARNING</span><span class="p">)</span> <span class="n">n</span><span class="o">.</span><span class="n">show</span><span class="p">()</span> <span class="k">return</span> <span class="n">n</span> <span class="k">def</span> <span class="nf">get_messages</span><span class="p">(</span><span class="bp">self</span><span class="p">):</span> <span class="k">print</span> <span class="s">"checking messages"</span> <span class="bp">self</span><span class="o">.</span><span class="n">unread</span><span class="o">=</span><span class="p">{}</span> <span class="k">for</span> <span class="n">msg</span> <span class="ow">in</span> <span class="bp">self</span><span class="o">.</span><span class="n">skype</span><span class="o">.</span><span class="n">MissedMessages</span><span class="p">:</span> <span class="n">display_name</span> <span class="o">=</span> <span class="n">msg</span><span class="o">.</span><span class="n">FromHandle</span> <span class="k">if</span> <span class="n">display_name</span> <span class="ow">not</span> <span class="ow">in</span> <span class="bp">self</span><span class="o">.</span><span class="n">count</span><span class="p">:</span> <span class="bp">self</span><span class="o">.</span><span class="n">count</span><span class="p">[</span><span class="n">display_name</span><span class="p">]</span><span class="o">=</span><span class="mi">0</span> <span class="k">if</span> <span class="ow">not</span> <span class="n">display_name</span> <span class="ow">in</span> <span class="bp">self</span><span class="o">.</span><span class="n">unread</span><span class="p">:</span> <span class="bp">self</span><span class="o">.</span><span class="n">unread</span><span class="p">[</span><span class="n">display_name</span><span class="p">]</span><span class="o">=</span><span class="p">[]</span> <span class="bp">self</span><span class="o">.</span><span class="n">unread</span><span class="p">[</span><span class="n">display_name</span><span class="p">]</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">msg</span><span class="p">)</span> <span class="bp">self</span><span class="o">.</span><span class="n">count</span><span class="p">[</span><span class="n">display_name</span><span class="p">]</span><span class="o">+=</span><span class="mi">1</span> <span class="k">return</span> <span class="bp">self</span><span class="o">.</span><span class="n">unread</span> <span class="k">def</span> <span class="nf">server_display</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">widget</span><span class="p">,</span> <span class="n">timestamp</span><span class="o">=</span><span class="bp">None</span><span class="p">):</span> <span class="c">#Show main Skype window</span> <span class="bp">self</span><span class="o">.</span><span class="n">skype</span><span class="o">.</span><span class="n">Client</span><span class="o">.</span><span class="n">Focus</span><span class="p">()</span> <span class="k">def</span> <span class="nf">display_msg</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">indicator</span><span class="p">,</span> <span class="n">timestamp</span><span class="p">):</span> <span class="c">#hide this indicator</span> <span class="n">indicator</span><span class="o">.</span><span class="n">hide</span><span class="p">()</span> <span class="c">#messaging menu goes back to normal</span> <span class="n">indicator</span><span class="o">.</span><span class="n">set_property</span><span class="p">(</span><span class="s">"draw-attention"</span><span class="p">,</span> <span class="s">"false"</span><span class="p">)</span> <span class="c"># open the skype chat window for this user</span> <span class="bp">self</span><span class="o">.</span><span class="n">skype</span><span class="o">.</span><span class="n">Client</span><span class="o">.</span><span class="n">OpenMessageDialog</span><span class="p">(</span><span class="n">indicator</span><span class="o">.</span><span class="n">get_property</span><span class="p">(</span><span class="s">"handle"</span><span class="p">))</span> <span class="k">if</span> <span class="n">__name__</span> <span class="o">==</span> <span class="s">"__main__"</span><span class="p">:</span> <span class="n">skypeind</span><span class="o">=</span><span class="n">skypeIndicator</span><span class="p">()</span> <span class="c"># Loop</span> <span class="n">gobject</span><span class="o">.</span><span class="n">timeout_add_seconds</span><span class="p">(</span><span class="mi">5</span><span class="p">,</span> <span class="n">skypeind</span><span class="o">.</span><span class="n">create_indicators</span><span class="p">)</span> <span class="n">gtk</span><span class="o">.</span><span class="n">main</span><span class="p">()</span> </code></pre> </div> <p>Download the script, or fork it on the <a href="https://github.com/jfoucher/ubuntu-skype-indicator">ubuntu-skype-indicator github repository</a></p> <p>UPDATE: Before you run this script, you need to install its dependencies, python-indicate and skype4py On ubuntu, it's as simple as running</p> <div class="highlight"><pre><code class="bash">sudo apt-get install python-skype python-indicate </code></pre> </div> <a href="http://jfoucher.com/2011/01/python-skype-notifier-for-ubuntu.html">Python skype notifier for Ubuntu</a> is a post by Jonathan Foucher at <a href="http://jfoucher.com">Geeky Nuggets</a><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/GeekyNuggets?a=_ZltPcr9WN4:dv7-TV4hS68:yIl2AUoC8zA"></img></a> <a href="http://feeds.feedburner.com/~ff/GeekyNuggets?a=_ZltPcr9WN4:dv7-TV4hS68:F7zBnMyn0Lo"></img></a> </div> </article> <article> <h1>Compile custom kernel on Ubuntu 10.10</h1> <p>2011-01-12T14:06:02+00:00</p> <p>First off, you want to grab the latest kernel source from�<a href="http://kernel.org/">http://kernel.org/</a> and save it to a folder on your computer. I used my browser's default :</p> <div class="highlight"><pre><code class="bash">~/Downloads </code></pre> </div> <p>. Right click on the archive and select "extract here"</p> <h3>Configuration</h3> <p>Open a terminal, "cd" to your source directory, in my case</p> <div class="highlight"><pre><code class="bash"><span class="nb">cd</span> ~/Downloads/linux-2.6.37 </code></pre> </div> <p> and run</p> <div class="highlight"><pre><code class="bash">make gconfig </code></pre> </div> <p> if using Ubuntu or</p> <div class="highlight"><pre><code class="bash">make kconfig </code></pre> </div> <p> if running Kubuntu. At that point, you'll need to know a fair bit about your system's hardware, to select only the options that are applicable. I like to reuse my current config as a starting point, so if you are using the default ubuntu kernel, the configuration used is stored in the</p> <div class="highlight"><pre><code class="php"><span class="x">/boot</span> </code></pre> </div> <p> directory, with names like</p> <div class="highlight"><pre><code class="php"><span class="x">config-2.6.35-24-generic</span> </code></pre> </div> <p> Copy the latest one to your linux source directory. When the configuration editor is loaded, choose</p> <div class="highlight"><pre><code class="php"><span class="x">File >> Load</span> </code></pre> </div> <p> and select the file you just copied over. Now the Ubuntu default configuration is loaded. If you were to compile your kernel you would get the same kind of system you have now : functional but suboptimal.</p> <p>We'll try and better that a bit.</p> <p>The first submenu I open is Processor type and features. In there, I disable everything related to SMP and Paravirtualized guest support as I do not plan to run this as a VM guest. I choose the type of processor appropriate to my machine, in this case "new Xeon"</p> <p>You can use</p> <div class="highlight"><pre><code class="bash">make localmodconfig </code></pre> </div> <p> which will disable all the modules not currently loaded from your config file. Be careful though, because if there are devices and/of file systems you're not using at the moment, the drivers won't be added.</p> <h3>Compiling and instalation</h3> <p>Once you're happy with the configuration, save and close the editor, and run</p> <div class="highlight"><pre><code class="bash">make all </code></pre> </div> <p> or</p> <div class="highlight"><pre><code class="bash">make -j4 all </code></pre> </div> <p> on multicore processors to run several processes in parallel, which will compile the kernel and the modules specified in the .config file</p> <p>That's the regular debian method, in which you have to run mkinitrd afterwards. I ended up doing it <a href="https://help.ubuntu.com/community/Kernel/Compile">the ubuntu way</a>, where you create .deb packages you can later install with your preferred package manager.</p> <blockquote> <p class="line862">If you re-used the existing configuration, note that Ubuntu kernels build with debugging information on, which makes the resulting kernel modules (*.ko files) much larger than they would otherwise be. To turn this off, go into the config's "Kernel hacking" and turn OFF "Compile the kernel with debug info".</p> <p class="line874">Now you can compile the kernel and create the packages:</p> <div class="highlight"><pre><code class="bash">make-kpkg clean <span class="c"># only needed if you want to do a "clean" build</span> fakeroot make-kpkg --initrd --append-to-version<span class="o">=</span>-some-string-here kernel-image kernel-headers </code></pre> </div> </blockquote> <p style="text-align: center;"></p> <p>Much easier...</p> <h3>Drivers</h3> <p>Of course, if you're using non-free drivers, you'll want to reinstall them. The first time I booted the new kernel, X did not start because it couldn't load the nvidia kernel module. Luckily, I had the latest driver around from a previous install, so installed straight away from the command line.</p> <p>You should now have a working Ubuntu install running your own custom kernel. Of course, you are responsible for upgradin kernel and binary drivers, as the updates from Ubuntu are not going to work any longer... Although I'm not so sure about that. I'll see in a while I guess.</p> <h3>Done!</h3> <p>Anyway, in my case this upgrade is really worth it because I get a functioning built-in microphone on my Vaio! Yay!</p> <p>So the moral is: don't be scared of trying a custom kernel, it really got much easier, and if you don't like it, going back is as easy as selecting another entry in grub...</p> <a href="http://jfoucher.com/2011/01/compile-custom-kernel-on-ubuntu-10-10.html">Compile custom kernel on Ubuntu 10.10</a> is a post by Jonathan Foucher at <a href="http://jfoucher.com">Geeky Nuggets</a><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/GeekyNuggets?a=LEeObYUmD54:dzaLP4Ucfxc:yIl2AUoC8zA"></img></a> <a href="http://feeds.feedburner.com/~ff/GeekyNuggets?a=LEeObYUmD54:dzaLP4Ucfxc:F7zBnMyn0Lo"></img></a> </div> </article> <article> <h1>New version of the auto-tag plugin released!</h1> <p>2010-05-19T14:45:10+00:00</p> <p><a href="http://wordpress.org/extend/plugins/auto-tag/">Version 0.4 is here!</a></p> <p>I know it's been a long time coming, but I just couldn't let you all down on that.</p> <p>Heavily refactored, lots of bug fixes, some nice improvements, I think you're going to like it.</p> <p>Let me know how it goes !</p> <a href="http://jfoucher.com/2010/05/version-autotag-plugin-released.html">New version of the auto-tag plugin released!</a> is a post by Jonathan Foucher at <a href="http://jfoucher.com">Geeky Nuggets</a><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/GeekyNuggets?a=oOHpeOMYH-o:tF4zB-NaiP0:yIl2AUoC8zA"></img></a> <a href="http://feeds.feedburner.com/~ff/GeekyNuggets?a=oOHpeOMYH-o:tF4zB-NaiP0:F7zBnMyn0Lo"></img></a> </div> </article> <article> <h1>One app a month challenge</h1> <p>2010-01-01T23:29:39+00:00</p> <p>To keep learning and progressing in my line of work, you have to be <strong>learning new things</strong> everyday. The evolution is so fast that if you don't go forward, you are effectively going backwards.</p> <blockquote>I need ideas of useful apps or libraries to include in this challenge.</blockquote> <p>So, my<strong> challenge for 2010</strong> will be to build one web app <strong>every month</strong>, and publish it here on the last day of each month. My schedule is pretty tight right now, so the apps will have to be rather quick to develop, but hopefuly it will help me learn new techniques and better coding practices. As they say, "practice makes perfect"...</p> <p>Whether I use a framework or not is entirely up to me, but I'd like to take this opportunity to try my hand at <a href="http://www.kohanaphp.com/">Kohana</a>. I've been using <a href="http://codeigniter.com">CodeIgniter</a> for nearly one year, and it seems like Kohana takes the CI spirit one step further.</p> <p>So, this is where I need your help : I need <strong>ideas of useful apps</strong> or libraries to include in this challenge. The first one is going to be a <strong>url shortener</strong>, developping the shortening and storing algorithms from scratch. I'm not sure whether I should do it as a standalone app, a standalone library, or a Kohana library...</p> <p>So, if you have any ideas about what I should develop, something you need, whatever, please comment below, thanks!</p> <p>EDIT: The result of the January Challenge is now live : <a href="http://6px.eu/smallurl">The URL shortener</a></p> <a href="http://jfoucher.com/2010/01/one-app-a-month-challenge.html">One app a month challenge</a> is a post by Jonathan Foucher at <a href="http://jfoucher.com">Geeky Nuggets</a><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/GeekyNuggets?a=ID6mHe4enfc:lg2nFdxsMYA:yIl2AUoC8zA"></img></a> <a href="http://feeds.feedburner.com/~ff/GeekyNuggets?a=ID6mHe4enfc:lg2nFdxsMYA:F7zBnMyn0Lo"></img></a> </div> </article> <article> <h1>BlueIce Plugin</h1> <p>2009-12-14T16:59:32+00:00</p> <p>I just created a very simple plugin for <a title="The Anti-CMS" href="http://blueiceapp.com">BlueIce</a>, the anti-CMS. It simply inserts a list containg links to all pages in the web site. The author published it on his <a href="http://blueiceapp.com/docs/plugins">3rd party plugins</a> page, and I highly recommend his anti-CMS for small, semi static sites.</p> <p>It includes a clever cache system, so your web site will be almost as fast as if it was pure static html. All pages are rendered using <a href="http://daringfireball.net/projects/markdown/">Markdown</a>, making for simple content editing, using a <a href="http://geany.org/">text editor</a> and an FTP client.</p> <p><em>UPDATE 2011:</em> Blue ice seems to be dead, and so so is this plugin, i guess...</p> <a href="http://jfoucher.com/2009/12/blueice-plugin.html">BlueIce Plugin</a> is a post by Jonathan Foucher at <a href="http://jfoucher.com">Geeky Nuggets</a><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/GeekyNuggets?a=75jSBrsIdHs:AAnGNuqOU-Y:yIl2AUoC8zA"></img></a> <a href="http://feeds.feedburner.com/~ff/GeekyNuggets?a=75jSBrsIdHs:AAnGNuqOU-Y:F7zBnMyn0Lo"></img></a> </div> </article> <article> <h1>Why Google Wave is useless (with invites giveaway)</h1> <p>2009-11-20T09:00:29+00:00</p> <div class="image-with-caption aligncenter" style="width:300px"><div class="caption">Google Wave</div><a href="http://cdn.jfoucher.com/uploads/2009/11/Screenshot-1.png"></a></div> <h3>1. You need to have it open in your browser to appear online</h3> <h3>2. Nobody is ever online for that exact reason.</h3> <h3>3. All my contacts disappeared</h3> <p>For no apparent reason, none of my contacts are showing in wave right now... Kind of reduces the usability.</p> <h3>4. Too many ads in independently developped "gadgets"</h3> <h3>5. Counter intuitive interface.</h3> <ul> <li>"pinging" someone just opens a new wave with that contact : I could have done that myself... Do something more, like, I don't know, send an email</li> <li>can't search trough a list to add contacts that are on wave</li> </ul> <h3>And now (oh the irony) to the Wave invite giveaway.</h3> <p>Very easy : leave a comment on this post with your real email address, and on Monday at 12 GMT I'll pick ten winners. (yes I have that many unused invites...)</p> <p>Have a good weekend</p> <a href="http://jfoucher.com/2009/11/google-wave-useless.html">Why Google Wave is useless (with invites giveaway)</a> is a post by Jonathan Foucher at <a href="http://jfoucher.com">Geeky Nuggets</a><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/GeekyNuggets?a=i2CpcEns-rA:ucypBBp046k:yIl2AUoC8zA"></img></a> <a href="http://feeds.feedburner.com/~ff/GeekyNuggets?a=i2CpcEns-rA:ucypBBp046k:F7zBnMyn0Lo"></img></a> </div> </article> <article> <h1>Cafepress SIGG bottles discount and coupon code !</h1> <p>2009-07-27T19:13:36+00:00</p> <p>You've probably seen that cafepress let's you<a href="http://www.cafepress.com/designer/sigg/"> customize your sigg bottle</a>, and you also no doubt know that water bottles are bad for the <a href="http://ecoquotidien.fr">environment</a>, as only a small proportion are recycled, and many end up scattered around natural areas, not least of which, due to their rather <em>floating</em> nature, our beaches. Sigg bottles are a durable, light and trendy alternative, and today we are going to <em>design our own</em>, but not using <a href="http://cafepress.com">cafepress'</a> flash designer!</p> <blockquote>There is a better and cheaper way to get your custom sigg bottle.</blockquote> <p>No, because there is a <em>better and cheaper</em> way to get your custom sigg bottle. Don't want to pay $28 for a bottle ? Don't worry, this solution will get you a three dollars discount per bottle, which added to our 5 dollars <em>cafepress coupon</em> below, will get you a brand new, custom SIGG bottle for around 23 dollars! Of course, you'll have to buy three, because the coupon is only valid for purchases above $50, but these bottles are such great, eco-friendly gifts, that three of them is not nearly enough!</p> <p>Anyway, to get a cheaper custom sigg bottle, we need to <em>open a cafepress account</em>, and set up a shop. Don't worry, it's completely free. First, click on "sign in" at the top of the home page in cafepress, then click continue once you reach the screen below.</p> <div class="image-with-caption aligncenter" style="width:300px"><div class="caption">Register at Cafepress</div><a href="http://cdn.jfoucher.com/uploads/2009/07/cafepress1.jpg"></a></div> <p>You arrive at the page shown below where you enter your registration information. Fill all the fields in and then click on "Join now".</p> <div class="image-with-caption aligncenter" style="width:300px"><div class="caption">Enter your information</div><a href="http://cdn.jfoucher.com/uploads/2009/07/cafepress2.jpg"></a></div> <p>Fill in more info and then click "Open your shop!"</p> <div class="image-with-caption aligncenter" style="width:300px"><div class="caption">Fill in More Info</div><a href="http://cdn.jfoucher.com/uploads/2009/07/cafepress3.jpg"></a></div> <p>You are now given a choice to open a basic or a premium shop.� For our purposes, a free basic shop is sufficient, so click on "Open a basic shop"</p> <div class="image-with-caption aligncenter" style="width:300px"><div class="caption">Choose shop type</div><a href="http://cdn.jfoucher.com/uploads/2009/07/cafepress4.jpg"></a></div> <p>Fill in some more details on the next page and click on "Submit", then click on "Build your shop once you reach the page below</p> <div class="image-with-caption aligncenter" style="width:300px"><div class="caption">Build your shop</div><a href="http://cdn.jfoucher.com/uploads/2009/07/cafepress5.jpg"></a></div> <p>I leave it as an exercise to the reader to insert a product, preferably a Sigg botlle into the shop. Once you reach the screen below, you can keep going.</p> <div class="image-with-caption aligncenter" style="width:300px"><div class="caption">Sigg bottle added to shop</div><a href="http://cdn.jfoucher.com/uploads/2009/07/cafepress6.jpg"></a></div> <blockquote>Draw your image using Gimp or Inkscape, or whatever software you are used to.</blockquote> <p>Great, you've added a Sigg bottle to your shop. The only slight problem is that it's completely white. We really need to do something about that! So, <em>is your image ready</em>? No? Well let's go then. Cafepress provides a <a href="http://www.cafepress.com/content/help/img/templates/280_H_F.jpg">template</a> for the image on the Sigg bottles, and I suggest you follow it to get an image of the proper size. The only thing is that it's at 200 dpi, which seems a bit low for printing, so I suggest you scale it up to at least 300 DPI, or a pixel size of 975x1800. Here is <a href="http://cdn.jfoucher.com/uploads/2009/07/280_H_R.png">my template at 600 DPI</a></p> <p>Draw your image using <a href="http://gimp.org">Gimp</a> or <a href="http://inkscape.org">Inkscape</a>, or whatever software you are used to, or just choose a photograph from your collection. The thing to keep in mind is that the shape of the template is the maximum size of your image, but it can be smaller...</p> <p>Ok, so now you have your image the way you like it, I suggest you <em>give it a try</em> on the <a href="http://www.cafepress.com/designer/sigg/">flash designer</a>. When you are entirely satisfied, click on "edit" below the image of the bottle to get to the page shown on the screenshot below.</p> <div class="image-with-caption aligncenter" style="width:300px"><div class="caption">Add image</div><a href="http://cdn.jfoucher.com/uploads/2009/07/cafepress7.jpg"></a></div> <p>On the right hand side, click on the "select image" button, then on "Upload image", which brings you to a page where you can upload a number of images, choose and <em>upload your image</em>. It takes a few steps, which I'm not going to detail here.</p> <div class="image-with-caption aligncenter" style="width:300px"><div class="caption">Image applied to bottle</div><a href="http://cdn.jfoucher.com/uploads/2009/07/cafepress8.jpg"></a></div> <p>Once you selected the image to apply to your bottle, you can tweak it's size, but if you used the template, it should fill all the space available, see screenshot above.</p> <p>Click next, and you can write a title, a description and choose a price for your item. Don't worry, you'll be able to buy it at the base price later, so <em>set any markup you like</em>. I didn't touch anything, as it doesn't matter for our purposes. But feel free to change things if you want to sell your custom bottle later.</p> <div class="image-with-caption aligncenter" style="width:300px"><div class="caption">Change item details</div><a href="http://cdn.jfoucher.com/uploads/2009/07/cafepress9.jpg"></a></div> <p>Once you click "save and finish", <em>your custom Sigg bottle is created!</em> You can now buy it at the base price by following these instructions : first, click on the "your shops" link at the top left of the page shown above, then on "buy" on the same line as your shop's name, and then "Click to buy from your own shop", after which you get to the product page for your custom bottle, which you can then buy following normal procedures.</p> <div class="image-with-caption aligncenter" style="width:300px"><div class="caption">Buy your custom Sigg bottle</div><a href="http://cdn.jfoucher.com/uploads/2009/07/cafepress11.jpg"></a></div> <p>When you get to the checkout form, fill in the following Cafepress coupon code: POPPYSNEEZE to get a further $5 discount, on purchases over $50.</p> <blockquote> Cafepress coupon code: a further $5 discount</blockquote> <p>And that's it, your three brand new, custom, home made sigg bottles for <strong>$76.22</strong> including shipping.</p> <p>A further tip if you want a different design on each bottle : as the free version of cafepress doesn't allow you to sell more than one product of each type in each shop, open several free shops with a different Sigg bottle in each!</p> <p>I hope you enjoy this post. If you decide to follow this tutorial, send a pic of your bottle in the comments.</p> <a href="http://jfoucher.com/2009/07/cafepress-sigg-bottles-discount-coupon-code.html">Cafepress SIGG bottles discount and coupon code !</a> is a post by Jonathan Foucher at <a href="http://jfoucher.com">Geeky Nuggets</a><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/GeekyNuggets?a=LLLixi1NkqQ:pyszeqMvvCk:yIl2AUoC8zA"></img></a> <a href="http://feeds.feedburner.com/~ff/GeekyNuggets?a=LLLixi1NkqQ:pyszeqMvvCk:F7zBnMyn0Lo"></img></a> </div> </article> <article> <h1>Access to MySQL import class</h1> <p>2009-07-18T07:57:25+00:00</p> <p>In my latest project <a href="http://tecknosfera.com">at work</a> I need to import data from an acess database into mySQL to be able to create an online shop from that data. Instead of importing just the database of that particular client, I created a generic PHP class that can import any Access database to MySQL.</p> <blockquote> Big databases must be imported by chunks.</blockquote> <p>Since Access databases can get so big, the import class has to do its job by chunks, to avoid memory limits. It also needs to reload itself when it detects it is close to the time limit, all of which it now does without any problems. We can now import (hopefully) any Access database.</p> <a href="http://jfoucher.com/2009/07/access-to-mysql-import-class.html">Access to MySQL import class</a> is a post by Jonathan Foucher at <a href="http://jfoucher.com">Geeky Nuggets</a><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/GeekyNuggets?a=rl8EJYLXON0:PFY3LIn7k60:yIl2AUoC8zA"></img></a> <a href="http://feeds.feedburner.com/~ff/GeekyNuggets?a=rl8EJYLXON0:PFY3LIn7k60:F7zBnMyn0Lo"></img></a> </div> </article> <article> <h1>Ecoquotidien.fr</h1> <p>2009-07-10T08:18:11+00:00</p> <div class="image-with-caption alignleft" style="width:370px"><div class="caption">Ecoquotidien</div><a href="http://ecoquotidien.fr"></a></div> <p>[lang_es]La ecologia al cotidiano. Que hacer para cuidar de nuestro planeta en nuestros hogares y jardines.</p> <p>Basado en <a href="http://wordpress.org">Wordpress</a>, este blog hace uso extensivo de <a href="http://jquery.com">jQuery</a> para dar vida a la página, con animaciones, contenido dynámico, etc... Las nubes, por ejemplo, se mueven de manera aleatoria sobre la pantalla. [/lang_es][lang_en]Daily ecology. What we can do to take care of our planet from our homes and gardens.</p> <p>Based in <a href="http://wordpress.org">Wordpress</a>, this blog makes extensive use of <a href="http://jquery.com">jQuery</a> to give life to the page, with animations, dynamic content, etc... The clouds, for example move around on the screen as if an imaginary electronic wind was blowing! [/lang_en]</p> <a href="http://jfoucher.com/2009/07/ecoquotidien.html">Ecoquotidien.fr</a> is a post by Jonathan Foucher at <a href="http://jfoucher.com">Geeky Nuggets</a><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/GeekyNuggets?a=T083Yojq6Ts:99oqN8rkPxw:yIl2AUoC8zA"></img></a> <a href="http://feeds.feedburner.com/~ff/GeekyNuggets?a=T083Yojq6Ts:99oqN8rkPxw:F7zBnMyn0Lo"></img></a> </div> </article> <article> <h1>WP-Feedly theme available for download</h1> <p>2009-06-27T09:19:32+00:00</p> <div class="image-with-caption aligncenter" style="width:300px"><div class="caption">WP-Feedly Screenshot</div><a href="http://cdn.jfoucher.com/uploads/2009/06/screenshot1.png"></a></div> <p>After some beta testing and subsequent bug squashing, WP-Feedly is ready for prime-time, and <a href="/wp-feedly.zip">available for download</a>.</p> <a href="http://jfoucher.com/2009/06/wpfeedly-theme-download.html">WP-Feedly theme available for download</a> is a post by Jonathan Foucher at <a href="http://jfoucher.com">Geeky Nuggets</a><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/GeekyNuggets?a=9U2tYYOxdWM:Jw4IfvYq5kY:yIl2AUoC8zA"></img></a> <a href="http://feeds.feedburner.com/~ff/GeekyNuggets?a=9U2tYYOxdWM:Jw4IfvYq5kY:F7zBnMyn0Lo"></img></a> </div> </article> <article> <h1>New portfolio theme: CleanFolio</h1> <p>2009-06-26T22:17:07+00:00</p> <div class="image-with-caption aligncenter" style="width:300px"><div class="caption">CleanFolio</div><a href="http://cdn.jfoucher.com/uploads/2009/06/screenshot.png"></a></div> <p>I've been working on my profesionnal portfolio these days, and I'm thinking about releasing the theme. It's a very clean and white design, with a jQuery carousel to present my past work. You can see a demo on <a href="http://jfoucher.fr">Jonathan Foucher's portfolio</a>. So, should I release it? Do you like it?</p> <a href="http://jfoucher.com/2009/06/portfolio-theme.html">New portfolio theme: CleanFolio</a> is a post by Jonathan Foucher at <a href="http://jfoucher.com">Geeky Nuggets</a><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/GeekyNuggets?a=qPntYKy3rqA:WshscPIWksk:yIl2AUoC8zA"></img></a> <a href="http://feeds.feedburner.com/~ff/GeekyNuggets?a=qPntYKy3rqA:WshscPIWksk:F7zBnMyn0Lo"></img></a> </div> </article> </main></body></html>