<실 라 버 스>

1. 강좌 내용

강좌명	컴퓨터보조학습특론 (담당교수: 김태영, 응422호, (043)230-3749, tykim@knue.ac.kr)
1. 강의목적 및 개요	컴퓨터교육은 크게 세 분야로 구성된다. 첫째는 컴퓨터활용으로서 유용한 응용프로그램들의 사용법교육 분야이고, 둘째는 컴퓨터과학(computer science)으로서 H/W, S/W, Network 교육 분야이다. 그리고 세번째는 컴퓨터응용 교육(computer-aided instruction)으로서 최근의 STEAM 교육, 융합교육, 창의성 교육 등과 관련이 깊어가고 있는 분야이다. 자연과학(science), 공학(technology & engineering), 인문사회학과 예술(arts) 그리고 수학(mathematics)에서 컴퓨터를 사용함으로써 해당 분야의 괄목할 만한 발전을 이루어 왔다. 본 강좌에서는 이러한 CAI 분야를 다룬다. 이러한 맥락에서 최근 웹/모바일의 상호운영성을 대폭적으로 지원하는 차세대 웹 표준인 HTML5가 발표되어 최신 브라우저들(Chrome, Safari, Firefox, IE9)에서 지원되고 있음으로서 웹과 모바일 디바이스 모두에서 호환되는 앱을 CAI로 응용하는 방법을 공부한다. HTML5는 웹/모바일 프로그램을 작성하기 위한 표준안으로 하나의 언어(JavaScript), 하나의 데이터 모델(XML, DOM), 하나의 레이아웃(CSS)을 통일적으로 제공하여 웹/모바일 상에서 텍스트/오디오/비디오/그래픽/애니메이션 등을 통합적으로 제공하여 준다.
2. 수업(교수)방법	1. 강의 최근 구글의 안드로이드 OS는 모바일 컴퓨팅 영역에서 강력한 존재로 대두되고 있다. 따라서 이 강의에서는 최근 각광을 받고 있는 RIA(Rich Internet Application) 작성을 위한 HTML5, CSS, JavaScript 언어에 대하여 보다 심도있게 알아본다. 그리고 이를 응용한 다양한 STEAM 교육분야의 CAI 학습자료 제작을 위하여 2D 그래픽, 애니메이션 등을 사용한다. 웹/모바일 프로그래밍 언어를 사용함으로써 STEAM/융합 교육을 위하여 웹/모바일 자료를 제작할 수 있는 능력이 향상된다. 2. 실습 본 강의에서는 최근 가장 폭넓게 사용되는 웹/모바일 프로그래밍 언어를 통한 STEAM/융합 교육분야의 응용을 위하여 2D, 애니메이션 등을 인터넷/안드로이드 상에서 실습함으로써, 학습자가 원하는 다양한 분야의 교수학습 자료들을 제작하여 CAI에 응용할 수 있도록 한다.
3. 평가 방법
평가방법	기말시험	시험	과제물	출석	기타	계
반영율(%)	30(Project)	30(중간)	30	10
비고
4. 교재 및 참고문헌	1. Building 안드로이드 웹앱 with HTML, CSS, JavaScript, 조나단 스타크 저, 변정훈 옮김, 한빛미디어 2. jQuery Mobile, 존 라이드 지음, 한선용 옮김, 한빛미디어 3. JavaScript, Steve Suehring, Microsoft Press 4. 기타 참고문헌 및 자료들

2. 주별 수업계획

5. 주별 수업내용 및 진행방법
주	Text #1/ Text #2	Text #3	References/실습
1	1. 시작하기	Introduction to CAI/STEAM/융합교육	Basics
2	2. 기본 스타일	Part #1: Chap 1/2/3	Canvas
3	1. jQuery Mobile	Part #1: Chap 4/5	#1: 주사위
4	2. 애플리케이션 구조와 내비게이션	Part #2: Chap 6/7	#2: 공 튀기기
5	3. 페이지 요소	Part #2: Chap 8/9	#3: 캐논볼
6	4. 테마 지정	Part #3: Chap 10/11	#4: 슬링샷
7	5. jQuery Mobile API	Part #3: Chap 12	#5: 짝맞추기
8	6. 트위터 앱 개발	Part #3: Chap 13	#6: 퀴즈
9	3. 고급 스타일링	Part #3: Chap 14	#7: 미로
10	4. 애니메이션	Part #3: Chap 15	#8: 가위바위보
11	5. 클라이언트측 데이터 저장소	Part #3: Chap 16	#9: 행맨
12	6. 오프라인에서 동작하기	Part #4: Chap 17	#10: 블랙잭
13	7. 네이티브 앱	Part #4: Chap 18	Team Project
14	8. 안드로이드 마켓	Part #4: Chap 19	Team Project
15	Summary	Part #4: Chap 20	Demo
6. 수업(강의 및 세미나 등) 진행상 유의사항		CAI 제작을 위한 프로그래밍 언어는 어려운 구문들을 이해하여야 하기 때문에 학습 동기를 부여하는 것이 중요하다. 따라서, 학습자들의 흥미를 높이기 위하여 2D 그래픽, 애니메이션 등을 교육과정에 도입한다.

* p.s.; 교과서와 담당교수의 홈페이지(comedudb.knue.ac.kr/~tykim)에 올려져 있는 강의노트(LectureNotes)를 기반으로 강의.

* 참조 사이트: http://mully.net/lee/  (Java 실험실)

http://www.canvasdemos.com/2010/03/30/etcha-physics/

(구글 크롬 다운로드: http://www.google.com/chrome/)