[논문]HTML5를 이용한 청각장애인의 u-Learning 기반 IT 직업 교육 콘텐츠 개발에 관한 연구

이근민; 김동옥

HTML5를 이용한 청각장애인의 u-Learning 기반 IT 직업 교육 콘텐츠 개발에 관한 연구
A Study on u-Learning based IT Vocational Education Contents Development of the Deaf Using HTML5 원문보기

재활복지공학회논문지 = Journal of rehabilitation welfare engineering & assistive technology, v.9 no.3, 2015년, pp.195 - 201

초록
AI-Helper

본 연구에서 언제어디서든 학습이 가능한 u-Learning 접근방법은 웹과 모바일기기를 상호호환 가능한 동시에, 안드로이드와 Mac OS, PC 등 모든 모바일 기기에서 호환이 용이하도록 HTML5을 이용하여 청각장애인의 IT 교육 콘텐츠(JSP, Oracle)를 개발하였다. 본 연구결과는 다음과 같다. 첫째, 대부분의 온라인 컴퓨터 교육과정에서 다양한 모바일기기를 지원하고 있지만, 대부분이 플래시기반으로 제작된 콘텐츠라 각각의 모바일기기에서 호환되지 않는 문제점이 있었다. HTML5를 활용하여 개발된 콘텐츠에서 웹과 모바일기기를 상호호환이 가능하였다. 둘째, 개발된 콘텐츠를 대상으로 FLASH와 HTML5 콘텐츠 제작 도구들의 장단점을 각각 비교해 볼 수 있었으며, HTML5를 활용하여 다양한 이벤트 기능을 구현할 수 있는 추가적인 연구가 필요하였다. 셋째, 청각 장애인의 u-Learning 설계 지침과 모바일 애플리케이션 접근성 지침에 따라 웹과 모바일 기기의 접근할 수 있는 설계 전략들을 비교해 볼 수 있었다. 하지만, 모바일 애플리케이션 접근성 지침의 경우 장애유형에 따라 교육 접근성을 높일 수 있는 설계지침에 관한 추가적인 연구가 필요하였다.

Abstract ▼ AI-Helper

In this study, IT education contents have been developed based on the u-Learning approach for people with hearing impairment, focusing on allowing the user to learn from anywhere and anytime. Specifically, this study applies HTML5 to implementing IT education contents(JSP, Oracle) for the deaf because HTML5 enables the learner to access the contents through both web and mobile device on various platforms including android, Mac OS, and PC etc. The results of this study are as follows: First, the online computer courses are mostly supposed to be compatible with diverse types of mobile devices. However, some of the contents could not be run on applications residing in web and mobile devices because the contents tend to be developed using FLASH. HTML5 is the effective way to overcome the compatibility problem. Second, FLASH and HTML5 contents authoring tools have been compared in terms of their strong and weak points by applying the developed contents to those tools. The study also suggests that the future work would be needed in order to implement wide variety of event functions with HTML5. Lastly, design strategies enabling access through web and mobile devices have been analyzed in accordance with u-Learning design guidelines for the deaf and mobile application accessibility guidelines. However, in the latter case, the future work regarding design guidelines needs to be conducted to improve the educational accessibility depending on the level of impairment.

주제어

AI 본문요약
AI-Helper

* AI 자동 식별 결과로 적합하지 않은 문장이 있을 수 있으니, 이용에 유의하시기 바랍니다.

문제 정의

따라서 본 연구는 청각장애인 IT 전문가양성을 위한 u-Learning 기반 IT 교육과정(JSP, Oracle)을 개발하는 것으로써, u-Learning을 통해 언제어디서든 학습이 가능하도록 웹과 모바일기기를 상호호환 가능한 동시에, 안드로이드와 Mac OS, PC 등 모든 모바일 기기에서 호환이 용이하도록 HTML5을 이용하여 청각장애인의 IT 교육 콘텐츠를 개발하였으며, FLASH 와 HTML5 콘텐츠를 대상으로 장단점을 비교해 볼 수 있었다.

제안 방법

그림 1과 같이 본 연구에서 2010년 6월부터 2012년 5월까지 2년에 걸쳐 청각장애인들의 IT능력 향상 및 취업을 위해 HTML, JAVA　SCRIPT, JSP, Oracle 등의 웹 언어를 학습하여 활용할 수 있도록 강의안(교재포함)과 u-Learning 콘텐츠를 설계하여 시스템을 구현하였다.
둘째, 개발된 콘텐츠를 대상으로 FLASH와 HTML5 콘텐츠 제작 도구들의 장단점을 각각 비교하고, 청각장애인을 위한 콘텐츠 설계 지침을 제공한다.
본 연구에서는 2차년도에 구축한 Web을 활용하여 모바일 기반과 Web 기반 두 가지 형태로 서비스를 제공하는 방법을 사용하였으며, 다양한 모바일기기에 호환이 가능하도록 HTML5 시스템으로 개발하였다. 모바일 기반에서는 웹 형태로 구축된 콘텐츠를 다른 기종 OS 형태(Android, Mac OS)에 호환가능하도록 개발하고 동시에 그림 6과 같이 Web 기반에서는 학습자의 능률을 높이기 위해 Open LMS(Learning Management System)인 Moodle을 활용하여 시스템을 구축하였다. 모바일 클라이언트인 Android 기반의 Galaxy Tab을 이용한 화면 인터페이스의 구성은 그림 2와 같다.
하지만 다른 모바일기기와 호환되지 않는 문제점이 있다. 본 연구에서는 2차년도에 구축한 Web을 활용하여 모바일 기반과 Web 기반 두 가지 형태로 서비스를 제공하는 방법을 사용하였으며, 다양한 모바일기기에 호환이 가능하도록 HTML5 시스템으로 개발하였다. 모바일 기반에서는 웹 형태로 구축된 콘텐츠를 다른 기종 OS 형태(Android, Mac OS)에 호환가능하도록 개발하고 동시에 그림 6과 같이 Web 기반에서는 학습자의 능률을 높이기 위해 Open LMS(Learning Management System)인 Moodle을 활용하여 시스템을 구축하였다.
서론에 앞서 제시한 FLASH의 문제점을 지적하였듯이 표 4와 같이 학습 콘텐츠 개발 시 보편적으로 사용하고 있는 FLASH 기능과 개방형 웹표준 및 호환성의 장점이 있는 HTML5에 대해 서로 장단점을 비교하였다.
하지만 모바일기기 영역에서 HTML5는 모바일기기의 호환성이 용이한 것이 가장 큰 장점이 있으며[8], 이에 반해 FLASH는 PC 사업과 달리 전력성이 낮고 터치 인터페이스와 개방적인 웹 표준, 호환성 등 모든 영역이 FLASH를 이용하기에는 부족하다고 하였다[9]. 이러한 이유로 인해 본 연구에서는 지식경제부 1～2차년도 국민편익증진기술개발사업 (QoLT)의 일환으로 청각장애인 IT 전문가 양성을 위해 u-Learning IT 교육 콘텐츠 (HTML, JAVA SCRIPT, JSP, Oracle)과정을 FLASH 및 HTML5의 버전으로 각각 개발하였다. 본 연구의 목적은 다음과 같다.
첫째, 청각장애인 IT 전문가 양성을 위해 언제어디서든 학습이 가능한 u-Learning 접근방법으로 웹과 모바일기기를 상호호환 가능한 동시에, 안드로이드와 Mac OS, PC 등 모든 모바일 기기에서 호환이용이하도록 HTML5를 이용하여 청각장애인의 IT 교육 콘텐츠를 개발한다.
표3과 같이 각 선행연구들이 제시하고 있는 설계 전략을 통해 u-Learning 설계 지침과 모바일 애플리케이션 접근성 지침에 따라 웹과 모바일 기기의 접근할 수 있는 설계 전략들을 정리하여 본 연구의 콘텐츠 개발 시 적용하였다.

대상 데이터

셋째, 어도비는 모바일 FLASH의 기술 개발을 중지한 시점에서 차세대 웹기술의 총합의 관점으로 HTML5가 각광을 받고 있다. 따라서 본 연구에서 개발된 FLASH와 HTML5 콘텐츠를 대상으로 각각의 장단점을 비교할 수 있었다. HTML5를 활용하여 다양한 이벤트 기능을 구현할 수 있는 추가적인 연구가 필요하며, 추후 개발된 콘텐츠를 청각장애인을 대상으로 한 사용성 평가를 실시하여 현재 개발된 콘텐츠의 문제점 및 개선방안에 제시할 필요성이 있다.

성능/효과

첫째, 온라인 컴퓨터 교육과정에서 FLASH 기반에 다양한 모바일기기를 지원하고 있지만 이는 대부분 동영상 스트리밍 형식에 다운로드 영상으로 진행되는 점에서 사용자 편의를 위한 글자확대/축소 기능, 화면확대/축소기능 등 다양한 기능과 청각장애인을 위한 수화영상이 제공되지 않았다. 또한 대부분이 FLASH 기반으로 제작된 콘텐츠라 각각의 모바일기기에서 호환되지 않는 문제점이 있었지만, 본 연구에서 HTML5를 활용하여 개발된 콘텐츠에서 Web과 다양한 OS에 모바일기기가 상호호환이 가능하였다.
셋째, 어도비는 모바일 FLASH의 기술 개발을 중지한 시점에서 차세대 웹기술의 총합의 관점으로 HTML5가 각광을 받고 있다. 따라서 본 연구에서 개발된 FLASH와 HTML5 콘텐츠를 대상으로 각각의 장단점을 비교할 수 있었다.
첫째, 온라인 컴퓨터 교육과정에서 FLASH 기반에 다양한 모바일기기를 지원하고 있지만 이는 대부분 동영상 스트리밍 형식에 다운로드 영상으로 진행되는 점에서 사용자 편의를 위한 글자확대/축소 기능, 화면확대/축소기능 등 다양한 기능과 청각장애인을 위한 수화영상이 제공되지 않았다. 또한 대부분이 FLASH 기반으로 제작된 콘텐츠라 각각의 모바일기기에서 호환되지 않는 문제점이 있었지만, 본 연구에서 HTML5를 활용하여 개발된 콘텐츠에서 Web과 다양한 OS에 모바일기기가 상호호환이 가능하였다.
그림 3과 같이 1차년도에서 Android 기반으로 개발된 것과는 다르게 2차년도 구축된 강좌의 경우 그림 2와 그림 6과 같이 Web에서도 동시에 강좌 서비스를 사용하기 위해 Web 형태의 콘텐츠를 구성하였다. 콘텐츠의 효율성을 위해 콘텐츠를 구현하는 기술들 중 그림 4와 5와 같이 FLASH와 HTML5 두 방법을 각각 구현을 하였으며, 결과적으로 본 연구에서는 FLASH 보다 HTML5가 다양한 OS형태의 기기에서 사용 할 수 있는 호환성의 장점과 심플한 이벤트 기능 및 이펙트 효과 뿐만 아니라 콘텐츠 유지보수가 가능한 것으로 나타났다. FLASH와 HTML5로 개발된 각각에 대해서 살펴보면 먼저 그림 4의 화면과 같이 FLASH 기반의 개발은 UI 디자인 및 화려한 이펙트, 액션 스크립트를 활용한 다양한 이벤트 등을 활용하여 폭넓은 학습 효과를 줄 수 있는 기능들을 많이 구현할 수 있었다.

후속연구

따라서 본 연구에서 개발된 FLASH와 HTML5 콘텐츠를 대상으로 각각의 장단점을 비교할 수 있었다. HTML5를 활용하여 다양한 이벤트 기능을 구현할 수 있는 추가적인 연구가 필요하며, 추후 개발된 콘텐츠를 청각장애인을 대상으로 한 사용성 평가를 실시하여 현재 개발된 콘텐츠의 문제점 및 개선방안에 제시할 필요성이 있다.
둘째, 청각 장애인의 u-Learning을 위한 콘텐츠 설계 지침들을 토대로 HTML 및 Javascript 언어학습에서 u-Learning 학습 환경에 적합하게 프로그램 설계 전략을 도출하였지만, 모바일 애플리케이션 접근성 지침의 경우 장애유형에 따라 교육 접근성을 높일 수 있는 콘텐츠 설계지침에 관한 추가적인 연구가 필요할 것이다.

질의응답

핵심어	질문	논문에서 추출한 답변
	FLASH의 단점은?	하지만 모바일기기 영역에서 HTML5는 모바일기기의 호환성이 용이한 것이 가장 큰 장점이 있으며[8], 이에 반해 FLASH는 PC 사업과 달리 전력성이 낮고 터치 인터페이스와 개방적인 웹 표준, 호환성 등 모든 영역이 FLASH를 이용하기에는 부족하다고 하였다[9]. 이러한 이유로 인해 본 연구에서는 지식경제부 1～2차년도 국민편익증진기술개발사업 (QoLT)의 일환으로 청각장애인 IT 전문가 양성을 위해 u-Learning IT 교육 콘텐츠 (HTML, JAVA SCRIPT, JSP, Oracle)과정을 FLASH 및 HTML5의 버전으로 각각 개발하였다.
	모바일기기 영역에서 HTML5의 장점은?	하지만 모바일기기 영역에서 HTML5는 모바일기기의 호환성이 용이한 것이 가장 큰 장점이 있으며[8], 이에 반해 FLASH는 PC 사업과 달리 전력성이 낮고 터치 인터페이스와 개방적인 웹 표준, 호환성 등 모든 영역이 FLASH를 이용하기에는 부족하다고 하였다[9]. 이러한 이유로 인해 본 연구에서는 지식경제부 1～2차년도 국민편익증진기술개발사업 (QoLT)의 일환으로 청각장애인 IT 전문가 양성을 위해 u-Learning IT 교육 콘텐츠 (HTML, JAVA SCRIPT, JSP, Oracle)과정을 FLASH 및 HTML5의 버전으로 각각 개발하였다.
	1차년도 청각장애인을 위한 u-Learning IT 교육 콘텐츠 개발의 문제점은?	7을 사용하여 어플리케이션 형태로 구축하여 제공하였다[10]. 하지만 다른 모바일기기와 호환되지 않는 문제점이 있다. 본 연구에서는 2차년도에 구축한 Web을 활용하여 모바일 기반과 Web 기반 두 가지 형태로 서비스를 제공하는 방법을 사용하였으며, 다양한 모바일기기에 호환이 가능하도록 HTML5 시스템으로 개발하였다.

참고문헌 (14)

보건복지부, "장애인 실태조사", 2011.
장병옥 "청각장애인 IT분야 취업을 위한 집중교육과정 모형 개발", 직업재활연구 제16집 제1호 pp. 59-82, 2006.

상세보기
이근민, 김동옥, 박혜정, "국내 청각장애인의 IT교육 실태조사", 장애와 고용, vol. 22, no. 2, pp. 41-69, 2012.
컴퓨터스쿨 http://www.CSCUL.com.
배움나라 http://www.estudy.or.kr.
김봉규. "'플래시' 거부한 애플 결국 이겼다... 어도비 포기 선언", , 2011년 11월 10일.
안희권. "어도비, 모바일 플래시세상 포기 선언", , 2012년 7월 2일.
Jennifer Kyrain. Sams Publishing. Sams Tecach Yourself HTML5 Mobile Application Development in 24 Hours. pp. 6-7. 2012.
http://www.fnnews.com 파이낸셜뉴스 2010년 04월 30일.
김동옥, 이신영, 정주석, 김소영, 이근민, "u-Learning 기반 IT 교육 콘텐츠 개발과 청각장애인의 욕구조사", 한국재활복지공학회 정기학술대회. 제 5권 1호. pp. 114-118. 2011.
행정안전부, "모바일 애플리케이션 접근성 지침", 2011.
황윤자, 안미리, "플래시 이러닝 콘텐츠이 접근성 문제점 및 개선방안", 정보처리학회지 제18-A권 제4호, pp. 129-134, 2011.
최성욱, 최민석, "다중 플렛폼 환경을 고려한 효율적인 이러닝 교육 콘텐츠 설계 및 구현에 관한 연구", 한국콘텐츠학회논문지, vol. 12 no. 4, pp. 1-9 2012.

원문보기 상세보기
홍지연, 이태호, 이승형, 홍충선, "HTML5 기반맞춤형 헬스서비스 관리시스템", 한국정보과학회 학술발표논문집, vol. 39 no. 1D, pp. 442-444 2012.

저자의 다른 논문 :

표제어: PCR

동의어: Packet Collision Rate

용어 설명 출처 목록 (6)

용어 설명: PCR은 세균 특이성이 있는 primer를 이용하여 적은 수의 세균이 있을지라도 쉽게 검출할 수 있는 유용한 방법이며, 이를 이용하여 구강 내 치면세균막이나 타액에서 직접 세균을 검출할 수 있게 되었다[8].

내보내기 구분	파일저장 인쇄 메일전송
구성항목	기본정보 상세정보 관리번호, 논문명, 저널/프로시딩명, 저자 , 발행년, 권, 호, 시작페이지, 끝페이지, 발행기관 관리번호, 논문명, 대등논문명, 저자 , 저널/프로시딩명, 발행기관, 발행년, 발행언어, 권, 호, 시작페이지, 끝페이지, ISBN, ISSN, 주제분야, 키워드, 초록(한글), 초록(영문), 저자(소속기관)
저장형식	Text(ASCII format) Excel format RefWorks Direct Export RIS format (for Reference Manager, ProCite, EndNote), Scholar's Aids, Mendeley
메일정보	받는사람 (필수) @ 보내는사람 (선택) @ 제목 내용 KISTI 검색결과 이메일 서비스
안내	총 건의 자료가 검색되었습니다. 다운받으실 자료의 인덱스를 입력하세요. (1-10,000) 검색결과의 순서대로 최대 10,000건 까지 다운로드가 가능합니다. 데이타가 많을 경우 속도가 느려질 수 있습니다.(최대 2~3분 소요) 다운로드 파일은 UTF-8 형태로 저장됩니다. 파일의 내용이 제대로 보이지 않을실 때는 웹브라우저 상단의 보기 -> 인코딩 -> 자동선택 여부를 확인하십시오. ~ Text(ASCII format) Excel format

연합인증