{"id":101,"date":"2006-05-04T23:06:32","date_gmt":"2006-05-04T21:06:32","guid":{"rendered":"http:\/\/www.gatellier.be\/blog\/?p=101"},"modified":"2006-05-04T23:06:32","modified_gmt":"2006-05-04T21:06:32","slug":"information-contextuelle-ajax","status":"publish","type":"post","link":"https:\/\/gatellier.be\/blog\/information-contextuelle-ajax\/","title":{"rendered":"Ajax \u00e0 la rescousse de l’Information Contextuelle"},"content":{"rendered":"

Je ne sais pas depuis combien de temps la fonctionnalit\u00e9 existe, mais je suis impressionn\u00e9 par le syst\u00e8me d’information contextuelle<\/strong> du site du Wall Street Journal<\/a>.<\/p>\n

\"Wall<\/p>\n

En selectionnant un mot ou une phrase, puis en cliquant avec le bouton droit de votre souris dans n’importe quelle page du site, une fen\u00eatre s’affiche proposant aux visiteurs de consulter des articles sur la m\u00eame th\u00e9matique<\/strong> que le mot\/phrase qu’ils ont surlign\u00e9.<\/p>\n

Les browsers ont tous un menu contextuel (clic-droit de la souris ou +clic sur les Macs sans MightyMouse<\/a>) qui permet d’afficher diff\u00e9rentes actions possibles pour un \u00e9l\u00e9ment (ici une page web). Dans ces actions, il existe souvent une possibilit\u00e9 de faire une recherche sur le mot s\u00e9lectionn\u00e9.<\/p>\n

La bonne id\u00e9e qui est mise en oeuvre ici est de faire remonter de l’information<\/strong> sur un sujet qui int\u00e9resse le visiteur.<\/p>\n

Ajax et DHTML<\/h3>\n

C\u00f4t\u00e9 technique, un bon vieux javascript interroge un serveur web sur le terme s\u00e9l\u00e9ctionn\u00e9<\/a> via Ajax. Le serveur retourne des informations relative \u00e0 la requ\u00eate<\/strong>.<\/a> Ces informations sont ensuite pars\u00e9es<\/em> et affich\u00e9es dans un layer via DHTML.<\/p>\n

“Unobtrusive”<\/h3>\n

Un autre exemple d’information contextuelle existe d\u00e9j\u00e0 depuis quelques temps: les IntelliTXT<\/a><\/p>\n

\"Exemple<\/p>\n

Un id\u00e9e qui \u00e9tait tr\u00e8s int\u00e9ressante \u00e0 la base (pour afficher des informations contextuelles) mais \u00e9videmment, la pub s’en est m\u00eal\u00e9e et maintenant, j’assimile ces intelliTXT \u00e0 du spam<\/strong>. (que j’ai combattu en ajoutant leur domaine dans ma liste de filtres AdBlock)<\/p>\n

Un vrai concept Web2.0.<\/h3>\n

On y retrouve Ajax, des int\u00e9ractions vraiment intelligentes<\/strong> avec le surfeur, le tout sans forcer la main de l’utilisateur. Il ne reste plus qu’\u00e0 optimiser le positionnement et la taille de la fen\u00eatre d’affichage (“overLayer” – dans notre jargon) de ces informations contextuelles et appliquer cette techniques \u00e0 d’autres sites (a-t-on l\u00e9galement le droit de reprendre de tels concepts?<\/em>) et on aura vraiment un meilleur web<\/strong>!!!<\/p>\n

Un tout grand merci \u00e0 mon coll\u00e8gue, Adrien Noterdaem<\/a> d’Emakina, qui m’a fait d\u00e9couvrir ceci.<\/p>\n

Liens relatifs:<\/h4>\n