Interface Web 'like' Client/serveur

Pour un grand nom de la VPC, il s'agissait de refondre une application Client/Serveur vers la technologie Web avec un minimum d'impacts sur les utilisateurs en terme d'ergonomie, donc en conservant les fonctionnalités propres à cet environnement (Drag&Drop, Copier Coller, onglets, style sheet, graphiques,...).

La solution a été de retenir les avantages des 2 technologies que sont le Client Lourd (Swing, Swt), complexe et long à mettre en œuvre et peu stable et le Client Léger (HTML, JavaScript), peu maintenable pour des IHM complexes et de définir un client 'Riche' présentant les avantages du client léger en terme de déploiement avec toutes les fonctions ergonomiques du Client Serveur.

La solution technique retenue a été la mise en œuvre de deux FrameWork Open Source (Tiles & Struts) enrichis par des fonctionnalités :

• serveur de gestion de contexte (Gestion des onglets), de gabarit (iFrame), de construction dynamique de graphique, etc.
  
• clientes par implémentation des fonctionnalités natives DOM (Drag&Drop – Copier/Coller, Glisser/Déplacer, etc.) & enrichissement d'autres fonctionnalités (Style Sheet, etc.)
  

Interface "Saisie de Masse"

Ici, la problématique du client était de s'assurer qu'une interface WEB pouvait intégrer facilement (en terme de développement) et de façon performante, les problématiques de saisie de masse, à savoir principalement : Raccourci clavier - Flèche Haute-Basse - AutoSkip (Possibilité de passer automatiquement au champ suivant une fois le nombre de caractères maximum saisi dans le champ précédent) - Formatage automatique de type de données (Date - Téléphone - Montant - Taux - etc.) - etc.

Encore une fois, SALTO a utilisé la puissance de JavaScript & du DOM en en masquant la complexité d'implémentation aux développeurs, à travers la réalisation d'un FrameWork de Présentation orienté « Saisie de Masse ».

La solution technique consiste à enrichir HTML par des verbes complémentaires (<Input AutoSkip=true Format='00.00.00.00.00' >) traduit par une fonction JavaScript « ancêtre » (intégrée dans une bibliothèque), elle-même dispatchant les événements sur les autres fonctions dédiées.

La réalisation d'un prototype, réalisé par les équipes internes, a mis en évidence la pertinence de la solution en terme de minimisation de la conduite du changement (Formation uniquement au FrameWork & pas à une nouvelle technologie) et de capacité à monter la charge, condition absolument nécessaire dans un contexte de « Saisie de Masse ».

Frédéric WIBAUT