Personnaliser learning apps

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

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

start

Apprenez à personnaliser vos learning apps !

Lapps

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

page 1

Fond transparent

Créer un cadenas à trous

Supprimer la consigne

Couleur du texte

Consignes et feedback audio

Masquer les solutions

Ajouter une image dans la consigne ou le feedback

couleur des cartes de Mémory

couleur du fond

Index

...

...

...

...

...

...

...

...

page 2

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

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

Index

Explication en vidéo

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

Dans la zone TÂCHE coller le code suivant :

Modifier le fond

Où trouver le code d'une couleur ?

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

Explication en vidéo

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

Dans la zone TÂCHE coller le code suivant :

Fond transparent

Où trouver le code d'une couleur ?

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

Dans la zone FEEDBACK coller le code suivant :

Fonctionne aussi dans des exercices et les feedback !

Où trouver le code d'une couleur ?

Explication en vidéo

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

Faire une consigne ou un feedback audio

Comment ajuster la taille de l'image ?

Explication en vidéo

Comment centrer l'image ?

Avec le site

Ajouter une image dans une consigne

Explication en vidéo

Où trouver le code d'une couleur ?

Tout est expliqué chez

Créer un cadenas à trous

Explication en photo

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

Dans la zone TÂCHE coller le code suivant :

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

Où trouver le code d'une couleur ?

Où trouver le code d'une couleur ?

Explication en vidéo

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

Dans la zone TÂCHE coller le code suivant :

Modifier la couleur des cartes Mémory

Choisir la couleur

Où trouver le code d'une couleur ?

Explication en vidéo

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

Dans la zone TÂCHE coller le code suivant :

Modifier la couleur du texte

Explication en photo

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

Dans la zone TÂCHE coller le code suivant :

Masquer une consigne

Où trouver le code d'une couleur ?

Explication en photo

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

Dans la zone TÂCHE coller le code suivant :

Masquer les solutions

Où trouver le code d'une couleur ?

exercice "regroupement"

texte à trous

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

Explication en photo

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

Dans la zone TÂCHE coller le code suivant :

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

Où trouver le code d'une couleur ?

Lapps

Explication en vidéo

Où trouver le code d'une couleur ?

Tout est expliqué chez

Faire interagir learning apps et Genially

Lapps

variable

variable

variable

variable

variable

Maintenance...

Nous revenons bientôt !