treinamento processos draw io
TRANSCRIPT
![Page 1: Treinamento processos draw io](https://reader034.vdocuments.mx/reader034/viewer/2022050701/55c1d2fcbb61eb77788b45f4/html5/thumbnails/1.jpg)
Mapeamento de processos com draw.io
![Page 2: Treinamento processos draw io](https://reader034.vdocuments.mx/reader034/viewer/2022050701/55c1d2fcbb61eb77788b45f4/html5/thumbnails/2.jpg)
Configurações iniciais
![Page 3: Treinamento processos draw io](https://reader034.vdocuments.mx/reader034/viewer/2022050701/55c1d2fcbb61eb77788b45f4/html5/thumbnails/3.jpg)
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.
![Page 4: Treinamento processos draw io](https://reader034.vdocuments.mx/reader034/viewer/2022050701/55c1d2fcbb61eb77788b45f4/html5/thumbnails/4.jpg)
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
![Page 5: Treinamento processos draw io](https://reader034.vdocuments.mx/reader034/viewer/2022050701/55c1d2fcbb61eb77788b45f4/html5/thumbnails/5.jpg)
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
![Page 6: Treinamento processos draw io](https://reader034.vdocuments.mx/reader034/viewer/2022050701/55c1d2fcbb61eb77788b45f4/html5/thumbnails/6.jpg)
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
![Page 7: Treinamento processos draw io](https://reader034.vdocuments.mx/reader034/viewer/2022050701/55c1d2fcbb61eb77788b45f4/html5/thumbnails/7.jpg)
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
![Page 8: Treinamento processos draw io](https://reader034.vdocuments.mx/reader034/viewer/2022050701/55c1d2fcbb61eb77788b45f4/html5/thumbnails/8.jpg)
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
![Page 9: Treinamento processos draw io](https://reader034.vdocuments.mx/reader034/viewer/2022050701/55c1d2fcbb61eb77788b45f4/html5/thumbnails/9.jpg)
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.
![Page 10: Treinamento processos draw io](https://reader034.vdocuments.mx/reader034/viewer/2022050701/55c1d2fcbb61eb77788b45f4/html5/thumbnails/10.jpg)
Mapeamento de processos
![Page 11: Treinamento processos draw io](https://reader034.vdocuments.mx/reader034/viewer/2022050701/55c1d2fcbb61eb77788b45f4/html5/thumbnails/11.jpg)
Mapeamento de processosExemplo – pedido de pizza
![Page 12: Treinamento processos draw io](https://reader034.vdocuments.mx/reader034/viewer/2022050701/55c1d2fcbb61eb77788b45f4/html5/thumbnails/12.jpg)
Mapeamento de processosExemplo – pedido de pizza
![Page 13: Treinamento processos draw io](https://reader034.vdocuments.mx/reader034/viewer/2022050701/55c1d2fcbb61eb77788b45f4/html5/thumbnails/13.jpg)
Mapeamento de processosPrincipais ícones utilizados
![Page 14: Treinamento processos draw io](https://reader034.vdocuments.mx/reader034/viewer/2022050701/55c1d2fcbb61eb77788b45f4/html5/thumbnails/14.jpg)
Mapeamento de processosPrincipais ícones utilizados
Atividade
Gateway
Evento
![Page 15: Treinamento processos draw io](https://reader034.vdocuments.mx/reader034/viewer/2022050701/55c1d2fcbb61eb77788b45f4/html5/thumbnails/15.jpg)
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.
![Page 16: Treinamento processos draw io](https://reader034.vdocuments.mx/reader034/viewer/2022050701/55c1d2fcbb61eb77788b45f4/html5/thumbnails/16.jpg)
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
![Page 17: Treinamento processos draw io](https://reader034.vdocuments.mx/reader034/viewer/2022050701/55c1d2fcbb61eb77788b45f4/html5/thumbnails/17.jpg)
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.
![Page 18: Treinamento processos draw io](https://reader034.vdocuments.mx/reader034/viewer/2022050701/55c1d2fcbb61eb77788b45f4/html5/thumbnails/18.jpg)
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.
![Page 19: Treinamento processos draw io](https://reader034.vdocuments.mx/reader034/viewer/2022050701/55c1d2fcbb61eb77788b45f4/html5/thumbnails/19.jpg)
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:
![Page 20: Treinamento processos draw io](https://reader034.vdocuments.mx/reader034/viewer/2022050701/55c1d2fcbb61eb77788b45f4/html5/thumbnails/20.jpg)
Salvando o trabalho
![Page 21: Treinamento processos draw io](https://reader034.vdocuments.mx/reader034/viewer/2022050701/55c1d2fcbb61eb77788b45f4/html5/thumbnails/21.jpg)
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).
![Page 22: Treinamento processos draw io](https://reader034.vdocuments.mx/reader034/viewer/2022050701/55c1d2fcbb61eb77788b45f4/html5/thumbnails/22.jpg)