웹 프로그래밍 언어 학습을 위한 웹 기반 코스웨어 설계 및 구현 = (A) Design and Implementation of Web-based Courseware for Learning Web Programming Languages

국문 초록 (Abstract)

현행 7차 교육과정에서 룁 프로그래밍 언어는 일반 실업고에서는 현재 보편화된 교과과정 프로그래밍 언어는 아니며, 현재 정보화 사회에서 새롭게 생겨나고 있는 특성화된 인터넷정보고, IT전문고둥학교에서 컴퓨터 교과목이 세분화되어 프로그램 개발 언어와 인터넷 홈페이지 제작을 위한 웹 프로그래밍 언어를 가르치고 있다. 따라서 학생들이 본 웹 프로그래밍 학습 시스템을 통하여 쉽게 꾑 프로그램 언어를 학습하고, 스스로 배운 언어를 이용하여 동적인 홈페이지를 만들 수 있도록 웹 기반의 교수-학습 체제 설계모형을 기초로 하여 웹 프로그래밍 언어 학습을 위한 코스웨어를 설계 및 구현 하고자 한다.
현재 대부분의 프로그래밍 교재나 인터넷상의 강의들은 이론적인 내용과 작성된 프로그램만을 제시하는 것이 대부분이며, 학습자가 직접 프로그램을 작성할 기회를 제공하는 것이 부족하다. 또한, 프로그래밍 교육의 또다른 문제점은 프로그래밍 언어의 이해뿐만 아니라 논리적 사고가 요구되기 때문에 다른 교과에 비해 개인의 학습능력 차가 매우 크다는 것이다.
그래서, 본 논문에서 구현한 코스웨어는 이러한 문제점을 고려하여 학습자와 교수자간의 상호작용과 개인의 학습 능력에 따라 단계별로 학습이 진행 될 수 있도록 하였으며, 학습자의 참여를 최대화하였다. 또한 각 단원별로 예제를 통한 실습을 병행하여 스스로 학습이 이루어질 수 있게 하였다. 이 밖에도 다양한 기능을 추가하여 학생들이 흥미를 갖고 웹 상에서 웹 프로그래밍 언어를 학습할 수 있도록 하였다.
본 시스템이 여러 가지 미흡한 점이 있지만 실제로 수업시간에 웹을 활용한 웹 프로그래밍 언어 학습에 있어서 앞으로 좋은 코스웨어 자료가 될 수 있고, 교육의 질적 향상에 작은 보탬이 되기를 바란다.

다국어 초록 (Multilingual Abstract)

The current web programming language course being taught in the 7th curriculum is not widely adopted part of programming language in regular vocational or IT oriented high school, but rather known as one of the new emerging programming curriculum in today's information society.
The regular computer programming language and web programming language for creating internet web pages are what are being taught in Information Technology oriented high schools. Therefore, we would like to invent a ultimate instructor led e-learning application based on our web based online curriculum so that any student can easily access and learn about web programming languages through our program as student creates and implement web pages in real time.
The most of current E-learning based applications and web programming language training course on the Internet provides theoretical contents and pre-developed programs but lacks the involvement of hands on experience of the designing process from the student in real time. Another notable issue within the most of current On-line Web programming application is that there are great degree of understanding gap among verity of different individual student since understanding web programming demands not only good comprehension in the web language but also demands great deal of logical understanding skills.
Thus, considering those issues in the thesis, we have designed our E-learning application in a way that enhanced interactions or involvement between the instructor and the students and designed to provide the instruction based on the level of each student's knowledge and their level of skill sets as we designed the application to maximize the involvement of hands on training from each student. Also it is designed to provide different level of exercises along with many examples so that the self study can be better applied to every student.
We also added many other different features to attract students for them to be able to better learn about Web programming languages.
Although there are number of weaknesses, we wish our application would definitely be a good resource for any web programming language courses and would help the milestone of improving the level of real time E-learning application curriculums and its industry.

목차 (Table of Contents)

• 목차 = ⅰ
• 표목차 = ⅲ
• 그림목차 = ⅳ
• 국문요약 = ⅵ
• Ⅰ. 서론 = 1
• 1. 연구의 필요성 = 1
• 2. 연구의 목적 및 내용 = 2
• Ⅱ. 관련 연구 = 4
• 1. WBI의 개요 = 4
• 1) WBI의 정의 = 4
• 2) WBI의 교육적 기능 = 6
• 3) WBI의 장점과 단점 = 7
• 2. 웹 기반 학습 이론 = 8
• 1) 웹 기반 수업의 교육적 특징 = 8
• 2) 웹 기반 수업에서 상호 작용의 유형 = 9
• ① 학습자-내용 상호작용 = 10
• ② 학습자-교수자 상호작용 = 10
• ③ 학습자-학습자 상호작용 = 11
• 3) 웹 기반 교육평가의 특징과 교육적 효과 = 11
• 3. 웹 프로그래밍 언어 = 12
• 1) HTML = 12
• 2) CSS = 13
• 3) SCRIPT = 13
• 4) ASP = 14
• 4. 기존의 웹 프로그래밍 언어 학습 사이트 = 16
• Ⅲ. 웹 프로그래밍 언어 학습 시스템의 설계 및 구현 = 21
• 1. 시스템 설계의 기본 방향 = 21
• 2. 개발환경 = 22
• 3. 시스템의 구조도 = 23
• 1) 시스템 전체 구조도 = 23
• 2) 회원가입과 인증 구조도 = 24
• 3) 대화방 구조도 = 25
• 4) 게시판 구조도 = 26
• 5) 설문조사 구조도 = 26
• 6) 학생 CBT 시험 및 성적조회, 관리자 성적관리 구조도 = 27
• 7) 자료실, 공지사항, Q＆A 구조도 = 27
• 8) 관리자 기능 구조도 = 30
• 4. 데이터베이스 설계 = 31
• 1) 학습자 로그인 관리 테이블 = 31
• 2) 대화방 관리 데이블 = 32
• 3) 자료실 관리 데이블 = 32
• 4) Q＆A 관리 테이블 = 33
• 5) 공지사항 관리 테이블 = 34
• 6) 설문조사 관리 테이블 = 34
• 7) 학생 CBT 시험 관리 테이블 = 35
• 8) 관리자 학생 성적처리 테이블 = 35
• 5. 학습자 중심화면 = 36
• 6. 관리자 중심화면 = 48
• Ⅳ. 시스템 평가 = 53
• 1. 설문조사 = 53
• 2. 평가 = 55
• Ⅴ. 결론 및 제언 = 59
• 참고문헌 = 61
• ABSTRACT = 63
• 부록 = 65