LES CLIENTS WEB RICHES Tuteur : Olivier CARON LEFEBVRE Benoit LIANI Samir IMA3i LES CLIENTS WEB RICHES Tuteur : Olivier CARON
Plan Introduction Les clients riches Exemple 1 : AJAX Exemple 2 : XUL 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 RDA 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 : RDA : 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 Navigateur : contenu et pas d’applications 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 Interopérabilité 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