中 華 大 學 碩 士 論 文
題目：具交叉參照功能之線上個人閱讀系統
A Web-based Personal Reading System With Cross-Reference
系 所 別：資訊管理學系碩士班 學號姓名：M09610031 陳昱儒 指導教授：羅 家 駿 博 士
中華民國 九十八 年 八 月
摘要
在現今的閱讀模式中，因為網路發展快速所帶來的便利性，已經由傳統的紙 本閱讀漸漸轉換為線上閱讀。線上閱讀的出現節省了許多傳統紙本所需要耗費的 成本，例如紙張的耗損、出版所需要的人力以及時間等，同時線上閱讀也成為現 代人收集資訊的最快方式。但對於線上的文章閱讀，仍然存在著一些限制，例如 文章註記(Annotation)與交叉參照(Cross-Reference)等，有待相關的技術去克 服。
本研究致力於開發一提供線上閱讀結合註記以及交叉參照之系統，並將其應 用在平常生活中提供使用者閱讀以及管理不同文章的註記，提供未來在不同文章 能互相參照相同註記分類的地方，且希望藉由註記分類的機制及相關閱讀支援的 功能，可以達到提升線上閱讀的效率、交叉參照的目標，進而提升使用者在線上 閱讀興趣以及接受度，同時也改善傳統紙本閱讀上的一些缺失。
本研究也針對系統進行相關的實驗，主要分為回憶測驗(Recall Test)的分 析、TAM 問卷的量化分析以及質性的訪談分析，結果顯示本系統有助於閱讀的效 率以及改善線上閱讀在不同文章參照上的困難。
關鍵字：線上註記、線上閱讀、交叉參照
Abstract
Due to the well-known convenience that the internet has been developed rapidly over the years, the present reading pattern has gradually changed from reading the printings into online reading. Online reading can save tremendous cost that the conventional printings would have required, such as the consumption of papers, the manpower for publishing and the time-consuming ext. At the meantime, online reading has become the most efficient method to collect informations for modern people . But, there are still some limits regarding of the online reading, such as annotation and cross-reference and so on. We need the related techniques to solve the problems.
This study is to come out a workable system that can combine annotation and
cross-reference for online reading, and also can be applied in our daily life for the users when they desire to read and file different annotations.
The study also examined the reading system developed for the research. The contrast and quantitative analysis were both performed. Contrast analysis mainly focused on interviews and recall tests, and quantitative analysis contained a TAM questionnaire. The results show that the reading system meets with acceptance among the participants.
Keyword: Online Annotation , Online Reading Cross-Reference
致謝
論文能順利完成，首先要感謝我的恩師-羅家駿教授，羅老師兩年來不僅僅 指導我研究以及論文的撰寫，學生更在羅老師身上學到許多做人處事的道理以及 態度。而羅老師細心認真的以及嚴謹的教學態度，讓學生在碩士求學的過程有長 足的進步，因為有您，學生才能如期完成論文且順利畢業。
感謝謝德鑫副教授以及吳玫瑩助理教授，在百忙之中抽空審理我的論文，以 及參予我的口試，給我許多寶貴的建議，使我的論文更加完備。還有實驗室的成 員們，不管是學長姐、同學、學弟妹們，因為有你們，讓我有了多采多姿的兩年 碩士生活。再來感謝我的父母親以及關心我的親人們，有你們的鼓勵以及父母辛
苦的栽培，才有今日的我。最後感謝女朋友思儀，陪伴我度過這難忘的日子。
認真努力後的成果，是踏實而滿足的。最後，再次獻上最誠摯的謝意，
感謝曾經幫助過我的人！
中華大學 資訊管理學系碩士班 適性化網頁系統實驗室 陳昱儒 謹誌於華大 2009 年 7 月 31 日
目錄
摘要 ... I ABSTRACT ... II
第一章 緒論 ... 8
1.1 研究背景 ... 8
1.2 研究目標 ... 9
1.3 論文架構 ... 10
1.4 研究流程 ... 11
第二章 文獻探討... 12
2.1 閱讀及註記摘要... 12
2.2 交叉參照與線上閱讀... 14
2.3 現有註記系統的相關探討 ... 15
2.3.1 不更改原始內容 ... 16
2.3.2 更改原始內容 ... 19
2.3.3 註記系統總結 ... 22
2.4 文獻探討結論... 23
第三章 線上個人閱讀助理系統 ... 24
3.1 系統簡介 ... 24
3.2 系統架構 ... 25
3.2.1 文章編輯介面 ... 27
3.2.2 文章閱讀支援介面 ... 28
3.2.3 註記組合器 ... 34
3.2.4 交叉參照介面以及註記搜尋器... 37
3.2.5 資料庫 ... 39
3.3 開發工具 ... 40
3.4 系統架構結論... 41
第四章、實驗設計與分析... 42
4.1 實驗ㄧ：對照回憶測驗分析 ... 42
4.1.1 實驗設計 ... 43
4.1.2 回憶測驗實驗結果分析... 45
4.1.3 實驗假說與檢定 ... 51
4.1.4 實驗結果 ... 56
4.2 實驗二：問卷分析... 57
4.2.1 實驗設計 ... 57
4.2.2 問卷設計 ... 59
4.2.3 數據分析(T檢定) ... 61
4.2.4 數據分析(複迴歸檢定) ... 64
4.2.5 實驗結果 ... 67
4.3 實驗三：訪談分析... 68
4.3.1 實驗設計 ... 69
4.3.2 訪談內容分析 ... 70
4.2.3 訪談內容分析結論 ... 76
第五章 結論與未來發展... 77
5.1 結論 ... 77
5.2 未來發展 ... 77
參考文獻 ... 79
附錄A ... 83
附錄Ｂ ... 85
附錄C ... 91
圖目錄
圖 1-1：研究方法流程圖 ... 11
圖 2-1：VIRTUAL NOTES系統畫面 (KOCH & SCHNEIDER, 2000) ... 17
圖 2-2：以疊架方式加入註記(林建丞等,2001) ... 18
圖 2-3：利用超連結來加入註記(MASON AND WOIT, 1999) ... 19
圖 2-4：利用XCCML標籤的方式加入註記(OGATA ET AL., 2000) ... 20
圖 2-5：利用ANOCHOR的方式加入註記(OVSIANNIKOV ET AL., 1999) ... 21
圖 2-6：擷取完整網頁來註記(FIREFOX的外掛程式SCRAPBOOK) ... 22
圖 3-1：系統架構圖 ... 26
圖 3-2：文章編輯介面 ... 27
圖 3-3：閱讀支援輔助工具列 ... 28
圖 3-4：重點標記畫面 ... 29
圖 3-5：註記分類視窗畫面 ... 30
圖 3-6：註記分類完成後畫面 ... 31
圖 3-7：刪除已註記段落 ... 31
圖 3-8：線上字典畫面 ... 32
圖 3-9：短句翻譯畫面 ... 33
圖 3-10：資料查詢畫面 ... 34
圖 3-11：使用<SPAN>定位本文前畫面呈現效果 ... 35
圖 3-12：使用<SPAN>定位本文後畫面呈現效果 ... 35
圖 3-13：曹忠學系統 (2004)註記呈現方式 (程式碼) ... 36
圖 3-14：交叉參照介面 ... 37
圖 3-15：註記搜尋器 ... 38
圖 3-16：註記搜尋結果(搜尋條件不同)... 38
圖 3-17：交叉參照顯示介面 ... 39
圖 4-1：實驗ㄧ之操作流程圖 ... 43
圖 4-2：控制組傳統網頁閱讀畫面 ... 45
圖 4-3：控制組傳統網頁閱讀畫面(2)... 45
圖 4-4：實驗二之操作流程圖 ... 58
圖 4-5：科技接受模型之關係示意圖 ... 60
圖 4-6：科技接受模型之因素關係圖 ... 66
圖 4-7：實驗三之操作流程圖 ... 69
表目錄
表 2-1：兩大類註記系統的比較 ... 23
表 3-1：系統功能簡介 ... 26
表 4-1：實驗ㄧ組別之控制因素 ... 44
表 4-2：實驗組總分數相關性分析 ... 46
表 4-3：實驗組總分數相關性散佈圖 ... 47
表 4-4：控制組總分數相關性分析 ... 47
表 4-5：控制組總分數相關性散佈圖 ... 48
表 4-6：實驗組交叉自由回憶部分分數相關性分析 ... 48
表 4-7：實驗組交叉自由回憶部分分數相關性散佈圖 ... 49
表 4-8：實驗組交叉線索回憶部分分數相關性分析 ... 49
表 4-9：實驗組交叉線索回憶部分分數相關性散佈圖 ... 50
表 4-10：自由回憶測驗分數統計表 ... 51
表 4-11：自由回憶測驗分數 T-TEST 檢定表 ... 51
表 4-12：線索回憶測驗分數統計表 ... 52
表 4-13：線索回憶測驗分數 T-TEST 檢定表 ... 53
表 4-14：交叉自由回憶測驗分數統計表 ... 54
表 4-15：交叉自由回憶測驗分數統計表 ... 54
表 4-16：交叉線索回憶測驗分數統計表 ... 55
表 4-17：交叉線索回憶測驗分數統計表 ... 55
表 4-18：總回憶測驗分數統計表 ... 56
表 4-19：構面與提項組成表 ... 60
表 4-20：實驗二問卷信度統計量表 ... 61
表 4-21：實驗二問卷各構面信度 ... 61
表 4-22：實驗二問卷各構平均值 ... 62
表 4-23：外部變數構面 T 檢定表... 62
表 4-24：認知易用性構面 T 檢定表... 63
表 4-25：認知有用性構面 T 檢定表... 63
表 4-26：使用態度構面 T 檢定表... 64
表 4-27：使用意圖構面 T 檢定表... 64
表 4-28：「外部變數」影響「易用性」之複迴歸分析 ... 65
表 4-29：「外部變數」影響「有用性」之複迴歸分析 ... 65
表 4-30：「易用性」影響「有用性」之複迴歸分析 ... 65
表 4-31：「易用性」及「有用性」影響「使用態度」之複迴歸分析 ... 65
表 4-32：「有用性」及「使用態度」影響「使用意圖」之複迴歸分析 ... 66
表 4-33：訪談內容大綱 ... 72
第一章 緒論
1.1 研究背景
資訊科技(Information Technology, IT)的技術日新月異，帶動生活型態的改 變，在平常閱讀的方式上亦是如此。傳統的閱讀，幾乎是以紙本為主；但是在網 際網路(Internet)發達的今日，資訊取得的便利性使得紙本閱讀的模式漸漸被線上 閱讀所取代。
而雖然目前電子化文件已經非常普遍，然而大部份的系統無法讓使用者如同 使用一般的紙筆方式根據自己的需求，隨意地在電子化文件上作相關的註記；在 紙本的文件上，我們可以隨意地在任何地方做任何的符號和標示，也可以自由的 翻動不同文章作參照，而在電子文件中，由於一些技術上實作的限制，並無法如 一般在紙本上註記一樣的具有彈性和方便性(O’Hara and Wilensky, 1997)。因此，
根據調查顯示，即使目前的電子化文件越來越盛行，大部份的人還是偏好先將電 子文件列印出來後才進行閱讀及註記(Ovsiannikov et al., 1999)，而其中有幾項原 因，例如使用紙本觀看比使用電腦螢幕更為清晰、傳統紙本可以輕易的往前或是 往後翻看、以及紙本可以對文章簡易的進行註記的動作(Wolfe, 2002)。
雖然在電子文件的閱讀上仍有一些限制，但是電子文件系統卻有比傳統紙筆 文件更大的優點，透過網路的連結以及電子文件的簡易複製性，讀者若是使用電 子文件以及電子註記系統，便可以迅速的取得複本，且透過網路的特性，可以不 用再攜帶龐大的紙本，也能節省更多資源。另一方面，使用者原以時間性翻閱書 本的線性方式進行，數位化後的內容可具有多媒體、多向文本與互動性等特質（須 文蔚，民87）。
根據Ovsiannikov(1999)等人曾提到一般人認為，對於文件上所做的註記(一 般在文件上所做的批閱，即所謂的註記)，其用途主要可分為記憶(Remember)、
思考(Think)、釐清內容(Clarify)和分享(Share)，由此可知在閱讀的過程中，註記 可幫助閱讀者記憶內容、思考內容、釐清自己對於內容的見解。
由上述理論可知，在線上閱讀的環境下，必須要有一個有效的支援系統來達 成使用者閱讀時的需求，尤其是能保留傳統紙本閱讀時的習慣再結合網路技術的 便利性，此即本研究最大之課題。
1.2 研究目標
本研究致力於開發一個人使用閱讀及註記分類交叉參照功能之系統，希望藉 由系統所提供之閱讀支援以及分類搜尋的功能，讓使用者能有效閱讀文章且快速 參照不同文章之相同註記分類之處。本研究改良曹忠學(2004)所設計的註記功 能，使之符合本研究中註記及交叉閱讀的需求，有效且提升閱讀理解的效率。
綜合上述，本研究的最終目標在於，希望能藉由系統本身所提供的一些機 制，來提升線上文章閱讀及理解的效益。本研究所設計的「註記分類」及相關功 能，將以網頁為平台來達成。
1.3 論文架構
本研究架構其主要章節可分為：文獻探討、本研究之系統介紹及註記分類相 關機制、實驗設計、結論與未來發展，其各章節內容概述如下：
第二章 文獻探討
針對本研究相關文獻作探討以及回顧，包含線上註記，閱讀行為等相關 文獻整理。
第三章 系統架構 根據文獻探討的結果，提出了本研究的系統架構。在本章節包含本研究 設計的系統簡介、系統架構、系統開發工具、系統操作流程等，會作進 一步詳細的說明。
第四章 實驗設計與評估
在此章節中，將會針對本研究所設計的系統，進行實際的操作，並依據 使用者的回憶測驗結果，作進一步的分析，驗證本研究所開發的系統是 否有效支援線上閱讀。
第五章 結論與未來發展
描述本研究經過實際系統建置，及透過實驗設計所得到的最後結果，同 時提出本研究在未來可改進或進一步發展的研究方向。
1.4 研究流程
本研究的流程圖如下圖1-1 所示：
確認研究目的
研究結果與分析 實驗設計 系統分析設計與建置
相關文獻探討
圖1-1：研究方法流程圖
第二章 文獻探討
本研究主要是希望能將註記的技術運用到線上閱讀，強調系統提供給使用者 相關閱讀支援的機制，進而提升使用者在閱讀線上文章的效率以及興趣，同時也 盡力使線上系統能滿足傳統紙本閱讀時的需求。因此在2.1節中先探討有關閱讀 時，進行註記摘要所引起的效果以及影響；在2.2節中則探討交叉參照與線上閱 讀的閱讀行為；2.3節中則探討現有註記系統的分類，並分析比較現有的註記系 統；而在2.4節中則會針對前面幾節的文獻探討做總結，並整理出本研究所預期 達到的目標。
2.1 閱讀及註記摘要
每個人在其學習的道路上都是從閱讀中學習，而可以在大量的閱讀活動中了 解重點，並且從其中擷取出有用的資訊來幫助閱讀是很有意義的。我們所得的知 識，根據統計，有一半是從閱讀得來的，所以閱讀的重要性可想而知。因此閱讀 就成為人類知識的重要來源(Guthrie, 1982)，而這也是經由閱讀達到學習效果的 重要途徑(MacLellan, 1997)。
閱讀是一複雜的能力，其中包括許多的歷程以及廣泛的敘述性知識。Gagné
（1985）依照訊息處理的觀點，把閱讀的過程分為解碼、文意理解、推論理解、
理解監控等四個階段。茲將此四個過程分述如下：
(1) 解碼（decoding）
簡單來說就是把文字辨識出來，使之產生意義。
(2) 字義理解（literal comprehension）
字義理解的功能是從書面文字來追溯推論每個字的意義，其中包括了兩個歷 程:字義取得和語法分析。字義取得（lexical access）是個人在使用解碼歷程後，
辨認出字形或字音，並在長期記憶中找出與這個字音聯結的意義。語法分析
（parsing）則是指在閱讀的時候，個別字詞的意義會組合形成較大的意義單位，
類似一個片語、一個短句的意義。
(3) 推論理解（inferential comprehension）
閱讀時須經由上面兩種過程始能了解文意，然而字義理解單純涉及對句子表 面上的瞭解，若要更深入地理解文章背後的涵意，則需對文章作推論的理解。
其推論理解指閱讀者對於他們所正在閱讀的文章的內容，有更深層且較廣博 的瞭解，其歷程包括：整合、摘要、與詳細論述。整合（integration）的歷程是
指閱讀時，閱讀者會把文中各概念的心理表徵相互連貫，使對文章的意義獲得更 深入的了解。摘要（summarization）的功能乃是要使閱讀者在讀完一段文章後，
在其記憶中對文中的主要觀念產生一個全盤性的結構。詳細論述（elaboration）
是指運用自己的先前知識賦予文句或段落更豐富的意義。
(4) 理解監控（comprehension monitoring）
這個功能係指確保閱讀者能夠有效率地達到其閱讀目標。其中的歷程包括設 定閱讀目標、選擇閱讀策略、檢視閱讀目標是否達成、及修正補強方法。閱讀者
在開始閱讀時會先設定閱讀的目標，並選擇一種適當的閱讀策略來達成所設定的 目標。目標檢視的目的在檢核閱讀所設定的目標是否達成。如果目標檢查的結果 是未達成既定的目標或未完全理解，閱讀者即會採行補救措施，如重讀不懂的部 份、參考上下文或重讀全文。
其中作筆記摘要的部分便可以有效幫助閱讀者使用現存的知識來促進新的 學習，做筆記的時候閱讀者會先吸收新的內容，然後再以自己的語意來解釋，而 非照本宣科的表達，因此在閱讀時有進行畫重點或是做筆記的閱讀者，將會比光 是閱讀而不做註記相關活動的閱讀者更容易了解閱讀的內容；而在做筆記時，閱 讀者會不斷反覆思考所閱讀的內容也就是不斷的檢查其對於內容的理解歷程，也 就是Collins以及Smith(1982)所提出兩類理解技能其中之一的理解-監控能力。
註記最大的好處便是提供了必要的訊息紀錄，也就是將其所閱讀的內容中，
閱讀者認為重要的資訊在文章中標示或是摘要出來，而這在閱讀活動中處理文字 的過程便是註記(陳守賢, 2001)。Ovsiannikov, Arbib and Mcneill（1999）提到註 記主要的用途是：記憶、思考、使文章變得清晰。
2.2 交叉參照與線上閱讀
其實閱讀的技巧和方法有相當的多，運用閱讀技巧，反覆的交叉閱讀後，閱 讀者得到了該有的閱讀價值，這閱讀價值真是得來不易的。知名成寒英文教材的 設計者成寒老師在教材的學習方法中提到，交叉參照(Cross-Reference)這個觀念
是他在國外念大學時，大一新生入學手冊中所看到的，國外的高等教育也建議學 生能在學習時能夠以這樣的方式學習；同時成寒老師也建議自己的學生在學習英 文教材時，如果教材 A 不理解，可以參考教材 B 或之後的教材，並不需要拘泥於 理解教材 A 之後才能接下去學習，經過交叉參照作用，理解力就在這其中互擊生 效學習，就能觸類旁通(成寒英文教材網站, 2007)。
交叉參照(Cross-Reference)是一種從別的地方連結文件出處的情況，去製造 一個連結的關係(Wiktionary, the free encyclopedia.)，這個概念類似於聖經中的『串 珠』，讓閱讀者能夠在不同文章或是章節，使用有結構的方式去參照相關之處。
線上閱讀是指在網路上從事閱讀的活動。網路數位文件閱讀，係採廣義之界 定方式，指在網路上閱讀任何數位化的文本，包括多媒體、電子書、網頁內容、
電子郵件、新聞討論群等不同的形式。線上閱讀理解的認知過程相關研究，主要 討論新媒體非線性、互動的特性如何影響讀者的閱讀理解認知歷程(林珊如, 2003)。Brown (2001)在討論閱讀偏好或閱讀習慣時指出，閱讀時人們會依照不 同的目的（如消磨時間、找資訊或學習）採取不同的閱讀策略（如分析性閱讀、
閒暇閱讀）。
2.3 現有註記系統的相關探討
根據Ovsiannikov et al. (1999)的調查結果中提到，一般人認為「註記」的用 途主要可以分為四方面：記憶(Remember)、思考(Think)、釐清內容(Clarify)和分
享(Share)。隨著網際網路的普及，使用者的成長，數位內容產業與科技的發展，
使得人們閱讀行為產生很大的變化，再加上電子文件的盛行，因此目前有許多研 究致力於註記系統的開發上。
目前現有的註記系統，若以『是否更改原始文件內容』的觀點來看，分為兩 大類：一種是原始文件會被更改，此類的註記會直接插入原始文件中。而另一種 是原始文件內容不會被更改，常用的註記方式是以超連結或疊架的方式來呈現註 記內容，所以並不會更改到原始文件的內容。若以用途、功能及後續的相關分析 來看，註記系統又可細分為好幾種，因此，以下就分別以『是否更改原始文件內 容』、『用途』、『功能』及『註記分析』等維度來探討現有註記系統的一些特 性，同時探討現有註記系統所存在的問題，並針對現有註記系統作分析比較，以 作為本研究在系統開發上的參考依據。
2.3.1 不更改原始內容
此類的註記系統，有三種主要的方法來加入註記。第一種方法是將使用者註 記的圖示以疊架的方式加入原始文件中，也就是將『原始資料的HTML』及『註 記效果的HTML』，分別存在不同的頁面當中，利用程式控制，將『註記效果的 HTML』疊在『原始資料的HTML』之上，讓使用者直接看到二個頁面相疊後的 效果；當使用者點選文章的某部分時，就可以產生一個新的註記(以圖示來表示
文章該部份有註記)，並允許使用者輸入相對應的註記內容；此外Style-Sheet會記
錄該註記在文章中的絕對位置，系統會考慮到使用者瀏覽器解析度的大小，自動 換算成相對位置來呈現註記，每當新增完一個註記後，系統會以Java Script參照 Style Sheet來產生一個連結的標籤，並將代表註記的圖示重新載入到適當的位置 上，只要滑鼠經過此圖示，就會出現對應的註記內容(Koch & Schneider, 2000)，
如圖2-1所示。
(1).註記資訊未開啟畫面 (2).註記資訊開啟畫面
圖 2-1：Virtual Notes 系統畫面 (Koch & Schneider, 2000)
第二種方式也是以疊架的方式來加入註記，只是它直接將註記的內容及符號 以疊架的方式(以Java Script及VML來呈現)加入原始文件中，並以CSS來固定這些 註記的位置及大小，以免因瀏覽解析度的不同，而使註記產生位移；由於它也是 利用DIV標籤來儲存所有註記，因此也不會改變原始文件的內容(林建丞等,
2001)，如下圖2-2所示。
圖2-2：以疊架方式加入註記(林建丞等
,
2001)圖2-3為Bargeron及Moscovich所開發之「Digital Ink」系統。主要利用設計好 的工具列，嵌入在IE瀏覽器中，透過使用者選擇上方的工具列進行註記的動作。
值得一提的是，其書寫的方式是採用平板電腦為新增文字的工具，而非傳統的滑 鼠書寫或是鍵盤鍵入註記的方式。
圖2-3：「Digital Ink」系統畫面 (Bargeron & Moscovich, 2003)
第三種方式則是以超連結的方式來加入註記：主要是針對有固定架構的文 章；系統會事先為文章中有意義的區段部分，自動產生超連結，類似目前Yahoo 網頁如果有相關的關鍵字，則使用者可以點選關鍵字的超連結，即可跳出相關解 釋視窗。系統的畫面上會出現跟此區段相關的註記下拉式選單，讓使用者選擇要 用的註記及其註記的等級，只要使用者一選擇好，並填入對應的註記內容，加入 註記的動作就算完成；且註記完之後該區段會有底線出現，使用者只要點選該區 段就會出現對應的超連結，如此，便可觀看註記的內容(Mason and Woit, 1999)，
如下圖2-4所示。
圖2-4：利用超連結來加入註記(Mason and Woit, 1999)
2.3.2 更改原始內容
會更改原始文件的註記系統，主要是以三種方式來插入註記。第一種方式是 以Java 為開發平台，讓使用者在原始文件上直接插入註記的代表符號及輸入對
應的註記內容，並且利用由SGML 發展出來的 CCML 或 XCCML 自訂標籤的特 性，在使用者插入註記的同時，系統會在原始字串的前後自動產生一個對應的 CCML 或 XCCML 標籤(由系統自訂的標籤)，以紀錄該註記的相關資訊，如：header 紀錄這些註記的擁有者，level 代表此註記的重要性…等等；並將這些資訊分別 紀錄至資料庫，以便日後的相關分析，而且系統會根據使用者的需求，利用解析 器來解析包含這些標籤的文件，讓標籤內註記的內容取代原始文件的部分內容，
並以上下視窗的方式分別顯示包含註記的原始文件(稱為 correcting text)跟解析後 以註記內容取代原始字串的文件(稱為 revised text)，讓使用者作比對的動作；使 用這一種方式的註記系統，主要是應用在寫作的修改上(以 Ogata et al., 2000 的註 記系統-CoCoA 為例)，如下圖 2-5 所示(以 CoCoA 系統為例)。
圖2-5：利用 XCCML 標籤的方式加入註記(Ogata et al., 2000)
而第二種方式則是利用Netscape composer plug-ins的方式，讓使用者能直接 在原始文件字串的後面，加入成對的anchor，並輸入相對應的註記內容，而系統
會自動將此註記的內容、註記的位置及註記的擁有者(以註記者登入系統的IP為 識別)紀錄到資料庫中；往後只要使用者開啟已註記過的文章，系統會自動從資 料庫中擷取該文章的註記，並藉由代理伺服器(proxy)將對應的anchor放至正確的 位置，使用者只要捲動該anchor，成對的anchor中間就會出現註記的內容，此種 方式適合用在解釋文章的內容(以Ovsiannikov et al., 1999所發表的Annotator系統 為例)。如下圖2-6所示(以Annotator此註記系統為例)：
圖2-6：利用 anochor 的方式加入註記(Ovsiannikov et al., 1999)
第三種方式則是擷取整個網頁資料，利用外掛程式保留完整HTML原始碼複 製成另外一個網頁的方式，讓使用者能在外掛的程式功能中管理以及修改網頁資 料。這樣的方式可以讓使用者在瀏覽任何網頁時能夠快速的建立自己的電子書以 及管理跟註記。如下頁圖2-7所示(以FireFox的外掛程式ScrapBook為例)：
圖2-7：擷取完整網頁來註記(FireFox 的外掛程式 ScrapBook)
2.3.3 註記系統總結
綜上所述，以及根據曹忠學 (2004)對二類系統的整理可發現 (如下頁表 2-1 所示)，由於「不會更改 HTML 內容」的註記系統並未將相關的註記資訊儲存在 資料庫當中，其發展會因不能進行「知識統整」、「協同學習」及「註記管理」
等因素而停滯不前；反觀「會變更HTML 內容」不受限於相關定位技術及顧慮 到是否修改HTML 內容的前提下，會有較好的發展空間，並可充份利用註記資 訊儲存在資料庫中的方式，進行相關資料的分析。因此本研究便以「會更改HTML 內容」的各項優點為考量，以該方式為本研究系統設計時，註記功能的設計依據。
表2-1：兩大類註記系統的比較
會更改HTML內容 不會更改HTML內容
加入註記的方式 以標籤的方式，將註記直接加 入至HTML中或在HTML以直 接插入anchor的方式來代表該 註記的存在。
疊架
未來能否作到註 記的管理
可以 有些行，有些不行 (沒將註記存
到資料庫)
用途 寫作的修正上、知識分享 閱卷、協助使用者加強記憶及整
理思緒、知識分享、用在程式語 言等有固定架構的檔上
未來能否做到協 同學習
能 只有Virtual Notes能
是否作到知識統 整
有 沒有
未來是否可跨平 台
能 不能
註：摘自曹忠學，2004。
2.4 文獻探討結論
根據前面幾節的文獻探討，可得知線上閱讀以及交叉參照的機制可以提升閱 讀者的理解效益；且註記可作為分享及釐清觀念的媒介；因此，本研究參考曹忠 學 (2004)的系統架構，延伸、改良及新增相關功能，實現一個以線上閱讀輔助 為概念之線上個人閱讀助理系統。籍由系統的閱讀支援以及註記分類參照的功 能，讓閱讀者能在使用系統閱讀的情況下，大幅增加閱讀的效率以及對文章的了 解。
第三章 線上個人閱讀助理系統
本研究致力於開發一個線上個人閱讀助理系統，希望能藉由線上閱讀的方 式，提供閱讀者閱讀支援、註記、註記分類的閱讀機制且讓使用者能保留傳統紙 本文章的閱讀優點，再結合電子化文章的互動式優點，希望提供相關的註記分類 機制給閱讀者能快速的交叉參照不同文章的相關註記。
而在本章的3.1 節中，我們會介紹系統架構，而在 3.2 節中，則針對整個系 統架構內的各個元件作較詳細的說明，同時也會說明元件間如何運作而達到註記 分類以及註記交叉參照的目標，在3.3 節則是介紹開發工具，最後在 3.4 節中，
針對系統架構作結論。
3.1 系統簡介
根據相關研究及文獻探討，線上個人閱讀助理系統確有其開發之必要性及價 值存在，冀望能透過此系統，支援線上閱讀。近年來，資訊科技無不紛紛採用 WEB 化的技術來達成，期望能夠透過 WEB 介面的便利性及單一性，不受限的 就可以使用。早期的電子化學習技術大多採用軟體開發的型式來達成，使用上必 需進行安裝，無形上相較於WEB 化的系統來說，浪費了一些寶貴的時間；而在 成本的考量下，採用網頁的開發也相對較節省。
於本系統為開發於網頁平台之系統，開發工具也以各種現行網頁程式語言標
準為主。而細部的國際標準，例如CSS 以及 XHTML 則為 W3C 之標準，現有之 網頁瀏覽器皆可相容。系統開發主要可分為客戶端 (Client)以及伺服器端
(Server)；客戶端主要使用 JavaScript，伺服器端則使用 JSP 及 MySQL。伺服器 端網頁伺服器部份選擇了Apache 軟體基金會下 Jakarta 專案小組的軟體 Tomcat 為運行JSP 的平台；而資料庫軟體則選用由 SUN 公司所擁有的 MySQL。另外，
由於W3C 部份標準，早期之瀏覽器不支援，因此，在使用本系統平台時，建議 使用Microsoft IE 6.0 版以上之瀏覽器。
3.2 系統架構
本研究系統主要可分為伺服器端 (Server-Side)及客戶端 (Client-Side)。伺服 器端元件包括資料庫 (Database)、註記結合器 (Annotation Composer)、註記搜尋 器 (Annotation searcher)；客戶端元件包含文章編輯介面 (Article Editing
Interface)、文章閱讀支援介面 (Article Reading Support Interface)、交叉參照介面 (Cross-Reference Interface)。各元件功能匯總如下頁圖 3-1 以及表 3-1 所示：
資料庫 註記結合器
註記搜尋器 交叉參照介面
文章編輯介面
文章閱讀支援介面
圖3-1：系統架構圖
表3-1：系統功能簡介
系統元件 功能介紹
資料庫 (Database)
紀錄有關於所有使用者相關資料、文章的註記資料及註 記分類的相關資料。
文章編輯介面 (Article Editing Interface)
提供線上文章編輯介面，讓使用者直接在線上編輯文 章。
組合器(Composer) 此元件會將符合使用者需求的註記，呈現至文件顯示畫 面(Document Viewer)給使用者觀看。
註記搜尋器 (Annotation searcher)
此元件會根據使用者的對於註記分類的選擇，將相關分 類的註記資料擷取出來，提供給使用者點選。
文章閱讀支援介面 (Article Reading Support
Interface)
提供使用者一個線上閱讀支援的介面，並包含了註記、
註記分類以及其他支援閱讀功能。
交叉參照介面 (Cross-Reference
Interface)
此元件根據使用者使用註記搜尋器的結果，將某搜尋符 合條件的註記在此介面顯示出來，並自動定位。
3.2.1 文章編輯介面
本研究所開發之系統，主要是以線上閱讀為主，但在文章的新增方面，還是 要讓使用者能夠很方便地進行線上編輯。因此，本研究針對文章的輸入或寫作方 面，也調查現有的線上檔案編輯套件後，選擇一套適宜的加入本系統的功能當中。
現有的「所見即所得」 (What You See Is What You Get，WYSIWYG)編輯器 相當多。它是一種網頁方面的技術，可以讓使用者在網頁上直接編輯檔案，類似 微軟的Word 軟體，但它強調是線上編輯，故在功能性上與套裝軟體還是有段差 距，但就其便利性而言，也絲毫不遜套裝軟體，近年來也廣受各大相關單位注意。
而本研究即採用Frederico Caldeira Knabben 所設計之 FCKeditor，其別具匠心之 JavaScript 及套用簡易的特性，亦為本研究系統採用之因。文章編輯介面如下圖 3-2 所示：
1.輸入文章標題。
2.輸入文章內文。
圖3-2：文章編輯介面
3.2.2 文章閱讀支援介面
文章閱讀支援介面為本研究開發系統之核心，主要是利用客戶端
(Client-Side)的 JavaScript 程式碼來操作，並將註記後的結果傳遞給伺服器端 (Server-Side)的 JSP 程式碼來進行資料的新增及修改。利用 JavaScript 將 CSS 標 籤和基本的HTML 標籤結合後，達成的效果即是讓使用者在閱讀過程中，達到 所有系統支援閱讀。閱讀輔助器主要是由一浮動的功能列組成，其包含本研究設 計之相關功能，如重點標記、註記分類、取消註記、線上字典、短句翻譯及資料 查詢等六種功能，讓使用者針對文章內容閱讀時，能夠容易使用這些功能來增加 閱讀理解的效率。
本系統之閱讀輔助器採用浮動工具列的方式來呈現 (如圖 3-3 所示)，不論 使用者移動到文章的那個段落，註記工具列永遠都在視窗右上方。
閱讀支援輔 助工具列。
圖3-3：閱讀支援輔助工具列
本研究設計之相關功能，如重點標記、註記分類、取消註記、線上字典、短 句翻譯及資料查詢等六種功能將會在接下來個別介紹。
z 重點標記的方式
使用者先利用滑鼠把文章中要註記的部份做反白的動作，接著點選重點標記 按鈕(圖 3-4)，系統會自動利用 JavaScript 在反白字的前後自動嵌入 XHTML 的
<SPAN>標籤，包含在<SPAN>標籤中的內容即為註記時所選取的範圍，<SPAN>
中的ID 即是在註記編輯介面中所產生的一組八位數的數字，此數字是在後續處 理時，可以透過JavaScript 進行相關的處理；<SPAN>中的 CLASS 也是在註記編 輯時所新增進去的，在使用者頁面呈現的同時，會經由設計好的CSS 樣式直接 套用至使用者端的畫面上(詳細將會在註記組合器中說明)。
圖3-4：重點標記畫面 2.點選重點 標記按鈕。
1.利用滑鼠將 文章段落反白。
3.則選擇的段落將 會反變成黃色。
z 註記分類的方式
使用者先利用滑鼠把文章中要註記的部份做反白的動作，接著點選註記分類 按鈕，則系統將會自動跳出分類視窗(圖3-5)，使用者可以自行輸入註記類別以 及文章類別；另外系統也會顯示使用者已使用過的註記類別以及文章類別提供使 用者點選，最後對於選擇的段落輸入註記說明。輸入完成後將回到文章閱讀畫 面，使用者選擇的段落將變成綠色，另外輸入的註記說明將可以在文章閱讀時以 滑鼠移動觀看，並顯示於註記搜尋區域(圖3-6) (此部分將會在稍後說明)。
1.選擇曾經輸入過的註記類別，
或是自行輸入新的註記別。
2.同上方式輸 入文章類別。
3.輸入對於文章段 落的註記說明。
圖3-5：註記分類視窗畫面
註記段落變 成綠色。
滑鼠移動過去將顯示使 用者輸入的註記說明。
圖3-6：註記分類完成後畫面
z 刪除註記功能
這個功能可以使用在重點標記以及註記分類上，使用者將已經註記的文章段 落反白，再點選取消註記按鈕，即可將註記刪除。如下圖3-7 所示:
1.選擇已
註記段落。 2.點選取 消註記。
圖3-7：刪除已註記段落
z 線上字典功能
使用者先利用滑鼠把文章中需要翻譯的單字部份做反白的動作，接著點選線 上字典按鈕(圖3-8)，則系統將會自動跳出Yahoo線上字典的視窗，並且將使用者 選取的單字作翻譯的動作。
3.跳出線上字典 畫面，且自動作 翻譯動作。
1.選取要翻 譯的單字。
2.點選線上 字典按鈕。
圖3-8：線上字典畫面
z 段落翻譯功能
使用者先利用滑鼠把文章中需要翻譯的段落部份做反白的動作，接著點選短 句翻譯按鈕，則系統將會自動跳出 Yahoo 線上段落翻譯的視窗，使用者需點選所 要轉換的語言，接者作翻譯的動作。如下頁圖3-9 所示:
1.將需要翻譯的 段落反白。
3.選擇需要轉換 的語言且翻譯。
2.點選短句 翻譯按鈕。
圖3-9：短句翻譯畫面
z 資料查詢功能
使用者先利用滑鼠把文章中需要查詢的關鍵字部份做反白的動作，接著點選 資料查詢按鈕，則系統將會自動跳出Wikipedia解釋的視窗。如下頁圖3-10所示:
1.將所選關 鍵字反白。
3.維基百科 顯示畫面。
2.點選資料 查詢按鈕。
圖3-10：資料查詢畫面
3.2.3 註記組合器
z 註記效果
在閱讀系統中註記的應用上，是透過<SPAN>並指定每個註記標籤的 ID 以
及CLASS，此處所指的 CLASS 為 CSS 的樣式元件之名稱，可藉以指定不同之 CSS 樣式元件以產生各種不同的註記效果。在圖 3-11 及圖 3-12 中，包含在<SPAN>
標籤中的內容即為註記時所選取的範圍，<SPAN>中的 ID 即是在註記編輯介面
中所產生的一組八位數的數字，此數字是在後續處理時，可以透過JavaScript 進 行相關的處理；<SPAN>中的 CLASS 也是在註記編輯時所新增進去的，在使用 者頁面呈現的同時，會經由設計好的CSS 樣式直接套用至使用者端的畫面上。
如圖3-12 中之 CLASS=”HighLight”則為將「Entertainment Guide Club」設定為 HighLight 所定義好之效果呈現 (Highlight 為反白效果)。
</table>
</td></tr>
That is that I just entered the senior high school in less than half a year, because I wanted to learn how to hold various kinds of activities, I joined the Entertainment Guide Club. When I entered the club soon, I joined instantly the training camping for new students and the duration of that were two days and one night.
<tr><td width="79%" colspan="2">
<table cellPadding="3" width="95%" border="0" >
圖3-11：使用<SPAN>定位本文前畫面呈現效果
</td></tr>
That is that I just entered the senior high school in less than half a year, because I wanted to learn how to hold various kinds of activities, I joined the <span id="12345678" class="HighLight">Entertainment Guide Club</span>. When I entered the club soon, I joined instantly the training camping for new students and the duration of that were two days and one night.
<tr><td width="79%" colspan="2">
<table cellPadding="3" width="95%" border="0" >
圖3-12：使用<SPAN>定位本文後畫面呈現效果
在先前研究及本研究所開發之系統上，尚存在註記重疊問題。由於本系統之 註記動作會記錄眾多資訊至資料庫當中，例如註記時所選取的文字、取代功能所 輸入的文字等，在已有註記的區塊上新增註記時，註記的呈現會被新增的註記效 果所取代；在註記刪除時，資料庫中的資料也會因此而錯亂，本系統在註記結合
器中的技術仍然沿用先前研究之技術，錯亂的問題仍是無法解決的一環，賴後續 研究進行相關的程式碼或演算法的開發。
z 即時註記顯示
本系統延用曹忠學系統的註記顯示方法，是利用<SPAN>標籤中
「OnMouseOver」，在滑鼠移至註記區塊上時呈現註記資訊 (如圖3-13) 。另外本 系統已將此技術整合於註記分類功能的動作之中(可參照本論文第24頁)，並加入 使用者寫入的註記類別以及文章類別，這將提供使用者再接下來的註記搜尋器以 及交叉參照閱讀介面使用。
<table cellPadding="3" width="95%" border="0" >
<tr><td width="79%" colspan="2">
That is that I just entered the senior high school in less than half a year, because I wanted to learn how to hold various kinds of activities, I joined the <span id="12345678" class="HighLight" OnMouseOver="javasctipt:
show(12345678)" OnMouseOut = "javasctipt:hide()">Entertainment Guide Club</span>. When I entered the club soon, I joined instantly the training camping for new students and the duration of that were two days and one night.
</td></tr>
</table>
圖3-13：曹忠學系統 (2004)註記呈現方式 (程式碼)
3.2.4 交叉參照介面以及註記搜尋器
使用者在閱讀的過程中，使用本系統註記分類功能後，將可使用註記搜尋器 搜尋相關註記並顯示於交叉參照介面。此部分更為本研究最為創新的地方。交叉 參照介面設計於閱讀支援介面下方，使用者可透過中間的滑桿自行調整閱讀支援 介面以及交叉參照介面的大小(如圖 3-14)。
透過中間的滑桿，將能 控制兩個介面的大小。
交叉參照 介面。
註記搜尋 器。
圖3-14：交叉參照介面
當使用者需要參照其他文章已經註記過的地方，則需使用註記搜尋器。註記 搜尋器主要是由一浮動的功能列組成，其中包括了註記類別、文章類別、文章主 題以及搜尋到的註記。使用者可以從下拉式選單選擇已經從註記分類功能輸入的 註記類別以及文章類別，文章主題則是使用者在文章編輯介面所輸入的文章主題
名稱，搜尋條件可依使用者自行決定，可只選擇其中之一或是其中之二或是三種 條件都選擇，系統會搜尋出符合條件的結果，如下圖3-15 及 3-16 所示:
圖3-15：註記搜尋器
圖3-16：註記搜尋結果(搜尋條件不同)
使用者輸入的註記 說明。(紫色為曾經 點選過)
註記搜尋器的搜尋結果呈現則是使用者對於註記分類時輸入的註記說明，方 便使用者點選所需要的註記來加以參照，使用者在點選之後將會把點選的文章顯 示於交叉參照介面上，並且使用定位語法加以定位於介面上方，且註記將會變色 提醒使用者，如下頁圖3-17 所示:
將選取到的註記 定位於交叉參照 介面最上面一行 且變色。
並且仍然看得到此 註記之註記說明。
圖3-17：交叉參照顯示介面
3.2.5 資料庫
在資料庫(Database)內有四個資料表，分別是使用者資料表(User Table)、文 章資料表(Article Table)、註記資料表(Annotation Table)、及註記分類資料表 (Annotation Classification Table)。使用者資料表主要記錄使用者的帳號、密碼、
中文姓名等；文章資料表主要記錄使用者新增至系統的文章；註記資料表主要記 錄使用者在各篇註記之資訊，如註記類型、註記說明等；註記分類資料表則主要 記錄使用者對於註記分類的資訊。
3.3 開發工具
z JSP
由於考慮到系統技術的延續以及運行的平台，本研究延用JSP來作為系統開
發 的 語 言 。JSP (Java Server Page) 是 一 種 伺 服 端 (Server-Side) 、 跨 平 台 (Cross-Platform)的程式語言，用來製作動態網頁，主要由Sun Microsystems公司 主導及眾多公司共同參與所建立出來的。JSP是以JAVA為基礎，透過伺服器動態 生成相對應之HTML、XML或其他規格的網頁格式。JSP為開放程式碼 (Open Source)，透過使用者可以將JSP的指令庫不斷的更新壯大，以支援更多的功能及 解決更多的需求。
z JavaScript
JavaScript 是 Netscape 開發的一種描述語言，利用 JavaScript，可以使網頁在 圖片和頁面引導方面變得更加活潑。本系統在一些特定的地方會利用JavaScript 來擷取使用者所輸入的字元，並且寫入資料庫中，在一些資料的顯示也是利用 JavaScript 來完成的。在文章寫作或是儲存的效果也是採用 JavaScript 的方式來運 作。
z MySQL
本系統是採用MySQL 的資料庫，它是 Open Source 的架構之下可以經過更 新達到最佳效能的軟體，且搭配Navicat 資料庫輔助軟體，讓 MySQL 更容易上 手使用且人性化。
3.4 系統架構結論
本研究主要目的為提供以交叉參照閱讀為概念之個人閱讀助理系統，除了希 望藉由系統的閱讀支援功能以及交叉閱讀得功能，提高閱讀理解以及增加閱讀效 率的目標，並提升閱讀者喜愛線上閱讀的學習效益，也希望能夠為線上閱讀的學 習帶來一些貢獻，冀望在未來的網路閱讀環境中，能夠更能接近於現實紙本的互 動。
而在開發本系統時，採用JSP、JavaScript、CSS 及 XHTML 等多項技術來達 成註記的效果，其閱讀支援以及交叉參照的閱讀環境，可以讓使用者在線上閱讀 時有效的增加閱讀理解以及加深印象，這個部分將會在下一章的實驗得到實證。
第四章、實驗設計與分析
本研究目的在於以線上支援閱讀為概念之個人閱讀助理系統，透過閱讀支援 及交叉參照的功能，了解使用者閱讀的情形，以及系統平台的有效性。本研究的 實驗設計與評估包含了對照回憶測驗分析及TAM 問卷與訪談的量化分析為主之 二大研究主軸，並分別在1、2、3 節中詳加說明，最後在第五章中綜合兩個實驗 的結論，提出本究於實驗中獲得之結論。
4.1 實驗ㄧ：對照回憶測驗分析
主要是為了驗證本研究所開發的系統，是否真的改善了線上閱讀系統的ㄧ些 缺失，並能夠讓使用者在閱讀的回憶能夠超越傳統網頁線上的閱讀。實驗ㄧ樣本 分為兩組：分別為閱讀實驗組及閱讀對照組；實驗組操作本研究所開發的系統，
而對照組所使用的則是傳統網頁閱讀，此外，在進行完系統操作後，會以回憶測 驗卷的方式來衡量，本系統及傳統網頁閱讀的方式，對於閱讀及了解的助益上，
兩個組別的使用者其對於文章的理解或是回憶是否會有明顯差異。
4.1.1 實驗設計
z 實驗對象
由於本研究的閱讀系統是應用於線上閱讀上，再加上為了資料收集的方便性 及達到良好的實驗控制，因此本實驗對象為中華大學資管所開設的書報討論課程 碩士班一年級，修課人數總數為30位，其中29位為碩士班一年級學生，1位為博 士班學生擔任本系實驗組閱讀者的角色；同時本研究的控制組對象則是中華大學 資管所所開設的網路行銷專題課程碩士班的學生，修課人數為14人，因此同樣為 碩士班學生，讓閱讀者本身閱讀能力能夠盡量相近。
z 實驗操作流程
本實驗的操作流程以及控制因素大致如下圖4-1以及表4-1所示:
實驗系統操作
回憶測驗
結束 前置工作
開始
圖4-1：實驗ㄧ之操作流程圖
表4-1：實驗ㄧ組別之控制因素 組別
對象
實驗組 控制組 控制因素
研究所學生
30人 使用本研究所開發之閱讀
系統。
14人 使用傳統網頁閱讀。
(ㄧ) 實驗前置準備工作
將選定的三篇文章放置網路系統上，並使這些文章能提供給控制組使用者使 用一般網路瀏覽器瀏覽，並將此三篇文章放置本研究所設計之系統，讓實驗組的 使用者可以使用本系統閱讀。
(二) 實驗系統操作
實驗組的系統操作流程及相關功能已在第三章中說明，此部份將不另做說 明。而控制組閱讀的網頁如下圖4-2及4-3所示:
圖4-2：控制組傳統網頁閱讀畫面
圖4-3：控制組傳統網頁閱讀畫面(2)
(三) 回憶測驗分析
在回憶測驗分析的部份，本研究採用記憶常用的衡鑑工具，自由回憶測驗 (Free Recall Test)以及線索回憶測驗(Cue Recall Test)的分析來探討(回憶測驗卷內 容請參考附錄A)。實驗組使用本系統閱讀，另外控制組則使用傳統網頁閱讀(測 試文章可參考附錄B)，閱讀時間各為一小時，之後給予相同的回憶測驗卷(包含 自由以及線索)，測驗卷的回答時間也各為一小時。實驗分析會在接下來的 4.1.2 節中詳細的進行說明及提出本研究所觀察到之現象與結論。
4.1.2 回憶測驗實驗結果分析
在學生完成該實驗流程後，本研究針對所回收的回憶測驗資料做相關的整理 與分析；首先為了解使用兩種方是閱讀的學生其閱讀理解以及回憶有所差異，因 此針對卷的分數，利用t-檢定驗證實驗組與對照組兩組之間的資料平均數是否有 差異。再者，本研究所提出的交叉參照介面是否能為使用者所提高閱讀交叉理解 的也是本研究欲探討的部分之ㄧ，因此，在回憶測驗的問題上也加入了需要交叉 文章閱讀才能夠理解的題目，包括了自由回憶測驗的第四題以及線索回憶測驗的 第七題、第八題以及第九題(可參考附錄 A)。
至於在回憶測驗卷批改的部分，為了要確認無主觀批閱影響實驗的情況產 生，所以在測驗卷的批閱上使用兩名批閱者，且對兩名批閱者所批閱的分數作相 關性分析以確保不會因為主觀批閱影響後續回憶測驗的分析。所以本回憶分析實 驗先使用了SPSS12 來檢定回憶測驗批閱成績的相關性，且使用的是 Spearman's rho 係數，如下表 4-2 至 4-5 所示:
表4-2：實驗組總分數相關性分析 相關(實驗組總分數)
reviewer1 reviewer2
Spearman's rho 係數
reviewer1 相關係數 1.000 .998(**)
顯著性 (雙尾) . .000
個數 30 30
reviewer2 相關係數 .998(**) 1.000
顯著性 (雙尾) .000 .
個數 30 30
** 相關的顯著水準為 0.01 (雙尾)。
表4-3：實驗組總分數相關性散佈圖
20.00 30.00 40.00 50.00 60.00 70.00 80.00 90.00
reviewer2
20.00 40.00 60.00 80.00 100.00
reviewer1
表4-4：控制組總分數相關性分析
相關(控制總組分數)
reviewer1 reviewer2
Spearman's rho 係數
reviewer1 相關係數 1.000 .980(**)
顯著性 (雙尾) . .000
個數 14 14
reviewer2 相關係數 .980(**) 1.000
顯著性 (雙尾) .000 .
個數 14 14
** 相關的顯著水準為 0.01 (雙尾)。
表4-5：控制組總分數相關性散佈圖
10.00 20.00 30.00 40.00 50.00 60.00 70.00 80.00
reviewer2
10.00 20.00 30.00 40.00 50.00 60.00 70.00 80.00
reviewer1
表4-6：實驗組交叉自由回憶部分分數相關性分析
相關(實驗組自由回憶交叉部分)
reviewer1 reviewer2
Spearman's rho 係數
reviewer1 相關係數 1.000 .957(**)
顯著性 (雙尾) . .000
個數 30 30
reviewer2 相關係數 .957(**) 1.000
顯著性 (雙尾) .000 .
個數 30 30
** 相關的顯著水準為 0.01 (雙尾)。
表4-7：實驗組交叉自由回憶部分分數相關性散佈圖
0.00 5.00 10.00 15.00 20.00 25.00 30.00
reviewer2
0.00 5.00 10.00 15.00 20.00 25.00
reviewer1
表4-8：實驗組交叉線索回憶部分分數相關性分析
相關(實驗組線索回憶交叉部分)
reviewer1 reviewer2
Spearman's rho 係數
reviewer1 相關係數 1.000 .942(**)
顯著性 (雙尾) . .000
個數 30 30
reviewer2 相關係數 .942(**) 1.000
顯著性 (雙尾) .000 .
個數 30 30
** 相關的顯著水準為 0.01 (雙尾)。
表4-9：實驗組交叉線索回憶部分分數相關性散佈圖
0.00 10.00 20.00 30.00 40.00
reviewer2
0.00 10.00 20.00 30.00 40.00
reviewer1
由上述圖表以及檢定可以知道，兩個批閱者所批閱的總分分數呈現0.998 以 及 0.980 的強烈正相關，另外在實驗組必須交叉參照不同文章的題目分數也為 0.957 以及 0.942 的強烈正相關。所以可以排除實驗數據會因為批閱者的主觀而 有差異。也因為本實驗使用兩名批閱者，所以回憶測驗的批閱分數將由兩名批閱 者的分數平均來作之後的分析。
4.1.3 實驗假說與檢定
在第一個問題裡，我們想要知道使用本系統閱讀的學生與使用傳統網頁閱讀 的學生在對文章的自由回憶部分是否有顯著的差異。我們使用t-test 檢定，其假 設分別如下：
H0 ： 兩組學生自由回憶測驗分數無顯著差異 H1 ： 兩組學生自由回憶測驗分數有顯著差異
表4-10：自由回憶測驗分數統計表
組別統計量
個數 平均數 標準差
平均數的 標準誤
本系統使用 30 49.9167 21.69383 3.96073
傳統網頁 14 35.7857 17.48264 4.67243
表4-11：自由回憶測驗分數 t-test 檢定表
變異數相等的
Levene 檢定 平均數相等的 t 檢定
F 檢定 顯著性 t
自由 度
顯著性
(雙尾) 平均差異
標準誤 差異
差異的 95% 信賴 區間
下界 上界
VAR00005 假設變異
數相等 2.410 .128 2.131 42 .039 14.13095 6.62975 .75157 27.51033
不假設變
異數相等 2.307 31.178 .028 14.13095 6.12528 1.64126 26.62064
表4-7中Levene 檢定結果p=0.128>0.05，未達顯著差異，表示兩個母群的變 異數相等，所以我們必需看假設變異數相等此列的t 值。在假設變異數相等這一
列中p=0.039<0.05**，t 值達顯著水準，可否定虛無假設H0，即使用本系統與使
用傳統網頁閱讀的兩組的學生在自由回憶測驗的分數上有顯著差異。兩組的平均 數(表4-10)中顯示使用本系統的學生平均分數為49.9167比使用傳統網頁閱讀的 學生平均分數35.7857高。
在第二個問題裡，我們想要知道使用本系統閱讀的學生與使用傳統網頁閱讀 的學生在對文章的線索回憶部分是否有顯著的差異。我們使用t-test 檢定，其假 設分別如下：
H0 ： 兩組學生線索回憶測驗分數無顯著差異 H1 ： 兩組學生線索回憶測驗分數有顯著差異
表4-12：線索回憶測驗分數統計表
組別統計量
個數 平均數 標準差
平均數的 標準誤
本系統使用 30 59.6333 12.51340 2.28462
傳統網頁 14 46.8571 19.41394 5.18859
表4-13：線索回憶測驗分數 t-test 檢定表
變異數相等的
Levene 檢定 平均數相等的 t 檢定
F 檢定 顯著性 t 自由度
顯著性
(雙尾) 平均差異
標準誤 差異
差異的 95% 信賴 區間
下界 上界
VAR00007 假設變異
數相等 5.885 .020 2.633 42 .012 12.77619 4.85265 2.98315 22.56923
不假設變
異數相等 2.254 18.222 .037 12.77619 5.66930 .87584 24.67654
表4-9中Levene 檢定結果p=0.020<0.05，達顯著差異，表示兩個母群的變異 數不相等，所以我們必需看不假設變異數相等的t 值。在不假設變異數相等這一 列中p=0.037<0.05**，t 值達顯著水準，可否定虛無假設H0，即使用本系統與使
用傳統網頁閱讀的兩組的學生在線索回憶測驗的分數上有顯著差異。兩組的平均 數(表4-12)中顯示使用本系統的學生平均分數為59.6333比使用傳統網頁閱讀的 學生平均分數46.8571高。
在第三個問題裡，我們想要知道使用本系統閱讀的學生與使用傳統網頁閱讀 的學生在對文章必須交叉參照的自由回憶部分是否有顯著的差異。我們使用 t-test 檢定，其假設分別如下：
H0 ： 兩組學生交叉自由回憶測驗分數無顯著差異 H1 ： 兩組學生交叉自由回憶測驗分數有顯著差異
表4-14：交叉自由回憶測驗分數統計表
組別統計量
個數 平均數 標準差
平均數的 標準誤
本系統使用 30 12.1667 6.18164 1.12861
傳統網頁 14 7.9286 6.25686 1.67222
表4-15：交叉自由回憶測驗分數統計表
變異數相等的
Levene 檢定 平均數相等的 t 檢定
F 檢定
顯著
性 t
自由 度
顯著性 (雙尾)
平均差 異
標準誤差 異
差異的 95% 信賴 區間
下界 上界
VAR00010 假設變異 數相等
.198 .658 2.110 42 .041 4.23810 2.00838 .18503 8.29116
不假設變
異數相等
2.101 25.197 .046 4.23810 2.01744 .08475 8.39144
表4-11中Levene 檢定結果p=0.658>0.05，未達顯著差異，表示兩個母群的變 異數相等，所以我們必需看假設變異數相等的t 值。在假設變異數相等這一列中 p=0.041<0.05**，t 值達顯著水準，可否定虛無假設H0，即使用本系統與使用傳 統網頁閱讀的兩組的學生在交叉自由回憶測驗的分數上有顯著差異。兩組的平均 數(表4-14)中顯示使用本系統的學生平均分數為12.1667比使用傳統網頁閱讀的 學生平均分數7.9286高。
在第四個問題裡，我們想要知道使用本系統閱讀的學生與使用傳統網頁閱讀 的學生在對文章的交叉線索回憶部分是否有顯著的差異。我們使用t-test 檢定，
其假設分別如下：
H0 ： 兩組學生交叉線索回憶測驗分數無顯著差異 H1 ： 兩組學生交叉線索回憶測驗分數有顯著差異
表4-16：交叉線索回憶測驗分數統計表
組別統計量
個數 平均數 標準差
平均數的 標準誤
本系統使用 30 22.4667 8.95865 1.63562
傳統網頁
14 16.1429 6.95985 1.86010
表4-17：交叉線索回憶測驗分數統計表
變異數相等的
Levene 檢定 平均數相等的 t 檢定
F 檢 定
顯著
性 t
自由 度
顯著性 (雙尾)
平均差 異
標準誤 差異
差異的 95% 信賴 區間
下界 上界
VAR00001 假設變異 數相等
1.850 .181 2.328 42 .025 6.32381 2.71591 .84287 11.80475
不假設變 異數相等
2.553 32.236 .016 6.32381 2.47694 1.27990 11.36772
表4-13 中 Levene 檢定結果 p=0.181>0.05，未達顯著差異，表示兩個母群的 變異數相等，所以我們必需看假設變異數相等的t 值。在假設變異數相等這一列 中p=0.025<0.05**，t 值達顯著水準，可否定虛無假設 H0，即使用本系統與使用 傳統網頁閱讀的兩組的學生在線索回憶測驗的分數上有顯著差異。兩組的平均數 (表 4-16)中顯示使用本系統的學生平均分數為 22.4667 比使用傳統網頁閱讀的學 生平均分數16.1429 高。
4.1.4 實驗結果
由回憶測驗實驗分析中可以得知，使用本系統比使用傳統網頁閱讀能得到更 好的閱讀理解以及印象，四個分析構面都達到顯著差異，而且使用本系統的實驗 分數平均都較傳統網頁閱讀的平均分數高，如下表(4-18)所示:
表4-18：總回憶測驗分數統計表
構面 平均數
自由回憶測驗 實驗組: 49.91667 對照組: 35.78571 線索回憶測驗 實驗組: 59.63333 對照組: 46.85714 交叉自由回憶測驗 實驗組: 12.16667 對照組: 7.928571 交叉線索回憶測驗 實驗組: 22.4667 對照組: 16.1429
