Créer des interfaces utilisateur d’activité Playbook personnalisées

Créez des interfaces utilisateur d’activité personnalisées pour vos activités Playbook.

Créez vos propres interfaces utilisateur d’activité avec Générateur d'IU pour remplacer l’expérience utilisateur par défaut d’une activité Playbook. Générateur d'IU fournit un environnement low-code pour créer et mettre à jour des interfaces utilisateur d’activité personnalisées. Vous pouvez combiner plusieurs Générateur d'IU composants en une seule activité Playbook. Générateur d'IU utilise des interfaces utilisateur d’activité prêtes à l’emploi comme modèle que vous pouvez personnaliser.

Utilisez cette propriété Générateur d'IU pour personnaliser l’expérience utilisateur d’une activité au sein d’une expérience de playbook. Vous pouvez effectuer les opérations suivantes dans Générateur d'IU:

• Créez une activité à partir d’un modèle d’interface utilisateur vide contenant un shell de carte.
• Créez une activité à partir d’un modèle d’interface utilisateur existant contenant du contenu dans le shell d’une carte.
• Mappez les propriétés de l’expérience d’activité Playbook aux composants avec liaison de données.
• Définissez des règles permettant de spécifier quelle interface utilisateur de l’activité doit être utilisée avec quelle activité.
• Reflétez les changements en temps réel des propriétés d’expérience d’activité à mesure qu’un processus sous-jacent s’exécute.

Créer des interfaces utilisateur d’activité personnalisées pour le playbook

Créez des interfaces utilisateur d’activité personnalisées dans pour Générateur d'IU les activités du playbook.

Avant de commencer

Rôle requis : admin playbook

Procédure

1. Accédez à la Tout > Expérience de playbook > Interfaces utilisateur de l'activité.
2. Sélectionnez Nouveau.
3. Renseignez les champs du formulaire.

   Tableau 1. Formulaire de l’interface utilisateur de l’activité Playbook

   Champ	Description
   Nom	Nom de votre interface utilisateur d’activité.
   Expérience de playbook	Sélectionnez l’expérience de playbook dans laquelle vous souhaitez utiliser l’interface utilisateur d’activité. Sélectionnez Expérience de playbook globale pour rendre votre interface utilisateur d’activité disponible à toutes les expériences de playbook.
   Type d’expérience	Sélectionnez le type d’expérience que vous souhaitez appliquer à l’interface utilisateur de l’activité. Pour en savoir plus sur les types d’expérience, consultez Types d’expérience.
   Modèle d'interface utilisateur	Sélectionnez le modèle d’interface utilisateur que vous souhaitez cloner pour votre interface utilisateur d’activité. Le modèle vide est appliqué si aucun modèle d’interface utilisateur n’est sélectionné. Si vous sélectionnez un modèle d’interface utilisateur avec un type d’expérience différent de votre type d’expérience d’interface utilisateur d’activité, il se peut qu’il ne soit pas entièrement compatible sans modifications supplémentaires.

4. Sélectionnez Soumettre.
5. Sélectionnez l’interface utilisateur de l’activité que vous avez créée dans la liste.
6. Sélectionnez Nouveau dans la table Remplacements des activités Playbook .
   
7. Remplissez le formulaire de remplacement d’activité pour spécifier quand l’interface utilisateur de votre activité doit remplacer l’interface utilisateur de l’activité par défaut.
   Consultez Configurer les remplacements d'activité du playbook pour plus d'informations.
8. Sélectionnez Modifier dans le générateur d’IU.
   

Résultats

Générateur d'IU s’ouvre dans un nouvel onglet affichant l’interface utilisateur de votre activité. Modifiez votre interface utilisateur d’activité personnalisée à l’aide de Générateur d'IU. Voir Générateur d’IU pour plus d’informations.

Configurer des interfaces utilisateur d’activité avec Générateur d'IU

Vous pouvez personnaliser les interfaces utilisateur d’activité de Générateur d'IU la manière suivante.

Utiliser des modèles d’interface utilisateur dans Générateur d'IU

Les interfaces utilisateur d’activité s’ouvrent dans le générateur d’IU en tant que modèle d’interface utilisateur que vous avez sélectionné lors de la création d’une interface utilisateur d’activité personnalisée. Chaque modèle d’interface utilisateur contient des composants préconfigurés qui peuvent être personnalisés dans Générateur d'IU. Par exemple, l’interface utilisateur de l’activité par défaut inclut la prise en charge des éléments suivants :

• Description texte enrichi
• Paires de valeurs d’étiquettes empilées pour les champs d’enregistrement
• Liste de vérification (conditionnée par la sélection de la propriété Afficher l’expérience de liste de vérification)
• Formulaire
• Pièces jointes
• Pied de page

Si vous n’avez pas sélectionné de modèle d’interface utilisateur, Générateur d'IU une carte Playbook vierge contenant l’enveloppe extérieure de la carte s’affiche. Tous les modèles, y compris le modèle vierge, incluent les éléments suivants :

• Étiquette d'activité
• État de l'activité
• Minuteur SLA
• Pied de page
• Actions déclaratives

Interfaces utilisateur d’activité prêtes à l’emploi

Playbook comprend les interfaces utilisateur d’activité suivantes :

Par défaut

Liste

Connaissances

Générateur d'enregistrement

Ajouter du contenu à votre interface utilisateur d’activité

Le panneau Content (Contenu ) affiche les composants de votre interface utilisateur d’activité. Toutes les interfaces utilisateur d’activité contiennent le composant Carte de playbook en tant que composant le plus externe enveloppant l’ensemble de l’interface utilisateur d’activité.

Vous pouvez ajouter des composants à n’importe quel emplacement de carte Playbook :

Emplacement de carte de playbook	Description
Contenu	Ajoutez le contenu général que vous souhaitez afficher dans la carte du playbook.
Formulaire	L’emplacement Formulaire est réservé pour le composant Formulaire Playbook. Les formulaires s’affichent dans un modal s’ils sont trop volumineux pour tenir dans une carte Playbook
Formulaire ci-dessous	Ajoutez le contenu que vous souhaitez afficher sous le formulaire.
Pied de page	Ajoutez le contenu que vous souhaitez afficher dans le pied de page de la carte.

Lier les données à votre interface utilisateur d’activité

Utilisez la liaison Générateur d'IU de données pour lier les propriétés de l’expérience de playbook à l’interface utilisateur de votre activité. Ces ressources de données d’expérience de playbook exposent dynamiquement vos données aux composants de votre interface utilisateur d’activité.

Chaque interface utilisateur d’activité a un type d’expérience qui définit une collection de propriétés d’expérience qui sont transmises dans votre activité lors de l’exécution par Playbooks. Par exemple, le type d’expérience d’enregistrement inclut une propriété d’expérience de vue de formulaire qui détermine quel formulaire est affiché dans une activité Playbook.

Vous pouvez trouver des liaisons de données dans l’onglet Configuration du panneau de configuration dans Générateur d'IU.

Par exemple, la propriété HTML de ce composant de texte enrichi est liée à la propriété description de l’expérience. La liaison de données prend la forme suivante : @context.props.experienceProperties.description.value. Si la propriété de l’expérience de description change, ce composant se met à jour pour refléter cette nouvelle valeur.

Générateur d'IU fournit des valeurs de saisie semi-automatique lorsque vous tapez pour vous guider vers la propriété d’expérience appropriée. Propriétés d’expérience qui Générateur d'IU se complètent automatiquement pour correspondre au type d’expérience que vous avez choisi pour votre interface utilisateur d’activité. Si des propriétés d’expérience sont ajoutées à un type d’expérience, elles s’affichent automatiquement.

En plus d’experienceProperties, l’objet @context.props comprend d’autres données utiles auxquelles vous pouvez lier telles que activityState ou parentTable. Commencez à taper @context.props pour voir ce qui est disponible.

Pour plus d’informations sur la liaison de données dans Générateur d'IU, voir Ressources de données dans le générateur d’IU.

Prévisualiser les interfaces utilisateur d’activité personnalisées dans Générateur d'IU

Prévisualisez votre interface utilisateur d’activité personnalisée dans Générateur d'IU. Vous pouvez fournir des exemples de données pour prévisualiser l’apparence des composants dans un playbook en cours d’exécution.

Avant de commencer

Rôle requis : administrateur de playbook ou auteur d’activité

Pourquoi et quand exécuter cette tâche

Afficher un aperçu des interfaces utilisateur d’activité que vous avez créées dans Générateur d'IU. Modifiez les exemples de données pour prévisualiser l’apparence des activités dans un playbook en cours d’exécution. Les changements apportés au panneau de configuration dans cette tâche n’affectent pas l’interface utilisateur de l’activité lors de l’exécution. Cela n’affecte que l’aperçu dans Générateur d'IU. Les valeurs d’exécution par défaut de chaque propriété d’expérience sont définies lors de la création de la propriété d’expérience.

Procédure

1. Accédez à la Tout > Expérience de playbook > Interfaces utilisateur de l'activité.
2. Sélectionnez l’interface utilisateur de l’activité que vous souhaitez prévisualiser.
3. Sélectionnez Modifier dans le générateur d’IU.
4. Sélectionnez Corps dans le panneau de contenu.
   
5. Sélectionnez l’onglet Config (Configuration ) dans le panneau de configuration.
   
6. Sélectionnez Modifier dans le champ Propriétés de l’expérience .
   Les propriétés de l’expérience définissent le contenu fourni Playbooks lors de l’exécution. Vous pouvez modifier les exemples de données fournis pour prévisualiser l’interface utilisateur de votre activité. La personnalisation de ces données n’affecte pas ce que l’interface utilisateur de votre activité affiche dans un Playbook en cours d’exécution.
7. Modifiez le JSON de la propriété de l’expérience.
8. Sélectionnez Appliquer.
   
9. Vous pouvez modifier les autres propriétés de l’onglet Configuration pour personnaliser l’interface utilisateur de l’activité.

   Par exemple, vous pouvez modifier le activityState pour prévisualiser une activité à l’état En attente ou Terminé.

10. Sélectionnez Enregistrer.

Résultats

Le affiche Générateur d'IU les modifications que vous avez apportées dans l’onglet Configuration .