Cours IHM : Introduction

Présentation au sujet: "Cours IHM : Introduction"— Transcription de la présentation:

1 Cours IHM : Introduction
M2-MIAGE Joëlle Coutaz, prof. UJF, équipe IIHM Alexandre Demeure, MdC UJF, équipe PRIMA Laboratoire d’Informatique de Grenoble (LIG)

2 Objectifs du cours Ce cours présente
une méthode les principes élémentaires d’ergonomie applicables à la conception de sites Web Pour stations de travail et pour dispositifs mobiles

3 L’histoire en résumé Taille, coût Nombre
Loi de Moore : “Vitesse de calcul et capacité mémoire doublent tous les 18 mois” 1 ordinateur pour tous 1 Ordinateur par personne adapted from: F. Mattern, Dagstuhl 2002 Beaucoup d’ordinateurs par personne

4 interaction conventionnelle
IHM devant nous … Intégration dans l’env. Multimodalité, RA Mobilité mobilité interaction conventionnelle [Lyytinen & Yoo 2002]

5 IHM devant nous … Interaction à la surface d’une infrastructure planétaire

6 Exemple : IHM pour service de météo …

7 Exemple : IHM pour service de météo …

8 Structure du cours Chap1 : Conception de site web - règles générales (Joëlle) Chap2 : Techniques d’interaction pour dispositifs mobiles (Joëlle) Chap3 : Techniques d’interaction pour grandes surfaces (Joëlle) Chap4 : Aspects techniques 1 : XSLT (Alexandre) Chap5 : Aspects techniques 2 : JavaScript, CSS (Alexandre) … Le tout appliqué à un petit projet

9 Le projet Choisir un site web existant
Faire la rétro-conception du site (modèle de tâche à partir de l’IHMC) Faire la re-conception du site selon la méthode vue en cours et appliquer les techniques de mise en œuvre (XSLT, CSS) sachant que le site doit pouvoir s’exécuter dans des contextes différents : sur au moins 2 plates-formes de votre choix mais ayant des ressources d’interaction bien distinctes (PC, PDA, Smartphone, surface murale, etc.), en des lieux différents (utilisateur mobile). Organisation Groupe de 4 avec moyens informatiques personnels Démo en juillet mais attention à la gestion de votre temps