Narrations augmentées et expériences hybrides
Le web n’est pas juste pour des sites corporate
Section titled “Le web n’est pas juste pour des sites corporate”C’est un espace de création qui combine texte, image, son, interactivité et temporalité. Vous allez explorer ce potentiel et créer des expériences originales.
Ce que ce cours N’EST PAS
Section titled “Ce que ce cours N’EST PAS”- ❌ Un cours magistral de syntaxe JavaScript/Svelte ligne par ligne
- ❌ Un cours où l’enseignant dicte du code au tableau
- ❌ Un cours où l’IA est interdite ou ignorée
- ❌ Un cours centré uniquement sur la technique
Ce que ce cours EST
Section titled “Ce que ce cours EST”- ✅ Un laboratoire créatif avec contraintes techniques
- ✅ Un espace d’exploration du web comme medium de création
- ✅ Un accompagnement pour réaliser des visions créatives personnelles
- ✅ Une approche où l’IA est un outil parmi d’autres
- ✅ Un cours centré sur l’expérience, la narration et l’interaction
Comment ça fonctionne
Section titled “Comment ça fonctionne”Vous connaissez VFX, 3D et motion design. Le web est un medium différent avec ses propres règles. Vous utiliserez les outils disponibles (recettes de code, IA, documentation) pour réaliser vos projets.
Les 5 modules (32h)
Section titled “Les 5 modules (32h)”Module 1 : Cartographie du possible (6h)
Section titled “Module 1 : Cartographie du possible (6h)”Inspiration et exploration. Découverte des 5 territoires de projets et des œuvres existantes.
Module 2 : Fondamentaux techniques (8h)
Section titled “Module 2 : Fondamentaux techniques (8h)”Svelte, réactivité, interactions et feedback. Juste assez pour démarrer.
[En construction]
Module 3 : Idéation et prototypage (6h)
Section titled “Module 3 : Idéation et prototypage (6h)”Workshop d’idéation, choix du territoire, prototypage et validation technique.
[En construction]
Module 4 : Réalisation (10h)
Section titled “Module 4 : Réalisation (10h)”Développement accompagné de votre projet personnel.
[En construction]
Module 5 : Exposition (2h)
Section titled “Module 5 : Exposition (2h)”Vernissage numérique et présentation des projets.
[En construction]
Votre projet créatif
Section titled “Votre projet créatif”Vous créerez un projet personnel dans l’un des 5 territoires créatifs : expériences muséales, jeux hybrides, lecture augmentée, interfaces expérimentales, ou outils génératifs.
Philosophie d’apprentissage
Section titled “Philosophie d’apprentissage”Apprentissage par la pratique
Section titled “Apprentissage par la pratique”- Inspiration : Voir ce qui existe
- Fondations minimales : Juste assez pour démarrer
- Recettes de code : Morceaux réutilisables
- Exploration autonome : Avec accompagnement
- Projet personnel : Création originale
Ce que vous apprenez
Section titled “Ce que vous apprenez”- Sensibilité au medium : Qu’est-ce que le web peut faire que rien d’autre ne peut
- Pensée systémique : Comment les éléments interagissent
- Design d’expérience : Ce que ressent l’utilisateur
- Critique constructive : Pourquoi ça fonctionne ou pas
- Outils techniques : Comment réaliser vos idées
L’IA comme assistant
Section titled “L’IA comme assistant”L’IA (ChatGPT, Claude, etc.) est autorisée mais avec responsabilité.
Si vous ne pouvez pas expliquer le code généré par l’IA, ne l’utilisez pas.
Évaluation
Section titled “Évaluation”Ce qui compte :
- ✅ Vous comprenez ce que fait le code
- ✅ Le code sert votre intention créative
- ✅ L’expérience est cohérente et engageante
Répartition :
- Carnet de recherche/exploration : 20%
- Prototype et itération : 20%
- Projet final : 50%
- Présentation et défense : 10%
À retenir
Section titled “À retenir”Vous n’allez pas devenir experts Svelte en 32h. Vous allez apprendre à utiliser les outils disponibles pour réaliser vos projets. La syntaxe s’apprend, la vision créative compte plus.