====== Vidéo interactive avec H5P ======
L'utilisation de la vidéo interactive présente plusieurs avantages, elle rend l'étudiant actif et est source de motivation. Les cas d'utilisation sont plus variés que pour la vidéo simple, vous pouvez les retrouver [[https://moodle.enib.fr/course/view.php?id=839&section=3|ici]]. 
===== Etapes de conception =====
La conception d'une vidéo interactive est nécessairement long, contrairement à ce qu'on pourrait penser sauter une étape fait perdre du temps sur les étapes finales. Nous vous conseillons donc vivement de prendre le temps nécessaire au début de la conception afin de ne pas le perdre après. 

  - Identification d'un contenu adapté : si vous avez bien compris les cas d'utilisation de la vidéo interactive vous serez capable d'identifier une partie de votre cours qu'il est intéressant de passer sous ce format. Attention néanmoins : une bonne vidéo ne doit pas être trop longue, essayez de limiter le nombre de notion dans votre vidéo afin de faire en sorte qu'elle soit simple et rapide.
  - Identifier les objectifs d'apprentissages de la vidéo 
  - Penser à l'intégration de la vidéo dans le parcours pédagogique du cours : une vidéo avec ou sans interactions ne doit pas juste être donnée comme un cadeau dont on ne saurait pas quoi faire, il faut lier la vidéo avec le reste du cours cela donnera à votre cadeau toute son utilité.
  - Créer le scénario et faire un storyboard : on commence à y arriver ! cette étape est absolument primordiale, elle permet de faciliter votre travail d'enregistrement vidéo et de montage. 
  - Préparer le script : vous avez besoin de comportement et "dialogues" précis dans votre vidéo ? dans ce cas prenez le temps d'écrire le script en détail, et entrainez vous quelques fois afin de limiter le nombre de prises. 
  - Filmer la vidéo + montage : enfin la partie très concrète on voit enfin les choses se mettre en place. 
  - Ajouter l'interactivité 

<note tip>Les étapes décrites ci-dessus sont nécessaires uniquement si vous n'avez pour le moment aucune vidéo. Sinon il est tout à fait possible de passer directement à cette dernière étape.
Pour créer un document en complément de la vidéo de façon simple, adaptez le scénario et le script. Vous pouvez également utiliser des images de la vidéo. </note>

===== Ajouter de l'interactivité sur H5P =====
==== Ajouter une vidéo ====

Une fois de la page de conception d'activité ouverte, choisir //interactive video//. 
Pour ajouter votre vidéo, cliquez sur le cadre pointillé contenant un +. Vous avez le choix entre 2 possibilités : 
  * Soit vous mettez le fichier mp4 ou webm
  * Soit votre vidéo est déjà sur YouTube et dans ce cas vous copiez collez l'URL de votre vidéo



<note important>Attention dans le cas du fichier, celui-ci ne doit pas dépasser 16 Mo.</note>
<note important>Attention, certaines fonctionnalités ne sont pas disponible avec la vidéo YouTube (sous-titre entre autres).</note>

{{ :ens:accueil.png?500 |}}

==== Options générales ====

Dans les onglets du bas de la page, vous pourrez jouer avec les paramètres de votre vidéo comme par exemple empêcher l'étudiant de naviguer dans la vidéo. 

{{ :ens:options.png?500 |}}


==== Ajouter une activité ====

Pour ajouter de l'interactivité cliquez sur l'onglet suivant ou sur le bouton en bas à droite. 
Vous avez ensuite le choix entre plein d'activité plus ou moins interactives : 
  * 5 activités de ressources (label, image, texte, URL, tableau)
  * 8 activités d'exercices 
  * 2 activités permettant la scénarisation de la vidéo

{{ :ens:interactivité.png?500 |}}

Pour ajouter une activité, lisez la vidéo puis mettez la sur pause sur le moment souhaité, cliquez sur l'activité choisie et rentrer les différents paramètres (titre, texte de la questions, options de réponse, note, feedback, etc.). Une fois satisfait de votre activité cliquez sur valider en bas à gauche. 

{{ :ens:activite.png?500 |}}

<note tip>Si vous voulez mettre plusieurs activités sur la même image de votre vidéo, nous vous conseillons de choisir le bouton, sinon prenez le cadre</note>
<note tip>Si vous choisissez le cadre, pensez à mettre la vidéo sur pause pendant l'activité et à faire en sorte qu'il s'affiche 0 secondes. Si vous laissez l'affichage durer 10 secondes comme c'est le cas dans les paramètres initiaux, votre vidéo va continuer en dessous du cadre, l'étudiant n'aura donc plus accès aux informations que vous voulez lui donner.</note>

Vous pourrez ensuite déplacer et recadrer le bouton ou le cadre. 
En cliquant sur votre activité une barre bleue s'affiche au dessus, elle vous permet d'ajuster le plan d'affichage de l'activité, de dupliquer l'activité, de l'éditer et de la supprimer. 

==== Scénariser votre vidéo ====
Il est possible dans le cadre d'une vidéo interactive de scénariser ou gamifier l'apprentissage : vous pouvez donc proposer une vidéo au rythme de l'apprenant et/ou un jeu sérieux. Pour cela il faut utiliser les deux dernières activités sur la droite : //Crossroads// et //Hotspot//. 
Le premier cas permet de poser une question à l'apprenant et de l'emmener à un autre passage de la vidéo en fonction de sa réponse. Il est possible ainsi de corriger un étudiants qui se trompe et l'aider à comprendre la notion que vous souhaitez lui enseigner. 
Dans le second cas il s'agit de proposer des zones de clic qui permettrait donc à l'apprenant d'aller à une explication d'une partie d'un schéma. 

Dans les deux cas, pensez que votre vidéo doit donc comprendre toutes les séquences les unes à la suite des autres mais qu'il faudra forcer les sauts dans la vidéo par l'interaction. 

Une fois l'activité ajouté vous pouvez la paramétrer : le champ "aller à" indique le temps auquel vous voulez envoyer l'étudiant en fonction de son comportement (bonne réponse/mauvaise réponse, choix de visionner une explication d'un concept précis etc.). Sinon cela fonctionne comme toutes les autres activités. 

{{ :ens:crossroads.png?500 |}}

==== Chapitrage de la vidéo ====
Plus votre vidéo est longue plus il est conseillé de faire un chapitrage de votre vidéo. Cela permet de la redécouper en sous parties plus courtes permettant à l'étudiant de naviguer dans la vidéo en fonction de ses besoins sans qu'il ait besoin d'attendre une activité. Pour cela, mettez le curseur de la timeline à l'endroit ou le nouveau chapitre commence et cliquez sur l'icone en bas à gauche de votre vidéo, puis sur ajouter un signet à nn secondes. 
Vous pouvez ajouter autant de chapitre que vous le voulez. 

===== Activité récapitulative =====
Une fois que l'apprenant à fini le visionnage de la vidéo interactive vous pouvez lui proposer une activité récapitulative. Cette activité est d'autant plus importante pour les jeux sérieux afin de faciliter le transfert des apprentissages vers le contexte réel. 
Si vous voulez proposer cette activité, cliquer sur l'onglet suivant ou sur le bouton en bas à droite de la vidéo, Sinon enregistrez les modifications et retournez dans votre cours Moodle.

Cette activité fonctionne comme les autres, vous devrez lui donner un titre, remplir les différents champs de question puis de réponse, le résultat et le feedback. Vous n'aurez pas le choix du format, il s'agira forcément d'un exercice de choix des affirmations correctes.

{{ :ens:recap.png?500 |}}

<note>Vous avez maintenant toutes les clés en main pour proposer à vos étudiants un nouveau support d'activité. 
Pour toute question ou besoin d'accompagnement les ingénieures pédagogiques sont disponibles par mail : pedagogie@enib.fr</note>