Diagramas de flujo online a partir de pseudocódigo
En Codoritmo no dibujas el diagrama a mano: escribes el algoritmo y el diagrama de flujo se genera solo, con los símbolos que se usan en clase. Si cambias el código, el diagrama cambia con él. Al ejecutar, una luz recorre los bloques para que veas por dónde va tu programa.
Abre el programa con el diagrama en el panel lateral.
Un algoritmo y su diagrama
Este es el ejemplo «Sumar hasta cero» y el diagrama que Codoritmo genera para él, igual al que descargas en SVG. El ciclo Mientras vuelve a la condición por la línea punteada; la decisión Si se abre en dos ramas, Sí y No.
Algoritmo SumaHastaCero Definir numero, suma Como Real Definir cantidad Como Entero suma <- 0 cantidad <- 0 Escribir "Escribe números para sumar. Escribe 0 para terminar." Leer numero Mientras numero <> 0 Hacer suma <- suma + numero cantidad <- cantidad + 1 Escribir "Siguiente número (0 para terminar):" Leer numero FinMientras Si cantidad > 0 Entonces Escribir "Sumaste ", cantidad, " números." Escribir "Total: ", suma Escribir "Promedio: ", suma / cantidad SiNo Escribir "No escribiste ningún número." FinSiFinAlgoritmoCómo hacer un diagrama de flujo en Codoritmo
Escribe o abre un algoritmo
Escríbelo en el editor, pégalo o abre uno de los ejemplos.
Abre la pestaña Diagrama
En el panel lateral, Diagrama muestra el diagrama de flujo. Si tu programa tiene subprocesos o funciones, eliges cuál ver.
Ejecútalo y míralo moverse
Con Ejecutar o Paso siguiente, el bloque que se está ejecutando se ilumina en el diagrama y en el código a la vez.
Descárgalo
Archivo › Exportar como › Diagrama como imagen (.png) o Diagrama como vector (.svg), para tu informe o tu presentación.
Abre el programa con el diagrama en el panel lateral.
Si el diagrama no aparece
El diagrama se construye a partir del código, así que necesita un algoritmo sin errores de sintaxis. Si falta un FinSi o un FinMientras, el panel Problemas te dice en qué línea está el error; al corregirlo, el diagrama vuelve a aparecer.
Qué significa cada símbolo
Son los mismos dibujos que usa el diagrama en vivo y la referencia del lenguaje.
Escribir
Paralelogramo con una flecha hacia afuera: el programa muestra algo.
Leer
Paralelogramo con una flecha hacia adentro: el programa espera un dato.
Asignación y cálculo
Rectángulo: guarda un valor en una variable.
Si … SiNo
Rombo con dos salidas, Sí y No.
Mientras
Rombo con una línea punteada que vuelve a la condición mientras se cumpla.
Para
Hexágono: repite el cuerpo una cantidad conocida de veces.
Más diagramas generados
Diagramas de otros ejemplos de la biblioteca, generados igual que el de arriba.
Codoritmo y PSeInt de escritorio
PSeInt también genera diagramas de flujo. Estas son las diferencias.
Lo que suma Codoritmo
- El diagrama se genera solo y siempre coincide con el código.
- Se anima durante la ejecución, paso a paso, hacia adelante y hacia atrás.
- Se descarga en PNG o en SVG, que se ve nítido a cualquier tamaño.
- Como en PSeInt, puedes editarlo para escribir el código, cambiar a Nassi-Shneiderman y usar las formas alternativas de entrada y salida.
Lo que PSeInt de escritorio hace y Codoritmo todavía no
- Funciona sin internet, como programa instalado.
- Es la herramienta oficial: si tu curso corrige con PSeInt, prueba allí tu entrega final.
Codoritmo es un proyecto independiente, inspirado en PSeInt y compatible con su sintaxis y sus perfiles de instituciones. No es PSeInt ni está afiliado a él. Sitio oficial de PSeInt
Preguntas frecuentes
¿Puedo hacer un diagrama de flujo sin escribir código?
Sí. Toca el + sobre cualquier flecha del diagrama para agregar una instrucción, haz doble clic en un bloque para cambiar su texto, y Codoritmo escribe el pseudocódigo por ti. También puedes usar el modo Bloques, arrastrando piezas como en Scratch.
¿Qué símbolos usa?
Los de siempre: óvalo para el inicio y el fin, rectángulo para asignaciones, paralelogramo para Leer y Escribir, rombo para las decisiones y hexágono para el ciclo Para.
¿Cómo lo paso a Word o a una presentación?
Descárgalo como PNG para pegarlo directamente, o como SVG si quieres que se vea nítido a cualquier tamaño.
¿Funciona con subprocesos y funciones?
Sí. Cada SubProceso o Funcion tiene su propio diagrama y eliges cuál ver en el panel.
Ejemplos para probar
Programas resueltos, cada uno con su código, su diagrama y una ejecución de muestra.
Sumar hasta cero
Suma los números que escribas hasta que ingreses un 0.
Básico¿Puedo votar?
Te dice si ya puedes votar o cuántos años te faltan.
BásicoTabla de multiplicar
Muestra la tabla de multiplicar del número que elijas.
BásicoAño bisiesto
Aplica las reglas del calendario para saber si un año es bisiesto.
Intermedio
Por concepto:Ejemplos de Entrada y salida
Otras herramientas de Codoritmo
- PSeInt onlineEscribe y ejecuta pseudocódigo con la sintaxis de PSeInt desde el navegador.
- Alternativa a PSeIntUna comparación honesta entre Codoritmo y PSeInt de escritorio.
- Prueba de escritorioLa tabla con el valor de cada variable en cada paso, llenada mientras el programa corre.
- Pseudocódigo a PythonTu algoritmo traducido a un programa de Python que puedes ejecutar.
- Pseudocódigo a CTu algoritmo traducido a un programa en C (o C++) listo para compilar.
- Pseudocódigo a JavaTu algoritmo traducido a una clase de Java con su método main.
- Programar con bloquesArma tu algoritmo con bloques, como en Scratch, y mira el pseudocódigo que escriben.
Sigue aprendiendo
- Biblioteca de ejemplos53 algoritmos resueltos, del «Hola mundo» a los ordenamientos.
- Referencia del lenguajeCada instrucción y función de PSeInt explicada con un ejemplo.
- Perfiles de institucionesLos 463 perfiles de PSeInt y qué reglas cambia cada uno.
- Acerca de CodoritmoQué es el proyecto, quién lo hace y cómo se relaciona con PSeInt.