M. Tounsi & S. Lajmi (ISIMS) Janvier 2014 IHM 1. M. Tounsi & S. Lajmi (ISIMS) Janvier 2014...

M. Tounsi & S. Lajmi (ISIMS) Janvier 2014 IHM 1

M. Tounsi & S. Lajmi (ISIMS) Janvier 2014 IHM 2

Responsables du cours

M. Tounsi & S. Lajmi (ISIMS) Janvier 2014 IHM 3

Plan de l’unité

M. Tounsi & S. Lajmi (ISIMS) Janvier 2014 IHM 4

Les interfaces graphiques (1)

M. Tounsi & S. Lajmi (ISIMS) Janvier 2014 IHM 5

Les interfaces graphiques (2)

M. Tounsi & S. Lajmi (ISIMS) Janvier 2014 IHM 6

Les interfaces graphiques (3)

Section 1Définitions

M. Tounsi & S. Lajmi (ISIMS) Janvier 2014 IHM 8

Structure générale d’un programme informatique

M. Tounsi & S. Lajmi (ISIMS) Janvier 2014 IHM 9

Structure générale d’un programme informatiqueLes traitements

M. Tounsi & S. Lajmi (ISIMS) Janvier 2014 IHM 10

Structure générale d’un programme informatiqueLes données

M. Tounsi & S. Lajmi (ISIMS) Janvier 2014 IHM 11

Structure générale d’un programme informatiqueL’IHM (1)

M. Tounsi & S. Lajmi (ISIMS) Janvier 2014 IHM 12

Structure générale d’un programme informatiqueL’IHM (2)

M. Tounsi & S. Lajmi (ISIMS) Janvier 2014 IHM 13

Structure générale d’un programme informatiqueL’IHM (3)

M. Tounsi & S. Lajmi (ISIMS) Janvier 2014 IHM 14

Structure générale d’un programme informatiqueL’IHM (4)

M. Tounsi & S. Lajmi (ISIMS) Janvier 2014 IHM 15

Pourquoi L’IHM?

Satisfaire les besoins des utilisateurs dans des situations bien précises.Une tâche difficile car les humains et leurs activités sont complexes,Importance de l'interface de point de vue:

Des usagers:Pour l'utilisateur le produit c'est l'interface.

Projet informatique:Entre 50 et 90 % du temps de développement d'un

logiciel.Social et commercial:

Une mauvaise interface coûte de l'argent.

Introduction IHM

M. Tounsi & S. Lajmi (ISIMS) Janvier 2014 IHM 16

C’est quoi l’IHM?

M. Tounsi & S. Lajmi (ISIMS) Janvier 2014 IHM 17

L’objectif de l’enseignement de l’IHM

Sensibiliser aux démarches ergonomiques centrée-utilisateur,Faire connaître les méthodes et techniques d'évaluation et de conception centrée utilisateur de l'interface d'un logiciel interactif,Présenter des outils informatiques de réalisation des applications,Envisager les évolutions dans le domaine,Organiser et mettre en œuvre une démarche rigoureuse de conception centrée utilisateur lors de la conception d'un logiciel interactif,Concevoir et mettre en œuvre un plan d'évaluation dans un projet de conception de l'interface d'un logiciel interactif,Rédiger un état de l'art, un cahier des charges, un dossier de conception, un rapport d'évaluation d'un logiciel interactif.

Section 2Historique et évaluation de

l'interface

M. Tounsi & S. Lajmi (ISIMS) Janvier 2014 IHM 19

Historique, 1945-1970

M. Tounsi & S. Lajmi (ISIMS) Janvier 2014 IHM 20

Historique, 1970- ordinateurs modernes

M. Tounsi & S. Lajmi (ISIMS) Janvier 2014 IHM 21

Evolution des interfaces

M. Tounsi & S. Lajmi (ISIMS) Janvier 2014 IHM 22

Dispositif d’entrée

Joystick PS2

trackball

Pavé tactile

Clavier

souris, trackball, joystick, pavé tactile,

2D: écran tactile, crayons optiques3D: capteurs de position et de direction,Casques

M. Tounsi & S. Lajmi (ISIMS) Janvier 2014 IHM 23

Dispositifs de sortie

écrans, cf. visualisation d'informationsVision 3D,Imprimantes 3D,

M. Tounsi & S. Lajmi (ISIMS) Janvier 2014 IHM 24

Evolution des interfaces

Multimédia et Multimodalitécombinaison de types de données,Interactions gestuelles, Interactions par la pensée,interaction à deux mains ou à plusieurs doigts

M. Tounsi & S. Lajmi (ISIMS) Janvier 2014 IHM 25

INTERACTION avec des gestes

Evolution des interfaces Multimédia et Multimodalité

Interaction avec des gestes

M. Tounsi & S. Lajmi (ISIMS) Janvier 2014 IHM 26

Evolution des interfaces Multimédia et Multimodalité

Exemple:Microsoft—KinectSortie Septembre 2010

Présentation ‘kinect xbox 360’

M. Tounsi & S. Lajmi (ISIMS) Janvier 2014 IHM 27

Evolution des interfaces Multimédia et Multimodalité

Projet OpenViBE de l’INRIACommande par la penséeInteraction cerveau-ordinateur

Présentation OpenViBE

M. Tounsi & S. Lajmi (ISIMS) Janvier 2014 IHM 28

Évolution des interfacesRéalité virtuelle

Réalité virtuelle:simulation d'un environnement dans lequel le sujet a l'impression d'évoluer (avatar),simulation dans laquelle le spectateur a l’impression d’être face à une scène réelle, voire dedans. immersion dans un monde 3D

M. Tounsi & S. Lajmi (ISIMS) Janvier 2014 IHM 29

Évolution des interfacesRéalité virtuelle

Exemple: Inria - Salle de réalité virtuelle -Gouraud-Phong

Présentation Salle de réalité virtuelle

M. Tounsi & S. Lajmi (ISIMS) Janvier 2014 IHM 30

Évolution des interfacesInterfaces tangibles

Interfaces tangibles: association d'objets réels et numériques pour une interaction plus simple et intuitive,interface utilisateur dans laquelle une personne interagit avec l'information numérique par l'intermédiaire de l'environnement physique.

M. Tounsi & S. Lajmi (ISIMS) Janvier 2014 IHM 31

Évolution des interfacesInterfaces tangibles

Exemples: tangible Bits (MIT Media Lab, Hiroshi Ishii )µSurface : A Tangible Interactive Music Score Editor Surface

Présentation ‘µSurface’

M. Tounsi & S. Lajmi (ISIMS) Janvier 2014 IHM 32

Évolution des interfacesRéalité augmentée

Réalité augmentée:superposition de l'image d'un modèle virtuel sur une image de la réalité en temps réel,le virtuel est intégré dans le réel,

M. Tounsi & S. Lajmi (ISIMS) Janvier 2014 IHM 33

Réalité augmenté: ‘Sixième Sens’

Basée sur:Ensemble de senseurs sur les doigts (colorés)Caméra (WebCam)Vidéo projecteur portatifmiroirTéléphone (Smartphone) sur lequel l’application est installée Présentation ‘Sixième Sens’

M. Tounsi & S. Lajmi (ISIMS) Janvier 2014 IHM 34

Évolution des interfacesRéalité augmentée

Les lunettes informatives de réalité augmentée

M. Tounsi & S. Lajmi (ISIMS) Janvier 2014 IHM 35

Évolution des interfacesRéalité diminuée

Réalité diminuée:suppression d'un élément de l'image sur une image de la réalité en temps réel.

M. Tounsi & S. Lajmi (ISIMS) Janvier 2014 IHM 36

Exemple de réalité diminuée

comment faire disparaitre un objet dans une scène vidéo en temps réel. réalisée par l'université technologique allemande de Ilmenau département des mondes virtuels / Digital Games 2010. Effacer des objets –

la réalité diminuée

M. Tounsi & S. Lajmi (ISIMS) Janvier 2014 IHM 37

Sujets de recherche

Présentez pour la prochaine séances d’autres nouveautés dans l’IHM.