24.06.2013 Views

Dégradation harmonieuse d'interfaces utilisateur - UsiXML

Dégradation harmonieuse d'interfaces utilisateur - UsiXML

Dégradation harmonieuse d'interfaces utilisateur - UsiXML

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

Remarquons que l’apparence graphique de l’accumulateur n’est pas unique, il existe<br />

plusieures variantes (on peut notamment sans rendre compte en consultant la figure 47).<br />

Cette description nous sera particulièrement utile en ce qui concerne la substitution de widget.<br />

Néanmoins, comme nous le verrons dans la description du programme, nous n’utiliserons pas<br />

toute l’information véhiculée par ce modèle.<br />

La représentation des relations de placement<br />

Pour représenter nos relations de placement, nous allons fortement travailler en analogie avec<br />

QTk. Ainsi, notre représentation au niveau lexical proposera un système coordonné où<br />

l’origine se place dans le coin supérieur gauche du système.<br />

Figure 50 – Notre système de coordonnées au niveau lexical<br />

En ce qui concerne les relations syntaxiques, QTk offre l’avantage de disposer de deux<br />

widgets spéciaux (lr et td) qui servent de conteneurs et d’aide aux placement entre différents<br />

autres widgets. Ceux-ci disposent également de code spécifique (newline, empty, continue)<br />

qui permettent d’organiser tous les widgets qui sont à l’intérieur d’être organisés selon une<br />

structure de grille, ou encore du paramètre glue spécifiant le placement des widgets contenus<br />

lorsque la fenêtre est redimensionnée. Ainsi, nous baserons toutes ces relations suivant ces<br />

deux widgets.<br />

Plusieures notations ont été proposées pour spécifier ces relations de manière abstraite<br />

([Allen83], [Vanderdonckt 1997]) mais nous ne les exprimerons cependant pas de cette<br />

manière et utiliserons directement ces deux widgets pour construire nos interfaces de manière<br />

similaire à l’exemple du point 4.1.<br />

5.6 Architecture de l’application<br />

Architecture logique<br />

(0,0)<br />

y<br />

Fenêtre<br />

Notre architecture logique se compose de huit couches : la couche Description des interfaces<br />

<strong>utilisateur</strong>, la couche Mise en évidence d’unité de présentation et des fonctions sémantiques<br />

associées aux tâches, la couche Description des objets interactifs, la couche Structuration<br />

d’unités de présentation et de fonctions sémantiques, la couche Génération d’interfaces semiconcrètes,<br />

la couche Transformation d’interfaces, la couche Génération d’interfaces<br />

concrètes, et enfin, la couche Visualisation d’interfaces concrètes. Le schéma de la page<br />

suivante montre leur agencement (les différentes relations entre MODULES sont des relations<br />

USES). Nous allons les décrire brièvement une par une en commençant par la plus basse.<br />

78<br />

x

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!