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

🛠️ PARCOURS D'APPRENTISSAGE SUR GENIALLY

Les RochDur

Created on May 13, 2022

✅ De son inscription à l'usage de Genially comme exerciseur interactif, venez prendre en main cet outil au travers d'un parcours d'apprentissage (Formation en Cours de Carrière - FCC)

Start designing with a free template

Discover more than 1500 professional designs like these:

Piñata Challenge

Teaching Challenge: Transform Your Classroom

Frayer Model

Math Calculations

Interactive QR Code Generator

Interactive Scoreboard

Interactive Bingo

Explore all templates

Parcours d'apprentissage

Prendre en main Genially

Start

Les RochDur

Genially

PARTIE 1

Explorer le tableau de bord

S'inscrire sur Genially

Insérer de l'interactivité

Maitriser les manips de base

Réutiliser un Genially

Ajouter des animations

Genially

Insérer une image

Insérer une ressource

PARTIE 2

Insérer un texte

Insérer un audio

Insérer un élément interactif

Gérer les pages

Insérer un smartblock

Genially

Insérer un code ou un lien

PARTIE 3

Changer le mode de navigation

Insérer un fond de zone d'édition ou de base

Insérer une vidéo

Ajouter des transitions

Genially

Collaborer sur un Genially

PARTIE 4

Changer la taille de la zone d'édition

Gérer la visualisation

Modifier un graphique

Partager votre Genially

Utiliser le mode designer

Publier votre Genially

Mettre un mot de passe

Genially

POUR ALLER PLUS LOIN

Gamifier en ajoutant une lampe, loupe... à faire glisser pour dévoiler des éléments

Trouver l'URL d'une page Genially

Faire de Genially un véritable exerciseur en ligne (extensions S'cape)

Saisir le mot de passe pour continuer 😉

🔑🔑🔑🔑🔑🔑🔑🔑🔑🔑🔑

inscription à genially (1/3)

https://genial.ly/fr/

Allez sur

Ensuite, cliquez sur l'un des deux boutons bleus pour vous inscrire

plan free vs plan edu pro

Fonctionnalités supplémentaires plan edu pro

édition des couches

accès au modèles premium

organisation des geniallys dans des dossiers

mettre le genially en privé

transfert de projets

insertion d'un son depuis son pc

Graphiques avancés

téléchargement en jpg, pdf interactif et en html

couleurs du document

visualisation sans connexion

Aide avancée (Chat en plus des emails)

Importation d'un Power Point

inscription à genially (2/3)

Vous pouvez vous inscrire avec votre adresse mail, votre compte Google, Facebook, Office 365, Twitter, LinkedIn

Par la suite, vous devrez renseigner le secteur dans lequel vous travaillez pour choisir votre type de profil (enseignant, étudiant...) et votre degré d'enseignement.

inscription à genially (3/3)

Une fois votre profil utilisateur inscrit, n'oubliez pas de vérifier votre compte via l'émail que vous aurez reçu sur l'adresse renseignée.

Genially vous proposera ensuite l'acception ou non d'émails publicitaires, des questions pour affiner votre profil et une rapide visite guidée des fonctionnalités principales du site.

EXPLORER LE TABLEAU DE BORD

à vous de jouer

tableau de bord de genially

Les Geniallys avec une étoile jaune ne sont pas disponibles en Plan Free.

Voici toutes les catégories présentant les différents modèles dont vous pouvez partir pour commencer à créer votre propre Genially.

Dans chaque catégorie, vous disposez d'une barre de recherche et de différents filtres.

Sélectionner un modèle genially pour le modifier

sélectionner un modèle genially

1. Cliquez sur un modéle pour visualiser son contenu

suite

sélectionner un modèle genially

2. Naviguer dans le modèle pour en prendre connaissance

Pour certaines catégories de modèles type "Présentations" ou "Matériel de formation", possibilité de choisir des pages spécifiques dans le modèle.

3. Cliquez sur UTILISER CE MODÈLE pour l'ouvrir dans l'éditeur de Genially

Pour certains modèles, vous pouvez visualiser différentes palettes de couleurs et choisir celle qui vous convient le mieux.

suite

sélectionner un modèle genially

Pour les modèles contenantdes liens d'interactivité entre les pages, il est conseillé d'ajouter toutes les pages pour conserver ces liens

À privilégier : ajouter toutes les pages du modèle, puis supprimer par la suite les pages non souhaitées dans l'éditeur

Une fois vos pages sélectionnées, cliquez sur AJOUTER pour ouvrir le modèle dans l'éditeur de Genially

sélectionner un modèle genially

éditeur de genially

partie "créations"

C'est dans cette partie que toutes vos créations s'afficheront.

En passant sur une vignette, différentes options s'afficheront.

Vos différents Geniallys apparaitront sous la forme de vignettes.

Genially déjà publié

Genially non encore publié

image interactive

1. Définir une image de base comme arrière-plan de la zone d’édition

suite

image interactive

2. Ajuster ou modifier votre image d'arrière-plan

suite

image interactive

En déverrouillant votre image d'arrière-plan, possibilité d'en modifier la taille

3. Modifier ou ajouter des éléments interactifs et les doter d'un des 3 types d'interactivité : étiquette, fenêtre (avec texte, images, vidéos, audios...) ou lien

Dans les paramètres du compte, indiquer votre nom d'utilisateur

Sélectionner ce modèle dans la catégorie Présentation

Choisir une autre palette de couleur dans l'aperçu

Une fois dans l'éditeur, revenir à votre tableau de bord

Renommer dans votre tableau de bord le Genially par " Test FCC formation "

Dupliquer dans votre tableau de bord ce Genially renommé

maitriser les manips de base

réutiliser un genially

à vous de jouer

MANIPULATIONS DE BASE

Sélectionner un ou des éléments

redimensionner un ou des éléments

Zoom sur l'éditeur

faire pivoter un ou des élèments

grouper des éléments

bloquer un ou des éléments

rendre déplaçables un ou des élements

éditeur de genially

base

zone d'édition

Prévisualisation

Pour accéder à la prévisualisation, cliquez sur l'oeil en haut à droite de l'écran

Cette option vous permet de prévisualiser les modifications apportées à votre Genially avant de le publier.

Les modifications que vous voyez avec Prévisualisation sont enregistrées correctement.

Sélectionner un ou des éléments

POUR sélectionner un ou plusieurs éléments

POUR sélectionner un élement

étirer une zone de sélection sur les éléments concernés

cliquer sur l'élément à sélectionner

cliquer sur un élément puis l'autre tout en maintenant appuyé la touche shift ou la touche ctrl

GROUPER DES élements

POUR GROUPER

Sélectionner les éléments concernés etcliquer sur l'icône qui apparait juste au-dessus des éléments sélectionnés

POUR DéGROUPER

cliquer sur l'icône pour dégrouper les éléments

bloquer un ou des éléments

POUR Bloquer un ou plusieurs éléments

POUR déBloquer un ou plusieurs éléments

Sélectionner le ou les éléments concernés et cliquer sur l'icône qui apparait juste au-dessus des éléments sélectionnés

cliquer sur l'icône pour débloquer les éléments

Pourquoi bloquer un ou plusieurs éléments ?

redimensionner un ou des éléments

POUR redimensionner un ou des éléments

Sélectionner le ou les éléments concernés et cliquer sur l'un des ronds qui entoure le ou les éléments sélectionnés

rendre déplaçable(s) un ou des éléments

POUR rendre déplaçable(s) un ou plusieurs éléments

Sélectionner le ou les éléments concernés et cliquer sur l'icône qui apparait juste au-dessus du ou des éléments sélectionnés

POUR enlever le déplacement d'un ou plusieurs éléments

Cette fonctionnalité offre de nombreuses possibilités en termes de gamification des apprentissages (quiz, escape game...).

cliquer sur l'icône pour rendre immobiles les éléments

faire pivoter un ou des éléments

POUR faire pivoter un ou des éléments

Sélectionner le ou les éléments concernés et cliquer sur l'icône qui apparait juste en dessous du ou des éléments sélectionnés

L'amplitude de rotation apparait lorsque vous faites pivoter l'objet

Bloquer l'image d'arrière-plan avec les lignes courbes

Grouper le mot "MARS" et l'image de sa planète en dessous

Grouper le mot "MERCURE" et l'image de sa planète en dessous

Inverser ces 2 groupes pour les positionner au bon endroit

Faire pivoter l'image de la Terre et de Jupiter pour avoir +/- 0°

Redimensionner la taille des images de la Terre et de Vénus

Replacer les mots "Terre" et "Vénus" correctement par rapport à leur image redimensionnée ( = diminuer l'écart entre le mot et l'image + centrer le mot et l'image l'un(e) par rapport à l'autre)

Grouper chaque image de planète avec son nom, rendre déplaçables tous les groupes formés et prévisualiser leurs déplacements

GENIALLY Réutilisable

insérer de l'interactivité

à vous de jouer

interactivité DES éléments

Pour rendre interactif un élément (image, zone de texte, ressource...), sélectionnez un élément et cliquez sur l'icône qui apparaît juste au-dessus de lui.

Il existe 4 types d'interaction : étiquette, fenêtre, aller à la page ou lien.

Un élément avec une interactivité présente un icône bleu .

S'il est blanc, il n'y a pas encore d'interactivité appliquée.

interactivité DES éléments - étiquette

C’est une boîte qui apparaîtra lorsque votre public passera la souris sur un élément. Cette boîte peut contenir des images et/ou des textes courts, ainsi que du contenu dans d'autres formats. Les étiquettes sont utiles pour ajouter des informations explicatives.

Vous pouvez y inclure du texte, des images, des vidéos, des fichiers PDF, des cartes, des graphiques, etc. La couleur blanche ou noire de vos étiquettes peut être définie dans la section "Préférences de visualisation" (les 3 barres horizontales en haut à droite).

EXEMPLE 2

EXEMPLE 1

EXEMPLE 3

Lien

interactivité DES éléments - fenêtre

Tout comme pour l'étiquette, c’est une boîte qui s'affiche lorsque vous cliquez sur l'élément interactif mais ici, elle offre beaucoup plus d'espace pour ajouter du contenu. En haut à droite de l'éditeur, vous pouvez choisir si vous voulez que votre fenêtre soit petite, moyenne ou grande.

Vous pouvez y inclure du texte, des images, des vidéos, des fichiers PDF...

Avec les éléments ressources, il est possible de donner un titre à votre fenêtre qui apparaitra lorsque l'utilisateur passera sa souris sur l'élément avec fenêtre.

EXEMPLE 2

EXEMPLE 1

EXEMPLE 3

insérer une image dans une étiquette/fenêtre

Soit via votre ordinateur, soit via un lien internet.

Remplacement de l'image

Alignement de l'image

Légende de l'image

Lier l'image à un URL

Affichage de l'image par rapport au texte

Style des bordures de l'image

interactivité DES éléments - aller à la page

Vous pouvez relier votre élément :

Cette interaction amènera votre public à une autre page de votre Genially.

à une page spécifique de votre Genially en la sélectionnant

à l'option "Revenir en arrière" (l'interaction ramène l'utilisateur à la dernière page sur laquelle il se trouvait)

à l'option "Première page" (la 1re page de votre Genially)

à l'option "Page précédente" (la page que vous avez placée avant dans votre vue en liste ou en grille)

à l'option "Page suivante" (la page que vous avez placée après dans votre vue en liste ou en grille)

Ce type d'interaction peut, par exemple, être utilisé pour les microsites, la gamification, les escape games ou les quiz.

à l'option "Dernière page" (la dernière page de votre Genially)

interactivité DES éléments - lien

Ce type d'interactivité permet d'ajouter un lien pour rediriger votre public vers une autre page web lorsqu'il clique sur l'élément interactif. Vous pouvez choisir d'ouvrir le lien dans le même onglet ou dans un nouvel onglet. Le lien doit commencer par "https" pour fonctionner sur Genially.

EXEMPLE

Vous pouvez aussi relier l'URL d'un autre Genially en choisissant l'option "Ouvrir dans le même onglet" pour donner l'impression d'une continuité entre les deux Geniallys.

PAGE 1

Lier la photo d'Anne Franck à l'URL : https://fr.wikipedia.org/wiki/Anne_Frank avec "Ouvrir dans un nouvel onglet"

Pour le bouton

"Aller à la page" 2

Pour le bouton

"Aller à la page" 3

PAGE 2

Ajouter une étiquette à la photo avec le texte suivant (faire un copier-coller)

La Maison Anne Frank est un musée consacré à la jeune fille écrivain juive de la Seconde Guerre mondiale Anne Frank, situé à Amsterdam, aux Pays-Bas, sur les bords du Prinsengracht, l'un des principaux canaux de la ville.

PAGE 3

ajouter une fenêtre en y insérant :

Pour le bouton

l'image suivante

la vidéo suivante

PAGES 1-2-3

Pour les flèches en haut à droite

"Aller à la page" précédente et suivante

GENIALLY Réutilisable

ajouter des animations

à vous de jouer

aNIMATION DES éléments

Pour voir les types d'animation disponibles, sélectionnez un élément en cliquant dessus, puis cliquez sur l'icône "Animation" qui apparaît au-dessus. Une section s'ouvre sur la droite avec toutes les options d'animation.

Il existe 4 types d'animation disponibles :

Ces 4 types d'animation peuvent être appliqués en même temps au même élément.

Animation d'entrée

Animation de sortie

Les animations peuvent également être appliquées à un ensemble d'éléments groupés.

Animation continue

Animation au passage de la souris

suite

aNIMATION DES éléments

suite

Les options configurables d'une animation :

La direction

Pour définir dans quelle direction l'élément va se déplacer. Il peut rester immobile ou se déplacer tant horizontalement que verticalement.

L'effet

Les effets disponibles varient en fonction de la direction choisie. Passez la souris sur chaque option pour prévisualiser l'animation. Choisissez la direction de l'animation avant l'effet car chaque type de direction a des effets différents disponibles.

Le début

Pour modifier le moment où l'animation est déclenchée à l'écran.

La vitesse

Vous pouvez définir si vous voulez que l'animation se reproduise plus vite ou plus lentement. La vitesse minimale est de 0,5 seconde et la vitesse maximale de 4 secondes.

aNIMATION DES éléments

Pour que plusieurs éléments aient les mêmes effets d'animation, vous n'avez pas besoin de les éditer un par un. Il vous suffit de copier et coller les animations d'un élément à l'autre à l'aide des icônes situés en haut à droite du menu des animations.

Un élément qui présente une animation a un icône

Un élément qui ne présente aucune animation a un icône

Dans le menu des animations, un point jaune apparait à côté du type d'animation active de l'élément.

Pour éliminer une animation, cliquez sur le type d'animation que vous souhaitez supprimer, puis sélectionnez l'option "Aucun" dans la catégorie "Effet".

Pour éliminer toutes les animations en une seule fois, cliquez sur l'icône "Corbeille" en haut du menu des animations.

Entrée

Effet : Rebond Arrière

Vitesse : 1 s

Direction : immobile

Début : 0,5 s

Sortie

Effet : Disparaitre

Vitesse : 2 s

Direction : bas

Début : 1 s

Continue

Copier les animations de la première image sur la deuxième

Effet : Aléatoire

Supprimer l'animation continue Entrée-Sortie

Souris dessus

Effet : Réduire

Prévisualiser vos animations

GENIALLY Réutilisable

gérer les pages

à vous de jouer

Le fond de base sera visible en fonction des dimensions et de la résolution de l'écran sur lequel le genially est affiché.

gérer les pages

Choisir la vue en liste ou la vue en grille

Ajouter une page

comment ?

l'URL d'une image

Dupliquer une page

Supprimer une page

Modifier le titre d'une page

Modifier l'ordre des pages

en cliquant dessus ou en la faisant glisser vers la zone d'édition.

en copiant-collant (sans téléchargement ou enregistrement au préalable) une image externe à l'aide des raccourcis CTRL+C/CTRL+V ou CMD+C/CMD+V pour un Mac.

fond de zone d'édition

fond de base

vue en liste et vue en grille

vue en grille

vue en liste

La vue en grille permet de gérer et d'organiser plus facilement les pages. Dans cette vue plus large, il est, par exemple, plus aisé de sélectionner, de modifier la transitation, de déplacer ou de supprimer plusieurs pages en même temps.

Pour sélectionner plusieurs pages, maintenez enfoncée la touche CTRL (ou CMD sur Mac) ou Shift pour sélection une suite de pages.

Différentes possibilités :

Ajouter une page Supprimer une page Dupliquer une page Modifier l'ordre d'une page Modifier le titre d'une page Modifier les transitions Mettre un mot de passe à une page Masquer une page

masquer une page

Vous pouvez masquer une page de votre Genially pour qu'elle ne soit pas visible lorsque vous partagez ou visualisez votre création.

Cliquer sur les trois points figurant sur le côté droit de la page (en dessous de la baguette) et sélectionner "Masquer la page".

Cliquer sur "Rendre cette page visible" pour la démasquer.

Les interactions et les liens associés à une page cachée seront temporairement désactivés jusqu’à ce que cette page soit à nouveau visible.

ajouter une page

à partir de votre modèle de départ ou d'une page blanche

à partir d'un autre modèle

à partir de vos créations

Pour chaque option, il vous est possible d'ajouter une ou plusieurs pages, voire toutes.

Lorsque vous ajoutez une page à partir d'une autre création ou d'un autre modèle, une fenêtre apparaît pour vous permettre de choisir si vous souhaitez apporter le fond de base des pages que vous ajoutez.

L'ajout de pages à partir d'un autre Genially ne maintient pas l'interactivité "Aller à la page". Si vous voulez ajouter de nombreuses pages en conservant les liens entre les pages, il est dés lors préférable de dupliquer le Genially dont vous souhaitez les pages (au lieu de les ajouter) et de créer à partir de ce dernier.

Dupliquer/supprimer/modifier le titre et l'ordre des pages

Dupliquer une page

Placez votre souris sur la page que vous souhaitez dupliquer et cliquez sur l'icône

supprimer une page

Placez votre souris sur la page que vous souhaitez dupliquer et cliquez sur l'icône

Pour récupérer une ou plusieurs pages que vous avez supprimées par erreur : le faire avant de quitter l'éditeur en appuyant sur CTRL+Z (CMD+Z pour Mac) ou en utilisant la flèche .

modifier l'odre des pages

modifier le titre d'une page

Cliquez sur la page que vous souhaitez déplacer et maintenir le bouton de la souris enfoncé pour faire glisser votre page à l'endroit souhaité.

Ajoutez un titre à vos pages en dessous de chaque page. Pour s'y retrouver facilement dans votre Genially, il peut être utile de nommer correctement vos pages.

Utilisez préférentiellement la vue en grille pour modifier l'ordre des pages.

Réalisez ces étapes dans l'ordre

Supprimer les pages 3 à 6 incluses

Déplacer la dernière page en 2ème position

Dupliquer la dernière page

Ajouter une page blanche après la 3ème page

Ajouter après la 1re page : la 2ème page de ce modèle avec son fond de base

Catégorie Présentation

GENIALLY Réutilisable

insérer un texte

à vous de jouer

INSérer un texte

POUR insérer une zone de texte

Sélectionner en cliquant dessus la zone de texte souhaitée ou en la glissant vers la zone d'édition.
Taper votre texte.
Personnaliser le texte (police, couleur, taille...) à l'aide des options de l'éditeur de texte situé au-dessus de votre zone d'édition.

Infos sur les options de l'éditeur de texte

Ici à gauche, il s'agit de regroupements déjà construits de différentes zones de texte de formats divers. Tous ces assemblages de texte sont personnalisables via les options de l'éditeur de texte.

Vous pouvez positionner votre zone de texte en la faisant glisser vers l'endroit désiré de votre zone d'édition.

INSérer un texte

Autre menu d'options d'une zone de texte

En cliquant droit sur la zone de texte, vous obtenez ce menu d'options.

Copier-coller le format

Permet d'appliquer la mise en forme d'une zone de texte à une autre. Comment ?En cliquant sur "Copier format" sur la première zone de texte et ensuite en cliquant droit "Coller format" sur une autre zone de texte.

Dupliquer

Dupliquer directement et à l'identique la zone de texte dans votre page.

Réalisez ces étapes dans l'ordre

Écrire "Bonjour" à la place de "Titre 1"

Changer la couleur de "Bonjour" en bleu (n'importe quel bleu)

Changer la taille de police de "Bonjour" en 120

Changer la police de "Bonjour" en Boogaloo

Positionner "Bonjour" dans le coin supérieur gauche

Dupliquer cette zone de texte "Bonjour"

Copier le format de la zone de texte "Hey" sur la nouvelle zone de texte "Bonjour"

Aligner à gauche ces trois zones de texte avec un écart vertical équivalent entre elles

GENIALLY Réutilisable

insérer une image

à vous de jouer

INSérer une image

insérer une image à partir de :

votre ordinateur (image de maximum 5Mb)

la banque d'images sans fond de Genially

Pixabay (site de partage d'images libres de droit)

Giphy (banque de données de GIF animés)

votre Google Drive ou Dropbox

l'URL d'une image

comment ?

en cliquant dessus ou en la faisant glisser vers la zone d'édition.

en copiant-collant (sans téléchargement ou enregistrement au préalable) une image externe à l'aide des raccourcis CTRL+C/CTRL+V ou CMD+C/CMD+V pour Mac.

suite

options de l'éditeur d'image

Personnaliser l'image avec les Options de l'éditeur d'image

En cliquant sur l'image insérée dans votre zone d'édition, les options de l'éditeur d'image s'ouvrent en haut de votre écran Genially.

En double-cliquant sur l'image insérée dans votre zone d'édition, il est également possible d'ouvrir l'option .

Ces options de mise en forme de l'image peuvent également s'appliquer aux images auxquelles vous avez ajouté un cadre.

suite

remplacement d'une image

Pour remplacer une image tout en conservant sa mise en forme :

Cliquer dessus et appuyer sur qui apparait en haut à droite de l'image.

Cette fenêtre s'ouvre :

Il vous est dès lors possible de remplacer votre image avec la proposition qui vous convient le mieux (image de votre ordinateur, de la banque d'images de Genially...).

Réalisez ces étapes dans l'ordre

Insérer une image de chien de la banque d'images de Pixabay

Appliquer à l'image un cadre blanc rectangulaire

Dupliquer ou copier cette image

Remplacer l'image nouvellement dupliquée par l'image de coquelicots téléchargée sur votre ordinateur

Redimensionner vos images pour faire de la place sur votre page

Insérer un gif avec fond transparent en tapant "Super" dans la banque de gifs de Gifhy

GENIALLY Réutilisable

insérer une ressource

à vous de jouer

INSérer une ressource

formes

lignes et flèches

icônes

graphiques

Cartes

silhouettes

scénarios

illustrations

Réalisez ces étapes dans l'ordre

Remplacer l'icône "Ampoule" par un icône "Calculatrice" (celui avec la couleur noire)

Insérer une forme type "étoile" Changer sa couleur en noir La redimensionner La placer en dessous de la calculatrice

Ajouter une silhouette main Changer sa couleur en orange pâle La redimensionner La placer au-dessus de la calculatrice

GENIALLY Réutilisable

insérer un élément interactif

à vous de jouer

INSérer un élément interactif

boutons de texte

boutons

marqueurs

zone invisible

réseaux sociaux

numéros et lettres

Remplacer le marqueur des États-Unis par le même marqueur que celui de la Russie ou du Brésil

Insérer une zone invisible sur l'Australie et ajouter une étiquette avec "Australie"

GENIALLY Réutilisable

insérer un smartblock

à vous de jouer

INSérer un smartblock

Les Smartblocks sont des ensembles de thèmes préconçus qui restent cependant personnalisables (texte, taille, couleur, police, image...).

Les catégories de smartblocks :

Données/Tableaux/Graphiques Diagrammes Galeries/Images Full Size Box Profile Listes/Processus Carte Chronologies Animés

20%

80%

Lorem ipsum dolor sit amet

Title here

Lorem ipsum dolor sit amet

Title here

Lorem ipsum dolor sit amet

Title here

wRITE A SUBTITLE

wRITE A TITLE HERE

Lorem ipsum dolor sit amet

Title 1

Lorem ipsum dolor sit amet

TITLE 2

TITLE 3

Lorem ipsum dolor sit amet

TITLE 4

Ajouter un smartblock : le dernier de la catégorie "Diagrammes"

Le grouper et ajuster sa taille par rapport à la page

Le dégrouper et supprimer les " + "

Changer le texte par des mots représentant les couleurs du smartblock

Prévisualiser votre smartblock

GENIALLY Réutilisable

insérer un audio

à vous de jouer

insérer un audio

Info

à partir de votre ordinateur

Cette fonctionnalité n'est pas disponible en plan Free.

Info

à partir d'un enregistrement audio

Info

à partir d'un URL

vers les paramètres audio

insérer un audio - Le menu des paramètres audio

Changer le nom du fichier : un nom par défaut est attribué au fichier, audio_(numéro), vous pouvez le modifier.

Remplacer l'audio : vous pouvez remplacer l'audio par un autre à partir de votre ordinateur (fonctionnalité non disponible en plan free).

Autoplay : l'audio se met en route automatiquement lors de la visualisation de la page (dès que l'on clique sur la page).

Loop : l'audio se reproduit en boucle.

Masquer le lecteur : le lecteur est masqué lors de la visualisation.

Audio de fond : l'audio se jouera tout au long de votre Genially. En activant cette option, toutes les options précédentes s’activent. Votre audio ne se situera plus dans la zone d'édition mais au-dessus de celle-ci.

Découper un audio : vous pouvez définir le moment où votre audio commence et se termine.

Récupérer un lien vers un fichier audio .mp3 dans l'un de ces 3 sites

Copier ce lien dans Genially

Ne touchez pas au menu des paramètres audio

Ajouter un élément interactif type bouton play et le positionner sur le bouton play du lecteur

Mettre en arrière-plan l'élément interactif et rendre le lecteur (au premier plan) complétement transparent.

Prévisualiser l'insertion de votre audio

https://audionautix.com/

copier l'URL dans la barre de navigation

ou clic droit et "Copier l'adresse audio"

https://www.auboutdufil.com/

copier l'URL dans la barre de navigation

ou clic droit et copier l'adresse audio

Clic droit et "Copier l'adresse audio"

https://universal-soundbank.com/

copier l'URL dans la barre de navigation

ou clic droit et "Copier l'adresse audio"

GENIALLY Réutilisable

insérer une vidéo

à vous de jouer

insérer une vidéo

Il n'est pas possible d'intégrer une vidéo stockée sur votre ordinateur. Elle doit être hébergée sur une plateforme web type YouTube, Vimeo ou un drive.

Copier l'URL ou le code d'intégration de la vidéo.
Coller l'URL ou le code d'intégration dans l'onglet "Collez ici le lien" et cliquer sur la petite flèche.
Une fois la vidéo insérée dans votre zone d'éditon, les options de configuration de la vidéo s'ouvrent à droite de l'écran MAIS uniquement avec le lien URL.

Vous n'avez pas accès aux options de configuration de la vidéo si vous avez inséré votre vidéo à partir d'un code d'intégration.

Les options de configuration ne sont disponibles que pour les vidéos provenant de YouTube et Vimeo (non accessibles, par exemple, pour DailyMotion).

INSérer à partir de :

google drive

vimeo

YoutUBE

Info

insérer une vidéo - Les options de configuration vidéo

Changer l'url de la vidéo : vous pouvez remplacer votre vidéo actuelle par toute autre vidéo de la même plateforme.

Autoplay : si vous activez cette option, la vidéo commencera à être lue automatiquement lorsque la page en question apparaîtra à l'écran. Le son de la vidéo devra être activé manuellement par l'utilisateur.

Loop : si vous activez cette option, la vidéo passera en boucle jusqu'à ce que l’on change de page.

Mute : vous pouvez choisir si vous voulez que le son de la vidéo soit entendu ou non.

Masquer la barre de lecture : si vous activez cette option, les commandes vidéo (pause, augmentation du volume, etc.) disparaissent.

Commencer à la seconde : vous pouvez définir exactement à quel moment vous voulez que la vidéo commence à être lue, lorsque vous n'avez pas besoin qu'elle soit lue en entier.

Insérer sur la 2ème page la vidéo YouTube en copiant le lien https://youtu.be/RLJkXArIKiI

Dans les paramètres de la vidéo, choisir Autoplay

Prévisualiser la vidéo insérée

GENIALLY Réutilisable

insérer UN CODE OU UN LIEN

à vous de jouer

insérer un lien ou un code

Quelques exemples de codes intégrés

exercices en ligne

google maps

pdf de google drive

autre genially

google street view

réseaux sociaux

site web

widgets

insérer DES WIDGETS

insérer Google maps

insérer Google street view

insérer des réseaux sociaux

insérer UN PDF à partir de google drive

insérer UN autre genially

insérer des exercices en ligne

insérer un site web

à partir d'un générateur de code iframe sur base d'un url

à partir d'un url

Page 1

Insérer l'activité LearningApps avec son code d'intégration récupéré à l'adresse https://learningapps.org/display?v=px5a7n4rk21 + le redimensionner (1200 x 675)

Page 2

Insérer l'URL du site de la FCC https://dgxy.link/fcc

Prévisualiser vos insertions

GENIALLY Réutilisable

insérer un fond de zone d'édition ou de basE

à vous de jouer

insérer un fond de zone d'édition et un fond de base

DIFFérence entre fond de zone d'édition et fond de base

La zone d’édition est délimitée par le rectangle bleu.

base

ZONE D'édition

La base est l'espace jaune qui l'entoure.

base

fond de zone d'édition vs fond de base

Le fond de base est le même pour toutes les pages.

Le fond de la zone d’édition peut être différent ou identique pour toutes les pages.

suite

insérer un fond de zone d'édition et un fond de base

Le fond de base sera visible en fonction des dimensions et de la résolution de l'écran sur lequel le genially est affiché.

fond de zone d'édition

fond de base

Aucun fond

Aucun fond (fond transparent)

Télécharger une image depuis votre PC

Télécharger une image depuis une URL

Choisir une couleur de fond

Choisir une image dans la galerie Genially

Choisir une image dans la galerie Pixabay

Applique automatiquement le fond choisi à toutes les pages.

Changer le fond de la zone d'édition par une image de Pixabay

Changer le fond de base par une image animée de la galerie Genially

GENIALLY Réutilisable

AJOUTER DES TRANSITIONS

à vous de jouer

transition entre les pages

Pour accéder aux options de transition, cliquez sur l'icône baguette magique à côté de chaque page ou sur les 3 points verticaux situés à droite de l'écran.

Il existe trois types de transition : Horizontale, Verticale et Centrale.

Il est possible d'appliquer une même transition à toutes les pages via le bouton

En cliquant sur chaque animation dans le menu latéral de droite, vous verrez l’effet créé lors du changement de page.

Lorsqu'une page comporte une transition, l'icône baguette magique devient bleu

centrale

horizontale

verticale

Page 1

Appliquer une transition verticale Pousser

Page 2 à 4

Appliquer une transition horizontale File

Prévisualiser vos transitions

GENIALLY Réutilisable

CHANGER LE MODE DE NAVIGATION

à vous de jouer

MODES DE NAVIGATION ENTRE LES PAGES

Pour accéder aux options de navigation, cliquez sur les 2 flèches situées en dessous de la zone d'édition ou sur les 3 points verticaux situés à droite de l'écran. Un mode de navigation s'appliquera à toutes les pages.

Il existe trois modes de navigation: Standard, Vidéo et Microsite.

microsite

Vidéo

standard

Appliquer le mode de navigation microsite

Ajouter des éléments pour lier les pages 1 et 2 entre elles (avec des éléments interactifs, ressources...)

Prévisualiser votre nouveau mode de navigation et les liens aller-retour créés

GENIALLY Réutilisable

gérer les préférences de visualisation

à vous de jouer

gérer les préférences de visualisation

Pour accéder aux préférences de visualisation, cliquez sur les 3 barres horizontales en haut à droite et cliquez ensuite sur

Désactivez les indicateurs : d'interactivitéd'éléments déplaçables

Activez : dessiner sur le Geniallytitres

Prévisualiser votre Genially (et dessiner 😉)

GENIALLY Réutilisable

publier votre genially

à vous de jouer

gérer la confidentialité

Cette option est liée à la publication de votre Genially lorsque vous décidez de quitter le mode brouillon (signifié à côté du titre) et que vous cliquez sur le bouton situé en haut à droite.

Vous pouvez également accéder aux préférences de confidentialité en cliquant sur les 3 barres horizontales en haut à droite et ensuite sur puis sur

Il est également possible de publier votre Genially à partir du tableau de bord.

suite

gérer la confidentialité

En plan Free, vous ne pouvez choisir que le mode "Public" pour publier votre Genially. En choisissant cette option, vous rendrez visible votre Genially, il sera indexé dans les moteurs de recherche et vous pourrez le partager avec votre public.

+ infos sur le mode privé

suite

gérer la confidentialité

Au moment de la publication de votre Genially, voici les paramètres que vous pouvez configurer :

le marquer comme réutilisable

choisir s'il apparait ou non sur votre profil social

lui donner ou changer son titre

lui donner une description (intéressant pour améliorer son référencement)

Lorsque vous appuyez sur le bouton "Prêt", Genially ouvre cette fenètre :

Une fois que votre Genially est publié, quelques changements surviennent dans l'éditeur :

Le bouton à côté du titre devient

et les boutons apparaissent en haut à droite.

Vous pouvez repasser en mode Brouillon à tout moment.

Cliquer sur Prêt pour publier votre Genially

Choisir vos paramètres de confidentialité

Cliquez ensuite sur Présenter pour présenter votre Genially dans un nouvel onglet