Programma di studio

• Obiettivi

  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.
• contenuto

  • 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, ...).

Metodo d'insegnamento e volume di lavoro

Titolo del corso

Metodi di valutazione

• prove in itinere prove scritte, lavori pratici / valuatazione delle relazioni di laboratorio, Ev. tests courts non annoncés

Metodo di calcolo della nota del corso

Note_Théorie = Moyenne pondérée des travaux écrits et des éventuelles autres évaluations. Ajustement_TP = Résultat de l'évaluation des TP traduit en dixièmes de points positifs ou négatifs (selon document remis lors de la première séance). Note_Cours = Note_Théorie + Ajustement_TP.

Docente/i e/o coordinatore/i

Nathalie Borgognon, Sandy Ingram, Philippe Joye