¿Cómo hacer diagramas de flujo con código ?

foto portada

Los diagramas de flujo son una forma muy útil de representar procesos, decisiones y pasos de manera visual. Normalmente se crean con herramientas gráficas arrastrando figuras, conectores y textos. Sin embargo, también existe una forma más rápida, ordenada y fácil de mantener: hacer diagramas de flujo con código.

Una de las herramientas más prácticas para esto es PlantUML.

¿Qué es PlantUML?

PlantUML es una herramienta que permite crear diagramas escribiendo texto. En lugar de dibujar manualmente cada figura, escribimos instrucciones simples y PlantUML genera automáticamente el diagrama.

Con PlantUML puedes crear:

  • Diagramas de flujo
  • Diagramas de secuencia
  • Diagramas de clases
  • Diagramas de casos de uso
  • Diagramas de actividad
  • Diagramas de componentes
  • Diagramas de estado

Estructura básica de un diagrama en PlantUML

Todo diagrama en PlantUML empieza con:

@startuml

Y termina con:

@enduml

@startuml
start
:Iniciar proceso;
:Realizar una acción;
:Finalizar proceso;
stop
@enduml

df1

¿Cómo representar decisiones?

Los diagramas de flujo suelen tener decisiones, por ejemplo: “¿El usuario tiene contraseña?” o “¿El auto tiene combustible?”.

En PlantUML usamos if, then, else y endif.

@startuml
start
:Revisar usuario;

if (¿Tiene acceso?) then (Sí)
:Entrar al sistema;
else (No)
:Mostrar mensaje de error;
endif

stop
@enduml

df2

Buenas prácticas para crear diagramas de flujo

Para que tu diagrama sea claro, conviene seguir algunas recomendaciones:

  • Usa frases cortas.
  • Representa una sola acción por bloque.
  • Evita procesos demasiado largos en un mismo diagrama.
  • Usa preguntas claras en las decisiones.
  • Mantén un orden lógico de arriba hacia abajo.
  • Si el proceso es muy grande, divídelo en varios diagramas.

Un buen diagrama de flujo no intenta mostrarlo todo al mismo tiempo. Su objetivo es explicar un proceso de forma simple.

Aquí te dejo el diagrama de flujo del encendido de un auto mecánico

@startuml
title Diagrama de flujo: Encender un auto mecánico

start

:Entrar al auto;
:Ajustar asiento y espejos;
:Verificar que la palanca esté en neutro;
:Pisar el pedal del embrague;

if (¿La llave está disponible?) then (Sí)
:Insertar la llave en el switch;
else (No)
:Buscar la llave;
stop
endif

:Girar la llave a contacto;

if (¿Tablero enciende correctamente?) then (Sí)
:Girar la llave para arrancar;
else (No)
:Revisar batería o sistema eléctrico;
stop
endif

if (¿El motor enciende?) then (Sí)
:Mantener el embrague presionado;
:Esperar unos segundos;
:Soltar lentamente el embrague si sigue en neutro;
:Auto encendido correctamente;
else (No)
:Soltar la llave;
:Esperar unos segundos;
:Intentar nuevamente;

if (¿Enciende en el segundo intento?) then (Sí)
:Auto encendido correctamente;
else (No)
:Revisar combustible, batería o motor;
stop
endif
endif

stop

@enduml

df3

El link :

https://editor.plantuml.com

Leave a Comment

Your email address will not be published. Required fields are marked *