presentation genially

Génially ?

Outil de travail collaboratif

Images interactives

Sur tous les supports

Intégration simple de vidéos, de sites ...

Intégration simple de quizz

Création de présentations dynamiques, de mini site web ...

valerie.rambaud@ac-orleans-tours.fr aurelie.dutour@ac-orleans-tours.fr

Icones Flaticon

1. Créer un profil -gratuit : adresse mail

2. Se connecter

3. Choisir parmi les modèles ou page blanche.

Commencer avec Génially

1. Créer un génially

2. Choisir ce que l'on veut faire ...

Choisir un modèle

Choisir un modèle

Modèle gratuit

Modèle payant

Page blanche

Votre page apparait en blanc ou avec le modèle choisi

Donner un nom à votre génially

Commencer avec Génially ...

1. Mettre en forme sa présentation

2. Insérer une image, un objet, une vidéo, un son, une appli ...

Changer le fond d'écran

Changer la taille de la page

Déposer une image

Rendre un élément interactif

Créer une nouvelle page

Ajouter des éléments interactifs, des icones, des flèches ...

Grouper un texte avec une image, une icone ...

Ajouter une zone de texte

Gérer la navigation entre les pages

Publier votre génially

Intégrer une vidéo, une appli ...

Intégrer votre génially dans moodle

Modifier la position, la taille ... d'un élément -d'une image ...

Jouer avec la transparence, animer des objets

Créer un code ... Escape game ...

Choisir le fond d'écran attention choisir entre zone d'édition et base (contour de la fenêtre)

l'URL d'une image

Des images sur votre ordi

Changer le fond d'écran, à tout moment ...

1

2

Garder le fond actuel

3

4

5

6

Galerie de Génially

7

Galerie de Unsplash ou de Pixabay

8

Cette page ou toutes les pages

9

Changer la taille d'une page

1. Menu tout en bas de votre fenêtre

2. Choix de la taille de la zone d'édition

3. Attention sur le mode présentation la taille est identique sur toutes les pages

Créer une nouvelle page

1. Menu pages, ajouter une page.

ou en bas de la fenêtre Ajouter une page

2. Choisir le type de pages, page blanche, page d'un modèle, page d'un autre génially

Passer de pages en pages.

Vidéo

Microsite

Standard

1

Publier votre génially

Dans Genially, les présentations sont en mode brouillon, il faut choisir de les publier pour pouvoir les diffuser.

Il est maintenant possible de mettre le génially à disposition des élèves ...

Déposer une image

Depuis votre ordinateur

Depuis une URL

Depuis la galerie de Génially

Depuis Pixabay, Unsplash ou des gif

Cliquer sur l'image pour l'intégrer à la page

Déposer une image depuis votre ordinateur

1. Glisser déposer depuis l'explorateur de fichiers de votre ordi ou cliquer pour choisir une image sur votre ordi

2. choisir l'image

3. L'image est téléchargée sur génially, cliquer dessus pour l'afficher dans votre fenêtre

Modifier votre image

1. Modifier la taille de l'image

2. La faire tourner

3. La déplacer, croix quand la souris est posée sur l'image

4. La remplacer par une autre image

5. Menu qui apparait en haut en cliquant sur l'image : couper - copier - coller - poubelle - bloquer - mettre à l'avant, à l'arrière - positionner sur la page - transparence - mettre un cadre - éditer l'image - image déplaçable lors de la visualisation (si le mode glisser est activé).

RenverserRogner ...

Modifier la position d'une image, d'une icone ...

Couper Copier Coller Supprimer

Bloquer

Ranger

Positionner

Transparence

Cadre

Editer l'image

Rendre l'image déplaçable

Une même image différents résultats

4 interactivités possibles

1. Etiquette - au survol pour du texte court ou une petite image

Lien au survol

3. Lien web

2. Fenêtre - une page qui s'ouvre -texte long, lien, vidéos ...

Une page qui s'ouvre

4. Lien vers une autre page

Rendre un élément image, texte ... interactif

1. Cliquer sur l'élément, image, icone, texte ...

2. Cliquer sur la main

Menu des interactivités

Etiquette

Traitement de texte classique

Fenêtre

Traitement de texte classique

Lien

Aller à la page

Ex retour au sommaire, exercice 1 ..

Ajouter des icones, éléments interactifs

1. Menu éléments interactifs

2. choisir le type d'élément interactif, bouton, bouton de texte, marqueurs, numéros et lettres ou zone invisible.

3. Déposer l'élément interactif sur la zone souhaitée.

Modifier un élément interactif

Les "boutons" qui sont déjà animés, apparaissent avec un halo gris

On peut modifier la couleur, la taille ...

Les "boutons" qui ne sont pas animés n'ont pas de halo

Choisir une ressource de Génially.

Onglet ressources

Insérer un texte

Proposition de type de texte mais tout sera modifiable ensuite ...

Barre de menu en haut, on peut modifier la couleur, la police, la taille de la police, le fond ... l'interligne,

Ecrire le texte choisi ...

Avec un clic droit sur le texte, d'autres menus, exposant, indice notamment !

Modifier un texte

Couleur de la police

Type de la police

Taille de la police

Gras, italique, souligné

Couleur de surlignage

Majuscule

Ombré

Modifier un texte

Copierpuis coller avec CTRL V au clavier

Supprimer

Alignement

liste

Interlignes

Espace inter lettres

Supprimer la mise en forme

Grouper des objets

Les modalités de la circulation de la sève brute

Avec CTRL et clic sélectionner les objets à grouperou en glissant la souris.

Selectionner l'icone groupe, attention les interactivités se feront sur le groupe en entier !Pour dégrouper il suffit de recliquer sur l'icone groupe elle redevient grise.

Attention si vous dégrouper alors que vous avez du texte, images ... dans une fenêtre d'interactivité ou un lien ... tout va "disparaitre".Vous aurez une fenêtre d'alerte.

Intégrer une vidéo, un site ...

1. Menu Insérer

Intégrer une vidéo

Directement avec le code de la vidéo (you tube, Viméo)

Intégrer une appli depuis un site ...

• Learning apps
• Padlet
• Sketchfab
• Libmol
• Framapad
• Framacalc
• Google docs
• Décompte chronomètre ...
• Pinterest ...
• Un son, parole ou musique ...

Directement dans une page mais on peut aussi copier les codes d'intégration dans une étiquette ou dans une fenêtre ...

Learning apps

Directement avec le code de l'application

Padlet

Sketchfab

A l'aide du code iframe ci dessous<iframe src="//libmol.org " allowfullscreen="" width="800" height="600"></iframe>

Libmol

Copier le code d'intégration d'un autre génially dans votre génially.

Intégrer un autre génially

Sur le site https://webhorloge.fr/chronometre/

Intégrer un minuteur

Choisir la durée du minuteur ex 5 minutes

Cliquer sur l'icone de partage

Copier le lien ou cliquer sur intégrer

Copier le code d'intégration

Ajouter un son

1. A partir de sound cloud ...Partager -

3. Activer ecoute automatique puis copier le code d'intégration

2. Intégrer

Ajouter un son

1. Copier le code d'intégration dans URL

2. Positionner la "fenêtre" son soit dans la page soit en dehors (dans ce cas avec l'écoute automatique quand on arrive sur la page le son se lance automatiquement).

Mais aussi directement s'enregistrer.

ou en haut de la fenêtre d'édition

Intégrer les applis dans une fenêtre ...

Avec les codes iframe, dans une fenêtre...

Passer en code html

Fenêtre de code html (reconnaissable avec les numéros de ligne "de code")

Coller directement les codes

Jouer sur la transparence

Cacher une image derrière une autre

Animer des objets

Cliquer sur l'image qui est devant et qui doit "disparaitre"

Mais bien sur toute sorte d'animation en entrée, en sortie ...

Créer un code lettres ou chiffres ...

Jouer avec l'élement interactif : zone invisible

Sur une page positionner les chiffres ou les lettres, image d'un clavier ou d'un digicode ...

Copier la page de génially avec le digicode

Sur la 1° page positionner une zone invisible sur le 1° chiffre du code et comme interactivité choisir aller à la page 2 ...

Intégrer votre génially dans moodle

Copier le code d'intégration (voir page intégrer un génially dans un autre génailly)

Créer une page moodle menu édition du cours moodleAjouter une activite - ressource Choisir page ou étiquette ou directement dans la section

Passer en code html

Coller le code d'intégration

A vous de créer ...

• Créer un génially de 3 pages
• Avec un choix de couleur de zone d'édition
• Choisir un mode de navigation "micro site"
• Insérer une image de votre choix sur la 1° page
• Puis une flèche et un texte de légende
• Rendre interactif le texte de légende pour qu'il aille sur la 2° page
• Sur la 2° page intégrer un exercice learning apps ou un modèle 3D skecthfab
• Ajouter une icone que vous rendrez interactive pour qu'elle aille vers la 3° page
• Sur la 3° page insérer une vidéo
• Et une icone qui pointe vers la 1° page