Benji's blog !

Middlemen

Benjamin Sonntag — 2010-08-23T21:10:04Z

Sans commentaires, savent ceux qui savent. Oberkampf est parfois une sorte de centre du monde.

La camargue, ses flamands roses, ce plat pays

Benjamin Sonntag — 2010-08-23T21:09:45Z

Certains et certaines prétendaient que la Picardie était un plat pays. Ils ne sont pas allés en Camargue ! ...

Les flamands roses le long du delta sur ces petits lacs changeants et cet horizon immense, infini comme celui des Flandres ...

Le Palais des Papes, Avignon

Benjamin Sonntag — 2010-08-23T21:09:31Z

Le palais des Papes d'Avignon est un immense château aux recoins et dédales nombreux, aux œuvres d'art et d'artisans d'époque impressionnantes etc.

L'intérieur du palais des Papes

La cour du palais vue du pont d'Avignon

SPIP : mon CMS est compatible IPv6

Benjamin Sonntag — 2010-07-29T09:40:26Z

Ça y'est, depuis le 14 juillet 2010, Octopuce dispose de son bloc d'adresses IPv6 indépendantes, à savoir 2001:67c:288 ::/48. Nous avons donc commencé à utiliser des adresses IPv6 pour divers clients intéressés pour être dans une posture d'avenir ...

Il est bien évident que mon blog est dans les premiers à avoir déclaré dans le DNS une double pile IPv4 + IPv6. Vous pouvez donc joindre ce blog via 91.194.60.70 ou 2001:67c:288 ::70 !

Or, j'utilise un CMS (un logiciel de gestion de contenu) pour mon blog, nommé SPIP. La question du jour est donc : SPIP est-il compatible IPv6 ? Et bien voici la réponse ...

Pour qu'un logiciel "web" (une application PHP, Ruby, Python ou Perl hébergée sur un site web) soit compatible IPv6, il y a 2 possibilités :

l'application n'utilise nulle part le paradigme d'"adresse IP" et n'a donc que faire que l'internaute arrive sur le site via une IPv4 ou IPv6 ;

l'application utilise, compare, stocke ou se base sur l'IP pour quoi que ce soit, dans ce cas, il faut que l'application soit conçue pour marcher aussi bien avec une IPv4 qu'une IPv6.

SPIP est dans le premier cas sauf pour 1 chose : dans la table spip_forum, il stocke l'adresse IP de la personne ayant posté le message.

Lorsque vous vous adressez au site via une IPv6, il voit donc votre IPv6 ...

Or, autant une IPv4 s'écrit soit dans un entier non signé sur 32 bits, soit dans une chaîne d'au maximum 15 caractères, autant une IPv6 s'écrit soit dans un entier non signé de 128bits, soit dans une chaîne de caractères d'au maximum 39 caractères !

Après vérification, la version de SPIP que j'utilise, à savoir la 2.0.10, n'est pas compatible IPv6 : le champ "IP"de la table spip_forum fait 16 caractères maximum ...

Je vous propose donc d'exécuter cette requête sur votre base de données (typiquement via PhpMyAdmin) pour que SPIP soit compatible IPv6 entièrement :

ALTER TABLE `spip_forum` CHANGE `ip` `ip` VARCHAR(40);

dur non ?

Et dans tous les cas : merci aux auteurs de ce fabuleux CMS pour la qualité du travail fourni, la flexibilité et la fiabilité de ce logiciel !

bien évidemment, j'ai ouvert un ticket sur le trac de spip pour ce faire : http://trac.rezo.net/trac/spip/tick...

Dans les prochains jours, nous nous attaquerons à WordPress et IPv6 !

L'ange de la Bastille, Paris

Benjamin Sonntag — 2010-07-24T14:20:38Z

L'ange de la place de la Bastille, vu de la rue du Faubourg Saint Antoine, à la frontière des 11e et 12e arrondissement de Paris, 14 juin 2010.

Scrapbooking - Aline & Animfolie's

Benjamin Sonntag — 2010-07-24T08:07:29Z

Un peu de copinage assumé en cet été chaud et tranquille : ma petite sœur, Aline, a un blog, sur lequel elle raconte ses histoires de scrapbooking, de créations graphiques et de technique alliant papier, carton, objets divers collés découpés et reliés, avec ou sans consignes ...

Donc, depuis décembre 2009, Aline tiens un blog, étonnant non ? Pour ceux qui la connaissent, c'est évident : Aline aime fabriquer de petits objets, agencer cartons papier coutures et broderies avec rubans et belles typographies.

Dans la langue de 2010, on appelle cela du scrapbooking, que nos amis québécois appellent collimage ou créacollage, et qui, visiblement parti de l'idée d'améliorer les tristounes albums photos de nos parents ou grands-parents, devient (du moins pour moi) un mot pratique pour désigner tout un ensemble de loisirs créatifs et graphiques souvent basés sur des photos.

Bref, tout cela pour vous inviter à jeter un oeil aux quelques créations d'Aline et de son blog de scrapbooking ;)

tout est là : http://www.animfolies.com/

Arduino, pilote pour panneau de led Sure0832

Benjamin Sonntag — 2010-07-20T13:07:48Z

Après mon voyage à Berlin en janvier dernier, j'ai découvert avec joie la plaquette électronique de base Arduino, et le Lol Shield de Jimmie P Rodgers.

Nous avions même fait, avec Coucouf, un Tetris, un Pong et un Space Invader sur la base de ce même couple Arduino+LolShield

En mai dernier, après avoir acquis plusieurs panneaux de 8x32 leds de chez Sure, j'ai donc écrit un pilote pour écrire des textes sur ces panneaux, et voici donc comment ...

C'est donc en mai 2010 que j'ai commandé 7 exemplaires du Sure0832, un panneau de 8 par 32 leds (rouge ici, mais il existe en vert ou orange). Ce panneau se pilote avec 3 fils, plus l'alimentation.

un Sure0832 de face

J'ai donc codé une librairie pour piloter et afficher de jolis caractères de taille variable sur ce panneau, et le relier à d'autres pour monter finalement une grande planche de bois contenant 7 panneaux mis bout à bout !

Le led panel d'Octopuce !

Le bloc électronique avec l'arduino apparent pour faire "artisanal"

Avouons que l'arduino est un peu "lent" en CPU pure pour piloter tous ces panneau, mais le résultat n'est pas mal du tout ...

Petite anecdote : lors de la programmation de la librairie pour 1 panneau, cela marchait très bien. Arrivé à 2 ou plus, le programme plantait immanquablement. Je n'avais visiblement pas assez de RAM pour cela !

Après avoir épluché mon code, j'ai fini par trouver le coupable : le tableau contenant la police de caractère était déclaré comme uint8_t font1[]. Or, ce n'était pas une variable, mais juste une constante ! Il fallait bien évidemment le déclarer comme const uint8_t font1[] pour qu'il ne soit pas recopié en RAM (! !!) au démarrage du programme, mais uniquement utilisé directement en flash !

(souvenez-vous que l'arduino a 32Ko de flash, mais uniquement 2Ko de RAM !!!)

Je vous confie donc le code de ma librairie, largement inspirés de divers exemples trouvés sur le web, l'ensemble de ce que je produit ici étant sous licence GPL v2 ou ultérieure.


Sure 0832 Led Driver for Arduino

Arduino driver for Sure0832 led panel

Benjamin Sonntag — 2010-07-20T13:07:37Z

When I went to Berlin, Germany in January 2010, I was glad to discover the Arduino electronic board, and the Lol Shield from Jimmie P Rodgers.

We even made, with Coucouf, a Tetris, a Pong and a Space Invader based on the same board Arduino+LolShield

In May 2010, after I bought a bunch of 8x32 led panels from Sure, I wrote a driver to write texts on those panels, and here is the result ...

So, in may 2010, I bought 7 Sure0832 Led panels (they are red leds, but it also exist with green or orange leds). This panel can be electronically driven by 3 pins, plus the power (5V).

a Sure0832 led panel, front

So, I developed a library to drive this led panel and show nice variable-width characters (even european languages accents !), and link those panels together. I eventually managed to build a big wood plank with 7 led panels put end to end !

The Octopuce Led panel !

The electronic bloc with Arduino shown to appear like a home-crafted stuff !

Of course, arduino is a little bit slow (its CPU power is not enough to be quick and fluent) to drive all those led panels, but the result is not that bad ...

The funny geeky part : when I developed the library for 1 panel, it worked perfectly. When I tried with 2 or more, the program crashed every time. I didn't have enough RAM to do this!

After reading thoroughly my code to fix this, I finally found the problem: the array containing the characters glyphs was declared that way: uint8_t font1[]. But this was no variable data, it's obviously constant data! I should have declared this array that way: const uint8_t font1[] so that it don't get copied into RAM when the program starts!

(remember that arduino have 32KB of flash memory, but only 2KB of RAM!!)

To conclude, you can download the code below, which is the library I developed thanks to many other guys on the Internet who made parts of the job. All what I publish is given under a GPL v2 or later license.


Sure 0832 Led Driver for Arduino

Apple : service push notification HS

Benjamin Sonntag — 2010-06-25T12:04:30Z

Dans le monde d'Internet, il y a toujours mille bonnes raisons qu'un service plante. et aujourd'hui, le service Push Notification d'Apple est HS, et voici où et pourquoi je vais vous en parler ...

Dans mon métier, je me dois d'assurer une disponibilité maximale et donc, de faire constamment attention à tous les SPOF présents dans notre infrastructure. un SPOF, ou "Single Point Of Failure", est un endroit physique (cable, carte réseau, serveur etc.) ou logique (un service, un programme, une donnée) qui, s'il tombait en panne, rendrait un service inutilisable.

Ainsi, un site web qui ne serait que sur un seul serveur a pour SPOF ce serveur web : si le serveur tombe, le site est inaccessible.

Le problème qui nous préoccupe aujourd'hui est que souvent, nous dépendons de la qualité de service d'un tiers, et cela peut s'avérer parfois compliqué de montrer que la faute n'est pas de notre côté ...

Ce jour donc, un client (Fabien, auteur de l'application iPhone Notifications, que je vous recommande chaudement) m'appelle pour me signaler un problème avec nos serveurs récursifs DNS (appelés resolvers en anglais), à savoir les serveurs chargés de résoudre les adresses des sites web et IP pour nos clients.

Voici le problème constaté : gateway.push.apple.com n'a pas d'IP pour nos resolvers, alors que depuis chez Fabien, cela marche ...

J'ai donc pu, ce jour, constater que même lorsque l'on s'appelle Apple, on n'est pas à l'abri d'un SPOF, à savoir ici le DNS.

Étonnamment, le DNS est censé être un service exempt de SPOF : lorsqu'un serveur ne répond pas, on s'adresse logiquement au suivant. Sauf qu'ici, le serveur répond bien, il répond juste qu'il est cassé (SERVFAIL) ... et dans ce cas, ok l'ami, on n'insiste pas, tu es cassé, on reviendra plus tard ...

Voici donc comment nous avons pu constater cette panne (encore valable quelques heures après, d'où cet article :) )

benjamin@mg:~$ dig +trace gateway.push.apple.com
 (je vous passe les détails, mais on obtient finalement ...)
 push.apple.com. 86400 IN NS nserver2.apple.com.
 push.apple.com. 86400 IN NS nserver4.apple.com.
 push.apple.com. 86400 IN NS nserver3.apple.com.
 push.apple.com. 86400 IN NS nserver.apple.com.

et donc, pas de réponse (ni A ni CNAME) ... Et l'on voit que l'on est bloqué à push.apple.com.

J'investigue donc "à la main" en interrogeant directement les serveurs DNS concernés :

benjamin@mg:~$ dig +short gateway.push.apple.com @nserver.apple.com
 gateway.push-apple.com.akadns.net.
 et les 3 autres : 
 benjamin@mg:~$ dig gateway.push.apple.com @nserver2.apple.com
 ;; ->>HEADER<<- opcode: QUERY, status: SERVFAIL, id: 62966
 benjamin@mg:~$ dig gateway.push.apple.com @nserver3.apple.com
 ;; ->>HEADER<<- opcode: QUERY, status: SERVFAIL, id: 40492
 benjamin@mg:~$ dig gateway.push.apple.com @nserver4.apple.com
 ;; ->>HEADER<<- opcode: QUERY, status: SERVFAIL, id: 56660

C'est assez explicite, SERVFAIL signifie que la zone sur ce serveur est cassée ...

Conséquence de cela : si votre serveur dns a interrogé nserver.apple.com, cela marchera (le temps du cache) sinon vous garderez en mémoire que ce nom de domaine est cassé ...

PS : ce petit article vise aussi à vous recommander très chaudement dig, le couteau suisse du DNS !

Nice style for forced form fields

Benjamin Sonntag — 2010-05-12T12:44:28Z

These days, thanks to Chantal and Nicolas, I made many usability improvements to AlternC, the web control panel software suite, the free software project I started long ago...

During my development phase, I created a nice style to show "forced text fields" in web forms. Those text input fields used when part of the field content is locked.

How does it work and how does it looks like ?...

Ugly usual text fields

When surfing the web, we often fill forms, text areas, check boxes etc. This is even our main usage of the Web : when you search something using a search engine, or when you send an email using a webmail, you are filling forms and fields ...

Sometimes, you only have to put the beginning or the end of the form field value

e.g.: I want to create an email address on my domain name. I have to enter the email address, but the domaine part should be fixed and forced.

Historically, when doing this using AlternC, you find this form : a text area followed by @yourdomain.net, showing the right side already filled.

Graphically, it looks like a classical form field as follow :

A hype text field

Some days ago, trying to find a usable way of showing this, I had the following idea (I say I had this idea since I never saw this elsewhere) : we can use CSS styles to show something more obvious for human being. So I ended up with this:

There is many differences between those 2 forms, but the one we are interested in is the field where you can enter your email address.

In the second case, we understand that we will fill a text field that will be an email address. The cursor is align to the right, and right before the domain name and @ sign. The HTML are using a CSS style so that we cannot see any difference between both of them. And there is no javascript tricks that will prevent the user to change the domain name : it's not even inside the text field !

This idea is simple, and I invite my fellow developers to use this kind of trick without any limitation : as long as it make a form more usable for your end user (ask him if you have any doubt ;) ).

Technically, it's simple:

HTML-side :

@mondomaine.net

CSS-side :

.int {
 border: 1px dotted black;
 background-color: white;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 padding: 2px;
 color: black;
 }
 #adrlbl {
 border-left: none;
 padding-left: 0px;
 text-align: right;
 }
 #adrtxt {
 border-right: none;
 padding-right: 0px;
 }

Finally, more tricks & tips I just remember :

list the words and terms you are using for each part of your software. For example, we are using "email address", and not "email", "mail", or "mail account". Build a glossary your developers will have to follow.
use radio button instead of dropdown lists if you want, unless the number of items may grow large (an example is shown below) :

before : after :

Leave some space inside your forms : the human eye need some kind of freedom to see things. For example, in the 2 forms below, you will see that there is more space between elements in the second form, but the border is also less visible, we are using a light gray: the eye can freely navigate inside this form.

And finally, if I remember other ideas regarding website or forms usability, I will post them here ;)