Carnets de voyages 2.0

Vous voulez faire un tour du monde ou suivre les traces d'autres aventuriers? Le service proposé par TripTracker.net est dans l'air du temps:

Logo TripTracker

une communauté, des partages de photos, de l'Ajax, une carte du monde par satellite, des flux rss, un usage des géotags, et ce site est encore en beta...

Prochain achat: un système gps.

Ajax à la rescousse de l’Information Contextuelle

Je ne sais pas depuis combien de temps la fonctionnalité existe, mais je suis impressionné par le système d'information contextuelle du site du Wall Street Journal.

Wall Street Journal - Information contextuelle - capture d'écran

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être s'affiche proposant aux visiteurs de consulter des articles sur la même thématique que le mot/phrase qu'ils ont surligné. Les browsers ont tous un menu contextuel (clic-droit de la souris ou +clic sur les Macs sans MightyMouse) qui permet d'afficher différentes actions possibles pour un élément (ici une page web). Dans ces actions, il existe souvent une possibilité de faire une recherche sur le mot sélectionné. La bonne idée qui est mise en oeuvre ici est de faire remonter de l'information sur un sujet qui intéresse le visiteur.

Ajax et DHTML

Côté technique, un bon vieux javascript interroge un serveur web sur le terme séléctionné via Ajax. Le serveur retourne des informations relative à la requête. Ces informations sont ensuite parsées et affichées dans un layer via DHTML.

"Unobtrusive"

Un autre exemple d'information contextuelle existe déjà depuis quelques temps: les IntelliTXT

Exemple d'IntelliTXT - Capture d'écran

Un idée qui était très intéressante à la base (pour afficher des informations contextuelles) mais évidemment, la pub s'en est mêlée et maintenant, j'assimile ces intelliTXT à du spam. (que j'ai combattu en ajoutant leur domaine dans ma liste de filtres AdBlock)

Un vrai concept Web2.0.

On y retrouve Ajax, des intéractions vraiment intelligentes avec le surfeur, le tout sans forcer la main de l'utilisateur. Il ne reste plus qu'à optimiser le positionnement et la taille de la fenêtre d'affichage ("overLayer" - dans notre jargon) de ces informations contextuelles et appliquer cette techniques à d'autres sites (a-t-on légalement le droit de reprendre de tels concepts?) et on aura vraiment un meilleur web!!! Un tout grand merci à mon collègue, Adrien Noterdaem d'Emakina, qui m'a fait découvrir ceci.

Liens relatifs:

Diaporama sur internet html, javascript ou flash?

Je me demande toujours quel est le meilleur moyen pour afficher une série de photos sur un site web:

Il y a plusieurs solutions possible:

  • une page html reprenant avec des vignettes à cliquer qui pointe vers, à chaque fois, vers une autre page reprenant le détail de la photo.Diaporama Pupius.co.uk

    Avantage: un très bon référencement.
    Inconvéniant: peut-être compliqué parce que si on n'emploie pas d'outils pour générer ces pages, le travail peut être fastidieux. -> employer une base de donnée et une technologie server-side
    l'ergonomie de l'interface est assez limitée.

    ex: pupius, photos tchorski
  • un diaporama en javascript permet de visualiser toutes les images sur un seul écranDiaporama Couloir.org

    Avantage: l'interface peut être plus ergonomique; toutes les images peuvent tenir dans un écran
    Inconvéniant: portabilité cross-platform/cross-media, la mise en oeuvre peut-être plus complexe pour des novices.

    ex: couloir.org
  • un diaporama en flash bien construit pourrait-être la solution idéale. J'ai essayé slideshowpro.net et, à vrai dire, j'aime bienDiaporama flash photo.gatellier.be

    Avantage: l'interface est complètement modulable, les images sont gérés par un fichier xml, les pages sont "bookmarkables", le player flash est disponible sur beaucoup de plateformes, etc
    Inconvéniant: slideshowpro.net est une solution payante ($20) et elle requiert le logiciel Macromedia Flash

Verdict? personnellement, je vote pour la solution flash. Et vous?

← Previous Page