He descubierto una herramienta que viene de maravilla para convertir código fuente a un diagrama de flujo, sin esfuerzo; únicamente se pone el código fuente y automáticamente se crea el diagrama de flujo.

Eso sí, el código que soporta es únicamente JavaScript (uno de mis lenguajes favoritos) y los resultados son maravillosos. Por ejemplo, aquí tengo el código de para saber si una persona es mayor o menor de edad en JavaScript:

Ese diagrama de flujo fue generado automáticamente únicamente pegando código. Veamos la página web en donde se puede usar y su forma de uso.

Herramienta code-to-graph

La herramienta o el software no es mío, el repositorio oficial está aquí y la página de demostración aquí.

Convertir código a diagramas de flujo

Una vez en la página de demostración, simplemente escribimos o pegamos el código de la función. En este caso es el de mayor o menor de edad en JavaScript:

const edadDelUsuario = parseInt(prompt("¿Cuál es tu edad?"));
if (edadDelUsuario >= 18) {
    alert("Eres mayor de edad");
} else {
    alert("Eres menor de edad");
}

Al pegar el código, el diagrama se crea automáticamente y luego se puede descargar como SVG haciendo click en Download SVG File:

Si pudiera mencionar una desventaja sería que el SVG no es tan fácil de convertir a PNG para ponerlo dentro de un documento o algo así, pero siempre podemos tomarle una captura de pantalla o encontrar un buen convertidor en el internet.

El uso que se me ocurre es cuando esos profesores de programación te piden que hagas el diagrama de flujo de cada programa.

Por cierto, este código sencillo fue convertido a diagrama de flujo automáticamente, pero podría ser una función más compleja, por ejemplo, la que convierte minutos a texto legible se ve así:

Ya que estamos por aquí, te invito a leer sobre las funciones flecha, let y const en JavaScript. Eso es todo por el momento.

Generador de diagramas de clase UML con JavaScript

Introducción En una de las materias que estoy cursando (o que cursé, dependiendo del momento en el que esto se publique) tuve que presentar todas esas cosas aburridas que conlleva el desarrollo de software. Me refiero a los diagramas, casos de uso, clases, interfaces y todas esas cosas que al…

marzo 17, 2019

En "Bulma CSS"

Generar diagrama de base de datos con relaciones

En este post te mostraré un software gratuito que permite crear el diagrama de las tablas y sus relaciones a partir de una base de datos. No sé bien si se puede considerar así, pero esto permite generar el diagrama Entidad relación de manera automática. Además de eso, esta herramienta…

septiembre 16, 2020

En "Software y sistemas"

Generar diagrama de base de datos con phpmyadmin

En este sencillo tutorial aprenderás a crear el diagrama (que no sé si se puede considerar así, pero funcionaría como diagrama entidad relación) de una base de datos en phpmyadmin. Vamos a ver cómo generar y exportar el diagrama de una base de datos con todas sus relaciones; verás que…

septiembre 28, 2020

En "bases de datos"