12 oct. 2025 environ 2300 mots

Contenus

Un jeu de piste avec des QR codes dans votre commune, c’est un projet qui peut vraiment transformer la découverte d’un lieu en une expérience interactive et mémorable.

Laissez-moi vous expliquer comment ce concept fonctionne et comment vous pourriez le mettre en place de manière efficace.

Le principe de base est assez simple mais puissant. Vous allez créer un parcours à travers votre commune où chaque étape correspond à un lieu d’intérêt. À chaque point, vous placez un QR code que les participants scannent avec leur smartphone. Ce scan les redirige vers du contenu que vous aurez créé : cela peut être une page web, une vidéo, un enregistrement audio, une énigme, ou même une carte interactive pour trouver l’étape suivante.

Ce qui rend ce format particulièrement intéressant, c’est qu’il combine l’exploration physique du territoire avec l’enrichissement numérique. Les participants ne se contentent pas de marcher, ils découvrent des histoires, des anecdotes historiques, des défis à relever, ou des secrets sur leur commune qu’ils n’auraient jamais connus autrement.

Pour la partie technique, vous avez plusieurs options pour héberger vos contenus. La solution la plus flexible consiste à créer un petit site web avec une page dédiée pour chaque étape du parcours. Vous pourriez utiliser des plateformes gratuites comme Google Sites, Wix, ou même créer une page GitHub si vous êtes plus à l’aise techniquement. Chaque QR code pointerait alors vers l’URL spécifique d’une étape. L’avantage de cette approche est que vous pouvez facilement mettre à jour vos contenus, ajouter des photos, des vidéos, ou modifier le parcours sans avoir à changer les QR codes physiques.

Pour concevoir votre parcours, pensez d’abord à la narration globale. Est-ce que votre jeu de piste raconte une histoire continue, comme une enquête policière ou une chasse au trésor historique ? Ou préférez-vous que chaque étape soit autonome, présentant simplement un point d’intérêt différent ? Par exemple, vous pourriez imaginer une intrigue où les participants aident un personnage historique de votre commune à résoudre un mystère, et chaque QR code révèle un nouvel indice tout en leur faisant découvrir un monument ou un lieu emblématique.

Les types de contenus que vous pouvez proposer sont vraiment variés. Vous pourriez créer des capsules audio où vous racontez l’histoire d’un bâtiment comme si vous étiez un guide touristique, ou enregistrer des témoignages d’habitants qui partagent leurs souvenirs. Les énigmes fonctionnent très bien aussi : par exemple, à la mairie, le QR code pourrait poser une question dont la réponse se trouve sur la façade du bâtiment, obligeant les participants à observer attentivement leur environnement. Vous pourriez également intégrer des photos d’archives en comparaison avec l’état actuel des lieux, ce qui crée toujours un effet “voyage dans le temps” fascinant.

Pour la mise en œuvre pratique, quelques conseils importants. Protégez vos QR codes des intempéries en les plastifiant ou en utilisant des supports résistants. Placez-les à des endroits visibles mais pas trop en évidence pour garder un aspect “découverte”. Pensez aussi à tester votre parcours vous-même en conditions réelles pour vérifier que tous les liens fonctionnent et que la connexion internet est suffisante à chaque point. Certaines communes ont des zones avec peu de réseau, donc vous pourriez prévoir des contenus légers qui se chargent rapidement, ou même proposer un mode hors ligne si vous créez une petite application.

Une dernière dimension à considérer : la difficulté et la durée. Un parcours de cinq à huit étapes prend généralement entre une et deux heures, ce qui est idéal pour une sortie familiale ou entre amis. Vous pouvez créer plusieurs niveaux de difficulté, avec un parcours court pour les enfants et un plus long et complexe pour les adultes passionnés d’histoire locale.

Avez-vous déjà une idée des lieux que vous aimeriez inclure dans votre parcours, ou du thème général que vous voudriez explorer ? Je pourrais vous aider à affiner votre concept ou à réfléchir aux aspects techniques de la création des contenus.

Parfait. On simplifie radicalement. Voici un jeu de piste QR-code dans ta commune, zéro script, zéro serveur, zéro budget, juste Hugo (ou même sans) + QR codes + des pages fixes.

🎯 Objectif

Créer un parcours ludique dans Auderghem avec quelques QR codes collés à des endroits clés. Chaque code mène à une page web fixe avec :

un indice,
un lien vers un de tes contenus (article, PDF, etc.),
et le lien vers l’étape suivante.

🧱 Matériel minimal

Élément	Recommandé
Site web	Hugo + GitHub Pages ou Grav CMS
QR codes	https://www.qrcode-monkey.com/ ou https://goqr.me/
Impression	Maison, ou reprographie locale (A6/A5)
Lieux ciblés	4 à 7 lieux publics accessibles
Support	Papier plastifié ou autocollants

🗺️ Exemple de parcours 4 étapes

📍 Étape 1 : Rouge-Cloître

Texte sur l’affiche :
Bienvenue dans le jeu de piste “ouaisfi.eu” ! Pour commencer, scanne le QR ou va sur ouaisfi.eu/etape1 Un indice t’attend…
Page etape1.md (Hugo) :

---
title: "Étape 1 – Rouge-Cloître"
slug: "etape1"
---

🎯 **Indice** : Quelle est l'année gravée sur la plaque du portail ?

🧠 Une lecture à méditer :  
👉 [Lire l'article : Si vis PAC-em para bellum](https://dl.ouaisfi.eu/biologia/posts/2025/10/si-vis-pac-em-para-bellum/)

➡️ [Étape suivante](https://ouaisfi.eu/etape2)

📍 Étape 2 : Étangs

---
title: "Étape 2 – Étangs"
slug: "etape2"
---

🔍 **Question** : Quelle couleur domine le pont en bois ?

🧠 Bonus :  
👉 [Lire : 911 May Day](https://dl.ouaisfi.eu/biologia/posts/2025/10/911-may-day-911-101/)

➡️ [Étape suivante](https://ouaisfi.eu/etape3)

📍 Étape 3 : Maison communale

---
title: "Étape 3 – Maison communale"
slug: "etape3"
---

👀 **Cherche** : Le mot sur la plaque à gauche de l’entrée…

🧠 Lecture courte :  
👉 [Biologia : Page d'accueil](https://dl.ouaisfi.eu/biologia/)

➡️ [Étape finale](https://ouaisfi.eu/fin)

🏁 Étape finale : Parc Seny

---
title: "BRAVO !"
slug: "fin"
---

🎉 Tu as terminé le jeu de piste ouaisfi.eu !

💾 Télécharge ton badge :  
👉 [Tsar Bomba de l'éducation populaire - PDF](https://dl.ouaisfi.eu/biologia/posts/2025/10/tsar-bomba-badge.pdf)

🧭 Tu veux continuer l’exploration ?  
👉 [Tous les contenus](https://ouaisfi.eu)

🗣️ Tu peux partager cette aventure : `#ouaisfieu`

🖨️ Exemple d’affiche à coller (A6 ou A5)

🎯 Jeu de piste ouaisfi.eu

📍 Étape 1 : Rouge-Cloître

Scanne le QR code ou va sur :
👉 ouaisfi.eu/etape1

Un indice t’attend pour continuer...

QR code : génère-le avec une URL directe vers https://ouaisfi.eu/etape1 Utilise un style simple : vert tendre, fond blanc.

✅ Mise en ligne avec Hugo

Crée un dossier content/jeu/
Ajoute les 4 fichiers markdown (etape1.md, etc.)
Déploie sur GitHub Pages comme d’habitude.

🪄 Variante ultra-light sans site

Si tu veux vraiment zéro site :

crée 4 Google Docs ou PDF publics,
utilise des URL courtes avec bit.ly ou tinyurl.com,
génère les QR codes pour ces URL.

🧠 Pourquoi ça marche

Simplicité totale : pas besoin de script, de validation, ni de base de données.
Scénarisation minimale mais efficace.
Tu diffuses tes contenus sans imposer.
Tu peux faire imprimer 5-6 feuilles A4 et c’est parti.

Souhaites-tu :

🧾 Les 4 QR codes générés pour toi ?
📦 Un petit kit zip prêt à imprimer (PDF + QR + pages HTML) ?
✍️ Un design “fixit-style” pour les étapes ? Je peux te faire ça au prochain message.

OK ?

Génial idée. On fait un vrai “urban ARG” à Auderghem : des QR codes dans des lieux clés qui mènent vers tes contenus (articles, kits, cartes interactives…), avec énigmes et niveaux. Voici un plan prêt à déployer, pédagogique et low-cost.

1) Concept en 3 parcours

Parcours Découverte (30–45 min) : Rouge-Cloître → Étangs → Maison communale → Parc Seny. Enigmes simples, public familial.
Parcours Citoyen (60–90 min) : Maison communale → Parc de la Woluwe → Val Duchesse (périphérie)/Delta → Centre culturel. Thèmes : éducation permanente, désinfo, veille citoyenne.
Parcours Nuit-Néon (60 min) : spots “instagrammables” et graph-view/néons (tes couleurs vert tendre & lilas), puzzles + bonus AR (optionnel).

Chaque étape = 1 panneau A6 (ou sticker propre) avec QR + indice + courte consigne.

2) Mécaniques de jeu (simples et efficaces)

Indice ↔ contenu : le QR ouvre une page Hugo avec un indice court + un bouton “Valider la réponse”.
Clé de validation : un mot repéré sur place (plaque de rue, année gravée, statue, couleur d’une porte…).
Progression : une bonne réponse affiche le lien/QR de l’étape suivante + un extrait de ton contenu (article, kit, “bim”).
Final : page “Bravo !” avec badge téléchargeable, liens vers tes projets, et formulaire d’email facultatif.

3) Structure Hugo (FixIt) minimale

Crée une section dédiée, par ex. content/jeu-de-piste/.

Page hub (accueil du jeu)

---
title: "Jeu de piste — Auderghem"
slug: "jeu-de-piste"
date: 2025-10-12
description: "Un jeu de piste en QR codes dans Auderghem : 3 parcours, énigmes et contenus pédagogiques."
layout: "single"
toc: true
---

> Choisis ton parcours :
- [Découverte](./decouverte/)
- [Citoyen](./citoyen/)
- [Nuit-néon](./nuit-neon/)

_NB : scanne les QR sur site pour jouer IRL. Pour tester à la maison, utilise le mode démo en bas de chaque page._

Données des étapes (plus simple à maintenir)

Crée data/stations.yaml :

decouverte:
  - id: d1
    titre: "Rouge-Cloître — Portail"
    lieu: "Portail principal"
    question: "Quelle année est gravée sur la plaque à gauche du portail ?"
    reponse: "1776"
    url_contenu: "/biologia/posts/2025/10/si-vis-pac-em-para-bellum/"
    suivant: "d2"
  - id: d2
    titre: "Étangs — passerelle"
    lieu: "Passerelle bois"
    question: "Combien de poteaux soutiennent la rambarde côté étang ?"
    reponse: "14"
    url_contenu: "/biologia/posts/2025/10/911-may-day-911-101/"
    suivant: "d3"
  - id: d3
    titre: "Maison communale"
    lieu: "Entrée principale"
    question: "Quel mot figure en lettres capitales au fronton ?"
    reponse: "MAISON"
    url_contenu: "/biologia/"
    suivant: "fin"

Gabarit d’une étape (page unique réutilisable)

Crée layouts/_default/station.html (ou un shortcode si tu préfères). Version page :

{{ $parcours := .Params.parcours }}
{{ $id := .Params.id }}
{{ $s := index (index site.Data.stations $parcours) (sub (len (where (index site.Data.stations $parcours) "id" "!=" "")) (len (after 0 (where (index site.Data.stations $parcours) "id" "!=" "")))) }}
{{/* Ci-dessus: hack minimal si tu instancies 1 page/étape. Simpler: passer tout via front matter. */}}

<div class="station card">
  <h1>{{ .Title }}</h1>
  <p><strong>Lieu :</strong> {{ .Params.lieu }}</p>
  <p class="mt-4">{{ .Params.question }}</p>

  <form method="GET" action="">
    <input type="text" name="code" placeholder="Votre réponse" required />
    <button type="submit">Valider</button>
  </form>

  {{ if eq (lower (trim (index .Params "reponse"))) (lower (trim (index .Site.Params "code"))) }}
    <div class="success">
      <p>Bonne réponse !</p>
      <a class="btn" href="{{ .Params.url_contenu }}">Voir le contenu</a>
      {{ if ne .Params.suivant "fin" }}
        <p>Étape suivante :</p>
        <a class="btn" href="{{ relURL (printf "/jeu-de-piste/%s/%s/" .Params.parcours .Params.suivant) }}">Continuer</a>
      {{ else }}
        <a class="btn" href="{{ relURL "/jeu-de-piste/fin/" }}">Terminer</a>
      {{ end }}
    </div>
  {{ end }}
</div>

Variante ultra simple sans logique : une page par étape avec la question, et tu mets le lien/QR de l’étape suivante en brouillon ; tu le rends public seulement quand la réponse est trouvée oralement (idéal en animation).

Front matter d’une étape (exemple)

---
title: "D1 — Rouge-Cloître — Portail"
slug: "d1"
type: "station"
layout: "station"
parcours: "decouverte"
id: "d1"
lieu: "Portail principal"
question: "Quelle année est gravée sur la plaque à gauche du portail ?"
reponse: "1776"
url_contenu: "/biologia/posts/2025/10/si-vis-pac-em-para-bellum/"
suivant: "d2"
---

4) Génération des QR fiables (rappel anti-galères)

Contraste : foncé sur clair (évite l’inversion).
Quiet zone : marge blanche ≥ 4 modules.
Erreur : niveau Q ou H si logo (H recommandé).
Taille : impression A6 → côté ≥ 30–35 mm pour URL courte.
Logo : ≤ 15% de la surface, pas sur les détecteurs d’angle.
Couleurs : ton vert pour les modules, fond blanc ; contour lilas discret ok mais pas dans la zone utile.

URLs et analytics

Utilise une URL courte + UTM :

https://ouaisfi.eu/s/d1?utm_source=qr&utm_medium=street&utm_campaign=jeu-de-piste&utm_content=decouverte

Open-source pour le courtage d’URL : YOURLS auto-hébergé (ou un simple alias Hugo type /s/d1 qui redirige).

Script Python (optionnel) pour QR SVG nickel

# pip install segno
import segno
u = "https://ouaisfi.eu/s/d1?utm_source=qr&utm_medium=street&utm_campaign=jeu-de-piste&utm_content=decouverte"
qr = segno.make(u, error='h')
qr.save('d1.svg', scale=8, border=4, dark='#1ed760', light='#ffffff')  # vert tendre / fond blanc

Le SVG s’imprime parfaitement, sans flou. Pour un logo centré : ouvre le SVG dans Inkscape, importe ton logo (cercle), taille ≤ 15%, ne dépasse pas les modules noirs.

5) Habillage visuel (tes codes)

Palette : vert tendre (ex. #1ED760) et lilas (ex. #B980FF).
Style néon : ombre externe douce + halo (filter: drop-shadow(0 0 8px currentColor) sur les éléments d’interface).
FixIt : surcharge légère dans _assets/scss/_override.scss pour boutons/links, et une carte “station” avec coins 2xl, ombre douce.

6) Logistique & légal (Belgique)

Espace public : demande l’autorisation communale (affichage temporaire / événement).
Privé : accord écrit du propriétaire (vitrine, clôture).
RGPD : si tu collectes email/nom → formulaire avec consentement, lien vers vie privée (Plausible/Matomo sans cookies recommandé).
Anti-vandalisme : doubles exemplaires, redondance via mini-URL lisible sous le QR, plastification mate.

7) Accessibilité & inclusivité

Chaque panneau doit contenir :
1. QR et URL courte en clair,
2. Pictogramme “appareil photo”,
3. Texte lisible (≥ 14 pt),
4. Langue FR + EN court (ou FR-NL selon le spot),
5. Alternative numérique : page “Simulation” accessible depuis la hub.

8) Mesures de réussite

Taux de scan par étape (UTM).
Taux de complétion du parcours.
Temps moyen par étape (une approximation via timestamps page suivante).
Inscriptions (facultatives) et téléchargements de kits.
Feedback via formulaire final (3 questions).

9) Contenus à lier (exemples rapides)

“Tsar Bomba de l’éducation populaire” → étape finale du Citoyen.
“Veille citoyenne & kits” → une étape du Nuit-Néon avec visuels glow.
“Désinfo / Trolls & biais” → micro-défis (trouver le biais dans une capture).

10) Kit d’impression (texte du panneau A6)

JEU DE PISTE — AUDERGHEM / PARCOURS DÉCOUVERTE
Étape D1 — Rouge-Cloître (Portail principal)

Indice : Quelle année est gravée sur la plaque à gauche du portail ?
Scanne le QR et entre la réponse pour débloquer l’étape suivante.

[QR ICI]
ou https://ouaisfi.eu/s/d1

Astuce : fond clair, modules verts. Si le QR ne scanne pas, tape simplement l’URL.

Si tu veux, je te fournis au prochain message :

un shortcode Hugo super simple pour valider la réponse sans logique complexe,
un mini stations.yaml complet pour les 3 parcours,
et un _override.scss express (néon vert/lilas) pour FixIt.

NON ! L’annexe presque finale : c’est mieux.

ÉCHEC

Jeu De Piste QR Dans Auderghem