Formation Genially new

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

emmanuelle.pin@csmb.qc.ca

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

Send mail

1000

100

1 - POURQUOI GENIALLY ? 2- BASES DE GENIALLY (VERSION GRATUITE).3 - OUTILS SCAPE POUR CRÉER DES JEUX SIMPLES 4 - OUTILS SCAPE POUR CRÉER DES ESCAPE GAMES 6- AUDIO ET TEMPS 7- BOITE À OUTILS 8 COMMUNAUTÉ

Page de création

VERS GENIALLY

Les pages de création sont utilisables en mode édition seulement

Pour l'enseignement à distance ou en classe : leçon, jeux, plan d'activités, classe virtuelle, présentation vidéo

Pour créer des EG : le Flow, essai-erreur, compétences autres que scolaires, coopération (ex: résoudre une énigme à plusieurs dans un court laps de temps)

Parce qu'il permet d'insérer tous les médias et offrent une infinue de possibilité: vidéo, audio, site d'exerciceurs (ex: learnings apps), suite Google et les nouveaux outils SCAPE ( jeux intégrés directement dans Genial.ly).

Parce qu'il est possible de réutiliser un jeu et de le modifier (avec autres questions, autres niveaux, etc.)

Parce qu'il permet la coopération entre profs sur un même jeu

Parce que le lien reste le même (synchronisation)

Pourquoi Genial.ly ?

Concept élaboré dans les années 1990 par Mihaly Csikszentmihalyi, le flow réfère à cet état de conscience sublimé, cette sensation que nous éprouvons lorsque nous sommes pleinement concentrés à une activité plaisante, valorisante à nos yeux et dans laquelle nous déployons tous nos talents. En mobilisant nos ressources et nos efforts, l’accomplissement de la tâche se transforme en une expérience riche de sens. Voici les 9 principales caractéristiques de l’expérience optimale : - Équilibre entre défi et habileté - Concentration sur la tâche - Cible bien identifiée - Rétroaction claire et précise - Absence de distraction - Contrôle de l’action - Absence de préoccupation à propos du soi - Altération de la perception du temps - Expérience autotélique, bien-être SOURCE

Base de Genially:MENU DE GAUCHE

Audio

Vidéo et Iframe

CRÉER UN GENIALLY

- Autres Explications - Créer une fenêtre et une étiquette en même temps

Intégrer un PDF

Les Genially que vous avez créés.

Des Geniallys créés par d'autres (certains sont réutilisables)

les MODÈLES

Présentations interactives en microsite ou en navigation classique. On peut aussi importer un Powerpoint. Vous rigolerez bien quand vous le ferez pour la première fois (moi, je ris encore à chaque fois, ils ont de l'humour chez Genially!)

Ici, on trouve des modèles d'exercices et quiz. On peut les prévoir seuls ou à intégrer dans un plus gros genially, dans un escape game, par exemple. On trouve aussi des planings, des calendriers (y compris de l'avent), des photos de classe à compléter, ...

Dossiers et rapports, moins utile pour nous?

On y trouve les escape games mais aussi d'autres outils de ludification pédagogique. Des plateaux de jeu (jeu de l'oie, monopoly, trivial pursuit, ...). Utile pour des révisions, par exemple, mais aussi pour d'autres applications.

Avec cet outil, vous pouvez créer des cartes, photos, peintures, caricatures, images en tous genre interactives. Vous pouvez y ajouter des puces interactives qui donneront des informations explicatives. En histoire, les élèves créent des documents interactifs eux-mêmes et cela crée une banque de d'images à destination de la classe (l'an dernier des affiches de Staline (que les élèves ont présentées aux autres par groupes), cette année, en confinement, ils ont créé des caricatures de la guerre froide interactives, vous en verrez un modèle en passant sur l'oeil à côte de la case "image interactive"

Les infographies horizontales ou verticales tiennent sur une page (mais on peut les duppliquer pour obtenir plus de pages). Elles peuvent aussi être intégrées comme page ou comme élément intégré sur une page, dans les parcours/jeux genially que vous avez créés.

Avec ceci, on peut faire un document type guide de voyage. C'est ce que j'avais utilisé pour le guide Berlin et voyage rhéto de l'an dernier, ou pour les portes ouvertes virtuelles. Fonctionne uniquement en micro-site.

Une présentation peut rapidement devenir une vidéo, mais on peut aussi la créer directement en mode vidéo.

Pour mettre en avant un personnage (ou soi-même).

Des document plutôt liés aux réseaux sociaux.

Pour développer sa propre créativité.

Aller voir toutes les possibilités directement sur Genial.ly. Il est impossible de copier-coller toutes les propositions de Genial.ly et il y a très régulièrement des nouveautés !

Base de Genially:les animations

Base de Genially:le menu de droite

Base de Genially:le menu du haut et du bas

Plus de détails en cliquant ici puis "voir Plus"

Base de Genially:fonctions de dans - visualisation. et- confidentialité:

CONFIDENTIALITÉ Réutilisable signifie que si vous partagez votre Genially, les utilisateurs pourront éditer votre document (mais votre version reste intacte) VISUALISATION Indicateur d'interactivité: mettre sur OFF si vous souhaitez que les utilisateurs trouvent par eux-mêmes où cliquer ou si vos symboles indiquent où cliquer. En général: sur OFF Glisser élément: mettre sur ON si les utilisateurs doivent glisser des objets. Penser à bloquer les autres objets. Dessiner sur Genially: ON si vous voulez que s'affiche les crayons pour dessiner sur la diapositive. Titre: si vous souhaitez créer des étiquettes-fenêtres fusionnées

CONFIDENTIALITÉ Réutilisable signifie que si vous partagez votre Genially, les utilisateurs pourront éditer votre document (mais votre version reste intacte)

VISUALISATION Indicateur d'interactivité: mettre sur OFF si vous souhaitez que les utilisateurs trouvent par eux-mêmes où cliquer ou si vos symboles indiquent où cliquer. En général: sur OFF

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 DNDX+ -et DND 10

Le hasard

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

Cliquer sur la bonne réponse : le CAC

Cliquer au bon endroit : le CRUZ

TIRER AU HASARD

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

Légende

Tous les objets : LE RND

Le dé : DÉDÉ

Des cartes

Une roue

EXEMPLES

Pour garder des éléments sur toutes les diapos

Dernière version du Tuto avec page de création à télécharger dans votre tableau de bord en cliquant sur.

Tuto vidéo

Explications à lire sur le site de Scape

Lien direct vers l'outil externe

Possible de voir le principe : en mode édition

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

Que cela soit pour intégrer un chrono, des pions, un post-eau qui restent tout au long du jeu, donc qu'il reste sur toutes les diapos, au même endroit et avec les mêmes paramètres, il faut intégrer un Genially dans un autre Genially. Exemple : pour les pions Exemple pour le chrono:

Aperçu de l'outil (avec exemple et page de création) Attention: ce n'est pas toujours la dernière version Réutiliser la dernière version en cliquant sur :

Dernière version du Tuto avec page de création à télécharger dans votre tableau de bord en cliquant sur.

Outils Scape: vous trouverez la page de création sur ce document en mode édition

Créer un code

Efets

Telatepala

YOUX

Un agent

OUTILS POUR ESCAPE GAME (1)

Une seule diapo: avec Iframe

Une seule diapo : le GICODE

Pusieurs diapos

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

Faire défiler les diapos à un temps fixé (sans le mode vidéo) : le MÉLI MÉLO

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

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 : à 180 : Le FLIP-FLIPà 15°ou 90° et ZoomLe couteau suisse

Outils Scape: vous trouverez la page de création sur ce document en mode édition

Intégrer un MP3 de votre ordinateur

AUDIO ET TEMPS

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

Intégrer sur une seule diapo: -sa voix -un son par un lien url

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

Intégrer un compte à rebours Temps non modifiable

Plusieurs façons de jouer avec le timing

Rendre accessible un Genially à une date et heure précise : GUICHET

Intégrer un compte à rebours Temps modifiable

CHRONOS : chronomètre (avec et sans temps modifiable) + date + heure

Voir la 1ère méthode:<iframe width="560" height="315" src="https://www.youtube.com/embed/9M1i3sA8nuY?controls=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Sur le site de Soundcloud et autres sites (libres de droits) qui proposent des liens url:

Partager, insérer, copier le lien Iframe et coller dans Insérer/autres de la diapo de votre Genially

avec Soundcloud possibilité de choisir de faire partir la musique dès l'ouverture de la diapositive (dans options)

Vous pouvez placer l'image en dehors de la diapositive ou la mettre en transparent

ATTENTION: MUSIQUE LIBRE DE DROIT SEULEMENT (voir boite à outils)

Voici un truc pour transformer un MP3 local de votre ordinateur en un lien html et le mettre en: - audio de fond - sur une seule diapo c'est le même principe avec l'outil Cjoint, mais ensuite: Insérer- Audio- URL Le lien CJOINT

Outils Scape: vous trouverez la page de création sur ce document en mode édition

Jeux

Sons libres de droits

images libres de droits

Faux documents

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: convertir, fusionner, etc

Ressources numériques 2e année Ce1

Learning app Créer des jeux de différents formats (texte à trous, paires, etc) Plusieurs jeux déjà faits. Francophone

Wordwall Créer des jeux avec des thèmes et animations intégrés amusants Attention: limite de 5 jeux, mais possibilité de partir de modèles d'autres enseigants

Wizerme Beaucoup de choix de format de jeu. Plus estéthique que Learning app, mais l'élève doit entrer un nom d'utilisateur et un mot de passe. Suivi des résultats

Edpuzzle Vidéo avec arrête pour que l'élève réponde à des questions

Quizizz Des quizz avec temps limité Idéal en groupe, mais peut-être aussi fait seul avec date d'échéance

Quiziniere Création de jeux . Beaucoup de jeux déjà faits (recherche par niveau et discipline). Esthétisme minimaliste

Jigsawplanet Pour créer des puzzles à partir de vos images ou photos. Différents degrés de difficulté

Quizlet Idéal pour faire correspondre des définitions avec des mots ou images

Pixabay : beaucoup de choix Freepik : surtout pour les décors Commons Wikipedia Google images : choisir "Réutilisation autorisée"

Lien : https://safeyoutube.net/

C'est juste une cerise, mais cela veut peut-être dire que tu as besoin d'une pause avant de continuer ton Genial.ly ;-)

COMPRESSER UNE PHOTO

Pour intégrer le calendrier mis à jour automatiquement DATE

Pour intégrer une pendule mise à jour automatiquement HEURE

Carte virtuelle

-créer un gif à partir d'une capture d'écran vidéo -créer gif à partir de photos ou vidéos

Transformer vos photos et images sans limites (animation, effet cartoon, etc.) LUNAPIC

Flippity Créer des flashcards

Framapad Pour écriture collaborative ...ou même un chat !

Banque d'icônes : Free icons

Jeux en géographie que l'on peut adapter (cliquer sur: créer un quizz personnalisé à la fin de la liste au-dessus de la carte)

H5P. Plusieurs types de jeux. Possibilité de fixer un taux de réussite minimum pour continuer.

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)

Chaine youtube de Valérie Perreaut

VALIDER

PAGE POUR VOTRE CREATION

Page pour créer votre DND

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

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

tirage

SUSPENS

tirage5

tirage7

tirage1

tirage6

tirage

tirage2

tirage3

tirage8

tirage9

tirage4

SUSPENS5

SUSPENS3

SUSPENS7

SUSPENS

SUSPENS6

SUSPENS4

SUSPENS9

SUSPENS2

SUSPENS1

SUSPENS8

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

12345

BRAVO

1234

NON!

Comment ça marche ?

1. Conserver le mode de navigation standard

2. Ajouter la fonction Defil sur les pages à temporiser

(cette fonction masque les flèches de navigation et déclenche le défilement)

3. Préciser pour chaque page le temps en secondes désiré

(ce script modifié est à copier-coller dans Insérer </>AUTRES)

4. Rendre invisibles la fonction et éventuellement le nombre de secondes

Possibilité d'arrêter l'automatisme

et d'utiliser alors l'interactivité

En utilisant éventuellement la fonction Effanav pour cacher les flèches de navigation

(Il est préférable de ne pas utiliser une autre navigation sur une page avec temporisation)

à vous de tester !

Réutilisez ce Genially

Et la fonction Retour pour un retour automatique...

Copiez-collez le cadre bleu dans une page pour obtenir sa référence

Copiez-collez le cadre rouge dans une page pour obtenir son url

Copiez-collez le cadre vert dans une page pour obtenir son iframe d'intégration

Le résultat est obtenu immédiatement en mode visualisation et en mode prévisualisation. Dans l'editeur, il faut fermer le Genially pour voir s'afficher la référence. Le Genially doit être public pour pouvoir intégrer une page dans une autre page.

En mode édition

Remerciements à : Stéphane Agniel pour l'idée d'intégration de code javascript dans une page Genially ; Mireille Philippe et à son frère pour l'astuce afin de retrouver l'URL d'une page Genially ; Alveria Val pour l'idée d'intégrer une page Genially dans une autre page Genially.

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

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

Possibilité de les dupliquer autant de fois que nécessaire...Supprimer les Objets non utilisés (Ne pas les placer hors de la page)

Fonctions permettant la transformation des images

(Supprimez les transformations non désirées)

ROTATION DE 90°

Rotation de +15 deg. à chaque clic (gauche ou droit) ou au survol

Zoome de X2 à chaque clic (gauche ou droit) ou au survol

Dézoome de X2 à chaque clic (gauche ou droit) ou au survol

Zoome / dézoome au clic (gauche / droit) ou au survol (OVER/OUT)

Masque automatiquement les éléments dans la page

éléments (taille de la zone clicable) à choisir à grouper avec un objet genially !

Duplication possible !

Rotation de +90 deg. à chaque clic (gauche ou droit)

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

éléments duplicables à grouper avec des objets Genially

Boutons pouvant être groupés avec des objets Genially

Fonction à utiliser pour cacher des objets ON et OFF/ON

La surface des boutons correspond à la zone de clic

éléments duplicables à grouper avec des objets Genially

Bouton pouvant être groupé à un objet Genially

Fonction à utiliser pour cacher des objets ON et OFF/ON

HH:MM:SS

HH:MM

HH:MM:SS

ANNEE

Dezember

Donnerstag

Afficher la date complète et/ou le jour, le mois, l'année. Cinq langues au choix.

Pour modifier la police et la taille du texte, dégrouper, modifier le texte et regrouper.

DD/MM/AAAA

MM/DD/AAAA

Mercredi

Wednesday

Décembre

December

Miércoles

Mercoledì

Diciembre

Dicembre

Afficher la date complète. Cinq langues au choix.

Pour modifier la police et la taille du texte, dégrouper, modifier le texte et regrouper.

Date complète en Anglais

Date complète en Espagnol

Date complète en Allemand

Date complète en Français

Date complète en Italien

00:00:00

Minuteur déclenché

'Secondeur' déclenché

<div id="ambiance">URL_DU_FICHIER_MP3</div><script></script>

LECTEUR D'AMBIANCE (musique de fond)

Placer ce lecteur en dehors de la page

Indiquer l'URL du fichier audio, puis copier-coller ce script dans Insérer </>AUTRES

Placer l'objet en dehors de la page

Fonctions automatiques à copier-coller dans les pages

Boutons de contrôle à copier-coller dans les pages

(Joue en boucle)

<div id="morceau">URL_DU_FICHIER_MP3</div><script></script>

LECTEUR DE PAGE

Cacher ce lecteur dANS la page

Indiquer l'URL du fichier audio, puis copier-coller ce script dans Insérer </>AUTRES

Cacher l'objet dans la page

Boutons de contrôle

2020-07-20T18:15:00

2020-07-20T18:14:00

Il vaut mieux mettre la zone invisible sur chaque bouton de manière séparées pour éviter le repérage avec l'apparition-disparition de la main, mais aussi de cliquer sur une zone entre deux chiffres. Ce n'est pas fait ici.

***

****

CODE BONTouche la poignée

***

****

ERREUR!Recommence Touche C

Petit chaton?

Caresse le chaton !

Formation Genially new

More creations to inspire you

LET’S GO TO LONDON!

SLYCE DECK

ENERGY KEY ACHIEVEMENTS

CULTURAL HERITAGE AND ART KEY ACHIEVEMENTS

ABOUT THE EEA GRANTS AND NORWAY

DOWNFALLL OF ARAB RULE IN AL-ANDALUS

HUMAN AND SOCIAL DEVELOPMENT KEY

Transcript