系統功能及實作說明

漫畫的特性是以圖片為主、文字為輔，若在多媒體漫畫電子書除了圖片、文字 外再輔以生動的聲音、影像等多樣化的媒體呈現，則更能表現漫畫的特性。由 於多媒體漫畫電子書是由大量不同類型的檔案組成，本漫畫電子書產生器以自 動匯入檔案的方式並依檔案名稱做為循序 (Sequential)及平行 (Parallel)的判斷 標準，以下簡要說明及舉例漫畫電子書檔案命名方式。

(1) 漫畫電子書檔案命名方式(如表 13)。

檔案名稱命名：NCTULIB_FA_EBAID_BID_VIDPID_t.xxx

表 13：漫畫電子書檔案命名方式 NCTULIB_FA_EB001_003_01001_t.jpg 01 表示第一冊，001 表示第一頁的圖片檔 NCTULIB_FA_EB001_003_01008.wav 01 表示第一冊，001 表示第八頁的聲音檔 例一：NCTULIB_FA_EB001_003_01001_t.jpg 及

NCTULIB_FA_EB001_003_01002_t.jpg 二張圖檔媒體類型相同均為

(jpg)， 0001、0002 以循序方式出現，即在 Viewer 顯示時，呈現出先 後次序。

例二：NCTULIB_FA_EB001_003_01001_t.jpg 及

NCTULIB_FA_EB001_003_01001.wav 二個媒體類型不同 (jpg)及 (wav)，但均為同一作者、同一書名、同一頁數，因此以平行方式播 放，即在Viewer 是以相同頁面出現。

(2) 電子書產生器畫面如圖 27，其說明如下：

圖27：電子書產生器畫面

1原始檔案目錄選擇：選擇欲產生電子書的所有媒體類型檔案所在之資料 夾，所有組成該本電子書的檔案均須存放在此資料夾內。

2選擇作者、書名、冊數：此步驟可以由資料庫正確挑選該本電子書的所有 詮釋資料。

3預覽區：可呈現作用中節點的預覽畫面，例如，當選取<guide>之 copyright 時可將其相對應的檔案呈現在預覽區。

4資料輸入區：此區為詮釋資料輸入、修改及提供<manifist>所有檔案的關 鍵字輸入區，以作為電子書瀏覽器資料檢索之用。資料輸入必須配合右

方“儲存”功能鍵，才能將資料正確儲存於資料庫中。

5“讀取”功能鍵：電子書產生器於按“讀取”功能時，即將原始圖檔及聲音檔 自動轉成html 格式呈現於 OeBPS Packsge 之<manifest>。

6分級資訊：分級資訊目前分兒童、一般、成人，主要配合不同的樣式表，

呈現不同的風格，以適合不同的年齡層需求。

7OeBPS Generator：將所有的媒體類型檔案組成電子書，並產生符合 OeBPS 的檔案格式OPF。

8封裝發佈：主要是將所產生的漫畫電子書壓縮，供讀者下載。

(3) 漫畫電子書產生器主要功能：

並依分級資訊(兒童版、一般版及成人版)分別編輯 OeB Package (<metadata> 、

<manifest>、<spine>、<tour>、<guide>)，其中在 manifest 可對每頁資料建立關

鍵字以供檢索資訊用。電子書產生器具備瀏覽原始編碼(Source Code)、預先瀏 覽、包裹成符合 OeBPS 規格的 OPF 檔案、封裝發佈等部分。其主要功能在於 產生符合電子書OeBPS 標準的檔案格式，以方便異質平台的資料交換或其他的 加值應用。其功能分別詳述如下：

1依作者、書名及冊數選取相對應之原始檔案目錄路徑後，點選“讀取”按 鈕，系統會將原始圖檔及聲音檔自動轉成 HTML 格式呈現於 OeBPS Packsge 之 manifest 下 ， 如 圖 29 之 範 例 將 NCTULIB_FA_001_007_02009_t.jpg 及 NCTULIB_FA_001_007_02009.wav 合 併 轉 成 NCTULIB_FA_001_007_02009.html

圖29：電子書產生器：讀取畫面

2於編輯<manifest>、<spine>、<tour>、<guide>時，可立即顯現所欲增刪 項目的影像內容，提供電子書製作時方便的編輯環境。如圖30。

圖30：電子書產生器：預覽畫面

3建立關鍵字：對作用中的節點，例如圖30 中為

NCTULIB_FA_001_007_01015.html 建立關鍵字以供檢索資訊用。

4自動產生OeBPS Source Code： OeBPS Generator 功能鍵可自動產生該 電子書的完整opf 檔案，於 Main Interface 之上方功能選單中選取

「viewÆview source code」可顯示符合電子書 OeBPS 標準的原始檔，如 圖31。

圖31：電子書產生器：OeBPS Source Code 畫面

5封裝發佈：具封裝發佈功能，將產生之電子書壓縮成檔，於漫畫電子書

瀏覽時提供即時下載服務。

(4) 電子書產生器中增修 OeB Package 各部份說明如表 14：

表14：電子書產生器中增修 OeB Package 各部份說明表

說 明 備 註 metadata 此metadata 具”著錄”功能，可立即修改 database

資料。

1. 提供可編輯的閱覽順序(tour id、title、site、

href)，產生不同的閱讀次序，可供不同瀏覽

1. 提供 copyright、cover、forward、title 四個 項目。

以選單供選取。

如圖34。

2. 具修改增刪功能。

圖32：電子書產生器：metadata 著錄畫面

圖33：電子書產生器：manifest、 spine 增刪修畫面

圖34：電子書產生器：tour、guide 增刪修畫面

(5) smil 部份：重點在於將同步多媒體整合語言 smil 的檔案格式嵌入 OeBPS 部份，於電子書瀏覽器中與OeBPS 整合播放。

(6) 由於 OeBPS 規範並未要求所有的閱讀系統一定要支援 guide 元素，以致於 本論文電子書產生器所製作之電子書檔案在某些電子書閱讀瀏覽軟體中 閱讀會產生部份瀏覽錯誤顯示。本論文之漫畫電子書閱讀軟體對不支援 OeBPS Pagckage 中之 guide 的瀏覽器未做特別程式處理。

2. 漫畫電子書瀏覽器

(1) 電子書瀏覽器畫面如圖 35，說明如下：

圖35：電子書瀏覽器畫面

1書籤功能：讀者可以加入適當的標題以快速進入書籤的頁面閱讀書本內 容。

2註記功能：提供的註記功能，可編輯修改註記內容並可做簡易的註解管 理。

3搜尋功能：於搜尋欄位中鍵入關鍵字，並按下執行鍵，檢索結果將以頁 碼呈現並供點選跳頁。

4塗鴉功能：具線條描繪、色筆，提供增、刪及簡易管理的塗鴉功能。

5翻頁功能：用滑鼠點選左邊區域將產生左翻頁；用滑鼠點選右邊區域將 產生右翻頁。

6最新消息及廣告功能：透過連結方式呈現最新消息及相關商品內容。

7書架管理功能：點選「我的書架」表單功能，進入”書架管理”選擇，即 可輕鬆容易地瀏覽電子書，亦會自動連線到主機查核是否尚有未下載的 電子書。

(3) 漫畫電子書瀏覽器主要的功能：

• 提供書籤、註記、簡易查詢及個人塗鴉的功能。

• 電子書翻頁功能的設計。

• 最新消息發佈及直接連結到刊登廣告廠商網站。

• 將各種風格樣式保存、重覆利用，依不同風格呈現多樣化來襯托內容 主要功能及畫面詳述如下：

1書籤功能：具有新增、刪除等功能，讀者在瀏覽電子書頁面時，可以書 籤方式方便下次翻閱，若翻閱至某頁，該頁之前有做過書籤的動作，則 會在該頁面之右上方出現”書籤”小圖示。如圖 36。

圖36：電子書瀏覽器：書籤畫面

2註記功能：在電子書加上註記的頁面會有小圖示，表示這頁有註解。一 般電子書提供的註記功能為可編輯修改註記內容並可做簡易的註解增 加、刪除、清除等管理功能。如圖37。

圖37：電子書瀏覽器：註記畫面

3簡易檢索功能：於搜尋欄位中鍵入關鍵字，並按下執行鍵，檢索結果將 於右上方以頁碼呈現並供點選跳頁。欲顯現原先各頁點選功能，按上方”

重新載入”功能鍵即可。如圖 38。

圖38：電子書瀏覽器：簡易檢索畫面

4個人塗鴉：漫畫為休閒性電子書，大部份是以圖為主、文為輔，塗鴉功 能顯得特別重要，例如漫畫電子書以塗鴉功能配合線條的表示，可將漫 畫的特性，表示的更淋漓盡致。傳統文字的註記並不能適用於漫畫電子 書，往往簡單的塗鴉功能以線條描繪即能生動傳達深遠意境，耐人玩味。

目前個人塗鴉僅具簡單的線條描繪與色筆，並提供增、刪及簡易管理功 能，主要是將此概念表達出來，並未深入實作。如圖39。

圖39：電子書瀏覽器：個人塗鴉畫面

5我的書架：點選漫畫電子書瀏覽器上方工具列中「我的書架」按鈕，即 可進入”書架管理”畫面，按查詢功能，會自動連線到主機查核是否尚有 未下載的電子書，或提示已下載的電子書。點選某本電子書並按下載功 能，則電子書會被儲存在預設資料夾內。如圖40。

圖40 ：電子書瀏覽器：架管理畫面

6翻頁功能：本系統所設計之漫書電子書瀏覽器，翻頁功能是主要的特點 之一，畫面顥示翻開的兩頁版面，點選左頁的左邊緣及右頁的右邊緣，

可進行翻頁的動作。電子書翻頁功能的設計理念是來自於大家對紙張的 依依不捨。

7最新消息區及廣告區：電子書製作時，由news.htm 網頁中之 JavaScript(附 錄一)，將近期漫畫最新動態及消息包裝於漫畫電子書，最後於電子書瀏 覽器透過連結方式呈現資訊內容。另外，漫畫電子書閱讀時，若某些別 具特色的劇情畫面有相關資料或商品，讀者可能想要下載該頁面內容的 桌布，或者購買有相關性的商品，如杯子或飾品等，而系統可以在周圍 提供相關的連結提示。電子書製作時，由ad.htm 網頁中之 JavaScript(附 錄二)，將周邊商品相關資訊包裝於漫畫電子書，最後於電子書瀏覽器透 過連結方式顯示相關商品內容。圖41 為漫畫電子書瀏覽器最新消息及廣 告區畫面

圖41：漫畫電子書瀏覽器最新消息及廣告區畫面 (4) 呈現於 flipviewer 電子書瀏覽器：

本論文所設計的電子書產生器，主要功能在於產生符合 OeBPS 標準的檔 案格式，只要使用支援 OeBPS 格式的電子書閱讀軟體，不論原本書籍內 容格式為何，只要轉換成OeBPS 標準格式，即可正確呈現內容。圖 42 為 透過本論文電子書產生器所產生的電子書opf 檔案格式，可正確地呈現於 flipviewer 電子書瀏覽器。

圖42 ：flipviewer 電子書瀏覽器