Transcript IHM - Introduction

IHM
Introduction
Christian Nguyen
D´
epartement d’informatique
Universit´
e de Toulon et du Var
2013-2014
Christian Nguyen
IHM
Le module I62
Cours 12 h (6 s´eances), TD 4 h (2 s´eances), TP 24 h (8 s´eances).
Limit´e aux interfaces graphiques (GUI : Graphical User Interface).
Image, vision, couleurs,
Architecture graphique,
Biblioth`eque d’interface utilisateur (Python et Tkinter),
Principes ergonomiques,
Standards et mod`eles de conception,
X Window (X11)
Christian Nguyen
IHM
Du continu au discret
Cette transformation doit prendre en consid´eration des crit`eres :
math´ematiques (travaux de Nyquist - 1924, Shannon - 1948)
physiologiques et psychologiques (idiosyncrasie),
mat´eriel (hardware).
Christian Nguyen
IHM
Interaction H/M
Premi`eres g´en´erations d’ordinateurs
expression dans le langage de la machine,
pas de r´eponse en temps r´eel,
une seule modalit´e de communication.
De nos jours
expression multi-modale (main, voix, regard, pression
art´erielle, etc.),
dialogue en temps-r´eel,
communication multi-m´edia (combinaison de textes, d’images
et de sons, dispositifs `a retour d’effort, etc.).
Christian Nguyen
IHM
Premiers programmes de recherche
1950 g´en´eration d’images (MIT, WhirlWind),
1954 programme interactif de jeu d’´echec (FERUT),
1963 travaux fondateur de l’infographie (Sutherland, MIT),
1968 dipositif souris (Engelbart), travaux sur l’hypertext (Nelson),
1972 gant tactile (Noll), reconnaissance et synth`ese vocale,
1975 stations de travail multi-fenˆetr´ees, langages objets (Xerox
Park, Palo Alto)
Christian Nguyen
IHM
Sketchpad
Ivan Sutherland - MIT - 1963
Christian Nguyen
IHM
Ergonomie
manipulation directe,
coh´erence,
concision,
retour d’informations,
structuration des activit´es,
flexibilit´e,
gestion des erreurs.
Christian Nguyen
IHM
Ne pas trop en faire
augmenter la complexit´e (rajouter une dimension, r´ealit´e
virtuelle, syst`eme d’informations),
ajouter une contrainte physique (multitouch vertical),
augmenter le d´elai de r´eponse (r´eseau),
trop d’informations tue l’information (r´ealit´e augment´ee),
des interfaces “standards” et non adapt´ees.
Christian Nguyen
IHM
Interaction gestuelle
Quels gestes ?
Trois fonctions du geste [C. Cadoz] :
´epist´emique : il sert `a connaˆıtre,
s´emiotique : il sert `a faire connaˆıtre,
ergotique : il est `a d´eplacer, modifier, construire.
Deux types de reconnaissance :
analyse de la trace r´ealis´ee par le geste,
analyse du geste lui-mˆeme.
Christian Nguyen
IHM
Interaction gestuelle
Limites
Avantages :
naturelle (manipulation directe, langages des signes)
concise (commande et param`etres),
directe (pas d’interm´ediaire entre l’intention et le geste).
Inconv´enients :
limites intrins`eques (inconfort, impr´ecision, apprentissage),
limites technologiques (segmentation, fusion multimodal).
Christian Nguyen
IHM
R´ealit´e augment´ee
Constat : objets physiques et syst`emes informatiques sont dans
deux mondes s´epar´es.
Solution : relier ces deux mondes grˆace `a un nouveau paradigme
d’interaction.
Comment augmenter la r´ealit´e :
en augmentant l’utilisateur (lunettes, gants, . . .),
en augmentant son environnement (capteurs),
en augmentant les objets physiques qu’il manipule.
Probl`emes d’utilisabilit´e :
capture et pr´esentation de l’information,
calibration, suivi des objets physiques,
fonctionnalit´es r´eellement utiles,
effets sur l’utilisateur.
Christian Nguyen
IHM
Les interfaces graphiques
Reposent sur la vision et la pr´ehension.
Toute action de l’utilisateur doit ˆetre pris en compte et
entraˆıner une r´eaction avec mise `a jour de l’affichage.
Notions d’´ev`enements, de boucle d’attente active, de
r´etro-appels (callbacks)
Christian Nguyen
IHM
Les GUI
Int´egr´ees ou non au syst`eme (OS). Distinguer :
bureau (desktop),
gestion des fenˆetres (window manager),
biblioth`eque (library).
Xlib (X Window),
Motif (IEEE 1295),
GTK (Gimp ToolKit, GNOME)
Qt (“cute”, KDE)
wxWidgets (Windows X Widgets),
WinAPI,
Tk (Toolkit : Tcl ou Python).
Christian Nguyen
IHM
Les GUI
“Trop” simples `a implanter :
nouvelle version tous les 6 mois,
de plus en plus de widgets,
pas de r´eel travail de conception, d’´etude sur l’interaction, . . .
N´ecessit´e :
de mod`eles (Seeheim, de l’arche, MVC, PAC),
de l’existence de normes (CUA),
de m´ethodes de conception (RAD, use case).
Christian Nguyen
IHM