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

💡 Les encadrés orange comme celui-ci contiennent des informations importantes à lire attentivement.

2. Accès à la plateforme

2.1 Configuration requise

ÉlémentRequis
NavigateurCompatible WebGL (Chrome 90+, Firefox 88+, Safari 14+, Edge 90+)
ConnexionInternet stable requise (haut débit recommandé pour la 3D)
AppareilOrdinateur
ConfigurationRAM : 4 Go min. — GPU compatible WebGL (carte intégrée suffisante)
RésolutionMinimum 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
💡 Mot de passe : minimum 8 caractères, une majuscule et un caractère spécial.

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

💡 Salut ! Ce guide est fait pour toi. Il t'explique comment jouer et apprendre à coder sur KidCrafter. C'est parti !

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èmeSolution
Je n'arrive pas à me connecterVé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 pasRecharger la page. Si persistant, contacter le support.
Le personnage est coincéRecharger la page. Si persistant, contacter le support.

5.2 Contact et support

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.

💡 Se référer aux CGU disponibles sur le site.

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

TermeDéfinition
HTMLLangage de base pour créer des pages web. HTML définit la structure d'une page.
CSSLangage permettant de styliser les pages web (couleurs, tailles, mises en page).
JavaScriptLangage de programmation permettant d'ajouter de l'interactivité aux pages web.
Mini-jeuActivité ludique intégrée à KidCrafter permettant d'apprendre une notion de code.
RGPDRèglement Général sur la Protection des Données — loi européenne sur les données personnelles.
3D / Three.jsTechnologie permettant d'afficher des environnements 3D dans le navigateur web.

Documentation utilisateur KidCrafter — Équipe KidCrafter — Epitech.