Le didacticiel suivant permet de se familiariser avec les scripts dans Adobe Captivate.

Vous êtes chargé de créer une diapositive de connexion comportant des champs pour saisir un nom d’utilisateur et un mot de passe.

Si l’utilisateur entre les valeurs correctes, les actions suivantes se produisent :

  • Le projet passe à la diapositive suivante.

  • Une légende de texte affiche le message « Bienvenue <nom_utilisateur> » dans la diapositive suivante.

  • L’éditeur de courrier électronique par défaut s’ouvre sur un courrier électronique dans lequel l’adresse de la personne à informer de la connexion est prérenseignée.

Si l’utilisateur entre des informations incorrectes, une légende de texte s’affiche pour demander à l’utilisateur de ressaisir les informations.

Création des variables du projet

  1. Sélectionnez Projet > Variables.

  2. Créez une variable appelée varUserName dont la valeur est l’utilisateur. Pour plus d’informations, voir Création d’une variable définie par l’utilisateur.

  3. Créez une variable appelée varPassword dont la valeur est mot de passe.

Création des objets des diapositives

  1. Dans un projet ouvert, insérez deux zones de texte pour le nom d’utilisateur et le mot de passe. Ces zones de texte doivent se comporter comme des champs de formulaire.

    Remarque :

    pour qu’une zone de texte se comporte comme un champ de formulaire, sélectionnez-la, puis désélectionnez Valider l’entrée utilisateur dans l’Inspecteur des propriétés.  

  2. Supprimez le bouton Soumettre du champ Nom d’utilisateur.

  3. Définissez les options suivantes pour le nom d’utilisateur :

    • Pour Actions, choisissez Si réussite, puis sélectionnez Aucune action.

    • Désélectionnez Tentatives illimitées.

    Remarque :

    cette option est automatiquement désactivée lorsque vous désactivez Valider l’entrée utilisateur.

    • Dans la zone Action de l’Inspecteur des propriétés, dans le champ Dern. tent., sélectionnez Continuer.
    • Associez le champ à la variable varUserName dans le champ Var Associée (zone Général de l’Inspecteur des propriétés).
  4. Cliquez deux fois sur le champ de texte du mot de passe et définissez les options suivantes :

    • Dans le champ Si réussite, sélectionnez Continuer.

    • Désélectionnez Tentatives illimitées.

    • Dans le menu Après la dernière tentative, sélectionnez Continuer.

    • Pour Variable associée, sélectionnez varPassword.

  5. Insérez une légende de texte et procédez comme suit :

    • Saisissez le texte suivant dans la légende : Nom d’utilisateur/mot de passe incorrect. Veuillez essayer de nouveau.

    • Pour Nom, modifiez le nom de la légende en FailureCaption. Désélectionnez l’option Visible. Ainsi, la légende est masquée jusqu’à son activation par les conditions du script.

  6. Insérez une diapositive vide.

  7. Insérez une légende de texte contenant le texte Bienvenue et la variable varUserName selon le format Bienvenue $$varUserName$$.

  8. Enregistrez le projet sous le nom variables.cp.

Création d’une action avancée pour la diapositive de connexion

L’action avancée de la diapositive de connexion doit effectuer les opérations suivantes :

  • vérifier si les informations saisies dans les champs de l’identifiant et du mot de passe sont correctes ;

  • passer à la diapositive suivante si les informations sont correctes ;

  • rester sur la diapositive de connexion et afficher une légende de texte demandant à l’utilisateur de ressaisir les informations de connexion si les informations sont incorrectes.

  1. Sélectionnez Projet > Actions avancées.

  2. Dans la fenêtre de script, procédez comme suit :

    1. Sélectionnez Actions conditionnelles comme type d’action.

    2. Nommez le script « validate ».

    3. Dans la section IF, cliquez deux fois sur les lignes et sélectionnez les options appropriées dans les listes déroulantes. Voir l’illustration ci-dessous pour connaître les options à sélectionner :

      Condition IF de l’action avancée «&nbsp;validate&nbsp;»
      Condition IF de l’action avancée «&nbsp;validate&nbsp;»

    4. Dans la section Actions, cliquez deux fois sur la première ligne et spécifiez l’action comme une action « Continue ».

    5. Cliquez sur l’en-tête Else, cliquez deux fois sur les lignes et spécifiez les options appropriées, comme illustré ci-dessous.

      Condition ELSE de l’action avancée «&nbsp;validate&nbsp;»
      Condition ELSE de l’action avancée «&nbsp;validate&nbsp;»

Examinez à présent les lignes de code individuellement pour comprendre leur fonction.

Lignes de code de la condition IF
Lignes de code de la condition IF

Cette ligne de code vérifie si l’utilisateur a utilisé les informations d’identification (nom d’utilisateur et mot de passe) dans les champs correspondants.

Actions exécutées lorsque les conditions IF sont vraies
Actions exécutées lorsque les conditions IF sont vraies

Le projet passe à la diapositive suivante si le nom d’utilisateur et le mot de passe saisis sont corrects.

Lignes de code de la condition ELSE
Lignes de code de la condition ELSE

Si les informations utilisateur sont incorrectes, le projet reste sur la diapositive de connexion. La légende de texte nommée FailureCaption s’affiche.

Création d’une action avancée pour le courrier électronique et la diapositive de bienvenue

Dans la fenêtre de script, procédez comme suit :

Créez un script nommé sequential action avec le code suivant :

  1. Sélectionnez Actions standard comme type d’action.

  2. Nommez le script « sequentialaction ».

  3. Cliquez deux fois sur les lignes et spécifiez les options comme indiqué ci-dessous.

Lignes de code du script «&nbsp;sequential action&nbsp;»
Lignes de code du script «&nbsp;sequential action&nbsp;»

Examinez à présent les lignes de code individuellement pour comprendre leur fonction.

Première ligne de code de «&nbsp;sequential action&nbsp;»
Première ligne de code de «&nbsp;sequential action&nbsp;»

En cas de réussite de la connexion, cette ligne de code ouvre l’éditeur de courrier électronique par défaut et affiche l’adresse xyz@entreprise.com dans le champ du destinataire.

Deuxième ligne de code de «&nbsp;sequential action&nbsp;»
Deuxième ligne de code de «&nbsp;sequential action&nbsp;»

Cette ligne de code affiche la légende de texte contenant le texte « Bienvenue <identifiant> ».

Application de l’action avancée à la diapositive de connexion

  1. Cliquez deux fois sur la diapositive de connexion, puis définissez les actions suivantes dans l’Inspecteur des propriétés :

    • A l’ouverture : sélectionnez Continuer.

    • A la fermeture : sélectionnez Exécuter des actions avancées, puis dans le menu Action, sélectionnez Valider.

Application de l’action avancée à la diapositive suivant la connexion

  1. Cliquez deux fois sur la diapositive d’affichage, puis, au niveau de l’Inspecteur des propriétés, définissez les actions suivantes :

    • A l’ouverture : sélectionnez Exécuter des actions avancées, puis dans le menu Action, sélectionnez une action séquentielle.

    • A la fermeture : sélectionnez Aller à la diapositive suivante.

Exécutez le projet et vérifiez que les objectifs définis ont été réalisés.

Didacticiels et exemples supplémentaires

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