HTML5 기반 전자책 콘텐츠 개발

김희선

추천

검색

질문

자료유형: 학술저널

저자정보: 김희선

저널정보: 한국디자인문화학회 한국디자인문화학회지 한국디자인문화학회지 제18권 제3호

발행연도: 2012.9

수록면: 120 - 128 (9page)

이용수

📌

연구주제

📖

연구배경

🔬

연구방법

🏆

연구결과

초록· 키워드

오류제보하기

무선 인터넷 및 스마트폰 사용이 급증함에 따라 모바일 환경에서 전자책 콘텐츠의 수요 역시 증가하고 있다. 전자책 콘텐츠 중에서 PDF와 ePUB 형태의 경우는 종이책을 디지털화한 것으로 기존 종이책과 비교하여 사용자 경험 측면에서는 큰 차이가 없다. 최근에 등장한 앱북(App Book) 형태의 전자책은 다양한 멀티미디어 요소와 사용자 상호작용을 지원하고 있기 때문에 사용자의 독서 효과를 높일 수 있다. 그러나 앱북의 경우 스마트폰 운영체제에 따라 동일한 콘텐츠를 중복적으로 개발해야하는 부담이 있다. 따라서 웹 표준 언어인 HTML5를 기반으로 하여 모바일 기기에 독립적이고, 다양한 멀티미디어와 상호작용을 통해 사용자의 독서 효과를 높혀 주는 전자책 콘텐츠를 개발하는 것이 논문의 목적이다. 연구방법 및 내용은 다음과 같다. 먼저 초등학생 권장도서인 ‘우리들의 일그러진 영웅’ 이라는 책을 선정하고, 책의 내용을 분석하였다. 전자책에서 멀티미디어 요소와 사용자 상호작용은 책 내용의 전개에 맞게 의미 있게 구성되어야 효과가 있으므로 이를 고려하여 멀티미디어 요소와 상호작용을 설계하고 구현하였다. 이미지와 2차원 그래픽을 제공하여 책의 내용을 시각화하여 전달하는 효과를 주었고, 오디오와 텍스트 애니메이션을 제공하여 극적 긴장감과 글에 대한 집중도를 높였다. 또한 하이퍼링크와 웹 검색을 지원하여 원하는 내용에 대한 빠른 검색이 이루어지게 하였고, 독서퍼즐 기능을 제공하여 독서에 대한 이해도를 높혔다. HTML5와 JavaScript, Adobe사의 Dreamweaver CS5 툴을 이용하여 전자책 콘텐츠를 개발하였다. 그 결과 본 논문에서 개발한 전자책이 PDF와 ePUB 형태에 비해 사용자 상호작용 및 멀티미디어 요소가 추가되어 사용자에게 독서에 대한 흥미를 유발시키는 효과를 나타내었다. 앱북에 비해 플랫폼 독립적이며 웹 접속만으로 콘텐츠를 쉽게 이용할 수 있는 장점이 있다. 독서퍼즐의 경우 플래시로 구현 했을 때와 비교하여 용량이 작고 플래시 플레이어를 설치할 필요가 없다는 장점이 있다. 본 논문은 웹 표준 언어인 HTML5를 사용하여 모바일 플랫폼에 독립적인 콘텐츠를 제공했다는 점과 앱북수준의 멀티미디어 요소와 사용자 상호작용을 지원하여 사용자 경험 요소를 증대시킨 것에 의의가 있다.

The rapid increase in the use of mobile Internet and smart phones has triggered the increase in demand for e-book contents in mobile environments. PDF and ePUB file e-book contents are forms that have digitalized paperback books, which offer almost the same user experience as existing paperback books. The recently introduced e-books in app book format can enhance the reading experience of the user as it supports various multimedia aspects and user interaction. However, identical contents of app books need to be developed repeatedly for different smart phone operation systems. Accordingly, this paper sought to develop e-book contents that increase the reading effects on the user through various multimedia and modes of interaction independent from mobile devices and based on the web standard language of HTML5. The study`s methodology and contents are as follows. First, the recommended book for elementary school students, ``Our Twisted Hero.`` was selected, and the contents of the book were analyzed. Multimedia aspects and user interaction of e-books display the effect with meaningful composition that is suitable to the progress of the book`s content, so this aspect was considered in planning and actualizing the multimedia aspects and user interaction. Images and two-dimensional graphics were provided to visually deliver the contents of the book, while audio and text animation were provided to increase dramatic tension and concentration on the text. Hyperlink and web search functions were also supported to allow rapid search of the desired content. A reading puzzle menu was added to increase understanding of what was read. E-book contents have been developed using JavaScript, HTML5 and the Dreamweaver CS5 tool of Adobe. The results point to an effect of inducing interest in the user towards reading, by adding user interaction and multimedia features in the e-book developed in this thesis, comparing to PDF and ePUB forms. The e-book also provides the advantage of allowing easy and simple usage via web access as well as independence from platforms, unlike app books. Reading puzzle contents, in particular, exhibit the advantages of having a small capacity and not requiring the installation of a flash player, unlike the contents` operation using flash. This paper is significant because it enhanced user experience by supporting multimedia aspects and user interaction at an app book level. It also provided contents independent from mobile platforms with the use of the web standard language of HTML5.

#전자책 콘텐츠 #모바일 웹 콘텐츠 #플랫폼 독립 #사용자 상호작용 #E-Book Contents #Mobile Web Contents #HTML5 #Platform Independent #User Interaction

참고문헌 (18)

참고문헌 신청

1. [학술지(정기간행물)] - 강지혜 / 2010 / 디지털출판에서 그림전자책의 북 디자인 개선 방안 / 정보디자인학연구 13 (2) : 1 ~ 12

2. [학술지(정기간행물)] - 두일철 / 2011 / 모바일 플랫폼에서의 e-Book 콘텐츠 활성화 연구 / 인문콘텐츠 (21) : 221 ~ 245

3. [학술지(정기간행물)] - 박혜진 / 2009 / 모바일 웹 2.0 사업의 진화 및 향후 전망 / 전자통신동향분석 24 (2)

4. [단행본] - 이문열 / 1998 / 우리들의 일그러진 영웅 / 다림

5. [학술지(정기간행물)] - 이성한 / 2009 / 디지털 컨버전스 시대의 온라인과 오프라인의 결합에 의한 뉴미디어에 관한 연구 -전자책(e-book)을 중심으로- / 조형미디어학 12 (2) : 109 ~ 116

이 논문의 저자 정보

김희선

소속기관 한국디자인문화학회

주요연구분야 예술체육학 > 디자인

논문수 2 이용수 215

이 논문과 함께 이용한 논문

전자책(e-Book) 인터페이스 사용성 평가에 관한 연구

윤성욱 , 김희선 , 김현기 한국콘텐츠학회논문지 2013 .04

안전한 만남을 위한 소개팅 앱 설계 및 개발

정성훈 , 김래경 , 조대제 Proceedings of KIIT Conference 2016 .06

GPS를 이용한 번개모임 어플리케이션 연구

이재인 , 조대제 Proceedings of KIIT Conference 2016 .06

Flash 기반 이러닝 콘텐츠를 HTML5 표준으로 변환 개발 시의 공수 예측에 관한 연구

이준정 , 김우주 한국지능정보시스템학회 학술대회논문집 2015 .11

스마트 TV의 VOD 방송 콘텐츠 기반 전자책 서비스 시스템 개발

전용섭 , 장용식 한국컴퓨터정보학회논문지 2014 .12

최근 본 자료

전체보기

구분	그룹	데이터 항목
AI 학습용 데이터	원문	원문 PDF 파일
AI 학습용 데이터	원문 + 메타 (기본/상세)	원문 PDF 파일 및 서지정보 CSV
대량 구매용 데이터	B2B 구독 방식	특정 자료 한정으로 원문 접근 권한 부여
대량 구매용 데이터	URL 전달 방식	바로 PDF 뷰어를 열람할 수 있는 URL 제공

구분	그룹	데이터 항목
AI 학습용 데이터	기본 메타	발행기관명, 간행물명, 권호명, 권(vol), 호(issue), 통권, 발행연도, 발행월, 논문명, 저자명, 시작페이지, 종료페이지, 전체페이지, 상세페이지URL
상세 메타 데이터	발행기관 메타	발행기관 이명, 영문명, 창립연도, 홈페이지URL, 발행기관 소개
	간행물 메타	부제목, 간행물 유형, ISSN, ISBN, 최초발행연도, 폐간연도, 간행빈도, 발행주기, 등재사항, 이용수, 피인용수, 권호수, 논문수, 표지이미지
	논문 메타	작성 언어, 부제목, 대등제목, 목차, 키워드, 초록, 이미지, 참고문헌, 이용수, 피인용수, 논문활용도, DBpia통합주제분류, KDC분류, DDC분류, 한국연구재단분류, UCI, DOI
	저자 메타	소속기관, 소속부서, 직급, 연구분야, 연구키워드, 이용수, 피인용수, 저자 논문활용도

구분	그룹	데이터 항목
※ 결합형/맞춤형 메타 데이터는 신청 내용에 따라 다양하게 제공 가능
이용순위 정보	주제분야별 많이 이용된 논문	“인문학”에서 많이 이용된 논문 TOP100
	이용기관별 많이 이용된 논문	“중고등학교”에서 많이 이용된 논문 TOP100
	세부기관별 많이 이용된 논문	“서울대학교”에서 많이 이용된 논문 TOP100
	키워드별 많이 이용된 논문	“Chat GPT”에서 많이 이용된 논문 TOP100
키워드 정보	많이 이용된 키워드	특정기간/분야/저널 내 많이 이용된 키워드
	많이 발행된 키워드	특정기간/분야/저널 내 많이 발행된 키워드
	많이 검색된 키워드	특정기간/분야/저널 내 많이 검색된 키워드
	연구 트렌드 키워드	특정 키워드 연관 연구동향 분석 데이터 키워드

논문 기본 정보

초록· 키워드

AI 요약

연구주제

연구배경

연구방법

연구결과

주요내용

목차

참고문헌 (18)

이 논문의 저자 정보

이 논문과 함께 이용한 논문

최근 본 자료

댓글(0)