Par Anne Roudaut Responsable : Joëlle Coutaz Méta-IHM pour la configuration despace interactif ambiant 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 lInteraction Homme-Machine

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

En surface, de nouvelles possibilités dinteraction pour lutilisateur Contexte du travail : IHM en informatique ambiante 2

En surface, de nouvelles possibilités dinteraction pour lutilisateur Contexte du travail : IHM en informatique ambiante Pick & Drop [Rekimoto 98] 2

En surface, de nouvelles possibilités dinteraction pour lutilisateur Contexte du travail : IHM en informatique ambiante Cube TV [Block 04] 2

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

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

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

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

Problème Des solutions isolées et ad hoc ParisNew-York Transtick [Rekimoto 05] 5 Jigsaw [Rodden 04]

Problème Des solutions isolées et ad hoc Pas de réflexion générale sur le problème 5 Jigsaw [Rodden 04] Transtick [Rekimoto 05] ParisNew-York

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

Objectifs Définir la notion de méta-IHM Identifier les implications architecturales pour lintégration technique de méta-IHM Illustrer les travaux de recherche au moyen dun démonstrateur 7

Plan Contexte Problème Objectifs Contributions Conceptuelles Techniques Conclusion Perspectives 8

Plan Contexte Problème Objectifs Contributions Conceptuelles Techniques Conclusion Perspectives Définition de méta-IHM Analyse de létat de lart 8

Définition de méta-IHM Méta-IHM : –Une méta-IHM recouvre lensemble des fonctions (et leur IHM) nécessaire et suffisant pour permettre à lutilisateur de configurer, contrôler et évaluer létat de lespace ambiant. –Méta : elle est au-dessus des services métiers de lespace –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 dune 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 Transtick [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 dHinckley [Hinckley 00b] 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 lexécution du service 13

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

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

Définition de méta-IHM : Espace taxonomique Projecteur mobile [Borkowski 06] MigriXML [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 Objectifs Contributions Conceptuelles Techniques Conclusion Perspectives Définition de méta-IHM Analyse de létat de lart 14

Analyse de létat de lart : Tendances Méta-IHM tangibles 15 Transtick [Rekimoto 05]

Analyse de létat de lart : Tendances Méta-IHM tangibles Méta-IHM pour la redistribution 15 MigriXML [Molina 06]

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

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

Analyse de létat de lart : Tendances Méta-IHM tangibles Méta-IHM pour la redistribution Méta-IHM de programmation end-user programming 16

Analyse de létat de lart : Tendances Méta-IHM tangibles Méta-IHM pour la redistribution Méta-IHM de programmation end-user programming 16 !

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

Analyse de létat de lart : Tendances Méta-IHM tangibles Méta-IHM pour la redistribution Méta-IHM de programmation Programmation visuelle Programmation textuelle end-user programming on mouseUp 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 mouseUp HyperCard 16 Jigsaw [Rodden 04]

Analyse de létat de lart : Tendances Méta-IHM tangibles Méta-IHM pour la redistribution Méta-IHM de programmation Programmation visuelle Programmation textuelle Programmation par lexemple end-user programming on mouseUp 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 mouseUp Emacs 16 Jigsaw [Rodden 04]HyperCard

Analyse de létat de lart : Tendances Méta-IHM tangibles Méta-IHM pour la redistribution Méta-IHM de programmation end-user programming 16 Environnements auteurs Dreamweaver

Analyse de létat de lart : Les failles - Langage dinteraction : un réel défi 17

Analyse de létat de lart : Les failles - Langage dinteraction : un réel défi - Absence dintégralité des services 17

Analyse de létat de lart : Les failles - Langage dinteraction : un réel défi - Absence dintégralité des services - Niveaux de contrôle peu respectés 17

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

Plan Contexte Problème Objectifs Contributions Conceptuelles Techniques Conclusion Perspectives Conception de CESAM Amélioration de CESAM 18

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

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

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

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

Conception de CESAM : la partie externe Construire des îlots dinteraction Découverte des objets sous forme de jetons Zone de paramétrage 21 Zone dassemblage des jetons

Conception de CESAM : la partie externe Construire des îlots dinteraction Déplacement des jetons par glisser-déposer Les jetons compatibles sallument 21

Conception de CESAM : la partie externe Construire des îlots dinteraction Formation dun îlot dobjets jeton non compatible avec lîlot formé 21

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

Conception de CESAM : la partie tissée Remodelage de lapplication métier FunnyPic 23

Conception de CESAM : la partie tissée Remodelage de lapplication métier FunnyPic 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 Objets systèmes (Ressources dinteraction, calcul et communication) Découvrir Assembler Paramétrer Partie tissée Objets des services métiers 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 lobjet numérique pour le redistribuer 26

Plan Contexte Problème Objectifs Contributions Conceptuelles Techniques Conclusion Perspectives Conception de CESAM Amélioration de CESAM 18

Amélioration de CESAM : Les bases 19 - Langage dinteraction : un réel défi - Absence dintégralité des services - Niveaux de contrôle peu respectés - Absence de méta-IHM mixte

Amélioration de CESAM : programmation par macros Construire des macros Macros représentées par des punaises 21 Lutilisateur punaise la macro sur un îlot

Amélioration de CESAM : programmation par macros Construire des macros Macros représentées par des punaises 21 Lutilisateur punaise la macro sur un îlot Programmation ponctuelle et programmation évènementielle

Amélioration de CESAM : programmation ponctuelle Construire une macro par lexemple Découverte Les macros sont stoquées dans la liste des objets manipulables Bouton de début et de fin denregistrement de macros 21

Amélioration de CESAM : programmation ponctuelle Construire une macro par lexemple Découverte Les macros sont stoquées dans la liste des objets manipulables Bouton de début et de fin denregistrement de macros 21 Accès à la zone de programmation évènementielle

Amélioration de CESAM : programmation évènementielle Construire une macro en visuel ou textuel 21 Principe dégale opportunité

Amélioration de CESAM : programmation évènementielle Construire une macro en visuel ou textuel 21

Amélioration de CESAM : programmation évènementielle Construire une macro en visuel ou textuel 21 ("Le 28/09/2006" et 13h30") ilot1 = PDA et Ordinateur PDA = ZoneNavigation de Powerpoint Ordinateur = ZoneRestante de Powerpoint

Plan Contexte Problème Objectifs Contributions Conclusion Perspectives 33

Conclusion Contributions conceptuelles [Roudaut 06] –Espace taxonomique pour la définition dune méta-IHM –Analyse de létat de lart –Analyse poussée dune tendance : end-user programming Contributions techniques –Conception du prototype CESAM Méta-IHM mixte offrant tous les services –Amélioration de CESAM Environnement de programmation auteur –Mise en place de CESAM dans linfrastructure conceptuelle CAMELEON-RT 34

Conclusion Contributions conceptuelles [Roudaut 06] –Espace taxonomique pour la définition dune méta-IHM –Analyse de létat de lart –Analyse poussée dune tendance : end-user programming Contributions techniques –Conception du prototype CESAM Méta-IHM mixte offrant tous les services –Amélioration de CESAM Environnement de programmation auteur –Mise en place de CESAM dans linfrastructure conceptuelle CAMELEON-RT 34

Perspectives A court terme : –Valider les choix de CESAM par une évaluation expérimentale –Etudier le critère de traçabilité A long terme : 35

Merci de votre attention

Plan Contexte Problème Objectifs Contributions Conceptuelles Techniques Conclusion Perspectives Conception de CESAM Implications architecturales 27

Implications architecturales : CAMELEON-RT 28

Implications architecturales : CAMELEON-RT 28

Implications architecturales : CAMELEON-RT 28

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 dinteraction 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 dun plan de configuration Plan de configuration : Remplacer par 30

Implications architecturales : CAMELEON-RT Un exemple de fonctionnement : 4. Mise en œuvre du plan Rechercher : 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

Implications architecturales : retour sur la méta-IHM Observabilité : Pour chaque flèche du diagramme, la méta-IHM est avertie : 32

Implications architecturales : retour sur la méta-IHM Traçabilité : Pour chaque parcours dans le diagramme, une flèche atteint la méta-IHM. Sil ny a pas de rupture dans le chemin, la traçabilité est respectées.. Observabilité : Pour chaque flèche du diagramme, la méta-IHM est avertie : 32

Implications architecturales : retour sur la méta-IHM Contrôlabilité : Pour chaque flèche du diagramme atteignant la méta-IHM, un contrôle est possible. Traçabilité : Pour chaque parcours dans le diagramme, une flèche atteint la méta-IHM. Sil ny a pas de rupture dans le chemin, la traçabilité est respectées.. Observabilité : Pour chaque flèche du diagramme, la méta-IHM est avertie : 32

Perspectives A court terme : –Etendre le langage dinteraction 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 A long terme : 35

Perspectives Du consommateur dapplication au designer despace ambiant 36

Perspectives Du consommateur dapplication au designer despace ambiant 36

Perspectives Du consommateur dapplication au designer despace ambiant 36

Perspectives Du consommateur dapplication au designer despace ambiant 36

Perspectives Du consommateur dapplication au designer despace ambiant ? 36