Mapeamento de processos com draw.io

Configurações iniciais

Mapeamento de processos com draw.io

Ao acessar o site do draw.io, a primeira pergunta realizada pela ferramenta é “onde você vai desejar salvarseus diagramas?”.

As 3 opções disponíveis são, da esquerda para direita: Google Drive, Dropbox ou no próprio dispositivo(computador, tablet, etc).

Configurações iniciais

Marcando esta opção, o draw.io salva o dispositivo indicado para ser

automaticamente utilizado nos próximos acessos à ferramenta.

Mapeamento de processos com draw.io

Basta então selecionar o local onde seus arquivos serão salvos. Recomenda-se utilizar o próprio dispositivocomo local para guarda dos arquivos.

Configurações iniciais

Mapeamento de processos com draw.io

A seguir, deve se escolher entre as opções “criar um novo diagrama” ou “abrir um diagrama existente.

Configurações iniciais

Mapeamento de processos com draw.ioConfigurações iniciais

Ao selecionar a opção “criar um novo diagrama”, aferramenta oferece, além do diagrama em branco,uma série de outros modelos de diagramas. Paraselecionar o diagrama em branco, basta selecionar aopção indicada.

Para abrir um diagrama existente – no caso de odispositivo ter sido indicado como opção de trabalho– o draw.io abre a seguinte janela, para localizar oarquivo indicado pelo usuário. Basta

Mapeamento de processos com draw.io

Escolhendo as opções “criar novo diagrama” e “diagrama em branco”, o usuário será conduzido até estatela:

Configurações iniciais

Área de trabalho

Barras de ferramentas

Visualização da área de trabalho

Ícones

Mapeamento de processos com draw.io

Uma das primeiras configurações recomendadas para se realizar no novo arquivo de trabalho é aconfiguração da página.

Na barra de ferramentas, em “Arquivo > Configuração da Página” é possível escolher a o tamanho da áreade trabalho (A4, A3, Letter, etc.) e a orientação do documento, se paisagem ou retrato.

Configurações iniciais

Configuração da página

Mapeamento de processos com draw.io

Outra configuração que pode facilitar o trabalho é a de limitar opções de figuras disponíveis para desenho.Para nosso caso, de mapeamento de processos, bastam estarem selecionadas as opções “Geral” e “BPMN”.

Configurações iniciais

Mais formas

Nota: BPMN siginifica Business Process Modeling Notation, que é uma das

metologias de mapeamento de processos.

Mapeamento de processos

Mapeamento de processosExemplo – pedido de pizza

Mapeamento de processosExemplo – pedido de pizza

Mapeamento de processosPrincipais ícones utilizados

Mapeamento de processosPrincipais ícones utilizados

Atividade

Gateway

Evento

Mapeamento de processosPrincipais ícones utilizados – pools e swimlanes

Pools e swimlanes (piscina e raia de natação, numa tradução literal) representam os envolvidos nomapeamento de processos.

A função da swimlane é especificar um envolvido num processo, mas, ao contrário da pool, sua utilizaçãonão é obrigatória.

Retomando o exemplo da pizzaria, podemosobservar que nele a pool representa toda apizzaria, enquanto a swimlane especifica asáreas dentro da pizzaria, como antendimento,cozinha e entrega.

Mapeamento de processosPrincipais ícones utilizados – atividade

As figuras abaixo, apesar de bem semelhantes, representam conceitos um pouco distintos:

Atividade/tarefa: Representa a ação que pode ser realizada para o cumprimento de um processo.

Sub-processo: Conjunto de tarefas interelacionadas dentro de um processo.

IMPORTANTE

Os nomes das atividades devem

sempre começar por um verbo no infinitivo

Mapeamento de processosPrincipais ícones utilizados – gateway

Os gateways indicam o fluxo, ou “caminho”, que o processo segue. Utilizaremos basicamente doisgateways.

Evento paralelo

Evento exclusivo

Indica a ambiguação ou união de dois eventosparalelos.

Indica uma “questão/pergunta”, da qual oprocesso segue por um fluxo específico.

Mapeamento de processosPrincipais ícones utilizados – evento

Num fluxograma de processos, os eventos representam um “gatilho”, resultado ou conexão entre eventos.

Início Intermediário Fim

Indica o início de umfluxo de processos ouevento.

Indica a interação dofluxo com um processoexterno.

Indica o final de umfluxo de processos.

Mapeamento de processosPrincipais ícones utilizados – outros

Além dos ícones apresentados nas páginas anteriores, alguns outros também podem ser utilizados para omapeamento de processos no draw.io, por exemplo:

Documento Mensagem TempoDocumentos

Todavia, independentemente da utilização dos ícones acima, ou de outros que representem os eventos deum fluxo de processos, recomenda-se sempre que sejam anotados mapeamento de processos os principaiseventos ou condicionantes que interfiram no fluxo. Exemplo:

Salvando o trabalho

Salvando o trabalhoComo salvar o trabalho em diversos formatos

Para salvar o trabalho realizado, basta clicar em arquivo e, em seguida, em “salvar/salvar como” para salvaro arquivo em formato .xml, para uso no próprio draw.io. Outra possibilidade, é acessar a aba arquivo e emseguida “download as “, que disponibiliza uma lista de extensões com as quais é possível salvar o trabalho(ver imagem abaixo).