{"id":995,"date":"2022-11-25T00:00:00","date_gmt":"2022-11-24T23:00:00","guid":{"rendered":"https:\/\/programaraciegas.net\/?p=995"},"modified":"2022-11-01T08:04:12","modified_gmt":"2022-11-01T07:04:12","slug":"dibujar-diagramas-con-plantuml","status":"publish","type":"post","link":"https:\/\/programaraciegas.net\/?p=995","title":{"rendered":"Dibujar diagramas con PlantUML"},"content":{"rendered":"<p>El <a href=\"https:\/\/plantuml.com\/es\/\">proyecto de software libre PlantUML<\/a> busca proporcionar un mecanismo para dibujar diagramas mediante un c\u00f3digo sencillo en texto.<\/p>\n<p>PlantUML utiliza la plataforma Java para su herramienta de generaci\u00f3n de diagramas. Esto a diferencia de <a href=\"https:\/\/mermaid-js.github.io\/\">Mermaid<\/a> facilita que la herramienta \u00a0pueda ejecutarse localmente aunque tambi\u00e9n se dispone de un servicio de <a href=\"https:\/\/www.plantuml.com\/plantuml\">PlantUML onLine<\/a>.<\/p>\n<h2>Instalaci\u00f3n de PlantUML<\/h2>\n<p>La instalaci\u00f3n de PlantUML en sistemas MacOS y Linux es muy sencilla ya que se encuentra disponible en varios repositorios.<\/p>\n<p>Por ejemplo instalar PlantUML en MacOS es muy sencillo si ya se posee la herramienta HomeBrew. Ser\u00eda tan sencillo como ejecutar el siguiente comando en la Terminal de Mac:<\/p>\n<p>brew install plantuml<br \/>Una vez instalada simplemente en la Terminal ejecutar\u00edamos el comando <strong>plantuml<\/strong> pasando como par\u00e1metro el fichero de texto con la informaci\u00f3n de nuestro diagrama.<\/p>\n<h2>Ejemplo de diagrama de estado<\/h2>\n<p>Como vimos en el art\u00edculo sobre <a href=\"https:\/\/programaraciegas.net\/?p=978\">dibujar diagramas con Mermaid<\/a> tenemos un diagrama de estado que representa los posibles estados de un ser vivo.<\/p>\n<p>En PlantUML el c\u00f3digo ser\u00eda algo como:<\/p>\n<pre>@startuml<br \/>[*] --&gt; Nacer<br \/>Nacer -&gt; Crecer<br \/>Crecer -&gt; Reproducirse<br \/>Reproducirse -&gt; Envejecer<br \/>Envejecer -&gt; Morir<br \/>Morir --&gt; [*]<br \/>@enduml<\/pre>\n<p>El diagrama generado tiene el siguiente aspecto:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" style=\"display: block; margin-left: auto; margin-right: auto;\" title=\"diagramaConPlantuml.png\" src=\"https:\/\/tyflosaccessiblesoftware.com\/programaraciegas\/blog\/wp-content\/uploads\/2022\/11\/diagramaConPlantuml.png\" alt=\"Diagrama de estados generado con PlantUML\" width=\"530\" height=\"221\" border=\"0\" \/><\/p>\n<p>Adem\u00e1s PlantUML permite exportar a un formato ASCII en texto que puede resultar interesante para leer con l\u00edneas braille.<\/p>\n<p>El anterior diagrama tiene el siguiente aspecto en ASCII:<\/p>\n<pre>,------.                                                  <br \/>|*start| <br \/>|------| <br \/>`------' <br \/>| <br \/>| <br \/>,-----. ,------. ,------------. ,---------. ,-----.<br \/>|Nacer| |Crecer| |Reproducirse| |Envejecer| |Morir|<br \/>|-----|---|------|---|------------|---|---------|--|-----|<br \/>`-----' `------' `------------' `---------' `-----'<br \/>| <br \/>,----.<br \/>|*end|<br \/>|----|<br \/>`----'<\/pre>\n<h2>Conclusiones<\/h2>\n<p>En conclusi\u00f3n podemos indicar que PlantUML proporciona una herramienta local sencilla y r\u00e1pida para generar cierto tipo de diagramas. Proporciona algunos mecanismos de personalizaci\u00f3n que la hacen interesante para usuarios ciegos que dispongan de l\u00ednea braille aunque su sintaxis quiz\u00e1s pueda ser m\u00e1s engorrosa que Mermaid para algunos tipos de diagramas de ingenier\u00eda.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>El proyecto de software libre PlantUML busca proporcionar un mecanismo para dibujar diagramas mediante un c\u00f3digo sencillo en texto. PlantUML utiliza la plataforma Java para su herramienta de generaci\u00f3n de diagramas. Esto a diferencia de Mermaid facilita que la herramienta \u00a0pueda ejecutarse localmente aunque tambi\u00e9n se dispone de un servicio de PlantUML onLine. Instalaci\u00f3n de &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/programaraciegas.net\/?p=995\" class=\"more-link\">Continuar leyendo<span class=\"screen-reader-text\"> \u00abDibujar diagramas con PlantUML\u00bb<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,5,37,6],"tags":[11,419],"class_list":["post-995","post","type-post","status-publish","format-standard","hentry","category-desarrollo","category-diseno","category-herramientas-software","category-programacion","tag-accesibilidad-2","tag-diagramas"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/programaraciegas.net\/index.php?rest_route=\/wp\/v2\/posts\/995","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/programaraciegas.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/programaraciegas.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/programaraciegas.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/programaraciegas.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=995"}],"version-history":[{"count":0,"href":"https:\/\/programaraciegas.net\/index.php?rest_route=\/wp\/v2\/posts\/995\/revisions"}],"wp:attachment":[{"href":"https:\/\/programaraciegas.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=995"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/programaraciegas.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=995"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/programaraciegas.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=995"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}