<?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>Bubulles Créations</title>
	<atom:link href="http://jebulle.net/feed" rel="self" type="application/rss+xml" />
	<link>http://jebulle.net</link>
	<description>Bullons ensemble</description>
	<lastBuildDate>Tue, 15 Jun 2010 21:53:10 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Un logiciel pour Albulle</title>
		<link>http://jebulle.net/474-un-logiciel-pour-albulle.html</link>
		<comments>http://jebulle.net/474-un-logiciel-pour-albulle.html#comments</comments>
		<pubDate>Tue, 15 Jun 2010 21:48:00 +0000</pubDate>
		<dc:creator>SamRay1024</dc:creator>
				<category><![CDATA[Albulle]]></category>

		<guid isPermaLink="false">http://jebulle.net/?p=474</guid>
		<description><![CDATA[Un outil qui, j'espère, saura se rendre indispensable pour tout utilisateur d'Albulle !]]></description>
			<content:encoded><![CDATA[<p>Voir un projet fonctionner et être utilisé est une grande satisfaction. Voir un projet, mené par quelqu&#8217;un d&#8217;autre, venir se greffer directement sur le premier projet, c&#8217;est terriblement gratifiant !</p>
<p>C&#8217;est le cas d&#8217;un nouveau logiciel, qui en est à son balbutiement : <a title="Dépôt d'ImageResizer for Albulle" href="http://imageresizer4albulle.codeplex.com/"><strong>ImageResizer for Albulle</strong></a>. Son auteur m&#8217;a contacté dernièrement pour me faire part de son travail et je dois dire que j&#8217;étais sacrément surpris ! Heureux et surpris. Il y aura très bientôt une belle application qui vous permettra de sélectionner des photos, de choisir un profil de redimensionnement, de choisir un dossier destination et d&#8217;envoyer le tout par <strong>FTP </strong>directement sur votre serveur ! Tout ce que vous faisiez manuellement avec plusieurs outils pourra être fait le plus simplement du monde depuis une seule interface. Le maillon manquant pour que la publication de vos photos soit la plus aisée possible&#8230; Merci ! Qui plus est, l&#8217;application gère automatiquement l&#8217;envoi des photos originales (selon votre configuration, le soft sachant lire ce que vous paramétrez dans <strong>config.php</strong>) et la génération des miniatures ! Comme ça, <a title="Site d'Albulle" href="http://albulle.jebulle.net">Albulle </a>n&#8217;aura plus qu&#8217;à afficher les galeries.</p>
<p>L&#8217;application que j&#8217;ai pu tester fonctionne déjà très bien, à ceci prêt que la copie des photos ne fonctionne pas encore par <strong>FTP</strong>, mais le travail est en cours et cela sera bientôt possible.</p>
<p>Pour ne rien gâcher, le projet est ouvert, disponible sur <a title="Dépôt d'ImageResizer for Albulle" href="http://imageresizer4albulle.codeplex.com/">CodePlex</a>. Il est développé en <strong>C#</strong>, pour la plate-forme <strong>Windows</strong>.</p>
<p>Longue vie à <strong><a title="Dépôt d'ImageResizer for Albulle" href="http://imageresizer4albulle.codeplex.com/"><strong>ImageResizer for  Albulle</strong></a></strong> et un <strong>grand merci</strong> à son auteur d&#8217;investir de son temps pour contribuer à l&#8217;amélioration de l&#8217;expérience utilisateur de cette chère galerie !</p>
<p>Stay tuned, d&#8217;autres infos certainement très bientôt.</p>
<p><em>Note : pour pouvoir utiliser l&#8217;application, vous devrez installer au préalable le <a title="Télécharger le Microsoft Framework .NET" href="http://msdn.microsoft.com/fr-fr/netframework/aa569263.aspx">Microsoft Framework .NET</a>, dans sa version <strong>3.5 au minimum</strong>.</em></p>
]]></content:encoded>
			<wfw:commentRss>http://jebulle.net/474-un-logiciel-pour-albulle.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Albulle 1.2.1, version de maintenance</title>
		<link>http://jebulle.net/468-albulle-1-2-1-version-de-maintenance.html</link>
		<comments>http://jebulle.net/468-albulle-1-2-1-version-de-maintenance.html#comments</comments>
		<pubDate>Tue, 25 May 2010 21:11:34 +0000</pubDate>
		<dc:creator>SamRay1024</dc:creator>
				<category><![CDATA[Albulle]]></category>
		<category><![CDATA[Développement]]></category>

		<guid isPermaLink="false">http://jebulle.net/?p=468</guid>
		<description><![CDATA[Quelques corrections de la version 1.2, notamment pour pouvoir être installée chez Free, et pour combler quelques lacunes du nouveau moteur de rendu.]]></description>
			<content:encoded><![CDATA[<p><a title="Commentaire de Florent" href="http://jebulle.net/462-albulle-1-2-disponible.html/comment-page-1#comment-3116">Florent</a> me l&#8217;a signalé peu après la sortie de la version 1.2 (merci !), <a title="Site d'Albulle" href="http://albulle.jebulle.net">Albulle</a> ne fonctionnait plus chez <a title="Hébergement gratuit chez Free.fr" href="http://free.fr">Free</a>. En voulant aller trop vite, on en oublie les choses essentielles <img src='http://jebulle.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> .</p>
<p><a title="PHP" href="http://fr.php.net">PHP5</a> étant devenue ma version de référence pour le développement, j&#8217;en avais complètement oublié qu&#8217;<strong>Albulle</strong>, jusqu&#8217;à la version 1.1.1, était encore compatible <strong>PHP4</strong>. Or chez <strong>Free</strong>, c&#8217;est toujours la version 4 de <strong>PHP</strong> qui est active par défaut. Qui plus est, l&#8217;intégration de <strong>JbLib</strong> qui utilise la fonction <a title="Manuel de la fonction glob" href="http://fr.php.net/manual/fr/function.glob.php">glob()</a>, empêche <strong>Albulle</strong> de tourner correctement car la fonction renvoie toujours faux chez l&#8217;hébergeur.</p>
<p>D&#8217;où cette version 1.2.1. Vous trouverez la marche à suivre pour installer <strong>Albulle</strong> chez <strong>Free</strong> dans le dossier <strong>extras/</strong> de l&#8217;archive. En plus de cela, le nouveau moteur de rendu a été corrigé : il manquait la gestion du mode intégration à un site et le thème par défaut n&#8217;était pas complet.</p>
<p>Cette <a title="Télécharger Albulle" href="http://jebulle.net/download.php?fichier=albulle">version 1.2.1</a> devrait donc correspondre à ce qu&#8217;aurait du être la version 1.2&#8230;si tout avait été testé plus en profondeur.</p>
<p>Bonne installation à tous ! Et pour tout problème, n&#8217;hésitez pas à me contacter.</p>
<p><a title="Site d'Albulle" href="http://albulle.jebulle.net">Site d&#8217;Albulle »</a><br />
<a title="Télécharger la dernière version d'Albulle" href="http://jebulle.net/download.php?fichier=albulle">Télécharger Albulle »</a></p>
]]></content:encoded>
			<wfw:commentRss>http://jebulle.net/468-albulle-1-2-1-version-de-maintenance.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Albulle 1.2 disponible</title>
		<link>http://jebulle.net/462-albulle-1-2-disponible.html</link>
		<comments>http://jebulle.net/462-albulle-1-2-disponible.html#comments</comments>
		<pubDate>Sun, 09 May 2010 21:37:48 +0000</pubDate>
		<dc:creator>SamRay1024</dc:creator>
				<category><![CDATA[Albulle]]></category>

		<guid isPermaLink="false">http://jebulle.net/?p=462</guid>
		<description><![CDATA[Après 5 années d'existence, Albulle 1.2 voit le jour !]]></description>
			<content:encoded><![CDATA[<p><strong>5 ans !</strong> 5 années que le projet existe et qu&#8217;il mène sa petite vie. Pour l&#8217;occasion, <strong>Albulle 1.2</strong> apporte son lot de nouveautés :</p>
<ol>
<li><strong>Nouveau moteur de rendu</strong> (<em>JbParser</em>) : changement non visible mais ô combien important pour les <strong>thèmes</strong>, <a title="Site d'Albulle" href="http://albulle.jebulle.net">Albulle </a>se dote d&#8217;un vrai petit moteur de templates. Rien à voir avec un <a title="Smarty : Template Engine" href="http://www.smarty.net/">Smarty</a>, juste un p&#8217;tit moteur sans prétention qui remplit sa tâche à merveille pour les besoins d&#8217;<strong>Albulle</strong>. Sorte de résurgence du vieillissant moteur de la <strong>PHPLIB</strong>, inspirée de <a title="Jelix, Framework PHP" href="http://jelix.org/">Jelix</a> mixée avec une sauce maison ! Je détaillerai toutes ses fonctionnalités au travers d&#8217;une future documentation complète.</li>
<li>Le <strong>tri par date de prise de vue</strong> est désormais possible ! Fini de renommer ses photos pour les trier, vous envoyez le dossier, et Albulle se charge de mettre vos JPEG dans l&#8217;ordre chronologique !</li>
<li><strong>Lecture de la </strong><strong>légende IPTC des images JPEG</strong> supportée via une nouvelle pseudo-variable<strong> {$legende}</strong> (vous noterez la nouvelle syntaxe des pseudos-variables au passage). Si vous utilisez le logiciel <strong>Picasa</strong>, la légende est le texte que vous pouvez saisir sous la photo lorsque vous êtes en visualisation.</li>
<li>J&#8217;ai très légèrement <strong>modifié le logo</strong>, pour que le &laquo;&nbsp;A&nbsp;&raquo; ressemble plus à la lettre qu&#8217;à un champignon&#8230;</li>
<li>Et bien sûr quelques corrections et pas mal de réécritures et nettoyages de code pour cette version.</li>
</ol>
<p><a title="Documentations de JeBulle.Net" href="http://doc.jebulle.net">La documentation d&#8217;Albulle</a> n&#8217;est pas à jour et les autres thèmes ne sont pas prêts pour cette version 1.2. J&#8217;essaie autant que faire se peut d&#8217;actualiser tout cela au plus vite&#8230; Mais vous connaissez la maison, ça viendra&#8230;quand je pourrai trouver le temps !</p>
<p>Pour <a title="Site d'Albulle" href="http://albulle.jebulle.net/">télécharger Albulle</a>, c&#8217;est comme d&#8217;habitude !</p>
<p><strong>Merci à tous les fidèles qui utilisent Albulle et qui suivent le projet, de près ou de loin !</strong></p>
<p><em>PS : pour les curieux qui iront jeter un œil dans le code source, vous verrez un nouveau dossier &laquo;&nbsp;jblib&nbsp;&raquo; dans lequel se trouve la classe JbParser, le nouveau moteur de rendu. La JbLib sera un nouveau projet, qui sera lancé&#8230;(vous connaissez la musique <img src='http://jebulle.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> ) et qui regroupera un ensemble de classes qui constitueront une sorte de kit de démarrage de développement. Cette librairie est déjà équipée de quelques classes, mais comme tout est à l&#8217;état de chantier, j&#8217;attends de bien standardiser toutes ces classes avant de les publier !</em></p>
]]></content:encoded>
			<wfw:commentRss>http://jebulle.net/462-albulle-1-2-disponible.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Albulle 1.2, en cours de cuisson</title>
		<link>http://jebulle.net/459-albulle-1-2-en-cours-de-cuisson.html</link>
		<comments>http://jebulle.net/459-albulle-1-2-en-cours-de-cuisson.html#comments</comments>
		<pubDate>Thu, 29 Apr 2010 21:48:14 +0000</pubDate>
		<dc:creator>SamRay1024</dc:creator>
				<category><![CDATA[Albulle]]></category>
		<category><![CDATA[Développement]]></category>

		<guid isPermaLink="false">http://jebulle.net/?p=459</guid>
		<description><![CDATA[La nouvelle mouture d'Albulle est disponible en avant première depuis le dépôt SVN (à des fins de tests uniquement).]]></description>
			<content:encoded><![CDATA[<p>Je viens d&#8217;aller faire un tour dans les archives du blog, la version 1.1 date de novembre 2008&#8230;Voilà qui commence à remonter ! J&#8217;étais jeune marié et la tête plein de projets.</p>
<p>De ces projets, deux ont vu le jour. Nous avons investi dans l&#8217;immobilier et, le plus magique des deux, nous avons conçu une merveille : un joli petit garçon qui a deux mois depuis peu !</p>
<p>Tout cela pour vous dire que je n&#8217;en oublie pas pour autant les autres projets et qu&#8217;<a title="Albulle, galerie photos" href="http://albulle.jebulle.net"><strong>Albulle</strong></a> va bientôt revenir dans une nouvelle version. La principale nouveauté est le <strong>changement intégral du moteur de rendu</strong> qui utilise une classe de mon cru que j&#8217;ai dans les cartons depuis un moment. <strong>Albulle 1.2</strong> est, à l&#8217;heure actuelle, pleinement fonctionnelle. Il me reste un bogue à vérifier (<a title="FS#5" href="http://dev.jebulle.net/index.php?do=details&amp;task_id=5">FS#5</a>) et la réalisation des tests de l&#8217;ensemble avant de pouvoir livrer la nouvelle mouture.</p>
<p>En attendant, vous pouvez tester cette version en la récupérant depuis le dépôt <a title="Dépôt SVN d'Albulle" href="http://albulle.googlecode.com">SVN</a> ; il est à jour !</p>
]]></content:encoded>
			<wfw:commentRss>http://jebulle.net/459-albulle-1-2-en-cours-de-cuisson.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sharding et optimisation des accès aux données</title>
		<link>http://jebulle.net/457-sharding-et-optimisation-des-acces-aux-donnees.html</link>
		<comments>http://jebulle.net/457-sharding-et-optimisation-des-acces-aux-donnees.html#comments</comments>
		<pubDate>Fri, 26 Mar 2010 13:46:15 +0000</pubDate>
		<dc:creator>SamRay1024</dc:creator>
				<category><![CDATA[Lectures]]></category>

		<guid isPermaLink="false">http://jebulle.net/?p=457</guid>
		<description><![CDATA[→ À lire sur Decrypt
]]></description>
			<content:encoded><![CDATA[<p><a title="Lire : Sharding et optimisation des accès aux données" href="http://decrypt.ysance.com/2009/05/sharding-partitionnement-optimisation-acces-aux-donnees/">→ À lire sur Decrypt</a></p>
]]></content:encoded>
			<wfw:commentRss>http://jebulle.net/457-sharding-et-optimisation-des-acces-aux-donnees.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>L&#8217;effet tilt-shift en vidéo</title>
		<link>http://jebulle.net/455-leffet-tilt-shift-en-video.html</link>
		<comments>http://jebulle.net/455-leffet-tilt-shift-en-video.html#comments</comments>
		<pubDate>Thu, 25 Mar 2010 17:30:01 +0000</pubDate>
		<dc:creator>SamRay1024</dc:creator>
				<category><![CDATA[Le Web parle du Web]]></category>
		<category><![CDATA[Tilt-Shift]]></category>
		<category><![CDATA[Vidéos]]></category>

		<guid isPermaLink="false">http://jebulle.net/?p=455</guid>
		<description><![CDATA[Une belle réalisation à découvrir pour le plaisir des yeux.]]></description>
			<content:encoded><![CDATA[<p>Tout simplement superbe :</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="225" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=9679622&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="400" height="225" src="http://vimeo.com/moogaloop.swf?clip_id=9679622&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p><a href="http://vimeo.com/9679622">The Sandpit</a> from <a href="http://vimeo.com/user1639813">Sam O&#8217;Hare</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://jebulle.net/455-leffet-tilt-shift-en-video.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>MP#6 &#8211; Question d&#8217;organisation</title>
		<link>http://jebulle.net/453-mp6-question-dorganisation.html</link>
		<comments>http://jebulle.net/453-mp6-question-dorganisation.html#comments</comments>
		<pubDate>Tue, 02 Feb 2010 18:29:03 +0000</pubDate>
		<dc:creator>SamRay1024</dc:creator>
				<category><![CDATA[Questions métaphysiques]]></category>

		<guid isPermaLink="false">http://jebulle.net/?p=453</guid>
		<description><![CDATA[Allô ? Service des objets perdus j'écoute !]]></description>
			<content:encoded><![CDATA[<p><strong>Pourquoi ne retrouve-t-on jamais ce que l&#8217;on range à un endroit bien spécifique pour être certain de le retrouver plus tard ?</strong></p>
<p>Une heure perdue pour finalement ne pas retrouver quatre malheureuses vis de soutient d&#8217;une étagère&#8230;Alors qu&#8217;en montant le meuble, je m&#8217;étais dit, je vais les ranger là, comme ça, le jour où l&#8217;on voudra mettre l&#8217;étagère, je saurai où elles se trouvent&#8230;Je cherche encore !</p>
]]></content:encoded>
			<wfw:commentRss>http://jebulle.net/453-mp6-question-dorganisation.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Trad : Du code propre avec les micro-plugins jQuery</title>
		<link>http://jebulle.net/435-trad-du-code-propre-avec-les-micro-plugins-jquery.html</link>
		<comments>http://jebulle.net/435-trad-du-code-propre-avec-les-micro-plugins-jquery.html#comments</comments>
		<pubDate>Thu, 03 Dec 2009 18:10:56 +0000</pubDate>
		<dc:creator>SamRay1024</dc:creator>
				<category><![CDATA[Développement]]></category>
		<category><![CDATA[Traductions]]></category>

		<guid isPermaLink="false">http://jebulle.net/?p=435</guid>
		<description><![CDATA[Rendez vos programmes javascripts plus claires et plus maintenables en utilisant un gabarit de développement uniformisé.]]></description>
			<content:encoded><![CDATA[<blockquote><p>Cet article est la traduction d&#8217;un <a title="Du code plus propre grâce aux micro-plugins jQuery" href="http://www.thegarvin.com/2009/10/28/clearer-code-with-jquery-micro-plugins.html">article publié sur le blog de Jim GARVIN</a>.</p></blockquote>
<p>Beaucoup de programmes <strong>javascripts</strong> nécessitent l&#8217;exécution de code dès lors que le chargement d&#8217;une page est arrivé à terme. <a title="Librairie Javascript jQuery" href="http://jquery.com/">jQuery</a> rend facile le branchement à cet événement et beaucoup de développeurs l&#8217;utilise comme tel :</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
</pre></td><td class="code"><pre class="php" style="font-family:monospace;">$<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span>ready<span style="color: #009900;">&#40;</span><span style="color: #000000; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
	<span style="color: #666666; font-style: italic;">// code du programme... tout est là</span>
&nbsp;
	<span style="color: #000000; font-weight: bold;">var</span> term <span style="color: #339933;">=</span> searchParameter<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
	<span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span>term<span style="color: #009900;">&#41;</span> $<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;#search_form input[type=text]&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span>val<span style="color: #009900;">&#40;</span>term<span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span>addClass<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;focus&quot;</span><span style="color: #009900;">&#41;</span>
&nbsp;
	<span style="color: #666666; font-style: italic;">// .. 200 lignes plus loin ...</span>
	<span style="color: #666666; font-style: italic;">// ah, voici le code que vous devez modifier</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<p>Ce type de code est très certainement suffisant pour de <strong>petites applications</strong>, mais dès lors que vous avez quelques centaines de lignes de code qui grouillent, il est fort probable que vous commenciez à souffrir pour travailler. Vous pouvez essayer de ponctuer le code de commentaires &#8211; nous savons tous que ce n&#8217;est pas idéal &#8211; ou encore découper le code en plusieurs appels de <em>$document.ready()</em>, les uns après les autres. Pas très propre&#8230;</p>
<p>Une façon d&#8217;obtenir un plus haut-niveau de compréhension de votre code consiste à sortir les sections sans rapport dans leurs propres fonctions pour ensuite les appeler depuis la fonction d&#8217;initialisation :</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
</pre></td><td class="code"><pre class="php" style="font-family:monospace;">$<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span>ready<span style="color: #009900;">&#40;</span><span style="color: #000000; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
	initializeSearchForm<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	initializeRowPointer<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	initializeThumbnailSizeSlider<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	initializeQueueStatuses<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #666666; font-style: italic;">// et cetera ...</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">function</span> initializeSearchForm<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">var</span> term <span style="color: #339933;">=</span> searchParameter<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span>term<span style="color: #009900;">&#41;</span> $<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;#search_form input[type=text]&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span>val<span style="color: #009900;">&#40;</span>term<span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span>addClass<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;focus&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #666666; font-style: italic;">// et toutes les autres fonctions ...</span></pre></td></tr></table></div>

<p>Désormais, nous avons une <strong>vue d&#8217;ensemble claire</strong> de ce qui se passe au chargement de la page et nous pouvons <strong>aisément accéder</strong> à telle ou telle fonction pour voir son fonctionnement et lui apporter des modifications. C&#8217;est mieux, et c&#8217;est comme celà que je procède depuis longtemps, mais en utilisant le patron de conception de <a href="http://ryan.mcgeary.org/">Ryan McGeary</a>, nous pouvons rendre ce code encore plus révélateur de ce qu&#8217;il fait et améliorer sa maintenabilité en embraçant le style <a title="Librairie Javascript jQuery" href="http://jquery.com/">jQuery</a>.</p>
<h3>Transformation en micro-plugin</h3>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
</pre></td><td class="code"><pre class="php" style="font-family:monospace;">$<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span>ready<span style="color: #009900;">&#40;</span><span style="color: #000000; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
	$<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;#search input[type=text]&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span>searchForm<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	$<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;#orders&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span>selectableRows<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	$<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;#slider&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span>thumbnailSizeSlider<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;td.picture img&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	$<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;#queue_statuses .status&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span>queueStatus<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #666666; font-style: italic;">// et cetera...</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #666666; font-style: italic;">// micro-plugin</span>
$<span style="color: #339933;">.</span>fn<span style="color: #339933;">.</span>searchForm <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">var</span> term <span style="color: #339933;">=</span> searchParameter<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span>term<span style="color: #009900;">&#41;</span> this<span style="color: #339933;">.</span>val<span style="color: #009900;">&#40;</span>term<span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span>addClass<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;focus&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #b1b100;">return</span> this<span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #666666; font-style: italic;">// et tous les autres micro-plugins...</span></pre></td></tr></table></div>

<p>En réécrivant nos fonctions en tant que <strong>plugins <a title="Librairie Javascript jQuery" href="http://jquery.com/">jQuery</a></strong>, nous bénéficions de nombreux avantages par rapport à la première approche :</p>
<ul>
<li>Nous déplaçons le sélecteur dans la section d&#8217;initialisation où nous pouvons<strong> facilement le retrouvez et le modifier</strong>. Cela nous donne une <strong>meilleure vision</strong> de ce que le code fait, tout cela sans effort.</li>
<li>C&#8217;est un <strong>plugin </strong><strong>jQuery</strong> ! N&#8217;importe quel autre développeur habitué à <strong>jQuery</strong> et ne connaissant pas votre code, pourra immédiatement l&#8217;appréhender et se l&#8217;approprier,</li>
<li>C&#8217;est un <strong>plugin jQuery</strong> ! C&#8217;est facilement <strong>réutilisable</strong>, même si ce n&#8217;est pour l&#8217;instant pas l&#8217;objectif.</li>
</ul>
<p>Si vous n&#8217;aviez jamais écrit de <strong>plugin jQuery </strong>auparavant, ceci devrait vous convaincre de la <strong>simplicité d&#8217;implémentation</strong>. Il n&#8217;est pas nécessaire de comprendre tous les méandres d&#8217;un framework. Vous adjoignez simplement une fonction à <em>jQuery.fn</em> et accédez à l&#8217;objet courant grâce à <em>this. </em>C&#8217;est la <strong>simplicité du système de plugins jQuery</strong> qui rend les <strong>micro-plugins</strong> possibles.</p>
<h3>Quelle est cette pitrerie !? Un plugin, tout simplement !</h3>
<p>Faisons tout de même bien la <strong>distinction </strong>entre un <strong>plugin</strong> et un <strong>micro-plugin</strong>. La différence réside principalement dans l&#8217;<strong>intention de l&#8217;auteur</strong> qui rédige le code. Généralement, les <strong>plugins jQuery </strong>sont écrits prioritairement pour être <strong>réutilisables et partageables</strong>. À l&#8217;inverse, les <strong>micro-plugins</strong> sont créés pour rendre le code local d&#8217;une application <strong>plus clair</strong> et plus facilement <strong>maintenable</strong>, sans intention de partage et/ou de réutilisation.</p>
<p>Ainsi, si vous réutilisez un micro-plugin dans un autre projet, et que ce plugin devient un outil souvent utile, pourquoi pas ne pas le documenter, le partager et le considérer comme plugin à part entière !</p>
<p><em>Note du traducteur : une erreur de traduction, une approximation disgracieuse, une suggestion, &#8230;, utilisez les commentaires pour me soumettre votre proposition et ainsi améliorer cette traduction ! Merci !</em></p>
<p><em> Note bis : les emphases sont de mon fait.</em></p>
]]></content:encoded>
			<wfw:commentRss>http://jebulle.net/435-trad-du-code-propre-avec-les-micro-plugins-jquery.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ghostbusters version vocale</title>
		<link>http://jebulle.net/433-ghostbusters-version-vocale.html</link>
		<comments>http://jebulle.net/433-ghostbusters-version-vocale.html#comments</comments>
		<pubDate>Thu, 05 Nov 2009 17:22:06 +0000</pubDate>
		<dc:creator>SamRay1024</dc:creator>
				<category><![CDATA[Vidéos]]></category>

		<guid isPermaLink="false">http://jebulle.net/?p=433</guid>
		<description><![CDATA[Exercice de style vocal pour se détendre.]]></description>
			<content:encoded><![CDATA[<p>Belle prestation :</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://www.youtube.com/v/_0SeGAi3II8&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=fr&amp;feature=player_embedded&amp;fs=1" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/_0SeGAi3II8&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=fr&amp;feature=player_embedded&amp;fs=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>Trouvé sur <a title="Ghostbusters a cappela" href="http://www.blogeek.ch/index.php?2009/10/30/7114-matt-mulholland-ghostbusters-a-cappella">Blogeek.ch »</a></p>
]]></content:encoded>
			<wfw:commentRss>http://jebulle.net/433-ghostbusters-version-vocale.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Un serpent nommé Python</title>
		<link>http://jebulle.net/420-un-serpent-nomme-python.html</link>
		<comments>http://jebulle.net/420-un-serpent-nomme-python.html#comments</comments>
		<pubDate>Wed, 04 Nov 2009 18:30:46 +0000</pubDate>
		<dc:creator>SamRay1024</dc:creator>
				<category><![CDATA[Développement]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[langage]]></category>
		<category><![CDATA[multi-plateformes]]></category>
		<category><![CDATA[poo]]></category>
		<category><![CDATA[python]]></category>

		<guid isPermaLink="false">http://jebulle.net/?p=420</guid>
		<description><![CDATA[Tergiversations d'un développeur en mal de nouveauté et de découverte.]]></description>
			<content:encoded><![CDATA[<p>Et si je me mettais à <a title="Python, langage de programmation" href="http://python.org">Python</a> ?</p>
<p>Cela fait un moment maintenant que je cherche un langage de programmation sur lequel me fixer qui me permettrait de développer des applications multi-plateformes. Il y a bien <a title="MonoDevelop" href="http://monodevelop.com/">Mono</a>, adaptation de <strong>.NET</strong> pour Linux, <a title="Qu'est-ce que Java ?" href="http://java.com/fr/about/">Java</a>, ou encore descendre à un plus bas niveau avec <strong>C/C++</strong>. Il est aussi possible de passer par des outils comme <a title="Lazarus, le Delphi libre" href="http://www.lazarus.freepascal.org/">Lazarus</a>, réplique de <strong>Delphi</strong>, qui pourrait fortement me tenter, vu que j&#8217;ai déjà une connaissance de <strong>Delphi</strong>.</p>
<p>Oui mais, finalement, il n&#8217;y a rien qui me convainc réellement&#8230;</p>
<p>Et puis, je suis tombé sur un article (je ne sais plus lequel malheureusement&#8230;) qui décrivait un peu ce qu&#8217;était <a title="Python, langage de programmation" href="http://python.org">Python</a>. Même si je connaissais au moins de nom le langage, je n&#8217;y avais jamais apporté plus d&#8217;attention que cela&#8230;Erreur !</p>
<p>Langage fortement typé, dynamique et orienté objet grâce auquel il est possible d&#8217;écrire des scripts simples pour <strong>Linux</strong> comme construire des <strong>applications lourdes</strong> avec une interface graphique ainsi que de créer des <strong>sites Internet</strong> ! Que demande le peuple ? Un langage réunissant les deux domaines qui font tourner le monde&#8230;de l&#8217;informatique. Un langage à apprendre plutôt que deux, et vous développez à loisir du <strong>client lourd aussi bien que du client léger</strong>. Et du client lourd, <strong>multi-plateforme </strong>! En ce début de 21ème siècle il me semble important de ne plus se cantonner à <strong>Windows</strong> mais bien de travailler dans une logique d&#8217;ouverture et d&#8217;élargissement.</p>
<p>Et d&#8217;ailleurs, j&#8217;ai déjà commencé mon auto-formation en attaquant la lecture du livre de <a href="http://www.swaroopch.com/about/">Swaroop C H</a>, &laquo;&nbsp;<em>A byte of Python</em>&laquo;&nbsp;, <a title="Plongez au coeur de Python" href="http://linuxfr.org/redirect/64180.html">traduit dernièrement en français</a>.</p>
<p>Affaire à suivre&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://jebulle.net/420-un-serpent-nomme-python.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
