Utilisation des objets à états multiples dans Adobe Captivate

Les objets peuvent avoir plusieurs états dans Captivate. Cette fonctionnalité vous permet de développer du contenu interactif facilement sans employer des objets multiples ou des techniques de « masquer/afficher » dans un projet unique.

En utilisant un objet unique avec des états multiples, vous pouvez simplifier votre montage de projet et réduire la complexité du scénario. Par exemple, pour modifier la couleur d’une image en fonction des actions de l’utilisateur, vous pouvez utiliser différents états colorés pour une seule image.

Pour travailler avec des objets à états multiples, gardez à l’esprit les fonctionnalités d’objets à états multiples suivantes :

• Chaque objet peut maintenant avoir plusieurs états. 
• Les objets interactifs ont des états incorporés. 
• Les utilisateurs peuvent personnaliser les états des objets statiques et interactifs. 
• Les boutons et les formes intelligentes ont des états incorporés avec des styles associés. 
• Les objets à états multiples peuvent être uniquement ajoutés aux diapositives normales.

Toutes les formes intelligentes, légendes de texte, tous les objets et médias peuvent avoir plusieurs états.

Les boutons coulissants de questions et les glisser-déposer ne prennent pas en charge les états.

Ajout d’états à un objet

Déplacer des objets et leurs états

Lorsque vous déplacez un objet à états multiples, par défaut, les états correspondants et les éléments d’état supplémentaires se déplacent avec l’objet.

Suppression/réinitialisation de l’état

Pour revenir à l’état normal pendant de la création d’états, cliquez avec le bouton droit de la souris sur n’importe quel état dans le volet de gauche, puis sélectionnez Réinitialiser l’état.

Vous pouvez supprimer tous les états, sauf l’état par défaut et l’état normal d’un objet. Les options de suppression et de réinitialisation d’états sont disponibles dans le menu contextuel de l’état. 

Pour quitter la vue d’états et revenir à la diapositive, cliquez sur le bouton Quitter l’état dans la barre d’outils. 

Objets et leurs états incorporés

Captivate fournit les états incorporés suivants, que vous pouvez personnaliser en fonction de vos besoins. Vous pouvez choisir le type à l’aide de la liste déroulante État et en cliquant sur chaque état.

L'état par défaut de chaque objet est Normal.

Vous pouvez ajouter de nouveaux états à l’aide de l’inspecteur des propriétés et également définir vos états comme état par défaut pour un objet. Pour définir votre état comme état par défaut, il vous suffit de sélectionner l’état, de cliquez sur l’icône de liste déroulante en regard de ce dernier, puis de le définir Par défaut.

Vous pouvez aussi prédéfinir des propriétés de projet pour les états Normal, Inactif et Survol dans le Gestionnaire des styles d’objet. 

Comportement des effets lorsque les objets ont plusieurs états

Lorsqu’un effet est ajouté à un objet, il s’applique à tous les états de l’objet. 

En outre, un effet s’applique sur tous les états d’un objet. Par exemple, si un objet change d’état pendant l’exécution d’un l’effet, le comportement de l’effet ne change en aucune façon.

Exemples d’utilisation

Quelques exemples représentant l’utilisation des états d’un objet au cours du développement de contenu interactif sont illustrés ci-dessous :

Scénario 1 - Pour changer les couleurs de la robe (objet) en fonction de l’action de clic de l’utilisateur sur différents codes couleur respectifs (affichés sous l’objet). 

Scénario 2 - Pour indiquer la réponse en fonction du choix des utilisateurs dans la diapositive de question à l’aide de caractères, utilisez des états d’objet et modifiez les actions des caractères.

Flux de propriété pour les objets à états multiples dans des projets réactifs

Dans un projet réactif, le flux de propriété est sur l’ensemble des états et vues.

Captivate conserve une relation parent-enfant entre les points d’arrêt de Bureau à Tablette et de Tablette aux vues Mobile respectivement. Les états d’objet créés pour un point d’arrêt spécifique le suivent dans toutes ses vues inférieures, sauf si vous modifiez l’état pour un affichage défini et rompez le lien.

Exemple pour illustrer ces relations

Par exemple, si vous créez un bouton et ajoutez/modifiez des états dans un projet réactif, l’objet et ses états sont ajoutés dans tous les autres points d’arrêt.

Si vous effectuez des modifications sur ces états d’objets dans la vue Bureau, ces modifications sont présentes dans tous les autres points d’arrêt. 

Si vous apportez des modifications à ces états d’objets dans le point d’arrêt Portrait tablette, le lien entre le point d’arrêt Portrait tablette et le point d’arrêt Bureau est rompu. Les modifications d’objet depuis la vue Bureau ne se reflètent plus dans les modes Portrait tablette et Mobile. Les objets dans la vue mobile reflètent désormais toutes les modifications d’objet présentes dans la vue Portrait tablette

Exemple pour illustrer comment les sauts de relations sont rompus

Considérons l’exemple suivant.

L’utilisateur ajoute une zone de texte sur la diapositive, sélectionne l’objet, puis cliquez sur Vue de l’état de l’inspecteur des propriétés. L’utilisateur travaille dans la vue Bureau.

La vue d’état s’ouvre et affiche les états par défaut de la zone de texte qui sont disponibles. Vous pouvez modifier ces états ou en créer d’autres.

L’utilisateur modifie les propriétés des états incorporés ou crée un état. Dans cet exemple, une zone de texte est rendue transparente dans l’état Inactif, pour que, quand un utilisateur clique sur Soumettre, le bouton devienne transparent.

Cette modification de l’état d’objet (effectuée depuis la vue Bureau) passe par tous les points d’arrêt. 

L’utilisateur passe ensuite en mode Portrait tablette et modifie l’état Inactif. Si ces modifications sont traitées avec des propriétés réactives telles que les propriétés de caractères, de position ou de taille, alors, le lien entre la vue Bureau et la vue Portrait tablette est rompu. La vue Bureau ne reflète pas ces modifications.

Dès à présent, toutes les modifications effectuées dans la vue Portrait tablette (pour cet objet) passent jusqu’aux vues mobiles.

Meilleures pratiques à suivre

• Personnalisation de l’état normal de l’objet avant l’ajout d’états personnalisés
• Marquez la forme intelligente comme bouton avant de personnaliser les propriétés du bouton 

Propriétés des objets qui ne passent pas par les différents états

Il existe certaines propriétés d’objet qui ne passent pas par tous les états. 

Les propriétés telles que les ombres et les reflets, les effets de texte et les propriétés audio ne passent pas par les différents états. Par exemple, si vous disposez d’un objet présentant plusieurs états et si vous lui ajoutez une lueur, cette dernière n’est pas visible sous les autres états. Ajoutez une lueur à tous les états.

De plus, un texte sur lequel différents formats sont appliqués ne passe pas automatiquement par les différents formats.

Observez l’exemple ci-dessous. Le mot différent  a un format différent qui lui est appliqué. Vous pouvez constater que le formatage n’a pas influé sur le nouvel état.

Pour faire passer ce texte par différents états, cliquez avec le bouton droit de la souris sur le texte et choisissez Appliquer le texte à tous les états.

Objets à états multiples dans les interactions glisser-déposer

Les interactions glisser-déposer offrent de nombreuses options permettant d’utiliser les états multiples des objets.

Observez l’exemple simple d’interaction glisser-déposer (choisissez la bonne réponse) ci-dessous.

Dans l’interaction ci-dessus, l’objet ovale LDAP est une cible de dépôt et les options rectangulaires sur le côté droit sont les sources de dépôt. La bonne réponse 389 est associée à la cible de glissement LDAP.

Chacune de ces sources et de ces cibles de dépôt possède plusieurs états que vous pouvez personnaliser pour améliorer l’aspect et la fonctionnalité de cette interaction.

Ajoutez tous ces états incorporés en choisissant l’objet et en cliquant sur + dans le panneau d’états d’objet, dans l’inspecteur de propriétés.

Vous pouvez définir l’aspect de chaque état des objets cible et source de dépôt.

Cible de dépôt:

• DragOver : Il s’agit de l’état de l’objet lorsque l’élève déplace une source vers la cible. 
• DropAccept : Il s’agit de l’état de l’objet lorsque l’élève dépose une source acceptable sur la cible.
• DropReject : Il s’agit de l’état de l’objet lorsque l’élève dépose une source non-acceptable sur la cible.
• DropCorrect : Il s’agit de l’état de l’objet lorsque l’élève dépose la bonne réponse sur la cible et soumet la réponse.
• DropIncorrect : Il s’agit de l’état de l’objet lorsque l’apprenant dépose une mauvaise réponse sur la cible et soumet la réponse.

Comme avec la cible de dépôt, vous pouvez ajouter les états incorporés à la source de dépôt.

Source de dépôt :

• DragOver : Il s’agit de l’état de l’objet lorsque vous le faites glisser sur la cible. 
• DropAccept : Il s’agit de l’état de l’objet lorsque vous faites glisser la source acceptable sur la cible.
• DropReject : Il s’agit de l’état de l’objet lorsque vous faites glisser une source non-acceptable sur la cible.
• DragStart : Il s’agit de l’état de l’objet lorsque vous commencez à faire glisser la source vers la cible. 

Explications d’un expert : Adobe Captivate et Objets à états multiples

Télécharger des exemples de projets

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