Cartes Umap augmentée : Différence entre versions

De Les Fabriques du Ponant
Aller à : navigation, rechercher
(Page créée avec « Pour réaliser une carte Umap Auglentée, il faut commencer par se créer un compte sur umap ==Encapsuler des midules H5P de la Digitale== Voir logiciel Logiquiz à pub... »)
 
 
(8 révisions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
Pour réaliser une carte Umap Auglentée, il faut commencer par se créer un compte sur umap
+
Pour réaliser une carte Umap Augmentée, il faut commencer par se créer un compte sur umap
  
==Encapsuler des midules H5P de la Digitale==
+
==S'appuyer sur des donées OSM==
Voir logiciel Logiquiz à
+
<html>
 +
<iframe title="Créer une carte uMap avec des objets d'OpenStreetMap" width="560" height="315" src="https://tube-sciences-technologies.apps.education.fr/videos/embed/f7b42336-a8fb-481d-9ee9-226c13856af2" frameborder="0" allowfullscreen="" sandbox="allow-same-origin allow-scripts allow-popups allow-forms"></iframe>
 +
</html>
  
publier un contenu et récuypérer l'URL de partage : https://ladigitale.dev/digiquiz/q/655390be66e1b
+
==Encapsuler des modules H5P de la Digitale==
 +
exempe : la frise chronologique
  
dans le tableur des données de la carte mettre cette URL.
+
[[Fichier:EncapsulationUmapH5P.png|400px]]
  
Puis dans ce qui gère l'affichage, dans '''option d'intéractions''', '''gabarit manuel de la popup''' :
+
* Voir logiciel Logiquiz à https://ladigitale.dev/logiquiz/
vous mettez entre triple parenthèse le lien d'intégration de votre module H5P;
+
* publier un contenu et récupérer l'URL de partage : https://ladigitale.dev/digiquiz/q/655390be66e1b
 +
* dans le tableur des données de la carte mettre cette URL.
 +
* Puis dans ce qui gère l'affichage, dans '''option d'intéractions''', '''gabarit manuel de la popup''' : vous mettez entre triple parenthèse le lien d'intégration de votre module H5P;
  
Voici les options de rédaction de la popup manuelle.
+
===Voici les options de rédaction de la popup manuelle===
<nowiki>
 
Aide
 
Propriétés dynamiques
 
Utilisez des variables avec les noms de propriétés de vos éléments entre accolades, ex. {name}, elles seront remplacées dynamiquement par les valeurs correspondantes.
 
  
Mise en forme du texte :
+
* Aide
 
+
* Propriétés dynamiques
    *simple astérisque pour italique*
+
* Utilisez des variables avec les noms de propriétés de vos éléments entre accolades, ex. {name}, elles seront remplacées dynamiquement par les valeurs correspondantes.
    **double astérisque pour gras**
+
* Mise en forme du texte :
    # un dièse pour titre 1
+
**    <nowiki>*simple astérisque pour italique*</nowiki>
    ## deux dièses pour titre 2
+
**    <nowiki>**double astérisque pour gras**</nowiki>
    ### trois dièses pour titre 3
+
**    <nowiki># un dièse pour titre 1</nowiki>
    Lien simple : [[https://exemple.fr]]
+
**    <nowiki>## deux dièses pour titre 2</nowiki>
    Lien avec texte : [[http://exemple.fr|texte du lien]]
+
**    <nowiki>### trois dièses pour titre 3</nowiki>
    Image : {{http://image.url.com}}
+
**    <nowiki>Lien simple : [[https://exemple.fr]]</nowiki>
    Image avec largeur (en pixels) : {{http://image.url.com|largeur}}
+
**    <nowiki>Lien avec texte : [[http://exemple.fr|texte du lien]]</nowiki>
    Iframe : {{{http://iframe.url.com}}}
+
**    <nowiki>Image : {{http://image.url.com}}</nowiki>
    Iframe avec hauteur (en pixels) : {{{http://iframe.url.com|hauteur}}}
+
**    <nowiki>Image avec largeur (en pixels) : {{http://image.url.com|largeur}}</nowiki>
    Iframe avec hauteur et largeur (en px) : {{{http://iframe.url.com|height*width}}}
+
**    <nowiki>Iframe : {{{http://iframe.url.com}}}</nowiki>
    --- pour un séparateur horizontal
+
**    <nowiki>Iframe avec hauteur (en pixels) : {{{http://iframe.url.com|hauteur}}}</nowiki>
</nowiki>
+
**    <nowiki>Iframe avec hauteur et largeur (en px) : {{{http://iframe.url.com|height*width}}}</nowiki>
 +
**    <nowiki>--- pour un séparateur horizontal</nowiki>

Version actuelle datée du 12 décembre 2024 à 08:25

Pour réaliser une carte Umap Augmentée, il faut commencer par se créer un compte sur umap

S'appuyer sur des donées OSM

Encapsuler des modules H5P de la Digitale

exempe : la frise chronologique

EncapsulationUmapH5P.png

  • Voir logiciel Logiquiz à https://ladigitale.dev/logiquiz/
  • publier un contenu et récupérer l'URL de partage : https://ladigitale.dev/digiquiz/q/655390be66e1b
  • dans le tableur des données de la carte mettre cette URL.
  • Puis dans ce qui gère l'affichage, dans option d'intéractions, gabarit manuel de la popup : vous mettez entre triple parenthèse le lien d'intégration de votre module H5P;

Voici les options de rédaction de la popup manuelle

  • Aide
  • Propriétés dynamiques
  • Utilisez des variables avec les noms de propriétés de vos éléments entre accolades, ex. {name}, elles seront remplacées dynamiquement par les valeurs correspondantes.
  • Mise en forme du texte :
    • *simple astérisque pour italique*
    • **double astérisque pour gras**
    • # un dièse pour titre 1
    • ## deux dièses pour titre 2
    • ### trois dièses pour titre 3
    • Lien simple : [[https://exemple.fr]]
    • Lien avec texte : [[http://exemple.fr|texte du lien]]
    • Image : {{http://image.url.com}}
    • Image avec largeur (en pixels) : {{http://image.url.com|largeur}}
    • Iframe : {{{http://iframe.url.com}}}
    • Iframe avec hauteur (en pixels) : {{{http://iframe.url.com|hauteur}}}
    • Iframe avec hauteur et largeur (en px) : {{{http://iframe.url.com|height*width}}}
    • --- pour un séparateur horizontal