ACTIVIDAD FASE 4 - INDIVIDUAL

DISEÑO DE INTERFACES GRÁFICAS

Héctor Fabián Morales Ramírez – Código 94064368

Tutor: Franklin Lizcano Celis

Noviembre de 2018

Universidad Nacional Abierta y a Distancia UNAD

Programación Orientada a Objetos 301403A_474
Grupo 301403_45
 TABLA DE CONTENIDO

TABLA DE CONTENIDO ................................................................................................ 2

TABLA DE ILUSTRACIONES ......................................................................................... 3
INTRODUCCIÓN ............................................................................................................ 5
DESARROLLO DE LA ACTIVIDAD ................................................................................ 6
Inicio de sesión .......................................................................................................... 6
Pantalla inicial ............................................................................................................ 7
Gestión de cargos ..................................................................................................... 9
Gestión de tipos de calzado ................................................................................... 12
Gestión de clientes .................................................................................................. 14
Gestión de empleados............................................................................................. 17
Consulta de reparaciones ....................................................................................... 22
Formulario de reparaciones.................................................................................... 23
Reportes ................................................................................................................... 27
CONCLUSIONES ......................................................................................................... 30

2
 TABLA DE ILUSTRACIONES

Ilustración 1 - Inicio de sesión ......................................................................................... 6

Ilustración 2 - Validación de datos .................................................................................. 6
Ilustración 3 - Validación de clave ................................................................................... 7
Ilustración 4 - Validación de usuario ............................................................................... 7
Ilustración 5 - Pantalla principal ...................................................................................... 8
Ilustración 6 - Menú archivo ............................................................................................ 8
Ilustración 7 - Menú Maestros ......................................................................................... 9
Ilustración 8 - Menú de reparaciones .............................................................................. 9
Ilustración 9 - Acceso denegado ..................................................................................... 9
Ilustración 10 - Gestión de cargos ................................................................................ 10
Ilustración 11 - Obligatoriedad del nombre del cargo .................................................... 11
Ilustración 12 - Confirmación de borrado de cargos...................................................... 11
Ilustración 13 - Cargo creado exitosamente .................................................................. 11
Ilustración 14 - Gestión de tipos de calzado ................................................................. 12
Ilustración 15 - Obligatoriedad del nombre del tipo de calzado ..................................... 13
Ilustración 16 - Confirmación de borrado de tipos de calzado ...................................... 13
Ilustración 17 – Tipo de calzado creado exitosamente ................................................. 13
Ilustración 18 - Gestión de clientes ............................................................................... 14
Ilustración 19 - Reparaciones en proceso del cliente .................................................... 15
Ilustración 20 - Filtro de clientes.................................................................................... 15
Ilustración 21 - Lista desplegable para tipo de documento ........................................... 15
Ilustración 22 - Lista desplegable para tipo de cliente................................................... 15
Ilustración 23 - Calendario para fecha de nacimiento .................................................. 16
Ilustración 24 - Obligatoriedad de datos de cliente ....................................................... 16
Ilustración 25 - Mayoría de edad de los clientes ........................................................... 17
Ilustración 26 - Confirmación de borrado de clientes .................................................... 17
Ilustración 27 – Cliente creado exitosamente ............................................................... 17
Ilustración 28 - Acceso denegado ................................................................................. 18
Ilustración 29 - Gestión de empleados .......................................................................... 18
Ilustración 30 - Filtro de clientes.................................................................................... 19
Ilustración 31 - Lista desplegable para tipo de documento ........................................... 19
Ilustración 32 - Lista desplegable para cargo ................................................................ 19
Ilustración 33 - Lista desplegable para rol..................................................................... 20
Ilustración 34 - Selector numérico para la edad ............................................................ 20
Ilustración 35 - Calendario para fecha de ingreso ........................................................ 20

3
Ilustración 36 - Obligatoriedad de datos de empleado .................................................. 20
Ilustración 37 - Mayoría de edad de los empleados ...................................................... 21
Ilustración 38 - Caracteres no admitidos en la clave ..................................................... 21
Ilustración 39 - Confirmación de borrado de empleado................................................. 22
Ilustración 40 – Empleado creado exitosamente .......................................................... 22
Ilustración 41 - Consulta de reparaciones ..................................................................... 22
Ilustración 42 - Formulario de reparaciones .................................................................. 23
Ilustración 43 - Lista desplegable para tipo de calzado................................................. 24
Ilustración 44 - Lista desplegable para cliente .............................................................. 24
Ilustración 45 - Lista desplegable para rol..................................................................... 24
Ilustración 46 - Calendario para las fechas de entregas .............................................. 25
Ilustración 47 - Botón para actualizar listas desplegables............................................. 25
Ilustración 48 - Obligatoriedad de datos de la reparación ............................................. 25
Ilustración 49 - Mayoría de edad de los empleados ...................................................... 26
Ilustración 50 - Validación de la fecha de entrega real vs Fecha de recepción ............. 26
Ilustración 51 - Validación de la fecha de entrega real vs Fecha actual ....................... 26
Ilustración 52 – Reparación creada exitosamente ........................................................ 27
Ilustración 53 - Formulario de reportes ......................................................................... 27
Ilustración 54 - Lista desplegable con los reportes disponibles .................................... 28
Ilustración 55 - Reporte detallado de reparaciones ....................................................... 28
Ilustración 56 - Reporte resumido de reparaciones ...................................................... 29

4
 INTRODUCCIÓN

En el siguiente trabajo se deja evidencia del diseño de las interfaces de la aplicación

necesaria para el proyecto que se viene desarrollando a lo largo del curso. Adicional al
diseño de interfaces, se ha desarrollado la funcionalidad necesaria para cumplir con
todos los requisitos funcionales identificados en fase 1 del curso.
Para el desarrollo de esta aplicación se ha usado Java 8 como lenguaje de
programación, NetBeans como IDE, MariaDB (equivalente y compatible con MySql)
para la base de datos y JasperReports para la generación de reportes.
A lo largo del desarrollo se han aplicado los paradigmas de la programación orientada
a objetos, haciendo uso de las clases con sus atributos y métodos, uso de herencia,
polimorfismo por herencia y por interfaces, y sobrecarga de funciones,
encapsulamiento de funcionalidades, entre otros.

5
 DESARROLLO DE LA ACTIVIDAD

Inicio de sesión

Esta es la pantalla que se muestra al iniciar el programa. Debe introducirse el número

de cédula y la clave para poder ingresar. Por temas de pruebas, se precarga este
formulario con los siguientes datos para ingresar como administrador:

• Cédula: 123456
• Clave: 123456

Ilustración 1 - Inicio de sesión

El sistema valida que se ingresen datos o que en la clave no se ingresen caracteres

prohibidos:

Ilustración 2 - Validación de datos

6
 Ilustración 3 - Validación de clave

Si el documento y clave son incorrectos, el sistema mostrará un mensaje de aviso:

Ilustración 4 - Validación de usuario

Pantalla inicial

Cuando se ingresa con los datos correctos, se mostrará una venta desde la cual podrá
accederse a las demás opciones de la aplicación. Esta ventana principal es MDI, es
decir que actuará como ventana contenedora para las ventanas internas de todas las
opciones incluidas en la aplicación:

7
 Ilustración 5 - Pantalla principal

Las opciones de la aplicación pueden ser accedidas mediante el menú que se muestra
a continuación:

• Menú Archivo: contiene la opción para cerrar la aplicación.

Ilustración 6 - Menú archivo

• Menú de Maestros: contiene las opciones para consultar y gestionar las tablas
maestras, como los Cargos, Tipos de Calzado, Clientes y Empleados.

8
 Ilustración 7 - Menú Maestros

• Menú de Reparaciones: ofrece las opciones para consultar, crear y ver reportes de
las reparaciones.

Ilustración 8 - Menú de reparaciones

Gestión de cargos

Esta opción solo podrá ser accedida por el administrador. Si un usuario que no tiene
permisos intenta acceder, se le mostrará este mensaje:

Ilustración 9 - Acceso denegado

9
La ventana de gestión de cargos es esta:

Ilustración 10 - Gestión de cargos

Esta opción nos permite crear, consultar, editar y borrar los cargos que serán
asignados a los empleados.

Para crear un cargo, solo debemos hacer clic en Nuevo, ingresar los datos y luego se
hace clic en Guardar.

En la lista de la parte inferior de la ventana podremos consultar los cargos creados. Si

se hace clic en una fila de esta lista, se cargará en el formulario los datos del registro
asociado, lo que nos permitirá actualizar sus datos.

Si intentamos guardar los datos sin haber ingresado el nombre del cargo, se mostrará
un mensaje de aviso como este:

10
 Ilustración 11 - Obligatoriedad del nombre del cargo

El botón Borrar nos permite eliminar el registro que esté cargado en el formulario. Si
intentamos realizar esta acción, la aplicación nos pedirá una confirmación:

Ilustración 12 - Confirmación de borrado de cargos

Cuando la acción de gestión que hayamos ejecutado es exitosa, se nos mostrará

mensajes de aviso como este:

Ilustración 13 - Cargo creado exitosamente

11
Gestión de tipos de calzado

Ilustración 14 - Gestión de tipos de calzado

Esta sección nos permite crear, consultar, editar y borrar los tipos de calzado, dato que
se ingresará en las reparaciones.

Para crear un tipo de calzado, solo debemos hacer clic en Nuevo, ingresar los datos y
luego se hace clic en Guardar.

En la lista de la parte inferior de la ventana podremos consultar los tipos creados. Si se

hace clic en una fila de esta lista, se cargará en el formulario los datos del registro
asociado, lo que nos permitirá actualizar sus datos.

Si intentamos guardar los datos sin haber ingresado el nombre del tipo de calzado, se
mostrará un mensaje de aviso como este:

12
 Ilustración 15 - Obligatoriedad del nombre del tipo de calzado

El botón Borrar nos permite eliminar el registro que esté cargado en el formulario. Si
intentamos realizar esta acción, la aplicación nos pedirá una confirmación:

Ilustración 16 - Confirmación de borrado de tipos de calzado

Cuando la acción de gestión que hayamos ejecutado es exitosa, se nos mostrará un

mensaje de aviso como este:

Ilustración 17 – Tipo de calzado creado exitosamente

13
Gestión de clientes

Ilustración 18 - Gestión de clientes

Con esta opción podremos administrar los datos de los clientes que solicitan las
reparaciones. Podemos crear, consultar, actualizar y borrar clientes.

Para crear un cliente, solo debemos hacer clic en Nuevo, ingresar los datos y luego se
hace clic en Guardar.

En la lista de la parte inferior de la ventana podremos consultar los clientes creados. Si

se hace clic en una fila de esta lista, se cargará en el formulario los datos del registro
asociado, lo que nos permitirá actualizar sus datos. Esta acción también nos mostrará
en la parte derecha de la ventana las reparaciones en proceso que tiene el cliente
seleccionado, como se muestra en esta imagen:

14
 Ilustración 19 - Reparaciones en proceso del cliente

Adicionalmente, este listado cuenta con criterios de filtrado para que podamos
encontrar más fácilmente un cliente. Se puede buscar un cliente ingresando una parte
de su nombre o con el número exacto de su documento de identidad:

Ilustración 20 - Filtro de clientes

Para facilitar el ingreso de los datos se han provisto algunos controles de usuario útiles:

• Listas desplegables para seleccionar el tipo de documento o el tipo de cliente

Ilustración 21 - Lista desplegable para tipo de documento

Ilustración 22 - Lista desplegable para tipo de cliente

• Control de calendario para ingresar de forma fácil e intuitiva la fecha de nacimiento

15
 Ilustración 23 - Calendario para fecha de nacimiento

Si intentamos guardar el cliente sin haber ingresado un dato obligatorio, se nos

mostrará este mensaje de aviso:

Ilustración 24 - Obligatoriedad de datos de cliente

Los datos obligatorios son:

• Nombre
• Tipo de documento
• Documento de identidad
• Dirección del cliente
• Teléfono o celular
• Fecha de nacimiento

El cliente debe ser mayor de edad, por lo que, si se ingresa una fecha de nacimiento
que indique lo contrario, se mostrará este mensaje de aviso:

16
 Ilustración 25 - Mayoría de edad de los clientes

El botón Borrar nos permite eliminar el registro que esté cargado en el formulario. Si
intentamos realizar esta acción, la aplicación nos pedirá una confirmación:

Ilustración 26 - Confirmación de borrado de clientes

Cuando la acción de gestión que hayamos ejecutado es exitosa, se nos mostrará un

mensaje de aviso como este:

Ilustración 27 – Cliente creado exitosamente

Gestión de empleados

Esta opción solo podrá ser accedida por el administrador. Si un usuario que no tiene
permisos intenta acceder, se le mostrará este mensaje:

17
 Ilustración 28 - Acceso denegado

Esta es la ventana para gestionar empleados:

Ilustración 29 - Gestión de empleados

18
Con esta opción podremos administrar los datos de los empleados que pueden
acceder a la aplicación. Aquí podremos crear, consultar, actualizar y borrar empleados.

Para crear un empleado, solo debemos hacer clic en Nuevo, ingresar los datos y luego
se hace clic en Guardar.

En la lista de la parte inferior de la ventana podremos consultar los empleados creados.

Si se hace clic en una fila de esta lista, se cargará en el formulario los datos del registro
asociado, lo que nos permitirá actualizar sus datos.

Adicionalmente, este listado cuenta con criterios de filtrado para que podamos
encontrar más fácilmente un empleado. Se puede buscar un empleado ingresando una
parte de su nombre o con el número exacto de su documento de identidad:

Ilustración 30 - Filtro de clientes

Para facilitar el ingreso de los datos se han provisto algunos controles de usuario útiles:

• Listas desplegables para seleccionar el tipo de documento, el cargo o el rol del

empleado

Ilustración 31 - Lista desplegable para tipo de documento

Ilustración 32 - Lista desplegable para cargo

19
 Ilustración 33 - Lista desplegable para rol

• Selector numérico para la edad, con botones para incrementar o decrementar el

valor y evitar el ingreso de valores no enteros o no numéricos

Ilustración 34 - Selector numérico para la edad

• Control de calendario para seleccionar de forma fácil e intuitiva la fecha de ingreso:

Ilustración 35 - Calendario para fecha de ingreso

Si intentamos guardar el empleado sin haber ingresado un dato obligatorio, se nos

mostrará este mensaje de aviso:

Ilustración 36 - Obligatoriedad de datos de empleado

Los datos obligatorios son:

20
• Nombre
• Tipo de documento
• Documento de identidad
• Clave de acceso
• Edad
• Cargo
• Rol
• Fecha de ingreso

El empleado debe ser mayor de edad, por lo que, si se ingresa edad de menos de 18
años, se mostrará este mensaje de aviso:

Ilustración 37 - Mayoría de edad de los empleados

En la clave de acceso no se admiten estos caracteres: #!¡?¿^|° . Si se intenta ingresar

uno de estos, se muestra este mensaje de aviso:

Ilustración 38 - Caracteres no admitidos en la clave

Adicionalmente, por seguridad la clave será cifrada con MD5 antes de ser almacenada
en la base de datos.

El botón Borrar nos permite eliminar el registro que esté cargado en el formulario. Si
intentamos realizar esta acción, la aplicación nos pedirá una confirmación:

21
 Ilustración 39 - Confirmación de borrado de empleado

Cuando la acción de gestión que hayamos ejecutado es exitosa, se nos mostrará un

mensaje de aviso como este:

Ilustración 40 – Empleado creado exitosamente

Consulta de reparaciones

Ilustración 41 - Consulta de reparaciones

22
Esta opción nos permite buscar consultas usando diferentes filtros como los datos del
cliente que solicitó la reparación, el estado de la reparación, el tipo de calzado
involucrado o el rango de fechas para la fecha de recepción o de entrega planeada.

El botón consultar sirve para obtener todas las reparaciones que coincidan con los
criterios de búsqueda ingresados. Si no se ingresa ninguno, se mostrará todas las
reparaciones. Además, se proveen listas desplegables y calendarios para facilitar el
ingreso de algunos criterios de búsqueda. El botón Limpiar sirve para quitar todos los
criterios de búsqueda que se hayan ingresado.

Si se hace clic sobre una fila de la lista de resultados, se mostrará el formulario de

edición de reparaciones con los datos del registro seleccionado.

Formulario de reparaciones

Ilustración 42 - Formulario de reparaciones

23
Este formulario nos permitirá actualizar o crear nuevas reparaciones en el sistema.

Para crear una reparación nueva, solo tenemos que ir al menú Reparaciones, opción
Crear reparación, o también, si accedemos a este formulario mediante la consulta de
reparaciones, debemos hacer clic en el botón Nuevo para que se limpien los campos y
podamos añadir una reparación nueva.

Debemos recordar que, para editar una reparación, primero debemos ubicarla en el
formulario de consultas visto en el punto anterior, y hacer clic sobre la fila de la
reparación por editar.

Para facilitar el ingreso de los datos se han provisto algunos controles de usuario útiles:

• Listas desplegables para seleccionar el tipo de calzado, el cliente y el estado de la

reparación.

Ilustración 43 - Lista desplegable para tipo de calzado

Ilustración 44 - Lista desplegable para cliente

Ilustración 45 - Lista desplegable para rol

24
• Controles de calendario para seleccionar de forma fácil e intuitiva la fecha de
entrega planeada y la fecha de entrega efectiva o real:

Ilustración 46 - Calendario para las fechas de entregas

Este formulario cuenta con un botón de actualización de las listas de selección de

cliente y de tipo de calzado, ya que podemos ir por medio del menú a la gestión de
estos dos ítems y añadir nuevos registros. Al hacer clic en este botón, se cargará los
nuevos registros.

Ilustración 47 - Botón para actualizar listas desplegables

Todos los campos son obligatorios, por lo que, si intentamos guardar la reparación sin
haber ingresado todos sus datos, se nos mostrará este mensaje de aviso:

Ilustración 48 - Obligatoriedad de datos de la reparación

La fecha de entrega debe ser siempre mayor que la fecha actual, si no se cumple con
esto, se mostrará este mensaje:

25
 Ilustración 49 - Mayoría de edad de los empleados

Al momento de terminar una reparación, es decir, al cambiarla de estado a

“Terminado”, la fecha de entrega efectiva no puede ser menor que la fecha de
recepción o ser una fecha del futuro. Si no se cumple con esto, se mostrará estos
mensajes de aviso:

Ilustración 50 - Validación de la fecha de entrega real vs Fecha de recepción

Ilustración 51 - Validación de la fecha de entrega real vs Fecha actual

Las reparaciones NO podrán ser borradas.

Cuando la acción de gestión que hayamos ejecutado es exitosa, se nos mostrará un

mensaje de aviso como este:

26
 Ilustración 52 – Reparación creada exitosamente

Reportes

Ilustración 53 - Formulario de reportes

Este formulario nos permite generar reportes detallados y resumido de las

reparaciones. Estos reportes podrán imprimirse o exportarse a PDF. Los criterios de
búsqueda funcionan igual a los mostrados en el formulario de consulta de
reparaciones. Si no se ingresa ningún filtro, el reporte se generará con todas las
reparaciones registradas.

Para poder escoger un reporte, se provee una lista desplegable con las opciones
disponibles:

27
 Ilustración 54 - Lista desplegable con los reportes disponibles

Los reportes disponibles son:

• Reporte detallado

Muestra toda la información de la reparación y la información básica del usuario. Se

usa una hoja por cada reparación.

El reporte generado es similar al que se muestra a continuación:

Ilustración 55 - Reporte detallado de reparaciones

• Reporte resumido

Este reporte muestra un listado con información superficial de las reparaciones y los
clientes.

28
Ilustración 56 - Reporte resumido de reparaciones

29
 CONCLUSIONES

En el desarrollo de la aplicación mostrada en este trabajo, se ha recordado los

paradigmas de la programación orientada a objetos, ya aprendidos con anterioridad, y
se ha logrado cumplir con el reto de poder desarrollar una aplicación completa, con
todas las funcionalidades requeridas y reportes, usando un lenguaje de programación,
aunque ya conocido y manejado, no se ha dominado, como otras opciones, por parte
de quien presenta este trabajo.

30