DIAGRAMA DE FLUJO

Qu es un Diagrama de Flujo?
Un diagrama de flujo, tambin llamado Flujograma de Procesos o Diagrama de Procesos, representa la
secuencia o los pasos lgicos (ordenados) para realizar una tarea mediante unos smbolos. Dentro de los
smbolos se escriben los pasos a seguir. Un diagrama de flujo debe proporcionar una informacin clara,
ordenada y concisa de todos los pasos a seguir.
Nota: En esta pgina encontrars varios diagramas de flujo explicados y resueltos, pero cuando tengas
claro como se hacen los diagramas de flujo te recomendamos que veas el siguiente enlace donde
encontrars ms diagramas resueltos: Ejemplos de Diagramas de Flujo. En ese enlace te presentamos
15 diagramas de flujo resueltos.
Como Hacer un Diagrama de Flujo
Normalmente para realizar un diagrama de flujo primero se hace lo que se llama el algoritmo. Un
algoritmo es una secuencia de PASOS a seguir para resolver un problema de forma escrita.
Un ejemplo para cocinar un huevo para otra persona sera:
- Pregunto si quiere el huevo frito.
- Si me dice que si, lo frio, si me dice que no, lo hago hervido.
- Una vez cocinado le pregunto si quiere sal en el huevo.
- Si me dice que no, lo sirvo en el Plato, si me dice que si, le hecho sal y despus lo sirvo en el plato.
Ahora que ya sabemos todos los pasos, mediante el algoritmo, podemos hacer un esquema con estos pasos
a seguir. Este esquema ser el Diagrama de Flujo.

Si uno tiene experiencia puede prescindir del algoritmo escrito pero siempre tendremos que tenerlo en
mente para hacer el diagrama de flujo sin equivocarnos. Ms abajo te dejamos varios ejemplos de
diagramas de flujo.
Qu son Los Diagramas de Flujo y Para qu se Usan?

Un algoritmo describe una secuencia de pasos escritos para realizar un tarea.

El Diagrama de Flujo es su representacin esquemtica. Los diagramas de flujo representan la
secuencia lgica o los pasos que tenemos que dar para realizar una tarea mediante unos smbolos y dentro
de ellos se describen los pasos ha realizar.
Por la tanto son una excelente herramienta para resolver problemas, comprender el proceso a seguir as
como para identificar posibles errores antes del desarrollo final de la tarea.
Se usan para antes de hacer un programa informtico, analizar lo que tiene que hacer un robot, en los
procesos industriales, etc.
Un diagrama de flujo es til en todo aquello que se necesite una previa organizacin antes de su desarrollo.
En la realizacin de un programa informtico es imprescindible primero realizar el diagrama de flujo,
independientemente del lenguaje de programacin que usemos despus. Una vez que tenemos nuestro
diagrama de flujo solo tendremos que conocer las rdenes del lenguaje que realizan esas tareas que se
especifican en el diagrama.

Reglas Bsicas Para la Construccin de un Diagrama de Flujo

1. Todos los smbolos han de estar conectados

2. A un smbolo de proceso pueden llegarle varias lneas
3. A un smbolo de decisin pueden llegarle varias lneas, pero slo saldrn dos (Si o No, Verdadero o
Falso).
4. A un smbolo de inicio nunca le llegan lneas.
5. De un smbolo de fin no parte ninguna lnea.

Los smbolos que se usan para realizar los diagramas de flujo son lo siguientes

En el Smbolo de decisin a tomar los valores de salida pueden ser SI o NO o tambin VERDADERO o
FALSO.
El smbolo de Inicio o Final del Diagrama puedes ser un cuadrado con los bordes redondeados o una elipse.
Se pueden utilizar colores para lo smbolos.
Ejemplos de Diagramas de Flujo
Veamos un primer ejemplo muy sencillo.
Queremos hacer un programa informtico que nos sume dos nmero y nos de el resultado en pantalla.
Solucin:
 El smbolo de resultado es un smbolo usado en los diagramas para soluciones con el ordenador. Es el
smbolo de salida del resultado por la pantalla del ordenador.
Ves que es muy sencillo, hay que ir poniendo los pasos lgicos que se deben seguir para realizar la tarea
o el programa.
En el ejercicio tenemos el inicio y el fin, una entrada de datos, para meter los 2 nmeros, una operacin
a realizar, la suma, y un resultado a mostrar.
Cada uno de esos pasos con su smbolo correspondiente en el diagrama.
Otro ejemplo de un diagrama de flujo para una operacin sencilla. Imaginemos que tenemos una lmpara
o bombilla y queremos hacer el diagrama de flujo para saber que hacer cuando esta no funciona.

Hacemos otro?
Bueno vamos hacer uno que nos muestre el resultado del rea de un tringulo en pantalla.
 Como ves en este ni siquiera hemos puesto las operaciones dentro de los smbolos ya que con la forma
del smbolo ya se entiende.
No me hemos usado mucho el smbolo de tomar un decisin, por eso vamos hacer uno en el que nos diga
si el nmero es par o impar:

Si te das cuenta mod significa dividir entre 2. Como ya debes saber si divido un nmero entre 2 y el
resto es 0 el nmero es par. Bien pues hay esta la decisin. Al dividirlo entre 2 el resto es 0? Hay 2
posibilidades. Si lo es se ve en pantalla "Si es par", si no lo es se ve en pantalla "No es par". Eso es la toma
de decisiones.
Adems los diagramas de flujo no solo valen para informtica, incluso podemos hacer uno para cocinar un
huevo, como vimos al principio.
Bueno ahora vamos hacer uno un poco ms complicado. Tenemos que hacer un diagrama de flujo para
mostrar la suma de los 50 primeros nmeros.
Lo primero es poner a cero la suma y dar el primer nmero a sumar que ser el 0.
Fjate que el diagrama acaba cuando N, que es el nmero en cada momento, es 50. Mientras no sea 50 el
programa vuelve a la tercera secuencia que ser sumarle un nmero al anterior N = N + 1. Intenta
comprenderlo y ver que hace. Puedes realizar mentalmente el diagrama para el nmero 0 y vers como lo
acabas entendiendo.
Qu es PSeInt?
PSeInt es una herramienta para asistir a un estudiante en sus primeros pasos en
programacin. Mediante un simple e intuitivo pseudolenguaje en espaol (complementado con
un editor de diagramas de flujo), le permite centrar su atencin en los conceptos
fundamentales de la algoritmia comunicacional, minimizando las dificultades propias de un
lenguaje y proporcionando un entorno de trabajo con numerosas ayudas y recursos didcticos.
Es gratuito.

Donde bajo el PSeInt? Como instalar el PSeInt?

El PSeInt se baja de la siguiente url: http://pseint.sourceforge.net/

La instalacin del PSeInt es como cualquier instalacin de windows (siguiente, siguiente, siguiente).

Nota: Al momento de escribir este post la ultima version es del 21/09/2014

Como utilizar el PSeInt?

Al abrir el PSeInt veremos una pantalla como la siguiente:
Bueno lo principal que es esta pantalla en blanco en la cual vemos que dice Proceso "sin_titulo", es nuestra
hoja en blanco para que empecemos a escribir nuestro pseudocodigo.

Podemos cambiar el nombre del proceso para que sea mas representativo con el pseudocodigo ejemplo:
Proceso Abrir_Puerta, el nombre no debe contener espacios en blancos.

Obviamente nuestro pseudocodigo se debe escribir entre Proceso y FinProceso.

Para ver el diagrama de nuestro pseudocodigo hacemos clic en "Dibujar diagrama de flujo de datos"
Aparecer una pantalla como la siguiente en la cual muestra nuestro flujo de datos. No se hagan problema
si no entienden el diagrama mas adelante veremos cada significado en particular.

Para ejecutar nuestro pseudocodigo debemos hacer clic en (obviamente) Ejecutar

Esto abrir una pantalla como la siguiente:

En la pantalla notamos el nombre de nuestro proceso, que se inicia la ejecucin, realiza las operaciones
determinadas y finaliza.

Sobre el lado derecho vemos Comandos y Estructuras aqui veremos las diferentes estructuras, si, si
entonces, mientras, etc.

Debajo de Comandos y Estructuras veremos ejecucin paso a paso, bsicamente es debugear

paso por paso nuestro pseudocodigo.
Sobre el lado izquierdo nos encontramos con la Lista de Variables. Son todas las variables que utilizamos
en nuestro pseudocodigo.
Finalmente debajo de lista de variables no encontramos con operadores y funciones. Aqui encontramos
operaciones matemticas como suma, resta, divisin, multiplicacion. Como tambien operadores logicos
mayor, igual, etc.
Bueno espero que esta explicacin bsica del PSeInt les sirva un saludos!