Want to make creations as awesome as this one?

✅ Débuter avec Genially : un tutoriel (en construction) pour maîtriser les bases (inscription, tableau de bord, éditeur et partage d'un Genially).

Transcript

tutoriel genially

inscription

tableau de bord

éditeur

partage

Fonctionnalités supplémentaires Plan edu pro

Les RochDur

inscription à genially

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

plan free vs plan edu pro

https://genial.ly/fr/

Allez sur

Fonctionnalités supplémentaires plan edu pro

Importation d'un Power Point

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

édition des couches

organisation des geniallys dans des dossiers

Aide avancée (Chat en plus des emails)

accès au modèles premium

couleurs du document

mettre le genially en privé

insertion d'un son depuis son pc

visualisation sans connexion

transfert de projets

Graphiques avancés

En plan Free, les étoiles sont jaunes pour signaler que ces modèles Genially ne sont pas disponibles.

Genially non référencé sur les moteurs de recherche et avec un lien direct (pas un lien social) En mode privé, possibilité de mettre un mot de passe sur l'ensemble du Genially

En plan Free, seulement la possibilité d'enregistrer un audio ou d'importer un audio sous la forme d'un lien internet (URL).

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

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)

Transformez votre Power Point en Genially

Possibilité pour un objet ou un groupe d'objets de : le renommer changer l'ordre (mettre au premier plan, arrière-plan...) le masquer le rendre déplaçable le verrouiller le supprimer Mais également possibilité de visualiser les différents objets contenus dans un groupe

inscription à genially

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

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.

Vers le tableau de bord

tableau de bord de genially

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

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

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

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

En plan Premium (dont Edu Pro), vous pouvez avoir accès à la fonctionnalité "Importer PPTX" afin de transformer vos PowerPoint en Genially. Il en va de même pour l'accès aux Geniallys avec une étoile jaune.

Abonnement Genially pour les écoles

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

Il s'agit d'une fonctionnalité disponible en Plan Premium (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 le critère "réutilisables" pour affiner votre recherche. La même recherche avec le critère "réutilisables".

Les notifications de Genially

Configuration du compte Accès aux différents paramètres de votre compte FAIRE UN TOUR Visite guidée des différentes fonctionnalités de Genially Aide Accès à la section Aide de Genially https://support.genial.ly/fr/support/home/ SolutionsSi vous avez besoin de modifier votre adresse email associée à votre compte Genially, vous pourrez la remplacer en 3 étapes...Genially Help Center academy Accès à la plateforme de cours en ligne de Genially https://academy.genial.ly/?redirect=0 Genially AcademyDiscover microlearning and courses to learn how to: create interactive communication experiences within minutes, incorporate storytelling into your...Genial langue Choix de la langue Se déconnecter Se déconnecter de Genially

suite

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 certains modèles, vous pouvez visualiser différentes palettes de couleurs et choisir celle qui vous convient le mieux.

3. Cliquez sur UTILISER CE MODÈLE pour l'ouvrir 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.

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

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

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

sélectionner un modèle genially

éditeur de genially

partie "créations"

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

Genially déjà publié

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

Genially non encore publié

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

Présenter votre Genially

Télécharger votre Genially - disponible en version Edu pro

Inviter des collaborateurs à travailler sur votre Genially Pour plus d'infos, allez à la partie Collaborer sur un Genially du tutoriel.

Partager votre Genially Pour plus d'infos, allez à la partie Partager un Genially du tutoriel.

Possibilité de retourner en mode Brouillon Possibilité de renommer votre Genially Possibilité de le dupliquer Possibilité de mettre à la corbeille votre Genially Les options (en bleu) "Déplacer", "Envoyer une copie" et "Statistiques" sont des fonctionnalités de plan supérieur.

Possibilité de publier votre Genially (encore en mode brouillon) directement à partir de sa vignette

Il vous est possible 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.

image interactive

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

suite

1. Importez votre image (via votre ordinateur, une URL, Google Drive ou Dropbox) 2. Cliquez sur votre image 3. Cliquez sur ACCEPTER (en bas de la fenêtre)

image interactive

suite

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

image interactive

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

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

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

les différents outils de l'éditeur genially

Zoom sur l'éditeur

redimensionner un ou des éléments

Sélectionner un ou des éléments

faire pivoter un ou des élèments

bloquer un ou des éléments

rendre déplaçables un ou des élements

grouper des éléments

les différents outils de l'éditeur genially

édition d'éléments

Animation des éléments

interactivité des éléments

navigation entre les pages

transition entre les pages

prévisualisation du genially

les différents outils de l'éditeur genially

zone d'édition du genially

visualisation du genially

confidentialité du genially

collaborer sur un genially

masquage d'une page

mot de passe d'une page

mode designer

raccourcis genially

raccourcis genially

éditeur de genially

zone d'édition

base

base

Insérer un texte

Ajouter une page

Donner un titre aux pages

Transitions entre les pages

(dés)épingler le menu de gauche

Ajouter un audio de fond

Donner un titre au Genially

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

état des modifications du Genially Sauvegardé : toutes les modifications apportées ont été enregistrées. Modifications non enregistrées : il y a des changements non sauvegardés. Pour les enregistrer, cliquez sur l'étiquette ou sur l'icône à côté de celle-ci (ou faire CTRL + S). Sauvegarde : les modifications sont en cours de sauvegarde.

Annuler une action ou la rétablir

Voir les différents plans d'abonnement

Gestion des préférences de visualisation et de la confidentialité

Publication du Genially

Collaboration sur un Genially

Prévisualisation

Donne accès aux modes de navigation, aux transitions de page et aux paramètres de taille de la zone d'édition

Ajouter une page

Supprimer la page

zoomer et dézoomer

Passer à la page précédente ou suivante

Taille de la zone d'édition

Mode de navigation entre les pages

Couleurs du document

Insérer une image

Insérer une ressource

Insérer un élément interactif

Insérer un smartblock

Insérer un audio, une vidéo, un lien ou un code

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

Gérer les pages

Section Aide

Retour au tableau de bord

Masquer une page + mettre un mot de passe

Vue des pages en liste ou en grille

Sélectionner un ou des éléments

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

POUR sélectionner un élement

POUR sélectionner un ou plusieurs éléments

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

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

GROUPER DES élements

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

POUR GROUPER

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

POUR DéGROUPER

bloquer un ou des éléments

POUR Bloquer un ou plusieurs éléments

Pourquoi bloquer un ou plusieurs éléments ?

POUR déBloquer un ou plusieurs éléments

cliquer sur l'icône pour débloquer les é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

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.

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

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 rendre déplaçable(s) un ou plusieurs éléments

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

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

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

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

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

faire pivoter un ou des éléments

POUR faire pivoter un ou des éléments

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

édition d'éléments

INSérer un 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.

POUR insérer une zone de texte

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

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

Infos sur les options de l'éditeur de texte

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

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.

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

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

Aligner plusieurs zones de texte entre elles

Grouper plusieurs zones de texte entre elles

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

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 GIFHY 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

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.

suite

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.

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

Rendre l'image déplaçable

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

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

Lorsqu'une image est très petite, Genially ne permet pas de rogner au plus près cette image. Pour rogner une petite image de manière précise, n'hésitez pas à grandir cette image et seulement après à 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.

Grouper plusieurs images entre elles

Aligner plusieurs images entre elles

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

INSérer une ressource

icônes

formes

graphiques

Cartes

lignes et flèches

illustrations

scénarios

silhouettes

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

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.

INSérer un graphique (1/3)

suite

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.

INSérer un graphique (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).

La personnalisation des couleurs n'est pas disponible en plan Free.

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 ','

Vers les paramètresde configuration

permutation des valeurs

INSérer un graphique (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

INSérer un élément interactif

boutons de texte

marqueurs

réseaux sociaux

numéros et lettres

zone invisible

boutons

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 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 sur la zone où se situe l'élément 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 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 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.

INSérer un smartblock

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 :

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

20%

04

03

02

01

Title here

Lorem ipsum dolor sit amet

Title here

Lorem ipsum dolor sit amet

Title here

80%

Lorem ipsum dolor sit amet

TITLE 4

Lorem ipsum dolor sit amet

wRITE A TITLE HERE

wRITE A SUBTITLE

insérer un audio, une vidéo, un lien ou un code

insérer un audio

insérer une vidéo

insérer un lien ou un code

insérer un audio

à partir de votre ordinateur

à partir d'un enregistrement audio

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

à partir d'un URL

Info

Info

Info

vers les paramètres audio

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 sur la zone d’édition et le menu des paramètres s'ouvrira sur le côté droit de l'écran.

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

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.

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.

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

INSérer un audio de fond Cliquer sur "Ajouter un audio de fond " situé dans le coin supérieur gauche de la zone d’édition. Insérer 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 et il n'est possible d'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.

insérer une vidéo

  1. Copier l'URL ou le code d'intégration de la vidéo.
  2. Coller l'URL ou le code d'intégration dans l'onglet "Collez ici le lien" et cliquer sur la petite flèche.
  3. 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.

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

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.

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.

vimeo

google drive

INSérer à partir de :

Info

YoutUBE

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.

Si vous possédez un Adblock (un bloqueur de publicités), l'insertion du lien de votre vidéo risque d'afficher : 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, 2 solutions : soit vous désactivez votre Adblock pour le site Genially. soit vous 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.

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

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.

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

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

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

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

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 un lien ou un code

widgets

google street view

pdf de google drive

exercices en ligne

autre genially

réseaux sociaux

site web

google maps

Quelques exemples de codes intégrés

1

3

2

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 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 :

insérer UN autre genially

insérer des exercices en ligne

insérer des exercices en ligne

insérer des exercices en ligne

insérer un site web

à partir d'un url

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

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

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

suite

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

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

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.

gérer les pages

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 un Mac.

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

Dupliquer une page

Modifier l'ordre des pages

Modifier le titre d'une page

Supprimer une page

Ajouter une page

Choisir la vue en liste ou la vue en grille

Vous pouvez par exemple insérer une image à partir de son url en cliquant droit sur l'image "Copier l'adresse de l'image" : Coller 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 GIFHY 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

vue en liste et vue en grille

vue en liste

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.

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

Différentes possibilités :

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 temporairement désactivés jusqu’à ce que cette page soit à nouveau visible.

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

mettre un mot de passe à une page

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

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

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

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

ajouter une page

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

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

à partir d'un autre modèle

à partir de vos créations

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.

Dupliquer/supprimer/modifier le titre et l'ordre 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.

Dupliquer une page

supprimer une page

modifier le titre d'une page

modifier l'odre des pages

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

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.

MODES DE NAVIGATION ENTRE LES PAGES

standard

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.

Vidéo

microsite

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

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.

transition entre les pages

horizontale

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.

verticale

centrale

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

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

mode designer

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

Pour accéder au 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).

Le Mode Designer permet également de travailler avec les couches d'images des éléments mais cette fonctionnalité n'est pas disponible en plan Free. Il s'agit d'une fonctionnalité fort utile (surtout si l'on travaille avec des extensions de S'cape ou Sandbox Education).

On peut organiser le rang des éléments, les cacher sur la zone d'édition, les rendre déplaçables, les bloquer, les supprimer et même nommer les éléments.

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.

Changer la taille de la zone d'édition

Pour accéder aux options de taille de la zone d'édition, cliquez sur l'icône situé en dessous de la zone d'édition ou sur les 3 points verticaux situés à droite de l'écran.

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.

Collaborer sur un genially

suite

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

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.

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.

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

Collaborer sur un genially

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.

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.

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

Activer/désactiver "Partager Genially" Si vous activez cette option, tout le monde pourra partager votre Genially ou l'insérer dans un blog/site via script ou iFrame. Une fois activée, l'icône de partage sera présent sur tout votre Genially lors de sa visualisation en bas à droite de l'écran. Si on clique sur l'icône de partage durant la visualisation, cette fenêtre s'ouvre :

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 disparaissent dès que vous recliquez sur l'icône "crayon" (ils ne restent sur la page que durant le laps de temps où la barre d'outils est déroulée, les modifications ne sont pas enregistrées).

Activer/désactiver "Titres" Si vous avez rentré un titre aux éléments interactifs "Fenêtre", "Aller à la page" ou "Lien", 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é n'est disponible qu'en plan Premium ou Master.

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 roses dans la page. Ces icônes sont activables et désactivables à tout moment.

gérer la confidentialité

suite

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.

gérer la confidentialité

suite

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é

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.

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

Paramétrer son Genially comme réutilisable 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 avec l'option "Réutiliser ce Genially" située en dessous de votre création : 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é en partageant le lien social de votre création. Vous pouvez désactiver cette option à tout moment.

choisir s'il apparait ou non sur votre profil social

Profil social 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. Pour activer votre profil social, vous devez avoir vérifié votre compte Genially et accéder aux paramètres de votre compte : Votre compte avec la possibilité d'activer votre Profil social : Exemple de Profil social :

lui donner ou changer son titre

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

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

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

Le bouton à côté du titre devient

et les boutons apparaissent en haut à droite.

Vous pouvez repasser en mode Brouillon à tout moment.

aNIMATION DES éléments

suite

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 :

Animation d'entrée

Animation de sortie

Animation continue

Animation au passage de la souris

Ces 4 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 DES éléments

Les options configurables d'une animation :

La vitesse

La direction

L'effet

Le début

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.

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 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 et la vitesse maximale de 4 secondes.

suite

aNIMATION DES éléments

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

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

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

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

interactivité DES éléments

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 .

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.

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 1

EXEMPLE 2

EXEMPLE 3

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

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 - fenêtre

EXEMPLE 1

EXEMPLE 2

EXEMPLE 3

Lien

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

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.

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.

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

Effacer le contenu

Fermer l'étiquette

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

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

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

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.

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é DES éléments - lien

EXEMPLE

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.

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.

Partager un genially

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

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. C'est le lien que vous devez partager si vous avez marqué votre création comme réutilisable.

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

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.

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

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.

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

Partager un genially

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

Partager un genially

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