Babozor’s Blog

Source: http://ajaxian.com/archives/yahoo-releases-instant-search

Yahoo lance “Instant Search” (Recherche Instantanée)

Utilisant quelques unes de leurs technologies maison, Yahoo lance son outil de recherche instanée, qui affiche les résulats en même temps qu’on tape les mots cherchés.

Le service est toujours en version Beta (qui ne l’est pas ces jours ci?), donc avec un nombre de fonctionnalités limité. Il y a quelques fonctionnalités intéressantes, qui pourait donner des leçons à Google. Essayez d’aller sur cette page et de rechercher une adresse. Une boite aparaît avec un mini-plan. Vous pouvez accéder à une carte plus grande ou avoir l’itinéraire pour y aller. Tapez “paris weather” (temps paris) et vous avez une information sur le temps qu’il fait avec des liens pour obtenir plus d’informations.

Pour ceux qui utilisent une page du type search.yahoo.com, vous pouvez décidez d’utiliser l’Instant Search par défaut, en le mettant dans vos préférences. Pour ceux qui veulent plus d’information sur c=le moteur de recherche et en parler avec d’autres utilisateur, vous pouvez aller sur leur forum.

Babozor:
Le service de recherche instantanée est assez blufant, il marche bien, de temps en temps un peu lent à la détente… on peut aussi regretter le manque de message quand Instant Search ne trouve rien, mais… comme ils le disent c’est encore une version Béta.

Source: http://ajaxian.com/archives/prototype-easing-ajaxs-pain

Prototype: Simplifier Ajax

Si vous commencer dans le vaste monde d’Ajax, vous vous demandez surement pourquoi tant de monde utilise quelque chose d’aussi difficile que la connexion XMLHttpRequest. Bien sûr, Ajax n’aurait pas eut le même succès si tout le monde avait dû son code à chaque fois. Entrez dans le monde d’une des librairies JavaScript les plus populaires, avec support Ajax: Prototype.
Vous ne l’avez jamais utilisé? Voila un article pratique qui vous permettra d’accélérer votre première implémentation.

“
Cet article décrirt Prototype, une librairie JavaScript OpenSource, pour créer une application Ajax. J’ai expliqué comment utiliser Prototype pour la mise en place d’un application qui affiche le niveau annuel de CO2. En premier, je vais parler des bénéfices de Prototype et comment installer Prototype dans votre application. Ensuite je rentrerais plus profondément dans le code, et comment bien utiliser cette librairie.
“
Quand on apprend un nouveau langage ou style de codage, c’est toujours plus simple d’avoir un but à atteindre. Dans cet article ils commencent du début (avec une petite partie pour la configuration) et vous introduisent Prototype et ses fonctionnalités. Vous aurez besoin d’un petit background en JavaScript, mais rien de très méchant.

Source: http://ajaxian.com/archives/dominclude-replacing-pop-ups

DOMInclude: Remplacer les pop-up

DOMInclude est une librairie qui permet d’ajouter du contenu dyanmque en ligne plutôt que d’utiliser des pop-up.

“
Les fenêtres pop-up sont une gêne aussi bien pour les développeurs que pour les utilisateurs. Bien souvent c’est utiliser pour un lien vers un terme ou les conditions d’un document et comme le client ne doit pas quitter la page, on vous demande d’implémenter des pop-up.

Le problème avec cette technique est aussi bien technique que psychologique:
- des années de pop-up non sollicité ont conditionné les utilisateurs à fermer les pop-up dès leur ouverture
- la même raison et des problèmes de sécurité ont obligé les utilisateurs à installer des bloqueurs de popup ou modifier la configuration de leur navigateur pour les bloquer, et par là bloquerons même les ‘pop-up amicaux’.
“

Babozor:
Très bonne alternative aux pop-up… j’adore

Source: http://ajaxian.com/archives/faster-dom-queries

Des requêtes DOM plus rapides

Dean Edwards et Alex Russel se sont creusé le ciboulot pour améliorer la vitesse sur DOM.
Alex a commencé avec un “janky hack” qui utilise votre élément favoris document.getElementById d’une mauvaise façon, en regroupant les éléments par id.
Son hack contient une version des éléments en cache.
Dean fait un petit pied de nez à la standardisation, mais il sait que c’est le prix à payer pour une travail DOM plus rapide. Il c’est amusé avec XPath au même problème et conclut:
- Les requêtes DOM sur FireFox ont l’air plutôt rapides.
- XPath est 150% plsu rapide que DOM sur des requêtes sur une plateforme Mozilla.
- Xpath est 1000% plus rapide que les requêtes DOM sur une plateforme Opera
- l’expression étudiée est 200 à 400% plus rapide sur une plateforme IE
- le comportement reste fluide.

Babozor:
Effectivement et heureusement que Xpath est plus rapide qu’un parser JavaScript… sinon à quoi bon utiliser  Xpath??

Source: http://ajaxian.com/archives/xmlhttprequest-w3c-working-draft

Document de travail W3C sur le XMLHttpRequest

La W3C a annoncé leur intention de standardiser l’objet XHR et la première version du document de travail a été dévoilée.
Qu’est ce que cela signifie pour nous? Et bien cela vous donne un peu de documentation, quelques tuyaux pour les éditeurs (grâces aux notes d’implémentation), et nous indique donc que la nouvelle requête XMLHttpRequest sera la méthode du futur (vu que cette fonction est quasi incluse dans IE7, etc…)

Babozor:
Effectivement c’est une bien bonne nouvelle tout ça

Source: http://ajaxian.com/archives/single-page-ajax-store

WebMarchand Ajax, page unique

HiDefDvd.com est un nouveau web machand qui a implémenté une application Ajax sur une page unique.
Certains éléments nous paraissent très pertinents. Ajouter un article est une opération Ajx, idem pour la wish-list. Par contre, est ce vraiment censé de cliquer sur une catégorie, voir un message de ‘loading’ et ensuite réafficher la même page? Je ne pense pas.
Pour cela, des pages séparées marchent mieux, alors ne devenez pas fou d’Ajax pour tout et n’importe quoi.

Babozor:
Je suis assez d’accord avec cette analyse. L’Ajax a des côtés très très pratiques, mais n’est pas applicable n’importe où et n’importe comment. Il n’empêche ce WebMarchand a le mérite d’être un des premiers à étreiner la technologie, et même si c’est parfois maladroit, moi je dis quand même bravo…

Source: http://ajaxian.com/archives/speeding-up-ajax-with-json

Augmenter la rapidité d’Ajax avec JSON

La rapidité est la chose la plus importante quand on parle d’applications en ligne. Les utilisateurs détestent attendre, spécialement les plus expérimentés. En sachant cela, optimiser tout ce qui est possible dans votre application peut faire la différence entre quelqu’un qui délaisse votre service et quelqu’un qui reste et continue d’explorer votre site. Une méthode pour améliorer la vitesse de votre application est décrite sur Builder.com en utilisant JSON pour améliorer la rapidité de connexion des scripts Ajax entre ceux-ci et le serveur.

“
XML est la méthode standard déchange de donnée, mais ce n’est pas souvent la meilleure méthode. Bienque le XML ajoute une structure et des meta-data aux données, il le fait d’une façon un peu bavarde. XML dispose aussi d’une syntaxe un peu complexe, demandant l’action d’un parser qui est loin d’être trivial. En JavaScript, XML diot être parsé en utilisant une arborescence de type DOM. Et une fois l’arborescence DOM construite, vous devez aussi pouvoir la parcourir, pour créer les objets JavaScript correspondant ou alors utiliser les données XML dans votre application Web côté Client.

Heureusement, il existe une meilleur méthode
“

L’article introduit JSON au lecteur, en offrant une comparaison avec une structure XML équivalente. Leur point de vue est que le XML est très bien pour marquer les données, mais JSON permet d’accélérer les échanges de données. Un exemple est fourni de la différence pour la même requête entre XML et JSON, la solution JSON paraissant plus simple. L’article se finit sur une démonstration de la fiabilité de JSON pour votre application, et certains aspects de cette technologie côté Serveur.

Babozor:
Pas encore eut le temps de regarder plus précisément l’article en question, mais ça vaut le coup d’oeil…

Source: http://ajaxian.com/archives/ajaxload-custom-loading-indicators

AjaxLoad - Indicateurs de chargement personnalisable

Quand votre application Ajax commence à dépendre de ressources externes pour récupérer les informations dont vous avez besoin, vous avez de temps en temps besoin d’un indicateur qui montre qu’une activitée est en cours en fond de tâche. Ces icônes sont un pas dans la bonne direction, mais seulement avec la possibilité de choisir entre noir et blanc, le choix est un peu limité. Allez donc jeter un oeil à AjaxLoad.info, ce site vous laisse personnaliser les couleurs et les formes de vos indicateurs à loisir.

Vous pouvez assigner n’importe quelle couleur au fond et à l’indicateur de chargement grâce au générateur d’indicateur de chargement, le rendu est immédiat sur la page. Le lien “Download” (télécharger) vous permet de sauvegarder votre création en Gif animé et de pouvoir l’utiliser directement sur votre site.

Le seul défaut de ce service reste le nombre limité pour l’instant d’indicateurs disponibles (on est quand même passé de 1 à 7), mais gageons que ce nombre risque d’augmenter sous peu.

Babozor:
Un service bien pratique, pour un besoin spécifique. Certes le nombre d’indicateurs reste limité (pour l’instant 7), mais ils regroupent les principaux modèles… juste ce qu’on a besoin et rien de plus…

Source: http://ajaxian.com/archives/ajax-to-make-mobile-web-20-a-reality
Ajax rend les Application Mobiles 2.0 réelles?

Les applications mobiles, même si elles tendent à s’améliorer, pataugent largement dans un bain de médiocrité, bien en deça de nos attentes de clients exigeants et pressés. Bien sûr il existe des exceptions, mais globalement, ces applications ne sont guère attirantes. Heureusement, il semblerait que les choses soient sur le point de changer - grâce à Ajax.

Ajit Jaokar a écrit dans cet article sur le site de LinuxWorld Magazine que Ajax pourrait bien devenir le “cachet des applcations mobile web 2.0″.

“
Récemment, Opéra a annoncé la disponibilité d’Ajax sur les appareils mobiles, en passant par leur navigateur. En considérant la popularité d’Opera sur le marché des navigateurs (spécialement sur le marché des navigateurs pour téléphones portables), cette annonce est très significative. Inclus dans bon nombres d’applications mobiles depuis quelques années, je pense que l’AJAX remplacera aussi bien JAVA ME et XHTML comme la plateforme de prédilection pour le développement d’applications mobiles.
“

Il continue son exposé en présisant que le “web mobile 2.0″ ne se limite pas juste à Ajax sur un téléphone portable, mais aussi que l’élan derrière les développements en Ajax combiné avec un manque flagrant de méthodes de développement simples, faciles à utiliser pourraient propulser Ajax en avant encore plus vite.

Il compare Ajax aux autres technologies utilisées pour le développement d’applications mobiles (comme Java ME et XHTML), et note trois problèmes qui, peu importe la plateforme, resteront quand vous voulez développer une application mobile. Son opinion est que malgré tout, Ajax prendra le dessus sur ces solutions plus lente à mettre en place et construit sur des modèles “sérieusement défectueux”, comme Java ME.

Babozor:
Aucun commentaire particulier, tout semble prouver que la technologie Ajax a le vent en poupe, la W3C, le marché mobile, etc…

Source: http://www.fredcavazza.net/index.php?2006/04/06/1120-ajax-…

D’après certaines informations, la W3C travaillerait sur une normalisation d’AJAX et plus précisément de l’objet XMLHttpRequest (objet essentiel et fondateur de l’AJAX).
Il n’est jamais trop tard bon bien faire, en tout cas cela permetrait que cette technologie souvent qualifiée de gadget par certains gagne ainsi enfin un peu de respectabilité.
Si la vieille dame du Web (la W3C) se met à travailler sur une spécification pour cet objet, c’est que tout simplement Ajax est en train de devenir petit à petit un standard dans notre industrie.