UFR MIM: Anca BORNEA 
        Marius BUTUC
The Human–Computer Interaction 
     Handbook
     Fundamentals, Evolving Technologies, 
     and Emerging Applications


...
16.03.2009   IHM et GL: Conception pour la plasticité des interfaces utilisateur   3
Interaction Humain‐Machine (IHM) 
     par rapport à 
     Génie Logiciel (GL): 
         partagent des valeurs:
         ...
IHM:
         l'homme est la première entité dans toutes les 
         phases de développement.
     GL:
         l'object...
Plasticité: 
         la capacité des solides et des entités biologiques 
         comme les plantes et du cerveau à s'ada...
Contexte / contexte d'utilisation
         Le contexte: 
             ▪ pas simplement un état, mais partie d'un processus...
Foundation Ontologique pour Contexte




16.03.2009    IHM et GL: Conception pour la plasticité des interfaces utilisateur...
Observables du contexte d'utilisation
         le modèle d'utilisateur:
             ▪ attributs et fonctions qui décriven...
Ergonomie: interprétée de différentes façons 
         la facilité d'utilisation et d'apprentissage, tout en 
         exc...
Adaptation du systeme
         le surmoulage de l'interface utilisateur
             ▪ reconfiguration de l‘IU que résulte...
La récupération d'état
         l'effort applique par les utilisateurs à l'exercice de 
         leur activité après que l...
Systèmes interactifs plastiques 
             Home Heating Control System
             CamNote [Java]
             Sedan‐B...
Home Heating Control System
             destiné à être utilisé:
         ▪ à la maison par l’intermédiaire d’un mur dédié...
CamNote
         visualiseur de diapositives qui s’exécute sur une 
         plate‐forme dynamique et hétérogène:




    ...
Sedan‐Bouillon.com
         site qui vise a promouvoir le tourisme dans les 
         régions de Sedan (France) et Bouillo...
Motivation 
     d’ Model‐driven Engineering (MDE) (MDE)
         L'intégration des connaissances et des techniques 
     ...
Modèles
         représentation (d’un système), avec un but précis ;
             ▪ physique – une entité tangible dans le...
Métamodèles
         un modèle d'un ensemble de modèles qui se 
         conforment avec lui ;
         modèles et métamod...
Transformations et la cartographie
         La production d'un ensemble de modèles ciblés à 
         partir d'un ensemble...
Décomposition fonctionnelle pour les 
     systèmes interactifs plastiques
         machines virtuelles = modèles interpré...
Modèles pour la plasticité de l'interface 
     utilisateur
         les méthodes de conception pour IHM produisent 
     ...
Liaisons  entre IHM et GL:
         contemplation ‐> production de scénarios de cas 
         d'utilisation ;
         réu...
en MDE, tout est un modèle ;
     3 principes importants de MDE: 
         conformité ;
         représentation ;
        ...
16.03.2009   IHM et GL: Conception pour la plasticité des interfaces utilisateur   25
16.03.2009   IHM et GL: Conception pour la plasticité des interfaces utilisateur   26
Upcoming SlideShare
Loading in...5
×

IHM et Genie Logiciel: Plasticite

3,234

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
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
3,234
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "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

×