Diseñador de Diagramas de Flujo (con verificador + ejecución)

🎛️ Modo: ➕ Agregar:

Documentacion

Vista

Tip: en Conectar, desde una Decisión debes crear 2 salidas: Sí y No.

Selecciona un símbolo para editarlo.

Nada seleccionado. Crea un símbolo o haz clic en uno.

📘 Ejemplos: símbolos, para qué sirven y cómo se usan en el “compilador”

Inicio / Fin (óvalo)

Marca dónde arranca y dónde termina el flujo. El verificador exige 1 Inicio y ≥1 Fin.

Ejecución: inicia en Inicio y se detiene en Fin.

Proceso (rectángulo)

Acciones como cálculos o asignaciones.

Ejecución: escribe asignaciones, por ejemplo:

x = 10
y = x + 5
total = y * 2

Subproceso

Como Proceso, pero conceptualmente “llama” a otro bloque (para dividir el problema).

Ejecución: se comporta igual que Proceso (asignaciones).

Decisión (rombo)

Condición que bifurca el flujo.

Ejecución: una condición, por ejemplo:

x >= 18

Debes tener 2 salidas conectadas: Sí y No.

Entrada (paralelogramo)

Leer un valor del usuario.

Ejecución: indica variable y opcionalmente un mensaje:

x
Ingresa el valor de x

Salida (paralelogramo)

Mostrar un resultado.

Ejecución: puedes usar plantilla con {variable}:

Resultado: {total}

Conector (círculo)

Sirve para “ordenar” el diagrama sin cruzar flechas.

Regla típica: 1 entrada y 1 salida (el verificador te lo marca).

Mini-reto: crea un diagrama que lea x, decida si x > 0, y muestre “positivo” o “no positivo”. Luego dale ▶ Ejecutar.