drag_and_drop

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

drag_and_drop [27/10/2020 15:59]
hery201 créée
drag_and_drop [15/07/2021 15:58] (Version actuelle)
saidobs201
Ligne 1: Ligne 1:
 ====== Drag and drop ======  ====== Drag and drop ====== 
-Ce module H5P vous permettra de créer un **glisser-déposer** en utilisant un support visuel comprenant des étiquettes et des zones de dépôt paramétrées.  +Cette page a été redirigée vers le lien suivant :[[h5p:glisser-deposer|Drag and drop]]
-<note> Notez que chaque étoile rouge indique le caractère obligatoire de certains champs. </note> +
- +
-Dans un premier temps, vous arrivez dans **Step 1: Réglages.** C'est ici que vous ajoutez l'image de fond de votre choix qui servira de support à votre activité. Vous avez la possibilité de modifier la taille de l'image à votre convenance. +
-{{ :playground:gd_step_1.png |}} +
- +
-Une fois cela fait, passez à **Step 2: Eléments de l'activité**. Vous allez pouvoir paramétrer vos **zones de dépôts** ainsi que vos **étiquettes**. Chaque jumelage se fait en 3 étapes. +
-{{ :playground:gd_step_2_creation.png |}} +
- +
-==== Première étape : créer une zone de dépôt. ==== +
-Cliquez sur le premier bouton vu juste au-dessus. +
-{{ :playground:gd_step_2_parametrage_zone_depot.png |}} +
-Une fois la première zone de dépôt paramétrée, cliquez sur **"Ok"**. Vous reviendrez sur l'image de fond, avec en encadré qui représente cette zone. Vous êtes libre de la placer où vous le souhaitez, voir la capture ci-dessous. +
-{{ :playground:zone_de_depot.png |}} +
- +
-==== Seconde étape : créer une étiquette. ==== +
-Cliquez sur le second bouton vu au-dessus. Une fois l'étiquette créée, cliquez sur **"Ok"**. Vous serez en mesure de la **placer** où vous le souhaitez sur votre image et de choisir ses **dimensions**. +
-{{ :playground:gd_parametrage_etiquette.png |}} +
- +
-==== Troisième étape : paramétrer sa zone de dépôt. ==== +
-Une fois l'étiquette faite, cliquez sur la **zone de dépôt associée** à cette dernière. Vous trouverez alors une nouvelle caractéristique à paramétrer comme montré ci-dessous. +
-{{ :playground:gd_etape_3_editee.png |}} +
- +
-=== A la fin de ces trois étapes, vous obtiendrez donc un résultat comme l'exemple ci-dessous. Répétez l'opération autant de fois que nécessaire (selon le nombre de zones de dépôt et d'étiquettes que vous souhaitez créer.) === +
-{{ :playground:gd_fin.png |}} +
- +
-==== Plusieurs options à paramétrer ==== +
-Après avoir paramétré vos zones de dépôt et vos différentes étiquettes, vous serez en mesure d'y apporter quelques modifications.  +
-Dans un premier temps... +
-{{ :playground:gd_opacite_des_etiquettes_editee.png |}} +
-<note> Il s'agit d'une option, à vous de décider si vous souhaitez l'activer ou non et à quelle fréquence. </note> +
-Dans l'onglet suivant **"Options générales."**, certaines options sont pertinentes à considérer : +
-{{:playground:gd_option_point.png|}} +
-{{:playground:gd_parametre_opacite.png|}} +
-{{:playground:gd_zone_de_depot_visible_ou_non.png|}} +
- +
-Dans le dernier onglet **"Modifications des textes et traductions."**, vous êtes en mesure de modifier la langue source si vous le souhaitez. Vous pouvez également modifier certains éléments de texte lisibles.  +
- +
----- +
-==== Pour finir. ==== +
-Voici un aperçu d'un **glisser-déposer paramétré** : +
-{{ :playground:gd_capture_de_fin.png |}}+
  • drag_and_drop.1603810741.txt.gz
  • Dernière modification: il y a 13 mois
  • de hery201