tutoriel genially
inscription
Fonctionnalités supplémentaires Plan edu pro
tableau de bord
éditeur
partage
Les RochDur
inscription à genially
https://genial.ly/fr/
Allez sur
Ensuite, cliquez sur l'un des deux boutons bleus pour vous inscrire
plan free vs plan edu pro
Fonctionnalités supplémentaires plan edu pro
édition des couches
accès au modèles premium
organisation des geniallys dans des dossiers
mettre le genially en privé
transfert de projets
insertion d'un son depuis son pc
Graphiques avancés
téléchargement en jpg, pdf interactif et en html
couleurs du document
visualisation sans connexion
Aide avancée (Chat en plus des emails)
Importation d'un Power Point
inscription à genially
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
Les Geniallys avec une étoile jaune ne sont pas disponibles en Plan Free.
Voici toutes les catégories présentant les différents modèles dont vous pouvez partir pour commencer à créer votre propre Genially.
Dans chaque catégorie, vous disposez d'une barre de recherche et de différents filtres.
Sélectionner un modèle genially pour le modifier
sélectionner un modèle genially
1. Cliquez sur un modéle pour visualiser son contenu
suite
sélectionner un modèle genially
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.
2. Naviguer dans le modèle pour en prendre connaissance
3. Cliquez sur UTILISER CE MODÈLE pour l'ouvrir dans l'éditeur de Genially
Pour certains modèles, vous pouvez visualiser différentes palettes de couleurs et choisir celle qui vous convient le mieux.
suite
sélectionner un modèle genially
Pour les modèles contenantdes liens d'interactivité entre les pages, il est conseillé d'ajouter toutes les pages pour conserver ces liens
À privilégier : ajouter toutes les pages du modèle, puis supprimer par la suite les pages non souhaitées dans l'éditeur
Une fois vos pages sélectionnées, cliquez sur AJOUTER pour ouvrir le modèle dans l'éditeur de Genially
sélectionner un modèle genially
éditeur de genially
partie "créations"
C'est dans cette partie que toutes vos créations s'afficheront.
En passant sur une vignette, différentes options s'afficheront.
Vos différents Geniallys apparaitront sous la forme de vignettes.
Genially déjà publié
Genially non encore publié
image interactive
1. Définir une image de base comme arrière-plan de la zone d’édition
suite
image interactive
2. Ajuster ou modifier votre image d'arrière-plan
suite
image interactive
En déverrouillant votre image d'arrière-plan, possibilité d'en modifier la taille
3. Modifier ou ajouter des éléments interactifs et les doter d'un des 3 types d'interactivité : étiquette, fenêtre (avec texte, images, vidéos, audios...) ou lien
les différents outils de l'éditeur genially
Sélectionner un ou des éléments
redimensionner un ou des éléments
Zoom sur l'éditeur
faire pivoter un ou des élèments
grouper des éléments
bloquer un ou des éléments
rendre déplaçables un ou des élements
les différents outils de l'éditeur genially
navigation entre les pages
édition d'éléments
Animation des éléments
transition entre les pages
prévisualisation du genially
interactivité des éléments
les différents outils de l'éditeur genially
zone d'édition du genially
mode designer
collaborer sur un genially
masquage d'une page
visualisation du genially
mot de passe d'une page
confidentialité du genially
raccourcis genially
raccourcis genially
éditeur de genially
base
base
zone d'édition
Sélectionner un ou des éléments
POUR sélectionner un ou plusieurs éléments
POUR sélectionner un élement
étirer une zone de sélection sur les éléments concernés
cliquer sur l'élément à sélectionner
cliquer sur un élément puis l'autre tout en maintenant appuyé la touche shift ou la touche ctrl
GROUPER DES élements
POUR GROUPER
Sélectionner les éléments concernés etcliquer sur l'icône qui apparait juste au-dessus des éléments sélectionnés
POUR DéGROUPER
cliquer sur l'icône pour dégrouper les éléments
bloquer un ou des éléments
POUR Bloquer un ou plusieurs éléments
POUR déBloquer un ou plusieurs éléments
Sélectionner le ou les éléments concernés et cliquer sur l'icône qui apparait juste au-dessus des éléments sélectionnés
cliquer sur l'icône pour débloquer les éléments
Pourquoi bloquer un ou plusieurs éléments ?
redimensionner un ou des éléments
POUR redimensionner un ou des éléments
Sélectionner le ou les éléments concernés et cliquer sur l'un des ronds qui entoure le ou les éléments sélectionnés
rendre déplaçable(s) un ou des éléments
POUR rendre déplaçable(s) un ou plusieurs éléments
Sélectionner le ou les éléments concernés et cliquer sur l'icône qui apparait juste au-dessus du ou des éléments sélectionnés
POUR enlever le déplacement d'un ou plusieurs éléments
Cette fonctionnalité offre de nombreuses possibilités en termes de gamification des apprentissages (quiz, escape game...).
cliquer sur l'icône pour rendre immobiles les éléments
faire pivoter un ou des éléments
POUR faire pivoter un ou des éléments
Sélectionner le ou les éléments concernés et cliquer sur l'icône qui apparait juste en dessous du ou des éléments sélectionnés
L'amplitude de rotation apparait lorsque vous faites pivoter l'objet
édition d'éléments
INSérer un texte
POUR insérer une zone de texte
- Sélectionner en cliquant dessus la zone de texte souhaitée ou en la glissant vers la zone d'édition.
- Taper votre texte.
- Personnaliser le texte (police, couleur, taille...) à l'aide des options de l'éditeur de texte situé au-dessus de votre zone d'édition.
Infos sur les options de l'éditeur de texte
Ici à gauche, il s'agit de regroupements déjà construits de différentes zones de texte de formats divers. Tous ces assemblages de texte sont personnalisables via les options de l'éditeur de texte.
Vous pouvez positionner votre zone de texte en la faisant glisser vers l'endroit désiré de votre zone d'édition.
INSérer un texte
Autre menu d'options d'une zone de texte
En cliquant droit sur la zone de texte, vous obtenez ce menu d'options.
Copier-coller le format
Permet d'appliquer la mise en forme d'une zone de texte à une autre. Comment ?En cliquant sur "Copier format" sur la première zone de texte et ensuite en cliquant droit "Coller format" sur une autre zone de texte.
Dupliquer
Dupliquer directement et à l'identique la zone de texte dans votre page.
INSérer une image
insérer une image à partir de :
votre ordinateur (image de maximum 5Mb)
la banque d'images sans fond de Genially
Pixabay (site de partage d'images libres de droit)
Giphy (banque de données de GIF animés)
votre Google Drive ou Dropbox
l'URL d'une image
comment ?
en cliquant dessus ou en la faisant glisser vers la zone d'édition.
en copiant-collant (sans téléchargement ou enregistrement au préalable) une image externe à l'aide des raccourcis CTRL+C/CTRL+V ou CMD+C/CMD+V pour Mac.
suite
options de l'éditeur d'image
Personnaliser l'image avec les Options de l'éditeur d'image
En cliquant sur l'image insérée dans votre zone d'édition, les options de l'éditeur d'image s'ouvrent en haut de votre écran Genially.
En double-cliquant sur l'image insérée dans votre zone d'édition, il est également possible d'ouvrir l'option .
Ces options de mise en forme de l'image peuvent également s'appliquer aux images auxquelles vous avez ajouté un cadre.
suite
remplacement d'une image
Pour remplacer une image tout en conservant sa mise en forme :
Cliquer dessus et appuyer sur qui apparait en haut à droite de l'image.
Cette fenêtre s'ouvre :
Il vous est dès lors possible de remplacer votre image avec la proposition qui vous convient le mieux (image de votre ordinateur, de la banque d'images de Genially...).
INSérer une ressource
formes
lignes et flèches
icônes
graphiques
Cartes
silhouettes
scénarios
illustrations
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.
suite
INSérer un graphique (2/3)
Modifier l'apparence du graphique
Ajouter les données de votre graphique
Vers les paramètres de configuration
Permuter les valeurs entre les colonnes et les lignes (à utiliser notamment si les données ne se présentent pas correctement).
Vous pouvez rentrer directement vos données dans le tableau en cliquant sur une case (par copier-coller par exemple).
Pour marquer un nombre décimal : '.' ou ','
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).
INSérer un graphique (3/3)
Le menu de configuration est fonction du graphique choisi.
Affichage de la légende du graphique
Choisir un autre type de 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
Choisir un autre palette de couleurs
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
boutons
marqueurs
zone invisible
réseaux sociaux
numéros et lettres
INSérer un smartblock
Les Smartblocks sont des ensembles de thèmes préconçus qui restent cependant personnalisables (texte, taille, couleur, police, image...).
04
03
02
01
Les catégories de smartblocks :
Données/Tableaux/Graphiques Diagrammes Galeries/Images Full Size Box
Profile Listes/Processus Carte Chronologies Animés
20%
80%
Lorem ipsum dolor sit amet
Title here
Lorem ipsum dolor sit amet
Title here
Lorem ipsum dolor sit amet
Title here
wRITE A SUBTITLE
wRITE A TITLE HERE
Lorem ipsum dolor sit amet
Title 1
Lorem ipsum dolor sit amet
TITLE 2
TITLE 3
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
TITLE 4
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
Info
à partir de votre ordinateur
Cette fonctionnalité n'est pas disponible en plan Free.
Info
à partir d'un enregistrement audio
Info
à partir d'un URL
vers les paramètres audio
insérer un audio - Le menu des paramètres audio
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.
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.
insérer une vidéo
Il n'est pas possible d'intégrer une vidéo stockée sur votre ordinateur. Elle doit être hébergée sur une plateforme web type YouTube, Vimeo ou un drive.
- Copier l'URL ou le code d'intégration de la vidéo.
- Coller l'URL ou le code d'intégration dans l'onglet "Collez ici le lien" et cliquer sur la petite flèche.
- Une fois la vidéo insérée dans votre zone d'éditon, les options de configuration de la vidéo s'ouvrent à droite de l'écran MAIS uniquement avec le lien URL.
Vous n'avez pas accès aux options de configuration de la vidéo si vous avez inséré votre vidéo à partir d'un code d'intégration.
Les options de configuration ne sont disponibles que pour les vidéos provenant de YouTube et Vimeo (non accessibles, par exemple, pour DailyMotion).
INSérer à partir de :
google drive
vimeo
YoutUBE
Info
insérer une vidéo - Les options de configuration vidéo
Changer l'url de la vidéo : vous pouvez remplacer votre vidéo actuelle par toute autre vidéo de la même plateforme.
Autoplay : si vous activez cette option, la vidéo commencera à être lue automatiquement lorsque la page en question apparaîtra à l'écran. Le son de la vidéo devra être activé manuellement par l'utilisateur.
Loop : si vous activez cette option, la vidéo passera en boucle jusqu'à ce que l’on change de page.
Mute : vous pouvez choisir si vous voulez que le son de la vidéo soit entendu ou non.
Masquer la barre de lecture : si vous activez cette option, les commandes vidéo (pause, augmentation du volume, etc.) disparaissent.
Commencer à la seconde : vous pouvez définir exactement à quel moment vous voulez que la vidéo commence à être lue, lorsque vous n'avez pas besoin qu'elle soit lue en entier.
insérer un lien ou un code
Quelques exemples de codes intégrés
exercices en ligne
google maps
pdf de google drive
autre genially
google street view
réseaux sociaux
site web
widgets
insérer DES WIDGETS
insérer Google maps
insérer Google street view
insérer des réseaux sociaux
insérer UN PDF à partir de google drive
insérer UN autre genially
insérer des exercices en ligne
insérer des exercices en ligne
insérer des exercices en ligne
insérer un site web
à partir d'un générateur de code iframe sur base d'un url
à partir d'un url
insérer un fond de zone d'édition et un fond de base
DIFFérence entre fond de zone d'édition et fond de base
La zone d’édition est délimitée par le rectangle bleu.
base
ZONE D'édition
La base est l'espace jaune qui l'entoure.
base
fond de zone d'édition vs fond de base
Le fond de base est le même pour toutes les pages.
Le fond de la zone d’édition peut être différent ou identique pour toutes les pages.
suite
insérer un fond de zone d'édition et un fond de base
Le fond de base sera visible en fonction des dimensions et de la résolution de l'écran sur lequel le genially est affiché.
fond de zone d'édition
fond de base
Aucun fond
Aucun fond (fond transparent)
Télécharger une image depuis votre PC
Télécharger une image depuis votre PC
Télécharger une image depuis une URL
Télécharger une image depuis une URL
Choisir une couleur de fond
Choisir une couleur de fond
Choisir une image dans la galerie Genially
Choisir une image dans la galerie Genially
Choisir une image dans la galerie Pixabay
Choisir une image dans la galerie Pixabay
Applique automatiquement le fond choisi à toutes les pages.
Le fond de base sera visible en fonction des dimensions et de la résolution de l'écran sur lequel le genially est affiché.
gérer les pages
Choisir la vue en liste ou la vue en grille
Ajouter une page
comment ?
l'URL d'une image
Dupliquer une page
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.
Supprimer une page
Modifier le titre d'une page
Modifier l'ordre des pages
fond de zone d'édition
fond de base
vue en liste et vue en grille
vue en grille
vue en liste
La vue en grille permet de gérer et d'organiser plus facilement les pages. Dans cette vue plus large, il est, par exemple, plus aisé de sélectionner, de modifier la transitation, de déplacer ou de supprimer plusieurs pages en même temps.
Pour sélectionner plusieurs pages, maintenez enfoncée la touche CTRL (ou CMD sur Mac) ou Shift pour sélectionner une suite de page.
Différentes possibilités :
Ajouter une page Supprimer une page Dupliquer une page Modifier l'ordre d'une page Modifier le titre d'une page Modifier les transitions Mettre un mot de passe à une page Masquer une page
masquer une page
Vous pouvez masquer une page de votre Genially pour qu'elle ne soit pas visible lorsque vous partagez ou visualisez votre création.
Cliquer sur les trois points figurant sur le côté droit de la page (en dessous de la baguette) et sélectionner "Masquer la page".
Cliquer sur "Rendre cette page visible" pour la démasquer.
Les interactions et les liens associés à une page cachée seront temporairement désactivés jusqu’à ce que cette page soit à nouveau visible.
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
à partir de votre modèle de départ ou d'une page blanche
à partir d'un autre modèle
à partir de vos créations
Pour chaque option, il vous est possible d'ajouter une ou plusieurs pages, voire toutes.
Lorsque vous ajoutez une page à partir d'une autre création ou d'un autre modèle, une fenêtre apparaît pour vous permettre de choisir si vous souhaitez apporter le fond de base des pages que vous ajoutez.
L'ajout de pages à partir d'un autre Genially ne maintient pas l'interactivité "Aller à la page". Si vous voulez ajouter de nombreuses pages en conservant les liens entre les pages, il est dés lors préférable de dupliquer le Genially dont vous souhaitez les pages (au lieu de les ajouter) et de créer à partir de ce dernier.
Dupliquer/supprimer/modifier le titre et l'ordre des pages
Dupliquer une page
Placez votre souris sur la page que vous souhaitez dupliquer et cliquez sur l'icône
supprimer une page
Placez votre souris sur la page que vous souhaitez dupliquer et cliquez sur l'icône
Pour récupérer une ou plusieurs pages que vous avez supprimées par erreur : le faire avant de quitter l'éditeur en appuyant sur CTRL+Z (CMD+Z pour Mac) ou en utilisant la flèche .
modifier l'odre des pages
modifier le titre d'une page
Cliquez sur la page que vous souhaitez déplacer et maintenir le bouton de la souris enfoncé pour faire glisser votre page à l'endroit souhaité.
Ajoutez un titre à vos pages en dessous de chaque page. Pour s'y retrouver facilement dans votre Genially, il peut être utile de nommer correctement vos pages.
Utilisez préférentiellement la vue en grille pour modifier l'ordre des pages.
MODES DE NAVIGATION ENTRE LES PAGES
Pour accéder aux options de navigation, cliquez sur les 2 flèches situées en dessous de la zone d'édition ou sur les 3 points verticaux situés à droite de l'écran. Un mode de navigation s'appliquera à toutes les pages.
Il existe trois modes de navigation:
Standard, Vidéo et Microsite.
microsite
Vidéo
standard
transition entre les pages
Pour accéder aux options de transition, cliquez sur l'icône baguette magique à côté de chaque page ou sur les 3 points verticaux situés à droite de l'écran.
Il existe trois types de transition : Horizontale, Verticale et Centrale.
Il est possible d'appliquer une même transition à toutes les pages via le bouton
En cliquant sur chaque animation dans le menu latéral de droite, vous verrez l’effet créé lors du changement de page.
Lorsqu'une page comporte une transition, l'icône baguette magique devient bleu
centrale
horizontale
verticale
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
Pour accéder à la prévisualisation, cliquez sur l'oeil en haut à droite de l'écran
Cette option vous permet de prévisualiser les modifications apportées à votre Genially avant de le publier.
Les modifications que vous voyez avec Prévisualisation sont enregistrées correctement.
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.
Vous pouvez sélectionner une taille prédéfinie ou personnaliser vos dimensions en faisant le choix ou non de maintenir les proportions.
Cette modification s'appliquera à toutes les pages.
Collaborer sur un genially
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.
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.
suite
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
gérer la confidentialité
Cette option est liée à la publication de votre Genially lorsque vous décidez de quitter le mode brouillon (signifié à côté du titre) et que vous cliquez sur le bouton situé en haut à droite.
Vous pouvez également accéder aux préférences de confidentialité en cliquant sur les 3 barres horizontales en haut à droite et ensuite sur puis sur
Il est également possible de publier votre Genially à partir du tableau de bord.
suite
gérer la confidentialité
En plan Free, vous ne pouvez choisir que le mode "Public" pour publier votre Genially. En choisissant cette option, vous rendrez visible votre Genially, il sera indexé dans les moteurs de recherche et vous pourrez le partager avec votre public.
+ infos sur le mode privé
suite
gérer la confidentialité
Au moment de la publication de votre Genially, voici les paramètres que vous pouvez configurer :
le marquer comme réutilisable
choisir s'il apparait ou non sur votre profil social
lui donner ou changer son titre
lui donner une description (intéressant pour améliorer son référencement)
Lorsque vous appuyez sur le bouton "Prêt", Genially ouvre cette fenètre :
Une fois que votre Genially est publié, quelques changements surviennent dans l'éditeur :
Le bouton à côté du titre devient
et les boutons apparaissent en haut à droite.
Vous pouvez repasser en mode Brouillon à tout moment.
aNIMATION DES éléments
Pour voir les types d'animation disponibles, sélectionnez un élément en cliquant dessus, puis cliquez sur l'icône "Animation" qui apparaît au-dessus. Une section s'ouvre sur la droite avec toutes les options d'animation.
Il existe 4 types d'animation disponibles :
Ces 4 types d'animation peuvent être appliqués en même temps au même élément.
Animation d'entrée
Animation de sortie
Les animations peuvent également être appliquées à un ensemble d'éléments groupés.
Animation continue
Animation au passage de la souris
suite
aNIMATION DES éléments
suite
Les options configurables d'une animation :
La direction
Pour définir dans quelle direction l'élément va se déplacer. Il peut rester immobile ou se déplacer tant horizontalement que verticalement.
L'effet
Les effets disponibles varient en fonction de la direction choisie. Passez la souris sur chaque option pour prévisualiser l'animation. Choisissez la direction de l'animation avant l'effet car chaque type de direction a des effets différents disponibles.
Le début
Pour modifier le moment où l'animation est déclenchée à l'écran.
La vitesse
Vous pouvez définir si vous voulez que l'animation se reproduise plus vite ou plus lentement. La vitesse minimale est de 0,5 secondes et la vitesse maximale de 4 secondes.
aNIMATION DES éléments
Pour que plusieurs éléments aient les mêmes effets d'animation, vous n'avez pas besoin de les éditer un par un. Il vous suffit de copier et coller les animations d'un élément à l'autre à l'aide des icônes situés en haut à droite du menu des animations.
Un élément qui présente une animation a un icône
Un élément qui ne présente aucune animation a un icône
Dans le menu des animations, un point jaune apparait à côté du type d'animation active de l'élément.
Pour éliminer une animation, cliquez sur le type d'animation que vous souhaitez supprimer, puis sélectionnez l'option "Aucun" dans la catégorie "Effet".
Pour éliminer toutes les animations en une seule fois, cliquez sur l'icône "Corbeille" en haut du menu des animations.
interactivité DES éléments
Pour rendre interactif un élément (image, zone de texte, ressource...), sélectionnez un élément et cliquez sur l'icône qui apparaît juste au-dessus de lui.
Il existe 4 types d'interaction : étiquette, fenêtre, aller à la page ou lien.
Un élément avec une interactivité présente un icône bleu .
S'il est blanc, il n'y a pas encore d'interactivité appliquée.
interactivité DES éléments - étiquette
C’est une boîte qui apparaîtra lorsque votre public passera la souris sur un élément. Cette boîte peut contenir des images et/ou des textes courts, ainsi que du contenu dans d'autres formats. Les étiquettes sont utiles pour ajouter des informations explicatives.
Vous pouvez y inclure du texte, des images, des vidéos, des fichiers PDF, des cartes, des graphiques, etc. La couleur blanche ou noire de vos étiquettes peut être définie dans la section "Préférences de visualisation" (les 3 barres horizontales en haut à droite).
EXEMPLE 2
EXEMPLE 1
EXEMPLE 3
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
Lien
interactivité DES éléments - fenêtre
Tout comme pour l'étiquette, c’est une boîte qui s'affiche lorsque vous cliquez sur l'élément interactif mais ici, elle offre beaucoup plus d'espace pour ajouter du contenu. En haut à droite de l'éditeur, vous pouvez choisir si vous voulez que votre fenêtre soit petite, moyenne ou grande.
Vous pouvez y inclure du texte, des images, des vidéos, des fichiers PDF...
Avec les éléments ressources, il est possible de donner un titre à votre fenêtre qui apparaitra lorsque l'utilisateur passera sa souris sur l'élément avec fenêtre.
EXEMPLE 2
EXEMPLE 1
EXEMPLE 3
interactivité DES éléments - aller à la page
Vous pouvez relier votre élément :
Cette interaction amènera votre public à une autre page de votre Genially.
à une page spécifique de votre Genially en la sélectionnant
à l'option "Revenir en arrière" (l'interaction ramène l'utilisateur à la dernière page sur laquelle il se trouvait)
à l'option "Première page" (la 1re page de votre Genially)
à l'option "Page précédente" (la page que vous avez placée avant dans votre vue en liste ou en grille)
à l'option "Page suivante" (la page que vous avez placée après dans votre vue en liste ou en grille)
Ce type d'interaction peut, par exemple, être utilisé pour les microsites, la gamification, les escape games ou les quiz.
à l'option "Dernière page" (la dernière page de votre Genially)
interactivité DES éléments - lien
Ce type d'interactivité permet d'ajouter un lien pour rediriger votre public vers une autre page web lorsqu'il clique sur l'élément interactif. Vous pouvez choisir d'ouvrir le lien dans le même onglet ou dans un nouvel onglet. Le lien doit commencer par "https" pour fonctionner sur Genially.
EXEMPLE
Vous pouvez aussi relier l'URL d'un autre Genially en choisissant l'option "Ouvrir dans le même onglet" pour donner l'impression d'une continuité entre les deux Geniallys.
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
Lorsque vous cliquez sur le bouton ou l'icône , cette fenêtre s'ouvre :
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 un genially
Lorsque vous cliquez sur le bouton ou l'icône , cette fenêtre s'ouvre :
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 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 :
🛠️ GENIALLY - TUTORIEL (pour le plan Free)
Les RochDur
Created on March 18, 2022
✅ Débuter avec Genially : un tutoriel (en construction) pour maîtriser les bases (inscription, tableau de bord, éditeur et partage d'un Genially).
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Fill in Blanks
View
Countdown
View
Stopwatch
View
Unpixelator
View
Break the Piñata
View
Bingo
View
Create a Secret Code
Explore all templates
Transcript
tutoriel genially
inscription
Fonctionnalités supplémentaires Plan edu pro
tableau de bord
éditeur
partage
Les RochDur
inscription à genially
https://genial.ly/fr/
Allez sur
Ensuite, cliquez sur l'un des deux boutons bleus pour vous inscrire
plan free vs plan edu pro
Fonctionnalités supplémentaires plan edu pro
édition des couches
accès au modèles premium
organisation des geniallys dans des dossiers
mettre le genially en privé
transfert de projets
insertion d'un son depuis son pc
Graphiques avancés
téléchargement en jpg, pdf interactif et en html
couleurs du document
visualisation sans connexion
Aide avancée (Chat en plus des emails)
Importation d'un Power Point
inscription à genially
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
Les Geniallys avec une étoile jaune ne sont pas disponibles en Plan Free.
Voici toutes les catégories présentant les différents modèles dont vous pouvez partir pour commencer à créer votre propre Genially.
Dans chaque catégorie, vous disposez d'une barre de recherche et de différents filtres.
Sélectionner un modèle genially pour le modifier
sélectionner un modèle genially
1. Cliquez sur un modéle pour visualiser son contenu
suite
sélectionner un modèle genially
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.
2. Naviguer dans le modèle pour en prendre connaissance
3. Cliquez sur UTILISER CE MODÈLE pour l'ouvrir dans l'éditeur de Genially
Pour certains modèles, vous pouvez visualiser différentes palettes de couleurs et choisir celle qui vous convient le mieux.
suite
sélectionner un modèle genially
Pour les modèles contenantdes liens d'interactivité entre les pages, il est conseillé d'ajouter toutes les pages pour conserver ces liens
À privilégier : ajouter toutes les pages du modèle, puis supprimer par la suite les pages non souhaitées dans l'éditeur
Une fois vos pages sélectionnées, cliquez sur AJOUTER pour ouvrir le modèle dans l'éditeur de Genially
sélectionner un modèle genially
éditeur de genially
partie "créations"
C'est dans cette partie que toutes vos créations s'afficheront.
En passant sur une vignette, différentes options s'afficheront.
Vos différents Geniallys apparaitront sous la forme de vignettes.
Genially déjà publié
Genially non encore publié
image interactive
1. Définir une image de base comme arrière-plan de la zone d’édition
suite
image interactive
2. Ajuster ou modifier votre image d'arrière-plan
suite
image interactive
En déverrouillant votre image d'arrière-plan, possibilité d'en modifier la taille
3. Modifier ou ajouter des éléments interactifs et les doter d'un des 3 types d'interactivité : étiquette, fenêtre (avec texte, images, vidéos, audios...) ou lien
les différents outils de l'éditeur genially
Sélectionner un ou des éléments
redimensionner un ou des éléments
Zoom sur l'éditeur
faire pivoter un ou des élèments
grouper des éléments
bloquer un ou des éléments
rendre déplaçables un ou des élements
les différents outils de l'éditeur genially
navigation entre les pages
édition d'éléments
Animation des éléments
transition entre les pages
prévisualisation du genially
interactivité des éléments
les différents outils de l'éditeur genially
zone d'édition du genially
mode designer
collaborer sur un genially
masquage d'une page
visualisation du genially
mot de passe d'une page
confidentialité du genially
raccourcis genially
raccourcis genially
éditeur de genially
base
base
zone d'édition
Sélectionner un ou des éléments
POUR sélectionner un ou plusieurs éléments
POUR sélectionner un élement
étirer une zone de sélection sur les éléments concernés
cliquer sur l'élément à sélectionner
cliquer sur un élément puis l'autre tout en maintenant appuyé la touche shift ou la touche ctrl
GROUPER DES élements
POUR GROUPER
Sélectionner les éléments concernés etcliquer sur l'icône qui apparait juste au-dessus des éléments sélectionnés
POUR DéGROUPER
cliquer sur l'icône pour dégrouper les éléments
bloquer un ou des éléments
POUR Bloquer un ou plusieurs éléments
POUR déBloquer un ou plusieurs éléments
Sélectionner le ou les éléments concernés et cliquer sur l'icône qui apparait juste au-dessus des éléments sélectionnés
cliquer sur l'icône pour débloquer les éléments
Pourquoi bloquer un ou plusieurs éléments ?
redimensionner un ou des éléments
POUR redimensionner un ou des éléments
Sélectionner le ou les éléments concernés et cliquer sur l'un des ronds qui entoure le ou les éléments sélectionnés
rendre déplaçable(s) un ou des éléments
POUR rendre déplaçable(s) un ou plusieurs éléments
Sélectionner le ou les éléments concernés et cliquer sur l'icône qui apparait juste au-dessus du ou des éléments sélectionnés
POUR enlever le déplacement d'un ou plusieurs éléments
Cette fonctionnalité offre de nombreuses possibilités en termes de gamification des apprentissages (quiz, escape game...).
cliquer sur l'icône pour rendre immobiles les éléments
faire pivoter un ou des éléments
POUR faire pivoter un ou des éléments
Sélectionner le ou les éléments concernés et cliquer sur l'icône qui apparait juste en dessous du ou des éléments sélectionnés
L'amplitude de rotation apparait lorsque vous faites pivoter l'objet
édition d'éléments
INSérer un texte
POUR insérer une zone de texte
Infos sur les options de l'éditeur de texte
Ici à gauche, il s'agit de regroupements déjà construits de différentes zones de texte de formats divers. Tous ces assemblages de texte sont personnalisables via les options de l'éditeur de texte.
Vous pouvez positionner votre zone de texte en la faisant glisser vers l'endroit désiré de votre zone d'édition.
INSérer un texte
Autre menu d'options d'une zone de texte
En cliquant droit sur la zone de texte, vous obtenez ce menu d'options.
Copier-coller le format
Permet d'appliquer la mise en forme d'une zone de texte à une autre. Comment ?En cliquant sur "Copier format" sur la première zone de texte et ensuite en cliquant droit "Coller format" sur une autre zone de texte.
Dupliquer
Dupliquer directement et à l'identique la zone de texte dans votre page.
INSérer une image
insérer une image à partir de :
votre ordinateur (image de maximum 5Mb)
la banque d'images sans fond de Genially
Pixabay (site de partage d'images libres de droit)
Giphy (banque de données de GIF animés)
votre Google Drive ou Dropbox
l'URL d'une image
comment ?
en cliquant dessus ou en la faisant glisser vers la zone d'édition.
en copiant-collant (sans téléchargement ou enregistrement au préalable) une image externe à l'aide des raccourcis CTRL+C/CTRL+V ou CMD+C/CMD+V pour Mac.
suite
options de l'éditeur d'image
Personnaliser l'image avec les Options de l'éditeur d'image
En cliquant sur l'image insérée dans votre zone d'édition, les options de l'éditeur d'image s'ouvrent en haut de votre écran Genially.
En double-cliquant sur l'image insérée dans votre zone d'édition, il est également possible d'ouvrir l'option .
Ces options de mise en forme de l'image peuvent également s'appliquer aux images auxquelles vous avez ajouté un cadre.
suite
remplacement d'une image
Pour remplacer une image tout en conservant sa mise en forme :
Cliquer dessus et appuyer sur qui apparait en haut à droite de l'image.
Cette fenêtre s'ouvre :
Il vous est dès lors possible de remplacer votre image avec la proposition qui vous convient le mieux (image de votre ordinateur, de la banque d'images de Genially...).
INSérer une ressource
formes
lignes et flèches
icônes
graphiques
Cartes
silhouettes
scénarios
illustrations
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.
suite
INSérer un graphique (2/3)
Modifier l'apparence du graphique
Ajouter les données de votre graphique
Vers les paramètres de configuration
Permuter les valeurs entre les colonnes et les lignes (à utiliser notamment si les données ne se présentent pas correctement).
Vous pouvez rentrer directement vos données dans le tableau en cliquant sur une case (par copier-coller par exemple).
Pour marquer un nombre décimal : '.' ou ','
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).
INSérer un graphique (3/3)
Le menu de configuration est fonction du graphique choisi.
Affichage de la légende du graphique
Choisir un autre type de 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
Choisir un autre palette de couleurs
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
boutons
marqueurs
zone invisible
réseaux sociaux
numéros et lettres
INSérer un smartblock
Les Smartblocks sont des ensembles de thèmes préconçus qui restent cependant personnalisables (texte, taille, couleur, police, image...).
04
03
02
01
Les catégories de smartblocks :
Données/Tableaux/Graphiques Diagrammes Galeries/Images Full Size Box Profile Listes/Processus Carte Chronologies Animés
20%
80%
Lorem ipsum dolor sit amet
Title here
Lorem ipsum dolor sit amet
Title here
Lorem ipsum dolor sit amet
Title here
wRITE A SUBTITLE
wRITE A TITLE HERE
Lorem ipsum dolor sit amet
Title 1
Lorem ipsum dolor sit amet
TITLE 2
TITLE 3
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
TITLE 4
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
Info
à partir de votre ordinateur
Cette fonctionnalité n'est pas disponible en plan Free.
Info
à partir d'un enregistrement audio
Info
à partir d'un URL
vers les paramètres audio
insérer un audio - Le menu des paramètres audio
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.
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.
insérer une vidéo
Il n'est pas possible d'intégrer une vidéo stockée sur votre ordinateur. Elle doit être hébergée sur une plateforme web type YouTube, Vimeo ou un drive.
Vous n'avez pas accès aux options de configuration de la vidéo si vous avez inséré votre vidéo à partir d'un code d'intégration.
Les options de configuration ne sont disponibles que pour les vidéos provenant de YouTube et Vimeo (non accessibles, par exemple, pour DailyMotion).
INSérer à partir de :
google drive
vimeo
YoutUBE
Info
insérer une vidéo - Les options de configuration vidéo
Changer l'url de la vidéo : vous pouvez remplacer votre vidéo actuelle par toute autre vidéo de la même plateforme.
Autoplay : si vous activez cette option, la vidéo commencera à être lue automatiquement lorsque la page en question apparaîtra à l'écran. Le son de la vidéo devra être activé manuellement par l'utilisateur.
Loop : si vous activez cette option, la vidéo passera en boucle jusqu'à ce que l’on change de page.
Mute : vous pouvez choisir si vous voulez que le son de la vidéo soit entendu ou non.
Masquer la barre de lecture : si vous activez cette option, les commandes vidéo (pause, augmentation du volume, etc.) disparaissent.
Commencer à la seconde : vous pouvez définir exactement à quel moment vous voulez que la vidéo commence à être lue, lorsque vous n'avez pas besoin qu'elle soit lue en entier.
insérer un lien ou un code
Quelques exemples de codes intégrés
exercices en ligne
google maps
pdf de google drive
autre genially
google street view
réseaux sociaux
site web
widgets
insérer DES WIDGETS
insérer Google maps
insérer Google street view
insérer des réseaux sociaux
insérer UN PDF à partir de google drive
insérer UN autre genially
insérer des exercices en ligne
insérer des exercices en ligne
insérer des exercices en ligne
insérer un site web
à partir d'un générateur de code iframe sur base d'un url
à partir d'un url
insérer un fond de zone d'édition et un fond de base
DIFFérence entre fond de zone d'édition et fond de base
La zone d’édition est délimitée par le rectangle bleu.
base
ZONE D'édition
La base est l'espace jaune qui l'entoure.
base
fond de zone d'édition vs fond de base
Le fond de base est le même pour toutes les pages.
Le fond de la zone d’édition peut être différent ou identique pour toutes les pages.
suite
insérer un fond de zone d'édition et un fond de base
Le fond de base sera visible en fonction des dimensions et de la résolution de l'écran sur lequel le genially est affiché.
fond de zone d'édition
fond de base
Aucun fond
Aucun fond (fond transparent)
Télécharger une image depuis votre PC
Télécharger une image depuis votre PC
Télécharger une image depuis une URL
Télécharger une image depuis une URL
Choisir une couleur de fond
Choisir une couleur de fond
Choisir une image dans la galerie Genially
Choisir une image dans la galerie Genially
Choisir une image dans la galerie Pixabay
Choisir une image dans la galerie Pixabay
Applique automatiquement le fond choisi à toutes les pages.
Le fond de base sera visible en fonction des dimensions et de la résolution de l'écran sur lequel le genially est affiché.
gérer les pages
Choisir la vue en liste ou la vue en grille
Ajouter une page
comment ?
l'URL d'une image
Dupliquer une page
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.
Supprimer une page
Modifier le titre d'une page
Modifier l'ordre des pages
fond de zone d'édition
fond de base
vue en liste et vue en grille
vue en grille
vue en liste
La vue en grille permet de gérer et d'organiser plus facilement les pages. Dans cette vue plus large, il est, par exemple, plus aisé de sélectionner, de modifier la transitation, de déplacer ou de supprimer plusieurs pages en même temps.
Pour sélectionner plusieurs pages, maintenez enfoncée la touche CTRL (ou CMD sur Mac) ou Shift pour sélectionner une suite de page.
Différentes possibilités :
Ajouter une page Supprimer une page Dupliquer une page Modifier l'ordre d'une page Modifier le titre d'une page Modifier les transitions Mettre un mot de passe à une page Masquer une page
masquer une page
Vous pouvez masquer une page de votre Genially pour qu'elle ne soit pas visible lorsque vous partagez ou visualisez votre création.
Cliquer sur les trois points figurant sur le côté droit de la page (en dessous de la baguette) et sélectionner "Masquer la page".
Cliquer sur "Rendre cette page visible" pour la démasquer.
Les interactions et les liens associés à une page cachée seront temporairement désactivés jusqu’à ce que cette page soit à nouveau visible.
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
à partir de votre modèle de départ ou d'une page blanche
à partir d'un autre modèle
à partir de vos créations
Pour chaque option, il vous est possible d'ajouter une ou plusieurs pages, voire toutes.
Lorsque vous ajoutez une page à partir d'une autre création ou d'un autre modèle, une fenêtre apparaît pour vous permettre de choisir si vous souhaitez apporter le fond de base des pages que vous ajoutez.
L'ajout de pages à partir d'un autre Genially ne maintient pas l'interactivité "Aller à la page". Si vous voulez ajouter de nombreuses pages en conservant les liens entre les pages, il est dés lors préférable de dupliquer le Genially dont vous souhaitez les pages (au lieu de les ajouter) et de créer à partir de ce dernier.
Dupliquer/supprimer/modifier le titre et l'ordre des pages
Dupliquer une page
Placez votre souris sur la page que vous souhaitez dupliquer et cliquez sur l'icône
supprimer une page
Placez votre souris sur la page que vous souhaitez dupliquer et cliquez sur l'icône
Pour récupérer une ou plusieurs pages que vous avez supprimées par erreur : le faire avant de quitter l'éditeur en appuyant sur CTRL+Z (CMD+Z pour Mac) ou en utilisant la flèche .
modifier l'odre des pages
modifier le titre d'une page
Cliquez sur la page que vous souhaitez déplacer et maintenir le bouton de la souris enfoncé pour faire glisser votre page à l'endroit souhaité.
Ajoutez un titre à vos pages en dessous de chaque page. Pour s'y retrouver facilement dans votre Genially, il peut être utile de nommer correctement vos pages.
Utilisez préférentiellement la vue en grille pour modifier l'ordre des pages.
MODES DE NAVIGATION ENTRE LES PAGES
Pour accéder aux options de navigation, cliquez sur les 2 flèches situées en dessous de la zone d'édition ou sur les 3 points verticaux situés à droite de l'écran. Un mode de navigation s'appliquera à toutes les pages.
Il existe trois modes de navigation: Standard, Vidéo et Microsite.
microsite
Vidéo
standard
transition entre les pages
Pour accéder aux options de transition, cliquez sur l'icône baguette magique à côté de chaque page ou sur les 3 points verticaux situés à droite de l'écran.
Il existe trois types de transition : Horizontale, Verticale et Centrale.
Il est possible d'appliquer une même transition à toutes les pages via le bouton
En cliquant sur chaque animation dans le menu latéral de droite, vous verrez l’effet créé lors du changement de page.
Lorsqu'une page comporte une transition, l'icône baguette magique devient bleu
centrale
horizontale
verticale
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
Pour accéder à la prévisualisation, cliquez sur l'oeil en haut à droite de l'écran
Cette option vous permet de prévisualiser les modifications apportées à votre Genially avant de le publier.
Les modifications que vous voyez avec Prévisualisation sont enregistrées correctement.
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.
Vous pouvez sélectionner une taille prédéfinie ou personnaliser vos dimensions en faisant le choix ou non de maintenir les proportions.
Cette modification s'appliquera à toutes les pages.
Collaborer sur un genially
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.
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.
suite
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
gérer la confidentialité
Cette option est liée à la publication de votre Genially lorsque vous décidez de quitter le mode brouillon (signifié à côté du titre) et que vous cliquez sur le bouton situé en haut à droite.
Vous pouvez également accéder aux préférences de confidentialité en cliquant sur les 3 barres horizontales en haut à droite et ensuite sur puis sur
Il est également possible de publier votre Genially à partir du tableau de bord.
suite
gérer la confidentialité
En plan Free, vous ne pouvez choisir que le mode "Public" pour publier votre Genially. En choisissant cette option, vous rendrez visible votre Genially, il sera indexé dans les moteurs de recherche et vous pourrez le partager avec votre public.
+ infos sur le mode privé
suite
gérer la confidentialité
Au moment de la publication de votre Genially, voici les paramètres que vous pouvez configurer :
le marquer comme réutilisable
choisir s'il apparait ou non sur votre profil social
lui donner ou changer son titre
lui donner une description (intéressant pour améliorer son référencement)
Lorsque vous appuyez sur le bouton "Prêt", Genially ouvre cette fenètre :
Une fois que votre Genially est publié, quelques changements surviennent dans l'éditeur :
Le bouton à côté du titre devient
et les boutons apparaissent en haut à droite.
Vous pouvez repasser en mode Brouillon à tout moment.
aNIMATION DES éléments
Pour voir les types d'animation disponibles, sélectionnez un élément en cliquant dessus, puis cliquez sur l'icône "Animation" qui apparaît au-dessus. Une section s'ouvre sur la droite avec toutes les options d'animation.
Il existe 4 types d'animation disponibles :
Ces 4 types d'animation peuvent être appliqués en même temps au même élément.
Animation d'entrée
Animation de sortie
Les animations peuvent également être appliquées à un ensemble d'éléments groupés.
Animation continue
Animation au passage de la souris
suite
aNIMATION DES éléments
suite
Les options configurables d'une animation :
La direction
Pour définir dans quelle direction l'élément va se déplacer. Il peut rester immobile ou se déplacer tant horizontalement que verticalement.
L'effet
Les effets disponibles varient en fonction de la direction choisie. Passez la souris sur chaque option pour prévisualiser l'animation. Choisissez la direction de l'animation avant l'effet car chaque type de direction a des effets différents disponibles.
Le début
Pour modifier le moment où l'animation est déclenchée à l'écran.
La vitesse
Vous pouvez définir si vous voulez que l'animation se reproduise plus vite ou plus lentement. La vitesse minimale est de 0,5 secondes et la vitesse maximale de 4 secondes.
aNIMATION DES éléments
Pour que plusieurs éléments aient les mêmes effets d'animation, vous n'avez pas besoin de les éditer un par un. Il vous suffit de copier et coller les animations d'un élément à l'autre à l'aide des icônes situés en haut à droite du menu des animations.
Un élément qui présente une animation a un icône
Un élément qui ne présente aucune animation a un icône
Dans le menu des animations, un point jaune apparait à côté du type d'animation active de l'élément.
Pour éliminer une animation, cliquez sur le type d'animation que vous souhaitez supprimer, puis sélectionnez l'option "Aucun" dans la catégorie "Effet".
Pour éliminer toutes les animations en une seule fois, cliquez sur l'icône "Corbeille" en haut du menu des animations.
interactivité DES éléments
Pour rendre interactif un élément (image, zone de texte, ressource...), sélectionnez un élément et cliquez sur l'icône qui apparaît juste au-dessus de lui.
Il existe 4 types d'interaction : étiquette, fenêtre, aller à la page ou lien.
Un élément avec une interactivité présente un icône bleu .
S'il est blanc, il n'y a pas encore d'interactivité appliquée.
interactivité DES éléments - étiquette
C’est une boîte qui apparaîtra lorsque votre public passera la souris sur un élément. Cette boîte peut contenir des images et/ou des textes courts, ainsi que du contenu dans d'autres formats. Les étiquettes sont utiles pour ajouter des informations explicatives.
Vous pouvez y inclure du texte, des images, des vidéos, des fichiers PDF, des cartes, des graphiques, etc. La couleur blanche ou noire de vos étiquettes peut être définie dans la section "Préférences de visualisation" (les 3 barres horizontales en haut à droite).
EXEMPLE 2
EXEMPLE 1
EXEMPLE 3
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
Lien
interactivité DES éléments - fenêtre
Tout comme pour l'étiquette, c’est une boîte qui s'affiche lorsque vous cliquez sur l'élément interactif mais ici, elle offre beaucoup plus d'espace pour ajouter du contenu. En haut à droite de l'éditeur, vous pouvez choisir si vous voulez que votre fenêtre soit petite, moyenne ou grande.
Vous pouvez y inclure du texte, des images, des vidéos, des fichiers PDF...
Avec les éléments ressources, il est possible de donner un titre à votre fenêtre qui apparaitra lorsque l'utilisateur passera sa souris sur l'élément avec fenêtre.
EXEMPLE 2
EXEMPLE 1
EXEMPLE 3
interactivité DES éléments - aller à la page
Vous pouvez relier votre élément :
Cette interaction amènera votre public à une autre page de votre Genially.
à une page spécifique de votre Genially en la sélectionnant
à l'option "Revenir en arrière" (l'interaction ramène l'utilisateur à la dernière page sur laquelle il se trouvait)
à l'option "Première page" (la 1re page de votre Genially)
à l'option "Page précédente" (la page que vous avez placée avant dans votre vue en liste ou en grille)
à l'option "Page suivante" (la page que vous avez placée après dans votre vue en liste ou en grille)
Ce type d'interaction peut, par exemple, être utilisé pour les microsites, la gamification, les escape games ou les quiz.
à l'option "Dernière page" (la dernière page de votre Genially)
interactivité DES éléments - lien
Ce type d'interactivité permet d'ajouter un lien pour rediriger votre public vers une autre page web lorsqu'il clique sur l'élément interactif. Vous pouvez choisir d'ouvrir le lien dans le même onglet ou dans un nouvel onglet. Le lien doit commencer par "https" pour fonctionner sur Genially.
EXEMPLE
Vous pouvez aussi relier l'URL d'un autre Genially en choisissant l'option "Ouvrir dans le même onglet" pour donner l'impression d'une continuité entre les deux Geniallys.
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
Lorsque vous cliquez sur le bouton ou l'icône , cette fenêtre s'ouvre :
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 un genially
Lorsque vous cliquez sur le bouton ou l'icône , cette fenêtre s'ouvre :
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 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 :