Personnaliser learning apps

Apprenez à personnaliser vos learning apps !

start

Merci à Marie Allirot et S'cape pour ces astuces !

Lapps

Benjamin Lagarrigue (@Benjlag) et Alveria NE (@ValeriePerreaut), administrateurs du groupe FB "Enseigner et former avec Genially"

page 1

Index

Fond transparent

Créer un cadenas à trous

Consignes et feedback audio

Ajouter une image dans la consigne ou le feedback

couleur du fond

couleur des cartes de Mémory

Supprimer la consigne

Couleur du texte

Masquer les solutions

Supprimer le bouton "Afficher l’appli en plein écran"

page 2

Index

...

Empêcher l’identification des bonnes et mauvaises réponses

...

...

Faire interagir learning apps et Genially (LAVAR S'CAPE)

...

...

...

...

...

Modifier le fond

Dans la zone TÂCHE coller le code suivant :

<style>body{ background:#eeeeff !important; font-size:24px !important;}</style>

Explication en vidéo

Où trouver le code d'une couleur ?

<style>html,body,#wrapper{background:rgba(0,0,0,0) !important;}</style>

Fond transparent

Dans la zone TÂCHE coller le code suivant :

<style>html,body{background:rgba(0,0,0,0) !important;} </style>

Explication en vidéo

Où trouver le code d'une couleur ?

Faire une consigne ou un feedback audio

Dans la zone FEEDBACK coller le code suivant :

<button onclick="textToSpeech('Great, you found the right solution.','en')">Click me</button>

Vous avez des jeunes élèves non lecteurs et vous souaitez qu'ils puissent entendre la consigne ? C'est possible avec VOCAROO

Explication en vidéo

Fonctionne aussi dans des exercices et les feedback !

Où trouver le code d'une couleur ?

Ajouter une image dans une consigne

Avec le site

Explication en vidéo

Comment centrer l'image ?

Comment ajuster la taille de l'image ?

Créer un cadenas à trous

Tout est expliqué chez

Explication en vidéo

Où trouver le code d'une couleur ?

Supprimer le bouton "Afficher l’appli en plein écran"

Dans la zone TÂCHE coller le code suivant :

<style>#AppClientFullscreenButton{display:none;}</style>

Explication en photo

Où trouver le code d'une couleur ?

Modifier la couleur des cartes Mémory

Dans la zone TÂCHE coller le code suivant :

<style>#boxcard > div > div > div.front { background: #d9d9ff; }</style>

Explication en vidéo

Où trouver le code d'une couleur ?

Modifier la couleur du texte

Dans la zone TÂCHE coller le code suivant :

<style>body{color:red !important;} </style>

Explication en vidéo

Choisir la couleur

Où trouver le code d'une couleur ?

Masquer une consigne

Dans la zone TÂCHE coller le code suivant :

<style>#AppClientTaskPanel,#AppClientTaskButton{display:none;}</style>

Explication en photo

Où trouver le code d'une couleur ?

Masquer les solutions

Dans la zone TÂCHE coller le code suivant :

<style>.solvebtn,.solutionicon{display:none !important;}</style>

Explication en photo

Où trouver le code d'une couleur ?

Empêcher l’identification des bonnes et mauvaises réponses

Dans la zone TÂCHE coller le code suivant :

texte à trous

<style> .btn-success,.btn-danger{background:white !important; color:black !important;border: #ccc !important;}</style>

exercice "regroupement"

<style> .correct,.wrong{background:white !important;border: 0.45em solid white !important;}</style>

Explication en photo

Où trouver le code d'une couleur ?

Faire interagir learning apps et Genially

Explication en vidéo

Tout est expliqué chez

Lapps

Où trouver le code d'une couleur ?

Lapps

variable

variable

variable

variable

variable

Nous revenons bientôt !

Maintenance...