Hora de Inicio: 4:49pm 22/3/26
Hora de Fin: 6:09pm 22/3/26
Cantidad de Horas trabajadas: 1h y media aproximadamente (Contando el tiempo de elaboración del Blog y subir los arhcivos a GitHub)
Esta entrada de la bitácora es muy simple y corta, por esto esperé unos días en hacerla puesto que estaba esperando a que hubieran más cambios por realizar relacionados a los presentes en esta entrada, pero finalmente no fueron necesarios o no han ocurrido aún.
Después de implementada la primera versión de la Interfaz Gráfica de Usuario (GUI) decidí revisar con mayor profundidad su funcionalidad y me di cuenta que habían ciertos errores con esta. Bastante menores siendo que no los había notado antes de realizar mi primer commit en github de los archivos, pero presentes.
En la sección de Insertar Empleado noté que el símbolo de colón que había puesto antes del textbox no tenía formato. Anteriormente si lo tenía, pero lo rompí en algún momento por error.
Y luego revisando qué pasaba si no ponía nada en los textboxes y aunque el mensaje de error si sale, su formato también se rompió (Debería salir con un cuadrado de color rojo rodeando el texto) Algo hice que rompió el formato de algunas cosas.
Viendo que ambos errores eran relativamente similares asumí que se debía a que cambié los nombres anterior a subirlos a GitHub recordando que el profesor mencionó en una clase que utilizaba "CamelCase" y que como parte de la GUI utilizaba código de mi última progra, llamé las funciones usando underscores ( _ ) en vez de el ya mencionado código camello, por lo que probablemente olvidé cambiar el nombre en algún lado, haciendo que aunque funcional, la interfaz presente algunos errores.
Buscando, me di cuenta que para el error del símbolo de colón estaba usando el nombre anterior en el archivo html, "inputMoneda" en vez de "inputColon"
Y para los mensajes de error caso muy similar, pero llamando incorrectamente desde app.js a "message" en vez de "mensaje". Habiendo solucionado esto el símbolo necesitaba unos retoques, pero finalmente se muestra de forma correcta junto a los mensajes de error:
Y el mensaje de agregado correctamente también se muestra como debería tras agregar un empleado:
Además de esto decidí cambiar el tono del color "Hover Azul" de manera que genere mejor contraste al poner el mouse por encima de los botones de Insertar presentes en ambas partes de la GUI
Y finalmente, para darle una mejor estética a la Interfaz, decidí agregar un ícono para la página (Es un símbolo de Base de Datos a la cual le apliqué un degradado de los tonos de azul anteriormente mencionados)
De momento esos fueron los cambios realizados en ese día. Espero realizar las siguientes entradas proximamente.
Comentarios
Publicar un comentario