feat: add course module for Wednesday 4 and update index and navigation links

This commit is contained in:
sebvtl728 2026-06-16 22:12:41 +02:00
parent c418314d47
commit 6936b37cb0
4 changed files with 1831 additions and 113 deletions

View File

@ -917,7 +917,7 @@
</head>
<body>
<div class="course-wrap">
<h2 class="sr-only" style="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)">Cours Mercredi 1 Posture et architecture pédagogique, formation formateurs IA-PRO</h2>
<h2 class="sr-only" style="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)">Cours Mercredi 1 - Posture et architecture pédagogique, formation formateurs IA-PRO</h2>
<div class="hero">
<div class="hero-badge">Formation de formateurs IA · Séance 1/5</div>
@ -1046,7 +1046,7 @@
<ul>
<li>Ne pas corriger immédiatement les perceptions : laisser d'abord la parole circuler.</li>
<li>Valoriser les questions "naïves" : elles sont souvent celles des futurs apprenants.</li>
<li>Ce débrief donne le ton du groupe rester en posture d'écoute active.</li>
<li>Ce débrief donne le ton du groupe - rester en posture d'écoute active.</li>
</ul>
</div>
</div>
@ -1100,7 +1100,7 @@
<div class="tips-title"><i class="ti ti-bulb" aria-hidden="true"></i>Conseils d'animation</div>
<ul>
<li>Utiliser un tableau blanc ou un slide simple avec le schéma des 5 UF.</li>
<li>Relier chaque UF aux questions soulevées lors du débrief montrer que le scénario répond à des intentions réelles.</li>
<li>Relier chaque UF aux questions soulevées lors du débrief - montrer que le scénario répond à des intentions réelles.</li>
<li>Ne pas tout détailler : l'UF1 et l'UF2 sont approfondies séance 2. Rester en vue d'ensemble.</li>
</ul>
</div>
@ -1120,7 +1120,7 @@
<div class="seq-content">
<div class="pause-card">
<i class="ti ti-coffee" style="color:var(--muted);font-size:18px;" aria-hidden="true"></i>
<span>Pause 14h35 à 14h50</span>
<span>Pause - 14h35 à 14h50</span>
</div>
</div>
</div>
@ -1149,7 +1149,7 @@
<div class="detail-text">Pour 3 séquences tirées de l'UF1 et de l'UF2, les formateurs en formation distinguent en sous-groupes : (1) ce qu'il faut transmettre, (2) comment l'animer, (3) quelle posture adopter. Mise en commun en plénière.</div>
</div>
<div class="detail-section">
<div class="detail-label">Le triptyque à bien comprendre</div>
<div class="detail-label">Le triptyque - à bien comprendre</div>
<div class="triptyque">
<div class="triptyque-header"><i class="ti ti-triangle" aria-hidden="true"></i>Les 3 dimensions de chaque séquence</div>
<div class="triptyque-cols">
@ -1233,7 +1233,7 @@
<div class="tips-title"><i class="ti ti-bulb" aria-hidden="true"></i>Fermer la séance avec intention</div>
<ul>
<li>Ne pas expédier ce temps : c'est là que se consolide le sens de ce qu'on a vécu ensemble.</li>
<li>Être très précis sur la consigne de préparation l'ambiguïté ici coûte de l'engagement.</li>
<li>Être très précis sur la consigne de préparation - l'ambiguïté ici coûte de l'engagement.</li>
<li>Rappeler la date et l'heure de la séance 2 avant de raccrocher.</li>
</ul>
</div>
@ -1298,10 +1298,14 @@
window.location.href = 'mercredi3_maitriser_UF3_UF4_UF5.html';
return;
}
if (num === 4) {
window.location.href = 'mercredi4_mise_en_situation_bilan_parcours.html';
return;
}
const prompts = {
4: "Prépare-moi le cours complet du Mercredi 4 — Deuxième micro-teaching & Approfondissement",
5: "Prépare-moi le cours complet du Mercredi 5 — Évaluation finale et certification"
5: "Prépare-moi le cours complet du Mercredi 5 - Évaluation finale et certification"
};
if (typeof sendPrompt === 'function') {

View File

@ -1042,7 +1042,7 @@
<body>
<div class="course-wrap">
<h2 style="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)">Cours complet Mercredi 2
<h2 style="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)">Cours complet Mercredi 2 -
Maîtriser UF1 et UF2, fondamentaux IA et prompt engineering, micro-teaching</h2>
<div class="hero">
@ -1080,13 +1080,13 @@
<ul class="obj-list">
<li>Expliquer les intentions pédagogiques des séquences clés de l'UF1 (fondamentaux IA, outils, optimisations)
</li>
<li>Enseigner le prompt engineering sans liste de recettes en transmettant la logique ROCCO</li>
<li>Enseigner le prompt engineering sans liste de recettes - en transmettant la logique ROCCO</li>
<li>Animer une séquence de 10 min sur UF1 ou UF2 devant le groupe (micro-teaching)</li>
<li>Utiliser la grille d'observation pour donner un feedback structuré à un pair</li>
</ul>
</div>
<div class="section-label">Travail préparatoire classe inversée (~1h30)</div>
<div class="section-label">Travail préparatoire - classe inversée (~1h30)</div>
<div class="prep-card">
<h2><i class="ti ti-book" aria-hidden="true"></i>À faire avant la séance</h2>
<ul>
@ -1131,7 +1131,7 @@
<ul class="detail-list">
<li>Tour de table rapide : chacun dit sa séquence choisie pour le micro-teaching et 1 point de contenu
qui lui semble difficile à formuler</li>
<li>Recueillir les questions issues de la lecture les noter visiblement (tableau blanc collaboratif)
<li>Recueillir les questions issues de la lecture - les noter visiblement (tableau blanc collaboratif)
</li>
<li>Pointer les convergences : si plusieurs formateurs butent sur le même point, c'est là que vous
passerez plus de temps dans les coulisses</li>
@ -1142,9 +1142,9 @@
<div class="tips-box">
<div class="tips-title"><i class="ti ti-bulb" aria-hidden="true"></i>Conseil d'animation</div>
<ul>
<li>Ne pas dépasser 20 min la tentation est de tout résoudre ici. Gardez l'énergie pour les
<li>Ne pas dépasser 20 min - la tentation est de tout résoudre ici. Gardez l'énergie pour les
coulisses.</li>
<li>Les questions non traitées dans le débrief doivent trouver réponse dans les séquences suivantes
<li>Les questions non traitées dans le débrief doivent trouver réponse dans les séquences suivantes -
dites-le explicitement.</li>
</ul>
</div>
@ -1166,7 +1166,7 @@
<div class="seq-header">
<div>
<div class="seq-num">13h50 · Séquence 2</div>
<div class="seq-title">Coulisses de l'UF1 Introduction à l'IA et aux outils</div>
<div class="seq-title">Coulisses de l'UF1 - Introduction à l'IA et aux outils</div>
</div>
<span class="seq-tag tag-analyse">Analyse guidée</span>
<i class="ti ti-chevron-down seq-toggle" aria-hidden="true"></i>
@ -1176,25 +1176,25 @@
<div class="detail-label">Description</div>
<div class="detail-text">Décryptage des intentions pédagogiques derrière les séquences UF1 : comment
animer la classe inversée sur le concept d'IA générative, comment faire une démo outils sans en faire
un catalogue, comment adapter les cas d'usage sectoriels. Point RGPD dès l'intro pourquoi il
un catalogue, comment adapter les cas d'usage sectoriels. Point RGPD dès l'intro - pourquoi il
apparaît là et comment l'aborder sans freiner.</div>
</div>
<div class="detail-section">
<div class="detail-label">Les 4 points clés à traiter</div>
<ul class="detail-list">
<li><strong>La classe inversée "Qu'est-ce qu'une IA générative ?" (Ch.2, 0h30)</strong> l'intention
<li><strong>La classe inversée "Qu'est-ce qu'une IA générative ?" (Ch.2, 0h30)</strong> - l'intention
est de partir des représentations des apprenants avec tableau blanc collaboratif, pas de donner une
définition. Montrez comment animer ça sans glisser vers un cours magistral.</li>
<li><strong>La démo outils (ChatGPT, Gemini, Mistral, Copilot… 0h45)</strong> risque principal : en
<li><strong>La démo outils (ChatGPT, Gemini, Mistral, Copilot… 0h45)</strong> - risque principal : en
faire un catalogue sans fil conducteur. La clé : choisir 2-3 outils max, montrer ce qu'ils font de
différent, ancrer dans un usage métier concret. Le quiz final permet de vérifier sans interroger.
</li>
<li><strong>Les optimisations et opportunités (Ch.2, 1h30)</strong> séquence la plus dense de l'UF1.
<li><strong>Les optimisations et opportunités (Ch.2, 1h30)</strong> - séquence la plus dense de l'UF1.
Travaux de réflexion collective : comment structurer le débat "tâches délégables vs non délégables"
sans que ça parte dans tous les sens. Donner un cadre : critères d'une tâche IA-compatible.</li>
<li><strong>Le point RGPD dès l'intro</strong> une note courte sur la position de chaque modèle en
<li><strong>Le point RGPD dès l'intro</strong> - une note courte sur la position de chaque modèle en
matière de RGPD, pas un cours juridique. Formule à avoir : "On en parle brièvement maintenant pour
que vous sachiez pourquoi certains outils sont à éviter en contexte pro l'UF3 approfondira."</li>
que vous sachiez pourquoi certains outils sont à éviter en contexte pro - l'UF3 approfondira."</li>
</ul>
</div>
<div class="warn-box">
@ -1204,20 +1204,20 @@
ensemble" plutôt que "voici comment ça marche".</p>
</div>
<div class="cert-box">
<div class="cert-title"><i class="ti ti-certificate" aria-hidden="true"></i>Entraînement certification
<div class="cert-title"><i class="ti ti-certificate" aria-hidden="true"></i>Entraînement certification -
C1 (5 min)</div>
<p>À partir d'un cas donné (ex. : responsable de communication dans une PME), sélectionner et justifier
les outils IA adaptés. Exercice individuel critères Cr1.1 à Cr1.3. Correction rapide en plénière.
les outils IA adaptés. Exercice individuel - critères Cr1.1 à Cr1.3. Correction rapide en plénière.
</p>
</div>
<div class="tips-box">
<div class="tips-title"><i class="ti ti-bulb" aria-hidden="true"></i>Conseils d'animation</div>
<ul>
<li>Utilisez des exemples sectoriels variés — santé, communication, industrie — pour que chacun se
<li>Utilisez des exemples sectoriels variés - santé, communication, industrie - pour que chacun se
retrouve dans au moins un cas.</li>
<li>Sur la démo outils : préparez-la à l'avance. Une démo qui plante en direct sur une interface qui a
changé casse la crédibilité.</li>
<li>L'exercice C1 peut être fait en classe inversée si le temps manque annoncez-le clairement.</li>
<li>L'exercice C1 peut être fait en classe inversée si le temps manque - annoncez-le clairement.</li>
</ul>
</div>
</div>
@ -1238,7 +1238,7 @@
<div class="seq-header">
<div>
<div class="seq-num">14h30 · Séquence 3</div>
<div class="seq-title">Coulisses de l'UF2 Prompt Engineering</div>
<div class="seq-title">Coulisses de l'UF2 - Prompt Engineering</div>
</div>
<span class="seq-tag tag-analyse">Analyse guidée</span>
<i class="ti ti-chevron-down seq-toggle" aria-hidden="true"></i>
@ -1246,18 +1246,18 @@
<div class="seq-details">
<div class="detail-section">
<div class="detail-label">Description</div>
<div class="detail-text">Comment enseigner le prompt sans liste de recettes insister sur la logique de
<div class="detail-text">Comment enseigner le prompt sans liste de recettes - insister sur la logique de
structuration ROCCO. Comment animer l'atelier "études de cas" en visio avec des binômes en breakout
rooms. La densité de l'UF2 (5 chapitres, 2 jours) impose des choix : savoir prioriser.</div>
</div>
<div class="detail-section">
<div class="detail-label">La structure ROCCO à maîtriser pour l'enseigner</div>
<div class="detail-label">La structure ROCCO - à maîtriser pour l'enseigner</div>
<ul class="detail-list">
<li><strong>R Rôle :</strong> à qui parle-t-on ? Quel expert demande-t-on à l'IA d'incarner ?</li>
<li><strong>O Objectif :</strong> qu'attend-on précisément comme résultat ?</li>
<li><strong>C Contexte :</strong> quelles informations l'IA a-t-elle besoin de connaître ?</li>
<li><strong>C Contraintes :</strong> format, longueur, ton, ce qu'il ne faut pas faire</li>
<li><strong>O Output :</strong> la forme exacte de la réponse attendue (liste, tableau, texte,
<li><strong>R - Rôle :</strong> à qui parle-t-on ? Quel expert demande-t-on à l'IA d'incarner ?</li>
<li><strong>O - Objectif :</strong> qu'attend-on précisément comme résultat ?</li>
<li><strong>C - Contexte :</strong> quelles informations l'IA a-t-elle besoin de connaître ?</li>
<li><strong>C - Contraintes :</strong> format, longueur, ton, ce qu'il ne faut pas faire</li>
<li><strong>O - Output :</strong> la forme exacte de la réponse attendue (liste, tableau, texte,
code…)</li>
</ul>
</div>
@ -1265,30 +1265,30 @@
<div class="detail-label">Ce que vous enseignez sur la méthode</div>
<ul class="detail-list">
<li>La démo live commentée est la méthode centrale : vous rédigez un prompt en direct, montrez le
résultat, expliquez pourquoi vous le reformulez, montrez l'amélioration l'apprenant voit le
résultat, expliquez pourquoi vous le reformulez, montrez l'amélioration - l'apprenant voit le
raisonnement, pas juste la technique</li>
<li>L'atelier études de cas en binômes (breakout rooms, 1h) : chaque binôme travaille sur un cas
métier réel et rédige + itère ses prompts préparez 3-4 cas pour des secteurs variés</li>
<li>La séquence "Adapter ses prompts selon l'outil" (0h30) : chaque modèle a ses spécificités ne pas
métier réel et rédige + itère ses prompts - préparez 3-4 cas pour des secteurs variés</li>
<li>La séquence "Adapter ses prompts selon l'outil" (0h30) : chaque modèle a ses spécificités - ne pas
promettre qu'un prompt ChatGPT fonctionnera à l'identique sur Mistral</li>
</ul>
</div>
<div class="warn-box">
<i class="ti ti-alert-triangle" aria-hidden="true"></i>
<p><strong>Point de vigilance :</strong> éviter la liste de "formules magiques". L'objectif est que
l'apprenant comprenne pourquoi un prompt est efficace pas qu'il mémorise une recette. Si vous
l'apprenant comprenne pourquoi un prompt est efficace - pas qu'il mémorise une recette. Si vous
entendez "donnez-nous une liste des meilleurs prompts", c'est le signal de recadrer.</p>
</div>
<div class="cert-box">
<div class="cert-title"><i class="ti ti-certificate" aria-hidden="true"></i>Entraînement certification
<div class="cert-title"><i class="ti ti-certificate" aria-hidden="true"></i>Entraînement certification -
C2 (10 min)</div>
<p>Rédiger un prompt complet selon la structure ROCCO pour un besoin métier fourni. Auto-évaluation en
binôme sur les critères Cr2.1 à Cr2.3 correction collective. Idéalement en breakout rooms de 2.</p>
binôme sur les critères Cr2.1 à Cr2.3 - correction collective. Idéalement en breakout rooms de 2.</p>
</div>
<div class="tips-box">
<div class="tips-title"><i class="ti ti-bulb" aria-hidden="true"></i>Conseils d'animation</div>
<ul>
<li>Préparez votre démo live à l'avance et prévoyez un prompt qui donne un résultat imparfait du
<li>Préparez votre démo live à l'avance - et prévoyez un prompt qui donne un résultat imparfait du
premier coup, pour montrer l'itération en direct.</li>
<li>L'automatisation (Ch.3, 0h30) est dense mais courte : prévoir une démo très cadrée Zapier/Make
pour ne pas déborder. Évitez l'improvisation sur cette séquence.</li>
@ -1310,7 +1310,7 @@
<div class="seq-content">
<div class="pause-card">
<i class="ti ti-coffee" style="font-size:18px;color:var(--ink3);" aria-hidden="true"></i>
<span>Pause 14h50 à 15h05</span>
<span>Pause - 14h50 à 15h05</span>
</div>
</div>
</div>
@ -1337,7 +1337,7 @@
<div class="detail-section">
<div class="detail-label">Description</div>
<div class="detail-text">Chaque formateur anime sa séquence de 10 min. Les autres jouent le rôle des
apprenants en posant de vraies questions, pas en restant passifs. Après chaque passage, 5 min de Q&R
apprenants - en posant de vraies questions, pas en restant passifs. Après chaque passage, 5 min de Q&R
simulé. Les observateurs utilisent la grille d'observation (contenu / méthode / posture).</div>
</div>
<div class="detail-section">
@ -1346,18 +1346,18 @@
<li>Calculez le temps selon le nombre de formateurs : si 3 formateurs → 3 × 15 min = 45 min,
compatible. Si 4 ou plus, réduire à 10 min chrono (sans Q&R simulé) ou décaler une partie à la
séance 3</li>
<li>Rôles pendant chaque passage : 1 formateur anime les autres sont "apprenants" actifs + 1 désigné
<li>Rôles pendant chaque passage : 1 formateur anime - les autres sont "apprenants" actifs + 1 désigné
"observateur grille"</li>
<li>Rotation : le formateur référent ne joue pas l'apprenant, il observe et complète sa propre grille
</li>
<li>Rappeler avant de démarrer : "Vous êtes des apprenants posez les questions qu'un vrai groupe
<li>Rappeler avant de démarrer : "Vous êtes des apprenants - posez les questions qu'un vrai groupe
poserait"</li>
</ul>
</div>
<div class="triptyque">
<div class="triptyque-header">
<i class="ti ti-clipboard-list" aria-hidden="true"></i>Grille d'observation 3 dimensions à évaluer
<i class="ti ti-clipboard-list" aria-hidden="true"></i>Grille d'observation - 3 dimensions à évaluer
</div>
<div class="triptyque-cols">
<div class="triptyque-col">
@ -1384,11 +1384,11 @@
<div class="tips-box">
<div class="tips-title"><i class="ti ti-bulb" aria-hidden="true"></i>Conseils d'animation</div>
<ul>
<li>Chronométrez visible un compte à rebours partagé à l'écran aide tout le monde à gérer le temps.
<li>Chronométrez visible - un compte à rebours partagé à l'écran aide tout le monde à gérer le temps.
</li>
<li>Si un formateur dépasse, coupez avec bienveillance mais fermement : "Je vais t'arrêter là on
<li>Si un formateur dépasse, coupez avec bienveillance mais fermement : "Je vais t'arrêter là - on
revient dessus dans le débrief."</li>
<li>Posez une question difficile pendant le Q&R simulé de chaque passage ça prépare à la réalité
<li>Posez une question difficile pendant le Q&R simulé de chaque passage - ça prépare à la réalité
terrain.</li>
</ul>
</div>
@ -1419,7 +1419,7 @@
<div class="detail-section">
<div class="detail-label">Description</div>
<div class="detail-text">Retour structuré avec la grille d'observation. Points forts confirmés, axes
d'amélioration identifiés. Le formateur référent synthétise les observations transversales ce qui
d'amélioration identifiés. Le formateur référent synthétise les observations transversales - ce qui
revient chez plusieurs formateurs est précieux : c'est souvent là que l'UF elle-même est difficile à
enseigner.</div>
</div>
@ -1428,21 +1428,21 @@
<ul class="detail-list">
<li>Chaque formateur s'autoévalue en 1 min : "Ce que j'ai bien fait / Ce que je referais différemment"
</li>
<li>Les observateurs restituent leur grille : 1 point fort + 1 axe de travail, pas plus pour ne pas
<li>Les observateurs restituent leur grille : 1 point fort + 1 axe de travail, pas plus - pour ne pas
noyer dans le feedback</li>
<li>Le formateur référent synthétise : points transversaux, erreurs récurrentes, 1 conseil prioritaire
par formateur</li>
<li>Clore sur ce qui était globalement solide le premier micro-teaching est souvent stressant,
<li>Clore sur ce qui était globalement solide - le premier micro-teaching est souvent stressant,
valoriser le courage d'avoir essayé</li>
</ul>
</div>
<div class="tips-box">
<div class="tips-title"><i class="ti ti-bulb" aria-hidden="true"></i>Posture de débrief</div>
<ul>
<li>Commencer par les points forts toujours. Un débrief qui commence par les axes d'amélioration
<li>Commencer par les points forts - toujours. Un débrief qui commence par les axes d'amélioration
ferme les personnes.</li>
<li>Ne pas tout dire : choisir 1 axe prioritaire par formateur, pas 5. Moins c'est plus efficace.</li>
<li>Si un formateur a eu du mal, ne le laissez pas partir avec une image dégradée de lui-même ancrez
<li>Si un formateur a eu du mal, ne le laissez pas partir avec une image dégradée de lui-même - ancrez
sur ce qui était solide.</li>
</ul>
</div>
@ -1477,8 +1477,8 @@
<li>Lire en détail les séquences de l'UF3 (RGPD, IA Act, sécurité), UF4 (accessibilité) et UF5
(éthique, biais, sobriété) dans le scénario</li>
<li>Compléter la fiche classe inversée : identifier 1 question difficile qu'un apprenant pourrait
poser et préparer une ébauche de réponse</li>
<li>Rappel : les séquences UF3/UF4/UF5 sont plus complexes à animer (réglementaire, éthique)
poser - et préparer une ébauche de réponse</li>
<li>Rappel : les séquences UF3/UF4/UF5 sont plus complexes à animer (réglementaire, éthique) -
choisissez une séquence qui vous sort de votre zone de confort</li>
</ul>
</div>
@ -1486,7 +1486,7 @@
<div class="tips-title"><i class="ti ti-bulb" aria-hidden="true"></i>Comment bien clore</div>
<ul>
<li>Un mot de chaque formateur : ce qu'il retient de la séance en une phrase.</li>
<li>Soyez précis sur la consigne l'ambiguïté ici génère de l'anxiété avant la séance 3.</li>
<li>Soyez précis sur la consigne - l'ambiguïté ici génère de l'anxiété avant la séance 3.</li>
<li>Rappeler la date et l'heure de la séance 3 avant de raccrocher.</li>
</ul>
</div>
@ -1550,9 +1550,13 @@
return;
}
if (num === 4) {
window.location.href = 'mercredi4_mise_en_situation_bilan_parcours.html';
return;
}
const prompts = {
4: "Prépare-moi le cours complet du Mercredi 4 — Deuxième micro-teaching & Approfondissement",
5: "Prépare-moi le cours complet du Mercredi 5 — Évaluation finale et certification"
5: "Prépare-moi le cours complet du Mercredi 5 - Évaluation finale et certification"
};
if (typeof sendPrompt === 'function') {

View File

@ -1071,7 +1071,7 @@
<body>
<div class="course-wrap">
<h2 style="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)">Cours complet Mercredi 3
<h2 style="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)">Cours complet Mercredi 3 -
Maîtriser UF3, UF4 et UF5 : sécurité, accessibilité, éthique, micro-teachings et jeux de rôle situations
difficiles
</h2>
@ -1116,16 +1116,16 @@
</ul>
</div>
<div class="section-label">Travail préparatoire classe inversée (~1h30)</div>
<div class="section-label">Travail préparatoire - classe inversée (~1h30)</div>
<div class="prep-card">
<h2><i class="ti ti-book" aria-hidden="true"></i>À faire avant la séance</h2>
<ul>
<li>Lire en détail les séquences de l'UF3 (RGPD, IA Act, shadow IA, sécurité), UF4 (accessibilité, WCAG, FALC,
déficiences) et UF5 (éthique, biais, sobriété, études de cas) dans le scénario IA-PRO.</li>
<li>Choisir une séquence UF3, UF4 ou UF5 et préparer une animation de 10 min intention pédagogique, méthode, 1
<li>Choisir une séquence UF3, UF4 ou UF5 et préparer une animation de 10 min - intention pédagogique, méthode, 1
exemple concret. Choisir une séquence qui sort de votre zone de confort.</li>
<li>Compléter la fiche classe inversée : identifier 1 question difficile qu'un apprenant pourrait poser sur la
séquence choisie et préparer une ébauche de réponse.</li>
séquence choisie - et préparer une ébauche de réponse.</li>
</ul>
</div>
@ -1139,7 +1139,7 @@
</div>
<div class="vi"><span class="vi-tag">UF4</span>
<div class="vi-text">Les apprenants peuvent avoir des vécus personnels liés au handicap (eux-mêmes ou un
proche). Soigner l'introduction et le cadre de la séquence ne pas ouvrir le sujet sans avoir posé un
proche). Soigner l'introduction et le cadre de la séquence - ne pas ouvrir le sujet sans avoir posé un
espace de parole sécurisé.</div>
</div>
<div class="vi"><span class="vi-tag">UF5</span>
@ -1176,7 +1176,7 @@
<div class="detail-label">Description</div>
<div class="detail-text">Retour collectif sur les lectures UF3/UF4/UF5 : questions difficiles préparées,
points sensibles identifiés, premières ébauches de réponse. La séquence est plus courte que les autres
mercredis (0h15 vs 0h20) les formateurs connaissent maintenant le format, le débrief peut aller plus
mercredis (0h15 vs 0h20) - les formateurs connaissent maintenant le format, le débrief peut aller plus
vite.</div>
</div>
<div class="detail-section">
@ -1195,7 +1195,7 @@
<div class="tips-box">
<div class="tips-title"><i class="ti ti-bulb" aria-hidden="true"></i>Conseil d'animation</div>
<ul>
<li>15 minutes, pas une de plus. Le groupe sait maintenant ce que c'est pas besoin de sur-expliquer
<li>15 minutes, pas une de plus. Le groupe sait maintenant ce que c'est - pas besoin de sur-expliquer
le format.</li>
<li>Les questions difficiles préparées sont de l'or : notez-les toutes au tableau blanc. Elles
structurent les coulisses qui suivent.</li>
@ -1219,7 +1219,7 @@
<div class="seq-header">
<div>
<div class="seq-num">13h45 · Séquence 2</div>
<div class="seq-title">Coulisses de l'UF3 RGPD, IA Act & shadow AI</div>
<div class="seq-title">Coulisses de l'UF3 - RGPD, IA Act & shadow AI</div>
</div>
<span class="seq-tag tag-analyse">Présentation + jeu de rôle</span>
<i class="ti ti-chevron-down seq-toggle" aria-hidden="true"></i>
@ -1235,39 +1235,39 @@
<div class="detail-section">
<div class="detail-label">Les 4 points clés à traiter</div>
<ul class="detail-list">
<li><strong>Reformuler le RGPD et l'IA Act de façon accessible (Ch.1, 0h45)</strong> ne pas citer
<li><strong>Reformuler le RGPD et l'IA Act de façon accessible (Ch.1, 0h45)</strong> - ne pas citer
les articles, raconter les principes : "l'IA peut utiliser vos prompts pour se réentraîner", "certains
modèles hébergés hors UE exposent vos données". La formule clé à enseigner : "Je ne suis pas juriste
pour votre situation précise, consultez votre DPO ou service juridique."</li>
<li><strong>Animer le brainstorming "bonnes pratiques" (Ch.1, 0h30)</strong> méthode brainstorming :
- pour votre situation précise, consultez votre DPO ou service juridique."</li>
<li><strong>Animer le brainstorming "bonnes pratiques" (Ch.1, 0h30)</strong> - méthode brainstorming :
aucune réponse n'est mauvaise en phase d'émergence. Le formateur note tout, puis structure. Risque :
que les apprenants listent des contraintes sans voir les opportunités. Rééquilibrer en fin de
séquence.</li>
<li><strong>Gouvernance et gestion des accès (Ch.1, 0h30)</strong> la question "qui a accès à quoi
<li><strong>Gouvernance et gestion des accès (Ch.1, 0h30)</strong> - la question "qui a accès à quoi
dans notre structure ?" peut révéler des pratiques non conformes existantes. Rester facilitateur, ne
pas juger. Le quiz de clôture aide à objectiver sans pointer du doigt.</li>
<li><strong>Shadow AI et risques internes (Ch.2, 0h45)</strong> vidéo + débat guidé. Le débat peut
<li><strong>Shadow AI et risques internes (Ch.2, 0h45)</strong> - vidéo + débat guidé. Le débat peut
devenir émotionnel si certains apprenants reconnaissent leurs propres pratiques. Posture : "il n'est
pas question de punir, mais de comprendre les risques pour mieux les gérer."</li>
</ul>
</div>
<div class="cert-box">
<div class="cert-title"><i class="ti ti-certificate" aria-hidden="true"></i>Entraînement certification C3 (10 min)</div>
<p>Corriger un prompt non conforme RGPD et analyser un cas éthique selon l'IA Act. Exercice en groupe
<div class="cert-title"><i class="ti ti-certificate" aria-hidden="true"></i>Entraînement certification - C3 (10 min)</div>
<p>Corriger un prompt non conforme RGPD et analyser un cas éthique selon l'IA Act. Exercice en groupe -
un cas est soumis au collectif, chacun propose sa correction, mise en commun. Critères Cr3.1 à Cr3.3.</p>
</div>
<div class="warn-box">
<i class="ti ti-alert-triangle" aria-hidden="true"></i>
<p><strong>Point de vigilance absolu :</strong> si un apprenant pose une question précise sur sa
situation légale ("est-ce que mon entreprise risque quelque chose si..."), ne pas répondre. Formuler clairement
: "Ce n'est pas mon rôle de vous conseiller juridiquement je peux vous dire ce que dit le RGPD en
: "Ce n'est pas mon rôle de vous conseiller juridiquement - je peux vous dire ce que dit le RGPD en
général, mais pour votre situation précise, consultez un professionnel."</p>
</div>
<div class="tips-box">
<div class="tips-title"><i class="ti ti-bulb" aria-hidden="true"></i>Conseils d'animation</div>
<ul>
<li>Préparez 2-3 exemples concrets d'incidents shadow AI (Samsung/ChatGPT, données client dans un
prompt) les faits réels sont plus efficaces qu'un discours.</li>
prompt) - les faits réels sont plus efficaces qu'un discours.</li>
<li>Sur le RGPD : une slide avec les 3 questions à se poser avant d'utiliser un outil IA suffit. Pas
de tableau de conformité.</li>
</ul>
@ -1290,7 +1290,7 @@
<div class="seq-header">
<div>
<div class="seq-num">14h20 · Séquence 3</div>
<div class="seq-title">Coulisses de l'UF4 & UF5 Accessibilité & Éthique</div>
<div class="seq-title">Coulisses de l'UF4 & UF5 - Accessibilité & Éthique</div>
</div>
<span class="seq-tag tag-analyse">Présentation + discussion</span>
<i class="ti ti-chevron-down seq-toggle" aria-hidden="true"></i>
@ -1304,40 +1304,40 @@
mobilisent les vécus personnels. L'entraînement certification C4/C5/C6 est intégré.</div>
</div>
<div class="detail-section">
<div class="detail-label">UF4 ce qu'il faut maîtriser pour l'enseigner</div>
<div class="detail-label">UF4 - ce qu'il faut maîtriser pour l'enseigner</div>
<ul class="detail-list">
<li><strong>Le brainstorming accessibilité en visio (Ch.1, 0h45)</strong> tableau blanc
<li><strong>Le brainstorming accessibilité en visio (Ch.1, 0h45)</strong> - tableau blanc
collaboratif. Consigne à préparer soigneusement : "Qu'est-ce qui peut rendre un contenu numérique inaccessible ?"
Laisser émerger, ne pas corriger en temps réel. La mise en commun structure les réponses en
catégories (visuel, auditif, cognitif, moteur).</li>
<li><strong>Les spécificités déficience visuelle et auditive (Ch.2)</strong> méthode "veille et mise
<li><strong>Les spécificités déficience visuelle et auditive (Ch.2)</strong> - méthode "veille et mise
en commun" : chaque binôme cherche un exemple concret sur son secteur, puis partage. Le formateur
n'est pas l'expert de toutes les situations de handicap et c'est normal. Formulaire : "Je ne
n'est pas l'expert de toutes les situations de handicap - et c'est normal. Formulaire : "Je ne
connais pas tous les cas, mais voici les principes."</li>
<li><strong>Le FALC (Facile À Lire et à Comprendre)</strong> outil concret à démontrer en direct.
<li><strong>Le FALC (Facile À Lire et à Comprendre)</strong> - outil concret à démontrer en direct.
Prenez un texte dense et demandez à l'IA de le réécrire en FALC. Le résultat est immédiatement
parlant.</li>
</ul>
</div>
<div class="detail-section">
<div class="detail-label">UF5 ce qu'il faut maîtriser pour l'enseigner</div>
<div class="detail-label">UF5 - ce qu'il faut maîtriser pour l'enseigner</div>
<ul class="detail-list">
<li><strong>Le TP retro-prompting sur les biais (Ch.2, 0h45)</strong> la séquence la plus risquée de
<li><strong>Le TP retro-prompting sur les biais (Ch.2, 0h45)</strong> - la séquence la plus risquée de
l'UF5. Les apprenants découvrent en direct les biais de l'IA (stéréotypes de genre, biais culturels,
hallucinations). Deux réactions possibles : effroi ("l'IA est dangereuse") ou déni ("c'est
exagéré"). Le formateur tient le cap : "les biais existent, ils sont documentés, voici comment les repérer et
les limiter."</li>
<li><strong>Sobriété numérique — chiffres sans culpabilisation (Ch.3, 0h30)</strong> vidéo + débat.
<li><strong>Sobriété numérique - chiffres sans culpabilisation (Ch.3, 0h30)</strong> - vidéo + débat.
Les chiffres (consommation énergétique, eau des data centers) peuvent créer de la culpabilité
paralysante. L'objectif n'est pas de faire arrêter l'IA, mais de conscientiser et d'orienter vers
des pratiques raisonnées. Formulaire : "Ce n'est pas tout ou rien."</li>
<li><strong>Responsabilité dans l'usage des contenus IA (Ch.2, 0h30)</strong> "Qui est responsable
<li><strong>Responsabilité dans l'usage des contenus IA (Ch.2, 0h30)</strong> - "Qui est responsable
de quoi ?" Réponse simple à ancrer : l'utilisateur est toujours responsable du contenu produit avec
l'aide de l'IA. L'IA n'est pas un alibi.</li>
</ul>
</div>
<div class="cert-box">
<div class="cert-title"><i class="ti ti-certificate" aria-hidden="true"></i>Entraînement certification C4, C5 & C6 (10 min)</div>
<div class="cert-title"><i class="ti ti-certificate" aria-hidden="true"></i>Entraînement certification - C4, C5 & C6 (10 min)</div>
<p>Rédiger un prompt inclusif et optimiser un contenu généré selon des critères FALC et accessibilité
(C4/C5, Cr4.1-Cr4.3, Cr5.1-Cr5.2). Analyser un cas éthique selon l'IA Act (C6). Exercice individuel,
correction collective.</p>
@ -1345,11 +1345,11 @@
<div class="tips-box">
<div class="tips-title"><i class="ti ti-bulb" aria-hidden="true"></i>Conseils d'animation</div>
<ul>
<li>UF4 : commencer par demander si quelqu'un dans le groupe a un proche en situation de handicap
<li>UF4 : commencer par demander si quelqu'un dans le groupe a un proche en situation de handicap -
pas pour l'exposer, mais pour signifier que le sujet peut être personnel et que c'est bienvenu.</li>
<li>UF5 / biais : montrer un exemple de biais en live (demander à une IA de décrire "un médecin", "une
infirmière", observer les stéréotypes dans les réponses) plutôt qu'expliquer en théorie.</li>
<li>Sobriété : éviter "chaque requête ChatGPT = X cl d'eau" en ouverture ça ferme. Partir plutôt de
<li>Sobriété : éviter "chaque requête ChatGPT = X cl d'eau" en ouverture - ça ferme. Partir plutôt de
"à quoi ressemblerait une utilisation raisonnée de l'IA dans votre structure ?"</li>
</ul>
</div>
@ -1369,7 +1369,7 @@
<div class="seq-content">
<div class="pause-card">
<i class="ti ti-coffee" style="font-size:18px;color:var(--ink3);" aria-hidden="true"></i>
<span>Pause 14h50 à 15h05</span>
<span>Pause - 14h50 à 15h05</span>
</div>
</div>
</div>
@ -1395,18 +1395,18 @@
<div class="seq-details">
<div class="detail-section">
<div class="detail-label">Description</div>
<div class="detail-text">Même format qu'au Mercredi 2 mais les séquences sont plus complexes à animer.
<div class="detail-text">Même format qu'au Mercredi 2 - mais les séquences sont plus complexes à animer.
Contenus réglementaires, sujets sensibles, positions tranchées des apprenants simulés. L'enjeu n'est
plus seulement la maîtrise du contenu, c'est la gestion de la salle.</div>
</div>
<div class="detail-section">
<div class="detail-label">Ce qui change par rapport au Mercredi 2</div>
<ul class="detail-list">
<li>Les observateurs reçoivent une consigne supplémentaire : jouer un apprenant "difficile" qui
<li>Les observateurs reçoivent une consigne supplémentaire : jouer un apprenant "difficile" - qui
conteste, qui dit "je sais déjà", ou qui partage un vécu personnel fort. Chaque formateur doit gérer
au moins une de ces situations pendant son passage</li>
<li>La grille d'observation reste la même (contenu / méthode / posture) mais la dimension Posture
prend plus de poids sur ces contenus noter spécifiquement comment le formateur gère l'inattendu
prend plus de poids sur ces contenus - noter spécifiquement comment le formateur gère l'inattendu
émotionnel</li>
<li>Si un formateur a choisi une séquence UF5 éthique, le formateur référent peut relancer avec une
question provocante en Q&R simulé</li>
@ -1415,12 +1415,12 @@
<div class="tips-box">
<div class="tips-title"><i class="ti ti-bulb" aria-hidden="true"></i>Conseils d'animation</div>
<ul>
<li>Briefer les "apprenants difficiles" avant d'ouvrir les micro-teachings donner un rôle précis,
<li>Briefer les "apprenants difficiles" avant d'ouvrir les micro-teachings - donner un rôle précis,
pas une liberté totale. Ex. : "Tu es un apprenant qui utilise déjà l'IA depuis 2 ans et tu trouves les
explications RGPD trop basiques."</li>
<li>Chronométrer visible les séquences UF3/UF4/UF5 ont tendance à déborder sur le temps
<li>Chronométrer visible - les séquences UF3/UF4/UF5 ont tendance à déborder sur le temps
réglementaire ou éthique.</li>
<li>Ne pas couper un formateur au milieu d'un moment délicat attendre une transition naturelle.</li>
<li>Ne pas couper un formateur au milieu d'un moment délicat - attendre une transition naturelle.</li>
</ul>
</div>
</div>
@ -1450,7 +1450,7 @@
<div class="detail-section">
<div class="detail-label">Description</div>
<div class="detail-text">Double temps : retour sur les micro-teachings (15 min) puis jeu de rôle collectif sur
la gestion des situations difficiles (15 min). C'est la séquence la plus singulière du parcours elle
la gestion des situations difficiles (15 min). C'est la séquence la plus singulière du parcours - elle
prépare à ce que les formations UF3/UF4/UF5 réservent vraiment sur le terrain.</div>
</div>
<div class="detail-section">
@ -1458,14 +1458,14 @@
<ul class="detail-list">
<li>Même structure qu'au Mercredi 2 : autoévaluation 1 min → grille observateurs → synthèse formateur
référent</li>
<li>Focus additionnel : comment chacun a géré l'apprenant difficile qu'est-ce qui a fonctionné,
<li>Focus additionnel : comment chacun a géré l'apprenant difficile - qu'est-ce qui a fonctionné,
qu'est-ce qui a bloqué</li>
<li>Le formateur référent nomme les stratégies efficaces observées elles seront réutilisées dans le
<li>Le formateur référent nomme les stratégies efficaces observées - elles seront réutilisées dans le
jeu de rôle</li>
</ul>
</div>
<div class="detail-section">
<div class="detail-label">Jeu de rôle situations difficiles (15 min)</div>
<div class="detail-label">Jeu de rôle - situations difficiles (15 min)</div>
<div class="detail-text">3 scénarios en rotation rapide. Un formateur joue le formateur, un autre joue
l'apprenant difficile. Le reste du groupe observe et propose des alternatives après chaque scénario.
</div>
@ -1473,7 +1473,7 @@
<div class="jr-box">
<div class="jr-title"><i class="ti ti-theater" aria-hidden="true"></i>3 scénarios à jouer</div>
<div class="jr-scenario">
<div class="jr-s-tag">Scénario 1 "Je sais déjà"</div>
<div class="jr-s-tag">Scénario 1 - "Je sais déjà"</div>
<div class="jr-s-q">Un apprenant dit pendant l'UF3 : "Tout ça je le sais, on nous l'a déjà dit 10
fois. Est-ce qu'on peut passer à quelque chose d'utile ?"</div>
<div class="jr-s-r"><strong>Stratégies à explorer :</strong> valoriser l'expertise ("parfait, alors tu
@ -1481,7 +1481,7 @@
proposer un rôle d'expert-ressource pour le groupe.</div>
</div>
<div class="jr-scenario">
<div class="jr-s-tag">Scénario 2 Position tranchée</div>
<div class="jr-s-tag">Scénario 2 - Position tranchée</div>
<div class="jr-s-q">Pendant l'UF5 éthique : "L'IA va détruire des emplois, c'est une catastrophe. Je
ne comprends pas qu'on forme des gens à utiliser un outil qui va les remplacer."</div>
<div class="jr-s-r"><strong>Stratégies à explorer :</strong> accueillir sans valider ni invalider
@ -1490,7 +1490,7 @@
collective.</div>
</div>
<div class="jr-scenario">
<div class="jr-s-tag">Scénario 3 Vécu personnel fort</div>
<div class="jr-s-tag">Scénario 3 - Vécu personnel fort</div>
<div class="jr-s-q">Pendant l'UF4 accessibilité : un apprenant dit "Mon fils est autiste, et ce que
vous décrivez là c'est vraiment ce qu'il vit. Je ne m'attendais pas à en parler en formation."</div>
<div class="jr-s-r"><strong>Stratégies à explorer :</strong> accueillir avec soin ("merci de partager
@ -1503,9 +1503,9 @@
<ul>
<li>Après chaque scénario, posez la même question : "Qu'est-ce qui a fonctionné ? Qu'est-ce que vous
feriez autrement ?"</li>
<li>Ne donnez pas la "bonne réponse" il n'y en a pas une seule. L'objectif est d'élargir le
<li>Ne donnez pas la "bonne réponse" - il n'y en a pas une seule. L'objectif est d'élargir le
répertoire de chacun.</li>
<li>Le scénario 3 peut être émotionnellement chargé si quelqu'un dans le groupe est touché, marquez
<li>Le scénario 3 peut être émotionnellement chargé - si quelqu'un dans le groupe est touché, marquez
une pause courte avant de continuer.</li>
</ul>
</div>
@ -1536,11 +1536,11 @@
<div class="detail-section">
<div class="detail-label">Ce que vous annoncez</div>
<ul class="detail-list">
<li>Préparer une animation de 20 min (séquence au choix, toutes UF) c'est la mise en situation
<li>Préparer une animation de 20 min (séquence au choix, toutes UF) - c'est la mise en situation
finale, plus longue et plus exigeante que les micro-teachings</li>
<li>Rédiger une note de préparation courte (3-4 phrases) : intention pédagogique, méthode retenue,
adaptation prévue pour la visio</li>
<li>Compléter la grille d'autoévaluation à blanc : s'évaluer soi-même avant la mise en situation
<li>Compléter la grille d'autoévaluation à blanc : s'évaluer soi-même avant la mise en situation -
sans complaisance</li>
<li>Le Mercredi 4 marque le passage vers la Phase 2 (co-animation) : chaque formateur repart avec ses
premières séquences attribuées</li>
@ -1550,7 +1550,7 @@
<div class="tips-title"><i class="ti ti-bulb" aria-hidden="true"></i>Comment bien clore</div>
<ul>
<li>Un mot de chaque formateur : ce qu'il retient de la séance en une phrase.</li>
<li>Soyez précis sur la consigne l'ambiguïté ici génère de l'anxiété avant la séance 4.</li>
<li>Soyez précis sur la consigne - l'ambiguïté ici génère de l'anxiété avant la séance 4.</li>
<li>Rappeler la date et l'heure du Mercredi 4 avant de raccrocher.</li>
</ul>
</div>
@ -1562,22 +1562,22 @@
</div>
<div class="footer-nav">
<div class="nav-btn" onclick="sendPrompt('Génère-moi la fiche classe inversée pour le Mercredi 3 UF3, UF4 et UF5')">
<div class="nav-btn" onclick="sendPrompt('Génère-moi la fiche classe inversée pour le Mercredi 3 - UF3, UF4 et UF5')">
<i class="ti ti-file-plus nb-icon" aria-hidden="true"></i>
<div>
<div class="nb-label">Ressource</div>
<div class="nb-title">Fiche classe inversée Mercredi 3 ↗</div>
</div>
</div>
<div class="nav-btn" onclick="sendPrompt('Génère-moi un entraînement pour la certification C3 RGPD et IA Act')">
<div class="nav-btn" onclick="sendPrompt('Génère-moi un entraînement pour la certification C3 - RGPD et IA Act')">
<i class="ti ti-certificate nb-icon" aria-hidden="true"></i>
<div>
<div class="nb-label">Entraînement</div>
<div class="nb-title">Certification C3 RGPD & IA Act ↗</div>
<div class="nb-title">Certification C3 - RGPD & IA Act ↗</div>
</div>
</div>
<div class="nav-btn"
onclick="sendPrompt('Prépare-moi le cours complet du Mercredi 4 — Mise en situation complète et bilan de parcours')">
onclick="goToSession(4)">
<i class="ti ti-arrow-right nb-icon" aria-hidden="true"></i>
<div>
<div class="nb-label">Suite du parcours</div>
@ -1612,9 +1612,13 @@
return;
}
if (num === 4) {
window.location.href = 'mercredi4_mise_en_situation_bilan_parcours.html';
return;
}
const prompts = {
4: "Prépare-moi le cours complet du Mercredi 4 — Mise en situation complète et bilan de parcours",
5: "Prépare-moi le cours complet du Mercredi 5 — Évaluation finale et certification"
5: "Prépare-moi le cours complet du Mercredi 5 - Évaluation finale et certification"
};
if (typeof sendPrompt === 'function') {

File diff suppressed because it is too large Load Diff