SlideShare una empresa de Scribd logo
1 de 19
   IHM
    › Interface Homme –Machine
    › Interactions Homme –Machine
    › Interaction Homme –Machine


   Mais aussi
    › CHM: Communication Homme –Machine
    › DHM: Dialogue Homme –Machine
    › IPM: Interaction Personne –Machine
   In English please !
    › UI - User Interface
    › GUI - Graphical User Interface
    › HMI - Human-Machine Interface
    › HCI - Human-Computer Interaction
   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
Utilisateur                                    Machine
    capacités de perception
                                  Interaction       capacités de stockage, de
    d’action, de cognition                          calcul, d’entrées/sorties




                                Environnement
                                Physique, social…

   Approche technocentrée                   Approche anthropocentrée
     centrée sur la machine et ses            centrée sur l’homme et ses
       possibilités                              besoins
     l’utilisateur doit s’adapter à la        la machine doit s’adapter à
       machine                                   l’utilisateur
Vue du modèle                     modèle

                   réponses

                   feedback              opérations       objets


                   commandes


• la communication médiatisée par la machine
        télétravail, téléconférences, réseaux sociaux

• la communication multimodale
        interfaces utilisant le langage et les gestes

• la simulation comme support de communication
         réel virtualisé, réalité augmenté
   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)
programmation
     IA
        Informatique  Psychologie cognitive
 audiovisuel
                           Ergonomie
graphisme
                            Anthropologie
Communication
                           sociologie
     linguistique    philosophie
            didactique
Aviation
                     Accidents dus
                     au pilote automatique




  Industrie
Three Miles Island
   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
http://www.youtube.com/watch?v=mOZqRJzE8xg
“If you could do something to improve human
capability to deal with these problems, then you'd
really contribute something basic.”
                     Doug Engelbart
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
› 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
› Écrans
› Affichage
› imprimantes
› son
› retour tactile, retour de force
http://www.youtube.com/watch?v=Pz17lbjOFn8

http://www.dailymotion.com/video/x9altv_openvibe-interaction-cerveau-ordin
IHM
IHM

Más contenido relacionado

La actualidad más candente

Mémoire de fin d'études. Modules: SI Helpdesk , Gestion Park informatique , B...
Mémoire de fin d'études. Modules: SI Helpdesk , Gestion Park informatique , B...Mémoire de fin d'études. Modules: SI Helpdesk , Gestion Park informatique , B...
Mémoire de fin d'études. Modules: SI Helpdesk , Gestion Park informatique , B...
Abderrahmane Belhimer
 
La spécification des besoins
La spécification des besoinsLa spécification des besoins
La spécification des besoins
Ismahen Traya
 
gestion de magasin vente matériels informatique
gestion de magasin vente matériels informatiquegestion de magasin vente matériels informatique
gestion de magasin vente matériels informatique
Oussama Yoshiki
 

La actualidad más candente (20)

Rapportpfe
RapportpfeRapportpfe
Rapportpfe
 
Présentation pfe - Etude, conception et réalisation d'une application web de ...
Présentation pfe - Etude, conception et réalisation d'une application web de ...Présentation pfe - Etude, conception et réalisation d'une application web de ...
Présentation pfe - Etude, conception et réalisation d'une application web de ...
 
Rapport pfe Conceptionet Developpement d'une Application web et Mobile
Rapport pfe Conceptionet Developpement d'une Application web et  Mobile Rapport pfe Conceptionet Developpement d'une Application web et  Mobile
Rapport pfe Conceptionet Developpement d'une Application web et Mobile
 
Ma présentation PFE : Application Android & Site Web
Ma présentation PFE : Application Android & Site WebMa présentation PFE : Application Android & Site Web
Ma présentation PFE : Application Android & Site Web
 
Conception et développement d'une application de gestion de production et de ...
Conception et développement d'une application de gestion de production et de ...Conception et développement d'une application de gestion de production et de ...
Conception et développement d'une application de gestion de production et de ...
 
Modele rapport pfe esprit
Modele rapport pfe  espritModele rapport pfe  esprit
Modele rapport pfe esprit
 
Mémoire de fin d'études. Modules: SI Helpdesk , Gestion Park informatique , B...
Mémoire de fin d'études. Modules: SI Helpdesk , Gestion Park informatique , B...Mémoire de fin d'études. Modules: SI Helpdesk , Gestion Park informatique , B...
Mémoire de fin d'études. Modules: SI Helpdesk , Gestion Park informatique , B...
 
La spécification des besoins
La spécification des besoinsLa spécification des besoins
La spécification des besoins
 
Conception et réalisation d’un MINI SMART HOME
Conception et réalisation  d’un MINI SMART HOMEConception et réalisation  d’un MINI SMART HOME
Conception et réalisation d’un MINI SMART HOME
 
rapport de projet de fin d'étude_PFE
rapport de projet de fin d'étude_PFErapport de projet de fin d'étude_PFE
rapport de projet de fin d'étude_PFE
 
Rapport du Projet de Fin d'année Génie informatique
Rapport du Projet de Fin d'année Génie informatique Rapport du Projet de Fin d'année Génie informatique
Rapport du Projet de Fin d'année Génie informatique
 
gestion de magasin vente matériels informatique
gestion de magasin vente matériels informatiquegestion de magasin vente matériels informatique
gestion de magasin vente matériels informatique
 
Présentation PPT CARSELFCARE
 Présentation PPT  CARSELFCARE Présentation PPT  CARSELFCARE
Présentation PPT CARSELFCARE
 
Rapport stage pfe
Rapport stage  pfe Rapport stage  pfe
Rapport stage pfe
 
Cours Génie Logiciel - Introduction
Cours Génie Logiciel - IntroductionCours Génie Logiciel - Introduction
Cours Génie Logiciel - Introduction
 
Conception et réalisation d’un Système d’information des étudiants du départe...
Conception et réalisation d’un Système d’information des étudiants du départe...Conception et réalisation d’un Système d’information des étudiants du départe...
Conception et réalisation d’un Système d’information des étudiants du départe...
 
Projet de fin étude ( LFIG : Conception et Développement d'une application W...
Projet de fin étude  ( LFIG : Conception et Développement d'une application W...Projet de fin étude  ( LFIG : Conception et Développement d'une application W...
Projet de fin étude ( LFIG : Conception et Développement d'une application W...
 
Présentation de Covoiturage.fr : un modèle de l'économie positive
Présentation de Covoiturage.fr : un modèle de l'économie positivePrésentation de Covoiturage.fr : un modèle de l'économie positive
Présentation de Covoiturage.fr : un modèle de l'économie positive
 
Présentation du pfe - Master spécialisé en ingénierie informatique
Présentation du pfe - Master spécialisé en ingénierie informatiquePrésentation du pfe - Master spécialisé en ingénierie informatique
Présentation du pfe - Master spécialisé en ingénierie informatique
 
Introduction au génie logiciel
Introduction au génie logicielIntroduction au génie logiciel
Introduction au génie logiciel
 

Similar a IHM

Questionner le digital labor au prisme des émotions : le capitalisme affectif...
Questionner le digital labor au prisme des émotions : le capitalisme affectif...Questionner le digital labor au prisme des émotions : le capitalisme affectif...
Questionner le digital labor au prisme des émotions : le capitalisme affectif...
Julien PIERRE
 
Persona grata
Persona grata Persona grata
Persona grata
Eric Brangier
 
Informatique pervasive et usages en contextes
Informatique pervasive et usages en contextesInformatique pervasive et usages en contextes
Informatique pervasive et usages en contextes
David Bihanic
 

Similar a IHM (20)

IHM
IHMIHM
IHM
 
Modelisation et maquettage 2015
Modelisation et maquettage 2015Modelisation et maquettage 2015
Modelisation et maquettage 2015
 
Ergonomie et modélisation des utilisateurs d'une ihm 2014
Ergonomie et modélisation des utilisateurs d'une ihm 2014Ergonomie et modélisation des utilisateurs d'une ihm 2014
Ergonomie et modélisation des utilisateurs d'une ihm 2014
 
Intro conception2015vf bis
Intro conception2015vf bisIntro conception2015vf bis
Intro conception2015vf bis
 
Le futur des interfaces sur smartphone
Le futur des interfaces sur smartphoneLe futur des interfaces sur smartphone
Le futur des interfaces sur smartphone
 
Intro conception2017
Intro conception2017Intro conception2017
Intro conception2017
 
Questionner le digital labor au prisme des émotions : le capitalisme affectif...
Questionner le digital labor au prisme des émotions : le capitalisme affectif...Questionner le digital labor au prisme des émotions : le capitalisme affectif...
Questionner le digital labor au prisme des émotions : le capitalisme affectif...
 
Introduction à la Conception et Evaluation des IHM
Introduction à la Conception et Evaluation des IHMIntroduction à la Conception et Evaluation des IHM
Introduction à la Conception et Evaluation des IHM
 
Intro conception et évaluation des IHM
Intro conception et évaluation des IHMIntro conception et évaluation des IHM
Intro conception et évaluation des IHM
 
Persona grata
Persona grata Persona grata
Persona grata
 
Intro conception2014
Intro conception2014Intro conception2014
Intro conception2014
 
séminaire Veille et marché Pros new IHM
séminaire Veille et marché Pros new IHMséminaire Veille et marché Pros new IHM
séminaire Veille et marché Pros new IHM
 
Intro conception2014
Intro conception2014Intro conception2014
Intro conception2014
 
Informatique pervasive et usages en contextes
Informatique pervasive et usages en contextesInformatique pervasive et usages en contextes
Informatique pervasive et usages en contextes
 
Relation homme machine
Relation homme machine Relation homme machine
Relation homme machine
 
Construire son système d'exploitation
Construire son système d'exploitationConstruire son système d'exploitation
Construire son système d'exploitation
 
2019 05 31 - Sarah Febrissy - Soutenance M2 HRM / MSc - TSM - TBS - Toulouse
2019 05 31 - Sarah Febrissy - Soutenance M2 HRM / MSc - TSM - TBS - Toulouse2019 05 31 - Sarah Febrissy - Soutenance M2 HRM / MSc - TSM - TBS - Toulouse
2019 05 31 - Sarah Febrissy - Soutenance M2 HRM / MSc - TSM - TBS - Toulouse
 
Institut Télécom : bourse aux technos 2010
Institut Télécom : bourse aux technos 2010Institut Télécom : bourse aux technos 2010
Institut Télécom : bourse aux technos 2010
 
Didier long, EUCLYD-MEDEF; Enjeux de l'intelligence artificielle pour la cons...
Didier long, EUCLYD-MEDEF; Enjeux de l'intelligence artificielle pour la cons...Didier long, EUCLYD-MEDEF; Enjeux de l'intelligence artificielle pour la cons...
Didier long, EUCLYD-MEDEF; Enjeux de l'intelligence artificielle pour la cons...
 
COURS INTELLIGENCE ARTIFICIELLE.pptx
COURS INTELLIGENCE ARTIFICIELLE.pptxCOURS INTELLIGENCE ARTIFICIELLE.pptx
COURS INTELLIGENCE ARTIFICIELLE.pptx
 

IHM

  • 1.
  • 2. IHM › Interface Homme –Machine › Interactions Homme –Machine › Interaction Homme –Machine  Mais aussi › CHM: Communication Homme –Machine › DHM: Dialogue Homme –Machine › IPM: Interaction Personne –Machine
  • 3. In English please ! › UI - User Interface › GUI - Graphical User Interface › HMI - Human-Machine Interface › HCI - Human-Computer Interaction
  • 4. 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
  • 5. Utilisateur Machine capacités de perception Interaction capacités de stockage, de d’action, de cognition calcul, d’entrées/sorties Environnement Physique, social…  Approche technocentrée  Approche anthropocentrée  centrée sur la machine et ses  centrée sur l’homme et ses possibilités besoins  l’utilisateur doit s’adapter à la  la machine doit s’adapter à machine l’utilisateur
  • 6. Vue du modèle modèle réponses feedback opérations objets commandes • la communication médiatisée par la machine télétravail, téléconférences, réseaux sociaux • la communication multimodale interfaces utilisant le langage et les gestes • la simulation comme support de communication réel virtualisé, réalité augmenté
  • 7. 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)
  • 8. programmation IA Informatique Psychologie cognitive audiovisuel Ergonomie graphisme Anthropologie Communication sociologie linguistique philosophie didactique
  • 9. Aviation Accidents dus au pilote automatique Industrie Three Miles Island
  • 10. 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
  • 11.
  • 13. “If you could do something to improve human capability to deal with these problems, then you'd really contribute something basic.” Doug Engelbart
  • 14. 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
  • 15. › 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
  • 16. › Écrans › Affichage › imprimantes › son › retour tactile, retour de force