Currently, students in the polytechnic community do not have a study guide with content of the subjects in the careers offered by ESFOT. As Curricular Integration work, it is therefore proposed to develop a web system that promotes self-education, making study material available to students to better understand the PEA topics in the ESFOT careers. The structure of this document is divided into different sections such as: Section I describes the project's problems, objectives, scope and theoretical framework.
DESCRIPCIÓN DEL COMPONENTE DESARROLLADO
Prueba unitaria para crear un semestre con valores de prueba como se muestra en la Fig. Prueba unitaria para eliminar un documento usando acciones como se muestra en la Fig. Prueba unitaria para el registro de usuario en la vista de registro, utilizando los valores establecidos de la Fig. .
METODOLOGÍA
Este rol dirige y dirige el desarrollo del software, de esta forma es responsable del producto final y responsable de la mejora continua del producto, para garantizar su rentabilidad y también para ajustar las características y prioridades que tendrá cada una de las interacciones. ciclo de vida del software [21]. No obstante, la tabla completa con todos los requisitos se encuentra en el ANEXO II. 2, con el modelo arquitectónico utilizado para el desarrollo frontend basado en MVC y la compatibilidad que existe entre las librerías y herramientas a utilizar.
RESULTADOS
Configuración del ambiente de desarrollo
Inicio de sesión y recuperación de contraseña del usuario
En las distintas pantallas, tanto de inicio de sesión como de recuperación de contraseña, se validan si los campos son correctos y si existen en la base de datos, por lo que si hay algún error, mostrará un mensaje de que las credenciales son incorrectas, similar a la Fig. De lo contrario, ingresa a la página principal, donde se presentará la ventana del tablero como en la Fig. Comprobamos las características y componentes utilizados para el desarrollo de la pantalla de inicio de sesión de usuario utilizando CyPress, que es una herramienta para realizar pruebas unitarias de forma fácil y rápida, a la vez que se pueden observar en tiempo real los resultados de las solicitudes al front end de el usuario, entonces la prueba unitaria para el inicio de sesión se presenta en la fig. el sistema de la fig.
Registrar usuario y editar perfil de usuario
Luego, los métodos de registro son creados por los puntos finales del backend y con la ayuda de axios para poder enviar nuestro registro a través del formulario, además de usar los métodos get y post para editar y ver los datos del usuario. 14 probar los datos del usuario traídos de tal manera que este los complete en campos como nombre, apellido y correo electrónico, además de proporcionar un botón para editar su información. Verificamos los métodos utilizados para la vista del perfil de usuario con la ayuda de pruebas unitarias con la herramienta CyPress, a continuación se muestra un ejemplo del código de prueba unitaria que se muestra en la Fig.
Gestionar carreras y visualizar información
Ponemos los campos necesarios dentro de un modal para crear una carrera, como nombre, descripción y un administrador de carrera como se muestra en la Fig. Para la edición de carrera se presenta un modal similar en el que no es necesario ingresar todos los datos ya que al actualizar un solo campo que se muestra en la Fig. Finalmente, presenta una notificación de confirmación cuando se le solicita habilitar o deshabilitar la carrera como se muestra en la Fig.
En caso de que el administrador no llene cada uno de los campos obligatorios del modal para crear una carrera, se desplegará un mensaje rojo indicando que campo debe ser llenado, un ejemplo se indica en la Fig. Comprobamos la visualización de la página principal y los componentes son modales, por lo que se realizan pruebas unitarias para verificar la creación de una ejecución en la Fig.
Gestión y visualización de materiales educativos
Diseño de la interfaz semestral y uso de métodos para el CRUD de materias y documentos. El diseño de la interfaz de usuario para la visualización de las asignaturas con sus documentos se realizó de acuerdo a los requerimientos de los usuarios, quienes requerían ver los documentos disponibles de cada carrera como se muestra en la Fig. En la gestión de las materias y se establecen diferentes modales en sus documentos para facilitar su creación, como en la Fig.
27 y en la imagen se muestra un mensaje de confirmación para cambiar este estado. Cada uno de estos métodos utiliza un punto final de back-end para realizar una gestión de casos de base de datos adecuada. 29, ingresamos el documento al objeto que elijamos, esto con la ayuda de un modal y un archivo de entrada que requiere un documento tipo pdf para ser subido al sistema en línea, de igual forma para su manejo se muestran los modals como en la fig. .
Al crear un tema, el administrador debe completar el campo de nombre para crearlo, de lo contrario, se presentará un mensaje pidiéndole que complete el campo como se muestra en la Fig. 33, se muestra la validación subiendo un documento, para lo cual se debe ingresar un nombre y el documento pdf. Verificamos usando una prueba unitaria la creación de un caso como se muestra en la fig.
Búsqueda de materias y gestión de inquietudes
En la sección de inquietudes o comentarios se crea un campo donde el usuario registrado puede escribir una inquietud respecto al semestre en el que se encuentra o dejar un comentario al respecto, un ejemplo se muestra en la fig. El manejo de inquietudes se puede hacer dependiendo de los roles, el administrador puede editar y borrar los comentarios, mientras que el rol de estudiante solo puede editar o borrar el comentario que yo haga, un ejemplo se da en la Fig. Dependiendo de su rol, el comentario puede ser editado, un ejemplo es el que indica la Fig.
El componente fue desarrollado de acuerdo a los requerimientos de los usuarios para una sección donde pueden encontrar preguntas frecuentes de acuerdo al sistema web, el cual responde en tiempo real, además de realizar un diseño limpio y agradable para el usuario, un ejemplo se muestra en la Fig. . Verifique los métodos y las solicitudes cuando se crea un comentario mediante una prueba unitaria con CyPress, que se muestran en la Fig.
Pruebas del sistema y despliegue
Se realizó un análisis de los resultados de cada navegador como se muestra en la tabla IX, la cual presenta con más detalle este tipo de pruebas en los tres navegadores: Google Chrome, Microsoft Edge y Opera, cabe señalar que no hubo problemas y correctamente. en cualquier navegador. Como resultado, "EDUPOLI" cubre completamente los objetivos y el alcance de los requisitos de los usuarios documentados en historias de usuarios y artefactos de la metodología ágil SCRUM. El uso de la metodología Scrum ha permitido realizar el proyecto a tiempo y realizarlo de la mejor manera en cada uno de los Springs realizados.
Definir correctamente los requisitos del usuario al inicio del proyecto nos permitió elegir las mejores herramientas y metodologías para realizar una correcta implementación del proyecto en el componente frontend. Se recomienda tomar más medidas de seguridad al ingresar al sistema ya que cada día existen nuevas vulnerabilidades en las cuales se puede robar la información de los usuarios que ingresan. Disponible: https://www.epn.edu.ec/proyectos-del-alto-impacto-fueron-premiados-en-la-final-del-concurso-innova-2019/.
Available: https://www.mmaglobal.com/news/todo-lo-que-necesitas-saber-sobre-backend-all-you-need-know-regarding-. Available: https://www.ibm.com/docs/es/spm/7.0.9?topic=system-deploying-your-web-application-web-server. Available: https://dev.to/billiramirez/que-es-vitejs-que-bueno-tiene-para-ofrecer-nap#:~:text=Es%20una%20herramienta%20para%20Frontend,especifico%20o%20ya %20see a%20Vanilla ice cream.
Disponible: https://www.freecodecamp.org/espanol/news/the-react-router-trick-sheet-everything-you-need-to-know/.
Prueba unitaria para editar una carrera con valores de cambio como se muestra en la Fig. Prueba unitaria para cambiar el estado de una carrera utilizando el código de la Fig. Prueba de unidad para crear un nuevo semestre de muestra basado en su entrada y con valores enviados desde el código de prueba de unidad como se muestra en la Fig.
Prueba unitaria para cambiar el estado de un semestre usando las acciones en el código de prueba unitaria en la Fig. Prueba unitaria para la vista de materias en la vista semestral con el código de prueba en la Fig. Prueba unitaria para editar un caso con valores predeterminados como se muestra en la fig.
Prueba unitaria para deshabilitar un elemento dependiendo del código de prueba unitaria en la Fig. Prueba unitaria para editar un documento de carrera como se muestra en la Fig. Prueba unitaria para crear un comentario de ejemplo utilizando el código de la Fig.
Prueba unitaria para editar el comentario de un usuario, utilizando el código de la Fig. Prueba unitaria para ver el perfil de usuario por datos de prueba como se muestra en la Fig. Prueba unitaria para editar datos de usuario cambiando valores en las entradas como se indica en el código de la fig.
