Want to make creations as awesome as this one?

Transcript

Découverte de GENIALLY

Le groupement

Les animations

La navigation

L'interactivité

Insérer dans Moodle

Les barres d'outils

Les transitions

Publier/partager

Prévisualiser

L'édition

La finalisation

Ce document a pour unique objectif de vous familiariser avec l'interface de l'outil Genially une fois que vous aurez sélectionné votre modèle.

Les barres d'outils

Passez votre souris sur les différentes fonctionnalités ou cliquez sur les boutons + pour découvrir en détails chacune d'entre elles

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

Permet d'insérer du texte.

Permet d'insérer des images.

Plusieurs possibilités s'offrent à vous. Vous pouvez choisir :

  • Des images sur votre ordinateur
  • Des images avec fonds transparents (Banque d'images de Genially)
  • Des images libres de droit venant de Pixabay
  • Des GIFS animés venant de Giphy
  • Des images venant de votre Google Drive ou Dropbox
  • Des images grâce à une URL

Permet d'insérer différents types de ressources :

  • Icônes
  • Formes
  • Graphiques
  • Lignes et flèches
  • Illustrations
  • Scénarios
  • Cartes
  • Silhouettes

Permet d'insérer plusieurs éléments interactifs :

  • Boutons
  • Boutons de texte
  • Marqueurs
  • Réseaux sociaux
  • Numéros et lettres
  • Zone invisible


En réalité, tous les éléments (texte, image, ressource, etc.) que vous allez intégrer dans vos Genially peuvent être interactifs

Permet d'intégrer des templates pouvant présenter des données, tableaux, graphiques

Permet d'insérer différents médias à vos Genially :

  • De l'audio (depuis votre ordinateur ou un URL venant de quelques fournisseurs acceptés tels que Spotify ou Youtube. Vous pouvez également enregistrer directement votre audio à partir de Genially)
  • Des vidéos (depuis votre Google Drive ou un URL venant de Youtube ou Viméo)
  • D'autres médias en copiant le code Iframe (quelques fournisseurs acceptés : Instagram, Maps, Forms...)

Permet d'ajouter des fonds à vos diapositives. Il peut s'agir :

  • d'une image venant de votre ordinateur, d'une URL, de la galerie de Genially ou de Pixabay
  • d'une couleur

Permet d'avoir accès à toutes les pages de votre Genially. Vous pouvez :

  • Donner un titre à vos pages
  • Déplacer vos pages en fonction de l'ordre d'apparition que vous préférez
  • Dupliquer ou supprimer vos pages
  • Gérer les transitions entre vos pages

Les ciseaux permettent de couper l'élément sélectionné et de le coller à un autre emplacement.

Outil permettant de copier l'élément selectionné

Outil permettant de coller un élément précèdemment coupé ou copié

La poubelle permet de supprimer l'élément selectionné.

Le cadena permet de bloquer l'élément ou les éléments sélectionnés afin qu'ils ne bougent plus sur votre page.

Outil qui permet de gérer la superposition des éléments que vous avez placé sur la page.

Outil qui permet de positionner l'élément sélectionné sur la page (par exemple : en haut à gauche, au milieu, en bas à gauche...)

Outil permettant de gérer la transparence de l'élément sélectionné

Outil permettant de gérer la couleur de votre texte (Lettre A avec un trait coloré en dessous) ou bien l'élément que vous avez sélectionné (carré de couleur).

Tous ces outils représentent les outils de traitement de texte que vous connaissez (choix de la police, augmentation ou diminution de la police, surlignage, gras, etc.)

Si vous souhaitez que l'utilisateur puisse déplacer votre élément/objet, il faudra cliquer sur cette main

Pour ajouter du texte, il suffit de :

1) Cliquer sur l'onglet Texte

2) Selectionner le style de texte ou d'ensemble de texte désiré en cliquant dessus ou en le faisant glisser sur la diapositive

3) Changer la typographie, la taille et/ou la couleur de votre texte en utilisant la barre d'édition

you can write a title here

01

Pour ajouter du texte, il suffit de :

1) Cliquer sur l'onglet Texte

2) Selectionner le style de texte ou d'ensemble de texte désiré en cliquant dessus ou en le faisant glisser sur la diapositive

3) Changer la typographie, la taille et/ou la couleur de votre texte en utilisant la barre d'édition

you can write a title here

01

  • 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, votre Google Drive, etc. ou dans les galeries d'images proposées en cliquant sur "Voir plus")

2) Cliquez sur l'image désirée et replacez là à l'emplacement voulu

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

  • Des icônes

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

  • Des formes

  • Des graphiques

  • Des lignes et des flèches

  • Des illustrations

  • Des scenarios

  • Des cartes

  • Des silhouettes

Deux exemples (icône et graphique)

Comment insérer une ressource ?

1) Choisissez votre ressource (cliquez sur "voir plus" pour découvrir toutes les ressources à votre disposition)

2) Cliquez sur la ressource désirée et replacez là à l'emplacement voulu

3) Vous pouvez ensuite la redimenssionner, lui donner de l'interactivité, de l'animation, changer sa couleur ou son niveau de transparence

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

  • Des boutons

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

  • Des boutons de texte

  • Des marqueurs

  • Des réseaux sociaux

  • Des numéros et lettres

  • Des zones invisibles

Deux exemples (bouton et bouton de texte)

Read more

Comment insérer un élément interactif ?

1) Choisissez votre élément interactif (cliquez sur "voir plus" pour découvrir tous ceux à votre disposition)

2) Cliquez sur l'élément désiré et replacez le à l'emplacement voulu

3) Vous pouvez ensuite le redimenssionner, lui donner de l'interactivité, de l'animation, changer sa couleur ou son niveau de transparence

Qu'est-ce qu'une zone invisible ?

Le découvrir

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

  • Des données/tableaux/graphiques

  • Des diagrammes

  • Des galeries/images

  • Des "full size"

  • Des liste/ processus

  • Des cartes

  • Des chronologie

  • Des animés

80%

Lorem ipsum dolor sit amet

Un exemple (carte)

20%

Comment insérer un smartblock ?

1) Choisissez votre smartblock (cliquez sur "voir plus" pour découvrir tous ceux à votre disposition)

2) Cliquez sur l'élément désiré et replacez le à l'emplacement voulu

3) Vous pouvez ensuite redimenssionner, donner de l'interactivité, l'animation, changer la couleur, le niveau de transparence ou le texte de presque tous les éléments qui composent votre smartblock

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

  • Des données/tableaux/graphiques

  • Des diagrammes

  • Des galeries/images

  • Des "full size"

  • Des liste/ processus

  • Des cartes

  • Des chronologie

  • Des animés

80%

Lorem ipsum dolor sit amet

Un exemple (carte)

20%

Comment insérer un smartblock ?

1) Choisissez votre smartblock (cliquez sur "voir plus" pour découvrir tous ceux à votre disposition)

2) Cliquez sur l'élément désiré et replacez le à l'emplacement voulu

3) Vous pouvez ensuite redimenssionner, donner de l'interactivité, l'animation, changer la couleur, le niveau de transparence ou le texte de presque tous les éléments qui composent votre smartblock

Vous pouvez insérer un audio en :

  • en choisissant un à partir de votre ordinateur
    (formats autorisés : .mp3, .mpeg, .wav, .wave, .xwav, .vnd)

  • en choisissant un à partir d'un URL

  • en enregistrant un directement à partir de Genially

Le découvrir

Le découvrir

Un exemple (Enregistrement audio)

Comment configurer mon audio ?

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

2) Vous pouvez ensuite modifier le nom de votre audio, les options du reproducteur et même découper certaines parties de votre audio

Comment enregistrer un audio directement dans Genially ?

Qu'est-ce que les "options du reproducteur" ?

  • Remplacer : vous pouvez remplacer votre audio par un autre de votre ordinateur.

  • Autoplay : désactivé par défaut, si vous l’activez, l'audio se lancera automatiquement.

  • Loop : désactivé par défaut, si vous l’activez, l’audio recommencera automatiquement quand il terminera.

  • Cacher le lecteur : désactivé par défaut. En activant cette option, le lecteur est masqué dans l’affichage.

  • Audio de fond : il est désactivé par défaut, mais quand vous l’activez, vous activez les options précédentes, ayant ainsi une expérience audio de fond complète dans votre genially.

  • Commencez à la seconde : vous pouvez spécifier le moment exact où vous voulez que commence votre audio.



(Source : Genially support)


Vous pouvez insérer une vidéo en :

  • en copiant l'URL d'une vidéo Youtube ou Vimeo

  • en téléchargeant une 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 modifier les options du reproducteur ou même déterminer le moment du démarrage

Qu'est-ce que les "options du reproducteur" ?

Le découvrir

  • Autoplay : désactivé par défaut, si vous l’activez, la vidéo insérée démarrera automatiquement au démarrage de la présentation.

  • Loop : désactivé par défaut, si vous l’activez, la vidéo sera de nouveau lue par défaut.

  • Mute : désactivé par défaut, c’est l’option qui permet à l’audio de la vidéo (si vous l’avez) d’être entendu ou non. Actuellement, les navigateurs ne permettent pas la lecture automatique audio, vous devez donc cliquer sur l’icône du haut-parleur pour activer l’audio de la vidéo.

  • Masquer la barre de lecture : désactivé par défaut, si vous l’activez, les contrôles de la vidéo tels que la pause, augmenter le volume ou afficher en plein écran, entre autres, disparaîtront.



(Source : Genially support)


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

  • Twitter
  • Facebook
  • Pinterest
  • Instagram
  • Linkedin

  • Tumblr
  • Slideshare
  • Google Maps
  • Google Doc
  • Google Drive

  • Google sheets
  • Google forms
  • Typeform
  • Mailshimp
  • Infogram

  • Wikipedia
  • Matterport
  • Meetup
  • Codepen
  • ...

Un exemple (Google Maps)

En cliquant sur les logos de chacun des fournisseurs ci-contre, un tutoriel vidéo apparaitra pour vous indiquer comment les insérer dans vos diapositives.

Comment ajouter une question Wooclap ?

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

Le découvrir

Vous pouvez utiliser des fonds provenant de :

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

2) Cliquez sur l'une des catégories de fonds

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

3) Selectionnez le fond désiré avec votre souris. Il apparaîtra automatiquement en fond

1) Choisissez l'onglet zone d'édition ou Base

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

Le découvrir

"Un des effets les plus géniaux est qu'il est possible de jouer avec deux types de fonds. Vous pourrez placer un fond dans la zone d'édition ou la page, qui peut être différent ou le même pour toutes les pages, et vous pourrez aussi placer un fond de base unique qui se placera derrière vos pages et qui donnera une sensation d'espace infini."

(Source : Genially support)

L'interactivité

Tous les éléments / objets que vous ajouterez à vos Genially peuvent normalement être rendu interractifs.

Pour ce faire, vous devez :

1) cliquer sur l'élément sur lequel vous souhaitez ajouter de l'interactivité

2) Plusieurs fonctionnalités apparaissent :

3) Choissisez la troisième

4) 4 options s'offrent à vous, sélectionnez celle que vous souhaitez utiliser :

Interactivité

Bloquer

Faire glisser

Interactivité

Animation

"L'étiquette est un encadré qui apparaît au passage de la souris (hover). Ce cadre peut contenir des images et des textes. Les étiquettes sont idéales pour des textes courts avec des informations [...] Dans les étiquettes [...] il est possible d'inclure des textes, images, vidéos, .pdfs, timeline de twitter, cartes, graphiques et de nombreux autres contenus" (Source : Genially support)

"Les fenêtres sont des encadrés qui apparaissent en cliquant sur l'élément en question. Les fenêtres offrent de nombreuses possibilités pour insérer des contenus enrichis, sans avoir de connaissance en programmation [...] Dans les [...] fenêtres il est possible d'inclure des textes, images, vidéos, .pdfs, timeline de twitter, cartes, graphiques et de nombreux autres contenus" (Source : Genially support)

"Aller à une page permet de changer de page et de naviguer dans votre genially suivant un ordre choisi." (Source : Genially support)

"Le lien est un hyperlien qui redirige vers une autre page web.


Tip: l'utilisation des hyperliens est seulement recommandée quand nous souhaitons que notre audience sorte expressément du genially. Dans le cas contraire, il est recommandé d'utiliser les fenêtres et de profiter ainsi des couches d'informations"


(Source : Genially support)

Tous les éléments / objets que vous ajouterez à vos Genially peuvent normalement être animés.

Pour ce faire, vous devez :

1) cliquer sur l'élément sur lequel vous souhaitez ajouter de l'animation

2) Plusieurs fonctionnalités apparaissent :

3) Choissisez la quatrième

4) Un volet apparaîtra sur la droite de votre écran vous présentant 4 types de comportements : entrée, sortie, continue et souris dessus

5) Une fois que vous aurez sélectionné le comportement de votre élément, vous pouvez choisir le type d'effet et le personnaliser

Les animations

Bloquer

Faire glisser

Interactivité

Animation

Animation

Les transitions

Afin de rendre votre Genially vous pouvez ajouter des transitions entre les pages

Pour ce faire, vous devez :

1) cliquer sur l'onglet "pages" sur la barre latérale de gauche

2) Cliquer sur l'icône "baguette magique" à droite de votre page

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

4) Une fois que vous aurez sélectionné le type de transition, vous pouvez choisir son style

5) Pour terminer, cliquez sur "Appliquer pour toutes les pages"

La navigation

Vous avez également la possibilité de choisir le mode de navigation entre vos pages

Pour ce faire, vous devez :

1) cliquer sur l'onglet "pages" sur la barre latérale de gauche

2) Cliquer sur l'icône "baguette magique" à droite de votre page

3) Un volet apparaîtra sur la droite de votre écran. Séléctionner l'onglet "Navigation"

4) Une fois que vous aurez sélectionné l'onglet, choisissez le mode de navigation que vous préférez

Naviguez entre les pages depuis les flèches pour avancer ou reculer. Cliquez sur l'icône placée à côté de chaque page pour configurer son effet d'entrée. Idéal pour les présentation.

Tous les indicateurs de page pour avancer ou reculer vont disparaître. Naviguez entre les pages depuis l'option d' “interactivité”>“aller à la page”.
Idéal pour les guides, quiz ou jeux.

Grouper des éléments

Afin de vous aider à éditer vos pages, vous avez la possibilité de grouper plusieurs éléments entre eux

Pour ce faire, vous devez :

1) Séléctionner plusieurs éléments soit en :

2) Plusieurs fonctionnalités apparaissent. Cliquez sur l'icône Grouper

3) Une fois le groupe crée, vous pouvez déplacer et éditer vos éléments en cliquant sur celui-ci

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

  • Maintenant la touche "ctrl" ou "shift" de votre clavier et en cliquant sur les éléments que vous souhaiter séléctionner

  • Glissant le curseur de votre souris autour des éléments que vous souhaitez séléctionner

Prévisualiser

Afin de voir le comportement d'un élément, de faire défiler toutes les pages de votre Genially ou pour toute autre raison, vous avez la possibilité de prévisualiser votre Genially.

Pour ce faire, vous devez cliquez sur l'icône "Prévisualiser" en haut à droite de votre écran

Publier / partager

Par défaut, au départ 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 devez :

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

2) Une fenêtre apparaît. Choisissez le statut de votre Genially (public ou privé) puis cliquez sur "Prêt !"

La suite

Publier / partager

3) Une deuxième fenêtre apparaît. Vous aurez donc la possibilité de le présenter, le partager ou le télécharger

Si vous souhaitez 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

Si vous souhaitez intégrer directement votre Genially dans un de vos espaces de cours Moodle :

1) cliquez sur l'icône "Partager" en haut à droite de votre écran (à condition que vous l'ayez publié en amont)

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

La suite

1

2

Insérer dans Moodle

3) A votre convenance, créez une étiquette, une page ou tout autre activité ou ressource dans Moodle qui génèrera un éditeur de texte. Pour l'exemple, une étiquette a été créée.

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

1

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

4

2

4) Cliquez sur la première icône de votre éditeur de texte afin
de la déplier (1) et de faire apparaître tous les outils. Une fois votre barre d'outils développée, cliquez sur l'icône des balises (2)

3