<실 라 버 스>

1. 강좌 내용

강좌명	프로그래밍언어론 (교과목 번호 461-245) (담당교수: 김태영, 응422호, (043)230-3749, tykim@knue.ac.kr)
1. 강의목적 및 개요	컴퓨터 S/W는 원자력 발전소의 제어부터 핸드폰의 비디오 게임까지 매우 다양한 분야에서 사용되고 있으며, 최근의 프로그래밍 환경은 웹(Web)/모바일(mobile)을 기반으로 하는 추세이다. 최근 웹/모바일의 상호운영성을 대폭적으로 지원하는 차세대 웹 표준인 HTML5가 발표되어 최신 브라우저들(Chrome, Safari, Firefox, IE9)에서 지원되고 있다. HTML5는 웹/모바일 프로그램을 작성하기 위한 표준안으로 하나의 언어(JavaScript), 하나의 데이터 모델(XML, DOM), 하나의 레이아웃(CSS)을 통일적으로 제공하여 웹/모바일 상에서 텍스트/오디오/비디오/그래픽/애니메이션 등을 통합적으로 제공하여 준다. 따라서 이 강의에서는 최근 각광을 받고 있는 RIA(Rich Internet Application) 작성을 위한 HTML5, CSS, JavaScript 언어에 대하여 알아본다. 특히 다양한 교육분야의 학습자료 저작을 위하여 2D 그래픽, 애니메이션 등을 실습한다.
2. 수업(교수)방법	1. 강의 이 강의의 목적은 웹/모바일 프로그래밍 언어의 표준안으로 제공되는 HTML5, CSS, JavaScript의 다양한 구조와 능력들에 대한 개념을 주의깊게 살펴보는 것이다. 웹/모바일 프로그래밍 언어를 배움으로써 아래와 같은 능력이 향상된다. - STEAM 교육을 위하여 웹/모바일 자료를 저작할 수 있는 능력이 향상된다. - 웹/모바일 S/W 개발시 적합한 언어를 선택할 수 있게 된다. - 새로운 언어와 저작도구를 배울 수 있는 능력이 증진된다. 2. 실습 본 강의에서는 최근 가장 폭넓게 사용되는 웹/모바일 프로그래밍 언어를 통한 STEAM 교육분야의 응용을 위하여 2D, 애니메이션 등을 실습함으로써, 학습자가 원하는 다양한 분야의 교수학습 자료들을 저작할 수 있도록 한다.
3. 평가 방법
평가방법	기말시험	시험	과제물	출석	기타	계
반영율(%)	30	30 (중간)	30	10
비고
4. 교재 및 참고문헌	1. 인터넷 프로그래밍 입문: HTML, CSS, JavaScript, 주성례, 정선호, 한민형 공저, 한빛미디어 2. 한번에 배우는 HTML5+자바스크립트, 지닌 마이어 저, 한빛미디어 3. 기타 참고문헌 및 자료들

2. 주별 수업계획

5. 주별 수업내용 및 진행방법
주	강의 주제	강의 내용(수업 진행 방법 및 참고자료)		실습 내용
1	Introduction	HTTP: RIA - HTML5, CSS, JavaScript vs JSP
2	HTML/JavaScript	인터넷 이해하기 (Chap 1/2)/ 자바스크립트 (Chap 15)		Basics
3	HTML/JavaScript	HTML 기본 구조와 태그 (Chap 3)/ 변수, 연산자, 사용자 함수 (Chap 16)		주사위
4	HTML/JavaScript	문단, 컬러, 글꼴, 목록 태그 (Chap 4)/ 제어문, 내장 함수 (Chap 17)		공 튀기기
5	HTML/JavaScript	<IMG> 태그와 그림 (Chap 5)/ window, screen 등의 객체 (Chap 18)		캐논볼
6	HTML/JavaScript	<A> 태그와 하이퍼링크 (Chap 6)/ navigator, history 등의 객체 (Chap 19)		슬링샷
7	HTML/JavaScript	<TABLE> 태그와 표 (Chap 7)/ Date, Array 객체 (Chap 20)		짝맞추기
8	HTML/JavaScript	프레임 (Chap 8)/ frame, image 등의 객체 (Chap 21)		퀴즈
9	HTML/JavaScript	다양한 태그 (Chap 9)/ 폼 관련 객체 (Chap 22)		미로
10	HTML/JavaScript	폼 양식 (Chap 10)/ 자바스크립트 활용 (Chap 23)		가위바위보
11	CSS/JavaScript	CSS (Chap 11)/ Ajax		행맨
12	CSS/JavaScript	배경그림, 목록, 하이퍼링크 스타일 (Chap 12)/ Ajax		블랙잭
13	CSS/JavaScript	테두리, 폼 스타일과 레이어 (Chap 13)/ jQuery		Team Project
14	CSS/JavaScript	필터 효과 (Chap 14)/ jQuery		Team Project
15	Summary	정리/기말 시험		Demo
6. 수업(강의 및 세미나 등) 진행상 유의사항			프로그래밍 언어는 어려운 구문들을 이해하여야 하기 때문에 학습 동기를 부여하는 것이 중요하다. 따라서, 학습자들의 흥미를 높이기 위하여 2D 그래픽, 애니메이션 등을 교육과정에 도입한다.

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

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

http://webdesignerwall.com/trends/47-amazing-css3-animation-demos

(구글 크롬 다운로드: http://www.google.com/chrome/ IE에서는 잘 작동하지 않음)