Ausbildungsprogramm

• Angestrebte Kompetenzen und Lernziele

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

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

Unterrichtsform

Kursbeschreibung

Lernkontrolle

• Schlussprüfung Lernkontrolle Berichte, Berichte, Evt. unangekündigte Kurztests

Notenberechnung / Validierungsmodalitäten

Theorie_Note = Gewichteter Durchschnitt der Zwischenprüfungen. Praktikums_Delta = Durchschnitt der Bonus/Malus-Bewertungen, auf eine Kommastelle gerundet (gemäss separatem Dokument, Besprechung in 1. Kursstunde). Kurs_Note = Theorie_Note + Praktikums_Delta

Dozierende

Nathalie Borgognon, Sandy Ingram, Philippe Joye