DESCRIPTION
[email protected]. [email protected] 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. - PowerPoint PPT PresentationTRANSCRIPT
[email protected] 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
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
4
Styles d’interaction
Langages de commandes Formulaires Navigation WIMP Point and Click WYSIWYG etc...
5
Interaction Directe
Ben Schneiderman, 1983 apprentissage rapide limite les efforts de mémorisation permet l'expérimentation
(vérification immédiate, réversibilité)
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
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
8
Écrans
Couleurs directes Tables de couleurs
et les autres Buffers !
9
Périphériques physiques
Retour de toucher capteur piézzo dispositif mécanique
Retour d’effort joystick souris bras etc...
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
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)
12
Périphériques de localisation
Control-to-Display Ratio
Loi de Fitts
13
Périphériques de localisation
Multimodalité Bi-latéralisation
main dominante : situe le contexte main non-dominante : agit dans le
contexte
Gestion des entrées !
14
Type d’entrée
Requête Echantillonnage Événement
attente bloquante réponse immédiate file d ’attente
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
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...
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
18
Modèles de fenêtrage
Sans superposition
Avec superposition
Hiérarchique
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é
20
Architecture logicielle
Décomposition modulaire
Outils de développement concernant la partie interface : librairies graphiques systèmes de fenêtrage boîtes à outils
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...
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
23
Systèmes de fenêtrage
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
window manager desktop environments working environments
24
Boîtes à Outils
X11/Motif X11/GTK Tcl/Tk MFC Swing
25
Questions ?