系統設計與實作

本雛形系統乃根據先前的功能架構設計而成，且由於本系統是以典 藏資源支援教學，並試圖融入Web2.0 元素，因此後續的系統設計說明 除了先就首頁畫面做說明外，將分別針對「詩作典藏設計」、「支援教學 設計」、「Web2.0 元素設計」等三方面的系統設計作說明。

一、首頁：

首頁主要分為三大區塊，左邊為「導覽列」，中間為「詩作典藏」

及「最新發表」，右邊則包括「會員註冊」、「RSS 訂閱」、「熱門回應」

及「熱門標籤」。首頁圖示及各部分說明如下：

圖5-4 系統首頁圖示

（一）導覽列

列出整個系統的所有功能選項讓使用者點選。

（二）詩作典藏

首頁的中間上方置放「詩作典藏」，其目的是讓使用者一進入系統 便可立即用關鍵字搜尋典藏詩作。

（三）最新發表

將「創作天地」所發表分享的最新作品，及「討論園地」所回應的 最新文章，放置首頁中央，讓其它使用者可立即瞭解最新發表情況且直 接點閱相關內容。

（四）會員註冊

使用者可申請帳號密碼，以建立個人知識主題地圖。

（五）RSS 訂閱

系統提供「依韻入詩」、「創作詩劇」、「心得分享」等三個頻道的訂 閱，讀者可安裝自己的 RSS 閱讀器，並依需求訂閱所需內容，往後若 有最新內容，系統將自動饋送（Feed），讀者不需再進入系統逐一查閱。

（六）熱門回應

列出最多回應的詩作前十名。

（七）熱門標籤

將讀者對典藏詩作自訂的標籤進行排行，列出標籤數量的前十名，

讓讀者可以直接點閱相關典藏品。

二、詩作典藏設計

（一）典藏檢索設計

從詩詞文學角度出發設計檢索方式，可做綜合條件搜尋、關鍵詩句 查詢，也可依作者、詩體、朝代等分類查詢典藏詩作。以下以「高中課 程」典藏作品檢索為例，說明頁面圖示如下：

1. 綜合條件搜尋：可以結合詩體、朝代、作者、詩題等條件搜尋或直 接用熟悉的詩句當作關鍵詩句來搜尋詩作。

圖5-5「高中課程」典藏作品綜合條件搜尋的頁面

2. 依作者搜尋：可以直接用作者的姓氏筆畫找作者的相關作品

圖5-6「高中課程」典藏作品依作者搜尋的頁面

3. 依詩體搜尋：按照五言絕句、律詩，七言絕句、律詩等不同詩體格 律直接搜尋各種格律的作品。

圖5-7「高中課程」典藏作品依詩體搜尋的頁面

4. 依朝代搜尋：讓使用者由朝代分類來找尋各朝代的作品

圖5-8「高中課程」典藏作品依朝代搜尋的頁面

（二）典藏內容設計

分「高中課程」及「貂山詩作」兩部分典藏。「高中課程」典藏高 中國文教材中所收錄的詩文作品；而「貂山詩作」則典藏台北縣雙溪鄉 貂山吟社的詩作，以作為文化薪傳的鄉土文化教材。

依照先前的檢索方式，可點選所要的典藏作品。典藏內容除文字的 詩作內容、作者介紹、賞析外，亦包含多媒體的吟唱及詩劇等資料，延 伸詩的內容，呈現整合性的知識。同時也可發表閱讀後的心得感想，或 做外部資源搜尋。

此外在完成閱讀後更可給予典藏作品個人的自訂標籤，用來表達對 此作品的感觸；而標籤同時也提供超連結功能：連結有相同標籤的其他 相關典藏作品。

典藏內容的頁面圖示如下：

圖5-9 典藏內容的頁面

三、支援教學設計

（一）加入詩的基礎教學

系統中的「教學區」為詩的基礎教學內容，介紹古體詩、近體詩、

樂府詩等各種詩體種類；說明平仄、押韻、格律的規則，以為後續吟唱、

創作的基礎。並有線上測驗，可以立即瞭解學習成效。以下為以「教學 區」中「詩體種類」介紹為例的頁面圖示：

圖5-10「教學區」中「詩體種類」介紹的頁面

（二）融入鄉土教材資源

除了先前「詩作典藏」包含的貂山詩作外，系統中的「吟唱天地」

另有貂山吟社的介紹，以及貂山調的示範與吟唱練習。而吟唱示範部分 是由貂山吟社的楊鄭素玉老師親自錄音，配合系統的flash 字幕導唱，

可用來練習吟唱。另外也允許上傳個人吟唱檔案與他人分享交流。以下 為「吟唱天地」中「吟唱示範、練習」的頁面畫面：

圖5-11「吟唱天地—吟唱示範、練習」點選的頁面

圖5-12 進入「吟唱練習」後的點選頁面

（三）提供創作練習機制

創作練習在教學上不僅提供學習者實作經驗，更是創意展現的機 會，因此本系統的「創作天地」便納入「依韻入詩」及「創意詩劇」兩 部分，目的在提供練習、發表、創作、分享的空間。

「依韻入詩」是系統根據創作者所選擇的詩體格律，自動呈現平仄 規則說明，並根據詩譜來判斷創作的平仄正確性。同時允許創作發表。

而「創意詩劇」是一個創意分享的園地，讀者在欣賞完一首詩之後，

可發揮創意，將詩的內容、意境用戲劇的方式呈現，並上傳至系統分享；

欣賞詩劇後也可給予回應。此外系統更結合 YouTube 影音分享平台，

可 以 讓 使 用 者 在 不 離 開 本 系 統 的 情 況 下 ， 直 接 透 過 系 統 頁 面 內 的 YouTube 搜尋工具，檢索其它相關影片。

以下為「依韻入詩」與「創意詩劇」的部分頁面畫面：

圖5-13「依韻入詩」檢查格律平仄的頁面

圖5-14「創意詩劇」欣賞與分享的頁面

（四）連結外部網路資源

本系統對外連結「九年一貫教學資源管理雛型系統」（侯偉富，

2008），為一個知識本體（ontology）的管理系統，可以允許使用者管 理個人知識架構，並可搜尋及管理網路資源。因此本系統與其結合作為

「網路資源」連結，方便使用者在使用本系統的同時可直接連結至個人 詩詞學習主題的相關知識架構與網路資源。個人自訂的主題資源的頁面 如下：

圖5-15 個人建立的主題資源頁面

四、Web2.0 元素設計

（一）RSS 訂閱

系統提供依韻入詩、創意詩劇、回應分享等三個頻道供使用者訂 閱，自動饋送（Feed）最新的訂閱頻道內容，使用者只需安裝 RSS 閱

讀器，便可直接閱讀更新的內容，不需一再進入網站查看是否有新的內 容。下圖為RSS 訂閱頻道的頁面圖示：

圖5-16 RSS 訂閱頻道頁面

（二）回應留言機制

系統設計回應留言機制可以讓使用者彼此分享個人的學習心得、感 想；或是回應對於他人創作的想法、感觸等，是一個互動、交流的平台。

且不管是系統本身的典藏作品或他人發表的創意詩劇，都可直接給予留 言回應，也可點選首頁中的「討論園地」查看目前典藏作品的回應分享 情形。

此外系統會對回應的次數予以排名，將被回應次數最多的前十名詩 作，置放連結於首頁，方便使用者一進首頁可直接點選熱門內容。

下圖為「討論園地」的頁面圖示：

圖5-17「討論園地」頁面

（三）自訂標籤

讀者在閱讀完典藏詩作內容後，可依個人感受自訂典藏品標籤；也 可藉由點選標籤來來查閱該標籤的其它相關作品。

同時系統會對所有典藏品的標籤進行統計，將累積數量最多的前十 名標籤置放連結於首頁，方便使用者直接點選熱門標籤的相關典藏內 容。下圖為自訂標籤畫面：

圖5-18 自訂標籤內容畫面