programa.nzd
Inicializando...
logicabr.dev

Crie fluxogramas online e veja o código em português nascer junto

Monte o algoritmo com blocos de entrada, decisão e repetição. A cada bloco ligado, o logicabr.dev escreve o código equivalente em português, e o fluxograma pode ser executado no navegador, sem instalar nada.

Para que serve um fluxograma

Um fluxograma é o desenho do caminho que o programa faz: por onde entra o dado, onde ele é calculado, em que ponto o programa decide entre dois caminhos e quando repete um trecho. Cada forma tem um papel: o losango é uma pergunta de sim ou não, o paralelogramo é entrada ou saída, o retângulo é um cálculo.

Ele ajuda principalmente no começo, quando a sintaxe ainda atrapalha. Desenhando primeiro, dá para ver se a lógica está certa antes de se preocupar com ponto e vírgula. Aqui o desenho e o código são o mesmo algoritmo: mexeu num, o outro acompanha.

Do desenho ao código: a média de duas notas

O fluxograma ao lado lê duas notas, calcula a média e decide entre "Aprovado" e "Recuperação". Ligando esses blocos no editor, este é o código gerado:

numero nota1;
numero nota2;
nota1 = entrada("Primeira nota:");
nota2 = entrada("Segunda nota:");
numero media = (nota1 + nota2) / 2;
se (media >= 6) {
  saida("Aprovado com média {media}");
} senao {
  saida("Recuperação: média {media}");
}

Cada bloco virou uma linha. As duas declarações viram numero nota1; e numero nota2;, os paralelogramos de entrada viram entrada(...), e o losango vira um se. A saída "Sim" do losango é o bloco do se, e a saída "Não" é o do senao.

Fluxograma da média de duas notas Início, declaração de nota1 e nota2, entrada das duas notas, cálculo da média, decisão média maior ou igual a 6 com saída Aprovado no sim e Recuperação no não, e Fim. Início numero nota1 numero nota2 ler nota1 ler nota2 numero media = (nota1+nota2)/2 media >= 6 Sim Não "Aprovado…" "Recuperação…" Fim

Como montar o seu

  1. Abra o fluxograma. O bloco Início já está na área de desenho.
  2. Arraste um bloco da paleta e ligue a saída do bloco anterior à entrada dele. Também dá para puxar uma ligação a partir de um bloco e soltar no espaço vazio: aparece a lista de blocos para inserir ali.
  3. Dê dois cliques num bloco para preencher a variável, a mensagem ou a condição.
  4. Termine no bloco Fim e clique em Executar. O programa pergunta as entradas no terminal, como no editor de código.

A lista completa de blocos, com a forma e o código de cada um, está em Símbolos do fluxograma.

Erros mais comuns

  • Esquecer o bloco Fim. Sem ele, o fluxograma não executa.
  • Usar a variável antes de declarar. O bloco de entrada guarda o valor numa variável que precisa existir antes, num bloco de declaração.
  • Laço Enquanto que nunca termina. Se nada dentro do laço muda a condição, ele repete para sempre. A IDE interrompe a execução e avisa.
  • Desenhar por cima de um código. Quando o fluxograma tem blocos, é ele que escreve o código da aba. Comece por um ou pelo outro.

Para continuar

A Aula 1: O que é um algoritmo compara o mesmo problema em fluxograma e em código. Alguns desafios só aceitam resposta em fluxograma, e a aula de se/senão mostra o losango em detalhe.

Quem faz

O logicabr.dev é criado e mantido pelo Prof. Rodrigo Faustino, professor de tecnologia na Fatec. As aulas, os desafios e o próprio editor nasceram do que funciona com alunos que estão vendo programação pela primeira vez. Achou um erro ou quer sugerir uma aula? Escreva pela página de contato.