# 360 Virtual Tour

Ce type de contenu permet de naviguer dans un environnement visuel dynamique, à 360 degrés.

[![image-1634633934679.58.43.png](https://wiki.unil.ch/cse/uploads/images/gallery/2021-10/scaled-1680-/KfMzaEbkxMKvEIQY-image-1634633934679-58-43.png)](https://wiki.unil.ch/cse/uploads/images/gallery/2021-10/KfMzaEbkxMKvEIQY-image-1634633934679-58-43.png)

### <span style="color: #0000ff;">Étape 1 : Création du contenu H5P</span>

Avant tout chose, rendez-vous sur la plate-forme Moodle de l'Unil.

Une fois connecté·e à votre compte Moodle, rendez-vous dans votre tableau de bord et sélectionnez le cours pour lequel vous désirez créer un contenu Virtual Tour.

Dans la barre latérale gauche,

1. Cliquez sur le menu « Banque de contenus »
2. Puis sur « Ajouter »
3. Et sélectionner le contenu « Virtual Tour »

[![image-1634634536419.08.44.png](https://wiki.unil.ch/cse/uploads/images/gallery/2021-10/scaled-1680-/kvao0cCabY0YzZMM-image-1634634536419-08-44.png)](https://wiki.unil.ch/cse/uploads/images/gallery/2021-10/kvao0cCabY0YzZMM-image-1634634536419-08-44.png)

### <span style="color: #0000ff;">Étape 2 : Création de mon contenu Virtual Tour (360)</span>

Dans le formulaire qui s’affiche,

1\. Nommez votre activité

*Le Titre<span style="color: #ff0000;">\*</span> n'apparaîtra pas dans votre cours, même une fois l'activité ou le contenu intégré. Il s'agit du nom qui s’affichera dans votre banque de contenus. Vous pourrez ainsi facilement le retrouver.*

[![image-1634634579491.01.15.png](https://wiki.unil.ch/cse/uploads/images/gallery/2021-10/scaled-1680-/NiPye177cfo0MiOR-image-1634634579491-01-15.png)](https://wiki.unil.ch/cse/uploads/images/gallery/2021-10/NiPye177cfo0MiOR-image-1634634579491-01-15.png)

2\. Ajouter votre première image ou séquence d'image en cliquant sur le bouton [![image-1634634615011.01.32.png](https://wiki.unil.ch/cse/uploads/images/gallery/2021-10/scaled-1680-/FZgd8jlR2oY1LJzb-image-1634634615011-01-32.png)](https://wiki.unil.ch/cse/uploads/images/gallery/2021-10/FZgd8jlR2oY1LJzb-image-1634634615011-01-32.png)Et ajouter un texte alternatif obligatoire. Par exemple, la source.

3\. Ajouter de l'interactivité à votre contenu :

[![image-1634635467580.23.03.png](https://wiki.unil.ch/cse/uploads/images/gallery/2021-10/scaled-1680-/gWjnp9aXhnNDoVDi-image-1634635467580-23-03.png)](https://wiki.unil.ch/cse/uploads/images/gallery/2021-10/gWjnp9aXhnNDoVDi-image-1634635467580-23-03.png)

4\. Paramétrez les comportements généraux de votre contenu (eg. piste audio, qualité de rendu, ect.)

[![image-1634634665804.03.18.png](https://wiki.unil.ch/cse/uploads/images/gallery/2021-10/scaled-1680-/trWQD4qVAmWqDnLg-image-1634634665804-03-18.png)](https://wiki.unil.ch/cse/uploads/images/gallery/2021-10/trWQD4qVAmWqDnLg-image-1634634665804-03-18.png)

5\. Définissez les paramètres de comportement.

Par exemple, si vous souhaitez que la juxtaposition soit horizontale ou verticale.

[![image-1633939158358.50.29.png](https://wiki.unil.ch/cse/uploads/images/gallery/2021-10/scaled-1680-/UeArdvSWdm6XnwAC-image-1633939158358-50-29.png)](https://wiki.unil.ch/cse/uploads/images/gallery/2021-10/UeArdvSWdm6XnwAC-image-1633939158358-50-29.png)

6\. Enregistrez en cliquant sur [![image-1628585605915.png](https://wiki.unil.ch/cse/uploads/images/gallery/2021-08/scaled-1680-/jbXy5yWdX3CAaeml-image-1628585605915.png)](https://wiki.unil.ch/cse/uploads/images/gallery/2021-08/jbXy5yWdX3CAaeml-image-1628585605915.png)pour visualiser votre contenu interactif.

Vous retrouverez facilement votre Image Juxtaposition dans votre Banque de contenus et pourrez le modifier, à tout moment.

### <span style="color: #3366ff;">Étape 3 : Intégrez votre activité 360 Virtual Tour à votre cours Moodle</span>

Vous pouvez maintenant **diffuser votre module H5P** dans votre page Moodle. Vous pouvez l'[intégrer directement sur la page d'accueil de votre cours à l'aide d'une Etiquette](https://wiki.unil.ch/cse/books/h5p/page/option-1-integration-dans-la-page-de-cours "Option 1 : Intégration dans la page de cours (Ressource Étiquette)") ou la [diffuser à l'aider d'une activité H5P](https://wiki.unil.ch/cse/books/h5p/page/option-3-diffusion-de-lactivite-ou-du-contenu-h5p "Option 2 : Diffusion de l’activité ou du contenu H5P").