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.
La herramienta o el software no es mío, el repositorio oficial está aquí y la página de demostración aquí.
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.
Hoy te voy a presentar un creador de credenciales que acabo de programar y que…
Ya te enseñé cómo convertir una aplicación web de Vue 3 en una PWA. Al…
En este artículo voy a documentar la arquitectura que yo utilizo al trabajar con WebAssembly…
En un artículo anterior te enseñé a crear un PWA. Al final, cualquier aplicación que…
Al usar Comlink para trabajar con los workers usando JavaScript me han aparecido algunos errores…
En este artículo te voy a enseñar cómo usar un "top level await" esperando a…
Esta web usa cookies.