Module 7 — Construire un mini-site / page eleve
Ce que vous saurez faire en 45 min
- Creer une page de cours en ligne (sequence + ressources + devoir + QCM)
- Maitriser Gamma, Wix AI, Webflow AI, Framer AI
- Appliquer les regles d'accessibilite et mobile-first
Outils utilises
Workflow pas-a-pas
Cas : page 'sequence + ressources + devoir + QCM + FAQ'
Structure recommandee : H1 titre de sequence, H2 objectifs, H2 ressources (liens, docs), H2 exercices, H2 auto-evaluation (QCM), H2 devoir a rendre, H2 FAQ.
Gamma est le plus rapide pour un prototype. Wix/Webflow pour un site plus riche.
Cree la structure d'une page web educative pour mes eleves de [niveau] sur [notion]. Sections : objectifs d'apprentissage, ressources (3 liens), 5 exercices interactifs, 1 QCM de 10 questions, 1 devoir a rendre, FAQ (5 questions). Mobile-first, accessible.
Accessibilite + mobile first
Verifier : contraste suffisant, taille de texte lisible sur mobile, navigation au clavier, textes alternatifs sur les images.
Tester sur telephone avant de partager aux eleves.
Pas de formulaire de collecte de donnees sans accord du DPO.
Livrable du module
1 page web educative complete (sequence + ressources + QCM + devoir)
Mini-cas pratique
Vous voulez creer une page de revisions avant un controle de maths en 4e. Contenu : rappels de cours, 10 exercices, 1 QCM, liens vers des videos. Comment ?
Voir la solution
Gamma : creer une page avec le brief. Ajouter les sections. Verifier les exercices. Tester sur mobile. Partager le lien aux eleves. Pas de collecte de donnees.
Quiz (5 questions)
1. Quel outil est le plus rapide pour un prototype de page ?
2. Que verifier avant de partager un mini-site aux eleves ?
3. Quel format de structure pour une page educative ?
4. Peut-on collecter des reponses d'eleves via un mini-site ?
5. Framer Wireframer sert a quoi ?
Points de vigilance (RGPD / droits / biais)
- RGPD : pas de collecte de donnees eleves sans cadre autorise.
- Droits : verifier les licences des ressources integrees.
- Accessibilite : obligation legale (RGAA).
- Contenu : verifier les exercices et le QCM avant publication.
Fiche memo (a retenir)
- Gamma = prototype rapide. Wix/Webflow = site riche. Framer = design avance.
- Structure : objectifs, ressources, exercices, QCM, devoir, FAQ.
- Mobile-first : tester sur telephone avant partage.
- Pas de formulaire de collecte sans accord DPO.
- Accessibilite : contraste, taille, navigation clavier.
Cadre FR
Respecter le cadre d'usage MEN et les recommandations CNIL. Zero donnee identifiante eleve dans un outil non autorise. Verification humaine obligatoire.