Il y’a quelques temps, Mozilla Labs diffusait la vidéo d’Aurora concept, qui nous démontrait ce que pourrait être l’avenir de nos IHM. À la différence des éditeurs traditionnels, Mozilla Labs ne se contente pas de faire rêver quelques geek gadgetophiles, cette vidéo n’était rien d’autre que la manifestation d’une volonté d’utiliser toutes les technologies existantes pour proposer de nouveaux outils et de nouvelles façon d’utiliser le web et toute sa richesse.

Dans cette logique, peu de temps après, Mozilla Labs annonçait le démarrage du projet Ubiquity. La solution n’est pas encore très sexy, certes, il y a encore peu de fonctionnalités disponibles via Ubiquity, mais elle a le mérite d’avoir été mise à la disposition des développeurs, de proposer une nouvelle façon d’exploiter les données et de les enrichir grâce à d’autres outils en quelques clic.

Aujourd’hui, Mozilla Labs continue dans sa lancée en annonçant l’extension Firefox Geode pour nous donner un avant-goût des fonctionnalités de géolocalisation intégrée dans un navigateur. Bien que les contenus collaboratifs basés sur des systèmes de géolocalisation sont encore loin d’êtres entrés dans les habitudes françaises (essayez simplement de trouver un Starbuck sur le google map de votre iphone quand vous avez du temps à perdre a Paris, et vous en serez convaincu !) la démocratisation de fonctionnalités GPS sur les téléphones mobiles devrait progressivement alimenter le web en contenus géolocalisés. Mais l’intérêt d’une géolocalisation fiable va bien au-delà du côté « pratique » de ces nouveaux contenus essentiellement plébicités par les nomades. Pour citer Mozilla Labs, imaginez un lecteur RSS qui change de comportement selon si vous êtes sur votre lieu de travail ou bien chez vous, ou encore un site dont la fonction « trouver un magasin proche de chez vous » vous propose spontanément un choix de magasins pertinent en fonction de l’endroit d’où vous vous connectez. Le nombre d’applications (parfois exotiques) pour Iphone qui utilise la fonction de géolocalisation intégrée dans le SDK montre que les services de genre reste largement à inventer.

En lançant un projet sérieux de géolocation basé sur les spécifications du W3C, Mozilla Labs met à la disposition des développeurs (comme avec Ubiquity) les premières briques d’outils standard et multi-plateforme qui marqueront peut-être le web de demain.

Dans cette première partie de l’article, j’aborderais les solutions pour intégrer une carte google map sur votre site, et éventuellement comment la personnaliser et la compléter pour apporter toujours plus de services à vos utilisateurs. Dans un second temps je vous proposerais la démarche inverse : comment alimenter la base de google map avec vos informations pour être présent dans les recherches de proximité.

Si vous n’y connaissez rien en cartographie, voici quelques astuces pour exploiter pleinement le potentiel de google map (outil formidablement puissant, et gratuit !) en apportant une véritable valeur ajoutée à votre page plan d’accès.

Quel que soit votre domaine d’activité, si vous êtes amené à recevoir des visites dans vos locaux, l’affichage d’un plan d’accès sur votre site sera un petit plus qui facilitera la vie de vos visiteurs. Il suffit de taper “plan d’accès” dans Google image pour constaté la diversité qu’il peut exister quand il s’agit de représenter son entreprise sur un plan.

Un des grands classique consiste a simplement récupérer (sauvagement) une image générée par le service mappy.fr (on notera sur la capture ci-dessous que l’éditeur a pris la peine de noter “source : mappy.fr” cela part sans doute d’une bonne intention, mais cela ne rend pas l’acte moins illégal). J’ai sorti cette image de son contexte, dans la page on précise l’adresse en toute lettre (rue de paradis à Argenteuil) et on y précise même les moyens de s’y rendre en transport en commun (une démarche écologique qu’on appréciera ).

Voyons rapidement quelles sont les informations que m’apporte cette page. Prenons un exemple concret, imaginons que je vive à Colombes (de l’autre coté de la seine par rapport a Argenteuil) et que je cherche a me rendre dans cette entreprise. En examinant le plan, je constate qu’il y a un centre hospitalier a proximité (mais comment s’appelle-t-il ?), que la rue que je recherche est parallèle a ce qui semble être un grand boulevard et a une autre rue (rue de la…). Finalement, même en vivant à quelques kilomètres de la, cette carte ne m’apporte aucune information pouvant m’aider dans mon déplacement.

Voyons maintenant ce que j’ai pu créer en quelques clics, sans aucune compétence technique particulière et que je peux récupérer sur mon site en toute légalité, il m’a suffit pour cela de cliquer sur le lien “Obtenir l’URL de cette page” de copier le code proposé par google dans mon site.
Agrandir le plan

Non seulement ce plan est plus complet, mais il est dynamique. Je peux donc me déplacer dans le plan pour réaliser que cette adresse n’est qu’a quelques kilomètres de chez moi. D’ailleurs si je décide de m’y rendre en voiture, un simple clic sur le point d’arrivé et google me propose de saisir mon adresse de départ pour me définir le trajet.
Agrandir le plan

En quelques instants, nous avons transformé une page assez frustrante par le peu d’information qu’elle proposait, en un véritable service pour tous les utilisateurs qui souhaitent venir nous voir.

Cette première partie est très simple a mettre en place, elle ne nécessite aucune compétence technique du moment que vous avez accès à l’édition de vos pages web. Mais voyons comment encore améliorer les informations proposées sur cette page grâce a l’API de google map. Je n’ai malheureusement pas le temps de réaliser des exemples concrets au moment de la rédaction de cet article, je me contenterais donc de captures d’écrans. Ces améliorations nécessitent des compétences techniques un peu plus évoluées, mais je suis sûr que votre agence web (ou votre geek de voisin ou de neveu) se fera une joie d’implanter ce type d’amélioration, qui encore une fois apporte un véritable plus à vos visiteurs.

Cette agence web a simplement remplacer le picto habituellement utilisé par google pour positionner une adresse par son propre logo. Cela permet d’identifier le point plus rapidement sur la carte, toutes les fonctionnalité de zoom, déplacement et de recherche d’itinéraires sont conservées.

Le site photoservice dédié a l’iphone a choisi d’apporter les deux informations essentielles pour les acheteurs d’iphone 3G en manque… “Ou puis-je le trouver” et “En reste il en stock”. En tapant simplement mon code postal, tous les points de ventes Photoservice proche de chez moi s’affichent sur la carte, un cliquant sur un des point de vente, l’état des stocks s’affiche (en plus d’un logo, d’une photographie de la boutique et d’un rappel de l’adresse). Vous l’aurez compris, avec un peu de développement vous pouvez afficher toute information disponible sur votre site dans cette bulle (horaires d’ouverture, disponibilité d’un produit, promotion en cours, point d’intérêt aux alentours de votre établissement touristique, etc…). Ainsi vous évitez à vos utilisateurs de parcourir plusieurs pages pour répondre ses besoins.

Il ne s’agit la que d’exemples particulièrement simples, le développement nécessaire est très accessible, leur force réside dans leur efficacité pour l’internaute et non dans leur complexité technique.