Au cours de notre veille quotidienne, nous avons redécouvert un template Storyline partagé par Alison Lamotte.

Ce template est intéressant car il propose un menu d'entrée dans le module qui va permettre à l'apprenant d'avoir une vision globale du module :

• les différentes séquences (avec coches quand consultées),
• un texte introductif qui présente le contexte et/ou les objectifs,
• une vidéo qui pourrait être un teaser ou encore une intervention d'un responsable présentant le sujet par exemple,
• un accès à des ressources complémentaires,
• un contact,
• ET une progression d'avancement sous forme de graphique. 

Ce template utilise des états et des variables. Il est conçu uniquement via une seule scène avec un écran principal (le tableau de bord) et des écrans secondaires qui y sont rattachés via une navigation par un bouton spécifique (pas ceux de la barre de navigation).

Après chaque consultation d'une séquence, la séquence est alors "cochée" et la progression en pourcentage apparait sur l'écran principal.

C'est pour ces deux attendus que sont utilisés les variables et les états.

Notre souhait est donc de visualiser la progression score.
Celle-ci va être matérialisée par des badges depuis l'écran principal.

Nous allons avoir trois états pour chaque badge :

• Badge gris pour l'état normal
• Badge noir lorsque l'apprenant a échoué au quiz de la séquence
• Badge or lorsque l'apprenant a réussi au quiz de la séquence

Nous allons ajouter des questions dans chaque séquence.

Pour l'exemple, nous allons ajouter qu'une question par séquence mais vous pouvez en ajouter autant que vous le souhaitez.

Nous allons avoir besoin d'un écran de résultat également à la suite du quiz de chaque séquence.

Nous verrons plus loin l'importance de cet écran de résultat.

Contrairement au template d'origine, pour plus de confort, nous allons répartir chaque séquence dans une scène dédiée.

Ainsi nous aurons dans notre exemple 5 scènes :

• 1 scène principale
• 1 scène séquence 1 (avec écran de contenu + quiz + écran de résultat)
• 1 scène séquence 2 (avec écran de contenu + quiz + écran de résultat)
• 1 scène séquence 3 (avec écran de contenu + quiz + écran de résultat)
• 1 scène séquence 4 (avec écran de contenu + quiz + écran de résultat)

L'avantage avec Storyline c'est qu'il garde les bons liens et du coup vous n'avez rien à faire ;-)

Au sein de chaque séquence nous allons établir une navigation simple en utilisant les boutons de navigation du player. 

Vous allez donc activer dans le player les boutons de navigation.

Attention pensez alors à veiller à ce que sur l'écran principal ils ne soient pas présents.

Si c'est le cas vous allez sur l'écran principal et vous utilisez la roue dentelée en bas à droite pour décocher les boutons de navigation.

Pour rappel dans le panneau de gauche "Déclencheur" vous avez un petit picto avec un "X" : c'est en cliquant sur ce picto que vous obtenez le tableau des variables utilisées dans votre module et c'est également ici que vous allez pouvoir en créer de nouvelles.

C'est d'ailleurs ce que nous allons faire ;-)

Nous allons créer 4 nouvelles variables de type "Number" dont la valeur par défaut sera zéro. (Ex : ScoreBadge1, etc...)

Pour rappel, pour créer une nouvelle variable vous devez cliquer sur le"+".

Sur chacun de nos écrans de résultat nous décidons de garder que la ligne ScorePoint.

Toujours sur l'écran de résultat de la séquence, dans le calque de succès, nous allons ajouter un déclencheur qui va indiquer que puisque l'apprenant a bon nous allons ajouter +1 à ScoreBadge1.

Vous allez faire de même pour le calque Echec mais cette fois si en indiquant que vous ajoutez +2 à ScoreBadge1.

Vous répétez la même chose sur les calques réussite et échec des autres séquences en veillant à changer ScoreBadge1 par la variable correspondant à la séquence (ScoreBadge2, etc...)

Nous avons nos variables de prêtes pour chacune de nos séquences et nos badges déclinés en trois états.

Il nous reste à indiquer ce qui doit se passer lorsque l'apprenant a parcouru une séquence avec un résultat bon ou mauvais.

Lorsqu'il a eu bon le badge de la séquence correspondante doit être en or sinon en noir ici dans notre exemple.

Pour cela nous allons à nouveau créer des déclencheurs depuis l'écran principal qui vont traduire ce comportement.

Pour chaque badge nous allons créer deux déclencheurs.

Ainsi par exemple, pour le badge 1 vous allez créer un déclencheur qui indique de changer l'état de badge1 en "réussite" (nom de votre état) quand la chronologie commence de cette diapositive si ScoreBadge1 égal à 1.

Vous ferez de même pour le cas où l'apprenant a échoué au quiz mais cette fois vous indiquerez de changer en état "échec" (nom de votre état) si ScoreBadge1 égal à 2.