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

Introduction : plasticité des IHMs – Page 1 Bref historique concernant les acteurs.

Présentations similaires


Présentation au sujet: "Introduction : plasticité des IHMs – Page 1 Bref historique concernant les acteurs."— Transcription de la présentation:

1 Introduction : plasticité des IHMs – Page 1 Bref historique concernant les acteurs

2 Introduction : plasticité des IHMs – Page 2 Quand les organismes de normalisation sy mettent … OASIS et W3C

3 Introduction : plasticité des IHMs – Page 3 UIML dérivé d'XML permettant de décrire des interfaces graphiques.XMLinterfaces graphiques Il y a des outils (renderers) qui convertissent une représentation d'UIML en représentation pour divers GUI (par exemple Java awt).GUIJava awt un langage commun de description d'interface utilisateur, ouvert et libre d'utilisation qui soit indépendants des plateformes, qu'il s'agisse des plateformes actuelles ou futures.libre définir un métalangage canonique qui peut décrire n'importe quelle interface utilisateur, sans être tributaire du type d'unité ou d'interface graphique utilisée. UIML peut décrire les interfaces utilisateur - interface de bureau, interface web, interface mobile, système embarqué, ou encore applications « voix ». UIML 1.0:UIML 1.0: Décembre 1997 UIML 3.1:UIML 3.1: Mars UIML 4

4 Introduction : plasticité des IHMs – Page 4 UIML –« User Interface Markup Language » –Langage multi-interface (graphique, voix,...) –Une norme : UIML (uiml.org) –Des implémentations ou « renderers » Harmonia : Awt/Swing, HTML, WML, VXML,... Rubico : Visual Basic, GUI builder TV Server, AG : C++ for embedded systems Les 4 parties d'un document UIML: : metadata (author, date, version,...) : réutilisation de fragments : interface proprement dite : arbre des « widgets » : styles (propriétés) des widgets : contenu (texte, image, son) : objet / événement / action : mappings et liens vers l'extérieur

5 Introduction : plasticité des IHMs – Page 5 Traducteurs XML XSL HTML VoiceML WML XML et XSL pour la présentation, UIML, SUNML, Xforms ….

6 Introduction : plasticité des IHMs – Page 6 User Interfaces langages XML dans tout ses états

7 Introduction : plasticité des IHMs – Page 7 Recommandations W3C (World Wide Web Consortium) CONSTAT : multiplication des terminaux, la distribution des contenus devient plus que jamais problématique. les données doivent être filtrées et leur format modifié. Transformation ? la reconnaissance des caractéristiques de l'équipement client par le serveur. Une solution : Le projet CC/PP (pour Composite Capability/Preference Profiles) CC/PP Basé sur le format de meta-données RDF (Resource Description Framework), Application de XML pour décrire : les caractéristisques logicielles et matérielles d'un terminal (Web ou WAP, capacité machine, etc.) + les informations relatives au profil de son utilisateur. RDF

8 Introduction : plasticité des IHMs – Page 8 CC/PP (dont font parti Ericsson, IBM, Nokia, SAP et Sun), Un panel d'appareils assez large (téléphone portable, PC, assistant personnel,...), Avantage de CC/PP : proposer une méthode de description des configurations - réduire la quantité d'informations échangées entre client et serveur (protocoles de transmission sans fil restent limités en bande passante). - les variables d'un profil CC/PP (capacités du terminal, préférences utilisateur, etc.) peuvent être appliquées au sein d'une feuille de style XSLT afin de créer ou d'adapter un document. Recommandations W3C

9 Introduction : plasticité des IHMs – Page 9 XForms l XForms un langage à balises pour les formulaires électroniques « modernes » l Basés sur XML et renvoie les valeurs saisies dans le formulaire sous forme de document XML l Il prend en compte lauthentification, lutilisabilité et laccessibilité, le device independence, linternationalisation, et lintégration pour plusieurs langages cibles tout en réduisant la mise en œuvre de traducteurs.

10 Introduction : plasticité des IHMs – Page 10 Mobile Web Initiative l W3C MWI travaille actuellement à la mise en place des meilleures pratiques pour les sites web et les applications sur mobile l Il propose également des tests sur linteroperabilité entre logiciels webs et lusage du mobile au niveau social. l Ils accueillent des groupes de travail sur la thématique générale de lutilisation des mobiles l 1ere consigne : Design for one web (cf

11 Introduction : plasticité des IHMs – Page 11 WAI l Le Web est partout : les services publics sont en ligne (impots, sncf, enseignement, etc…) l Il doit donc être accessible à TOUS l Comment traiter le handicap : visuel, auditif, physique, cognitif, neurologique, etc. l De plus les solutions ne doivent pas handicapées les personnes non handicapées l Web Content Accessibility Initiative (WAI) représente des industriels, des chercheurs et des personnes connaissant bien les handicap l Donner des consignes et développer des solutions

12 Introduction : plasticité des IHMs – Page 12 WAI l Principaux résultats –Outils automatiques de validation de pages webs (les sites publics ont longtemps été non conformes aux tests) –Consignes pour évaluer si une page est accessible (exemple la faire lire par une synthèse vocale) –Consignes pour concevoir des pages accessibles (exemple classique du tag image à renseigner correctement)

13 Introduction : plasticité des IHMs – Page 13 ui/charter/ Model-based User Interfaces Incubator Group Charter l Model-based User Interfaces Incubator Group, Model-based User Interfaces Incubator Group a pour mission dévaluer les travaux en recherche autour des modèles pour la conception des IHMs pour essayer de sortir des standard Par exemple : les concepteurs dUsiXML font partie de ce groupe de réflexion

14 Introduction : plasticité des IHMs – Page 14 Quand les RIA sont inspirés

15 Introduction : plasticité des IHMs – Page 15 Passage dune page Web à une IHM...

16 Introduction : plasticité des IHMs – Page 16 RIA = le meilleur du web et du "desktop" RIA & conception des interfaces Séparer présentation - logique – données Briques d'IHM réutilisables Nécessité d'installer un plugin dans le navigateur et forte concurrence sur les technologies Multiplication des technologies sur le poste de travail !... RIAs

17 Introduction : plasticité des IHMs – Page 17 AJAX : un ensemble de techno open source éprouvées Asynchronous Javascript And XML Utilisation combinée nouvelle Autres offres Adobe Flex (2004) : Microsoft Silverlight (2006) : Sun JavaFX (2008) : Mozilla XUL (XML User Interface Language) Solutions RIAs disponibles Source : Google Insights

18 Introduction : plasticité des IHMs – Page 18 Exigence des supports mobiles l Illustration des besoins en entreprise –Pour la téléphonie l Exemple dOpen Plug

19 Introduction : plasticité des IHMs – Page 19 Elips l Open-Plug –Créateur dELIPS –Créée en 2002, Open-Plug est basée à Sophia-Antipolis. Open-Plug est membre de la Fondation LiMo (Linux Mobile Foundation). –Fruit de 5 ans de R&D et a fait lobjet de dépôts de brevets. l ELIPS –environnement ouvert de développement (Framework) de téléphones portables grand public. CELIPS permet aux éditeurs de logiciels, aux fabricants de téléphones et aux opérateurs de téléphonie mobile de créer et de déployer des applications mobiles, des interfaces utilisateurs riches et des solutions logicielles. l Pourquoi ? –Pour le développement rapide des nouveaux modèles de téléphones portables et facilite limplémentation de nouvelles solutions logicielles et la création dinterfaces utilisateurs. –Pour réutiliser leurs développements dune plateforme de téléphone à lautre et développer des variantes de leurs produits plus rapidement.

20 Introduction : plasticité des IHMs – Page 20 Quand les chercheurs sen mêlent…

21 Introduction : plasticité des IHMs – Page 21 Equipes et travaux en présence l Equipe IIHM Laboratoire IMAG à Grenoble –Gaelle Calvary & Joelle Coutaz l Equipe RAINBOW Laboratoire I3S à Sophia Antipolis –Michel Riveill & Philippe Renevier & Audrey Occello & Anne Marie Dery l Laboratoire HIIS à luniversité de Pise –Fabio Paterno l Equipe IHM au Université de Valencienne –Anas Hariri & Sophie Lepreux & Christophe Kolski l Laboratoire CHI Université catholique de Louvain –Jean Vanderdonckt

22 Introduction : plasticité des IHMs – Page 22 Exemples darticles l EMMA pour la Plasticité en Mobilité In Actes de la 20ème Conférence francophone sur lInteraction Homme-Machine (IHM2008, Metz, France, Septembre 2008) Vincent GanneauVincent Ganneau, Rachel Demumieux, Gaëlle Calvary DemumieuxGaëlle Calvaryhttp://iihm.imag.fr/publication/GDC08a/ l Model-Driven Engineering of Multi-Target Plastic User Interfaces In Proc. of 4th International Conference on Autonomic and Autonomous Systems ICAS pages Benoit CollignonBenoit Collignon, Jean Vanderdonckt, Gaëlle CalvaryJean VanderdoncktGaëlle Calvary D. Greenwood, M. Grottke, H. Lutfiyya, M. Popescu (eds.), IEEE Computer Society Press, Los Alamitos, Gosier, March Anne-Marie Pinna-Déry, Cédric Joffroy, Philippe Renevier, Michel Riveill, Christophe Vergoni. "ALIAS: A Set of Abstract Languages for User Interface Assembly" in Proceedings of the 9th IASTED International Conference Software Engineering and Applications (SEA'08), IASTED, pages , ACTA Press, Orlando, Florida, USA, nov Anne-Marie Pinna-Déry, Jérémy Fierstone. "Construction d'Interfaces Utilisateurs Par Fusion de Composants d'IHM : un Atout Pour la Mobilité" in Proceedings of the Premières Journées Francophones: Mobilité et Ubiquité, 2004Premières Journées Francophones: Mobilité et Ubiquité

23 Introduction : plasticité des IHMs – Page 23 Un cadre de référence : Cameleon Projet multi partenaires

24 Introduction : plasticité des IHMs – Page 24 Cadre de référence : phase 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

25 Introduction : plasticité des IHMs – Page 25 Tâches & Concepts IHM abstraite IHM concrète IHM finale Config 1 Cadre de r é f é rence : phase conception

26 Introduction : plasticité des IHMs – Page 26 Equipe IIHM : "Plasticité des IHM" l Approches explorées : 1) Composition d'IHM 2) Transformation de modèles (IDM). - métamodèles pour l'IHM - taxonomie d'IHM (extra-IHM, trans-IHM, meta-IHM, mega-IHM). l 3) Modèle d'évolution. - modèle utilisateur par réseau bayésien sur mobile - métamodèle d'évolution - premiers patrons d'adaptation.

27 Introduction : plasticité des IHMs – Page 27 Projet RAINBOW : Plasticité l 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…) l Applications construites à base de composants (composants métiers, composants dIHM, composants services…) Sappuyer sur les infrastructures systèmes (RMI, EJB, …) et sur une plate-forme à composants Exemples : –Agenda collaboratif –Gestion commerciale (facturations, commandes, client, fournisseur)

28 Introduction : plasticité des IHMs – Page 28 Contenu du module Semaine 11H30: Introduction aux RIA (Audrey Occello) 2H00 : Introduction au module Semaine 2 4H Cours Flex en entreprise Semaine 3 2H + 2H : Présentation Open Plug Flex pour Mobile Semaine 4 Semaine libérée Semaine 5 3H : Cours XUL (Paul Franchi) Semaine 6 Des solutions recherche : UsiXML + ALIAS Semaine 7 4H : TP XUL (Paul Franchi) Semaine 8 Dautres solutions en recherche - Approche IIHM (Gaelle Calvary) Semaine 9 ENTRETIENS

29 Introduction : plasticité des IHMs – Page 29 Evaluation Pour chaque thème abordé en cours définir le domaine de plasticité plateforme / environnement / utilisateur conception / exécution modèle sous jacent illustration du besoin sur un exemple avantages et inconvénients Conclusion : votre synthèse Bibliographie Travail individuel Rendu : apport PDF + entretiens Le rapport doit être rendu 2 jours avant lentretien


Télécharger ppt "Introduction : plasticité des IHMs – Page 1 Bref historique concernant les acteurs."

Présentations similaires


Annonces Google