Partie 1 - Créez des exercices interactifs

Ce tutoriel vous permet de découvrir comment créer une activité interactive avec Speedernet Sphere en utilisant les : aspects, états et implications.

Les bases que vous allez découvrir dans ce tutoriel sont applicables à tous types de réalisation que vous souhaitez faire avec Speedernet Sphere.

Si vous vous souvenez, j’ai décrit le scénario suivant, en tant qu’exemple, dans le tutoriel « Créez une expérience interactive et immersive » :

« L’utilisateur est sur son lieu de travail ; un « Atelier de maintenance ». Un bruit retenti dans l’atelier. L’utilisateur doit écouter attentivement afin d’identifier la zone d’où vient le problème. Une fois que la zone est identifiée, l’utilisateur doit chercher et identifier les éléments nécessaires pour réparer le problème. » 

 Dans ce tutoriel, nous commençons par les premières étapes de cette réalisation ; à savoir :

• Ajouter les éléments et paramétrer les aspects et les états
• Créer des interactions entre les éléments

Rendu de l'exemple

Cliquez sur ce lien pour visualiser le rendu de cet exemple.

Vous pouvez également télécharger le fichier .sph de l'exemple : Cliquez pour télécharger.

Je vous invite à regarder la vidéo ci-dessous afin de suivre la mise en place des ces étapes :

Vous pouvez également suivre, ci-dessous, les étapes à suivre :

Etape 1 - Ajouter les éléments et paramétrer les aspects et les états

Pour cette réalisation, vous avez besoins des éléments de types :

• Images (pictogramme)
• Textes
• Déclencheurs

Commencez toujours par :

• Ajouter un élément
• Renommer l’élément dans la colonne des éléments
• Paramétrer l’élément l’aspect (si nécessaire)
• Paramétrer l’élément l’état (si nécessaire)
• Positionner l’élément dans la scène

Zone de réparation

• Ajoutez un élément de type déclencheur
• Renommez-le dans la colonne des éléments
• Placez-le sur la zone souhaitée

Cosigne pour trouver les éléments

• Ajoutez un élément de type texte
• Renommez-le dans la colonne des éléments
• Saisissez la consigne et mettez-la en forme
• Sélectionnez l'était "Invisible" en tant qu'état par défaut

Eléments à trouver

Pour les éléments à trouver :

• Ajoutez un élément de type image
• Renommez-le dans la colonne des éléments
• Définissez le média (utilisez la bibliothèque en ligne)
• Ajoutez un nouvel aspect et définissez le média
• Renommez les aspect
• Sélectionnez l'était "Invisible" en tant qu'état par défaut
• Positionnez l'élément

Pour gagner du temps de production, utilisez la fonction "Dupliquer" ( CTRL + D ou Commande + D) pour les deux autres éléments à trouver. 

Etape 2 - Créer des interactions entre les éléments

Vos éléments sont transposés dans la scène. Il est temps de créer des interactions entre les éléments. Afin de faciliter cette partie de travail, vous pouvez découper votre scénario.

Dans notre exemple :

1. Lorsque l’utilisateur interagir avec le déclencheur les éléments ci-dessous s’affiche :
   • La consigne
   • Les pictogrammes (les éléments)
2. Lorsque l’utilisateur interagir avec les éléments « à trouver » :
   • Les deux éléments corrects changent d’aspect et devient une coche verte
   • L’éléments incorrect (si l’utilisateur clique) change d’aspect et devient une croix rouge
3. Testez le rendu de votre travail

Pour poursuivre cette réalisation, rendez-vous dans le tutoriel :

Partie 2 – Créez un environnement immersif

puis le tutoriel :

Partie 3 – Créez des activités engageantes

Au plaisir de lire vos commentaires et vos questions !

A bientôt dans le prochain tutoriel 😀