📰 Tutoriel complet v3.0

Un guide pas à pas pour créer, gérer et imprimer le journal de votre classe avec la pédagogie Freinet.

1. Présentation

Journal de Classe est une application de création de journaux scolaires pensée pour la pédagogie Freinet. Elle permet aux élèves d'écrire des articles, de les organiser en éditions et de les imprimer sous forme de journal papier.

Ce que l'application fait

• Rédaction d'articles avec un éditeur visuel (gras, italique, listes, titres)
• Gestion de plusieurs auteurs par article (travail collaboratif)
• Organisation des articles en éditions numérotées
• Mise en page professionnelle avec 6 templates (Magazine, Gazette, Blog…)
• Impression en A4 ou livret A3 plié
• Suivi des élèves : fiches, compteur d'articles, statistiques
• Mode élève simplifié pour la saisie autonome
• Vote coopératif pour élire le "texte élu" de chaque édition

Deux versions disponibles

• Version Electron (recommandée) — application bureau pour Linux, avec sauvegarde sur disque et import/export natif
• Version HTML — fichier unique ouvrable dans n'importe quel navigateur, sauvegarde dans le navigateur (localStorage)

2. Installation

Version AppImage

Téléchargez le fichier AppImage depuis la page Mes Logiciels sur le blog. Sous Linux (Debian/Ubuntu), double-cliquez sur le fichier ou lancez-le depuis un terminal.

Version HTML (tous systèmes)

Ouvrir le lien Journal de classe dans un navigateur web (Firefox, Chrome, etc.). Aucune installation nécessaire.

Attention : dans la version HTML, les données sont sauvegardées dans le navigateur. Si vous videz le cache, les données seront perdues. Pensez à exporter régulièrement.

3. Premier lancement — Paramétrer le journal

Au premier lancement, cliquez sur le bouton ⚙️ dans le header (en haut à droite) pour ouvrir les paramètres.

Informations de base

Renseignez ces trois champs qui apparaîtront sur la couverture de votre journal :

• Nom du journal — exemple : _La gazette, , Le Petit Reporter
• Nom de l'école — exemple : _École de Pétaouchnok
• Classe — exemple : CE2

Logo ou illustration de couverture

Cliquez sur la zone "Importer un logo" pour ajouter une image qui figurera sur la couverture. Idéal :

• Un dessin réalisé par les élèves
• Le logo de l'école
• Une illustration en lien avec le thème de l'année

Catégories

L'application propose des catégories par défaut (Texte libre, Compte-rendu, Poésie, etc.). Vous pouvez en ajouter dans les paramètres, par exemple :

• Exposé scientifique
• Interview
• BD / Bande dessinée
• Recette de cuisine
• Critique de livre

4. Écrire un article

L'onglet 📝 Articles est l'espace principal de l'application.

Remplir le formulaire

1. Auteur(s) — tapez le prénom d'un élève et appuyez sur Entrée ou virgule pour l'ajouter comme pastille bleue. Vous pouvez ajouter plusieurs auteurs (voir section 5).
2. Titre — le titre de l'article, par exemple Notre sortie à la ferme
3. Catégorie — choisissez dans la liste déroulante
4. Contenu — utilisez la barre d'outils pour mettre en forme :
   • G → gras
   • I → italique
   • S → souligné
   • Titre → sous-titre dans l'article
   • • Liste → liste à puces
   • 1. Liste → liste numérotée

Ajouter des images

Cliquez sur la zone "🖼️ Clique pour ajouter des images" pour joindre :

• Des dessins scannés
• Des photos de sortie
• Des illustrations

Les images apparaissent en miniature. Cliquez sur ✕ pour en retirer une.

Enregistrer

Cliquez sur 📝 Enregistrer l'article. L'article apparaît dans la liste en dessous, avec un badge ⏳ En attente (il n'est pas encore dans une édition).

Astuce : Quand un élève enregistre un article avec un nouveau prénom, une fiche élève est automatiquement créée dans l'onglet "Ma classe".

5. Multi-auteurs et autocomplétion

Le système d'auteurs fonctionne avec des "tags" (pastilles) :

Ajouter plusieurs auteurs

1. Tapez le début d'un prénom → les suggestions apparaissent en dessous
2. Cliquez sur une suggestion ou appuyez sur Entrée
3. Le prénom s'affiche en pastille bleue
4. Recommencez pour ajouter un co-auteur

Exemple : Pour un article écrit par Léa, Hugo et Mila :

• Tapez Lé → cliquez sur "Léa" → pastille ajoutée
• Tapez Hu → cliquez sur "Hugo" → pastille ajoutée
• Tapez Mi → cliquez sur "Mila" → pastille ajoutée

Retirer un auteur

Cliquez sur le × à droite de la pastille pour retirer un auteur.

Mémoire des prénoms

L'application mémorise tous les prénoms déjà utilisés (dans les articles et les fiches élèves). Ils apparaissent en suggestions dès que vous tapez les premières lettres.

Affichage

Les multi-auteurs s'affichent séparés par des virgules : Léa, Hugo, Mila.

6. Le chrono d'écriture

Au-dessus de la zone de texte, un chronomètre discret permet de cadrer le temps d'écriture.

Utilisation

1. Choisir une durée : cliquez sur 10 min, 15 min ou 20 min
2. Démarrer : cliquez sur ▶️
3. Pause : cliquez sur ⏸️ si besoin
4. Remettre à zéro : cliquez sur 🔄

Alerte de fin

Quand il reste moins d'une minute, l'affichage passe en rouge clignotant. À zéro, un message "⏰ Temps écoulé !" apparaît.

En classe : Lancez le chrono à 15 minutes quand un élève commence à écrire. Cela structure le temps d'écriture et évite que les élèves passent une heure sur un texte.

7. Gérer les articles

La liste des articles

Sous le formulaire, tous les articles enregistrés sont affichés avec :

• Le titre et un aperçu du texte
• L'auteur / les co-auteurs
• La catégorie (badge de couleur)
• La date de création
• Le nombre d'images
• Le statut : ⏳ En attente ou 📰 N°X — Titre de l'édition

Filtrer les articles

Utilisez les filtres en haut de la liste :

• 🔍 Rechercher — filtre par titre, contenu ou auteur
• Catégorie — filtre par catégorie
• Auteur — filtre par auteur individuel (chaque co-auteur apparaît séparément)

Modifier un article

Cliquez sur ✏️ pour ouvrir la modale d'édition. Vous pouvez modifier :

• Les auteurs (ajouter/retirer des pastilles)
• Le titre, la catégorie, le niveau
• Le contenu (éditeur visuel)
• Les images (ajouter de nouvelles, supprimer les existantes avec ✕)
• La position des images

Synchronisation : Quand vous modifiez les auteurs d'un article, les fiches élèves se mettent à jour automatiquement. Si un prénom est retiré et qu'il n'a plus aucun article, sa fiche auto-créée disparaît.

Supprimer un article

Cliquez sur 🗑️ puis confirmez. L'article est définitivement supprimé.

8. Composer une édition

L'onglet 🗞️ Éditions permet de créer des numéros du journal.

Créer une nouvelle édition

1. Remplissez le Titre (ex : Édition de mars) et le Numéro (ex : 4)
2. Cliquez sur Créer l'édition

Ajouter des articles

1. Cliquez sur ✏️ Éditer sur la carte de l'édition
2. La liste des Articles disponibles apparaît à gauche (seuls les articles non encore placés dans une autre édition sont affichés)
3. Cliquez sur ➕ à côté d'un article pour l'ajouter
4. Les articles ajoutés apparaissent dans la colonne de droite
5. Utilisez les flèches ↑ ↓ pour réordonner
6. Cliquez sur ✕ pour retirer un article

Important : Un article placé dans une édition n'est plus disponible pour les autres éditions. Il ne peut appartenir qu'à un seul numéro.

Vote coopératif

Chaque édition peut avoir un "texte élu" choisi par vote de la classe :

1. Cliquez sur 🗳️ Votes sur la carte de l'édition
2. Attribuez des votes (0 à 5) à chaque article
3. Enregistrez — l'article avec le plus de votes est marqué comme ⭐ Texte élu

Actions sur une édition

Chaque carte d'édition affiche trois boutons :

• ✏️ Éditer — ajouter/retirer/réordonner des articles
• 🖨️ Imprimer — ouvrir directement l'impression pré-configurée sur cette édition
• 🗳️ Votes — gérer le vote coopératif

9. Imprimer le journal

L'impression est accessible de deux façons :

• Bouton 🖨️ dans le header (en haut) — impression générale
• Bouton 🖨️ sur chaque carte d'édition — pré-sélectionne l'édition

Choisir une édition

Sélectionnez l'édition à imprimer dans la liste déroulante. L'aperçu se met à jour en temps réel.

Templates de mise en page

Six styles prédéfinis sont disponibles :

Options de mise en page

• Orientation — Portrait (vertical) ou Paysage (horizontal)
• Format — Pages A4 standard ou Livret A3 plié
• Taille de police — de 10pt à 22pt (14pt par défaut)
• Colonnes — 1 ou 2 colonnes
• Densité — Aéré (plus de blanc) ou Compact (plus d'articles par page)
• Marges — de 5mm à 30mm
• Bordures — aucune, filet simple, double, pointillés, ombre, arrondie, décorative
• Filigrane — texte en filigrane, motif points/lignes/grille, texture papier

Personnalisation de la couverture

• Couleur d'accent — 6 couleurs prédéfinies + sélecteur personnalisé
• Cadre — élégant, classique orné, épais, pointillés, arrondi, aucun
• Taille du logo — curseur de 80px à 350px (160px par défaut)
• Éléments affichés — sommaire (3 modes), liste des auteurs, école et classe

Générer le PDF

• 🖨️ Imprimer / Générer PDF — ouvre la boîte de dialogue d'impression du système
• 📄 Export PDF direct — génère un fichier PDF directement

Astuce livret A3 : Sélectionnez "Livret A3 plié" pour un journal qui se plie en deux. Imprimez en recto-verso bord court sur du papier A3.

10. Ma classe — Fiches élèves et statistiques

L'onglet 🎓 Ma classe regroupe deux sections.

Fiches élèves

Chaque élève a une carte avec :

• Son avatar (emoji personnalisable)
• Son prénom
• Son niveau (CE1, CE2, CM1…)
• Le nombre d'articles écrits
• Le nombre de textes élus

Création automatique

Quand un élève écrit son premier article, sa fiche est automatiquement créée avec un avatar 🧒 par défaut. Vous pouvez ensuite la compléter.

Création manuelle

Cliquez sur + Ajouter un élève pour créer une fiche avec :

• Prénom
• Niveau
• Centres d'intérêt
• Avatar (choix parmi des emojis)

Voir les articles d'un élève

Cliquez sur la carte d'un élève pour ouvrir une fenêtre listant tous ses articles : titre, catégorie, date, aperçu du texte.

Tableau de bord statistiques

En dessous des fiches élèves, le tableau de bord affiche :

• Résumé chiffré — nombre total d'articles, d'éditions, d'élèves
• Articles par élève — graphique en barres pour visualiser qui écrit le plus (et qui n'a pas encore écrit)
• Articles par catégorie — répartition des types d'articles
• Palmarès des textes élus — classement des élèves les plus élus
• Chronologie des éditions — historique des numéros publiés

En conseil de classe : Projetez le tableau de bord pour montrer les statistiques aux élèves. Qui n'a pas encore écrit ? Quelles catégories sont les plus populaires ?

11. Le mode élève

Le mode élève simplifie l'interface pour que les élèves puissent écrire en autonomie.

Activer le mode

Cliquez sur 🎒 Mode élève dans le header.

Ce qui change

• Les onglets disparaissent (seul l'onglet Articles reste visible)
• Les options avancées sont masquées (niveau, police, position des images, filtres, barre de statut)
• Un sélecteur "👤 Je suis :" apparaît en haut de la liste

Fonctionnement

1. L'élève choisit son prénom dans la liste déroulante
2. Son prénom est automatiquement rempli dans le champ auteur
3. La liste d'articles est filtrée pour ne montrer que ses articles
4. Il peut écrire un nouvel article ou relire les siens

Quitter le mode

Cliquez sur le bandeau bleu en haut : "🎒 Mode élève activé — Cliquer ici pour revenir au mode enseignant"

En classe : Activez le mode élève quand les élèves passent en rotation sur l'ordinateur. Ils n'ont accès qu'au strict nécessaire pour écrire.

12. Sauvegardes et export

Version Electron

• Sauvegarde automatique — chaque modification est enregistrée sur le disque
• Sauvegardes automatiques — les 5 dernières versions sont conservées
• Emplacement — visible dans les paramètres (⚙️), modifiable
• 💾 Exporter — crée une copie JSON de toutes les données
• 📂 Importer — restaure des données depuis un fichier JSON

Version HTML

• Sauvegarde automatique dans le localStorage du navigateur
• 💾 Exporter — télécharge un fichier JSON
• 📂 Importer — charge un fichier JSON

Bonnes pratiques

• Exportez régulièrement (une fois par semaine) vers une clé USB ou un cloud
• En version HTML, exportez avant de vider le cache du navigateur
• Le fichier JSON contient tout : articles, éditions, élèves, paramètres, images

13. Personnalisation avancée

Thèmes visuels

Six thèmes sont disponibles dans les paramètres (⚙️) :

• Classique — crème et rouge (défaut)
• Sombre — fond noir, accents rouges
• Océan — bleu clair et bleu profond
• Forêt — vert tendre et vert forêt
• Lavande — violet pastel et violet profond
• Soleil — jaune chaud et doré

Mode tablette

Activez le 📱 Mode tablette dans les paramètres pour agrandir les boutons et champs de saisie. Idéal quand les élèves utilisent un écran tactile.

Police Dyslexie

Le toggle "Police Dyslexie" dans le header active la police OpenDyslexic sur toute l'interface, facilitant la lecture pour les élèves dyslexiques.

Polices personnalisées

Importez vos propres polices (.ttf, .otf, .woff) dans les paramètres. Exemples utiles :

• Belle Allure — écriture cursive officielle
• Écriture A / Écriture B — polices cursives scolaires
• Luciole — police à haute lisibilité

Ces polices seront disponibles dans le sélecteur de police de chaque article.

14. Exemples d'utilisation en classe

Exemple 1 : Séance d'écriture libre (CE1-CE2)

Durée : 30 minutes

1. 5 min — L'enseignant active le mode élève et lance l'application
2. 20 min — Les élèves passent en rotation (par 3-4) :
   • Choisissent leur prénom dans "👤 Je suis :"
   • Activent le chrono à 15 min
   • Écrivent leur texte libre
   • Enregistrent
3. 5 min — L'enseignant désactive le mode élève et vérifie les articles

Exemple 2 : Compte-rendu collectif (CM1)

Durée : 45 minutes

1. Un groupe de 3 élèves rédige ensemble un compte-rendu de sortie
2. Le premier élève tape son prénom → Entrée, puis les deux autres
3. Ils choisissent la catégorie "Compte-rendu"
4. Ils ajoutent des photos de la sortie
5. Résultat : un article avec 3 co-auteurs et des images

Exemple 3 : Composition du journal mensuel

Durée : 20 minutes (enseignant seul)

1. Onglet 🗞️ Éditions → Créer l'édition "Mars 2026 — N°4"
2. Cliquer ✏️ Éditer → ajouter les meilleurs articles du mois
3. Réordonner avec les flèches (éditorial en premier, texte élu en dernier)
4. Cliquer 🗳️ Votes → reporter les résultats du vote de classe
5. Cliquer 🖨️ Imprimer → choisir le template "Magazine", livret A3
6. Imprimer en recto-verso → plier → distribuer

Exemple 4 : Conseil de classe avec les statistiques

Durée : 15 minutes

1. Projeter l'onglet 🎓 Ma classe
2. Regarder le graphique "Articles par élève" → qui n'a pas encore écrit ce mois-ci ?
3. Regarder "Articles par catégorie" → "On fait beaucoup de textes libres, qui veut essayer un autre genre ?"
4. Regarder le "Palmarès des textes élus" → féliciter les auteurs

15. FAQ — Questions fréquentes

Les emojis s'affichent en carrés vides

Sur Linux, installez la police emoji Noto :

sudo apt install fonts-noto-color-emoji

Puis relancez l'application.

J'ai perdu mes données

• Version Electron : vérifiez les sauvegardes automatiques dans les paramètres (⚙️ → Sauvegardes automatiques → Voir les sauvegardes)
• Version HTML : si vous aviez exporté un fichier JSON, importez-le avec le bouton 📂 Importer

Comment transférer mes données vers un autre ordinateur ?

1. Sur l'ancien ordinateur : 💾 Exporter → un fichier .json est créé
2. Copier ce fichier sur le nouveau (clé USB, email…)
3. Sur le nouveau : 📂 Importer → sélectionner le fichier

Un article est dans la mauvaise édition

1. Onglet 🗞️ Éditions → ✏️ Éditer l'édition concernée
2. Cliquez sur ✕ à côté de l'article pour le retirer
3. Il redevient disponible et peut être ajouté à une autre édition

Comment ajouter un éditorial du rédacteur en chef ?

1. Créez un article normal avec le prénom du rédacteur en chef
2. Choisissez la catégorie "Éditorial" (ou créez-la dans les paramètres)
3. Dans l'édition, placez-le en première position avec les flèches ↑

La fenêtre ne s'ouvre pas à la bonne taille

L'application mémorise la taille et position de la fenêtre. Pour réinitialiser :

rm ~/.config/journal-de-classe-freinet/window-state.json

Comment mettre à jour l'application ?

Remplacez simplement les fichiers par la nouvelle version. Vos données sont stockées séparément et ne seront pas perdues.

Journal de Classe v3.0 — Application libre (GPL v3) pour la pédagogie Freinet _Développé pour les classes multi-niveaux.

Emmanuel H.