Université de l'Ontario français

Premier prototype STYLY

CMN2003 — Communication et ergonomie des technologies de pointe

Évaluation 2 · 20 %
Date de remise : lundi 6 avril 2026, 23h59

En quoi consiste cette évaluation ?

Vous avez mené une recherche approfondie sur un enjeu lié aux technologies de pointe (dossier de recherche, Éval 1). Il est maintenant temps de traduire cette recherche en expérience spatiale. Cette évaluation vous demande de présenter un premier prototype fonctionnel de votre scène STYLY, accompagné d'un court enregistrement d'écran où vous expliquez vos choix.

Ce n'est pas un produit final — c'est une première itération. L'important est de montrer que votre scène prend forme et que vos décisions de design sont ancrées dans votre recherche.

Cette évaluation sera présentée et discutée en détail lors de la séance 12 (lundi 30 mars). Toutes vos questions seront les bienvenues.

Ce que vous devez remettre

Deux éléments à déposer sur Moodle avant la date limite :

Livrable 1
URL de votre scène STYLY

Le lien vers votre scène STYLY publiée. La scène doit être navigable — on doit pouvoir s'y déplacer et voir vos éléments en place. Même si tout n'est pas parfait, il faut que l'expérience soit explorable.

Exigences minimales de la scène :

  • Environnement : Choisir et configurer un environnement de base (bâtiment, espace extérieur, etc.) depuis la bibliothèque STYLY ou SketchFab, mis à l'échelle de manière appropriée
  • Modèles 3D : Importer au minimum 2 assets 3D provenant d'au moins deux sources différentes (ex. : un de la bibliothèque STYLY et un de SketchFab). Bonus : inclure un asset que vous avez créé ou scanné vous-même (RealityScan, Blender, etc.)
  • Médias 2D : Intégrer au minimum 3 éléments multimédias (images, panneaux de texte, audio ou vidéo)
  • Animations : Ajouter au minimum 2 animations (rotation, orbite, etc.) à des objets de votre scène
  • Éclairage : Ajouter au minimum 1 source de lumière supplémentaire et utiliser l'éclairage de manière intentionnelle pour créer une ambiance ou guider le regard du visiteur
  • Parcours : Le parcours de visite (linéaire, en hub, libre) doit être reconnaissable — le visiteur doit comprendre comment se déplacer dans votre espace
  • Point de départ : Positionner le personnage de manière à ce que le visiteur arrive face à un élément significatif de votre scène
  • Lien fonctionnel : Le lien publié fonctionne et la scène se charge correctement (vérifié en navigation privée)
Livrable 2
Enregistrement d'écran avec voix (max. 10 minutes)

Un enregistrement d'écran où vous naviguez dans votre scène STYLY tout en expliquant à voix haute. L'objectif principal est de démontrer que vous comprenez vos propres choix de design. Ne vous contentez pas de décrire ce qu'on voit — expliquez pourquoi vous avez fait ces choix.

Concrètement, votre enregistrement devrait couvrir les points suivants :

  • Le thème de votre exposition — quel est votre sujet, quelle problématique ou quel enjeu soulevez-vous, et quel lien avec votre dossier de recherche (1-2 minutes)
  • Visite guidée de chaque élément demandé — passez en revue la liste des exigences du Livrable 1 (environnement, modèles 3D, médias, animations, éclairage, parcours, point de départ) et pour chacun, montrez-moi où il se trouve dans votre scène et expliquez pourquoi vous l'avez placé là. Pourquoi cet objet ? Pourquoi à cet endroit ? Quel effet voulez-vous produire chez le visiteur ?
  • Vos choix de design spatial — comment le parcours, la disposition et l'ambiance servent votre récit. Appuyez-vous sur ce que vous avez appris en cours : les principes de design spatial (séance 5 : parcours, points d'intérêt, signalétique, rythme), les cadres IPOP et Austin, les stratégies de circulation, ou encore les notions de narration spatiale vues à la séance 10. N'hésitez pas à nommer les concepts : c'est exactement ce qui est attendu.
  • Accessibilité (si applicable) — avez-vous pensé à des principes d'accessibilité (séance 8, W3C XAUR) dans votre scène ? Si oui, mentionnez-les brièvement. Sinon, c'est correct — on y reviendra pour le prototype final.
  • Ce qui reste à faire — qu'est-ce que vous prévoyez améliorer ou ajouter pour le prototype final ? Montrez que vous avez une vision de la suite.
Pas de script ! Préparez quelques points clés, mais ne rédigez pas et ne lisez pas un texte mot à mot. L'objectif est de démontrer votre compréhension de votre projet de façon naturelle et spontanée. C'est une conversation avec votre professeure, pas une lecture.

Partage et permissions — à lire absolument

Chaque session, des liens ne fonctionnent pas ou sont inaccessibles. Suivez ces étapes attentivement pour éviter de perdre des points.

Pour votre enregistrement vidéo

  1. Ajoutez l'adresse directement dans les paramètres de partage de l'outil que vous utilisez (Canva, OneDrive, Loom, Google Drive, etc.).
  2. Activez l'option « Tout le monde disposant du lien peut voir » (ou l'équivalent). Votre professeure doit pouvoir visionner et télécharger la vidéo.
  3. Si vous utilisez OneDrive : cliquez sur Partager → paramètres du lien → « Toute personne » → cochez « Autoriser la modification » ou au minimum « Peut afficher ». Ajoutez l'adresse courriel de votre professeure.
  4. Si vous utilisez Google Drive : Partager → ajoutez l'adresse courriel → rôle « Lecteur » minimum → cochez « Les lecteurs peuvent télécharger ».

Pour votre scène STYLY

  1. Publiez votre scène sur STYLY et copiez l'URL publique.
  2. Ouvrez le lien dans une fenêtre de navigation privée pour vérifier qu'il fonctionne sans connexion à votre compte.
Vérification obligatoire : Avant de soumettre, ouvrez tous vos liens dans une fenêtre de navigation privée (Ctrl+Maj+N / Cmd+Maj+N). Si un lien ne fonctionne pas pour vous en navigation privée, il ne fonctionnera pas pour votre professeure. Les liens inaccessibles seront traités comme des travaux non remis.
Courriel de votre professeure : — ajoutez cette adresse dans les paramètres de partage de votre vidéo en plus du lien public. Cela permet à votre professeure de télécharger le fichier si nécessaire.

Comment faire l'enregistrement d'écran

Choisissez l'outil qui vous convient. Les trois options ci-dessous sont gratuites.

Ce dont vous avez besoin

Étape 1
Créer un design vidéo

Connectez-vous à canva.com. Cliquez sur Créer un design → Vidéo.

Étape 2
Lancer l'enregistrement d'écran

Panneau de gauche → Importer → Enregistrer → Enregistrement d'écran. Autorisez l'accès au microphone.

Étape 3
Enregistrer votre navigation STYLY

Partagez l'onglet où votre scène STYLY est ouverte. Naviguez dans la scène en commentant à voix haute. Maximum 10 minutes.

Étape 4
Partager

Cliquez sur Partager → Tout le monde disposant du lien peut voir. Ajoutez dans le champ d'invitation. Copiez le lien.

Étape 1
Accéder à Clipchamp

Allez à clipchamp.com et connectez-vous avec votre compte Microsoft 365 UOF.

Étape 2
Lancer l'enregistrement

Créer une vidéo → Enregistrer et créer → Écran. Autorisez le micro.

Étape 3
Enregistrer votre navigation STYLY

Sélectionnez l'onglet de votre scène STYLY. Naviguez et commentez à voix haute. Maximum 10 minutes.

Étape 4
Exporter et partager

Exporter (1080p) → sauvegardez dans OneDrive. Ouvrez le fichier dans OneDrive → Partager → ajoutez → Toute personne disposant du lien peut voir. Copiez le lien.

Étape 1
Installer Loom

Installez l'extension Chrome depuis loom.com (compte gratuit).

Étape 2
Lancer l'enregistrement

Cliquez sur l'icône Loom → Screen Only → sélectionnez l'onglet STYLY → Start Recording.

Étape 3
Enregistrer votre navigation STYLY

Naviguez dans la scène en commentant à voix haute. Maximum 10 minutes. Cliquez sur le bouton rouge pour arrêter.

Étape 4
Partager

Loom copie le lien automatiquement. Cliquez sur Share → ajoutez pour lui donner accès. Copiez le lien.

Testez votre lien ! Ouvrez une fenêtre de navigation privée (Ctrl+Maj+N / Cmd+Maj+N) et collez votre lien. Vérifiez que la vidéo se lit, que le son est audible et que l'écran est lisible.

Grille d'évaluation

Votre travail sera évalué selon quatre critères :

Critère Excellent (A) Satisfaisant (B) En développement (C) Insuffisant (D/F)
Prototype STYLY (30 %) Toutes les exigences minimales respectées (environnement, 2+ assets 3D, 3+ médias, 2+ animations, éclairage, parcours clair, point de départ bien placé). Disposition intentionnelle et cohérente. La plupart des exigences respectées. Parcours reconnaissable, quelques éléments manquants. Scène minimale : moins de la moitié des exigences, parcours difficile à suivre. Scène vide ou non fonctionnelle, lien brisé.
Lien recherche-design (25 %) L'enregistrement montre clairement comment la recherche a informé les choix de design spatial Lien entre recherche et design présent mais peu développé Mention vague de la recherche, lien peu convaincant Aucun lien avec le dossier de recherche
Réflexion spatiale (25 %) Explique ses choix de parcours, disposition et ambiance en mobilisant les concepts vus en classe (IPOP, Austin, circulation) Mentionne quelques choix de design avec justification Décrit ce qu'on voit sans expliquer pourquoi Aucune réflexion sur les choix spatiaux
Communication et qualité technique (20 %) Explication claire et naturelle, son audible, écran lisible, liens fonctionnels avec bonnes permissions Explication compréhensible, quelques problèmes techniques mineurs Difficultés de compréhension ou problèmes techniques importants Vidéo inaccessible, inaudible ou liens brisés

Rappels importants