PROGRAM MISSION

La navegación del sistema será de fácil acceso para los usuarios en las diferentes secciones y páginas que componen los sistemas, ya que es una pieza fundamental para la experiencia del usuario

Estará compuesto por botones que estarán siempre visibles para el usuario con la finalidad de que siempre pueda cargar la sección que desea acceder y sea de fácil disposición

51 Mensajes

Una manera más práctica para guiar al usuario es la utilización de mensajes o alertas de tal manera el usuario pueda identificar que acción hacer como por ejemplo el ingreso de información de manera errónea, el campo mostrará un mensaje que solicita al usuario que cambie, si todos los datos del formulario son correctos se envía el formulario.

Ilustración 26 Mensaje de Alerta Elaborado por: Stefany Gutierres

Arte

Es una manera de que nuestro diseño haga que el usuario se sienta atraído ya que en la actualidad la tecnología ha dado enormes pasos en materia óptica

52

Ilustración 27 Ejemplo arte y diseño Elaborado por: Stefany Gutierres Selección de colores

Para el diseño de la interfaz del sistema (menú, botones, formularios, publicidad y tablas) se ha tomado los siguientes colores

COLOR DESCRIPCIÓN

Fondo de menú de navegación principal y secundario Fondo en los títulos de los paneles y paginadores Fuente de las etiquetas formularios de ingresos Footer o pie de pagina

Fondo principal

Ilustración 28 Combinación de colores de la aplicación Elaborado por: Stefany Gutierres

Fuente

Para el interfaz se ha tomado en cuenta el estilo de fuente procurando sea el más legible y de fácil comprensión el tamaño tiene a variar en los formularios

53 Iconos

BOTONES DETALLE

Añadir nuevo registro(proveedor, donador, niños, productos, categorías)

Administrar registros

Icono de inicio principal

Icono cerrar sesión

Buscar registros

Reportes de registro

Acción cancelar

Botón guardar información Tabla 11 Iconos

54 Mapa del Sistema

Ilustración 29 Mapa del sistema Elaborado por: Stefany Gutierres Menu MRP Entradas Entradas Administrar Salidas Donaciones Administrar Pedidos Ingresar pedido Adminstrar Productos Agregar Administrar Categorias Agregar Administrar Departamentos Agregar Administrar Reportes Movimientos Inventarios Estadisticas Salir

55 Formularios

Ventana de ingreso al sistema

Formulario de autenticación de usuarios el cual permite acceder a la información del sistema

Ilustración 30 acceso como usuario al sistema CHJ Elaborado por: Stefany Gutierres

Menú principal

Barra menú superior para la navegación en las diferentes secciones que el usuario necesite trabajar.

Ilustración 31 Menú principal Elaborado por: Stefany Gutierres

56 Entradas

Formulario de entradas el cual permite ingreso de productos al inventario ya sean compras o donaciones.

Ilustración 32 Formulario de entradas Elaborado por: Stefany Gutierres Salidas

Formulario de salidas el cual permite la entrega de productos a los departamentos, los cuales se podrán imprimir para tener una constancia de la entrega.

Ilustración 33 Formulario de Salidas Elaborado por: Stefany Gutierres

57 Ventana Pedidos

Formulario de acta de pedido el cual permite agregar el responsable del departamento, el número de documento y seleccionar los productos y la cantidad que se desea adquirir

Ilustración 34 Ventana de pedidos Elaborado por: Stefany Gutierres Ventana Productos

Formulario de ingresos de los detalles correspondientes de los productos que son utilizados en Casa Hogar de Jesús

Ilustración 35 Ventana productos Elaborado por: Stefany Gutierres

58 Ventana Categorías

Formulario de ingresos de las categorías de los productos que son utilizados en Casa Hogar de Jesús

Ilustración 36 Ventana Categorías Elaborado por: Stefany Gutierres Ventana Departamentos

Formulario de ingresos de los departamentos que existen en la Fundación en Casa Hogar de Jesús

Ilustración 37 Ventana productos Elaborado por: Stefany Gutierres

59 Ventana Personas

Formulario de ingreso de datos de las personas involucradas con la organización: Empleados, proveedores y responsables.

Ilustración 38 Ventana personas Elaborado por: Stefany Gutierres Ventana Reportes Movimientos

Menú de todos los reportes de movimientos existentes en el sistema.

Ilustración 39 Formulario Reporte movimientos. Elaborado por: Stefany Gutierres

60 Ventana acta de entrega

Formulario de actas de entrega el cual se descarga el inventario para ser añadido de manera independiente de cada departamento una vez que haya dado Click en el botón guardar podrá ser impresa el acta de entrega.

Ilustración 40 Formulario acta de entrega Elaborado por: Stefany Gutierres

61

Ventana de inventario de artículos disponibles en bodega

El reporte de los artículos disponible en bodega este es el inventario principal también se puede imprimir.

Ilustración 41 Formulario inventario de artículos disponibles en bodega Elaborado por: Stefany Gutierres

62

Ventana de inventario de artículos entregados en un departamento Reporte de los artículos entregados en un departamento determinado

Ilustración 42 Reporte de inventario de artículos entregados en un departamento Elaborado por: Stefany Gutierres

Ventana de movimiento por departamento según la fecha

Reporte según el departamento que se seleccione y de la misma manera se selecciona la fecha tanto como de inicio o final del ciclo que requiera para ser visualizados los movimientos que se ha realizado en el departamento selecto

Ilustración 43 Reporte de movimiento de entrada según la fecha Elaborado por: Stefany Gutierres

63 Ventana de movimiento por beneficiario

Reporte de los artículos que han sido entregados a los beneficiarios

Ilustración 44 Reporte de movimiento por beneficiario Elaborado por: Stefany Gutierres

Seguridades

Desde el momento que comenzamos a navegar en Internet, somos un blanco vulnerable a diversos ataques cibernéticos como virus, hasta intrusiones.

Para esto se debe tomar medidas de seguridad

Se utilizara una autenticación para el ingreso a la información del sistema mediante un control de acceso de usuarios a secciones restringidas después de haber sido autenticado. Mediante la encriptación permitirá ocultar la información que será transmitida en la red Realización de copias de seguridad e imágenes de respaldo, para que en caso de fallos se pueda recuperar la información perdida o dañada.

64 Selección del lenguaje de programación

Principalmente se ha escogido el lenguaje de programación PHP y también el Gestor de Base de Datos MySQL porque son gratuitos lo cual no aplica ningún costo su utilización a diferencia de otras herramientas de desarrollo.

PHP es un leguaje que se ejecuta en un servidor donde están alojadas las páginas y es capaz de ser visualizadas en cualquier ordenador aparte del navegador que disponga, por otro lado MySQL se utilizara para la base de datos

Ilustración 45 logo Fuete: www.google.com Estilo de la programación

Ilustración 46 Programación Orientada a Objetos Fuente: http://php.net/

65

REQUERIMIENTOS PREVIOS UTILIZACIÓN DE LA APLICACIÓN