<?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>Planète Du Geek &#124; Hazout Ilane</title>
	<atom:link href="http://www.planetedugeek.fr/index.php/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.planetedugeek.fr</link>
	<description>Un Geek pas comme les autres</description>
	<lastBuildDate>Fri, 22 Apr 2011 16:30:50 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
		<item>
		<title>Polaroid style avec ImageMagick</title>
		<link>http://www.planetedugeek.fr/index.php/2011/04/22/polaroid-style-avec-imagemagick/</link>
		<comments>http://www.planetedugeek.fr/index.php/2011/04/22/polaroid-style-avec-imagemagick/#comments</comments>
		<pubDate>Fri, 22 Apr 2011 16:30:50 +0000</pubDate>
		<dc:creator>Hazout Ilane</dc:creator>
				<category><![CDATA[Générale]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[Non classé]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[imagemagick]]></category>
		<category><![CDATA[mogrify]]></category>
		<category><![CDATA[polaroid]]></category>
		<category><![CDATA[Ubuntu]]></category>

		<guid isPermaLink="false">http://www.planetedugeek.fr/?p=1164</guid>
		<description><![CDATA[Voici une petite technique très pratique si vous souhaitez transformer une série de photos avec le style &#171;&#160;polaroïd&#160;&#187;. Bien sûr, vous pouvez le faire avec Gimp ou un autre outil de retouche. L&#8217;objectif ici étant d&#8217;automatiser cette tache pour appliquer le style &#171;&#160;polaroïdé&#160;&#187; à un répertoire d&#8217;images par exemple. Pour cela, nous allons utiliser ImageMagick. [...]]]></description>
			<content:encoded><![CDATA[<div style="text-align: justify;">Voici une petite technique très pratique si vous souhaitez transformer une série de photos avec le style &laquo;&nbsp;polaroïd&nbsp;&raquo;. Bien sûr, vous pouvez le faire avec Gimp ou un autre outil de retouche. L&#8217;objectif ici étant d&#8217;automatiser cette tache pour appliquer le style &laquo;&nbsp;polaroïdé&nbsp;&raquo; à un répertoire d&#8217;images par exemple. Pour cela, nous allons utiliser <a href="http://doc.ubuntu-fr.org/imagemagick">ImageMagick</a>. Cet outil en ligne de commande permet de faire pas mal de choses : redimensionner des photos, convertir des formats pour ne citer que ces deux exemples. Pour ceux qui ne connaissent pas, je vous invite à faire un tour sur leur <a href="http://www.imagemagick.org/script/index.php">page web.</a></div>
<p><span id="more-1164"></span></p>
<p><strong>Pré-requis :</strong></p>
<p>- Installer ImageMagick :</p>
<pre class="brush: bash; title: ;">sudo apt-get install imagemagick</pre>
<p><strong>Conversion d&#8217;image :</strong></p>
<p>- Conversion de notre photo avec un redimensionnement de l&#8217;image :</p>
<pre class="brush: bash; title: ;">convert -caption &quot;Un message&quot; image.jpg -thumbnail 450x450 -gravity center -background black -bordercolor white -polaroid 10 final_image.png</pre>
<p>NB : On rajoute un petit message avec -caption<br />
-thumbnail 450&#215;450 : Pour redimensionner l&#8217;image (attention on prend une image de grande taille pour la réduire et pas l&#8217;inverse <img src='http://www.planetedugeek.fr/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  )</p>
<p>- Conversion de notre photo sans redimensionnement de l&#8217;image :</p>
<pre class="brush: bash; title: ;">convert  -font Candice -pointsize 12 -caption &quot;Un message&quot; image.jpg -gravity center -background black +polaroid final_image.png</pre>
<p>NB : -pointsize 12 défini la taille de la police</p>
<p>- Une petite dernière pour la route, avec une petite inclinaison :</p>
<pre class="brush: bash; title: ;">convert -caption &quot;Un message&quot; image.jpg -thumbnail 450x450 -gravity center -background black -bordercolor white -polaroid 10 final_image.png</pre>
<p>NB : -polaroid 10 indique l&#8217;inclinaison</p>
<p><strong>Voici le résultat en image : </strong></p>
<p><a href="http://www.planetedugeek.fr/wp-content/uploads/2011/04/final_image.png"><img class="alignnone size-medium wp-image-1174" title="final_image" src="http://www.planetedugeek.fr/wp-content/uploads/2011/04/final_image-300x247.png" alt="" width="300" height="247" /></a></p>
<div style="text-align: justify;">Enfin, si vous faîtes attention à la taille de l&#8217;image, vous remarquerez que l&#8217;image a pris du poids. Un petit coup de compression avec :</div>
<pre class="brush: bash; title: ;">mogrify -quality 60 final_image.png</pre>
<p>Voilà ma &laquo;&nbsp;petite boîte à outil images&nbsp;&raquo;, il existe un grand nombre de commandes inclus dans le paquet ImageMagick. A vous de les découvrir et de les partager. Ouh la ! j&#8217;ai oublié une chose pour appliquer ce style à un répertoire. Je vous mets sur la voie : on utilise la commande for. Un petit exemple :</p>
<pre class="brush: bash; title: ;">cd mon_rep_imahe; for i in *; do convert $i -gravity center -background black +polaroid &quot;$(echo $i.new)&quot;; done</pre>
<p><strong>Sources :</strong></p>
<p><a href="http://www.imagemagick.org/Usage/annotating/">ImageMagick</a><br />
<a href="http://www.ioncannon.net/">ioncannon</a></p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-shr">
<ul class="socials">
		<li class="shr-comfeed">
			<a href="http://www.planetedugeek.fr/index.php/2011/04/22/polaroid-style-avec-imagemagick/feed" rel="nofollow" class="external" title="Subscribe to the comments for this post?">Subscribe to the comments for this post?</a>
		</li>
		<li class="shr-delicious">
			<a href="http://www.shareaholic.com/api/share/?title=Polaroid+style+avec+ImageMagick&amp;link=http://www.planetedugeek.fr/index.php/2011/04/22/polaroid-style-avec-imagemagick/&amp;notes=Voici%20une%20petite%20technique%20tr%C3%A8s%20pratique%20si%20vous%20souhaitez%20transformer%20une%20s%C3%A9rie%20de%20photos%20avec%20le%20style%20%22polaro%C3%AFd%22.%20Bien%20s%C3%BBr%2C%20vous%20pouvez%20le%20faire%20avec%20Gimp%20ou%20un%20autre%20outil%20de%20retouche.%20L%27objectif%20ici%20%C3%A9tant%20d%27automatiser%20cette%20tache%20pour%20appliquer%20le%20style%20%22polaro%C3%AFd%C3%A9%22%20%C3%A0%20un%20r%C3%A9pertoire%20d%27i&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=2&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.shareaholic.com/api/share/?title=Polaroid+style+avec+ImageMagick&amp;link=http://www.planetedugeek.fr/index.php/2011/04/22/polaroid-style-avec-imagemagick/&amp;notes=Voici%20une%20petite%20technique%20tr%C3%A8s%20pratique%20si%20vous%20souhaitez%20transformer%20une%20s%C3%A9rie%20de%20photos%20avec%20le%20style%20%22polaro%C3%AFd%22.%20Bien%20s%C3%BBr%2C%20vous%20pouvez%20le%20faire%20avec%20Gimp%20ou%20un%20autre%20outil%20de%20retouche.%20L%27objectif%20ici%20%C3%A9tant%20d%27automatiser%20cette%20tache%20pour%20appliquer%20le%20style%20%22polaro%C3%AFd%C3%A9%22%20%C3%A0%20un%20r%C3%A9pertoire%20d%27i&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=5&amp;tags=&amp;ctype=" rel="nofollow" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-friendfeed">
			<a href="http://www.shareaholic.com/api/share/?title=Polaroid+style+avec+ImageMagick&amp;link=http://www.planetedugeek.fr/index.php/2011/04/22/polaroid-style-avec-imagemagick/&amp;notes=Voici%20une%20petite%20technique%20tr%C3%A8s%20pratique%20si%20vous%20souhaitez%20transformer%20une%20s%C3%A9rie%20de%20photos%20avec%20le%20style%20%22polaro%C3%AFd%22.%20Bien%20s%C3%BBr%2C%20vous%20pouvez%20le%20faire%20avec%20Gimp%20ou%20un%20autre%20outil%20de%20retouche.%20L%27objectif%20ici%20%C3%A9tant%20d%27automatiser%20cette%20tache%20pour%20appliquer%20le%20style%20%22polaro%C3%AFd%C3%A9%22%20%C3%A0%20un%20r%C3%A9pertoire%20d%27i&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=43&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on FriendFeed">Share this on FriendFeed</a>
		</li>
		<li class="shr-identica">
			<a href="http://www.shareaholic.com/api/share/?title=TITLE&amp;link=PERMALINK&amp;notes=Voici%20une%20petite%20technique%20tr%C3%A8s%20pratique%20si%20vous%20souhaitez%20transformer%20une%20s%C3%A9rie%20de%20photos%20avec%20le%20style%20%22polaro%C3%AFd%22.%20Bien%20s%C3%BBr%2C%20vous%20pouvez%20le%20faire%20avec%20Gimp%20ou%20un%20autre%20outil%20de%20retouche.%20L%27objectif%20ici%20%C3%A9tant%20d%27automatiser%20cette%20tache%20pour%20appliquer%20le%20style%20%22polaro%C3%AFd%C3%A9%22%20%C3%A0%20un%20r%C3%A9pertoire%20d%27i&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=205&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Post this to Identica">Post this to Identica</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.shareaholic.com/api/share/?title=Polaroid+style+avec+ImageMagick&amp;link=http://www.planetedugeek.fr/index.php/2011/04/22/polaroid-style-avec-imagemagick/&amp;notes=Voici%20une%20petite%20technique%20tr%C3%A8s%20pratique%20si%20vous%20souhaitez%20transformer%20une%20s%C3%A9rie%20de%20photos%20avec%20le%20style%20%22polaro%C3%AFd%22.%20Bien%20s%C3%BBr%2C%20vous%20pouvez%20le%20faire%20avec%20Gimp%20ou%20un%20autre%20outil%20de%20retouche.%20L%27objectif%20ici%20%C3%A9tant%20d%27automatiser%20cette%20tache%20pour%20appliquer%20le%20style%20%22polaro%C3%AFd%C3%A9%22%20%C3%A0%20un%20r%C3%A9pertoire%20d%27i&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=88&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on LinkedIn">Share this on LinkedIn</a>
		</li>
		<li class="shr-twitter">
			<a href="http://www.shareaholic.com/api/share/?title=Polaroid+style+avec+ImageMagick&amp;link=http://www.planetedugeek.fr/index.php/2011/04/22/polaroid-style-avec-imagemagick/&amp;notes=Voici%20une%20petite%20technique%20tr%C3%A8s%20pratique%20si%20vous%20souhaitez%20transformer%20une%20s%C3%A9rie%20de%20photos%20avec%20le%20style%20%22polaro%C3%AFd%22.%20Bien%20s%C3%BBr%2C%20vous%20pouvez%20le%20faire%20avec%20Gimp%20ou%20un%20autre%20outil%20de%20retouche.%20L%27objectif%20ici%20%C3%A9tant%20d%27automatiser%20cette%20tache%20pour%20appliquer%20le%20style%20%22polaro%C3%AFd%C3%A9%22%20%C3%A0%20un%20r%C3%A9pertoire%20d%27i&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%24%7Btitle%7D+-+%24%7Bshort_link%7D+via+%40ilane_hazout&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="shr-viadeo">
			<a href="http://www.shareaholic.com/api/share/?title=Polaroid+style+avec+ImageMagick&amp;link=http://www.planetedugeek.fr/index.php/2011/04/22/polaroid-style-avec-imagemagick/&amp;notes=Voici%20une%20petite%20technique%20tr%C3%A8s%20pratique%20si%20vous%20souhaitez%20transformer%20une%20s%C3%A9rie%20de%20photos%20avec%20le%20style%20%22polaro%C3%AFd%22.%20Bien%20s%C3%BBr%2C%20vous%20pouvez%20le%20faire%20avec%20Gimp%20ou%20un%20autre%20outil%20de%20retouche.%20L%27objectif%20ici%20%C3%A9tant%20d%27automatiser%20cette%20tache%20pour%20appliquer%20le%20style%20%22polaro%C3%AFd%C3%A9%22%20%C3%A0%20un%20r%C3%A9pertoire%20d%27i&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=92&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Viadeo">Share this on Viadeo</a>
		</li>
		<li class="shr-wikio">
			<a href="http://www.shareaholic.com/api/share/?title=Polaroid+style+avec+ImageMagick&amp;link=http://www.planetedugeek.fr/index.php/2011/04/22/polaroid-style-avec-imagemagick/&amp;notes=Voici%20une%20petite%20technique%20tr%C3%A8s%20pratique%20si%20vous%20souhaitez%20transformer%20une%20s%C3%A9rie%20de%20photos%20avec%20le%20style%20%22polaro%C3%AFd%22.%20Bien%20s%C3%BBr%2C%20vous%20pouvez%20le%20faire%20avec%20Gimp%20ou%20un%20autre%20outil%20de%20retouche.%20L%27objectif%20ici%20%C3%A9tant%20d%27automatiser%20cette%20tache%20pour%20appliquer%20le%20style%20%22polaro%C3%AFd%C3%A9%22%20%C3%A0%20un%20r%C3%A9pertoire%20d%27i&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=&amp;tags=&amp;ctype=" rel="nofollow" class="external" title=""></a>
		</li>
</ul><div style="clear: both;"></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.planetedugeek.fr/index.php/2011/04/22/polaroid-style-avec-imagemagick/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Installer OpenUpload &#124; How to OpenUpload</title>
		<link>http://www.planetedugeek.fr/index.php/2011/03/29/installer-openupload-howto-openupload/</link>
		<comments>http://www.planetedugeek.fr/index.php/2011/03/29/installer-openupload-howto-openupload/#comments</comments>
		<pubDate>Tue, 29 Mar 2011 20:06:11 +0000</pubDate>
		<dc:creator>Hazout Ilane</dc:creator>
				<category><![CDATA[Générale]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[apache2]]></category>
		<category><![CDATA[OpenUpload]]></category>
		<category><![CDATA[php5]]></category>
		<category><![CDATA[Ubuntu]]></category>

		<guid isPermaLink="false">http://www.planetedugeek.fr/?p=1127</guid>
		<description><![CDATA[Il y a quelque temps je vous parlais de différentes solutions pour uploader des fichiers sur son serveur. Dans cet article, je vais détailler les différentes étapes d&#8217;installation de OpenUpload. Quand on lit le manuel d&#8217;installation &#171;&#160;INSTALL&#160;&#187; à la racine du tar.gz, on se dit que ce n&#8217;est pas très compliqué sauf que l&#8217;assistant d&#8217;installation [...]]]></description>
			<content:encoded><![CDATA[<div style="text-align: justify;">Il y a quelque temps je vous parlais de différentes solutions pour uploader des fichiers sur son serveur. Dans cet article, je vais détailler les différentes étapes d&#8217;installation de <a href="http://openupload.sourceforge.net/" target="_blank">OpenUpload</a>. Quand on lit le manuel d&#8217;installation &laquo;&nbsp;INSTALL&nbsp;&raquo; à la racine du tar.gz, on se dit que ce n&#8217;est pas très compliqué sauf que l&#8217;assistant d&#8217;installation ne marche pas bien pour restaurer le <a href="http://fr.wikipedia.org/wiki/Dump" target="_blank">Dump </a>de la base de données.</div>
<div style="text-align: justify;"></div>
<p><span id="more-1127"></span></p>
<p><strong>On a besoin de quoi ?</strong></p>
<p>- Le tar.gz téléchargeable <a href="http://freefr.dl.sourceforge.net/project/openupload/openupload/v0.4/openupload-0.4.2.tar.gz">ICI</a><a href="http://www.planetedugeek.fr/wp-content/uploads/2011/03/openupload.jpg"><img class="size-full wp-image-1147 alignright" title="openupload" src="http://www.planetedugeek.fr/wp-content/uploads/2011/03/openupload.jpg" alt="" width="103" height="110" /></a><br />
- Un serveur Apache avec PHP 5.x<br />
- Une base de données (MySQL / PostgreSql) dans mon exemple, je détaille avec MySQL.<br />
- Un <strong>/etc/php5/apache2/php.in</strong> avec les bonnes options Activées/Désactivées</p>
<p><strong>Installation</strong></p>
<pre class="brush: bash; title: ;">wget http://tux-pla.net/7ez
tar xvf openupload-0.4.2.tar.gz
sudo mv openupload-0.4.2 /var/www/
</pre>
<p>Avant de commencer l’assistant d&#8217;installation, voici les éléments à modifier dans<br />
<strong>/etc/php5/apache2/php.in</strong> :</p>
<pre class="brush: bash; title: ;">
file_uploads = On
upload_max_filesize = 20M ; A vous d'ajuster en fonction des besoins
magic_quotes_gpc = Off
magic_quotes_runtime = Off
</pre>
<p>Quelques infos pour éviter les problèmes de droits : votre serveur web doit avoir le droit en écriture sur les répertoires suivants :</p>
<p>- /var/www/openupload-0.4.2/data/<br />
- /var/www/openupload-0.4.2/data/tmp<br />
- /var/www/openupload-0.4.2/templates_c</p>
<p>Pour faire simple :</p>
<pre class="brush: bash; title: ;">
chown -R root:www-data /var/www/openupload-0.4.2/data/
chown -R root:www-data /var/www/openupload-0.4.2/data/tmp/
chown -R root:www-data /var/www/openupload-0.4.2/templates_c/
</pre>
<p>Je n&#8217;aime pas vraiment laisser le user www-data écrire dans un répertoire, c&#8217;est pourquoi je vous conseille de rajouter un <a href="http://fr.wikipedia.org/wiki/Htaccess">.htaccess</a> sur le répertoire <strong>/var/www/openupload-0.4.2/</strong></p>
<p>Voilà, à partir de là, on peut lancer l&#8217;assistant d&#8217;installation avec l&#8217;url <a href="http://localhost/openupload-0.4.2">http://localhost/openupload-0.4.2</a></p>
<p>Voici en quelques images les différentes étapes :</p>
<p><a href="http://www.planetedugeek.fr/wp-content/uploads/2011/03/openUpload_install1.png"><img class="alignnone size-medium wp-image-1130" title="openUpload_install1" src="http://www.planetedugeek.fr/wp-content/uploads/2011/03/openUpload_install1-300x233.png" alt="" width="300" height="233" /></a><a href="http://www.planetedugeek.fr/wp-content/uploads/2011/03/openUpload_install2.png"><img class="alignnone size-medium wp-image-1131" title="openUpload_install2" src="http://www.planetedugeek.fr/wp-content/uploads/2011/03/openUpload_install2-300x245.png" alt="" width="300" height="245" /></a></p>
<p>Vous choisissez les plugins et enfin sauvegardez la configuration :</p>
<p><a href="http://www.planetedugeek.fr/wp-content/uploads/2011/03/openUpload_install3.png"><img class="alignnone size-medium wp-image-1134" title="openUpload_install3" src="http://www.planetedugeek.fr/wp-content/uploads/2011/03/openUpload_install3-300x243.png" alt="" width="300" height="243" /></a><a href="http://www.planetedugeek.fr/wp-content/uploads/2011/03/openUpload_install4.png"><img class="alignnone size-medium wp-image-1135" title="openUpload_install4" src="http://www.planetedugeek.fr/wp-content/uploads/2011/03/openUpload_install4-300x206.png" alt="" width="308" height="211" /></a></p>
<div style="text-align: justify;">
<p>Pour sauvegarder la configuration, je vous conseille de télécharger le fichier en question et de copier son contenu directement dans config.inc.php. Cela vous évite de jouer avec les droits des répertoires&#8230; Une fois le fichier de configuration renommé en config.inc.php, on se dit que tout va fonctionner à merveille. Et bien non, on fait un petit tour sur MySql et là stupeur, la base de données openupload est vide. Voici comment corriger le problème.<strong>MAJ de la base de données :</strong></p>
<pre class="brush: sql; title: ;">
mysql   -u   -p &lt; sql/mysql/1_structure.sql
mysql   -u   -p &lt; sql/mysql/2_base.sql
</pre>
<p>Enfin on retourne sur notre page web <a href="http://localhost/openupload-0.4.2">http://localhost/openupload-0.4.2</a>, voila votre openUpload est installé. Oui une info quand même, mot de passe et login par défaut admin/admin. A modifier après la première connexion.</p>
<p><a href="http://www.planetedugeek.fr/wp-content/uploads/2011/03/openUpload_install5.png"><img class="aligncenter size-medium wp-image-1136" title="openUpload_install5" src="http://www.planetedugeek.fr/wp-content/uploads/2011/03/openUpload_install5-300x116.png" alt="" width="300" height="116" /></a></p>
</div>
<p><strong>Sources :</strong><br />
<a href="http://openupload.sourceforge.net/" target="_blank">openupload</a><br />
<a href="http://blog.opensyd.fr/open-upload-plateforme-open-source-de-partage-de-fichiers/" target="_blank">opensyd</a></p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-shr">
<ul class="socials">
		<li class="shr-comfeed">
			<a href="http://www.planetedugeek.fr/index.php/2011/03/29/installer-openupload-howto-openupload/feed" rel="nofollow" class="external" title="Subscribe to the comments for this post?">Subscribe to the comments for this post?</a>
		</li>
		<li class="shr-delicious">
			<a href="http://www.shareaholic.com/api/share/?title=Installer+OpenUpload+%7C+How+to+OpenUpload&amp;link=http://www.planetedugeek.fr/index.php/2011/03/29/installer-openupload-howto-openupload/&amp;notes=Il%20y%20a%20quelque%20temps%20je%20vous%20parlais%20de%20diff%C3%A9rentes%20solutions%20pour%20uploader%20des%20fichiers%20sur%20son%20serveur.%20Dans%20cet%20article%2C%20je%20vais%20d%C3%A9tailler%20les%20diff%C3%A9rentes%20%C3%A9tapes%20d%27installation%20de%20OpenUpload.%20Quand%20on%20lit%20le%20manuel%20d%27installation%20%22INSTALL%22%20%C3%A0%20la%20racine%20du%20tar.gz%2C%20on%20se%20dit%20que%20ce%20n%27est%20pas%20tr&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=2&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.shareaholic.com/api/share/?title=Installer+OpenUpload+%7C+How+to+OpenUpload&amp;link=http://www.planetedugeek.fr/index.php/2011/03/29/installer-openupload-howto-openupload/&amp;notes=Il%20y%20a%20quelque%20temps%20je%20vous%20parlais%20de%20diff%C3%A9rentes%20solutions%20pour%20uploader%20des%20fichiers%20sur%20son%20serveur.%20Dans%20cet%20article%2C%20je%20vais%20d%C3%A9tailler%20les%20diff%C3%A9rentes%20%C3%A9tapes%20d%27installation%20de%20OpenUpload.%20Quand%20on%20lit%20le%20manuel%20d%27installation%20%22INSTALL%22%20%C3%A0%20la%20racine%20du%20tar.gz%2C%20on%20se%20dit%20que%20ce%20n%27est%20pas%20tr&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=5&amp;tags=&amp;ctype=" rel="nofollow" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-friendfeed">
			<a href="http://www.shareaholic.com/api/share/?title=Installer+OpenUpload+%7C+How+to+OpenUpload&amp;link=http://www.planetedugeek.fr/index.php/2011/03/29/installer-openupload-howto-openupload/&amp;notes=Il%20y%20a%20quelque%20temps%20je%20vous%20parlais%20de%20diff%C3%A9rentes%20solutions%20pour%20uploader%20des%20fichiers%20sur%20son%20serveur.%20Dans%20cet%20article%2C%20je%20vais%20d%C3%A9tailler%20les%20diff%C3%A9rentes%20%C3%A9tapes%20d%27installation%20de%20OpenUpload.%20Quand%20on%20lit%20le%20manuel%20d%27installation%20%22INSTALL%22%20%C3%A0%20la%20racine%20du%20tar.gz%2C%20on%20se%20dit%20que%20ce%20n%27est%20pas%20tr&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=43&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on FriendFeed">Share this on FriendFeed</a>
		</li>
		<li class="shr-identica">
			<a href="http://www.shareaholic.com/api/share/?title=TITLE&amp;link=PERMALINK&amp;notes=Il%20y%20a%20quelque%20temps%20je%20vous%20parlais%20de%20diff%C3%A9rentes%20solutions%20pour%20uploader%20des%20fichiers%20sur%20son%20serveur.%20Dans%20cet%20article%2C%20je%20vais%20d%C3%A9tailler%20les%20diff%C3%A9rentes%20%C3%A9tapes%20d%27installation%20de%20OpenUpload.%20Quand%20on%20lit%20le%20manuel%20d%27installation%20%22INSTALL%22%20%C3%A0%20la%20racine%20du%20tar.gz%2C%20on%20se%20dit%20que%20ce%20n%27est%20pas%20tr&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=205&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Post this to Identica">Post this to Identica</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.shareaholic.com/api/share/?title=Installer+OpenUpload+%7C+How+to+OpenUpload&amp;link=http://www.planetedugeek.fr/index.php/2011/03/29/installer-openupload-howto-openupload/&amp;notes=Il%20y%20a%20quelque%20temps%20je%20vous%20parlais%20de%20diff%C3%A9rentes%20solutions%20pour%20uploader%20des%20fichiers%20sur%20son%20serveur.%20Dans%20cet%20article%2C%20je%20vais%20d%C3%A9tailler%20les%20diff%C3%A9rentes%20%C3%A9tapes%20d%27installation%20de%20OpenUpload.%20Quand%20on%20lit%20le%20manuel%20d%27installation%20%22INSTALL%22%20%C3%A0%20la%20racine%20du%20tar.gz%2C%20on%20se%20dit%20que%20ce%20n%27est%20pas%20tr&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=88&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on LinkedIn">Share this on LinkedIn</a>
		</li>
		<li class="shr-twitter">
			<a href="http://www.shareaholic.com/api/share/?title=Installer+OpenUpload+%7C+How+to+OpenUpload&amp;link=http://www.planetedugeek.fr/index.php/2011/03/29/installer-openupload-howto-openupload/&amp;notes=Il%20y%20a%20quelque%20temps%20je%20vous%20parlais%20de%20diff%C3%A9rentes%20solutions%20pour%20uploader%20des%20fichiers%20sur%20son%20serveur.%20Dans%20cet%20article%2C%20je%20vais%20d%C3%A9tailler%20les%20diff%C3%A9rentes%20%C3%A9tapes%20d%27installation%20de%20OpenUpload.%20Quand%20on%20lit%20le%20manuel%20d%27installation%20%22INSTALL%22%20%C3%A0%20la%20racine%20du%20tar.gz%2C%20on%20se%20dit%20que%20ce%20n%27est%20pas%20tr&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%24%7Btitle%7D+-+%24%7Bshort_link%7D+via+%40ilane_hazout&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="shr-viadeo">
			<a href="http://www.shareaholic.com/api/share/?title=Installer+OpenUpload+%7C+How+to+OpenUpload&amp;link=http://www.planetedugeek.fr/index.php/2011/03/29/installer-openupload-howto-openupload/&amp;notes=Il%20y%20a%20quelque%20temps%20je%20vous%20parlais%20de%20diff%C3%A9rentes%20solutions%20pour%20uploader%20des%20fichiers%20sur%20son%20serveur.%20Dans%20cet%20article%2C%20je%20vais%20d%C3%A9tailler%20les%20diff%C3%A9rentes%20%C3%A9tapes%20d%27installation%20de%20OpenUpload.%20Quand%20on%20lit%20le%20manuel%20d%27installation%20%22INSTALL%22%20%C3%A0%20la%20racine%20du%20tar.gz%2C%20on%20se%20dit%20que%20ce%20n%27est%20pas%20tr&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=92&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Viadeo">Share this on Viadeo</a>
		</li>
		<li class="shr-wikio">
			<a href="http://www.shareaholic.com/api/share/?title=Installer+OpenUpload+%7C+How+to+OpenUpload&amp;link=http://www.planetedugeek.fr/index.php/2011/03/29/installer-openupload-howto-openupload/&amp;notes=Il%20y%20a%20quelque%20temps%20je%20vous%20parlais%20de%20diff%C3%A9rentes%20solutions%20pour%20uploader%20des%20fichiers%20sur%20son%20serveur.%20Dans%20cet%20article%2C%20je%20vais%20d%C3%A9tailler%20les%20diff%C3%A9rentes%20%C3%A9tapes%20d%27installation%20de%20OpenUpload.%20Quand%20on%20lit%20le%20manuel%20d%27installation%20%22INSTALL%22%20%C3%A0%20la%20racine%20du%20tar.gz%2C%20on%20se%20dit%20que%20ce%20n%27est%20pas%20tr&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=&amp;tags=&amp;ctype=" rel="nofollow" class="external" title=""></a>
		</li>
</ul><div style="clear: both;"></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.planetedugeek.fr/index.php/2011/03/29/installer-openupload-howto-openupload/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Twitter en Python / Perl à vous de choisir !</title>
		<link>http://www.planetedugeek.fr/index.php/2011/03/22/twitter-en-python-perl-a-vous-de-choisir/</link>
		<comments>http://www.planetedugeek.fr/index.php/2011/03/22/twitter-en-python-perl-a-vous-de-choisir/#comments</comments>
		<pubDate>Mon, 21 Mar 2011 23:43:28 +0000</pubDate>
		<dc:creator>Hazout Ilane</dc:creator>
				<category><![CDATA[Développement]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[perl]]></category>
		<category><![CDATA[python]]></category>
		<category><![CDATA[Twitter]]></category>

		<guid isPermaLink="false">http://www.planetedugeek.fr/?p=1032</guid>
		<description><![CDATA[Il y a déjà pas mal de temps que je vous ai parlé d&#8217;une technique pour twitter en ligne de commande. Malheureusement, cette méthode ne fonctionne plus, étant donné que Twitter.com bloque les twittes, si vous ne passez pas par leur API. Bien entendu pour utiliser l&#8217;API Twitter.com, il faut enregistrer son application &#8230; Pas [...]]]></description>
			<content:encoded><![CDATA[<div style="text-align:justify;">
Il y a déjà pas mal de temps que je vous ai parlé d&#8217;une technique pour twitter en ligne de commande. Malheureusement, cette méthode ne fonctionne plus, étant donné que Twitter.com bloque les twittes, si vous ne passez pas par leur API. Bien entendu pour utiliser l&#8217;<a href="http://fr.wikipedia.org/wiki/Interface_de_programmation" target="_blank">API</a> Twitter.com, il faut enregistrer son application &#8230; Pas de panique ! je détaille un peu plus loin toutes les étapes.
</div>
<p><BR /><br />
<span id="more-1032"></span></p>
<div style="text-align:justify;">
Petite remarque, pour clore mon introduction, je trouve cela assez contraignant de devoir s&#8217;enregistrer. Twitter.com invoque des aspects de sécurité pour justifier cette étape. Or, on peut noter que son concurrent <a href="http://Identi.ca" target="_blank">Identi.ca</a> n&#8217;oblige pas les utilisateurs à utiliser une API spécifique.
</div>
<p><BR /><br />
<strong>Twitter en ligne de commande</strong></p>
<p>La première étape est d&#8217;enregistrer son application sur <a href="http://twitter.com/apps " target="_blank">twitter.com/apps</a>. </p>
<p><img src="http://www.planetedugeek.fr/wp-content/uploads/2011/03/SavAppTwitter.jpg" alt="Enregistrement d'une nouvelle application" /></p>
<p>Vous remplissez votre formulaire avec vos différentes informations. Une fois tous les champs renseignés (n&#8217;oubliez pas de champs), vous pouvez enregistrer.</p>
<p><img src="http://www.planetedugeek.fr/wp-content/uploads/2011/03/FormSavAppTwitter.jpg" alt="Formulaire d'enregistrement" /><br />
<BR /></p>
<div style="text-align:justify;">
Vous devriez obtenir un récapitulatif des détails de votre application avec deux informations qui nous intéressent particulièrement, à savoir les clés : <strong>Consumer key</strong> et <strong>Consumer secret</strong>. C&#8217;est avec ces deux clés que vous allez pouvoir vous authentifier en partie au près de l&#8217;API Twitter.com.
</div>
<p><BR /><br />
<img src="http://www.planetedugeek.fr/wp-content/uploads/2011/03/ConstomerKey.jpg" alt="Récapitulatif Application" /></p>
<div style="text-align:justify;">
La deuxième étape consiste à authentifier votre client. Pour cela, vous devez obtenir deux clés : <strong>ACCESS_KEY</strong> et <strong>ACCESS_SECRET</strong>. Pour authentifier son client, on va utiliser un petit script twitter-register.py ou twitter-register.pl. Le script ne servira qu&#8217;une seule fois.
</div>
<p><BR /><br />
<strong>Version Perl :</strong></p>
<pre class="brush: perl; title: ;">
#!/usr/bin/perl

use Net::Twitter::OAuth;

#On Initialise L'objet Net::Twitter::OAuth
my $client = Net::Twitter::OAuth-&gt;new(
    consumer_key =&gt; &quot;VOTRE CONSUMER_KEY&quot;,
    consumer_secret =&gt; &quot;VOTRE CONSUMER_SECRET&quot;,
);
#On affiche les clé CONSUMER
print &quot;consumer_key = &quot;.$client-&gt;consumer_key.&quot;\n&quot;;
print &quot;consumer_secret = &quot;.$client-&gt;consumer_secret.&quot;\n&quot;;

#On récupère l'URL pour autorisation de l'application
$url_pin = $client-&gt;get_authorization_url;
print &quot;URL AUTORISATION D'AUTORISATION DE L'APPLICATION = &quot;.$url_pin.&quot;\n&quot;;
$pin = &lt;STDIN&gt;;
print &quot;PIN = &quot;.$pin.&quot;\n&quot;;
chomp $pin;

#INIT DU TOKEN AVEC LE PIN
($access_key, $access_secret) = $client-&gt;request_access_token(verifier =&gt; $pin);

#MAJ de client - Facultatif
if ($access_key &amp;&amp; $access_secret) {
      $client-&gt;access_token($access_key);
      $client-&gt;access_token_secret($access_secret);
}

print &quot;access_token = &quot;.$client-&gt;access_token.&quot;\n&quot;;
print &quot;Access_token_secret = &quot;.$client-&gt;access_token_secret.&quot;\n&quot;;
</pre>
<p><strong>Version Python :</strong></p>
<pre class="brush: python; title: ;">
#!/usr/bin/env python

import tweepy

CONSUMER_KEY = 'VOTRE CODE CONSUMER KEY'
CONSUMER_SECRET = 'VOTRE CODE CONSUMER SECRET'

auth = tweepy.OAuthHandler(CONSUMER_KEY, CONSUMER_SECRET)
auth_url = auth.get_authorization_url()
print 'Please authorize: ' + auth_url
verifier = raw_input('PIN: ').strip()
auth.get_access_token(verifier)
print &quot;ACCESS_KEY = '%s'&quot; % auth.access_token.key
print &quot;ACCESS_SECRET = '%s'&quot; % auth.access_token.secret
</pre>
<p><strong>Pour lancer le script :</strong></p>
<pre class="brush: python; title: ;">python twitter-register.py</pre>
<pre class="brush: perl; title: ;">perl twitter-register.pl</pre>
<p>Petit prérequis pour la version python vous devez installer python-tweepy</p>
<pre class="brush: bash; title: ;">
git clone git://github.com/joshthecoder/tweepy.git
cd tweepy
python setup.py install (run as admin/root)
</pre>
<p>Petit prérequis pour la version perl vous devez installer le module Net::Twitter::OAuth<br />
Détail sur le module <a href="http://search.cpan.org/~miyagawa/Net-Twitter-OAuth-0.06/lib/Net/Twitter/OAuth.pm" target="_blank">ICI</a></p>
<pre class="brush: bash; title: ;"> ubuntu$ sudo cpan
cpan$ install Net::Twitter::OAuth
</pre>
<div style="text-align:justify;">
Le script vous génère une URL que vous copiez/collez dans votre navigateur. Cette url vous redirige vers Twitter.com pour vous donner un code PIN. Cela tombe bien justement, notre programme nous demande un code PIN. Une fois le code PIN rentré, le programme vous donne votre ACCESS_KEY et ACCESS_SECRET que vous pouvez réutiliser dans la troisième et dernière étape &laquo;&nbsp;j&#8217;envois un Tweet&nbsp;&raquo;. Voici le programme qui permet de le faire.
</div>
<p><BR /><br />
<a href="http://www.planetedugeek.fr/wp-content/uploads/2011/03/AppliAutorise.png"><img src="http://www.planetedugeek.fr/wp-content/uploads/2011/03/AppliAutorise-300x218.png" alt="" title="AppliAutorise" width="300" height="218" class="alignnone size-medium wp-image-1086" /><a href="http://www.planetedugeek.fr/wp-content/uploads/2011/03/pin.png"><img src="http://www.planetedugeek.fr/wp-content/uploads/2011/03/pin-300x218.png" alt="" title="pin" width="300" height="218" class="alignnone size-medium wp-image-1100" /></a><br />
<BR /><br />
<strong>Version Python :</strong></p>
<pre class="brush: python; title: ;">
    #!/usr/bin/env python
    import sys
    import tweepy

    # Authentification oAuth
    CONSUMER_KEY = 'MON CONSUMER_KEY'
    CONSUMER_SECRET = 'MON CONSUMER_SECRET'
    ACCESS_KEY = 'MON ACCESS_KEY'
    ACCESS_SECRET = 'MON ACCESS_SECRET'
    auth = tweepy.OAuthHandler(CONSUMER_KEY, CONSUMER_SECRET)
    auth.set_access_token(ACCESS_KEY, ACCESS_SECRET)
    api = tweepy.API(auth)

    # Main program
    api.update_status(sys.argv[1])
</pre>
<p><strong>Version Perl :</strong></p>
<pre class="brush: perl; title: ;">
use Net::Twitter::OAuth;

my $client = Net::Twitter::OAuth-&amp;gt;new(
    consumer_key =&gt; &quot;MON CONSUMER_KEY&quot;,
    consumer_secret =&gt; &quot;MON CONSUMER_SECRET&quot;,
    access_token =&amp;gt; &quot;MON ACCESS_KEY&quot;,
    access_token_secret =&gt; &quot;MON ACCESS_SECRET&quot;,
);

my $tweet = $ARGV[0];
$client-&gt;update({ status =&gt; $tweet });
</pre>
<p>Avant de tester, n&#8217;oubliez pas de rendre exécutable vos programmes.</p>
<pre class="brush: bash; title: ;">chmod u+x monprogramme.pl</pre>
<p><strong>Pour tester : </strong></p>
<pre class="brush: python; title: ;">python twitter.py &quot;mon message sur 144 caractères&quot;</pre>
<pre class="brush: perl; title: ;"> perl twitter.pl &quot;mon message sur 144 caractères&quot;</pre>
<p>Vous voila paré pour tweeter en ligne de commande. Il ne reste plus qu&#8217;à ajouter un deuxièmes paramètres, l&#8217;url longue qui serra automatiquement transformer en url courte.</p>
<p>Sources :<br />
<a href="http://kobesearch.cpan.org/htdocs/Net-Twitter/Net/Twitter/Role/OAuth.pm.html#request_access_token-" target="_blank">kobesearch</a><br />
<a href="http://blog.nicolargo.com/2010/11/twitter-en-ligne-de-commande-meme-avec-oauth.html" target="_blank">Nicolargo</a></p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-shr">
<ul class="socials">
		<li class="shr-comfeed">
			<a href="http://www.planetedugeek.fr/index.php/2011/03/22/twitter-en-python-perl-a-vous-de-choisir/feed" rel="nofollow" class="external" title="Subscribe to the comments for this post?">Subscribe to the comments for this post?</a>
		</li>
		<li class="shr-delicious">
			<a href="http://www.shareaholic.com/api/share/?title=Twitter+en+Python+%2F+Perl+%C3%A0+vous+de+choisir+%21&amp;link=http://www.planetedugeek.fr/index.php/2011/03/22/twitter-en-python-perl-a-vous-de-choisir/&amp;notes=%0D%0AIl%20y%20a%20d%C3%A9j%C3%A0%20pas%20mal%20de%20temps%20que%20je%20vous%20ai%20parl%C3%A9%20d%27une%20technique%20pour%20twitter%20en%20ligne%20de%20commande.%20Malheureusement%2C%20cette%20m%C3%A9thode%20ne%20fonctionne%20plus%2C%20%C3%A9tant%20donn%C3%A9%20que%20Twitter.com%20bloque%20les%20twittes%2C%20si%20vous%20ne%20passez%20pas%20par%20leur%20API.%20Bien%20entendu%20pour%20utiliser%20l%27API%20Twitter.com%2C%20il%20faut%20en&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=2&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.shareaholic.com/api/share/?title=Twitter+en+Python+%2F+Perl+%C3%A0+vous+de+choisir+%21&amp;link=http://www.planetedugeek.fr/index.php/2011/03/22/twitter-en-python-perl-a-vous-de-choisir/&amp;notes=%0D%0AIl%20y%20a%20d%C3%A9j%C3%A0%20pas%20mal%20de%20temps%20que%20je%20vous%20ai%20parl%C3%A9%20d%27une%20technique%20pour%20twitter%20en%20ligne%20de%20commande.%20Malheureusement%2C%20cette%20m%C3%A9thode%20ne%20fonctionne%20plus%2C%20%C3%A9tant%20donn%C3%A9%20que%20Twitter.com%20bloque%20les%20twittes%2C%20si%20vous%20ne%20passez%20pas%20par%20leur%20API.%20Bien%20entendu%20pour%20utiliser%20l%27API%20Twitter.com%2C%20il%20faut%20en&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=5&amp;tags=&amp;ctype=" rel="nofollow" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-friendfeed">
			<a href="http://www.shareaholic.com/api/share/?title=Twitter+en+Python+%2F+Perl+%C3%A0+vous+de+choisir+%21&amp;link=http://www.planetedugeek.fr/index.php/2011/03/22/twitter-en-python-perl-a-vous-de-choisir/&amp;notes=%0D%0AIl%20y%20a%20d%C3%A9j%C3%A0%20pas%20mal%20de%20temps%20que%20je%20vous%20ai%20parl%C3%A9%20d%27une%20technique%20pour%20twitter%20en%20ligne%20de%20commande.%20Malheureusement%2C%20cette%20m%C3%A9thode%20ne%20fonctionne%20plus%2C%20%C3%A9tant%20donn%C3%A9%20que%20Twitter.com%20bloque%20les%20twittes%2C%20si%20vous%20ne%20passez%20pas%20par%20leur%20API.%20Bien%20entendu%20pour%20utiliser%20l%27API%20Twitter.com%2C%20il%20faut%20en&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=43&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on FriendFeed">Share this on FriendFeed</a>
		</li>
		<li class="shr-identica">
			<a href="http://www.shareaholic.com/api/share/?title=TITLE&amp;link=PERMALINK&amp;notes=%0D%0AIl%20y%20a%20d%C3%A9j%C3%A0%20pas%20mal%20de%20temps%20que%20je%20vous%20ai%20parl%C3%A9%20d%27une%20technique%20pour%20twitter%20en%20ligne%20de%20commande.%20Malheureusement%2C%20cette%20m%C3%A9thode%20ne%20fonctionne%20plus%2C%20%C3%A9tant%20donn%C3%A9%20que%20Twitter.com%20bloque%20les%20twittes%2C%20si%20vous%20ne%20passez%20pas%20par%20leur%20API.%20Bien%20entendu%20pour%20utiliser%20l%27API%20Twitter.com%2C%20il%20faut%20en&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=205&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Post this to Identica">Post this to Identica</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.shareaholic.com/api/share/?title=Twitter+en+Python+%2F+Perl+%C3%A0+vous+de+choisir+%21&amp;link=http://www.planetedugeek.fr/index.php/2011/03/22/twitter-en-python-perl-a-vous-de-choisir/&amp;notes=%0D%0AIl%20y%20a%20d%C3%A9j%C3%A0%20pas%20mal%20de%20temps%20que%20je%20vous%20ai%20parl%C3%A9%20d%27une%20technique%20pour%20twitter%20en%20ligne%20de%20commande.%20Malheureusement%2C%20cette%20m%C3%A9thode%20ne%20fonctionne%20plus%2C%20%C3%A9tant%20donn%C3%A9%20que%20Twitter.com%20bloque%20les%20twittes%2C%20si%20vous%20ne%20passez%20pas%20par%20leur%20API.%20Bien%20entendu%20pour%20utiliser%20l%27API%20Twitter.com%2C%20il%20faut%20en&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=88&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on LinkedIn">Share this on LinkedIn</a>
		</li>
		<li class="shr-twitter">
			<a href="http://www.shareaholic.com/api/share/?title=Twitter+en+Python+%2F+Perl+%C3%A0+vous+de+choisir+%21&amp;link=http://www.planetedugeek.fr/index.php/2011/03/22/twitter-en-python-perl-a-vous-de-choisir/&amp;notes=%0D%0AIl%20y%20a%20d%C3%A9j%C3%A0%20pas%20mal%20de%20temps%20que%20je%20vous%20ai%20parl%C3%A9%20d%27une%20technique%20pour%20twitter%20en%20ligne%20de%20commande.%20Malheureusement%2C%20cette%20m%C3%A9thode%20ne%20fonctionne%20plus%2C%20%C3%A9tant%20donn%C3%A9%20que%20Twitter.com%20bloque%20les%20twittes%2C%20si%20vous%20ne%20passez%20pas%20par%20leur%20API.%20Bien%20entendu%20pour%20utiliser%20l%27API%20Twitter.com%2C%20il%20faut%20en&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%24%7Btitle%7D+-+%24%7Bshort_link%7D+via+%40ilane_hazout&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="shr-viadeo">
			<a href="http://www.shareaholic.com/api/share/?title=Twitter+en+Python+%2F+Perl+%C3%A0+vous+de+choisir+%21&amp;link=http://www.planetedugeek.fr/index.php/2011/03/22/twitter-en-python-perl-a-vous-de-choisir/&amp;notes=%0D%0AIl%20y%20a%20d%C3%A9j%C3%A0%20pas%20mal%20de%20temps%20que%20je%20vous%20ai%20parl%C3%A9%20d%27une%20technique%20pour%20twitter%20en%20ligne%20de%20commande.%20Malheureusement%2C%20cette%20m%C3%A9thode%20ne%20fonctionne%20plus%2C%20%C3%A9tant%20donn%C3%A9%20que%20Twitter.com%20bloque%20les%20twittes%2C%20si%20vous%20ne%20passez%20pas%20par%20leur%20API.%20Bien%20entendu%20pour%20utiliser%20l%27API%20Twitter.com%2C%20il%20faut%20en&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=92&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Viadeo">Share this on Viadeo</a>
		</li>
		<li class="shr-wikio">
			<a href="http://www.shareaholic.com/api/share/?title=Twitter+en+Python+%2F+Perl+%C3%A0+vous+de+choisir+%21&amp;link=http://www.planetedugeek.fr/index.php/2011/03/22/twitter-en-python-perl-a-vous-de-choisir/&amp;notes=%0D%0AIl%20y%20a%20d%C3%A9j%C3%A0%20pas%20mal%20de%20temps%20que%20je%20vous%20ai%20parl%C3%A9%20d%27une%20technique%20pour%20twitter%20en%20ligne%20de%20commande.%20Malheureusement%2C%20cette%20m%C3%A9thode%20ne%20fonctionne%20plus%2C%20%C3%A9tant%20donn%C3%A9%20que%20Twitter.com%20bloque%20les%20twittes%2C%20si%20vous%20ne%20passez%20pas%20par%20leur%20API.%20Bien%20entendu%20pour%20utiliser%20l%27API%20Twitter.com%2C%20il%20faut%20en&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=&amp;tags=&amp;ctype=" rel="nofollow" class="external" title=""></a>
		</li>
</ul><div style="clear: both;"></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.planetedugeek.fr/index.php/2011/03/22/twitter-en-python-perl-a-vous-de-choisir/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Bonne Année 2011 !</title>
		<link>http://www.planetedugeek.fr/index.php/2011/01/03/bonne-annee-2011/</link>
		<comments>http://www.planetedugeek.fr/index.php/2011/01/03/bonne-annee-2011/#comments</comments>
		<pubDate>Mon, 03 Jan 2011 12:27:59 +0000</pubDate>
		<dc:creator>Hazout Ilane</dc:creator>
				<category><![CDATA[Générale]]></category>

		<guid isPermaLink="false">http://www.planetedugeek.fr/?p=1017</guid>
		<description><![CDATA[Voici un petit service bien sympathique, pour créer un nuage de TAG. Wordle Subscribe to the comments for this post? Share this on del.icio.us Share this on Facebook Share this on FriendFeed Post this to Identica Share this on LinkedIn Tweet This! Share this on Viadeo]]></description>
			<content:encoded><![CDATA[<p><BR /></p>
<p><a href="http://www.planetedugeek.fr/wp-content/uploads/2011/01/bonneAnnee2011.png" target="_blank"><img src="http://www.planetedugeek.fr/wp-content/uploads/2011/01/bonneAnnee2011.png" alt="" title="Bonne année" width="300" height="189" class="aligncenter size-medium wp-image-1024" /></a></p>
<p>Voici un petit service bien sympathique, pour créer un nuage de TAG.<br />
<a href="http://www.wordle.net">Wordle</a></p>
<p><BR /></p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-shr">
<ul class="socials">
		<li class="shr-comfeed">
			<a href="http://www.planetedugeek.fr/index.php/2011/01/03/bonne-annee-2011/feed" rel="nofollow" class="external" title="Subscribe to the comments for this post?">Subscribe to the comments for this post?</a>
		</li>
		<li class="shr-delicious">
			<a href="http://www.shareaholic.com/api/share/?title=Bonne+Ann%C3%A9e+2011+%21+&amp;link=http://www.planetedugeek.fr/index.php/2011/01/03/bonne-annee-2011/&amp;notes=%0D%0A%0D%0A%0D%0A%0D%0AVoici%20un%20petit%20service%20bien%20sympathique%2C%20pour%20cr%C3%A9er%20un%20nuage%20de%20TAG.%20%0D%0AWordle%0D%0A%0D%0A&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=2&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.shareaholic.com/api/share/?title=Bonne+Ann%C3%A9e+2011+%21+&amp;link=http://www.planetedugeek.fr/index.php/2011/01/03/bonne-annee-2011/&amp;notes=%0D%0A%0D%0A%0D%0A%0D%0AVoici%20un%20petit%20service%20bien%20sympathique%2C%20pour%20cr%C3%A9er%20un%20nuage%20de%20TAG.%20%0D%0AWordle%0D%0A%0D%0A&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=5&amp;tags=&amp;ctype=" rel="nofollow" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-friendfeed">
			<a href="http://www.shareaholic.com/api/share/?title=Bonne+Ann%C3%A9e+2011+%21+&amp;link=http://www.planetedugeek.fr/index.php/2011/01/03/bonne-annee-2011/&amp;notes=%0D%0A%0D%0A%0D%0A%0D%0AVoici%20un%20petit%20service%20bien%20sympathique%2C%20pour%20cr%C3%A9er%20un%20nuage%20de%20TAG.%20%0D%0AWordle%0D%0A%0D%0A&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=43&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on FriendFeed">Share this on FriendFeed</a>
		</li>
		<li class="shr-identica">
			<a href="http://www.shareaholic.com/api/share/?title=TITLE&amp;link=PERMALINK&amp;notes=%0D%0A%0D%0A%0D%0A%0D%0AVoici%20un%20petit%20service%20bien%20sympathique%2C%20pour%20cr%C3%A9er%20un%20nuage%20de%20TAG.%20%0D%0AWordle%0D%0A%0D%0A&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=205&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Post this to Identica">Post this to Identica</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.shareaholic.com/api/share/?title=Bonne+Ann%C3%A9e+2011+%21+&amp;link=http://www.planetedugeek.fr/index.php/2011/01/03/bonne-annee-2011/&amp;notes=%0D%0A%0D%0A%0D%0A%0D%0AVoici%20un%20petit%20service%20bien%20sympathique%2C%20pour%20cr%C3%A9er%20un%20nuage%20de%20TAG.%20%0D%0AWordle%0D%0A%0D%0A&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=88&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on LinkedIn">Share this on LinkedIn</a>
		</li>
		<li class="shr-twitter">
			<a href="http://www.shareaholic.com/api/share/?title=Bonne+Ann%C3%A9e+2011+%21+&amp;link=http://www.planetedugeek.fr/index.php/2011/01/03/bonne-annee-2011/&amp;notes=%0D%0A%0D%0A%0D%0A%0D%0AVoici%20un%20petit%20service%20bien%20sympathique%2C%20pour%20cr%C3%A9er%20un%20nuage%20de%20TAG.%20%0D%0AWordle%0D%0A%0D%0A&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%24%7Btitle%7D+-+%24%7Bshort_link%7D+via+%40ilane_hazout&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="shr-viadeo">
			<a href="http://www.shareaholic.com/api/share/?title=Bonne+Ann%C3%A9e+2011+%21+&amp;link=http://www.planetedugeek.fr/index.php/2011/01/03/bonne-annee-2011/&amp;notes=%0D%0A%0D%0A%0D%0A%0D%0AVoici%20un%20petit%20service%20bien%20sympathique%2C%20pour%20cr%C3%A9er%20un%20nuage%20de%20TAG.%20%0D%0AWordle%0D%0A%0D%0A&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=92&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Viadeo">Share this on Viadeo</a>
		</li>
		<li class="shr-wikio">
			<a href="http://www.shareaholic.com/api/share/?title=Bonne+Ann%C3%A9e+2011+%21+&amp;link=http://www.planetedugeek.fr/index.php/2011/01/03/bonne-annee-2011/&amp;notes=%0D%0A%0D%0A%0D%0A%0D%0AVoici%20un%20petit%20service%20bien%20sympathique%2C%20pour%20cr%C3%A9er%20un%20nuage%20de%20TAG.%20%0D%0AWordle%0D%0A%0D%0A&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=&amp;tags=&amp;ctype=" rel="nofollow" class="external" title=""></a>
		</li>
</ul><div style="clear: both;"></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.planetedugeek.fr/index.php/2011/01/03/bonne-annee-2011/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Une Galerie Photo ?</title>
		<link>http://www.planetedugeek.fr/index.php/2010/10/18/une-galerie-photo/</link>
		<comments>http://www.planetedugeek.fr/index.php/2010/10/18/une-galerie-photo/#comments</comments>
		<pubDate>Mon, 18 Oct 2010 19:16:50 +0000</pubDate>
		<dc:creator>Hazout Ilane</dc:creator>
				<category><![CDATA[Développement]]></category>
		<category><![CDATA[facybox]]></category>
		<category><![CDATA[Pagemap]]></category>
		<category><![CDATA[PHP]]></category>

		<guid isPermaLink="false">http://www.planetedugeek.fr/?p=938</guid>
		<description><![CDATA[Voici une présentation de deux galeries très faciles à mettre en œuvre. Pagemap est une galerie écrite en PHP. Le design est sobre, une fois les photos copiées, le script génère de façon automatique les miniatures. Avec un résultat sous forme de mur d&#8217;images. Voici une démo et un petit screenshot. Par contre, attention les [...]]]></description>
			<content:encoded><![CDATA[<div style="text-align:justify;">
<p>Voici une présentation de deux galeries très faciles à mettre en œuvre.</p>
<p><a href="http://getpagemap.com/pagemap-imagewall/" target="_blank">Pagemap</a> est une galerie écrite en PHP. Le design est sobre, une fois les photos copiées, le script génère de façon automatique les miniatures. Avec un résultat sous forme de mur d&#8217;images. Voici une démo et un petit screenshot.</p>
<p><span id="more-938"></span></p>
<p>Par contre, attention les yeux si vous décidez d&#8217;ouvrir le code PHP. Effectivement c&#8217;est pas très lisible, en même temps je pense que c&#8217;est difficile voire impossible de tout inclure dans un fichier et en même temps faire un script propre. </p>
<p><BR /><a href="http://www.planetedugeek.fr/DEMO/getpagemap/gal.php" target="_blank">Démo</a> / <a href="http://getpagemap.com/pages/pagemap-imagewall/pagemap-imagewall.zip">Sources</a></p>
<p><a href="http://www.planetedugeek.fr/wp-content/uploads/2010/10/pageMap.png"><img src="http://www.planetedugeek.fr/wp-content/uploads/2010/10/pageMap-150x150.png" alt="" title="pageMap_box" width="150" height="150" class="alignnone size-thumbnail wp-image-975" /></a> <a href="http://www.planetedugeek.fr/wp-content/uploads/2010/10/pageMap_box.png"><img src="http://www.planetedugeek.fr/wp-content/uploads/2010/10/pageMap_box-150x150.png" alt="" title="pageMap_box" width="150" height="150" class="alignnone size-thumbnail wp-image-975" /></a></p>
<p>Après avoir vu la complexité du code pour avoir une galerie toute simple générée dynamiquement, je me suis dit pourquoi pas en faire une vite fait. Voici donc un exemple de galerie très facile à mettre en place lorsqu&#8217;on veut partager des photos rapidement.</p>
<p>L&#8217;avantage de cette galerie tout comme pour la précédente, est la génération des miniatures en automatique. Pour l&#8217;installation il faut uniquement donner les droits d&#8217;écritures à l&#8217;utilisateur web, en général www-data sur le répertoire &laquo;&nbsp;galInPage/images/&nbsp;&raquo;. Une fois les bons droits attribués, vous pouvez copier les images dans le répertoire galInPage/images/. </p>
<p>Le premier chargement de la page galerie.php vous indiquera que les miniatures ont été générés dans le répertoire galInPage/images/min/. Pour forcer la génération des miniatures, vous pouvez supprimer le répertoire galInPage/images/min/. Par contre attention de ne pas oublier de réattribuer des droits plus restrictifs &#8230; Il faudrait peut être que je le rajoute dans mon script pour faire ça proprement. Pour la partie JavaScript, je me suis basé sur la bibliothèque <a href="http://www.bitbonsai.com/facybox/">facybox</a> qui n&#8217;est pas mal  du tout.</p>
<p>Voici une page de <a href="http://www.planetedugeek.fr/DEMO/galInPage/galerie.php" target="_blank">Démo</a> / <a href="/DEMO/galInPage/galInPage.tar.gz">Les sources</a> <BR /><br />
<a href="http://www.planetedugeek.fr/wp-content/uploads/2010/10/galInPage.png"><img src="http://www.planetedugeek.fr/wp-content/uploads/2010/10/galInPage-150x150.png" alt="" title="galInPage" width="150" height="150" class="alignnone size-thumbnail wp-image-980" /></a> <a href="http://www.planetedugeek.fr/wp-content/uploads/2010/10/galInPage_box.png"><img src="http://www.planetedugeek.fr/wp-content/uploads/2010/10/galInPage_box-150x150.png" alt="" title="galInPage_box" width="150" height="150" class="alignnone size-thumbnail wp-image-981" /></a></p>
<p>Bon allez une dernière petite galerie, si vous cherchez quelque chose de plus complet, avec un menu mais sans base de données, je peux vous conseiller <a href="http://albulle.jebulle.net/" target="_blank">Albulle</a>.</p>
</div>
<p>Sources :<br />
<a href="http://www.bitbonsai.com/facybox/" target="_blank">facybox</a><br />
<a href="http://getpagemap.com/pagemap-imagewall/" target="_blank">Pagemap</a></p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-shr">
<ul class="socials">
		<li class="shr-comfeed">
			<a href="http://www.planetedugeek.fr/index.php/2010/10/18/une-galerie-photo/feed" rel="nofollow" class="external" title="Subscribe to the comments for this post?">Subscribe to the comments for this post?</a>
		</li>
		<li class="shr-delicious">
			<a href="http://www.shareaholic.com/api/share/?title=Une+Galerie+Photo+%3F&amp;link=http://www.planetedugeek.fr/index.php/2010/10/18/une-galerie-photo/&amp;notes=%0D%0A%0D%0AVoici%20une%20pr%C3%A9sentation%20de%20deux%20galeries%20tr%C3%A8s%20faciles%20%C3%A0%20mettre%20en%20%C5%93uvre.%0D%0A%0D%0APagemap%20est%20une%20galerie%20%C3%A9crite%20en%20PHP.%20Le%20design%20est%20sobre%2C%20une%20fois%20les%20photos%20copi%C3%A9es%2C%20le%20script%20g%C3%A9n%C3%A8re%20de%20fa%C3%A7on%20automatique%20les%20miniatures.%20Avec%20un%20r%C3%A9sultat%20sous%20forme%20de%20mur%20d%27images.%20Voici%20une%20d%C3%A9mo%20et%20un%20p&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=2&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.shareaholic.com/api/share/?title=Une+Galerie+Photo+%3F&amp;link=http://www.planetedugeek.fr/index.php/2010/10/18/une-galerie-photo/&amp;notes=%0D%0A%0D%0AVoici%20une%20pr%C3%A9sentation%20de%20deux%20galeries%20tr%C3%A8s%20faciles%20%C3%A0%20mettre%20en%20%C5%93uvre.%0D%0A%0D%0APagemap%20est%20une%20galerie%20%C3%A9crite%20en%20PHP.%20Le%20design%20est%20sobre%2C%20une%20fois%20les%20photos%20copi%C3%A9es%2C%20le%20script%20g%C3%A9n%C3%A8re%20de%20fa%C3%A7on%20automatique%20les%20miniatures.%20Avec%20un%20r%C3%A9sultat%20sous%20forme%20de%20mur%20d%27images.%20Voici%20une%20d%C3%A9mo%20et%20un%20p&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=5&amp;tags=&amp;ctype=" rel="nofollow" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-friendfeed">
			<a href="http://www.shareaholic.com/api/share/?title=Une+Galerie+Photo+%3F&amp;link=http://www.planetedugeek.fr/index.php/2010/10/18/une-galerie-photo/&amp;notes=%0D%0A%0D%0AVoici%20une%20pr%C3%A9sentation%20de%20deux%20galeries%20tr%C3%A8s%20faciles%20%C3%A0%20mettre%20en%20%C5%93uvre.%0D%0A%0D%0APagemap%20est%20une%20galerie%20%C3%A9crite%20en%20PHP.%20Le%20design%20est%20sobre%2C%20une%20fois%20les%20photos%20copi%C3%A9es%2C%20le%20script%20g%C3%A9n%C3%A8re%20de%20fa%C3%A7on%20automatique%20les%20miniatures.%20Avec%20un%20r%C3%A9sultat%20sous%20forme%20de%20mur%20d%27images.%20Voici%20une%20d%C3%A9mo%20et%20un%20p&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=43&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on FriendFeed">Share this on FriendFeed</a>
		</li>
		<li class="shr-identica">
			<a href="http://www.shareaholic.com/api/share/?title=TITLE&amp;link=PERMALINK&amp;notes=%0D%0A%0D%0AVoici%20une%20pr%C3%A9sentation%20de%20deux%20galeries%20tr%C3%A8s%20faciles%20%C3%A0%20mettre%20en%20%C5%93uvre.%0D%0A%0D%0APagemap%20est%20une%20galerie%20%C3%A9crite%20en%20PHP.%20Le%20design%20est%20sobre%2C%20une%20fois%20les%20photos%20copi%C3%A9es%2C%20le%20script%20g%C3%A9n%C3%A8re%20de%20fa%C3%A7on%20automatique%20les%20miniatures.%20Avec%20un%20r%C3%A9sultat%20sous%20forme%20de%20mur%20d%27images.%20Voici%20une%20d%C3%A9mo%20et%20un%20p&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=205&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Post this to Identica">Post this to Identica</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.shareaholic.com/api/share/?title=Une+Galerie+Photo+%3F&amp;link=http://www.planetedugeek.fr/index.php/2010/10/18/une-galerie-photo/&amp;notes=%0D%0A%0D%0AVoici%20une%20pr%C3%A9sentation%20de%20deux%20galeries%20tr%C3%A8s%20faciles%20%C3%A0%20mettre%20en%20%C5%93uvre.%0D%0A%0D%0APagemap%20est%20une%20galerie%20%C3%A9crite%20en%20PHP.%20Le%20design%20est%20sobre%2C%20une%20fois%20les%20photos%20copi%C3%A9es%2C%20le%20script%20g%C3%A9n%C3%A8re%20de%20fa%C3%A7on%20automatique%20les%20miniatures.%20Avec%20un%20r%C3%A9sultat%20sous%20forme%20de%20mur%20d%27images.%20Voici%20une%20d%C3%A9mo%20et%20un%20p&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=88&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on LinkedIn">Share this on LinkedIn</a>
		</li>
		<li class="shr-twitter">
			<a href="http://www.shareaholic.com/api/share/?title=Une+Galerie+Photo+%3F&amp;link=http://www.planetedugeek.fr/index.php/2010/10/18/une-galerie-photo/&amp;notes=%0D%0A%0D%0AVoici%20une%20pr%C3%A9sentation%20de%20deux%20galeries%20tr%C3%A8s%20faciles%20%C3%A0%20mettre%20en%20%C5%93uvre.%0D%0A%0D%0APagemap%20est%20une%20galerie%20%C3%A9crite%20en%20PHP.%20Le%20design%20est%20sobre%2C%20une%20fois%20les%20photos%20copi%C3%A9es%2C%20le%20script%20g%C3%A9n%C3%A8re%20de%20fa%C3%A7on%20automatique%20les%20miniatures.%20Avec%20un%20r%C3%A9sultat%20sous%20forme%20de%20mur%20d%27images.%20Voici%20une%20d%C3%A9mo%20et%20un%20p&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%24%7Btitle%7D+-+%24%7Bshort_link%7D+via+%40ilane_hazout&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="shr-viadeo">
			<a href="http://www.shareaholic.com/api/share/?title=Une+Galerie+Photo+%3F&amp;link=http://www.planetedugeek.fr/index.php/2010/10/18/une-galerie-photo/&amp;notes=%0D%0A%0D%0AVoici%20une%20pr%C3%A9sentation%20de%20deux%20galeries%20tr%C3%A8s%20faciles%20%C3%A0%20mettre%20en%20%C5%93uvre.%0D%0A%0D%0APagemap%20est%20une%20galerie%20%C3%A9crite%20en%20PHP.%20Le%20design%20est%20sobre%2C%20une%20fois%20les%20photos%20copi%C3%A9es%2C%20le%20script%20g%C3%A9n%C3%A8re%20de%20fa%C3%A7on%20automatique%20les%20miniatures.%20Avec%20un%20r%C3%A9sultat%20sous%20forme%20de%20mur%20d%27images.%20Voici%20une%20d%C3%A9mo%20et%20un%20p&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=92&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Viadeo">Share this on Viadeo</a>
		</li>
		<li class="shr-wikio">
			<a href="http://www.shareaholic.com/api/share/?title=Une+Galerie+Photo+%3F&amp;link=http://www.planetedugeek.fr/index.php/2010/10/18/une-galerie-photo/&amp;notes=%0D%0A%0D%0AVoici%20une%20pr%C3%A9sentation%20de%20deux%20galeries%20tr%C3%A8s%20faciles%20%C3%A0%20mettre%20en%20%C5%93uvre.%0D%0A%0D%0APagemap%20est%20une%20galerie%20%C3%A9crite%20en%20PHP.%20Le%20design%20est%20sobre%2C%20une%20fois%20les%20photos%20copi%C3%A9es%2C%20le%20script%20g%C3%A9n%C3%A8re%20de%20fa%C3%A7on%20automatique%20les%20miniatures.%20Avec%20un%20r%C3%A9sultat%20sous%20forme%20de%20mur%20d%27images.%20Voici%20une%20d%C3%A9mo%20et%20un%20p&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=&amp;tags=&amp;ctype=" rel="nofollow" class="external" title=""></a>
		</li>
</ul><div style="clear: both;"></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.planetedugeek.fr/index.php/2010/10/18/une-galerie-photo/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Lire et utiliser le format webP</title>
		<link>http://www.planetedugeek.fr/index.php/2010/10/14/lire-et-utiliser-le-format-webp/</link>
		<comments>http://www.planetedugeek.fr/index.php/2010/10/14/lire-et-utiliser-le-format-webp/#comments</comments>
		<pubDate>Thu, 14 Oct 2010 21:41:47 +0000</pubDate>
		<dc:creator>Hazout Ilane</dc:creator>
				<category><![CDATA[Développement]]></category>
		<category><![CDATA[Générale]]></category>
		<category><![CDATA[Mac World]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[GoogleChrom]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[Ubuntu]]></category>
		<category><![CDATA[WEBP]]></category>

		<guid isPermaLink="false">http://www.planetedugeek.fr/?p=921</guid>
		<description><![CDATA[webP le nouveau format d&#8217;image from Google. Effectivement c&#8217;est une bonne idée de proposer un nouveau format, puisque Google indique que lors de la consultation d&#8217;une page Web, 65% des données échangées entre le client et le serveur sont pour les images. De plus, le format qu&#8217;on utilise actuellement le JPG, doit bien avoir une [...]]]></description>
			<content:encoded><![CDATA[<div style="text-align: justify;"><a href="http://code.google.com/intl/fr/speed/webp/">webP</a> le nouveau format d&#8217;image from Google. Effectivement c&#8217;est une bonne idée de proposer un nouveau format, puisque Google indique que lors de la consultation d&#8217;une page Web, 65% des données échangées entre le client et le serveur sont pour les images. De plus, le format qu&#8217;on utilise actuellement le JPG, doit bien avoir une quinzaine d&#8217;année. L&#8217;objectif de webP est d&#8217;améliorer la compression et du même coup, optimiser le temps de chargement d&#8217;une page.</p>
</div>
<p><span id="more-921"></span></p>
<p><BR /></p>
<div style="text-align: justify;">
Dans cet article, je vais détailler l&#8217;installation des outils proposés par Google pour faire la conversion des images PNG, JPG en webP. Eh oui pour utiliser ce format, il faut pouvoir transformer les images rapidement et pouvoir les lire dans un navigateur. Pour la partie conversion, j&#8217;ai fait des tests sur une Ubuntu Lucid Lynx. Voici donc la procédure pour avoir un binaire qui nous permet de convertir du JPG ou PNG en webP. Petite information importante quand même avant de commencer, webP ne gère pas encore la couche alpha &#8230;</p>
<p>Installation des paquets nécessaires :</p>
<p>[SH]apt-get install libvpx-dev doxygen yasm libpng12-dev libjpeg62-dev[/SH]</p>
<p>Si vous utilisez une version de Ubuntu antérieure à Lucid Lynx, il va vous falloir compiler à la main le paquet <a href="http://www.webmproject.org/code/">libvpx</a>.<br />
Une fois toutes les dépendances installées, il ne vous reste plus qu&#8217;à télécharger et compiler les sources de <a href="http://code.google.com/p/webp/downloads/list">webp-leptonica</a></p>
<p>[SH]<br />
cd /usr/local/src/<br />
wget http://webp.googlecode.com/files/webp-leptonica-0.0.1.tar.gz<br />
tar xvf webp-leptonica-0.0.1.tar.gz<br />
cd /usr/local/src/webp/leptonlib-1.066/src/<br />
make<br />
cd /usr/local/src/webp/libwebp/<br />
make<br />
[/SH]</p>
<p>Une fois la compilation terminée, vous avez un binaire :<br />
[SH]/usr/local/src/webpconv &#8211;help[/SH]</p>
<p>Voici un exemple pour la conversion d&#8217;un fichier :<br />
[SH]webpconv -quality 80 img.png[/SH]</p>
<div style="text-align: justify;">Une image avec l&#8217;extension .webp est générée, et le fichier devrait également être plus petit &#8230; Google estime un gain de 39%.<br />
Il ne reste alors plus qu&#8217;à l&#8217;intégrer dans une page WEB. Pour l&#8217;affichage dans une page web, il faut être sur MacOS, il y a un petit plugin à installer pour que l&#8217;affichage se fasse correctement. Le plugin est disponible <a href="http://seiryu.home.comcast.net/~seiryu/weppy.html">ICI</a>.</div>
<div style="text-align: justify;">Une fois installé voici un exemple de page HTML</div>
<div style="text-align: justify;">
<p>[HTML]<br />
<html><br />
<img src="google-chrome-logo.jpg"/></img><br />
<object data="google-chrome-logo.webp" height="50" width="50" type="image/webp"></object><br />
</html><br />
[/HTML]</p>
<p>Effectivement le gain de taille est important. Au niveau du rendu on a des couleurs un peu moins intenses, mai scela reste largement acceptable. Vivement que l&#8217;on puisse utiliser ce type de format sur toutes les platfeormes. Le format offre également plus de possibilités pour exploiter les données <a href="https://secure.wikimedia.org/wikipedia/fr/wiki/Exchangeable_image_file_format">EXIF</a></p>
</div>
<p>Sources :<br />
<a href="http://code.google.com/intl/fr/speed/webp/">Google Doc</a><br />
<a href="http://www.macgeneration.com/tags/webp">Plugin webP</a></p>
<p><BR />
</div>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-shr">
<ul class="socials">
		<li class="shr-comfeed">
			<a href="http://www.planetedugeek.fr/index.php/2010/10/14/lire-et-utiliser-le-format-webp/feed" rel="nofollow" class="external" title="Subscribe to the comments for this post?">Subscribe to the comments for this post?</a>
		</li>
		<li class="shr-delicious">
			<a href="http://www.shareaholic.com/api/share/?title=Lire+et+utiliser+le+format+webP+&amp;link=http://www.planetedugeek.fr/index.php/2010/10/14/lire-et-utiliser-le-format-webp/&amp;notes=webP%20le%20nouveau%20format%20d%27image%20from%20Google.%20Effectivement%20c%27est%20une%20bonne%20id%C3%A9e%20de%20proposer%20un%20nouveau%20format%2C%20puisque%20Google%20indique%20que%20lors%20de%20la%20consultation%20d%27une%20page%20Web%2C%2065%25%20des%20donn%C3%A9es%20%C3%A9chang%C3%A9es%20entre%20le%20client%20et%20le%20serveur%20sont%20pour%20les%20images.%20De%20plus%2C%20le%20format%20qu%27on%20utilise%20actuelle&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=2&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.shareaholic.com/api/share/?title=Lire+et+utiliser+le+format+webP+&amp;link=http://www.planetedugeek.fr/index.php/2010/10/14/lire-et-utiliser-le-format-webp/&amp;notes=webP%20le%20nouveau%20format%20d%27image%20from%20Google.%20Effectivement%20c%27est%20une%20bonne%20id%C3%A9e%20de%20proposer%20un%20nouveau%20format%2C%20puisque%20Google%20indique%20que%20lors%20de%20la%20consultation%20d%27une%20page%20Web%2C%2065%25%20des%20donn%C3%A9es%20%C3%A9chang%C3%A9es%20entre%20le%20client%20et%20le%20serveur%20sont%20pour%20les%20images.%20De%20plus%2C%20le%20format%20qu%27on%20utilise%20actuelle&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=5&amp;tags=&amp;ctype=" rel="nofollow" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-friendfeed">
			<a href="http://www.shareaholic.com/api/share/?title=Lire+et+utiliser+le+format+webP+&amp;link=http://www.planetedugeek.fr/index.php/2010/10/14/lire-et-utiliser-le-format-webp/&amp;notes=webP%20le%20nouveau%20format%20d%27image%20from%20Google.%20Effectivement%20c%27est%20une%20bonne%20id%C3%A9e%20de%20proposer%20un%20nouveau%20format%2C%20puisque%20Google%20indique%20que%20lors%20de%20la%20consultation%20d%27une%20page%20Web%2C%2065%25%20des%20donn%C3%A9es%20%C3%A9chang%C3%A9es%20entre%20le%20client%20et%20le%20serveur%20sont%20pour%20les%20images.%20De%20plus%2C%20le%20format%20qu%27on%20utilise%20actuelle&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=43&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on FriendFeed">Share this on FriendFeed</a>
		</li>
		<li class="shr-identica">
			<a href="http://www.shareaholic.com/api/share/?title=TITLE&amp;link=PERMALINK&amp;notes=webP%20le%20nouveau%20format%20d%27image%20from%20Google.%20Effectivement%20c%27est%20une%20bonne%20id%C3%A9e%20de%20proposer%20un%20nouveau%20format%2C%20puisque%20Google%20indique%20que%20lors%20de%20la%20consultation%20d%27une%20page%20Web%2C%2065%25%20des%20donn%C3%A9es%20%C3%A9chang%C3%A9es%20entre%20le%20client%20et%20le%20serveur%20sont%20pour%20les%20images.%20De%20plus%2C%20le%20format%20qu%27on%20utilise%20actuelle&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=205&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Post this to Identica">Post this to Identica</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.shareaholic.com/api/share/?title=Lire+et+utiliser+le+format+webP+&amp;link=http://www.planetedugeek.fr/index.php/2010/10/14/lire-et-utiliser-le-format-webp/&amp;notes=webP%20le%20nouveau%20format%20d%27image%20from%20Google.%20Effectivement%20c%27est%20une%20bonne%20id%C3%A9e%20de%20proposer%20un%20nouveau%20format%2C%20puisque%20Google%20indique%20que%20lors%20de%20la%20consultation%20d%27une%20page%20Web%2C%2065%25%20des%20donn%C3%A9es%20%C3%A9chang%C3%A9es%20entre%20le%20client%20et%20le%20serveur%20sont%20pour%20les%20images.%20De%20plus%2C%20le%20format%20qu%27on%20utilise%20actuelle&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=88&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on LinkedIn">Share this on LinkedIn</a>
		</li>
		<li class="shr-twitter">
			<a href="http://www.shareaholic.com/api/share/?title=Lire+et+utiliser+le+format+webP+&amp;link=http://www.planetedugeek.fr/index.php/2010/10/14/lire-et-utiliser-le-format-webp/&amp;notes=webP%20le%20nouveau%20format%20d%27image%20from%20Google.%20Effectivement%20c%27est%20une%20bonne%20id%C3%A9e%20de%20proposer%20un%20nouveau%20format%2C%20puisque%20Google%20indique%20que%20lors%20de%20la%20consultation%20d%27une%20page%20Web%2C%2065%25%20des%20donn%C3%A9es%20%C3%A9chang%C3%A9es%20entre%20le%20client%20et%20le%20serveur%20sont%20pour%20les%20images.%20De%20plus%2C%20le%20format%20qu%27on%20utilise%20actuelle&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%24%7Btitle%7D+-+%24%7Bshort_link%7D+via+%40ilane_hazout&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="shr-viadeo">
			<a href="http://www.shareaholic.com/api/share/?title=Lire+et+utiliser+le+format+webP+&amp;link=http://www.planetedugeek.fr/index.php/2010/10/14/lire-et-utiliser-le-format-webp/&amp;notes=webP%20le%20nouveau%20format%20d%27image%20from%20Google.%20Effectivement%20c%27est%20une%20bonne%20id%C3%A9e%20de%20proposer%20un%20nouveau%20format%2C%20puisque%20Google%20indique%20que%20lors%20de%20la%20consultation%20d%27une%20page%20Web%2C%2065%25%20des%20donn%C3%A9es%20%C3%A9chang%C3%A9es%20entre%20le%20client%20et%20le%20serveur%20sont%20pour%20les%20images.%20De%20plus%2C%20le%20format%20qu%27on%20utilise%20actuelle&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=92&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Viadeo">Share this on Viadeo</a>
		</li>
		<li class="shr-wikio">
			<a href="http://www.shareaholic.com/api/share/?title=Lire+et+utiliser+le+format+webP+&amp;link=http://www.planetedugeek.fr/index.php/2010/10/14/lire-et-utiliser-le-format-webp/&amp;notes=webP%20le%20nouveau%20format%20d%27image%20from%20Google.%20Effectivement%20c%27est%20une%20bonne%20id%C3%A9e%20de%20proposer%20un%20nouveau%20format%2C%20puisque%20Google%20indique%20que%20lors%20de%20la%20consultation%20d%27une%20page%20Web%2C%2065%25%20des%20donn%C3%A9es%20%C3%A9chang%C3%A9es%20entre%20le%20client%20et%20le%20serveur%20sont%20pour%20les%20images.%20De%20plus%2C%20le%20format%20qu%27on%20utilise%20actuelle&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=&amp;tags=&amp;ctype=" rel="nofollow" class="external" title=""></a>
		</li>
</ul><div style="clear: both;"></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.planetedugeek.fr/index.php/2010/10/14/lire-et-utiliser-le-format-webp/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>gpEasy Vs modx</title>
		<link>http://www.planetedugeek.fr/index.php/2010/10/02/gpeasy-vs-modx/</link>
		<comments>http://www.planetedugeek.fr/index.php/2010/10/02/gpeasy-vs-modx/#comments</comments>
		<pubDate>Sat, 02 Oct 2010 21:35:33 +0000</pubDate>
		<dc:creator>Hazout Ilane</dc:creator>
				<category><![CDATA[Développement]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[gpEasy]]></category>
		<category><![CDATA[modx]]></category>

		<guid isPermaLink="false">http://www.planetedugeek.fr/?p=833</guid>
		<description><![CDATA[Bon alors aujourd&#8217;hui je vous présente deux CMS que j&#8217;ai sélectionné. Une petite définition précise d&#8217;un CMS . Les deux Gestionnaires de contenu que je vais disséqué détaillé ici, sont livrés clé en main. Il faut passer un peu de temps pour l&#8217;installation, mais pour le reste, c&#8217;est intuitif et donc accessible à tous. Je [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">Bon alors aujourd&#8217;hui je vous présente deux CMS que j&#8217;ai sélectionné. Une petite définition précise d&#8217;un <a href="https://secure.wikimedia.org/wikipedia/fr/wiki/Syst%C3%A8me_de_gestion_de_contenu" target="_blank">CMS </a>. Les deux Gestionnaires de contenu que je vais <del datetime="2010-10-01T13:02:16+00:00">disséqué</del> détaillé ici, sont livrés clé en main. Il faut passer un peu de temps pour l&#8217;installation, mais pour le reste, c&#8217;est intuitif et donc accessible à tous.</p>
<p><span id="more-833"></span></p>
<div style="text-align:justify;">
<p>Je commence par <a href="http://www.gpeasy.com/" target="_blank">gpEasy</a> :<BR /></p>
<p><strong>gpEasy CMS</strong> a été conçu pour être facile à utiliser. Il est léger et surtout très intuitif. L&#8217;approche étant de pouvoir configurer tout le CMS avec du drag-and-drop. Cette approche offre un avantage majeur : l&#8217;utilisateur peut voir le résultat en direct sans rechargement de la page.<br />
Pour moi, gpEasy est parfait pour les sites web personnels ou commerciaux qui exigent des chargements rapides de page et une structure de moteur de recherche conviviale. Les pages sont faciles à modifier, <a href="http://ckeditor.com/" target="_blank">CKEditor</a> apporte une aide non négligeable.</p>
<p>Voici deux screenshot :</p>
<p><a href="http://www.planetedugeek.fr/wp-content/uploads/2010/10/gpEasy_install.png"><img src="http://www.planetedugeek.fr/wp-content/uploads/2010/10/gpEasy_install-150x150.png" alt="" title="gpEasy_install" width="150" height="150" class="alignnone size-thumbnail wp-image-849" /></a>          <a href="http://www.planetedugeek.fr/wp-content/uploads/2010/10/gpEasy_interface1.png"><img src="http://www.planetedugeek.fr/wp-content/uploads/2010/10/gpEasy_interface1-150x150.png" alt="" title="gpEasy_interface" width="150" height="150" class="alignnone size-thumbnail wp-image-860" /></a></p>
<p><a href="http://modxcms.com/">MODx CMS</a> :</p>
<p><strong>MODx</strong> est sans hésitation le CMS le plus puissant. J&#8217;ai gardé le plus puissant pour la fin.<br />
 Plus qu’un CMS, MODx est un framework  de gestion de contenus <a href="https://secure.wikimedia.org/wikipedia/fr/wiki/Content_management_framework" target="_blank">CMF</a> qui tire parti des approches les plus récentes en matière de conception d’application, à savoir une architecture modulaire, une interface riche et une flexibilité totale en matière de personnalisation des pages web et de gestion du contenu, sans oublier une conformité aux standards web les plus récents.</p>
<p>Et oui MODx offre plus de fonctionnalités que gpEasy :<br />
- La notion plugin est beaucoup plus présente, on peut activer/désactiver des plugins en fonction de vos besoins,<br />
- La possibilité de choisir son FCKEditor,<br />
- Une notion de Template pour uniformiser les pages.</p>
<p>Bon je vais être franc, une fois l&#8217;installation de Modx terminée, vous vous connectez au manager (l&#8217;interface de gestion), et là vous risquez d&#8217;être complétement perdu. Voici donc quelques explications sur le jargon de Modx :</p>
<p>- les <strong>modules</strong> sont des extensions de l&#8217;admin<br />
- les <strong>plugins</strong> sont des extensions php capables de surveiller des évènements systèmes (OnWebPageRender, OnLoginSuccessful&#8230;etc&#8230;)<br />
- les <strong>snippets</strong> sont des extensions php que l&#8217;on peut appeler dans les templates via un tag (donc OUI on peut mettre du php dans un template, les snippets de MODx sont exactement pareils que les plugins de Textpattern)<br />
- les <strong>chunks</strong> sont des bouts de code html, php exclu (exactement la même fonction que les forms (modules) dans Textpattern).</p>
<p>Voici deux screenshot :</p>
<p><a href="http://www.planetedugeek.fr/wp-content/uploads/2010/10/modx_install_BDD.png"><img src="http://www.planetedugeek.fr/wp-content/uploads/2010/10/modx_install_BDD-150x150.png" alt="" title="modx_install_BDD" width="150" height="150" class="alignnone size-thumbnail wp-image-870" /></a>    <a href="http://www.planetedugeek.fr/wp-content/uploads/2010/10/modx_install_Termine.png"><img src="http://www.planetedugeek.fr/wp-content/uploads/2010/10/modx_install_Termine-150x150.png" alt="" title="modx_install_Termine" width="150" height="150" class="alignnone size-thumbnail wp-image-907" /></a></div>
<p>Si vous souhaitez monter un CMS rapidement, je vous conseille largement gpEasy. Par contre pour un utilisateur plus expérimenter qui souhaite avoir une grande flexibilité, modx reste un bon choix.</p>
<p>Sources :<br />
<a href="http://goo.gl/ejC5" target="_blank">Wikipedia, une iste de CMS</a><br />
<a href="http://rtfm.modx.com/display/revolution20/Basic+Installation" target="_blank">La documentation MODx</a><br />
<a href="http://modxcms.com/forums/index.php/board,33.0.html" target="_blank">La communauté francophone MODx</a><br />
<a href="http://monmodx.blogspot.com/" target="_blank">Modx Pour les Nuls</a></p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-shr">
<ul class="socials">
		<li class="shr-comfeed">
			<a href="http://www.planetedugeek.fr/index.php/2010/10/02/gpeasy-vs-modx/feed" rel="nofollow" class="external" title="Subscribe to the comments for this post?">Subscribe to the comments for this post?</a>
		</li>
		<li class="shr-delicious">
			<a href="http://www.shareaholic.com/api/share/?title=gpEasy+Vs+modx&amp;link=http://www.planetedugeek.fr/index.php/2010/10/02/gpeasy-vs-modx/&amp;notes=Bon%20alors%20aujourd%27hui%20je%20vous%20pr%C3%A9sente%20deux%20CMS%20que%20j%27ai%20s%C3%A9lectionn%C3%A9.%20Une%20petite%20d%C3%A9finition%20pr%C3%A9cise%20d%27un%20CMS%20.%20Les%20deux%20Gestionnaires%20de%20contenu%20que%20je%20vais%20diss%C3%A9qu%C3%A9%20d%C3%A9taill%C3%A9%20ici%2C%20sont%20livr%C3%A9s%20cl%C3%A9%20en%20main.%20Il%20faut%20passer%20un%20peu%20de%20temps%20pour%20l%27installation%2C%20mais%20pour%20le%20reste%2C%20c%27est%20intuit&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=2&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.shareaholic.com/api/share/?title=gpEasy+Vs+modx&amp;link=http://www.planetedugeek.fr/index.php/2010/10/02/gpeasy-vs-modx/&amp;notes=Bon%20alors%20aujourd%27hui%20je%20vous%20pr%C3%A9sente%20deux%20CMS%20que%20j%27ai%20s%C3%A9lectionn%C3%A9.%20Une%20petite%20d%C3%A9finition%20pr%C3%A9cise%20d%27un%20CMS%20.%20Les%20deux%20Gestionnaires%20de%20contenu%20que%20je%20vais%20diss%C3%A9qu%C3%A9%20d%C3%A9taill%C3%A9%20ici%2C%20sont%20livr%C3%A9s%20cl%C3%A9%20en%20main.%20Il%20faut%20passer%20un%20peu%20de%20temps%20pour%20l%27installation%2C%20mais%20pour%20le%20reste%2C%20c%27est%20intuit&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=5&amp;tags=&amp;ctype=" rel="nofollow" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-friendfeed">
			<a href="http://www.shareaholic.com/api/share/?title=gpEasy+Vs+modx&amp;link=http://www.planetedugeek.fr/index.php/2010/10/02/gpeasy-vs-modx/&amp;notes=Bon%20alors%20aujourd%27hui%20je%20vous%20pr%C3%A9sente%20deux%20CMS%20que%20j%27ai%20s%C3%A9lectionn%C3%A9.%20Une%20petite%20d%C3%A9finition%20pr%C3%A9cise%20d%27un%20CMS%20.%20Les%20deux%20Gestionnaires%20de%20contenu%20que%20je%20vais%20diss%C3%A9qu%C3%A9%20d%C3%A9taill%C3%A9%20ici%2C%20sont%20livr%C3%A9s%20cl%C3%A9%20en%20main.%20Il%20faut%20passer%20un%20peu%20de%20temps%20pour%20l%27installation%2C%20mais%20pour%20le%20reste%2C%20c%27est%20intuit&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=43&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on FriendFeed">Share this on FriendFeed</a>
		</li>
		<li class="shr-identica">
			<a href="http://www.shareaholic.com/api/share/?title=TITLE&amp;link=PERMALINK&amp;notes=Bon%20alors%20aujourd%27hui%20je%20vous%20pr%C3%A9sente%20deux%20CMS%20que%20j%27ai%20s%C3%A9lectionn%C3%A9.%20Une%20petite%20d%C3%A9finition%20pr%C3%A9cise%20d%27un%20CMS%20.%20Les%20deux%20Gestionnaires%20de%20contenu%20que%20je%20vais%20diss%C3%A9qu%C3%A9%20d%C3%A9taill%C3%A9%20ici%2C%20sont%20livr%C3%A9s%20cl%C3%A9%20en%20main.%20Il%20faut%20passer%20un%20peu%20de%20temps%20pour%20l%27installation%2C%20mais%20pour%20le%20reste%2C%20c%27est%20intuit&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=205&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Post this to Identica">Post this to Identica</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.shareaholic.com/api/share/?title=gpEasy+Vs+modx&amp;link=http://www.planetedugeek.fr/index.php/2010/10/02/gpeasy-vs-modx/&amp;notes=Bon%20alors%20aujourd%27hui%20je%20vous%20pr%C3%A9sente%20deux%20CMS%20que%20j%27ai%20s%C3%A9lectionn%C3%A9.%20Une%20petite%20d%C3%A9finition%20pr%C3%A9cise%20d%27un%20CMS%20.%20Les%20deux%20Gestionnaires%20de%20contenu%20que%20je%20vais%20diss%C3%A9qu%C3%A9%20d%C3%A9taill%C3%A9%20ici%2C%20sont%20livr%C3%A9s%20cl%C3%A9%20en%20main.%20Il%20faut%20passer%20un%20peu%20de%20temps%20pour%20l%27installation%2C%20mais%20pour%20le%20reste%2C%20c%27est%20intuit&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=88&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on LinkedIn">Share this on LinkedIn</a>
		</li>
		<li class="shr-twitter">
			<a href="http://www.shareaholic.com/api/share/?title=gpEasy+Vs+modx&amp;link=http://www.planetedugeek.fr/index.php/2010/10/02/gpeasy-vs-modx/&amp;notes=Bon%20alors%20aujourd%27hui%20je%20vous%20pr%C3%A9sente%20deux%20CMS%20que%20j%27ai%20s%C3%A9lectionn%C3%A9.%20Une%20petite%20d%C3%A9finition%20pr%C3%A9cise%20d%27un%20CMS%20.%20Les%20deux%20Gestionnaires%20de%20contenu%20que%20je%20vais%20diss%C3%A9qu%C3%A9%20d%C3%A9taill%C3%A9%20ici%2C%20sont%20livr%C3%A9s%20cl%C3%A9%20en%20main.%20Il%20faut%20passer%20un%20peu%20de%20temps%20pour%20l%27installation%2C%20mais%20pour%20le%20reste%2C%20c%27est%20intuit&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%24%7Btitle%7D+-+%24%7Bshort_link%7D+via+%40ilane_hazout&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="shr-viadeo">
			<a href="http://www.shareaholic.com/api/share/?title=gpEasy+Vs+modx&amp;link=http://www.planetedugeek.fr/index.php/2010/10/02/gpeasy-vs-modx/&amp;notes=Bon%20alors%20aujourd%27hui%20je%20vous%20pr%C3%A9sente%20deux%20CMS%20que%20j%27ai%20s%C3%A9lectionn%C3%A9.%20Une%20petite%20d%C3%A9finition%20pr%C3%A9cise%20d%27un%20CMS%20.%20Les%20deux%20Gestionnaires%20de%20contenu%20que%20je%20vais%20diss%C3%A9qu%C3%A9%20d%C3%A9taill%C3%A9%20ici%2C%20sont%20livr%C3%A9s%20cl%C3%A9%20en%20main.%20Il%20faut%20passer%20un%20peu%20de%20temps%20pour%20l%27installation%2C%20mais%20pour%20le%20reste%2C%20c%27est%20intuit&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=92&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Viadeo">Share this on Viadeo</a>
		</li>
		<li class="shr-wikio">
			<a href="http://www.shareaholic.com/api/share/?title=gpEasy+Vs+modx&amp;link=http://www.planetedugeek.fr/index.php/2010/10/02/gpeasy-vs-modx/&amp;notes=Bon%20alors%20aujourd%27hui%20je%20vous%20pr%C3%A9sente%20deux%20CMS%20que%20j%27ai%20s%C3%A9lectionn%C3%A9.%20Une%20petite%20d%C3%A9finition%20pr%C3%A9cise%20d%27un%20CMS%20.%20Les%20deux%20Gestionnaires%20de%20contenu%20que%20je%20vais%20diss%C3%A9qu%C3%A9%20d%C3%A9taill%C3%A9%20ici%2C%20sont%20livr%C3%A9s%20cl%C3%A9%20en%20main.%20Il%20faut%20passer%20un%20peu%20de%20temps%20pour%20l%27installation%2C%20mais%20pour%20le%20reste%2C%20c%27est%20intuit&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=&amp;tags=&amp;ctype=" rel="nofollow" class="external" title=""></a>
		</li>
</ul><div style="clear: both;"></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.planetedugeek.fr/index.php/2010/10/02/gpeasy-vs-modx/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Quel Service de Stockage ?</title>
		<link>http://www.planetedugeek.fr/index.php/2010/06/18/quel-service-de-stockage/</link>
		<comments>http://www.planetedugeek.fr/index.php/2010/06/18/quel-service-de-stockage/#comments</comments>
		<pubDate>Fri, 18 Jun 2010 12:38:06 +0000</pubDate>
		<dc:creator>Hazout Ilane</dc:creator>
				<category><![CDATA[Générale]]></category>
		<category><![CDATA[Mac World]]></category>
		<category><![CDATA[Sercices Web]]></category>
		<category><![CDATA[Cloud Computing]]></category>
		<category><![CDATA[Dropbox]]></category>
		<category><![CDATA[spideroak]]></category>
		<category><![CDATA[Ubuntu One]]></category>
		<category><![CDATA[YuuWaa]]></category>

		<guid isPermaLink="false">http://www.planetedugeek.fr/?p=757</guid>
		<description><![CDATA[Dans cet article nous allons parler de plusieurs méthodes pour partager des fichiers en ligne. Le partage de fichier en ligne, répond à une problématique assez simple, on souhaite rendre accessible facilement un grand nombre de fichiers. Il existe plusieurs méthodes pour arriver à ses fins. On va commencer par citer quartes services intéressants : Dropbox, [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">Dans cet article nous allons parler de plusieurs méthodes pour partager des fichiers en ligne. Le partage de fichier en ligne, répond à une problématique assez simple, on souhaite rendre accessible facilement un grand nombre de fichiers. Il existe plusieurs méthodes pour arriver à ses fins. On va commencer par citer quartes services intéressants : <a href="http://www.dropbox.com/">Dropbox</a>, <a href="https://spideroak.com/">spideroak</a>, <a href="https://one.ubuntu.com">Ubuntu One</a>, <a href="http://www.yuuwaa.com/">YuuWaa</a><br />
Ces trois services font appel à la notion très à la mode en ce moment : le &laquo;&nbsp;Cloud Computing&nbsp;&raquo; (en français &laquo;&nbsp;informatique dans le nuage&nbsp;&raquo;). Pour faire simple, cette notion indique que les utilisateurs utilisent un service déporté sur une machine distante.</p>
<p><span id="more-757"></span></p>
<p>Voici une définition Wikipedia, qui explique les choses de façon plus précise.</p>
<blockquote>
<p style="text-align: justify;">Le concept d&#8217;informatique dans le nuage est comparable à celui de la distribution de l&#8217;énergie électrique. La puissance de calcul et de stockage de l&#8217;information est proposée à la consommation par des compagnies spécialisées. De ce fait, les entreprises n&#8217;ont plus besoin de serveurs propres, mais confient cette ressource à une entreprise qui leur garantit une puissance de calcul et de stockage à la demande.</p>
</blockquote>
<p> </p>
<p style="text-align: justify;"><a href="http://www.dropbox.com">Dropbox</a> est un service de stockage et de partage de fichiers en ligne gratuit. Cependant, la société américaine Dropbox impose une limite de stockage à 2Go. Pour avoir un stockage plus important, il faudra débourser 9.99$ par mois ou 99$ par an pour 50 Go. Dropbox propose un client multi-plateforme (Window, MacOS, Linux) qui vous facilite le transfert des fichiers, avec une synchronisation qui se fait en automatique sur un dossier spécifique. Il est également possible de partager des fichiers avec d&#8217;autres utilisateurs. Pour info, en cas de parrainage d&#8217;un nouvel utilisateur, vous gagnez 250 Mo de stockage. Voici deux petits screenshot de cette application vraiment pratique :</p>
<p><a href="http://www.planetedugeek.fr/wp-content/uploads/2010/06/Dropbox.png"><img class="alignnone size-medium wp-image-763" title="Dropbox" src="http://www.planetedugeek.fr/wp-content/uploads/2010/06/Dropbox-300x124.png" alt="Dropbox" width="300" height="124" /></a><a href="http://www.planetedugeek.fr/wp-content/uploads/2010/06/Dropbox_web.png"><img class="alignnone size-medium wp-image-765" title="Dropbox_web" src="http://www.planetedugeek.fr/wp-content/uploads/2010/06/Dropbox_web-300x105.png" alt="Dropbox_web" width="300" height="105" /></a></p>
<p style="text-align: justify;"><a href="https://spideroak.com/">spideroak</a>, comme vous l&#8217;aurez compris je l&#8217;espère, spideroak est aussi un outil de sauvegarde en ligne. Le client est lui aussi multi-plateforme, le compte gratuit est limité à 2Go. Pour les similitudes cela s&#8217;arrête là. Spideroak offre un service supplémentaire non négligeable à ses clients : le cryptage des données avec une approche par couches d&#8217;encryptage superposées. On peut également noter que pour le même prix, on a plus de stockage chez spideroak : 10.00$ par mois par tranche de 100 Go d&#8217;espace ou 100$ par an par tranche de 100 Go, ce qui est quand même, nettement plus confortable. Enfin, pour moi l&#8217;avantage le plus important reste la synchronisation de plusieurs répertoires quelque soit leur localisation.<br />
<a href="http://www.planetedugeek.fr/wp-content/uploads/2010/06/spideroak.png"><img class="alignnone size-full wp-image-804" title="spideroak" src="http://www.planetedugeek.fr/wp-content/uploads/2010/06/spideroak1.png" alt="" width="635" height="265" /></a></p>
<p style="text-align: justify;"><a href="https://one.ubuntu.com/">Ubuntu One</a> propose également 2 Go de stockage gratuit. Cependant le client pour uploader les fichiers n&#8217;est pas multiplateforme. Il y a bien entendu une interface web qui permet de le faire. Il est également possible de prendre un abonement payant pour 50$ par mois. </p>
<p style="text-align: justify;"><a href="http://www.yuuwaa.com/">YuuWaa</a> est à l&#8217;origine une clé usb de 4 Go vendu 20,96<br />
 euro par le néerlandais <a href="http://fr.wikipedia.org/wiki/Gemalto">Gemalto</a>. Cependant, une fois la clé USB achetée, vous pouvez bénéficier du service de stockage en ligne pendant 6 mois avec un espace de 20 GO. Voici un petit screenshot de l&#8217;interface Web</p>
<p><a href="http://www.planetedugeek.fr/wp-content/uploads/2010/06/yuuwaa1.jpg"><img class="alignnone size-medium wp-image-798" title="yuuwaa" src="http://www.planetedugeek.fr/wp-content/uploads/2010/06/yuuwaa1-300x185.jpg" alt="" width="300" height="185" /></a></p>
<p style="text-align: justify;">Pour conclure, ces quatre solutions restent très pratiques. L&#8217;inconvénient majeur, reste la confiance que l&#8217;on doit avoir envers ces trois acteurs. Pour les personnes qui souhaitent sauvegarder des données sensibles, une telle solution n&#8217;est pas vraiment envisageable à mon sens. Pour sauvegarder vos données sensibles, vous pouvez mettre en place votre propre solution, voici deux méthodes :<br />
- Utilisation de <a href="http://www.cis.upenn.edu/~bcpierce/unison/">Unison File Synchronizer</a> sous Linux<br />
Voici un <a href="http://www.ubuntugeek.com/unison-file-synchronization-tool.html">tuto</a> complet pour la mise en œuvre et un autre petit <a href="http://kik-it.homelinux.org/index.php?entry=entry090918-131841">ici</a><br />
- Utilisation d&#8217;un script Automator sous MacOS qui fait appel à un script shell<br />
[SH]<br />
/usr/bin/rsync -avz /Users/toto/Documents/repertoirASyncro -e /usr/bin/ssh user@monserveur.fr:/home/toto/repertoirDeSauvgarde<br />
[/SH]</p>
<p> </p>
<p><strong>Sources</strong> :<br />
<a href="http://www.linux-mag.com/id/7490/2/">linux-mag.com</a><br />
<a href="http://www.clubic.com/actualite-276382-yuuwaa-internet-stockage-backup-web.html">Clubic.com</a></p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-shr">
<ul class="socials">
		<li class="shr-comfeed">
			<a href="http://www.planetedugeek.fr/index.php/2010/06/18/quel-service-de-stockage/feed" rel="nofollow" class="external" title="Subscribe to the comments for this post?">Subscribe to the comments for this post?</a>
		</li>
		<li class="shr-delicious">
			<a href="http://www.shareaholic.com/api/share/?title=Quel+Service+de+Stockage+%3F&amp;link=http://www.planetedugeek.fr/index.php/2010/06/18/quel-service-de-stockage/&amp;notes=Dans%20cet%20article%20nous%20allons%20parler%20de%20plusieurs%20m%C3%A9thodes%20pour%20partager%20des%20fichiers%20en%20ligne.%20Le%20partage%20de%20fichier%20en%20ligne%2C%20r%C3%A9pond%20%C3%A0%20une%20probl%C3%A9matique%20assez%20simple%2C%20on%20souhaite%20rendre%20accessible%20facilement%20un%20grand%20nombre%20de%20fichiers.%20Il%20existe%20plusieurs%20m%C3%A9thodes%20pour%20arriver%C2%A0%C3%A0%20ses%20fins.%20O&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=2&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.shareaholic.com/api/share/?title=Quel+Service+de+Stockage+%3F&amp;link=http://www.planetedugeek.fr/index.php/2010/06/18/quel-service-de-stockage/&amp;notes=Dans%20cet%20article%20nous%20allons%20parler%20de%20plusieurs%20m%C3%A9thodes%20pour%20partager%20des%20fichiers%20en%20ligne.%20Le%20partage%20de%20fichier%20en%20ligne%2C%20r%C3%A9pond%20%C3%A0%20une%20probl%C3%A9matique%20assez%20simple%2C%20on%20souhaite%20rendre%20accessible%20facilement%20un%20grand%20nombre%20de%20fichiers.%20Il%20existe%20plusieurs%20m%C3%A9thodes%20pour%20arriver%C2%A0%C3%A0%20ses%20fins.%20O&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=5&amp;tags=&amp;ctype=" rel="nofollow" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-friendfeed">
			<a href="http://www.shareaholic.com/api/share/?title=Quel+Service+de+Stockage+%3F&amp;link=http://www.planetedugeek.fr/index.php/2010/06/18/quel-service-de-stockage/&amp;notes=Dans%20cet%20article%20nous%20allons%20parler%20de%20plusieurs%20m%C3%A9thodes%20pour%20partager%20des%20fichiers%20en%20ligne.%20Le%20partage%20de%20fichier%20en%20ligne%2C%20r%C3%A9pond%20%C3%A0%20une%20probl%C3%A9matique%20assez%20simple%2C%20on%20souhaite%20rendre%20accessible%20facilement%20un%20grand%20nombre%20de%20fichiers.%20Il%20existe%20plusieurs%20m%C3%A9thodes%20pour%20arriver%C2%A0%C3%A0%20ses%20fins.%20O&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=43&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on FriendFeed">Share this on FriendFeed</a>
		</li>
		<li class="shr-identica">
			<a href="http://www.shareaholic.com/api/share/?title=TITLE&amp;link=PERMALINK&amp;notes=Dans%20cet%20article%20nous%20allons%20parler%20de%20plusieurs%20m%C3%A9thodes%20pour%20partager%20des%20fichiers%20en%20ligne.%20Le%20partage%20de%20fichier%20en%20ligne%2C%20r%C3%A9pond%20%C3%A0%20une%20probl%C3%A9matique%20assez%20simple%2C%20on%20souhaite%20rendre%20accessible%20facilement%20un%20grand%20nombre%20de%20fichiers.%20Il%20existe%20plusieurs%20m%C3%A9thodes%20pour%20arriver%C2%A0%C3%A0%20ses%20fins.%20O&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=205&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Post this to Identica">Post this to Identica</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.shareaholic.com/api/share/?title=Quel+Service+de+Stockage+%3F&amp;link=http://www.planetedugeek.fr/index.php/2010/06/18/quel-service-de-stockage/&amp;notes=Dans%20cet%20article%20nous%20allons%20parler%20de%20plusieurs%20m%C3%A9thodes%20pour%20partager%20des%20fichiers%20en%20ligne.%20Le%20partage%20de%20fichier%20en%20ligne%2C%20r%C3%A9pond%20%C3%A0%20une%20probl%C3%A9matique%20assez%20simple%2C%20on%20souhaite%20rendre%20accessible%20facilement%20un%20grand%20nombre%20de%20fichiers.%20Il%20existe%20plusieurs%20m%C3%A9thodes%20pour%20arriver%C2%A0%C3%A0%20ses%20fins.%20O&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=88&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on LinkedIn">Share this on LinkedIn</a>
		</li>
		<li class="shr-twitter">
			<a href="http://www.shareaholic.com/api/share/?title=Quel+Service+de+Stockage+%3F&amp;link=http://www.planetedugeek.fr/index.php/2010/06/18/quel-service-de-stockage/&amp;notes=Dans%20cet%20article%20nous%20allons%20parler%20de%20plusieurs%20m%C3%A9thodes%20pour%20partager%20des%20fichiers%20en%20ligne.%20Le%20partage%20de%20fichier%20en%20ligne%2C%20r%C3%A9pond%20%C3%A0%20une%20probl%C3%A9matique%20assez%20simple%2C%20on%20souhaite%20rendre%20accessible%20facilement%20un%20grand%20nombre%20de%20fichiers.%20Il%20existe%20plusieurs%20m%C3%A9thodes%20pour%20arriver%C2%A0%C3%A0%20ses%20fins.%20O&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%24%7Btitle%7D+-+%24%7Bshort_link%7D+via+%40ilane_hazout&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="shr-viadeo">
			<a href="http://www.shareaholic.com/api/share/?title=Quel+Service+de+Stockage+%3F&amp;link=http://www.planetedugeek.fr/index.php/2010/06/18/quel-service-de-stockage/&amp;notes=Dans%20cet%20article%20nous%20allons%20parler%20de%20plusieurs%20m%C3%A9thodes%20pour%20partager%20des%20fichiers%20en%20ligne.%20Le%20partage%20de%20fichier%20en%20ligne%2C%20r%C3%A9pond%20%C3%A0%20une%20probl%C3%A9matique%20assez%20simple%2C%20on%20souhaite%20rendre%20accessible%20facilement%20un%20grand%20nombre%20de%20fichiers.%20Il%20existe%20plusieurs%20m%C3%A9thodes%20pour%20arriver%C2%A0%C3%A0%20ses%20fins.%20O&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=92&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Viadeo">Share this on Viadeo</a>
		</li>
		<li class="shr-wikio">
			<a href="http://www.shareaholic.com/api/share/?title=Quel+Service+de+Stockage+%3F&amp;link=http://www.planetedugeek.fr/index.php/2010/06/18/quel-service-de-stockage/&amp;notes=Dans%20cet%20article%20nous%20allons%20parler%20de%20plusieurs%20m%C3%A9thodes%20pour%20partager%20des%20fichiers%20en%20ligne.%20Le%20partage%20de%20fichier%20en%20ligne%2C%20r%C3%A9pond%20%C3%A0%20une%20probl%C3%A9matique%20assez%20simple%2C%20on%20souhaite%20rendre%20accessible%20facilement%20un%20grand%20nombre%20de%20fichiers.%20Il%20existe%20plusieurs%20m%C3%A9thodes%20pour%20arriver%C2%A0%C3%A0%20ses%20fins.%20O&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=&amp;tags=&amp;ctype=" rel="nofollow" class="external" title=""></a>
		</li>
</ul><div style="clear: both;"></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.planetedugeek.fr/index.php/2010/06/18/quel-service-de-stockage/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flash Vs HTML5</title>
		<link>http://www.planetedugeek.fr/index.php/2010/04/21/flash-vs-html5/</link>
		<comments>http://www.planetedugeek.fr/index.php/2010/04/21/flash-vs-html5/#comments</comments>
		<pubDate>Wed, 21 Apr 2010 17:53:23 +0000</pubDate>
		<dc:creator>Hazout Ilane</dc:creator>
				<category><![CDATA[Développement]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[GoogleChrom]]></category>
		<category><![CDATA[H264]]></category>
		<category><![CDATA[Html5]]></category>
		<category><![CDATA[ogv]]></category>

		<guid isPermaLink="false">http://www.planetedugeek.fr/?p=701</guid>
		<description><![CDATA[&#160; Cet article n&#8217;a pas pour objectif de comparer Flash et HTML5. Dans cet article, je vais justement essayer d&#8217;expliquer pourquoi ces deux technologies ne sont pas comparables. Je pense que l&#8217;HTML5 n&#8217;a pas vocation à remplacer le Flash, du moins dans l&#8217;état actuel des choses. HTML5 est encore une technologie jeune, le problème majeur de HTML5 [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.planetedugeek.fr/wp-content/uploads/2010/04/flashVsHtml.png"><img class="alignnone size-full wp-image-1155" title="flashVsHtml" src="http://www.planetedugeek.fr/wp-content/uploads/2010/04/flashVsHtml.png" alt="" width="300" height="112" /></a></p>
<p>&nbsp;</p>
<p style="text-align: justify;">Cet article n&#8217;a pas pour objectif de comparer Flash et HTML5. Dans cet article, je vais justement essayer d&#8217;expliquer pourquoi ces deux technologies ne sont pas comparables. Je pense que l&#8217;HTML5 n&#8217;a pas vocation à remplacer le Flash, du moins dans l&#8217;état actuel des choses.<br />
HTML5 est encore une technologie jeune, le problème majeur de HTML5 reste la compatibilité avec les navigateurs du marché. Pour pouvoir profiter par exemple des balises que propose HTML5, il faut être doté d&#8217;un navigateur récent.</p>
<p><span id="more-701"></span></p>
<div style="text-align: justify;">J&#8217;ai trouvé un petit service qui vous permet de noter votre navigateur <a href=" http://html5test.com/" target="_blank">html5test</a> pour évaluer sa compatibilité avec HTML5.&nbsp;</p>
<p>- Firefox 3.6.3 est noté 101/160,<br />
- Le navigateur de Google lui obtient une note de 137/160.</p>
<p>Par conséquent, pour pouvoir profiter au maximum du potentiel de HTML5 GoogleChrom est recommandé.</p>
<p>Quand à Flash, il est compatible avec tous les navigateurs. Bon il est vrai que pour installer le plugin flash sous linux, il faudra passer par une installation manuelle, mais il reste compatible sur tous les navigateurs. Il faut dire qu&#8217;avec le temps, Flash a su répondre aux besoins des internautes. A la base, il a été conçu pour faire tourner des animations vectorielles mais nous lui avons trouvé toutes sortes d’usages tels que les players multimédia (musique et vidéo),  les jeux etc&#8230;</p>
<p>A noter quand même que flash est loin d&#8217;être parfait. Il est responsable des fuites mémoire de votre Firefox. J&#8217;ai fait cette hallucinante découverte avec le superbe plugin Firefox <a href="https://addons.mozilla.org/fr/firefox/addon/3271" target="_blank">StatusbarEx</a>. J&#8217;ai soupçonné Flash de provoquer ce phénomène. Mes soupçons ont été confirmés quand j&#8217;ai installé <a href="https://addons.mozilla.org/fr/firefox/addon/67651" target="_blank">Bartab</a>. Pour plus d&#8217;infos sur ces 2 plugins, je vous conseille cet <a href="http://blog.admin-linux.org/logiciels-libres/testbartab-extension-firefox-usage-memoire-cpu" target="_blank">article</a> très intéressant. Enfin je m&#8217;égare, tout ça pour vous dire que Flash certes est très utilisé, mais est loin d&#8217;être parfait. C&#8217;est pourquoi je pense que HTML5 peut être une alternative pour certaines choses, je pense notamment à la vidéo.</p>
<p>Voici un exemple de code pour intégrer une vidéo en HTML5</p>
<pre class="brush: xml; title: ;">
&lt;HTML&gt;
&lt;script src=&quot;html5/html5media.min.js&quot;&gt;&lt;/script&gt;
&lt;video src=&quot;video.ogv&quot; width=&quot;640&quot; height=&quot;360&quot; controls autobuffer&gt;&lt;/video&gt;
&lt;/HTML&gt;
</pre>
<p>Malheureusement comme j&#8217;indique au début de mon article, HTML5 a encore des progrès à faire. Le lecteur ne peut pas rajouter des sous-titres, gérer la publicité contextualisée et/ou adapter la résolution au débit. Bien sur, les technologies comme Flash ou <a href="http://fr.wikipedia.org/wiki/Silverlight" target="_blank">Silverlight</a> sont capables de faire de l’Adaptive Streaming (permet d&#8217;améliorer la communication avec le serveur de diffusion et optimiser la bande passante consommée), mais aussi du Smooth Streaming (permet d’adapter de manière dynamique le débit de la vidéo en fonction de la bande passante).&nbsp;</p>
<p>Enfin pour conclure, en ce qui concerne l&#8217;intégration de la vidéo en HTML5 la fondation Mozilla n&#8217;est pas d&#8217;accord sur le choix du codec à utiliser, Mozilla souhaite utiliser le codec libre <a href="http://fr.wikipedia.org/wiki/Theora" target="_blank">Theora</a> alors que Google et les &laquo;&nbsp;autres&nbsp;&raquo;, le H264. Résultat, si vous testez mon code sous firefox il faut encoder la vidéo en ogv. Voici une commande pour le faire :<br />
[sh]<br />
ffmpeg -i input.flv -acodec vorbis -ac 2 -vcodec libtheora -f ogg output.ogv<br />
[/sh]</p>
<p>J&#8217;en profite pour vous donner l&#8217;url de <a href="http://html5demos.com/" target="_blank">html5demos</a></p>
</div>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-shr">
<ul class="socials">
		<li class="shr-comfeed">
			<a href="http://www.planetedugeek.fr/index.php/2010/04/21/flash-vs-html5/feed" rel="nofollow" class="external" title="Subscribe to the comments for this post?">Subscribe to the comments for this post?</a>
		</li>
		<li class="shr-delicious">
			<a href="http://www.shareaholic.com/api/share/?title=Flash+Vs+HTML5&amp;link=http://www.planetedugeek.fr/index.php/2010/04/21/flash-vs-html5/&amp;notes=%0D%0A%0D%0A%26nbsp%3B%0D%0ACet%20article%20n%27a%20pas%20pour%C2%A0objectif%20de%20comparer%20Flash%20et%20HTML5.%20Dans%20cet%20article%2C%20je%20vais%20justement%20essayer%20d%27expliquer%20pourquoi%20ces%20deux%20technologies%20ne%20sont%20pas%20comparables.%20Je%20pense%20que%20l%27HTML5%20n%27a%20pas%20vocation%C2%A0%C3%A0%20remplacer%20le%20Flash%2C%20du%20moins%20dans%20l%27%C3%A9tat%20actuel%20des%20choses.%0D%0AHTML5%20est&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=2&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.shareaholic.com/api/share/?title=Flash+Vs+HTML5&amp;link=http://www.planetedugeek.fr/index.php/2010/04/21/flash-vs-html5/&amp;notes=%0D%0A%0D%0A%26nbsp%3B%0D%0ACet%20article%20n%27a%20pas%20pour%C2%A0objectif%20de%20comparer%20Flash%20et%20HTML5.%20Dans%20cet%20article%2C%20je%20vais%20justement%20essayer%20d%27expliquer%20pourquoi%20ces%20deux%20technologies%20ne%20sont%20pas%20comparables.%20Je%20pense%20que%20l%27HTML5%20n%27a%20pas%20vocation%C2%A0%C3%A0%20remplacer%20le%20Flash%2C%20du%20moins%20dans%20l%27%C3%A9tat%20actuel%20des%20choses.%0D%0AHTML5%20est&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=5&amp;tags=&amp;ctype=" rel="nofollow" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-friendfeed">
			<a href="http://www.shareaholic.com/api/share/?title=Flash+Vs+HTML5&amp;link=http://www.planetedugeek.fr/index.php/2010/04/21/flash-vs-html5/&amp;notes=%0D%0A%0D%0A%26nbsp%3B%0D%0ACet%20article%20n%27a%20pas%20pour%C2%A0objectif%20de%20comparer%20Flash%20et%20HTML5.%20Dans%20cet%20article%2C%20je%20vais%20justement%20essayer%20d%27expliquer%20pourquoi%20ces%20deux%20technologies%20ne%20sont%20pas%20comparables.%20Je%20pense%20que%20l%27HTML5%20n%27a%20pas%20vocation%C2%A0%C3%A0%20remplacer%20le%20Flash%2C%20du%20moins%20dans%20l%27%C3%A9tat%20actuel%20des%20choses.%0D%0AHTML5%20est&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=43&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on FriendFeed">Share this on FriendFeed</a>
		</li>
		<li class="shr-identica">
			<a href="http://www.shareaholic.com/api/share/?title=TITLE&amp;link=PERMALINK&amp;notes=%0D%0A%0D%0A%26nbsp%3B%0D%0ACet%20article%20n%27a%20pas%20pour%C2%A0objectif%20de%20comparer%20Flash%20et%20HTML5.%20Dans%20cet%20article%2C%20je%20vais%20justement%20essayer%20d%27expliquer%20pourquoi%20ces%20deux%20technologies%20ne%20sont%20pas%20comparables.%20Je%20pense%20que%20l%27HTML5%20n%27a%20pas%20vocation%C2%A0%C3%A0%20remplacer%20le%20Flash%2C%20du%20moins%20dans%20l%27%C3%A9tat%20actuel%20des%20choses.%0D%0AHTML5%20est&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=205&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Post this to Identica">Post this to Identica</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.shareaholic.com/api/share/?title=Flash+Vs+HTML5&amp;link=http://www.planetedugeek.fr/index.php/2010/04/21/flash-vs-html5/&amp;notes=%0D%0A%0D%0A%26nbsp%3B%0D%0ACet%20article%20n%27a%20pas%20pour%C2%A0objectif%20de%20comparer%20Flash%20et%20HTML5.%20Dans%20cet%20article%2C%20je%20vais%20justement%20essayer%20d%27expliquer%20pourquoi%20ces%20deux%20technologies%20ne%20sont%20pas%20comparables.%20Je%20pense%20que%20l%27HTML5%20n%27a%20pas%20vocation%C2%A0%C3%A0%20remplacer%20le%20Flash%2C%20du%20moins%20dans%20l%27%C3%A9tat%20actuel%20des%20choses.%0D%0AHTML5%20est&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=88&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on LinkedIn">Share this on LinkedIn</a>
		</li>
		<li class="shr-twitter">
			<a href="http://www.shareaholic.com/api/share/?title=Flash+Vs+HTML5&amp;link=http://www.planetedugeek.fr/index.php/2010/04/21/flash-vs-html5/&amp;notes=%0D%0A%0D%0A%26nbsp%3B%0D%0ACet%20article%20n%27a%20pas%20pour%C2%A0objectif%20de%20comparer%20Flash%20et%20HTML5.%20Dans%20cet%20article%2C%20je%20vais%20justement%20essayer%20d%27expliquer%20pourquoi%20ces%20deux%20technologies%20ne%20sont%20pas%20comparables.%20Je%20pense%20que%20l%27HTML5%20n%27a%20pas%20vocation%C2%A0%C3%A0%20remplacer%20le%20Flash%2C%20du%20moins%20dans%20l%27%C3%A9tat%20actuel%20des%20choses.%0D%0AHTML5%20est&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%24%7Btitle%7D+-+%24%7Bshort_link%7D+via+%40ilane_hazout&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="shr-viadeo">
			<a href="http://www.shareaholic.com/api/share/?title=Flash+Vs+HTML5&amp;link=http://www.planetedugeek.fr/index.php/2010/04/21/flash-vs-html5/&amp;notes=%0D%0A%0D%0A%26nbsp%3B%0D%0ACet%20article%20n%27a%20pas%20pour%C2%A0objectif%20de%20comparer%20Flash%20et%20HTML5.%20Dans%20cet%20article%2C%20je%20vais%20justement%20essayer%20d%27expliquer%20pourquoi%20ces%20deux%20technologies%20ne%20sont%20pas%20comparables.%20Je%20pense%20que%20l%27HTML5%20n%27a%20pas%20vocation%C2%A0%C3%A0%20remplacer%20le%20Flash%2C%20du%20moins%20dans%20l%27%C3%A9tat%20actuel%20des%20choses.%0D%0AHTML5%20est&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=92&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Viadeo">Share this on Viadeo</a>
		</li>
		<li class="shr-wikio">
			<a href="http://www.shareaholic.com/api/share/?title=Flash+Vs+HTML5&amp;link=http://www.planetedugeek.fr/index.php/2010/04/21/flash-vs-html5/&amp;notes=%0D%0A%0D%0A%26nbsp%3B%0D%0ACet%20article%20n%27a%20pas%20pour%C2%A0objectif%20de%20comparer%20Flash%20et%20HTML5.%20Dans%20cet%20article%2C%20je%20vais%20justement%20essayer%20d%27expliquer%20pourquoi%20ces%20deux%20technologies%20ne%20sont%20pas%20comparables.%20Je%20pense%20que%20l%27HTML5%20n%27a%20pas%20vocation%C2%A0%C3%A0%20remplacer%20le%20Flash%2C%20du%20moins%20dans%20l%27%C3%A9tat%20actuel%20des%20choses.%0D%0AHTML5%20est&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=&amp;tags=&amp;ctype=" rel="nofollow" class="external" title=""></a>
		</li>
</ul><div style="clear: both;"></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.planetedugeek.fr/index.php/2010/04/21/flash-vs-html5/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Phatch Vs Picturesque</title>
		<link>http://www.planetedugeek.fr/index.php/2010/03/24/phatch-vs-picturesque/</link>
		<comments>http://www.planetedugeek.fr/index.php/2010/03/24/phatch-vs-picturesque/#comments</comments>
		<pubDate>Wed, 24 Mar 2010 14:24:08 +0000</pubDate>
		<dc:creator>Hazout Ilane</dc:creator>
				<category><![CDATA[Générale]]></category>
		<category><![CDATA[Phatch]]></category>
		<category><![CDATA[Pictureque]]></category>
		<category><![CDATA[python]]></category>

		<guid isPermaLink="false">http://www.planetedugeek.fr/?p=677</guid>
		<description><![CDATA[Phatch (Photo-Batch) est un logiciel graphique libre, distribué sous licence GNU/GPL. Il permet de traiter des images par lots : redimensionnement, réorientation, changement de nom, application de filtre, ombrage, arrondi &#8230; Phatch peut aussi être employé comme application sur un serveur. On peut préparer une liste d’actions avec l’interface graphique et ensuite l’exécuter sur n’importe quel [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;"><a href="http://photobatch.stani.be/">Phatch</a> (Photo-Batch) est un logiciel graphique libre, distribué sous licence GNU/GPL. Il permet de traiter des images par lots : redimensionnement, réorientation, changement de nom, application de filtre, ombrage, arrondi &#8230; Phatch peut aussi être employé comme application sur un serveur. On peut préparer une liste d’actions avec l’interface graphique et ensuite l’exécuter sur n’importe quel serveur avec seulement comme prérequis python-imaging. Un seul vrai regret pour cette application : pendant l&#8217;ajout des actions, on ne peut pas voir la Preview des actions sur l&#8217;image, c&#8217;est bien dommage! Cependant les possibilités de cette outil sont assez impressionnantes.<br />
<span id="more-677"></span></p>
<p>Pour installer sur une Debian ou Ubuntu, c&#8217;est très simple :<br />
[sh]<br />
apt-get install phatch<br />
[/sh]<br />
Pour installer sur Windows ou sur mac c&#8217;est une autre histoire, il faut installer :<br />
Python (2.5 ou 2.4), wxPython (2.8 ou 2.6), Python Imaging Library (1.1.6 ou 1.1.5)<br />
Voici la documentation <a href="http://photobatch.wikidot.com/install#toc7">ici</a><br />
A quoi ressemble Phatch ? voici deux screenshot sous Ubuntu :</p>
<p><a href="http://www.planetedugeek.fr/wp-content/uploads/2010/03/Phatch2.png"><img class="alignnone size-medium wp-image-680" title="Phatch" src="http://www.planetedugeek.fr/wp-content/uploads/2010/03/Phatch2-288x300.png" alt="Phatch" width="288" height="300" /></a><a href="http://www.planetedugeek.fr/wp-content/uploads/2010/03/Image-1.png"><img class="alignnone size-medium wp-image-679" title="Phatch" src="http://www.planetedugeek.fr/wp-content/uploads/2010/03/Image-1-219x300.png" alt="Phatch" width="219" height="300" /></a></p>
<p>Pour obtenir une image avec un reflet en bas de l&#8217;image avec un décalage façon 3D sur la droite voici un <a href="http://www.planetedugeek.fr/wp-content/uploads/2010/03/TransRefletDecalageDroite.phatch">script</a> réutilisable avec Phatch. Voici deux petits exemples :</p>
<p><a href="http://www.planetedugeek.fr/wp-content/uploads/2010/03/103.png"><img class="alignnone size-medium wp-image-694" title="Exemple" src="http://www.planetedugeek.fr/wp-content/uploads/2010/03/103-149x300.png" alt="" width="149" height="300" /></a><a href="http://www.planetedugeek.fr/wp-content/uploads/2010/03/11b.png"><img class="alignnone size-medium wp-image-698" title="Exemple" src="http://www.planetedugeek.fr/wp-content/uploads/2010/03/11b-272x300.png" alt="Exemple" width="272" height="300" /></a></p>
<p style="text-align: justify;"><a href="http://www.acqualia.com/picturesque/">Picturesque</a> est un petit logiciel graphique propriétaire qui permet lui aussi de faire simplement de beaux effets sur vos images, effets dignes de gros logiciels d’édition d’image mais sans la complexité. Il vous faudra débourser 22 euros pour une licence unique. Le gros avantage de cet outil est qu&#8217;il propose tout comme Phatch le traitement par lot d&#8217;images mais surtout une Preview des modifications avant la sauvegarde des images. Les effet proposés sont moins riches que sur Phatch, mais on retrouve quand même des effets très utiles pour travailler des images destinées à être publiées sur le web. Par contre, il n&#8217;est pas possible de sauvegarder un modèle pour appliquer le même effet ultérieurement.</p>
<p>Voici un petit Screeshot :</p>
<p><a href="http://www.planetedugeek.fr/wp-content/uploads/2010/03/Pictureque1.png"><img class="alignnone size-medium wp-image-685" title="Pictureque" src="http://www.planetedugeek.fr/wp-content/uploads/2010/03/Pictureque1-300x173.png" alt="Pictureque" width="300" height="173" /></a></p>
<p>^^Merci Simon</p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-shr">
<ul class="socials">
		<li class="shr-comfeed">
			<a href="http://www.planetedugeek.fr/index.php/2010/03/24/phatch-vs-picturesque/feed" rel="nofollow" class="external" title="Subscribe to the comments for this post?">Subscribe to the comments for this post?</a>
		</li>
		<li class="shr-delicious">
			<a href="http://www.shareaholic.com/api/share/?title=Phatch+Vs+Picturesque&amp;link=http://www.planetedugeek.fr/index.php/2010/03/24/phatch-vs-picturesque/&amp;notes=Phatch%20%28Photo-Batch%29%20est%20un%20logiciel%20graphique%20libre%2C%20distribu%C3%A9%20sous%20licence%20GNU%2FGPL.%20Il%C2%A0permet%20de%20traiter%20des%20images%20par%20lots%20%3A%20redimensionnement%2C%20r%C3%A9orientation%2C%20changement%20de%20nom%2C%20application%20de%20filtre%2C%20ombrage%2C%20arrondi%20...%20Phatch%20peut%20aussi%20%C3%AAtre%20employ%C3%A9%20comme%20application%20sur%20un%20serveur.%20On%20p&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=2&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.shareaholic.com/api/share/?title=Phatch+Vs+Picturesque&amp;link=http://www.planetedugeek.fr/index.php/2010/03/24/phatch-vs-picturesque/&amp;notes=Phatch%20%28Photo-Batch%29%20est%20un%20logiciel%20graphique%20libre%2C%20distribu%C3%A9%20sous%20licence%20GNU%2FGPL.%20Il%C2%A0permet%20de%20traiter%20des%20images%20par%20lots%20%3A%20redimensionnement%2C%20r%C3%A9orientation%2C%20changement%20de%20nom%2C%20application%20de%20filtre%2C%20ombrage%2C%20arrondi%20...%20Phatch%20peut%20aussi%20%C3%AAtre%20employ%C3%A9%20comme%20application%20sur%20un%20serveur.%20On%20p&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=5&amp;tags=&amp;ctype=" rel="nofollow" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-friendfeed">
			<a href="http://www.shareaholic.com/api/share/?title=Phatch+Vs+Picturesque&amp;link=http://www.planetedugeek.fr/index.php/2010/03/24/phatch-vs-picturesque/&amp;notes=Phatch%20%28Photo-Batch%29%20est%20un%20logiciel%20graphique%20libre%2C%20distribu%C3%A9%20sous%20licence%20GNU%2FGPL.%20Il%C2%A0permet%20de%20traiter%20des%20images%20par%20lots%20%3A%20redimensionnement%2C%20r%C3%A9orientation%2C%20changement%20de%20nom%2C%20application%20de%20filtre%2C%20ombrage%2C%20arrondi%20...%20Phatch%20peut%20aussi%20%C3%AAtre%20employ%C3%A9%20comme%20application%20sur%20un%20serveur.%20On%20p&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=43&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on FriendFeed">Share this on FriendFeed</a>
		</li>
		<li class="shr-identica">
			<a href="http://www.shareaholic.com/api/share/?title=TITLE&amp;link=PERMALINK&amp;notes=Phatch%20%28Photo-Batch%29%20est%20un%20logiciel%20graphique%20libre%2C%20distribu%C3%A9%20sous%20licence%20GNU%2FGPL.%20Il%C2%A0permet%20de%20traiter%20des%20images%20par%20lots%20%3A%20redimensionnement%2C%20r%C3%A9orientation%2C%20changement%20de%20nom%2C%20application%20de%20filtre%2C%20ombrage%2C%20arrondi%20...%20Phatch%20peut%20aussi%20%C3%AAtre%20employ%C3%A9%20comme%20application%20sur%20un%20serveur.%20On%20p&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=205&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Post this to Identica">Post this to Identica</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.shareaholic.com/api/share/?title=Phatch+Vs+Picturesque&amp;link=http://www.planetedugeek.fr/index.php/2010/03/24/phatch-vs-picturesque/&amp;notes=Phatch%20%28Photo-Batch%29%20est%20un%20logiciel%20graphique%20libre%2C%20distribu%C3%A9%20sous%20licence%20GNU%2FGPL.%20Il%C2%A0permet%20de%20traiter%20des%20images%20par%20lots%20%3A%20redimensionnement%2C%20r%C3%A9orientation%2C%20changement%20de%20nom%2C%20application%20de%20filtre%2C%20ombrage%2C%20arrondi%20...%20Phatch%20peut%20aussi%20%C3%AAtre%20employ%C3%A9%20comme%20application%20sur%20un%20serveur.%20On%20p&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=88&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on LinkedIn">Share this on LinkedIn</a>
		</li>
		<li class="shr-twitter">
			<a href="http://www.shareaholic.com/api/share/?title=Phatch+Vs+Picturesque&amp;link=http://www.planetedugeek.fr/index.php/2010/03/24/phatch-vs-picturesque/&amp;notes=Phatch%20%28Photo-Batch%29%20est%20un%20logiciel%20graphique%20libre%2C%20distribu%C3%A9%20sous%20licence%20GNU%2FGPL.%20Il%C2%A0permet%20de%20traiter%20des%20images%20par%20lots%20%3A%20redimensionnement%2C%20r%C3%A9orientation%2C%20changement%20de%20nom%2C%20application%20de%20filtre%2C%20ombrage%2C%20arrondi%20...%20Phatch%20peut%20aussi%20%C3%AAtre%20employ%C3%A9%20comme%20application%20sur%20un%20serveur.%20On%20p&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%24%7Btitle%7D+-+%24%7Bshort_link%7D+via+%40ilane_hazout&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="shr-viadeo">
			<a href="http://www.shareaholic.com/api/share/?title=Phatch+Vs+Picturesque&amp;link=http://www.planetedugeek.fr/index.php/2010/03/24/phatch-vs-picturesque/&amp;notes=Phatch%20%28Photo-Batch%29%20est%20un%20logiciel%20graphique%20libre%2C%20distribu%C3%A9%20sous%20licence%20GNU%2FGPL.%20Il%C2%A0permet%20de%20traiter%20des%20images%20par%20lots%20%3A%20redimensionnement%2C%20r%C3%A9orientation%2C%20changement%20de%20nom%2C%20application%20de%20filtre%2C%20ombrage%2C%20arrondi%20...%20Phatch%20peut%20aussi%20%C3%AAtre%20employ%C3%A9%20comme%20application%20sur%20un%20serveur.%20On%20p&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=92&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Viadeo">Share this on Viadeo</a>
		</li>
		<li class="shr-wikio">
			<a href="http://www.shareaholic.com/api/share/?title=Phatch+Vs+Picturesque&amp;link=http://www.planetedugeek.fr/index.php/2010/03/24/phatch-vs-picturesque/&amp;notes=Phatch%20%28Photo-Batch%29%20est%20un%20logiciel%20graphique%20libre%2C%20distribu%C3%A9%20sous%20licence%20GNU%2FGPL.%20Il%C2%A0permet%20de%20traiter%20des%20images%20par%20lots%20%3A%20redimensionnement%2C%20r%C3%A9orientation%2C%20changement%20de%20nom%2C%20application%20de%20filtre%2C%20ombrage%2C%20arrondi%20...%20Phatch%20peut%20aussi%20%C3%AAtre%20employ%C3%A9%20comme%20application%20sur%20un%20serveur.%20On%20p&amp;short_link=&amp;shortener=bitly&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=&amp;tags=&amp;ctype=" rel="nofollow" class="external" title=""></a>
		</li>
</ul><div style="clear: both;"></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.planetedugeek.fr/index.php/2010/03/24/phatch-vs-picturesque/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

