Octopusdesign/entrainement-mercredi-2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Actualiser entrainement_certification_C1.html

Browse Source
This commit is contained in:
sebvtl 2026-06-25 08:29:39 +00:00
parent 6865c756c7
commit 772b59097e
1 changed files with 29 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
entrainement_certification_C1.html
View File

@ -1148,19 +1148,19 @@
<div class="score-strip">
<div class="sc">
<div class="sc-l">Exercice 1</div>
<div class="sc-v" id="sc1">—/4</div>
<div class="sc-v" id="sc1">-/4</div>
</div>
<div class="sc">
<div class="sc-l">Exercice 2</div>
<div class="sc-v" id="sc2">—/6</div>
<div class="sc-v" id="sc2">-/6</div>
</div>
<div class="sc">
<div class="sc-l">Exercice 3</div>
<div class="sc-v" id="sc3">—/6</div>
<div class="sc-v" id="sc3">-/6</div>
</div>
<div class="sc">
<div class="sc-l">Total</div>
<div class="sc-v green" id="sct">—/16</div>
<div class="sc-v green" id="sct">-/16</div>
</div>
</div>
@ -1239,7 +1239,7 @@
<div class="opt-radio">
<div class="opt-dot"></div>
</div>
<div class="opt-text">Il faut vérifier les conditions d'utilisation de chaque outil — certains modèles
<div class="opt-text">Il faut vérifier les conditions d'utilisation de chaque outil - certains modèles
utilisent les prompts pour réentraîner leurs modèles, ce qui pose un risque de fuite de données</div>
</div>
<div class="opt" onclick="selectOpt(this,'q2','d')">
@ -1338,7 +1338,7 @@
</div>
<div class="ex-body">
<div class="cas-box">
<div class="cas-lbl"><i class="ti ti-briefcase" aria-hidden="true"></i>Cas — Responsable communication dans une
<div class="cas-lbl"><i class="ti ti-briefcase" aria-hidden="true"></i>Cas - Responsable communication dans une
PME agroalimentaire (12 salariés)</div>
<div class="cas-text">Marie est responsable communication dans une PME qui fabrique des confitures artisanales.
Elle doit <strong>produire du contenu régulier pour les réseaux sociaux</strong> (3 posts/semaine),
@ -1352,7 +1352,7 @@
<div class="drag-zone">
<div
style="font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:6px;">
Outils disponibles — faites glisser</div>
Outils disponibles - faites glisser</div>
<div class="drag-items" id="drag-pool">
<div class="drag-item" draggable="true" ondragstart="dragStart(event)" data-val="ChatGPT">ChatGPT</div>
<div class="drag-item" draggable="true" ondragstart="dragStart(event)" data-val="Copilot">Copilot (Microsoft)
@ -1424,14 +1424,14 @@
<button class="corrige-btn" id="cbtn2" onclick="toggleCorrige('c2','cbtn2')"><i class="ti ti-eye"
aria-hidden="true"></i> Voir le corrigé</button>
<div class="corrige-panel" id="c2">
<div class="cp-title"><i class="ti ti-check" aria-hidden="true"></i>Corrigé — exercice 2</div>
<div class="cp-item">Rédaction posts & fiches : ChatGPT, Gemini ou Mistral — les 3 sont pertinents. Mistral est
<div class="cp-title"><i class="ti ti-check" aria-hidden="true"></i>Corrigé - exercice 2</div>
<div class="cp-item">Rédaction posts & fiches : ChatGPT, Gemini ou Mistral - les 3 sont pertinents. Mistral est
souverain (hébergement EU) ce qui est un avantage pour les données clients. Gemini s'intègre à Google
Workspace si Marie l'utilise.</div>
<div class="cp-item">Création visuels : Midjourney (qualité artistique élevée), Adobe Firefly (intégré Creative
Cloud, safe pour le droit d'auteur), ou Flux/Ideogram (gratuit ou peu coûteux, bon pour les visuels produits).
Pour une PME avec budget limité, Firefly ou Flux/Ideogram sont à privilégier.</div>
<div class="cp-item">Intégration M365 : Copilot — c'est sa force principale. Pour une structure qui utilise déjà
<div class="cp-item">Intégration M365 : Copilot - c'est sa force principale. Pour une structure qui utilise déjà
Word, Outlook et Teams, c'est le choix le plus rationnel. Pas besoin d'apprendre un nouvel outil.</div>
<div class="cp-item">Question 5 : B. Pour une petite structure comme Marie, l'intégration aux outils existants +
le coût + la conformité RGPD (données clients sensibles dans l'alimentaire) priment sur la puissance brute du
@ -1451,7 +1451,7 @@
</div>
<div class="ex-body">
<div class="cas-box">
<div class="cas-lbl"><i class="ti ti-building" aria-hidden="true"></i>Cas — Directrice d'un centre de formation
<div class="cas-lbl"><i class="ti ti-building" aria-hidden="true"></i>Cas - Directrice d'un centre de formation
(35 salariés)</div>
<div class="cas-text">Sophie dirige un organisme de formation professionnelle. Elle a participé à une
démonstration IA et souhaite lancer un projet d'intégration. Elle identifie <strong>3 usages
@ -1473,14 +1473,14 @@
<div class="opt-radio">
<div class="opt-dot"></div>
</div>
<div class="opt-text">1. Relances administratives → 2. Supports de cours → 3. Analyse des évaluations — du
<div class="opt-text">1. Relances administratives → 2. Supports de cours → 3. Analyse des évaluations - du
plus simple et à faible risque vers le plus complexe</div>
</div>
<div class="opt" onclick="selectOpt(this,'q6','b')">
<div class="opt-radio">
<div class="opt-dot"></div>
</div>
<div class="opt-text">1. Analyse des évaluations → 2. Supports de cours → 3. Relances — commencer par
<div class="opt-text">1. Analyse des évaluations → 2. Supports de cours → 3. Relances - commencer par
l'usage à plus forte valeur ajoutée stratégique</div>
</div>
<div class="opt" onclick="selectOpt(this,'q6','c')">
@ -1493,7 +1493,7 @@
<div class="opt-radio">
<div class="opt-dot"></div>
</div>
<div class="opt-text">1. Supports de cours → 2. Analyse → 3. Relances — en commençant par les formateurs qui
<div class="opt-text">1. Supports de cours → 2. Analyse → 3. Relances - en commençant par les formateurs qui
sont les plus engagés</div>
</div>
</div>
@ -1508,13 +1508,13 @@
<div class="opt-radio">
<div class="opt-dot"></div>
</div>
<div class="opt-text">Le coût des outils — résoudre avec un appel à projet ou une subvention OPCO</div>
<div class="opt-text">Le coût des outils - résoudre avec un appel à projet ou une subvention OPCO</div>
</div>
<div class="opt" onclick="selectOpt(this,'q7','b')" data-correct="true">
<div class="opt-radio">
<div class="opt-dot"></div>
</div>
<div class="opt-text">La résistance au changement d'une équipe peu familière avec le numérique — traiter
<div class="opt-text">La résistance au changement d'une équipe peu familière avec le numérique - traiter
avec une montée en compétences progressive, des ambassadeurs internes, et des victoires rapides visibles
</div>
</div>
@ -1522,7 +1522,7 @@
<div class="opt-radio">
<div class="opt-dot"></div>
</div>
<div class="opt-text">Le manque d'outils adaptés au secteur de la formation — attendre que le marché mûrisse
<div class="opt-text">Le manque d'outils adaptés au secteur de la formation - attendre que le marché mûrisse
</div>
</div>
<div class="opt" onclick="selectOpt(this,'q7','d')">
@ -1558,7 +1558,7 @@
<div class="opt-radio">
<div class="opt-dot"></div>
</div>
<div class="opt-text">Dès la phase de cadrage — avant tout déploiement, pour tous les usages, car les 3
<div class="opt-text">Dès la phase de cadrage - avant tout déploiement, pour tous les usages, car les 3
manipulent des données relatives à des personnes (stagiaires, formateurs)</div>
</div>
<div class="opt" onclick="selectOpt(this,'q8','d')">
@ -1581,16 +1581,16 @@
<button class="corrige-btn" id="cbtn3" onclick="toggleCorrige('c3','cbtn3')" style="margin-top:14px;"><i
class="ti ti-eye" aria-hidden="true"></i> Voir le corrigé détaillé</button>
<div class="corrige-panel" id="c3">
<div class="cp-title"><i class="ti ti-check" aria-hidden="true"></i>Corrigé — exercice 3</div>
<div class="cp-item">Q6 — A. Commencer par les relances administratives : tâche répétitive, faible enjeu,
<div class="cp-title"><i class="ti ti-check" aria-hidden="true"></i>Corrigé - exercice 3</div>
<div class="cp-item">Q6 - A. Commencer par les relances administratives : tâche répétitive, faible enjeu,
résultat visible rapidement. C'est la "victoire rapide" qui crée la confiance dans l'outil et réduit la
résistance pour les usages suivants. Déployer les 3 simultanément dans une structure peu digitalisée est une
erreur fréquente qui génère de la confusion et de l'abandon.</div>
<div class="cp-item">Q7 — B. La résistance au changement est le frein n°1 dans les structures peu digitalisées.
<div class="cp-item">Q7 - B. La résistance au changement est le frein n°1 dans les structures peu digitalisées.
Les clés : partir d'un usage concret et utile (pas d'une conférence sur l'IA), identifier 1 ou 2 formateurs
enthousiastes comme ambassadeurs, montrer des résultats tangibles rapidement. Le coût est un faux problème :
les outils gratuits ou peu coûteux suffisent pour les 3 usages cités.</div>
<div class="cp-item">Q8 — C. Les 3 usages manipulent des données personnelles : les convocations et émargements
<div class="cp-item">Q8 - C. Les 3 usages manipulent des données personnelles : les convocations et émargements
contiennent les noms et coordonnées des stagiaires, les supports de cours peuvent inclure des données métier
sensibles, et les évaluations sont nominatives. Le RGPD s'applique dès la phase de cadrage, pas après coup.
</div>
@ -1641,7 +1641,7 @@
['q1', 'q2', 'q3', 'q4'].forEach(qid => {
document.getElementById(qid).querySelectorAll('.opt').forEach(o => o.classList.remove('selected', 'correct', 'wrong'));
});
document.getElementById('sc1').textContent = '—/4';
document.getElementById('sc1').textContent = '-/4';
document.getElementById('rb1').style.display = 'none';
updateTotal();
}
@ -1660,7 +1660,7 @@
['q6', 'q7', 'q8'].forEach(qid => {
document.getElementById(qid).querySelectorAll('.opt').forEach(o => o.classList.remove('selected', 'correct', 'wrong'));
});
document.getElementById('sc3').textContent = '—/6';
document.getElementById('sc3').textContent = '-/6';
document.getElementById('rb3').style.display = 'none';
updateTotal();
}
@ -1734,7 +1734,7 @@
document.getElementById('q5').querySelectorAll('.opt').forEach(o => {
o.classList.remove('selected', 'correct', 'wrong');
});
document.getElementById('sc2').textContent = '—/6';
document.getElementById('sc2').textContent = '-/6';
document.getElementById('rb2').style.display = 'none';
const p = document.getElementById('c2');
const b = document.getElementById('cbtn2');
@ -1748,9 +1748,9 @@
const s1 = document.getElementById('sc1').textContent;
const s2 = document.getElementById('sc2').textContent;
const s3 = document.getElementById('sc3').textContent;
const v1 = s1.startsWith('—') ? null : parseInt(s1);
const v2 = s2.startsWith('—') ? null : parseInt(s2);
const v3 = s3.startsWith('—') ? null : parseInt(s3);
const v1 = s1.startsWith('-') ? null : parseInt(s1);
const v2 = s2.startsWith('-') ? null : parseInt(s2);
const v3 = s3.startsWith('-') ? null : parseInt(s3);
let t = 0;
let activeCount = 0;
@ -1763,7 +1763,7 @@
el.textContent = t + '/16';
el.className = 'sc-v' + (t >= 10 ? ' green' : '');
} else {
el.textContent = '—/16';
el.textContent = '-/16';
el.className = 'sc-v';
}
}