<?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>Même pas mal! &#187; Foutoir technologique</title>
	<atom:link href="http://www.memepasmal.ch/category/foutoir-technologique/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.memepasmal.ch</link>
	<description>La vie à Genève et aux alentours</description>
	<lastBuildDate>Sun, 12 Feb 2012 21:01:13 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>L&#8217;extension à avoir</title>
		<link>http://www.memepasmal.ch/2012/02/08/lextension-a-avoir/</link>
		<comments>http://www.memepasmal.ch/2012/02/08/lextension-a-avoir/#comments</comments>
		<pubDate>Wed, 08 Feb 2012 12:46:39 +0000</pubDate>
		<dc:creator>gael</dc:creator>
				<category><![CDATA[Foutoir technologique]]></category>
		<category><![CDATA[chrome]]></category>
		<category><![CDATA[extension]]></category>

		<guid isPermaLink="false">http://www.memepasmal.ch/?p=2574</guid>
		<description><![CDATA[La guerre des navigateurs fait rage depuis des années sur Internet, la course à celui qui dominera le World Wide Web est loin d&#8217;être terminée. Celles et ceux qui ont le choix opteront peut-être pour le célèbre Chrome de Google. Si tel est ton cas c&#8217;est ton jour de chance, car voici en exclusivité l&#8217;extension [...]]]></description>
			<content:encoded><![CDATA[<p>La guerre des navigateurs fait rage depuis des années sur Internet, la course à celui qui dominera le <em>World Wide Web</em> est loin d&#8217;être terminée. Celles et ceux qui ont le choix opteront peut-être pour le célèbre Chrome de Google.</p>
<p>Si tel est ton cas c&#8217;est ton jour de chance, car voici en exclusivité l&#8217;extension &laquo;&nbsp;Même Pas Mal!&nbsp;&raquo; pour Chrome.</p>
<p><a href="/bin/crx/chromempm.php"><img src="http://www.memepasmal.ch/wp-content/uploads/2012/02/128.png" alt="" title="128" width="128" height="128" class="aligncenter size-full wp-image-2575" /></a></p>
<p>Cette extension t&#8217;ajoute bêtement un gros icône sur l&#8217;onglet d&#8217;accueil, et te permet d&#8217;accéder à ton blog favori rapidement et en un seul clic.</p>
<p>L&#8217;installation est facile et rapide. Premièrement, tu cliques sur l&#8217;image ci-dessus. Un avertissement apparaîtra alors en bas de la fenêtre, tu acceptes avec &laquo;&nbsp;Continuer&nbsp;&raquo; parce que tu me fais confiance. Une dernière fenêtre de confirmation devrait alors s&#8217;ouvrir.</p>
<p><img src="http://www.memepasmal.ch/wp-content/uploads/2012/02/chromempm.jpg" alt="" title="chromempm" width="365" height="205" class="aligncenter size-full wp-image-2577" /></p>
<p>Tu choisis &laquo;&nbsp;Installer&nbsp;&raquo; et le tour est joué.</p>
<p>Si tu n&#8217;en veux plus, tu fais un clic droit sur l&#8217;icône et tu choisis &laquo;&nbsp;Supprimer de Chrome&nbsp;&raquo;.</p>
<p>Simple, efficace.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.memepasmal.ch/2012/02/08/lextension-a-avoir/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Le Net est mort</title>
		<link>http://www.memepasmal.ch/2012/02/02/le-net-est-mort/</link>
		<comments>http://www.memepasmal.ch/2012/02/02/le-net-est-mort/#comments</comments>
		<pubDate>Thu, 02 Feb 2012 07:42:35 +0000</pubDate>
		<dc:creator>gael</dc:creator>
				<category><![CDATA[Coups de gueule]]></category>
		<category><![CDATA[Foutoir technologique]]></category>
		<category><![CDATA[manchette]]></category>
		<category><![CDATA[matin]]></category>

		<guid isPermaLink="false">http://www.memepasmal.ch/?p=2566</guid>
		<description><![CDATA[Il y a deux manières de vendre un journal. La première consiste à engager des professionnels payés pour écrire des articles soignés, la seconde est plus basique puisqu&#8217;elle ne nécessite qu&#8217;une manchette alarmiste et trompeuse. C&#8217;est cette deuxième solution qui a été choisie hier par un quotidien suisse romand bien connu. Sois rassuré, la gratuité [...]]]></description>
			<content:encoded><![CDATA[<p>Il y a deux manières de vendre un journal. La première consiste à engager des professionnels payés pour écrire des articles soignés, la seconde est plus basique puisqu&#8217;elle ne nécessite qu&#8217;une manchette alarmiste et trompeuse.</p>
<p>C&#8217;est cette deuxième solution qui a été choisie hier par un quotidien suisse romand bien connu.</p>
<p><img src="http://www.memepasmal.ch/wp-content/uploads/2012/02/lematin_netgratuit.jpg" alt="" title="lematin_netgratuit" width="468" height="600" class="aligncenter size-full wp-image-2567 cadre" /></p>
<p>Sois rassuré, la gratuité sur le Net n&#8217;est pas finie.</p>
<p>Internet, alias &laquo;&nbsp;le Net&nbsp;&raquo;, est souvent confondu avec le <em>Web</em>, les deux termes sont volontairement mélangés sur la manchette incriminée.</p>
<p>Internet est un vaste réseau qui véhicule des informations numériques d&#8217;un point à un autre. Plusieurs applications utilisent ce moyen de transport, on peut noter pêle-mêle certains exemples notables tels que le <em>World Wide Web</em>, les courriels, les jeux en ligne, les téléchargements <em>peer-to-peer</em>, les discussions vocales, les webcams publiques, la discussion instantanée, le <em>Cloud Computing</em> et des centaines d&#8217;autres plus discrets, chacun ayant son propre protocole de communication.</p>
<p>Alors oui, effectivement, sous la pression de très riches industriels certains sites <em>Web</em> de partages de fichiers tels que Megaupload ont malheureusement été censurés par le gouvernement américain.</p>
<p>Mais la gratuité sur le Net n&#8217;est pas finie.</p>
<p>Le Net a toujours été payant, du simple fait de l&#8217;abonnement obligatoire pour s&#8217;y connecter. Hormis cela, lire et envoyer des courriels sera toujours gratuit, consulter les sites web sera toujours gratuit (sauf les sites de cul), télécharger tes séries américaines sur des réseaux <em>peer-to-peer</em> sera toujours gratuit, discuter avec ta tantine américaine sur Skype sera toujours gratuit, jouer à certains jeux en ligne sera toujours gratuit, passer ta journée devant la webcam du Taj Mahal sera toujours gratuit, flirter sur MSN sera toujours gratuit, télécharger de la musique sur Jamendo sera toujours gratuit, et venir fébrilement chaque jour sur <a href="http://www.memepasmal.ch" title="Même Pas Mal!">memepasmal.ch</a> sera toujours gratuit.</p>
<p>Non vraiment, la gratuité sur le Net n&#8217;est pas finie.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.memepasmal.ch/2012/02/02/le-net-est-mort/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Web Croisade</title>
		<link>http://www.memepasmal.ch/2012/01/05/web-croisade/</link>
		<comments>http://www.memepasmal.ch/2012/01/05/web-croisade/#comments</comments>
		<pubDate>Thu, 05 Jan 2012 20:54:54 +0000</pubDate>
		<dc:creator>gael</dc:creator>
				<category><![CDATA[Foutoir technologique]]></category>
		<category><![CDATA[chrome]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[ie]]></category>

		<guid isPermaLink="false">http://www.memepasmal.ch/?p=2513</guid>
		<description><![CDATA[Des plaies s’abattent régulièrement sur notre monde, le plongeant dans un chaos qui éclipse malheureusement un grand nombre de lumières. Suivant ce postulat, nous pouvons aisément affirmer qu&#8217;Internet Explorer est au World Wide Web ce que la Peste Noire est à l&#8217;humanité. En tant que développeur PHP je suis sans cesse confronté au non-respect des [...]]]></description>
			<content:encoded><![CDATA[<p>Des plaies s’abattent régulièrement sur notre monde, le plongeant dans un chaos qui éclipse malheureusement un grand nombre de lumières.</p>
<p>Suivant ce postulat, nous pouvons aisément affirmer qu&#8217;Internet Explorer est au World Wide Web ce que la Peste Noire est à l&#8217;humanité.</p>
<p>En tant que développeur PHP je suis sans cesse confronté au non-respect des standards qui incombent à cette ersatz de navigateur, il est en effet rare d&#8217;avoir une feuille de style qui ne contient pas de ligne dédiée à contourner un problème dû implicitement à Internet Explorer.</p>
<div class="codecolorer-container css default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br /></div></td><td><div class="css codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">&lt;!--<span style="color: #00AA00;">&#91;</span>if IE <span style="color: #cc66cc;">7</span><span style="color: #00AA00;">&#93;</span><span style="color: #00AA00;">&gt;</span></div></td></tr></tbody></table></div>
<p>En plus de cela s&#8217;ajoutent plusieurs effets étranges relevés sur des opérations basiques, on peut citer l&#8217;exemple de la très courante instruction JavaScript &laquo;&nbsp;getElementById&nbsp;&raquo; qui provoque des plantées monumentales lorsque l&#8217;on a le malheur de l&#8217;imbriquer un peu trop, renvoyant un message d&#8217;erreur à la con.</p>
<p><img src="http://www.memepasmal.ch/wp-content/uploads/2012/01/stack_overflow_0.jpg" alt="" title="stack_overflow_0" width="215" height="145" class="aligncenter size-full wp-image-2517" /></p>
<p>Les raisons qui poussent les utilisateurs à utiliser Internet Explorer sont nombreuses, elles vont de l&#8217;ignorance simple à l&#8217;obligation due une politique d&#8217;entreprise rigoureuse ou obscure.</p>
<p>Je vais aujourd&#8217;hui te montrer comment s&#8217;attaquer à la première catégorie, à savoir les ignorants.</p>
<p>Tel les messies des temps moderne nous allons leur montrer la voie de la lumière en affichant un message d&#8217;avertissement en haut de nos blogs WordPress, leur indiquant la marche à suivre pour installer un navigateur digne de ce nom.</p>
<p><img src="http://www.memepasmal.ch/wp-content/uploads/2012/01/alert_ie.jpg" alt="" title="alert_ie" width="620" height="293" class="aligncenter size-full wp-image-2516 cadre" /></p>
<p>Ce message ne s&#8217;affichera bien entendu qu&#8217;aux visiteurs dont le navigateur est Internet Explorer, tu peux tester cette fonctionnalité ici-même, en visitant ce blog avec l&#8217;erreur informatique susmentionnée.<br />
<span id="more-2513"></span><br />
Pour réaliser ce tour de passe-passe il te faut posséder de bonnes connaissances dans le transfert de fichiers par FTP, et si tu désires adapter le script à une autre plateforme que WordPress il est alors nécessaire de connaitre en plus le HTML et le PHP.</p>
<p>Mais commençons.</p>
<p>Tout d&#8217;abord, tu vas enregistrer ces deux logos dans le sous-répertoire &laquo;&nbsp;images&nbsp;&raquo; de ton thème WordPress, son chemin ressemble à quelque chose comme &laquo;&nbsp;/wp_content/themes/le_nom_de_ton_theme&nbsp;&raquo;, suivi de &laquo;&nbsp;/images&nbsp;&raquo; dans ce cas.</p>
<p><img src="http://www.memepasmal.ch/wp-content/uploads/2012/01/browser_firefox.png" alt="" title="browser_firefox" width="128" height="128" class="aligncenter size-full wp-image-2514" /><br />
<img src="http://www.memepasmal.ch/wp-content/uploads/2012/01/browser_chrome.png" alt="" title="browser_chrome" width="128" height="128" class="aligncenter size-full wp-image-2515" /></p>
<p>Ensuite, tu copies le code PHP ci-dessous puis tu le colles dans un fichier nommé &laquo;&nbsp;iealert.php&nbsp;&raquo; que tu places dans le répertoire de ton thème WordPress.</p>
<div class="codecolorer-container php default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />10<br />11<br />12<br />13<br />14<br />15<br />16<br /></div></td><td><div class="php codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #000000; font-weight: bold;">&lt;?php</span><br />
&nbsp; &nbsp; <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #990000;">isset</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$_SERVER</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'HTTP_USER_AGENT'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">&amp;&amp;</span> <span style="color: #009900;">&#40;</span><span style="color: #990000;">strpos</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$_SERVER</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'HTTP_USER_AGENT'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'MSIE'</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">!==</span> <span style="color: #009900; font-weight: bold;">false</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><br />
&nbsp; &nbsp; <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">'&lt;div class=&quot;post&quot;&gt;'</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">'&lt;div class=&quot;title&quot;&gt;&lt;h2&gt;Alerte Internet Explorer&lt;/h2&gt;&lt;/div&gt;'</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">'&lt;div class=&quot;entry&quot;&gt;'</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">'Attention, tu utilises Internet Explorer. Pour une meilleure exp&amp;eacute;rience en ligne il est fortement recommand&amp;eacute; d\'installer un vrai navigateur comme Google Chrome ou Mozilla Firefox.&lt;br /&gt;'</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">'&lt;center&gt;'</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">'&lt;a href=&quot;https://www.google.com/chrome/&quot;&gt;&lt;img src=&quot;'</span> <span style="color: #339933;">.</span> get_template_directory_uri<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">.</span> <span style="color: #0000ff;">'/images/browser_chrome.png&quot; title=&quot;Google Chrome&quot; style=&quot;padding: 20px; border: 0px;&quot;&gt;&lt;/a&gt;'</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">'&lt;a href=&quot;http://www.mozilla.org/firefox/&quot;&gt;&lt;img src=&quot;'</span> <span style="color: #339933;">.</span> get_template_directory_uri<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">.</span> <span style="color: #0000ff;">'/images/browser_firefox.png&quot; title=&quot;Mozilla Firefox&quot; style=&quot;padding: 20px; border: 0px;&quot;&gt;&lt;/a&gt;'</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">'&lt;/center&gt;'</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">'Clique sur l\'un des deux logos selon ton choix, puis t&amp;eacute;l&amp;eacute;charge et installe le navigateur en suivant simplement les instructions fournies.'</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">'&lt;/div&gt;'</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">'&lt;/div&gt;'</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; <span style="color: #009900;">&#125;</span><br />
<span style="color: #000000; font-weight: bold;">?&gt;</span></div></td></tr></tbody></table></div>
<p>Ce script détecte Internet Explorer par son code &laquo;&nbsp;MSIE&nbsp;&raquo; et insère le message d&#8217;avertissement, formaté grâce aux balises HTML standard de WordPress.</p>
<p>Il suffit ensuite d&#8217;inclure ce script grâce au code HTML suivant.</p>
<div class="codecolorer-container html4strict default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br /></div></td><td><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;">&lt;?php include<span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;iealert.php&quot;</span><span style="color: #66cc66;">&#41;</span>; ?&gt;</span></div></td></tr></tbody></table></div>
<p>Par exemple, si tu veux que ce message s&#8217;affiche en haut de la liste de tes billets sur la page principale, tu édites le fichier &laquo;&nbsp;index.php&nbsp;&raquo; et place ce code juste en dessous de la ligne suivante.</p>
<div class="codecolorer-container html4strict default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br /></div></td><td><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;main&quot;</span>&gt;</span></div></td></tr></tbody></table></div>
<p>Si tu veux que l&#8217;avertissement apparaisse sur la page d&#8217;un billet complet, tu fais de même avec le fichier &laquo;&nbsp;single.php&nbsp;&raquo;.</p>
<p>Tu devrais dans ces deux cas avoir au final quelque chose comme cela.</p>
<div class="codecolorer-container html4strict default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br /></div></td><td><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;main&quot;</span>&gt;</span><br />
<span style="color: #009900;">&lt;?php include<span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;iealert.php&quot;</span><span style="color: #66cc66;">&#41;</span>; ?&gt;</span></div></td></tr></tbody></table></div>
<p>Que la guerre sainte contre Internet Explorer commence!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.memepasmal.ch/2012/01/05/web-croisade/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>Démolition homme</title>
		<link>http://www.memepasmal.ch/2011/12/30/demolition-homme/</link>
		<comments>http://www.memepasmal.ch/2011/12/30/demolition-homme/#comments</comments>
		<pubDate>Fri, 30 Dec 2011 10:42:39 +0000</pubDate>
		<dc:creator>gael</dc:creator>
				<category><![CDATA[Enfant de la télé]]></category>
		<category><![CDATA[Foutoir technologique]]></category>
		<category><![CDATA[anticipation]]></category>
		<category><![CDATA[film]]></category>
		<category><![CDATA[technologie]]></category>

		<guid isPermaLink="false">http://www.memepasmal.ch/?p=2475</guid>
		<description><![CDATA[Les films d&#8217;anticipations vus des années après leur sortie provoquent souvent une bonne dose d&#8217;étonnement quand il y est question de technologie, et le film &#171;&#160;Demolition Man&#160;&#187; n&#8217;échappe pas à cette règle. Donc, &#171;&#160;Demolition Man&#160;&#187; est un film américain de Marco Brambilla sorti en 1993, il raconte l&#8217;histoire du flic John Spartan (Sylvester Stallone) qui [...]]]></description>
			<content:encoded><![CDATA[<p>Les films d&#8217;anticipations vus des années après leur sortie provoquent souvent une bonne dose d&#8217;étonnement quand il y est question de technologie, et le film &laquo;&nbsp;<em>Demolition Man</em>&nbsp;&raquo; n&#8217;échappe pas à cette règle.</p>
<p><img src="http://www.memepasmal.ch/wp-content/uploads/2011/12/demolition_man_01.jpg" alt="" title="demolition_man_01" width="620" height="258" class="aligncenter size-full wp-image-2476 cadre" /></p>
<p>Donc, &laquo;&nbsp;<em>Demolition Man</em>&nbsp;&raquo; est un film américain de Marco Brambilla sorti en 1993, il raconte l&#8217;histoire du flic <em>John Spartan</em> (Sylvester Stallone) qui traque le criminel <em>Simon Phoenix</em> (Wesley Snipes) avec l&#8217;aide de sa coéquipière <em>Lenina Huxley</em> (Sandra Bullock).</p>
<p>L&#8217;histoire commence en 1996 dans un Los Angeles dévasté, la criminalité a explosé, tout est complètement cramé et la police tente difficilement d&#8217;y faire régner un peu d&#8217;ordre.</p>
<p><img src="http://www.memepasmal.ch/wp-content/uploads/2011/12/demolition_man_02.jpg" alt="" title="demolition_man_02" width="620" height="258" class="aligncenter size-full wp-image-2477 cadre" /></p>
<p>La suite est soumise à l&#8217;habituelle&#8230;<br />
<center><img src="/wp-content/themes/coogee/images/spoiler_alert.png" /></center><br />
<span id="more-2475"></span><br />
Pour faire court, <em>John Spartan</em> merde un peu lors d&#8217;une intervention, trente otages meurent et il est condamné à être cryogénisé pendant plusieurs décennies aux côtés de <em>Simon Phoenix</em>. Seulement voilà, ce dernier est réveillé en 2032 pour servir les vils desseins d&#8217;une personne puissante et machiavélique.</p>
<p><img src="http://www.memepasmal.ch/wp-content/uploads/2011/12/demolition_man_03.jpg" alt="" title="demolition_man_03" width="620" height="258" class="aligncenter size-full wp-image-2478 cadre" /></p>
<p>La société a évolué vers un pacifisme extrême, tout contact physique est interdit ainsi que les clopes, la viande, l&#8217;alcool, la vulgarité, le sel et les jouets non éducatifs. La police est appelée tous les trente-six du mois pour sauver un chat coincé dans un arbre, du coup quand l&#8217;impitoyable <em>Simon Phoenix</em> débarque personne ne peut l&#8217;arrêter. <em>John Spartan</em> est donc à son tour sorti de la glace pour s&#8217;occuper de ce merdier.</p>
<p>Voilà pour l&#8217;introduction.</p>
<p>Côté technologie c&#8217;est parfois très drôle, comme cet exemple de communication entre <em>Lenina Huxley</em> et un responsable de la cryoprison.</p>
<p><img src="http://www.memepasmal.ch/wp-content/uploads/2011/12/demolition_man_04.jpg" alt="" title="demolition_man_04" width="620" height="258" class="aligncenter size-full wp-image-2479 cadre" /></p>
<p>Cet écran portatif de visiophonie rappelle bien évidemment les premiers Tablet-PC sortis à la fin du vingtième siècle, ancêtres de nos tablettes tactiles actuelles, il est d&#8217;ailleurs amusant de constater que cette scène futuriste à l&#8217;époque serait tout à fait possible de nos jours. Tu noteras l&#8217;horrible et large bordure métallisée, ainsi que la poignée d&#8217;acier qui doit rendre tout l&#8217;appareil très lourd et pas vraiment pratique quand on veut le ranger dans une pochette. </p>
<p>Dans le futur, les oreillettes Bluetooth qui se font de plus en plus discrètes auront à priori repris du volume pour devenir d&#8217;énormes tiges métalliques.</p>
<p><img src="http://www.memepasmal.ch/wp-content/uploads/2011/12/demolition_man_05.jpg" alt="" title="demolition_man_05" width="620" height="258" class="aligncenter size-full wp-image-2480 cadre" /></p>
<p>Grosse déception du côté des écrans d&#8217;ordinateurs, tous sans exception ont des résolutions catastrophiques, avec des couleurs affreuses.</p>
<p><img src="http://www.memepasmal.ch/wp-content/uploads/2011/12/demolition_man_06.jpg" alt="" title="demolition_man_06" width="620" height="258" class="aligncenter size-full wp-image-2481 cadre" /></p>
<p>Non seulement l&#8217;écran est petit, mais en plus les concepteurs du logiciel l&#8217;ont bourré avec des détails inutiles, comme ce petit graphique rouge vert et bleu sur la gauche ou le code barre sur la droite.</p>
<p>Franchement, un code-barre affiché sur un écran? Qu&#8217;on m&#8217;explique l&#8217;utilité.</p>
<p>La vidéoconférence du futur n&#8217;est pas en reste, chaque participant est remplacé par une espèce de bloc métallique hideux, avec un écran au sommet. Ces blocs pivotent pour suivre le maitre de conférence lorsqu&#8217;il se déplace dans la pièce, un moyen comme un autre pour simuler une présence physique.</p>
<p><img src="http://www.memepasmal.ch/wp-content/uploads/2011/12/demolition_man_07.jpg" alt="" title="demolition_man_07" width="620" height="258" class="aligncenter size-full wp-image-2482 cadre" /></p>
<p>Que se passe-t-il si l&#8217;on veut inviter un participant supplémentaire? Faut-il appeler un technicien pour qu&#8217;il vienne fixer un nouveau pantin? Et pourquoi diable les hologrammes qu&#8217;on nous promet depuis plus d&#8217;un demi-siècle ne fonctionnent-ils toujours pas en 2032?</p>
<p>Les supports de données amovibles auront visiblement suivi une récession, il semblerait que les clés USB et la technologie du <em>Cloud</em> seront revenus en arrière vers ces bons vieux CD-ROM au format huit centimètres, avec deux épaisseurs pour seule amélioration (on ne le voit pas bien sur l&#8217;image malheureusement).</p>
<p><img src="http://www.memepasmal.ch/wp-content/uploads/2011/12/demolition_man_13.jpg" alt="" title="demolition_man_13" width="620" height="258" class="aligncenter size-full wp-image-2488 cadre" /></p>
<p>Au niveau des voitures c&#8217;est assez spécial, un écran est présent au centre du volant, très pratique pour détourner l&#8217;attention quand tu conduis. Trois compteurs sont affichés sur le haut de l&#8217;écran, leur utilité demeure un mystère. Tu constateras en outre que les aiguilles et les valeurs affichées ne changent pratiquement jamais tout le long du film.</p>
<p><img src="http://www.memepasmal.ch/wp-content/uploads/2011/12/demolition_man_08.jpg" alt="" title="demolition_man_08" width="620" height="258" class="aligncenter size-full wp-image-2483 cadre" /></p>
<p>Dans les voitures de flics se trouvent quatre écrans, sans doute parce qu&#8217;au vu des résolutions pourraves un seul ne suffit pas à afficher toutes les informations nécessaires.</p>
<p><img src="http://www.memepasmal.ch/wp-content/uploads/2011/12/demolition_man_09.jpg" alt="" title="demolition_man_09" width="620" height="258" class="aligncenter size-full wp-image-2484 cadre" /></p>
<p>Oui mais dans ce cas, pourquoi afficher quatre fois la même image?</p>
<p>La mode suit également une évolution surprenante, les protagonistes sont pratiquement tous vêtus de toges, et la robe de soirée de <em>Lenina Huxley</em> semble avoir été vomie par une huitre cocaïnomane.</p>
<p><img src="http://www.memepasmal.ch/wp-content/uploads/2011/12/demolition_man_10.jpg" alt="" title="demolition_man_10" width="620" height="258" class="aligncenter size-full wp-image-2485 cadre" /></p>
<p>Un gag récurrent est l&#8217;absence de papier hygiénique dans les chiottes, remplacé par trois coquillages dont l&#8217;utilité n&#8217;est connue que par les personnes du futur. <em>John Spartan</em> se fera d&#8217;ailleurs copieusement railler pour ne pas savoir comment s&#8217;en servir, &laquo;&nbsp;<em>he doesn&#8217;t know how to use the three seashells!</em> &raquo;&nbsp;.</p>
<p><img src="http://www.memepasmal.ch/wp-content/uploads/2011/12/demolition_man_11.jpg" alt="" title="demolition_man_11" width="620" height="258" class="aligncenter size-full wp-image-2486 cadre" /></p>
<p>Le spectateur n&#8217;en saura pas plus, même après la fin du film, restant ainsi dans le même état de frustration que <em>John Spartan</em>.</p>
<p>Cependant, lors d&#8217;une entrevue, Sylvester Stallone aurait toutefois expliqué leur fonctionnement à une personne ayant explicitement posé la question. Sa réponse est volontairement laissée en version originale, afin d&#8217;épargner aux francophones trop imaginatifs une image mentale qui leur causerait sans nul doute quelques cauchemars.</p>
<blockquote><p>OK, this may be bordering on the grotesque, but the way it was explained to me by the writer is you hold two seashells like chopsticks, pull gently and scrape what’s left with the third. You asked for it&#8230; Be careful what you ask for, sorry.</p></blockquote>
<p>Bref, au final tout se passe comme dans un film américain bien lourd, le héros fait tout péter et cours pour échapper à une grosse explosion, confirmant ainsi son surnom.</p>
<p><img src="http://www.memepasmal.ch/wp-content/uploads/2011/12/demolition_man_12.jpg" alt="" title="demolition_man_12" width="620" height="258" class="aligncenter size-full wp-image-2487 cadre" /></p>
<p>Boum.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.memepasmal.ch/2011/12/30/demolition-homme/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Standards &amp; Porcs</title>
		<link>http://www.memepasmal.ch/2011/12/06/standards-porcs/</link>
		<comments>http://www.memepasmal.ch/2011/12/06/standards-porcs/#comments</comments>
		<pubDate>Tue, 06 Dec 2011 20:28:44 +0000</pubDate>
		<dc:creator>gael</dc:creator>
				<category><![CDATA[Foutoir technologique]]></category>
		<category><![CDATA[aaa]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[gimp]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[notation]]></category>
		<category><![CDATA[tutoriel]]></category>

		<guid isPermaLink="false">http://www.memepasmal.ch/?p=2416</guid>
		<description><![CDATA[Si tu suis un peu l&#8217;actualité de ces derniers temps tu auras certainement remarqué que la presse adore parler des notes aléatoires données par les trois principales agences de notations financières que compte la planète. Du coup il ne se passe pas une seule journée sans qu&#8217;un pays ou une banque ne perde un précieux [...]]]></description>
			<content:encoded><![CDATA[<p>Si tu suis un peu l&#8217;actualité de ces derniers temps tu auras certainement remarqué que la presse adore parler des notes aléatoires données par les trois principales agences de notations financières que compte la planète. Du coup il ne se passe pas une seule journée sans qu&#8217;un pays ou une banque ne perde un précieux &laquo;&nbsp;A&nbsp;&raquo;, comme si le commun des mortels en avait quelque chose à carrer.</p>
<p>Pour combattre cette morosité je te propose donc aujourd&#8217;hui de certifier ton blog &laquo;&nbsp;AAA+&nbsp;&raquo;, en ajoutant simplement une superbe bannière en haut à gauche.</p>
<p><img src="http://www.memepasmal.ch/wp-content/uploads/2011/12/bandeau_aaa.jpg" alt="" title="bandeau_aaa" width="640" height="321" class="aligncenter size-full wp-image-2418" /></p>
<p>L&#8217;image originale a été créée sous GIMP, si tu veux la modifier tu peux télécharger le fichier XCF en enregistrant la cible de <a href="/bin/noteaaa.xcf">ce lien</a>.</p>
<p>La procédure à suivre sera expliquée pour un blog tournant sous WordPress, mais un débutant en création web devrait s&#8217;en sortir sans problème pour transposer ce tutoriel à n&#8217;importe quel site.</p>
<p>Note bien que l&#8217;ajout de la bannière est une opération qui nécessite une certaine maitrise dans le transfert par FTP ainsi qu&#8217;une vague connaissance des fichiers qui régissent ton thème WordPress, pour le reste ça devrait jouer avec les indications fournies.<br />
<span id="more-2416"></span><br />
Voici donc en trois étapes comment procéder.</p>
<p>Tout d&#8217;abord, tu télécharges la bannière (clic droit dessus, puis &laquo;&nbsp;Enregistrer sous&#8230;&nbsp;&raquo;) puis tu la transfères dans le répertoire de ton thème WordPress à l&#8217;aide de ton client FTP favori.</p>
<p><img src="http://www.memepasmal.ch/wp-content/uploads/2011/12/noteaaa.png" alt="" title="noteaaa" width="250" height="250" class="aligncenter size-full wp-image-2417 cadre" /><br />
Même si ça ne se voit pas sache que le fond de l&#8217;image est transparent, ne t&#8217;inquiète pas. Le répertoire de ton thème devrait ressembler à &laquo;&nbsp;/wp-content/themes/ton_theme&nbsp;&raquo;.</p>
<p>Seconde étape, tu édites le fichier &laquo;&nbsp;style.css&nbsp;&raquo; de ton thème, tout à la fin tu ajoutes ces quelques lignes.</p>
<div class="codecolorer-container css default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br /></div></td><td><div class="css codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #cc00cc;">#noteaaa</span> <span style="color: #00AA00;">&#123;</span><br />
&nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">background-image</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">url</span><span style="color: #00AA00;">&#40;</span><span style="color: #ff0000;">'noteaaa.png'</span><span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span><br />
&nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">250px</span><span style="color: #00AA00;">;</span><br />
&nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span> <span style="color: #933;">250px</span><span style="color: #00AA00;">;</span><br />
&nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">0px</span><span style="color: #00AA00;">;</span><br />
&nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">fixed</span><span style="color: #00AA00;">;</span><br />
&nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">:</span> <span style="color: #933;">0px</span><span style="color: #00AA00;">;</span><br />
&nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">top</span><span style="color: #00AA00;">:</span> <span style="color: #933;">0px</span><span style="color: #00AA00;">;</span><br />
<span style="color: #00AA00;">&#125;</span></div></td></tr></tbody></table></div>
<p>La balise &laquo;&nbsp;#noteaaa&nbsp;&raquo; permet de formater un carré contenant la bannière au format PNG, et dont les dimensions correspondent à celles de l&#8217;image. Sa position est fixée tout en haut à gauche de la fenêtre, et elle y reste même si l&#8217;on fait défiler la page vers le bas. Si tu veux bloquer la bannière en haut il te suffit de remplacer &laquo;&nbsp;fixed&nbsp;&raquo; par &laquo;&nbsp;absolute&nbsp;&raquo;.</p>
<p>Dernière étape, tu édites ton fichier &laquo;&nbsp;footer.php&nbsp;&raquo; pour y insérer cette ligne juste avant la balise &laquo;&nbsp;&lt;/body&gt;&nbsp;&raquo;.</p>
<div class="codecolorer-container html4strict default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br /></div></td><td><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;noteaaa&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span></div></td></tr></tbody></table></div>
<p>Cette balise &laquo;&nbsp;DIV&nbsp;&raquo; sera formatée grâce aux propriétés CSS de &laquo;&nbsp;#noteaaa&nbsp;&raquo;. En plaçant cette balise &laquo;&nbsp;DIV&nbsp;&raquo; tout à la fin (dans &laquo;&nbsp;footer.php&nbsp;&raquo;) on suppose qu&#8217;elle sera normalement au dessus des autres, sans trop avoir à se prendre la tête avec la propriété &laquo;&nbsp;z-index&nbsp;&raquo; qui règle habituellement la hauteur des champs.</p>
<p>Bref, n&#8217;oublie pas de renvoyer les deux fichiers &laquo;&nbsp;style.css&nbsp;&raquo; et &laquo;&nbsp;footer.php&nbsp;&raquo; sur ton serveur si tu les as téléchargés avant des les modifier.</p>
<p>Voilà, ton blog est maintenant noté &laquo;&nbsp;AAA+&nbsp;&raquo;, et aucune de ces agences de notations ne pourra rien y faire.</p>
<p>Dernier point, tu serais gentil de ne pas appeler à l&#8217;aide via les commentaires si tu utilises Internet Explorer, il y a en effet de fortes chances pour que le code précité ne fonctionne pas avec cet ersatz de navigateur.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.memepasmal.ch/2011/12/06/standards-porcs/feed/</wfw:commentRss>
		<slash:comments>20</slash:comments>
		</item>
		<item>
		<title>WooDoo 17</title>
		<link>http://www.memepasmal.ch/2011/10/13/woodoo-17/</link>
		<comments>http://www.memepasmal.ch/2011/10/13/woodoo-17/#comments</comments>
		<pubDate>Thu, 13 Oct 2011 06:36:46 +0000</pubDate>
		<dc:creator>gael</dc:creator>
				<category><![CDATA[Foutoir technologique]]></category>
		<category><![CDATA[brochure]]></category>
		<category><![CDATA[windev]]></category>

		<guid isPermaLink="false">http://www.memepasmal.ch/?p=2332</guid>
		<description><![CDATA[WinDev est un outil franchement efficace qui permet à toute personne calée en programmation de créer rapidement de superbes applications telles que le très célèbre Logbook Factory, élu meilleur logiciel du millénaire par la fédération galactique des développeurs. L&#8217;entreprise qui commercialise cet outil organise chaque année des séminaires destinés à présenter les nouvelles fonctionnalités des [...]]]></description>
			<content:encoded><![CDATA[WinDev est un outil franchement efficace qui permet à toute personne calée en programmation de créer rapidement de superbes applications telles que le très célèbre <a href="/2010/09/30/ils-sont-beaux-mes-rubans/">Logbook Factory</a>, élu meilleur logiciel du millénaire par la fédération galactique des développeurs.<br />
<br />
L&#8217;entreprise qui commercialise cet outil organise chaque année des séminaires destinés à présenter les nouvelles fonctionnalités des versions qui s&#8217;écoulent au rythme des saisons. Si tu as eu l&#8217;honneur de participer à l&#8217;une de ces présentations privées tu auras alors instinctivement noté la violente odeur de testostérone qui flotte dans la salle, gracieusement répandue par la gente masculine qui représente alors la totalité des auditeurs.<br />
<br />
Tout chasseur te le dira, pour attraper une bête il te faut un appât, et pour attraper une grosse bête il te faut un gros appât.<br />
<br />
Pour attraper un développeur c&#8217;est plus facile, il te suffit d&#8217;une femme à poil. On se souvient effectivement de la <a href="/2008/10/17/domotique-girl/">cow girl de 2008</a>, qui ouvrait la porte de son garage en petite tenue depuis ses pâturages texans.<br />
<br />
Ainsi, la <a href="/bin/2011/windev_17.pdf">brochure PDF 2011</a> de douze méga-octets met en avant les qualités indiscutables de la nouvelle version 17 de WinDev, dont la gestion de l&#8217;Unicode qui apporte &laquo;&nbsp;ouverture et simplification&nbsp;&raquo; est illustrée sobrement par une femme ouverte et simple.<br />
<br />
<img src="http://www.memepasmal.ch/wp-content/uploads/2011/10/wd17_01.jpg" alt="" title="wd17_01" width="327" height="500" class="aligncenter size-full wp-image-2333" /><br />
<center><em>&laquo;&nbsp;Oh là là, grâce à l&#8217;Unicode je peux enfin écrire mon code source en Russe, hi hi!&nbsp;&raquo;</em></center><br />
<br />
Le nouveau champ organigramme te donne visiblement envie de prendre la boite du logiciel dans tes mains et de la garder bien au chaud contre ta poitrine, comme s&#8217;il s&#8217;agissait d&#8217;un mignon petit chaton ou d&#8217;un sextoy cubique.<br />
<br />
<img src="http://www.memepasmal.ch/wp-content/uploads/2011/10/wd17_02.jpg" alt="" title="wd17_02" width="600" height="446" class="aligncenter size-full wp-image-2334" /><br />
<br />
Les nouveautés concernant les masques d&#8217;affichage et de saisie sont vraiment incroyables, il semblerait que les dernières constantes et fonctions font subitement apparaitre une asiatique en talons aiguilles au dessus du carton d&#8217;emballage.<br />
<br />
<img src="http://www.memepasmal.ch/wp-content/uploads/2011/10/wd17_03.jpg" alt="" title="wd17_03" width="550" height="513" class="aligncenter size-full wp-image-2337" /><br />
<br />
On explore une piste sur un lien éventuel avec la nouvelle capacité de surcharge des masques monétaires, mais cette théorie n&#8217;a pas encore été démontrée.<br />
<br />
Nous laisserons le mot de la fin à cette demoiselle de 17 kilos qui a gentiment pris le temps de se faire vomir avant de revêtir sa plus belle robe de gala.<br />
<br />
<img src="http://www.memepasmal.ch/wp-content/uploads/2011/10/wd17_04.jpg" alt="" title="wd17_04" width="450" height="536" class="aligncenter size-full wp-image-2338" /><br />
]]></content:encoded>
			<wfw:commentRss>http://www.memepasmal.ch/2011/10/13/woodoo-17/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>Séquelles</title>
		<link>http://www.memepasmal.ch/2011/08/02/sequelles/</link>
		<comments>http://www.memepasmal.ch/2011/08/02/sequelles/#comments</comments>
		<pubDate>Tue, 02 Aug 2011 08:07:02 +0000</pubDate>
		<dc:creator>gael</dc:creator>
				<category><![CDATA[Foutoir technologique]]></category>
		<category><![CDATA[astuce]]></category>
		<category><![CDATA[base64]]></category>
		<category><![CDATA[soap]]></category>
		<category><![CDATA[sql]]></category>

		<guid isPermaLink="false">http://www.memepasmal.ch/?p=2203</guid>
		<description><![CDATA[Après avoir passé du temps sur quelques petits accrochages, je partage aujourd&#8217;hui avec grand plaisir non pas une, mais deux astuces en SQL ! C&#8217;est gratuit, c&#8217;est cadeau, ça me fait plaisir. La première te servira peut-être si tu utilises SOAP. SOAP c&#8217;est un peu comme le savon, sauf qu&#8217;au lieu de laver ça t&#8217;envoie [...]]]></description>
			<content:encoded><![CDATA[Après avoir passé du temps sur quelques petits accrochages, je partage aujourd&#8217;hui avec grand plaisir non pas une, mais deux astuces en SQL ! C&#8217;est gratuit, c&#8217;est cadeau, ça me fait plaisir.<br />
<br />
La première te servira peut-être si tu utilises SOAP. SOAP c&#8217;est un peu comme le savon, sauf qu&#8217;au lieu de laver ça t&#8217;envoie des données XML via le protocole HTTP, cool non?<br />
<br />
Bref, il arrive parfois qu&#8217;on ait besoin de convertir un champ SQL binaire en Base64, non ne pars pas, je te jure que ça arrive.<br />
<br />
Tiens, mange ça.<br />
<br />
<div class="codecolorer-container sql default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />10<br />11<br />12<br />13<br />14<br /></div></td><td><div class="sql codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #808080; font-style: italic;">-- Variable contenant les données binaires</span><br />
<span style="color: #993333; font-weight: bold;">DECLARE</span> @bin VARBINARY<span style="color: #66cc66;">&#40;</span><span style="color: #993333; font-weight: bold;">MAX</span><span style="color: #66cc66;">&#41;</span><br />
<br />
<span style="color: #808080; font-style: italic;">-- Variable contenant ces données en base64</span><br />
<span style="color: #993333; font-weight: bold;">DECLARE</span> @base64 <span style="color: #993333; font-weight: bold;">VARCHAR</span><span style="color: #66cc66;">&#40;</span><span style="color: #993333; font-weight: bold;">MAX</span><span style="color: #66cc66;">&#41;</span><br />
<br />
<span style="color: #808080; font-style: italic;">-- Récupération des données</span><br />
<span style="color: #993333; font-weight: bold;">SET</span> @bin <span style="color: #66cc66;">=</span> <span style="color: #66cc66;">&#40;</span><span style="color: #993333; font-weight: bold;">SELECT</span> TON_CHAMP_BINARY <span style="color: #993333; font-weight: bold;">FROM</span> TA_TABLE <span style="color: #993333; font-weight: bold;">WHERE</span> TA_CLE <span style="color: #66cc66;">=</span> UNE_VALEUR<span style="color: #66cc66;">&#41;</span><br />
<br />
<span style="color: #808080; font-style: italic;">-- Conversion</span><br />
<span style="color: #993333; font-weight: bold;">SET</span> @base64 <span style="color: #66cc66;">=</span> <span style="color: #993333; font-weight: bold;">CAST</span><span style="color: #66cc66;">&#40;</span>N<span style="color: #ff0000;">''</span> <span style="color: #993333; font-weight: bold;">AS</span> XML<span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">.</span><span style="color: #993333; font-weight: bold;">VALUE</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">'xs:base64Binary(xs:hexBinary(sql:variable(&quot;@bin&quot;)))'</span><span style="color: #66cc66;">,</span> <span style="color: #ff0000;">'VARCHAR(MAX)'</span><span style="color: #66cc66;">&#41;</span><br />
<br />
<span style="color: #808080; font-style: italic;">-- Affichage</span><br />
<span style="color: #993333; font-weight: bold;">SELECT</span> @base64 <span style="color: #993333; font-weight: bold;">AS</span> <span style="color: #ff0000;">'Base64'</span></div></td></tr></tbody></table></div><br />
<br />
Dans la requête &laquo;&nbsp;SELECT&nbsp;&raquo; tu remplaces bien entendu astucieusement les noms avec ceux de ta table et de ses champs.<br />
<br />
La deuxième astuce te permettra d&#8217;obtenir le <em>hash</em> MD5 d&#8217;une chaine de caractères.<br />
<br />
<div class="codecolorer-container sql default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br /></div></td><td><div class="sql codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #808080; font-style: italic;">-- Mot de passe</span><br />
<span style="color: #993333; font-weight: bold;">DECLARE</span> @password <span style="color: #993333; font-weight: bold;">VARCHAR</span><span style="color: #66cc66;">&#40;</span><span style="color: #cc66cc;">200</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">=</span> <span style="color: #ff0000;">'12345'</span><br />
<br />
<span style="color: #808080; font-style: italic;">-- MD5</span><br />
<span style="color: #993333; font-weight: bold;">DECLARE</span> @md5 <span style="color: #993333; font-weight: bold;">VARCHAR</span><span style="color: #66cc66;">&#40;</span><span style="color: #cc66cc;">32</span><span style="color: #66cc66;">&#41;</span><br />
<br />
<span style="color: #808080; font-style: italic;">-- Conversion</span><br />
<span style="color: #993333; font-weight: bold;">SET</span> @md5 <span style="color: #66cc66;">=</span> <span style="color: #66cc66;">&#40;</span><span style="color: #993333; font-weight: bold;">SELECT</span> <span style="color: #993333; font-weight: bold;">LOWER</span><span style="color: #66cc66;">&#40;</span><span style="color: #993333; font-weight: bold;">SUBSTRING</span><span style="color: #66cc66;">&#40;</span><span style="color: #993333; font-weight: bold;">CONVERT</span><span style="color: #66cc66;">&#40;</span><span style="color: #993333; font-weight: bold;">VARCHAR</span><span style="color: #66cc66;">&#40;</span><span style="color: #993333; font-weight: bold;">MAX</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">,</span>HashBytes<span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">'MD5'</span><span style="color: #66cc66;">,</span> @password<span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">,</span><span style="color: #cc66cc;">1</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">,</span><span style="color: #cc66cc;">3</span><span style="color: #66cc66;">,</span><span style="color: #cc66cc;">32</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span></div></td></tr></tbody></table></div><br />
<br />
Tu peux laisser tes commentaires, même si tu comprends rien.]]></content:encoded>
			<wfw:commentRss>http://www.memepasmal.ch/2011/08/02/sequelles/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>Boinc</title>
		<link>http://www.memepasmal.ch/2011/07/18/boinc/</link>
		<comments>http://www.memepasmal.ch/2011/07/18/boinc/#comments</comments>
		<pubDate>Mon, 18 Jul 2011 12:30:05 +0000</pubDate>
		<dc:creator>gael</dc:creator>
				<category><![CDATA[Foutoir technologique]]></category>
		<category><![CDATA[boinc]]></category>
		<category><![CDATA[seti]]></category>

		<guid isPermaLink="false">http://www.memepasmal.ch/?p=2204</guid>
		<description><![CDATA[La vingtaine apporte toujours son lot de bonnes intentions, pour ne pas te sentir insignifiant après la période ingrate de l&#8217;adolescence tu cherches à participer à de grands projets qui sauvent si possible le monde. C&#8217;est ainsi qu&#8217;en ces temps lointains je me suis retrouvé à participer au projet SETI@Home, qui m&#8217;amène aujourd&#8217;hui à te [...]]]></description>
			<content:encoded><![CDATA[La vingtaine apporte toujours son lot de bonnes intentions, pour ne pas te sentir insignifiant après la période ingrate de l&#8217;adolescence tu cherches à participer à de grands projets qui sauvent si possible le monde. C&#8217;est ainsi qu&#8217;en ces temps lointains je me suis retrouvé à participer au projet SETI@Home, qui m&#8217;amène aujourd&#8217;hui à te parler du calcul distribué.<br />
<br />
<img src="http://www.memepasmal.ch/wp-content/uploads/2011/07/boinc_sah_logo.jpg" alt="" title="boinc_sah_logo" width="600" height="183" class="aligncenter size-full wp-image-2212" /><br />
<br />
Certaines recherches scientifiques demandent des calculs informatiques phénoménaux, une seule machine ne suffisant pas ces calculs sont répartis entre plusieurs ordinateurs. Les données sont distribuées aux machines, calculées puis renvoyées à l&#8217;unité centrale. L&#8217;avènement d&#8217;Internet a apporté une touche mondiale à cette technologique, rendant accessible le calcul distribué (ou &laquo;&nbsp;calcul partagé&nbsp;&raquo;, ou &laquo;&nbsp;calcul réparti&nbsp;&raquo;) au commun des mortels programmeurs.<br />
<span id="more-2204"></span><br />
Le premier projet grand-public est le fameux SETI@Home, il a vu le jour en mai 1999 et émane du <em>Space Sciences Laboratory</em> de l&#8217;Université de Californie à Berkeley. Ce projet analyse les données du radiotélescope de l&#8217;Observatoire d&#8217;Arecibo (Porto Rico) à la recherche de signaux qui pourraient avoir été émis d&#8217;une autre planète par une forme de vie intelligente, &laquo;&nbsp;SETI&nbsp;&raquo; signifiant &laquo;&nbsp;<em>Search for Extra-Terrestrial Intelligence</em> &raquo;&nbsp;. Ce projet historique devrait malheureusement se terminer fin 2011, faute de fonds.<br />
<br />
De SETI@Home est né BOINC (pour &laquo;&nbsp;<em>Berkeley Open Infrastructure for Network Computing</em> &raquo;&nbsp;), un outil centralisant les nombreux projets qui sont venus profiter de l&#8217;inestimable puissance de calcul mise à disposition. Concrètement, toute personne possédant un ordinateur connecté à Internet peut participer à une ou plusieurs recherches selon ses convictions, afin de ne pas surcharger la machine les calculs ne sont lancés qu&#8217;après une certaines période d&#8217;inactivité que l&#8217;on peut déterminer, à la manière d&#8217;un économiseur d&#8217;écran invisible. Après avoir été téléchargé et installé, BOINC tourne en tâche de fond de l&#8217;ordinateur, il est configurable via une interface graphique sommaire. S&#8217;il est bien configuré il se fait alors très discret, ne ralentissant que peu la machine.<br />
<br />
<img src="http://www.memepasmal.ch/wp-content/uploads/2011/07/boinc_logo.jpg" alt="" title="boinc_logo" width="600" height="251" class="aligncenter size-full wp-image-2213" /><br />
<br />
Comme indiqué, il existe aujourd&#8217;hui plusieurs projets plus ou moins utiles profitant de cette puissance de calcul. Notons par exemple &laquo;&nbsp;Rosetta@home&nbsp;&raquo; qui tente de déterminer la structures des protéines en vue de guérir certaines pathologies humaines, ou &laquo;&nbsp;Climateprediction.net&nbsp;&raquo; qui cherche à déterminer l&#8217;avenir de notre climat.<br />
<br />
Si l&#8217;envie de faire quelque chose d&#8217;utile ou de technologique te titille alors il te suffit de te rendre sur la page de <a href="http://boinc.berkeley.edu/">BOINC</a>, tu télécharges le logiciel adapté à ton environnement, puis tu redémarres ta machine.<br />
<br />
Lors du premier lancement, on te demandera à quels projets tu désires participer.<br />
<br />
<img src="http://www.memepasmal.ch/wp-content/uploads/2011/07/boinc_add_project_01.jpg" alt="" title="boinc_add_project_01" width="561" height="444" class="aligncenter size-full wp-image-2205" /><br />
<br />
Tu pourras revenir plus tard sur cette fenêtre, pour ajouter d&#8217;autres projets. Une fois l&#8217;un d&#8217;entre-eux choisi, tu cliques sur &laquo;&nbsp;Suivant&nbsp;&raquo; et saisi tes informations de comptes. Tu peux en créer un à la volée si tu n&#8217;en as pas encore.<br />
<br />
<img src="http://www.memepasmal.ch/wp-content/uploads/2011/07/boinc_add_project_02.jpg" alt="" title="boinc_add_project_02" width="563" height="445" class="aligncenter size-full wp-image-2206" /><br />
<br />
Si tu ajoutes plusieurs projets de recherches tu devras alors déterminer le pourcentage de temps que BOINC devra attribuer à chacun d&#8217;entre eux, ce temps est par défaut réparti équitablement.<br />
<br />
Au premier lancement, la fenêtre principale du gestionnaire est en mode de vue simplifiée, pas forcément très esthétique pour autant.<br />
<br />
<img src="http://www.memepasmal.ch/wp-content/uploads/2011/07/boinc_simple_view.jpg" alt="" title="boinc_simple_view" width="350" height="471" class="aligncenter size-full wp-image-2214" /><br />
<br />
Si tu veux plus de détails il te suffit de cliquer sur &laquo;&nbsp;<em>Advanced view</em> &raquo;&nbsp;, tu peux alors apercevoir ton ou tes projets dans l&#8217;onglet correspondant.<br />
<br />
<img src="http://www.memepasmal.ch/wp-content/uploads/2011/07/boinc_projets.jpg" alt="" title="boinc_projets" width="640" height="247" class="aligncenter size-full wp-image-2211" /><br />
<br />
BOINC commence immédiatement à charger les différents fichiers dont le projet à besoin.<br />
<br />
<img src="http://www.memepasmal.ch/wp-content/uploads/2011/07/boinc_transfert.jpg" alt="" title="boinc_transfert" width="640" height="246" class="aligncenter size-full wp-image-2209" /><br />
<br />
L&#8217;onglet des tâches t’indique l&#8217;avancement des calculs, leur état ainsi que la date limite qui t&#8217;es imposée pour les terminer.<br />
<br />
<img src="http://www.memepasmal.ch/wp-content/uploads/2011/07/boinc_taches.jpg" alt="" title="boinc_taches" width="640" height="248" class="aligncenter size-full wp-image-2210" /><br />
<br />
La configuration est relativement simpliste, tu choisi à quels moments ton ordinateur doit travailler. Si la case &laquo;&nbsp;<em>Lorsque l&#8217;ordinateur est utilisé</em>&nbsp;&raquo; est cochée, alors le travail sera ininterrompu, gare aux ralentissements permanents. Tu peux également spécifier des heures de calcul, pour par exemple ne limiter les ralentissements que la nuit.<br />
<br />
<img src="http://www.memepasmal.ch/wp-content/uploads/2011/07/boinc_config_proc.jpg" alt="" title="boinc_config_proc" width="600" height="476" class="aligncenter size-full wp-image-2207" /><br />
<br />
La case &laquo;&nbsp;<em>Seulement quand l&#8217;ordinateur est en veille depuis</em>&nbsp;&raquo; est importante, c&#8217;est ici que tu vas déterminer le temps entre ton dernier mouvement de souris et le lancements des calculs, sachant que ceux-ci s&#8217;interrompent dès que tu utilises à nouveau ta machine (sauf si &laquo;&nbsp;<em>Lorsque l&#8217;ordinateur est utilisé</em>&nbsp;&raquo; est coché).<br />
<br />
Je ne sais pas si c&#8217;est un bug mais sur ma machine la coupure automatique de l&#8217;alimentation de l&#8217;écran arrête inopinément le calcul, pour remédier à ce souci il faut donc aller dans la gestion de l&#8217;alimentation de Windows et choisir &laquo;&nbsp;<em>Jamais</em>&nbsp;&raquo; dans le menu &laquo;&nbsp;<em>Extinction du moniteur</em> &raquo;&nbsp;. En contrepartie, pour économiser un peu ton écran et l’électricité produite par nos amis les atomes radioactifs tu peux choisir d&#8217;utiliser l&#8217;économiseur d&#8217;écran &laquo;&nbsp;Blank&nbsp;&raquo;, qui est un bête écran noir.<br />
<br />
Note qu&#8217;il peut y avoir une certaine confusion entre l&#8217;économiseur d&#8217;écran nommé &laquo;&nbsp;BOINC&nbsp;&raquo; et le programme éponyme, l&#8217;économiseur d&#8217;écran ne fait qu&#8217;afficher les données en train d&#8217;être calculées, il est uniquement esthétique. Tu peux donc tranquillement choisir un autre économiseur d&#8217;écran, le travail s&#8217;effectuera quand même.<br />
<br />
Une limitation de l&#8217;utilisation d&#8217;Internet peut également être effectuée, mais l&#8217;option est peu utile pour la majorité des utilisateurs.<br />
<br />
<img src="http://www.memepasmal.ch/wp-content/uploads/2011/07/boinc_config_net.jpg" alt="" title="boinc_config_net" width="600" height="476" class="aligncenter size-full wp-image-2208" /><br />
<br />
Sur l&#8217;onglet &laquo;&nbsp;<em>Utilisation du disque et de la mémoire</em>&nbsp;&raquo; se trouve une case à cocher &laquo;&nbsp;<em>Laisser les applications en mémoire lorsqu&#8217;elles sont suspendues</em> &raquo;&nbsp;. Derrière ses airs de fonctionnalité pratique se cache un véritable bourrage mémoire qu&#8217;il vaut mieux éviter, à décocher donc.<br />
<br />
Les calculs sont effectués sur le CPU (Central Processing Unit), c&#8217;est en quelques sortes le cerveau de ta machine. Depuis quelques années les ordinateurs sont équipés de cartes graphiques munies d&#8217;un GPU (Graphics Processing Unit), qui une fois dérivé de son usage original (afficher de la 3D dans les jeux) permet des calculs deux à dix fois plus rapides qu&#8217;avec un CPU. Certains projets (pas tous) permettent l&#8217;utilisation de ces processeurs, BOINC reconnait les cartes graphiques compatibles et les utilise si possible.<br />
<br />
Plusieurs fonctionnalités plus spécifiques ne seront pas expliquées ici, comme le principe des équipes (tu adhères à une &laquo;&nbsp;<em>team</em>&nbsp;&raquo; de potes) ou la configuration par le web nécessaire si tu installes BOINC sur un grand nombre d&#8217;ordinateurs.<br />
<br />
BOINC fait partie de ces bons côtés d&#8217;Internet que l&#8217;on aimerait plus mettre en avant, que tu t&#8217;en serves pour aider la recherche contre les maladies génétiques, prédire le climat ou même pirater des clés de cryptage.<br />
]]></content:encoded>
			<wfw:commentRss>http://www.memepasmal.ch/2011/07/18/boinc/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Afficher un array PHP en treeview</title>
		<link>http://www.memepasmal.ch/2011/05/10/php-array-treeview/</link>
		<comments>http://www.memepasmal.ch/2011/05/10/php-array-treeview/#comments</comments>
		<pubDate>Tue, 10 May 2011 14:09:19 +0000</pubDate>
		<dc:creator>gael</dc:creator>
				<category><![CDATA[Foutoir technologique]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://www.memepasmal.ch/?p=2136</guid>
		<description><![CDATA[Si tu lis ceci c&#8217;est que le titre ne t&#8217;a pas découragé, bravo! Aujourd&#8217;hui donc, un article qui va te piquer les yeux. Ayant récemment eu besoin (en PHP) d&#8217;afficher le contenu d&#8217;une variable tableau sous forme de treeview, je me suis rendu compte que les bouts de code permettant une telle opération étaient plus [...]]]></description>
			<content:encoded><![CDATA[Si tu lis ceci c&#8217;est que le titre ne t&#8217;a pas découragé, bravo!<br />
<br />
Aujourd&#8217;hui donc, un article qui va te piquer les yeux.<br />
<br />
Ayant récemment eu besoin (en PHP) d&#8217;afficher le contenu d&#8217;une variable tableau sous forme de <em>treeview</em>, je me suis rendu compte que les bouts de code permettant une telle opération étaient plus que rares sur la toile, et que ceux disponibles étaient compliqués voire complètement pourris. Tu noteras que je tiens en très haute estime certains de mes compatriotes développeurs.<br />
<br />
N&#8217;étant jamais mieux servi que par soi-même je me suis lancé dans le codage d&#8217;une fonction récursive, le résultat s&#8217;est avéré être beaucoup plus simple que prévu.<br />
<br />
Bref, voici le code miraculeux fait maison, basique et efficace, parce que c&#8217;est tout ce qu&#8217;on lui demande.<br />
<br />
<div class="codecolorer-container php default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;height:200px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />10<br />11<br />12<br />13<br />14<br />15<br />16<br />17<br />18<br />19<br />20<br />21<br />22<br />23<br />24<br />25<br />26<br />27<br />28<br />29<br />30<br />31<br /></div></td><td><div class="php codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #666666; font-style: italic;">// Fonction de dessin basique d'un &quot;array&quot; PHP sous forme de treeview</span><br />
<span style="color: #666666; font-style: italic;">// 10.05.2011 - gael@memepasmal.ch - http://www.memepasmal.ch/2011/05/10/php-array-treeview/</span><br />
<span style="color: #000000; font-weight: bold;">function</span> drawTree<span style="color: #009900;">&#40;</span><span style="color: #000088;">$myarray</span><span style="color: #339933;">,</span> <span style="color: #000088;">$level</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">0</span><span style="color: #009900;">&#41;</span><br />
<span style="color: #009900;">&#123;</span><br />
<br />
&nbsp; &nbsp; <span style="color: #666666; font-style: italic;">// Boucle sur chaque élément du tableau</span><br />
&nbsp; &nbsp; <span style="color: #b1b100;">foreach</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$myarray</span> <span style="color: #b1b100;">as</span> <span style="color: #000088;">$key</span> <span style="color: #339933;">=&gt;</span> <span style="color: #000088;">$value</span><span style="color: #009900;">&#41;</span><br />
&nbsp; &nbsp; <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; <br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #666666; font-style: italic;">// En cas d'objet on convertit en tableau</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #990000;">is_object</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$value</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #000088;">$value</span> <span style="color: #339933;">=</span> <span style="color: #009900;">&#40;</span><span style="color: #990000;">array</span><span style="color: #009900;">&#41;</span><span style="color: #000088;">$value</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #666666; font-style: italic;">// Si l'élément est un tableau</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #990000;">is_array</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$value</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #666666; font-style: italic;">// On l'affiche en tant que noeud</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">'&lt;div style=&quot;padding-left: '</span> <span style="color: #339933;">.</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$level</span> <span style="color: #339933;">*</span> <span style="color: #cc66cc;">20</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">.</span> <span style="color: #0000ff;">'px&quot;&gt;['</span> <span style="color: #339933;">.</span> <span style="color: #000088;">$key</span> <span style="color: #339933;">.</span> <span style="color: #0000ff;">']&lt;/div&gt;'</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #666666; font-style: italic;">// Puis on affiche son arborescence, à un niveau supérieur</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; drawTree<span style="color: #009900;">&#40;</span><span style="color: #000088;">$value</span><span style="color: #339933;">,</span> <span style="color: #000088;">$level</span> <span style="color: #339933;">+</span> <span style="color: #cc66cc;">1</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;">&#125;</span> <span style="color: #b1b100;">else</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #666666; font-style: italic;">// C'est une valeur, on l'affiche</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">'&lt;div style=&quot;padding-left: '</span> <span style="color: #339933;">.</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$level</span> <span style="color: #339933;">*</span> <span style="color: #cc66cc;">20</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">.</span> <span style="color: #0000ff;">'px&quot;&gt;'</span> <span style="color: #339933;">.</span> <span style="color: #000088;">$key</span> <span style="color: #339933;">.</span> <span style="color: #0000ff;">' = &lt;b&gt;'</span> <span style="color: #339933;">.</span> <span style="color: #000088;">$value</span> <span style="color: #339933;">.</span> <span style="color: #0000ff;">'&lt;/b&gt;&lt;/div&gt;'</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900;">&#125;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <br />
&nbsp; &nbsp; <span style="color: #009900;">&#125;</span><br />
<br />
<span style="color: #009900;">&#125;</span></div></td></tr></tbody></table></div><br />
<br />
Tu copies ça quelque part dans ton code PHP, tu appelles la fonction &laquo;&nbsp;<em>drawTree</em>&nbsp;&raquo; en passant ta variable <em>array</em> en paramètre, et puis tu admires le splendide résultat en sirotant ta bière.<br />
<br />
Merci de ton attention, tu peux maintenant reprendre une vie normale.]]></content:encoded>
			<wfw:commentRss>http://www.memepasmal.ch/2011/05/10/php-array-treeview/feed/</wfw:commentRss>
		<slash:comments>33</slash:comments>
		</item>
		<item>
		<title>Déballage public</title>
		<link>http://www.memepasmal.ch/2011/03/16/deballage-public/</link>
		<comments>http://www.memepasmal.ch/2011/03/16/deballage-public/#comments</comments>
		<pubDate>Wed, 16 Mar 2011 08:20:00 +0000</pubDate>
		<dc:creator>gael</dc:creator>
				<category><![CDATA[Foutoir technologique]]></category>
		<category><![CDATA[Réflexions désordonnées]]></category>
		<category><![CDATA[facebook]]></category>

		<guid isPermaLink="false">http://www.memepasmal.ch/?p=2067</guid>
		<description><![CDATA[Il fût un temps où les relations sentimentales tumultueuses noircissaient des pages de papier dans les romans populaires. Aujourd&#8217;hui l&#8217;aspect romantique s&#8217;estompe, on vit en direct chaque moment intime de son entourage grâce à une des plus fantastiques inventions de l&#8217;humanité : Facebook. Les fins de relations mouvementées annihilent toute retenue, les deux protagonistes semblent [...]]]></description>
			<content:encoded><![CDATA[<p>Il fût un temps où les relations sentimentales tumultueuses noircissaient des pages de papier dans les romans populaires. Aujourd&#8217;hui l&#8217;aspect romantique s&#8217;estompe, on vit en direct chaque moment intime de son entourage grâce à une des plus fantastiques inventions de l&#8217;humanité : Facebook.</p>
<p>Les fins de relations mouvementées annihilent toute retenue, les deux protagonistes semblent s&#8217;exprimer comme s&#8217;ils étaient seuls au monde, le résultat peut être parfois surprenant vu de l&#8217;extérieur, il suit toutefois un certain schéma régulier.</p>
<p><div class="entrytitle">Prologue</div></p>
<p>Tu as toi aussi dans tes amis ce couple idéal, celui qui s&#8217;envoie chaque jour des messages d&#8217;amour mielleux sans aucune gêne apparente.</p>
<p><img src="http://www.memepasmal.ch/wp-content/uploads/2011/03/fb_separation_17.jpg" alt="" title="fb_separation_17" width="462" height="115" class="aligncenter size-full wp-image-2084" /></p>
<p>À ce stade chacun gère la lecture des statuts selon son niveau de tolérance à la douleur mentale. L&#8217;effet produit est similaire à celui qui consisterait à surprendre accidentellement son arrière-grand mère sous la douche, une sorte de gêne d&#8217;avoir pénétré l&#8217;intimité ultime d&#8217;une personne proche, accompagné d&#8217;un petit goût de bile qui remonte.</p>
<p>Mais tel le beurre au soleil rien ne dure jamais éternellement, et un jour&#8230;</p>
<p><div class="entrytitle">Chapitre 1 &#8211; L&#8217;annonce</div></p>
<p><img src="http://www.memepasmal.ch/wp-content/uploads/2011/03/fb_separation_01.jpg" alt="" title="fb_separation_01" width="285" height="57" class="aligncenter size-full wp-image-2068" /><br />
<img src="http://www.memepasmal.ch/wp-content/uploads/2011/03/fb_separation_02.jpg" alt="" title="fb_separation_02" width="280" height="60" class="aligncenter size-full wp-image-2069" /></p>
<p>Tu remarqueras qu&#8217;il y a toujours une personne sensible pour cliquer sur &laquo;&nbsp;<em>J&#8217;aime</em> &raquo;&nbsp;, lançant ainsi les pires rumeurs.</p>
<p><img src="http://www.memepasmal.ch/wp-content/uploads/2011/03/fb_separation_03.jpg" alt="" title="fb_separation_03" width="461" height="69" class="aligncenter size-full wp-image-2070" /></p>
<p>On fulmine, on rumine, mais le sentiment prépondérant à cet instant précis est surtout une incompréhension générale.</p>
<p><img src="http://www.memepasmal.ch/wp-content/uploads/2011/03/fb_separation_05.jpg" alt="" title="fb_separation_05" width="460" height="193" class="aligncenter size-full wp-image-2072" /></p>
<p>Avec toujours cette même personne fidèle au poste qui, années après années, écrit régulièrement &laquo;&nbsp;ma belle&nbsp;&raquo; quand elle s’adresse à ses copines.</p>
<p><div class="entrytitle">Chapitre 2 &#8211; Les témoignages à chaud</div></p>
<p>Les premières minutes qui suivent la publication officielle laissent souvent libre cours aux déjections hormonales, toujours de manière subtile cela va de soi. Les acteurs principaux laissent éclater leur joie ou leur désarroi avec le ton adapté à une telle situation.</p>
<p><img src="http://www.memepasmal.ch/wp-content/uploads/2011/03/fb_separation_07.jpg" alt="" title="fb_separation_07" width="462" height="86" class="aligncenter size-full wp-image-2074" /></p>
<p>En général les potes répondent rapidement, pour témoigner de leur virile solidarité. S&#8217;inspirant de nos exemplaires politiciens, certains n&#8217;hésite d&#8217;ailleurs pas à retourner leur veste de manière surprenante.</p>
<p><img src="http://www.memepasmal.ch/wp-content/uploads/2011/03/fb_separation_08.jpg" alt="" title="fb_separation_08" width="467" height="263" class="aligncenter size-full wp-image-2075" /></p>
<p>Le problème pour un couple qui vit en plein pêché biblique (en concubinage par exemple) c&#8217;est qu&#8217;un des deux doit se barrer rapidement de l&#8217;appartement. En effet, l&#8217;entente nécessaire à une cohabitation harmonieuse n&#8217;est plus vraiment au goût du jour.</p>
<p><img src="http://www.memepasmal.ch/wp-content/uploads/2011/03/fb_separation_09.jpg" alt="" title="fb_separation_09" width="467" height="234" class="aligncenter size-full wp-image-2076" /></p>
<p><div class="entrytitle">Chapitre 3 &#8211; Les explications</div></p>
<p>La violence de la séparation passée de quelques heures (ce qui correspondrait à plusieurs jours dans le monde réel), l&#8217;ancien couple commence à expliquer les raisons de son explosion subite en laissant trainer quelques vagues indices.</p>
<p><img src="http://www.memepasmal.ch/wp-content/uploads/2011/03/fb_separation_10.jpg" alt="" title="fb_separation_10" width="462" height="188" class="aligncenter size-full wp-image-2077" /></p>
<p>Et là, tu commences à comprendre ce qui a causé cette terrible déchirure.</p>
<p><img src="http://www.memepasmal.ch/wp-content/uploads/2011/03/fb_separation_11.jpg" alt="" title="fb_separation_11" width="464" height="72" class="aligncenter size-full wp-image-2078" /></p>
<p>Heureusement nous sommes humains, et toute épreuve finit par passer.</p>
<p><div class="entrytitle">Chapitre 4 &#8211; La reprise</div></p>
<p>Tout va bien dans le meilleur des mondes, du moins on essaie de s&#8217;en convaincre. L&#8217;abandonné (ou l&#8217;abandonnée) publie des messages encourageants, même s&#8217;ils donnent l&#8217;impression d&#8217;avoir été écrits suite à une injection directe de Prozac&trade; dans le cortex cérébral.</p>
<p><img src="http://www.memepasmal.ch/wp-content/uploads/2011/03/fb_separation_12.jpg" alt="" title="fb_separation_12" width="464" height="90" class="aligncenter size-full wp-image-2079" /></p>
<p>Parfois des citations célèbres sont évoquées, sans oublier d&#8217;indiquer son auteur, faux de préférence. Car sache-le vil païen, ce n&#8217;est pas Céline Dion qui a originalement prononcé &laquo;&nbsp;<em>les derniers seront les premiers, et les premiers seront les derniers</em> &raquo;&nbsp;.</p>
<p>Bref, tous cette confiture aux monologues continue de s&#8217;étaler paisiblement sur ta page d&#8217;accueil, jusqu&#8217;à ce que&#8230;</p>
<p><img src="http://www.memepasmal.ch/wp-content/uploads/2011/03/fb_separation_13.jpg" alt="" title="fb_separation_13" width="462" height="58" class="aligncenter size-full wp-image-2080" /></p>
<p>Et là, personne n&#8217;est à l&#8217;abri d&#8217;un retour de flamme.</p>
<p><img src="http://www.memepasmal.ch/wp-content/uploads/2011/03/fb_separation_14.jpg" alt="" title="fb_separation_14" width="463" height="194" class="aligncenter size-full wp-image-2081" /></p>
<p>Du coup, l&#8217;homme (ou la femme) volage commence à culpabiliser, il montre quelques signes de remords et l&#8217;annonce à son entourage.</p>
<p><img src="http://www.memepasmal.ch/wp-content/uploads/2011/03/fb_separation_18.jpg" alt="" title="fb_separation_18" width="463" height="101" class="aligncenter size-full wp-image-2085" /></p>
<p>Le plus difficile à cet instant est de résister à l&#8217;envie de bannir de ta liste d&#8217;amis cet enragé qui vient de t&#8217;insulter ouvertement, mais ce serait dommage de rater la fin de l&#8217;histoire.</p>
<p><div class="entrytitle">Chapitre 5 &#8211; La vengeance</div></p>
<p>Il faut dorénavant s&#8217;y faire, ce couple charmant, amoureux et surtout utopique auquel nous étions habitués n&#8217;existe plus. Les douceurs verbales s&#8217;envolent pour laisser place à la haine pure, et dès cet instant, tous les moyens sont bons pour rendre l&#8217;autre jaloux.</p>
<p><img src="http://www.memepasmal.ch/wp-content/uploads/2011/03/fb_separation_16.jpg" alt="" title="fb_separation_16" width="463" height="113" class="aligncenter size-full wp-image-2083" /></p>
<p>On note en général une nette régression de la qualité éditoriale, cette personne que l&#8217;on croyait si mature se met soudainement à écrire comme un adolescent hormonalement déréglé, utilisant même parfois le très vomitif langage SMS.</p>
<p>Les annonces euphoriques fusent plusieurs fois par jour, donnant souvent la curieuse impression d&#8217;avoir été pondues sous antidépresseurs. Par le biais de son entourage l&#8217;intéressé tente visiblement de se convaincre lui-même de son propre bonheur à grand coup d&#8217;adverbes quantitatifs, avec si possible beaucoup de points d&#8217;exclamations. Il relate sa dernière &laquo;&nbsp;<em>virée à moto trop trop trop bien</em> &raquo;&nbsp;, une soirée passée avec &laquo;&nbsp;<em>une fille trop trop trop bien</em> &raquo;&nbsp;, le fait que &laquo;&nbsp;<em>la vie est trop trop trop belle</em>&nbsp;&raquo; et qu&#8217;il faut &laquo;&nbsp;<em>vachement en profiter à fond</em> &raquo;&nbsp;.</p>
<p>Des coups-bas sont de temps à autre utilisés, l&#8217;adversaire ne recule devant aucun obstacle pour atteindre son objectif, à savoir pourrir le moral (voire le nouveau couple) de son ancien amant.</p>
<p><img src="http://www.memepasmal.ch/wp-content/uploads/2011/03/fb_separation_15.jpg" alt="" title="fb_separation_15" width="461" height="162" class="aligncenter size-full wp-image-2082" /></p>
<p>Et des fois, ça fonctionne.</p>
<p><img src="http://www.memepasmal.ch/wp-content/uploads/2011/03/fb_separation_04.jpg" alt="" title="fb_separation_04" width="460" height="68" class="aligncenter size-full wp-image-2071" /></p>
<p>Ainsi, comme dans un conte de fées condensé, il arrive que tout finisse bien, ou presque.</p>
<p>Merci à tous mes &laquo;&nbsp;amis&nbsp;&raquo; de Facebook qui étalent chaque jour l&#8217;intégralité de leur vie privée sans la moindre pudeur, vous êtes ma muse. Kissous kissous à vous!</p>
<p><div class="light">Images : <a href="http://gombinoscope.free.fr/">Gombinoscope</a>, sauf pour Brassens, ça va de soi.</div></p>
]]></content:encoded>
			<wfw:commentRss>http://www.memepasmal.ch/2011/03/16/deballage-public/feed/</wfw:commentRss>
		<slash:comments>28</slash:comments>
		</item>
	</channel>
</rss>

