Genially 🛠️ Tutoriel pour le plan Free

tutoriel genially

Les RochDur

https://genial.ly/fr/

INSCRIPTION

TABLEAU DE BORD

éditeur

partage

publication

tableau de bord - index

gérerson compte

plan edu pro

Quelle gestion des paramètres de votre compte ?

Quelles fonctionnalités en plus par rapport au plan free ?

gérer ses geniallys

créerun genially

Comment gérer ses Geniallys à partir du tableau de bord ?

Comment se lancer pour commencer à créer ?

zoom sur letableau de bord

Que retrouve-t-on sur le tableau de bord ?

sélectionnerun modèle

Comment ouvrir un modèle dans l'éditeur ?

zoomsur l'éditeur

Que retrouve-t-on au niveau de l'éditeur ?

éditeur - index (1/4)

icônes au clic

Quels icônes au clic sur un élément ?

prévisualisation

Comment prévisualiser vos modifications ?

texte

Comment ajouter et éditer une zone de texte ?

image

Comment ajouter et éditer une image ?

Fonctionnalités de base

Comment sélectionner, redimensionner... un élément ?

ressources

Comment ajouter et éditer une forme, flèche... ?

éditeur - index (2/4)

éléments interactifs

Comment ajouter et éditer un élément interactif ?

smartblocks

Comment ajouter et éditer un smartblock ?

insertion de contenu externe

Comment ajouter un audio, une vidéo, un lien ou un code ?

fond

Comment modifier les fonds de la zone d'édition et de base ?

pages

Comment gérer vos pages et quelles possibilités ?

interactivité

Comment ajouter de l'interactivité à un élément ?

éditeur - index (3/4)

animation

Comment ajouter des animations à un élément ?

navigation

Quel mode de navigation choisir entre les pages ?

transition

Comment ajouter des effets de transition entre les pages ?

options de visualisation

Comment gérer les icônes affichés en visualisation ?

mode designer

Comment modifier les éléments avec précision ?

collaboration

Comment inviter des collaborateurs sur un Genially ?

éditeur - index (4/4)

zone d'édition

Comment changer la taille de la zone d'édition ?

raccourcis

Quels raccourcis utilisés pour plus de facilité ?

accessibilité

Quels outils pour rendre Genially plus inclusif ?

inscription (1/10)

https://genial.ly/fr/

inscription (2/10)

inscription (3/10)

Acceptation des conditions d'utilisation et de la politique de confidentialité de Genially

Cette acceptation peut varier en fonction du canal d'inscription choisi.

inscription (4/10)

Confirmation via votre email

Cette confirmation peut varier en fonction du canal d'inscription choisi.

Étape importante pour pouvoir publier vos Geniallys.

inscription (5/10)

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

Profilage (1)

inscription (6/10)

Profilage (2)

inscription (7/10)

Profilage (3)

inscription (8/10)

Profilage (4)

inscription (9/10)

Profilage facultatif (5)

inscription (10/10)

🙂 Bienvenue sur votre tableau de bord 🙂

tableau de bord

Zoom sur le tableau de bord

Suggestion de différents Geniallys à usage pédagogique

Barre de recherche pour affiner votre sélection d'un modèle Genially

Différentes catégories de modèles dont vous pouvez partir pour commencer à créer votre propre Genially (plus d'infos ICI)

C'est dans cette partie que les différents Geniallys que vous avez créés - en mode brouillon ou publiés - apparaitront sous forme de vignettes (plus d'infos ICI)

Vous avez jusqu'à 30 jours pour récupérer un Genially mis à la corbeille.

Fonctionnalités disponibles en Plan Premium (pas Edu pro) : insertion du logo d'une marque, de ses couleurs, typographies, images, fonds et de son ID Google Analytics

Présentation d'une sélection de Geniallys réalisés par différentes personnes pour servir de source d'inspiration. Un certain nombre d'entre eux sont réutilisables. Vous pouvez taper des mots-clés dans la barre de recherche, choisir une catégorie et/ou utiliser les critères "réutilisable uniquement" et "gratuits" pour affiner votre recherche.

Gestion des différents paramètres du compte (plus d'infos ICI)

Notifications envoyées par Genially

Abonnement Genially pour les écoles

gérer ses geniallys

C'est dans la section "Créations" de votre tableau de bord que les différents Geniallys que vous avez créés (en mode brouillon ou publiés) apparaitront sous la forme de vignettes. Au survol d'une vignette, différentes options sont proposées.

Genially déjà publié

Genially non encore publié

gérer ses geniallys

Possibilité de rechercher l'un ou l'autre de vos Geniallys à l'aide de la barre de recherche et des filtres situés en haut de la page.

En plan Free, cette fonctionnalité peut être pratique pour mettre le doigt rapidement sur l'une de vos créations (d'autant plus que l'option "Créer un dossier" n'est pas disponible en plan Free).

Avec cette option Edu Pro, vous pouvez classer et déplacer vos Geniallys dans différents dossiers et sous-dossiers.

Barre de recherche de la section "Créations"

gérer ses geniallys

Genially déjà publié (1/2)

Retour à l'édition de votre Genially

Présentation de votre Genially comme les utilisateurs le voient

Téléchargement de votre Genially en version Premium

Invitation de collaborateurs à travailler sur votre Genially

Partage de votre Genially

Possibilité de modifier le titre du Genially au niveau de sa vignette

gérer ses geniallys

Genially déjà publié (2/2)

Genially brouillon

Les options (en bleu) "Déplacer", "Envoyer une copie" et "Statistiques" sont des fonctionnalités de plan supérieur.

Possibilité de retourner en mode Brouillon

Possibilité de publier votre Genially directement à partir de sa vignette

gérer son compte

Accès en haut à droite de votre tableau de bord

gérer son compte

Paramètres du profil

Compléter votre profil et activer votre profil social

Changement de votre mot de passe et suppression de votre compte

Visualisation des caractériques de votre plan et changement de plan

Accès à vos factures si vous avez un plan payant

Paramètrage des notifications envoyées par Genially

Le profil social est une page web qui présente différents Geniallys que vous avez décidés de montrer. Ce choix s'effectue lors de la publication de votre Genially. Votre page peut afficher votre photo, nom, description, pays et réseaux sociaux. Voici un exemple de profil social C'est également dans cette section que vous pourrez paramétrer la photo/image de profil et le nom qui apparaitront en dessous de vos créations Genially.

gérer son compte

Accès à la section Aide de Genially

Aide

gérer son compte

Academy

Accès à la plateforme de cours en ligne de Genially

gérer son compte

Langue

Choix entre 6 langues pour l'interface de Genially

gérer son compte

Se déconnecter

PLAN EDU PRO

Fonctionnalités supplémentaires plan Edu pro

1

2

3

4

5

6

7

8

9

10

Accès aux modèles premium

Mettre le Genially en privé

Insertion d'un son depuis son pc

Téléchargement en jpg, pdf interactif, html et mp4

Visualisation sans connexion

Importation d'un PowerPoint

Organisation des Geniallys dans des dossiers

Transferts de projets

Couleurs du document

Aide avancée (chat en plus des emails)

PLAN EDU PRO

Accès aux modèles premium

= modèle Genially non disponible en plan free

PLAN EDU PRO

Mettre le Genially en privé

En mode privé : genially non référencé sur les moteurs de recherche et avec un lien direct (pas un lien social)

Possibilité de mettre un mot de passe sur l'ensemble du Genially

PLAN EDU PRO

Insertion d'un son depuis son pc

En plan Free : possibilité d'enregistrer un audio ou d'importer un audio sous la forme d'un lien internet (URL) mais pas d'en télécharger un à partir de votre ordinateur.

Plan free

Plan Edu pro

PLAN EDU PRO

Téléchargement en jpg, pdf interactif, html et mp4

Pour voir un exemple de PDF interactif, cliquez ICI et ensuite, téléchargez le document.

PLAN EDU PRO

Visualisation sans connexion

D'abord, téléchargez le fichier zip. Une fois dézippé, cliquez sur le fichier html nommé Genially.

Voici la Procédure à suivre pour visualiser des vidéos, des audios ou d'autres Geniallys dans un Genially hors ligne :

VISUALISER DES VIDÉOS, AUDIOS ET GENIALLYS DANS UN TÉLÉCHARGEMENT HTML (OFFLINE)

PLAN EDU PRO

Importation d'un PowerPoint

Transformez votre PowerPoint en Genially

PLAN EDU PRO

Organisation des Geniallys dans des dossiers

PLAN EDU PRO

Transferts de projets

PLAN EDU PRO

Couleurs du document

Fonctionnalité permettant de changer rapidement la couleur de tous les éléments de votre Genially.

En plan Edu pro : possibilité d'éditer 3 couleurs (primaire, secondaire et tertiaire) pour les appliquer aux éléments de votre Genially.

En plan free : possibilité d'éditer 1 couleur (primaire) mais accès aux différentes palettes de couleurs prédéfinies.

PLAN EDU PRO

Aide avancée (chat en plus des emails)

Coin inférieur droit de l'éditeur

Coin inférieur droit de l'éditeur

Plus d'infos sur la façon de contacter Genially

créer un genially (1/2)

Création d'un Genially à partir de votre tableau de bord

Les modèles Genially avec une étoile jaune ne sont pas disponibles en Plan Free.

créer un genially (2/2)

Création d'un Genially à partir d'un modèle ou d'une page blanche (catégorie "Création vierge").

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

créer un genially

Catégorie - Présentations

En plan Premium (dont Edu Pro), vous pouvez avoir accès à la fonctionnalité "Importer PPTX" afin de transformer vos PowerPoint en Genially.

créer un genially

Catégorie - Infographies

créer un genially

Catégorie - Gamification

créer un genially

Catégorie - Image interactive (1/4)

créer un genially

Catégorie - Image interactive (2/4)

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

1.1. Importez votre image (via votre ordinateur, une URL, Google Drive ou Dropbox)

1.2. Cliquez sur votre image

1.3. Cliquez sur ACCEPTER (en bas de la fenêtre)

créer un genially

Catégorie - Image interactive (3/4)

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

Faire pivoter votre image d'arrière-plan à gauche

Faire pivoter votre image d'arrière-plan à droite

Retourner votre image verticalement

Retourner votre image horizontalement

Zoomer

Dézoomer

Agrandir votre zone d'édition

Ajuster la taille de votre image d'arrière-plan

Remplacer votre image par une autre image

créer un genially

Catégorie - Image interactive (4/4)

3. Modifier ou ajouter des éléments interactifs et les doter de l'un des 6 types d'interactivité (étiquette, fenêtre, aller à la page, lien, zoom et audio).

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

créer un genially

Catégorie - Vidéo présentation

créer un genially

Catégorie - Guide

créer un genially

Catégorie - Matériel de formation

créer un genially

Catégorie - Plus

créer un genially

Catégorie - Création vierge

sélectionner un modèle (1/3)

1. Cliquer sur un modèle pour visualiser son contenu en le parcourant

sélectionner un modèle (2/3)

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

2. Cliquer sur "Utiliser ce modèle" pour l'ouvrir dans l'éditeur de Genially

sélectionner un modèle (3/3)

3. Cliquer sur "AJOUTER" pour ouvrir le modèle dans l'éditeur de Genially

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.

Ajouter toutes les pagespour conserver les éventuels liens d'interactivité entre elles et supprimer les pages non nécessaires une fois dans l'éditeur.

éditeur

Zoom sur l'éditeur

zone d'édition

base

base

État du Genially Soit en mode BROUILLON Soit en mode PUBLIC (lorsque le Genially est publié) Soit en mode PRIVÉ (pas disponible en plan Free)

Ajouter une nouvelle page

Donner un titre au Genially ou le modifier

Annuler une action ou la rétablir

Modifications sauvegardées ou Modifications non enregistrées Sauvegarde automatique toutes les 15 secondes mais possibilité de cliquer sur l'icône pour enclencher la sauvegarde ou utiliser le raccourci clavier CTRL + S

Retour au tableau de bord

Ajouter une zone de texte

Ajouter une image

Ajouter une ressource (forme, ligne, flèche...)

Ajouter un élément interactif

Ajouter un smartblock (composition préconstruite d'éléments)

Ajouter un audio, une vidéo, un lien ou un code

Ajouter/modifier un fond de zone d'édition et/ou un fond de base

Gérer les pages

Donner un titre aux pages

Appliquer/gérer une transition entre les pages

Masquer une page - Mettre un mot de passe

(Dés)épingler le menu de gauche

Section aide

Vue des pages en liste ou en grille

Ajouter un audio de fond à l'ensemble de votre Genially

Ajouter une nouvelle page

Supprimer la page

Zoomer (jusqu'à 400 %) et dézoomer

Passer à la page précédente ou suivante

Consulter ou modifier la taille de la zone d'édition

Mode de navigation entre les pages

Couleurs du documents

Voir les différents plans d'abonnement

Options de visualisation du Genially + Activation du Mode Designer

Publication du Genially

Prévisualisation du Genially

Collaborer sur un Genially

Accès aux modes de NAVIGATION TRANSITIONS de page paramètres de la TAILLE DE LA ZONE D'ÉDITION

icônes au clic

Bloquer un élément

Grouper 2 ou plusieurs éléments

Mettre une interactivité à un élément

Ajouter une animation à une élément

Remplacer un élément par un autre d'une catégorie similaire : image, ressource et élément interactif

fonctionnalités de base

Sélectionner un ou des éléments

redimensionner un ou des éléments

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

fonctionnalités de base

Sélectionner un ou des éléments

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

POUR sélectionner un élement

POUR sélectionner un ou plusieurs éléments

Étirez une zone de sélection sur les éléments concernés

Cliquez sur un élément puis l'autre tout en maintenant appuyé la touche Shiftou la touche CTRL

fonctionnalités de base

Redimensionner un ou des éléments

POUR redimensionner un ou des éléments

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

fonctionnalités de base

Faire pivoter un ou des éléments

POUR faire pivoter un ou des éléments

Sélectionnez le ou les éléments concernés et cliquez 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

fonctionnalités de base

Grouper des élements

POUR GROUPER

Sélectionnez les éléments concernés et cliquez sur l'icône qui apparaitjuste au-dessus des éléments sélectionnés

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

POUR DéGROUPER

fonctionnalités de base

Bloquer un ou des éléments

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

POUR Bloquer un ou plusieurs éléments

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

POUR déBloquer un ou plusieurs éléments

Pourquoi bloquer un ou plusieurs éléments ?

Bloquer un élément empêche de changer sa configuration (taille, couleur, emplacement...). Pour changer sa configuration à nouveau, il vous faudra débloquer l'élément. Cette option est intéressante quand vous souhaitez sélectionner certains éléments spécifiques dans une page qui comporte beaucoup d'éléments proches les uns des autres. En bloquant tel ou tel élément, il vous est possible d'obtenir facilement une sélection d'éléments souhaitée qui n'intégrera pas les éléments bloqués. EXEMPLE DE Sélection d'éléments contenant des éléments bloqués Dans cet exemple, seule la zone de texte inférieure est bloquée.

Possibilités en termes de gamification des appren-tissages (quiz, escape game...)

fonctionnalités de base

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

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

Sélectionnez le ou les éléments concernés et cliquez sur l'icône présent dans la barre supérieure de votre éditeur (ou lors du clic droit sur un élément)

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

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

Élément déplaçable, testez !

En fonction de l'usage de la fonctionnalité "rendre déplaçable un élément", pensez à ranger votre élément en utilisant l'option : Hiérarchiser le niveau de l'élément par rapport à d'autres éléments de la pageSi vous souhaitez, par exemple, utiliser cette option dans le cadre d'une activité de "glissement" d'une réponse vers une question, n'oubliez pas de mettre l'élément au premier plan (sans quoi il est possible que l'élément reste bloqué sous un autre lors de son déplacement). Autre exemple : vous pouvez décider de placer un élément en arrière-plan lors d'un activité gamifiée où il s'agit de déplacer des éléments empilés les uns sur les autres pour trouver l'élément en question.

prévisualisation

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

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.

texte

1

2

3

Ajout d'une zone de texte

Options de l'éditeur de texte

Options du menu contextuel clic droit

texte

Pour ajouter une zone de texte

2. Tapez votre texte.

3. Personnalisez le texte (police, couleur, taille...) à l'aide des options de l'éditeur de texte situé au-dessus de votre zone d'édition.

1. Sélectionnez en cliquant dessus la zone de texte souhaitée ou en la glissant vers la zone d'édition.

texte

Options de l'éditeur de texte

Couper

Copier

Coller

Supprimer

Bloquer

Hiérarchiser le niveau de la zone de texte par rapport à d'autres éléments de la page Mettre au premier plan Faire avancer d'un niveau Faire reculer d'un niveau Mettre à l'arrière plan

Police

Taille de la police

Gras

Italique

Souligné

Couleur de surlignage

Mettre toute la zone de texte en majuscules

Transformer en exposant la partie de la zone de texte sélectionnée

Transformer en indice la partie de la zone de texte sélectionnée

Mettre une ombre à la zone de texte

Alignement à gauche, à droite, centré ou justifié

Liste à puces ou numérotée

Interligne

Espacement entre les paragraphes d'une même zone de texte

Espacement interlettre

Supprimer la mise en forme de la zone de texte

Correcteur orthographique qui s'applique à toutes les zones de texte

Positionner la zone de texte sur la page

Transparence

Couleur du texte Possibilité de choisir la couleur du texte via le menu "Avancé" ou le menu "Échantillons" (introduire un code hexadécimal ou opter pour une couleur déjà proposée). En cliquant sur les " + ", vous ouvrez la fonctionnalité COULEURS DU DOCUMENT à droite de l'écran. Cette fonctionnalité permet de définir une couleur primaire, secondaire et tertiaire qui s'appliqueront plus rapidement à l'ensemble de votre Genially. Cette option n'est pas disponible en plan Free où seule la couleur primaire peut être éditée.

Rendre la zone de texte déplaçable

Grouper plusieurs zones de texte entre elles

Aligner plusieurs zones de texte entre elles

texte

Options du menu contextuel clic droit

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

Copier-coller le format

Dupliquer

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

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.

image

1

2

3

Ajout d'une image

Options de l'éditeur d'image

Remplacement d'une image

image

Ajouter une image à partir de... (1/2)

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

Vous pouvez par exemple insérer une image à partir de son url en cliquant droit sur l'image "Copier l'adresse de l'image" : Collez ensuite ce lien dans la section "URL" de la partie "Image" : La recherche de GIF à insérer dans son Genially est parfois plus simple à partir du site GIPHY même. Une fois votre choix posé, cliquez sur Share et ensuite sur Copy GIF Link. Il ne vous reste plus qu'à coller ce lien dans la section "URL" de la partie "Image" : https://media.giphy.com/media/ZctnCReaUDq7VB5wza/giphy.gif

image

Comment ajouter une image ? (2/2)

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.

image

Options de l'éditeur d'image (1/2)

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.

Couper

Copier

Coller

Supprimer

Bloquer

Hiérarchiser le niveau de l'image par rapport à d'autres éléments de la page Mettre au premier plan Faire avancer d'un niveau Faire reculer d'un niveau Mettre à l'arrière plan

Positionner l'image sur la page

Transparence

Cadres d'image Cette option permet de donner un effet visuel à votre image en lui appliquant soit :

- des bords arrondis

• - une forme circulaire
• - des bords avec ombre
• - des bords arrondis avec ombre
• - une forme circulaire avec ombre
• - un cadre blanc
• - un cadre blanc avec bords arrondis
• - un cadre blanc avec forme arrondie

Mise en forme de l'image

Rendre l'image déplaçable

Grouper plusieurs images entre elles

Aligner plusieurs images entre elles

Mise en forme de l'image Faire pivoter à gauche Faire pivoter à droite Inverser horizontalement Inverser verticalement Zoomer Dézoomer Étendre la zone de découpe pour l’adapter à la taille de l’image Fermer sans enregistrer les modifications Enregistrer les modifications Une fois que vous avez terminé de mettre en forme votre image, cliquez sur ce bouton (ou n'importe où ailleurs sur la zone d'édition) pour enregistrer les modifications apportées à l'image.

rogner l'image

Texte alternatif - accessibilité Plus d'infos sur cette page

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

image

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

Options de l'éditeur d'image (2/2)

Mise en forme de l'image

Astuces rognage

Lorsqu'une image est très petite, Genially ne permet pas de rogner au plus près cette image. 2 solutions s'offrent à vous pour rogner une petite image de manière précise : zoomer votre page avant de rogner et dézoomez une fois votre rognage terminé et enregistré. agrandissez l'image avant de commencer à la rogner. Une fois le rognage effectué et enregistré, vous n'avez plus qu'à réduire votre image à la taille désirée. L'option rognage de Genially peut être très sensible et il arrive qu'au lieu de rogner l'image, vous la déformiez suite à une mauvaise manipulation. Pour éviter cet écueil, n'hésitez pas à bien cliquer sur les barres bleues (cf. image ci-dessous) avant de commencer à rogner votre image.

image

Remplacement d'une image

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

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

Cette fenêtre s'ouvre :

Possibilité de remplacer votre image avec la proposition qui vous convient le mieux (image de votre ordinateur, de la banque d'images de Genially...)

ressources

silhouettes

icônes

formes

graphiques

Cartes

lignes et flèches

illustrations

scénarios

Les icônes Les icônes sont des représentations schématiques d'objets, de signes, d'actions, etc. Vous pouvez utiliser la fonction "Remplacer" pour obtenir un nouvel icône.

LES formes Vous pouvez utiliser la fonction "Remplacer" pour obtenir une nouvelle forme.

LES cartes Il s'agit de cartes muettes de pays, de continents ou du monde que vous pouvez personnaliser à votre guise avec des zones de texte, des ressources interactives... Vous pouvez utiliser la fonction "Remplacer" pour obtenir une nouvelle carte.

LES scénarios Les scénarios sont des illustrations qui racontent une histoire. Les scénarios fonctionnent comme des images, ce qui signifie que vous pouvez aussi les déformer, les faire pivoter et/ou les remplacer.

LES illustrations Les illustrations fonctionnent comme des images, ce qui signifie que vous pouvez aussi les déformer, les faire pivoter et/ou les remplacer.

LES lignes et flèches Vous pouvez utiliser la fonction "Remplacer" pour obtenir une nouvelle ligne ou flèche.

Pour trouver rapidement une ressource, vous pouvez utiliser le moteur de recherche en haut de la page. Saisissez un mot lié à votre recherche et cliquez sur la loupe pour afficher les ressources disponibles liées à ce mot.

LES silhouettes Les silhouettes sont des contours qui représentent divers concepts (nature, sports, professions...). Il est possible de changer leur couleur. Vous pouvez utiliser la fonction "Remplacer" pour obtenir une nouvelle silhouette.

ressources

Insérer un graphique (1/3)

Les paramètres de configuration de votre graphique

Via le menu qui s'ouvre à droite de l'écran, lorsque vous cliquez sur le graphique, il vous est possible de paramétrer et de personnaliser les graphiques. Ces graphiques sont également interactifs et animés.

ressources

Ajouter des données (2/3)

Ajouter les données de votre graphique

Modifier l'apparence du graphique

Vous pouvez rentrer directement vos données dans le tableau en cliquant sur une case (par copier-coller par exemple).

Possibilité de personnaliser les couleurs

Vous pouvez copier-coller ici en bas les données issues d'un fichier excel/sheets par exemple (mais supprimer les données d'exemple avant de coller les vôtres).

Permuter les valeurs entre les colonnes et les lignes (à utiliser notamment si les données ne se présentent pas correctement).

Pour marquer un nombre décimal : '.' ou ','

permutation des valeurs

ressources

Configurer les paramètres (3/3)

Le menu de configuration est fonction du graphique choisi.

Choisir un autre type de graphique

Choisir un autre palette de couleurs

Affichage de la légende du graphique

Affichage des valeurs des axes X et Y

Affichage d'informations dans une étiquette au survol de la souris

Modification de la couleur de police

Ajout de symboles/mots/unités à vos données (€, %...)

Affichage de l'animation du graphique lorsqu'il entre dans l'écran

éléments interactifs

réseaux sociaux

numéros et lettres

boutons de texte

marqueurs

boutons

questions interactives

zone invisible

LES numéros et lettres Les boutons numéro et lettre sont composés d'une forme avec un élément textuel. Ils sont souvent utilisés pour énumérer des listes, des étapes, des séquences, etc. Vous pouvez modifier chaque élément du bouton numéro et lettre (taille, couleur, police...). Vous pouvez utiliser la fonction "Remplacer" pour obtenir un autre élément interactif ou une ressource :

LES réseaux sociaux Vous pouvez modifier la taille et la couleur des boutons réseaux sociaux mais vous ne pouvez pas modifier le rapport entre leurs dimensions. Certains boutons comportent une animation zoom par défaut qui les agrandit lorsque vous les survolez. Cette animation ne peut pas être supprimée mais il est possible d'en ajouter d'autres. Vous pouvez utiliser la fonction "Remplacer" pour obtenir un nouveau bouton réseaux sociaux.

LES BOUTONS Les boutons sont des compositions d'icônes et de formes animées qui servent à indiquer une action. Vous pouvez modifier leur taille et leur couleur mais vous ne pouvez pas modifier le rapport entre leurs dimensions. Les boutons comportent une animation zoom (et slide pour un type de bouton) par défaut qui les agrandit lorsque vous les survolez. Cette animation ne peut pas être supprimée mais il est possible d'en ajouter d'autres. Vous pouvez utiliser la fonction "Remplacer" pour obtenir un nouveau bouton.

Pour trouver rapidement un élément interactif, vous pouvez utiliser le moteur de recherche en haut de la page. Saisissez un mot lié à votre recherche et cliquez sur la loupe pour afficher les éléments interactifs disponibles liés à ce mot.

LES BOUTONS de texte Les boutons de texte sont des compositions faites d'une forme, d'un icône et d'un texte. Vous pouvez modifier chaque élément du bouton de texte séparément (taille, couleur, police...) : soit en cliquant sur les différents éléments du bouton de texte (pensez à l'agrandir pour avoir plus facile à sélectionner tel ou tel élément du bouton), soit en dégroupant le bouton et en le regroupant une fois tous les éléments modifiés. Vous pouvez utiliser la fonction "Remplacer" pour obtenir un autre élément interactif ou une ressource :

LES marqueurs Les marqueurs sont des icônes avec une animation à la base qui permettent de mettre en évidence le point où ils sont placés. On peut, par exemple, les positionner sur une carte ou une image pour indiquer où se trouve l'interactivité. Vous pouvez modifier leur taille et leur couleur mais vous ne pouvez pas modifier le rapport entre leurs dimensions. L'animation à la base ne peut pas être supprimée mais il est possible d'en ajouter d'autres. Vous pouvez utiliser la fonction "Remplacer" pour obtenir un nouveau marqueur.

LES zones invisibles Une zone invisible est un élément que vous placez librement où vous voulez et à laquelle vous pouvez ajouter de l'interactivité. Cette zone ne sera pas visible lors de la visualisation mais elle maintiendra la zone interactive. Cet élément permet d'ajouter de l'interactivité aux zones, sections ou ensembles d'éléments lorsqu'il n'est pas possible de séparer plusieurs éléments (comme une photo) alors que vous souhaitez ajouter de l'interactivité à une zone spécifique. Vous pouvez modifier la taille de la zone comme vous le souhaitez. L'interactivité se déclenche une fois que l'on passe/clique sur la zone où se situe l'élément invisible.

éléments interactifs

Ajouter une question interactive

3 types de question

Choix multipleVrai ou fauxChoix de l'imageQuestion ouverte (prochainement)

TESTER ICI !

éléments interactifs

Choix multiple (1/3)

Accès aux paramètres de configuration de la question interactive

Cliquez sur les petits ronds pour signifier la/les bonne(s) réponse(s) et activez, ou non, l'ordre aléatoire des réponses

Stats et suivis activables uniquement en plan premium

Déplacer la réponse

Max 4 réponses !

éléments interactifs

Choix multiple (2/3)

À activer en plan free ou Edu pro pour que l'utilisateur puisse obtenir un retour sur son choix de réponse après avoir cliqué sur le bouton "Envoyer" (indication de la bonne réponse)

Aller à la page suivante

Possibilité d'activer des feedbacks (un pour la/les bonne(s) réponse(s)/un pour la/les réponse(s) incorrecte(s))

Aucune action

Aller à une page spécifique

Choix du nombre de secondes pour être envoyé à la page suivante ou une autre page, après avoir cliqué sur "ENVOYER"

Action qui s'enclechera après avoir cliqué sur "Envoyer"

éléments interactifs

Choix multiple (3/3)

Personnalisation de la mise en forme de la question interactive (bordure, fond, taille et couleur de la police pour la question...)

Choix de la façon dont les questions sont présentées

Choix du style

Copier-coller la mise en forme d'une question interactive à une autre

éléments interactifs

Vrai ou faux (1/3)

Accès aux paramètres de configuration de la question interactive

Cliquez sur "vrai" ou "faux" en fonction de la bonne réponse

éléments interactifs

Vrai ou faux (2/3)

À activer en plan free ou Edu pro pour que l'utilisateur puisse obtenir un retour sur son choix de réponse après avoir cliqué sur le bouton "Envoyer" (indication de la bonne réponse)

Aller à la page suivante

Possibilité d'activer des feedbacks (un pour la bonne réponse/un pour la réponse incorrecte)

Aucune action

Aller à une page spécifique

Choix du nombre de secondes pour être envoyé à la page suivante ou une autre page, après avoir cliqué sur "ENVOYER"

Action qui s'enclechera après avoir cliqué sur "Envoyer"

éléments interactifs

Vrai ou faux (3/3)

Personnalisation de la mise en forme de la question interactive (bordure, fond, taille et couleur de la police pour la question...)

Choix de la façon dont les questions sont présentées

Choix du style

Copier-coller la mise en forme d'une question interactive à une autre

éléments interactifs

Choix de l'image (1/3)

Accès aux paramètres de configuration de la question interactive

Cliquez sur les petits ronds pour signifier la/les bonne(s) réponse(s) et activez, ou non, l'ordre aléatoire des réponses

Déplacer la réponse

Max 4 réponses !

éléments interactifs

Choix de l'image (2/3)

À activer en plan free ou Edu pro pour que l'utilisateur puisse obtenir un retour sur son choix de réponse après avoir cliqué sur le bouton "Envoyer" (indication de la bonne réponse)

Aller à la page suivante

Possibilité d'activer des feedbacks (un pour la bonne réponse/un pour la réponse incorrecte)

Aucune action

Aller à une page spécifique

Choix du nombre de secondes pour être envoyé à la page suivante ou une autre page, après avoir cliqué sur "ENVOYER"

Action qui s'enclechera après avoir cliqué sur "Envoyer"

éléments interactifs

Choix de l'image (3/3)

Personnalisation de la mise en forme de la question interactive (bordure, fond, taille et couleur de la police pour la question...)

Choix de la façon dont les questions sont présentées

Choix du style

Copier-coller la mise en forme d'une question interactive à une autre

smartblocks

Données/Tableaux/GraphiquesDiagrammesGaleries/ImagesFull SizeBox Profile Listes/ProcessusCarteChronologiesAnimés

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 :

wRITE A TITLE HERE

wRITE A SUBTITLE

04

03

02

01

Title here

Lorem ipsum dolor sit amet

Title here

Lorem ipsum dolor sit amet

Title here

20%

80%

Lorem ipsum dolor sit amet

1

2

3

4

Title 1

Lorem ipsum dolor sit amet

TITLE 2

Lorem ipsum dolor sit amet

TITLE 3

Lorem ipsum dolor sit amet

TITLE 4

Lorem ipsum dolor sit amet

insertion de contenu externe

1

2

3

Insérer un audio

Insérer une vidéo

Insérer un lien ou un code

insertion de contenu externe

Audio à partir de votre ordinateur

Audio à partir d'un enregistrement audio

Fonctionnalité non disponible en plan free

Audio à partir d'un URL

Insérer un audio (1/4)

Plan free

INSÉRER UN AUDIO DEPUIS L'ORDINATEUR

• Les formats audio pris en charge : .mp3 - .mpeg - .wav - .wave - .xwav - .vnd
• La taille maximale : 15 Mo

Une fois l'audio téléchargé, cliquez dessus pour le placer sur la zone d'édition. Le menu des paramètres audio s'ouvrira directement à droite de l'écran pour le configurer.

INSÉRER UN AUDIO À PARTIR D'UN ENREGISTREMENT AUDIO SUR GENIALLY Remarques :

• la durée maximale est de 10 minutes.
• pour obtenir un enregistrement de meilleure qualité, fermer les autres applications et onglets actifs.

Cliquer sur le bouton du microphone ou sur "Cliquez pour enregistrer un son". Autoriser l'accès de votre microphone à Genially (nécessaire pour enregistrer). Cliquer sur le bouton arrêt ou sur "Cliquez pour terminer l'enregistrement". Votre enregistrement apparaîtra automatiquement dans l'éditeur et le menu des paramètres s'ouvrira sur le côté droit de l'écran une fois que vous aurez cliqué dessus.

INSÉRER UN AUDIO À PARTIR D'UN URL Coller le lien vers votre fichier audio dans la section "URL". Seuls les liens vers des MP3 sont autorisés. Les URL des vidéos YouTube ne sont pas valides. Une fois le téléchargement terminé, cliquez dessus pour le placer sur la zone d'édition. Cela ouvrira directement le menu des paramètres pour le configurer.

insertion de contenu externe

Insérer un audio - menu des paramètres audio (2/4)

Par défaut, toutes les options sont désactivées.

Changer le nom du fichier : un nom par défaut est attribué au fichier, audio_numéro, vous pouvez le modifier (fonctionnalité non disponible en plan free).

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

Loop : l'audio se reproduit en boucle.

Autoplay : l'audio se met en route automatiquement lors de la visualisation de la page.

insertion de contenu externe

Insérer un audio - menu des paramètres audio (3/4)

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

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.

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

Plus d'infos page suivante

insertion de contenu externe

Insérer un audio - audio de fond (4/4)

Cliquez sur "Ajouter un audio de fond" situé dans le coin supérieur gauche de la zone d’édition.

Insérez l'audio de fond depuis votre ordinateur (pas disponible en plan Free) ou via un lien (ou parmi vos audios déjà téléchargés).

Une fois inséré, cliquez sur l'audio situé au-dessus de votre zone d'édition si vous souhaitez accéder au menu des paramètres audio.

Seule l'option Loop peut être désactivée en Audio de fond Possibilité de n'avoir qu'un seul audio de fond par Genially Au démarrage du Genially, le son est automatiquement coupé. La personne doit cliquer sur un bouton "son" pour activer l'audio de fond.

insertion de contenu externe

Insérer une vidéo (1/4)

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.

Soit copiez l'URL de la vidéo dans la section "Vidéo" au niveau de l'onglet "Collez ici le lien" et cliquez sur la petite flèche

Pour insérer une vidéo :

Soit copiez le code d'intégration de la vidéo dans la section "Autres" au niveau de l'onglet "Collez ici le code ou le lien..." et cliquez sur le bouton "INSÉRER"

Astuces si "votre vidéo n'est pas disponible"

Si après avoir inséré le lien d'une vidéo dans votre Genially, vous obtenez : Malgré cette affichage, la vidéo sera visible en prévisualisation (l'œil en haut à gauche de votre écran Genially) mais il est un fait que la non possibilité de la visualiser dans votre zone d'édition peut être problématique pour votre mise en page. Pour éviter ce problème, recollez à nouveau le lien de votre vidéo (et supprimer l'ancienne vidéo non visible) et cette fois-ci, vous pourrez visualiser aussi en édition votre vidéo.

insertion de contenu externe

Insérer une vidéo (2/4)

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.

INSertion possible à partir de :

youtube

vimeo

google drive

Si insertion d'une vidéo via une URL :

INSÉRER UNE VIDÉO À PARTIR DE GOOGLE DRIVE Depuis votre compte Google Drive Cliquez sur le bouton : Vous devez accorder à Genially l'accès à votre compte Google Drive afin de pouvoir afficher le contenu de votre Drive sur Genially. Une fenêtre apparait dans votre éditeur avec les vidéos hébergées dans votre Drive. Il ne vous reste plus qu'à choisir la vidéo souhaitée. Vous n'aurez pas accès aux options de configuration mais vous pourrez changer la taille de la vidéo. Depuis le code d'intégration Modifiez la confidentialité en cliquant droit sur la vidéo dans votre Drive et en cliquant ensuite sur "Obtenir le lien". Choisissez l'option "Tous les utilisateurs disposant du lien" puis cliquez sur "Terminé" : Cliquez à nouveau droit sur la vidéo et choisissez "Aperçu" : Dans la fenêtre qui s'est ouverte, cliquez sur les 3 points situés en haut à droite et choisissez "Ouvrir dans une nouvelle fenêtre" : Dans cette nouvelle fenêtre, cliquez à nouveau sur les 3 points situés en haut à droite et choisissez "Intégrer un élément..." : Vous obtenez alors le code d'intégration que vous pouvez coller dans Genially :

INSÉRER UNE VIDÉO À PARTIR DE VIMEO Pour obtenir le lien ou le code d'intégration, cliquez sur l'icône "Partager" qui apparait à droite de la vidéo. Copiez le lien ou le code d'intégration pour l'insérer dans l'onglet "Collez ici le lien" de Genially. Si vous cliquez sur "+ Afficher les options", vous accéderez à des paramètres supplémentaires pour configurer votre code.

INSÉRER UNE VIDÉO À PARTIR DE YOUTUBE Pour obtenir le lien ou le code d'intégration, cliquez droit sur la vidéo YouTube et copiez le lien ou le code.

insertion de contenu externe

Insérer une vidéo - options de configuration (3/4)

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

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.

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

insertion de contenu externe

Insérer une vidéo - options de configuration (4/4)

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

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

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.

insertion de contenu externe

Insérer un lien ou un code (1/4)

Quelques exemples de codes intégrés

widgets

google street view

pdf de google drive

autre genially

exercice en ligne 2

exercice en ligne 3

exercice en ligne 1

réseaux sociaux

site web

google maps

insertion de contenu externe

Insérer un exercice en ligne à partir de LearningApps

insertion de contenu externe

Insérer un exercice en ligne à partir de Learning Snacks

insertion de contenu externe

Insérer un exercice en ligne H5P à partir de Digiquiz

insertion de contenu externe

Insérer un PDF à partir de Google drive

insérer UN PDF à partir de google drive Modifiez la confidentialité en cliquant droit sur le PDF dans votre Drive et en cliquant ensuite sur "Obtenir le lien". Choisissez l'option "Tous les utilisateurs disposant du lien" puis cliquez sur "Terminé" : Cliquez à nouveau droit sur le PDF et choisissez "Aperçu" : Dans la fenêtre qui s'est ouverte, cliquez sur les 3 points situés en haut à droite et choisissez "Ouvrir dans une nouvelle fenêtre" : Dans cette nouvelle fenêtre, cliquez à nouveau sur les 3 points situés en haut à droite et choisissez "Intégrer un élément..." : Vous obtenez alors le code d'intégration que vous pouvez coller dans Genially :

insertion de contenu externe

Insérer Google maps

insertion de contenu externe

Insérer Google street view

insertion de contenu externe

Insérer un autre genially

insertion de contenu externe

Insérer un site web

À partir d'une URL

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

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

insertion de contenu externe

Insérer des réseaux sociaux

insertion de contenu externe

Insérer des widgets

fond

Différence entre fond de zone d'édition et fond de base (1/2)

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

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

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

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

ZONE D'édition

base

base

fond de zone d'édition vs fond de base

fond

Différence entre fond de zone d'édition et fond de base (2/2)

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

Applique automatiquement le fond choisi à toutes les pages.

fond de zone d'édition

fond de base

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

Cliquer sur "Voir plus" pour afficher tous les fonds de la galerie. Vous pouvez appliquer un filtre de recherche. Certains fonds sont animés : Vous pouvez les reconnaitre grâce à cet icône bleu.

Choisir une image dans la galerie Pixabay

Cliquer sur "Voir plus" pour afficher tous les fonds de la galerie. Vous pouvez appliquer un filtre de recherche en tapant des mots-clés.

Aucun fond

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

Cliquer sur "Voir plus" pour afficher tous les fonds de la galerie. Vous pouvez appliquer un filtre de recherche. Certains fonds sont animés : Vous pouvez les reconnaitre grâce à cet icône bleu.

Choisir une image dans la galerie Pixabay

Cliquer sur "Voir plus" pour afficher tous les fonds de la galerie. Vous pouvez appliquer un filtre de recherche en tapant des mots-clés.

pages

1

2

3

Choisir la vue en liste ou en grille

Ajouter une page

Dupliquer ou supprimer une page

4

5

6

Modifier le titre ou l'ordre des pages

Ajouter un mot de passe

Masquer une page

pages

Vue en liste et vue en grille (2/2)

vue en liste

Qu'il s'agisse de la vue en grille ou en liste, différentes possibilités :

Ajouter une pageSupprimer une pageDupliquer une pageModifier l'ordre d'une pageModifier le titre d'une pageModifier les transitionsMettre un mot de passe à une pageMasquer une page

pages

Vue en liste et vue en grille (1/2)

vue en grille

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électionner une suite de page.

pages

Ajouter une page (1/2)

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

à partir d'un autre modèle

à partir de vos autres créations

pages

Ajouter une page (2/2)

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

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.

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.

pages

Dupliquer ou supprimer une page

Dupliquer une page

supprimer une page

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

Placez votre souris sur la page que vous souhaitez supprimer 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 .

pages

Modifier le titre et l'ordre des pages

modifier le titre d'une page

modifier l'odre des pages

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.

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é.

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

pages

Mettre un mot de passe à une page (1/2)

Avec l'option mot de passe, il est possible de verrouiller certaines pages de votre Genially (fonctionnalité intéressante dans le cadre de la gamification des apprentissages ou simplement pour limiter l'accès à votre création).

Cliquez sur les trois points figurant sur le côté droit de la page (en dessous de la baguette) et sélectionnez "Ajouter un mot de passe à la page".

pages

Mettre un mot de passe à une page (2/2)

Le menu qui s'ouvre à droite de l'éditeur est un aperçu de l'écran du mot de passe (cliquez pour agrandir cet aperçu). Il vous est possible de changer le mot de passe, de le supprimer et de personnaliser l'écran (couleurs et textes).

Tapez le mot de passe dans la fenêtre qui s'ouvre et cliquer sur "Prêt" pour enregistrer vos modifications.

pages

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 "Rendre cette page visible" pour la démasquer.

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

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

interactivité

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.

Un élément avec une interactivité présente un onglet bleu nommant le type d'interactivité.

Vers les 7 types d'interactivité

interactivité

7 types d'interactivité

Possibilité d'ajouter plusieurs interactivités à un même élément

Possibilité de copier l'/les interactivité(s) d'un élément sur un autre

Bonjour

L

interactivité

D'abord, ajouter une interactivité à un élément (ici une étiquette) puis cliquer sur " + EN AJOUTER"

Au survol d'une interactivité ajoutée, possibilité de la supprimer à l'aide de la poubelle

Supprimer toutes les interactivités de l'élément

Il n'est pas possible d'associer toutes les interactivités. Lorsque l'association n'est pas possible, l'interactivité se présentera en gris clair et ne pourra être sélectionnée.

Dans l'éditeur, affichage du nombre d'interactivités ajoutées à un élément en cliquant dessus

Ici, l'interactivité "zoom" ne peut être associée avec les interactivités "Fenêtre" et "Aller à la page".

interactivité

Cliquez droit sur l'élément qui comporte une ou plusieurs interactivités que vous souhaitez copier, puis sur "Copier l'interactivité"

Cliquez droit sur l'élément (ou le groupe) auquel vous souhaitez appliquer l'/les interactivité(s) , puis sur "Appliquer l'interactivité"

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).

interactivité

EXEMPLE 1

EXEMPLE 2

EXEMPLE 3

Étiquette

Annuler

Rétablir

Couleur de la police

Couleur de surlignage

Choix de la police

Taille de la police

Gras

Italique

Souligné

Barré

Majuscule

Alignement du texte

Liste à puces ou numérotée

Diminuer le retrait

Augmenter le retrait

Effacer le formatage

Insérer un émoticône

Insérer une ligne horizontale

• ....
• ...
• ...

Insérer un lien Deux possibilités : vous sélectionnez le texte ou la partie de texte à laquelle vous souhaitez joindre un lien hypertexte et vous cliquez ensuite sur l'icône Exemple : vous trouverez un lien ICI vers notre profil social Genially vous cliquez directement sur l'icône lien et vous tapez votre texte dans la fenêtre Exemple : Profil social Genially Il est toujours possible de remodifier la mise en forme du texte par après Profil social Genially

Insérer une vidéo Soit via une URL (d'une vidéo YouTube par exemple) Soit via un code d'intégration

Insérer un tableau Différentes options pour construire votre tableau : Ajouter une entête de tableau Supprimer le tableau Supprimer ou insérer des lignes avant/après Supprimer ou insérer des colonnes avant/après Tableau avec bordures en pointillés ou avec alternance Fusionner ou fractionner des cellules Modifier les couleurs des cellules Aligner le texte par rapport à la hauteur de la cellule (aligner en haut, au centre ou en bas) Aligner, centrer ou justifier le texte dans la cellule Accentuer une cellule

Insérer un code

Prévisualiser

Effacer le contenu

Fermer l'étiquette

via GIPHY

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.

interactivité

Fenêtre

EXEMPLE 1

EXEMPLE 3

Modifier un code

EXEMPLE 2

Effacer le contenu

Fermer la fenêtre

Donner un titre à la fenêtre qui sera visible en survolant l'élément avec la souris

Taille de la fenêtre sur la zone d'édition

Annuler

Rétablir

Couleur de la police

Couleur de surlignage

Choix de la police

Taille de la police

Gras

Italique

Souligné

Barré

Majuscule

Alignement du texte

Liste à puces ou numérotée

Diminuer le retrait

Augmenter le retrait

Effacer le formatage

Insérer un émoticône

Insérer une ligne horizontale

• ....
• ...
• ...

Insérer un lien Deux possibilités : vous sélectionnez le texte ou la partie de texte à laquelle vous souhaitez joindre un lien hypertexte et vous cliquez ensuite sur l'icône Exemple : vous trouverez un lien ICI vers notre profil social Genially vous cliquez directement sur l'icône lien et vous tapez votre texte dans la fenêtre Exemple : Profil social Genially Il est toujours possible de remodifier la mise en forme du texte par après PROFIL SOCIAL GENIALLY

Insérer une vidéo Soit via une URL (d'une vidéo YouTube par exemple) Soit via un code d'intégration

Insérer un tableau Différentes options pour construire votre tableau : Ajouter une entête de tableau Supprimer le tableau Supprimer ou insérer des lignes avant/après Supprimer ou insérer des colonnes avant/après Tableau avec bordures en pointillés ou avec alternance Fusionner ou fractionner des cellules Modifier les couleurs des cellules Aligner le texte par rapport à la hauteur de la cellule (aligner en haut, au centre ou en bas) Aligner, centrer ou justifier le texte dans la cellule Accentuer une cellule

Insérer un code

Pour les étiquettes et les fenêtres, vous pouvez changer les dimensions d'un code intégré en modifiant les attributs "width" (largeur) et "height" (hauteur) afin d'ajuster au mieux votre PDF, vidéo, image... à la zone de l'étiquette ou de la fenêtre. Exemple de l'intégration d'un code non modifié : Exemple de l'intégration du code modifié (en gardant les proportions) :

interactivité

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é

Aller à la page (1/2)

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

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

Ajouter un étiquette titre à votre interactivité "aller à la page" qui sera visible en survolant l'élément avec la souris

interactivité

Aller à la page (2/2)

Vous pouvez relier votre élément :

à 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 "Dernière page" (la dernière 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)

interactivité

Lien

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.

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.

Ajouter un étiquette titre à votre interactivité "lien" qui sera visible en survolant l'élément avec la souris

Plus d'infos sur cette page

interactivité

Zoom (1/2)

Ce type d'interactivité permet d'afficher une image ou autres ressources compatibles en plein écran au clic. Cela peut être utile pour une création qui comporte de nombreuses images.

Ajouter un étiquette titre à votre interactivité "zoom" qui sera visible en survolant l'élément avec la souris

interactivité

Zoom (2/2)

Les ressources compatibles avec l'interactivité zoom :

les images au format .jpg, .jpeg, .png, .svg et .gif

les ressources à l'exception des catégories graphiques et tableaux

les catégories Boutons, Marqueurs et Réseaux sociaux des éléments interactifs

Tout type de texte ou groupe de textes

Belgique

hello

les groupes d'éléments constitués d'images, de ressources, d'éléments interactifs ou de textes (mentionnés ci-dessus)

interactivité

Audio (1/2)

Cette interactivité permet d'associer un audio à des images, des boutons, des formes... pour qu'il se reproduise au clic sur l'élément. Fonctionnalité intéressante dans le cadre de la gamification des apprentissages telle qu'un escape game.

En plan free, possibilité d'enregistrer un audio via Genially ou d'insérer un audio à partir d'une URL (pas d'importation depuis l'ordinateur).

Ajouter un étiquette titre à votre interactivité "audio" qui sera visible en survolant l'élément avec la souris

interactivité

Possibilité de découper le début et la fin de l'audio

Une fois votre audio ajouté, vous avez directement accès aux paramètres de configuration. Par la suite, accès à ces para-

Audio (2/2)

Possibilité de changer le titre de l'audio

Possibilité de reproduire l'audio en boucle

Possibilité de remplacer l'audio

Au clic sur un élément avec une interactivité "audio", l'utilisateur déclenchera l'audio. Un autre clic le mettra en pause.

mètres en cliquant sur le bouton bleu "Audio" (bouton affichant l'interactivité de l'élément).

interactivité

Cette interactivité révèle un élément ou un groupe d'éléments en cliquant sur un autre (fonction intéressante dans le cadre de la gamification des apprentissages).

Révéler (1/2)

Après avoir cliqué sur un élément et avoir choisi l'interactivité Révéler, cliquez sur l'élément que vous souhaitez révéler pour le sélectionner

1

Ensuite, cliquez sur le bouton bleu "SAUVEGARDER"

2

Agrandissement de la vue de la page pour faciliter la sélection de l'élément à révéler

Permet de faire disparaitre l'élément à réléver au second clic sur l'élément comportant l'interactivité "Réveler"

interactivité

Révéler (2/2)

Possibilité de modifier ou supprimer l'animation d'entrée définie par défaut de l'élément qui se révèle

Pour modifier l'élément à révéler, cliquez sur le bouton bleu "Révéler" pour sélectionner un autre élément

animation

Animation des éléments (1/5)

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.

animation

Animation des éléments - types (2/5)

Il existe 5 types d'animation

Animation d'entrée

Animation de sortie

Animation continue

Animation au passage de la souris

Animation au clic

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

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

L'animation sera affichée juste avant que l'élément ne disparaisse de la zone d’édition. Ce type d'animation peut être utilisé pour retirer des ressources lorsque vous souhaitez que votre public ne les voie que pendant un temps limité.

L'effet d'animation sera montré lorsque l'élément animé entrera dans l'écran.

Animation activée uniquement lorsque vous passez la souris sur l'élément. Elle permet de masquer et d'afficher des éléments. Vous pouvez faire en sorte qu'un élément ne soit visible que par votre public pendant qu'il interagit avec lui.

L'animation est affichée en permanence tant que l'élément est à l'écran. Elle ne s'arrête que lorsque vous passez à une autre page. Elle est souvent utilisée pour montrer quels éléments de votre Genially ont une interactivité.

Animation activée au clic sur l'élément. En fonction de l'effet choisi, l'animation se produira une seule fois au clic sur l'élément (effet réduire, slide...) ou à chaque clic sur l'élement (effet impulsion, battement...).

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.

animation

Animation des éléments - options (3/5)

Les options configurables d'une animation :

La direction

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.

Pour les animations d'entrée et de sortie

animation

Animation des éléments - options (4/5)

La vitesse

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

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

Le début

Pour les animations d'entrée et de sortie

Pour les animations d'entrée et de sortie

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

animation

Animation des éléments - gestion (5/5)

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.

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

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

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

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".

navigation

Modes de navigation entre les pages (1/2)

2 possibilités d'accès :

Un mode de navigation s'appliquera à toutes les pages.

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

ou

Les 2 flèches situées en dessous de la zone d'édition

Les 3 points verticaux situés à droite de l'écran

navigation

Modes de navigation entre les pages (2/2)

standard

Vidéo

microsite

MODE DE NAVIGATION VIDÉO En mode de navigation Vidéo, les pages se reproduisent automatiquement toutes les 5 secondes sans l'intervention de la personne qui les regarde. La durée en seconde est configurable pour chaque page et vous pouvez définir une durée différente pour chacune des pages. La lecture en boucle permet de reproduire le Genially à l'infini. Quand il arrivera à la dernière page, il reviendra automatiquement à la première. L'utilisateur doit cliquer sur "lecture" pour commencer à regarder le Genially. En passant la souris sur le bas du Genially, la barre de navigation s'affichera et il sera alors possible de mettre en pause la lecture ou de naviguer avec les flèches.

MODE DE NAVIGATION MICROSITE En mode navigation Microsite, les flèches de navigation disparaissent, de même que tout moyen visible de tourner les pages. En activant ce mode, il est nécessaire d'inclure un élément (une icône, une image...) sur chaque page, et d'appliquer l'interactivité "Aller à la page", pour rendre le Genially navigable. Ce mode de navigation est utile pour créer des microsites, des quiz, des escape games, des présentations non linéaires ou des présentations linéaires avec des flèches de navigation personnalisées.

MODE DE NAVIGATION STANDARD En navigation standard, des flèches de navigation s'affichent à droite et à gauche de chaque page (ou à droite de la page en cas de transition verticale). Ce mode de navigation est propice pour les présentations et toute création qui suit un ordre linéaire (page 1, page 2...).

transition

Effets de transition entre les pages (1/2)

2 possibilités d'accès :

ou

L'icône baguette magique à coté de la miniature de la page

Les 3 points verticaux situés à droite de l'écran

Vue liste

Vue en grille

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

transition

Effets de transition entre les pages (2/2)

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

En cliquant sur chaque transition 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

options de visualisation

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

Aperçu des icônes en mode visualisation

Activer/désactiver "Plein écran" Si vous activez cette option, votre Genially s'adaptera à toute la hauteur et largeur de l'écran. Une fois activée, l'icône "Plein écran" sera présent sur tout votre Genially lors de sa visualisation en bas à droite de l'écran. En cliquant sur l'icône lors de la visualisation, le Genially s'adaptera aux dimensions de l'écran (mode plein écran).

Activer/désactiver "Indicateur d'interactivité" Si vous activez cette option, un icône apparaitra dans le coin supérieur droit pour indiquer que votre page comporte un élément interactif (cette option est activée par défaut). En cliquant dessus, un ou plusieurs indicateurs s'activeront un court instant pour montrer à l'utilisateur quels sont les éléments qui possèdent de l'interactivité. Cette icône apparaitra uniquement sur les pages qui comportent des éléments interactifs.

Activer/désactiver "Indicateur d'éléments déplaçables" Si vous activez cette option, un icône apparaitra dans le coin supérieur droit pour indiquer que votre page comporte un ou des éléments déplaçables. En cliquant dessus, un ou plusieurs indicateurs s'activeront un court instant pour montrer à l'utilisateur quels sont les éléments qui peuvent se déplacer. Cette icône apparaitra uniquement sur les pages qui comportent des éléments déplaçables.

Activer/désactiver "Dessiner sur le Genially" Si vous activez cette option, un icône "crayon" apparaitra dans le coin supérieur droit de votre Genially pour indiquer que l'utilisateur peut dessiner sur la page. En cliquant sur l'icône, une barre d'outils apparaitra pour choisir la couleur, la taille ou supprimer les traits dessinés sur la page. Les traits ne sont pas enregistrés d'une session à l'autre. Ils ne restent sur les pages que durant le laps de temps où le Genially est visualisé. En recliquant sur l'icône "crayon" sur une page, vous pouvez retrouver les traits dessinés.

Activer/désactiver "Titres" Si vous avez rentré un titre aux éléments interactifs "Fenêtre", "Aller à la page", "Lien", "Zoom" ou "Audio", vous devez activer l'option "Titres" pour que lors de la visualisation de la page, une étiquette avec le titre apparaisse lorsque l'utilisateur situera le pointeur de sa souris sur l'élément interactif auquel vous avez associé un titre. Cette fonctionnalité permet de joindre une étiquette aux autres types d'interactivité.

Cette fonctionnalité n'est disponible qu'en plan Premium ou Master (pas Edu pro).

Il vous est possible de choisir la couleur de vos étiquettes pour l'ensemble de votre Genially. Soit noire : Soit blanche :

Lors de la visualisation, voici les différents icônes qui apparaitront sur votre Genially si vous avez activé tel ou tel élément. Pour plus d'infos sur chaque élément, cliquez sur les rectangles verts dans la page. Ces icônes sont activables et désactivables à tout moment.

Activer/désactiver "Partager Genially" Si vous activez cette option, votre Genially ne proposera pas les différentes options de partage via lien, code, email, réseau social et Google Classroom/Microsoft Teams. Néanmoins, votre Genially restera partageable en copiant le lien présent dans la barre de navigation :

mode designer

Mode designer - activation (1/7)

Pour activer le Mode designer, cliquez sur les 3 barres horizontales dans l'Éditeur et sélectionnez "Mode designer" ou activez-le avec les touches de votre clavier Ctrl+M (Cmd+M).

mode designer

Mode designer - Élément (2/7)

Avec le Mode designer, il est possible de paramétrer avec exactitude la position, la taille et la rotation d'un élément.

Vous pouvez ajuster la taille de votre élément en conservant ses proportions ou bien vous pouvez attribuer les valeurs de largeur et de hauteur de votre choix en décochant le maintien des proportions.

mode designer

Mode designer - Couches (3/7)

Avec le Mode designer, il est également possible de travailler avec les différentes couches de votre Genially. Il s'agit d'une fonctionnalité fort utile (surtout si l'on travaille avec des extensions de S'cape ou Sandbox Education).

Voici les différentes fonctionnalités :

Supprimer un ou plusieurs éléments de votre Genially

mode designer

Mode designer - Couches (4/7)

Masquer un ou plusieurs éléments de votre éditeur (et non de votre création)

Cela permet de cacher des éléments dans l'éditeur afin de faciliter l’édition de vos créations, notamment lorsqu'il y a beaucoup d'éléments sur la zone d’édition.Elle facilite également l’édition des éléments en cascade (plusieurs éléments superposés) pour la modification de couches inférieures.

mode designer

Mode designer - Couches (5/7)

Bloquer un ou plusieurs éléments

Le verrouillage des éléments peut être pratique pour éditer le reste de votre création sans craindre de les modifier ou de les repositionner par erreur.

mode designer

Mode designer - Couches (6/7)

Ordonner les éléments en les faisant glisser

Cette fonctionnalité permet de jouer avec les couches de votre création, afin de placer à l'avant ou d’envoyer à l'arrière n'importe quel élément.

La première couche la plus en avant correspond au premier élément de la liste, et le dernier élément est celle qui est le plus au fond.

mode designer

Mode designer - Couches (7/7)

Renommer les éléments

Chaque élément inséré sur la zone d’édition est nommé avec son type dans la liste. Pour chaque type d'élément (texte, image, groupe, SVG...), une couleur ou un symbole spécifique est affiché.

Vous pouvez renommer les éléments pour faciliter leur identification et le tri de vos couches. Pour cela, double-cliquez sur le nom qui apparaît puis saisissez le nouveau nom.

collaboration

Collaborer sur un Genially (1/4)

Vous pouvez travailler de manière collaborative sur un même Genially.

Pour un Genially collaboratif, cliquez sur l'icône en haut à droite de l'écran.

Dans la fenêtre qui s'ouvre, vous pouvez introduire un ou plusieurs émails (si plusieurs, séparez-les par une virgule) et terminez en appuyant sur "Prêt". Si l'une des personnes ajoutées ne possèdent pas de compte Genially, elle recevra une invitation pour s'inscrire sur la plateforme. Le Genially que vous avez rendu collaboratif apparaîtra dans la section "Mes créations" des personnes que vous avez invitées à collaborer.

collaboration

Collaborer sur un Genially (2/4)

Une seule personne peut éditer le Genially à la fois. L'outil vous affichera un avertissement si vous essayez d'accéder à l'édition du genially en même temps qu'une autre personne.

collaboration

Collaborer sur un Genially (3/4)

Vous pouvez également rendre un Genially collaboratif à partir de votre tableau de bord en cliquant sur l'icône "Ajouter un collaborateur" de la vignette de votre Genially. Vous pouvez filtrer vos Geniallys collaboratifs au niveau de la barre de recherche de votre tableau de bord. Un Genially collaboratif est identifié via une étiquette bleue affichée sur la vignette.

collaboration

Collaborer sur un Genially (4/4)

Toute personne qui a été invitée à collaborer peut abandonner le travail de collaboration à tout moment.

Seule la personne titulaire du Genially peut supprimer des collaborateurs.

zone d'édition

Changer la taille de la zone d'édition

Cette modification s'appliquera à toutes les pages.

Vous pouvez sélectionner une taille prédéfinie ou personnaliser vos dimensions en faisant le choix ou non de maintenir les proportions.

2 possibilités d'accès :

ou

L'icône situé en dessous de la zone d'édition

Les 3 points verticaux situés à droite de l'écran

raccourcis

Raccourcis Genially

Pour Mac, touche Cmd au lieu de Ctrl

Pour visualiser les raccourcis, cliquez sur les 3 barres horizontales en haut à droite de l'éditeur, puis sur "Raccourcis clavier"

accessibilité

Outils d'accessibilité dans Genially

Naviguer avec le clavier dans un Genially

Outil d'accessibilité pour les éléments visuels

Outil d'accessibilité pour les textes

Outil d'accessibilité pour les liens

accessibilité

Naviguer avec le clavier dans un Genially

Possibilité de naviguer dans votre Genially à l'aide de votre clavier sans nécessité de la souris ou du pad

touches directionnelles

touche tabulation

touche entrée

Passer d'une page à l'autre en mode de navigation Standard

Sélectionner un élément d'une page d'un Genially et se déplacer d'un élément à un autre

Activer les interactivités d'un élément (après l'avoir sélectionné avec la touche tab)

Navigation à l'aide du clavier possible sur un Genially : publié ou téléchargé pour l'hors ligne ou en SCORM

accessibilité

Outil d'accessibilité pour les éléments visuels

Compatibilité avec la plupart des lecteurs d'écran

Pour la plupart des éléments visuels, possibilité d'associer un texte alternatif de maximum 125 caractères qui sera lu par un lecteur d'écran

1. Cliquez sur l'élément visuel

2. Cliquez sur l'icône "Accessibilité" dans la barre supérieure

3. Ajoutez votre texte alternatif dans le menu de droite

4. L'icône "accessibilité" devient bleu

accessibilité

Outil d'accessibilité pour les textes

Faciliter la compréhension de la structure d'une page

Pour les textes, cliquez sur les catégories de texte appropriées (Titre 1, Titre 2...) pour les hiérarchiser

La plupart des lecteurs d'écran informeront à quelle catégorie appartient le texte avant de lire son contenu

accessibilité

Outil d'accessibilité pour les liens

La plupart des lecteurs d'écran informeront l'utilisateur sur la destination du lien via une lecture à voix haute

Pour les liens, ajoutez dans l'onglet interactivité lien, un texte (de 125 caractères maximum) contenant des informations sur le site où mène le lien

publier un genially

Publication d'un Genially - 4 possibilités (1/5)

À partir du tableau de bord, en cliquant sur les 3 points verticaux au survol de la vignette

À partir de l'éditeur au niveau de la barre supérieure

Au niveau de l'onglet indiquant l'état de votre Genially en mode brouillon

Au niveau des 3 barres horizontales en cliquant sur l'onglet >

Au niveau de ce bouton bleu en haut à droite de l'éditeur

Les options de confidentialité sont liées à la publication de votre Genially

publier un genially

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é

Publication d'un Genially (2/5)

Le mode Privé En publiant votre Genially comme "Privé", il ne sera visible que par les personnes avec lesquelles vous partagerez le lien de visualisation. Vous pouvez le partager ou le présenter, mais il ne sera pas indexé dans les moteurs de recherche. Il est également possible de protéger votre création à l'aide d'un mot de passe.

publier un genially

Publication d'un Genially (3/5)

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 (uniquement si vous avez utilisé l'onglet "Brouillon" à côté du titre de votre Genially) :

publier un genially

Publication d'un Genially (4/5)

Le bouton à côté du titre devient

publier un genially

Publication d'un Genially (5/5)

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

Avec le bouton

Vous pouvez repasser en mode Brouillon à tout moment.

En cliquant sur cette icône de partage, accès direct aux possibilités de partage

En cliquant sur "Présenter", ouverture de votre Genially dans une nouvelle fenêtre de votre navigateur

publier un genially

Paramétrer son Genially comme réutilisable (1/2)

Vous pouvez configurer votre Genially comme réutilisable pour permettre la réutilisation de votre création par d'autres personnes, comme un modèle. Les Geniallys réutilisables se présentent souvent avec l'option "Réutiliser ce Genially" située en dessous de votre création :

ou de cette manière pour les Geniallys partagés avec le lien privé

publier un genially

Paramétrer son Genially comme réutilisable (2/2)

Lorsqu'une personne clique sur le bouton bleu, une copie de votre Genially lui est envoyée sur son compte. Elle pourra ainsi apporter des modifications à cette copie sans que votre Genially original ne soit affecté.

Vous pouvez marquer un Genially comme réutilisable lors de sa publication ou après celle-ci.

Il est également possible de publier un Genially comme réutilisable en mode Privé. Vous pouvez désactiver cette option à tout moment.

Attention !!! En plan free, il ne vous sera pas permis de réutiliser une création provenant d'un modèle Genially Premium.

publier un genially

Activer son profil social (1/2)

Le profil social est une page personnelle où vous pouvez décider de montrer vos créations Genially à tout le monde (toutes vos créations ou certaines). Par défaut, vos Geniallys publics et réutilisables seront affichés dans votre profil social mais vous avez tout à fait la possibilité de modifier ce paramètre.

publier un genially

Activer son profil social (2/2)

Pour activer votre profil social, vous devez avoir vérifié votre compte Genially et accéder aux paramètres de votre profil à partir de votre tableau de bord.

Votre compte avec la possibilité d'activer votre Profil social :

partager un genially

3 possibilités pour activer le partage (1/6)

À partir de l'éditeur au niveau de la barre supérieure

À partir du tableau de bord, en cliquant sur l'icône de partage au survol de la vignette

Au niveau du gros bouton bleu PARTAGER

Au niveau des 3 barres horizontales en cliquant sur l'onglet Partager

Lorsque vous cliquez sur le bouton ou l'icône "Partager", cette fenêtre s'ouvre :

partager un genially

Le lien (adresse URL) qui mène à chaque Genially est unique et invariable. Même si vous modifiez votre Genially, l'adresse web restera la même et en accédant à votre création, c’est toujours la dernière version qui s’affichera.

Le lien de page sociale présente votre création et des informations supplémentaires autour : la date de création du Genially, d'autres exemples de Geniallys avec des thèmes similaires ainsi que la transcription des textes inclus dans votre création.

Avec le lien en page exclusive, seul votre Genially sera vu (non disponible en Plan Free).

Partager via un lien (2/6)

partager un genially

Au niveau de l'intégration d'un Genially via un code, il est préférable d'utiliser le code iFrame car les étiquettes et les fenêtres interactives seront toujours affichées dans les limites de votre Genially. Ce code offre une meilleure compatibilité entre les navigateurs.

Partager via un code d'intégration (3/6)

partager un genially

En utilisant l'option "Envoyer par email", un émail sera automatiquement envoyé à l'adresse que vous avez indiquée, avec le lien vers votre Genially accompagné d’un texte invitant le destinataire à visualiser votre création.

Partager via un email (4/6)

partager un genially

Partager via un réseau social (5/6)

partager un genially

Partager via Google Classroom ou Microsoft Teams (6/6)