Carnet Web de Poy

Producing Open Source Software

Frederic Poeydomenge — Fri, 03 Nov 2006 09:33:00 +0000

Producing Open Source Software est un livre des éditions O'Reilly, qui est aussi disponible en téléchargement (licence Creative Commons Attribution-ShareAlike). Ce livre parle de l'aspect humain dans le développement de logiciels à code source ouvert. Il décrit la manière de procéder de projets réussis, les attentes des utilisateurs et des développeurs, ainsi que tous les écueils à éviter lorsque l'on distribue un logiciel libre.

Producing Open Source Software

Time breakdown of modern web design

Frederic Poeydomenge — Mon, 03 Jul 2006 13:12:00 +0000

Et voici, d'après des faits authentiquements réels (on sent vraiment le vécu !), la répartition du temps de travail dans un projet de site Web moderne :

Trouvé sur PoisonedMinds.

Mise en cache de paquets Debian avec apt-proxy

Frederic Poeydomenge — Tue, 27 Jun 2006 12:35:00 +0000

Samedi dernier, dans le cadre de l'install party à la bibliothèque municipale d'Anglet (64), nous avons été amenés à mettre en place un mandataire (proxy) apt-proxy.

Lorsque l'on a, sur un réseau, plusieurs machines avec la même version de Debian (par exemple Sarge), il est profitable de pouvoir centraliser la récupération des paquets, afin de ne les télécharger en local qu'une seule fois, et par là même, d'économiser de la bande passante sur les serveurs Debian.

Pour ce faire, le mandataire apt-proxy permet de mettre en cache les paquets Debian, et de construire un miroir partiel contenant tous les paquets utilisés par les machines du réseau. Seule la première machine qui installe un package donné provoque un téléchargement sur Internet, le mandataire fournissant lui même ensuite ce dont il dipose déjà aux autres machines qui le demandent. Cette méthode a l'avantage de réduire les accès à Internet depuis votre réseau interne, et surtout améliore grandement la rapidité de téléchargement coté client.

Coté serveur

Coté serveur, il nous suffit d'installer le paquet apt-proxy :

# apt-get install apt-proxy

puis d'éditer le fichier /etc/apt-proxy/apt-proxy-v2.conf afin d'y configurer le répertoire dans lequels seront stockés les paquets (par défaut : /var/cache/apt-proxy/), le port (par défaut : 9999), ainsi que les sources des dépots Debian, par exemple :

[debian]
backends = http://ftp.fr.debian.org/debian
[security]
backends = http://security.debian.org/debian-security
[backports]
backends = http://backports.org/debian
[dotdeb]
backends = http://packages.dotdeb.org

Il ne faut pas oublier de redémarrer apt-proxy pour qu'il prenne bien en compte les changements :

# /etc/init.d/apt-proxy restart

Coté client

Coté client, il nous faut juste modifier le fichier /etc/apt/sources.list, afin de faire pointer les sources sur le serveur mandataire, en remplaçant le nom d'hôte par le nom du mandataire, auquel on rajoute les noms de sections ci-dessus en tant que répertoires, de la façon suivante :

# Stable
deb http://SERVEUR:9999/debian/ stable main contrib
deb http://SERVEUR:9999/debian/ stable-proposed-updates main contrib
# Security
deb http://SERVEUR:9999/security/ stable/updates main contrib
# Dotdeb.org (LAMP Platform)
deb http://SERVEUR:9999/dotdeb/ stable all
# Backports Sarge
deb http://SERVEUR:9999/backports/ sarge-backports main

Il ne faut pas oublier d'effectuer aussi cette manipulation sur la machine qui sert de mandataire (le serveur lui même), afin qu'APT n'outrepasse pas le système en place !

Pour peaufiner l'installation, on peut éventuellement rajouter une entrée dans la crontab, pour effacer tous les soirs les paquets récupérés en local à l'aide de la commande "apt-get clean"

Suite à l'install party, j'ai découvert qu'Aurélien en parlait dans son Mémento pour l'installation d'un mandataire apt, pour une configuration réseau à peu près identique.

IEs 4 Linux - Internet Explorer (6.0, 5.5, 5.0) sous Linux

Frederic Poeydomenge — Thu, 15 Jun 2006 13:23:00 +0000

Lorsque l'on fait du développement web, il est parfois utile (voire nécessaire) de tester ses feuilles de style CSS avec tous les principaux navigateurs du marché. Or, lorsque l'on travaille sous Linux, il n'existe pas version native de IE, il va donc noux falloir ruser un peu pour l'installer.

IEs4linux est le moyen le plus simple de faire tourner IE sur Linux (ou FreeBSD, ou Solaris), le tout via un processus d'installation extrêmement simplifié, où il suffit de répondre à 2-3 questions pour installer sur sa machine IE 6.0, 5.5, 5.0, et le plugin Flash Player 8.

La procédure à suivre est très simple. Tout d'abord, il nous faut installer Wine et cabextract, par exemple sur Debian :

# apt-get -t sarge-backports install wine wine-utils
# apt-get install cabextract

Sur Debian Sarge, il faut rajouter un lien symbolique pour que IEs4linux retrouve le programme wineserver :

# ln -s /usr/lib/wine/wineserver /usr/bin/wineserver

Ensuite, il nous suffit de télécharger IEs4linux, décompresser l'archive, et lancer la commande 'ies4linux' sous un nom d'utilisateur lambda (surtout pas root).

Le programme se charge alors de télécharger les fichiers Cabinet (.cab) nécessaires, et les installe dans le dossier choisi au lancement de la commande (par défaut : ~/.ies4linux). Et voila, c'est fini ! On se retrouve alors avec un dossier pesant dans les 130 Mo, et contenant 3 archaïques versions d'IE, ne respectant aucun des standards du W3C, complètement vétustes, mais néanmoins incontournables pour tous les développeurs web.

Pour les lancer, il suffit maintenant d'appeler une des commandes suivantes :

$ ~/bin/ie6
$ ~/bin/ie55
$ ~/bin/ie5

Pour terminer, il est possible de rajouter quelques polices (par exemple Arial). Pour cela il suffit de télécharger les polices voulues et de lancer la commande suivante :

$ WINEPREFIX="$HOME/.ies4linux/ie6" wine arial32.exe

Ils en parlent aussi :

Flash Player 8 sous Linux avec ie4linux par Nicolas Perriault (NiKo)
Internet Explorer (6.0,5.5,5.0), Opera 8.5 et Firefox 1.5 avec Ubuntu par David Larlet
Internet Explorer sous Linux... par Yannig

Quelques clichés concernant internet

Frederic Poeydomenge — Tue, 13 Jun 2006 19:33:00 +0000

À partir d'études comportementales réalisées ces dernières années, et d'articles publiés sur le web, Bernard-Paul Eminet nous dresse une liste de quelques clichés concernant internet, et dissèque la façon d'agir/réagir des internautes actuels :

Cliché 1 : Internet c'est facile et fun
Cliché 2 : L'internaute cherche l'information maximale au plus vite
Cliché 3 : l'internaute est attiré par le graphisme
Cliché 4 : les internautes détestent scroller
Cliché 5 : le temps est l'ennemi du succès

Comme le dit Jakob Nielsen dans sa loi sur l'expérience de l'utilisateur du web (Ten Good Deeds in Web Design) : " les utilisateurs passent la plus grande partie de leur temps sur d'autres sites que le vôtre, et c'est là qu'ils construisent leur expérience, et apprennent à se faire une idée du mode de fonctionnement du web "

Je terminerais en disant que un site, c'est d'abord du contenu, peu importe si ça ne s'affiche pas à l'identique au pixel près chez deux personnes différentes, le tout est d'avoir un contenu intéressant, et de bien le mettre en valeur, par le biais d'un désign propre et qui fonctionne dans n'importe quel navigateur Web (c'est à dire : conforme aux standards du Web)

HTML Slidy du W3C

Frederic Poeydomenge — Fri, 09 Jun 2006 22:24:00 +0000

Se basant en partie sur l'outil de slideshow S5 de Eric Meyer, qui utilise exclusivement des standards du web (XHTML, CSS et JavaScript), le W3C a mis au point, il y a quelques temps déjà, un outil équivalent : HTML Slidy.

Maintenant, avec tous ces outils disponibles pour générer des présentations accessibles et lisibles par tous, il n'y a vraiment plus aucune excuse à encore utiliser Powerpoint...

Gecko 1.9 passe le test Acid2

Frederic Poeydomenge — Wed, 07 Jun 2006 08:47:00 +0000

La branche expérimentale Gecko 1.9 Reflow refactoring, dont les améliorations seront disponibles dans le futur Firefox 3, passe enfin le test Acid2. Pour rappel, le test Acid2 vise à tester la qualité de l'implémentation de certaines fonctionnalités de CSS 2, et autres standards du Web, dans un navigateur Web.

Signalé par Laurent Jouanneau.

Scanner sa distribution Linux à la recherche de Root Kits

Frederic Poeydomenge — Mon, 15 May 2006 21:07:00 +0000

L'article How to scan your Linux-Distro for Root Kits sur HowtoForge nous présente une méthode sécurisée pour scanner sa distribution Linux à la recherche de Root Kits, à l'aide de l'utilitaire chkrootkit.

En résumé, il est carrément déconseillé d'installer chkrootkit sur son système, et de le lancer bêtement de temps en temps. En effet, si un attaquant prends le controle de la machine, il lui est très facile de modifier l'installation afin qu'elle ne détecte pas sa présence. Il faut donc compiler chkrootkit, et le copier sur un support extractible, ou en lecture seule.

Télécharger chkrootkit :

# wget http://ftp.bit.nl/mirror/chkrootkit/chkrootkit.tar.gz
# wget http://ftp.bit.nl/mirror/chkrootkit/chkrootkit.md5
# md5sum -c chkrootkit.md5

Compiler chkrootkit :

# tar -xzf chkrootkit.tar.gz
# cd chkrootkit-0.46a/
# make sense

Lancer chkrootkit :

# ./chkrootkit

Et ne pas oublier de copier le dossier ainsi créé sur un support inaltérable, depuis lequel on pourra lancer régulièrement le scan du système.

Swapper 2 variables, sans utiliser de variable intermédiaire

Frederic Poeydomenge — Tue, 09 May 2006 21:39:00 +0000

Je viens de (re)découvrir sur Bit Twiddling Hacks une vielle méthode, toute bête, permettant d'échanger le contenu de 2 variables a et b, sans utiliser de variable intermédiaire, tout simplement en utilisant l'opérateur booléen "ou exclusif" (XOR)

Le code en C :

unsigned int a = 0xCDEF;
unsigned int b = 0x1234;
a ^= b;
b ^= a;
a ^= b;
printf("a=%x / b=%x", a, b);

Le même, en PHP :

$a = 0xCDEF;
$b = 0x1234;
$a ^= $b;
$b ^= $a;
$a ^= $b;
echo 'a=' , dechex($a) , ' / b=' , dechex($b);

L'algorithme est aussi décrit sur Wikipédia (XOR swap algorithm).

Moteur de stockage transactionnel Falcon pour MySQL

Frederic Poeydomenge — Fri, 21 Apr 2006 13:41:00 +0000

Pour faire suite à l'annonce, en début de semaine, d'un nouveau moteur de stockage transactionnel pour MySQL, SolidDB de la société Solid Information Technology.

Jim Starkey, créateur de la base de données InterBase, et embauché en début d'année chez MySQL, a annoncé qu'il parlerait du nouveau moteur de stockage transactionnel "maison" de chez MySQL, de nom de code "Falcon", lors de la prochaine User Conference, qui a lieu la semaine prochaine.

L'actu sur Nexen.net

Diagramme de la base information_schema

Frederic Poeydomenge — Fri, 21 Apr 2006 11:20:00 +0000

La base information_schema contient toutes les métadonnées sur le serveur MySQL. Les métadonnées sont les informations sur les données, telles que la liste des bases de données, des tables, le type des données, des colonnes, les procédures stockées, ou bien les droits d'accès. On appelle aussi ces données le "dictionnaire de données" ou le "catalogue système", et toutes ces informations sont accessibles à l'aide de requêtes SQL classiques.

Roland Bouman maintient depuis juin 2005 un diagramme de la base information_schema, disponible sous forme d'image GIF.

JSMin, le réducteur Javascript

Frederic Poeydomenge — Thu, 20 Apr 2006 11:42:00 +0000

JSMin, The JavaScript Minifier, de Douglas Crockford, est un filtre qui enleve tous les commentaires et les espaces blancs inutiles de programmes Javascript. En moyenne il permet de diviser la taille d'un fichier par deux, permettant de diminuer d'autant le temps de téléchargement du fichier sur le serveur.

JSMin n'est pas un assombrisseur de code ("obfuscator"), il ne modifie pas la structure même du code, ni même le nom des variables, il se limite juste à enlever tout ce qui est inutile, et le programme ainsi compressé fonctionne exactement de la même façon que le programme original.

Le code source est disponible en différentes saveurs, C, C#, Java, Python, Ruby, et PHP.

Moteur de stockage transactionnel SolidDB pour MySQL

Frederic Poeydomenge — Wed, 19 Apr 2006 18:12:00 +0000

MySQL risque de bientôt avoir à disposition un nouveau moteur de stockage transactionnel, grâce au moteur de stockage SolidDB de la société Solid Information Technology.

En octobre dernier, Oracle a racheté la société Innobase, et son moteur de stockage InnoDB, qui était un composant essentiel pour la base de données libre MySQL. Puis, en février, Oracle a ensuite racheté la société Sleepycat Software, et son moteur de stockage Berkeley DB. Ces rachats ont fait beaucoup couler d'encre, les intentions de Oracle n'étant pas très claire sur le sujet, même s'il ne faut pas être très futé pour voir que le géant veut clairement mettre des batons dans les roues de la petite société suédoise.

Enfin, une petite lueur d'espoir apparait, car Solid va développer un moteur de stockage transactionnel pour MySQL, en utilisant un modèle de distribution en double-licence en partie identique à celui de MySQL : GPL (pour l'internaute lambda), et licence commerciale pour les sociétés qui veulent disposer du support sur le produit.

Le premier prototype devrait être disponible fin avril, pour la conférence des utilisateurs MySQL. Une version béta, accompagnée de son code source sera disponible pour le mois de juillet, et la version finale est prévue pour la fin de l'année.

Voir aussi :

3eme moteur transactionnel annoncé pour MySQL : Solid sur Nexen.net
Solid va proposer une version libre de son moteur pour MySQL sur Réseaux-Télécoms.net

Vérifier son code JavaScript avec JavaScript Lint

Frederic Poeydomenge — Wed, 19 Apr 2006 16:56:00 +0000

JSlint, The JavaScript Verifier de Douglas Crockford est un validateur de syntaxe Javascript en ligne. Il permet de repérer les erreurs au sein du code, à commencer par les erreurs de syntaxe, mais aussi les constructions pouvant poser des problèmes (comme les if() sans accolades), Javascript étant relativement permissif à ce niveau là.

Depuis peu, un autre validateur Javascript a vu le jour, JavaScript Lint de Matthias Miller. Il reprends le même principe que son ainé, à savoir un validateur en ligne, mais la spécificité de l'outil est d'être construit autour d'une extension de SpiderMonkey (le moteur Javascript de Firefox), ce qui lui permet de venir s'intégrer très facilement dans l'environnement de développement sur le poste client (par ex. de l'intégrer dans SciTE en tant que compilateur externe). A l'usage, on s'apercoit qu'il signale les erreurs de manière plus complète et plus pertinente que le JSLint original.

S5: Un système de slide show basé sur les standards

Frederic Poeydomenge — Tue, 18 Apr 2006 10:24:00 +0000

S5 de Eric Meyer est un système de slide show entièrement basé sur des technologies standards : XHTML, CSS et Javascript. Dans un seul fichier, vous disposez d'un slide show parfaitement opérationnel, ainsi que de sa version imprimable. Le code XHTML utilisé est extrêmement simple, sémantique et complètement accessible. Quiconque ayant un minimum de connaissances en XHTML peut adapter le code à ses propres besoins, et quiconque ayant un minimum de connaissances en CSS peut créer son propre thème pour les présentations. Ce système est d'une simplicité à toutes épreuves, et repose totalement sur les standards du web actuels.

Pour voir S5 en action, voir le slide show d'introduction à S5.

Pagination des résultats dans l'interpréteur de ligne de commande MySQL

Frederic Poeydomenge — Fri, 14 Apr 2006 12:40:00 +0000

Lorsque l'on utilise MySQL en ligne de commande, il arrive parfois que l'on soit confronté à des requêtes renvoyant (beaucoup) plus de lignes que ne peut en contenir l'écran. Souvent, même, lorsque le nombre de colonnes est trop élevé, les enregistrements sont présentés sur plusieurs lignes, ce qui nuit grandement à la lisibilité.

Dans un cas comme dans l'autre, on attends en général devant un écran qui défile à vitesse grand V, jusqu'à ce que tous les enregistrements soient enfin affichés, sachant que le buffer du terminal n'a gardé en mémoire que les X dernières lignes (en général 1000) ce qui fait qu'il est parfois très difficile de s'y retrouver.

La solution, vue sur PHPCult, consiste à définir le pageur qui va être chargé de l'affichage des résultats :

mysql> \P less
mysql> PAGER set to 'less'
mysql> select foo from bar;

Et voilà ! Maintenant les résultats apparaissent à travers la commande less, ce qui est bien plus lisible que la sortie standard sur stdout, il faut l'avouer.

Pour désactiver le pageur, il suffit d'utiliser la commande :

mysql>

La documentation officielle MySQL précise que l'on peut utiliser n'importe quelle commande Unix pour le pageur, parmi lesquelles on peut trouver less, more, cat [> filename], et ainsi de suite (on peut même y passer des options, ou bien utiliser des pipes). Il faut tout de même savoir que cette option ne marche que sur Unix, et qu'elle ne fonctionne pas en mode batch.

Premier brouillon des spécifications XMLHttpRequest au W3C

Frederic Poeydomenge — Thu, 06 Apr 2006 13:18:00 +0000

L'élément fondamental de la technologie AJAX, à savoir l'objet XMLHttpRequest, vient de faire un petit pas sur le chemin de sa standardisation : le premier brouillon des spécifications (working draft) a été publié sur le site du W3C.

2006-04-05: The Web API Working Group has released the First Public Working Draft of The XMLHttpRequest Object. The draft documents features of the XMLHttpRequest object based on existing implementations. The interface allows scripts to perform HTTP client functions, such as submitting form data or loading data from a remote Web site. Read about the Rich Web Clients Activity.

Le Javascript et le XML sont d'ores et déjà des standards, il ne manquait plus qu'une version standardisée de XMLHttpRequest pour que la technologie AJAX devienne un standard. En effet, à l'heure actuelle, cet objet javascript est implémenté de manière totalement différente selon les navigateurs.

Nous sommes donc sur la bonne voie, et si tout se passe bien, le Web APIs Working Group, qui s'occupe de définir des interfaces de programmation pour les clients Web, devrait accoucher dans un futur proche d'un nouveau standard, ce qui va à n'en point douter simplifier la vie des développeurs.

Définition Asynchronous JavaScript And XML sur wikipedia.

WebOnorme, l'annuaire francophone sur les standards du web

Frederic Poeydomenge — Sun, 02 Apr 2006 12:31:00 +0000

WebOnorme est un annuaire de ressources, principalement francophones, sur les standards du web, l'accessibilité, la sémantique, l'utilisabilité , l'ergonomie, les CSS, l'Ecmascript, le XML...

Cet annuaire a été développé afin de palier à la difficulté de trouver des ressources francophones sur les standards du web, et l'on peut d'ores et déjà y trouver l'essentiel de ce que tout bon developpeur web se doit de connaire.

Une ressource à ne pas manquer !

Envoi de mails avec la Classe Sendmail

Frederic Poeydomenge — Sun, 02 Apr 2006 12:21:00 +0000

La classe Sendmail est une surcouche aux classes Mail et Mail_Mime de PEAR, permettant d'envoyer des mails, de manière relativement simplifiée. Ainsi, pour envoyer un mail au format texte/HTML, il suffit juste de faire :

$mail = new Sendmail($driver, $params);
$mail->setFrom($from);
$mail->setSubject($subject);
$mail->setRecipients(array('to' => $to, 'cc' => $cc, 'bcc' => $bcc));
$mail->setText($text_version);
$mail->setHtml($html_version);
$mail->send();

où $driver et $param sont les paramètres passés à la méthode factory() de la classe PEAR::Mail.

De plus, il est possible d'attacher à un objet Sendmail des objets observateurs, qui vont être prévenus par l'objet Sendmail dès qu'un mail est en cours d'envoi. Cela peut par exemple servir pour enregistrer le mail dans une base de données, ou à le stocker dans un fichier mbox :

$mail = new Sendmail($driver, $params);
$mail->attach(new Sendmail_Mbox('/tmp/mbox'));
$mail->attach(new Sendmail_DB($db, 'INSERT INTO mail VALUES (null,?,?,?,?,?,?,?)'));

Qui a dit qu'envoyer des mails était compliqué ?

MySQL nativement en UTF-8

Frederic Poeydomenge — Thu, 30 Mar 2006 22:17:00 +0000

Quand on veut produire des pages web en utilisant le jeux de caractères UTF-8 d'un bout à l'autre de la chaine (des tables de la base de données en UTF-8, jusqu'à l'encodage des pages (X)HTML en UTF-8), on se retrouve confronté au problème suivant, qui est que la connection entre PHP et MySQL s'effectue par défaut en latin1 standard.

Pour y remédier, la solution la plus propre est de changer, au niveau du serveur, le jeux de caractère utilisé pour la connection, en rajoutant la ligne suivante dans la section [mysqld] du fichier de configuration de MySQL (généralement /etc/mysql/my.cnf) :

[mysqld]
init-connect = 'SET NAMES utf8'

Mais si vous n'avez pas accès à ce fichier, ou que vous ne voulez utiliser ce paramétrage que de manière ponctuelle sur certaines bases, l'autre façon d'indiquer à MySQL quel jeux de caractère doit être utilisé peut se faire indépendamment à chaque connection : après avoir établi une connection avec le serveur (hôte, utilisateur, mot de passe), effectuer la requête suivante dans votre application :

SET NAMES utf8;

Cette solution est celle qui est généralement donnée, mais elle nécessite que l'on change l'application pour que cela fonctionne.