Blogger Edit V1.0.2

Mise en ligne de Blogger Edit V1.0.2

La version 1.0.2 est disponible elle corrige 2 bugs et ajoute 3 fonctionnalités.

• mercredi 22 octobre 2008
• site web

L'API de géolocalisation de Gears utilise le réseau Wifi

Google XXL: Le zapping du 22 octobre 2008: "Cette API offre maintenant des possibilités de localisation améliorée en utilisant le réseau Wifi. Une bonne démonstration consiste à accéder au site LastMinute.com : Autorisez ce site à utiliser Google Gears. Ce service va maintenant vous faire des suggestions d'hôtels placés non loin du lieu où vous vous trouvez. D'après mes tests, cette fonctionnalité semble poser des problèmes à Internet Explorer… Mais, bon, avec Google Chrome, cela fonctionne… L'API Google Gears utilise le réseau Wifi"

Google XXL: Géolocaliser Wikipédia dans Google Maps

Google XXL: Géolocaliser Wikipédia dans Google Maps: "Ouseful a publié un didacticiel réellement intéressant sur la façon de récupérer dans Google Docs un tableau visible sur Wikipédia puis de l'intégrer à un Pipes Yahoo! afin de géolocaliser les données sur une carte Google Maps. Je vous en propose une traduction ainsi que quelques explications complémentaires"

Blogger Edit V1.0

• Blogger Edit, Blogger Edit V1.0.
• contact, site web.

Mise en ligne de Blogger Edit V1.0

La version 1.0.1 de Blogger Edit sort en Beta Testing. BloggerEdit est un utilitaire de gestion de Blog Blogger. Les actions classiques de Blogger en ligne sont reproduites. En plus Blogger Edit permet de copier ou transferer des posts d'un blog à l'autre. Un onglet permet de gerer les microformats HCard, HReview et VCalendar (Event).

• jeudi 16 octobre 2008
• JF Vole
• Téléchargement

RenaLId.com :: Google Maps Street View très bientôt en France??? Ce soir?

RenaLId.com :: Google Maps Street View très bientôt en France??? Ce soir?: "Souvenez-vous en juillet dernier, Google Street View arrivait en France et en Europe de manière assez 'détournée' à l’occasion du Tour de France. Déjà bel exploit de célébrer l’événement en proposant les 3500 km de l’itinéraire de la 'grande boucle'. Depuis plusieurs mois maintenant, de nombreux véhicules Google Street View ont été repérés à Paris et dans de nombreuses villes en France mais aussi en Europe (Londres, Berlin, Séville). Zorgloob avait fait un article très complet là dessus."

GeoToGMaps : Un premier widget Blogger Geo

Le Jardin des Vestiges

• Jardin des Vestiges work9, rue Henry Barbusse 13001 Marseille .

Le Jardin des Vestiges est un jardin situé derrière le Centre Bourse à Marseille. Il est constitué d'un ensemble de vestiges archéologiques de l'époque grecque qui ont été mis au jour depuis 1967. Il a été créé par Monsieur Joël Louis Martin, architecte paysagiste. On y trouve les restes de l'ancien port romain.

• Source

Notre premier Widget va consister a se servir des balises Geo pour créer des liens vers Google Maps. La carte extérieur à notre blog, seras positionnée au point de notre balise Geo avec un marker. Maintenant que l'on a pris l'habitude de Geo-Baliser nos pages, nous allons ecrire en Javascript le code ajoutant une icone et une reférence vers une carte, en lui passant les coordonnées de notre balise Geo.

1. Ouvrire le tableau de bord de Blogger > Mise en page > Ajouter un gadget de préférence en bas du blog. Choisir le gadget HTML/JavaScript.
2. Ne pas lui donner de nom, celui ci serais visible dans votre page.
3. Copier le code suivant dans le contenu.

GeoToGMap from ; Geo Graphique & Sémantique;

• Jardin des Vestiges

Une explication s'impose. D'abord la dernière fonction getElementsByClass qui cherche dans un document ou un bloc, une classe éventuellement dans un tag particulier. Cette fonction est utilisée pour chercher dans la page tout les éléments classe Geo. Cette fonction devrais figurée dans la boite à outils des parser de micro-formats. GeoToGMaps() quand à elle ajoute a chaque balise Geo trouvée, une image et un "a href" qui renvoie sur la page de Google Maps. ll=... Centre la carte sur nos coordonnée. z=15 correspond à l'échelle de la carte. Et enfin q=Lat Lon Texte correspond au marker. Voila notre premier Widget est en marche, sans trop de travail... Reste a Geo Baliser vos blogs ou vos site. Prochainement nous intégrerons presque aussi facilement la carte dans la page.

Les Parsers de microformats

Un parser analyse les pages web pour trouver les informations sémantiques des microformats, et propose des conversions vers d'autres applications : Google Maps, Google Earth ou Yahoo! Maps pour le format geo. Des ex-ports sont aussi possible en KML, En attendant que les navigateurs prennent en compte nativement les microformats, des adds on sont nécessaires.Yahoo! local et Google Maps utilisent des microformats dans leurs pages.

Operator : le web sémantique en action

• Operator.
• site web.

Operator pour Firefox en est à sa version 0.9.3 et il propose de visualiser et convertir les microformats Geo, Adr, HCard, HCalendar entre autres. Le debugging est possible. C'est un module a installer d'urgence pour tester vos pages.

• lundi 13 octobre 2008.

Trouver les coordonnées Geo d'une adresse

Le vieux Port de Marseille

• Le Vieux Port workquai des Belges 13001 Marseille .

Le Vieux Port (en occitan provençal lo Pòrt Vielh selon la norme classique ou lou Pouart Vièi selon la norme mistralienne) est un site de Marseille qui se trouve en bas de la Canebière. Fondée en 600 av JC par des marins grecs originaires de Phocée en Asie Mineure sous le nom de Massalia, Marseille est la plus ancienne implantation urbaine de France.

• Source

Trouver les coordonnées géographique d'une adresse sans un GPS n'est pas évident. On peut tenter de les lire sur une carte. Ce n'est pas très fiable et il faut avoir la bonne carte sous la main. Comme souvent la solution nous vient de l'Api Google Maps. Nous ne développerons pas pour l'instant une telle solution, mais nous irons tout simplement nous servir de la page de La Touraine Verte qui nous donne les informations dont nous avons besoin.

1. Entrer la recherche dans la boite en dessous de la carte : Vieux-Port, Marseille.
2. Noter les coordonnées : Latitude 43.295465 et Longitude 5.373816.
3. Créer notre balise Geo comme vue précédemment en modifiant les coordonnées et le texte.

• Vieux-Port

A noter qu'en déplaçant le "marker" sur la carte on peut affiner la recherche et trouver une position exacte en s'aidant des vues satellite, ou de sa connaissance du terrain. A ce stade de notre travail on aimerais vérifier que cela fonctionne en dehors de notre Css, c'est le rôle des "parser" de microformats, et on ouvre notre page dans Firefox pour verifier avec Operator.

Firefox et géolocalisation

RenaLId.com :: Revue du Geoweb et de la géolocalisation de la semaine: "Mozilla Labs a ajouté un nouveau projet en test : Geode Cette fonctionnalité permet de connaître l’information géolocalisée dispensée par les navigateurs web (pas seulement ceux pour les téléphones mobiles). Vous pouvez dès à présent la tester avec Firefox 3.0.1 et devrait être insérée dans la prochaine mise à jour majeure du navigateur, la version 3.1. Cette fonction permet donc au développeur de site web de connaître de manière plus ou moins précise en fonction du souhait de l’utilisateur, la géolocalisation de ce dernier. L’idée consiste donc à offrir à l’utilisateur des renseignements en les adaptant au vu de sa situation géographique. Mozilla Labs a ajouté un nouveau projet en test : Geode Cette fonctionnalité permet de connaître l’information géolocalisée dispensée par les navigateurs web (pas seulement ceux pour les téléphones mobiles). Vous pouvez dès à présent la tester avec Firefox 3.0.1 et devrait être insérée dans la prochaine mise à jour majeure du navigateur, la version 3.1. Cette fonction permet donc au développeur de site web de connaître de manière plus ou moins précise en fonction du souhait de l’utilisateur, la géolocalisation de ce dernier. L’idée consiste donc à offrir à l’utilisateur des renseignements en les adaptant au vu de sa situation géographique."

Premiers pas avec GEO

Le but de ce blog est de faire la démonstration d'un site web geolocalisable en utilisant le web sémantique, les microformats et la classe geo. Je vous propose donc de construire un blog autour de Google Maps et de son Api JavaScript. Pour ce faire je vous convie à une visite guidé de Marseille et des alentours. Avant de passer aux choses sérieuses, il faut posséder un blog ou en créer un chez Blogger. J'ai ajouté de suite et sans réfléchir les codes pour avoir des stats et le référencèrent Google, bien sur ce n'est pas obligatoire. La transposition vers d'autres systèmes ne devrait pas être trop difficile.

1. Ajout du code Google Analytics : Paramètres Analytics > Paramètres de profil > Code de suivi
2. Copiez le bloc de code Javascript dans chaque page Web dont vous souhaitez effectuer le suivi, en le plaçant juste avant la balise ◄/body►
3. Ajout du code Outils Google pour les webmasters : Tableau de bord > Votre blog > Outils > Gérer la validation de site
4. Copiez la balise META mentionnée en la plaçant juste avant la balise ◄/head►. " Plus d'infos ici...

Notre-Dame-de-la-Garde

• Notre-Dame-de-la-Garde workrue du Fort du Sanctuaire 13006 Marseille.

Notre-Dame-de-la-Garde, également appelée "Bonne mère", est l'une des basiliques mineures de l'Église catholique. Elle est située sur les hauteurs de Marseille à 162 m d'altitude, au sud du Vieux-Port.

• Source

Geo est un simple format pour baliser l'information WGS84 des coordonnées géographiques (latitude, longitude), adaptable pour embarquement dans le HTML ou XHTML, Atom, RSS et le XML arbitraire. geo est une représentation 1:1 de la propriété "geo" dans le standard vCard Notre aventure peut commencer en incluant notre premiére balise geo dans une page:

1. Ajouter la balise à votre code HTML.

Notre-Dame-de-la-Garde
Ce qui nous donne : Notre-Dame-de-la-Garde. Il n'y a rien de visible sauf en passant le curseur sur le texte. La balise ABBR nous renvoie les coordonnées Latitude longitude de la celebre basilique de Marseille. Le but des micro-formats étant de rendre compréhensible par une machine, un programme, des informations humaines, il va bien sur falloir un peu travailler. A noter que certain "Parser" de microformats ne reconnaisse que la balise ABBR, ce qui est absurde, mais autant faire avec. Avant d'aller plus loin je vous propose juste de rajouter une balise CSS à votre blog, pour visualiser les Microformats Geo.

1. Tableau de bord > Mise en page > Modifier le code HTML
2. Ajouter les lignes suivantes juste avant : ]]◄/b:skin►

/* Microformat */ .geo { border:1px solid #000000; }

• Notre-Dame-de-la-Garde.

Et sur une carte Google Maps ?

• http://maps.google.com/?hl=FR&ie=UTF8&ll=43.284008,5.371059&spn=0.002062,0.004034&t=h&z=18.

Le parametre ll=43.284008,5.371059 est le même que celui de notre balise. Une prochaine approche consiteras à trouver cette information.

Google Maps : index

Google Maps : index

• GeoToGMaps : Un premier widget Blogger Geo ( Geo Javascript Blogger Widget Marseille Google Maps )
• Premiers pas avec GEO ( Geo Outils Google pour les webmasters Microformat Blogger Vcard Google Analytics Notre-Dame-de-la-Garde Google Maps API Css Marseille Google Maps )
• RenaLId.com :: Google Maps Street View très bientôt en France??? Ce soir? ( Revue de presse Google Maps )

Cet index a été généré automatiquement par Blogger Edit

Geo : index

Geo : index

• GeoToGMaps : Un premier widget Blogger Geo ( Geo Javascript Blogger Widget Marseille Google Maps )
• Les Parsers de microformats ( Parser Geo Microformat Operator Firefox )
• Premiers pas avec GEO ( Geo Outils Google pour les webmasters Microformat Blogger Vcard Google Analytics Notre-Dame-de-la-Garde Google Maps API Css Marseille Google Maps )
• Trouver les coordonnées Geo d'une adresse ( Geo Google Maps API Le Vieux Port Marseille )

Cet index a été généré automatiquement par Blogger Edit

Revue de presse : index

Revue de presse : index

• Firefox et géolocalisation ( Revue de presse Géolocalisation Firefox )
• RenaLId.com :: Google Maps Street View très bientôt en France??? Ce soir? ( Revue de presse Google Maps )

Cet index a été généré automatiquement par Blogger Edit