D'une classe à l'autre

Plateforme permettant à des enseignants de créer des parcours pédagogiques collaboratifs entre deux groupes. Chaque parcours est une séquence de cards où la progression d'un groupe conditionne le déblocage des étapes de l'autre groupe.

Deux modes

Contraintes non négociables

Sous-domaines

organizations

id, name, slug (unique), country, plan (free|pro), created

users (Auth PocketBase)

id, email (nullable), role (eleve|prof|responsable),
org_id, group_id, display_name, avatar

groups

id, project_id, org_id, name, level,
city, country,
join_code (4-8 car., personnalisable, unique par projet),
linked_group_id (nullable)

city + country affichés dans l'UI élève. join_code personnalisable (ex : "6EME2") + QR code.

projects

id, org_id, title, description,
mode (solo|collaborative), status (draft|active|archived),
template_id (nullable), created_by, created

cards

id, project_id, group_id, org_id,
title, instructions,
type (ressource|tache|production|feedback|debat|echange),
position, fields (JSON), unlock_type, unlock_config (JSON),
unlock_requires_card_id (nullable), locked_by_default

card_drafts

id, card_id, group_id, org_id, content (JSON), updated_at

Brouillon côté serveur, sauvegardé toutes les 10 s. Supprimé à la soumission finale.

card_completions

id, card_id, group_id, org_id,
completed_at, validated_by_teacher (bool),
validated_at, validator_id, teacher_feedback,
submitted_by (texte libre, optionnel),
content (JSON)

templates

id, title, description, subject, level_a, level_b,
duration_weeks, tags (JSON), use_count,
published_by_org_id, is_public, cards_snapshot (JSON), created

Prévus en v2 : dessin libre, annotation image, vidéo, texte à trous, carte, QR scan, vote de groupe.

Couleurs et icônes par type

Canvas

Header : titre · toggle mode · autosave · "Aperçu élève" · "Publier"
Mode collaboratif : 2 lanes côte à côte, flèches SVG (teal A→B, violet B→A, pointillés)
Mode solo : 1 lane centrée

Join code + QR

Code personnalisable (ex: "6EME2", 4–8 caractères). Bouton "QR Code" → projeter ou imprimer, scan = connexion directe.

Aperçu élève

Panneau simulant la vue du groupe A ou B — cards verrouillées/déverrouillées selon config. Lecture seule.

Connexion

Nom du groupe + code. N appareils simultanés sur le même groupe — chaque élève ouvre l'app sur son téléphone. Soumission partagée en temps réel via WebSocket.

Vue parcours

• Header : nom du projet + groupe + ville/pays + progression X/N
• Statuts : ✅ validé · ✏️ en cours · 🔒 verrouillé · 🎁 code · 🧩 énigme · ⏳ en attente

Remplir une card

• Brouillon sauvegardé en card_drafts toutes les 10 s
• Au moment de soumettre : champ optionnel "Qui envoie ?" → submitted_by

Comportement offline

À la reconnexion, Vue 3 recharge la liste via REST — les déblocages apparaissent naturellement. Aucune donnée perdue.

Fin de parcours

Écran de célébration (confetti, logo, "Bravo — parcours terminé !") quand toutes les cards sont validées. Le prof reçoit une notification Realtime.

Vue "classe vivante"

Bandeau temps réel : "Groupe A — 3 appareils connectés · dernière activité il y a 2 min". Basé sur PocketBase Realtime.

Actions disponibles

• Lire toutes les productions (texte, fichiers, audio)
• Valider / refuser + commentaire optionnel
• Débloquer manuellement une card (override)
• Message broadcast à un groupe
• Voir le submitted_by de chaque soumission
• Retour dans le builder

Isolation logique via org_id. Une seule URL app.duneclassealautre.portailemfe.fr.

Onboarding

1. Prof s'inscrit → organisation créée automatiquement, il devient responsable
2. Invite collègues via lien d'invitation (token, 7 jours) → rejoignent avec role: prof

Rôles

Gestion des erreurs

• Timeout hook : 30 s max
• Si indisponible : résultat vide + message "Génération indisponible — réessayez"
• Le feedback IA n'est jamais affiché directement aux élèves

VPS IONOS (87.106.196.43)
└── Nginx
    ├── duneclassealautre.portailemfe.fr      → vitrine
    ├── app.duneclassealautre.portailemfe.fr  → Vue 3 + PocketBase :8090
    ├── ressources.duneclassealautre.portailemfe.fr → guides enseignants
    └── ollama.portailemfe.fr                 → (existant)

~/duneclasse/docker-compose.yml
  pocketbase:
    image: ghcr.io/muchobien/pocketbase:latest
    ports: ["127.0.0.1:8090:8090"]
    volumes: [/var/www/duneclasse_pb_data:/pb_data]

Sauvegarde : ~/backup_vps.sh (couvre SQLite via volume)