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 1


Responsables du cours


Plan de l’unité


Les interfaces graphiques (1)





Section 1Définitions


Structure générale d’un programme informatique


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


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


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








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


C’est quoi l’IHM?


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


Historique, 1945-1970


Historique, 1970- ordinateurs modernes


Evolution des interfaces


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


Dispositifs de sortie

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


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


INTERACTION avec des gestes

Evolution des interfaces Multimédia et Multimodalité

Interaction avec des gestes



Exemple:Microsoft—KinectSortie Septembre 2010

Présentation ‘kinect xbox 360’



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

Présentation OpenViBE


É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


Évolution des interfacesRéalité virtuelle

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

Présentation Salle de réalité virtuelle


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


Évolution des interfacesInterfaces tangibles

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

Présentation ‘µSurface’


É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,


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’


Évolution des interfacesRéalité augmentée

Les lunettes informatives de réalité augmentée


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


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


Sujets de recherche

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

Documents

M. Tounsi & S. Lajmi (ISIMS) Janvier 2014 IHM 1. M. Tounsi & S. Lajmi (ISIMS) Janvier 2014 IHM 2 Responsables du cours