Webinar Gamification with Genially 2 JM

GAMIFY YOUR CLASSROOM with genially (PART 2)

All about me

German Teacher at Millfield School

GENIALLY AMBASSADOR

Microsoft Trainer

Author of "Escape Rooms in Education"

Get it here

Page reference

slide embed code

A tool made by scape.enepe.fr. Paste the box onto your slide, go to preview mode and copy the link!

slide url

Lockee

https://en.lockee.fr/ in English, French, Spanishyou need a free accountReward: text, image, sound, external video, webpageExample: click here

Couise

Create password checks, gap fill or Quizzes. You can show the number of attempts and highlight correct/incorrect answers.

You can have unlimited questions and Objects that appear/disappear with correct/incorrect answers.

You need to use the S'cape template from this presentation!

Check

SCAPE123

UsernamePassword

compteur

Attempts

Wrong username or password

Example 1

//-----VARIABLES UTILISATEUR---- var solution = ["Scape", "123"]; //enter the correct answers var ordre = 1; // 0 or 1 - type 1 if the order of the answers is important var espace = 1 ; //0 or 1 - type 1 if you want spaces at beginning or end to be irrelevant var casse = 0; // 0 or 1 - type 1 if case is relevant (upper/lower case) var correct=0; // 0 or 1 - type 1 to view the errors (in red / green) var tentative=1; // 0 or 1 - type 1 to display the number of attempts var maxtentative=0; // 0 for unlimited - type in the maximum number of attempts allowed ("tentative" must be at 1) var unefois=0; //0 or 1 - type 1 to prevent restarting during a session (the quiz will be blocked) ("tentative" must be at 1) //------VARIABLES A NE PAS MODIFIER--- function getParent(name) { var pnode = document.getElementById(name).parentNode.parentNode.parentNode; while (pnode.getAttribute('id') == null) { pnode = pnode.parentNode; } pnode = pnode.parentNode.parentNode; return (pnode); } function getTexte(name) { var pnode = getParent(name); if (pnode.querySelector('font')!=null) { var lastDiv=pnode.querySelector('font'); } else if (pnode.querySelector('.genially-view-text').querySelector('div')!=null) { var lastDiv=pnode.querySelector('.genially-view-text').querySelector('div'); } else { var lastDiv=pnode.querySelector('.genially-view-text'); } return lastDiv; } var refparent=document.getElementById('INITcouise').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; var refpage=refparent.getAttribute('id'); var stop='niet'+refpage; if(sessionStorage.getItem(stop)!=null) {var niet = sessionStorage.getItem(stop);} else {var niet=0} var question; var reponse = []; var faux = 0; if (document.getElementById('boncouise')){var BON = getParent('boncouise');} if (document.getElementById('erreurcouise')){var PASBON = getParent('erreurcouise');} if (document.getElementById('masquecouise')){var MASQUE = getParent('masquecouise');} //--- DISPARITION FENETRE ---- setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; //--- RECUPERATION DES REPONSES for (var i = 1; i

Check

Example 2

What is the capital of the UK?4+5=What colour are lemons?

Correct!The passcode is12874

Not all correct. Try again.

var solution = ["London", "9", "yellow"]; //enter the correct answersvar ordre = 1; // 0 or 1 - type 1 if the order of the answers is importantvar espace = 0 ; //0 or 1 - type 0 if you want spaces at beginning or end to be irrelevantvar casse = 0; // 0 or 1 - type 1 if case is relevant (upper/lower case)var correct=1; // 0 or 1 - type 1 to view the errors (in red / green)var tentative=1; // 0 or 1 - type 1 to display the number of attemptsvar maxtentative=0; // 0 for unlimited - type in the maximum number of attempts allowed ("tentative" must be at 1)var unefois=0; //0 or 1 - type 1 to prevent restarting during a session (the quiz will be blocked) ("tentative" must be at 1)

Code looks like this:

//-----VARIABLES UTILISATEUR---- var solution = ["London", "9", "yellow","cat"]; //enter the correct answers var ordre = 1; // 0 or 1 - type 1 if the order of the answers is important var espace = 0 ; //0 or 1 - type 0 if you want spaces at beginning or end to be irrelevant var casse = 0; // 0 or 1 - type 1 if case is relevant (upper/lower case) var correct=1; // 0 or 1 - type 1 to view the errors (in red / green) var tentative=0; // 0 or 1 - type 1 to display the number of attempts var maxtentative=0; // 0 for unlimited - type in the maximum number of attempts allowed ("tentative" must be at 1) var unefois=0; //0 or 1 - type 1 to prevent restarting during a session (the quiz will be blocked) ("tentative" must be at 1) //------VARIABLES A NE PAS MODIFIER--- function getParent(name) { var pnode = document.getElementById(name).parentNode.parentNode.parentNode; while (pnode.getAttribute('id') == null) { pnode = pnode.parentNode; } pnode = pnode.parentNode.parentNode; return (pnode); } function getTexte(name) { var pnode = getParent(name); if (pnode.querySelector('font')!=null) { var lastDiv=pnode.querySelector('font'); } else if (pnode.querySelector('.genially-view-text').querySelector('div')!=null) { var lastDiv=pnode.querySelector('.genially-view-text').querySelector('div'); } else { var lastDiv=pnode.querySelector('.genially-view-text'); } return lastDiv; } var refparent=document.getElementById('INITcouise').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; var refpage=refparent.getAttribute('id'); var stop='niet'+refpage; if(sessionStorage.getItem(stop)!=null) {var niet = sessionStorage.getItem(stop);} else {var niet=0} var question; var reponse = []; var faux = 0; if (document.getElementById('boncouise')){var BON = getParent('boncouise');} if (document.getElementById('erreurcouise')){var PASBON = getParent('erreurcouise');} if (document.getElementById('masquecouise')){var MASQUE = getParent('masquecouise');} //--- DISPARITION FENETRE ---- setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; //--- RECUPERATION DES REPONSES for (var i = 1; i

On the picture are aand a

Check

Example 3

Code looks like this:

var solution = ["dog", "cat"]; //enter the correct answersvar ordre = 0 // 0 or 1 - type 1 if the order of the answers is importantvar espace = 0 ; //0 or 1 - type 0 if you want spaces at beginning or end to be irrelevantvar casse = 0; // 0 or 1 - type 1 if case is relevant (upper/lower case)var correct=0; // 0 or 1 - type 1 to view the errors (in red / green)var tentative=0; // 0 or 1 - type 1 to display the number of attemptsvar maxtentative=0; // 0 for unlimited - type in the maximum number of attempts allowed ("tentative" must be at 1)var unefois=0; //0 or 1 - type 1 to prevent restarting during a session (the quiz will be blocked) ("tentative" must be at 1)

//-----VARIABLES UTILISATEUR---- var solution = ["dog", "cat"]; //enter the correct answers var ordre = 0; // 0 or 1 - type 1 if the order of the answers is important var espace = 0 ; //0 or 1 - type 0 if you want spaces at beginning or end to be irrelevant var casse = 0; // 0 or 1 - type 1 if case is relevant (upper/lower case) var correct = 0; // 0 or 1 - type 1 to view the errors (in red / green) var tentative=0; // 0 or 1 - type 1 to display the number of attempts (needs compteur on page!) var maxtentative=0; // 0 for unlimited - type in the maximum number of attempts allowed ("tentative" must be at 1) var unefois=0; //0 or 1 - type 1 to prevent restarting during a session (the quiz will be blocked) ("tentative" must be at 1) //------VARIABLES A NE PAS MODIFIER--- function getParent(name) { var pnode = document.getElementById(name).parentNode.parentNode.parentNode; while (pnode.getAttribute('id') == null) { pnode = pnode.parentNode; } pnode = pnode.parentNode.parentNode; return (pnode); } function getTexte(name) { var pnode = getParent(name); if (pnode.querySelector('font')!=null) { var lastDiv=pnode.querySelector('font'); } else if (pnode.querySelector('.genially-view-text').querySelector('div')!=null) { var lastDiv=pnode.querySelector('.genially-view-text').querySelector('div'); } else { var lastDiv=pnode.querySelector('.genially-view-text'); } return lastDiv; } var refparent=document.getElementById('INITcouise').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; var refpage=refparent.getAttribute('id'); var stop='niet'+refpage; if(sessionStorage.getItem(stop)!=null) {var niet = sessionStorage.getItem(stop);} else {var niet=0} var question; var reponse = []; var faux = 0; if (document.getElementById('boncouise')){var BON = getParent('boncouise');} if (document.getElementById('erreurcouise')){var PASBON = getParent('erreurcouise');} if (document.getElementById('masquecouise')){var MASQUE = getParent('masquecouise');} //--- DISPARITION FENETRE ---- setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; //--- RECUPERATION DES REPONSES for (var i = 1; i

Check

compteur

Cuise Template

Keep somewhere on page

Put outside first page of

Answers will be entered here. You can copy and paste to create more. If you put a text box next to the answer box, make sure it is in a layer underneath the answer box so it doesn't cover it up.

Click to check answers. This button hides the code (see next slide)

Group with a picture/text that appears if the answer is correct (green) or incorrect (red)

Optional: Group with a picture/text that disappears if the answer is correct.

Optional: This counts the attemps made. Change colour and size of "compteur" to change the appearance.

//-----VARIABLES UTILISATEUR---- var solution = ["answer1|answer 1", "answer 2"]; //enter the correct answers var ordre = 0; // 0 or 1 - type 1 if the order of the answers is important var espace = 0 ; //0 or 1 - type 0 if you want spaces at beginning or end to be irrelevant var casse = 0; // 0 or 1 - type 1 if case is relevant (upper/lower case) var correct=0; // 0 or 1 - type 1 to view the errors (in red / green) var tentative=0; // 0 or 1 - type 1 to display the number of attempts (needs compteur on page!) var maxtentative=0; // 0 for unlimited - type in the maximum number of attempts allowed ("tentative" must be at 1) var unefois=0; //0 or 1 - type 1 to prevent restarting during a session (the quiz will be blocked) ("tentative" must be at 1) //------VARIABLES A NE PAS MODIFIER--- function getParent(name) { var pnode = document.getElementById(name).parentNode.parentNode.parentNode; while (pnode.getAttribute('id') == null) { pnode = pnode.parentNode; } pnode = pnode.parentNode.parentNode; return (pnode); } function getTexte(name) { var pnode = getParent(name); if (pnode.querySelector('font')!=null) { var lastDiv=pnode.querySelector('font'); } else if (pnode.querySelector('.genially-view-text').querySelector('div')!=null) { var lastDiv=pnode.querySelector('.genially-view-text').querySelector('div'); } else { var lastDiv=pnode.querySelector('.genially-view-text'); } return lastDiv; } var refparent=document.getElementById('INITcouise').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; var refpage=refparent.getAttribute('id'); var stop='niet'+refpage; if(sessionStorage.getItem(stop)!=null) {var niet = sessionStorage.getItem(stop);} else {var niet=0} var question; var reponse = []; var faux = 0; if (document.getElementById('boncouise')){var BON = getParent('boncouise');} if (document.getElementById('erreurcouise')){var PASBON = getParent('erreurcouise');} if (document.getElementById('masquecouise')){var MASQUE = getParent('masquecouise');} //--- DISPARITION FENETRE ---- setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; //--- RECUPERATION DES REPONSES for (var i = 1; i

Paste the Embed code to "other"

In Genial.ly, click Insert

Share or Embed - Embed Map

Click ... next to name

Find a Street view

Google

Maps

There's no creativity without fun, No innovation without creativity, No success without innovation. Are you ready to do awesome things?

Did you note down the 10 answers?

Click the arrows to walk around the statue of King Felippe IV in Madrid.

How many lions are there? (write as a number)

Try again

Check

//-----VARIABLES UTILISATEUR---- var solution = ["4"]; //entrez vos réponses attendues var ordre = 0; // 0 ou 1 - tapez 1 si l'ordre des réponses est important (on peut vouloir faire retrouver des mots mais les champs réponses sont équivalents ) var espace = 0 ; //0 ou 1 - tapez 1 si les réponses doivent être nettoyées des espaces de début et fin var casse = 1; // 0 ou 1 - tapez 1 si la casse (majuscules/minuscules) doit être respectée var correct=0; // 0 ou 1 - tapez 1 pour visualiser les erreurs (couleurs rouge / vert) var tentative=0; // 0 ou 1 - tapez 1 pour afficher le nombre des tentatives var maxtentative=0; // 0 pour illimité - tapez le nombre des tentatives maximales autorisées (tentative doit être à 1) var unefois=0; //0 ou 1 - tapez 1 pour empêcher de recommencer lors d'une session (le couise sera bloqué) (tentative doit être à 1) //------VARIABLES A NE PAS MODIFIER--- function getParent(name) { var pnode = document.getElementById(name).parentNode.parentNode.parentNode; while (pnode.getAttribute('id') == null) { pnode = pnode.parentNode; } pnode = pnode.parentNode.parentNode; return (pnode); } function getTexte(name) { var pnode = getParent(name); if (pnode.querySelector('font')!=null) { var lastDiv=pnode.querySelector('font'); } else if (pnode.querySelector('.genially-view-text').querySelector('div')!=null) { var lastDiv=pnode.querySelector('.genially-view-text').querySelector('div'); } else { var lastDiv=pnode.querySelector('.genially-view-text'); } return lastDiv; } var refparent=document.getElementById('INITcouise').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; var refpage=refparent.getAttribute('id'); var stop='niet'+refpage; if(sessionStorage.getItem(stop)!=null) {var niet = sessionStorage.getItem(stop);} else {var niet=0} var question; var reponse = []; var faux = 0; if (document.getElementById('boncouise')){var BON = getParent('boncouise');} if (document.getElementById('erreurcouise')){var PASBON = getParent('erreurcouise');} if (document.getElementById('masquecouise')){var MASQUE = getParent('masquecouise');} //--- DISPARITION FENETRE ---- setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; //--- RECUPERATION DES REPONSES for (var i = 1; i

Timers

Add a timer for speed questions.Add a "time out" to a page after a wronganswer to deter from random guessing!

Lorem ipsum dolor sit amet, consectetuer adipiscing elit?

Rightanswer

Wronganswer

Question 1 of 3

Too slow!

RESPOND CORRECTLY

How many books have this symbol ?

(

)

WRONGANSWER!

*Try again!

Wait for Seconds

use "go back", not "previous page"!

Display a timer on several slides

Real Time display

To display the real time, place one of the 2 black thumbnails, grouped with the text area (font can be changed).

Red box and text area to be placed on all slides where the tmer will be visible.

Red box to be placed on the slide where the stopwatch starts.

optional: Red box to be placed i the slide where the timer is restarted.

Display a minutes countdown on several slides

... and the same thing but in seconds

Green box and text area to be placed on all slides where the timer will be visible.

Green box and value to be placed on the slide where the timer starts: The text shows the time in minutes.

Green box and any value to be placed on the slide where the timer is to be restarted: time in min.

box grouped with an object that appears when the time is up. Works with minutes and seconds.

Box grouped with an object that disappears when the time is up.

Orange box and text area to be placed on all slides where the timer will be visible.

Orange box and value to be placed on the slide where the seconder starts: time to be indicated in seconds.

Orange box and value to be placed on the slide where the seconder should restart: time in sec.

If you have difficulty changing the colour of the text, recreate a text area and group it with the box.

https://scape.enepe.fr/chronos.html

HH:MM:SS

HH:MM

HH:MM:SS

Le compte du temps débute à zéro.

Vous réglez le temps total, et le minuteur fait décroître ce temps jusque zéro.

WRONGANSWER

*Try again!

Timer set up

Numbers:5 fade out after 1 sec, speed: 0.54 fade in after 1, fade out after 23 fade in after 2, fade out after 3 etc.Or use Chronos template!

Wheel:Continuous Rotate right

Back button (with link):Bounce back after 4.9 sec

Use GIFs!

Back button (with link):Bounce back after 4.9 sec

Spice up your Questions

Make questions more challenging

by adding animation and movement!

What is the capital of Germany?

start

missed it?

A) Berlin

B) Bonn

C) Paris

D) Hamburg

What is the capital of Germany?

104192317599283978481333578861

Johann built a machine, but hecan't get it powered up. Follow the instructions and move the battery up and down.

If good is 59, what is useless?

<-nützlich <-nicht einfach <-furchbar <-einfach <-toll <-nutzlos <-nervig <-gut <-klein <-irre <-cool <-schlecht <-interessant <-groß <-langweilig <-schwierig

Johann baut eine Maschine

If good is 59, what is useless?

If great is 83, what is interesting?

If easy is 9, what is annoying?

104192317599283978481333578861

If Q1 is 59, what is Q2 ?

If Q3 is 83, what is Q4?

If Q5 is 9, what is Q6?

If Q7 is 48, what is Q8?

If Q9 is 78, what is Q10 ?

If good is 59, what is useless?

<-A11<-A14<-A13<-A5<-A3<-A2<-A6<-A 1<-A10<-A14<-A13<-A7<-A4<-A8<-A12<-A9

=23=88=13=33=19

Template

Make sure in settings "drag elements" is turned on.Move the battery up and down to get the answers.Replace questions (Q) with one part of the word pair and answers (A) with the otherE.g.Q: end of WW2 A: 1945Q Autor of Harry PotterA: JK Rowling

Mirror Mirror, what can I spy?What product can we all buy?

Shoes

Cars

Baking

Small Appliances

Perfume and Fashion

Supermarkets

Football Team

Soups and Meal Mixes

Healthcare

Furniture

Marie Allirot

Rita Auta

Julia Morris

Joe Dale

Thank you

Templates

Examples

Discover Germany

Harry Potter Template

Templates

The Hunt for Bigfoot

Fairytale template

S'cape Tools

Some of the S'cape templates on the next slides can only be view in edit mode

Check

compteur

Cuise Template

Keep somewhere on page

Put outside first page of

Answers will be entered here. You can copy and paste to create more. If you put a text box next to the answer box, make sure it is in a layer underneath the answer box so it doesn't cover it up.

Click to check answers. This button hides the code (see next slide)

Group with a picture/text that appears if the answer is correct (green) or incorrect (red)

Optional: Group with a picture/text that disappears if the answer is correct.

Optional: This counts the attemps made. Change colour and size of "compteur" to change the appearance.

This button hides the code. Click the "link" icon, then the "code" icon in the window that comes up.Enter your answers and change the variables as prompted. Don't change any of the rest of the code.

Variables

How to enter your answers:

var solution = ["réponse1|reponse1", "réponse2", "réponse3"];

Every answer needs to be in quotation marks

Commas between answers

Verticale line between alternative answers.