Créer une interface web riche peut rapidement devenir une tâche très complexe mais il existe un truc pour simplifier la vie du concepteur et des développeurs de l’application! La rapidité de l’évolution de l’univers web et la multitude de ses implémentations fait en sorte que les artisans œuvrant dans ce domaine acquièrent de très grandes compétences mais avec des manières de faire très distinctes en fonction des technologies qu’ils ont utilisées.

Dans le cadre d’un projet, ces professionnels de l’informatique ont à développer, entre autres, des interfaces visuelles pour l’interaction de l’application avec les usagers. Ces interfaces rivalisent parfois de sophistication et de complexité car ils représentent une métaphore de la vision que les usagers ont de leur système de gestion de l’information. Il en découle que la composition visuelle des interfaces ne suit pas nécessairement les standards de base proposés par les fournisseurs d’éléments techniques de présentation. C’est là qu’entre en jeu la personnalisation de ces éléments visuels. Et c’est à ce moment que les forces des développeurs, au lieu de créer une synergie, peuvent créer une cacophonie technologique susceptible de consommer plus de temps que prévu dans un projet. Voilà pourquoi un conseil pour simplifier la vie du concepteur et des développeurs de l’application peut être très utile!

Une interface web riche se compose généralement de sections présentant un aspect général du système d’informations en offrant une série d’opérations ayant pour objectif de manipuler ces dites informations. Ces sections peuvent aussi se subdiviser en de plus petites sections présentant une ou plusieurs perspectives détaillées accessibles via des éléments de contrôle visuel. Une représentation visuelle particulière peut être employée pour signifier la création, la modification ou la consultation d’informations. Des opérations effectuées sur une section peuvent affecter la présentation d’une section parente, enfante ou latérale dans la hiérarchie. Une interface web riche, dans ces conditions, a toutes les caractéristiques classiques d’une interface résidante sur le poste client ou « client-serveur » complexe. En d’autres mots, ce n’est plus une simple page web comme il en existe des millions sur la toile mais une application complète.

Le conseil qui suit se décompose en une série facile d’activités qui consistent à :

1. identifier la technologie qui sera utilisée dans la conception de l’interface en fonction des éléments visuels particuliers et leurs besoins d’interactions avec le serveur;
2. identifier à partir des devis de l’application les éléments qui apportent l’homogénéité dans l’ergonomie de la présentation. Ces éléments peuvent être considérés comme les différents plus petits dénominateurs connus et il faut en faire l’inventaire;
3. implémenter chacun de ces éléments précédemment inventoriés et faire en sorte qu’ils soient autoportants. Ce sont des « coquilles vides », des éléments près à être personnalisés par le développeur en fonction des besoins fonctionnels présentés dans le devis de l’application;
4. faire un « livre de cuisine » qui indiquera la manière technique souhaitée pour l’usage de ces composants génériques. Ce guide du développeur doit demeurer simple, il sera utilisé comme référence pour se familiariser avec les composants réutilisables.

Cette démarche en quatre étapes épargnera beaucoup de temps dans la réalisation d’un projet comportant une interface web riche. Il apportera une plus grande cohésion technique, ce qui diminuera le risque d’erreurs durant le développement initial et ultérieurement dans le cycle de vie de l’application. De plus, comme l’information de base pour la réalisation des composants visuels sera écrite, la communication de l’information sera efficace et uniforme peu importe le roulement avec les partenaires du projet. Finalement, cette démarche facilitera la synergie des forces entre les membres de l’équipe de développement et évitera une cacophonie technologique très coûteuse en effort dans un projet.