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

T1 corrections-qcm
T1 corrections-qcmT1 corrections-qcm
T1 corrections-qcminfcom
 
Réalisation d’un site web pour la Clinique des Oasis Ghardaïa
Réalisation d’un site web pour la Clinique des Oasis GhardaïaRéalisation d’un site web pour la Clinique des Oasis Ghardaïa
Réalisation d’un site web pour la Clinique des Oasis GhardaïaBachir Benyammi
 
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
 
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
 
Gestion des Chercheurs d’Emploi
Gestion des Chercheurs d’EmploiGestion des Chercheurs d’Emploi
Gestion des Chercheurs d’EmploiAzzeddine Elouadi
 
TD2 - UML - Correction
TD2 - UML - CorrectionTD2 - UML - Correction
TD2 - UML - CorrectionLilia Sfaxi
 
Rapport projet conception et la réalisation d'une application web gestion des...
Rapport projet conception et la réalisation d'une application web gestion des...Rapport projet conception et la réalisation d'une application web gestion des...
Rapport projet conception et la réalisation d'une application web gestion des...SAAD SARHANI
 
Rapport de projet de fin d'étude licence informatique et multimédia
Rapport de projet de fin d'étude licence informatique et multimédiaRapport de projet de fin d'étude licence informatique et multimédia
Rapport de projet de fin d'étude licence informatique et multimédiaNazih Heni
 
Systèmes multi agents concepts et mise en oeuvre avec le middleware jade
Systèmes multi agents concepts et mise en oeuvre avec le middleware jadeSystèmes multi agents concepts et mise en oeuvre avec le middleware jade
Systèmes multi agents concepts et mise en oeuvre avec le middleware jadeENSET, Université Hassan II Casablanca
 
Présentation PFE (Conception et développement d'une application web && mobile...
Présentation PFE (Conception et développement d'une application web && mobile...Présentation PFE (Conception et développement d'une application web && mobile...
Présentation PFE (Conception et développement d'une application web && mobile...Ramzi Noumairi
 
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
 
Diaporama initiation informatique
Diaporama initiation informatiqueDiaporama initiation informatique
Diaporama initiation informatiquebibriom
 
Rapport PFE: Gestion de Parc Informatique
Rapport PFE: Gestion de Parc InformatiqueRapport PFE: Gestion de Parc Informatique
Rapport PFE: Gestion de Parc InformatiqueEric Maxime
 
Rapport PFE Développent d'une application bancaire mobile
Rapport PFE Développent d'une application bancaire mobileRapport PFE Développent d'une application bancaire mobile
Rapport PFE Développent d'une application bancaire mobileNader Somrani
 
Application de gestion, suivi,et de sécurité des chantiers en temps réels.
Application  de gestion, suivi,et de sécurité des chantiers en temps réels.Application  de gestion, suivi,et de sécurité des chantiers en temps réels.
Application de gestion, suivi,et de sécurité des chantiers en temps réels.Sabri El gharbi El yahmadi
 
Projet Fin D'étude Application Mobile
Projet Fin D'étude Application MobileProjet Fin D'étude Application Mobile
Projet Fin D'étude Application MobileRim ENNOUR
 
Powerpoint réalité augmentée
Powerpoint réalité augmentéePowerpoint réalité augmentée
Powerpoint réalité augmentéeManon Bass
 
diagramme de séquence UML
diagramme de séquence UMLdiagramme de séquence UML
diagramme de séquence UMLAmir Souissi
 

La actualidad más candente (20)

T1 corrections-qcm
T1 corrections-qcmT1 corrections-qcm
T1 corrections-qcm
 
Réalisation d’un site web pour la Clinique des Oasis Ghardaïa
Réalisation d’un site web pour la Clinique des Oasis GhardaïaRéalisation d’un site web pour la Clinique des Oasis Ghardaïa
Réalisation d’un site web pour la Clinique des Oasis Ghardaïa
 
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
 
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...
 
Gestion des Chercheurs d’Emploi
Gestion des Chercheurs d’EmploiGestion des Chercheurs d’Emploi
Gestion des Chercheurs d’Emploi
 
TD2 - UML - Correction
TD2 - UML - CorrectionTD2 - UML - Correction
TD2 - UML - Correction
 
Rapport projet conception et la réalisation d'une application web gestion des...
Rapport projet conception et la réalisation d'une application web gestion des...Rapport projet conception et la réalisation d'une application web gestion des...
Rapport projet conception et la réalisation d'une application web gestion des...
 
Rapport de projet de fin d'étude licence informatique et multimédia
Rapport de projet de fin d'étude licence informatique et multimédiaRapport de projet de fin d'étude licence informatique et multimédia
Rapport de projet de fin d'étude licence informatique et multimédia
 
Systèmes multi agents concepts et mise en oeuvre avec le middleware jade
Systèmes multi agents concepts et mise en oeuvre avec le middleware jadeSystèmes multi agents concepts et mise en oeuvre avec le middleware jade
Systèmes multi agents concepts et mise en oeuvre avec le middleware jade
 
Cours Adaptation des IHM
Cours Adaptation des IHMCours Adaptation des IHM
Cours Adaptation des IHM
 
Présentation PFE (Conception et développement d'une application web && mobile...
Présentation PFE (Conception et développement d'une application web && mobile...Présentation PFE (Conception et développement d'une application web && mobile...
Présentation PFE (Conception et développement d'une application web && mobile...
 
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 ...
 
Fascicule tp programmation c
Fascicule tp programmation cFascicule tp programmation c
Fascicule tp programmation c
 
Diaporama initiation informatique
Diaporama initiation informatiqueDiaporama initiation informatique
Diaporama initiation informatique
 
Rapport PFE: Gestion de Parc Informatique
Rapport PFE: Gestion de Parc InformatiqueRapport PFE: Gestion de Parc Informatique
Rapport PFE: Gestion de Parc Informatique
 
Rapport PFE Développent d'une application bancaire mobile
Rapport PFE Développent d'une application bancaire mobileRapport PFE Développent d'une application bancaire mobile
Rapport PFE Développent d'une application bancaire mobile
 
Application de gestion, suivi,et de sécurité des chantiers en temps réels.
Application  de gestion, suivi,et de sécurité des chantiers en temps réels.Application  de gestion, suivi,et de sécurité des chantiers en temps réels.
Application de gestion, suivi,et de sécurité des chantiers en temps réels.
 
Projet Fin D'étude Application Mobile
Projet Fin D'étude Application MobileProjet Fin D'étude Application Mobile
Projet Fin D'étude Application Mobile
 
Powerpoint réalité augmentée
Powerpoint réalité augmentéePowerpoint réalité augmentée
Powerpoint réalité augmentée
 
diagramme de séquence UML
diagramme de séquence UMLdiagramme de séquence UML
diagramme de séquence UML
 

Similar a 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
 

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...
 
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