Charlie Nguyen-Duc

Pour un de mes projets de web application, je dois utiliser un color picker. Le but est de demander à l’utilisateur la couleur qu’il souhaite pour les courbes dessinée, lors de la génération de graphiques.

Après de nombreuses recherches, pour une fois, je suis convaincu par une de Yahoo! UI Library. Son interface est plus qu’agréable à utiliser, non déroutante pour tous les utilisateurs de logiciels d’édition d’images comme Photoshop.

Si vous souhaitez voir une démonstration ce que l’API donne, rendez vous sur cette page.

Ces derniers temps, j’ai été relativement occupé par un projet qui m’a vraiment tenu à cœur à savoir la création d’une simulation d’application Java pour les traders. C’est donc en collaboration avec HEC et dans le cadre de mes études à l’EPFL que j’ai réalisé avec deux autres étudiants: Distributed Web MockStock.

Derrière ce nom peut être peu évocateur, se cache en fait une application de simulation de la bourse. Grâce à diverses technologies Java comme JMS, Servlet, JSP, Javabeans et autres, il va en fait être possible de gérer les opérations (achats/ventes) des traders se connectant à un marché par le biais d’une web application ou d’un Rich Client. A travers, ce projet nous avons également eu l’occasion de faire usage d’autres technologie comme Javascript/Ajax. Permettant de réaliser des graphiques, nous avons utilisé l’API Charts de Google afin de dessiner l’évolution du cours de la bourse au fur et à mesure des valeurs reçues à travers JMS. L’affichage de ces dernières étant mis à jour grâce à des requêtes Ajax.

Voici quelques images du projet:

Vous pouvez visualiser le pdf de la présentation que nous avons faite ici:

distributed-mockstock.pdf

Ç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: