Formation Genially

CRÉER DES JEUX PÉDAGOGIQUES INTERACTIFS

Emmanuelle PinPseudo Facebook: Soukey SarrGroupe Facebook: Jeux pédagogiques interactifs pour le primaire et le préscolaire emmanuelle.pin@csmb.qc.ca

GRÂCE À

Valérie Perreaut

La Team SCAPE

INTERDICTION DE MODIFIER CE DOCUMENT

Send mail

Avertissement : peut créer une dépendance à la création !

Send mail

1000

100

1 - OBJECTIFS ET CONTEXTE DE LA FORMATION 2- PRÉSENTATION DES BASES DE GENIALLY.3 - OUTILS SCAPE POUR CRÉER DES JEUX SIMPLES 4 - OUTILS SCAPE POUR CRÉER DES ESCAPE GAMES 6- AUDIO ET CHRONO 7- BOITE À OUTILS 8 COMMUNAUTÉ

Page de création

VERS GENIALLY

Des tutos pour les fonctions de base

Animation

Certains sites comme youtube générent le iframe , sinon passer par une ressource (voir boite à outils)

objet

OUTILS SCAPE POUR CRÉER DES JEUX SIMPLES

Écrire une réponse : le COUISE

Placer un objet* au bon endroit : le DND

DND +une association objet *-cible* = une apparition *X associations = 1 apparition

DND X une association objet- cible= 1 apparition.X associations = X apparitions

Mix DND+ et DND X

Le hasard

*Objets, cibles, apparitions peuvent être des images, du texte, des photos, des gifs, un décor, une figure, etc.

14 15 (ON-OFF)

16

Cliquer sur la bonne réponse : le CAC

19

18

Cliquer au bon endroit : le CRUZ

TIRER AU HASARD

DND X +/-: affichage "bonne/mauvaise réponse

17

(ON-OFF)

Légende

Tous les objets : LE RND

Le dé : DÉDÉ

Des cartes

Une roue

13

EXEMPLES

20

21

Tuto avec page de création à télécharger dans votre tableau de bord en cliquant sur

Tuto vidéo

n˚de la diapo de ce Genial.ly où se trouve la page de création

Explications à lire sur le site de Scape

Lien direct vers l'outil externe

n˚de la diapo de ce Genial.ly où se trouve la page de création

n˚de la diapo de ce Genial.ly où se trouve la page de création

n˚de la diapo de ce Genial.ly où se trouve la page de création

copier et coller dans Insérer "autres" ce code: <iframe src="https://scape.enepe.fr/ressources/dede/faces.html" width="200" height="200"></iframe>

Créer un code

Efets

Telatepala

YOUX

Un agent

OUTILS POUR ESCAPE GAME (1)

22

Une seule diapo: avec Iframe

Une seule diapo : le GICODE

Pusieurs diapos

Récupérer le lien d'une page

Le polychro : révéler avec filtre

Codeur triphase : révéler avec 3 couleurs

Créer un message à décoder

Le blablagénérator : cachés par des lettres

Le lipenchais (pencher la tête pour lire)

Les rouillages (correspondance de lettres)

L'Hackordéon (à imprimer)

Le TXL: colorier pour trouver

Lockee

Images

Efets

Écrire sur une diapo

Telatepala

Effet machine à écrire : le TAPUSCRIT

YOUX

Un agent

OUTILS POUR ESCAPE GAME (2)

Notes conservées sur la même page Conservées tout au long du jeu : le POST-EAT

Récuper le lien d'une page

24

en script

Cacher des objets

Avec les couches

Avec la souris

Avec couleur fond-objet

Bloquer une direction : LE YOUX

Faire apparaitre et disparaitre des objets : le TÉLATÉPALA

Donner des indices

3 méthodes: le chabot, la temporalisation et l'accordéon

EXEMPLES

Pour retourner des images : le FLIP-FLIP

25

26

23

Intégrer un fond audio à partir d'un ficher de votre ordinateur pour toutes les diapos

AUDIO ET TEMPS

Start, pause, arrêt, (toutes les diapos ou une seule) : l'ODIO

Intégrer un son à partir de Souncloud

Start, pause, arrêt, délai, etc. en script: Le LOUXOR

Intégrer : -un chronomètre

Intégrer un chronomètre pour tout le jeu - avec 2 Genially- 1 seul Genially: CHRONOS

Plusieurs façons de jouer avec le timing

-un compte à rebours

- un. Genially dans un compte à rebours Eductavia

27

Jeux

Sons libres de droits

Faux documents

images libres de droits

Outils de mesure manipulables

Modifier le sens des gif et images

Générateur d'iframe

Gifs

retirer le fond d'une image

BOITE À OUTILS

PDF

Lien : https://safeyoutube.net/

Communauté

Scape club: les escape games pédagogiques

Récap des outils Scape

Enseigner avec Genially

Jeux pédagogiques interactifs pour le primaire et préscolaire (Québec)

Escape 'n games

Chaine youtube de Valérie Perreaut

bric à brac de Scape

VALIDER

PAGE POUR VOTRE CREATION

<nombre>X</nombre> <script></script>

Page pour créer votre DND

Le message "Impossible de charger le contenu enrichi" est normal -->

<nombre>X</nombre> <script></script>

Page pour créer votre DNDNouvelle versionON / OFF

Le message "Impossible de charger le contenu enrichi" est normal -->

Page pour créer votre DND

Supprimez les A non utilisés.

Apparition (OFF/ON) UNIQUE

Page pour créer votre DNDNouvelle version

Supprimez les OFF/ON non utilisés.

Apparition (OFF/ON) REPETEE

VALIDER

VALIDER

tirage

SUSPENS

tirage

tirage9

tirage3

tirage1

tirage2

tirage4

tirage7

tirage5

tirage6

tirage8

SUSPENS3

SUSPENS7

SUSPENS8

SUSPENS

SUSPENS9

SUSPENS4

SUSPENS5

SUSPENS1

SUSPENS6

SUSPENS2

Version avec 10 RND différents dans la même page

12345

OUVERT

1234

ERREUR

Fonctions permettant de bloquer les déplacements

Groupez chacun de ces objets à un élément Genially (image, forme, texte...)

Possibilité de les dupliquer autant de fois que nécessaire...

Le Principe

Pour voir la page dans sa totalité, cliquez sur Réutiliser ce Genially

H : déplacement horizontal

V: déplacement vertical

3000

120

Page de création

1- OBJECTIFS ET CONDITIONS DE LA FORMATION 2- PRÉSENTATION DES BASES DE GENIALLY 100% SYNCHRONE3-PRÉSENTATION DES OUTILS SCAPE (ACCESSIBLE ICI)3- PRÉSENTATION DE RESSOURCES EXTERNES (ACCESSIBLE ICI)4- COMMUNAUTÉ

Taille en px (pixels)Vitesse en ms

<p style="font-size:40px;" id="hello" data-label="En rouge le texte à afficher, en violet la taille du texte et en vert la vitesse"></p> <script>const htmlP = document.getElementById("hello");const txt = htmlP.dataset.label;let i = 0 ;function showLetters(){ let timeOut ; if(i < txt.length) { htmlP.innerHTML += `<span>${txt[i]}</span>` ; timeOut = setTimeout(showLetters,200) i++ } else { clearTimeout(timeOut); console.log("end") }}showLetters();</script>

Code à copier coller dans Insérer / AUTRES

grotte

Un adjectif se cache dans la grotte. Aide-moi à le trouver. Quand tu l'auras trouvé, clique dessus. Utilise la lampe pour mieux voir...

chauve-souris

profond

roches

voler

votre

profond

60

40

SS

HH:MM:SS

HH:MM

HH:MM:SS

2

1

HH:MM:SS