Plus de Mozilla Hub

Pour les bases avec Mozilla hub (entrer dans une salle déjà créée, vous déplacer et quelques bonnes pratiques), il y a un autre tutoriel Mozilla Hub: Premiers pas. Ce tutoriel en est la suite.

Introduction

Qu'est-ce que MozillaHub ?

c'est une application web fonctionnant aussi bien en clavier/souris qu'en casque de VR (réalité virtuelle)
vous avez un avatar
vous parlez avec votre micro, et vous vous déplacez comme dans un jeu vidéo (flèche de clavier pour le déplacement et souris pour la tête)
Vous pouvez rencontrer des personnes dans un monde virtuel, faire des présentations, organiser des réunions, ..
c'est bien sûr gratuit et il n'y a rien à installer !

Note: Les informations suivantes sont pour une utilisation sur ordinateur. Voici quelques équivalences sur tablette, et mac:

clic gauche - touch
clic droite- double touch

Si vous etes dans un casque de VR, vous avez toujours accès aux contrôles sur votre ordinateur en enlevant temporairement votre masque.

Vous verrez également comment, pour une utilisation intermédiaire:

créer une salle et la partager
créer des objets et modifier des objets dans la salle (images, vidéos, documents, objets 3D

Il y a également des détails sur des fonctionnalités avec un compte:

changer le modèle de la salle
personnaliser votre avatar

Pour vous y retrouver et acceder directement aux parties qui vous interessent, cliquer sur les titre du sommaire:

Sommaire

Se connecter (facultatif, gratuit, avec une adresse courriel)

Pour pouvoir accéder à l'ensemble des fonctionnalités, vous aurez besoin de vous connecter. Cela n'est cependant pas nécessaire pour utiliser Mozilla Hub.

Nous allons voir comment se connecter depuis la page d'accueil. Si vous souhaitez utiliser par la suite une fonctionnalité nécessitant une connexion, Mozilla hubs vous proposera de vous connecter, suivant une procédure similaire

Vous pouvez vous connecter en cliquant sur "Sign In" sur la page https://hubs.mozilla.com/ .

Entrer votre adresse courriel dans le champ texte si vous accepter les conditions d'utilisation.

Vous allez recevoir un lien sur votre boite mail, dans un courriel certainement intitulé "Your Hubs Sign-In Link".

Cliquer sur le lien en dessous la phrase "To sign-in to Hubs, please visit the link below. If you did not make this request, please ignore this e-mail. "

Cela ouvre un nouvel onglet comme ceci:

Vous pouvez fermer cette nouvelle fenêtre et aller sur la page où vous étiez initialement.

Ce lien, envoyé par courriel, n'est valable qu'une fois. Si vous avez cet message lorsque vous cliquez sur le lien, et que vous n’êtes pas connectés, recommencer la procédure:

Interagir dans Mozilla hub avec des objets

> Ajouter des objets (si permission)

(Les permissions que vous avez dépendent du ou de la créatrice de la salle.)

>> Ajouter un objet 3D

Dans la salle, cliquez sur l’icône de baguette magique.

Vous arrivez sur une page avec plusieurs objets par catégories (Featured, Animals, Art, etc.) de plusieurs types (Google Poly, Sketchfab, Videos, etc.).

Pour ajouter un objet 3D, cliquer sur l'objet que vous voulez ajouter, par exemple le puits.

Le puits apparait dans la salle après un court chargement (représenté par un cube bleu et un bruit).

Note: L'objet apparait toujours en face de vous dans votre orientation du regard. Vous pouvez vous déplacer, avec ou sans le mode fly, pour mettre les objets dans le bon angle, en hauteur etc.

>> Ajouter une vidéo

Faites un glisser-déposer (drag and drop) d'une adresse youtube dans votre salle:

Après un court temps de chargement (indiqué par le cube bleu et le son) votre vidéo est intégrée dans votre salle.

>> Ajouter un document (pdf, image)

Cliquez sur le plus de la barre de chat, en bas à gauche.

Sélectionner votre image dans la fenêtre qui s'ouvre, ici je choisis hub4, puis cliquer sur "Ouvrir" ou "Open".

Votre image est ajoutée à votre salle.

> Interagir avec les objets (si permission)

(Les permissions que vous avez dépendent du ou de la créatrice de la salle.)

>> Bouger un objet

Pour bouger un objet, vous devez positionner votre souris dessus et maintenir le clic gauche :

bouger votre souris pour déplacer votre objet dans le sens de votre souris (en maintenant le clic gauche)
utiliser la roulette (scroll) pour rapprocher ou soigner l'objet de vous (en maintenant le clic gauche)
déplacez-vous avec les flèches pour que l'objet suive votre déplacement (en maintenant le clic gauche)

Par exemple, pour positionner le puits sur le sol:

mettre la souris sur le puits et maintenir un clic gauche tout le long du positionnement
bouger la souris vers le bas, pour "regarder" vers le bas.
utiliser la roulette pour éloigner le puits jusqu'à qu'il touche le sol.

>> Agrandir et faire pivoter un objet

Pour agrandir et faire pivoter un objet, vous devez:

positionner votre souris dessus
appuyer sur espace pour faire apparaitre les options
mettre votre souris sur l’icône avec une croix fléchée pour agrandir l'objet
maintenir un clic gauche et bouger votre souris pour étirer ou rétrécir l'objet
lâcher le clic
faire la même chose pour faire pivoter l'objet, mais sur l’icône avec le cercle fléché

>> Cloner, supprimer un objet, ou l'ouvrir dans une autre fenêtre

Pour cloner, supprimer un objet, ou l'ouvrir dans une autre fenêtre, vous devez:

positionner votre souris dessus
appuyer sur espace pour faire apparaitre les options
cliquer avec votre souris sur le bouton "clone" pour cloner l'objet
cliquer avec votre souris sur l’icône "poubelle" pour supprimer l'objet
cliquer avec votre souris sur le bouton "open link" pour ouvrir l'objet dans une autre fenêtre, par exemple pour lire un PDF, voir une image ou une vidéo dans votre navigateur internet

>> Faire en sorte que les objets soient permanents ou non dans la salle

Pour faire en sorte que les objets ne disparaissent pas quand la salle est vide, vous devez "Pin" les objets:

positionner votre souris dessus
appuyer sur espace pour faire apparaitre les options
cliquer avec votre souris sur le bouton "pin" pour attacher l'objet à votre salle
cliquer avec votre souris sur le bouton "unpin" détacher un objet attaché à votre salle

>> Les emoticons

Lorsque vous cliquez sur espace, et que cela est permis dans une salle, vous voyez apparaitre en bas de votre écran des emoticons. Cliquez dessus pour les partager avec les autres participants.

> Le Chat

En bas de l’écran, dans la salle, il y a une barre de chat. En tapant du texte, toutes les personnes de la salle voient ce texte s'afficher pour quelques secondes.

Si vous mettez un lien, ce lien sera cliquable

Créer une salle

> Nouvelle salle

Aller sur https://hubs.mozilla.com/ en étant connecté

Puis cliquer sur "Create a Room"

Une nouvelle salle est crée, avec un nom aléatoire et le modèle par défaut.

Vous pouvez autoriser ou non l’accès à vos appareils de réalité virtuelle si vous en avez et si vous voulez vous en servir.

> Options avec un compte: Modifier les paramètres: Nom de la salle, description, taille, permissions

En cliquant sur le nom de la salle (Elated Nifty Place dans l'exemple), vous avez accès aux réglages de la salle:

Room Name: le nom de votre salle
Room description: la description de la salle
Room size: le nombre de personnes que vous autorisez à entrer dans votre salle.
Room Member Permissions: les permissions que vous accordez aux personnes dans la salle par défaut.
Appuyer sur Apply pour valider vos modifications

Attention:

Le nombre de personnes (Room size) a un effet sur l'utilisabilite de la salle. 1) Beaucoup de personnes dans une salle demande une bonne connexion internet et une meilleure performance des ordinateurs, tablettes ou téléphone des utilisateurs car la complexité de la salle augmente avec le nombre d'objets et de personnes à l'intérieur. 2) Il peut y avoir trop de bruit si trop de personnes parlent en même temps.
Les permissions (Room Member Permissions) ont un effet également. Si tout le monde met des objets (Create and move object), la complexite de la salle augmente et l'utilisabilite peut baisser (temps de chargement, connexion, calcul de la salle). Les appareils photos virtuels permettent de prendre des photos dans la salle, mais font laguer la salle le plus souvent.

> Entrer dans votre nouvelle salle

Appuyer sur "Enter Room" pour enter dans la salle.

Pour pouvoir utiliser votre micro, appuyer sur l'icone de micro en dessous de "Grant mic permission".

Si nécessaire, votre navigateur vous demande l'autorisation d'utiliser votre microphone.

L’icône de micro devient verte, vous pouvez cliquer sur "Next".

Sur la page suivante, vous pouvez voir si votre micro perçoit du son (l’icône micro se remplit de bleu). Si cela ne fonctionne pas, vous pouvez changer de microphone dans la barre en dessous.

Vous pouvez cliquer sur l’icône haut-parleur pour vérifier que vous entendez bien les retours audios de Mozilla hub.

Enfin, vous pouvez choisir de couper votre micro en checkant "Mute my microphone". Vous pourrez le réactiver une fois dans la salle.

Cliquez sur "Enter now" Pour entrer dans la salle.

> Partager la salle et inviter des participants

Pour partager la salle, vous pouvez donner le lien qui s'affiche en cliquant sur "Share" aux autres participants.

> Options avec un compte: Changer le modèle de la salle

Pour modifier l'aspect de votre salle en choisissant un autre modelé, cliquer sur le menu en haut deja gauche de la page, puis sur Choose a Scene dans la section Room.

Cliquer sur un modèle (attention, plus il est compliqué, moins il sera utilisable par les utilisateurs en raison du chargement et du calcul des modèles 3D).

Cliquez par exemple sur Conference Room A.

Apres un premier temps de chargement durant lequel la salle est noire, le nouveau modele apparait.

Si ce n'est pas le cas, recharger votre page.

Personnaliser son avatar (nécessite un compte)

Faites la même procédure que pour changer votre avatar (clic dans le menu en haut à gauche> Set Names and Avatar> Browse Avatar), jusqu'à cet écran:

Cliquez sur "+ Create Avatar" en haut à gauche.

Choisissez la forme de votre avatar parmi les trois modèles en haut.

Cliquer sur "Quilt" en bas, à la fin de la phrase "Create a custom skin for this avatar: Quilt".

Vous arrivez sur une nouvelle page.

Ajouter des images en faisant un glisser-déposer (drag and drop), ou en cliquant sur le "+" en haut à droite.

L'image ajoutée apparait au milieu, positionnée sur la texture "dépliée" de l'avatar: la tête est au milieu en haut, le devant du corps au milieu, les yeux en haut sur le coté etc.

Bouger l'image avec votre souris pour qu'elle apparaissent sur l'avatar déjà l'endroit où vous le souhaitez.

Vous pouvez combiner plusieurs images en en ajoutant de nouvelles.

Enfin, cliquer sur "Export" en bas à droite.