Saltar al contenido

Diagrama de flujo en programación: ciclo y ejemplo

Construye e interpreta un diagrama de flujo en programación con condición, actualización y salida. Incluye un ciclo de suma y su prueba de mesa.

Autoría
Study Mais
Publicado el
Tiempo de lectura
4 min de lectura
Estudiante organiza figuras de papel para planear un proceso en su escritorio.
Estudiante organiza figuras de papel para planear un proceso en su escritorio. Study Mais — imagen ilustrativa generada con IA.

En pocas palabras

  • La condición, la actualización y la flecha de retorno determinan el comportamiento del ciclo.
  • La prueba de mesa debe registrar el estado en cada evaluación.
  • Una especificación explícita permite comprobar frontera, corrección y terminación.

Un diagrama de flujo en programación representa el recorrido de un procedimiento mediante acciones, decisiones y conexiones dirigidas. Su utilidad es hacer visible qué paso sigue, bajo qué condición y cómo puede terminar una repetición. No sustituye la especificación ni demuestra por sí solo que el algoritmo sea correcto.

Este artículo desarrolla un ciclo completo para sumar enteros de 1 a n. La guía general de diagrama de flujo presenta usos y organización; aquí el foco está en representar estado, condición de continuación y actualización, y comprobar su ejecución antes de escribir código.

Símbolos y significado del recorrido

Convenciones del ejemplo
ElementoRepresentación habitualQué debe quedar claro
Inicio y finÓvalo o forma de terminaciónDónde comienza y termina el procedimiento
Entrada o salidaParalelogramoQué dato se recibe o presenta
ProcesoRectánguloQué cálculo o actualización se realiza
DecisiónRomboQué condición se evalúa y qué salida corresponde
ConexiónFlechaDirección y continuidad del recorrido
Elemento
Inicio y fin
Representación habitual
Óvalo o forma de terminación
Qué debe quedar claro
Dónde comienza y termina el procedimiento
Elemento
Entrada o salida
Representación habitual
Paralelogramo
Qué debe quedar claro
Qué dato se recibe o presenta
Elemento
Proceso
Representación habitual
Rectángulo
Qué debe quedar claro
Qué cálculo o actualización se realiza
Elemento
Decisión
Representación habitual
Rombo
Qué debe quedar claro
Qué condición se evalúa y qué salida corresponde
Elemento
Conexión
Representación habitual
Flecha
Qué debe quedar claro
Dirección y continuidad del recorrido
Convenciones del ejemplo

La unidad de diagramas de flujo de la UNAM relaciona diagramación y estructuras de control. La forma ayuda, pero la etiqueta debe expresar una operación precisa. “Procesar” dice poco si el lector no sabe qué cambia.

Problema y entradas válidas

Se usan dos variables: suma guarda el acumulado e i indica el entero que se considerará en la siguiente vuelta. Se inicializan en 0 y 1, respectivamente. La condición i ≤ n decide si queda un valor por sumar. Después de añadir i, se incrementa para que el ciclo avance.

Diagrama: inicio, lectura de n, suma igual a cero e i igual a uno; decisión i menor o igual que n; si sí, sumar i e incrementarlo y volver; si no, mostrar suma y finalizar.
Ejemplo original: suma de 1 a n para un entero no negativo. La actualización de i permite avanzar hasta la salida del ciclo. Study Mais — diagrama elaborado para este ejemplo.

Prueba de mesa con n = 3

Estado y decisión del ciclo
Antes de evaluar¿i ≤ 3?AcciónEstado posterior
suma = 0; i = 1SíSumar 1 e incrementar isuma = 1; i = 2
suma = 1; i = 2SíSumar 2 e incrementar isuma = 3; i = 3
suma = 3; i = 3SíSumar 3 e incrementar isuma = 6; i = 4
suma = 6; i = 4NoMostrar sumaResultado: 6
Antes de evaluar
suma = 0; i = 1
¿i ≤ 3?
Sí
Acción
Sumar 1 e incrementar i
Estado posterior
suma = 1; i = 2
Antes de evaluar
suma = 1; i = 2
¿i ≤ 3?
Sí
Acción
Sumar 2 e incrementar i
Estado posterior
suma = 3; i = 3
Antes de evaluar
suma = 3; i = 3
¿i ≤ 3?
Sí
Acción
Sumar 3 e incrementar i
Estado posterior
suma = 6; i = 4
Antes de evaluar
suma = 6; i = 4
¿i ≤ 3?
No
Acción
Mostrar suma
Estado posterior
Resultado: 6
Estado y decisión del ciclo

La tabla registra el estado, no solo las formas del dibujo. Para n = 0, la primera evaluación es falsa y se muestra 0 sin ejecutar el cuerpo. Este caso comprueba que el algoritmo respeta el contrato vacío de suma y que la inicialización no depende de una primera vuelta obligatoria.

Errores que el diagrama ayuda a encontrar

Si se omite el incremento de i, para ciertos valores la condición seguirá verdadera indefinidamente. Si se coloca una condición estricta i < n, el procedimiento no sumará el último valor. Si la flecha de retorno vuelve a la inicialización, se borrará el avance. Cada conexión cambia el comportamiento y debe revisarse como parte del algoritmo.

La documentación de control de flujo de Python permite relacionar ese recorrido con decisiones y bucles en código. El nombre del lenguaje no corrige una condición mal especificada: primero debe estar claro qué estado entra en cada evaluación y qué actualización ocurre después.

Por qué termina y qué calcula

Para n no negativo y finito, i aumenta una unidad en cada vuelta y termina superando n. Antes de cada evaluación, suma contiene los enteros ya incorporados, desde 1 hasta i − 1. Al salir, todos los valores exigidos han sido considerados. Esa propiedad conecta el recorrido con la salida esperada.

El estudio de algoritmos de CS50 ayuda a separar corrección y eficiencia. El ciclo realiza una cantidad de iteraciones proporcional a n; eso es distinto de afirmar una duración fija en segundos. El ejemplo prioriza aprendizaje de repetición, aunque la misma suma pueda calcularse con otra estrategia.

Cómo revisar un diagrama antes de implementar

Checklist del recorrido

  1. Especifique entrada, salida y casos fuera del contrato.
  2. Compruebe que toda decisión tiene salidas identificadas.
  3. Siga cada flecha y revise qué variables cambian.
  4. Pruebe un caso ordinario y un caso de frontera.
  5. Explique por qué el ciclo progresa y termina.
  6. Compare el resultado con un cálculo independiente.

Los ejemplos de algoritmos permiten practicar otros recorridos. La guía de programación conecta el diseño con implementación y pruebas. Un diagrama útil permite explicar el procedimiento y detectar errores concretos, además de mostrar una secuencia visualmente ordenada.

Recurso sobre diagramas de flujo y pseudocódigo en programación. Siga las decisiones y actualizaciones antes de traducir el procedimiento a código. Programación: Diagramas de flujo y pseudocódigo (JuanRa Garcia Montes)

Referencias

  1. UNAM. CUAED. Diagramas de flujo. Unidad de Apoyo para el Aprendizaje. https://repositorio-uapa.cuaed.unam.mx/repositorio/moodle/pluginfile.php/3082/mod_resource/content/1/UAPA-Diagramas-Flujo/index.html
  2. PYTHON SOFTWARE FOUNDATION. Tutorial: más herramientas para control de flujo. https://docs.python.org/es/3/tutorial/controlflow.html
  3. HARVARD UNIVERSITY. CS50x. Lecture 3: Algorithms. https://cs50.harvard.edu/x/notes/3/

Autoría

Study Mais