La barre latérale de création

La barre latérale de création centralise tous les outils nécessaires à la création et à la personnalisation de vos supports pédagogiques interactifs. Voici comment chacun des éléments peut être utile dans votre pratique :

1. Texte

  • Insérer des titres et explications claires : Ajoutez des zones de texte pour structurer vos contenus (titres, sous-titres, descriptions, définitions).
  • Adapter la typographie : Rendez le contenu plus lisible et attractif grâce aux styles variés.

2. Image

  • Illustrer vos cours : Importez des images pour soutenir vos explications (graphiques, diagrammes, schémas, cartes, etc.).
  • Utiliser des visuels pédagogiques : Insérez des illustrations ou des captures d’écran pour enrichir vos supports.

3. Ressources

  • Accéder à des éléments prêts à l’emploi : Utilisez des icônes, des illustrations et d’autres ressources pour rendre vos contenus visuels et intuitifs.
  • Créer des contenus professionnels : Évitez de chercher des ressources externes en profitant de la bibliothèque intégrée.

4. Éléments interactifs

  • Ajouter des liens et actions : Créez des zones cliquables pour rediriger vers des articles, des vidéos ou d’autres ressources en ligne.
  • Stimuler la participation des utilisateurs : Intégrez des éléments interactifs pour encourager les utilisateurs à explorer le contenu de manière autonome.

5. Questions interactives

  • Évaluer les connaissances : Ajoutez des quiz directement dans vos présentations pour vérifier la compréhension en temps réel.
  • Rendre les cours interactifs : Engagez les utilisateurs avec des activités ludiques, comme des questions à choix multiples ou des activités de correspondance.

6. Widgets

  • Enrichir les supports avec des outils externes : Les widgets dans Genially sont des éléments préconçus et interactifs qui ajoutent des fonctionnalités avancées à vos créations sans nécessiter de compétences en programmation.

7. Insérer

  • Importer des fichiers : Ajoutez vos audios, PDF, vidéos ou documents existants et/ou des ressources externes directement dans votre projet.
  • Partager des contenus variés : Permettez aux utilisateurs d’avoir accès à des documents supplémentaires au sein du même espace.

8. Fond

  • Personnaliser le visuel : Adaptez les arrière-plans pour correspondre à votre contenu (thèmes colorés, arrière-plans épurés pour des graphiques).
  • Créer une ambiance adaptée : Ajoutez des fonds spécifiques pour illustrer certains concepts (cartes pour la géographie, laboratoire pour les sciences, etc.).

9. Pages

  • Structurer vos cours : Gérez facilement l’ordre et la progression logique de vos diapositives ou modules.
  • Naviguer dans votre projet : Ajoutez, dupliquez ou réorganisez les pages pour adapter vos supports en fonction de vos besoins.

La barre horizontale

La barre horizontale est un élément qui peut être utilisé pour structurer, modifier et organiser visuellement votre contenu :

  • Exemple avec la sélection d’un texte :

  • ✂️ Ciseaux : Sert à couper un élément pour le coller ailleurs.
  • 📄 Dupliquer : Crée une copie exacte de l’élément sélectionné.
  • 🗑️ Supprimer : Permet de supprimer l’élément sélectionné.
  • 🔒 Verrouiller : Bloque un élément pour éviter tout déplacement ou modification accidentelle.
  • Empilement (icône couches) : Gère les couches des éléments pour les envoyer en arrière-plan ou les mettre au premier plan.
  • Positionnement (icône cadre) : Permet de placer précisément un élément à l’aide des coordonnées X et Y ou d’autres outils d’alignement.
  • Opacité (icône damier) : Active ou désactive un arrière-plan transparent.
  • Choix couleur : Permet de changer la couleur du texte. Vous pouvez choisir parmi une palette de couleurs.
  • Police : Sélectionnez ou modifiez la police de caractères utilisée pour le texte.
  • Taille du texte : Ajustez la taille des caractères.
  • B (gras) : Applique un style gras au texte sélectionné.
  • I (italique) : Met le texte sélectionné en italique.
  • U (souligné) : Souligne le texte sélectionné.
  • Icône crayon (surlignement de la police) : Permet de surligner le texte sélectionné. Vous pouvez choisir parmi une palette de couleurs.
  • Tt (majuscule/minuscule) : Alterne entre majuscule et minuscule pour tout ou partie du texte.
  • X’ (exposant) : Applique un style d’exposant (par exemple, x²).
  • X. (indice) : Permet d’ajouter un indice (par exemple, CO₂).
  • Icône A avec ombre (effet) : Ajoute un effet d’ombre au texte sélectionné.
  • Alignement gauche/centré/droite : Définit l’alignement du texte (à gauche, centré ou à droite).
  • Icône liste : Ajoute des puces ou des numéros pour structurer le contenu.
  • Interligne : Ajuste l’espacement entre les lignes d’un bloc de texte.
  • Espacement entre paragraphes : Modifie l’espacement entre les paragraphes, idéal pour aérer votre contenu.
  • Interlettre : Ajuste l’espacement entre les lettres pour un effet visuel précis.
  • Icône T barré : Réinitialise le style d’un texte pour supprimer toutes les mises en forme appliquées.
  • Icône A avec un check (orthographe) : Sert à vérifier et corriger les fautes d’orthographe dans votre texte.
  • Icône main : Active le mode de manipulation afin que les utilisateurs puissent déplacer l’élément.
  • Icône cercle avec personnage (accessibilité) : Sert à adapter l’accessibilité de votre contenu afin qu’il soit compréhensible et utilisable par tous, y compris les personnes ayant des besoins spécifiques.

Elle peut être différente selon l’élément. 

Ajouter du contenu texte

  • Cliquez sur le texte et il apparaitra sur le canva d’édition. À partir de ce moment-là, vous avez la possibilité de modifier le texte avec la barre horizontale :

Ajouter des images

  • Cliquez sur l’icône « Images » dans la barre d’outils. Vous pouvez choisir une image depuis la bibliothèque d’images proposée par Genially ou importer une image depuis votre ordinateur. Sélectionnez l’image désirée, puis placez-la dans votre projet.

Ajouter des ressources

Au sein de l’onglet « Ressources », vous pouvez intégrer à votre Genially :

  • Des icônes : Ces icônes sont utiles pour symboliser des actions, des idées, ou des concepts de manière visuelle et claire. Il suffit de sélectionner et de personnaliser l’icône selon vos besoins.
  • Silhouettes et personnages : Vous pouvez insérer des silhouettes ou des personnages vectoriels qui ajoutent une dimension humaine ou figurative à votre projet. Ces éléments peuvent être utilisés pour représenter des personnes, des groupes, ou même des rôles dans une illustration.
  • Formes : Genially propose une large sélection de formes géométriques, comme des cercles, des carrés, des rectangles, des triangles, des lignes, et bien plus encore. Vous pouvez ajouter ces formes pour structurer ou embellir votre projet, comme pour créer des arrière-plans, des cadres, ou des séparateurs.
  • Éléments de connexion : Cette option permet d’ajouter des éléments visuels qui créent des liens entre les objets de votre projet. Par exemple, vous pouvez ajouter des lignes ou des flèches pour relier des concepts, des sections ou des éléments graphiques de manière interactive ou explicative.
  • Illustrations : Genially propose une bibliothèque d’illustrations prêtes à l’emploi, souvent créées dans un style graphique moderne et épuré. Ces illustrations couvrent un large éventail de thématiques et peuvent être utilisées pour améliorer l’aspect visuel de votre projet. Elles sont souvent vectorielles, ce qui permet de les redimensionner sans perte de qualité. La personnalisation des illustrations se fait de la même manière que les images.
  • Graphiques interactifs : Vous pouvez ajouter des graphiques interactifs pour visualiser des données (graphiques en barres, camemberts, etc.). Ces graphiques peuvent être configurés pour afficher des informations de manière dynamique et interactive, en fonction des actions des utilisateurs, comme des survols ou des clics.
  • Tableaux : Cette option permet d’insérer des tableaux dans votre projet, soit pour afficher des données de manière structurée, soit pour présenter des comparaisons. Ces tableaux sont souvent utilisés dans des infographies ou des présentations pour organiser des informations de manière claire et visuelle.

  • Après avoir ajouté le graphique, une fenêtre « Éditeur de données » apparaîtra automatiquement ou vous pourrez l’ouvrir en cliquant sur le graphique.
  • Modifiez les données du graphique en remplissant les colonnes et lignes avec vos propres informations. Vous pouvez entrer des valeurs numériques, des catégories, ou des séries de données selon le type de graphique.
  • Vous pouvez également ajouter ou supprimer des séries de données en fonction des besoins de votre projet :

  • Une fois les données saisies, vous pouvez personnaliser l’apparence de votre graphique :
    • Changer le type de graphique :
      • Graphique à barres : Idéal pour comparer des valeurs entre différentes catégories.
      • Graphique circulaire (camembert) : Parfait pour montrer des proportions ou des pourcentages.
      • Graphique linéaire : Utilisé pour visualiser des tendances ou des évolutions au fil du temps.
      • Graphique en aires : Similaire au graphique linéaire, mais avec des zones colorées sous les courbes pour illustrer les données.
      • Graphique à colonnes : Pour une comparaison entre différentes catégories avec des colonnes verticales.
      • Graphique radar : Utilisé pour afficher plusieurs variables sur un même graphique.
    • Couleurs : Changez les couleurs des barres, des secteurs ou des lignes pour correspondre à votre charte graphique.
    • Cochez ou décochez les informations sur le tableau/graphique. 
    • Personnaliser la typographie : Vous avez la possibilité de personnaliser la police de texte pour les titres, les légendes, et les labels de votre graphique. Cela vous permet de choisir une police qui correspond à votre design global ou d’optimiser la lisibilité du texte.
    • Format de présentation des données : Ici, vous pouvez ajuster la manière dont les valeurs sont affichées dans votre graphique.
    • Animation : Ajout d’une animation d’entrée.

1.

  • Ciseaux : Sert à couper un élément pour le coller ailleurs.
  • 📄 Dupliquer : Crée une copie exacte de l’élément sélectionné.
  • 🗑️ Supprimer : Permet de supprimer l’élément sélectionné.
  • 🔒 Verrouiller : Bloque un élément pour éviter tout déplacement ou modification accidentelle.
  • Empilement (icône couches) : Gère les couches des éléments pour les envoyer en arrière-plan ou les mettre au premier plan.
  • Positionnement (icône cadre) : Permet de placer précisément un élément à l’aide des coordonnées X et Y ou d’autres outils d’alignement.
  • Opacité (icône damier) : Active ou désactive un arrière-plan transparent.
  • Icône main : Active le mode de manipulation afin que les étudiants puissent déplacer l’élément.
  • Icône cercle avec personnage (accessibilité) : Sert à adapter l’accessibilité de votre contenu afin qu’il soit compréhensible et utilisable par tous, y compris les personnes ayant des besoins spécifiques.

2.

  • Bloquer : Lorsque vous verrouillez un élément, vous le fixez à son emplacement sur la page. Cela vous permet de continuer à travailler sur d’autres éléments sans risquer de modifier ou déplacer cet élément par erreur.
  • Ajouter un effet animé : Appliquer des mouvements ou des transitions visuelles à un élément pour le rendre dynamique et attirer l’attention. Cela peut inclure des animations de disparition, d’apparition, de déplacement, ou d’autres effets visuels au clic ou au survol.
  • Modifier le graphique. 

  • Compositions visuelles : Vous pouvez ajouter des compositions préfabriquées, qui sont des arrangements d’éléments graphiques déjà organisés (comme des mises en page ou des ensembles d’images et d’illustrations). Cela permet de structurer rapidement le design de votre projet sans avoir à partir de zéro.

En savoir plus sur les ressources : https://help.genially.com/fr/ressources-sur-genially-ByJK5DB3i

Ajouter un élément interactif

Les éléments interactifs dans Genially permettent de rendre vos projets plus dynamiques en ajoutant des interactions entre l’utilisateur et les éléments de votre création.

Contenu : 

  • Fenêtre : Ce sont des fenêtres qui ouvre un contenu avec des informations additionnelles, des images, des textes, des vidéos, des graphiques, des tableaux et même des questions interactives. Comment créer des fenêtres sur Genially ? 
  • Etiquette : Ce sont des fenêtres qui apparaissent lorsque l’utilisateur clique sur un élément spécifique (comme un bouton ou une zone cliquable). Elles permettent d’afficher des informations supplémentaires, des explications détaillées, des images ou des vidéos sans quitter la page ou l’écran principal. Comment configurer l’interactivité Étiquette sur Genially ?
  • Audio : Vous pouvez utiliser des fichiers audio pour accompagner des éléments interactifs, comme des boutons, des zones cliquables ou des fenêtres contextuelles. Cela permet d’ajouter des effets sonores, des voix off, ou des musiques de fond pour améliorer l’interaction et l’immersion.

  1. Cliquez sur « Audio« .
  2. Glissez votre audio. 
  3. Enregistrer votre audio depuis votre ordinateur. 
  4. Utiliser un lien URL. 

  1. Nommez votre audio. 
  2. Découpez (si besoin) votre audio. 
  3. Cochez pour lire en boucle. 
  4. Enregistrez.
  • Lien : L’interactivité du lien vous permet de créer un lien vers n’importe quel site web à partir de votre Genially. Vous pouvez amener votre public à visiter vos réseaux sociaux, votre blog, n’importe quel site web ou même le diriger vers un autre genially. Comment configurer l’interactivité Lien sur Genially ? 
  • Aller à la page : Grâce à l’interactivité Aller à la page, vous pouvez relier les pages de votre genially pour créer une expérience de navigation personnalisée.

Navigation : 

  • Stickers à effet : Ces stickers sont parfaits pour attirer l’attention, renforcer une idée ou simplement rendre votre projet plus visuellement attrayant.
  • Boutons : Vous pouvez ajouter des boutons interactifs à votre projet pour permettre aux utilisateurs de naviguer d’une page à une autre ou d’effectuer une action spécifique (comme ouvrir un lien externe ou afficher un élément caché).
  • Zone interactive : Espace invisible que vous pouvez placer sur n’importe quel élément de votre création (image, texte, graphique, etc.) pour déclencher une interaction lorsqu’un utilisateur clique, survole ou interagit avec cette zone. C’est une fonctionnalité très utile pour ajouter de l’interactivité sans surcharger visuellement votre design.

Pour en savoir plus : https://tuto.appli.univ-poitiers.fr/tutos/genially-creer-de-lanimation-et-de-linteractivite/

Ajouter des questions interactives

Dans Genially, les questions interactives sont des outils puissants pour rendre vos contenus plus engageants, éducatifs et participatifs. Elles permettent aux utilisateurs d’interagir avec votre projet en répondant à des quiz, des sondages, ou des évaluations. Les questions interactives sont idéales pour les présentations pédagogiques, les formations, ou les jeux.

Quel type de questions interactives utiliser ?

Vous pouvez ajouter des questions aux styles variés :

Pour en savoir plus : https://help.genially.com/fr/les-questions-interactives-de-genially-H1_tCj1en

Ajouter des widgets

Les widgets dans Genially apportent une couche d’interactivité et de dynamisme à vos projets, les rendant plus attrayants et engageants. Que ce soit pour informer, divertir, ou guider, ces outils offrent une grande flexibilité pour captiver votre audience.

  • Tendances : Regroupe des widgets inspirés des tendances actuelles en matière de design ou d’interactivité.
  • Temps : Regroupe des outils interactifs comme la minuterie, le chronomètre, et le compte à rembours, qui sont utiles pour créer des expériences engageantes et dynamiques.
  • Minuterie : Configurez une durée limite pour effectuer une tâche ou répondre à une question. Idéal pour des jeux ou des quiz avec un temps limité. Exemple : Une minuterie de 30 secondes pour répondre à une question ou résoudre une énigme. En cliquant sur le crayon, vous pouvez programmer la durée et créer un résultat final (avec audio et action) au décompte :

  • Chronomètre : Mesurez le temps qu’un utilisateur met pour accomplir une tâche ou compléter une activité. Parfait pour des compétitions ou des évaluations où la rapidité est un facteur clé. Exemple : Un chronomètre démarre lorsqu’un utilisateur commence un parcours d’apprentissage ou un jeu.
  • Compteur : Minuterie qui diminue au fil du temps, partant d’une durée définie pour atteindre zéro. Peut servir comme élément visuel pour indiquer combien de temps reste avant une échéance (par exemple : un événement en direct ou un lancement). Lorsqu’il atteint zéro, une action ou un événement peut se déclencher (passage à une autre page, fin d’une activité, etc.). En cliquant sur le crayon, programmez la date et un résultat de fin (audio et action) :

  • Tentez votre chance : Conçu pour ajouter une dose de hasard et de ludisme à vos créations interactives. Il comprend des options comme un , une pièce à lancer, et la possibilité de randomiser des images.
  • : Intégrez un dé interactif qui génère un nombre aléatoire de 1 à 6 lorsqu’il est cliqué. Parfait pour des jeux de société ou des activités interactives. En cliquant sur le crayon, vous pouvez changer de type de dés :

  • Pièce à lancer : Ajoutez une pièce virtuelle que les utilisateurs peuvent « lancer » pour obtenir un résultat aléatoire (pile ou face). Utile pour des décisions aléatoires ou des jeux de hasard. En cliquant sur le crayon, vous pouvez changer le type de pièce :

  • Randomiser des images : Un widget qui affiche une image aléatoire parmi une sélection prédéfinie à chaque clic. Idéal pour des tirages au sort, des surprises, ou des activités basées sur des choix aléatoires. Pour le programmer, cliquez sur le crayon et remplacer les cartes prédéfinies par les vôtres. Vous pouvez aussi inclure une nouvelle image, ajouter une image de couverture des cartes et activez l’accessibilité :

  • Carrousels : Affichez une galerie de photos ou de visuels. Idéal pour des portfolios ou des démonstrations de produits. Organisez des leçons ou des modules en plusieurs parties que les utilisateurs peuvent parcourir. Cliquez sur le bouton et remplacez les images, ajoutez en une autre, choisissez l’option de visualisation, affichez ou non les contrôles, la légende des images, configurez ou non la lecture automatique, ajustez les images. Activez ou non l’accessibilité :

  • Mosaïques : Permet d’afficher plusieurs images sous forme de grille ou de structure modulaire. Ce type de présentation est parfait pour organiser une grande quantité d’informations de manière visuelle et attrayante. En cliquant sur le crayon, remplacez l’image et donnez lui un titre, choisissez l’option de visualisation, affichez ou non la légende et activez ou non l’accessibilité :

Insérer

Dans Genially, l’insertion de contenu multimédia (images, audio, vidéos, et autres types de fichiers) est une fonctionnalité clé pour enrichir vos créations interactives. Voici comment chaque type de contenu peut être ajouté et configuré :

Images :

  • Cliquez sur « Insérer » dans la barre latérale gauche, sélectionnez « Image » et importez une image depuis :
    • Votre ordinateur.
    • Un lien URL.

Audio :

  • Cliquez sur « Insérer » et choisissez « Audio », importez un fichier audio depuis :
    • Un lien URL.

Pour enregistrer un audio : https://help.genially.com/fr/comment-enregistrer-un-son-dans-votre-genially-SyHj9PS3s

Vidéo :

  • Cliquez sur « Insérer », puis sélectionnez « Vidéo », importez une vidéo depuis :
    • Une URL (YouTube, Vimeo, etc.).

Pour en savoir plus : https://help.genially.com/fr/comment-ajouter-une-video-dans-un-genially-BJiEjDH3s

Autres :

  • Cliquez sur « Insérer » et choisissez « Intégrer », collez le lien ou le code d’intégration (iframe) pour :
  • Des outils externes (Google Maps, Padlet, etc.).
  • Des éléments interactifs comme des graphiques en ligne ou des widgets.

Pour en savoir plus : https://help.genially.com/fr/categories/inserer-du-contenu-externe-BkreykPx0