Aprenda a crear Diagramas de flujo
Introducción.
Los diagramas de flujo son una manera de representar visualmente el flujo de datos a travéz de sistemas de tratamiento de información. Los diagramas de flujo describen que operaciónes y en que secuencia se requieren para solucionar un problema dado.
Un diagrama de flujo u organigrama es una representación diagramática que ilustra la secuencia de las operaciones que se realizarán para conseguir la solución de un problema. Los diagramas de flujo se dibujan generalmente antes de comenzar a programar el código frente a la computadora. Los diagramas de flujo facilitan la comunicación entre los programadores y la gente del negocio. Estos diagramas de flujo desempeñan un papel vital en la programación de un problema y facilitan la comprensión de problemas complicados y sobre todo muy largos. Una vez que se dibuja el diagrama de flujo, llega a ser fácil escribír el programa en cualquier idióma de alto nivel. Vemos a menudo cómo los diagramas de flujo nos dan ventaja al momento de explicar el programa a otros. Por lo tanto, está correcto decir que un diagrama de flujo es una necesidad para la documentación mejor de un programa complejo.
Reglas para dibujar un diagramas de flujo.
Los Diagramas de flujo se dibujan generalmente usando algunos símbolos estándares; sin embargo, algunos símbolos especiales pueden también ser desarrollados cuando séan requeridos. Algunos símbolos estándares, que se requieren con frecuencia para diagramar programas de computadora se muestran a continuación:
|
| Inicio o fin del programa |
|
| Pasos, procesos o líneas de instruccion de programa de computo |
|
| Operaciones de entrada y salida |
|
| Toma de desiciónes y Ramificación |
|
| Conector para unir el flujo a otra parte del diagrama |
|
| Cinta magnética |
|
| Disco magnético |
|
| Conector de pagina |
|
| Líneas de flujo |
|
| Anotación |
|
| Display, para mostrar datos |
|
| Envía datos a la impresora |
Observación: Para obtener la correcta elaboración de los símbolos, existen plantillas. Las puedes conseguir en Papelerías.
Simbolos gráficos
Dentro de los simbolos fundamentales para la creaación de diagramas de flujo, los símbolos gráficos son utilizádos especificamente para para operaciónes aritméticas y relaciónes condicionales. La siguiente es una lista de los símbolos más comunmente utilizados:
| + | Sumar |
| - | Menos |
| * | Multiplicación |
| / | División |
| ± | Mas o menos |
| = | Equivalente a |
| > | Mayor que |
| < | Menor que |
| ³ | Mayor o igual que |
| £ | Menor o igual que |
| ¹ o <> | Diferente de |
| Si | |
| No | |
| True | |
| False |
Reglas para la creacion de Diagramas
- Los Diagramas de flujo deben escribirse de arriba hacia abajo, y/o de izquierda a derecha.
- Los símbolos se unen con líneas, las cuales tienen en la punta una flecha que indica la dirección que fluye la información procesos, se deben de utilizar solamente líneas de flujo horizontal o verticales (nunca diagonales).
- Se debe evitar el cruce de líneas, para lo cual se quisiera separar el flujo del diagrama a un sitio distinto, se pudiera realizar utilizando los conectores. Se debe tener en cuenta que solo se vana utilizar conectores cuando sea estrictamente necesario.
- No deben quedar líneas de flujo sin conectar
- Todo texto escrito dentro de un símbolo debe ser legible, preciso, evitando el uso de muchas palabras.
- Todos los símbolos pueden tener más de una línea de entrada, a excepción del símbolo final.
- Solo los símbolos de decisión pueden y deben tener mas de una línea de flujo de salida.
Ejemplos de diagramas de flujo
Diagrama de flujo que encuentra la suma de los primeros 50 numeros naturales
Bueno, y ahora la descripción del diagrama anterior
Suma, es la variable a la que se le va agregando la valor de cada número natural. N, es el contador. Éste recorrerá lo números hasta llegar al 50.- El primer bloque indica el inicio del Diagrama de flujo
- El segundo bloque, es un Símbolo de procesos
En este bloque se asume que las variables suma y N han sido declaradas previamente y las inicializa en 0 para comenzar a el conteo y la suma de valores (Para declararlas existe el bloque Tarjeta perforada).
- El tercer bloque, es también un Símbolo de procesos
En éste paso se incrementa en 1 la variable N (N = N + 1). Por lo que, en la primera pasada esta N valdrá 1, ya que estaba inicializada en 0.
- El cuarto bloque es exactamente lo mismo que el anterior
Pero en éste, ya se le agrega el valor de N a la variable que contendrá la suma (En el primer caso contendrá 1, ya que N = 1).
- El quinto bloque es uno Símbolo de Toma de decisiones y Ramificación
Lo que hay dentro del bloque es una pregunta que se le hace a los valores que actualmente influyen en el proceso (Por decir algo, no se como decirlo, soy muy sope
)
¿Es N=50?, Obviamente la respuesta es no, ya que N todavía es 1.
por lo que el flujo de nuestro programa se dirigirá hacía la parte en donde se observa la palabra no:
Tercer Bloque, éste le sumará 1 (N=N+1) y vuelve a llegar a éste bloque, donde preguntará ¿Es N=50?... ¡No!, todavía es 2. Ha pues, regresa al Tercer bloque y vuelve hacer lo mismo. Y así hasta llegar a 50, obteniendo así la suma de los primeros 50 primeros números naturales.
- Por último indicamos que el resultado será mostrado en la impresora (Este lo puedes cambiarlo por el display para mostrar datos).
- Fin del programa (o diagrama)
Mi super adorada bibliografía
Relacionados
62 Comments
Make A CommentComments RSS Feed TrackBack URL
October 18th, 2007 at 9:10 pm
Tuve que eliminar los comentarios de esta entrada… si a alguien le quedan ganas de seguir ofendiendo, criticando o mal valorando este tipo de información, adelante… Para eso hay lugares, al menos de aquí sus comentarios simplemente serán eliminados. Gracias por su comprensión y motivación. Seguiré escribiendo información útil y relevante a mi nivel de estudio
…
Ahora, en resumen a todo lo que eliminé y en su momento contesté:
No enviaré información a correos sobre como resolver diagramas, pero ofrezco esta lista de ejemplos (http://www.mis-algoritmos.com/ejemplos/diagramas-flujo.html) que resolví o intenté resolver (Como se guste entender mejor) en mis años de bachillerato.
Si alguien desea RECOMENDARME algún tema
que yo pueda o me motive a escribir acerca de cualquier tema, ¡Adelante!: Deja un comentario en esta entrada o un correo privado a mi mail vyk2rr [at] gmail [punto] com.
Ahora, si estas en busqueda de alguna aplicación para la creación de diagramas: recomiendo utilizar Microsoft Visio (Se necesita licencia) o también Gliffy (http://www.gliffy.com) que está en línea, es gratis y funciona con flash.
Y ya para terminar: No seamos abusivos y empecemos de nuevo con comentarios constructivos, creo que se entenderían mucho mejor conmigo y podría intentar escribir algo de mis conocimientos para compartirlo con ustedes
October 22nd, 2007 at 4:06 pm
FELICIDADES VAS BIEN DIOS TE BENDIGA
October 22nd, 2007 at 10:09 pm
no puedes ayudarme a elaborar un diagrama de flujo el cual me diga cual es el numero mayor de 3 numeros y solo use 2 if y una sola salida (imprecion) seria de gran ayuda gracias
October 23rd, 2007 at 9:42 am
Buuu, yo si necesito que me ayuden a realizar un diagrama de flujo, pues no tengo ni la más mínima idea. Es un trabajo que me pidió mi jefe para YA,YA,YA. Conoces a alguien que pueda ayudarme???
October 23rd, 2007 at 12:05 pm
Muchas gracias por toda la imformacion útil que escribes, de verdad me es de mucha ayuda!
Te agradecería que escribas acerca de la programacion en java por que la verdad es un poco difícil.
October 23rd, 2007 at 2:38 pm
Muy buena página, de verdad me ayudo mucho... MUCHAS GRACIAS!
October 23rd, 2007 at 6:34 pm
hola! no hagas caso de malos comentarios, sabes me sacaste de un problema, hacer el bien sin mirar aquien es fabuloso, se te recompenzará ya veraz...
October 23rd, 2007 at 7:12 pm
Para tí y muchas gracias por las enseñanzas: "si vengo de todas partes y hacia todas parte voy no importa el camino si el propio camino soy yo; me gustan los que cantan y también los que callan y de tanto andar conmigo me gusta lo que me pasa"
October 24th, 2007 at 9:53 am
ayudeme acrear un porgrama que me de la opcion ,para sumar,restar,multiplicar,dividir, los numeros
October 24th, 2007 at 10:28 am
hola necesito ayuda para realizar un proceso culquiera, puede ser de creacion de un producto o elaboracion de algo, un proceso corto por favor
October 24th, 2007 at 4:44 pm
hermano por favor quisiera aprender a construir algoritmos con arreglos
October 24th, 2007 at 10:01 pm
esta muy bien su informacion
October 28th, 2007 at 11:43 am
hola mu buena tu información y me ayudo muchísimo tk tu me puedes ayudar con un trabajo
October 30th, 2007 at 1:26 am
@EDWIN: Gracias
@carmina: haber, este no es el lugar adecuado para hacer este tipo de peticiones, pero veamos: con 2 "if" es muy sencillo. Tenemos 3 valores "a", "b" y "c", por defecto podríamoas deducir que nuestro primer valor obtenido siempre es "mayor", y una vez hecho esto validamos dos veces de la siguiente forma: Si "b" es mayor que "mayor" "mayor"="b". Si "c" es mayor que "mayor"="c". Haber, ahora intenta construir el diagrama
Hola @Luisa dezconosco quien pueda ayudarte o hacerte tu diagrama. Tal vez si inviertes algo de dinerito te lo hagan con mayor facilidad
Hola @Luz, pronto me pongo con eso, gracias por la sugerencia.
@Juan:
@CLAUDIA: Gracias, gracias,... Hay quienes no me entienden
también intentamos tener un poco de vida personal ^^
@Libia: eh?
@carlos: Lo mismo que le dije a @carmina este no es el lugar adecuado para hacer ese tipo de peticiones y ademas ese ejemplo está muy sencillo, con la información que te doy en este post podrías resolver eso!! :S
@MAYI RAMI: Pues con el cuadro de procesos :S
hola @ronald, hacer diagramas con arreglos no es muy distinto. Al declarar la variable le agregamos los corchetes al final variable[] y dentro de los corchetes manejamos la información ya en el flujo del diagrama.
@ezequiel, @oscar acosta: Gracias
Disculpen mi retrazo para contestar, uno hace lo que puede
October 30th, 2007 at 11:30 am
hola
me seria de gran ayuda un diagrama de flujo el cual consistiera en sumar 100 numeros reales, donde tendria un contador de tipo entero y la suma inicial 0, con las funciones desde hasta, mientras y repetir, es que no lo tengo claro, m ayudas? seria para hoy de noche, si no puede ser no pasa nada
gracias!
November 1st, 2007 at 12:37 pm
hola solo quiero decierte que vas bien yo apenas voy comenzando mi carrera y se me hace dificil pero bueno te feicito.
no mas queria comentarte algo solo es comentario porque no poner ejercicios para resolver
bueno que dios te bendiga
anngelyto
November 1st, 2007 at 6:16 pm
Hola!!! soy glori, aprovecho esta oportunidad para FELICITARTE, y desearte muy buena suerte en tu vida futura. Esto que haces es de gran ayuda para mi, y para muchos como yo, que estamos estudiando informàtica. Y que a veces se nos hace un poco tedioso manejar terminos. quiero que sepas, que me ha servido de mucho el haber visitado tu pàgina. Pùes en ella he encontrado informaciòn valiosicima y con una terminologia super facil. Deseo que siempre continues como hasta ahora.
chao..... glori.
November 2nd, 2007 at 5:03 pm
hola corazon soy estudiante de informatica y me encanta esta pag, es muy clara precisa y concisa, es lo que necesitamos muchos estudiantes. No le pares a comentarios de personas inecrupulosas q tienen los cerebros vacios q no saben ni siquiera q es un diagram de flujo sigue adelante......FELICITACIONES
November 2nd, 2007 at 10:02 pm
MIRA ES PRIMERA VEZ QUE ENTRO A ESTA PAGINA WEB...Y QUIEN QUIERA QUE SEAS Y DE DONDE SEAS ERES MUY BUENO EN RESOLVER DIAGRAMAS DE FLUJO Y PROGRAMAR ALGORITMOS...YO APENAS VOY EN 5TO SEMESTRE DE LIA Y SE ME HACE MUY DIFICIL TODO ESTO....EL DETALLE ES QUE ES POCO TIEMPO EL QUE NOS IMPARTEN ESTAS CLASES Y VAS CASI CORRIENDO CON TODO...PERO VOY A ESTAR MUY PENDIENTE DE ESTA PAGINA YA QUE ME VA A SER DE GRAN AYUDA....
November 2nd, 2007 at 10:04 pm
TIENES ALGUN CORREO PERSONAL PARA CONTACTARTE O DIRECTAMENTE EN ESTA PAGINA TE PUEDO HACER ALGUNAS PREGUNTAS Y DUDAS QUE TENGO....SI NO ES MUCHA MOLESTIA CLARO....
November 3rd, 2007 at 9:21 am
me fue de mucha ayuda estos diagramas, aunque necesitaria algo mas profundo con respecto a estos diagramas gracias.
November 3rd, 2007 at 5:27 pm
Hola estoy estudiando tambien la Ing en sistemas, no he encontrado la opcion para representar una toma de desiciones de muchas opciones como por ejemplo un menu con 5 opciones , el simbolo para las desiciones es el rombo pero te sirve este mismo simbolo para mas de 3 opciones? si es asi como se representarian mas opciones de una sola desicion como por ejemplo un CASE de 5 opciones!! Te agradezco de antemano tu ayuda o sugerencia.
November 3rd, 2007 at 5:55 pm
Hola:
Oie super bien tu página eh? me ayudó mucho con un trabajo de la escuela para darme una idea sobre los diagramas de flujo que no tenía ni idea, jaja, ps super mega bien tu sitio porque sacas de apuros a mucha gente.
Bueno sigue así y suerte en el futuro.
November 4th, 2007 at 7:43 pm
@Yurema: Puedes echarle una vista a esta lista de diagramas. Tal vez encuentres el que necesitas.
@jose angel: Felicidades, ponle ganas que después se hace fácil.
En cuanto a tu sugerencia, es buena idea, tal vez si tuviera un foro pero requiere trabajo y atención. Con trabajos atiendo los comentarios del blog.
@glori, @m@fer : Gracias
@kely: Hola, puedes escribirme a vyk2rr [at] gmail [dot] com. Aunque no garantizo (De hecho no lo hago) contestar y mucho menos resolver problemas, puedo contestar alguna que otra pregunta
@Daniel: Estoy trabajando en un artículo para describir este tema, espero tenerlo hoy mismo.
@eFi Lú: Gracias
November 4th, 2007 at 10:47 pm
Hola!
Yo puedo ayudar a resolver problemas de esto!
Si alguien quiere ayuda (no que haga sus tareas, dije ayuda) Escribanme a mi mail!
jose.datamath@gmail.com
Esta pagina esta bien explicada, pero a veces se requieren palabras a la medida, jeje
November 5th, 2007 at 9:34 pm
esta muy bien lo que explicas acerca de los diagramas de flujo, estoy estudiando la licenciatura en enfermería y como verás para mi es muy difícil nosotros no estamos muy en contacto con eso, y ahorita vor a realizar un diagrama de flujo acerca de la operacionalización de variables.
November 6th, 2007 at 2:18 am
super bieen mee acabas de salvar el cuelloo de una tareeaa sos lo mxmoo wee!!
esperoo quee sigas asii y adelantee con tus estudioos..=)
noo hagas casoo a badcomments es gntee ignorante que no tiene nada que hacer...
estudio en la Capacitacion de Reparacion y mantenimiento de Equipo Electronico
y es mas facil con estos diagramas encerioo..:D
adioos...
November 11th, 2007 at 5:02 pm
Qué tal!
Ofrezco mi humilde ayuda para quien quiera una guía de cómo resolver algún problema mediante el uso de diagramas de flujo. Eso sí, que sea una guía más no que sea yo quien resuelva la tarea al 100%.
Saludos cordiales
November 14th, 2007 at 11:02 am
hey por que no metes diagramas de flujo con arreglos o cosas asi ponte trucho has las cosas completas
November 14th, 2007 at 11:20 am
gracias por la informacion me ayudo mucho .....y adelante
November 14th, 2007 at 2:43 pm
Muchas gracias por tus orientaciones.Estàn muy claras, concisas y practicas para entender .Muchos saludos.
November 16th, 2007 at 3:42 pm
me podrias mandar una explicacion de como se hace un diagrama de flujo con pila y cola¡¡¡¡
November 20th, 2007 at 9:16 pm
hola!!!
gracias, yo me quiero introducir mucho en este tema de programacion.
gracias
November 22nd, 2007 at 9:48 am
esta bastante bien; grasias man todos los que no tenemos idea te lo agradecemos, por cierto me ayudo mucho a sacar un parcial grasias
November 25th, 2007 at 10:31 am
Pues a mí me gustó y me fue útil...
Gracias!
December 3rd, 2007 at 2:50 am
te felicito esta muy clara la explicación y me ayudó a conseguir algunos puntos que necesitaba para la evaluación de Administración. mil gracias.
December 3rd, 2007 at 9:39 pm
fue muy buena tiene cosas basicas pero no tiene completa la informacion pues faltan mas diagramas y simbolos
December 4th, 2007 at 1:10 pm
Sólo una duda: ¿cómo se representan procesos paralelos/síncronos en diagramas de flujo? (Por favor, una respuesta que no sea la de adaptar el UML o algún otro tipo de diagramas).
December 11th, 2007 at 5:30 pm
yo solo quisiera pedirte que pusieras unos diagramas de flujo como ejemplos
con contadores un poco mas dificiles por q al que esta arriba si le entiendo pero despues que mi maestro me pone mas dificiles no se q me pasa y ya no se como resolverlos, puesto que su estructura va cambiando o se combina con los de desision multiple etc. porfa y gracias
a y aldigrama de arriba no le falto decir "dar numero:",n
December 11th, 2007 at 5:34 pm
a perdon por lo multimo despues de verlo bien me fije que esta super bien exp`licado y entendi que no le faltaba nada lo sinto, gracias
December 11th, 2007 at 6:21 pm
elaborar un diagrama de flujo que determine el % (porcentaje) de alumnos aprobados y reprobados de la materia de (x cualquiera) , el cual esta determinado el promedio de 30% de 3 examenes parciales y 70% por un examen final. se desconoce el numero de nalumnos.
gracias esto no es tarea ya me lo explico mi maestro pero no le entendi muy bien que digamos y ya lo tengo resuelto solo que quisiera comprobar si esta bien.
atte: ana gracias por tener el tiempo de revisar los comentarios.
December 13th, 2007 at 8:09 pm
me gusta las explicaciones que dan pero para que las personas que no entienden deberían poner ejemplos de la vida diaria como buscar el sueldo neto, la comición, la calificación final u otras cosas como estas. Espero que le sirva de algo.
January 9th, 2008 at 9:50 pm
no te preocupes hombre, esta muy bien tu página que bueno que aun hay gente que se dedica a ayudar, no claudiques y gracias por la información me sirvió de mucho
January 11th, 2008 at 10:14 am
Saludos es muy buena los planteamientos de los simbolos y el marco teorico que le das
January 11th, 2008 at 2:37 pm
esta buena y hechale ganas
January 14th, 2008 at 2:59 pm
Yo requeria un punto de partida para hacer diagramas de nuestro proceso y me sirvio.
Esta muy bien.
January 17th, 2008 at 11:40 am
Muchas gracias utilize tu información para preparar una clase de programación ya que mis alumnos no habián llevado nada de diagramación así que aproveche tu buena informacion,. te agradezco.
January 20th, 2008 at 7:45 am
gracias por tener tan buena informacion la aprobeche mucho. sigue con temas parecidos para el beneficio del colectivo. cuentas conmigo. atte. solennys almeida
January 30th, 2008 at 1:06 pm
Te agradezco la inf. Si posees mas sobre C++ escribeme
February 11th, 2008 at 6:04 pm
buena informacion + sobre este tema gracias
February 11th, 2008 at 7:59 pm
ESTA MUY COMPLETA ESTA INFORMACION, SI DE CASUALIDAD LLEGARAS A PONER INFORMACION DE COMO PROGRAMAR EN C++, VISUAL FOX, VISUAL STUDIO, ETC., PORFAVOR MANDAME UN MENSAJE PARA VISITAR TU WEB. MUCHAS GRACIAS POR LA INFORMACION
February 20th, 2008 at 12:30 pm
pregunta: ¿puede un simbolo de decision llevar 3 opciones? algo así como una opcion que independientemente de la respuesta (si o no) tenga que llevar un registro
si tienes una respuesta a mi pregunta te lo agradeceré enormemente.
de antemano gracias por la atención.
Saludos
February 20th, 2008 at 2:18 pm
El símbolo de decisión está formado por 3 reglas inalterables:
*una entrada de datos.
*una salida para el caso de cumplirse la condición.
*una salida para el caso de no cumplirse la condición.
y internamente creo que lo más lógico sería que pudieras meter varias condiciones (pensando como programador) pero en un diagrama de flujo no puede darse esto por que no existen los símbolos and (&&) y or (||), trayendo como consecuencia la posibilidad de introducir únicamente 1 condición por símbolo.
¿Resuelve esto tu duda?
February 27th, 2008 at 6:15 pm
Hola primero que nada pues es una buena para los que están inciando y aprendiendo esto de los DF...
Bueno tengo una duca ya que estoy haciendo un DF de una encuesta de 50 personas y que me digan su color favorito, pero ya tengo el gran avance de mi DF sólo que a las hora de hacer las comparaciones no puedo con los contadores, serías tan amable de decirme c+omo le puedo hacer para sacar el porcentaje de 50 alumnos tomando en cuenta 5 colores...
February 28th, 2008 at 10:31 am
hola estamos en el CEB "Lic. Jesùs Reyes Heroles" que chida esta la pagina me ayudo a sacar 10 jeje :p
February 29th, 2008 at 11:13 am
soy nuevo en esto, recomiendan algunas otras paginas para estudiar y hacer ejemplos de diagramas de flujo?
March 2nd, 2008 at 3:55 pm
Oye muchisimas gracias, esa información si me sirvió bastante!!!
March 4th, 2008 at 11:35 am
lo que son las cosas ... yo estudie lic. en derecho trabaje un tiempo .. i ahora las inesperadas oportunidades de trabajo me hicieron ponerme a estudiar programacion, fibonacci, algoritmos i la verdad es que con una sola leida a tu pagina, entendi cual es el mecanismo o funcionamiento del diagrama de flujo ... por algo se empieza .. gracias!!
March 4th, 2008 at 9:17 pm
Que buena info, me han ayudado un monton grax por tus conocimientos
=P =) XD XP
March 4th, 2008 at 11:51 pm
hola, existe una figura que se llama preparación, se usa en instrucciones repetitivas en su inicio y fin, por favor me gustaría saber que otro uso les puedo dar. ya que necesito un proceso o preparación para convertir una variable numérica en una cadena (string) dentro de un diagrama. ¿que símbolo o figura puedo usar para eso? gracias
March 7th, 2008 at 5:52 pm
ME CUESTA MUCHO MAS TRABAJO RELIZAR TODO TIPO DE OPERACIONES EN SISTEMAS DE NUMERACION QUE LA PROGRAMACION YA SABES A VECES ERES BUENO PARA UNAS COSAS PERO PARA OTRAS ERES UN TRONCO SALUDOS Y BUEN TEMA
March 11th, 2008 at 8:00 pm
LEER 3 NUMEROS Y QUE IMPRIMA EL MAYOR DE LOS 3
MI SOLUCION CREO QUE ES ESTA :S
http://s1.subirimagenes.com/imagenes/previo/thump_1962601444.jpg