Remarque : même si nos guides les plus populaires ont été traduits en anglais, certains guides sont uniquement disponibles en français.

Studio Expert : Zones d’actions

Dernière mise à jour le 09 Août 2019

Enrichissez vos documents pour les rendre toujours plus assimilables et captivants. Depuis le Studio, vous intégrez de manière intuitive des images, des vidéos, des animations, des zones de zoom pour créer des documents interactifs à forte valeur ajoutée. Avec ce guide, nous vous expliquons comment créer des zones d’actions sur votre document et comment les paramétrer pour y ajouter des liens externes ou internes au document.

    SECTIONS

Accéder au studio

Pour pouvoir utiliser le Studio, assurez vous d’avoir souscrit à un abonnement incluant la fonctionnalité. L’accès au Studio se fait à partir du Hub :

Première méthode :

  1. Sélectionnez le média souhaité

  2. Cliquez sur “Plus” dans le menu en bas à droite de l’interface du hub

  3. Allez sur “Modifier

  4. Cliquez sur “Editer dans le studio

Deuxième méthode :

  1. Clic droit sur le média souhaité

  2. Allez sur “Modifier

  3. Cliquez sur “Editer dans le studio


Interface du Studio Expert

Le Studio Expert est l’interface dans laquelle vous pouvez enrichir vos documents, notamment :

  • Définir des zones de zoom, des liens externes et internes, des Qr code

  • Insérer des boutons de raccourcis (téléchargement, partage)

  • Personnaliser la mise en page de votre document (format, thème, arrière-plan…)

  • Ajouter / Supprimer des pages

  • Ajouter / intégrer des fichiers (type vidéo, image, animation…)

  • Paramétrer le mode article

  • Paramétrer le document sur mesure

Interface “Document” :

A : Retour au Hub

B : Paramètre du studio

C : Onglets Document / Variante

D : Afficher l’historique

E : Rafraîchir les données

F : Ouvrir la version publiée

G : Prévisualiser la version en cours

H : Publier la version en cours

I : Accès aux détails du média

J : Accès aux scripts du média

K : Accès aux fonctions e-commerce du document

L : Titre du document enrichi

M : Sélectionner le thème

N : Renommer la version

O : Titre du document

P : Ajouter une version de langue

Q : Ajouter une version de document

R : Exporter le fichier

S : Configurer les fichiers d’impression

T : Editer cette variante

U : Réimporter un document

V : Editer le PDF basse définition

W : Ouvrir le PDF source

X : Supprimer le document

Interface “Variante” :

A : Interface d’enrichissement

B : Interface de mise en page

C : Interface de personnalisation

D : Interface de configuration

E : Choix de la version

F : Choix de la version langue

G : Barre d’outils (Toolbar)

H : Visualiser les vignettes de page

I : Gestion des médias

J : Paramétrer le mode article

K : Paramétrer la numérotation des pages

L : Paramétrer l’ardoise

M : Aide & raccourcis

N : Etat de chargement du média

O : Zoom et outils de déplacement du média, affichage de l’HTML

P : Défilement des pages


Barre d’outils (Toolbar)

Barre d'outils.png
Outils de zone.png

Ajouter des zones d’actions (ZZO,Liens,QR code,…)

Pour créer des zones d’actions, vous devez vous positionner sur l’onglet “Enrichissement”, à la rubrique “vignettes de page”.

Si vous utilisez l’outils “tracé en rectangle” :

  1. Sélectionnez l’outils “tracé en rectangle

  2. Choisissez le type de zone que vous souhaitez créer (Zone de zoom, Lien interne , Lien externe , QR code)

  3. Placez votre souris puis commencez à tracer votre zone

  4. Maintenez le clic gauche

  5. Tracez votre zone

  6. Relâchez le clic gauche

Si vous utilisez l’outil “tracé point par point” :

  1. Sélectionnez l’outil “Tracé point par point

  2. Clic gauche pour créer le premier point de la forme

  3. Déplacez votre souris puis clic gauche pour créer le deuxième point

  4. Pour finir la forme cliquez sur le premier point créé

A savoir : Lorsque vous utilisez l’outil “Tracé point par point”, le seul type d’action possible applicable à cette zone est le “Zoom”. il n’est pas possible de créer une zone de type “Lien” ou “QR code” de cette manière. Si vous modifiez le type, alors la zone s’affichera automatiquement en rectangle.

 

Outils “redimensionner” et “Editer les points”

L’outil “redimensionner” est actif de base. Il permet une fois que vous cliquez sur une zone, de faire apparaître les points de redimensionnement.

L’outil “Editer les points” permet de rajouter des points de redimensionnement sur les contours de la zone afin de pouvoir créer une zone libre.

A savoir : le dernier des deux outils utilisé ci-dessus restera actif jusqu’à la sélection de l’autre outil. L’outils “Editer les points” ne peut être utilisé que sur les zone de type “Zoom” (ZZO).


Outils “tracé par détection”

Les deux outils que sont “Tracé par détection de contours” et “Tracé par détection HTML” permettent de détecter les contours d’une image pour le premier et du texte pour le deuxième. Ces outils ont été développés pour réaliser les actions plus rapidement :

L’outils “Tracé par détection de contour” permet de créer automatiquement des zones sur les images. Pour l’utiliser :

  1. Sélectionnez l’outil “Tracé par détection de contour

  2. Cliquez sur l’arrière plan de la page

  3. Les zones sur les images/photos se créent automatiquement

A savoir : Pour une meilleur efficacité du produit, il est préférable que l’arrière plan soit d’une couleur unie. Si certaines couleurs de l’image sont proches de la couleur de l’arrière plan, alors l’outil ne trouvera pas les contours.

L’outil “Tracé par détection HTML permet de détecter le texte sur la page du document, et donc de créer automatiquement des zones sur les lignes ou les paragraphes.

  1. Sélectionnez l’outils “Tracé par détection HTML

  2. Cliquez sur le texte que vous souhaitez sélectionner

  3. La zone se crée automatiquement sur le texte


Créer des zones d’actions automatiquement

L’outils “Lancer une détection automatique” permet de créer les zones d’actions automatiquement sur l’intégralité du document. pour cela :

  1. Cliquez sur l’outils “Lancer la détection automatique

  2. Cliquez sur “Confirmer

  3. La recherche ce lance

  4. Cliquez sur “Fermer” lorsque la détection a réussi


Menu de la zone d’action

C’est à partir de ce menu que vous pouvez paramétrer les fonctionnalités de chaque zone d’action. Les deux barres d’outils, elles, vous permettent d’ajuster au mieux votre zone d’action sur le document.

A savoir : Les outils grisés ne peuvent pas être utilisés, cela dépend de votre zone d’action, ou elle est situé, si vous en avez sélectionné plusieurs ou encore si c’est une zone rectangle ou libre.


Fusionner deux zones en une seule

Il est possible de fusionner deux zones pour n’en faire qu’une seule :

  1. Sélectionnez les zones que vous souhaitez fusionner

  2. Cliquez sur le pictogramme “fusionner en une seule zone” du menu de la zone d’action

  3. Les deux zones ont fusionné

 

Modifier le “type”d’action de la zone

Une fois la zone créée ou sélectionnée, vous pouvez modifier son action via le menu latéral de la zone.

  1. Sélectionnez la zone souhaité

  2. Le menu latéral de la zone apparaît sur la droite de l’écran

  3. Cliquez sur le volet déroulant “type

  4. Choisissez l’action souhaitée

  5. Cliquez sur le document pour fermer le menu

A savoir : Si vous changez l’action d’une zone tracée avec l’outil “Tracé point par point”, celle ci sera automatiquement retracée en rectangle.


Paramétrer la zone

Ici vous pouvez paramétrer la zone en fonction de l‘action appliquée à cette dernière.

Paramètres de la “Zone de Zoom” :

  • Déclenchement au survol : Si cette case est cochée, lors de la consultation, la zone de zoom se déclenchera automatiquement au survol de la souris sans avoir à exercer de clic sur la zone.

  • Désactiver sur mobile /tablette : Si cette case est cochée, la zone en question ne sera pas fonctionnelle sur mobile ou tablette uniquement.

  • Couleur d’arrière plan : Une fois que vous avez fait votre zone libre sur une image par exemple, vous pouvez rajouter une couleur d’arrière plan qui va combler les zones vides. Le but étant qu’une fois que vous consultez le document et que vous cliquez sur cette zone de zoom, le zoom devient un rectangle et non plus une forme libre.

 

Paramètres de la “Zone de lien interne” : Vous pouvez choisir plusieurs sources de liens interne. Dans le menu déroulant “Action” vous trouverez tous les types de sources disponibles:

  • Télécharger un fichier : Permet d’intégrer un fichier téléchargeable par l’utilisateur au clic sur celui-ci.

  • Ouvrir une fenêtre : Permet d’intégrer une URL à la zone. Si vous cliquez sur cette zone durant la consultation du document le lien s’ouvrira dans une fenêtre popup afin de ne pas quitter le document.

  • Ouvrir une fiche produit : Permet d’ouvrir la fiche produit liée à la zone. Ne peut fonctionner que si l’ID du produit est édité dans les métadonnées.

  • Ouvrir une Pop-up : Permet d’ouvrir une fenêtre Pop-up HTML lors du clic sur la zone. Vous pouvez par la suite éditer le message que vous souhaitez faire passer via cette fenêtre.

  • Ouvrir une vidéo : Permet d’intégrer une vidéo à la zone. Une fois le lien créé, lorsque vous cliquez sur cette zone, la vidéo intégrée s’ouvrira en Popup sur le document.

A savoir : Pour intégrer des vidéos, des images ou des fichiers il faut qu’ils soient au préalable “Ajouté” à la “Médiathèque” du document, dans l’onglet “Enrichissement”. Vous trouverez plus d’informations sur la page Studio Expert : Intégration de fonctionnalités” de notre centre d’aide.

Paramètres de la “Zone de lien externe” : Permet d’intégrer un lien externe vers une autre page web. Une fois le clic effectué sur la zone, le lien s’ouvrira dans une nouvelle fenêtre de votre navigateur.

Paramètres de la “Zone de QR code” : Permet d’intégrer un QR code sur la zone sélectionnée qui redirigera vers un lien externe et donc sur une nouvelle fenêtre de votre navigateur.


Modifier les coordonnées de la zone

Editez les dimensions de la zone ainsi que sa position sur la page du document pour plus de précision.

  • x : Modifie la position de la zone sur l’axe Horizontal

  • y : Modifie la position de la zone sur l’axe vertical

  • Hauteur : Modifie la dimension en hauteur de la zone

  • Largeur : Modifie la dimension en largeur de la zone


Créer une zone partageable et téléchargeable

Vous pouvez rendre partageable ou téléchargeable vos zones via les “Actions Raccourcies” du menu de la zone. il suffit de :

  1. Sélectionnez sur la ou les zones souhaitées

  2. Allez dans “Actions Raccourcies

  3. Cochez les cases des options d’action que vous voulez ajouter à votre ou vos zones.


Help center.png

CENTRE D’AIDE - HELPCENTER

En complément de notre guide utilisateur, nous avons créé et mis à votre disposition des vidéos didacticielles dans l’objectif de vous guider pas à pas dans la prise en main de notre solution.

Accédez au Helpcenter, notre banque de tutoriels, en cliquant sur le lien suivant : https://ub.stream/tutoriel