La présentation est en train de télécharger. S'il vous plaît, attendez

La présentation est en train de télécharger. S'il vous plaît, attendez

IHM et plasticité ou Adaptation des IHMs aux supports IHM et Différents supports Différents utilisateurs Différents environnements Problématique - aperçu.

Présentations similaires


Présentation au sujet: "IHM et plasticité ou Adaptation des IHMs aux supports IHM et Différents supports Différents utilisateurs Différents environnements Problématique - aperçu."— Transcription de la présentation:

1 IHM et plasticité ou Adaptation des IHMs aux supports IHM et Différents supports Différents utilisateurs Différents environnements Problématique - aperçu des solutions recherche Anne-Marie Déry

2 Equipes en présence Equipe IIHM Laboratoire IMAG à Grenoble Gaelle Calvary & Joelle Coutaz Equipe RAINBOW Laboratoire I3S à Sophia Antipolis Michel Riveill & Philippe Renevier & Audrey Occello & Anne Marie Dery Laboratoire HIIS à luniversité de Pise Fabio Paterno Laboratoire CHI Université catholique de Louvain Jean Vanderdonckt Equipe IHM au Université de Valencienne Anas Hariri & Sophie Lepreux & Christophe Kolski intra/site/commun/_gestion/publis/recherche/resultat.php?id_pers o=97&langue=lang_fr

3 Adaptation à la conception

4 CAMELEON CONTEXT AWARE MODELLING FOR ENABLING AND LEVERAGING EFFECTIVE INTERACTION (IST R&D ) Un cadre de référence : CAMELEON

5 Equipes et travaux en présence I.S.T.I (Pisa, Italy) I.S.T.I Université Catholique de Louvain (Louvain, Belgium) Université Catholique de Louvain Université Joseph Fourier (Grenoble, France) Université Joseph Fourier s.html User Interface Plasticity: Model Driven Engineering to the Limit! CAMELEON-RT: a Software Architecture Reference Model for Distributed, Migratable, and Plastic User Interfaces

6 Introduction : plasticité des IHMs – Page 6 Phase de conception Config 1 Modèle Tâches et Concepts IHM concrète IHM finale IHM abstraite Modèle Tâches et Concepts Modèles archétypes Config 2 Concepts Tâches User Plate-forme Environment Evolution Transition IHM concrète IHM finale IHM abstraite Concepts Tâches User Plate-forme Environment Evolution Transition Domaine Concepts Tâches Contexte User Plate-forme Environment Adaptation Evolution Transition Modèles ontologiques ARTStudio D. Thevenin Réification, Factorisation, Traduction, Abstraction / Reconception, Crossing, Intervention Humaine Spécifier 1 fois -> N Interfaces approche par modèles

7 Introduction : plasticité des IHMs – Page 7 Tâches & Concepts IHM abstraite IHM concrète IHM finale Config 1 Différents niveaux dabstraction

8 3G MOBILE CONTEXT SENSITIVE ADAPTABILITY - USER FRIENDLY MOBILE WORK PLACE FOR SEAMLESS ENTERPRISE APPLICATIONS CONSENSUS (PROJET Européen terminé en 2004) Slides : Cédric Ulmer

9 Introduction : plasticité des IHMs – Page 9 Objective Cost-efficient development of usable device independent Applications For all SAP applications being able to be displayed on all devices sets of application Uis need to be created!

10 Introduction : plasticité des IHMs – Page 10 State of the Art: Dilemma - Cost vs. Usability Integrated adaptation Integrated Adaptation semantic information context information Cost Usability Recoding semantic adaptation device & application specific Transcoding syntactic adaptation technology specific

11 Introduction : plasticité des IHMs – Page 11 Renderer Independent Markup Language: RIML Augment applications with metadata for adaptation engines to prepare presentation context- and device-specific Tools: Context-sensitive Annotation Editor Semantic Information: Relevance, splitting hints, context conditions,... Context: User Prefs, bandwith,.. Device Classes: UI/Technical aspects

12 Introduction : plasticité des IHMs – Page 12 Renderer Independent Markup Language: RIML (contnd) RIML: Language Research Usability Research based on Focus on mobile devices How easy / hard is it to use specific UI Components on different devices (not usability on application / process level) Definition of device classes Usability Analysis leads to a limited number of Device Classes which represent devices behaving similar from a users / usability perspective

13 Introduction : plasticité des IHMs – Page 13 Device-specific fine-grained Adaptation SYNTACTIC ADAPTATION Backend Data Application-specific Adaptation SEMANTIC ADAPTATION Information Splitting Filter Information Pruning Filter other filters... T1 T2 T1 T2 WML Transcoding Rules T1/T2 = UI info Templates Colors indicate importance Mandatory Optional T1/T2 = UI info Templates Colors indicate importance Mandatory Optional T1 T2T1 Adaptation Concept T1 T2T1 Template Editor Application data outbound processing

14 Problématique de construction dIHM par composition

15 Introduction : plasticité des IHMs – Page 15 Projet ASPECT Composition de composants et de leurs IHMs 2003

16 Equipes et travaux en présence Equipe Rainbow Anne-Marie Pinna-Dery and Jérémy Fierstone. Component model and programming : a first step to manage Human Computer Interaction Adaptation. In Mobile HCI03, volume LNCS 2795, pages 456–460, Udine, Italy, September L. Chittaro (Ed.), Springer Verlag.

17 Introduction : plasticité des IHMs – Page 17 Problématique Applications évolutives et adaptables accessibles via un PDA, un portable ou une station variabilité des fonctionnalités selon le contexte d'utilisation (mode dégradé, connecté ou déconnecté, dépendance des ressources…) Applications construites à base de composants (composants métiers, composants dIHM, composants services…) Sappuyer sur les infrastructures systèmes (RMI, EJB, …) Fournir une plate-forme à composants Exemples : Agenda collaboratif Gestion commerciale (facturations, commandes, client, fournisseur)

18 Composition de composants " Fusion de menus correspondants aux composants (1)

19 Composition de composants " Fusion de menus correspondants aux composants (2)

20 Introduction : plasticité des IHMs – Page 20 Proposition : modèle de composants et abstraction La communication entre composants IHM et métier est exprimée par des interactions Un langage abstrait de description structurelle des IHMs : SUNML dans la lignée de XForms, RIML,... (inspiré de UIML) Composition de composants métiers par interactions Règles de composition adaptées aux IHMs Fusion de règles vérifiant la cohérence de la composition Atelier de composition : Amusing Réutiliser des composants métiers Composer les IHMs des composants métiers Un modèle de composant + ISL + SUNML Un modèle de composants qui découple composant métier et composants d IHM. Spécification d IHM indépendantes du support

21 Introduction : plasticité des IHMs – Page 21 De lIHM abstraite vers lIHM concrète JFrame1 JPanel1 JLabel1JField1... IHM concrète (Exécution) Projection FicheClient MainDialog LabelFieldNomFieldNom... IHM abstraite (Exécution) HMI Dialog Field JFrame JPanel JTextFieldJLabel... Nom : Toto... Fichier SUNML (Spécification) Réification durand Composant métier (Exécution) ? ? ?

22 Introduction : plasticité des IHMs – Page 22 Exemple de Liste de Clients Fichier SUNML (spécification) Exemple en Swing Composition Représentant – Client (1-n) : Liste de clients

23 Introduction : plasticité des IHMs – Page 23 De lIHM abstraite vers lIHM concrète Séparation du composant dIHM du composant métier Expression des communications possibles entre ces composants avec ISL Adaptation des composants suivant le contexte dexécution durand FicheClient IHM concrète IHM abstraite Composant métier JFrame1 Légende Instance interaction Controleur

24 SERVFACE SERVICE ANNOTATIONS FOR USER INTERFACE COMPOSITION PROJET EUROPÉEN /

25 Equipes et travaux en présence Equipe de Fabio Paterno : : A Universal, Declarative, Multiple Abstraction-Level Language for Service-Oriented Applications in Ubiquitous Environments FABIO PATERNO, CARMEN SANTORO, and LUCIO DAVIDE SPANO ISTI- CNR ServFace w&gid=34&limit=5&limitstart=0&order=date&dir=DESC&Itemid=60 w&gid=34&limit=5&limitstart=0&order=date&dir=DESC&Itemid=60 Service Composition at the Presentation Layer using Web Service Annotations

26 Introduction : plasticité des IHMs – Page 26 Vue densemble + Annotations de services avec des éléments dinterfaces + Composition de services + Génération de linterface du service « composite » à partir des annotations + 2 approches: + 1 ière approche : composition visuelle des services + 2 ième approche : composition dirigée par les tâches

27 Annotations de services [Izquierdo et al., 2009]

28 1 ière approche: Composition Visuelle [Nestler et al., 2009] [Feldmann et al., 2009] End-User Programming

29 Introduction : plasticité des IHMs – Page 29 1 ière approche: Composition Visuelle [Nestler et al., 2009] [Feldmann et al., 2009] Services (WSDL) Services Annotés Auto-génération dannotations + Annotations par un Expert Génération de linterface abstraite Transformations: 1)M2M 2)M2C Transformations: 1)M2M 2)M2C Interface Finale Service Annotator Service Composer MARIA

30 2 ième approche: Dirigée par les tâches [Feldmann et al., 2009] [Janeiro, 2009]

31 Introduction : plasticité des IHMs – Page 31 2 ième approche: Dirigée par les tâches 8/15 [Feldmann et al., 2009] [Janeiro, 2009] Transformations: 1)M2M 2)M2C Transformations: 1)M2M 2)M2C Interface Finale Services Génération dannotations (IHM + tâches) + A partir des opérations du service + Une opération = une tâche annotée + Une tâche annotée = une tâche système Génération des tâches intéractives + Chaque tâche dinteraction = une fenêtre (par défaut) + Intervention du développeur : enlever les doublons + Chaque tâche dinteraction = une fenêtre (par défaut) + Intervention du développeur : enlever les doublons Génération de linterface abstraite MARIA

32 Introduction : plasticité des IHMs – Page 32 UsiXML UsiXML USer Interface eXtensible Markup Language) XML pour applications interactives UsiXML pour des non développeurs : analystes, concepteurs, designers, ergonomes, chefs de projet, novices,... UsiXML : élément principal User Interface Description Language (UIDL), langage déclaratif décrivant les UI indépendament des caractéristiques physiques.

33 Introduction : plasticité des IHMs – Page 33 UsiXML UsiXML abstraction des éléments de base : widgets, controls, containers, modalities, interaction techniques,.... UsiXML indépendant device, plateforme et modalités UsiXML reutilisation dUI existantes dans un nouveau contexte par composition

34 Introduction : plasticité des IHMs – Page 34 UsiXML

35 Equipes et travaux en présence Université catholique de Louvain : Jean Vanderdonckt Université Joseph Fourier Grenoble : Joelle Coutaz Publications Scientifiques du projet present-and-future-of-model-based-user-interface- development.html?IDC=465&IDD=1317

36 Equipe IIHM Université Joseph Fourier Grenoble : Joelle Coutaz Flexible Plans for Adaptation by End-Users Composition dynamique dInterfaces Homme-Machine : Besoin utilisateur ou Défi de chercheur ?

37 Equipe UCL Université catholique de Louvain : Jean Vanderdonckt Generating User Interface for Information Applications from Task, Domain and User models with DB-USE ating_User_Interface_for_Information_Applications_from_Task_Do main_and_User_models_with_DB-USE User Interface Composition with UsiXML Interface_Composition_with_UsiXML

38 Introduction : plasticité des IHMs – Page 38 Equipe RAINBOW I3S Construction dapplications adaptables par composition

39 Introduction : plasticité des IHMs – Page 39 Un modèle inspiré dArche pour les services Proposer un modèle darchitecture pour un service interactif N services fonctionnels et leurs interactions utilisateurs : comment fusionner le tout ? Services Fonctionnel Services Dinteraction Adaptor Dialogue

40 Quid des assemblages Comment fusionner 2 services respectant larchitecture? Composition darches ? Assemblage des services fonctionnels Quid des dialogues ? Expression et fusion Quid des IHM? Expression et fusion

41 Travaux de références pour le domaine utilisateur Travaux composants (Fractal, SOA, Noah, WCOMP MODEL) Gestion de la dynamique de lapplication (apparition et disparition de composants et de services) Expression des assemblages (orchestration, règles isl, langages daspects…) Sureté des assemblages Travaux sur lIDM Modèles et transformation de modèles Fusion de modèles Travaux en IHMs Plasticité des interfaces Expression de modèles pour lIHM (taches, dialogues…)

42 Nos spécificités Etre centré sur le dialogue : relation « fonctionnel et IHM » Déterminer le bon modèle de dialogue et avoir une architecture N-Arches Etre indépendant plateforme : sappuyer sur un modèle Etre indépendant dispositifs : sappuyer sur les modèles dIHM pour la plasticité Faire collaborer des modèles et pouvoir les changer Assurer la dynamique de lapplication : assembler à tous les niveaux Déduire au maximum les assemblages Trouver le bon niveau dIHM abstrait

43 Introduction : plasticité des IHMs – Page 43 Adapter linterface à lévolution du système (priorité 1) déduction Assemblage de services (Orchestrations, fusion daspects, Composants hiérarchiques) Assemblage dIHMs (Utilisation dIHMs abstraites, puis Projection sur devices) Intervention Si conflits Dialogues Sadresse au développeur

44 Adapter linterface aux besoins utilisateurs (priorité 2) 2 utilisateurs : le développeur ou lutilisateur final Choix des services – organisation de lIHM Choix des devices Dialogue Device IS Service Marks Service IS Service WebCal Service IS Service WebCal Service

45 Adaptation du système (priorité 3) Déduire lassemblage pour un utilisateur

46 MPI Points communs aux adaptations visées ConceptionExécution Noyau Fonctionnel IHM Evolution Noyau Fonctionnel Apparition, disparition de services Nouvelles Utilisations Préférences, Contexte dutilisation … Adaptation M IHM Un langage abstrait orienté composition : SUNML puis LAIM / Flex Un composant dIHM : représentation fractal Un modèle de dialogue et un modèle de plateforme Une collaboration entre les modèles MP MD

47 Equipes et travaux en présence Equipe Rainbow Du fonctionnel vers les IHM port=htmlPerso&&nom=Joffroy&&prenom=Cédric Des IHM vers le fonctionnel https://nyx.unice.fr/publis/brel-pinna-dery-etal:2011.pdf


Télécharger ppt "IHM et plasticité ou Adaptation des IHMs aux supports IHM et Différents supports Différents utilisateurs Différents environnements Problématique - aperçu."

Présentations similaires


Annonces Google