Introducción

Mediante esta funcionalidad, se va a poder crear diagramas desde Control Panel que se asocien a una Aplicación, y que permitan describir diferentes aspectos de esta, como por ejemplo los casos de uso, su arquitectura lógica, la arquitectura de despliegue, etc.

Open

Como tecnología base para los diagramas se usa mxGraph, una librería JavaScript de diagramado que permite crear diagramas al estilo DrawIO y que ofrece un completo set de shapes:

Open

Esta librería, como el resto de componentes que utilizamos, es de código abierto, y se encuentra disponible en GitHub:

Cómo se utiliza

Los diagramas están pensados para usarse dentro de una Aplicación y, por tanto, se crean desde dentro de una ellas.

La creación de un diagrama se hace desde la opción «Diagrams» de una Aplicación. Para acceder a ella, habrá que editar la Aplicación, y en el listado de opciones aparecerá. En ella se podrá visualizar una lista con todos los diagramas creados en la Aplicación.

Para crear un nuevo diagrama, se pulsará en el botón de «Create». Esto dará lugar a que aparezca en pantalla un editor donde se podrá crear uno nuevo:

Una vez creado según las necesidades, el diagrama se podrá guardar pulsando en el botón de «Save Changes», o mediante el atajo de teclado «Control + S». Se mostrará entonces un cuadro de diálogo donde se podrá dar nombre al diagrama:

Una vez salvado, el nuevo diagrama aparecerá en la lista de diagramas previa, donde podrá ser visualizado o editado por aquellos usuarios que tengan acceso a la Aplicación.