Découvrez comment utiliser et modifier des widgets et créer de superbes projets d’e-learning.

Remarque :

En raison de modifications récemment apportées au navigateur Chrome, vous pouvez rencontrer des difficultés pour accéder au contenu Flash. Si vous rencontrez des difficultés avec Chrome, suivez les étapes ci-dessous pour activer Flash dans vos paramètres Chrome (Mac et Windows) :

  • Ouvrez Chrome et dans la barre d’adresse, saisissez chrome://settings/content.
  • Sur l’écran Paramètres de contenu, recherchez la liste de Flash Player. Vérifiez l’état.
  • Sélectionnez Permettre aux sites d’exécuter Flash, puis cliquez sur Terminé.
  • Pour gérer les paramètres de Flash Player par site, cliquez sur Gérer les exceptions.
  • Sur l’écran des exceptions Flash, saisissez le domaine de site Web, puis sélectionnez Autoriser.  Lorsque vous avez terminé d’ajouter des sites, cliquez sur Terminé.
  • Fermez l’écran Paramètres de contenu.

Outre les paramètres définis par le développeur de widgets, Adobe Captivate vous permet de définir les propriétés des widgets. Vous pouvez modifier les propriétés d’un widget à l’aide de l’Inspecteur des propriétés (Fenêtre > Propriétés).

Widgets

Nom

Saisissez un nom unique pour l’objet. Vous pouvez utiliser ce nom lorsque vous définissez les conditions de visibilité de l’objet.

Visible

Désélectionnez cette option si vous voulez que l’objet soit invisible par défaut sur la diapositive. Utiliser l’action Afficher pour rendre l’objet visible. Pour plus d’informations, voir Contrôle de la visibilité des objets.

Nom et visibilité
Nom et visibilité

Animation

Nom de l’objet

Nom de l’objet d’animation.

Liaison

Fournit le lien vers le fichier SWF associé.

Mettre à jour

Cliquez sur cette option pour refléter les modifications du fichier source (si modifié en externe).

Source

Lien vers le fichier FLA source du fichier SWF d’animation.

Modifier

Cliquez sur cette option pour modifier le fichier FLA à l’aide d’Adobe Animate à partir d’Adobe Captivate.

Alpha

Le niveau de transparence du widget. Avec un niveau de transparence à 0 %, le widget est opaque. Avec un niveau de transparence à 100 %, il est invisible.

Propriétés du widget

Cliquez sur cette option pour afficher la boîte de dialogue Propriétés du widget qui affiche les paramètres vous permettant de le personnaliser. Ces paramètres ne sont accessibles que si le développeur qui a créé le widget en a autorisé la personnalisation. Un instantané du widget peut être affiché dans cette boîte de dialogue.

Durée

Afficher pendant [durée]

Définit la durée d’affichage du widget sur la diapositive.

Apparaître après [chiffre] secondes

Définit le délai entre la première apparition de la diapositive et celle du widget.

Durée du widget
Durée du widget

Transition

Effet

Effet de transition pour le widget. Vous pouvez appliquer un effet de fondu au début ou à la fin et définir la durée des effets de fondu.

Transition du widget
Transition du widget

Action

Si réussite

Les options disponibles si l’utilisateur remplit avec succès les critères définis dans le widget. Pour plus d’informations, voir Navigation dans un projet à l’aide des objets interactifs.

Tentatives

Définir le nombre de tentatives.

Infini

L’utilisateur dispose d’un nombre illimité de tentatives.

Dern. tent.

Les options disponibles si l’utilisateur ne remplit pas les critères spécifiés dans le widget au sujet du nombre défini de tentatives. Pour plus d’informations, voir Navigation dans un projet à l’aide des objets interactifs.

Options

Sélectionnez les options appropriées parmi les suivantes :

Succès

La légende qui s’affiche si l’utilisateur remplit avec succès les tâches assignées par le widget.

Echec

La légende qui s’affiche si l’utilisateur ne fournit pas les réponses demandées par le widget.

Conseil

La légende offrant un conseil à l’utilisateur. Le conseil est affiché lorsque l’utilisateur place le pointeur de la souris sur le widget.

Suspendre pendant réussite/échec

Suspend le projet jusqu’à ce que toutes les légendes de réussite et d’échec soient affichées.

Transformation

Cliquez sur l’onglet Transformation pour définir la taille ou l’emplacement exact du widget (pixels) ou pour le faire pivoter. Choisissez une option parmi les suivantes :

X

Position de la coordonnée X de l’objet.

Y

Position de la coordonnée Y de l’objet.

W

La largeur de l’objet.

H

La hauteur de l’objet.

Conserver les proportions

Conserve le rapport hauteur/largeur pendant un redimensionnement.

Angle

Angle de rotation du widget.

Propriétés de transformation
Propriétés de transformation

Communication

Si vous voulez conserver le score du widget ou coordonner le score avec un système de gestion de l’apprentissage (LMS), utilisez l’onglet Communication.

Inclure dans le quiz

Les points attribués au widget sont ajoutés au score total du quiz actuel.

Points

Points accordés pour une réponse correcte. Le maximum est 100 points, le minimum 0.

Ajouter au total

Le score du bouton est ajouté au score total du quiz.

Communiquer les réponses

Envoie le score au système de gestion de l’apprentissage (LMS).

ID de l’interaction

Envoie des informations de suivi à votre système de gestion de l’apprentissage d’après l’ID de l’interaction indiqué par le système de gestion de l’apprentissage.

Définition d’audio pour les widgets

Vous pouvez ajouter un fichier audio à des objets non interactifs. La lecture du fichier audio démarre lorsque l’objet apparaît sur la diapositive.

  1. Pour ajouter de l’audio, accédez à la zone Audio de l’Inspecteur des propriétés, puis cliquez sur Ajouter de l’audio.

    La boîte de dialogue Audio d’objet s’affiche.

  2. Dans l’onglet Ajouter/Remplacer, utilisez les options suivantes :

    Enregistrer l’audio 

    Ouvre la boîte de dialogue Enregistrer l’audio. L’enregistrement audio nécessite un minimum de matériel.

    Arrêter

    Arrête la lecture du fichier audio.

    Lecture

    Lit le fichier audio.

  3. Dans l’onglet Edition, pour modifier le fichier audio de différentes manières, notamment en insérant des périodes de silence et en réglant le volume.

  4. Cliquez sur Paramètres pour ouvrir la boîte de dialogue Paramètres audio. Vous pouvez modifier les paramètres audio (source d’entrée, niveau de qualité et calibration). Cliquez sur le bouton Paramètres pour effectuer vos sélections.

  5. Cliquez sur Importer pour afficher la boîte de dialogue Importer de l’audio. Cette boîte de dialogue permet de naviguer jusqu’à un fichier audio et de l’importer.

  6. Cliquez sur Bibliothèque pour ouvrir la bibliothèque. La bibliothèque répertorie tous les fichiers audio du projet Adobe Captivate actuellement ouvert.

Utilisation et modification des widgets

Voici comment vous pouvez créer les widgets suivants. Cliquez sur les liens pour plus d’instructions.

Exemple 1 : utilisation du widget Signet

  1. Pour utiliser le widget Signet dans votre diapositive, cliquez sur Insérer > Widget et choisissez Signet ou cliquez sur Interactions > Interactions d’apprentissage et choisissez Signet dans la liste.

    Widget Signet
    Widget Signet

  2. Modifiez les propriétés du widget. Si vous avez des diapositives de questions dans votre projet et que vous souhaitez référencer toutes les diapositives de questions, cochez lacaseAutoriser uniquement le référencement de diapositives de questions.

    Personnalisez l’icône de signet correctement et affectez également des couleurs de thème au signet. Sur une diapositive de questions, un widget de signet est illustré ci-dessous :

    Widget sur une diapositive de questions
    Widget sur une diapositive de questions

  3. Rendez le questionnaire compatible avec SCORM et activez la communication du quiz dans n’importe quel système de gestion de l’apprentissage.

    Cliquez sur Modifier > Préférences > Quiz > Communication et cochez lacaseActiver la communication pour ce projet.

    Maintenant, publiez le projet sous forme de fichier zip quelque partdansvotre ordinateur.

    Publier sous forme de fichier zip
    Publier sous forme de fichier zip

  4. Importez le fichier zip dans n’importe quel système de gestion de l’apprentissage ou cloud SCORM et lancez le cours. Cliquez sur le signet sur n’importe quelle diapositive et quittez le cours.

  5. Relancez le cours.Vousreprenez à partir de la diapositive dans laquelle vous avez cliqué sur le signet. Le signet est en vert, comme illustré ci-dessous :

    Signet activé
    Signet activé

    Cliquez sur le signet à nouveau et reprenez le cours.

    Signet désactivé
    Signet désactivé

Exemple 2 : utilisation du widget Liste déroulante

  1. Pour utiliser le widget Liste déroulante dans votre diapositive, cliquez sur Insérer > Widget et choisissez Liste déroulante ou cliquez sur Interactions > Interactions d’apprentissage et choisissez Liste déroulante dans la liste.

    Widget Liste déroulante
    Widget Liste déroulante

    Étiquette Description
    1 Entrées de la liste. Les entrées sont séparées par des virgules.
    2 Le bouton Mettre à jour vous permet de voir un aperçu de l’aspect de la liste déroulante après la mise en forme.
    3 Le panneau Formatage permet de choisir une police, un style de police et un attribut.
    4 La variable permet de valider les éléments de la liste. Vous pouvez également créer la variable dans la boîte de dialogue Variable. Pour créer une variable, voir Création de variables dans Captivate.
  2. Par exemple, lorsque vous cliquez sur n’importe quelle langue, vous pouvez afficher un texte traduit correspondant.

    Insérez un bouton okdansla diapositive en regard du widget. Attribuez une action avancée au bouton, qui affiche le message approprié lorsque l’utilisateur clique dessus.

    Action avancée de liste déroulante
    Action avancée de liste déroulante

  3. De même, pour le texte en anglais et en allemand, affichez ou masquez des formes intelligentes appropriées.

  4. Prévisualisez ou publiez le projet. Selon l’option sélectionnée dans la liste déroulante, lorsque vous cliquez sur ok, vous pouvez voir la traduction appropriée.

Démonstration du widget Liste déroulante
 

Exemple 3 : utilisation du widget Glossaire

  1. Pour utiliser le widget Glossaire dans votre diapositive, cliquez sur Insérer > Widget et choisissez 08_Glossary.wdgt ou cliquez sur Interactions > Interactions d’apprentissage et choisissez Glossaire dans la liste.

    Widget Glossaire
    Widget Glossaire

    Étiquette Description
    1 Nommez et décrivez le glossaire.
    2 Sélectionnez un thème approprié pour le glossaire.
    3 Affichez un aperçu d’un terme du glossaire et d’une description.
    4 Ajoutez ou supprimez un terme du glossaire.
    5 Importez des termes de glossaire à partir d’un fichier XML.
    6 Affichez un exemple de fichier.
  2. Pour ajouter un terme au glossaire, cliquez sur +.

    Ajouter un terme au glossaire
    Ajouter un terme au glossaire

    Pour supprimer un terme, sélectionnez-le, puis cliquez sur -.

  3. Pour importer un fichier XML de termes de glossaire, cliquez sur IMPORTER. Sélectionnez le fichier XML et importez-le dans le widget. Tous les termes mentionnés dans le fichier XML sont inclus dans le widget.

    Le fichier ci-après est un exemple de fichier XML :

    <XMLBit>
        <term>
          <label>Asynchronous Learning</label>
          <def>When learners participate in an online learning course at different times, it is known as asynchronous learning.</def>
       </term>
       <term>
          <label>Blended Learning</label>
          <def>Blended learning is an instructional approach that includes a combination of online and in-person learning activities.</def>
       </term>
    	<term>
          <label>Courseware</label>
          <def>Courseware refers to any instructional software that is delivered on a computer.</def>
       </term>
    	<term>
          <label>E-learning</label>
          <def>eLearning (short for electronic learning) is an umbrella term that refers to all types of training, education and instruction that occurs on a digital medium, like a computer or mobile phone.</def>
       </term>
    	<term>
          <label>Webinar</label>
          <def> A webinar is a seminar or workshop in which the facilitator and participants view the same screen at the same time.</def>
       </term>
    </XMLBit>
  4. Lorsque vous importez le fichier XML, et s’il est mis en forme correctement, vous pouvez voir le message suivant :

    Importation du fichier XML réussie
    Importation du fichier XML réussie

    Les termes que vous avez définis dans le fichier XML s’affichent dans le widget de glossaire, comme illustré ci-dessous :

    Termes de glossaire ajoutés
    Termes de glossaire ajoutés

  5. Prévisualisez ou publiez le projet.

Démonstration du widget Glossaire
 

Exemple 4 : utilisation du widget Zone de liste

  1. Pour utiliser le widget Zone de liste dans votre diapositive, cliquez sur Insérer > Widget et choisissez Zone de liste ou cliquez sur Interactions > Interactions d’apprentissage et choisissez Liste dans la liste des widgets.

    Widget Zone de liste
    Widget Zone de liste

    Étiquette Description
    1 Ajoutez des éléments de liste séparés par des virgules.
    2 Mettez à jour l’aperçu de la liste.
    3 Prévisualisez la liste.
    4 Modifiez le style de police, la taille et la couleur.
    5 Modifiez les propriétés d’état des boutons.
    6 Affectez une variable aux éléments de la liste.
  2. Par exemple, créez une question de quiz afin d’afficher une fenêtre contextuelle avec un message approprié si vous sélectionnez la bonne réponse dans la liste.

    Créez deux formes intelligentes qui affichent les légendes Incorrect ou Correct.

    Créez une action avancée qui vérifie si la variable v_city contient la réponse correcte. Affectez l’action à un bouton.

    En fonction de la condition, si vous cliquez sur le bouton, vous pouvez voir la bonne réponse.

    La capture d’écran suivante présente l’action avancée.

    Action avancée de zone de liste
    Action avancée de zone de liste

  3. Dans la section ELSE, affichez la forme intelligente avec la légende Incorrect et masquez la forme intelligente avec légende Correct.

  4. Prévisualisez ou publiez le projet.

Telechargement

Exemple 5 : utilisation du widget Notes

  1. Pour utiliser le widget Notes dans votre diapositive, cliquez sur Insérer > Widget et choisissez Notes ou cliquez sur Interactions > Interactions d’apprentissage et choisissez Notes dans la liste.

    Widget Notes
    Widget Notes

    Étiquette Description
    1 Définissez une icône définie par l’utilisateur ou une icône Captivate par défaut pour la note.
    2 Insérez une note pour chaque diapositive ou pour le projet.
    3 Définissez l’identifiant de la note.

    Pour plus d’informations, voir Widget Notes de l’apprenant.

  2. Pour enregistrer les modifications, cliquez sur OK. Le widget de notes s’affiche sur la diapositive.

Adobe Captivate : widget d’interaction Notes

Adobe Captivate : widget d’interaction Notes

Exemple 6 : utilisation du widget Hangman

Adobe Captivate : widget Hangman

Adobe Captivate : widget Hangman

Exemple 7 : utilisation du widget Jeu de mémoire

Widget Jeu de mémoire dans Adobe Captivate

Widget Jeu de mémoire dans Adobe Captivate

Création d’une animation de texte

Un texte animé est un texte auquel on a appliqué des effets spéciaux. Adobe Captivate propose de nombreux effets d’animation de texte que vous pouvez tester et utiliser. Par exemple, sur la première diapositive d’un projet, vous pouvez appliquer un effet pour que le texte semble voler ou pour qu’il apparaisse en fondu. Cela crée un début de projet attrayant.

  1. Pour insérer une animation de texte dans votre diapositive, cliquez sur Texte > Animation de texte.

    Propriétés de l’animation de texte
    Propriétés de l’animation de texte

    Modifiez les propriétés du texte en fonction de vos besoins.

  2. Pour ajouter un effet à un texte, sélectionnez un effet dans la liste déroulante Effet.

    Effets d’animation de texte
    Effets d’animation de texte

  3. Pour enregistrer les modifications, cliquez sur OK et commencez à utiliser du texte animé dans votre projet.

    Pour plus d’informations, voir Texte animé.

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 :

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