LES CLIENTS WEB RICHES Tuteur : Olivier CARON LEFEBVRE Benoit

Présentation au sujet: "LES CLIENTS WEB RICHES Tuteur : Olivier CARON LEFEBVRE Benoit"— Transcription de la présentation:

1 LES CLIENTS WEB RICHES Tuteur : Olivier CARON LEFEBVRE Benoit
LIANI Samir IMA3i LES CLIENTS WEB RICHES Tuteur : Olivier CARON

2 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

3 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

4 Les clients riches Fonctionnement Différentes technologies RIA RDA
 applications dynamiques pour Internet RDA  applications pour bureaux  pas de navigateur web

5 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

6 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

7 AJAX Asynchronous Javascript and XML
Client : Javascript, HTML, CSS, XML Serveur : PHP ou autre… Classe XMLHttpRequest Meilleure productivité Chargement de pages … Maintenance aisée

8 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

9 AJAX Interactivité / Réactivité Interface riche
Environnement serveur interchangeable Problèmes : Latence Javascript doit être activé

10 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

11 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>

12 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

13 EXEMPLE CONCRET Widget Ajax

14 Conclusion Ajax XUL