Charlie Nguyen-Duc

Yahoo vient de sortir un toolkit Flash relativement intéressant pour créer des web applications, le plus étant qu’il est très facile à utiliser. Vous aurez le choix entre divers composants Flash:

• Tree
• Menu
• TabBar
• AutoComplete
• Charts
• AlertManager
• AudioPlayback
• MenuBar

Mais aussi des composants Flex comme:

• AutoCompleteManager
• ColorPlaneAndSliderPicker
• ColorSliderPicker
• DropDownColorPicker
• IPv4AddressInput
• TimeInput
• TimeStepper

Je vous conseille de faire un tour, c’est vraiment un travail de qualité qu’ils ont fournis, même si je trouve que pour certains composants, l’aspect graphique laisse à désirer. Bien sûr, tous les autres services Yahoo comme Flickr peuvent être utilisés et intégrés avec ces composants.

Ça y est je l’ai finie! 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

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.

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:

J’ai ajouté une nouvelle page à mon blog où je présente les screenshots de mes différents projets. Je n’ai pas mis tous les projets que j’ai réalisé pour le moment, car il me faut encore un peu de temps pour que je retrouve ces derniers et que j’en fasse les screenshots.

En tout cas, je tiens à profiter de ce post pour vous présenter ce plug-in flash que j’ai trouvé sur le blog de Arnaud Legendre qui vous permet d’utiliser des images sur Flickr et de les afficher dans cet environnement 3D. Le rendu est vraiment super, seul point négatif selon moi est la navigation entre les images qui n’est pas forcément intuitive si l’on ne connait pas les raccourcis clavier. Le plug-in est tellement apprécié par la communauté du web, qu’il a été décoré par Mashup et a recu le prix Favorite Website Award

Le tout est très simple à mettre en place il m’a à peine fallu 5min. A conseiller donc, pour un affichage dynamique de photos et images. De toute façon, le simple fait de le voir, donne envie de l’adopter.

Voir le site officiel du plug-in: TiltViewer