Ajax Journal

Steven Miles a développé un script d'upload de fichier utilisant Ajax afin de rendre compte à l'utilisateur de l'avancement de l'upload de ses fichiers. Perl, PHP et Javascript animent le tout. Le look de l'ensemble est facilement adaptable en modifiant la CSS.

Attention cette application s'adresse à nos amis les geeks (bon ok, j'en suis un jusqu'à la moelle ...), Ajaxterm est un emulateur de terminal web développé par Antony Lesuisse en Python. Mais à quoi ca sert ? Une connexion http ou https, un navigateur web et hop vous voilà connectez sur une machine distante en SSH, magique non ?

Yahoo! a récemment ouvert au public la version beta de sa future page d'accueil. Look rafraîchit, barre de recherche plus grande, Javascript et Ajax pour rendre la page plus interractive (par exemple sur la partie droite de la page, Mail, Weather). Une version de test prometeuse du prochain visage de Yahoo!

L'excellent Ajaxian.com propose aujourd'hui un article pour découvrir le toolkit Dojo par la pratique (en anglais seulement).

Google vient de publier son propre toolkit web portant le nom très original de Google Web Toolkit. Google présente son toolkit comme un framework de développement Java permettant d'écrire des applications AJAX comme Gmail facilement et ce même pour les développeurs ne connaissant pas toutes les subtilités du développement web (vous savez, les fameux bugs de certains navigateurs, les différences de comportements entre les navigateurs ...). Le GWT permet donc au développeur d'écrire le code de son application Web en Java, le code Java se trouvant alors convertit par GWT en code Javascript et HTML fonctionnant avec tous les navigateurs (sans code spécifique semble-t-il). La documentation d'API est disponible en ligne ainsi que des exemples d'utilisations (interface graphique, RPC ...).

Voici le début d'une série de 2 ou 3 articles (je ne me suis pas encore décidé) sur l'écriture d'une application AJAX, ici point d'application révolutionnaire, mais un pretexte pour découvrir par la pratique les entrailles d'une application web 2.0.

Lire la suite

Le fameux toolkit Javascript Dojo est maintenant disponible en version 0.3 (attention à ne pas se fier à ce numéro de version relativement faible).

Cette nouvelle version apportent plusieurs nouveautés très interressantes dont dojo.lang.storage permettant de stocker des données du coté du client et non du serveur comme c'est le cas pour toutes les applications web. Cela ouvre des possibilités interressantes comme celle de pouvoir ajouter un vrai mode hors-ligne, imaginez la possibilité de rédiger ses mails sous gmail en mode hors ligne et de les envoyer lorsque l'on repasse en mode en-ligne ! Un article au sujet de cette nouvelle fonctionnalité est disponible sur le blog de Brad Neuberg.

Vous développez une application Web 2.0 effectuant des traitements assez longs ? (utilisant des XHR par exemple) et vous voulez ajouter une jolie icône pour expliciter que des tâches s'executent ? Alors rendez-vous sur ajaxload.info et créez votre propre icone de progression.

update: Un autre site bien fourni.

L'excellent OpenWeb propose un article complet pour comprendre le fonctionnement de l'objet XmlHttpRequest, qui je rappelle permet de faire des requêtes HTTP asynchrones permettant ainsi d'effectuer des actions (sauvegarde, mise à jour de l'interface ...) sans avoir à recharger toute la page, les échanges entre le navigateur et le serveur se faisant en arrière plan. Après une partie théorique traitant entre autre sur les avantages et les inconvénients de l'utilisation de XHR, la partie pratique explique la facon de créer l'objet XHR en fonction du navigateur utilisé, puis d'effectuer des requêtes, le tout étant illustré par un exemple concret et utile d'utilisation, à savoir un système d'authentification. Bref, un article qui mérite lecture.

Rasmus Ledorf, le créateur de PHP, a posté il y a quelques mois sur la Mailing List php-general, un petit "tutoriel" sur comment faire de l'ajax en quelques secondes.

Il décortique dans un premier temps les fonctions javascripts nécessaires pour créer l'objet xmlhttprequest, envoyer une requête et recevoir une réponse, ensuite il explique succintement comment le php doit gérer les requêtes. Son but est de souligner le fait qu'il est préférable de commencer avec du code Ajax fait maison, plutôt que d'installer des librairies toutes faites et forcement plus complexes.

Son avis n'est pas dénué d'intêret pour de petits besoins mais dès qu'il s'agit de développer une grosse application web, en ajoutant des fonctionnalités web 2.0 partout où cela a du sens (et c'est bien ca le plus compliqué finalement) l'utilisation d'un toolkit adapté devient, à mon sens, indispensable, ne serait-ce que pour gérer la compatibilité entre les différents navigateurs web du marché.

Symfony est un framework pour le développement d'application Web en PHP5, et comme tout framework moderne qui se respecte, il offre evidemment un ensemble de mécanisme permettant de faciliter l'ajout de fonctionnalités reposant sur AJAX.

Un tutorial illustrant ces capacités est d'ailleurs disponible sur le site web du projet. Il est ici question de développer un panier pour un magasin en ligne offrant une fonction de drag'n'drop des articles (comme cet exemple de script.aculo.us). Le tout est developper en moins de temps qu'il ne faut pour le dire. Les paraisseux pourront toujours regarder la vidéo illustrant le tutorial.

Le toolkit léger Javascript Mochikit est maintenant disponible en version 1.3 (1.3.1 pour être tout à fait exact). Les nouveautés apportées par cette nouvelle version ? :

• MochiKit.Signal, un système de signal prenant exemple sur celui de QT
• Beaucoup de modification pour utiliser le nouveau système de signal
• Un nouveau système de test maison.
• Des bugfixs, du refactoring et de la doc.

Pour plus de détails, vous pouvez consulter la page sur l'historique des versions.

Après avoir longuement réfléchi sur le sujet je me décide enfin à ouvrir ce blog pour parler en français d'une "techno" (ou plutot un nom donné à un ensemble de technos préexistantes) en plein essort depuis quelques mois dans le monde des applications Web, je veux bien évidemment parler d'AJAX.

L'idée est de créer une zone d'échange autours du sujet, pour partager des liens, des articles et des avis sur les différents aspects de ces nouvelles technos qui peu à peu changent le visage des applications Web.

Mais AJAX c'est quoi finalement ?

Non, rien à voir avec le club de football, rien à voir non plus avec le produit d'entretien ménagé, AJAX est un acronyme (certaines mauvaises langues diront buzzword) désignant une nouvelle méthodologie pour développer des applications web dynamiques facile à utiliser (applications souvent appelées Web2.0, et oui encore un buzzword ...). Ajax signifie donc Asynchronous JavaScript And XML ou en français Javascript Asynchrone et XML, et regroupe l'utilisation conjointe d'une certain nombre de technos/techniques existant depuis bien longtemps sur le net :

• HTML ou XHTML pour le contenu de l'application
• CSS (les feuilles de styles) pour la présentation.
• JavaScript (plus particulierement l'objet XmlHttpRequest) et le DOM
• XML pour les échanges de données avec le serveur.

L'utilisation de toutes ces technos web permet de brisera le schema classique du je-remplis-un-formulaire,-je clique-sur-le-bouton,-la-page-se-recharge,-le-résultat-apparait pour passer à un schema "je-remplis-un-formulaire,-je-clique-sur-le-bouton,-une-partie-de-la-page-se-recharge-et-le-resultat-apparait''.

De bons exemples d'applications web utilisant de l'Ajax sont:

• Gmail
• Google Calendar
• Le nouveau Yahoo! Mail.

Voilà, j'en ai fini avec cette petite intro sur Ajax, d'autres articles seront l'occasion d'approfondir tout ca !