Glisser et déposer des images sur un arrière-plan

Informations de base

Exemple d'un glisser-déposer d'images sur un arrière-plan dans le player Edumatic : 

Procédure

Procédez ainsi pour créer un glisser-déposer des images sur un arrière-plan:

  1. Cliquez avec le bouton droit de la souris sur le dossier dans lequel vous voulez que l'item glisser-déposer des images sur un arrière-plan apparaissent.
  2. Sélectionnez Nouvel item.
    Résultat: l'écran Créer un nouvel item apparaît.
  3. Sélectionnez le type d'item Glisser-déposer les images sur un arrière-plan.
  4. Saisissez un nom
  5. Cliquez sur OK.
    • Ouvrez l'onglet Propriétés pour ajouter ou modifier les métadonnées de cet item.
    • Ouvrez l'onglet Contenu et cliquez sur l'icône de texte pour ajouter un champ de texte ou l'icône de ressource pour ajouter une image, un son ou une vidéo, ....
  6. Cliquez sur + Arrière-plan pour ajouter une image d'arrière-plan.
  7. Sélectionnez une image dans la médiathèque ou dans un appareil local.
  8. Cliquez sur OK.

    Avertissement: Une image de fond ne peut pas être supprimée une fois qu'elle a été ajoutée. Il peut cependant être remplacé en cliquant à nouveau sur + Arrière-plan et en suivant la même procédure que ci-dessus.

  9. Cliquez sur + Dropzone pour ajouter une drop zone.

    Résultat: Un carré blanc représentant la zone de chute apparaît dans le coin supérieur gauche de votre écran.
  10. Sélectionnez-le en cliquant une fois.
    Résultat: Les propriétés si la zone de dépôt sont affichées au bas de votre écran.
    • Ajustez ici la position de votre zone de saut.
    • x indique la position horizontale
    • y indique la position verticale.
    • Vous pouvez aussi utiliser les flèches de votre clavier pour déplacer l'espace.
  11. Cliquez et faites glisser le carré pour positionner la dropzone.
  12. Cliquez sur le bouton - Supprimer Pour supprimer une dropzone.

Ajout et modification des réponses

Procédez ainsi pour ajouter ou modifier une réponse dans un glisser-déposer des images sur un arrière-plan item:

  1. Cliquez sur le bouton avec les trois points .... dans la colonne Valeur pour ajouter une réponse.
  2. Sélectionnez une image dans la médiathèque ou dans un appareil local.
  3. Cliquez sur OK.
  4. Indiquez si la réponse est correcte.
  5. Ajoutez un score.
  6. Si nécessaire, ajoutez du feedback.trou.png

Edition d'un glisser-déposer d'images sur un d'arrière-plan item

Dans les propriétés de la Question, vous pouvez définir le feedback de la question, le feedback positif et le feedback négatif. En bas, vous voyez ces options supplémentaires :question_Drag_en_drop.png

  • Montre les lignes (actif ou inactif), affichera (ou non) les lignes de l'exercice.
  • Shuffle (actif ou inactif) mélangera (ou non) les drops.
  • Montrer les gaps (actif ou inactif). Si des zones actives ont été définies, il est préférable de masquer les zones et de régler cette fonction sur inactif.
  • Les piles infinies (actif ou inactif). Si cette fonction est active, vous pouvez faire un glisser à l'infini à partir de la liste du haut.
  • Snap (actif ou inactif). Si cette fonction est active, le drag s'enclenche sur la zone. Si ce n'est pas le cas, la traînée restera à l'endroit où elle est positionnée sur la figure.

Ajout d'une zone active

Procédez ainsi pour définir manuellement la zone de dépôt:

  1. Cliquez sur +Zone active.
    Résultat: Le pointeur de la souris se transforme en crayon à dessin.
  2. Cliquez une fois pour définir le début de la zone.
    Résultat: Un point rouge apparaît sur votre fond.
  3. Cliquez une deuxième fois pour dessiner un deuxième point.
    Résultat: Le premier point est automatiquement connecté au second.
  4. Continuez jusqu'à ce que vous ayez dessiné la zone de votre choix.
  5. Cliquez près du premier point pour terminer la zone manuellement.
  6. Cliquez sur - Fermer Zone active pour terminer la zone automatiquement.
  7. Cliquez sur - Zone active pour que toutes les zones actives dessinées disparaissent.

Astuce: Lorsque vous utilisez des points chauds, il est préférable de régler Montrer les gaps sur inactif. Sinon, l'exercice sera trop facile.

Réglage de l'ordre des onglets

Vous pouvez utiliser la touche Tabulation de votre clavier pour sauter d'un gap à l'autre dans l'exercice. Pour régler vous-même cet ordre des sauts, procédez ainsi:

  1. Cliquez une fois sur changer l'ordre des onglets .
    Résultat: Le bouton est enfoncé.
  2. Passez en revue chaque gap et cliquez si nécessaire pour changer l'ordre.
  3. Cliquez une fois de plus sur changer l'ordre des onglets pour confirmer.
    Résultat : Le bouton n'est pas enfoncé.

Astuce: L'ordre des onglets peut être important, car les onglets avec des nombres plus élevés sont empilés sur les onglets avec des nombres plus bas. Par exemple : si vous avez un gap avec l'onglet 2, la zone active de cet gap sera situé sur la zone active du gap avec l'onglet 1 (à condition qu'il y ait un chevauchement). Cela peut être crucial lorsque vous répondez aux questions en glissant vers les zones actives.

Ajout de lignes

Pour éviter le chevauchement des zones de dépôt, ou pour améliorer la structure en général, il est possible d'ajouter des lignes qui relient une partie spécifique de l'image à une zone de dépôt dans une zone plus pratique de l'image.

Exemple:

Procédez ainsi pour ajouter des lignes:

  1. Cliquez sur + Ligne pour ajouter une ligne à la dropzone.
  2. Cliquez et faites glisser le début de la ligne ou le carré blanc à la fin de la ligne jusqu'à la position souhaitée.

    Astuce: Vous pouvez ajouter plus d'une ligne par trou.

  3. Cliquez sur - Lignes pour supprimer toutes les lignes d'un trou.
  4. Supprimez une seule ligne en sélectionnant une ligne et en cliquant sur - Supprimer.

Ajout des valeurs initiales

Un trou de texte peut contenir une valeur facilement comblée. Dans le player, cette valeur (ou solution) sera montrée aux candidats/étudiants.

Exemple:valeurs_initials.png

Procédez ainsi pour définir une valeur initiale:

  1. Cliquez sur Changer les valeurs initiales.
    Résultat: Le bouton est enfoncé.
  2. Faites glisser les valeurs prédéterminées (indiquées en rouge ci-dessous) de votre choix vers les gaps ou sur le dessin.
  3. Cliquez à nouveau sur Changer les valeurs initiales pour confirmer (le bouton n'est plus enfoncé).
Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 0 sur 0
Vous avez d’autres questions ? Envoyer une demande

0 Commentaires

Cet article n'accepte pas de commentaires.