Découvrez les widgets de glisser-déposer qui permettent aux élèves de faire glisser des objets à partir d’un emplacement pour les déposer sur des zones cibles spécifiques afin d’effectuer une activité ou de résoudre un problème.
Adobe Captivate introduit les blocs de contenu, tels que les blocs de texte ou d’image, qui contiennent des composants comme du texte, une image ou un bouton. Regardez cette vidéo pour en savoir plus sur les blocs de contenu et les composants.
Dans le nouvel Adobe Captivate, un widget de glisser-déposer permet aux élèves de participer activement à l’apprentissage et d’appliquer leurs connaissances ou compétences en matière de résolution de problèmes. Le widget a plusieurs utilités et vous permet par exemple de faire correspondre des éléments associés, de définir l’ordre d’étapes ou de classifier des informations. La fonctionnalité de base d’un widget de glisser-déposer comprend les éléments suivants :
Sélectionnez Ajouter un nouveau widget > Glisser-déposer dans la barre d’outils de gauche.
Sur la diapositive, les espaces réservés du haut correspondent aux cibles de dépôt. Les espaces réservés du bas sont les objets de glissement.
Ajoutez une option de conception, ajoutez ou supprimez le titre dans le widget, définissez le nombre d’objets cibles de dépôt et d’objets sources de glissement, créez des associations de glisser-déposer, etc.
Dans le panneau Propriétés visuelles, sélectionnez une option de conception. Une option de conception présente des mises en page préconfigurées comportant des éléments de conception plus épurés à appliquer au widget.
Pour plus d’informations, consultez Options de conception dans Adobe Captivate.
Dans la section Composants, vous pouvez modifier les éléments suivants :
Vous pouvez aligner les composants dans la section Composants. Passez le curseur de la souris sur un composant et sélectionnez une option (Aligner à gauche, Centrer ou Aligner à droite).
Dans la section Connexions, cliquez sur Configurer pour définir les correspondances correctes entre les objets cibles et sources.
Sélectionnez la cible appropriée dans la liste déroulante Cible de dépôt pour chaque objet du groupe Objet de glissement.
Après le mappage des connexions, sélectionnez le nombre de tentatives autorisées pour que l’élève fasse correspondre les objets avec les cibles. Vous pouvez choisir le nombre de tentatives Unique, Multiples, Personnalisées ou Illimitées dans la liste déroulante Tentatives.
Dans la section Apparence, vous pouvez définir les paramètres de couleur au niveau du widget. Ajoutez la couleur d’arrière-plan du widget et une bordure, puis appliquez une ombre à la bordure. Lors de l’ajout d’un arrière-plan, vous pouvez sélectionner une couleur unie, un dégradé linéaire ou radial ou ajouter une image en tant qu’arrière-plan.
Si vous avez sélectionné Glisser carte dans la section Composants, vous pouvez modifier l’apparence de la carte dans la section Carte. Augmentez ou diminuez la marge intérieure autour des objets de glisser-déposer, ajoutez un rayon à un ou aux quatre coins de la carte, ajoutez une bordure et appliquez une ombre à la bordure de la carte.
Ajoutez et personnalisez les légendes dans les cibles déposer.
Sélectionnez Légende 1 dans le composant de texte d’une cible de dépôt.
Entrez le texte de la légende sélectionnée pour la cible de dépôt.
Dans le panneau Propriétés visuelles, modifiez les propriétés de la légende. Ajoutez un paramètre prédéfini, modifiez la police, ajoutez une couleur ou une ombre au texte.
Pour plus d’informations, consultez Utilisation de texte dans Adobe Captivate.
Répétez les étapes 1 à 4 pour modifier la légende dans les autres cibles de dépôt.
Modifiez l’état, la forme et l’aspect d’une cible de dépôt.
Sélectionnez une cible de dépôt dans le widget.
Dans la section États du panneau Propriétés visuelles, cliquez sur Afficher pour lancer le menu volant des états. Configurez les états de la cible de dépôt : Survol, Glissement et Déposé.
Dans la section Apparence du panneau Propriétés visuelles, vous pouvez modifier la forme de la cible de dépôt. Sélectionnez une forme circulaire ou rectangulaire pour la cible.
Ajoutez une couleur et des ombres, et appliquez une bordure. Sélectionnez un type d’extrémités (Carrée, Arrondie ou Projetée) lorsque vous appliquez une bordure.
Modifiez les états d’une cible de dépôt dans le menu volant des états.
Sélectionnez une cible de dépôt dans le panneau.
Dans le panneau Propriétés visuelles, cliquez sur Afficher dans le panneau des états pour lancer le menu volant des états.
Dans le menu volant des états, configurez les états de la source de glissement. Voici les états disponibles : Survol, Glisser et Déposé.
Dans le menu volant des états, configurez les états des cibles de dépôt. Voici les états disponibles :
Modifiez les états d’une source de glissement dans le menu volant des états.
Sélectionnez une source de glissement dans le panneau.
Dans le panneau Propriétés visuelles, cliquez sur Afficher dans le panneau des états pour lancer le menu volant des états.
Dans le menu volant des états, configurez les états de la source de glissement. Voici les états disponibles :
Sélectionnez le composant de source de glissement dans le widget.
Dans la section Composants, cochez la case Instructions pour afficher les instructions dans le panneau Propriétés visuelles.
Déplacez le curseur Objets de glissement pour augmenter ou diminuer le nombre de sources de glissement.
Cochez la case Glisser carte pour insérer un conteneur de carte autour des sources à faire glisser.
Modifiez les propriétés visuelles des sources de glissement, par exemple si vous souhaitez utiliser du texte, une image, ou bien les deux, dans une source de glissement ou ajoutez une image dans une source de glissement.
Sélectionnez la source de glissement dans le widget.
Dans le panneau Propriétés visuelles, sélectionnez la liste déroulante Type d’objet pour les afficher en tant que :
Images uniquement : si vous sélectionnez cette option, les sources de glissement contiennent uniquement des images.
Texte seulement : si vous sélectionnez cette option, les sources de glissement contiennent uniquement du texte. Si vous souhaitez modifier le texte, sélectionnez-le. Dans le panneau Propriétés visuelles, modifiez l’aspect du texte. Pour plus d’informations, consultez Utilisation de texte dans Adobe Captivate.
Images et texte : si vous sélectionnez cette option, les sources de glissement affichent à la fois des images et du texte. Si vous souhaitez modifier le texte, sélectionnez-le. Dans le panneau Propriétés visuelles, modifiez l’aspect du texte. Pour plus d’informations, consultez Utilisation de texte dans Adobe Captivate.
Vous pouvez également remplacer l’image de tout objet source de glissement. Sélectionnez l’espace réservé pour l’image et remplacez l’image par défaut par une image à partir des Ressources ou de votre ordinateur. Pour plus d’informations sur l’utilisation des images, consultez Images dans Adobe Captivate.
Une fois que vous avez remplacé les images, sélectionnez le conteneur de source de glissement.
Sélectionnez l’option Remplir ou Ajuster.
L’option Ajuster redimensionne l’image pour l’adapter aux limites de l’objet qui le contient, tandis que l’option Remplir étend l’image afin qu’elle remplisse tout l’objet qui le contient.
Ajoutez la couleur d’arrière-plan et une bordure au conteneur de glissement dans la section Apparence, puis appliquez une ombre à la bordure. Vous pouvez également sélectionner une couleur unie, un dégradé linéaire ou radial, ou ajoutez une image comme arrière-plan. Vous pouvez ajouter une zone de remplissage entre les objets du conteneur.
Vous pouvez également arrondir les coins d’une bordure en spécifiant le rayon d’un coin ou de tous les coins.
Les boutons de navigation entre les diapositives (gauche et droite) du widget permettent à un élève d’accéder à la diapositive suivante ou précédente du projet.
Sélectionnez un bouton de navigation dans le widget.
Dans le panneau Propriétés visuelles dans la barre d’outils de droite, déplacez le curseur Opacité pour augmenter ou diminuer la transparence du bouton.
Sélectionnez une option de conception. Une option de conception présente des mises en page préconfigurées comportant des éléments de conception plus épurés à appliquer au bouton.
Pour plus d’informations, consultez Options de conception dans Adobe Captivate.
Dans la section États, cliquez sur Afficher pour lancer le menu volant des états. Configurez les états intégrés du bouton : Survol, Visité, Sélectionné et Désactivé. Si un état est désactivé, cliquez avec le bouton droit sur l’état, puis sélectionnez Activer.
Dans la section Apparence, dans l’onglet Forme, ajoutez une couleur et des ombres, puis appliquez une bordure au bouton. Sélectionnez un type d’extrémités (Carrée, Arrondie ou Projetée) lorsque vous appliquez une bordure.
Si vous avez sélectionné une conception qui contient du texte ou activé le bouton d’activation/désactivation du texte, les propriétés de personnalisation du texte s’affichent. Modifiez la famille de polices, la couleur et d’autres propriétés dans l’onglet Texte. Le bouton est étiqueté Suivant.
Pour plus d’informations, consultez Utilisation de texte dans Adobe Captivate.
Dans l’onglet Icône, activer la commutation de l’Icône.
Si vous sélectionnez cette option, une icône est ajoutée au bouton intitulé Suivant. Vous pouvez modifier l’icône en cliquant sur l’icône de dossier, puis en modifiant l’icône à partir des Ressources ou de votre ordinateur.
Cochez la case Couleur unie et ajoutez la couleur de l’icône. Pour ajouter une bordure à l’icône, cochez la case Bordure, puis appliquez une bordure. Modifiez l’épaisseur de la bordure et spécifiez la bordure et un type d’extrémités (Carrée, Arrondie ou Projetée).
Sélectionnez la taille de l’icône : Petit, Medium ou Grande. Sélectionnez ensuite la position de l’icône sur le bouton. Sélectionnez l’une des options suivantes :
Le paramètre de position de l’icône fonctionne uniquement en cas de combinaison de texte et d’icône sur le bouton de navigation.
Sélectionnez le décalage de l’icône par rapport au bouton. Sélectionnez Par défaut, Confortable ou Compact. Le décalage ajoute un espace entre l’icône et le bord ou la bordure du bouton.
Dans la section Faire pivoter l’icône, sélectionnez Faire pivoter horizontalement ou Faire pivoter verticalement, pour qu’un élève passe au mode sélectionné lorsqu’il clique sur l’icône.
Dans la section Rapports, cochez la case Inclure dans le quiz si vous souhaitez inclure le questionnaire dans un système de gestion de l’apprentissage. Chaque unité de Captivate pouvant faire l’objet d’une évaluation se voit automatiquement attribuer un ID d’interaction unique. C’est cet ID d’interaction qui permet le suivi des données par le système de gestion de l’apprentissage.
