cc-carte-en-ligne
Différences
Ci-dessous, les différences entre deux révisions de la page.
| Les deux révisions précédentesRévision précédenteProchaine révision | Révision précédente | ||
| cc-carte-en-ligne [2021/09/02 16:53] – yassin | cc-carte-en-ligne [2021/09/03 10:39] (Version actuelle) – yassin | ||
|---|---|---|---|
| Ligne 1: | Ligne 1: | ||
| ====== Tutoriel carte en ligne ====== | ====== Tutoriel carte en ligne ====== | ||
| - | ==== Introduction: | + | ===== Introduction: |
| Pour le projet Caches-Cachées nous utilisons une carte en ligne pour guider les participants. | Pour le projet Caches-Cachées nous utilisons une carte en ligne pour guider les participants. | ||
| Ligne 11: | Ligne 11: | ||
| * télécharger les cartes pour les imprimer ou les consulter hors ligne. | * télécharger les cartes pour les imprimer ou les consulter hors ligne. | ||
| - | ==== Présentation : ==== | + | ===== Présentation: |
| Voici un aperçu général de la page: | Voici un aperçu général de la page: | ||
| + | |||
| + | {{: | ||
| La page est composée de deux parties: | La page est composée de deux parties: | ||
| - | * | + | * une partie avec la liste des caches par ville, |
| + | * avec pour chaque ville un bouton pour télécharger une carte, | ||
| + | * avec pour chaque cache son l’adresse et son éventuelle indisponibilité, | ||
| + | * les logos des partenaires du projet. | ||
| + | * une partie avec la carte géographique, | ||
| + | * avec un marqueur pour chaque caches, | ||
| + | * chaque ville possède sa propre couleur pour ses marqueurs, | ||
| + | * les caches indisponibles sont en gris. | ||
| - | une partie avec la liste des caches par ville, | + | ===== Accès: |
| - | + | ||
| - | * | + | |
| - | + | ||
| - | avec pour chaque ville un bouton pour télécharger une carte, | + | |
| - | + | ||
| - | * | + | |
| - | + | ||
| - | avec pour chaque cache son l’adresse et son éventuelle indisponibilité, | + | |
| - | + | ||
| - | * | + | |
| - | + | ||
| - | les logos des partenaires du projet. | + | |
| - | + | ||
| - | * | + | |
| - | + | ||
| - | une partie avec la carte géographique, | + | |
| - | + | ||
| - | * | + | |
| - | + | ||
| - | avec un marqueur pour chaque caches, | + | |
| - | + | ||
| - | * | + | |
| - | + | ||
| - | chaque ville possède sa propre couleur pour ses marqueurs, | + | |
| - | + | ||
| - | * | + | |
| - | + | ||
| - | les caches indisponibles sont en gris. | + | |
| - | + | ||
| - | ==== Accès: ==== | + | |
| Tous nos supports de communications permettent d’accéder à notre carte en ligne via un lien et un code QR. | Tous nos supports de communications permettent d’accéder à notre carte en ligne via un lien et un code QR. | ||
| Ligne 55: | Ligne 34: | ||
| Pour faciliter l’accès à la carte en ligne, nous utilisons un lien de type sous-domaine (cc.fable-lab.com). Ce qui permet d’avoir un lien plus court et donc facile à retenir, à taper et à partager. | Pour faciliter l’accès à la carte en ligne, nous utilisons un lien de type sous-domaine (cc.fable-lab.com). Ce qui permet d’avoir un lien plus court et donc facile à retenir, à taper et à partager. | ||
| - | ==== Technique: ==== | + | {{ : |
| + | |||
| + | ===== Technique: | ||
| === Lien: === | === Lien: === | ||
| Ligne 61: | Ligne 42: | ||
| Si vous optez pour un sous-domaine, | Si vous optez pour un sous-domaine, | ||
| - | Si cela est impossible pour vous ou trop compliqué pouvez simplement utiliser crée une page sur le site de votre organisation et partager | + | Si cela est impossible pour vous ou trop compliqué pouvez simplement utiliser crée une page sur le site de votre organisation et utiliser un service de réduction d'URL (comme bit.ly ou tinyurl.com par exemple). |
| === Site: === | === Site: === | ||
| Ligne 73: | Ligne 54: | ||
| Vous pouvez modifier et ajouter les marqueurs en fonctions de vos besoins depuis le fichier JavaScript “app.js”. Le fichier comporte des commentaires pour vous aider. | Vous pouvez modifier et ajouter les marqueurs en fonctions de vos besoins depuis le fichier JavaScript “app.js”. Le fichier comporte des commentaires pour vous aider. | ||
| - | ==== Ressources: | + | ===== Editer les marqueurs ===== |
| - | Archive avec les ressources | + | Dans le fichier map.js comporte le programme qui affiche |
| + | |||
| + | Vous pouvez ajouter ou modifier un marqueur en remplacant les informations | ||
| - | * | + | * '' |
| + | * '' | ||
| + | * '' | ||
| + | * '' | ||
| + | '' | ||
| + | |||
| + | ===== Ressources: ===== | ||
| + | |||
| + | Archive avec les ressources suivantes: | ||
| - | page HTML, | + | * page HTML, |
| + | * fichier CSS, | ||
| + | * fichier JavaScript, | ||
| + | * logo partenaires. | ||
| - | * | + | ===== Licence: ===== |
| - | fichier CSS, | + | MIT License |
| - | * | + | Copyright © 2020 Fable-Lab |
| - | fichier JavaScript, | + | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), |
| - | * | + | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. |
| - | logo partenaires. | + | THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, |
cc-carte-en-ligne.1630594391.txt.gz · Dernière modification : 2021/09/02 16:53 de yassin