Diagrama de ujo

La lmpara no
funciona

Est
enchufada
la lmpara?

No

Enchufar
la lmpara

Est
quemada la
ampolleta?

Cambiar la
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 diagrama 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 a(bucle
de control general.
En SysML el diagrama ha sido extendido para indicar ujos 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 comporUn diagrama de ujo presenta generalmente un nico
tamiento y datos continuos.
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
diagrama de ujo:
los puntos de inicio y de n del proceso.
1

4
Identicar las ideas principales al ser incluidas en el
diagrama de ujo. 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.

SIMBOLOGA Y SIGNIFICADO

El propsito del diagrama de actividad es modelar un proceso de ujo de trabajo (workow) y/o modelar operaciones.
Una Operacin es un servicio proporcionado por un objeto, que est disponible a travs de una interfaz.

Una Interfaz es un grupo de operaciones relacionadas con

Denir qu se espera obtener del diagrama de ujo. la semntica.
Identicar quin lo emplear y cmo.
Establecer el nivel de detalle requerido.

3 Tipos de diagramas de ujo

Determinar los lmites del proceso a describir.

Los pasos a seguir para construir el diagrama de ujo son:
Establecer el alcance del proceso a describir. De esta manera quedar jado el comienzo y el nal del
diagrama. Frecuentemente el comienzo es la salida
del proceso previo y el nal la entrada al proceso
siguiente.
Identicar y listar las principales actividades/subprocesos que estn incluidos en el proceso a
describir y su orden cronolgico.
Si el nivel de detalle denido incluye actividades
menores, listarlas tambin.
Identicar y listar los puntos de decisin.
Construir el diagrama respetando la secuencia cronolgica y asignando los correspondientes smbolos.
Asignar un ttulo al diagrama y vericar que est
completo y describa con exactitud el proceso elegido.

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 representado en una sola carta y puede apreciarse de una
sola mirada mucho ms rpido que leyendo el texto, lo que facilita su comprensin, aun para personas
no familiarizadas. Registra no solo en lnea vertical,
sino tambin horizontal, distintas acciones simultneas y la participacin de ms de un puesto o departamento que el formato vertical no registra.
Formato Arquitectnico: Describe el itinerario de
ruta de una forma o persona sobre el plano arquitectnico del rea de trabajo. El primero de los ujogramas es eminentemente descriptivo, mientras que
los utilizados son fundamentalmente representativos.

Descripcin

En UML 1.x, un diagrama de actividades es una variacin del diagrama de estado UNL donde los estados representan operaciones, y las transiciones representan las
actividades que ocurren cuando la operacin es completa.

4 Simbologa y signicado
valo o Elipse: Inicio y Final (Abre y cierra el diagrama).

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 tomadas dentro de un proceso.

Rectngulo: Actividad (Representa la ejecucin de

una o ms actividades o procedimientos).

La especicacin del Lenguaje de Noticacin Unicado

(UNL) dene un diagrama de actividad como:

Tringulo boca abajo: Archivo denitivo (Guarda

un documento en forma permanente).

una variacin de una mquina estados, lo cual los estados representan el rendimiento de las acciones o subactividades y las transiciones se provocan por la realizacin
de las acciones o subactividades.[1]

Rombo: Decisin (Formula una pregunta o cuestin).

Crculo: Conector (Representa el enlace de actividades con otra dentro de un procedimiento).

Tringulo boca arriba: Archivo temporal (Proporciona un tiempo para el almacenamiento del documento).

Cursograma

de Proceso de Grcas-Primeros pasos para encontrar

el mejor modo. Estas herramientas de Gilbreth rpidaSe trata de la ms comn y prctica entre todas las clases mente encontraron sitio en los programas de ingeniera
de diagramas de ujo. Describe el ujo de informacin industrial.
en un ente u organizacin, sus procesos, sistemas admi- Al principio de los 30, un ingeniero industrial, Allan H.
nistrativos y de control. Permite la impresin visual de los Mogensen comenz la formacin de personas de negoprocedimientos y una clara y lgica interpretacin.
cios en Lake Placid, Nueva York, incluyendo el uso del
diagrama de ujo. Art Spinanger, asistente a las clases de
Mogesen, utiliz las herramientas en su trabajo en Proc5.1 Simbologa y normas del cursograma ter & Gamble, donde desarroll su Programa Metdico
de Cambios por Etapas. Otro asistente al grupo de gra Crculo: Procedimiento estandarizado.
duados en 1944, Ben S. Graham, director de ingeniera
de Formcraft Standard Register Corporation, adapt la
Cuadrado: Proceso de control.
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
sus relaciones. En 1947, ASME adopt un conjunto de
Lnea interrumpida: Flujo de informacin va forsmbolos derivados de la obra original de Gilbreth como
mulario digital.
Norma ASME para los grcos de procesos (preparada
Rectngulo: Formulario o documentacin. Se gra- Mishad, Ramsan y Raiaan).
fca con un doble de ancho que su altura.
Sin embargo, segn explica Douglas Hartree fueron originalmente Herman Goldstine y John von Neumann quienes desarrollaron el diagrama de ujo (inicialmente llamado diagrama) para planicar los programas de ordenador. 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
un instrumento de computacin electrnica, la Parte II,
Tringulo Invertido (base superior): Archivo
Volumen 1 "(1947), reproducido en las obras completas
Transitorio.
de von Neumann.
Semivalo: Demora.
Inicialmente los diagramas de ujo resultaron un medio
popular para describir algoritmos de computadora, y an
Rombo: Divisin entre opciones.
se utilizan con este n. Herramientas como los diagramas de actividad UML, pueden ser considerados como
Trapezoide: Carga de datos al sistema.
evoluciones del diagrama de ujo.
Elipsoide: Acceso por pantalla.
En la dcada de 1970 la popularidad de los diagramas de
Hexgono: Proceso no representado.
ujo como mtodo propio de la informtica disminuy,
con el nuevo hardware y los nuevos lenguajes de progra Pentgono: Conector.
macin de tercera generacin. Y por otra parte se con Cruz de Diagonales: Destruccin de Formularios. virtieron en instrumentos comunes en el mundo empresarial. Son una expresin concisa, legible y prctica de
Segn la normativa, el ujo presupuesto es de izquierda algoritmos. Actualmente se aplican en muchos campos
a derecha y de arriba hacia abajo, siendo optativo el uso del conocimiento, especialmente como simplicacin y
de echas. Cuando el sentido es invertido (de derecha a expresin lgica de procesos, etc.
Rectngulo Pequeo: Valor o medio de pago (cheque, pagar, etc.). Se grafca con un cudruple de
ancho que su altura, siendo su ancho igual al de los
formularios.

izquierda o de abajo hacia arriba), es obligatorio el uso de

la echa.

Historia

La paternidad del diagrama de ujo es en principio algo

difusa. El mtodo estructurado para documentar grcamente un proceso como un ujo de pasos sucesivo y alternativos, el proceso de diagrama de ujo, fue expuesto
por Frank Gilbreth, en la Sociedad Americana de Ingenieros Mecnicos (ASME), en 1921, bajo el enunciado

7 Ventajas de los diagramas de ujo

Favorecen la comprensin del proceso al mostrarlo
como un dibujo. El cerebro humano reconoce muy
fcilmente los dibujos. Un buen diagrama de ujo
reemplaza varias pginas de texto.
Permiten identicar los problemas y las oportunidades de mejora del proceso. Se identican los pasos,

11 ENLACES EXTERNOS
los ujos de los reprocesos, los conictos de autoridad, las responsabilidades, los cuellos de botella, y
los puntos de decisin.
Muestran las interfaces cliente-proveedor y las
transacciones que en ellas se realizan, facilitando a
los empleados el anlisis de las mismas.
Son una excelente herramienta para capacitar a los
nuevos empleados y tambin a los que desarrollan la
tarea, cuando se realizan mejoras en el proceso.
Al igual que el pseudocdigo, el diagrama de ujo
con nes de anlisis de algoritmos de programacin
puede ser ejecutado en un ordenador, con un IDE
como Free DFD.

Software para diseo de diagramas de ujo

Actualmente existe una gran cantidad de software para la

elaboracin de diagramas de ujo. A continuacin se listan los programas ms comunes para elaborar diagramas
de ujo.
Microsoft Oce ofrece 3 herramientas tiles para
la elaboracin de diagramas. Uno de ellos es Microsoft Oce Word, que nos permite crear diagramas
de ujo bsicos a travs de la opcin Formas que
tiene un apartado especial para diagramas de ujo.
De igual manera Microsoft Oce Power Point ofrece las mismas opciones para crear los diseos de diagramas de ujo. Otra herramienta un poco ms sosticada es Microsoft Oce Visio, que adems de
la simbologa bsica de los diagramas de ujo cuenta con una variedad de herramientas para elaborar
otros tipos de diagramas como es el caso diagramas
UML entre otros tipos de diagramas de ujo.
Otro programa eciente y muy fcil de usar es el programa Dia que brinda una solucin rpida para la
creacin de diagramas de ujo adems de otro tipo de diagramas usados en el ambiente informtico.
Es considerado la versin no comercial de Microsoft
Visio.

Vase tambin

10

Referencias

[1] Bellows, Jeannie, Castek (2000). Activity Diagrams and

Operation Architecture. Technologies Group Inc.

11 Enlaces externos

Wikimedia Commons alberga contenido multimedia sobre Diagrama de ujoCommons.

Wikimedia Commons alberga contenido multimedia sobre diagrama de actividadesCommons.

Documentos de la Especicacin UML 2.0

Introduccin a los Diagramas de Actividades UML
2
Microsoft Oce Visio Tutorial
PSeInt herramienta para asistir a un estudiante en
sus primeros pasos en programacin.

12
12.1

Origen del texto y las imgenes, colaboradores y licencias

Texto

Diagrama de ujo Fuente: https://es.wikipedia.org/wiki/Diagrama_de_flujo?oldid=86376439 Colaboradores: JIPumarino, JorgeGG, Wesisnay, Angus, Comae, Rosarino, Dodo, SimnK, Rsg, Cookie, Tostadora, Julian Colina, Barcex, DanielCardaci, Gengiskanhg, Porao,
Schummy, Fmariluis, Chewie, FAR, Digigalos, Boticario, Soulreaper, Petronas, Hispa, Airunp, JMPerez, Edub, Taichi, LeCire, Magister
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, Morza,
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, IrwinSantos, Ninovolador, Cratn, Isha, Gusgus, Gngora, Mpeinadopa,
Niko guti2006, Jurgens~eswiki, JAnDbot, Ncespedes, Maria angelica, Mansoncc, Muro de Aguas, Zufs, Gsrdzl, Hidoy kukyo, Elisardojm,
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, Vatelys,
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, SpiritBlack-Wikipedista, M411045, Vic Fede, Dangelin5, Kevinprado, Nixn, MaBy25, ArthurBot, SuperBraulio13, Xqbot, Jkbw, Rubinbot,
Dreitmen, Plasmoid, AssassinR15, Annabrinn, NONYTO P8a, FrescoBot, Ricardogpn, Janiyi, Xalox~eswiki, Igna, Botarel, Hprmedina, Guillermo Axel, TobeBot, Halfdrag, RedBot, Alonsosm, Abece, Leugim1972, Elchelemanda, PatruBOT, KamikazeBot, Angelito7,
Zpu,portaynach, Tarawa1943, Foundling, Miss Manzana, Axvolution, Edslov, EmausBot, Savh, AVIADOR, Edgarga, ZroBot, HRoestBot,
Allforrous, Sergio Andres Segovia, Africanus, J. A. Glvez, SAMTODOPODEROSO, Rubpe19, Emiduronte, MadriCR, Fjmejor, Waka
Waka, Banck, Movses-bot, Wednom, Antonorsi, MerlIwBot, KLBot2, TeleMania, Firewalldefender, Vagobot, AvocatoBot, Travelour, Gins90, Jhselings, Carliitaeliza, Vetranio, LlamaAl, rico, DanielithoMoya, AGEchacky, Jlurbe, Flashlack, Armonizador, Juanitorreslp,
2rombos, Lfe-2, Leitoxx, Oscar.gasca7, Lautaro 97, Tushu89, Richard Lyon, Sanperni, Jean70000, Addbot, Balles2601, Kamarori, Zamaconas, Omelgarejo, Luiggypozo7, Henrikhwolf, Jarould, Matiia, Egis57, Crystallizedcarbon, Berruguin, Rodsg, Sfr570, Fernando2812l,
Axel froylan y Annimos: 990

12.2

Imgenes

Archivo:Check_mark.png Fuente: https://upload.wikimedia.org/wikipedia/commons/f/f0/Check_mark.png Licencia: CC BY-SA 3.0

Colaboradores: Wikipedia Artista original: Wikipedia
Archivo:Commons-emblem-copyedit.svg
Fuente:
Commons-emblem-copyedit.svg Licencia: CC BY-SA 3.0 Colaboradores:

https://upload.wikimedia.org/wikipedia/commons/e/e8/

File:Gnome-emblem-important.svg Artista original: GNOME icon artists, Fitoschido

Archivo:Commons-logo.svg Fuente: https://upload.wikimedia.org/wikipedia/commons/4/4a/Commons-logo.svg Licencia: Public domain 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