Le blog d'Alexandre JULIEN

Internet Explorer 9, Firefox 3.7 et Opera 10.6 : découverte et test des navigateurs à accélération matérielle

admin — Sun, 27 Jun 2010 21:15:04 +0000

Le 5 mai 2010, Microsoft nous a dévoilé la nouvelle version de son navigateur « Internet Explorer 9″ avec le lancement de plusieurs « previews » pour que le grand public puisse tester. L’objectif de Microsoft est clair sur cette nouvelle version : une amélioration totale du moteur de IE sur le plan respect des standards, intégration de HTML5 et amélioration des performances. Microsoft sort le grand jeu pour être compétitif sur les performances du navigateur : utiliser l’accélération matérielle de la carte graphique pour améliorer les performances du rendu d’une page Web.

Ce n’est pas une surprise, après avoir vu l’utilisation du GPU sur les lecteurs vidéos, les logiciels avec WPF et JavaFX, Flash et Silverlight, il fallait bien intégrer cela aux navigateurs internets.

Actuellement, seulement Internet Explorer 9, Firefox 3.7 alpha et Opera 10.5 utilisent cette fonctionnalité. Le principe est simple, le rendu HTML et CSS ainsi que les composants de la librairie canvas en HTML5 sont calculés à l’aide du processeur de la carte graphique en passant par Direct 2D sous Windows.

Nous allons effectuer des tests sur les versions Preview 3 de Internet Explorer 9 et alpha de Firefox 3.7. Nous prendrons également pour base les exemples de canvas fournis par Microsoft qui mettrons en évidence l’utilité de l’accélération du GPU.

Internet Explorer 9 (preview 3)

Internet explorer 9 n’offre pour l’instant qu’une instance de son moteur Web, c’est à dire que nous avons pas encore une ébauche du navigateur (navigation par onglet, nouvelle ergonomie) mais nous avons en revanche le rendu des pages.

Tout d’abord, la plateforme « Test Drive » de Microsoft veut se montrer d’une surprenante franchise ! Rien est caché sur la version antérieure et ses performances déplorables surtout au niveau de l’exécution de code Javascript. Un graphique avec toutes les versions des navigateurs récents montre qu’Internet Explorer 8 est démesurément largué en terme de performances sur le test SunSpider. En revanche ce n’est pas le cas de la version 9 de Internet Explorer qui offre des performances proches de Safari, Opera et Google Chrome.

De plus, Internet Explorer 9 se base sur des tests qu’ils ne citaient jamais auparavant, justement pour cause de mauvaises performances, ils ont également osés présenter leur nouvelle version au test Acid 3 principalement conçu pour mettre en évidence le respect des standards de la W3C et sur le CSS3.

Internet Explorer 8 avait un score désastreux sur ce test, en revanche les 3 previews de IE 9 ont révélés une véritable motivation de la part de Microsoft à s’aligner sur les standards des autres navigateurs. Les résultats respectifs des 3 previews sont : 35 % pour la première, 55 % pour la deuxième et maintenant pas moins de 83 % pour la preview 3 et pourra s’attendra à d’autres progressions.

Intéressons nous maintenant, à la grande nouveauté de Internet Explorer 9 : le rendu d’une page avec Direct 2D.

Face à des moteurs de rendu comme WebKit, il est évident que Microsoft devait entièrement repenser le système de rendu de Internet Explorer. Comme pour WPF, les pages rendus avec IE 9 dépendront de la carte de graphique pour accélérer l’affichage.

Cela va-t’il accélérer de manière drastique le rendu des pages Web ? Peut être pas pour toutes, en fait les gains de performances se manifestent surtout sur l’utilisation de librairies graphiques Canvas, et autres. Par exemple, il est difficile d’effectuer des animations telles que des portfolios en 3D sans l’utilisation de Flash ou Silverlight. Pourquoi tout simplement que c’est du suicide de gérer cela sans une accélération matérielle et c’est très exactement ce qu’à changer Microsoft sur IE9.

Voici un exemple particulièrement intéressant, il est accessible sur la « Preview Plateform » de Internet Explorer 9, il s’agit d’un diaporama en 2.5D (imitation 3D) de films du moment de IMDB. L’interface est incroyablement fluide, on arrive facilement au 60 fps avec une carte graphique modeste. Pour l’exemple, j’ai utilisé mon PC Portable équipé d’une ATI Radeon 3450 (entrée de gamme), et j’arrive à 35 fps en mode économie extrême sur la carte graphique et à 60 fps en mode normal.

Pour faire ce type d’animation vous êtes totalement obligé de passer par une solution externe pour avoir des performances potables (Flash, Silverlight ou JavaFX). Même les navigateurs les plus avancées et les plus performances comme Google Chrome 5 ou 6 échouent à ce test. En effet, on ne dépasse pas les 9 ou 10 fps avec ce navigateur même avec un processeur puissant.

Un autre test très intéressant est le FishTank, qui met en évidence les performances des navigateurs sur l’utilisation de la librairie Canvas. Les tests ont été effectué sur respectivement 10, 50, 100 et 500 poissons :

Firefox 3.7 (alpha 6)

Firefox bien décidé à prendre des parts de marchés sur Internet Explorer, s’est également penché sur le point de l’accélération GPU pour le rendu des pages. Ils utilisent le même système que Microsoft, calculer le rendu graphique avec Direct 2D, pour les autres systèmes d’exploitation cela fonctionnera avec OpenGL.

Cette fonctionnalité n’est disponible que sur une version alpha du prochain moteur de Mozilla, que l’on peut télécharger sur le site officiel.

A première vu, on voit que le rendu des pages est rapide, le test Acid 3 est complété à 97 % mais le test SunSpider donne une mauvaise note à Firefox, on a des performances environ 2 fois plus faibles que IE 9, Google Chrome et Opera.

Pour ce qui est du test de Microsoft sur les performances du diaporama IMDB, Firefox saccade un petit peu par rapport à IE 9 et offre des performances de 24 fps sur ma carte graphique. Les performances sont donc en retrait sur ce point par rapport à IE9 :

Même chose pour le test Canvas FishTank, les performances sont nettement inférieures à celle d’IE, ce même pas utilisable lorsqu’on sollicite un grand nombre de poisson sur l’application. Voici les résultats pour 10, 50, 100 et 500 poissons :

Les performances de Firefox sur ce test sont mauvaise au minimum 3 fois inférieures à celle de IE 9.

Cela dit le test de Microsoft met en oeuvre des cas que ne verrons probablement jamais mais IE 9 est bien armé pour y faire face.

Opera 10.6 (beta)

Opera utilise l’accélération matérielle du GPU depuis la version 10.5, c’est donc le seul navigateur à avoir une version stable qui utilise Direct2D. Nous allons testé la version 10.6 réputée pour ses performances et la comparer à IE 9.

Tout d’abord, Opera complète à 100 % le test Acid 3 et c’est également le navigateur ayant le moteur d’execution de Javascript le plus rapide du marché devant Google Chrome, Safari et IE 9.

Il restera donc un très bon choix pour les applications Web courant maintenant intéressons nous aux performances Direct2D sur les tests de Microsoft.

Tout d’abord sur le test de panorama video de IMDB, Opera reste très fluide, on obtient des performances de 42 fps :

Regardons maintenant les résutlats du test de FishTank qui met en évidence les performances de Canvas sur le navigateur. Les tests suivants ont été fait avec 10, 50, 100 et 500 poissons :

Opera 10.6 ne s’en sort pas mieux que Firefox 3.7 sur ce test, passé les 25 poissons, les performances sont désastreuses.

Conclusion

Difficile de savoir qu’elle est le navigateur qui auront le rendu le plus puissant étant donné que la librairie Canvas et l’utilisation du HTML5 sont assez rares sur le Web. En revanche, on notera un incroyable effort de la part de Microsoft sur son navigateur, il faut croire que la concurrence hostile a eu du bon pour motiver la firme. Sur les test utilisant la librairie graphique de façon intensive, Internet Explorer 9 est incontestablement le plus puissant et possède une longueur d’avance incroyable par rapport à Firefox et Opera. Si demain on utilise le HTML5 et les librairies graphiques IE9 sera certainement la meilleure solution pour gérer cela, Firefox et Opera auront du soucis à se faire. Mais c’est pour les navigateurs basés sur Webkit (réputé pour être le moteur de rendu HTML le plus puissant) comme Google Chrome ou Safari qui seront tout simplement largués si ils n’envisagent pas d’utiliser l’accélération de la carte graphique pour faire le rendu d’une page Web.

En revanche le test Peacekeeper ne donne pas raison à Internet Explorer 9.0 mais donne plus Opera 10.60 comme grand vainqueur et on se rend compte que certains rendu ne sont pas fluide sous IE 9. Cela remet en cause la pertinence des tests qu’ils soient de Microsoft ou d’ailleurs.

L’intérêt de cet article était de montrer l’importance que l’on a sous-traité le rendu d’une page Web à la carte graphique, peut être qu’avec cet effort qu’à fait Microsoft sur le HTML5 nous pourrions commencer à voir des pubs en HTML5, ainsi que de la vidéo et du contenu multimédia riche sans passer par un tier comme Silverlight ou Adobe Flash.

Mozilla Firefox doit redoubler d’effort sur son moteur Javascript face aux autres navigateurs s’ils veulent rester dans la course.

En tout cas, le fait que Internet Explorer 9 a rattrapé sous retard sur le respect des normes HTML, nous laisse optimiste sur l’avenir du Web tout entier.

Internet Explorer 9 ne sera compatible qu’avec Windows Vista et Windows 7 (on suppose que Windows Server 2008 aussi) et ne fonctionnera pas sur Windows XP.

Wordpress 3.0 : nouveautés du célèbre moteur de blog

admin — Fri, 18 Jun 2010 20:18:11 +0000

Wordpress 3.0 vient de sortir en version finale. Il est disponible sur le site officiel international de Wordpress.org en anglais et également en version française sur le site wordpress-fr.org.

Les nouveautés sont nombreuses :

- Le compte administrateur par défaut peut être nommer autrement que « admin » et on saisit le mot de passe dès l’installation.
- Les posts personnalisés : on peut créer des types de posts personnalisés et les paramètres pour créer une sorte de contexte autour d’un article.
- La gestion des menus : on a plus à choisir entre les catégories du blog et les pages CMS. On peut complètement administrer le menu depuis un manager très ergonomique.
- Multi-sites : aurevoir Wordpress MU et bonjour Wordpress 3, vous l’aurez compris, Wordpress 3.0 est nativement multi-site, plus besoin de passer par Wordpress MU, un grand soulagement pour les développeurs de plugins qui étaient obligés de se soucier du cas de Wordpress MU.
- Nouveau thème par défaut : le Twenty-Ten qui est entièrement paramétrable, il propose un header modifiable, un background modifiable, un menu dynamique, …

Télécharger Wordpress 3.0 (version Française)

Sondage : comment trouvez-vous le design et le contenu du blog ?

admin — Tue, 11 May 2010 17:57:46 +0000

Bonjour à tous, afin d’améliorer le contenu et l’ergonomie du blog, je vous propose de me faire part de vos suggestions et de votre appréciation à propos de ce dernier.

N’hésitez pas également à laisser des commentaires sur cet article ou à me contacter pour me faire part de vos suggestions ou critiques qui pourront m’aider à améliorer le blog.

Je vous remercie de l’intérêt que vous portez à ce site.

[polldaddy poll=3185024]

[polldaddy poll=3186758]

Listes des pays, régions, départements et villes aux formats sql, csv, xls et xml

admin — Fri, 30 Apr 2010 16:10:46 +0000

Voici des données utiles pour les entreprises, il s’agit de la liste de tous les pays du monde ainsi que des régions, départements et communes française que je mets à disposition aux formats SQL (MySQL), XML, CSV et XLS.

Liste des villes (sql, csv, xls, xml) [3,2 Mo]

Liste des départements (sql, csv, xls, xml) [12 Ko]

Liste des régions (sql, csv, xls, xml) [5 Ko]

Liste des pays (sql, cvs, xls, xml) [26 Ko]

Package Complet [3,3 Mo]

HP rachète Palm pour 1,2 Milliard de dollars

admin — Wed, 28 Apr 2010 21:18:56 +0000

La nouvelle vient d’être annoncer Palm vient de se faire racheter par le groupe Hewlett-Packard pour 1,2 milliard de dollars. La valeur de l’action de Palm est d’environ 17 $ et HP en a racheter la totalité.

Le développement de WebOS (le système d’exploitation développé par Palm basé sur un noyau Linux) ne devrait pas à se faire du soucis pour son avenir bien au contraire, HP pense que l’on pourra s’attendre à une ascension technologique importante de webOS.

La question est de savoir comment Palm va gérer son bouquet d’appareil Mobile basé sur du Windows Phone ou Windows CE avec les appareils de Palm. Comment HP va t’il gérer son partenariat avec la firme de Redmond pour les systèmes embarqués et les produits Palm ?

L’avenir le plus probable selon moi est de ne pas voir une véritable fusion entre HP et Palm mais je verrai plutôt HP laisser Palm comme une marque bien indépendante proposant des périphériques mobiles.

Merci à Mobile Crunch pour cette information.
Source : http://www.mobilecrunch.com/2010/04/28/hp-buys-palm-for-1-2-billion/

Team Foundation Server 2010 : installation et configuration

admin — Mon, 26 Apr 2010 20:07:38 +0000

La firme de Redmond sort son nouveau bouquet de développement avec la sortie du Framework .NET 4.0, Visual Studio 2010 et notamment la sortie du serveur d’intégration continu Visual Studio Team Foundation Server 2010.

Petit rappel, Microsoft fournissait une solution de contrôleur de version pour la collaboration du code source avec un produit nommé SourceSafe. Depuis la version 2005, SourceSafe fût abandonné pour un produit plus large et plus complet mais néanmoins assez onéreux : Team Foundation Server.

Il s’agit d’une solution conçu pour optimiser les développements .NET en terme de rapidité et de fiabilité. Team Foundation Server possède un contrôleur de version (assez semblable à SourceSafe mais beaucoup plus complet), un système de reporting avec SQL Server reporting qui diffuse des bilans concernant les évolutions de l’application et les résultats des test-unitaires lancés automatiquement et un builder permettant une compilation et un déploiement automatique des applications .NET. TFS possède également un gestionnaire de projets accessible via une interface Web et un module Sharepoint spécifique pour le travail collaboratif et la documentation du projet.

La version 2008 de Team Foundation Server était relativement complexe à mettre en place notamment à cause des dépendances avec Sharepoint et Reporting Services, nous allons voir qu’il n’en est pas de même avec la version 2010. L’installation et le paramètrage s’avère un petit plus « click click » et beaucoup plus simple à mettre en place que la version précédente. De plus, TFS 2010 peut s’utiliser à des fins plus restreintes comme simplement utiliser le contrôleur de version pour centraliser le code source.

Parmis les nouveautés de Team Foundation Server 2010, on retrouvera la possibilité de faire des tâches hiérarchiques dans la gestion d’un projet (WorkItems) et la possibilité de générer des schémas de versions avec le contrôleur de sources.

Nous allons voir dans ce tutoriel comment mettre en place un Team Foundation Server 2010 téléchargeable sur MSDN en RTM ou sur le site de Microsoft en version d’évaluation.

L’installation préalable d’un SQL Server 2008 est nécessaire pour le bon fonctionnement de TFS.

I. Installation

Une fois SQL Server 2008 installé avec le Service Pack 2 de Windows, vous pouvez lancer l’autorun du CD de Team Foundation Server 2010.

Suivez les instructions pour toute l’installation du logiciel, il s’installe très facilement sur le serveur. Faite une installation personnalité et sélectionnez tous les composants : la base de TFS, le proxy et le builder automatique.

L’installation se déroule normalement sans problèmes maintenant il nous faut paramétrer le Team Foundation 2010.

II. Configuration

La configuration de TFS 2010 est relativement facilitée si l’on met en place une annuaire d’utilisateur Active Directory. Comme tout bon produit Microsoft, TFS s’installe plus proprement en se basant sur des utilisateurs de l’annuaire de Windows.

Vous devez spécifier un utilisateur Root que vous aurez préalablement créer dans votre annuaire Active Directory faites un test pour vérifier de l’intégrité de votre utilisateur Root. Ce sera l’administrateur principale de TFS 2010.

La configuration standard de TFS 2010 est maintenant terminée, passons maintenant à l’étape de création de collection pour y déposer nos projets !

III. Création et configuration de collections

Pour la création d’une collection de projet, il faut impérativement la liée à une instance SQL Server 2008, spécifiez le nom de l’instance lors de la configuration :

Spécifiez maintenant l’URL de votre Sharepoint associé (cette étape est facultative car il n’est pas obligé de déployer un Sharepoint avec TFS 2010).

Vérifiez que votre configuration est correcte

L’installation de TFS 2010 est maintenant terminée, il ne vous reste plus qu’à paramétrer les droits d’accès au TFS.

IV. Utilisation sur un Visual Studio 2010

Vous devez télécharger Visual Studio Team Explorer 2010 sur le site de Microsoft pour installer le client TFS sur votre IDE.

Voici un exemple de configuration simple, il vous suffit de saisir l’url du serveur TFS avec le port et puis vous authentifiez avec votre login et mot de passe

Voici une capture de Team Explorer 2010 sur un projet ASP.NET MVC 2.0

Voici une capture d’écran du Team Web Access pour la gérer de projet de Team Foundation 2010, il s’agit de la même adresse que pour le Team Explorer.

En espérant, que ce tutoriel vous aura aider dans votre déploiement de serveur TFS 2010, je recommande vivement ce produit pour les projets .NET de grande envergure et malgré le prix de cette solution : autour de 3000 € la licence serveur et plus de 500 € par utilisateur !

Zend Framework #6 : Utilisation de Zend_Navigation

admin — Thu, 25 Mar 2010 15:54:54 +0000

Il est très utile dans une application Web d’avoir un système de navigation capable de cartographier les pages d’un site et d’en déduire des plan de site, fils d’arianes, menus, sitemap.xml, …

Zend_Navigation a été conçu dans cette optique, il propose un système de gestion de pages et des helpers pour générer des composants graphiques.

Nous allons voir dans ce tutoriel une façon simple de mettre en place Zend_Navigation :

Tout d’abord il nous faut définir la navigation et le conteneur de donnée. Dans notre cas, on stockera l’arborescence dans un fichier XML appellé ‘navigation.xml’ dans le répertoire « config ».

protected function _initNavigation() {
$this->bootstrap('layout');
$layout = $this->getResource('layout');
$view = $layout->getView();
$config = new Zend_Config_Xml(APPLICATION_PATH . '/configs/navigation.xml', 'nav');
$container = new Zend_Navigation($config);
$view->navigation($container);
}

Ensuite, on remplit le fichier « navigation.xml » pour créer notre navigation, on y indiquera la page d’accueil et une page de listing.
On se basera sur le système de routes pour donner le lien.


 
 
 Accueil
 index
 
  Liste CRUD
 listing

Et voilà la mise en place de Zend_Navigation est fini. Il ne vous reste plus qu’à utiliser des helpers pour appeler vos composants :
Pour le breadcrumb par exemple :

$this->navigation()->breadcrumbs()->setSeparator(" -> ");

Il existe d’autres façon d’intégrer Zend_Navigation sur une application notamment en intervenant directement sur le code. Cette méthode reste très simple mais très fonctionnelle. On y pourra voir des améliorations comme mettre en place un cache pour augmenter les performances.

Documentation PHP accessible depuis Google Chrome grâce à une petite extension

admin — Tue, 23 Mar 2010 20:50:10 +0000

Voici une petite extension sympa sur le navigateur Google Chrome : il s’agit d’un petit moteur de recherche sur le site PHP.net permettant d’accéder directement à la documentation officielle de PHP à partir du navigateur. Tout bête, mais très pratique !

L’extension est téléchargeable à cette adresse : https://chrome.google.com/extensions/detail/kfiahljocaflpaiopilgpiochncgdnhd

Les résultats de recherche sont identiques à ceux du moteur de recherche de PHP.NET

HipHop : quand Facebook revoit la runtime de PHP avec un compilateur C++ …

admin — Wed, 03 Feb 2010 10:21:31 +0000

Une rumeur circule depuis quelques temps, à propos d’une ré-inventation de PHP par Facebook pour optimiser les performances de leurs applications. Cette dernière a été désormais par la firme, un ingénieur a travaillé sur une refonte de la runtime de PHP afin d’avoir un résultat compilé et non plus interprété comme c’est le cas actuellement avec la runtime de Zend.

Le projet s’appelle HipHop et il s’appuie non pas sur un compilateur mais plutôt sur un transcodeur qui permet de passer d’un code PHP à un code C++ très optimisé et ce dernier pouvant être compilé avec g++.

Ce travail a mis plus de 2 ans avant de voir le jour et ce travail verra le jour très bientôt dans un projet Open Source sous licence Creative-Commons.

Voici le processus de HipPop pour optimiser une application PHP :

Il s’agit d’une transformation de code qui part de sources PHP, le code est parsé et ensuite optimisé avant d’être traduit en C++. Le code C++ est lui aussi optimiser et ensuite il est compilé via G++ en langage machine.

Certaines fonctions trop gourmande comme « eval() » ne seront pas supportées mais la globalité du langage est supportée.

Les essais de Facebook révèleraient un gain de performance de l’ordre de 80 % coté processeur et l’application Facebook elle-même devrait migrer sur cette technologie d’ici quelques semaines ou quelques mois. Ils devraient réduire de 50 % l’utilisation du CPU pour héberger Facebook ce qui constitue une économie intéressante puisqu’au dernières nouvelles Facebook, utiliserait plus 30 000 machines pour héberger son réseau social.

Zend Framework #5 : Routing et UrlRewriting avec Zend_Controller

admin — Mon, 18 Jan 2010 18:57:51 +0000

Un point essentiel à ne pas négliger sur une application Web est la ré-écriture d’URL via un système de routeur. Pourquoi ré-écrire des Urls alors que l’utilisateur n’en tape jamais directement ? Et bien tout simplement, parce que l’utilisateur ne comprend pas forcement où il se trouve sur le site en regardant une Url de type « index.php?category=43&id=32&session=ad4zcf43lpo&page=322214421″. Une url comme « maboutique.com/composants/processeurs/intel/liste-des-processeurs.html » est beaucoup plus parlante.

La preuve c’est qu’ il s’agit du 3ème point qui influe le plus le référencement d’une page. Et puis on peut également avoir besoin internationaliser ses urls.

Zend Framework possède un routeur, qui permet de manipuler plus facilement les liens entre les pages au sein d’une application et également de faire de la réécriture.

Cette étape se fait au sein du Bootstrap d’une application Zend Framework et grâce à Zend_Controller.

Il faut tout d’abord surcharger la méthode _initAutoLoad() du Bootstrap et récupérer l’instance de Zend_Controller


class Bootstrap extends Zend_Application_Bootstrap_Bootstrap {

// Surcharge de _initAutoLoad
protected function _initAutoload()

{
$moduleLoader = new Zend_Application_Module_Autoloader(array('namespace'=>'', 'basePath'=>APPLICATION_PATH));

$frontController = Zend_Controller_Front::getInstance();
$router = $frontController->getRouter();

return $moduleLoader;
}

}

Ensuite il suffit simplement de créer ses routes et de les rajouter au routeur du contrôleur.
Pour cela on a plusieurs possibilités, on peut créer des routes statiques, des routes basées sur les modules, etc …
Le plus efficace est de créer des routes à partir d’URL pré-formatées grâce à des expressions régulières.
On devra donc créer des instances de la classe Zend_Controller_Router_Route_Regex.

On la construira avec les arguments suivants :

1) La route : sous forme d’expression régulière (exemple : ‘produits/(.+)/(.+)/article-(.+)-(.+).html’)
2) Le lien MVC : il faut donner les éléments statiques pour accéder à la page, c’est à dire le module, le contrôleur et l’action cible (exemple : array(‘module’ => ‘default’, ‘controller’ => ‘products’, ‘action’ => ’showProduct’))
3)Le mapping des paramètre : on donne dans l’ordre le nom des paramètres que l’on passera dans l’Url (exemple : array(1 => ‘category’, 2=> ’subcategory’, 3 => ‘product_title’, 4 => ‘product_ref’))
4) Le chemin inverse : une version de l’url interprétable par la fonction sprintf() de PHP (exemple : ‘produits/%s/%s/article-%s-%d.html’)


class Bootstrap extends Zend_Application_Bootstrap_Bootstrap {

// Surcharge de _initAutoLoad
protected function _initAutoload()

{
$moduleLoader = new Zend_Application_Module_Autoloader(array('namespace'=>'', 'basePath'=>APPLICATION_PATH));

$frontController = Zend_Controller_Front::getInstance();
$router = $frontController->getRouter();

// Nouvelle route pour accéder à produit
$article = new Zend_Controller_Router_Route_Regex(
 'produits/(.+)/(.+)/article-(.+)-(.+).html',
 array('module' => 'default', 'controller' => 'products', 'action' => 'showProduct'),
 array(1 => 'category', 2=> 'subcategory', 3 => 'product_title', 4 => 'product_ref'),
 'produits/%s/%s/article-%s-%d.html');
$router->addRoute($article);

return $moduleLoader;
}

}

Ainsi on pourra créer et appeler une url de type : « www.maboutique.com/produits/processeurs/dual-core/article-intelcore2duo-PI5421.html »