karaoPrint.js

Workshop Luuse

11.3.19 → 15.3.19

Esa Pyrenées — Pau

Brief

À partir d’un son au choix, création d'une page web karaoké interactive et d’un catalogue de karaokés en web to print, à partir de karaoPrint.js. Petit script maison permettant de créer facilement un karaoke animé, à base de html/css.

Objets

Web

1 karaoké par personne (1 page html + 1 feuille css)
1 site global (sorte de « compil’ / banque de données »), avec une page d'accueil commune rassemblant tous les karaokés

Print

1 catalogue papier format A4, rassemblant tous les sons

Notions

Technique

Les media queries, ou comment gérer du print depuis le web
Les animations css (javascript ≠ toujours nécéssaire ☺)
L'outil Git, ou le travail collectif façon programmation

Design

Montrer l'aspect plurimédia du web, qui permet ici de générer à la fois une page animée et un print à partir du même code
Penser le passage d'un média à l'autre, les besoins de chacun et la variation de contenu que celui-ci peut impliquer

Déroulé

Lundi	Matin	Présentation du workshop [références, background] + initiation à karaoPrint.js
	Aprem	Démarrage du web karaoké → balisage html + début de style css si le temps
Mardi	Matin	Point sur les animations css
	Aprem	Suite du web karaoké → style css
Mercredi	Matin	Initiation aux media queries Démarrage du catalogue (chacun sa page)
	Aprem	Finalisation web karaoké + page du catalogue
Jeudi	Matin	Initiation à Git Fusion des pages html en un seul site Rédaction de la page d'accueil
	Aprem	Réalisation de la couverture + index
Vendredi	Matin	Impression RISO Reliure (si possible spirale = top)
	Aprem	Réstitution