engenharia de software - unimep/pronatec - aula 2
TRANSCRIPT
![Page 1: Engenharia de Software - Unimep/Pronatec - Aula 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55ac52d31a28abff118b4848/html5/thumbnails/1.jpg)
Engenharia de Software Unimep/Pronatec
2° Semestre
AULA 2
- Prof. André Bertoletti -
![Page 2: Engenharia de Software - Unimep/Pronatec - Aula 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55ac52d31a28abff118b4848/html5/thumbnails/2.jpg)
Nossa agenda de hoje
• Materiais sugeridos
• Diagramas
![Page 3: Engenharia de Software - Unimep/Pronatec - Aula 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55ac52d31a28abff118b4848/html5/thumbnails/3.jpg)
Entendeu, ou quer que eu
desenhe?
![Page 4: Engenharia de Software - Unimep/Pronatec - Aula 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55ac52d31a28abff118b4848/html5/thumbnails/4.jpg)
O poder de uma imagem!
![Page 5: Engenharia de Software - Unimep/Pronatec - Aula 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55ac52d31a28abff118b4848/html5/thumbnails/5.jpg)
O que tem de comum nestas imagens?
![Page 6: Engenharia de Software - Unimep/Pronatec - Aula 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55ac52d31a28abff118b4848/html5/thumbnails/6.jpg)
![Page 7: Engenharia de Software - Unimep/Pronatec - Aula 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55ac52d31a28abff118b4848/html5/thumbnails/7.jpg)
![Page 8: Engenharia de Software - Unimep/Pronatec - Aula 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55ac52d31a28abff118b4848/html5/thumbnails/8.jpg)
Diagrama
Diagrama é uma representação visual, estruturada e simplificada de um determinado conceito, ideia ou processo.
![Page 9: Engenharia de Software - Unimep/Pronatec - Aula 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55ac52d31a28abff118b4848/html5/thumbnails/9.jpg)
Exemplos de diagramas
![Page 10: Engenharia de Software - Unimep/Pronatec - Aula 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55ac52d31a28abff118b4848/html5/thumbnails/10.jpg)
Exemplos de diagramas
![Page 13: Engenharia de Software - Unimep/Pronatec - Aula 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55ac52d31a28abff118b4848/html5/thumbnails/13.jpg)
Fluxograma
Nosso primeiro diagrama
![Page 14: Engenharia de Software - Unimep/Pronatec - Aula 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55ac52d31a28abff118b4848/html5/thumbnails/14.jpg)
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.
![Page 15: Engenharia de Software - Unimep/Pronatec - Aula 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55ac52d31a28abff118b4848/html5/thumbnails/15.jpg)
Veja um exemplo de fluxograma para você trocar uma
lâmpada
![Page 16: Engenharia de Software - Unimep/Pronatec - Aula 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55ac52d31a28abff118b4848/html5/thumbnails/16.jpg)
![Page 17: Engenharia de Software - Unimep/Pronatec - Aula 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55ac52d31a28abff118b4848/html5/thumbnails/17.jpg)
Outro exemplo de fluxograma
Bem “útil”, por sinal :P
![Page 18: Engenharia de Software - Unimep/Pronatec - Aula 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55ac52d31a28abff118b4848/html5/thumbnails/18.jpg)
![Page 19: Engenharia de Software - Unimep/Pronatec - Aula 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55ac52d31a28abff118b4848/html5/thumbnails/19.jpg)
Faça você mesmo
Desenhe o fluxograma do seu processo de saída da sua casa até
chegar na faculdade hoje.
![Page 20: Engenharia de Software - Unimep/Pronatec - Aula 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55ac52d31a28abff118b4848/html5/thumbnails/20.jpg)
Fluxograma no mundo do
software
Desenhando nosso código
![Page 21: Engenharia de Software - Unimep/Pronatec - Aula 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55ac52d31a28abff118b4848/html5/thumbnails/21.jpg)
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.
![Page 22: Engenharia de Software - Unimep/Pronatec - Aula 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55ac52d31a28abff118b4848/html5/thumbnails/22.jpg)
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.
![Page 23: Engenharia de Software - Unimep/Pronatec - Aula 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55ac52d31a28abff118b4848/html5/thumbnails/23.jpg)
Algoritmo
![Page 24: Engenharia de Software - Unimep/Pronatec - Aula 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55ac52d31a28abff118b4848/html5/thumbnails/24.jpg)
Fluxograma inicio
a <- 0
b <- 0
c <- 0
a
b
c <- a + b
c
inicio
![Page 25: Engenharia de Software - Unimep/Pronatec - Aula 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55ac52d31a28abff118b4848/html5/thumbnails/25.jpg)
Vamos treinar um pouco?!
![Page 26: Engenharia de Software - Unimep/Pronatec - Aula 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55ac52d31a28abff118b4848/html5/thumbnails/26.jpg)
1. Desenhe o fluxograma do algoritmo abaixo
![Page 27: Engenharia de Software - Unimep/Pronatec - Aula 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55ac52d31a28abff118b4848/html5/thumbnails/27.jpg)
1. (resolução)
![Page 28: Engenharia de Software - Unimep/Pronatec - Aula 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55ac52d31a28abff118b4848/html5/thumbnails/28.jpg)
2. Escreva o algoritmo do fluxograma abaixo
![Page 29: Engenharia de Software - Unimep/Pronatec - Aula 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55ac52d31a28abff118b4848/html5/thumbnails/29.jpg)
2. (resolução em Portugol IDE)
![Page 30: Engenharia de Software - Unimep/Pronatec - Aula 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55ac52d31a28abff118b4848/html5/thumbnails/30.jpg)
2. (resolução em Portugol Studio)
![Page 31: Engenharia de Software - Unimep/Pronatec - Aula 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55ac52d31a28abff118b4848/html5/thumbnails/31.jpg)
2. (resolução em C#)
![Page 32: Engenharia de Software - Unimep/Pronatec - Aula 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55ac52d31a28abff118b4848/html5/thumbnails/32.jpg)
3. Desenhe o fluxograma do algoritmo abaixo
![Page 33: Engenharia de Software - Unimep/Pronatec - Aula 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55ac52d31a28abff118b4848/html5/thumbnails/33.jpg)
3. (resolução)
![Page 34: Engenharia de Software - Unimep/Pronatec - Aula 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55ac52d31a28abff118b4848/html5/thumbnails/34.jpg)
4. Escreva o algoritmo do fluxograma abaixo
![Page 35: Engenharia de Software - Unimep/Pronatec - Aula 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55ac52d31a28abff118b4848/html5/thumbnails/35.jpg)
4. (resolução em Portugol IDE)
![Page 36: Engenharia de Software - Unimep/Pronatec - Aula 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55ac52d31a28abff118b4848/html5/thumbnails/36.jpg)
4. (resolução em Portugol Studio)
![Page 37: Engenharia de Software - Unimep/Pronatec - Aula 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55ac52d31a28abff118b4848/html5/thumbnails/37.jpg)
4. (resolução em C#)
![Page 38: Engenharia de Software - Unimep/Pronatec - Aula 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55ac52d31a28abff118b4848/html5/thumbnails/38.jpg)
Pra concluir...
![Page 39: Engenharia de Software - Unimep/Pronatec - Aula 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55ac52d31a28abff118b4848/html5/thumbnails/39.jpg)
![Page 40: Engenharia de Software - Unimep/Pronatec - Aula 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55ac52d31a28abff118b4848/html5/thumbnails/40.jpg)
“Quando eu ouço, esqueço.
Quando eu vejo, entendo.
Quando eu faço, APRENDO!"
![Page 41: Engenharia de Software - Unimep/Pronatec - Aula 2](https://reader031.vdocuments.com.br/reader031/viewer/2022020218/55ac52d31a28abff118b4848/html5/thumbnails/41.jpg)
Por hoje é só!
Agora é hora de estudar!