Diagramas são representações visuais de conceitos, ideias ou processos. Fluxogramas são diagramas que representam processos através de símbolos ligados por setas indicando o fluxo lógico. A aula introduz fluxogramas como forma de representar algoritmos, explicando seus símbolos e apresentando exemplos simples.

1. Engenharia de Software
Unimep/Pronatec
2° Semestre
AULA 2
- Prof. André Bertoletti -
apbertolet@unimep.br

2. Nossa agenda de hoje
• Materiais sugeridos
• Diagramas

3. Entendeu,
ou quer que eu
desenhe?

4. O poder de uma imagem!

5. O que tem de comum nestas
imagens?

8. Diagrama
Diagrama é uma representação visual,
estruturada e simplificada de um
determinado conceito, ideia ou
processo.

9. Exemplos de diagramas

10. Exemplos de diagramas

11. Exemplos de diagramas

12. Exemplos de diagramas

13. Fluxograma
Nosso primeiro diagrama

14. Fluxograma
Fluxograma é um tipo de diagrama, e
pode ser entendido como uma
representação esquemática de um
processo, onde cada operação será
representado por um símbolo
diferente, e estes estarão ligados numa
sequência lógica para que resolva o
problema em questão.

15. Veja um exemplo de
fluxograma para
você trocar uma
lâmpada

17. Outro exemplo de
fluxograma
Bem “útil”, por sinal :P

19. Faça você mesmo
Desenhe o fluxograma do seu
processo de saída da sua casa até
chegar na faculdade hoje.

20. Fluxograma
no mundo do
software
Desenhando nosso código

21. Símbolos e seus significados
Terminador
Indica o início e o fim do fluxo do algoritmo.
Atribuição
Símbolo utilizado para indicar processamentos e
atribuição de valores a variáveis
Seta de fluxo
Indica o sentido do fluxo de execução do
algoritmo. É através dela que os símbolos do
fluxograma são conectados.

22. Símbolos e seus significados
Entrada de Dados
Corresponde à instrução de entrada de dados no seu
algoritmo.
Saída de Dados
Corresponde à instrução de saída de dados. Os dados
serão exibidos pelo seu algoritmo.
Desvio condicional
Divide o fluxo do programa em dois caminhos,
dependendo do teste lógico que fica dentro do
losango.

23. Algoritmo

24. Fluxograma
inicio
a <- 0
b <- 0
c <- 0
a
b
c <- a + b
c
inicio

25. Vamos treinar um pouco?!

26. 1. Desenhe o fluxograma do
algoritmo abaixo

27. 1. (resolução)

28. 2. Escreva o algoritmo do
fluxograma abaixo

29. 2. (resolução em Portugol IDE)

30. 2. (resolução em Portugol Studio)

31. 2. (resolução em C#)

32. 3. Desenhe o fluxograma do
algoritmo abaixo

33. 3. (resolução)

34. 4. Escreva o algoritmo do fluxograma abaixo

35. 4. (resolução em Portugol IDE)

36. 4. (resolução em Portugol Studio)

37. 4. (resolução em C#)

38. Pra concluir...

40. “Quando eu ouço,
esqueço.
Quando eu vejo,
entendo.
Quando eu faço,
APRENDO!"

41. Por hoje é só!
Agora é hora de estudar!