엄기순 : 고려대학교 컴퓨터교육학과

애니메이션 창작을 통한 프로그래밍 수업 방안

kisoon1106@gmail.com

HTTP://INC.KOREA.AC.KR고려대학교 컴퓨터교육학과

IDENTITY1. Electronics : high school

!2. Media Art : institute of the Arts

3. Education : C.S. Education

!TECH

ART

U.X.

EDU

소 개

2

WWW.COMPANYNAME.COMCOMPANY NAME

연구의 목적

3

21세기 인재 역량#

비판적 사고력#

문제 해결 능력#

소통#

협력#

Partnership for 21st Century Skills

계산적 사고

SW교육의 중요성#

Code.org#

영국#

미창부#

WWW.COMPANYNAME.COMCOMPANY NAME

연구의 목적

4

프로그래밍

창작

창조

WWW.COMPANYNAME.COMCOMPANY NAME

연구의 목적

5

프로그래밍

창작

창조

WWW.COMPANYNAME.COMCOMPANY NAME

1.창작의 요소로 애니메이션을 선정

2.여러 움직임의 요소를 프로그래밍으로 구현하는 수업 방안 제시

6

연구의 목적

애니메이션의 이해!

스토리 보드 구성!

움직임 표현!

WWW.COMPANYNAME.COMCOMPANY NAME

스크래치 러플 이토이 앨리스

교육용 프로그래밍 도구

7

WWW.COMPANYNAME.COMCOMPANY NAME

프로그래밍 교육 현황

8

TEXT

프로그래밍 수업 설계

WWW.COMPANYNAME.COMCOMPANY NAME

애니메이션 정의

10

사물의변화

연속적인움직임

탄 생

창작

창조

INC.KOREA.AC.KRINC LAB. DEPT. COMPUTER SCIENCE EDUCATION, KOREA UNIV.

자반기반의 인터랙티브 비주얼 프로그래밍 언어로서, 다양한 시각적인 표현(인터랙션 영상, 애니메이션, 게임 등)을 쉽게 할 수 있는 도구이다. 특히 인터랙티브 디자인을 위한 교육용 언어로 활용되고 있다.

PROCESSING

프로세싱의 장점 •컴파일 과정 없이 바로 결과 확인 가능

•웹기반 어플리케이션과 안드로이드 앱 제작 가능

•영상(OpenGL, OpenCV) 및 사운드 처리 가능

•멀티 플랫폼 지원(윈도우, 맥, 리눅스)

•http://processing.org

프로세싱

11

WWW.COMPANYNAME.COMCOMPANY NAME

import java.applet.*; import java.awt.*; !public class drwaL extends Applet{ public void paint (g Graphics) { g.setColor(Color.blue); g.drawLine(10,10, 100, 100); } }

자바에서 한 줄 긋기line(0, 0, 100, 100);

프로세싱에서 한 줄 긋기

자바와 프로세싱 비교

12

WWW.COMPANYNAME.COMCOMPANY NAME

수업 설계의 원리1.학습자의 흥미를 유발하며, 창작의 과정을 경험할 수 있는 장르를 선택한다.

2.학습자의 인지적 부담을 덜기위해 직관적인 도구를 선택한다.

3.점진적인 개발 형태로 수업을 구성한다.

4.매 수업마다 회고를 통해 학습자의 상태를 파악한다.

5.완성된 작품은 발표를 하여 피드백을 얻는다.

13

수업 주제 선정!

• 흥미 유발!• 창작 과정!

수업 형태!

• 프로그래밍!• 점진적 개발!

발표 및 정리!

• 작품 발표!• 의견 교류!• 회고!

WWW.COMPANYNAME.COMCOMPANY NAME

수업 내용

14

차시 수업 주제 수업 내용

1 애니메이션의 이해 !

애니메이션의 개념과 원리 제작 과정 소개

2 프로세싱 기초 프로세싱 소개 및 설치 프로세싱 사용법

3 기본 도형 그리기 1 점, 선, 면(세모, 네모, 원, 다각형)

4 기본 도형 그리기 2 기본 도형으로 그림 그리기

5 도형의 이동과 회전 1 기본 도형의 이동과 회전

6 도형의 이동과 회전 2 다양한 움직임 효과

7 애니메이션 제작 주제 선정, 구성, 프로그래밍

8 작품 발표 작품명, 의도, 회고

WWW.COMPANYNAME.COMCOMPANY NAME 15

WWW.COMPANYNAME.COMCOMPANY NAME

결론

1. 창작의 과정을 통해 프로그래밍 교육이 가능하다.

2. 창작물을 제작하는 과정을 통해 성취감을 얻을 것이다.

3. 프로그래밍과 창작 교육을 결합한다면 다양한 형태의 창의적인 수업 모델을 설계할 수 있다.

16

WWW.COMPANYNAME.COMCOMPANY NAME

향후 연구 계획

1.수업 효과 검증

2.학습자의 창의성, 성취도, 만족도 검사

3.프로그래밍 + 예술 융합 교육 연구

17

감사합니다.

Q & A