Skip to content

這是一款開源(Open Source)AGPL v3 授權的線上電子書,模仿原生 APP 行為與電子書介面,透過 PWA 技術,可安裝到您的智慧型裝置。介面是針對 iPad 設計,所以建議 iPad 上操作。

askiebaby/ReaderPrototype

Repository files navigation

Reader Prototype on iPad

專案介紹 License: AGPL v3

這是一款開源(Open Source)AGPL v3 授權線上電子書。專為 iPad 平板量身打造,透過 PWA 技術,您可以將應用程式「加到主畫面」。使用的 JavaScript 框架是主流框架之一的 Vue,路由設定搭配 Vue Router;狀態管理使用 Vue 應用程式專屬的 VueX,是整個應用程式狀態管理的中心;開發搭配 Vue 官方提供的開發者擴充套件,方便我們開發中,查看事件觸發時資料狀態的變化來除錯。

這個專案最特別的地方在於: 這是一款開源(Open Source)AGPL v3 授權的線上電子書,模仿原生 APP 行為與電子書介面,透過 PWA 技術,可安裝到您的智慧型裝置。主要載體是 iPad。

  • 需要模仿真正的電子書應用程式,在直、橫排版的需求下,及切換字級大小後,書籍章節、頁面間正確的切換
  • 需要模仿應用程式,能夠安裝到使用者的主畫面
  • 需要特別針對智慧型裝置的事件處理,例如:touchstart()touchmove()touchend()
  • 畫重點功能需要考量使用者的觸碰(touch)與手勢(gesture)來決定事件觸發的時間點及 Components 顯示的狀態。

因為有別於現今網頁主要開發類型(大部分是商業類型,如形象網站、傳統產業轉型、ERP、購物平台...等)不只是考量純粹的點擊事件而已,需要連同觸控、滑動的監測、雙擊動作等一併考量,也因此會遇到許許多多以前開發沒思考過的問題。


Installation

專案安裝

npm install

開發模式

npm run serve

建置專案

npm run build

About

這是一款開源(Open Source)AGPL v3 授權的線上電子書,模仿原生 APP 行為與電子書介面,透過 PWA 技術,可安裝到您的智慧型裝置。介面是針對 iPad 設計,所以建議 iPad 上操作。

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published