Personnaliser learning apps
Mon espace
Created on August 9, 2021
More creations to inspire you
Transcript
Lapps
Apprenez à personnaliser vos learning apps !
start
Merci à Marie Allirot et S'cape pour ces astuces !
Benjamin Lagarrigue (@Benjlag) et Alveria NE (@ValeriePerreaut), administrateurs du groupe FB "Enseigner et former avec Genially"
Index
couleur du fond
couleur des cartes de Mémory
Ajouter une image dans la consigne ou le feedback
Masquer les solutions
Consignes et feedback audio
Couleur du texte
Supprimer la consigne
Créer un cadenas à trous
Fond transparent
page 1
Supprimer le bouton "Afficher l’appli en plein écran"
Index
Empêcher l’identification des bonnes et mauvaises réponses
Faire interagir learning apps et Genially (LAVAR S'CAPE)
page 2
...
...
...
...
...
...
...
...
Où trouver le code d'une couleur ?
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 ? Il existe plusieurs façons de trouver le code d'une couleur :
- Tout simplement, dans Genially
- Depuis votre navigateur :
Où trouver le code d'une couleur ? Il existe plusieurs façons de trouver le code d'une couleur :
- Depuis Genially :
- Depuis votre navigateur :
Où trouver le code d'une couleur ?
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
<style>html,body,#wrapper{background:rgba(0,0,0,0) !important;}</style>
Où trouver le code d'une couleur ? Il existe plusieurs façons de trouver le code d'une couleur :
- Tout simplement, dans Genially
- Depuis votre navigateur :
Où trouver le code d'une couleur ? Il existe plusieurs façons de trouver le code d'une couleur :
- Depuis Genially :
- Depuis votre navigateur :
Faire une consigne ou un feedback audio
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
Où trouver le code d'une couleur ?
Fonctionne aussi dans des exercices et les feedback !
Dans la zone FEEDBACK coller le code suivant :
<button onclick="textToSpeech('Great, you found the right solution.','en')">Click me</button>
Où trouver le code d'une couleur ? Il existe plusieurs façons de trouver le code d'une couleur :
- Tout simplement, dans Genially
- Depuis votre navigateur :
Où trouver le code d'une couleur ? Il existe plusieurs façons de trouver le code d'une couleur :
- Tout simplement, dans Genially
- Depuis votre navigateur :
Ajouter une image dans une consigne
Avec le site
Comment centrer l'image ?
Explication en vidéo
Comment ajuster la taille de l'image ?
Où trouver le code d'une couleur ? Il existe plusieurs façons de trouver le code d'une couleur :
- Tout simplement, dans Genially
- Depuis votre navigateur :
Comment centrer l'image dans la consigne ? Vous pouvez rajouter les balises directement dans le script, comme dans l'exemple ci-dessous : Consigne : <center>Associer le mot que tu entends à l'une des images que tu vois. <a href="https://ibb.co/WBj6mPN"><img src="https://i.ibb.co/WBj6mPN/40-BA1-EEB-FB56-46-CD-B8-BC-4-EB78-EDF89-A9.jpg" alt="40-BA1-EEB-FB56-46-CD-B8-BC-4-EB78-EDF89-A9" border="0"></a></center>1
Comment ajuster la taille de l'image dans la consigne ? Vous pouvez ajuster la taille de votre image directement dans le script, comme dans l'exemple ci-dessous : <center>Associer le mot que tu entends à l'une des images que tu vois. <a href="https://ibb.co/WBj6mPN"><img src="https://i.ibb.co/WBj6mPN/40-BA1-EEB-FB56-46-CD-B8-BC-4-EB78-EDF89-A9.jpg" width="160" height="100" alt="40-BA1-EEB-FB56-46-CD-B8-BC-4-EB78-EDF89-A9" border="0"></a></center>
Créer un cadenas à trous
Tout est expliqué chez
Où trouver le code d'une couleur ?
Explication en vidéo
Où trouver le code d'une couleur ? Il existe plusieurs façons de trouver le code d'une couleur :
- Tout simplement, dans Genially
- Depuis votre navigateur :
Où trouver le code d'une couleur ? Il existe plusieurs façons de trouver le code d'une couleur :
- Tout simplement, dans Genially
- Depuis votre navigateur :
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
Learning apps propose l'affichage plein écran : Pour le supprimer :
Où trouver le code d'une couleur ? Il existe plusieurs façons de trouver le code d'une couleur :
- Tout simplement, dans Genially
- Depuis votre navigateur :
Où trouver le code d'une couleur ? Il existe plusieurs façons de trouver le code d'une couleur :
- Depuis Genially :
- Depuis votre navigateur :
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 ?
Où trouver le code d'une couleur ? Il existe plusieurs façons de trouver le code d'une couleur :
- Tout simplement, dans Genially
- Depuis votre navigateur :
Où trouver le code d'une couleur ? Il existe plusieurs façons de trouver le code d'une couleur :
- Depuis Genially :
- Depuis votre navigateur :
Modifier la couleur du texte
Dans la zone TÂCHE coller le code suivant :
<style>body{color:red !important;} </style>
Explication en vidéo
Où trouver le code d'une couleur ?
Choisir la couleur
Où trouver le code d'une couleur ? Il existe plusieurs façons de trouver le code d'une couleur :
- Tout simplement, dans Genially
- Depuis votre navigateur :
Où trouver le code d'une couleur ? Il existe plusieurs façons de trouver le code d'une couleur :
- Depuis le site htmlcolorcodes
- Depuis Genially :
- Depuis votre navigateur :
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 ? Il existe plusieurs façons de trouver le code d'une couleur :
- Tout simplement, dans Genially
- Depuis votre navigateur :
Où trouver le code d'une couleur ? Il existe plusieurs façons de trouver le code d'une couleur :
- Depuis Genially :
- Depuis votre navigateur :
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
Habituellement, au bout de plusieurs erreurs consécutives, Learning apps propose la solution. Pour la supprimer :
Où trouver le code d'une couleur ? Il existe plusieurs façons de trouver le code d'une couleur :
- Tout simplement, dans Genially
- Depuis votre navigateur :
Où trouver le code d'une couleur ? Il existe plusieurs façons de trouver le code d'une couleur :
- Depuis Genially :
- Depuis votre navigateur :
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 :
<style> .btn-success,.btn-danger{background:white !important; color:black !important;border: #ccc !important;}</style>
Explication en photo
<style> .correct,.wrong{background:white !important;border: 0.45em solid white !important;}</style>
texte à trous
exercice "regroupement"
Learning apps propose de colorer les bonnes et mauvaises réponses dans un texte à trous : Pour les supprimer :
Où trouver le code d'une couleur ? Il existe plusieurs façons de trouver le code d'une couleur :
- Tout simplement, dans Genially
- Depuis votre navigateur :
Où trouver le code d'une couleur ? Il existe plusieurs façons de trouver le code d'une couleur :
- Depuis Genially :
- Depuis votre navigateur :
Exemple avec l'exercice "Regroupement" où les couleurs de validation ont été supprimées. " :
Faire interagir learning apps et Genially
Tout est expliqué chez
Où trouver le code d'une couleur ?
Explication en vidéo
Lapps
Où trouver le code d'une couleur ? Il existe plusieurs façons de trouver le code d'une couleur :
- Tout simplement, dans Genially
- Depuis votre navigateur :
Où trouver le code d'une couleur ? Il existe plusieurs façons de trouver le code d'une couleur :
- Tout simplement, dans Genially
- Depuis votre navigateur :
Lapps
variable
variable
variable
variable
variable
Nous revenons bientôt !
Maintenance...