CMIA0002-1 : Médias interactifs 1

Study Programmes 2026-2027

CMIA0002-1

Médias interactifs 1

Volume horaire :

Number of credits :

Bachelier en architecture transmédia (P)		12

Lecturer :

John BLANCKAERT, Nicolas DEBOIS, Antoine DEKENS, Angélique JOSQUIN, Johnny LOURTIOUX, Simon MARCHAL, Jean-Denis OSTE, Clément PARMENTIER, Jean-Yves ROUSSEAUX, François THERASSE, Philippe THRONTE, Dino ZARA

Référent UE :

Philippe THRONTE

Language(s) of instruction :

French language

Organisation and examination :

Teaching in the second semester

Units courses prerequisite and corequisite :

Prerequisite or corequisite units are presented within each program

Learning unit contents :

Cette UE est composée de filières séparées (blocs de cours à choix) comprenant les chapitres suivants:

Filière storytelling :

Illustration adaptée à l'édition transmédia
Détournement narratif
Édition augmentée
Design éditorial
Atelier d'écriture

Filière Médias interactifs :

HTML & CSS spécialisés
Creative Coding
Conception d'objets connectés / Physical Computing
UX appliqué
Javascript avancé

Transversal :

Mise en place de la Direction Artistique
HTML & CSS avancés

Learning outcomes of the learning unit :

Les objectifs spécifiques à chaque chapitre sont les suivants :

Filière storytelling :

Illustration adaptée à l'édition transmédia

Élaborer une recherche documentaire et graphique méthodique sur un thème pour s'inspirer et concevoir un univers, une atmosphère, des personnages, des créatures ou des objets.
Décoder et concevoir des environnements graphiques qui invitent l'utilisateur à s'y construire des récits.
Maitriser des outils techniques en vue de développer un projet transmédia.

Détournement narratif

Analyser le récit porté par une œuvre d'art : contenu, destinataires, moyens, contextes de production et de réception, avec repères datés et sources référencées.
Concevoir un détournement narratif de cette œuvre (récit second, stratégie nommée et publics visés).
Rédiger les contenus narratifs du cartel enrichi, cohérents entre supports et avec le détournement, adaptés aux publics visés.
Pitcher le détournement, en justifiant les choix opérés et abandonnés au regard des publics visés, ainsi que des lectures divergentes et des récupérations possibles, en s'appuyant sur des notions ou des techniques vues en séance, de manière claire, structurée et adaptée à ses destinataires.

Édition augmentée

Comprendre les enjeux et les formes de l'édition augmentée (réalité augmentée, contenus enrichis, QR codes, NFC, livres interactifs) et leur place dans l'écosystème éditorial contemporain ;
Concevoir un objet éditorial hybride articulant de façon pertinente le support imprimé et ses extensions numériques ;
Réaliser un prototype fonctionnel en intégrant des contenus multimédias (image, son, vidéo, 3D) à l'aide d'outils de création adaptés ;

Design éditorial

Comprendre les fondamentaux de la mise en page (grille, hiérarchie de l'information, rythme, gestion du blanc) et les appliquer à différents types de publications ;
Maîtriser la typographie éditoriale en choisissant et combinant les caractères de façon lisible et cohérente avec le propos du document ;
Concevoir une identité éditoriale (gabarits, feuilles de style, charte) garantissant l'unité d'une publication sur plusieurs pages ou numéros ;
Utiliser les logiciels de PAO (InDesign) de manière professionnelle, de la composition jusqu'à la préparation des fichiers pour l'impression et le numérique ;

Atelier d'écriture

Expérimenter différentes formes et techniques d'écriture créative (récit, poésie, dialogue, contrainte d'écriture) pour développer sa propre voix ;
Construire un récit en maîtrisant les éléments de la narration : personnages, point de vue, structure, tension dramatique ;
Adapter son écriture à un contexte, un genre ou un support donné, en lien avec les projets transmédia ou artistiques ;

Filière Médias interactifs :

HTML & CSS spécialisés

Concevoir des mises en page complexes et flexibles en utilisant CSS Grid
Maîtriser des propriétés CSS avancées pour enrichir l'apparence et l'ergonomie des sites web ;

Creative Coding

Maîtriser les techniques de dessins avancés sur le web ;
Prendre en main des techniques ou API en vue de créer des expériences immersives, dynamiques et interactives ;
Maîtriser le DOM et l'utilisation des évènements ;
Pratiquer et approfondir les techniques et outils d'animations sur le web.

Conception d'objets connectés / Physical Computing

Concevoir et la réaliser une maquette interactive intégrant des micro-contrôleurs et des éléments physiques fabriqués à l'aide d'outils numériques (découpeuse laser, imprimante 3D, etc.) ;
Élaborer un prototype fonctionnel combinant design, électronique et programmation, afin de donner vie à un objet connecté ou interactif en développant une approche globale de conception et d'intégration de technologies variées.

UX appliqué

Exploiter des méthodes de conception d'un projet artistique participatif ;
Savoir définir une idée forte et orienter une experience autour de celui-ci ;
Identifier les acteurs impliqués et envisager les modalités d'interaction et de collaboration avec le public ;
Développer une approche critique et réflexive pour idéer un projet inclusif, engageant et pertinent.

Javascript avancé

Maîtriser le DOM et l'utilisation des événements ;
Maîtriser les structures avancées ;
Comprendre les concepts fondamentaux de la programmation orientée objet (classes et objets).

Transversal :

Mise en place de la Direction Artistique

Développer une direction artistique originale à partir d'une œuvre choisie ;
Traduire une intention artistique en système visuel cohérent ;
Adapter une identité visuelle à différents supports interactifs (site web, dispositif augmenté, affichage) ;
Expérimenter des logiques de déclinaison graphique ;
Justifier des choix artistiques par une réflexion critique et structurée

HTML & CSS avancés

Structurer son code CSS de manière claire, maintenable et évolutive grâce à la méthodologie BEM, afin de garantir la cohérence et la réutilisabilité des composants dans des projets de plus grande envergure ;
Créer des formulaires complexes et dynamiques.

Prerequisite knowledge and skills :

Planned learning activities and teaching methods :

Cours théoriques et pratiques, travaux individuels et/ou en groupe.

Notre offre de formation repose sur une pédagogie par projet. Ce faisant, les étudiant-es sont amené-es à mobiliser les ressources de chaque chapitre dans un projet transversal, dont le briefing complet et les modalités d'évaluation sont communiqués en début de parcours. La validation du projet en tant qu'épreuve intégrée est toutefois tributaire de la participation et de l'engagement des étudiantes dans les différentes activités qui leur sont proposées, sans quoi la note de l'UE peut être momentanément bloquée à 0/20 tant qu'ils ou elles ne se mettent pas en ordre.

Mode of delivery (face to face, distance learning, hybrid learning) :

Enseignement hybride.