41
Engenharia de Software Unimep/Pronatec 2° Semestre AULA 2 - Prof. André Bertoletti - [email protected]

Engenharia de Software - Unimep/Pronatec - Aula 2

Embed Size (px)

Citation preview

Page 1: Engenharia de Software - Unimep/Pronatec - Aula 2

Engenharia de Software Unimep/Pronatec

2° Semestre

AULA 2

- Prof. André Bertoletti -

[email protected]

Page 2: Engenharia de Software - Unimep/Pronatec - Aula 2

Nossa agenda de hoje

• Materiais sugeridos

• Diagramas

Page 3: Engenharia de Software - Unimep/Pronatec - Aula 2

Entendeu, ou quer que eu

desenhe?

Page 4: Engenharia de Software - Unimep/Pronatec - Aula 2

O poder de uma imagem!

Page 5: Engenharia de Software - Unimep/Pronatec - Aula 2

O que tem de comum nestas imagens?

Page 6: Engenharia de Software - Unimep/Pronatec - Aula 2
Page 7: Engenharia de Software - Unimep/Pronatec - Aula 2
Page 8: Engenharia de Software - Unimep/Pronatec - Aula 2

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

Exemplos de diagramas

Page 10: Engenharia de Software - Unimep/Pronatec - Aula 2

Exemplos de diagramas

Page 13: Engenharia de Software - Unimep/Pronatec - Aula 2

Fluxograma

Nosso primeiro diagrama

Page 14: Engenharia de Software - Unimep/Pronatec - Aula 2

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

Veja um exemplo de fluxograma para você trocar uma

lâmpada

Page 16: Engenharia de Software - Unimep/Pronatec - Aula 2
Page 17: Engenharia de Software - Unimep/Pronatec - Aula 2

Outro exemplo de fluxograma

Bem “útil”, por sinal :P

Page 18: Engenharia de Software - Unimep/Pronatec - Aula 2
Page 19: Engenharia de Software - Unimep/Pronatec - Aula 2

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

Fluxograma no mundo do

software

Desenhando nosso código

Page 21: Engenharia de Software - Unimep/Pronatec - Aula 2

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

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

Algoritmo

Page 24: Engenharia de Software - Unimep/Pronatec - Aula 2

Fluxograma inicio

a <- 0

b <- 0

c <- 0

a

b

c <- a + b

c

inicio

Page 25: Engenharia de Software - Unimep/Pronatec - Aula 2

Vamos treinar um pouco?!

Page 26: Engenharia de Software - Unimep/Pronatec - Aula 2

1. Desenhe o fluxograma do algoritmo abaixo

Page 27: Engenharia de Software - Unimep/Pronatec - Aula 2

1. (resolução)

Page 28: Engenharia de Software - Unimep/Pronatec - Aula 2

2. Escreva o algoritmo do fluxograma abaixo

Page 29: Engenharia de Software - Unimep/Pronatec - Aula 2

2. (resolução em Portugol IDE)

Page 30: Engenharia de Software - Unimep/Pronatec - Aula 2

2. (resolução em Portugol Studio)

Page 31: Engenharia de Software - Unimep/Pronatec - Aula 2

2. (resolução em C#)

Page 32: Engenharia de Software - Unimep/Pronatec - Aula 2

3. Desenhe o fluxograma do algoritmo abaixo

Page 33: Engenharia de Software - Unimep/Pronatec - Aula 2

3. (resolução)

Page 34: Engenharia de Software - Unimep/Pronatec - Aula 2

4. Escreva o algoritmo do fluxograma abaixo

Page 35: Engenharia de Software - Unimep/Pronatec - Aula 2

4. (resolução em Portugol IDE)

Page 36: Engenharia de Software - Unimep/Pronatec - Aula 2

4. (resolução em Portugol Studio)

Page 37: Engenharia de Software - Unimep/Pronatec - Aula 2

4. (resolução em C#)

Page 38: Engenharia de Software - Unimep/Pronatec - Aula 2

Pra concluir...

Page 39: Engenharia de Software - Unimep/Pronatec - Aula 2
Page 40: Engenharia de Software - Unimep/Pronatec - Aula 2

“Quando eu ouço, esqueço.

Quando eu vejo, entendo.

Quando eu faço, APRENDO!"

Page 41: Engenharia de Software - Unimep/Pronatec - Aula 2

Por hoje é só!

Agora é hora de estudar!