整體運作流程

首先在本系統中 主要可以分為三個步驟

『擷取數位資料』、『編排及呈現畫面』、『稍後閱讀及分享紀錄文章』

擷取數位資料

我們主要分為三種方法:URL 網址、bookmark、匯入。

第一種方法是最為基本的一種方法，就是記下該網頁的網址，然後加入本系統之 中，而第二種方法是本系統最為方便的方法，在你瀏覽網頁的同時，若你喜歡該 網頁的內容，那就可以將它加入為自己的 電子書來源，該 bookmark 是一串 javascript 的指令，他會抓取該網頁中的 RSS 或是 ATOM 檔案，並且列表出來給使 用者知道，該網頁有哪些來源可供使用，然後供使用者來做選擇，在來就是使用 者或許曾經自己在 google reader 中有已經整理好的來源檔案，而本系統可以直 接作匯入的動作。

編排及呈現畫面 WEB2.0

parsing Bookmark

URL

import

instapaper wordpress

圖表 3-7 整體運作

在這個部分也是本系統最為重要的一個部分，當我們手上握有自己的數位來 源之後，最重要的就是如何呈現他，我們要使用的就是 HTML5+CSS3+javascript，

我們必須將呈現出來的來源檔案作加工，讓他更成為我們要的電子書概念，然而 不只在編排上面，我們還要對各種設備去做控制，例如觸控的操作，手勢等等，

還有針對各個設備的解析度去作畫面的的排版，而在畫面的編排上有很多方法，

我們也加入許多的 javascript 動畫、全螢幕等等，讓它更像是一個應用程式，而 不是一個單純的網頁，但他擁有了許多網頁在雲端上的優點，在第四章我們會有 極佳的閱讀介面，所以我們結合了 instapaper 的功能，讓使用者在某個設備上，

若看到喜愛的文章，可以將此加入 instapaper，那麼這篇文章就會很即時的下載 到有安裝 instapaper 的設備中，之後即使在沒有網路的情況下，我們也可以在悠 閒有空的時候，作車的時候等等，拿出手機或是平板，觀看自己覺得很棒的文章，

而 instapaper 也有著筆記紀錄或是分享文章等等的功能，使用者也可以多加利 用。

接著『分享紀錄文章』，我們是希望使用者，在觀看到喜愛的文章之後，不只 可以作稍後閱讀的動作，更可以將此文章存在自己的部落格中，並且加入許多自 己的見解等等，然後發布出去讓親朋好友知道，這不但可以分享文章，更可以蒐

集自己所喜愛的文章在自己的部落格之中，所以使用者如果看到喜愛的文章，除 了在本系統可以作稍後閱讀的動作將文章存於自己的手機或是其他設備之中，更 可以存在所謂雲端的部落格之中，除了稍後閱讀、分享、紀錄等等，也有著備份 的功能在其中，詳細的說明我們會在第四章作詳細的描述。