245 lines
17 KiB
HTML
245 lines
17 KiB
HTML
|
||
<style>
|
||
*{box-sizing:border-box;margin:0;padding:0;}
|
||
.wrap{font-family:var(--font-sans);color:var(--color-text-primary);max-width:740px;margin:0 auto;padding:0 0 2rem;}
|
||
|
||
.doc-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;border-bottom:2px solid var(--color-text-primary);padding-bottom:1rem;margin-bottom:1.5rem;}
|
||
.kicker{font-size:9px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:5px;}
|
||
.doc-title{font-size:20px;font-weight:500;color:var(--color-text-primary);line-height:1.2;}
|
||
.ref-badge{background:#EEEDFE;border:0.5px solid #AFA9EC;border-radius:var(--border-radius-md);padding:6px 14px;text-align:center;flex-shrink:0;}
|
||
.rb-top{font-size:9px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#534AB7;}
|
||
.rb-bot{font-size:12px;font-weight:500;color:#3C3489;}
|
||
|
||
.notice{background:var(--color-background-secondary);border-left:3px solid #534AB7;border-radius:0;padding:.75rem 1rem;margin-bottom:1.5rem;display:flex;gap:10px;align-items:flex-start;}
|
||
.notice i{color:#534AB7;font-size:15px;flex-shrink:0;margin-top:1px;}
|
||
.notice p{font-size:12.5px;color:var(--color-text-secondary);line-height:1.6;}
|
||
.notice strong{color:var(--color-text-primary);font-weight:500;}
|
||
|
||
.seq-block{margin-bottom:1.25rem;border:0.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);overflow:hidden;}
|
||
|
||
.seq-head{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-background-secondary);border-bottom:0.5px solid var(--color-border-tertiary);}
|
||
.seq-group-badge{font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;background:var(--color-background-primary);border:0.5px solid var(--color-border-secondary);border-radius:20px;padding:3px 10px;color:var(--color-text-secondary);white-space:nowrap;}
|
||
.seq-head-text{}
|
||
.seq-uf{font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary);}
|
||
.seq-name{font-size:13px;font-weight:500;color:var(--color-text-primary);}
|
||
|
||
.triptyque-cols{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;}
|
||
|
||
.tcol{padding:14px 16px;border-right:0.5px solid var(--color-border-tertiary);}
|
||
.tcol:last-child{border-right:none;}
|
||
|
||
.tcol-head{display:flex;align-items:center;gap:7px;margin-bottom:10px;padding-bottom:8px;border-bottom:0.5px solid var(--color-border-tertiary);}
|
||
.tcol-icon{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;}
|
||
.ico-p{background:#EEEDFE;color:#534AB7;}
|
||
.ico-t{background:#E1F5EE;color:#0F6E56;}
|
||
.ico-a{background:#FAEEDA;color:#854F0B;}
|
||
.tcol-label{font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;}
|
||
.lbl-p{color:#534AB7;}
|
||
.lbl-t{color:#0F6E56;}
|
||
.lbl-a{color:#854F0B;}
|
||
|
||
.answer{font-size:12.5px;color:var(--color-text-primary);line-height:1.65;margin-bottom:8px;}
|
||
.answer:last-child{margin-bottom:0;}
|
||
|
||
.key-point{background:#EEEDFE;border-radius:4px;padding:3px 8px;font-size:11.5px;color:#3C3489;display:inline-block;margin-top:4px;line-height:1.5;}
|
||
.key-point-t{background:#E1F5EE;color:#085041;}
|
||
.key-point-a{background:#FAEEDA;color:#633806;}
|
||
|
||
.alert-row{display:flex;align-items:flex-start;gap:7px;margin-top:8px;padding-top:8px;border-top:0.5px dashed var(--color-border-tertiary);}
|
||
.alert-row i{font-size:13px;color:#BA7517;flex-shrink:0;margin-top:1px;}
|
||
.alert-row p{font-size:11.5px;color:var(--color-text-secondary);line-height:1.5;}
|
||
.alert-row strong{color:#633806;font-weight:500;}
|
||
|
||
.debrief-block{margin-top:1.25rem;border:0.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);overflow:hidden;}
|
||
.debrief-head{background:var(--color-background-secondary);border-bottom:0.5px solid var(--color-border-tertiary);padding:10px 16px;display:flex;align-items:center;gap:8px;}
|
||
.debrief-head-label{font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-secondary);}
|
||
.debrief-body{padding:14px 16px;display:flex;flex-direction:column;gap:10px;}
|
||
.db-item{display:flex;align-items:flex-start;gap:10px;}
|
||
.db-num{width:22px;height:22px;border-radius:50%;background:#EEEDFE;border:0.5px solid #AFA9EC;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:500;color:#3C3489;flex-shrink:0;margin-top:1px;}
|
||
.db-text{font-size:12.5px;color:var(--color-text-primary);line-height:1.6;}
|
||
.db-text strong{font-weight:500;color:var(--color-text-primary);}
|
||
|
||
.print-row{display:flex;justify-content:flex-end;margin-top:1.25rem;}
|
||
.print-btn{font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;background:#EEEDFE;border:0.5px solid #AFA9EC;border-radius:var(--border-radius-md);color:#3C3489;padding:6px 14px;cursor:pointer;display:flex;align-items:center;gap:6px;}
|
||
.print-btn:hover{background:#E0DEFB;}
|
||
</style>
|
||
|
||
<div class="wrap">
|
||
<h2 style="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)">Corrigé de référence de la grille triptyque Contenu–Méthode–Posture pour le formateur référent, Mercredi 1</h2>
|
||
|
||
<div class="doc-header">
|
||
<div>
|
||
<div class="kicker">Mercredi 1 · Atelier breakout rooms · Usage formateur référent uniquement</div>
|
||
<div class="doc-title">Corrigé de référence — grille triptyque</div>
|
||
</div>
|
||
<div class="ref-badge">
|
||
<div class="rb-top">Réservé</div>
|
||
<div class="rb-bot">Formateur référent</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="notice">
|
||
<i class="ti ti-info-circle" aria-hidden="true"></i>
|
||
<p>Ce corrigé n'est pas une vérité absolue : c'est votre <strong>boussole de recadrage</strong> pendant la restitution plénière. Les groupes peuvent trouver des réponses différentes et tout aussi valides — l'objectif n'est pas de corriger, mais d'enrichir et de pointer ce qui serait manquant ou inexact.</p>
|
||
</div>
|
||
|
||
<div class="seq-block">
|
||
<div class="seq-head">
|
||
<span class="seq-group-badge">Groupe A</span>
|
||
<div class="seq-head-text">
|
||
<div class="seq-uf">UF1 · Ch.1 · Séq. 1.1 · 0h45</div>
|
||
<div class="seq-name">Définition, historique & types d'IA</div>
|
||
</div>
|
||
</div>
|
||
<div class="triptyque-cols">
|
||
<div class="tcol">
|
||
<div class="tcol-head">
|
||
<div class="tcol-icon ico-p"><i class="ti ti-file-text" aria-hidden="true"></i></div>
|
||
<span class="tcol-label lbl-p">Contenu</span>
|
||
</div>
|
||
<p class="answer">Les apprenants doivent repartir avec une représentation claire de ce qu'est l'IA générative — pas une définition technique, mais une image mentale utile pour leur métier.</p>
|
||
<p class="answer">Points clés à transmettre : distinction IA faible / IA générative, grandes familles d'outils (texte, image, code, audio), idée que l'IA prédit le mot suivant — pas qu'elle "pense".</p>
|
||
<span class="key-point">Ne pas aller trop loin dans l'historique : l'essentiel est le contexte actuel, pas une chronologie exhaustive.</span>
|
||
</div>
|
||
<div class="tcol">
|
||
<div class="tcol-head">
|
||
<div class="tcol-icon ico-t"><i class="ti ti-tools" aria-hidden="true"></i></div>
|
||
<span class="tcol-label lbl-t">Méthode</span>
|
||
</div>
|
||
<p class="answer">Classe inversée en amont (lecture du panorama IA) + débrief collectif en séance. La méthode est délibérément légère : cette séquence pose le contexte, elle ne forme pas encore.</p>
|
||
<p class="answer">Les échanges guidés sont la méthode principale : le formateur part des représentations existantes des apprenants, pas d'un cours ex cathedra.</p>
|
||
<span class="key-point key-point-t">Signe que la méthode fonctionne : les apprenants parlent plus que le formateur dans cette séquence.</span>
|
||
<div class="alert-row">
|
||
<i class="ti ti-alert-triangle" aria-hidden="true"></i>
|
||
<p>Erreur fréquente : transformer cette séquence en exposé magistral. Si vous avez préparé 20 slides sur l'historique de l'IA, c'est trop.</p>
|
||
</div>
|
||
</div>
|
||
<div class="tcol">
|
||
<div class="tcol-head">
|
||
<div class="tcol-icon ico-a"><i class="ti ti-user-check" aria-hidden="true"></i></div>
|
||
<span class="tcol-label lbl-a">Posture</span>
|
||
</div>
|
||
<p class="answer">Facilitateur qui contextualise. Pas l'expert qui sait tout sur l'IA — mais le professionnel qui aide à relier l'IA aux réalités du métier de l'apprenant.</p>
|
||
<p class="answer">Posture d'explorateur partagé : "Voilà ce que je sais, voilà ce qui reste ouvert." L'IA évolue vite — prétendre tout maîtriser crédibilise moins qu'assumer les zones d'incertitude.</p>
|
||
<span class="key-point key-point-a">Le piège : adopter une posture d'expert omniscient dès l'UF1. Ça ferme les questions des apprenants.</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="seq-block">
|
||
<div class="seq-head">
|
||
<span class="seq-group-badge">Groupe B</span>
|
||
<div class="seq-head-text">
|
||
<div class="seq-uf">UF1 · Ch.2 · Séq. 1.5 · 1h30</div>
|
||
<div class="seq-name">Les optimisations & opportunités envisageables</div>
|
||
</div>
|
||
</div>
|
||
<div class="triptyque-cols">
|
||
<div class="tcol">
|
||
<div class="tcol-head">
|
||
<div class="tcol-icon ico-p"><i class="ti ti-file-text" aria-hidden="true"></i></div>
|
||
<span class="tcol-label lbl-p">Contenu</span>
|
||
</div>
|
||
<p class="answer">Identifier concrètement quelles tâches professionnelles peuvent être déléguées à l'IA, lesquelles ne le peuvent pas, et pourquoi. Ce n'est pas un cours théorique — c'est une analyse du poste de travail réel de l'apprenant.</p>
|
||
<p class="answer">Points clés : critères d'une tâche "IA-compatible" (répétitive, basée sur du langage, sans enjeu légal critique), exemples par secteur, limites à ne pas franchir (décisions RH, données sensibles, validation médicale…).</p>
|
||
<span class="key-point">C'est la séquence la plus personnalisable du scénario — chaque apprenant repart avec une cartographie propre à son métier.</span>
|
||
</div>
|
||
<div class="tcol">
|
||
<div class="tcol-head">
|
||
<div class="tcol-icon ico-t"><i class="ti ti-tools" aria-hidden="true"></i></div>
|
||
<span class="tcol-label lbl-t">Méthode</span>
|
||
</div>
|
||
<p class="answer">Travaux de réflexion individuelle puis partage collectif. L'apprenant liste ses tâches récurrentes, les classe selon leur compatibilité IA, puis partage en binôme ou en groupe.</p>
|
||
<p class="answer">L'étude de cas est utilisée pour ancrer : on part de situations réelles (un email de relance, un compte-rendu, une fiche produit) et on teste ensemble si l'IA peut aider.</p>
|
||
<span class="key-point key-point-t">La méthode est inductive : on part du terrain, pas des concepts.</span>
|
||
<div class="alert-row">
|
||
<i class="ti ti-alert-triangle" aria-hidden="true"></i>
|
||
<p>Piège fréquent : lister des cas génériques ("l'IA peut faire des résumés") sans ancrage dans le métier précis du groupe. Perdez ce lien et vous perdez l'engagement.</p>
|
||
</div>
|
||
</div>
|
||
<div class="tcol">
|
||
<div class="tcol-head">
|
||
<div class="tcol-icon ico-a"><i class="ti ti-user-check" aria-hidden="true"></i></div>
|
||
<span class="tcol-label lbl-a">Posture</span>
|
||
</div>
|
||
<p class="answer">Facilitateur de débat, neutre sur les cas limites. Quand la question "est-ce que l'IA peut faire ça ?" est complexe (aspects légaux, éthiques), le formateur ne tranche pas : il pose le problème et ouvre la réflexion.</p>
|
||
<p class="answer">Posture de miroir : renvoyer les réponses au groupe plutôt que les valider ou invalider immédiatement. "Qu'en pensent les autres ?" est une formule clé de cette séquence.</p>
|
||
<span class="key-point key-point-a">Le formateur est moins "sachant" ici que dans l'UF1 Ch.1 — c'est voulu. Les apprenants connaissent mieux leur métier que vous.</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="seq-block">
|
||
<div class="seq-head">
|
||
<span class="seq-group-badge">Groupe C</span>
|
||
<div class="seq-head-text">
|
||
<div class="seq-uf">UF2 · Ch.1 · Prompt engineering · 1h00</div>
|
||
<div class="seq-name">Rédiger des prompts efficaces</div>
|
||
</div>
|
||
</div>
|
||
<div class="triptyque-cols">
|
||
<div class="tcol">
|
||
<div class="tcol-head">
|
||
<div class="tcol-icon ico-p"><i class="ti ti-file-text" aria-hidden="true"></i></div>
|
||
<span class="tcol-label lbl-p">Contenu</span>
|
||
</div>
|
||
<p class="answer">Comprendre pourquoi la formulation d'une instruction change radicalement le résultat. Ce n'est pas une liste de recettes à mémoriser — c'est un raisonnement à intégrer.</p>
|
||
<p class="answer">Points clés : les 4 leviers d'un bon prompt (rôle, contexte, consigne, format) — souvent appelés structure RCCC ou ROCCO selon les versions du scénario. La notion d'itération : un prompt se raffine, il n'est jamais parfait du premier coup.</p>
|
||
<span class="key-point">Ce que l'apprenant doit savoir faire en sortant : écrire un prompt en 3 itérations pour une tâche de son métier. Pas réciter une méthode.</span>
|
||
</div>
|
||
<div class="tcol">
|
||
<div class="tcol-head">
|
||
<div class="tcol-icon ico-t"><i class="ti ti-tools" aria-hidden="true"></i></div>
|
||
<span class="tcol-label lbl-t">Méthode</span>
|
||
</div>
|
||
<p class="answer">Démonstration live commentée : le formateur rédige un prompt en direct, montre le résultat, explique pourquoi il le reformule, montre le résultat amélioré. L'apprenant observe le raisonnement, pas juste la technique.</p>
|
||
<p class="answer">Puis pratique immédiate en atelier : chaque apprenant rédige un prompt sur une tâche réelle, le teste, l'améliore. Le formateur circule et commente à voix haute.</p>
|
||
<span class="key-point key-point-t">La démo live est irremplaçable ici — un slide avec "les 4 règles du bon prompt" ne suffit pas.</span>
|
||
<div class="alert-row">
|
||
<i class="ti ti-alert-triangle" aria-hidden="true"></i>
|
||
<p><strong>Erreur critique :</strong> ne pas préparer sa démo live à l'avance. Si le résultat est décevant en direct sans que vous sachiez pourquoi, vous perdez la crédibilité sur toute l'UF2.</p>
|
||
</div>
|
||
</div>
|
||
<div class="tcol">
|
||
<div class="tcol-head">
|
||
<div class="tcol-icon ico-a"><i class="ti ti-user-check" aria-hidden="true"></i></div>
|
||
<span class="tcol-label lbl-a">Posture</span>
|
||
</div>
|
||
<p class="answer">Praticien qui montre son raisonnement à voix haute. Pas l'expert qui livre un résultat parfait — le professionnel qui pense en public, y compris quand ça ne marche pas du premier coup.</p>
|
||
<p class="answer">"Je ne sais pas ce que ça va donner, on regarde ensemble" est une posture forte ici, pas une faiblesse. Elle modélise exactement la relation itérative que l'apprenant doit avoir avec l'IA.</p>
|
||
<span class="key-point key-point-a">C'est la séquence où la posture est la plus différenciante. Un formateur qui récite des règles vs un formateur qui explore en direct : le second convainc.</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="debrief-block">
|
||
<div class="debrief-head">
|
||
<i class="ti ti-message-dots" style="font-size:15px;color:var(--color-text-secondary);" aria-hidden="true"></i>
|
||
<span class="debrief-head-label">Points à insister lors de la restitution plénière</span>
|
||
</div>
|
||
<div class="debrief-body">
|
||
<div class="db-item">
|
||
<div class="db-num">1</div>
|
||
<div class="db-text"><strong>La posture est toujours la dimension sous-estimée.</strong> Les groupes complètent facilement Contenu et Méthode — Posture reste souvent vague ("être bienveillant", "être disponible"). Poussez-les vers quelque chose de concret et de différent selon la séquence.</div>
|
||
</div>
|
||
<div class="db-item">
|
||
<div class="db-num">2</div>
|
||
<div class="db-text"><strong>Le contenu n'est pas une liste exhaustive.</strong> Si un groupe a listé 10 points de contenu pour une séquence de 45 min, c'est trop. Accompagnez-les vers la hiérarchisation : qu'est-ce qui est essentiel vs secondaire ?</div>
|
||
</div>
|
||
<div class="db-item">
|
||
<div class="db-num">3</div>
|
||
<div class="db-text"><strong>La méthode doit servir le contenu — pas l'inverse.</strong> Si un groupe a mis "PowerPoint" comme méthode, questionnez : pourquoi ce choix ? Qu'est-ce que ça permet que les échanges ou la démo ne permettraient pas ?</div>
|
||
</div>
|
||
<div class="db-item">
|
||
<div class="db-num">4</div>
|
||
<div class="db-text"><strong>UF2 Prompt engineering est la séquence pivot.</strong> Si elle est mal animée (cours théorique sans démo, pas de pratique), tout le reste de l'UF2 perd de sa solidité. Insistez sur l'importance de la démo live préparée.</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="print-row">
|
||
<button class="print-btn" onclick="window.print()"><i class="ti ti-printer" aria-hidden="true"></i>Imprimer</button>
|
||
</div>
|
||
|
||
</div>
|