基于Epub.js框架的移動閱讀WebApp設計

方鈺敏，徐海蛟，符水梅，葉夢嘉，何佳蕾

摘要：隨著移動通信技術的不斷發展以及移動智能終端的日益便捷化，移動閱讀成為人們獲取信息資源的日常活動。為了還原用戶閱讀的近乎真實書籍的閱讀體驗，該文以Vue.js技術及Epub.js閱讀器引擎為基礎，結合HTML5技術、LocalStorage及LocalForage的離線緩存機制等技術開發了一款基于Vue.js技術的移動閱讀WebApp。通過Epub.js框架搭建出WebApp功能模塊，驗證了該設計的可行性和實用性。

關鍵詞： 移動閱讀;Vue.js;Epub.js;離線緩存機制;Web App

中圖分類號：TP399? ? ? 文獻標識碼：A

文章編號：1009-3044（2021）20-0083-03

Be Based on Epub.js Design of Mobile Reading Webapp Based on Framework

FANG Yu-min， XU Hai-jiao， FU Shui-mei，YE Meng-jia， HE Jia-lei

（School of Computer， Guangdong University of Education， Guangzhou 510303， China）

Abstract ：With the continuous development of mobile communication technology and the increasing convenience of mobile intelligent terminals， mobile reading has become a daily activity for people to obtain information resources. In order to restore the user's reading experience of almost real books， this paper develops a mobile reading web app based on vue.js technology and epub.js reader engine， combined with HTML5 technology， LocalStorage and offline caching mechanism of LocalForage. Through the framework of epub.js， the web app function module is built， which verifies the feasibility and practicability of the design.

Key words： mobile reading; Vue.js; Epub.js; offline caching mechanism; Web App

1引言

1.1研究背景

隨著技術的提升，移動互聯網的閱讀類應用具有更高的便捷性。經調查，移動閱讀類應用在移動應用市場中占有巨大份額。

現今，移動閱讀的方式有兩種。第一種是使用專業的電子閱讀器來閱讀書籍。不過電子閱讀器的價格昂貴，且閱讀功能簡單。第二種是在移動智能終端上下載閱讀類app來實現日常閱讀活動。它能夠開拓出巨額市場，但同時存在不便，于是本文研究的焦點關注于如何增強閱讀功能，提高App使用質量[1]。

我們將以Vue.js技術為基礎的HTML5開發移動閱讀Web App，同時以Epub.js閱讀器引擎模擬出電子閱讀器，增強視覺效果及交互細節。第一，根據我們的預測，下一輪課程教學改革中，信息技術教育的目標將會由現今的以信息技術操作教育為主體的信息素養、媒體素養、數字化素養教育轉向以信息文化、媒體文化、數字化文化識讀與創造為基礎的信息文化素養、媒體文化素養、數字化文化素養教育。

1.2國內研究現狀

在國內，對移動閱讀App在界面設計優化及用戶使用質量上的合理性方面的研究并不多，能夠參考學習的理論資料也是寥寥無幾，因此非常需要我們來分析研究并創新移動閱讀應用程序的設計與實現。

國內學者徐延章從多方面研究移動閱讀應用程序在用戶使用上的體驗，介紹了眾多功能。張曼舒借鑒了傳統紙質書的特征，結合移動互聯網高新技術，嘗試閱讀界面設計進行創新[2]。從界面設計和操作感受上看，國內的移動閱讀應用在使用質量上相似[3]。

1.3國外研究現狀

國外學者Liu和Chan在多個角度比較分析了用戶對各種移動閱讀應用程序的滿意度并對移動閱讀應用程序進行了深入研究和對用戶行為和互聯網流量進行分析。而Maynard得出了移動閱讀與紙質化閱讀之間的關聯性。Leopoldina Fortunati等國外出色學者則發現了移動閱讀與紙質化閱讀之間的互補性[4]。

2研究前期

2.1需求分析

通過對移動閱讀WebApp的網頁布局進行了深入研究，該系統的主要功能需求如下：

1） 書籍列表的呈現與書籍資源的獲取。在用戶進入系統后，將推薦一些受用戶歡迎度比較高的書籍。書城首頁會將書籍按分類進行呈現，以便用戶精確瀏覽書籍。并且系統會提供隨機推薦的功能，將會推薦一本書給有需要的用戶;

2） 用戶個人書架的功能相關設置。設置私密閱讀以及將書籍提前離線下載到本地。另外，用戶能夠對書架上的書籍進行整理、分組，從而實現簡潔個性的書架。對于不需要的書籍，可以一鍵移出書架;

3） 書籍的詳情概況。當用戶點進一本書時，將進入這本書的詳情概況頁面，該頁面介紹了本書的書名、作者等內容，以及內容的試讀;