{"id":343,"date":"2021-01-11T10:45:04","date_gmt":"2021-01-11T10:45:04","guid":{"rendered":"https:\/\/ingenieriadesoftware.es\/?p=343"},"modified":"2021-01-11T14:14:24","modified_gmt":"2021-01-11T14:14:24","slug":"la-manera-mas-rapida-de-crear-diagramas-uml-10-herramientas-online-para-el-modelado-textual","status":"publish","type":"post","link":"https:\/\/ingenieriadesoftware.es\/la-manera-mas-rapida-de-crear-diagramas-uml-10-herramientas-online-para-el-modelado-textual\/","title":{"rendered":"25+ herramientas para modelar programando"},"content":{"rendered":"

Una herramienta de modelado textual permite la definici\u00f3n de modelos UML (o ER o BPMN,…) con texto en lugar de tener que dibujarlos. Cada herramienta utiliza su propia notaci\u00f3n textual para “escribir” los modelos (aunque la mayor\u00eda utiliza lenguajes simples y que recuerdan a notaciones t\u00edpicas de programaci\u00f3n). A partir de ese texto, la herramienta es capaz de crear autom\u00e1ticamente la representaci\u00f3n gr\u00e1fica “tradicional”. Este tipo de herramientas son cada vez m\u00e1s populares y ahora se est\u00e1n dando a conocer con el nombre de herramientas para dibujar diagrams as code\u00a0<\/strong>(el resaltar la palabra “c\u00f3digo” se debe a las mismas razones por las que est\u00e1 tan de moda halbar de herramientas low-code<\/a>).<\/p>\n

El mercado de las herramientas UML textuales es uno de los que m\u00e1s crece <\/strong>. Conjuntamente con las herramientas de modelado en la web,<\/a>\u00a0son la opci\u00f3n perfecta para todos aquellos que buscan una soluci\u00f3n “ligera” para dibujar modelos <\/a>.\u00a0Como adem\u00e1s, las herramientas de modelado textuales tienen un editor online, son la opci\u00f3n perfecta para todo dise\u00f1ador ocasional.<\/p>\n

Adem\u00e1s, estas herramientas son muy f\u00e1ciles de usar y se integran bien con el resto de herramientas de desarrollo<\/strong> (como las de control de versiones) gracias a que el modelo se guarda como texto puro. Y, no nos enga\u00f1emos, muchos programadores se sienten m\u00e1s c\u00f3modos con lenguajes textuales que con gr\u00e1ficos. Eso s\u00ed, lo que se puede llegar a modelar con texto es limitado. Es por eso que, como dec\u00eda, estas herramientas UML son especialmente \u00fatiles para hacer bocetos o esquemas r\u00e1pidos (ejemplo para documentaci\u00f3n o discusiones de dise\u00f1o) m\u00e1s que como parte de una actividad de modelado completa.<\/p>\n

\u00bfInteresado? Veamos todas las herramienta de tipo “diagrams as code” que conozco. S\u00f3lo menciono aquellas que son directamente utilizables para un usuario final, no incluyo librer\u00edas JavaScript que puedan utilizarse para construir tu propio editor, para eso mira esta lista con las mejores librer\u00edas JavaScript para el dibujo de modelos<\/a>.<\/p>\n

Modelado textual para UML<\/h2>\n

Comento a continuaci\u00f3n las herramientas que m\u00e1s me gustan (en ning\u00fan orden en particular). F\u00edjate que si est\u00e1s interesado en diagramas de clase, secuencia o casos de uso, no tendr\u00e1s problemas en encontrar una herramienta que te guste. Para otros tipos de diagramas UML<\/a>\u00a0la oferta es mucho m\u00e1s limitada.<\/p>\n

PlantUML<\/h3>\n

PlantUML<\/a>\u00a0es sin duda la herramienta m\u00e1s conocida.\u00a0 Hemos hablado de ella en profundidad anteriormente (no te pierdas\u00a0esta entrevista con el creador de PlantUML)<\/a> pero as\u00ed como resumen r\u00e1pido, PlantUML soporta todos los diagramas UML imporatntes pero su mayor virtud es el ingente\u00a0 ecosistema de extensiones para PlantUML<\/a>\u00a0 que permiten utilizar PlantUML en una ampl\u00edsima variedad de escenarios (Word, Google Docs, WordPress, Jekyll, … )<\/p>\n

PlantText UML Editor<\/a>\u00a0permite utilizar PlantUML en un editor online.<\/p>\n

\"PlantUML<\/a><\/p>\n

yUML<\/h3>\n

yUML<\/a>\u00a0es un servicio online para la creaci\u00f3n de diagramas de clase y casos de uso (m\u00e1quinas de estado y diagramas de actividades deber\u00edan llegar pronto). Como para el caso de PlantUMLL, el modelo generado se puede incrustar f\u00e1cilmente en blogs, emails, wikis, Word,… .<\/p>\n

El servicio se puede llamar directamente desde tu blog o p\u00e1gina web incluyendo en la URL de llamada la descripci\u00f3n textual del modelo como par\u00e1metro. Previo pago, se puede usar tu propio dominio o incluso instalar el servicio en tu propio servidor. Viene tambi\u00e9n con\u00a0integraciones predefinidas con otras herramientas<\/a>.<\/p>\n

\"\"<\/a><\/p>\n

Nomnoml<\/h3>\n

La aplicaci\u00f3n web\u00a0nomnoml<\/a>\u00a0incluye un editor textual a la izquierda y una visualizaci\u00f3n autom\u00e1tica del texto en ese editor a la derecha. Se ejecuta completamente en el cliente con lo que los cambios se guardan en el navegador y deber\u00edan estar ah\u00ed la pr\u00f3xima vez que visites la web. Tambi\u00e9n puedes usar la versi\u00f3n standalone de\u00a0nomnoml<\/a>\u00a0y importar la librer\u00eda javascript correspondiente para integrar sus funcionalidades en tu propio proyecto. C\u00f3digo fuente disponible en GitHub<\/a>.<\/p>\n

\"nomnoml<\/a><\/p>\n

<\/div>\n

TextUML<\/h3>\n

TextUML Toolkit <\/a>\u00a0es un IDE para UML cuyo objetivo es crear modelos a la misma velocidad que uno escribe c\u00f3digo para as\u00ed mejorar la productividad del modelador. TextUML es compatible con todas las herramientas compatibles con modelos\u00a0Eclipse UML2<\/a>\u00a0. Hay que destacar que TextUML ofrece todas las funcionalidades que esperas de cualquier IDE (como syntax highlighting). Cualquier herramienta UML de Eclipse se puede usar para despu\u00e9s visualizar estos modelos.<\/p>\n

\"\"<\/a><\/p>\n

UML Graph<\/h3>\n

UML Graph <\/a> dibuja autom\u00e1ticamente tanto diagramas de clase como de secuencia. Para los de clase, utiliza una sintaxis basada en Java y complementada con javadoc tags. Al ejecutar UmlGraph on esa especificaci\u00f3n se genera un diagrama Graphviz.<\/p>\n

En cambio, para los diagramas de secuencia utiliza un m\u00e9todo diferente (justamente el uso de utilizar dos mecanismos diferentes ser\u00eda en mi opini\u00f3n un punto negativo para la herramienta). Pic macros se utilizan para definir los objetos y invocaciones de m\u00e9todos. A continuaci\u00f3n un programa pic2plot procesa las macros para generar PNGs y otros formatos gr\u00e1ficos. LightUML <\/a> integraUMLGraph en Eclipse. UMLGraph en GitHub<\/a>.<\/p>\n

\"\"<\/a><\/p>\n

Umple<\/h3>\n

Umple <\/a> puede usarse como herramienta UML textual aunque su objetivo real es ligeramente diferente: Umple mezcla los conceptos de programaci\u00f3n y dise\u00f1o a\u00f1adiendo abstracciones de modelado directamente en lenguajes de programaci\u00f3n. De momento, Umple soporta Java, PHP y Ruby. Y les a\u00f1ade primitivas de UML como atributos, asociaciones y m\u00e1quinas de estados. Este\u00a0post explica Umple con m\u00e1s detalle<\/a>.<\/p>\n

\"UmpleOnline<\/a><\/p>\n

ZenUML<\/h3>\n

ZenUML<\/a>\u00a0es una de las \u00faltimas herramientas a aparecer en el mercado. En esta entrevista, el propio autor explica el porqu\u00e9 pens\u00f3 que ZenUML era necesaria<\/a>\u00a0cuando hay ya tantas herramientas. En resumen, su objetivo era hacer que la creaci\u00f3n de diagramas de secuencia complejos fuera muy r\u00e1pida cosa que, en su opini\u00f3n, no pasa en las otras herramientas que se dedican a cubrir los casos m\u00e1s f\u00e1ciles.<\/p>\n

\"\"<\/a><\/p>\n

Chart Mage<\/h3>\n

Chart Mage<\/a>\u00a0facilita la creaci\u00f3n de diagramas de flujo y de secuencia. Aqu\u00ed tienes m\u00e1s detalles<\/a>, pero sin duda la principal caracter\u00edstica de Chart Mage es su opci\u00f3n de “autocomplete” que intenta adivinar lo que vas a escribir a continuaci\u00f3n en funci\u00f3n del modelo que has escrito anteriormente y las posibilidades de la sintaxis UML.<\/p>\n

\"\"<\/a><\/p>\n

DotUML<\/h3>\n

DotUML<\/a> cubre diagramas de casos de uso, secuencia, estados, clase y despliegue. Se puede usar de forma independiente v\u00eda su aplicaci\u00f3n web<\/a> para crear y exportar diagramas. O c\u00f3mo plug-in integrado en Office, Google Docs o Confluence. DotUML est\u00e1 implementado como una aplicaci\u00f3n javascript que se ejecuta localmente en el navegador. No se usan servicios externos de forma que tus datos nunca salen de tu ordeandor. \u00c9sta es una de sus mayores ventajas respecto a otros competidores como PlantUML.<\/p>\n

Otras alternativas (s\u00f3lo para diagramas de secuencia)<\/h3>\n

Los diagramas de secuencia est\u00e1n entre los m\u00e1s utilizados. Varias herramientas se especializan en el dise\u00f1o textual de este tipo de diagramas.<\/p>\n

WebSequenceDiagrams<\/a>\u00a0es un editor para diagramas de secuencia UML. Puedes guardar y exportar el diagrama y elegir entre una variedad de notaciones alternativas para presentar los diagramas como m\u00e1s te interese. La versi\u00f3n de pago te permite instalar y ejecutar el software en tu propio servidor.<\/p>\n

\"\"<\/a><\/p>\n

SequenceDiagram.org\u00a0<\/a>\u00a0es bastante similar a la anterior tanto en funcionalidad como en estilo y apariencia.<\/p>\n

BlockDiag\u00a0<\/a> y su familia de subherramientas genera diagramas a partir de archivos de texto siguiendo una sintaxis similar a la del formato DOT de graphviz.\u00a0 Entre los diagramas que es capaz de generar, encontramos los diagramas UML de actividad y de secuencia.<\/p>\n

Swimlanes<\/a>\u00a0es una herramienta online espec\u00edfica tambi\u00e9n para diagramas de secuencia. Los diagramas se pueden exportar como un archivo de imagen o puedes usar la URL permanente generada por la herramienta para a\u00f1adir directamente el diagrama en tus documentos.<\/p>\n

\"\"<\/a><\/p>\n

Y si s\u00f3lo quieres crear r\u00e1pidamente diagramas de flujo, m\u00edrate code2flow<\/a>.<\/p>\n

De LaTeX a UML<\/strong><\/h3>\n

Los fans “hardcore” de LaTeX tambi\u00e9n merecen nuestra atenci\u00f3n. Algunas maneras para incrustar f\u00e1cilmente modelos UML en ficheros TeX:<\/p>\n