# Balad'EDU <div style=" width: 100%; padding: 0.6em 0.6em; margin-top: 0.3em; margin-bottom: .75em; text-align: center; background: linear-gradient(to right, #e3f2fd, #bbdefb); color: #0d47a1; font-family: 'Arial', sans-serif; border-radius: 8px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08); "> <!-- Titre Principal --> <div style=" font-size: 2.8em; font-weight: 800; letter-spacing: 0.02em; line-height: 1.1; "> Balad'EDU - Géocaching Pédagogique </div> <!-- Lien court en petit dessous --> <div style=" font-size: 1.6em; font-weight: 600; margin-top: 0.3em; opacity: 0.8; "> <a href="https://geocarte-134750.forge.apps.education.fr/" style="color: inherit; text-decoration: none;"> <a href="https://geocarte-134750.forge.apps.education.fr/" style="color: inherit; text-decoration: none;"> edurl.fr/Balad'EDU </a> </a> </div> </div> <!-- Bandeau de mise à jour --> <div style=" width: 100%; padding: 8px 15px; background-color: #f0f7ff; border-left: 4px solid #2196f3; border-bottom: 1px solid #d1e9ff; margin-bottom: 1.5em; font-family: sans-serif; font-size: 0.9em; color: #1565c0; display: flex; flex-direction: column; gap: 4px; border-radius: 0 0 8px 8px; "> <div style="display: flex; justify-content: space-between; align-items: center;"> <span><i class="fa fa-refresh"></i> <strong>Note technique :</strong> Février 2026</span> </div> <div style="font-style: italic; font-size: 0.85em; border-top: 1px dashed #d1e9ff; padding-top: 4px;"> • GPS optimisé pour Google Chrome <br> • Intégration simplifiée via Nuage (Apps Education)<br> • Mode hors-ligne disponible via fichier JSON<br> • Carnet de terrain multimédia (audio, photo, dessin)<br> </div> </div> Dans le cadre du plan de formation des enseignants de SVT, un besoin croissant d'outils numériques adaptés à la « classe dehors » a été identifié. C'est ainsi qu'est née Balad'EDU, une application de géocaching pédagogique hébergée sur la Forge. Développée par Stéphane Agniel (IAN SVT), cette solution permet de scénariser vos sorties de terrain. L'objectif est de transformer une simple observation scolaire en une véritable enquête interactive où le réel et le numérique se rejoignent pour enrichir l'expérience des élèves. :::info <i class="fa fa-map-marker fa-3x fa-pull-left fa-spin"></i> L'application fonctionne principalement grâce au GPS de l'appareil. Pour une expérience optimale en extérieur, assurez-vous que la géolocalisation est activée et utilisez Google Chrome. ::: <details> <summary><b>RGPD & Confidentialité ?</b></summary> **1/ Aucune donnée personnelle stockée** * L'application ne dispose d'aucune base de données centrale. * Anonymat total : Pas de création de compte pour les enseignants ni pour les élèves. * Données locales : Tout le contenu de la mission est transporté dans l'URL ou le fichier JSON. * Zéro traçage : Aucun cookie tiers ou outil d'analyse n'est utilisé. **2/ Souveraineté technique** L'application est hébergée sur La Forge (Apps Education), garantissant un cadre institutionnel sécurisé. **3/ Usage en classe** Les notes, photos et audios pris par les élèves restent dans la mémoire temporaire de leur navigateur jusqu'à ce qu'ils génèrent leur rapport final. Une fois l'onglet fermé, les données sont effacées de l'appareil. </details> ## 1.Démarrage rapide :::spoiler Côté Professeur (Préparation) **Configuration** : Sur ordinateur, identifiez des points sur la carte. **Enrichissement** : Associez à chaque point des contenus (Texte, Image, Vidéo via Portail Tube ou PDF via Nuage). **Diffusion **: L'application génère un lien unique ou un QR Code contenant toute l'intelligence de votre parcours. ::: :::spoiler Côté Élève (Action) **Accès** : Scan du QR Code (pas d'installation, c'est une page web). **Exploration** : L'élève voit sa position en temps réel sur la carte. **Déblocage** : Arrivé dans le rayon (ex: 10m), le contenu (énigme, vidéo, schéma) s'affiche automatiquement. ::: ## 2.Création et Paramétrage :::spoiler Créer un lieu * Mode Édition : Basculez en mode "Enseignant". * Placement : Cliquez sur "Nouveau lieu" puis sur la carte pour poser un marqueur. * Contenus : Utilisez les boutons dédiés pour lier vos documents. ::: :::spoiler Modes de validation * Physique : Déblocage par proximité GPS (10m). * Hybride : GPS + saisie d'un code secret sur place. * Code seul : Déblocage manuel (idéal pour tester ou pallier un GPS capricieux). * Caché : Le point n'apparaît que si l'élève reste immobile sur zone (défi d'observation). ::: ## 3.Gestion des Médias et Hébergement Si votre projet contient trop de textes ou d'images directes, le QR code devient illisible. **Il faut alors utiliser la Solution "Hébergé" :** * Sauvegardez votre projet en fichier .json. * Déposez ce fichier sur votre Nuage (Apps Education). * Utilisez le lien de partage public du fichier dans l'outil de génération de lien Balad'EDU. * Images/Vidéos : Privilégiez toujours des liens vers des fichiers hébergés (Nuage, Portail Tube) plutôt que d'intégrer des fichiers lourds directement. ## 4.Le Carnet de Terrain L'élève devient acteur de sa sortie grâce à l'icône verte "Carnet" : * Prise de notes textuelles enrichies. * Enregistrements vocaux (mémos audio). * Photographie et annotation (dessins/flèches sur la photo). * Schémas bilans réalisés directement sur l'écran. ## 5.Rendu du Travail À la fin du parcours, l'élève clique sur "Rendre le travail". L'application compile tout (notes, sons, photos) dans un fichier HTML unique. L'élève doit ensuite déposer ce fichier sur l'espace que vous avez prévu (Lien de dépôt Nuage, ENT, etc.). ## 6.Astuces et Mode Hors-ligne **Zone sans réseau ?** Chargez la mission à l'avance (au collège ou en partage de connexion). Une fois la carte et le JSON chargés, le GPS fonctionne sans données mobiles. **Sauvegarde :** Utilisez régulièrement le bouton "Sauvegarder Projet" pour conserver votre travail d'édition dans un fichier .json. ## 7.FAQ <details> <summary><b>Comment créer un lieu ?</b></summary> Basculez en mode Enseignant Cliquez sur Nouveau lieu. Cherchez l'adresse ou cliquez directement sur la carte pour placer le marqueur. Configurez le nom et les contenus (boutons Texte, Image, Vidéo, etc.). </details> <details> <summary><b>Quels sont les modes de validation ?</b></summary> Physique  : Le contenu se débloque automatiquement dès que l'élève est à moins de 10m. Hybride  : Dès que l'élève entre dans la zone (10m), la fenêtre de saisie du code secret s'ouvre toute seule. Code seul  : L'élève peut débloquer le lieu de n'importe où s'il possède le code. Simulation  : Permet de tester ou de débloquer le lieu manuellement en cliquant sur l'icône (idéal pour un usage en classe). </details> <details> <summary><b>Faire une balade en mode hébergé (conseillé)</b></summary> 1. Placer ses points et ajouter la consigne (la consigne doit être dans le fichier de sauvegarde) 1. Télécharger le JSON 1. Stocker le JSON dans son Nuage 1. Partager le JSON en mode public et copier le lien de partage 1. Coller ce lien dans la génération de lien Sauvegarder dans la bibliothèque pour retrouver le lien élève et pouvoir modifier le contenu Si vous modifier le contenu il faut refaire le mode opératoire précédent </details> <details> <summary><b>Quand faire une balade en mode hébergé ?</b></summary> S'il y a plus de 3 ou 4 lieux avec du texte et des liens, le lien généré sera trop long. Il faut alors passer par le mode hébergé </details> <details> <summary><b>Comment cacher un lieu ?</b></summary> Cochez l'option "Caché". Le lieu n'apparaîtra sur la carte des élèves que s'ils restent immobile dans le rayon de détection pendant 3 secondes. C'est idéal pour créer des défis d'observation. </details> <details> <summary><b>Qu'est-ce que le "Lieu Final" ?</b></summary> Si vous marquez un lieu comme "Final", il restera invisible tant que l'élève n'a pas débloqué tous les autres points du parcours. Une notification prévient l'élève quand cette ultime mission apparaît. </details> <details> <summary><b>Mon QR Code ne s'affiche pas, pourquoi ?</b></summary> Le QR Code contient toutes les données du parcours. Si vous avez ajouté beaucoup de textes ou des images "intégrées" (fichiers chargés depuis l'ordinateur), le lien devient trop long. :::danger N'utilisez que des documents hébergés sur nuage. Cela facilitera le chargement du fichier de sauvegarde. ::: Si malgré cela vous avez encore un QR code trop long, utilisez le mode "Hébergé (JSON)". Enregistrez votre projet (.json), déposez-le sur votre espace Nuage (Apps Education), et récupérez le lien de partage public pour le coller dans Balad'EDU. </details> <details> <summary><b>Comment faire une balade hors ligne ?</b></summary> L'astuce est de se rendre sur cette adresse : https://geocarte-134750.forge.apps.education.fr/?student=1 Charger le fichier .JSON de la mission en cliquant en haut à droite Zommer sur les points pour que la carte s'affiche correctement Les points et leurs contenus s'afficheront même hors ligne ! </details> <details> <summary><b>Le lien généré en mode hébergé ne s'affiche pas et charge trop longtemps</b></summary> Le fichier de sauvegarde du projet est probablement trop lourd car il contient des documents téléchargés depuis votre PC. :::success L'astuce est de se rendre sur cette adresse : https://geocarte-134750.forge.apps.education.fr/?student=1 ::: Charger le fichier .JSON  A partir de là, on peut se déplacer même dans une zone sans réseau. l'application fonctionnera </details> <details> <summary><b>Comment sauvegarder mon travail pour le reprendre plus tard ?</b></summary> Utilisez le bouton "Sauvegarder Projet" pour télécharger un fichier .json. Pour reprendre votre édition, utilisez "Ouvrir Projet". Vous pouvez aussi utiliser la Bibliothèque interne pour enregistrer vos missions avec un titre et les retrouver sur le même navigateur. </details> <details> <summary><b>Comment l'élève récupère-t-il sa mission ?</b></summary> Il suffit de scanner le QR Code généré par l'enseignant ou de cliquer sur le lien envoyé </details> <details> <summary><b>Comment fonctionne le "Carnet de Terrain" ?</b></summary> L'élève peut cliquer sur l'icône verte "Carnet" pour : Prendre des notes textuelles (avec mise en forme). Enregistrer des mémos vocaux (audio). Prendre des photos et les annoter (flèches, textes). Réaliser des schémas bilan. </details> <details> <summary><b>Comment l'élève rend-il son travail ?</b></summary> Une fois la mission finie, l'élève clique sur "Rendre le travail". L'application génère un fichier HTML complet contenant toutes ses notes, ses photos et ses audios. L'élève doit ensuite téléverser ce fichier sur le lien de dépôt (Nuage) que vous aurez configuré dans les options de la mission. </details> <details> <summary><b>"Signal GPS faible" ou position imprécise</b></summary> Vérifiez que la géolocalisation est activée sur le smartphone et le navigateur. En ville ou sous des arbres denses, la précision peut chuter. L'application exige une précision de 10 mètres pour le déblocage automatique. Copier-coller le lien pour l'ouvrir avec Google Chrome </details> <details> <summary><b>Les photos ne s'affichent pas</b></summary> Pour les fichiers stockés sur Nuage, utilisez bien le lien de partage public (afficher le lien de partage/Ouvrir l'image avec ce lien/clic droit/copier le lien de l'image) . Ce lien ressemble à https://nuage03.apps.education.fr/index.php/apps/files_sharing/publicpreview/....) </details> <details> <summary><b>Où sont stockées les données des élèves ?</b></summary> Pas de serveur. Tout reste dans la mémoire locale du smartphone de l'élève (LocalStorage) et dans le lien de la mission. Aucun traçage n'est effectué. L'application est parfaitement conforme au RGPD. </details> <details> <summary><b>Contacter l'auteur </b></summary> mail de contact : stephane.agniel@ac-montpellier.fr </details> <div style=" font-size: 0.7em; color: #666; font-family: 'Marianne','Inter', 'Segoe UI', Arial, sans-serif; margin-top: 3em; line-height: 1.5em; "> Application Vibecoder par Stéphane Agniel — IAN SVT dans l'académie de Montpellier. Licence libre GNU GPL v3. <style> body { font-family: 'Marianne', 'Inter', Arial, sans-serif; } h2,{ font-family: 'Marianne', 'Inter', Arial, sans-serif; } h2 { color:#361669; font-family: 'Marianne', 'Inter', Arial, sans-serif; padding-top:0.5em; border-bottom:3px solid #9e4090ff!important; margin-bottom:.75em!important; background-color: rgba(197, 161, 255,0.1); } h2 { color: #361669; padding-top: 0.5em; border-bottom: 3px solid #6e3dba!important; margin-bottom: .75em!important; background-color: rgba(197, 161, 255, 0.1); font-family: 'Marianne', 'Inter', Arial, sans-serif; } details { font-family: 'Marianne', 'Inter', Arial, sans-serif; margin-bottom: 10px; border-radius: 6px; padding-top: 0.4em; box-shadow: 0 5px 10px -9px rgba(0, 0, 0.5, 0.5), 0 10px 10px -5px rgba(0.2, 0, 0.7, 0.2); } details > summary { cursor: pointer; transition: .3s; user-select: none; padding: 0.3em; background-color: #f5f5f5; border-radius: 4px; font-family: 'Marianne', 'Inter', Arial, sans-serif; } </style>