Fantomas' side - Last entrieshttps://blog.fantomas.site/blog/The last entries on the site Fantomas' sidefrCopyright (c) 2005-2018, Julien FacheSun, 15 Oct 2017 22:18:44 +0000Copier / Paster https://blog.fantomas.site/blog/2017/10/08/copier-paster/ <img src="/media/cache/e9/0b/e90be819ac68de6dc83daa819e60d898.jpg" alt="Copier / Paster" /> <p>De manière professionnelle, j'ai découvert l'utilisation de sites comme <a href="http://pastebin.com">pastebin.com</a> ou encore <a href="http://gist.github.com">gist.github.com</a>. L'idée dernière ces sites nommés communément <strong>Paster</strong>, est de copier/coller un bout de texte ou de code, afin de pouvoir partager cette note de texte facilement en fournissant seulement l'URL de la note aux personnes concernées, c'est surtout pratique dans le cas des messageries instantanées. Les notes étant généralement supprimées au bout d'un certain temps, la question de confidentialité est plus ou moins assurée.</p><p>Voyant la facilité avec laquelle je pouvais sauvegarder et disposer de mes notes, j'ai donc commencé de manière personnelle à utiliser ces sites, mais cette fois-ci en omettant la suppression automatique. À titre d'exemple, j'y enregistre mon carnet d'adresses postales, comme ça j'ai toujours moyen de retrouver une adresse peu importe où je suis du moment que j'ai Internet. </p><p>Jusqu'au moment où je me suis posé trois questions :</p><ul><li>où sont physiquement stockées mes données ?</li><li>sous quel politique légale sont mes données ?</li><li>sont elles vraiment supprimées en cas de demande ?</li></ul><p>Au final cela revient à se demander si je suis le vrai propriétaire de mes données. Je vous laisse imaginer que la réponse à ces questions ne m'a pas toujours satisfait. Globalement dès que le site est hébergé aux USA ou une entreprise américaine fournissant le service, je passe sous leur juridiction donc : DMCA et autres joyeusetés s'appliquent. Je renonce quasiment à tous mes droits, sauf celui à me faire punir pour ce que j'ai pu écrire.</p><p>Bref dans le doute, je me suis dit qu'il ne me coûterait au final pas grand chose de refaire ce genre de site, à titre personnel, tout en personnalisant les fonctionnalités du site comme :</p><ul><li>API</li><li>Versioning</li><li>Expiration automatique</li><li>Coloration syntaxique </li><li>Support de MarkDown et ReStructuredText</li><li>Table des matières</li><li>Téléchargement sous différents formats</li><li>Copier / Coller instantané</li><li>...</li></ul><p>Au final je me retrouve avec une solution personnalisée pour partager des notes, je suis content, mais le problème reste entier pour les autres utilisateur de ce genre de site... </p><p>A l'origine il me semblait qu'Internet est un réseau décentralisé, permettant de résister en cas de coupures d'un ou de plusieurs nœuds qui le composent. </p><p>Mais ces dernières années avec les services proposés sur Internet, est plus en phase de centralisation, c'est-à-dire, un Facebook pour ses amis, un LinkedIn pour son CV, un YouTube pour les vidéos, etc. Laissant peu de place à la concurrence, le tout avec des conditions d'utilisation floues, on risque un jour de frôler une pseudo catastrophe si une de ces entreprises venait à fermer du jour au lendemain. Bref tout le contraire d'Internet...</p><p>Ne voulant pas n'être que pessimiste dans mes propos au sujet d'Internet, je propose cette idée de <em>rendre l'Internet aux gens</em>. Je veux dire par là qu'il n'est pas in-envisageable que les abonnés d'Internet en deviennent les nœuds et non plus les entreprises privées qui se nourrissent de nos contenus tout en imposant leurs conditions.</p><p>Comment ? En France, quasiment tout abonné à Internet possède une "box", permettant d'accéder à divers services, dont le plus connu, la télévision. Il suffirait de fournir à ces box la possibilité d'héberger des sites / services sur mesure. </p><p>Imaginons que vous vouliez vendre des vieilles fringues, au lieu d'aller sur leboncoin.fr, vous mettez l'annonce sur votre box, à charge des moteurs de recherche de référencer l'annonce. Vous voulez prendre des nouvelles de vos amis, vous vous connectez à leur "facebook" personnel. </p><p>Alors, c'est sûr que ça change du fonctionnement actuel d'Internet, ou les gens passent par google pour aller sur facebook (!), que ça pose aussi quelques problèmes au niveau des fonctionnements économiques comme la pub. Mais cela résout aussi celui des données personnelles, de leur collecte. De plus, cette idée à l'avantage que rien n'empêche aux gens de la mettre en place, car Internet n'appartient à personne.</p><p>Le premier FAI français à mettre en place ce genre de micro sites sur sa box, aura pour moi à cœur la satisfaction de ses abonnés, pas seulement leur consommation.</p><p>En attendant, si cela intéresse quelqu'un, sur demande je peux lui fournir le code de mon paster, afin de l'utiliser sur un serveur personnel.</p> fantomas42@gmail.com (fantomas)Sun, 08 Oct 2017 19:36:55 +0000https://blog.fantomas.site/blog/2017/10/08/copier-paster/DéveloppementDes certifs et des bots https://blog.fantomas.site/blog/2017/02/15/des-certifs-et-des-bots/ <img src="/media/cache/fe/fb/fefbb039279fa0435d58de63b71ec8ae.jpg" alt="Des certifs et des bots" /> <p>Je ne sais pas si c'est le passage à Firefox 51, qui met désormais bien en avant le manque de connexion sécurisée sur les sites consultés ou le contexte ambiant qui donne envie de chiffrer ses communications, mais j'ai donc décidé d'utiliser <a href="https://fr.wikipedia.org/wiki/HyperText_Transfer_Protocol_Secure" title="HTTPS">HTTPS</a> pour servir ce blog et mes autres sites. </p><p>Enfin surtout ceux contenant des données personnelles ou nécessitant de se s'authentifier, car mon problème est surtout là. Le vol d'identifiants devient de ce fait moins facile.</p><p>N'étant pas très familier avec ce genre de procédures, je me suis naturellement tourné vers <a href="https://letsencrypt.org/">Let's Encrypt</a> et le script <a href="https://certbot.eff.org/">certbot</a> fourni par l'<a href="https://www.eff.org/fr">EFF</a>, pour obtenir et mettre en place les certificats sur le serveur. </p><p>Après quelques minutes de lectures et de tests, facilement j'ai pu générer et installer les certificats de sécurité nécessaire, adapter les configurations Apache, et le tour était joué. Je me rapelle d'une époque où cela prenait bien plus de temps.</p><p>Un des points fort de certbot est l'automatisation du processus de validation nécessaire pour obtenir un certificat. Le renouvellement automatique des certificats est donc pris en charge, en lançant le tout périodiquement en cronjob par exemple. </p><p> Franchement il est difficile de faire plus simple, surtout à ce prix là (<em>gratuit</em>), c'est une belle initiative qui mérite d'être saluée.</p><p>Si je devais trouver un défaut à certbot, cela serait le plug-in Apache, qui à l'heure actuelle ou j'écris ces lignes, fait quelque peu défaut, surtout si vous avez une configuration complexe. </p><p>Revoyons la procédure en pas à pas et avec l'exemple : </p><h3>Installer certbot :</h3><pre>wget https://dl.eff.org/certbot-auto chmod a+x certbot-auto ./certbot-auto # Installe les dépendances <br />a2enmod ssl # On installe le mod SSL pour Apache</pre><h3>Récupérer un certificat pour son domaine :</h3><pre>./certbot-auto certonly -d mon.domaine -d www.mon.domaine </pre><h3>Adapter sa configuration Apache</h3><pre>&lt;VirtualHost *:80&gt; # On redirige tout le trafic HTTP vers HTTPS ServerName mon.domaine ServerAlias www.mon.domaine RewriteEngine on RewriteRule ^ https://%{SERVER_NAME}%{REQUEST_URI} [END,QSA,R=permanent] &lt;/VirtualHost&gt; &lt;IfModule mod_ssl.c&gt; &lt;VirtualHost *:443&gt; # On entre en version HTTPS ServerName mon.domaine ServerAlias www.mon.domaine # Ici votre conf d'habituelle # On installe les certificats et la configuration SSL SSLCertificateFile /etc/letsencrypt/live/mon.domaine/fullchain.pem SSLCertificateKeyFile /etc/letsencrypt/live/mon.domaine/privkey.pem Include /etc/letsencrypt/options-ssl-apache.conf &lt;/VirtualHost&gt; &lt;/IfModule&gt;</pre><h3>Mettre en place le cronjob</h3><pre>25 0,12 * * * ./certbot-auto renew --quiet</pre><p>Merci qui ? Merci Let's Encrypt et l'EFF !</p> fantomas42@gmail.com (fantomas)Wed, 15 Feb 2017 15:25:28 +0000https://blog.fantomas.site/blog/2017/02/15/des-certifs-et-des-bots/DécouvertesExpériencesAction, réaction ! https://blog.fantomas.site/blog/2016/11/26/action-reaction/ <p>Récemment, j'ai eu envie de faire une <a href="https://fr.wikipedia.org/wiki/Application_web_monopage" title="SPA"><em>Application web monopage</em></a>, servant à organiser les tâches que j'ai à faire et à noter mes différentes idées pour les réaliser le moment venu. Pourquoi monopage ? Car habituellement, j'utilise juste différents fichiers textes, ce qui permet d'aller très vite dans la saisie et l'organisation des lignes, donc je voulais absolument retrouver ce côté "<em>réactif</em>".</p><p><img src="https://fantomas.site/media/uploads/todos.gif" alt="Todos" width="100%" /></p><p>Forcément, ceci nécessite pas mal de <a href="https://fr.wikipedia.org/wiki/JavaScript">JavaScript</a>, qui est le langage pour dynamiser les pages HTML. Or, même si je connais pas mal l'<a href="https://fr.wikipedia.org/wiki/ECMAScript">ECMAScript</a>, j'ai de profonds a priori sur ce langage, parfois sans fondement, je l’avoue. J'en fais à minimum, me contenant bien souvent d'utiliser <a href="https://jquery.com/">JQuery</a> pour un show/hide, un call Ajax, profiter d'un plugin et c'est tout.</p><p>J'ai testé il y a plusieurs mois <a href="https://angularjs.org/">AngularJS</a>, et même si j'ai constaté que l'industrie du JS s'est énormément développée et professionnalisée, surtout depuis l'arrivée de <a href="https://nodejs.org/">Node.js</a>, je n'ai pas réussi à adhérer aux concepts, ni même à finir le tutoriel. Bref, je partais de loin pour mon petit projet...</p><p>Mais j'ai découvert <a href="https://facebook.github.io/react/">React</a> (<em>développé par Facebook pour la petite histoire</em>), et tout a changé.</p><p>Rapidement, j'ai pu voir comment construire mon projet, tout en respectant les concepts liés à React et avoir quelque chose de fonctionnel en 2 jours. Plutôt pas mal, pour un réfractaire.</p><p>Je pense que si j'ai pu réussir à faire ce que j'avais en tête aussi vite, c'est grâce principalement à la logique de Composants, extensibles, réutilisables et embarquables, le tout géré par la syntaxe <a href="https://facebook.github.io/react/docs/jsx-in-depth.html">JSX</a> pour le rendu des templates en HTML.</p><p>Durant la réalisation de l'application, j'ai aussi vu et bénéficié des API ajoutées aux navigateurs, ce qui rend la vie tellement plus facile, d'ailleurs je pense que je n'aurais dorénavant plus besoin de JQuery de toute ma vie. :)</p><p>Parmi les choses utiles que j'ai découvertes et utilisées, je pourrais citer entre autres :</p><ul><li>Fetch</li><li>document.querySelector</li><li>L'API FormData</li><li>L'API Headers</li><li>L'API localStorage</li></ul><p>Avec tous ces éléments, je comprends qu'il soit de plus en plus tentant de remplacer des clients lourds par de réelles applications embarquées dans un navigateur.</p><p>J'ai aussi testé les nouveautés de syntaxe, comme les importations de librairies externes (le tout via <a href="https://www.npmjs.com/">NPM</a>) et les fonctions fléchées, tellement utiles. </p><p>Ceci n'étant possible qu'en utilisant un <a href="https://fr.wikipedia.org/wiki/Compilateur_source_%C3%A0_source">transpileur</a>, mais avec des outils comme <a href="http://gulpjs.com/">Gulp</a>, <a href="http://browserify.org/">Browsersify</a>, voir tout simplement <a href="https://webpack.github.io/">webpack</a>, des chaînes de constructions complexes peuvent être mises en place facilement et s'intégrer dans n'importe quel flux de développement ou de déploiement.</p><p>Bref, sans parler de React en lui-même, qui mériterait un article dédié, je suis désormais quasi reconquis par JavaScript, après disons bien 17 ans de regards en biais. </p><p>Parfois, l'accumulation des qualités compense certains défauts.</p> fantomas42@gmail.com (fantomas)Sat, 26 Nov 2016 18:52:01 +0000https://blog.fantomas.site/blog/2016/11/26/action-reaction/DécouvertesDéveloppementExpériencesVeliberator is alive https://blog.fantomas.site/blog/2015/03/18/veliberator-alive/ <img src="/media/cache/81/d8/81d82d0abd1cd34e9ef24554f4f07cb7.jpg" alt="Veliberator is alive" /> <p>Il y a quelques jours, j'ai décidé de mettre à jour le code de <a href="https://github.com/Fantomas42/veliberator">veliberator</a>, l'API qui me sert à récupérer en direct les informations du réseau Vélib'. Je vous en avais déjà parlé lors d'un <a href="http://fantomas.willbreak.it/blog/2009/09/24/le-temps-des-releases-veliberator/">article précèdent</a> en 2009.</p><p>Donc après avoir fini la mise à jour de 2015, je me suis demandé à quel point il était compliqué d'en faire un robot pour <a href="http://fr.wikipedia.org/wiki/Internet_Relay_Chat">IRC</a>, une vieille idée qui me trottait en tête depuis longtemps.</p><p>Or après quelques recherches il est assez simple de faire un bot IRC, grâce à la <a href="https://pypi.python.org/pypi/irc">librairie irc pour Python</a>. Un module étant même fourni spécifiquement pour écrire ce genre de robot.</p><p>Malgré une documentation éparse, j'ai pu en quelques heures mettre sur pied une version IRC de veliberator me permettant de trouver les stations libres les plus proches.</p><p>Pour rencontrer veliberator le robot, connectez-vous sur <a href="irc://irc.freenode.net/#velib">irc.freenode.net/#velib</a> et écrivez une des choses suivantes:</p><blockquote><p>veliberator, status 42001<br />veliberator, address tour eiffel<br />veliberator, help</p></blockquote><p>Quand c'est facile et utile, le développement devient plus qu'un plaisir.</p> fantomas42@gmail.com (fantomas)Wed, 18 Mar 2015 19:11:41 +0000https://blog.fantomas.site/blog/2015/03/18/veliberator-alive/Développement♪ Je lui dirais des mots vides ♫ https://blog.fantomas.site/blog/2015/02/05/je-lui-dirais-des-mots-vides/ <img src="/media/cache/02/af/02afe4f9bbf2c06821b20cb9cda6809b.jpg" alt="♪ Je lui dirais des mots vides ♫" /> <p>Depuis des temps reculés, j'essaye en composant avec mon temps et mon inspiration de toujours développer et maintenir <a href="/blog/tags/zinnia/">Zinnia</a>. Or un des points que j'essaye d'améliorer ces derniers temps, tant au niveau des résultats, que des performances, c'est la comparaison du contenu des articles, afin de retrouver les articles les plus similaires entre eux.</p><p>Une des étapes pour comparer le contenu entre les articles, va être de soustraire dans le texte l'ensemble des <a href="http://fr.wikipedia.org/wiki/Mot_vide">mots vides</a> de sens (<em>ou stop words en anglais</em>), tel que "<em>le, la, les</em>", afin de limiter le nombre de mots à comparer, tout en travaillant sur des mots dirons-nous "<em>qualifié</em>s".&#160;</p><p>Prenons un exemple concret en français :</p><blockquote><p>Maître Corbeau sur un arbre perché,<br /> Tenait en son bec un fromage.<br /> Maître Renard par l’odeur alléché<br /> Lui tint à peu près ce langage :<br /> Et bonjour, Monsieur du Corbeau.</p></blockquote><p>Une fois soustrait de ses mots vides, cet extrait de fable donnera :</p><blockquote><p>Maître Corbeau XXX XX arbre perché,<br />Tenait XX XXX bec XX fromage.<br />Maître Renard XXX X’odeur alléché<br />XXX tint X XXX XXXX XX langage :<br />XX bonjour, Monsieur XX Corbeau.</p></blockquote><p>On voit donc que l'on conserve les mots essentiels du texte, même si l'on perd le sens des phrases. Et on comprend aussi l'intérêt d'améliorer ce processus, qui peut fortement jouer sur la qualité des résultats et des performances.</p><p>Revenons à Zinnia, j'essaye donc d'améliorer cette étape du filtrage, car actuellement seuls les mots vides anglais sont pris en compte par défaut, chose peu pratique pour un blog écrit autrement qu'en langue de Shakespear.&#160; </p><p>En faisant un petit tour du Web, je constate qu'il existe bien des collections de mots vides dans différentes langues, le tout parfois même accessible en Python !</p><p>Mais les API fournies sont un peu trop optimiste, simpliste et/ou ne supportent pas Python3... De plus les collections de mots vides fournis sont parfois légères et disparates.&#160;</p><p>C'est pourquoi je me suis lancé dans <a href="https://github.com/Fantomas42/mots-vides">mots-vides</a>, une librairie Python dont les objectifs sont triples :</p><ol><li>Faciliter la maintenance des collections de mots vides.</li><li>Fournir des collections de mots clefs les plus extensives possible.</li><li>Fournir 2 APIs pour les développeurs, une bas niveau et une beaucoup plus élevée.</li></ol><p>Petit exemple de l'API haut niveau, pour récupérer et soustraire des mots vides dans un texte en français, comme dans notre précèdent exemple :</p><pre>from mots_vides import stop_words french_stop_words = stop_words('fr') print french_stop_words.rebase('Le lion est mort ce soir.') 'XX lion XXX mort XX soir.'<br />print french_stop_words.rebase('Le lion est mort ce soir.', '').split()<br />['lion', 'mort', 'soir.']</pre><p>L'API de plus bas niveau peut permettre de gérer des collections de mots vides personnalisées. Prenons par exemple que nous voulons créer une collection de langages exotiques tirés de la science-fiction, en commençant par le <a href="http://fr.wikipedia.org/wiki/Klingon_%28langue%29">Klingon</a> :</p><pre>from mots_vides import StopWord from mots_vides import StopWordFactory klingon_stop_words = StopWord('klingon') klingon_stop_words += ["HIja'", "ghobe'", 'naDev', 'nuq'] factory = StopWordFactory('mes/collections/de/mots/vides') filename = factory.get_collection_filename(klingon_stop_words.language) factory.write_collection(filename, klingon_stop_words) <br /># La collection est enregistrée # Plus tard je peux récupérer mes mots vides klingon factory = StopWordFactory('mes/collections/de/mots/vides') klingon_stop_words = factory.get_stop_words('klingon')</pre><p>L'API de bas niveau m'a surtout permis de construire les outils nécessaires à la compilation des différentes collections glanées çà et là sur le net. Grâce à ces outils, la librairie supporte <a href="https://github.com/Fantomas42/mots-vides/tree/develop/mots_vides/datas">39 langues</a> différentes, et la mise à jour ou l'ajout de langues peut se faire rapidement.</p><p>Le support de toutes ces langues est un bon début, et va donc me permettre d'améliorer ce <em>léger</em> détail qu'est le filtrage des mots vides dans Zinnia. Bien sûr d'autres utilisations sont envisageables. :)</p><p>Pour contribuer : <a href="https://github.com/Fantomas42/mots-vides">https://github.com/Fantomas42/mots-vides</a></p> fantomas42@gmail.com (fantomas)Thu, 05 Feb 2015 21:33:29 +0000https://blog.fantomas.site/blog/2015/02/05/je-lui-dirais-des-mots-vides/DéveloppementMigration des blogs de Libération.fr sur Zinnia https://blog.fantomas.site/blog/2014/12/05/migration-des-blogs-de-liberation-sur-zinnia/ <img src="/media/cache/6b/66/6b666c5e70bccdf171c1161326a5ba57.jpg" alt="Migration des blogs de Libération.fr sur Zinnia" /> <p>Depuis maintenant 1 an et demi, en tant que développeur, je travaille pour le site internet <a href="http://www.liberation.fr/">Libération.fr</a>, du journal du même nom.</p><p>Les problématiques sont variées et l'exigence technique au rendez-vous. Grâce à une équipe sympathique et compétente, on a le temps et les moyens de faire de la qualité dans notre travail, le tout dans un environnement particulier, celui d'un quotidien national.</p><p>Il y a quelques semaines, suite à de nombreux échanges et écueils techniques, nous avons décidé de migrer les quelques 350 blogs de Libération hébergés chez <a href="http://www.typepad.com/">Typepad</a>, vers une nouvelle plate-forme qui devra être plus adaptée à nos besoins.</p><p>Étant spécialistes Django nous avons donc décidé d'utiliser <a href="http://www.django-blog-zinnia.com/">Zinnia</a>, la solution de blogs développée par mes soins, afin de bénéficier ainsi de mon expertise dans le domaine et du retour d'expérience des centaines de blogs déjà déployés sur cette solution.</p><p>Une des exigences technique, fut de n'avoir qu'une seule instance Django pour faire tourner toutes les instances de blogs. Car il est inenvisageable pour des raisons de maintenance et de ressources, de devoir installer une nouvelle instance Django à chaque ouverture de blog.</p><p>Zinnia étant modulaire et extensible, l'application a donc servi de socle au projet, puis fût paramétrée et enrichie afin de satisfaire aux besoins d'une plate-forme multi-blogs.</p><p>Donc autour de Zinnia, j'ai développé plusieurs applications aux fonctionnalités spécifiques, dont on peut citer :</p><ul><li>le mécanisme pour rendre Zinnia multi-blogs.</li><li>l'éditeur de contenu, basé sur <a href="http://imperavi.com/redactor/">redactor</a>.&#160;</li><li>le gestionnaire de profils publicitaires.</li><li>l'interface d'administration de la plate-forme.</li><li>le processus de migration de Typepad vers Zinnia.</li><li>et un thème personnalisé aux couleurs de Libération.</li></ul><p>Là où je tire une certaine fierté dans la réalisation de ce projet, c'est qu'à aucun moment je n'ai dû modifier le code source de Zinnia pour satisfaire une exigence ou résoudre un problème, tout cela grâce à la modularité du programme. Chose qui arrive assez rarement dans le monde des applications Django, pour qu'on le souligne.</p><p>Pour finir, grâce à cette réalisation, j'ai aussi pu me prouver que le petit programme de blogs, réalisé à titre personnel pour ce site, a bien évolué. <br />Car désormais il peut tout aussi bien servir de blog personnel très simple, que de plate-forme de blogs hautement personnalisée, chose que je n'avais pas forcément en tête en commençant Zinnia il y a maintenant <a href="http://fantomas.willbreak.it/blog/2008/11/16/changement-adresse-migration-django/">presque 6 ans</a>.</p> fantomas42@gmail.com (fantomas)Fri, 05 Dec 2014 20:20:08 +0000https://blog.fantomas.site/blog/2014/12/05/migration-des-blogs-de-liberation-sur-zinnia/DéveloppementLe temps des releases : django-livereload https://blog.fantomas.site/blog/2014/06/16/le-temps-des-releases-django-livereload/ <img src="/media/cache/0a/47/0a47ce85df248b42aa4ed6d8646b361d.jpg" alt="Le temps des releases : django-livereload" /> <p>Lors de la refonte du site, j'ai découvert l'utilisation de <a title="Gulp" href="http://gulpjs.com/">Gulp</a> et de <a href="http://livereload.com/">LiveReload</a>, qui permettent de se passer de rafraîchir constamment son navigateur lorsqu'on intègre du HTML, CSS ou JavaScript. En effet lorsque une modification est enregistrée sur ces types de fichiers, le navigateur reçoit un signal lui indiquant de recharger soit la ressource, soit l'intégralité de la page.</p><p>Pas mal, mais pas encore assez satisfaisant pour moi, car j'édite aussi principalement des fichiers Python lorsque je développe sous Django, et j'aurais aimé aussi profiter du rechargement automatique du navigateur lorsque que j'édite du code. Malheureusement ce n'était pas aussi simple que cela...</p><p>Sous Django avec le serveur développement, les fichiers Python du projet sont déjà surveillés, et dès qu'une modification est détectée sur ces fichiers, le serveur redémarre pour prendre en compte la modification.</p><p>Initiative louable, mais qui complique grandement la tâche, car si je surveille aussi ces fichiers avec Gulp, le signal de rechargement sera émit et reçu par le navigateur avant que le serveur de développement Django ne soit totalement rechargé et prêt. Résultat, le navigateur n'arrive pas à recharger, je me retrouve avec une page vide et cela devient contre-productif.</p><p>Ce problème à priori peut être résolu au niveau du serveur de développement Django en utilisant des sockets persistantes et à l'heure où j'écris ces lignes un patch est dans l'attente d'intégration : <a href="https://code.djangoproject.com/ticket/18855">https://code.djangoproject.com/ticket/18855</a></p><p>C'est pour toutes ces raisons que j'ai créé et publié <a href="https://pypi.python.org/pypi/django-livereload">django-livereload</a>. Grâce à cette application qui modifie le serveur de développement, vous pouvez désormais profiter du rechargement automatique de la page en cours quand vos fichiers Python sont modifiés.</p><p>Comment ca marche ? Rappelez-vous, le serveur de développement se recharge déjà quand un fichier Python est modifié, et bien quand le serveur est totalement rechargé, une requête de rechargement est émis vers le serveur LiveReload qui lui se chargera de dispatcher la requête vers le navigateur. </p><p>En effet après quelques recherches, j'ai compris que les logiciels comme <a href="http://gulpjs.com/">Gulp</a> ou <a href="http://gruntjs.com/">Grunt</a>, se basaient sur le projet <a href="https://github.com/mklabs/tiny-lr">tiny-lr</a> lorsqu'il fallait utiliser un serveur LiveReload, hors tiny-lr fournis une API en HTTP pour pouvoir contrôler le rechargement des fichiers. Ce qui dans notre cas est l'idéal.</p><p>Pour contribuer, voici l'adresse du projet : <a href="https://github.com/Fantomas42/django-livereload">https://github.com/Fantomas42/django-livereload</a></p> fantomas42@gmail.com (fantomas)Mon, 16 Jun 2014 12:47:53 +0000https://blog.fantomas.site/blog/2014/06/16/le-temps-des-releases-django-livereload/DéveloppementExpériencesMise à jour 2014 du blog https://blog.fantomas.site/blog/2014/04/23/mise-jour-du-blog/ <p>On dit souvent que les cordonniers sont les plus mal chaussés, et en tant que développeur web je confirme l'adage. Ce blog est à l'abandon, depuis pas mal de temps déjà...</p><p>J'ai donc décidé pour remettre le pied à l'étrier, dans un premier temps de le rafraîchir visuellement et de mettre à jours ses composants, afin pourquoi pas le ressusciter dans un second temps.</p><p>Concernant la partie visuelle, j'ai cédé à la mode du design épuré, et ce pour plusieurs raisons. </p><p>L'idée originale étant de mettre en avant le contenu et sa lisibilité, ce genre de thème est adapté en utilisant de bonnes typographies. De plus en me limitant esthétiquement j'ai pu faire quelque chose de maintenable et maîtrisable à mon échelle et intégrer facilement un coté responsive au site qui lui faisait défaut en 2014.</p><p>Lors de cette refonte, je me suis aussi imposé des objectifs chiffrés en terme de temps, histoire de ne pas m'égarer sur des détails et d'avancer rapidement, d'où aussi la simplification esthétique. Cela permet de ne se concentrer que sur le cœur du site, c'est à dire les articles et leur contenu.</p><p>Pour réaliser et intégrer le design j'ai procédé en deux étapes, en réalisant d'abord une charte graphique qui me convenait, puis une fois le rendu satisfaisant à mon goût, j'ai commencé à l'intégrer dans mon système de templates. </p><p>En évitant de mélanger le fond et la forme, c'est à dire d'intégrer le HTML et le CSS en même temps qu'ils soient conçu, j'ai eu l'impression de gagner beaucoup de temps en évitant des errements et des allers-retours inutiles.</p><p>Concernant la partie intégration afin de gagner aussi du temps, j'ai utilisé un combo <a title="Gulp JS" href="http://gulpjs.com/">Gulp</a>, <a title="Sass" href="http://sass-lang.com/">Sass</a>&#160;et <a title="LiveReload" href="http://livereload.com/">Livereload</a>. Dès que je modifie les fichiers Sass, ils sont automatiquement compilés en CSS et dès qu'une modification a lieu dans le CSS ou le HTML, mon navigateur va se rafraîchir automatiquement afin de me la montrer instantanément. Fini l'époque du <em>Ctrl+F5</em> toutes les 15 secondes. :)</p><p>Pour la partie backend, j'ai opéré un nettoyage drastique sur les fonctionnalités inutiles ou presque du site afin d’accélérer au maximum le développement. Je suis resté sur <a title="Django" href="https://www.djangoproject.com/">Django</a>&#160;en utilisant la dernière mouture de <a title="Zinnia" href="http://django-blog-zinnia.com/">Zinnia</a>, mon moteur personnel de blog. La principale différence par rapport à la précédente version du site, vient du fait que les commentaires sont désormais chargés de manière asynchrone en Javascript via <a title="Disqus" href="https://disqus.com/">Disqus</a>. </p><p>Le fait de différer le chargement des commentaires, m'a permis de mettre en cache statique toutes les pages du site, afin de les servir plus rapidement, chose que je ne pouvais faire avant à cause du formulaire de commentaire et la protection <a title="Cross Site Request Forgery" href="http://fr.wikipedia.org/wiki/Cross-Site_Request_Forgery">CSRF</a>.</p><p>Pour finir sur les innovations, en termes de processus, j'ai utilisé la méthode <a title="GIT-flow" href="http://nvie.com/posts/a-successful-git-branching-model/">git-flow</a>, afin de limiter chaque phases de développement dans une branche et de pouvoir déployer le code en production sur une version stable et spécifique. Les outils et le flow proposé par git-flow rendent le processus de développement et de versionning beaucoup plus facile et professionnel, peu importe au final la taille du projet.</p><p>Pour conclure cet article, je dirais que pas mal de chemin a été parcouru depuis le début de ce blog, sous Wordpress, tant sur les domaines de ses aspirations éditoriales et esthétiques que sur le domaine technique. </p><p>Lors du passage à Django, qui m'a mené au développement de Zinnia, je voulais plus de maîtrise sur le code déployé afin de faire des choses plus complexes. </p><p>Maintenant que j'ai fait pleins de choses complexes et plus ou moins utiles, je veux plus de simplicité afin de me concentrer sur l'essentiel. </p><p>Si je dois tirer une certaine fierté de cette refonte, elle viendrait du fait que j'ai réussi à transmettre cet esprit d'essentialité et de simplicité à tous les composants du site, technique ou non.</p> fantomas42@gmail.com (fantomas)Wed, 23 Apr 2014 13:22:09 +0000https://blog.fantomas.site/blog/2014/04/23/mise-jour-du-blog/DéveloppementExpériencesLa face cachée du Sudoku https://blog.fantomas.site/blog/2011/10/11/la-face-cachee-du-sudoku/ <img src="/media/cache/6f/85/6f85967bc7fc45ed3dc82e56fa667bd7.jpg" alt="La face cachée du Sudoku" /> <h1>Introduction</h1><p>Tout commence un soir entre amis, où une envie démente de coder un petit projet nous surprend entre 2 bières. :D</p><p>Lui vient du monde Java, moi du Python, mais ayant subi la même formation, le moment fût propice pour comparer nos progrès et évolutions et aussi lancer un troll ou deux.</p><p>Ensuite nous vient l'idée de programmer un résolveur universel de <a title="Le Sudoku sur Wikipedia" href="http://fr.wikipedia.org/wiki/Sudoku">Sudoku</a>, ayant quelques connaissances de base à propos de ce jeu, j'imagine dans les grandes lignes un algorithme pour résoudre ce genre de puzzles...</p><p>L'idée générale du programme est d'appliquer de manière séquentielle les 2 ou 3 stratégies de résolutions que j'utilise moi même quand je fais un Sudoku tiré d'un magazine...</p><h1>Passage à l'acte</h1><p>Rapidement j'obtiens un résultat, mais se pose le problème de la difficulté. En effet, les grilles disponibles dans les magazines sont classées par difficulté croissante, or <a title="Classification des grilles de Sudoku" href="http://www.le-sudoku.fr/le-sudoku/classification">cette difficulté est toute relative</a>.</p><p>En effet seul le nombre de <a title="Les différentes techniques du Sudoku" href="http://www.mots-croises.ch/Manuels/Sudoku/technique.htm">techniques de résolutions</a> nécessaires (en général 3 ou 4) à un puzzle conditionne le niveau de difficulté. A savoir qu'il existe de techniques très complexes pour résoudre certaines grilles de Sudoku, mais il ne sera jamais nécessaire même à un niveau dit "<em>Diabolique</em>" de les maîtriser. Seules les techniques élémentaires seront nécessaire pour 95% des grilles publiées.</p><p>Mais concernant les 5% restant, là cela devient beaucoup plus complexe, car après plusieurs heures de recherches et de compréhension de ces techniques, je décide d'en implémenter certaines dans le résolveur pour augmenter ses chances de résolution. </p><p>Mais le problème reste entier, même si j'augmente le nombre d'algorithmes de résolution, si je tombe sur un cas que je n'ai pas prévu, je ne peux pas résoudre complètement la grille. En effet, le programme n'est pas capable d'improviser une solution ou d'échafauder une hypothèse qui lui permettrait de se sortir de ce cas imprévu.</p><p>A la suite de cette série d'échecs, je décide d'implémenter un algorithme de résolution basé sur le <a title="BackTracking sur Wikipedia" href="http://fr.wikipedia.org/wiki/Retour_sur_trace">backtracking</a>, solution qui me convient beaucoup mieux car le taux de résolution des puzzles est de 100%, mais insatisfaisante car elle ne permet pas d'expliquer la solution et le temps de résolution d'un puzzle est peu prédicable et très fluctuant.</p><h1>Réflexions</h1><p>En guise de conclusion à cette immersion dans le monde du Sudoku qui s'est révélée au final bien plus riche qu'il ne le semblait aux premiers abords, j'ai appris une belle leçon en matière de programmation et surtout d'algorithmique. </p><p>En effet mimer la façon de penser d'un homme pour résoudre certains problèmes de programmation peut parfois se révéler intéressant et source de solutions, mais il ne faut pas oublier que l'on traite avec une machine. <br />Une machine n'a pas la capacité d'innovation ou d'évolution face à un problème non identifié, par contre elle est capable de retenir des millions d'informations et de les traiter beaucoup plus rapidement que n'importe quel humain et ça, c'est un avantage indéniable.</p><p>Même si un humain peut utiliser la technique du <em>Backtracking</em> (appelé aussi <a title="Nishio et Sudoku" href="http://www.mots-croises.ch/Manuels/Sudoku/Nishio.htm">Nishio</a>) pour résoudre sa grille, il mettra un temps phénoménal mais il n'y arrivera que s'il est très rigoureux et ce n'est pas du tout ludique.</p><p>Par contre pour une machine, la donne s'inverse, la machine est rigoureusement rigoureuse et peut faire tous ces calculs très rapidement.</p><p>Pour conclure, même si un humain et une machine peuvent plus ou moins faire la même chose, il ne faut jamais oublier de prendre en compte les points forts et points faibles de l'un et de l'autre dans la conception d'un algorithme.</p><h1>Résultats</h1><p>Le résultat de toute ces expériences est disponible sur PyPI sous le nom de <a title="Mon solveur de sudoku sur PyPI" href="http://pypi.python.org/pypi/sudoku-solver">sudoku-solver</a>.</p><pre>$ easy_install sudoku-solver $ sudoku_solver votre_grille.txt</pre><p>Vous pouvez éventuellement contribuer sur la page Github du projet à l'adresse suivante : <a title="Sudoku Solver sur Github" href="https://github.com/Fantomas42/sudoku-solver">https://github.com/Fantomas42/sudoku-solver</a></p><p>Et pour terminer, je n'ai pas pu m'empêcher de réaliser une démo web de ma librairie sous le framework Django. Donc si vous voulez résoudre ou vérifier vos grilles de Sudoku, allez à cette adresse : <a title="Résolvez vos puzzles de Sudoku en ligne" href="http://sudoku.willbreak.it/">http://sudoku.willbreak.it/</a></p><p>Bon puzzles !</p> fantomas42@gmail.com (fantomas)Tue, 11 Oct 2011 16:49:56 +0000https://blog.fantomas.site/blog/2011/10/11/la-face-cachee-du-sudoku/DécouvertesDéveloppementExpériencesÔ middleware, mon beau middleware : Request Template Loader https://blog.fantomas.site/blog/2011/03/08/o-middleware-mon-beau-middleware-request-template-loader/ <img src="/media/cache/74/59/74593d216dc7558383bf9189981a97cf.jpg" alt="Ô middleware, mon beau middleware : Request Template Loader" /> <p>Dans le monde du web, là où tout est anarchie (ou presque), je me retrouve confronté assez souvent à cette problématique : </p><blockquote><p>Comment afficher le contenu d'un site réalisé avec Django sur un autre site déjà existant ?</p></blockquote><p>Là où je bosse, on aime bien les <a title="Les balises IFRAME" href="http://www.w3.org/TR/html4/present/frames.html#h-16.5">iframes HTML</a> (no comments please :)), mais le contenu ou le style de la frame incluse ne correspondent pas forcément au site recevant la frame. L'idée, vu qu'on se trouve à la base dans un environnement <a title="Le projet Django" href="http://www.djangoproject.com/">Django</a>, serait de déployer un nouveau site, avec son propre jeu de templates prévues pour le site incluant les frames.</p><p>Mais ce genre de technique nécessite de mettre en place un nouveau domaine, de déployer et de maintenir 2 sites. Bon vous me direz que ce n'est pas forcément ce qu'il y a de plus dur, mais il y a moyen de faire mieux. Et surtout que ce passe-t-il si vous devez faire ce genre d'opération non pas sur 1 site, mais sur plusieurs. Tout de suite cela devient plus ennuyeux. :(</p><p>C'est là où intervient la solution du <a title="Les middlewares sous Django" href="http://docs.djangoproject.com/en/dev/topics/http/middleware/">middleware</a>. L'idée est de pouvoir passer en GET un paramètre qui conditionnera le chargement des templates dans le site source. Comme cela peu importe combien de frames au look différent on devra gérer, la mise en forme et la personnalisation du contenu se fera très facilement.</p><p>Maintenant place au code, les explications sur le fonctionnement viennent directement après.</p><pre>import os from urllib import urlencode from urlparse import urlparse from urlparse import urlunparse try: # For Python &lt; 2.6 from urlparse import parse_qs except ImportError: from cgi import parse_qs from django.conf import settings from django.utils.encoding import smart_str from BeautifulSoup import BeautifulSoup GET_VAR_NAME = getattr(settings, 'TEMPLATE_GET_VAR_NAME', 'from_source') class RequestTemplateMiddleware(object): """Middleware to modify on the fly the loading of the templates""" def __init__(self): self.original_template_dirs = settings.TEMPLATE_DIRS def process_request(self, request): source = request.GET.get(GET_VAR_NAME) if source: settings.TEMPLATE_DIRS = (os.path.join(os.path.dirname(__file__), 'templates', source),) + \ settings.TEMPLATE_DIRS return None def process_response(self, request, response): settings.TEMPLATE_DIRS = self.original_template_dirs source = request.GET.get(GET_VAR_NAME) if source and '&lt;html' in response.content: soup = BeautifulSoup(smart_str(response.content)) for link in soup.findAll('a'): link['href'] = self.update_link(link['href'], source) for form in soup.findAll('form'): form['action'] = self.update_link(form['action'], source) form.insert(0, '&lt;div&gt;&lt;input type="hidden" name="%s" ' \ 'value="%s" /&gt;&lt;/div&gt;' % (GET_VAR_NAME, source)) response.content = str(soup) return response def update_link(self, link, source): """Update the links with the good GET parameter""" url_parts = urlparse(link) query_dict = parse_qs(url_parts.query) query_dict.update({GET_VAR_NAME: source}) return urlunparse((url_parts.scheme, url_parts.netloc, url_parts.path, url_parts.params, urlencode(query_dict), url_parts.fragment))</pre><p>Comme on peut le voir, ce middleware va court-circuiter l'ordre de chargement des templates en modifiant la variable <strong>TEMPLATE_DIRS</strong> utilisée par <a title="Chargement des templates sous Django" href="http://docs.djangoproject.com/en/1.2/ref/templates/api/#loader-types">django.template.loaders.filesystem.Loader</a>, grâce à la variable <strong>from_source</strong> passée dans l'url en GET. </p><p>Ensuite il ne reste plus qu'à créer le dossier de templates correspondant à la variable <strong>from_source</strong> et d'y placer les templates personnalisés. A savoir que le nom de la variable passée en GET est configurable pour plus de souplesse. </p><p>La seule dépendance requise est <a title="Documentation de BeautifulSoup" href="http://www.crummy.com/software/BeautifulSoup/documentation.html">BeautifulSoup</a> qui va modifier le contenu HTML afin de pouvoir continuer à utiliser le middleware quand on clique sur un lien ou on valide un formulaire.</p><p>Au delà de l'utilité de ce bout de code, j'espère que cela va vous motiver à programmer et utiliser vos propres middlewares, car cela s'avère souvent la meilleure solution à un problème complexe lors du développement d'un site internet avec Django.</p> fantomas42@gmail.com (fantomas)Tue, 08 Mar 2011 14:38:28 +0000https://blog.fantomas.site/blog/2011/03/08/o-middleware-mon-beau-middleware-request-template-loader/DéveloppementExpériencesLe temps des releases : django-blog-zinnia https://blog.fantomas.site/blog/2010/09/16/le-temps-des-releases-django-blog-zinnia/ <img src="/media/cache/2a/46/2a4621e127ec848eb30eb57f5f3f1fdf.jpg" alt="Le temps des releases : django-blog-zinnia" /> <p>Incroyable, après presque 2 ans d'attente, Zinnia l'application Django propulsant ce blog est enfin publiée sur un dépôt public.&#160;</p><p>Le premier article faisant référence à <a title="Première apparition de django-blog-zinnia." href="/blog/2008/11/16/changement-adresse-migration-django/">Zinnia date en effet du 16 Novembre 2008</a>.</p><p>Beaucoup d'évolutions ont été apportées entre cette première version réalisée à titre personnel et celle qui gère le site actuellement. Ceci explique en partie mon manque d'activité sur le site.</p><p>Au final, j'en ai profité pour mettre à jour le code du site en utilisant la version de développement et refondre le skin du site, un peu trop sombre et vieillissant à mon goût.</p><p>Maintenant, concentrons nous sur notre sujet. Tout d'abord <a title="Code source de django-blog-zinnia" href="http://github.com/Fantomas42/django-blog-zinnia">le code source de Zinnia est disponible sur GitHub</a>, ce qui facilite le travail communautaire, donc si vous voulez participer, forker ou télécharger, aucun problème, vous y êtes même encouragé.</p><p>Lors de la publication du code source, je me suis efforcé de documenter un maximum les fonctionnalités ainsi que l'installation, donc pour présenter le projet je vais me baser sur ces documents.</p><p>Tout d'abord, qu'est-ce-que Zinnia ou django-blog-zinnia exactement ?</p><blockquote><p>Zinnia est une application générique pour gérer un blog à travers un site en Django. Elle a été conçue pour publier des articles et le faire efficacement ! De manière générale toutes les fonctionnalités qui peuvent être fournies par une autre application réutilisable écrite en Django ont été mises de coté. Pourquoi réécrire ce qui a déjà été testé et approuvé par les autres ?</p></blockquote><p>Mais plutôt qu'un long discours, je vais dresser la liste actuelle des fonctionnalités disponibles.</p><ul class="simple"><li>Commentaires</li><li>Flux RSS ou Atom</li><li>Vues par archives</li><li>Vues par catégories et tags</li><li>Détection des articles relatifs</li><li><a title="Possibilités du moteur de recherche." href="http://django-blog-zinnia.com/docs/SEARCH_ENGINES.html">Moteur de recherche avancé</a></li><li>Prépublication et expiration</li><li>Widgets</li><li>Sitemaps</li><li>Protection anti-spam avec Akismet</li><li>API <a title="Qu'est ce que MetaWeblog" href="http://en.wikipedia.org/wiki/MetaWeblog">MetaWeblog</a></li><li>Ping dans les annuaires</li><li>Ping des ressources externes</li><li>Support de Bit.ly, Twitter</li><li>Gestion de Gravatar</li><li>Plugin pour <a title="Django-CMS" href="http://www.django-cms.org/">Django-CMS</a></li><li>Travail collaboratif</li><li>Autocomplétion des tags</li><li>Support des Pingbacks et Trackbacks</li><li>WYMeditor ou TinyMCE pour éditer</li><li>Templates génériques prêts l'emploi</li><li>Utilitaire de conversion depuis WordPress</li></ul><p>&#160;Je dois certainement oublier des petites choses, mais ça commence déjà à faire pas mal. D'ailleurs, si vous avez une idée de ce qui pourrait manquer n'hésitez pas à m'en faire part.</p><p>Une documentation complète et mise à jour se trouve à cette adresse : <a title="Documentation de django-blog-zinnia" href="http://django-blog-zinnia.com/docs/">http://django-blog-zinnia.com/docs/</a><br />Vous trouverez dans cette documentation un lien vers une documentation de l'API, ainsi que le <a title="Définition de code coverage." href="http://en.wikipedia.org/wiki/Code_coverage">code coverage</a> des tests effectués sur l'application. Car bien sûr l'application est testée. Ouf !</p><p>J'ai failli oublier de dire qu'une version de démonstration de l'application se trouvait ici : <a title="Démo de django-blog-zinnia." href="http://django-blog-zinnia.com/blog/">http://django-blog-zinnia.com/blog/</a></p><p>Bon il ne reste plus qu'à écrire des articles ! :)</p> fantomas42@gmail.com (fantomas)Thu, 16 Sep 2010 18:51:12 +0000https://blog.fantomas.site/blog/2010/09/16/le-temps-des-releases-django-blog-zinnia/DéveloppementLe temps des releases : easy_extract https://blog.fantomas.site/blog/2010/01/19/le-temps-des-releases-easy-extract/ <img src="/media/cache/9a/c2/9ac2da5d13ce19a88cda6c86704d1127.jpg" alt="Le temps des releases : easy_extract" /> <p>Imaginons que j'ai sur un serveur de donnée une grosse quantité d'archives sous différents formats, tel que RAR, ZIP, XTM... </p><p>Si je souhaite extraire toutes ces archives, je devrais aller trouver chaque archives dans son répertoire, taper la bonne commande pour pouvoir les extraire, les réparer au besoin et ainsi de suite... Plutôt fastidieux non ? :(</p><p>Sur ce constat m'est venu l'idée de <strong>easy_extract</strong>, un script écrit en Python qui va analyser récursivement les répertoires à la recherche d'archives ou de collections d'archives pour les extraire et les réparer automatiquement si elles sont corrompues.</p><p>Pour cela, il suffit de lancer le script de la manière suivante par exemple :</p><pre>$ easy_extract -r mes_archives/</pre><p>Pratique et le gain de temps est évident, car une fois le script lancé, vous n'avez plus à vérifier que l'extraction s'est bien déroulée pour ensuite passer à la suivante, donc a scotcher devant votre terminal. Victoire une tâche fastidieuse de plus automatisée. :D</p><p>Pour l'installation, il est nécessaire d'installer les paquets suivant avant :</p><ul><li>par2</li><li>unrar-free</li><li>7zip-full</li></ul><p>Ensuite l'installation du script se fait grâce à easy_install :</p><pre>$ easy_install easy_extract</pre><p>Bien sûr le code est open-source, donc si vous voulez contribuer, forker ou juste critiquer, le code se trouve à l'adresse suivante : <a title="Source de easy_extract" href="http://github.com/Fantomas42/easy-extract">http://github.com/Fantomas42/easy-extract</a></p><p>Bonne décompression et bon leech.</p> fantomas42@gmail.com (fantomas)Tue, 19 Jan 2010 10:47:56 +0000https://blog.fantomas.site/blog/2010/01/19/le-temps-des-releases-easy-extract/DéveloppementLe temps des releases : Vélib'erator https://blog.fantomas.site/blog/2009/09/24/le-temps-des-releases-veliberator/ <img src="/media/cache/62/ea/62ea6a9ad14f0fac4c578fa52f8b552b.jpg" alt="Le temps des releases : Vélib&#39;erator" /> <p>Suite à mon abonnement à <a title="Vélib" href="http://velib.paris.fr/">Vélib'</a>, habitant près d'une station récemment construite, j'ai vite remarqué que de trouver un vélo en bon état ou une place de parking à proximité avant les 30 minutes fatidiques et payantes pouvait vite devenir un calvaire.</p><p>Sur ce, après quelques recherches,&#160; j'ai pu constater que les informations sur l'état des stations du réseau Vélib' étaient librement accessibles. D'où l'idée de créer un paquet python nommé <a title="Sources du paquet python Veliberator" href="http://pypi.python.org/pypi/veliberator/">Veliberator</a>, me permettant depuis mon shell de consulter l'état de mes stations favorites.</p><p>Pour les fans de la ligne de commande, essayez ceci :</p><pre>$ sudo easy_install veliberator $ sudo synchronize.py $ find_place.py 42008</pre><p>Partant de là, je me dis qu'il serait dommage de m'arrêter à ce stade du développement, d'autant plus que mon problème pour trouver une place libre rapidement ne se résous que depuis mon ordinateur, il faudrait donc que ce service soit accessible partout et pour tout le monde.</p><p>Un site web semble être la solution idéale, d'autant plus si on est capable d'optimiser l'affichage des pages au type de support, par exemple un mobile.</p><p>Equipé de mon module python et de Django, j'ai donc réalisé le site <a title="Vélib'erator la libération des stations Vélib'." href="http://veliberator.com">http://veliberator.com</a>.</p><p>Au programme du site :</p><ul><li>Consultation des <a title="Station Vélib' 42008" href="http://veliberator.com/42008">statuts des stations Vélib'</a>.</li><li>Affichage des stations aux alentours.</li><li>Affichage des <a title="Stations Vélib près de la Tour Eiffel." href="http://veliberator.com/lieux/monument/tour-eiffel/">lieux importants</a> près des stations.</li><li><a title="Flux RSS de la station 12002 et des alentours." href="http://veliberator.com/rss/around/12002">Flux RSS</a> pour monitorer le statut des stations.</li><li>Vues par <a title="Stations Vélib' de Saint Mandé" href="http://veliberator.com/ville/94160/">ville</a>, départements, statut, adresse.</li><li><a title="Statistiques du réseau Vélib'" href="http://veliberator.com/stats/">Statistiques</a> du réseau Vélib'.</li><li>Recherche par : adresse, métro, monument, code postal, coordonnées GPS.</li><li>Calcul des distances.</li><li>Traçage d'<a title="Itinéraire entre la station 42008 et 12001" href="http://veliberator.com/route/42008/12001">itinéraires</a> entre stations Vélib'.</li><li>Gestion de favoris.</li><li>Interfaces claires et unifiées.</li><li>Cartes détaillées et en <a title="Vue plein écran !" href="http://maps.veliberator.com/13053/">plein écran</a>.</li><li>Géo-localisation automatique.</li><li>Internationalisation </li><li>Support pour les téléphones <a title="Vélib'erator version iPhone et mobile." href="http://m.veliberator.com">mobiles et iPhone</a>.</li><li>Support pour les Télésites Freebox.</li></ul><p>En effet le site tourne sous plusieurs versions, chacune adaptées à son environnement d'affichage, et à tout moment je peux consulter ces informations.</p><p>Dans mon cas, quand je rentre du travail en Vélib' et qu'il n'y a plus de place en bas de chez moi, je sais directement où aller pour trouver une place libre, sur mon téléphone. Adieu les rondes au hasard à la recherche d'une place libre... Merci Vélib'erator ! :D</p><p>Si vous avez des suggestions, je suis ouvert à toutes propositions d'amélioration.</p><p><a title="Vélib'erator.com" href="http://veliberator.com">http://veliberator.com</a></p><p><a title="Vélib'erator version mobile" href="http://m.veliberator.com">http://m.veliberator.com</a></p><p><em><strong>Edit 30 septembre 2009</strong> : Suite à un email provenant de la société JCDecaux, je me vois dans l'obligation de ne plus utiliser leurs données sur les stations vélib selon les articles L. 112-3 al 2 et L.341-1 du code de la propriété intellectuelle. Données qui sont pourtant accessible publiquement... A priori, avec Vélib, il vaut mieux éviter les initiatives personnelles.</em></p> fantomas42@gmail.com (fantomas)Thu, 24 Sep 2009 14:16:23 +0000https://blog.fantomas.site/blog/2009/09/24/le-temps-des-releases-veliberator/DécouvertesDéveloppementLe temps des releases : Django-sekh https://blog.fantomas.site/blog/2009/08/31/le-temps-des-releases-django-sekh/ <img src="/media/cache/5a/0b/5a0b1dfc28bb1fa4d28b98d0d50d2208.jpg" alt="Le temps des releases : Django-sekh" /> <p>Vous avez certainement déjà vu dans <strong>Google</strong> quand vous consultez une page depuis son <strong>cache</strong>, les <strong>termes de la recherche sont coloriés</strong> dans le contenu de la page pour permettre de les discerner rapidement.</p><p>De ce principe certains sites ont adapté <strong>la même technique</strong> en coloriant certains mots de la page correspondant à la recherche de l'utilisateur si il provient d'un moteur de recherche.&#160;</p><p>C'est ce que <strong>django-S</strong>earch<strong> E</strong>ngine <strong>K</strong>eywords <strong>H</strong>ighlighter fait ! </p><p>Une fois installé avec <a title="BeautifulSoup" href="http://www.crummy.com/software/BeautifulSoup/">BeautifulSoup</a>, il suffit juste d'ajouter ce middleware à la fin de la liste dans votre fichier <strong>settings</strong>.</p><pre>MIDDLEWARE_CLASSES = ( ... 'sekh.middleware.KeywordsHighlightingMiddleware', )</pre><p>Moi quand c'est facile à installer, j'aime ! :D</p><p>Ce middleware va rajouter une balise <strong>span</strong> autour des mots de la recherche, le tout avec des classes qui vont bien permettant la décoration en CSS.</p><p>L'inconvénient est que si votre HTML est mal formatté, le middleware risque de faire planter la page.</p><p>Pour voir <a title="Exemple de django-sekh" href="http://fantomas.willbreak.it/blog/2009/jul/19/release-django-smileys/?hl=django%20middleware">un exemple cliquez ici</a>.</p><p>Pour plus d'informations et pour télécharger le code : </p><p><a title="django-sekh" href="http://github.com/Fantomas42/django-sekh/tree/master">http://github.com/Fantomas42/django-sekh/tree/master</a></p> fantomas42@gmail.com (fantomas)Mon, 31 Aug 2009 18:17:51 +0000https://blog.fantomas.site/blog/2009/08/31/le-temps-des-releases-django-sekh/DéveloppementLe temps des releases : Django-smileys https://blog.fantomas.site/blog/2009/07/19/release-django-smileys/ <p>Parfois il est temps de se sortir les doigts du code, et d'en parler !<br />Mais pour en parler, il faut documenter, ce qui prend un peu de temps, mais j'y travaille.</p><p>Pour commencer je vais vous présenter une de mes applications favorites, par sa simplicité et son utilité incroyable. :D</p><p><strong>Django-smileys</strong> est une application <strong>Django</strong> comme son nom l'indique, permettant d'inclure facilement dans ses templates des smileys, de ce genre :) :p.</p><p>Pour cela, une fois l'application téléchargée et installée dans votre projet django, il vous suffit dans vos templates d'utiliser le filtre qui va convertir tout les code smileys définis dans SMILEYS_LIST.</p><pre>{% load smiley_tags %} {{ object.content|smileys }}</pre><p>Plutôt facile non ? Surtout que l'on peut maintenant convertir tout type de contenu texte.</p><p>La liste des smileys est configurable, ainsi que l'url de dépot et la classe d'habillage CSS.</p><p>Pour télécharger ce projet hallucinant : <a title="Dépot de Django-smileys" href="http://github.com/Fantomas42/django-smileys/tree/master">http://github.com/Fantomas42/django-smileys/tree/master</a></p><p>Bientôt d'autres releases.</p> fantomas42@gmail.com (fantomas)Sun, 19 Jul 2009 13:25:48 +0000https://blog.fantomas.site/blog/2009/07/19/release-django-smileys/Développement