IHM et Genie Logiciel: Plasticite

3,589 views
3,508 views

Published on

Presentation for the "Modèle pour la conception et l'évaluation des logiciels" class (Mar. 2009) at Université Paul Verlaine - Metz, based on HCI and Software Engineering: 
Designing for User Interface Plasticity by Jöelle Coutaz and Gäelle Calvary [from "The Human–Computer Interaction Handbook"]

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,589
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

IHM et Genie Logiciel: Plasticite

  1. 1. UFR MIM: Anca BORNEA  Marius BUTUC
  2. 2. The Human–Computer Interaction  Handbook Fundamentals, Evolving Technologies,  and Emerging Applications HCI and Software Engineering:  Designing for User Interface Plasticity Jöelle Coutaz et Gäelle Calvary Université Joseph Fourier, Grenoble 16.03.2009 IHM et GL: Conception pour la plasticité des interfaces utilisateur 2
  3. 3. 16.03.2009 IHM et GL: Conception pour la plasticité des interfaces utilisateur 3
  4. 4. Interaction Humain‐Machine (IHM)  par rapport à  Génie Logiciel (GL):  partagent des valeurs: ▪ l'analyse des besoins, ▪ la conception progressive et itérative, ▪ l'assurance de la qualité. …mais les utilisent différemment. 16.03.2009 IHM et GL: Conception pour la plasticité des interfaces utilisateur 4
  5. 5. IHM: l'homme est la première entité dans toutes les  phases de développement. GL: l'objectif final est un système fonctionnel mis au  point avec un coût minime et livré à temps, tout  en satisfaisant les spécifications contractuelles. 16.03.2009 IHM et GL: Conception pour la plasticité des interfaces utilisateur 5
  6. 6. Plasticité:  la capacité des solides et des entités biologiques  comme les plantes et du cerveau à s'adapter aux  contraintes externes pour préserver l'utilisation  continue.  Plasticité appliquée aux systèmes interactifs: la plasticité de l'interface utilisateur est la capacité  à s'adapter au contexte d'utilisation tout en  préservant l’ergonomie. 16.03.2009 IHM et GL: Conception pour la plasticité des interfaces utilisateur 6
  7. 7. Contexte / contexte d'utilisation Le contexte:  ▪ pas simplement un état, mais partie d'un processus.  Nous utilisons contexte d'utilisation, et pas  contexte, pour nous référer a l'espace des  informations qui servent les processus  d'adaptation lorsque le contexte change. 16.03.2009 IHM et GL: Conception pour la plasticité des interfaces utilisateur 7
  8. 8. Foundation Ontologique pour Contexte 16.03.2009 IHM et GL: Conception pour la plasticité des interfaces utilisateur 8
  9. 9. Observables du contexte d'utilisation le modèle d'utilisateur: ▪ attributs et fonctions qui décrivent l'archétype de la  personne qui utilise le système interactif. le modèle de l'environnement: ▪ attributs et fonctions qui caractérisent le lieu physique où  l'interaction va avoir lieu ou elle est en cours. le modèle de la plate‐forme: ▪ calculs, détection, mise en réseau, et interactions qui lient  l'ensemble des ressources physiques et virtuelles. 16.03.2009 IHM et GL: Conception pour la plasticité des interfaces utilisateur 9
  10. 10. Ergonomie: interprétée de différentes façons  la facilité d'utilisation et d'apprentissage, tout en  excluant l'utilité; la facilité d'utilisation et l'utilité, tout en ignorant  la facilité d'apprentissage; GL: une propriété intrinsèque du logiciel; IHM: la facilité d'utilisation est contextuelle: un  système n'est pas intrinsèquement utilisable ou  inutilisable. 16.03.2009 IHM et GL: Conception pour la plasticité des interfaces utilisateur 10
  11. 11. Adaptation du systeme le surmoulage de l'interface utilisateur ▪ reconfiguration de l‘IU que résulte de l'application de l'une  ou plusieurs transformations, sur toute ou partie de l‘IU. la distribution de l'interface utilisateur ▪ IU utilise ressources d'interaction répartisses dans un cluster. la migration de l'interface utilisateur ▪ cession de tout ou partie des composants de l’IU a différents  moyens d'interaction si ces ressources appartiennent à la  plate‐forme actuelle ou à une autre. 16.03.2009 IHM et GL: Conception pour la plasticité des interfaces utilisateur 11
  12. 12. La récupération d'état l'effort applique par les utilisateurs à l'exercice de  leur activité après que l'adaptation a eu lieu. L’état de recouvrement est effectué lorsque  l'état du système est enregistré au niveau de: la session, la tâche, l’action physique. 16.03.2009 IHM et GL: Conception pour la plasticité des interfaces utilisateur 12
  13. 13. Systèmes interactifs plastiques  Home Heating Control System CamNote [Java] Sedan‐Bouillon [PHP‐MySQL] services accessibles à partir de différents types de  dispositifs: ▪ postes de travail, ▪ assistants numériques personnels (PDA), ▪ téléphones mobiles 16.03.2009 IHM et GL: Conception pour la plasticité des interfaces utilisateur 13
  14. 14. Home Heating Control System destiné à être utilisé: ▪ à la maison par l’intermédiaire d’un mur dédié ou par  l’intermédiaire d’un PDA connecté à un réseau sans fil ; ▪ dans le bureau, par l’intermédiaire du web, en utilisant  un poste de travail ; ▪ n’importe où en  utilisant un  téléphone portable  ou une montre. 16.03.2009 IHM et GL: Conception pour la plasticité des interfaces utilisateur 14
  15. 15. CamNote visualiseur de diapositives qui s’exécute sur une  plate‐forme dynamique et hétérogène: a) interface utilisateur distribuée sur PC et sur PocketPC, b) panneau de contrôle lors de l’affichage sur PC. 16.03.2009 IHM et GL: Conception pour la plasticité des interfaces utilisateur 15
  16. 16. Sedan‐Bouillon.com site qui vise a promouvoir le tourisme dans les  régions de Sedan (France) et Bouillon (Belgique) ;  16.03.2009 IHM et GL: Conception pour la plasticité des interfaces utilisateur 16
  17. 17. Motivation  d’ Model‐driven Engineering (MDE) (MDE) L'intégration des connaissances et des techniques  du génie logiciel mis au point en utilisant les  suivants concepts clés: ▪ modèle ; ▪ transformation de modèle ; ▪ cartographie. 16.03.2009 IHM et GL: Conception pour la plasticité des interfaces utilisateur 17
  18. 18. Modèles représentation (d’un système), avec un but précis ; ▪ physique – une entité tangible dans le monde réel ; ▪ abstract – une entité dans l'esprit humain ; ▪ numérique – une entité a l’interior des ordinateurs.  autre clasification: ▪ contemplatif – traitées automatiquement par  ordinateurs ; ▪ de production – traitable par des ordinateurs ; IHM ‐> modèles contemplatifs 16.03.2009 IHM et GL: Conception pour la plasticité des interfaces utilisateur 18
  19. 19. Métamodèles un modèle d'un ensemble de modèles qui se  conforment avec lui ; modèles et métamodèles forment un arbre:  ▪ un modèle se conforme à un seul métamodèle, ▪ un métamodèle peut avoir des multiples modèles  compatibles. 16.03.2009 IHM et GL: Conception pour la plasticité des interfaces utilisateur 19
  20. 20. Transformations et la cartographie La production d'un ensemble de modèles ciblés à  partir d'un ensemble de modèles source, selon  une définition de transformation. Caractérisées dans un espace à 4dimensions: ▪ automatique / semi‐automatique / effectuée manuelle ; ▪ verticale / horizontale ; ▪ endogène / exogène ; ▪ inter‐technologicales ‐ la clé de la connaissance et  l'intégration technique, quête de la MDE.  16.03.2009 IHM et GL: Conception pour la plasticité des interfaces utilisateur 20
  21. 21. Décomposition fonctionnelle pour les  systèmes interactifs plastiques machines virtuelles = modèles interpréteurs de  toutes sortes:  ▪ Java VM ; ▪ interpréteurs de modalité ; ▪ autres modèles interpréteurs.  16.03.2009 IHM et GL: Conception pour la plasticité des interfaces utilisateur 21
  22. 22. Modèles pour la plasticité de l'interface  utilisateur les méthodes de conception pour IHM produisent  une grande partie de modèles contemplatifs  (scénarios, dessins, storyboards, maquettes) ; modèles contemplatifs ▪ utiles pour le processus de conception ; ▪ ne peuvent pas être transformés manuellement en  modèles productifs.  16.03.2009 IHM et GL: Conception pour la plasticité des interfaces utilisateur 22
  23. 23. Liaisons  entre IHM et GL: contemplation ‐> production de scénarios de cas  d'utilisation ; réunissant des modèles productifs de tâches avec  les diagrammes de classes UML pour couvrir les  services dépendant de domaine et les concepts ; description contemplative du contexte  d'utilisation ‐> la conditions de l'espace  ontologique. 16.03.2009 IHM et GL: Conception pour la plasticité des interfaces utilisateur 23
  24. 24. en MDE, tout est un modèle ; 3 principes importants de MDE:  conformité ; représentation ; transformation. en IHM, les approches fondées sur les  modèles de la génération automatique  d'interfaces utilisateurs ont été déjà étudiées.  16.03.2009 IHM et GL: Conception pour la plasticité des interfaces utilisateur 24
  25. 25. 16.03.2009 IHM et GL: Conception pour la plasticité des interfaces utilisateur 25
  26. 26. 16.03.2009 IHM et GL: Conception pour la plasticité des interfaces utilisateur 26

×