Voltar

Tutorial de fluxograma usando o Draw.io

O que são fluxogamas?

fluxogramas são a representação visual em forma de desenho das etapas, decisões e da sequência de um processo, do início ao fim. No nosso caso, é usado para representar qual fluxo um programa deverá seguir ao ser criado.

vamos aprender a fazer um fluxograma como este no draw.io


vá no site draw.io e abra o programa

iremos usar apenas as formas de fluxograma

cada símbolo tem um nome e uma funçao dentro do fluxograma

confira a tabela

Símbolo Nome Função Portugol
Start Simboliza o inicio de um fluxo, no nosso caso um programa.
Manual Input Representa uma etapa ou operação que deve ser executada manualmente por um operador ou usuário, e não de forma automatizada.
Proccess Indica uma etapa de processamento, ação, operação ou transformação de dados dentro do fluxo.
Decision Utilizado para ramificações condicionais. Possui uma entrada e duas ou mais saídas (geralmente "Sim/Não" ou "Verdadeiro/Falso") baseadas em uma pergunta ou teste lógico.
Display Indica uma informação exibida diretamente para o usuário através de um monitor, display ou tela de sistema.
Terminator Marca o fim do fluxo ou programa.

Vamos fazer um programa que soma dois número inseridos por um usuário

Sempre começamos com um símbolo start

adicionamos um símbolo de input para indicar que o usuário deve inserir informações, damos a cada variavel a ser lida um nome dentro do input

adicionamos um símbolo de processo para indicar os processos e cálculos a serem feitos pelo programa

abaixo do processo, adicionamos um símbolo de decisão, que irá definir mais duas ramificações: sim e não.

em ambas ramificações, adicionamos um símbolo de display, que irão mostrar mensagens diferentes.

Por fim, adicionamos um símbolo de finalização para indicar que o programa deve teminar.