OAK

전문계 고등학교 웹디자인 교육을 위한 웹사이트 개발 연구

Metadata Downloads
Alternative Title
A Study of Website Development for Web Design Education at Specialized High Schools
Abstract
현재 우리나라는 전문계 고등학교 기피현상으로 신학기마다 학생모집에 어려움을 겪고 있는 현실에 처해 있다. 2007년 전국 전문계 고등학교의 수는 702개로 전체 고등학교 2,159개의 32.5%에 해당한다. 2000년 764개로 39.0%였던 것과 비교한다면 결과적으로 감소 추세라 해석할 수 있다. 그 이유는, 첫 번째로 전문계 고등학교는 일반계 고등학교에 진학하기 어려운 학업 성취도의 학생이나 가정형편이 어려운 학생들이 진학하는 학교라는 잘못된 인식 때문이다. 두 번째는 학벌주의 사회현상으로 학력과 학벌이 그대로 사회에 연장되어 지속적인 영향을 끼치기 때문이다.
이를 반영하듯, 우리나라 고등학교 학생이 졸업 후 대학에 입학하는 비율은 전체의 80%를 넘고 있다. 이로 인해 학업을 마치고 직장생활에 뛰어드는 입직(入職) 연령은 점점 늦어지고 있다. 선진국과 비교한다면 지난해 25.0세(대졸자 26.3세)로, 세계 경제협력개발기구(OECD) 평균 22.9세(2000년 기준)보다 2년 정도 늦다.
그 결과 생산직 사원(기술인)들의 심각한 부족현상이 초래되고 있다. 기업은 부족하다 하고, 기술인을 양성하는 전문계 고등학교는 학생 수 확보에 애를 먹고 있는 실정인 것이다.
이에 전문계 고등학교들은 이미지 쇄신을 위해 2007년 4월 ‘실업계 고등학교’에서‘전문계 고등학교’로 그 명칭을 변경하는 한편 19개 전문계 고등학교에서 특성화고등학교로의 전환을 시도하여 전문 인력 양성에 매진하고 있다.
따라서 본 연구에서는 전문계 고등학교의 전문성 신장에 필수적인 웹디자인 과정을 중심으로 현장실무에서 실질적으로 도움이 될 수 있는 구체적인 교육 프로그램 및 이를 반영한 사이트를 개발하고자 하였다.
이를 위해서, 다음과 같은 연구 과제를 중점적으로 규명하였다.
첫째, 웹디자인의 정의와 구성요소를 검토함으로써 웹디자인이 무엇인가를 알아본다.
둘째, 전문계 고등학교의 디자인 교육 현황에 대해 검토함으로써 웹디자인 교육의 비중과 필요성을 밝히고 전문계 고등학교에서 필요로 하는 웹디자인과정을 소개한다.
셋째, 기존의 교육용 사이트를 분석하고 설문 조사 함으로써 효과적인 웹 사이트를 제작에 활용한다.
넷째, 파악된 교육과정을 사이트 구축으로 연결시켜 수업자료 및 학생들의 연구 공간으로 활용한다.
따라서 본 연구의 목적은 능동적으로 웹 디자인을 배우려는 전문계 고등학교 학생들의 웹 디자인에 대한 지식과 기능의 습득을 돕고, 끊임없이 변화하는 웹디자인의 특성에 맞는 유기적인 교과서 역할을 담당하는 교육 사이트를 개발하는 것이다.
이를 구현하기 위해 다음과 같은 사이트를 구성하였다.
첫째, 웹디자인 교육 사이트는 웹디자인의 개념과 웹디자인에 필요한 요소를 알아봄으로써 이론 분야와 제작도구를 다루는 웹디자인 프로그램 분야로 구성하였다.
둘째, 웹디자인 교육 사이트는 끊임없이 발전하는 웹디자인의 특성상 유기체적 성격을 가져야 한다. 이를 위해 웹디자인의 개념을 다루는 첫 번째 메뉴의 서브메뉴로 ‘굿 디자인’과‘웹디자인 뉴스’를 구성하여 좋은 디자인인지에 대한 고찰과 웹디자인 현황을 꾸준히 알아볼 수 있도록 하였다.
또한 네 번째 메뉴인 ‘커뮤니티’속에 ‘묻고 답하기’, ‘내 작품 소개’, ‘방명록’, ‘자유게시판’을 설정하여 교사와 학생, 학생들 간의 상호작용이 이루어지도록 유도하였다.
셋째, 웹디자인은 아이디어를 표현하기 위해 제작 프로그램을 잘 다루는 것도 중요하다. 따라서 교육 사이트의 두 번째 메뉴 ‘웹디자인 프로그램’은 웹디자인의 제작 도구를 학습할 수 있는 페이지로 포토샵, 일러스트, 플래시, 드림위버, HTML, Java script, 그리고 영상과 3D 등 변화하고 있는 웹 디자인 프로그램을 위해 etc.로 구성하였다.
이상에서 수행한 연구결과를 바탕으로 웹디자인 개발 및 교육에 대한 제안점을 밝히면 다음과 같다.
웹디자인은 끊임없이 변화하고 발전하는 분야이다. 정보전달이라는 종래의 정적인 목적과는 달리 영상과 3D분야 등과도 결합하며 동적이며 사용자의 편의를 배려하는 여러 가지 기능들로 발전하고 있다. 이러한 웹디자인의 끊임없는 발전을 학교에서 적절하게 수용하고 적극적으로 교육할 수 있도록 제도적 장치와 교사들의 자질향상이 뒷받침되어야 할 것이다.|Korea's specialized high schools have difficulties in recruiting students in every new semester, due to students's avoidance of the specialized high schools. As of 2007, the number of specialized high schools stands at 702 or accounts for 32.5% of the total high schools in Korea. The number actually has sharply diminished in comparison with 764 or 39.0% in 2000.
The reason for such a decline can be explained as follows:
First, there is recognition that specialized high schools are for the students whose academic achievements are inferior to advance general high schools or whose financial situation is difficult. Some even think that the students who attend specialized high schools are from single-parent or parentless family.
Second, academic background and academic cliquism have been widely prevalent in our society as a social phenomenon. The college admission rate of Korean high school students is over 80%. For this reason, the average age to start economic activities after students finish their education, in other words, the age starting work in society, becomes procrastinated. In comparison with developed countries, the average age starting work was 25.0 (26.3 for university graduates) in Korea last year, which is about two years delayed, while the average age to start work was 22.9 in OECD member countries (based on 2000).
The lack of workforce engaged in onsite production (technicians) is very serious in Korea. A conflicting phenomenon is unfolded in that industrial companies complain about the lack of workforce and the specialized high schools have difficulties in recruiting students.
The name of a vocational high school has actually been changed to a specialized high school in April 2007 for image reform. About 19 specialized high schools have been converted into special high schools. The purpose of such a conversion is to cultivate specialized manpower.
This study aims to develop a website on the basis of educational programs that can benefit practical work. In doing so, the study focuses on web design curricula essential to the extension of professionalism of specialized high schools.
To this end, the following propositions have been closely examined:
First, " What is web design?" needs to be identified through the definition and components of web design.
Second, the weight of and need for web design education needs to be investigated through a review of web deign education at specialized high schools. Moreover, the web design curricula that are required for specialized high schools are introduced.
Third, the introduced curricula need to be utilized as teaching materials and students' research space by connecting them one another through a construction of a website. All in all this study pursues to develop an educational website to help specialized high school students' acquisition of knowledge and functions concerning web design. This study ultimately aims to develop an educational website to play a role as an organic textbook suitable for continuously changing web design features.
The findings of this study are presented below:
First, the web design education site is composed of a theory area and web design program area through the web design concept and necessary factors for web design.
Second, the website education site must have an organic character in view of continuously developing web design. In the study, "good design" and "web design news" have been configured as the sub-menus of the first menu, which deals with web design concept. In this manner, examination on whether the concerned design is good and the status of web design can be identified. Interactions between teachers and students and between students are induced through "Q&A," "Introduction of My Work," "Visitors' Book" and "Free Board" in the fourth menu, "Community.
"Third, it is important to handle production programs properly so as to express ideas when it comes to web design. The second menu of the educational website, "Web Design Program," is the page to learn production tools for web design and is configured as etc. This is for the ever-changing web design programs, such as photo shop, illustration, flash, dreamweaver, HTML, Java script, image and 3-D.
In conclusion, some suggestions can be presented based on the findings of the study as follows:
Web design is the field that continuously changes and develops. It is no longer for static purpose of information delivery, but is dynamic and develops into various functions considering user convenience in combination with images and 3-D field. The improvement of systematic instrument and teachers' qualities must be carried out so that the relevant schools can properly educate ever-developing web design.
Author(s)
한옥재
Issued Date
2008
Awarded Date
2008-02
Type
Dissertation
URI
https://repository.sungshin.ac.kr/handle/2025.oak/5831
http://210.125.93.15/jsp/common/DcLoOrgPer.jsp?sItemId=000000005233
Alternative Author(s)
Han, Ok-Jae
Affiliation
성신여자대학교 교육대학원
Department
교육대학원 미술교육
Advisor
김향미
Table Of Contents
Ⅰ. 서론 = 1
1. 연구의 필요성 및 목적 = 1
2. 연구의 방법 및 내용 = 1
3. 연구의 제한점 = 2
Ⅱ. 이론적 배경 = 3
1. 웹 디자인의 정의 = 3
2. 웹 디자인의 그래픽 = 4
(1) 웹 디자인의 그래픽 요소 = 5
(2) 웹 그래픽에서 픽셀과 해상도 = 9
(3) 비트맵(Bitmap)방식과 벡터(Vector)방식 = 9
(4) 웹 환경에 적합한 그래픽 파일 포맷 = 10
3. 웹 칼라 = 11
(1) 색 = 11
(2) 색의 3속성과 톤 = 12
(3) RBG와 CMYK 컬러 = 13
(4) 웹 컬러 시스템 = 14
(5) 웹 디자인에서의 색의 역할 = 16
(6) 웹 디자인 컬러의 조합(배색) = 17
4. 레이아웃 디자인 = 19
5. 인터페이스 디자인 = 20
(1) 인터페이스 디자인의 개념 = 20
(2) 웹 디자인과 인터페이스 = 22
(3) 웹 네비게이션(Web Navigation) = 23
6. 웹 타이포그래피 = 26
(1) 타이포그래피(Typography)의 개념 = 26
(2) 타이포그래피 용어 = 27
(3) 웹 타이포그래피의 특징 = 27
(4) 웹 아이덴티티 = 29
Ⅲ. 전문계 고등학교 디자인 교육의 현황 = 33
1. 디자인과 교육과정의 변천 = 33
(1)제1차 교육과정에서의 디자인 영역 = 33
(2)제2차 교육과정에서의 디자인 영역 = 34
(3)제3차 교육과정에서의 디자인 영역 = 34
(4)제4차 교육과정에서의 디자인 영역 = 34
(5)제5차 교육과정에서의 디자인 영역 = 35
(6)제6차 교육과정에서의 디자인 영역 = 35
(7)제7차 교육과정에서의 디자인 영역 = 36
2. 전문계 고등학교 디자인과 교육현황 = 38
(1)디자인과 학교 및 학급 = 38
(2)디자인과 교사 및 학생 = 39
3. 디자인과 관련 국가 기술 자격증 = 41
Ⅳ. 교육용 웹 사이트의 분석과 설문조사 = 43
1. 교육용 웹사이트의 분석 = 43
(1)분석 대상 사이트 선정 = 43
(2)사이트 분석 = 44
2. 설문조사 = 54
(1)조사 대상과 방법 = 54
(2)설문지 구성 = 55
(3)설문조사 결과 분석 = 58
Ⅴ. 교육용 웹 디자인 사이트의 설계 및 개발 = 63
1. 설계방향 = 63
(1)목표설정 = 63
(2)사용자 분석 = 63
2. 교육용 웹 사이트 기본요소 = 64
3. 교육용 웹 사이트 설계 = 65
4. 교육용 웹사이트 구현 = 65
(1)디자인 컨셉과 시안 작성 = 66
(2)스토리보드 작성 = 66
(3)디자인 = 69
Ⅴ. 결론 = 74
참고문헌 = 88
ABSTRACT = 90
Degree
Master
Publisher
성신여자대학교 교육대학원
Appears in Collections:
교육대학원 > 학위논문
공개 및 라이선스
  • 공개 구분공개
  • 엠바고2008-03-31
파일 목록

Items in Repository are protected by copyright, with all rights reserved, unless otherwise indicated.