Asignatura:

Análisis y Diseño de Sistema de Información

Profesora:
Ing. Albania Pérez Candelier

Tema:
Diseño del sistema de recepción y salida de mercancías de la
empresa Computatrum Infosolutions

Participantes:
Juan Carlos Alba #02,
Ángel Gabriel Capellán #05
Sebastián Veras #21,

Curso:
4to Informática

Fecha: 6/6/2022

1
Tabla de contenido
3-Diseño de la interfaz de usuario ...................................................................................................... 4
3.1-Diseño de menús....................................................................................................................... 4
3.1.1- Diseño del menú de mantenimientos ............................................................................... 4
3.1.2- Diseño del menú de procesos ........................................................................................... 5
3.1.3- Diseño del menú de consultas y reportes ......................................................................... 6
3.1.4- Diseño del menú de Seguridad ....................................................................................... 10
3.1.5- Diseño del menú de Utilidades ....................................................................................... 11
3.1.5- Diseño del menú de Ayuda ............................................................................................. 12
3.2-Diseño de ventanas de mantenimientos ................................................................................ 13
3.2.1 Mantenimiento de empleado .......................................................................................... 13
3.2.2 Mantenimiento de mercancía .......................................................................................... 14
3.2.3 Mantenimiento de tipo de mercancía ............................................................................. 15
3.3-Diseño de ventanas de búsquedas ......................................................................................... 16
3.3.1 Búsqueda de empleados .................................................................................................. 16
3.3.2 Búsqueda de mercancía ................................................................................................... 17
3.3.2 Búsqueda de tipo de mercancía ....................................................................................... 18
3.4-Diseño de ventanas de procesos ............................................................................................ 18
3.5-Diseño de ventanas de Consultas ........................................................................................... 20
3.5.1- Consulta datos generales de empleados ........................................................................ 20
3.5.2- Consulta de empleados por su estado ............................................................................ 21
3.5.3- Consulta general de mercancías .................................................................................... 21
3.5.4- Consulta de mercancía por tipo ...................................................................................... 22
3.5.5- Consulta general movimiento de mercancía .................................................................. 22
3.5.6- Consulta movimiento de mercancía por fecha ............................................................... 23
3.6- Diseño de reportes ................................................................................................................. 24
3.6.1- Informe/ reporte general de empleados ........................................................................ 25
3.6.2- Informe/ reporte general de empleados por estado ..................................................... 25
3.6.3- Informe/ reporte general de mercancía ......................................................................... 26
3.6.4- Informe/ reporte general de tipo de mercancía ............................................................. 26
3.6.5- Informe/ reporte general de movimiento de mercancía ................................................ 27
3.6.6- Informe/ reporte general de movimiento de mercancía por fecha ............................... 27
3.7- Diseño de otras ventanas ....................................................................................................... 28
3.7.1 Ventana de acceso al sistema .......................................................................................... 28

2
 3.7.2 Ventana de Backup (Copia de seguridad) ........................................................................ 28
3.8- Estándares del sistema........................................................................................................... 29
3.8.1 Estándares en los menús .................................................................................................. 30
3.8.2 Estándares en los botones ............................................................................................... 30
3.8.2 Estándares en las ventanas de mantenimientos.............................................................. 31
3.8.3 Estándares en las ventanas de procesos .......................................................................... 32
3.8.4 Estándares en las ventanas de búsquedas y consultas .................................................... 34
3.8.5 Estándares en los reportes ............................................................................................... 35
3.9- Mensajes del sistema ............................................................................................................. 36

3
3-Diseño de la interfaz de usuario
3.1-Diseño de menús
3.1.1- Diseño del menú de mantenimientos

Se presenta la ventana principal del sistema y el menú con las distintas

funcionalidades de que dispone, ordenadas en la parte superior. Junto a este la
imagen y el nombre del usuario que ha accedido al sistema en la parte izquierda
y en la parte derecha el botón para salir del sistema.
El menú de mantenimientos es el preseleccionado y se muestran sus opciones
para registrar/actualizar los datos de los empleados, de las mercancías y de los
tipos de mercancía que maneja la empresa.
Al hacer clic en la opción Empleado se abrirá el formulario para darle
mantenimiento a los datos de los empleados.
Al hacer clic en la opción Mercancía se abrirá el formulario para darle
mantenimiento a los datos de la mercancía.

4
Al hacer clic en la opción Tipo de Mercancía se abrirá el formulario para darle
mantenimiento a los datos de los tipos de mercancía.
3.1.2- Diseño del menú de procesos

El menú de procesos ofrece la opción para registrar los movimientos de la

mercancía de tal forma que se pueda indicar los equipos que llegan a la empresa
luego de adquirirlos a los suplidores para organizarlos en almacén.
Asimismo, permite indicar cuando alguna mercancía es extraída de almacén
para su venta o cualquier otro fin fuera de la empresa.

5
3.1.3- Diseño del menú de consultas y reportes

El menú de consultas y reportes ofrece a los usuarios diferentes informaciones

originadas por el sistema de tal manera que les ayude a la toma de decisiones.
Al hacer clic en cada una de las opciones se muestra un formulario con las
distintas consultas/reportes que dicha opción le permite visualizar al usuario de
acuerdo con su rol en el sistema.

6
3.1.3.1- Submenú de consultas y reportes de empleados

El submenú de consultas y reportes de empleados ofrece dos opciones

principales:
• Consultar e imprimir los datos generales de los empleados lo cual les
permitirá obtener una lista con todos los datos de los empleados de la
empresa que bien puede ser usada para procesos de validación de datos,
entre otros.
• Consultar e imprimir los datos de los empleados según su estado, permite
filtrar los datos de los empleados de acuerdo a su estado actual: Activo o
inactivo.
Además de las opciones mencionadas se ofrece un botón para volver al menú
principal/anterior.

7
3.1.3.2- Submenú de consultas y reportes de mercancía

El submenú de consultas y reportes de mercancías ofrece siete (7) opciones para

visualizar /imprimir informaciones provenientes del sistema:
• Datos generales de mercancías,
• Mercancías por tipo,
• Mercancías por marca,
• Mercancías por modelo,
• Mercancías con mayor movimiento,
• Mercancías con menos movimiento y
• Mercancías por estado.
Como se ha dicho anteriormente, al hacer clic en cualquiera de estas opciones
se mostrará el formulario correspondiente con las informaciones concernientes
a su funcionalidad.
De igual forma se muestra el botón para volver al menú principal/anterior.

8
3.1.3.3- Submenú de consultas y reportes de movimiento de mercancía

En el submenú de consultas y reportes de movimiento de mercancías se

presentan cuatro (4) opciones para visualizar /imprimir informaciones
provenientes del sistema:
• Movimiento de mercancías por su nombre,
• Movimiento de mercancías por fecha,
• Movimiento de mercancías por tipo de movimiento (Entrada/Salida) y
• Movimiento de mercancías por su estado (Activo/inactivo)
Como ocurre en los anteriores menús, al hacer clic en cualquiera de estas
opciones se mostrará el formulario correspondiente con las informaciones
concernientes a su funcionalidad.
De igual forma se muestra el botón para volver al menú principal/anterior.

9
3.1.4- Diseño del menú de Seguridad

A través de este menú, el usuario que cuente con un rol y nivel de acceso
apropiado podrá acceder a las opciones para:
• Crear/modificar nuevos usuarios del sistema,
• Crear/modificar/actualizar los datos de la empresa y/o de sus sucursales,
• Crear copias de seguridad (Backup) de la base de datos y del sistema y
• Restaurar la copia de seguridad cuando sea necesario.
Cada una de estas opciones trabajo con información de suma importancia para
la empresa y el sistema por lo que los usuarios que las utilicen deben estar
acreditados para su correcto uso.

10
3.1.5- Diseño del menú de Utilidades

El menú de Utilidades pone a disposición de los usuarios del sistema la facilidad

de utilizar desde dentro del mismo (sin tener que salir o buscar fuera del sistema)
una serie de programas utilitarios que, aunque no son parte de la funcionalidad
del programa, resultan ser un plus para el mismo.
Dichos programas utilitarios son los que trae el sistema operativo (Windows en
este caso) integrado por lo que se asegura su disponibilidad, su compatibilidad
con el sistema y un uso fácil por parte del usuario. Esos programas son: Editor
de texto (WordPad), Navegador Web (el que tenga predeterminado el sistema
operativo), Reproductor multimedia (el que tenga predeterminado el sistema
operativo), Calculadora y Calendario.

11
3.1.5- Diseño del menú de Ayuda

El menú de Ayuda proporciona al usuario, a través de la opción Contenido,

tutoriales, informaciones, documentación, etc. sobre cómo utilizar el sistema en
sus distintas funcionalidades.
Asimismo, permite conocer informaciones sobre el desarrollo del proyecto y de
sus creadores, versión actualmente instalada, entre otros datos útiles.

12
3.2-Diseño de ventanas de mantenimientos
3.2.1 Mantenimiento de empleado

El diseño de los formularios de mantenimientos sigue los patrones de diseño

especificados en la sección Estándares del Sistema. Para una descripción de los
botones utilizados en estos formularios, revisar dicha sección del presente
documento.

Formulario de Mantenimiento de empleado: este formulario se muestra al elegir

la opción Empleado del menú Mantenimientos.
El id empleado no se podrá modificar porque es la clave principal de la tabla
empleado. Los campos cédula, teléfono mostrarán una máscara de entrada
acorde a sus respectivos formatos.
Para el sexo y el estado se usará un ComboBox para que el usuario solo tenga
que elegir las opciones necesarias, así mismo para cualquier otro campo que se
preste para lo mismo.
Al hacer click en el botón Buscar se mostrará la ventana de búsqueda
correspondiente.
Al hacer click en el botón Salir se cerrará este formulario retornando al menú.

13
3.2.2 Mantenimiento de mercancía

Formulario de Mantenimiento de mercancía: este formulario se muestra al

elegir la opción Mercancía del menú Mantenimientos.
El id mercancía no se podrá modificar porque es la clave principal de la tabla
empleado
En el Estado se mostrará: Usado, Nuevo, Grado X, según corresponda, a través
de un cuadro combinado.
Para el Tipo de Mercancía se usará un cuadro combinado que se llenará con los
datos de la tabla Tipo Mercancía mostrando luego las opciones
correspondientes al usuario.
Al hacer click en el botón Buscar se mostrará la ventana de búsqueda
correspondiente.
Al hacer click en el botón Salir se cerrará este formulario retornando al menú.

14
3.2.3 Mantenimiento de tipo de mercancía
Formulario de Mantenimiento de tipo de mercancía: este formulario se muestra
al elegir la opción tipo de mercancía del menú Mantenimientos.
El id tipo de mercancía no se podrá modificar porque es la clave principal de la
tabla mercancía y se genera de forma automática.
Al hacer click en el botón Buscar se mostrará la ventana de búsqueda
correspondiente.
Al hacer click en el botón Salir se cerrará este formulario retornando al menú.

15
3.3-Diseño de ventanas de búsquedas
3.3.1 Búsqueda de empleados

El diseño de los formularios de búsqueda siguen los patrones de diseño

especificados en la sección Estándares del Sistema. Para una descripción de los
botones utilizados en estos formularios, revisar dicha sección del presente
documento.

Este formulario se mostrará cuando el usuario pulse sobre el botón Buscar…

(Buscar Empleado) en el formulario de correspondiente (por ejemplo en el
Mantenimiento de empleado). Los botones de navegación permitirán al usuario
ir pasando de un registro a otro o irse al inicio o al final de la tabla de acuerdo
al botón que pulse.
Al seleccionar uno de los criterios de búsqueda (mostrados a través del objeto
Grupo de opciones) los datos mostrados se organizarán según dicho criterio y
al escribir un dato en el cuadro de texto solo se irán mostrando aquellos que
coincidan con el mismo.
Al hacer click en el botón Aceptar el dato seleccionado se mostrará en el
formulario que llamó la búsqueda.

16
Al hacer click en el botón Cancelar se cerrará este formulario y se retornará al
formulario que llamó la búsqueda.

Nota: este mismo comportamiento lo presentaran los demás formularios de

búsqueda.
3.3.2 Búsqueda de mercancía

Como puede observarse, esta ventana tiene las mismas características de la

explicada anteriormente y su funcionamiento es similar por lo que no haremos
descripciones adicionales.

17
3.3.2 Búsqueda de tipo de mercancía

La única diferencia entre este formulario de búsqueda y los descritos

anteriormente, es que aquí no se requieren criterios de búsqueda ya que solo se
muestran dos datos, por lo que solo se lee el tipo de mercancía que se quiere
buscar.
3.4-Diseño de ventanas de procesos

Para este proyecto solo se cuenta con un proceso: el de movimiento de

mercancía. El mismo permitirá registrar las mercancías que entren o salgan al
almacén de la empresa.
Los botones de dicho formulario han sido descritos en la sección Estándares del
sistema de este documento por lo que para una mayor referencia de sus
funciones ir a dicha sección.
Se utilizan cuadros combinados para que el usuario seleccione los valores que
necesite en cuanto a los datos de: Empleado que realiza el registro (los datos
mostrados se toman de la tabla empleados), Tipo de movimiento (con las

18
opciones de Entrada o Salida), Estado de la mercancía (con las opciones de
Nuevo, Usado, Grado X) y la Mercancía (que tomará los datos mostrados de la
tabla de mercancía).

A diferencia de los formularios de mantenimientos aquí no se incluyen los

botones de navegación para reforzar la seguridad y la integridad de los datos.
Al momento de guardar un nuevo registro se actualizará la cantidad en
existencia del producto involucrado de tal forma que, si el tipo de movimiento
seleccionado ha sido Entrada, la existencia de dicha mercancía en la tabla
correspondiente se aumentará, mientras que, si el tipo de movimiento
seleccionado ha sido Salida, la existencia se reducirá.
Cabe destacar de que en este último caso debe validarse que la cantidad indicada
para dar salida sea mayor o igual a la cantidad en existencia de dicha mercancía
para evitar que se guarden cantidades en negativo.

19
3.5-Diseño de ventanas de Consultas

Todas las ventanas de Consulta siguen un mismo estándar y han sido descritas
en la sección Estándares del sistema de este documento, por lo que, para no
repetir la misma información, solo se especificará en esta sección aquellas
informaciones que puedan resultar necesarias para que se entienda su
funcionamiento.
Cada formulario de consulta presenta en la parte inferior, la cantidad de
registros y/o el total (por ejemplo, de dinero) mostrados en el objeto DataGrid.
Al hacer clic en el botón Imprimir se llamará a una previsualización del
correspondiente informe diseñado para dicha consulta.
El botón salir cerrará el formulario retornando al menú de la aplicación.
3.5.1- Consulta datos generales de empleados

Adicional a lo indicado anteriormente, al seleccionar un criterio de búsqueda y

escribir en el cuadro de texto el dato a buscar de acuerdo a dicho criterio, las
informaciones mostradas se filtrarán mostrando solo las que cumplan con el
filtro.

20
3.5.2- Consulta de empleados por su estado

En esta consulta, adicionalmente a lo especificado antes, basta con seleccionar

el estado de los datos que se desean mostrar para que estos se filtren
automáticamente.
3.5.3- Consulta general de mercancías

21
La consulta general de mercancía es similar a la de empleado por lo que no se
detalla su funcionamiento.

3.5.4- Consulta de mercancía por tipo

En esta consulta basta con seleccionar de la lista el tipo de mercancía que se

desea mostrar para que se aplique el filtro y solo se muestren las informaciones
correspondientes.

3.5.5- Consulta general movimiento de mercancía

La consulta general de movimiento de mercancía es similar a la de empleado,

explicada anteriormente, por lo que no se detalla su funcionamiento.

22
3.5.6- Consulta movimiento de mercancía por fecha

23
Adicionalmente a lo indicado antes, en esta consulta basta con indicar la fecha
a partir de la cual se desea filtrar los datos y la fecha hasta la cual se abarcarán
los movimientos de mercancía que se filtrarán para ser mostradas.

3.6- Diseño de reportes

Todos los informes siguen un mismo estándar y han sido descritos en la sección
Estándares del sistema de este documento, por lo que, para no repetir la misma
información, solo se especificará en esta sección aquellas informaciones que
puedan resultar necesarias para que se entienda su funcionamiento.
Cada informe presenta en la banda superior el nombre de la empresa, el nombre
del sistema y el nombre del reporte en el lado izquierdo, en el lado derecho se
muestra la fecha, la hora y el número de página.
En la parte central se muestran los detalles con las informaciones concernientes
al tipo de reporte que es.
En la banda inferior, se muestra la cantidad de registros y/o el total (por ejemplo,
de dinero) mostrados en el detalle del reporte.

24
3.6.1- Informe/ reporte general de empleados

3.6.2- Informe/ reporte general de empleados por estado

25
3.6.3- Informe/ reporte general de mercancía

3.6.4- Informe/ reporte general de tipo de mercancía

26
3.6.5- Informe/ reporte general de movimiento de mercancía

3.6.6- Informe/ reporte general de movimiento de mercancía por fecha

27
3.7- Diseño de otras ventanas

3.7.1 Ventana de acceso al sistema

Esta ventana permitirá al usuario acceder al sistema una vez introducidos los
datos correctos y presionado el botón Aceptar. Si no se introduce correctamente
alguno de los datos solicitados el sistema debe presentar un error indicándolo.
Al hacer clic en el botón Cancelar se cerrará la ventana sin entrar a la
aplicación.
3.7.2 Ventana de Backup (Copia de seguridad)

Esta ventana permite realizar una copia de seguridad de la base de datos y de la

aplicación a fin de protegerlos de posibles pérdidas debido a distintos factores.
Luego de comprobar la ubicación de la base de datos y la carpeta de destino
predeterminada, se habilitará el botón Crear una copia de seguridad ahora y
al darle clic a dicho botón el proceso se iniciará. Cabe destacar que durante la
realización del backup, no se debe permitir ninguna actividad en el sistema.

28
3.8- Estándares del sistema

Para la creación de este proyecto de Software se decidió utilizar los siguientes

estándares que permitan armonizar tanto su apariencia (interfaz de usuario)
como la funcionalidad (experiencia de usuario). De igual manera, esto permite
que la curva de aprendizaje del sistema para el usuario final sea mucho menor
al “encontrar” todo en el mismo lugar y de una forma muy similar.
De manera general, en todas las ventanas se utilizan la misma combinación de
colores acordes a los que identifican a la empresa para la cual se ha desarrollado
este diseño de sistema de información (Computatrum InfoSolution) y aquellos
que de acuerdo a la rueda de colores son compatibles y crean un efecto visual
agradable.
De igual forma, se ha utilizado la misma fuente (Times New Roman) y tamaño
(entre 11 y 14) para los distintos textos presentados en los diferentes formularios
y reportes que conforman el sistema.

29
3.8.1 Estándares en los menús

Todos los menús cuentan con esta misma apariencia, en la parte superior el
nombre del sistema (Recepción y salida de equipos), la imagen y nombre del
usuario que ha accedido al sistema y el botón para salir de la aplicación.
Seguido de la banda de menús en la que, al darle clic en el nombre de la opción
principal con la que se desee trabajar, se muestran las opciones
(funcionalidades) que dicho menú ofrece a los usuarios.
En la parte central la imagen que representa a la empresa (Computatrum
InfoSolutions). Y, en la parte inferior, la fecha y hora actuales del sistema.

3.8.2 Estándares en los botones

Como parte de los estándares, se pueden encontrar un grupo de botones que

presentan los mismos iconos y realizan, prácticamente, las mismas funciones en
los diferentes formularios en los que se encuentren.
A continuación se detalla dichos botones y su funcionalidad:
Botón Funcionalidad

30
 Para ir al primer registro de la tabla correspondiente.

Para ir al registro anterior de la tabla correspondiente.

Para ir al registro siguiente de la tabla correspondiente.

Para ir al último registro de la tabla correspondiente.

Crea un nuevo registro en la tabla correspondiente.

Guarda los cambios realizados al registro actual en la tabla

correspondiente.
Cancela los cambios realizados al registro actual en la tabla
correspondiente.
Abre el formulario de búsqueda para la tabla
correspondiente.
Permite salir del formulario actual.

Permite ejecutar el informe/reporte relacionado a las

informaciones presentadas a través de las consultas del
sistema.
Selecciona como válida la información actual para realizar
una tarea especifica con la misma.
Cancela/deshace cualquier cambio realizado saliendo del
formulario que lo contiene.

3.8.2 Estándares en las ventanas de mantenimientos

31
Todos los formularios destinados a registrar, modificar, actualizar los datos base
del sistema siguen este modelo.
En la parte superior el título de la tarea que se realiza con el formulario, en la
parte céntrica los datos de la/s tabla/s con los que el usuario interactúa y en la
parte inferior los botones que le permitirán navegar por los registros, crear un
nuevo registro, guardar los cambios realizados, cancelar los cambios, buscar
una información requerida para poder actualizarla y el botón para salir del
formulario y retornar a menú de la aplicación (ver la sección Estándares de
botones, para una descripción de la funcionalidad que realiza cada botón).
3.8.3 Estándares en las ventanas de procesos

32
Como puede observarse en esta ventana, lo único que la diferencia de las
ventanas de mantenimiento es que los botones de navegación no aparecen/no se
necesitan en esta por motivos de seguridad, ya que si se permitiera que cualquier
usuario pueda ir de un registro a otro sin ningún control podría alterar los datos
registrados. Por la misma razón el botón buscar no se usa en este formulario.
De igual manera, en aquellos datos que pueden ser seleccionados en lugar de
ser digitados por el usuario se ha utilizado un objeto del tipo Grupo de opciones
o bien un cuadro combinado, evitando así la posible ocurrencia de errores.
Ese es el caso de los campos Empleado, Tipo de Movimiento, Estado,
Mercancía, etc. y los objetos relacionados con los mismos.

33
3.8.4 Estándares en las ventanas de búsquedas y consultas

Los formularios de búsqueda y de consulta de información han sido diseñados

de tal forma que son muy similares a fin de que el usuario se familiarice de una
forma más fácil y rápida con los mismos, teniendo en cuenta que son los tipos
de formularios que más se encuentran en nuestro sistema.
Formulario de búsqueda

Como se puede notar al comparar el formulario anterior (búsqueda) con el

formulario siguiente (Consulta) las principales diferencias entre ambos tipos de
formularios son las siguientes:
• Mientras que en las búsquedas encontramos los botones Aceptar y
Cancelar, en las consultas se muestran Imprimir y Salir, esto debido a
que al buscar queremos encontrar una información especifica para
seleccionarla y hacer algo con ella (generalmente pasarla a otro
formulario desde donde fue invocada la búsqueda para mostrar o editar
los datos seleccionados, sin embargo, en las consultas se necesita obtener
información (visible en pantalla o impresa) que se utilizará para el apoyo
a la toma de decisiones.

34
 • A diferencia de las búsquedas en las consultas se presentan unos totales
acordes a la información mostrada.
Formulario de consulta

3.8.5 Estándares en los reportes

35
Todos los reportes contienen en la banda superior los nombres de la empresa,
del sistema, del reporte/informe, la fecha/hora actual y el número de página.
En la siguiente banda se muestran los encabezados de las columnas de datos
que aparecen en el detalle del informe.
Luego se muestra el detalle de las informaciones presentadas en el informe de
acuerdo a la naturaleza del mismo.
Y en la última banda el total de las informaciones mostradas en el reporte,
dichos totales depende de la naturaleza del informe.

3.9- Mensajes del sistema

Durante la ejecución del sistema el usuario puede recibir distintos mensajes que
le notifiquen de los resultados de sus interacciones con las distintas partes de la
aplicación de tal forma que esté informado en todo momento de lo que realiza
y cómo ha resultado. Entre los mensajes del sistema se encuentran:
Mensaje Significado
Usuario y/o contraseña no Este mensaje se muestra cuando el usuario ha
válidos introducido incorrectamente su nombre y/o su
contraseña para acceder al sistema.
Usuario y contraseña Este mensaje se muestra cuando el usuario ha
aceptados. Bienvenid@ al introducido correctamente su nombre y su
sistema. contraseña para acceder al sistema.
El valor indicado no es Mensaje mostrado cuando el usuario
válido! proporciona un valor fuera del rango
permitido.
Está seguro que desea salir de Mensaje presentado cada vez que el usuario
este formulario? intenta cerrar algún formulario para
asegurarse de que es la acción que quiere
realizar.
Datos guardados Este mensaje se muestra cuando los cambios
correctamente! realizados a un registro en algún formulario
han sido guardados satisfactoriamente.

36
Los cambios solicitados no se Este mensaje se muestra cuando los cambios
guardaron correctamente! realizados a un registro en algún formulario
no han sido guardados satisfactoriamente.
Esta a punto de cancelar la Mensaje que se muestra cuando el usuario
acción solicitada, está presiona el botón Cancelar en algún
seguro? formulario en el que haya que seleccionar un
registro para hacer alguna tarea.

37