Actualiser grille_observation_mise_en_situation_mercredi4.html
This commit is contained in:
parent
c5edb8e83a
commit
dc1e0c4315
@ -1138,7 +1138,7 @@
|
||||
<body>
|
||||
<div class="fiche">
|
||||
<!-- Accessibility Hidden Title -->
|
||||
<h2 class="sr-only">Grille d'observation pour la mise en situation complète du Mercredi 4 — passage de 20 minutes toutes UF, 4 dimensions dont conduite de séquence complète avec minuteur intégré, synthèse débrief et scores automatiques</h2>
|
||||
<h2 class="sr-only">Grille d'observation pour la mise en situation complète du Mercredi 4 - passage de 20 minutes toutes UF, 4 dimensions dont conduite de séquence complète avec minuteur intégré, synthèse débrief et scores automatiques</h2>
|
||||
|
||||
<!-- Header -->
|
||||
<div class="fiche-header">
|
||||
@ -1187,7 +1187,7 @@
|
||||
<!-- Info Boxes -->
|
||||
<div class="notice">
|
||||
<i class="ti ti-arrows-exchange" aria-hidden="true"></i>
|
||||
<p><strong>Mercredi 4 — grille augmentée :</strong> le passage dure 20 min, pas 10. Une 4e dimension s'ajoute — la conduite de séquence complète : transitions entre sous-parties, calibrage du rythme sur la durée, et réponse aux questions imprévues. C'est ce qui distingue un bon formateur d'un bon présentateur.</p>
|
||||
<p><strong>Mercredi 4 - grille augmentée :</strong> le passage dure 20 min, pas 10. Une 4e dimension s'ajoute - la conduite de séquence complète : transitions entre sous-parties, calibrage du rythme sur la durée, et réponse aux questions imprévues. C'est ce qui distingue un bon formateur d'un bon présentateur.</p>
|
||||
</div>
|
||||
|
||||
<div class="notice notice-warning">
|
||||
@ -1232,7 +1232,7 @@
|
||||
<div class="crit-grid">
|
||||
<div class="crit">
|
||||
<div class="cl">Cr1.1</div>
|
||||
<div class="cq">Les points clés sont couverts sans erreur factuelle — aucun oubli majeur sur la durée complète</div>
|
||||
<div class="cq">Les points clés sont couverts sans erreur factuelle - aucun oubli majeur sur la durée complète</div>
|
||||
<div class="scale-labels"><span class="sl-label">Absent</span><span class="sl-label">Excellent</span></div>
|
||||
<div class="scale-row" role="radiogroup" aria-label="Cr1.1">
|
||||
<label class="scale-opt"><input type="radio" name="c11" value="1" /><span class="scale-num">1</span></label>
|
||||
@ -1244,7 +1244,7 @@
|
||||
</div>
|
||||
<div class="crit">
|
||||
<div class="cl">Cr1.2</div>
|
||||
<div class="cq">La hiérarchisation est claire sur toute la durée — l'essentiel reste en avant, le secondaire reste secondaire</div>
|
||||
<div class="cq">La hiérarchisation est claire sur toute la durée - l'essentiel reste en avant, le secondaire reste secondaire</div>
|
||||
<div class="scale-labels"><span class="sl-label">Absent</span><span class="sl-label">Excellent</span></div>
|
||||
<div class="scale-row" role="radiogroup" aria-label="Cr1.2">
|
||||
<label class="scale-opt"><input type="radio" name="c12" value="1" /><span class="scale-num">1</span></label>
|
||||
@ -1256,7 +1256,7 @@
|
||||
</div>
|
||||
<div class="crit">
|
||||
<div class="cl">Cr1.3</div>
|
||||
<div class="cq">Au moins 2 exemples concrets ancrés dans un contexte professionnel réel — un par sous-partie minimum</div>
|
||||
<div class="cq">Au moins 2 exemples concrets ancrés dans un contexte professionnel réel - un par sous-partie minimum</div>
|
||||
<div class="scale-labels"><span class="sl-label">Absent</span><span class="sl-label">Excellent</span></div>
|
||||
<div class="scale-row" role="radiogroup" aria-label="Cr1.3">
|
||||
<label class="scale-opt"><input type="radio" name="c13" value="1" /><span class="scale-num">1</span></label>
|
||||
@ -1294,7 +1294,7 @@
|
||||
<div class="crit-grid">
|
||||
<div class="crit">
|
||||
<div class="cl">Cr2.1</div>
|
||||
<div class="cq">La méthode sert le contenu — le choix pédagogique (démo, atelier, échanges) est cohérent avec la séquence</div>
|
||||
<div class="cq">La méthode sert le contenu - le choix pédagogique (démo, atelier, échanges) est cohérent avec la séquence</div>
|
||||
<div class="scale-labels"><span class="sl-label">Absent</span><span class="sl-label">Excellent</span></div>
|
||||
<div class="scale-row" role="radiogroup" aria-label="Cr2.1">
|
||||
<label class="scale-opt"><input type="radio" name="c21" value="1" /><span class="scale-num">1</span></label>
|
||||
@ -1306,7 +1306,7 @@
|
||||
</div>
|
||||
<div class="crit">
|
||||
<div class="cl">Cr2.2</div>
|
||||
<div class="cq">Le rythme est calibré sur 20 min — ni trop lent (temps mort) ni trop rapide (contenu expédié)</div>
|
||||
<div class="cq">Le rythme est calibré sur 20 min - ni trop lent (temps mort) ni trop rapide (contenu expédié)</div>
|
||||
<div class="scale-labels"><span class="sl-label">Absent</span><span class="sl-label">Excellent</span></div>
|
||||
<div class="scale-row" role="radiogroup" aria-label="Cr2.2">
|
||||
<label class="scale-opt"><input type="radio" name="c22" value="1" /><span class="scale-num">1</span></label>
|
||||
@ -1318,7 +1318,7 @@
|
||||
</div>
|
||||
<div class="crit">
|
||||
<div class="cl">Cr2.3</div>
|
||||
<div class="cq">Les consignes des activités sont claires et autonomisantes — le groupe sait quoi faire sans relancer</div>
|
||||
<div class="cq">Les consignes des activités sont claires et autonomisantes - le groupe sait quoi faire sans relancer</div>
|
||||
<div class="scale-labels"><span class="sl-label">Absent</span><span class="sl-label">Excellent</span></div>
|
||||
<div class="scale-row" role="radiogroup" aria-label="Cr2.3">
|
||||
<label class="scale-opt"><input type="radio" name="c23" value="1" /><span class="scale-num">1</span></label>
|
||||
@ -1330,7 +1330,7 @@
|
||||
</div>
|
||||
<div class="crit">
|
||||
<div class="cl">Cr2.4</div>
|
||||
<div class="cq">Une question imprévue est gérée sans déstabilisation — le formateur répond ou renvoie sans perdre le fil</div>
|
||||
<div class="cq">Une question imprévue est gérée sans déstabilisation - le formateur répond ou renvoie sans perdre le fil</div>
|
||||
<div class="scale-labels"><span class="sl-label">N/A</span><span class="sl-label">Très bien géré</span></div>
|
||||
<div class="scale-row" role="radiogroup" aria-label="Cr2.4">
|
||||
<label class="scale-opt"><input type="radio" name="c24" value="0" /><span class="scale-num" style="font-size:0.75rem;">N/A</span></label>
|
||||
@ -1357,7 +1357,7 @@
|
||||
<div class="crit-grid">
|
||||
<div class="crit">
|
||||
<div class="cl">Cr3.1</div>
|
||||
<div class="cq">L'engagement du groupe est maintenu sur les 20 min — pas de décrochage visible après la première sous-partie</div>
|
||||
<div class="cq">L'engagement du groupe est maintenu sur les 20 min - pas de décrochage visible après la première sous-partie</div>
|
||||
<div class="scale-labels"><span class="sl-label">Absent</span><span class="sl-label">Excellent</span></div>
|
||||
<div class="scale-row" role="radiogroup" aria-label="Cr3.1">
|
||||
<label class="scale-opt"><input type="radio" name="c31" value="1" /><span class="scale-num">1</span></label>
|
||||
@ -1369,7 +1369,7 @@
|
||||
</div>
|
||||
<div class="crit">
|
||||
<div class="cl">Cr3.2</div>
|
||||
<div class="cq">La posture est cohérente avec la séquence animée et reste stable sur toute la durée — pas de glissement vers le cours magistral</div>
|
||||
<div class="cq">La posture est cohérente avec la séquence animée et reste stable sur toute la durée - pas de glissement vers le cours magistral</div>
|
||||
<div class="scale-labels"><span class="sl-label">Absent</span><span class="sl-label">Excellent</span></div>
|
||||
<div class="scale-row" role="radiogroup" aria-label="Cr3.2">
|
||||
<label class="scale-opt"><input type="radio" name="c32" value="1" /><span class="scale-num">1</span></label>
|
||||
@ -1381,7 +1381,7 @@
|
||||
</div>
|
||||
<div class="crit">
|
||||
<div class="cl">Cr3.3</div>
|
||||
<div class="cq">L'écoute active est maintenue — les questions et réponses du groupe sont reprises et reliées au contenu</div>
|
||||
<div class="cq">L'écoute active est maintenue - les questions et réponses du groupe sont reprises et reliées au contenu</div>
|
||||
<div class="scale-labels"><span class="sl-label">Absent</span><span class="sl-label">Excellent</span></div>
|
||||
<div class="scale-row" role="radiogroup" aria-label="Cr3.3">
|
||||
<label class="scale-opt"><input type="radio" name="c33" value="1" /><span class="scale-num">1</span></label>
|
||||
@ -1393,7 +1393,7 @@
|
||||
</div>
|
||||
<div class="crit">
|
||||
<div class="cl">Cr3.4</div>
|
||||
<div class="cq">Le formateur assume ses zones d'incertitude sans perdre en crédibilité — il ne survend pas ce qu'il maîtrise moins</div>
|
||||
<div class="cq">Le formateur assume ses zones d'incertitude sans perdre en crédibilité - il ne survend pas ce qu'il maîtrise moins</div>
|
||||
<div class="scale-labels"><span class="sl-label">Absent</span><span class="sl-label">Excellent</span></div>
|
||||
<div class="scale-row" role="radiogroup" aria-label="Cr3.4">
|
||||
<label class="scale-opt"><input type="radio" name="c34" value="1" /><span class="scale-num">1</span></label>
|
||||
@ -1411,16 +1411,16 @@
|
||||
<div class="dim-head">
|
||||
<div class="dim-icon"><i class="ti ti-layers-linked" aria-hidden="true"></i></div>
|
||||
<div class="dim-meta">
|
||||
<div class="dim-num">Dimension 4 — spécifique Mercredi 4</div>
|
||||
<div class="dim-num">Dimension 4 - spécifique Mercredi 4</div>
|
||||
<div class="dim-title">Conduite de séquence complète</div>
|
||||
</div>
|
||||
<div class="dim-q">Transitions, progression interne, clôture — ce que 10 min ne permettait pas d'évaluer</div>
|
||||
<div class="dim-q">Transitions, progression interne, clôture - ce que 10 min ne permettait pas d'évaluer</div>
|
||||
<span class="dim-new">Nouveau</span>
|
||||
</div>
|
||||
<div class="crit-grid">
|
||||
<div class="crit">
|
||||
<div class="cl">Cr4.1</div>
|
||||
<div class="cq">L'ouverture est efficace — l'intention pédagogique est posée clairement en moins de 2 min, sans préambule inutile</div>
|
||||
<div class="cq">L'ouverture est efficace - l'intention pédagogique est posée clairement en moins de 2 min, sans préambule inutile</div>
|
||||
<div class="scale-labels"><span class="sl-label">Absent</span><span class="sl-label">Excellent</span></div>
|
||||
<div class="scale-row" role="radiogroup" aria-label="Cr4.1">
|
||||
<label class="scale-opt"><input type="radio" name="c41" value="1" /><span class="scale-num">1</span></label>
|
||||
@ -1432,7 +1432,7 @@
|
||||
</div>
|
||||
<div class="crit">
|
||||
<div class="cl">Cr4.2</div>
|
||||
<div class="cq">Les transitions entre sous-parties sont explicites et reliées — pas de coupure abrupte ni de répétition inutile</div>
|
||||
<div class="cq">Les transitions entre sous-parties sont explicites et reliées - pas de coupure abrupte ni de répétition inutile</div>
|
||||
<div class="scale-labels"><span class="sl-label">Absent</span><span class="sl-label">Excellent</span></div>
|
||||
<div class="scale-row" role="radiogroup" aria-label="Cr4.2">
|
||||
<label class="scale-opt"><input type="radio" name="c42" value="1" /><span class="scale-num">1</span></label>
|
||||
@ -1444,7 +1444,7 @@
|
||||
</div>
|
||||
<div class="crit">
|
||||
<div class="cl">Cr4.3</div>
|
||||
<div class="cq">La clôture ancre l'apprentissage — une synthèse ou une phrase de bilan final rappelle ce que le groupe repart avec</div>
|
||||
<div class="cq">La clôture ancre l'apprentissage - une synthèse ou une phrase de bilan final rappelle ce que le groupe repart avec</div>
|
||||
<div class="scale-labels"><span class="sl-label">Absent</span><span class="sl-label">Excellent</span></div>
|
||||
<div class="scale-row" role="radiogroup" aria-label="Cr4.3">
|
||||
<label class="scale-opt"><input type="radio" name="c43" value="1" /><span class="scale-num">1</span></label>
|
||||
@ -1456,7 +1456,7 @@
|
||||
</div>
|
||||
<div class="crit">
|
||||
<div class="cl">Cr4.4</div>
|
||||
<div class="cq">La progression est visible — on ressent une montée en densité ou en complexité entre le début et la fin du passage</div>
|
||||
<div class="cq">La progression est visible - on ressent une montée en densité ou en complexité entre le début et la fin du passage</div>
|
||||
<div class="scale-labels"><span class="sl-label">Absent</span><span class="sl-label">Excellent</span></div>
|
||||
<div class="scale-row" role="radiogroup" aria-label="Cr4.4">
|
||||
<label class="scale-opt"><input type="radio" name="c44" value="1" /><span class="scale-num">1</span></label>
|
||||
@ -1468,7 +1468,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="timeline-obs">
|
||||
<div class="tobs-lbl"><i class="ti ti-clock" aria-hidden="true"></i>Observations chronologiques — notez à chaud pendant le passage</div>
|
||||
<div class="tobs-lbl"><i class="ti ti-clock" aria-hidden="true"></i>Observations chronologiques - notez à chaud pendant le passage</div>
|
||||
<div class="tobs-grid">
|
||||
<span class="tobs-t">0 → 5 min</span>
|
||||
<textarea class="tobs-ta" rows="2" placeholder="Ouverture, intention, consigne initiale…" aria-label="Obs 0 à 5 min"></textarea>
|
||||
@ -1486,46 +1486,46 @@
|
||||
<div class="synth-block">
|
||||
<div class="synth-head">
|
||||
<i class="ti ti-message-dots" aria-hidden="true"></i>
|
||||
<span class="synth-lbl">Synthèse pour le débrief — à préparer avant de parler</span>
|
||||
<span class="synth-lbl">Synthèse pour le débrief - à préparer avant de parler</span>
|
||||
</div>
|
||||
<div class="synth-body">
|
||||
<div class="sb-col">
|
||||
<div class="sb-col-lbl">1 point fort (à dire en premier)</div>
|
||||
<textarea class="obs-area" rows="3" placeholder="Ce qui était vraiment solide sur les 20 min — avec le moment précis qui l'illustre…" aria-label="Point fort"></textarea>
|
||||
<textarea class="obs-area" rows="3" placeholder="Ce qui était vraiment solide sur les 20 min - avec le moment précis qui l'illustre…" aria-label="Point fort"></textarea>
|
||||
</div>
|
||||
<div class="sb-col">
|
||||
<div class="sb-col-lbl">1 axe prioritaire (1 seul)</div>
|
||||
<textarea class="obs-area" rows="3" placeholder="Ce qui serait le plus utile à améliorer pour la Phase 2 — formulé positivement…" aria-label="Axe d'amélioration"></textarea>
|
||||
<textarea class="obs-area" rows="3" placeholder="Ce qui serait le plus utile à améliorer pour la Phase 2 - formulé positivement…" aria-label="Axe d'amélioration"></textarea>
|
||||
</div>
|
||||
<div class="sb-col">
|
||||
<div class="sb-col-lbl">Moment de bascule observé</div>
|
||||
<textarea class="obs-area" rows="3" placeholder="Le moment précis (minute) où le formateur a pris ou perdu le groupe — à nommer dans le débrief…" aria-label="Moment de bascule"></textarea>
|
||||
<textarea class="obs-area" rows="3" placeholder="Le moment précis (minute) où le formateur a pris ou perdu le groupe - à nommer dans le débrief…" aria-label="Moment de bascule"></textarea>
|
||||
</div>
|
||||
<div class="sb-col">
|
||||
<div class="sb-col-lbl">Comparaison avec M2 & M3</div>
|
||||
<textarea class="obs-area" rows="3" placeholder="Ce qui a progressé depuis les micro-teachings — un point concret de progression à valoriser…" aria-label="Progression parcours"></textarea>
|
||||
<textarea class="obs-area" rows="3" placeholder="Ce qui a progressé depuis les micro-teachings - un point concret de progression à valoriser…" aria-label="Progression parcours"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="score-strip" id="ss">
|
||||
<div class="sc-card">
|
||||
<div class="sc-lbl">Contenu /16</div>
|
||||
<div class="sc-val svc" id="sv1">—</div>
|
||||
<div class="sc-val svc" id="sv1">-</div>
|
||||
</div>
|
||||
<div class="sc-card">
|
||||
<div class="sc-lbl">Méthode /16</div>
|
||||
<div class="sc-val svt" id="sv2">—</div>
|
||||
<div class="sc-val svt" id="sv2">-</div>
|
||||
</div>
|
||||
<div class="sc-card">
|
||||
<div class="sc-lbl">Posture /16</div>
|
||||
<div class="sc-val sva" id="sv3">—</div>
|
||||
<div class="sc-val sva" id="sv3">-</div>
|
||||
</div>
|
||||
<div class="sc-card">
|
||||
<div class="sc-lbl">Conduite /16</div>
|
||||
<div class="sc-val svb" id="sv4">—</div>
|
||||
<div class="sc-val svb" id="sv4">-</div>
|
||||
</div>
|
||||
<div class="sc-card">
|
||||
<div class="sc-lbl">Total /64</div>
|
||||
<div class="sc-val" id="svt">—</div>
|
||||
<div class="sc-val" id="svt">-</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1728,11 +1728,11 @@
|
||||
|
||||
function updateScores() {
|
||||
const c = calcDim(DIMS.c), m = calcDim(DIMS.m), p = calcDim(DIMS.p), b = calcDim(DIMS.b);
|
||||
document.getElementById('sv1').textContent = c !== null ? c : '—';
|
||||
document.getElementById('sv2').textContent = m !== null ? m : '—';
|
||||
document.getElementById('sv3').textContent = p !== null ? p : '—';
|
||||
document.getElementById('sv4').textContent = b !== null ? b : '—';
|
||||
document.getElementById('svt').textContent = (c !== null && m !== null && p !== null && b !== null) ? (c + m + p + b) : '—';
|
||||
document.getElementById('sv1').textContent = c !== null ? c : '-';
|
||||
document.getElementById('sv2').textContent = m !== null ? m : '-';
|
||||
document.getElementById('sv3').textContent = p !== null ? p : '-';
|
||||
document.getElementById('sv4').textContent = b !== null ? b : '-';
|
||||
document.getElementById('svt').textContent = (c !== null && m !== null && p !== null && b !== null) ? (c + m + p + b) : '-';
|
||||
}
|
||||
|
||||
// Auto-save & Load for Textareas
|
||||
|
||||
Loading…
Reference in New Issue
Block a user