Retour d’expérience sur l’usage de l’IA pour la mise en forme et la scénarisation pédagogique"
MiniMoot - Brest 2026
Caroline Leforestier Ingénieure pédagogique CIPEN (Centre d'Innovation Pédagogique et Numérique)
Sylvain VETOIS Ingénieur pédagogique CIPEN (Centre d'Innovation Pédagogique et Numérique)
Plan de la présentation
Introduction / contexte
Savoir ce qu’on veut, mais pas comment le faire
De l’intention pédagogique au design idéal
L’apprentissage implicite : devenir autonome sans s’en rendre compte
Impact et vigilances: Ce que ça change (ou pas)
Conclusion
Introduction / contexte
Équipe d'ingénieur·es pédagogiques avec des compétences dans l'enseignement et l'ingénierie pédagogique
Introduction / contexte
Demande de création de 6 autoformations à distance (autoformation e-learning via Moodle) création ex nihilo pour rendre un contenu Moodle engageant
Équipe d'ingénieur·es pédagogiques avec des compétences dans l'enseignement et l'ingénierie pédagogique
Introduction / contexte
Demande de création de 6 autoformations à distance (autoformation e-learning via Moodle) création ex nihilo pour rendre un contenu Moodle engageant
Équipe d'ingénieur·es pédagogiques avec des compétences dans l'enseignement et l'ingénierie pédagogique
Les besoins
Objectifs pédagogiques
Scénariser
Design, UX
Intégration
Évaluation
Introduction / contexte
1 defaut On ne parle pas le HTML
Demande de création de 6 autoformations à distance (autoformation e-learning via Moodle) création ex nihilo pour rendre un contenu Moodle engageant
Équipe d'ingénieur·es pédagogiques avec des compétences dans l'enseignement et l'ingénierie pédagogique
Objectifs pédagogiques
Les besoins
Scénariser
Design, UX
Intégration
Évaluation
Savoir ce qu’on veut, mais pas comment le faire
Ce n'est pas de l'esthétisme c'est de la cognition médiation. importance de l'UI-UX dans l'engagement et la motivation dans les dispositifs distanciels
Peraya (2010, 2014) la Médiation Sémiocognitive
Mayer (2001) Principe de cohérence Principe de contiguïté
Format de cours
Activités /Ressources
Savoir ce qu’on veut, mais pas comment le faire
Ce n'est pas de l'esthétisme c'est de la cognition médiation. importance de l'UI-UX dans l'engagement et la motivation dans les dispositifs distanciels
Peraya (2010, 2014) la Médiation Sémiocognitive
Mayer (2001) Principe de cohérence Principe de contiguïté
- Moodle sera notre interface de formation
- Moodle + notre thème sobre, limite les engagements visuels
- Objectif caché... Les usages de Moodle
Format de cours
Activités /Ressources
Savoir ce qu’on veut, mais pas comment le faire
Ce n'est pas de l'esthétisme c'est de la cognition médiation. importance de l'UI-UX dans l'engagement et la motivation dans les dispositifs distanciels
Peraya (2010, 2014) la Médiation Sémiocognitive
Mayer (2001) Principe de cohérence Principe de contiguïté
Point de départ : les blocs Bootstrap dans Moodle, premiers tâtonnements, "bricolage, braconnage, butinage"
Plantard (2014)Les 3 B
- Moodle sera notre interface de formation
- Moodle + notre thème sobre, limite les engagements visuels
- Objectif caché... Les usages de Moodle
Format de cours
Activités /Ressources
Savoir ce qu’on veut, mais pas comment le faire
Ce n'est pas de l'esthétisme c'est de la cognition médiation. importance de l'UI-UX dans l'engagement et la motivation dans les dispositifs distanciels
Peraya (2010, 2014) la Médiation Sémiocognitive
Mayer (2001) Principe de cohérence Principe de contiguïté
Point de départ : les blocs Bootstrap dans Moodle, premiers tâtonnements, "bricolage, braconnage, butinage"
Plantard (2014)Les 3 B
- Moodle sera notre interface de formation
- Moodle + notre thème sobre, limite les engagements visuels
- Objectif caché... Les usages de Moodle
- l'IA est pertinente là où les règles sont formelles et standardisées.
- le HTML est une syntaxe, une structure, une mise en forme mathématique.
- Aucune ambiguïté possible.
Format de cours
Activités /Ressources
Design souhaité Places de ressources, des titres des contenus
Brainstorming
Formalisation sur papier de la forme souhaitée et de la place de chaque contenu
- vidéo
-
à retenir
-
bloc de téléchargement de brochure...
Accessibilité
Responsive
Charte graphique
Compatibilité CSS?
Savoir prompter de manière idéale, itérative avec le même résultat qualitatif à chaque itération
- Nécessite de se créer des prompts systèmes / agents IA
- Souveraineté
- Ethique
Prompt
Design souhaité Places de ressources, des titres des contenus
Brainstorming
Formalisation sur papier de la forme souhaitée et de la place de chaque contenu
- vidéo
-
à retenir
-
bloc de téléchargement de brochure...
De l’intention pédagogique au design idéal
Bords plus arrondi!
Image incruster dans un bloc sur le bord suêrieur gauche
Couleur de fond plus claire
Bouton cliquable qui se réduit au passage de la souris
L’apprentissage implicite : devenir autonome sans s’en rendre compte
Changement d'image
Repérage de balise
Arrondir un bloc
Créer des listes à puces
Impacts et vigilances : ce que ça change (ou pas)
Vigilance
Impacts
L'utilisation de l'IA dans le cadre de la mise en place des autoformations à participé aux apprentissages inconscients et implicites du langage HTML / CSS.
Ce que l'IA change : l'iA devient également un interlocuteur pédagogique, une troisieme voix/voie. L'IA joue le rôle du regard extérieur constructif.
Impacts et vigilances : ce que ça change (ou pas)
Vigilance
Impacts
L'utilisation de l'IA dans le cadre de la mise en place des autoformations à participé aux apprentissages inconscients et implicites du langage HTML / CSS.
Ce que l'IA change : l'iA devient également un interlocuteur pédagogique, une troisieme voix/voie. L'IA joue le rôle du regard extérieur constructif.
Le contrôle humain comme condition non négociable : tous les choix pédagogiques sont restés sous notre responsabilité. L'IA suggère, nous décidons.
La métaphore : « L'IA est devenue ma canne mais n'a jamais tenu mon bras. » Nous avons toujours dicté ce que nous avions imaginé (IA générative et pratique professionnelle : orthèse ou prothèse).
Shadows IT
Merci de votre attention
MiniMoot - Brest 2026
- Prendre en main Moodle
- Bonnes pratiques dans Moodle
- Créer un test dans Moodle
- Concevoir des ressources interactives avec H5P
- La pédagogie par projet
- L'accessibilité
Retour d’expérience sur l’usage de l’IA pour la mise en forme et la scénarisation pédagogique"
CIPEN
Created on March 16, 2026
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Momentum: Employee Introduction Presentation
View
Momentum: First Operational Steps
View
Video: Responsible Use of Social Media and Internet
View
Microlearning: Enhance Your Wellness and Reduce Stress
View
Momentum: Tools Tutorial
View
Momentum: Onboarding Video
View
Microlearning: Teaching Innovation with AI
Explore all templates
Transcript
Retour d’expérience sur l’usage de l’IA pour la mise en forme et la scénarisation pédagogique"
MiniMoot - Brest 2026
Caroline Leforestier Ingénieure pédagogique CIPEN (Centre d'Innovation Pédagogique et Numérique)
Sylvain VETOIS Ingénieur pédagogique CIPEN (Centre d'Innovation Pédagogique et Numérique)
Plan de la présentation
Introduction / contexte
Savoir ce qu’on veut, mais pas comment le faire
De l’intention pédagogique au design idéal
L’apprentissage implicite : devenir autonome sans s’en rendre compte
Impact et vigilances: Ce que ça change (ou pas)
Conclusion
Introduction / contexte
Équipe d'ingénieur·es pédagogiques avec des compétences dans l'enseignement et l'ingénierie pédagogique
Introduction / contexte
Demande de création de 6 autoformations à distance (autoformation e-learning via Moodle) création ex nihilo pour rendre un contenu Moodle engageant
Équipe d'ingénieur·es pédagogiques avec des compétences dans l'enseignement et l'ingénierie pédagogique
Introduction / contexte
Demande de création de 6 autoformations à distance (autoformation e-learning via Moodle) création ex nihilo pour rendre un contenu Moodle engageant
Équipe d'ingénieur·es pédagogiques avec des compétences dans l'enseignement et l'ingénierie pédagogique
Les besoins
Objectifs pédagogiques
Scénariser
Design, UX
Intégration
Évaluation
Introduction / contexte
1 defaut On ne parle pas le HTML
Demande de création de 6 autoformations à distance (autoformation e-learning via Moodle) création ex nihilo pour rendre un contenu Moodle engageant
Équipe d'ingénieur·es pédagogiques avec des compétences dans l'enseignement et l'ingénierie pédagogique
Objectifs pédagogiques
Les besoins
Scénariser
Design, UX
Intégration
Évaluation
Savoir ce qu’on veut, mais pas comment le faire
Ce n'est pas de l'esthétisme c'est de la cognition médiation. importance de l'UI-UX dans l'engagement et la motivation dans les dispositifs distanciels
Peraya (2010, 2014) la Médiation Sémiocognitive
Mayer (2001) Principe de cohérence Principe de contiguïté
Format de cours
Activités /Ressources
Savoir ce qu’on veut, mais pas comment le faire
Ce n'est pas de l'esthétisme c'est de la cognition médiation. importance de l'UI-UX dans l'engagement et la motivation dans les dispositifs distanciels
Peraya (2010, 2014) la Médiation Sémiocognitive
Mayer (2001) Principe de cohérence Principe de contiguïté
Format de cours
Activités /Ressources
Savoir ce qu’on veut, mais pas comment le faire
Ce n'est pas de l'esthétisme c'est de la cognition médiation. importance de l'UI-UX dans l'engagement et la motivation dans les dispositifs distanciels
Peraya (2010, 2014) la Médiation Sémiocognitive
Mayer (2001) Principe de cohérence Principe de contiguïté
Point de départ : les blocs Bootstrap dans Moodle, premiers tâtonnements, "bricolage, braconnage, butinage"
Plantard (2014)Les 3 B
Format de cours
Activités /Ressources
Savoir ce qu’on veut, mais pas comment le faire
Ce n'est pas de l'esthétisme c'est de la cognition médiation. importance de l'UI-UX dans l'engagement et la motivation dans les dispositifs distanciels
Peraya (2010, 2014) la Médiation Sémiocognitive
Mayer (2001) Principe de cohérence Principe de contiguïté
Point de départ : les blocs Bootstrap dans Moodle, premiers tâtonnements, "bricolage, braconnage, butinage"
Plantard (2014)Les 3 B
Format de cours
Activités /Ressources
Design souhaité Places de ressources, des titres des contenus
Brainstorming
Formalisation sur papier de la forme souhaitée et de la place de chaque contenu
Accessibilité
Responsive
Charte graphique
Compatibilité CSS?
Savoir prompter de manière idéale, itérative avec le même résultat qualitatif à chaque itération
Prompt
Design souhaité Places de ressources, des titres des contenus
Brainstorming
Formalisation sur papier de la forme souhaitée et de la place de chaque contenu
De l’intention pédagogique au design idéal
Bords plus arrondi!
Image incruster dans un bloc sur le bord suêrieur gauche
Couleur de fond plus claire
Bouton cliquable qui se réduit au passage de la souris
L’apprentissage implicite : devenir autonome sans s’en rendre compte
Changement d'image Repérage de balise Arrondir un bloc Créer des listes à puces
Impacts et vigilances : ce que ça change (ou pas)
Vigilance
Impacts
L'utilisation de l'IA dans le cadre de la mise en place des autoformations à participé aux apprentissages inconscients et implicites du langage HTML / CSS.
Ce que l'IA change : l'iA devient également un interlocuteur pédagogique, une troisieme voix/voie. L'IA joue le rôle du regard extérieur constructif.
Impacts et vigilances : ce que ça change (ou pas)
Vigilance
Impacts
L'utilisation de l'IA dans le cadre de la mise en place des autoformations à participé aux apprentissages inconscients et implicites du langage HTML / CSS.
Ce que l'IA change : l'iA devient également un interlocuteur pédagogique, une troisieme voix/voie. L'IA joue le rôle du regard extérieur constructif.
Le contrôle humain comme condition non négociable : tous les choix pédagogiques sont restés sous notre responsabilité. L'IA suggère, nous décidons.
La métaphore : « L'IA est devenue ma canne mais n'a jamais tenu mon bras. » Nous avons toujours dicté ce que nous avions imaginé (IA générative et pratique professionnelle : orthèse ou prothèse).
Shadows IT
Merci de votre attention
MiniMoot - Brest 2026