4TQ séance 1
This commit is contained in:
lrdlg
Binary file not shown.
Binary file not shown.
@@ -0,0 +1,62 @@
|
|||||||
|
# Séance 1 : Bienvenue à l'agence (corrigé)
|
||||||
|
|
||||||
|
TIC (Traitement de texte), 4e Agent d'éducation. M. Courcelle.
|
||||||
|
|
||||||
|
Ce corrigé reprend uniquement les parties qui ont une réponse attendue : le défi diagnostique, la mise en commun de l'enquête et le « Cliché ou réalité ? ». Les parties 1, 6 et 7 sont personnelles et n'ont pas de corrigé.
|
||||||
|
|
||||||
|
## 3. Défi diagnostique
|
||||||
|
|
||||||
|
### Le résultat attendu
|
||||||
|
|
||||||
|
Le fichier porte un nom du type 2026-10-01_S1_diagnostic_Yasmine et se trouve sur la clé, dans le dossier de l'année. Le titre « Une soirée à l'internat » est en gras, en taille 16, centré. Le paragraphe est justifié. Les quatre dernières lignes forment une liste à puces. Les mots « encourrage », « Aprés » et « activitées » sont corrigés en « encourage », « Après » et « activités ». « L'éducatrice les accueil » est corrigé en « L'éducatrice les accueille ». Le prénom de l'élève apparaît en bas de la page.
|
||||||
|
|
||||||
|
### Comment faire dans LibreOffice Writer
|
||||||
|
|
||||||
|
| Consigne | Marche à suivre |
|
||||||
|
|---|---|
|
||||||
|
| 1. Ouvrir le fichier | Double-clic sur le fichier, ou dans Writer : menu Fichier, puis Ouvrir, puis chercher le fichier. |
|
||||||
|
| 2. Enregistrer sous un nouveau nom | Menu Fichier, puis Enregistrer sous. Choisir la clé et le dossier de l'année, taper le nouveau nom, puis Enregistrer. Garder le format proposé (ODF). |
|
||||||
|
| 3. Mettre en gras | Sélectionner le titre, puis cliquer sur le bouton G de la barre de formatage. |
|
||||||
|
| 4. Taille 16 et centré | Titre toujours sélectionné : taper 16 dans la zone de taille de police, puis cliquer sur le bouton Centrer. |
|
||||||
|
| 5. Justifier | Cliquer n'importe où dans le paragraphe, puis sur le bouton Justifier. Pas besoin de sélectionner tout le paragraphe. |
|
||||||
|
| 6. Liste à puces | Sélectionner les quatre lignes, puis cliquer sur le bouton de liste à puces de la barre de formatage (ou menu Format, puis Puces et numérotation). |
|
||||||
|
| 7. Corriger avec le correcteur | Clic droit sur le mot souligné en rouge, puis choisir la bonne proposition dans la liste. |
|
||||||
|
| 8. Trouver la faute invisible | « accueil » existe comme mot (le nom : un bon accueil), donc le correcteur ne le souligne pas. Ici il faut le verbe accueillir conjugué : elle accueille. |
|
||||||
|
| 9. Pied de page | Menu Insertion, puis En-tête et pied de page, puis Pied de page, puis Style par défaut. Taper son prénom dans la zone qui apparaît en bas de la page. |
|
||||||
|
|
||||||
|
### À retenir
|
||||||
|
|
||||||
|
Le correcteur ne voit que les mots qui n'existent pas. Un mot qui existe mais qui est mal employé passe à travers : il faut toujours se relire.
|
||||||
|
|
||||||
|
## 4. Enquête : le métier vu par Internet
|
||||||
|
|
||||||
|
Il n'y a pas de bonne réponse unique : chaque binôme décrit ce qu'il a trouvé. La mise en commun sert à comparer ces images avec la réalité du métier. Les questions posées en classe :
|
||||||
|
|
||||||
|
- Les lieux sont-ils variés, ou retrouve-t-on toujours le même type d'endroit ?
|
||||||
|
- Voit-on des publics différents : enfants, adolescents, adultes, personnes âgées, personnes en situation de handicap ?
|
||||||
|
- Voit-on des éducateurs et des éducatrices, jeunes et moins jeunes ?
|
||||||
|
- Voit-on l'éducateur accompagner, écouter, animer, observer, ou surtout surveiller et punir ?
|
||||||
|
|
||||||
|
## 5. Cliché ou réalité ?
|
||||||
|
|
||||||
|
| Affirmation | Réponse | Explication |
|
||||||
|
|---|---|---|
|
||||||
|
| Un agent d'éducation travaille surtout dans les écoles, comme surveillant. | Cliché | L'école et l'internat ne sont qu'un secteur parmi d'autres : aide à la jeunesse, handicap, petite enfance, personnes âgées, santé mentale, maisons de jeunes, travail de rue... |
|
||||||
|
| Un agent d'éducation peut travailler auprès de personnes âgées. | Réalité | Les maisons de repos et les centres de jour pour personnes âgées font partie de ses lieux de travail. |
|
||||||
|
| Le métier consiste surtout à faire respecter la discipline. | Cliché | Le cœur du métier, c'est l'accompagnement au quotidien : aider chaque personne à devenir plus autonome, selon ses possibilités. Le cadre et les règles en font partie, mais ce n'est pas le but. |
|
||||||
|
| Un agent d'éducation travaille seul, sans collègues d'autres métiers. | Cliché | Il travaille en équipe avec des assistants sociaux, des psychologues, des infirmiers, des enseignants, et avec des services extérieurs (centres PMS, CPAS...). |
|
||||||
|
| Il existe des éducateurs qui travaillent dans la rue. | Réalité | Les éducateurs de rue vont à la rencontre des jeunes là où ils se trouvent, dans le quartier. |
|
||||||
|
| Observer les personnes fait partie du métier. | Réalité | L'observation est un outil de base de l'agent d'éducation. Elle permet de comprendre ce que vivent les personnes et d'adapter son action. Tu la travailleras toute l'année. |
|
||||||
|
|
||||||
|
### Ce que fait vraiment un agent d'éducation
|
||||||
|
|
||||||
|
L'agent d'éducation accompagne des personnes au quotidien, pour les aider à gagner en autonomie. Il travaille en équipe, dans des lieux très différents :
|
||||||
|
|
||||||
|
- l'aide à la jeunesse : services d'aide en milieu ouvert (AMO), centres d'accueil, institutions publiques de protection de la jeunesse (IPPJ) ;
|
||||||
|
- l'aide aux personnes en situation de handicap : services d'accueil de jour, services résidentiels, entreprises de travail adapté ;
|
||||||
|
- la petite enfance et les personnes âgées : maisons maternelles, maisons de repos, centres de jour ;
|
||||||
|
- la santé : santé mentale, services hospitaliers ;
|
||||||
|
- le secteur socioculturel : maisons de jeunes, écoles de devoirs, centres culturels, centres de loisirs ;
|
||||||
|
- l'enseignement : écoles, enseignement spécialisé, internats ;
|
||||||
|
- les services de proximité : éducateurs de rue ;
|
||||||
|
- l'aide aux adultes en difficulté : maisons d'accueil.
|
||||||
Binary file not shown.
@@ -0,0 +1,129 @@
|
|||||||
|
# Séance 1 : Bienvenue à l'agence
|
||||||
|
|
||||||
|
TIC (Traitement de texte), 4e Agent d'éducation. M. Courcelle.
|
||||||
|
|
||||||
|
Nom et prénom : ............................................................ Date : ......................
|
||||||
|
|
||||||
|
## Ce que tu vas faire aujourd'hui
|
||||||
|
|
||||||
|
Tu vas découvrir comment fonctionne le cours, montrer ce que tu sais déjà faire à l'ordinateur, et mener ta première enquête : qu'est-ce qu'Internet raconte sur le métier d'agent d'éducation ?
|
||||||
|
|
||||||
|
Rien de ce que tu fais aujourd'hui n'est coté.
|
||||||
|
|
||||||
|
## 1. Trois mots
|
||||||
|
|
||||||
|
Quand tu entends « éducateur » ou « éducatrice », quels sont les trois premiers mots qui te viennent en tête ? Écris-les sur le papillon que je te donne, sans ton nom. On les affiche au tableau, et on les regardera à nouveau en fin de séance.
|
||||||
|
|
||||||
|
## 2. Le cours en bref
|
||||||
|
|
||||||
|
Cette année, la classe fonctionne comme une agence qui reçoit des missions. Le numérique, tu le connais déjà : réseaux, messageries, vidéos courtes. Ici, tu vas apprendre à t'en servir comme un professionnel de l'éducation : chercher une information fiable, créer des documents clairs, communiquer pour un vrai public, respecter les personnes avec qui tu travailles.
|
||||||
|
|
||||||
|
L'année est découpée en cinq périodes. La première sert à prendre en main les outils. Ensuite, chaque période se termine par une mission.
|
||||||
|
|
||||||
|
Tes points viennent de trois sources : des défis techniques courts, les missions, et la tenue de ton dossier d'apprentissage. Tout est expliqué dans la déclaration d'intention que je te donne aujourd'hui. Lis-la avec tes parents et rapporte-la signée à la prochaine séance.
|
||||||
|
|
||||||
|
En fin d'année, tu passeras ton épreuve de qualification, la SIPS. Tu devras présenter devant un jury ta vision du métier et ce qui a changé pendant l'année, puis observer une situation professionnelle. Ce cours t'aide à préparer le support de ta présentation et à tenir tes documents en ordre.
|
||||||
|
|
||||||
|
## 3. Défi diagnostique
|
||||||
|
|
||||||
|
Ce défi me montre ce que tu sais déjà faire, pour que je puisse adapter le cours. Il n'y a pas de points. Tu as 30 minutes. Fais les consignes dans l'ordre. Si tu bloques, passe à la suivante.
|
||||||
|
|
||||||
|
### Niveau 1
|
||||||
|
|
||||||
|
1. Ouvre le fichier S1_texte-brut. Tu le trouves sur la page de la séance, ou dans le dossier que le professeur t'indique.
|
||||||
|
2. Enregistre-le sous un nouveau nom, sur ta clé, dans ton dossier de l'année. Le nom : AAAA-MM-JJ_S1_diagnostic_Prenom, avec la date du jour et ton prénom, sans accent et sans espace. Exemple : 2026-10-01_S1_diagnostic_Yasmine.
|
||||||
|
3. Mets le titre en gras.
|
||||||
|
|
||||||
|
### Niveau 2
|
||||||
|
|
||||||
|
4. Mets le titre en taille 16 et centre-le.
|
||||||
|
5. Justifie le paragraphe.
|
||||||
|
6. Transforme les quatre dernières lignes en liste à puces.
|
||||||
|
7. Corrige les trois mots soulignés en rouge par le correcteur.
|
||||||
|
|
||||||
|
### Niveau 3
|
||||||
|
|
||||||
|
8. Une faute n'est pas soulignée par le correcteur. Trouve-la et corrige-la.
|
||||||
|
9. Ajoute ton prénom dans le pied de page.
|
||||||
|
|
||||||
|
Pour terminer : enregistre ton fichier et montre-le au professeur.
|
||||||
|
|
||||||
|
### Comment ça s'est passé ?
|
||||||
|
|
||||||
|
Coche une case par consigne.
|
||||||
|
|
||||||
|
| Consigne | Réussi seul | Réussi avec aide | Pas réussi |
|
||||||
|
|---|---|---|---|
|
||||||
|
| 1. Ouvrir le fichier | | | |
|
||||||
|
| 2. Enregistrer sous un nouveau nom | | | |
|
||||||
|
| 3. Mettre en gras | | | |
|
||||||
|
| 4. Taille 16 et centré | | | |
|
||||||
|
| 5. Justifier | | | |
|
||||||
|
| 6. Liste à puces | | | |
|
||||||
|
| 7. Corriger avec le correcteur | | | |
|
||||||
|
| 8. Trouver la faute invisible | | | |
|
||||||
|
| 9. Pied de page | | | |
|
||||||
|
|
||||||
|
## 4. Enquête : le métier vu par Internet
|
||||||
|
|
||||||
|
En binôme, 25 minutes.
|
||||||
|
|
||||||
|
Lance une recherche d'images ou de vidéos avec ces mots : « éducateur », « éducatrice spécialisée », « éducateur internat », « éducateur de rue ». Choisis quatre résultats différents et remplis le tableau.
|
||||||
|
|
||||||
|
| N° | Où ça se passe ? | Qui voit-on ? (âge, homme ou femme) | Que fait l'éducateur ? | Quelle ambiance ? |
|
||||||
|
|---|---|---|---|---|
|
||||||
|
| 1 | | | | |
|
||||||
|
| 2 | | | | |
|
||||||
|
| 3 | | | | |
|
||||||
|
| 4 | | | | |
|
||||||
|
|
||||||
|
D'après ces résultats, le métier d'éducateur, c'est surtout :
|
||||||
|
|
||||||
|
..........................................................................................................................................
|
||||||
|
|
||||||
|
..........................................................................................................................................
|
||||||
|
|
||||||
|
Attention : si un résultat te met mal à l'aise ou n'a rien à voir avec le métier, ferme-le et préviens le professeur. Ne télécharge pas et ne partage pas de photos de personnes.
|
||||||
|
|
||||||
|
## 5. Cliché ou réalité ?
|
||||||
|
|
||||||
|
Après la mise en commun, coche ta réponse. On corrige ensemble.
|
||||||
|
|
||||||
|
| Affirmation | Cliché | Réalité |
|
||||||
|
|---|---|---|
|
||||||
|
| Un agent d'éducation travaille surtout dans les écoles, comme surveillant. | | |
|
||||||
|
| Un agent d'éducation peut travailler auprès de personnes âgées. | | |
|
||||||
|
| Le métier consiste surtout à faire respecter la discipline. | | |
|
||||||
|
| Un agent d'éducation travaille seul, sans collègues d'autres métiers. | | |
|
||||||
|
| Il existe des éducateurs qui travaillent dans la rue. | | |
|
||||||
|
| Observer les personnes fait partie du métier. | | |
|
||||||
|
|
||||||
|
Ce que fait vraiment un agent d'éducation, et où il peut travailler :
|
||||||
|
|
||||||
|
..........................................................................................................................................
|
||||||
|
|
||||||
|
..........................................................................................................................................
|
||||||
|
|
||||||
|
..........................................................................................................................................
|
||||||
|
|
||||||
|
## 6. Où en es-tu ?
|
||||||
|
|
||||||
|
Pour chaque ligne, coche ce qui te correspond aujourd'hui. Tu referas cet exercice à la fin de la période pour voir ce qui a changé.
|
||||||
|
|
||||||
|
| Je sais... | Oui | Un peu | Pas encore |
|
||||||
|
|---|---|---|---|
|
||||||
|
| retrouver un fichier sur l'ordinateur ou sur ma clé | | | |
|
||||||
|
| enregistrer un fichier sous un nouveau nom, au bon endroit | | | |
|
||||||
|
| choisir un nom de fichier clair, que je retrouverai plus tard | | | |
|
||||||
|
| mettre un texte en gras, changer sa taille, le centrer | | | |
|
||||||
|
| faire une liste à puces | | | |
|
||||||
|
| utiliser le correcteur orthographique | | | |
|
||||||
|
| utiliser les styles de titre (Titre 1, Titre 2) | | | |
|
||||||
|
| trouver une information sur Internet | | | |
|
||||||
|
|
||||||
|
## 7. Ticket de sortie
|
||||||
|
|
||||||
|
Réponds sur le papillon que je te donne, et remets-le en sortant.
|
||||||
|
|
||||||
|
1. Un cliché sur le métier que tu as repéré aujourd'hui.
|
||||||
|
2. Un endroit où tu ne savais pas qu'un agent d'éducation pouvait travailler.
|
||||||
Binary file not shown.
@@ -0,0 +1,83 @@
|
|||||||
|
# Séance 1 : Bienvenue à l'agence (fiche préparatoire)
|
||||||
|
|
||||||
|
TIC (Traitement de texte), 4e Agent d'éducation. Période 1, séance S1 de la séquence annuelle. Durée : 100 minutes (2 périodes). Semaine du 28 septembre 2026. M. Courcelle.
|
||||||
|
|
||||||
|
## Objectifs de la séance
|
||||||
|
|
||||||
|
Au terme de la séance, l'élève sera capable de :
|
||||||
|
|
||||||
|
- expliquer en quelques mots le fonctionnement du cours et ce qu'est la SIPS ;
|
||||||
|
- se situer sur les compétences de la période 1 (autopositionnement) ;
|
||||||
|
- relever, dans des résultats de recherche, la façon dont Internet représente le métier ;
|
||||||
|
- distinguer quelques clichés de la réalité du métier.
|
||||||
|
|
||||||
|
Pour l'enseignant : dresser un état des lieux des compétences de base de chaque élève (défi diagnostique) avant les défis cotés de S2 et S3.
|
||||||
|
|
||||||
|
Lien avec le programme : aptitudes « Utiliser les technologies de l'information nécessaires à la recherche » et « Confronter ses représentations aux informations recueillies » ; élément méthodologique « S'intéresser au monde du travail, en particulier les champs d'activités de l'agent d'éducation ».
|
||||||
|
|
||||||
|
## Prérequis
|
||||||
|
|
||||||
|
Aucun. Le défi diagnostique sert justement à mesurer les acquis.
|
||||||
|
|
||||||
|
## Matériel et préparation
|
||||||
|
|
||||||
|
À préparer avant la séance :
|
||||||
|
|
||||||
|
- déposer S1_texte-brut.odt dans le dossier partagé de la classe et sur la page de la séance ;
|
||||||
|
- ouvrir ce fichier sur un poste de l'école et vérifier que le correcteur souligne bien « encourrage », « Aprés » et « activitées », et pas « accueil » ;
|
||||||
|
- tester la recherche d'images et de vidéos sur un poste élève : filtre de contenu actif, sites de vidéos accessibles ou bloqués ;
|
||||||
|
- préparer une solution de secours si les vidéos sont bloquées : 6 à 8 captures d'images variées, ou la bande-annonce d'un film sur le métier projetée au TBI (pistes : Hors normes, 2019, sur des éducateurs auprès de jeunes autistes ; La Tête haute, 2015, avec un éducateur de l'aide à la jeunesse) ;
|
||||||
|
- imprimer le cours élève et la déclaration d'intention, un exemplaire par élève ;
|
||||||
|
- prévoir deux papillons autocollants par élève (trois mots, ticket de sortie) ;
|
||||||
|
- vérifier que chaque élève a une clé USB ou un accès à son stockage en ligne.
|
||||||
|
|
||||||
|
Matériel en classe : un ordinateur par élève, TBI ou projecteur avec la page de la séance, tableau.
|
||||||
|
|
||||||
|
## Déroulement minuté
|
||||||
|
|
||||||
|
| Temps | Phase | Ce que fait l'enseignant | Ce que font les élèves |
|
||||||
|
|---|---|---|---|
|
||||||
|
| 0 à 8 min | Accroche : trois mots | Distribue les papillons. Consigne : trois mots pour « éducateur », sans nom. Regroupe les papillons au tableau par thème, sans commenter. | Écrivent trois mots, collent le papillon. |
|
||||||
|
| 8 à 20 min | Le cours en bref | Présente l'agence, les cinq périodes, les points, la SIPS en mots simples. Distribue la déclaration d'intention : lecture des points clés (barème, reprise des défis, réussite à 50 %). Retour signé pour S2. | Écoutent, posent leurs questions. |
|
||||||
|
| 20 à 50 min | Défi diagnostique | Affiche la page de la séance. Circule, observe, aide sans faire à la place. Note pour chaque élève le niveau atteint. | Réalisent les consignes, cochent leur tableau de réussite, enregistrent. |
|
||||||
|
| 50 à 75 min | Enquête en binômes | Forme les binômes (mélanger les niveaux repérés au diagnostic). Rappelle la consigne de sécurité sur les résultats. | Recherchent, choisissent quatre résultats, remplissent le tableau. |
|
||||||
|
| 75 à 90 min | Mise en commun et « Cliché ou réalité ? » | Recueille les observations au tableau en deux colonnes : ce qu'Internet montre, ce que fait vraiment un agent d'éducation. Lance le quiz de la page au TBI. Revient sur les papillons du début. | Partagent, répondent au quiz, complètent la partie 5. |
|
||||||
|
| 90 à 100 min | Autopositionnement et ticket de sortie | Explique que l'autopositionnement sera refait en fin de période. Ramasse les tickets. | Remplissent la partie 6, puis le ticket de sortie. |
|
||||||
|
|
||||||
|
Si la séance de lancement a déjà eu lieu la semaine du 21 septembre (présentation du cours et déclaration d'intention), la phase « Le cours en bref » se réduit à un rappel de 3 minutes, et le temps gagné va à l'enquête.
|
||||||
|
|
||||||
|
## Méthodes pédagogiques
|
||||||
|
|
||||||
|
Diagnostic individuel en autonomie, enquête en binômes, mise en commun dialoguée, quiz collectif au TBI. Aucune évaluation sommative : tout ce qui est produit aujourd'hui sert au diagnostic ou à la prise de conscience.
|
||||||
|
|
||||||
|
## Différenciation
|
||||||
|
|
||||||
|
- Défi diagnostique organisé en trois niveaux : chaque élève va aussi loin qu'il peut, et le niveau 3 occupe les plus rapides.
|
||||||
|
- Les élèves qui terminent tôt aident leur voisin, à condition de lui expliquer sans prendre la souris.
|
||||||
|
- Binômes hétérogènes pour l'enquête, formés à partir du diagnostic.
|
||||||
|
- Pour un élève en difficulté de lecture : consignes lues à voix haute au TBI, tableau d'enquête réduit à deux colonnes (« Où ? », « Que fait l'éducateur ? »).
|
||||||
|
|
||||||
|
## Points de vigilance
|
||||||
|
|
||||||
|
- **Recherche d'images :** des résultats inappropriés peuvent apparaître. Consigne donnée avant la recherche, filtre de contenu vérifié, écrans visibles depuis le fond de la classe.
|
||||||
|
- **Droit à l'image :** aucune photo de personne téléchargée ni partagée. C'est l'occasion d'annoncer ce qui sera travaillé en période 3.
|
||||||
|
- **Les trois mots et le ticket de sortie restent anonymes :** ce ne sont pas des traces du portfolio. La représentation initiale de chaque élève est une trace personnelle, prise dans le cours désigné par l'équipe.
|
||||||
|
- **Représentation initiale :** si l'équipe l'a confiée au cours TIC, utiliser la fiche en annexe, à la place des parties 6 et 7 ou à la séance suivante. La fiche est rangée dans un espace personnel non partagé, ou gardée sur papier par l'élève.
|
||||||
|
- **Champs d'activités :** la liste du corrigé vient du programme du 3e degré (2002). Certains services de l'aide à la jeunesse ont changé de nom depuis ; la liste suffit pour une première approche en 4e.
|
||||||
|
|
||||||
|
## Traces à conserver
|
||||||
|
|
||||||
|
- Pour l'enseignant : le niveau atteint par chaque élève au diagnostic, pour ajuster S2 et S3 ; les tickets de sortie ; la photo du tableau des trois mots, à ressortir en fin d'année.
|
||||||
|
- Pour l'élève : le fichier du diagnostic, rangé dans son dossier de l'année, et le cours élève complété.
|
||||||
|
|
||||||
|
## Annexe : fiche « Ma représentation du métier »
|
||||||
|
|
||||||
|
À imprimer uniquement si l'équipe a confié au cours TIC la mise en forme de la représentation initiale.
|
||||||
|
|
||||||
|
Cette fiche est pour toi. Tu la gardes dans ton portfolio, et personne ne la lit sans ton accord. En fin d'année, tu la reliras pour voir ce qui a changé dans ta vision du métier.
|
||||||
|
|
||||||
|
1. Pour moi, un agent d'éducation, c'est...
|
||||||
|
2. Trois qualités qu'il faut avoir pour faire ce métier :
|
||||||
|
3. Un endroit où j'aimerais travailler plus tard, et pourquoi :
|
||||||
|
4. Ce qui me fait un peu peur dans ce métier :
|
||||||
|
5. Pourquoi j'ai choisi cette option :
|
||||||
Binary file not shown.
@@ -0,0 +1,93 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<title>4e TQ Agent d'éducation · TIC</title>
|
||||||
|
<meta name="description" content="Les séances du cours de TIC (traitement de texte) de 4e TQ Agent d'éducation.">
|
||||||
|
<meta name="robots" content="noindex">
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500;700&display=swap" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="../assets/theme.css">
|
||||||
|
</head>
|
||||||
|
<body class="classe-ae">
|
||||||
|
|
||||||
|
<header class="entete">
|
||||||
|
<div class="entete__interieur">
|
||||||
|
<nav class="ariane" aria-label="Fil d'Ariane">
|
||||||
|
<a href="../index.html">Mes cours</a><span aria-hidden="true">/</span><strong>4e TQ Agent d'éducation</strong>
|
||||||
|
</nav>
|
||||||
|
<h1>4e TQ Agent d'éducation</h1>
|
||||||
|
<p class="entete__meta">TIC (traitement de texte) · M. Courcelle</p>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<main class="contenu">
|
||||||
|
|
||||||
|
<p class="chapeau">Cette année, la classe fonctionne comme une agence qui reçoit des missions. Choisis la séance sur laquelle tu travailles : chaque page se lit du début à la fin, avec des exercices à faire directement dedans.</p>
|
||||||
|
|
||||||
|
<h2>Période 1 : Bienvenue à l'agence</h2>
|
||||||
|
|
||||||
|
<!-- ==================================================================
|
||||||
|
POUR AJOUTER UNE SÉANCE
|
||||||
|
1. Créer le dossier de la séance à côté de ce fichier (seance2,
|
||||||
|
seance3...), avec son index.html dedans (le plus simple :
|
||||||
|
copier seance1).
|
||||||
|
2. Copier-coller le bloc <li class="module"> ci-dessous dans la
|
||||||
|
liste de la bonne période, et remplir les quatre champs.
|
||||||
|
3. Adapter le href vers le dossier de la nouvelle séance.
|
||||||
|
|
||||||
|
Gabarit à copier :
|
||||||
|
|
||||||
|
<li class="module">
|
||||||
|
<a class="module__lien" href="DOSSIER/index.html">
|
||||||
|
<span class="module__num">Période N · Séance N</span>
|
||||||
|
<span class="module__titre">Titre de la séance</span>
|
||||||
|
<span class="module__resume">Ce qu'on y fait, en une phrase.</span>
|
||||||
|
<span class="module__meta">Ce qu'il y a dans la page</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
Une séance annoncée mais pas encore prête : ajouter la classe
|
||||||
|
« module--bientot » au <li> et remplacer le <a> par un
|
||||||
|
<div class="module__lien">, sans href.
|
||||||
|
================================================================== -->
|
||||||
|
|
||||||
|
<ul class="modules">
|
||||||
|
<li class="module">
|
||||||
|
<a class="module__lien" href="seance1/index.html">
|
||||||
|
<span class="module__num">Période 1 · Séance 1</span>
|
||||||
|
<span class="module__titre">Bienvenue à l'agence</span>
|
||||||
|
<span class="module__resume">Le fonctionnement du cours, un défi pour voir où tu en es, et ta première enquête : que raconte Internet sur le métier ?</span>
|
||||||
|
<span class="module__meta">Défi diagnostique · enquête · quiz « Cliché ou réalité ? »</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="module module--bientot">
|
||||||
|
<div class="module__lien">
|
||||||
|
<span class="module__num">Période 1 · Séance 2</span>
|
||||||
|
<span class="module__titre">Ranger, nommer, mettre en forme</span>
|
||||||
|
<span class="module__resume">Organiser ton dossier d'apprentissage et mettre en forme un texte sans tricher avec les espaces.</span>
|
||||||
|
<span class="module__meta">Bientôt en ligne</span>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="module module--bientot">
|
||||||
|
<div class="module__lien">
|
||||||
|
<span class="module__num">Période 1 · Séance 3</span>
|
||||||
|
<span class="module__titre">Les styles</span>
|
||||||
|
<span class="module__resume">Titres, volet de navigation, table des matières : structurer un document en quelques clics.</span>
|
||||||
|
<span class="module__meta">Bientôt en ligne</span>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer class="pied">
|
||||||
|
<div class="pied__interieur">
|
||||||
|
Les exercices se font dans LibreOffice Writer. Enregistre ton travail dans ton dossier de l'année, sur ta clé.
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Binary file not shown.
@@ -0,0 +1,274 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<title>Séance 1 · Bienvenue à l'agence · 4e TQ Agent d'éducation</title>
|
||||||
|
<meta name="description" content="Séance 1 du cours de TIC de 4e TQ Agent d'éducation : défi diagnostique, enquête sur le métier, cliché ou réalité.">
|
||||||
|
<meta name="robots" content="noindex">
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500;700&display=swap" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="../../assets/theme.css">
|
||||||
|
<link rel="stylesheet" href="../../assets/atelier-texte.css">
|
||||||
|
<style>
|
||||||
|
/* Propre à cette page : l'autopositionnement. */
|
||||||
|
.auto { list-style: none; padding: 0; margin: 1rem 0; max-width: var(--lecture); }
|
||||||
|
.auto li { border-bottom: 1px solid var(--trait); padding: .6rem 0; margin: 0; }
|
||||||
|
.auto p { margin: 0 0 .4rem; }
|
||||||
|
.auto .zones { margin: 0; }
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="classe-ae">
|
||||||
|
|
||||||
|
<header class="entete">
|
||||||
|
<div class="entete__interieur">
|
||||||
|
<nav class="ariane" aria-label="Fil d'Ariane">
|
||||||
|
<a href="../../index.html">Mes cours</a><span aria-hidden="true">/</span><a href="../index.html">4e TQ Agent d'éducation</a><span aria-hidden="true">/</span><strong>Séance 1</strong>
|
||||||
|
</nav>
|
||||||
|
<div class="entete__barre">
|
||||||
|
<div>
|
||||||
|
<h1>Bienvenue à l'agence</h1>
|
||||||
|
<p class="entete__meta">Période 1 · Séance 1 · TIC (traitement de texte) · M. Courcelle</p>
|
||||||
|
</div>
|
||||||
|
<button type="button" class="action action--secondaire" id="projection" aria-pressed="false">Agrandir</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div class="wrap">
|
||||||
|
|
||||||
|
<nav class="sommaire-lat" aria-label="Sommaire de la séance">
|
||||||
|
<div class="top">Séance 1</div>
|
||||||
|
<h2>Découvrir</h2>
|
||||||
|
<a href="#aujourdhui">Aujourd'hui</a>
|
||||||
|
<a href="#trois-mots">1. Trois mots</a>
|
||||||
|
<a href="#le-cours">2. Le cours en bref</a>
|
||||||
|
<h2>Faire</h2>
|
||||||
|
<a href="#diagnostic">3. Défi diagnostique</a>
|
||||||
|
<a href="#enquete">4. Enquête</a>
|
||||||
|
<a href="#cliche">5. Cliché ou réalité ?</a>
|
||||||
|
<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>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<main class="feuille">
|
||||||
|
<div class="regle" aria-hidden="true"></div>
|
||||||
|
<div class="inner">
|
||||||
|
|
||||||
|
<span class="module-tag">Période 1 · Séance 1</span>
|
||||||
|
|
||||||
|
<section id="aujourdhui">
|
||||||
|
<h2>Ce que tu vas faire aujourd'hui</h2>
|
||||||
|
<p>Tu vas découvrir comment fonctionne le cours, montrer ce que tu sais déjà faire à l'ordinateur, et mener ta première enquête : qu'est-ce qu'Internet raconte sur le métier d'agent d'éducation ?</p>
|
||||||
|
<p><strong>Rien de ce que tu fais aujourd'hui n'est coté.</strong></p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="trois-mots">
|
||||||
|
<h2>1. Trois mots</h2>
|
||||||
|
<p>Quand tu entends « éducateur » ou « éducatrice », quels sont les trois premiers mots qui te viennent en tête ? Écris-les sur le papillon que je te donne, sans ton nom. On les affiche au tableau, et on les regardera à nouveau en fin de séance.</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="le-cours">
|
||||||
|
<h2>2. Le cours en bref</h2>
|
||||||
|
<p>Cette année, la classe fonctionne comme une agence qui reçoit des missions. Le numérique, tu le connais déjà : réseaux, messageries, vidéos courtes. Ici, tu vas apprendre à t'en servir comme un professionnel de l'éducation : chercher une information fiable, créer des documents clairs, communiquer pour un vrai public, respecter les personnes avec qui tu travailles.</p>
|
||||||
|
<p>L'année est découpée en cinq périodes. La première sert à prendre en main les outils. Ensuite, chaque période se termine par une mission.</p>
|
||||||
|
<div class="encadre">
|
||||||
|
<h3>Tes points</h3>
|
||||||
|
<p>Ils viennent de trois sources : des défis techniques courts, les missions, et la tenue de ton dossier d'apprentissage. Tout est expliqué dans la déclaration d'intention. Lis-la avec tes parents et rapporte-la signée à la prochaine séance.</p>
|
||||||
|
</div>
|
||||||
|
<p>En fin d'année, tu passeras ton épreuve de qualification, la <strong>SIPS</strong>. Tu devras présenter devant un jury ta vision du métier et ce qui a changé pendant l'année, puis observer une situation professionnelle. Ce cours t'aide à préparer le support de ta présentation et à tenir tes documents en ordre.</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="diagnostic">
|
||||||
|
<h2>3. Défi diagnostique</h2>
|
||||||
|
<p>Ce défi me montre ce que tu sais déjà faire, pour que je puisse adapter le cours. Il n'y a pas de points. Tu as <strong>30 minutes</strong>. Fais les consignes dans l'ordre. Si tu bloques, passe à la suivante.</p>
|
||||||
|
|
||||||
|
<div class="actions">
|
||||||
|
<a class="action" href="S1_texte-brut.odt" download>Télécharger le fichier S1_texte-brut</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h3>Niveau 1</h3>
|
||||||
|
<ol>
|
||||||
|
<li>Ouvre le fichier <code>S1_texte-brut</code> que tu viens de télécharger, ou celui du dossier que le professeur t'indique.</li>
|
||||||
|
<li>Enregistre-le sous un nouveau nom, sur ta clé, dans ton dossier de l'année. Le nom : <code>AAAA-MM-JJ_S1_diagnostic_Prenom</code>, avec la date du jour et ton prénom, sans accent et sans espace.</li>
|
||||||
|
<li>Mets le titre en gras.</li>
|
||||||
|
</ol>
|
||||||
|
|
||||||
|
<div class="nomtest">
|
||||||
|
<h4>Vérifie ton nom de fichier avant d'enregistrer</h4>
|
||||||
|
<label for="nom">Tape le nom que tu veux donner à ton fichier :</label><br>
|
||||||
|
<input id="nom" type="text" autocomplete="off" spellcheck="false" placeholder="2026-10-01_S1_diagnostic_Yasmine">
|
||||||
|
<ul class="check" id="nom-check" aria-live="polite"></ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h3>Niveau 2</h3>
|
||||||
|
<ol start="4">
|
||||||
|
<li>Mets le titre en taille 16 et centre-le.</li>
|
||||||
|
<li>Justifie le paragraphe.</li>
|
||||||
|
<li>Transforme les quatre dernières lignes en liste à puces.</li>
|
||||||
|
<li>Corrige les trois mots soulignés en rouge par le correcteur.</li>
|
||||||
|
</ol>
|
||||||
|
|
||||||
|
<h3>Niveau 3</h3>
|
||||||
|
<ol start="8">
|
||||||
|
<li>Une faute n'est pas soulignée par le correcteur. Trouve-la et corrige-la.</li>
|
||||||
|
<li>Ajoute ton prénom dans le pied de page.</li>
|
||||||
|
</ol>
|
||||||
|
|
||||||
|
<p>Pour terminer : enregistre ton fichier et montre-le au professeur. Puis coche, sur ta feuille, comment chaque consigne s'est passée : réussi seul, réussi avec aide, ou pas réussi.</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="enquete">
|
||||||
|
<h2>4. Enquête : le métier vu par Internet</h2>
|
||||||
|
<p>En binôme, <strong>25 minutes</strong>.</p>
|
||||||
|
<p>Lance une recherche d'images ou de vidéos avec ces mots : <code>éducateur</code>, <code>éducatrice spécialisée</code>, <code>éducateur internat</code>, <code>éducateur de rue</code>. Choisis quatre résultats différents et remplis le tableau de ta feuille.</p>
|
||||||
|
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr><th scope="col">Pour chaque résultat, note</th><th scope="col">Exemple de réponse</th></tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr><td>Où ça se passe ?</td><td>une cour de récréation, un salon, une rue</td></tr>
|
||||||
|
<tr><td>Qui voit-on ?</td><td>des ados, un homme d'environ 30 ans</td></tr>
|
||||||
|
<tr><td>Que fait l'éducateur ?</td><td>il joue au foot avec eux</td></tr>
|
||||||
|
<tr><td>Quelle ambiance ?</td><td>détendue, tendue, triste</td></tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<p>Pour finir, complète la phrase : « D'après ces résultats, le métier d'éducateur, c'est surtout... »</p>
|
||||||
|
|
||||||
|
<div class="encadre encadre--attention">
|
||||||
|
<p>Si un résultat te met mal à l'aise ou n'a rien à voir avec le métier, ferme-le et préviens le professeur. Ne télécharge pas et ne partage pas de photos de personnes.</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="cliche">
|
||||||
|
<h2>5. Cliché ou réalité ?</h2>
|
||||||
|
<p>Après la mise en commun, réponds à chaque affirmation. La correction s'affiche tout de suite.</p>
|
||||||
|
<div class="quiz" id="quiz-cliche"></div>
|
||||||
|
<div class="encadre encadre--cle">
|
||||||
|
<p>L'agent d'éducation accompagne des personnes au quotidien pour les aider à gagner en autonomie. Il travaille en équipe, dans des lieux très différents : aide à la jeunesse, handicap, petite enfance, personnes âgées, santé, maisons de jeunes, écoles et internats, travail de rue, aide aux adultes en difficulté.</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="ou-en-es-tu">
|
||||||
|
<h2>6. Où en es-tu ?</h2>
|
||||||
|
<p>Pour chaque ligne, choisis ce qui te correspond aujourd'hui, puis reporte tes réponses sur ta feuille : cette page ne garde rien en mémoire. Tu referas cet exercice à la fin de la période pour voir ce qui a changé.</p>
|
||||||
|
<ul class="auto" id="auto"></ul>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="ticket">
|
||||||
|
<h2>7. Ticket de sortie</h2>
|
||||||
|
<p>Réponds sur le papillon que je te donne, et remets-le en sortant.</p>
|
||||||
|
<ol>
|
||||||
|
<li>Un cliché sur le métier que tu as repéré aujourd'hui.</li>
|
||||||
|
<li>Un endroit où tu ne savais pas qu'un agent d'éducation pouvait travailler.</li>
|
||||||
|
</ol>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<footer class="pied">
|
||||||
|
<div class="pied__interieur">
|
||||||
|
Les exercices se font dans LibreOffice Writer. Enregistre ton travail dans ton dossier de l'année, sur ta clé.
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<script src="../../assets/atelier-texte.js"></script>
|
||||||
|
<script>
|
||||||
|
"use strict";
|
||||||
|
|
||||||
|
/* ---------- mode projection (TBI) ---------- */
|
||||||
|
(function(){
|
||||||
|
var b = document.getElementById('projection');
|
||||||
|
b.addEventListener('click', function(){
|
||||||
|
var on = document.documentElement.classList.toggle('projection');
|
||||||
|
b.setAttribute('aria-pressed', on ? 'true' : 'false');
|
||||||
|
b.textContent = on ? 'Taille normale' : 'Agrandir';
|
||||||
|
});
|
||||||
|
})();
|
||||||
|
|
||||||
|
/* ---------- vérification du nom de fichier ---------- */
|
||||||
|
(function(){
|
||||||
|
var champ = document.getElementById('nom');
|
||||||
|
var liste = document.getElementById('nom-check');
|
||||||
|
|
||||||
|
function dateValide(a, m, j){
|
||||||
|
var d = new Date(a, m - 1, j);
|
||||||
|
return d.getFullYear() === a && d.getMonth() === m - 1 && d.getDate() === j;
|
||||||
|
}
|
||||||
|
|
||||||
|
function verifier(){
|
||||||
|
var v = champ.value.trim();
|
||||||
|
if (!v) { liste.innerHTML = ''; return; }
|
||||||
|
var ext = /\.odt$/i.test(v);
|
||||||
|
var n = v.replace(/\.odt$/i, '');
|
||||||
|
var md = n.match(/^(\d{4})-(\d{2})-(\d{2})/);
|
||||||
|
var regles = [
|
||||||
|
['Commence par une date au format AAAA-MM-JJ', !!md && dateValide(+md[1], +md[2], +md[3])],
|
||||||
|
['La date est suivie de _S1_diagnostic_', /^\d{4}-\d{2}-\d{2}_S1_diagnostic_/.test(n)],
|
||||||
|
['Se termine par ton prénom', /_S1_diagnostic_[A-Za-z][A-Za-z-]+$/.test(n)],
|
||||||
|
['Aucun espace', !/\s/.test(n)],
|
||||||
|
['Aucun accent ni caractère spécial', /^[A-Za-z0-9_-]+$/.test(n)]
|
||||||
|
];
|
||||||
|
liste.innerHTML = regles.map(function(r){
|
||||||
|
return '<li class="' + (r[1] ? 'ok' : 'ko') + '">' + r[0] + '</li>';
|
||||||
|
}).join('') + (ext ? '<li class="ok">Pas besoin de taper .odt : Writer l\'ajoute tout seul.</li>' : '');
|
||||||
|
}
|
||||||
|
|
||||||
|
champ.addEventListener('input', verifier);
|
||||||
|
})();
|
||||||
|
|
||||||
|
/* ---------- cliché ou réalité ---------- */
|
||||||
|
var CR = ["C'est un cliché", "C'est la réalité"];
|
||||||
|
quiz(document.getElementById('quiz-cliche'), [
|
||||||
|
{ q: "Un agent d'éducation travaille surtout dans les écoles, comme surveillant.", r: CR, b: 0,
|
||||||
|
e: "L'école et l'internat ne sont qu'un secteur parmi d'autres : aide à la jeunesse, handicap, petite enfance, personnes âgées, santé mentale, maisons de jeunes, travail de rue..." },
|
||||||
|
{ q: "Un agent d'éducation peut travailler auprès de personnes âgées.", r: CR, b: 1,
|
||||||
|
e: "Les maisons de repos et les centres de jour pour personnes âgées font partie de ses lieux de travail." },
|
||||||
|
{ q: "Le métier consiste surtout à faire respecter la discipline.", r: CR, b: 0,
|
||||||
|
e: "Le cœur du métier, c'est l'accompagnement au quotidien : aider chaque personne à devenir plus autonome, selon ses possibilités. Les règles en font partie, mais ce n'est pas le but." },
|
||||||
|
{ q: "Un agent d'éducation travaille seul, sans collègues d'autres métiers.", r: CR, b: 0,
|
||||||
|
e: "Il travaille en équipe avec des assistants sociaux, des psychologues, des infirmiers, des enseignants, et avec des services extérieurs comme les centres PMS ou le CPAS." },
|
||||||
|
{ q: "Il existe des éducateurs qui travaillent dans la rue.", r: CR, b: 1,
|
||||||
|
e: "Les éducateurs de rue vont à la rencontre des jeunes là où ils se trouvent, dans le quartier." },
|
||||||
|
{ q: "Observer les personnes fait partie du métier.", r: CR, b: 1,
|
||||||
|
e: "L'observation est un outil de base de l'agent d'éducation : elle permet de comprendre ce que vivent les personnes et d'adapter son action. Tu la travailleras toute l'année." }
|
||||||
|
]);
|
||||||
|
|
||||||
|
/* ---------- autopositionnement ---------- */
|
||||||
|
(function(){
|
||||||
|
var items = [
|
||||||
|
"retrouver un fichier sur l'ordinateur ou sur ma clé",
|
||||||
|
"enregistrer un fichier sous un nouveau nom, au bon endroit",
|
||||||
|
"choisir un nom de fichier clair, que je retrouverai plus tard",
|
||||||
|
"mettre un texte en gras, changer sa taille, le centrer",
|
||||||
|
"faire une liste à puces",
|
||||||
|
"utiliser le correcteur orthographique",
|
||||||
|
"utiliser les styles de titre (Titre 1, Titre 2)",
|
||||||
|
"trouver une information sur Internet"
|
||||||
|
];
|
||||||
|
var choix = ['Oui', 'Un peu', 'Pas encore'];
|
||||||
|
var ul = document.getElementById('auto');
|
||||||
|
ul.innerHTML = items.map(function(t, i){
|
||||||
|
return '<li><p>Je sais ' + t + '.</p><div class="zones" role="group" aria-label="Je sais ' + t + '">' +
|
||||||
|
choix.map(function(c){ return '<button type="button" aria-pressed="false">' + c + '</button>'; }).join('') +
|
||||||
|
'</div></li>';
|
||||||
|
}).join('');
|
||||||
|
ul.addEventListener('click', function(e){
|
||||||
|
var b = e.target.closest('button');
|
||||||
|
if (!b) return;
|
||||||
|
b.parentNode.querySelectorAll('button').forEach(function(x){
|
||||||
|
x.setAttribute('aria-pressed', x === b ? 'true' : 'false');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Binary file not shown.
@@ -0,0 +1,274 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<title>Séance 1 · Bienvenue à l'agence · 4e TQ Agent d'éducation</title>
|
||||||
|
<meta name="description" content="Séance 1 du cours de TIC de 4e TQ Agent d'éducation : défi diagnostique, enquête sur le métier, cliché ou réalité.">
|
||||||
|
<meta name="robots" content="noindex">
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500;700&display=swap" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="../../assets/theme.css">
|
||||||
|
<link rel="stylesheet" href="../../assets/atelier-texte.css">
|
||||||
|
<style>
|
||||||
|
/* Propre à cette page : l'autopositionnement. */
|
||||||
|
.auto { list-style: none; padding: 0; margin: 1rem 0; max-width: var(--lecture); }
|
||||||
|
.auto li { border-bottom: 1px solid var(--trait); padding: .6rem 0; margin: 0; }
|
||||||
|
.auto p { margin: 0 0 .4rem; }
|
||||||
|
.auto .zones { margin: 0; }
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="classe-ae">
|
||||||
|
|
||||||
|
<header class="entete">
|
||||||
|
<div class="entete__interieur">
|
||||||
|
<nav class="ariane" aria-label="Fil d'Ariane">
|
||||||
|
<a href="../../index.html">Mes cours</a><span aria-hidden="true">/</span><a href="../index.html">4e TQ Agent d'éducation</a><span aria-hidden="true">/</span><strong>Séance 1</strong>
|
||||||
|
</nav>
|
||||||
|
<div class="entete__barre">
|
||||||
|
<div>
|
||||||
|
<h1>Bienvenue à l'agence</h1>
|
||||||
|
<p class="entete__meta">Période 1 · Séance 1 · TIC (traitement de texte) · M. Courcelle</p>
|
||||||
|
</div>
|
||||||
|
<button type="button" class="action action--secondaire" id="projection" aria-pressed="false">Agrandir</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div class="wrap">
|
||||||
|
|
||||||
|
<nav class="sommaire-lat" aria-label="Sommaire de la séance">
|
||||||
|
<div class="top">Séance 1</div>
|
||||||
|
<h2>Découvrir</h2>
|
||||||
|
<a href="#aujourdhui">Aujourd'hui</a>
|
||||||
|
<a href="#trois-mots">1. Trois mots</a>
|
||||||
|
<a href="#le-cours">2. Le cours en bref</a>
|
||||||
|
<h2>Faire</h2>
|
||||||
|
<a href="#diagnostic">3. Défi diagnostique</a>
|
||||||
|
<a href="#enquete">4. Enquête</a>
|
||||||
|
<a href="#cliche">5. Cliché ou réalité ?</a>
|
||||||
|
<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>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<main class="feuille">
|
||||||
|
<div class="regle" aria-hidden="true"></div>
|
||||||
|
<div class="inner">
|
||||||
|
|
||||||
|
<span class="module-tag">Période 1 · Séance 1</span>
|
||||||
|
|
||||||
|
<section id="aujourdhui">
|
||||||
|
<h2>Ce que tu vas faire aujourd'hui</h2>
|
||||||
|
<p>Tu vas découvrir comment fonctionne le cours, montrer ce que tu sais déjà faire à l'ordinateur, et mener ta première enquête : qu'est-ce qu'Internet raconte sur le métier d'agent d'éducation ?</p>
|
||||||
|
<p><strong>Rien de ce que tu fais aujourd'hui n'est coté.</strong></p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="trois-mots">
|
||||||
|
<h2>1. Trois mots</h2>
|
||||||
|
<p>Quand tu entends « éducateur » ou « éducatrice », quels sont les trois premiers mots qui te viennent en tête ? Écris-les sur le papillon que je te donne, sans ton nom. On les affiche au tableau, et on les regardera à nouveau en fin de séance.</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="le-cours">
|
||||||
|
<h2>2. Le cours en bref</h2>
|
||||||
|
<p>Cette année, la classe fonctionne comme une agence qui reçoit des missions. Le numérique, tu le connais déjà : réseaux, messageries, vidéos courtes. Ici, tu vas apprendre à t'en servir comme un professionnel de l'éducation : chercher une information fiable, créer des documents clairs, communiquer pour un vrai public, respecter les personnes avec qui tu travailles.</p>
|
||||||
|
<p>L'année est découpée en cinq périodes. La première sert à prendre en main les outils. Ensuite, chaque période se termine par une mission.</p>
|
||||||
|
<div class="encadre">
|
||||||
|
<h3>Tes points</h3>
|
||||||
|
<p>Ils viennent de trois sources : des défis techniques courts, les missions, et la tenue de ton dossier d'apprentissage. Tout est expliqué dans la déclaration d'intention. Lis-la avec tes parents et rapporte-la signée à la prochaine séance.</p>
|
||||||
|
</div>
|
||||||
|
<p>En fin d'année, tu passeras ton épreuve de qualification, la <strong>SIPS</strong>. Tu devras présenter devant un jury ta vision du métier et ce qui a changé pendant l'année, puis observer une situation professionnelle. Ce cours t'aide à préparer le support de ta présentation et à tenir tes documents en ordre.</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="diagnostic">
|
||||||
|
<h2>3. Défi diagnostique</h2>
|
||||||
|
<p>Ce défi me montre ce que tu sais déjà faire, pour que je puisse adapter le cours. Il n'y a pas de points. Tu as <strong>30 minutes</strong>. Fais les consignes dans l'ordre. Si tu bloques, passe à la suivante.</p>
|
||||||
|
|
||||||
|
<div class="actions">
|
||||||
|
<a class="action" href="S1_texte-brut.odt" download>Télécharger le fichier S1_texte-brut</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h3>Niveau 1</h3>
|
||||||
|
<ol>
|
||||||
|
<li>Ouvre le fichier <code>S1_texte-brut</code> que tu viens de télécharger, ou celui du dossier que le professeur t'indique.</li>
|
||||||
|
<li>Enregistre-le sous un nouveau nom, sur ta clé, dans ton dossier de l'année. Le nom : <code>AAAA-MM-JJ_S1_diagnostic_Prenom</code>, avec la date du jour et ton prénom, sans accent et sans espace.</li>
|
||||||
|
<li>Mets le titre en gras.</li>
|
||||||
|
</ol>
|
||||||
|
|
||||||
|
<div class="nomtest">
|
||||||
|
<h4>Vérifie ton nom de fichier avant d'enregistrer</h4>
|
||||||
|
<label for="nom">Tape le nom que tu veux donner à ton fichier :</label><br>
|
||||||
|
<input id="nom" type="text" autocomplete="off" spellcheck="false" placeholder="2026-10-01_S1_diagnostic_Yasmine">
|
||||||
|
<ul class="check" id="nom-check" aria-live="polite"></ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h3>Niveau 2</h3>
|
||||||
|
<ol start="4">
|
||||||
|
<li>Mets le titre en taille 16 et centre-le.</li>
|
||||||
|
<li>Justifie le paragraphe.</li>
|
||||||
|
<li>Transforme les quatre dernières lignes en liste à puces.</li>
|
||||||
|
<li>Corrige les trois mots soulignés en rouge par le correcteur.</li>
|
||||||
|
</ol>
|
||||||
|
|
||||||
|
<h3>Niveau 3</h3>
|
||||||
|
<ol start="8">
|
||||||
|
<li>Une faute n'est pas soulignée par le correcteur. Trouve-la et corrige-la.</li>
|
||||||
|
<li>Ajoute ton prénom dans le pied de page.</li>
|
||||||
|
</ol>
|
||||||
|
|
||||||
|
<p>Pour terminer : enregistre ton fichier et montre-le au professeur. Puis coche, sur ta feuille, comment chaque consigne s'est passée : réussi seul, réussi avec aide, ou pas réussi.</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="enquete">
|
||||||
|
<h2>4. Enquête : le métier vu par Internet</h2>
|
||||||
|
<p>En binôme, <strong>25 minutes</strong>.</p>
|
||||||
|
<p>Lance une recherche d'images ou de vidéos avec ces mots : <code>éducateur</code>, <code>éducatrice spécialisée</code>, <code>éducateur internat</code>, <code>éducateur de rue</code>. Choisis quatre résultats différents et remplis le tableau de ta feuille.</p>
|
||||||
|
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr><th scope="col">Pour chaque résultat, note</th><th scope="col">Exemple de réponse</th></tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr><td>Où ça se passe ?</td><td>une cour de récréation, un salon, une rue</td></tr>
|
||||||
|
<tr><td>Qui voit-on ?</td><td>des ados, un homme d'environ 30 ans</td></tr>
|
||||||
|
<tr><td>Que fait l'éducateur ?</td><td>il joue au foot avec eux</td></tr>
|
||||||
|
<tr><td>Quelle ambiance ?</td><td>détendue, tendue, triste</td></tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<p>Pour finir, complète la phrase : « D'après ces résultats, le métier d'éducateur, c'est surtout... »</p>
|
||||||
|
|
||||||
|
<div class="encadre encadre--attention">
|
||||||
|
<p>Si un résultat te met mal à l'aise ou n'a rien à voir avec le métier, ferme-le et préviens le professeur. Ne télécharge pas et ne partage pas de photos de personnes.</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="cliche">
|
||||||
|
<h2>5. Cliché ou réalité ?</h2>
|
||||||
|
<p>Après la mise en commun, réponds à chaque affirmation. La correction s'affiche tout de suite.</p>
|
||||||
|
<div class="quiz" id="quiz-cliche"></div>
|
||||||
|
<div class="encadre encadre--cle">
|
||||||
|
<p>L'agent d'éducation accompagne des personnes au quotidien pour les aider à gagner en autonomie. Il travaille en équipe, dans des lieux très différents : aide à la jeunesse, handicap, petite enfance, personnes âgées, santé, maisons de jeunes, écoles et internats, travail de rue, aide aux adultes en difficulté.</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="ou-en-es-tu">
|
||||||
|
<h2>6. Où en es-tu ?</h2>
|
||||||
|
<p>Pour chaque ligne, choisis ce qui te correspond aujourd'hui, puis reporte tes réponses sur ta feuille : cette page ne garde rien en mémoire. Tu referas cet exercice à la fin de la période pour voir ce qui a changé.</p>
|
||||||
|
<ul class="auto" id="auto"></ul>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="ticket">
|
||||||
|
<h2>7. Ticket de sortie</h2>
|
||||||
|
<p>Réponds sur le papillon que je te donne, et remets-le en sortant.</p>
|
||||||
|
<ol>
|
||||||
|
<li>Un cliché sur le métier que tu as repéré aujourd'hui.</li>
|
||||||
|
<li>Un endroit où tu ne savais pas qu'un agent d'éducation pouvait travailler.</li>
|
||||||
|
</ol>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<footer class="pied">
|
||||||
|
<div class="pied__interieur">
|
||||||
|
Les exercices se font dans LibreOffice Writer. Enregistre ton travail dans ton dossier de l'année, sur ta clé.
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<script src="../../assets/atelier-texte.js"></script>
|
||||||
|
<script>
|
||||||
|
"use strict";
|
||||||
|
|
||||||
|
/* ---------- mode projection (TBI) ---------- */
|
||||||
|
(function(){
|
||||||
|
var b = document.getElementById('projection');
|
||||||
|
b.addEventListener('click', function(){
|
||||||
|
var on = document.documentElement.classList.toggle('projection');
|
||||||
|
b.setAttribute('aria-pressed', on ? 'true' : 'false');
|
||||||
|
b.textContent = on ? 'Taille normale' : 'Agrandir';
|
||||||
|
});
|
||||||
|
})();
|
||||||
|
|
||||||
|
/* ---------- vérification du nom de fichier ---------- */
|
||||||
|
(function(){
|
||||||
|
var champ = document.getElementById('nom');
|
||||||
|
var liste = document.getElementById('nom-check');
|
||||||
|
|
||||||
|
function dateValide(a, m, j){
|
||||||
|
var d = new Date(a, m - 1, j);
|
||||||
|
return d.getFullYear() === a && d.getMonth() === m - 1 && d.getDate() === j;
|
||||||
|
}
|
||||||
|
|
||||||
|
function verifier(){
|
||||||
|
var v = champ.value.trim();
|
||||||
|
if (!v) { liste.innerHTML = ''; return; }
|
||||||
|
var ext = /\.odt$/i.test(v);
|
||||||
|
var n = v.replace(/\.odt$/i, '');
|
||||||
|
var md = n.match(/^(\d{4})-(\d{2})-(\d{2})/);
|
||||||
|
var regles = [
|
||||||
|
['Commence par une date au format AAAA-MM-JJ', !!md && dateValide(+md[1], +md[2], +md[3])],
|
||||||
|
['La date est suivie de _S1_diagnostic_', /^\d{4}-\d{2}-\d{2}_S1_diagnostic_/.test(n)],
|
||||||
|
['Se termine par ton prénom', /_S1_diagnostic_[A-Za-z][A-Za-z-]+$/.test(n)],
|
||||||
|
['Aucun espace', !/\s/.test(n)],
|
||||||
|
['Aucun accent ni caractère spécial', /^[A-Za-z0-9_-]+$/.test(n)]
|
||||||
|
];
|
||||||
|
liste.innerHTML = regles.map(function(r){
|
||||||
|
return '<li class="' + (r[1] ? 'ok' : 'ko') + '">' + r[0] + '</li>';
|
||||||
|
}).join('') + (ext ? '<li class="ok">Pas besoin de taper .odt : Writer l\'ajoute tout seul.</li>' : '');
|
||||||
|
}
|
||||||
|
|
||||||
|
champ.addEventListener('input', verifier);
|
||||||
|
})();
|
||||||
|
|
||||||
|
/* ---------- cliché ou réalité ---------- */
|
||||||
|
var CR = ["C'est un cliché", "C'est la réalité"];
|
||||||
|
quiz(document.getElementById('quiz-cliche'), [
|
||||||
|
{ q: "Un agent d'éducation travaille surtout dans les écoles, comme surveillant.", r: CR, b: 0,
|
||||||
|
e: "L'école et l'internat ne sont qu'un secteur parmi d'autres : aide à la jeunesse, handicap, petite enfance, personnes âgées, santé mentale, maisons de jeunes, travail de rue..." },
|
||||||
|
{ q: "Un agent d'éducation peut travailler auprès de personnes âgées.", r: CR, b: 1,
|
||||||
|
e: "Les maisons de repos et les centres de jour pour personnes âgées font partie de ses lieux de travail." },
|
||||||
|
{ q: "Le métier consiste surtout à faire respecter la discipline.", r: CR, b: 0,
|
||||||
|
e: "Le cœur du métier, c'est l'accompagnement au quotidien : aider chaque personne à devenir plus autonome, selon ses possibilités. Les règles en font partie, mais ce n'est pas le but." },
|
||||||
|
{ q: "Un agent d'éducation travaille seul, sans collègues d'autres métiers.", r: CR, b: 0,
|
||||||
|
e: "Il travaille en équipe avec des assistants sociaux, des psychologues, des infirmiers, des enseignants, et avec des services extérieurs comme les centres PMS ou le CPAS." },
|
||||||
|
{ q: "Il existe des éducateurs qui travaillent dans la rue.", r: CR, b: 1,
|
||||||
|
e: "Les éducateurs de rue vont à la rencontre des jeunes là où ils se trouvent, dans le quartier." },
|
||||||
|
{ q: "Observer les personnes fait partie du métier.", r: CR, b: 1,
|
||||||
|
e: "L'observation est un outil de base de l'agent d'éducation : elle permet de comprendre ce que vivent les personnes et d'adapter son action. Tu la travailleras toute l'année." }
|
||||||
|
]);
|
||||||
|
|
||||||
|
/* ---------- autopositionnement ---------- */
|
||||||
|
(function(){
|
||||||
|
var items = [
|
||||||
|
"retrouver un fichier sur l'ordinateur ou sur ma clé",
|
||||||
|
"enregistrer un fichier sous un nouveau nom, au bon endroit",
|
||||||
|
"choisir un nom de fichier clair, que je retrouverai plus tard",
|
||||||
|
"mettre un texte en gras, changer sa taille, le centrer",
|
||||||
|
"faire une liste à puces",
|
||||||
|
"utiliser le correcteur orthographique",
|
||||||
|
"utiliser les styles de titre (Titre 1, Titre 2)",
|
||||||
|
"trouver une information sur Internet"
|
||||||
|
];
|
||||||
|
var choix = ['Oui', 'Un peu', 'Pas encore'];
|
||||||
|
var ul = document.getElementById('auto');
|
||||||
|
ul.innerHTML = items.map(function(t, i){
|
||||||
|
return '<li><p>Je sais ' + t + '.</p><div class="zones" role="group" aria-label="Je sais ' + t + '">' +
|
||||||
|
choix.map(function(c){ return '<button type="button" aria-pressed="false">' + c + '</button>'; }).join('') +
|
||||||
|
'</div></li>';
|
||||||
|
}).join('');
|
||||||
|
ul.addEventListener('click', function(e){
|
||||||
|
var b = e.target.closest('button');
|
||||||
|
if (!b) return;
|
||||||
|
b.parentNode.querySelectorAll('button').forEach(function(x){
|
||||||
|
x.setAttribute('aria-pressed', x === b ? 'true' : 'false');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,93 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<title>4e TQ Agent d'éducation · TIC</title>
|
||||||
|
<meta name="description" content="Les séances du cours de TIC (traitement de texte) de 4e TQ Agent d'éducation.">
|
||||||
|
<meta name="robots" content="noindex">
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500;700&display=swap" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="../assets/theme.css">
|
||||||
|
</head>
|
||||||
|
<body class="classe-ae">
|
||||||
|
|
||||||
|
<header class="entete">
|
||||||
|
<div class="entete__interieur">
|
||||||
|
<nav class="ariane" aria-label="Fil d'Ariane">
|
||||||
|
<a href="../index.html">Mes cours</a><span aria-hidden="true">/</span><strong>4e TQ Agent d'éducation</strong>
|
||||||
|
</nav>
|
||||||
|
<h1>4e TQ Agent d'éducation</h1>
|
||||||
|
<p class="entete__meta">TIC (traitement de texte) · M. Courcelle</p>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<main class="contenu">
|
||||||
|
|
||||||
|
<p class="chapeau">Cette année, la classe fonctionne comme une agence qui reçoit des missions. Choisis la séance sur laquelle tu travailles : chaque page se lit du début à la fin, avec des exercices à faire directement dedans.</p>
|
||||||
|
|
||||||
|
<h2>Période 1 : Bienvenue à l'agence</h2>
|
||||||
|
|
||||||
|
<!-- ==================================================================
|
||||||
|
POUR AJOUTER UNE SÉANCE
|
||||||
|
1. Créer le dossier de la séance à côté de ce fichier (seance2,
|
||||||
|
seance3...), avec son index.html dedans (le plus simple :
|
||||||
|
copier seance1).
|
||||||
|
2. Copier-coller le bloc <li class="module"> ci-dessous dans la
|
||||||
|
liste de la bonne période, et remplir les quatre champs.
|
||||||
|
3. Adapter le href vers le dossier de la nouvelle séance.
|
||||||
|
|
||||||
|
Gabarit à copier :
|
||||||
|
|
||||||
|
<li class="module">
|
||||||
|
<a class="module__lien" href="DOSSIER/index.html">
|
||||||
|
<span class="module__num">Période N · Séance N</span>
|
||||||
|
<span class="module__titre">Titre de la séance</span>
|
||||||
|
<span class="module__resume">Ce qu'on y fait, en une phrase.</span>
|
||||||
|
<span class="module__meta">Ce qu'il y a dans la page</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
Une séance annoncée mais pas encore prête : ajouter la classe
|
||||||
|
« module--bientot » au <li> et remplacer le <a> par un
|
||||||
|
<div class="module__lien">, sans href.
|
||||||
|
================================================================== -->
|
||||||
|
|
||||||
|
<ul class="modules">
|
||||||
|
<li class="module">
|
||||||
|
<a class="module__lien" href="seance1/index.html">
|
||||||
|
<span class="module__num">Période 1 · Séance 1</span>
|
||||||
|
<span class="module__titre">Bienvenue à l'agence</span>
|
||||||
|
<span class="module__resume">Le fonctionnement du cours, un défi pour voir où tu en es, et ta première enquête : que raconte Internet sur le métier ?</span>
|
||||||
|
<span class="module__meta">Défi diagnostique · enquête · quiz « Cliché ou réalité ? »</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="module module--bientot">
|
||||||
|
<div class="module__lien">
|
||||||
|
<span class="module__num">Période 1 · Séance 2</span>
|
||||||
|
<span class="module__titre">Ranger, nommer, mettre en forme</span>
|
||||||
|
<span class="module__resume">Organiser ton dossier d'apprentissage et mettre en forme un texte sans tricher avec les espaces.</span>
|
||||||
|
<span class="module__meta">Bientôt en ligne</span>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="module module--bientot">
|
||||||
|
<div class="module__lien">
|
||||||
|
<span class="module__num">Période 1 · Séance 3</span>
|
||||||
|
<span class="module__titre">Les styles</span>
|
||||||
|
<span class="module__resume">Titres, volet de navigation, table des matières : structurer un document en quelques clics.</span>
|
||||||
|
<span class="module__meta">Bientôt en ligne</span>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer class="pied">
|
||||||
|
<div class="pied__interieur">
|
||||||
|
Les exercices se font dans LibreOffice Writer. Enregistre ton travail dans ton dossier de l'année, sur ta clé.
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -3,8 +3,8 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<title>4e TQ Agent d'éducation — Traitement de texte</title>
|
<title>4e TQ Agent d'éducation · TIC</title>
|
||||||
<meta name="description" content="Les modules du cours de traitement de texte de 4e TQ Agent d'éducation.">
|
<meta name="description" content="Les séances du cours de TIC (traitement de texte) de 4e TQ Agent d'éducation.">
|
||||||
<meta name="robots" content="noindex">
|
<meta name="robots" content="noindex">
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
@@ -19,48 +19,67 @@
|
|||||||
<a href="../index.html">Mes cours</a><span aria-hidden="true">/</span><strong>4e TQ Agent d'éducation</strong>
|
<a href="../index.html">Mes cours</a><span aria-hidden="true">/</span><strong>4e TQ Agent d'éducation</strong>
|
||||||
</nav>
|
</nav>
|
||||||
<h1>4e TQ Agent d'éducation</h1>
|
<h1>4e TQ Agent d'éducation</h1>
|
||||||
<p class="entete__meta">Traitement de texte · M. Courcelle</p>
|
<p class="entete__meta">TIC (traitement de texte) · M. Courcelle</p>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<main class="contenu">
|
<main class="contenu">
|
||||||
|
|
||||||
<p class="chapeau">Choisis le module sur lequel tu travailles. Chaque module se lit du début à la fin, avec des exercices à faire directement dans la page.</p>
|
<p class="chapeau">Cette année, la classe fonctionne comme une agence qui reçoit des missions. Choisis la séance sur laquelle tu travailles : chaque page se lit du début à la fin, avec des exercices à faire directement dedans.</p>
|
||||||
|
|
||||||
<h2>Les modules du cours</h2>
|
<h2>Période 1 : Bienvenue à l'agence</h2>
|
||||||
|
|
||||||
<!-- ==================================================================
|
<!-- ==================================================================
|
||||||
POUR AJOUTER UN MODULE
|
POUR AJOUTER UNE SÉANCE
|
||||||
1. Créer le dossier du module à côté de ce fichier, avec son
|
1. Créer le dossier de la séance à côté de ce fichier (seance2,
|
||||||
index.html dedans (le plus simple : copier un module existant).
|
seance3...), avec son index.html dedans (le plus simple :
|
||||||
2. Copier-coller le bloc <li class="module"> ci-dessous, juste
|
copier seance1).
|
||||||
avant la fin de la liste, et remplir les quatre champs :
|
2. Copier-coller le bloc <li class="module"> ci-dessous dans la
|
||||||
module__num « Module 3 », « Module C »…
|
liste de la bonne période, et remplir les quatre champs.
|
||||||
module__titre le titre affiché à l'élève
|
3. Adapter le href vers le dossier de la nouvelle séance.
|
||||||
module__resume une phrase sur ce qu'on y fait
|
|
||||||
module__meta nombre de séances, chapitre du cours papier…
|
|
||||||
3. Adapter le href vers le dossier du nouveau module.
|
|
||||||
|
|
||||||
Gabarit à copier :
|
Gabarit à copier :
|
||||||
|
|
||||||
<li class="module">
|
<li class="module">
|
||||||
<a class="module__lien" href="DOSSIER/index.html">
|
<a class="module__lien" href="DOSSIER/index.html">
|
||||||
<span class="module__num">Module N</span>
|
<span class="module__num">Période N · Séance N</span>
|
||||||
<span class="module__titre">Titre du module</span>
|
<span class="module__titre">Titre de la séance</span>
|
||||||
<span class="module__resume">Ce qu'on y apprend, en une phrase.</span>
|
<span class="module__resume">Ce qu'on y fait, en une phrase.</span>
|
||||||
<span class="module__meta">X séances · cours papier, chapitre Y</span>
|
<span class="module__meta">Ce qu'il y a dans la page</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
Un module annoncé mais pas encore prêt : garder le <li> en
|
Une séance annoncée mais pas encore prête : ajouter la classe
|
||||||
ajoutant la classe « module--bientot » et remplacer le <a> par
|
« module--bientot » au <li> et remplacer le <a> par un
|
||||||
un <div class="module__lien">, sans href.
|
<div class="module__lien">, sans href.
|
||||||
================================================================== -->
|
================================================================== -->
|
||||||
|
|
||||||
<p class="vide">
|
<ul class="modules">
|
||||||
Aucun module n'est encore en ligne pour cette classe.<br>
|
<li class="module">
|
||||||
Les exercices arriveront ici au fil de l'année.
|
<a class="module__lien" href="seance1/index.html">
|
||||||
</p>
|
<span class="module__num">Période 1 · Séance 1</span>
|
||||||
|
<span class="module__titre">Bienvenue à l'agence</span>
|
||||||
|
<span class="module__resume">Le fonctionnement du cours, un défi pour voir où tu en es, et ta première enquête : que raconte Internet sur le métier ?</span>
|
||||||
|
<span class="module__meta">Défi diagnostique · enquête · quiz « Cliché ou réalité ? »</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="module module--bientot">
|
||||||
|
<div class="module__lien">
|
||||||
|
<span class="module__num">Période 1 · Séance 2</span>
|
||||||
|
<span class="module__titre">Ranger, nommer, mettre en forme</span>
|
||||||
|
<span class="module__resume">Organiser ton dossier d'apprentissage et mettre en forme un texte sans tricher avec les espaces.</span>
|
||||||
|
<span class="module__meta">Bientôt en ligne</span>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="module module--bientot">
|
||||||
|
<div class="module__lien">
|
||||||
|
<span class="module__num">Période 1 · Séance 3</span>
|
||||||
|
<span class="module__titre">Les styles</span>
|
||||||
|
<span class="module__resume">Titres, volet de navigation, table des matières : structurer un document en quelques clics.</span>
|
||||||
|
<span class="module__meta">Bientôt en ligne</span>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
|
|||||||
@@ -0,0 +1,74 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<title>4e TQ Agent d'éducation — Traitement de texte</title>
|
||||||
|
<meta name="description" content="Les modules du cours de traitement de texte de 4e TQ Agent d'éducation.">
|
||||||
|
<meta name="robots" content="noindex">
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500;700&display=swap" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="../assets/theme.css">
|
||||||
|
</head>
|
||||||
|
<body class="classe-ae">
|
||||||
|
|
||||||
|
<header class="entete">
|
||||||
|
<div class="entete__interieur">
|
||||||
|
<nav class="ariane" aria-label="Fil d'Ariane">
|
||||||
|
<a href="../index.html">Mes cours</a><span aria-hidden="true">/</span><strong>4e TQ Agent d'éducation</strong>
|
||||||
|
</nav>
|
||||||
|
<h1>4e TQ Agent d'éducation</h1>
|
||||||
|
<p class="entete__meta">Traitement de texte · M. Courcelle</p>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<main class="contenu">
|
||||||
|
|
||||||
|
<p class="chapeau">Choisis le module sur lequel tu travailles. Chaque module se lit du début à la fin, avec des exercices à faire directement dans la page.</p>
|
||||||
|
|
||||||
|
<h2>Les modules du cours</h2>
|
||||||
|
|
||||||
|
<!-- ==================================================================
|
||||||
|
POUR AJOUTER UN MODULE
|
||||||
|
1. Créer le dossier du module à côté de ce fichier, avec son
|
||||||
|
index.html dedans (le plus simple : copier un module existant).
|
||||||
|
2. Copier-coller le bloc <li class="module"> ci-dessous, juste
|
||||||
|
avant la fin de la liste, et remplir les quatre champs :
|
||||||
|
module__num « Module 3 », « Module C »…
|
||||||
|
module__titre le titre affiché à l'élève
|
||||||
|
module__resume une phrase sur ce qu'on y fait
|
||||||
|
module__meta nombre de séances, chapitre du cours papier…
|
||||||
|
3. Adapter le href vers le dossier du nouveau module.
|
||||||
|
|
||||||
|
Gabarit à copier :
|
||||||
|
|
||||||
|
<li class="module">
|
||||||
|
<a class="module__lien" href="DOSSIER/index.html">
|
||||||
|
<span class="module__num">Module N</span>
|
||||||
|
<span class="module__titre">Titre du module</span>
|
||||||
|
<span class="module__resume">Ce qu'on y apprend, en une phrase.</span>
|
||||||
|
<span class="module__meta">X séances · cours papier, chapitre Y</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
Un module annoncé mais pas encore prêt : garder le <li> en
|
||||||
|
ajoutant la classe « module--bientot » et remplacer le <a> par
|
||||||
|
un <div class="module__lien">, sans href.
|
||||||
|
================================================================== -->
|
||||||
|
|
||||||
|
<p class="vide">
|
||||||
|
Aucun module n'est encore en ligne pour cette classe.<br>
|
||||||
|
Les exercices arriveront ici au fil de l'année.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer class="pied">
|
||||||
|
<div class="pied__interieur">
|
||||||
|
Les exercices se font dans LibreOffice Writer. Enregistre ton travail dans ton dossier de l'année, sur ta clé.
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Binary file not shown.
@@ -0,0 +1,274 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<title>Séance 1 · Bienvenue à l'agence · 4e TQ Agent d'éducation</title>
|
||||||
|
<meta name="description" content="Séance 1 du cours de TIC de 4e TQ Agent d'éducation : défi diagnostique, enquête sur le métier, cliché ou réalité.">
|
||||||
|
<meta name="robots" content="noindex">
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500;700&display=swap" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="../../assets/theme.css">
|
||||||
|
<link rel="stylesheet" href="../../assets/atelier-texte.css">
|
||||||
|
<style>
|
||||||
|
/* Propre à cette page : l'autopositionnement. */
|
||||||
|
.auto { list-style: none; padding: 0; margin: 1rem 0; max-width: var(--lecture); }
|
||||||
|
.auto li { border-bottom: 1px solid var(--trait); padding: .6rem 0; margin: 0; }
|
||||||
|
.auto p { margin: 0 0 .4rem; }
|
||||||
|
.auto .zones { margin: 0; }
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="classe-ae">
|
||||||
|
|
||||||
|
<header class="entete">
|
||||||
|
<div class="entete__interieur">
|
||||||
|
<nav class="ariane" aria-label="Fil d'Ariane">
|
||||||
|
<a href="../../index.html">Mes cours</a><span aria-hidden="true">/</span><a href="../index.html">4e TQ Agent d'éducation</a><span aria-hidden="true">/</span><strong>Séance 1</strong>
|
||||||
|
</nav>
|
||||||
|
<div class="entete__barre">
|
||||||
|
<div>
|
||||||
|
<h1>Bienvenue à l'agence</h1>
|
||||||
|
<p class="entete__meta">Période 1 · Séance 1 · TIC (traitement de texte) · M. Courcelle</p>
|
||||||
|
</div>
|
||||||
|
<button type="button" class="action action--secondaire" id="projection" aria-pressed="false">Agrandir</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div class="wrap">
|
||||||
|
|
||||||
|
<nav class="sommaire-lat" aria-label="Sommaire de la séance">
|
||||||
|
<div class="top">Séance 1</div>
|
||||||
|
<h2>Découvrir</h2>
|
||||||
|
<a href="#aujourdhui">Aujourd'hui</a>
|
||||||
|
<a href="#trois-mots">1. Trois mots</a>
|
||||||
|
<a href="#le-cours">2. Le cours en bref</a>
|
||||||
|
<h2>Faire</h2>
|
||||||
|
<a href="#diagnostic">3. Défi diagnostique</a>
|
||||||
|
<a href="#enquete">4. Enquête</a>
|
||||||
|
<a href="#cliche">5. Cliché ou réalité ?</a>
|
||||||
|
<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>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<main class="feuille">
|
||||||
|
<div class="regle" aria-hidden="true"></div>
|
||||||
|
<div class="inner">
|
||||||
|
|
||||||
|
<span class="module-tag">Période 1 · Séance 1</span>
|
||||||
|
|
||||||
|
<section id="aujourdhui">
|
||||||
|
<h2>Ce que tu vas faire aujourd'hui</h2>
|
||||||
|
<p>Tu vas découvrir comment fonctionne le cours, montrer ce que tu sais déjà faire à l'ordinateur, et mener ta première enquête : qu'est-ce qu'Internet raconte sur le métier d'agent d'éducation ?</p>
|
||||||
|
<p><strong>Rien de ce que tu fais aujourd'hui n'est coté.</strong></p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="trois-mots">
|
||||||
|
<h2>1. Trois mots</h2>
|
||||||
|
<p>Quand tu entends « éducateur » ou « éducatrice », quels sont les trois premiers mots qui te viennent en tête ? Écris-les sur le papillon que je te donne, sans ton nom. On les affiche au tableau, et on les regardera à nouveau en fin de séance.</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="le-cours">
|
||||||
|
<h2>2. Le cours en bref</h2>
|
||||||
|
<p>Cette année, la classe fonctionne comme une agence qui reçoit des missions. Le numérique, tu le connais déjà : réseaux, messageries, vidéos courtes. Ici, tu vas apprendre à t'en servir comme un professionnel de l'éducation : chercher une information fiable, créer des documents clairs, communiquer pour un vrai public, respecter les personnes avec qui tu travailles.</p>
|
||||||
|
<p>L'année est découpée en cinq périodes. La première sert à prendre en main les outils. Ensuite, chaque période se termine par une mission.</p>
|
||||||
|
<div class="encadre">
|
||||||
|
<h3>Tes points</h3>
|
||||||
|
<p>Ils viennent de trois sources : des défis techniques courts, les missions, et la tenue de ton dossier d'apprentissage. Tout est expliqué dans la déclaration d'intention. Lis-la avec tes parents et rapporte-la signée à la prochaine séance.</p>
|
||||||
|
</div>
|
||||||
|
<p>En fin d'année, tu passeras ton épreuve de qualification, la <strong>SIPS</strong>. Tu devras présenter devant un jury ta vision du métier et ce qui a changé pendant l'année, puis observer une situation professionnelle. Ce cours t'aide à préparer le support de ta présentation et à tenir tes documents en ordre.</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="diagnostic">
|
||||||
|
<h2>3. Défi diagnostique</h2>
|
||||||
|
<p>Ce défi me montre ce que tu sais déjà faire, pour que je puisse adapter le cours. Il n'y a pas de points. Tu as <strong>30 minutes</strong>. Fais les consignes dans l'ordre. Si tu bloques, passe à la suivante.</p>
|
||||||
|
|
||||||
|
<div class="actions">
|
||||||
|
<a class="action" href="S1_texte-brut.odt" download>Télécharger le fichier S1_texte-brut</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h3>Niveau 1</h3>
|
||||||
|
<ol>
|
||||||
|
<li>Ouvre le fichier <code>S1_texte-brut</code> que tu viens de télécharger, ou celui du dossier que le professeur t'indique.</li>
|
||||||
|
<li>Enregistre-le sous un nouveau nom, sur ta clé, dans ton dossier de l'année. Le nom : <code>AAAA-MM-JJ_S1_diagnostic_Prenom</code>, avec la date du jour et ton prénom, sans accent et sans espace.</li>
|
||||||
|
<li>Mets le titre en gras.</li>
|
||||||
|
</ol>
|
||||||
|
|
||||||
|
<div class="nomtest">
|
||||||
|
<h4>Vérifie ton nom de fichier avant d'enregistrer</h4>
|
||||||
|
<label for="nom">Tape le nom que tu veux donner à ton fichier :</label><br>
|
||||||
|
<input id="nom" type="text" autocomplete="off" spellcheck="false" placeholder="2026-10-01_S1_diagnostic_Yasmine">
|
||||||
|
<ul class="check" id="nom-check" aria-live="polite"></ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h3>Niveau 2</h3>
|
||||||
|
<ol start="4">
|
||||||
|
<li>Mets le titre en taille 16 et centre-le.</li>
|
||||||
|
<li>Justifie le paragraphe.</li>
|
||||||
|
<li>Transforme les quatre dernières lignes en liste à puces.</li>
|
||||||
|
<li>Corrige les trois mots soulignés en rouge par le correcteur.</li>
|
||||||
|
</ol>
|
||||||
|
|
||||||
|
<h3>Niveau 3</h3>
|
||||||
|
<ol start="8">
|
||||||
|
<li>Une faute n'est pas soulignée par le correcteur. Trouve-la et corrige-la.</li>
|
||||||
|
<li>Ajoute ton prénom dans le pied de page.</li>
|
||||||
|
</ol>
|
||||||
|
|
||||||
|
<p>Pour terminer : enregistre ton fichier et montre-le au professeur. Puis coche, sur ta feuille, comment chaque consigne s'est passée : réussi seul, réussi avec aide, ou pas réussi.</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="enquete">
|
||||||
|
<h2>4. Enquête : le métier vu par Internet</h2>
|
||||||
|
<p>En binôme, <strong>25 minutes</strong>.</p>
|
||||||
|
<p>Lance une recherche d'images ou de vidéos avec ces mots : <code>éducateur</code>, <code>éducatrice spécialisée</code>, <code>éducateur internat</code>, <code>éducateur de rue</code>. Choisis quatre résultats différents et remplis le tableau de ta feuille.</p>
|
||||||
|
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr><th scope="col">Pour chaque résultat, note</th><th scope="col">Exemple de réponse</th></tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr><td>Où ça se passe ?</td><td>une cour de récréation, un salon, une rue</td></tr>
|
||||||
|
<tr><td>Qui voit-on ?</td><td>des ados, un homme d'environ 30 ans</td></tr>
|
||||||
|
<tr><td>Que fait l'éducateur ?</td><td>il joue au foot avec eux</td></tr>
|
||||||
|
<tr><td>Quelle ambiance ?</td><td>détendue, tendue, triste</td></tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<p>Pour finir, complète la phrase : « D'après ces résultats, le métier d'éducateur, c'est surtout... »</p>
|
||||||
|
|
||||||
|
<div class="encadre encadre--attention">
|
||||||
|
<p>Si un résultat te met mal à l'aise ou n'a rien à voir avec le métier, ferme-le et préviens le professeur. Ne télécharge pas et ne partage pas de photos de personnes.</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="cliche">
|
||||||
|
<h2>5. Cliché ou réalité ?</h2>
|
||||||
|
<p>Après la mise en commun, réponds à chaque affirmation. La correction s'affiche tout de suite.</p>
|
||||||
|
<div class="quiz" id="quiz-cliche"></div>
|
||||||
|
<div class="encadre encadre--cle">
|
||||||
|
<p>L'agent d'éducation accompagne des personnes au quotidien pour les aider à gagner en autonomie. Il travaille en équipe, dans des lieux très différents : aide à la jeunesse, handicap, petite enfance, personnes âgées, santé, maisons de jeunes, écoles et internats, travail de rue, aide aux adultes en difficulté.</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="ou-en-es-tu">
|
||||||
|
<h2>6. Où en es-tu ?</h2>
|
||||||
|
<p>Pour chaque ligne, choisis ce qui te correspond aujourd'hui, puis reporte tes réponses sur ta feuille : cette page ne garde rien en mémoire. Tu referas cet exercice à la fin de la période pour voir ce qui a changé.</p>
|
||||||
|
<ul class="auto" id="auto"></ul>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="ticket">
|
||||||
|
<h2>7. Ticket de sortie</h2>
|
||||||
|
<p>Réponds sur le papillon que je te donne, et remets-le en sortant.</p>
|
||||||
|
<ol>
|
||||||
|
<li>Un cliché sur le métier que tu as repéré aujourd'hui.</li>
|
||||||
|
<li>Un endroit où tu ne savais pas qu'un agent d'éducation pouvait travailler.</li>
|
||||||
|
</ol>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<footer class="pied">
|
||||||
|
<div class="pied__interieur">
|
||||||
|
Les exercices se font dans LibreOffice Writer. Enregistre ton travail dans ton dossier de l'année, sur ta clé.
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<script src="../../assets/atelier-texte.js"></script>
|
||||||
|
<script>
|
||||||
|
"use strict";
|
||||||
|
|
||||||
|
/* ---------- mode projection (TBI) ---------- */
|
||||||
|
(function(){
|
||||||
|
var b = document.getElementById('projection');
|
||||||
|
b.addEventListener('click', function(){
|
||||||
|
var on = document.documentElement.classList.toggle('projection');
|
||||||
|
b.setAttribute('aria-pressed', on ? 'true' : 'false');
|
||||||
|
b.textContent = on ? 'Taille normale' : 'Agrandir';
|
||||||
|
});
|
||||||
|
})();
|
||||||
|
|
||||||
|
/* ---------- vérification du nom de fichier ---------- */
|
||||||
|
(function(){
|
||||||
|
var champ = document.getElementById('nom');
|
||||||
|
var liste = document.getElementById('nom-check');
|
||||||
|
|
||||||
|
function dateValide(a, m, j){
|
||||||
|
var d = new Date(a, m - 1, j);
|
||||||
|
return d.getFullYear() === a && d.getMonth() === m - 1 && d.getDate() === j;
|
||||||
|
}
|
||||||
|
|
||||||
|
function verifier(){
|
||||||
|
var v = champ.value.trim();
|
||||||
|
if (!v) { liste.innerHTML = ''; return; }
|
||||||
|
var ext = /\.odt$/i.test(v);
|
||||||
|
var n = v.replace(/\.odt$/i, '');
|
||||||
|
var md = n.match(/^(\d{4})-(\d{2})-(\d{2})/);
|
||||||
|
var regles = [
|
||||||
|
['Commence par une date au format AAAA-MM-JJ', !!md && dateValide(+md[1], +md[2], +md[3])],
|
||||||
|
['La date est suivie de _S1_diagnostic_', /^\d{4}-\d{2}-\d{2}_S1_diagnostic_/.test(n)],
|
||||||
|
['Se termine par ton prénom', /_S1_diagnostic_[A-Za-z][A-Za-z-]+$/.test(n)],
|
||||||
|
['Aucun espace', !/\s/.test(n)],
|
||||||
|
['Aucun accent ni caractère spécial', /^[A-Za-z0-9_-]+$/.test(n)]
|
||||||
|
];
|
||||||
|
liste.innerHTML = regles.map(function(r){
|
||||||
|
return '<li class="' + (r[1] ? 'ok' : 'ko') + '">' + r[0] + '</li>';
|
||||||
|
}).join('') + (ext ? '<li class="ok">Pas besoin de taper .odt : Writer l\'ajoute tout seul.</li>' : '');
|
||||||
|
}
|
||||||
|
|
||||||
|
champ.addEventListener('input', verifier);
|
||||||
|
})();
|
||||||
|
|
||||||
|
/* ---------- cliché ou réalité ---------- */
|
||||||
|
var CR = ["C'est un cliché", "C'est la réalité"];
|
||||||
|
quiz(document.getElementById('quiz-cliche'), [
|
||||||
|
{ q: "Un agent d'éducation travaille surtout dans les écoles, comme surveillant.", r: CR, b: 0,
|
||||||
|
e: "L'école et l'internat ne sont qu'un secteur parmi d'autres : aide à la jeunesse, handicap, petite enfance, personnes âgées, santé mentale, maisons de jeunes, travail de rue..." },
|
||||||
|
{ q: "Un agent d'éducation peut travailler auprès de personnes âgées.", r: CR, b: 1,
|
||||||
|
e: "Les maisons de repos et les centres de jour pour personnes âgées font partie de ses lieux de travail." },
|
||||||
|
{ q: "Le métier consiste surtout à faire respecter la discipline.", r: CR, b: 0,
|
||||||
|
e: "Le cœur du métier, c'est l'accompagnement au quotidien : aider chaque personne à devenir plus autonome, selon ses possibilités. Les règles en font partie, mais ce n'est pas le but." },
|
||||||
|
{ q: "Un agent d'éducation travaille seul, sans collègues d'autres métiers.", r: CR, b: 0,
|
||||||
|
e: "Il travaille en équipe avec des assistants sociaux, des psychologues, des infirmiers, des enseignants, et avec des services extérieurs comme les centres PMS ou le CPAS." },
|
||||||
|
{ q: "Il existe des éducateurs qui travaillent dans la rue.", r: CR, b: 1,
|
||||||
|
e: "Les éducateurs de rue vont à la rencontre des jeunes là où ils se trouvent, dans le quartier." },
|
||||||
|
{ q: "Observer les personnes fait partie du métier.", r: CR, b: 1,
|
||||||
|
e: "L'observation est un outil de base de l'agent d'éducation : elle permet de comprendre ce que vivent les personnes et d'adapter son action. Tu la travailleras toute l'année." }
|
||||||
|
]);
|
||||||
|
|
||||||
|
/* ---------- autopositionnement ---------- */
|
||||||
|
(function(){
|
||||||
|
var items = [
|
||||||
|
"retrouver un fichier sur l'ordinateur ou sur ma clé",
|
||||||
|
"enregistrer un fichier sous un nouveau nom, au bon endroit",
|
||||||
|
"choisir un nom de fichier clair, que je retrouverai plus tard",
|
||||||
|
"mettre un texte en gras, changer sa taille, le centrer",
|
||||||
|
"faire une liste à puces",
|
||||||
|
"utiliser le correcteur orthographique",
|
||||||
|
"utiliser les styles de titre (Titre 1, Titre 2)",
|
||||||
|
"trouver une information sur Internet"
|
||||||
|
];
|
||||||
|
var choix = ['Oui', 'Un peu', 'Pas encore'];
|
||||||
|
var ul = document.getElementById('auto');
|
||||||
|
ul.innerHTML = items.map(function(t, i){
|
||||||
|
return '<li><p>Je sais ' + t + '.</p><div class="zones" role="group" aria-label="Je sais ' + t + '">' +
|
||||||
|
choix.map(function(c){ return '<button type="button" aria-pressed="false">' + c + '</button>'; }).join('') +
|
||||||
|
'</div></li>';
|
||||||
|
}).join('');
|
||||||
|
ul.addEventListener('click', function(e){
|
||||||
|
var b = e.target.closest('button');
|
||||||
|
if (!b) return;
|
||||||
|
b.parentNode.querySelectorAll('button').forEach(function(x){
|
||||||
|
x.setAttribute('aria-pressed', x === b ? 'true' : 'false');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -13,6 +13,47 @@
|
|||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
## 0. Ce qu'il faut joindre à la conversation
|
||||||
|
|
||||||
|
Toujours ce fichier, plus les pièces de la classe concernée. Sans la feuille de
|
||||||
|
style, Claude invente des classes qui n'existent pas ; sans la page d'exemple,
|
||||||
|
il invente une structure de page.
|
||||||
|
|
||||||
|
| Classe | Gabarit | À joindre, en plus de ce fichier |
|
||||||
|
|---|---|---|
|
||||||
|
| **1re tronc commun**<br>`1re-numerique` | C | `assets/theme.css`<br>`assets/numerique-1re.css`<br>`1re-numerique/1TC-NUM_bloc-01_ouvrir-le-cours.html` *(exemple élève)*<br>`1re-numerique/1TC-NUM_bloc-01_pilotage.html` *(exemple enseignant, si la séance en a besoin)* |
|
||||||
|
| **2e différenciée**<br>`2e-differenciee` | jeux | `assets/theme.css`<br>`assets/jeux-differenciee.css`<br>`2e-differenciee/module-a/index.html` *(exemple : il porte aussi tout le moteur de jeux)* |
|
||||||
|
| **2e commune**<br>`2e-commune` | A | `assets/theme.css`<br>`assets/exercices-commune.css`<br>`2e-commune/module1/bloc2.html` *(exemple)* |
|
||||||
|
| **3e TQ Technique sociale**<br>`3tq-technique-sociale` | B | `assets/theme.css`<br>`assets/atelier-texte.css`<br>`assets/atelier-texte.js`<br>`3tq-technique-sociale/module1/index.html` *(exemple)* |
|
||||||
|
| **4e TQ Agent d'éducation**<br>`4tq-agent-education` | B | les mêmes qu'en 3e TQ : le cours est le même, seule la classe du `<body>` change (`classe-ae`) |
|
||||||
|
|
||||||
|
Remarques :
|
||||||
|
|
||||||
|
- `assets/exercices-commune.js` n'a pas besoin d'être joint : Claude n'écrit pas
|
||||||
|
de code pour le gabarit A, seulement les données `window.DATA` décrites en 6.2.
|
||||||
|
- Pour la 2e différenciée, le moteur de jeux est écrit **dans la page** du
|
||||||
|
module A. C'est pourquoi on joint la page entière : elle sert à la fois
|
||||||
|
d'exemple de structure et de bibliothèque de jeux à réutiliser.
|
||||||
|
- Si la conversation devient longue et que Claude se met à dériver, rouvrir une
|
||||||
|
conversation neuve et rejoindre les mêmes pièces. C'est plus rapide que de le
|
||||||
|
corriger.
|
||||||
|
|
||||||
|
### La marche à suivre, en cinq temps
|
||||||
|
|
||||||
|
1. **Ouvrir une conversation par module.** Un module par conversation : au-delà,
|
||||||
|
Claude perd le fil et mélange les gabarits.
|
||||||
|
2. **Joindre les pièces** du tableau ci-dessus.
|
||||||
|
3. **Décrire la commande** : la classe, le numéro et le titre du module, le
|
||||||
|
nombre de séances, et le contenu du cours (un extrait du cours papier, le
|
||||||
|
plan, les notions à couvrir). Plus c'est précis, moins il invente.
|
||||||
|
4. **Récupérer la livraison** au format imposé en 11 : fichiers complets,
|
||||||
|
carte d'index, liste des images attendues.
|
||||||
|
5. **Rapporter le tout ici**, dans Claude Code : mise en place des fichiers,
|
||||||
|
ajout de la carte dans l'index de la classe, et vérification du rendu réel
|
||||||
|
dans le navigateur.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
## 1. Le contexte en bref
|
## 1. Le contexte en bref
|
||||||
|
|
||||||
- Site **statique** : HTML, CSS et JavaScript natifs. Aucun framework, aucune
|
- Site **statique** : HTML, CSS et JavaScript natifs. Aucun framework, aucune
|
||||||
|
|||||||
Reference in New Issue
Block a user