DISEÑO DE PROTOTIPOS DE INTERFACES DE USUARIO

MARIPROBI CIA. LTDA.

MANEJO DE RIESGOS Y PROTECCIÓN DE BIENES

Sistema Informático de Gestión

Administrativa Mariprobi Cía. Ltda.

Prototipos de

Interfaces de Usuario

Versión 1.0

Sistema Informático de Gestión Administrativa MARIPROBI CIA. LTDA. Versión 1.0

Documento: SIMAC – PIU

PROTOTIPOS DE INTERFACES DE USUARIO Fecha: 10/08/2011

MARIPROBI CIA. LTDA. - Manejo de Riesgos y Protección de Bienes Página 2 de 30

HISTORIAL DE REVISIONES

HISTORIAL DE REVISIONES

FECHA VERSIÓN DESRIPCIÓN RESPONSABLES

17/05/2011 1.0 Presentación Preliminar como propuesta de desarrollo

Xavier Nievez Johnny Urdin Luis Campoverde Amanda Aguilar

17/05/2011 1.0 Presentación de Avance de Proyecto – Diseño de Prototipos de Interfaces de Usuario


30/06/2011 1.0 Presentación de Avance de Proyecto - Agrupación de todos los Entregables del proyecto






ÍNDICE

CONTENIDO PROTOTIPOS DE INTERFACES DE USUARIO ......................................................................... 4

1. INTRODUCCIÓN ...................................................................................................................... 4

2. DIAGRAMA JERÁRQUICO DE PANTALLAS ................................................................................ 4

3. PERFIL DE USUARIOS .............................................................................................................. 4

4. DISEÑO Y DEFINICIÓN DE PANTALLAS .................................................................................... 7

0. Ingreso al Sistema 7

0.1 Menú Principal 8

1.1 Salir del Sistema 9

2.1 Gestión de Clientes 10

2.1.1 Listado de Clientes 11

2.2 Gestión de Productos 12

2.2.1 Listado de Productos 13

2.3 Gestión de Proveedores 14

2.3.1 Listado de Proveedores 15

2.4 Gestión de Personal 17

2.4.1 Listado de Trabajadores 18

2.5 Registro de Novedades 19

3.1 Factura de Venta 21

3.2 Factura de Compra 22

5. DISEÑO Y DEFINICIÓN DE SALIDAS ....................................................................................... 24

Reporte 1 - Factura 24

Reporte 2 – Lista de Precios 26

6. MENSAJES DEL SISTEMA ....................................................................................................... 28

Mensajes de Error 28

Mensajes de Ayuda 28

7. MATRIZ DE ASIGNACIÓN DE MENSAJES EN EL SISTEMA ........................................................ 29

Mensajes de Error en el Sistema 29

Mensajes de Ayuda en el Sistema 30





PROTOTIPOS DE INTERFACES DE USUARIO

1. INTRODUCCIÓN

Los prototipos permiten al usuario hacerse una idea más o menos precisa de las interfaces

que proveerá el sistema y así, conseguir retroalimentación de su parte respecto a los

requisitos del sistema. Estos prototipos se realizarán como: dibujos a mano en papel,

dibujos con alguna herramienta gráfica o prototipos ejecutables interactivos, siguiendo ese

orden de acuerdo al avance del proyecto. Sólo los de este último tipo serán entregados al

final de la fase de Elaboración, los otros serán desechados. Asimismo, este artefacto, será

desechado en la fase de Construcción en la medida que el resultado de las iteraciones

vayan desarrollando el producto final.

2. DIAGRAMA JERÁRQUICO DE PANTALLAS

El diagrama jerárquico de pantallas nos permite visualizar cada una de las funciones y

subfunciones con las que cuenta nuestro sistema, además establece una jerarquía de sobre

cómo van a estar estructuradas cada una de las opciones del sistema.

3. PERFIL DE USUARIOS

De acuerdo a los diferentes tipos de usuario que posee la empresa y las funciones globales

generales que ofrece el sistema informático, los perfiles de usuario nos muestra los

privilegios que tendrán cada uno de los usuarios dentro del sistema:













4. DISEÑO Y DEFINICIÓN DE PANTALLAS

0. INGRESO AL SISTEMA

Pantalla

Nº 0

Nombre de la Pantalla

Ingreso al Sistema

Id/Formulario

frmingresosistema

DESCRIPCIÓN: Nos permite ingresar al sistema, para ello se debe estar registrado como usuario

REF NOMBRE DEL CAMPO

TIPO ALMACENADO EN:

MENSAJE DE ERROR

MENSAJE DE AYUDA

1 cmbusuario Char(15) nombre_usuario

2 txtcontraseña Char(15) pass_usuario Clave incorrecta

BOTÓN ACCIÓN BOTÓN ACCIÓN

Ingresar al sistema

Sale del sistema





0.1 MENÚ PRINCIPAL

Pantalla

Nº 0.1


Menú Principal

Id/Formulario

frmprincipal

DESCRIPCIÓN: Nos muestra el menú con todas las opciones que ofrece el sistema, tanto en botones como en listas


TIPO ALMACENADO EN:

MENSAJE DE ERROR

MENSAJE DE AYUDA

No existe ningún campo


Ingresa al formulario de Gestión de Clientes

Ingresa al formulario de Gestión de Productos

Ingresa al formulario de Gestión de Proveedores

Ingresa al formulario de Gestión de Personal

Ingresa al formulario de Gestión de Inventarios

Ingresa al formulario de Facturación

Ingresa a la ventana de reportes del sistema

Ingresa al formulario de Registro de Novedades

Permite regresar a la ventana anterior

Permite regresar al Menú principal del sistema





Permite mostrar las opciones de archivo en lista

Permite mostrar las opciones generales del sistema en lista

Permite mostrar las opciones de Transacciones en lista

Permite mostrar las opciones de Configuración en lista

Permite mostrar las opciones de Ayuda del Sistema

Sale del sistema

1.1 SALIR DEL SISTEMA

Pantalla

Nº 1.1


Salida del Sistema

Id/Formulario

dlgsalida

DESCRIPCIÓN: Nos permite salir del sistema siempre y cuando se confirme la terminación


TIPO ALMACENADO EN:

MENSAJE DE ERROR

MENSAJE DE AYUDA

No existe ningún campo


Sale del sistema

No sale del sistema

Cierra la ventana de salida del sistema





2.1 GESTIÓN DE CLIENTES

Pantalla

Nº 2.1


Gestión de Clientes

Id/Formulario

frmgestionclientes

DESCRIPCIÓN: Nos permite gestionar los datos y la información de los clientes de la empresa


TIPO ALMACENADO EN:

MENSAJE DE ERROR

MENSAJE DE AYUDA

1 txtcodigo Int(10) cod_cliente

2 txtci Char(13) ci_cliente Ingrese solo números

3 txtcliente Char(30) nom_cliente Ingrese solo letras

4 txtresponsable Char(30) responsable_cliente Ingrese solo letras

5 txtciudad Char(15) ciudad_cliente Ingrese solo letras

6 txtdireccion Char(50) dirección_cliente Ingrese solo letras

7 txttelefono Char(7) teléfono_cliente Ingrese solo números

8 txtcelular Char(9) celular_cliente Ingrese solo números

9 txtfecha_apertura Date fecha_apertura_cliente Formato: aaaa/mm/dd

10 chkestado Char(7) estado_cliente






Limpia los campos del formulario y los habilita

Guarda los datos ingresados en el formulario

Cancela el guardado y deshabilita el formulario

Abre una ventana de Listado de Clientes

Muestra el primer registro en el formulario

Muestra el último registro en el formulario

Muestra el registro anterior al actual

Muestra el registro siguiente al registro actual

Busca un cliente a través de la cedula o ruc

Habilita los campos para que el los datos puedan ser editados

Elimina el registro que se encuentra en el formulario

Permite regresar a la ventana anterior, o al Menú principal

2.1.1 LISTADO DE CLIENTES

Pantalla

Nº 2.1.1


Listado de Clientes

Id/Formulario

frmlistarclientes

DESCRIPCIÓN: Nos permite visualizar un listado de clientes a través de una tabla, podemos seleccionar los datos para el formulario


TIPO ALMACENADO EN:

MENSAJE DE ERROR

MENSAJE DE AYUDA

1 Dato Char(40) Txtdato Escoga un criterio de búsqueda





2 Criterio de Busqueda Char(20) cmbcriterio


Coge los datos de la fila seleccionada de la tabla


2.2 GESTIÓN DE PRODUCTOS

Pantalla

Nº 2.2


Gestión de Productos

Id/Formulario

frmgestionproductos

DESCRIPCIÓN: Nos permite gestionar los datos y la información de los productos de la empresa


TIPO ALMACENADO EN:

MENSAJE DE ERROR

MENSAJE DE AYUDA

1 txtcodigo Int(10) cod_producto

2 txtproducto Char(40) nombre_producto

3 txtdescripcion Char(30) descripción_producto Ingrese solo letras

4 cmbmarca Char(30) cod_marca

5 cmbproveedor Char(15) cod_proveedor

6 txtprecio Float(8,2) precio_producto Ingrese solo números





7 txtcantidad Int(5) cantidad_producto Ingrese solo números

8 chkestado Char(7) estado_producto














2.2.1 LISTADO DE PRODUCTOS





Pantalla

Nº 2.2.1


Listado de Productos

Id/Formulario

frmlistarproductos

DESCRIPCIÓN: Nos permite visualizar un listado de productos a través de una tabla, podemos seleccionar los datos para el formulario


TIPO ALMACENADO EN:

MENSAJE DE ERROR

MENSAJE DE AYUDA






2.3 GESTIÓN DE PROVEEDORES





Pantalla

Nº 2.3


Gestión de Proveedores

Id/Formulario

frmgestionproveedores

DESCRIPCIÓN: Nos permite gestionar los datos y la información de los proveedores de la empresa


TIPO ALMACENADO EN:

MENSAJE DE ERROR

MENSAJE DE AYUDA

1 txtcodigo Int(10) código_prov

2 txtruc Char(13) ruc_prov Ingrese solo números

3 txtproveedor Char(40) razonsocial_prov Ingrese solo letras

4 cmbprovincia Char(20) cod_provincia

5 cmbciudad Char(20) cod_ciu

6 txtdireccion Char(50) dirección_prov Ingrese solo letras

7 txttelefono Char(7) telefono_prov Ingrese solo números

8 txtcelular Char(9) celular_prov Ingrese solo números

9 txtvendedores Char(50) vendedores_prov Ingrese solo letras

10 chkestado Char(7) estado_prov














2.3.1 LISTADO DE PROVEEDORES





Pantalla

Nº 2.3.1


Listado de Proveedores

Id/Formulario

frmlistarproveedores

DESCRIPCIÓN: Nos permite visualizar un listado de proveedores a través de una tabla, podemos seleccionar los datos para el formulario


TIPO ALMACENADO EN:

MENSAJE DE ERROR

MENSAJE DE AYUDA










2.4 GESTIÓN DE PERSONAL

Pantalla

Nº 2.4


Gestión de Personal

Id/Formulario

frmgestiontrabajadores

DESCRIPCIÓN: Nos permite gestionar los datos y la información de los trabajadores de la empresa


TIPO ALMACENADO EN:

MENSAJE DE ERROR

MENSAJE DE AYUDA

1 txtcodigo Int(10) cod_trabajador

2 txtcedula Char(10) ci_trabajador Ingrese solo números

3 txtnombre Char(40) nom_trabajador Ingrese solo letras

4 txtapellido Char(40) ape_trabajador Ingrese solo letras

5 cmbcargo Char(20) cod_cargo

6 cmbestadocivil Char(15) estadocivil_trabajador

7 cmbprovincia Char(30) cod_provincia

8 cmbciudad Char(30) cod_ciu

9 txttelefono Char(7) telefono_trabajador Ingrese solo números

10 txtcelular Char(9) celular_trabajador Ingrese solo números

11 txtfechaingreso Date fechaingreso_trabajador Formato: aaaa/mm/dd

12 txtfechasalida Date fechasalida_trabajador Formato: aaaa/mm/dd





13 txtfechanac Date fechanac_trabajador Formato: aaaa/mm/dd

14 txtnumhijos Int(5) numhijos_trabajador Ingrese solo números

15 chkestado Char(7) estado_trabajador














2.4.1 LISTADO DE TRABAJADORES





Pantalla

Nº 2.4.1


Listado de Trabajadores

Id/Formulario

frmlistrartrabajadores

DESCRIPCIÓN: Nos permite visualizar un listado de trabajadores a través de una tabla, podemos seleccionar los datos para el formulario


TIPO ALMACENADO EN:

MENSAJE DE ERROR

MENSAJE DE AYUDA






2.5 REGISTRO DE NOVEDADES

Pantalla

Nº 2.5


Registro de Novedades

Id/Formulario

frmregistronovedades

DESCRIPCIÓN: Nos permite registrar las novedades que presentan los trabajadores de la empresa


TIPO ALMACENADO EN:

MENSAJE DE ERROR

MENSAJE DE AYUDA





1 txtcodigo Int(10) cod_novedad

2 txtnombre Char(40) nom_trabajador Ingrese solo números

3 txtapellido Char(40) ape_trabajador Ingrese solo letras

4 txtcargo Char(20) cod_cargo(trabajador) Ingrese solo letras

5 txtnovedad Char(100) detalle_novedad

6 txtfecha Date fecha_novedad Formato: aaaa/mm/dd

7 txthora Date hora_novedad Formato: aaaa/mm/dd


















3.1 FACTURA DE VENTA

Pantalla

Nº 3.1


Factura de Venta

Id/Formulario

frmfacturaventa

DESCRIPCIÓN: Nos permite realizar una factura de venta mediante la búsqueda del cliente y los productos que desea adquirir


TIPO ALMACENADO EN:

MENSAJE DE ERROR

MENSAJE DE AYUDA

1 txtnrofactura Int(10) numero_factura

2 txtfecha Date fecha_factura

3 txtciruc Char(13) ci_cliente

4 txtcliente Char(40) nom_cliente

5 cmbformapago Char(20) cod_formapago

6 txtsubtotal Float(8,2) subtotal_factura

7 txtiva Float(8,2) iva_factura

8 txtdescuento Float(8,2) desc_factura

9 txttotalpagar Float(8,2) total_factura

10 chkestado Char(7) estado_factura

11 txtvendedorfact Char(50) vendedor_factura





12 txtmesesplazo Int(10) meses_plazo_factura





Muestra la factura antes de su impresion









Abre el cuadro de dialogo de búsqueda de clientes

Abre el cuadro de dialogo de búsqueda de productos

Quita el producto seleccionado dentro de la tabla

3.2 FACTURA DE COMPRA





Pantalla

Nº 3.2


Factura de Compra

Id/Formulario

frmfacturacompra

DESCRIPCIÓN: Nos permite realizar una factura de compra con los productos de los respectivos proveedores


TIPO ALMACENADO EN:

MENSAJE DE ERROR

MENSAJE DE AYUDA

1 txtnrofactura Int(10) numero_factura

2 txtfecha Date fecha_factura

3 txtciruc Char(13) ci_cliente

4 txtcliente Char(40) nom_cliente

5 cmbformapago Char(20) cod_formapago

6 txtsubtotal Float(8,2) subtotal_factura

7 txtiva Float(8,2) iva_factura

8 txtdescuento Float(8,2) desc_factura

9 txttotalpagar Float(8,2) total_factura

10 chkestado Char(7) estado_factura

11 txtvendedorfact Char(50) vendedor_factura





Muestra la factura antes de su impresion









Abre el cuadro de dialogo de búsqueda de clientes

Abre el cuadro de dialogo de búsqueda de productos

Quita el producto seleccionado dentro de la tabla





5. DISEÑO Y DEFINICIÓN DE SALIDAS

REPORTE 1 - FACTURA





REPORTE Nº:

1

NOMBRE DEL REPORTE:

Factura de Venta

ID-Reporte:

Rpt_factura

Departamento:

Administrativo

Opciones de Selección: Reportes – Facturación

Tipo: Externo

Descripción: Presenta los datos de la factura para imprimirlos en las facturas pre impresas

Usuarios: Cliente Secretaria

Frecuencia (Volumen de Impresión):

Cuando el cliente solicita y se lo entrega con dos copias

Referencia Nombre del Campo Control de Impresión

Almacenado en:

01 02 03 04 05 06 07 08 09 10 11 12 13

Fecha CI/RUC Cliente Dirección Teléfono Cantidad Descripción Precio Unitario Precio Total Subtotal IVA Descuento Total a Pagar

A B C D E F G H I J K L M

Tbl_factura Tbl_cliente Tbl_cliente Tbl_cliente Tbl_cliente Tbl_detallefactura Tbl_detallefactura Tbl_detallefactura Tbl_detallefactura Tbl_factura Tbl_factura Tbl_factura Tbl_factura

Observación: Se lo entrega al cliente cuando la secretaria termina de imprimir la

factura





REPORTE 2 – LISTA DE PRECIOS





REPORTE Nº:

2

NOMBRE DEL REPORTE:

Lista de precios

ID-Reporte:

Rpt_precios

Departamento:

Administrativo

Opciones de Selección:

Reportes – Lista de Precios

Tipo:

Externo

Descripción:

Presenta los datos de la lista de precios de los productos según el tipo y el proveedor para imprimirlos.

Usuarios:

Secretaria

Frecuencia (Volumen de Impresión):

Cuando la secretaria lo solicita.

Referencia Nombre del Campo Control de Impresión

Almacenado en:

01 02 03 04 05 06 07

Descripción Código Marca Precio Teléfono Tipo productos Proveedor

A B C D E F G

Tbl_productos Tbl_productos Tbl_productos Tbl_productos Tbl_productos Tbl_tipo_producto Tbl_proveedores

Observación: Selo entrega al Gerente o solicitante después de que la secretaria lo haya manado a imprimir.





6. MENSAJES DEL SISTEMA

MENSAJES DE ERROR

MENSAJES DE ERROR

N° TEXTO

1 Contraseña Incorrecta

2 Solo puede realizar 3 intentos, para su seguridad se cerrara el sistema

3 Ingrese solo números

4 Ingrese solo letras

5 No se puede guardar, hay campos requeridos vacíos

6 No existe el registro buscado

7 Seleccione el ítem que desea agregarlo

8 Seleccione el ítem que desea quitarlo

9 No se puede agregar una cantidad mayor al stock actual, por favor vuelva a ingresar la cantidad

10 Por favor seleccione un registro

MENSAJES DE AYUDA

MENSAJES DE AYUDA

N° TEXTO

1 Todos los campos con * son indispensables

2 Bienvenido al sistema, cargando, por favor espere

3 Esta seguro que desea eliminar este registro

4 El formato de fecha es aaaa/mm/dd

5 Cambiando de usuario, por favor espere

6 Esta seguro que desea salir del sistema





7. MATRIZ DE ASIGNACIÓN DE MENSAJES EN EL SISTEMA

MENSAJES DE ERROR EN EL SISTEMA

NOMBRE DE LA PANTALLA

N° MENSAJES DE ERROR

1 2 3 4 5 6 7 8 9 10

Ingreso al sistema 0 X X

Salida del Sistema 1.1

Gestión de Clientes 2.1 X X X X

Lista de Clientes 2.1.1 X

Gestión de Productos 2.2 X X X X

Lista de Productos 2.2.1 X

Gestión de Proveedores 2.3 X X X X

Lista de Proveedores 2.3.1 X

Gestión de Personal 2.4 X X X X

Lista de Personal 2.4.1 X

Registro de Novedades 2.5 X X X X X

Facturación 3.1 X X X X X X X X

Inventario 3.2 X

Proformas 3.3 X X X X X X X X

Rol de Pagos 3.4 X X X X X

Listado de Precios 4.1 X

Lista de Clientes Deudores 4.2 X

Reporte de Novedades 4.3 X

Kárdex 4.4 X

Ventas 4.5 X

Lista de Trabajadores 4.6 X

Registrar Usuario 5.1 X X X X X

Cambiar de Usuario 5.2

Seguridad 5.3 X

Temas de Ayuda 6.1

Manual de Ayuda 6.2

Acerca de.. 6.3





MENSAJES DE AYUDA EN EL SISTEMA

NOMBRE DE LA PANTALLA N° MENSAJES DE AYUDA

1 2 3 4 5 6

Ingreso al sistema 0 X

Salida del Sistema 1.1 X

Gestión de Clientes 2.1 X X

Lista de Clientes 2.1.1

Gestión de Productos 2.2 X X

Lista de Productos 2.2.1

Gestión de Proveedores 2.3 X X

Lista de Proveedores 2.3.1

Gestión de Personal 2.4 X X X

Lista de Personal 2.4.1

Registro de Novedades 2.5 X X X

Facturación 3.1 X X X

Inventario 3.2 X X X

Proformas 3.3 X X X

Rol de Pagos 3.4 X X X

Listado de Precios 4.1

Lista de Clientes Deudores 4.2

Reporte de Novedades 4.3

Kárdex 4.4

Ventas 4.5

Lista de Trabajadores 4.6

Registrar Usuario 5.1 X X

Cambiar de Usuario 5.2 X

Seguridad 5.3 X X

Temas de Ayuda 6.1

Manual de Ayuda 6.2

Acerca de.. 6.3

Documents

DISEÑO DE PROTOTIPOS DE INTERFACES DE USUARIO