Skip to content

Diagramas de Clases con VGen

Cuando se usa VGen, se obtienen también los diagramas de clases del diseño y el de la implementación en formato PlantUML en la carpeta /vgen.output/uml/.

La diferencia entre estos dos diagramas es que el segundo tienen más detalle, ya que incluye también las clases abstractas generadas y, por tanto, muestra cómo se ha agrupado el código común de las clases, cosa que no es relevante en un diagrama de diseño.

En cualquier caso, ambos tienen indicados, en distintos colores, qué atributos y relaciones se añadieron en cada etapa del compilador.

Para obtener una versión svg o png de dichos diagramas, basta con seguir los siguientes pasos:

  1. Ir al online server de plantuml.
  2. Abrir con cualquier editor de texto el diagrama ubicado en la carpeta /vgen.output/uml/ para el que se quiera generar la imagen.
  3. Copiar el contenido de dicho fichero y pegarlo en el editor de texto del online server (borrando el texto de muestra que la página pudiera tener).
  4. Pulsar el botón Submit.
  5. Una vez que haya aparecido el diagrama UML, pulsar el enlace correspondiente al formato gráfico deseado para así abrir una nueva ventana con el diagrama limpio y libre del resto de los elementos de la página web.
  6. Guardar la página con la opción "Guardar como..." del navegador.

Siguiendo el proceso anterior es como se han obtenidos los diagramas de clases de MLang mostrados en los apartados anteriores: el de diseño y el de implementación.

Nótese que, a la hora de generar las imágenes, se pueden elegir entre distintos estilos. Por ejemplo, el siguiente es el diagrama de diseño en estilo sketchy:

alt