MANUAL USUARIO Versión 1.

0
FASHION OF DESIGN

Manual de Usuario

Aplicativo FLOWEAR

Autores:

Yurleidy Alonso Rayo

Yohn Fredy Caicedo

Ángela María Leguizamón

Leidy Johana Huertas

CENTRO DE DISEÑO Y METROLOGÍA

SENA- ADSI

BOGOTÁ

2016

Manual de usuario aplicativo FLOWEAR Pá gina 1

 MANUAL USUARIO Versión 1.0
FASHION OF DESIGN

TABLA DE CONTENIDO.

OBJETIVOS DE LA APLICACIÓN___________________________________________3
Módulo de Propietario__________________________________________________________3
Módulo de Administrador_______________________________________________________3
Módulo de Jefe de bodega________________________________________________________3
Módulo de usuario______________________________________________________________3
INGRESO A LA APLICACIÓN______________________________________________4
MODULO DE PROPIETARIO___________________________________________________5
MÓDULO DE ADMINISTRADOR______________________________________________19
MODULO DE JEFE DE BODEGA:______________________________________________25
MODULO DE USUARIO:______________________________________________________29

Manual de usuario aplicativo FLOWEAR Pá gina 2

 MANUAL USUARIO Versión 1.0
FASHION OF DESIGN

TABLA DE ILUSTRACIONES.

Ilustración 1: Inicio_______________________________________________________________________7
Ilustración 2: Inicio de sesión________________________________________________________________8
Ilustración 3: Interface rol propietario________________________________________________________8
Ilustración 4: Formulario Actualizar Datos_____________________________________________________9
Ilustración 5: Reportes Cliente______________________________________________________________10
Ilustración 6: Reporte Pagos_______________________________________________________________12
Ilustración 7; Pagos PDF__________________________________________________________________13
Ilustración 8: Pagos Excel_________________________________________________________________13
Ilustración 9: Reporte Empleados___________________________________________________________14
Ilustración 10: Modificar Empleado__________________________________________________________15
Ilustración 11: Actualizar Empleado_________________________________________________________16
Ilustración 12: Reporte Cliente______________________________________________________________17
Ilustración 13: Reporte PDF_______________________________________________________________18
Ilustración 14: Modificar Cliente____________________________________________________________19
Ilustración 15: Ver Cargos_________________________________________________________________20
Ilustración 16:Generar Graficas____________________________________________________________21
Ilustración 17: Generar Graficas2___________________________________________________________22
Ilustración 18: Generar Graficas 3__________________________________________________________23
Ilustración 19: Admin_____________________________________________________________________24
Ilustración 20: InterfazAdmin_______________________________________________________________24
Ilustración 21: Asistencias_________________________________________________________________25
Ilustración 22: Asistencias2________________________________________________________________25
Ilustración 23: Proveedores________________________________________________________________26
Ilustración 24: Proveedores2_______________________________________________________________26
Ilustración 25: Notificaciones_______________________________________________________________27
Ilustración 26: Notificaciones2______________________________________________________________27
Ilustración 27: Pagos_____________________________________________________________________28
Ilustración 28: Ventas_____________________________________________________________________29
Ilustración 29: Login J.Bodega_____________________________________________________________30
Ilustración 30: Interfaz J.Bodega____________________________________________________________30
Ilustración 31: Productos__________________________________________________________________31
Ilustración 32: Productos2_________________________________________________________________31
Ilustración 33: Kardex____________________________________________________________________32
Ilustración 34: Pedidos____________________________________________________________________33
Ilustración 35: Modificar Pedidos___________________________________________________________33
Ilustración 36: Buscar Pedidos______________________________________________________________34
Ilustración 37: Pag Inicio__________________________________________________________________35

Manual de usuario aplicativo FLOWEAR Pá gina 3

 MANUAL USUARIO Versión 1.0
FASHION OF DESIGN

Ilustración 38: Servicios___________________________________________________________________36

Ilustración 39: Promociones________________________________________________________________37
Ilustración 40: Productos__________________________________________________________________38
Ilustración 41: Accesorios_________________________________________________________________39
Ilustración 42: Bonito y barato______________________________________________________________40
Ilustración 43: Contactenos________________________________________________________________41
Ilustración 44: Quienes somos______________________________________________________________42

Manual de usuario aplicativo FLOWEAR Pá gina 4

 MANUAL USUARIO Versión 1.0
FASHION OF DESIGN

OBJETIVOS DE LA APLICACIÓN

Permitir la optimización de los datos del almacén vestidos de moda ubicado en bosa,
generando pagos, reportes de productos, graficas de ventas por empleado, cantidad
existente, proveedores de la empresa, reportes en PDF y Excel.

Módulo de Propietario
Este módulo permite la visualizar y revisar el manejo de la empresa ya que es donde
llegaran los reportes realizados por el administrador y el jefe de bodega, que se podrán
descargar en dos formatos distintos Excel y PDF, así mismo podrá analizar las ventas
por cada producto y ventas por empleado según las gráficas otorgadas por este módulo.

Módulo de Administrador
Este módulo está diseñado especialmente para los administradores de la empresa o
negocio ya que es donde se harán los pagos de los empleados, el registro de ventas por
empleado, ingreso de proveedores, notificaciones, registro de asistencias entre otros.

Módulo de Jefe de bodega

En este módulo se podrán insertar y mostrar los pedidos hechos a los proveedores que
tenga la empresa, se verán las alarmas de los productos que se están agotando en la
empresa y se mostrara una hoja tipo KARDEX que le servirá al jefe de bodega para
revisar las fechas, nombre del productos, descripción, cantidad, total, total salidas y
entradas de los productos.

Módulo de usuario
Este módulo está disponible para todas las personas que deseen conocer los productos
de la empresa y quieran dejar sugerencias, pregustas etc.

Manual de usuario aplicativo FLOWEAR Pá gina 5

 MANUAL USUARIO Versión 1.0
FASHION OF DESIGN

INGRESO A LA APLICACIÓN

El ingreso a la aplicación por primera vez lo deberá hacer el propietario de la empresa,

ya que él es el único que puede agregar un administrador, jefe de bodega o empleado.
En la aplicativa abra un propietario ingresado por defecto a el cual se le podrá modificar
sus datos.

Primero ingresaremos a la página de inicio de la empresa, donde abra un link de iniciar

sesión en la parte superior derecha de la pantalla. (ver ilustración 1)

Ilustración 1: Inicio

Manual de usuario aplicativo FLOWEAR Pá gina 6

 MANUAL USUARIO Versión 1.0
FASHION OF DESIGN

MODULO DE PROPIETARIO
Al dar click en iniciar sesión se abrirá la siguiente página donde se ingresará con el
propietario por defecto. (ver ilustración 2)

Ilustración 2: Inicio de sesión

 Ya iniciada la sesión, el propietario por defecto se encontrará en el módulo de

propietario. (ver ilustración 3)

Ilustración 3: Interface rol propietario

Manual de usuario aplicativo FLOWEAR Pá gina 7

 MANUAL USUARIO Versión 1.0
FASHION OF DESIGN

 Dando click en mis datos podrás actualizar los datos por defecto del propietario,
agregar o inactivar el empleado. (ver ilustración 4)

Ilustración 4: Formulario Actualizar Datos

Manual de usuario aplicativo FLOWEAR Pá gina 8

 MANUAL USUARIO Versión 1.0
FASHION OF DESIGN

 Ya se puede navegar por la interfaz de propietario, dando click en el botón

REPORTE DE CLIENTES (Ilustración) aparece el icono de agregar al costado
derecho de la pantalla. (ver ilustración 5)

Ilustración 5: Reportes Cliente

Manual de usuario aplicativo FLOWEAR Pá gina 9

 MANUAL USUARIO Versión 1.0
FASHION OF DESIGN

 Y este icono nos lleva al formulario de registro donde se puede escoger en

el campo “cargo:” el tipo de cargo a ingresar. (ver ilustración 4) (ver
ilustración 5)

 Después de haber agregado los usuarios con sus respectivos cargos el sistema
deberá funcionar correctamente como los muestran las siguientes imágenes.

Manual de usuario aplicativo FLOWEAR Pá gina 10

 MANUAL USUARIO Versión 1.0
FASHION OF DESIGN

 Dando click en el botón REPORTE DE PAGOS el propietario podrá ver un

reporte generado por el administrador de los pagos a los empleados de la
empresa, y tendrá la opción de descarga en formatos PDF Y Excel. (ver
ilustración 6)

Ilustración 6: Reporte Pagos

Manual de usuario aplicativo FLOWEAR Pá gina 11

 MANUAL USUARIO Versión 1.0
FASHION OF DESIGN

 Reporte de pago a los empleados que se genera en PDF. (ver ilustración 7 y 8)

Ilustración 7; Pagos PDF

Ilustración 8: Pagos Excel

Manual de usuario aplicativo FLOWEAR Pá gina 12

 MANUAL USUARIO Versión 1.0
FASHION OF DESIGN

 En el botón de REPORTE DE EMPLEADOS podrá visualizar y descargar si

desea una lista de los empleados activos de la empresa, también tendrá la opción
de desactivar (dando click en el icono de modificar podrá desactivar o activar el
empleado que escoja) y agregar un empleado. (ver ilustración 9)

Ilustración 9: Reporte Empleados

Manual de usuario aplicativo FLOWEAR Pá gina 13

 MANUAL USUARIO Versión 1.0
FASHION OF DESIGN

Se activara Escribiendo en el campo activo sí o no: (ver ilustración 10)

Ilustración 10: Modificar Empleado

Manual de usuario aplicativo FLOWEAR Pá gina 14

 MANUAL USUARIO Versión 1.0
FASHION OF DESIGN

 Esta será la interfaz que visualizará el propietario cuando quiera modificarla información
del empleado. (ver ilustración 11)

Ilustración 11: Actualizar Empleado

Manual de usuario aplicativo FLOWEAR Pá gina 15

 MANUAL USUARIO Versión 1.0
FASHION OF DESIGN

 En el siguiente botón REPORTE DE CLIENTES podrá acceder a una vista

con el reporte de los clientes activos de la empresa y tendrá las mismas opciones
de activar, desactivar, ingresar y descargar en los dos formatos especificados
anteriormente. (ver ilustración 12)

Ilustración 12: Reporte Cliente

Manual de usuario aplicativo FLOWEAR Pá gina 16

 MANUAL USUARIO Versión 1.0
FASHION OF DESIGN

 Reportes que se generan de los clientes en PDF (ver ilustración 13)

Ilustración 13: Reporte PDF

Manual de usuario aplicativo FLOWEAR Pá gina 17

 MANUAL USUARIO Versión 1.0
FASHION OF DESIGN

 El propietario podrá modificar la información del cliente. (ver ilustración 14)

Ilustración 14: Modificar Cliente

Manual de usuario aplicativo FLOWEAR Pá gina 18

 MANUAL USUARIO Versión 1.0
FASHION OF DESIGN

 En el siguiente botón de cargos podrá ver los cargos de la empresa y podrá

modificarlos según su criterio, también tendrá las mismas opciones descritas
anteriormente. (ver ilustración 15)

Ilustración 15: Ver Cargos

Manual de usuario aplicativo FLOWEAR Pá gina 19

 MANUAL USUARIO Versión 1.0
FASHION OF DESIGN

 En el botón de proyecciones podrá navegar por las diferentes graficas que se

generan según las ventas y productos de su empresa. (ver ilustración 16)

Ilustración 16:Generar Graficas

Manual de usuario aplicativo FLOWEAR Pá gina 20

 MANUAL USUARIO Versión 1.0
FASHION OF DESIGN

 Reporte en grafica del número de ventas por empleado (ver ilustración 17 y 18)

Ilustración 17: Generar Graficas2

Manual de usuario aplicativo FLOWEAR Pá gina 21

 MANUAL USUARIO Versión 1.0
FASHION OF DESIGN

Ilustración 18: Generar Graficas 3

 Por último el botón volver lo re direccionara a la página principal y el botón y el

link cerrar sesión lo devolverá a el login inicial.

Manual de usuario aplicativo FLOWEAR Pá gina 22

 MANUAL USUARIO Versión 1.0
FASHION OF DESIGN

 MÓDULO DE ADMINISTRADOR
Al iniciar sesión con el cargo de administrador Usted podrá ver la siguiente interfaz e
interactuar con ella., Aquí podrá modificar sus datos, cerrar sesión y navegar por los
siguientes botones: (ver ilustración 19 y 20)

Ilustración 19: Admin

Ilustración 20: InterfazAdmin

Manual de usuario aplicativo FLOWEAR Pá gina 23

 MANUAL USUARIO Versión 1.0
FASHION OF DESIGN

 ASISTENCIAS: aquí deberá escoger el documento del empleado que desea

realizar la asistencia, y le arrojará un formulario en el cual podrá completar el
proceso. (ver ilustración 21 y 22)

Ilustración 21: Asistencias

Ilustración 22: Asistencias2

Manual de usuario aplicativo FLOWEAR Pá gina 24

 MANUAL USUARIO Versión 1.0
FASHION OF DESIGN

 PROVEEDORES: aquí obtendrá una vista con los proveedores activos con los que
cuenta la empresa y podrá modificarlos, activarlos, desactivarlos y agregar si desea.
(ver ilustración 23 y 24)

Ilustración 23: Proveedores

Ilustración 24: Proveedores2

Manual de usuario aplicativo FLOWEAR Pá gina 25

 MANUAL USUARIO Versión 1.0
FASHION OF DESIGN

NOTIFICACIONES: el jefe de bodega será el único que puede enviar notificaciones (ver
ilustración 25 y 26)

Ilustración 25: Notificaciones

Ilustración 26: Notificaciones2

Manual de usuario aplicativo FLOWEAR Pá gina 26

 MANUAL USUARIO Versión 1.0
FASHION OF DESIGN

PAGOS: el administrador solo podrá ver el reporte de pagos. (ver ilustración 27)

Ilustración 27: Pagos

Manual de usuario aplicativo FLOWEAR Pá gina 27

 MANUAL USUARIO Versión 1.0
FASHION OF DESIGN

VENTAS: formulario de ventas. (ver ilustración 28)

Ilustración 28: Ventas

 Por último el botón volver lo re direccionara a la página principal y el botón y el

link cerrar sesión lo devolverá a el login inicial.

Manual de usuario aplicativo FLOWEAR Pá gina 28

 MANUAL USUARIO Versión 1.0
FASHION OF DESIGN

MODULO DE JEFE DE BODEGA:

Al ingresar con el cargo de jefe de bodega podrá ver la siguiente interfaz y navegar por
los siguientes botones: (ver ilustración 29)

Ilustración 29: Login J.Bodega

 Módulos a los que tendrán acceso. (ver ilustración 30)

Manual de usuario aplicativo FLOWEAR Pá gina 29

 MANUAL USUARIO Versión 1.0
FASHION OF DESIGN

Ilustración 30: Interfaz J.Bodega

 PRODUCTOS: al dar click en este botón nos mostrara una alerta si algún producto
está a punto de agotarse en la bodega como lo muestra las imágenes, hasta no dar
click en aceptar la aplicación no nos dejara seguir visualizando la interfaz y nos
enviara previamente a una vista con los productos en riesgo de agotamiento. (ver
ilustración 31)

Ilustración 31: Productos

Manual de usuario aplicativo FLOWEAR Pá gina 30

 MANUAL USUARIO Versión 1.0
FASHION OF DESIGN

 Luego lo dirigirá a la página de productos, donde usted como jefe de bodega podrá
buscar, ingresar, modificar y listar los productos existentes en la empresa. (ver
ilustración 32)

Ilustración 32: Productos2

KARDEX : este botón simplemente nos dirigirá a una vista tipo kardex la cual tendrá una
descripción de las entradas y salidas de productos con sus respectivas fechas y valores
como lo muestra la imagen. (ver ilustración 33)

Manual de usuario aplicativo FLOWEAR Pá gina 31

 MANUAL USUARIO Versión 1.0
FASHION OF DESIGN

Ilustración 33: Kardex

PEDIDOS: aquí el jefe de bodega podrá insertar, modificar, listar y buscar los pedidos de
la empresa como lo muestran las siguientes imágenes. (ver ilustración 34)

Manual de usuario aplicativo FLOWEAR Pá gina 32

 MANUAL USUARIO Versión 1.0
FASHION OF DESIGN

Ilustración 34: Pedidos

 Modificar pedido seleccionado. (ver ilustración 35)

Ilustración 35: Modificar Pedidos

 Buscar pedido: (ver ilustración 36)

Manual de usuario aplicativo FLOWEAR Pá gina 33

 MANUAL USUARIO Versión 1.0
FASHION OF DESIGN

Ilustración 36: Buscar Pedidos

 Por último el botón volver lo re direccionara a la página principal y el botón y el

link cerrar sesión lo devolverá a el login inicial.

MODULO DE USUARIO:
Al iniciar sesión como un usuario normal este podrá navegar por la página inicial de la
empresa, ver los productos con los que cuenta la empresa, modificar o actualizar sus datos

Manual de usuario aplicativo FLOWEAR Pá gina 34

 MANUAL USUARIO Versión 1.0
FASHION OF DESIGN

y enviar un mensaje o sugerencia al correo de la empresa, como lo muestran las siguientes

imágenes.

Página de inicio de la empresa: (ver ilustración 37)

Ilustración 37: Pag Inicio

 Página de servicios de la empresa. (ver ilustración 38)

Manual de usuario aplicativo FLOWEAR Pá gina 35

 MANUAL USUARIO Versión 1.0
FASHION OF DESIGN

Ilustración 38: Servicios

Manual de usuario aplicativo FLOWEAR Pá gina 36

 MANUAL USUARIO Versión 1.0
FASHION OF DESIGN

 Página de promociones de la empresa. (ver ilustración 39)

Ilustración 39: Promociones

Manual de usuario aplicativo FLOWEAR Pá gina 37

 MANUAL USUARIO Versión 1.0
FASHION OF DESIGN

 Página de productos de la empresa. (ver ilustración 40)

Ilustración 40: Productos

Manual de usuario aplicativo FLOWEAR Pá gina 38

 MANUAL USUARIO Versión 1.0
FASHION OF DESIGN

 Página de accesorios de la empresa. (ver ilustración 41)

Ilustración 41: Accesorios

Manual de usuario aplicativo FLOWEAR Pá gina 39

 MANUAL USUARIO Versión 1.0
FASHION OF DESIGN

 Página de lo bonito y barato de la empresa. (ver ilustración 42)

Ilustración 42: Bonito y barato

Manual de usuario aplicativo FLOWEAR Pá gina 40

 MANUAL USUARIO Versión 1.0
FASHION OF DESIGN

 Página de contáctenos de la empresa aquí podrá enviarnos el e-mail.

(ver ilustración 43)

Ilustración 43: Contáctenos

Manual de usuario aplicativo FLOWEAR Pá gina 41

 MANUAL USUARIO Versión 1.0
FASHION OF DESIGN

 Página de quienes somos: (ver ilustración 44)

Ilustración 44: Quienes somos

Manual de usuario aplicativo FLOWEAR Pá gina 42

 MANUAL USUARIO Versión 1.0
FASHION OF DESIGN

 Vista de Actualización de datos. (ver ilustración 45)

 Por último el link cerrar sesión lo devolverá a el login inicial del sitio.

Manual de usuario aplicativo FLOWEAR Pá gina 43