+ scenarisation

_sidebar.md

@@ -1,15 +1,25 @@
 * [Activités](/activites/)
-  * [Sortie Mutek ](/activites/1_sortie_mutek/)
-  * [Présenter l'œuvres multimédia](/activites/2_corpus_multimedia/)
-  * [Conceptualisation](/activites/3_conceptualisation/)
+  * [Sortie Mutek ](/activites/0_sortie_mutek/)
+  * [Présenter l'œuvres multimédia](/activites/1_corpus_multimedia/)
+  * [Scénariser](/activites/2_scenariser/)
 * [Contenus](/contenus/)
-  * [Docsify](/contenus/docsify/)
-  * [GIT](/contenus/git/)
-  * [Github](/contenus/github/)
-    * [Publication de Pages GitHub](/contenus/github/pages/)
-    * [Intégration Continue](/contenus/github/scriptCI/)
-  * [Markdown](/contenus/markdown/)
-  * [vscode.dev](/contenus/vscodeDev/)
+  * [Présenter](/contenus/1_presentation/)
+    * [Docsify](/contenus/1_presentation/docsify/)
+    * [GIT](/contenus/1_presentation/git/)
+    * [Github](/contenus/1_presentation/github/)
+      * [Publication de Pages GitHub](/contenus/1_presentation/github/pages/)
+      * [Intégration Continue](/contenus/1_presentation/github/scriptCI/)
+    * [Markdown](/contenus/1_presentation/markdown/)
+    * [vscode.dev](/contenus/1_presentation/vscodeDev/)
+  * [Scénariser](/contenus/2_scenarisation/)
+    * [Communiquer une idée](/contenus/2_scenarisation/00_ideation/)
+    * [Scénario](/contenus/2_scenarisation/10_scenario/)
+    * [Scénarimage](/contenus/2_scenarisation/20_scenarimage/)
+    * [Moodboard](/contenus/2_scenarisation/30_moodboard/)
+    * [Technologies](/contenus/2_scenarisation/40_technologie/)
+    * [Simulation ](/contenus/2_scenarisation/50_simulation/)
+    * [Draw.io](/contenus/2_scenarisation/drawio/)
+    * [Mermaid](/contenus/2_scenarisation/mermaid/)
 * [Cours ](/cours/)
 * [Description institutionelle](/di/)
 * [Évaluations](/evaluations/)

activites/2_corpus_multimedia/README.md → activites/1_corpus_multimedia/README.md

@@ -57,11 +57,11 @@ Livrable: URL du document en ligne
 
 ## Contenus associées
 
-* [Git](/contenus/git/)
-* [Github page](/contenus/github/pages/)
-* [Markdown](/contenus/markdown/)
-* [Docsify](/contenus/docsify/)
-* [vscode.dev](/contenus/vscodeDev/)
+* [Git](/contenus/1_presentation/git/)
+* [Github page](/contenus/1_presentation/github/pages/)
+* [Markdown](/contenus/1_presentation/markdown/)
+* [Docsify](/contenus/1_presentation/docsify/)
+* [vscode.dev](/contenus/1_presentation/vscodeDev/)
 
 ## Modèle de page Docsify à personaliser
 

activites/2_scenariser/README.md

@@ -0,0 +1,92 @@
+# Scénariser
+
+```mermaid
+mindmap
+  root((Processus de scénarisation))
+    Idée
+      Concept
+      Objectifs
+    Scénario
+      Histoire
+      Interaction
+      Expérience utilisateur
+    Moodboard
+      Ambiance visuelle
+      Références artistiques
+      Palette de couleurs
+    Technologie
+      Matériel
+        Capteurs
+        Processeurs
+        Affichage
+      Logiciel
+        Programme interactif
+        Algorithmes de détection
+        Média (vidéo, son)
+    Simulation
+      Prototype
+      Tests utilisateurs
+      Ajustements
+```
+
+## Description
+
+Présentation orale du document en ligne (5 à 7 minutes)
+
+Livrable: URL du document en ligne 
+
+L’activité consiste à concevoir une présentation détaillée d’un projet multimédia. 
+
+* Présenter une idée 
+* Expliquer sa structure narrative dans un scénario
+* Créer un  planche de tendances (*moodboard*) illustrant l'atmosphère visuelle et sonore  
+
+Cette activité met l’accent sur la capacité à exprimer une vision créative tout en illustrant les éléments techniques de manière claire.
+
+
+## Informations pertinentes à communiquer
+
+1. **L'idée** :
+   - Présentation du concept central du projet.
+   - Définition des objectifs de l'expérience : quel est le message ou l'émotion que l’on souhaite faire passer ?
+   - Discussion des motivations créatives derrière le choix des médias et des technologies.
+
+2. **Le scénario** :
+   - Développement d’une trame narrative ou d’un parcours utilisateur dans l’expérience.
+   - Définition des différents moments de l’interaction : introduction, développement, et conclusion.
+   - Intégration des points d'interaction ou d'intervention de l'utilisateur (exemple : capteurs, interactions visuelles ou sonores).
+   - Justification des choix scénaristiques pour soutenir l'immersion et l'engagement du public.
+
+3. **Le moodboard** :
+   - Création d’un moodboard (planche d’inspiration) pour illustrer l'atmosphère visuelle et sonore du projet.
+   - Utilisation d’images, de palettes de couleurs, de sons ou de textures pour représenter l’univers artistique.
+   - Explication de l’esthétique et du design choisi, et comment ils renforcent la narration.
+   - Choix de références visuelles et sonores (films, œuvres d’art, environnements) qui influencent l’expérience.
+
+
+### Critères d'évaluation :
+- **Clarté de l'idée** : La présentation de l’idée doit être concise et bien structurée.
+- **Scénarisation** : Le scénario doit démontrer une bonne compréhension des mécanismes narratifs et interactifs.
+- **Cohérence esthétique** : Le moodboard doit bien représenter l’univers visuel et sonore de l’expérience.
+- **Présentation générale** : Capacité à présenter de manière fluide, avec une utilisation efficace des supports visuels et techniques.
+
+
+L’objectif de cette activité est de développer chez les apprenants non seulement des compétences en conception et scénarisation, mais aussi la capacité à articuler une vision créative dans un format de présentation professionnel et engageant.
+
+
+## Modèle de page Docsify à personaliser
+
+* https://github.com/gllmAR/docsify-modele-classique
+
+## Évaluations associées
+
+* [Évaluation formative 2](/evaluations/?id=ef-2)
+* [Évaluation sommative 2](/evaluations/?id=es-2)
+
+
+## Contenus associées
+
+[Contenus Scenarisation](../../contenus/2_scenarisation/README.md ":include")
+
+
+

activites/README.md

@@ -2,7 +2,7 @@
 
 <!-- generateSubNav -->
 
-* [Sortie Mutek ](/activites/1_sortie_mutek/README.md)
-* [Présenter l'œuvres multimédia](/activites/2_corpus_multimedia/README.md)
-* [Conceptualisation](/activites/3_conceptualisation/README.md)
+* [Sortie Mutek ](/activites/0_sortie_mutek/README.md)
+* [Présenter l'œuvres multimédia](/activites/1_corpus_multimedia/README.md)
+* [Scénariser](/activites/2_scenariser/README.md)
 

contenus/1_presentation/README.md

@@ -0,0 +1,10 @@
+# Présenter
+
+<!-- generateSubNav -->
+
+* [Docsify](/contenus/1_presentation/docsify/README.md)
+* [GIT](/contenus/1_presentation/git/README.md)
+* [Github](/contenus/1_presentation/github/README.md)
+* [Markdown](/contenus/1_presentation/markdown/README.md)
+* [vscode.dev](/contenus/1_presentation/vscodeDev/README.md)
+

contenus/1_presentation/github/README.md

@@ -0,0 +1,7 @@
+# Github
+
+<!-- generateSubNav -->
+
+* [Publication de Pages GitHub](/contenus/1_presentation/github/pages/README.md)
+* [Intégration Continue](/contenus/1_presentation/github/scriptCI/README.md)
+

contenus/2_scenarisation/00_ideation/README.md

@@ -0,0 +1,68 @@
+# Communiquer une idée
+
+L’objectif de cette section est d’apprendre à l’apprenant à structurer et à communiquer efficacement un concept ou une idée dans le cadre de la scénarisation multimédia. Il s'agit de développer une vision claire et convaincante tout en s'assurant que les parties prenantes comprennent et adhèrent au concept.
+
+## Stratégies de communication
+
+### Clarification du concept 
+
+#### Simplification
+
+Commencer par simplifier l'idée au maximum. Si l'idée est complexe, la décomposer en éléments plus petits et facilement compréhensibles.
+
+#### Énoncé central (pitch)
+
+Développer une phrase ou deux qui résume clairement l'idée principale. Ce pitch doit être simple et percutant, permettant de l'utiliser dans différents contextes.
+
+### Mise en contexte 
+
+#### Exemples concrets
+
+Illustrer le concept à travers des exemples réels ou fictifs qui permettent de rendre l'idée plus tangible pour l’audience.
+
+#### Narration visuelle
+
+Utiliser des images, des croquis ou des schémas pour donner une représentation visuelle du concept. Cela aide à rendre l’idée plus accessible, surtout dans un cadre multimédia.
+
+### Structuration des idées
+
+#### Organiser l’information
+
+Apprendre à organiser ses idées de manière logique, en hiérarchisant les informations essentielles et en les reliant de manière cohérente.
+
+#### Outils de storytelling 
+
+Encourager l’utilisation de techniques narratives comme l’histoire, l’empathie, ou la métaphore pour engager émotionnellement l’audience et rendre le concept mémorable.
+
+
+## Techniques de développement d'idées
+
+### Brainstorming 
+
+L’encouragement à générer un maximum d'idées sans se limiter au début, suivi d’un tri et d’une sélection des concepts les plus pertinents. Utiliser des méthodes comme la carte mentale (mind mapping) pour visualiser les différentes composantes du concept.
+
+### Storyboard 
+
+Utiliser le storyboard pour mettre en scène l’évolution de l’idée dans un contexte narratif visuel. Cette technique aide à visualiser comment le concept se déploie au fil du temps ou dans un espace.
+
+### Rétroaction (feedback) collaboratif
+
+Inviter les pairs ou les mentors à donner un retour d’information structuré sur le concept. Cela permet d’identifier les zones floues ou qui méritent d’être renforcées avant la présentation finale.
+
+
+### Techniques de présentation
+
+#### Structuration de la présentation 
+
+##### Introduction 
+
+Commencer par introduire le problème ou le besoin auquel répond le concept. Ensuite, énoncer clairement l’idée et son objectif.
+
+##### Développement 
+
+Expliquer comment l'idée sera mise en œuvre, quels seront les principaux éléments visuels ou interactifs, et comment elle répondra aux besoins identifiés.
+
+##### Conclusion 
+
+Terminer avec un rappel des points forts du concept et une ouverture sur des questions ou des perspectives d'évolution.
+