Les procédures comprises dans ce document nécessitent l’utilisation de ressources telles que 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 :
Avant d’expliquer les actions avancées, voici certains concepts de base utiles à leur compréhension.
Les littéraux sont des valeurs fixes. Un littéral peut correspondre à une valeur alphanumérique ou à un chiffre. Par exemple, dans la vie réelle, John, Sarah et 100 sont des littéraux car il s’agit de valeurs fixes.
Si vous utilisez un littéral de chaîne, comme « John », avec n’importe quelle fonction de programmation conventionnelle, la valeur du littéral change. Si vous souhaitez inverser le littéral ci-dessus, utilisez “John”.reverse().
Les variables sont des entités dont les valeurs peuvent changer. Par exemple, dans la vie réelle, si « couleur » est considérée comme une variable, le rouge, le bleu et le vert sont certaines des valeurs logiquement associées à cette variable. Ainsi, les variables peuvent être considérées comme des espaces réservés pour différentes valeurs.
Dans Captivate, les variables peuvent être classées en variables système et en variables utilisateur. Vous trouverez ci-dessous une courte description de ces variables.
Les variables système sont des variables prédéfinies dans Captivate.
Par exemple,
- cpInfoCurrentDate est une variable système qui affiche la date actuelle définie sur l’ordinateur de l’utilisateur.
- cpInfoAuthor renvoie le nom de l’auteur tel que spécifié dans les propriétés du projet (Fichier > Informations sur le projet).
Les variables utilisateur sont définies par l’utilisateur. Ces variables peuvent également servir pour accepter un ensemble de valeurs et rejeter les autres entrées.
Par exemple, vous pouvez définir une variable « fruit » pour accepter les fruits comme valeurs. Vous pouvez également restreindre les valeurs acceptées par la variable « fruit » en spécifiant que les entrées doivent être des pommes, des oranges, des raisins ou des bananes. Cette méthode vous aide à collecter les valeurs qui vous intéressent dans la variable.
Remarque :
Lorsque vous ajoutez une zone de texte à la diapositive, Captivate lui attribue automatiquement une variable.
Pour en savoir plus sur les variables, consultez l’article Variables Adobe Captivate.
Vous pouvez créer des variables utilisateur dans votre projet Captivate en choisissant Variables dans le menu Projet. La boîte de dialogue Variables s’ouvre. Pour créer une nouvelle variable utilisateur, cliquez sur Ajouter nouveau à droite de la liste déroulante Type. Il peut être utile de nommer les variables d’une manière qui vous aide à identifier leurs fonctions. Vous pouvez également saisir une valeur initiale pour la variable dans le champ Valeur.
Remarque :
Dans Captivate, les variables système ne peuvent pas être modifiées ou supprimées, et les noms des variables utilisateur ne peuvent pas être modifiés une fois créés.
Le nom que vous attribuez à une variable utilisateur ne doit pas entrer en conflit avec les fonctions internes de Captivate, les mots-clés réservés, les variables système exposées ou d’autres variables masquées.
Il existe certaines conventions qu’il convient de respecter pour nommer une variable. Ces conventions sont les suivantes :
- Le nom ne doit pas commencer par un blanc ou un chiffre.
Exemple : les noms 1Name et _Name ne conviennent pas.
- N’utilisez pas de mots-clés réservés.
Par exemple, évitez d’utiliser des mots-clés comme class, while, case, float.
- Utilisez des noms de variables uniques.
Exemple : MyVar1, MyVar2
- Utilisez des noms de variable intuitifs.
Exemple : Input_Name, Display_Education
- Pensez à toujours ajouter des descriptions à une variable.
Exemple : la variable Input_Name accepte le nom saisi par les candidats.
Pour afficher la liste des mots-clés réservés dans Captivate, consultez l’article Création de variables définies par l’utilisateur dans Adobe Captivate.
Les actions avancées vous permettent d’exécuter une action lorsqu’un événement est déclenché ou lorsqu’une condition ou plusieurs conditions sont remplies.
Pour ouvrir l’interface Actions avancées, rendez-vous dans le menu Projet, puis dans Actions avancées. L’interface utilisateur ci-dessous s’affiche.
| Étiquette | Description |
| 1 | Nom de l’action. |
| 2 | Cocher cette |
| 3 | Éléments d’action. |
| 4 | Sélectionner une action existante. |
| 5 | Prévisualiser la structure de l’action. |
| 6 | Créer une action. |
| 7 | Importer une action partagée. |
| 8 | Exporter une action partagée. |
| 9 | Supprimer une action. |
| 10 | Dupliquer une action. |
| 11 | Ajoutez un élément d’action. |
| 12 | Supprimer un élément d’action. |
| 13 | Copier un élément d’action. |
| 14 | Couper |
| 15 | Coller |
| 16 | Insérer |
| 17 | Déplacer vers le haut. |
| 18 | Déplacer vers le bas. |
| 19 | Groupe de décision. |
| 20 | Ajouter une décision. |
| 21 | Supprimer une décision. |
| 22 | Dupliquer une décision. |
Par exemple, implémentez une action standard pour accueillir les utilisateurs lorsqu’ils entrent leur nom dans le cours que vous créez.
-
La deuxième légende ajoutée à la diapositive à l’étape précédente sera utilisée pour appeler la variable Candidate_Name et afficher le nom saisi par l’utilisateur. Cliquez sur la légende pour activer le bouton [X] de la boîte de dialogue Insérer une variable dans l’Inspecteur des propriétés, onglet Propriétés, section Caractère, sous Style.
Dans la boîte de dialogue Insérer une variable, sélectionnez la variable Candidate_Name dans la liste déroulante Variables.
Lorsque vous exécutez cette étape, la légende par défaut devient $$Candidate_Name$$, afin d’indiquer que la variable Candidate_Name est appelée depuis cette légende.
Remarque :
Vous pouvez également appeler la variable en remplaçant directement le texte de la légende par le nom de la variable et en l’encadrant des symboles $$. Il est toutefois recommandé d’appeler la variable en cliquant sur l’icône [X] et en ouvrant la boîte de dialogue Insérer une variable, ce qui vous permet de contrôler la longueur maximale de la valeur de la variable à afficher.
-
Cliquez sur l’icône du dossier en regard de la liste déroulante Script, sous En cas de réussite, afin d’ouvrir la boîte de dialogue Actions avancées. Entrez les actions dans l’image ci-dessous en cliquant sur les lignes de la boîte de dialogue et, dans Nom de l’action, entrez AdvAction_Show_Name.
Actions standard
Les actions conditionnelles, comme leur nom l’indique, sont exécutées uniquement lorsqu’une condition ou un ensemble de conditions sont remplies.
Cochez l’option Onglet conditionnel dans la boîte de dialogue Actions avancées pour définir la condition et l’action correspondante.
La logique If...else est la suivante :
- If : si une ou plusieurs conditions sont remplies, l’action est exécutée.
- Else : si la condition ou plusieurs conditions sont remplies, une autre action est exécutée.
Par exemple, vous pouvez définir une action conditionnelle pour afficher une légende visant à accueillir un candidat s’il est âgé de plus de 15 ans et pour afficher une légende d’entrée refusée dans le cas contraire.
La logique While est une boucle conditionnelle qui évalue une condition au début d’une déclaration et qui continue d’exécuter un ensemble d’actions jusqu’à ce que la ou les conditions soient vraies ou fausses.
À titre d’exemple, vous pouvez définir un critère pour l’admissibilité à un cours d’apprentissage en ligne : si le candidat est diplômé et que son expérience est supérieure à 5 ans, il est accepté.
Ce projet met en œuvre des actions conditionnelles pour partager des informations intéressantes sur les planètes de notre système solaire.
-
Ajoutez trois légendes et une zone de saisie de texte sur la première diapositive de contenu.
- Renommez les trois légendes comme suit : Connaissez vos planètes, Entrez le nom d’une planète ci-dessous pour obtenir des informations et Vérifiez l’orthographe puis réessayez ! .
- Rendez la légende Vérifiez l’orthographe/la casse puis réessayez ! invisible pendant l’exécution en utilisant l’icône en forme d’œil en regard de son nom, sous l’onglet Propriétés de l’Inspecteur des propriétés.
- Sélectionnez la zone de saisie de texte, rendez-vous dans l’Inspecteur des propriétés, onglet Propriétés, section Style et désélectionnez Conserver le texte.
- Cliquez également sur Plus d’options sous Conserver le texte et sélectionnez Tout autoriser.
- Cliquez sur l’icône [X] sous Variable et créez une variable nommée Input_Planet pour plus de lisibilité.
- Ajoutez également l’image du système solaire sur cette diapositive.
- Redimensionnez et réorientez les éléments. Vous pouvez également formater les légendes pour une meilleure apparence visuelle (voir l’image ci-dessous).
Système solaire -
Dans la deuxième diapositive, ajoutez un rectangle depuis le menu Formes, une légende depuis le menu Texte et un bouton depuis le menu Interactions.
- Définissez l’opacité du rectangle sur 0 %.Pour la modifier, rendez-vous dans l’Inspecteur des propriétés, onglet Propriétés, section Style, puis dans Remplissage.
- Agrandissez le rectangle en bordure pour la diapositive.
- Déplacez le bouton dans le coin supérieur droit de la bordure. Ce bouton agira comme bouton de fermeture.
- Remplacez la légende du bouton par X pour indiquer le symbole de fermeture. Pour la modifier, rendez-vous dans l’Inspecteur des propriétés, onglet Propriétés, section Style, puis dans Légende.
- De même, pour le bouton, dans la section Actions de l’onglet Propriétés, définissez l’option En cas de réussite sur Aller à la diapositive et Diapositive sur 1 diapositive 1.
- Ajoutez une image de Mercure sur la diapositive.
- Ajoutez des informations concernant Mercure à partir du document Planets.docx qui vous a été fourni dans la légende.
- Renommez l’image « Image_Mercury », la légende « Text_Mercury » et la bordure du rectangle « Border_Mercury » pour une meilleure lisibilité.
- Alignez tous les éléments que vous avez ajoutés sur la diapositive. (Voir l’image ci-dessous).
- Sélectionnez cette diapositive dans la section Bande de film et dans l’Inspecteur des propriétés, onglet Propriétés, section Actions, et définissez l’option À l’ouverture sur Masquer la barre de lecture.
Diapositive pour Mercure -
Créez une condition indiquant que si les utilisateurs entrent un nom de planète, ils sont directement amenés à la diapositive contenant les informations sur cette planète. De plus, s’ils n’orthographient pas correctement le nom de la planète ou s’ils ne mettent pas de majuscule, un message d’erreur s’affiche.
Pour réaliser cette logique, une action avancée doit être configurée pour la zone de texte ajoutée à la première diapositive.
- Rendez-vous sur la première diapositive et sélectionnez la zone de texte.
- Dans l’Inspecteur des propriétés, onglet Propriétés, section Actions, sélectionnez En cas de réussite pour Exécuter des actions avancées.
- Dans la liste déroulante Script sous Exécuter des actions avancées, cliquez sur l’icône de dossier. La boîte de dialogue Actions avancées s’ouvre.
- Dans la boîte de dialogue Actions avancées, cochez la case Onglet conditionnel.
- Entrez la condition IF et l’action correspondante. Dans ce cas, si l’utilisateur entre Mercure, la seconde diapositive s’ouvre. (Voir la première image ci-dessous)
- De la même manière, configurez la condition et les actions correspondantes pour les autres planètes dans des onglets séparés Untitled-1 à Untitled-8. Par défaut, seuls trois onglets sont créés, mais vous pouvez en ajouter manuellement.
- Dans le neuvième onglet, entrez la condition d’affichage du message d’erreur. La logique est que si aucun des noms de planète n’est entré correctement, ou si le nom ne commence pas par une majuscule, une erreur doit s’afficher. Ajoutez également une deuxième action dans cet onglet pour passer à la diapositive 1. Cette action actualise automatiquement le bouton Envoyer au moment de l’exécution.(Voir la deuxième image ci-dessous).
Actions conditionnelles (interface 1)
Actions conditionnelles (interface 2) -
Sélectionnez la première diapositive dans la section Bande de film, accédez à l’Inspecteur des propriétés, onglet Propriétés, section Actions, et sélectionnez À l’ouverture pour Masquer. Dans la liste déroulante Masquer, sélectionnez la légende qui contient le message d’erreur. Cette opération supprime le message d’erreur lorsque l’utilisateur ouvre la première diapositive pour en savoir plus sur les planètes, à la suite d’une séquence de tentatives échouées et réussies.
Dans cet exemple, lorsque vous cliquez sur un bouton, un objet disparaît, et réapparaît lorsque vous cliquez à nouveau sur ce même bouton.
Effectuez les étapes suivantes :
Dans cet exemple, lorsque vous cliquez sur un bouton, une action avancée contenant un élément de code JavaScript s’exécute en produisant le résultat souhaité.
Ouvrez la boîte de dialogue Actions avancées, attribuez Exécuter JavaScript en tant qu’action et saisissez l’extrait de code suivant dans Script_Window pour obtenir l’image en cours du film :
alert(window.cpAPIInterface.getCurrentFrame());
Lorsque vous prévisualisez l’action avancée ci-dessus dans un navigateur, vous obtenez le résultat suivant.
Pour plus d’informations, voir l’interface JavaScript commune de Captivate.
Si vous souhaitez utiliser une action avancée dans d’autres parties du même projet ou dans un autre projet, vous pouvez l’enregistrer en tant qu’action partagée.
Par exemple, en tant qu’auteur eLearning, vous devez utiliser une action avancée à plusieurs reprises pour accueillir les candidats sur les cours que vous créez. Enregistrez l’action avancée créée dans la section Actions standard en tant qu’action partagée, et ouvrez-la dans un nouveau projet.
-
Ouvrez le projet créé dans la section Actions standard.
-
Dans la boîte de dialogue, nommez cette action partagée SharedAction_Show_Name. Vous pouvez voir que tous les éléments impliqués dans l’action AdvAction_Show_Name s’affichent sous Valeurs de paramètre. Entrez une description pour chaque paramètre afin d’identifier sa fonction. La description est importante pour comprendre le but de ces paramètres lorsque vous les utiliserez plus tard. Donnez également une description à l’action partagée. Enregistrez l’action (voir l’image ci-dessous).
Enregistrer comme action partagée -
Répétez les étapes 1 à 8 de la section Actions standard et personnalisez les noms des éléments ajoutés.
-
Sélectionnez la zone de texte et accédez à la section Actions sous l’onglet Propriétés de l’Inspecteur des propriétés. Sélectionnez En cas de réussite pour Exécuter une action partagée. Une icône {P} apparaît en regard de cette option. Cliquez sur cette icône pour ouvrir la boîte de dialogue Paramètres des actions partagées.
Paramètres de l’action partagée (non remplis)
Pour plus d’informations sur les actions avancées, voir l’article Actions avancées dans Adobe Captivate.
Les publications Twitter™ et Facebook ne sont pas couvertes par les dispositions Creative Commons.