les clients web riches

LEFEBVRE Benoit
LIANI Samir
IMA3i
LES CLIENTS WEB
RICHES
Tuteur : Olivier CARON
Plan
 Introduction
 Différents types de clients
 Les clients riches
 Fonctionnement
 Les technologies
 Exemple 1 : AJAX
 Exemple 2 : XUL
 Conclusion
Différents types de clients
 Client / Serveur : échange de services
 Clients lourds
 Traitement évolué
 Grande ergonomie
 Problème de mises à jour
 Clients légers
 Traitement coté serveur
 Mises à jour aisées
 Interface graphique pauvre
 Clients riches
 Compromis lourd - léger
Les clients riches
 Fonctionnement
 Différentes technologies
 RIA
  applications dynamiques pour Internet
 RDA
  applications pour bureaux
  pas de navigateur web
Fonctionnement
 Fichier XML
 Socle d’exécution :
 Framework .Net, Mozilla, Java Runtime
Environment…
 Interprète fichier XML (description écrans,
cinématique de l'application, données)
 Assemblage composants graphiques
 Services Web…
 Echanges nombreux
Les technologies
 RIA :
 Standards XML : XUL, XAML, Flash, Ajax …
 Socle d’exécution = navigateur web
 Rapide, puissant, multi user !
 RDA :
 Technologies : Eclipse RCP, Windows Smart
Client, Java Web Start …
 Exécution sur poste client
 Gros volume de données / Usage graphique
AJAX
 Asynchronous Javascript and XML
 Client : Javascript, HTML, CSS, XML
 Serveur : PHP ou autre…
 Classe XMLHttpRequest
 Meilleure productivité
 Chargement de pages …
 Maintenance aisée
AJAX
 XMLHttpRequest
 Interception événements de la page
 Insertion dynamique contenu du serveur web
 Javascript  requête vers le serveur
 Navigateur : contenu et pas d’applications
 Serveur : envoie de données, pas de contenu
AJAX
 Interactivité / Réactivité
 Interface riche
 Environnement serveur interchangeable
 Problèmes :
 Latence
 Javascript doit être activé
XUL
 Intégré au moteur Gecko de Mozilla
 Ensemble de balises
 Boutons, listes, menus …
 Langage facile à utiliser
 Association d’événements clients serveurs
 Réutilisation de composants
 Fichier XBL
XUL
 Notion de boîtes, éléments, sous éléments
 Paramétrage de leurs comportements
 Association feuille CSS
 Règle : un seul élément <window>
XUL
 Récupération des données utiles
 Mise à jour des éléments plus rapide
 Récupération en XML  Ajax avec XUL
 Interopérabilité
 Rapide, facile à installer
 Incompatibilité
 Difficile pour un novice
EXEMPLE CONCRET
 Widget Ajax
Conclusion
 Ajax
 XUL
http://www.chevrel.org/confs/abul06/xul/top.xul