Sexta Entrada de la Bitácora (24/4/26)

Hora de Inicio: 5:04 pm 24/4/26

Hora de Fin: 7:09 pm 24/4/26

Cantidad de horas trabajadas: 2h y media 

 

Seguí con lo comentado en la anterior entrada de la bitácora; Limpiar algunos detalles de la GUI, implementar mensajes de errores en Login y en geeneral limpiar un poco el código ligado a la UI.

 

El primer gran cambio me parece como decidí cambiar el fondo de la pantalla de Login para que este ahora sea un degradado de azul/morado a verde agua. No son los colores mayormente asociados a la GUI hasta este punto, pero me parece que se ve bastante bien y espero que sea del agrado del profe: 

 

 

Durante esta implementación descubrí el concepto de las variables root en css, lo que utilicé para implementar el archivo colores.txt en styles.css de manera que no fuera necesario contar con el archivo txt anteriormente mencionado en nuestro código, además que de esta manera no necesito copiar y pegar los códigos hexadecimales de los colores en la UI para mantener consistencia, puedo referenciar las variables presentes al inicio del código. La implementación la realicé con la ayuda de este video: https://youtu.be/sQUB039MG0I?si=LWP5ut9tbzAZgGer

 

 

Además de esto logré implementar los errores en la página de login (Los más comunes de indicar al usuario cuando se ingresa una contraseña incorrecta y cuando se intenta ingresar sin una contraseña. No agregué más puesto que suele considerarse como una ligera falla de seguridad el dar tanta retroalimentación)

 

 

 

 

 

Además de eso, dado que hice uso de las variables en el mismo archivo css me di cuenta que estaba usando unos tonos ligeramente diferentes en distintas partes de la GUI, por lo que ahora la interfaz va a ser ligeramente más consistente con los colores entre las páginas. 

 

 

 

Además de esto decidí agregar información relevante a las páginas en las que nos encontramos como parte de los subtítulos (En este caso, para la página principal se lee: Listado, filtros y operaciones sobre empleados.) La página donde se nota más este cambio es en la página de Editar empleado, donde se indican los datos actuales del empleado a modificar, de manera que si se llegan a cambiar, que el usuario sepa los datos que anteriormente se encontraban ahí aunque ya los haya modificado.  

 

 

 

Por último, además de modificar y pulir la interfaz noté que debido a usar datos "dummy" en la UI, el archivo de JavaScript se había vuelto demasiado largo, por lo que lo dividí en 6 archivos más pequeños en los cuales se dividen las funciones de forma un poco más pareja, fácil de leer y editar.

 

 

De momento este fue mi segundo y espero último aporte por el día de hoy. Sigue la parte verdadera de BD