1. Exemple
Voici un exemple de contenu Virtual Tour (360°) que nous vous proposons de créer avec ce tutoriel.
(Cliquez-glissez avec la souris ou utilisez les touches directionnelles pour explorer la scène.).
2. Les applications
1re possibilité : le site Lumi éducation :
Connectez-vous à : http://app.lumi.education/
Cliquez sur le bouton « s'inscrire »
Une connexion Internet est nécessaire pour la création de visite virtuelle avec Lumi.
2e possibilité : l'application Logiquiz La Digitale :
Allez sur le site : https://ladigitale.dev/
Bas de la page, cliquez sur le bouton « Télécharger » de la brique Logiquiz.
Une fois le logiciel Logiquiz installé, la connexion Internet n'est plus nécessaire.
Une fois votre visite virtuelle créée, vous pourrez la partager avec Digiquiz (max 20 Mo).
Pour la suite du tutoriel, nous utiliserons Lumi éducation.
3. Créer un nouveau contenu
Nous allons créer une visite 360° dans laquelle nous guiderons un visiteur dans l’Atelier Canopé 86.
Allez sur votre tableau de bord et créez un nouveau contenu.
Choisi « Visite virtuelle (360) (Virtual Tour (360) ».
Ajoutez un titre. Dans notre cas : « Visite de l'Atelier Canopé 86 ».
4. Ajouter une première scène 360°
Nous allons maintenant ajouter une première scène 360°. En premier lieu, nous devons télécharger une image de fond. Voici l’image que nous utiliserons pour notre exemple :
N’oubliez pas d’ajouter les crédits pour l’image de fond.
Cliquez sur « Éditer le copyright » et saisissez :
Titre : AC86
Auteur : SR
Année : 2023
Source :
Licence : Domaine public
Version de la licence : 0 1.0 Universel
La fenêtre doit ressembler à ceci :
Cliquez sur « Done ».
Vous avez ajouté votre première scène.
L’éditeur devrait désormais ressembler à cela :
L’angle de caméra initial est réglé par défaut. Si vous souhaitez modifier cet angle de caméra, vous pouvez cliquer-glisser avec la souris. Une fois que vous avez trouvé l’angle qui vous convient, appuyez sur le bouton « Définir position de départ » (Set starting position), dans le coin en bas à droite. Désormais, votre scène démarrera toujours avec cet angle de caméra.
5. Ajouter une seconde scène 360°
Pour ajouter une nouvelle scène, cliquez sur le bouton « Nouvelle scène ».
Dans le titre, écrivez « Jardin » et importez l’image de fond.
La fenêtre de Scène devrait ressembler à cela :
N’oubliez pas d’ajouter les crédits pour l’image de fond.
Cliquez sur « Éditer le copyright » et saisissez :
Titre : AC86
Auteur : SR
Année : 2023
Source :
Licence : Domaine public
Version de la licence : 0 1.0 Universel
6. Ajouter une scène statique
Comme pour les scènes 360°, cliquez sur le bouton « Nouvelle scène ». Sélectionnez « Scène statique ».
Saisissez le titre et importez l'image « Ascenseur.jpg ».
N’oubliez pas d’ajouter les crédits pour l’image.
Cliquez sur « Terminer ». Vous avez ajouté votre troisième scène.
7. Naviguer entre les scènes
Nous avons désormais trois scènes. Pour naviguer entre elles, cliquez sur la liste déroulante « Scène actuelle… » dans le coin inférieur gauche. Le sélecteur de scènes va s’ouvrir et vous verrez la liste de toutes les scènes que vous avez créées jusque-là. Voici ce qui s’affiche :
Icône au-dessus de l’image. | Cette icône indique si l’image est statique |
Soulignement ou surlignement vert. | Indique quelle scène est actuellement sélectionnée (celle sur laquelle vous travaillez à ce moment). |
| Cliquez ici pour faire de la scène sélectionnée la première scène de votre visite virtuelle. Il s’agit de la première scène que les utilisateurs verront. |
| Cliquez ici pour ouvrir la scène sélectionnée. |
| Cliquez ici pour éditer la scène sélectionnée (image de fond, titre, description, etc.). |
| Cliquez ici pour supprimer la scène sélectionnée. |
8. Connecter les scènes
En tant qu’auteur, vous pouvez utiliser le sélecteur de scènes pour naviguer entre les scènes. Pour que les utilisateurs puissent passer d’une scène à une autre, vous devez ajouter des éléments de navigation.
Les éléments de navigation sont créés en utilisant l’outil « Aller à la scène » 
dans le menu principal.
Créons une navigation.
Cliquez sur le sélecteur de scènes et rendez-vous sur notre première scène.
Nous voulons y ajouter un élément de navigation vers la scène #2 (espace formation). Cliquez sur l’icône « Aller à la scène » dans le menu principal.
Une fenêtre de dialogue devrait apparaître :
Sélectionnez la scène #2 (espace formation) et cliquez sur « Terminer ». L'élément de navigation apparaît sur la scène.
Nous allons utiliser ce bouton pour aller de la scène #1 (AC86) à la scène #2 (espace formation).
Il est possible de repositionner ce bouton par un glisser-déposer sur la scène.
Lorsque vous cliquez dessus, vous accédez à un menu contextuel :
« Aller à la scène » va ouvrir la scène ciblée par l’objet « Aller à ».
La seconde option va éditer l’objet « Aller à ».
La troisième option va supprimer l’objet « Aller à ».
Nous voulons maintenant créer une navigation entre la scène #2 (espace formation) et la scène #1 (AC86). Cliquez sur le sélecteur de scène et rendez-vous sur la 2e scène.
Cliquez sur l'icône dans le menu du haut.
Sélectionne la photo de la scène #1 (AC86).
Cliquez sur « Terminer ».
Lorsque vous avez créé un objet « Aller à », vous pouvez double-cliquer dessus afin d’ouvrir la scène vers laquelle il pointe. Cela peut vous faire gagner du temps au moment de la conception !
9. Ajouter des interactions
Nous allons maintenant ajouter quelques interactions sur nos scènes. Premièrement, nous allons ajouter une interaction en image sur la scène #2 (espace formation).
Voici l’image que nous allons ajouter :
Rendez-vous sur la scène #2 (espace formation). Cliquez sur l’icône image 
dans le menu du haut.
Une boîte de dialogue apparaît.
Importez l’image « Bureaux » et ajoutez un texte alternatif, comme montré ci-contre.
Cliquez sur « Terminer ». Vous avez ajouté votre première interaction.
N’oubliez pas d’ajouter les crédits pour l’image de fond.
Il est possible d'ajouter plusieurs types d'interactions sur une scène :
Texte
Image
Audio
Vidéo
Résumé
Questionnaire (choix unique)
Pour chacune de ces interactions, le logo 
s'intègrera aux scènes.
10. Partager la visite
Avant de partager la visite, vous avez la possibilité d'en avoir un aperçu en cliquant sur l'onglet situé en haut de votre page :
Votre visite est terminée ? Nous allons pouvoir la partager...
Pour cela, dirigez-vous à droite de votre écran et cliquez sur « Déployer du contenu » :
Vous devez indiquez le nom de votre déploiement puis sélectionner les paramètres de diffusion.
Dans l'exemple ci-contre, seul « Afficher le bouton d'intégration » a été coché mais vous pouvez aussi protéger votre visite par un mot de passe.
Pour retrouver vos déploiements, cliquez sur l'onglet situé à gauche de votre écran :
La liste de vos déploiements apparaît sous cette forme :
Le site Lumi éducation vous propose alors 3 méthodes de partage :
lien ;
code intégré (iframe) ;
QR code.
