En aquest xicotet article parle de com fer diagrames de flux i mapes mentals amb el programari PlantUML molt fàcilment.
Fa poc vaig escriure l'article Blockdiag, generador de diagrames de flux des de la terminal, doncs bé, ara recopile al meu blog un altre programari que ens pot semblar similar, PlantUML un component que ens permet generar diagrames de flux i mapes mentals de manera molt senzilla, escrivint codi en text pla.
La pàgina web oficial https://plantuml.com, on es pot trobar un gran nombre d'exemples de generació de diagrames, mapes mentals, etc, també pots trobar un generador plantUML en línia, i també pots fullejar o descarregar un manual en PDF molt complet.
Des de que vam començar el teletreball, faig servir l'editor Visual Studio Code, on m'he instal·lat l'extensió per a plantUML molt fàcilment, com podràs veure a la següent imatge:
Una vegada instal·lat i reiniciem el Visual Studio Code, ja podem escriure per a generar-nos diagrames o mapes. Jo he agafat un exemple de la web oficial i com que he instal·lat l'extensió a l'editor, veig el codi colorejat i tot bé:
I ara, una funcionalitat molt últil és que podem previsualitzar el diagrama des del mateix Visual Studio Code, ja siga pulsant Ctrl + D o fent clic amb el botó dret i seleccionant l'opció "Preview Current Diagram", i tindrem un resultat com mostra la següent imatge:
Cal dir que la generació del diagrama és molt ràpida, tal vegada 1 o 2 segons, i ja està generat. I ara, podem exportar eixe diagrama en forma d'imatge PNG.
I ara, a continuació, us deixaré 3 mapes mentals amb alguns xicotets canvis, per a que vegeu si li trobeu utilitat a PlantUML.
Mapa 1:
@startmindmap
skinparam monochrome true
+ OS
++ GNU/Linux
+++ Linux Mint
+++ Ubuntu
+++ Kubuntu
+++ Lubuntu
+++ KDE Neon
++ FreeBSD
+++ GhostBSD
+++ NomadBSD
++ OpenBSD
++ NetBSD
-- Windows 95
-- Windows 98
-- Windows NT
--- Windows 8
--- Windows 10
@endmindmap
Ara us deixe el mapa número 2, on si et fixes li hem dit el paràmetre skinparam monochrome reverse
@startmindmap
skinparam monochrome reverse
+ OS
++ GNU/Linux
+++ Linux Mint
+++ Ubuntu
+++ Kubuntu
+++ Lubuntu
+++ KDE Neon
++ FreeBSD
+++ GhostBSD
+++ NomadBSD
** OpenBSD
++ NetBSD
-- Windows 95
-- Windows 98
-- Windows NT
--- Windows 8
--- Windows 10
@endmindmap
I finalment un altre exemple, el mapa número 3, on si et fixes he ficat un títol a la capçalera i una informació centrada en el peu. Es pot afegir també una llegenda explicativa dels colors que estem fent servir al nostre diagrama, gràfic o mapa mental, però en aquest cas nomès he ficat el title i el footer tal i com mostra la següent imatge:
@startmindmap
skinparam monochrome false
title Mapa mental: SISTEMES OPERATIUS
center footer http://joancatala.net
+ OS
++ GNU/Linux
+++ Linux Mint
+++ Ubuntu
+++ Kubuntu
+++ Lubuntu
+++ KDE Neon
++ FreeBSD
+++ GhostBSD
+++ NomadBSD
** OpenBSD
++ NetBSD
-- Windows 95
-- Windows 98
-- Windows NT
--- Windows 8
--- Windows 10
@endmindmap
Doncs bé, aquest ha segut un xicotet resum de PlantUML, no he aprofundit massa de temps, ja que els mapes mentals ja són la funcionalitat que necessitava per a la meua feina. Trobareu moltíssima més informació i exeples a la web oficial de PlantUML.
