Les objets à états multiples dans Adobe Captivate peuvent convertir tout objet interactif ou non-interactif en objet à états multiples. Dans cette section, vous découvrirez comment vous pouvez développer une interaction à états multiples basique.

Ressources et exemples

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 :

Multi-state-objects.zip

 

Avant d’utiliser des objets à états multiples dans Adobe Captivate, gardez en mémoire les points suivants :

  • Tout objet peut avoir plusieurs états.
  • Les objets interactifs ont des états incorporés.
  • Vous pouvez personnaliser les états des objets statiques et interactifs.
  • Les boutons et les formes intelligentes ont des états incorporés avec des styles associés.

Ajout d’états à un objet

Ajoutons des états à un objet comme suit :

  1. Ouvrez un projet vide.

  2. Dans le menu Diapositives, ajoutez une Diapositive de contenu à votre projet.

  3. Pour ajouter des objets, cliquez sur les ressources et ajoutez un personnage à votre diapositive. Vous pouvez choisir entre Gros plan, Moitié et Complet. Nous renommons l’état Joe. Renommez ainsi tous les objets de votre diapositive. Pour savoir comment, consultez Renommer les objets dans votre projet.

    Remarque :

    Assurez-vous d’ajouter les ressources que vous utilisez dans votre projet à la Bibliothèque Captivate pour que le projet puisse y accéder.

  4. Entrer un nom pour l’état
    Entrer un nom pour l’état

    Pour ajouter un état à un objet, sélectionnez le personnage (Joe) et dans l’Inspecteur des propriétés, cliquez sur l’icône + sous État de l’objet. Entrez un nom pour l’état dans la boîte de dialogue qui s’affiche et cliquez sur OK.

  5. Cliquer sur Vue de l’état pour les différents états
    Cliquer sur Vue de l’état pour les différents états

    Dans la section État de l’objet, cliquez sur Vue de l’état pour voir tous les états en cours de votre projet.

Renommer les objets et les états

Vous pouvez renommer les objets et les états dans Adobe Captivate. Lorsque vous ajoutez un objet à votre projet, une boîte de dialogue s’affiche. Indiquez un nom et cliquez sur OK. Pour renommer, sélectionnez l’objet et renommez au niveau du champ supérieur de l’Inspecteur des propriétés.

Pour renommer un état, sélectionnez l’état et cliquez sur Vue d’état dans le panneau des propriétés. Dans la liste des états, cliquez avec le bouton droit de la souris sur la diapositive et sélectionnez Renommer l’état.

Ajout de plusieurs états à un objet

Suivez les étapes ci-dessous pour ajouter plusieurs états à un objet dans Adobe Captivate :

  1. Ajout d’états dans le volet États de
    Ajout d’états dans le volet États de

    Pour ajouter plusieurs états à un objet, ouvrez la Vue d’état et cliquez sur l’option +Nouvel état dans le panneau États de. Renommez l’état dans la boîte de dialogue qui s’affiche et cliquez sur OK.

  2. Ajoutez un autre personnage dans le panneau Bibliothèque Captivate à gauche de l’espace de travail et renommez-le.

  3. Suivez la même procédure et ajoutez un troisième état. Ajoutez un autre personnage à la diapositive depuis le panneau Bibliothèque et renommez-le John.

  4. Une fois que vous avez fini d’ajouter des états, cliquez sur Quitter l’état dans la barre d’outils.

Ajout de boutons à votre projet

Suivez les étapes suivantes pour ajouter des boutons pour naviguer et afficher les différents états :

  1. Ajouter des boutons à votre projet
    Ajouter des boutons à votre projet

    Pour  ajouter des boutons, dans la barre d’outils, cliquez sur le menu Interaction et sélectionnez Bouton.

  2. Sélectionnez le premier bouton et ouvrez le menu Actions dans l’Inspecteur des propriétés.

  3. Modifier l’état d’une action
    Modifier l’état d’une action

    Cliquez sur le champEn cas de réussite et sélectionnez l’action Modifier l’état de dans la liste déroulante. Les états personnalisés prennent en charge les objets statiques et interactifs. Vous pouvez les déclencher à l’aide de l’option Modifier l’état de.

  4. Depuis les deux menus déroulants suivants, sélectionnez l’objet et l’état prévu que vous avez créé. Assurez-vous de désélectionner l’option Continuer la lecture du projet.

Remarque :

Si vous ajoutez une Forme intelligente à la diapositive, convertissez-la en un bouton pour activer l’option Actions dans l’Inspecteur des propriétés.

Présentation des états de bouton

Différents états de bouton dans la vue d’état
Différents états de bouton dans la vue d’état
Adobe Captivate propose plusieurs états intégrés que vous pouvez personnaliser selon vos besoins. Vous pouvez choisir les différents types d’états dans la liste déroulante État de l’objet et cliquer sur chaque état.
  • Normal : l’état par défaut d’un objet dans la vue d’état. Il s’agit du premier état que vous voyez lorsque votre projet est joué.
  • Survol : l’état met en surbrillance le bouton lorsqu’un utilisateur passe le curseur sur l’état sélectionné. Par exemple, si vous avez cinq options de réponse correcte, l’état du survol permet d’identifier les réponses précédemment sélectionnées.

Vous pouvez adapter le format des quatre états de bouton. Pour modifier le format, sélectionnez un bouton et utilisez les paramètres de la section Personnage de l’Inspecteur des propriétés.

Conservation de l’état au retour à la diapositive

Pour des objets à états multiples, vous pouvez choisir de conserver l’état lorsque vous revenez à la diapositive. Cela est utile lorsque vous créez une interaction avec plusieurs diapositives et souhaitez conserver l’état sélectionné lors d’une nouvelle visite de la diapositive. Par exemple :

  • Utilisation d’états pour les boutons de module dans une diapositive de menu personnalisé.
  • Utilisation d’états pour les éléments de la barre de progression affichés pour le reste du projet.
  • Interaction d’embranchement quand les élèves doivent revenir à la diapositive principale pour découvrir le reste
  • des options.
  • Lorsque vous utilisez les actions Aller à l’état suivant/précédent et que vous revenez à la diapositive, l’objet est réinitialisé à l’état initial. Cette option vous permet de faire démarrer la boucle à partir du dernier état visité.

Pour conserver l’état lorsque vous revenez à la diapositive, sélectionnez l’objet à états multiples, accédez à l’Inspecteur des propriétés, puis sélectionnez Conserver l’état au retour à la diapositive.

Suppression/réinitialisation des états

Vous pouvez réinitialiser les modifications apportées aux états dans la Vue des états. Cliquez avec le bouton droit de la souris sur un état et sélectionnez Réinitialiser l’état. Pour le supprimer, sélectionnez Supprimer l’état.Quand vous avez terminé les modifications, cliquez sur Quitter l’état dans la barre d’outils.

Exemple : Projet de visualisation de couleurs

Maintenant que vous avez essayé d’utiliser des objets à états multiples dans Adobe Captivate, nous allons créer un projet intéressant de visualisation de couleurs. Dans ce projet, les utilisateurs peuvent vérifier l’apparence du mur avec les différentes couleurs et textures.

Voici l’apparence du projet final :

Select-colours---Captivate

Pour créer ce projet, procédez comme suit :

  1. Dans un projet vide, dans la barre d’outils, cliquez sur Formes pour ajouter un rectangle à la diapositive.

    Ajouter des formes à votre projet
    Ajouter des formes à votre projet
  2. Répartissons les formes en deux sections :

    • Couleurs
    • Textures

    Ajoutez 12 rectangles pour chacune des deux sections. Pour ajouter plusieurs rectangles, créer des doubles avec Cmd + D (Mac) ou Ctrl + D (Windows).

  3. Sélectionnez chaque rectangle et changez la couleur dans la section Style de l’Inspecteur des propriétés. Utilisez les paramètres Remplissage et Contour pour obtenir l’apparence souhaitée.

    Paramètres de remplissage dans l’Inspecteur des propriétés
    Paramètres de remplissage dans l’Inspecteur des propriétés
  4. Ajoutez l’image de la salle que vous utilisez pour ce projet (téléchargez les ressources ajoutées au début de cet article). Pour l’ajouter, cliquez sur Média et sélectionnez Image.

    Ajouter l’image à votre projet
    Ajouter l’image à votre projet
  5. Nous allons créer des états multiples pour l’image. Suivez les instructions des sections Ajout d’états à un objet et Ajout d’états multiples à un objet . Nommez les états en fonction des options de couleur que vous ajoutez au projet. Créez les états pour toutes les formes que vous ajoutez au projet.

    screen_shot_2018-05-28at74532pm
  6. Après avoir ajouté des états à l’image, quittez la vue d’état et liez les formes à leurs états respectifs. Par exemple, mettez en correspondance la forme bleue avec l’état Bleu. Maintenant, convertissez les formes en boutons pour activer la liaison. Sélectionnez une forme et dans l’Inspecteur des propriétés, sélectionnez l’option Utiliser en tant que bouton dans la section Nom de style.

    Utiliser des formes comme boutons
    Utiliser des formes comme boutons
  7. Suivez les étapes de la section Ajout de boutons à votre projet pour lier les états aux formes.

  8. Dans la barre d’outils, cliquez sur Aperçu et sélectionnez Projet dans la liste déroulante.

  9. Pour publier votre projet, cliquez sur Publier et choisissez parmi les différentes options de publication.

Ce produit est distribué sous licence Creative Commons Attribution - Pas d’utilisation commerciale - Partage à l’identique 3.0 non transposé  Les publications Twitter™ et Facebook ne sont pas couvertes par les dispositions Creative Commons.

Mentions légales   |   Politique de confidentialité en ligne