IHM
-
Upload
remy-padilla -
Category
Technology
-
view
705 -
download
1
description
Transcript of IHM
![Page 1: IHM](https://reader035.fdocuments.in/reader035/viewer/2022070318/5577ff61d8b42aa5488b4741/html5/thumbnails/1.jpg)
Les Interactions Hommes - Machines
Rémy PadillaCours de MultiMedia
M1 CST 2012
![Page 2: IHM](https://reader035.fdocuments.in/reader035/viewer/2022070318/5577ff61d8b42aa5488b4741/html5/thumbnails/2.jpg)
IHM…késako ?
I H M› Interface Homme –Machine› Interactions Homme –Machine› Interaction Homme –Machine
Mais aussi› CHM: Communication Homme –Machine› DHM: Dialogue Homme –Machine› IPM: Interaction Personne –Machine
![Page 3: IHM](https://reader035.fdocuments.in/reader035/viewer/2022070318/5577ff61d8b42aa5488b4741/html5/thumbnails/3.jpg)
IHM…késako ?
In English please !› UI - User Interface› GUI - Graphical User Interface› HMI - Human-Machine Interface› HCI - Human-Computer Interaction
![Page 4: IHM](https://reader035.fdocuments.in/reader035/viewer/2022070318/5577ff61d8b42aa5488b4741/html5/thumbnails/4.jpg)
IHM…Définitions
Interface homme –machine› ensemble des dispositifs matériels et
logiciels permettant à un utilisateur d’interagir avec un système interactif
Interaction homme –machine› ensemble des aspects de la conception, de
l’implémentation et de l’évaluation des systèmes informatiques interactifs
![Page 5: IHM](https://reader035.fdocuments.in/reader035/viewer/2022070318/5577ff61d8b42aa5488b4741/html5/thumbnails/5.jpg)
Eléments et Approches
capacités de perceptiond’action, de cognition
capacités de stockage, decalcul, d’entrées/sorties
Interaction
Environnement
Utilisateur Machine
Physique, social…
Approche technocentrée centrée sur la machine et ses
possibilités l’utilisateur doit s’adapter à la
machine
Approche anthropocentrée centrée sur l’homme et ses
besoins la machine doit s’adapter à
l’utilisateur
![Page 6: IHM](https://reader035.fdocuments.in/reader035/viewer/2022070318/5577ff61d8b42aa5488b4741/html5/thumbnails/6.jpg)
Modèles conceptuel
réponses
feedback
commandes
opérations
objets
Vue du modèle modèle
• la communication médiatisée par la machinetélétravail, téléconférences, réseaux
sociaux
• la communication multimodaleinterfaces utilisant le langage et les gestes
• la simulation comme support de communication réel virtualisé, réalité augmenté
![Page 7: IHM](https://reader035.fdocuments.in/reader035/viewer/2022070318/5577ff61d8b42aa5488b4741/html5/thumbnails/7.jpg)
Conception des systèmes interactifs
Importance des facteurs humains › Ergonomie : Optimisation du bien-être des
personnes et de la performance globale des systèmes
› apports de la psychologie expérimentale
Aspect chaotique de la conception› petits changements, grands effets
Nécessité d’une approche itérative› approche empirique (essais- erreurs)
![Page 8: IHM](https://reader035.fdocuments.in/reader035/viewer/2022070318/5577ff61d8b42aa5488b4741/html5/thumbnails/8.jpg)
Forte Interdisciplinarité
IHM
Psychologie cognitive
Ergonomie
didactique
Anthropologie
sociologiephilosophielinguistique
Communication
graphisme
audiovisuel
Informatiqueprogrammation
IA
![Page 9: IHM](https://reader035.fdocuments.in/reader035/viewer/2022070318/5577ff61d8b42aa5488b4741/html5/thumbnails/9.jpg)
Importance pour la sécurité
AviationAccidents dus au pilote automatique
Industrie Three Miles
Island
![Page 10: IHM](https://reader035.fdocuments.in/reader035/viewer/2022070318/5577ff61d8b42aa5488b4741/html5/thumbnails/10.jpg)
Petit Historique : Les pionniers
Memex (Vannevar Bush, 1945)› système hypertexte sur des micro-fiches
PC, Internet (J.C.R. Licklider, 1960)› Pionier, Théorie de la symbiose homme-machine
Sketchpad (Ivan Sutherland, 1963)› manipulation directe de formes géométriques
NLS/Augment (Douglas Engelbart, 1968)› travail collaboratif, partage de documents, visio-
conférence
![Page 11: IHM](https://reader035.fdocuments.in/reader035/viewer/2022070318/5577ff61d8b42aa5488b4741/html5/thumbnails/11.jpg)
Premiers ordinateurs 1943
![Page 12: IHM](https://reader035.fdocuments.in/reader035/viewer/2022070318/5577ff61d8b42aa5488b4741/html5/thumbnails/12.jpg)
SketchpadIvan Sutherland, 1963
Alan Key présente le Sketchpad
![Page 13: IHM](https://reader035.fdocuments.in/reader035/viewer/2022070318/5577ff61d8b42aa5488b4741/html5/thumbnails/13.jpg)
Engelbart, NLS, 1964
“If you could do something to improve human capability to deal with these problems, then you'd really contribute something basic.”
Doug Engelbart
![Page 14: IHM](https://reader035.fdocuments.in/reader035/viewer/2022070318/5577ff61d8b42aa5488b4741/html5/thumbnails/14.jpg)
le Star de Xerox (1981)Premier ordinateur commercial personnel créé pour les “hommes d’affaires”
Première GUI compréhensible utilisant beaucoup d’idées neuves de Xerox PARC WYSIWYG
› What You See Is What You Get
WIMP› Windows, Icons,
Menus, Pointing device Echec commercial
![Page 15: IHM](https://reader035.fdocuments.in/reader035/viewer/2022070318/5577ff61d8b42aa5488b4741/html5/thumbnails/15.jpg)
Evolution des interfaces d’Entrée› Clavier› Souris, trackball, joystick, pavé tactile› reconnaissance de parole› entrée visuelle
2D : crayons optiques ,écran tactiles , reconnaissance de tracé
3D : capteurs de position et de direction
![Page 16: IHM](https://reader035.fdocuments.in/reader035/viewer/2022070318/5577ff61d8b42aa5488b4741/html5/thumbnails/16.jpg)
Evolution des interfaces de Sortie, de la 2D à la 3D› Écrans› Affichage› imprimantes› son › retour tactile, retour de force
![Page 17: IHM](https://reader035.fdocuments.in/reader035/viewer/2022070318/5577ff61d8b42aa5488b4741/html5/thumbnails/17.jpg)
Les IHM du FuturMultimodalité et Réalité augmenté
OmniTouch OpenVibe
![Page 18: IHM](https://reader035.fdocuments.in/reader035/viewer/2022070318/5577ff61d8b42aa5488b4741/html5/thumbnails/18.jpg)
Dans les Films
![Page 19: IHM](https://reader035.fdocuments.in/reader035/viewer/2022070318/5577ff61d8b42aa5488b4741/html5/thumbnails/19.jpg)
Merci !