CARTE INTERACTIVE DES CHEMINS. Le paramétrage : Partagé entre les tâches du webmaster et les tâches du responsable de la saisie des chemins.

Transcription

1 CARTE INTERACTIVE DES CHEMINS Le paramétrage : Partagé entre les tâches du webmaster et les tâches du responsable de la saisie des chemins.

2 Table des matières 1 La carte interactive des chemins : comment ça marche? Principe général du paramétrage de la carte interactive Les moyens pour dessiner une zone réactive et redéployer la carte : Les informations à assigner sur une zone réactive : Principe détaillé du paramétrage pour le WebMaster Principe détaillé du paramétrage pour le CheminMaster La saisie d'informations en amont de l'assignation d'un chemin sur une "zone réactive" Comment accéder aux écrans permettant ces différentes saisies :... 10

3 1 La carte interactive des chemins : comment ça marche? Sur le site web de l'ara, on trouve une "carte interactive" des chemins. Cette carte comporte des "zones réactives" (réactives au survol et au clic de la souris). Ces "zones réactives", lorsqu'elles sont survolées, font apparaître une main à la place du curseur. De plus, un libellé apparaît en-dessous. Ces zones correspondent aux chemins représentés sur cette carte. En cliquant dessus, on provoque l'affichage d'une fenêtre "popup" permettant d'obtenir toutes sortes de renseignements sur le chemin représenté. De Genève au Puy en Velay En survolant le trait vert au Sud de Genève avec la souris, on voit que le curseur se transforme en main alors qu'un libellé apparaît en-dessous. On est en train de survoler une "zone réactive" dessinée par le webmaster et paramétrée par le responsable de la saisie des chemins. En cliquant dessus, on provoque l'affichage d'une fenêtre se superposant à la carte (voir page suivante).

4 Voici un exemple de fenêtre apparaissant au-dessus de la carte après un clic de souris sur une "zone réactive" : Un clic sur une "zone réactive" provoque l'affichage d'une fenêtre de ce type. On y voit un titre, une description, des images et des liens pour l'essentiel. De Genève au Puy en Velay. Il faut savoir que plusieurs "chemins" peuvent être associés à une même zone réactive. Si c'est le cas, ils s'afficheront tour à tour grâce à des touches de navigation. Nous verrons le détail plus loin.

5 2 Principe général du paramétrage de la carte interactive On voit que, pour paramétrer notre carte interactive, il va falloir : 1. Dessiner des zones réactives sur la carte. 2. Déployer la carte modifiée (avec sa nouvelle zone réactive). 3. Lier ces zones réactives à un traitement spécifique à cette zone. Ces deux groupes de tâches vont devoir être réparties sur deux têtes. Dans la mesure où cela nécessite l'utilisation d'outils spécialisés et d'un savoir-faire spécifique, le dessin des zones réactives sera dévolu au webmaster du site web de l'ara. Le responsable de la saisie prendra le relais ensuite pour assigner les bonnes données sur la zone réactive dessinée par le webmaster. 2.1 Les moyens pour dessiner une zone réactive et redéployer la carte : Ces moyens font appel à des logiciels spécialisés dans la gestion de sites web. De plus, le redéploiement de la carte suppose de connaître des codes d'accès spécifiques sur le site web de l'ara (accès FTP). Au sein de l'association ARA, seul le webmaster dispose du savoir-faire pour mettre en œuvre ces logiciels (Dreamweaver MX ou supérieur et un client FTP comme Filezilla). Il est le seul, également, à connaître les codes d'accès pour déployer la carte modifiée. 2.2 Les informations à lier à une zone réactive : Lorsqu'une zone réactive est rajoutée à la carte, le webmaster lui alloue un identifiant unique. Il s'agit d'un chiffre permettant de référencer cette nouvelle zone réactive. Avant d'utiliser cet identifiant, le responsable de la saisie des chemins va préparer toutes sortes d'informations dont, grossièrement : La description de guides (ARA, FFRP ou autres). Les conditions standard d'obtention des guides (qu'ils soient ARA, FFRP ou autres). La description de chemins (ce sont des portions de chemin, en fait) avec possibilité de leur rattacher des guides (ARA ou non), des images, des liens sur des sites web, des bibliographies et des coordonnées GPS. Ensuite, il devra utiliser ces informations : Via la carte interactive en mode "saisie", il va enregistrer l'identifiant (apposé par le webmaster) dans la base de données en tant que "portion de carte". Ensuite, il pourra assigner (toujours via la carte interactive en mode "saisie") un ou plusieurs "chemins" à cette "portion de carte".

6 3 Principe détaillé du paramétrage pour le WebMaster. Comme nous l'avons dit plus haut, le webmaster va se charger du "dessin" des "zones réactives" sur la carte interactive. Ces zones réactives cerneront un chemin, en particulier. Voyons un exemple précis, ci-dessous. Pour le webmaster, la carte interactive est une page php (/chemins/carte_interactive.php) qu'il va modifier avec l'outil Dreamweaver. Dans l'exemple ci-dessous, j'utilise Dreamweaver CS3: Une carte occupe la plus grande partie de la page. J'ai passé l'affichage à 200% pour travailler avec plus de précision. Dans les propriétés de cette image, on dispose d'outils pour créer des "zones réactives". Utilisez le polygone.

7 Je vais "dessiner" une nouvelle zone réactive sur le chemin du Rhône. Au début, je dispose de la carte ci-dessous (zoomée à 300 %) : Je vais dessiner ma zone réactive autour de ce trait en vert représentant le chemin du Rhône. En cliquant sur cette icône, je vais utiliser l'outil polygone.

8 Après placement d'un certain nombre de points autour de mon trait vert, voila le résultat : Après avoir dessiné une zone autour du trait vert matérialisant le chemin du Rhône, le webmaster lui assigne un identifiant (ici, le 4) en respectant une syntaxe particulière. Cet identifiant doit être unique (sauf si un même chemin doit être dessiné en deux zones réactives). Comme on le voit ci-dessus, le webmaster doit modifier le code à la fin de la ligne. A la fin des coordonnées cartésiennes, il force la syntaxe "<?php itineraire(n );?> >". Ensuite, il doit déployer le fichier carte_interactive.php sur le site web (répertoire chemins). Le responsable de la saisie des chemins pourra alors assigner des informations à cette zone réactive

9 Note pour le webmaster : La syntaxe "<?php itineraire(n );?> >" Permet d'assigner une procédure php à la zone réactive. Cette procédure permet deux choses : En mode "lecture de la carte interactive" (par le public), elle provoque l'affichage du titre associé à la zone et traite le clic en affichant un écran par-dessus la carte et affichant les détails des chemins associés. NB : Le titre affiche éventuellement que la zone réactive n'est pas encore paramétrée. En mode "assignation des chemins" (boulot effectué par le responsable de la saisie des chemins pour chaque zone réactive), le survol d'une zone réactive provoque l'affichage d'un titre (et, éventuellement, d'un avertissement comme quoi elle n'est pas encore paramétrée). Le clic provoque l'affichage d'un écran d'assignation de chemin(s) à cette zone réactive. Si la zone réactive n'est pas encore paramétrée dans la base de données, cet écran propose de créer le paramétrage en question.

10 4 Principe détaillé du paramétrage pour le CheminMaster. Comme nous l'avons vu au paragraphe 2.2, le responsable de la saisie des chemins (appelé "CheminMaster" dans ce document) doit préparer un certain nombre d'informations en amont de l'assignation de données et de paramètres à une zone réactive préparée par le webmaster. Pour cela, il doit commencer par accéder à un menu de paramétrage des chemins permettant l'accès à ces différentes saisies : 4.1 Comment accéder aux écrans permettant ces différentes saisies : Le CheminMaster doit connaître l'url, l'identifiant et le mot de passe lui permettant d'accéder à ses écrans de saisie : L'URL = L'identifiant de connexion = admin_chemins Le mot de passe = chemins@ara Cette phase d'identification lui permet d'accéder à l'écran suivant :

11 Création, modification, suppression des Guides. Ces guides peuvent être des "guides ARA" ou non. On peut leur associer un nom, une description, une image et des conditions d'obtention standard et spécifiques Création, modification, suppression des conditions d'obtention standard des guides. Une fois que les conditions d'obtention et les guides sont créés, on peut paramétrer des chemins. Chaque chemin porte un nom et une description. On peut lui adjoindre de un à trois guides ARA, autant de guides non ARA que l'on veut ainsi que des images, des biblios et même des coordonnées GPS. Une fois que tout est créé (les chemins en particulier), on peut assigner des chemins à des zones réactive créées par le webmaster. Ce travail d'assignation se fait par le biais de la carte interactive.

12 4.2 La saisie d'informations en amont de l'assignation d'un chemin sur une "zone réactive". La liste exhaustive de ces informations est la suivante : Saisie des conditions d'obtention générale des guides. L'avantage est que l'on peut modifier globalement les conditions d'obtention de tous les guides appartenant à la même "famille" (tous les guides ARA, tous les guides FFRP, etc.). Saisies de guides. Ces guides peuvent être des guides "ARA" ou non. Sur chaque chemin, on peut assigner de un à trois guides ARA (par exemple, l'itinéraire entre Gillonay et Arles nécessite le guide vert et le guide bleu). Saisie des chemins. En dehors des guides ARA, on peut assigner autant de guides "non ARA" que l'on veut à chaque chemin. On peut également leur assigner des images (pour illustrer ce chemin), des bibliographies et même des coordonnées GPS. Ensuite, on peut assigner des chemins à des zones réactives de la carte. Cette opération est facilitée par l'emploi de la carte interactive.