Glossário do Construtor de IU

Saiba mais sobre os termos e conceitos exclusivos do Construtor de IU (UIB).

Ações

As ações fazem parte da plataforma ServiceNow®. As ações no Construtor de IU são especificamente atividades em uma página ou em um componente de página. Eventos e manipuladores de eventos são usados para adicionar ações. Por exemplo, adicione um componente de botão a uma página e adicione um manipulador de eventos para aplicar uma ação ao botão, como abrir uma página da Web.

Shell da aplicação

Os shells do app são os elementos estáticos de uma experiência da Web (por exemplo, cabeçalho, rodapé e navegação de menu) que permanecem com o usuário final enquanto ele navega pela experiência. Os shells da aplicação são usados principalmente e compatíveis com as experiências do espaço e do portal.

Vincular

Consulte Vinculação de dados.

Identidade visual

Consulte Tema.

Folhas de estilos em cascata (CSS)

Folhas de estilos em cascata são uma linguagem de folha de estilos padrão da web. No Construtor de IU, o CSS é usado para mudar o estilo visual de um componente ou página em um espaço ou experiência de portal. Por exemplo, adicione uma cor de fundo a uma página ou componente de contêiner.

Consulte também Propriedades personalizadas de CSS.

Client scripts

JavaScript do lado do cliente que interage com componentes e parâmetros de estado do cliente em uma página. Os Client scripts são mapeados para eventos e manipuladores de eventos no Construtor de IU. Por exemplo, em um componente de lista, adicione botões com um client script para alternar entre registros abertos e fechados na lista. Adicione client scripts usando o Editor de código Now, que está integrado ao Construtor de IU.

Parâmetro de estado do cliente

Variáveis de página que são definidas para uma página para armazenar uma parte dos dados (um estado do cliente) somente para essa página. Por exemplo, crie três parâmetros de estado do cliente para armazenar a entrada necessária para criar um registro e especifique quando atualizar a lista. As variáveis de página podem ser atualizadas usando scripts de cliente e eventos para tornar uma página dinâmica.

Componente

Use a biblioteca de componentes do Construtor de IU para criar páginas. Os componentes têm uma interface que um usuário final pode exibir e interagir. Os componentes podem se comunicar por meio de eventos e propriedades. Os componentes usados com frequência incluem Cabeçalho, Imagem, Lista, Formulário e Botão.

Editor de fórmulas de componente

Use para vincular ou alterar fórmulas. Insira texto, vinculações de dados ou fórmulas. O editor oferece suporte a tipos de transformações lógicas, aritméticas, de comparação, de negação e funcionais.

ID do componente

Usado para fazer referência a um componente ao adicionar um script ou dados de vinculação ao componente. Um ID de componente é criado automaticamente (com base no rótulo do componente) quando você adiciona um componente a uma página, mas o ID do componente pode ser editado.

Predefinições de componente

Use o para aplicar valores de configuração predefinidos e mapeamentos de eventos aos componentes. As predefinições aplicam configurações pré-criadas às propriedades do componente e aos manipuladores de eventos. As predefinições estão disponíveis somente para determinados componentes.

Propriedades do componente

Disponível no painel Configuração e usado para configurar um componente. Cada componente tem propriedades exclusivas. As propriedades do componente são especificadas em cada guia no painel Configuração: Configuração, Estilo e Evento. Alguns componentes têm predefinições disponíveis. Use as predefinições de componente para definir as propriedades do componente automaticamente.

Recursos de dados compostos

Combine vários recursos de dados, por exemplo, GraphQL e Transform, em um único recurso de dados reutilizável.

Espaço configurável

Nova maneira de trabalhar que substituiu os formulários e listas do ambiente clássico. Espaços configuráveis foram introduzidos antes da IU do Next Experience, mas abertos em uma guia separada do navegador.

Controladores

Um tipo de recurso de dados que inclui dados e lógica de evento e permite predefinições de componente. Os controladores são adicionados automaticamente ao usar um modelo de página. Existem dois tipos de controladores:

• Os controladores de dados contêm recursos de dados e podem ser adicionados manualmente a uma página
• Os controladores de IU são adicionados às páginas ao usar modelos de página e não podem ser adicionados manualmente. A criação de controladores não é compatível no momento.

CSS

Consulte Folhas de estilos em cascata.

Propriedades personalizadas de CSS

Propriedades de CSS do cliente do Next Experience que podem ser usadas para criar temas.

Vinculação de dados

Processo de associação de dados (de tabelas, registros ou outros elementos na página) a um elemento de IU que exibe informações.

Recursos de dados

Agir como um mediador entre a página e o servidor. Os recursos de dados buscam dados para preencher um componente e atualizam os dados do servidor com base nas interações do usuário. Os tipos de recursos de dados incluem Controlador (controladores de dados e controladores de IU), GraphQL, Transformar, Estado do cliente, Composto e REST.

Visualização de dados

Tabela ou gráfico, por exemplo, Pontuação única ou Gráfico de coluna, para exibir dados. As visualizações de dados podem ser configuradas para exibir dados diferentes, dependendo do visualizador.

Mapeador de ação de exibição de entidade (EVAM)

Aplicação que padroniza como diferentes fontes de dados são exibidas em cartões e listas. O Construtor de IU usa fontes de dados do EVAM para mostrar informações em um componente como uma exibição de grade de cartão ou como uma lista de informações.

Evento

Consulte Evento do Construtor de IU.

Manipulador de eventos

Ação realizada quando um evento é acionado em um componente, página ou recurso de dados.

Mapeamento de eventos

Processo de identificação de um manipulador de eventos a ser executado quando um evento acontece. Adicione um ou vários manipuladores de eventos a um componente, página ou evento de recurso de dados.

Flexbox

Um sistema de layout de página unidimensional no Construtor de IU. Permite que o conteúdo ou os componentes sejam adicionados a uma página por linha (da esquerda para a direita ou da direita para a esquerda) ou por coluna (para cima/para baixo ou para baixo/para cima).

GraphQL

Linguagem de consulta de código aberto para APIs. No Construtor de IU, os recursos de dados GraphQL executam consultas e mutações GraphQL.

iFrame

Elemento HTML que carrega outra página HTML no documento.

Layout

(Versão pré-Vancouver) Controla como os componentes são organizados em um contêiner. Depois de adicionar um componente a um contêiner, o layout pode ser configurado de maneiras mais avançadas, como usando a Grade (o Flexbox é o layout padrão).

(Vancouver e versões posteriores) Elemento que pode ser adicionado a uma página para organizar os componentes.

Macroponent

Estrutura de dados principal que orienta as páginas do Construtor de IU. Os campos contêm JSON que cria a página.

Mapear eventos

Consulte Mapeamento de eventos.

Modal

Uma sobreposição de página que impede o usuário de usar o restante da página até que uma ação seja executada. Por exemplo, se um usuário selecionar um componente de botão que exclui um registro, um modal poderá ser adicionado para solicitar a confirmação da ação.

Notificação

Comunicação (e-mail, serviço de mensagens curtas, notificação ou notificação por push) enviada de uma instância ServiceNow para informar um usuário de que algo aconteceu.

Editor de código do Now

Um editor de rich text compatível com CSS, HTML, JavaScript, XML e JSON. Use o Editor de código do Now para mudar a configuração da IU, a configuração do recurso de dados, estilos, eventos, scripts do lado do cliente e scripts do lado do servidor nos componentes do Next Experience UI Builder.

Página

Consulte a página do Construtor de IU.

Coleção de páginas

Grupo de páginas que podem ser reutilizadas em experiências em guias ou modais.

Popover

Uma sobreposição de página que permite aos usuários continuar usando o restante da página. Os popovers podem ser configurados como páginas do Construtor de IU com texto, componentes, imagens, campos e itens de menu.

Predefinições

Consulte Predefinições de componente.

Repetidor

Componente que atua como um loop básico que repete os dados fornecidos em vários componentes. Os repetidores usam uma matriz ou uma matriz de objetos. Os repetidores vinculam valores a uma propriedade de matriz de dados. Por exemplo, [{"task": "A"},{"task": "B"}], repete o conteúdo dentro dele duas vezes.

Guias

Componente que exibe um menu de guia horizontal ou vertical para navegar entre diferentes conjuntos de dados.

Modelo (página)

Valores predefinidos para preencher uma página do Construtor de IU. Use um modelo para criar páginas mais rapidamente.

Tema

O estilo visual de todas as páginas do Construtor de IU em uma experiência, incluindo cores primárias, cores secundárias, logotipos e fontes.

Transformação

Tipo de recurso de dados que usa um script para transformar dados de entrada em outro formato. Especifique as propriedades no formato JSON.

Construtor de IU

Construtor de interface da web que permite aos desenvolvedores criar novas páginas ou personalizar páginas existentes usando componentes da Estrutura de IU do Next Experience.

Evento do Construtor de IU

Ação que um usuário executa (como selecionar um botão) ou uma ocorrência que acontece em uma página. A maioria dos componentes, páginas e recursos de dados do Construtor de IU tem eventos associados por padrão. Use manipuladores de eventos com os eventos para adicionar ações adicionais às páginas.

Página do Construtor de IU

Coleção de layouts de coluna, colunas e componentes. Crie ou personalize várias páginas do Construtor de IU para experiências de espaço e portal.

Variante

Versão de uma página do Construtor de IU com acesso controlado por função ou condição. Crie variantes de páginas para direcionar experiências para diferentes públicos. Por exemplo, crie uma página inicial para agentes e uma variante para gerentes no mesmo URL. Como alternativa, crie uma variante de página que os usuários vejam em condições diferentes.

Janela de visualização

Componente especializado que permite estender sua experiência sem precisar possuir a página primária no Construtor de IU. Você pode trabalhar com janelas de exibição de três maneiras: adicione um componente de janela de exibição a uma página, adicione uma guia habilitada para janela de exibição a uma página ou adicione uma janela de exibição ao componente da barra lateral contextual.

Espaço

Experiência direcionada para um tipo de usuário da aplicação. Inclui componentes que permitem que um usuário interaja com a aplicação.