1. Introduction aux développements d'IHMs
David Sciamma
© Anyware Technologies-All Right Reserved

2. Plan
• Historique des architectures
• Caractéristiques d'un « Client Riche »
• Terminologie
• Problématique de communication
© Anyware Technologies-All Right Reserved
• Technologies disponibles

3. © Anyware Technologies-All Right Reserved
Historique des architectures

4. Client lourd
• L'application est déployée « manuellement » sur
chaque poste utilisateur
• L'ensemble de la logique applicative est sur le
client
• Possibilité de se connecter à d'autres
© Anyware Technologies-All Right Reserved
applications distantes via des couches basses
►Base de données
►Protocole de communication (Socket, Corba...)

5. © Anyware Technologies-All Right Reserved
ok
Vue
Client Lourd
Controlleur
Logique applicative
Données
Client lourd

6. Client lourd
• Avantages
►IHM évoluée
►Exécution rapide
►Intégré au système d'exploitation
• Inconvénients
© Anyware Technologies-All Right Reserved
►Déploiement et mise à jour compliqué
►Evolutivité limitée
►Peu adapté aux nouvelles ergonomies

7. Client léger
• L'application est hébergée sur le serveur et seule
l'IHM est téléchargée sur le client au moment de
sa visualisation
• Aucune logique sur le client, tout est fait sur le
serveur
© Anyware Technologies-All Right Reserved
• Utilisation du standard HTML
• Accessible via un navigateur :
►Firefox, Internet Explorer, Safari...

8. © Anyware Technologies-All Right Reserved
Client Léger
Vue
Vue
Controlleur
Serveur d'applications
Logique applicative
Données
Client léger

9. Client léger
• Avantages
►Déploiement et maintenance simple
►Navigation évoluée
►Basé sur les standards du net : HTTP, HTML...
• Inconvénients
© Anyware Technologies-All Right Reserved
►Pauvreté des IHMs
►Complexité pour réaliser de réelles applications
►Consommateur de bande passante (transfert de l'IHM
à chaque page)
►Affichage discontinu

10. Client riche
• Le meilleur des 2 mondes
►Interface utilisateur évoluée
►Déploiement et maintenance simple
►Basé sur les standards du net
• Séparation des domaines : IHM, Logique Applicative,
© Anyware Technologies-All Right Reserved
Données
• Navigation fluide, ergonomie
►C'est un concept plutôt qu'une réelle solution

11. © Anyware Technologies-All Right Reserved
ok
Client Riche
Vue
Controlleur
Logique applicative
Serveur d'applications
Données
Client riche

12. Caractériques d'un « Client Riche »
• Interface utilisateur évoluée
►Ergonomie
►Interactivité
►Navigation
►Possibilités graphiques avancées
− Arbre
© Anyware Technologies-All Right Reserved
− Table avec tri
− Drag-and-Drop
− Raccourcis clavier
− ...

13. Caractériques d'un « Client Riche »
• Facilité de déploiement et de maintenance
• Gestion du mode déconnecté
• Architecture Orienté « Services » (SOA)
© Anyware Technologies-All Right Reserved

14. Conclusion
• Le client riche est la nouvelle façon de réaliser
des IHMs
• Cela propose les avantages des différentes
architectures utilisées jusqu'à présent
• Cela intègre les nouvelles problématiques liées à
l'évolution des système d'information
© Anyware Technologies-All Right Reserved

15. © Anyware Technologies-All Right Reserved
Merci
Questions ?