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, | * une partie avec la liste des caches par ville, | ||
| - | | + | |
| - | * avec pour chaque cache son l’adresse et son éventuelle indisponibilité, | + | * avec pour chaque cache son l’adresse et son éventuelle indisponibilité, |
| - | * les logos des partenaires du projet. | + | * les logos des partenaires du projet. |
| * une partie avec la carte géographique, | * une partie avec la carte géographique, | ||
| - | | + | |
| - | * chaque ville possède sa propre couleur pour ses marqueurs, | + | * chaque ville possède sa propre couleur pour ses marqueurs, |
| - | * les caches indisponibles sont en gris. | + | * les caches indisponibles sont en gris. |
| - | ==== Accès: ==== | + | ===== 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 32: | 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 38: | 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 50: | 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 suivantes: | + | Dans le fichier map.js comporte le programme qui affiche |
| - | | + | Vous pouvez ajouter ou modifier un marqueur en remplacant les informations suivantes: |
| + | |||
| + | | ||
| + | * '' | ||
| + | * '' | ||
| + | * '' | ||
| + | '' | ||
| + | |||
| + | ===== 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.1630594412.txt.gz · Dernière modification : 2021/09/02 16:53 de yassin