The geek spirit - xkcd retriever [Translate]

Attention, ce post est très geek, je préfère prévenir... Tout a commencé hier soir, quand j'ai voulu lire les premiers épisodes de xkcd avant de m'endormir, car j'aime beaucoup ce comic, mais je ne le suis pas en RSS depuis le début. Je n'ai donc jamais lu les premiers épisodes. Le principe de ce comic est simple : un titre, une BD souvent pas très longue qui se cale dans le thème du site ("A webcomic of romance, sarcasm, math, and language"), et toujours un petit texte qui apparaît lorsqu'on passe la souris sur la BD. Par exemple, en voilà un assez récent. Ou encore quelques autres exemples sympas. Je vous conseille de vous abonner au flux RSS si ça vous plaît.

Hell

N'oubliez pas de passer votre souris sur l'image.
Un développeur s'est craqué sur celui-là !

Hier soir donc, je me lance dis que ce serait bien que j'aille lire tous ceux que je ne connais pas, en commençant par le numéro 1, jusqu'à ce que j'arrive à une BD que je connais déjà. Je lis donc le 1, je passe ma souris dessus, je clique sur "Next", ça charge le 2, je le lis, je passe ma souris dessus, ... J'ai été jusqu'au numéro 59 comme ça ! Je me suis rendu compte que je perdais beaucoup de temps à charger les pages, et à devoir passer ma souris sur la BD à chaque fois.

C'est là que j'ai commencé à raisonner en geek ! J'ai ouvert mon "gedit" (et oui, je suis sur Ubuntu maintenant quand je suis chez moi), et j'ai commencé à coder un petit programme en Java qui m'éviterait de charger les pages une par une : en gros, ce programme affichait chaque page web (entière !) de xkcd, en-dessous de la précédente. Même si ça m'évitait de cliquer sur "Next", ça avait pas mal d'inconvénients :

• Je devais toujours passer ma souris sur chaque BD.
• Ça prenait un temps fou à loader (embarquer 200 pages web complètes dans une seule, l'une en-dessous de l'autre...).
• Je passais beaucoup trop de temps à faire défiler la page pour passer d'une BD à l'autre (car il y a pas mal de choses en-dessous de la BD sur une page xkcd).
• Plus quelques soucis de hauteur à adapter selon la taille de la page, pas facile avec des <iframe>

Bref, ce programme ne me faisait pas gagner en efficacité, bien au contraire. Du coup j'ai réfléchi à ce que je voulais obtenir : simplement ce qui est propre à chaque BD (le titre, le dessin, et le "mouseover text"). Je voulais aussi essayer d'extraire le "mouseover text" afin de pouvoir le lire en-dessous de chaque BD, sans avoir à passer ma souris dessus. Par exemple, si je voulais lire les épisodes 700 à 720, je voulais obtenir ce résultat.

Le lendemain matin, j'ai donc installé Eclipse sur ma Ubuntu,
et j'ai profité du mauvais temps pour coder toute la journée !

Je suis arrivé assez rapidement à coder quelque chose qui me donnait le résultat que je voulais. Mais bon, c'était un programme que pouvais seulement faire tourner localement, sans paramètres (même les numéros des épisodes étaient dans le code), et sans interface graphique. Alors je me suis dit que j'allais essayer de le transformer en quelque chose que je pourrais partager, si jamais ça intéressait quelqu'un d'autre ! Et bien transformer un programme "qui tourne" en un programme un peu "propre" et réussir à le mettre en ligne, ça prend du temps ! Pour arriver à mes fins, je me suis plongé dans :

• Les layout managers : je retourne voir cette page à chaque fois que je code une interface graphique en Java.
• Les threads : pour éviter que l'interface graphique soit "gelée" pendant une longue opération, il faut qu'elle soit effectuée dans un thread différent de celui qui gère les événements graphiques.
• Les resource bundles : pour traduire mon application en anglais et en français.
• Java Web Start : pour publier mon application sur le web.
• La signature des fichiers JAR : requise car mon application requiert des permissions spéciales (réseau et fichiers) pour tourner sur le client.

Voila à quoi ressemble mon application sur ma Ubuntu (ordi perso en français).

Et voila la même application sur Windows (ordi de taf en anglais).

Et enfin, voila à quoi elle ressemble sur le Mac français d'Anaïs.

Petite astuce : pour que le "look and feel" d'une application Java s'adapte au "look and feel" du système d'exploitation, il suffit d'une ligne dans le main():

UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());

Bon maintenant, passons aux choses sérieuses ! Vous pouvez aller sur http://doiop.com/xkcd si vous voulez l'essayer, mais je vais aussi essayer de l'insérer sur mon blog, ce serait l'idéal. Donc normalement, vous devriez voir un bouton "Launch" ci-dessous. Si en cliquant dessus, votre navigateur vous demande avec quel programme ouvrir le fichier, choisissez "Java Web Start" (proposé par défaut normalement). Ensuite, vous aurez sûrement un warning comme quoi j'ai auto-signé mon certificat de sécurité... Bon bah là, choisissez de continuer si vous me faites confiance ! Si vous voulez quand même vérifier un minimum, checkez s'il y a marqué "alex" dans les détails du certificat. Une fois que vous validez normalement c'est bon !

Enfin, pour terminer, si vous êtes arrivés jusque-là, c'est sûrement que ça a dû vous intéresser un minimum, alors vous avez gagné les liens vers le code source !

• XkcdRetriever.java : fichier principal, étend JFrame, contient le main().
• XkcdWebWorker.java : thread qui va chercher le contenu en arrière-plan, et qui construit le code HTML final, étend SwingWorker.
• GUIUncaughtExceptionHandler.java : classe qui sert à afficher les exceptions dans une fenêtre graphique.
• XkcdRetrieverBundle.properties : resource bundle "root" (anglais).
• XkcdRetrieverBundle_fr.properties : resource bundle français.

Pour conclure, je crois qu'on peut mentionner qu'il y a 24h je m'étais arrêté à l'épisode 59, pour pouvoir développer une manière "plus efficace" de lire les épisodes suivants... Résultat : j'en suis toujours au numéro 59 !