Ir para o conteúdo

Tela de design

Introdução

O quadro de design é a área central quando você abre um projeto que serve como o espaço de trabalho principal onde você projeta visualmente integrações. Esta página abrange elementos da interface do usuário que estão presentes no quadro de design, bem como conceitos-chave para entender ao trabalhar no quadro de design.

Nota

A quadro de design e paleta de componentes de design tem uma versão beta de uma interface de usuário redesenhada (conforme mostrado nas seções abaixo). A versão beta é acessível em qualquer sistema operacional usando a combinação de teclas Control+Shift+F3. Para fornecer feedback sobre o novo design, entre em contato com seu Gerente de sucesso do cliente (CSM).

Para acessar a quadro de design, primeiro abra um projeto. Em um projeto aberto, a quadro de design é a área central localizada à direita do painel do projeto e à esquerda da paleta de componentes de design, abaixo da barra de ferramentas do projeto:

designer de projeto quadro de design anotada pp

Cabeçalho da tela de design

Esses elementos estão presentes na parte superior da quadro de design:

cabeçalho

  • Guias de Workflow: Os Workflows são acessados a partir de guias na parte superior da quadro de design. Workflows adicionais podem ser criados clicando em novo ícone de workflow. O novo workflow de trabalho abre em uma nova aba dentro da quadro de design. Os Workflows são numerados sequencialmente na ordem em que são criados, como 1.0, 2.0, 3.0, etc. Se você reordenar os workflows, essa sequência numérica se ajusta adequadamente (veja Reordenar workflows em Criação e design de Workflow).

  • Status de salvamento: O status de salvamento automático é exibido no canto superior esquerdo da quadro de design. Esses status estão disponíveis:

    • Salvo: Todos os itens do projeto são salvos conforme configurados atualmente.
    • Salvando: O projeto está sendo salvo no momento. Este status ocorre somente após alterações terem sido feitas.
  • Última Implantação: A data e a hora em que qualquer parte do projeto foi implantada pela última vez são exibidas. Se nenhuma parte do projeto tiver sido implantada ainda, nada será exibido aqui.

  • Recolher todas as operações ou Expandir todas as operações: Alterna a exibição de todas as operações no workflow atual para uma visualização condensada ou expandida (consulte Expandir ou recolher operações em Criação e configuração da operação).

  • Destacar itens inválidos: Alterna a exibição de itens inválidos (consulte Validade do Workflow, Validade da operação, ou Validade do componente, respectivamente).

  • Ações: Clique no ícone do menu de ações para abrir o menu de ações da quadro de design (consulte menu de ações da tela de design mais adiante nesta página).

Elementos de tela de design

A função principal do quadro de design é ter um espaço de trabalho onde você projeta visualmente workflows. Cada workflow é composto de uma coleção de operações que é usada como uma ferramenta para sua conveniência para ajudar a segregar diferentes partes do projeto.

Os Workflows são projetados colocando e configurando operações na quadro de design. Os elementos da tela de design são os itens que aparecem visualmente na quadro de design para ajudar você a projetar um workflow, incluindo estes:

  • Zonas de queda para operações e para outros componentes usados como etapas de operação
  • Operações e os componentes utilizados como etapas de operação dentro deles
  • Notificações que são vinculados a partir de operações
  • Referências de operação que estão fora do workflow atual e vinculados a uma operação no workflow atual
  • Linhas que conectam operações vinculadas, scripts e notificações

Cada um desses elementos do quadro de design é abordado abaixo. Para obter informações adicionais sobre como projetar workflows, consulte Criação e design de Workflow.

Zonas de queda

Uma área de inserção é uma representação visual de onde uma operação ou outro componente pode ser colocado na quadro de design. Existem dois tipos de drop zones, drop zones de operação e drop zones de componente:

  • Área de inserção de operações: As zonas de lançamento de operação indicam onde uma operação pode ser colocada. Uma área de inserção de operações é exibida permanentemente na parte inferior da quadro de design após a última operação. Para mostrar zonas de lançamento de operação adicionais, passe o mouse sobre as operações existentes. Quando você clica para selecionar uma área de inserção de operações, ela é exibida com uma borda roxa delineando a área de inserção e é selecionada até que você altere o foco:

    operação de área de inserção

  • Área de inserção de componentes: Zonas de soltar componente indicam onde outros componentes que podem ser usados como etapas de operação podem ser colocados em uma operação existente. Para mostrar uma área de inserção de componentes, passe o mouse para a esquerda ou direita de uma etapa de operação em uma operação existente na quadro de design. Quando você clica para selecionar uma área de inserção de componentes, ela é exibida com uma borda roxa delineando a área de inserção e é selecionada até que você altere o foco:

    componente da área de inserção

Um menu de ações está disponível em cada área de inserção. Ambas as zonas de lançamento de operação e as zonas de lançamento para outros componentes mostram os mesmos itens de menu, conforme descrito em menu de ações da zona de lançamento mais adiante nesta página.

Operações

As operações são representadas visualmente na quadro de design por uma área retangular dinâmica com um fundo cinza.

Uma operação consiste nestes elementos:

elementos de operação

Nome da operação

A seção superior esquerda de uma operação consiste no nome fornecido pelo usuário da operação. Quando você cria uma nova operação, seu nome padrão é Nova Operação. Novas operações subsequentes com nomes padrão são anexadas com um número incrementado entre parênteses. Os nomes das operações devem ser exclusivos e não devem conter barras (/) ou dois pontos (:) para ser válido. Para renomear uma operação, consulte Renomeando workflows, operações e etapas de operação mais adiante nesta página.

Barra de ação de operação

A barra de ação da operação aparece no canto superior direito de uma operação ao passar o mouse sobre operação e consiste neste conjunto de ícones:

barra de ação da operação

Ícone Descrição

Recolhe a operação em uma visualização menor e condensada (consulte Expandindo ou recolhendo operações em Criação e configuração da operação).

Este ícone é exibido somente quando a operação é expandida.

Expande a operação para a visualização padrão (consulte Expandindo ou recolhendo operações em Criação e configuração da operação).

Este ícone é exibido somente quando a operação é recolhida.

Implementa a operação e suas dependências (veja Implementando em Implantação e execução da operação).

Implanta e executa a operação e quaisquer operações abaixo (vinculadas) (consulte Implantação e execução da operação).
Executa uma operação já implantada e quaisquer operações abaixo (vinculadas) (consulte Implantação e execução da operação).

Abre as configurações de operação na aba Opções, onde você pode configurar a configuração Ativar registro de depuração até (consulte Opções de operação).

  • Um ícone sólido indica que o registro de depurar da operação está atualmente habilitado no nível da operação.
  • Um ícone delineado indica que o registro de depurar da operação está desabilitado no nível da operação.

Coloca uma cópia do componente na sua área de transferência e exclui o componente original do projeto (veja Reutilização de componentes).
Coloca uma cópia do componente na sua área de transferência (veja Reutilização de componentes).
Abre o menu de ações da operação, descrito mais adiante nesta página.

Etapas da operação

Cada operação que já foi configurada com etapas de operação inclui uma representação visual dessas etapas. Cada etapa é representada por um quadrado mostrando um ícone representando o componente, abaixo do qual está o nome do componente:

etapa de operação

  • Barra de ações: Cada etapa de operação tem uma barra de ações que pode ser acessada ao passar o mouse sobre a etapa de operação. Cada item de menu é descrito em Barra de ações do componente mais adiante nesta página.

  • Ícone de plugin: Atividades que foram configuradas com um plugin que é executado na execução da operação exibem um ícone do plugin no canto superior direito da etapa de operação. Para obter mais informações, consulte Plugins adicionados a uma atividade.

  • Ícone do ouvinte: As atividades do ouvinte são mostradas com um ícone que indica o status do ouvinte. Para obter mais informações, consulte o Serviço de escuta página.

    • Um azul ícone de ouvinte indica que a escuta está habilitada para esta atividade.

    • Um cinza o ícone do ouvinte indica que a escuta não está habilitada para esta atividade.

  • Eventos habilitados / eventos desabilitados: Após uma operação que contém uma atividade de listener ser implantada, uma alternância aparece. A alternância pode ser usada para habilitar ou desabilitar a escuta de eventos para essa operação. Para obter mais informações, consulte o Serviço de escuta página.

Status de tempo de execução

Sob certas circunstâncias, a seção inferior de uma operação tem o status de tempo de execução da operação e a opção de cancelar a operação:

status da operação

  • Status da operação: Após uma operação ter sido enviada com sucesso para a fila de operação, o status da operação em tempo real é relatado na parte inferior da operação. Para obter detalhes, consulte Status da operação em Implantação e execução da operação.

  • Cancelar: Visível somente quando o status da operação for Enviado, Recebido, Pendente ou Em execução. Clique para enviar uma solicitação ao agente para cancelar a operação. Clicar em Cancelar envia uma solicitação ao agente para interromper a operação e um status Cancelamento solicitado é exibido ao lado do status da operação em tempo real:

    cancelar operação

    Nota

    Operações que têm um status Cancelamento Solicitado ainda podem ser executadas.

Status de implantação

O status de implantar de cada operação é exibido na seção inferior de cada operação:

Selecione operações e etapas da operação

Para selecionar uma operação, clique no plano de fundo da operação. Uma operação selecionada é exibida com uma borda roxa delineando a operação. Neste exemplo, toda a operação Get NetSuite Approved Orders foi selecionada:

operação selecionada

Para selecionar uma etapa de operação, clique na representação visual da etapa. Uma etapa de operação selecionada é exibida com uma borda roxa delineando o componente. Neste exemplo, a transformação Map NS Sales Orders é selecionada:

etapa de operação selecionada

Notificações

Uma representação visual de uma notificação aparece automaticamente na quadro de design quando você vincula uma notificação por email usando a ação de operação Enviar notificação por e-Email. Informações adicionais sobre a exibição visual dos links são fornecidas abaixo em Linhas.

A notificação por email é exibida com um fundo cinza. Dentro da área de fundo, a notificação por email é representada por um retângulo mostrando um ícone, abaixo do qual está o nome da notificação por email. Para selecionar uma notificação por email, clique na representação visual dela. Uma notificação por email selecionada é exibida com uma borda roxa delineando o componente:

notificação selecionada

Para ações de menu disponíveis em uma notificação por email, consulte menu de ações do componente mais adiante nesta página.

Referências de operação

Operações que existem fora do workflow atual podem ser referenciadas de uma operação no workflow atual. Quando tal operação é vinculada, uma representação visual da operação externa aparece automaticamente na quadro de design no workflow atual. Informações adicionais sobre a exibição visual de links são fornecidas abaixo em Linhas.

A referência da operação é exibida com um fundo cinza e contém ícones de forma que servem como uma representação geral das etapas da operação.

Uma operação que não existe em outro workflow é exibida apenas com o nome da operação:

referência de operação

Uma operação que existe em outro workflow é exibida com o nome do workflow, seguido pelo nome da operação. Clique nas palavras para abrir o workflow no qual a operação existe:

workflow de referência de operação

Linhas

Linhas que conectam operações vinculadas, scripts e notificações aparecem automaticamente na quadro de design. Operações vinculadas podem ser configuradas usando ações de operação ou usando o RunOperation função.

Em condição de sucesso

Uma linha verde é exibida para uma condição Em Sucesso e aparece à esquerda de operações ou emails vinculados:

cadeia de operação

Em condição de falha

Uma linha vermelha é exibida para uma condição On Fail e aparece à direita de operações ou emails vinculados:

email em cadeia de operação

Em condição de falha SOAP

Uma linha laranja é exibida para uma condição On SOAP Fault e aparece à direita de operações ou emails vinculados:

falha SOAP na cadeia de operação

RunOperation função

Uma linha cinza é exibida para uma operação chamada de um script usando o RunOperation função e inicia na etapa de operação usando a função. Uma linha cinza aparece à esquerda das operações ou emails vinculados:

cadeia de operação runoperation

Um um círculo aberto é exibido em uma operação recolhida para indicar visualmente que o script que chama a operação vinculada se origina de um componente recolhido:

cadeia de operação runoperation

Menus de ações

Os menus de ações acessíveis na quadro de design incluem aqueles para a quadro de design, componentes e áreas de lançamento.

Menu de ações da tela de design

Clique no ícone do menu de ações no canto superior direito da quadro de design para abrir um menu com estas ações:

Item de menu
Descrição
desfazer Desfazer reverte sua última ação (veja Desfazer e refazer em Integration Studio permissões, colaboração e salvamento).
refazer Refazer reverte sua última ação Desfazer (veja Desfazer e refazer em Integration Studio permissões, colaboração e salvamento).

menu de implantar

implantar menu implantar implantar configurável

Implementar mostra estas ações de menu:

  • Implementar: Implementa todas as operações usadas pelos workflows de um projeto (consulte Implementação do projeto).
  • Implantação configurável: Abre a tela de implantação do projeto, onde você pode selecionar workflows e operações para implantar (consulte Implantação do projeto).

migrar Migrar abre a tela de migração do projeto, onde você pode escolher o ambiente de destino (consulte Migração do projeto).
histórico do projeto Histórico do projeto abre um painel no lado direito do designer do projeto, onde você pode visualizar eventos do histórico do projeto, marcar eventos e restaurar projetos (consulte Histórico do projeto).

Ações dos componentes

Para abrir o menu de ações de uma operação, siga um destes procedimentos:

  • Clique com o botão direito em qualquer lugar na barra de ação da operação.
  • Clique no ícone do menu de ações no canto superior direito de uma operação.

Passe o mouse sobre uma etapa de operação (atividades, transformações ou scripts) e notificações por email para visualizar sua barra de ações.

Algumas ações estão disponíveis apenas em certos tipos de componentes, conforme detalhado nas subseções abaixo:

  • Operações: O menu de ações para operações (mostrado na imagem à esquerda) tem itens exclusivos, como Configurações, Duplicar, Executar, Exibir logs, Renomear, Exibir dependências, Adicionar ao grupo e Excluir, e submenus exclusivos para Implementar. Ele também inclui ações comuns, como Recortar, Copiar e Remover.
  • Atividades, scripts, transformações e notificações por email: A barra de ações desses componentes compartilha as mesmas ações, incluindo Exibir/Editar, Recortar, Copiar e Remover (mostradas na barra de ações de uma atividade na imagem à direita).

Menu de ações de operação

menu de ações de operação

Barra de ação de atividade

barra de ações da etapa de operação

Operações

Esses itens estão disponíveis no menu de ações de uma operação:

Item de menu
Descrição
configurações

Configurações abre as configurações da operação, contendo três guias:

  • Programações: Crie e aplique programações para executar operações automaticamente (consulte Programações de operação).
  • Ações: Configure ações a serem tomadas em caso de sucesso ou falha da operação (consulte Ações da operação).
  • Opções: Defina opções como quando a operação expirará, o que registrar e o período de registro, quando a operação será executada ou se deve usar o fragmentação de dados (consulte Opções de operação).

publicar como uma api Publicar como uma API abre uma caixa de diálogo para configurar e publicar um API Manager API personalizada para ser usado para expor a operação para consumo (consulte Publicar como uma API). O número de APIs às quais a operação é atribuída é exibido próximo a este item de menu. Esta ação é visível somente quando a operação não tem alterações não implantadas.

menu duplicado

menu duplicado com referências de etapas com cópias de etapas

Duplicar mostra essas ações de menu (veja Reutilização de operação):

  • Com referências de etapas: Duplica apenas a operação. A operação duplicada contém referências a cada uma das etapas da operação original.
  • Com cópias de etapas: Duplica a operação e os componentes referenciados como etapas da operação. Novos componentes são criados para cada etapa de operação e são referenciados pela operação duplicada.

menu de implantar

implantar menu implantar e executar implantar configurável

Implementar mostra estas ações de menu:

correr Executar executa uma operação já implantada e quaisquer operações abaixo (vinculadas) (consulte Implantação e execução da operação).
ver registros Exibir logs abre a tela de log de operação, que inclui logs para esta operação e quaisquer operações filhas que foram implantadas e executadas (consulte Logs de operação).
renomear Renomear posiciona o cursor no nome da operação para que você faça as edições necessárias.
ver dependências Exibir dependências altera a exibição no painel do projeto para exibir quaisquer outras partes do projeto das quais a operação específica depende (consulte Dependências, exclusão e remoção de operações).
adicionar ao grupo Adicionar ao grupo abre uma caixa de diálogo para criar um novo grupo personalizado ou adicionar o componente a um grupo existente (consulte Grupos de componentes).
apagar Excluir exclui permanentemente o componente (consulte Dependências de operação, exclusão e remoção).
remover Remover remove a operação da quadro de design. Quaisquer outras referências à operação, como em scripts, transformações ou definições de configuração, não são afetadas (consulte Dependências de operação, exclusão e remoção).

Atividades, scripts, transformações e notificações por email

A barra de ações para esses componentes compartilham as mesmas ações:

Ícone Descrição
Editar abre a tela de configuração do componente. Para detalhes sobre a configuração, consulte o respectivo componente em Conectores, Scripts, ou Transformações.TABLEROWEND
Cortar coloca uma cópia do componente na sua área de transferência e exclui o componente original do projeto (veja Reutilização de componentes).
Copiar coloca uma cópia do componente na sua área de transferência (veja Reutilização de componentes).
Remover remove o componente como uma etapa de operação da operação. Quaisquer outras referências ao componente, como dentro de scripts, transformações ou definições de configuração, não são afetadas (consulte Dependências, exclusão e remoção de componentes).TABLEROWEND

Menu de ações da zona de lançamento

As zonas de soltar operações estão sempre visíveis na quadro de design. Para mostrar a área de inserção para um componente que pode ser usado como uma etapa de operação, passe o mouse para a esquerda ou direita de uma etapa de operação em uma operação existente na quadro de design.

Para abrir o menu de ações para qualquer tipo de área de inserção, siga um destes procedimentos:

  • Clique com o botão direito do mouse na área de inserção.
  • Passe o mouse sobre a área de inserção e clique em ícone do menu de ações.

Tanto as zonas de lançamento de operação quanto as zonas de lançamento de outros componentes mostram os mesmos itens de menu:

Menu de ações da Área de inserção de operações

menu de ações de operação da área de inserção

Menu de ações da Área de inserção de componentes

menu de ações do componente da área de inserção

Item de menu
Descrição
novo script Novo Script cria um novo script como uma etapa em uma operação nova ou existente (consulte Tipos de Script e criação). Quando usado em uma área de inserção de operações, uma nova operação também é criada.
nova transformação Nova Transformação cria uma nova transformação como uma etapa em uma operação nova ou existente (consulte Criação e configuração de Transformação). Quando usado em uma área de inserção de operações, uma nova operação também é criada.
colar

Colar cria uma duplicata de uma atividade, script, operação ou notificação por email que está na sua área de transferência como um novo componente referenciado por uma operação nova ou existente (consulte Reutilização de componentes). Quando usado em uma área de inserção de operações, uma nova operação também é criada.

O nome padrão do novo componente usa o nome do componente original anexado com - Copy. Duplicatas subsequentes são anexadas com um número incrementado entre parênteses.

Renomear workflows, operações e etapas de operação

Para renomear um workflow na quadro de design, clique duas vezes no nome na aba do workflow na parte superior da quadro de design:

renomear aba de workflow

Para renomear uma operação na quadro de design, clique no nome da operação:

operação renomear

Para renomear etapas dentro de uma operação na quadro de design, clique no nome na operação:

etapa de operação renomear

Operações de reordenação

As operações no mesmo workflow podem ser reordenadas arrastando-as e soltando-as na quadro de design.

Clique e segure em qualquer lugar de uma operação para pegá-la e arrastá-la acima ou abaixo de outras operações dentro do workflow:

operação de movimento

Esta ação tem um efeito cascata de renumeração das operações acima ou abaixo dela na árvore do projeto.