Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Ce livre s’adresse à des lecteurs avertis qui souhaitent découvrir ce qui se ca

Ce livre s’adresse à des lecteurs avertis qui souhaitent découvrir ce qui se cache derrière le terme très médiatisé d’AJAX et ce qu’apporte cette nouvelle méthode de conception de sites Web. Il sera également très utile aux développeurs professionnels pour leur donner une perception globale d’AJAX avant qu’ils n’abordent les kits de développement (framework) utilisés dans leur environnement de travail habituel. Il suppose des connaissances préalables en XHTML et CSS. Son objectif est d’expliquer de façon simple et néanmoins précise, les divers composants d’AJAX et de montrer comment leur utilisation conjointe peut aboutir à des applications Web novatrices. Après une présentation générale d’AJAX, l’auteur détaille JavaScript (notions fondamentales, fonctions et méthodes, conditions et boucles, gestionnaire d’évènements, formulaires, manipulation des chaînes de caractères, tableaux...), le XML (présentation, syntaxe ...), les XSL, le DOM (présentation, les nœuds, l’accès aux objets, aux attributs...), l’objet XMLHttpRequest (présentation, propriétés et méthodes...). Les deux derniers chapitres proposent la mise en application des composants étudiés dans les chapitres précédents pour réaliser de l’AJAX ainsi que des exemples de développements. Cet ouvrage est écrit dans un style concis et précis avec de nombreux exemples significatifs et illustrations pour donner au lecteur une vision juste des possibilités d’AJAX. Les exemples de code utilisés dans l’ouvrage sont en téléchargement sur le site de l’éditeur. Ce livre numérique a été conçu et est diffusé dans le respect des droits d’auteur. Toutes les marques citées ont été déposées par leur éditeur respectif. La loi du 11 Mars 1957 n’autorisant aux termes des alinéas 2 et 3 de l’article 41, d’une part, que les “copies ou reproductions strictement réservées à l’usage privé du copiste et non destinées à une utilisation collective”, et, d’autre part, que les analyses et les courtes citations dans un but d’exemple et d’illustration, “toute représentation ou reproduction intégrale, ou partielle, faite sans le consentement de l’auteur ou de ses ayants droit ou ayant cause, est illicite” (alinéa 1er de l’article 40). Cette représentation ou reproduction, par quelque procédé que ce soit, constituerait donc une contrefaçon sanctionnée par les articles 425 et suivants du Code Pénal. Copyright Editions ENI AJAX Développez pour le web 2.0 Luc VAN LANCKER Résumé L'auteur Depuis les débuts d’Internet, Luc Van Lancker, enthousiasmé par l’idée de communication universelle que véhicule ce concept, s’investit complètement dans ce domaine. Après le HTML, le XHTML, les CSS, il était naturel qu'il se passionne aujourd'hui pour l'AJAX. Formateur expérimenté et grand pédagogue, il a su transmettre au lecteur toute sa passion pour cette nouvelle technologie. - 1 - © ENI Editions - All rigths reserved Principe et définition Le terme Ajax est apparu pour la première fois le 18 février 2005, dans un essai de James Garret intitulé "Ajax : une nouvelle approche pour les applications Web". AJAX est un acronyme d’Asynchonous JavaScript And XML (JavaScript et XML asynchrone) qui désigne une approche innovante dans la conception de pages Web dont l’objectif est d’optimiser leur interactivité et leur confort d’utilisation. AJAX n’est pas une technologie nouvelle, c’est un terme synthétique qui désigne l’utilisation conjointe dans les pages Web de différentes technologies. Ainsi AJAX incorpore : G le Xhtml et les feuilles de style CSS ; G le JavaScript ; G le Document Object Model (DOM) ; G l’objet XMLHttpRequest ; G le XML et le XSL. Le Xhtml et les feuilles de style CSS prennent en charge la présentation des pages de façon standardisée. Le JavaScript, qui marque ainsi son grand retour dans l’univers de la publication sur le web, est omniprésent dans les applications AJAX. Les objets du document sont pris en charge selon le Document Object Model (le DOM) du consortium W3C. L’objet XMLHttpRequest permet de lancer des requêtes de la page Web vers le serveur pour y récupérer des fichiers. Son fonctionnement permet d’effectuer ces requêtes de façon asynchrone, soit en arrièreplan de la page et de façon complètement transparente pour l’utilisateur. Les fichiers récupérés sont au format XML, les apports de ce format dans le domaine de l’échange des données n’est plus à présenter. Il s’agit donc de techniques, du JavaScript au XML en passant par le DOM et l’objet XMLHttpRequest qui sont éprouvées, standardisées et maîtrisées. Ce qui est assez prometteur quant à la compatibilité d’AJAX avec les navigateurs actuellement utilisés sur le Web. Mais c’est dans l’utilisation conjointe de ces différentes technologies que réside l’originalité du fonctionnement d’AJAX que nous appellerons par la suite, le modèle AJAX. - 1 - © ENI Editions - All rigths reserved Ce modèle AJAX se décompose comme suit : G La page Web s’affiche, comme à l’accoutumé, dans le navigateur, appelé aussi le client. G La moindre interaction de l’utilisateur, par exemple l’encodage d’un formulaire ou le cliquer/déplacer d’un élément, est prise en charge par la gestion des événements de JavaScript. G Le code JavaScript de la page initie une requête XMLHttpRequest vers un fichier XML situé sur le serveur. G Le fichier XML réclamé, est renvoyé vers le navigateur de l’utilisateur. G Il est alors pris en charge par le DOM, et toujours par le JavaScript, pour être traité et affiché de façon dynamique dans la page initiale. Toute cette procédure s’est déroulée de façon transparente pour l’utilisateur, sans nécessiter le rechargement fastidieux de la page. Le modèle AJAX permet ainsi de sortir du schéma traditionnel de la conception de pages Web qui necessitait que chaque nouvelle information réclame une nouvelle page. - 2 - © ENI Editions - All rigths reserved Avec AJAX, une nouvelle information peut être récupérée dans un petit fichier situé sur le serveur. Ce fragment d’information peut alors être pris en charge et affiché dans une zone de la page et compléter ainsi la page initiale. En évitant l’actualisation de la page et la perte de temps que cela entraîne, les applications gagnent ainsi en fluidité. En outre l’ergonomie s’en trouve améliorée car l’utilisateur peut rester concentré sur la lecture de la page ou la tâche accomplie. Le schéma traditionnel de la relation clientserveur, mis en place dès les origines du Web par la caractéristique hypertexte des pages Web, est ainsi mis en question. Selon celuici, la plupart des interactions de l’utilisateur comme le clic sur un lien ou l’envoi d’un formulaire, déclenchent une requête HTTP vers le serveur Web. Ce dernier, après le traitement éventuel des données, retourne une nouvelle page Html ou Xhtml au client. La session de l’utilisateur est alors une succession de requêtes HTTP et de réponses du serveur. Cet allerretour incessant du client vers le serveur affiche à chaque fois une nouvelle page dans le navigateur. Avec le schéma AJAX, la page Web initiale comprend une part importante de code AJAX qui permet, soit de prendre en charge une série d’opérations comme la validation de formulaires, soit d’initier des requêtes XMLHTTPRequest pour toutes informations complémentaires nécessaires. Les données ainsi retournées viennent s’incorporer de façon asynchrone dans la page initiale en apportant une facilité d’utilisation et une réactivité inconnues à ce jour sur la toile. Le schéma traditionnel - 3 - © ENI Editions - All rigths reserved Le schéma AJAX La puissance du concept AJAX est telle que l’on peut envisager des applications Web qui se rapprochent des applications logicielles, appelées aussi applications de bureau. Ce qui modifie complètement la richesse de l’interface et la potentialité des services des pages Web. Mais l’enjeu d’AJAX va plus loin que ces considérations techniques. Son fonctionnement réactif permet de reconsidérer totalement l’ergonomie des sites Web. Alors que pendant près d’une décennie, la réalisation de sites plaisants à l’œil était d’actualité, à présent la conception de sites plaisants à être utilisés est envisageable. L’utilisateur devient ainsi l’élément central des préoccupations des développeurs. La définition d’AJAX n’est cependant pas à prendre à la lettre. L’approche AJAX est dans la pratique plus souple. Soulignons par exemple, que l’objet XMLHttpRequest permet de récupérer, non seulement des fichiers XML, mais aussi de simples fichiers de texte (au sens informatique du terme). Cette caractéristique élargit considérablement le champ des possibilités offertes aux développeurs. Le concept AJAX est mis en avant et soutenu par Google. De nombreuses applications signées Google en reprennent l’approche. On songe ainsi à Google Maps et Google Suggest que nous allons aborder au point suivant. Il met également à la disposition des concepteurs un kit de développement (en open source). Le fait qu’une figure emblématique du Web comme Google s’investisse ainsi dans les applications AJAX, ne peut que susciter ou renforcer l’intérêt des développeurs de sites Web. - 4 - © ENI Editions - All rigths reserved Exemples sur le Web 1. Google Maps Google Maps est un service en ligne (gratuit) de cartes géographiques, calcul d’itinéraires et de vues satellites. Ce site permet, à partir de l’échelle d’un continent ou d’un pays, de zoomer par un double clic ou par l’utilisation de la roulette de la souris, jusqu’à l’échelle d’une rue. On peut aussi basculer d’un simple clic, de la carte classique avec le nom des rues, des quartiers et des villes à des images satellites de la même localisation. Il uploads/Litterature/ ajax-developpez-pour-le-web-2-0.pdf