SlideShare ist ein Scribd-Unternehmen logo
1 von 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

Weitere ähnliche Inhalte

Was ist angesagt?

Mémoire sur les chatbots
Mémoire sur les chatbotsMémoire sur les chatbots
Mémoire sur les chatbotsJustine Doret
 
Modélisation des processus métiers BPMN
Modélisation des processus métiers BPMNModélisation des processus métiers BPMN
Modélisation des processus métiers BPMNYouness Boukouchi
 
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 ayoub daoudi
 
Introduction à la Réalité Augmentée
Introduction à la Réalité AugmentéeIntroduction à la Réalité Augmentée
Introduction à la Réalité AugmentéeNiji
 
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 ...Ayoub Mkharbach
 
Rapport-PFE2013-RahmaGhali-Gestion des Candidatures(Jaas,Primefaces,JFS2,JPA)
Rapport-PFE2013-RahmaGhali-Gestion des Candidatures(Jaas,Primefaces,JFS2,JPA)Rapport-PFE2013-RahmaGhali-Gestion des Candidatures(Jaas,Primefaces,JFS2,JPA)
Rapport-PFE2013-RahmaGhali-Gestion des Candidatures(Jaas,Primefaces,JFS2,JPA)Ghali Rahma
 
Rapport de stage PFE - Mémoire master: Développement d'une application Android
Rapport de stage PFE - Mémoire master: Développement d'une application AndroidRapport de stage PFE - Mémoire master: Développement d'une application Android
Rapport de stage PFE - Mémoire master: Développement d'une application AndroidBadrElattaoui
 
Exercices uml-corrige
Exercices uml-corrigeExercices uml-corrige
Exercices uml-corrigeAmineMouhout1
 
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 WebHarrathi Mohamed
 
1 introduction informatique
1 introduction informatique1 introduction informatique
1 introduction informatiqueCEFRI-UAC
 
Présentation PFE: Système de gestion des réclamations et interventions clients
Présentation PFE: Système de gestion des réclamations et interventions clientsPrésentation PFE: Système de gestion des réclamations et interventions clients
Présentation PFE: Système de gestion des réclamations et interventions clientsMohamed Ayoub OUERTATANI
 
Conception et réalisation d'une application web et mobile de e-commerce
Conception et réalisation d'une application web et mobile de e-commerceConception et réalisation d'une application web et mobile de e-commerce
Conception et réalisation d'une application web et mobile de e-commerceAHMEDBELGHITH4
 
Conception et réalisation d'une application de gestion intégrée au sein de la...
Conception et réalisation d'une application de gestion intégrée au sein de la...Conception et réalisation d'une application de gestion intégrée au sein de la...
Conception et réalisation d'une application de gestion intégrée au sein de la...Addi Ait-Mlouk
 
Intelligence artificielle et travail
Intelligence artificielle et travailIntelligence artificielle et travail
Intelligence artificielle et travailFrance Stratégie
 
Application web et mobile.potx
Application web et mobile.potxApplication web et mobile.potx
Application web et mobile.potxBelwafi Bilel
 
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_PFEDonia Hammami
 
Les fondamentaux de UI UX Design .pdf
Les fondamentaux de UI UX Design .pdfLes fondamentaux de UI UX Design .pdf
Les fondamentaux de UI UX Design .pdfSonia SAHLI
 

Was ist angesagt? (20)

Présentation pfe
Présentation pfePrésentation pfe
Présentation pfe
 
Mémoire sur les chatbots
Mémoire sur les chatbotsMémoire sur les chatbots
Mémoire sur les chatbots
 
Modélisation des processus métiers BPMN
Modélisation des processus métiers BPMNModélisation des processus métiers BPMN
Modélisation des processus métiers BPMN
 
MEMOIRE DE STAGE
MEMOIRE DE STAGEMEMOIRE DE STAGE
MEMOIRE DE STAGE
 
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
 
Introduction à la Réalité Augmentée
Introduction à la Réalité AugmentéeIntroduction à la Réalité Augmentée
Introduction à la Réalité Augmentée
 
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-PFE2013-RahmaGhali-Gestion des Candidatures(Jaas,Primefaces,JFS2,JPA)
Rapport-PFE2013-RahmaGhali-Gestion des Candidatures(Jaas,Primefaces,JFS2,JPA)Rapport-PFE2013-RahmaGhali-Gestion des Candidatures(Jaas,Primefaces,JFS2,JPA)
Rapport-PFE2013-RahmaGhali-Gestion des Candidatures(Jaas,Primefaces,JFS2,JPA)
 
Présentation des IoT
Présentation des IoTPrésentation des IoT
Présentation des IoT
 
Rapport de stage PFE - Mémoire master: Développement d'une application Android
Rapport de stage PFE - Mémoire master: Développement d'une application AndroidRapport de stage PFE - Mémoire master: Développement d'une application Android
Rapport de stage PFE - Mémoire master: Développement d'une application Android
 
Exercices uml-corrige
Exercices uml-corrigeExercices uml-corrige
Exercices uml-corrige
 
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
 
1 introduction informatique
1 introduction informatique1 introduction informatique
1 introduction informatique
 
Présentation PFE: Système de gestion des réclamations et interventions clients
Présentation PFE: Système de gestion des réclamations et interventions clientsPrésentation PFE: Système de gestion des réclamations et interventions clients
Présentation PFE: Système de gestion des réclamations et interventions clients
 
Conception et réalisation d'une application web et mobile de e-commerce
Conception et réalisation d'une application web et mobile de e-commerceConception et réalisation d'une application web et mobile de e-commerce
Conception et réalisation d'une application web et mobile de e-commerce
 
Conception et réalisation d'une application de gestion intégrée au sein de la...
Conception et réalisation d'une application de gestion intégrée au sein de la...Conception et réalisation d'une application de gestion intégrée au sein de la...
Conception et réalisation d'une application de gestion intégrée au sein de la...
 
Intelligence artificielle et travail
Intelligence artificielle et travailIntelligence artificielle et travail
Intelligence artificielle et travail
 
Application web et mobile.potx
Application web et mobile.potxApplication web et mobile.potx
Application web et mobile.potx
 
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
 
Les fondamentaux de UI UX Design .pdf
Les fondamentaux de UI UX Design .pdfLes fondamentaux de UI UX Design .pdf
Les fondamentaux de UI UX Design .pdf
 

Ähnlich wie IHM

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 2014Atelier IHM Polytech Nice Sophia
 
Le futur des interfaces sur smartphone
Le futur des interfaces sur smartphoneLe futur des interfaces sur smartphone
Le futur des interfaces sur smartphonedrcube
 
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
 
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 IHMbuisine
 
Informatique pervasive et usages en contextes
Informatique pervasive et usages en contextesInformatique pervasive et usages en contextes
Informatique pervasive et usages en contextesDavid Bihanic
 
Construire son système d'exploitation
Construire son système d'exploitationConstruire son système d'exploitation
Construire son système d'exploitationJulian Legendre
 
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 - ToulouseSarah Febrissy www.LAUVAH.com
 
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 201001informatique
 
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...Didier Meïr Long
 
COURS INTELLIGENCE ARTIFICIELLE.pptx
COURS INTELLIGENCE ARTIFICIELLE.pptxCOURS INTELLIGENCE ARTIFICIELLE.pptx
COURS INTELLIGENCE ARTIFICIELLE.pptxPROF ALAIN NDEDI
 
Data science et Ux design [MEET UP Palo IT / Le LAPTOP]
Data science et Ux design [MEET UP Palo IT / Le LAPTOP]Data science et Ux design [MEET UP Palo IT / Le LAPTOP]
Data science et Ux design [MEET UP Palo IT / Le LAPTOP]Nadège Bide
 

Ähnlich wie 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...
 
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
 
Revue tendances-digitales-aout 2013
Revue tendances-digitales-aout 2013Revue tendances-digitales-aout 2013
Revue tendances-digitales-aout 2013
 
Data science et Ux design [MEET UP Palo IT / Le LAPTOP]
Data science et Ux design [MEET UP Palo IT / Le LAPTOP]Data science et Ux design [MEET UP Palo IT / Le LAPTOP]
Data science et Ux design [MEET UP Palo IT / Le LAPTOP]
 

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