LOG2420 – Automne 2016 Chargé de cours : Mathieu Laprise

Présentation au sujet: "LOG2420 – Automne 2016 Chargé de cours : Mathieu Laprise"— Transcription de la présentation:

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

2

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

4 Tchernobyl

5 Web - HTTP

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

7

8 Aller plus loin : le côté serveur et les services webs
SQL ou NoSQL Hébergeur gratuit de serveur NodeJS pour tester :

9 Ergonomie du web

10 Développement centré utilisateur

11 Planification

12 Contexte d’utilisation

13 Spécifier les exigences utilisateurs et organisationels

14 Concevoir des solutions de conception

15 Évaluer les solutions par rapport aux exigences

16

17

18 MVC

19 Autre exemple MVC

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

21 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 ?

22 Charge cognitive

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

24 Inspection cognitive (sorte de tests)

25 Heuristiques (pricipes de l’utilisabilité)

26 L’importance de la persuasion dans l’interface

27 Architecture - Système de fenêtrage

28

29

30

31

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

33 Exemple de système de fenêtrage : X

34 X (Suite)

35 Assignation des événements à un objet

36 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

37 Boucle d’événement en Javascript

38 Evaluation d’interfaces

39 Tests d’utilisabilités Tests heuristiques

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

41 Quelques questions de pratique

42 Émilie

43 Émilie

44 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.

45 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?

46 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 !