Universit Joseph Fourier U F R informatique Mathmatiques

Université Joseph Fourier U. F. R informatique & Mathématiques Appliquées Institut National Polytechnique de Grenoble ENSIMAG CLIPS-IMAG Communication langagière et Interaction Personne-Système IIHM Ingénierie de l’Interaction Homme-Machine Méta-IHM ou comment contrôler l’espace interactif ambiant Anne Roudaut, Joëlle Coûtaz Ubimob'06 3 e Journées Francophones Mobilité et Ubiquité 5 - 8 septembre 2006 CNAM - Paris

Contexte du travail : IHM en informatique ambiante • Un vaste réseau de ressources informatiques interconnectées 2

Contexte du travail : IHM en informatique ambiante • En surface, de nouvelles possibilités d’interaction pour l’utilisateur 2

Contexte du travail : IHM en informatique ambiante • En surface, de nouvelles possibilités d’interaction pour l’utilisateur Pick & Drop [Rekimoto 98] 2

Contexte du travail : IHM en informatique ambiante • En surface, de nouvelles possibilités d’interaction pour l’utilisateur Cube TV [Block 04] 2

Contexte du travail : IHM en informatique ambiante • Nouveaux services, techniques, ressources 3

Contexte du travail : IHM en informatique ambiante • Nouveaux services, techniques, ressources • Frontières souples 3

Contexte du travail : IHM en informatique ambiante • Comment contrôler, configurer, évaluer l’état de l’espace ambiant? 4

Problème • Des solutions isolées et ad hoc Jigsaw [Rodden 04] 5

Problème • Des solutions isolées et ad hoc Jigsaw [Rodden 04] tran. Stick [Rekimoto 05] Paris New-York 5

Problème • Des solutions isolées et ad hoc • Pas de réflexion générale sur le problème Jigsaw [Rodden 04] tran. Stick [Rekimoto 05] Paris New-York 5

Réponse : le concept de méta-IHM Méta-IHM 6

Plan Contexte Problème Contributions Conceptuelles Techniques Conclusion et perspectives 8

Plan Contexte Problème Contributions Conceptuelles Techniques Définition de méta-IHM Analyse de l’état de l’art Conclusion et perspectives 8

Définition de méta-IHM • Méta-IHM : – Une méta-IHM recouvre l’ensemble des fonctions (et leur IHM) nécessaire et suffisant pour permettre à l’utilisateur de configurer, contrôler et évaluer l’état de l’espace ambiant. – Méta : elle est au-dessus des services métiers de l’espace – IHM : elle permet de configurer, de contrôler et d’évaluer l’état de cet espace 9

Définition de méta-IHM : Approche adoptée • Puissance d’une taxonomie : – Comprendre et cerner le sujet – Comparer les solutions existantes – Explorer de nouvelles pistes 10

Définition de méta-IHM : Espace taxonomique 11

Définition de méta-IHM : Espace taxonomique 11

Définition de méta-IHM : Espace taxonomique Ils perdent leur raison d’être 11

Définition de méta-IHM : Espace taxonomique Ils conservent leur raison d’être 11

Définition de méta-IHM : Espace taxonomique tran. Stick [Rekimoto 05] 11

Définition de méta-IHM : Espace taxonomique Jigsaw [Rodden 04] 11

Définition de méta-IHM : Espace taxonomique Dynawall [Streitz 99] 11

Définition de méta-IHM : Espace taxonomique 12

Définition de méta-IHM : Espace taxonomique Speakeasy [Newman 02 ] 12

Définition de méta-IHM : Espace taxonomique Les tablettes d’Hinckley [Hinckley 00 b] 12

Définition de méta-IHM : Espace taxonomique Pick & Drop [Rekimoto 98] 12

Définition de méta-IHM : Espace taxonomique Plastic Clock 12

Définition de méta-IHM : Espace taxonomique E-gadget [Marcopoulos 04] 12

Définition de méta-IHM : Espace taxonomique 12

Définition de méta-IHM : Espace taxonomique Observabilité : percevoir l’état du service Traçabilité : observabilité au cours du temps Contrôlabilité : intervenir sur l’exécution du service 13

Définition de méta-IHM : Espace taxonomique Editeur Jigsaw [Rodden 04] 13

Définition de méta-IHM : Migri. XML [Molina 06] Espace taxonomique 13

Définition de méta-IHM : Espace taxonomique Projecteur mobile [Borkowski 06] Migri. XML [Molina 06] 13

Définition de méta-IHM : Espace taxonomique Speakeasy [Newman 02 ] 13

Définition de méta-IHM : Espace taxonomique Editeur Jigsaw [Rodden 04] 13

Définition de méta-IHM : Espace taxonomique 13

Plan Contexte Problème Contributions Conceptuelles Techniques Définition de méta-IHM Analyse de l’état de l’art Conclusion et perspectives 14

Analyse de l’état de l’art : Tendances • Méta-IHM tangibles tran. Stick [Rekimoto 05] 15

Analyse de l’état de l’art : Tendances • Méta-IHM tangibles • Méta-IHM pour la redistribution Migri. XML [Molina 06] 15

Analyse de l’état de l’art : Tendances • Méta-IHM tangibles • Méta-IHM pour la redistribution • Méta-IHM de programmation Jigsaw [Rodden 04] 15

Analyse de l’état de l’art : Tendances • Méta-IHM tangibles • Méta-IHM pour la redistribution • Méta-IHM de programmation end-user programming end-user development Jigsaw [Rodden 04] 16

Analyse de l’état de l’art : Tendances • Méta-IHM tangibles • Méta-IHM pour la redistribution • Méta-IHM de programmation end-user programming end-user development Programmation visuelle Jigsaw [Rodden 04] 16

Analyse de l’état de l’art : Tendances • Méta-IHM tangibles • Méta-IHM pour la redistribution • Méta-IHM de programmation Programmation visuelle end-user programming end-user development Programmation textuelle on mouse. Up put "100, 100" into pos repeat with x = 1 to the number of card buttons set the location of card button x to pos add 15 to item 1 of pos end repeat end mouse. Up Jigsaw [Rodden 04] Hyper. Card 16

Analyse de l’état de l’art : Tendances • Méta-IHM tangibles • Méta-IHM pour la redistribution • Méta-IHM de programmation Programmation visuelle end-user programming end-user development Programmation textuelle Programmation par l’exemple on mouse. Up put "100, 100" into pos repeat with x = 1 to the number of card buttons set the location of card button x to pos add 15 to item 1 of pos end repeat end mouse. Up Jigsaw [Rodden 04] Hyper. Card Emacs 16

Analyse de l’état de l’art : Les failles - Langage d’interaction : un réel défi 17

Analyse de l’état de l’art : Les failles - Langage d’interaction : un réel défi - Absence d’intégralité des services 17

Analyse de l’état de l’art : Les failles - Langage d’interaction : un réel défi - Absence d’intégralité des services - Niveaux de contrôle peu respectés 17

Analyse de l’état de l’art : Les failles - Langage d’interaction : un réel défi - Absence d’intégralité des services - Niveaux de contrôle peu respectés - Absence de méta-IHM mixte 17

Plan Contexte Problème Contributions Conceptuelles Techniques Prototype CESAM Conclusion et perspectives 18

Conception de CESAM : Les bases - Langage d’interaction : un réel défi - Absence d’intégralité des services - Niveaux de contrôle peu respectés - Absence de méta-IHM mixte 19

Conception de CESAM Partie externe Objets systèmes (Ressources d’interaction, calcul et communication) Découvrir Assembler Paramétrer 20

Conception de CESAM Partie externe Partie tissée Objets systèmes (Ressources d’interaction, calcul et communication) Objets des services métiers Découvrir Assembler Paramétrer Remodeler Fusion des 2 parties Redistribution 20

Conception de CESAM Partie externe Partie tissée Objets systèmes (Ressources d’interaction, calcul et communication) Objets des services métiers Découvrir Assembler Paramétrer Remodeler Fusion des 2 parties Redistribution 20

Conception de CESAM : la partie externe • Construire des îlots d’interaction Découverte des objets sous forme de jetons Zone d’assemblage des jetons Zone de paramétrage 21

Conception de CESAM : la partie externe • Construire des îlots d’interaction Déplacement des jetons par glisser-déposer Les jetons compatibles s’allument 21

Conception de CESAM : la partie externe • Construire des îlots d’interaction Formation d’un îlot d’objets jeton non compatible avec l’îlot formé 21

Conception de CESAM Partie externe Partie tissée Objets systèmes (Ressources d’interaction, calcul et communication) Objets des services métiers Découvrir Assembler Paramétrer Remodeler Fusion des 2 parties Redistribution 22

Conception de CESAM : la partie tissée • Remodelage de l’application métier Funny. Pic 23

Conception de CESAM : la partie tissée • Remodelage de l’application métier Funny. Pic 23

Conception de CESAM : la partie tissée • Eclater 24

Conception de CESAM : la partie tissée • Eclater • Fusionner 24

Conception de CESAM : la partie tissée • Eclater • Fusionner • Dupliquer 24

Conception de CESAM : la partie tissée • • Eclater Fusionner Dupliquer Rétablir 24

Conception de CESAM Partie externe Partie tissée Objets systèmes (Ressources d’interaction, calcul et communication) Objets des services métiers Découvrir Assembler Paramétrer Remodeler Fusion des 2 parties Redistribution 25

Conception de CESAM : une méta-IHM mixte • Redistribution par manipulation directe des objets numériques Le jeton avale l’objet numérique pour le redistribuer 26

Plan Contexte Problème Contributions Conceptuelles Techniques Conclusion et perspectives 27

Conclusion et perspectives • Contributions – Espace taxonomique pour la définition d’une méta-IHM – Conception du prototype CESAM 28

Conclusion et perspectives • Contributions – Espace taxonomique pour la définition d’une méta-IHM – Conception du prototype CESAM • Perspectives à court terme : – Etendre le langage d’interaction de CESAM avec de la programmation par exemple, textuelle et visuelle – Compléter CESAM par tous les niveaux de contrôle – Valider les choix de CESAM par une évaluation expérimentale 28

Conclusion et perspectives • Contributions – Espace taxonomique pour la définition d’une méta-IHM – Conception du prototype CESAM • Perspectives à court terme : – Etendre le langage d’interaction de CESAM avec de la programmation par exemple, textuelle et visuelle – Compléter CESAM par tous les niveaux de contrôle – Valider les choix de CESAM par une évaluation expérimentale • Perspectives à long terme : 28

Merci de votre attention Questions ?

Implications architecturales : CAMELEON-RT 28

Implications architecturales : CAMELEON-RT • Un exemple de fonctionnement : 29

Implications architecturales : CAMELEON-RT • Un exemple de fonctionnement : 1. Découverte du contexte d’interaction Utilisateur Plate-forme Environnement 30

Implications architecturales : CAMELEON-RT • Un exemple de fonctionnement : 2. Synthèse des données recueillies Situation 30

Implications architecturales : CAMELEON-RT • Un exemple de fonctionnement : 3. Création d’un plan de configuration Plan de configuration : Remplacer par 30

Implications architecturales : CAMELEON-RT • Un exemple de fonctionnement : 4. Mise en œuvre du plan Recher : 30

Implications architecturales : CAMELEON-RT • Un exemple de fonctionnement : 5. Recherche de composants Vide ! 30

Implications architecturales : CAMELEON-RT • Un exemple de fonctionnement : 6. Mise en œuvre du plan Générer : 30

Implications architecturales : CAMELEON-RT • Un exemple de fonctionnement : 7. Génération du composant 30

Implications architecturales : CAMELEON-RT • Un exemple de fonctionnement : 8. Exécution du plan 30

Implications architecturales : retour sur la méta-IHM • Cas du système autonome 31

Implications architecturales : retour sur la méta-IHM • Contrôle grâce à la méta-IHM 31