C'est l'automne ! FeuillesAutomne.gif

Cartes Umap augmentée : Différence entre versions

De Les Fabriques du Ponant
Aller à : navigation, rechercher
 
Ligne 1 : Ligne 1 :
 
Pour réaliser une carte Umap Augmenté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==
+
==S'appuyer sur des données OSM==
 
<html>
 
<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>
 
<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>
Ligne 35 : Ligne 35 :
 
**    <nowiki>Iframe avec hauteur et largeur (en px) : {{{http://iframe.url.com|height*width}}}</nowiki>
 
**    <nowiki>Iframe avec hauteur et largeur (en px) : {{{http://iframe.url.com|height*width}}}</nowiki>
 
**    <nowiki>--- pour un séparateur horizontal</nowiki>
 
**    <nowiki>--- pour un séparateur horizontal</nowiki>
 +
 +
[[Catégorie:UMAP]]

Version actuelle datée du 23 octobre 2025 à 13:27

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

S'appuyer sur des donné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