# articles

feed_id: http://blog.m0le.net/?p=6665
title: Quelques limites de l'utilisation des données
uri: Quelques-limites-de-l-utilisation-des-données
url: http://blog.m0le.net/2013/08/01/quelques-limites-de-lutilisation-des-donnees/
content:
<p>Les données cachent en elles certains pièges insoupçonnés au premier abord. Petit tour d'horizon d'une poignée de ces derniers.</p>
<p style="text-align: center;"><img class="aligncenter size-medium wp-image-6706" alt="panneaux" src="media/7777338d.panneaux-300x214.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/08/panneaux-300x214.jpg" width="300" height="214" /></p>
<p><span id="more-6665"></span></p>
<h1>Les biais statistiques</h1>
<p>Le biais statistique est, dans la jungle des données, <strong>l'arbre qui cache la forêt</strong>. Mais qu'est donc un biais statistique ? Une sirène à laquelle on peut facilement céder <strong>lorsqu'une donnée isolée semble mettre en lumière un fait</strong>.</p>
<p><span style="text-decoration: underline;">Exemple</span> : en juillet 2008, le film <em>Bienvenue chez les Ch'tis</em> <a target="_blank" href="http://www.allocine.fr/film/fichefilm-126535/box-office/">dépasse assez confortablement les 20 millions d'entrées</a>. On crie au record : <em>La Grande Vadrouille</em>, film populaire par excellence, semble être un petit joueur avec ses "seulement" <a target="_blank" href="http://www.allocine.fr/film/fichefilm_gen_cfilm=4307.html">17 millions d'entrées</a>.</p>
<p><iframe width="600" height="400" src="http://s3.datawrapper.de/Gx4og/" allowtransparency="true" allowfullscreen="allowfullscreen" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen" oallowfullscreen="oallowfullscreen" msallowfullscreen="msallowfullscreen" frameborder="0"></iframe></p>
<p>Sauf qu'en réalité ce film sorti en 1966 <strong>conserve bien le record du plus grand succès cinématographique en France</strong>, car <a target="_blank" href="http://www.bdm.insee.fr/bdm2/affichageSeries.action?idbank=000067671&amp;codeGroupe=62">il n'y avait alors dans la métropole un peu plus 49 millions de Français</a>, contre un peu plus de 62 millions de gens à la sortie des Ch'tis.</p>
<p><iframe width="600" height="400" src="http://s3.datawrapper.de/n2Ha7/" allowtransparency="true" allowfullscreen="allowfullscreen" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen" oallowfullscreen="oallowfullscreen" msallowfullscreen="msallowfullscreen" frameborder="0"></iframe></p>
<p>En clair, 35% de la population française avaient vu les frasques de Bourvil et de Funès, contre 33% pour le duo Boon-Merad. <a target="_blank" href="http://www.lepoint.fr/actualites-cinema/2008-04-07/bienvenue-chez-les-ch-tis-detrone-la-grande-vadrouille/903/0/236073">Le constat du détrônement de <em>La Grande Vadrouille</em> par les Ch'tis</a> est donc biaisé, puisqu'il aurait fallu pour cela <strong>approcher les 22 millions d'entrées</strong>.</p>
<p>Prendre en référence une valeur absolue sans tenir compte des durées d'écart est <strong>un biais statistique très courant</strong>, que l'on a également vu récemment avec <a target="_blank" href="http://www.rmc.fr/editorial/373332/3-224-600-chomeurs-le-triste-record-de-1997-depasse/">le dépassement symbolique, en avril dernier, du nombre de demandeurs d'emplois de 1997</a>. En 16 ans, les rangs des Français pouvant travailler ont forcément grossi, et la valeur absolue dépassée est relative.</p>
<p>Deux autre biais statistiques, très utilisés pour porter les analyses les plus extrêmes, doivent être connus :</p>
<ul>
<li><strong><span style="line-height: 13px;">tirer des grandes conclusions </span></strong><strong style="line-height: 13px;">à partir d'un échantillon trop réduit</strong><span style="line-height: 13px;">. Un exemple récent : une enquête de l'Ifop montre </span><a target="_blank" style="line-height: 13px;" href="http://www.lefigaro.fr/politique/2013/07/08/01002-20130708ARTFIG00560-les-musulmans-de-france-votent-a-gauche.php#xtor=AL-155">l'inclination des musulmans de France à voter à gauche</a><span style="line-height: 13px;">. Au-delà de l'analyse politique, l'article du Figaro sous-entend clairement <strong>que dans le cas d'une élection serrée comme 2012, ces électeurs ont pu faire la différence</strong>. Sauf que c'est un poil plus compliqué, notamment parce que </span><a target="_blank" style="line-height: 13px;" href="http://www.rue89.com/2013/04/28/mariage-tous-ps-a-fait-erreur-electorale-enorme-241844">François Hollande a aussi progressé dans des territoires très catholiques</a><span style="line-height: 13px;">, sans lesquels il aurait de toute façon perdu. Ensuite, parce que ces électeurs de confession musulmane représentent... <a target="_blank" href="media/4049297e.599-1-document_file.pdf" data-original-source="http://www.ifop.com/media/pressdocument/599-1-document_file.pdf">5% des électeurs français</a>, <strong>soit un quart des abstentionnistes</strong>. Et ce ne sont évidemment pas les seuls ingrédients de cette complexe alchimie électorale !</span></li>
<li><strong>confondre corrélation et causalité à partir de données évoluant de la même façon</strong>. Ce biais est particulièrement vicieux, et <strong>revient plus à énoncer des sophismes que des vérités incontestables</strong>. L'un des plus utilisés par les partis d'extrême droite est simple : l'immigration et l'insécurité augmentent de la même façon, donc la cause de l'insécurité est l'immigration. En réalité, les chiffres cités par ces partis sont très souvent (surprise) biaisés <strong>et un raisonnement par l'absurde montre les limites de ce genre d'analyse</strong>. Le politologue Thomas Guénolé donne, avec un certain humour, <a target="_blank" href="http://leplus.nouvelobs.com/contribution/798328-la-france-orange-mecanique-un-tissu-d-aneries-qui-sert-le-fn.html">cet exemple</a> : comme 97% des détenus français sont des hommes, c'est que les hommes sont prédisposés "naturellement" au crime, et qu'il faut donc les surveiller avec zèle. Étonnant, non ?</li>
</ul>
<h1>Des données parfois contestables</h1>
<p>Je cherchais il y a plusieurs mois des données pour m'entraîner à la cartographie. Après avoir un peu prospecté, je suis tombé <strong>sur ce qui paraissait être une mine d'or</strong> avec <a target="_blank" href="http://carmen.developpement-durable.gouv.fr/5/Carte_Alsace.map">une carte interactive</a> consacrée à la <a target="_blank" href="http://www.alsace.developpement-durable.gouv.fr/grand-hamster-d-alsace-la-nouvelle-a645.html">protection du Grand hamster d'Alsace</a>.</p>
<p>Les données géographiques pouvaient être triées, formatées pour différents logiciels, et elles émanaient de <a target="_blank" href="http://www.oncfs.gouv.fr/">l'Office national de la chasse et de la faune sauvage</a> (ONCFS). Que du bon, en somme.</p>
<p>Mon idée était, <a target="_blank" href="http://blog.m0le.net/2013/05/13/contourner-quelques-limites-de-google-fusion-tables/">après quelques tâtonnements techniques</a>, de commenter ces cartes avec des membres d'associations écologistes. Au fil de la discussion, je me suis très vite rendu compte que les données que je pensais difficilement contestables, <strong>étaient en fait sujettes à caution</strong>.</p>
<p>Le principal problème soulevé était les zones de prospection. Mon interlocuteur m'expliquait que l'ONCFS ne prospectait pas certaines zones où des hamsters pouvaient se trouver assez isolés, comme par exemple sur les bords de sentiers.</p>
<p>Du coup, <strong>l'exploitation brute des données de recensement de terriers pouvaient être contestée</strong>, parce que toutes les zones habitables par l'animal n'avaient pas été quadrillées.</p>
<p>Un autre exemple de données contestables m'est apparu plus tard <a target="_blank" href="http://www.samsa.fr/2013/05/28/data-journalisme-et-sil-fallait-se-mefier-un-peu-plus-des-donnees-3/">avec un récit relaté par le chercheur Sylvain Parasie</a>. Il explique à Philippe Couve qu'une équipe de journalistes américains avait procédé <strong>à un travail de vérification titanesque sur une BDD d'écoles à risques</strong>.</p>
<p>Ce recensement numérique des écoles situées sur la faille de San Andreas était en fait <strong>devenu obsolète après le redécoupage de la zone à risques</strong>. Il fallait donc vérifier auprès de centaines d'écoles si elles étaient toujours concernées ou non.</p>
<p>Bref, <strong>attention aux données</strong> <strong>qui ont dépassé les 2-3 ans</strong>, elles peuvent cacher bon nombre de pièges !</p>
<h3>Edit</h3>
<p>Je suis retombé il y a peu sur cette chronique de l'éloquent François Morel. Avec le recul, elle résume assez bien ce que je pense de certaines analyses statistiques <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=':-)' class='wp-smiley' />  !</p>
<p>&nbsp;<br />
<iframe frameborder="0" width="480" height="270" src="http://www.dailymotion.com/embed/video/xby306"></iframe><br /><a target="_blank" href="http://www.dailymotion.com/video/xby306_un-peu-plus-complique-que-ca_fun">Un peu plus compliqu&eacute; que &ccedil;a !</a> <i>par <a target="_blank" href="http://www.dailymotion.com/franceinter">franceinter</a></i></p>


feed_id: http://blog.m0le.net/?p=6651
title: Faites vos propres "Nono's Songs"
uri: Faites-vos-propres-Nono-s-Songs
url: http://blog.m0le.net/2013/08/01/faites-vos-propres-nonos-songs/
content:
<p>Ce micro article fait suite à un petit changement dans ma méthode de création de Nono's Songs.</p>
<p><span id="more-6651"></span></p>
<h1>Comment je fais d'habitude ?</h1>
<p>1) J'entends une chanson, j'en trouve le titre, et la meilleure vidéo sur youtube.</p>
<p>2) <strong>Je vais sur mon serveur (via ssh) et je lance mon script avec le lien en argument</strong>, qui me donne :</p>
<ul>
<li>l'adresse de l'image de la vidéo (thumbnail)</li>
<li>les deux liens vers les fichiers téléchargé (un .mp4 et un .webm)</li>
</ul>
<p>3) J'écris l'article, avec les liens des vidéos précédemment téléchargées.</p>
<p>J'utilisais depuis les premières éditions l'outil <a target="_blank" href="https://sites.google.com/site/columscode/home/movgrab" class="broken_link">movgrab</a> qui remplissait jusqu'à aujourd'hui, parfaitement son rôle. Le tout <strong>via un petit script que j'avais rapidement fait</strong>.</p>
<p>En préparant le <a target="_blank" href="http://blog.m0le.net/2013/07/28/nonos-songs-jay-z-kanye-west-no-church-in-the-wild/">Nono's Songs "No Church In The Wild"</a>, impossible de télécharger les vidéos, je me suis donc mis dans l'idée de trouver un autre utilitaire : <a target="_blank" href="http://rg3.github.io/youtube-dl/">youtube-dl</a>.</p>
<p><strong>Du coup, j'ai refait un petit script</strong> (vraiment sans prétention...), que je vous mets ici (ils sont disponibles sur github) si vous aussi vous avez envie de faire vos Nono's Songs <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=':)' class='wp-smiley' /> </p>
<p>Script movgrab (<a target="_blank" href="https://github.com/Nono-m0le/movgrabm0le" class="broken_link">movgrabm0le sur github</a>):</p>
<div>
<pre class="crayon-plain-tag">#!/bin/bash
dir="/home/blog/video";
cd $dir;
url=$1;
id=`echo $url | cut -d"=" -f2`
echo "http://img.youtube.com/vi/$id/0.jpg"
echo $url
movgrab -T $url 2&gt;/tmp/movgrab;
mp4=`grep "mp4" /tmp/movgrab | sed -e "s/\(mp4:[0-9]*x[0-9]*\)/#\1#/" | cut -d'#' -f2`;
echo "movgrab -f $mp4 $url";
movgrab -f $mp4 $url;
webm=`grep "webm" /tmp/movgrab | sed -e "s/\(webm:[0-9]*x[0-9]*\)/#\1#/" | cut -d'#' -f2`;
echo "movgrab -f $webm $url";
movgrab -f $webm $url;
chown 33.33 ${dir}/*;</pre><br />
Script youtube-dl (<a target="_blank" href="https://github.com/Nono-m0le/youtube-dlm0le" class="broken_link">youtube-dlm0le sur github</a>) :</p>
<div>
<pre class="crayon-plain-tag">#!/bin/bash
dir="/home/blog/video";
cd $dir;
url=$1;
id=`echo $url | cut -d"=" -f2`
echo "http://img.youtube.com/vi/$id/0.jpg"
echo $url
youtube-dl -F $url &gt; /tmp/youtube-dl;
mp4=`grep "mp4" /tmp/youtube-dl | head -n 1 | sed -e "s/\(^[0-9]*\)/#\1#/" | cut -d"#" -f2`;
webm=`grep "webm" /tmp/youtube-dl | head -n 1 | sed -e "s/\(^[0-9]*\)/#\1#/" | cut -d"#" -f2`;
echo "youtube-dl -f $mp4 $url (mp4)";
youtube-dl -f $mp4 $url;
echo "youtube-dl -f $webm $url (webm)";
youtube-dl -f $webm $url;
chown 33.33 ${dir}/*;</pre>
</div>
</div>


feed_id: http://blog.m0le.net/?p=6713
title: Nono's Songs : Paolo Conte - Via Con Me
uri: Nono-s-Songs-Paolo-Conte-Via-Con-Me
url: http://blog.m0le.net/2013/08/07/nonos-songs-paolo-conte-via-con-me/
content:
<p>Les <a target="_blank" title="Nono's Songs" href="http://blog.m0le.net/category/episode/nonos-songs/">Nono's Songs</a> n'ont pas de but particulier si ce n'est de publier des musiques que j'apprécie.</p>
<p>Je ne donne aucune appréciation, je poste que des musiques, trouvées au détour du Net, ou d'un son/bruit que j'ai pu entendre quelques part ou avec quelqu'un. Ce n'est en aucun cas un signe de "nouveauté" ou un effet de mode quelconque.</p>
<p>Voici le non clip de <strong>Paolo Conte </strong>qui nous propose <strong>Via Con Me<br />
</strong></p>
<p style="text-align: center;"><!-- Begin - Secure HTML5 Video Player -->
<div class='video-js-box sh5vp-video-box tube-css'>
<video class='video-js sh5vp-video' width='600' height='450'  controls="controls" preload="auto"   >
<source src="media/b92415df.Paolo_Conte_-_Via_Con_Me.mp4" data-original-source="http://blog.m0le.net/wp-content/uploads/mp4/Paolo_Conte_-_Via_Con_Me.mp4" type="video/mp4" />
<object id='vjs-ff-http://blog-m0le-net/wp-content/uploads/mp4/Paolo_Conte_-_Via_Con_Me' class='vjs-flash-fallback'  width='600' height='450' type='application/x-shockwave-flash' data='http://blog.m0le.net/wp-content/plugins/secure-html5-video-player/flowplayer/flowplayer-3.2.7.swf'>
<param name='movie' value='http://blog.m0le.net/wp-content/plugins/secure-html5-video-player/flowplayer/flowplayer-3.2.7.swf' />
<param name='wmode' value='transparent' />
<param name='allowfullscreen' value='true' />
<param name='flashvars' value='config={"playlist":[  {"url": "http%3A%2F%2Fblog.m0le.net%2Fwp-content%2Fuploads%2Fmp4%2FPaolo_Conte_-_Via_Con_Me.mp4" ,"autoPlay":false ,"autoBuffering":true }]}' />

</object>
</video>
<p class='vjs-no-video'><label>Download Video:</label>
<a class="sh5vp-link-mp4" href="media/b92415df.Paolo_Conte_-_Via_Con_Me.mp4" data-original-source="http://blog.m0le.net/wp-content/uploads/mp4/Paolo_Conte_-_Via_Con_Me.mp4">MP4</a>
</p>
</div>
<!-- End - Secure HTML5 Video Player -->
<br />
<!-- Begin - Secure HTML5 Video Player -->
<div class='video-js-box sh5vp-video-box tube-css'>
<video class='video-js sh5vp-video' width='600' height='450'  controls="controls" preload="auto"   >
<source src="media/bba9f752.Paolo_Conte_-_Via_Con_Me.webm" data-original-source="http://blog.m0le.net/wp-content/uploads/mp4/Paolo_Conte_-_Via_Con_Me.webm" type="video/webm" />
</video>
<p class='vjs-no-video'><label>Download Video:</label>
<a class="sh5vp-link-webm" href="media/bba9f752.Paolo_Conte_-_Via_Con_Me.webm" data-original-source="http://blog.m0le.net/wp-content/uploads/mp4/Paolo_Conte_-_Via_Con_Me.webm">WebM</a>
</p>
</div>
<!-- End - Secure HTML5 Video Player -->
</p>


feed_id: http://blog.m0le.net/?p=6723
title: Histoires de photo #1 : début d'été
uri: Histoires-de-photo-1-début-d-été
url: http://blog.m0le.net/2013/08/12/histoires-de-photo-1-debut-dete/
content:
<p>Première fournée de clichés pris pour partager quelques anecdotes de ce début d'été.</p>
<p><span id="more-6723"></span></p>
<h1><a target="_blank" href="http://www.flickr.com/photos/raphipons/9144365783/">The Road</a></h1>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-6556" alt="the_road" src="media/419ac5fd.the_road.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/06/the_road.jpg" width="500" height="375" /></p>
<p>Cette photo est <strong>une belle histoire de hasard</strong>. On est fin juin, l'été commence tout doucement à pointer le bout de son nez, mais il reste encore quelques relents du printemps pourri.</p>
<p>J'ai une réunion annuelle dans l'IUT où j'ai commencé mes études, et j'ai du coup demandé à partir un peu plus tôt du boulot. Manque de bol, <strong>les bus sont rares à cette heure-ci...</strong></p>
<p>Je décide d'y aller à pattes par des chemins de traverse, le trajet n'étant pas franchement long (environ 1 km). <strong>Ce coin de Mulhouse est en fait situé dans le quartier des Coteaux</strong>, dont on connait surtout les "blocs", mais pas tellement les sentiers boisés qui le bordent.</p>
<p>L'endroit est très serein, et je décide d'immortaliser la route qui se profile, blanche comme le ciel du moment. J'utilise pour cela un filtre Lomo <a target="_blank" href="https://play.google.com/store/apps/details?id=com.dama.camera2" class="broken_link">de l'excellente Camera 2</a>, et le tout est immortalisé en deux temps trois mouvements.</p>
<h1><a target="_blank" href="http://www.flickr.com/photos/raphipons/9292478574/">Dans la fosse</a></h1>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-6728" alt="dans_la_fosse_decibulles" src="media/36f39343.9292478574_4d9830fcb4.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/08/9292478574_4d9830fcb4.jpg" width="500" height="281" /></p>
<p>Au départ, je n'étais pas parti pour aller <a target="_blank" href="http://www.decibulles.com/">aux Décibulles</a> cette année. Mais, avec le recul, cette 20e édition était vraiment très sympa, <strong>avec une prog' et une ambiance d'enfer</strong>.</p>
<p>Pour ces trois jours, j'avais réussi à obtenir une accréditation presse et, sésame parmi les sésames, une accréditation photo. J'ai malgré tout assez vite abandonné l'idée d'en profiter.</p>
<p>La raison principale ? Devoir jouer des coudes avec des photographes équipés comme pour la chasse à l'éléphant, quand je n'ai en modeste équipement photo <a target="_blank" href="http://www.lesnumeriques.com/appareil-photo-numerique/canon-powershot-g12-p9931/test.html">qu'un Canon G12</a>.</p>
<p>Du coup, j'en ai profité <strong>pour prendre des cadrages différents de ce que l'on peut voir en général pour les concerts</strong>. A côté des portraits près du micro avec effets d'ombre et de lumière, j'ai tenté plus d'une fois le mouvement d'ambiance.</p>
<p>Ce cliché précis a été pris lors du concert des Cowboys Fringants, pendant le dernier soir du festival. <strong>Un peu vanné des jours précédents</strong>, je me suis d'abord éloigné de la "zone à pogos".</p>
<p>J'ai essayé des poses longues, mais je bougeais encore trop. J'ai finalement verrouillé le G12 à 2 secondes, serré les bras, retenu ma respiration, et pris cette photo qui reflète assez bien l'ambiance du concert.</p>
<h1><a target="_blank" href="http://www.flickr.com/photos/raphipons/9335556936/">Fire Tree</a></h1>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-6730" alt="fire_tree" src="media/b33a2370.9335556936_0fc16ff26f.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/08/9335556936_0fc16ff26f.jpg" width="500" height="281" /></p>
<p>On reste dans l'exercice des poses longues avec ce cliché pris du <a target="_blank" href="http://scenesderue.mulhouse.fr/">festival Scènes de rue</a> de Mulhouse. La <a target="_blank" href="http://ciecarabosse.fr/">Compagnie Carabosse</a> a pour l'occasion deux longs quais de la ville à disposition.</p>
<p>Le temps d'une soirée, entre des centaines de pots de fleurs enflammés, <strong>un arbre mécanique trône, flottant sur des pneus</strong>. Ses branches <strong>se plient et se replient assez lentement</strong>, mais je n'arrivais pas à un résultat qui me plaise beaucoup.</p>
<p>Du coup, je diminue un peu plus la vitesse de mon G12, et le tourne de gauche à droite le temps de la prise. A ma grande surprise,<strong> le reflet de l'arbre est resté à peu près droit, tandis que les branches dessinent un feuillage embrasé</strong>.</p>
<h1><a target="_blank" href="http://www.flickr.com/photos/raphipons/9370225664/">Un Centre Pompidou</a></h1>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-6731" alt="centre_pompidou_metz" src="media/7cf8f70b.9370225664_578c3e34cc.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/08/9370225664_578c3e34cc.jpg" width="500" height="375" /></p>
<p>Le <a target="_blank" href="http://www.centrepompidou-metz.fr/">Centre Pompidou-Metz</a> évoque la partie la plus longue de mes études, que j'ai commencée au moment où ce musée d'art contemporain ouvrait ses portes.</p>
<p>Autant dire qu'à chaque fois que je passe dans cette ville pour un moment, je vais y faire un tour. Ce matin-là, le musée est encore fermé, <strong>et je dois tuer une heure sous le crachin en attendant ma correspondance</strong>.</p>
<p>Quand je dirige à nouveau vers la gare, je remarque que le soleil commence à faire de timides apparitions. Il est à peine éloigné du bâtiment, <strong>et je trouve que sa clarté fait très bien ressortir le Centre Pompidou</strong>.</p>
<p>Ni une, ni deux, je sors mon Galaxy III (et plus précisément <a target="_blank" href="https://play.google.com/store/apps/details?id=com.flavionet.android.camera.pro&amp;hl=fr" class="broken_link">l'application Camera FV-5</a>) et tente un cadrage où le mât dessine une diagonale. Ensuite, je recadre un peu l'ensemble et ajoute un filtre Flickr avant de la publier.</p>
<h1><a target="_blank" href="http://www.flickr.com/photos/raphipons/9489737610/">Magots perchés, pas très planqués</a></h1>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-6733" alt="macaques_barbarie_kintzheim_magots" src="media/702fdb7d.9489737610_0ab612c39c.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/08/9489737610_0ab612c39c.jpg" width="500" height="291" /></p>
<p>Les magots, aussi appelés macaques de Barbarie, sont les primates que l'on trouve par dizaines dans la <a target="_blank" href="http://www.montagnedessinges.com/fr/parc.php?id_cat=1">Montagne des Singes</a> de Kintzheim.</p>
<p><strong>Nous avons choisi un jour assez gris pour tenter une après-midi là-bas</strong>, en pensant qu'il n'y aurait pas beaucoup de monde. Loupé : on reste en août, et même s'il fait gris, il ne pleut pas une goutte.</p>
<p>Les magots font leur show habituel quand ils ont faim : <strong>ils se posent sur une barrière le long du parcours et attendant que les visiteurs viennent leur tendre des morceaux de popcorn</strong>.</p>
<p>Comme beaucoup de singes, <strong>ce sont aussi des grimpeurs hors pair, mais les gens ne se bousculent pas des masses pour les observer dans les branches</strong>.</p>
<p>Je profite d'un second tour du parcours pour dégainer mon smartphone, et attends un moment où les magots ne bougent pas trop. Après quelques instants, les cinq petits singes se retrouvent sur le même arbre, <strong>presque isolés dans cette vaste forêt</strong>.</p>
<p>Je prends la photo avant de la retoucher (recadrage + filtre) <a target="_blank" href="https://play.google.com/store/apps/details?id=com.aviary.android.feather&amp;hl=fr" class="broken_link">avec l'éditeur polyvalent Aviary</a>.</p>
<h1>Post scriptum</h1>
<p>J'espère que ces premiers moments échangés en images vous ont plu. Si vous en avez envie, vous trouverez plein d'autres photos <a target="_blank" href="http://www.flickr.com/photos/raphipons/">sur mon compte Flickr</a>.</p>
<p>N'hésitez pas à me dire ce que vous pensez de ces nouveaux épisodes du blog (je m'en abreuverai pour un prochain volet), et au plaisir de vous lire <img src="media/32e3219c.icon_wink.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_wink.gif" alt=';-)' class='wp-smiley' />  !</p>
<p>PS du PS : Tous les clichés exposés sont évidemment en Creative Commons !</p>


feed_id: http://blog.m0le.net/?p=6719
title: Nono's Vrac 97
uri: Nono-s-Vrac-97
url: http://blog.m0le.net/2013/08/12/nonos-vrac-97/
content:
<p><a target="_blank" href="media/7e03788b.flygeyser.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/08/flygeyser.jpg" rel="lightbox[6719]" title="Nono's Vrac 97"><img class="aligncenter size-full wp-image-6720" alt="flygeyser" src="media/7e03788b.flygeyser.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/08/flygeyser.jpg" width="600" height="900" /></a></p>
<p>liste de lien du 01/07/2013 au 31/07/2013 :</p>
<ul>
<li>(1) Merdier ! Même quand c'est un automate j'y comprend toujours rien °o° [<a target="_blank" href="http://www.thisiscolossal.com/2013/07/manually-cranked-wood-toy-performs-slight-of-hand-magic/">01/07/2013 @ 19:16:45</a>]</li>
<li>(2) Les mauvais jeux de mot, c'est mon dada <img src="media/5a932613.icon_biggrin.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_biggrin.gif" alt=':D' class='wp-smiley' />  (merci à Flo) [<a target="_blank" href="http://lacompagnietreslol.tumblr.com/">02/07/2013 @ 10:05:49</a>]</li>
<li>(3) Un scanner de port ipv6 (via Maniatux) [<a target="_blank" href="http://ipv6.chappell-family.com/ipv6tcptest/">03/07/2013 @ 15:48:06</a>]</li>
<li>(4) Truc de dingue ! Le bruit peut endommager des disques dur sévèrement ! [<a target="_blank" href="http://korben.info/attention-crier-sur-du-matos-trop-fragile-peut-lui-faire-peur.html">03/07/2013 @ 16:50:09</a>]</li>
<li>(5) wow ! rsync est plus rapide à supprimer que RM. Je sens que je vais me faire un alias rapidos moi <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=':)' class='wp-smiley' />  [<a target="_blank" href="http://www.tux-planet.fr/supprimer-des-millions-de-fichiers-le-plus-rapidement-possible/">03/07/2013 @ 17:46:07</a>]</li>
<li>(6) Ouch ! au moins 75 000 projets github faillible aux injections SQL ! [<a target="_blank" href="http://www.tux-planet.fr/comment-trouver-75-000-failles-de-type-injections-sql/">03/07/2013 @ 17:48:54</a>]</li>
<li>(7) Toujours impressionnant le downhill, encore plus quand c'est de l'Urban ! [<a target="_blank" href="http://www.isheep.fr/2013/07/descente-urbaine-en-vtt-de-nick-jordan-lyttelton-nz/">04/07/2013 @ 08:07:24</a>]</li>
<li>(8) Une infographie sur les marques possédées par les grands groupes. (Déjà blogué) [<a target="_blank" href="media/3bcd2502.illusion-du-choix-2.jpeg" data-original-source="http://haroldparis.fr/wp-content/uploads/2012/05/illusion-du-choix-2.jpeg">04/07/2013 @ 14:34:55</a>]</li>
<li>(9) Quelques photos du Sliema Street art Festival 2013 ! [<a target="_blank" href="http://www.streetartutopia.com/?p=12118">05/07/2013 @ 08:17:20</a>]</li>
<li>(10) Oh, une shaarliTV <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=':)' class='wp-smiley' />  (via sebsauvage) [<a target="_blank" href="http://nexen.mkdir.fr/shaarli-tv/">05/07/2013 @ 09:04:59</a>]</li>
<li>(11) Welcome le TLD .alsace <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=':)' class='wp-smiley' />  [<a target="_blank" href="http://www.pcinpact.com/breve/81024-les-alsace-nyc-et-london-rejoignent-paris-et-bzh.htm">05/07/2013 @ 11:25:58</a>]</li>
<li>(12) CryptoCat faillible depuis 2 ans ? Ouch pour eux et pour VeraCode qui leur avait décerné un niveau de classification 'sécuritaire' de niveau 2! [<a target="_blank" href="http://www.crazyws.fr/securite/faille-de-securite-presente-depuis-ans-sur-cryptocat-X3S0V.html">05/07/2013 @ 14:17:38</a>]</li>
<li>(13) L'avis de nioutaik sur le sexisme dans les jeux vidéo <img src="media/5a932613.icon_biggrin.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_biggrin.gif" alt=':D' class='wp-smiley' />  [<a target="_blank" href="http://www.nioutaik.fr/index.php/2013/07/05/650-pourquoi-le-sexisme-dans-les-jeux-video-est-loin-detre-un-faux-probleme">06/07/2013 @ 11:40:35</a>]</li>
<li>(14) Joli ces "fusions" de photo anciennes/nouvelles ! [<a target="_blank" href="http://www.topito.com/top-6-des-fusions-de-people-equivalents-avant-aujourdhui">08/07/2013 @ 08:02:34</a>]</li>
<li>(15) Un feu d'artifice en slow-motion et l'explication de comment ca a été fait. Ingénieux ! [<a target="_blank" href="http://www.gizmodo.fr/2013/07/07/feu-artifice-slow-motion.html">08/07/2013 @ 08:03:12</a>]</li>
<li>(16) 10 raisons de préférer le supermarché plutôt que le e-commerce :p [<a target="_blank" href="http://www.topito.com/top-avantage-caissiere-supermarche-e-commerce">08/07/2013 @ 09:01:30</a>]</li>
<li>(17) Ca a l'air sympa ca : Créer son serveur musicale avec MPD [<a target="_blank" href="http://www.planet-libre.org/index.php?post_id=14561&amp;go=external" class="broken_link">09/07/2013 @ 08:44:04</a>]</li>
<li>(18) J'adore ce que fait cet artiste (DJ Moule, ca ne s'invente pas) : Il "mix" plusieurs chansons, pour n'en faire qu'une seule. [<a target="_blank" href="http://www.djmoule.com/">09/07/2013 @ 09:04:04</a>]</li>
<li>(19) Est ce que la mayonnaise fait une bonne pâte thermique ? (Merci à Flo) [<a target="_blank" href="http://www.hardwaresecrets.com/article/Does-Mayonnaise-Last-as-a-Thermal-Compound/1793/3">09/07/2013 @ 14:37:00</a>]</li>
<li>(20) wow, des églises transformées en appartement °o° [<a target="_blank" href="http://www.topito.com/top-eglises-transformes-appartement-maison">09/07/2013 @ 20:58:15</a>]</li>
<li>(21) Tiens, je savais pas qu'on pouvait mettre des cartes OSM sur les GPS Garmin [<a target="_blank" href="http://www.equinoxefr.org/post/2013/07/09/charger-des-cartes-openstreetmap-dans-son-gps-garmin-avec-qlandkartegt-sous-linux/">09/07/2013 @ 21:13:37</a>]</li>
<li>(22) ouah, CA c'est du jardin ! [<a target="_blank" href="http://www.thisiscolossal.com/2013/07/monumental-plant-sculptures-at-the-2013-mosaicultures-internationales-de-montreal/">09/07/2013 @ 22:05:15</a>]</li>
<li>(23) des balles d'armes, coupées en deux. [<a target="_blank" href="http://postimg.org/image/62tvcuphj/">10/07/2013 @ 08:21:12</a>]</li>
<li>(24) Quand j'ai vu "Beatbox" et "TED", j'me suis dit que ca vallait le coup de regarder ... J'ai bien fait, Tom Thum est juste excellent dans son art ! [<a target="_blank" href="http://www.thisiscolossal.com/2013/07/beatbox-brilliance-tom-thum-at-tedxsydney/">10/07/2013 @ 09:46:08</a>]</li>
<li>(25) Haha, marrant cette liste de paraphilies pour mes prochaines insultes ^^ (via Bajazet) [<a target="_blank" href="https://fr.wikipedia.org/wiki/Liste_de_paraphilies" class="broken_link">10/07/2013 @ 10:14:13</a>]</li>
<li>(26) J'en avais déjà vu mais ... Mother of rizière °o° [<a target="_blank" href="http://www.topito.com/top-dessins-dans-les-rizieres-au-japon">10/07/2013 @ 11:19:22</a>]</li>
<li>(27) Smooth McGroove fait de l'acapella de thème de jeux vidéo :p Il n'est pas à son premier coup d'essai ! [<a target="_blank" href="http://www.youtube.com/watch?v=NbVZPu_JM6I&amp;feature=c4-overview-vl&amp;list=PLX2MjbJ6GIceq8YbAPJ0ExF_yRUafQkLG">11/07/2013 @ 08:11:12</a>]</li>
<li>(28) Quelques body art ... [<a target="_blank" href="http://www.fubiz.net/2013/07/10/body-art-inspired-by-nature/">11/07/2013 @ 08:48:30</a>]</li>
<li>(29) Chouette, Bluebox propose un scanner de faille, pour la recente qui touche les Android et les APK. [<a target="_blank" href="http://www.crazyws.fr/securite/bluebox-publie-un-scanner-pour-la-faille-de-signature-sur-android-TLRR8.html">11/07/2013 @ 17:08:00</a>]</li>
<li>(30) Du partage de fichier inter lan ? Une seule commande python (installé partout, sauf sur windows) : python -m SimpleHTTPServer et on y accède depuis http://: . Plus simple, tu meurs <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=':)' class='wp-smiley' />  [<a target="_blank" href="http://sebsauvage.net/links/?3DuywA">11/07/2013 @ 22:15:14</a>]</li>
<li>(31) Des images magnifiques et des couleurs superbes, pour ces paysages d'Asie du Sud-Est [<a target="_blank" href="http://www.fubiz.net/2013/07/11/southwind/">12/07/2013 @ 08:20:07</a>]</li>
<li>(32) Excellent, des fils de fer pour donner vie aux objets du quotidien <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=':)' class='wp-smiley' />  (via sebsauvage) [<a target="_blank" href="http://artpicsdesign.blogspot.be/2013/04/funny-objects-in-real-life-by-terry.html">12/07/2013 @ 08:20:46</a>]</li>
<li>(33) C'est vrai que c'est difficile de pas sourire <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=':)' class='wp-smiley' />  [<a target="_blank" href="http://www.topito.com/top-animaux-sourire">12/07/2013 @ 13:59:49</a>]</li>
<li>(34) Pas con ca .. Un captcha qui test l'orthographe ! (via Timo) [<a target="_blank" href="media/82c5c00c.funny-sequence-type-grammar.jpg" data-original-source="https://lh6.googleusercontent.com/-LgiTIrcMwHk/UeDeaX8drwI/AAAAAAAAZXQ/XCMQj4DjdcA/w450-h632-no/funny-sequence-type-grammar.jpg" class="broken_link">15/07/2013 @ 15:36:09</a>]</li>
<li>(35) Excellent l'idée de cette lampe !! Elle projette les étoiles et les constellations au plafond. [<a target="_blank" href="http://www.fubiz.net/2013/07/15/starry-light-lamps/">16/07/2013 @ 10:40:53</a>]</li>
<li>(36) J'ai enfin pu voir la vidéo "The Superheroes Hangover" des Suricate (ou GoldenMoustache, je sais jamais ...) : La meilleure selon moi <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=':)' class='wp-smiley' />  [<a target="_blank" href="http://www.youtube.com/watch?v=OOWAUAWy7rs&amp;feature=youtube_gdata">16/07/2013 @ 10:48:53</a>]</li>
<li>(37) Ca me dit quelques chose ce travail de photographie "Reflections", mais vraiment réussi ! (Merci à Flo) [<a target="_blank" href="http://www.walltowatch.com/view/5355/Reflections">16/07/2013 @ 14:35:08</a>]</li>
<li>(38) Un service pour suivre les série TV [<a target="_blank" href="http://www.crazyws.fr/android/suivre-vos-series-tv-sur-votre-calendrier-google-ou-via-cliffhanger-017AG.html">22/07/2013 @ 13:20:03</a>]</li>
<li>(39) C'est assez impressionnant cette caméra qui suit (très bien/rapidement) un objet ! [<a target="_blank" href="http://www.thisiscolossal.com/2013/07/incredible-dynamic-target-tracking-camera-perfectly-follows-moving-objects/">22/07/2013 @ 13:20:42</a>]</li>
<li>(40) Ouah, dingue cette couleur d'eau rose en Australie ! [<a target="_blank" href="http://goo.gl/4nJE8">22/07/2013 @ 13:21:09</a>]</li>
<li>(41) 12 femmes pour faire une fiat 500, a coup de body painting <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=':)' class='wp-smiley' />  [<a target="_blank" href="http://www.w3sh.com/2013/07/17/une-fiat-500-realisee-avec-le-corps-de-12-femmes-nues/">23/07/2013 @ 08:36:39</a>]</li>
<li>(42) Wow, j'avais pas vu, le super tuto de Raphi ( http://blog.m0le.net/2013/05/31/creez-vos-propres-geojson-avec-open-street-map/ ) est sur le wiki de openstreetmap ! [<a target="_blank" href="http://wiki.openstreetmap.org/wiki/UMap">23/07/2013 @ 18:26:59</a>]</li>
<li>(43) Tiens, un site (sans doute parmis d'autres ?) pour vérifier le prix de l'essence, sur votre route ou dans une station en particulier. [<a target="_blank" href="http://www.carbeo.com/">23/07/2013 @ 18:45:23</a>]</li>
<li>(44) Excellente petite description du travail de Peter Han en photo et (courte) vidéo ! [<a target="_blank" href="http://www.thisiscolossal.com/2013/07/pardon-my-dust-the-chalk-art-of-peter-han/">23/07/2013 @ 19:00:03</a>]</li>
<li>(45) Sympa ces sacs publicitaires <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=':)' class='wp-smiley' />  [<a target="_blank" href="http://www.topito.com/top-publicites-sacs-originales-creatives">24/07/2013 @ 08:44:20</a>]</li>
<li>(46) Wow ! Ces couleurs et ces rendues sont juste dingue pour du crayon ! [<a target="_blank" href="http://www.thisiscolossal.com/2013/07/colorful-rocks-drawn-with-pencil-by-ester-roi/">24/07/2013 @ 08:47:16</a>]</li>
<li>(47) J'ai mis à jour mon autoblog : http://blog.m0le.net/streisand.me/ N'hésitez pas ! (via sebsauvage) [<a target="_blank" href="http://wwz.suumitsu.eu/2013/07/22/projet-autoblog-0-3/">24/07/2013 @ 09:18:15</a>]</li>
<li>(48) Wow, que du rendu 3D, c'est pas des photos ! [<a target="_blank" href="http://gizmodo.com/9-of-the-most-photorealistic-renderings-on-the-web-823379988">24/07/2013 @ 11:12:30</a>]</li>
<li>(49) Ah c'est classe ca ! Acceder via FTP à dl.free.fr. Je savais pas qu'on pouvais se passer de leur interface http !! Merci Bajazet <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=':)' class='wp-smiley' />  [<a target="_blank" href="http://bajazet.fr/shaarli/?gC8Q_A">24/07/2013 @ 16:08:16</a>]</li>
<li>(50) Je serais curieux de savoir si ca marche, selon les configs routeur (nat) en cascade et le réseau électrique. Mais, c'est tentant <img src="media/5a932613.icon_biggrin.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_biggrin.gif" alt=':D' class='wp-smiley' />  [<a target="_blank" href="http://www.w3sh.com/2013/07/24/belkin-wemo-light-switch-controler-votre-interrupteur-avec-votre-smartphone/">24/07/2013 @ 16:51:03</a>]</li>
<li>(51) Un petit tour d'horizon des logiciels de présentation web par S. Bortzmeyer ! J'attends le compte-rendu de pied ferme <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=':)' class='wp-smiley' />  [<a target="_blank" href="http://www.bortzmeyer.org/logiciel-presentation-nouveau.html">25/07/2013 @ 10:09:54</a>]</li>
<li>(52) Tiens, quelques options de VIM que je ne connaissais pas comme showmatch pour retrouver une parenthèse ouverte/fermée ou cursorline pour afficher une ligne ou le curseur se trouve) ! [<a target="_blank" href="http://www.jeoffrey54.com/article126/mon-vimrc-explications">26/07/2013 @ 08:43:37</a>]</li>
<li>(53) Des petits hacks pour l'été vraiment sympa !<br />
via http://www.cochisette.com/links/?bzdhpw [<a target="_blank" href="https://www.youtube.com/watch?v=CL78eVVW9_M" class="broken_link">26/07/2013 @ 16:57:19</a>]</li>
<li>(54) Un reportage sur les secrets d'Asterix <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=':)' class='wp-smiley' />  [<a target="_blank" href="http://korben.info/les-secrets-dasterix.html">27/07/2013 @ 10:29:42</a>]</li>
<li>(55) Haha, les messages d'erreur d'OVH sont assez marrant <img src="media/5a932613.icon_biggrin.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_biggrin.gif" alt=':D' class='wp-smiley' />  "Peut-être encore avez-vous essayé d'utiliser une adresse malformée pour prendre la main sur le système avec une injection SQL.. Si c'est le cas vous êtes un tout petit joueur.. Vous feriez mieux de réfléchir à ce que vous faîtes et perdre votre temps autrement, en apportant votre contribution par exemple! La prochaine fois, évitez de recommencer s'il vous plaît.." [<a target="_blank" href="http://travaux.ovh.net/?do=error">27/07/2013 @ 11:17:02</a>]</li>
<li>(56) Sympa ce "apticron". Il permet de surveiller votre serveur debian, et vous envoyer un mail lorsqu'il y a une mise à jour de disponible ! [<a target="_blank" href="http://www.crowd42.info/recevez-des-notifications-par-email-quand-une-mise-a-jour-est-disponible-pour-votre-serveur-debian-ou-ubuntu">28/07/2013 @ 18:51:40</a>]</li>
<li>(57) Tiens, c'est à tester ca .. sshuttle pour faire du pseudo vpn-tunneling. L'auteur l'utilise avec un raspberrypi, pas con. [<a target="_blank" href="http://blog.uggy.org/post/2013/07/28/sshuttle-VPN-/-SSH">28/07/2013 @ 20:48:55</a>]</li>
<li>(58) En postant un commentaire sur linuxfr <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=':)' class='wp-smiley' />  [<a target="_blank" href="media/ea828f8f.2013-07-29-08_19_19-c389crire-un-commentaire-LinuxFr.org_.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/07/2013-07-29-08_19_19-%c3%89crire-un-commentaire-LinuxFr.org_.png">29/07/2013 @ 08:24:43</a>]</li>
<li>(59) wow, au boulot,je jongle toujours entre grooveshark, soundcloud ou youtube/disco pour écouter de la musique. Mais ca, c'etait avant cogimix.com ! Qui permet de faire des recherches /playlist sur tous ces sites et d'autres en plus ! (via sebsauvage) [<a target="_blank" href="https://www.cogimix.com/#" class="broken_link">29/07/2013 @ 14:45:09</a>]</li>
<li>(60) Oh, une extension VLC pour automatiquement rechercher des sous-titres sur OpenSubtitles ! [<a target="_blank" href="http://korben.info/sous-titres-vlc.html">30/07/2013 @ 14:22:39</a>]</li>
<li>(61) Je dis ca, je dis rien, mais vous avez déjà essayé de taper "inurl:kimsufi.com " sur google ? Essayez, c'est assez marrant <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=':)' class='wp-smiley' />  [<a target="_blank" href="https://www.google.fr/?q=inurl:kimsufi.com+votre+film&amp;oq=inurl:kimsufi.com+votre+film" class="broken_link">31/07/2013 @ 00:30:45</a>]</li>
</ul>
<p><a target="_blank" href="http://www.w3sh.com/2013/07/15/le-fly-geyser-pourrait-venir-dune-autre-planete/flygeyser/">Photo</a></p>
<p>---------</p>
<p>Les <a target="_blank" href="http://blog.m0le.net/category/episode/nonos-vrac/">Nono's Vrac</a> sont généré depuis <a target="_blank" href="http://blog.m0le.net/2013/03/08/nonos-vrac-88-via-shaarli-presentation-fin/">mon petit hook</a> de l'application <a target="_blank" href="http://sebsauvage.net/wiki/doku.php?id=php:shaarli">shaarli</a>, que j'utilise ici : <a target="_blank" href="http://shaarli.m0le.net/">shaarli.m0le.net</a></p>


feed_id: http://blog.m0le.net/?p=6762
title: Quand une mer était envisagée au Sahara
uri: Quand-une-mer-était-envisagée-au-Sahara
url: http://blog.m0le.net/2013/08/29/quand-une-mer-etait-envisagee-au-sahara/
content:
<p>Retour en cartes et en données sur un projet un peu fou de la fin du XIXe siècle : la création d'une mer intérieure au nord du Sahara.</p>
<p><span id="more-6762"></span></p>
<p><iframe width="100%" height="650" src="http://embed.verite.co/timeline/?source=0Akhex1ANFjtXdE4yOE5YR28tUTh0N3BweHdLVGlMclE&amp;font=PTSerif-PTSans&amp;maptype=toner&amp;lang=fr&amp;height=650" frameborder="0"></iframe></p>
<h1>Comment créer cette mer saharienne ?</h1>
<p>L'optimisme de Roudaire venait avant tout <strong>d'une connaissance précise des chotts algériens</strong>, ces grands lacs qui s'évaporaient régulièrement.</p>
<p>On repère sur la carte suivante les <strong>cinq grands chotts impliqués dans le projet</strong>, avec de l'Ouest vers l'Est :</p>
<ul>
<li>les chotts Felrhir et Melrhir côté algérien</li>
<li>les chotts el-Gharsa, el-Jérid et el Fejaj côté tunisien</li>
</ul>
<p><iframe width="600" height="300" frameborder="0" src="http://u.osmfr.org/fr/map/mahara_1363?locateControl=0&amp;scaleControl=0&amp;miniMap=0&amp;homeControl=0&amp;scrollWheelZoom=0&amp;allowEdit=0&amp;editInOSMControl=0&amp;tileLayersControl=0&amp;jumpToLocationControl=0&amp;embedControl=0"></iframe></p>
<p id="firstHeading" lang="fr">François Élie Roudaire <strong>était convaincu que ces lacs étaient des héritages d'une même étendue marine</strong> pour deux raisons :</p>
<ul>
<li>la composition de leur eau, <strong>très riche en sel</strong></li>
<li>l'altitude de ces chotts, <strong>inférieure au niveau de la mer</strong></li>
</ul>
<p>La suite paraissait limpide : <strong>inonder une vaste zone submersible grâce à un canal</strong>, d'environ 250 km, creusé depuis le golfe méditerranéen de Gabès.</p>
<p><iframe width="600" height="300" frameborder="0" src="http://u.osmfr.org/fr/map/mahara_1417?locateControl=0&amp;scaleControl=0&amp;miniMap=0&amp;homeControl=0&amp;scrollWheelZoom=0&amp;allowEdit=0&amp;editInOSMControl=0&amp;tileLayersControl=0&amp;jumpToLocationControl=0&amp;embedControl=0"></iframe></p>
<p>La mer intérieure ainsi créée aurait été si vaste qu'elle aurait durablement modifié le climat, <strong>transformant la région en véritable grenier à blé</strong>.</p>
<p>Roudaire, en bon militaire qu'il était, avait également <strong>flatté l'esprit de l'époque en soulignant l'effet "pacificateur"</strong> qu'aurait eu le canal sur les éventuels rebelles tunisiens.</p>
<h1>Pourquoi cette mer intéressait de Lesseps ?</h1>
<p>Ferdinand de Lesseps connut, à partir de 1869, la consécration internationale grâce <a target="_blank" href="http://fr.wikipedia.org/wiki/Canal_de_Suez">au canal de Suez construit sous ses ordres</a>. Il ne s'arrêta pas là, et se mit en tête de relier ensuite deux océans en initiant la construction du canal de Panama, qui tourna <a target="_blank" href="http://fr.wikipedia.org/wiki/Scandale_de_Panama">en monumental fiasco</a>.</p>
<p>Autant dire que modifier durablement le paysage d'une zone l'enthousiasmait franchement. Il espérait que la mer intérieure imaginée par François Élie Roudaire <strong>lui fournirait un nouveau trophée à son tableau de chasse</strong>.</p>
<p>La comparaison la plus impressionnante était sans nul doute celle faite avec le plus grand lac d'Europe de l'Ouest. La mer saharienne, avec plus de 7 000 km², <strong>aurait couvert 12 fois les 581 km² du Lac Léman</strong>.</p>
<p>Voici les proportions si chacune de ces étendues d'eau avait été un cercle :</p>
<p><iframe width="600" height="400" src="http://raphi.m0le.net/mahara/test_mahara.html" frameborder="0" scrolling="no"></iframe></p>
<p>Roudaire ne s'interdisait pas <strong>d'inonder dans le futur les chotts el-Jérid et el Fejaj pour allonger considérablement la nouvelle étendue maritime</strong>. Malheureusement pour lui, les complications ne tardèrent pas.</p>
<h1>Pourquoi le projet a-t-il capoté ?</h1>
<p>La mer intérieure, telle qu'elle était vendue par Roudaire, ne nécessitait que la construction d'un canal reliant la Méditerranée aux chotts occidentaux. Pour que cela se fasse sans souci majeur,<strong> il fallait absolument traverser des zones inférieures au niveau de la mer</strong>.</p>
<p>Le géographe français connaissait par cœur les chotts algériens, en revanche les relevés de la partie tunisienne à l'Ouest douchèrent quelques années plus tard son optimisme :</p>
<p><iframe width="600" height="400" src="http://cf.datawrapper.de/t1D2m/2/" frameborder="0" allowtransparency="true" allowfullscreen="allowfullscreen" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen" oallowfullscreen="oallowfullscreen" msallowfullscreen="msallowfullscreen"></iframe></p>
<p><strong>L'altitude discontinue entre les lacs algériens et tunisiens impliquait plus de temps</strong>, plus de travaux, donc plus de frais que ceux initialement prévus.</p>
<p>Le gouvernement français a donc préféré ne pas s'engager dans cette voie, avant que le décès de Roudaire et la chute de de Lesseps ne mettent un terme à ce projet de mer saharienne.</p>
<h2>Sources</h2>
<p><a target="_blank" href="http://bigthink.com/strange-maps/617-the-sahara-sea-a-french-mirage-in-north-africa">Le long article de Strange Maps à ce sujet</a><br />
<a target="_blank" href="http://fr.wikipedia.org/wiki/Fran%C3%A7ois_%C3%89lie_Roudaire">La page Wikipedia de Roudaire</a><br />
<a target="_blank" href="http://gallica.bnf.fr/ark:/12148/btv1b7702001m">Les photos d'une des missions en 1878</a></p>


feed_id: http://blog.m0le.net/?p=6810
title: L'Alsace et Strasbourg en mode open data
uri: L-Alsace-et-Strasbourg-en-mode-open-data
url: http://blog.m0le.net/2013/09/02/lalsace-et-strasbourg-en-mode-open-data/
content:
<p>Riche semaine pour l'open data en Alsace, avec une initiative strasbourgeoise et régionale. Et petit aperçu de ce que l'on peut rapidement faire avec.</p>
<p><span id="more-6810"></span></p>
<p><a target="_blank" href="http://alsace.france3.fr/2013/09/02/la-region-alsace-ouvre-son-portail-open-data-310731.html">Les données de la région s'ouvrent petit à petit</a>, et on ne peut pas dire que ce soit une mauvaise chose ! D'abord, des concours d'applications et/ou d'utilisation de ces données vont permettre aux plus ingénieux bidouilleurs de se démarquer <a target="_blank" href="http://www.strasbourg.eu/ma-situation/professionnel/open-data/concours-applications-open-data">et d'être récompensés avec certains prix</a>.</p>
<p>Mieux encore, <strong>n'importe qui va pouvoir s'approprier ces données publiques</strong> et pouvoir en faire ce qu'il en veut avec la licence ouverte.</p>
<p>Pour l'instant, <strong>le nombre de BDD est assez restreint</strong> (inventaire du patrimoine, adresses des centres de formation, budgets primitifs) et on trouve tout de même <strong>de petites erreurs dans certaines données</strong> (cases vides, mauvaise orthographe pour certaines adresses, etc...)</p>
<p>Mais dans quelques mois, il y aura sûrement de quoi faire, et les plus méticuleux peuvent d'ores et déjà préparer des docs <a target="_blank" href="https://support.google.com/fusiontables/answer/171254?hl=fr" class="broken_link">pour de futures jointures</a>.</p>
<p>Et pour finir, voici déjà quelques cartes bricolées en une poignée d'heures pour l'illustrer !</p>
<h1>Le patrimoine de Strasbourg</h1>
<p><iframe width="600" height="400" scrolling="no" frameborder="no" src="https://www.google.com/fusiontables/embedviz?q=select+col4+from+1CuzBJ3ZkuLPLRKnMbPuIDRx_YEG1MTy104JkgrA&amp;viz=MAP&amp;h=false&amp;lat=48.58284666310284&amp;lng=7.74728896688841&amp;t=1&amp;z=15&amp;l=col4&amp;y=2&amp;tmplt=2&amp;hml=GEOCODABLE"></iframe></p>
<p><a target="_blank" href="https://www.google.com/fusiontables/DataSource?docid=1CuzBJ3ZkuLPLRKnMbPuIDRx_YEG1MTy104JkgrA" class="broken_link">Source</a></p>
<h1>Les zones d'activité économique de la CUS</h1>
<p><iframe width="600" height="400" scrolling="no" frameborder="no" src="https://www.google.com/fusiontables/embedviz?q=select+col12+from+1icYGaf7vBH91dGgmnyRHH4cc46uKUZcjF3yp3iE&amp;viz=MAP&amp;h=false&amp;lat=48.56591574727072&amp;lng=7.727686941894509&amp;t=1&amp;z=12&amp;l=col12&amp;y=2&amp;tmplt=2&amp;hml=KML"></iframe></p>
<p><a target="_blank" href="https://www.google.com/fusiontables/DataSource?docid=1icYGaf7vBH91dGgmnyRHH4cc46uKUZcjF3yp3iE" class="broken_link">Source</a></p>
<h1>Les quartiers Elus de Strasbourg</h1>
<p><iframe width="600" height="300" scrolling="no" frameborder="no" src="https://www.google.com/fusiontables/embedviz?q=select+col4+from+1oB2ocLVqtfRVVgZYROD_PiDqrJn1veOt8rDhenc&amp;viz=MAP&amp;h=false&amp;lat=48.56910238241248&amp;lng=7.762056999999913&amp;t=1&amp;z=11&amp;l=col4&amp;y=2&amp;tmplt=2&amp;hml=KML"></iframe></p>
<p><a target="_blank" href="https://www.google.com/fusiontables/DataSource?docid=1oB2ocLVqtfRVVgZYROD_PiDqrJn1veOt8rDhenc" class="broken_link">Source</a></p>
<h2>Les portaux cités</h2>
<p><a target="_blank" href="http://opendata.alsace.fr/sources">Portail open data de la région Alsace</a><br />
<a target="_blank" href="http://www.strasbourg.eu/ma-situation/professionnel/open-data/donnees">Portail open data de la CUS</a></p>


feed_id: http://blog.m0le.net/?p=6805
title: Une requête pour importer des Geojson sur OSM
uri: Une-requête-pour-importer-des-Geojson-sur-OSM
url: http://blog.m0le.net/2013/09/02/une-requete-pour-importer-des-geojson-sur-osm/
content:
<p>Voici un petit script pour importer facilement des zones renseignées sur OpenStreetMap (OSM), avec simplement quelques informations basiques.</p>
<p><span id="more-6805"></span></p>
<p>Ca fait quelques mois <a target="_blank" href="http://blog.m0le.net/2013/05/31/creez-vos-propres-geojson-avec-open-street-map/">que je me convertis petit à petit à OSM</a>, et j'ai récemment appris à importer assez facilement des zones, avec simplement des infos basiques (nom, type de zone...). <strong>Bref, une fonctionnalité qui me fait une nouvelle fois préférer ce challenger libre à l'omnipotent Google</strong>.</p>
<p>Voici donc le script utilisé pour importer les contours du Chott el-Jérid, l'un des grands lacs algériens décrits <a target="_blank" href="http://blog.m0le.net/2013/08/29/quand-une-mer-etait-envisagee-au-sahara/">dans ce précédent article</a>. Pour le faire tourner, il suffit de se connecter <a target="_blank" href="http://overpass-turbo.eu/">sur overpass turbo</a> et de taper dans le cadre prévu :</p><pre class="crayon-plain-tag">&lt;osm-script output="json"&gt;

  &lt;!-- on commence par sélectionner les infos basiques qu'on importera avec le contour de la zone --&gt;

  &lt;query type="way"&gt;
    &lt;has-kv k="water" v="salt"/&gt;
    &lt;has-kv k="natural" v="intermittent_water"/&gt;
    &lt;has-kv k="name:fr" v="Chott el-Jérid"/&gt;
    &lt;!-- attention, les noms peuvent varier selon les pays --&gt;
  &lt;/query&gt;

  &lt;union&gt;
    &lt;item/&gt;
    &lt;recurse type="down"/&gt;
  &lt;/union&gt;

  &lt;!-- on importe ensuite le contour de la zone à proprement parler --&gt;

  &lt;print mode="body" order="quadtile"/&gt;
  &lt;query type="relation"&gt;
    &lt;has-kv k="water" v="salt"/&gt;
    &lt;has-kv k="natural" v="intermittent_water"/&gt;
    &lt;has-kv k="name:fr" v="Chott el-Jérid"/&gt;
  &lt;/query&gt;

&lt;/osm-script&gt;</pre><p>Avant d'exporter, <strong>cliquez bien sur "Run" pour être sûr que la requête est correcte</strong>. Overpass turbo intègre <strong>un assez bon module d'auto réparation</strong> qui devrait régler un éventuel souci. Une fois ceci fait, cliquez sur "Export".</p>
<p>Voilà, votre fichier Geojson est réutilisable à l'envie <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=':-)' class='wp-smiley' />  !</p>
<p>P.S : Merci à <a target="_blank" href="https://twitter.com/informagicien" class="broken_link">Yohan Boniface</a> pour m'avoir aiguillé sur overpass turbo.</p>


feed_id: http://blog.m0le.net/?p=6829
title: Nono's Vrac 98
uri: Nono-s-Vrac-98
url: http://blog.m0le.net/2013/09/09/nonos-vrac-98/
content:
<p>liste de lien du 01/08/2013 au 31/08/2013 :</p>
<p><a target="_blank" href="media/7b105d26.Amazing-Beach-Calligraphy5.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/Amazing-Beach-Calligraphy5.jpg" rel="lightbox[6829]" title="Nono's Vrac 98"><img class="aligncenter size-full wp-image-6831" alt="Amazing-Beach-Calligraphy5" src="media/7b105d26.Amazing-Beach-Calligraphy5.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/Amazing-Beach-Calligraphy5.jpg" width="600" height="400" /></a></p>
<ul>
<li>(1) Excellent ce clavier de piano ! Ca devrait plaire à mes compatriotes musiciens <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=':)' class='wp-smiley' />  (Via sebsauvage) [<a target="_blank" href="http://www.kickstarter.com/projects/instrumentslab/touchkeys-multi-touch-musical-keyboard">02/08/2013 @ 08:00:44</a>]</li>
<li>(2) Je suis pas d'avis que c'est de l'hyper-réalisme, mais le travail de peinture est vraiment magnifiquement réalisé ! [<a target="_blank" href="http://www.fubiz.net/2013/08/01/photorealistic-paintings-of-eyes/">02/08/2013 @ 08:58:39</a>]</li>
<li>(3) Oh, chouette, shellinabox permet d'émuler son terminal dans le navigateur (en ajax) il faut que je test ca <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=':)' class='wp-smiley' />  (via la-vache-libre) [<a target="_blank" href="http://memo-linux.com/shellinabox-emulateur-de-terminal-via-navigateur-web-base-sur-ajax/">02/08/2013 @ 10:47:48</a>]</li>
<li>(4) Une photo gigapixel panoramique de Tokyo [<a target="_blank" href="http://360gigapixels.com/tokyo-tower-panorama-photo/">03/08/2013 @ 11:16:46</a>]</li>
<li>(5) Le blog/vlog d'un alsacien de 24ans, parti découvrir l’Amérique pendant 3 mois. C'est frais et agréable de (re)découvrir l’Amérique via son point de vu. Ces vidéos et ces reviews sont vraiment bien foutu, bossant dans l'audio-visuel. [<a target="_blank" href="http://lavieestunfilm.com/">03/08/2013 @ 13:55:16</a>]</li>
<li>(6) Ca a l'air marrant ce "Bad Grandpa" présenté par Jackass <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=':)' class='wp-smiley' />  [<a target="_blank" href="http://www.w3sh.com/2013/08/02/bande-annonce-bad-grandpa/">03/08/2013 @ 15:27:12</a>]</li>
<li>(7) Du vieux papier et du café ? Micheal Aaron vous fait des œuvres avec ! [<a target="_blank" href="http://www.thisiscolossal.com/2013/08/coffee-portraits/">06/08/2013 @ 16:33:36</a>]</li>
<li>(8) Je suis toujours autant impressionné devant de l'hyper-réalisme, surtout quand l'artiste n’a que 27ans ! °o° [<a target="_blank" href="http://www.w3sh.com/2013/08/05/les-portraits-ultra-realistes-de-ruben-belloso-adorna/">06/08/2013 @ 16:34:45</a>]</li>
<li>(9) Wow, ca fait des supers rendu la techno freeD, ca donne effectivement une impression de "Matrix style" <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=':)' class='wp-smiley' />  [<a target="_blank" href="http://www.isheep.fr/2013/08/ralenti-facon-matrix-lors-dun-match-de-baseball-freed/">07/08/2013 @ 08:19:10</a>]</li>
<li>(10) Cool, il y a un stream en direct depuis ISS ! (via Timo) [<a target="_blank" href="http://neros.fr/blog/la-terre-vue-de-lespace-en-direct-depuis-liss/">07/08/2013 @ 08:25:37</a>]</li>
<li>(11) Rejouer aux vieux jeux électroniques (je ne mâche pas mes mots ^^) (Via isheep) [<a target="_blank" href="http://www.pica-pic.com/">07/08/2013 @ 08:35:53</a>]</li>
<li>(12) Bien vu ! Un graph qui s'imbrique juste bien pendant la nuit <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=':)' class='wp-smiley' />  [<a target="_blank" href="http://www.thisiscolossal.com/2013/08/timing-is-everything/">07/08/2013 @ 09:13:13</a>]</li>
<li>(13) Who, de l’hyper-réalisme à la peinture à l'huile ! [<a target="_blank" href="http://www.fubiz.net/2013/08/06/juan-carlos-manjarrez-paintings/">07/08/2013 @ 09:22:32</a>]</li>
<li>(14) Tiens, putty est toujours maintenu <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=':)' class='wp-smiley' />  (Moi, j'utilise Kitty http://kitty.9bis.net quand je suis sous windows) [<a target="_blank" href="http://sebsauvage.net/links/?d4T7zg">07/08/2013 @ 09:32:51</a>]</li>
<li>(15) Un tour fantôme en plein Bangkok [<a target="_blank" href="http://www.fubiz.net/2013/08/07/sathorn-unique-ghost-tower/">08/08/2013 @ 08:53:02</a>]</li>
<li>(16) J'adore le travail photo de Michael Shainblum ! Particulièrement les "Astrophotography" et les "Land/City scape". Il a aussi fait une vidéo sur comment il prend ses photos. [<a target="_blank" href="http://www.shainblumphoto.com/">08/08/2013 @ 11:07:06</a>]</li>
<li>(17) Mouhahaha, ce blog est énorme. Il traduit les tatouages avec des signes "chinois" des gens en leur apprenant leur vrai signification <img src="media/5a932613.icon_biggrin.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_biggrin.gif" alt=':D' class='wp-smiley' />  C'est excellent ^^ [<a target="_blank" href="http://hanzismatter.blogspot.ca/">09/08/2013 @ 08:12:37</a>]</li>
<li>(18) PosteRazor permet de créer son propre poster ! [<a target="_blank" href="http://la-vache-libre.org/posterazor-creez-facilement-un-poster-de-vos-images-en-5-etapes/">09/08/2013 @ 08:13:17</a>]</li>
<li>(19) Certaines maisons sont excellentes, d'autre sont vraiment ... A chier :p [<a target="_blank" href="http://www.topito.com/top-maisons-etranges-insolite">09/08/2013 @ 08:14:57</a>]</li>
<li>(20) A garder sous le coude (pour mes Nono's Songs) ou pour Oliver pour ces FFD/BMD ! [<a target="_blank" href="http://sebsauvage.net/paste/?ff49830ee7aa35c2#430Z8en3AShkRDrd/HcZ2YZF/YIZGzvudSv9WUQ/kmg=">09/08/2013 @ 13:16:37</a>]</li>
<li>(21) Tiens, c'est vrai que ca semble être la "respiration" de la terre en la voyant comme ca <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=':)' class='wp-smiley' />  [<a target="_blank" href="http://www.thisiscolossal.com/2013/08/breathing-earth/">09/08/2013 @ 13:18:45</a>]</li>
<li>(22) Oh, James Hill fait un tout nouvel instrument avec son Ukulele ! Ca sonne assez électronique, c'est pas dégeu du tout <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=':)' class='wp-smiley' />  (et en plus, il est assez fun comme gars) [<a target="_blank" href="http://www.thisiscolossal.com/2013/08/musician-james-hill-converts-a-ukulele-into-an-entirely-new-instrument/">09/08/2013 @ 13:28:06</a>]</li>
<li>(23) Pour ce premier lien posté depuis m0lev2, un petit spot moto qui gagnerait à être plus largement diffusé ! [<a target="_blank" href="http://www.youtube.com/watch?v=mw_WNdRonM8">11/08/2013 @ 14:53:22</a>]</li>
<li>(24) Excellent ce petit montage de Assassin's Creed 4 en version parkour (avec le making of) ! [<a target="_blank" href="http://www.isheep.fr/2013/08/assassins-creed-4-real-life-parkour/">11/08/2013 @ 15:19:43</a>]</li>
<li>(25) Wow, jolie cette photo, ca me rappelle le Canada &lt;3 (via sebsauvage) [<a target="_blank" href="https://secure.flickr.com/photos/13922644@N05/9463799443/in/explore-2013-08-08" class="broken_link">11/08/2013 @ 16:54:27</a>]</li>
<li>(26) Excellente toutes ces cartes du monde <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=':)' class='wp-smiley' />  Il y a vraiment un peu de tout <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=':)' class='wp-smiley' />  (Via Timo) [<a target="_blank" href="http://www.boredpanda.com/fun-maps-they-didnt-teach-you-in-school/">12/08/2013 @ 08:24:09</a>]</li>
<li>(27) Haha, un service d’envoi de bière par IP <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=':)' class='wp-smiley' />  En complément de la licence Beerware ? <img src="media/5a932613.icon_biggrin.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_biggrin.gif" alt=':D' class='wp-smiley' />  (qui, pour ceux qui suivait, ne risque pas d'être approuvé par RMS, m'ayant lui même dit qu'il juge ça être "une insulte contre GPL") Merci à Skibooss [<a target="_blank" href="http://drinkoverip.org/random/">12/08/2013 @ 10:16:24</a>]</li>
<li>(28) Script et mise en place de sshuttle, un logiciel de VPN/Port Forwarding très simple d'utilisation/mise en place. [<a target="_blank" href="http://salem.harrache.info/tag/sshuttle.html">12/08/2013 @ 13:36:29</a>]</li>
<li>(29) Tiens, une extension WOT beta pour Firefox et Google Chrome !<br />
Edit: en fait, c'est tout le site qui bénéficie d'une beta, pas que l'extension ! [<a target="_blank" href="http://www.mywot.com/en/beta/introducing-the-new-wot-beta">13/08/2013 @ 10:25:43</a>]</li>
<li>(30) Mon pote Noireaude nous explique comment se faire une clé USB persistante : un OS transportable et itinérant <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=':)' class='wp-smiley' />  [<a target="_blank" href="http://la-vache-libre.org/utiliser-linux-en-live-usb-persistant/">14/08/2013 @ 08:19:55</a>]</li>
<li>(31) Excellente les œuvres de OIe Ukena, tout un symbole dans ses sculptures. [<a target="_blank" href="http://www.fubiz.net/2013/08/12/ole-ukena-installations/">14/08/2013 @ 08:20:51</a>]</li>
<li>(32) Oh, super bien réussi ces photos avec double expositions. les personnages ressortent presque complètement transparent dans leurs milieux ! [<a target="_blank" href="http://www.fubiz.net/2013/08/12/fleeted-photography/">14/08/2013 @ 08:23:22</a>]</li>
<li>(33) Ca vous tente de tester l'age de vos oreilles ? [<a target="_blank" href="http://www.rue89.com/zapnet/2013/08/14/o-rage-o-desespoir-o-vieillesse-ennemie-oreilles-244949">15/08/2013 @ 08:35:42</a>]</li>
<li>(34) Wow, danser du Rock (acrobatique), sur du boogie endiablé, en faisant des claquettes ? Je dis chapeau °o° (via http://qosgof.fr/fosteb//?WTnKiA ) [<a target="_blank" href="http://www.youtube.com/watch?v=1QQzbCmlZM4">15/08/2013 @ 09:17:10</a>]</li>
<li>(35) Pour ceux qui (comme moi) utilise cogimix ( http://shaarli.m0le.net/?HTsM1g ) pour écouter votre musique, Pilou m'indique qu'il a sorti hier la version android ! [<a target="_blank" href="http://blog.cogipix.com/general/cogimix-disponible-sur-android">15/08/2013 @ 12:02:16</a>]</li>
<li>(36) Tester une pile alcaline en la laissant tomber, pas mal ! (via sebsauvage) [<a target="_blank" href="http://www.youtube.com/watch?v=nwfFBUVxpac">15/08/2013 @ 12:12:07</a>]</li>
<li>(37) HAHA, excellente la comparaison des windows <img src="media/5a932613.icon_biggrin.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_biggrin.gif" alt=':D' class='wp-smiley' />  (Heureusement que Win ME ne soit pas représenté, ca aurait donné quelques chose comme ca : http://img0.gtsstatic.com/architecture/cette-maison-bancale-est-l-oeuvre-de-l-artiste-sud-coreen-do-ho-suh-et-se-nomme-fallen-star-assez-original-pour-une-maison_120294_w460.jpg ) via Timo [<a target="_blank" href="media/f01179b2.o7F3Hbl.jpg" data-original-source="https://lh5.googleusercontent.com/-bMB3zL27FuE/Ugr92L9avsI/AAAAAAAC_Kg/xDq8x7pWBps/w350/o7F3Hbl.jpg" class="broken_link">15/08/2013 @ 12:12:47</a>]</li>
<li>(38) Alors ca, c'est typiquement le genre de streetart que j'adore ! Enjoliver quelques chose de moche, pour qu'il se fonde dans le "paysage". [<a target="_blank" href="http://www.thisiscolossal.com/2013/08/manifest-station/">15/08/2013 @ 12:18:59</a>]</li>
<li>(39) Envie de jouer et/ou tester vos yeux/oreilles ? Un ptit tour du coté les 44ième lin inutiles de Tontof <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=':)' class='wp-smiley' />  [<a target="_blank" href="http://tontof.net/index.php?2013/08/15/08/28/52-quelques-liens-inutiles-pour-passer-le-temps-44">16/08/2013 @ 08:18:58</a>]</li>
<li>(40) Que faire de votre opinion ? [<a target="_blank" href="media/835eac67.opinion_nono.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/08/opinion_nono.png">19/08/2013 @ 17:29:28</a>]</li>
<li>(41) ré-aménager un bus en "habitation" a toujours été un truc que j'aurais rêvé de faire <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=':)' class='wp-smiley' />  Lui, là fait, et de manière vraiment stylé ! [<a target="_blank" href="http://www.thisiscolossal.com/2013/08/hank-bought-a-bus/">21/08/2013 @ 07:52:45</a>]</li>
<li>(42) Crowd42 nous présente le projet OpenNic, un ensemble de serveur DNS ouvert, et qui permet la création de gTLD perso. (entre autre) [<a target="_blank" href="http://www.crowd42.info/vous-cherchez-un-service-dns-fiable-et-rapide-essayez-ceux-de-opennic-project">21/08/2013 @ 08:09:16</a>]</li>
<li>(43) Pipelight permet d’exécuter Silverlight dans firefox sous linux. [<a target="_blank" href="http://la-vache-libre.org/pipelight-installer-facilement-silverlight-dans-firefox-sous-gnulinux/">21/08/2013 @ 09:55:03</a>]</li>
<li>(44) Tiens, wordpress 3.6 supporte les balises <a href="http://blog.m0le.net/audio/">Télécharger fichier audio ()</a><br /> et <!-- Begin - Secure HTML5 Video Player -->
<div class='video-js-box sh5vp-video-box tube-css'>
<video class='video-js sh5vp-video' width='600' height='450'  controls="controls" preload="auto"   >
<!-- file not found: /home/blog/public_html/wp-content/uploads/mp4// -->
</video>
<p class='vjs-no-video'><label>Download Video:</label>
</p>
</div>
<!-- End - Secure HTML5 Video Player -->
 maintenant, à tester pour mes futurs Nono's Songs <img src="media/5a932613.icon_biggrin.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_biggrin.gif" alt=':D' class='wp-smiley' />  [<a target="_blank" href="http://www.planet-libre.org/index.php?post_id=14909&amp;go=external">22/08/2013 @ 08:28:19</a>]</li>
<li>(45) oulaaa, ca c'est du jeux de mot ...<br />
Mille milliards de mille sabords.<br />
Mille milliards de mille = 1 Peta<br />
DONC :<br />
Peta...sabords <img src="media/5a932613.icon_biggrin.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_biggrin.gif" alt=':D' class='wp-smiley' />  [<a target="_blank" href="http://fr.spontex.org/le_saviez_vous/3202/mille-milliards-de-mille-sabords-tintin-insultes">22/08/2013 @ 08:39:00</a>]</li>
<li>(46) Excellente à nouveau cette vidéo ! Ayant fait le trip San Francisco-Los Angeles-Las Vegas : Je m'y retrouve parfaitement dans ces paysages/ambiances ! [<a target="_blank" href="http://lavieestunfilm.com/?p=1317">22/08/2013 @ 10:40:11</a>]</li>
<li>(47) Avez-vous déjà vu, un hélico prendre de l'eau dans une piscine pour éteindre un feu ? (Et ben maintenant, oui <img src="media/5a932613.icon_biggrin.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_biggrin.gif" alt=':D' class='wp-smiley' /> ) [<a target="_blank" href="http://www.isheep.fr/2013/08/quand-un-helicoptere-des-pompiers-fait-le-plein-deau-dans-une-piscine/">22/08/2013 @ 11:43:51</a>]</li>
<li>(48) Putain excellent ! Grapher, en soit, c'est déjà génial, mais le faire sur un Boeing 737 °o° ! Une petite vidéo qui donne envie de prendre une bombe <img src="media/32e3219c.icon_wink.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_wink.gif" alt=';-)' class='wp-smiley' />  [<a target="_blank" href="http://www.fubiz.net/2013/08/21/spray-painted-boeing/">22/08/2013 @ 16:27:04</a>]</li>
<li>(49) Oh, mailpile : Un projet de serveur de mail sous python libre et sécurisé à suivre de près ! [<a target="_blank" href="http://www.indiegogo.com/projects/mailpile-taking-e-mail-back">23/08/2013 @ 10:16:28</a>]</li>
<li>(50) Wow, c'est assez impressionnant ces gouffres qui se forme suite à des affaissements de mine de sel et qui engloutissent en quelques secondes des arbres entiers ! [<a target="_blank" href="http://www.thisiscolossal.com/2013/08/cayou-corne-sinkhole/">23/08/2013 @ 10:21:07</a>]</li>
<li>(51) receive-sms-online.com est comme son nom l'indique, un moyen de s'inscrire sur un site demandant une authentification via SMS ! [<a target="_blank" href="http://www.crazyws.fr/securite/contourner-la-verification-par-sms-de-la-plupart-des-sites-web-9N32Z.html">23/08/2013 @ 10:28:39</a>]</li>
<li>(52) Une appli android vraiment sympa pour tester son wifi : Canal, signal, l'important et plus encore y est, un must-have dans le cas d'une architecture wifi un peu complexe ! [<a target="_blank" href="http://www.tux-planet.fr/comment-ameliorer-son-signal-wifi-avec-wifi-analyzer/">23/08/2013 @ 10:29:48</a>]</li>
<li>(53) C'est marrant de se retrouver dans des trucs qui paraissent tellement vieux maintenant <img src="media/5a932613.icon_biggrin.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_biggrin.gif" alt=':D' class='wp-smiley' />  (via cochise ou cochisette, je sais jamais ...) [<a target="_blank" href="http://www.buzzfeed.com/ariellecalderon/things-that-were-totally-normal-in-1999">23/08/2013 @ 16:10:35</a>]</li>
<li>(54) ouaaahhh, LA solution ultime à tous les festivals ! neeeeeeeeeed <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=':)' class='wp-smiley' />  [<a target="_blank" href="http://www.topito.com/shopping/sandales-flasque">23/08/2013 @ 16:46:13</a>]</li>
<li>(55) Sympa la photo (et son making-off) qui reprend une scène de E.T avec le vélo volant devant la lune. La vidéo est sympa, mais si vous ne parlez pas allemand, je vous conseil de couper le son, c'est assez difficile <img src="media/5a932613.icon_biggrin.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_biggrin.gif" alt=':D' class='wp-smiley' />  [<a target="_blank" href="http://www.philippschmidli.com/?p=2233">25/08/2013 @ 12:58:13</a>]</li>
<li>(56) Excellent ! Tout pour faire une 'sarah', la maison hyper-connecté de la série Eureka <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=':)' class='wp-smiley' />  Reconnaissance facial/geste/son etc .. (via cochise) [<a target="_blank" href="http://encausse.wordpress.com/s-a-r-a-h/">27/08/2013 @ 08:22:33</a>]</li>
<li>(57) Mettre un mot de passe sur Grub2 [<a target="_blank" href="http://www.planet-libre.org/index.php?post_id=14947&amp;go=external" class="broken_link">27/08/2013 @ 08:26:56</a>]</li>
<li>(58) Ca fait mal au cul <img src="media/33cc6510.icon_sad.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_sad.gif" alt=':(' class='wp-smiley' />  Fred de l(a feu)’excellente émission "C'est pas sorcier" se fait virer par France3 &gt;&lt; [<a target="_blank" href="http://www.huffingtonpost.fr/2013/08/26/fred-cest-pas-sorcier-vire-france3_n_3815919.html">27/08/2013 @ 08:43:54</a>]</li>
<li>(59) Ah, sympa cette fonction timer sur google ! Tapez juste 'set time x [seconds|minutes|hours]' (via Naxos) [<a target="_blank" href="http://naxos.fr.free.fr/shaarli/?Iv9toA">27/08/2013 @ 08:58:56</a>]</li>
<li>(60) Alors ca, c'est tout bonnement génial ! Des routes électriques qui rechargent les bus en Corée ! [<a target="_blank" href="http://www.gizmodo.fr/2013/08/26/route-electrique-coree.html">27/08/2013 @ 12:26:12</a>]</li>
<li>(61) 23 petits trucs de la vie courante <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=':)' class='wp-smiley' />  Bien pratique certains ! [<a target="_blank" href="http://imgur.com/gallery/KrkRD">27/08/2013 @ 12:35:12</a>]</li>
<li>(62) Pouah, une maison comme ca, ca fait rêver ! [<a target="_blank" href="http://www.fubiz.net/2013/08/26/the-forest-house/">27/08/2013 @ 13:43:58</a>]</li>
<li>(63) Anubis, un service de iSecurity Lab est une comparse de Virus Total qui permet de scanner url/fichier et même APK, pour connaitre les modifications qu'un exécutable effectue sur le système ! [<a target="_blank" href="http://quack1.me/anubis_malwares.html">27/08/2013 @ 14:54:29</a>]</li>
<li>(64) Excellent, une carte des antennes téléphonique de France par opérateur ! (la carte peut se baser sur Google Maps ou OSM !) [<a target="_blank" href="http://www.antennesmobiles.fr/index.php?geo&amp;show">27/08/2013 @ 14:55:57</a>]</li>
<li>(65) Speedometer permet de mesurer facilement (et graphiquement) l'utilisation de son trafic réseau. [<a target="_blank" href="http://la-vache-libre.org/speedometer-2-8-mesurez-facilement-le-trafic-reseau-de-vos-connexions/">28/08/2013 @ 10:11:34</a>]</li>
<li>(66) Bon, je me touchais les roupettes pour savoir ce que j'allais mettre en supervision sur m0lev2, je pense que j'ai ma réponse. Simplicité/rapidité/mobilité sont quelque uns des atouts de Glances. Une application mobile qui va bien, il ne reste plus qu'un shinken aux petits oignons pour que tout roule <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=':)' class='wp-smiley' />  [<a target="_blank" href="http://www.planet-libre.org/index.php?post_id=14955&amp;go=external">29/08/2013 @ 08:39:20</a>]</li>
<li>(67) Petite présentation de la carrière de Antoine de Caunes : J'aurais quand même placé un extrait de Nul Par Ailleurs (l’émission qui ma fait le connaitre perso). <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=':)' class='wp-smiley' />  [<a target="_blank" href="http://www.topito.com/top-antoine-caunes-trucs-cool">29/08/2013 @ 08:43:13</a>]</li>
<li>(68) OOOuuuuhhh, excellent, un site de recherche de gif <img src="media/5a932613.icon_biggrin.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_biggrin.gif" alt=':D' class='wp-smiley' />  [<a target="_blank" href="http://korben.info/trouver-gif-anime.html">29/08/2013 @ 08:44:17</a>]</li>
<li>(69) Hahaha, notre cher Karl-Heinz Inäbnit <img src="media/5a932613.icon_biggrin.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_biggrin.gif" alt=':D' class='wp-smiley' />  (via cochise) : Si vous avez aimez, écoutez celle-ci aussi : http://www.youtube.com/watch?v=M6aETITk8l0 (et de façon général, tous les "120 Secondes armée" <img src="media/5a932613.icon_biggrin.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_biggrin.gif" alt=':D' class='wp-smiley' />  [<a target="_blank" href="http://www.rts.ch/couleur3/programmes/120-secondes/5151966-des-calendriers-scolaires-et-militaires-harmonises.html">29/08/2013 @ 08:44:38</a>]</li>
</ul>
<p><a target="_blank" href="http://www.fubiz.net/2013/08/19/amazing-beach-calligraphy/">Photo</a></p>
<p>---------</p>
<p>Les <a target="_blank" href="http://blog.m0le.net/category/episode/nonos-vrac/">Nono's Vrac</a> sont généré depuis <a target="_blank" href="http://blog.m0le.net/2013/03/08/nonos-vrac-88-via-shaarli-presentation-fin/">mon petit hook</a> de l'application <a target="_blank" href="http://sebsauvage.net/wiki/doku.php?id=php:shaarli">shaarli</a>, que j'utilise ici : <a target="_blank" href="http://shaarli.m0le.net/">shaarli.m0le.net</a></p>


feed_id: http://blog.m0le.net/?p=6824
title: Nono's Songs : Ylvis - The Fox
uri: Nono-s-Songs-Ylvis-The-Fox
url: http://blog.m0le.net/2013/09/09/nonos-songs-ylvis-the-fox/
content:
<p>Les <a target="_blank" title="Nono's Songs" href="http://blog.m0le.net/category/episode/nonos-songs/">Nono's Songs</a> n'ont pas de but particulier si ce n'est de publier des musiques que j'apprécie.</p>
<p>Je ne donne aucune appréciation, je poste que des musiques, trouvées au détour du Net, ou d'un son/bruit que j'ai pu entendre quelques part ou avec quelqu'un. Ce n'est en aucun cas un signe de "nouveauté" ou un effet de mode quelconque.</p>
<p>Voici le clip officiel de <strong>Ylvis </strong><del>(presley :p)</del> qui nous propose <strong>The Fox<br />
</strong></p>
<p style="text-align: center;"><!-- Begin - Secure HTML5 Video Player -->
<div class='video-js-box sh5vp-video-box tube-css'>
<video class='video-js sh5vp-video' width='600' height='450'  controls="controls" preload="auto"   >
<source src="media/f6c46abb.Ylvis_-_The_Fox.mp4" data-original-source="http://blog.m0le.net/wp-content/uploads/mp4/Ylvis_-_The_Fox.mp4" type="video/mp4" />
<object id='vjs-ff-http://blog-m0le-net/wp-content/uploads/mp4/Ylvis_-_The_Fox' class='vjs-flash-fallback'  width='600' height='450' type='application/x-shockwave-flash' data='http://blog.m0le.net/wp-content/plugins/secure-html5-video-player/flowplayer/flowplayer-3.2.7.swf'>
<param name='movie' value='http://blog.m0le.net/wp-content/plugins/secure-html5-video-player/flowplayer/flowplayer-3.2.7.swf' />
<param name='wmode' value='transparent' />
<param name='allowfullscreen' value='true' />
<param name='flashvars' value='config={"playlist":[  {"url": "http%3A%2F%2Fblog.m0le.net%2Fwp-content%2Fuploads%2Fmp4%2FYlvis_-_The_Fox.mp4" ,"autoPlay":false ,"autoBuffering":true }]}' />

</object>
</video>
<p class='vjs-no-video'><label>Download Video:</label>
<a class="sh5vp-link-mp4" href="media/f6c46abb.Ylvis_-_The_Fox.mp4" data-original-source="http://blog.m0le.net/wp-content/uploads/mp4/Ylvis_-_The_Fox.mp4">MP4</a>
</p>
</div>
<!-- End - Secure HTML5 Video Player -->
<br />
<!-- Begin - Secure HTML5 Video Player -->
<div class='video-js-box sh5vp-video-box tube-css'>
<video class='video-js sh5vp-video' width='600' height='450'  controls="controls" preload="auto"   >
<source src="media/23ea9f33.Ylvis_-_The_Fox.webm" data-original-source="http://blog.m0le.net/wp-content/uploads/mp4/Ylvis_-_The_Fox.webm" type="video/webm" />
</video>
<p class='vjs-no-video'><label>Download Video:</label>
<a class="sh5vp-link-webm" href="media/23ea9f33.Ylvis_-_The_Fox.webm" data-original-source="http://blog.m0le.net/wp-content/uploads/mp4/Ylvis_-_The_Fox.webm">WebM</a>
</p>
</div>
<!-- End - Secure HTML5 Video Player -->
</p>


feed_id: http://blog.m0le.net/?p=6835
title: Bass Music Day #04 Vendredi, c'est Glitchy !
uri: Bass-Music-Day-04-Vendredi-c-est-Glitchy
url: http://blog.m0le.net/2013/09/13/bass-music-day-04-vendredi-cest-glitchy/
content:
<p>Hey, salut les fnatik de bass music !</p>
<p>Ca fait un bail n'est ce pas ? Effectivement... Mais ce n'est pas pour autant que j'oublie de faire mes BMD, aussi rares soient-ils.</p>
<p>Au menu cette fois, on se la joue Glitch à fond, parmi lesquelles on retrouve les Pegboard Nerds avec Far Too Close  d'une puissance de ouf malade, la petite Camden Cox avec sa voix de ouf revient avec Could This Be Real produit par CRUSH, KATFYR avec un bon son avec des samples venant tout droit de Sonic, un bonheur.  Ah oui, on oublie pas un petit Doctor P, ça faisait la race de temps qu'il avait rien sorti ! Y a également le dernier morceau d'Ultrasyd, un ami à moi et à mes potos qui fait dans le chiptune, une TUE-RIE !</p>
<p>Côté EP, on se retrouve avec un EP de Knife Party qui date d'il y a maintenant plusieurs mois, plutôt orienté (Haunted) House, mais c'est que du bonheur. Autre petite nouvelle pour les fans, Pendulum, va se reformer l'année prochaine pour un nouvel (et dernier ?) album studio.. A suivre.<br />
Pour conclure ce BMD, l'EP de Zomboy vient terminer en beauté cette session musicale. Je connaissais déjà quelques morceaux de lui, mais il monte carrément en puissance dans cet EP. Je kiffe bien le clin d'oeil à Angry Birds dans Hoedown <img src="media/32e3219c.icon_wink.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_wink.gif" alt=';-)' class='wp-smiley' /> .</p>
<p>Vous l'aurez compris, avec plus de 30 sons, ça valait le coup d'attendre !</p>
<p>&nbsp;</p>
<h1>~#Playlist BMD#~</h1>
<p><strong>BMD #04</strong></p>
<p><a target="_blank" href="media/ff979033.Antichrist-Martin-Mentzoni-Evil-Gypsy-Woman-Khurt-Remix.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/Antichrist-Martin-Mentzoni-Evil-Gypsy-Woman-Khurt-Remix.mp3">Télécharger fichier audio (Antichrist-Martin-Mentzoni-Evil-Gypsy-Woman-Khurt-Remix.mp3)</a><br /><a target="_blank" href="media/a9fd2155.Coyote-Kisses-Stay-With-You.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/Coyote-Kisses-Stay-With-You.mp3">Télécharger fichier audio (Coyote-Kisses-Stay-With-You.mp3)</a><br /><a target="_blank" href="media/11dcff8d.Coyote-Kisses-This-Is-How-You-Know.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/Coyote-Kisses-This-Is-How-You-Know.mp3">Télécharger fichier audio (Coyote-Kisses-This-Is-How-You-Know.mp3)</a><br /><a target="_blank" href="media/26be1a76.CRUSH-Could-This-Be-Real-Ft-Camden-Cox.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/CRUSH-Could-This-Be-Real-Ft-Camden-Cox.mp3">Télécharger fichier audio (CRUSH-Could-This-Be-Real-Ft-Camden-Cox.mp3)</a><br /><a target="_blank" href="media/6415a291.Doctor-P-Flying-Spaghetti-Monster.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/Doctor-P-Flying-Spaghetti-Monster.mp3">Télécharger fichier audio (Doctor-P-Flying-Spaghetti-Monster.mp3)</a><br /><a target="_blank" href="media/5280049c.Ellie-Goulding-Burn-Razihel-Remix.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/Ellie-Goulding-Burn-Razihel-Remix.mp3">Télécharger fichier audio (Ellie-Goulding-Burn-Razihel-Remix.mp3)</a><br /><a target="_blank" href="media/4207bf97.Fox-Stevenson-Lightspeed.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/Fox-Stevenson-Lightspeed.mp3">Télécharger fichier audio (Fox-Stevenson-Lightspeed.mp3)</a><br /><a target="_blank" href="media/fa05369e.Gramatik-You-Don-t-Understand.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/Gramatik-You-Don-t-Understand.mp3">Télécharger fichier audio (Gramatik-You-Don-t-Understand.mp3)</a><br /><a target="_blank" href="media/be7b1a8e.Helicopter-Showdown-Virtual-Riot-Cali-Born.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/Helicopter-Showdown-Virtual-Riot-Cali-Born.mp3">Télécharger fichier audio (Helicopter-Showdown-Virtual-Riot-Cali-Born.mp3)</a><br /><a target="_blank" href="media/95b11e7f.High-Contrast-Wild-Oats.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/High-Contrast-Wild-Oats.mp3">Télécharger fichier audio (High-Contrast-Wild-Oats.mp3)</a><br /><a target="_blank" href="media/8ce2e97f.J.Viewz-Far-Too-Close-Pegboard-Nerds-Remix.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/J.Viewz-Far-Too-Close-Pegboard-Nerds-Remix.mp3">Télécharger fichier audio (J.Viewz-Far-Too-Close-Pegboard-Nerds-Remix.mp3)</a><br /><a target="_blank" href="media/6f92ba60.KATFYR-Green-Hill-Original-Mix.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/KATFYR-Green-Hill-Original-Mix.mp3">Télécharger fichier audio (KATFYR-Green-Hill-Original-Mix.mp3)</a><br /><a target="_blank" href="media/657ddb64.Macklemore-Cant-hold-us-Unlike-Pluto-remix.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/Macklemore-Cant-hold-us-Unlike-Pluto-remix.mp3">Télécharger fichier audio (Macklemore-Cant-hold-us-Unlike-Pluto-remix.mp3)</a><br /><a target="_blank" href="media/5e2426aa.MitiS-Shock-Top.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/MitiS-Shock-Top.mp3">Télécharger fichier audio (MitiS-Shock-Top.mp3)</a><br /><a target="_blank" href="media/2d26a3e1.Montee-Butterfly-Assault-Mashup.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/Montee-Butterfly-Assault-Mashup.mp3">Télécharger fichier audio (Montee-Butterfly-Assault-Mashup.mp3)</a><br /><a target="_blank" href="media/e6c18134.Ninth-Parallel-Reentry-Louis-The-Child-Remix.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/Ninth-Parallel-Reentry-Louis-The-Child-Remix.mp3">Télécharger fichier audio (Ninth-Parallel-Reentry-Louis-The-Child-Remix.mp3)</a><br /><a target="_blank" href="media/db7482bd.Razihel-Bad-Boy.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/Razihel-Bad-Boy.mp3">Télécharger fichier audio (Razihel-Bad-Boy.mp3)</a><br /><a target="_blank" href="media/4cd1dd5b.Slanky-Torolla-Mulligan-Skullee-Remix.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/Slanky-Torolla-Mulligan-Skullee-Remix.mp3">Télécharger fichier audio (Slanky-Torolla-Mulligan-Skullee-Remix.mp3)</a><br /><a target="_blank" href="media/cd77abfb.Tom-Budin-Auratic-Shape-Shift.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/Tom-Budin-Auratic-Shape-Shift.mp3">Télécharger fichier audio (Tom-Budin-Auratic-Shape-Shift.mp3)</a><br /><a target="_blank" href="media/4cdab0b3.Ultrasyd-Drop-the-Crap.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/Ultrasyd-Drop-the-Crap.mp3">Télécharger fichier audio (Ultrasyd-Drop-the-Crap.mp3)</a></p>
<p>&nbsp;</p>
<p><strong>Knife Party - Haunted House EP</strong></p>
<p><a target="_blank" href="media/3e0426be.01.-Power-Glove.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/01.-Power-Glove.mp3">Télécharger fichier audio (01.-Power-Glove.mp3)</a><br /><a target="_blank" href="media/01e9245d.02.-LRAD.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/02.-LRAD.mp3">Télécharger fichier audio (02.-LRAD.mp3)</a><br /><a target="_blank" href="media/b388103d.03.-EDM-Death-Machine.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/03.-EDM-Death-Machine.mp3">Télécharger fichier audio (03.-EDM-Death-Machine.mp3)</a><br /><a target="_blank" href="media/cda4dfd5.04.-Internet-Friends-VIP.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/04.-Internet-Friends-VIP.mp3">Télécharger fichier audio (04.-Internet-Friends-VIP.mp3)</a></p>
<p>&nbsp;</p>
<p><strong>Zomboy - The Dead Symphonic EP</strong></p>
<p><a target="_blank" href="media/9668bd6c.01-Nuclear-Hands-Up.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/01-Nuclear-Hands-Up.mp3">Télécharger fichier audio (01-Nuclear-Hands-Up.mp3)</a><br /><a target="_blank" href="media/685ee971.02-Hoedown.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/02-Hoedown.mp3">Télécharger fichier audio (02-Hoedown.mp3)</a><br /><a target="_blank" href="media/a713cdcf.03-Vancouver-Beatdown.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/03-Vancouver-Beatdown.mp3">Télécharger fichier audio (03-Vancouver-Beatdown.mp3)</a><br /><a target="_blank" href="media/52004e72.04-City-2-City-Ft-Belle-Humble.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/04-City-2-City-Ft-Belle-Humble.mp3">Télécharger fichier audio (04-City-2-City-Ft-Belle-Humble.mp3)</a><br /><a target="_blank" href="media/abe7ab81.05-Deadweight.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/05-Deadweight.mp3">Télécharger fichier audio (05-Deadweight.mp3)</a><br /><a target="_blank" href="media/52f3e857.06-Gorilla-March.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/06-Gorilla-March.mp3">Télécharger fichier audio (06-Gorilla-March.mp3)</a></p>
<p>&nbsp;</p>
<h1>#Téléchargement</h1>
<p><strong>BMD #04</strong></p>
<p><a target="_blank" href="http://blog.m0le.net/?attachment_id=6836">Antichrist &amp; Martin Mentzoni - Evil Gypsy Woman (Khurt Remix)</a></p>
<p><a target="_blank" href="media/a9fd2155.Coyote-Kisses-Stay-With-You.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/Coyote-Kisses-Stay-With-You.mp3">Coyote Kisses - Stay With You</a></p>
<p><a target="_blank" href="media/11dcff8d.Coyote-Kisses-This-Is-How-You-Know.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/Coyote-Kisses-This-Is-How-You-Know.mp3">Coyote Kisses - This Is How You Know</a></p>
<p><a target="_blank" href="media/26be1a76.CRUSH-Could-This-Be-Real-Ft-Camden-Cox.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/CRUSH-Could-This-Be-Real-Ft-Camden-Cox.mp3">CRUSH - Could This Be Real Ft Camden Cox</a></p>
<p><a target="_blank" href="media/6415a291.Doctor-P-Flying-Spaghetti-Monster.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/Doctor-P-Flying-Spaghetti-Monster.mp3">Doctor P - Flying Spaghetti Monster</a></p>
<p><a target="_blank" href="media/5280049c.Ellie-Goulding-Burn-Razihel-Remix.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/Ellie-Goulding-Burn-Razihel-Remix.mp3">Ellie Goulding - Burn (Razihel Remix)</a></p>
<p><a target="_blank" href="media/4207bf97.Fox-Stevenson-Lightspeed.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/Fox-Stevenson-Lightspeed.mp3">Fox Stevenson - Lightspeed</a></p>
<p><a target="_blank" href="media/fa05369e.Gramatik-You-Don-t-Understand.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/Gramatik-You-Don-t-Understand.mp3">Gramatik - You Don t Understand</a></p>
<p><a target="_blank" href="media/be7b1a8e.Helicopter-Showdown-Virtual-Riot-Cali-Born.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/Helicopter-Showdown-Virtual-Riot-Cali-Born.mp3">Helicopter Showdown &amp; Virtual Riot - Cali Born</a></p>
<p><a target="_blank" href="media/95b11e7f.High-Contrast-Wild-Oats.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/High-Contrast-Wild-Oats.mp3">High Contrast - Wild Oats</a></p>
<p><a target="_blank" href="media/8ce2e97f.J.Viewz-Far-Too-Close-Pegboard-Nerds-Remix.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/J.Viewz-Far-Too-Close-Pegboard-Nerds-Remix.mp3">J.Viewz - Far Too Close (Pegboard Nerds Remix)</a></p>
<p><a target="_blank" href="media/6f92ba60.KATFYR-Green-Hill-Original-Mix.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/KATFYR-Green-Hill-Original-Mix.mp3">KATFYR - Green Hill (Original Mix)</a></p>
<p><a target="_blank" href="media/657ddb64.Macklemore-Cant-hold-us-Unlike-Pluto-remix.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/Macklemore-Cant-hold-us-Unlike-Pluto-remix.mp3">Macklemore - Cant hold us (Unlike Pluto remix)</a></p>
<p><a target="_blank" href="media/5e2426aa.MitiS-Shock-Top.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/MitiS-Shock-Top.mp3">MitiS - Shock Top</a></p>
<p><a target="_blank" href="media/2d26a3e1.Montee-Butterfly-Assault-Mashup.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/Montee-Butterfly-Assault-Mashup.mp3">Montee - Butterfly Assault (Mashup)</a></p>
<p><a target="_blank" href="media/e6c18134.Ninth-Parallel-Reentry-Louis-The-Child-Remix.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/Ninth-Parallel-Reentry-Louis-The-Child-Remix.mp3">Ninth Parallel - Reentry (Louis The Child Remix)</a></p>
<p><a target="_blank" href="media/db7482bd.Razihel-Bad-Boy.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/Razihel-Bad-Boy.mp3">Razihel - Bad Boy</a></p>
<p><a target="_blank" href="media/4cd1dd5b.Slanky-Torolla-Mulligan-Skullee-Remix.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/Slanky-Torolla-Mulligan-Skullee-Remix.mp3">Slanky &amp; Torolla - Mulligan (Skullee Remix)</a></p>
<p><a target="_blank" href="media/cd77abfb.Tom-Budin-Auratic-Shape-Shift.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/Tom-Budin-Auratic-Shape-Shift.mp3">Tom Budin &amp; Auratic - Shape Shift</a></p>
<p><a target="_blank" href="media/4cdab0b3.Ultrasyd-Drop-the-Crap.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/Ultrasyd-Drop-the-Crap.mp3">Ultrasyd - Drop the Crap</a></p>
<p>&nbsp;</p>
<p><strong>Knife Party - Haunted House EP</strong></p>
<p><a target="_blank" href="media/3e0426be.01.-Power-Glove.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/01.-Power-Glove.mp3">01. Power Glove</a></p>
<p><a target="_blank" href="media/01e9245d.02.-LRAD.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/02.-LRAD.mp3">02. LRAD</a></p>
<p><a target="_blank" href="media/b388103d.03.-EDM-Death-Machine.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/03.-EDM-Death-Machine.mp3">03. EDM Death Machine</a></p>
<p><a target="_blank" href="media/cda4dfd5.04.-Internet-Friends-VIP.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/04.-Internet-Friends-VIP.mp3">04. Internet Friends VIP</a></p>
<p>&nbsp;</p>
<p><strong>Zomboy - The Dead Symphonic EP</strong></p>
<p><a target="_blank" href="media/9668bd6c.01-Nuclear-Hands-Up.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/01-Nuclear-Hands-Up.mp3">01 Nuclear (Hands Up)</a></p>
<p><a target="_blank" href="media/685ee971.02-Hoedown.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/02-Hoedown.mp3">02 Hoedown</a></p>
<p><a target="_blank" href="media/a713cdcf.03-Vancouver-Beatdown.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/03-Vancouver-Beatdown.mp3">03 Vancouver Beatdown</a></p>
<p><a target="_blank" href="media/52004e72.04-City-2-City-Ft-Belle-Humble.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/04-City-2-City-Ft-Belle-Humble.mp3">04 City 2 City Ft Belle Humble</a></p>
<p><a target="_blank" href="media/abe7ab81.05-Deadweight.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/05-Deadweight.mp3">05 Deadweight</a></p>
<p><a target="_blank" href="media/52f3e857.06-Gorilla-March.mp3" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/09/06-Gorilla-March.mp3">06 Gorilla March</a></p>


feed_id: http://blog.m0le.net/?p=6737
title: Nono's Songs : 4 Non Blondes - What's Up
uri: Nono-s-Songs-4-Non-Blondes-What-s-Up
url: http://blog.m0le.net/2013/09/16/nonos-songs-4-non-blondes-whats-up/
content:
<p>Les <a target="_blank" title="Nono's Songs" href="http://blog.m0le.net/category/episode/nonos-songs/">Nono's Songs</a> n'ont pas de but particulier si ce n'est de publier des musiques que j'apprécie.</p>
<p>Je ne donne aucune appréciation, je poste que des musiques, trouvées au détour du Net, ou d'un son/bruit que j'ai pu entendre quelques part ou avec quelqu'un. Ce n'est en aucun cas un signe de "nouveauté" ou un effet de mode quelconque.</p>
<p>Voici le clip officiel des <strong>4 Non Blondes </strong>qui nous propose <strong>What's Up<br />
</strong></p>
<p style="text-align: center;"><!-- Begin - Secure HTML5 Video Player -->
<div class='video-js-box sh5vp-video-box tube-css'>
<video class='video-js sh5vp-video' width='600' height='450'  controls="controls" preload="auto"   >
<source src="media/856ed50d.4_Non_Blondes_-_Whats_up.mp4" data-original-source="http://blog.m0le.net/wp-content/uploads/mp4/4_Non_Blondes_-_Whats_up.mp4" type="video/mp4" />
<object id='vjs-ff-http://blog-m0le-net/wp-content/uploads/mp4/4_Non_Blondes_-_Whats_up' class='vjs-flash-fallback'  width='600' height='450' type='application/x-shockwave-flash' data='http://blog.m0le.net/wp-content/plugins/secure-html5-video-player/flowplayer/flowplayer-3.2.7.swf'>
<param name='movie' value='http://blog.m0le.net/wp-content/plugins/secure-html5-video-player/flowplayer/flowplayer-3.2.7.swf' />
<param name='wmode' value='transparent' />
<param name='allowfullscreen' value='true' />
<param name='flashvars' value='config={"playlist":[  {"url": "http%3A%2F%2Fblog.m0le.net%2Fwp-content%2Fuploads%2Fmp4%2F4_Non_Blondes_-_Whats_up.mp4" ,"autoPlay":false ,"autoBuffering":true }]}' />

</object>
</video>
<p class='vjs-no-video'><label>Download Video:</label>
<a class="sh5vp-link-mp4" href="media/856ed50d.4_Non_Blondes_-_Whats_up.mp4" data-original-source="http://blog.m0le.net/wp-content/uploads/mp4/4_Non_Blondes_-_Whats_up.mp4">MP4</a>
</p>
</div>
<!-- End - Secure HTML5 Video Player -->
<br />
<!-- Begin - Secure HTML5 Video Player -->
<div class='video-js-box sh5vp-video-box tube-css'>
<video class='video-js sh5vp-video' width='600' height='450'  controls="controls" preload="auto"   >
<source src="media/e9cebd87.4_Non_Blondes_-_Whats_up.webm" data-original-source="http://blog.m0le.net/wp-content/uploads/mp4/4_Non_Blondes_-_Whats_up.webm" type="video/webm" />
</video>
<p class='vjs-no-video'><label>Download Video:</label>
<a class="sh5vp-link-webm" href="media/e9cebd87.4_Non_Blondes_-_Whats_up.webm" data-original-source="http://blog.m0le.net/wp-content/uploads/mp4/4_Non_Blondes_-_Whats_up.webm">WebM</a>
</p>
</div>
<!-- End - Secure HTML5 Video Player -->
</p>


feed_id: http://blog.m0le.net/?p=6918
title: Nono's Songs : Wallace Collection - Daydream
uri: Nono-s-Songs-Wallace-Collection-Daydream
url: http://blog.m0le.net/2013/09/23/nonos-songs-wallace-collection-daydream/
content:
<p>Les <a target="_blank" title="Nono's Songs" href="http://blog.m0le.net/category/episode/nonos-songs/">Nono's Songs</a> n'ont pas de but particulier si ce n'est de publier des musiques que j'apprécie.</p>
<p>Je ne donne aucune appréciation, je poste que des musiques, trouvées au détour du Net, ou d'un son/bruit que j'ai pu entendre quelques part ou avec quelqu'un. Ce n'est en aucun cas un signe de "nouveauté" ou un effet de mode quelconque.</p>
<p>Voici le clip live de <strong>Wallace Collection </strong>qui nous propose <strong>Daydream<br />
</strong></p>
<p style="text-align: center;"><!-- Begin - Secure HTML5 Video Player -->
<div class='video-js-box sh5vp-video-box tube-css'>
<video class='video-js sh5vp-video' width='600' height='450'  controls="controls" preload="auto"   >
<source src="media/e97732ae.Wallace_Collection_-_Daydream.mp4" data-original-source="http://blog.m0le.net/wp-content/uploads/mp4/Wallace_Collection_-_Daydream.mp4" type="video/mp4" />
<object id='vjs-ff-http://blog-m0le-net/wp-content/uploads/mp4/Wallace_Collection_-_Daydream' class='vjs-flash-fallback'  width='600' height='450' type='application/x-shockwave-flash' data='http://blog.m0le.net/wp-content/plugins/secure-html5-video-player/flowplayer/flowplayer-3.2.7.swf'>
<param name='movie' value='http://blog.m0le.net/wp-content/plugins/secure-html5-video-player/flowplayer/flowplayer-3.2.7.swf' />
<param name='wmode' value='transparent' />
<param name='allowfullscreen' value='true' />
<param name='flashvars' value='config={"playlist":[  {"url": "http%3A%2F%2Fblog.m0le.net%2Fwp-content%2Fuploads%2Fmp4%2FWallace_Collection_-_Daydream.mp4" ,"autoPlay":false ,"autoBuffering":true }]}' />

</object>
</video>
<p class='vjs-no-video'><label>Download Video:</label>
<a class="sh5vp-link-mp4" href="media/e97732ae.Wallace_Collection_-_Daydream.mp4" data-original-source="http://blog.m0le.net/wp-content/uploads/mp4/Wallace_Collection_-_Daydream.mp4">MP4</a>
</p>
</div>
<!-- End - Secure HTML5 Video Player -->
<br />
<!-- Begin - Secure HTML5 Video Player -->
<div class='video-js-box sh5vp-video-box tube-css'>
<video class='video-js sh5vp-video' width='600' height='450'  controls="controls" preload="auto"   >
<source src="media/910442a1.Wallace_Collection_-_Daydream.webm" data-original-source="http://blog.m0le.net/wp-content/uploads/mp4/Wallace_Collection_-_Daydream.webm" type="video/webm" />
</video>
<p class='vjs-no-video'><label>Download Video:</label>
<a class="sh5vp-link-webm" href="media/910442a1.Wallace_Collection_-_Daydream.webm" data-original-source="http://blog.m0le.net/wp-content/uploads/mp4/Wallace_Collection_-_Daydream.webm">WebM</a>
</p>
</div>
<!-- End - Secure HTML5 Video Player -->
</p>


feed_id: http://blog.m0le.net/?p=6927
title: Le poids des morts en Syrie
uri: Le-poids-des-morts-en-Syrie
url: http://blog.m0le.net/2013/09/27/le-poids-des-morts-en-syrie/
content:
<p>Illustration rapide du "deux poids, deux mesures" appliqué suite à l'utilisation d'armes chimiques en Syrie.</p>
<p><span id="more-6927"></span></p>
<p>Entre le 18 mars 2011 et aujourd'hui, <a target="_blank" href="http://www.syrianshuhada.com/?lang=en&amp;">81 894 personnes</a> (civils, militaires, hommes, femmes ou enfants) sont mortes à cause de la guerre civile qui secoue la Syrie depuis plus de deux ans.</p>
<p><strong>Chaque carré rouge formant ce portrait du président syrien Bachard al-Assad représente l'une d'entre elles</strong> :</p>
<p><img alt="" src="media/a9993e68.al_assad_pixel1.jpg" data-original-source="http://raphi.m0le.net/data/Assad_pixel/al_assad_pixel1.jpg" /></p>
<p>Voici à présent, en utilisant le même procédé et la même échelle, <strong>le nombre <a target="_blank" href="http://www.syrianshuhada.com/Default.asp?lang=en&amp;a=la&amp;p=Death&amp;v=%D9%82%D8%B5%D9%81%20%D8%A8%D8%A7%D9%84%D8%BA%D8%A7%D8%B2%D8%A7%D8%AA%20%D8%A7%D9%84%D9%83%D9%8A%D9%85%D8%A7%D9%88%D9%8A%D8%A9&amp;pp=&amp;vv=&amp;ppp=&amp;vvv=&amp;s=&amp;sb=Date">de morts causées par armes chimiques</a></strong>, instruments qui ont déclenché <a target="_blank" href="http://tempsreel.nouvelobs.com/guerre-en-syrie/20130830.OBS4959/en-direct-syrie-les-usa-prets-a-frapper-seuls-consultent-encore.html">un sursaut des Etats-Unis</a> et d'autres pays occidentaux :<br />
<img alt="" src="media/e8fac6f0.al_assad_pixel_2.jpg" data-original-source="http://raphi.m0le.net/data/Assad_pixel/al_assad_pixel_2.jpg" /></p>
<p>La première victime d'armes chimiques répertoriée remonte au 23 décembre 2012, alors que le conflit dure depuis plus d'un an et demi. Le bilan humain va alors atteindre les 47 900 morts.</p>
<h3>Quelques précisions</h3>
<ul>
<li>j'ai découvert la BDD de Syrian Shuhada comme source <a target="_blank" href="http://www.theguardian.com/news/datablog/interactive/2012/aug/02/syria-deaths-map">de cette carte du Guardian</a>. Elle est notamment utilisée comme référence par les Nations Unies</li>
<li>la photographie d'al-Assad a été prise par Fabio Rodrigues Pozzebom. Elle est disponible <a target="_blank" href="media/8b4cddc8.FileBashar_al-Assad_cropped.jpg" data-original-source="http://commons.wikimedia.org/wiki/File:Bashar_al-Assad_(cropped).jpg">en Creative Commons ici</a>, tout comme mes versions</li>
<li>un remerciement spécial à <a target="_blank" href="https://twitter.com/chouing">Cédric Motte</a> pour ses conseils sur la seconde image</li>
</ul>


feed_id: http://blog.m0le.net/?p=6950
title: Installer QGIS 2.0 sur Mint
uri: Installer-QGIS-2-0-sur-Mint
url: http://blog.m0le.net/2013/10/01/installer-qgis-2-0-sur-mint/
content:
<p>Quelques lignes de commande pour installer en deux coups de cuillère à pot la dernière version du logiciel de cartographie QGIS sur une distribution Mint.</p>
<p><span id="more-6950"></span></p>
<p style="text-align: center;"><img class="aligncenter size-medium wp-image-6951" alt="qgis2_0" src="media/7d65559c.qgis2_0-300x143.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/10/qgis2_0-300x143.png" width="300" height="143" /><br />
<em>Image : Capture d'écran de QGIS Dufour</em></p>
<p>La toute dernière version de QGIS, nom de code "Dufour", est depuis peu disponible. Pour l'instant, les packages trouvables sur le gestionnaire de logiciels de Mint <strong>sont liés à l'avant-dernière version, QGIS Lisboa</strong>.</p>
<p>Manque de pot, cette dernière plante chez moi : problème de chargement de la librairie python-qgis, <strong>redoutable et sans appel</strong>.</p>
<p>Du coup, je partage avec vous <strong>ces quelques lignes pour directement télécharger la version "instable"</strong>, autrement dit Dufour <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=':-)' class='wp-smiley' />  :</p><pre class="crayon-plain-tag">sudo apt-get install python-software-properties

sudo add-apt-repository ppa:ubuntugis/ubuntugis-unstable

sudo apt-get update

sudo apt-get install qgis python-qgis qgis-plugin-grass</pre><p><a target="_blank" href="http://qgis.org/en/site/forusers/alldownloads.html#ubuntu">Source</a></p>


feed_id: http://blog.m0le.net/?p=5675
title: Comment l'abstention peut aider le FN
uri: Comment-l-abstention-peut-aider-le-FN
url: http://blog.m0le.net/2013/10/02/comment-labstention-peut-aider-le-fn/
content:
<p>L'abstention peut nous éclairer sur le rejet de la politique en général, mais également sur un levier parfois plus pervers : l'augmentation des pourcentages alloués au Front National.</p>
<p><span id="more-5675"></span></p>
<p>On ne compte plus <a target="_blank" href="http://www.mediapart.fr/journal/france/150913/le-pen-les-medias-et-le-fn-new-look">les couvertures consensuelles</a> ou les cris d'orfraie poussés par la banalisation irrésistible du Front National, et surtout <a target="_blank" href="http://abonnes.lemonde.fr/politique/article/2013/09/13/la-grande-peur-du-front-national-s-empare-des-elites-politiques_3477039_823448.html">sur son pouvoir d'attraction auprès d'une part de Français de plus en plus large</a>.</p>
<p>Il y a incontestablement un électorat qui s'agrandit pour ce parti d'extrême droite, <a target="_blank" href="http://www.jean-jaures.org/Publications/Les-etudes/Le-descenseur-social.-Enquete-sur-les-milieux-populaires">en particulier auprès des couches populaires</a>. Malgré tout, on reste souvent très évasif sur l'effet que peut avoir l'abstention sur les résultats du Front National.</p>
<p><strong>Loin de minimiser la place incontestable du FN et de ses thèmes</strong> dans le paysage médiatique et politique français depuis plusieurs années, elle peut néanmoins nous aider à relativiser sa progression.</p>
<h1>Des parallèles inédites</h1>
<p>Observons pour commencer le nombre d'abstentions et de voix FN pendant ces 24 dernières années d'élections présidentielles :</p>
<p><iframe width="600" height="400" src="http://cf.datawrapper.de/Rp0Ug/1/" allowtransparency="true" allowfullscreen="allowfullscreen" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen" oallowfullscreen="oallowfullscreen" msallowfullscreen="msallowfullscreen" frameborder="0"></iframe></p>
<p>Plusieurs enseignements sont à retenir :</p>
<ul>
<li>entre 1988 et 2002, <strong>les voix accordées au Front National ont augmenté de manière quasi linéaire</strong>, avec une hausse de 4-5% entre chaque scrutin</li>
<li>l'électrochoc de 2002 le souligne : pour que le FN soit qualifié au second tour de la présidentielle,<strong> il n'a pas besoin d'un énorme engouement, il suffit juste que l'abstention soit assez élevée...</strong></li>
<li><strong>un indéniable "effet Sarkozy"</strong>. Le premier tour de l'élection de 2007 est remarquable, à la fois par sa faible abstention (16% des électeurs inscrits, soit presque 3% de moins qu'en 1988) <strong>et surtout par la première baisse baisse des électeurs frontistes depuis 19 ans</strong> (-20%). La stratégie <a target="_blank" href="http://quoi.info/actualite-politique/2012/04/16/patrick-buisson-conseiller-extreme-droite-sarkozy-1125391/">de son très "droitiste" conseiller Patrick Buisson</a> (siphonner l'extrême droite au premier tour avant de donner des gages aux centristes, et additionner au final des voix apparemment inconciliables), semble alors porter ses fruits</li>
<li><strong>cinq ans plus tard, quand le candidat conservateur se représente, le revers de la médaille apparaît</strong>. D'abord, les électeurs FN sont en hausse de plus 60% par rapport à 2007 (6,4 millions de voix en 2012 contre 3,8 millions en 2007).</li>
<li>autre fait notable lors de ce scrutin de 2012,<strong> les abstentionnistes boudent un peu plus les urnes, avec une hausse d'environ 30% </strong>par rapport à la dernière présidentielle</li>
</ul>
<p>L'abstention ayant toujours été plus haute que les voix du Front National depuis 1988, <strong>leurs courbes respectives semblent maintenant suivre des progressions parallèles</strong>, situation inédite en 24 ans.</p>
<p>Profitons-en pour souligner que <strong>cela ne signifie en rien qu'il y relation de cause à effet entre abstention et vote FN</strong>, même si le phénomène a de quoi interpeller.</p>
<h1>Si l'abstention était un parti comme un autre...</h1>
<p><iframe width="600" height="500" src="http://cf.datawrapper.de/cxqQn/1/" allowtransparency="true" allowfullscreen="allowfullscreen" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen" oallowfullscreen="oallowfullscreen" msallowfullscreen="msallowfullscreen" frameborder="0"></iframe></p>
<ul>
<li>elle se serait, depuis 1988, <strong>qualifiée trois fois pour la second tour de l'élection présidentielle</strong> (1988, 1995 et 2002), et aurait été <strong>deux fois en position d'arbitre du second tour</strong> (2007 et 2012)</li>
<li>elle représenterait en moyenne 21% d'électeurs inscrits à la présidentielle dans cette période, et serait d'une courte tête <strong>le premier parti en termes de sympathisants</strong> devant le PS (20% en moyenne) et le RPR/UMP (18,5% en moyenne)</li>
<li>le Front National, de son côté, <strong>ne représenterait en moyenne que 11,48% des inscrits</strong>, avec une amplitude allant de 8,6% (2007) à 14% (2012)</li>
</ul>
<h1>La carte et les territoires</h1>
<p>Les chiffres précédents étaient ceux de la France entière. Prenons du recul en considérant maintenant l'évolution de l'abstention et du FN pendant la présidentielle <strong>dans les 96 départements de métropole</strong>.</p>
<p>Nous allons utiliser pour cela <strong>une carte par anamorphose</strong>. Sa particularité est de déformer les départements en fonction des données qui leur sont attachées.</p>
<p>Vous pouvez consulter le pourcentage d'électeurs inscrits correspondant en survolant chaque département.</p>
<p><iframe width="600" height="500" scrolling="no" src="http://raphi.m0le.net/data/Abstention_FN_presidentielle/anamorphose_abstention_fn_presidentielle.html" frameborder="0"></iframe></p>
<p>Ceci est la carte. Elle n'aurait aucun intérêt si on ne parlait pas, au moins un peu, de ses différents territoires. <strong>Commençons par ceux qui s'abstiennent</strong> :</p>
<ul>
<li>cinq des huit départements d'Île-de-France (Seine-et-Marne, Seine-Saint-Denis et Val-d'Oise en moins) forment une zone dont les électeurs <strong>s’abstiennent beaucoup par rapport au reste du pays lors de la présidentielle</strong>, mais où <strong>le FN fait des scores plus bas qu'ailleurs</strong>. Cela se vérifie en particulier à Paris, commune la plus peuplée de France, où il n'a jamais dépassé les 7% en 17 ans</li>
<li>la Corse est un autre territoire où l'abstention est particulièrement élevée, même si elle tend à baisser depuis 2002 pour se stabiliser autour de 24%. Contrairement à l'Île-de-France, cette forte abstention peut facilement être interprétée <strong>comme une vraie défiance à l'égard de la métropole que comme une déception citoyenne</strong>. Autre différence remarquable :<strong> la progression nette d'un électorat Front National sur l'île</strong>. Entre 1995 et 2012, les deux départements corses sont passés d'une fourchette de 6-8% d'électeurs inscrits pour le FN à une fourchette de 17-19%</li>
</ul>
<p>Penchons-nous maintenant sur les scores du FN :</p>
<ul>
<li>dès 1995, on note <strong>un quart Nord-Est où les inscrits votent plus Front National</strong> que dans le quart Nord-Ouest, <strong>avec des scores qui frôlent les 20% en Alsace et en Moselle</strong>. L'Oise se démarque également avec 16% des inscrits qui votent FN</li>
<li>la même année, on observe aussi une <strong>attirance forte des inscrits de la ceinture Sud-Est</strong> (Gard, Vaucluse, Bouches-du-Rhône, Var, Alpes-Maritimes) <strong>pour le parti d'extrême droite</strong>. Dans une moindre mesure,<strong> beaucoup de départements de la région Rhône-Alpes et deux autres du pourtour méditerranéen</strong> (Hérault et Pyrénées-Orientales) ont des pourcentages FN proches du bloc Nord-Est</li>
<li>en 2012, les inscrits de ces zones confirment un engouement croissant pour le Front National. <strong>Une ligne de départements du Sud-Ouest</strong> (Hérault, Tarn, Tarn-et-Garonne, Lot-et-Garonne) se profile également, <strong>alors que cette zone était relativement peu sensible au Front National</strong></li>
<li>deux départements du bloc Nord-Est doivent être spécialement cités : la Somme et le Pas-de-Calais. Ces derniers avaient <strong>une constance d'électeurs inscrits sensibles au FN entre 1995 et 2007</strong> (entre 12% et 13% environ), avant que <strong>les choses ne se gâtent en 2012 avec des scores d'environ 20%</strong> d'inscrits en faveur du Front National</li>
<li>à l'inverse, la Seine-Saint-Denis et le Val-d'Oise ont enregistré des pourcentages du FN plutôt hauts en 1995 (environ 13% alors que le parti avait réuni en tout 11,6% d'inscrits), mais <strong>cette proportion a sensiblement diminué pour arriver finalement sous la moyenne du FN en 2012</strong> (entre et 10% et 12%, alors que la moyenne nationale pour le FN était de 14% d'inscrits)</li>
</ul>
<p>On l'a vu, <strong>l'abstention et le FN dressent des géographies électorales qu'on ne saurait confondre</strong>. D'un côté deux grandes poches d'abstention, de l'autre une moitié du pays de plus en plus encline à voter FN.</p>
<h1>En conclusion</h1>
<p><strong>Rien ne permet de prévoir quel sera le score du Front National en 2017</strong>, même si le parti va mettre le paquet <strong>pour tenter d'activer le plus de leviers d'influence d'ici là</strong>, lors des municipales et des européennes notamment.</p>
<p>A court comme à long terme, <strong>l'une des plus grandes craintes du gouvernement est une forte abstention des électeurs de gauche</strong>, qui a eu les conséquences que l'on connaît en 2002.</p>
<p>Aucune mesure qui pourrait au moins la faire baisser à court terme (reconnaissance du vote blanc, droit de vote des étrangers aux élections locales) n'a pour l'instant été prise, et <strong>le pari repose avant tout sur le retour ou non de la croissance en 2014</strong>.</p>
<p>De l'autre côté de l'échiquier politique, le grand flou entretenu par le premier parti d'opposition sur la stratégie à adopter par rapport au FN (s'en distinguer ou leur ouvrir les bras) <strong>risque de tourner au vinaigre pour lui</strong>.</p>
<p>Comme me le disait il y a quelques années un responsable du FN en Moselle, <strong>les électeurs frontistes préféreront toujours l'original à la copie</strong>.</p>
<h3>Un remerciement et quelques précisions</h3>
<ul>
<li>en premier lieu,<strong> je tiens à chaleureusement remercier <a target="_blank" href="https://twitter.com/comeetie">Etienne Côme</a></strong>, qui a eu la gentillesse et la patience de m'apporter sa précieuse aide pour débuger la carte par anamorphose. Sans lui, je chercherais encore...</li>
<li>côté données, elles proviennent quasi toutes <a target="_blank" href="http://www.data.gouv.fr/content/search?SortBy=Pertinence&amp;SortOrder=0&amp;SearchText=election+presidentielle">du site data.gouv.fr</a>, à l'exception des résultats de 1988, <a target="_blank" href="http://fr.wikipedia.org/wiki/%C3%89lection_pr%C3%A9sidentielle_fran%C3%A7aise_de_1988">trouvés sur Wikipedia</a>. C'est pour cela que la carte ne commence qu'à partir de 1995</li>
<li>pour éviter toute ambiguïté, la section "Autre" du deuxième diagramme est <strong>une addition du pourcentage de tous les autres partis inscrits à la présidentielle</strong> (centre, écologie et extrême gauche notamment)</li>
<li>j'ai volontairement choisi de ne me concentrer que sur la présidentielle pour une raison simple : <strong>l'uniformité des candidats dans tout le pays</strong>. Les autres élections, notamment législatives et municipales, sont certes l'affaire de partis et de programmes, mais aussi de personnes, et la tâche pour l'exprimer eût été titanesque</li>
<li>malgré tout, vous trouverez, en particulier <a target="_blank" href="http://leplus.nouvelobs.com/contribution/888297-legislative-dans-l-ex-fief-de-cahuzac-la-percee-du-fn-une-illusion-d-optique.html">lors de la dernière législative partielle, cette nuance</a> : le FN ne fait pas forcément de percée, <strong>il perd juste moins d'électeur que l'un des deux grands partis français</strong></li>
<li>si vous souhaitez plonger plus loin dans une analyse territoriale du vote FN, <a target="_blank" href="http://www.garydagorn.fr/webdoc/fn-lascension-mosellane/home.html">un très bon webdoc centré sur la Moselle</a> a été réalisé <a target="_blank" href="https://twitter.com/garyDagorn">par Gary Dagorn</a></li>
</ul>


feed_id: http://blog.m0le.net/?p=7009
title: Nono's Vrac 99
uri: Nono-s-Vrac-99
url: http://blog.m0le.net/2013/10/03/nonos-vrac-99/
content:
<p>Pfiioouuu, 99 Nono's Vracs ! Ça en fait des liens et des liens sélectionnés amoureusement pour vous <img src="media/5a932613.icon_biggrin.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_biggrin.gif" alt=":D" class="wp-smiley" /> </p>
<p><a target="_blank" href="media/57a0783b.Lukas-Farlan-Photography-13.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/10/Lukas-Farlan-Photography-13.jpg" rel="lightbox[7009]" title="Nono's Vrac 99"><img class="aligncenter size-full wp-image-7010" alt="Lukas-Farlan-Photography-13" src="media/57a0783b.Lukas-Farlan-Photography-13.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/10/Lukas-Farlan-Photography-13.jpg" width="600" height="312" /></a></p>
<p>En attendant le 100ième (le temps de réfléchir à la suite), je vous laisse avec cette liste de lien du 01/09/2013 au 30/09/2013 :</p>
<ul>
<li>(1) C'est sympa cette commande "cheat", pour se remémorer facilement les commandes usuelles d'un programme/commande. (ca va me servir justement pour tar :D) [<a target="_blank" href="http://korben.info/cheat-pour-vous-souvenir-de-la-bonne-syntaxe.html">02/09/2013 @ 08:23:12</a>]</li>
<li>(2) « RELIGION IS LIKE A PENIS<br />
It's okay to have one<br />
It's okay to be proud of it<br />
HOWEVER<br />
do not pull it out in public<br />
do not push it on children?<br />
do not write laws with it<br />
do not think with it » [<a target="_blank" href="http://lehollandaisvolant.net/index.php?mode=links&amp;id=20130828121145">02/09/2013 @ 08:32:53</a>]</li>
<li>(3) Une (grosse) présentation de S.A.R.A.H, dont je vous avais déjà parlé ici : http://shaarli.m0le.net/?kSAEpA [<a target="_blank" href="http://geekdefrance.fr/2013/08/29/s-a-r-a-h-sa-maison-au-doigt-et-a-la-voix/">02/09/2013 @ 08:37:55</a>]</li>
<li>(4) Oh, comme il me le faut ! neeeeeeeeed [<a target="_blank" href="http://www.w3sh.com/2013/08/30/le-matelas-cuddle-peut-ameliorer-vos-moments-de-tendresse/">02/09/2013 @ 08:42:29</a>]</li>
<li>(5) C'est vrai que ce pont est vraiment bien intégré au paysage norvégiens ! [<a target="_blank" href="http://www.fubiz.net/2013/08/30/aurland-viewing-bridge/">02/09/2013 @ 08:47:55</a>]</li>
<li>(6) Bordel, on doit pas faire le fière quand ca nous tombe sur le coin de la gueule comme ca °o° [<a target="_blank" href="http://www.thisiscolossal.com/2013/08/taiwan-mudslide-close-call/">02/09/2013 @ 09:04:30</a>]</li>
<li>(7) C'est assez fou ce "Fore-Edge Painting". Faire une peinture sur la tranche d'un livre, mais uniquement lorsqu'il est entre-ouvert. Fermé, c'est invisible ! [<a target="_blank" href="http://www.thisiscolossal.com/2013/09/fore-edge-book-paintings/">02/09/2013 @ 22:24:23</a>]</li>
<li>(8) Excellente l'astuce !!<br />
Obtenir son ip (local), c'est facile avec : ifconfig<br />
Obtenir son ip (public), c'est (presque) tout aussi facile : curl ifconfig.me&nbsp;</p>
<p>En plus, le site (ifconfig.me) est assez complet au niveau de ses résultats ! [<a target="_blank" href="http://legluondunet.over-blog.fr/article-bash-obtenir-son-adresse-ip-en-ligne-de-commande-69526932.html">03/09/2013 @ 00:25:24</a>]</li>
<li>(9) wow, je savais pas du tout que le "Rim Fire", s’étendait tellement ! Une carte en (pseudo) temps réel est dispo ici : http://www.inciweb.org/incident/3660/ °o°(les images reste néanmoins magnifiques ...) [<a target="_blank" href="http://www.isheep.fr/2013/08/rim-fire-time-lapse-aout-2013/">03/09/2013 @ 08:55:34</a>]</li>
<li>(10) ncftp pourrait peut-être remplacer lftp dans mon script de backup ( https://github.com/Nono-m0le/Nono-s-Backup/ ) [<a target="_blank" href="http://bajazet.fr/shaarli/?7C6cNw">04/09/2013 @ 08:51:24</a>]</li>
<li>(11) J'ai toujours aimé les photos de lave <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  C'est enivrant je trouve. [<a target="_blank" href="http://www.fubiz.net/2013/09/02/lava-photography/">04/09/2013 @ 08:52:38</a>]</li>
<li>(12) Ca, c'est que j'appelle un message qui passe bien °o° [<a target="_blank" href="http://www.w3sh.com/2013/09/04/une-video-de-prise-de-conscience-sur-le-red-light-district-a-amsterdam/">06/09/2013 @ 10:30:42</a>]</li>
<li>(13) Internet en 1999 : Exactement ca <img src="media/5a932613.icon_biggrin.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_biggrin.gif" alt=":D" class="wp-smiley" />  (Via Timo) [<a target="_blank" href="http://www.blogdumoderateur.com/journee-type-internet-en-1999/">06/09/2013 @ 10:31:25</a>]</li>
<li>(14) Pour mon 1600ème liens, un petit clip WTF(ox) :p (Merci à Flo) [<a target="_blank" href="http://www.youtube.com/watch?v=jofNR_WkoCE">06/09/2013 @ 14:10:19</a>]</li>
<li>(15) Ah le clip est génial ! [<a target="_blank" href="http://www.fubiz.net/2013/08/27/placebo-too-many-friends/">08/09/2013 @ 18:35:23</a>]</li>
<li>(16) Hahaha, de l'Eye-tracking pour geek <img src="media/5a932613.icon_biggrin.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_biggrin.gif" alt=":D" class="wp-smiley" />  [<a target="_blank" href="http://www.luc-damas.fr/humeurs/eye-tracking/">09/09/2013 @ 08:39:07</a>]</li>
<li>(17) Tuto pour installer son serveur XMPP (via sebsauvage) [<a target="_blank" href="http://www.ademcan.net/?d=2013/06/17/13/51/17-install-your-personal-xmpp-server">10/09/2013 @ 11:11:18</a>]</li>
<li>(18) Parfois, il m'arrive de vouloir exécuter un script (shell) que je stock sur un site web, je fais comme ca :<br />
wget -O - http://m0le.net/scripts/monitor.sh 2&gt;/dev/null |bash [<a target="_blank" href="?Vl5iVQ">11/09/2013 @ 08:30:07</a>]</li>
<li>(19) l'évolution des produits Nokia de 1984 à nos jours :p [<a target="_blank" href="http://www.w3sh.com/2013/09/09/les-30-dernieres-annees-de-nokia-en-49-photos/">11/09/2013 @ 09:09:59</a>]</li>
<li>(20) J'adore aussi ce genre de mecanisme, ici, une machine à trier les pièces. (via Timo) [<a target="_blank" href="media/f2f675cd.o9m.gif" data-original-source="https://lh6.googleusercontent.com/-cROHGlDeusI/Ui4fWQ49diI/AAAAAAADfqM/5-bJu6pcAjg/w426-h320/o9m.gif">11/09/2013 @ 13:55:28</a>]</li>
<li>(21) ouah ! Je crois que c'est la première vidéo (en time lapse) que je vois d'un dessin hyper-réaliste ! Superbe technique ! [<a target="_blank" href="http://www.thisiscolossal.com/2013/09/realistic-drawings-marcello-barenghi/">12/09/2013 @ 08:47:44</a>]</li>
<li>(22) Une jolie utilisation des armes pour une fois <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://www.thisiscolossal.com/2013/09/disarm-a-mechanized-orchestra-of-instruments-built-from-decommissioned-weapons/">13/09/2013 @ 20:08:47</a>]</li>
<li>(23) Sympa ce Screencloud ! Pas aussi bien que greenshot sur windows, mais utile <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://korben.info/screencloud.html">13/09/2013 @ 20:09:53</a>]</li>
<li>(24) Encore un clip ... envoutant <img src="media/5a932613.icon_biggrin.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_biggrin.gif" alt=":D" class="wp-smiley" />  [<a target="_blank" href="http://www.fubiz.net/2013/09/16/mike-mago-the-show/">17/09/2013 @ 09:03:45</a>]</li>
<li>(25) Profiter d'Android, sans google ? [<a target="_blank" href="http://www.ademcan.net/?d=2013/06/10/14/41/40-getting-rid-of-google-on-android">17/09/2013 @ 14:13:13</a>]</li>
<li>(26) ACAB <img src="media/5a932613.icon_biggrin.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_biggrin.gif" alt=":D" class="wp-smiley" />  Pour ceux qui ne connaissent pas : http://en.wikipedia.org/wiki/A.C.A.B. [<a target="_blank" href="http://www.streetartutopia.com/?p=12587">17/09/2013 @ 14:15:33</a>]</li>
<li>(27) Neeeeeedd ! Comme c'est génial et super bien foutu °o° [<a target="_blank" href="http://www.w3sh.com/2013/09/17/tres-belle-cave-a-vin-cylindrique-par-spiral-cellar/">17/09/2013 @ 21:05:02</a>]</li>
<li>(28) Je sais pas trop pourquoi, mais j'aime bien la pub <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://mashable.com/2013/09/17/volkswagen-aha-take-on-me/?utm_campaign=Mash-Prod-RSS-Feedburner-All-Partial&amp;utm_cid=Mash-Prod-RSS-Feedburner-All-Partial&amp;utm_medium=feed">17/09/2013 @ 21:05:43</a>]</li>
<li>(29) Ouah, effectivement, c'est beau. Belle mise en scène, pour une belle oeuvre de Beethoven. (via Timo) [<a target="_blank" href="http://www.youtube.com/watch?v=G5VWf84r33U">19/09/2013 @ 08:18:45</a>]</li>
<li>(30) Bohemian Gravity, inutile de vous dire d’où ça vient <img src="media/5a932613.icon_biggrin.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_biggrin.gif" alt=":D" class="wp-smiley" />  (Ça devrait plaire à Timo ca ^^) [<a target="_blank" href="http://mashable.com/2013/09/18/bohemian-gravity/?utm_campaign=Mash-Prod-RSS-Feedburner-All-Partial&amp;utm_cid=Mash-Prod-RSS-Feedburner-All-Partial&amp;utm_medium=feed">19/09/2013 @ 08:34:54</a>]</li>
<li>(31) Les Jet World Masters 2013, c’était une rencontre sur 10 jours des plus grands passionnés d’aéromodélisme. [<a target="_blank" href="http://korben.info/jet-world-masters-2013.html">23/09/2013 @ 08:17:34</a>]</li>
<li>(32) Quelques restaurant qu'il faudrait que je fasse <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://www.w3sh.com/2013/09/19/10-restaurants-pour-un-diner-presque-parfait/">23/09/2013 @ 08:46:19</a>]</li>
<li>(33) Wow, joli ces petit mashup de photo de crimes vintage intégrés dans des photos actuelles <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" /><br />
Beau travail ! [<a target="_blank" href="http://www.fubiz.net/2013/09/19/vintage-crime-scene/">23/09/2013 @ 08:47:02</a>]</li>
<li>(34) Haha, les séances de TP en IUT Informatique :p [<a target="_blank" href="http://www.luc-damas.fr/humeurs/seance-de-tp/">23/09/2013 @ 08:48:22</a>]</li>
<li>(35) Les vrais pensées des Mamans :p [<a target="_blank" href="media/c9c745e6.maman-maman.jpg" data-original-source="http://www.mails-boulets.fr/media/images/maman-maman.jpg">23/09/2013 @ 08:48:59</a>]</li>
<li>(36) Hum, a tester ça <img src="media/5a932613.icon_biggrin.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_biggrin.gif" alt=":D" class="wp-smiley" />  Un Ramen Burger <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://mashable.com/2013/09/22/ramen-burger/">24/09/2013 @ 08:16:58</a>]</li>
<li>(37) OH ! Nagios 4.0 est sorti ! GROSSE modif pour un "tout nouveau" core. A tester (il semble qu'il soit plus rapide que shinken !?) [<a target="_blank" href="http://www.planet-libre.org/index.php?post_id=15149&amp;go=external">25/09/2013 @ 10:23:53</a>]</li>
<li>(38) Plein de musique sympa ... à l’époque <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://www.topito.com/top-musiques-reportages">25/09/2013 @ 11:55:23</a>]</li>
<li>(39) Énorme, je fais ça tous les jours :p [<a target="_blank" href="http://www.commitstrip.com/fr/2013/09/24/yen-a-pour-2-minutes/">25/09/2013 @ 13:46:55</a>]</li>
<li>(40) Cette chanson, composé en 1967 par notre père Français de la musique électro : Pierre Henry, ne vous rappelle pas une série américaine de Matt Groening (non, pas celle là, l'autre) ? [<a target="_blank" href="http://www.youtube.com/watch?v=jZPDrNAFo1U">25/09/2013 @ 14:21:17</a>]</li>
<li>(41) Outre le fait que j'en ai vu qu'environs 90 sur les 250 (je ne connais pas tous les titres originaux), la liste me permet de faire une "tosee list" bien sympathique !! [<a target="_blank" href="http://www.listchallenges.com/fr/imdb-top-250">25/09/2013 @ 22:37:19</a>]</li>
<li>(42) Un site qui permet de créer des GIF et de les visionner image par image (via sebsauvage) [<a target="_blank" href="http://www.giflike.com/g/popular24h">26/09/2013 @ 08:16:59</a>]</li>
<li>(43) Quelques images embarquées de gopro ... J'aime bien le lave-vaisselle et le grizzly qui bouffe la caméra <img src="media/5a932613.icon_biggrin.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_biggrin.gif" alt=":D" class="wp-smiley" />  [<a target="_blank" href="http://www.topito.com/top-videos-gopro-insolite">26/09/2013 @ 08:17:44</a>]</li>
<li>(44) Haha, sympa la pub Mecedes-Benz ^^ [<a target="_blank" href="http://www.thisiscolossal.com/2013/09/video-demonstrates-a-chickens-ability-to-stabilize-its-head/">26/09/2013 @ 08:18:24</a>]</li>
<li>(45) C'est .. hypnotisant, en plus d'être bien réalisé et vraiment beau ! [<a target="_blank" href="http://www.thisiscolossal.com/2013/09/box-projection-mapping-robotics/">26/09/2013 @ 08:25:10</a>]</li>
<li>(46) Wow, 9000 silhouettes de soldat représentées sur une plage de Normandie, pour la commémoration du 6 juin 44 !<br />
Edit : Quelques infos supplémentaires ici : http://sammyfisherjr.net/Shaarli/?jMAadQ [<a target="_blank" href="http://www.thisiscolossal.com/2013/09/the-fallen-9000/">26/09/2013 @ 08:52:51</a>]</li>
<li>(47) Un joli montage vidéo - en musique - sur la technologie qui ne fonctionne pas dans les films :p [<a target="_blank" href="http://www.thisiscolossal.com/2013/09/percussive-maintenance/">26/09/2013 @ 09:36:50</a>]</li>
<li>(48) Comment se passe la chasse en Valais <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://www.rts.ch/video/couleur3/120-secondes/5243144-la-chasse-en-valais.html?rts_source=rss_v">26/09/2013 @ 16:47:08</a>]</li>
<li>(49) Ouah, ca devient VRAIMENT difficile de déceler les arnaques de nos jours °o° (il y a un article 'suite', j'ai d'ailleurs mis en rouge sur wot tous les domaines listés ...)<br />
via http://www.cochisette.com/links/?XubhxQ [<a target="_blank" href="https://www.navixia.com/blog/entry/escroquerie-internet-decortiquee.html">26/09/2013 @ 22:56:12</a>]</li>
<li>(50) Pas mal ces photos de bébé animaux <img src="media/5a932613.icon_biggrin.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_biggrin.gif" alt=":D" class="wp-smiley" />  [<a target="_blank" href="http://www.topito.com/top-bebes-animaux-mignons">27/09/2013 @ 08:29:47</a>]</li>
<li>(51) Toujours impressionnant ces clichés de National Géographic ! [<a target="_blank" href="http://www.w3sh.com/2013/09/26/vous-allez-adorer-ces-superbes-cliches-par-la-national-geographic-31-photos/">27/09/2013 @ 08:32:26</a>]</li>
<li>(52) Bon, trop, c'est trop.<br />
Gizmodo devient DÉPLORABLE.<br />
News incohérentes, plein de fautes, à la ligne éditoriale boiteuse, aux galeries d'images moisie type web 0.1, au flux RSS tronqué et maintenant ? Du hoax ...&nbsp;</p>
<p>Au revoir gizmodo France, bonjour gizmodo US [<a target="_blank" href="http://www.gizmodo.fr/2013/09/27/fruits-legumes-irradies-fukushima.html" class="broken_link">27/09/2013 @ 10:06:52</a>]</li>
<li>(53) Wow, des villes abandonnées, jamais habités !via http://www.cochisette.com/links/?ddQjfw [<a target="_blank" href="http://dailygeekshow.com/2013/09/18/partez-a-la-decouverte-de-ces-villes-flambant-neuves-abandonnees-dans-toute-la-chine/">27/09/2013 @ 13:54:42</a>]</li>
<li>(54) C'est quand même incroyable l'effet que ca rend !via http://www.cochisette.com/links/?1svL9Q [<a target="_blank" href="http://dailygeekshow.com/2013/09/25/20-photographies-historiques-colorisees-pour-vous-faire-vivre-les-moments-du-passe/">27/09/2013 @ 13:59:48</a>]</li>
<li>(55) 5 façons de faire du feu avec de l'eau (4 en faisant une loupe, et 1 en utilisant du sodium et de l'eau !). A garder à l'esprit en cas de sortie nature <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://gizmodo.com/its-always-awesome-to-start-a-fire-with-water-1416761789">29/09/2013 @ 18:03:16</a>]</li>
<li>(56) Haha, pas mal ce sac de couchage ours :Dvia http://sebsauvage.net/links/?zY63mA [<a target="_blank" href="http://imgur.com/a/SFR0h">29/09/2013 @ 18:07:16</a>]</li>
<li>(57) Quelques utilisations intéressantes de SSH <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  (dont du stream vidéo) [<a target="_blank" href="http://www.planet-libre.org/index.php?post_id=15188&amp;go=external">30/09/2013 @ 08:41:02</a>]</li>
<li>(58) Tiens, un VPS gratuit pendant 2 mois chez Numergy [<a target="_blank" href="http://www.bortzmeyer.org/numergy.html">30/09/2013 @ 10:53:25</a>]</li>
<li>(59) Après la série des cockpit, les habillages des avions <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://www.w3sh.com/2013/09/30/les-plus-beaux-habillages-davions-de-ligne-27-photos/">30/09/2013 @ 16:07:26</a>]</li>
</ul>
<p><a target="_blank" href="http://www.fubiz.net/2013/09/26/lukas-farlan-photography/">Photo</a></p>
<p>---------</p>
<p>Les <a target="_blank" href="http://blog.m0le.net/category/episode/nonos-vrac/">Nono's Vrac</a> sont généré depuis <a target="_blank" href="http://blog.m0le.net/2013/03/08/nonos-vrac-88-via-shaarli-presentation-fin/">mon petit hook</a> de l'application <a target="_blank" href="http://sebsauvage.net/wiki/doku.php?id=php:shaarli">shaarli</a>, que j'utilise ici : <a target="_blank" href="http://shaarli.m0le.net/">shaarli.m0le.net</a></p>


feed_id: http://blog.m0le.net/?p=7017
title: Autopsie d'une dataviz [3] : une carte en anamorphose avec champs de sélection
uri: Autopsie-d-une-dataviz-3-une-carte-en-anamorphose-avec-champs-de-s
url:
http://blog.m0le.net/2013/10/20/autopsie-dune-dataviz-3-une-carte-en-anamorphose-avec-champs-de-selection/

content:
<p>Retour complet sur la création d'une carte par anamorphose, bien utile pour accentuer les valeurs extrêmes de données.</p>
<p style="text-align: center;"><img class="aligncenter size-medium wp-image-7056" alt="carte_anamorphose" src="media/58116b40.carte_anamorphose-300x255.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/10/carte_anamorphose-300x255.png" width="300" height="255" /></p>
<p><span id="more-7017"></span></p>
<p>Ça faisait un moment que je voulais faire <strong>un long article <a target="_blank" href="http://blog.m0le.net/2013/10/02/comment-labstention-peut-aider-le-fn/">sur la relation entre abstention et vote FN</a> aux élections présidentielles</strong>. Loin de moi l'idée de prouver une relation de cause à effet. On ne le répétera jamais assez : corrélation n'est pas causalité.</p>
<p>Je trouvais simplement assez étrange que l'on fasse des caisses à longueur de temps sur les électeurs FN, et qu'on ne produise à côté de ça que de courtes références sur les abstentionnistes, qui sont pourtant bien plus nombreux dans le scrutin présidentiel.</p>
<p>Une carte me paraissait être une illustration très appropriée pour comparer les deux, <strong>et surtout des foyers d'abstentionnistes ou d'électeurs FN étalés dans le temps ou non</strong>.</p>
<h1>A la recherche du meilleur type de cartes</h1>
<p>Quand on se lance dans de la cartographie de données très basique, on est souvent tenté par <a target="_blank" href="http://fr.wikipedia.org/wiki/Carte_choropl%C3%A8the">les cartes choroplèthes</a>, comme celle que vous trouverez ci-dessous :</p>
<p style="text-align: center;"><iframe width="480" height="750" src="http://raphi.m0le.net/data/BAS/GoogleFT/carte-defbis.html" frameborder="0" scrolling="no"></iframe></p>
<p>Le gros avantage de ce type de cartes est <strong>qu'il est très facilement compréhensible</strong> par le lecteur.</p>
<p>Quel que soit le paramètre considéré (qualité de l'air, production de poireaux ou vote écologiste), <strong>on devine aisément que les zones les plus foncées sont celles où le paramètre est le plus élevé</strong>.</p>
<p>Le vrai problème pour moi était d'ordre technique : je ne savais pas <strong>comment faire pour rassembler des jeux de données différents sur une même carte</strong> (par type d'électeurs et par année), bien que j'aie pu tomber sur l'un ou l'autre exemple avec des cases à cocher/décocher.</p>
<p>Mais rien qui m'inspire plus que ça, jusqu'à ce que...</p>
<h1>Les cartogrammes passent par là...</h1>
<p>J'ai fini par tomber un peu par hasard sur <a target="_blank" href="http://fr.wikipedia.org/wiki/Cartogramme">des cartogrammes</a>.</p>
<p>Pour résumer grossièrement, <a target="_blank" href="media/fd8a084e.Dougeniketal1985.pdf" data-original-source="http://lambert.nico.free.fr/tp/biblio/Dougeniketal1985.pdf">un des algorithmes les plus rencontrés</a> pour créer ce type de cartes consiste à <strong>appliquer une force sur des polygones</strong>, calculée notamment à partir de l'aire "absolue" du polygone et d'une valeur rattachée.</p>
<p>Avec cet algo, les zones géographiques ne se contentent plus d'être colorées, <strong>elles sont concrètement déformées par les valeurs que l'on souhaite comparer</strong>. Les zones les plus "hautes" sont très enflées, tandis que les plus "basses" sont comme aspirées.</p>
<h2>Première piste</h2>
<p>J'ai voulu essayer de créer un cartogramme avec les voix de l'abstention et avec celles du FN sur plusieurs présidentielles, et <strong>commencé à chercher des outils qui me permettent de le faire</strong>.</p>
<p>La première méthode que j'ai testée consistait à :</p>
<ul>
<li><strong>joindre une base de données</strong> aux polygones départementaux <a target="_blank" href="http://qgis.org/fr/site/">grâce à QGis</a>, avant d'exporter le résultat en .shp</li>
<li>me servir ensuite de <a target="_blank" href="http://scapetoad.choros.ch/">l'outil open source Scape Toad</a> pour <strong>créer le cartogramme à partir des données contenus dans le .shp</strong> pour ensuite exporter le résultat en .svg</li>
<li><strong>animer les différents .svg</strong> (un par paramètre couplé à une année de présidentielle) et programmer des transitions entre</li>
</ul>
<p>Plusieurs difficultés sont vite manifestées, dont :</p>
<ul>
<li>la manœuvre un peu tirée par les cheveux <strong>et surtout le temps qu'elle représentait</strong></li>
<li>surtout, <strong>l'impossibilité pour ScapeToad de correctement interpréter les données que je voulais utiliser dans le cartogramme</strong>. J'ai eu beau vérifier méticuleusement dans QGis que mes colonnes abstention et/ou voix FN était bien des cellules chiffres, ça n'a pas mieux marché. Aïe...</li>
</ul>
<p>J'ai gardé l'idée d'un cartogramme avec ces deux types de données dans un coin <strong>avant de voir le travail diablement efficace <a target="_blank" href="https://twitter.com/comeetie">d'Etienne Côme</a></strong> avec <a target="_blank" href="http://www.comeetie.fr/map_lbc.php">la France du Bon Coin</a>.</p>
<p>Dans ses sources, il cite <a target="_blank" href="http://prag.ma/code/d3-cartogram/">un exemple états-unien</a> qui a la particularité <strong>d'utiliser un double champ de sélection</strong> (un pour les années, un pour le type de données). Tiens tiens :-)...</p>
<h2>La recette</h2>
<p>Pour arriver à ce résultat qui permet <strong>d'animer une carte anamorphosée par différentes données contenues dans un même .csv</strong> (miam miam !), il faut utiliser quatre librairies JS :</p>
<ul>
<li><a target="_blank" href="https://github.com/mbostock/topojson">TopoJSON</a>, qui permet d'encoder les polygones pour un résultat plus léger et optimal que le GeoJSON, ce qui n'est pas rien quand on veut s'amuser à les déformer</li>
<li><a target="_blank" href="http://d3js.org/">D3.js</a> pour l'affichage de la carte, la gestion des transitions, de l'affichage des informations, etc...</li>
<li><a target="_blank" href="http://prag.ma/code/d3-cartogram/cartogram.js">cartogram.js</a>, pour créer ledit cartogramme</li>
<li><a target="_blank" href="http://colorbrewer2.org/js/">colorbrewer.js</a>, pour colorer les polygones à la manière des cartes choroplèthes</li>
</ul>
<p>En réalité, <strong>on peut gruger la partie TopoJSON en utilisant <a target="_blank" href="http://www.mapshaper.org/">mapshaper</a></strong>. Cet outil permet en deux temps trois mouvements de convertir des fichiers .shp ou .geojson en .topojson et, cerise sur le gâteau, <strong>d'appliquer une simplification</strong> comme dans l'illustration suivante :</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-7040" alt="simplification_poly_" src="media/ff2df34d.simplification_poly_.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/10/simplification_poly_.png" width="600" height="224" /></p>
<p style="text-align: left;">
<p> Ensuite, <strong>il faut que le fichier .csv soit correctement paramétré</strong> pour que le passage par les champs de sélection se fasse sans heurt.</p>
<p><a target="_blank" href="https://github.com/raphadasilva/Anamorphose_abstention_FN/blob/master/presidentielle_fn_abstention_final.csv">Dans cet exemple</a>, toutes les colonnes possèdent les trois premières lettre du paramètre suivies de l'année (par exemple ABS2002). Evidemment, rien n'empêche d'imaginer glisser plus de paramètres ou plus d'années, le principe sera strictement le même.</p>
<h2>Attention tout de même !</h2>
<p>Les plus observateur auront peut-être remarqué dans le lien précédent <strong>des id très différentes de nos codes départementaux</strong>. C'est une des joyeusetés à côté desquelles je suis passé à côté au début : <strong>bien distinguer les id des polygones d'une colonne "id"</strong>.</p>
<p>Pour essayer d'être plus clair, <strong>observons cette capture d'écran</strong> des polygones départementaux piochés <a target="_blank" href="http://www.gadm.org/country">sur ce stock de données</a> (cliquez pour agrandir) :</p>
<p style="text-align: center;"><a target="_blank" href="media/09d83c23.qgis_id.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/10/qgis_id.png" rel="lightbox[7017]" title="Autopsie d'une dataviz [3] : une carte en anamorphose avec champs de sélection"><img class="aligncenter size-medium wp-image-7044" alt="qgis_id" src="media/c0eec0b1.qgis_id-300x168.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/10/qgis_id-300x168.png" width="300" height="168" /></a></p>
<p style="text-align: center;">
<p style="text-align: left;">En réalité, <strong>les id qui nous intéressent sont dans la colonne tout à gauche</strong> (0 pour la Somme, 1 pour l'Eure, 2 pour la Seine-Maritime, etc...) et un id égal à 0 peut poser problème pour la suite.</p>
<p style="text-align: left;"><strong>Différentes techniques existent</strong> pour un peu modifier le fichier .topojson, <strong>perso j'ai un peu fait flamber <a target="_blank" href="http://www.jedit.org/">jEdit</a> pour corriger tout ça</strong> et modifier mon .csv en conséquence. Bref, ça prend un peu de temps, <strong>mais une fois que c'est fait le fichier peut être réutilisé à l'envie</strong>.</p>
<p style="text-align: left;">Et dernier point avant de rentrer dans le code : <strong>D3 interprète mal le double point en valeur de séparation pour un .csv</strong>, il vaut mieux de fait utiliser la virgule. Un remerciement spécial à Etienne Côme qui a repéré l'erreur <img src="media/32e3219c.icon_wink.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_wink.gif" alt=";-)" class="wp-smiley" />  !</p>
<h1 style="text-align: left;">Le code</h1>
<p>Rentrons dans le vif du sujet avec le code en lui-même. Voici pour commencer <strong>les éléments du &lt;body&gt; qui vont permettre d'afficher la carte et de naviguer entre les données</strong> :</p><pre class="crayon-plain-tag">&lt;form&gt;
        &lt;p&gt;
          &lt;label&gt;Choisissez le facteur de déformation &lt;select id="field"&gt;&lt;/select&gt;&lt;/label&gt;
          &lt;label&gt;pendant la présidentielle de &lt;select id="year"&gt;&lt;/select&gt;&lt;/label&gt;
          &lt;span id="status"&gt;&lt;/span&gt;
        &lt;/p&gt;
   &lt;/form&gt;

      &lt;div id="container"&gt;
      &lt;svg id="map"&gt;&lt;/svg&gt;
      &lt;/div&gt;</pre><p>Voici enfin le script qui paramètre tout ça :</p><pre class="crayon-plain-tag">&lt;script&gt;

      // cache le formulaire si l'explorateur ne fait pas du SVG
      if (!document.createElementNS) {
        document.getElementsByTagName("form")[0].style.display = "none";
      }

/* déclaration des premières variables, notamment celles des champs de sélection
les différentes "key" doivent correspondre aux colonnes du CSV 
(%d s'adaptera à la valeur de #year) */ 
      var percent = (function() {
            var fmt = d3.format(".2f");
            return function(n) { return fmt(n) + "%"; };
          })(),
            fields = [
            {name: "Aucun", id: "none"},
            {name: "Abstention", id: "abs", key: "ABS%d", format: percent},
             {name: "Vote FN", id: "fn", key: "FN%d", format: percent},
          ],
          years = [2012, 2007,2002,1995], 
           fieldsById = d3.nest()
            .key(function(d) { return d.id; })
            .rollup(function(d) { return d[0]; })
            .map(fields),
          field = fields[0],
          year = years[0],
          colorsFN = colorbrewer.Greys[8];
          var colorFN = d3.scale.quantize().range(colorsFN).domain([0,25]);

          colorsAbs = colorbrewer.Reds[8];
          var colorAbs = d3.scale.quantize().range(colorsAbs).domain([0,45]);

           var body = d3.select("body");

// paramètre la navigation dans le champ #field
         var fieldSelect = d3.select("#field")
        .on("change", function(e) {
          field = fields[this.selectedIndex];
          update();
        });

      fieldSelect.selectAll("option")
        .data(fields)
        .enter()
        .append("option")
          .attr("value", function(d) { return d.id; })
          .text(function(d) { return d.name; });

// paramètre de la même manière la nav' dans le champ #year

      var yearSelect = d3.select("#year")
        .on("change", function(e) {
          year = years[this.selectedIndex]; 
          update();
        });

      yearSelect.selectAll("option")
        .data(years)
        .enter()
        .append("option")
          .attr("value", function(y) { return y; })
          .text(function(y) { return y; })

// déclaration de la carte

       var map = d3.select("#map"),
          zoom = d3.behavior.zoom()
          .translate([-38, 32])
           .scale(.94)
           .scaleExtent([0.5, 10.0])
           .on("zoom", updateZoom),
          layer = map.append("g")
            .attr("id", "layer"),
          states = layer.append("g")
            .attr("id", "states")
            .selectAll("path");

      updateZoom();

      function updateZoom() {
        var scale = zoom.scale();
        layer.attr("transform",
          "translate(" + zoom.translate() + ") " +
          "scale(" + [scale, scale] + ")");
      }

// on passe à la déclaration de la projection et du cartogramme, notamment

      var projection = d3.geo.albers().origin([8.5, 45.7]).scale(2600).parallels([40, 52]),
       topology,
          geometries,
          rawData,
          dataById = {},
          carto = d3.cartogram()
            .projection(projection)
            .properties(function(d) {
              var c= dataById[d.id];

              return dataById[d.id];
            })
            .value(function(d) {
              return +d.properties[field.key.replace("%d",year)];
            });

// on charge les polygones et les données

d3.json("dpts_fr_topo.json", function(topo) {
        topology = topo;
        geometries = topology.objects.layer1.geometries;
      d3.csv("presidentielle_fn_abstention_final.csv", function(data) {
          rawData = data;	
          dataById = d3.nest()
            .key(function(d) { return d.id; })
	    .rollup(function(d) { return d[0]; })
            .map(data);
          init();
             });
});  

// on initialise la carte via les variables précédentes

   function init() {
        var features = carto.features(topology, geometries),
            path = d3.geo.path()
              .projection(projection);

        states = states.data(features)
          .enter()
          .append("path")
            .attr("class", "state")
           /* .attr("id", function(d) {
              return d.properties.id;
            }) */ 
            .attr("fill", "#fafafa")
            .attr("d", path);

       states.append("title");
update();
      }
// et on met à jour à chaque changement dans un champ de sélection

    function update() {
	if(field.key!=undefined){
        body.classed("updating", true);

          var key = field.key.replace("%d",year);
          var fmt = (typeof field.format === "function")
              ? field.format
              : d3.format(field.format || ","),
            value = function(d) {
            if(d.properties != undefined){
			      return +d.properties[key];
		        }else{ return NaN};
            };

            var values = states.data().map(value)
              .filter(function(n) {
                return !isNaN(n);
              })
              .sort(d3.ascending);

            lo = values[0],
            hi = values[values.length - 1];

        // normalise l'échelle en nombre positif
        var scale = d3.scale.linear()
          .domain([lo, hi])
          .range([1, 1000]);

        // dit au cartogramme d'utiliser les valeurs échelonnées
        carto.value(function(d) {
          return scale(value(d));
        });

        // génère les nouvelles caractéristiques, pré projetées
        var features = carto(topology, geometries).features;
        // met à jour les données
        states.data(features)
          .select("title")
            .text(function(d) {
              if(d.properties != undefined){
              return [d.properties.NAME, fmt(value(d))].join(": ");
              }
            });

        states.transition()
          .duration(750)
          .ease("linear")
          .attr("fill", function(d) {
		if(field.id=="fn"){
            	return colorFN(value(d))
		}else{
            	return colorAbs(value(d))
		}
          })
          .attr("d", carto.path);

        body.classed("updating", false);

	}else{
	        var features = carto.features(topology, geometries);
	        // met à jour les données
        	states.data(features)
            path = d3.geo.path()
              .projection(projection);
        states.transition()
          .duration(750)
          .ease("linear")
          .attr("fill","#fafafa")
          .attr("d", path);

	}
}

    &lt;/script&gt;</pre><p></p>
<h1> Pour aller plus loin</h1>
<p>J'ai publié l'ensemble des fichiers utilisés pour cette carte <a target="_blank" href="https://github.com/raphadasilva/Anamorphose_abstention_FN">sur gitHub</a></p>


feed_id: http://blog.m0le.net/?p=7064
title: Nono's Songs : Slim Smith & The Uniques - My Conversation
uri: Nono-s-Songs-Slim-Smith-The-Uniques-My-Conversation
url: http://blog.m0le.net/2013/10/24/nonos-songs-slim-smith-the-uniques-my-conversation/
content:
<p>Les <a target="_blank" title="Nono's Songs" href="http://blog.m0le.net/category/episode/nonos-songs/">Nono's Songs</a> n'ont pas de but particulier si ce n'est de publier des musiques que j'apprécie.</p>
<p>Je ne donne aucune appréciation, je poste que des musiques, trouvées au détour du Net, ou d'un son/bruit que j'ai pu entendre quelques part ou avec quelqu'un. Ce n'est en aucun cas un signe de "nouveauté" ou un effet de mode quelconque.</p>
<p>Voici le non clip de <strong>Slim Smith &amp; The Uniques </strong>qui nous propose <strong>My Conversation<br />
</strong></p>
<p style="text-align: center;"><!-- Begin - Secure HTML5 Video Player -->
<div class='video-js-box sh5vp-video-box tube-css' >
<iframe id='vjs-ff-http://blog-m0le-net/wp-content/uploads/mp4/Slim_Smith_and_The_Uniques_-_My_Conversation' type='text/html' width='600' height='450' src='http://blog.m0le.net/wp-content/plugins/secure-html5-video-player/fallback/index.php?autoplay=0&mp4=http%3A%2F%2Fblog.m0le.net%2Fwp-content%2Fuploads%2Fmp4%2FSlim_Smith_and_The_Uniques_-_My_Conversation.mp4&url=http%3A%2F%2Fblog.m0le.net%2Fwp-content%2Fplugins%2Fsecure-html5-video-player' frameborder='0' /></iframe>
<p class='sh5vp-download-links'><label>Download Video:</label>
<a class="sh5vp-link-mp4" href="media/e190d5a1.Slim_Smith_and_The_Uniques_-_My_Conversation.mp4" data-original-source="http://blog.m0le.net/wp-content/uploads/mp4/Slim_Smith_and_The_Uniques_-_My_Conversation.mp4">MP4</a>
</p>
</div>
<!-- End - Secure HTML5 Video Player -->
<br />
<!-- Begin - Secure HTML5 Video Player -->
<div class='video-js-box sh5vp-video-box tube-css' >
<video class='video-js sh5vp-video' width='600' height='450'  controls="controls" preload="auto"   >
<source src="media/60b2117f.Slim_Smith_and_The_Uniques_-_My_Conversation.webm" data-original-source="http://blog.m0le.net/wp-content/uploads/mp4/Slim_Smith_and_The_Uniques_-_My_Conversation.webm" type="video/webm" />
</video>
</div>
<!-- End - Secure HTML5 Video Player -->
</p>


feed_id: http://blog.m0le.net/?p=7067
title: Les données sont-elles si objectives que ça ?
uri: Les-données-sont-elles-si-objectives-que-ça
url: http://blog.m0le.net/2013/10/26/les-donnees-sont-elles-si-objectives-que-ca/
content:
<p>Les données sont assez naturellement considérées comme objectives. Sauf que ce pétrole du début du XXIe siècle ne saurait être récolté sans un minimum de recul, sans quoi on pourra toujours affirmer quelque chose et son inverse à partir des mêmes chiffres.</p>
<p style="text-align: center;"><img class="aligncenter size-medium wp-image-7085" alt="big_data" src="media/2496a245.big_data-281x300.gif" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/10/big_data-281x300.gif" width="281" height="300" /><br />
Image :  Jeremykemp (CC - BY SA)</p>
<p><span id="more-7067"></span></p>
<p>Dans leur passionnant <a target="_blank" href="http://shop.oreilly.com/product/0636920028529.do"><em>Doing Data Science</em></a>, Rachel Schutt et Cathy O'Neil <strong>affirment que les données ne sont pas objectives comme on le prétend assez naturellement</strong>. Elles mettent en garde contre <strong>ce mythe qui pourrait être largement conforté par l'avènement <a target="_blank" href="http://fr.wikipedia.org/wiki/Big_data">de Big Data</a></strong>.</p>
<p>Leur raisonnement, très clair et limpide, peut se résumer comme suit :</p>
<ul>
<li>même si les moyens de collecte de données augmentent en volume et en efficacité, <strong>il y a trop de paramètres à prendre en compte pour atteindre l'objectivité</strong>. Aucune machine, aussi puissante soit-elle, ne pourra jamais capter la complexité du monde dans son ensemble</li>
<li>les données brutes ne servent absolument à rien. Il convient de les trier, de les visualiser, de les mettre en perspective. <strong>Or, le tri est un choix</strong>, et comme lorsque le journaliste choisit l'angle de son papier, <strong>ce choix est éminemment subjectif</strong></li>
</ul>
<p>Les deux auteures illustrent les risques d'une confiance aveugle en Big Data avec un exemple concret :<a target="_blank" href="http://www.nytimes.com/2013/04/28/technology/how-big-data-is-playing-recruiter-for-specialized-workers.html?pagewanted=4&amp;ref=business&amp;pagewanted=all&amp;_r=2&amp;"> le recrutement de talents via des algorithmes spécialisé dans les données</a>.</p>
<p>L'un des effets pervers de ce cas est le suivant : <strong>à compétences égales, l'algorithme vous dira de préférer un homme à une femme</strong>, parce que cette dernière aura mis plus de temps à gravir les échelons et aura perçu son travail d'une moins bonne manière.</p>
<p>Sauf que <strong>le problème vient plus d'une attitude sexiste dans le monde de l'entreprise que des données "objectives" rattachées à la candidate</strong>...</p>
<p>On pourrait multiplier les exemples, mais arrêtons-nous sur un intéressant paradoxe de la statistique descriptive : <strong>pouvoir affirmer une chose et son contraire, en ayant toujours raison</strong>.</p>
<h1>Exemple : les demandeurs d'asile en Europe</h1>
<p>La <a target="_blank" href="http://fr.wikipedia.org/wiki/Statistique_descriptive">statistique descriptive</a> est jugée être ultra simple pour les profanes pour une raison : on part d'une observation assidue des chiffres, <strong>sans trop de traitements alambiqués <a target="_blank" href="http://fr.wikipedia.org/wiki/Statistique_inf%C3%A9rentielle">comme dans l'inférentielle</a></strong>.</p>
<p>Pourtant, <strong>on peut très souvent affirmer une chose et son contraire à partir des mêmes chiffres</strong>. Prenons par exemple <a target="_blank" href="media/2b3e4bca.KS-QA-12-008-EN.PDF" data-original-source="http://epp.eurostat.ec.europa.eu/cache/ITY_OFFPUB/KS-QA-12-008/EN/KS-QA-12-008-EN.PDF">le tableau page 12 de ce doc trouvé sur EuroStat</a>, et qui concerne les demandeurs d'asile en Europe.</p>
<p>A partir de données très basiques (nombre de demandes total, nombre de demandes acceptées, nombre de demandes refusées), on va successivement affirmer que la France accueille beaucoup et peu de réfugiés. <strong>En ayant à chaque fois raison</strong> :-).</p>
<h2>La France accueille beaucoup de réfugiés</h2>
<p>La carte suivante montre <strong>le nombre de demandeurs d'asile acceptés par plusieurs pays d'Europe</strong>. On voit que la France, sans être le pays qui accueille le plus (elle est 10e), est plutôt dans le peloton de tête :</p>
<p><iframe width="600" height="450" scrolling="no" frameborder="no" src="https://www.google.com/fusiontables/embedviz?q=select+col5%3E%3E1+from+1XlgtvtoL_nq0eAoJmCEBNybyNEjNyjAycX0MGXw&amp;viz=MAP&amp;h=false&amp;lat=51.352193067295985&amp;lng=10.52455912500002&amp;t=1&amp;z=4&amp;l=col5%3E%3E1&amp;y=3&amp;tmplt=2&amp;hml=KML"></iframe></p>
<p>On peut donc affirmer <strong>que la France est plutôt une terre d'accueil de réfugiés, et avoir parfaitement raison</strong>.</p>
<h2>La France accueille peu de réfugiés</h2>
<p>La carte suivante montre à présent, à partir des mêmes chiffres, <strong>le pourcentage de réfugiés acceptés</strong> par rapport au nombre total de demandes.</p>
<p>En rouge se trouvent les pays qui acceptent moins de 50% des demandes, en vert ceux qui en acceptent plus de 50% :<br />
<iframe width="600" height="450" scrolling="no" frameborder="no" src="https://www.google.com/fusiontables/embedviz?q=select+col5%3E%3E1+from+1XlgtvtoL_nq0eAoJmCEBNybyNEjNyjAycX0MGXw&amp;viz=MAP&amp;h=false&amp;lat=50.549354219414276&amp;lng=10.348777874999996&amp;t=1&amp;z=4&amp;l=col5%3E%3E1&amp;y=4&amp;tmplt=3&amp;hml=KML"></iframe></p>
<p><strong>On vient d'affirmer l'exact inverse de ce que l'on disait avant et on a encore une fois raison</strong>, car la France se classe alors que comme le 6e pays le moins accueillant d'Europe.</p>
<h2>Comparer des carottes à des potirons</h2>
<p>Les plus observateurs auront déjà remarqué un petit problème : <strong>l'Estonie se retrouve 2e pays le plus accueillant</strong> (plus de 66% de réfugiés acceptés)<strong> avec un total ridicule</strong>.</p>
<p>C'est d'autant plus frappant que <strong>ses 10 demandeurs d'asile ne représente qu'à peine 1% du total de la France, pourtant classé dans les pays moins accueillants</strong> (moins de 9% de demandes acceptées).</p>
<p><strong>Sous prétexte d'utiliser des données "objectives"</strong>, on peut affirmer une chose et son contraire en ayant toujours raison, et en croyant sincèrement avoir cloué le bec de l'autre partie.</p>
<blockquote><p>Mais en réalité, c'est un peu comme si on comparait des carottes à des potirons en arguant le fait, recevable, que les deux sont des légumes de couleurs orange !</p></blockquote>
<h1>Assumer son angle</h1>
<p>Beaucoup de visualisations de données que je vois ces derniers temps ne consistent qu'en une belle présentation de données, <strong>comme si elles pouvaient par enchantement livrer leurs secrets toutes seules</strong>.</p>
<p><strong>Sans minimiser la performance technique et les efforts qu'il faut pour coder les plus belles</strong>, je trouve dommage de passer à côté d'une vraie analyse <strong>en assumant une part de subjectivité</strong>.</p>
<p>Dans le cas précédent, <strong>une seule des deux cartes ne livrerait qu'une partie du problème</strong>, elle le rendrait simpliste au lieu de le rendre simple, le but premier d'une visualisation de données.</p>
<p>Pour aller plus loin, on pourrait par exemple pointer le fait <strong>que ce sont les pays les plus peuplés d'Europe qui accueillent le plus de réfugiés</strong>, et ajouter qu'ils en refusent à la fois beaucoup parce qu'ils reçoivent un total conséquent de dossiers par rapport aux autres.</p>
<p>On pourrait également <strong>minimiser ces chiffres en les ramenant aux populations totales des pays et se rendre compte qu'ils sont franchement dérisoires</strong>, ou encore se pencher sur les critères de refus des dossiers.</p>
<p>Ce qu'une visualisation seule, aussi léchée soit-elle, ne pourra jamais faire.</p>
<h3>Pour aller plus loin</h3>
<p>La démonstration des cartes s'inspire en partie d'un chapitre du livre de Nicolas Gauvrit, <em><a target="_blank" href="http://www.evene.fr/livres/livre/nicolas-gauvrit-statistiques-mefiez-vous-27438.php">Statistiques : méfiez-vous !</a>.</em></p>


feed_id: http://blog.m0le.net/?p=7107
title: Les trop nombreux défauts des sondages
uri: Les-trop-nombreux-défauts-des-sondages
url: http://blog.m0le.net/2013/11/03/les-trop-nombreux-defauts-des-sondages/
content:
<p>L'inférence statistique sert régulièrement les sondeurs, qui peuvent grâce à elle s'abriter derrière la légitimité incontestable des sciences. Sauf que, comme souvent, la beauté de la théorie se heurte toujours aux difficultés de la pratique.</p>
<p style="text-align: center;"><img class="aligncenter size-medium wp-image-7119" alt="500px-Cretan-labyrinth-circular-disc.svg" src="media/9dfffbf4.500px-Cretan-labyrinth-circular-disc.svg_-300x300.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/11/500px-Cretan-labyrinth-circular-disc.svg_-300x300.png" width="300" height="300" /></p>
<p><span id="more-7107"></span></p>
<p>Mais qu'est-ce que <a target="_blank" href="http://fr.wikipedia.org/wiki/Inf%C3%A9rence_statistique">l'inférence statistique</a> ? Pour rapidement résumer, elle consiste à <strong>induire, grâce à des résultats récoltés au hasard sur un échantillon d'une population, une règle générale de l'ensemble de cette population</strong>.</p>
<p>Si vous souhaitez, par exemple, connaître le nombre d'habitants de votre rue qui ont une voiture verte, <strong>vous allez descendre à heure fixe interroger les passants</strong> et leur demander :</p>
<ul>
<li>s'ils habitent effectivement votre rue</li>
<li>la couleur de leur voiture</li>
<li>(et aussi bien sûr s'ils veulent bien vous répondre :-))</li>
</ul>
<p>Ensuite, vous allez <strong>répéter l'expérience autant de fois que nécessaire pour affiner vos données</strong>. Enfin, vous allez passer les données recueillies dans différentes moulinettes <strong>pour obtenir une estimation</strong> des possesseurs de voitures vertes chez les habitants de votre rue.</p>
<p>Les sondeurs sont très forts à ce petit jeu, notamment parce qu'ils ont des moyens d'enquête très poussés. Malgré tout, je crois que <strong>les sondages ont à peu près les mêmes défauts que les micro-trottoirs</strong>, à savoir :</p>
<ul>
<li>une <strong>pauvreté informationnelle</strong> (tant ont dit "oui", tant ont dit "non", ok, et alors ?)</li>
<li>une <strong>tendance à conforter chacun dans ses opinions</strong> plutôt que de décrire toutes les faces d'un problème</li>
<li>un <strong>remplissage facile et avéré de l'espace</strong></li>
</ul>
<p>Mais, là où on peut facilement hausser les épaules après l'écoute d'un micro-trottoir en se disant que quatre personnes ne peuvent pas exprimer une tendance générale, les sondages, par l'utilisation de statistiques très poussées, <strong>peuvent prendre le noble apparat de la science impartiale</strong>.</p>
<p>En réalité, les choses sont, comme toujours, un peu plus compliquées que dans la théorie.</p>
<h1>Tout est dans la méthodo</h1>
<p>Généralement, <strong>les médias s'empressent plus de livrer une interprétation hâtive d'un sondage qu'ils ont commandé</strong> plutôt que de se pencher un tant soit peu sur la méthodologie. Pourtant, celle-ci peut, à elle seule, expliquer les nombreux défauts des sondages.</p>
<h2>Impossible hasard</h2>
<p>Pour que l'inférence statistique ait un sens, <strong>il faut que les données que l'on traite aient été récoltées au hasard</strong>. Dans la pratique, ce hasard est quasiment impossible à atteindre.</p>
<p>Par exemple, si l'on souhaite contacter des gens au hasard dans la journée :</p>
<ul>
<li><strong>si l'on utilise exclusivement les Pages jaunes, on va tomber essentiellement sur des retraités ou des non actifs</strong>, autrement dit un échantillon peu représentatif de l'ensemble du pays</li>
<li><strong>si l'on utilise exclusivement Internet, on va tomber essentiellement sur des gens plus jeunes</strong>, autrement dit un échantillon peut représentatif de l'ensemble du pays</li>
</ul>
<p>Certes, les sondeurs <strong>utilisent plus <a target="_blank" href="http://www.cnrtl.fr/definition/quota">la "méthode des quotas"</a> pour tenter d'harmoniser les sociologies des personnes interrogées</strong> : s'il y a dans le pays 15% de retraités, on va faire en sorte d'interroger 15% de retraités dans le sondage.</p>
<p>Mais même cette méthode peut révéler très vite des faiblesses : Mediapart relevait par exemple<a target="_blank" href="http://www.mediapart.fr/journal/france/090813/voile-luniversite-un-sondage-tres-ambigu"> dans un sondage très orienté sur le voile à l'université</a> <strong>des échantillons unanimes, ce qui est franchement très très suspect</strong>.</p>
<h2>Impossibles questions neutres</h2>
<p>On entre plus dans le domaine de la psychologie dans cette partie, <a target="_blank" href="http://www.scienceshumaines.com/la-question-oriente-la-reponse_fr_11020.html">avec les questions orientées</a>. Ceux qui ont dû faire dans leur vie des questionnaires le savent, on a très vite fait <strong>d'induire une réponse directement dans une question</strong>.</p>
<p>Concrètement, demander "Pensez-vous payer trop d'impôts ?" n'induira pas du tout les mêmes réponses que "Êtes-vous prêts à payer des impôts pour avoir des services publics gratuits ?".</p>
<h2>Impossible analyse</h2>
<p>Nous allons retrouver notre comparaison avec le micro-trottoir avec cet aveu : <strong>il est souvent ardu, voire impossible, d'analyser les résultats d'un sondage</strong>.</p>
<p>Une première raison est que <strong>les gens ne peuvent être experts en tout</strong>, et qu'on puisse se demander quelle valeur accorder à leur réponse sur une question très pointue.</p>
<p>Par exemple, quand un institut révèle que <a target="_blank" href="http://tempsreel.nouvelobs.com/economie/20131030.OBS3282/ecotaxe-67-des-francais-estiment-la-suspension-justifiee.html">67% des Français jugent la suspension de l'écotaxe "justifiéee"</a>, <strong>il ne dit pas pourquoi ces derniers la trouvent "justifiée"</strong>. Ahem...</p>
<p>Autre raison, <strong>les conclusions non détaillées</strong>. L'exemple suivant est formidable : <a target="_blank" href="http://www.atlantico.fr/pepites/sondage-34-francais-se-sentent-proches-idees-fn-839727.html">34% des Français se sentent proches des idées du FN</a>, ça fait froid dans le dos, non ?</p>
<p>Pourtant, le curieux réalisera bien vite que dans le sondage, <strong>on ne sait pas à quelles idées précises les gens pensent</strong> (anti-immigration, anti-euro, protectionnisme), <strong>alors que le chiffre de 34% favorables va insidieusement marquer les esprits</strong>...</p>
<p>Autre raison encore, le sondage d'anticipation : par exemple,<a target="_blank" href="http://tempsreel.nouvelobs.com/politique/20131009.OBS0267/sondage-exclusif-le-fn-a-24-aux-europeennes-en-tete-pour-la-premiere-fois.html"> quand le Nouvel Obs nous dit que le FN est le premier parti en intentions de votes des prochaines européennes</a>, il serait peut-être bien inspiré <strong>d'attendre qu'au moins les programmes des uns et des autres soient déclarés</strong>...</p>
<h2>Impossible redressement</h2>
<p>Autre joyeuseté des sondages, les redressement a posteriori. Illustrons-le avec un constat connu : <a target="_blank" href="http://www.mediapart.fr/journal/france/301013/en-direct-de-mediapart-quels-antidotes-au-fn">on ne sait pas sonder le FN en France</a>.</p>
<p>La raison principale vient du fait <strong>qu'une partie des électeurs de ce parti a des scrupules à se déclarer</strong>, et qu'on doit donc corriger après coup pour avoir la "vraie" proportion du Front National.</p>
<p>Mais là, <strong>on entre dans un domaine proche de la boule de cristal</strong> : quel.s pourcentage.s retirer à quel.s parti.s pour ensuite le.s redonner au FN et qu'est-ce qui le justifie ? Mystère...</p>
<h1>Tout est dans les marges</h1>
<p>Oublions tout ce que nous venons de dire et <strong>admettons que l'on ait réussi à avoir une méthodologie absolument parfaite pour effectuer un sondage</strong>.</p>
<p>Un institut souhaite se servir de cette prouesse pour répondre à une question absolument essentielle : <strong>combien de Français sont "vraiment vraiment pour", et combien sont "très très contre"</strong> ?</p>
<p>Pendant la première récolte de données, je vais être interrogé. 19 autres personnes, qui ont à peu près le même passé et profil que moi, sont catégoriques : ils sont "très très contre", tandis que les 980 autres sondés vont se prononcer "vraiment vraiment pour".</p>
<p><iframe width="600" height="400" src="http://cf.datawrapper.de/l1PBj/1/" frameborder="0" allowtransparency="true" allowfullscreen="allowfullscreen" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen" oallowfullscreen="oallowfullscreen" msallowfullscreen="msallowfullscreen"></iframe></p>
<p>Sauf que les sondeurs, très appliqués, <strong>savent que ce résultat est sûrement faux</strong>, car, redressant régulièrement le pourcentage des Français "vraiment vraiment pour", ils obtiendraient un résultat unanime.</p>
<p>Ce graphique, très précis, <strong>est trop incertain pour être retenu</strong>.</p>
<p><strong>Il faut donc répéter l'expérience jusqu'à obtenir une estimation fiable à 95%</strong>, autrement dit un sondage qui sera faux cinq fois sur 100. <strong>Sauf ce qu'on gagne en certitude, on le perd en précision</strong>.</p>
<h2>Ce que l'on publie</h2>
<p>Finalement, on trouve ce résultat éloquent dans la presse : 34% des Français sont "vraiment vraiment pour".</p>
<p><iframe width="600" height="400" src="http://cf.datawrapper.de/AN2n4/1/" frameborder="0" allowtransparency="true" allowfullscreen="allowfullscreen" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen" oallowfullscreen="oallowfullscreen" msallowfullscreen="msallowfullscreen"></iframe></p>
<p>Incroyable, plus d'un tiers des Français "vraiment vraiment pour" ? Sauf qu'encore une fois, la réalité est un poil plus complexe.</p>
<h2>Ce que l'on devrait publier</h2>
<p>En réalité, l'imprécision que l'on récolte en répétant l'expérience s'appelle <strong>la (ou les) marge.s d'erreur</strong>, et pourrait se visualiser comme suit (en prenant cette fois des pourcentages) :<br />
<iframe width="600" height="400" src="http://cf.datawrapper.de/GI50z/2/" frameborder="0" allowtransparency="true" allowfullscreen="allowfullscreen" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen" oallowfullscreen="oallowfullscreen" msallowfullscreen="msallowfullscreen"></iframe></p>
<p>Il est du coup impossible de trancher dans cette marge : assurer qu'il n'y a que 15% ou au contraire affirmer qu'il y a 34% de Français "vraiment vraiment pour" serait une erreur, <strong>mais ce serait évidemment bien moins vendeur</strong>.</p>


feed_id: http://blog.m0le.net/?p=7129
title: Nono's Vrac 100
uri: Nono-s-Vrac-100
url: http://blog.m0le.net/2013/11/05/nonos-vrac-100/
content:
<p>100 Nono's Vrac ! 2 ans de blogging ! Une aventure qui suis son cours, au grée du temps, de la motivation et de l'envie aussi.</p>
<p>le m0le'o'Blog, c'est aussi son propre rythme de publication, sans obligation, juste à l'envie. Quelques projet mort-né, des projets qui mettent plus de temps à voir le jour, d'autres complètement stoppé.</p>
<p>En chiffre, voilà ce que ça représente environs, sur les (presque) 2 dernières années :</p>
<p><a target="_blank" href="media/89fcf48f.m0le_visunique_2ans.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/11/m0le_visunique_2ans.png" rel="lightbox[7129]" title="Nono's Vrac 100"><img class="aligncenter size-full wp-image-7131" alt="m0le_visunique_2ans" src="media/89fcf48f.m0le_visunique_2ans.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/11/m0le_visunique_2ans.png" width="600" height="249" /></a></p>
<p>Et pour tout ça, je voulais aussi vous dire merci <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  Tout simplement !</p>
<p><span id="more-7129"></span></p>
<p>Place à la 100ième, qui je l’espère, n'est pas trop imbitable dans ce format.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a target="_blank" href="media/a8644f27.5180073392_8494dd748f_b.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/11/5180073392_8494dd748f_b.jpg" rel="lightbox[7129]" title="Nono's Vrac 100"><img class="aligncenter size-full wp-image-7130" alt="5180073392_8494dd748f_b" src="media/a8644f27.5180073392_8494dd748f_b.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/11/5180073392_8494dd748f_b.jpg" width="600" height="589" /></a></p>
<p>liste de lien du 01/10/2013 au 31/10/2013 :</p>
<ul>
<li>(1) wow, ce gars fait un synthé (table de mixage ?!) entièrement seul. Une vidéo en time-lapse (de 43min quand même) hallucinante ! [<a target="_blank" href="http://gizmodo.com/watch-a-diy-synthesizer-get-built-from-scratch-in-this-1426743785">02/10/2013 @ 12:39:26</a>]</li>
<li>(2) Comment fait la pompe à essence pour s'arrêter automatiquement ? (je n'y avais jamais réfléchie à vrai dire) [<a target="_blank" href="http://gizmodo.com/how-do-gas-pumps-know-when-to-stop-1432846604">02/10/2013 @ 12:49:36</a>]</li>
<li>(3) 10 paris à faire entre amis [<a target="_blank" href="http://gizmodo.com/another-10-bar-bets-you-cant-possibly-lose-1433411564">02/10/2013 @ 12:58:38</a>]</li>
<li>(4) Sympa ca. Un adaptateur secteur déporté, pour ne plus bloquer de prise lorsqu’on connecte un gros transfo ! [<a target="_blank" href="http://gizmodo.com/this-power-bar-politely-steps-aside-so-it-doesnt-block-1435568857">02/10/2013 @ 13:03:23</a>]</li>
<li>(5) Que des endroits ou j'ai envie d'aller °o° [<a target="_blank" href="http://www.w3sh.com/2013/10/02/19-endroits-a-visiter-avant-de-mourir/">03/10/2013 @ 08:51:27</a>]</li>
<li>(6) 6 villes complètement déménagées ! [<a target="_blank" href="http://gizmodo.com/moving-mountains-six-cities-and-towns-that-were-comple-1436927345">03/10/2013 @ 08:57:33</a>]</li>
<li>(7) Cool, on pourra suivre les œuvres de Banksy (un street artiste) dans la ville de New York pendant tout le mois d'Octobre via www.banksyny.com [<a target="_blank" href="http://mashable.com/2013/10/02/banksy-new-york/?utm_campaign=Mash-Prod-RSS-Feedburner-All-Partial&amp;utm_cid=Mash-Prod-RSS-Feedburner-All-Partial&amp;utm_medium=feed">03/10/2013 @ 09:01:33</a>]</li>
<li>(8) Comme ils abusent ^^ [<a target="_blank" href="http://www.rts.ch/video/couleur3/120-secondes/5262308-la-cigarette-electronique.html?rts_source=rss_v">03/10/2013 @ 10:17:43</a>]</li>
<li>(9) Petite battle rap : Nerd vs Geek <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://www.youtube.com/watch?v=2Tvy_Pbe5NA">04/10/2013 @ 14:13:37</a>]</li>
<li>(10) Doh ! Ca c'est du monstre de camion °o° 500 Tonnes de chargement ! [<a target="_blank" href="http://gizmodo.com/the-worlds-biggest-dump-truck-can-haul-a-staggering-50-1440666149">07/10/2013 @ 08:34:50</a>]</li>
<li>(11) Beeline est une extension (bookmaklet) qui permet de colorer un texte afin de rendre sa lecture plus facile ! Utile pour les longs pavés <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://gizmodo.com/this-browser-extension-uses-color-to-make-you-a-lightni-1440831337">07/10/2013 @ 08:38:20</a>]</li>
<li>(12) Faire jouer de la musique à GRUB, au démarrage :pvia http://la-vache-libre.org/shaarli-lavachelibre/?dFgibw [<a target="_blank" href="http://memo-linux.com/grub_init_tune-ou-comment-faire-jouer-de-la-musqiue-a-grub/#comment-1399">07/10/2013 @ 11:31:42</a>]</li>
<li>(13) Alors ca, en entreprise, ca va puer la merde &gt;&lt; [<a target="_blank" href="http://korben.info/usb-rubber-ducky.html">07/10/2013 @ 11:32:35</a>]</li>
<li>(14) Woa ! Magnifique ce time-lapse. Les télescopes envoient parfois des rayons de laser de 40 watt dans le ciel. C'est ... vraiment magnifique °o° [<a target="_blank" href="http://gizmodo.com/whoa-these-sci-fi-laser-shooting-telescopes-are-actual-1441525798">07/10/2013 @ 16:17:07</a>]</li>
<li>(15) Un site pour voir plein de webcam du monde entier ! [<a target="_blank" href="http://www.earthcam.com/">08/10/2013 @ 10:54:43</a>]</li>
<li>(16) Une 'petite' liste d'ip blacklisté, à utiliser pour vos mails (par exemple) [<a target="_blank" href="http://www.planet-libre.org/index.php?post_id=15234&amp;go=external">09/10/2013 @ 08:14:25</a>]</li>
<li>(17) 10 vies, hors du commun. Idem, je ne connaissais que celle de Dashrath Manjhi :p<br />
via http://www.cochisette.com/links/?D-TRWg [<a target="_blank" href="http://www.axolot.info/?p=1682">09/10/2013 @ 08:14:59</a>]</li>
<li>(18) J'avais vu un reportage style "Constructeur de l’extrême" sur Rolls Royce. Ben, Bentley n'a pas à rougir, vu le niveau de finition rien que pour les sièges °o° [<a target="_blank" href="http://gizmodo.com/inside-bentleys-workshop-where-tailors-turn-leather-i-1442107284">09/10/2013 @ 08:17:35</a>]</li>
<li>(19) Ouah, cette BD fait de gif est vraiment superbe ! (laissez la souris sur chaque image, une histoire "parallèles" est disponible !via http://www.cochisette.com/links/?nRHIAw [<a target="_blank" href="http://www.bouletcorp.com/blog/2013/10/08/notre-toyota-etait-fantastique/">09/10/2013 @ 08:18:50</a>]</li>
<li>(20) Impressionnant ce clip/reportage ! [<a target="_blank" href="http://www.thisiscolossal.com/2013/10/django-django-wall-of-death/">09/10/2013 @ 09:50:51</a>]</li>
<li>(21) J'avais décidé de commenter, mais les commentaires #1 à #6 ont fait le boulot !<br />
ArchLinux, sur un serveur, je ne pense pas que ce soit une bonne idée ! [<a target="_blank" href="http://p3ter.fr/article48/pourquoi-je-passe-de-debian-a-archlinux-sur-mes-serveurs">09/10/2013 @ 10:09:50</a>]</li>
<li>(22) Si j'ai l'occasion, c'est sur que je testerais aussi ! [<a target="_blank" href="http://www.w3sh.com/2013/10/04/cet-hiver-jessaye-le-dual-snowboard/">09/10/2013 @ 11:01:03</a>]</li>
<li>(23) "C’était un Rendez-Vous" est un court-métrage de Claude Lelouch, tourné en 1976. En 1 seul plan-séquence, il traverse Paris (Porte dauphine - Sacré-Cœur) en un peu plus de 8min. L'interview (tout aussi intéressante) est ici : http://www.dailymotion.com/video/xj0nxc_interview-de-monsieur-claude-lelouch-sur-la-realisation-de-c-est-un-rendez-vous-en-1978_auto [<a target="_blank" href="http://www.dailymotion.com/video/x3yigj_rendez-vous_auto">09/10/2013 @ 21:31:04</a>]</li>
<li>(24) Oh, c'est sympa ce genre de street art ! Invisible de face et visible en biais ! [<a target="_blank" href="http://www.fubiz.net/2013/10/08/hidden-railing-street-art/">10/10/2013 @ 08:23:53</a>]</li>
<li>(25) Encore un petit top de Banksy, j'adore vraiment ce qu'il fait <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://www.topito.com/top-15-des-meilleurs-graph-de-bansky">10/10/2013 @ 08:27:36</a>]</li>
<li>(26) Joli Hyper-Lapse de notre capitale alsacienne. Coucou Seb, Noiraude, Alda et les autres ! <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://vimeo.com/76488570">11/10/2013 @ 01:33:18</a>]</li>
<li>(27) Comment une jeune journaliste new-yorkaise vois les Français. C'est assez ... Hum, je vous laisse juger ! (Merci à Flo) [<a target="_blank" href="http://thoughtcatalog.com/2013/21-embarrassing-examples-of-why-french-people-are-way-trashier-than-americans/">11/10/2013 @ 13:47:22</a>]</li>
<li>(28) 21 preuves que les américains sont toujours plus trash que les français (en réponse à : http://shaarli.m0le.net/?SOK3FA [<a target="_blank" href="http://www.topito.com/top-preuves-francais-moins-trash-americains">14/10/2013 @ 08:54:21</a>]</li>
<li>(29) Super petit tuto sur la mise en place d'un serveur de mail ! [<a target="_blank" href="http://linuxfr.org/news/heberger-son-courriel">14/10/2013 @ 08:55:11</a>]</li>
<li>(30) Lockwatch, l'application android pour parano qui prend en photo les personnes qui tente de déverrouiller votre portable. Ce que j'en retiens ? l'expression "se détendre la tagliatelle" <img src="media/5a932613.icon_biggrin.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_biggrin.gif" alt=":D" class="wp-smiley" />  [<a target="_blank" href="http://korben.info/lockwatch.html">14/10/2013 @ 08:56:44</a>]</li>
<li>(31) mieux que les tests unitaires <img src="media/5a932613.icon_biggrin.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_biggrin.gif" alt=":D" class="wp-smiley" />  [<a target="_blank" href="http://www.commitstrip.com/fr/2013/10/11/mieux-et-moins-cher-que-les-tests-unitaires/">14/10/2013 @ 08:59:45</a>]</li>
<li>(32) Énorme, Colbert un animateur télé new-yorkais, "invite" Banksy le street artiste à ne "pas" venir peindre sur les murs de son studio :p [<a target="_blank" href="http://www.streetartutopia.com/?p=12825">15/10/2013 @ 07:47:40</a>]</li>
<li>(33) Les premiers tests sont assez moisi et de mauvaise foi, mais au final, une vidéo intéressante sur les dessous des "Life Hack" quotidiens ! [<a target="_blank" href="http://korben.info/life-hacks.html">15/10/2013 @ 10:42:56</a>]</li>
<li>(34) Ca me fait toujours halluciner ces illusion d'optique ! [<a target="_blank" href="http://gizmodo.com/optical-illusions-make-this-boring-desk-pretty-amazing-1444427581">15/10/2013 @ 11:41:35</a>]</li>
<li>(35) Ouch, de la backdoor dans certains (vieux) produits D-Link ! [<a target="_blank" href="http://korben.info/backdoor-les-routeurs-d-link.html">15/10/2013 @ 12:58:13</a>]</li>
<li>(36) Tiens, le portail wifi des aéroports serait si moisi que ca ?!via http://lehollandaisvolant.net/index.php?mode=links&amp;id=20131013133047 [<a target="_blank" href="http://wtffunfact.com/post/63849779795/how-to-access-wifi-in-airport">15/10/2013 @ 12:59:11</a>]</li>
<li>(37) Eh bien voilà ce que je vais tester d'ici peu de temps <img src="media/5a932613.icon_biggrin.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_biggrin.gif" alt=":D" class="wp-smiley" />  [<a target="_blank" href="http://blog.idleman.fr/rainloop-messagerie-web-open-source-et-stylee/">15/10/2013 @ 13:11:17</a>]</li>
<li>(38) Wow °o°, 5 niveaux de voix pour Gene Shinozaki, un beatboxer !via http://www.cochisette.com/links/?E_L8QA [<a target="_blank" href="http://www.youtube.com/watch?v=HeV2eIgCUz8">16/10/2013 @ 09:03:26</a>]</li>
<li>(39) [EN] Tout ce que vous devez savoir sur GRID, l'ensemble de super-ordinateur du CERN [<a target="_blank" href="http://gizmodo.com/everything-you-need-to-know-about-the-grid-cerns-glob-1446206176">16/10/2013 @ 12:40:03</a>]</li>
<li>(40) un showreel de sport extrême vraiment époustouflantes par le studio de prod Canvas 24P [<a target="_blank" href="http://www.fubiz.net/2013/10/08/canvas-action-reel/">16/10/2013 @ 13:31:56</a>]</li>
<li>(41) Haha, je devrais faire pareil sur ma caisse quand elle est dégueulasse, ca passerais mieux ^^ [<a target="_blank" href="http://www.fubiz.net/2013/10/16/dust-car-art/">16/10/2013 @ 17:27:01</a>]</li>
<li>(42) Même constat, ZSH, est vraiment plus pratique que BASH <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" /><br />
Je l'utilise presque partout maintenant <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="https://quack1.me/zsh_avis.html">16/10/2013 @ 17:48:40</a>]</li>
<li>(43) Wow, alors déjà, le Moutain Bike, c'est pas évident, mais claquer un Backflip de cette qualité en plus °o° [<a target="_blank" href="http://mashable.com/2013/10/17/biggest-mountain-bike-backflip-in-history/?utm_campaign=Mash-Prod-RSS-Feedburner-All-Partial&amp;utm_cid=Mash-Prod-RSS-Feedburner-All-Partial&amp;utm_medium=feed">18/10/2013 @ 16:08:50</a>]</li>
<li>(44) Boire ou conduire, lui, il a choisi <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="media/a0de96bc.hmtFbpf.jpg" data-original-source="http://i.imgur.com/hmtFbpf.jpg">18/10/2013 @ 23:17:41</a>]</li>
<li>(45) Un mec et sa copine au moment de l'addition, il appelle sa copine en masqué:<br />
-C'était qui?<br />
-Je sais pas.<br />
-Prends moi pour un con j'me casse.&nbsp;</p>
<p>L'éjaculation c'est comme le mensonge, ça sort facilement ! Mais le plus dur c'est de le faire avaler à ta femme.</p>
<p>L'émission " L'amour est dans le pré " devrait s'appeler " Moi, moche et mes champs ". [<a target="_blank" href="http://www.mails-boulets.fr/item/2013/10/19/retweets-de-la-semaine#suite">20/10/2013 @ 18:30:56</a>]</li>
<li>(46) Je ne sais plus si je l'avais déjà posté, donc dans le doute, cet EXCELLENT court-métrage/reportage de 12min, "L' île aux fleurs" de Jorge Furtado. C'est tout bonnement à se pisser dessus, et donne une bonne vision de l'économie des marchés, avec l'exemple de la tomate. A VOIR ABSOLUMENT ! [<a target="_blank" href="http://www.youtube.com/watch?v=fZFFHRfpq6s">20/10/2013 @ 21:41:51</a>]</li>
<li>(47) Excellent, une fermeture éclair qu'on peut fermer à une seule main <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://gizmodo.com/i-have-seen-the-future-and-its-a-one-handed-magnetic-z-1446409950">21/10/2013 @ 08:16:23</a>]</li>
<li>(48) Un tuto pour la mise en place de squid sous debian, ca devrait aider certains <img src="media/32e3219c.icon_wink.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_wink.gif" alt=";-)" class="wp-smiley" />  [<a target="_blank" href="http://www.planet-libre.org/index.php?post_id=15384&amp;go=external">21/10/2013 @ 08:17:37</a>]</li>
<li>(49) Obtenir des informations sur les services de lien court(Via http://lamaredugof.fr/blog/2013/10/breves-2013-s42/) [<a target="_blank" href="http://www.getlinkinfo.com/">21/10/2013 @ 09:35:36</a>]</li>
<li>(50) Une sélection de 80 street art.(via http://lamaredugof.fr/blog/2013/10/breves-2013-s42/) [<a target="_blank" href="http://blog.gaborit-d.com/80-streetart-design-creatifs-vol-17/">21/10/2013 @ 09:39:09</a>]</li>
<li>(51) Mettre en place un serveur avec plusieurs passerelles. Ca manque un peu d'explication à mon gout, mais ca reste très utile/intéressant ! [<a target="_blank" href="http://blog.bazzanella.org/carnet-de-notes/serveur-avec-plusieurs-passerelles.html">21/10/2013 @ 10:38:08</a>]</li>
<li>(52) 480GB de photo pour faire ce somptueux time-lapse de 5min de Barcelone. [<a target="_blank" href="http://gizmodo.com/there-are-480gb-worth-of-photos-in-this-epic-time-lapse-1444341781">21/10/2013 @ 13:59:10</a>]</li>
<li>(53) Qu'est ce qu'on trouve/vois le plus dans chaque pays. Une carte assez surprenante ! [<a target="_blank" href="http://gizmodo.com/a-map-of-what-every-country-leads-the-world-in-1449084064">23/10/2013 @ 08:06:34</a>]</li>
<li>(54) Je suis toujours halluciné par la Foot-stomping de l'université de l'Ohio ! Si vous n'avez pas le temps/l'envie, regarder directement à 4:20 <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  Joli tribute à Michael Jackson [<a target="_blank" href="http://mashable.com/2013/10/21/ohio-state-marching-band/?utm_campaign=Mash-Prod-RSS-Feedburner-All-Partial&amp;utm_cid=Mash-Prod-RSS-Feedburner-All-Partial&amp;utm_medium=feed">23/10/2013 @ 08:18:06</a>]</li>
<li>(55) Un petit cloud perso à tester <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://linuxfr.org/news/cozy-1-0-snowden-release-pour-un-meilleur-web">23/10/2013 @ 08:24:00</a>]</li>
<li>(56) Mash-up chiptune \o/ [<a target="_blank" href="http://www.nikopik.com/2013/10/un-mash-up-chiptune-de-nombreuses-musiques-de-legende-de-jeux-nintendo-hyper-connus.html">23/10/2013 @ 11:47:16</a>]</li>
<li>(57) Pouah °o°. Certaines images dans ce time-lapse nature sont vraiment sur-réalistes ! A voir en HD/Full Screen obligatoirement ! [<a target="_blank" href="http://www.fubiz.net/2013/10/17/adventure-is-calling/">23/10/2013 @ 21:08:50</a>]</li>
<li>(58) Haha, excellent le remix de Thrift Shop avec des jouets et des composants électroniques <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://gizmodo.com/undead-teddy-ruxpin-and-elmo-thrift-shop-1450850402">24/10/2013 @ 08:19:29</a>]</li>
<li>(59) Petit tour d'horizon des GPS Android offline. (Entre Navit et Mappy GPS Free) [<a target="_blank" href="http://sebsauvage.net/links/?vneq8w">25/10/2013 @ 08:27:52</a>]</li>
<li>(60) Les photos de l'ouragan Sandy 1an après. [<a target="_blank" href="http://mashable.com/2013/10/24/hurricane-sandy-photos-retaken/?utm_campaign=Mash-Prod-RSS-Feedburner-All-Partial&amp;utm_cid=Mash-Prod-RSS-Feedburner-All-Partial&amp;utm_medium=feed">25/10/2013 @ 09:09:52</a>]</li>
<li>(61) en OctobRE on REcule, en AVril on AVance. [<a target="_blank" href="media/457069b1.232.jpg" data-original-source="http://www.afleurdepau.com/humour-animaux/chat-geluk/232.jpg">27/10/2013 @ 11:03:49</a>]</li>
<li>(62) Excellent, faire exploser des citrouille au C4 <img src="media/5a932613.icon_biggrin.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_biggrin.gif" alt=":D" class="wp-smiley" />  [<a target="_blank" href="http://gizmodo.com/blowing-up-pumpkins-with-c4-and-detonating-cords-seems-1452470879">27/10/2013 @ 11:24:18</a>]</li>
<li>(63) Une raison de plus d'abandonner Nagios ? :/ Naemon, le fork du futur feu-Nagios. [<a target="_blank" href="http://www.planet-libre.org/index.php?post_id=15419&amp;go=external">28/10/2013 @ 09:02:39</a>]</li>
<li>(64) Un site dédié à la sécurité de nos routers. Une mine d'or d'exploit et d'information ! (via http://lamaredugof.fr/blog/2013/10/outils-services-sites-a-redecouvrir-2013-s43/ ) [<a target="_blank" href="http://www.routerpwn.com/">29/10/2013 @ 08:30:09</a>]</li>
<li>(65) Une petite comparaison en LastPass et KeePass [<a target="_blank" href="http://gizmodo.com/lastpass-vs-keepass-whats-the-best-online-password-m-1452918307">29/10/2013 @ 08:33:13</a>]</li>
<li>(66) Je n'ose pas imaginer le taff derrière cette vidéo de/en light painting ! [<a target="_blank" href="http://www.thisiscolossal.com/2013/10/light-goes-on-darren-pearson/">29/10/2013 @ 08:36:21</a>]</li>
<li>(67) Ca pourrait être moi ^^ [<a target="_blank" href="http://www.commitstrip.com/fr/2013/10/28/pourquoi-le-changement-dheure-est-inutile/">29/10/2013 @ 08:44:04</a>]</li>
<li>(68) Sur le theme de "No Woman, No Cry" de ... Allez, vous le savez tous <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://www.youtube.com/watch?v=aZMbTFNp4wI">29/10/2013 @ 09:07:24</a>]</li>
<li>(69) Les bonnes utilisations de BASH.<br />
Ex : Ne fait plus " ps aux | grep 'gedit' " mais directement " pgrep gedit " (pour obtenir juste le pid) ou " ps aux | grep '[g]edit' " pour ne pas avoir la ligne du grep dans la liste !<br />
via http://bajazet.fr/shaarli/?sWs7Qg [<a target="_blank" href="http://mywiki.wooledge.org/BashPitfalls?highlight=%28%28BashPitfalls%29%29">29/10/2013 @ 09:41:07</a>]</li>
<li>(70) Je m'étonne de n'avoir jamais partager ce lien. C'est un outil qui -me- permet de découvrir beaucoup d'artiste "similaire" à ceux que je connais déjà ! Super pratique et bien foutu ! [<a target="_blank" href="http://audiomap.tuneglue.net/">29/10/2013 @ 10:36:10</a>]</li>
<li>(71) cocorico ! Un strasbourgeois fait une démo de Nunchaku (devant la FAC de Strasbourg) [<a target="_blank" href="http://www.nikopik.com/2013/10/un-ninja-fait-une-demonstration-artistique-de-nunchaku.html">29/10/2013 @ 14:47:38</a>]</li>
<li>(72) Wow, c'est super intéréssant de voir qu'une voiture électrique demande + de ligne de code qu'un avion de ligne °o° [<a target="_blank" href="http://www.nikopik.com/2013/10/combien-de-lignes-de-codes-pour-un-jeu-une-application-un-systeme-dexploitation.html">29/10/2013 @ 14:48:27</a>]</li>
<li>(73) Ah c'est pas mal ca, enlever le filtre polarisant de l’écran, monté le sur vos lunettes et vous serez le seul à voir votre écran <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://gizmodo.com/how-to-build-an-amazing-secret-monitor-only-you-can-see-1454497835">30/10/2013 @ 08:45:41</a>]</li>
<li>(74) Avant toute chose, j'aime troller les Apple Fanboy <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  C'est de bon cœur, j'ai commencé mon expérience sur Apple (avec un Mac II) <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" /><br />
Avant, ma citation préféré c’était : "Faut pas s’étonner que les produits d'une pomme croqué depuis 30ans, soit moisie".<br />
Maintenant, ça va être "Si tu as un Mac, c'est que tu es une pute" <img src="media/5a932613.icon_biggrin.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_biggrin.gif" alt=":D" class="wp-smiley" />  [<a target="_blank" href="?jBTiAg">30/10/2013 @ 16:08:06</a>]</li>
<li>(75) Hum, dommage : Je bois mon café de la main gauche en général ! [<a target="_blank" href="http://9gag.com/gag/aZP7dbp">30/10/2013 @ 20:08:30</a>]</li>
<li>(76) Et ben oui, à force d'être occupé à droite à gauche, je viens de me rendre compte par hasard que hier, ça fait 2 ans que le m0le'o'blog existe ! [<a target="_blank" href="http://blog.m0le.net/">30/10/2013 @ 23:01:37</a>]</li>
<li>(77) Sympa ces monuments enterrés ! [<a target="_blank" href="http://gizmodo.com/the-art-of-hiding-a-building-six-acts-of-architectural-1454259712">31/10/2013 @ 08:18:00</a>]</li>
<li>(78) Je suis quand même super impressionné par la préparation et l'équipement qu'il trimbale, pour traverser l’Amérique en un peu moins de 29h ! (Vitesse moyenne : 98Mph quand même (~160Km/h) ! )<br />
Edit : C'est pas 90MPH, mais 98MPH (160km/h), merci à Flo pour sa vigilance <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://jalopnik.com/meet-the-guy-who-drove-across-the-u-s-in-a-record-28-h-1454092837/@barrett">31/10/2013 @ 08:18:46</a>]</li>
<li>(79) Sympa <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  Certains trucs, je suis pareil <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://www.youtube.com/watch?v=3pKRgp9ChrE&amp;feature=youtube_gdata">31/10/2013 @ 08:36:08</a>]</li>
<li>(80) Hahaha, les costumes pour codeur ! Excellent <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://mashable.com/2013/10/30/halloween-costumes-programmers-comic/?utm_campaign=Mash-Prod-RSS-Feedburner-All-Partial&amp;utm_cid=Mash-Prod-RSS-Feedburner-All-Partial&amp;utm_medium=feed">31/10/2013 @ 15:03:56</a>]</li>
<li>(81) Ah, j'aime bien ce genre d'anecdotes de film !<br />
via http://www.cochisette.com/links/?QekHDA [<a target="_blank" href="http://dailygeekshow.com/2013/10/31/45-anecdotes-amusantes-sur-vos-films-cultes-que-vous-ignoriez-peut-etre/">31/10/2013 @ 20:10:13</a>]</li>
</ul>
<p><a target="_blank" href="http://www.flickr.com/photos/pikonasso/5180073392/in/photolist-8TKemd/">Photo</a></p>
<p>---------</p>
<p>Les <a target="_blank" href="http://blog.m0le.net/category/episode/nonos-vrac/">Nono's Vrac</a> sont généré depuis <a target="_blank" href="http://blog.m0le.net/2013/03/08/nonos-vrac-88-via-shaarli-presentation-fin/">mon petit hook</a> de l'application <a target="_blank" href="http://sebsauvage.net/wiki/doku.php?id=php:shaarli">shaarli</a>, que j'utilise ici : <a target="_blank" href="http://shaarli.m0le.net/">shaarli.m0le.net</a></p>


feed_id: http://blog.m0le.net/?p=7145
title: Nono's Songs : Beastie Boys - Don't Play no Game That I Can't Win
uri: Nono-s-Songs-Beastie-Boys-Don-t-Play-no-Game-That-I-Can-t-Win
url: http://blog.m0le.net/2013/11/12/nonos-songs-beastie-boys-dont-play-no-game-that-i-cant-win/
content:
<p>Les <a target="_blank" title="Nono's Songs" href="http://blog.m0le.net/category/episode/nonos-songs/">Nono's Songs</a> n'ont pas de but particulier si ce n'est de publier des musiques que j'apprécie.</p>
<p>Je ne donne aucune appréciation, je poste que des musiques, trouvées au détour du Net, ou d'un son/bruit que j'ai pu entendre quelques part ou avec quelqu'un. Ce n'est en aucun cas un signe de "nouveauté" ou un effet de mode quelconque.</p>
<p>Voici le clip non officiel de <strong>Beastie Boys </strong>qui nous propose <strong>Don't Play no Game That I Can't Win<br />
</strong></p>
<p style="text-align: center;"><!-- Begin - Secure HTML5 Video Player -->
<div class='video-js-box sh5vp-video-box tube-css' >
<iframe id='vjs-ff-http://blog-m0le-net/wp-content/uploads/mp4/Beastie_Boys_-_Dont_Play_no_Game_That_I_Cant_Win' type='text/html' width='600' height='450' src='http://blog.m0le.net/wp-content/plugins/secure-html5-video-player/fallback/index.php?autoplay=0&mp4=http%3A%2F%2Fblog.m0le.net%2Fwp-content%2Fuploads%2Fmp4%2FBeastie_Boys_-_Dont_Play_no_Game_That_I_Cant_Win.mp4&url=http%3A%2F%2Fblog.m0le.net%2Fwp-content%2Fplugins%2Fsecure-html5-video-player' frameborder='0' /></iframe>
<p class='sh5vp-download-links'><label>Download Video:</label>
<a class="sh5vp-link-mp4" href="media/f47153ab.Beastie_Boys_-_Dont_Play_no_Game_That_I_Cant_Win.mp4" data-original-source="http://blog.m0le.net/wp-content/uploads/mp4/Beastie_Boys_-_Dont_Play_no_Game_That_I_Cant_Win.mp4">MP4</a>
</p>
</div>
<!-- End - Secure HTML5 Video Player -->
<br />
<!-- Begin - Secure HTML5 Video Player -->
<div class='video-js-box sh5vp-video-box tube-css' >
<video class='video-js sh5vp-video' width='600' height='450'  controls="controls" preload="auto"   >
<source src="media/bafe90e2.Beastie_Boys_-_Dont_Play_no_Game_That_I_Cant_Win.webm" data-original-source="http://blog.m0le.net/wp-content/uploads/mp4/Beastie_Boys_-_Dont_Play_no_Game_That_I_Cant_Win.webm" type="video/webm" />
</video>
</div>
<!-- End - Secure HTML5 Video Player -->
</p>


feed_id: http://blog.m0le.net/?p=7149
title: Ces artistes YouTubeurs ..
uri: Ces-artistes-youtubeurs
url: http://blog.m0le.net/2013/11/16/ces-artistes-youtubeurs/
content:
<p>En ce moment, je découvre (via des amis, ou par sérendipité) pas mal d'artistes (musiciens) sur YouTube, qui méritent un petit peu plus de lumière sur eux. Ils sont tous différents et on tous leurs spécialités, mais tous sont pour moi des musiciens aguerris.</p>
<p><span id="more-7149"></span></p>
<h2><a target="_blank" href="https://www.youtube.com/user/songstowearpantsto">Andrew Huang</a></h2>
<p>Le premier de ces messieurs, est ma dernière découverte en date.</p>
<p><strong>Andrew est un musicien multi-facettes</strong>, auteur de plus de 240 vidéos à ce jour, qui n'hésite pas à relever des défis musicaux qu'on lui propose, comme :</p>
<ul>
<li>Proposer une musique (uniquement) avec des <a target="_blank" href="http://www.youtube.com/watch?v=-uyM2Q8aGp0">bruitages d'eau</a>, de <a target="_blank" href="http://www.youtube.com/watch?v=xJU3h34DuFg">pierre/papier/ciseau</a>, ou même de <a target="_blank" href="http://www.youtube.com/watch?v=ilVUqrEHng0">balle de basket</a> !</li>
<li>Utiliser des ustensiles de chimie pour refaire le <a target="_blank" href="http://www.youtube.com/watch?v=h06Iu0qauTc">générique de Breaking Bad</a>.</li>
<li>Exécuter un <a target="_blank" href="http://www.youtube.com/watch?v=K_F2ByljLtc">rap en 5 langues différentes</a> (<em>Je sais que vous aimez le son !</em>)</li>
<li><strong>Faire un rap sans la lettre E</strong>, qui fait passer nos exercices de diction pour du pipi d'chat, à coté de son "Do you kids miss this fifth stiff glyph"</li>
</ul>
<p style="text-align: center;">
<p><a target="_blank" href="http://www.youtube.com/watch?v=Z8-WtH4ujps">http://www.youtube.com/watch?v=Z8-WtH4ujps</a></p>
</p>
<p style="text-align: left;">
<h2><a target="_blank" href="https://www.youtube.com/user/pvnova">PV NOVA</a></h2>
<p>Le second de ces messieurs, c'est un ami (merci Philou) qui me l'a fait découvrir. Il s'agit d'un artiste multi-instrumental, <strong>qui n'hésite pas à décortiquer différents styles musicaux - non sans humour -</strong>, afin de nous les expliquer en vidéos dans ces <a target="_blank" href="http://www.youtube.com/playlist?list=PL582DE70D03782B0F">Experiences Musicales</a>, au nombre de 19 au jour d'aujourd'hui :</p>
<ul>
<li>Il peut nous expliquer comment faire de la <a target="_blank" href="http://www.youtube.com/watch?v=7xU3B4uIyaY">musique de jeu vidéo</a></li>
<li>Exécuter du <a target="_blank" href="http://www.youtube.com/watch?v=m7GPSH9NW4I">Zouk Dance</a></li>
<li>Nous parler du B.A-BA concernant un bon <a target="_blank" href="http://www.youtube.com/watch?v=l5O7fcWDM5Q">Rock qui tache</a></li>
<li>Ou encore, la meilleure façon de faire un bon <strong>Soupe dou Brasil</strong> :</li>
</ul>
<p style="text-align: center;">
<p><a target="_blank" href="http://www.youtube.com/watch?v=VMY_vc4nZAU">http://www.youtube.com/watch?v=VMY_vc4nZAU</a></p>
</p>
<p style="text-align: left;">
<h2><a target="_blank" href="http://www.youtube.com/user/SmoothMcGroove">Smooth McGroove</a></h2>
<p>Si ce nom de vous dit rien, je pense que ses musiques, elles, vous sont déjà arrivées au coin de l'oreille. Ce YouTubeur propose <strong>des interprétations <em>a cappella</em> de différents génériques de jeux vidéo ou musique de thèmes</strong>.</p>
<ul>
<li>Ca peut aller du <a target="_blank" href="https://www.youtube.com/watch?v=4qwKCQ4M2Nw">Theme Guile de Street Fighter 2</a></li>
<li>Au thème <a target="_blank" href="https://www.youtube.com/watch?v=TqoJAyt4NQ4">Gerudo Valley dans Zelda OOT</a></li>
<li>La célèbre musique de <a target="_blank" href="https://www.youtube.com/watch?v=ndiD8V7zpAs">Super Mario World</a></li>
<li>Ou encore le tube inter-planétaire, Tetris :</li>
</ul>
<p style="text-align: center;">
<p><a target="_blank" href="http://www.youtube.com/watch?v=PV06M-Gqxgg">http://www.youtube.com/watch?v=PV06M-Gqxgg</a></p>
</p>
<p>&nbsp;</p>
<h2><a target="_blank" href="http://www.youtube.com/user/jcfroglevrai/">JC Frog</a></h2>
<p>Si ce nom de vous dit rien, c'est que vous n'avez sans doute pas assez roulé votre bille sur l'Internet <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" /> </p>
<p>Le jeune homme - hum -, du haut de sa voix et de ses guitares, nous propose des parodies de chanson, <strong>dans le thème d'Internet, des libertés, ou tout simplement de coups de gueule politiques</strong> (dont je suis moins fan).</p>
<ul>
<li><a target="_blank" href="https://www.youtube.com/watch?v=HF0WmYR-mc4">Hotel Paranoia</a> (sur l'air de Eagles - Hotel California )</li>
<li><a target="_blank" href="https://www.youtube.com/watch?v=706mmNDjhkU">Geek</a> (Radiohead - Creep)</li>
<li><a target="_blank" href="http://www.youtube.com/watch?v=nfVLrRE7GkY">Le Flouze du Business Man</a> (Michel Berger - Le blues du business man)</li>
<li>Et enfin, Ma liberté de tweeter (Florent Pagny - Ma liberté de penser) :</li>
</ul>
<p style="text-align: center;">
<p><a target="_blank" href="http://www.youtube.com/watch?v=eOqCulr2iF8">http://www.youtube.com/watch?v=eOqCulr2iF8</a></p>
</p>
<p>&nbsp;</p>
<h2>Bonus : <a target="_blank" href="http://www.youtube.com/user/jcfroglevrai/">Les chansons de Clément</a></h2>
<p>Alors oui, <strong>c'est pas DU TOUT le même genre</strong>, mais c'est un ami, et ses chansons me font bien marrer <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" /> </p>
<p style="text-align: center;">
<p><a target="_blank" href="http://www.youtube.com/watch?v=HU3MaFxxOnU">http://www.youtube.com/watch?v=HU3MaFxxOnU</a></p>
</p>
<p>&nbsp;</p>
<p>Si t'en connais d'autres, n'hésites pas à m'en faire découvrir en commentaire <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" /> </p>


feed_id: http://blog.m0le.net/?p=7161
title: Autopsie d'une dataviz [4] : des cartes choroplèthes harmonisées
uri: Autopsie-d-une-dataviz-4-des-cartes-choroplèthes-harmonisées
url: http://blog.m0le.net/2013/11/26/autopsie-dune-dataviz-4-des-cartes-choroplethes-harmonisees/
content:
<p>Je partage quelques réflexions à propos de trois cartes choroplèthes publiées récemment sur Rue89Strasbourg. Harmonisation des couleurs et opacité sont notamment au programme.</p>
<p><span id="more-7161"></span></p>
<p>Quand j'ai écrit un article avec cartes et data <a target="_blank" href="http://www.rue89strasbourg.com/index.php/2013/11/26/politique/municipales-bastions-ps-ump-strasbourg/">sur les bastions droite/gauche aux dernières municipales de Strasbourg</a>, j'étais parti pour refaire <a target="_blank" href="http://www.rue89strasbourg.com/index.php/2013/11/13/politique/abstention-elections-municipales-2014/">ce que j'avais fait pour l'abstention</a>.</p>
<p>Par souci pratique, j'utilise <a target="_blank" href="http://www.google.com/drive/apps.html#fusiontables">Google Fusion Tables</a> (GFT) pour héberger les données et les cartes directement sur le compte Google de Rue89Strasbourg.</p>
<p>Niveau <a target="_blank" href="http://fr.wikipedia.org/wiki/Carte_choropl%C3%A8the">carte choroplèthe</a>, <strong>on peut très facilement "harmoniser" les couleurs de sa carte</strong>, ou en utilisant des seaux ("buckets" dans le texte) ou en utilisant ce qu'on appelle des "gradients".</p>
<p>Les gradients font tout automatiquement : <strong>on dit juste en combien de pots on veut trier nos données,</strong> de la valeur minimale à la valeur maximale. GFT calcule tout tout seul et l'utilisateur peut changer la couleur des pots à sa guise, en respectant une palette préétablie ou non.</p>
<p>La carte suivante, qui montre l'abstention bureau de vote par bureau de vote au premier tour des municipales de Strasbourg en 2001, est programmée à partir de gradients :</p>
<p><iframe width="600" height="500" scrolling="no" frameborder="no" src="https://www.google.com/fusiontables/embedviz?q=select+col5%3E%3E1+from+16ROmuheGlRctMfPNiMcjna5l0YbPJ-IILtjH8K0&amp;viz=MAP&amp;h=false&amp;lat=48.57381569528694&amp;lng=7.741457134765715&amp;t=1&amp;z=13&amp;l=col5%3E%3E1&amp;y=2&amp;tmplt=2&amp;hml=KML"></iframe></p>
<p>Les seaux ont, quant à eux, l'avantage de laisser l'utilisateur choisir l'éventail de valeurs de chaque pot. Je peux par exemple lui dire d'utiliser telle couleur entre 0% et 2%, et telle autre entre 2% et 28%. Comme quand on fait de la vraie peinture, <strong>le secret après est une question de dosage</strong> <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":-)" class="wp-smiley" />  !</p>
<h1>Comparer des éventails différents</h1>
<p>Harmoniser l'abstention de 2001 à celle de 2008 n'avait pas posé de souci : <strong>il avait suffi d'appliquer le même éventail minimum-maximum</strong> aux deux cartes, et d'utiliser strictement la même palette.</p>
<p>Pour les candidats de la droite et de la gauche en 2008, en revanche, c'était une autre paire de manches. Il fallait traduire en couleurs le fait que :</p>
<ul>
<li>globalement, <strong>le PS avait fait une vraie percée dans la ville</strong> (de 30% à 64%), arrivant à plus de 50% dans une quarantaine de bureaux de vote de la ville</li>
<li>l'UMP avait un éventail de pourcentage plus large (de 16% à 56%), <strong>dont les valeurs extrêmes se situaient en dessous de celles du PS</strong></li>
</ul>
<p>Quelle solution adopter pour traduire ces différences ? J'ai opté pour celle-ci :</p>
<ul>
<li><strong>calculer les plages de pourcents alloués à chaque pot de couleur</strong>, pour qu'elles soient équivalentes. Si l'on prenait six pots pour l'UMP et cinq pots pour le PS, on obtenait des plages d'environ 6,75% pour les deux grands partis</li>
<li>d'utiliser <strong>des palettes de couleurs décalées</strong></li>
</ul>
<p>Plus concrètement, voici la palette allouée à l'UMP :</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-7167" alt="palette_keller" src="media/3d5189ab.palette_keller.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/11/palette_keller.png" width="187" height="68" /></p>
<p style="text-align: left;">On voit bien six pots de couleur, partant d'un blanc on ne peut plus clair vers un bleu plus foncé.</p>
<p style="text-align: left;">Voici maintenant la palette du PS :</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-7170" alt="palette_ries" src="media/a47aeebc.palette_ries.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/11/palette_ries.jpg" width="191" height="71" /></p>
<p style="text-align: left;">On distingue à présent cinq pots, dont le plus clair (valeur minimum) est plus sombre que le pot le plus clair de la droite.</p>
<p style="text-align: left;">Ce qui nous donne, en cartes, pour la droite :</p>
<p><iframe width="600" height="500" scrolling="no" frameborder="no" src="https://www.google.com/fusiontables/embedviz?q=select+col12%3E%3E3+from+1eptQA8Vl0mupHTgKbxeTbiUud-FCg5Q3DUsoBFg&amp;viz=MAP&amp;h=false&amp;lat=48.57341816183447&amp;lng=7.746606976074304&amp;t=1&amp;z=12&amp;l=col12%3E%3E3&amp;y=3&amp;tmplt=3&amp;hml=KML"></iframe></p>
<p style="text-align: left;">Et pour la gauche :</p>
<p><iframe width="600" height="500" scrolling="no" frameborder="no" src="https://www.google.com/fusiontables/embedviz?q=select+col12%3E%3E3+from+1eptQA8Vl0mupHTgKbxeTbiUud-FCg5Q3DUsoBFg&amp;viz=MAP&amp;h=false&amp;lat=48.572963834062975&amp;lng=7.74695029882821&amp;t=1&amp;z=12&amp;l=col12%3E%3E3&amp;y=4&amp;tmplt=4&amp;hml=KML"></iframe></p>
<h2>Gare à l'opacité</h2>
<p>Petite incartade sur l'opacité : GFT permet de<strong> paramétrer l'opacité de chaque pot</strong> pour plus ou moins cacher le nom des lieux en-dessous des calques colorés.</p>
<p>Mais d'office, il ne met pas la même valeur à tous les pots. Donc si vous êtes un peu étourdi et que vous avez oublié de changer l'un des pots, vous pourrez vous retrouver avec une carte où une ou plusieurs valeurs hautes sont favorisées :<br />
<iframe width="600" height="500" scrolling="no" frameborder="no" src="https://www.google.com/fusiontables/embedviz?q=select+col12%3E%3E3+from+1eptQA8Vl0mupHTgKbxeTbiUud-FCg5Q3DUsoBFg&amp;viz=MAP&amp;h=false&amp;lat=48.57216875063961&amp;lng=7.744547039550866&amp;t=1&amp;z=12&amp;l=col12%3E%3E3&amp;y=5&amp;tmplt=5&amp;hml=KML"></iframe></p>
<p>Ou l'inverse avec ici les valeurs minimales favorisées :<br />
<iframe width="600" height="500" scrolling="no" frameborder="no" src="https://www.google.com/fusiontables/embedviz?q=select+col12%3E%3E3+from+1eptQA8Vl0mupHTgKbxeTbiUud-FCg5Q3DUsoBFg&amp;viz=MAP&amp;h=false&amp;lat=48.57148724061136&amp;lng=7.742830425781335&amp;t=1&amp;z=12&amp;l=col12%3E%3E3&amp;y=6&amp;tmplt=6&amp;hml=KML"></iframe></p>
<p>Attention donc à soit utiliser la même opacité partout, soit préciser quelles valeurs sont mises en valeur et pourquoi.</p>
<h1>Comparer les écarts droite-gauche dans une même carte</h1>
<p>Dresser deux cartes, soigneusement harmonisées (même si d'autres choix peuvent tout à fait se justifier), c'était déjà pas mal. Mais j'avais bien envie de <strong>comparer les scores PS-UMP sur une même carte</strong>.</p>
<p>Pour cela, <strong>l'écart de pourcentage semblait tout désigné</strong>. J'ai donc choisi de soustraire les pourcentages de Mme Keller aux pourcentages de M. Ries, mais j'aurais pu faire l'inverse et obtenir le même résultat.</p>
<p>Ce coup-ci, <strong>les seaux ont été particulièrement utiles</strong> pour diviser en tranches de 5% les différents écarts.</p>
<p>D'un côté, j'avais 25%, 20%, 15%, 10%, 5% en faveur de l'UMP, de l'autre 40%, 30%, 25%, 20%, 15%, 10% et 5% en faveur du PS.</p>
<p>Encore une fois, <strong>l'écart étant plus fort du côté de la gauche, j'ai adapté les palettes de couleurs utilisées pour le traduire</strong>.</p>
<p>Enfin, j'ai choisi <strong>la couleur blanche dans les bureaux à moins de 5% en faveur du PS et de l'UMP</strong>. Ce qui, au final, donne ça :<br />
<iframe width="600" height="500" scrolling="no" frameborder="no" src="https://www.google.com/fusiontables/embedviz?q=select+col12%3E%3E3+from+1eptQA8Vl0mupHTgKbxeTbiUud-FCg5Q3DUsoBFg&amp;viz=MAP&amp;h=false&amp;lat=48.56819314598118&amp;lng=7.743860394043058&amp;t=1&amp;z=12&amp;l=col12%3E%3E3&amp;y=2&amp;tmplt=2&amp;hml=GEOCODABLE"></iframe></p>
<h1>A vos comm'</h1>
<p>Si jamais vous avez des remarques et/ou lectures concernant les choroplèthes, lâchez-vous <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":-)" class="wp-smiley" />  !</p>


feed_id: http://blog.m0le.net/?p=7193
title: Nono's Vrac 101 - Dalmatiens
uri: Nono-s-Vrac-101-Dalmatiens
url: http://blog.m0le.net/2013/12/13/nonos-vrac-101-dalmatiens/
content:
<p>Pour ce 101ième Nono's Vrac, deux (micro) nouveautés, dont une visible et l'autre "invisible".</p>
<p>La première, c'est l'ajout d'un jeu de mot pourri au titre des Nono's Vrac (qui suivront par des histoires ou fait en rapport avec le nombre).</p>
<p>La deuxième, c'est l'utilisation de ma nouvelle modification du hook de shaarli que j'utilise pour générer ces Nono's Vrac, que j'ai mis sur <a target="_blank" href="https://github.com/Nono-m0le/Shaarlisting">github</a>. C'est moisi, mais à toute fin utile ...</p>
<p><a target="_blank" href="media/b4b13a32.Norway-Photograph-16.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/12/Norway-Photograph-16.jpg" rel="lightbox[7193]" title="Nono's Vrac 101 - Dalmatiens"><img class="aligncenter  wp-image-7196" alt="Norway-Photograph-16" src="media/b4b13a32.Norway-Photograph-16.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2013/12/Norway-Photograph-16.jpg" width="600" height="400" /></a></p>
<p>liste de lien du 01/11/2013 au 30/11/2013 :</p>
<ul>
<li>(1) Je sais pas comment Nathan Myhrvold fait pour réaliser ces clichés en vu de coupe, mais c'est super bien fait °o° [<a target="_blank" href="http://www.fubiz.net/2013/10/31/the-art-and-science-of-cooking/">01/11/2013 @ 10:05:08</a>]</li>
<li>(2) Wow, j'adore le travail du Français Pierre-Yeves Riveau (alias PEZ) ! [<a target="_blank" href="http://mashable.com/2013/10/31/pop-culture-art/#_">01/11/2013 @ 10:18:59</a>]</li>
<li>(3) Les Slo-Mo guys font exploser un bâtiment <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://gizmodo.com/blowing-up-a-building-in-slo-mo-is-a-great-way-to-start-1456680398">01/11/2013 @ 15:47:48</a>]</li>
<li>(4) Un "contre" avis à l'auto-hébergement très intéressant. A contre courant, mais très bien pensé, et, d'après moi, à juste sur pas mal de point. Mise en garde nécessaire, à l'heure des YunoHost et co. (via http://lamaredugof.fr/blog/2013/11/actus-generalistes-2013-s44/) [<a target="_blank" href="http://cabusar.fr/?p=547">04/11/2013 @ 21:30:42</a>]</li>
<li>(5) Tout le monde se prend la tête avec la religion en ce moment. Moi, j'me marre avec des conneries, comme j'ai toujours aimé le faire <img src="media/5a932613.icon_biggrin.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_biggrin.gif" alt=":D" class="wp-smiley" />  [<a target="_blank" href="http://www.topito.com/top-eglise-comportement-pas-bien-peter-dans-le-benitier">04/11/2013 @ 22:46:23</a>]</li>
<li>(6) Sympa ce Medley de Daft Punk A Cappella par le groupe Pentatonix ! [<a target="_blank" href="http://mashable.com/2013/11/05/pentatonix-daft-punk/?utm_campaign=Mash-Prod-RSS-Feedburner-All-Partial&amp;utm_cid=Mash-Prod-RSS-Feedburner-All-Partial&amp;utm_medium=feed">05/11/2013 @ 10:32:42</a>]</li>
<li>(7) Ah cool, un guide pour plier les tshirt en "rouleau" !via http://tontof.net/index.php?2013/11/05/11/59/24-quelques-liens-inutiles-pour-passer-le-temps-46 [<a target="_blank" href="http://snapguide.com/guides/fold-a-shirt-military-style-save-space-and-room/">05/11/2013 @ 14:31:59</a>]</li>
<li>(8) WOW °o° °o° De l’hyper-réalisme aussi bien fait, j'en ai rarement vu ! Magnifique [<a target="_blank" href="http://www.fubiz.net/2013/11/05/hyper-realistics-paintings-by-robin-eley/">05/11/2013 @ 17:36:55</a>]</li>
<li>(9) Haha, c'est mon système de versionning \o/ (la dernière case hein :p) [<a target="_blank" href="http://www.commitstrip.com/fr/2013/11/05/git-svn-ou/">06/11/2013 @ 08:28:23</a>]</li>
<li>(10) Ca pu la merde cette histoire de "Caller ID by Google" ... [<a target="_blank" href="http://www.clubic.com/internet/google/googleplus/actualite-597742-avatar-google-associe-numero-telephone-internaute.html">06/11/2013 @ 13:52:17</a>]</li>
<li>(11) Oh, le centre d'archivage de Archive.org à San Francisco à pris feu avant-hier. 600 000$ de dégât, un appel au don est lancé ! [<a target="_blank" href="http://gizmodo.com/the-internet-archives-scanning-center-has-been-destroy-1460027106">07/11/2013 @ 21:51:46</a>]</li>
<li>(12) Ce petit est assez impressionnant <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://www.isheep.fr/2013/11/jimmy-kimmel-fait-passer-un-test-de-geographie-a-un-petit-genie-de-5-ans/">08/11/2013 @ 08:28:24</a>]</li>
<li>(13) Hum, not bad [<a target="_blank" href="http://mashable.com/2013/11/07/amazing-soccer-tricks/?utm_campaign=Mash-Prod-RSS-Feedburner-All-Partial&amp;utm_cid=Mash-Prod-RSS-Feedburner-All-Partial&amp;utm_medium=feed">08/11/2013 @ 09:14:54</a>]</li>
<li>(14) 1 ebook sur le crochetage de serrure.<br />
via http://sebsauvage.net/links/?yeJ3pg [<a target="_blank" href="http://korben.info/un-ebook-gratuit-sur-le-crochetage-de-serrure.html">11/11/2013 @ 12:01:55</a>]</li>
<li>(15) Oh, c'est chouette ce tool pour checker la validité de ses mails <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" /><br />
En plus, c'est toujours agréable de se taper un 10/10 du premier coup quelques part <img src="media/5a932613.icon_biggrin.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_biggrin.gif" alt=":D" class="wp-smiley" /><br />
via http://lehollandaisvolant.net/index.php?mode=links&amp;id=20131108203502 [<a target="_blank" href="http://www.mail-tester.com/">11/11/2013 @ 13:42:31</a>]</li>
<li>(16) Haha, j'ai explosé de rire en lisant certaines <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://www.topito.com/top-choses-eviter-ejaculation-precoce">11/11/2013 @ 13:53:49</a>]</li>
<li>(17) Excellent *o* Un mix des bruits de Zelda 64 - Ocarina Of Time !!<br />
via http://liens.vader.fr/?A1gbRQ [<a target="_blank" href="http://www.youtube.com/watch?v=G-4u5L4um0c">11/11/2013 @ 16:52:11</a>]</li>
<li>(18) 10min de jazz et de soufflage de verre ! Je trouve ça hypnotisant ! (Ne vous fiez pas à la mauvaise note WOT) [<a target="_blank" href="http://aeon.co/film/vintage-classic-on-glass-blowing-and-jazz/">12/11/2013 @ 11:54:50</a>]</li>
<li>(19) Je ne sais pas si c'est la meilleur méthode, mais perso, je mets mon code PIWIK, à la fin du fichier tpl/includes.html de shaarli ... Ca semble fonctionner correctement <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="?jYBFIg">12/11/2013 @ 12:38:23</a>]</li>
<li>(20) Pouah, ca doit vraiment être un travail de dinguos ! [<a target="_blank" href="http://www.thisiscolossal.com/2013/11/john-lewis-stop-motion-ad/">13/11/2013 @ 00:01:18</a>]</li>
<li>(21) Hahaha, c'est énorme <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://www.topito.com/top-vraies-histoires-tableaux-celebres">13/11/2013 @ 00:50:53</a>]</li>
<li>(22) Ca fait toujours du bien du Zelda <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://mashable.com/2013/11/13/zelda-a-capella/?utm_campaign=Mash-Prod-RSS-Feedburner-All-Partial&amp;utm_cid=Mash-Prod-RSS-Feedburner-All-Partial&amp;utm_medium=feed">14/11/2013 @ 08:31:58</a>]</li>
<li>(23) Toujours intéréssant d'avoir une liste de "bons" films (d'après l'American Film Institute) [<a target="_blank" href="http://fr.wikipedia.org/wiki/AFI%27s_10_Top_10">14/11/2013 @ 10:11:15</a>]</li>
<li>(24) Ah ouais, pas mauvais en Robot-Dance le mec ! [<a target="_blank" href="http://www.nikopik.com/2013/11/un-mec-qui-danse-comme-un-robot-dune-maniere-bluffante.html">14/11/2013 @ 18:47:49</a>]</li>
<li>(25) les 10 "meilleurs" films des frères Coen : A voir pour ceux que je n'ai pas encore vu <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://www.topito.com/top-10-des-meilleurs-films-des-freres-coen">17/11/2013 @ 16:51:46</a>]</li>
<li>(26) Alors ca, j’étais loin de m'en douter °o° [<a target="_blank" href="http://secouchermoinsbete.fr/40943-il-y-a-l-effet-placebo-et-les-boutons-placebo">17/11/2013 @ 16:54:54</a>]</li>
<li>(27) wow, super idée ! Une sorte d'airbag mais en casque pour vélo ... Qui se matérialise par une écharpe à porter ! [<a target="_blank" href="http://mashable.com/2013/11/16/invisible-helmet/?utm_campaign=Mash-Prod-RSS-Feedburner-All-Partial&amp;utm_cid=Mash-Prod-RSS-Feedburner-All-Partial&amp;utm_medium=feed">17/11/2013 @ 17:39:57</a>]</li>
<li>(28) Avoir des tiroirs DANS ses escaliers : Si c'est possible (rien derrière), c'est plus que pratique !<br />
via http://lehollandaisvolant.net/?mode=links&amp;id=20131115124303 [<a target="_blank" href="https://lh4.googleusercontent.com/-7pk0TLMb0Kc/UoYB2G9RNDI/AAAAAAAADsA/OrM-KADvftc/s426/1422585_664829659/45/5689 @ 10:00:428552_n.png" class="broken_link">17/11/2013 @ 17:51:37</a>]</li>
<li>(29) Haha, Luc Dumas s'est fait blacklister :p Consécration ? <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://www.luc-damas.fr/humeurs/blacklist/">18/11/2013 @ 00:34:38</a>]</li>
<li>(30) Alors, je n’applique UNIQUEMENT cette méthode à mes utilisateurs, mais lorsqu'il me demande comment remplir les conditions de mot de passe windows (ouch), je leur donne ce truc :<br />
-<br />
Exemple : Q01-secret&nbsp;</p>
<p>Pourquoi ?<br />
la partie "Q01-" remplira la condition (parfois difficile à remplir pour les utilisateurs "lambda") : 1 majuscule, 1 chiffre, 1 caractère spécial.</p>
<p>01, permet de changer son mot de passe 12 fois, sans prendre l'un des 12 derniers (politique microsoft). (Q02-secret ... Q12-secret ... puis revenir à Q01).</p>
<p>Je ne dis pas que c'est une/la (bonne) solution, mais ça rend beaucoup service <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://maniatux.fr/index.php?article432/la-pertinence-des-mots-de-passe#c1384759723-1">18/11/2013 @ 08:29:02</a>]</li>
<li>(31) Je suis pas (du tout) jeux vidéo sur console, mais je trouve ca relativement beau ces manette explosé ! [<a target="_blank" href="http://www.fubiz.net/2013/11/18/deconstructed-video-games/">19/11/2013 @ 10:47:15</a>]</li>
<li>(32) Tiens, "Geek" vient de l'ancien Allemand "Geck" : Qui signifie fou :p [<a target="_blank" href="http://secouchermoinsbete.fr/19971-le-geek-est-un-fou">20/11/2013 @ 22:40:43</a>]</li>
<li>(33) omg omg omg ! GoldenEye gratuit sur PC, plus besoin de sortir la 64 <img src="media/5a932613.icon_biggrin.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_biggrin.gif" alt=":D" class="wp-smiley" />  [<a target="_blank" href="http://www.nikopik.com/2013/11/un-remake-gratuit-de-goldeneye-qui-utilise-le-moteur-3d-dhalf-life-2.html">20/11/2013 @ 22:43:10</a>]</li>
<li>(34) Bon, ok, d'accord, j'utiliserais "ip" désormais ... (Je vais essayer du moins)<br />
via http://sebsauvage.net/links/?DEroqA [<a target="_blank" href="http://sametmax.com/you-are-deprecated/">20/11/2013 @ 22:45:53</a>]</li>
<li>(35) O M G °o° 'seulement' 4ans pour sculpter ce tronc d'arbre de 12m ?! Le travail est incroyable de minutie !! [<a target="_blank" href="http://www.thisiscolossal.com/2013/11/zheng-chunhui-tree-sculpture/">20/11/2013 @ 23:01:22</a>]</li>
<li>(36) L'explication des chutes au foot en 1 seul GIF ! Excellent <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" /><br />
via http://lehollandaisvolant.net/?mode=links&amp;id=20131118233037 [<a target="_blank" href="media/fb763344.1353612560-gif-an-1.gif" data-original-source="http://image.noelshack.com/fichiers/2012/47/1353612560-gif-an-1.gif">20/11/2013 @ 23:07:45</a>]</li>
<li>(37) J'avais déjà pensé à faire ca; voilà la méthode, pour récupérer l'or sur les composants électroniques : Ca n'a pas l'air si compliqué ! [<a target="_blank" href="http://hackaday.com/2013/11/18/salvaging-gold-from-old-electronics/">20/11/2013 @ 23:12:49</a>]</li>
<li>(38) Bon, c'est un truc à se couper, mais ca peut servir ! [<a target="_blank" href="http://sploid.gizmodo.com/how-to-open-a-can-without-a-can-opener-1467157416/@caseychan">20/11/2013 @ 23:19:05</a>]</li>
<li>(39) Oh, j'adore Micheal Winslow, pour ces bruitages et son jeu d'acteur <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" /><br />
via http://lehollandaisvolant.net/?mode=links&amp;id=20131119183551 [<a target="_blank" href="http://www.youtube.com/watch?v=3OIEGGTmtXE">21/11/2013 @ 00:16:49</a>]</li>
<li>(40) C'est ce qu'on appelle un hommage en fanfare <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://mashable.com/2013/11/19/clemson-marching-band-nintendo/?utm_campaign=Mash-Prod-RSS-Feedburner-All-Partial&amp;utm_cid=Mash-Prod-RSS-Feedburner-All-Partial&amp;utm_medium=feed">21/11/2013 @ 00:39:42</a>]</li>
<li>(41) Neeeeeeeed ! C'est génial ces prises !! [<a target="_blank" href="http://www.w3sh.com/2013/11/20/magnifique-prise-murale-par-legrand/">21/11/2013 @ 00:55:25</a>]</li>
<li>(42) HAHAHA <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" /><br />
via https://tiger-222.fr/shaarli/?RdSjhQ [<a target="_blank" href="media/9ae2d683.2335.jpg" data-original-source="http://karh.free.fr/GloryOwl/%2335.jpg">21/11/2013 @ 01:38:24</a>]</li>
<li>(43) Intéressant reportage sur le business de l'eau avec Nestlé ! Ca donne envie de boycotter... BTW, le site encyclovideo.net est plein de documentaire !! [<a target="_blank" href="http://www.encyclovideo.net/nestle-et-le-business-de-l-eau-en-bouteille.html">21/11/2013 @ 08:38:23</a>]</li>
<li>(44) Pas con, masquer les touches inutile des télécommandes !<br />
via http://lehollandaisvolant.net/index.php?mode=links&amp;id=20131120232150 [<a target="_blank" href="https://i.chzbgr.com/maxW500/7908426240/h9FEFB6C0/">21/11/2013 @ 09:54:13</a>]</li>
<li>(45) MOUHAHAHAHAHA. C'est juste pas possible d'atterrir dans un mauvais aéroport ! En plus le B787 quoi &gt;&lt;<br />
Edit: Il est finalement reparti <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  http://mashable.com/2013/11/21/dreamlifter-wrong-airport/ [<a target="_blank" href="http://mashable.com/2013/11/21/boeing-dreamlifter-wrong-airport/?utm_campaign=Mash-Prod-RSS-Feedburner-All-Partial&amp;utm_cid=Mash-Prod-RSS-Feedburner-All-Partial&amp;utm_medium=feed">21/11/2013 @ 16:16:08</a>]</li>
<li>(46) De loin, un des meilleurs clip que j'ai pu voir dans le style : Des graph de malade, des shots/cut à la limite du parfait et une BO qui déglingue <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  Du plaisir en boite ! [<a target="_blank" href="http://www.youtube.com/watch?v=Pv-Do30-P8A">23/11/2013 @ 17:48:03</a>]</li>
<li>(47) 75 photos du monde, vraiment magnifique ! Comme une envie de voyager °o° [<a target="_blank" href="http://voyagerloin.com/actualite/75-photos-du-monde-lavez-jamais-vu/">23/11/2013 @ 23:57:32</a>]</li>
<li>(48) C'est excellent cette techno ! 1 image en 2D ET en 3D, où on peut même afficher 2 choses différentes (langues par exemple). [<a target="_blank" href="http://gizmodo.com/this-screen-can-display-2d-and-3d-images-at-the-same-ti-1469626806">24/11/2013 @ 00:19:48</a>]</li>
<li>(49) °o° il "pleut" de la roche (volcanique?) au Mont Etna ! [<a target="_blank" href="http://gizmodo.com/mount-etna-is-making-it-rain-rocks-1470873430">25/11/2013 @ 13:16:50</a>]</li>
<li>(50) Accrocher une caméra sur un petit buggy radio-télécommandé, pour prendre des photos de lion ... au plus près <img src="media/5a932613.icon_biggrin.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_biggrin.gif" alt=":D" class="wp-smiley" />  [<a target="_blank" href="http://sploid.gizmodo.com/nothing-is-cuter-photos-of-lions-than-this-camera-rover-1471110944/@barrett">26/11/2013 @ 08:52:19</a>]</li>
<li>(51) C'est pourtant simple ? [<a target="_blank" href="http://www.commitstrip.com/fr/2013/11/25/tout-le-monde-na-pas-ce-sens-inne-avec-les-machines/">26/11/2013 @ 08:53:30</a>]</li>
<li>(52) Il n'a pas l'air bien notre lieutenant-colonel Karl-Heinz Inäbnit <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://www.rts.ch/video/couleur3/120-secondes/5405986-l-armee-suisse-va-fermer-plusieurs-places-d-armes.html?rts_source=rss_v">27/11/2013 @ 08:44:13</a>]</li>
<li>(53) 2 solutions (1 en commentaire) pour activer l'auto-completion d'un commande SSH (nom de serveur connu). [<a target="_blank" href="http://www.tux-planet.fr/activer-lauto-completion-pour-la-commande-ssh/">28/11/2013 @ 08:37:11</a>]</li>
<li>(54) Je vous postais un des meilleurs clip que j'ai pu voir (ici : http://shaarli.m0le.net/?MDutvg ) voilà une interview de la réalisatrice, avec la vidéo préquelle <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  Juste géniale ! (merci à Seb) [<a target="_blank" href="http://ilovegraffiti.de/lars/2013/11/26/interview-with-selina-miles-limitless/">28/11/2013 @ 08:52:10</a>]</li>
<li>(55) Effet de la télévision ! Bien vu ! [<a target="_blank" href="media/c643764d.moutons.jpg" data-original-source="http://www.mails-boulets.fr/media/images/moutons.jpg">28/11/2013 @ 09:23:35</a>]</li>
<li>(56) Je trouve que c'est pas totalement inutile de rappeler l'ironie de la sécurité des aéroports ... On peut parfaitement construire des ARMES, APRÈS le contrôle ! [<a target="_blank" href="http://korben.info/ce-mcgyver-des-aeroports-fabrique-des-armes-lethales-partir-dobjets-achetes-apres-les-controles-de-securite.html">28/11/2013 @ 09:30:33</a>]</li>
</ul>
<p><a target="_blank" href="http://www.fubiz.net/2013/11/05/norway-photography/">Photo</a></p>
<p>---------</p>
<p>Les <a target="_blank" href="http://blog.m0le.net/category/episode/nonos-vrac/">Nono's Vrac</a> sont généré depuis <a target="_blank" href="http://blog.m0le.net/2013/03/08/nonos-vrac-88-via-shaarli-presentation-fin/">mon petit hook</a> de l'application <a target="_blank" href="http://sebsauvage.net/wiki/doku.php?id=php:shaarli">shaarli</a>, que j'utilise ici : <a target="_blank" href="http://shaarli.m0le.net/">shaarli.m0le.net</a></p>


feed_id: http://blog.m0le.net/?p=7206
title: Nono's Songs : Joseph Jaime [Beatles Regrooved] - Lucy In The Sky With Diamonds
uri: Nono-s-Songs-Joseph-Jaime-Beatles-Regrooved-Lucy-In-The-Sky-With
url:
http://blog.m0le.net/2013/12/19/nonos-songs-joseph-jaime-beatles-regrooved-lucy-in-the-sky-with-diamonds/

content:
<p>Les <a target="_blank" title="Nono's Songs" href="http://blog.m0le.net/category/episode/nonos-songs/">Nono's Songs</a> n'ont pas de but particulier si ce n'est de publier des musiques que j'apprécie.</p>
<p>Je ne donne aucune appréciation, je poste que des musiques, trouvées au détour du Net, ou d'un son/bruit que j'ai pu entendre quelques part ou avec quelqu'un. Ce n'est en aucun cas un signe de "nouveauté" ou un effet de mode quelconque.</p>
<p>Voici le non clip  de <strong>Joseph Jaime [Beatles Regrooved] </strong>qui nous propose <strong>Lucy In The Sky With Diamonds<br />
</strong></p>
<p style="text-align: center;"><!-- Begin - Secure HTML5 Video Player -->
<div class='video-js-box sh5vp-video-box tube-css' >
<iframe id='vjs-ff-http://blog-m0le-net/wp-content/uploads/mp4/Joseph_Jaime_Beatles_Regrooved_-_Lucy_In_The_Sky_With_Diamonds' type='text/html' width='600' height='450' src='http://blog.m0le.net/wp-content/plugins/secure-html5-video-player/fallback/index.php?autoplay=0&mp4=http%3A%2F%2Fblog.m0le.net%2Fwp-content%2Fuploads%2Fmp4%2FJoseph_Jaime_Beatles_Regrooved_-_Lucy_In_The_Sky_With_Diamonds.mp4&url=http%3A%2F%2Fblog.m0le.net%2Fwp-content%2Fplugins%2Fsecure-html5-video-player' frameborder='0' /></iframe>
<p class='sh5vp-download-links'><label>Download Video:</label>
<a class="sh5vp-link-mp4" href="media/a7c63079.seph_Jaime_Beatles_Regrooved_-_Lucy_In_The_Sky_With_Diamonds.mp4" data-original-source="http://blog.m0le.net/wp-content/uploads/mp4/Joseph_Jaime_Beatles_Regrooved_-_Lucy_In_The_Sky_With_Diamonds.mp4">MP4</a>
</p>
</div>
<!-- End - Secure HTML5 Video Player -->
<br />
<!-- Begin - Secure HTML5 Video Player -->
<div class='video-js-box sh5vp-video-box tube-css' >
<video class='video-js sh5vp-video' width='600' height='450'  controls="controls" preload="auto"   >
<source src="media/fb742a7a.eph_Jaime_Beatles_Regrooved_-_Lucy_In_The_Sky_With_Diamonds.webm" data-original-source="http://blog.m0le.net/wp-content/uploads/mp4/Joseph_Jaime_Beatles_Regrooved_-_Lucy_In_The_Sky_With_Diamonds.webm" type="video/webm" />
</video>
</div>
<!-- End - Secure HTML5 Video Player -->
</p>


feed_id: http://blog.m0le.net/?p=7216
title: Nono's Vrac 102 - Le cocktail de Gainsbourg
uri: Nono-s-Vrac-102-Le-cocktail-de-Gainsbourg
url: http://blog.m0le.net/2014/01/14/nonos-vrac-102-le-cocktail-de-gainsbourg/
content:
<p>Pour finir l'année 2013 avec ce 102ième Nono's Vrac, une note musicalo-alcoolique propre à notre Gainsbarre national.</p>
<p><strong>102</strong> est un cocktail cher à Serge Gainsbourg : Il s'agit simplement de 2 doses de Pastis 51.</p>
<p><a target="_blank" href="media/4752d98a.Polar-Bear-Photography8.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/01/Polar-Bear-Photography8.jpg" rel="lightbox[7216]" title="Nono's Vrac 102 - Le cocktail de Gainsbourg"><img class="aligncenter  wp-image-7217" alt="Polar Bear, Hudson Bay, Canada" src="media/4752d98a.Polar-Bear-Photography8.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/01/Polar-Bear-Photography8.jpg" width="600" height="399" /></a></p>
<p>Liste de lien du 01/12/2013 au 31/12/2013 :</p>
<ul>
<li>(1) Haha, le bitcoin expliqué par l'équipe de 120 secondes :p [<a target="_blank" href="http://www.rts.ch/video/couleur3/120-secondes/5416048-le-bitcoin-bat-tous-les-records.html?rts_source=rss_v">01/12/2013 @ 13:38:51</a>]</li>
<li>(2) Comment Seagate procède pour récupérer des données d'un disque dur : intéressant à souhait !<br />
via http://links.yome.ch/?ZqyUTw [<a target="_blank" href="http://www.presence-pc.com/actualite/photoreportages/166-recuperation-donnees-disque-dur.html">01/12/2013 @ 13:40:49</a>]</li>
<li>(3) Tiens, Mediapart suit notre groupe "m0le'o'Blog" sur Google+ [<a target="_blank" href="media/0d3b7b6f.gL52bh4.png" data-original-source="http://i.imgur.com/gL52bh4.png">03/12/2013 @ 17:41:10</a>]</li>
<li>(4) ouah, preseed à l'air bigrement utile pour le déploiement de machines (debian) en masse ! Installation automatique en utilisant un fichier de configuration. [<a target="_blank" href="http://guillaume.vaillant.me/?p=372">03/12/2013 @ 23:02:33</a>]</li>
<li>(5) neeeeed ! Faire de l’électricité tout en ayant un meilleur feu (en rando) : C'est juste génial ce truc °o° [<a target="_blank" href="http://www.biolitestove.com/campstove/camp-overview/features/">03/12/2013 @ 23:06:14</a>]</li>
<li>(6) J'aime bien ce genre de vidéo qui montre comment les haches se construisaient en 1960 <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://hackaday.com/2013/12/03/retrotechtacular-an-axe-factory-of-yore/">04/12/2013 @ 08:37:47</a>]</li>
<li>(7) Tiens, je pensais que c’était du FAKE la première fois que j'avais vu ca. En fait, la peinture par immersion dans l'eau existe vraiment :p [<a target="_blank" href="http://sploid.gizmodo.com/i-want-to-dip-everything-in-this-magic-hydrocoating-wat-1476116127/@caseychan">04/12/2013 @ 09:04:06</a>]</li>
<li>(8) Un tumblr des photos oubliées/jamais publiées pour les 125 ans de National Geographic ! Même à l'époque, ils savaient prendre de bonnes photos <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://natgeofound.tumblr.com/">04/12/2013 @ 12:08:14</a>]</li>
<li>(9) wooooooooot (j'ai adoré cette série à l’époque) \o/ [<a target="_blank" href="http://mashable.com/2013/12/04/veronica-mars-movie-premieres-march-14/">05/12/2013 @ 00:37:35</a>]</li>
<li>(10) Un musée d'objets confisqués par un prof <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" /><br />
via http://links.yome.ch/?MizknQ [<a target="_blank" href="http://www.konbini.com/fr/inspiration-2/prof-expose-objets-confisques-eleves/">05/12/2013 @ 08:47:16</a>]</li>
<li>(11) Oh, c'est sympa ce design pour un support d'ordi portable ! [<a target="_blank" href="http://www.w3sh.com/2013/12/04/slate-mobile-airdesk-un-support-pour-ordinateur-portable-tres-pratique/">05/12/2013 @ 08:53:39</a>]</li>
<li>(12) Le TOP10 des métiers selon le palmashow <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://www.topito.com/top-metiers-palmashow-very-bad-blagues">05/12/2013 @ 08:54:37</a>]</li>
<li>(13) Le prochain hymne Suisse vu par l'équipe de 120 secondes <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://www.rts.ch/video/couleur3/120-secondes/5431235-un-nouvel-hymne-national.html?rts_source=rss_v">05/12/2013 @ 12:30:53</a>]</li>
<li>(14) Effectivement, un bon documentaire (en plusieurs parties/vidéos) sur la fabrication de t-shirt. [<a target="_blank" href="http://www.nikopik.com/2013/12/un-tres-bon-documentaire-sur-le-processus-de-fabrication-de-nos-t-shirts.html">05/12/2013 @ 14:44:49</a>]</li>
<li>(15) Avec firefox, quand on télécharge un film (que ce soit avec un plugin du genre DownThemAll! ou pas), le fichier .part (ou .dtapart) est lisible avec vlc. Du coup, il suffit de s'assurer qu'on le télécharge en moins de temps que la durée totale de film, pour le voir sans coupure, directement depuis le .(dta)part ! (Pour un 1080p, avec une connexion incertaine, attendez d'en avoir téléchargé au moins le quart <img src="media/32e3219c.icon_wink.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_wink.gif" alt=";-)" class="wp-smiley" />  ) [<a target="_blank" href="?j0LevA">06/12/2013 @ 00:49:26</a>]</li>
<li>(16) Haha, pas mal, pour accrocher dans les toilettes <img src="media/5a932613.icon_biggrin.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_biggrin.gif" alt=":D" class="wp-smiley" />  [<a target="_blank" href="http://www.luc-damas.fr/humeurs/le-petit-tuyau/">06/12/2013 @ 08:38:11</a>]</li>
<li>(17) C'est toujours un plaisir pour les yeux un petit film sur le snowboard <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://www.fubiz.net/2013/11/13/never-not-by-nike/">07/12/2013 @ 18:09:42</a>]</li>
<li>(18) Intéressant ces quelques fait sur la santé. Beaucoup de maladie seraient curables ... mais ne sont pas profitable. Ça fait réfléchir !<br />
via https://wtf.roflcopter.fr/links/pogo/?mj9okw [<a target="_blank" href="http://www.jaime-ca.org/article-la-sante-121458670.html">09/12/2013 @ 08:43:48</a>]</li>
<li>(19) Les photos Reuters de 2013 [<a target="_blank" href="http://www.fubiz.net/2013/12/06/reuters-photos-of-the-year-2013/">09/12/2013 @ 08:44:29</a>]</li>
<li>(20) Une mise en place de backup incrémentiel (pour raspberry) [<a target="_blank" href="http://www.planet-libre.org/index.php?post_id=15781&amp;go=external">09/12/2013 @ 08:47:52</a>]</li>
<li>(21) La frénésie bitcoin vu par fredo &amp; pid'jin <img src="media/5a932613.icon_biggrin.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_biggrin.gif" alt=":D" class="wp-smiley" />  [<a target="_blank" href="http://www.pidjin.net/2013/12/09/bitcoined/">09/12/2013 @ 16:45:08</a>]</li>
<li>(22) Beardyman (un beatboxeur) fait son show (58min) et c'est assez puissant <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" /><br />
via http://www.nothing-is-3d.com/links/?I-4PGA [<a target="_blank" href="https://www.youtube.com/watch?v=qciVXUHTN10">10/12/2013 @ 00:17:26</a>]</li>
<li>(23) Mettre https et ssh derrière le même port, grâce à SSLH !<br />
via http://sebsauvage.net/links/?Xb1wFg [<a target="_blank" href="http://memo-linux.com/sslh-https-et-ssh-sur-le-meme-port/">10/12/2013 @ 08:31:18</a>]</li>
<li>(24) Pas que les codeurs : Ceux qui roulent leurs billes depuis un moment sur internet savent reconnaitre les pubs "cachées" <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://www.commitstrip.com/fr/2013/12/09/le-truc-quun-codeur-sait-reconnaitre-dinstinct/">10/12/2013 @ 08:34:10</a>]</li>
<li>(25) Pas mal le remake de "What does the fox say" version étudiant de médecine "What Does the Spleen Do" <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://mashable.com/2013/12/09/what-does-the-spleen-do-harvard/?utm_campaign=Mash-Prod-RSS-Feedburner-All-Partial&amp;utm_cid=Mash-Prod-RSS-Feedburner-All-Partial&amp;utm_medium=feed">10/12/2013 @ 08:47:00</a>]</li>
<li>(26) J'adore ce genre de reportage et ces machines énormes (qui creusent des tunnels). <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://gizmodo.com/meet-mom-chung-the-massive-machine-digging-tunnels-und-1479794219">10/12/2013 @ 08:53:15</a>]</li>
<li>(27) Je suis toujours impressionné par ce que les gens peuvent faire <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="https://www.youtube.com/watch?v=exOA_rGl1BY">10/12/2013 @ 10:30:03</a>]</li>
<li>(28) Aaah, De Caunes et Garcia pendant la grande époque de Nulle Part Ailleurs <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  Un bon petit top10 (mais il en manque bcp) [<a target="_blank" href="http://www.topito.com/top-10-des-meilleurs-personnages-de-de-caunes-a-nulle-part-ailleurs">10/12/2013 @ 19:29:38</a>]</li>
<li>(29) Un court mais joli time-lapse de SFO, l'aéroport de San-Francisco. Il me rappelle de bons souvenirs pour ma part <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://vimeo.com/79946472">10/12/2013 @ 19:41:53</a>]</li>
<li>(30) Une petite vidéo de Bike Parkour à San Francisco (Merci à Touti) [<a target="_blank" href="https://www.youtube.com/watch?v=K9XCKP9KN7A">11/12/2013 @ 05:43:00</a>]</li>
<li>(31) Sympa ca : Tester si votre site est accessible (pingable en fait) depuis différents pays dans le monde<br />
via http://sebsauvage.net/links/?o7OGIQ [<a target="_blank" href="http://cloudmonitor.ca.com/en/ping.php">12/12/2013 @ 08:11:04</a>]</li>
<li>(32) J'aime bien les infographies d'Alfred <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" /><br />
via http://www.cochisette.com/links/?EWtHMA [<a target="_blank" href="http://www.mercialfred.com/cartes-monde.html">12/12/2013 @ 08:12:00</a>]</li>
<li>(33) Après une liste des vidéos phare de 2013 : La vidéo medley qui les combines (presque) toutes. [<a target="_blank" href="http://mashable.com/2013/12/11/most-watched-youtube-videos-of-2013/?utm_campaign=Mash-Prod-RSS-Feedburner-All-Partial&amp;utm_cid=Mash-Prod-RSS-Feedburner-All-Partial&amp;utm_medium=feed">12/12/2013 @ 08:12:26</a>]</li>
<li>(34) Intéressant mini-reportage sur les coulisses High-Tech de la Fête des Lumière à Lyon [<a target="_blank" href="http://www.clubic.com/video/video-fete-des-lumieres-2013-les-coulisses-high-tech-en-video-442842.html">12/12/2013 @ 13:12:28</a>]</li>
<li>(35) Bon, vous l'apprendrez peut-être comme moi, Mozart raffolait de l'humour scatologique au point d'en faire un canon ! (Merci à Philou) [<a target="_blank" href="http://fr.wikipedia.org/wiki/Leck_mich_im_Arsch">12/12/2013 @ 16:04:12</a>]</li>
<li>(36) Des webcam à travers le monde (dont des locaux de la NASA, au Canal de Panama, ou différents site de téléscope) ! [<a target="_blank" href="http://gizmodo.com/22-awesome-science-infrastructure-webcams-from-around-1477886609">13/12/2013 @ 08:01:20</a>]</li>
<li>(37) oooh, ca j'adore <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  Jeu de mot littéraire à la limite du SFW <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" /><br />
via https://bajazet.fr/shaarli/?fqZhFw [<a target="_blank" href="http://desfistsetdeslettres.tumblr.com/">13/12/2013 @ 08:12:56</a>]</li>
<li>(38) Putain trop excellent, je veux faire la même chez moi <img src="media/5a932613.icon_biggrin.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_biggrin.gif" alt=":D" class="wp-smiley" />  [<a target="_blank" href="http://hackaday.com/2013/12/12/open-your-hackerspace-door-with-a-phone-call/">13/12/2013 @ 13:26:19</a>]</li>
<li>(39) Hour of Code : Prenez 1h pour apprendre à coder. C'est pas mal ce genre d'initiative ! [<a target="_blank" href="http://code.org/learn/beyond">15/12/2013 @ 09:47:47</a>]</li>
<li>(40) Des news qui font plaisir à voir : Munich a enfin fini sa migration vers du tout linux ! [<a target="_blank" href="http://www.pcinpact.com/news/84932-munich-enfin-libre.htm">16/12/2013 @ 08:15:01</a>]</li>
<li>(41) Voilà pourquoi je le fais jamais 0:-) (surtout si c'est pour le défaire chaque nuit ...) [<a target="_blank" href="http://secouchermoinsbete.fr/45609-pour-votre-sante-ne-faites-pas-votre-lit">16/12/2013 @ 10:07:39</a>]</li>
<li>(42) Il parait qu'il n'y a pas de mauvaises pub ? <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" /><br />
via http://links.yome.ch/?fnVFHA [<a target="_blank" href="http://www.youtube.com/watch?v=fNN5LARrFBs">17/12/2013 @ 10:08:23</a>]</li>
<li>(43) Des iles ou archipels artificiels ! [<a target="_blank" href="http://gizmodo.com/these-amazing-artificial-islands-and-archipelagos-rule-1481262678">17/12/2013 @ 11:04:00</a>]</li>
<li>(44) La vérité sur les volants de badminton :Dvia https://www.mypersonnaldata.eu/shaarli/?R-6eNA [<a target="_blank" href="http://canartichou.tumblr.com/post/70028470379">17/12/2013 @ 11:35:34</a>]</li>
<li>(45) Oh, Piwik m'a proposé la mise à jour vers sa version 2.0.<br />
Elle change pas mal par rapport à la 1.2 que j'avais ! [<a target="_blank" href="http://piwik.m0le.net">17/12/2013 @ 14:50:24</a>]</li>
<li>(46) Best GIF EVER !! &lt;3 (merci à Gilles) [<a target="_blank" href="https://lh4.googleusercontent.com/tT2x87jZHjzY5dJlYvcXppaZ8JhBJhw09pO5IvyVXQU_=w320-h240">17/12/2013 @ 16:59:40</a>]</li>
<li>(47) Une voiture (presque) complètement transparente ! Merci à Flo [<a target="_blank" href="http://www.spi0n.com/shell-helix-voiture-transparente/">21/12/2013 @ 12:42:35</a>]</li>
<li>(48) Bonne idée ca, utiliser des enceintes à vibrations, derrière un cadre photo ! [<a target="_blank" href="http://korben.info/recyclage-denceinte-vibrations.html">23/12/2013 @ 09:16:42</a>]</li>
<li>(49) Je suis presque d'accord avec le titre : Quand c'est beau, je m'enfou de savoir si c'est vrai ou des effets spéciaux. [<a target="_blank" href="http://sploid.gizmodo.com/nothing-is-real-in-movies-but-who-cares-when-it-looks-t-1486106817/@caseychan">23/12/2013 @ 09:33:27</a>]</li>
<li>(50) Je trouve ce petit cube excellent <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" /><br />
via http://sebsauvage.net/links/?08nmpQ [<a target="_blank" href="https://www.youtube.com/watch?v=n_6p-1J551Y">23/12/2013 @ 10:01:43</a>]</li>
<li>(51) Je kif l'utilisation de l'espace dans ce graph ! [<a target="_blank" href="http://www.streetartutopia.com/?p=13226">23/12/2013 @ 10:14:56</a>]</li>
<li>(52) les 15 pubs de l'année 2013. Comme quoi, ca existe encore de "bonnes" pub ! [<a target="_blank" href="http://dailygeekshow.com/2013/12/22/les-15-meilleures-publicites-de-lannee-2013/">23/12/2013 @ 10:20:31</a>]</li>
<li>(53) Quelques commande unix pratique à connaitre ! [<a target="_blank" href="http://arturoherrero.com/2013/11/29/command-line-one-liners/">24/12/2013 @ 09:33:00</a>]</li>
<li>(54) Décidément, j'adore PV Nova <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://www.youtube.com/watch?v=1h5jb3mBKv8">24/12/2013 @ 18:13:31</a>]</li>
</ul>
<p><a target="_blank" href="http://www.fubiz.net/2013/12/13/polar-bear-photography/">Photo</a></p>
<p>---------</p>
<p>Les <a target="_blank" href="http://blog.m0le.net/category/episode/nonos-vrac/">Nono's Vrac</a> sont généré depuis <a target="_blank" href="http://blog.m0le.net/2013/03/08/nonos-vrac-88-via-shaarli-presentation-fin/">mon petit hook</a> de l'application <a target="_blank" href="http://sebsauvage.net/wiki/doku.php?id=php:shaarli">shaarli</a>, que j'utilise ici : <a target="_blank" href="http://shaarli.m0le.net/">shaarli.m0le.net</a></p>


feed_id: http://blog.m0le.net/?p=7220
title: Nono's Songs : George Benson - Give Me The Night
uri: Nono-s-Songs-George-Benson-Give-Me-The-Night
url: http://blog.m0le.net/2014/01/19/nonos-songs-george-benson-give-me-the-night/
content:
<p>Les <a target="_blank" title="Nono's Songs" href="http://blog.m0le.net/category/episode/nonos-songs/">Nono's Songs</a> n'ont pas de but particulier si ce n'est de publier des musiques que j'apprécie.</p>
<p>Je ne donne aucune appréciation, je poste que des musiques, trouvées au détour du Net, ou d'un son/bruit que j'ai pu entendre quelques part ou avec quelqu'un. Ce n'est en aucun cas un signe de "nouveauté" ou un effet de mode quelconque.</p>
<p>Voici le non clip de <strong>George Benson </strong>qui nous propose <strong>Give Me The Night<br />
</strong></p>
<p style="text-align: center;"><!-- Begin - Secure HTML5 Video Player -->
<div class='video-js-box sh5vp-video-box tube-css' >
<iframe id='vjs-ff-http://blog-m0le-net/wp-content/uploads/mp4/George_Benson_-_Give_Me_The_Night' type='text/html' width='600' height='450' src='http://blog.m0le.net/wp-content/plugins/secure-html5-video-player/fallback/index.php?autoplay=0&mp4=http%3A%2F%2Fblog.m0le.net%2Fwp-content%2Fuploads%2Fmp4%2FGeorge_Benson_-_Give_Me_The_Night.mp4&url=http%3A%2F%2Fblog.m0le.net%2Fwp-content%2Fplugins%2Fsecure-html5-video-player' frameborder='0' /></iframe>
<p class='sh5vp-download-links'><label>Download Video:</label>
<a class="sh5vp-link-mp4" href="media/1790c3a7.George_Benson_-_Give_Me_The_Night.mp4" data-original-source="http://blog.m0le.net/wp-content/uploads/mp4/George_Benson_-_Give_Me_The_Night.mp4">MP4</a>
</p>
</div>
<!-- End - Secure HTML5 Video Player -->
<br />
<!-- Begin - Secure HTML5 Video Player -->
<div class='video-js-box sh5vp-video-box tube-css' >
<video class='video-js sh5vp-video' width='600' height='450'  controls="controls" preload="auto"   >
<source src="media/9fde8d3a.George_Benson_-_Give_Me_The_Night.webm" data-original-source="http://blog.m0le.net/wp-content/uploads/mp4/George_Benson_-_Give_Me_The_Night.webm" type="video/webm" />
</video>
</div>
<!-- End - Secure HTML5 Video Player -->
</p>


feed_id: http://blog.m0le.net/?p=7223
title: Nono's Songs : Dave Brubeck Quartet - Take Five
uri: Nono-s-Songs-Dave-Brubeck-Quartet-Take-Five
url: http://blog.m0le.net/2014/01/27/nonos-songs-dave-brubeck-quartet-take-five/
content:
<p>Les <a target="_blank" title="Nono's Songs" href="http://blog.m0le.net/category/episode/nonos-songs/">Nono's Songs</a> n'ont pas de but particulier si ce n'est de publier des musiques que j'apprécie.</p>
<p>Je ne donne aucune appréciation, je poste que des musiques, trouvées au détour du Net, ou d'un son/bruit que j'ai pu entendre quelques part ou avec quelqu'un. Ce n'est en aucun cas un signe de "nouveauté" ou un effet de mode quelconque.</p>
<p>Voici le non clip de <strong>Dave Brubeck Quartet </strong>qui nous propose <strong><strong>Take Five</strong><br />
</strong></p>
<p style="text-align: center;"><!-- Begin - Secure HTML5 Video Player -->
<div class='video-js-box sh5vp-video-box tube-css' >
<iframe id='vjs-ff-http://blog-m0le-net/wp-content/uploads/mp4/Dave_Brubeck_Quartet_-_Take_Five' type='text/html' width='600' height='450' src='http://blog.m0le.net/wp-content/plugins/secure-html5-video-player/fallback/index.php?autoplay=0&mp4=http%3A%2F%2Fblog.m0le.net%2Fwp-content%2Fuploads%2Fmp4%2FDave_Brubeck_Quartet_-_Take_Five.mp4&url=http%3A%2F%2Fblog.m0le.net%2Fwp-content%2Fplugins%2Fsecure-html5-video-player' frameborder='0' /></iframe>
<p class='sh5vp-download-links'><label>Download Video:</label>
<a class="sh5vp-link-mp4" href="media/79959c2a.Dave_Brubeck_Quartet_-_Take_Five.mp4" data-original-source="http://blog.m0le.net/wp-content/uploads/mp4/Dave_Brubeck_Quartet_-_Take_Five.mp4">MP4</a>
</p>
</div>
<!-- End - Secure HTML5 Video Player -->
<br />
<!-- Begin - Secure HTML5 Video Player -->
<div class='video-js-box sh5vp-video-box tube-css' >
<video class='video-js sh5vp-video' width='600' height='450'  controls="controls" preload="auto"   >
<source src="media/7d1a8b10.Dave_Brubeck_Quartet_-_Take_Five.webm" data-original-source="http://blog.m0le.net/wp-content/uploads/mp4/Dave_Brubeck_Quartet_-_Take_Five.webm" type="video/webm" />
</video>
</div>
<!-- End - Secure HTML5 Video Player -->
</p>


feed_id: http://blog.m0le.net/?p=7237
title: Meilleures voeux ... 2.0
uri: Meilleures-voeux-2-0
url: http://blog.m0le.net/2014/02/06/meilleures-voeux-2-0/
content:
<p>Il n'est jamais trop tard pour bien faire, et via ce trait d'humour que j'ai reçu par mail, j'ai trouvé que c’était très actuelle comme réaction face à tout ce merdier politico-religio-juridiquo-moisi qui est omniprésent ces dernières années. Trêve de blabla :</p>
<p><span id="more-7237"></span></p>
<div>Chers amis,</div>
<div>Je vous ai envoyé mes vœux, mais après consultation d'un avocat, je me suis rendu compte de l'imprudence de ma formulation.<br />
Vous souhaiter une bonne année, une bonne santé et la prospérité m’expose en effet au risque de poursuites...</p>
<p>Voici donc la version rectifiée de mes vœux, qui remplace la précédente et qui est en conformité avec le principe de précaution inscrit dans la Constitution.</p>
<p><b><span style="text-decoration: underline;">Nouvelle formulation</span></b></p>
<p>Je vous prie d'accepter, sans aucune obligation implicite ou explicite de votre part, mes vœux à l'occasion du solstice d'hiver et du premier de l'an, en adéquation avec la tradition, la religion ou les valeurs existentielles de votre choix, dans le respect de la tradition, de la religion ou des valeurs existentielles des autres,<br />
ou dans le respect de leur refus, en la circonstance, de traditions, religions ou valeurs existentielles, ou de leur droit de manifester leur indifférence aux fêtes populaires programmées</p>
<p>Ces vœux concernent plus particulièrement :</p>
<p>- la santé, ceci ne supposant de ma part aucune connaissance particulière de votre dossier médical, ni d'une quelconque volonté de m'immiscer dans le dialogue confidentiel établi avec votre médecin traitant ou votre assureur avec lequel vous auriez passé une convention obsèques ;</p>
<p>- la prospérité, étant entendu que j’ignore tout de la somme figurant sur votre déclaration de revenus, de votre taux d'imposition et du montant des taxes et cotisations auxquelles vous êtes assujetti ;</p>
<p>- le bonheur, sachant que l'appréciation de cette valeur est laissée à votre libre arbitre et qu'il n'est pas dans mon intention de vous recommander tel ou tel type de bonheur.</p>
<p><b><span style="text-decoration: underline;">Nota Bene :</span></b></p>
<p>Le concept d'année nouvelle est ici basé, pour des raisons de commodité, sur le calendrier grégorien, qui est celui le plus couramment utilisé dans la vie quotidienne de la région à partir de laquelle ces vœux vous sont adressés.</p>
<p>Son emploi n'implique aucun désir de prosélytisme.</p>
<p>La légitimité des autres chronologies utilisées par d'autres cultures n'est absolument pas mise en cause.</p>
<p>Notamment :</p>
<p>- le fait de ne pas dater ces vœux du yawm as-sabt 1 Safar de l'an 1434 de l'Hégire (fuite du Prophète à Médine) ne constitue ni une manifestation d'islamophobie, ni une prise de position dans le conflit israëlo-palestinien ;</p>
<p>- le fait de ne pas dater ces vœux du 2 Teveth 5773, ne constitue ni un refus du droit d'Israël à vivre dans des frontières sûres et reconnues, ni le délit de contestation de crime contre l'humanité ;</p>
<p>- le fait de ne pas dater ces vœux du 3ème jour (du Chien de Métal) du 11ème mois (Daxue, Grande Neige) de l'année du Dragon d'Eau, 78ème cycle, n'implique aucune prise de position dans l'affaire dite "des frégates de Taïwan" ;</p></div>
<div>- le fait de ne pas dater ces vœux du Quintidi de la 3ème décade de Frimaire de l'an 221 de la République Française, une et indivisible, ne saurait être assimilé à une contestation de la forme républicaine des  institutions.</p>
<p>Enfin, l'emploi de la langue française ne sous-entend aucun jugement de valeur.Son choix tient au fait qu'elle est la seule couramment pratiquée par l'expéditeur.<br />
Tout autre idiome a droit au respect tout comme ses locuteurs.</p>
<p>Clause de non responsabilité légale :</p>
<p>En acceptant ces vœux, vous renoncez à toute contestation postérieure.</p>
<p>Ces vœux ne sont pas susceptibles de rectification ou de retrait.</p>
<p>Ils sont librement transférables à quiconque, sans indemnités ni royalties.</p>
<p>Leur reproduction est autorisée.</p>
<p>Ils n'ont fait l'objet d'aucun dépôt légal. Ils sont valables pour une durée d'une année, à la condition d'être employés selon les règles  habituelles et à l'usage personnel du destinataire.</p>
<p>A l'issue de cette période, leur renouvellement n'a aucun caractère obligatoire et reste soumis à la libre décision de l’expéditeur.</p>
<p>Ils sont adressés sans limitation préalable liée aux notions d'âge, de genre, d'aptitude physique ou mentale, de race, d'ethnie, d'origine, de communauté revendiquée, de pratiques sexuelles, de régime alimentaire, de convictions politiques, religieuses ou philosophiques, d'appartenance syndicale,susceptibles de caractériser les destinataires.</p></div>
<p>Leurs résultats ne sont, en aucun cas, garantis et l'absence, totale comme partielle, de réalisation n'ouvre pas droit à compensation.</p>
<p>En cas de difficultés liées à l'interprétation des présentes, la juridiction compétente est le Tribunal habituel du domicile de l'expéditeur.</p>
<p>Après ce préambule je me permets de vous (ré)adresser mes vœux.</p>
<p>La vie est de plus en plus simple !.</p>
<p><span style="text-decoration: underline;">NB. Le fait d'avoir choisi la police de caractère "Helvetica" ne présuppose évidemment pas de jugement de valeur sur la Suisse.</span></p>
<p><a target="_blank" href="http://www.flickr.com/photos/leschampslibres/11801139794/">Photo</a></p>


feed_id: http://blog.m0le.net/?p=7201
title: Autopsie d'une dataviz [5.1] : gagner du temps sur QGis
uri: Autopsie-d-une-dataviz-5-1-gagner-du-temps-sur-QGis
url: http://blog.m0le.net/2014/02/08/autopsie-dune-dataviz-5-1-gagner-du-temps-sur-qgis/
content:
<p>Première partie d'une trilogie consacrée à <a target="_blank" href="http://www.rue89strasbourg.com/index.php/2014/02/10/politique/europeennes-comment-contrer-labstention/">un gros travail de cartographie réalisé pour Rue89Strasbourg</a>. Au programme pour commencer : comment gagner un maximum de temps sur QGis.</p>
<p><span id="more-7201"></span>Je me suis lancé il y a quelques semaines dans un projet assez costaud : <strong>réaliser une cartographie électorale d'une énorme zone, en prenant comme références plus de 9 000 communes</strong>. Pour cela, je me suis servi de deux stocks de données gratuits :</p>
<ul>
<li>les <a target="_blank" href="http://export.openstreetmap.fr/contours-administratifs/communes/"><strong>limites communales</strong> répertoriées par les méticuleuses fourmis d'OpenStreetMap</a></li>
<li><strong>différents tableurs au format Excel glânés</strong> <a target="_blank" href="http://www.data.gouv.fr/">sur data.gouv.fr</a></li>
</ul>
<p>Une fois le tri fait sur les communes que je souhaitais garder pour la future visualisation, <strong>je suis passé à l'étape QGis</strong>, du nom <a target="_blank" href="http://www.qgis.org/fr/site/">de cet excellent logiciel de cartographie distribué sous licence GNU</a>.</p>
<p>Je m'attendais à devoir faire quelques modifications pour générer un .shp réutilisable, <strong>mais beaucoup de petites choses se sont accumulées</strong> et m'ont fait perdre un maximum de temps. J'en répertorie quelques-unes, en espérant que cela puisse resservir à quelqu'un.</p>
<h1>Le pénible chemin des vers des syntaxes identiques</h1>
<p>Ça a été le principal pépin au début : arriver à rassembler deux fichiers parlant de la même choses, mais pas forcément de la même façon...</p>
<h2>Utiliser des fichiers en UTF-8</h2>
<p>La première joyeuseté fut de <strong>voir des noms de communes avec accents ressembler à du yaourt à cause d'un mauvais codag</strong>e. Pour se simplifier la vie, commencez par réenregistrer les fichiers non modifiés en UTF-8, ce sera déjà ça de pris.</p>
<h2>Harmoniser les noms entre les fichiers</h2>
<p>Avant d'espérer faire une carte interactive que chaque tracé communal d'OSM soit rattaché aux données de data.gouv. <strong>Sauf que les noms répertoriés chez OSM ne sont pas forcément écrits de la même façon que les noms du fichier fourni par l'administration</strong>.</p>
<p>Plusieurs raison à cela :</p>
<ul>
<li><strong>certaines règles de nomenclature</strong>. Par exemple, la commune "Les Bouchoux" sur OSM sera noté "Bouchoux (Les)" dans le fichier de données, ou encore certains noms de commune à rallonge ne seront pas écrits avec des tirets dans l'un des fichiers. Et la correspondance ne se fera évidemment pas</li>
<li><strong>des erreurs de saisie ou des noms incomplets</strong>. Par exemple, le fichier OSM a noté la commune "Waldighofen", alors que la bonne orthographe est "Walidghoffen". Après avoir tout corrigé, je dois reconnaître que c'est bien le fichier OSM qui présentait le moins d'erreurs ou d'imprécision</li>
</ul>
<p>Ces erreurs se détectent facilement lors de la jointure avec une base de données en .csv (je reviendrai sur la manip' plus loin) <strong>car les valeurs qui devraient s'afficher à côté des communes sont notés "NULL" dans la table d'attributs</strong>.</p>
<p>C'est donc que la correspondance ne s'est pas faite, et que les noms entre les fichiers sont différents.</p>
<p>Je n'ai pas d'autre méthode que de tout corriger, patiemment à la main, sur le fichier où se trouve l'erreur. Ce qui est évidemment fastidieux...</p>
<h2>Chasser les doublons</h2>
<p>Même à la fin, il restait forcément des doublons. Or, pour l'avoir constaté, QGis ne s'embête pas : <strong>il choisit au hasard l'un des éventails de valeurs d'une commune, et le duplique sur le doublon</strong>. On perd donc des informations, ce qui n'est évidemment pas l'objectif.</p>
<p>Du coup, <strong>en cas de doublons, il faut veiller à bien les différencier</strong>. Personnellement, j'ai ajouté dans mon fichier OSM et mon fichier administratif, le numéro de département entre parenthèses après la commune qui comptait le moins d'inscrits.</p>
<h1>Quelques manip' bien utiles sur QGis</h1>
<p>Nous avons maintenant deux fichiers qui parlent de la même chose de la même façon. C'est plutôt bien, mais il y a encore quelques trucs à peaufiner. Voici quelques astuces sur le logiciel QGis pour gagner encore un peu plus de temps.</p>
<h2>Fusionner plusieurs shapefiles en un</h2>
<p>Première étape : <strong>on a les tracés communaux de chaque département dans un .shp propre, et on aimerait tous les rassembler en un</strong>.</p>
<p>Il suffit d'ouvrir tous les .shp dans QGis, de les sélectionner dans la zone de gauche, puis d'aller dans <strong>&gt; Vecteur &gt; Outils de gestion de données &gt; Fusionner les shapefiles en un seul</strong>.</p>
<p style="text-align: center;"><a target="_blank" href="media/7c3450d9.tuto_fusion.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/tuto_fusion.png" rel="lightbox[7201]" title="Autopsie d'une dataviz [5.1] : gagner du temps sur QGis"><img class="size-medium wp-image-7245  aligncenter" alt="tuto_fusion" src="media/f1c9f52f.tuto_fusion-300x168.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/tuto_fusion-300x168.png" width="300" height="168" /></a></p>
<p style="text-align: center;">Cliquez sur l'image pour l'agrandir</p>
<p style="text-align: left;">Une fois ceci fait, il ne reste plus qu'à choisir un dossier d'origine où sont rangés les .shp à fusionner, et un dossier de destination avec le nom du nouveau fichier.</p>
<p style="text-align: left;"><strong>En quelques secondes, le .shp nouveau est arrivé <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":-)" class="wp-smiley" />  !</strong></p>
<h2 style="text-align: left;">Fusionner des entités en une seule</h2>
<p>Le fichier d'OSM répertorie les limites communales de 2013. Seulement, il arrive que certaines de ces communes aient par le passé été fusionnées à d'autre, voire défusionnées.</p>
<p>Autrement dit, <strong>des données de 2009 peuvent avoir des communes en moins que celles de 2013 à cause de ces enjeux locaux</strong>.</p>
<p>Comment faire pour rassembler deux tracés voisins pour n'en faire plus qu'un seul ? Il faut d'abord <strong>sélectionner la couche .shp sur la zone de gauche, et la basculer en mode Edition</strong> (le bouton représentant un crayon).</p>
<p>Ensuite, <strong>il faut ouvrir la table d'attributs</strong> (&gt; clic droit sur la couche .shp &gt; Ouvrir la table d'attributs), sélectionner le premier tracé, puis le second en restant bien appuyé sur la touche Ctrl.</p>
<p><strong>On peut vérifier que les deux entités ont bien été sélectionnées</strong> directement sur la carte. Elles doivent être colorées en jaune.</p>
<p style="text-align: center;"><a target="_blank" href="media/07f83ddd.tuto_poly1.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/tuto_poly1.jpg" rel="lightbox[7201]" title="Autopsie d'une dataviz [5.1] : gagner du temps sur QGis"><img class="aligncenter size-medium wp-image-7250" alt="tuto_poly1" src="media/2be1b23f.tuto_poly1-300x164.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/tuto_poly1-300x164.jpg" width="300" height="164" /></a></p>
<p style="text-align: center;"><span style="line-height: 1.5em;">Cliquez sur l'image pour l'agrandir</span></p>
<p>On va alors dans <strong>&gt; Editer &gt; Fusionner les attributs des entités sélectionnées</strong> pour se retrouver sur les options suivantes.</p>
<p style="text-align: center;"><a target="_blank" href="media/40c07491.tuto_poly3.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/tuto_poly3.jpg" rel="lightbox[7201]" title="Autopsie d'une dataviz [5.1] : gagner du temps sur QGis"><img class="aligncenter size-medium wp-image-7252" alt="tuto_poly3" src="media/a3a16342.tuto_poly3-300x270.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/tuto_poly3-300x270.jpg" width="300" height="270" /></a></p>
<p style="text-align: center;">Cliquez sur l'image pour l'agrandir</p>
<p>Dans Fusion, <strong>il ne reste plus qu'à mettre le nom de la nouvelle entité, d'appuyer sur OK</strong>, et le tour est joué.</p>
<p style="text-align: center;"><a target="_blank" href="media/fd1c8fc6.tuto_poly4.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/tuto_poly4.jpg" rel="lightbox[7201]" title="Autopsie d'une dataviz [5.1] : gagner du temps sur QGis"><img class="aligncenter size-medium wp-image-7257" alt="tuto_poly4" src="media/8241c882.tuto_poly4-300x164.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/tuto_poly4-300x164.jpg" width="300" height="164" /></a></p>
<p style="text-align: center;">Cliquez sur l'image pour l'agrandir</p>
<h2 style="text-align: left;">Joindre une couche .shp à un fichier .csv</h2>
<p>On s'approche tout doucement de notre .shp final, il ne reste plus qu'à placer les données dans le couche .shp.</p>
<p>Pour cette manipulation, <strong>on va utiliser un fichier .csv (bien sauvegardé en UTF-8 :-))</strong> qui va inclure une colonne de commune <strong>dont chaque nom correspond précisément à chaque nom d'entité du fichier .shp</strong>.</p>
<p>On ouvre dans QGis le .shp et on fait glisser le .csv dans la même zone. Il ne reste plus qu'à double cliquer sur notre couche .shp, à aller dans l'onglet Jointure, à cliquer sur la croix verte et <strong>ensuite à choisir la bonne colonne de référence</strong>.</p>
<p>Voici l'illustration correspondante :</p>
<p style="text-align: center;"><a target="_blank" href="media/61effafc.tuto_jointure_1.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/tuto_jointure_1.png" rel="lightbox[7201]" title="Autopsie d'une dataviz [5.1] : gagner du temps sur QGis"><img class="aligncenter size-medium wp-image-7260" alt="tuto_jointure_1" src="media/b7363931.tuto_jointure_1-300x168.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/tuto_jointure_1-300x168.png" width="300" height="168" /></a></p>
<p style="text-align: center;">Cliquez sur l'image pour l'agrandir</p>
<p>Il ne reste plus qu'à vérifier dans notre table d'attributs que tout s'est bien passé.</p>
<p style="text-align: center;"><a target="_blank" href="media/900535d6.tuto_jointure_2.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/tuto_jointure_2.png" rel="lightbox[7201]" title="Autopsie d'une dataviz [5.1] : gagner du temps sur QGis"><img class="aligncenter size-medium wp-image-7262" alt="tuto_jointure_2" src="media/c8f41a64.tuto_jointure_2-187x300.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/tuto_jointure_2-187x300.png" width="187" height="300" /></a></p>
<p style="text-align: center;">Cliquez sur l'image pour l'agrandir</p>
<p><em>¡ Vale !</em> Aucune encombre, on peut donc enregistrer cette couche .shp customisée en nouvelle couche .shp via <strong>&gt; clic droit &gt; Sauvegarder sous</strong>.</p>
<p>On choisit <strong>le format Esri Shapefile, et surtout on exporte le tout en UTF-8</strong>.</p>
<h2>Transformer une colonne Texte en une colonne Nombre</h2>
<p>Dernière joyeuseté, et non des moindres : après la jointure, <strong>le .shp contient des colonnes Texte là où il devrait y avoir des colonnes Nombre.</strong> On a beau être certains que les colonnes du .csv étaient bien formatées comme des nombres cela ne change rien.</p>
<p>Et un problème arrive vite : <strong>quand on trie les résultats, une valeur comme 9,25 se trouve supérieure à une valeur comme 63,47</strong>. Pas terrible... Heureusement, on peut facilement <strong>transformer sur QGis une colonne à partir d'une autre</strong>.</p>
<p>Pour cela, on bascule en mode Edition (icône de crayon) et &gt; clic &gt; Ouvrir la table des attributs. De là, on clique sur l'option <strong>Ouvrir la calculatrice de champ</strong>, en haut tout à droite.</p>
<p style="text-align: center;"><a target="_blank" href="media/42cfc5f9.tuto_conv_1.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/tuto_conv_1.png" rel="lightbox[7201]" title="Autopsie d'une dataviz [5.1] : gagner du temps sur QGis"><img class="aligncenter size-medium wp-image-7265" alt="tuto_conv_1" src="media/1bd1a7a1.tuto_conv_1-288x300.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/tuto_conv_1-288x300.png" width="288" height="300" /></a></p>
<p style="text-align: center;">Cliquez sur l'image pour l'agrandir</p>
<p>De là, on peut créer une nouvelle colonne à partir d'une déjà présente.</p>
<p>Il suffit de choisir un format de colonne (rappel : <strong>un nombre avec décimales doit être formaté en real, pas en integer</strong>), de lui donner un nom et d'écrire une ligne de conversion, comme ci-après :</p>
<p style="text-align: center;"><a target="_blank" href="media/6a516dc8.tuto_conv_2.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/tuto_conv_2.jpg" rel="lightbox[7201]" title="Autopsie d'une dataviz [5.1] : gagner du temps sur QGis"><img class="aligncenter size-medium wp-image-7266" alt="tuto_conv_2" src="media/03e6bd90.tuto_conv_2-300x285.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/tuto_conv_2-300x285.jpg" width="300" height="285" /></a></p>
<p style="text-align: center;">Cliquez sur l'image pour l'agrandir</p>
<p style="text-align: left;">Dans l'exemple, <strong>on va créer une colonne "Inscrits" en transformant en nombre entier les valeurs de la colonne europ_20_1</strong>. Une fois créée, on peut trier les valeurs de cette nouvelle colonne pour vérifier qu'elles sont (enfin) bien rangées !</p>
<p style="text-align: left;">Pour ma part, j'ai dû à chaque colonne créée, refermer et réouvrir ma couche .shp pour avoir effectivement des conversions en nombre sur les transformations suivantes. Ça ne doit être qu'un bug, mais je préfère le signaler.</p>
<h1 style="text-align: left;">Les limites techniques</h1>
<p>Il y a forcément des limites dans le cas décrit précédemment. Voici celles que j'ai relevées :</p>
<ul>
<li>on peut fusionner des entités, <strong>mais pas obtenir les anciens tracés lorsqu'il y a eu fusion</strong>. Ainsi, si la commune A de 2013 est le résultat d'une fusion des communes B et C de 2004, il sera impossible de recréer ces tracés à partir de ceux fournis par OSM. Lorsque c'est arrivé, j'ai additionné les valeurs des deux communes sur celle de 2013.</li>
<li>les <strong>fichiers impossibles à traiter en l'état</strong>. Petit coup de gueule <a target="_blank" href="http://www.data.gouv.fr/fr/dataset/elections-europeennes-1999-571373">sur ce fichier précis</a>, fourni par data.gouv. Pour résumer simplement : <strong>aucune règle de nomenclature n'a été appliquée pour harmoniser les noms de communes</strong>, et chaque département a fait un peu comme il voulait. Certains toponymes sont donc en majuscules sans tirets, d'autres en majuscules avec tirets, d'autres écrits normales, certains "Les [...]" sont bien écrits, d'autre écrits "[...] (Les)". Bref, on dirait que quelqu'un a juste copié/collé les données de chaque département, <strong>sans se soucier de la réutilisation de l'ensemble</strong>. Vraiment pas glop...</li>
</ul>
<h1>A suivre</h1>
<p>Ouf, ce fut dur, mais on est enfin arrivé à un fichier shapefile rempli de données réutilisables. <strong>Au menu pour la suite : comment transformer ce fichier en cartes choroplèthes affichant plus de 9 000 zones...</strong></p>
<h1>Edit</h1>
<p>Jérémie <a target="_blank" href="http://blog.m0le.net/2014/02/08/autopsie-dune-dataviz-5-1-gagner-du-temps-sur-qgis/#comment-22507">a posté un commentaire plein de bon sens</a>, et qui mérite un grand merci et qu'on s'attarde sur une autre méthode pour gagner encore plus de temps <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":-)" class="wp-smiley" />  !</p>
<p>Le fichier OSM contient en effet <strong>des identifiants uniques, dits codes INSEE, pour chaque commune</strong> (les deux chiffres du département plus les trois de l'identifiant local), mais le fichier de data.gouv les a séparés en deux.</p>
<p>Heureusement, en deux coups de cuillère à pot, <strong>on va pouvoir reconstituer ces id</strong>.</p>
<h2>Text, pas Number</h2>
<p>Tout d'abord, Calc Office va noter les chiffres 1, 2, 3, etc... Ce qui ne nous intéresse pas, <strong>puisqu'il nous faut trois chiffres sur chaque commune</strong> (001 pour la première, 010 sur la dixième et effectivement 100 sur la centième).</p>
<p style="text-align: center;"><a target="_blank" href="media/6225d1e6.tuto_id_1.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/tuto_id_1.png" rel="lightbox[7201]" title="Autopsie d'une dataviz [5.1] : gagner du temps sur QGis"><img class="aligncenter size-medium wp-image-7332" alt="tuto_id_1" src="media/54ac833e.tuto_id_1-166x300.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/tuto_id_1-166x300.png" width="166" height="300" /></a></p>
<p style="text-align: center;">Cliquez pour agrandir l'image</p>
<p>Comment faire pour formater tout ça avec trois chiffres ? <strong>En convertissant simplement les colonnes en Texte, et pas en Nombre</strong>.</p>
<p>Pour cela, il suffit juste de cliquer-glisser sur les deux colonnes en haut (département et code commune) pour en sélectionner tout le contenu.</p>
<p>De là, un simple <strong>Ctrl+1 (pavé numérique)</strong> permet d'afficher les options de formatage de cellule. <strong>On choisit "Text"</strong>, tout en bas.</p>
<p>On peut alors réécrire 1 en le précédant de deux 0, puis cliquer-glisser depuis le bord inférieur droit de la cellule jusqu'au 9, comme ceci :</p>
<p style="text-align: center;"><a target="_blank" href="media/19af4ac7.tuto_id_2.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/tuto_id_2.png" rel="lightbox[7201]" title="Autopsie d'une dataviz [5.1] : gagner du temps sur QGis"><img class="aligncenter size-medium wp-image-7333" alt="tuto_id_2" src="media/af0a3cde.tuto_id_2-164x300.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/tuto_id_2-164x300.png" width="164" height="300" /></a></p>
<p style="text-align: center;">Cliquez sur l'image pour l'agrandir</p>
<p>Plus qu'à faire la même manip en faisant maintenant précéder 10 d'un seul zéro, et de faire la même glissade jusqu'à 99 :</p>
<p style="text-align: center;"><a target="_blank" href="media/319394ef.tuto_id_3.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/tuto_id_3.png" rel="lightbox[7201]" title="Autopsie d'une dataviz [5.1] : gagner du temps sur QGis"><img class="aligncenter size-medium wp-image-7334" alt="tuto_id_3" src="media/ac247fe5.tuto_id_3-165x300.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/tuto_id_3-165x300.png" width="165" height="300" /></a></p>
<p style="text-align: center;">Cliquez sur l'image pour l'agrandir</p>
<p>Tous nos codes sont maintenant formatés avec trois chiffres, on n'a plus qu'à réunir le département et le code <strong>pour obtenir un identifiant unique</strong>.</p>
<p>Pour cela, on va dans la colonne qui va accueillir la fusion, et on tape à l'intérieur de la première cellule la formule <strong>=CONCATENATE(A1;B1)</strong></p>
<p>Le résultat se plaque sur le bord gauche de la cellule, ce qui prouve qu'on se trouve bien face à un texte. Plus qu'à cliquer-glisser depuis le bord inférieur droit <strong>pour obtenir des identifiants identiques à ceux du fichier OSM</strong>.</p>
<p style="text-align: center;"><a target="_blank" href="media/3388990f.tuto_id_5.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/tuto_id_5.png" rel="lightbox[7201]" title="Autopsie d'une dataviz [5.1] : gagner du temps sur QGis"><img class="aligncenter size-medium wp-image-7335" alt="tuto_id_5" src="media/74c82be7.tuto_id_5-166x300.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/tuto_id_5-166x300.png" width="166" height="300" /></a></p>
<p style="text-align: center;">Cliquez sur l'image pour l'agrandir</p>
<p>Et si jamais on réalise dans QGis que la colonne identifiant de l'un des deux fichiers est un nombre au lieu d'un texte, <strong>l'astuce du calculateur de champs permettra de convertir tout ça rapido</strong>.</p>
<p>Cette astuce fait effectivement gagner beaucoup de temps, donc encore une fois un grand merci à Jérémie !</p>
<h2>Gare à la suite logique !</h2>
<p>Dans certains cas particuliers comme les fusions ou les "<a target="_blank" href="http://fr.wikipedia.org/wiki/Villages_fran%C3%A7ais_d%C3%A9truits_durant_la_Premi%C3%A8re_Guerre_mondiale">villages morts pour la France</a>", <strong>la commune en question n'apparaît pas dans le fichier de data.gouv</strong>, et il peut donc y avoir un "trou" entre les codes.</p>
<p>Pour l'illustrer, prenons les communes A, B et C (respectivement les codes 1, 2 et 3) de 2013. Si en 2009, A était fusionnée à B, le code 2 n'apparaît pas dans le fichier.</p>
<p>Mais si vous êtes un peu distrait (ou à la bourre) et que vous effectuez l'astuce précédente du cliquer-glisser, <strong>le code qui suivra 001 sera 002, et non 003</strong>.</p>
<p>Bref, <strong>assurez-vous juste qu'il n'y ait aucun trou dans les codes de communes</strong> avant de vous lancer <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":-)" class="wp-smiley" />  !</p>


feed_id: http://blog.m0le.net/?p=7326
title: Nono's Vrac 103 - plus de 40ans de mob
uri: Nono-s-Vrac-103-plus-de-40ans-de-mob
url: http://blog.m0le.net/2014/02/10/nonos-vrac-103-plus-de-40ans-de-mob/
content:
<p>Petite explication du jour : 103 désigne pour beaucoup (du moins, en France), LA mobylette (contraction de mobile et bicyclette) par excellence. La <strong>Peugeot 103</strong> a été commercialisée en 1971 et se vend toujours actuellement !</p>
<p><a target="_blank" href="media/9929623d.Glassy-Paintings5-640x640.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/Glassy-Paintings5-640x640.jpg" rel="lightbox[7326]" title="Nono's Vrac 103 - plus de 40ans de mob"><img class="aligncenter size-full wp-image-7327" alt="Glassy-Paintings5-640x640" src="media/9929623d.Glassy-Paintings5-640x640.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/Glassy-Paintings5-640x640.jpg" width="640" height="640" /></a></p>
<p>liste de lien du 01/01/2014 au 31/01/2014 :</p>
<ul>
<li>(1) Un vidéo-proj pour mobile pour 10€ <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://dailygeekshow.com/2013/12/27/pour-seulement-dix-euros-fabriquez-un-videoprojecteur-pour-votre-smartphone/">07/01/2014 @ 15:40:16</a>]</li>
<li>(2) (encore) une backdoor sur certains routeurs Linksys/Netgear. Ca fait mal ce genre de faille ... Perso, j'ai le "bon" réflexe de foutre du DD-WRT partout depuis quelques années ! [<a target="_blank" href="http://korben.info/le-port-32764-ouvert-sur-les-routeurs-linksys-et-netgear-est-une-backdoor.html">07/01/2014 @ 15:43:08</a>]</li>
<li>(3) J'y pense depuis un moment à me faire une adresse mail en prenom@nom.fr (ou .alsace quand c'est dispo :p)<br />
via http://naxos.fr.free.fr/shaarli/?0XeqfA [<a target="_blank" href="https://www.bookmyname.com/?wl=fr">07/01/2014 @ 15:46:37</a>]</li>
<li>(4) Vous aussi vous faisiez des cabanes dans les arbres étant petit ? Pas de ce genre là je pense °o° [<a target="_blank" href="http://www.fubiz.net/2014/01/03/inside-the-worlds-biggest-tree-house/">07/01/2014 @ 15:48:17</a>]</li>
<li>(5) Sympa cette table pliante !<br />
via http://sebsauvage.net/links/?1wKncA [<a target="_blank" href="media/b62971d4.bzWzyrl.gif" data-original-source="http://i.imgur.com/bzWzyrl.gif">07/01/2014 @ 15:49:51</a>]</li>
<li>(6) Excellent ! Une vidéo de Pulp Fiction en jeu 8bit <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://mashable.com/2014/01/08/8-bit-pulp-fiction/?utm_campaign=Mash-Prod-RSS-Feedburner-All-Partial&amp;utm_cid=Mash-Prod-RSS-Feedburner-All-Partial&amp;utm_medium=feed">09/01/2014 @ 09:13:15</a>]</li>
<li>(7) les significations des couleurs dans htop : Je m’étais jamais posé la question °o° [<a target="_blank" href="http://www.planet-libre.org/index.php?post_id=15938&amp;go=external">09/01/2014 @ 09:18:43</a>]</li>
<li>(8) Avec ce genre d'aménagement, ça me déplairait pas de vivre dans un château d'eau <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://www.fubiz.net/2014/01/07/water-tower-architecture/">09/01/2014 @ 09:19:46</a>]</li>
<li>(9) Tiens, ma liste de destination :p [<a target="_blank" href="http://dailygeekshow.com/2014/01/08/100-lieux-dune-beaute-surrealiste-que-vous-devez-absolument-visiter-avant-de-mourir/">09/01/2014 @ 09:46:58</a>]</li>
<li>(10) Cette vidéo est excellente ! D'une part pour ces images magnifiques, mais aussi pour le coté 'ground' qui montre un peu l'univers de l'aviation au sol ! [<a target="_blank" href="http://korben.info/bord-dun-a340-dair-tahiti-nui.html">09/01/2014 @ 10:42:35</a>]</li>
<li>(11) C'est sympa ca ! Ca permet de voir et comparer le nombre de naissance dans le temps en fonction des prénoms. (Merci à Seb) [<a target="_blank" href="http://dataaddict.fr/prenoms/">10/01/2014 @ 11:48:00</a>]</li>
<li>(12) Ce type film le crash de son avion avec sa gopro mais ce qui m’étonne le plus : le calme général ! pas 1 seul cris ou débordement... [<a target="_blank" href="http://www.isheep.fr/2014/01/un-passager-filme-le-crash-de-son-avion-avec-sa-gopro-archipel-dhawai/">11/01/2014 @ 20:40:19</a>]</li>
<li>(13) Pour avoir un frère photographe animalier, je sais ce que ça peut représenter comme temps de pouvoir faire ce genre de cliché ! C'est tout bonnement dingue comme rendu °o° [<a target="_blank" href="http://dailygeekshow.com/2014/01/14/edwin-gagne-la-confiance-des-animaux-de-la-foret-pour-les-photographier-dans-leur-intimite/">14/01/2014 @ 10:07:31</a>]</li>
<li>(14) Marrant ce tumblr. Il liste les bouts de code vu dans les films/series et les expliques ! [<a target="_blank" href="http://moviecode.tumblr.com/">14/01/2014 @ 20:11:07</a>]</li>
<li>(15) Je trouve ce laptop super: Un système libre (Ubuntu), une config correct (1.86GHz Duo Core, HDD 320GB, RAM 2 à 4 GB), modem/wifi/3xUSB/HDMI/Camera pour 8 à 10h d'autonomie et un peu plus de 2Kg. Le plus ? il est solaire et se recharge en 2 à 3h ! Pour 300€ je trouve que c'est vraiment intéréssant ! [<a target="_blank" href="http://solaptop.com/en/products/laptops/">15/01/2014 @ 10:14:51</a>]</li>
<li>(16) AAAaahhh, un bon petit nioutaik <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://www.nioutaik.fr/index.php/2014/01/14/659-la-physique-des-films-cest-vraiment-nimporte-quoi">16/01/2014 @ 16:03:58</a>]</li>
<li>(17) Une vidéo (en anglais) qui explique le processus de création d'un vinyl (en 1956). [<a target="_blank" href="http://gizmodo.com/amazing-1956-video-explains-how-music-went-from-concert-1501744670">18/01/2014 @ 11:02:32</a>]</li>
<li>(18) BIM, le streetart boost l’économie locale ! [<a target="_blank" href="http://www.streetartutopia.com/?p=13395">18/01/2014 @ 11:15:00</a>]</li>
<li>(19) Tiens, un wiki à citations ! On y trouve des écrivains ou des répliques de film. Marrant <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://fr.wikiquote.org/wiki/Accueil">18/01/2014 @ 11:33:41</a>]</li>
<li>(20) Prendre les images d'un film et y coller le son d'un autre, c'est ce que fait MVM sur sa chaîne youtube et c'est plutôt marrant <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://www.topito.com/top-mash-up-film-improbable-grand-detournement">18/01/2014 @ 11:45:20</a>]</li>
<li>(21) Mouhahaha, Top Wesh <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  Magnifique ^^ [<a target="_blank" href="http://www.youtube.com/watch?v=ECGEoifu0as">18/01/2014 @ 11:58:34</a>]</li>
<li>(22) Pouah, que des idées intéressantes d'aménagement intérieur/extérieur ! [<a target="_blank" href="http://dailygeekshow.com/2014/01/18/31-idees-innovantes-pour-une-maison-completement-metamorphosee/">18/01/2014 @ 12:07:43</a>]</li>
<li>(23) Pas mauvais en billard le monsieur !<br />
via https://wtf.roflcopter.fr/links/pogo/?17-vvg [<a target="_blank" href="https://www.youtube.com/watch?v=YWZLw6Mo8X8">19/01/2014 @ 20:24:57</a>]</li>
<li>(24) wow, magnifique cette lave bleue !<br />
via http://links.yome.ch/?Q0z2vA [<a target="_blank" href="http://www.huffingtonpost.fr/2014/01/17/photos-volcan_n_4615148.html">19/01/2014 @ 20:33:14</a>]</li>
<li>(25) Un petit jeu/challenge avec des regex <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" /><br />
via http://nabella.digital-engine.info/shaarli/?sox1uA [<a target="_blank" href="http://regex.alf.nu/">19/01/2014 @ 21:07:33</a>]</li>
<li>(26) Je me pose des questions sur la faisabilité de ces petites éoliennes, mais, pourquoi pas <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://dailygeekshow.com/2014/01/20/des-milliers-de-micro-eoliennes-pourront-bientot-recharger-votre-telephone-portable/">20/01/2014 @ 08:24:35</a>]</li>
<li>(27) wow !! Urine + Javel = dichlore (gaz toxique). C'est le genre de truc qu'on devrait savoir je trouve ... [<a target="_blank" href="http://secouchermoinsbete.fr/46760-la-javel-peut-se-transformer-en-un-gaz-hautement-toxique">20/01/2014 @ 12:04:20</a>]</li>
<li>(28) Faire sa propre scie-sauteuse avec une machine à coudre. [<a target="_blank" href="http://hackaday.com/2014/01/19/diy-scroll-saw/">20/01/2014 @ 12:32:56</a>]</li>
<li>(29) Marrant ces "top" aliments par département français ^^<br />
via http://links.yome.ch/?SL-bSA [<a target="_blank" href="http://www.journaldunet.com/economie/distribution/consommation-alimentaire-en-france.shtml">21/01/2014 @ 08:19:49</a>]</li>
<li>(30) aaaah, de quoi mettre de bonne humeur de bon matin <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://www.topito.com/top-chansons-paillardes-humour-1824">21/01/2014 @ 08:21:47</a>]</li>
<li>(31) Haha, les parodies des émissions télé "culinaire" <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://www.topito.com/top-parodies-top-chef-masterchef-c-est-gourmand-et-maling">21/01/2014 @ 08:44:47</a>]</li>
<li>(32) Hum, ca donne envie d'utiliser chrome cette grosse merde ! [<a target="_blank" href="http://gizmodo.com/google-chrome-has-a-bug-that-could-let-anyone-eavesdrop-1506483705">22/01/2014 @ 23:44:30</a>]</li>
<li>(33) bim, front flip en vélo, sur un flip ! Impressionnant ! [<a target="_blank" href="http://sploid.gizmodo.com/worlds-first-front-flip-forward-bike-flip-trick-is-a-r-1506143563/@caseychan">23/01/2014 @ 08:31:13</a>]</li>
<li>(34) Un grand fou ! Il refait un Boeing 777 à l'échelle en papier °o° [<a target="_blank" href="http://www.thisiscolossal.com/2014/01/paper-bowing-airplane/">24/01/2014 @ 08:24:55</a>]</li>
<li>(35) De joli village à travers le monde. Ca donne envie d'y aller ! [<a target="_blank" href="http://www.fubiz.net/2014/01/22/most-beautiful-villages-around-the-world/">27/01/2014 @ 08:35:57</a>]</li>
<li>(36) Plein d'objets coupés en deux (j'avais déjà vu les balles ici : http://shaarli.m0le.net/?dIwLDw ) [<a target="_blank" href="http://www.gamaniak.com/image-9807-objets-coupes-en-2.html">27/01/2014 @ 08:37:07</a>]</li>
<li>(37) wow, un bateau se fait couper en 2, pour finalement se faire allonger de 99 pieds ! Impressionnant et joli time-lapse ! [<a target="_blank" href="http://sploid.gizmodo.com/watch-cruise-ship-get-cut-in-half-and-made-99-feet-long-1510151277/@caseychan">28/01/2014 @ 14:18:54</a>]</li>
<li>(38) Cool, des BD libre de droits <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" /><br />
via http://sebsauvage.net/links/?cS3fRw [<a target="_blank" href="http://www.bdzmag.com/-La-BDztheque-">29/01/2014 @ 12:50:51</a>]</li>
<li>(39) Effectivement, super bien fait ce petit site sur l'histoire de l'aviation !<br />
via https://wtf.roflcopter.fr/links/pogo/?ACOLOQ [<a target="_blank" href="http://www.theguardian.com/world/ng-interactive/2014/aviation-100-years">29/01/2014 @ 20:50:54</a>]</li>
<li>(40) Après le petit jeu sur les regex (http://shaarli.m0le.net/?EfmIuw) ², un autre sous forme de mots croisés ! (Je l'ai beaucoup plus aimé) [<a target="_blank" href="http://linuxfr.org/news/regexcrossword-un-subtile-melange-de-sudoku-et-de-mots-croises-a-la-sauce-regex">29/01/2014 @ 20:51:19</a>]</li>
<li>(41) Haha, j'aime bien ce genre de Easter Eggs dans les grosses photos panoramique <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://gizmodo.com/can-you-spot-the-hidden-easter-eggs-in-this-20-gigapixe-1509297350">31/01/2014 @ 21:42:04</a>]</li>
<li>(42) Joli : Il intègre ces dessins dans un vrai décor [<a target="_blank" href="http://dailygeekshow.com/2014/01/27/ben-mele-son-imagination-a-la-realite-a-travers-des-oeuvres-tres-inspirees/">31/01/2014 @ 21:42:37</a>]</li>
<li>(43) Des photos de détonations d'armes à feux : Impressionnant et joli [<a target="_blank" href="http://www.fubiz.net/2014/01/27/high-speed-ballistics-photography/" class="broken_link">31/01/2014 @ 21:43:43</a>]</li>
</ul>
<p><a target="_blank" href="http://www.fubiz.net/2014/01/09/amazing-glassy-paintings/">Photo</a></p>
<p>---------</p>
<p>Les <a target="_blank" href="http://blog.m0le.net/category/episode/nonos-vrac/">Nono's Vrac</a> sont généré depuis <a target="_blank" href="http://blog.m0le.net/2013/03/08/nonos-vrac-88-via-shaarli-presentation-fin/">mon petit hook</a> de l'application <a target="_blank" href="http://sebsauvage.net/wiki/doku.php?id=php:shaarli">shaarli</a>, que j'utilise ici : <a target="_blank" href="http://shaarli.m0le.net/">shaarli.m0le.net</a></p>


feed_id: http://blog.m0le.net/?p=7226
title: Nono's Songs : Metronomy - The Look
uri: Nono-s-Songs-Metronomy-The-Look
url: http://blog.m0le.net/2014/02/10/nonos-songs-metronomy-the-look/
content:
<p>Les <a target="_blank" title="Nono's Songs" href="http://blog.m0le.net/category/episode/nonos-songs/">Nono's Songs</a> n'ont pas de but particulier si ce n'est de publier des musiques que j'apprécie.</p>
<p>Je ne donne aucune appréciation, je poste que des musiques, trouvées au détour du Net, ou d'un son/bruit que j'ai pu entendre quelques part ou avec quelqu'un. Ce n'est en aucun cas un signe de "nouveauté" ou un effet de mode quelconque.</p>
<p>Voici le clip officiel de <strong>Metronomy </strong>qui nous propose <strong><strong>The Look</strong><br />
</strong></p>
<p style="text-align: center;"><!-- Begin - Secure HTML5 Video Player -->
<div class='video-js-box sh5vp-video-box tube-css' >
<iframe id='vjs-ff-http://blog-m0le-net/wp-content/uploads/mp4/Metronomy_-_The_Look' type='text/html' width='600' height='450' src='http://blog.m0le.net/wp-content/plugins/secure-html5-video-player/fallback/index.php?autoplay=0&mp4=http%3A%2F%2Fblog.m0le.net%2Fwp-content%2Fuploads%2Fmp4%2FMetronomy_-_The_Look.mp4&url=http%3A%2F%2Fblog.m0le.net%2Fwp-content%2Fplugins%2Fsecure-html5-video-player' frameborder='0' /></iframe>
<p class='sh5vp-download-links'><label>Download Video:</label>
<a class="sh5vp-link-mp4" href="media/f62fd1eb.Metronomy_-_The_Look.mp4" data-original-source="http://blog.m0le.net/wp-content/uploads/mp4/Metronomy_-_The_Look.mp4">MP4</a>
</p>
</div>
<!-- End - Secure HTML5 Video Player -->
<br />
<!-- Begin - Secure HTML5 Video Player -->
<div class='video-js-box sh5vp-video-box tube-css' >
<video class='video-js sh5vp-video' width='600' height='450'  controls="controls" preload="auto"   >
<source src="media/b77b023e.Metronomy_-_The_Look.webm" data-original-source="http://blog.m0le.net/wp-content/uploads/mp4/Metronomy_-_The_Look.webm" type="video/webm" />
</video>
</div>
<!-- End - Secure HTML5 Video Player -->
</p>


feed_id: http://blog.m0le.net/?p=7273
title: Autopsie d'une dataviz [5.2] : des MBTiles pour éviter les tuiles
uri: Autopsie-d-une-dataviz-5-2-des-MBTiles-pour-éviter-les-tuiles
url: http://blog.m0le.net/2014/02/11/autopsie-dune-dataviz-5-2-des-mbtiles-pour-eviter-les-tuiles/
content:
<p>Comment faire pour afficher proprement et sans lenteur une carte choroplèthe contenant des milliers de zones ? Réponse dans cette seconde partie d'une trilogie cartographique !</p>
<p><span id="more-7273"></span></p>
<p><strong>Dans l'épisode précédent</strong> :</p>
<blockquote><p>Un cartographe amateur s'est lancé dans un projet un peu fou. Il souhaite créer <a target="_blank" href="http://www.rue89strasbourg.com/index.php/2014/02/10/politique/europeennes-comment-contrer-labstention/"><strong>des cartes interactives contenant des milliers d'informations</strong></a>, et est déjà parvenu, au prix d'efforts harassants, <a target="_blank" href="http://blog.m0le.net/2014/02/08/autopsie-dune-dataviz-5-1-gagner-du-temps-sur-qgis/">à obtenir un fichier .shp réutilisable</a>. Reste plus qu'à le transformer en carte...</p></blockquote>
<p>Première difficulté : <strong>notre .shp pèse environ 60 Mo</strong>... Erf, ça s'annonce dur pour l'afficher convenablement dans un service de cartographie numérique !</p>
<p>Même <a target="_blank" href="http://www.mapshaper.org/">en passant par Mapshaper</a> pour simplifier tout ça, <strong>ce ragoût de données fera ramer à coup sûr Google Fusion Tables sur n'importe quelle machine</strong>...</p>
<h1>Les MBTiles à la rescousse</h1>
<p><a target="_blank" href="https://www.mapbox.com/">Les tarés de MapBox</a> ont heureusement une solution à proposer : <a target="_blank" href="https://www.mapbox.com/developers/mbtiles/">les MapBox Tiles</a> (aujour'hui transformées <a target="_blank" href="https://www.mapbox.com/blog/vector-tiles/">en Vector Tiles</a>).</p>
<p>Le principe, pour ce que j'en ai compris, est grosso modo le suivant :</p>
<ul>
<li>en utilisant <a target="_blank" href="https://www.mapbox.com/tilemill/">l'excellent logiciel de cartographie TileMill</a>, on choisit d'exporter sa carte en MBTiles</li>
<li>TileMill va ensuite, selon les options choisies (profondeur de zoom, grandeur de la zone à afficher), <strong>découper la carte en plusieurs tuiles</strong></li>
<li>ces différentes tuiles <strong>permettront d'afficher uniquement les zones utiles</strong> en fonction du zoom et de la zone considérés.</li>
</ul>
<p><strong>Plus de ramage, plus de plantage</strong>, et en prime de l'interactivité et un poids réduit (dans notre cas environ 11 Mo). Que demande le peuple <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":-)" class="wp-smiley" />  ?</p>
<h2>Première choroplèthe avec TileMill</h2>
<p>En ouvrant un nouveau projet sur TileMill, on obtient un écran similaire au suivant :</p>
<p style="text-align: center;"><a target="_blank" href="media/d1a80052.tuto_choro_tm.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/tuto_choro_tm.png" rel="lightbox[7273]" title="Autopsie d'une dataviz [5.2] : des MBTiles pour éviter les tuiles"><img class="aligncenter size-medium wp-image-7280" alt="tuto_choro_tm" src="media/758ab7f0.tuto_choro_tm-300x158.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/tuto_choro_tm-300x158.png" width="300" height="158" /></a></p>
<p style="text-align: center;">Cliquez sur l'image pour l'agrandir</p>
<p>Par défaut, TileMill fournit un fichier de l'ensemble des nations mondiales, avec leurs frontières respectives. En bas à gauche, on voit le seul calque pour l'instant présent, #countries.</p>
<p>En haut à droite, on distingue <a target="_blank" href="https://www.mapbox.com/tilemill/docs/manual/carto/">le code CartoCSS</a> qui permet de colorer le fond de carte, les frontières et les pays :</p><pre class="crayon-plain-tag">Map {
  background-color: #b8dee6;
}

#countries {
  ::outline {
    line-color: #85c5d3;
    line-width: 2;
    line-join: round;
  }
  polygon-fill: #fff;
}</pre><p>A la base, on définit la couleur du fond de carte qui, en-dessous des pays affichés en blanc, correspondra effectivement aux mers et océans. Du coup, en changeant simplement trois couleurs, on obtient le fond de carte suivant :</p>
<p style="text-align: center;"><a target="_blank" href="media/257a0cc0.tuto_choro_tm_2.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/tuto_choro_tm_2.png" rel="lightbox[7273]" title="Autopsie d'une dataviz [5.2] : des MBTiles pour éviter les tuiles"><img class="aligncenter size-medium wp-image-7285" alt="tuto_choro_tm_2" src="media/4669ee52.tuto_choro_tm_2-300x270.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/tuto_choro_tm_2-300x270.png" width="300" height="270" /></a></p>
<p style="text-align: center;">Cliquez sur l'image pour l'agrandir</p>
<p>Pour l'instant, <strong>rien de vraiment bien méchant</strong>, on a simplement changé le code comme suit :</p><pre class="crayon-plain-tag">Map {
  background-color: #fff;
}

#countries {
  ::outline {
    line-color: #f0f0f0;
    line-width: 2;
    line-join: round;
  }
  polygon-fill: #000;
}</pre><p>On va maintenant charger le .shp obtenu précédemment. Pour cela, il faut le copier dans Mes Documents, ou en tout cas <strong>ailleurs que sur un disque dur externe</strong>.</p>
<p>Ensuite, on clique sur l'icône de calque tout en bas à gauche, puis sur <strong>"Add layer"</strong>.</p>
<p style="text-align: center;"><img class="aligncenter size-medium wp-image-7287" alt="tuto_choro_tm_3" src="media/29aee564.tuto_choro_tm_3-300x153.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/tuto_choro_tm_3-300x153.png" width="300" height="153" /></p>
<p style="text-align: left;">De là, on va cliquer sur <strong>"Browse" à côté du champ "Datasource"</strong> pour sélectionner le .shp avec toutes les données, puis cliquer sur "Save". Si le shapefile est correct, on se retrouve avec <strong>un nouveau calque au-dessus du précédent</strong>.</p>
<p style="text-align: center;"><img class="aligncenter size-medium wp-image-7290" alt="tuto_choro_tm_4" src="media/d7e12a9c.tuto_choro_tm_4-300x147.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/tuto_choro_tm_4-300x147.png" width="300" height="147" /></p>
<p style="text-align: left;">Si l'on clique sur <strong>l'icône en forme de tableur</strong> juste à côté du calque #europeennes2009geabs, voici ce que l'on peut observer :</p>
<p style="text-align: center;"><a target="_blank" href="media/5d6b20d4.tuto_choro_tm_5.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/tuto_choro_tm_5.png" rel="lightbox[7273]" title="Autopsie d'une dataviz [5.2] : des MBTiles pour éviter les tuiles"><img class="aligncenter size-medium wp-image-7292" alt="tuto_choro_tm_5" src="media/1bd15858.tuto_choro_tm_5-300x268.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/tuto_choro_tm_5-300x268.png" width="300" height="268" /></a></p>
<p style="text-align: center;">Cliquez sur l'image pour l'agrandir</p>
<p>Pour rapidement résumer :</p>
<ul>
<li>l'un des champs nombres (ABS_INS) va servir <strong>de base pour la choroplèthe</strong></li>
<li>quatre champs, celui des communes et les trois champs nombre, <strong>vont servir à remplir la fenêtre d'information</strong> qui s'affichera au survol de chaque ville</li>
</ul>
<p>Les données rattachées au calque ont l'air propres, mais on peut tout de même <strong>vérifier le bon affichage des zones contenus dans ce .shp</strong> en ajoutant ces quelques lignes au CartoCSS :</p><pre class="crayon-plain-tag">#europeennes2009geabs{
  polygon-fill: #fff;
}</pre><p>Après avoir cliqué sur "Save" en haut à droite et zoomé un tantinet, voici ce que l'on obtient dans notre cas :</p>
<p style="text-align: center;"><a target="_blank" href="media/a19b3e0d.tuto_choro_tm_6.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/tuto_choro_tm_6.png" rel="lightbox[7273]" title="Autopsie d'une dataviz [5.2] : des MBTiles pour éviter les tuiles"><img class="aligncenter size-medium wp-image-7297" alt="tuto_choro_tm_6" src="media/e3b6a979.tuto_choro_tm_6-300x269.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/tuto_choro_tm_6-300x269.png" width="300" height="269" /></a></p>
<p style="text-align: center;">Cliquez sur l'image pour l'agrandir</p>
<p>Sacré morceau, n'est-ce pas ? <strong>Reste plus qu'à programmer la fameuse choroplèthe</strong> <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":-)" class="wp-smiley" />  !</p>
<h3>Le diable est dans les détails</h3>
<p>Ce mantra, vous le lirez très souvent sur les tutoriels de ce blog, et pour cause : <strong>le diable est toujours dans les détails</strong> !</p>
<p>Dans le cas des choroplèthes, on peut par exemple hésiter <strong>entre un un éventail de couleurs séquentiel ou divergent.</strong></p>
<p><strong>Et les deux ne donneront pas du tout la même lisibilité</strong>, comme le montre l'exemple suivant (cliquez sur les calques en icônes pour changer de type de cartes) :</p>
<p style="text-align: center;"><iframe width="550" height="700" src="http://raphi.m0le.net/data/BAS/Exemples/diff_sequentiel_divergent_choroplethe.html" frameborder="0" scrolling="no"></iframe></p>
<p>Etonnant, non ? Et comme il faut rendre à César ce qui est à César, <strong>un grand merci  à <a target="_blank" href="https://twitter.com/ThierryLabro">Thierry Labro</a></strong> pour m'avoir conseillé le premier d'utiliser ce type de choroplèthe alors que j'étais parti sur une séquentielle.</p>
<p>La traduction en CartoCSS, obtenue à partir de la colonne ABS_INS et <a target="_blank" href="http://colorbrewer2.org/">d'un éventail pioché sur colorbrewer</a>, se trouve ci-après :</p><pre class="crayon-plain-tag">#europeennes2009geabs::fill[zoom&gt;=0] {
  [ABS_INS &gt; 75]{polygon-fill:#d7191c;}
  [ABS_INS &gt; 65.0][ABS_INS &lt;= 75.0]{ polygon-fill:#fc8d59; }
  [ABS_INS &gt; 55.0][ABS_INS &lt;= 65.0]{ polygon-fill:#fee08b; }
  [ABS_INS &gt; 45.0][ABS_INS &lt;= 55.0]{ polygon-fill:#ffffbf; }
  [ABS_INS &gt; 35.0][ABS_INS &lt;= 45.0]{ polygon-fill:#d9ef8b; }
  [ABS_INS &gt; 25.0][ABS_INS &lt;= 35.0]{ polygon-fill:#91cf60; }
  [ABS_INS &lt;= 25]{polygon-fill:#1a9850;}
}</pre><p>Les plus observateurs auront également remarqué plus-haut les contours des départements. Ils sont obtenus <strong>après avoir créé sur QGis un fichier des départements en fusionnant toutes les villes de chacun d'entre eux</strong>.</p>
<p>Il ne reste ensuite plus qu'à charger ce calque, et à n'afficher que ses contours comme ceci :</p><pre class="crayon-plain-tag">#deptsge {
  ::outline {
    line-color: #000;
    line-width: 1;
    line-join: round;
  }
}</pre><p>La choroplèthe a déjà pas mal de gueule, mais <strong>ce serait encore mieux si on ajoutait une légende et de l'interaction</strong>. Ça tombe bien, on peut faire tout ça depuis TileMill <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":-)" class="wp-smiley" />  !</p>
<h1>Légende et fenêtre interactive</h1>
<p>Passons maintenant à l'étape suivante avec <strong>la mise en place d'une légende</strong> sur notre belle carte. On va directement s'inspirer <a target="_blank" href="https://www.mapbox.com/tilemill/docs/guides/advanced-legends/">d'un des exemples fournis par l'équipe de MapBox</a> pour la réaliser.</p>
<p>Ce code, on va tout simplement <strong>le placer dans une zone prévue à cet effet</strong>. Pour l'atteindre, il suffit de cliquer sur l'icône en forme de main, en bas à gauche de l'interface :</p>
<p style="text-align: center;"><a target="_blank" href="media/2809fe0a.tuto_choro_tm_7.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/tuto_choro_tm_7.png" rel="lightbox[7273]" title="Autopsie d'une dataviz [5.2] : des MBTiles pour éviter les tuiles"><img class="aligncenter size-medium wp-image-7307" alt="tuto_choro_tm_7" src="media/669bbc3f.tuto_choro_tm_7-300x256.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/tuto_choro_tm_7-300x256.png" width="300" height="256" /></a></p>
<p style="text-align: center;">Cliquez sur l'image pour l'agrandir</p>
<p>Et voici le code qui anime tout ça :</p><pre class="crayon-plain-tag">&lt;div class='my-legend'&gt;
&lt;div class='legend-title'&gt;L'abstention aux européennes de 2009&lt;br/&gt; (circonscription Grand-Est)&lt;/div&gt;
&lt;div class='legend-scale'&gt;
  &lt;ul class='legend-labels'&gt;
    &lt;li&gt;&lt;span style='background:#d7191c;'&gt;&lt;/span&gt;plus de 75%&lt;/li&gt;
    &lt;li&gt;&lt;span style='background:#fc8d59;'&gt;&lt;/span&gt;entre 65% et 75%&lt;/li&gt;
    &lt;li&gt;&lt;span style='background:#fee08b;'&gt;&lt;/span&gt;entre 55% et 65%&lt;/li&gt;
    &lt;li&gt;&lt;span style='background:#ffffbf;'&gt;&lt;/span&gt;entre 45% et 55%&lt;/li&gt;
    &lt;li&gt;&lt;span style='background:#d9ef8b;'&gt;&lt;/span&gt;entre 35% et 45%&lt;/li&gt;
    &lt;li&gt;&lt;span style='background:#91cf60;'&gt;&lt;/span&gt;entre 25% et 35%&lt;/li&gt;
    &lt;li&gt;&lt;span style='background:#1a9850;'&gt;&lt;/span&gt;moins de 25%&lt;/li&gt;
  &lt;/ul&gt;
&lt;/div&gt;
&lt;div class='legend-source'&gt;Source: &lt;a href="http://www.data.gouv.fr/" target="_blank"&gt;Data.gouv&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;style type='text/css'&gt;
  .my-legend .legend-title {
    text-align: left;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 90%;
    }
  .my-legend .legend-scale ul {
    margin: 0;
    margin-bottom: 5px;
    padding: 0;
    float: left;
    list-style: none;
    }
  .my-legend .legend-scale ul li {
    font-size: 80%;
    list-style: none;
    margin-left: 0;
    line-height: 18px;
    margin-bottom: 2px;
    }
  .my-legend ul.legend-labels li span {
    display: block;
    float: left;
    height: 16px;
    width: 30px;
    margin-right: 5px;
    margin-left: 0;
    border: 1px solid #999;
    }
  .my-legend .legend-source {
    font-size: 70%;
    color: #999;
    clear: both;
    }
  .my-legend a {
    color: #777;
    }
&lt;/style&gt;</pre><p>La magie opère immédiatement après avoir sauvegardé :</p>
<p style="text-align: center;"><a target="_blank" href="media/70f0fb3f.tuto_choro_tm_8.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/tuto_choro_tm_8.png" rel="lightbox[7273]" title="Autopsie d'une dataviz [5.2] : des MBTiles pour éviter les tuiles"><img class="aligncenter size-medium wp-image-7310" alt="tuto_choro_tm_8" src="media/e83363ce.tuto_choro_tm_8-300x270.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/tuto_choro_tm_8-300x270.png" width="300" height="270" /></a></p>
<p style="text-align: center;">Cliquez sur l'image pour l'agrandir</p>
<p>Pourquoi s'arrêter en si bon chemin ? Installer des fenêtres interactives au survol de chaque commune n'a rien de bien méchant.</p>
<p>Il suffit encore une fois de se rendre dans la zone spécifique en cliquant de nouveau sur l'icône en forme de main, mais en se rendant cette fois-ci <strong>dans le menu "Teaser"</strong>.</p>
<p style="text-align: center;"><a target="_blank" href="media/6f9ba417.tuto_choro_tm_9.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/tuto_choro_tm_9.png" rel="lightbox[7273]" title="Autopsie d'une dataviz [5.2] : des MBTiles pour éviter les tuiles"><img class="aligncenter size-medium wp-image-7312" alt="tuto_choro_tm_9" src="media/892366fb.tuto_choro_tm_9-300x255.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/tuto_choro_tm_9-300x255.png" width="300" height="255" /></a></p>
<p style="text-align: center;">Cliquez sur l'image pour l'agrandir</p>
<p>Il suffit, dans le menu déroulant en bas à gauche, <strong>de choisir le calque qui contient les données à afficher</strong>. TileMill affiche chaque colonne entre trois {}. On a plus qu'à coder intuitivement notre div comme ceci :</p><pre class="crayon-plain-tag">&lt;div&gt;
&lt;strong&gt;{{{COMMUNE}}}&lt;/strong&gt;&lt;br&gt;
Inscrits : {{{INSCRITS}}} &lt;br&gt;
Abstentions : {{{ABSTENTION}}}&lt;br&gt;
Abstention : {{{ABS_INS}}} % des inscrits
&lt;/div&gt;</pre><p>Et après avoir, sauvegardé, <strong>on a enfin un résultat final plus que chouette</strong> :</p>
<p style="text-align: center;"><a target="_blank" href="media/2d4c973d.tuto_choro_tm_10.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/tuto_choro_tm_10.png" rel="lightbox[7273]" title="Autopsie d'une dataviz [5.2] : des MBTiles pour éviter les tuiles"><img class="aligncenter size-medium wp-image-7314" alt="tuto_choro_tm_10" src="media/92dd2be5.tuto_choro_tm_10-300x270.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/tuto_choro_tm_10-300x270.png" width="300" height="270" /></a></p>
<p style="text-align: center;">Cliquez sur l'image pour l'agrandir</p>
<p>Bref, tout est prêt pour l'export <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":-)" class="wp-smiley" />  !</p>
<h1>Quelques astuces pour un MBTiles léger</h1>
<p><strong>Il est temps de préparer un fichier MBTiles</strong> que l'on hébergera ensuite sur MapBox ou un serveur perso. Pour cela, on clique sur "Export" tout en haut à droite, et on choisit "MBTiles".</p>
<p>Voici deux trucs pour ne pas avoir un fichier trop lourd à l'arrivée :</p>
<ul>
<li><strong>donnez de l'air à votre carte</strong> en choisissant des bords finaux assez éloignés de votre zone. C'est surtout pratique pour que la légende ne masque pas ensuite trop de zones à afficher</li>
<li><strong>choisissez un éventail de zoom le plus restreint possible</strong>. Qui dit grosse profondeur de zoom dit aussi plus de tuiles à calculer, et donc un fichier plus lourd à l'arrivée</li>
</ul>
<p>Dans notre cas, un export optimal serait le suivant :</p>
<p style="text-align: center;"><a target="_blank" href="media/2409bd08.tuto_choro_tm_11.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/tuto_choro_tm_11.png" rel="lightbox[7273]" title="Autopsie d'une dataviz [5.2] : des MBTiles pour éviter les tuiles"><img class="aligncenter size-medium wp-image-7316" alt="tuto_choro_tm_11" src="media/534c3c20.tuto_choro_tm_11-300x157.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/tuto_choro_tm_11-300x157.png" width="300" height="157" /></a></p>
<p style="text-align: center;">Cliquez sur l'image pour l'agrandir</p>
<p>Une fois le fichier chargé dans la file d'attente, plus qu'à cliquer sur "Save" <strong>pour le voir immédiatement débarquer par défaut dans "Mes Documents"</strong>.</p>
<h1>A suivre</h1>
<p>Au menu de la troisième et dernière partie de ce tutoriel : utiliser <a target="_blank" href="https://www.mapbox.com/mapbox.js/">la librairie mapbox.js</a> <strong>pour installer un switcher qui conserve l'interactivité des fameux MBTiles</strong>.</p>


feed_id: http://blog.m0le.net/?p=7347
title: Des Snazzy Maps sur MapBox
uri: Des-Snazzy-Maps-sur-MapBox
url: http://blog.m0le.net/2014/02/17/des-snazzy-maps-sur-mapbox/
content:
<p>Quelques fonds de carte MapBox librement inspirés de merveilles trouvées <a target="_blank" href="http://snazzymaps.com/">sur Snazzy Maps</a>. Idéal pour en mettre plein la vue !</p>
<p><span id="more-7347"></span></p>
<p>Toutes ces ressources étant en Creative Commons, il aurait été dommage de s'en priver pour les réexploiter sur MapBox <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":-)" class="wp-smiley" />  !</p>
<h1>Advocado World<br />
<iframe width="100%" height="500" frameborder="0" src="http://a.tiles.mapbox.com/v3/raphadasilva.h9844m0j/mm/zoompan,zoomwheel,geocoder,share.html"></iframe></h1>
<p>Id : <strong>raphadasilva.h9844m0j</strong></p>
<h1>Blue Essence</h1>
<p><iframe width="100%" height="500" frameborder="0" src="http://a.tiles.mapbox.com/v3/raphadasilva.h9fa4pme/mm/zoompan,zoomwheel,geocoder,share.html"></iframe></p>
<p>Id : <strong>raphadasilva.h9fa4pme</strong></p>
<h1>Deep Green</h1>
<p><iframe width="100%" height="500" frameborder="0" src="http://a.tiles.mapbox.com/v3/raphadasilva.h9f97dg6/mm/zoompan,zoomwheel,geocoder,share.html"></iframe></p>
<p>Id : <strong>raphadasilva.h9f97dg6</strong></p>
<h1>Homage to Toner</h1>
<p><iframe width="100%" height="500" frameborder="0" src="http://a.tiles.mapbox.com/v3/raphadasilva.h9f8e8j0/mm/zoompan,zoomwheel,geocoder,share.html"></iframe></p>
<p>Id : <strong>raphadasilva.h9f8e8j0</strong></p>
<h1>Neutral Blue</h1>
<p><iframe width="100%" height="500" frameborder="0" src="http://a.tiles.mapbox.com/v3/raphadasilva.h982kjhn/mm/zoompan,zoomwheel,geocoder,share.html"></iframe></p>
<p>Id : <strong>raphadasilva.h982kjhn</strong></p>
<h1>Nightvision</h1>
<p><iframe width="100%" height="500" frameborder="0" src="http://a.tiles.mapbox.com/v3/raphadasilva.h986ce52/mm/zoompan,zoomwheel,geocoder,share.html"></iframe></p>
<p>Id : <strong>raphadasilva.h986ce52</strong></p>
<h1>Red Alert</h1>
<p><iframe width="100%" height="500" frameborder="0" src="http://a.tiles.mapbox.com/v3/raphadasilva.h9f26f54/mm/zoompan,zoomwheel,geocoder,share.html"></iframe></p>
<p>Id : <strong>raphadasilva.h9f26f54</strong></p>
<h1>Roadtrip at Night</h1>
<p><iframe width="100%" height="500" frameborder="0" src="http://a.tiles.mapbox.com/v3/raphadasilva.h98621bf/mm/zoompan,zoomwheel,geocoder,share.html"></iframe></p>
<p>Id : <strong>raphadasilva.h98621bf</strong></p>
<h1>Subtle Greyscale</h1>
<p><iframe width="100%" height="500" frameborder="0" src="http://a.tiles.mapbox.com/v3/raphadasilva.h986nman/mm/zoompan,zoomwheel,geocoder,share.html"></iframe></p>
<p>Id : <strong>raphadasilva.h986nman</strong></p>
<h1>Unimposed Topography</h1>
<p><iframe width="100%" height="500" frameborder="0" src="http://a.tiles.mapbox.com/v3/raphadasilva.h9f3ogf1/mm/zoompan,zoomwheel,geocoder,share.html"></iframe></p>
<p>Id : <strong>raphadasilva.h9f3ogf1</strong></p>
<h1>Vintage Blue</h1>
<p><iframe width="100%" height="500" frameborder="0" src="http://a.tiles.mapbox.com/v3/raphadasilva.h9faifpd/mm/zoompan,zoomwheel,geocoder,share.html"></iframe></p>
<p>Id : <strong>raphadasilva.h9faifpd</strong></p>


feed_id: http://blog.m0le.net/?p=7230
title: Nono's Songs : Bernard Lavilliers - On the road again
uri: Nono-s-Songs-Bernard-Lavilliers-On-the-road-again
url: http://blog.m0le.net/2014/02/17/nonos-songs-bernard-lavilliers-on-the-road-again/
content:
<p>Les <a target="_blank" title="Nono's Songs" href="http://blog.m0le.net/category/episode/nonos-songs/">Nono's Songs</a> n'ont pas de but particulier si ce n'est de publier des musiques que j'apprécie.</p>
<p>Je ne donne aucune appréciation, je poste que des musiques, trouvées au détour du Net, ou d'un son/bruit que j'ai pu entendre quelques part ou avec quelqu'un. Ce n'est en aucun cas un signe de "nouveauté" ou un effet de mode quelconque.</p>
<p>Voici le clip officiel de <strong>Bernard Lavilliers </strong>qui nous propose <strong>On the Road Again<br />
</strong></p>
<p style="text-align: center;"><!-- Begin - Secure HTML5 Video Player -->
<div class='video-js-box sh5vp-video-box tube-css' >
<iframe id='vjs-ff-http://blog-m0le-net/wp-content/uploads/mp4/Bernard_Lavilliers_-_On_the_road_again' type='text/html' width='600' height='450' src='http://blog.m0le.net/wp-content/plugins/secure-html5-video-player/fallback/index.php?autoplay=0&mp4=http%3A%2F%2Fblog.m0le.net%2Fwp-content%2Fuploads%2Fmp4%2FBernard_Lavilliers_-_On_the_road_again.mp4&url=http%3A%2F%2Fblog.m0le.net%2Fwp-content%2Fplugins%2Fsecure-html5-video-player' frameborder='0' /></iframe>
<p class='sh5vp-download-links'><label>Download Video:</label>
<a class="sh5vp-link-mp4" href="media/efb960fe.Bernard_Lavilliers_-_On_the_road_again.mp4" data-original-source="http://blog.m0le.net/wp-content/uploads/mp4/Bernard_Lavilliers_-_On_the_road_again.mp4">MP4</a>
</p>
</div>
<!-- End - Secure HTML5 Video Player -->
</p>


feed_id: http://blog.m0le.net/?p=7370
title: Autopsie d'une dataviz [5.3] : des switchers sur mapbox.js
uri: Autopsie-d-une-dataviz-5-3-des-switchers-sur-mapbox-js
url: http://blog.m0le.net/2014/02/23/autopsie-dune-dataviz-5-3-des-switchers-sur-mapbox-js/
content:
<p>Troisième et dernier volet d'une trilogie "dataïste" et cartographique avec la méthode pour obtenir des switchers efficaces sur mapbox.js.</p>
<p><span id="more-7370"></span></p>
<p>Résumé des épisodes précédents : un cartographe amateur a, après <a target="_blank" href="http://blog.m0le.net/2014/02/08/autopsie-dune-dataviz-5-1-gagner-du-temps-sur-qgis/">une préparation d'un gros .shp sur QGis</a>, réussi <a target="_blank" href="http://blog.m0le.net/2014/02/11/autopsie-dune-dataviz-5-2-des-mbtiles-pour-eviter-les-tuiles/">à obtenir une choroplèthe interactive sur TileMill</a>. Reste plus qu'<a target="_blank" href="https://www.mapbox.com/mapbox.js/api/v1.6.1/">à animer tout ça sur mapbox.js</a>...</p>
<p>Et autant le dire tout de suite : <strong>ça n'a pas été une partie de plaisir</strong>. Mon Javascript était déjà bien rouillé à la base, mais les développeurs de MapBox ont aussi une manière particulière d'appréhender les calques sur leur app'.</p>
<p>Mais avec beaucoup de pugnacité de mon côté et de patience du leur, je peux maintenant dresser <strong>une feuille de route pour ceux qui voudraient programmer un switcher</strong> simple et fonctionnel sur mapbox.js.</p>
<h1>Un bel exemple obsolète</h1>
<p>Tout d'abord, <strong>une brève présentation de mapbox.js</strong>. Cette librairie <strong>est basée essentiellement <a target="_blank" href="http://leafletjs.com/">sur leaflet.js</a></strong>, une librairie de cartographie open source <a target="_blank" href="https://twitter.com/mourner">créée par Vladimir Agafonkin</a>.</p>
<p>Outre sa licence, cette librairie a l'atout majeur <strong>d'être très bien optimisée pour les OS mobiles</strong>, ce qui est plutôt intéressant à une époque où beaucoup de consommateurs d'info s'exportent sur smartphones et tablettes.</p>
<p>Le défi pour enfin terminer <a target="_blank" href="http://www.rue89strasbourg.com/index.php/2014/02/10/politique/europeennes-comment-contrer-labstention/">ma cartographie électorale du Grand-Est</a> était le suivant : <strong>programmer une carte interactive avec un switcher</strong> qui permettrait de naviguer entre plusieurs années de scrutin.</p>
<p>En furetant un peu sur la Toile, je suis tombé sur <a target="_blank" href="http://blog.thematicmapping.org/2012/11/mapping-new-zealand-summary.html">ce boulot titanesque de Bjørn Sandvik avec la Nouvelle-Zélande</a>.</p>
<p><strong>Il avait exactement créé ce que je cherchais à faire</strong>, et détaillé par le menu toutes les étapes de son travail sur son blog.</p>
<p>J'ai donc d'abord commencé à essayer d'adapter son exemple avec mes propres cartes.</p>
<p>Voici le résultat, publié premièrement sur Rue89Strasbourg :</p>
<p><iframe width="600" height="650" src="http://raphi.m0le.net/data/BAS/Exemples/Mapbox_switchers/app_abstention1.html" frameborder="0" scrolling="no"></iframe></p>
<p>D'un point de vue fonctionnel, la carte fait bien le job sur ordinateur, mais j'ai très vite trouvé quelques défauts :</p>
<ul>
<li>la police d'écriture des fenêtres interactives <strong>n'était pas exactement la même que mes autres cartes</strong>. A la limite, pas super grave</li>
<li>je n'avais <strong>pas réussi à afficher mes légendes</strong>. A la limite, pas super grave non plus</li>
<li><strong>sur mobile, un zoom faisait automatiquement planter la carte</strong>. Ça, c'était en revanche assez moyen.</li>
</ul>
<p>Tout ceci venait malheureusement du code, <strong>devenu complètement obsolète après la version 1.0.0 de l'application</strong> :</p><pre class="crayon-plain-tag">&lt;script&gt;
  var map = mapbox.map('map');
  var layers = document.getElementById('map-ui');

  // on commence par déclarer chacun de nos calques (un par année de scrutin) en appliquant bien 
  // un map.interaction.auto pour synchroniquer les zones interactive avec le chargement de la carte
  map.addLayer(mapbox.layer().composite(false).id('raphadasilva.h5o8i9lo', map.interaction.auto), map.setZoomRange(7, 10));
  map.addLayer(mapbox.layer().composite(false).id('raphadasilva.h5oa0na3', map.interaction.auto), map.setZoomRange(7, 10));
  map.centerzoom({ lat: 48.36, lon: 5.62 }, 7);

  // le switcher est créé à partir du nombre de calques déclarés avant
  for (var i = 0; i &lt; map.getLayers().length; i++) {
      var n = map.getLayerAt(i).name;
      var item = document.createElement('li');
      var layer = document.createElement('a');
          layer.href = '#';
          layer.id = n;
          layer.innerHTML = (2014-5*(i+1));

      if (i === 0) {
          layer.className = 'active';
          map.getLayerAt(i).enable();
      } else {
          map.getLayerAt(i).disable();
      }

      layer.onclick = function(e) {
          e.preventDefault();
          e.stopPropagation();
          // on désactive le calque actif jusqu'à présent
          for (var j = 0; j &lt; map.getLayers().length; j++) {
              map.getLayerAt(j).disable();
              layers.childNodes[j].childNodes[0].className = '';
          }
          // et on active celui qui est sélectionné
          this.className = 'active';
          map.getLayer(this.id).enable();
          map.interaction.refresh();
      };
      item.appendChild(layer);
      layers.appendChild(item);
  }
&lt;/script&gt;</pre><p>Sauf que depuis la 1.0.0, <strong>l'intégration de Leaflet était devenue encore plus importante</strong>, et cette syntaxe ne permettait pas d'afficher une carte correcte sur OS mobile.</p>
<p>Il fallait donc arriver <strong>à une mise à jour sur une version actuelle de l'app'</strong>.</p>
<h1>Bien distinguer les types de calques</h1>
<p>La déclaration d'une carte avec un calque unique sur mapbox.js est ultra simple :</p><pre class="crayon-plain-tag">&lt;script type='text/javascript'&gt;

 L.mapbox.map('map', 'raphadasilva.h610d5ea').setView([47.88, 5.5613], 7);

&lt;/script&gt;</pre><p>Ce qui nous donne concrètement avec un MBTile préparé convenable sur TileMill :<br />
<iframe width="600" height="750" src="http://raphi.m0le.net/data/europeennes_grand_est/eelv_europ_2009.html" frameborder="0" scrolling="no"></iframe></p>
<p><strong>En affectant quelques options à une div map</strong>, on se retrouve avec une carte qui :</p>
<ul>
<li><strong>est bien interactive</strong></li>
<li><strong>a une légende rattachée</strong> au fichier MBTiles d'origine</li>
<li><strong>on peut zoomer sur OS</strong> mobile sans souci</li>
</ul>
<p>On pourrait facilement imaginer que, pour obtenir un switcher opérationnel, <strong>il suffirait de réaffecter de nouvelles options à la div map</strong>, comme ceci :</p><pre class="crayon-plain-tag">&lt;div id='map' class='map'&gt;
  &lt;div id='layer' class='layers'&gt;&lt;a id='carte1' href='#'&gt;2009&lt;/a&gt;&lt;a id='carte2' href='#'&gt;2004&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;script&gt;
// on déclare une première carte
var map = L.mapbox.map('map','raphadasilva.h5o8i9lo', {zoomControl: false}).setView([47.88, 5.5613], 7);

//on fait une fonction pour chaque clic qui vide et remplit
// à nouveau la div 'map'
document.getElementById('carte2').onClick = function() {

  $('#map').empty;
  map = L.mapbox.map('map','raphadasilva.raphadasilva.h5oa0na3', {zoomControl: false}).setView([47.88, 5.5613], 7);
}

document.getElementById('carte1').onClick = function() {

  $('#map').empty;
  map = L.mapbox.map('map','raphadasilva.h5o8i9lo', {zoomControl: false}).setView([47.88, 5.5613], 7);
}

&lt;/script&gt;</pre><p><strong> Sauf que ça ne marche pas</strong>. Mince...</p>
<p>En réalité, la meilleure méthode est <strong>de considérer le remplissage de la div 'map' comme un simple fond de carte</strong>, sur lequel <strong>on va appliquer ensuite des transformations</strong>.</p>
<p>Pour cela, il faut bien distinguer :</p>
<ul>
<li><strong>les tileLayers</strong>, qui correspondent grossièrement <strong>aux tuiles "brutes" d'un calque</strong></li>
<li><strong>les gridLayers</strong>, qui correspondent grossièrement <strong>aux tuiles "interactives" d'un calque</strong></li>
</ul>
<p>Ainsi, rien n'empêche <strong>d'utiliser un fond de carte bien travaillé</strong> sur TileMille ou Mapbox (<a target="_blank" href="http://blog.m0le.net/2014/02/17/des-snazzy-maps-sur-mapbox/">voir ces adaptations de Snazzy Maps</a>) <strong>pour ensuite lui coller des zones interactives</strong>. Exemple ici :<br />
<iframe width="600" height="700" src="http://raphi.m0le.net/data/BAS/Exemples/Mapbox_switchers/ue_light.html" frameborder="0" scrolling="no"></iframe></p>
<p>Et voici le code associé :</p><pre class="crayon-plain-tag">&lt;script&gt;
//on commence par déclarer la carte avec le fond statique
var map = L.mapbox.map('map', 'raphadasilva.h9f3ogf1').setView([47.88, 12.6562], 4);
map.options.maxZoom = 6;
map.options.minZoom = 4;

//on charge les tuiles, sans interaction
var layer = L.mapbox.tileLayer('raphadasilva.hbmoelap');
 map.addLayer(layer);

//on charge le calque avec l'interaction
var gridLayer = L.mapbox.gridLayer('raphadasilva.hbmoelap');
map.addLayer(gridLayer);

//on ajoute la fenêtre interactive qui s'affichera automatiquement
map.addControl(L.mapbox.gridControl(gridLayer));

&lt;/script&gt;</pre><p>Attention tout de même : si le MBTiles qui finira en TileLayer a été paramétré pour s'afficher dans une fourchette de zoom, <strong>il faut installer un maxZoom et un minZoom avec cette même fourchette sur la div 'map'</strong> pour ne pas qu'il disparaisse.</p>
<h2>Un premier switcher pas à pas</h2>
<p>Voici un premier switcher fonctionnel :</p>
<p><iframe width="550" height="780" src="http://raphi.m0le.net/data/BAS/Exemples/Mapbox_switchers/layer_switcher_v1_gcfalse.html" frameborder="0" scrolling="no"></iframe></p>
<p>Et voici le code qui lui est associé :</p><pre class="crayon-plain-tag">&lt;ul id='map-ui'&gt;
        &lt;li&gt;&lt;a href="#" id="carte2009"&gt;2009&lt;/a&gt;&lt;/li&gt;
	&lt;li&gt;&lt;a href="#" id="carte2004"&gt;2004&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div id='map'&gt;&lt;/div&gt;

&lt;script type='text/javascript'&gt;
document.getElementById('carte2009').className = 'active';
//on déclare le fond de carte, avec niveaux de zoom déjà intégrés
var map = L.mapbox.map('map','raphadasilva.had5l5i7', {zoomControl: false}).setView([47.88, 5.5613], 7);

//on déclare chaque tileLayer et gridLayer
layer2009 = L.mapbox.tileLayer('raphadasilva.h5o8i9lo');
grid2009=L.mapbox.gridLayer('raphadasilva.h5o8i9lo');
layer2004 = L.mapbox.tileLayer('raphadasilva.h5oa0na3');
grid2004=L.mapbox.gridLayer('raphadasilva.h5oa0na3');

//on ajoute d'emblée les calques de 2009
map.addLayer(layer2009);
map.addLayer(grid2009);

//on ajoute un gridControl
//le follow: true implique que la fenêtre interactive va suivre le curseur
var gridControl = L.mapbox.gridControl(grid2009, {follow: true}).addTo(map);

//au clic sur le lien "2004", on crée une fonction qui change le CSS
// met à jour le gridControl, efface les calques associés à 2009
//et affiche les calques de 2004
document.getElementById('carte2004').onclick = function(e) {
        e.preventDefault();
        e.stopPropagation();
		document.getElementById('carte2004').className = 'active';
		document.getElementById('carte2009').className = '';
		gridControl = L.mapbox.gridControl(grid2004, {follow: true}).addTo(map);
            map.removeLayer(layer2009);
            map.removeLayer(grid2009);
			map.addLayer(layer2004);
			map.addLayer(grid2004);

    };

//on fait une fonction semblable avec le lien "2009"
document.getElementById('carte2009').onclick = function(e) {
        e.preventDefault();
        e.stopPropagation();
		document.getElementById('carte2009').className = 'active';
		document.getElementById('carte2004').className = '';
			gridControl = L.mapbox.gridControl(grid2009, {follow: true}).addTo(map);
            map.removeLayer(layer2004);
            map.removeLayer(grid2004);
			map.addLayer(layer2009);
			map.addLayer(grid2009);
    };

&lt;/script&gt;</pre><p></p>
<h2> Passage à la boucle for</h2>
<p>Il sera peut-être plus évident <strong>d'automatiser la méthode avec une boucle "for"</strong> pour arriver à ce résultat :</p>
<p><iframe width="600" height="650" src="http://raphi.m0le.net/data/europeennes_grand_est/app_abstention.html" frameborder="0" scrolling="no"></iframe></p>
<p>Soulignons l'importance du gridControl dans ce cas précis.</p>
<p>Si on l'oublie, <strong>les fenêtres interactives se superposent à chaque changement de calque</strong>, et on finit par ne plus s'y retrouver. Heureusement, <strong>une fonction gridControl.hide()</strong> permet d'y parvenir facilement.</p>
<p>Passons enfin au code :</p><pre class="crayon-plain-tag">&lt;div id=map class=map&gt;
&lt;div id=layers class=layers&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;script&gt;
//on paramètre le fond de carte
var map = L.mapbox.map('map', 'raphadasilva.had5l5i7', {
    zoomControl: false
}).setView([48.18, 5.5613], 7);

// on met dans un tableau les identifiants des tileLayers/gridLayers
var maps = [{
    id: 'raphadasilva.h5o8i9lo'
}, {
    id: 'raphadasilva.h5oa0na3'
}];
var layers = document.getElementById('layers');

//ne surtout pas oublier le gridControl
var gridLayer;
var gridControl;
var layer;

//on crée à chaque entrée du tableau un lien relié aux calques de chaque id
for (var i = 0; i &lt; maps.length; i++) {
    var link = document.createElement('a');
    link.href = '#';
    link.innerHTML = 2014 - 5 * (i + 1);
    link.setAttribute('data-layer', i);
    link.onclick = function () {
        if (/active/.test(this.className)) {
            this.className = this.className.replace(/active/, '').replace(/\s\s*$/, '');
        } else {
            var siblings = layers.getElementsByTagName('a');
            for (var i = 0; i &lt; siblings.length; i++) {
                siblings[i].className = siblings[i].className.replace(/active/, '').replace(/\s\s*$/, '');
            };
            this.className += ' active';
            var m = maps[this.getAttribute('data-layer')];

            // on vire chaque layer/gridLayer/gridControl
            if (layer) map.removeLayer(layer);
            if (gridLayer) map.removeLayer(gridLayer);
            if (gridControl) map.removeControl(gridControl);

           //on met à jour les variables...
            gridLayer = L.mapbox.gridLayer(m.id);
            layer = L.mapbox.tileLayer(m.id);
            gridControl = L.mapbox.gridControl(gridLayer);

           //et on les affecte à la div 'map'
            map.addLayer(layer);
            map.addLayer(gridLayer);
            map.addControl(gridControl);
        }
        return false;
    };
    if (i === 0) link.onclick();
    layers.appendChild(link);
}

};</pre><p></p>
<h1> Un template gitHub</h1>
<p>Pour ceux que ça intéresse, j'ai mis en ligne <a target="_blank" href="https://github.com/raphadasilva/mapbox_switcher_layers/blob/master/layer_switcher_for_loop.html">un template du dernier switcher sur gitHub</a>.</p>
<p>Dès que je trouverai le temps, j'essayerais de montrer <strong>des switchers plus élaborés, notamment avec des fonds de carte changeants</strong>.</p>


feed_id: http://blog.m0le.net/?p=7362
title: Nono's Songs : Grease - You're the one that I want
uri: Nono-s-Songs-Grease-You-re-the-one-that-I-want
url: http://blog.m0le.net/2014/02/24/nonos-songs-grease-youre-the-one-that-i-want/
content:
<p>Les <a target="_blank" title="Nono's Songs" href="http://blog.m0le.net/category/episode/nonos-songs/">Nono's Songs</a> n'ont pas de but particulier si ce n'est de publier des musiques que j'apprécie.</p>
<p>Je ne donne aucune appréciation, je poste que des musiques, trouvées au détour du Net, ou d'un son/bruit que j'ai pu entendre quelques part ou avec quelqu'un. Ce n'est en aucun cas un signe de "nouveauté" ou un effet de mode quelconque.</p>
<p>Voici le clip officiel (tiré du film) de <strong>Grease </strong>qui nous propose <strong>You're the one that I want<br />
</strong></p>
<p style="text-align: center;"><!-- Begin - Secure HTML5 Video Player -->
<div class='video-js-box sh5vp-video-box tube-css' >
<iframe id='vjs-ff-http://blog-m0le-net/wp-content/uploads/mp4/Grease_-_You_re_the_one_that_I_want' type='text/html' width='600' height='450' src='http://blog.m0le.net/wp-content/plugins/secure-html5-video-player/fallback/index.php?autoplay=0&mp4=http%3A%2F%2Fblog.m0le.net%2Fwp-content%2Fuploads%2Fmp4%2FGrease_-_You_re_the_one_that_I_want.mp4&url=http%3A%2F%2Fblog.m0le.net%2Fwp-content%2Fplugins%2Fsecure-html5-video-player' frameborder='0' /></iframe>
<p class='sh5vp-download-links'><label>Download Video:</label>
<a class="sh5vp-link-mp4" href="media/4172df41.Grease_-_You_re_the_one_that_I_want.mp4" data-original-source="http://blog.m0le.net/wp-content/uploads/mp4/Grease_-_You_re_the_one_that_I_want.mp4">MP4</a>
</p>
</div>
<!-- End - Secure HTML5 Video Player -->
<br />
<!-- Begin - Secure HTML5 Video Player -->
<div class='video-js-box sh5vp-video-box tube-css' >
<video class='video-js sh5vp-video' width='600' height='450'  controls="controls" preload="auto"   >
<source src="media/eb1dadcf.Grease_-_You_re_the_one_that_I_want.webm" data-original-source="http://blog.m0le.net/wp-content/uploads/mp4/Grease_-_You_re_the_one_that_I_want.webm" type="video/webm" />
</video>
</div>
<!-- End - Secure HTML5 Video Player -->
</p>


feed_id: http://blog.m0le.net/?p=7380
title: Nono's Songs : Kormac - Wash my hands
uri: Nono-s-Songs-Kormac-Wash-my-hands
url: http://blog.m0le.net/2014/03/03/nonos-songs-kormac-wash-my-hands/
content:
<p>Les <a target="_blank" title="Nono's Songs" href="http://blog.m0le.net/category/episode/nonos-songs/">Nono's Songs</a> n'ont pas de but particulier si ce n'est de publier des musiques que j'apprécie.</p>
<p>Je ne donne aucune appréciation, je poste que des musiques, trouvées au détour du Net, ou d'un son/bruit que j'ai pu entendre quelques part ou avec quelqu'un. Ce n'est en aucun cas un signe de "nouveauté" ou un effet de mode quelconque.</p>
<p>Voici le clip non officiel de <strong>Kormac </strong>qui nous propose <strong>Wash my hands<br />
</strong></p>
<p style="text-align: center;"><!-- Begin - Secure HTML5 Video Player -->
<div class='video-js-box sh5vp-video-box tube-css' >
<iframe id='vjs-ff-http://blog-m0le-net/wp-content/uploads/mp4/Kormac_-_Wash_my_hands' type='text/html' width='600' height='450' src='http://blog.m0le.net/wp-content/plugins/secure-html5-video-player/fallback/index.php?autoplay=0&mp4=http%3A%2F%2Fblog.m0le.net%2Fwp-content%2Fuploads%2Fmp4%2FKormac_-_Wash_my_hands.mp4&url=http%3A%2F%2Fblog.m0le.net%2Fwp-content%2Fplugins%2Fsecure-html5-video-player' frameborder='0' /></iframe>
<p class='sh5vp-download-links'><label>Download Video:</label>
<a class="sh5vp-link-mp4" href="media/1c6ed9ef.Kormac_-_Wash_my_hands.mp4" data-original-source="http://blog.m0le.net/wp-content/uploads/mp4/Kormac_-_Wash_my_hands.mp4">MP4</a>
</p>
</div>
<!-- End - Secure HTML5 Video Player -->
<br />
<!-- Begin - Secure HTML5 Video Player -->
<div class='video-js-box sh5vp-video-box tube-css' >
<video class='video-js sh5vp-video' width='600' height='450'  controls="controls" preload="auto"   >
<source src="media/d15e2222.Kormac_-_Wash_my_hands.webm" data-original-source="http://blog.m0le.net/wp-content/uploads/mp4/Kormac_-_Wash_my_hands.webm" type="video/webm" />
</video>
</div>
<!-- End - Secure HTML5 Video Player -->
</p>


feed_id: http://blog.m0le.net/?p=7413
title: L'incrackable document Word ...
uri: L-incrackable-document-Word
url: http://blog.m0le.net/2014/03/07/lincrackable-document-word/
content:
<p>Ce qu'il y a de bien sur internet et dans le milieu de l'informatique de façon générale, c'est qu'on apprend souvent des choses à nos dépends.</p>
<p>Petite histoire : Au boulot, une collègue m'appelle affolée, car personne dans la boite ne connait le mot de passe d'un document template word qu'elle doit urgemment éditer. Elle m'envoie donc le document par mail, que j'ouvre avant de lui dire penaud : "A quel moment il demande un mot de passe exactement ?".</p>
<p>Oui, je ne savais pas faire ca :</p>
<p><a target="_blank" href="media/f758e0df.Unprotect_word_document.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/03/Unprotect_word_document.jpg" rel="lightbox[7413]" title="L'incrackable document Word ..."><img class="aligncenter size-full wp-image-7414" alt="Unprotect_word_document" src="media/f758e0df.Unprotect_word_document.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/03/Unprotect_word_document.jpg" width="721" height="509" /></a></p>
<p>Et là, la magie d'internet opère, en même pas 5min je passe du "Mec qui ne sait même pas éditer un template word", à "Celui qui sait cracker les documents Word".</p>
<p>Pour les intéressés, voilà comment faire la (très lourde) tâche :</p>
<ul>
<li>Sauvergarder le document en .xml (Word XML Document).</li>
<li>Ouvrir le document .xml avec un éditeur de texte en y recherchant la balise "<strong>&lt;w:documentProtection</strong> <em>[...]</em> <strong>/&gt;</strong>".</li>
<li>Supprimer la balise et sauvegarder le fichier.</li>
<li>Ré-ouvrir (avec word) le document .xml et le sauvegarder si besoin dans le format voulu.</li>
</ul>
<p>Il y a pas à dire ... La protection des documents Word est vraiment balèze !</p>
<p>Note : Si un mot de passe protège l'OUVERTURE d'un document, c'est un peu plus compliqué ... Il faut l'ouvrir avec OpenOffice, qui ne prend même pas en compte les mots de passe des documents Microsoft Word <img src="media/32e3219c.icon_wink.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_wink.gif" alt=";-)" class="wp-smiley" /> </p>
<p><a target="_blank" href="http://www.baltimoremick.com/blog/2005/11/10/hacking-protected-word-documents/">Source</a></p>


feed_id: http://blog.m0le.net/?p=7391
title: Nono's Songs : Todd Terje - Inspector Norse
uri: Nono-s-Songs-Todd-Terje-Inspector-Norse
url: http://blog.m0le.net/2014/03/10/nonos-songs-todd-terje-inspector-norse/
content:
<p>Les <a target="_blank" title="Nono's Songs" href="http://blog.m0le.net/category/episode/nonos-songs/">Nono's Songs</a> n'ont pas de but particulier si ce n'est de publier des musiques que j'apprécie.</p>
<p>Je ne donne aucune appréciation, je poste que des musiques, trouvées au détour du Net, ou d'un son/bruit que j'ai pu entendre quelques part ou avec quelqu'un. Ce n'est en aucun cas un signe de "nouveauté" ou un effet de mode quelconque.</p>
<p>Voici le clip officiel de <strong>Todd Terje </strong>qui nous propose <strong>Inspector Norse<br />
</strong></p>
<p style="text-align: center;"><!-- Begin - Secure HTML5 Video Player -->
<div class='video-js-box sh5vp-video-box tube-css' >
<iframe id='vjs-ff-http://blog-m0le-net/wp-content/uploads/mp4/Todd_Terje_-_Inspector_Norse_Official_Music_Video' type='text/html' width='600' height='450' src='http://blog.m0le.net/wp-content/plugins/secure-html5-video-player/fallback/index.php?autoplay=0&mp4=http%3A%2F%2Fblog.m0le.net%2Fwp-content%2Fuploads%2Fmp4%2FTodd_Terje_-_Inspector_Norse_Official_Music_Video.mp4&url=http%3A%2F%2Fblog.m0le.net%2Fwp-content%2Fplugins%2Fsecure-html5-video-player' frameborder='0' /></iframe>
<p class='sh5vp-download-links'><label>Download Video:</label>
<a class="sh5vp-link-mp4" href="media/cbff40ea.Todd_Terje_-_Inspector_Norse_Official_Music_Video.mp4" data-original-source="http://blog.m0le.net/wp-content/uploads/mp4/Todd_Terje_-_Inspector_Norse_Official_Music_Video.mp4">MP4</a>
</p>
</div>
<!-- End - Secure HTML5 Video Player -->
<br />
<!-- Begin - Secure HTML5 Video Player -->
<div class='video-js-box sh5vp-video-box tube-css' >
<video class='video-js sh5vp-video' width='600' height='450'  controls="controls" preload="auto"   >
<source src="media/9d2d2a86.Todd_Terje_-_Inspector_Norse_Official_Music_Video.webm" data-original-source="http://blog.m0le.net/wp-content/uploads/mp4/Todd_Terje_-_Inspector_Norse_Official_Music_Video.webm" type="video/webm" />
</video>
</div>
<!-- End - Secure HTML5 Video Player -->
</p>


feed_id: http://blog.m0le.net/?p=7419
title: Autopsie d'une dataviz [6] : une mini app' avec MapBox
uri: Autopsie-d-une-dataviz-6-une-mini-app-avec-MapBox
url: http://blog.m0le.net/2014/03/16/autopsie-dune-dataviz-6-une-mini-app-avec-mapbox/
content:
<p>Retour sur la réalisation <a target="_blank" href="http://www.rue89strasbourg.com/index.php/2014/03/10/politique/trois-scenarios-qui-feraient-basculer-leurometropole-droite/">d'une web app' géographique assez basique pour Rue89Strasbourg</a>. Au programme : geoJson, Highcharts, QGis et mapbox.js !</p>
<p><span id="more-7419"></span></p>
<p>En soi, cette web app' n'est techniquement pas très compliquée, et est <a target="_blank" href="https://www.mapbox.com/mapbox.js/example/v1.0.0/marker-tooltips-outside-map/">très largement inspirée de cet exemple</a> disponible sur le site de Mapbox.</p>
<p>Concrètement, elle est codée pour :</p>
<ul>
<li>afficher des zones géographiques, <strong>formatées en geoJson</strong> et préalablement coloriées (bleu pour la droite, rouge pour la gauche, gris pour les sans étiquettes)</li>
<li><strong>mettre à jour</strong>, à chaque clic sur une zone, <strong>une div 'info'</strong> avec un titre, un texte et un chargement d'iframe paramétré depuis le geoJson</li>
<li><strong>chaque iframe contient un graphe Highcharts</strong> avec les résultats des dernières municipales</li>
</ul>
<p>Côté code, voici celui des résultats de Strasbourg :</p><pre class="crayon-plain-tag">&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"&gt;&lt;/script&gt;
&lt;script src="http://code.highcharts.com/highcharts.js"&gt;&lt;/script&gt;

&lt;style&gt;
.highcharts-tooltip span {
    height:auto;
    width:70px;
    white-space:normal !important;
}

&lt;/style&gt;
&lt;div id="container" style="width: 180px; height: 280px; margin-left:-18;"&gt;&lt;/div&gt;
&lt;script&gt;
$(document).ready(function () {
    	$('#container').highcharts({
        	chart: {
            	type: 'column'
        	},
        	title: {
            	text: 'Mun. 2008'
        	},
        	subtitle: {
            	text: 'Source: data.gouv.fr'
        	},
        	xAxis: {
            	categories: [
                	'PS',
                	'UMP'
            	]
        	},
        	yAxis: {
            	min: 0,
            	title: {
                	text: 'Voix (%)'
            	}
        	},
        	tooltip: {
            	headerFormat: '&lt;span style="font-size:16px; width:75px;"&gt;{point.key}&lt;/span&gt;&lt;table&gt;',
            	pointFormat: '&lt;tr&gt;&lt;td style="padding:0"&gt;&lt;b&gt;{point.y:.1f} %&lt;/b&gt;&lt;/td&gt;&lt;/tr&gt;',
            	shared: true,
            	useHTML: true
        	},
        	plotOptions: {
            	column: {
                	pointPadding: 0.2,
                	borderWidth: 0
            	}
        	},
        	series: [{
            	showInLegend: false,
            	name:'Voix',
            	data: [{y:58.3,color:'#fc83b4'}, {y:41.7,color:'#4176e8'}],
            	dataLabels: {
                    enabled: true,
                    rotation: -90,
                    color: '#FFFFFF',
                    align: 'right',
                    x: 4,
                    y: 10,
                    style: {
                        fontSize: '13px',
                        fontFamily: 'Verdana, sans-serif',
                        textShadow: '0 0 3px black'
                    }}

        	}]
    	});
	});
&lt;/script&gt;</pre><p>Ce qui, une fois bien digéré, nous donne :</p>
<p style="text-align: center;"><iframe width="180" height="290" src="http://raphi.m0le.net/data/Eurometropole/charts_cus_2008/Strasbourg.html" frameborder="0" scrolling="no"></iframe></p>
<h1 style="text-align: left;">Attention aux MultiPolygon !</h1>
<p>Côté <strong>déclaration des geoJson dans un script MapBox</strong>, il n'y a rien de bien sorcier.</p>
<p>Voici la déclaration d'une zone, avec comme info un nom de communes, quelques habillages graphiques, et un texte type :</p><pre class="crayon-plain-tag">var geoJson = [
{ "type": "Feature", "properties": 
{ "COMMUNE": "Eschau", "fill": "#4176e8", "stroke-width": 1.3, 
"fill-opacity": 0.85, "stroke": "#000",  "stroke-opacity": 0.5, 
"texte":"La liste conduite par le maire sortant Jean-Louis Feyd (divers droite) remporte haut la main le premier tour, face à celle dirigée par Alain Caps (divers droite)." }, 
"geometry": { "type": "Polygon", 
"coordinates": [ [ [ 7.693311421900148, 48.452983290737983 ],
[blablabla...], 
[ 7.69378591203322, 48.453527664443321 ] ] ]} }
];</pre><p>Sauf que les choses se gâtent très rapidement <strong>si, au lieu d'un "Polygon", nous avons un "MultiPolygon"</strong>.</p>
<p>MapBox n'arrive tout simplement pas à interpréter ce type  de géométrie, et sera incapable de colorier la zone ou de retourner ses autres valeurs.</p>
<p>Dans notre cas, <strong>ça arrive quand une ville a un ban communal éclaté et pas uniforme</strong>, comme par exemple Schiltigheim (trois <em>Stück</em> quand même !).</p>
<p>Et heureusement, <strong>on peut utiliser <a target="_blank" href="http://www.qgis.org/fr/site/">l'incontournable QGis</a></strong> pour diviser un MultiPolygon en plusieurs Polygon.</p>
<p>Après avoir ouvert le fichier vectoriel contenant les zones géographiques, il suffit d'aller dans <strong>&gt; Vecteur &gt; Outils de géométrie &gt; Scinder une entité multigéométrie</strong> :</p>
<p style="text-align: center;"><a target="_blank" href="media/60d4644b.tuto_multipolygon.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/03/tuto_multipolygon.png" rel="lightbox[7419]" title="Autopsie d'une dataviz [6] : une mini app' avec MapBox"><img class="aligncenter size-medium wp-image-7433" alt="tuto_multipolygon" src="media/d6df7036.tuto_multipolygon-300x162.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/03/tuto_multipolygon-300x162.png" width="300" height="162" /></a></p>
<p style="text-align: center;">Cliquez sur l'image pour l'agrandir</p>
<p style="text-align: left;">Une fenêtre s'ouvre alors proposant de <strong>choisir un emplacement et un nom pour le shapefile qui n'aura plus de MultiPolygon</strong> :</p>
<p style="text-align: center;"><a target="_blank" href="media/571aea8b.tuto_multipolygon_1.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/03/tuto_multipolygon_1.png" rel="lightbox[7419]" title="Autopsie d'une dataviz [6] : une mini app' avec MapBox"><img class="aligncenter size-medium wp-image-7435" alt="tuto_multipolygon_1" src="media/1c76b3d5.tuto_multipolygon_1-300x169.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/03/tuto_multipolygon_1-300x169.png" width="300" height="169" /></a></p>
<p style="text-align: center;">Cliquez sue l'image pour l'agrandir</p>
<p style="text-align: left;">Une fois ceci fait, QGis propose d'ouvrir directement la couche générée, ce qui permet de rapidement vérifier que la manip' a marché.</p>
<p style="text-align: left;">Dans notre cas on voit bien, après un clic droit sur la couche et une sélection de "Ouvrir la table des attributs, <strong>plusieurs polygones qui portent le même nom</strong> :</p>
<p style="text-align: center;"><a target="_blank" href="media/6513bf18.tuto_multipolygon_2.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/03/tuto_multipolygon_2.png" rel="lightbox[7419]" title="Autopsie d'une dataviz [6] : une mini app' avec MapBox"><img class="aligncenter size-medium wp-image-7437" alt="tuto_multipolygon_2" src="media/e40c60a8.tuto_multipolygon_2-60x300.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/03/tuto_multipolygon_2-60x300.png" width="60" height="300" /></a></p>
<p style="text-align: center;">Cliquez sue l'image pour l'agrandir</p>
<p style="text-align: left;">Evidemment, <strong>rien n'interdit de convertir ce .shp en un autre format vectoriel</strong>, comme le geoJson !</p>
<h1 style="text-align: left;">Le code sous mapbox.js</h1>
<p>Une fois le geoJson ok, on peut se mettre au code, ce qui nous donne :</p><pre class="crayon-plain-tag">&lt;script&gt;
var map = L.mapbox.map('map', 'raphadasilva.h986nman', {zoomControl: false})
    .setView([48.57, 7.65], 11);

// on désactive toutes les formes de zoom et le dragging    
map.dragging.disable();
map.touchZoom.disable();
map.doubleClickZoom.disable();
map.scrollWheelZoom.disable();

// on déclare un geojson contenant des coordonnées géographiques, des noms, des infos de style et du texte
// les multiPolygon ont été segmentés en plusieurs Polygon
var geoJson = [blablabla, voir plus haut, tout ça, tout ça];

// on charge le geoJson en tant que calque
map.featureLayer.setGeoJSON(geoJson);

//à chaque clic sur une zone de ce calque, on crée une fonction qui...
map.featureLayer.on('click',function(e) {

// désactive la pop-up automatique
    e.layer.closePopup();

//vide le contenu de la div 'info'
    document.getElementById('info').innerHTML = '';

    var feature = e.layer.feature;

//met dans une variable un titre, un texte et une iframe dérivant directement des propriétés du geoJson
    var info = '&lt;h3&gt;' + feature.properties.COMMUNE + '&lt;/h3&gt;&lt;p&gt;' + feature.properties.texte +'&lt;/p&gt;&lt;iframe src="' + feature.properties.COMMUNE + '.html" height="290" width="180" frameborder="0" scrolling="no"&gt;&lt;/iframe&gt;';

//remplit l'infobox
    document.getElementById('info').innerHTML = info;

});

// si on clique sur une zone de la carte autre, on remet l'infobox comme au début
map.on('click',function(e){
    document.getElementById('info').innerHTML = '&lt;h4&gt;Cliquez sur une ville de la CUS&lt;/h4&gt;';
});

&lt;/script&gt;</pre><p>Ce qui donne très concrètement à l'arrivée :</p>
<p style="text-align: center;"><iframe width="550" height="560" src="http://raphi.m0le.net/data/Eurometropole/apps/cus_2008.html" frameborder="0" scrolling="no"></iframe></p>
<h1 style="text-align: left;">Pour aller plus loin</h1>
<ul>
<li>le code entier de l'app' <a target="_blank" href="https://github.com/raphadasilva/application_mapbox_infobox">a été publié sur gitHub</a></li>
<li>j'ai démarré depuis peu une veille très centrée sur le data (mais pas que) <a target="_blank" href="http://raphi.m0le.net/shaarli_data/?">que vous pourrez consulter là</a></li>
</ul>


feed_id: http://blog.m0le.net/?p=7395
title: Nono's Songs : Abba - Waterloo
uri: Nono-s-Songs-Abba-Waterloo
url: http://blog.m0le.net/2014/03/17/nonos-songs-abba-waterloo/
content:
<p>Les <a target="_blank" title="Nono's Songs" href="http://blog.m0le.net/category/episode/nonos-songs/">Nono's Songs</a> n'ont pas de but particulier si ce n'est de publier des musiques que j'apprécie.</p>
<p>Je ne donne aucune appréciation, je poste que des musiques, trouvées au détour du Net, ou d'un son/bruit que j'ai pu entendre quelques part ou avec quelqu'un. Ce n'est en aucun cas un signe de "nouveauté" ou un effet de mode quelconque.</p>
<p>Voici le clip officiel de <strong>Abba </strong>qui nous propose <strong>Waterloo<br />
</strong></p>
<p style="text-align: center;"><!-- Begin - Secure HTML5 Video Player -->
<div class='video-js-box sh5vp-video-box tube-css' >
<iframe id='vjs-ff-http://blog-m0le-net/wp-content/uploads/mp4/Abba_-_Waterloo' type='text/html' width='600' height='450' src='http://blog.m0le.net/wp-content/plugins/secure-html5-video-player/fallback/index.php?autoplay=0&mp4=http%3A%2F%2Fblog.m0le.net%2Fwp-content%2Fuploads%2Fmp4%2FAbba_-_Waterloo.mp4&url=http%3A%2F%2Fblog.m0le.net%2Fwp-content%2Fplugins%2Fsecure-html5-video-player' frameborder='0' /></iframe>
<p class='sh5vp-download-links'><label>Download Video:</label>
<a class="sh5vp-link-mp4" href="media/d4626fcd.Abba_-_Waterloo.mp4" data-original-source="http://blog.m0le.net/wp-content/uploads/mp4/Abba_-_Waterloo.mp4">MP4</a>
</p>
</div>
<!-- End - Secure HTML5 Video Player -->
<br />
<!-- Begin - Secure HTML5 Video Player -->
<div class='video-js-box sh5vp-video-box tube-css' >
<video class='video-js sh5vp-video' width='600' height='450'  controls="controls" preload="auto"   >
<source src="media/204c2cbf.Abba_-_Waterloo.webm" data-original-source="http://blog.m0le.net/wp-content/uploads/mp4/Abba_-_Waterloo.webm" type="video/webm" />
</video>
</div>
<!-- End - Secure HTML5 Video Player -->
</p>


feed_id: http://blog.m0le.net/?p=6622
title: Bien manier Google Translate
uri: Bien-manier-Google-Translate
url: http://blog.m0le.net/2014/03/19/bien-manier-google-translate/
content:
<p>Hellow les gens !</p>
<p>Tout ce soleil, ça me donne des envies de vacances, vous trouvez pas ?</p>
<p><span id="more-6622"></span></p>
<p>Si comme moi vous comptez partir, et tant qu'a faire dans un pays chaud avec soleil, mojito et <em>tutti quanti</em> <strong>mais que vous ne parlez pas la langue, <a target="_blank" href="http://translate.google.com/?hl=fr">Google Translate</a> est votre ami</strong> !</p>
<blockquote><p>"Ouais bon, tu nous apprend rien là..."</p></blockquote>
<p>Sauf que les options <strong>ne se limitent plus uniquement à traduire bêtement un texte</strong>, et il est maintenant possible de traduire les textes via l'appli <strong>sans être obligé d'avoir de la data</strong> !</p>
<p>Parce qu'il faut bien l'avouer, mais la data hors France, ça coûte un bras !</p>
<h1><strong>Configuer les packs de langues</strong></h1>
<p>Ne croyez pas qu'en partant simplement dans le pays, "Big Brother" Google saura quelle langues vous souhaitez traduire... Et non, il n'a pas (encore) cette faculté !</p>
<p>Il vous faudra donc <strong>d'abord télécharger vos packs de langues</strong>.</p>
<p>Suivez le guide:<br />
<strong>Menu &gt; Paramètres &gt; Gérer les données hors connexion &gt;</strong> appuyez sur toutes les puces des langues qui vous intéressent</p>
<p style="text-align: center;"><a target="_blank" href="media/ed315dad.05873356-photo-google-traduction.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/03/05873356-photo-google-traduction.jpg" rel="lightbox[6622]" title="Bien manier Google Translate"><img class="size-medium wp-image-7447 aligncenter" alt="05873356-photo-google-traduction" src="media/2c49cb1f.05873356-photo-google-traduction-168x300.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/03/05873356-photo-google-traduction-168x300.jpg" width="168" height="300" /></a></p>
<p>Et si vous vous faites des amis sur place (ça arrive) et qu'ils vous envoient un message dans leur langue, et que vous êtes aussi bilingue que votre hamster, pas de panique !</p>
<p><strong>Google Translate gère les SMS</strong>, et ça, c'est franchement sympa =).</p>
<h1><strong>Faire traduire ses SMS</strong></h1>
<p><strong>Menu &gt; Traduction de sms</strong></p>
<p style="text-align: center;"><a target="_blank" href="media/6e46328a.Google-Translate-App-1.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/03/Google-Translate-App-1.jpg" rel="lightbox[6622]" title="Bien manier Google Translate"><img class="size-medium wp-image-7448 aligncenter" alt="Google-Translate-App-1" src="media/2599ddf6.Google-Translate-App-1-300x226.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/03/Google-Translate-App-1-300x226.jpg" width="300" height="226" /></a></p>
<p>Décidément<span style="line-height: 1.5em;">, ce Google Translate est génial !</span></p>
<p>Voila, c'était l'info utile pour ceux qui ne savaient pas, et donc inutile pour les autres =) !</p>
<p>Sur ce, je vous souhaite de bonnes vacances, <strong>et je m'en vais tester si c'est fonctionnel en Grèce</strong> ! On s'appelle !</p>
<p><a target="_blank" href="https://play.google.com/store/apps/details?id=com.google.android.apps.translate&amp;hl=fr">Téléchargez-le si c'est pas encore fait</a> !</p>


feed_id: http://blog.m0le.net/?p=7399
title: Nono's Songs : St Germain - Rose Rouge
uri: Nono-s-Songs-St-Germain-Rose-Rouge
url: http://blog.m0le.net/2014/03/24/nonos-songs-st-germain-rose-rouge/
content:
<p>Les <a target="_blank" title="Nono's Songs" href="http://blog.m0le.net/category/episode/nonos-songs/">Nono's Songs</a> n'ont pas de but particulier si ce n'est de publier des musiques que j'apprécie.</p>
<p>Je ne donne aucune appréciation, je poste que des musiques, trouvées au détour du Net, ou d'un son/bruit que j'ai pu entendre quelques part ou avec quelqu'un. Ce n'est en aucun cas un signe de "nouveauté" ou un effet de mode quelconque.</p>
<p>Voici le clip de <strong>St Germain </strong>qui nous propose <strong>Rose Rouge<br />
</strong></p>
<p style="text-align: center;"><!-- Begin - Secure HTML5 Video Player -->
<div class='video-js-box sh5vp-video-box tube-css' >
<iframe id='vjs-ff-http://blog-m0le-net/wp-content/uploads/mp4/St_Germain_Rose_Rouge' type='text/html' width='600' height='450' src='http://blog.m0le.net/wp-content/plugins/secure-html5-video-player/fallback/index.php?autoplay=0&mp4=http%3A%2F%2Fblog.m0le.net%2Fwp-content%2Fuploads%2Fmp4%2FSt_Germain_Rose_Rouge.mp4&url=http%3A%2F%2Fblog.m0le.net%2Fwp-content%2Fplugins%2Fsecure-html5-video-player' frameborder='0' /></iframe>
<p class='sh5vp-download-links'><label>Download Video:</label>
<a class="sh5vp-link-mp4" href="media/4054ce3a.St_Germain_Rose_Rouge.mp4" data-original-source="http://blog.m0le.net/wp-content/uploads/mp4/St_Germain_Rose_Rouge.mp4">MP4</a>
</p>
</div>
<!-- End - Secure HTML5 Video Player -->
<br />
<!-- Begin - Secure HTML5 Video Player -->
<div class='video-js-box sh5vp-video-box tube-css' >
<video class='video-js sh5vp-video' width='600' height='450'  controls="controls" preload="auto"   >
<source src="media/76d2c6e8.St_Germain_Rose_Rouge.webm" data-original-source="http://blog.m0le.net/wp-content/uploads/mp4/St_Germain_Rose_Rouge.webm" type="video/webm" />
</video>
</div>
<!-- End - Secure HTML5 Video Player -->
</p>


feed_id: http://blog.m0le.net/?p=7480
title: Vivez l'expérience S5
uri: Vivez-l-expérience-S5
url: http://blog.m0le.net/2014/03/24/vivez-lexperience-s5/
content:
<p><span style="line-height: 1.5em;">A quelques jours de la sortie du Galaxy S5, Samsung a décidé de sortir </span><a target="_blank" style="line-height: 1.5em;" href="https://play.google.com/store/apps/details?id=com.forbiz.s5experience">une application</a><span style="line-height: 1.5em;"> qui permet de découvrir les nouvelles fonctionnalités de leur nouveau terminal.</span></p>
<p><span id="more-7480"></span></p>
<p>Vous l'aurez compris, il s'agit plutôt d'une <strong>application marketing</strong> qu'une interface utilisateur S5 à proprement parler.</p>
<p>Cette application n'a rien d'exceptionnel en soi, mais il est toujours sympa de pouvoir <strong>découvrir les nouveautés d'un autre téléphone sur son propre téléphone</strong>.</p>
<p>Attention toutefois, il vous faudra <strong>être muni d'un terminal sous Android 4.0 minimum</strong>.</p>
<p>Si seulement les autres constructeurs pouvaient en prendre de la graine, nous ferions plus vite notre choix <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":-)" class="wp-smiley" />  !</p>
<p><a target="_blank" href="media/0babd6f0.unnamed-303x540.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/03/unnamed-303x540.png" rel="lightbox[7480]" title="Vivez l'expérience S5"><img class="alignnone size-medium wp-image-7481" alt="s5-interface1" src="media/73e28122.unnamed-303x540-168x300.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/03/unnamed-303x540-168x300.png" width="168" height="300" /></a> <a target="_blank" href="media/01bc40e0.gs5-2-303x540.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/03/gs5-2-303x540.png" rel="lightbox[7480]" title="Vivez l'expérience S5"><img class="alignnone size-medium wp-image-7482" alt="s5-interface2" src="media/0ba2ea0a.gs5-2-303x540-168x300.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/03/gs5-2-303x540-168x300.png" width="168" height="300" /></a></p>
<p>Enjoy <img src="media/32e3219c.icon_wink.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_wink.gif" alt=";-)" class="wp-smiley" /> </p>


feed_id: http://blog.m0le.net/?p=7455
title: Une appli qui pourrait s’appeler "reviens"
uri: Une-appli-qui-pourrait-s-appeler-reviens
url: http://blog.m0le.net/2014/03/26/une-appli-qui-pourrait-sappeler-reviens/
content:
<p><span style="line-height: 1.5em;">Je </span><em style="line-height: 1.5em;">reviens</em><span style="line-height: 1.5em;"> (:-)) vers vous avec une application où je l'avoue, c'est clairement le nom qui m'a attirée.</span></p>
<p><span id="more-7455"></span></p>
<p>Si vous êtes comme moi du genre <strong>à prêter vos affaires, puis à ne plus jamais les récupérer puisqu'elles disparaissent dans la nature</strong>, sûrement enlevées par une civilisation plus avancée que la nôtre, cette application est faite pour vous !</p>
<p>Le principe est simple : <strong>c'est un pense-bête où vous notez la nature de l'objet prêté</strong>, ainsi que la personne à qui vous l'avez prêté. L'application vous indique même le temps du prêt (mais pas le calcul d'intérêt en cas de retard :-)).</p>
<p>Et l'inverse est possible aussi : noter à qui vous avez emprunté quoi.</p>
<p>Et puisque cette appli est super géniale (si si), <strong>elle propose même un petit widget</strong> et surtout, une notification lorsque le temps de prêt se fait trop long.</p>
<p><a target="_blank" href="media/d362ef67.1.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/03/1.png" rel="lightbox[7455]" title="Une appli qui pourrait s’appeler "reviens""><img class="alignnone size-medium wp-image-7456" alt="1" src="media/3ddd6bcd.1-187x300.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/03/1-187x300.png" width="187" height="300" /></a>  <a target="_blank" href="media/5cfa575f.2.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/03/2.png" rel="lightbox[7455]" title="Une appli qui pourrait s’appeler "reviens""><img class="alignnone size-medium wp-image-7457" alt="2" src="media/578f5677.2-189x300.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/03/2-189x300.png" width="189" height="300" /></a>  <a target="_blank" href="media/c25793cd.3.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/03/3.png" rel="lightbox[7455]" title="Une appli qui pourrait s’appeler "reviens""><img alt="3" src="media/06d5ec70.3-212x300.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/03/3-212x300.png" width="212" height="300" /></a><a target="_blank" href="media/c25793cd.3.png" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/03/3.png"><br />
</a></p>
<p>Super pratique pour les tête en l'air non ?<br />
Encore faut-il que vous pensiez à l'utiliser, mais là, je ne peux plus rien pour vous <img src="media/32e3219c.icon_wink.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_wink.gif" alt=";-)" class="wp-smiley" /> </p>
<p><a target="_blank" href="https://play.google.com/store/apps/details?id=com.mtn.caSappelleReviens&amp;hl=fr">C'est par ici</a></p>


feed_id: http://blog.m0le.net/?p=7495
title: Nono's Songs : Pretty Lights - I Can See It In Your Face
uri: Nono-s-Songs-Pretty-Lights-I-Can-See-It-In-Your-Face
url: http://blog.m0le.net/2014/03/31/nonos-songs-pretty-lights-i-can-see-it-in-your-face/
content:
<p>Les <a target="_blank" title="Nono's Songs" href="http://blog.m0le.net/category/episode/nonos-songs/">Nono's Songs</a> n'ont pas de but particulier si ce n'est de publier des musiques que j'apprécie.</p>
<p>Je ne donne aucune appréciation, je poste que des musiques, trouvées au détour du Net, ou d'un son/bruit que j'ai pu entendre quelques part ou avec quelqu'un. Ce n'est en aucun cas un signe de "nouveauté" ou un effet de mode quelconque.</p>
<p>Voici le non clip de <strong>Pretty Lights </strong>qui nous propose <strong>I Can See It In Your Face<br />
</strong></p>
<p style="text-align: center;"><!-- Begin - Secure HTML5 Video Player -->
<div class='video-js-box sh5vp-video-box tube-css' >
<iframe id='vjs-ff-http://blog-m0le-net/wp-content/uploads/mp4/Pretty_Lights_-_I_Can_See_It_In_Your_Face_Making_Up_A_Changing_Mind' type='text/html' width='600' height='450' src='http://blog.m0le.net/wp-content/plugins/secure-html5-video-player/fallback/index.php?autoplay=0&mp4=http%3A%2F%2Fblog.m0le.net%2Fwp-content%2Fuploads%2Fmp4%2FPretty_Lights_-_I_Can_See_It_In_Your_Face_Making_Up_A_Changing_Mind.mp4&url=http%3A%2F%2Fblog.m0le.net%2Fwp-content%2Fplugins%2Fsecure-html5-video-player' frameborder='0' /></iframe>
<p class='sh5vp-download-links'><label>Download Video:</label>
<a class="sh5vp-link-mp4" href="media/4f4c693f.Lights_-_I_Can_See_It_In_Your_Face_Making_Up_A_Changing_Mind.mp4" data-original-source="http://blog.m0le.net/wp-content/uploads/mp4/Pretty_Lights_-_I_Can_See_It_In_Your_Face_Making_Up_A_Changing_Mind.mp4">MP4</a>
</p>
</div>
<!-- End - Secure HTML5 Video Player -->
<br />
<!-- Begin - Secure HTML5 Video Player -->
<div class='video-js-box sh5vp-video-box tube-css' >
<video class='video-js sh5vp-video' width='600' height='450'  controls="controls" preload="auto"   >
<source src="media/205fd361.ights_-_I_Can_See_It_In_Your_Face_Making_Up_A_Changing_Mind.webm" data-original-source="http://blog.m0le.net/wp-content/uploads/mp4/Pretty_Lights_-_I_Can_See_It_In_Your_Face_Making_Up_A_Changing_Mind.webm" type="video/webm" />
</video>
</div>
<!-- End - Secure HTML5 Video Player -->
</p>


feed_id: http://blog.m0le.net/?p=7461
title: Un scanner dans ta poche
uri: Un-scanner-dans-ta-poche
url: http://blog.m0le.net/2014/04/02/un-scanner-dans-ta-poche/
content:
<p>Hello tout le monde ! Je ne sais pas vous, mais moi quand mon patron ou une amie me dit "euh, tu peux me scanner ça, merci ?", je suis fatiguée rien que d'y penser...</p>
<p><span id="more-7461"></span></p>
<p>Et comme tout bon geek qui se respecte, <strong>je suis plutôt partisane du moindre effort</strong> :-).</p>
<p>Heureusement, <strong>j'ai trouvé LA solution miracle</strong> : <a target="_blank" href="https://play.google.com/store/apps/details?id=com.intsig.camscanner">CS - Camscanner</a> (non non, pas <a target="_blank" href="https://play.google.com/store/apps/details?id=com.StudioOnMars.CSPortable&amp;hl=fr">Counter Strike</a>, je vous vois déjà venir, mais vous pouvez quand même profiter du lien :-D) !</p>
<p>Il s'agit d'un scanner de poche qui <strong>crée des PDF a partir de photos</strong>.</p>
<p>L'utilisation est très simple: on prend une photo dans un milieu bien éclairé (c'est toujours mieux) de l'objet à scanner.</p>
<p>Automatiquement, l'appli va <strong>recadrer l'image</strong>, mais il est toujours possible de la modifier avant l'étape suivante. L'appli va ensuite <strong>améliorer l'aspect général de l'image</strong>, avec des réglages éventuellement modifiables.</p>
<p>Enfin, on mémorise le fichier final <strong>au format souhaité</strong> (.pdf étant l'extension par défaut).</p>
<p>Les scans enregistrés se synchronisent automatiquement avec votre PC, tablette, [etc], et il est possible de l'envoyer par mail.</p>
<p>Mais l'option la plus intéressante, à mon sens, <strong>est la récupération de texte a partir d'une photo</strong>. Pas besoin de le retaper par la suite, ce qui est plutôt cool !</p>
<p style="text-align: center;"><a target="_blank" href="media/0e7e8c93.11.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/03/11.jpg" rel="lightbox[7461]" title="Un scanner dans ta poche"><img class="alignnone size-medium wp-image-7462" alt="11" src="media/82e40267.11-300x188.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/03/11-300x188.jpg" width="300" height="188" /></a><br />
<a target="_blank" href="media/039f2a95.12.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/03/12.jpg" rel="lightbox[7461]" title="Un scanner dans ta poche"><img class="alignnone size-medium wp-image-7463" alt="12" src="media/13431a9e.12-300x188.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/03/12-300x188.jpg" width="300" height="188" /></a><br />
<a target="_blank" href="media/a9ee5f4d.13.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/03/13.jpg" rel="lightbox[7461]" title="Un scanner dans ta poche"><img class="alignnone size-medium wp-image-7464" alt="13" src="media/65013f52.13-300x188.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/03/13-300x188.jpg" width="300" height="188" /></a><br />
<a target="_blank" href="media/331400a5.14.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/03/14.jpg" rel="lightbox[7461]" title="Un scanner dans ta poche"><img class="alignnone size-medium wp-image-7465" alt="14" src="media/8383cf3f.14-300x188.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/03/14-300x188.jpg" width="300" height="188" /></a></p>
<p>Autres option sympa: <strong>l'outil édition</strong> qui permet de griffoner sur le scan (ou de signer un document, why not ?!), et le fait de pouvoir <strong>collaborer sur un même scan</strong>, un peu comme avec Google Drive.</p>
<p>Bref, une appli très complète que je vous recommande vivement. Merci qui ? <img src="media/32e3219c.icon_wink.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_wink.gif" alt=";-)" class="wp-smiley" /> </p>


feed_id: http://blog.m0le.net/?p=7501
title: Nono's Vrac 104 - En grande pompe
uri: Nono-s-Vrac-104-En-grande-pompe
url: http://blog.m0le.net/2014/04/12/nonos-vrac-104-en-grande-pompe/
content:
<p>Le "Cent Quatre" désigne un bâtiment construit en 1874 qui hébergeât en premier lieu (et pendant 120 ans) les pompes funèbres de Paris. Il est désormais un établissement culturel sur plus de 36000m² !</p>
<p><a target="_blank" href="media/3c346e0b.ad-001.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/04/ad-001.jpg" rel="lightbox[7501]" title="Nono's Vrac 104 - En grande pompe"><img class="aligncenter  wp-image-7502" alt="ad-001" src="media/3c346e0b.ad-001.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/04/ad-001.jpg" width="600" height="400" /></a></p>
<p>liste de lien du 01/02/2014 au 28/02/2014 :</p>
<ul>
<li>(1) Excellent cette chanson/clip de Norman et ces acolytes ! <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://www.youtube.com/watch?v=GP7aP67qQjQ">01/02/2014 @ 00:44:35</a>]</li>
<li>(2) Wow, ca fait longtemps que j’étais plus scotché devant une vidéo de sport extrême ! C'est du paragliding (para-pente) et la vidéo est vraiment magnifique et super technique ! [<a target="_blank" href="http://www.youtube.com/watch?v=L62faWn-sa8">01/02/2014 @ 12:45:23</a>]</li>
<li>(3) Qu'est-ce "Kidult" ? [<a target="_blank" href="http://vimeo.com/50435668">02/02/2014 @ 18:33:34</a>]</li>
<li>(4) Comment sont faites les bouteille de plongée. Intéressant<br />
via http://lehollandaisvolant.net/?mode=links&amp;id=20140201145433 [<a target="_blank" href="http://www.arfy.fr/dotclear/index.php?post%2F2014%2F01%2F28%2FLa-saviez-vous-Une-bouteille-de-plongee-est-un-disque-de-metal-presse-plie----">04/02/2014 @ 08:22:27</a>]</li>
<li>(5) Haha, enorme ce proverbe <img src="media/5a932613.icon_biggrin.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_biggrin.gif" alt=":D" class="wp-smiley" /><br />
"C'est au moment où tu vois un moustique se poser sur tes testicules que tu te rends compte qu'il y a moyen de régler certains problèmes autrement que par la violence !" [<a target="_blank" href="https://bajazet.fr/shaarli/?DRx9Hg">04/02/2014 @ 19:13:25</a>]</li>
<li>(6) Du grand Michel et Michel pour l’émission Faux Raccord pour la 100ième ! [<a target="_blank" href="http://www.allocine.fr/video/video-19542190/">04/02/2014 @ 19:14:11</a>]</li>
<li>(7) Toujours kiffant les destructions d'immeuble <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  (Sans le son, c'est mieux <img src="media/32e3219c.icon_wink.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_wink.gif" alt=";-)" class="wp-smiley" />  ) [<a target="_blank" href="http://gizmodo.com/behold-one-of-the-biggest-controlled-skyscraper-demolit-1514789024">04/02/2014 @ 19:31:13</a>]</li>
<li>(8) bon, ya 1 ou 2 références que j'ai pas totalement saisi (je suis sauvé \o/).<br />
Mention spécial pour la "ta mère", je suis un grand fan <img src="media/5a932613.icon_biggrin.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_biggrin.gif" alt=":D" class="wp-smiley" /><br />
via http://www.cochisette.com/links/?pwy1XQ [<a target="_blank" href="http://www.tout-bon.com/dans-la-bouche-des-gens-dans-les-annees-90/#sthash.Mq4VWJjO.gbpl">04/02/2014 @ 19:34:12</a>]</li>
<li>(9) Bon, hormis le look, une voiture à air, ca me dit bien avec ce genre d'autonomie ! [<a target="_blank" href="http://www.w3sh.com/2014/02/03/la-tata-minicat-a-la-conquete-de-linde/">04/02/2014 @ 19:34:34</a>]</li>
<li>(10) A chaque fois que vous aurez un jour ou vous détesterez votre boulot.. [<a target="_blank" href="media/1da38464.i-hate-my-job.jpg" data-original-source="http://blog.m0le.net/wp-content/uploads/2014/02/i-hate-my-job.jpg">05/02/2014 @ 08:46:41</a>]</li>
<li>(11) Explication et protection contre les attaques par réflexion utilisant NTP [<a target="_blank" href="http://www.bortzmeyer.org/ntp-reflexion.html">05/02/2014 @ 08:53:18</a>]</li>
<li>(12) j'adore ce genre de gif explicatif <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://dailygeekshow.com/2014/02/04/decouvrez-comment-les-produits-du-quotidien-sont-fabriques/">05/02/2014 @ 08:57:53</a>]</li>
<li>(13) Ca, c'est juste pour les personnes qui me demanderont pourquoi j'ai toujours conchié et boycotté paypal [<a target="_blank" href="http://sebsauvage.net/links/?o4czSQ">06/02/2014 @ 00:19:13</a>]</li>
<li>(14) Enorme <img src="media/5a932613.icon_biggrin.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_biggrin.gif" alt=":D" class="wp-smiley" />  [<a target="_blank" href="http://www.rts.ch/video/couleur3/120-secondes/5586875-le-snowboard-est-en-perte-de-vitesse.html?rts_source=rss_v">06/02/2014 @ 08:21:51</a>]</li>
<li>(15) Un petit tour de Norvège en F-16 ? En tout cas, ca donne envie ! [<a target="_blank" href="http://sploid.gizmodo.com/norway-looks-even-more-gorgeous-from-a-f-16-1507232762/@jesusdiaz">06/02/2014 @ 21:27:55</a>]</li>
<li>(16) C'est simple, mais ca marche ! La nouvelle pub Lacoste est plutôt sympa [<a target="_blank" href="http://www.fubiz.net/2014/02/05/lacoste-life-is-a-beautiful-sport/">06/02/2014 @ 22:20:18</a>]</li>
<li>(17) wooooot Eijebong à gentillement fait le bridge pour le site streetartutopia.com \o/ [<a target="_blank" href="https://github.com/Eijebong/rss-bridge/blob/master/bridges/StreetArtUtopiaBridge.php">06/02/2014 @ 22:58:35</a>]</li>
<li>(18) BIM, l'art de pointer du doigt ce qui fait mal, avec humour <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://www.rts.ch/video/couleur3/120-secondes/5592425-les-jo-de-sotchi-demarrent.html?rts_source=rss_v">07/02/2014 @ 11:10:17</a>]</li>
<li>(19) Effectivement, c'est super intéressant avec les commentaires du pilote !<br />
via https://wtf.roflcopter.fr/links/pogo/?1qMESg [<a target="_blank" href="http://www.youtube.com/watch?v=D0ykd-97VtE&amp;feature=player_embedded">10/02/2014 @ 08:33:48</a>]</li>
<li>(20) Ces français sont des dingues (mais doivent bien s'amuser <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  ), faire les funambules entre 2 ballons dirigeables <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://mashable.com/2014/02/07/hot-air-balloon-slackline/?utm_campaign=Mash-Prod-RSS-Feedburner-All-Partial&amp;utm_cid=Mash-Prod-RSS-Feedburner-All-Partial&amp;utm_medium=feed">10/02/2014 @ 08:56:28</a>]</li>
<li>(21) Les bonnes pratiques pour créer sa clé PGP [<a target="_blank" href="http://www.bortzmeyer.org/nouvelle-cle-pgp.html">10/02/2014 @ 09:34:26</a>]</li>
<li>(22) wow ! Effectivement, la plus belle page de contact EVER !<br />
via http://links.yome.ch/?oJCklg [<a target="_blank" href="http://contact.darkigloo.com/">11/02/2014 @ 08:32:42</a>]</li>
<li>(23) Effectivement, ce "petit" scudo aménagé donne envie de voyager <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" /><br />
via http://orangina-rouge.org/shaarli/?LLgSIA [<a target="_blank" href="http://www.lumieres-du-monde.com/blog/index.php/2013/10/27/fourgon-amenage/">11/02/2014 @ 08:52:49</a>]</li>
<li>(24) Pas con, une bougie utilisable 2 fois <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://gizmodo.com/burn-an-almost-infinite-candle-with-this-clever-wax-c-1520687433">12/02/2014 @ 08:51:31</a>]</li>
<li>(25) La V2 de "Movies vs Life" de suricate <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  Moins bien que la 1ere edition, mais le making-of est sympa. [<a target="_blank" href="http://www.youtube.com/watch?v=pQHG4Ma_PPI&amp;feature=youtube_gdata">12/02/2014 @ 09:05:28</a>]</li>
<li>(26) C'est vrai qu'il est super beau ce timelapse ! [<a target="_blank" href="http://mashable.com/2014/02/10/aurora-time-lapse/">12/02/2014 @ 19:08:04</a>]</li>
<li>(27) Superbe ce pidjin <img src="media/5a932613.icon_biggrin.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_biggrin.gif" alt=":D" class="wp-smiley" />  [<a target="_blank" href="http://www.pidjin.net/2012/02/13/valentines-day-special/">15/02/2014 @ 06:45:19</a>]</li>
<li>(28) J’étais mort de rire ce matin <img src="media/5a932613.icon_biggrin.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_biggrin.gif" alt=":D" class="wp-smiley" />  [<a target="_blank" href="http://www.rts.ch/video/couleur3/120-secondes/5622475-les-forces-aeriennes-suisses-ne-sont-disponibles-que-pendant-les-heures-de-bureau.html">18/02/2014 @ 11:12:00</a>]</li>
<li>(29) Des éclairs, c'est joli. Des volcans, c'est joli, mais des éclairs sur un volcan, c'est vraiment envoutant °o° [<a target="_blank" href="http://dailygeekshow.com/2014/02/18/la-nature-fait-la-demonstration-de-sa-force-demesuree-a-travers-ces-terrifiantes-eruptions-volcaniques/">19/02/2014 @ 08:24:22</a>]</li>
<li>(30) Excellent !!! Rabbit Island : J'ai trop envie d'y aller !! (Merci à flo) [<a target="_blank" href="https://www.youtube.com/watch?v=_ThAvnJVSUo">19/02/2014 @ 09:19:05</a>]</li>
<li>(31) Wow, je pense que c'est le seul lien politique que je partagerais en tout point et sur mon shaarli de surcroît ! Un GROS +1 ! [<a target="_blank" href="http://blogs.mediapart.fr/blog/laurent-chemla/200214/coming-out">20/02/2014 @ 15:36:55</a>]</li>
<li>(32) Merci Orangina Rouge ! Non seulement ce groupe est énorme mais je cherchais "Body Language" écouté dans un mix dnb depuis facile 5 ans <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" /><br />
via http://orangina-rouge.org/shaarli/?CS3K3A [<a target="_blank" href="http://grooveshark.com/#!/playlist/Booka+Shade+Movements/93247657">21/02/2014 @ 08:38:38</a>]</li>
<li>(33) Eye of the Tiger avec une imprimante à point et Trainted love avec des lecteurs de disquettes <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://www.thisiscolossal.com/2014/02/old-tech-making-music/">21/02/2014 @ 08:39:08</a>]</li>
<li>(34) wow ! Thunderstruck (ACDC) pour 2 violoncelles ! Je suis sur le cul !<br />
via http://sebsauvage.net/links/?7lk2Jw [<a target="_blank" href="https://www.youtube.com/watch?v=uT3SBzmDxGk">22/02/2014 @ 11:48:35</a>]</li>
<li>(35) Les bonnes pratique de SSH selon l'ANSSI : Je note que finalement DSA n’était pas une bonne idée pour mes clé SSH (http://shaarli.m0le.net/?ht0Ayg) [<a target="_blank" href="http://www.ssi.gouv.fr/fr/guides-et-bonnes-pratiques/recommandations-et-guides/securite-des-reseaux/recommandations-pour-un-usage-securise-d-open-ssh.html">22/02/2014 @ 18:31:05</a>]</li>
<li>(36) Mise en place de calamaris (qui permet de faire de beau rapport de proxy genre squid) [<a target="_blank" href="http://www.planet-libre.org/index.php?post_id=16214&amp;go=external">23/02/2014 @ 18:56:36</a>]</li>
<li>(37) Un script qui fait un audit basique de la sécurité de votre Linux (droit d'accès, port ssh par défaut, etc, etc ...) [<a target="_blank" href="http://www.planet-libre.org/index.php?post_id=16225&amp;go=external">23/02/2014 @ 18:57:19</a>]</li>
<li>(38) Ouch, grosse faille dans android &lt; 4.2 qui ne sera pas (jamais) comblé !<br />
via http://sebsauvage.net/links/?Ku4Lfg [<a target="_blank" href="http://mobile.slashdot.org/story/14/02/20/2242245/drive-by-android-malware-exploits-unpatchable-vulnerability">23/02/2014 @ 18:59:33</a>]</li>
<li>(39) J'adore cette table / banc qui réagit à la chaleur <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://www.fubiz.net/2014/02/21/thermochromic-table/">23/02/2014 @ 19:00:37</a>]</li>
<li>(40) Hahaha, DHL fait livrer des colis avec écrit en gros "DHL IS FASTER" par des coursiers concurrent <img src="media/5a932613.icon_biggrin.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_biggrin.gif" alt=":D" class="wp-smiley" />  [<a target="_blank" href="http://mashable.com/2014/02/21/dhl-prank/?utm_campaign=Mash-Prod-RSS-Feedburner-All-Partial&amp;utm_cid=Mash-Prod-RSS-Feedburner-All-Partial&amp;utm_medium=feed">23/02/2014 @ 19:18:14</a>]</li>
<li>(41) Je pensais pas que c’était possible de faire ça à pied ! [<a target="_blank" href="http://mashable.com/2014/02/21/human-does-a-loop-the-loop/?utm_campaign=Mash-Prod-RSS-Feedburner-All-Partial&amp;utm_cid=Mash-Prod-RSS-Feedburner-All-Partial&amp;utm_medium=feed">23/02/2014 @ 19:24:13</a>]</li>
<li>(42) Un petit système pour gagner de la place de rangement dans votre garage <img src="media/5a932613.icon_biggrin.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_biggrin.gif" alt=":D" class="wp-smiley" />  [<a target="_blank" href="http://hackaday.com/2014/02/22/diy-ceiling-rack-keeps-your-bikes-out-of-the-way/">23/02/2014 @ 20:05:10</a>]</li>
<li>(43) Elle est vraiment classe cette maison. J'aime beaucoup l'ouverture sur les 2 cotés en même temps. Ca doit être génial en été ! [<a target="_blank" href="http://www.fubiz.net/2014/02/23/house-1101-by-h-arquitectes/">23/02/2014 @ 22:25:07</a>]</li>
<li>(44) Faire un allume feu waterproof avec de la WAX et des allumettes qui s'allument partout (j'en ai vu qu'au states, mais ça doit se trouver ici aussi) [<a target="_blank" href="http://hackaday.com/2014/02/22/dino-brings-the-waterproof-fire/">23/02/2014 @ 22:55:38</a>]</li>
<li>(45) 11 films sur la finance que je vous conseil [<a target="_blank" href="http://www.cafedelabourse.com/dossiers/article/quand-la-finance-fait-son-cinema/">23/02/2014 @ 23:36:16</a>]</li>
<li>(46) La petite ville fantôme de Doel en Belgique est dédié au streetart <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://dailygeekshow.com/2014/02/24/en-belgique-une-ville-abandonnee-devient-une-toile-gigantesque-dediee-au-street-art/">24/02/2014 @ 12:01:39</a>]</li>
<li>(47) Essayez de pas tuer des mini-vous en regardant cette vidéo <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://www.youtube.com/watch?v=rug2I4Is7ms">25/02/2014 @ 19:17:21</a>]</li>
<li>(48) Ce petit clip sur la musique en rube de goldberg serait tout bonnement parfait .... Sans ce rapeur de mes couilles qui gâche tout &gt;&lt; [<a target="_blank" href="http://www.fubiz.net/2014/02/25/history-of-music-in-90-seconds/">27/02/2014 @ 01:29:52</a>]</li>
<li>(49) C'est pas con ca, "Horse Power" prend tout son sens <img src="media/2ff3eac6.icon_smile.gif" data-original-source="http://blog.m0le.net/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" />  [<a target="_blank" href="http://paleofuture.gizmodo.com/russian-man-uses-horse-treadmill-to-power-chainsaw-1532466975/@barrett">28/02/2014 @ 10:25:07</a>]</li>
<li>(50) Oh joli ! [<a target="_blank" href="http://www.streetartutopia.com/?p=13688">28/02/2014 @ 16:13:24</a>]</li>
</ul>
<p><a target="_blank" href="http://www.fubiz.net/2014/02/08/peaceful-photography-from-hungary/">Photo</a></p>
<p>---------</p>
<p>Les <a target="_blank" href="http://blog.m0le.net/category/episode/nonos-vrac/">Nono's Vrac</a> sont généré depuis <a target="_blank" href="http://blog.m0le.net/2013/03/08/nonos-vrac-88-via-shaarli-presentation-fin/">mon petit hook</a> de l'application <a target="_blank" href="http://sebsauvage.net/wiki/doku.php?id=php:shaarli">shaarli</a>, que j'utilise ici : <a target="_blank" href="http://shaarli.m0le.net/">shaarli.m0le.net</a></p>


