Cartes Umap augmentée : Différence entre versions

De Les Fabriques du Ponant
Aller à : navigation, rechercher
(→‎Encapsuler des mdules H5P de la Digitale)
 
(5 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
 +
 
 +
==S'appuyer sur des donées OSM==
 +
<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>
  
 
==Encapsuler des modules H5P de la Digitale==
 
==Encapsuler des modules H5P de la Digitale==
Ligne 6 : Ligne 11 :
 
[[Fichier:EncapsulationUmapH5P.png|400px]]
 
[[Fichier:EncapsulationUmapH5P.png|400px]]
  
−
Voir logiciel Logiquiz à  
+
* Voir logiciel Logiquiz à https://ladigitale.dev/logiquiz/
−
 
+
* publier un contenu et récupérer l'URL de partage : https://ladigitale.dev/digiquiz/q/655390be66e1b
−
publier un contenu et récuypé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;
−
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.
 
−
<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 :
+
===Voici les options de rédaction de la popup manuelle===
  
−
    *simple astérisque pour italique*
+
* Aide
−
    **double astérisque pour gras**
+
* Propriétés dynamiques
−
    # un dièse pour titre 1
+
* 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.
−
    ## deux dièses pour titre 2
+
* Mise en forme du texte :
−
    ### trois dièses pour titre 3
+
**    <nowiki>*simple astérisque pour italique*</nowiki>
−
    Lien simple : [[https://exemple.fr]]
+
**    <nowiki>**double astérisque pour gras**</nowiki>
−
    Lien avec texte : [[http://exemple.fr|texte du lien]]
+
**    <nowiki># un dièse pour titre 1</nowiki>
−
    Image : {{http://image.url.com}}
+
**    <nowiki>## deux dièses pour titre 2</nowiki>
−
    Image avec largeur (en pixels) : {{http://image.url.com|largeur}}
+
**    <nowiki>### trois dièses pour titre 3</nowiki>
−
    Iframe : {{{http://iframe.url.com}}}
+
**    <nowiki>Lien simple : [[https://exemple.fr]]</nowiki>
−
    Iframe avec hauteur (en pixels) : {{{http://iframe.url.com|hauteur}}}
+
**    <nowiki>Lien avec texte : [[http://exemple.fr|texte du lien]]</nowiki>
−
    Iframe avec hauteur et largeur (en px) : {{{http://iframe.url.com|height*width}}}
+
**    <nowiki>Image : {{http://image.url.com}}</nowiki>
−
    --- pour un séparateur horizontal
+
**    <nowiki>Image avec largeur (en pixels) : {{http://image.url.com|largeur}}</nowiki>
−
</nowiki>
+
**    <nowiki>Iframe : {{{http://iframe.url.com}}}</nowiki>
 +
**    <nowiki>Iframe avec hauteur (en pixels) : {{{http://iframe.url.com|hauteur}}}</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
Récupérée de « http://wiki.lesfabriquesduponant.net/index.php?title=Cartes_Umap_augmentée&oldid=28659 »