Diagrama de ujo

La lmpara no
funciona

Est No
enchufada Enchufar
la lmpara? la lmpara

Est S
quemada la Cambiar la
ampolleta? ampolleta

No

Comprar
nueva lmpara

Diagrama de ujo sencillo con los pasos a seguir si una lmpara

no funciona.

El diagrama de ujo o diagrama de actividades es la

representacin grca del algoritmo o proceso. Se utiliza
en disciplinas como programacin, economa, procesos
industriales y psicologa cognitiva.
En Lenguaje Unicado de Modelado (UML), un diagra-
ma de actividades representa los ujos de trabajo paso a
paso de negocio y operacionales de los componentes en
un sistema. Un diagrama de actividades muestra el ujo Diagrama de actividades para un loop (bucle
de control general.
En SysML el diagrama ha sido extendido para indicar u-
jos entre pasos que mueven elementos fsicos (p. ej., ga- 1 Normas de trabajo
solina) o energa (p. ej., presin). Los cambios adicionales
permiten al diagrama soportar mejor ujos de compor-
tamiento y datos continuos. Un diagrama de ujo presenta generalmente un nico
Estos diagramas utilizan smbolos con signicados deni- punto de inicio y un nico punto de cierre, aunque puede
dos que representan los pasos del algoritmo, y represen- tener ms, siempre que cumpla con la lgica requerida.
tan el ujo de ejecucin mediante echas que conectan Las siguientes son acciones previas a la realizacin del
los puntos de inicio y de n del proceso. diagrama de ujo:

1
2 3 TIPOS DE DIAGRAMAS DE FLUJO

Identicar las ideas principales al ser incluidas en el El propsito del diagrama de actividad es modelar un pro-
diagrama de ujo. Deben estar presentes el autor o ceso de ujo de trabajo (workow) y/o modelar operacio-
responsable del proceso, los autores o responsables nes.
del proceso anterior y posterior y de otros proce- Una Operacin es un servicio proporcionado por un ob-
sos interrelacionados, as como las terceras partes jeto, que est disponible a travs de una interfaz.
interesadas.
Una Interfaz es un grupo de operaciones relacionadas con
Denir qu se espera obtener del diagrama de ujo. la semntica. Caractersticas de los Flujogramas Se-
Identicar quin lo emplear y cmo. gn Gmez Cejas, Guillermo. Ao 1.997: Sinttica: La
representacin que se haga de un sistema o un proceso
Establecer el nivel de detalle requerido. deber quedar resumido en pocas hojas, de preferencia
en una sola. Los diagramas extensivos dicultan su com-
Determinar los lmites del proceso a describir. prensin y asimilacin, por tanto dejan de ser prcticos.
Simbolizada: La aplicacin de la simbologa adecuada a
Los pasos a seguir para construir el diagrama de ujo son: los diagramas de sistemas y procedimientos evita a los
analistas anotaciones excesivas, repetitivas y confusas en
Establecer el alcance del proceso a describir. De es- su interpretacin. De forma visible a un sistema o un pro-
ta manera quedar jado el comienzo y el nal del ceso: Los diagramas nos permiten observar todos los pa-
diagrama. Frecuentemente el comienzo es la salida sos de un sistema o proceso sin necesidad de leer notas
del proceso previo y el nal la entrada al proceso extensas. Un diagrama es comparable, en cierta forma,
siguiente. con una fotografa area que contiene los rasgos princi-
pales de una regin, y que a su vez permite observar es-
Identicar y listar las principales activida-
tos rasgos o detalles principales. Segn Chiavenato, Idal-
des/subprocesos que estn incluidos en el proceso a
berto. Ao 1.993: Permitir al analista asegurarse que ha
describir y su orden cronolgico.
desarrollado todos los aspectos del procedimiento. Dar
Si el nivel de detalle denido incluye actividades las bases para escribir un informe claro y lgico. Es un
menores, listarlas tambin. medio para establecer un enlace con el personal que even-
tualmente operar el nuevo procedimiento. Segn Gmez
Identicar y listar los puntos de decisin. Rondn, Francisco. Ao 1.995: De uso, permite facilitar
Construir el diagrama respetando la secuencia cro- su empleo. De destino, permite la correcta identicacin
nolgica y asignando los correspondientes smbolos. de actividades. De comprensin e interpretacin, permi-
te simplicar su comprensin. De interaccin, permite el
Asignar un ttulo al diagrama y vericar que est acercamiento y coordinacin. De simbologa, disminuye
completo y describa con exactitud el proceso ele- la complejidad y accesibilidad. De diagramacin, se ela-
gido. bora con rapidez y no requiere de recursos sosticados.
Leer ms: http://www.monografias.com/
trabajos14/flujograma/flujograma.shtml#CARA#
2 Descripcin ixzz4D0WSrWIH

En UML 1.x, un diagrama de actividades es una varia-

cin del diagrama de estado UNL donde los estados re-
presentan operaciones, y las transiciones representan las
actividades que ocurren cuando la operacin se termina.
El diagrama de mensajes de UML 2.0, mientras que es
similar en aspecto al diagrama de actividades UML 1.x,
ahora tiene semnticas basadas en redes de Petri. En
UML 2.0, el diagrama general de interaccin est basado
en el diagrama de actividades. El diagrama de actividad
es una forma especial de diagrama de estado usado para
modelar una secuencia de acciones y condiciones toma-
das dentro de un proceso.
La especicacin del Lenguaje de Noticacin Unicado
(UNL) dene un diagrama de actividad como:
una variacin de los estados de una mquina, los cua-
les representan el rendimiento de las acciones o subacti-
vidades y las transiciones se provocan por la realizacin
de las acciones o subactividades.[1]
3 Tipos de diagramas de ujo
Formato vertical: En l, el ujo y la secuencia de las
operaciones, va de arriba hacia abajo. Es una lista
ordenada de las operaciones de un proceso con toda
la informacin que se considere necesaria, segn su
propsito.
Formato horizontal: En l, el ujo o la secuencia de
las operaciones, va de izquierda a derecha.
Formato panormico: El proceso entero est repre-
sentado en una sola carta y puede apreciarse de una
sola mirada mucho ms rpido que leyendo el tex-
to, lo que facilita su comprensin, aun para personas
no familiarizadas. Registra no solo en lnea vertical,
sino tambin horizontal, distintas acciones simult-
neas y la participacin de ms de un puesto o depar-
tamento que el formato vertical no registra.
 3

Formato Arquitectnico: Describe el itinerario de Tringulo Invertido (base superior): Archivo

ruta de una forma o persona sobre el plano arquitec- Transitorio.
tnico del rea de trabajo. El primero de los ujo-
gramas es eminentemente descriptivo, mientras que Semivalo: Demora.
los utilizados son fundamentalmente representati- Rombo: Divisin entre opciones.
vos.
Trapezoide: Carga de datos al sistema.

Elipsoide: Acceso por pantalla.

4 Simbologa y signicado
Hexgono: Proceso no representado.
valo o Elipse: Inicio y Final (Abre y cierra el dia-
grama). Pentgono: Conector.

Rectngulo: Actividad (Representa la ejecucin de Cruz de Diagonales: Destruccin de Formularios.

una o ms actividades o procedimientos).
Segn la normativa, el ujo presupuesto es de izquierda
Rombo: Decisin (Formula una pregunta o cues- a derecha y de arriba hacia abajo, siendo optativo el uso
tin). de echas. Cuando el sentido es invertido (de derecha a
izquierda o de abajo hacia arriba), es obligatorio el uso de
Crculo: Conector (Representa el enlace de activi-
la echa.[2]
dades con otra dentro de un procedimiento).

Tringulo boca abajo: Archivo denitivo (Guarda

un documento en forma permanente). 6 Historia
Tringulo boca arriba: Archivo temporal (Propor-
ciona un tiempo para el almacenamiento del docu- La paternidad del diagrama de ujo es en principio algo
mento). difusa. El mtodo estructurado para documentar grca-
mente un proceso como un ujo de pasos sucesivo y alter-
nativos, el proceso de diagrama de ujo, fue expuesto
por Frank Gilbreth, en la Sociedad Americana de Inge-
5 Cursograma nieros Mecnicos (ASME), en 1921, bajo el enunciado
de Proceso de Grcas-Primeros pasos para encontrar
Se trata de la ms comn y prctica entre todas las clases el mejor modo. Estas herramientas de Gilbreth rpida-
de diagramas de ujo. Describe el ujo de informacin mente encontraron sitio en los programas de ingeniera
en un ente u organizacin, sus procesos, sistemas admi- industrial.
nistrativos y de control. Permite la impresin visual de los
Al principio de los 30, un ingeniero industrial, Allan H.
procedimientos y una clara y lgica interpretacin.
Mogensen comenz la formacin de personas de nego-
cios en Lake Placid, Nueva York, incluyendo el uso del
5.1 Simbologa y normas del diagrama diagrama de ujo. Art Spinanger, asistente a las clases de
Mogesen, utiliz las herramientas en su trabajo en Proc-
Crculo: Indica Inicio del Diagrama y Final del Dia- ter & Gamble, donde desarroll su Programa Metdico
grama de Cambios por Etapas. Otro asistente al grupo de gra-
duados en 1944, Ben S. Graham, director de ingeniera
Cuadrado: Proceso de control. de Formcraft Standard Register Corporation, adapt la
grca de ujo de procesos al tratamiento de la informa-
Lnea continua: Flujo de informacin va formula- cin en su empresa. Y desarroll la grca del proceso
rio o documentacin en soporte de papel escrito. de mltiples ujos en mltiples pantallas, documentos, y
Lnea interrumpida: Flujo de informacin va for- sus relaciones. En 1947, ASME adopt un conjunto de
mulario digital. smbolos derivados de la obra original de Gilbreth como
Norma ASME para los grcos de procesos (preparada
Rectngulo: Formulario o documentacin. Se gra- Mishad, Ramsan y Raiaan).
fca con el doble de ancho que su altura. Sin embargo, segn explica Douglas Hartree fueron ori-
Rectngulo Pequeo: Valor o medio de pago (che- ginalmente Herman Goldstine y John von Neumann quie-
que, pagar, etc.). Se grafca con el cudruple de an- nes desarrollaron el diagrama de ujo (inicialmente lla-
cho que su altura, siendo su ancho igual al de los for- mado diagrama) para planicar los programas de or-
mularios. denador. Las tablas de programacin original de ujo de
Goldstine y von Neumann, aparecen en un informe no pu-
Tringulo (base inferior): Archivo denitivo. blicado, Planicacin y codicacin de los problemas de
4 11 ENLACES EXTERNOS

un instrumento de computacin electrnica, la Parte II, Microsoft Oce ofrece 3 herramientas tiles para
Volumen 1 "(1947), reproducido en las obras completas la elaboracin de diagramas. Uno de ellos es Micro-
de von Neumann. soft Oce Word, que nos permite crear diagramas
Inicialmente los diagramas de ujo resultaron un medio de ujo bsicos a travs de la opcin Formas que
popular para describir algoritmos de computadora, y an tiene un apartado especial para diagramas de ujo.
se utilizan con este n. Herramientas como los diagra- De igual manera Microsoft Oce Power Point ofre-
mas de actividad UML, pueden ser considerados como ce las mismas opciones para crear los diseos de dia-
evoluciones del diagrama de ujo. gramas de ujo. Otra herramienta un poco ms so-
sticada es Microsoft Oce Visio, que adems de
En la dcada de 1970 la popularidad de los diagramas de la simbologa bsica de los diagramas de ujo cuen-
ujo como mtodo propio de la informtica disminuy, ta con una variedad de herramientas para elaborar
con el nuevo hardware y los nuevos lenguajes de progra- otros tipos de diagramas como es el caso diagramas
macin de tercera generacin. Y por otra parte se con- UML entre otros tipos de diagramas de ujo.
virtieron en instrumentos comunes en el mundo empre-
sarial. Son una expresin concisa, legible y prctica de Otro programa eciente y muy fcil de usar es el pro-
algoritmos. Actualmente se aplican en muchos campos grama Dia que brinda una solucin rpida para la
del conocimiento, especialmente como simplicacin y creacin de diagramas de ujo adems de otro ti-
expresin lgica de procesos, etc. po de diagramas usados en el ambiente informtico.
Es considerado la versin no comercial de Microsoft
Visio.
7 Ventajas de los diagramas de u- Tambin existen aplicaciones que permiten que, una vez
jo que un creador haya diseado el diagrama de ujo, un
usuario nal lo utilice y, en base a las opciones que vaya
Ayudan a ilustrar modelos y a conectar ideas para escogiendo, se le vayan mostrando las siguientes etapas
aumentar nuestra productividad en el entorno pro- hasta llegar a un resultado nal. Un ejemplo de este tipo
fesional e incentivar nuestra creatividad. [3] de aplicaciones es iBoske.

Favorecen la comprensin del proceso al mostrarlo

como un dibujo. El cerebro humano reconoce muy 9 Vase tambin
fcilmente los dibujos. Un buen diagrama de ujo
reemplaza varias pginas de texto.
Permiten identicar los problemas y las oportunida-
10 Referencias
des de mejora del proceso. Se identican los pasos,
[1] Bellows, Jeannie, Castek (2000). Activity Diagrams and
los ujos de los reprocesos, los conictos de autori- Operation Architecture. Technologies Group Inc.
dad, las responsabilidades, los cuellos de botella, y
los puntos de decisin. [2] Castilla, Mara Josena. Cursogramas. Sistemas de In-
formacin II. Consultado el 4 de diciembre de 2016.
Muestran las interfaces cliente-proveedor y las
[3] Crea Diagramas de Flujo con GoConqr. GoConqr (en
transacciones que en ellas se realizan, facilitando a
espaol de Espaa). Consultado el 16 de febrero de 2017.
los empleados el anlisis de las mismas.
Son una excelente herramienta para capacitar a los
nuevos empleados y tambin a los que desarrollan la 11 Enlaces externos
tarea, cuando se realizan mejoras en el proceso.
Al igual que el pseudocdigo, el diagrama de ujo Wikimedia Commons alberga contenido multi-
con nes de anlisis de algoritmos de programacin media sobre Diagrama de ujoCommons.
puede ser ejecutado en un ordenador, con un IDE
como Free DFD. Wikimedia Commons alberga contenido multi-
media sobre diagrama de actividadesCommons.

8 Software para diseo de diagra- Documentos de la Especicacin UML 2.0

mas de ujo Introduccin a los Diagramas de Actividades UML

Actualmente existe una gran cantidad de software para la
elaboracin de diagramas de ujo. A continuacin se lis-
tan los programas ms comunes para elaborar diagramas
de ujo.
2
Microsoft Oce Visio Tutorial
PSeInt herramienta para asistir a un estudiante en
sus primeros pasos en programacin.
 5

12 Origen del texto y las imgenes, colaboradores y licencias

12.1 Texto
Diagrama de ujo Fuente: https://es.wikipedia.org/wiki/Diagrama_de_flujo?oldid=97408165 Colaboradores: JIPumarino, JorgeGG, We-
sisnay, Angus, Comae, Rosarino, Dodo, SimnK, Rsg, Cookie, Tostadora, Julian Colina, Barcex, DanielCardaci, Gengiskanhg, Geom, Po-
rao, Schummy, Fmariluis, Chewie, FAR, Digigalos, Boticario, Soulreaper, Petronas, Hispa, Airunp, JMPerez, Edub, Taichi, LeCire, Magis-
ter Mathematicae, Dem, Murven, RobotQuistnix, Unf, Alhen, Akhram, Ryavara, Jomra, Caiserbot, Yrbot, Amads, BOT-Superzerocool,
Vitamine, BOTijo, .Sergio, Mortadelo2005, Beto29, Armin76, Quiron, The Photographer, Jesuja, Santiperez, Baneld, Jmencisom, Mor-
za, Er Komandante, Tomatejc, Filipo, The worst user, Rbonvall, Faelomx, Kn, Aleator, BOTpolicia, CEM-bot, Jorgelrm, Cantero, Laura
Fiorucci, Ignacio Icke, Xexito, Baiji, Rastrojo, Antur, Dorieo, Montgomery, Resped, Thijs!bot, Alvaro qc, Tortillovsky, Hygiliak, Carlos t,
Diosa, Olaf Emmanuel Vargas Ramrez, RoyFocker, Gabrielmt, Max Changmin, Ninovolador, Cratn, Isha, Gusgus, Gngora, Mpeinado-
pa, Niko guti2006, Jurgens~eswiki, JAnDbot, Ncespedes, Maria angelica, Mansoncc, Muro de Aguas, Zufs, Gsrdzl, Hidoy kukyo, Elisar-
dojm, Humberto, Netito777, Jvlivs, Plux, Rovnet, Manuel Trujillo Berges, Bucephala, AlnoktaBOT, Cipin, Cinevoro, Aibot, VolkovBot,
Technopat, Jose gueredo, Galandil, Queninosta, Erl, Matdrodes, Fernando Estel, Synthebot, BlackBeast, Lucien leGrey, Luis1970, Va-
telys, Muro Bot, J.M.Domingo, Numbo3, Comu nacho, YonaBot, Sealight, Jmvgpartner, SieBot, Mushii, Carmin, Dars666, Cyberkender,
Gurgut, OboeCrack, Manw, Greek, BuenaGente, Belb, Mafores, PipepBot, Ivanics, Xqno, Tirithel, XalD, HUB, Antn Francho, Nicop,
Farisori, Eduardosalg, Leonpolanco, Pan con queso, Alejandrocaro35, TronaBot, Petruss, Vctor Barbero, BetoCG, PetrohsW, Toolserver,
Aipni-Lovrij, Osado, Camilo, UA31, CRISPIS, AVBOT, Ellinik, JAQG, David0811, Yoprideone, LucienBOT, Juanjo.it.ab, MastiBot,
Angel GN, MarcoAurelio, Speedplus, Ezarate, Diegusjaimes, Davidgutierrezalvarez, DumZiBoT, Arjuno3, Lampsako, Luckas-bot, Spirit-
Black-Wikipedista, M411045, Vic Fede, Dangelin5, Kevinprado, Nixn, MaBy25, ArthurBot, SuperBraulio13, Xqbot, Jkbw, Rubinbot,
Dreitmen, Plasmoid, AssassinR15, Dan6hell66, Annabrinn, NONYTO P8a, FrescoBot, Ricardogpn, Janiyi, Xalox~eswiki, Igna, Botarel,
Hprmedina, Guillermo Axel, TobeBot, Halfdrag, RedBot, Vubo, Alonsosm, Abece, Leugim1972, Elchelemanda, PatruBOT, Kamikaze-
Bot, Angelito7, Zpu,portaynach, Tarawa1943, Foundling, Gauri, Axvolution, Edslov, EmausBot, Savh, AVIADOR, Edgarga, ZroBot,
HRoestBot, Allforrous, Sergio Andres Segovia, Africanus, J. A. Glvez, SAMTODOPODEROSO, Rubpe19, MercurioMT, Emiduronte,
MadriCR, Fjmejor, Waka Waka, Banck, Movses-bot, Wednom, Antonorsi, MerlIwBot, KLBot2, TeleMania, Firewalldefender, Vagobot,
AvocatoBot, Travelour, Gins90, Jhselings, Carliitaeliza, Vetranio, LlamaAl, rico, Elvisor, DanielithoMoya, AGEchacky, Helmy oved,
Jlurbe, Flashlack, Armonizador, Juanitorreslp, 2rombos, Rauletemunoz, Lfe-2, Leitoxx, Oscar.gasca7, Lautaro 97, Tushu89, Amendezb,
Richard Lyon, Sanperni, Jean70000, Addbot, Balles2601, Hans Topo1993, Kamarori, Zamaconas, Omelgarejo, Luiggypozo7, Henrikh-
wolf, Jarould, Matiia, Egis57, NicolasErazoB, Elreysintrono, Bruno Rene Vargas, Crystallizedcarbon, AlvaroMolina, Wizard-Lizard, Be-
rruguin, BenjaBot, 4lextintor, Rodsg, Dinmondin, Sfr570, Fernando2812l, Axel froylan, Pikamas, Ignaciogu, Josejose1890, Cotelani,
Rafa tintore y Annimos: 1067

12.2 Imgenes
Archivo:Commons-logo.svg Fuente: https://upload.wikimedia.org/wikipedia/commons/4/4a/Commons-logo.svg Licencia: Public do-
main Colaboradores: This version created by Pumbaa, using a proper partial circle and SVG geometry features. (Former versions used
to be slightly warped.) Artista original: SVG version was created by User:Grunt and cleaned up by 3247, based on the earlier PNG version,
created by Reidab.
Archivo:DiagramaFlujoLampara.svg Fuente: https://upload.wikimedia.org/wikipedia/commons/7/76/DiagramaFlujoLampara.svg
Licencia: CC-BY-SA-3.0 Colaboradores: versin en espaol de w:Image:LampFlowchart.svg Artista original: svg en espaol por Jipumarino

Archivo:For-loop-diagram.png Fuente: https://upload.wikimedia.org/wikipedia/commons/0/06/For-loop-diagram.png Licencia: CC

BY-SA 2.5 Colaboradores: No machine-readable source provided. Own work assumed (based on copyright claims). Artista original: No
machine-readable author provided. Faxe assumed (based on copyright claims).

12.3 Licencia del contenido

Creative Commons Attribution-Share Alike 3.0