本章分成兩節來闡釋,第一節是線上漫畫圖鑑的的系統特色、資料庫系統架 構圖、相關技術與概念說明、功能與使用者介面說明,第二節是實體漫畫圖鑑的 實作。
(一) 系統特色
簡言之,本系統有兩大特色:其一是,以資料庫實作 Topic Map,並提供 XTM (XML Topic Maps) 檔 案 匯 出 的 機 制 ; 其 二 是 , 系 統 具 備 三 個 模 組 : UI 、 Administrator、XTM output,個別和資料庫互動存取資料。資料庫系統架構圖(見 Figure 25)
Web Browser
UI Module
Database 漫角人物大觀園
漫畫作品仔細瞧
看漫畫遊台灣
Figure 25 資料庫系統架構圖
從Figure 25中可以看出我們運用主題地圖(Topic Map)的相關技術,並以 XTM(XML Topic Maps)語法來定義。如同第二章所述,所謂主題地圖的主要概念 是TAO三要素:T是Topics(主題),A 是Associations(關聯),而O則是Occurrences
(資源指引)。其次,將主題地圖(Topic Map)的概念轉化成資料庫表格(Table),
方便資料管理。
(二) 功能與使用者介面說明
線上漫畫圖鑑主要分成三大功能:漫角人物大觀園、漫畫作品仔細瞧、看漫 畫遊台灣,如Figure 26。收錄內容是漫畫家劉興欽先生的所有漫畫作品。
Topic Association Occurence Index
Adminstrator Module
Comic Books Cataloging Comic Content Cataloging
XTM Output Module
Topic
Associa
Occure
Figure 26 線上漫畫圖鑑首頁
點選「漫角人物大觀園」之後,進入其首頁畫面,可以看到所有漫角人物的 列表,如Figure 27。使用者可以採用瀏覽的方式,並點選進入想看的人物個別簡 介內容。Figure 28是點選漫角人物「大嬸婆」所看到的畫面,關於「大嬸婆」的 介紹一目瞭然,從「我的生日」、「大家形容我」、「出現在哪本書」、「權限範圍」、
以及「我的照片寫真」等來認識「大嬸婆」。
Figure 27 線上漫畫圖鑑-漫角人物大觀園首頁
Figure 28 線上漫畫圖鑑-漫角人物大觀園-大嬸婆畫面
其次,進入「漫畫作品仔細瞧」之後,可以看到所有漫畫作品的列表,為了
2001迄今等五個時期來介紹。使用者可以採用瀏覽或檢索的方式,找到個別的漫 畫作品,瀏覽方面,點選該作品封面圖示即可進入;檢索方面,可以輸入「書名 關鍵字」或國際標準書號(ISBN)進行查詢動作,如Figure 29。
Figure 29 線上漫畫圖鑑-漫畫作品仔細瞧首頁
以「阿三哥大嬸婆遊寶島」為例,使用者可以看到關於這部作品的「摘要」、
「創作理念」、「出版年」、「出版者」、「ISBN」等簡介資料,如Figure 30。
Figure 30 線上漫畫圖鑑-漫畫作品仔細瞧-阿三哥大嬸婆遊寶島畫面 接下來是線上漫畫圖鑑第三個功能--「看漫畫遊台灣」的介紹,這個單元是 針對「阿三哥大嬸婆遊台北」和「阿三哥大嬸婆遊寶島」的內容,運用主題地圖 (Top Map)的技術加值應用的成果。Figure 31是「看漫畫遊台灣」的首頁畫面。
我們提供台灣地圖做為瀏覽的方式,是一項小小的貼心設計,使用者滑鼠移到之 處,就會出現動態效果。
以下舉幾個實例來窺探,主題地圖(Topic Map)技術的精髓之處是如何淋漓盡 致地被展現出來的,以及一窺主題(T)、關聯(A)、資源指引(O)三者的巧妙之處究 竟為何。首先,點選台灣地圖進入「桃園縣」,如Figure 32。映入眼簾的分別是
「桃園縣」的漫畫中圖片一張與兩張昔日與今日的照片。文字描述的部分則包括 了「簡介」、「出現處」、「資料來源」、「包含的景點或區域」,其中的「包含的景 點或區域」是接下來介紹的重點所在。「桃園縣」包含的景點或區域有「石門水 庫」、「中壢」、「大溪」,換言之,「桃園縣」在漫畫圖鑑中相關的地主題也是「石 門水庫」、「中壢」、「大溪」,對應到定義的關聯表中,「桃園縣」和「石門水庫」、
「中壢」、「大溪」的關係是位於(大地方與小地方的關係)。
Figure 32 線上漫畫圖鑑-看漫畫遊台灣-桃園縣畫面
Figure 33是「石門水庫」相關的圖文介紹畫面。從景點主題「石門水庫」串 連到相關人物主題「陳故副總統」,「石門水庫」、「陳故副總統」這兩者之間的關 係是「地方與事件」(地方與事件的關係),如Figure 34;以此類推,從人物主題
「陳故副總統」串連到相關事件主題「石門水庫傳說」,「陳故副總統」、「石門水 庫傳說」這兩者之間的關係是「事件人物」(事件與人物的關係),如Figure 35。
Figure 33 線上漫畫圖鑑-看漫畫遊台灣-石門水庫畫面
相關的地主題
Figure 34 線上漫畫圖鑑-看漫畫遊台灣-陳故副總統畫面
Figure 35 線上漫畫圖鑑-看漫畫遊台灣-石門水庫傳說畫面
最後,再舉事件主題「鶯歌石吃人」、地方主題「鶯歌」、物主題「陶器」的 例子,概念會更清楚!從Figure 36、Figure 37來看它們彼此的關係。點選進入地 方主題「鶯歌」,「鶯歌」的「所在地」--「台北縣」意思就是衍生的關係「位 於」台北縣;同樣地,地方主題「鶯歌」所「包含的景點或區域」--「鳶山」、
「鶯歌石」兩個景點「位於」--鶯歌「鶯歌」,也是大地方與小地方的關係;,
地方主題「鶯歌」的「名產」是「陶器」,這指明關係是名產小吃(地方與物的關 係);地方主題「鶯歌」的相關事件是「鶯歌石吃人」,兩者之間是「地方與事 件」(地方與事件的關係)。
歸納得知,從大地方--「桃園縣」,串連到小地方--「石門水庫」,再串連 到人--「陳故副總統」,最後串連到事--「石門水庫傳說」;另外,事件主題「鶯 歌石吃人」、地方主題「鶯歌」、物主題「陶器」的例子,這些實例是主題地圖神 奇之效益彰顯的結果。
Figure 36事「鶯歌石吃人」、地「鶯歌」、物「陶器」I
Figure 37 事「鶯歌石吃人」、地「鶯歌」、物「陶器」II