18
Interface Homme-machine (interaction humain-machine) Emna Hakem Université 7 novembre à Carthage Faculté des Sciences Economiques et de Gestion de Nabeul 3 eme année Licence Appliquée IAG Année universitaire 2011-2012 H.Emna(FSEGN) Interface Homme Machine 2011-2012

Interface Homme-machine (interaction humain-machine) Emna Hakem

  • Upload
    eron

  • View
    69

  • Download
    0

Embed Size (px)

DESCRIPTION

Interface Homme-machine (interaction humain-machine) Emna Hakem Université 7 novembre à Carthage Faculté des Sciences Economiques et de Gestion de Nabeul 3 eme année Licence Appliquée IAG Année universitaire 2011-2012. H.Emna (FSEGN). Interface Homme Machine. 2011-2012. - PowerPoint PPT Presentation

Citation preview

Page 1: Interface Homme-machine (interaction humain-machine) Emna Hakem

Interface Homme-machine(interaction humain-machine)

Emna Hakem

Université 7 novembre à CarthageFaculté des Sciences Economiques et de Gestion de Nabeul

3eme année Licence Appliquée IAG

Année universitaire2011-2012

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Page 2: Interface Homme-machine (interaction humain-machine) Emna Hakem

Domaine IHM: Etude des phénomènes cognitifs, matériels, logiciels, sociaux mis en jeu

dans l’accomplissement de tâches avec un système informatique.

Objectif du IHM: Concevoir, réaliser des systèmes (dispositifs, outils, machine…)

• Utiles (adéquation aux besoins= fourniture des bons services)• Utilisables (adéquation aux capacités de l’utilisateur) : confort,

efficacité, sécurité, qualité du produit de la tâche réalisée avec le système

• En contexte: environnement physique ( à la gare/chez soi, plate-forme d’interaction (téléphone portable/station de travail)

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Présentation du Domaine

Page 3: Interface Homme-machine (interaction humain-machine) Emna Hakem

H.Emna(FSEGN) Interface Homme Machine 2011-2012

• IHM , domaine Pluridisciplinaire:

IHM

Informatique

Psychologie cognitive

Ergonomie cognitive

Graphisme

Présentation du Domaine

Page 4: Interface Homme-machine (interaction humain-machine) Emna Hakem

Objectif: Maîtriser l’ évaluation ergonomique des logiciels interactifs. Comprendre les principales recommandations en matière de convivialité

de l’interface utilisateur. Se sensibiliser à la nécessité d’ouvrir les logiciels interactifs aux concepts

de l’ergonomie cognitive.

Bibliographie: Interfaces homme-machine,Joelle Coutaz(1990).Dunod informatique. A Brief History of Human Computer Interaction Technology.Brad

A,Myers(1998). Computer Related risks.Peter G.Neumann(1995).Addison-Westly. Designing the user interface: Strategies for Effective Human-Computer

Interaction.Ben Shnuderman(1998).3 édition, Addison-Westly.

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Présentation du cours

Page 5: Interface Homme-machine (interaction humain-machine) Emna Hakem

1• Introduction et historique

2• Traitement cognitif de l’information

3• Principe de conception

4• Analyse des taches

5• Visualisation de l’information

6• Méthodologie de conception

7• Evaluation des interfaces

8• Interface Web

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Plan du cours

Page 6: Interface Homme-machine (interaction humain-machine) Emna Hakem

Qu’ est –ce que l’Interface Homme-machine?

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Introduction et Historique

« L'interface Homme-machine, ou interaction humain-machine, (IHM) étudiela façon dont les humains interagissent avec les ordinateurs ou entre eux à

l'aide d'ordinateurs, ainsi que la façon de concevoir des systèmes informatiques qui soient ergonomiques, c'est-a-dire efficaces, faciles à utiliser

ou plus généralement adaptés à leur contexte d'utilisation ». Wikipedia

Page 7: Interface Homme-machine (interaction humain-machine) Emna Hakem

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Introduction et Historique

Ensemble des dispositifs

matériels et logiciels

permettant à un utilisateur

d’interagir avec un système interactif.

Homme Machine

Ensemble des aspects de la

conception, de l’implémentation et de l’évaluation

des systèmes informatiques

interactifs.

Page 8: Interface Homme-machine (interaction humain-machine) Emna Hakem

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Evolution Historique…

Utilisateurs sont des informaticiens ingénieursTraitement par lotL’ordinateur est réservé à une clientèle élitisteL’utilisateur est esclave du système

Avant (1950,1980)

Utilisateurs sont des novices en informatiqueSystème interactif L’ordinateur est partoutL’utilisateur est maitre du système

Après (1980,2011)

Page 9: Interface Homme-machine (interaction humain-machine) Emna Hakem

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Evolution Historique…Avant : • Les dispositifs d’entrée-sotie limités:

Perforateurs/ lecteurs de carte Tableaux de bord Imprimante

• Langages de commande

Page 10: Interface Homme-machine (interaction humain-machine) Emna Hakem

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Evolution Historique…Après :• Des nouveaux dispositifs d’entrée-sotie limités:

Ecran graphique et stylo optique: 1963 Souris : 1968 Application grand public : 1980

• Manipulation directe: Les travaux de recherche sur la manipulation directe ont

commence dés 1963 par Ivan Sutherland. David Caneld Smith a été le premier qui a introduit le terme

« icône" en1975. ... principal designer du Xerox Star User Interface. ... il était également à l'origine du WYSIWYG. En 1977, les travaux de Alan Kay à Xerox PARC ont abouti à la

création du Dynabook.

Page 11: Interface Homme-machine (interaction humain-machine) Emna Hakem

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Evolution Historique…Premiers produits commerciaux

1981Xerox Star

1982Apple Lisa

1984 Macintosh

1990Windows 3.0

Page 12: Interface Homme-machine (interaction humain-machine) Emna Hakem

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Evolution Historique…

Souris

• Développée à Stanford en 1965 pour remplacer les stylos optiques (utilisés depuis 1954).

• Ses utilisations sont devenues courantes avec les travaux de Doug Engelbart en 1968.

• Utilisation intensive de la souris depuis les années 70 suite aux travaux de XeroxARC…

Page 13: Interface Homme-machine (interaction humain-machine) Emna Hakem

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Evolution Historique…Système de fenêtres

• Les premières recherches ont été menées à Stanford et au MIT avec EMACS en1974.

• Alan Kay était le premier qui a Proposé l'idée de la superposition de fenêtres en 1969.

• Smalltalk, de Xerox PARC, était le premier produit commercialisé, en 1974, qui est basé sur le système des fenêtres.

Page 14: Interface Homme-machine (interaction humain-machine) Emna Hakem

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Evolution Historique…Système de fenêtres Macintosh, Version 1, 1984

Page 15: Interface Homme-machine (interaction humain-machine) Emna Hakem

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Evolution Historique…Système de fenêtres MS Windows, Version 3, 1990

Page 16: Interface Homme-machine (interaction humain-machine) Emna Hakem

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Evolution Historique…

Editeurs de texte :• Engelbart de Stanford en

1962(premierTTX).

• EMACS du MIT en 1974.

• Bravo de Xerox en 1974 (premier WYSIWYG).

• Star, LisaWrite et MacWritequelques temps plus tard.

Page 17: Interface Homme-machine (interaction humain-machine) Emna Hakem

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Evolution Historique…

Tableur :

• VisiCalc était le premier tableurcommercialise dans Apple II.

• Il a été élaboré par deux étudiantsau MIT et a Harvard (Frankstonet Bricklin) entre 1977 et 1978.

Page 18: Interface Homme-machine (interaction humain-machine) Emna Hakem

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Evolution Historique…HyperText :

• Idée au crédit de Vanevar Bush pour son fameux MEMEX, 1945.• Terme « hypertexte" dû à Ted Nelson, 1965.• Premier produit : PROMIS (1976), Centre médical de l'université du

Vermont HyperCard, Apple, 1988.• Tim Bernes-Lee utilise l'idée de l'hypertexte pour créer le WWW,

CERN,1990.

• MOSAIC : premier navigateur pour le WWW, Université de l'Illinois.