FlutterInk

Adaptaci贸n a Flutter de IntuiNOTE, una aplicaci贸n interactiva para tomar notas.

IntuiNOTE demo

Contexto

FlutterInk es un proyecto realizado durante el curso 2024-2025 por estudiantes de 4潞 a帽o en el departamento de inform谩tica delINSA Rennes.

IntuiNOTE

IntuiNOTE es una soluci贸n digital dise帽ada para la ense帽anza superior que facilita el aprendizaje en tiempo real mediante una serie de herramientas interactivas. Permite a los profesores distribuir ayudas visuales, a帽adir anotaciones manuscritas e integrar interacciones din谩micas como cuestionarios enriquecidos o espacios colaborativos.

Desarrollado en el INSA de Rennes en 2016, ha evolucionado gracias a varios proyectos de investigaci贸n realizados en colaboraci贸n con el equipo SHADoc del laboratorio IRISA. Su arquitectura flexible permite adaptarlo a los equipos actuales y futuros, al tiempo que responde a las necesidades de los entornos h铆bridos, combinando la ense帽anza presencial y a distancia.

Gracias a un sistema basado en el intercambio en red entre profesores y alumnos, accesible desde diferentes tipos de dispositivos, IntuiNOTE proporciona un ecosistema de ense帽anza fluido e integrado que optimiza el compromiso y la participaci贸n de los alumnos.

Interactividad con los alumnos

Application screenshot - Diapositivas y anotaciones en directo

Diapositivas y anotaciones en tiempo real

La aplicaci贸n IntuiNOTE ofrece a los alumnos la posibilidad de seguir en directo las diapositivas proyectadas por el profesor, incluyendo las anotaciones que se realizan en vivo. Adem谩s, si los alumnos exploran otras diapositivas, pueden regresar f谩cilmente a la diapositiva actual utilizando un bot贸n especialmente dise帽ado para ello.

Application screenshot - Preguntas de respuesta m煤ltiple o simple

Respuestas con respuestas m煤ltiples o simples

Las funciones COMs y COUs de IntuiNOTE permiten a los profesores formular preguntas a los alumnos con el objetivo de evaluar su nivel de comprensi贸n de la lecci贸n y adaptar el ritmo de ense帽anza seg煤n sus necesidades.

Application screenshot - Mapa de calor

Mapa de temperatura

Los mapas de temperatura son un tipo de cuestionario que los profesores pueden compartir con la clase. Las respuestas se representan gr谩ficamente en forma de mapas de colores que indican la temperatura, lo que permite visualizar claramente las diferentes respuestas.

Application screenshot - Cuestionarios gr谩ficos

Cuestionarios gr谩ficos

Los cuestionarios gr谩ficos permiten al profesor recopilar respuestas gr谩ficas a una pregunta. Esto resulta especialmente 煤til en el caso de ecuaciones, problemas matem谩ticos o diagramas

Descripci贸n del proyecto

Tablet Phone Computer

El objetivo del proyecto FlutterInk es adaptar IntuiNOTE, una aplicaci贸n interactiva para tomar notas, a una nueva aplicaci贸n multiplataforma desarrollada con Flutter. Esta adaptaci贸n incluye la implementaci贸n de un framework de interfaz de usuario basado en el lenguaje multi-OS Dart. Adem谩s, se debe garantizar que todas las funcionalidades de la aplicaci贸n original se conserven durante el proceso de adaptaci贸n.

Antes de crear nuestro proyecto, IntuiNOTE estaba disponible como una aplicaci贸n para Windows y como un cliente web ligero; sin embargo, este 煤ltimo carec铆a de varias funcionalidades. Por esta raz贸n, decidimos crear una aplicaci贸n completamente multiplataforma que incluyera las funciones del cliente Windows.

Las funcionalidades clavas incluyen:

  • Toma de notas en tiempo real sobre las diapositivas
  • Sincronizaci贸n autom谩tica de las notas del profesor con los alumnos
  • Cuestionarios interactivos durante las clases
  • Estad铆sticas (an贸nimas) que permitan a los profesores medir la eficacia de sus clases
Finger Mouse Stylus

Datos t茅cnicos

La operaci贸n de portabilidad present贸 una serie de desaf铆os, entre ellos:

  • Mantener la compatibilidad con el servidor existente y sus formatos de datos
  • Garantizar la funcionalidad de escritura con l谩pices 贸pticos en todas las plataformas.
  • Ofrecer una interfaz de usuario intuitiva
  • Aprovechar al m谩ximo el framework Flutter

Hemos empleado m茅todos de dise帽o modernos, arquitectura limpia, patrones MVVM y pruebas continuas. Todo esto asegur贸 que nuestro c贸digo alcanzara un alto est谩ndar de calidad y cumpliera con las expectativas establecidas

El equipo

Alice Lombard

Alice Lombard

Estudiante

Youenn Le Jeune

Youenn Le Jeune

Estudiante

Aziz Chahbi

Aziz Chahbi

Estudiante

Axelle Briens-Solignac

Axelle Briens-Solignac

Estudiante

Gabriel Blaisot

Gabriel Blaisot

Estudiante

Kelian Ninet

Kelian Ninet

Estudiante

Bruno Hortollary

Bruno Hortollary

Director

脡ric Anquetil

脡ric Anquetil

Director