H5P - GENIALLY

Créer une activité H5P ou Genially

Depuis NovaFrate - Aller dans l’onglet « PLUS » et « Banque de contenus »

H5P

H5P est une plateforme en ligne et entièrement gratuite permettant de créer de nombreuses activités pédagogiques en HTML5 sans avoir besoin de toucher la plus petite ligne de code ! 2 manières de l’utiliser :

Créer un compte gratuit depuis le site internet.

Les différentes activités d’H5P

H5P propose plus d’une vingtaine de type de contenus interactifs.

Créer une activité H5P depuis NovaFrate

Cliquez sur « Plus » dans le menu secondaire de votre cours puis cliquez sur le lien « Banque de contenus ». De cette manière, vous accéder à la page qui regroupe tous les contenus qui sont créés dans un cours avec H5P.

Créer une activité H5P depuis NovaFrate

Sur la nouvelle page, cliquez sur le bouton « ajouter » puis choisissez l’activité de votre choix.

Créer une activité H5P depuis NovaFrate

Vous accédez à l’éditeur qui permet de créer votre contenu interactif. Les options et les champs sont différents selon le type d’activité. Cliquez sur l’icône pour le mettre en plein écran afin de pouvoir accéder à tous les paramètres d’édition.

Ajouter le titre de l’activité ici

Créer une activité H5P depuis NovaFrate

Vous pouvez créer une introduction à votre quiz en déroulant le menu « Introduction du Quiz »

Créer une activité H5P depuis NovaFrate

Choisissez le type d’activité que vous souhaitez

Vous pouvez ajouter plusieurs questions en cliquant ici

Créer une activité H5P depuis NovaFrate

Vous pouvez ajouter une image, une vidéo ou un audio au-dessus de votre question.

Créer une activité H5P depuis NovaFrate

Ajoutez votre question et les possibilités de réponses. N’oubliez pas de cocher « Réponse correcte » pour la bonne réponse (vous pouvez ajouter plusieurs réponses justes).

Cliquez ici pour ajouter plusieurs réponses.

Déroulez ce menu pour remplir un feedback spécifique pour la réponse.

Lorsque vous avez terminé votre activité, cliquez sur enregistrer.

Créer une activité H5P depuis NovaFrate

Il existe des paramètres comportementaux en bas de la zone d’édition permettant d’activer ou de désactiver des boutons, de mélanger les réponses, de modifier le pourcentage de réussite…

Créer une activité H5P depuis NovaFrate

Après avoir enregistrer, vous arrivez sur cette page vous permettant de tester votre activité.

Cliquez ici pour modifier votre activité

Ajouter l’activité dans un cours

Cliquez sur le bouton pour vous mettre en « mode d’édition ».

Ajouter l’activité dans un cours

Cliquez sur « Ajouter une activité et une ressource » et sur l’icône représentant H5P.

Ajouter l’activité dans un cours

Indiquez un nom. Si vous ajoutez une description, le contenu de la description (image, texte, etc) apparaitra au-dessus de l’activité H5P. Cliquez sur l’icône dans la rubrique « Fichier de paquetage » pour intégrer l’activité H5P que vous avez préparé dans la banque de contenus. Quand cette fenêtre s’ouvre, cliquez sur banque de contenus pour retrouver votre activité. Sélectionner ensuite votre activité. Descendez ensuite dans la page et enregistrer votre activité.

GENIALLY

Genially est une plateforme qui vous permet de réaliser des contenus tels que des présentations, des dossiers, des infographies, des guides ou encore des vidéos de présentations avec des éléments interactifs. Une solution qui vise les entreprises, les médias et le milieu scolaire afin de capter l’attention de leurs audiences. Une version gratuite est disponible et donne accès à des créations et visualisations illimitées, ainsi que les modèles et ressources gratuits.

Inscription

Rendez-vous sur le site internet Genially (https://genial.ly/fr/) et créez un compte. Vous pouvez le faire avec votre adresse email, votre compte Google ou votre compte Facebook. Vous devrez ensuite renseigner le secteur dans lequel vous travaillez (Éducation en collège ou lycée par exemple) puis choisir votre type de profil (professeur, élève…) : Genially vous proposera ainsi des modèles de documents adaptés à vos besoins.

Choisir votre modèle

Pour accéder à l'éditeur, choisissez d'abord un modèle. Cliquez sur Créer un genially puis parcourez les différents types de modèles, ou utilisez le moteur de recherche pour trouver rapidement ce dont vous avez besoin.

Commencer à créer à partir d’une page blanche

Pour commencer à créer à partir de zéro, cliquez sur Créer un genially et choisissez l'option de Création vierge.  Vous pouvez commencer à créer directement en cliquant sur Utiliser ce modèle, ou vous pouvez choisir les dimensions que vous voulez donner à votre générique. Pour ce faire, modifiez les champs hauteur et largeur et cliquez sur Créer.

Attribuer et modifier le titre d’un genially

Tapez le titre dans la zone de texte située dans la barre supérieure de votre création. Les modifications seront enregistrées automatiquement après quelques secondes. Vous pouvez également les sauvegarder en cliquant sur le texte "Modifications non enregistrées ».

Insérer du texte sur Genially

• Cliquez sur "Texte" dans la barre latérale gauche. Vous verrez différentes zones de texte de différents formats et assemblages que vous pouvez ajouter à votre genially.  
• Cliquez sur celle que vous voulez utiliser, elle apparaîtra alors sur votre zone d'édition.
• Tapez le texte souhaité. Vous pouvez également déplacer la zone de texte en la faisant glisser vers l’endroit de la zone d’édition que vous désirez.

Insérer un assemblage de texte

Dans la section ‘Texte’, vous trouverez une série d’assemblages de textes, c'est-à-dire des conceptions créées en regroupant plusieurs zones de texte de différents formats. Ils sont conçus pour accélérer votre processus créatif. Il y en a un qui vous plaît particulièrement ? Pour les utiliser :

• Ouvrez la section ‘Texte'.
• Cliquez sur l’assemblage que vous voulez utiliser ou faites-le glisser et déposez-le sur la zone d’édition.
• Cliquez maintenant sur la zone de texte pour la modifier et écrire ce dont vous avez besoin. Ces ensembles sont également 100% modifiables, c'est-à-dire que vous pouvez les personnaliser en changeant la couleur, la taille de la police ou la typographie comme bon vous semble.

Insérer des images sur votre genially

Allez dans l’éditeur de votre genially et cliquez sur la section "Image" dans la barre latérale gauche. Les images téléchargées ne peuvent dépasser 5 Mo ni 2000 px, seuls les formats “.png”, “.jpg”, “.jpeg”, “.svg” o “.gif” sont pris en charge par notre outil. Pour utiliser les images, cliquez dessus ou faites-les glisser vers la partie de la zone d’édition où vous voulez qu'elles apparaissent.

Découper, faire pivoter et inverser vos images

1. Insérez une image ou gif dans votre création
2. Faites un double-clic sur l'image pour activer les outils d'édition, à ce moment-là vous pouvez recouper l'image à votre goût.
3. Une fois que vous avez terminé d’éditer l'image, cliquez sur le bouton bleu situé dans le coin supérieur droit ou n'importe où ailleurs sur la zone d'édition pour enregistrer les modifications apportées à l'image.

Changer le fond de zone d’édition de votre genially

Le fond de zone d’édition est l'espace de travail sur lequel vous créez votre genially. En plus de l'ajout d'éléments tels que des images, des icônes ou du texte, vous avez la possibilité de personnaliser le fond de votre zone d’édition. Selon le fond que vous appliquez, votre création aura un aspect très différent. Vous pouvez améliorer vos créations en un seul geste, en quelques clics. C’est le moment de libérer votre créativité !

1. Dans la section ‘Fond’, cliquez sur l'onglet ‘Zone d’édition’.
2. Sélectionnez le fond que vous voulez en cliquant dessus et il sera automatiquement appliqué à la zone d’édition.
3. Si vous souhaitez appliquer automatiquement le fond choisi à toutes les pages de votre genially, cliquez sur le bouton 'Appliquer pour toutes les pages' en bas de page.

Changer le fond de base de votre genially

Le fond de base est l'espace autour de la zone d'édition sur laquelle vous travaillez. La zone d'édition est délimitée par un rectangle gris clair et le fond de base est tout ce qui l'entoure. Voici comment apparaît le fond de base avant que vous ne personnalisiez votre fond de page. Le fond de base est toujours le même pour toutes les pages. Il n'est pas possible d'appliquer des fonds différents à chaque page. Cliquez sur 'Fond' dans la barre latérale de gauche. Deux onglets s'affichent : 'Zone d'édition' et 'Base'. Cliquez sur l'onglet 'Base' pour passer en revue les options à votre disposition pour choisir votre fond.

Modifier l’ordre des pages d’un genially

Pour modifier l'ordre des pages, cliquez sur ‘Pages’ dans le menu de gauche. Cliquez ensuite sur la page que vous souhaitez déplacer et maintenez le bouton de la souris tout en faisant glisser la page vers la position souhaitée.  Pour modifier l'ordre des pages, nous vous recommandons d'utiliser la vue en grille, car vous aurez une vue plus large de toutes les pages de votre genially et il vous sera plus facile de les organiser.

Ajouter ou modifier le titre d'une page

Vous pouvez ajouter ou modifier le titre de vos pages pour les rendre plus faciles à identifier. C’est particulièrement utile lorsqu'on applique l'interactivité Aller à la page par exemple, ainsi vous pourrez localiser la page par son nom et éviter les erreurs...  Les étapes à suivre sont simples :

1. Cliquez sur "Pages" dans la barre latérale gauche de l'Éditeur.
2. Maintenant, double-cliquez sur la case du titre que vous voulez modifier puis tapez le nouveau titre.

Ajoutez des animations aux éléments de votre création dans Genially

Pour voir les types d'animations disponibles, sélectionnez un élément en cliquant dessus, puis sur l'icône ‘Animation’ qui apparaît au-dessus. Un onglet s'ouvre sur la droite avec toutes les options d'animation.

Les types d'animation disponibles sont les suivants :

• Animation d'entrée : L'effet d'animation sera montré lorsque l'élément animé entrera dans l'écran.
• Animation de sortie : L'animation sera affichée juste avant que l'élément ne disparaisse de la zone d’édition. Ce type d'animation peut être utilisé pour retirer des ressources lorsque vous souhaitez que votre public ne les voie que pendant un temps limité.
• Animation continue : Elle est affichée en permanence tant que l'élément est à l'écran, et ne s'arrête que lorsque vous passez à une autre page. Elle est souvent utilisée pour montrer quels éléments de votre générique ont une interactivité.
• Animation au passage de la souris : Activée uniquement lorsque vous passez la souris sur l'élément. Elle permet de masquer et d'afficher des éléments. Vous pouvez faire en sorte qu'un élément ne soit visible que par votre public pendant qu'il interagit avec lui.

Les aspects personnalisables d'une animation sont les suivants :

• La direction : Pour définir dans quelle direction l'élément va se déplacer. Il peut rester en position ou se déplacer tant horizontalement que verticalement.
• L'effet : Vous pouvez choisir parmi de nombreux styles d'animation. Les effets disponibles varient en fonction de la direction que vous choisissez. Passez la souris sur chaque option pour prévisualiser l'animation sur le tableau de bord, ce qui facilite grandement le choix !
• Le début : À modifier si vous voulez marquer le moment où l'animation est déclenchée, en commençant à compter lorsque l'élément entre dans l'écran. Pouvoir éditer le début de l'effet amène à des options très utiles. Par exemple, l'ordre d'entrée des éléments d'un genially.
• La vitesse : Vous pouvez définir si vous voulez que l'animation se reproduise plus vite ou plus lentement. La vitesse minimale est de 4 secondes et la vitesse maximale de 0,5 seconde.

Quels types d’animations existent

L’étiquette : Les étiquettes sont très utiles pour fournir des informations brèves et pertinentes sur votre contenu et les séparer en différentes couches. Votre public visualise le contenu avec beaucoup plus de fluidité, au passage de la souris sur les éléments disposants d’une étiquette le texte qu’elle contient apparaît sur la toile, cela lui épargne d’avoir à cliquer sur chaque élément.

La fenêtre : Les fenêtres interactives sont très utiles pour présenter des informations de manière attrayante et inviter votre public à explorer le contenu en fonction de ses besoins. Elles sont idéales pour les grandes quantités de contenu, bien que nous recommandons de toujours limiter la longueur du texte et de s'appuyer sur des ressources visuelles pour maintenir l'intérêt et ne pas fatiguer votre public.

Configurer l’interactivité 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. Nous recommandons ce type d'interactivité pour la création d'escape rooms, de quiz et de gamification, car vous pouvez décider de la manière pour votre public de visualiser et de naviguer dans votre genially.

Doter vos geniallys d'interactivité vous permet de présenter en premier aperçu les informations les plus importantes, puis votre public sera invité dans un rôle actif à interagir avec le contenu pour développer l'information. Vous pouvez appliquer sept types d'interactivité à vos geniallys. Cliquez sur chaque interactivité pour en savoir plus.

Le 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.

Le zoom : Avec l'interactivité Zoom, vous pouvez faire en sorte que n’importe quelle image, texte ou élément interactif s’affiche en plein écran en un seul clic. Votre public pourra ainsi facilement voir le moindre petit détail, rien ne lui échappera !

L’audio : Grâce à cette interactivité, vous pouvez associer un audio à des images, des boutons, des formes ou toute autre ressource pour, qu’en un clic, un enregistrement ou un son associé se reproduise. Notre conseil: nous recommandons son utilisation sur des modèles tels que des gamifications, des escapes game ou learning experience, bien que le rendu reste tout aussi génial sur d’autres types de contenus.

Révéler : Cette interactivité révèle un élément en cliquant sur un autre. Vous n’aurez plus à vous casser la tête pour faire apparaître ce que vous souhaitez dans vos créations !

Publier un Genially

Lorsque vous commencez un nouveau genially, il est à l'état de ‘brouillon’. Une fois que vous avez terminé de le modifier et que vous avez décidé qu’il était prêt à être présenter au monde, c’est le moment de le publier.

Publier un Genially

Pour l’ajouter sur NovaFrate, il faut le télécharger en paquetage SCORM. Pour cela : Cliquez sur le menu dans le coin supérieur droit, sélectionnez le preset qui correspond le mieux à votre objectif, et appuyez sur « Prêt » et ensuite sur « Télécharger ».

POINTSCette configuration vous permet de :

• Voir dans votre LMS qui a accédé à votre contenu.
• Contrôler la date d'accès et le temps passé dans le contenu.
• Enregistrer la page où chaque visiteur a quitté le contenu afin qu'il puisse reprendre l'activité à partir de ce point à tout moment.
• Sélectionner quelles pages de votre genially sont avec des points et obtenez le score automatiquement dans votre LMS.
• Sélectionner la ou les pages qui valideront le parcours du genially comme terminé dans votre LMS.

Les différents PRESET SCORM

ACCÈSCe preset vous permet de :

• Voir dans votre LMS qui accède à votre contenu.
• Connaître la date et l’heure à laquelle votre contenu a été consulté.
• Enregistrer la page où chaque visiteur a quitté le contenu afin qu'il puisse reprendre l'activité à partir de ce point à tout moment.
• Marquer une activité comme terminée dans le LMS. Lorsque votre public accède à l'activité, SCORM la marque comme validée et lui attribue un score de 100 %.

Il existe quatre manières de créer un package SCORM avec Genially, et chacune d’elle offre des informations différentes sur la façon dont votre public interagit avec votre contenu. Il ne vous reste plus qu’à choisir le preset qui s’adapte au mieux à vos objectifs. Cliquez sur chaque preset pour en savoir plus.

PROGRÈS Cette configuration vous permet de :

• Voir dans votre LMS qui a accédé à votre contenu.
• Contrôler la date d'accès et le temps passé dans le contenu.
• Enregistrer la page où chaque visiteur a quitté le contenu afin qu'il puisse reprendre l'activité à partir de ce point à tout moment.
• Obtenir le pourcentage de pages du genially consultées depuis le LMS.
• Sélectionner la ou les pages qui valideront le parcours du genially comme terminé dans votre LMS.

QUESTIONS INTERACTIVES Cette configuration vous permet de :

• Découvrir qui accède à votre contenu à partir de votre LMS
• Connaître la date d'accès au contenu et le temps que passent les membres de votre audience à l'étudier.
• Enregistrer la page où un visiteur quitte le contenu afin de permettre à chacun de reprendre quand il le souhaite l'activité en cours, là ou il l'a laissée.
• Définir le score minimum pour réussir une activité.
• Sélectionner les questions interactives que vous souhaitez évaluer. Toutes les réponses aux questions ne sont pas nécessairement notées. Certains types de questions comme les questions ouvertes qui permettent (entre autres) de collecter des informations sur votre public n'ont pas vocation à évaluer.
• Collecter et visualiser les réponses à toutes les questions interactives de votre genially, que la question soit notée, ou pas.

Télécharger un Genially

Sur Genially, vous pouvez télécharger vos créations sous cinq formats différents :

• PDF INTERACTIF
• IMAGE (JPG)
• HTML (visionner hors ligne)
• VIDÉO (MP4)
• SCORM (Version 1.2)

Le téléchargement est une fonctionnalité payante, et les formats sous lesquels vous pouvez télécharger vos geniallys varient en fonction du plan.