B. Les IHM (Interface
Homme-Machine)
L'exemple de Visual Editor pour Java
Tout ce que l'on a vu jusqu'à maintenant concernait la
conception pure de logiciel, mais sans un brin d'IHM, les logiciels ne seraient
utilisables que par une petite partie de personnes. Ainsi, toujours dans
l'idée de s'abstenir de programmer, de nombreux éditeurs d'IHM
existent. J'ai choisi de vous expliquer le fonctionnement de l'un d'entre eux :
Visuel Editor qui est un plug-in pour Eclipse (environnement de
développement).
L'éditeur graphique Visual Editor (VE) permet de
développer rapidement des interfaces graphiques basées sur
SWING/SWT (bibliothèque graphique pour JAVA). L'éditeur graphique
génère un code Java standard de bonne qualité qui peut
être modifié par la suite. Les évènements des objets
graphiques peuvent également être générés
avec VE. Il est aussi possible de gérer les modèles abstraits
pour les objets complexes tels que les Jtable ou encore les Jlist. La prise en
main de VE est intuitive, par exemple la gestion des layouts (mise en page)
permet de définir des structures graphiques complexes d'objets
imbriqués avec les containers (conteneurs). Le code
généré n'a pas un format spécifique à
Eclipse VE, un simple éditeur comme notepad++, peut suffire pour
continuer un développement.
VE est divisé en deux fenêtres, l'une montrant
les composants de Java dans une fenêtre de conception, et l'autre
montrant la source associée. Dans la fenêtre de conception ce sont
des représentations graphiques (boutons, label, layout,...). Lorsque
vous modifiez les composants dans la fenêtre de conception, la source est
mise à jour. Inversement, lorsque vous modifiez les fichiers source, la
fenêtre de conception est mise à jour afin de refléter les
modifications que vous apportez. Ce cycle de déclenchement des
fenêtres de conception et de la source est conçu de telle sorte
que l'éditeur visuel pour Java peut être utilisé non
seulement comme un outil pour générer du code, mais comme un
éditeur pour montrer l'effet de modifications du code source au cours du
développement. Une fois que vous apportez des modifications à
votre fichier dans un autre éditeur, vos changements seront
reflétés dans la fenêtre de conception de VE.
VE montre par défaut la fenêtre de conception
dans un onglet "Design" et la source dans un onglet "source". La fenêtre
de conception est une surface WYSIWYG qui vous permet de composer l'interface
graphique que vous construisez, tandis que le volet source affiche le contenu
du fichier Java. La fenêtre de conception dispose d'une palette sur la
gauche qui vous permet de contrôler la sélection des composants. A
tout moment vous pouvez utiliser l'option Annuler dans le menu d'édition
ou de l'action afin d'annuler une modification.
Bien sûr VE n'est pas le seul éditeur graphique
pour JAVA, on peut également citer WindowsbuilderPro ou encore
Jbuilder.
Figure 19 : Aperçu de la partie graphique de
Visual Editor sous JAVA
Figure 20 : Aperçu de la partie source de
Visual Editor sous JAVA
Pour la source, voir l'Annexe 2.
| 
