Jan 18

 

 

En collaboration avec The Weather Channel, Google Maps inclut maintenant les informations tirées du site directement sur ces Maps. Pour l’utiliser, cliquez sur l’onglet MyMap Tab et sélectionnez “The Weather Channel”. Si vous voulez mon avis de développeur Web, c’est une belle Mashup Application. ;)

Vous aimez cet article?
AddThis Social Bookmark Button AddThis Feed Button


Dec 15

Ça y est je l’ai finie! :D De quoi s’agit-il? De la web application que j’ai développé et qui comme le titre de ce post l’indique, permet de lié votre CV à une map. Son nom:

CV MAP

ss

CV map en deux mots:

En fait, chaque marqueur sur la map correspond à un endroit où vous avez été dans votre vie. J’ai classé ces emplacements, par catégorie, comme suit:

  • Etudes
  • Travail
  • Logement
  • Vacances

A partir de cela, en cliquant sur l’un des marqueurs disposé sur la map, vous pouvez soit afficher votre CV (rempli sur Linked In) soit un slideshow d’images (fourni par Flickr) qui est en relation avec la description du marqueur. Dans le premier cas, le marqueur cliqué correspond à vos études ou à un lieu où vous avez été travailler et dans l’autre, il est recensé sous la catégorie lieu de vacances.

Les plus que permet CV Map:

  • Cela donne un aspect dynamique au CV
  • C’est original
  • Et dans mon cas, cela montre ma capacité à savoir coder des mashup web application.

Le moins par contre:

  • Le CV n’est pas visible directement en arrivant sur la page. La personne doit être curieuse et chercher un minimum à cliquer sur un marqueur pour afficher le CV.

Comment j’ajoute un marqueur sur la Map?

Tout simplement, puisque j’ai développé en backoffice une application qui vous permet de d’utiliser les fonctions de Geo Localisation de Google.

ss2

Vous rentrez l’adresse, la ville, le pays dans le champs texte et le marqueur s’ajoute sur la Map. A partir de là, vous pouvez en cliquant sur ce le marqueur, faire apparaître une bulle d’information permettant d’entrer la description du marqueur, de choisir la catégorie de celui-ci (Etudes, Travail, Logement, ou Vacances) et de sauver le tout dans la base de données. Et voilà le tour est joué :)

Qu’est ce que j’ai utilisé pour programmer CV Map?

Pour réaliser cette web application, j’ai utilisé l’excellente API de Google Maps, Jquery pour me faciliter la gestion du JavaScript mais aussi pour ajouter quelques petits effets. ;)

Php a également été utilisé mais uniquement à travers des requêtes Ajax pour faire l’ajout et la sélection de markers dans la base de données MySql. Le résultat du script Php est un fichier XML que je parse grâce à Jquery.

Et comme je l’ai précédemment écrit, j’ai fait appel à Linked In pour afficher votre CV à partir de votre profil publique mais aussi Flickr qui en fonction de la description du lieu de vacances affiche des photos taggées avec ces mots.

Si vous souhaitez me posez des question ou obtenir les sources de cette web application, n’hésitez pas à me contacter:

Vous aimez cet article?
AddThis Social Bookmark Button AddThis Feed Button


Dec 13

Personnellement, lorsque je veux apprendre à me servir d’une Api ou d’une bibliothèque, je me base toujours sur des exemples de références. Puis, au fur et à mesure de mon apprentissage, je vais vers des exemples plus complexes et j’apprends à aller plus loin en consultant directement la documentation.

C’est pourquoi, pour vous faciliter la tache, je vous propose une série de liens dont je me suis servis pour mon projet GSN lorsque j’ai modifié et implémenté la partie map.

Pour commencer les tutoriaux:

Les ressources officielles:

Les autres ressources conseillées par Google:

Pour aller plus loin et voir des exemples d’application intéressants:

Liste de liens en relation avec Google maps:

Apprendre à faire du Multi Maps (Google Maps/ Yahoo Maps/ Virtual Earth/ …)

Tutoriaux pour les personnes au niveau avancés:

Je pense qu’avec tous ces liens, quelque soit votre maîtrise de l’Api de google maps, vous avez de quoi apprendre j’en suis sûr.

Vous aimez cet article?
AddThis Social Bookmark Button AddThis Feed Button