Plan de Classe Z

Guide d'utilisation

Application web sans installation ni connexion — vos données restent sur votre ordinateur.

Sommaire

Démarrer
Les repères de l'écran
La barre de menus
Classes et salles
Ajouter des élèves
La fiche d'un élève
Aménager la salle
Placer les élèves
Incompatibilités et rapprochements
Pendant le cours
Bonus et malus
Imprimer
Sauvegarder et transférer
Astuces

1. Démarrer

Aucune installation, aucun compte, aucune connexion internet.

Ouvrez le fichier index.html dans un navigateur récent (Chrome, Edge, Firefox). L'application fonctionne aussi bien depuis un disque dur que depuis une clé USB.

Tout ce que vous saisissez est enregistré automatiquement dans le navigateur de l'ordinateur utilisé. Rien n'est envoyé sur internet, il n'y a donc pas de bouton « Enregistrer » : fermez l'onglet quand vous voulez, vous retrouverez votre travail en l'état.

À savoir Les données étant liées au navigateur, elles ne suivent pas automatiquement d'un ordinateur à l'autre. Pour les transporter, utilisez l'export/import décrit au chapitre 13.

2. Les repères de l'écran

L'écran se lit en trois zones : la barre de menus en haut, la liste des élèves à gauche, le plan de la salle au centre.

Vue d'ensemble de l'application — La classe 5eB placée dans la Salle 12.

Sur le plan, la couleur du contour indique le sexe de l'élève (rose / bleu), un siège en pointillés est libre, et la zone hachurée violette est la place réservée à un accompagnant. Le rectangle blanc entouré d'un trait plein représente les murs de la salle ; la bande grise autour est l'espace de travail (voir chapitre 7).

3. La barre de menus

La première ligne sert à choisir la salle et la classe sur lesquelles vous travaillez, et à les créer, renommer ou supprimer. La seconde regroupe les actions dans quatre menus.

Menu	Ce qu'on y trouve
📁 Données	Importer des élèves, exporter ou réimporter toutes vos données, imprimer.
🪑 Mobilier	Nombre de sièges, tables simples et doubles, mobilier décoratif, vider les places.
🎲 Répartition	Placement aléatoire et ses options, incompatibilités, rapprochements.
🏆 Suivi	Motifs de bonus/malus, bilan de la classe, remise à zéro des scores.

Gagner de la place Le bouton ▲ à droite de la première ligne masque toute la barre ; un bandeau « ▼ Menus » la fait réapparaître. La liste des élèves se replie de la même façon avec le bouton «.

4. Classes et salles

Une salle décrit uniquement une géométrie : les tables, le mobilier, les murs, le tableau. Une classe décrit des élèves, leurs contraintes et leurs scores.

Les deux sont indépendants : la même classe peut avoir un placement différent dans chaque salle, et la même salle peut servir à toutes vos classes. Changer de salle ne détruit jamais un placement — vous le retrouvez tel quel en revenant.

Chaque sélecteur est suivi de trois boutons : ➕ créer, ✎ renommer, 🗑 supprimer.

Attention Supprimer une salle efface sa géométrie et les placements de toutes les classes qui l'utilisaient. Supprimer une classe efface ses élèves, ses contraintes et son historique de scores.

5. Ajouter des élèves

Un par un

Le bouton + Élève, en haut de la liste de gauche, ouvre une fiche vierge.

En important une liste

📁 Données → 📥 Importer des élèves ouvre un assistant. Collez directement les colonnes copiées depuis un tableur (Ctrl+V), ou choisissez un fichier CSV/TSV.

Assistant d'import des élèves — L'assistant détecte le séparateur ; vous indiquez ensuite à quoi correspond chaque colonne.

L'ordre des colonnes n'a pas d'importance : à l'étape suivante, vous associez vous-même chaque colonne (nom, prénom, sexe, classe, zone) comme dans un tableur. Les élèves sont créés dans la classe indiquée par le fichier, ou dans la classe active à défaut.

Liste des élèves — La liste de gauche : pastille de sexe, badges de zone, totaux bonus et malus.

Un élève déjà placé apparaît en grisé dans la liste. Le champ de recherche filtre sur le nom comme sur le prénom.

6. La fiche d'un élève

Le bouton ✎ d'une ligne de la liste ouvre la fiche.

Réglage	Effet
Zone imposée	Contraint le placement aléatoire : près du tableau, sur le côté, à l'arrière du groupe, ou isolé (aucun voisin à gauche ni à droite).
Accompagné d'un adulte	Réserve une place voisine pour l'AESH, du côté extérieur de la salle — l'élève reste le plus proche de l'axe du tableau.
Ne jamais interroger	Exclut l'élève du tirage au sort de l'interrogation.

Zone « arrière » C'est l'arrière du groupe placé, pas le fond de la salle : dans une salle à moitié vide, l'élève reste au contact du reste de la classe.

7. Aménager la salle

Tout est déplaçable à la souris, et tout se règle depuis le menu 🪑 Mobilier.

Les tables

Sièges + Appliquer fixe d'un coup le nombre de places (de 20 à 36).
Table simple ajoute une place, Table double une table large de deux places.
Une table se déplace en la faisant glisser ; elle s'aimante aux tables voisines. Une table double se déplace et se supprime d'un bloc, mais ses deux places restent deux places distinctes pour le placement.
Le bouton ✕, visible au survol d'une table, la supprime.

Le mobilier décoratif

Armoire, Porte, Bureau et Divers ajoutent des repères purement visuels : ils ne reçoivent jamais d'élève et n'entrent pas dans le tirage au sort. Au survol d'un meuble apparaissent trois boutons — ✎ renommer, ↻ pivoter de 90°, ✕ supprimer — et une poignée de redimensionnement en bas à droite.

Les murs et le tableau

Le rectangle blanc à trait plein, ce sont les murs. Ses trois poignées (bord droit, bord bas, coin) permettent de l'ajuster à votre vraie salle. La bande grise autour est un espace de travail : vous pouvez y faire glisser un meuble pour qu'une porte ou une armoire borde le mur, à cheval sur la limite.

Le bandeau TABLEAU se déplace et se redimensionne exactement comme un meuble.

Plan avec mobilier, murs et tableau — Une table double en bas à gauche, la porte à cheval sur le mur du bas, l'armoire contre le mur droit.

Agrandissement Si vous déposez un élément au-delà des murs, la salle s'agrandit pour l'englober. Vous pouvez ensuite resserrer les murs à la main sans limite : c'est ce qui permet à une porte de rester à moitié dehors.

C'est l'intérieur des murs qui s'imprime Ce qui dépasse dans la zone grise est rogné à l'impression.

8. Placer les élèves

À la main

Cliquez sur un élève dans la liste de gauche, puis sur un siège libre.
Pour déplacer ou échanger : cliquez sur un siège occupé, puis sur un autre siège.

La place d'un accompagnant suit toujours l'élève concerné.

Automatiquement

🎲 Répartition → 🎲 Placement aléatoire remplit toute la salle d'un coup, en tenant compte des zones imposées, des accompagnants, des incompatibilités et des rapprochements.

Option	Effet
Alterner F/G par rangée	Alterne filles et garçons le long de chaque rangée.
Une table sur deux	Laisse une place vide entre chaque élève. Proposé seulement si la classe tient sur au plus la moitié des sièges.
Remplissage	Au plus près du tableau : les places les plus proches du tableau d'abord, à vol d'oiseau. Rangée par rangée : une rangée entière avant d'entamer la suivante, en partant du tableau.

Aucune contrainte n'est absolue Si la salle ne permet pas de tout respecter, l'application choisit la meilleure disposition possible et vous indique le nombre de contraintes non respectées. Les contraintes ne s'appliquent qu'au placement aléatoire : à la main, vous restez libre.

9. Incompatibilités et rapprochements

🚫 Incompatibilités

Deux élèves à ne pas asseoir côte à côte. Le placement aléatoire les éloigne l'un de l'autre.

🤝 Rapprochements

L'inverse : deux élèves à asseoir côte à côte si possible — typiquement pour du tutorat. Un rapprochement fonctionne quel que soit le sexe des deux élèves, y compris deux élèves du même sexe : l'alternance F/G ne le bloque jamais.

Ces deux listes appartiennent à la classe : elles valent dans toutes les salles.

10. Pendant le cours

Les absences

Le bouton 🚫 qui apparaît au survol d'un siège occupé marque l'élève absent pour l'heure en cours. La place se grise, l'élève est écarté du tirage au sort, et il redevient présent tout seul au bout de 55 minutes.

Interroger au hasard

Le bouton 🎤 Interroger, toujours visible en bas à droite, tire au sort un élève présent et non dispensé. Une enveloppe apparaît : cliquez dessus pour l'ouvrir et révéler le nom, cliquez encore pour passer au suivant.

Enveloppe d'interrogation ouverte — L'élève tiré au sort. Le bouton 🏆 permet de lui attribuer un bonus ou un malus sans quitter l'enveloppe.

L'application évite de réinterroger trop vite quelqu'un qui vient de l'être. Le bouton ↺ remet ce suivi à zéro.

11. Bonus et malus

Deux compteurs séparés, qui ne se compensent jamais.

Un élève très participatif et souvent bavard doit voir ses deux totaux : il n'existe donc pas de « score net ». Chaque siège occupé et chaque ligne de la liste affichent deux badges — le vert pour les bonus, le rouge pour les malus — colorés seulement lorsqu'ils ne sont pas à zéro.

Attribuer des points

Cliquez sur le badge d'un siège, ou sur le bouton 🏆 d'une ligne de la liste.

Attribution d'un bonus ou d'un malus — Un clic sur un motif l'applique immédiatement.

Personnaliser les motifs

🏆 Suivi → 🏆 Motifs permet d'ajouter, modifier ou supprimer les motifs et leurs points. Ils sont communs à toutes vos classes.

Supprimer un motif n'efface jamais l'historique déjà écrit : les événements passés gardent leur libellé et leurs points.

Le bilan de la classe

🏆 Suivi → 📊 Bilan affiche tous les élèves, triables par ordre alphabétique, par total de bonus ou par total de malus, avec un export CSV du tableau tel qu'il est affiché.

Remettre les compteurs à zéro 🔄 Scores à zéro (menu Suivi) remet à zéro les totaux de la classe active — en fin de trimestre par exemple — sans toucher à l'historique détaillé de chaque élève.

12. Imprimer

📁 Données → 🖨️ Imprimer tout génère une page par couple classe/salle, avec le nom de la classe, le nombre d'élèves placés et la date.

Chaque page choisit son orientation (portrait ou paysage) selon la forme de la salle.
Le plan est mis à l'échelle pour occuper au mieux la feuille.
Le cadre imprimé correspond aux murs de la salle ; le mobilier laissé dans la zone grise est rogné.

Astuce Dans la fenêtre d'impression du navigateur, laissez l'option « Graphiques d'arrière-plan » activée pour conserver les couleurs, et choisissez « PDF » comme destination pour archiver le plan.

13. Sauvegarder et transférer

Vos données vivent dans le navigateur de l'ordinateur utilisé. Pour les emporter :

📁 Données → 💾 Exporter les données : télécharge un fichier .json contenant tout (élèves, salles, placements, contraintes, scores).
Copiez ce fichier sur une clé USB.
Sur l'autre poste, ouvrez l'application et faites 📂 Importer les données.

L'import remplace tout Le fichier importé écrase l'intégralité des données présentes sur ce poste. Exportez d'abord l'existant si vous avez un doute.

Le même fichier sert de sauvegarde : un export en fin de trimestre, rangé dans vos documents, suffit à tout retrouver après un changement d'ordinateur ou un nettoyage du navigateur.

14. Astuces

Situation	Solution
Écran tactile ou TBI	Le bouton 👆 garde en permanence les boutons des sièges (absence, suppression) visibles, sans passer par le survol. Le bouton 🏆 fait de même pour les seuls badges bonus/malus — pratique pour laisser un élève noter, sans exposer les boutons de suppression.
Projeter le plan	Masquez la barre de menus (▲) et repliez la liste des élèves («) : le plan occupe alors tout l'écran et se redimensionne pour tenir entièrement.
Même classe, deux salles	Faites simplement un placement dans chaque salle : chacun est mémorisé séparément.
Repartir de zéro sur un plan	🪑 Mobilier → 🧹 Vider les places retire les élèves des sièges pour la classe et la salle actives, sans toucher à la disposition des tables.
Le placement ne respecte pas tout	Relancez-le : le tirage est aléatoire et une autre tentative peut mieux tomber. Sinon, ajoutez des places ou allégez les contraintes.