<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Jean-Etienne&#039;s blog &#187; User Interface</title>
	<atom:link href="http://www.jepoirrier.net/blog/category/computers/user-interface/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.jepoirrier.net/blog</link>
	<description>A blog about free software, computer science and probably everything else too ...</description>
	<lastBuildDate>Thu, 09 Jun 2011 06:39:08 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Two annoying issues with Firefox 4 (and their solutions)</title>
		<link>http://www.jepoirrier.net/blog/2011/04/two-annoying-issues-with-firefox-4-and-their-solutions/</link>
		<comments>http://www.jepoirrier.net/blog/2011/04/two-annoying-issues-with-firefox-4-and-their-solutions/#comments</comments>
		<pubDate>Thu, 07 Apr 2011 23:52:28 +0000</pubDate>
		<dc:creator>Jean-Etienne</dc:creator>
				<category><![CDATA[User Interface]]></category>
		<category><![CDATA[bug]]></category>
		<category><![CDATA[close]]></category>
		<category><![CDATA[experience]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[interface]]></category>
		<category><![CDATA[save]]></category>
		<category><![CDATA[tab]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[user]]></category>
		<category><![CDATA[window]]></category>

		<guid isPermaLink="false">http://www.jepoirrier.net/blog/?p=586</guid>
		<description><![CDATA[The Mozilla Foundation updated Firefox to its version 4 last month and it has lots of interesting features. So I upgraded and although I initially criticized the new interface (when looking at screenshot from beta releases), I now quite like it: it gives more space to the actual content (web pages) to keep the &#8220;container&#8221; [...]]]></description>
			<content:encoded><![CDATA[<p>The Mozilla Foundation updated <a href="http://www.mozilla.com/en-US/firefox/">Firefox</a> to its version 4 last month and it has lots of <a href="http://www.mozilla.com/en-US/firefox/features/">interesting features</a>. So I upgraded and although I initially criticized the new interface (when looking at screenshot from beta releases), I now quite like it: it gives more space to the actual content (web pages) to keep the &#8220;container&#8221; (the Firefox GUI in itself) to a minimum.</p>
<p><strong>But &#8230;</strong> (because there always is a &#8220;but&#8221;). But I found 2 annoying issues with the new version &#8230;</p>
<ol>
<li>the &#8220;open in new Tab&#8221; option is now <em>second</em> in the pop-up menu when you right-click on a link;</li>
<li>Firefox will <em>not</em> save all your open tabs when you close it.</li>
</ol>
<p>In version 3, when you right-click on a link, the pop-up menu shows you options to open in new window or in new tab in this order:</p>
<ol>
<li>Open Link in New Window</li>
<li>Open Link in New Tab</li>
</ol>
<p>Now in version 4, when you right-click on a link, the pop-up menu shows you these options in the following (inverted) order:</p>
<ol>
<li>Open Link in New Tab</li>
<li>Open Link in New Window</li>
</ol>
<p>So if you are used to click on the second option to open the link in a new tab (in version 3), you automatically do this in the new version. But you open a new window. That&#8217;s annoying! And that&#8217;s <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=322736">a known bug/feature</a>.</p>
<p>There are three solutions to this issue:</p>
<ol>
<li>use Ctrl + (left) click to open a link in a new tab.</li>
<li>use the <a href="https://addons.mozilla.org/en-US/firefox/addon/menu-editor/">Menu Editor</a> add-on to re-organise the pop-up menu order as you wish.</li>
<li>use <a href="http://forums.mozillazine.org/viewtopic.php?f=23&#038;t=1954619&#038;start=15">this tweak</a> proposed in a Mozilla forum.</li>
<li>(I know, a fourth solution) just get used to it because I&#8217;ll also find it annoying if Firefox developers suddenly change the order of the menu items back in version 5.</li>
</ol>
<p>My other issue with this new version of Firefox is that it doesn&#8217;t warn you that you will close it but not save the tabs you are currently browsing. In Firefox 3, there was a warning dialog box telling you something like: &#8220;you are about to close Firefox but there are still tabs open. Would you like to save them, quit anyway (and lose them) or stay in Firefox&#8221;. In Firefox 4, no warning, it closes and doesn&#8217;t save your tabs.</p>
<p>Initially you think you made a mistake, there was no tab when you closed Firefox. Or maybe you didn&#8217;t pay attention to the dialog box and closed Firefox, telling it not to save. At the third occurrence, you are sure there is an issue! And there is one indeed! The Firefox development team apparently decided not to show this box anymore. It sounds ok if you think that this roadblock-dialog-box isn&#8217;t in the user&#8217;s way when he/she decides to quit. But then save the tabs to users used to this features don&#8217;t lose their tabs. This evening, I lost at least 20 tabs containing things not so important (so not in bookmarks) but I wanted to read tonight. Grrr &#8230;</p>
<p>Fortunately, as usual, there is a solution:</p>
<p>In the address/url bar enter: <code>about:config</code><br />
In the filter box enter: <code>quit</code><br />
set <code>browser.showQuitWarning</code> to &#8216;true&#8217;</p>
<p>Again, this is a feature or an explicit decision: see bugs <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=592822">592822</a> and <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=593421">593421</a> for instance.</p>
<p>From my point of view, the gold standard is: <strong>don&#8217;t change the UI and user experience ; or do it but tell the user you did it the first few times the old behaviour isn&#8217;t occurring</strong>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jepoirrier.net/blog/2011/04/two-annoying-issues-with-firefox-4-and-their-solutions/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google and the bottom search box</title>
		<link>http://www.jepoirrier.net/blog/2010/09/google-and-the-bottom-search-box/</link>
		<comments>http://www.jepoirrier.net/blog/2010/09/google-and-the-bottom-search-box/#comments</comments>
		<pubDate>Fri, 24 Sep 2010 23:07:12 +0000</pubDate>
		<dc:creator>Jean-Etienne</dc:creator>
				<category><![CDATA[User Interface]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[GUI]]></category>
		<category><![CDATA[Instant]]></category>
		<category><![CDATA[usability]]></category>

		<guid isPermaLink="false">http://www.jepoirrier.net/blog/?p=513</guid>
		<description><![CDATA[When Google rolled out &#8220;Instant&#8220;, they also removed the bottom search box. Bad idea. Google Instant is a nice, web 2.0 improvement to Google &#8220;classic&#8221; where results appear as soon as you type them in the ad hoc text box. Google claims that Instant can save 2 to 5 seconds per search. Maybe. But, at [...]]]></description>
			<content:encoded><![CDATA[<p>When Google rolled out &#8220;<a href="http://www.google.com/instant/">Instant</a>&#8220;, they also removed the bottom search box. Bad idea.</p>
<p>Google Instant is a nice, web 2.0 improvement to Google &#8220;classic&#8221; where results appear as soon as you type them in the <em>ad hoc</em> text box. Google claims that Instant can save 2 to 5 seconds per search. Maybe.</p>
<p><center>
<p><img src="http://www.jepoirrier.net/blogimages/100925-google-instant2.png" alt="" /></p>
<p></center></p>
<p>But, at the same time, they removed the bottom search box. I extensively used this search box: when you enter your search criteria and look at the results, you may want to refine your search, add some terms, remove or exclude others, etc. With a second search box at the bottom, you can directly do it after having browsed the first bunch of results. Without this box at the bottom, you can&#8217;t: you have to think to scroll all the way to the top of the page and actually do the change in the only, upper text box. You lose 2 seconds to scroll back to the top of the page and you may lose some idea on the way (especially if you have 1001 ideas at the same time). When you sometimes perform a lot of searches per day, the time you gain with Instant <em>per search</em> is largely lost by the time spent browsing back to the top. <a href="http://www.google.com/support/forum/p/Web+Search/thread?tid=79af317544aba49d&#038;hl=en">I&#8217;m not the only one</a> to think <a href="http://www.labnol.org/internet/google-search-box-missing/17552/">it&#8217;s was a bad idea</a>.</p>
<p>But if you want to keep Google as (one of your) your search engine(s) and want to get back the second search/text box at the bottom (and optionally get Instant too), just use &#8220;<a href="https://encrypted.google.com/">Encrypted Google SSL Beta</a>&#8221; (URL in clear: <a href="https://encrypted.google.com/">https://encrypted.google.com/</a>).</p>
<p><center>
<p><img src="http://www.jepoirrier.net/blogimages/100925-google-ssl.png" alt="" /></p>
<p></center></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jepoirrier.net/blog/2010/09/google-and-the-bottom-search-box/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Browser hardware acceleration issue?</title>
		<link>http://www.jepoirrier.net/blog/2010/09/browser-hardware-acceleration-issue/</link>
		<comments>http://www.jepoirrier.net/blog/2010/09/browser-hardware-acceleration-issue/#comments</comments>
		<pubDate>Sun, 12 Sep 2010 22:57:44 +0000</pubDate>
		<dc:creator>Jean-Etienne</dc:creator>
				<category><![CDATA[User Interface]]></category>
		<category><![CDATA[Websites]]></category>
		<category><![CDATA[beamer]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[GPU]]></category>
		<category><![CDATA[hardware acceleration]]></category>
		<category><![CDATA[presentation]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://www.jepoirrier.net/blog/?p=501</guid>
		<description><![CDATA[Browser hardware acceleration is meant to render websites faster by allowing the graphics card (its GPU) to directly display &#8220;things&#8221; (videos, animation, canvas, compositing, etc.) on the screen. By bypassing software rendering systems, lots of websites seem to render faster. All major browsers jumped on this: Firefox, Chrome, Internet Explorer and Opera (post of 2008!). [...]]]></description>
			<content:encoded><![CDATA[<p>Browser hardware acceleration is meant to render websites faster by allowing the graphics card (its GPU) to directly display &#8220;things&#8221; (videos, animation, canvas, compositing, etc.) on the screen. By bypassing software rendering systems, <a href="http://www.readwriteweb.com/archives/browser_hardware_acceleration_with_direct2d_next_frontier_in_browser_wars.php">lots of websites seem to render faster</a>. All major browsers jumped on this: <a href="http://hacks.mozilla.org/2010/09/hardware-acceleration/">Firefox</a>, <a href="https://sites.google.com/a/chromium.org/dev/developers/design-documents/gpu-accelerated-compositing-in-chrome">Chrome</a>, <a href="http://blogs.msdn.com/b/ie/archive/2010/09/10/the-architecture-of-full-hardware-acceleration-of-all-web-page-content.aspx">Internet Explorer</a> and <a href="http://my.opera.com/core/blog/2008/06/05/engineering-seminar">Opera</a> (post of 2008!).</p>
<p>I understand that enhancing the user&#8217;s experience while surfing the web is something that can be interesting. Hardware acceleration opens the door to unseen compositions, to new types of animations, to new kind of applications. Directly in your favourite browser.</p>
<p>Comment if I&#8217;m wrong but hardware acceleration will not lead to fragmentation of the web landscape. <a href="http://en.wikipedia.org/wiki/HTML5">HTML5</a> seems to be the standard behind which browsers developers are adding their acceleration engines.</p>
<p>However, an issue (from the user&#8217;s point-of-view) will probably be that hardware acceleration will still help the emergence of a consumer-only web. A lot of your applications will be in your browser, with your data in someone else&#8217;s data center. You want your data safe? You need to trust your provider&#8217;s security measures. You simply want your data on your hard drive? I think you&#8217;ll have a problem here. But I agree it&#8217;s not the <em>technical</em> implementation that will be responsible for that.</p>
<p><a href="http://www.flickr.com/photos/jepoirrier/270588135/" title="First LaTeX Beamer presentation seen in a proteomic conference by jepoirrier, on Flickr"><img src="http://farm1.static.flickr.com/106/270588135_21c1ce2a7a_m.jpg" width="240" height="180" alt="First LaTeX Beamer presentation seen in a proteomic conference" align="right" hspace="10" /></a> There is another issue I see with browser hardware acceleration. And it&#8217;s very down-to-earth. As you often encounter in presentation with videos, the presentation is displayed via a beamer but not the video (a black rectangle is displayed instead). You can easily disable hardware acceleration in most presentation software (if it&#8217;s not disabled by default). But, with hardware acceleration fully integrated in the browser, what will be displayed with the beamer if we have to do a demo of a website or simply when <a href="http://en.wikipedia.org/wiki/S5_file_format">the presentation software <em>is</em> the browser</a>? A page with patches of black rectangles? I hope not.</p>
<p><strong>Why do I blog this?</strong> I enjoy reading about the (technical) details of (browser) hardware acceleration. I am very interested in general in all the new developments in IT regarding the use of GPUs and graphics card computational power to solve current issue or allow future developments. But I&#8217;m also using these (new) technologies everyday. So I don&#8217;t want that technological improvements on one hand turn to cause trouble on the other hand.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jepoirrier.net/blog/2010/09/browser-hardware-acceleration-issue/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cognitive Surplus visualised</title>
		<link>http://www.jepoirrier.net/blog/2010/07/cognitive-surplus-visualised/</link>
		<comments>http://www.jepoirrier.net/blog/2010/07/cognitive-surplus-visualised/#comments</comments>
		<pubDate>Mon, 19 Jul 2010 21:43:18 +0000</pubDate>
		<dc:creator>Jean-Etienne</dc:creator>
				<category><![CDATA[Reading]]></category>
		<category><![CDATA[User Interface]]></category>
		<category><![CDATA[America]]></category>
		<category><![CDATA[cognitive]]></category>
		<category><![CDATA[data]]></category>
		<category><![CDATA[surplus]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://www.jepoirrier.net/blog/?p=459</guid>
		<description><![CDATA[In the 300-and-more RSS items in my aggregator this week, there are 2 great ones from Information is Beautiful, a blog gathering (and publishing its own) nice ways to visualise data. The first one is based on a talk by Clay Shirky who, in turn, was referencing his book Cognitive Surplus. In Cognitive Surplus visualized, [...]]]></description>
			<content:encoded><![CDATA[<p>In the 300-and-more RSS items in my aggregator this week, there are 2 great ones from <a href="http://www.informationisbeautiful.net/">Information is Beautiful</a>, a blog gathering (and publishing its own) nice ways to visualise data.</p>
<p>The first one is based on a talk by <a href="http://en.wikipedia.org/wiki/Clay_Shirky">Clay Shirky</a> who, in turn, was referencing his book <a href="http://www.librarything.com/work/9769188">Cognitive Surplus</a>. In <a href="http://www.informationisbeautiful.net/2010/cognitive-surplus-visualized/">Cognitive Surplus <em>visualized</em></a>, David McCandless just represented one of Shirky&#8217;s ideas: 200 billion hours are spent each year by US adults just watching TV whereas only 100 million hours were necessary to create Wikipedia (I guess the platform + the content) &#8230;</p>
<p><center><img src="http://www.jepoirrier.net/blogimages/100719-goggle_boxes.png" alt="Cognitive Surplus visualised from Information Is Beautiful" /></center></p>
<p>It makes you think about either the waste television helps to produce either the potential of human brain(s) if relieved from the burden of television.</p>
<p>The second interesting post appeared in fact in <a href="http://infosthetics.com">information aesthetics</a>, a blog <em>where form follows data</em> (referencing Information is Beautiful but I can&#8217;t find this post). In <a href="http://infosthetics.com/archives/2010/07/top_secret_america.html">Top Secret America: Visualizing the National Security Buildup in the U.S.</a>, Andrew Vande Moere relates &#8220;an extensive investigative project of the Washington Post that describes the huge national security buildup in the United States after the September 11 attacks&#8221;. The <a href="http://projects.washingtonpost.com/top-secret-america/">project website</a> contains all the ingredients for a well-documented investigation with the addition of interactive maps and flash-based interfaces allowing the user to build his/her own view on the project.</p>
<p><center><img src="http://www.jepoirrier.net/blogimages/100719-top-secret.png" alt="Top Secret America from the Washington Post" /></center></p>
<p>It&#8217;s nice to see investigative journalism combined with beautiful data visualisation and handling!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jepoirrier.net/blog/2010/07/cognitive-surplus-visualised/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Software license and use of end-product</title>
		<link>http://www.jepoirrier.net/blog/2010/03/software-license-and-use-of-end-product/</link>
		<comments>http://www.jepoirrier.net/blog/2010/03/software-license-and-use-of-end-product/#comments</comments>
		<pubDate>Thu, 18 Mar 2010 23:37:29 +0000</pubDate>
		<dc:creator>Jean-Etienne</dc:creator>
				<category><![CDATA[User Interface]]></category>
		<category><![CDATA[Websites]]></category>
		<category><![CDATA[chart]]></category>
		<category><![CDATA[Creative Commons]]></category>
		<category><![CDATA[dual]]></category>
		<category><![CDATA[end product]]></category>
		<category><![CDATA[Highchart]]></category>
		<category><![CDATA[license]]></category>

		<guid isPermaLink="false">http://www.jepoirrier.net/blog/?p=431</guid>
		<description><![CDATA[In one of his buzz, Cédric Bonhomme drew my attention on the Highcharts javascript library. This library can produce beautiful charts of various types with some Ajax interaction. The only negative point imho is that it is dual-licensed and all cases deprive you from your freedom: there is a first Creative Commons Attribution-NonCommercial 3.0 License: [...]]]></description>
			<content:encoded><![CDATA[<p>In <a href="http://www.google.com/buzz/kimble.mandel/JcWHJcAeCDB/Pense-%C3%A0-de-nouveux-moyens-de-visualisations-ou">one of his buzz</a>, <a href="http://www.google.com/profiles/kimble.mandel#buzz">Cédric Bonhomme</a> drew my attention on the <a href="http://www.highcharts.com/">Highcharts</a> javascript library. This library can produce beautiful charts of various types with some Ajax interaction. The only negative point imho is that it is dual-licensed and all cases deprive you from your freedom:</p>
<ul>
<li>there is a first Creative Commons Attribution-NonCommercial 3.0 License: you can use the library for your non-profit website (see details on the <a href="http://www.highcharts.com/license">licensing page</a>) ;</li>
<li>there is a commercial license for any other website.</li>
</ul>
<p>Now what if we only need the end-product, i.e. the resulting chart, in a commercial environment? What is covered by the license is just the re-use of the javascript library in a website, not the resulting chart. If a company choose to use Highcharts internally to render some beautiful charts and just publish (*) the resulting image, I guess they can just download the library and use it (* by &#8220;publishing&#8221;, I mean: publish a scientific paper in a peer-reviewed journal, not publishing on its website). On the other hand, no one ever questioned the fact commercial companies have licenses for all the proprietary software they use to produce anything else, from charts to statistical data, just because they publish results with these software as tools. So the &#8220;trick&#8221; here would be that, by changing the medium on which you display end-results (from website to paper, even if it&#8217;s in PDF on the journal website), you can use the free-to-download license, even in a commercial environment, for an article from a commercial company. I&#8217;m not sure this was the original intention of Highslide Software.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jepoirrier.net/blog/2010/03/software-license-and-use-of-end-product/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>3DSecure not secure</title>
		<link>http://www.jepoirrier.net/blog/2010/01/3dsecure-not-secure/</link>
		<comments>http://www.jepoirrier.net/blog/2010/01/3dsecure-not-secure/#comments</comments>
		<pubDate>Thu, 28 Jan 2010 22:51:59 +0000</pubDate>
		<dc:creator>Jean-Etienne</dc:creator>
				<category><![CDATA[Computers]]></category>
		<category><![CDATA[User Interface]]></category>
		<category><![CDATA[3D secure]]></category>
		<category><![CDATA[bank]]></category>
		<category><![CDATA[iframe]]></category>
		<category><![CDATA[security]]></category>

		<guid isPermaLink="false">http://www.jepoirrier.net/blog/?p=396</guid>
		<description><![CDATA[You may have seen in various places that &#8220;3-D Secure&#8221; (aka &#8220;Verified by Visa&#8221; or &#8220;Mastercard Securecode&#8221;) is not as secure as it says. The original paper is here (PDF). Unfortunately, having implemented the 3-D Secure system via a third-party somewhere in Europe, I have to agree with the authors. I will insist here on [...]]]></description>
			<content:encoded><![CDATA[<p>You may have seen <a href="http://blog.yobi.be/2010/01/verified-by-visa-bitchslapped-by-cambridge-researchers/">in</a> <a href="http://www.pcworld.idg.com.au/article/334105">various</a> <a href="http://www.securecomputing.net.au/News/165707,researchers-slam-3d-secure-as-insecure.aspx">places</a> that &#8220;3-D Secure&#8221; (aka &#8220;Verified by Visa&#8221; or &#8220;Mastercard Securecode&#8221;) is not as secure as it says. The original paper is <a href="http://www.cl.cam.ac.uk/~rja14/Papers/fc10vbvsecurecode.pdf">here</a> (PDF).</p>
<p>Unfortunately, having implemented the 3-D Secure system via a third-party somewhere in Europe, I have to agree with the authors. I will insist here on one aspect &#8211; the inline frame &#8211; but the authors are giving more aspects and some solutions worth considering in their paper.</p>
<p>The first issue is that most merchants or banks embed the 3-D Secure page in an inline frame: the 3-D Secure page appears as if it was served by the merchant website although it comes from another website. This is similar to the hypothetical case where that image in your newspaper comes from another newspaper. You wouldn&#8217;t notice the difference (unless/until the image is completely different from your newspaper content). And, back to our topic, if a fake 3-D Secure page is given inside the inline frame, it&#8217;s difficult to notice it, the most common way of noticing it (a different URL in the address bar) is indeed hidden by the inline frame. During the development and testing, I put in place an internal, fake but similar-looking payment page and we sometimes have to think twice before knowing if we were on the fake page or in the test environment. Webpages at a merchant or a bank website are of course supposed to be kept far from crackers and villains <img src='http://www.jepoirrier.net/blog/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' />  But a man-in-the-middle attack (replacing on the fly the real payment page by a fake one allowing to collect card details) is rather easy to implement (considering actual villains know-how) and wouldn&#8217;t be noticed until they collected a certain number of card details &#8230;</p>
<p>To illustrate the above, please insert your card details below.</p>
<p><center><br />
<form action="">
<table border="0">
<tr>
<td>Card number:</td>
<td>
<input type="text" name="cardnumber"/></td>
</tr>
<tr>
<td>Expiry date:</td>
<td>
<input type="text" name="cardnumber"/></td>
</tr>
<tr>
<td>Secure code:</td>
<td>
<input type="password" name="password"/></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>
<input type="button" value="Cancel"/>
<input type="button" value="Submit"/></td>
</tr>
</table>
</form>
<p></center></p>
<p><center><img src="http://www.jepoirrier.net/blogimages/100128-3dsecure.jpg" alt="Fake 3D Secure" /></center></p>
<p>Apart from the fact this form was done in 30 seconds and doesn&#8217;t really look like a real a real payment form (and does nothing), how can you tell the difference? So, be careful when using 3D secure (with Firefox you can always right-click to see the security information about the form you are about to fill in). And always try to check the URL if it&#8217;s possible.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jepoirrier.net/blog/2010/01/3dsecure-not-secure/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Evolution of H1N1</title>
		<link>http://www.jepoirrier.net/blog/2009/10/evolution-of-h1n1/</link>
		<comments>http://www.jepoirrier.net/blog/2009/10/evolution-of-h1n1/#comments</comments>
		<pubDate>Fri, 23 Oct 2009 23:16:11 +0000</pubDate>
		<dc:creator>Jean-Etienne</dc:creator>
				<category><![CDATA[Projects]]></category>
		<category><![CDATA[User Interface]]></category>
		<category><![CDATA[evolution]]></category>
		<category><![CDATA[graph]]></category>
		<category><![CDATA[influenza]]></category>
		<category><![CDATA[pChart]]></category>
		<category><![CDATA[swine flu]]></category>

		<guid isPermaLink="false">http://www.jepoirrier.net/blog/?p=391</guid>
		<description><![CDATA[I needed some data to test the pChart charting library so I decided to use WHO data about swine flu (in its weekly updates). The only issue I had was that the WHO started to collect data by country and changed to gather data by regional offices from July 27th, 2009 onwards. So graphs below [...]]]></description>
			<content:encoded><![CDATA[<p>I needed some data to test the <a href="http://pchart.sourceforge.net/">pChart</a> charting library so I decided to use <a href="http://www.who.int/csr/disease/swineflu/en/">WHO data about swine flu</a> (in its weekly <a href="http://www.who.int/csr/disease/swineflu/updates/en/index.html">updates</a>). The only issue I had was that the WHO started to collect data by country and changed to gather data by regional offices from July 27th, 2009 onwards. So graphs below are only by regional offices.</p>
<p align="center"><img src="http://www.jepoirrier.net/h1n1/who-h1n1-csv-cases.php" alt="Evolution of A/H1N1 cases - jepoirrier.net" /></p>
<p align="center"><img src="http://www.jepoirrier.net/h1n1/who-h1n1-csv-deaths.php" alt="Evolution of A/H1N1 deaths - jepoirrier.net" /></p>
<p>For your information:</p>
<ul>
<li>AFRO: WHO Regional Office for Africa</li>
<li>AMRO: WHO Regional Office for the Americas</li>
<li>EMRO: WHO Regional Office for the Eastern Mediterranean</li>
<li>EURO: WHO Regional Office for Europe</li>
<li>SEARO: WHO Regional Office for South-East Asia</li>
<li>WPRO: WHO Regional Office for the Western Pacific</li>
</ul>
<p>I didn&#8217;t really see such graph on the web but there is the excellent <a href="http://flutracker.rhizalabs.com/">FluTracker</a> by Dr. Niman and <a href="http://en.wikipedia.org/wiki/2009_flu_pandemic">a lot of information about the swine flu on Wikipedia</a>. If you want to start interpreting these curves, you might be interested in reading <a href="http://www.squarecirclez.com/blog/h1n1-and-the-logistic-equation/3498">squareCircleZ&#8217;s post about the H1N1 and the Logistic Equation</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jepoirrier.net/blog/2009/10/evolution-of-h1n1/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Redesigned Pubmed</title>
		<link>http://www.jepoirrier.net/blog/2009/09/redesigned-pubmed/</link>
		<comments>http://www.jepoirrier.net/blog/2009/09/redesigned-pubmed/#comments</comments>
		<pubDate>Wed, 30 Sep 2009 22:41:32 +0000</pubDate>
		<dc:creator>Jean-Etienne</dc:creator>
				<category><![CDATA[Lab life]]></category>
		<category><![CDATA[User Interface]]></category>
		<category><![CDATA[oops]]></category>
		<category><![CDATA[PubMed]]></category>
		<category><![CDATA[redesigned]]></category>
		<category><![CDATA[UI]]></category>

		<guid isPermaLink="false">http://www.jepoirrier.net/blog/?p=379</guid>
		<description><![CDATA[I often wrote about Pubmed here. Briefly, it&#8217;s a search engine for publications in the biomedical domain. They recently redesigned their user interface and, although there are a lot of new things to save time that came with the new design, there is still a problem with their interface: the new search box takes too [...]]]></description>
			<content:encoded><![CDATA[<p>I often wrote about <a href="http://www.ncbi.nlm.nih.gov/pubmed/">Pubmed</a> here. Briefly, it&#8217;s a search engine for publications in the biomedical domain. They recently <a href="http://preview.ncbi.nlm.nih.gov/pubmed">redesigned their user interface</a> and, although there are a lot of new things to save time that came with the new design, there is still a problem with their interface: the new search box takes too much space &#8230;</p>
<p align="center"><img src="http://www.jepoirrier.net/blogimages/091001-pubmed-small.png" alt="Redesigned Pubmed homepage" /><br />Redesigned Pubmed homepage (<a href="http://www.jepoirrier.net/blogimages/091001-pubmed.png">bigger image</a>)</p>
<p align="center"><img src="http://www.jepoirrier.net/blogimages/091001-pubmed2-small.png" alt="Redesigned Pubmed result page" /><br />Redesigned Pubmed result page: search box is hiding the logo, the display settings and the first result  (<a href="http://www.jepoirrier.net/blogimages/091001-pubmed2.png">bigger image</a>)</p>
<p>To be fair, I must say these screenshots were taken with Firefox 3.5.3 on Fedora Linux but I didn&#8217;t see this problem with other operating systems nor other browser (not even Firefox on MS-Windows). Seems they tested their design with everything except Linux <img src='http://www.jepoirrier.net/blog/wp-includes/images/smilies/icon_sad.gif' alt=':-(' class='wp-smiley' />  (A search with Pubmed redesigned doesn&#8217;t work with text-only browsers although the previous one perfectly worked)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jepoirrier.net/blog/2009/09/redesigned-pubmed/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Taking automated screenshots from a live video camera</title>
		<link>http://www.jepoirrier.net/blog/2008/11/taking-automated-screenshots-from-a-live-video-camera/</link>
		<comments>http://www.jepoirrier.net/blog/2008/11/taking-automated-screenshots-from-a-live-video-camera/#comments</comments>
		<pubDate>Sun, 23 Nov 2008 01:06:35 +0000</pubDate>
		<dc:creator>Jean-Etienne</dc:creator>
				<category><![CDATA[Open Source]]></category>
		<category><![CDATA[User Interface]]></category>
		<category><![CDATA[composite]]></category>
		<category><![CDATA[hauppauge]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[mplayer]]></category>
		<category><![CDATA[PVR]]></category>
		<category><![CDATA[screenshot]]></category>
		<category><![CDATA[slave]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://www.epot.org/blog/?p=288</guid>
		<description><![CDATA[Following my previous post, I attached a video camera to the composite input of my tv tuner. One good thing I didn&#8217;t noticed yesterday is that mplayer can be told to directly use pvr:// as a source instead of the generic tv:// (with many options). So you just have to enter mplayer pvr:// -tv device=/dev/video1:input=0 [...]]]></description>
			<content:encoded><![CDATA[<p>Following <a href="http://www.epot.org/blog/?p=282">my previous post</a>, I attached a video camera to the composite input of my tv tuner. One good thing I didn&#8217;t noticed yesterday is that mplayer can be told to directly use <code>pvr://</code> as a source instead of the generic <code>tv://</code> (with many options). So you just have to enter <code>mplayer pvr:// -tv device=/dev/video1:input=0</code> in order to watch tv.</p>
<p>Noticed the <code>input=0</code> above? This tells the tuner to take the video signal from the tv (read the mplayer man page to see how to change the channel). Now, since I connected my video camera to the composite video in, I need to tell mplayer to use it with <code>input=1</code>. One last thing: taking a screenshot in mplayer is done by pressing the &#8216;s&#8217; key (with option <code>-vf screenshot</code>. In summary, the image below was taken with <code>mplayer pvr:// -tv device=/dev/video1:input=1:noaudio -vo x11 -vf screenshot<br />
</code> (camera facing the screen).</p>
<p align="center"><img src="http://www.jepoirrier.net/blogimages/081123-deep-screen.jpg" alt="blurry capture of computer screen taken by camera connected to tv tuner" /></p>
<p>Now I want to take one screenshot every 5 seconds, even when I&#8217;m not there to press the &#8216;s&#8217; key! For this purpose, we need to use <a href="http://linux.about.com/library/cmd/blcmdl4_fifo.htm">a fifo file</a> and mplayer in slave mode. Mplayer in slave mode will listen to commands we automatically send into the fifo file (by a different process, see below). This is how we do this:</p>
<p><code>mkfifo myfifofile.tmp<br />
mplayer -slave -input file=myfifofile.tmp pvr:// -tv device=/dev/video1:input=1:noaudio -vo x11 -vf screenshot</code></p>
<p>And from another console, we can type <code>echo "screenshot 0" >> myfifofile.tmp</code> to take the screenshot. To automate all this, the following simple bash code is sufficient:</p>
<p><code>#!/bin/bash<br />
# will send mplayer screenshot command every 5 seconds to fifo file<br />
# stop this with Ctrl + C<br />
LIMIT=0<br />
while [ $LIMIT -lt 1 ]; do<br />
        echo "screenshot 0" >> myfifofile.tmp<br />
        sleep 5<br />
done</code></p>
<p>In the end, stop the bash script with Ctrl + C and quit mplayer with <code>echo "quit" >> myfifofile.tmp</code>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jepoirrier.net/blog/2008/11/taking-automated-screenshots-from-a-live-video-camera/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>A first step toward TV on my Linux laptop</title>
		<link>http://www.jepoirrier.net/blog/2008/11/a-first-step-toward-tv-on-my-linux-laptop/</link>
		<comments>http://www.jepoirrier.net/blog/2008/11/a-first-step-toward-tv-on-my-linux-laptop/#comments</comments>
		<pubDate>Sat, 22 Nov 2008 00:31:05 +0000</pubDate>
		<dc:creator>Jean-Etienne</dc:creator>
				<category><![CDATA[Open Source]]></category>
		<category><![CDATA[User Interface]]></category>
		<category><![CDATA[Fedora]]></category>
		<category><![CDATA[firmware]]></category>
		<category><![CDATA[hauppauge]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[PVR]]></category>
		<category><![CDATA[television]]></category>
		<category><![CDATA[tv]]></category>
		<category><![CDATA[USB]]></category>
		<category><![CDATA[WinTV]]></category>

		<guid isPermaLink="false">http://www.epot.org/blog/?p=282</guid>
		<description><![CDATA[I recently got a Hauppauge WinTV-PVR-USB2 (a TV tuner, video recorder and FM receiver) because I read it was well supported on GNU/Linux. The following post explains how I installed it on a Fedora Core 9. If you want to install it with another Linux distribution, some information may vary but most of the following [...]]]></description>
			<content:encoded><![CDATA[<p>I recently got a <a href="http://www.hauppauge.com/site/products/data_pvrusb2.html">Hauppauge WinTV-PVR-USB2</a> (a TV tuner, video recorder and FM receiver) because I read it was well supported on GNU/Linux. The following post explains how I installed it on a <a href="http://fedoraproject.org/">Fedora</a> Core 9. If you want to install it with another Linux distribution, some information may vary but most of the following steps will be exactly the same.</p>
<p>First connect the USB device, the list of USB devices shows my system has recognised it:</p>
<p><code>[root@localhost ~]# lsusb<br />
Bus 002 Device 003: ID 2040:2900 Hauppauge<br />
...<br />
[root@localhost ~]# dmesg<br />
usbcore: registered new interface driver pvrusb2<br />
pvrusb2: Hauppauge WinTV-PVR-USB2 MPEG2 Encoder/Tuner : V4L in-tree version<br />
pvrusb2: Debug mask is 31 (0x1f)<br />
firmware: requesting v4l-pvrusb2-29xxx-01.fw<br />
pvrusb2: ***WARNING*** Device fx2 controller firmware seems to be missing.<br />
pvrusb2: Did you install the pvrusb2 firmware files in their proper location?<br />
pvrusb2: request_firmware unable to locate fx2 controller file v4l-pvrusb2-29xxx-01.fw<br />
pvrusb2: Failure uploading firmware1<br />
pvrusb2: Device initialization was not successful.<br />
pvrusb2: Giving up since device microcontroller firmware appears to be missing.<br />
</code></p>
<p>Although my tuner is fully recognised, the system needs <a href="http://en.wikipedia.org/wiki/Firmware">a firmware</a> in order to make it work. Where is the firmware? A quick search on a well-known search engine redirects us to <a href="http://www.isely.net/pvrusb2/setup.html#Firmware">Mike Isely&#8217;s website</a> where he explains how to get the driver (Mike actually also wrote the driver for this TV tuner). Although I got the CD with drivers for Windows, I prefer to use the latest driver that can be found on the <a href="http://www.hauppauge.com/site/support/support_pvrusb2.html">Hauppage support website</a>. Mike also writes you can get the driver from <a href="http://dl.ivtvdriver.org/ivtv/firmware/">the ivtv project</a>.</p>
<p>So I uncompress the driver in the &#8220;win_driver&#8221; directory and launch Mike Isely&#8217;s <code>fwextract.pl</code> script:</p>
<p><code>[jepoirrier@localhost hauppauge]$ mkdir win_driver<br />
[jepoirrier@localhost hauppauge]$ unzip hauppauge_cd_3.4d1.zip -d win_driver/<br />
[jepoirrier@localhost hauppauge]$ ./fwextract.pl</code></p>
<p>The script extracted 4 drivers (2 decoders and 2 encoders) and dmesg already told me the two I need: <code>v4l-pvrusb2-29xxx-01.fw</code> and <code>v4l-cx2341x-enc.fw</code> (as encoder). To know where to put these files, check a little bit on the web (this depends on your GNU/Linux distribution). On the Fedora Core 9, it&#8217;s in <code>/lib/firmware</code>, so:</p>
<p><code>[root@localhost hauppauge]# cp v4l-cx2341x-enc.fw /lib/firmware<br />
[root@localhost hauppauge]# cp v4l-pvrusb2-29xxx-01.fw /lib/firmware</code></p>
<p>Unplug your USB cable, re-plug it and a dmesg should give you <a href="http://www.jepoirrier.net/blogimages/hauppauge-dmesg.txt">a long list of what your system detected</a>, the most interesting part being the last line where it request the firmware and doesn&#8217;t stop: <code>firmware: requesting v4l-cx2341x-enc.fw</code> <img src='http://www.jepoirrier.net/blog/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' />  Now check your video devices and you should have an additional <code>/dev/videox</code>:</p>
<p><code>[root@localhost hauppauge]# ls /dev/vid*<br />
/dev/video  /dev/video0  /dev/video1</code></p>
<p>In my case, /dev/video1 is the one I need &#8230;</p>
<p>Now, how to watch TV? <a href="http://tvtime.sourceforge.net/">TVTIME</a> seems to be good but, unfortunately, my video card driver doesn&#8217;t support hardware YUY2 overlay (I have an ATI Radeon Mobility HD 2600 with the open source radeon driver). No problem: <code>mplayer /dev/video1</code> shows a very beautiful snow. Now I need an antenna or a cable to connect to my tuner &#8230;</p>
<p align="center"><img src="http://epot.org/blogimages/081122-snow.png" alt="mplayer -vo x11 /dev/video1 -vf and then s" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jepoirrier.net/blog/2008/11/a-first-step-toward-tv-on-my-linux-laptop/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

