Un método de prueba de interfaz de usuario basado en imágenes para el sistema asistente de aprendizaje de programación Flutter
Autores: Aung, Soe Thandar; Funabiki, Nobuo; Aung, Lynn Htet; Kinari, Safira Adine; Wai, Khaing Hsu; Mentari, Mustika
Idioma: Inglés
Editor: MDPI
Año: 2024
Acceso abierto
Artículo científico
2024
Un método de prueba de interfaz de usuario basado en imágenes para el sistema asistente de aprendizaje de programación Flutter
Categoría
Gestión y administración
Subcategoría
Gestión de la tecnología y la inovación
Palabras clave
Flutter
Interfaz de usuario
Docker
Verificación automática
Pruebas basadas en imágenes
Elementos de la interfaz de usuario
Licencia
CC BY-SA – Atribución – Compartir Igual
Consultas: 1
Citaciones: Sin citaciones
Flutter se ha vuelto popular por proporcionar un entorno de desarrollo uniforme para interfaces de usuario (UIs) en teléfonos inteligentes, navegadores web y aplicaciones de escritorio. Hemos desarrollado el sistema asistente de aprendizaje de programación Flutter (FPLAS) para ayudar en el autoestudio de sus estudiantes novatos. Implementamos el entorno Flutter basado en Docker con Visual Studio Code y tres proyectos de ejercicios introductorios. Sin embargo, la corrección de las respuestas de los estudiantes se verifica manualmente, aunque es necesario un chequeo automático para reducir la carga de trabajo de los profesores y proporcionar respuestas rápidas a los estudiantes. Este documento presenta un método de prueba de interfaz de usuario (UI) basado en imágenes para automatizar las pruebas de UI mediante el código de respuesta utilizando el marco Flask. Este método produce la imagen de la UI ejecutando el código de respuesta y la compara con la imagen generada por el código modelo para la tarea utilizando los algoritmos ORB y SIFT en la biblioteca OpenCV. Un aspecto notable es la necesidad de capturar múltiples capturas de pantalla de la UI a través de transiciones de página mediante acciones de entrada del usuario para la detección precisa de cambios en los elementos de la UI. Para las evaluaciones, asignamos cinco proyectos de ejercicios de Flutter a estudiantes de ingeniería de cuarto año de licenciatura y primer año de maestría en la Universidad de Okayama, Japón, y aplicamos el método propuesto a sus respuestas. Los resultados confirman la efectividad de la propuesta.
Descripción
Flutter se ha vuelto popular por proporcionar un entorno de desarrollo uniforme para interfaces de usuario (UIs) en teléfonos inteligentes, navegadores web y aplicaciones de escritorio. Hemos desarrollado el sistema asistente de aprendizaje de programación Flutter (FPLAS) para ayudar en el autoestudio de sus estudiantes novatos. Implementamos el entorno Flutter basado en Docker con Visual Studio Code y tres proyectos de ejercicios introductorios. Sin embargo, la corrección de las respuestas de los estudiantes se verifica manualmente, aunque es necesario un chequeo automático para reducir la carga de trabajo de los profesores y proporcionar respuestas rápidas a los estudiantes. Este documento presenta un método de prueba de interfaz de usuario (UI) basado en imágenes para automatizar las pruebas de UI mediante el código de respuesta utilizando el marco Flask. Este método produce la imagen de la UI ejecutando el código de respuesta y la compara con la imagen generada por el código modelo para la tarea utilizando los algoritmos ORB y SIFT en la biblioteca OpenCV. Un aspecto notable es la necesidad de capturar múltiples capturas de pantalla de la UI a través de transiciones de página mediante acciones de entrada del usuario para la detección precisa de cambios en los elementos de la UI. Para las evaluaciones, asignamos cinco proyectos de ejercicios de Flutter a estudiantes de ingeniería de cuarto año de licenciatura y primer año de maestría en la Universidad de Okayama, Japón, y aplicamos el método propuesto a sus respuestas. Los resultados confirman la efectividad de la propuesta.