Aller au contenu

Cours 7.2

Les consignes


Le projet au complet : produit, garde-fous, évaluation, calendrier.

Consignes complètes

Le cahier de charges


Le gabarit à remplir d'ici le ven. 23 oct. (23 h 59).

Gabarit et consignes

Exemples et inspirations


Des récits défilants à décortiquer, avec une grille d'observation.

Exemples et inspirations

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 :

  1. Ouvrez un tableau FigJam et partagez-le avec votre coéquipier ou coéquipière.
  2. 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.
  3. 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.
  4. 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-ouellet comme 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 :

  1. Le concept et les chapitres : ce que chaque chapitre raconte.
  2. Le storyboard dans Figma : un cadre par chapitre, annoté (ce qui bouge, ce qui le déclenche, la technique). Partez du gabarit de storyboard.
  3. Les animations de chaque chapitre, dans les garde-fous.
  4. La matrice de responsabilités : qui possède quoi. Ensemble.
  5. Votre média animable : chacun choisit son format (calques, spritesheet ou SVG).
  6. Le moment dataviz : dans quel chapitre, et quel genre de données. L'API se choisit au cours du 11 nov.
  7. 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.

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