<?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>Zoin &#187; Techno</title>
	<atom:link href="http://www.zoin.fr/category/techno/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.zoin.fr</link>
	<description></description>
	<lastBuildDate>Thu, 10 Dec 2009 09:00:20 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Guiks, c&#8217;est bien mais ça sent le gruyère</title>
		<link>http://www.zoin.fr/techno/guiks-cest-bien-mais-ca-sent-le-gruyere-167/</link>
		<comments>http://www.zoin.fr/techno/guiks-cest-bien-mais-ca-sent-le-gruyere-167/#comments</comments>
		<pubDate>Thu, 18 Jun 2009 18:21:16 +0000</pubDate>
		<dc:creator>Dalsh</dc:creator>
				<category><![CDATA[Techno]]></category>
		<category><![CDATA[Guiks]]></category>
		<category><![CDATA[hack]]></category>
		<category><![CDATA[p2p]]></category>
		<category><![CDATA[wtf]]></category>

		<guid isPermaLink="false">http://www.zoin.fr/?p=167</guid>
		<description><![CDATA[Vu ici : La fin de Guiks, juste après SnowTiger [EDIT] ;(
Commentaire de Meskalyn (le gars qui gère Guiks) :

Guiks n’est pas mort, on fait des tests SQL dessus donc le site est down.
Mais toujours accessible via HTTPS : https://www.guiks.net/ sans le CSS pour l’instant.
La maintenance va durer plusieurs jours!
Mais Guiks reviendra, la mise en [...]]]></description>
			<content:encoded><![CDATA[<p>Vu ici : <a title="La fin de Guiks, juste après SnowTiger [EDIT] ;(" href="http://renkei.fr/blog/2009/06/18/la-fin-de-guiks-juste-apres-snowtiger/">La fin de Guiks, juste après SnowTiger [EDIT] ;(</a></p>
<p><em>Commentaire de Meskalyn (le gars qui gère Guiks) :<br />
</em></p>
<blockquote><p>Guiks n’est pas mort, on fait des tests SQL dessus donc le site est down.</p>
<p>Mais toujours accessible via HTTPS : <a onclick="javascript:pageTracker._trackPageview('/outbound/comment/www.guiks.net');" rel="nofollow" href="https://www.guiks.net/">https://www.guiks.net/</a> sans le CSS pour l’instant.</p>
<p>La maintenance va durer plusieurs jours!</p>
<p>Mais Guiks reviendra, la mise en place de connexion chifrée pour empêcher le dump de bdd avec les mdp en MD5 demandent du temps!</p></blockquote>
<p>Des mots de passe en MD5 ? Ah parcequ&#8217;avant ils étaient en clair dans la base de donnée ? Et la base de donnée a été dumpée ? Franchement les gars, un peu de sérieux. Guiks c&#8217;est génial, mais c&#8217;est pas des films de vacance et des distributions linux qu&#8217;il y a sur le tracker, loin de là. Alors après l&#8217;histoire SnowTigers, dépéchez vous de combler les CSRF, XSS, injections SQL et autre joyeusetés avant que ça ne devienne sérieusement le bordel&#8230;</p>
<p>Voir aussi :</p>
<p><a title="Données privées du tracker Guiks diffusé sur la toile" href="http://www.zataz.com/news/19122/guiks--admiistrateur--vop--modo.html">Données privées du tracker Guiks diffusé sur la toile</a></p>
<p><a title="Guiks.net hacké - un effet HADOPI ?" href="http://www.viinz.com/index.php/Blog/Tribunes/Guiks.net-hacke-un-effet-HADOPI">Guiks.net hacké &#8211; un effet HADOPI ?</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.zoin.fr/techno/guiks-cest-bien-mais-ca-sent-le-gruyere-167/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HelloWorld pour Opera Unite, le navigateur qui fait frigo</title>
		<link>http://www.zoin.fr/techno/helloworld-pour-opera-unite-le-navigateur-qui-fait-frigo-108/</link>
		<comments>http://www.zoin.fr/techno/helloworld-pour-opera-unite-le-navigateur-qui-fait-frigo-108/#comments</comments>
		<pubDate>Wed, 17 Jun 2009 16:05:26 +0000</pubDate>
		<dc:creator>Dalsh</dc:creator>
				<category><![CDATA[Techno]]></category>
		<category><![CDATA[navigateur]]></category>
		<category><![CDATA[opera]]></category>
		<category><![CDATA[partage]]></category>

		<guid isPermaLink="false">http://www.zoin.fr/?p=108</guid>
		<description><![CDATA[Opera a annoncé il y a quelques temps l&#8217;arrivée imminente du &#171;&#160;web réinventé&#160;&#187;. Faute de réinvention, c&#8217;est quand même un concept intéressant qui a fait son apparition, sous la forme de Opera Unite.
Une idée simple pour beaucoup de possibilités
Concrètement, l&#8217;idée c&#8217;est que chaque utilisateur est aussi diffuseur de contenu. Par le biais de petits web-services [...]]]></description>
			<content:encoded><![CDATA[<p>Opera a annoncé il y a quelques temps l&#8217;arrivée imminente du &laquo;&nbsp;web réinventé&nbsp;&raquo;. Faute de réinvention, c&#8217;est quand même un concept intéressant qui a fait son apparition, sous la forme de <strong>Opera Unite</strong>.</p>
<h3>Une idée simple pour beaucoup de possibilités</h3>
<p>Concrètement, l&#8217;idée c&#8217;est que chaque utilisateur est aussi diffuseur de contenu. Par le biais de petits web-services hébergés sur sa machine, l&#8217;utilisateur peut mettre à disposition des galeries photo, des fichiers, de la musique en streaming, des pages web, une messagerie, ou même un frigo sur lequel n&#8217;importe qui peut venir coller un post-it. Le tout restant sur sa machine, pas besoin de passer par un serveur tiers.</p>
<p>Le fonctionnement est plutôt simple, Opera a pris son navigateur web et a mis un serveur web dedans. Le serveur, qui tourne donc sur la machine de l&#8217;utilisateur, reçoit des requêtes par le biais d&#8217;un proxy (operaunite.com) qui fait le routage. Une fois la requête reçue, celle-ci est passée à une application javascript qui s&#8217;occupe du traitement (afficher une galerie d&#8217;images, afficher le frigo, fournir un fichier, afficher une page web).</p>
<p>En pratique, on accède à la page Unite de quelqu&#8217;un grace à une adresse de la forme : http://nomMachine.nomUtilisateur.operaunite.com/nomApplication/<br />
Par exemple, pour accéder à mon frigo il faudra aller à cette url : <a href="http://home.dalsh.operaunite.com/fridge/" target="_blank">http://home.dalsh.operaunite.com/fridge/</a>.</p>
<h3>Quelques détails techniques</h3>
<p>L&#8217;intention d&#8217;Opera est clairement de créer une communauté aussi bien d&#8217;utilisateurs, que de développeurs capables de créer de nouvelles applications Unite, à la manière de firefox et ses extensions. Une application Unite se présente sous la forme d&#8217;un fichier .us (Unite Service) qui n&#8217;est en fait qu&#8217;une archive. À l&#8217;intérieur, un fichier <em>config.xml</em> qui contient le nom du service, sa description, le nom de l&#8217;auteur etc, et un fichier <em>index.html</em>, point d&#8217;entrée du service qui en contient toute la logique. Alors bien sur on peut diviser le code en autant de fichiers que l&#8217;on veut, mais au minimum il ne faut que cela, 2 fichiers dans une archive.</p>
<p>Pour communiquer avec le serveur intégré au navigateur, opera fourni une API toute simple. Voici un petit Hello World pour illustrer :<br />
<br />
<em>config.xml</em></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
</pre></td><td class="code"><pre class="xml" style="font-family:monospace;"><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;widget<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;widgetname<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>Hello World<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/widgetname<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;description<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>Hello World pour Opera Unite<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/description<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;author<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
    <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;name<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>Dalsh<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/name<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/author<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;feature</span> <span style="color: #000066;">name</span>=<span style="color: #ff0000;">&quot;http://xmlns.opera.com/webserver&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
    <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;param</span> <span style="color: #000066;">name</span>=<span style="color: #ff0000;">&quot;type&quot;</span> <span style="color: #000066;">value</span>=<span style="color: #ff0000;">&quot;service&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
    <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;param</span> <span style="color: #000066;">name</span>=<span style="color: #ff0000;">&quot;servicepath&quot;</span> <span style="color: #000066;">value</span>=<span style="color: #ff0000;">&quot;helloworld&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
  <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/feature<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/widget<span style="color: #000000; font-weight: bold;">&gt;</span></span></span></pre></td></tr></table></div>

<p><em>index.html</em></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #339933;">&lt;!</span>DOCTYPE html<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>script<span style="color: #339933;">&gt;</span>
<span style="color: #003366; font-weight: bold;">var</span> webserver<span style="color: #339933;">;</span>
&nbsp;
window.<span style="color: #000066;">onload</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">function</span> <span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
&nbsp;
    webserver <span style="color: #339933;">=</span> opera.<span style="color: #660066;">io</span>.<span style="color: #660066;">webserver</span>
&nbsp;
    <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>webserver<span style="color: #009900;">&#41;</span>
    <span style="color: #009900;">&#123;</span>
        webserver.<span style="color: #660066;">addEventListener</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'_index'</span><span style="color: #339933;">,</span> helloWorld<span style="color: #339933;">,</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #003366; font-weight: bold;">function</span> helloWorld<span style="color: #009900;">&#40;</span>e<span style="color: #009900;">&#41;</span>
<span style="color: #009900;">&#123;</span>
    <span style="color: #003366; font-weight: bold;">var</span> response <span style="color: #339933;">=</span> e.<span style="color: #660066;">connection</span>.<span style="color: #660066;">response</span><span style="color: #339933;">;</span>
    response.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span> <span style="color: #3366CC;">'&lt;!DOCTYPE html&gt;'</span>
        <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&lt;html&gt;&lt;head&gt;&lt;title&gt;HelloWorld!&lt;/title&gt;&lt;/head&gt;'</span>
        <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&lt;body&gt;&lt;h1&gt;Hello World !&lt;/h1&gt;&lt;/body&gt;'</span>
        <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&lt;/html&gt;'</span>
    <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    response.<span style="color: #000066;">close</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #339933;">&lt;/</span>script<span style="color: #339933;">&gt;</span></pre></td></tr></table></div>

<p>
C&#8217;est de l&#8217;<em>event-based</em>, donc assez simple.
</p>
<p>
<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>11
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;">webserver.<span style="color: #660066;">addEventListener</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'_index'</span><span style="color: #339933;">,</span> helloWorld<span style="color: #339933;">,</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<p>addEventListener permet de d&#8217;associer un événement à un callback. Ici, quand la racine du module est demandée on éxecutera la fonction helloWorld
</p>
<p>
<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>17
18
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">var</span> response <span style="color: #339933;">=</span> e.<span style="color: #660066;">connection</span>.<span style="color: #660066;">response</span><span style="color: #339933;">;</span>
response.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span>...<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<p>Les fonctions callback prennent un événement en argument. Cet événement contient la requête ( <em>e.connection.request</em> ) et la réponse dans laquelle il va falloir écrire le résultat à envoyer au client.
</p>
<p>Pour tester il suffit de zipper les deux fichiers dans une archive <em>helloworld.us</em> et de glisser l&#8217;archive dans Opera. Ensuite, on va à l&#8217;adresse <em>http://machine.utilisateur.operaunite.com/helloworld/</em>.</p>
<p>A noter, il est aussi possible de ne pas utiliser le serveur <em>operaunite.com</em>. Le serveur web est configuré par défaut pour écouter le port 8840 et rien ne vous empêche d&#8217;y accéder directement via <em>http://votreip:8840/</em>, à condition que votre routeur soit configuré correctement ou compatible UPnP. </p>
<p></p>
<p>Au final, même si Unite est prometteur Opera risque de souffrir de la faiblesse de sa base d&#8217;utilisateurs, plutôt réduite. Personnellement je me servais déjà d&#8217;Opera et je trouve ces nouvelles fonctionnalités tout à fait bienvenues, mais je doute que les utilisateurs habitués à firefox ou safari soient près à changer leurs habitudes uniquement pour Unite.</p>
<p>En tous cas je vous invite à tester, en <a href="http://unite.opera.com/" target="blank">téléchargeant Opera Unite</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.zoin.fr/techno/helloworld-pour-opera-unite-le-navigateur-qui-fait-frigo-108/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google squared, du nouveau chez Google labs</title>
		<link>http://www.zoin.fr/techno/google-squared-du-nouveau-chez-google-labs-77/</link>
		<comments>http://www.zoin.fr/techno/google-squared-du-nouveau-chez-google-labs-77/#comments</comments>
		<pubDate>Mon, 15 Jun 2009 22:44:44 +0000</pubDate>
		<dc:creator>Dalsh</dc:creator>
				<category><![CDATA[Techno]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[outils]]></category>
		<category><![CDATA[recherche]]></category>

		<guid isPermaLink="false">http://www.zoin.fr/?p=77</guid>
		<description><![CDATA[&#171;&#160;Carrez vos résultats de recherche avec Google squared&#171;&#160;  (oui carrer c&#8217;est un verbe, ça veut dire &#171;&#160;rendre carré&#160;&#187;), nous dit google (voir l&#8217;article du blog google). Google squared est une nouvelle façon plutôt intéressante de présenter les résultats d&#8217;une recherche.
Tapez un sujet en anglais et au pluriel (par exemple &#171;&#160;US presidents&#160;&#187; ou &#171;&#160;romantic movies&#160;&#187; comme suggéré [...]]]></description>
			<content:encoded><![CDATA[<p>&laquo;&nbsp;<strong>Carrez vos résultats de recherche avec Google squared</strong>&laquo;&nbsp;  (oui carrer c&#8217;est un verbe, ça veut dire &laquo;&nbsp;rendre carré&nbsp;&raquo;), nous dit <strong>google</strong> (<a href="http://googleblog.blogspot.com/2009/06/square-your-search-results-with-google.html" target="_blank">voir l&#8217;article du blog google</a>). <strong>Google squared</strong> est une nouvelle façon plutôt intéressante de présenter les résultats d&#8217;une recherche.</p>
<p>Tapez un sujet en anglais et au pluriel (par exemple &laquo;&nbsp;US presidents&nbsp;&raquo; ou &laquo;&nbsp;romantic movies&nbsp;&raquo; comme suggéré par le site), et vous obtenez un tableau comparatif des résultats, dont les colonnes sont créées automatiquement et modifiables manuellement.</p>
<p style="text-align: center;"><a href="http://www.zoin.fr/wp-content/uploads/2009/06/google_squared_zombie_movies.jpg"><img class="size-medium wp-image-80 aligncenter" title="google squared" src="http://www.zoin.fr/wp-content/uploads/2009/06/google_squared_zombie_movies-300x172.jpg" alt="google squared" width="300" height="172" /></a><em>Certaines recherches renvoient des tableaux complets et pertinents</em></p>
<p style="text-align: left;">Par exemple si je cherche <em>cellphones</em>, j&#8217;obtiens une liste de téléphones avec référence, photo, description, marque, et quelques détails techniques. Si je veux aussi le prix, j&#8217;ajoute simplement la colonne <em>price</em>, et j&#8217;obtiens&#8230; à peu près n&#8217;importe quoi. Squared n&#8217;est pas tout à fait au point, et n&#8217;est que moyennement utilisable, mais c&#8217;est une expérience intéressante dont je ne serais pas surpris de retrouver des morceaux dans d&#8217;autres futurs applications de google, comme google wave.</p>
<p style="text-align: left;"><a href="http://www.google.com/squared" target="_blank">La page google squared</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.zoin.fr/techno/google-squared-du-nouveau-chez-google-labs-77/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Yopmail, email jetable</title>
		<link>http://www.zoin.fr/techno/yopmail-email-jetable-38/</link>
		<comments>http://www.zoin.fr/techno/yopmail-email-jetable-38/#comments</comments>
		<pubDate>Thu, 11 Jun 2009 09:21:42 +0000</pubDate>
		<dc:creator>Dalsh</dc:creator>
				<category><![CDATA[Techno]]></category>
		<category><![CDATA[email]]></category>
		<category><![CDATA[jetable]]></category>
		<category><![CDATA[vie privée]]></category>

		<guid isPermaLink="false">http://www.zoin.fr/?p=38</guid>
		<description><![CDATA[Parlons d'un service web que l'on peut qualifier d'indispensable, je pense. Il s'agit de Yopmail, un service d'email jetable idéal pour fournir une adresse à des sites louches, ou des trucs où l'on ne reviendra probablement jamais.]]></description>
			<content:encoded><![CDATA[<p>Parlons d&#8217;un service web que l&#8217;on peut qualifier d&#8217;indispensable, je pense. Il s&#8217;agit de <a href="http://www.yopmail.com/">Yopmail</a>, un service d&#8217;email jetable idéal pour fournir une adresse à des sites louches, ou des trucs où l&#8217;on ne reviendra probablement jamais.</p>
<p>La différence avec un site tel que <a title="jetable.org" href="http://www.jetable.org" target="_blank">jetable.org</a> est que vous avez accès à un véritable webmail où vous pourrez accéder aux mails reçus (confirmation d&#8217;inscription, etc) pendant 5 jour.</p>
<div style="text-align: center;"><a href="http://www.zoin.fr/wp-content/uploads/2009/06/yopmail-screenshot.png"><img style="max-width: 800px;" src="http://www.zoin.fr/wp-content/uploads/2009/06/yopmail-screenshot.png" alt="" width="330" height="217" /></a></div>
<div style="text-align: center;"><em>Evitez ce genre de choses</em></div>
<p>Ici, vous n&#8217;avez pas à fournir votre véritable adresse email, il ne s&#8217;agit pas d&#8217;une redirection. Pas besoin non plus de s&#8217;inscrire. Il suffit de choisir un nom, par exemple zoin, pour accéder à la boite mail zoin@yopmail.com, pour laquelle nous est aussi fourni un alias plus crédible (certains sites n&#8217;acceptent pas les adresses jetables).</p>
<p>Attention toutefois, la boite mail temporaire que vous utilisez est potentiellement accessible par n&#8217;importe qui, alors hors de question de l&#8217;utiliser pour recevoir des informations confidentielles ou pour tenir une conversation (même si les emails peuvent être supprimés manuellement), mieux vaut préférer <a href="http://www.jetable.org">jetable.org</a> pour ce genre d&#8217;utilisation.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.zoin.fr/techno/yopmail-email-jetable-38/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

