4TQ séance 2
This commit is contained in:
lrdlg
Binary file not shown.
Binary file not shown.
@@ -2,7 +2,7 @@
|
||||
|
||||
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é.
|
||||
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é. Les exercices supplémentaires sont corrigés à la fin.
|
||||
|
||||
## 3. Défi diagnostique
|
||||
|
||||
@@ -60,3 +60,41 @@ L'agent d'éducation accompagne des personnes au quotidien, pour les aider à ga
|
||||
- l'enseignement : écoles, enseignement spécialisé, internats ;
|
||||
- les services de proximité : éducateurs de rue ;
|
||||
- l'aide aux adultes en difficulté : maisons d'accueil.
|
||||
|
||||
## Exercices supplémentaires
|
||||
|
||||
### Bonus A : pousser le diagnostic plus loin
|
||||
|
||||
| Consigne | Marche à suivre dans Writer |
|
||||
|---|---|
|
||||
| 1. Couleur du titre | Sélectionner le titre, puis cliquer sur la flèche du bouton Couleur de police et choisir une couleur foncée (bleu foncé, vert foncé...). Les couleurs claires comme le jaune sont illisibles sur fond blanc. |
|
||||
| 2. Interligne 1,5 | Cliquer dans le paragraphe, puis menu Format, Paragraphe, onglet Retraits et espacement, zone Interligne : choisir 1,5 ligne. |
|
||||
| 3. Gras sur une ligne | Sélectionner la ligne, puis bouton G. |
|
||||
| 4. Date par un champ | Placer le curseur sous le titre, puis menu Insertion, Champ, Date. La date apparaît sur fond gris : c'est un champ, pas du texte tapé. Pour une date qui se met à jour à chaque ouverture, passer par Insertion, Champ, Autres champs, onglet Document, et choisir le type Date plutôt que Date (fixe). |
|
||||
| 5. Enregistrer | Menu Fichier, Enregistrer (et non Enregistrer sous) : le nom ne change pas. |
|
||||
|
||||
### Bonus B : une vraie offre d'emploi
|
||||
|
||||
Pas de corrigé : les réponses dépendent de l'offre trouvée. En mise en commun, on remarque souvent la variété des horaires (soirées, week-ends, nuits dans les services résidentiels) et l'importance donnée au travail en équipe.
|
||||
|
||||
### Bonus C : quel secteur ?
|
||||
|
||||
| Situation | Secteur |
|
||||
|---|---|
|
||||
| Adultes en situation de handicap dans l'atelier où ils travaillent | Aide aux personnes handicapées (entreprise de travail adapté) |
|
||||
| Après-midi jeux dans une maison de repos | Personnes âgées |
|
||||
| Aide aux devoirs dans l'internat d'une école | Enseignement |
|
||||
| Rencontre des jeunes dans un quartier | Services de proximité (éducateur de rue) |
|
||||
| Atelier musique dans une maison de jeunes | Socioculturel |
|
||||
| Jeunes confiés par le juge de la jeunesse | Aide à la jeunesse |
|
||||
|
||||
### Bonus D : chasse aux fautes
|
||||
|
||||
| Faute | Correction | Pourquoi |
|
||||
|---|---|---|
|
||||
| Léa travail | Léa travaille | Verbe travailler conjugué ; « travail » est le nom. |
|
||||
| a faire | à faire | Pas le verbe avoir : on ne peut pas dire « avait faire ». |
|
||||
| leur devoirs | leurs devoirs | Devoirs est au pluriel. |
|
||||
| Elle écoutes | Elle écoute | Avec « elle », pas de s. |
|
||||
| des problémes | des problèmes | Accent grave. |
|
||||
| ces collègues | ses collègues | Les collègues de Léa : « ses ». |
|
||||
|
||||
Binary file not shown.
@@ -127,3 +127,48 @@ 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.
|
||||
|
||||
## Exercices supplémentaires
|
||||
|
||||
Pour toi si tu as terminé avant les autres. Fais-les dans l'ordre que tu veux.
|
||||
|
||||
### Bonus A : pousser le diagnostic plus loin
|
||||
|
||||
Dans ton fichier du diagnostic :
|
||||
|
||||
1. Mets le titre dans une couleur de ton choix, lisible sur fond blanc.
|
||||
2. Mets le paragraphe en interligne 1,5.
|
||||
3. Mets la ligne « Ce qu'elle doit savoir faire : » en gras.
|
||||
4. Sous le titre, insère la date du jour à l'aide d'un champ, sans la taper au clavier.
|
||||
5. Enregistre à nouveau ton fichier, sans changer son nom.
|
||||
|
||||
### Bonus B : une vraie offre d'emploi
|
||||
|
||||
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 :
|
||||
|
||||
| Question | Ta réponse |
|
||||
|---|---|
|
||||
| Où se trouve le poste (ville, type de lieu) ? | |
|
||||
| Avec quel public ? | |
|
||||
| Quels horaires ? | |
|
||||
| Quel diplôme est demandé ? | |
|
||||
| Une qualité demandée qui te surprend | |
|
||||
|
||||
### Bonus C : quel secteur ?
|
||||
|
||||
Pour chaque situation, écris le secteur où travaille l'agent d'éducation. Tu peux aussi le faire sous forme de quiz sur la page de la séance.
|
||||
|
||||
| Situation | Secteur |
|
||||
|---|---|
|
||||
| Tu accompagnes des adultes en situation de handicap dans l'atelier où ils travaillent. | |
|
||||
| Tu animes l'après-midi jeux dans une maison de repos. | |
|
||||
| Tu aides aux devoirs le soir, dans l'internat d'une école. | |
|
||||
| Tu vas à la rencontre des jeunes dans un quartier, sur la place ou au skatepark. | |
|
||||
| Tu organises un atelier musique pour les ados d'une maison de jeunes. | |
|
||||
| Tu travailles dans un service qui accueille des jeunes confiés par le juge de la jeunesse. | |
|
||||
|
||||
### Bonus D : chasse aux fautes
|
||||
|
||||
Ce texte contient six fautes que le correcteur ne verrait pas toutes. Entoure-les, puis corrige-les. La version interactive est sur la page de la séance.
|
||||
|
||||
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.
|
||||
|
||||
Binary file not shown.
@@ -55,6 +55,7 @@ Diagnostic individuel en autonomie, enquête en binômes, mise en commun dialogu
|
||||
- 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.
|
||||
- Exercices supplémentaires dans le cours élève (bonus A à D) pour les élèves qui terminent vite : le bonus A après le diagnostic, les bonus B, C et D après l'enquête. Les bonus C et D existent aussi en version interactive sur la page de la séance. Ils ne sont pas cotés.
|
||||
- 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
|
||||
@@ -63,6 +64,7 @@ Diagnostic individuel en autonomie, enquête en binômes, mise en commun dialogu
|
||||
- **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.
|
||||
- **Bonus A, date par un champ :** selon la version de Writer installée, Insertion, Champ, Date insère une date fixe ou variable. Vérifier sur un poste avant d'expliquer la différence aux élèves.
|
||||
- **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
|
||||
|
||||
Binary file not shown.
@@ -0,0 +1,128 @@
|
||||
# Séance 2 : Ranger, nommer, mettre en forme (corrigé)
|
||||
|
||||
TIC (Traitement de texte), 4e Agent d'éducation. M. Courcelle.
|
||||
|
||||
## 4. Entraînement : la clé de Sam
|
||||
|
||||
Arborescence attendue dans Cle-de-Sam :
|
||||
|
||||
| Nom d'origine | Nouveau nom | Dossier |
|
||||
|---|---|---|
|
||||
| nouveau document.odt | 2026-10-08_S2_arborescence_Sam.odt | P1_Bienvenue |
|
||||
| test.odt | 2026-12-03_S8_image-libre_Sam.odt | P2_Enquete |
|
||||
| fiche OBSERVATION.odt | 2027-01-21_S13_simulation-observation_Sam.odt | P3_Terrain |
|
||||
| pitch!!.odt | 2027-04-15_S23_pitch_Sam.odt | P4_Studio |
|
||||
| cv sam 2.odt | 2027-06-17_S30_cv_Sam.odt | P5_Pitch |
|
||||
|
||||
Les cinq sous-dossiers se trouvent dans 4AE_TIC_2026-2027 : P1_Bienvenue, P2_Enquete, P3_Terrain, P4_Studio, P5_Pitch.
|
||||
|
||||
### Erreurs fréquentes
|
||||
|
||||
- La date recopiée telle qu'elle est écrite dans le fichier (08/10/2026) au lieu d'être retournée (2026-10-08). Les barres obliques sont d'ailleurs interdites dans un nom de fichier.
|
||||
- L'extension .odt effacée pendant le renommage. Si les extensions sont visibles, il faut renommer seulement la partie avant le point.
|
||||
- L'objet laissé avec des espaces : « image libre » au lieu de « image-libre ».
|
||||
- Le fichier rangé selon le numéro de séance au lieu de la date.
|
||||
|
||||
## 5. Défi A : la clé de Noa
|
||||
|
||||
| Nom d'origine | Nouveau nom | Dossier |
|
||||
|---|---|---|
|
||||
| Document1.odt | 2026-10-01_S1_diagnostic_Noa.odt | P1_Bienvenue |
|
||||
| styles OK final (2).odt | 2026-10-15_S3_mise-en-forme-express_Noa.odt | P1_Bienvenue |
|
||||
| recherche !!! internat.odt | 2026-11-05_S4_question-de-recherche_Noa.odt | P2_Enquete |
|
||||
| Copie de sources.odt | 2026-11-26_S7_sources_Noa.odt | P2_Enquete |
|
||||
| CR visite.odt | 2027-02-04_S15_compte-rendu-visite_Noa.odt | P3_Terrain |
|
||||
| affiche v1 ok.odt | 2027-04-01_S21_affiche-accessible_Noa.odt | P4_Studio |
|
||||
|
||||
Le dossier P5_Pitch existe mais reste vide : il fait partie de l'arborescence demandée.
|
||||
|
||||
## 6. Tricher avec les espaces
|
||||
|
||||
Il n'y a rien à corriger dans cette partie : c'est la théorie. À retenir :
|
||||
|
||||
- Entrée seulement pour changer de paragraphe.
|
||||
- Centrer avec le bouton Centrer, espacer avec l'espacement après, décaler avec un retrait.
|
||||
- Mise en forme de caractère : les lettres sélectionnées. Mise en forme de paragraphe : tout le paragraphe.
|
||||
|
||||
## 7. Avant/après : le règlement de l'étude
|
||||
|
||||
### Ce qu'on trouve en affichant les marques
|
||||
|
||||
- 22 espaces devant le titre pour le centrer, et un soulignement qui souligne aussi ces espaces.
|
||||
- Trois lignes vides sous le titre, deux sous chaque bloc, quatre avant la signature.
|
||||
- Des phrases coupées en plusieurs paragraphes par des appuis sur Entrée en fin de ligne.
|
||||
- Une liste tapée à la main (1), 2)...) avec des espaces pour aligner le texte.
|
||||
- 40 espaces devant la signature pour la pousser à droite.
|
||||
|
||||
### Marche à suivre
|
||||
|
||||
| Étape | Dans Writer |
|
||||
|---|---|
|
||||
| Supprimer les espaces de début de ligne | Cliquer devant le premier mot et effacer avec la touche Retour arrière jusqu'au bord. |
|
||||
| Supprimer les lignes vides | Placer le curseur sur la ligne vide (symbole ¶ seul) et appuyer sur Suppr. |
|
||||
| Recoller une phrase coupée | Placer le curseur à la fin de la ligne (juste avant ¶) et appuyer sur Suppr, puis ajouter un espace si nécessaire. |
|
||||
| Titre | Retirer le soulignement (bouton S), gras, taille 16, bouton Centrer. |
|
||||
| Paragraphes justifiés et espacés | Sélectionner les paragraphes, bouton Justifier, puis Format, Paragraphe, onglet Retraits et espacement, Sous le paragraphe : 0,3 cm. |
|
||||
| Liste numérotée | Effacer « 1) » et les espaces de chaque ligne, sélectionner les quatre lignes, puis bouton de liste numérotée (ou Format, Puces et numérotation). |
|
||||
| Signature à droite | Cliquer dans la ligne, puis bouton Aligner à droite. |
|
||||
| Test final | Tout sélectionner (Ctrl+A) et changer de police : rien ne doit se décaler. |
|
||||
|
||||
### Résultat attendu
|
||||
|
||||
Un document sans aucune ligne vide ni aucun espace de mise en page : un titre centré, un paragraphe d'introduction, le sous-titre « Ce qui est demandé : » en gras (et non souligné ni en majuscules), une liste numérotée de quatre règles, le paragraphe sur le GSM, la signature à droite.
|
||||
|
||||
## 8. Ticket de sortie
|
||||
|
||||
1. Parce que l'ordinateur trie les noms caractère par caractère : avec l'année, puis le mois, puis le jour, les fichiers se rangent dans l'ordre chronologique.
|
||||
2. Par exemple : appuyer sur Entrée pour revenir à la ligne au milieu d'une phrase, ou pour faire de la place entre deux paragraphes.
|
||||
|
||||
## Exercices supplémentaires
|
||||
|
||||
### Bonus 1 : conforme ou pas ?
|
||||
|
||||
| Nom de fichier | Verdict | Correction ou raison |
|
||||
|---|---|---|
|
||||
| 2026-10-08_S2_arborescence_Yasmine | Conforme | |
|
||||
| 08-10-2026_S2_arborescence_Yasmine | Pas conforme | Date à l'envers : 2026-10-08_S2_arborescence_Yasmine |
|
||||
| 2026-10-08_S2_mise en forme_Yasmine | Pas conforme | Espaces : 2026-10-08_S2_mise-en-forme_Yasmine |
|
||||
| 2026-10-08_S2_règlement_Yasmine | Pas conforme | Accent : 2026-10-08_S2_reglement_Yasmine |
|
||||
| Document1 | Pas conforme | Ne dit rien : ni date, ni séance, ni contenu, ni prénom |
|
||||
| 2026-11-05_S4_question-de-recherche_Noa | Conforme | |
|
||||
| 2026-11-05_S4_question-de-recherche | Pas conforme | Prénom manquant : ajouter _Noa (ou le bon prénom) |
|
||||
| final_final_v2_ok | Pas conforme | Ne dit rien ; impossible à trier |
|
||||
| 2027-02-04_S15_compte-rendu-visite_Ines | Conforme | |
|
||||
| 2026-10-08_S2_Arborescence!!_Yasmine | Pas conforme | Majuscule dans l'objet et caractères spéciaux : 2026-10-08_S2_arborescence_Yasmine |
|
||||
|
||||
### Bonus 2 : course aux raccourcis
|
||||
|
||||
Pas de corrigé : l'élève coche ce qu'il a réussi. Remarque : Ctrl+Maj+N crée un dossier dans l'explorateur de Windows, mais pas dans Writer.
|
||||
|
||||
### Bonus 3 : l'affiche de la maison de jeunes
|
||||
|
||||
Pas de corrigé unique. Points à vérifier : aucune ligne vide ni espace de mise en page (marques de formatage), titre et informations pratiques (quoi, où, quand, pour qui) repérables en un coup d'œil, deux polices au maximum, couleurs foncées sur fond clair, plus de majuscules ni de points d'exclamation en série.
|
||||
|
||||
### Bonus 4 : copie conforme
|
||||
|
||||
Réglages du modèle :
|
||||
|
||||
| Élément | Réglages |
|
||||
|---|---|
|
||||
| Titre | Police sans empattement (Liberation Sans), taille 18, gras, violet, centré |
|
||||
| Sous-titres | Liberation Sans, taille 14, gras, espacement avant 0,4 cm et après 0,2 cm |
|
||||
| Paragraphes | Justifiés, interligne 1,5, espacement après 0,2 cm |
|
||||
| Étapes du jour de l'arrivée | Liste à puces |
|
||||
|
||||
### Bonus 5 : une page, pile
|
||||
|
||||
Pas de corrigé unique. Le document respecte la consigne s'il tient sur une seule page, sans grand vide en bas, en taille 11 ou plus, et sans aucune ligne vide ajoutée pour remplir.
|
||||
|
||||
### Bonus 6 : chasse aux fautes
|
||||
|
||||
| Faute | Correction | Pourquoi |
|
||||
|---|---|---|
|
||||
| tu enregistre | tu enregistres | Avec « tu », le verbe prend un s. |
|
||||
| les acceptes | les acceptent | Le sujet est « certains ordinateurs » : pluriel, terminaison -ent. |
|
||||
| chaques fichier | chaque fichier | Chaque est toujours au singulier. |
|
||||
| tu perdra | tu perdras | Avec « tu », futur en -as. |
|
||||
| sauvgarde | sauvegarde | Orthographe du mot. |
|
||||
| sa se perd | ça se perd | « Ça » (cela) et non « sa » (son, sa, ses). |
|
||||
Binary file not shown.
@@ -0,0 +1,191 @@
|
||||
# Séance 2 : Ranger, nommer, mettre en forme
|
||||
|
||||
TIC (Traitement de texte), 4e Agent d'éducation. M. Courcelle.
|
||||
|
||||
Nom et prénom : ............................................................ Date : ......................
|
||||
|
||||
## Ce que tu vas faire aujourd'hui
|
||||
|
||||
Tu vas construire ton dossier de l'année, apprendre à nommer tes fichiers pour les retrouver en trois secondes, puis découvrir pourquoi on ne met jamais un texte en page avec des espaces.
|
||||
|
||||
Aujourd'hui, un exercice est coté : le défi A, sur 8 points. Avant lui, tu t'entraînes sur un exercice identique, non coté.
|
||||
|
||||
## 1. Pourquoi ranger ?
|
||||
|
||||
Un agent d'éducation travaille avec beaucoup de documents : fiches d'observation, rapports, cahier de liaison, dossiers des jeunes. Un document introuvable, c'est une information perdue pour toute l'équipe. Et un document mal rangé qui contient des informations sur une personne peut se retrouver entre de mauvaises mains.
|
||||
|
||||
Pour toi, cette année, c'est pareil. Ton dossier d'apprentissage sera consulté par tes professeurs et par le jury de ta SIPS. Tu dois pouvoir retrouver n'importe quel travail en quelques secondes.
|
||||
|
||||
## 2. Ton dossier de l'année
|
||||
|
||||
Sur ta clé, crée un dossier qui s'appelle 4AE_TIC_2026-2027. À l'intérieur, crée un sous-dossier par période :
|
||||
|
||||
| Dossier | Période |
|
||||
|---|---|
|
||||
| P1_Bienvenue | de la rentrée au congé d'automne |
|
||||
| P2_Enquete | de novembre au congé d'hiver |
|
||||
| P3_Terrain | de janvier au congé de détente |
|
||||
| P4_Studio | de mars au congé de printemps |
|
||||
| P5_Pitch | de mai à la fin de l'année |
|
||||
|
||||
Ensuite, déplace ton fichier du diagnostic de la séance 1 dans P1_Bienvenue.
|
||||
|
||||
### Comment faire (explorateur de fichiers de Windows)
|
||||
|
||||
- Créer un dossier : clic droit dans la fenêtre, puis Nouveau, puis Dossier. Tape le nom et appuie sur Entrée.
|
||||
- Renommer : clic droit sur le fichier ou le dossier, puis Renommer (ou touche F2).
|
||||
- Déplacer : fais glisser le fichier dans le dossier, ou clic droit, Couper, puis clic droit dans le dossier, Coller.
|
||||
|
||||
## 3. La règle de nommage
|
||||
|
||||
Tous tes fichiers de l'année suivent la même règle :
|
||||
|
||||
AAAA-MM-JJ_Sx_objet_Prenom
|
||||
|
||||
| Partie | Ce qu'on y met | Exemple |
|
||||
|---|---|---|
|
||||
| AAAA-MM-JJ | la date du travail, l'année en premier | 2026-10-08 |
|
||||
| Sx | le numéro de la séance | S2 |
|
||||
| objet | ce que contient le fichier, en minuscules, mots reliés par des tirets | mise-en-forme |
|
||||
| Prenom | ton prénom, sans accent | Yasmine |
|
||||
|
||||
Exemple complet : 2026-10-08_S2_mise-en-forme_Yasmine
|
||||
|
||||
Pourquoi l'année en premier ? Parce que l'ordinateur trie les noms lettre par lettre. Avec l'année en premier, tes fichiers se rangent tout seuls dans l'ordre chronologique.
|
||||
|
||||
Ce qui est interdit dans un nom de fichier :
|
||||
|
||||
- les espaces (remplace-les par des tirets ou des tirets bas) ;
|
||||
- les accents et les caractères spéciaux : ! ? ( ) / \ : * " < > | et les autres ;
|
||||
- les noms qui ne disent rien : Document1, test, final, final2, ok.
|
||||
|
||||
## 4. Entraînement : la clé de Sam (non coté)
|
||||
|
||||
Sam a tout enregistré n'importe comment. Télécharge le dossier Cle-de-Sam (page de la séance), décompresse-le sur ta clé et remets de l'ordre.
|
||||
|
||||
1. Dans le dossier Cle-de-Sam, crée l'arborescence de l'année : 4AE_TIC_2026-2027 et ses cinq sous-dossiers.
|
||||
2. Ouvre chaque fichier : la date, la séance et l'objet sont écrits dedans.
|
||||
3. Renomme chaque fichier selon la règle, avec le prénom Sam.
|
||||
4. Range chaque fichier dans le dossier de la bonne période, grâce à sa date.
|
||||
|
||||
Dates des périodes : P1 jusqu'au 16 octobre 2026 ; P2 du 2 novembre au 18 décembre 2026 ; P3 du 4 janvier au 19 février 2027 ; P4 du 8 mars au 23 avril 2027 ; P5 à partir du 10 mai 2027.
|
||||
|
||||
On corrige ensemble au tableau.
|
||||
|
||||
## 5. Défi A : la clé de Noa (coté sur 8 points)
|
||||
|
||||
Même travail, avec le dossier Cle-de-Noa et le prénom Noa. Tu as 25 minutes. Tu travailles seul.
|
||||
|
||||
| Ce qui est vérifié | Points |
|
||||
|---|---|
|
||||
| Le dossier 4AE_TIC_2026-2027 et ses cinq sous-dossiers existent, avec les noms exacts | 2 |
|
||||
| Chaque fichier (6 fichiers) : nom exact selon la règle (0,5) et rangé dans la bonne période (0,5) | 6 |
|
||||
| Total | 8 |
|
||||
|
||||
Quand tu as fini, lève la main : le professeur vérifie ton travail à l'écran.
|
||||
|
||||
Si ta note ne te convient pas, tu pourras repasser un défi du même type après remédiation. La meilleure note sera gardée.
|
||||
|
||||
## 6. Tricher avec les espaces
|
||||
|
||||
### Le problème
|
||||
|
||||
Beaucoup de gens mettent un texte en page avec des espaces (pour centrer un titre) et des appuis sur Entrée (pour aller à la ligne ou laisser de la place). À l'écran, ça a l'air correct. Mais dès qu'on change la police, la taille ou une phrase, tout se décale.
|
||||
|
||||
### Voir l'invisible
|
||||
|
||||
Dans Writer : menu Affichage, puis Marques de formatage (raccourci Ctrl+F10). Tu vois alors :
|
||||
|
||||
- un point · pour chaque espace ;
|
||||
- le symbole ¶ chaque fois qu'on a appuyé sur Entrée ;
|
||||
- une flèche pour chaque tabulation.
|
||||
|
||||
### Caractère ou paragraphe ?
|
||||
|
||||
| Mise en forme de caractère | Mise en forme de paragraphe |
|
||||
|---|---|
|
||||
| S'applique aux lettres sélectionnées. | S'applique à tout le paragraphe, même sans rien sélectionner. |
|
||||
| Police, taille, gras, italique, souligné, couleur. | Alignement, retraits, interligne, espacement avant et après. |
|
||||
| Menu Format, puis Caractère. | Menu Format, puis Paragraphe. |
|
||||
|
||||
Un paragraphe, c'est tout ce qui se trouve entre deux appuis sur Entrée, donc entre deux symboles ¶.
|
||||
|
||||
### La règle d'or
|
||||
|
||||
- La touche Entrée sert seulement à commencer un nouveau paragraphe. Jamais pour revenir à la ligne au milieu d'une phrase, jamais pour faire de la place.
|
||||
- Pour centrer : le bouton Centrer, jamais des espaces.
|
||||
- Pour laisser de la place entre deux paragraphes : l'espacement après (Format, Paragraphe), jamais des lignes vides.
|
||||
- Pour mettre un texte en valeur : le gras, avec modération. Pas des MAJUSCULES partout, pas du souligné partout.
|
||||
|
||||
## 7. Avant/après : le règlement de l'étude
|
||||
|
||||
Télécharge S2_document-moche. C'est un vrai type de document de la vie d'un internat, tapé en trichant.
|
||||
|
||||
1. Enregistre-le sous : 2026-10-08_S2_reglement-etude_Prenom (avec la date du jour et ton prénom), dans P1_Bienvenue.
|
||||
2. Affiche les marques de formatage.
|
||||
3. Supprime tous les espaces et toutes les lignes vides qui servent à la mise en page.
|
||||
4. Recolle les phrases coupées par des Entrée en trop : un paragraphe doit être d'un seul bloc.
|
||||
5. Remets en forme proprement : titre centré en gras, taille 16, sans soulignement ; paragraphes justifiés avec un espacement après de 0,3 cm ; les quatre règles en liste numérotée ; la signature alignée à droite.
|
||||
6. Change la police de tout le document. Si ta mise en page tient toujours, c'est gagné.
|
||||
|
||||
## 8. Ticket de sortie
|
||||
|
||||
Réponds sur le papillon que je te donne.
|
||||
|
||||
1. Pourquoi met-on l'année en premier dans un nom de fichier ?
|
||||
2. Cite une chose qu'on ne doit jamais faire avec la touche Entrée.
|
||||
|
||||
## Exercices supplémentaires
|
||||
|
||||
Pour toi si tu as terminé avant les autres. Fais-les dans l'ordre que tu veux. Ils ne sont pas cotés.
|
||||
|
||||
### Bonus 1 : conforme ou pas ?
|
||||
|
||||
Pour chaque nom, coche s'il respecte la règle. S'il ne la respecte pas, écris la bonne version. La version interactive est sur la page de la séance.
|
||||
|
||||
| Nom de fichier | Conforme | Pas conforme | Correction |
|
||||
|---|---|---|---|
|
||||
| 2026-10-08_S2_arborescence_Yasmine | | | |
|
||||
| 08-10-2026_S2_arborescence_Yasmine | | | |
|
||||
| 2026-10-08_S2_mise en forme_Yasmine | | | |
|
||||
| 2026-10-08_S2_règlement_Yasmine | | | |
|
||||
| Document1 | | | |
|
||||
| 2026-11-05_S4_question-de-recherche_Noa | | | |
|
||||
| 2026-11-05_S4_question-de-recherche | | | |
|
||||
| final_final_v2_ok | | | |
|
||||
| 2027-02-04_S15_compte-rendu-visite_Ines | | | |
|
||||
| 2026-10-08_S2_Arborescence!!_Yasmine | | | |
|
||||
|
||||
### Bonus 2 : course aux raccourcis
|
||||
|
||||
Chronomètre-toi. Dans l'explorateur de fichiers, puis dans Writer, réussis chaque action uniquement au clavier.
|
||||
|
||||
| Action | Raccourci | Réussi |
|
||||
|---|---|---|
|
||||
| Renommer un fichier sélectionné | F2 | |
|
||||
| Créer un nouveau dossier (explorateur) | Ctrl+Maj+N | |
|
||||
| Copier | Ctrl+C | |
|
||||
| Couper | Ctrl+X | |
|
||||
| Coller | Ctrl+V | |
|
||||
| Annuler la dernière action | Ctrl+Z | |
|
||||
| Tout sélectionner | Ctrl+A | |
|
||||
| Enregistrer | Ctrl+S | |
|
||||
| Afficher les marques de formatage (Writer) | Ctrl+F10 | |
|
||||
|
||||
### Bonus 3 : l'affiche de la maison de jeunes
|
||||
|
||||
Télécharge S2_bonus-affiche-moche. Même travail que pour le règlement : supprime la triche, puis refais une affiche lisible, sans un seul espace de mise en page. Tu peux choisir les polices et les couleurs, mais l'affiche doit rester lisible de loin. Limite-toi à un point d'exclamation par phrase.
|
||||
|
||||
### Bonus 4 : copie conforme
|
||||
|
||||
Télécharge S2_bonus-modele-texte (le texte brut) et ouvre S2_bonus-modele (le modèle en PDF). Reproduis le modèle le plus fidèlement possible : titre, sous-titres, liste à puces, paragraphes justifiés, interligne, couleur.
|
||||
|
||||
### Bonus 5 : une page, pile
|
||||
|
||||
Reprends ton règlement de l'étude remis en forme. Fais-le tenir exactement sur une page, bien rempli, en jouant seulement sur l'interligne, l'espacement après et les marges. Interdiction de descendre sous la taille 11.
|
||||
|
||||
### Bonus 6 : chasse aux fautes
|
||||
|
||||
Ce texte contient six fautes. Entoure-les, puis corrige-les. La version interactive est sur la page de la séance.
|
||||
|
||||
Quand tu enregistre un fichier, choisis un nom clair. Pas d'espace ni d'accent : certains ordinateurs les acceptes mal. Range chaques fichier dans le bon dossier, sinon tu perdra du temps à le chercher. Fais aussi une sauvgarde : une clé, sa se perd vite !
|
||||
Binary file not shown.
@@ -0,0 +1,90 @@
|
||||
# Séance 2 : Ranger, nommer, mettre en forme (fiche préparatoire)
|
||||
|
||||
TIC (Traitement de texte), 4e Agent d'éducation. Période 1, séance S2 de la séquence annuelle. Durée : 100 minutes (2 périodes). Semaine du 5 octobre 2026. M. Courcelle.
|
||||
|
||||
## Objectifs de la séance
|
||||
|
||||
Au terme de la séance, l'élève sera capable de :
|
||||
|
||||
- créer une arborescence de dossiers et y ranger des fichiers ;
|
||||
- nommer un fichier selon la règle AAAA-MM-JJ_Sx_objet_Prenom ;
|
||||
- afficher les marques de formatage et repérer une mise en page trichée ;
|
||||
- distinguer mise en forme de caractère et mise en forme de paragraphe ;
|
||||
- remettre en forme un document court sans espaces ni lignes vides de mise en page.
|
||||
|
||||
Évaluation sommative : défi A, sur 8 points (période 1 : 20 points au total).
|
||||
|
||||
Lien avec le programme : note 17 de l'addendum, « soutenir l'élève dans la tenue de son dossier d'apprentissage » (classement des documents) ; visée « communiquer des informations sur support numérique et mettre en valeur sa production ».
|
||||
|
||||
## Prérequis
|
||||
|
||||
Séance 1 : fichier du diagnostic enregistré sur la clé. Les résultats du diagnostic servent à repérer les élèves à accompagner pendant le défi et l'avant/après.
|
||||
|
||||
## Matériel et préparation
|
||||
|
||||
À préparer avant la séance :
|
||||
|
||||
- mettre en ligne sur la page de la séance (ou dans le dossier partagé) : Cle-de-Sam.zip, Cle-de-Noa.zip, S2_document-moche.odt et les fichiers des bonus ;
|
||||
- vérifier sur un poste élève que l'on peut décompresser un zip (clic droit, Extraire tout) et que les extensions de fichiers sont visibles ou non : la marche à suivre pour renommer en dépend ;
|
||||
- vérifier que Ctrl+Maj+N crée bien un dossier dans l'explorateur de la version de Windows installée ;
|
||||
- imprimer le cours élève et la grille du défi A (une ligne par élève, voir ci-dessous) ;
|
||||
- prévoir des papillons pour le ticket de sortie ;
|
||||
- apporter la liste des élèves qui n'ont pas rendu la déclaration d'intention signée.
|
||||
|
||||
Matériel en classe : un ordinateur par élève, clé USB ou stockage en ligne, TBI avec la page de la séance.
|
||||
|
||||
## Déroulement minuté
|
||||
|
||||
| Temps | Phase | Ce que fait l'enseignant | Ce que font les élèves |
|
||||
|---|---|---|---|
|
||||
| 0 à 5 min | Retour sur S1 | Lit deux ou trois tickets de sortie de S1. Ramasse les déclarations signées. | Écoutent, rendent la déclaration. |
|
||||
| 5 à 15 min | Pourquoi ranger, règle de nommage | Présente l'enjeu professionnel (documents d'une équipe, confidentialité), l'arborescence et la règle, au TBI avec le vérificateur de nom. | Posent leurs questions, testent un nom dans le vérificateur. |
|
||||
| 15 à 25 min | Mon dossier de l'année | Circule, vérifie les noms de dossiers. | Créent 4AE_TIC_2026-2027 et ses cinq sous-dossiers, déplacent le diagnostic de S1. |
|
||||
| 25 à 38 min | Entraînement : la clé de Sam | Laisse 8 minutes, puis corrige au TBI en montrant les erreurs fréquentes. | Renomment et rangent les fichiers de Sam. |
|
||||
| 38 à 63 min | Défi A : la clé de Noa (coté) | Silence, travail individuel. Vérifie à l'écran chaque élève qui lève la main, grille en main. | Réalisent le défi, puis passent aux bonus 1 ou 2. |
|
||||
| 63 à 73 min | Tricher avec les espaces | Démonstration au TBI : la démo de la page (marques, changement de taille), puis Ctrl+F10 dans Writer. Tableau caractère ou paragraphe, règle d'or. | Écoutent, testent Ctrl+F10. |
|
||||
| 73 à 95 min | Avant/après : le règlement de l'étude | Circule. Rappelle le test final (changer de police). | Nettoient et remettent en forme le règlement, puis passent aux bonus 3 à 6. |
|
||||
| 95 à 100 min | Ticket de sortie | Ramasse les tickets. | Répondent aux deux questions. |
|
||||
|
||||
Si le temps manque, l'avant/après se termine au début de S3, avant les styles : les deux séances travaillent sur le même document.
|
||||
|
||||
## Grille de correction du défi A (sur 8)
|
||||
|
||||
| Élément vérifié | Points |
|
||||
|---|---|
|
||||
| Dossier 4AE_TIC_2026-2027 et ses cinq sous-dossiers, noms exacts (1 point si une erreur, 0 si plusieurs) | 2 |
|
||||
| Document1 : 2026-10-01_S1_diagnostic_Noa dans P1_Bienvenue | 0,5 + 0,5 |
|
||||
| styles OK final (2) : 2026-10-15_S3_mise-en-forme-express_Noa dans P1_Bienvenue | 0,5 + 0,5 |
|
||||
| recherche !!! internat : 2026-11-05_S4_question-de-recherche_Noa dans P2_Enquete | 0,5 + 0,5 |
|
||||
| Copie de sources : 2026-11-26_S7_sources_Noa dans P2_Enquete | 0,5 + 0,5 |
|
||||
| CR visite : 2027-02-04_S15_compte-rendu-visite_Noa dans P3_Terrain | 0,5 + 0,5 |
|
||||
| affiche v1 ok : 2027-04-01_S21_affiche-accessible_Noa dans P4_Studio | 0,5 + 0,5 |
|
||||
|
||||
Pour chaque fichier, le premier demi-point porte sur le nom (exact au caractère près, extension .odt conservée), le second sur le dossier. Une erreur de nom ne fait pas perdre le point de rangement.
|
||||
|
||||
Vérification à l'écran : environ une minute par élève. Pour gagner du temps, demander à l'élève d'afficher l'explorateur en mode Détails, dossier par dossier. Alternative : faire compresser le dossier Cle-de-Noa et le déposer dans le dossier de remise de la classe, puis corriger après la séance.
|
||||
|
||||
Reprise : un élève qui veut améliorer sa note repasse un défi du même type (fichiers différents) lors de la séance de reprise de la période 3, ou plus tôt si l'école le permet. La meilleure note est gardée.
|
||||
|
||||
## Méthodes pédagogiques
|
||||
|
||||
Exposé court avec démonstration, entraînement guidé avec correction collective, défi individuel coté, démonstration comparative (avant/après), travail individuel avec relecture par le test de changement de police.
|
||||
|
||||
## Différenciation
|
||||
|
||||
- Exercices supplémentaires dans le cours élève pour les élèves qui terminent vite : bonus 1 et 2 après le défi A, bonus 3 à 6 après l'avant/après. Les bonus 1 et 6 existent en version interactive sur la page de la séance. Ils ne sont pas cotés.
|
||||
- Pour les élèves en difficulté repérés au diagnostic : les accompagner pendant l'entraînement plutôt que pendant le défi ; leur proposer de travailler l'avant/après avec les marques de formatage affichées dès l'ouverture.
|
||||
- Un élève qui bloque sur le renommage peut s'aider du vérificateur de nom de la page de la séance, y compris pendant le défi : il vérifie la forme, pas le contenu.
|
||||
|
||||
## Points de vigilance
|
||||
|
||||
- **Extensions de fichiers :** si elles sont visibles, les élèves risquent d'effacer .odt en renommant, et le fichier ne s'ouvre plus. Montrer le cas pendant l'entraînement.
|
||||
- **Décompression :** un zip ouvert sans être extrait semble fonctionner, mais les fichiers ne peuvent pas être renommés. Faire extraire avant tout travail.
|
||||
- **Accents dans les noms :** la règle les interdit pour éviter les problèmes de compatibilité entre ordinateurs et plateformes. Le prénom s'écrit sans accent (Ines et non Inès).
|
||||
- **Confidentialité :** profiter de la partie 1 pour dire qu'en institution, les documents qui concernent des personnes ne se laissent pas sur une clé non protégée. Le thème revient en période 3.
|
||||
- **Dossier de l'année :** l'arborescence proposée est celle du cours TIC. Si l'équipe adopte une arborescence commune pour le dossier d'apprentissage, l'adapter avant la séance.
|
||||
|
||||
## Traces à conserver
|
||||
|
||||
- Pour l'enseignant : les notes du défi A, les tickets de sortie.
|
||||
- Pour l'élève : le dossier 4AE_TIC_2026-2027 sur sa clé, avec le diagnostic de S1 et le règlement remis en forme dans P1_Bienvenue.
|
||||
Binary file not shown.
@@ -1,93 +0,0 @@
|
||||
<!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.
@@ -1,274 +0,0 @@
|
||||
<!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.
@@ -1,274 +0,0 @@
|
||||
<!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>
|
||||
@@ -1,93 +0,0 @@
|
||||
<!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>
|
||||
@@ -60,16 +60,16 @@
|
||||
<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>
|
||||
<span class="module__meta">Défi diagnostique · enquête · quiz « Cliché ou réalité ? » · 4 bonus</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="module module--bientot">
|
||||
<div class="module__lien">
|
||||
<li class="module">
|
||||
<a class="module__lien" href="seance2/index.html">
|
||||
<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>
|
||||
<span class="module__resume">Construire ton dossier de l'année, nommer tes fichiers pour les retrouver, et arrêter de tricher avec les espaces.</span>
|
||||
<span class="module__meta">Défi A (8 points) · vérificateur de nom · avant/après · 6 bonus</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="module module--bientot">
|
||||
<div class="module__lien">
|
||||
|
||||
@@ -1,74 +0,0 @@
|
||||
<!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>
|
||||
@@ -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>
|
||||
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -0,0 +1,428 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Séance 2 · Ranger, nommer, mettre en forme · 4e TQ Agent d'éducation</title>
|
||||
<meta name="description" content="Séance 2 du cours de TIC de 4e TQ Agent d'éducation : dossier de l'année, règle de nommage, défi A, marques de formatage.">
|
||||
<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. */
|
||||
.arbo { font-family: ui-monospace, "JetBrains Mono", Consolas, monospace; font-size: .92rem; background: var(--papier); border: 1px solid var(--trait); border-radius: .3rem; padding: .8rem 1rem; line-height: 1.7; max-width: var(--lecture); overflow-x: auto; white-space: pre; }
|
||||
.nom-regle { font-family: ui-monospace, "JetBrains Mono", Consolas, monospace; font-size: 1.15rem; font-weight: 700; background: var(--accent-fond); border-radius: .3rem; padding: .6rem .9rem; display: inline-block; max-width: 100%; overflow-wrap: anywhere; }
|
||||
.demo-corps.grand { font-size: 1.35rem; }
|
||||
.demo-col .triche { white-space: pre-wrap; margin: 0; }
|
||||
.demo-col .propre p { margin: 0 0 .6rem; }
|
||||
.demo-col .propre .t { text-align: center; font-weight: 700; }
|
||||
.demo-col .propre .j { text-align: justify; }
|
||||
.demo-col .propre .d { text-align: right; }
|
||||
.demo-col .esp { display: inline-block; width: .3em; text-align: center; color: var(--encre-douce); }
|
||||
</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 2</strong>
|
||||
</nav>
|
||||
<div class="entete__barre">
|
||||
<div>
|
||||
<h1>Ranger, nommer, mettre en forme</h1>
|
||||
<p class="entete__meta">Période 1 · Séance 2 · 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 2</div>
|
||||
<h2>Ranger et nommer</h2>
|
||||
<a href="#aujourdhui">Aujourd'hui</a>
|
||||
<a href="#pourquoi">1. Pourquoi ranger ?</a>
|
||||
<a href="#dossier">2. Ton dossier de l'année</a>
|
||||
<a href="#regle">3. La règle de nommage</a>
|
||||
<a href="#entrainement">4. Entraînement : Sam</a>
|
||||
<a href="#defi-a">5. Défi A : Noa</a>
|
||||
<h2>Mettre en forme</h2>
|
||||
<a href="#espaces">6. Tricher avec les espaces</a>
|
||||
<a href="#avant-apres">7. Avant/après</a>
|
||||
<a href="#ticket">8. Ticket de sortie</a>
|
||||
<h2>Si tu as fini</h2>
|
||||
<a href="#bonus">Exercices supplémentaires</a>
|
||||
</nav>
|
||||
|
||||
<main class="feuille">
|
||||
<div class="regle" aria-hidden="true"></div>
|
||||
<div class="inner">
|
||||
|
||||
<span class="module-tag">Période 1 · Séance 2</span>
|
||||
|
||||
<section id="aujourdhui">
|
||||
<h2>Ce que tu vas faire aujourd'hui</h2>
|
||||
<p>Tu vas construire ton dossier de l'année, apprendre à nommer tes fichiers pour les retrouver en trois secondes, puis découvrir pourquoi on ne met jamais un texte en page avec des espaces.</p>
|
||||
<div class="encadre encadre--cle">
|
||||
<p>Aujourd'hui, un exercice est coté : le <strong>défi A, sur 8 points</strong>. Avant lui, tu t'entraînes sur un exercice identique, non coté.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="pourquoi">
|
||||
<h2>1. Pourquoi ranger ?</h2>
|
||||
<p>Un agent d'éducation travaille avec beaucoup de documents : fiches d'observation, rapports, cahier de liaison, dossiers des jeunes. Un document introuvable, c'est une information perdue pour toute l'équipe. Et un document mal rangé qui contient des informations sur une personne peut se retrouver entre de mauvaises mains.</p>
|
||||
<p>Pour toi, cette année, c'est pareil. Ton dossier d'apprentissage sera consulté par tes professeurs et par le jury de ta SIPS. Tu dois pouvoir retrouver n'importe quel travail en quelques secondes.</p>
|
||||
</section>
|
||||
|
||||
<section id="dossier">
|
||||
<h2>2. Ton dossier de l'année</h2>
|
||||
<p>Sur ta clé, crée cette arborescence, puis déplace ton fichier du diagnostic de la séance 1 dans <code>P1_Bienvenue</code>.</p>
|
||||
<div class="arbo">4AE_TIC_2026-2027
|
||||
├── P1_Bienvenue de la rentrée au congé d'automne
|
||||
├── P2_Enquete de novembre au congé d'hiver
|
||||
├── P3_Terrain de janvier au congé de détente
|
||||
├── P4_Studio de mars au congé de printemps
|
||||
└── P5_Pitch de mai à la fin de l'année</div>
|
||||
<h3>Comment faire (explorateur de fichiers de Windows)</h3>
|
||||
<ul>
|
||||
<li><strong>Créer un dossier :</strong> clic droit dans la fenêtre, puis Nouveau, puis Dossier. Tape le nom et appuie sur Entrée.</li>
|
||||
<li><strong>Renommer :</strong> clic droit sur le fichier ou le dossier, puis Renommer (ou touche <kbd>F2</kbd>).</li>
|
||||
<li><strong>Déplacer :</strong> fais glisser le fichier dans le dossier, ou clic droit, Couper, puis clic droit dans le dossier, Coller.</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section id="regle">
|
||||
<h2>3. La règle de nommage</h2>
|
||||
<p>Tous tes fichiers de l'année suivent la même règle :</p>
|
||||
<p class="nom-regle">AAAA-MM-JJ_Sx_objet_Prenom</p>
|
||||
<table>
|
||||
<thead><tr><th scope="col">Partie</th><th scope="col">Ce qu'on y met</th><th scope="col">Exemple</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td><code>AAAA-MM-JJ</code></td><td>la date du travail, l'année en premier</td><td><code>2026-10-08</code></td></tr>
|
||||
<tr><td><code>Sx</code></td><td>le numéro de la séance</td><td><code>S2</code></td></tr>
|
||||
<tr><td><code>objet</code></td><td>ce que contient le fichier, en minuscules, mots reliés par des tirets</td><td><code>mise-en-forme</code></td></tr>
|
||||
<tr><td><code>Prenom</code></td><td>ton prénom, sans accent</td><td><code>Yasmine</code></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="encadre encadre--cle">
|
||||
<p><strong>Pourquoi l'année en premier ?</strong> L'ordinateur trie les noms lettre par lettre. Avec l'année, puis le mois, puis le jour, tes fichiers se rangent tout seuls dans l'ordre chronologique.</p>
|
||||
</div>
|
||||
<div class="encadre encadre--attention">
|
||||
<p>Interdit dans un nom de fichier : les espaces, les accents, les caractères spéciaux (<code>! ? ( ) / \ : * " < > |</code>) et les noms qui ne disent rien (<code>Document1</code>, <code>test</code>, <code>final2</code>, <code>ok</code>).</p>
|
||||
</div>
|
||||
|
||||
<div class="nomtest">
|
||||
<h3>Vérifie un nom de fichier</h3>
|
||||
<label for="nom">Tape un nom de fichier :</label><br>
|
||||
<input id="nom" type="text" autocomplete="off" spellcheck="false" placeholder="2026-10-08_S2_mise-en-forme_Yasmine">
|
||||
<ul class="check" id="nom-check" aria-live="polite"></ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="entrainement">
|
||||
<h2>4. Entraînement : la clé de Sam</h2>
|
||||
<p>Non coté. Sam a tout enregistré n'importe comment. Télécharge son dossier, décompresse-le sur ta clé (clic droit, <strong>Extraire tout</strong>) et remets de l'ordre.</p>
|
||||
<div class="actions">
|
||||
<a class="action" href="Cle-de-Sam.zip" download>Télécharger la clé de Sam</a>
|
||||
</div>
|
||||
<ol>
|
||||
<li>Dans le dossier <code>Cle-de-Sam</code>, crée l'arborescence de l'année : <code>4AE_TIC_2026-2027</code> et ses cinq sous-dossiers.</li>
|
||||
<li>Ouvre chaque fichier : la date, la séance et l'objet sont écrits dedans.</li>
|
||||
<li>Renomme chaque fichier selon la règle, avec le prénom <code>Sam</code>.</li>
|
||||
<li>Range chaque fichier dans le dossier de la bonne période, grâce à sa date.</li>
|
||||
</ol>
|
||||
<table>
|
||||
<thead><tr><th scope="col">Période</th><th scope="col">Dates</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td><code>P1_Bienvenue</code></td><td>jusqu'au 16 octobre 2026</td></tr>
|
||||
<tr><td><code>P2_Enquete</code></td><td>du 2 novembre au 18 décembre 2026</td></tr>
|
||||
<tr><td><code>P3_Terrain</code></td><td>du 4 janvier au 19 février 2027</td></tr>
|
||||
<tr><td><code>P4_Studio</code></td><td>du 8 mars au 23 avril 2027</td></tr>
|
||||
<tr><td><code>P5_Pitch</code></td><td>à partir du 10 mai 2027</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p>On corrige ensemble au tableau.</p>
|
||||
</section>
|
||||
|
||||
<section id="defi-a">
|
||||
<h2>5. Défi A : la clé de Noa</h2>
|
||||
<p>Coté sur <strong>8 points</strong>. Même travail, avec le dossier de Noa et le prénom <code>Noa</code>. Tu as <strong>25 minutes</strong>. Tu travailles seul.</p>
|
||||
<div class="actions">
|
||||
<a class="action" href="Cle-de-Noa.zip" download>Télécharger la clé de Noa</a>
|
||||
</div>
|
||||
<table>
|
||||
<thead><tr><th scope="col">Ce qui est vérifié</th><th scope="col">Points</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>Le dossier <code>4AE_TIC_2026-2027</code> et ses cinq sous-dossiers existent, avec les noms exacts</td><td>2</td></tr>
|
||||
<tr><td>Chaque fichier (6 fichiers) : nom exact selon la règle (0,5) et rangé dans la bonne période (0,5)</td><td>6</td></tr>
|
||||
<tr><td><strong>Total</strong></td><td><strong>8</strong></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p>Quand tu as fini, lève la main : le professeur vérifie ton travail à l'écran. Puis passe aux exercices supplémentaires.</p>
|
||||
<div class="encadre">
|
||||
<p>Si ta note ne te convient pas, tu pourras repasser un défi du même type après remédiation. La meilleure note sera gardée.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="espaces">
|
||||
<h2>6. Tricher avec les espaces</h2>
|
||||
<p>Beaucoup de gens mettent un texte en page avec des espaces (pour centrer un titre) et des appuis sur Entrée (pour aller à la ligne ou laisser de la place). À l'écran, ça a l'air correct. Mais dès qu'on change la police, la taille ou une phrase, tout se décale. Essaie :</p>
|
||||
|
||||
<div class="demo">
|
||||
<div class="demo-barre">
|
||||
<label><input type="checkbox" id="demo-marques"> Afficher les marques</label>
|
||||
<button type="button" id="demo-taille" aria-pressed="false">Agrandir le texte</button>
|
||||
</div>
|
||||
<div class="demo-corps" id="demo-corps">
|
||||
<div class="demo-col">
|
||||
<h4>Avec des espaces et des Entrée</h4>
|
||||
<div class="triche" id="demo-triche"></div>
|
||||
</div>
|
||||
<div class="demo-col">
|
||||
<h4>Avec la mise en forme</h4>
|
||||
<div class="propre" id="demo-propre"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3>Voir l'invisible dans Writer</h3>
|
||||
<p>Menu <strong>Affichage</strong>, puis <strong>Marques de formatage</strong> (raccourci <kbd>Ctrl</kbd>+<kbd>F10</kbd>). Un point <span class="esp">·</span> pour chaque espace, le symbole <span class="marque">¶</span> chaque fois qu'on a appuyé sur Entrée, une flèche pour chaque tabulation.</p>
|
||||
|
||||
<h3>Caractère ou paragraphe ?</h3>
|
||||
<table>
|
||||
<thead><tr><th scope="col">Mise en forme de caractère</th><th scope="col">Mise en forme de paragraphe</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>S'applique aux lettres sélectionnées.</td><td>S'applique à tout le paragraphe, même sans rien sélectionner.</td></tr>
|
||||
<tr><td>Police, taille, gras, italique, souligné, couleur.</td><td>Alignement, retraits, interligne, espacement avant et après.</td></tr>
|
||||
<tr><td>Menu Format, puis Caractère.</td><td>Menu Format, puis Paragraphe.</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p>Un paragraphe, c'est tout ce qui se trouve entre deux appuis sur Entrée, donc entre deux symboles <span class="marque">¶</span>.</p>
|
||||
|
||||
<div class="regle-cle">
|
||||
<p><strong>La règle d'or.</strong> Entrée sert seulement à commencer un nouveau paragraphe. Pour centrer : le bouton Centrer. Pour laisser de la place : l'espacement après. Pour mettre en valeur : le gras, avec modération. Jamais d'espaces ni de lignes vides pour faire de la mise en page.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="avant-apres">
|
||||
<h2>7. Avant/après : le règlement de l'étude</h2>
|
||||
<p>Un vrai type de document de la vie d'un internat, tapé en trichant.</p>
|
||||
<div class="actions">
|
||||
<a class="action" href="S2_document-moche.odt" download>Télécharger le document</a>
|
||||
</div>
|
||||
<ol>
|
||||
<li>Enregistre-le sous <code>AAAA-MM-JJ_S2_reglement-etude_Prenom</code> (date du jour, ton prénom), dans <code>P1_Bienvenue</code>.</li>
|
||||
<li>Affiche les marques de formatage.</li>
|
||||
<li>Supprime tous les espaces et toutes les lignes vides qui servent à la mise en page.</li>
|
||||
<li>Recolle les phrases coupées par des Entrée en trop : un paragraphe doit être d'un seul bloc.</li>
|
||||
<li>Remets en forme : titre centré en gras, taille 16, sans soulignement ; paragraphes justifiés avec un espacement après de 0,3 cm ; les quatre règles en liste numérotée ; la signature alignée à droite.</li>
|
||||
<li>Change la police de tout le document. Si ta mise en page tient toujours, c'est gagné.</li>
|
||||
</ol>
|
||||
</section>
|
||||
|
||||
<section id="ticket">
|
||||
<h2>8. Ticket de sortie</h2>
|
||||
<p>Réponds sur le papillon que je te donne.</p>
|
||||
<ol>
|
||||
<li>Pourquoi met-on l'année en premier dans un nom de fichier ?</li>
|
||||
<li>Cite une chose qu'on ne doit jamais faire avec la touche Entrée.</li>
|
||||
</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 1 : conforme ou pas ?</h3>
|
||||
<div class="quiz" id="quiz-noms"></div>
|
||||
|
||||
<h3>Bonus 2 : course aux raccourcis</h3>
|
||||
<p>Chronomètre-toi. Réussis chaque action uniquement au clavier.</p>
|
||||
<table>
|
||||
<thead><tr><th scope="col">Action</th><th scope="col">Raccourci</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>Renommer un fichier sélectionné</td><td><kbd>F2</kbd></td></tr>
|
||||
<tr><td>Créer un nouveau dossier (explorateur)</td><td><kbd>Ctrl</kbd>+<kbd>Maj</kbd>+<kbd>N</kbd></td></tr>
|
||||
<tr><td>Copier, couper, coller</td><td><kbd>Ctrl</kbd>+<kbd>C</kbd>, <kbd>Ctrl</kbd>+<kbd>X</kbd>, <kbd>Ctrl</kbd>+<kbd>V</kbd></td></tr>
|
||||
<tr><td>Annuler la dernière action</td><td><kbd>Ctrl</kbd>+<kbd>Z</kbd></td></tr>
|
||||
<tr><td>Tout sélectionner</td><td><kbd>Ctrl</kbd>+<kbd>A</kbd></td></tr>
|
||||
<tr><td>Enregistrer</td><td><kbd>Ctrl</kbd>+<kbd>S</kbd></td></tr>
|
||||
<tr><td>Afficher les marques de formatage (Writer)</td><td><kbd>Ctrl</kbd>+<kbd>F10</kbd></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<h3>Bonus 3 : l'affiche de la maison de jeunes</h3>
|
||||
<p>Même travail que pour le règlement : supprime la triche, puis refais une affiche lisible, sans un seul espace de mise en page. Choisis tes polices et tes couleurs, mais l'affiche doit rester lisible de loin. Un point d'exclamation par phrase, pas plus.</p>
|
||||
<div class="actions">
|
||||
<a class="action action--secondaire" href="S2_bonus-affiche-moche.odt" download>Télécharger l'affiche</a>
|
||||
</div>
|
||||
|
||||
<h3>Bonus 4 : copie conforme</h3>
|
||||
<p>Ouvre le modèle en PDF, puis reproduis-le le plus fidèlement possible à partir du texte brut : titre, sous-titres, liste à puces, paragraphes justifiés, interligne, couleur.</p>
|
||||
<div class="actions">
|
||||
<a class="action action--secondaire" href="S2_bonus-modele.pdf" target="_blank" rel="noopener">Ouvrir le modèle</a>
|
||||
<a class="action action--secondaire" href="S2_bonus-modele-texte.odt" download>Télécharger le texte brut</a>
|
||||
</div>
|
||||
|
||||
<h3>Bonus 5 : une page, pile</h3>
|
||||
<p>Reprends ton règlement de l'étude remis en forme. Fais-le tenir exactement sur une page, bien rempli, en jouant seulement sur l'interligne, l'espacement après et les marges. Interdiction de descendre sous la taille 11.</p>
|
||||
|
||||
<h3>Bonus 6 : chasse aux fautes</h3>
|
||||
<p>Ce texte contient six fautes. Clique sur chaque mot faux.</p>
|
||||
<div class="chasse" id="chasse-s2"></div>
|
||||
<p class="score" id="chasse-s2-score" role="status" aria-live="polite"></p>
|
||||
<div class="actions">
|
||||
<button type="button" id="chasse-s2-reset">Recommencer</button>
|
||||
<button type="button" id="chasse-s2-sol">Voir la solution</button>
|
||||
</div>
|
||||
</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 d'un nom de fichier ---------- */
|
||||
(function(){
|
||||
var champ = document.getElementById('nom');
|
||||
var liste = document.getElementById('nom-check');
|
||||
|
||||
function dateValide(t){
|
||||
var m = /^(\d{4})-(\d{2})-(\d{2})$/.exec(t || '');
|
||||
if (!m) return false;
|
||||
var d = new Date(+m[1], +m[2] - 1, +m[3]);
|
||||
return d.getFullYear() === +m[1] && d.getMonth() === +m[2] - 1 && d.getDate() === +m[3];
|
||||
}
|
||||
|
||||
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 p = n.split('_');
|
||||
var regles = [
|
||||
['Quatre parties séparées par des tirets bas : date, séance, objet, prénom', p.length === 4],
|
||||
['Une date réelle au format AAAA-MM-JJ', dateValide(p[0])],
|
||||
['Un numéro de séance : S suivi d\'un nombre (S2, S15...)', /^S\d{1,2}$/.test(p[1] || '')],
|
||||
['Un objet en minuscules, mots reliés par des tirets', /^[a-z0-9]+(-[a-z0-9]+)*$/.test(p[2] || '')],
|
||||
['Un prénom sans accent', /^[A-Za-z][A-Za-z-]+$/.test(p[3] || '')],
|
||||
['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);
|
||||
})();
|
||||
|
||||
/* ---------- démonstration : tricher avec les espaces ---------- */
|
||||
(function(){
|
||||
var triche = [
|
||||
" ÉTUDE DU SOIR",
|
||||
"",
|
||||
"L'étude a lieu du lundi au jeudi,",
|
||||
"de 16 h 30 à 18 h, dans la salle",
|
||||
"12, avec un éducateur.",
|
||||
"",
|
||||
" L'équipe éducative"
|
||||
];
|
||||
var propre = [
|
||||
['t', "Étude du soir"],
|
||||
['j', "L'étude a lieu du lundi au jeudi, de 16 h 30 à 18 h, dans la salle 12, avec un éducateur."],
|
||||
['d', "L'équipe éducative"]
|
||||
];
|
||||
var elT = document.getElementById('demo-triche');
|
||||
var elP = document.getElementById('demo-propre');
|
||||
var caseM = document.getElementById('demo-marques');
|
||||
var btnT = document.getElementById('demo-taille');
|
||||
var corps = document.getElementById('demo-corps');
|
||||
|
||||
function esc(t){ return t.replace(/&/g, '&').replace(/</g, '<'); }
|
||||
|
||||
function dessiner(){
|
||||
var m = caseM.checked;
|
||||
var fin = m ? '<span class="marque">¶</span>' : '';
|
||||
elT.innerHTML = triche.map(function(l){
|
||||
var h = esc(l);
|
||||
if (m) h = h.replace(/ /g, '<span class="esp">·</span>\u200b');
|
||||
return h + fin;
|
||||
}).join('\n');
|
||||
elP.innerHTML = propre.map(function(p){
|
||||
var h = esc(p[1]);
|
||||
if (m) h = h.replace(/ /g, '<span class="esp">·</span>\u200b');
|
||||
return '<p class="' + p[0] + '">' + h + fin + '</p>';
|
||||
}).join('');
|
||||
}
|
||||
|
||||
caseM.addEventListener('change', dessiner);
|
||||
btnT.addEventListener('click', function(){
|
||||
var on = corps.classList.toggle('grand');
|
||||
btnT.setAttribute('aria-pressed', on ? 'true' : 'false');
|
||||
btnT.textContent = on ? 'Taille normale' : 'Agrandir le texte';
|
||||
});
|
||||
dessiner();
|
||||
})();
|
||||
|
||||
/* ---------- bonus 1 : conforme ou pas ? ---------- */
|
||||
var CP = ["Conforme", "Pas conforme"];
|
||||
quiz(document.getElementById('quiz-noms'), [
|
||||
{ q: "<code>2026-10-08_S2_arborescence_Yasmine</code>", r: CP, b: 0, e: "Date, séance, objet, prénom : tout y est." },
|
||||
{ q: "<code>08-10-2026_S2_arborescence_Yasmine</code>", r: CP, b: 1, e: "La date est à l'envers : les fichiers ne se trieront pas dans l'ordre. Correct : 2026-10-08_S2_arborescence_Yasmine." },
|
||||
{ q: "<code>2026-10-08_S2_mise en forme_Yasmine</code>", r: CP, b: 1, e: "Il y a des espaces. Correct : 2026-10-08_S2_mise-en-forme_Yasmine." },
|
||||
{ q: "<code>2026-10-08_S2_règlement_Yasmine</code>", r: CP, b: 1, e: "Il y a un accent. Correct : 2026-10-08_S2_reglement_Yasmine." },
|
||||
{ q: "<code>Document1</code>", r: CP, b: 1, e: "Ce nom ne dit rien : ni date, ni séance, ni contenu, ni prénom." },
|
||||
{ q: "<code>2026-11-05_S4_question-de-recherche_Noa</code>", r: CP, b: 0, e: "Parfait : l'objet de plusieurs mots est relié par des tirets." },
|
||||
{ q: "<code>2026-11-05_S4_question-de-recherche</code>", r: CP, b: 1, e: "Il manque le prénom à la fin." },
|
||||
{ q: "<code>final_final_v2_ok</code>", r: CP, b: 1, e: "Ce nom ne dit rien et ne peut pas être trié." },
|
||||
{ q: "<code>2027-02-04_S15_compte-rendu-visite_Ines</code>", r: CP, b: 0, e: "Tout est en ordre, prénom sans accent compris." },
|
||||
{ q: "<code>2026-10-08_S2_Arborescence!!_Yasmine</code>", r: CP, b: 1, e: "Une majuscule dans l'objet et des caractères spéciaux. Correct : 2026-10-08_S2_arborescence_Yasmine." }
|
||||
]);
|
||||
|
||||
/* ---------- bonus 6 : 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-s2'),
|
||||
document.getElementById('chasse-s2-score'),
|
||||
document.getElementById('chasse-s2-reset'),
|
||||
document.getElementById('chasse-s2-sol'),
|
||||
jetons("Quand tu *enregistre un fichier, choisis un nom clair. Pas d'espace ni d'accent : certains ordinateurs les *acceptes mal. Range *chaques fichier dans le bon dossier, sinon tu *perdra du temps à le chercher. Fais aussi une *sauvgarde : une clé, *sa se perd vite !"),
|
||||
6,
|
||||
"Bravo, tu les as toutes trouvées."
|
||||
);
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user