Glossaire UI Builder

Découvrez les termes et concepts propres à UI Builder (UIB).

Actions

Les actions font partie de la ServiceNow® plateforme. Les actions dans UI Builder sont spécifiquement une activité sur une page ou dans un composant de page. Les événements et les gestionnaires d’événements sont utilisés pour ajouter des actions. Par exemple, ajoutez un composant de bouton à une page, puis ajoutez un gestionnaire d’événements pour appliquer une action au bouton, telle que l’ouverture d’une page Web.

Interpréteur de commandes d'application

Les interpréteurs de commandes d’application sont les éléments statiques d’une expérience Web (par exemple, l’en-tête, le pied de page et la navigation dans le menu) qui restent avec l’utilisateur final tout au long de l’expérience. Les interpréteurs de commandes d’application sont principalement utilisés et pris en charge dans les expériences Workspace et Portal.

Lier

Reportez-vous à la section Liaison de données.

Marques

Voir Thème.

Feuilles de style en cascade (CSS)

Les feuilles de style en cascade sont un langage de feuille de style standard du Web. Dans UI Builder, CSS est utilisé pour modifier le style visuel d’un composant ou d’une page dans une expérience d’espace de travail ou de portail. Par exemple, ajoutez une couleur d’arrière-plan à un composant de page ou de conteneur.

Voir aussi Propriétés personnalisées CSS.

Script client

JavaScript côté client qui interagit avec les composants et les paramètres d’état du client sur une page. Les scripts clients sont mappés aux événements et aux gestionnaires d’événements dans UI Builder. Par exemple, dans un composant de liste, ajoutez des boutons avec un script client pour basculer entre les enregistrements ouverts et fermés dans la liste. Ajoutez des scripts clients à l’aide de l’éditeur de code Now, qui est intégré à UI Builder.

Paramètre de l'état du client

Variables de page définies pour qu’une page stocke un élément de données (état du client) uniquement pour cette page. Par exemple, créez trois paramètres d’état de client pour stocker l’entrée nécessaire à la création d’un enregistrement et spécifiez quand actualiser la liste. Les variables de page peuvent être mises à jour à l’aide de scripts et d’événements clients pour rendre une page dynamique.

Composant

Utilisez la bibliothèque de composants UI Builder pour créer des pages. Les composants ont une interface qu’un utilisateur final peut afficher et avec laquelle il peut interagir. Les composants peuvent communiquer entre eux par le biais d’événements et de propriétés. Les composants couramment utilisés sont l’en-tête, l’image, la liste, le formulaire et le bouton.

Éditeur de formule de composant

Permet de lier ou de modifier des formules. Entrez du texte, des liaisons de données ou des formules. L’éditeur prend en charge les types de transformation logique, arithmétique, de comparaison, de négation et fonctionnelle.

ID de composant

Utilisé pour référencer un composant lors de l’ajout d’un script ou de la liaison de données au composant. Un ID de composant est automatiquement créé (en fonction de l’étiquette du composant) lorsque vous ajoutez un composant à une page, mais l’ID du composant peut être modifié.

Composants prédéfinis

Utilisez cette application pour appliquer des valeurs de configuration prédéfinies et des mappages d’événements aux composants. Les paramètres prédéfinis appliquent des configurations prédéfinies aux propriétés des composants et aux gestionnaires d’événements. Les préréglages ne sont disponibles que pour certains composants.

Propriétés des composants

Disponible dans le panneau de configuration et utilisé pour configurer un composant. Chaque composant possède des propriétés uniques. Les propriétés du composant sont spécifiées dans chaque onglet du panneau de configuration : configuration, style et événement. Certains composants ont des préréglages disponibles. Utilisez les paramètres prédéfinis du composant pour définir automatiquement les propriétés du composant.

Ressources de données composites

Combinez plusieurs ressources de données, par exemple un GraphQL et une transformation, en une ressource de données unique réutilisable.

Espace de travail configurable

Nouvelle façon de travailler qui a remplacé les formulaires et les listes d’environnement classiques. Les espaces de travail configurables ont été introduits avant l’interface utilisateur Next Experience, mais ouverts dans un onglet de navigateur distinct.

Contrôleurs

Un type de ressource de données qui inclut la logique de données et d’événements et active les composants prédéfinis. Les contrôleurs sont ajoutés automatiquement lors de l’utilisation d’un modèle de page. Il existe deux types de contrôleurs :

• Les contrôleurs de données contiennent des ressources de données et peuvent être ajoutés manuellement à une page
• Les contrôleurs d’interface utilisateur sont ajoutés aux pages lors de l’utilisation de modèles de page et ne peuvent pas être ajoutés manuellement. La création de contrôleurs n’est actuellement pas prise en charge.

CSS

Voir Feuilles de style en cascade.

Propriétés personnalisées CSS

Propriétés CSS du client Next Experience qui peuvent être utilisées pour la thématisation.

Liaison de données

Processus d’association de données (provenant de tables, d’enregistrements ou d’autres éléments de la page) à un élément d’interface utilisateur qui affiche des informations.

Ressources de données

Agir en tant que médiateur entre la page et le serveur. Les ressources de données récupèrent les données pour remplir un composant et mettent à jour les données du serveur en fonction des interactions de l’utilisateur. Les types de ressources de données incluent le contrôleur (contrôleurs de données et contrôleurs d’interface utilisateur), GraphQL, la transformation, l’état du client, le composite et le REST.

Visualisation des données

Graphique ou diagramme, par exemple, score unique ou histogramme, pour afficher les données. Les visualisations de données peuvent être configurées pour afficher différentes données en fonction de la visionneuse.

Mappeur d'actions de vue d'entité (EVAM)

Application qui normalise la façon dont les différentes sources de données sont affichées dans les cartes et les listes. UI Builder utilise des sources de données EVAM pour afficher des informations dans un composant sous forme de vue de grille de carte ou de liste d’informations.

Événement

Reportez-vous à la section Événement UI Builder.

Gestionnaire d'événements

Action effectuée lorsqu’un événement est déclenché sur un composant, une page ou une ressource de données.

Mappage d'événement

Processus d’identification d’un gestionnaire d’événements à exécuter lorsqu’un événement se produit. Ajoutez un ou plusieurs gestionnaires d’événements à un composant, une page ou un événement de ressource de données.

Flexbox

Système de mise en page unidimensionnelle dans UI Builder. Permet d’ajouter du contenu ou des composants à une page par ligne (de gauche à droite ou de droite à gauche) ou par colonne (haut/bas ou bas/haut).

GraphQL

Langage de requête open source pour les API. Dans UI Builder, les ressources de données GraphQL exécutent des requêtes et des mutations GraphQL.

iFrame

Élément HTML qui charge une autre page HTML dans le document.

Mise en page

(Version antérieure à Vancouver) Contrôle la façon dont les composants sont organisés dans un conteneur. Après avoir ajouté un composant à un conteneur, la mise en page peut être configurée de manière plus avancée, par exemple à l’aide de la grille (Flexbox est la mise en page par défaut).

(Vancouver et versions ultérieures) Élément qui peut être ajouté à une page pour organiser les composants.

Macroponent

Structure de données de base qui dirige les pages du générateur d’IU. Les champs contiennent le fichier JSON qui génère la page.

Événements de carte

Reportez-vous à la section Mappage d’événements.

Modal

Superposition de page qui empêche l’utilisateur d’utiliser le reste de la page jusqu’à ce qu’une action soit effectuée. Par exemple, si un utilisateur sélectionne un composant de bouton qui supprime un enregistrement, un modal peut être ajouté pour demander la confirmation de l’action.

Notification

Communication (e-mail, service de messages courts, notification ou notification push) envoyée à partir d’une ServiceNow instance pour informer un utilisateur qu’un événement s’est produit.

Éditeur de code Now

Éditeur de texte enrichi qui prend en charge CSS, HTML, JavaScript, XML et JSON. Utilisez l’éditeur de code Now pour modifier la configuration de l’interface utilisateur, la configuration des ressources de données, les styles, les événements, les scripts côté client et les scripts côté serveur dans les composants Next Experience UI Builder.

Page

Consultez la page UI Builder.

Collection de pages

Groupe de pages qui peuvent être réutilisées dans des expériences dans des onglets ou des modaux.

Popover

Une superposition de page qui permet aux utilisateurs de continuer à utiliser le reste de la page. Les popovers peuvent être configurés comme les pages UI Builder avec du texte, des composants, des images, des champs et des éléments de menu.

Paramètres prédéfinis

Reportez-vous à la section Paramètres prédéfinis des composants.

Répéteur

Composant qui agit comme une boucle de base qui répète les données que vous fournissez dans plusieurs composants. Les répéteurs utilisent un tableau ou un tableau d’objets. Les répéteurs lient les valeurs à une propriété de tableau de données. Par exemple, [{"task » : « A"},{"task » : « B"}], répète le contenu qu’il contient deux fois.

Onglets

Composant qui affiche un menu d’onglets horizontal ou vertical pour naviguer entre différents ensembles de données.

Modèle (page)

Valeurs prédéfinies pour remplir une page UI Builder. Utilisez un modèle pour créer des pages plus rapidement.

Thème

Le style visuel de toutes les pages UI Builder d’une expérience, y compris les couleurs principales, les couleurs secondaires, les logos et les polices.

Transformer

Type de ressource de données qui utilise un script pour transformer les données d’entrée dans un autre format. Spécifiez les propriétés au format JSON.

Générateur d'IU

Générateur d’interface Web qui permet aux développeurs de créer de nouvelles pages ou de personnaliser des pages existantes à l’aide des composants Next Experience UI Framework.

Événement UI Builder

Action effectuée par un utilisateur (par exemple, sélectionner un bouton) ou occurrence qui se produit sur une page. La plupart des composants, pages et ressources de données d’UI Builder ont des événements associés par défaut. Utilisez des gestionnaires d’événements avec les événements pour ajouter des actions supplémentaires aux pages.

Page UI Builder

Collection de mises en page de colonnes, de colonnes et de composants. Créez ou personnalisez plusieurs pages UI Builder pour les expériences d’espaces de travail et de portails.

Variante

Version d’une page UI Builder dont l’accès est contrôlé par un rôle ou une condition. Créez des variantes de pages pour cibler les expériences destinées à différentes audiences. Par exemple, créez une page d’accueil pour les agents et une variante pour les gestionnaires sur la même URL. Vous pouvez également créer une variante de page que les utilisateurs voient dans des conditions différentes.

Fenêtre d'affichage

Composant spécialisé qui vous permet d’étendre votre expérience sans avoir besoin de posséder la page parente dans le générateur d’IU. Vous pouvez utiliser les fenêtres de trois façons : ajouter un composant de fenêtre à une page, ajouter un onglet compatible fenêtre à une page ou ajouter une fenêtre au composant de barre latérale contextuelle.

Espace de travail

Expérience ciblée pour un type d’utilisateur de l’application. Inclut les composants qui permettent à un utilisateur d’interagir avec l’application.