Ouvrez un projet vide.
Les interactions par glisser-déposer dans Adobe Captivate permettent de tester les utilisateurs pour savoir s’ils peuvent faire correspondre les éléments liés à partir d’un groupe d’éléments.
Ce document présente des procédures qui nécessitent d’utiliser des ressources, comme des images et des exemples de fichiers de projet Adobe Captivate. Vous pouvez choisir d’utiliser vos propres ressources et exemples. Cependant, il est recommandé de télécharger et d’extraire le fichier .zip suivant sur votre ordinateur :
Nous allons créer une interaction par glisser-déposer basique pour voir comment faire correspondre les pays avec leur capitale.
Ouvrez un projet vide.
Ajoutez une Diapositive vide depuis le menu Diapositives de la barre d’outils.
Ajoutez à la diapositive des images des monuments et des pays depuis le fichier .zip fourni. Vérifiez l’image ci-dessous.
Depuis le menu Insérer , lancez l’assistant d’interaction par glisser-déposer.
À la première étape de l’assistant, définissez les monuments comme sources de glissement. Pour sélectionner les monuments simultanément, appuyez sur la touche Ctrl et cliquez dessus. Cliquez sur Suivant.
À la deuxième étape de l’assistant, définissez les pays comme cibles de dépôt. Pour sélectionner les pays simultanément, appuyez sur la touche Ctrl et cliquez dessus. Cliquez sur Suivant.
À la troisième étape, mappez les monuments à leurs pays respectifs. Tirez la poignée au centre de la source de glissement et déposez-la sur la cible de dépôt correspondante. Cliquez sur Terminer pour fermer l’assistant.
À la dernière étape de l’assistant, deux légendes apparaissent à l’étape : Saisir le texte de réussite ici et Saisir le texte d’échec ici. Maintenant, cliquez sur ces légendes pour modifier les messages de commentaire que l’utilisateur reçoit quand il réussit ou échoue à l’évaluation. Vous pouvez aussi personnaliser les propriétés du texte, comme la couleur, la taille, l’alignement et le style de police.
Un bouton Envoyer apparaît aussi sur la diapositive à la dernière étape de l’assistant. Ainsi, l’utilisateur doit cliquer sur Envoyer pour terminer la tâche qui lui est attribuée.
Vous pouvez donner plusieurs tentatives à l’utilisateur. Accédez à l’Inspecteur des propriétés, dans l’onglet Glisser-déposer, section Actions, et modifiez le Nombre de tentatives sur 3.
Lorsque vous sélectionnez cette option, vous pouvez également réinitialiser l’interaction de l’utilisateur avant la prochaine tentative. Dans la même section Actions, sélectionnez Réinitialiser tout sous Réinitialiser.
Vous pouvez également laisser les utilisateurs travailler de manière plus interactive au lieu de leur faire envoyer les réponses.
Pour voir l’interaction par glisser-déposer en action, cliquez sur Aperçu.
Vous pouvez créer des effets visuels lors du dépôt de la source de glissement sur la cible de dépôt. Sélectionnez les sources de glissement, accédez à l’Inspecteur des propriétés, onglet Glisser-déposer, section Format et sélectionnez l’option Zoom avant ou Rayonnement.
De même, vous pouvez aussi définir l’effet Zoom avant pour la cible de dépôt.
Vous pouvez afficher des messages facultatifs quand la correspondance est correcte ou incorrecte ou donner un indice à l’utilisateur.
Sélectionnez la cible de dépôt, accédez à l’Inspecteur des propriétés, dans l’onglet Glisser-déposer, sousAffichage, cochez l’option A l’acceptation. La légende de réussite s’affiche sur la diapositive. Vous pouvez définir le message de réussite.
De même, vous pouvez cocher l’option Au rejet ou l’option Astuce et définir le message approprié.
Vous pouvez choisir de remettre la source de glissement à sa position d’origine si l’utilisateur la déplace accidentellement. Vous pouvez également autoriser l’utilisateur à la faire glisser à nouveau s’il ne la dépose pas au bon endroit. Utilisez les Propriétés des interactions dans le panneau Options sous l’onglet Glisser-déposer pour réaliser ces actions.
Ouvrez un projet réactif.
Insérez deux boîtes Fluid Box verticales depuis la barre d’outils.
Insérez trois boîtes Fluid Box horizontales dans la ligne supérieure et la ligne inférieure.
Comme dans la section précédente, ajoutez à la diapositive des images des monuments et pays à partir du fichier .zip fourni.
Ajustez les boîtes Fluid Box pour les adapter autour de chaque image.
Déplacez le curseur de prévisualisation pour voir l’apparence des images sur différents facteurs de forme. Par exemple, l’image ci-dessous montre leur apparence sur un iPad.
Lancez l’assistant d’interaction par glisser-déposer.
Définissez les sources de glissement et les cibles de dépôt et mappez-les comme dans la section précédente. Modifiez également les légendes de réussite et d’échec.
Prévisualisez le projet.
Vous pouvez aussi utiliser des interactions de glisser-déposer pour que les utilisateurs regroupent des éléments similaires parmi une collection d’éléments. Cette tâche est réalisée à l’aide de l’option Types. Par exemple, nous créons un projet pour séparer les fruits et les légumes.
Ouvrez un projet vide.
Ajoutez une diapositive vide depuis le menu Diapositives de la barre d’outils.
Ajoutez à la diapositive des images de fruits et de légumes, à partir du fichier .zip fourni.
Lancez l’assistant d’interaction par glisser-déposer.
Premièrement, définissez tous les éléments de fruits et légumes comme sources de glissement. Ensuite, classez-les en groupes séparés par Types. Vous pouvez exécuter cette tâche en deux temps comme suit :
Cliquez sur Suivant.
Sélectionnez les paniers comme cibles de dépôt. Cliquez sur Suivant.
Faites glisser la poignée au centre de l’un des éléments de fruit et pointez sur le panier Fruits. En faisant glisser l’élément, tous les autres éléments de fruit pointent aussi automatiquement vers le panier Fruits. De même, lorsque vous associez un élément de légume au panier Légumes, tous les autres éléments de légume sont liés au panier Légumes. Cliquez sur Terminer.
Définissez les messages de réussite et d’échec. Ajoutez aussi une légende et nommez-la Vous avez droit à 3 tentatives
Vous pouvez donner plusieurs tentatives à l’utilisateur. Accédez à l’Inspecteur des propriétés, dans l’onglet Glisser-déposer, section Actions, et modifiez le Nombre de tentatives sur 3.
Lorsque vous sélectionnez cette option, vous pouvez également réinitialiser l’interaction de l’utilisateur avant la prochaine tentative. Dans la même section Actions, sélectionnez Réinitialiser tout sous Réinitialiser.
Pour voir l’interaction en action, cliquez sur Aperçu.
L’interaction par glisser-déposer peut être intégrée à un quiz Adobe Captivate pour, en parallèle aux questions, évaluer votre interaction par glisser-déposer.
Nous ajoutons l’interaction par glisser-déposer dans la première section de cet article à un quiz.
Ouvrez un projet vide.
Nommez le titre Démarrer le quiz.
Ajoutez aussi à la diapositive un bouton avec le symbole de démarrage, depuis le menu Formes de la barre d’outils. Accédez à l’Inspecteur des propriétés, onglet Propriétés, section Actions et définissez En cas de réussite sur Aller à la diapositive suivante.
Pour créer une simple interaction par glisser-déposer, suivez les étapes 3 à 8 de la section : Création de votre première interaction par glisser-déposer
Sélectionnez la diapositive de glisser-déposer dans la Bande de film. Accédez à l’Inspecteur de propriétés, dans l’onglet Glisser-déposer, section Actions, et sous Compte-rendu, cochez Insérer dans le quiz. Vous pouvez voir que Ajouter au Total est coché automatiquement une fois que l’option Insérer dans le quiz est cochée.
Vous pouvez aussi collecter les réponses données par l’utilisateur dans une session et les envoyer à un LMS pour les publier dans un rapport. Pour cette option, sous Rapports, cochez Communiquer les réponses.
Pour montrer la note aux utilisateurs après qu’ils aient envoyés les réponses :
Supprimez les légendes du commentaire de la diapositive de glisser-déposer.
Pour voir le quiz en action, prévisualisez le projet.
Accéder à votre compte