FlutterInk

Flutter port of IntuiNOTE, an interactive note-taking application.

IntuiNOTE demo

Context

FlutterInk is a project carried out during the 2024-2025 academic year, by 4th year students in the Computer Science department at INSA Rennes.

IntuiNOTE

IntuiNOTE is a digital solution designed for higher education, facilitating real-time learning through a variety of interactive tools. It enables teachers to distribute visual aids, add handwritten annotations and integrate dynamic interactions such as enriched quizzes or collaborative spaces.

Developed at INSA Rennes in 2016, it has evolved thanks to several research projects carried out in partnership with the SHADoc team of the IRISA laboratory. Its flexible architecture enables it to adapt to current and future equipment, while meeting the needs of hybrid environments, combining on-site and distance learning.

Thanks to a system based on networked exchange between teachers and students, accessible from different types of device, IntuiNOTE constitutes a fluid, integrated teaching ecosystem, optimizing learner engagement and participation.

Interactivity with students

Application screenshot - Live slides and annotations

Live slides and annotations

The IntuiNOTE application allows students to follow the slides projected by the teacher live. Annotations are also transmitted in Real-time, and if students navigate between slides, a button allows them to go back to the current slide.

Application screenshot - Single- and multiple-choice quizzes

Single- and Multiple-Choice Quizzes

MCQs and SCQs are IntuiNOTE features that enable teachers to ask students questions to assess their understanding of the course and adapt the pace of the lesson.

Application screenshot - Heat map

Heat map

Heat maps are a type of quiz that the teacher can send to the class. The graphic answers are displayed in the form of a heat map, so that the different answers can be clearly visualized.

Application screenshot - Graphic quizzes

Graphic quizzes

Graphic quizzes allow the teacher to draw answers to a question. This is particularly useful for mathematical equations or diagrams.

Project description

Tablet Phone Computer

The aim of the FlutterInk project is to port IntuiNOTE, an interactive note-taking application, into a new multi-platform application in Flutter, a user interface framework based on the multi-OS Dart language. All the features of the original application are to be retained by the port.

Prior to our project, IntuiNOTE was available as a Windows application and a web-based thin client. The latter didn't have all the features, so we created a fully cross-platform application with every functionality from the Windows client.

Key features include:

  • Real-time note-taking on slides
  • Automatic synchronization of annotations from teacher to students
  • Interactive quizzes during lessons
  • (Anonymous) statistics enabling teachers to measure the effectiveness of their courses
Finger Mouse Stylus

Technical details

The porting operation posed a number of technical challenges, including:

  • Maintaining compatibility with existing server and data formats
  • Supporting writing with styli on all platforms
  • Providind an intuitive user interface
  • Making the most of the Flutter framework

We have used modern design methods: Clean Architecture, MVVM patterns, continuous testing... All this ensured that our code was of good quality and that it met expectations.

The Team

Alice Lombard

Alice Lombard

Student

Youenn Le Jeune

Youenn Le Jeune

Student

Aziz Chahbi

Aziz Chahbi

Student

Axelle Briens-Solignac

Axelle Briens-Solignac

Student

Gabriel Blaisot

Gabriel Blaisot

Student

Kelian Ninet

Kelian Ninet

Student

Bruno Hortollary

Bruno Hortollary

Supervisor

Éric Anquetil

Éric Anquetil

Supervisor