4TQ séance 2

4tq-agent-education/seance1/index.html

@@ -51,6 +51,8 @@
     <h2>Faire le point</h2>
     <a href="#ou-en-es-tu">6. Où en es-tu ?</a>
     <a href="#ticket">7. Ticket de sortie</a>
+    <h2>Si tu as fini</h2>
+    <a href="#bonus">Exercices supplémentaires</a>
   </nav>
 
   <main class="feuille">
@@ -168,6 +170,37 @@
         </ol>
       </section>
 
+
+      <section id="bonus">
+        <h2>Exercices supplémentaires</h2>
+        <p>Pour toi si tu as terminé avant les autres. Fais-les dans l'ordre que tu veux. Ils ne sont pas cotés.</p>
+
+        <h3>Bonus A : pousser le diagnostic plus loin</h3>
+        <p>Dans ton fichier du diagnostic :</p>
+        <ol>
+          <li>Mets le titre dans une couleur de ton choix, lisible sur fond blanc.</li>
+          <li>Mets le paragraphe en interligne 1,5.</li>
+          <li>Mets la ligne « Ce qu'elle doit savoir faire : » en gras.</li>
+          <li>Sous le titre, insère la date du jour à l'aide d'un champ, sans la taper au clavier.</li>
+          <li>Enregistre à nouveau ton fichier, sans changer son nom.</li>
+        </ol>
+
+        <h3>Bonus B : une vraie offre d'emploi</h3>
+        <p>Cherche une offre d'emploi réelle d'éducateur ou d'éducatrice en Belgique, par exemple sur le site du Forem, d'Actiris ou d'un site d'offres d'emploi. Note sur ta feuille : où se trouve le poste, avec quel public, quels horaires, quel diplôme est demandé, et une qualité demandée qui te surprend.</p>
+
+        <h3>Bonus C : quel secteur ?</h3>
+        <div class="quiz" id="quiz-secteur"></div>
+
+        <h3>Bonus D : chasse aux fautes</h3>
+        <p>Ce texte contient six fautes. Clique sur chaque mot faux.</p>
+        <div class="chasse" id="chasse-s1"></div>
+        <p class="score" id="chasse-s1-score" role="status" aria-live="polite"></p>
+        <div class="actions">
+          <button type="button" id="chasse-s1-reset">Recommencer</button>
+          <button type="button" id="chasse-s1-sol">Voir la solution</button>
+        </div>
+      </section>
+
     </div>
   </main>
 
@@ -268,6 +301,45 @@ quiz(document.getElementById('quiz-cliche'), [
     });
   });
 })();
+
+/* ---------- bonus C : quel secteur ? ---------- */
+quiz(document.getElementById('quiz-secteur'), [
+  { q: "Tu accompagnes des adultes en situation de handicap dans l'atelier où ils travaillent.",
+    r: ["Aide à la jeunesse", "Aide aux personnes handicapées", "Personnes âgées", "Enseignement"], b: 1,
+    e: "Les entreprises de travail adapté font partie du secteur de l'aide aux personnes handicapées." },
+  { q: "Tu animes l'après-midi jeux dans une maison de repos.",
+    r: ["Personnes âgées", "Santé mentale", "Socioculturel", "Petite enfance"], b: 0,
+    e: "Maisons de repos et centres de jour : c'est le secteur des personnes âgées." },
+  { q: "Tu aides aux devoirs le soir, dans l'internat d'une école.",
+    r: ["Aide à la jeunesse", "Socioculturel", "Enseignement", "Services de proximité"], b: 2,
+    e: "Les internats scolaires font partie du secteur de l'enseignement." },
+  { q: "Tu vas à la rencontre des jeunes dans un quartier, sur la place ou au skatepark.",
+    r: ["Enseignement", "Services de proximité", "Personnes âgées", "Santé"], b: 1,
+    e: "C'est le travail des éducateurs de rue, dans les services de proximité." },
+  { q: "Tu organises un atelier musique pour les ados d'une maison de jeunes.",
+    r: ["Socioculturel", "Aide à la jeunesse", "Enseignement", "Handicap"], b: 0,
+    e: "Maisons de jeunes, écoles de devoirs, centres culturels : c'est le secteur socioculturel." },
+  { q: "Tu travailles dans un service qui accueille des jeunes confiés par le juge de la jeunesse.",
+    r: ["Enseignement", "Socioculturel", "Aide à la jeunesse", "Personnes âgées"], b: 2,
+    e: "Les services mandatés par le juge ou le conseiller font partie de l'aide à la jeunesse." }
+]);
+
+/* ---------- bonus D : chasse aux fautes ----------
+   Un astérisque devant un mot le marque comme faute. */
+function jetons(texte){
+  return texte.split(' ').map(function(m){
+    return m.charAt(0) === '*' ? { t: m.slice(1), f: true } : { t: m, f: false };
+  });
+}
+chasse(
+  document.getElementById('chasse-s1'),
+  document.getElementById('chasse-s1-score'),
+  document.getElementById('chasse-s1-reset'),
+  document.getElementById('chasse-s1-sol'),
+  jetons("Léa *travail comme éducatrice dans un internat. Chaque soir, elle aide les élèves *a faire *leur devoirs. Elle *écoutes chacun et elle note ce qu'elle observe dans le cahier de liaison. Quand un élève a des *problémes, elle en parle à *ces collègues."),
+  6,
+  "Bravo, tu les as toutes trouvées."
+);
 </script>
 
 </body>