Elaboracin de Diagramas de Negocio con

MS Visio 2013

Tema N 22: Diagrama de Flujo

22.1. Diagramas de Flujo de Datos.

22.2. Diagramas de Flujo de Funciones Cruzadas.

Comuncate con nosotros

481614 // PAC: paccis@crece.uss.edu.pe // PEAD: cpead_cis@crece.uss.edu.pe
Capacidad del Tema

Aplica los Diagrama de Flujo y Diagrama de Flujo de Funciones

Cruzadas para representar la secuencia del flujo de informacin en
casos prcticos.

Conocimientos Previos

Manejo de Formas de Microsoft 2013.

Conocimiento bsico de las formas de Diagrama de Flujo.

Conflicto Cognitivo

Los Diagrama de Flujo de Funciones Cruzadas nos ayuda de

manera eficiente a representar la secuencia de datos en casos de
la vida real?.

Comuncate con nosotros

481614 // PAC: paccis@crece.uss.edu.pe // PEAD: cpead_cis@crece.uss.edu.pe
22.1. DIAGRAMAS DE FLUJO
Los diagramas de Flujo de datos son usados para representar secuencias de
actividades o tareas para un determinado objetivo o fin a travs de seudocdigos o
smbolos que cumplen determinadas funciones.
Microsoft Visio 2013, cuenta con una serie de herramientas como son las formas y
validaciones para obtener un diagrama que cumplan con las especificaciones
funcionales y de diseo necesarias.
Al iniciar Microsoft Visio 2013, nos muestra la siguiente las categoras de plantillas.
Seleccionar Diagrama de Flujo

Ilustracin 22.01. Ventana de Inicio de MS Visio 2013.

Posteriormente Elegimos la plantilla Diagrama de Flujo Bsico

Ilustracin 22.02. Seleccin de la plantilla de Diagrama de Flujo de Bsico.

Comuncate con nosotros

481614 // PAC: paccis@crece.uss.edu.pe // PEAD: cpead_cis@crece.uss.edu.pe
En la siguiente ventana, hacer clic en Crear

Ilustracin 22.03. Creacin de un nuevo Diagrama de Flujo Bsico.

SIMBOLOS MAS USADOS EN MICROSOFT VISIO 2013.

Smbolo Nombre Descripcin

Muestra un proceso o paso de accin. Este es

el smbolo ms comn en ambos diagramas de
flujo de procesos y mapas de procesos de
negocio.
Proceso

Un smbolo de proceso predefinido es un

marcador para otra etapa de proceso o serie
de pasos de flujo de proceso que se definen
Proceso formalmente en otra parte. Esta forma
Definidio representa comnmente sub-procesos (o
(Subproceso subrutinas en diagramas de flujo de
) programacin).

Lnea de Conectores de lnea de flujo muestran la

Flujo direccin en la que fluye el proceso.
(Conector)

Terminadores muestran los puntos inicial y

Terminador Final en un proceso.

Comuncate con nosotros

481614 // PAC: paccis@crece.uss.edu.pe // PEAD: cpead_cis@crece.uss.edu.pe
 Indica una pregunta en el flujo del proceso. Por
lo general, una forma de diagrama de flujo de
la Decisin se utiliza cuando hay 2 opciones
(S / No, No / No-Go, etc)
Decisin

En diagramas de flujo, este smbolo es

Referencia en normalmente pequea y se utiliza como un
Pgina Conector para mostrar un salto de un punto en
una misma hoja.
(Conector interno)

Conector a otra Conector de salida de pgina muestra la

pgina continuacin de un diagrama de flujo de
proceso en otra pgina.

La forma de diagrama de flujo de datos indica

que las entradas y salidas de un proceso.
Como tal, la forma se refiere ms a menudo
Entrada y salida como una forma de E / S de una forma de
de datos datos.

(I/O)
Bastante explcito. El smbolo de diagrama
de flujo de documentos es un paso del
proceso que produce un documento.
Documento

Igual que el documento, pero es usado para

representar varios documentos.
Multi-Documentos

Representa una accin del proceso en el que

se le indica al operador / usuario que la
Entrada informacin deben ser introducidos
manual manualmente en un sistema.

Comuncate con nosotros

481614 // PAC: paccis@crece.uss.edu.pe // PEAD: cpead_cis@crece.uss.edu.pe
 Es una forma de diagrama de flujo de
almacenamiento de datos en general utilizado
Almacenamiento para cualquier etapa de proceso que
Externo almacena los datos (a diferencia de las
formas ms especficas a seguir a
continuacin en esta tabla)

Base de Almacenamiento a una Base de Datos.

Datos

Tabla 22.01. Lista de Formas utilizados en un Diagrama de Flujo Bsico.

A continuacin representaremos diversos casos. Tener en cuenta que para un caso

especfico pueden existir diversas representaciones como propuesta de solucin
1. Elaborar un Diagrama de Flujo de Datos que permita sumar dos nmeros
ingresados por computadora.

Inicio

Ingresar dos
Nmeros: A,
B

Suma = A + B

Mostrar
Suma

Fin

Ilustracin 22.04. Ejemplo N 1 de un diagrama de flujo bsico.

Comuncate con nosotros

481614 // PAC: paccis@crece.uss.edu.pe // PEAD: cpead_cis@crece.uss.edu.pe
Debemos comprobar el diagrama: Ficha Proceso, grupo Validacin de diagrama,
opcin Comprobar diagrama

Ilustracin 22.05. Herramienta de comprobacin de diagramas.

2. Teniendo en cuenta el ejercicio anterior se pide validar que los datos ingresados
por computadora para la suma, sean nmeros. No olvidar comprobar el diagrama.

Inicio

Ingresar
primer
Nmero: A

NO

A es un
nmero?

SI

Ingresar
segundo
Nmero: B

NO

B es un
nmero?

SI

Suma = A + B

Mostrar
Suma

Fin

Ilustracin 22.06. Ejemplo N 2 de un diagrama de flujo bsico.

Comuncate con nosotros

481614 // PAC: paccis@crece.uss.edu.pe // PEAD: cpead_cis@crece.uss.edu.pe
3. Se requiere representar a travs de un DFD el proceso bsico de compra de un
producto en un supermercado.

Inicio

Ingresar al
Supermercado

Buscar el producto

Producto
encontrado?

SI

Tomarlo en el
carrito de compras

NO Cancelar en Caja

Recepcionar
Comprobante de
pago

Salir del
Supermercado

Fin

Ilustracin 22.07. Ejemplo N 3 de un diagrama de flujo bsico.

Al ejercicio se le puede agregar diversas casusticas como:

- Encargar algn paquete al ingresar al supermercado en el rea de recepcin.
- Pagar al contado, al crdito o canjear con acumulacin de puntos.
- De no encontrar el producto, buscar alguna alternativa se sustitucin.
- De acuerdo a la cantidad de productos, seleccionar la caja adecuada (Caja
rpida por ejemplo), etc.

Comuncate con nosotros

481614 // PAC: paccis@crece.uss.edu.pe // PEAD: cpead_cis@crece.uss.edu.pe
22.2. DIAGRAMAS DE FLUJO DE FUNCIONES CRUZADAS (DFFC)
El diagrama de flujo de funciones cruzadas (DFFC) se usa cuando desee diagramar un
proceso y aclarar quin es el responsable de cada paso.
Para crear un nuevo diagrama, ir a la Ficha Archivo, luego elegir Nuevo. Seleccionar
la plantilla Diagrama de Flujo de Funciones cruzadas.

Ilustracin 22.08. Seleccin de una plantilla para crear un Diagrama de Flujo de Funciones cruzadas.

En la siguiente ventana, hacer clic en Crear

Ilustracin 22.09. Creacin de un nuevo Diagrama de Flujo de

Funciones Cruzadas.

Nos pide seleccionar la orientacin predeterminada para el presente diagrama. Elegir

por ejemplo Vertical.

Comuncate con nosotros

481614 // PAC: paccis@crece.uss.edu.pe // PEAD: cpead_cis@crece.uss.edu.pe
 Ilustracin 22.10. Orientaciones de un Diagrama
de Funciones Cruzadas: Horizontal y Vertical.

A continuacin nos muestra la presente plantilla, con las siguientes reas:

Nombre del Proceso

Calle: Funcin o cargo de quien

realiza una actividad

Ilustracin 22.11. Partes de un Diagrama de Flujo Funciones Cruzadas.

Los Diagramas de Flujos de Funciones cruzadas, adicionalmente a las formas

descritas en la tabla anterior, usan diversas formas de las Galeras de Smbolos que
permitan representar una determinada actividad.
Por defecto cuando se crea un documento a partir de la plantilla de Diagrama de Flujo
de Funciones Cruzadas, se agregan dos calles. Se pueden agregar o eliminar de
acuerdo a la necesidad.
Puede agregar una calle de cualquiera de las formas que presentamos a continuacin:
- La primera manera es colocando el puntero del mouse en el borde derecho de
la ltima calle hasta que muestre una lnea de color anaranjado. Al hacer clic se
agregar una calle en la parte derecha.

Comuncate con nosotros

481614 // PAC: paccis@crece.uss.edu.pe // PEAD: cpead_cis@crece.uss.edu.pe
 Ilustracin 22.12. Insertar una Calle en un Diagrama de Flujo de Funciones Cruzadas: Forma 1.

- La segunda forma es arrastrando la calle (horizontal o vertical, segn

corresponda) hacia la hoja de trabajo.

Ilustracin 22.12. Insertar una Calle en un Diagrama de Flujo de Funciones Cruzadas: Forma 2.

Para cualquiera de las dos formas, el diagrama queda de la siguiente manera:

Ilustracin 22.13. Diagrama de Flujo de Funciones Cruzadas despus de insertar una calle.

Para un diagrama de flujo de funciones cruzadas con orientacin Vertical, se podra

requerir agregar un separador Horizontal a travs de una Fase:

Comuncate con nosotros

481614 // PAC: paccis@crece.uss.edu.pe // PEAD: cpead_cis@crece.uss.edu.pe
 Ilustracin 22.14. Diagrama de Flujo de Funciones Cruzadas con separadores
a travs de Fase.

A continuacin representaremos diversos casos a travs de diagramas de flujo de

funciones cruzadas.

1. CASO: VENTAS Y DESPACHO DE UNA DISTRIBUIDORA DE

ABARROTES.
El Cliente decide comprar una cierta cantidad de productos de construccin. Realiza
su pedido al Asesor Comercial quien mediante el sistema decide verificar la
existencia del stock. De ser positivo, elabora una Orden de Pedido y le entrega al
cliente. El Asesor comercial lo deriva con el Tesorero para regularizar el pago
respectivo, recepcionando a cambio el comprobante de Venta. Posteriormente el
cliente, se dirige al encargado de almacn para el despacho respectivo. Si la Compra
demanda el uso vehicular, el cliente ingresa al patio de despacho con el respectivo
vehculo. Luego el Encargado de Almacn le entrega sus productos y le emite su
Gua de Remisin. Posteriormente el cliente se retira de la tienda con sus productos
comprados.

Comuncate con nosotros

481614 // PAC: paccis@crece.uss.edu.pe // PEAD: cpead_cis@crece.uss.edu.pe
PROCESO: VENTAS Y DESPACHO DE UNA DISTRIBUIDORA DE ABARROTES

Cliente Asesor comercial Tesorero Almacenero

Inicio

2
Realizar pedido de Verificar Existencia de
productos de construccin Productos

Entregar Producto
Existe Stock? NO 1

SI
Emitir Gua de Remisin
Elaborar Orden de
Pedido

Entregar Comprobante de
Realizar Pago venta
1 Fin

Solicitar despacho de
productos

Demanda uso
vehicular? NO

SI

Ingresar Vehculo al
2
almacn
Fase

Ilustracin 22.15. Modelo de un Diagrama de Flujo de Funciones Cruzadas.

Comuncate con nosotros

481614 // PAC: paccis@crece.uss.edu.pe // PEAD: cpead_cis@crece.uss.edu.pe
2. Haciendo uso de DFFC elabore el proceso de Matrcula y pago para los cursos de
carrera de la Universidad Seor de Sipn

Comuncate con nosotros

481614 // PAC: paccis@crece.uss.edu.pe // PEAD: cpead_cis@crece.uss.edu.pe
Referencias Bibliogrficas

Scott A. Helmers. 2013. Microsoft Visio 2013 step by step. Recuperado el 28 de

setiembre del 2013 de http://es.scribd.com/doc/142659769/Microsoft-Visio-2013-
Step-By-Step

Uriel Ramirez. 2012. Tutoriales Visio 2013. Recuperado el 28 de setiembre del 2013 de
http://tutorialeshdpc.blogspot.com/2012/11/tutoriales-visio-2013.html

Microsoft Office 2013. Guas de Visio para principiantes 2013. Recuperado el 29 de

Setiembre del 2013 de http://office.microsoft.com/es-es/visio-help/guia-de-visio-
para-principiantes-HA102749363.aspx

Comuncate con nosotros

481614 // PAC: paccis@crece.uss.edu.pe // PEAD: cpead_cis@crece.uss.edu.pe