Documentation utilisateur · Équipe KidCrafter
Comment ça marche
1. Introduction
1.1 Présentation de KidCrafter
KidCrafter est une plateforme éducative 3D interactive permettant aux enfants de 6 à 14 ans d'apprendre les bases du HTML, CSS et JavaScript à travers des mini-jeux immersifs et un monde virtuel à explorer.
1.2 À qui s'adresse ce manuel
Ce manuel est organisé en deux guides distincts :
- Guide Parent : pour créer et gérer les comptes familiaux
- Guide Enfant : pour jouer, apprendre et progresser
1.3 Comment lire le document
2. Accès à la plateforme
2.1 Configuration requise
| Élément | Requis |
|---|---|
| Navigateur | Compatible WebGL (Chrome 90+, Firefox 88+, Safari 14+, Edge 90+) |
| Connexion | Internet stable requise (haut débit recommandé pour la 3D) |
| Appareil | Ordinateur |
| Configuration | RAM : 4 Go min. — GPU compatible WebGL (carte intégrée suffisante) |
| Résolution | Minimum 1024×768 recommandé |
2.2 Création du compte
2.2.1 Inscription
L'accès à KidCrafter se fait via la création d'un compte parent.
- Accéder à : https://kidcrafter.app/
- Cliquer sur « Connexion » puis « Inscris-toi »
- Renseigner les informations demandées (email, mot de passe)
- Valider l'adresse email via le lien reçu
2.2.2 Connexion
- Accéder à : https://kidcrafter.app/
- Cliquer sur « Connexion »
- Saisir l'adresse email et le mot de passe
- Cliquer sur « Se connecter »
- En cas d'oubli : cliquer sur « Mot de passe oublié ? »
3. Guide Parent
3.1 Tableau de bord parental
Après connexion, le parent accède à son tableau de bord personnel. Il permet de :
- Visualiser les profils enfants créés
- Consulter la progression de chaque enfant et leurs métriques
- Accéder aux paramètres du compte
3.2 Gestion du profil enfant
3.2.1 Créer un profil enfant
- Cliquer sur « Ajouter un profil »
- Renseigner le prénom et l'âge de l'enfant
- Choisir un avatar de départ
- Valider la création
3.2.2 Modifier ou supprimer un profil
- Pour modifier le profil, cliquer sur le bouton crayon
- Modifier ce qui est souhaité, puis valider
- Pour supprimer le profil, cliquer sur la corbeille
3.3 Suivre la progression de l'enfant
Dans l'onglet « Résumé », accès à la progression de chaque profil enfant :
- Statistiques de la semaine : temps passé, réussite
- Les mini-jeux complétés et les scores obtenus
- Le temps passé par jeu et la progression par jeu
- Les compétences acquises
3.4 Gestion des données personnelles (RGPD)
Conformément au RGPD et aux recommandations de la CNIL concernant les mineurs :
- Vous pouvez demander la suppression de votre compte et des données associées
- Les données des enfants sont traitées avec un niveau de protection renforcé
- Aucune donnée n'est partagée à des tiers sans consentement explicite
- Pour exercer vos droits : support@kidcrafter.com
4. Guide Enfant
4.1 Se connecter à son profil
- Accéder à : https://play.kidcrafter.app/
- Demande à un parent ou à ton enseignant de te connecter
- Clique sur ton prénom dans la liste des profils
- Et c'est parti pour l'aventure !
- Déconnexion : clique sur « Logout » en haut à droite
4.2 Explore le monde 3D
KidCrafter, c'est un monde 3D à explorer ! Tu peux :
- Te déplacer avec les touches directionnelles
- Te rendre aux bâtiments pour accéder aux mini-jeux
- Te déplacer en voiture ou en hélicoptère
4.3 Joue aux mini-jeux
- Jeu de l'école — compétences HTML — quiz
- Jeu du supermarché — compétences CSS — quiz
- Jeu de Rythme — compétences CSS — arcade
- Jeu de Flappy Bird — compétences HTML — arcade
Comment fonctionne un mini-jeu :
- Lis bien les instructions au début du jeu
- Essaie, teste, recommence — c'est comme ça qu'on apprend !
5. Questions fréquentes & dépannage
5.1 Problèmes de connexion
| Problème | Solution |
|---|---|
| Je n'arrive pas à me connecter | Vérifier email et mot de passe. Essayer « Mot de passe oublié » |
| L'email de validation n'est pas arrivé | Vérifier les spams. Demander un renvoi depuis la page de connexion |
| Un mini-jeu ne fonctionne pas | Recharger la page. Si persistant, contacter le support. |
| Le personnage est coincé | Recharger la page. Si persistant, contacter le support. |
5.2 Contact et support
- Email support : support@kidcrafter.com
- Délai de réponse : une semaine maximum
6. Conformité et données personnelles
6.1 Protection des données
KidCrafter traite les données personnelles de ses utilisateurs dans le strict respect du RGPD et des recommandations de la CNIL concernant les mineurs.
6.1.1 Données collectées
- Email et mot de passe du compte parent/enseignant
- Prénom et âge des profils enfants
- Données de progression et résultats des mini-jeux
- Données de navigation (cookies techniques uniquement)
6.1.2 Droits des utilisateurs
- Droit d'accès — obtenir une copie de vos données
- Droit de rectification — corriger des informations inexactes
- Droit à l'effacement — supprimer vos données et celles de vos enfants
- Droit d'opposition — s'opposer à certains traitements
Pour exercer ces droits : support@kidcrafter.com
6.2 Protection des mineurs
Mesures renforcées conformément aux lignes directrices UNICEF (2017) et aux recommandations CNIL :
- Aucun compte enfant n'est créé sans validation parentale
- Aucune donnée personnelle de l'enfant n'est affichée publiquement
- Les données de progression sont conservées uniquement le temps nécessaire
6.3 Accessibilité
KidCrafter s'engage à respecter les normes RGAA. Éléments implémentés :
- Navigation clavier pour les principales fonctionnalités
- Respect des contrastes de couleurs
- Attributs ARIA sur les éléments interactifs
7. Glossaire
| Terme | Définition |
|---|---|
| HTML | Langage de base pour créer des pages web. HTML définit la structure d'une page. |
| CSS | Langage permettant de styliser les pages web (couleurs, tailles, mises en page). |
| JavaScript | Langage de programmation permettant d'ajouter de l'interactivité aux pages web. |
| Mini-jeu | Activité ludique intégrée à KidCrafter permettant d'apprendre une notion de code. |
| RGPD | Règlement Général sur la Protection des Données — loi européenne sur les données personnelles. |
| 3D / Three.js | Technologie permettant d'afficher des environnements 3D dans le navigateur web. |
Documentation utilisateur KidCrafter — Équipe KidCrafter — Epitech.