SlideShare une entreprise Scribd logo
1  sur  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

Contenu connexe

Tendances

Chp1 - Introduction aux ERP
Chp1 - Introduction aux ERPChp1 - Introduction aux ERP
Chp1 - Introduction aux ERPLilia Sfaxi
 
Soutenance De Stage
Soutenance De StageSoutenance De Stage
Soutenance De Stageguesta3231e
 
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
 
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
 
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
 
CONCEPTION ET REALISATION D ’ UNE APPLICATION WEB POUR GESTION DE P ROJETS DE...
CONCEPTION ET REALISATION D ’ UNE APPLICATION WEB POUR GESTION DE P ROJETS DE...CONCEPTION ET REALISATION D ’ UNE APPLICATION WEB POUR GESTION DE P ROJETS DE...
CONCEPTION ET REALISATION D ’ UNE APPLICATION WEB POUR GESTION DE P ROJETS DE...Madjid Meddah
 
Présentation projet de fin d'étude
Présentation projet de fin d'étudePrésentation projet de fin d'étude
Présentation projet de fin d'étudeDonia Hammami
 
Application web Gestion RH ASP.NET MVC5
Application web Gestion RH ASP.NET MVC5Application web Gestion RH ASP.NET MVC5
Application web Gestion RH ASP.NET MVC5YounessLaaouane
 
diagramme de séquence UML
diagramme de séquence UMLdiagramme de séquence UML
diagramme de séquence UMLAmir Souissi
 
Rapport du Projet de Fin d'année Génie informatique ENSA AGADIR
Rapport du Projet de Fin d'année Génie informatique ENSA AGADIRRapport du Projet de Fin d'année Génie informatique ENSA AGADIR
Rapport du Projet de Fin d'année Génie informatique ENSA AGADIRAHMEDAKHACHKHOUCH
 
TD2 - UML - Correction
TD2 - UML - CorrectionTD2 - UML - Correction
TD2 - UML - CorrectionLilia Sfaxi
 
Modelisation agile 03122011
Modelisation agile  03122011Modelisation agile  03122011
Modelisation agile 03122011agnes_crepet
 
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 systèmes d'information
Les systèmes d'informationLes systèmes d'information
Les systèmes d'informationOumaima Karim
 
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
 

Tendances (20)

Chp1 - Introduction aux ERP
Chp1 - Introduction aux ERPChp1 - Introduction aux ERP
Chp1 - Introduction aux ERP
 
Soutenance De Stage
Soutenance De StageSoutenance De Stage
Soutenance De Stage
 
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...
 
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
 
Présentation PFE
Présentation PFEPrésentation PFE
Présentation PFE
 
Présentation PFE
Présentation PFEPrésentation PFE
Présentation PFE
 
Rapport de stage du fin d'étude
Rapport de stage du fin d'étudeRapport de stage du fin d'étude
Rapport de stage du fin d'étude
 
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 REALISATION D ’ UNE APPLICATION WEB POUR GESTION DE P ROJETS DE...
CONCEPTION ET REALISATION D ’ UNE APPLICATION WEB POUR GESTION DE P ROJETS DE...CONCEPTION ET REALISATION D ’ UNE APPLICATION WEB POUR GESTION DE P ROJETS DE...
CONCEPTION ET REALISATION D ’ UNE APPLICATION WEB POUR GESTION DE P ROJETS DE...
 
Présentation projet de fin d'étude
Présentation projet de fin d'étudePrésentation projet de fin d'étude
Présentation projet de fin d'étude
 
Uml upxp2
Uml upxp2Uml upxp2
Uml upxp2
 
Application web Gestion RH ASP.NET MVC5
Application web Gestion RH ASP.NET MVC5Application web Gestion RH ASP.NET MVC5
Application web Gestion RH ASP.NET MVC5
 
diagramme de séquence UML
diagramme de séquence UMLdiagramme de séquence UML
diagramme de séquence UML
 
Rapport du Projet de Fin d'année Génie informatique ENSA AGADIR
Rapport du Projet de Fin d'année Génie informatique ENSA AGADIRRapport du Projet de Fin d'année Génie informatique ENSA AGADIR
Rapport du Projet de Fin d'année Génie informatique ENSA AGADIR
 
TD2 - UML - Correction
TD2 - UML - CorrectionTD2 - UML - Correction
TD2 - UML - Correction
 
Modelisation agile 03122011
Modelisation agile  03122011Modelisation agile  03122011
Modelisation agile 03122011
 
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 systèmes d'information
Les systèmes d'informationLes systèmes d'information
Les systèmes d'information
 
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 ...
 
Présentation PFE
Présentation PFEPrésentation PFE
Présentation PFE
 

Similaire à 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
 

Similaire à 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
 
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
 

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