Etienne Folio aka Ornthalas

Some news

Sat, 25 Oct 2008 20:00:59 +0200

Well, I have not written anything here since a while ! Quite lots of things happened since my last post.

I have finished my year at Epita and my report and seminar at the research lab (LRDE) about distance maps in the Olena library. Maybe I will write something about it in the "projects" section someday.

I have been fond of rubik's cubes too. I bought lots (2x2x2, 3x3x3, 4x4x4, 5x5x5, megaminx, pyraminx, square-1, skewb, skewb-3D, skewb ultimate, polymorphix, pyraminx cristal...) and solved most of them. These logic games seem to be quite addictive.

I started playing the "classical" guitar too and I recently put some chords and tablatures in the "articles" section.

The last thing is that I am currently doing a 5-month internship in the New Jersey, near Princeton, at Siemens Corporate Research. I work on brain visualization in medical imaging. That's a quite interesting internship and I'm happy with it.

Ascii-strips

Thu, 8 May 2008 12:33:53 +0200

L'adresse : http://ascii.ornthalas.net

Solo Piano Radio

Sun, 20 Apr 2008 16:43:54 +0200

Do you listen to music at work? Some people do, some people don't. In a general case, it is advised NOT to listen music at work, because it disturbs your mind and it is a source of distraction. I agree with that for common music.

In my case, I have always been surrounded with music. I wonder why I can't support silence over than 2 hours. I NEED music. It is engraved in me, probably since my childhood since I played music for 13 years.

Fortunately, some kinds of music are compatible with work. These music pieces have the particularity to be heard like a pleasant background noise. They don't bother you when you work and don't monopolize your mind.

I recently discovered a web radio named Whisperings , which broadcasts only solo piano music. It is totally free with a decent quality (64 kbps for piano music is not too bad). I think that the piano music of this web radio is very pleasant and relaxing. I have converted lots of people to this web radio, and now they listen to it every day at work :)

If you want some extra quality, bigger playlist and support them to keep it online, you can subscribe to a commercial offer (30$ a year).

The web radio link: http://www.solopianoradio.com/

Domain change.

Tue, 18 Mar 2008 10:38:30 +0100

I changed the domain of my personal websites. Good bye ouronos.info, hello ornthalas.net.

Why did I change ? Well, I had some problems with the .info:

First of all, it was annoying not to te be able to copy/paste an address in MSN Messenger. I know it's ridiculous, but this fact happened often, and it was very annoying.
The ouronos name wasn't clear for most people. The didn't know how to write it, and where did it come from. Ornthalas is my nickname, well known by my friends, so it is more logical to use a domain with it instead of the mysterious ouronos .
A .net extension if far cooler than a .info ;)

So these are the new addresses you must have in your bookmarks !

www.ornthalas.net / Here !
photo.ornthalas.net / My personal photo website (no XXX in here !).
masterpass.ornthalas.net / The website of the Firefox extension I developed in order to increase security about passwords on the Internet.
athalantar.ornthalas.net / My 1st-year project.
42capture.ornthalas.net / My 2nd-year project.
madagascar.ornthalas.net / A trip to Madagascar. The web site isn't finished. I wonder if i will end it one day...

iTerm et les bindings clavier

Mon, 3 Mar 2008 00:29:46 +0100

Par défaut, les bindings d'iTerm font n'importe quoi lorsqu'on l'utilise sur un MacBook. Voici comment obtenir les touches Backspace (suppression avant) et Delete (suppression après), en local, en local sous emacs, en SSH et en SSH sous emacs :

Allez dans le menu "Manage Profile"
A gauche de la boite de dialogue, sélectionnez dans "Keyboards Profiles" "xterm (OS X)"

Déjà, on va corriger le Backspace :

Sélectionnez dans la liste la ligne commençant par "delete"
Cliquez sur bouton crayon sous la liste pour éditer la ligne
Mettez "8" dans le champ de texte sous le menu déroulant "Action"
Validez

Maintenant, on va faire fonctionner le Delete :

Cliquez sur "+" sous la liste pour ajouter une entrée
Dans le menu déroulant "Key", sélectionnez "del"
Dans le menu déroulant "Action", sélectionnez "send hex code"
Mettez en dessous "4"
Validez

Vous pouvez aussi sélectionner dans la liste "Option Key as" sous la liste le bouton radio "+Esc". Cela vous permettra d'utiliser la touche "alt" comme "Meta" dans Emacs en SSH.

Héritage conditionnel

Tue, 19 Feb 2008 00:40:44 +0100

J'ai eu comme exercice au labo a déterminer comment faire de l'héritage conditionnel en C++. Conditionnel signifiant ayant une condition, j'ai compris un booléen. Certaines personnes m'ont demande d'expliquer ca :

Pour l'exercice, afin de comprendre, j'utilise trois classes :

TopLeft
TopRight
Bottom

Evidemment, Bottom herite de l'une des deux autres, selon une condition.

Voici le code correspondant aux deux classes du dessus :

# include <iostream>
class TopLeft
{
protected:
TopLeft()
{
std::cout << "top left" << std::endl;
}
};
class TopRight
{
protected:
TopRight()
{
std::cout << "top right" << std::endl;
}
};

Jusque la rien de méchant. Ensuite pour faire l'héritage conditionnel, j'utilise un trait . Un trait est une notion permettant un abstraction totale vis-a-vis des types, et est défini dans une classe prévue a cet effet. J'ai nomme ce trait Selector pour les besoins de l'exercice. Voici le code correspondant :

template<bool C, typename T, typename U>
struct Selector
{
typedef T type;
};
template<typename T, typename U>
struct Selector<false, T, U>
{
typedef U type;
};

Ici, je définis donc une classe templatée Selector , que je spécialise juste en dessous dans le cas ou le booléen passé en premier paramètre vaut false . Selon la spécialisation, je définis le type type comme étant soit le 2e paramètre, soit le 3e.

Il ne reste plus qu'a faire la classe Bottom :

template<bool B>
class Bottom: public Selector<B, TopLeft, TopRight>::type
{
public:
typedef Selector<B, TopLeft, TopRight>::type parent;
Bottom()
: parent()
{
}
};

Je définis les deux types du dessus pour l'héritage, et je ne garde donc que le booléen B comme paramètre important a définir lors de l'appel :

int main()
{
new Bottom<1 == 1>();
new Bottom<1 == 0>();
}

Ce qui renvoie bien :

>./a.out
top left
top right

Ce type d'héritage multiple est rarement utilise, mais c'est un bon petit exercice pour débuter l'apprentissage de la spécialisation de templates.

Petite expression rationnelle

Sun, 17 Feb 2008 10:56:40 +0100

@(?:(?:".*?[^\\]")|(?:'.*?[^\\]')|(?:`.*?[^\\]`))|(?:\#((?:(?:".*?[^\\]")|(?:'.*?[^\\]')|
(?:`.*?[^\\]`)|[^"'`])+?)\#)@

Ceci est une petite expression rationnelle PERL que j'ai construit hier avec Quentin alors qu'on travaillait sur une bibliothèque SQL pour notre moteur web. Nous devions matcher tout bloc de code compris entre les tokens '#' et '#', mais ne pas compter les '#' qui apparaitraient dans des strings (et ce a l'intérieur ou a l'extérieur des blocs '# ... #'), sachant qu'une string est entourée de quotes, double-quotes ou backquotes, qui peuvent contenir ces mêmes caractères backslashés.

Par exemple, ceci devait matcher :

texte avant #une 'pomme\'verte#ou rouge' a croquer# texte après

et renvoyer :

une 'pomme\'verte#ou rouge' a croquer

En effet, le diese du milieu est dans une string, qui va de "pomme" à "rouge" , et ne doit pas être compté comme caractère de fin de bloc.

Voici le code php qui nous a permis de créer cette expression :

$spl = "(?:'.*?[^\\\\]')"; // string between simple quotes
$dbl = '(?:".*?[^\\\\]")'; // string between double quotes
$bck = '(?:`.*?[^\\\\]`)'; // string between back quotes
$string = $spl.'|'.$dbl.'|'.$bck; // a string block
$diese = '\#((?:'.$string.'|[^"\'`])+?)\#'; // a # ... # block
preg_match_all('@(?:'.$string.')|(?:'.$diese.')@', $content, $matches, PREG_OFFSET_CAPTURE);

Sympa, non ?

MySQL ne demarre pas automatiquement sous Mac OSX

Wed, 13 Feb 2008 14:11:27 +0100

J'ai depuis quelques mois un ordinateur Macintosh (un MacBook pour les intéressés) et je souhaite évidemment travailler dessus. Parmi mes besoins, il y a MySQL. Seulement, le package d'installation fait n'importe quoi au niveau du démarrage automatique de MySQL...

A titre indicatif, il s'agit dans mon cas de la version 5.0.51, même si ce problème a l'air d'affecter de plus anciennes versions.

En effet, on peut lire dans la documentation que le package MySQLStartupItem.pkg doit installer son contenu dans /Library/StartupItems/MySQLCOM , ce qui permet au système de démarrer automatiquement le serveur MySQL. Seulement, après installation, il n'y a rien dans /Library/StatupItems qui puisse ressembler a un dossier MYSQLCOM .

Le fait est que le programme copie bizarrement le dossier dans /usr/local . Il suffit donc de le déplacer :

> sudo mv /usr/local/MySQLCOM /Library/StartupItems
Password:

Puis il ne reste plus qu'a lancer le serveur.

> sudo /Library/StartupItems/MySQLCOM/MySQLCOM start
Starting MySQL database server

PHP, file_put_contents et permission denied ?

Mon, 11 Feb 2008 16:30:28 +0100

J'ai récemment découvert quelques comportements étranges de PHP. Entre autres, j'ai eu affaire a une série de "permission denied" particulièrement persistante, lorsque je voulais enregistrer des fichiers ou créer des dossiers. Pour éviter que ce problème rende chauve d'autres que moi, voici l'explication :

Tout d'abord, posons les points sur les i, voici la liste des idioties que je n'ai PAS faites :

Ne pas avoir vérifié quel est l'utilisateur réel d'Apache (et donc de PHP) a l'aide d'un simple phpinfo() , en regardant la ligne " User/Group ".
Ne pas mettre les droits d'écriture pour l'utilisateur d'Apache ( www sur ma machine) sur le dossier dans lequel on veut écrire.

Mais alors pourquoi encore ces warnings persistants ?

L'erreur a été de mettre dans un destructeur de classe une écriture de fichier (et accessoirement une création de dossier) et de laisser l'objet en question se détruire tout seul lors de la sortie du script. PHP trouve cela suspect, et envoie un joli warning !

La solution est de détruire soi même manuellement l'objet incrimine avec une affectation a null pour faire disparaitre ce warning encombrant.

Voici un petit code explicatif :

class Test
{
public function __construct()
{
}
public function __destruct()
{
file_put_contents('test.txt', 'tralala');
}
}
$test = new Test();

Ceci provoque :

Warning: file_put_contents(test.txt) [function.file-put-contents]: failed to open stream: Permission denied in test.php on line 9

Pour éviter le souci, donc, il faut ajouter cette dernière ligne a la fin du script :

$test = null;

...et le warning disparait !

New website

Wed, 28 Nov 2007 19:35:22 +0100

Here is the new ouronos.info website. Well, why a new website ?

First I had to change the design. The old one became ugly to me, and I had a vicerous need to create some new. After lots of trials, no one was good enough to me. I finally made this one, not too bad I think, but with a very good advantage: its genericity. I will be able to create very easily in the future new designs using this one for a base.

I didn't have time to create a new website. I had ambitions about generic engine in PHP, advanced wiki text inputs, lots of capabilities... and no time to realize them all. Additionnaly, I had lots of work at school with hard 80~105 h work weeks.

Christmas approaching, I started to search for a job, for next summer. Yes, I'm searching about a job starting August 08 to February 09, abroad (so not in France), except if I find something reaaa~ly interesting here. With this in mind, I had to renew my resume, actualize my projects, etc... I thought that renew my website was part of this work, so I decided to use some of my free time during my Christmas vacation to do it.

Well, this website is coded like a wiki, and has a blog/news module for these notes. I think it's the best suited for what I want to put here. So the category Notes is... for everyday's notes, not only about IT; Articles: I'm thinking about articles to write here, just let me some time for them; Projects for explanations and links about my IT projects; Resume, Links and Contacts: nothing to explain.

I will not write here only in French (as you can see), because I want that foreign people can read it, and because I want to improve my English (and perhaps other languages).

This website is of course still in development because I want more capabilities for writing, but of course I will only update its code if I need a new functionnality.

Bistromathique

Mon, 29 Oct 2007 18:42:12 +0100

Nous avons planché sur plusieurs projets en langage C depuis le début de l'année, mais un seul a réellement retenu mon attention : il s'agit de la Bistromathique. Qu'est ce que cela ? Il s'agit d'une calculatrice capable de travailler sur des grandes bases (ici on a implémenté jusqu'à la base 249) et sur des nombres entiers signés potentiellement infinis (nous nous sommes limités à une expression ayant pour taille maximale 4 294 967 295 caractères).

J'ai commencé par travailler sur une représentation en tableaux de caractères (tableaux d'entiers 8 bits non signés : des unsigned char* sur archi 32 bits), en implémentant l'addition, la soustraction et la multiplication scolaire, ainsi qu'un algorithme proche de celui de Knuth pour la division et le modulo. J'ai utilisé les tableaux en Big Endian pour faciliter les opérations commençant sur les poids faibles, et pour éliminer rapidement les 0 non-significatifs. De plus, le décalage à gauche étant plus souvent utilisé que le décalage à droite, cette représentation de chiffres était doublement intéressante.

Ma première grosse optimisation a été de récupérer les buffers déjà alloués pour les stocker dans une chaine de buffers vides. Mine de rien, j'ai multiplié par au moins 50 la vitesse de ma bistro avec cette astuce ! En effet, j'allouais pour chaque opérande de mon expression, ce qui faisait des milliers de mallocs ! Grâce à cette technique, sans même me casser la tête à trier les buffers vides dans la liste chainée, je suis descendu entre 10 et 25 mallocs sur tout le programme ! (Mes tests étaient composés d'expressions de 10 Mo et d'opérandes de 1 ko à 10 ko.)

J'ai ensuite transformé le programme pour qu'il utilise des tableaux d'entiers 32 bits non signés (unsigned long* ou unsigned int* sur archi 32 bits) et j'ai adapté l'addition et la soustraction. Voyant que les résultats étaient plus lents sur ceux-ci, j'ai abandonné cette voie de recherche (mauvaise pioche, j'aurais du continuer) : en effet, cette implémentation nécessite 3 parcours linéaires pour les additions et soustractions, mais accélère considérablement les multiplications !

Ensuite, pour accélérer ma multiplication, j'ai travaillé sur l'algorithme de Karatsuba. Malgré mes efforts sur la gestion mémoire, je n'ai pas pu empêcher l'allocation de deux structures de nombres et des chaines de caractères les accompagnant à chaque récursion de l'algorithme, ce qui a multiplié par 12 le nombre d'appels systèmes de mon programme sur mes tests. La conséquence de cela a été qu'en utilisant Karatsuba plutôt que la multiplication naïve, je doublais le temps de calcul.

Pressé par le temps, je me suis rabattu sur une optimisation de la multiplication naïve en utilisant seulement pour elle la représentation en tableaux d'unsigned long. Le gros point faible est qu'à chaque multiplication, je fais trois conversions : deux pour passer les deux opérandes en unsigned long*, et une pour repasser le résultat en unsigned char*. Malgré cela, mes résultats sur la multiplication naïve on été fulgurants (division par 9 à 18 du temps de calcul)

J'ai ensuite été contraint à rendre mon travail, timeout projet oblige.

Mes idées restantes si j'avais encore eu du temps :

Repasser entièrement sur des tableaux d'unsigned long, tellement plus rapides pour les opérations complexes (multiplication, division et modulo).
Retravailler Karatsuba notamment en allouant sur la pile plutôt que sur le tas à l'aide des tableaux dynamiques apportés par le C99 auquel nous avions droit
Trouver une astuce pour calculer rapidement l'heuristique de mon algorithme de Knuth modifié avec la nouvelle représentation des nombres.
Pouvoir gérer l'expression originale comme un buffer utilisable, donc pour cela déterminer les parties d'expression traitées pour utiliser cet espace mémoire obsolète : celui-ci était alloué à 10 Mo minimum, ca aurait été un gain considérable !
Permettre deux représentations de nombres en parallèle avec conversion éventuelle selon le type d'opération à effectuer pour accélérer les calculs type addition/soustraction seulement lorsque les opérandes viennent de l'expression originale)

Au final, je peux dire que ce projet m'a énormément appris, tant sur la gestion mémoire que sur de nouveaux algos (parseur LL d'expression mathématique, Karatsuba, Knuth...) ou sur l'expérience du debug (maintenant je ne peux plus travailler sans Valgrind tellement c'est utile).

Note : Je ne peux pas donner le code source ici, simplement parce que d'autres épitéens ont des chances de tomber sur cette page alors qu'ils ont le projet a coder. Si certaines personnes veulent voir mon travail, qu'elles me contactent.

IE6 et le PNG transparent

Mon, 3 Sep 2007 15:46:45 +0200

Tout web-développeur a déjà été confronté à ce problème : IE6 ne gére pas la transparence des PNG. De multiples solutions ont été inventées pour essayer d'y remédier.

Deux problèmes se posent :

La gestion des images (balises <img>)
La gestion des fonds (propriété CSS background-image)

Pour le problème des images, le script de ce site web fonctionne à merveille. Pour le problème des fonds de blocs, c'est une autre paire de manches... IE6 ne peut pas gérer les PNG transparents avec répétition (c'est impossible à corriger), mais tous les scripts que j'ai pu dénicher sur internet appliquent soit au cas par cas une règle (celle du filtre DirectX), soit de manière généraliste ce filtre sur toute image PNG (empêchant de la même façon l'utilisation de PNG non-transparents comme image répétitive).

Pour pallier à cela, j'ai donc codé un petit script à poser dans votre code, qui se chargera de gérer tous les fonds transparents non-répétés :

if (navigator.platform == "Win32" && navigator.appName == "Microsoft Internet Explorer" && window.attachEvent)
{
window.attachEvent("onload", alphaBackgrounds);
}
function alphaBackgrounds()
{
for (i = 0; i < document.all.length; i++)
{
var dai = document.all[i];
var bg = dai.currentStyle.backgroundImage;
if (bg && bg.match('/\.png"|\'\)$/i') != null)
{
var mypng = bg.substring(5, bg.length - 2);
if (dai.currentStyle.backgroundRepeat == 'no-repeat')
{
dai.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='"+mypng+"', sizingMethod='crop')";
dai.style.backgroundImage = 'none';
}
}
}
}

Comme vous pouvez le voir (ou pas), il faut que l'image PNG à traiter possède la propriété CSS background-repeat: "no-repeat" pour fonctionner. Cela permet d'éviter de dégommer tous les fonds PNG non-transparents qui pourraient se répéter.

Une inclusion de ceci entre les balises <head>, newpngfix.js étant le fichier contenant le script ci-dessus, et c'est gagné :)

<!--[if gte IE 5.5]>
<![if lt IE 7]>
<script defer type="text/javascript" src="newpngfix.js"></script>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]>
<![endif]-->

A propos, photo.ornthalas.net fonctionne maintenant sous IE6 :) Pas sous IE5.5 : y'a des problèmes d'alignement, et je vais pas me faire chier pour les utilisateurs de windows 98, faut pas déconner non plus.

CSS dotNetsoul

Sun, 2 Sep 2007 00:35:12 +0200

J'ai refait la feuille de style de dotNetSoul, car elle était vraiment nulle.

Déjà que le logiciel vole vraiment pas haut, en plus la feuille de style de base est illisible. On se demande si la personne qui a codé le logiciel ne travaillait pas sur un écran en 640x480...

Ca peut en intéresser certains, donc la voici , à placer dans votre dossier d'install (typiquement dans C:\Program Files\dotNetSoul\Styles).

photo.ornthalas.net

Mon, 20 Aug 2007 21:43:54 +0200

Je viens de réaliser à la vitesse éclair un site web de photographies (en deux jours seulement, entrecoupés de périodes de vie sociale et de révisions de maths). Ce site est un recueil des photos que je considère comme étant parmi mes meilleurs clichés.

Le site est régulièrement mis à jour, notamment grâce au fait que j'utilise maintenant Photoshop Lightroom pour retoucher et classer mes photos. En effet, une fois retouchées, les photos sélectionnées sont envoyées par le logiciel sur le site, qui se charge ensuite de tout.

J'ai essayé de concevoir un design très léger, sobre, sur des teintes de gris pour laisser aux photographies la gamme de couleurs, et donc renforcer leur impact aux yeux du visiteur. N'hésitez pas à me dire ce que vous en pensez !

L'adresse : http://photo.ornthalas.net/

Décensurer MSN Messenger

Tue, 14 Aug 2007 18:50:12 +0200

Deux solutions :

La première ne fonctionne qu'avec les liens : il faut remplacer tous les ".info" en ".%69nfo". Ainsi, le lien affichera ".%69nfo" mais le message passera quand même et si on clique dessus ce sera la bonne adresse qui s'ouvrira.

La deuxième consiste à utiliser une extension pour Messenger Plus (pour Windows Live Messenger donc) qui réécrit les mots bloqués par le protocole afin que le message soit bien reçu par son destinataire. Les liens ne fonctionnent pas mais au moins tout est automatique. La liste des mots bloqués est mise à jour régulièrement et est téléchargeable ici . C'est incroyable que tant de mots soient blacklistés !!

Censure supplémentaire de MSN Messenger ?

Sun, 5 Aug 2007 19:07:37 +0200

On le savait déjà, Microsoft censurait le contenu des messages envoyés via MSN Messenger. Les messages contenant des mots comme :

download.php?
gallery.php?
profile.php?
.scr
.pif

n'étaient purement et simplement jamais envoyés.

Eh bien, la nouveauté de la semaine, c'est que MSN blackliste maintenant le mot

.info

Incroyablement, il devient impossible d'envoyer des adresses de sites comportant cette extension, et par la même, l'adresse de ce blog !! Cela m'a mis la puce à l'oreille. Non ce n'était pas mon MSN Messenger qui déconnait, des copains ont testé aussi ! Non ce n'est pas dû au client Messenger, les échanges entre Gaim provoquent les même résultats !

Encore la censure des "download.php?" etc... ne m'embêtait pas (mais reste scandaleuse), autant la censure du ".info" m'embête au plus haut point ! Dire qu'on ne peut pas se passer de MSN car tout le monde l'utilise maintenant... Ca donne envie de cracher (plus si gratuitement que ca) sur Microsoft.

Le plus marrant, c'est que personne n'a visiblement remarqué cette absence monstrueuse des ".info" dans les messages, mes recherches Google sur le sujet restant infructueuses... Quelqu'un a-t-il des infos la dessus ?

Masterpass v1.2

Sun, 5 Aug 2007 18:14:02 +0200

Au programme de la version 1.2 :

L'ajout de la possibilité de passer d'un champ text à un champ password : en gros, si un site a mis un champ de type text dans lequel on peut lire ce qu'on écrit pour entrer son mot de passe, on a la possibilité de le transformer en champ password , donc avec un contenu remplacé par des étoiles, et la possibilité de générer un mot de passe dedans.
Il est maintenant possible de générer des logins ! Cela permet de s'inscrire rapidement et anonymement sur un site. Exemple flagrant : l'inscription bidon pour télécharger un logiciel.

Masterpass v1.1

Sat, 4 Aug 2007 09:31:09 +0200

Quelques nouveautés à l'ordre du jour sur Masterpass :

Tout d'abord, j'ai continué le développement et ai achevé la version 1.1. Celle-ci contient notamment la possibilité de générer des mots de passe pour des hostname différents de celui de la page sur laquelle vous êtes. Cela peut être utile dans le cas de sites se connectant sur une même base de données mais avec des hostnames différents.
J'ai aussi un peu revu la localisation. Les traductions sont meilleures, l'extension est disponible également en anglais.
J'ai envoyé mon extension sur addons.mozilla.org , elle est actuellement dans le bac a sable, en cours de tests.

Il faudra vraiment que je designe la page principale, ainsi que je la complète et traduise. En tout cas ca aurait l'air plus sérieux, car là ca craint. J'attends toujours des commentaires... (ne désespérons pas...)

EDITION :

Ca y est, j'ai craqué, j'ai designé la page officielle de Masterpass à la sauce Mozilla. Ca vaut le coup, même si ca a été long a faire. J'en ai profité pour améliorer la description de l'extension : j'avais écrit l'ancienne sous l'émotion, et ca bafouillait un peu.

Extension Firefox Masterpass

Fri, 3 Aug 2007 23:10:45 +0200

Je viens de coder ma première extension Firefox !!

Il s'agit d'une extension qui permet de générer des mots de passe.

Globalement à quoi ca sert ? Ca permet d'avoir pour chaque site visité un mot de passe compliqué et différent des autres. Il est généré. Pour que l'extension puisse retrouver les mots de passe, il faut lui donner un mot de passe nommé Masterpass, le mot de passe général, qui sert a générer tous les autres. Désormais, vous n'aurez plus qu'à retenir un seul mot de passe sur le web, ce sera votre Masterpass !

Lors de l'inscription sur un site (ou lors de l'identification), il suffit de faire un clic droit dans le champ "password" (ou mot de passe) -> "Générer un mot de passe". Si Firefox ne connait pas votre Masterpass, il vous le demandera, puis il génèrera un mot de passe propre à votre Masterpass et au site et remplira le champ.

Si vous n'utilisez pas Firefox un jour (quelle idée ? Parti dépanner quelqu'un qui ne l'a pas installé ?), vous pouvez malgré tout récupérer vos mots de passe sur le site de Masterpass : http://masterpass.ornthalas.net/ .

Votre Masterpass n'est jamais enregistré nulle part en mémoire physique. A la fermeture de Firefox, il disparaitra, tout simplement.

L'avantage sur les autres systèmes de génération de mots de passe est que l'algorithme pour retrouver ses mots de passe à partir du Masterpass est très simple (une ligne de code : un md5 tronqué). Bien sur, de part l'algorithme, les mots de passe sont sécurisés et il est impossible de retrouver votre Masterpass.

Voila, soyez indulgents, c'est ma première extension Firefox. Je l'ai codée en deux jours, pas plus de 5h par jour :) J'attends vos commentaires et suggestions !

Itunes avec QuickTime Alternative

Fri, 3 Aug 2007 10:00:12 +0200

Les utilisateurs de Windows le savent bien, la firme de la pomme se fout de leur gueule en leur fournissant un QuickTime Player absolument a chier, digne d'être classé dans les 3 pires bouses informatiques de l'humanité, aux cotés d'AOL et de Real Player.

Heureusement, pour lire les vidéos .mov, il existe QuickTime Alternative. Je vais pas blablater plus longtemps la dessus, tout le monde le connait, sinon Google ! Le truc intéressant serait d'installer iTunes SANS installer QuickTime Player qui a pourtant bien l'air obligatoire, de façon à avoir un iTunes bien plus léger.

La solution pour la dernière version d'iTunes au moment ou j'écris ce billet (la version 7) est la suivante :

Téléchargez et installez QuickTime Alternative
Téléchargez le pack iTunes+QuickTime (enfin, vous avez pas le choix en fait)
Avec WinRAR ou un autre utilitaire de décompression, décompressez le .exe qui est en fait une archive autoextractible !
Dans le dossier ainsi créé contenant les 5 .msi nécessaires à l'installation : AppleMobileDeviceSupport.msi, AppleSoftwareUpdate.msi, iTunes.msi, iTunesSetupAdmin.msi et QuickTime.msi, supprimez ce dernier (puisqu'on en veut pas).
Ouvrez une console cmd (avec les privilèges admin si vous êtes sous Vista)
Tapez

msiexec.exe /i iTunes.msi

et validez :)

Il va un peu râler durant l'installation, c'est pas grave laissez le ronchonner. Une fois installé, tout marche !

VAIO audio driver

Fri, 3 Aug 2007 09:50:54 +0200

J'ai été amené cette semaine à formater un ordinateur portable VAIO VGN-FE11S.

D'abord, il a fallu sauvegarde le contenu de C:\Drivers, qui contenait une copie de sauvegarde de tous les drivers du VAIO. Si je n'avais pas fait ca, j'étais bon pour retélécharger les 71 Mo de drivers sur le site de VAIO, ce qui aurait été assez embêtant compte tenu du fait que la ou je suis, le téléchargement est limité.

Après formatage complet (supprimant aussi la partition de sauvegarde-machin-inutile de VAIO) et réinstall d'XP, la réinstallation des drivers s'est faite sans trop de problème (via le Gestionnaire de périphériques).

La où il y a eu problème, c'est que le driver audio a refusé de s'installer, en me crachant le message "périphérique non détecté". Pas sympa. J'ai pas mal cherché sur le net. Beaucoup de monde galère la dessus.

Finalement la solution est la suivante : Il faut télécharger le correctif KB835221 de Microsoft pour que Windows prenne en charge le son "top-de-la-mort-qui-tue-nouvelle-génération". Bien évidemment, le site de Microsoft est tellement mal fait qu'on ne peut pas facilement télécharger ce satané correctif. Voici un lien (je sais pas si il restera longtemps en ligne), sinon googelisez à mort sur le nom du correctif pour trouver une page alternative de téléchargement.

Une fois le correctif installé, l'install des drivers fonctionne, et le son aussi :)

Astuce MySQL : Accélérer le calcul du nombre de pages

Sat, 9 Jun 2007 09:59:35 +0200

Je travaille actuellement sur un script que tout programmeur PHP a eu à faire un jour : sélectionner des données dans une base (un gros SELECT) et couper les résultats sur plusieurs pages. Quasiment tout le monde utilise deux requêtes : une qui récupère les données avec la clause LIMIT qui va bien, et une autre qui calcule le nombre de résultats de la requête sans le LIMIT. Ca fait chercher 2 fois les infos à MySQL, c'est moche et sur des grosses tables ca peut être assez lent.

La solution consiste à insérer l'option "SQL_CALC_FOUND_ROWS" dans votre première requête ! Par exemple :

mysql> SELECT SQL_CALC_FOUND_ROWS mes_champs_a_selectionner FROM ma_table WHERE ma_condition LIMIT ma_limite;

On obtient les données de la page demandée (par la clause LIMIT). Reste à savoir le nombre de résultats total, qui a déjà été calculé par MySQL grace à la fameuse option :

mysql> SELECT FOUND_ROWS();

Et voila, cette deuxième requête sera quasi-instantanée. Pas mal non ? ;)

Note: ceci ne marche qu'à partir de MySQL 4.1

MySQL et le cache

Sat, 9 Jun 2007 09:39:13 +0200

Pour ceux qui utilisent MySQL comme système de base de données, sachez qu'il possède un cache. Ce cache permet de multiplier par 238% le temps d'exécution des requêtes d'après la doc de MySQL. Ce cache ne fonctionne bien sur que sur des requetes strictement identiques, mais c'est déjà ca pour accélérer nos scripts :)

Pour voir s'il est activé, faites ceci :

mysql> show variables like 'query%';
------------------------------------------
| Variable_name | Value |
|----------------------------------------|
| query_alloc_block_size | 8192 |
| query_cache_limit | 1048576 |
| query_cache_min_res_unit | 4096 |
| query_cache_size | 0 |
| query_cache_type | ON |
| query_cache_wlock_invalidate | OFF |
| query_prealloc_size | 8192 |
------------------------------------------

Bien que la variable query_cache_type soit sur ON, query_cache_size est à zéro, ce qui se traduit dans les faits par un cache de requêtes désactivé. Mettre query_cache_type sur ON (mise en cache de toutes les requêtes SELECT sauf celles avec le mot-clé SQL_NO_CACHE) ou DEMAND (mise en cache des requêtes avec le mot-clé SQL_CACHE uniquement) et affecter à la variable query_cache_size une valeur supérieure à zéro a pour effet d'activer le cache de requêtes.

Soit par exemple dans ce cas :

SET global query_cache_size = 250000000;

Et voila, ce n'est pas bien compliqué !

Plus d'infos sur le cache de MySQL .

Le japonais sous Windows

Sat, 28 Apr 2007 17:08:30 +0200

Voila, l'information complète est tellement éparpillée sur le net et tellement difficile a synthétiser que j'ai décidé de faire part de mes trouvailles ici :

Lire le japonais

Déjà, avant d'écrire, il faut pouvoir lire le japonais. Pour cela, il faut activer le support des langues orientales dans Windows.

Ouvrir " Démarrer "
Choisir " Panneau de configuration "
Choisir " Options régionales, date, heure et langue " (si ça n'apparaît pas, cliquer sur " Basculer vers l'affichage des catégories " dans la colonne de gauche)
Choisir " Ajouter d'autres langues "
Cocher " Installer les fichiers pour les langues d'Extrême-Orient " (Il faut avoir au moins 230 Mo d'espace libre)
Appliquer et redémarrer le pc (il vous sera surement demandé le CD de Windows).

Gérer le japonais sur Internet

Pour lire sur des pages web, il faut que la page que vous visitez utilise un encodage de caractère étendu : l'Unicode ; donc si le site ne le gère pas, il n'affichera pas de japonais. Si vous concevez des pages web, attention donc à l'Unicode.

Ecrire en Japonais

Pour écrire en japonais sous Windows, on utilise généralement Microsoft IME, un composant interne à Windows. Pour l'utiliser, il suffit d'ajouter dans les préférences régionales et linguistiques le japonais dans la liste des claviers utilisés : "Panneau de configuration" -> "Clavier" -> "Langue" -> "Ajouter", et là on peut choisir le japonais dans la liste.

le Japonais devient donc accessible via la barre de langues. Dans celle-ci, il faut sélectionner "Hiragana" ou "Full width katakana" dans le menu IME de la barre des langues pour pouvoir écrire en japonais (en hiraganas ou en katakanas). Une fois arrivé ici, vous devrez choisir entre écrire en "romanji input" (par exemple : "t"+"q" -> た), ou en "kana input" ("a" -> "た").

Le romanji input

Il faut écrire comme on le prononce nous, occidentaux. Par exemple : "わたし" s'écrira "watashi", Microsoft IME traduisant automatiquement au fur et à mesure que vous écrivez.

azerty ? qwerty ?

Mais Microsoft IME, conçue pour des américains, suppose par défaut que votre clavier est un clavier QWERTY. Quand vous tapez "konnitiha", vous risquez d'obtenir à la place "konnitihq". Malheureusement bien que ce soit possible, le seul moyen d'arriver à corriger cela est d'aller modifier le contenu de la base de registre. Pour exécuter l'éditeur de registre, taper "regedit" dans Démarrer/Exécuter.

Aller dans :

HKEY_LOCAL_MACHINE\System\CurrentControlSet\Control\KeyboardLayouts\00000411

ou selon votre version de Windows dans :

HKEY_LOCAL_MACHINE\System\CurrentControlSet\Control\KeyboardLayouts\E0010411

Il faut changer la valeur " layout file " en " kbdfr.kbd ", puis redémarrer.

Table des conversions

Pour voir les conversions (par exemple si vous ne trouvez pas comment faire un petit tsu ), vous pouvez la trouver dans les préférences de l'IME. Pour y aller, faites un clic droit sur la barre des langues -> " Settings " -> " Properties " sur " Microsoft IME " -> onglet " Editing " -> bouton "'Advanced " à coté de " Key Template " -> onglet " Romaji-Kana conversion''"

Le kana input

Il s'agit du mode d'entrée des claviers japonais. Il est donc fort conseillé d'avoir pour cela un clavier japonais, un clavier remappé en japonais (avec des autocollants) ou de savoir par cœur la disposition des caractères japonais. Ce mode est fortement conseillé aux occidentaux qui veulent apprendre le japonais sur ordinateur, le romanji input empêchant les progrès de lecture apportés par le kana input. De plus, le kana input est à terme beaucoup plus rapide à utiliser que le romanji input : une touche = un kana, alors qu'en romanji input, 2 ou 3 touches = 1 kana...

Pour utiliser le kana input, faites un clic droit sur la barre des langues -> "Settings" -> "Properties" sur "Microsoft IME" -> onglet "General" -> passer "Input method" à "Kana Input".

La touche wo (を)

Le clavier japonais a plus de touches que le clavier français ou américain. En remappant un clavier pour le transformer en japonais, vous pourrez réattribuer 25 caractères sur les 26 existants (pas de chance). Le "wo" (を) se retrouve donc à la trappe... Mais heureusement, on peut encore y accéder :

Shift + 0 pour le "wo" (を)

Switcher entre les hiraganas, les katakanas et le qwerty

Eh oui, c'est chiant et fastidieux de cliquouiller sur la barre de langues tout le temps pour changer d'alphabet. Les japonais se font pas chier avec ça : ils ont un clavier ayant une touche spéciale pour ça ! Heureusement, des raccourcis claviers existent pour nous ;)

Ctrl + Maj-Lock pour passer en Hiraganas
Alt + Maj-Lock pour passer en Katakanas
Alt + ² pour switcher entre le qwerty et le dernier mode utilisé (hiraganas ou katakanas)

Ils auraient pu prévoir que nous français, avions une touche supplémentaire : la touche "<>", et nous la mapper en touche "wo" (を) ou en bascule hiras-katas...

Switcher entre les langues

Pour passer de l'azerty au japonais (voire à d'autres mappings si vous en avez installés d'autres), vous pouvez utiliser le raccourci clavier suivant :

Alt +Shift pour basculer de langue

Impression à partir de Firefox

Thu, 22 Mar 2007 12:55:41 +0100

Aujourd'hui, j'ai été confronté à un problème :

Je dois développer pour un client un site web générant des codes barres et lui donner la possibilité de les imprimer facilement (c'est à dire en un clic) avec Firefox via son imprimante à étiquettes répondant au doux nom de « TSC_TTP-245 » .

Pour cela, j'ai généré des images de codes barres avec PHP, et affiché l'image à imprimer dans une nouvelle page vide sans marges. Mais le problème c'est comment imprimer sans devoir faire Fichier > Imprimer , puis redéfinir toutes les options d'impression, et ceci à chaque fois ? De plus, des en-têtes et bas de pages s'incrustaient dans l'impression, ce qui est hors de question.

Après de fastidieuses recherches, voici la solution que j'ai trouvée :

aller dans la barre d'adresses de Firefox
taper about:config pour aller dans les préférences avancées
puis on modifie les valeurs :

Je définis l'imprimante par défaut :

print.use_global_printsettings -> true
print.print_printer -> TSC TTP-245

On enlève les notes d'en-tête et de bas de page :

print.printer_TSC_TTP-245.print_footercenter ->
print.printer_TSC_TTP-245.print_footerleft ->
print.printer_TSC_TTP-245.print_footerright ->
print.printer_TSC_TTP-245.print_headercenter ->
print.printer_TSC_TTP-245.print_headerleft ->
print.printer_TSC_TTP-245.print_headerright ->

On enlève les marges

print.printer_TSC_TTP-245.print_margin_bottom -> 0
print.printer_TSC_TTP-245.print_margin_left -> 0
print.printer_TSC_TTP-245.print_margin_right -> 0
print.printer_TSC_TTP-245.print_margin_top -> 0

On définit la taille de l'impression (pour moi je voulais imprimer exactement 98 x 33 mm)

print.printer_TSC_TTP-245.print_paper_data -> 0
print.printer_TSC_TTP-245.print_paper_height -> 33,00
print.printer_TSC_TTP-245.print_paper_size -> 0
print.printer_TSC_TTP-245.print_paper_size_type -> 0
print.printer_TSC_TTP-245.print_paper_size_unit -> 0
print.printer_TSC_TTP-245.print_paper_width -> 98,00

Il ne faut pas que l'image se redimensionne toute seule, le site doit y faire attention. On met donc :

print.printer_TSC_TTP-245.print_shrink_to_fit -> false

Sachant que TSC_TTP-245 est définie par défaut, je en veux pas que la boite de dialogue d'impression s'affiche à chaque fois : qu'elle imprime directement sans confirmation ! Pour cela, on ajoute une nouvelle valeur booléenne à la liste :

print.always_print_silent -> true

En enfin, voici la page d'impression :

<html>
<head>
<title>Print page</title>
<style type="text/css">
body
{
padding: 0;
margin: 0;
}
</style>
<script language="Javascript">
function print_page()
{
window.print();
self.close();
}
</script>
</head>
<body onLoad="print_page();">
<img src="img.php?type=EAN13&code=9782218048690" />
</body>
</html>

Et voila, ça fonctionne parfaitement ! Dès qu'on appellera la page "print.php" avec target=_blank , celle-ci s'ouvrira dans une nouvelle fenêtre, imprimera le bon code barre et se refermera.

On peut dire que Firefox n'a pas simplifié la tâche en ne documentant absolument pas la chose (surtout la valeur print_paper_size qui m'a fait perdre un temps fou)

FreeMind

Thu, 1 Mar 2007 23:25:18 +0100

Freemind est un logiciel d’édition et de consultation de « cartes heuristiques » (ou encore « cartes mentales », « mindmaps »...).

Ce n’est pas un éditeur de texte à proprement parler, et n’est pas forcément adapté pour gérer des textes très longs et « monoblocs » comme un article, un mémoire ou un rapport. Ce n’est donc pas un équivalent ou un concurrent de Word par exemple. Cependant, ce logiciel témoigne d’une nouvelle manière d’aborder l’écriture de documents électroniques.

Plus que le contenu, qui reste tout de même le plus important, c’est la mise en forme des textes qui est ici totalement repensée, afin de mettre en exergue une hiérarchie, un plan, ou tout simplement pour obtenir une visualisation plus intuitive et plus complexe que le simple système de titres et sous-titres des traitements de textes.

La carte heuristique a de nombreuses applications potentielles dans des domaines personnels, éducatifs et professionnels. Ses possibilités incluent :

la prise de notes ;
la remise en forme de ces notes ;
la préparation d'un exposé ;
le remue-méninges (alias brainstorming) ;
l'aide au résumé ;
la structuration d'un projet ;
la révision et clarification d'idées ;
l'identification de mots clefs ;
la visualisation d'organisation complexe d'idées ;
l'aide à l'apprentissage mnémotechnique...

La carte heuristique est utilisée par les étudiants comme les hommes d'affaires, et son idée est exposée dans certains cours de management.

L’interface de FreeMind se présente sous la forme d’une immense page blanche dans laquelle on peut insérer des petits modules de texte qu'on hiérarchise en notes parentes et en notes filles. Ainsi, idées, commentaires ou remarques sont organisées dans un organigramme aux multiples branches et sous-branches qui témoignent des relations logiques entre eux. Une image étant souvent plus explicite que des mots (surtout dans le cas de FreeMind), voyez-donc une des utilisations que j'en fais :

Plus d'infos :

Carte heuristique sur Wikipedia
Page officielle de FreeMind (pour télécharger, notamment)

Ouverture de Ouronos.info

Thu, 30 Mar 2006 18:42:15 +0200

J'ai enfin ouvert mon blog, "propulsé par DotClear".

Quand j'aurai le temps, je ferai peut être une version codée maison de ce blog, mais ce n'est pas a l'ordre du jour, j'ai trop de travail. J'ai quand même customisé le thème d'origine pour le mettre plus à mon gout ;)

Edit : Le site n'est bien évidemment plus à l'heure d'aujourd'hui propulsé par Dotclear. J'ai fait un truc a ma sauce.