feat: add course module for Wednesday 4 and update index and navigation links
This commit is contained in:
sebvtl728
@@ -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') {
|
||||
|
||||
Reference in New Issue
Block a user