Programación I

Diagrama de Flujo
Prof.: Cynthia Gómez

INTRODUCCIÓN

El hombre desde tiempos remotos siempre ha buscado la forma de agilizar y

hacer en forma eficaz las tareas que le confiere, hasta las más mínimas por así decirlo,
es así que se ha basado en herramientas, máquinas y procedimientos para facilitar y
llegar a estos objetivos descritos, la informática en sí misma como esencia existió antes
de que se le pudiera dar un nombre a esta ciencia; asimismo surge el Diagrama de
flujos como una necesidad de expresión lógica a los requerimientos de los avances de
ese momento y no sólo en el campo Computacional o de Programación, a pesar de que
por supuesto eran más populares en esos ámbitos, sino también en casi todos los
saberes del ser humano, específicamente más en el ámbito empresarial y comercial ya
que posibilitó la representación de cantidades considerables de información en un
formato gráfico sencillo.

El primer método estructurado para documentar el flujo de un proceso, el

"Diagrama de flujo del proceso", fue presentado por Frank Gilbreth a los miembros
de la Sociedad Americana de Ingenieros Mecánicos (ASME) en 1921, consiguiendo
rápidamente encontrar su aplicación en los programas de Ingeniería Industrial, siendo
así que a principios de 1930, un ingeniero industrial, Allan H. Mogensen comenzó la
formación de personas de negocios en el uso de algunas de las herramientas de la
ingeniería industrial en Conferencias denominadas “Simplificación del Trabajo”.

Los diagramas de flujo proporcionan a otras personas la comprensión de la

secuencia lógica de la solución planteada y sirven como elemento de documentación
en la solución de problemas o en la representación de los pasos de un proceso.

Con el avance del tiempo La Tipología de los Diagramas de flujo se han ido
ampliando y así adaptarse a los nuevos requerimientos y desafíos del nuevo milenio, es
así que aparte de la construcción normal por su formato, ahora decimos que se
desarrollan los flujogramas de acuerdo a la perspectiva, a los propósitos, a su
presentación, etc.

A continuación presentamos el siguiente trabajo esperando que sea del agrado

y que sirva como material de apoyo para quienes tengan la oportunidad de analizarlo.

Responsables: Julio Giménez – Erwin Espinoza -1-

 Programación I
Diagrama de Flujo
Prof.: Cynthia Gómez
DIAGRAMA DE FLUJO

Breve Reseña
El primer método estructurado para documentar el flujo de un proceso, el
"diagrama de flujo del proceso", fue presentado por Frank Gilbreth a los miembros de
la Sociedad Americana de Ingenieros Mecánicos (ASME) en 1921 en la
exposición “Process Charts - First Steps in Finding the One Best Way”.

Las Herramientas de Gilbreth rápidamente encontraron su aplicación en los

programas de Ingeniería Industrial. A principios de 1930, un ingeniero industrial, Allan
H. Mogensen comenzó la formación de personas de negocios en el uso de algunas de
las herramientas de la ingeniería industrial en sus "Work Simplification
Conferences” (Conferencias de Simplificación del Trabajo) en Lake Placid, New York.

Douglas Hartree explica que Herman Goldstine y John von Neumann elaboró un
diagrama de flujo (originalmente, el diagrama) para planificar los programas de
ordenador. Su versión contemporánea está respaldado por los ingenieros de IBM y por
colecciones personales de Goldstine. Los diagramas de flujo de programación
originales de Goldstine y von Neumann se puede ver en su informe no publicado,
"Planificación y codificación de problemas para un instrumento de
computación electrónica, Parte II, Volumen 1" (1947), que se reproduce en las
obras completas de von Neumann.

Los diagramas de flujo solía ser un medio popular para describir algoritmos
computacionales y todavía se utilizan para este fin. Técnicas modernas tales como
diagramas de actividad de UML (LENGUAJE UNIFICADO DE MODELADO ) puede
ser considerado como extensiones del diagrama de flujo. En la década de 1970 la
popularidad de los diagramas de flujo como método propio disminuyó cuando las
terminales de ordenador y lenguajes de programación de tercera generación se
convirtieron en herramientas comunes, ya que los algoritmos se pueden expresar de
manera mucho más concisa como código fuente de un lenguaje, y también porque era
más probable que el diseño de algoritmos usando diagramas de flujo resulte
en código-espagueti, debido a la necesidad de los "gotos" para describir saltos
arbitrarios en el control flujo del programa.

Responsables: Julio Giménez – Erwin Espinoza -2-

 Programación I
Diagrama de Flujo
Prof.: Cynthia Gómez
¿Qué son los Diagramas de Flujo?

Un diagrama de flujo es un tipo de diagrama que representa un algoritmo o

proceso, que muestra las etapas como bloques de varios tipos, y su orden mediante
conexiones con flechas.

Esta representación esquemática puede dar la solución paso a paso de un

problema dado. Las operaciones de proceso están representadas en estos bloques y
las flechas que los conectan representan el control de flujo.

Los flujos de datos no se suelen representar en un diagrama de flujo, en

contraste con diagramas de flujo de datos, sino que están implícitos en la secuencia de
las operaciones, son usados en el análisis, diseño, documentación o la gestión de un
proceso o programa en varios campos.

Como otros tipos de diagrama, ayudan a visualizar lo que está pasando y de

esa manera ayudan al espectador a entender un proceso, y tal vez también ha
encontrar defectos, cuellos de botella, y otros problemas. Hay muchos tipos diferentes
de diagramas de flujo, y cada tipo tiene su propio repertorio de cajas y convenciones
de notación.

Estos diagramas utilizan símbolos con significados definidos que representan los
pasos del algoritmo, y representan el flujo de ejecución mediante flechas que conectan
los puntos de inicio y de fin de proceso.

Un diagrama de flujo presenta generalmente un único punto de inicio y un

único punto de término, aunque puede tener más, siempre que cumpla con la lógica
requerida.

Responsables: Julio Giménez – Erwin Espinoza -3-

 Programación I
Diagrama de Flujo
Prof.: Cynthia Gómez

Las siguientes son acciones previas a la realización del diagrama de

flujo:

 Identificar las ideas principales al ser incluidas en el diagrama de flujo.

 Deben estar presentes el autor o responsable del proceso, los autores o
responsables del proceso anterior y posterior y de otros procesos
interrelacionados, así como las terceras partes interesadas.
 Definir qué se espera obtener del diagrama de flujo.
 Identificar quién lo empleará y cómo.
 Establecer el nivel de detalle requerido.
 Determinar los límites del proceso a describir.

Los pasos a seguir para construir el diagrama de flujo son:

 Establecer el alcance del proceso a describir.

 De esta manera quedará fijado el comienzo y el final del diagrama.

Frecuentemente el comienzo es la salida del proceso previo y el final la
entrada al proceso siguiente.

 Identificar y listar las principales actividades/subprocesos que están incluidos en

el proceso a describir y su orden cronológico.
 Si el nivel de detalle definido incluye actividades menores, listarlas también.
 Identificar y listar los puntos de decisión.
 Construir el diagrama respetando la secuencia cronológica y asignando los
correspondientes símbolos.
 Asignar un título al diagrama y verificar que esté completo y describa con
exactitud el proceso elegido.

Responsables: Julio Giménez – Erwin Espinoza -4-

 Programación I
Diagrama de Flujo
Prof.: Cynthia Gómez
Tipología de diagramas de flujo

Según la forma

 Formato vertical: En él, el flujo y la secuencia de las operaciones, va de arriba

hacia abajo. Es una lista ordenada de las operaciones de un proceso con toda la
información que se considere necesaria, según su propósito.
 Formato horizontal: En él, el flujo o la secuencia de las operaciones, va de
izquierda a derecha.
 Formato panorámico: El proceso entero está representado en una sola carta y
puede apreciarse de una sola mirada mucho más rápido que leyendo el texto, lo
que facilita su comprensión, aun para personas no familiarizadas. Registra no solo
en línea vertical, sino también horizontal, distintas acciones simultáneas y la
participación de más de un puesto o departamento que el formato vertical no
registra.
 Formato Arquitectónico: Describe el itinerario de ruta de una forma o persona
sobre el plano arquitectónico del área de trabajo. El primero de los flujogramas es
eminentemente descriptivo, mientras que los utilizados son fundamentalmente
representativos.

Por su propósito:
 De Forma: Se ocupa fundamentalmente de una forma con muy pocas o
ninguna descripción de las operaciones. Presenta la secuencia de cada una de
las operaciones o pasos por los que atraviesa una forma en sus diferentes
copias, a través de los diversos puestos y departamentos, desde que se origina
hasta que se archiva. Retrata la distribución de múltiples copias de formas a un
número de individuos diferentes o a unidades de la organización.
 Las formas pueden representarse por símbolos, por dibujos o fotografías
reducidas o por palabras descriptivas. Se usa el formato horizontal. Se retrata o
se designa la forma en el lado izquierdo de la gráfica, se sigue su curso al
proceso de progresión horizontal, cruzando las diferentes columnas asignadas a
las unidades de la organización o a los individuos.
 De Labores (¿qué se hace?): Estos diagramas abreviados sólo representan las
operaciones que se efectúan en cada una de las actividades o labores en que
se descompone un procedimiento y el puesto o departamento que las ejecutan.

Responsables: Julio Giménez – Erwin Espinoza -5-

 Programación I
Diagrama de Flujo
Prof.: Cynthia Gómez
El término labor incluyendo toda clase de esfuerzo físico o mental. Se usa el
formato vertical.
 De Método (¿cómo se hace?): Son útiles para fines de adiestramiento y
presentan además la manera de realizar cada operación de procedimiento, por
la persona que debe realizarla y dentro de la secuencia establecida. Se usa el
formato vertical.
 Analítico (¿para qué se hace?): Presenta no solo cada una de las operaciones
del procedimiento dentro de la secuencia establecida y la persona que las
realiza, sino que analiza para qué sirve cada una de las operaciones dentro del
procedimiento. Cuando el dato es importante consigna el tiempo empleado, la
distancia recorrida o alguna observación complementaria. Se usa formato
vertical.
 De Espacio (¿dónde se hace?): Presenta el itinerario y la distancia que recorre
una forma o una persona durante las distintas operaciones del procedimiento o
parte de él, señalando el espacio por el que se desplaza. Cuando el dato es
importante, expresa el tiempo empleado en el recorrido. Se usa el formato
arquitectónico.
 Combinados: Presenta una combinación de dos o más flujogramas de las clases
anteriores. Se usa el flujograma de formato vertical para combinar labores,
métodos y análisis (qué se hace, cómo se hace, para qué se hace).

Por su presentación:
 De bloque: Se representan en términos generales con el objeto de destacar
determinados aspectos.
 De detalle: Plasman las actividades en su más detallada expresión.

Según la perspectiva:
Alan B. Sterneckert sugirió que los diagramas de flujo pueden ser modelados
desde la perspectiva de diferentes grupos de usuarios (por ejemplo, administradores,
analistas de sistemas y empleados) y que hay cuatro tipos generales:

 Diagramas de flujo de documentos, mostrando los controles sobre el flujo de

un documento a través de un sistema.
 Diagramas de flujo de datos, mostrando los controles sobre un flujo de datos
de un sistema.

Responsables: Julio Giménez – Erwin Espinoza -6-

 Programación I
Diagrama de Flujo
Prof.: Cynthia Gómez
 Diagramas de flujo de sistemas que muestran los controles a nivel físico o de
recursos.
 Diagrama de flujo de programa, que muestra los controles en un programa
dentro de un sistema.

Se Observa que cada tipo de diagrama de flujo se centra en algún tipo de control,
en lugar de en el propio flujo particular.

Ventajas de los diagramas de flujo

 Favorecen la comprensión del proceso al mostrarlo como un dibujo. El cerebro

humano reconoce muy fácilmente los dibujos. Un buen diagrama de flujo
reemplaza varias páginas de texto.
 Permiten identificar los problemas y las oportunidades de mejora del proceso. Se
identifican los pasos, los flujos de los reprocesos, los conflictos de autoridad, las
responsabilidades, los cuellos de botella, y los puntos de decisión.
 Muestran las interfaces cliente-proveedor y las transacciones que en ellas se
realizan, facilitando a los empleados el análisis de las mismas.
 Son una excelente herramienta para capacitar a los nuevos empleados y también a
los que desarrollan la tarea, cuando se realizan mejoras en el proceso.
 Al igual que el pseudocódigo, el diagrama de flujo con fines de análisis
de algoritmos de programación puede ser ejecutado en un ordenador, con
un IDE como Free DFD.

Bloques de Construcción de Diagramas de Flujo

Un diagrama de flujo típico de los antiguos libros de texto básicos de
informática puede tener los siguientes tipos de símbolos:

Responsables: Julio Giménez – Erwin Espinoza -7-

 Programación I
Diagrama de Flujo
Prof.: Cynthia Gómez
La estandarización de los símbolos para la elaboración de Diagramas de Flujo
tardó varios años. Con el fin de evitar la utilización de símbolos diferentes para
representar procesos iguales, la Organización Internacional para la Estandarización
(ISO, por su sigla en inglés) y el Instituto Nacional Americano de Estandarización
(ANSI, por su sigla en inglés), estandarizaron los símbolos que mayor aceptación
tenían en 1985. Los siguientes son los principales símbolos para elaborar Diagramas de
Flujo:

Inicio/Final Decisión
Se utiliza para indicar el Indica la
inicio y el final de un comparación de dos
diagrama; del Inicio datos y dependiendo
sólo puede salir una del resultado lógico
línea de flujo y al Final (falso o verdadero)
sólo debe llegar una se toma la decisión
línea. de seguir un camino
del diagrama u otro.

Entrada General Iteración

Entrada/Salida de datos Indica que una
en General (en esta instrucción o grupo
guía, solo la usaremos de instrucciones
para la Entrada). deben ejecutarse
varias veces.

Entrada por teclado Salida Impresa

Instrucción de entrada Indica la
de datos por teclado. presentación de uno
Indica que el o varios resultados
computador debe en forma impresa.
esperar a que el usuario
teclee un dato que se
guardará en una
variable o constante.

Llamada a subrutina Salida en Pantalla

Indica la llamada a una Instrucción de
subrutina o presentación de
procedimiento mensajes o
determinado. resultados en
pantalla.

Responsables: Julio Giménez – Erwin Espinoza -8-

 Programación I
Diagrama de Flujo
Prof.: Cynthia Gómez

Acción/Proceso Conector
General Indica el enlace de
Indica una acción o dos partes de un
instrucción general que diagrama dentro de
debe realizar el la misma página.
computador (cambios
de valores de variables,
asignaciones,
operaciones aritméticas,
etc).

Flujo Conector
Indica el seguimiento Indica el enlace de
lógico del diagrama. dos partes de un
También indica el diagrama en páginas
sentido de ejecución de diferentes.
las operaciones.

Los dos tipos más comunes de cajas en un diagrama de flujo son:

 A un paso de procesamiento, generalmente se le llama actividad, y se denota

como una caja rectangular.
 A una decisión, se le denota generalmente como un diamante.

Un diagrama de flujo es descrito como"multifuncional" cuando la página se

divide en diferentes "carriles" que describen el control de las diferentes unidades
organizativas. Un símbolo que aparece en un "carril" está bajo el control de esa unidad
organizativa. Esta técnica permite al autor localizar la responsabilidad de realizar una
acción o de tomar una decisión correcta, mostrando la responsabilidad de cada unidad
organizacional para diferentes partes de un mismo proceso; además representan
ciertos aspectos de los procesos y por lo general se complementan con otros tipos de
diagrama. Por ejemplo, Kaoru Ishikawa definió el diagrama de flujo como una de las
siete herramientas básicas de control de calidad, al lado del histograma, diagrama de
Pareto, hoja de verificación, gráfico de control, diagrama de causa y efecto, y el
diagrama de dispersión. De manera similar, en UML, (Lenguaje Unificado de modelado)
un lenguaje estándar de modelado que se utiliza en el desarrollo de software, el
diagrama de actividad (que es un tipo de diagrama de flujo) es sólo uno de los
muchos tipos de diagramas diferentes.

Responsables: Julio Giménez – Erwin Espinoza -9-

 Programación I
Diagrama de Flujo
Prof.: Cynthia Gómez

Responsables: Julio Giménez – Erwin Espinoza -10-

 Programación I
Diagrama de Flujo
Prof.: Cynthia Gómez

Ejemplos de utilización de diagrama de flujo.

Responsables: Julio Giménez – Erwin Espinoza -11-

 Programación I
Diagrama de Flujo
Prof.: Cynthia Gómez

Responsables: Julio Giménez – Erwin Espinoza -12-

 Programación I
Diagrama de Flujo
Prof.: Cynthia Gómez
Software
Cualquier programa de dibujo puede ser usado para crear diagramas de flujo, pero
éstos no tienen un modelo de datos subyacente para compartir datos con bases de
datos u otros programas, como los sistemas de gestión de proyectos y hojas de
cálculo.
Algunas herramientas ofrecen un apoyo especial para dibujar diagramas de flujo.
Muchos paquetes de software existentes que pueden crear diagramas de flujo de
forma automática, ya sea directamente desde el código fuente, o de un lenguaje de
descripción de diagrama de flujo.
Ejemplo de Programas online para graficar diagramas de flujo:

https://www.lucidchart.com

https://grapholite.com/Designer/

Responsables: Julio Giménez – Erwin Espinoza -13-

 Programación I
Diagrama de Flujo
Prof.: Cynthia Gómez
http://www.gliffy.com/

https://www.draw.io

http://www.drawanywhere.com

Programas para simular (ejecutar) diagramas de flujo: estas son aplicaciones que
permiten crear diagramas de flujo de datos, que se pueden utilizar para representar
gráficamente una amplia gama de algoritmos, ejecutarlos y depurarlos si se
encuentran errores.

Responsables: Julio Giménez – Erwin Espinoza -14-

 Programación I
Diagrama de Flujo
Prof.: Cynthia Gómez

CONCLUSIÓN

A través de esta investigación pudimos indagar y adentrarnos más sobre

los procesos diagramáticos, que se utilizan para representar actividades,
situaciones, respuestas y dar soluciones a los problemas planteados en forma
cotidiana dentro del conocimiento humano, pudiendo así conocer los procesos
de transición en forma gráfica de los algoritmos.

Como concepto básico podemos decir que los “Diagramas de Flujos”

son esquemas que emplean símbolos descriptivos para ilustrar los pasos o
etapas de un proceso. Su importancia recae en la demostración visual del flujo
de datos por medio de un sistema de tratamiento de información que nos ayuda
a designar cualquier herramienta simbólica de un procedimiento.

Desde sus comienzos hasta la actualidad, sus primeros indicios de uso

satisficieron plenamente las expectativas, ya que eran fáciles de entender, por
más que el volumen de información sea colosal se adecuaba en un simple y
sencillo gráfico, lo cual permitió verificar el mecanismo de funcionalidad para la
aplicabilidad de estos “Diagramas de Flujo o Flujogramas” en diferentes
campos como por ejemplo: Economía, Procesos Industriales, Ingeniería,
Programación, siguiendo la secuencia lógica de las acciones en el diseño.

Responsables: Julio Giménez – Erwin Espinoza -15-

 Programación I
Diagrama de Flujo
Prof.: Cynthia Gómez

BIBLIOGRAFÍA

 Fundamentos de la programación (Luis Joyanes) 3era Edición

 http://www.fundibeq.org/opencms/export/sites/default/PWF/downloads/gallery
/methodology/tools/diagrama_de_flujo.pdf
 http://www.taringa.net/posts/info/5099216/Diagrama-de-Flujo-Qu-es-y-Como-
se-Hace.html
 http://html.rincondelvago.com/diagrama-de-flujo-de-procesos.html
 http://office.microsoft.com/es-es/word-help/crear-un-diagrama-de-flujo-
HA010338012.aspx
 http://prezi.com/k_cfesfwuxby/reglas-para-la-construccion-de-diagramas-de-
flujo

Responsables: Julio Giménez – Erwin Espinoza -16-

 Programación I
Diagrama de Flujo
Prof.: Cynthia Gómez

ÍNDICE

Introducción ...................................................................................................... 1

Diagrama de flujo (Breve reseña) .................................................................... 2

Concepto de los Diagramas de Flujo ............................................................... 3

Los pasos a seguir para construir el diagrama de flujo .................................... 4

Tipología de diagramas de flujo ....................................................................... 5

Ventajas de los diagramas de flujo................................................................... 7

Bloques de Construcción de Diagramas de Flujo............................................. 7

Los dos tipos más comunes de cajas en un Diagrama de Flujo....................... 9

Ejemplos de utilización de diagrama de flujo.................................................... 11

Software ........................................................................................................... 13

Ejemplo de Programas online para graficar diagramas de flujo ....................... 13

Conclusión........................................................................................................ 15

Bibliografía ....................................................................................................... 16

Índice ................................................................................................................ 17

Responsables: Julio Giménez – Erwin Espinoza -17-