系統設計

本章節根據第三節所描述的系統設計大綱，詳細介紹本系統的開發工具以及 說明系統內相關功能與實作之結果。本系統以學習成效對於學習者在學習過程中 的重要性以及行動學習的熱潮作為開發之概念，目的在於整合合作學習與行動學 習，讓學習者可隨時進行閱讀和學習，利用和同儕之間的互動提昇學習動力。因 此本研究試圖開發一線上閱讀學習平台供學習者在閱讀同時記錄自我閱讀心得 並與其他學習者共同討論相關議題，以提升學習成效與動力。

本研究建置一「合作式行動電子書閱讀學習平台」，提供學習者透過任何電 子裝置可隨時隨地進行學習。考量學習者使用之裝置不同，在頁面的呈現上也依 據裝置不同而有所不同。當使用者利用不同類型的裝置進入系統首頁時，系統先 進行使用者裝置的判斷，再依據其裝置類型呈現畫面。

下圖 3-3 為利用桌上型電腦登入系統首頁之畫面。

圖 3- 3 使用桌上型電腦登入首頁之畫面

有鑑於平板電腦螢幕尺寸大多為七吋上下，因此在系統的設定上，加入判斷 使用者所使用的裝置之函數。當系統判斷使用者使用之裝置為平板電腦或其他行 動裝置時，系統會將網頁導入簡易首頁之畫面，頁面直接呈現使用者登入之部分 畫面，讓使用者直接輸入帳號、密碼即可直接登入。平板電腦首頁登入畫面如下 圖 3-4 所示。

圖 3- 4 使用平板電腦登入首頁之畫面

登入學習平台後，系統仍會依據使用者之裝置之不同而載入不同頁面供使用 者使用。在章節選擇畫面，無論使用何者裝置，其呈現之畫面皆相同。而在章節 選擇之後，進入學習平台主畫面之前，系統會再一次依據使用之裝置判斷將導入 之頁面。若使用者為使用桌上型電腦或筆記型電腦，屬於大螢幕之裝置進入學習 平台，在進入學習系統主畫面時，系統會將閱讀區與所有功能區展現，呈現畫面 如下圖 3-4 所示：

圖 3- 5 大尺寸螢幕於學習平台主畫面

然而，當使用者使用平板電腦進入學習系統，為了讓使用者能有較寬闊的閱 讀介面，系統會在使用者進入學習平台主畫面時，只呈現閱讀區與及 icon 區，

而先將其他功能區隱藏，如下圖 3-5 所示。當使用者需使用到其他功能區，再利 用 icon 區縮放之按鈕展開相對應的功能區。

圖 3- 6 小尺寸螢幕於學習平台主畫面

下圖 3-7 為本系統之系統架構。學習者透過任何可連結至網路之裝置，例 如：桌上型電腦、筆記型電腦或平板電腦，利用有線或無線之方式連接至學習平 台系統。學習者登入系統後，學習平台內之相關功能皆由後端資料庫依據登入的 學習者資料以及選擇之區塊將相關資訊回饋在平台上對應之功能上。下圖為本系 統之架構圖。

圖 3- 7 系統架構

下圖 3-8 為系統功能圖，分為使用者端與資料庫端。使用者端說明使用者在 平台內可使用之功能。包含文件閱讀、閱讀過程中，訊息與問題的紀錄與發問、

並提供三種學習過程中的互動模式：單人互動模式、同儕互動模式以及多人互動 模式。資料庫端說明系統後端資料庫包含之資料介紹。其資料表包含使用者資訊 資料表、書籍資訊資料表、心得訊息資訊資料表與互動資訊資料表。

圖 3- 8 系統功能架構

本研究建置五個資料表，如下表 3-3。包含個人資料表、訊息資料表、評分 資料表、時間資料表和按鈕資料表。個人資料表記錄使用者的個人資料，訊息資 料表為使用者記錄下的訊息相關資料，評分資料表為記錄使用者使用評分系統之 相關記錄，時間資料表為記錄使用者的停留時間長短，按鈕資料表為記錄學習者 在系統內，在各個功能區互動次數的多寡。

表 3- 3 本研究資料庫總表

資料表名稱 欄位名稱 說明

使用者資料表 persondata 學習者個人資料

訊息資料表 msgarea 訊息相關資料

評分資料表 recom 評分相關資料

時間資料表 time 使用者停留時間資料

按鈕資料表 button 使用者互動資料

下表 3-4 為個人資料表。在個人資料表中，利用 memacc 和 mempwm 用來記錄 學習者的帳號和密碼，而 memname 為在系統內顯示的名稱。另外 memnum 則是用 來記錄使用者的學號，主要用來辨識使用者學生之身分。

表 3- 4 個人資料表

欄位名稱 類型 說明

memacc 字串 使用者的帳號

mempw 字串 使用者的密碼

mamname 字串 使用者在系統名稱

mamnum 字串 使用者的學號

下表 3-5 為訊息區資料表。訊息編號(no)為自動編排，用來當做資料表的主 鍵，有新的訊息寫入資料庫時便自動依序產生編號。接著記錄下使用者名稱 (name)、發表訊息之主題(subject)、訊息內容(content)、記錄時間(putdate)、

章節(chapter)與頁數(page)。reply 用來辨識此訊息為主題訊息或是回覆訊 息，主題訊息以 1 表示，若是回覆訊息以 0 表示。此外，訊息為回覆訊息，則利 用 whichno 記錄回覆的訊息編號，這樣使用者點入相關訊息閱讀時，資料庫才會 依據同一個訊息編號列出原始訊息和所回覆的訊息。由於訊息具有評分機制，因 此記錄下各個評分選項(good、soso、bad)的個數，利用投票總數(votenum)去計 算平均分數(count)。

表 3- 5 訊息區資料表

欄位名稱 類型 說明

no 整數 訊息編號

name 字串 發表者名稱

subject 字串 主題名稱

表 3-5 訊息區資料表(續)

欄位名稱 類型 說明

content 文字 訊息內容

reply 整數 辨別是否為回應之訊息

whichno 整數 表示回應之訊息編號

putdate 日期 記錄之時間

page 整數 頁數

type 字串 訊息的種類

count 浮點數 評分分數

good 整數 好評價之個數

soso 整數 普通評價之個數

bad 整數 差評價之個數

votenum 整數 總投票人數

chapter 整數 章節

下表 3-6 為評分資料表。評分資料表總共有三個欄位，主要功能在記錄使用 者已針對哪一篇訊息投過票。由於使用者可針對不同訊息進行評分，因此系統機 制為：當使用者投票過後就會寫入資料庫，利用 comid 記錄投票的訊息的編號，

再用 state 記錄 1 表示已進行過投票，最後再記錄下投票者的名字。當使用者再 次進入同一訊息時，便會顯示訊息告訴使用者對該訊息已投票，以防止重複投票。

表 3- 6 評分資料表

欄位名稱 類型 說明

comid 整數 訊息編號

state 整數 記錄是否已評分

memname 字串 記錄投票者

下表 3-7 為時間資料表。時間資料表是在記錄使用者在平台內的停留時間。

開始時間從進入學習主頁面開始計算，結束時間為按下登出按鈕。未以防使用者 點擊關閉視窗鈕登出，因此若使用者點擊關閉視窗，系統仍判斷為登出系統，記 錄登出時間。此時系統便記錄下使用者在系統內停留之秒數。

表 3- 7 時間資料表

欄位名稱 類型 說明

id 整數 自動編號

user 字串 記錄使用者

starttime 時間 登入時間

endtime 時間 登出時間

totaltime 整數 記錄總秒數

下表 3-8 為按鈕資料表。按鈕資料表在記錄使用者在學習平台內的互動次 數。id 為資料編號，user 記錄操作之使用者。area 為記錄該使用者是在何處點 擊按鈕，項目包含：記錄區的訊息送出鍵、訊息區主題的點選、訊息內容內的評 分鈕以及互動區送出之按鈕。其對應之記錄字串為：記錄區、訊息區主題、訊息 區評分、互動區送出鈕。並記錄使用者點擊按鈕時之時間。此資料表主要用來評 斷使用者在學習平台內之互動頻率，並藉由此互動頻率與次數進行資料分析。

表 3- 8 按鈕資料表

欄位名稱 類型 說明

id 整數 自動編號

user 字串 記錄使用者

area 字串 按鈕發生地點

time 時間 點擊時間

此外本系統依據 Yao-Ting Sung，Kuo-En Chang，Huei-Tse Hou，Pin-Fu Chen(2009)在其研究中讓使用者透過行動載具於博物館進行學習，其互動模式包 含：同儕之間與載具和環境之互動、參訪者與載具和環境之互動、參訪者與載具 之互動和參訪者與載具和展品之互動。本研究參考其研究將本系統互動模式分為 三大類，以下針對各種互動模式進行說明。

圖 3- 9 單人模式

上圖 3-9 為單人模式:學習者使用單人模式時，主要為文件之閱讀。學習者 可以在閱讀過程中，隨時在訊息區進行相關訊息之閱讀，訊息類型共有「提供發 問、補充、心得、重點整理與其他」。或者利用訊息記錄區提出問題與其他學習 者進行交流或回應，或是記錄下閱讀的心得，甚至分享相關網址供其他學習者參 考。由於系統提供以頁為主的閱讀方式，學習者每切換一頁，系統變化即時更換 該頁數所屬的訊息於訊息區，學習者亦能從訊息區點選閱讀其他學習者對於該頁 數內所記錄之筆記。

圖 3- 10 同儕互動模式

上圖 3-10 為同儕互動模式:學習者使用互動模式，主要為在訊息區瀏覽其他 學習者之閱讀心得，或是查看其他學習者對於該頁數所提出的問題，進而思考本 身是否有同樣問題，若自己有能力幫忙解決此問題，可針對此訊息進行回覆。

圖 3- 11 多人互動模式

上圖 3-11 為多人互動模式:學習者使用多人互動模式，系統會將閱讀相同文 件之學習者，在點選文件後直接加入互動討論區。當學習者在文件閱讀上遇到困 難或有疑問時，可點選互動討論區，直接與其他學習者進行討論，避免學習者忽 略當下所遇到問題之障礙。同時學習者依然可以進行檔案的閱讀，和使用訊息記 錄區記錄相關心得與提出問題。

圖 3- 12 情境模擬圖

上圖 3-12 為系統學習的情境模擬圖，介紹系統學習情境。課堂上，老師使 用傳統的教學模式，而在課堂後，實驗組的學生便可使用「合作式行動電子書閱

上圖 3-12 為系統學習的情境模擬圖，介紹系統學習情境。課堂上，老師使 用傳統的教學模式，而在課堂後，實驗組的學生便可使用「合作式行動電子書閱