Anne-Laure HOAREAU

Cette semaine fut consacrée à la géolocalisation sur le site seloger.com, depuis quelques mois quand vous faites une recherche d’un bien sur le site de seloger une cartographie des annonces ciblé sur votre recherche apparait.  Actuellement l’objectif est de reprendre se système de géolocalisation mais pas pour les annonces, pour les agences. Et cette cartographie des agences sera intégrée sur la home de seloger.  Cette carte se centre suivant 2 critères :

- Si c’est votre première visite la carte se centreras en fonction de votre adresse IP

- Et sinon la carte seras centrée en fonction de votre dernière recherche.

Alors avant de se lancer dans le code 1 lien  à aller voir :  le guide pour developer de google map, ( a garder dans ces marques pages )

Puis se procurer une clé api pour google map.

Etant donnée que le but est de centrer la carte en fonction des données des utilisateurs et étant sur ID3x, il me faut tout d’abord créer un fichier XML , d’où je pourrais faire mes appel de macro et récupérer les informations nécessaire. Puis création de ma page HTML, où je crée seulement une <div> avec un ID=”map_canvas”  et bien sur je fais l’appel de ma feuille de javascript.  Je crée ensuite ma feuille de script.

Dans mon script, j’utilise du JavaScript (bien sur) avec JQuery et de l’ AJAX. L’ AJAX me permettra de récupérer les informations de mon XML ( attention à bien créer son XML sans erreurs, j’ai perdu une journée de travail en pensant que mon script était faux alors que j’avais tout simplement une petite erreur dans le XML).

Pour insérer une carte le code est assez simple et court :

<script type="text/javascript">

    function initialize() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(37.4419, -122.1419), 13);
        map.setUIToDefault();
      }
    }

    </script>

Mais là une simple carte s'affiche. Pour obtenir une carte plus complexe
suivant différentes informations le code est plus long et plus recherché.
Pour l'instant après plusieurs jours de code j'en suis à environ 400 lignes
de code et j'arrive à afficher la carte correctement en fonction des 2 critères,
il me reste maintenant une semaine pour afficher les markers des agences,
et stylisé tout ça. D'ici quelques semaines vous pourrez donc voir l'intégration
de la cartographie des agences sur seloger.com

Première semaine de stage chez SeLoger.com (le n°1 de l’immobilier sur internet). SeLoger.com est un groupe qui s’occupe de plusieurs site sur internet : Seloger.com,SelogerPro.com, SelogerNeuf.com, Agorabiz.com, Immostreet.com, Lacoteimmo.com, Bellesdemeures.com.

Le point fort de cette semaine fut le découverte du fameux ID3x.

Pour la petite histoire, ID3 signifie Internet Directory Tree (3), ce qui ne signifie rien!

Il s’agit d’un WebEngine, c’est à ire un système qui permet de gérer et afficher du contenu dynamique (textes, images, …) indépendamment du code HTML. ID3x est sa deuxième version, entièrement re-développée en C# sous l’environnement Microsoft.Net. Il a été développé à POLIRIS pour ses filiales. Sa maintenance est effectuée par Charles Sauthier.

Sa principale caractéristique, celle qui nous intéresse, est de séparer complètement le code de programmation (le langage) du code HTML (l’aspect des pages web), l’un dans des modules de programmation, l’autre dans des templates réunis en skins.

ID3x est doté d’un langage de macro suffisamment souple pour permettre toutes les applications inimaginable, de manière plus ou moins simple. Beaucoup des taches fastidieuses pour le développeur du site web sont déjà intégrées.

Il existe différents types de macros.

Les macros B (boucle) renvoient une suite de valeur de manière itérative, et permettent donc de définir un bloc dans la page HTML à répéter à chaque itération. En général il s’agit d’une requête SQL renvoyant N lignes. Elles sont toujours accompagnées des macros BIF et BFIN, DO et LOOP, plus éventuellement les macros BIF0 et BFIN.

Exemple:

$$B:TEST:LISTE:PARAM1:PARAM2$$$$BIF:TEST:LISTE:PARAM1$$

$$TEST:LISTE:PARAM1:NBR$$ résultats trouvés :<BR>

$$DO:1:7$$

$$TEST:LISTE:PARAM1:I$$) $$TEST:LISTE:PARAM1:JOUR$$<BR>

$$LOOP$$

$$BFIN$$

$$BIF0:TEST:LISTE:PARAM1$$

Pas de résultat trouvé.

$$BFIN$$

la suite d’ID3x prochainement …