Skip to content

Journal des modifications

STABLE v2.3.0 Mis à jour : 9 novembre 2025

Ce journal documente les évolutions majeures du site. Il suit le format inspiré de Keep a Changelog :

  • Ajouté - Nouvelles fonctionnalités ou contenus
  • Modifié - Changements dans des fonctionnalités existantes
  • Corrigé - Corrections de bugs ou d’erreurs
  • Supprimé - Fonctionnalités ou contenus retirés
  • Déprécié - Fonctionnalités bientôt retirées

  • 3 nouvelles pages de contenu pédagogique

    • livre-dont-vous-etes-le-heroe.mdx : Tutoriel complet pour créer une histoire interactive
      • Architecture narrative (états, choix, embranchements)
      • Stores Svelte pour l’état global
      • Composants réutilisables (Scene, Choice)
      • Sauvegardes LocalStorage et variables narratives
    • interactions-avancees.mdx : Guide des interactions au-delà du clic
      • Drag & drop (souris + tactile)
      • Gestes (shake, swipe, long-press)
      • Clavier (combos, séquences Konami)
      • Inputs utilisateur créatifs (slider narratif, choix visuels)
    • animations-feedback.mdx : Polir l’expérience avec animations et sons
      • Transitions Svelte (fade, slide, fly) avec easing
      • Animations CSS (hover, keyframes, scroll-driven, parallaxe)
      • Sons et audio réactif (Web Audio API)
      • Particules et effets visuels (canvas, confetti.js)
      • Bonnes pratiques (performance, accessibilité prefers-reduced-motion)
  • Exemples de code fonctionnels

    • Tous commentés en français
    • Testables et adaptables
    • Support tactile pour mobile
    • Accessibilité intégrée

  • Nouvelle catégorie : Parcours urbains augmentés

    • 3 œuvres cataloguées (Insurrection 1944, Small Bang Cinemacity, Sculpture Cam)
    • Page dédiée /ressources/galerie/parcours-urbains
    • Focus sur balades géolocalisées qui enrichissent l’espace urbain
  • Nouvelle catégorie : Documentaires et journalisme interactif

    • 17 œuvres cataloguées
    • Page dédiée /ressources/galerie/documentaires
    • Webdocumentaires pionniers (Prison Valley, Gaza/Sderot, Fort McMoney)
    • Scrollytelling journalistique (Snow Fall, NYT interactives)
    • Data journalism (NSA Files, The Guardian)
    • Documentaires contributifs (Génération What?, Léon Vivien, The Johnny Cash Project)
  • Mechanical Masterpieces de Neil Mendoza dans expériences muséales

    • Installation interactive au Children’s Museum of Pittsburgh
    • Peintures classiques rendues interactives
  • Neil Mendoza ajouté dans artistes-a-explorer.mdx

    • Section “Low-tech + DIY + Humour”
    • Portfolio et œuvres principales documentés
  • Expériences muséales : recentré sur les installations pour musées/galeries (8 œuvres)

    • Retrait des parcours urbains (déplacés dans catégorie dédiée)
    • Retrait des documentaires (déplacés dans catégorie dédiée)
    • Clarification : focus strict sur lieux culturels physiques
  • Fiction interactive : séparation complète d’avec les documentaires (18 œuvres)

    • Renommage de “Expériences de lecture augmentées” → “Fiction interactive”
    • Nouvelle organisation en sous-catégories :
      • Films et séries interactifs (6)
      • Romans graphiques et BD interactives (4)
      • Fiction textuelle et hypertexte (3)
      • Expériences narratives hybrides (5)
    • Retrait de tous les documentaires (déplacés dans nouvelle catégorie)
  • Index galerie : mise à jour pour refléter les 8 catégories

    • Muséales, Parcours urbains, Jeux de société, Documentaires, Fiction, Interfaces, Outils créatifs, Performance
  • Définition de “muséal” : expériences numériques conçues pour musées, galeries ou expositions physiques
  • Parcours urbains : balades géolocalisées nécessitant déplacement physique
  • Documentaires : reportages sur le réel consultables sans déplacement
  • Fiction : récits imaginaires interactifs

  • Nouvelle catégorie : Performance interactive

    • 10 œuvres cataloguées (Foxdog Studios, Blast Theory, Random International, Golan Levin)
    • Page dédiée /ressources/galerie/performance
    • Focus sur participation collective et spectacles augmentés
  • Section Art technologique critique dans Interfaces expérimentales

    • 6 œuvres de Dries Depoorter (artiste belge) et Niklas Roy
    • The Follower, The Flemish Scrollers, Surveillance Speaker
    • My Little Piece of Privacy, Music Construction Machine, Graffomat
  • Page Artistes à suivre (/rtmf1m/ressources/artistes-a-suivre)
    • 3 artistes principaux documentés : Dries Depoorter, Niklas Roy, Foxdog Studios
    • 4 artistes bonus : Blast Theory, Random International, Lozano-Hemmer, Studio Moniker
    • Analyses détaillées des approches créatives
    • Pertinence par territoire de projet
  • Page Artistes à explorer (/ressources/artistes-a-explorer)
    • 11 artistes identifiés mais non encore pleinement intégrés
    • Organisés en 3 catégories : Art critique + IA, Low-tech + DIY, Performance participative
    • James Bridle, Lauren McCarthy, Adam Harvey, Superflux
    • Zach Lieberman, Simone Giertz, Julius von Bismarck, !Mediengruppe Bitnik
    • Meow Wolf, teamLab, Kyle McDonald
    • Critères d’intégration définis pour futurs ajouts
  • Ajout cas d’étude comparatif Depoorter vs Roy
  • Discussion “Interaction invisible vs évidente”
  • Exemples concrets d’art technologique critique
  • Mise à jour index galerie avec catégorie Performance
  • Mise à jour index ressources RTMF1M avec lien Artistes à suivre

  • Structures narratives interactives : page complète détaillant 6 structures (Linéaire, Élastique, Concentrique, Parallèle, Embranchements, Constellation)

    • Schémas ASCII pour chaque structure
    • Exemples concrets d’œuvres
    • Conseils sur quand utiliser chaque structure
    • Erreurs courantes à éviter
  • Système de versioning du contenu

    • Composant ContentStatus pour afficher l’état (draft/beta/stable/archived)
    • Métadonnées status, version, last_updated dans le frontmatter
    • Badges visuels avec code couleur
  • Pages de suivi

    • /status : Vue d’ensemble de l’état du site
    • /changelog : Historique des modifications (cette page)
  • 12 nouveaux exemples d’interfaces expérimentales
    • Patatap, Silk, Generative Artistry
    • Nouveaux générateurs procéduraux
  • Index : amélioration de la structure de navigation
  • Clarification des 4 expériences narratives promises
  • Ajout de références cinématographiques plus explicites
  • Mise à jour des liens vers tous les cours
  • Clarification du statut MM2B (disponible, non plus “à venir”)
  • Typos dans les exemples de code CSS (Typographie)
  • Liens cassés vers les ressources dans la navigation
  • Liens internes mal formatés dans plusieurs sections
  • Ancres qui ne fonctionnaient pas correctement

  • Introduction : Philosophie du cours (laboratoire créatif)

  • Module 1 : Cartographie du possible

    • Séance 1 : Exploration des 5 territoires
    • Séance 2 : Analyse d’œuvres existantes
  • Les 5 territoires créatifs documentés

    • Expériences muséales/spatiales
    • Jeux de société hybrides
    • Expériences de lecture augmentées
    • Interfaces expérimentales/ludiques
    • Outils créatifs et générateurs
  • Ressources spécifiques

    • Guide d’utilisation de l’IA
    • Critères d’évaluation détaillés
  • Organisation par territoires (cohérence avec RTMF1M)
  • 50+ nouveaux exemples classés
  • Pages dédiées pour chaque territoire
  • Ressources : réorganisation pour servir les 3 cours
  • Navigation : adaptation à la nouvelle structure à 3 cours
  • Ancien contenu déplacé vers /legacy
  • Conservation de l’historique pour référence

  • Cours 4 complet : Interactivité CSS et JavaScript

    • Transitions et animations CSS
    • Transforms et états interactifs
    • JavaScript : bases et manipulation du DOM
    • 4 exemples interactifs (boutons, cartes, menu burger, toggle)
  • Exemples de code intégrés

    • Système LiveCodeEditor pour tester le code en direct
    • 15 exemples fonctionnels avec HTML, CSS, JS séparés
  • Typographie : ajout de la section dégradés et backgrounds
  • Accessibilité : enrichissement des exercices pratiques

  • Cours 1 : HTML sémantique et accessibilité (6 pages)

  • Cours 2 : Typographie et couleurs (8 pages)

  • Cours 3 : Layout responsive avec Flexbox et Grid

  • Checklists : ajout de checklists de validation pour chaque module

  • Projet fil rouge : clarification des attentes par public cible (6-8 ans, 8-12 ans, ados)

  • Introduction : Philosophie (code comme langage narratif)
  • Vocabulaire : Équivalences cinéma ↔ web
  • 4 expériences : structure définie (à compléter)
  • Guide de création : méthodologie de projet
  • Rôle du public : 4 rôles (Fantôme, Personnage, Divinité, Lui-même)
  • Formes d’interactivité : Machine, Sociale, Contributive

  • Page d’accueil : présentation générale
  • Structure Astro + Starlight : configuration de base
  • Navigation : sidebar avec sections principales
  • Ressources/Galerie : première collection d’exemples
  • Introduction aux récits interactifs
  • Références cinématographiques

MM3B

  • Compléter les 4 expériences narratives avec exemples interactifs
  • Ajouter des cas d’étude détaillés

RTMF1M

  • Module 2 : Fondamentaux techniques (Svelte, réactivité)
  • 5 premières recettes de code

Ressources

  • Glossaire unifié (termes techniques, vocabulaire narratif)
  • Bibliographie consolidée

[3.0.0] - Prévu décembre 2025-février 2026

Section titled “[3.0.0] - Prévu décembre 2025-février 2026”

RTMF1M

  • Modules 3-5 complets (Idéation, Réalisation, Exposition)
  • 15 recettes de code disponibles
  • Templates de démarrage Svelte

Galerie

  • Section “Projets étudiants”
  • Enrichissement avec 50+ nouveaux exemples

Ce site suit une approche de versioning sémantique adapté :

  • Version majeure (X.0.0) : Ajout d’un cours complet ou refonte majeure
  • Version mineure (1.X.0) : Nouveau module ou section significative
  • Version patch (1.1.X) : Corrections, améliorations mineures

Pour maintenir la cohérence, chaque entrée suit ce format :

  • Date au format ISO (YYYY-MM-DD)
  • Type de changement : Ajouté/Modifié/Corrigé/Supprimé
  • Section concernée : Cours/Ressources/Technique
  • Description : claire et concise de ce qui a changé

← Retour à l’accueil | Voir l’état actuel →