Sommaire

Introduction
Créer un modèle AR
Configurer un modèle AR déjà créé

Introduction

La vue de Réalité Augmentée (ou AR, pour Augmented Reality), aussi appelée "cover", est la résultante directe d'un scan de bleam. C'est donc ce que l'utilisateur verra affiché sur l'écran de son smartphone, par-dessus la vue Caméra, lui permettant d'interagir avec un objet.

Dans le cadre de la bonne personnalisation de vos interfaces Ubleam, l'AR est configurable via Fusion.

Créer un modèle AR

Dans cette partie, nous allons voir comment créer un modèle et paramétrer son contenu.

Dans le menu vertical de Fusion, cliquer sur l'icône Réalité Augmentée

Cliquer sur le bouton Créer un nouveau modèle AR afin d'entrer dans le studio
Une fois dans l'éditeur, choisir le modèle de base parmi ceux mis à disposition

De façon standard, 3 modèles sont proposés :

- Libre : Possibilité d'ajouter sa propre interface graphique sous forme d'un fichier image (.png recommandé pour la transparence), par-dessus laquelle on peut créer des zones cliquables, de textes et d'images.
- Simple carré : Modèle avec 1 encart disposant de zones de textes, 1 emplacement pour l'image de l'objet et 8 emplacements de boutons
- Simple rond : Modèle avec 2 encarts disposant de zones de textes, 1 emplacement pour l'image de l'objet et 8 emplacement de boutons

Modèle "Libre"

Le modèle libre dispose d'options très simples pour personnaliser rapidement sa cover.

La configuration s'axe autour de l'import d'une image de fond, et de l'édition de zones cliquables, de zones de texte et d'image.

Importer une image

Sur le menu à droite de l'écran, dans l'onglet "IMAGE DE FOND" se trouve un bouton Choisir un fichier

Il suffira ensuite de choisir simplement l'image que l'on souhaite importer du local, et l'aperçu sera visible dans le studio.

Définir des zones cliquables

Éditer une zone cliquable se fait en 2 étapes :

Définir le tracé de la zone
Définir la fonction

Tracé de la zone

Sur le menu de gauche, 2 boutons sont non-grisés, dans l'onglet "Zones cliquables". Il correspondent aux deux formes de zone traçables.

Choisir la forme souhaitée
Modifier la zone cliquable (taille, emplacement) ainsi affichée dans l'aperçu central

Faire coïncider la zone cliquable avec ce qui doit être un bouton dans l'image

Fonction de la zone

La zone cliquable doit correspondre à un bouton qui déclenchera une action.

Cette action est sélectionnable dans une liste visible dans le menu de droite après clic sur une zone cliquable.

L'onglet "TYPE D'ACTION" propose une liste d'actions préprogrammées dont les détails pourront être ajustés dans les scénarios, partie Configuration.

Pour les détails de ces fonctionnalités, voir : Fonctionnalité des boutons.

Définir des zones de texte

Éditer une zone de texte se fait en 2 étapes :

Définir le tracé de la zone
Définir ses paramètres

Tracé de la zone

Sur le menu de gauche, le bouton "Texte" fait apparaître la zone dans laquelle le texte s'affichera.

Cliquer sur Texte
Modifier la zone (taille, emplacement) ainsi affichée dans l'aperçu central

Paramètres de la zone

Sélectionner la zone
Configurer les propriétés du texte depuis le menu de droite : taille, police et couleur.

Double-cliquer sur le texte d'exemple pour le modifier, afin de connaître l'aperçu final. Bien entendu, le texte d'exemple marqué ici ne s'affichera pas dans la cover.

Rendu final

C'est dans le scénario que le texte sera modifiable. Il pourra être défini comme valeur "par défaut" ou bien se rapporter à une valeur d'attribut de l'objet scanné.

Définir des zones d'image

Éditer une zone d'image se fait en 2 étapes :

Définir le tracé de la zone
Définir ses paramètres

Tracé de la zone

Sur le menu de gauche, le bouton "Image" fait apparaître la zone dans laquelle l'image s'affichera.

Cliquer sur "Image"
Modifier la zone (taille, emplacement) ainsi affichée dans l'aperçu central

Paramètres de la zone

Sélectionner la zone
Définir si elle reprend l'image de l'objet ou non via le menu de droite

Rendu final

C'est dans le scénario que l'image texte sera modifiable, au même titre qu'un texte, sauf qu'ici : il s'agira de récupérer une valeur égale à un lien d'image ou d'un chemin pointant vers une image stockée dans l'espace documentaire. Il pourra être défini comme valeur "par défaut" ou bien se rapporter à une valeur d'attribut de l'objet scanné.

Cover de "modèle libre" pour l'utilisateur

A partir du modèle de cover libre, en combinant les différents outils mis à disposition, on peut arriver à des rendus intéressants :

Modèle "Simple carré" et modèle "Simple rond"

Concept de base

Simple carré

Le modèle simple carré est un modèle sélectionnable par défaut avec :

1 emplacement pour l'image de l'objet
1 encart supérieur disposant de :
- 2 zones de texte
8 emplacements de boutons

Simple rond

Le modèle simple rond est un modèle sélectionnable par défaut avec :

1 emplacement pour l'image de l'objet
1 encart supérieur disposant de :
- 5 zones de texte
1 encart inférieur disposant de :
- 2 zones de texte
8 emplacements de boutons

Configurer les boutons

Le menu de gauche présente la liste exhaustive des types de boutons pouvant être intégrés.

Ajouter un bouton

Cliquer sur un de ces boutons ajoute celui-ci dans le premier emplacement libre (d'après l'ordre numérique).

Modifier le visuel d'un bouton

Pour modifier l'aspect visuel d'un bouton, il faut :

Cliquer sur le bouton à modifier
- Dans le menu de droite, l'onglet "Propriétés" s'est ouvert automatiquement, et présente plusieurs fonctionnalités de personnalisation

Interagir avec ces paramètres pour obtenir le changement souhaité
- L'aperçu se met à jour directement à chaque modification

Supprimer un bouton

Cliquer sur le bouton à supprimer
- Dans le menu de droite, l'onglet "Propriétés" s'est ouvert automatiquement, et présente le bouton de suppression :
Cliquer sur ce bouton de suppression

Localisation du bouton

Comme vu précédemment, le bouton se place automatiquement à la première place disponible selon l'ordre numérique indiqué.

Toutefois, si l'on souhaite laisser quelques espaces libres, il suffit d'ajouter les boutons, puis de supprimer ceux à la place desquelles on souhaite ne rien avoir.

Fonctionnalité des boutons

Que l'on soit dans un modèle libre ou modèle prédéfini, les fonctionnalités de boutons disponibles sont les mêmes.

Boutons médias sociaux

Chacun de ses boutons ouvre un lien du réseau social correspondant.

Boutons de base et avancés

Les boutons de base et avancés forment un ensemble de 15 fonctions distinctes :

6 boutons de base - Fonctions simples
9 boutons avancés - Fonctions plus complexes

Voici le lexique correspondant :

Nommer/Décrire/Sauvegarder

Onglet "Général"

A tout moment, l'éditeur permet d'afficher le contenu de l'onglet "Général" dans le menu de droite

Cet onglet concerne non pas un élément sélectionné de la cover, mais la cover dans son ensemble.
Il permet donc de nommer la cover et de lui offrir une description.

Ce sont des informations qui ont vocation à être visibles dans Fusion uniquement. L'utilisateur final de l'appli Ubleam sur smartphone ne les voit pas.

Sauvegarder le modèle AR

Pour enregistrer le modèle d'AR, il suffit d'appuyer sur le bouton situé en haut à droite de l'interface.

Sortir du studio

Pour sortir du studio et revenir dans le menu des covers, il suffit d'appuyer sur situé en haut à gauche de l'interface.

Configurer un modèle AR déjà créé

Lorsque vous êtes dans la liste des modèles AR, vous pouvez cliquer sur les 3 petits points situés en haut à droite de leur aperçu.

Via les 3 icônes qui s'affichent alors :

Vous pouvez :

Modifier la cover
Supprimer la cover
Dupliquer la cover