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.