OTNB

Workshop - Scrollytelling

2025 - 2026

Ohayō

おはよう

Le briefing

La demande

Il vous est demandé de concevoir lors de cet atelier une expérience de scrollytelling, c’est-à-dire une narration interactive qui se déroule au fil du défilement de la page. Chaque filière y apporte ses compétences spécifiques.

Le point de départ de votre histoire est basée sur un jeu de données, qui a pour thème :

Le Japon

Le projet

  • Choisir les données à croiser.
  • Construire une histoire interactive en 3 actes.
  • Ajouter des interactions et animations au scroll.
  • Du son doit y être incorporé (ambiance(s), effet(s), etc.) pour enrichir le récit.
  • L'expérience se termine sur une datavisualisation orginale, animée ou non.

Planning

Le workshop prend place sur 3 jours, voici son déroulement

  • Lundi : Brainstorming & validation de vos choix
  • Mardi & Mercredi : Mise en place des différents parties du projet scrollytelling
  • Mercredi vers 15h40 : Remise intermédiaire et présentation

Présentation

À la fin du workshop, les 2 dernières heures seront consacrées à la présentation de votre projet :

  • Durée de 10 à 15 minutes
  • Démonstration de votre projet
  • Présentation de votre démarche créative et technique
  • Retours des enseignants

Remise intermédiaire

Remise individuelle (même si le dossier est similaire pour chaque membre de votre groupe), comprenant les éléments suivants :

  • Lien vers le projet en ligne au format .txt ou .pdf
  • L’ensemble des fichiers (assets) ayant servi au développement du projet
  • Votre document de présentation au format .pdf
  • Un dossier contenant la démonstration du dispositif, présentée sous forme de vidéo et de photos exploitables.
  • Un rapport de production documentant et analysant le processus de création ainsi que le rôle de chaque membre du groupe
  • Une annexe concernant l'utilisation de l'IA pour ce projet
Ces documents pourront être mis à jour lors de votre remise finale.

Remise finale

La remise finale aura lieu à l'horaire prévu, le vendredi 16/01 avant 15h40. Veuillez respecter les demandes inscrites dans le document officiel du briefing.

Ressources

Template HTML

Voici un template qui contient une base de travail (html, css et javascript). Vous y retrouverez aussi les différents jeux de données au format JSON.

Les données

Les jeux de données sont directement accessible dans le template. De manière générale les données sont par année, de 1995 à 2023. Certaines auront des années manquantes ou seront sous un format différent, faites attention. Chaque jeu est expliqué brièvement dans une section information.

Vous pouvez ajouter vos propres données, tant qu'elles respectent ces 3 points :

  • La fiabilité
  • Le thème
  • Valider par un enseignant
À mentionner dans vos crédits.

Datavisualisation

Seikō o inotte imasu.

成功を祈っています。

1/6

1/1