Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Polytechnique Montréal LOG2420 Analyse et conception des interfaces utilisateur

Polytechnique Montréal LOG2420 Analyse et conception des interfaces utilisateurs Travail pratique 1 Énoncé Version 4 septembre 2022, 00:17 Auteur Jimmy Bell Contributeur et réviseur Pr Michel Desmarais Dernière révision 4 septembre 2022, 00:17 Section Enseignant.e Courriel 01 Zachary Thibodeau zachary.thibodeau@polymtl.ca 02 Fedwin Chatelier fedwin.chatelier@polymtl.ca 03 Mathieu Céraline mathieu.ceraline@polymtl.ca 04 Hanane Ikhelef hanane.ikhelef@gmail.com 05 Jimmy Bell jimmy.bell@polymtl.ca Automne 2022 Table des matières 1 Introduction 2 2 Figma éducation 2 3 Fonctionnement des TPs 2 4 Objectifs TP1 3 5 Contexte et mise en situation 3 6 Travail demandé 4 6.1 Analyse de cours, format traitement de texte (5 points) . . . . . . . . . . . . 4 6.2 Exigences utilisateurs (5 points) . . . . . . . . . . . . . . . . . . . . . . . . . 6 6.3 Histoires utilisateurs (3 points) . . . . . . . . . . . . . . . . . . . . . . . . . 6 6.4 Maquette wireframe et architecture d’information (6 points) . . . . . . . . . 6 7 Livrable et répartition des points 7 7.1 Remise Moodle . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7 7.2 Remise Figma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7 7.3 Répartition des points . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8 8 Commentaires 8 1 1. Introduction Les cinq TPs de ce trimestre portent sur la conception d’une application pour assister un enseignant à créer et à gérer les analyses de cours. Elle sera utilisée à l’interne principalement par les professeurs et maîtres d’enseignement, mais aussi par tous les employés impliqués dans la gestion de l’enseignement à Polytechnique Montréal. 2. Figma éducation Figma est l’application pour la conception d’interface qui est utilisée à travers les TP. Vous devez créer votre compte avec de votre adresse courriel étudiante en appliquant pour la version éducation disponible au lien ci-dessous : https://www.figma.com/education/apply Votre compte sera associé à un projet d’équipe dans Figma dès que possible par votre chargé de laboratoire. 3. Fonctionnement des TPs — Une vidéo d’explication est disponible avec le TP dès qu’il apparaît sur Moodle. Cette vidéo est la référence des consignes du TP. — Toutes les sections remettent leur TP à la même date. La vidéo permettra aux équipes qui le veulent de commencer en avance leur travail. Un calendrier des laboratoires est disponible sur Moodle. — Les travaux pratiques seront en équipe de quatre (4) étudiants. La charge de travail pour chaque TP est prévue pour ce nombre d’étudiants et ne pourra être réduite. Une équipe de taille autre que spécifiée pourrait exceptionnellement être acceptée après autorisation du/de la chargé.e de laboratoire. — Les équipes devront rester dans la mesure du possible les mêmes toute la session, car les laboratoires sont liés l’un à l’autre. — Un retard de moins de 24h dans la remise d’un travail pratique entraînera une pénalité de 2/20. Un travail remis 24 heures ou plus après la date limite se verra attribuer la note de 0 à moins d’autorisation préalable du Pr Michel Desmarais. — Les membres d’une équipe sont tous considérés responsables du travail remis et en accord avec le travail remis. Toute problématique doit être signalée suffisamment en avance à votre chargé.e de laboratoire. Création d’équipes La création des équipes se fait sur le module «Équipe de TP» dis- ponible sur Moodle entre le 29 août et le 16 septembre 18h00. Les étudiants qui ne sont pas 2 encore en équipe après ce moment seront assignés en équipe aléatoirement. 4. Objectifs TP1 Les objectifs de ce premier travail pratique sont : — Établir des exigences d’interface à partir d’une problématique. — Définir des histoires utilisateurs. — Établir une ébauche basse-fidélité comme solution à une problématique. — Établir une architecture basique de l’information. 5. Contexte et mise en situation Lors de la création d’un cours ou de son ajout dans un programme, Polytechnique Mont- réal doit réaliser une analyse de cours. Cette analyse contient une panoplie d’information concernant notamment la place du cours dans le programme, le détail des séances de cours, les cours corequis et bien davantage. Développer une analyse de cours est une tâche complexe. Le processus de conception que vous effectuez durant les séances de travaux pratiques vise à apporter une solution informatique par le biais d’une interface adaptée à la problématique qu’est celle de faire l’analyse de cours. La solution d’interface que vous soumettrez au terme de la session se voudra proposer la meilleure utilisabilité possible couplée d’une expérience utilisateur agréable et d’aspect pro- fessionnel. Après tout, cet outil pourrait être utilisé périodiquement par plusieurs membres du corps professoral de Polytechnique Montréal. Nous faisons donc appel à vous pour sug- gérer une interface au terme des multiples travaux pratiques de la session. Pour nos travaux, certains termes utilisés par le contexte méritent d’être clarifiés : — Un triplet horaire représente le nombre d’heures de théorie en classe, le nombre d’heures de laboratoire en classe ainsi que le nombre d’heures à investir chez soi pour réussir un cours. À Polytechnique, 1,5 heures de laboratoire représente un laboratoire de 3 heures chaque deux semaines. — Un cours préalable doit absolument être réussi avant d’entreprendre le cours concerné. Un cours corequis peut avoir été réussi préalablement ou être suivi en même temps que le cours concerné. — Le BCAPG est le Bureau Canadien d’Agrément des Programme de Génie. Une ana- lyse de cours catégorise les heures théoriques dans différents volets et différentes com- pétences déterminées par le BCAPG. Vous pouvez consulter les 12 compétences du BCAPG dans votre dossier Polyfolio. 3 — Les méthodes d’évaluation décrivent le type d’évaluation, son mode de réalisation et son pourcentage. L’ensemble des évaluations d’un cours doit totaliser 100% de sa note finale. — La fréquentation actuelle ou prévue représente le nombre d’étudiants inscrits à un cours ou qui devraient s’inscrire à ce cours. — La redondance ou partie de redondance vise à identifier les cours qui enseignent un contenu similaire. 6. Travail demandé Le travail à remettre est un document PDF couplé d’une maquette Figma qui doit aborder les points suivants. 6.1. Analyse de cours, format traitement de texte (5 points) Mettez-vous à la place d’un utilisateur et faites une analyse de cours dans un document MS Word, LibreOffice, ou Latex. Un exemple d’analyse de cours vous est fourni en annexe A de ce travail pratique. Votre document doit comporter la même structure de sections et l’information. Les données fictives ci-dessous vous seront utiles pour créer cette analyse de cours. — Le sigle attribué au cours est le INF8920F. — Le cours est intitulé Interfaces de simulation de microcontrôleurs. — Ce cours de la famille 8000 fait partie de l’axe de spécialisation personnalisé d’interfaces humain-ordinateur. Plus de détails ici sous Orientation personnalisée > Interactions humain-ordinateur. Le cours peut ainsi être choisi au baccalauréat et aux études supé- rieures. — Le cours comporte deux heures de théorie par semaine et quatre heures de travail à la maison (étude, présentation d’équipe et préparation au contrôle final) . Il n’y a pas de laboratoires en classe, c’est un cours de 2 crédits. — Le cours assume que l’étudiant : — connaît des notions de maquettage fil de fer, de recherche utilisateur, d’utilisabilité et de création de persona (Indice : LOG2420) ; — a déjà programmé en C sur un microcontrôleur ; — sait programmer en Python de manière procédurale. — Le cours a comme corequis la conception des applications web avec javascript, HTML et CSS, de même que les langages de scripts (Indice : INF8007) — Le cours couvrira les notions suivantes sur 13 séances de 2h : 1. Rappel des différentes notions de maquettage fil de fer. Rappel des balises HTML de base. 4 2. Présentation du logiciel SimulIDE qui permet de simuler des microcontrôleurs. 3. Histoire des logiciels de simulation. 4. Histoire des microcontrôleurs. 5. Création d’interface utilisateur avec ControllerInterfaces, un logiciel propriétaire fictif. 6. Présentation d’équipe sur les avantages de la simulation valant 20% de la note finale. 7. Principes de simulation avancés. 8. Utilisabilité des interfaces complexes. 9. Synchronisation d’interface avec les contrôleurs à l’aide de scripts Python. 10. Tests utilisateurs dans un contexte de simulation. 11. Fiabilité des systèmes de simulation. Systèmes de simulation et développement durable. 12. Vente et marketing d’un logiciel de simulation de microcontrôleur. 13. Examen final récapitulatif valant 80% de la note finale. — Minimalement, le cours présente un contrôle des acquis du BCAPG dans la qualité 9. — Le uploads/Management/ enonce-1.pdf