Cours 7.2¶

Les consignes
Le projet au complet : produit, garde-fous, évaluation, calendrier.
Exemples et inspirations
Des récits défilants à décortiquer, avec une grille d'observation.
Aujourd'hui¶
- Lancement du projet : le récit défilant
- Exemples et inspirations : décortiquer quelques récits défilants
- Seul : noter 2 ou 3 animations qui vous inspirent dans votre journal
- Former les équipes de 2
- En équipe : brainstorm dans FigJam, puis choisir un thème
- Ajouter le lien du FigJam dans votre journal (chacun)
- Commencer le cahier de charges, en équipe
- Devoir : vos deux semaines, jusqu'au ven. 23 oct.
Rappel et mise à jour¶
Projet portfolio¶
Gr. Enric : remise finale et jury jeu. 15 oct.
Votre priorité de la semaine prochaine reste le portfolio. Le cahier de charges du récit défilant est dû le ven. 23 oct., 23 h 59 : planifiez votre temps en conséquence.
Tutorat¶
| 📅 Date | 👤 Tuteur | ⏱️ Durée | 📍 Où | 🎯 Avant |
|---|---|---|---|---|
| Mar. 13 oct., 19h10 à 20h | Alexis | 50min | En ligne Teams, équipe Web5 : canal « Tutorat Web5 » | Remise finale gr. Enric (15 oct.) |
| 📅 Date | 👤 Tuteur | ⏱️ Durée | 📍 Où |
|---|---|---|---|
| Chaque mardi, 12h30 à 14h10 (8 sept. au 8 déc.) | Alexis Guilbault | 1h40 | 🏫 En personne au Centre d'aide C-1602 |
| Chaque mercredi, 20h à 21h15 (9 sept. au 9 déc.) | Olivier Laliberté | 1h15 | 💻 En ligne sur Teams : canal Tutorat de l'équipe TIM-Programme TIM |
Le lancement¶
Ce qu'on construit, comment on est évalué, et le calendrier jusqu'au 11 décembre.
Présentation de lancement (PowerPoint)
Former les équipes¶
- Équipes de 2. Choisissez quelqu'un avec qui vous pouvez travailler à distance pendant deux semaines : échangez vos coordonnées (Teams, téléphone) avant de partir.
- Une compétence complémentaire aide : l'un plus à l'aise en design, l'autre en code, par exemple. Mais chacun code ses propres chapitres.
- Inscrivez votre équipe et votre thème dans le fichier equipes-recit-defilant.xlsx : les deux noms, puis le thème dès qu'il est validé.
S'inspirer, seul¶
Parcourez les exemples et inspirations. Individuellement, notez dans votre journal 2 ou 3 animations qui vous inspirent :
- le lien de l'exemple;
- ce qui bouge, et ce qui le déclenche;
- ce que vous aimeriez emprunter pour votre récit.
Choisir un thème : brainstorm en équipe dans FigJam¶
On veut voir votre processus créatif, pas seulement l'idée finale. En équipe :
- Ouvrez un tableau FigJam et partagez-le avec votre coéquipier ou coéquipière.
- Divergez : chacun y dépose au moins 3 idées de récit (une cause, un mini-documentaire, une vitrine, un explicatif, une fiction). Ajoutez vos inspirations, des mots-clés, des images, des pistes de chapitres. On ne juge pas encore : la quantité d'abord.
- Convergez : pour chaque idée, vérifiez : ça se raconte en 6 à 8 chapitres? Il y a des images à trouver ou à produire? Une donnée à aller chercher pour la dataviz? Gardez une idée, et résumez-la en une phrase.
- Chacun ajoute le lien du FigJam dans son journal, même si c'est le même tableau pour les deux.
Ne nettoyez pas le tableau après coup : les idées écartées font partie de votre processus.
Validez votre thème avec moi avant de partir, puis inscrivez-le dans le fichier des équipes .
Commencer le cahier de charges¶
Avant la fin du cours, chaque équipe a :
- créé son dépôt GitHub, avec la coéquipière ou le coéquipier et
marie-michelle-ouelletcomme collaborateurs; - copié le gabarit dans
documentation/CAHIER-DE-CHARGES.md; - rempli la section 1 (le concept) et commencé le découpage en chapitres.
Le cahier de charges : gabarit et consignes
Devoir : vos deux semaines¶
On se revoit le mer. 21 oct. Arrivez avec votre concept et vos chapitres (étapes 1 et 2) : vous me présenterez votre avancement, et on avancera ensemble le storyboard et la matrice. D'ici là, vous travaillez en équipe, à votre rythme. Un ordre qui fonctionne :
- Le concept et les chapitres : ce que chaque chapitre raconte.
- Le storyboard dans Figma : un cadre par chapitre, annoté (ce qui bouge, ce qui le déclenche, la technique). Partez du gabarit de storyboard.
- Les animations de chaque chapitre, dans les garde-fous.
- La matrice de responsabilités : qui possède quoi. Ensemble.
- Votre média animable : chacun choisit son format (calques, spritesheet ou SVG).
- Le moment dataviz : dans quel chapitre, et quel genre de données. L'API se choisit au cours du 11 nov.
- Votre journal : chacun le sien,
documentation/JOURNAL-prenom.md, avec les 5 questions.
C'est votre processus qui est évalué
Vous me présentez votre projet à chaque étape, au rythme du groupe. Une étape sautée (un code généré d'un coup, sans planification ni compréhension) est à recommencer. Pas de passe-droit.
Utilisation de l'IA restreinte : permise seulement pour créer vos médias, jusqu'à nouvel ordre. Le code, c'est vous! Détails
Pas encore de code d'animation
GSAP, le CSS au défilement et Vue arrivent en classe à partir du 28 oct. D'ici là, c'est la conception : bien planifier maintenant, c'est coder plus vite ensuite.
Remise 1 : ven. 23 oct., 23 h 59 (pas de cours ce jour-là)
Cahier de charges complet dans le dépôt, storyboard dans Figma, un journal par personne. Liste de vérification de la remise 1