Damien ALEXANDRE

Désactiver temporairement Timestampable avec Doctrine

Damien ALEXANDRE — Wed, 18 Aug 2010 15:54:00 +0200

Timestampable est un behavior Doctrine fort pratique qui permet de mettre en place des champs "created_at" et "updated_at" sur nos modèles sans avoir à s'en soucier.

Il ont pleins d'options très pratiques, et sont entièrement automatique : à chaque save(), le updated_at est mis à jour.

Seulement il peux arriver d'avoir besoin, occasionnellement, de désactiver ces automatismes (import en masse en souhaitant garder les anciennes dates, modification d'un contenu par un bot... chacun ces problèmes hein). Voici la marche à suivre.

// Récupérer le Listener (c'est pas forcement 0, ça dépend de l'ordre dans votre Table->setUp())
$timestampable = $this->getListener()->get(0);

// Changer les options voulu, et donc désactiver tel ou tel propriété du Behavior
$timestampable->setOption(array('updated' => array('disabled' => true)));

Ce code se place au niveau de votre objet, dans l'idée vous pouvez vous faire une méthode, appelée occasionnellement donc :

public function disableTimestampableBehavior()
{
$timestampable = $this->getListener()->get(0);
$timestampable->setOption(array('updated' => array('disabled' => true)));
}

De rien ! (ah et bien sûr c'est applicable aux autres Listeners !)

Exécuter des tests dans une base de donnée éphémère avec symfony / Doctrine

Damien ALEXANDRE — Mon, 12 Jul 2010 15:01:00 +0200

Vous cherchez comment faire pour que vos test unitaire (phpunit où autres...) s'exécutent sur une base de donnée neuve (MySql, SQLite... peu importe) à chaque fois (avec chargement des fixtures) ? Simple. Suivez l'exemple.

Dans votre fichier databases.yml, vous pouvez donner une configuration particulière à l'environnement de test :

test:
  poney:
    param:
      #dsn: "sqlite::memory:"
      #dsn: mysql:host=127.0.0.1;dbname=poney
      dsn: sqlite:///%SF_DATA_DIR%/poney.db?mode=0666

Tous l'intérêt de cette petite note technique réside dans le bout de code qui suit, qui va réinitialiser la base de donnée de test à chaque fois que vous lancerez vos tests :

define('SF_APP_NAME', 'backend');
define('SF_ENV', 'test');
define('SF_CONN', 'poney');
if ( SF_APP_NAME != '' )
{
  require_once(dirname(__FILE__).'/../../../../config/ProjectConfiguration.class.php');
  myTestClass::$configuration = ProjectConfiguration::getApplicationConfiguration( SF_APP_NAME , SF_ENV, true);
  sfContext::createInstance(myTestClass::$configuration);
}
class myTestClass
{
  public static $configuration = null;
  public static $databaseManager = null;
  public static $connection = null;
  protected static function setup()
  {
    if (self::$configuration)
    {
      self::$databaseManager = new sfDatabaseManager(self::$configuration);
      $doctrine = new sfDoctrineBuildTask(self::$configuration->getEventDispatcher(), new sfAnsiColorFormatter());
      $doctrine->setConfiguration(self::$configuration);
      $doctrine->run(array(), array("--db --and-load --no-confirmation --env=test"));
      if (SF_CONN) self::$connection = self::$databaseManager->getDatabase(SF_CONN);
    }
    else
    {
      throw new Exception("Unable to load the Database");
    }
  }
... ETC

On lance en fait la task doctrine:build directement via le PHP, avec la très importante option "--env=test" qui évite d'écraser votre base de donnée de travail

A vous de vous inspirer de ce code pour vos propres tests, il y a plein de possibilités (voir les lignes commentées dans le databases.yml) :

On peux utiliser une base de donnée éphémère en RAM
Utiliser une base MySQL classique, ou oracle, ou n'importe quoi qui est supporté par Doctrine
On peux choisir de charger des fixtures spécifique, ou pas...

Bref vous êtes les maitres du monde. Ce code est utilisé ici avec symfony 1.4 et phpunit.

Utiliser des fontes SVG avec Raphael.js

Damien ALEXANDRE — Fri, 02 Jul 2010 13:50:00 +0200

Raphael.js est une librairie javascript permettant de dessiner du SVG très simplement, et ce sur tous les navigateurs actuels, IE6 compris (en passant par VML).

Bref ça rox du poulet et je suis actuellement en train de jouer avec. Les limitations imposé par cette compatibilité sont assumées : il n'y a pas de méthode permettant d'utiliser tous les filters SVG comme feGaussianBlur ou feOffset (qui servent à dessiner une ombre portée) par exemple - tout simplement parce que ce n'est pas reproductible sous IE.

Heureusement il est possible d'étendre Raphael pour y ajouter nos propres méthodes et ainsi exploiter pleinement l'intégralité des spécifications SVG (à condition de faire fi de la compatibilité IE, mais on est là pour s'amuser non ?).

Mon besoin était de mettre en place une police personnalisée. Il y a plusieurs solutions :

utiliser des police "web safe" (dont le verdana, arial, helvetica...)
utiliser @font-face pour déclarer une nouvelle police en CSS
utiliser une fonte définie en SVG via la balise <font>

C'est ce dernier cas qui me paraissait le plus fun. J'ai donc trouvé une police libre, et j'ai convertie les glyphes qui m'intéressait en SVG grâce à l'excellent http://www.fontsquirrel.com/ !

Par contre, l'API de Raphael ne propose pas de méthode pour embedder une fonte externe. Voici ma solution, j'espère qu'elle vous sera utile

Raphael.fn.registerSvgFont = function (name, path)
{
var fontface = document.createElementNS("http://www.w3.org/2000/svg", "font-face");
fontface.setAttribute('font-family', name);
var fontfacesrc = document.createElementNS("http://www.w3.org/2000/svg", "font-face-src");
var fontfaceuri = document.createElementNS("http://www.w3.org/2000/svg", "font-face-uri");
fontfaceuri.setAttributeNS('http://www.w3.org/1999/xlink', 'href', path);
var fontfaceformat = document.createElementNS("http://www.w3.org/2000/svg", "font-face-format");
fontfaceformat.setAttribute('string', 'svg');
fontfaceuri.appendChild(fontfaceformat)
fontfacesrc.appendChild(fontfaceuri);
fontface.appendChild(fontfacesrc);
return this.defs.appendChild(fontface);
};

A utiliser de la façon suivante dans votre code :

paper.registerSvgFont('pixelsplitter', '../fonts/pixelsplitter-bold-webfont.svg');

createElementNS n'est pas compatible IE6 attention.

Installer XHProf sous Ubuntu 9.10 et PHP5.3 (dotdeb)

Damien ALEXANDRE — Wed, 16 Jun 2010 17:38:00 +0200

Si comme moi vous utilisez les dépôts dotdeb sur votre Ubuntu / Debian, l'installation de l'extension XHProf peut s'avérer fastidieuse...

Voici la procédure normale :

wget http://pecl.php.net/get/xhprof-0.9.2.tgz
tar xvfz xhprof-0.9.2.tgz
cd xhprof-0.9.2/extension
phpize
./configure
make
sudo make install
sudo make test

On télécharge, on compile, on installe et on test. Si vous n'avez aucun soucis jusque là, GOOD FOR YOU. Vous pouvez modifier votre php.ini et jouer avec XHProf :

[xhprof]
extension=xhprof.so
;
; directory used by default implementation of the iXHProfRuns
; interface (namely, the XHProfRuns_Default class) for storing
; XHProf runs.
;
xhprof.output_dir=(A REMPLIR)

Maintenant si vous êtes comme moi, vous obtiendrez surement une erreur du style :

PHP Warning:  PHP Startup: xhprof: Unable to initialize module
Module compiled with module API=20060613
PHP    compiled with module API=20090626
These options need to match

Normal ! Vous venez de compiler le module avec la mauvaise version de php5-dev (et donc de phpize). Pour vérifier votre version, faite un phpize -v, si vous êtes en PHP 5.3 ça devrait être 20090626.
Un petit tour dans apt-get nous apprend que php5-dev ne peux pas être mis à jour :

libtool (>= 2.2) mais 2.2.6a-4 devra être installé

Cette erreur ne veux pas dire grand chose, je ne l'ai toujours pas compris, mais il existe une solution ! Downgrader à la main libtool et réinstaller le tout (car php5-dev est bien disponible chez dotdeb dans la version qui va bien) :

cd /tmp
wget http://fr.archive.ubuntu.com/ubuntu/pool/main/libt/libtool/libtool_1.5.26-1ubuntu1_i386.deb
sudo apt-get remove libtool
sudo dpkg -i libtool_1.5.26-1ubuntu1_i386.deb
sudo apt-get install php5-dev

Maintenant que vous avez la bonne version de php5-dev tout devrait rouler (vous pouvez recommencer depuis le début de ce post :P), et là j'ai eu le problème avec XHProf mais j'aurais pu avoir le même sur n'importe quel compilation de module.

Petit test de Doctrine 2 beta 1

Damien ALEXANDRE — Mon, 31 May 2010 14:44:00 +0200

Tien, mais c'est vrai que j'ai un blog moi... Voici le copier / coller d'un billet écrit sur le blog de Clever Age par mes petits doigts potelés. Bisou.

Il y a environ 1 mois de cela, la première version bêta de Doctrine 2 a été rendue publique, une petite prise en main rapide s’imposait !

Je ne vais pas parler ici de l’intégration de Doctrine dans le framework MVC symfony, le plugin sfDoctrine2Plugin n’étant à l’heure actuelle pas testable en profondeur. Cet article porte donc sur Doctrine 2, l’ORM, uniquement.

Le schéma de description du modèle

Le classique schema.yml pour commencer, apporte son lot de nouveautés côté syntaxe. Il y a trois méthodes : XML, Yaml et DocBlock (sous forme d’annotations PHP). À vous de configurer le bon Driver (setMetadataDriverImpl(), dans votre configuration Doctrine), et donc de décrire votre modèle selon votre humeur :

La méthode recommandée par Doctrine est celle des annotations DocBlock. Leur écriture n’est pas très sexy, mais elles peuvent être générée depuis les autres formats :

<?php
namespace Entities;

/** @Entity @Table(name="users") */
class User
{
   /**
    * @Id @Column(type="integer")
    * @GeneratedValue(strategy="AUTO")
    */
   private $id;
   /** @Column(type="string", length=50) */
   private $name;
   /**
    * @OneToOne(targetEntity="Address")
    * @JoinColumn(name="address_id", referencedColumnName="id")
    */
   private $address;
}
?>

La notation XML (si vous utilisez un IDE XML-friendly, vous aurez l’auto-complétion pour toutes les balises et attributs) :

<?xml version="1.0" encoding="UTF-8"?>
<doctrine-mapping xmlns="http://doctrine-project.org/schemas/orm/doctrine-mapping"
     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
     xsi:schemaLocation="http://doctrine-project.org/schemas/orm/doctrine-mapping
                   http://doctrine-project.org/schemas/orm/doctrine-mapping.xsd">

   <entity name="Entities\User" table="users">
       <id name="id" type="integer">
           <generator strategy="AUTO"/>
       </id>
       <field name="name" type="string" length="50"/>
       <one-to-one field="address" target-entity="Address">
           <join-column name="address_id" referenced-column-name="id"/>
       </one-to-one>
   </entity>

</doctrine-mapping>

et, à l’ancienne, en Yaml :

Entities\User:
 type: entity
 table: users
 id:
   id:
     type: integer
     generator:
       strategy: AUTO
 fields:
   name:
     type: string
     length: 50
 oneToOne:
   address:
     targetEntity: Address
     joinColumn:
       name: address_id
       referencedColumnName: id

Vous noterez que la syntaxe est légèrement différente sur le format Yaml, mais pas de panique, la migration de vos projet de Doctrine 1 à Doctrine 2 est prévue, et on a donc une task ./doctrine orm:convert-d1-schema qui se charge de la conversion.

Les Entities et le EntityManager

Comme vous pouvez le voir dans la première méthode, la classe User que j’ai définie est une Entity ! C’est cette classe que je vais manipuler, et elle est vide. Pas de getter, pas de setter, pas de save(), elle n’étend rien...

C’est un des intérêts de Doctrine 2, tuer la magie (et ainsi améliorer les performances), c’est à vous d’écrire ce dont vous avez besoin, de façon explicite et ainsi plus simple à débugger.

À savoir que la majorité des IDE permettent de générer les getters/ setters de vos propriétés automatiquement.
Sachez qu’il existe aussi une classe nommée ActiveEntityque vous trouverez dans le namespace DoctrineExtensions, qui implémente sur les Entities qui l’étendent les getters / setters magique, le save(), le ArrayAccess, le toArray()... mais il n’est pas recommandé de l’utiliser (ce n’est pas "la façon de faire" en Doctrine 2).

Pour chaque connexion à votre base de donnée, vous avez un EntityManager.

$em = EntityManager::create($connectionOptions, $config);

C’est cette classe qui permet de récupérer et de sauver nos Entities. Ainsi pour créer un User dans ma base, je procède de cette façon :

$user = new \Entities\User();
$user->setName('Damien');
$em->persist($user);
$em->flush();

On donne des Entities à notre EntityManager (via la méthode persist()), et quand on souhaite mettre à jour la base de donnée, on flush(). Doctrine abandonne donc le pattern Active record au profit d’une approche de Data Mapping (qui profite de Reflection, introduit en PHP 5.3) :

because we think it hurts testability, project maintainability and is not a suitable abstraction (80/20) for models that exceed the complexity of a blog or otherwise simple web application

Côté requête, la magie des findBy* est toujours de la partie :

$user = $em->getRepository('Entities\User')->findOneByName('romanb');

(À noter que le Repository est commun à toutes les Entities par défaut, il est ensuite possible d’en créer des spécifique pour chaque Entity, et ainsi d’avoir des classes de type "UserTable" comme dans Doctrine 1).

La construction d’une requête plus complexe (avec des jointures par exemple) demandera de faire appel au DQL. C’est la méthode la plus puissante et la plus flexible pour récupérer des objets depuis la base de données. Il permet d’interroger la base dans un langage objet, avec nos noms de classes, nos champs, nos héritages et associations sans nous soucier du nom des champs effectivement en base. Il est très similaire au SQL, mais ce n’est PAS du SQL :

$em->createQuery('SELECT COUNT(a.id) FROM Entities\User u LEFT JOIN u.articles a WHERE u.username = ?1 GROUP BY u.id');

Le DQL de Doctrine 2 est très proche de ce qu’on faisait déjà avec Doctrine 1, avec quelques améliorations, comme par exemple la possibilité d’étendre le langage avec des fonctions non native.

Essayer Doctrine 2

À l’heure où j’écris ces lignes, la sandbox de Doctrine 2 beta 1 ne fonctionne pas très bien. La meilleure solution pour jouer avec Doctrine 2 est de télécharger les sources depuis le dépôt GitHub et de résoudre les dépendances comme expliqué ici. Un package entièrement prêt à l’emploi pour la sandbox est en cours de préparation. Il y a aussi un petit quick-start dans la documentation officielle.

Si vous souhaiter utiliser Mysql, modifiez les options comme ci-dessous dans index.php et cli-config.php :

$connectionOptions = array(
   'driver' => 'pdo_mysql',
   'user' => 'login',
   'password' => 'pass',
   'dbname' => 'dbname'
);

La documentation est très bien avancée, elle couvre déjà de nombreux domaines et c’est, pour l’instant, une des seules ressource viable.

Pour finir, en l’état le plugin sfDoctrine2Plugin (qui permet d’utiliser Doctrine 2 dans symfony 1, avec admin-generator, etc) n’est pas fonctionnel actuellement et il faudra encore attendre un peu avant de pouvoir l’utiliser entièrement.

Convertir une fonte TrueType ou OpenType en EOT Embedded OpenType sous Ubuntu Linux

Damien ALEXANDRE — Sun, 01 Nov 2009 18:18:00 +0100

Un titre à ralonge pour un petit tuto rapide qui va vous permettre de convertir vos polices de caractères OpenType (.otf) ou TrueType (.ttf) en Embedded OpenType (.eot), un format propre à Microsoft, utilisé dans Internet Explorer depuis Ubuntu Linux (je dis Ubuntu mais ça devrait fonctionner sur n'importe quel unix).

EOT est le seul format de police accepté par Internet Explorer, il va donc falloir convertir les polices que je souhaite utiliser avec @font-face pour assurer la compatibilité. Microsoft propose un outil pour faire ça (WEFT), mais il est mal fichu et ne tourne pas sous Wine (testé avec Wine 1.0.1 sous Ubuntu 9.10). On va donc se débrouiller autrement !

Let me introduce ttf2eot !

Il s'agit simplement d'un utilitaire en ligne de commande pour OpenTypeUtilities.cpp (une classe qui à la base vient de Chromium, le projet Open Source dont Google Chrome est issu). On télécharge donc les sources, et on fait un petit "make" dans le répertoire :

~/Bureau/ttf2eot-0.0.2-2$ make

Si tout se passe bien le binaire ttf2eot à été compilé (si ça foire, posez vous la question : est-ce que g++ est installé sur mon système ?).

Comme son nom l'indique, on a plus qu'a lui passer un ttf pour qu'il nous génére le eot correspondant :

~/Bureau/ttf2eot-0.0.2-2$ ./ttf2eot < ../delicious-123/Delicious-Roman.ttf > ../delicious-123/Delicious-Roman.eot

Deux paramètre : le fichier d'entrée, et de destination :
$ ./ttf2eot < input.ttf > output.eot
That's all !

Convertir un fichier OpenType

C'est bien beau mais si notre police de caractère n'est pas en TrueType, ttf2eot ne sert à rien. Il n'existe pas d'équivalent pour OpenType, mais il est possible de convertir une fonte OpenType en TrueType. Voici la marche à suivre. On va avoir besoin de fontforge :

$ sudo apt-get install fontforge

Ensuite on écrit un petit script shell qui nous évitera de passer par l'affreuse interface de fontforge (à sauver en otf2ttf.sh par exemple) :

#!/usr/local/bin/fontforge
# Quick and dirty hack: converts a font to truetype (.ttf)
Print("Opening "+$1);
Open($1);
Print("Saving "+$1:r+".ttf");
Generate($1:r+".ttf");
Quit(0);

(Petit script récupéré ici, merci )

On s'en sert donc pour convertir notre fichier otf en ttf (et ensuite, on utilise ttf2eot pour enfin obtenir le fichier eot !) :

$ fontforge -script otf2ttf.sh ../delicious-123/Delicious-Roman.otf

Utilisation de @font-face

Si vous vous intéressez à eot c'est que vous allez utiliser @font-face (grillé !), mais savez-vous comment l'utiliser proprement ?

@font-face {
font-family:'Delicious';
src: url('Delicious-Roman.eot');
src: local('Delicious Roman'), local('Delicious'),
url('Delicious-Roman.otf') format('opentype');
}

Pour les explications, veuillez vous référer au billet de Paul Irish, qui est à l'origine de cette solution (qui en gros permet en une seule fois de déclarer une police pour tous les navigateur, sans requête HTTP superflue).

Quelques liens :

compatibilité de @font-face (on y voit que Google Chrome n'active pas Web Font par défaut)
la police pour laquelle je me suis penché sur le sujet, Delicious (ces conditions d'utilisations autorise @font-face)

Ubuntu 9.10 et Gnome Shell

Damien ALEXANDRE — Sat, 31 Oct 2009 15:16:00 +0100

J'ai passé cette nuit mon PC fixe de Ubuntu 9.04 à Ubuntu 9.10 (Karmic Koala), aucun problème majeur à signaler pour une fois :-)

L'ensemble du système est toujours stable et mes applications ont survécus. Seulement je suis toujours déçu, et ce depuis quelques années maintenant, par l'aspect graphique général d'Ubuntu. On a enfin un boot graphique, mais il manque encore quelque chose. Et j'ai trouvé mon bonheur par hasard dans ce billet : Gnome Shell.

Gnome Shell est le remplaçant de gnome-panel et du window manager metacity prévu pour Gnome 3.0 (qui lui-même sera inclut dans Ubuntu 10.10 ! On a le temps (c'est dans un an)).

Il s'agit de remplacer toute l'interface utilisateur de Gnome (le menu / barre des tâche, bureau, etc) par quelque chose de beaucoup plus pratique ! C'est en tout cas l'effet que produit gnome-shell chez moi, j'ai le sentiment d'être dans un environnement beaucoup plus cool que le précédent : alors oui d'une part c'est le côté bling bling qui saute aux yeux, mais après quelques heures d'utilisation on se rend compte qu'on est vraiment aidé par cette nouvelle interface.

Suffisement parlé, place à une vidéo :

Pour l'installer sur votre 9.10, faite un petit apt-get du paquet gnome-shell, pour le lancer, il suffit de l'appeler dans un terminal :

gnome-shell --replace

Il va donc remplacer gnome-panel et metacity sans redémarrer la session. Ceci n'est pas permanent (gnome-shell est encore en cours de développement, bien que parfaitement stable) et donc il suffit de faire la manipulation inverse pour revenir à votre gestionnaire de fenêtre initiale :

metacity --replace
gnome-panel

Enjoy (site officiel).

Les sorties musicales du moment

Damien ALEXANDRE — Sun, 25 Oct 2009 22:05:00 +0100

Ce n'est pas parce qu'Hadopi 2 est passé qu'on doit s'empêcher d'écouter ce qu'on aime. Et ça tombe bien la période post-rentrée est pleine de sorties intéressantes :

Air - Love 2

Sortie au début du mois, le nouvel opus des deux Frenchies sonne comme un bol d'air frais (je sors ->[]). Je dis air frais, mais les influences sixties et seventies sont clairement affichés (Eat my beat) et c'est pas pour me déplaire. L'album est comme d'habitude planant, relaxant. Les mélodies, la production léchée, le son cristallin et la voix féminine sont toujours présents. Enregistré dans les nouveaux studios du groupe à Paris (vers Belleville \o/) ça ne les as pas empêché de sortir l'opus une semaine avant au Japon, pays dans lequel le groupe est une divinité (si si, les écolières tag leurs trousses au tipex, colle des écussons sur leurs sacs et se coiffent comme Nicolas Godin). Love 2 sur Spotify.

Massive Attack - Splitting the Atom

Massive Attack nous fait patienter avec un EP uniquement disponible en download et vinyl. Composé de 4 titres dont deux remix, ce nouvel opus est donc un avant gout de ce qui nous attends avec Weather Underground : leur véritable nouvel album qui a été repoussé à février 2010.

Les Anglais ont prévu 8 dates en France en ce mois de novembre, pour ma part je les vois le 11 au Zenith de Paris (avec Martina Topley Bird en première partie en plus !). Splitting the Atom sur Spotify.

Foo Fighters - Greatest Hits

Le groupe de Dave Grohl fête ses presque 15 ans d'existence avec son premier Greatest Hits (sortie le 3 novembre). On y retrouve donc tous leurs "tubes", sauf (et ça me fait bien rager) Let it die ! Pauvre de moi. Bon je crois que leur discographie est bien trop riche pour me contenter simplement d'une sélection. Il n'empêche que ce best of est dispo en vinyl... alors j'ai craqué

La tracklist :

All My Life
Best Of You
Everlong
The Pretender
My Hero
Learn To Fly
Times Like These
Monkey wrench
Big Me
Breakout
Long Road To Ruin
This is a Call
Skin and Bones
Wheels
Word Forward
Everlong (acoustic)

Je vous ai fait une playlist sur Spotify avec ces quelques titres. Wheels (sortie en single et ayant un clip) et Word Forward sont deux nouveaux titres enregistré exclusivement pour ce Greatest Hits (il ne s'agit donc pas de deux titres "cultes" du groupe).

Them Crooked Vultures - éponyme

Yeah ! Le super groupe de Josh Homme (le mec derrière les Desert Sessions et Queens of the stone age, deux monuments très important de ma bibliothèque musicale), Dave Grohl (batteur de Nirvana puis leader des Foo Fighters, il est aussi batteur sur "Songs for the deaf", LE meilleur album des QOTSA) et John Paul Jones (bassiste de Led Zep) sort donc son premier album le 17 novembre, avec un single (New Fang) qui sort normalement demain. Pour les avoir vu en live à Rock En Seine cet été, je peux juste dire que ça déchire sévère Je ne suis pas du tout objectif mais, on parle de rock là !!

Pour écouter ce que ça donne, à part youtube il n'y a rien pour l'instant.

EDIT : le premier single de Them Crooked Vultures : http://twt.fm/315221

Voilà c'est pas la première fois que je parle de musique sur ce blog, là il me paraissait important de parler de ces 4 sorties, je sais pas si ça en vaut la peine mais j'ai du coup ouvert une nouvelle catégorie. Peut être un moyen de faire revivre ce blog !

Mettre en place sfWidgetFormTextareaTinyMCE, symfony 1.2

Damien ALEXANDRE — Mon, 14 Sep 2009 10:45:00 +0200

Hey les gens, j'en vois de belles à propos de TinyMCE sous symfony 1.2 !

Non il n'y a aucun besoin de modifier le plugin sfFormExtra pour avoir un éditeur WYSIWYG sous symfony ! La marche à suivre est on ne peu plus simple (mais absolument pas documenté je vous l'accorde, ça manque).

Installer le plugin : ./symfony plugin:install sfFormExtraPlugin (un ./symfony plugin:publish-assets et un ./symfony cc sont aussi conseillés)
Télécharger TinyMCE, déplacer le répertoire tiny_mce dans web/js/ (c'est une dépendance externe qui n'est pas incluse dans sfFormExtra)

Déclarer l'utilisation du widget sfWidgetFormTextareaTinyMCE dans le configure() de votre classeForm :

$this->widgetSchema['content'] = new sfWidgetFormTextareaTinyMCE(array(
        'width'=>950,
        'height'=>350,
      ));

Et enfin, ajouter le javascript js/tiny_mce/tiny_mce.js à la réponse, dans le view.yml, ou un appel à

sfContext::getInstance()->getResponse()->addJavascript(sfConfig::get('sf_rich_text_js_dir').'/tiny_mce.js');

That's all.

Fin des vacances

Damien ALEXANDRE — Mon, 31 Aug 2009 23:34:00 +0200

C'était un bon mois d'août, retour aux choses sérieuses.

jQuery, éviter la soumission multiple d'un formulaire

Damien ALEXANDRE — Sun, 02 Aug 2009 12:17:00 +0200

Le morceau de code qui suit permet d'éviter la soumission multiple d'un formulaire en désactivant l'event submit d'un formulaire et en mettant les input submit en disabled dès la première soumission effectuée.

J'ai été incapable de trouver quelque chose de correct, il existe même des plugins jQuery pour faire ça mais ils sont mauvais et inefficace (oui, on peux soumettre un formulaire autrement que par un click! sur un input:submit...). Donc voilà je publie mon code, il sera peut être utile à toi, visiteur de l'internet mondial :

$(document).ready(function() {
  $('form').submit(function() {
    if(typeof jQuery.data(this, "disabledOnSubmit") == 'undefined') {
      jQuery.data(this, "disabledOnSubmit", { submited: true });
      $('input[type=submit], input[type=button]', this).each(function() {
        $(this).attr("disabled", "disabled");
      });
      return true;
    }
    else
    {
      return false;
    }
  });
});

Il s'agit en même temps d'un bon exemple d'utilisation de jQuery.data

PS : peux poser des problèmes avec les solution d'autocomplete pour jquery :/

PPS : non ce blog n'est pas mort, il survit.

Retour du Symfony Live 09

Damien ALEXANDRE — Mon, 15 Jun 2009 00:57:00 +0200

J'étais jeudi et vendredi dernier au Symfony Live 2009, petit retour rapide sur ce qui m'a plu, les choses que je retiens et le futur de symfony :

Où est charlie ? ^^

- J'ai vu Fabien P. en vrai WOW

- Doctrine c'est le futur (et Propel ne sera plus supporté par Sensio pour Symfony 2)

- Toujours pas de solution cool pour gérer les javascripts entre ceux de l'application, ceux des plugins... (les deux solutions présentés (pdf) me plaisent pas, pas envie de créer des fichiers de config en XML pour utiliser tel ou tel javascript).

- PHPEdit (un IDE Français orienté PHP) propose une version "symfony ready", avec de bonnes idées ! Mais c'est payant et Windows only : on va attendre Netbeans 7 (qui supportera aussi de façon avancée notre framework préféré). Pour ce qui est d'Eclipse... no comment.

- sympal c'est juste énorme... Très impressioné par ce que j'ai vu Drupal n'a qu'à bien se tenir ^^ Couplé au gestionnaire de média (pdf) de Xavier Lacot j'en parle même pas !

- Fabrice Bernhard nous prépare de bonnes choses concernant l'intégration de Facebook dans nos applications symfony (pdf) (connexion, création d'application...), conférences intéressantes (ne m'étant pas vraiment encore penché sur le sujet), un plugin à venir (sfFacebookConnect, qui interface sfGuard, la classe).

- A voir, un générateur de test fonctionnel ! L'idée est superbe, la réalisation aussi.

- Une action dans votre contrôleur ne devrait jamais faire plus de 10 lignes

- Il faut bien dormir entre les deux jours de conférences (le vendredi matin était pas facile :x)

- Merci pour le tee-shirt (quoi que je l'ai payé en fait :x)

- eyrolles va éditer un vrai livre en Français sur symfony \o/

- 600 plugins ! Combien sont vraiment utiles / utilisable dans le tas ?

- Les preExecute pas bien (pas explicite)

- Découverte du paramétre app:enable/disable

- Que de MAC dans la salle !

Voilà c'était bien, instructif, correctement organisé et dans un cadre sympa, 10/10.

Back to black vinyl

Damien ALEXANDRE — Fri, 10 Apr 2009 00:42:00 +0200

Alors qu'on est en plein débat (et dégustation de champomy) à propos d'Hadopi et des méchantes maisons de disques qui ne se font pas à l'idée que leur modèle économique doit évoluer,
je me suis retrouvé nez à nez avec une bonne initiative de la part d'Universal.

Ca s'apelle Back To Black Vinyl, et c'est simplement une sous marque pour vendre des LP réédités. Outre le fait que vendre des best-seller en microsillon neuf est une superbe idée (parce que oui en 1991 j'en avais rien à foutre de Nirvana), le disque est livré avec un code top secret de la mort.

Ce code sert à télécharger l'album en MP3, gratos, téléchargement unique, bonne qualité, mais sans les fritures ^^ Et j'ai bien cherché, aucune trace de DRM ou d'info personnelles cachées dans le fichier non plus. Je suis conquis \o/

A savoir que le disque vinyle a quelques 60 années, et est encore très utilisé, que ça soit par les audiophiles / obsédés du son / groupies (moi) ou par les plus grand disc-jockeys du monde. Vive l'analogique (non, cay pas sale).

Snippet : Propel dans un test unitaire (Symfony 1.0)

Damien ALEXANDRE — Fri, 27 Feb 2009 21:06:00 +0100

Les tests unitaires de base sous symfony 1.0 n'ont rien : pas d'autoload, pas de contexte (à l'inverse des tests fonctionnels).
Ce n'est pas extrêmement gênant, on peux inclure les lib dont on a besoin, mais quand on veux faire des appels à la base de donnée (et donc hydrater des objets, faisant souvent appel à de nombreuses classes liées...) c'est mission impossible.

Voici la solution à base de SimpleAutoload :

define('SF_APP',         'frontend');
define('SF_ENVIRONMENT', 'test');
define('SF_DEBUG', TRUE);
require_once($sf_symfony_lib_dir.'/util/sfCore.class.php');
sfCore::initSimpleAutoload(array(SF_ROOT_DIR.'/lib/model'
,$sf_symfony_lib_dir
,SF_ROOT_DIR.'/lib'
,SF_ROOT_DIR.'/apps/'.SF_APP.'/lib'
,SF_ROOT_DIR.'/plugins'));
set_include_path($sf_symfony_lib_dir . '/vendor' . PATH_SEPARATOR . SF_ROOT_DIR . PATH_SEPARATOR . get_include_path());
sfCore::bootstrap($sf_symfony_lib_dir, $sf_symfony_data_dir);
sfContext::getInstance();
Propel::setConfiguration(sfPropelDatabase::getConfiguration());
Propel::initialize();

Utiliser un environnement "test" permet d'utiliser une base de donnée différente (à configurer dans database.yml).
Ce code pourrait (et c'est préférable) être placé dans un nouveau bootstrap dédiée aux test unitaires avec propel (attention c'est consommateur de ressource quand même, donc à n'utiliser que par obligation - à moins d'être heureux d'attendre 10s avant chaque test). Tout de suite après vous pouvez tout faire comme dans une action symfony de base, vous avez accès à toutes vos classes.

Snippet : afficher la dernière requête (symfony)

Damien ALEXANDRE — Mon, 23 Feb 2009 15:38:00 +0100

J'inaugure une nouvelle "idée", plutôt que de twitter quelque chose qui serait trop vite perdu, ou de me les noter en cachette et d'en priver le monde entier, je posterais régulièrement les petits bouts de codes que je ne veux pas perdre.

On commence par quelque chose de vraiment archi basique mais loin d'être inutile Les objets Connection de Symfony ont une propriété lastQuery qui contient le SQL de la dernière requête.

Propel::getConnection()->lastQuery;

Where the fuck is the writer ?

Damien ALEXANDRE — Sun, 15 Feb 2009 13:13:00 +0100

Je remet en cause régulièrement l'existance de ce blog (à chaque fois qu'il reste plus de deux semaines sans contenu), mais un petit tour du côté des statistiques me remplis de remords et de pitiée, malgrès la qualité à la tangeante de la limite du bien vous êtes encore trop à vous abrutir / instruire / documenter / larver sur mes articles (raye la mention inutile). J'en conclus qu'il serait dommage de le rayer du oueb mondial.

J'aurais bien des trucs à blogguer, qu'on se le dise. Mais c'est pas vraiment dans la ligne éditoriale... pour peu qu'il y en ai une.

Pour ceux que ça intéresse, ma vie Parisienne se passe toujours bien, et le travail est toujours aussi motivant. J'apprend sans cesse de nouvelles choses, mes skills prennent des points et des bonus pack tous les jours, et c'est sacrément jouissif.

Sinon, je me suis mis à la photo. C'est marrant ce qu'on peux faire avec un reflex quand même ! Ca change complétement ma vision de la photographie, et je vais continuer de faire des photos môches jusqu'à ce qu'elle soit belles !

Voilà donc à dans 6 mois pour le prochain billet A moins que je décide de changer ma non-ligne éditoriale

Perspectives de mise en page css avec des tables

Damien ALEXANDRE — Sun, 30 Nov 2008 16:57:00 +0100

Billet initialement publié sur le blog de Clever Age : Perspectives de mise en page css avec des tables.

Derrière ce titre accrocheur se cache une propriété CSS qui fait beaucoup parler d’elle ces derniers temps, et pour cause, on va bientôt pouvoir l’utiliser pour de vrai : display:table;.

Historique de la mise en page

Il y a encore de cela quelques années, la grande majorité des sites web qui sortaient des agences étaient mis en pages avec des <table>. Cette balise HTML a l’avantage de grandement faciliter la conception de site en plusieurs colonnes, plusieurs parties, et ont des propriétés difficiles à reproduire avec des div flottantes.

On faisait des sites, ils fonctionnaient bien. Mais cette solution avait quand même ses défauts :

même pour un design simple, il était souvent nécessaire d’imbriquer plusieurs tableaux
le code devenait vite illisible, au vu du nombre de balises html nécessaires(des <table>, <tr>, <td>, ou encore <thead>, <th>...)
beaucoup de code signifie aussi beaucoup de bande passante

Mais le vrai problème, ce sont les standards et la sémantique. Un beau jour on s’est rendu compte qu’une table, ça ne servait pas à mettre en page, mais à présenter des données tabulaires. On s’est alors démené pour changer nos habitudes, et concevoir des sites accessibles, standards et à la sémantique cohérente [1].

La solution la plus souvent utilisée (ici même par exemple) pour concevoir un site en colonne (un menu, un contenu et un autre menu optionnel) se nomment le float et son ami le clear.

Technique éprouvée, mais franchement pas idéale, elle montre ses limites en de nombreuses circonstances : qui ne connait pas le Three Pixel Text Jog [2] ou le Doubled Float Margin [3] ? (Des combos uniquement disponibles sous IE)

Cette technique nous oblige aussi à ruser pour avoir visuellement des colonnes de même hauteur. En réalité, les colonnes de ce type site ne sont pas aussi longue que le contenu, on a mis une image en fond pour vous le faire croire [4] !

Elle a aussi la fâcheuse tendance à ne pas être à toute épreuve (si un contenu venait à être plus large que son conteneur, bonjour les dégâts).
Citons aussi la technique "position:absolute", moins problématique mais beaucoup moins souple (il y a aussi cette technique mais je ne la conseille pas :P).

Bref, avec les tables, c’était mieux et c’est là que display:table; intervient.

La propriété `display:table;`

Apparu dans la première version de CSS2 [5] (c’était il y a 10 ans au moins !), avec tous ces petits amis (inline-table, table-row-group, table-header-group, table-footer-group, table-row, table-column-group, table-column, table-cell, table-caption, mais on ne les verra pas en détails ici), l’implémentation de cette propriété dans les navigateurs web s’est faite très tard, et le couple IE6/IE7 ne la supporte pas [6] (46% de part de marché en octobre 2008 [7], on ne peux pas passer outre).

La bonne nouvelle, c’est le support complet de cette propriété dans IE8 beta 2 (en mode IE8). Si si bonne nouvelle, parce que d’ici trois ans on pourra peut-être enfin l’utiliser à tout va

En attendant, petit rappel du fonctionnement global de la propriété.

On va prendre l’exemple le plus utile, un layout en 3 colonnes avec un footer.

La solution à base de flottant est simple et rapide à coder, cependant si je veux que mes colonnes aillent toucher le footer, je suis obligé de tricher (image de fond à la place du fond gris clair) ou d’utiliser du Javascript.

Alors qu’en reprenant exactement le même code HTML, et en changeant juste un peu de CSS (on remplace les float:left; par des display:table-cell;) on est bon !

Pour visualiser ces pages web, cliquez sur les images (et utilisez un navigateur respectueux des standards).

Ce qui est magique avec ces propriétés c’est que nous ne somme pas obligés d’utiliser le display:table; et le display:row; avant d’avoir un display:table-cell;, en effet un tableau "anonyme" se place en parent des table-cell automatiquement. Ce dernier se charge d’englober les cellules qui se suivent dans la même ligne, les lignes qui se suivent dans le même tableau.

On pourrait trouver encore de nombreuses applications, les tableaux ont des propriétés vraiment intéressante (le vertical-align qui permet d’aligner n’importe quoi verticalement par exemple).

Est-ce vraiment utile et pouvons-nous l’utiliser ?

Comme je le disais en introduction, ces propriétés ne fonctionnent pas sous IE<8, bien sûr il existe des alternatives à base de hack mais elles sont complexes et difficiles à mettre en place, KISS [8].

Utiliser la magie des propriétés de table est techniquement envisageable (on peut tout à fait imaginer utiliser les floats pour IE, et garder les display:table; pour les navigateurs récents, mon code HTML est strictement le même pour les deux cas), mais cela relève plus d’un exercice de style pour site personnel que d’un choix pertinent. Utiliser cette technique à l’heure actuelle sur un site professionnel serait une perte de temps (et d’argent). En effet, le gain de temps acquis grâce à la souplesse de cette solution serait aussitôt perdu dans les tentatives de compatibilité avec IE en versions inférieures à la version 8.

En attendant la mort complète et définitive d’IE6 et d’IE7, ne changez pas vos habitudes : la mise en page reste un casse tête et la solution à base de floats (ou d’absolute, selon les gouts) a encore de beaux jours devant elle.

La vraie révolution de la mise en page en CSS pointera le bout de son nez avec CSS3, et permettra de définir nos layouts en ASCII !

[1] Pas convaincu ? shouldiusetablesforlayout

[2] Le bug du Three Pixel Text Jog

[3] Le bug du Doubled Float Margin

[4] Technique du Faux Columns

[5] La spécification W3C

[6] Détails de la compatibilité

[7] Les statistiques de W3schools

[8] Qu’est-ce que le KISS ?

Tu surf avec Firefox ? Tu es concerné

Damien ALEXANDRE — Fri, 14 Nov 2008 00:35:00 +0100

Depuis maintenant deux ans, je suis membre de l'April (http://www.april.org) qui est l'association nationale de référence pour la promotion et la défense du logiciel libre (citons Mozilla Firefox, Ubuntu, OpenOffice, Apache et une grosse partie du web). Son but est de promouvoir le logiciel libre, sensibiliser le plus grand nombre aux enjeux des standards ouverts, défendre le logiciel libre en amenant des décisions politiques favorables... (candidats.fr par exemple, c'est eux).

Afin de mieux promouvoir et défendre le logiciel libre l'April renouvelle sa grande campagne d'adhésion (plus on est de fou, et plus on a d'influence / de moyens...).

Adhérer à l'April n'implique pas d'être actif dans l'association. Mais forte de milliers de membres, l'April obtiendra plus facilement l'audience des élus et du gouvernement. Grâce à nos cotisations, elle pourra financer ses permanents et embaucher les personnes qu'exigent ses actions et les dossiers de plus en plus complexes qu'elle traite. Cette campagne d'adhésion a pour but de renforcer l'April dans sa représentativité et dans ses moyens d'actions. L'April souhaite atteindre dans un premier temps les 5 000 membres avant la fin de l'année 2008.

Voilà un peu de pub pour l'April donc ! On a en France une asso qui se bouge pour défendre nos libertés informatiques, à vous de voir si vous vous sentez concernés ou pas.

Cellule de table qui s'élargie en fonction du contenu

Damien ALEXANDRE — Sun, 26 Oct 2008 01:45:00 +0100

J'ai eu affaire récemment à un cas plutôt rare dans la longue liste des bugs de rendu sous IE.
Un input text de largeur exprimé en %, dans une cellule de tableau : si on lui met un contenu long, et sans espace (un email par exemple), la cellule du tableau est poussé en fonction de la longueur du texte de l'input.

Vous avez alors beau vous battre avec tous les overflow, width et autres display le problème est insolvable : les cellules d'un tableau sont prévus pour s'adapter à leur contenu, et IE décide d'agrandir l'input si celui-ci contient une longue chaîne.

La solution c'est la propriété table-layout ! C'est elle qui dit comment le navigateur est censé calculer la largeur des cellules du tableau, elle a 3 valeurs possibles :

auto : valeur par défaut, le contenu fait sa place et les width appliqué au tableau ne sont que des valeurs minimale
inherit : comme son nom l'indique, c'est papa qui décide
fixed : la valeur qui m'a sauvé ! Avec elle, toutes les cellules prennent la même largeur sans se soucier du contenu, et si on spécifie une width, elle est appliqué et respecté.

C'est (je pense) une propriété CSS assez méconnu et c'est pour ça que j'en parle (et ça me sert de mémo pour plus tard aussi ), cela dit ça n'explique pas le problème de l'input qui prend la largeur de son contenu.

Les sources de test : sans layout:fixed/avec layout:fixed.

C'est l'histoire d'un pot d'fleur

Damien ALEXANDRE — Sat, 20 Sep 2008 14:40:00 +0200

Dans le précédent billet je vous parlais d'un truc important qui se passerait dans ma petite vie le 10 septembre, et bim on est déjà le 20, ça fait 10 jours que vous vous desséchez devant votre ordinateur à rafraichir le vos flux RSS toutes les 5 min dans l'attente d'une réponse à la question qui nous anime tous : WTF. Si si, je le sais, j'ai reçu plusieurs mails de fans.

Bon pour faire bref et arrêter de tourner autour du pot, parce que le pot il en a marre qu'on lui tourne toujours autour... Mais si mettez vous un peu à sa place, il reste immobile toute la journée, se fait arroser et les gens danse et tourne autour de lui sans se soucier de ses petits soucis de pot ! Comme la hausse du prix de l'eau ou encore l'effet de serre et les problème d'évaporation précoce ! C'est pas toujours rose la vie d'un pot, en plus il doit s'occuper de ses locataires, les maintenir en vie malgré les intempéries et les mettre en valeur : tout un art.

Fermeture de la parenthèse

Donc je ne le disais pas, j'ai commencé mon tout premier CDI ce 10 septembre 2008, à Clever-Age (big up Oncle-Tom), un cabinet de conseil en architecture technique spécialisé dans la conception et l’intégration de systèmes informatiques flexibles reposant sur les nouvelles technologies : autrement dit, une agence web orienté technique.

Voilà alors premier vrai boulot, je réalise pas encore ce qui me tombe sur la tête, fini la vie étudiante, les réducs au ciné (pour 0.90€ je vais pas pleurer cela dit), les vacances scolaires, les profs absents... et bonjour la thune, le plaisir de se lever le matin pour faire ce que j'aime, les collègues compétents et motivés, les projets intéressants, les défis techniques, le partage des connaissances...

Mon premier projet me permet de mettre les pieds dans Symfony (cay cool) et Oracle (mais bon je préfère pas trop y toucher à lui :P). Pour moi Oracle c'est un programme de la Matrice, et c'est très bien comme ça !

J'ai l'impression d'avoir déjà plus appris en 10 jours qu'en 4 mois de stage : pas forcement d'un point de vue programmation pure, mais sur tous le reste, comme la gestion d'un développement avec Trac / Subversion, les petits plugins Eclipse qui vont bien, Symfony, PEAR... et c'est loin d'être fini

Autre fait marquant fortement lié, le 12 et le 13 septembre, c'était le Mystery Tour 2008 ! Le principe est simple, tous les ans tous les employés sont invités pour un weekend de ~~débauche~~fun - cette année on est allé en Camargue et à la Grande Motte, faire du quad, du cheval, du jet ski... classique quoi !

Hors sujet mais quand même intéressant (ou pas), me suis acheté un Picooz et ça défonce.

(Pas de photo en vol parce que 1, c'est pas facile à stabiliser, et 2 mon APN n'est pas assez rapide)