Criar um Formulário da Web do Processo do Oracle Integration Enterprise

Você pode usar o editor de formulários web do processo do Oracle Integration Enterprise para criar formulários para suas tarefas manuais e para iniciar eventos de formulário sem precisar usar regras de script. Nos webforms, você pode configurar eventos em controles que podem disparar condições, ações ou chamadas de conector REST quando eles são acionados.

Criar um Aplicativo Simples

Os webforms permitem que as pessoas interajam com um processo de negócios. Por exemplo, um formulário pode iniciar um aplicativo ou ser usado em uma tarefa humana. É possível criar um aplicativo simples para uso em um formulário de aprovação do processo.

1. Vá para a Home page, clique em Process Builder, clique em Criar e, em seguida, clique em Novo Aplicativo.
2. Na caixa de diálogo Criar Aplicativo, informe o nome que você deseja dar ao seu aplicativo de processo e clique em Criar.
3. Na página Criar um Processo, selecione Iniciar com um formulário.
4. Na janela Criar Processo, informe o nome que você deseja dar ao processo e clique em Criar.
5. Adicione uma tarefa Aprovar Humano ao processo e dê a ele um nome, como Aprovar.

Criar um Form Web

Você pode criar um formulário para lidar com fluxos de processo. O formulário também aparece para usuários responsáveis por aprovar ou rejeitar a solicitação.

1. No processo, abra as propriedades do formulário de início. Clique no ícone Iniciar e no menu de ações dele. (Observe como o comando Open Form está esmaecido, pois nenhum formulário está associado ao elemento de fluxo ainda.) Selecione Open Properties.
2. No campo Título, informe o nome que você deseja dar ao formulário.
3. Clique em Criar Novo Formulário pelo campo Formulário e selecione Novo Web Form.
4. Na caixa de diálogo Criar Novo Formulário da Web, informe o nome dado ao formulário no campo Nome e clique em Criar.

   No painel Propriedades, observe como o campo Formulário identifica o novo formulário.

5. Clique no ícone Editar Formulário.

   O editor de webforms é aberto em uma nova guia cujo título é aquele que você informou para o formulário.

   O editor contém uma tela central na qual você constrói o formulário arrastando e soltando controles das paletas para a tela. O painel Propriedades permite selecionar configurações. O painel Dados lista atributos de dados para os controles do formulário.

Adicionar e Configurar Controles

É possível adicionar controles da paleta básica e da paleta avançada a um formulário de aprovação de processo.

1. Adicione e configure campos de nome na tela do formulário em uma linha. Por exemplo, para adicionar o nome e o sobrenome das informações do usuário, arraste um controle de Texto de Entrada da Paleta Básica para a tela. Arraste outro controle de Texto de Entrada ao lado do primeiro controle.

   À medida que você arrasta, uma caixa com uma estrutura pontilhada mostra onde você pode colocar o controle, como próximo, entre ou abaixo de outro controle. Quando você solta, os controles são ajustados em uma grade invisível para espaço. (É possível inserir até 12 controles em uma linha no formulário.)

   Para reposicionar um controle, arraste sua alça pontilhada e solte-a em um novo local. Os controles em torno dele se ajustam adequadamente. Ao editar, clique em Desfazer e Refazer conforme necessário.

2. Selecione o primeiro controle de texto. Observe como as guias Propriedades são Geral e Estilização. As definições de guia se aplicam ao controle selecionado.
3. Na guia Geral, altere o campo Nome para FirstName e o campo Rótulo para Nome.
   O campo Nome se aplica ao próprio controle e o campo Rótulo determina seu nome de exibição.
4. Repita as etapas 2 e 3 para alterar o nome do segundo controle para LastName e seu rótulo para Sobrenome. Usando esse método, você pode adicionar todos os campos necessários no seu formulário.
5. Alterne entre as propriedades do controle e do formulário clicando em uma área em branco da tela do formulário.

   Observe que as guias Propriedades mudam para Formulário e Apresentação e agora se aplicam a todo o formulário, em vez do controle selecionado. Clique em um controle e as guias mudam para Geral e Estilização e se aplicam ao controle.

   Observe também que o painel Dados lista atributos de dados com os mesmos nomes dos controles (mas letras maiúsculas diferentes). Esses atributos foram criados automaticamente à medida que você adicionou cada controle. Isso acontece quando você tem o campo Binding Automático na guia Formulário selecionada. Esses atributos mantêm os dados de carga útil (trabalho) do formulário enquanto o processo está em execução.

6. Clique em Salvar para salvar o formulário.

Adicionar uma View Alternativa para Aprovadores

Você pode adicionar uma exibição alternativa do formulário a ser exibida aos aprovadores dos processos.

1. No painel Propriedades, clique na guia Apresentação. (Se você vir as guias Geral e Estilização, selecione uma área em branco da tela primeiro para exibir a guia Apresentação.)
2. No campo Nome, substitua Principal (o nome padrão) pelo nome que você deseja fornecer ao formulário, por exemplo: Vendedores. Esta é a apresentação padrão que já foi criada.
   Uma apresentação é uma visualização única de um formulário. Um formulário pode conter várias apresentações.
3. Clique na guia Formulário. Observe que a tabela Presentations agora lista nossa apresentação como Funcionários. A estrela indica que é a apresentação padrão.
4. Na tabela Apresentações, clique em Adicionar para adicionar uma apresentação. Na caixa de diálogo Criar Apresentação, informe Aprovadores no campo Nome, selecione Funcionários no campo Baseado em e clique em Criar.
5. Use o campo Apresentação na parte superior da tela para alternar entre as duas apresentações.
6. Se desejar tornar somente leitura os campos de nome na apresentação Aprovadores.
   1. Selecione a apresentação dos Aprovadores.
   2. Selecione o campo Nome. Na guia Geral, role para baixo e selecione Somente Leitura. O campo fica em branco para indicar que seu valor não pode ser alterado.
   3. Altere o campo Sobrenome para somente leitura.

Alterar a Folha de Estilos do Formulário

Para aplicar a marca da sua organização, você pode fazer upload e aplicar uma folha de estilo. Você pode atribuir somente uma folha de estilo a um formulário.

1. Clique em uma área em branco do formulário e, em seguida, clique na guia Formulário no painel Propriedades.
2. Role para baixo, se necessário, e clique em Editar no campo Planilha de Estilos. A página Folhas de Estilo será aberta.
3. Para fazer upload de uma folha de estilo, clique em Fazer Upload e selecione um arquivo de folha de estilo (.css ou .txt). Na área Folhas de Estilo, clique em uma folha de estilo para aplicá-la.
4. Na área Visualizar, clique em CSS para exibir o formato de uma folha de estilo ou Formulário para visualizá-la.
5. Clique no X para fechar o browser CSS e retornar ao formulário.

Visualizar o Formulário

Os formulários que você cria se adaptam automaticamente ao tamanho da tela, quer os usuários finais os exibam em dispositivos móveis, tablets ou telas grandes.

1. No editor de webforms, clique em Visualizar.
2. Na janela Visualizar, selecione diferentes tamanhos de dispositivo para exibir o formulário.
3. Informe valores de amostra nos controles do formulário e clique em Enviar.
   O campo na parte inferior da janela mostra como as entradas do formulário (também chamadas de valores de payload) são armazenadas como atributos de dados e usadas no processo.
4. Clique em Close para fechar a janela Visualizar. Clique em Salvar.

Usar Formulários e Apresentações em um Processo

É possível configurar formulários de aprovação para diferentes processos ou tarefas.

1. Clique na guia Home do Aplicativo e, em seguida, em Formulários. Observe que seu formulário aparece aqui.
   O painel Formulários exibe todos os formulários que foram criados para o aplicativo, independentemente de serem usados ou não. Observe que você pode criar e usar formulários do tipo básico e da Web em um aplicativo.
2. Clique em uma das guias de processos.
3. Selecione a Tarefa Humana criada para aprovadores do processo e clique em seu menu de ação. Observe que o comando Open Form está esmaecido porque nenhum formulário está associado a ele ainda. Selecione Abrir Propriedades. O painel expande para exibir suas propriedades.
4. No campo Formulário, selecione seu formulário de processo padrão.
5. No campo Apresentação, selecione a apresentação Aprovadores a ser exibida para essa tarefa.