HTML5 기반 전자책 콘텐츠 개발 (A Development of E-Book Contents Based on HTML5)

서지정보

· 발행기관 : 한국디자인문화학회
· 수록지 정보 : 한국디자인문화학회지 / 18권 / 3호 / 120 ~ 128페이지
· 저자명 : 김희선

초록

무선 인터넷 및 스마트폰 사용이 급증함에 따라 모바일 환경에서 전자책 콘텐츠의 수요 역시 증가하고있다. 전자책 콘텐츠 중에서 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.

참고자료

· 없음