Glisser et déposer texte sur un arrière-plan – Televic Education

Informations de base

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

Procédure

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

Cliquez avec le bouton droit de la souris sur le dossier dans lequel vous voulez que l'item glisser-déposer texte sur un arrière-plan apparaissent.
Sélectionnez Nouvel item.
Résultat: l'écran Créer un nouvel item apparaît.
Sélectionnez le type d'item Glisser-déposer les images sur un arrière-plan.
Saisissez un nom
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, ....
Cliquez sur + Arrière-plan pour ajouter une image d'arrière-plan.
Sélectionnez une image dans la médiathèque ou dans un appareil local.
Cliquez sur OK.
Astuce: Une fois qu'une image est définie comme arrière-plan, elle ne peut pas être supprimée. Cependant, il peut être remplacé par une autre image.
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.
Cliquez et faites glisser le carré pour positionner la dropzone.

Modification d'un glisser-déposer texte sur un arrière-plan item

Pour éditer une dropzone, sélectionnez la dropzone que vous voulez éditer.
Résultat: En bas de l'écran, ses propriétés sont affichées.

Propriétés de la dropzone

Lieu
- 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.
Largeur
- The default width setting is Auto resize. Which means that all gaps in the item are resized to the same size.
- Select Fixed size to set the width manually.

Propriétés de la question

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 :

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.

Fonctions avancées

Ajout d'une zone active

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

Cliquez sur +Zone active.
Résultat: Le pointeur de la souris se transforme en crayon à dessin.
Cliquez une fois pour définir le début de la zone.
Résultat: Un point rouge apparaît sur votre fond.
Cliquez une deuxième fois pour dessiner un deuxième point.
Résultat: Le premier point est automatiquement connecté au second.
Continuez jusqu'à ce que vous ayez dessiné la zone de votre choix.
Cliquez près du premier point pour terminer la zone manuellement.
Cliquez sur - Fermer Zone active pour terminer la zone automatiquement.
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:

Cliquez une fois sur changer l'ordre des onglets .
Résultat: Le bouton est enfoncé.
Passez en revue chaque gap et cliquez si nécessaire pour changer l'ordre.
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:

Cliquez sur + Ligne pour ajouter une ligne à la dropzone.
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.
Cliquez sur - Lignes pour supprimer toutes les lignes d'un trou.
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.