Outils et langages de description d’écrans
Problématique
Il n'existe pas de diagramme UML spécifiques pour modéliser les IHM. C'est pour combler ce manque que le SNI a été créé.
Le SNI - Schéma Navigationnel d'Interaction
Le SNI est purement conceptuel. Il est indépendant de la technologie uitlisée, du type d'IHM (menu, bouton, toucher) et de tout aspect matériel (clavier, type d'écran, souris, etc.)
Il permet une représentation simple et claire de l'enchaînement des écrans d'une IHM et peut ainsi être compris par tous les intervenants du projet.
Outils
| Outils | Les plus | Les moins | Liens |
|---|---|---|---|
| Microsoft Visio | Très complet, rendu de qualité | Payant, propriétaire, ne fonctionne que sur MS Windows | products.office.com/fr-fr/visio/flowchart-software |
| draw.io | Large panel de diagrammes, gratuit, en ligne | Pas de génération de code. Pas prévu pour le SNI | draw.io/ |
| Dia | Large panel de diagrammes, GPL2, gratuit, multiplateforme | Pas de génération de code. Pas prévu pour le SNI | dia-installer.de/https://products.office.com/fr-fr/visio/flowchart-software |
| VisualSNI | Génération de code, spécifique au SNI | Seulement sur Eclipse | sourceforge.net/projects/visual-sni/ |
Exemple de diagramme SNI
Source : Le SNI : un modèle de haut niveau pour la conception et le maquettage des IHM 1
Conclusion
Dans le cadre d'une utilisation purement formelle, un logiciel tel que draw.io qui permet de réaliser tout de type de diagramme est suffisant. Si l'on souhaite l'intégrer à l'environnement de développement, il sera intéressant d'utiliser un outil spécifique comme VisualSNI qui, par exemple, permet de générer du code.
Annexes