Pouenat FERRONNIER

Présentation du site Internet :

Ce site Internet est un site Internet vitrine qui intègre un catalogue produits permettant aux agents et aux clients de la société, via un identifiant et un mot de passe, d'accéder à toutes les ressources de travail dont ils ont besoin.

---

Carte interactive en flash

J'ai développé, sur ce site Internet, une carte interactive en ActionScript. Cette carte intègre un planisphère au format EPS (tous les pays sont détourés).

L'objectif de cette carte était de simplifier l'utilisation de la rubrique "contact" du site Internet, en supprimant les contenus textuels constituant cette page. Cette carte interactive vient donc remplacer une liste d'agents relativement indigeste (ergonomiquement et graphiquement parlant).

J'ai constitué une base de données regroupant plusieurs tables. D'une part, on retrouve les agents et toutes les informations les concernant. D'autre part, on retrouve les pays, tous identifiés de manière unique. La dernière table me permet d'établir un lien entre ces deux entités.

Mon premier travail a été de développer une interface permettant de renseigner cette base de données. Il est ainsi possible d'ajouter, de modifier et de supprimer des agents directement depuis l'interface réservée aux administrateurs du site Internet. De plus, il est possible d'assigner des agents dans des pays, en précisant la fonction occupée ou éventuellement le lieu précis dans lequel ces agents évoluent. Cette interface d'administration est développée à partir des différentes fonctionnalités existantes sur mon système de gestion de contenu, notamment en terme de gestion des droits. L'interface d'utilisation et d'administration est simple, même pour un utilisateur qui ne maîtrise pas l'outil informatique. Pour gagner en ergonomie, mon choix technologique est une fois de plus l'AJAX (Je n'arrivais pas à m'en priver avant jQuery, alors comment s'en passer maintenant ?).

En parallèle, pour gagner du temps, j'ai installé un module en ActionScript fait maison : un mini module de cartographie, me permettant de déplacer la carte avec la souris, de déplacer la carte avec les flèches directionnelles du clavier, de zoomer, etc. J'ai ainsi pu gagner un temps précieux pour l'installation de ces quelques fonctionnalités de base, ce qui m'a permis de passer à la troisième étape : interroger ma base de données depuis flash.

Lors d'un clic sur la carte du monde, plus précisément sur un pays, la base de données est interrogée pour récupérer les informations relatives à ce pays. L'objectif est d'afficher une infobulle dans laquelle figure, dans un premier temps, la liste des différents agents travaillant dans le pays (à moins qu'il n'y ait qu'un seul agent, auquel cas ses informations apparaissent directement), puis, dans un deuxième temps, les différentes fiches détaillées des agents, avec la possibilité de faire défiler leurs informations. Techniquement parlant, il faut capter les clics de souris sur les différents clips intégrés dans flash (jusque là, aucun problème), puis... interroger la base de données. Là par contre... Donc : Pour gagner du temps, pour anticiper d'éventuelles corrections et pour conserver un outil modulable (je préfère modifier du php que recompiler un swf... chacun son truc !), j'ai décidé de ne pas interroger la base de données en utilisant ActionScript, mais de l'interroger en utilisant AJAX. Ainsi, lorsqu'un clic est détecté sur un pays dans flash, une instruction est passée à ma page HTML, dans laquelle se trouve mon fichier JavaScript me permettant d'interroger... mes fichiers PHP et donc... ma base de données (je ne rentre pas plus dans le détail). Mon contenu HTML est donc enfin généré, je l'affiche dans l'infobulle, et je lance un précieux plugin jQuery rangé dans un fond de tiroir qui une fois de plus, me sauve la mise et me fait gagner, à vue d'oeil, 3 jours de travail !

Je ne m'attarde pas sur les autres petits extra, tels que l'infobulle draggable : 1 ligne en jQuery, comment se priver de cette petite merveille de fonctionnalité ? Ceux qui ont connu ce site Internet c2p1.com il y a quelques années se souviendront peut être d'une version qui était rouge et sur laquelle se trouvait, sur la page d'accueil, du drag and drop "maison" : Des heures et des heures de taf pour faire bouger 4 div... heureusement, quand on aime, on ne compte pas ! J'aime toujours, mais jQuery c'est mieux !

---

Sur ce site Internet, j'ai réalisé :

• Toute la partie "technique",
• L'intégration (X)HTML CSS,
• Les galeries de photos,
• Le référencement,...