Desenhador de processos

Visão geral

Ao criar um aplicativo de processo, você será direcionado para o desenhador de processos, compatível com elementos do padrão BPMN 2.0. Será carregado um desenho modelo para te guiar nos primeiros passos:

Novo desenhador de processos

Componentes

O desenhador é composto por 2 partes:

  • A barra de elementos que contém os elementos da especificação BPMN;

  • A área de desenho onde é possível incluir os elementos, conectá-los e criar o desenho;

O rol de elementos que você tem disponível na barra pode variar conforme a versão do produto.

A área de desenho não possui um tamanho fixo pré-definido. Ela pode crescer indefinidamente para cima, para baixo, para a esquerda ou para a direita.

Como adicionar um elemento

Para adicionar um elemento, clique no elemento desejado na barra lateral de elementos e, após, clique na posição do desenho onde deseja criar o elemento.

A única exceção é o elemento do tipo raia, que é criado a partir de uma piscina.

Como renomear elemento

Para renomear um elemento, clique duas vezes sobre o elemento, digite o novo nome e aperte ENTER.

No caso de raias e piscinas, clique duas vezes sobre a área interna próxima a borda esquerda da raia ou piscina, onde o título do elemento é mostrado.

Como selecionar elemento

Para selecionar um elemento, simplesmente clique nele. Um borda pontilhada mostrará que o elemento está selecionado.

No caso de raias e piscinas, clique sobre uma das bordas do elemento.

Como selecionar diversos elementos

Para selecionar diversos elementos de uma vez, aperte e segure a tecla SHIFT e arraste o mouse, criando uma área de seleção que englobe todos os elementos desejados.

Como mover um elemento

Para mover um elemento, selecione o elemento e arraste-o pelo desenho.

Como mover diversos elementos

Para mover diversos elementos de uma só vez, selecione os diversos elementos desejados, clique sobre um deles e arraste o bloco de elementos para a posição desejada.

Como configurar elemento

Para configurar um elemento, selecione o elemento e, nos ícones de opções avançadas, clique no ícone de configuração. A barra de configurações aparecerá do lado esquerdo da tela.

Como conectar elementos

Para conectar dois elementos, selecione o elemento de origem e, nos ícones de opções avançadas, clique no ícone de criar link. Após, clique no elemento de destino.

É possível criar apenas uma conexão de sequência entre os dois mesmos elementos. Veja o desenho abaixo:

Apenas uma conexão de sequência pode ser criada do elemento de origem ao elemento de destino.

É possível criar mais de uma conexão de sequência entre elemento de origem desde que os elementos de destinos sejam distintos. Veja o desenho abaixo:

Vender produto da senquência nos elementos Despachar e Comunicar destinatário

Como dar ou editar título à conexão

Para dar um título ou editar um título existente a uma linha de conexão entre dois elementos, clique duas vezes na linha de conexão, preencha o título e tecle ENTER.

Como excluir conexão

Para excluir uma conexão, selecione-a clicando sobre ela e clique no ícone de exclusão ou aperte DEL no teclado.

Como modificar formato da conexão

Para modificar o formato da linha conexão, clique sobre um ponto da linha e arraste o mouse para a posição desejada. A linha de conexão tomará nova forma.

Como copiar elemento

Para copiar um elemento, selecione o elemento, aperte CTRL + C e, após, CTRL + V. Por fim, clique na posição do desenho onde deseja criar o elemento copiado.

Como comentar elemento

Para adicionar um comentário a um elemento, selecione o elemento e, nos ícones de opções avançadas, clique no ícone de comentários. Adicione seu comentário e aperte ENTER.

Como excluir um elemento

Para excluir um elemento, selecione o elemento e, nos ícones de opções avançadas, clique no ícone de exclusão.

Opcionalmente, selecione o elemento e aperte a tecla DEL.

Como pesquisar elemento

Para pesquisar elementos do processo, tecle CTRL + F e digite o nome do seu elemento. Selecione o elemento dentro das opções que serão mostradas. A tela será movimentada para a área do elemento e o elemento será selecionado.

Como navegar pelo processo

Para navegar pelo desenho, clique sobre uma área em branco do desenho e arraste o mouse para a direita, esquerda, para cima ou para baixo.

Como fazer zoom

Para dar zoom in no processo (aumentar o zoom), tecle CTRL e o sinal de + ("mais"), diversas vezes. Opcionalmente, segure a tecla CTRL e realize o scroll do mouse para cima.

Para dar zoom out no processo (diminuir o zoom), tecle CTRL e o sinal de - ("menos"), diversas vezes. Opcionalmente, segure a tecla CTRL e realize o scroll do mouse para baixo.

Para retornar ao zoom padrão 100%, tecle CTRL + 0.

Como criar ou remover espaços

Essa é uma poderosa ferramenta para facilitar a manutenção de grandes desenhos de processos. Com ela você pode mover diversos elementos de uma só vez para a esquerda, direita, para cima, ou para baixo.

  • Primeiramente, selecione o elemento na barra de elementos.

  • O cursor do mouse será modificado, e duas linhas pontilhadas, uma horizontal e outra vertical, aparecerão junto ao mouse.

  • Clique e segure o botão do mouse na posição que você quer criar ou remover espaços;

  • Arraste ou mouse para cima, para baixo, para a esquerda ou para a direita. Os elementos da tela irão se mover junto com reduzindo o espaço entre eles ou criando espaço entre eles.

Resumo de teclas de atalho

O novo modelador tem muitas teclas de atalho para facilitar sua navegação. Veja algumas:

  • CTRL + F: Pesquisar um elemento;

  • CTRL + C: Copiar;

  • CTRL + V: Colar;

  • CTRL + Z: Desfazer;

  • CTRL + Y: Refazer;

  • CTRL + Scroll do mouse para cima: Aumentar o zoom;

  • CTRL + Scroll do mouse para baixo: Diminuir o zoom;

  • CTRL + 0: Zerar o zoom;

  • Delete (com elemento selecionado): Excluir elemento ou objeto do desenho;

  • SHIFT + Arrastar mouse: Selecionar elementos da área;

Demonstração prática

Confira no vídeo a seguir a demonstração de como utilizar o desenhador de processos.

Atualizado