Bonjour à tous !
Aujourd’hui nous allons explorer les abysses les plus obscures du dossier de personnalisation graphique !
Après ce tutoriel, la personnalisation graphique de vos modules Thaleia n’aura plus de secrets pour vous ! Allons-y sans plus attendre !
Le fichier dont nous allons parler aujourd’hui porte le joli nom de : meta-customSettings.js
, vous le retrouverez dans le dossier js
.
Vous pouvez l’ouvrir avec votre éditeur de texte préféré.
Ce fichier n’est pas très séduisant au premier abord comme vous pouvez le constater mais vous allez voir ce n’est pas si compliqué et vous ne pourrez bientôt plus vous en passer !
Ce fichier vous offre plusieurs possibilités que nous détaillerons dans la partie suivante !
Options globales
La propriété
forcedNavigation
vous permet de choisir le mode de navigation de vos apprenants :
-
0
- Navigation libre : c’est le mode par défaut, auquel vous êtes habitué, où l’apprenant navigue comme il veut dans le module. -
1
- Navigation supervisée : permet d’avertir l’apprenant qui souhaite passer à l’écran suivant qu’il n’a pas consulté toutes les ressources de la page. -
2
- Navigation forcée : permet d’empêcher l’apprenant de passer à l’écran suivant s’il n’a pas consulté toutes les ressources de la page.
La propriété
showInstructionsInTheFirstDisplayOfEachActivityScreen
vous permet de choisir d’afficher automatiquement la consigne ou non, lorsqu’un apprenant rencontre un écran d’activité pour la première fois.
Par défaut cette option est désactivée false
. L’apprenant doit cliquer sur le bouton « Consigne » de l’écran pour en prendre connaissance. Pour afficher la consigne par défaut inscrivez true
.
Options relatives aux écrans
Classer
La propriété
itemsImgDisplayStyle
n’impacte que l’écran Classification.
Chaque étiquette à classer peut-être un texte ou une image.
Vous pouvez personnaliser le format du cadre de cette image. Il peut être carré 'square'
ou rectangulaire 'rectangle'
.
Bilan
La propriété
displayTime
vous permet d’afficher ou non, dans le bilan et le certificat, la durée du module.
Par défaut le temps est affiché true
, mais vous pouvez l’enlever avec false
.
La propriété
timeToDisplay
vous permet de choisir d’afficher la durée réelle ou estimée.
C’est la durée réelle 'real'
qui est affiché par défaut, c’est la durée mise par l’apprenant pour réaliser le module.
La durée estimée 'estimated'
correspond à la valeur que vous avez indiqué dans l’écran « Présentation du score thématique » dans la celulle « Durée de la formation ».
Et voilà ! Nous avons fait le tour du fichier meta-customSettings.js
!
Pensez à enregistrer le fichier et générer votre fichier zip de personnalisation graphique.
Envoyez ce zip comme personnalisation dans votre compte Thaleia.
Il ne vous reste plus qu’à réimporter les modules sur lesquels vous souhaitez voir ces changements et le tour est joué !
Vous savez tout ! L’équipe de Solunea et moi-même vous souhaitons d’excellentes créations !
Romain,