1 / 25

Cedric.Dumas@emn.fr

Cedric.Dumas@emn.fr. Cedric.Dumas@emn.fr contrat Creative Commons Paternité-Pas d'Utilisation Commerciale-Partage des Conditions Initiales à l'Identique 2.0 France License. Réalisation. Savoir réaliser une IHM Savoir concevoir une IHM Savoir évaluer une IHM. Réalisation.

tam
Download Presentation

Cedric.Dumas@emn.fr

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Cedric.Dumas@emn.fr Cedric.Dumas@emn.frcontrat Creative Commons Paternité-Pas d'Utilisation Commerciale-Partage des Conditions Initiales à l'Identique 2.0 France License

  2. Réalisation Savoir réaliser une IHM Savoir concevoir une IHM Savoir évaluer une IHM

  3. Réalisation • Styles d’interactions • Dispositifs d’Entrée/Sortie • Périphériques de Sortie : • écrans • Périphériques d’Entrée • périphériques de localisation • Interaction multimodale • Gestion : • des Entrées • des Fenêtres 3

  4. Styles d’interaction • Langages de commandes • Formulaires • Navigation • WIMP • Point and Click • WYSIWYG • etc... style d'interaction 4

  5. Interaction Directe • Ben Schneiderman, 1983 • apprentissage rapide • limite les efforts de mémorisation • permet l'expérimentation(vérification immédiate, réversibilité) 5

  6. Interaction Directe • représentation continue des objets • utilisation d'actions physiques (mouvement et sélection par souris, pointage, etc) au lieu d'une syntaxe complexe • opérations rapides, incrémentales et réversibles dont les effets sur les objets doivent être visibles immédiatement • apprentissage selon une approche progressive afin de permettre l'utilisation de l'interface même avec un minimum de connaissances 6

  7. Écrans • Type : • cathodique • LCD • Écrans bitmap : • résolution : pixels per inch (ppi) • profondeur : bits par pixel • rafraîchissement : images par seconde • taille mémoire Périphériques 7

  8. Écrans • Couleurs directes • Tables de couleurs • et les autres Buffers ! Périphériques 8

  9. Périphériques physiques • Retour de toucher • capteur piézzo • dispositif mécanique • Retour d’effort • joystick • souris • bras etc... Périphériques 9

  10. Périphériques d’entrée • Périphériques physiques • claviers, boîtes à boutons • potentiomètres (rotatifs, linéaires) • souris, tablettes, manche à balai, boules • écrans tactiles, crayons optiques • capteurs de position, d’orientation • Périphériques simulés • Périphériques logiques • Périphériques virtuels Périphériques 10

  11. Périphériques de localisation • Absolu / Relatif • tablette, écran tactile, crayon otique • souris, joystick, trackball • Direct / Indirecte • écran tactile, stylo optique • tablette, souris, joystick, trackball • Discret / Continu • Position / Taux de contrôle • Position / Force (physiquement) Périphériques 11

  12. Périphériques de localisation • Control-to-Display Ratio • Loi de Fitts Périphériques 12

  13. Gestion des entrées ! Périphériques de localisation • Multimodalité • Bi-latéralisation • main dominante : situe le contexte • main non-dominante : agit dans le contexte Périphériques 13

  14. Type d’entrée Requête Echantillonnage Événement attente bloquante réponse immédiate file d ’attente gérer les entrées 14

  15. Gestion d’évènements • Terminaux virtuels • une fenêtre appartient à une application • une application dessine dans ses fenêtres • une application reçoit les évènements qui se produisent dans ses fenêtres • Notion de focus • la fenêtre qui reçoit les évènements d’un périphérique à l’instant t gérer les fenêtres 15

  16. Types d’évènements • Liés aux périphériques • changement de focus • entrée/sortie du curseur dans une fenêtre • Liés aux fenêtres • demande de ré-affichage • création, destruction, … • etc... gérer les fenêtres 16

  17. Systèmes de fenêtrage • Structurer l’espace d’affichage • Partager la ressource écran • Gestionnaire de fenêtres • interface utilisateur • système de fenêtrage • Fenêtre = zone autonome • pour l’affichage • pour les entrées gérer les fenêtres 17

  18. Modèles de fenêtrage • Sans superposition • Avec superposition • Hiérarchique gérer les fenêtres 18

  19. Modèle de dessins • Dessin direct • Problème : ré-affichage des parties cachées • par le système de fenêtrage (nécessite de mémoriser le contenu des fenêtres) • par les applications (nécessite de communiquer des demandes de réaffichage aux applications) • Dessin structuré gérer les fenêtres 19

  20. Architecture logicielle • Décomposition modulaire • Outils de développement concernant la partie interface : • librairies graphiques • systèmes de fenêtrage • boîtes à outils gérer les entrées 20

  21. Librairies graphiques • Modèles de dessin : • dessin direct : peinture de formes • dessin structuré : arbre d’objets • Définitions des objets graphiques • attributs géométriques • attributs graphiques • Librairies graphiques • Xlib, OpenGL, Direct Draw, etc... gérer les entrées 21

  22. X • Portable • Transparent vis à vis des réseaux • Architecture client/serveur • Solaris, Irix, Linux (XFree86) • tous les OS • séparation des composants  window manager 22

  23. Systèmes de fenêtrage window manager desktop environments  working environments • X-windows et ses window managers • Motif/Motif CDE/Motif OLWM/Openwin • AfterStep Fvwm • Enlightenment • GNOME (Sawfish), KDE (Kwm), Qt • Explorer de Windows • Finder de MacOS 23

  24. Boîtes à Outils • X11/Motif • X11/GTK • Tcl/Tk • MFC • Swing 24

  25. Questions ? 25

More Related