Objet bouton

Un objet « Bouton action » permet d'afficher une zone qui invite l’apprenant à l’action avec un texte associé.

Exemple d’actions disponibles :

• Page suivante
• Page précédente
• Vers une page...

Pour placer l’objet zone de texte

Choisir Bouton action en haut à gauche

Puis placer l’objet sur l’écran.

Une fois l’objet placé vous pouvez le redimensionner à l’aide des poignées

Édition

Pour éditer le contenu texte, double-cliquez dessus

Note : Vous pouvez également écrire du code brut HTML.

Format d’affichage

La couleur du texte et la taille du texte sont définies dans la partie haute de l’objet :

Pour définir un style de boite englobante : faire clique droit => Format de l’objet. Une boite de dialogue vous permet alors de choisir parmi différents style de boutons disponible.

Note : Il est possible de créer ou de télécharger d’autres styles sur la page plugin du site www.ludiscape.com

Les Actions disponibles

Un bouton action permet de réaliser les actions suivantes :

• Page suivante => Passe à l’écran suivant (si celle-ci existe)
• Page précédente => Passe à l’écran précèdent (si celle-ci existe)
• Vers une page => Permets de faire un lien vers une page du projet ou vers une adresse internet extérieure (fichier, site internet, etc..).
• Page suivante si OK => Page suivante, seulement si toutes les questions de la page active sont validées
• Page suivante avec suivi => Page suivante, avec un résumé des réponses données et leurs corrections.
• Pop-up => Permet d'afficher un écran sous la forme d'une popup pour afficher une aide par exemple. (L’écran affiché prend en charge les actions « page suivante » et « précédente » à l’intérieur du pop-up)
• Dernière page affichée => Permet de retourner la page qui a permis d’arriver sur celle-ci.
• Rejouer le son de la page => Rejoue le son associé à la page
• Redirection conditionnelle => Permet de vérifier si l’ensemble des objets Questions sont validées si c’est le cas vous rediriger l’apprenant vers un écran dans l’autre cas vous pouvez rediriger vers un autre écran.
• Télécharger un fichier => Permet de télécharger un fichier embarqué dans le projet Ludiscape (passe par une boite de dialogue)

Apparition conditionnelle

Un bouton n’est pas obligé d’apparaitre à l’exécution, mais peut apparaitre à la fin d’un ensemble d’exercices et de questions.

Pour cela nous allons utiliser l’animation apparition conditionnelle.

Pour définir cet identifiant faire clique droit => Animation de l’objet.

Puis sélectionner sur « Apparition conditionnelle ».

Script JS & code CSS

Comme tous les objets Ludiscape, il est possible de donner un identifiant (ou ID) à l’objet afin de la rendre accessible via le langage JavaScript.

Pour définir cet identifiant faire clique droit => Format de l’objet.

Cet identifiant permet également d’associer une classe générique CSS dans « Manager CSS ».

Un identifiant qui commence par « system- » verra ses propriétés de positionnement automatiquement répliqués sur les autres écrans.

Associé un script JS à un bouton action :

Pour associer votre propre script avec un bouton définissez l’action du bouton à « Aucune action »

Puis sélectionnez options 1 puis script 2

Une fenêtre script manager permet d’éditer votre code JavaScript à exécuter lorsque  l’apprenant interagie avec votre bouton.

Exemple de scripts :

Si les questions de l’écran sont OK alors on redirige l’apprenant vers l’écran Numéro 3

Si l’objet Réponse syntaxique « saisie1 » est égal à 13.8 alors on va sur l’écran suivant

LUDISCAPE - 2012-2020