< bouye : blog />

Un article de bouye    Pas de commentaires

Contemporary User Interface Design Patterns in JavaFX 2.2

Peter Pilgrim (consultant indépendant)

Les design patterns s’appliquent aussi à la présentation des UI.
L’apparence n’entre pas en compte, ce qui importe, c’est la fonctionnalité au niveau business. L’apparence vient après.

1) data tip : une info qui s’affiche au survol d’un élément, utilisé pour les info bulles, les erreurs ou encore les info géographiques.

Facile

Pas adapté si il y a trop d’informations à afficher.

Ici, dans l’exemple, une info bulle s’affiche au passage de la souris sur la data.

2) date spot light : une info qui s’affiche au survol d’un élément, utilisé pour les info tout en rendant moins visible les autres point d’intérêt autour.

Facile

Attire l’attention de l’utilisateur sur ce qui est important.

Ici, dans l’exemple, les autres séries du graphe deviennent transparentes et seule la série concernée est opaque.

3) Alternative View : vue différente sur le même document, ex : google map + Google street view

Modérée

4) Movable Panel : afficher des modules satellites configurables autour de l’information principal. Ex : portail web

Difficile à cause de la gestion des layout

5) Broadcast Media Player utilisé pour afficher de la vidéo avec possibilité de changer la position dans le flux, affiche le temps total, restant, etc.

Difficile car doit être lié à des choix de design sur les fonctionnalités à offrir.

> penser à bien lire la doc de Region et des layouts.

> De même pour la gestion des events.

> Faire translateX et translateY pour déplacer les nœuds et ensuite convertir ces coordonnées en layoutX layoutX

> Surcharger Control pour les contrôles et Region pour les conteneurs