Study program

• Objectives

  A la fin du cours, l'étudiant est capable de :

  • Gérer la disposition des éléments de l'interface en exploitant et paramétrant judicieusement les conteneurs (layout-panes) et leurs contraintes de disposition.
  • Gérer les événements associés au dialogue homme-machine.
  • Structurer les classes d'une application en respectant les principes de l'architecture MVC (Model-View-Controller).
  • Définir la notion d'utilisabilité et décrire les principales méthodes d'évaluations ergonomiques.
  • Décrire et classer les principaux critères ergonomiques qui influencent la qualité de l'interaction.
  • Prendre en compte certaines caractéristiques de l'humain face à un système interactif (aspects perceptifs, cognitifs, moteurs et comportementaux).
  • Concevoir une interface-utilisateur qui respecte les règles liées aux aspects visuels (icônes, mises en évidence, agencement, couleurs, typographie, etc.).
  • Écrire une interface utilisateur qui s'adapte au contexte de l'utilisateur (résolution de l'écran, type et configuration de la machine cible).
  • Consulter et exploiter la documentation (API) relative aux librairies utilisées pour créer et gérer l'interface utilisateur.
• Content

  • Introduction à Javascript
  • Introduction au développement frontend d'interface utilisateurs dans un mode descriptif (non procédural) et en utilisant des librairies front-end basées sur les composantes (e.g. Vue.js).
  • Principes généraux liés à l'interaction homme-machine, à l'utilisabilité, aux critères ergonomiques et aux facteurs humains.
  • Évaluations ergonomiques : techniques et mise en oeuvre.
  • Éléments liés à la visualisation (icônes, techniques de mise en évidence, disposition et alignement, gabarit d'écran, parcours du regard, agencement, utilisation des couleurs, définitions et règles typographiques, ...).

Type of teaching and workload

Course specification

Evaluation methods

• Continuous assessment Written work, Practical exercises / Evaluated reports,

Course grade calculation method

Score_Theory = Weighted average of the written work and any other evaluations. Adjustment_TP = Result of the evaluation of the TP translated into tenths of positive or negative points (according to the document given during the first session). Course_Score = Theory_Score + TP_Adjustment.

Intructor(s) and/or coordinator(s)

Nathalie Borgognon, Sandy Ingram, Philippe Joye