v3rgu1.com

Navegando por la red, y de casualidad (como la mayoría de los grandes descubrimientos), encontré yUML.

yUML es una aplicación web que nos permite crear diagramas UML totalmente on-line y de una forma rápida y sencilla.

Lejos de las típicas pesadas aplicaciones de escritorio que solemos utilizar a la hora de crear un diagrama UML, podremos generar con yUML diagramas sencillos (y agradables a la vista) en pocos minutos; y lo que es mejor y más importante, es una herramienta gratuita y no requiere ningún tipo de registro.

Al tratarse por lo tanto de una herramienta online, podemos a partir de ahora compartir nuestros diagramas en blogs, foros, emails, wikis, etc con un simple enlace de imagen, que como veremoa a continuación, incorpora el código del diagrama.

Lejos además también de los entornos gráficos del estilo drag & drop con los que solemos trabajar, yUML trabaja con un entorno de texto en el que indicaremos cada acción o relación existente en el diagrama UML.

A día de hoy, la herramienta yUML nos permite crear hasta 3 tipos de diagramas UML (que normalmente son los más utilizados):

• Diagramas de clases: http://yuml.me/diagram/class/draw
• Diagramas de actividad: http://yuml.me/diagram/scruffy/activity/draw
• Diagramas de casos de uso: http://yuml.me/diagram/scruffy/usecase/draw

La idea es sencilla, veámoslo con un ejemplo de diagrama de clases UML.

Conceptos básicos:

• – las clases se identifican entre corchetes [].
• – el orden de la relación con flechas ->
• – la cardinalidad con números y asteriscos *
• – los colores de fondo con la indicación: {bg: coloreninglés}, ejemplo: {bg: orange}

Aquí os dejo un diagrama de clases muy sencillo generado a partir el siguiente código:

# Travel UML Diagram
[Transport]^-[Train]
[Transport]^-[Flight]
[Transport]^-[Bus]

y su resultado final

Para los curiosos, fijaros en la URL de la imagen:

<img class="aligncenter" src="http://yuml.me/diagram/scruffy/class/%23%20Cool%20UML%20Diagram,%20%5BTransport%5D%5E-%5BTrain%5D,%20%5BTransport%5D%5E-%5BFlight%5D,%20%5BTransport%5D%5E-%5BBus%5D" alt="uml class diagram" width="323" height="235" />

Efectivamente, el código que habíamos creado inicialmente se incrusta dentro del html para poder generar nuestro diagrama final.