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

Get started free

Guide_debutant

ChristopheD

Created on February 25, 2021

Start designing with a free template

Discover more than 1500 professional designs like these:

Puzzle Game

Scratch and Win

Microlearning: How to Study Better

Branching Scenarios Challenge Mobile

Branching Scenario Mission: Innovating for the Future

Piñata Challenge

Teaching Challenge: Transform Your Classroom

Transcript

Genially - Guide pour le débutant

Genially - Guide pour le débutant

Genially est une application en ligne permettant de créer des contenus interactifs, en utilisant des images, des vidéos, des objets numériques et du texte. Il est nécessaire d'avoir un compte pour utiliser Genially qui est un outil accessible en ligne. Le compte gratuit suffit amplement pour démarrer mais bien entendu, il comporte quelques contraintes. Genially est une application espagnole conforme au rgpd.

1. Tableau de bord

Une fois connecté à votre compte Genially, vous arrivez dans votre tableau de bord qui comporte plusieurs zones. Pour créer un nouveau Genially, cliquez sur le bouton en 3.

2. Création 1/4

Vous avez le choix entre plusieurs types de création selon votre projet. Nous allons partir d'un modèle de présentation existante.

3. Création 2/4

Une fois notre modèle choisi, nous cliquons sur son visuel pour l'ouvrir.

4. Création 3/4

Une nouvelle fenêtre s'ouvre dans laquelle nous prévisualisons le modèle. Nous pouvons alors modifier la palette de couleur avant notre validation (1).

5. Création 4/4

La dernière étape consiste à choisir les pages du modèle que nous voulons utiliser. En cochant Tout sélectionner, nous sélectionnons l'ensemble des pages constituant ce modèle.

6. Édition 1/10

Une fois les pages importées dans notre interface d'édition, nous voyons dans le "chemin de fer" l'ensemble des pages et dans le menu d'édition situé à gauche de notre interface, nous sommes bien dans la partie Page. Les pages peuvent se déplacer par simple glisser/déposer à la souris.

7. Édition 2/10

À côté de chaque vignette "page", vous avez une baguette magique et un menu représenté par 3 points. Un clic sur la baguette ouvre le volet transition des pages qui vous permet de mettre de l'animation au changement de page.

8. Édition 3/10

Un clic sur les 3 points vous permet de masquer la page ou de la verrouiller par un mot de passe.

9. Édition 4/10

En survolant chaque vignette, vous pouvez dupliquer ou supprimer la page en cours.

10. Édition 5/10

Chaque page est composée de blocs modifiables que vous sélectionnez en cliquant sur le bloc qui se retrouve entouré de pointillés. 2 icônes mettent alors en évidence l'interactivité possible et l'effet possible pour chaque bloc.

11. Édition 6/10

Par exemple, nous allons modifier l'image du bandeau supérieur de notre page. En sélectionnant ce bloc, un bouton "Remplacer " apparaît et nous allons cliquer sur ce bouton pour modifier notre bandeau.

12. Édition 7/10

Une fenêtre nous permettant de choisir l'origine de notre image de remplacement s'ouvre. Dans le menu de gauche (1) , nous choisissons "Ressources/images" (2) puis "Scénarios" (3) pour choisir une illustration.

13. Édition 8/10

Nous choisissons une des illustrations proposées. Il y a un moteur de recherche qui permet d'affiner notre choix.

14. Édition 9/10

L'illustration choisie s'insère dans la fenêtre et nous pouvons sélectionner la partie qui nous intéresse que nous validons par un clic sur la coche bleue.

15. Édition 10/10

Et voici notre nouveau bandeau après validation.

16. Insertion Audio 1/3

Dans la version gratuite, il n'est pas possible d'intégrer de l'audio de notre pc. Il est possible d'insérer des URL de sites tels que Spotify ou Soundcloud. Et il est également possible de s'enregistrer pour déposer un fichier audio sur notre page.

17. Insertion Audio 2/3

Lorsque je clique sur le bouton, l'enregistreur démarre. Je reclique sur le bouton lorsque j'ai fini.

18. Insertion Audio 3/3

Mon fichier audio (1) se positionne sur ma page et un onglet (2) permet de modifier les paramètres.

19. Smartblock 1/2

Génially propose des Smartblocks (blocs intelligents) qui peuvent illustrer facilement notre travail. Sur une page blanche, j'ai inséré un SB que je peux très facilement modifier selon mes besoins.

20. Smartblock 2/2

Il me suffit de sélectionner chaque partie composant le SB puis de la modifier. Exemple, ici je peux remplacer Step 1 par Étape 1 et d'y ajouter interactivité et animation.

21. Interactivité 1/2

Lorsque je sélectionne un bloc, quel qu'il soit, je peux y ajouter de l'interactivité en cliquant sur l'icône de gauche du menu supérieur.

22. Interactivité 2/2

Une fenêtre s'ouvre alors et nous propose 4 choix.

  1. Étiquette : Au survol de bloc le contenu de l'étiquette apparaîtra dans une fenêtre pop-up.
  2. Fenêtre : au clic sur le bloc, la fenêtre s'ouvrira pour afficher son contenu.
  3. Aller à la page : cette option est très utile pour créer une navigation non linéaire dans notre Génially.
  4. Lien : vous pouvez ajouter un lien vers une ressource extérieure qui s'ouvrira dans un nouvel onglet ou dans la même fenêtre.

23. Animation

Si l'on clique sur l'icône de droite, nous accédons au menu Animation de nos blocs. Nos pouvons ajouter des animations d'entrée, de sortie, de survol ou continue..

24. Intégrer 1/2

Nous avons vu qu'il était possible d'intégrer de l'audio. Mais il est également possible d'intégrer des vidéos hébergées sur des sites tels que Youtube et Viméo via les liens de partage. Par une manipulation assez simple il est possible de récupérer le lien "Embed" d'une vidéo hébergée sur un GDrive.

25. Intégrer 2/2

Ainsi il est possible d'intégrer des liens <iframe> d'activités créées sur des sites tels que AppsLearning par ex. Il suffit de coller le code "Embed" de notre source pour la coller dans la zone d'édition.

26. Ressources 1/2

Génially propose de nombreuses ressources pour illustrer notre travail. En cliquant sur l'une d'elles, elle se positionne sur la page et nous pouvons la déplacer, modifier sa taille, sa couleur, etc.

27. Ressources 2/2

Exemple d'ajout de ressources.

28. Navigation 1/3

Un paramètre important de nos Géniallys est la navigation. En cliquant sur la baguette magique (1) sur le bouton Navigation (2) du menu en bas de la zone, vous ouvrez l'onglet navigation. Ici nous sommes en mode Standard avec des flèches latérales pour changer de page.

29. Navigation 2/3

En choisissant le mode vidéo, nous pouvons donner un temps d'affichage de chaque page et transformer ainsi notre Génially en vidéo.

30. Navigation 3/3

Enfin la navigation Microsite, vous offre la possibilité d'ajouter une navigation non linéaire par le travail sur l'interactivité des blocs.

31. Partage 1/3

Il est temps de partager notre travail en cliquant sur Prêt qui nous ouvre la fenêtre (1) des paramètres de partage.

32. Partage 2/3

La partie 1 concerne les abonnements payants à Genially. En version gratuite, le lien de partage est public, vous pouvez choisir de rendre votre Génially Réutilisable. Une fois vos choix faits, vous cliquez sur Prêt en 2. Vous pouvez récupérer votre lien pour l'envoyer à votre audience.

33. Partage 3/3

La fenêtre de diffusion apparaît et vous pouvez choisir de Présenter votre Génially ou de le Partager. À vous maintenant de créer vos contenus interactifs.