umap:7_-_je_publie_ma_carte_et_en_controle_l_acces
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 | ||
umap:7_-_je_publie_ma_carte_et_en_controle_l_acces [2017/01/08 18:00] – [3. Adapter les fonctionnalités de la carte] admin | umap:7_-_je_publie_ma_carte_et_en_controle_l_acces [2023/10/06 08:54] (Version actuelle) – [4. Définir qui peut voir ou modifier la carte] antoine | ||
---|---|---|---|
Ligne 1: | Ligne 1: | ||
+ | ====== Je publie ma carte et en contrôle l' | ||
+ | |||
+ | ===== Ce que nous allons apprendre ===== | ||
+ | |||
+ | * Insérer une carte dans une page HTML | ||
+ | * Publier une carte sur Wordpress | ||
+ | * Adapter les fonctionnalités de la carte | ||
+ | * Définir qui peut voir ou modifier la carte | ||
+ | |||
+ | ===== Procédons par étapes ===== | ||
+ | |||
+ | ==== 1. Insérer une carte dans une page HTML ==== | ||
+ | |||
+ | {{: | ||
+ | |||
+ | Une **iframe** est une balise du langage informatique HTML qui permet d' | ||
+ | |||
+ | {{ : | ||
+ | Voici les étapes à suivre : | ||
+ | - ouvrir le panneau **Exporter et partager la carte** | ||
+ | - copier la totalité du texte sous **Intégrer la carte dans une iframe** (astuce: placer le curseur sur le texte puis utiliser les raccourcis claiver Ctrl+a pour tout sélectionner puis Ctrl+c pour copier la sélection) | ||
+ | - coller le texte copié dans le code source du fichier HTML dans lequel vous souhaitez intégrer la carte (raccourci clavier: Ctrl+v) | ||
+ | |||
+ | Voici un exemple minimaliste de fichier HTML dans lequel l' | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | <meta charset=" | ||
+ | </ | ||
+ | < | ||
+ | <div> | ||
+ | < | ||
+ | <iframe width=" | ||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | Voici la carte intégrée sur cette page, en utilisant les options d' | ||
+ | |||
+ | < | ||
+ | <div style=" | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | Bien entendu cela suppose de connaître un peu HTML et de disposer d'un serveur sur lequel publier un tel fichier. Mais le principe est posé et pas si compliqué. Voyons maintenant un cas de figure plus courant. | ||
+ | |||
+ | |||
+ | ==== 2. Publier une carte sur WordPress ==== | ||
+ | |||
+ | Publier une carte sur un site WordPress se passe de la même façon que ci-dessus, en copiant le //code HTML de l' | ||
+ | |||
+ | {{ : | ||
+ | |||
+ | Publiez la page et le tour est joué ! | ||
+ | |||
+ | <WRAP center round important 80%> | ||
+ | Pour des raisons de sécurité, les sites mutualisés comme https:// | ||
+ | </ | ||
+ | |||
+ | ==== 3. Adapter les fonctionnalités de la carte ==== | ||
+ | |||
+ | La carte intégrée ci-dessus n'est pas très pratique : sa hauteur est insuffisante et le panneau latéral est partiellement visible. Les boutons disponibles à gauche ne sont pas forcément adaptés, par exemple nous ne souhaitons pas intégrer le sélecteur de calques. | ||
+ | |||
+ | L' | ||
+ | |||
+ | {{ : | ||
+ | Les premières options sont spécifiques à l' | ||
+ | * la **largeur** de 100% permet d' | ||
+ | * le **lien "plein écran" | ||
+ | * l' | ||
+ | * l' | ||
+ | * **Autoriser le zoom avec la molette** est peu adapté si la carte est intégrée dans une longue page, que les utilisateurs vont faire défiler avec la molette : arrivé à la carte la page ne défilera plus et la carte va effectuer un zoom arrière. Rien de grave mais ce comportement peut être surprenant. | ||
+ | |||
+ | <WRAP center round important 80%> | ||
+ | Lorsque les options **Vue courante plutôt que vue par défaut** et **Garder les calques visibles actuellement** sont actives, modifier la vue courante ou les calques visibles ne modifie pas le code d' | ||
+ | </ | ||
+ | |||
+ | Voici par exemple la même carte que ci-dessus, avec une vue et un choix de calque différents, | ||
+ | |||
+ | < | ||
+ | <iframe width=" | ||
+ | </ | ||
+ | |||
+ | |||
+ | ==== 4. Définir qui peut voir ou modifier la carte ==== | ||
+ | |||
+ | {{: | ||
+ | Le bouton **Changer les permissions et les éditeurs** donne accès au panneau **Permissions de la carte**. Celui-ci vous permet de contrôler, pour chaque carte, qui peut la voir et qui peut la modifier. | ||
+ | |||
+ | {{ : | ||
+ | |||
+ | Lorsque vous créez une carte celle-ci est visible dans votre // | ||
+ | * **quiconque a le lien** : la carte n' | ||
+ | * **seulement les éditeurs** : seules les personnes ayant le droit d' | ||
+ | |||
+ | Lorsque vous créez une carte, vous êtes le seul à pouvoir la modifier. Vous pouvez inviter d' | ||
+ | Le nom de chaque utilisateur est ajouté à la suite de ce champ. | ||
+ | |||
+ | L' | ||
+ | |||
+ | <WRAP center round important 80%> | ||
+ | uMap ne permet pas à plusieurs éditeurs de modifier la carte simultanément. Le logiciel vous alerte lorsque l' | ||
+ | Si vous êtes plusieurs éditeurs d'une même carte, concertez-vous avant de modifier la carte. | ||
+ | </ | ||
+ | |||
+ | Enfin vous pouvez **tranférer la propriété** d'une carte à un autre utilisateur : supprimez le propriétaire actuel (vous) en cliquant sur la petite croix à droite du champ **Owner**, puis saisissez le nom de compte de l' | ||
+ | |||
+ | |||
+ | |||
+ | ===== Faisons le point ===== | ||
+ | |||
+ | À ce stade nous savons créer une carte structurée avec du contenu multimédia, | ||
+ | |||
+ | Mais avant cela, nous allons terminer le niveau intermédiaire en traitant [[umap: | ||
umap/7_-_je_publie_ma_carte_et_en_controle_l_acces.txt · Dernière modification : 2023/10/06 08:54 de antoine