FlutterInk

Portage en Flutter d'IntuiNOTE, une application de prise de notes interactive.

IntuiNOTE demo

Contexte

FlutterInk est un projet réalisé durant l'année scolaire 2024-2025, par des élèves de 4ème année, au département informatique de l'INSA Rennes.

IntuiNOTE

IntuiNOTE est une solution numérique conçue pour l’enseignement supérieur, facilitant l’apprentissage en temps réel grâce à divers outils interactifs. Elle permet aux enseignants de diffuser des supports visuels, d’y ajouter des annotations manuscrites et d’intégrer des interactions dynamiques comme des quiz enrichis ou des espaces collaboratifs.

Développée à l’INSA Rennes en 2016, elle a évolué grâce à plusieurs projets de recherche menés en partenariat avec l'équipe SHADoc du laboratoire de l'IRISA. Son architecture flexible lui permet de s’adapter aux équipements actuels et futurs, tout en répondant aux besoins des environnements hybrides, combinant enseignement sur site et à distance.

Grâce à un système basé sur l’échange en réseau entre enseignants et étudiants, accessible depuis différents types d’appareils, IntuiNOTE constitue un écosystème pédagogique fluide et intégré, optimisant l’engagement et la participation des apprenants.

Interactivité avec les élèves

Application screenshot - Diapositives et annotations en direct

Diapositives et annotations en direct

L'application IntuiNOTE permet aux élèves de suivre les diapositives projetées par le prof en direct. Les annotations aussi sont transmises en direct, et si les élèves navigent entre les diapositives, un bouton permet de revenir à la diapositive en cours.

Application screenshot - Quiz à choix unique ou multiples

Questions à choix multiples ou uniques

Les QCM et QCU sont des fonctionnalités d'IntuiNOTE qui permettent au professeur de poser des questions aux élèves afin d'évaluer leur compréhension du cours et adapter le rythme de la leçon.

Application screenshot - Carte de chaleur

Carte de chaleur

Les cartes de chaleurs sont un type de quiz que le professeur peut envoyer à la classe. Les réponses graphiques sont affichées sous forme de carte de chaleur afin de bien visualiser les différentes réponses.

Application screenshot - Quiz graphiques

Quiz graphiques

Les quiz graphiques permettent au professeur d'avoir des réponses dessinées à un question posée. Cela est très utile notament pour des équations mathématiques, ou des schémas.

Description du projet FlutterInk

Tablet Phone Computer

Le but du projet FlutterInk est de porter IntuiNOTE en une nouvelle application multi-plateformes en Flutter, un framework d'interface utilisateur basé sur le langage multi-OS Dart. Toutes les fonctionnalités de l'application originale doivent être conservées par le portage.

Avant notre projet, IntuiNOTE était disponible sous la forme d'une application Windows et d'un client léger web. Ce dernier ne disposait pas de toutes les fonctionnalités, d'où la création d'une application totalement multi-plateformes avec les fonctionnalités du client Windows.

Les fonctionnalités clés sont :

  • Prise de note en temps réel sur les slides
  • Synchronisation automatique des notes depuis le professeur vers les élèves
  • Quiz interactifs durant les cours
  • Statistiques (anonymes) permettant aux professeurs de mesurer l'efficacité de leur cours
Finger Mouse Stylus

Détails Techniques

L'opération de portage a posé plusieurs défis techniques, tels que :

  • Maintenir la compatibilité avec le serveur existant et ses formats de données
  • Supporter l'écriture avec des stylets sur toutes les plate-formes
  • Proposer une interface utilisateur intuitive
  • Utiliser au mieux le framework Flutter

Nous avons utilisé des méthode de conception modernes : Clean Architecture, patrons MVVM, tests en continu... Tout ceci a permis d'assurer que notre code était de bonne qualité et qu'il correspondait aux attentes.

L'équipe

Alice Lombard

Alice Lombard

Élève

Youenn Le Jeune

Youenn Le Jeune

Élève

Aziz Chahbi

Aziz Chahbi

Élève

Axelle Briens-Solignac

Axelle Briens-Solignac

Élève

Gabriel Blaisot

Gabriel Blaisot

Élève

Kelian Ninet

Kelian Ninet

Élève

Bruno Hortollary

Bruno Hortollary

Encadrant

Éric Anquetil

Éric Anquetil

Encadrant