Un Chatbot pédagogique

Un chatbot peut raconter des histoires et proposer une expérience pédagogique
C’est pourquoi nous vous désirons partager…
La réalisation du projet “Dilemme Plastique”
Le projet Dilemme Plastique propose une expérience de narration documentaire interactive sur les enjeux liés à la pollution plastique.
C’est donc avec beaucoup d’enthousiasme que nous avons développé ce projet, et nous nous réjouissons de la suite !

Ce projet a été présenté dans le cadre de la semaine des médias, en février 2024, pour les classes secondaires I et II (jeunes et adolescents).
Ce genre de projet est typiquement ce que nous désirons développer prioritairement:
Voici un tour guidé des parties principales du site:
Méthode de travail et genèse du projet
La question de départ était: comment valoriser et “re-configurer” les vidéos et l’expertise de Peter Charaf sur les enjeux de la pollution du plastique en une expérience pédagogique interactive ?
Durant l’été 2023, nous avons testé et évalué un certain nombre d’applications LMS (learning management system ou LMS permet de gérer une plateforme d'apprentissage en ligne) et de logiciels pour créer des expériences pédagogiques. Aucune ne nous a vraiment plu: trop carré, trop scolaire, pas assez engageant…
Nous avons alors testé des outils chatbot, tant du côté des chatbots déterministes (avec un flux d’usage cadré) que non déterministes (avec de l’IA, donc génératif). Les premiers tests se sont avérés encourageants, et après une phase de comparaison d’applications no-code, nous avons opté pour la combinaison de Typebot et de Chatnode (voir plus bas les détails techniques).
Pour la petite histoire, il s’agit de deux startups françaises avec des fondateurs très engagés et compétents (en plus d’être sympathiques). Et ils ont lié leurs outils l’un à l’autre, ce qui permet de “coupler” un fil conversationnel non déterministe (avec Chatnode) au sein d’une expérience déterministe (avec Typebot).
De manière générale, nous avons opté pour une méthode de travail très empirique, où nous avons pu développer les fonctionnalités au gré des possibilités offertes par les divers outils.
Comme par exemple l’intégration du portail pour les enseignants: en découvrant le logiciel Frontly en octobre 2023, nous avons vu qu’il est possible de créer des portails par dessus Google Sheet. Typebot propose une intégration native avec Google Sheet, ça tombait bien !
J’ai donc pu construire en mode no-code tout une mécanique de flux de données, entre Typebot, Google Sheet puis Frontly, le tout intégré à Notion… Pour mieux comprendre comment tout ça se combine, voir le schéma plus bas.
Il n’y a pas eu de phase de création du design avec un cahier de charges précis; nous avons développé un premier prototype en automne 2023, qui s’est petit à petit précisé et amélioré jusqu’à ce jour, en fonction des possibilités des outils et des nos idées.
Cette méthode de travail est au plus proche des possibilités et des contraintes du monde no-code: on a meilleur temps de développer à partir (d’applications bien choisies) que vers (un résultat désiré).
Au final, les limitations et les frustrations les plus grandes se trouvent au niveau du site web, qui n’est pas (encore ?) très original, principalement parce qu’il ne repose pas sur un concept UI/UX réfléchi. Mais aussi, l’outil utilisé (Super.so) ne propose pas (encore ?) tous les réglages dont on a besoin.
Ce qui n’est pas le cas de Typebot ou de Chatnode, qui, malgré leur très jeune âge, sont déjà bien matures et permettent de réaliser la grande majorité des idées. Et chaque semaine des nouvelles fonctionnalités arrivent - ce qui n’est malheureusement pas le cas de Super.so.
Cette petite histoire pour rappeler que les premiers temps d’une startup sont souvent très enthousiasmants et prometteurs de potentiels fantastiques… jusqu’au jour où la société grandit, se boursoufle et perd sa flamme (comme cela semble le cas de Super.so).
Il y a heureusement des exceptions: Notion, malgré sa taille et sa valorisation importante, arrive à faire perdurer cet état d’esprit agile qui nous plaît tant.
Les fonctionnalités
Pour mieux comprendre ce que le projet peut offrir, voici la liste des fonctionnalités que nous avons développé. C’est une sorte de cahier de charges à rebours…
Au niveau de l’expérience numérique:
Pour la suite, nous aimerions améliorer l’expérience utilisateur au moment de donner son avis, que le Chatbot (génératif en l’occurence) puisse donner une réponse qui prend en considération l’apport écrit (via une question relance ou un “accusé de réception” spécifique).
Nous aimerions aussi intégrer les réponses des utilisateurs précédents au sein de l’expérience (il y a tant de mangeurs de plastique, vous être le numéro xxxx), de proposer plus de ramifications (plus d’effet “accordéon”) et rendre l’ensemble de l’expérience plus vivante et réactive.
Au niveau de l’expérience pédagogique:
Les 3 types de quiz:
En plus des quiz, il y a la mécanique de la collecte d'avis - ou autrement dit, le vote.
Pour la suite, nous aimerions plus développer la partie créative et prise de parole individuelle, sous forme de vidéos ou audios, de récits écrits (UGC).

Les détails de l’architecture logicielle
Le schéma de l’architecture logicielle du projet

Toutes ces fonctionnalités sont possibles grâce à la combinaison d’une petite dizaine d’applications no-code.
Notion comme colonne vertébrale collaborative
Comme une majorité de nos projets, ce projet repose sur Notion.
Notion permet de créer des bases de données, comme:
Notion permet aussi de créer des pages, comme celle que vous voyez actuellement.
Ce billet de blog est une page dans une base de données “Blog”, à la racine du site.
Pourquoi utiliser Notion ?
Nous allons rédiger un billet spécifique sur Notion, qui est notre plaque tournante pour quasiment tout…
En attendant, voici quelques avantages:
Cependant, ces pages publiques ne sont pas très jolies: pas de layout ou de domaine personnalisé, trop standardisé Notion…
C’est là qu’interviennent des builders de site web, par dessus Notion: Super.so ou Bullet.so
Pour ce site, nous avons privilégié Super.so - mais Bullet.so est très bien aussi (on fera une comparaison prochainement).
Pour vous rassurer: il est également possible de développer un site web complètement personnalisé, au design spécifique, en passant par les API’s de Notion. Nous sommes en train de développer un site custom sur base de Notion avec l’un de nos partenaires; nous en parlerons bientôt !
Super.so comme générateur de site
Une fois que la page principale qui contient toutes les autres pages et bases de données est publiée, on copie colle le lien public dans Super.so, puis on clique sur publier. Et le site est live !
Bon, il y a encore pas mal de travail pour que ce soit bien en forme:
Il est évident que cette application ne permet pas de réaliser un site web qui fait feu d’artifice - le look n’est pas très original et les fonctionnalités sont assez limitées… Mais ce n’est pas ce que nous visons.
Avec Super.so, pas de compétition avec les leaders du no-code pour les sites web, comme Framer ou Bubble. Le temps de mise en ligne est bien plus court, la gestion bien plus simple - au détriment du look & feel hyper personnalisé.
L’enjeu pour nous est de pouvoir se concentrer sur les contenus et de pouvoir collaborer efficacement, depuis le back-office jusqu’aux écrans des visiteurs.
L’avantage de Notion & Super.so, c’est que l’on peut très facilement ajouter d’autres applications qui viennent étendre les fonctionnalités, sans devoir développer de modules custom (on est bien dans le no-code !).
Typebot pour l’expérience conversationnelle
Typebot pour réaliser le Chatbot conversationnel déterministe. Cette application est GÉNIALE - on va prochainement faire un billet dédié pour partager ce que l’on peut faire avec.

Frontly pour le portail enseignant
Frontly nous a permis de construire le portail enseignants. Il s’agit d’une application no-code qui permet de générer des portails web par dessus Google Sheet (qui fonctionne donc en quelque sorte comme la base de données gratuite). Il est possible de construire toutes sortes de portails collaboratifs, avec des login etc.
L’outil est très puissant, il permet d’automatiser beaucoup de choses, notamment en utilisant l’IA au démarrage d’un projet.
Nous avons acquis la licence Agence, et recommandons tout particulièrement cette application.
Une combinaison d’applications spécialisées
Ces applications sont:
Ce site est la somme combinée de toutes les applications que vous voyez dans la colonne à droite et dans le schéma ci-dessous.
Plusieurs applications co-existent donc:
Vous voulez en savoir plus ? Vous êtes intéressé.e par un projet du même type ?
