Episodio 3

Diagramas de flujo

El mapa de todo programa: con unas pocas formas y flechas puedes dibujar cualquier idea antes de escribir una sola línea de código. 🗺️

1 ¿Qué es un diagrama de flujo?

Es un dibujo que cuenta paso a paso qué hace un programa. Se lee de arriba hacia abajo, siguiendo las flechas, como una receta de cocina con dibujos.

Cada forma tiene un significado. Con estas cinco puedes dibujar muchísimos programas:

INICIO

Inicio (óvalo)
Por aquí empieza el programa. Solo hay uno.

Leer edad

Entrada (paralelogramo azul)
Un dato llega al programa y se guarda en una variable.

doble = n × 2

Proceso (rectángulo amarillo)
Una operación o cálculo. Aquí el programa «piensa».

Mostrar doble

Salida (paralelogramo verde)
El programa muestra o entrega un resultado.

FIN

Fin (óvalo)
Aquí termina el programa.

Flecha
Indica cuál es el siguiente paso. El orden importa.

📏 Reglas de oro

  • Empieza con un INICIO y termina con un FIN.
  • Las flechas van de arriba hacia abajo.
  • Un bloque, una acción.
  • Escribe dentro del bloque qué hace, en pocas palabras.

🔎 Hay más formas

Existe también el rombo, que sirve para tomar decisiones («si pasa esto, haz aquello»). Lo conocerás en el episodio de Condicionales.

2 Tu primer diagrama completo

Un programa que saluda: recibe un nombre y lo saluda. Tiene todo lo necesario: INICIO, una entrada, una salida y FIN.

Pulsa Empezar paso a paso y observa cómo avanza por los bloques. Es como un programa de verdad, ¡pero a cámara lenta!

3 Las variables en el diagrama

En el Episodio 2 conociste las cajitas de la memoria. En un diagrama de flujo, cada bloque las usa de una forma distinta:

Leer edad

Entrada: guarda un dato que llega en una variable.

edad
8
doble = edad × 2

Proceso: usa variables para calcular y guarda el resultado en otra variable. El signo = significa «guarda en la caja».

doble
16
Mostrar doble

Salida: lee una variable y muestra su valor en pantalla. La caja no se vacía: solo se mira.

16

🔑 Resumen: Entrada guarda, Proceso usa y guarda, Salida muestra. Las constantes (cajas con candado 🔒) se pueden usar en cualquier bloque, pero nunca se les guarda un valor nuevo.

4 Los tipos en un diagrama de flujo

Ya sabes que cada variable tiene un tipo: texto, entero o decimal. En un diagrama, lo escribimos entre paréntesis en el bloque de entrada, para recordar qué clase de dato esperamos:

Leer nombre (texto)
Leer edad (entero)
Leer altura (decimal)
nombre
"Ana"
texto
edad
8
entero
altura
1.25
decimal

🧪 Pruébalo: un diagrama con tres tipos

Ejecuta el diagrama. Luego escribe un número con decimales en edad (¡es de tipo entero!) y mira cómo reacciona el programa.

5 Variables en un proceso matemático

Aquí todo se junta. Un bloque de proceso toma los valores de algunas cajas, hace una cuenta y guarda el resultado en otra caja.

la escribes tú (entrada) constante la calcula el proceso

Elige un ejemplo, cambia los números de las cajas azules y avanza paso a paso:

Fíjate: el resultado de un proceso se puede guardar en una variable y usar en el siguiente proceso (como impuesto en el ejemplo del IVA). ¡Así se construyen los programas grandes!

🎮 Practica

¿Qué forma uso?

Te diremos una acción. Elige la forma del diagrama que le corresponde.

¿Listo para armar tus propios diagramas?

Ordena los bloques, construye una calculadora y ejecútala paso a paso.

🎮 Jugar ahora

📌 Resumen