Actualiser index.html
This commit is contained in:
parent
5569ad5610
commit
54d60ae12b
44
index.html
44
index.html
@ -1025,7 +1025,7 @@
|
||||
<div class="fiche-header">
|
||||
<div class="header-left">
|
||||
<div class="fiche-kicker">Formation de formateurs IA-PRO · Classe inversée · Séance 2/5</div>
|
||||
<div class="fiche-title">Fiche de préparation<br />Mercredi 2 — Maîtriser UF1 & UF2</div>
|
||||
<div class="fiche-title">Fiche de préparation<br />Mercredi 2 - Maîtriser UF1 & UF2</div>
|
||||
</div>
|
||||
<div class="header-right">
|
||||
<!-- Estimated duration badge -->
|
||||
@ -1073,7 +1073,7 @@
|
||||
|
||||
<!-- Informative Intro Block -->
|
||||
<div class="intro-block">
|
||||
<p>Avant la séance, lisez en détail les séquences de <strong>l'UF1 (chapitres 1, 2 et 3)</strong> et de <strong>l'UF2 (chapitres 1 et 2)</strong> dans le scénario IA-PRO. Complétez ensuite cette fiche. Elle servira de point de départ au débrief collectif — et votre micro-teaching prend appui dessus.</p>
|
||||
<p>Avant la séance, lisez en détail les séquences de <strong>l'UF1 (chapitres 1, 2 et 3)</strong> et de <strong>l'UF2 (chapitres 1 et 2)</strong> dans le scénario IA-PRO. Complétez ensuite cette fiche. Elle servira de point de départ au débrief collectif - et votre micro-teaching prend appui dessus.</p>
|
||||
</div>
|
||||
|
||||
<!-- Warning Reminder capsule -->
|
||||
@ -1084,7 +1084,7 @@
|
||||
|
||||
<!-- PART 1 -->
|
||||
<div class="section-title">
|
||||
<i class="ti ti-layout-grid" aria-hidden="true"></i>Partie 1 — Lecture UF1 & UF2
|
||||
<i class="ti ti-layout-grid" aria-hidden="true"></i>Partie 1 - Lecture UF1 & UF2
|
||||
</div>
|
||||
|
||||
<!-- Question 1 -->
|
||||
@ -1093,15 +1093,15 @@
|
||||
<div class="q-num">1</div>
|
||||
<div class="q-text">Après votre lecture détaillée, quelle est la séquence de l'UF1 ou de l'UF2 qui vous a semblé la plus difficile à enseigner ? Pourquoi ?</div>
|
||||
</div>
|
||||
<p class="q-hint">Pas la plus difficile à comprendre — la plus difficile à transmettre à des apprenants.</p>
|
||||
<textarea class="write-area" rows="3" placeholder="Ex. : La démo outils (Ch.2 UF1) — parce que les interfaces changent vite et que je crains de perdre de la crédibilité si quelque chose ne fonctionne pas comme prévu…"></textarea>
|
||||
<p class="q-hint">Pas la plus difficile à comprendre - la plus difficile à transmettre à des apprenants.</p>
|
||||
<textarea class="write-area" rows="3" placeholder="Ex. : La démo outils (Ch.2 UF1) - parce que les interfaces changent vite et que je crains de perdre de la crédibilité si quelque chose ne fonctionne pas comme prévu…"></textarea>
|
||||
</div>
|
||||
|
||||
<!-- Question 2 -->
|
||||
<div class="question-block">
|
||||
<div class="q-header">
|
||||
<div class="q-num">2</div>
|
||||
<div class="q-text">Pour chacune des UF, identifiez la séquence qui vous semble être le vrai cœur pédagogique — celle sans laquelle le reste perd de son sens.</div>
|
||||
<div class="q-text">Pour chacune des UF, identifiez la séquence qui vous semble être le vrai cœur pédagogique - celle sans laquelle le reste perd de son sens.</div>
|
||||
</div>
|
||||
|
||||
<!-- Grid comprising all 2 UF cards -->
|
||||
@ -1126,29 +1126,29 @@
|
||||
<div class="question-block">
|
||||
<div class="q-header">
|
||||
<div class="q-num">3</div>
|
||||
<div class="q-text">Le scénario UF2 utilise la structure ROCCO pour le prompt engineering. Reformulez chaque lettre avec vos propres mots — comme si vous deviez l'expliquer à un apprenant débutant.</div>
|
||||
<div class="q-text">Le scénario UF2 utilise la structure ROCCO pour le prompt engineering. Reformulez chaque lettre avec vos propres mots - comme si vous deviez l'expliquer à un apprenant débutant.</div>
|
||||
</div>
|
||||
|
||||
<!-- ROCCO Grid -->
|
||||
<div class="rocco-grid">
|
||||
<div class="rg-item">
|
||||
<div class="rg-lbl">R — Rôle</div>
|
||||
<div class="rg-lbl">R - Rôle</div>
|
||||
<textarea class="write-area" rows="2" style="margin-top: 6px" placeholder="En vos mots…"></textarea>
|
||||
</div>
|
||||
<div class="rg-item">
|
||||
<div class="rg-lbl">O — Objectif</div>
|
||||
<div class="rg-lbl">O - Objectif</div>
|
||||
<textarea class="write-area" rows="2" style="margin-top: 6px" placeholder="En vos mots…"></textarea>
|
||||
</div>
|
||||
<div class="rg-item">
|
||||
<div class="rg-lbl">C — Contexte</div>
|
||||
<div class="rg-lbl">C - Contexte</div>
|
||||
<textarea class="write-area" rows="2" style="margin-top: 6px" placeholder="En vos mots…"></textarea>
|
||||
</div>
|
||||
<div class="rg-item">
|
||||
<div class="rg-lbl">C — Contraintes</div>
|
||||
<div class="rg-lbl">C - Contraintes</div>
|
||||
<textarea class="write-area" rows="2" style="margin-top: 6px" placeholder="En vos mots…"></textarea>
|
||||
</div>
|
||||
<div class="rg-item">
|
||||
<div class="rg-lbl">O — Output</div>
|
||||
<div class="rg-lbl">O - Output</div>
|
||||
<textarea class="write-area" rows="2" style="margin-top: 6px" placeholder="En vos mots…"></textarea>
|
||||
</div>
|
||||
<div class="rg-item">
|
||||
@ -1173,7 +1173,7 @@
|
||||
</div>
|
||||
<div class="mini-area-wrap">
|
||||
<span class="mini-label">Mon ébauche de réponse</span>
|
||||
<textarea class="write-area" rows="3" placeholder="Ce que je dirais aujourd'hui — même si incomplet ou incertain…"></textarea>
|
||||
<textarea class="write-area" rows="3" placeholder="Ce que je dirais aujourd'hui - même si incomplet ou incertain…"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1182,7 +1182,7 @@
|
||||
|
||||
<!-- PART 2 -->
|
||||
<div class="section-title">
|
||||
<i class="ti ti-player-play" aria-hidden="true"></i>Partie 2 — Préparation du micro-teaching (10 min)
|
||||
<i class="ti ti-player-play" aria-hidden="true"></i>Partie 2 - Préparation du micro-teaching (10 min)
|
||||
</div>
|
||||
|
||||
<div class="micro-block">
|
||||
@ -1197,7 +1197,7 @@
|
||||
</div>
|
||||
<div class="mb-row">
|
||||
<span class="mb-key">Intention pédagogique</span>
|
||||
<textarea class="write-area" rows="2" placeholder="Ce que l'apprenant doit comprendre ou savoir faire à l'issue de vos 10 min — 1 phrase max."></textarea>
|
||||
<textarea class="write-area" rows="2" placeholder="Ce que l'apprenant doit comprendre ou savoir faire à l'issue de vos 10 min - 1 phrase max."></textarea>
|
||||
</div>
|
||||
<div class="mb-row">
|
||||
<span class="mb-key">Méthode retenue</span>
|
||||
@ -1205,7 +1205,7 @@
|
||||
</div>
|
||||
<div class="mb-row">
|
||||
<span class="mb-key">Exemple concret préparé</span>
|
||||
<textarea class="write-area" rows="3" placeholder="L'exemple ou le cas que vous utiliserez — précis, ancré dans un contexte professionnel réel. Ex. : prompt pour rédiger un mail de relance commercial pour une PME agroalimentaire."></textarea>
|
||||
<textarea class="write-area" rows="3" placeholder="L'exemple ou le cas que vous utiliserez - précis, ancré dans un contexte professionnel réel. Ex. : prompt pour rédiger un mail de relance commercial pour une PME agroalimentaire."></textarea>
|
||||
</div>
|
||||
<div class="mb-row">
|
||||
<span class="mb-key">Ce que j'anticipe comme difficulté</span>
|
||||
@ -1213,7 +1213,7 @@
|
||||
</div>
|
||||
<div class="mb-row">
|
||||
<span class="mb-key">Posture visée</span>
|
||||
<textarea class="write-area" rows="2" placeholder="Ex. : Praticien qui montre son raisonnement à voix haute — pas expert qui récite des règles."></textarea>
|
||||
<textarea class="write-area" rows="2" placeholder="Ex. : Praticien qui montre son raisonnement à voix haute - pas expert qui récite des règles."></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1222,14 +1222,14 @@
|
||||
|
||||
<!-- PART 3 -->
|
||||
<div class="section-title">
|
||||
<i class="ti ti-mood-check" aria-hidden="true"></i>Partie 3 — Positionnement avant la séance
|
||||
<i class="ti ti-mood-check" aria-hidden="true"></i>Partie 3 - Positionnement avant la séance
|
||||
</div>
|
||||
|
||||
<!-- Question 5 -->
|
||||
<div class="question-block">
|
||||
<div class="q-header">
|
||||
<div class="q-num">5</div>
|
||||
<div class="q-text">Comment vous sentez-vous par rapport à l'animation de l'UF1 et de l'UF2 — les contenus que vous avez lus ?</div>
|
||||
<div class="q-text">Comment vous sentez-vous par rapport à l'animation de l'UF1 et de l'UF2 - les contenus que vous avez lus ?</div>
|
||||
</div>
|
||||
|
||||
<!-- confidence levels -->
|
||||
@ -1256,7 +1256,7 @@
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<textarea class="write-area" rows="2" style="margin-top: 12px" placeholder="Ce qui explique cette position — en particulier sur UF2 / prompt engineering…"></textarea>
|
||||
<textarea class="write-area" rows="2" style="margin-top: 12px" placeholder="Ce qui explique cette position - en particulier sur UF2 / prompt engineering…"></textarea>
|
||||
</div>
|
||||
|
||||
<!-- Question 6 -->
|
||||
@ -1272,7 +1272,7 @@
|
||||
|
||||
<!-- PART 4 -->
|
||||
<div class="section-title">
|
||||
<i class="ti ti-edit" aria-hidden="true"></i>Partie 4 — Validation & Signature
|
||||
<i class="ti ti-edit" aria-hidden="true"></i>Partie 4 - Validation & Signature
|
||||
</div>
|
||||
|
||||
<div class="signature-block">
|
||||
@ -1307,7 +1307,7 @@
|
||||
|
||||
<!-- Footer section with clear and print buttons -->
|
||||
<div class="footer-strip">
|
||||
<div class="footer-note">À apporter en séance ou partager via le drive avant le Mercredi 2. La partie 2 (micro-teaching) est votre billet d'entrée — sans elle, impossible de passer.</div>
|
||||
<div class="footer-note">À apporter en séance ou partager via le drive avant le Mercredi 2. La partie 2 (micro-teaching) est votre billet d'entrée - sans elle, impossible de passer.</div>
|
||||
<div class="footer-btns">
|
||||
<button class="signature-btn clear" onclick="clearAll()">
|
||||
<i class="ti ti-eraser" aria-hidden="true"></i> Effacer toutes les saisies
|
||||
|
||||
Loading…
Reference in New Issue
Block a user