디자이너를 위한 sw원리 워크샵 2주

37
멀티미디어 개론-2013년2학기-서경진 NHN NEXT 디자이너를 위한 SW 원리 이해-2주 소프트웨어 교육 연구소 송상수([email protected])

Upload: sangsu-song

Post on 16-Jul-2015

368 views

Category:

Education


6 download

TRANSCRIPT

Page 1: 디자이너를 위한 Sw원리 워크샵 2주

멀티미디어 개론-2013년2학기-서경진

NHN NEXT 디자이너를 위한 SW 원리 이해-2주

소프트웨어 교육 연구소 송상수([email protected])

Page 2: 디자이너를 위한 Sw원리 워크샵 2주

2014-12-29 디자이너를 위한 SW원리 이해 2

1주차 돌아보기

Page 3: 디자이너를 위한 Sw원리 워크샵 2주

2014-12-29 디자이너를 위한 SW원리 이해 3

컴퓨터 동작원리

Page 4: 디자이너를 위한 Sw원리 워크샵 2주

2014-12-29 디자이너를 위한 SW원리 이해 4

컴퓨터 동작원리 프로그램을 실행시키면

컴퓨터 안에선 어떤 일이 일어날까?

Page 5: 디자이너를 위한 Sw원리 워크샵 2주

2014-12-29 디자이너를 위한 SW원리 이해 5

1. 프로그래밍 언어를 사용하여 프로그램을 만든다.

컴퓨터 안에선 어떤 일이??

Page 6: 디자이너를 위한 Sw원리 워크샵 2주

2014-12-29 디자이너를 위한 SW원리 이해 6

2. 완성된 프로그램은 하드디스크에 저장된다.

컴퓨터 안에선 어떤 일이??

Page 7: 디자이너를 위한 Sw원리 워크샵 2주

2014-12-29 디자이너를 위한 SW원리 이해 7

3. 프로그램을 실행시킨다.

컴퓨터 안에선 어떤 일이??

Page 8: 디자이너를 위한 Sw원리 워크샵 2주

2014-12-29 디자이너를 위한 SW원리 이해 8

4. 메모리가 하드디스크에서 해당 프로그램의 내용을 가지고 온다.

컴퓨터 안에선 어떤 일이??

Page 9: 디자이너를 위한 Sw원리 워크샵 2주

2014-12-29 디자이너를 위한 SW원리 이해 9

5. CPU가 메모리에 있는 명령을 해석해서, 계산과 지시를 해준다.

컴퓨터 안에선 어떤 일이??

Page 10: 디자이너를 위한 Sw원리 워크샵 2주

2주차 첫 시간

2014-12-29 디자이너를 위한 SW원리 이해 10

Page 11: 디자이너를 위한 Sw원리 워크샵 2주

2014-12-29 디자이너를 위한 SW원리 이해 11

지난주는 Hardware

이번주는?

Page 12: 디자이너를 위한 Sw원리 워크샵 2주

2014-12-29 디자이너를 위한 SW원리 이해 12

Software 프로그래밍

Page 13: 디자이너를 위한 Sw원리 워크샵 2주

2014-12-29 디자이너를 위한 SW원리 이해 13

프로그래밍?!

Page 14: 디자이너를 위한 Sw원리 워크샵 2주

2014-12-29 디자이너를 위한 SW원리 이해 14

프로그래밍?! 컴퓨터 프로그램을 만드는것

Page 15: 디자이너를 위한 Sw원리 워크샵 2주

2014-12-29 디자이너를 위한 SW원리 이해 15

프로그래밍?! 컴퓨터 프로그램을 만드는것 컴퓨터에게 일을 시키는 것

Page 16: 디자이너를 위한 Sw원리 워크샵 2주

2014-12-29 디자이너를 위한 SW원리 이해 16

인간이 컴퓨터에게 일을 시키는 방법

= 프로그래밍의 기초 사고

Page 17: 디자이너를 위한 Sw원리 워크샵 2주

2014-12-29 디자이너를 위한 SW원리 이해 17

일을 시키는 방법

1) 순서대로 말해준다(명령한다).

Page 18: 디자이너를 위한 Sw원리 워크샵 2주

2014-12-29 디자이너를 위한 SW원리 이해 18

일을 시키는 방법

1) 순서대로 말해준다(명령한다). 자동으로 이 닦아주는 로봇 프로그램

① 칫솔을 든다 ② 치약을 든다 ③ (만약에 뚜껑이 닫혀 있으면) 치약 뚜껑을 연다 ④ 치약을 짠다 ⑤ 치약이 묻은 칫솔을 입 속에 넣는다 ⑥ 칫솔을 치아에 대고 2초 동안 위아래로 한번 칫솔질 한다.

Page 19: 디자이너를 위한 Sw원리 워크샵 2주

2014-12-29 디자이너를 위한 SW원리 이해 19

일을 시키는 방법

2) 반복되는 것은 줄여준다.

자동으로 이 닦아주는 로봇 프로그램

1~5… ⑥ 칫솔을 치아에 대고 2초동안 위아래로 한번 칫솔질 한다. ⑦ 칫솔을 치아에 대고 2초동안 위아래로 한번 칫솔질 한다. ⑧ 칫솔을 치아에 대고 2초동안 위아래로 한번 칫솔질 한다. ⑨ 칫솔을 치아에 대고 2초동안 위아래로 한번 칫솔질 한다.

Page 20: 디자이너를 위한 Sw원리 워크샵 2주

2014-12-29 디자이너를 위한 SW원리 이해 20

일을 시키는 방법

2) 반복되는 것은 줄여준다.

자동으로 이 닦아주는 로봇 프로그램

① 칫솔을 든다 ② 치약을 든다 ③ (만약에 뚜껑이 닫혀 있으면) 치약 뚜껑을 연다 ④ 치약을 짠다 ⑤ 치약이 묻은 칫솔을 입 속에 넣는다

⑥ (60번 반복) 칫솔을 치아에 대고 2초동안 위아래로 한번 칫솔질 한다.

Page 21: 디자이너를 위한 Sw원리 워크샵 2주

2014-12-29 디자이너를 위한 SW원리 이해 21

프로그래밍의 기초 사고를 재미있게 연습해 보자

Page 22: 디자이너를 위한 Sw원리 워크샵 2주

1. 보드게임으로 배우는 프로그래밍 원리

2014-12-29 디자이너를 위한 SW원리 이해 22

• 프로그래밍 교육용 보드게임

• ‘순차’ , ‘반복’ 학습 가능

Page 23: 디자이너를 위한 Sw원리 워크샵 2주
Page 24: 디자이너를 위한 Sw원리 워크샵 2주
Page 25: 디자이너를 위한 Sw원리 워크샵 2주
Page 26: 디자이너를 위한 Sw원리 워크샵 2주
Page 27: 디자이너를 위한 Sw원리 워크샵 2주
Page 28: 디자이너를 위한 Sw원리 워크샵 2주
Page 29: 디자이너를 위한 Sw원리 워크샵 2주
Page 30: 디자이너를 위한 Sw원리 워크샵 2주
Page 31: 디자이너를 위한 Sw원리 워크샵 2주
Page 32: 디자이너를 위한 Sw원리 워크샵 2주

3

1 2

4 5

6 7

Page 33: 디자이너를 위한 Sw원리 워크샵 2주

3

1 2

4 5

6 7 8 9

10 11 12

13 14

Page 34: 디자이너를 위한 Sw원리 워크샵 2주

3 4 5

8 1 2

6 7

Page 35: 디자이너를 위한 Sw원리 워크샵 2주

게임 시작 (1 – 연습게임 : 부품 2개) (2 – 내기게임 : 부품 3개) (3 – 왕중왕전 : 부품 3개)

2014-12-29 디자이너를 위한 SW원리 이해 35

Page 36: 디자이너를 위한 Sw원리 워크샵 2주

2014-12-29 디자이너를 위한 SW원리 이해 36

프로그래밍의 기초 사고

‘순차’ ‘반복’

Page 37: 디자이너를 위한 Sw원리 워크샵 2주

2014-12-29 디자이너를 위한 SW원리 이해 37

이 사고가 실제로

어떻게 쓰이는가?