LOG2420 – Automne 2016 Chargé de cours : Mathieu Laprise Révision LOG2420 – Automne 2016 Chargé de cours : Mathieu Laprise

Conception centrée utilisateur Pilote de carte graphique, carte réseau Baladeur Sanyo

Tchernobyl

Web - HTTP

Web – vocabulaire Architecture client-serveur HTTP JSON (approche clé-valeur) DOM Ajax jQuery AngularJS Media Queries CSS

Aller plus loin : le côté serveur et les services webs SQL ou NoSQL Hébergeur gratuit de serveur NodeJS pour tester : https://www.heroku.com/

Ergonomie du web

Développement centré utilisateur

Planification

Contexte d’utilisation

Spécifier les exigences utilisateurs et organisationels

Concevoir des solutions de conception

Évaluer les solutions par rapport aux exigences

MVC

Autre exemple MVC

Conception 1 : le language visuel Language visuel est généralement lié à l’heuristique de guidage

Modèle mental Utile lorsque pas poussé trop loin, car permet de diminuer l’effort mental pour se souvenir de comment utiliser un logiciel et aussi de diminuer la courbe d’apprentissage du logiciel. Des exemples de bons et de contre-exemples de poussés trop loin ?

Charge cognitive

Exemples charge cognitive - Dépend beaucoup de la présentation de l’information - Influence beaucoup la difficulté d’utilisation d’une application

Inspection cognitive (sorte de tests)

Heuristiques (pricipes de l’utilisabilité)

L’importance de la persuasion dans l’interface

Architecture - Système de fenêtrage

Gère le look and feel de la plateforme, le fait que les fenêtres ne peuvent pas se chevaucher etc..

Exemple de système de fenêtrage : X

X (Suite)

Assignation des événements à un objet

Particularité en JS En JS, les événements sont propagés tout le long du DOM, sauf si on appelle une méthode pour stopper la propagation. Advenant un clique sur c, les event handler suivants seront appelés dans l’ordre : Descendant : a,b,c Ascendant : c,b,a

Boucle d’événement en Javascript

Evaluation d’interfaces

Tests d’utilisabilités Tests heuristiques

Finalement Ne pas oublier le dernier cours et celui d’aujourd’hui – Développement actuels en UI - Patrons d’utilisabilité

Quelques questions de pratique

Émilie

Émilie

Questions interface multiplateformes Expliquez comment, avec Java Swing, une interface peut être portée sur plusieurs plateformes sans avoir à modifier le code. Décrivez deux autres approches pour créer des interfaces multi- plateformes. Expliquez leur mécanismes distinctif et commentez les avantages et désavantages de chacune.

Questions matrice de vote Expliquez les principes généraux et les calculs qui permettent d’estimer l’intérêt d’un utilisateur pour un item donné (ex: un film) à partir d’autres utilisateurs ? Règle générale, les matrices de votes sont creuses (peu de votes par utilisateur pour un grand nombre d'items). Comment une approche par facteurs latents pourrait-elle offrir une solution au problème? Expliquer son fonctionnement. Identifiez deux autres solutions qui reposent sur d'autres sources d'information que les votes (approches dites contenu) Belle inc. désire implanter un système de filtres collaboratifs pour son service Fibe. Quelle information pourrait-elle exploiter? Quelles seraient les solutions potentielles que nous pourrions lui suggérer? L'algorithme PageRank offre une autre approche au filtrage d'information Dans quel contexte peut-il s'appliquer (c.-à-d.) quel type d'information exploite-t-il? Expliquez son fonctionnement Par rapport à des recommandations de filtres collaboratifs, comment les recommandations de PageRank se démarques-t-elles?

Bonne chance à tous dans votre carrière ! Plusieurs examens finaux avec corrigé sont disponibles sur le site du cours, c’est une bonne pratique de les faire. Bonne chance à tous dans votre carrière !