Cours IHM : Introduction M2-MIAGE Joëlle Coutaz, prof. UJF, équipe IIHM Alexandre Demeure, MdC UJF, équipe PRIMA Laboratoire d’Informatique de Grenoble (LIG) 2008-2009
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
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
interaction conventionnelle IHM devant nous … Intégration dans l’env. Multimodalité, RA Mobilité mobilité interaction conventionnelle [Lyytinen & Yoo 2002]
IHM devant nous … Interaction à la surface d’une infrastructure planétaire
Exemple : IHM pour service de météo …
Exemple : IHM pour service de météo …
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
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