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

Get started free

Découverte de Genially (2024)

Ingénierie péda INP

Created on April 28, 2023

Start designing with a free template

Discover more than 1500 professional designs like these:

Terrazzo Presentation

Visual Presentation

Relaxing Presentation

Modern Presentation

Colorful Presentation

Modular Structure Presentation

Chromatic Presentation

Transcript

Tutoriel

Découverte de

Commencer

Février 2024

Avant de démarrer...

Bienvenue dans ce tutoriel qui a pour objectif de vous familiariser avec l'interface de l'outil Genially.

Comment naviguer dans ce tutoriel ?

1. Ce tutoriel reprend l'interface de Genially et vous montre toutes les fonctionnalités de base pour commencer à créer des geniallys.

4. Afin de vous familiariser avec les possibilités de Genially, les pages de ce tutoriel sont interactives : n'hésitez pas à survoler ou cliquer sur les divers boutons pour obtenir plus d'informations.

Essayez avec ces boutons !

2. Vous pouvez sélectionner l'étape de création qui vous intéresse à partir du menu principal.

5. Certaines pages reprennent l'interface de Genially sur la gauche de l'écran. Pour naviguer d'un élément à l'autre, il suffit de cliquer directement sur les boutons de ce menu.

3. Les boutons en bas des pages du tutoriel vous permettent : - de revenir en arrière - de revenir au menu principal

suite

Avant de démarrer...

Etape 2 : Créer un Genially

Etape 1 : Créer un compte Genially

Les modèles de créations vous aident à créer un Genially esthétique et ergonomique même pour un utilisateur novice.

Pour créer des contenus, il faut s'inscrire sur le site de Genially. Cliquez sur le bouton ci-dessous pour y accéder :

Site web Genially

  • Pour commencer une création, cliquez sur Créer un Genially à partir de votre tableau de bord.
  • Choisissez la catégorie de Genially qui vous intéresse puis sélectionnez un modèle.

📌 Genially propose 2 types de comptes :

  • Gratuit : permet de découvrir et d'essayer la plateforme avec des modèles et ressources gratuits.
  • Premium (payant) : permet d'accéder à toutes les possibilités de création de la plateforme (téléchargement des Genially, publication des créations en mode Privé, accès à tous les modèles et ressources).

Il est aussi possible de partir d'une page vierge en sélectionnant "Création vierge".

en savoir plus sur les plans

démarrer le tutoriel

Découverte de Genially

Cliquez sur un des boutons pour en savoir plus sur les fonctionnalités de base de Genially.

La finalisation

L'édition

Prévisualiser

Les barres d'outils

Publier/partager

L'interactivité

Insérer dans Moodle

Les animations

Les transitions

La navigation

Le groupement

Passez votre souris sur les différents éléments de cette barre d'outils pour découvrir les diverses fonctionnalités.

Les barres d'outils

Passez votre souris sur les différentes fonctionnalités pour découvrir leur fonction et cliquez sur les boutons + pour les découvrir plus en détail.

Comment ajouter du texte ?

1. Cliquez sur l'onglet Texte.

2. Selectionnez le style de texte ou d'ensemble de texte désiré : en cliquant dessus ou en le faisant glisser sur la diapositive.

3. Changez la typographie, la taille et/ou la couleur de votre texte en utilisant la barre d'édition en haut de votre écran :

01

you can write a title here

  • Images venant de votre ordinateur

Plusieurs types d'images peuvent être insérées :

  • Images avec fonds transparents (Banque d'images de Genially)
  • Images libres de droit venant de Pixabay
  • GIFS animés venant de Giphy
  • Images de votre Google Drive ou Dropbox
  • Images provenant d'une URL

Deux exemples : Image avec fond transparent et GIF

Comment insérer une image ?

1. Choisissez votre image (sur votre ordinateur, ou dans les différentes galeries proposées en sélectionnant "Voir plus").

2. Cliquez sur l'image désirée et placez-là à l'emplacement voulu sur la page.

3. Vous pouvez ensuite la redimenssionner, lui donner de l'interactivité ou bien de l'animation.

Deux exemples : icône et graphique

Plusieurs types de ressources peuvent être insérées :

  • Des illustrations
  • Des icônes
  • Des scenarios
  • Des formes
  • Des cartes
  • Des graphiques
  • Des silhouettes
  • Des lignes et des flèches

Comment insérer une ressource ?

1. Choisissez votre ressource (dans les différentes galeries proposées en sélectionnant "Voir plus").

2. Cliquez sur la ressource désirée et placez-là à l'emplacement voulu sur la page.

3. Vous pouvez ensuite la redimensionner, changer sa couleur ou son niveau de transparence mais aussi lui donner de l'interactivité et de l'animation.

Comment éditer un graphique ?

1. Cliquez sur votre graphique puis sur le bouton "configuration"

2. Vous pouvez ensuite modifier le type de graphique, la couleur et les données.

Plusieurs types d'éléments interactifs peuvent être insérés :

Deux exemples : Bouton et bouton de texte

  • Des widgets (chronomètre, dé...)
  • Des boutons

Info

  • Des numéros et lettres
  • Des boutons de texte
  • Des zones invisibles
  • Des marqueurs

Qu'est-ce qu'une zone invisible ?

Comment insérer un élément interactif ?

1. Choisissez votre élément interactif (dans les différentes galeries proposées en sélectionnant "Voir plus").

2. Cliquez sur l'élément désiré et placez-le à l'emplacement voulu sur la page.

3. Vous pouvez ensuite le redimensionner, changer sa couleur ou son niveau de transparence mais aussi lui donner de l'interactivité et de l'animation. 📌 À savoir : Si le bouton contient du texte, vous pouvez l'éditer.

Plusieurs types de questions interactives peuvent être insérées :

Comment insérer une question interactive ?

1. Choisissez un type de question

  • Vrai ou faux
  • Choix multiple

2. Cliquez sur l'élément désiré et placez-le à l'emplacement voulu sur la page.

  • Question ouverte (premium uniquement)
  • Choix d'image
  • Sondage (premium uniquement)

3. Vous pouvez ensuite le personnaliser à l'aide du volet de droite.

  • Ordonner les réponses

Voir le tutoriel détaillé

Exemple :

Tutoriels par type de question :

Choix multiple

Vrai/faux

Choix d'image

Ordonner les réponses

Plusieurs types de smartblocks peuvent être insérés :

  • Des données/tableaux/graphiques
  • Des liste/ processus
  • Des diagrammes
  • Des cartes
  • Des ensemble d'images
  • Des chronologies
  • Des animations
  • Des "full size"

Un exemple : Carte

📌 Un smartblock est un ensemble d'éléments groupés qui peuvent être rendus interactifs et modifiés.Pour cela, il faut d'abord dégrouper les éléments.

80%

Description

20%

Comment insérer un smartblock ?

1. Choisissez votre smartblock dans les différentes galeries proposées.

2. Cliquez sur l'élément désiré et placez-le à l'emplacement voulu sur la page.

3. Vous pouvez ensuite redimensionner, changer la couleur et leniveau de transparence des éléments et du texte qui composent votre smartblock. Vous pouvez aussi lui donner de l'interactivité et de l'animation.

Un exemple :Enregistrement audio

Vous pouvez insérer un audio :

  • en choisissant un à partir de votre ordinateur (formats autorisés : .mp3, .mpeg, .wav, .wave, .xwav, .vnd)
  • à partir d'un URL : seuls quelques fournisseurs sont acceptés (Spotify, SoundCloud, YouTube, Deezer...)
  • en enregistrant un directement à partir de Genially

Comment configurer mon audio ?

1. Cliquez sur votre audio puis sur le bouton "configuration"

2. Vous pouvez ensuite modifier votre audio (le renommer ou le découper) et modifier les options du reproducteur

Le découvrir

Comment enregistrer un audio directement dans Genially ?

Vous pouvez insérer une vidéo :

  • en copiant l'URL d'une vidéo Youtube ou Vimeo
  • en téléchargeant une vidéo depuis votre Google Drive

Un exemple : Vidéo YouTube

Comment configurer ma vidéo ?

1. Cliquez sur votre vidéo puis sur le bouton "configuration"

2. Vous pouvez ensuite déterminer le moment du démarrage et modifier les options du reproducteur.

Vous pouvez insérer du contenu externe à vos diapositives. Seuls quelques fournisseurs sont acceptés :

  • Wikipedia
  • Matterport
  • Meetup
  • Codepen
  • ...
  • Tumblr
  • Slideshare
  • Google Maps
  • Google Doc
  • Google Drive
  • Google sheets
  • Google forms
  • Typeform
  • Mailshimp
  • Infogram
  • Twitter
  • Facebook
  • Pinterest
  • Instagram
  • Linkedin

Un exemple : Google Maps

Comment ajouter un contenu à partir d'un de ces fournisseurs ?

En cliquant sur les logos de chacun des fournisseurs dans le menu d'édition, un tutoriel vidéo apparaitra pour vous indiquer comment les insérer dans vos diapositives.

Le découvrir

Comment ajouter une question Wooclap ?

Vous pouvez utiliser des fonds provenant de :

  • votre ordinateur
  • une URL
  • la palette de couleur de Genially
  • la galerie de Genially
  • Pixabay

Comment appliquer un fond pour la zone d'édition ou un fond de base ?

1. Choisissez l'onglet Zone d'édition ou Base

Le découvrir

Quelles sont les différences entre "Zone d'édition" et "Base" ?

2. Cliquez sur l'une des catégories de fonds (couleur, URL, ou dans la galerie en cliquant sur "Voir plus")

3. Selectionnez le fond désiré : il apparaîtra automatiquement en fond de votre page. Pour l'appliquer à toutes les pages de votre Genially, sélectionnez

L'onglet Pages permet de :

  • Ajouter des pages
  • Les déplacer (en faisant un glisser-déposer avec la page)
  • Les dupliquer
  • Les supprimer
  • Organiser les pages de son Genially en vue Liste ou Grille
  • Modifier les options de transition et de navigation

Comment gérer la navigation et les transitions entre les pages de son Genially ?

Pour accéder aux transitions, sélectionner la baguette magique à côté de la page dans l'onglet Pages. Un volet latéral s'ouvre avec un accès aux transitions et à la navigation. 📌 À savoir : les boutons se trouvant sous votre zone d'édition permettent également d'accéder à plus d'options des pages du Genially, comme la taille de la zone d'édition ou les couleurs du document.

L'interactivité

Tous les éléments (texte, image, forme, bouton) que vous ajouterez à vos Genially peuvent être rendus interactifs.

Comment rendre un élément interactif ?

1. Cliquez sur l'élément sur lequel vous souhaitez ajouter de l'interactivité.

Choisissez celle-ci.

2. Plusieurs fonctionnalités apparaissent :

3. Sélectionnez le type d'interactivité que vous souhaitez donner à votre élément :

Passez votre souris sur les boutons + pour en savoir plus

📌 Vous pouvez toujours modifier le type d'interactivité en passant par le menu latéral. 📌 Il est possible de cumuler les types d'interactivité (par exemple : étiquette et fenêtre)

Exemple d'image avec l'interactivité "Zoom"

4. N'oubliez pas de sauvegarder l'interactivité ! Pour supprimer l'intéractivité d'un élément, sélectionnez "éliminer"

Les animations

Tous les éléments (texte, image, forme, bouton) que vous ajouterez à vos Genially peuvent être animés.

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

1. Cliquez sur l'élément sur lequel vous souhaitez ajouter de l'animation.

2. Plusieurs fonctionnalités apparaissent :

Choisissez la quatrième

3. Un volet apparaît sur la droite de votre écran vous présentant 5 types de comportements :

  • Entrée
  • Continue
  • Sortie
  • Souris dessus
  • Cliquer

Passez votre souris sur les différents comportements pour en savoir plus

4. Une fois que vous aurez sélectionné le comportement de votre élément, vous pouvez choisir un effet d'animation dans la liste en-dessous et le personnaliser (direction, début, vitesse).

Les transitions

Afin de rendre votre Genially plus dynamique, vous pouvez ajouter des transitions entre les pages.

Comment ajouter une transition à une page du Genially ?

1. Cliquez sur l'onglet "Pages" sur la barre latérale de gauche.

2. Cliquez sur l'icône "baguette magique" à droite de votre page :

3. Un volet apparaît sur la droite de votre écran vous présentant 3 types de transitions : horizontal, vertical ou central.

4. Une fois que vous aurez sélectionné le type de transition, vous pouvez choisir son style dans la liste en-dessous.

5. Si vous souhaitez appliquer la même transition à toutes vos pages, cliquez sur "Appliquer pour toutes les pages"

La navigation

Genially propose différents modes de navigation entre les pages.

Comment modifier le mode de navigation du Genially ?

1. Cliquez sur l'icône "Navigation" dans la barre qui se situe sous la zone d'édition en bas de votre écran :

2. Un volet apparaît sur la droite de votre écran : sélectionnez le mode de navigation que vous préférez.

Passez votre souris sur les boutons + sous les modes de navigation pour en savoir plus

Grouper des éléments

Afin de vous aider à éditer vos pages, vous avez la possibilité de grouper plusieurs éléments entre eux. Ils seront alors déplaçables et modifiables en tant qu'ensembles d'éléments.

Comment grouper des éléments ?

1. Séléctionnez plusieurs éléments :

  • Soit en encadrant les éléments que vous souhaitez sélectionner à l'aide de votre souris
  • Soit en maintenant la touche "ctrl" ou "shift" de votre clavier et en cliquant sur les éléments que vous souhaitez séléctionner. Cette technique de sélection est plus précise que la première.

2. Plusieurs fonctionnalités apparaissent. Cliquez sur la troisième icône "Grouper".

3. Une fois le groupe créé, vous pouvez déplacer et éditer vos éléments ensemble.

4. Pour dégrouper les éléments, cliquez sur le groupe puis sur l'icône "Dégrouper"

📌 Attention : lorsque vous dégroupez ou groupez des éléments, vous perdez l'interactivité et les animations liées individuellement à chaque élément.

Prévisualiser

La prévisualisation vous montre comment le Genially se présentera aux utilisateurs à qui vous allez le partager.

Prévisualiser permet de :

  • Tester l'interactivité d'un élément
  • Avoir un aperçu des animations et comportements ajoutés à un élément
  • Faire défiler les pages du Genially pour avoir un aperçu des transitions
  • Préparer au mieux son Genially avant de le publier / partager !

Comment prévisualiser son Genially ?

Cliquez sur l'icône "Prévisualiser" en haut à droite de votre écran.

Publier / partager

Par défaut, votre Genially a le statut de brouillon.Lorsque vous considérez qu'il est terminé et/ou que vous souhaitez le partager à votre public, vous pouvez le publier.

Comment publier son Genially ?

1. Cliquez sur l'icône "Prêt !" en haut à droite de votre écran.

2. Une fenêtre apparaît. Choisissez le statut Public ou Privé de votre Genially puis validez en cliquant sur "Prêt !"

SUITE

Publier / partager

3. Une deuxième fenêtre apparaît où vous avez la possibilité de présenter, partager ou télécharger votre Genially.

Passez votre souris sur les boutons + pour en savoir plus

Comment retourner à l'état de brouillon ?

1. Cliquez sur les options du Genially en haut à droite de votre écran

2. Cliquez sur "Retourner au brouillon"

Insérer dans Moodle

Il est possible d'intégrer un Genially dans vos espaces de cours sur Moodle.

Comment intégrer un Genially dans Moodle ?

1. Cliquez sur l'icône "Partager" en haut à droite de votre écran. 📌Attention : Il faut que le Genially soit publié en amont)

2. Séléctionnez l'onglet "Insérer" (1) puis cliquez sur "copier" (2) l'iframe.

SUITE

Insérer dans Moodle

3. Dans votre espace de cours Moodle, créez une Zone texte et média, une page ou tout autre activité ou ressource dans Moodle qui génèrera un éditeur de texte.

4. Dans l'éditeur de texte, cliquez sur Afficher > Code source

5. Une fenêtre apparaît. Collez votre code iframe (3) puis cliquez sur "Enregistrer" (4).

6. Enfin, cliquez sur "enregistrer et revenir au cours" en bas de votre page.

Votre Genially apparaîtra directement dans votre espace de cours, dans la ressource que vous avez créée.

Découverte de Genially

Crédits

Ingénierie pédagogique - Clermont Auvergne INP Université Clermont Auvergne

Tutoriel basé sur une première version de Chloé Nurit (octobre 2021) Finalisation, adaptation et nouvelle version de Anna Hendrix (octobre 2022 - mise à jour février 2024)

Licence Creative Commons Attribution - Pas d'utilisation commerciale - Partage dans les mêmes conditions