UNIVERSIDAD TECNOLOGICA DE LEÓN

Materia: Diseño de aplicaciones

Docente: Cristian Jesús Estrada Andrade
Grupo: DSM402
Tema: Informe Final de Proyecto

Integrantes
Gilberto De Jesús Córdova Mendoza
Dulce Jocelyn Padrón Villalpando
ALFA Noé Aaron García Guevara

SOFTWARE Mauricio Israel Fernández Ramos

José Eduardo Chia Nila
El Software del mañana

CONTACTO 01/12/2021
TELÉFONO:
477- 5620493

DOMICILIO:
Blvrd Venustiano Carranza # 3001,
León, Gto.

CORREO ELECTRÓNICO:
ALFASOFTWARE@Gmail.com
 INDICE

Introducción……………………………………………………………………………..3

Guía de estilo…………………………………………………………………………...3
Tipografía………………………………………………………………………3
Gama de colores………………………………………………………………3
Lenguaje / Mensaje…………………………………………………………...3
Diseño de las platillas…………………………………………………………3
Especificación de alertas……………………………………………………..5

Herramientas…………………………………………………………………………….6

Descripción de módulos………………………………………………………………..7
Modulo Empleado……………………………………………………………...7
Modulo Producto……………………………………………………………….7
Modulo Cliente………………………………………………………………….8
Modulo Sucursal………………………………………………………………..8
Modulo Salas……………………………………………………………………9

Conclusión……………………………………………………………………………….10
 Introducción

En este documento se encuentra redactado la guía de diseño y la explicación de los modelos

realizados en el proyecto MySpa, este proyecto realizado en la materia de diseño de apps por el equipo
AlfaSoftware, se detallará el funcionamiento de los módulos y además la explicación en código de los
mismos para su mejor interpretación, cabe destacar que cada integrante desarrollo individualmente al
menos uno de los módulos presentados en este documento.

Guía de estilo

• Tipografía
Escogimos esta tipografía porque nos pareció muy agradable para el usuario, tiene muy buena
visualización permiten perfectamente distinguir entre cada una de las letras de cada palabra haciendo
nula la probabilidad de que se distorsionen o confundan las palabras.
Esta tipografía consiste en adornos ubicados generalmente en los extremos de las líneas de los
caracteres tipográficos.

• Gama de colores

• Lenguaje / Mensaje
La aplicación contara con leguaje apropiado permitiendo que cualquier usuario pueda ver su contenido.
Utilizando como lenguaje el español neutro omitiendo las jergas de cualquier país de habla hispana.

• Diseño de las pantallas

 • Especificación de alertas

Alertas de error
Contraseña incorrecta.
Nombre de usuario incorrecto.
Error al cargar el sistema.

Alertas de warning
¿Desea eliminar este usuario? Si / No
¿Desea habilitar este usuario? Si / No
¿Desea confirmar la modificación? Si / No

Alertas de confirmación
Registro guardado con éxito.
Usuario eliminado exitosamente
Usuario habilitado exitosamente.

Alertas de información
Bienvenid@

Capturas de alertas
 Herramientas

Para poder desarrollar dicha aplicación usaremos distintas herramientas entre ellas JavaFX,
SceneBuilder, NetBeans IDE, algunas librerías y un sitio web que es Color Tool de Material Desing
para la gama de colores. Se les dará una pequeña descripción de cada una de estas herramientas de
manera concreta y detallada.

• JavaFX: Es una tecnología de software que, combinada con Java, permite crear y desplegar
aplicaciones con un aspecto vanguardista y contenidos avanzados, audio y vídeo permite a los
desarrolladores utilizar cualquier biblioteca de Java en aplicaciones JavaFX.
• SceneBuilder: permite diseñar, mediante un interfaz gráfico, las estructuras de las ventanas de
las aplicaciones que queramos desarrollar usando JavaFX.
• NetBeans IDE: es un entorno de desarrollo integrado de código abierto, El IDE simplifica el
desarrollo de aplicaciones web, empresariales, de escritorio y móviles que utilizan las
plataformas Java y HTML5. NetBeans IDE ofrece herramientas de primer nivel para el desarrollo
de aplicaciones móviles, de escritorio, empresariales y web Java. Es el primer IDE que admite
las últimas versiones de JDK, Java EE y JavaFX.
 • Color Tool – Material Desing: Material Design, la normativa de diseño creada por Google para
los desarrolladores Android, a aplicar en apps y servicios de distintas plataformas. Color Tool,
es una herramienta para ayudar a los diseñadores en términos de color. Color Tool les permite
crear y compartir sus propias paletas de colores, aplicarlas a las interfaces de los usuarios de
las apps y otros servicios.
• JFoenix (Liberia): JFoenix es una librería de código abierto que implementa el Material Design
haciendo uso de componentes de Java.

Descripción de Módulos

Modulo Empleado

El módulo cuenta con una tabla que muestra los registros de los empleados activos.
Cuenta con cuatro funciones principales las cuales son registrar, modificar, eliminar y buscar los cuales
funcionan con los respectivos botones.
Tiene una función que permite seleccionar un registro ya existente y manda llamar los campos al
formulario para permitir su modificación. Cuando los datos en el formulario ya sean modificados solo
bastara con dar clic en el botón modificar y los cambios se verán reflejados en la tabla.

• Método cargar tabla: Permite que la tabla sea recargada con los atributos seleccionados de
cada modelo empleado, persona y usuario.
• Método guardar empleado: Permite guardar un nuevo registro y añadirlo a la tabla.
• Método seleccionar empleado: permite seleccionar de la tabla un registro y enviar de nuevo
los datos al formulario.
• Método update empleado: Permite que con el registro seleccionado del método anterior los
campos que sean cambiados en el formulario se guarden nuevamente en la tabla y se vea
reflejado el cambio.
• Método limpiar campos: Permite limpiar los campos del formulario si estos están ocupados
con información no deseada.
• Método delete: Permite cambiar el estatus de un empleado de 1 que es activo a 0 que es un
activo y quitando el registro de la tabla.
• Método buscar empleado: Permite buscar un empleado por medio de algún dato encontrado en
los registros.

Modulo Producto

Este módulo nos muestra el catálogo de todos los productos registrados dentro de una tabla al igual
que muestra los inactivos y activos a la vez, en la parte de arriba de la tabla, hay un formulario donde
nos permite llenar varios campos para registrar un producto nuevo con solo dar clic un botón con icono
de disquete que es el de guardar, al igual al hacer un clic en una fila de la tabla esto mandara al
formulario todos los datos que podremos hacer sus respetivas modificaciones al igual que guardar
debemos dar clic al botón de modificar que tiene como icono un lápiz, continuando hay dos botones
más, son el de limpiar campos (icono de escoba) y el de eliminar (icono de bote de basura), hablemos
el de limpiar campos este botón invoca una función lo que hace como su nombre lo dice limpiar los
campos del formulario cuando llamamos a los datos a los campos para observar, damos clic en ese
botón y nos limpia los campos, al igual su función también se usa al modificar, eliminar e insertar un
producto, Ahora tenemos el botón de eliminar, su función es para eliminar de manera lógica el producto
cambiando a este su estatus a 0, tenemos la barra de búsqueda que lo conforma un botón con el icono
de lupa y un campo a llenar, esta no sirve para buscar un producto en concreto o algo similar, al poner
el texto en el campo y dar clic en el botón este nos buscara y cargara los resultados en la tabla.

Modulo Cliente

Este módulo nos muestra el catálogo de todos los clientes registrados dentro de MySpa, se encuentran
dentro de una tabla la cual muestra los clientes activos e inactivos, en la parte superior de la interfaz
hay un formulario donde se nos permite llenar los diversos campos para la manipulación de un registro
de clientes.
Dentro de esta interfaz podemos visualizar la información y realizar las siguientes funcionalidades:
Insertar registro: Puedes llenar los campos del formulario para realizar el registro de un nuevo cliente,
al finalizar el llenado correspondiente, solo debes dar clic al botón guardar (con icono de disquete) que
se muestra en la interfaz y automáticamente se actualizará la tabla.
• Modificar registro: Al realizar la selección de un registro se pasa los datos al formulario para
poder realizar la edición correspondiente, al finalizar la edición correspondiente, solo debes dar
clic al botón modificar (con icono de un lápiz) y automáticamente se actualizará la tabla.
• Buscar registro: Dentro de la interfaz se encuentra un textfield en el cual puedes ingresar algún
dato para buscar algún registro, después ingresarlo solo debes dar clic al botón de buscar (con
icono de lupa) y se mostrara en la tabla todos los registros de clientes con datos similares a los
datos a buscar.
• Eliminar registro: Dentro de la interfaz se encuentra el botón de eliminar (con icono de bote
de basura), que al dar clic nos permite eliminar de manera lógica el cliente cambiando el estatus
de este a 0.
• Limpiar registro: Dentro de la interfaz se encuentra el botón de limpiar (con icono de escobita),
que al dar clic nos permite limpiar los campos del formulario.
• Seleccionar registro: Al hacer un clic en una fila de la tabla nos enviará en el formulario todos
los datos a los campos correspondientes para poder hacer sus respetivas modificaciones.

Modulo Sucursales

Cuando accedemos al módulo de Sucursales lo primero que encontramos es una lista con cada uno
de las Sucursales ya que para esta primera función no hemos utilizado ningún filtro por lo que se
mostraran sucursales activos como inactivas, después de ello contaremos con otras varias funciones,
primordialmente tenemos la función de insertar Sucursal, que es básicamente una función que será
llamada una vez ingresemos los datos de una Sucursal, pero sin añadirle un ID ya que cada uno de
los id serán asignados por nuestro servidor de base de datos haciendo uso de sus funciones propias
y de esta forma nosotros agregaremos una Sucursal, después de ello tenderemos modificar, este
método funciona a través de otra función que sería la de seleccionar Sucursales en donde una vez
seleccionemos una sucursal y nos va llenar los campos con los datos de las sucursales, después de
ello modificaremos y presionaremos el botón y eso sería todo, también contamos con el botón de en
donde si nosotros damos de baja una sucursal, únicamente seleccionamos la sucursal deseada y le
damos eliminar esto cambiara el estatus de la sucursal, y de esa forma eliminaremos de forma lógica
y para finalizar tenemos el botón de buscar en donde a través de una palabra en referencia a alguna
sucursal generara una búsqueda y cargara la tabla únicamente con los datos que pertenezcan a la
palabra seleccionada.
 Modulo Salas

Este módulo decidimos realizarlo de una forma diferente puesto que para que pudiera funcionar
necesitamos que nuestro usuario estuviera consciente de los datos de la sucursal que escogería, ya
que las sucursales ya existen y solo ocuparemos el ID, por eso en este módulo en especial en este
módulo usamos 2 Cargar Tabla o GetAll, para hacerlo de una forma más sencillo, he de admitir que la
opción que yo veía más viable después de finalizar el módulo era colocar un combo box en donde
mostrara el nombre de las sucursales, y después atribuirle un ID al nombre para que cargara los datos
de la Sucursal en los campos, pero por diversas circunstancias decidimos dejarlo de la manera que se
presentó en la exposición, Después cree la función Insertar que básicamente agarra todos los datos
de la sala, pero antes de ello usando el Modelo de sucursal, puse un constructor que solo recibiera el
ID, para lo que la aplicación muestra los datos de la sucursal pero solo se llevara el id de la sucursal,
bajo la misma lógica pero añadiéndole el id ya creado de Sucursal, hice el Modificar y haciendo uso
de la función seleccionar salas cargue todos los datos de Sala en los campos correspondientes para
que solo cambiara los datos necesarios y una vez presionado el botón guardar ejecutaría el Rest,
también hicimos la función de eliminar, que nuevamente usando la tabla de GetAll y la función
Seleccionar Salas escogeremos alguna Sala y luego presionaremos el botón eliminar de esta forma y
ejecutando su REST cambiara el estatus y finalmente el de buscar, con este solo enviaremos una
palabra y generara una nueva tabla con los datos que correspondan o se parezcan a la palabra
buscada.

Conclusión

Concluimos que toda la herramienta utilizada fue y es para facilitar el desarrollo de cada módulo
tratando de realizar cada requerimiento de la mejor forma posible tanto estética como funcional,
además, hemos obtenido como equipo un nuevo aprendizaje en el área de aplicaciones y hemos
adaptado nuevas formas de trabajo a lo largo de este proyecto, sentimos orgullo de terminar
satisfactoriamente este reto, cumpliendo con los estándares solicitados.