Un problème majeur dans la production d’une application, c’est de centraliser les informations. En effet, il existe maintenant les serveurs de versions (SVN, CVS, Team Foundation Server, …) ainsi que des outils de gestion de projet comme Trac avec des éditeurs de Wiki, report de bugs, etc …

Cependant, il nous manque bien souvent, des outils simples et flexibles que l’on puisse utiliser sur du Web pour faire de la conception avec des diagrammes UML sans passer par les mastodontes de la conception comme IBM Rationnal Rose, Sybase PowerAMC, Windev, et autres …

Voilà un plugin jQuery bien ambitieux, yUML vous permet d’écrire votre conception UML dans un environnement Web et de la générer instantanément.

Doucement ne sautons pas de joie imédiatement, il ne s’agit qu’une première version beta et elle se limite aux diagrammes de classes et aux cas d’utilisation (usecase)

L’ensemble des polices de caractères et images qui constituent le diagrammes sont entièrement configurables, on peut y ajouter de la couleur.

Le script générant le diagramme UML est écrit dans une div spécifique :

[Customer{bg:orange}]<>1->*[Order{bg:green}]
[Customer]-[note: Aggregate Root{bg:cornsilk}]

Voici un exemple de script pour générer un diagramme de classe simple :

On instancie un diagramme de classe avec le code suivant :

Le diagramme de cas d’utilisation (usecase) se construit avec le code suivant :

Voici une exemple de diagramme de cas d’utilisation que j’ai réalisé avec le programme du site officiel :

Ce petit programme s’avère intéressant pour des projets de taille modeste, il n’est pas le seul il existe déjà des outils principalement développés avec GWT (Google WebTool Kit) et avec le framework Dojo.

Le projet est téléchargeable sur le site officiel : http://yuml.me/