Ir al contenido principal

2. Diseño de la interfaz de login y programación de funciones en ASP.NET

Día: 16/03/2023

Desde: 3:45 pm / Hasta: 5:15 pm

Tiempo transcurrido: 1 hora 30 minutos


Basándonos en este video https://www.youtube.com/watch?v=pDeqQ19wtMs&list=LL&index=17 y en esta página https://www.c-sharpcorner.com/UploadFile/009464/simple-login-form-in-Asp-Net-using-C-Sharp/, trabajamos hoy el diseño de la página de login.

En esta sesión de trabajo, nos enfocamos en la creación de la página de login para nuestro proyecto. En primer lugar, consultamos un tutorial en línea y trabajamos en el diseño utilizando HTML y CSS. El proceso de diseño nos tomó la mayor parte del tiempo, ya que no teníamos mucha experiencia con estos lenguajes.

                                    

Luego de finalizar el diseño, procedimos a trabajar en la programación de las funciones desde la capa lógica, tanto en C# como en HTML. Este proceso fue más sencillo ya que pudimos basarnos en el tutorial que consultamos previamente.

Además, para la interfaz del login, utilizamos iconos open source de la página Ionicons para los símbolos de usuario y candado.

                                     

En resumen, aunque el proceso de diseño nos tomó más tiempo del esperado, pudimos avanzar satisfactoriamente en la implementación y conexión con C# y ASP.NET. Como moraleja, aprendimos la importancia de tener experiencia en lenguajes de diseño web para agilizar los procesos de creación de la interfaz de usuario.

Como pregunta para el profesor, nos gustaría saber si existen herramientas o recursos adicionales que puedan ayudarnos a mejorar nuestro proceso de diseño web y a desarrollar interfaces de usuario más atractivas y funcionales.


Comentarios

Publicar un comentario

Entradas populares de este blog

17. Optimización y documentación del código SQL en la tarea programada

Día: 05/04/2023 Desde: 9:18 am / Hasta: 11:18 pm Tiempo transcurrido: 2 horas Durante esta tarea programada, uno de nuestros objetivos fue revisar el código de los procedimientos almacenados existentes para asegurarnos de que estaba funcionando correctamente. Para ello, revisamos cuidadosamente cada sección del código para identificar cualquier problema o error. Una vez que identificamos los problemas, agregamos comentarios claros en el código para explicar el funcionamiento de cada sección y asegurarnos de que otros miembros del equipo pudieran entender el código con facilidad. Los comentarios ayudaron a hacer que el código fuera más legible y fácil de mantener, lo que es fundamental para proyectos en equipo. Además, encontramos algunos errores menores en la sintaxis del código y los corregimos de manera inmediata. Esto incluyó la eliminación de espacios en blanco innecesarios y la corrección de errores de ortografía. Aunque estos errores parecían pequeños, podían tener un impacto sig...
Publicar un comentario
Leer más

21. Inicio de la documentación del proyecto y diagrama de arquitectura de la aplicación

Día: 06/06/2023 Desde: 11:30 am / Hasta: 1:40 pm Tiempo transcurrido: 2 horas 10 minutos El primer paso en este proceso fue documentar la función que acababan de completar. Esto implicó la creación de una descripción detallada de la funcionalidad de la función, incluyendo la lógica que la función utiliza para procesar los datos, los parámetros que acepta y los resultados que devuelve. Esta documentación fue escrita de manera que fuera fácil de entender para cualquier persona con un conocimiento básico de programación, y se incluyeron ejemplos para ilustrar cómo se utiliza la función. Además de documentar la función, el equipo también comenzó a trabajar en la creación de un diagrama de arquitectura de la aplicación. Este diagrama proporcionaría una visión general de cómo se estructura el sistema y cómo interactúan sus diferentes componentes. A partir de aquí se comenzó a documentar todo el código con comentarios pero también se comenzó con el análsis de resultados y todo lo que el docum...
Publicar un comentario
Leer más

12. Dificultades con la implementación de los SPs

Día: 17/05/2023 Desde: 3:15 pm / Hasta: 5:34 pm Tiempo transcurrido: 2 horas 19 minutos Se comenzó la sesión con la necesidad de crear un procedimiento almacenado (Stored Procedure, SP) para manejar el inicio de sesión del usuario en la aplicación. El equipo entendió que este SP sería crucial para la seguridad y funcionalidad de la aplicación, ya que permitiría verificar la identidad del usuario y determinar su nivel de acceso. El equipo comenzó a trabajar en el SP, que se llamaría desde la capa lógica en la página .NET llamada PageLogin.aspx. Este SP recibiría tres parámetros: el nombre del usuario, la contraseña y un parámetro de salida para el código de resultado de errores, inicializado en cero. El SP verificaría si el nombre y la contraseña proporcionados por el usuario son válidos y, si es así, determinaría si el usuario es un administrador o un titular de tarjeta. A medida que el equipo avanzaba en la creación del SP, surgieron algunas complicaciones. La lógica para verificar la...
Publicar un comentario
Leer más