Logo ÉTS
Session
Cours
Responsable(s) Michael John McGuffin

Se connecter
 

École de technologie supérieure
Département de génie logiciel et des TI
Responsable(s) de cours : Michael John McGuffin


PLAN DE COURS

Hiver 2018
MGL835 : Interaction humain-machine (3 crédits)



Préalables
Aucun préalable requis




Descriptif du cours
À la suite de ce cours, l'étudiant sera en mesure :
• de concevoir des interfaces utilisateurs en appliquant une démarche centrée sur l'utilisateur;
• d'incorporer des techniques récentes et des fonctionnalités interactives novatrices à la conception d'un système;
• d'appliquer des méthodes d'évaluation pour valider les prototypes et guider leur modification.

Étapes de spécification, de conception, de développement, et d'évaluation des interfaces utilisateurs. Conception itérative et centrée sur l'utilisateur. Analyse des tâches. Directives de conception. Programmation événementielle. Styles et techniques d'interaction (interaction gestuelle, haptique, tridimensionelle, oculaire, etc.).

Périphériques d'entrée et de sortie. Visualisation en 2D et 3D. Loi de Fitts et techniques de modélisation prédictive. Méthodes qualitatives et quantitatives d'évaluation des interfaces. Récents développements technologiques et axes de recherche.



Objectifs du cours
  • Apprendre à concevoir, prototyper, programmer, et évaluer des interfaces utilisateurs en appliquant une démarche centrée sur l'utilisateur;
  • Apprendre à chercher dans la littérature académique pour trouver des articles et des résultats de recherche pertinents.



Stratégies pédagogiques
  • Un cours magistral par semaine;
  • Discussion d'exemples et activités de conception en classe;
  • Application des concepts vus en classe lors des devoirs.



Utilisation d’appareils électroniques
  • Utilisation de logiciels pour dessiner et/ou prototyper des interfaces utilisateurs;
  • Utilisation d'environnements de programmation pour programmer des interfaces utilisateurs.



Horaire
Groupe Jour Heure Activité
01 Mardi 18:00 - 21:30 Activité de cours



Coordonnées de l’enseignant
Groupe Nom Activité Courriel Local Disponibilité
01 Michael John McGuffin Activité de cours Michael.Mcguffin@etsmtl.Ca A-4457



Cours

1. Introduction (0.5 heures): survol du contenu, plan de cours, concepts de base.

2. Programmation d'interfaces web 2D (2.5 heures): JavaScript, HTML, DOM, canvas, événements de souris.

3. Concepts de base (1 heure): notions d'affordances, contraintes, modèles conceptuels, mappages, visibilité et retour ("feedback").

4. Conception itérative et centrée utilisateur (4.5 heures): exemples de conception centrée sur l'utilisateur; analyse des besoins, des utilisateurs, et des tâches; techniques de prototypage.

5. Comment rédiger un survol de littérature (0.5 heures): comment chercher et identifier des articles académiques; comment citer des références; comment éviter le plagiat.

6. L’interaction (3 heures): dispositifs d'entrée; styles d’interaction (gestuelle, etc.); modes, retour visuel, retour kinesthésique; "widgets" et techniques d’interaction.

7. La visualisation de l'information (6 heures): techniques et principes de conception, visualisation de données multidimensionnelles et multivariées, visualisation d'arbres et de graphes (réseaux).

8. Méthodologies d’évaluation (1.5 heures): tests d’utilisabilité; expérimentations contrôlées.

9. Perception visuelle (2 heures): couleurs, daltonisme, perception préattentive; graphisme (« graphic design »), gestalts, métaphores visuelles.

10. Modélisation psychomotrice et prédictive (2 heures): loi de Fitts, loi du mouvement canalisé d'Accot-Zhai.

11. Sujets à déterminer selon les intérêts des étudiants (9 heures), par exemple: interfaces multitactiles; conception d'interfaces 3D; algorithmes de reconnaissance de gestes.

12. Comment préparer une bonne présentation orale (0.5 heures): choses à faire et à ne pas faire.

13. Présentations orales des survols (3 heures)

14. Examen final en classe (3 heures)

Notez : La matière ne sera pas nécessairement présentée dans cet ordre




Laboratoires et travaux pratiques

Les travaux suivants sont à compléter :

  • Devoir 1: Un exercice de programmation JavaScript, fait en classe, demandant de modifier le code source d’un logiciel JavaScript ayant une interface graphique. Travail individuel. Code source modifié à remettre.
  • Devoir 2: Un exercice de programmation Java ou JavaScript (au choix) demandant de modifier le code source d’un autre logiciel ayant une interface graphique. Travail individuel. Code source à remettre.
  • Devoir 3: Travail de conception d'une interface utilisateur. Croquis faits à la main, suivis d'un prototype réalisé avec un outil logiciel, suivi d'une évaluation avec utilisateurs. Travail en équipes de deux à quatre. Rapports à remettre en format .PDF et sur papier.
  • Devoir 4: un bref survol de la littérature traitant un sujet à l’intérieur de l’interaction humain-machine, suite à l’approbation du professeur du choix de sujet proposé. L’étudiant(e) doit remettre un document rédigé dans le style d’un court article académique. Travail individuel. Rapport à remettre en format .PDF et sur papier.
  • Devoir 5: une présentation orale en classe d’environ 10 minutes du bref survol de la littérature effectué. Travail individuel.  Diapos à remettre en format .PDF, ou .PPT, ou .PPTX.
  • Un quiz en classe et un examen final en classe (au dernier jour des cours).

Format des documents remis

Certains devoirs demandent des remises en format .PDF. Une pénalité de 15% sera appliquée si le travail est remis en format Microsoft Word (.DOC / .DOCX) ou un autre format non-permis. Les étudiants habitués à utiliser Microsoft Word sont invités à utiliser un outil gratuit comme PDFCreator pour convertir leurs documents en format .PDF.




Évaluation
Devoir 1: programmation JavaScript en classe (individuel)   1 %
Devoir 2: programmation Java / JavaScript (individuel) 20 %
Quiz 1: sur la programmation JavaScript (individuel)   6 %
Devoir 3: conception d'interface (équipe de 2 à 4) 20 %
Devoir 4: survol de la littérature (individuel) 20 %
Devoir 5: présentation orale du survol (individuel)   5 %
Examen final en classe (individuel) 24 %
Présence et participation aux cours (individuel)   4 %

 




Politique de retard des travaux
Tout travail (devoir pratique, rapport de laboratoire, rapport de projet, etc.) remis en retard sans motif valable, c’est-à-dire autre que ceux mentionnés dans le Règlement des études (1er cycle, article 7.2.7 b / cycles supérieurs, article 6.5.4 b) se verra attribuer la note zéro, à moins que d’autres dispositions ne soient communiquées par écrit par l’enseignant dans les consignes de chaque travail à remettre ou dans le plan de cours pour l’ensemble des travaux.

Dispositions additionnelles

Les travaux devront être remis par courriel (et, dans certains cas, en papier) au professeur. Une pénalité de 10 % par jour sur la note du travail sera appliquée aux travaux en retard.




Absence à un examen
Dans les cinq (5) jours ouvrables suivant la tenue de son examen, l’étudiant devra justifier son absence d’un examen durant le trimestre auprès de la coordonnatrice – Affaires départementales qui en référera au directeur de département. Pour un examen final, l’étudiant devra justifier son absence auprès du Bureau du registraire. Toute absence non justifiée par un motif majeur (maladie certifiée par un billet de médecin, décès d’un parent immédiat ou autre) à un examen entraînera l’attribution de la note (0).



Plagiat et fraude
Les clauses du « Règlement sur les infractions de nature académique de l’ÉTS » s’appliquent dans ce cours ainsi que dans tous les cours du département. Les étudiants doivent consulter le Règlement sur les infractions de nature académique (https://www.etsmtl.ca/A-propos/Direction/Politiques-reglements/Infractions_nature_academique.pdf ) pour identifier les actes considérés comme étant des infractions de nature académique ainsi que prendre connaissance des sanctions prévues à cet effet.  À l’ÉTS, le respect de la propriété intellectuelle est une valeur essentielle et les étudiants sont invités à consulter la page Citer, pas plagier ! (https://www.etsmtl.ca/Etudiants-actuels/Baccalaureat/Citer-pas-plagier).



Documentation obligatoire

Aucune documentation requise




Ouvrages de références

Références optionnelles

Saul Greenberg, Sheelagh Carpendale, Nicolai Marquardt, Bill Buxton (2011), Sketching User Experiences: The Workbook.

Shneiderman et al. (2016), Designing the User Interface: Strategies for Effective Human-Computer Interaction, 6e édition.

Tamara Munzner (2014), Visualization Analysis and Design, A K Peters / CRC Press.

Douglas Crockford, JavaScript: The Good Parts, O'Reilly.

David Flanagan, Java in a Nutshell, O'Reilly.

 




Adresse internet du site de cours et autres liens utiles

http://www.michaelmcguffin.com/ets/mgl835/