X-Internet 기반의 RIA기술을 활용한 e-learning 전용브라우저 개발

다국어 초록 (Multilingual Abstract)

With the internet technology development, the voices demanding webpages which can be used simply are growing bigger. RIA(Rich Internet Application) that focused on the flexible use and the dynamic image has become the most talked-about UI technology for a new generation.
A Rich Internet Application (RIA) is a web application that maintains the strength and make up for the weakness of interface based on the existing web browser such as late response speed and low function compare to desktop application. The Rich Internet Application has many of the characteristics of desktop applications with supply built-in browser, interconnection with server web and markup language application.
RIA enables the webpages to materialize the dynamic programming using the flex based on adobe flash, microsoft silverlight and java FX. Recent off-line educational service tends to be replaced with upgraded e-learning service.
Despite the rising demand for on-line educational contents, most of the e-learning services have been characterized by teacher-centered learning and used Active-X flugin for video lectures and executions of learning materials. With appearance of operating systems and various browsers such as Firefox, Opera and Safari, it is difficult to set the standard and Platforms for the learner-centered e-learning are urgently necessary.
The web browser based on the Flash Player can fix theses problems. Flash Player is more widely prevalent than any other existing softwares and its technology is rapidly updated comparing to other Client technologies. The rate of Flash Player penetration has increased to 97.9% and Flash Player is installed more than 2 million times a day in the world. With remarking penetration of Flash Player, functioning with Flash Player is practically close to the standard.
The major object of this study were as follow;
First, suggest the alternative way using RIA technology to overcome of compatibility and nonstandard problems that plug-in system has like Active-X.
Second, surpass the simple function of contents just for showing and materialize UI(User Interface) that focused on dynamic, automated and user centered aspects.
Third, develop the browser for on-line educational service using AIR(Adobe Integrated Runtime) based on the RIA to perform the adequate learner centered lecture system and user management for the purpose without regard to the browser and the operating system.

국문 초록 (Abstract)

인터넷(Internet)의 발전으로 인해 사용자들은 조작이 간편한 웹 페이지에 대한 요구가 증가하게 되었고 쉽고 유연한 조작, 역동적인 화면구성에 초점을 맞춘 RIA(Rich Internet Application)기술은 웹2.0기술 중 사용자 편의성을 강조한 차세대 UI기술로 화두(話頭)되고 있다.
리치 인터넷 애플리케이션(Rich Internet Application; RIA)은 웹 애플리케이션의 장점을 유지하면서 기존 웹 브라우저 기반 인터페이스의 단점인 늦은 응답 속도, 데스크톱 애플리케이션에 비해 떨어지는 조작성 등을 개선하기 위한 기술의 통칭이다. 즉, 별도의 설치가 필요 없는 웹 브라우저 기반의 애플리케이션 배포 장점과 서버 측 웹 서비스와의 연동, 마크업 언어 기반의 선언적 애플리케이션 구성을 유지하면서 데스크톱 애플리케이션과 대등한 사용자 경험을 주는 기술이다.
현재 RIA를 지향하는 다양한 기술 어도비 플래시 기반 플렉스, 마이크로소프트 실버라이트, 자바FX을 이용하여 정적인 웹 페이지들의 동적인 구현이 가능하게 되었다. 인터넷기술이 발전함에 따라 기존의 오프라인 교육 서비스에서 업그레이드된 e-learning 서비스로 확장되는 추세이다.
오늘날 정보화 사회에서는 교수자 중심의 학습이 아닌 학습자 중심의 온라인 교육 콘텐츠 기술의 발전이 급속히 요구되고 있다. 하지만 국내 대부분의 e-learning서비스의 경우 대부분의 온라인 학습 콘텐츠의 특성은 학습자 중심이 아니라 교수자 중심의 강의 진행으로 이루어져 있다. 이런 온라인 학습 서비스에서 가장 핵심인 동영상강의 및 강의자료 실행을 위해 Active-X 형태의 플러그인을 이용하는 사례가 대부분이다. 그러나 인터넷 발전과 더불어 다양한 OS환경과 브라우저(Firefox, Opera, Safari)가 등장 하여 웹 표준을 찾기가 어려운 것이 현실이며, 학습자 중심의 e-learning 교육을 위한 플랫폼의 부족한 기능으로 학습자가 중심이 되는 온라인 학습의 특성을 만족시키지 못 하고 있는 실정이다.
이런 문제점을 Flash Player 기반의 전용 브라우저를 통해 해결하였다. Flash Player는 인터넷상에 존재하는 어느 소프트웨어보다도 널리 배포되어 있으며 다른 클라이언트 기술보다 빠르게 업데이트 되고 있다. 그리고 웹을 통해 하루 2백만 번 이상 설치될 정도로 무서운 속도로 퍼져가고 있다. Flash Player 보급률은 2010년 현재 97.9%에 도달하고 있으며, 보급률이 말해 주듯이 Flash Player 위에 작동한다는 말은 표준에 가깝다는 말과 상통 한다할 수 있다.
본 논문은 Active-X와 같이 비표준이면서 특정 기술에 종속적인 플러그인의 호환성 문제를 대체할 수 있는 RIA(Rich Internet Application)기술을 이용하여 단순한 콘텐츠의 보여 주기식 기능에서 벗어나 나아가서 클라이언트는 과거 C/S와 같이 혹은 그 이상의 동적이고, 자동화된, 사용자 중심의 편리한 UI(User Interface)를 구현 하고 웹 브라우저와 운영체제에 구애받지 않고, e-learning 서비스의 본래 목적인 강의시스템기능과 사용자 관리기능을 수행할 수 있는 학습자 중심의 접근성이 용이한 RIA기반의 AIR(Adobe Integrated Runtime)을 이용한 온라인 학습 서비스 전용브라우저를 설계하고 이를 구현 하였다.

목차 (Table of Contents)

• Ⅰ. 서론 11
• 1. 연구배경 및 목적 11
• 2. 연구방법 및 구성 12
• Ⅱ. 온라인상의 학습(e-learning) 14
• 1. e-learning 개념 14
• 1-1. 정의 및 특성 14
• 1-2. e-learning의 구성 요소 18
• 1-3. e-learning의 소요 기술 19
• 1-4. e-learning의 성공 요소 21
• 2. e-learning 동향 24
• 2-1. 해외 시장 동향 24
• 2-2. 국내 시장 동향 25
• 2-3. e-learning 발전 26
• 2-4. 국내 사이버대학 e-learning 서비스 사례분석 30
• Ⅲ. X-Internet 53
• 1. X-Internet 개요 53
• 2. X-Internet 구현기술 54
• 2-1. Ajax(Asynchronous JavaScript and XML) 54
• 2-2. JavaFX 56
• 2-3. Silverlight 57
• 2-4. Flsah/Flex 60
• 3. RIA(Rich internet application) 개요 61
• 4. RIA의 기반의 적용사례 63
• 4-1. 단일페이지 작업 처리 63
• 4-2. 다이나믹한 화면 구성 66
• 4-3. 풍부한 유저 인터페이스 68
• 4-4. 인터넷뱅킹 전용 브라우저 UI 분석 70
• Ⅳ. Flex를 이용한 e-learning 전용 브라우저 개발 78
• 1. 전용 브라우저 정의 및 필요성 78
• 2. Flash Platform 79
• 2-1. Flash Platform 요소 80
• 2-2. Flash Platform의 접근성 및 사용 범위 81
• 2-3. Flash Platform의 아키텍처 85
• 3. UI(User Interface) 설계 및 디자인 86
• 3-1. 개발 목적 및 범위 86
• 3-2. 개발 특징과 기대효과 87
• 3-3. 기본 화면 설계 90
• 3-4. 기본 기능 구현 92
• 3-5. 디자인 프로토타입 제시 108
• Ⅴ. 결론 및 제언 111
• 참고문헌 113
• ABSTRACT 116