SlideShare a Scribd company logo
1 of 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

More Related Content

What's hot

Soutenance Elhadj Bah | Diplôme d'ingénieur de conception en Informatique | E...
Soutenance Elhadj Bah | Diplôme d'ingénieur de conception en Informatique | E...Soutenance Elhadj Bah | Diplôme d'ingénieur de conception en Informatique | E...
Soutenance Elhadj Bah | Diplôme d'ingénieur de conception en Informatique | E...Elhadj Mamadou Aliou BAH
 
Présentation PFE - MarouaBouhachem VersionFinale
Présentation PFE - MarouaBouhachem VersionFinalePrésentation PFE - MarouaBouhachem VersionFinale
Présentation PFE - MarouaBouhachem VersionFinaleMaroua Bouhachem
 
Présentation pfe Développement d'une application bancaire mobile
Présentation pfe Développement d'une application bancaire mobilePrésentation pfe Développement d'une application bancaire mobile
Présentation pfe Développement d'une application bancaire mobileNader Somrani
 
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 : Mise en place d’une solution de gestion intégrée (OpenERP...
Présentation PFE :  Mise en place d’une solution de gestion intégrée (OpenERP...Présentation PFE :  Mise en place d’une solution de gestion intégrée (OpenERP...
Présentation PFE : Mise en place d’une solution de gestion intégrée (OpenERP...Mohamed Cherkaoui
 
Application web et mobile.potx
Application web et mobile.potxApplication web et mobile.potx
Application web et mobile.potxBelwafi Bilel
 
Gcf présentation pfe_final_2
Gcf présentation pfe_final_2Gcf présentation pfe_final_2
Gcf présentation pfe_final_2Bomber Man
 
Pfe conception et réalisation d'une application de gestion des processus d'ac...
Pfe conception et réalisation d'une application de gestion des processus d'ac...Pfe conception et réalisation d'une application de gestion des processus d'ac...
Pfe conception et réalisation d'une application de gestion des processus d'ac...Ahmed Makni
 
Internet des objets (IoT)
Internet des objets (IoT)Internet des objets (IoT)
Internet des objets (IoT)bruno-dambrun
 
présentation pfe projet fin d'étude développement et conception d'une applica...
présentation pfe projet fin d'étude développement et conception d'une applica...présentation pfe projet fin d'étude développement et conception d'une applica...
présentation pfe projet fin d'étude développement et conception d'une applica...Raoua Bennasr
 
Rapport- Conception et réalisation d'une plateforme social learning
Rapport- Conception et réalisation d'une plateforme social learningRapport- Conception et réalisation d'une plateforme social learning
Rapport- Conception et réalisation d'une plateforme social learningRouâa Ben Hammouda
 
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
 
La gestion de projets informatiques
La gestion de projets informatiquesLa gestion de projets informatiques
La gestion de projets informatiquesLoïc Charpentier
 
TP2-UML-Correction
TP2-UML-CorrectionTP2-UML-Correction
TP2-UML-CorrectionLilia Sfaxi
 
présentation de soutenance PFE
présentation de soutenance PFEprésentation de soutenance PFE
présentation de soutenance PFEKarim Labidi
 
Rédaction d'un cahier des charges web
Rédaction d'un cahier des charges webRédaction d'un cahier des charges web
Rédaction d'un cahier des charges webForestier Mégane
 
Methodes de gestion de projets - introduction au processus unifié
Methodes de gestion de projets - introduction au processus unifiéMethodes de gestion de projets - introduction au processus unifié
Methodes de gestion de projets - introduction au processus unifiéMireille Blay-Fornarino
 
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
 

What's hot (20)

Soutenance Elhadj Bah | Diplôme d'ingénieur de conception en Informatique | E...
Soutenance Elhadj Bah | Diplôme d'ingénieur de conception en Informatique | E...Soutenance Elhadj Bah | Diplôme d'ingénieur de conception en Informatique | E...
Soutenance Elhadj Bah | Diplôme d'ingénieur de conception en Informatique | E...
 
Présentation PFE - MarouaBouhachem VersionFinale
Présentation PFE - MarouaBouhachem VersionFinalePrésentation PFE - MarouaBouhachem VersionFinale
Présentation PFE - MarouaBouhachem VersionFinale
 
Présentation pfe Développement d'une application bancaire mobile
Présentation pfe Développement d'une application bancaire mobilePrésentation pfe Développement d'une application bancaire mobile
Présentation pfe Développement d'une application bancaire 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 (Conception et développement d'une application web && mobile...
 
Présentation PFE : Mise en place d’une solution de gestion intégrée (OpenERP...
Présentation PFE :  Mise en place d’une solution de gestion intégrée (OpenERP...Présentation PFE :  Mise en place d’une solution de gestion intégrée (OpenERP...
Présentation PFE : Mise en place d’une solution de gestion intégrée (OpenERP...
 
gestion de projet
gestion de projetgestion de projet
gestion de projet
 
présentation PFE (2)
présentation PFE (2)présentation PFE (2)
présentation PFE (2)
 
Application web et mobile.potx
Application web et mobile.potxApplication web et mobile.potx
Application web et mobile.potx
 
Gcf présentation pfe_final_2
Gcf présentation pfe_final_2Gcf présentation pfe_final_2
Gcf présentation pfe_final_2
 
Pfe conception et réalisation d'une application de gestion des processus d'ac...
Pfe conception et réalisation d'une application de gestion des processus d'ac...Pfe conception et réalisation d'une application de gestion des processus d'ac...
Pfe conception et réalisation d'une application de gestion des processus d'ac...
 
Internet des objets (IoT)
Internet des objets (IoT)Internet des objets (IoT)
Internet des objets (IoT)
 
présentation pfe projet fin d'étude développement et conception d'une applica...
présentation pfe projet fin d'étude développement et conception d'une applica...présentation pfe projet fin d'étude développement et conception d'une applica...
présentation pfe projet fin d'étude développement et conception d'une applica...
 
Rapport- Conception et réalisation d'une plateforme social learning
Rapport- Conception et réalisation d'une plateforme social learningRapport- Conception et réalisation d'une plateforme social learning
Rapport- Conception et réalisation d'une plateforme social learning
 
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
 
La gestion de projets informatiques
La gestion de projets informatiquesLa gestion de projets informatiques
La gestion de projets informatiques
 
TP2-UML-Correction
TP2-UML-CorrectionTP2-UML-Correction
TP2-UML-Correction
 
présentation de soutenance PFE
présentation de soutenance PFEprésentation de soutenance PFE
présentation de soutenance PFE
 
Rédaction d'un cahier des charges web
Rédaction d'un cahier des charges webRédaction d'un cahier des charges web
Rédaction d'un cahier des charges web
 
Methodes de gestion de projets - introduction au processus unifié
Methodes de gestion de projets - introduction au processus unifiéMethodes de gestion de projets - introduction au processus unifié
Methodes de gestion de projets - introduction au processus unifié
 
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
 

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

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