Les interactions glisser-déposer offrent un moyen intéressant et attrayant d’évaluer les connaissances de vos utilisateurs. Cette interaction permet aux utilisateurs de répondre à des questions en faisant glisser et en déposant des objets sur des zones ou objets désignés.

Une interaction glisser-déposer implique une source de glissement et une cible de dépôt. Les utilisateurs font glisser les sources et les déposent sur les cibles de dépôt.

Adobe Captivate permet également de faire glisser des groupes de sources et de déposer les cibles sous « Types ». Par exemple, vous pouvez créer un type Papeterie pour inclure les sources Stylo, Crayon et Gomme. Vous pouvez ensuite mapper n’importe quel élément de type Papeterie avec la cible de dépôt « Bureau ». Tous les éléments du type seront automatiquement mappés à la cible.

Vous pouvez créer une interaction glisser-déposer à l’aide de l’assistant ou du panneau Interaction glisser-déposer.

Vous pouvez créer une interaction glisser-déposer sur toutes les diapositives, sauf :

• Diapositives principales
• Diapositives du groupe de questions
• Diapositives de questions
• Diapositives d’emplacement réservé

Vous pouvez convertir tout objet sur une diapositive en source de glissement ou cible de dépôt, sauf :

• Objets interactifs (ZONE DE TEXTE, Zone de clic , Bouton)
• Espaces réservés
• Formes intelligentes utilisées comme boutons
• Objets de survol
• Vidéo de diapositive
• Vidéo FLV
• Animation de texte
• Widgets interactifs
• Souris
• Zone de zoom
• Objets insérés dans une mini-diapositive de survol
• Tous les objets dont la durée est définie sur « Reste du projet »

Les effets d’objet ne sont également pas pris en charge dans les interactions glisser-déposer.

Utilisation de l’assistant d’interaction glisser-déposer

Explications d’un expert

Explications d’un expert

Création de votre première interaction glisser-déposer

Dans cet exemple, nous avons utilisé un objet comme source de glissement et un objet pour la cible de dépôt.

Création d’une interaction réactive glisser-déposer

Création d’une interaction glisser-déposer à l’aide de l’Inspecteur des propriétés

Meilleures pratiques de création d’interactions glisser-déposer

• Insérez tous les objets que vous souhaitez inclure dans l’interaction glisser-déposer avant d’appeler l’assistant de glisser-déposer.
• Donnez des noms pertinents aux objets lorsque vous les ajoutez. Ne les renommez pas après avoir créé l’interaction.
  
• Assurez-vous que le nom de l’interaction est différent du nom de la source de glissement, de la cible de dépôt ou du type.
• Assurez-vous que la durée d’affichage de la source de glissement ou de la cible de dépôt est supérieure au temps de pause de l’interaction.
• Assurez-vous que la durée d’aucun objet inclus dans une interaction glisser-déposer n’est définie sur Apparaître après.
• Si la sortie est conçue pour iPad, essayez de créer des projets avec une résolution dédiée et n’utilisez pas l’option Contenu HTML modulable, car celle-ci peut entraîner des problèmes sur l’iPad.
• Indiquez au moins une réponse correcte à une interaction glisser-déposer. Sinon, le projet peut rester sur la diapositive de l’interaction lorsque les utilisateurs soumettent leurs réponses.
  
• La configuration des réponses correctes peut ne pas fonctionner comme prévu si vous modifiez l’interaction après avoir configuré les réponses correctes. Assurez-vous d’identifier et de marquer les sources de glissement et les cibles de dépôt ainsi que de les associer aux types correspondants avant de configurer les réponses correctes.
  
• Si vous modifiez le nom ou le type de l’objet ou que vous les supprimez, assurez-vous de modifier la configuration des réponses correctes de manière appropriée.
• Dans certains cas, la zone d’accrochage ou le remplissage de deux cibles de dépôt peuvent se chevaucher. Dans ce cas, Adobe Captivate exécute l’action de dépôt en fonction :
  • Des conditions d’acceptation. Si la source de glissement n’est pas configurée pour être acceptée par l’une des cibles de dépôt, la source est déposée sur l’autre cible de dépôt.
  • De l’ordre de superposition. Si la condition d’acceptation des deux cibles de dépôt est identique, l’action de dépôt est exécutée en fonction de l’ordre de superposition des cibles de dépôt. L’ordre de superposition des cibles de dépôt est basé sur le montage chronologique. La cible de dépôt qui apparaît ensuite dans l’interaction est celle dont l’ordre de superposition est le plus élevé.
• Conseillez à vos utilisateurs de ne pas utiliser la barre de lecture ni le bouton Rembobiner pour revenir au début de l’interaction. Dans le cas contraire, les sources de glissement retourneront à leur position de départ même si elles ont été déposées sur les cibles.

Types

Les types, dans le contexte des interactions glisser-déposer, désignent des catégories de sources de glissement ou de cibles de dépôt ayant des éléments similaires.

Regrouper les sources de glissement et les cibles de dépôt en divers types permet non seulement de les mapper rapidement en ne mappant qu’un seul élément par type, mais aussi d’utiliser plusieurs combinaisons pour accepter les conditions et réponses correctes. Par exemple, pour une cible de dépôt donnée, vous pouvez indiquer que deux objets seulement peuvent être acceptés depuis un type de source de glissement.

Selon la façon dont vous créez l’interaction glisser-déposer, vous pouvez créer des types dans l’assistant d’interaction glisser-déposer ou le panneau (Inspecteur des propriétés). Les types créés à l’aide de l’assistant peuvent être modifiés dans l’Inspecteur des propriétés.

Modification des interactions glisser-déposer

Affichage du mappage des sources de glissement et des cibles de dépôt

Une fois l’interaction glisser-déposer créée à l’aide de l’assistant, le mappage disparaît de la scène. Pour afficher le mappage, cliquez sur Afficher dans le panneau Interaction glisser-déposer.

L’option Afficher peut être activée/désactivée et permet d’afficher ou de masquer le mappage à votre gré.

Ajout de nouvelles sources de glissement et cibles de dépôt

Sélectionnez l’objet sur la diapositive, puis cliquez sur Source de glissement ou Cible de dépôt dans l’accordéon Général du panneau Interaction glisser-déposer.

Pour les mapper, cliquez sur la source de glissement et faites glisser le symbole + de sorte à pointer la flèche vers la cible de dépôt correcte.

Indication de plusieurs réponses correctes

Scénario 1 : plusieurs sources de glissement constituent des réponses correctes pour une cible de dépôt

Créez un type et groupez-les. Ensuite, mappez le type à la cible de dépôt

Scénario 2 : plusieurs cibles de dépôt peuvent accepter une source de glissement

Créez un type pour les cibles de dépôt. Ensuite, mappez la source de glissement avec le type.

Scénario 3 : seuls certains types de source de glissement sont corrects pour une cible de dépôt donnée

Cliquez sur la cible de dépôt sur la scène, cliquez sur Accepter dans l’accordéon Cible de dépôt, puis sélectionnez les types de source de glissement requis.

Scénario 4 : seuls certains objets dans un type de source de glissement constituent les réponses correctes pour une cible de dépôt

Cliquez sur la cible de dépôt sur la scène, cliquez sur Accepter dans l’accordéon Cible de dépôt, puis sélectionnez le type de source de glissement requis. Désélectionnez la case Tout accepter et indiquez le nombre limite d’objets en tant que Nombre.

Scénario 5 : plusieurs combinaisons de mappages source de glissement/cible de dépôt sont requis dans une même interaction

Cliquez sur les réponses correctes (Inspecteur des propriétés glisser-déposer > Propriétés de l’interaction), et ajoutez des lignes supplémentaires à un jeu de réponses existant. Vous pouvez également effectuer l’ajout à un nouveau jeu de réponses et indiquer le mappage.

Scénario 6 : les utilisateurs doivent glisser-déposer les objets dans un ordre spécifique.

Dans la boîte de dialogue Réponses correctes, créez l’ordre en arrangeant les réponses de la façon requise, puis sélectionnez l’option Séquence dans Type.

Mappage de plusieurs jeux de réponses avec des cibles de dépôt

Si l’interaction glisser-déposer accepte plusieurs jeux de réponses correctes, vous pouvez indiquer ces derniers à l’aide de la boîte de dialogue Réponses correctes (Inspecteur des propriétés glisser-déposer > Accordéon Propriétés de l’interaction > Réponses correctes).

En outre, pour chaque jeu de réponses, vous pouvez également indiquer si les cibles de dépôt doivent accepter des réponses dans toutes les combinaisons spécifiées ou si les réponses doivent être fournies uniquement dans une séquence indiquée.

Explications d’un expert

Indication des conditions d’acceptation

Répertoriez tous les types de sources de glissement que la cible de dépôt sélectionnée peut accepter. Pour exclure un type de source de glissement d’une cible de dépôt, désélectionnez la case correspondant au type de source de glissement.

Utilisez cette case pour inclure ou exclure tous les types de source de glissement répertoriés.

Cochez la case Tout accepter pour spécifier que la cible de dépôt peut accepter tous les objets dans les types de sources de glissement sélectionnés. Si vous souhaitez que seuls certains objets d’un type de source de glissement soient acceptés, désélectionnez la case Tout accepter et spécifiez le nombre d’objets pouvant être acceptés.

Utilisez ces options pour spécifier le nombre d’objets pouvant être acceptés et ce qui se passe lorsque des utilisateurs font glisser et déposent un nombre d’objets supérieur au nombre spécifié.

L’objet précédemment glissé-déposé est remplacé par le nouveau.

Le nouvel objet revient à l’emplacement sur la diapositive d’où il a été déplacé.

Actions standard pouvant être affectées à des sources de glissement dans un type spécifique.

Explications d’un expert

Configuration des commentaires

Cliquez sur la cible de dépôt sur la scène, puis sélectionnez l’une des options suivantes dans l’accordéon Cible de dépôt du panneau Interaction glisser-déposer :

Dans la légende de texte qui s’affiche sur la scène, saisissez le message à afficher aux utilisateurs lorsqu’ils font glisser une source correcte et la déposent sur la cible.

Dans la légende de texte qui s’affiche sur la scène, saisissez le message à afficher aux utilisateurs lorsqu’ils font glisser une source incorrecte et la déposent sur la cible.

Dans la légende de texte qui s’affiche sur la scène, saisissez le message à afficher pour les utilisateurs lorsqu’ils survolent la cible de dépôt avec la souris.

Affectation d’audio à l’opération glisser-déposer

Lorsque les utilisateurs font glisser et déposent une source sur une cible, vous pouvez ajouter de l’audio afin de rendre l’interaction plus intéressante.

• Pour lire de l’audio lorsque les cibles de dépôt acceptent une réponse, cliquez sur la cible de dépôt, puis sur un fichier audio dans la liste Audio de l’accordéon Cible de dépôt. Vous pouvez cliquer sur Parcourir pour utiliser un clip audio enregistré sur votre ordinateur.
• Pour lire de l’audio lorsque les cibles de dépôt rejettent une réponse, sélectionnez Lire l’audio dans l’accordéon Propriétés de l’interaction. Lorsque vous sélectionnez cette option, Adobe Captivate lit un clip audio par défaut ; vous ne pouvez actuellement pas sélectionner d’audio personnalisé dans ce cas.

Configuration des propriétés de la source de glissement

Pour spécifier le comportement des sources de glissement pendant ou après leur dépôt sur les cibles de dépôt, utilisez les options suivantes :

Fait référence au remplissage autour de la cible de dépôt sélectionnée. Les sources de glissement sont considérées comme déposées sur la cible lorsque les utilisateurs les déposent quelque part dans la zone de remplissage (et non nécessairement sur la cible).

Cliquez sur l’une des options suivantes pour indiquer comment les sources de glissement s’accrochent après avoir été déposées dans la cible sélectionnée :

Les sources de glissement restent à l’emplacement où les utilisateurs les déposent.

Les sources de glissement s’accrochent aux points d’ancrage sélectionnés. Vous pouvez sélectionner l’un des neuf points d’ancrage visibles sous l’option Ancrer.

Plusieurs sources de glissement sont empilées ou placées dans l’ordre sélectionné. Sélectionnez une option de mosaïque dans le panneau.

Modifiez la valeur par défaut (100 %) si vous souhaitez augmenter ou diminuer la taille de la source de glissement après qu’elle a été déposée sur la cible. Une valeur inférieure à 100 % réduit la taille et une valeur supérieure à 100 % l’augmente.

Modifiez la valeur par défaut (100 %) pour modifier l’opacité des sources de glissement une fois qu’elles sont déposées sur les cibles. La valeur 0 rend les sources de glissement invisibles une fois qu’elles ont été déposées.

Sélectionnez Premier plan ou Arrière-plan pour spécifier l’ordre de superposition des sources de glissement une fois qu’elles ont été déposées sur la cible. La première source déposée est placée au premier plan ou à l’arrière-plan de la cible de dépôt. Les objets déplacés suivants sont placés au premier plan ou à l’arrière-plan de l’objet précédemment déposé.

Utilisation d’effets pour les sources de glissement et les cibles de dépôt

• Pour les sources de glissement, cliquez sur la source de glissement sur la scène, puis cliquez sur un effet dans la liste Effets de l’accordéon Source de glissement (dans le panneau Interaction glisser-déposer).

Les effets disponibles pour les sources de glissement s’affichent lorsque les utilisateurs cliquent et font glisser ces objets.

• Pour les cibles de dépôt, cliquez sur la cible de dépôt sur la scène, puis cliquez sur un effet dans la liste Effets de l’accordéon Cible de dépôt (dans le panneau Interaction glisser-déposer).

Les effets disponibles pour les cibles de dépôt sont affichés lorsque l’utilisateur les survole avec la souris.

Autres options du panneau Interaction glisser-déposer

Propriétés de l’interaction

Permet de spécifier les conditions « or » pour les réponses correctes. Le mappage des types de sources de glissement aux cibles de dépôt aide à établir une condition « and » où les objets x et y peuvent constituer des réponses correctes. La boîte de dialogue Réponses correctes vous permet de spécifier x ou y comme réponse correcte. Pour plus d’informations, voir Mappage de plusieurs jeux de réponses avec des cibles de dépôt.

Un curseur en forme de main s’affiche lorsque les utilisateurs font glisser et déposent des objets.

Lorsque des sources glissées sont déposées en dehors de la cible de dépôt, elles sont renvoyées à l’emplacement sur la diapositive d’où elles ont été déplacées.

Si cette option n’est pas sélectionnée et si les utilisateurs déplacent les sources de glissement sur la diapositive, l’option Retour accroche les objets à la dernière position à partir de laquelle elles ont été déplacées sur la diapositive. Les réponses incorrectes sont automatiquement renvoyées à leur emplacement d’origine.

Permet aux utilisateurs de reglisser une source de glissement déposée (incorrectement ou correctement) vers une autre cible de dépôt.

Action

Si plusieurs tentatives sont autorisées, cette option permet de spécifier si les réponses doivent être réinitialisées lorsque les utilisateurs cliquent sur Envoyer.

Options

La diapositive s’interrompt au moment spécifié (n secondes) pour permettre aux utilisateurs interagir. Le temps est calculé à partir du début de la lecture de la diapositive contenant l’interaction glisser-déposer.

Les réponses correctes sont immédiatement envoyées sans que les utilisateurs n’aient à cliquer sur le bouton Envoyer. Cette option est utile dans le cas où une action En cas de réussite doit être déclenchée immédiatement après avoir une réponse correcte.

Insère un bouton d’annulation sur la diapositive. Seule la dernière action de glissement de l’utilisateur est annulée.

Insère un bouton de réinitialisation sur la diapositive afin que l’utilisateur puisse réinitialiser l’interaction à tout moment.

Télécharger des projets Captivate

Pour en savoir plus sur Captivate et sur la manière de créer un contenu d’apprentissage attrayant, téléchargez les projets suivants :

• Safeguarding-and-PII Compliance
• Picture-Perfect Simulation
• Adobe Captivate Draft
• CloudAir SoftSkills
• Captivate 9 formation en ligne
• Adobe Lead Generation
• Adobe Captivate 2017 Training