Lección 75 — Diagramas de Flujo: Qué Son, Símbolos y Ejemplos
Los diagramas de flujo son representaciones gráficas que permiten visualizar los pasos de un proceso o algoritmo mediante símbolos y flechas. Se utilizan para comprender cómo se desarrolla una tarea, qué decisiones deben tomarse y en qué orden se ejecutan las instrucciones.
Imagina que necesitas explicar cómo funciona un cajero automático, cómo determinar si un estudiante aprobó un examen o cómo calcular el promedio de varias calificaciones. Puedes describir estos procedimientos con palabras, pero también puedes representarlos visualmente mediante un diagrama de flujo.
En las lecciones anteriores aprendiste qué es el pensamiento computacional y cómo diseñar algoritmos. Ahora descubrirás cómo convertir esos procedimientos en esquemas que facilitan su comprensión, revisión y comunicación.
Esta habilidad es especialmente importante en las Ciencias de la Computación porque permite analizar la lógica de un programa antes de escribir su código.
¿Qué aprenderás en esta lección?
Al finalizar, podrás:
Explicar qué son los diagramas de flujo y para qué sirven.
Identificar sus principales símbolos y funciones.
Interpretar correctamente las flechas y conexiones.
Comprender la relación entre algoritmos y diagramas de flujo.
Representar secuencias, decisiones y repeticiones.
Construir diagramas sencillos paso a paso.
Reconocer aplicaciones en informática y situaciones cotidianas.
Identificar errores frecuentes en su elaboración.
Resolver ejercicios prácticos utilizando diagramas de flujo.
¿Qué es un diagrama de flujo?
Un diagrama de flujo es una representación gráfica de un proceso o algoritmo que utiliza símbolos convencionales conectados mediante líneas y flechas.
Cada símbolo representa una operación, una entrada de información, una decisión u otro elemento del procedimiento.
Las flechas indican el orden en que deben ejecutarse las acciones.
Su principal objetivo es mostrar visualmente cómo funciona un proceso desde su inicio hasta su finalización.
Ejemplo sencillo
Imagina que deseas calcular el doble de un número.
El procedimiento escrito sería:
Iniciar.
Solicitar un número.
Multiplicarlo por dos.
Mostrar el resultado.
Finalizar.
En un diagrama de flujo, estas instrucciones se representan mediante símbolos conectados.
Así podemos identificar rápidamente dónde comienza el procedimiento, qué información necesita, qué operación realiza y cuál es su resultado.
La idea fundamental: un diagrama de flujo no sustituye la lógica del algoritmo; la representa visualmente.
¿Para qué sirven los diagramas de flujo?
Los diagramas de flujo ayudan a comprender, explicar, revisar y mejorar procedimientos.
Entre sus principales aplicaciones encontramos:
Visualizar procesos: muestran las actividades y su secuencia.
Representar algoritmos: permiten expresar soluciones de manera gráfica.
Identificar decisiones: muestran las condiciones que determinan diferentes caminos.
Detectar errores: ayudan a encontrar pasos faltantes o conexiones incorrectas.
Facilitar la comunicación: permiten explicar procedimientos a otras personas.
Documentar sistemas: registran cómo funciona un proceso.
Preparar programas: ayudan a organizar la lógica antes de implementarla mediante código.
Mejorar procedimientos: facilitan identificar actividades innecesarias o repetitivas.
Ejemplo cotidiano
Supongamos que una biblioteca necesita comprobar si un libro está disponible.
El procedimiento debe responder a una pregunta:
¿El libro está disponible?
Si la respuesta es afirmativa, puede continuar el préstamo.
Si la respuesta es negativa, debe informar al estudiante.
Un diagrama de flujo permite representar ambos caminos de manera sencilla.
Símbolos fundamentales de los diagramas de flujo
Los diagramas de flujo utilizan figuras geométricas con significados específicos.
Aunque existen diferentes convenciones, los siguientes símbolos son los más utilizados en la enseñanza introductoria de algoritmos.
| Símbolo | Nombre | Función |
|---|---|---|
| Óvalo o rectángulo redondeado | Inicio / Fin | Señala dónde comienza o termina el procedimiento. |
| Rectángulo | Proceso | Representa una operación o instrucción. |
| Paralelogramo | Entrada / Salida | Indica la recepción o presentación de datos. |
| Rombo | Decisión | Evalúa una condición y permite elegir un camino. |
| Flecha | Línea de flujo | Indica la dirección de ejecución. |
| Círculo pequeño | Conector | Une partes del diagrama dentro de una misma página. |
| Pentágono con punta inferior | Conector fuera de página | Indica que el flujo continúa en otra página. |
Inicio y fin
El símbolo de inicio y fin identifica los límites del procedimiento.
Normalmente contiene las palabras «Inicio» o «Fin».
Un diagrama debe permitir reconocer claramente dónde comienza su ejecución y cómo puede terminar.
Proceso
El rectángulo representa operaciones o instrucciones.
Por ejemplo:
Sumar dos números.
Calcular un promedio.
Aumentar un contador.
Asignar un valor.
Entrada y salida
El paralelogramo representa operaciones relacionadas con recibir o presentar información.
Ejemplos:
Leer una calificación.
Solicitar un número.
Mostrar un resultado.
Presentar un mensaje.
Decisión
El rombo representa una condición que debe evaluarse.
Generalmente produce dos caminos:
Sí / Verdadero
No / Falso
Por ejemplo:
¿La calificación es mayor o igual que 6?
Dependiendo del resultado, el procedimiento seguirá una ruta diferente.
Línea de flujo
Las flechas conectan los símbolos e indican la dirección que sigue el procedimiento.
Sin ellas, podría resultar difícil comprender el orden de ejecución.
Conectores
Los conectores permiten continuar el flujo en otra parte del diagrama sin dibujar líneas demasiado largas o cruzadas.
Son especialmente útiles cuando los procedimientos crecen.
¿Cómo se leen las líneas de flujo?
Las líneas de flujo indican la secuencia que sigue el algoritmo.
Generalmente, los diagramas se organizan de arriba hacia abajo o de izquierda a derecha.
Sin embargo, las flechas son las que determinan realmente la dirección de ejecución.
Reglas básicas
Comienza identificando el símbolo de inicio.
Sigue las flechas en la dirección indicada.
Interpreta cada símbolo según su función.
Cuando encuentres una decisión, evalúa su condición.
Continúa por la rama correspondiente.
Si existe una repetición, sigue el recorrido hasta que cambie la condición.
Identifica dónde termina el procedimiento.
Importante: no debes interpretar un diagrama únicamente por la posición de sus figuras. Siempre debes seguir las conexiones.
Relación entre algoritmos y diagramas de flujo
Un algoritmo describe los pasos necesarios para resolver un problema.
Un diagrama de flujo representa gráficamente esos pasos.
| Algoritmo | Diagrama de flujo |
|---|---|
| Describe instrucciones. | Representa instrucciones mediante símbolos. |
| Puede escribirse en lenguaje natural. | Utiliza figuras y flechas. |
| Explica qué acciones deben realizarse. | Permite visualizar su secuencia. |
| Puede incluir decisiones y repeticiones. | Muestra sus diferentes caminos. |
| Sirve para diseñar soluciones. | Ayuda a comprender y revisar esas soluciones. |
Ejemplo
Algoritmo escrito:
Iniciar.
Solicitar dos números.
Sumarlos.
Mostrar el resultado.
Finalizar.
Representación gráfica simplificada:
( INICIO )
↓
╱ Leer A y B ╱
↓
┌───────────┐
│ S = A + B │
└───────────┘
↓
╱ Mostrar S ╱
↓
( FIN )En este esquema, los paréntesis representan de forma simplificada los terminales de inicio y fin, las figuras inclinadas representan entrada o salida y el rectángulo representa el proceso.
En un diagrama formal se utilizan las figuras geométricas completas.
¿Cómo hacer un diagrama de flujo paso a paso?
Antes de comenzar a dibujar, es importante comprender el problema.
Identifica el objetivo
Determina qué tarea necesitas representar.
Por ejemplo:
Calcular el área de un rectángulo.
Define las entradas
Identifica los datos necesarios.
En este caso:
Base.
Altura.
Establece la salida
Determina qué resultado debe producirse.
Área del rectángulo.
Organiza las instrucciones
Escribe primero el procedimiento:
Iniciar.
Solicitar base y altura.
Multiplicar base por altura.
Mostrar el área.
Finalizar.
Selecciona los símbolos
Utiliza:
Inicio / Fin para los límites.
Entrada / Salida para los datos.
Proceso para la multiplicación.
Flechas para conectar las instrucciones.
Conecta los elementos
Ordena los símbolos según la secuencia del algoritmo.
Comprueba el resultado
Sigue el recorrido y verifica que las instrucciones permitan resolver correctamente el problema.
Ejemplo de diagrama de flujo secuencial
Un diagrama de flujo secuencial representa instrucciones que se ejecutan una después de otra, sin decisiones ni repeticiones.
Problema
Calcular el área de un rectángulo.
Algoritmo:
Iniciar.
Leer base y altura.
Calcular área = base × altura.
Mostrar el área.
Finalizar.
Diagrama simplificado:
( INICIO )
↓
╱ Leer base y altura ╱
↓
┌──────────────────┐
│ Área = base × │
│ altura │
└──────────────────┘
↓
╱ Mostrar área ╱
↓
( FIN ) Prueba
Base = 8
Altura = 5
Área = 8 × 5 = 40
El procedimiento sigue una única ruta desde el inicio hasta el final.
Ejemplo de diagrama de flujo con decisiones
Los diagramas de flujo condicionales permiten representar situaciones en las que una condición determina qué acción debe ejecutarse.
Problema
Determinar si un estudiante aprobó una asignatura.
La calificación mínima aprobatoria es 6.
Algoritmo:
Iniciar.
Leer la calificación.
Comprobar si es mayor o igual que 6.
Si la condición se cumple, mostrar «Aprobado».
En caso contrario, mostrar «No aprobado».
Finalizar.
Diagrama simplificado:
( INICIO )
↓
╱ Leer calificación ╱
↓
◇────────────◇
╱ ¿Nota ≥ 6? ╲
╲ ╱
◇────────────◇
╱ ╲
Sí No
↓ ↓
╱ Mostrar ╱ Mostrar
"Aprobado" ╱ "No aprobado" ╱
│ │
└───────┬────────┘
↓
( FIN ) Pruebas
Calificación = 8
La condición es verdadera.
Resultado: Aprobado.
Calificación = 4
La condición es falsa.
Resultado: No aprobado.
Calificación = 6
La condición también es verdadera porque la comparación incluye la igualdad.
Resultado: Aprobado.
¿Qué debemos observar?
El rombo representa una condición.
Sus salidas corresponden a los posibles resultados de esa condición.
Ambas ramas llegan al final del procedimiento.
En aplicaciones reales también puede ser necesario validar que la calificación esté dentro de la escala permitida.
Ejemplo de diagrama de flujo con repeticiones
Los diagramas de flujo repetitivos representan instrucciones que deben ejecutarse varias veces.
Para ello utilizan condiciones y flechas que regresan a un punto anterior del procedimiento.
Problema
Mostrar los números del 1 al 5.
Algoritmo:
Iniciar.
Establecer un contador en 1.
Comprobar si el contador es menor o igual que 5.
Si la condición es verdadera, mostrar el contador.
Aumentar el contador en una unidad.
Regresar a comprobar la condición.
Si la condición es falsa, finalizar.
Diagrama simplificado:
( INICIO )
↓
┌─────────────┐
│ Contador = 1│
└─────────────┘
↓
◇────────────◇
┌───╱ ¿Contador ≤ 5? ╲
│ ◇────────────◇
│ │ │
│ Sí No
│ ↓ ↓
│ ╱ Mostrar ( FIN )
│ contador ╱
│ ↓
│ ┌────────────────┐
│ │ Contador = │
│ │ Contador + 1 │
│ └────────────────┘
│ ↓
└──────┘La flecha de retorno representa la repetición: después de aumentar el contador, se vuelve a evaluar la condición.
Seguimiento del contador
| Evaluación | Contador | ¿Es menor o igual que 5? | Acción |
|---|---|---|---|
| Primera | 1 | Sí | Mostrar 1 |
| Segunda | 2 | Sí | Mostrar 2 |
| Tercera | 3 | Sí | Mostrar 3 |
| Cuarta | 4 | Sí | Mostrar 4 |
| Quinta | 5 | Sí | Mostrar 5 |
| Sexta | 6 | No | Finalizar |
Resultado: 1, 2, 3, 4, 5
Este ejemplo demuestra que una repetición necesita una condición correctamente definida para evitar que el procedimiento continúe indefinidamente.
Comparación de los tres tipos de estructuras
| Estructura | Característica | Ejemplo |
|---|---|---|
| Secuencial | Ejecuta instrucciones en orden. | Calcular un área. |
| Condicional | Selecciona caminos según una condición. | Determinar si un estudiante aprobó. |
| Repetitiva | Ejecuta instrucciones varias veces. | Mostrar números del 1 al 5. |
Estas estructuras pueden combinarse dentro de un mismo diagrama.
Por ejemplo, un procedimiento puede repetir una operación y tomar decisiones durante cada repetición.
Ejemplos de diagramas de flujo en la vida cotidiana
Los diagramas de flujo también permiten representar actividades fuera de la programación.
Retirar dinero de un cajero automático
Un procedimiento simplificado podría incluir:
Iniciar una operación.
Solicitar la autenticación del usuario.
Verificar si la autenticación es válida.
Solicitar el importe.
Comprobar si el retiro está autorizado y existen fondos suficientes.
Si se cumplen las condiciones, continuar con la operación.
En caso contrario, mostrar el motivo por el que no puede completarse.
Finalizar.
En un sistema real intervienen controles adicionales de seguridad y disponibilidad.
Solicitar un libro
Buscar el libro.
Comprobar su disponibilidad.
Si está disponible, registrar el préstamo.
Si no está disponible, informar al solicitante.
Finalizar.
Aplicar un descuento
Obtener el importe.
Comprobar si cumple la condición de descuento.
Si corresponde, calcularlo.
Mostrar el total.
Finalizar.
Diagnosticar una conexión de red
Comprobar si el dispositivo está conectado.
Revisar si otros dispositivos presentan el mismo problema.
Identificar posibles causas.
Realizar pruebas seguras.
Verificar si la conexión se restableció.
Los diagramas permiten visualizar las rutas posibles y comprender mejor cada procedimiento.
Diagramas de flujo en programación
En programación, los diagramas de flujo se utilizan para planificar y explicar la lógica de los algoritmos.
Pueden resultar especialmente útiles cuando un procedimiento contiene varias condiciones o repeticiones.
Antes de programar
El estudiante puede utilizar un diagrama para:
Identificar los datos necesarios.
Organizar las operaciones.
Definir condiciones.
Establecer repeticiones.
Comprobar que todos los caminos conducen a un resultado adecuado.
Durante el desarrollo
Un diagrama puede ayudar a comprender cómo deberían relacionarse las diferentes partes del programa.
Durante la revisión
También permite analizar errores de lógica.
Por ejemplo, si un procedimiento termina antes de mostrar un resultado, el diagrama puede facilitar la identificación del problema.
Importante: no todos los programas necesitan un diagrama de flujo. Su utilidad depende de la complejidad del procedimiento y de las necesidades de documentación o aprendizaje.
Diferencia entre diagrama de flujo y pseudocódigo
Los diagramas de flujo y el pseudocódigo son dos formas de representar algoritmos.
| Diagrama de flujo | Pseudocódigo |
|---|---|
| Utiliza símbolos gráficos. | Utiliza instrucciones escritas. |
| Muestra visualmente las conexiones. | Describe la lógica mediante expresiones estructuradas. |
| Facilita observar caminos y decisiones. | Facilita organizar instrucciones de manera textual. |
| Puede ocupar bastante espacio. | Suele ser más compacto para procedimientos extensos. |
| Resulta útil para explicar procesos visualmente. | Resulta útil para preparar implementaciones. |
Ambas representaciones pueden describir el mismo algoritmo.
La elección depende del objetivo, la complejidad del problema y las preferencias del equipo.
En esta lección nos concentramos en los diagramas de flujo. El pseudocódigo merece un estudio específico por sus propias características.
Errores comunes al elaborar diagramas de flujo
Utilizar símbolos incorrectos
Problema: representar una decisión mediante un rectángulo cuando debería utilizarse un rombo.
Solución: identificar la función de cada instrucción antes de seleccionar su símbolo.
Omitir las flechas
Problema: los símbolos aparecen separados y no se comprende el orden de ejecución.
Solución: conectar correctamente las operaciones.
Dejar decisiones sin identificar sus caminos
Problema: el lector no sabe cuál ruta corresponde a una condición verdadera o falsa.
Solución: etiquetar las ramas de decisión cuando sea necesario.
Crear caminos que no llegan a ningún resultado
Problema: algunas rutas quedan incompletas.
Solución: revisar todas las posibilidades del procedimiento.
Diseñar repeticiones sin salida
Problema: el ciclo puede ejecutarse indefinidamente.
Solución: comprobar que la condición de terminación pueda alcanzarse cuando corresponda.
Cruzar demasiadas líneas
Problema: el diagrama se vuelve difícil de interpretar.
Solución: reorganizar los símbolos y utilizar conectores apropiados.
Incluir demasiadas operaciones en un símbolo
Problema: se pierde claridad.
Solución: dividir las instrucciones cuando sea necesario.
Ejercicio práctico integrador: diagrama de flujo para descuentos
Aplicaremos los conocimientos de la lección anterior para representar visualmente un algoritmo.
Situación
Una tienda ofrece un descuento del 10 % cuando el importe de la compra es igual o superior a $1,000.
En caso contrario, el cliente paga el importe original.
Objetivo
Diseñar un diagrama que determine el total a pagar.
Entrada
Importe de la compra.
Proceso
Comprobar que el importe sea válido.
Evaluar si cumple la condición del descuento.
Calcular el total correspondiente.
Salida
Total a pagar o mensaje de error.
Algoritmo
Iniciar.
Leer el importe.
Si el importe es negativo, mostrar un error y finalizar.
Si es igual o mayor que $1,000, calcular un descuento del 10 %.
En caso contrario, conservar el importe original.
Mostrar el total.
Finalizar.
Diagrama de flujo simplificado
( INICIO )
↓
╱ Leer importe ╱
↓
◇────────────◇
╱ ¿Importe < 0? ╲
◇────────────◇
│ │
Sí No
↓ ↓
╱ Mostrar ◇────────────◇
"Error" ╱ ╱ ¿Importe ≥ ╲
│ ╲ $1,000? ╱
│ ◇────────────◇
│ │ │
│ Sí No
│ ↓ ↓
│ ┌─────────┐ ┌─────────┐
│ │ Total = │ │ Total = │
│ │ 0.9 × │ │ Importe │
│ │ Importe │ └─────────┘
│ └─────────┘ │
│ │ │
│ └─────┬─────┘
│ ↓
│ ╱ Mostrar total ╱
│ │
└────────┬─────┘
↓
( FIN ) Pruebas
| Importe | Condición | Resultado |
|---|---|---|
| $800 | Sin descuento | $800 |
| $1,000 | Con descuento | $900 |
| $1,500 | Con descuento | $1,350 |
| −$100 | Dato inválido | Mensaje de error |
¿Qué aprendimos?
Este diagrama incorpora:
Inicio y fin.
Entrada de información.
Validación de datos.
Decisiones.
Operaciones matemáticas.
Salida de resultados.
Diferentes caminos de ejecución.
Además, muestra cómo un algoritmo escrito puede transformarse en una representación visual.
Actividades para practicar diagramas de flujo
Realiza los siguientes ejercicios antes de consultar las respuestas orientativas.
Actividad A: calcular el triple
Diseña un diagrama de flujo que:
Solicite un número.
Calcule su triple.
Muestre el resultado.
Finalice.
Pregunta: ¿qué símbolos necesitas?
Actividad B: número par o impar
Diseña un diagrama que reciba un número entero y determine si es par o impar.
Recuerda que un número entero es par cuando el residuo de dividirlo entre 2 es cero.
Pregunta: ¿qué símbolo permite representar esta condición?
Actividad C: contar del 1 al 10
Diseña un diagrama que muestre los números del 1 al 10.
Pregunta: ¿cómo representarías la repetición y su condición de terminación?
Actividad D: disponibilidad de un libro
Diseña un diagrama que permita:
Solicitar un libro.
Comprobar su disponibilidad.
Registrar el préstamo si está disponible.
Mostrar un aviso si no lo está.
Finalizar.
Actividad E: detectar errores
Un estudiante construye un diagrama con estas características:
No incluye símbolo de inicio.
Tiene un rombo con una sola salida.
Una flecha termina sin conectarse a otro símbolo.
No muestra dónde finaliza el procedimiento.
Pregunta: identifica los errores y explica cómo corregirlos.
Respuestas orientativas de las actividades
Actividad A
El recorrido sería:
Inicio → Leer número → Calcular triple → Mostrar resultado → Fin
Se necesitan símbolos de inicio/fin, entrada/salida, proceso y flechas.
Actividad B
El recorrido sería:
Inicio → Leer número → ¿Residuo de dividir entre 2 igual a 0?
Sí: mostrar «Par».
No: mostrar «Impar».
Ambos caminos deben conducir al final.
El símbolo de decisión es un rombo.
Actividad C
El procedimiento sería:
Iniciar.
Establecer contador en 1.
Comprobar si contador ≤ 10.
Si es verdadero, mostrar el contador.
Incrementarlo y regresar a la condición.
Si es falso, finalizar.
La flecha de retorno representa la repetición.
Actividad D
El diagrama debe incluir una decisión:
¿Libro disponible?
Sí: registrar préstamo.
No: mostrar aviso.
Después, ambos caminos pueden conducir al final.
Actividad E
Las correcciones serían:
Incorporar un símbolo de inicio.
Identificar los caminos de la decisión.
Conectar correctamente las flechas.
Añadir el símbolo de fin.
Un diagrama bien construido debe permitir seguir sus recorridos sin ambigüedades.
Autoevaluación: comprueba lo aprendido
Responde las siguientes preguntas sin consultar las explicaciones anteriores.
¿Qué es un diagrama de flujo?
¿Para qué sirven los símbolos en un diagrama?
¿Qué figura representa el inicio y el fin?
¿Qué símbolo se utiliza para una operación?
¿Qué representa el paralelogramo?
¿Para qué se utiliza el rombo?
¿Cuál es la función de las flechas?
¿Cómo se representa una repetición?
¿Qué diferencia existe entre un algoritmo y un diagrama de flujo?
¿Por qué es importante revisar todas las rutas de un diagrama?
Criterios de logro
Has comprendido los fundamentos de la lección si puedes:
Reconocer los símbolos principales.
Interpretar correctamente las flechas.
Leer diagramas secuenciales.
Comprender decisiones y repeticiones.
Transformar un algoritmo sencillo en un diagrama.
Comprobar que todas las rutas estén correctamente conectadas.
Identificar y corregir errores de representación.
Lo que has aprendido
En esta lección descubriste que los diagramas de flujo permiten representar visualmente procesos y algoritmos.
Aprendiste que:
Los diagramas utilizan símbolos geométricos y flechas.
El símbolo de inicio y fin identifica los límites del procedimiento.
El rectángulo representa operaciones.
El paralelogramo representa entradas y salidas.
El rombo permite representar decisiones.
Las flechas indican la dirección de ejecución.
Los conectores facilitan la organización de diagramas extensos.
Las secuencias, decisiones y repeticiones pueden representarse gráficamente.
Los diagramas ayudan a revisar la lógica antes de programar.
Un algoritmo puede representarse mediante diagramas de flujo o pseudocódigo.
Es importante comprobar que los caminos sean claros y estén correctamente conectados.
Conclusión
Los diagramas de flujo son herramientas fundamentales para comprender y representar la lógica de los algoritmos.
Mediante símbolos, flechas y conexiones permiten visualizar cómo se ejecuta un procedimiento, qué decisiones deben tomarse y cuándo deben repetirse determinadas instrucciones.
Su utilidad no se limita a la programación. También pueden utilizarse para documentar procesos, organizar actividades, explicar procedimientos y detectar errores.
Sin embargo, en las Ciencias de la Computación tienen un valor especial: ayudan a transformar el razonamiento lógico en una representación visual que facilita el diseño de programas.
Recuerda una idea fundamental:
Un algoritmo explica cómo resolver un problema; un diagrama de flujo permite visualizar el camino que sigue esa solución.
Con estos conocimientos, continuamos construyendo las bases necesarias para comprender las diferentes formas de representar algoritmos y avanzar hacia la programación.
