Transparence

Comment ce site est fabriqué

Brouillon en relecture. Ce texte n’a pas encore été validé par l’auteur.

Les principes

  • Un site statique : des pages HTML, du style et quelques scripts, sans serveur applicatif ni base de données. Les pages se lisent sans JavaScript ; le code des activités interactives n’est chargé qu’à l’approche de l’activité.
  • Sans cookie ni traceur : la police de caractères et le moteur de recherche sont hébergés sur le site ; aucune requête ne part vers un service tiers.
  • Accessible : voir la page Accessibilité.
  • Sobre : pas de vidéo, peu d’images, du code chargé seulement là où il sert. Les sons sont produits par le navigateur : aucun fichier audio à télécharger.

D’où viennent les contenus

  1. Une base de connaissance, tenue par l’auteur, rassemble les faits utiles. Chaque affirmation y porte sa source et sa date de vérification. Les textes officiels (règlements, lois, autorités comme la CNIL Commission nationale de l'informatique et des libertés. Voir le glossaire ou l’ANSSI Agence nationale de la sécurité des systèmes d'information. Voir le glossaire) sont préférés ; une source secondaire est signalée comme telle.
  2. Les brouillons des pages sont rédigés avec l’aide de Claude, un assistant d’IA de la société Anthropic, à partir de cette base uniquement.
  3. L’auteur relit, corrige et valide chaque page avant sa publication, et en assume la responsabilité éditoriale.
  4. Des contrôles automatiques empêchent de publier une page qui contiendrait une note de travail, et signalent les pages à revérifier après une échéance réglementaire.

Aucune IA pendant votre visite

Les simulations font de vrais calculs, dans votre navigateur. Les conversations des cas d’école sont écrites à l’avance, et présentées comme telles. Les outils de la boîte à outils calculent eux aussi dans votre navigateur. Rien de ce que vous faites sur le site n’est envoyé à un service d’IA.

La technique

  • Fabrication : Astro génère les pages ; Svelte anime les activités interactives ; TypeScript et Tailwind CSS pour le code et la mise en forme ; Pagefind pour la recherche. Liste complète et licences : Crédits et licences.
  • Sécurité : une politique de sécurité du contenu stricte n’autorise que les scripts du site lui-même.
  • Hébergement : le site est une section de hylst.fr, servie par nginx sur un serveur privé virtuel Hostinger et déployée avec Coolify.
  • Prêt pour la suite : votre progression est un journal d’événements, qui pourra être synchronisé entre appareils si un compte facultatif voit le jour. Les données du jeu (badges, étapes) sont publiées en clair : data/jeu.json.

La qualité, vérifiée à chaque version

  • Tests unitaires : calcul de la progression, des points et des badges, déroulé des cas d’école, contrôle des contenus (plan des fiches, sources, notes de travail).
  • Tests de bout en bout, sur ordinateur et sur mobile : parcours complet du module pilote, accessibilité de chaque page avec l’outil axe, respect de la politique de sécurité, liens internes.
  • Mesures du 25 septembre 2026 (Lighthouse, mobile simulé, sur la galerie des cas d’usage et une fiche) : de 99 à 100 sur 100 en performance, accessibilité, bonnes pratiques et référencement.

Cette version

Version compilée le 27 septembre 2026, à partir de la révision {version.commit}. Le détail est disponible dans le fichier version.json.

Dernière mise à jour : 26 septembre 2026.