Want to make creations as awesome as this one?

Transcript

Préparer une analyse de document en histoire avec Genially

Démarrer le tutoriel

Présentation de l'outil

Présentation du tutoriel

Ce tutoriel permet une prise en main de la plateforme Genially, accessible depuis les applications de l'ENT d'Île de France.Genially est un outil de création de présentations, d'infographies, de vidéos ou de parcours gamifiés dynamiques, dont la prise en main simple et la grande modularité permet de construire une grande variété d'exercices et d'activités pédagogiques intéractives pour les élèves.

Présentation du tutoriel

Vers l'index

Ce tutoriel sous forme de parcours répond à deux objectifs :1) Comprendre les différents outils présents dans Genially et leur fonctionnementII) Un exemple d'activité pédagogique utilisant Genially afin de préparer une analyse de document correspondant au point de passage "1517 - Luther ouvre le temps des réformes", présent dans le chapitre 2 du thème 2 de 2nd, "Renaissance, Humanisme, et réformes religieuses : les mutations de l'Europe".

Il s'agit donc de prendre en main l'outil et de voir comment il peut être utilisé afin d'engager les élèves dans l'acquisition de connaissances, l'analyse d'un document iconographique et l'appropriation d'une méthodologie.

Index

Back

Page de présentation

Modèles de Genially

Formats

Les différents onglets

Rendre un élément intéractif

Introduction du parcours

Exercices et documents

Créer une image intéractive

Conclure le parcours

1

2

3

4

5

6

7

8

Fonctionnalités Genially

Modèle de parcours

9

Cliquez sur nous d'abord !

Cet onglet, présent sur chaque page, vous donne les explications nécessaire pour comprendre le tutoriel. Cliquez toujours sur cette icône dés que vous arrivez sur une page. Désormais vous avez deux possibilités : 1) Soit vous cliquez sur l'onglet qui vous intéresse afin de rejoindre la page correspondante 2) Soit vous cliquez sur l'onglet numéro 1 et vous vous laissez guider en suivant l'ordre du tutoriel

Cet onglet, présent sur chaque page vous permet de revenir à l'index

Page de présentation

En cliquant sur cette icône vous lancez la création d'un Genially. Cliquez sur le + pour suivre le tutoriel.

Sur la page de présentation, vous accédez à tous les parcours que vous avez déjà créé.

Voici la première page sur laquelle vous arrivez quand vous accédez à Genially. Passez votre souris sur l'élément encadré en orange pour en savoir plus, puis cliquez sur l'élément encadré en rouge.

Modèles de Genially

Offre des modèles de présentations interactives.

Offre des modèles d'infographies, afin de rendre les informations visuellement plus attrayantes et faciles à comprendre.

Offre des modèles de parcours gamifiés, utilisant les mécaniques du jeu pour présenter les contenus, motiver, encourager les utilisateurs et favoriser les apprentissages.

Offre des modèles pour créer des images interactives.

Offre des modèles pour créer des présentations consultables sous forme de vidéo.

Offre des modèles pour créer des guides interactifs, où l'utilisateur fait le choix des rubriques qu'il souhaite consulter.

Offre des modèles de parcours associant informations et évaluations.

Permet de démarrer une création vierge. Cliquez sur cette icône pour continuer le tutoriel.

Offre des modèles de CV ou de cartes interactives à destination des réseaux sociaux.

Avant de démarrer un parcours, vous devez d'abord choisir quel forme celui-ci va prendre. Passez votre souris sur les différents onglets pour en savoir plus, puis cliquez sur l'élément encadré en rouge.

Format

Cet onglet permet de choisir un format "présentation". C'est ce que nous utilisons généralement pour créer des parcours. Cliquez sur cette icône pour aller à la page suivante et poursuivre le tutoriel.

Avant de démarrer un parcours, vous devez aussi choisir le format de celui-ci. Ici nous choisissons un format de présentation classique. Cliquez sur l'élément encadré en rouge pour continuer le tutoriel.

Les différents onglets

2

5

6

1

7

3

8

4

Poursuivre le tutoriel

1) Onglet "Page"

Ici vous pouvez voir les différentes pages de votre Genially, comme dans un logiciel de présentation classique. Vous pouvez ajouter, retirer, ou réorganisez vos pages.

Cet onglet permet de renommer votre Genially.

Cet onglet présente différents raccourcis: ajouter ou supprimer une page, zoomer, passer à une autre page, changer la zone d'édition, le mode de navigation ou la palette de couleurs.

Très important, cet onglet vous permet de sauvegarder votre Genially.

Cet onglet vous permet de revenir en arrière et d'annuler une action, comme dans un logiciel de présentation classique.

Il s'agit de l'onglet "pages" qui permet de visualisez les différentes pages du Genially. C'est la page sur laquelle vous êtes actuellement.

Pour en apprendre plus sur la fonctionnalité "image" qui n'est pas utilisée ici.

Pour en apprendre plus sur la fonctionnalité "Smartblocks" qui n'est pas utilisée ici.

Pour en apprendre plus sur la fonctionnalité "insérer" qui n'est pas utilisée ici.

Passez votre souris sur les éléments encadrés en rouge pour avoir des informations sur les différents onglets de la page "Pages". Puis, cliquez sur les onglets à coté des numéros. - Vous pouvez cliquez sur n'importe quel onglet pour avoir plus de renseignements dessus. - Ou respecter l'ordre des numéros pour suivre les étapes de création d'un parcours. Quand vous avez terminé et exploré toutes les fonctionnalités, cliquez sur l'onglet "poursuivre le tutoriel".

Retour aux différents onglets

2) Onglet "Fond"

Les différents onglets

3

Permet de visualiser le fond de la diapositive actuelle.

Permet d'importer une image depuis votre ordinateur.

Si vous descendez dans la colonne, vous trouvez des images proposées par Genially. Vous pouvez aussi appliquer ce fond à toutes les pages.

Quand vous démarrez un parcours, choisissez d'abord un fond pour vos diapositives. Celui-ci peut bien sur changer en fonction de ce que vous voulez mettre dans votre parcours. Passez votre souris sur les éléments encadrés en rouge pour avoir des informations sur les différents onglets de la page "Fond". Puis, - Cliquez sur l'onglet à coté du numéro pour suivre les étapes de création du parcours. - Ou cliquez sur la flèche pour retourner à la page "Les différents onglets"

4

3) Onglet "Texte"

Les différents onglets

Retour aux différents onglets

Vous retrouvez ici les différents éléments de texte ainsi que les mises en forme proposées par Genially.

Mode glisser. Permet à l'utilisateur de déplacer cet élément lors de la présentation. Particulièrement intéressant pour les exercices d'appariement par exemple.

Transparence. Permet de gérer la transparence de l'élément sélectionné.

Organiser. Permet de faire passer des éléments à l'avant ou en arrière plan. Très important pour gérer les éléments interactifs qui se superposent.

Verrouiller. Permet de fixer un élément pour éviter de le déplacer par inadvertance.

Interactivité. Vous retrouvez ici des éléments d'interactivité que nous allons décrire plus loin. Tous les éléments que vous placez dans votre Genially, y compris les textes, peuvent être interactifs. C'est cette fonctionnalité qui rend très facile l'insertion de ressources, de liens, de vidéos; et rend chaque parcours très modulable.

Pour présenter votre parcours, vous ajoutez un titre et des éléments de texte. Vous pouvez bien sur placer autant d'éléments texte que nécessaire tout au long de votre parcours. Ici nous expliquons les éléments importants de la page "texte". Passez votre souris sur les éléments encadrés en rouge (certains sont petits) pour avoir des informations sur les onglets principaux de la page "Texte". Puis, - Cliquez sur l'onglet à coté du numéro pour suivre les étapes de création du parcours. - Ou cliquez sur la flèche pour retourner à la page "Les différents onglets"

4) Onglet "Ressources"

Les différents onglets

Retour aux différents onglets

5

Dans l'onglet "ressources", vous allez trouver : - des icônes - des formes (cercles, carrés, triangles, bulles de BD...) - des graphiques sur lesquels vous allez pouvoir modifier les données en important vos feuilles de calculs - des lignes et flèches - des illustrations - des "scénarios" représentant des petites scénettes - des cartes : planisphères, continents... - des dessins Vous allez pouvoir utiliser tous ces éléments pour habiller votre parcours, mettre des animations ou le rendre visuellement plus agréable.

Pour présenter votre parcours, vous ajoutez un titre et des éléments de texte. Vous pouvez bien sur placer autant d'éléments texte que nécessaire tout au long de votre parcours. Ici nous expliquons les éléments importants de la page "ressources". Cliquez sur l'élément encadré en rouge pour avoir des informations sur les différents onglets de la page "Ressources et interactivité". Puis, - Cliquez sur l'onglet à coté du numéro pour suivre les étapes de création du parcours. - Ou cliquez sur la flèche pour retourner à la page "Les différents onglets"

5) Onglet "Elements intéractifs"

Les différents onglets

Retour aux différents onglets

6

Vous trouvez ici l'ensemble des boutons interactifs avec des symboles connus. Ils sont présentés de plusieurs façon différentes pour vous permettre de choisir le modèle qui convient le mieux à votre présentation. Ils possèdent déjà une forme d'interactivité prédéfinie : ils grossissent quand vous passez la souris dessus. Vous pouvez aussi choisir de placer une "zone invisible" interactive. Vous rendrez ainsi des parties de l'image de fond ou tout autre élément interactif sans que celui-ci ne soit visible. C'est ce que j'ai utilisé dans le tutoriel pour rendre les différents onglets à coté des numéros interactifs et vous faire naviguer de page en page.

Pour en apprendre plus sur la fonctionnalité "image" qui n'est pas utilisée ici.

Un exemple de bouton qui, associé à l'élément interactif "allez à la page", permet de débuter l'exercice.

Dans l'onglet "éléments interactifs", vous allez trouver tout un ensemble de boutons avec des symboles connus. Ce sont ces boutons que l'on peut utiliser pour symboliser les retour en arrière, le retour à la page de présentation, les boutons de consignes, de documents, de vidéos... Bien sur vous pouvez tout à fait utiliser n'importe quoi d'autre (un dessin, une image, un titre....) puisque tous les éléments peuvent être interactifs. Passez votre souris ou cliquez sur les éléments encadrés en rouge pour avoir des informations sur les différents onglets de la page "Eléments interactifs". Puis, - Cliquez sur l'onglet à coté du numéro pour suivre les étapes de création du parcours. - Ou cliquez sur la flèche pour retourner à la page "Les différents onglets"

6) Onglet "Images"

Les différents onglets

Retour aux différents onglets

7

Vous pouvez insérer des images depuis votre ordinateur.

Vous pouvez insérer des images avec un lien web.

Genially propose aussi une banque d'image et de Gifs que vous pouvez intégrer à votre présentation.

Dans l'onglet "images", vous allez trouver tout un ensemble d'outils qui vous permet d'insérer des images dans votre présentation. Nous n'avons pas utilisé cet onglet dans notre présentation. Cliquez sur les différents éléments pour en apprendre davantage. Puis, - Cliquez sur l'onglet à coté du numéro pour suivre les étapes de création du parcours. - Ou cliquez sur la flèche pour retourner à la page "Les différents onglets"

Pour en apprendre plus sur la fonctionnalité "Smartblocks" qui n'est pas utilisée ici.

7) Onglet "Smartblocks"

Les différents onglets

Retour aux différents onglets

8

Les smartblocks sont des blocs interactifs déjà constitués. Vous retrouvez des diagrammes, des tableaux, des images, des listes, des cartes ou encore des modèles de chronologies.

Dans l'onglet "smartblocks", vous allez trouver tout un ensemble d'outils qui vous permet d'insérer des éléments interactifs préconstitués dans votre présentation. Nous n'avons pas utilisé cet onglet dans notre présentation. Cliquez sur les différents éléments pour en apprendre davantage. Puis, - Cliquez sur l'onglet à coté du numéro pour suivre les étapes de création du parcours. - Ou cliquez sur la flèche pour retourner à la page "Les différents onglets"

Pour en apprendre plus sur la fonctionnalité "insérer" qui n'est pas utilisée ici.

8) Onglet "Insérer"

Les différents onglets

Retour aux différents onglets

Dans cet onglet vous pouvez insérer des audios, des vidéos ou des codes d'intégrations de ressources web. - Dans l'onglet audio, vous pouvez directement enregistrer un fichier audio en utilisant le micro de votre ordinateur. Pratique pour enregistrer des sons ou des consignes. Vous pouvez aussi intégrer des sons de différentes plateformes (soundcloud, spotify...). - Pour l'audio comme pour la vidéo, un nouvel onglet apparait vous permettant de configurer avec précision votre média. Vous pouvez décider de mettre les médias en lecture automatique (autoplay), en boucle (loop), de masquer le lecteur audio ou de mettre le son en fond dés que la diapo apparait, de ne choisir qu'une partie du son ou de la vidéo à diffuser.

Dans l'onglet "éléments interactifs", vous allez trouver tout un ensemble d'outils qui vous permet d'insérer des différents médias dans votre présentation. Nous n'avons pas utilisé cet onglet dans notre présentation. Cliquez sur les différents éléments pour en apprendre davantage. Puis, - Cliquez sur l'onglet à coté du numéro pour suivre les étapes de création du parcours. - Ou cliquez sur la flèche pour retourner à la page "Les différents onglets"

Rendre un élément intéractif

Poursuivre le tutoriel

Cet onglet est très important car il permet de gérer l'interactivité de l'élément sélectionné. - Etiquette : permet de faire apparaitre un élément en faisant glisser la souris dessus - Fenêtre : permet de faire apparaitre une fenêtre en cliquant dessus. Il est plus facile de mettre beaucoup de contenu dans une fenêtre que dans une étiquette - Allez à la page : permet d'aller à une autre page de votre présentation en cliquant sur l'élément. - Lien : permet d'accéder à un lien web en cliquant sur l'élément.

Cet onglet permet d'animer l'élément sélectionné. Il suffit de passer la souris sur les différentes formes d'animations pour voir une démonstration de celles-ci. L'animation permet de rendre la présentation dynamique ou d'attirer l'attention sur l'élément.

On retrouve ici l'onglet permettant de faire glisser l'élément lors de la présentation.

On retrouve ici l'onglet permettant de verrouiller l'élément.

Une des fonctionnalité principale, et peut être la plus importante, de Genially, est la possibilité de rendre n'importe quel élément interactif. Pour comprendre comment cela fonctionne, passez votre souris ou cliquez sur les éléments indiqués par les flèches de couleur.

Introduction du parcours

En utilisant les étapes présentées dans les différents onglets, nous avons créé pour le moment :

Une page de titre

Une page de sommaire simple explicitant les exercices travaillés

Poursuivre le tutoriel

Exercices et documents

Poursuivre le tutoriel

En utilisant l'onglet "fenêtre" d'un bouton, nous avons intégré une vidéo. Pour cela, il suffit de copier le code d'intégration de la vidéo sur la plateforme de votre choix, puis de cliquez sur l'onglet "</>" et de coller le code. Vous pouvez aussi intégrer directement la vidéo sur la diapositive de présentation, comme vu dans la description de l'onglet "insérer". Vous pouvez enfin renvoyer directement à la vidéo en copiant le lien, en cliquant sur "lien", et en collant ce dernier.

En utilisant l'onglet "fenêtre" d'un bouton, nous avons créé un tableau. Pour cela, il suffit de cliquer sur l'onglet "insérer un tableau" et de constituer votre tableau comme dans un logiciel de traitement de texte.

En créant un bouton interactif et en ajoutant un élément "fenêtre", vous pouvez créer facilement une liste de consignes. Attention à bien garder le même bouton de page en page pour permettre une identification claire des consignes à chaque fois.

En utilisant l'onglet "fenêtre" d'un bouton, nous avons copié/collé le texte d'un document.

Prévoyez un bouton interactif qui permette de retourner au début du parcours ou à la page suivante. Pour cela, dans l'onglet interactivité, sélectionnez "aller à la page" et sélectionnez la page correspondante.

En utilisant les différentes fonctionnalités de Genially, nous allons créer une page pour: - Donner des consignes - Intégrer des documents et différents types de médias. N'oubliez pas d'expliciter les différents éléments de votre parcours afin de faciliter la navigation pour des utilisateurs qui ne connaissent pas l'outil ou la signification des icônes que vous utilisez.

Créer une image interactive

Poursuivre le tutoriel

Vous retrouvez ici les boutons "consignes" et "retour à la page de présentation du parcours". Dans les consignes, nous avons à nouveau intégré un tableau servant de grille d'analyse de l'image.

En utilisant l'onglet "fenêtre" dans la partie "interactivité" des boutons, chaque élément du tableau est expliqué : - Les différentes parties de l'image ont été "découpées" au préalable grâce à l'outil "capture d'écran et croquis" sous windows. - En utilisant l'outil "tableau", on peut à la fois décrire les scènes et poser des questions, afin d'aider les élèves dans leur analyse et leur permettre d'associer ce qu'ils voient avec leurs connaissances. L'objectif est ici de leur faire comprendre et de les impliquer dans le travail de méthode de l'analyse de document.

La flèche en bas permet d'indiquer comment continuer le parcours grâce à l'interactivité "aller à la page".

Nous avons d'abord créé une diapositive qui introduit l'étape 2, accessible dés le sommaire, de façon à bien baliser le parcours pour les élèves tout en leur permettant d'accéder à l'étape de leur choix en fonction de leur avancée. Puis en utilisant les différentes fonctionnalités de Genially, nous allons créer une page qui permette de travailler un document iconographique. C'est la page sur laquelle vous êtes. 1) Le document choisi, ici une gravure, est placé en fond 2) Les boutons permettent de décrire les différents éléments du document 3) On retrouve les boutons "consignes" et "retour à la page de présentation du parcours" à gauche de la diapositive Cliquez sur les différents éléments pour voir leur description.

Conclure le parcours

En utilisant de nouveau l'interactivité de chaque bouton, on peut donner de nouvelles consignes pour conclure l'activité.

Ici, nous avons choisi à partir d'une "fenêtre" de créer un tableau afin de récapituler la méthode de l'analyse de document avant l'évaluation.

Vous pouvez grâce, à cet onglet qui se trouve sur la partie droite de l'écran (les trois petits points), configurer votre présentation : - Zone d'édition vous permet de modifier le format de votre présentation. - Transitions vous permet de régler la façon dont les diapositives se succèdent, comme dans un logiciel de présentation classique. Vous pouvez régler les transitions diapositive par diapositive ou appliquer la même transition à toutes les diapositives. - Navigation vous permet de configurer la façon dont les utilisateurs vont naviguer dans votre présentation. -> Standard : l'utilisateur passe de diapo en diapo en cliquant sur les flèches à gauche et à droite qui apparaîtront sur l'écran, un peu comme dans une présentation classique. -> Vidéo : les diapositives se succèdent automatiquement -> Microsite : la navigation dans la présentation se fait uniquement avec les liens que vous aurez créé entre les pages.

Très important, cet outil vous permet à tout moment de tester votre parcours afin de vérifier ce que vous avez fait et la fonctionnalité de votre présentation.

Ici, un petit texte qui signale la fin de l'activité.

Quand vous avez terminé, vous pouvez cliquez sur l'onglet "prêt !" avec la petite fusée pour diffuser votre présentation, via un lien ou un code d'intégration. Si vous l'avez partagé, l'onglet "partager" apparait pour le même résultat.

Cette dernière diapositive permet de conclure l'activité et le parcours. Vous y trouvez les dernières consignes et l'explication des dernières configurations pour la présentation.

Felicitations ! Vous avez terminé le tutoriel.

Vers l'index

Vous pouvez désormais construire un parcours pédagogique simple à destination des élèves. Pour voir à quoi ressemble le parcours présenté une fois terminé, cliquez sur le bouton ci dessous.