Introduction à l’interface utilisateur de création d’une communication interactive introduction-to-interactive-communication-authoring-ui
L’interface utilisateur de création d’une Communication interactive est intuitive et fournit les éléments suivants pour la création de canaux d’impression et web de la communication interactive :
- Editeur de document glisser-déposer WYSIWYGM
- Référentiel intégré des resources : les ressources téléchargées et créées sur le serveur sont disponibles dans l’explorateur des ressources de l’interface de création des communications interactives.
Lorsque vous créez une communication interactive ou en modifiez une existante, vous utilisez les éléments suivants de l’interface utilisateur :
- Barre latérale
- Barre d’outils de la page
- Barre d’outils de composants
- Zone de contenu
A. Barre latérale B. Barre d’outils de la page C. Zone de contenu
Barre latérale sidebar
A. Explorateur de canaux B. Explorateur de contenu C. Explorateur de propriétés D. Explorateur de ressources E. Explorateur de composants F. Explorateur des sources de données - Modèle de données G. Explorateur des sources de données - Contenu Principal
La barre latérale contient les éléments suivants :
- Explorateur de canaux
L’explorateur de canaux vous permet de basculer entre les canaux d’impression et les canaux Web de la communication interactive. En fonction du canal que vous avez sélectionné dans l’explorateur de canaux, les navigateurs, tels que Contenu et Composants, affichent les options.
-
Explorateur de contenu
Dans l’explorateur de contenu, vous pouvez visualiser la hiérarchie des objets du document pour le canal sélectionné. L’auteur ou l’autrice peut accéder au composant spécifique en appuyant sur cet élément dans l’arborescence de l’objet de document. L’auteur ou l’autrice peut alors rechercher des objets dans le canal web et les réorganiser depuis l’arborescence. -
Explorateur de propriétés
Permet de modifier les propriétés d’un composant. Les propriétés affichées varient en fonction du composant. Par exemple, pour afficher les propriétés du conteneur de documents :
sélectionnez un composant, sélectionnez
-
L’explorateur de ressources
isole différents types de contenu, tels que des fragments de disposition, des images, des documents, des pages ou des séquences vidéo. L’auteur peut glisser-déposer des actifs dans la communication interactive. -
L’explorateur de composants inclut les composants que vous pouvez utiliser pour créer les canaux d’impression et web d’un document. Vous pouvez faire glisser des composants dans la communication interactive afin d’ajouter des éléments, puis configurer les éléments ajoutés conformément aux exigences. Le tableau ci-dessous décrit les composants répertoriés dans l’explorateur de composants pour les canaux d’impression et web :
* Utilisez les fragments de mise en page dans le canal d’impression pour ajouter des tableaux.
** Dans le canal d’impression, les zones cibles sont prédéfinies dans le XDP/modèle d’impression. Vous ne pouvez pas ajouter de nouvelles zones cibles à l’aide de l’interface utilisateur de création de communication interactive.
- Explorateur de sources de données L’explorateur de sources de données affiche les sources de données disponibles dans le modèle de données de formulaire que vous avez sélectionné lors de la création de la communication interactive.
Points clés pour l’utilisation de composants key-points-for-working-with-components
Les points clés lorsque vous utilisez des composants de communication interactive sont les suivants :
-
Chaque composant est associé à des propriétés qui contrôlent son apparence et ses fonctionnalités. Pour configurer les propriétés d’un composant, sélectionnez celui-ci et sélectionnez
-
Un composant est identifié par son nom d’élément. Lorsque vous sélectionnez
-
Vous pouvez modifier la propriété de titre d’un composant de communication interactive en ligne dans l’éditeur sans ouvrir l’explorateur de propriétés tant que le titre est visible sur la communication interactive. Pour ce faire :
-
Sélectionnez un composant qui a une propriété Titre et dont la propriété Masquer le titre est désactivée.
-
Sélectionnez
-
Modifiez le titre et sélectionnez la touche Retour ou sélectionnez un emplacement en dehors du composant pour enregistrer les modifications. Sélectionnez la touche Échap pour annuler les modifications.
-
Barre d’outils de composants component-toolbar
Lorsque vous sélectionnez un composant, une barre d’outils s’affiche, vous permettant de l’utiliser. Vous avez la possibilité de couper, coller, déplacer et spécifier les propriétés des composants. Vous avez le choix entre :
A.Configurer : lorsque vous sélectionnez Configurer, les propriétés du composant s’affichent dans la barre latérale.
B.Modifier les règles : lorsque vous sélectionnez Modifier les règles, l’éditeur de règles apparaît dans lequel vous pouvez modifier et créer des règles pour le composant sélectionné. Dans l’éditeur de règles, vous pouvez également sélectionner d’autres objets de formulaire (composants) et modifier/créer des règles pour ces objets de formulaire.
C.** Copier** : permet de copier un composant et le coller ailleurs dans la communication interactive.
D.Couper : permet de déplacer un composant d’un endroit à un autre dans la communication interactive.
E. Supprimer : permet de supprimer le composant de la communication interactive.
F. Insérer le composant : permet d’insérer un composant au-dessus du composant sélectionné.
G. Coller : permet de coller le composant coupé ou copié à l’aide des options décrites ci-dessus.
H. Groupe : permet de sélectionner plusieurs composants permettant de couper, copier ou coller plusieurs composants ensemble.
I. Parent : permet de sélectionner le parent d’un composant.
J. Afficher l’expression SOM : permet d’afficher lʼexpression SOM du composant.
K. Regrouper les objets dans le panneau : permet de regrouper les composants dans un panneau afin de pouvoir effectuer des opérations sur ces composants de manière simultanée. Pour plus d’informations, consultez la section Regrouper les objets dans le panneau.
L. Ajouter un panneau enfant (pour les panneaux uniquement) : permet d’ajouter un panneau enfant au panneau.
M. Ajouter une barre d’outils de panneau (pour les panneaux uniquement) : permet d’ajouter la barre dʼoutils du composant Panneau. Vous pouvez ensuite effectuer d’autres actions sur la barre d’outils.
En outre, lʼoption Remplacer de la barre d’outils vous permet de remplacer le composant existant par un autre. L’option n’est pas disponible pour le composant Panneau.
Barre d’outils Page page-toolbar
La barre d’outils de la page, située en haut de l’écran, propose des options permettant de prévisualiser la communication interactive et d’en modifier les propriétés. Vous pouvez prévisualiser la communication interactive lors de sa création et apporter des modifications en conséquence. Dans la barre d’outils de la page, vous voyez :
-
Activer/désactiver le panneau latéral
-
Informations sur la page
-
Émulateur
-
Modifier : permet de sélectionner d’autres modes comme : Modifier, Style, Développeur et Conception.
-
Modifier : modifie les propriétés de la communication interactive et de ses composants. Exemple : l’ajout d’un composant, le dépôt d’une image et l’indication des champs obligatoires.
-
Style : définit l’aspect des composants de votre communication interactive. Par exemple, en mode Style, vous pouvez sélectionner un panneau et définir sa couleur d’arrière-plan.
-
Développeur : permet à un développeur de :
- Découvrir en quoi consiste la communication interactive.
- Déboguer en temps réel afin de mieux résoudre les problèmes.
-
Cible : permet d’activer ou de désactiver les composants personnalisés ou les composants prêts à l’emploi qui ne sont pas répertoriés dans la barre latérale.
-
-
Aperçu : permet de prévisualiser la communication interactive avant de le publier.