Want to create interactive content? It’s easy in Genially!

Get started free

Gamification

ceciloutiare

Created on February 24, 2026

Start designing with a free template

Discover more than 1500 professional designs like these:

3D Corporate Reporting

Corporate CV

Interactive Onboarding Guide

Success Story

Higher Education Teaching Microsite

Modern microsite mobile

Basic Shapes Microsite

Transcript

Gamification

Ce qu'on va voir:

a) Les options proposées sur genially même b) Les extensions S'Cape

Les options sur genially

Ajouter un chronomètre

Minuterie réglable

Compte à rebours

Barre de progression

Menu vertical ou horizontal

Nouvelle fonctionnalité drag and drop

Cliquer sur l'élément voulu

Les Extensions s'cape

Etape 1: Cliquer sur le lien.

Etape 2: Sélectionner la/les extension(s) utiles à votre cours ou escape game.

> Extension 1 : COUIS3

> Extension 2: Magnum

> Extension 3: CAC

> Extension 4: DND

> Extension 5: Tapuscrit

COUIS3

Cliquer sur réutiliser. Cela va importer le modèle dans vos créations sur votre compte.

COUIS3

* Aller à la diapositive 13; * Se mettre en mode prévisualisation

COUIS3

Régler la hauteur avec le curseur

Régler la largeur avec le curseur

Régler la couleur de la bordure en cliquant sur le carré noir

Choisir son style de bordure en cliquant sur le menu (exemples de choix: inset/double/dotted)

Régler la taille de la bordure avec le curseur

Régler la taille de la police avec le curseur

Ecrire le nom de la police (si en plusieurs mots, ne pas cliquer sur espace mais ajouter le mot manquant dans l'iframe généré après avoir été collé)

COUIS3

Copier le code iframe généré

COUIS3

Sur votre document d'édition, cliquer sur insérer > autres et coller l'iframe

COUIS3

Ajouter une zone texte et commencer par mettre le symbole " | " obtenu en faisant "Alt Gr touche du 6" du clavier. Ecrire la réponse attendue. S'il y a plusieurs réponses possibles, séparer chaque réponsne par le symbole " | ". Grouper les réponses avec le cadre.

|vegetable|carrots|cabbage

COUIS3

* Aller à la diapositive 14;* Copier les éléments suivants: Bouton valider (facultatif) / OK -C3 / Erreur C-3 / No transcription/ Fonction Couis3; * Coller sur votre page de présentation. * Grouper OK avec un élément type image ou gif et éventuellement un texte ; * Faire de même avec Erreur C3 et Bouton Valider.

Magnum

Diapositive 5

* Aller à la diapositive 5; * Se mettre en mode prévisualisation

Magnum

Régler la hauteur avec le curseur

Régler la largeur avec le curseur

Régler la couleur de la bordure en cliquant sur le carré noir

Choisir le style de bordure

Régler la taille de la bordure avec le curseur

Régler la taille de la police avec le curseur

Ecrire le nom de la police (si en plusieurs mots, ne pas cliquer sur espace mais ajouter le mot manquant dans l'iframe généré après avoir été collé)

Copier le code iframe généré et le coller sur votre présentation "insert", "others" . Le cadre apparaît sur votre page

Magnum

Diapositive 6

* Eléments obligatoires à copier et coller dans votre page de création. * Grouper gagné avec un png/ gif / image classique et un message de réussite. * Faire de même avec perdu * Grouper le bouton avec un élément vérifier.

Magnum

Diapositive 6

Le message d'erreur reste temporaire.

En cliquant sur 'valider', les bonnes réponses apparaissent en vert et en rouge les mauvaises.

Quand on choisit la réponse, elle apparaît automatiquement en vert si elle est juste et en rouge si elle est fausse.

Magnum

Grouper le cadre obtenu grace à l'iframe avec au moins 2 propositions. La correcte est toujours au début en premier et les suivantes sont fausses. Chaque proposition doit être précédée du symbole "liste".

Grouper le bouton avec une forme + un texte "check"; "vérifier" ou un élément/bouton interactif

Grouper l'élément "gagné" avec un gif/image+ message. Idem avec le bouton "perdu"

CAC
CAC

Nombre de réponses justes ou fausses. Score visible après avoir cliqué sur "valider"

Ecrire une proposition juste à grouper avec l'élément vert

Copier tous les éléments de la diapositive 4 à coller sur la page de votre présentation.

A grouper avec un gif ou png et message d'erreur

A grouper avec un gif ou png et message de réussite

Ecrire une proposition fausse à grouper avec l'élément rouge

CAC
DND

Elément obligatoire à copier coller dans votre page de présentation

Eléments à copier coller (diapositive 8)

DND
DND
DND
Tapuscrit

Tapuscrit rouge à grouper avec le texte à afficher

Choisir un de ces modèles. Cliquer desssus

Cliquer sur "replace" et choisir dans l galerie de votre ordinateur une photo. Vous pouvez ajouter un titre optionnel si vous le souhaitez en guise de légende.

Choisir un de ces modèles. Cliquer desssus

Choisir une image qui va glisser sur la deuxième pour créer une comparaison ou un effet avant / après.

Vous pouvez ajouter des cartes en cliquant sur "add card". Vous pouvez dupliquer la carte. Choisir "with flip-over" pour un effet recto-verso. Changer l'image, en ajouter, ajouter du texte etc...

Choisir un modèle de carte et cliquer sur "Edit".

Idéal pour un warming-up de début d'heure

Vous pouvez ajouter des cartes en cliquant sur "add card". Vous pouvez dupliquer la carte. Choisir "with flip-over" pour un effet recto-verso. Changer l'image, en ajouter, ajouter du texte etc...

Choisir des images, en ajouter

Ajuster les images au cadre

Changer l'image de couverture. En choisir une de votre galerie personnelle

Vous pouvez ajouter des cartes en cliquant sur "add card". Vous pouvez dupliquer la carte. Choisir "with flip-over" pour un effet recto-verso. Changer l'image, en ajouter, ajouter du texte etc...

Cliquer dessus

Changer les images

Ajouter un audio