AJAX
AJAX 1 - Historique 2 - Définition d’Ajax 3 - Schémas explicatifs 4 - Exemple d’une application en Ajax 5 - Avantages et inconvénients d’Ajax Conclusion
1 - Définition d’Ajax 1/3 la combinaison d’un ensemble de technologies web populaires pour améliorer l’ergonomie des applications web connexions client / serveur s’effectuent sans modifier totalement la page dans le navigateur.
1 - Définition d’Ajax 2/3 © Luke Wroblewski
1 - Définition d’Ajax 3/3 Ajax utilise principalement : JavaScript XMLHttpRequest HTML et CSS DOM XSLT et XML
2 - Schéma explicatif n°1 Modèle d’application web Ajax Modèle d’application web classique XMLHttpRequest Interface utilisateur Serveur Web Requête http Données HTML+CSS Données XML Appel JavaScript Moteur Ajax Serveur Web et/ou XML
2 - Schéma explicatif n°2
3 - Exemple d’une application en Ajax http://www.netvibes.com
4 - Avantages et inconvénients d’Ajax Les applications plus interactives et réactives La page web est personnalisable L’exécution se fait rapidement Ajax est compatible avec la plupart des navigateurs web
4 - Avantages et inconvénients d’Ajax On ne peut pas utiliser le bouton "Retour" Problèmes au niveau de la mise en page des signets Problème au niveau de l’indexation du contenu des pages par les moteurs de recherche Temps de latence (parfois) Ajax est complexe à développer Prévoir une solution pour les utilisateurs ayant désactivé JavaScript ou ne pouvant pas l'utiliser
Conclusion Ajax est un outil très performant Il faut prévoir une alternative à Ajax dans la page web On peut prédire un bel avenir à Ajax car le web 2.0 prévoit dans sa norme l’utilisation de techniques telles qu’Ajax pour l’ergonomie des sites. Web 2.0
Pour plus d’infos… Sites : http://www.xul.fr/xml-ajax.html Pour apprendre Ajax http://script.aculo.us/ Site en Ajax proposant des exemples en Ajax Livre : « Ajax à 200% », Bruce W. Perry, O’Reilly France.
Fin