Chez PMSIpilot, nous commençons à utiliser Behat pour nos tests fonctionnels.
Je ne vais pas m’étendre sur toutes les belles choses que ce framework de bdd apportera au testing de votre projet, il vous suffit de vous rendre sur leur site officiel et de lire leur introduction rapide pour vous en persuader.

Le problème auquel j’ai immédiatement fait face en tentant d’inclure le Phar de Behat est le suivant :

Fatal error: require(): Failed opening required 'phar:///[...]/lib/vendor/behat/behat.phar'

La ligne incriminée ne pouvait pas être plus simple :

include 'phar:///[...]/lib/vendor/behat/behat.phar';

Après avoir interrogé dans toutes les langues et sous toutes les formes mon moteur de recherché préféré, difficile de trouver une explication rationnelle.
Comme souvent, la réponse est venue par l’intermédiaire d’un collègue (merci @jubianchi et @ratibus !) et il s’avère que c’est l’extension ioncube qui était en cause sur mon poste. Si vous avez ce problème, c’est donc peut-être une piste à suivre.

Pour tester si ioncube est activé :

$ php -i | grep -i ioncube
with the ionCube PHP Loader v4.0.5, Copyright (c) 2002-2011, by ionCube Ltd., and
ionCube Loader


Chez moi c’était la version ioncube 4.0.5 qui posait problème. Rassurez-vous néanmoins, une fois la dernière version de ioncube installée, plus de problème à noter ! Apparemment le problème est réglé au moins depuis la version 4.0.9.

Le lien direct pour télécharger la dernière version stable pour une distrib linux 32 bits : http://downloads2.ioncube.com/loader_downloads/ioncube_loaders_lin_x86.tar.gz

Une fois l’extension décompressée et placée au bon endroit, l’include passe sans encombre.

$ php -i | grep -i ioncube
with the ionCube PHP Loader v4.0.12, Copyright (c) 2002-2011, by ionCube Ltd., and
ionCube Loader

Il est souvent utile de connaître la version de son système d’exploitation. Et si il est assez évident de connaître sa version de Windows tant les changements d’interface sont importants, c’est parfois moins évident d’une distribution Ubuntu à l’autre.
La commande magique pour répondre à ce besoin est tout simplement la suivante :

> lsb_release -a
No LSB modules are available.
Distributor ID: Ubuntu
Description: Ubuntu 10.10
Release: 10.10
Codename: maverick


Vous obtenez ainsi votre numéro de version mais aussi son nom de code, Maverick pour moi. Oui je sais, il faut que j’upgrade !

Subversion (SVN) a eu une belle carrière parmi les outils de versionning mais il est aujourd’hui largement supplanté par Git. Plus souple, plus rapide, plus puissant, nombreux sont les développeurs qui souhaitent migrer leurs dépôts vers Git. Mais il serait dommage de perdre l’historique de son projet, surtout quand celui-ci remonte sur plusieurs mois / années.

Le sujet a déjà largement été abordé sur différents blogs, forums et mailing-list mais je vais simplement compléter les étapes classiques par celles que j’ai dû ajouter pour pouvoir migrer mes propres dépôts SVN qui n’avaient pas tous une structure standard (pas de Trunk par exemple…).
Nous utiliserons la commande par défaut git-svn. Si besoin : sudo apt-get install git-svn

Quelques étapes indispensables (pour plus de détails, se rendre à cette adresse, ou à celle-ci) :

Récupérer les différents commiters sur son dépôt SVN

svn log -q | awk -F '|' '/^r/ {sub("^ ", "", $2); sub(" $", "", $2); print $2" = "$2" <"$2">"}' | sort -u > commiters.txt

Il suffit ensuite de transformer chaque ligne du fichier généré vers quelque chose du genre :

obalais = Olivier Balais <obalais@server.com>

Cloner votre dépôt SVN

Ici on spécifie l’url de son dépôt SVN, le fichier à utiliser pour les logs de commit et un dossier dans lequel cloner le dépôt. L’option no-metadata supprime les notes que git-svn ajoute à chaque message de commit par défaut.

git svn clone URL_DEPOT --no-metadata -A commiters.txt --stdlayout ~/mon_depot

Certains de mes dépôts avaient une structure non standard. Par exemple, certains projets simples n’avaient tout simplement pas de trunk, branches et tags mais directement la structure du projet commitée à la racine du dépôt (oui c’est moche…). Pour se sortir de ce genre de galères on peut utiliser les options -T, -t et -b pour spécifier les URI des Trunk, Tag et Branches. Dans mon cas, j’ai utilisé la commande suivante :

git svn clone URL_DEPOT --no-metadata -T / -A authors.txt --stdlayout ~/mon_depot

Sur un projet, j’ai également souhaité récupérer tous les commits excepté le dernier. Pour cela, il suffit d’ajouter l’option -r initial_revision:final_revision. Exemple :

git svn clone URL_DEPOT --no-metadata -T / -r 1:99 -A authors.txt --stdlayout ~/mon_depot

Créer un dépôt vide pour y pusher le contenu de son ancien dépôt SVN

git init --bare ~/mon_projet.git
cd ~/mon_projet.git
git symbolic-ref HEAD refs/heads/trunk

Pusher le contenu en faisant :

cd ~/mon_depot
git remote add bare ~/mon_projet.git
git config remote.bare.push 'refs/remotes/*:refs/heads/*'
git push bare

Il ne reste désormais plus qu’à renommer la branche trunk en master…

Renommer son trunk en master

cd ~/mon_projet.git
git branch -m trunk master

And you’re done!

Quelques vidéos de Raymond Kurzweil ont été publiées sur Arte.tv.
La description que fait Kurzweil de notre futur correspond assez bien à celle du monde dans lequel je pense que nous vivrons dans quelques années. Un bon moyen de mettre facilement des mots sur mes pensées…

Qu’est-ce que la Singularité ?

“En 2029 l’intelligence des ordinateurs sera égale à celle des humains. En 2045 les ordinateurs seront tellement plus puissants que nos petits 100 milliards de neurones qu’on ne peut absolument pas prévoir ce qu’il va se passer.”

Lève-toi et marche :

“Ray kurzweil a stocké tous les bibelots, mèches de cheveux et autres souvenirs de feu son père, et il compte bien sur l’intelligence artificielle pour le faire revenir à la vie !”

Body 2.0 :

“Ray Kurzweil nous propose de remplacer nos organes déficients par des répliques artificielles beaucoup plus puissantes et résistantes.”

Ray Kurzweil – Coup de foudre avec un droïde :

“Selon Kurzweil, à partir de 2029, les robots seront tellement “convaincants” qu’on pourra très bien avoir le béguin pour Terminator”

Ray Kurzweil – de l’immortalité :

“Adepte de la médication anti-vieillissement, Ray Kurzweil explique que la mort est loin d’être une fatalité, puisque la clé de l’immortalité est entre nos mains.”

Ray Kurzweil – Vivre 500 ans ?

“Vivre 500 ans, c’est un peu long ? Pas d’après Kurzweil qui nous rappelle que d’ici là, on pourra changer de corps comme de chemise et vivre une multitude de vies trépidantes.”

Ray Kurzweil – Objectif Mars ?

“Selon Kurzweil, l’humanité manquant de ressources, nous enverrons des robots dans l’espace d’ici 2045.”

La semaine passée, en essayant de trier des tableaux avec la fonction sort de PHP, je suis tombé sur un résultat assez surprenant :

php> $array = array('90000000000000000001', '90000000000000000003', '90000000000000000002');

php> var_dump($array);
array(3) {
  [0]=>
  string(20) "90000000000000000001"
  [1]=>
  string(20) "90000000000000000003"
  [2]=>
  string(20) "90000000000000000002"
}

php> sort($array);

php> var_dump($array);
array(3) {
  [0]=>
  string(20) "90000000000000000002"
  [1]=>
  string(20) "90000000000000000003"
  [2]=>
  string(20) "90000000000000000001"
}

Dans la trace ci-dessus, on constate que mon tableau contient trois chaînes ’90000000000000000001′, ’90000000000000000003′ et ’90000000000000000002′ qui devraient donc, a priori, être triées dans cet ordre après un appel à sort :

1. ’90000000000000000001′
2. ’90000000000000000002′
3. ’90000000000000000003′

Ce n’est malheureusement absolument pas le cas :

1. ’90000000000000000002′
2. ’90000000000000000003′
3. ’90000000000000000001′

Pire, si on re-exécute un sort sur ce tableau, on obtient un ordonnancement différent :

1. ’90000000000000000001′
2. ’90000000000000000003′
3. ’90000000000000000002′

Il s’avère en fait que PHP interpréte cette chaîne comme un entier. Et étant donné que PHP gère assez mal les large numbers, il se retrouve en fait à faire, dans le cas présent, un sort sur les valeurs suivantes :

1. 9.0E+19
2. 9.0E+19
3. 9.0E+19

Les trois chaînes du tableau sont donc converties en entier puis arrondies et PHP les considèrent dès lors comme identiques. Ce qui explique le sorting foireux !
La solution dans ce genre de cas est de forcer PHP à interpréter les valeurs de ce tableau comme des chaînes et non pas comme des entiers. Pour cela :

php> sort($array, SORT_STRING);

Mais encore faut-il qu’on sache exactement à l’avance, le type de valeurs qu’on veut trier…

Une autre solution apportée par @mageekguy est d’utiliser la fonction natsort qui répondrait plus correctement au présent problème :

php> $array = array('90000000000000000001', '90000000000000000003', '90000000000000000002');

php> var_dump($array);
array(3) {
  [0]=>
  string(20) "90000000000000000001"
  [1]=>
  string(20) "90000000000000000003"
  [2]=>
  string(20) "90000000000000000002"
}

php> natsort($array);

php> var_dump($array);
array(3) {
  [0]=>
  string(20) "90000000000000000001"
  [1]=>
  string(20) "90000000000000000002"
  [2]=>
  string(20) "90000000000000000003"
}

N’utilisant Git que depuis quelques mois, je n’en connais pas encore tous les aspects, loin de là !
Aujourd’hui j’ai eu un besoin très simple, intégrer à mon dépôt Git un autre dépôt Git. En gros, l’équivalent d’un bon vieux svn:externals. Je n’ai pas trouvé immédiatement comment faire donc je partage ici la commande magique :

git submodule

L’utilisation est donc très simple. Au lieu de faire un git clone dans un sous-dossier de son projet, il suffit de faire à la racine du dépôt :

git submodule add repo_url ./your_folder/

Un nouveau dossier caché est créé. Il vous suffit donc de le versionner dans votre propre dépôt pour que la référence soit prise en compte.

Si vous clonez votre dépôt depuis un nouvel emplacement, il vous faut utiliser la commande git submodule init pour récupérer les dépôts externes référencés.
Et ensuite, un git submodule update pour mettre à jour régulièrement les sous-projets.

Aussi simple que ça !

Plus d’infos sur cette commande à l’adresse suivante : http://www.kernel.org/pub/software/scm/git/docs/git-submodule.html

Chez PMSIpilot, à chaque fin de Sprint, les équipes techniques organisent et participent à ce qu’on appelle les “ateliers”. Comme tout bon geek qui se respecte, j’ai une soif insatiable d’apprendre de nouvelles choses et je participe donc en général au plus grand nombre possible de ces ateliers. Un de ceux qui m’ont le plus marqué est sans aucun doute celui qui présentait le fonctionnement et l’utilisation de Node.js.

Je vais donc profiter de ce blog pour faire un retour au fur et à mesure de ma découverte de Node.js et de son écosystème.
Ce premier billet résume l’installation de Node et Express et me servira de mémo pour retrouver facilement les commandes qui vont bien.

Node.js est un framework très en vogue qui consiste à utiliser le langage Javascript avec le moteur V8 de Google côté serveur pour servir les requêtes HTTP reçues.

Parmis les intérêts majeurs de ce type d’approche on retient notamment :

• L’approche évènementielle du framework (entrées / sorties non bloquantes…)
• La possibilité d’utiliser un seul langage côté serveur et côté client pour les applications Full JS

Ainsi, grâce à sa légèreté et à ses I/O non bloquants, Node.js permet de développer une application web capable de recevoir et de répondre à un nombre de requêtes infiniment plus conséquent qu’une même application développée avec une pile LAMP classique.
C’est toute la philosophie du développement web qui se voit bouleversée par cette approche évènementielle.

Pour plus d’informations à ce sujet, je vous invite à lire les articles suivants :

• http://en.wikipedia.org/wiki/Nodejs
• http://anders.janmyr.com/2011/05/not-very-short-introduction-to-nodejs.html
• http://nodejs.org

Let’s get started!

Première étape, télécharger et installer Node.js. Pour se faire RDV sur le site officiel pour télécharger la dernière release en date : http://nodejs.org/#download. Décompressez l’archive, rendez-vous dans le dossier et exécutez les commandes suivantes une par une :

mkdir ~/local
./configure --prefix=$HOME/local/node
make
make install
export PATH=$HOME/local/node/bin:$PATH


La commande make prend un certain temps à s’exécuter donc il faut s’armer de patience. Ensuite le reste est trivial.
A noter que si au moment du lancement de configure, vous avez une erreur du type Could not autodetect OpenSSL support. Make sure OpenSSL development packages are installed, c’est qu’il vous manque la lib OpenSSL.
Dans ce cas, un petit apt-get résoud le problème :

sudo apt-get install libssl-dev

Dans le même ordre d’idée, il se peut qu’un message vous avertisse qu’il manque un compilateur du type g++ / c++. Dans ce cas :

sudo apt-get install g++

Voilà une bonne chose de faite. Testez l’installation en exécutant la commande suivante :

obalais@server:~$ node -v
v0.4.7

Même s’il est possible de créer une application web complète juste avec Node.js, nous allons installer des plugins qui vont nous faciliter le développement. Un framework MVC (Express) par exemple me semble plus que nécessaire, un moteur de template (Jade) ainsi qu’un ORM pour la base de données (Mongoose si on utilise une base MongoDb).
Nous avons de la chance puisqu’un gestionnaire de paquets spécifique à Node.js est devenu plus ou moins un standard pour récupérer facilement les plugins qui existent, à savoir NPM.

Si vous n’avez pas curl :

sudo apt-get install curl

Ensuite, l’installation de NPM est on ne peut plus simple puisqu’il suffit d’une seule ligne :

curl http://npmjs.org/install.sh | sh

Et une fois de plus, vous pouvez tester si l’installation s’est bien déroulée en lançant la commande suivante :

obalais@server:~$ npm -v
1.0.6


Nous allons tout de suite mettre à profit NPM en installant Express, le framework de développement web le plus abouti actuellement pour Node.js.

Voici la liste de ses features, directement récupérée depuis le site officiel :

• Robust routing
• Redirection helpers
• Dynamic view helpers
• Application level view options
• Content negotiation
• Application mounting
• Focus on high performance
• View rendering and partials support
• Environment based configuration
• Session based flash notifications
• Built on Connect
• Executable for generating applications quickly
• High test coverage

Grâce à NPM, l’installation se fait encore une seule ligne toute simple :

npm install express

N’oubliez pas de rajouter express à votre PATH et de tester le résultat de l’installation :

obalais@server:~$ export PATH=$HOME/node_modules/express/bin:$PATH
obalais@server:~$ express --version
2.3.4


Maintenant installez Jade :

npm install jade

Tout est en place. Il ne reste plus qu’à créer notre serveur avec Node.js + Express. Pour cela, créez un fichier helloworld.js contenant le code suivant :

var app = require('express').createServer();

app.get('/', function(req, res){
  res.send('<h1>another hello world</h1>');
});

app.listen(3000);

On lance le serveur node.js avec la commande suivante :

node helloworld.js

Et on teste si tout fonctionne correctement en se rendant via son navigateur sur son localhost sur le port 3000.

Nous verrons dans un prochain article quels sont les principes fondamentaux du développement avec Express et Node.js.
En attendant, je vous laisse visiter le site officiel d’Express qui contient toute la documentation nécessaire pour se lancer dans l’utilisation du Framework. Faites un tour sur cette page pour commencer.

Les formulaires de symfony ont quelquefois des comportements surprenants pour le développeur. Tout le monde pense immédiatement aux embed forms mais ce n’est pas de ces derniers dont je vais parler ici.

Je suis tombé sur le problème suivant : pourquoi après avoir passé une valeur par défaut à un des widgets de mon formulaire, je ne parviens pas à la récupérer dans mon action ou dans mon template ? L’appel à la méthode getDefault du sfForm me renvoie null, tout simplement.

Cas typique :

// Dans le code de mon formulaire :
$this->setWidgets(array(
  ...
  'my_field' => new sfMyWidget(array('default' => 'my_value')),
));

// Dans le code de mon action :
if ($my_form->getDefault('my_field') == 'some_value')
{
  ...
}

Dans ce cas, la méthode getDefault() appelée sur mon formulaire me renvoie null alors que j’ai explicitement donné une valeur par défaut à mon widget. Pourtant, en lisant la doc de symfony sur le sujet je retiens ceci :

The setDefault(), getDefault(), setDefaults(), and getDefaults() methods manages the default values for the embedded widgets. They are proxy methods for the getDefault() and setDefault() widget methods.

Les méthodes setDefault() et getDefault() au niveau de la classe sfForm sont censées êtres des raccourcis pour les méthodes setDefault() et getDefault() de la classe sfWidgetForm().

En fait il s’avère que ce n’est absolument pas le cas et que la méthode getDefault() du formulaire ne fait jamais appel à la méthode getDefault() du widget associé.

L’appel à $my_form->getDefault(‘my_field’) n’est donc pas équivalent à $my_form['my_field']->getWidget()->getDefault().

Par conséquent, il est important de bien comprendre quelle méthode appeler et dans quel cas.

A savoir, $my_form->getDefault(‘my_field’) quand le setDefault a été utilisé au niveau du formulaire. Exemple :

// Valeurs passées dans mon formulaire :
$this->setWidgets(array(
  ...
  'my_field' => new sfMyWidget(),
));
$this->setDefault('my_field', 'my_value');

// Ou alors valeurs passées dans mon action :
$my_form = new myFormClass(array(
  ...
  'my_field' => 'my_value',
));

Et, $my_form['my_field']->getWidget()->getDefault() quand le setDefault() a été utilisé au niveau du widget. Exemple :

// Dans le code de mon formulaire :
$this->setWidgets(array(
  ...
  'my_field' => new sfMyWidget(array('default' => 'my_value')),
));

Voilà, désormais vous êtes prévenus…

Et ben… Moi qui pensais rédiger chaque mois un article regroupant les meilleur liens sur lesquels je tombe, je viens de constater que le dernier (et aussi le premier) posté dans cette rubrique date de… Juillet.
Allez j’ai une excuse, pendant ce temps, je suis parti plusieurs mois en roadtrip à l’autre bout du monde…

Depuis mon retour en France, j’ai repris les choses sérieuses et ai de nouveau le loisir de glaner ci et là de bonnes ressources pour le boulot (et pour ma culture).

Voici donc ma sélection pour le mois de Février.

Isotope

Isotope est un plugin jQuery fantastique. Il permet de réorganiser à la volée l’affichage d’éléments au sein d’une page Web en fonction de différents critères qu’il suffit au développeur de définir (ordre, type, taille de l’écran…).

Je vais très prochainement l’intégrer à l’un de mes projets pour faire un joli filtrage dynamique d’items.

URL : http://isotope.metafizzy.co/

Osez créer un site HTML5 et CSS3

Raphael Goetter du site Alsacréations nous démontre dans un très bon article qu’il est possible aujourd’hui de développer un site en HTML5 et CSS3. Il explique quels compromis il a dû faire pour les anciens navigateurs et quelles sont les parades pour ne pas rendre son site complètement inaccessible sur ces derniers.

Pour ma part, c’est cet article qui m’a convaincu de développer ma prochaine appli web en HTML5, malgré la part encore très importante de personnes utilisant IE6, 7 et 8.

URL : http://www.alsacreations.com/article/lire/947-osez-creer-site-html5-css3.html

Jquery Mobile DateBox

Enfin, et parce que je m’intéresse tout particulièrement à l’actualité concernant jQuery Mobile, je vous signale l’apparition d’un petit widget pour vos webapp mobiles, vous permettant de renseigner un champs date de manière simple et efficace.

Une simple ligne de code dans votre template et le tour est joué :

<input name="somedate" type="date" />

URL : http://dev.jtsage.com/jQM-DateBox/

Formalize

Formalize est un plugin jQuery (également disponible pour d’autres frameworks JS (Dojo, ExtJS, MooTools, Prototype et YUI) qui facilite la tâche du développeur lors de la création et de la mise en forme des formulaires. Il offre une mise en page standardisée sur tous les navigateurs de vos forms et offre le support de certaines propriétés CSS3 non implémentées dans les anciens navigateurs.

URL : http://formalize.me/

Démo : http://formalize.me/demo.html

Quovolver

Grâce à ce plugin, en une seule ligne de code, présentez joliment et efficacement un ensemble de quotes au sein d’un même bloc.

$('blockquote').quovolver();

URL : http://sandbox.sebnitu.com/jquery/quovolver/

Etant très friand des vidéos tentant de nous montrer à quoi ressemblera notre futur, j’ai beaucoup apprécié celle-ci sur laquelle je suis tombé ce matin.
Un concept où presque chaque surface lisse et transparente qui nous entoure devient un bel écran tactile interactif.

Je vous laisse admirer la vidéo pour vous faire une idée…