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.

Présentation au sujet: "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."— Transcription de la présentation:

1 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

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

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

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

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

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

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

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

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

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

11 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

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

13 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

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

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

16 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

17 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

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

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

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

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

22 Définition de méta-IHM : Espace taxonomique Transtick [Rekimoto 05] 11

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

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

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

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

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

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

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

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

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

32 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

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

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

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

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

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

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

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

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

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

42 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]

43 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]

44 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

45 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 !

46 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]

47 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]

48 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

49 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

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

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

52 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

53 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

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

55 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

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

57 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

58 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

59 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

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

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

62 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

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

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

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

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

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

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

69 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

70 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

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

72 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

73 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

74 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

75 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

76 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

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

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

79 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

80 Plan Contexte Problème Objectifs Contributions Conclusion Perspectives 33

81 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

82 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

83 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

84 Merci de votre attention

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

86 Implications architecturales : CAMELEON-RT 28

87 Implications architecturales : CAMELEON-RT 28

88 Implications architecturales : CAMELEON-RT 28

89 Implications architecturales : CAMELEON-RT 28

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

91 Implications architecturales : CAMELEON-RT Un exemple de fonctionnement : 1. Découverte du contexte dinteraction Utilisateur Plate-forme Environnement 30

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

93 Implications architecturales : CAMELEON-RT Un exemple de fonctionnement : 3. Création dun plan de configuration Plan de configuration : Remplacer par 30

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

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

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

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

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

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

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

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

102 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

103 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

104 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

105 Perspectives Du consommateur dapplication au designer despace ambiant 36

106 Perspectives Du consommateur dapplication au designer despace ambiant 36

107 Perspectives Du consommateur dapplication au designer despace ambiant 36

108 Perspectives Du consommateur dapplication au designer despace ambiant 36

109 Perspectives Du consommateur dapplication au designer despace ambiant ? 36