中 華 大 學 碩 士 論 文
題目：鷹架式線上註記輔助英文閱讀教學 系統
Scaffolding EFL Reading with Online Annotation System
系 所 別：資訊管理學系碩士班
學號姓名：M09610027 宋 昭 賢 指導教授：羅 家 駿 博 士
中華民國九十九年二月
I
摘要
鷹架理論主張由教師提供一暫時性的支持來幫助學生發展學習的能力，這暫 時性的支持可能是一種教學策略或教學工具，隨著學習者能力的提昇，便逐漸將 學習責任轉移到學生身上，最後讓學生可以自行主導學習，並經由學習的過程建 構出屬於自己的知識。所以當學生逐漸熟悉這樣的教學環境後，即便將鷹架輔助 移除，學生仍能自行的完成任務。鷹架學習模式不僅是幫助個體知識的建構，並 且是促使其不斷學習和進步的教學策略。因此，鷹架理論為近年來教育研究者最 關注的議題之一。
閱讀是學習過程中相當重要的一部分，在紙本上閱讀的環境中，學習者常透 過畫線、做筆記摘要的方式來輔助記憶、思考和理解文章的內容。然而現今資訊 科技進步、網際網路普遍發達，網路上的大量資訊已經成為許多人學習的重要來 源，所以線上閱讀的需求相繼也越來越高。
英語是全球公認的國際語言，許多非英語系國家的人們努力地尋找有效率的 學習模式或輔助工具來加強自我的英語能力，其中一個最好的學習方式就是多閱 讀英語文章。因此，本研究開發一鷹架式英語文章結構分析及結合線上註記平台 之閱讀輔助系統來支援有效的英語閱讀學習。並探討提供閱讀輔助的工具是否有 助於學習者的閱讀成效。
本研究也針對系統進行相關的實驗，包含實驗一和實驗二。實驗一為文章閱 讀支援介面，主要是比較三組英文閱讀註記輔助系統，僅以提供註記功能多寡做 為區分；實驗二為文章結構分析介面和鷹架式閱讀介面，主要是比較本研究開發 之系統和實驗一最具有成效的英文閱讀註記輔助系統。兩次實驗內容包含線索回 憶測驗(cue recall test)分析、自由回憶測驗(free recall test)分析和態度性問卷分 析，結果顯示本研究開發之系統提供的文章結構分析介面和鷹架式閱讀介面的確 有助於學習者的閱讀成效。
關鍵字：鷹架學習、線上註記、線上閱讀
III
Abstract
Scaffoldings states to let teachers provide a Temporary Support to help the students developing their self-scaffolding, this Temporary Support might be a kind of teaching strategy or teaching facility, as the capability of the learner advanced, the learning responsibility will shift gradually to the student, finally the student can dominate his/her learning. After students are getting familiar with such teaching environment .When removed, student still could finish their task by themselves.
Scaffolding learning mode is a teaching strategy that not only helps to construct individual self- knowledge, but also learns to progress constantly. Therefore, scaffolding theory becomes one of the topics that the education researchers pay attentions to in recent years.
Reading is a very important process in learning. While reading paper materials, learners underline texts, take notes, and summarizes on paper to help remembering, thinking, and comprehending. Learning on the Web has become more and more popular.
English is an international language. People look for the efficient study method to strengthen English ability. The extensive reading course is one of the best ways.
Therefore, this study is to come out a workable system that can combine annotation and scanffolding to support online English reading.
The study also examined the reading system developed for the research. The analysis mainly focused on cue recall test, and free recall tests, and a questionnaire.
The results show that the reading system meets with acceptance among the participants.
Keyword: Scaffolding learning , Online Annotation , Online Reading
V
致謝
在中華資管所兩年多的研究生涯中，首先要感謝指導教授羅家駿博士在學業 及生活上的諄諄教誨，和研究及論文的指導，讓我受益匪淺、獲益良多，感謝之 意溢於言表；在系統的實驗過程，首先實驗一要感謝中華大學莊英慧老師和朱啟 華老師的協助與幫忙，才得以讓實驗一圓滿完成；實驗二要感謝中原大學應用外 語系葉修文博士的協助與鼓勵，還有其研究助理王昀雅同學的幫忙，讓實驗而能 夠順利完成；同時也感謝所上其他老師在課業上的指導，讓自己得以在專業領域 的相關知識及能力上有所增長；還有在口試時，羅家駿教授、葉修文教授、謝德 鑫副教授及曾明怡副教授所給予的建議及指導，才能使這篇論文更加完備，得以 順利完成，僅此獻上最誠摯的謝意及感激。
此外，也要感謝研究所同學們總是能適時的給予意見及鼓勵，以及其他研究 所同學及學弟妹平時的加油打氣，讓自己能在充滿溫馨的實驗室裡愉快地進行論 文的相關研究，因為有你們，讓我有了多采多姿的兩年碩士生活。
最後也是最要感謝的，是我的父母，在每個求學階段中，總是不停地給予支 持與鼓勵，讓自己能心無旁鶩在課業上全力以赴，完成各階段的學業，在此獻上 最真誠的謝意，願這份喜悅及榮耀與你們共享。
VI
目錄
第一章 緒論 ...1
1.1 研究背景 ...1
1.2 研究目標 ...1
1.3 論文架構 ...2
1.4 研究流程 ...3
第二章 文獻探討 ...5
2.1 閱讀及註記摘要 ...5
2.2 鷹架理論 ...7
2.3 現有註記系統相關探討 ...10
2.3.1 不更改原始內容 ...10
2.3.2 更改原始內容 ...13
2.3.3 註記系統總結 ...15
2.4 文獻探討結論 ...16
第三章 系統架構 ...17
3.1 系統簡介 ...17
3.2 系統架構 ...19
3.2.1 文章閱讀支援介面 ...20
3.2.2 註記組合器 ...24
3.2.3 鷹架式閱讀介面 ...25
3.2.4 文章結構分析介面 ...29
3.2.5 資料庫...59
3.3 系統架構結論 ...60
第四章 實驗設計與分析 ...61
VII
4.1 實驗一：文章閱讀支援介面 ...61
4.1.1 實驗設計...62
4.1.2 實驗一系統操作流程 ...68
4.1.3 實驗結果分析 ...76
4.1.4 實驗一結論 ...92
4.2 實驗二：鷹架式閱讀介面和文章結構分析介面 ...94
4.2.1 實驗設計...94
4.2.2 實驗二系統操作流程 ...100
4.2.3 實驗結果分析 ...102
4.2.4 實驗二結論 ...122
第五章 研究結論與未來發展 ...125
5.1 結論...125
5.2 未來發展 ...125
參考文獻...127
附錄A...130
附錄B...132
附錄C...134
附錄D...138
附錄E...147
附錄F ...148
VIII
圖目錄
圖1-1：研究架構圖 ...4
圖2-1：Virtual Notes系統畫面 (Koch & Schneider, 2000)... 11
圖2-2：以疊架方式加入註記(林建丞等, 2001) ...12
圖2-3：「Digital Ink」系統畫面 (Bargeron & Moscovich, 2003) ...12
圖2-4：利用超連結來加入註記(Mason and Woit, 1999) ...13
圖2-5：利用XCCML標籤的方式加入註記(Ogata et al., 2000)...14
圖2-6：利用anochor的方式加入註記(Ovsiannikov et al., 1999) ...14
圖2-7：擷取完整網頁來註記(FireFox的外掛程式ScrapBook) ...15
圖3-1：系統架構圖 ...19
圖3-2：閱讀支援輔助工具列 ...21
圖3-3：重點標記畫面 ...22
圖3-4：刪除已註記段落 ...25
圖3-5：字典翻譯畫面 ...25
圖3-6：使用<SPAN>定位本文前畫面呈現效果 ...24
圖3-7：使用<SPAN>定位本文後畫面呈現效果 ...24
圖3-8：鷹架式閱讀介面 ...25
圖3-9：鷹架式閱讀介面步驟一畫面 ...26
圖3-10：點選End按鈕後畫面 ...27
圖3-11：點選Modify按鈕後畫面...28
圖3-12：修改操作畫面 ...29
圖3-13：儲存修改內容畫面 ...29
圖3-14：選擇文章文體畫面 ...30
圖3-15：傳記文體畫面 ...31
IX
圖3-16：傳記文體輸入內容畫面 ...32
圖3-17：點選Submit按鈕後畫面...32
圖3-18：完成文章閱讀畫面 ...33
圖3-19：因果關係文體畫面 ...33
圖3-20：因果關係文體組織型態 1 畫面 ...34
圖3-21：因果關係文體組織型態 1 輸入內容畫面 ...35
圖3-22：因果關係文體組織型態 1 點選Submit按鈕後畫面...36
圖3-23：因果關係文體組織型態 1 完成文章閱讀畫面 ...36
圖3-24：因果關係文體組織型態 2 畫面 ...37
圖3-25：因果關係文體組織型態 2 輸入內容畫面 ...38
圖3-26：因果關係文體組織型態 2 點選Submit按鈕後畫面...39
圖3-27：因果關係文體組織型態 2 完成文章閱讀畫面 ...39
圖3-28：因果關係文體組織型態 3 畫面 ...40
圖3-29：因果關係文體組織型態 3 輸入內容畫面 ...41
圖3-30：因果關係文體組織型態 3 點選Submit按鈕後畫面...42
圖3-31：因果關係文體組織型態 3 完成文章閱讀畫面 ...42
圖3-32：因果關係文體組織型態 4 畫面 ...43
圖3-33：因果關係文體組織型態 4 輸入內容畫面 ...44
圖3-34：因果關係文體組織型態 4 點選Submit按鈕後畫面...45
圖3-35：因果關係文體組織型態 4 完成文章閱讀畫面 ...45
圖3-36：比較和對比關係文體畫面 ...46
圖3-37：比較和對比關係文體All A, All B畫面...47
圖3-38：比較和對比關係文體All A, All B輸入內容確認畫面...48
圖3-39：比較和對比關係文體All A, All B點選Submit按鈕後畫面 ...49
圖3-40：比較和對比關係文體All A, All B完成文章閱讀畫面...49
X
圖3-41：比較和對比關係文體AB/AB/AB畫面 ...50
圖3-42：比較和對比關係文體AB/AB/AB輸入內容確認畫面 ...51
圖3-43：比較和對比關係文體AB/AB/AB點選Submit按鈕後畫面...52
圖3-44：比較和對比關係文體AB/AB/AB完成文章閱讀畫面 ...52
圖3-45：描述文體畫面 ...53
圖3-46：描述文體輸入內容畫面 ...54
圖3-47：描述文體輸入內容確認畫面 ...54
圖3-48：描述文體點選Submit按鈕後畫面...55
圖3-49：描述文體完成文章閱讀畫面 ...55
圖3-50：敘述文體畫面 ...56
圖3-51：敘述文體輸入內容確認畫面 ...57
圖3-52：敘述文體點選Submit按鈕後畫面...58
圖3-53：敘述文體完成文章閱讀畫面 ...59
圖4-1：實驗流程 ...63
圖4-2：實驗組閱讀輔助系統畫面 ...64
圖4-3：控制組A閱讀輔助系統畫面 ...64
圖4-4：控制組B閱讀輔助系統畫面 ...64
圖4-5：實驗組系統操作流程圖 ...69
圖4-6：登入系統畫面圖示 ...70
圖4-7：文章閱讀說明畫面圖示 ...70
圖4-8：文章列表區畫面圖示 ...71
圖4-9：註記畫面圖示 ...71
圖4-10：註記功能類別區圖示 ...72
圖4-11：進行註記圖示 ...72
圖4-12：輸入註記重點圖示 ...73
XI
圖4-13：註記完成圖示 ...73
圖4-14：取消註記圖示 ...73
圖4-15：按下取消鍵圖示 ...74
圖4-16：使用字典功能圖示 ...74
圖4-17：按下字典功能鍵圖示 ...75
圖4-18：實驗二實驗組畫面 ...95
圖4-19：實驗二控制組畫面 ...95
圖4-20：實驗二流程 ...101
XII
表目錄
表2-1：兩大類註記系統的比較 ...16
表3-1：系統功能簡介 ...20
表4-1：實驗分組配置表 ...63
表4-2：實驗組和控制組A線索回憶測驗組別統計量 ...77
表4-3：實驗組和控制組A線索回憶測驗獨立樣本T檢定...77
表4-4：實驗組和控制組B線索回憶測驗組別統計量 ...78
表4-5：實驗組和控制組B線索回憶測驗獨立樣本T檢定...78
表4-6：控制組A和控制組B線索回憶測驗組別統計量...79
表4-7：控制組A和控制組B線索回憶測驗獨立樣本T檢定...79
表4-8：實驗組自由回憶測驗成績相關係數分析 ...81
表4-9：控制組A自由回憶測驗成績相關係數分析 ...81
表4-10：控制組B自由回憶測驗成績相關係數分析 ...81
表4-11：實驗組和控制組A自由回憶測驗組別統計量 ...82
表4-12：實驗組和控制組A自由回憶測驗獨立樣本T檢定...82
表4-13：實驗組和控制組B自由回憶測驗組別統計量 ...83
表4-14：實驗組和控制組B自由回憶測驗獨立樣本T檢定...83
表4-15：控制組A和控制組B自由回憶測驗組別統計量...83
表4-16：控制組A和控制組B自由回憶測驗獨立樣本T檢定...84
表4-17：構面與題項組成表 ...85
表4-18：兩組問卷之構面信度檢測表 ...85
表4-19：實驗組與控制組A在各構面之敘述性統計表 ...86
表4-20：實驗組系統易用性單一樣本檢定 ...87
表4-21：控制組A系統易用性單一樣本檢定 ...87
XIII
表4-22：系統易用性獨立樣本檢定 ...87
表4-23：實驗組系統有用性單一樣本檢定 ...88
表4-24：控制組A系統有用性單一樣本檢定 ...88
表4-25：系統有用性獨立樣本檢定 ...88
表4-26：實驗組系統使用態度單一樣本檢定 ...89
表4-27：控制組A系統使用態度單一樣本檢定 ...89
表4-28：系統使用態度獨立樣本檢定 ...90
表4-29：實驗組系統使用意圖單一樣本檢定 ...90
表4-30：控制組A系統使用意圖單一樣本檢定 ...91
表4-31：系統使用意圖獨立樣本檢定 ...91
表4-32：實驗一結論表 ...93
表4-33：實驗分組配置表 ...96
表4-34：實驗組和控制組「My Dad」文章線索回憶測驗組別統計量 ...103
表4-35：實驗組和控制組「My Dad」文章線索回憶測驗獨立樣本T檢定...104
表4-36：實驗組和控制組「Public Companies vs. Private Companies」文章線索 回憶測驗組別統計量...104
表4-37：實驗組和控制組「Public Companies vs. Private Companies」文章線索 回憶測驗獨立樣本T檢定...105
表4-38：實驗組和控制組「The Extinction of the Dinosaurs」文章線索回憶測驗 組別統計量...105
表4-39：實驗組和控制組「The Extinction of the Dinosaurs」文章線索回憶測驗 獨立樣本T檢定...106
表4-40：「My Dad」文章自由回憶測驗成績相關係數分析 ...108
表4-41：「Public Companies vs. Private Companies」文章自由回憶測驗成績相 關係數分析...108
XIV
表4-42：「The Extinction of the Dinosaurs」文章自由回憶測驗成績相關係數分
析...108
表4-43：實驗組和控制組「My Dad」文章自由回憶測驗組別統計量 ...109
表4-44：實驗組和控制組「My Dad」文章自由回憶測驗獨立樣本T檢定...109
表4-45：實驗組和控制組「Public Companies vs. Private Companies」文章自由 回憶測驗組別統計量... 110
表4-46：實驗組和控制組「Public Companies vs. Private Companies」文章自由 回憶測驗獨立樣本T檢定... 110
表4-47：實驗組和控制組「The Extinction of the Dinosaurs」文章自由回憶測驗 組別統計量... 111
表4-48：實驗組和控制組「The Extinction of the Dinosaurs」文章自由回憶測驗 獨立樣本T檢定... 111
表4-49：實驗組和控制組「My Dad」文章主題句測驗組別統計量 ... 112
表4-50：實驗組和控制組「My Dad」文章主題句測驗獨立樣本T檢定... 112
表4-51：實驗組和控制組「Public Companies vs. Private Companies」文章主題 句測驗組別統計量... 113
表4-52：實驗組和控制組「Public Companies vs. Private Companies」文章主題 句測驗獨立樣本T檢定... 113
表4-53：實驗組和控制組「The Extinction of the Dinosaurs」文章主題句測驗組 別統計量... 113
表4-54：實驗組和控制組「The Extinction of the Dinosaurs」文章主題句測驗獨 立樣本T檢定... 114
表4-55：構面與題項組成表 ... 115
表4-56：兩組問卷之構面信度檢測表 ... 116
表4-57：實驗組與控制組在各構面之敘述性統計表 ... 116
XV
表4-58：實驗組系統易用性單一樣本檢定 ... 117
表4-59：控制組系統易用性單一樣本檢定 ... 117
表4-60：系統易用性獨立樣本檢定 ... 117
表4-61：實驗組系統有用性單一樣本檢定 ... 118
表4-62：控制組系統有用性單一樣本檢定 ... 118
表4-63：系統有用性獨立樣本檢定 ... 119
表4-64：實驗組系統使用態度單一樣本檢定 ...120
表4-65：控制組系統使用態度單一樣本檢定 ...120
表4-66：系統使用態度獨立樣本檢定 ...120
表4-67：實驗組系統使用意圖單一樣本檢定 ...121
表4-68：控制組系統使用意圖單一樣本檢定 ...121
表4-69：系統使用意圖獨立樣本檢定 ...121
表4-70：實驗二結論表 ...124
1
第一章 緒論
1.1 研究背景
在傳統的教學中，學習者通常是在教室裡被動接受教學學習，但由於近年來 教育方式不斷的演進，其中自我學習的意識逐漸地發展開來，導致傳統的教學漸 漸地被取而代之，自我知識的建構方法也不斷的衍生出來，所以傳統的學習方式 將不再是唯一的選擇。在實際教學過程裡，如何營造一個適當的學習環境與架 構，讓學習者自我知識的建構，是擬定教學策略的重要考量；在這樣的潮流之下，
鷹架理論已經形成近來教育研究者最關注的議題之一，鷹架理論的意義在於強調 教學是一種協商的過程，及其對認知、學習和教學背景的影響。
鷹架(scaffolding)的概念最初是由Wood 等人（Wood & Middleton, 1975;
Wood, Bruner, & Ross, 1976; Wood 1989）所提出的，它所提出的便是教師在協助 學生解決超越其個人能力的問題時所扮演的角色；強調在教室情境中，教師的理 想角色乃是提供學生支持，就如同建築物的鷹架一樣，當學生的能力增加之後，
「鷹架」就逐漸的移開，即將學習的責任慢慢轉移到學習者的身上。
隨著資訊時代的來臨，電腦成為人類不可或缺的工具是必然的，同時，教育 對電腦的倚重程度，正如同人們日常生活中對電腦的依賴一般地與日俱增，所以 網路教學已儼然成為不可避免的發展趨勢。因此，如何將教育的理念透過這個工 具，進行教學活動，達成教學目標，就成為從事教育的工作者值得用心研究之議 題。
1.2 研究目標
學習者在以往的英文文章閱讀中，必須透過一些工具或指導者的輔助才得以
2
順利進行，尤其是對文章理解程度通常都並不是很完整，所以學習者往往會想尋 求解決方法，輔助他們完成英文文章閱讀。
本研究致力於開發線上鷹架式英文閱讀輔助之系統，希望藉由系統所提供之 文章註記和結構分析機制，來達到文章閱讀之成效，同時在學生使用文章結構分 析的過程中，更可藉由鷹架式的輔助功能增進同學的學習效果，而引發學生較高 的學習動機。
綜合上述，本研究將以兩組系統做為比較，主要是探討鷹架式閱讀輔助功能 對學習者在閱讀文章上之成效較有幫助，研究目的如下：
(1) 首先探討採用不同之註記功能教學策略，對於學生在閱讀成效上有何影響。
(2) 以文章閱讀成效最好之註記系統輔以鷹架式文章結構分析機制，是否對於學 生在閱讀成效上較有幫助。
(3) 希望能藉由本研究開發之系統所提供的文章註記和結構分析機制，來提升使 用者在學習及教學上的效益。
1.3 論文架構
本研究架構其主要章節可分為：文獻探討、本研究之系統分析及架構、實驗 設計與分析、結論與未來發展，其各章節內容概述如下：
第二章 文獻探討
針對本研究之相關文獻做探討及回顧，包含鷹架理論、線上註記等相關 文獻整理。
第三章 系統分析與架構
本章包含本研究設計的系統簡介、系統架構、系統開發工具、系統操作 流程等，做進一步詳細的說明。
第四章 實驗設計與分析
3
本系統將以實驗設計的方式，針對實驗一和實驗二所設計的不同註記系 統系統，進行實際的使用，並且根據使用者的測驗成績，做進一步的分 析，驗證本研究開發之系統是否有助於英文閱讀。
第五章 結論與未來發展
描述經實驗設計與分析所得到之結果，進行細部的討論與省思，並且提 供未來研究可改進的地方及可能的研究方向。
1.4 研究流程
本研究之流程如下圖1-1 所示：
z 確認研究目的及研究問題：根據研究背景確定研究目的，和所要研究之 問題。
z 文獻探討：針對研究問題相關知識，進行搜集及整理，找出可解決問題 之方向或建議，最終形成本研究欲開發系統之架構。
z 系統分析與開發：分析及開發本研究欲建立之系統，詳細說明開發之流 程及設計之方法。
z 實驗設計：本研究實驗分為實驗一和實驗二，此部份根據本研究設計之 系統進行實驗設計，將結合兩次實驗做為討論。
z 資料分析與討論：根據實驗設計後針對使用者的測驗成績進行分析、探 討，並且討論實驗的結論。
z 結論：針對整體系統以及目標提出結論，並且討論未來可能的發展。
4
確認研究目的
文獻探討
系統分析與設計
實驗設計
資料分析與討論
研究結論 圖1-1、研究流程圖
5
第二章 文獻探討
本研究主要是希望將鷹架式閱讀輔助的概念運用到英文文章閱讀上，透過註 記、鷹架式文章結構分析及其相關功能，實際的設計到以輔助英文閱讀練習的系 統，提升學生在學習英文閱讀上的效益。線上學習應用在英文閱讀方面已推行多 年，但在成果及推廣上皆面臨重大的困境，探究其原因，歸因於缺乏充足的知識 背景及技術。因此本研究希望設計一套以網頁技術為平台之鷹架式閱讀輔助系 統，並且要可以達到重點註記與文章結構分析的目的，並從中發現本研究所設計 之鷹架式閱讀輔助系統對於使用後的成效。
在以下的小節中，2.1 節針對閱讀及註記摘要相關文獻進行探討；2.2 節則針 對鷹架理論進行探討及文獻整理；2.3 節整理歸納現有之註記系統；最後 2.4 小 節針對前幾節文獻做總結，並整理出本研究預期達到之目的。
2.1 閱讀及註記摘要
每個人在其學習的道路上都是從閱讀中學習，而可以在大量的閱讀活動中了 解重點，並且從其中擷取出有用的資訊來幫助閱讀是很有意義的。我們所得的知 識，根據統計，有一半是從閱讀得來的，所以閱讀的重要性可想而知。因此閱讀 就成為人類知識的重要來源 (Guthrie, 1982)，而這也是經由閱讀達到學習效果的 重要途徑 (MacLellan, 1997)。
閱讀是一複雜的能力，其中包括許多的歷程以及廣泛的敘述性知識。Gagné
（1985）依照訊息處理的觀點，把閱讀的過程分為解碼（decoding）、字義理解
（literal comprehension）、推論理解（inferential comprehension）、理解監控
（comprehension monitoring）等四個階段。茲將此四個過程分述如下：
6
z 解碼
簡單來說就是把文字辨識出來，使之產生意義。
z 字義理解
字義理解的功能是從書面文字來追溯推論每個字的意義，其中包括了兩個歷 程:字義取得和語法分析。字義取得（lexical access）是個人在使用解碼歷程後，
辨認出字形或字音，並在長期記憶中找出與這個字音聯結的意義。語法分析
（parsing）則是指在閱讀的時候，個別字詞的意義會組合形成較大的意義單位，
類似一個片語、一個短句的意義。
z 推論理解
閱讀時須經由上面兩種過程始能了解文意，然而字義理解單純涉及對句子表 面上的瞭解，若要更深入地理解文章背後的涵意，則需對文章作推論的理解。
其推論理解指閱讀者對於他們所正在閱讀的文章的內容，有更深層且較廣博 的瞭解，其歷程包括：整合、摘要、與詳細論述。整合（integration）的歷程是 指閱讀時，閱讀者會把文中各概念相互連貫，使對文章的意義獲得更深入的了 解。摘要（summarization）的功能乃是要使閱讀者在讀完一段文章後，在其記憶 中對文中的主要觀念產生一個全盤性的結構。詳細論述（elaboration）是指運用 自己的先前知識賦予文句或段落更豐富的意義。
z 理解監控
這個功能係指確保閱讀者能夠有效率地達到其閱讀目標。其中的歷程包括設 定閱讀目標、選擇閱讀策略、檢視閱讀目標是否達成、及修正補強方法。閱讀者 在開始閱讀時會先設定閱讀的目標，並選擇一種適當的閱讀策略來達成所設定的 目標。目標檢視的目的在檢核閱讀所設定的目標是否達成。如果目標檢查的結果
7
是未達成既定的目標或未完全理解，閱讀者即會採行補救措施，如重讀不懂的部 份、參考上下文或重讀全文。
其中作筆記摘要的部分便可以有效幫助閱讀者使用現存的知識來促進新的 學習，做筆記的時候閱讀者會先吸收新的內容，然後再以自己的語意來解釋，而 非照本宣科的表達，因此在閱讀時有進行畫重點或是做筆記的閱讀者，將會比光 是閱讀而不做註記相關活動的閱讀者更容易了解閱讀的內容；而在做筆記時，閱 讀者會不斷反覆思考所閱讀的內容也就是不斷的檢查其對於內容的理解歷程，也 就是 (Collins ＆ Smith, 1982)所提出兩類理解技能其中之一的理解-監控能力。
註記最大的好處便是提供了必要的訊息紀錄，也就是將其所閱讀的內容中，
閱讀者認為重要的資訊在文章中標示或是摘要出來，而這在閱讀活動中處理文字 的過程便是註記 (陳守賢, 2001)。 (Ovsiannikov, Arbib ＆ Mcneill, 1999）提到註 記主要的用途是：記憶、思考、使文章變得清晰。
2.2 鷹架理論
鷹架(scaffolding)的概念源自於蘇俄心理學家 L.S.Vygotsky 的「近側發展區」
（zone of proximal development, ZPD）理論，依據 Vygotsky (1960, 1981)的說法，
教學可以引導並超越發展，強調人類高層次的心理活動就是在社會互動的過程 中，起初是透過他人的調整，而逐漸轉換為自我調整的過程。Vygotsky 認為，
社會提供了一個互動情境，教學者藉由對話提供引導與支持，以仲介（mediated）
或擴充學習者的能力，表現出不同的學習成果；因此，Vygotsky 主張一個人的 發展受到社會互動的影響，學習的過程可以促進個體發展的歷程。
Vygotsky 認為學生同儕間互學互教就如鷹架一般可以促進介於「實際已發 展的能力區」與「有待開發的潛能區」的「近側發展區」之發展。鷹架理論有三 個特質：
8
1. 鷹架是為了確保一個教學活動成功的暫時支撐。
2. 鷹架是可以延伸(跨學科)且可以用於學習者與其環境的互動上 3. 一旦確定學生可獨立學習就應及時移除鷹架。
「鷹架」一詞是由 （Wood et al., 1976）所提出的，它的主要意義是指：學 習者內在的心理能力之成長有賴教學者或能力較強的同儕協助，而這種協助應該 建立在學習者當時的認知組織特質上。
我們可以整理出鷹架理論所具的三個重要概念 (張菀珍, 1997)：
1. 在進側發展區裡，鷹架提供者（教師）和接受者（學生）之間的關係是互惠 的，所謂互惠是指教師所要提供的學習支持和學習者的互動回饋應該是經由 彼此協商所決定。
2. 學習責任應在過程中逐漸由教師轉移至學習者，而其轉移時機則應視學習的 實際狀況而定。
3. 在教師與學生間溝通語言是促進學習者反思與認知的橋樑。
在教學上主張由教師採取一個暫時性的支持架構以協助學習者學習能力的 發展，此種導引稱為「鷹架」。鷹架的兩個重要議題便是「溝通」與「認知」，
透過語言的社會認知化功能將有助於促進學習者對問題的解決和反思能力，以達 成學習遷移的效果，並促進學生的自我導向學習能力之培養(張菀珍, 1997)。鷹 架學習理論主張應該根據學習者的能力發展與學習過程來建構不同的學習支撐 支架。
而在網路學習環境中，鷹架學習理論則特別地重視學習者積極參與討論學 習，因為學習者的學習狀況將可由討論中呈現出來，然後教師可根據學習者的學 習狀況來適時提供支撐學習的支架，而提供學習支架的方式包括直接呈現相同的 學習個案以供觀摩及提供相關訊息以供分析歸納。因此線上課程的設計，必須以 學習活動為導向，絕不可僅是將平面的類比資訊轉成數位資料而已 (林奇賢, 1998）。
9
由此看來，網路上教師所扮演的角色不再是傳統上的知識的傳播者角色；相 反的，要像個教練一般，作為學生輔助者，鼓勵學生積極參與活動並以「架設鷹 架」的方式來支持學生的學習，當學生越來越熟練時，便可以逐步撤除支持的鷹 架。而藉助網際網路龐大的資訊庫與各式搜尋引擎作為知識探索的利器，教師將 更能輕而易舉地架設鷹架，發揮知識引導者的角色，協助學生在多元化的知識寶 庫裡運用瀏覽器搜尋、篩選，建構學生自己所要的知識，也就是學習進度掌握在 學生的手中，學生依程度的需要調整學習行為不受教師干擾，並因個別的差異，
獲得教師不同程度的協助（朱延平, 1998）。
國內鷹架教學理論之相關研究對於學習者的學習效果的確有相當程度的幫 助與程度的提升，但國內於鷹架教學理論的研究仍大多著重於幼兒、特殊教育等 教學領域裡，其次國內研究較少應用網際網路輔助鷹架教學理論來設計、發展教 學模式，並將該教學模式應用於專業科目中。反觀國外研究雖有將鷹架學習理論 整合到教學媒體的設計上，並建構一個電腦輔助的學習環境來教導大學生的統計 學，而研究結果也證實鷹架教學理論確實有助於教學效果的提昇，但這些研究所 發展出來的教學方式大多僅限於實驗性的教學，其次這些研究所發展出來的教學 模式大多費時、費力並且真正能應用於實際教學上的不多。
本研究的目的在於應用網際網路輔助建構式鷹架教學理論來發展一套真正 能應用於實際教學上，且又能提昇學習者學習效果的教學模式，並將該教學模式 實際應用於英文閱讀的課程教學裡，期望藉此方式能將教學過程精緻化、適性化 並且進一步能提昇學習者的學習效果。
2.3 現有註記系統相關探討
根據 (Ovsiannikov et al., 1999)的調查結果中提到，一般人認為「註記」的用
10
途主要可以分為四方面：記憶(remember)、思考(think)、釐清內容(clarify)和分享 (share)。隨著網際網路的普及，使用者的成長，數位內容產業與科技的發展，使 得人們閱讀行為產生很大的變化，再加上電子文件的盛行，因此目前有許多研究 致力於註記系統的開發上。
目前現有的註記系統，若以『是否更改原始文件內容』的觀點來看，分為兩 大類：一種是原始文件會被更改，此類的註記會直接插入原始文件中。而另一種 是原始文件內容不會被更改，常用的註記方式是以超連結或疊架的方式來呈現註 記內容，所以並不會更改到原始文件的內容。若以用途、功能及後續的相關分析 來看，註記系統又可細分為好幾種，因此，以下就分別以『是否更改原始文件內 容』、『用途』、『功能』及『註記分析』等維度來探討現有註記系統的一些特 性，同時探討現有註記系統所存在的問題，並針對現有註記系統作分析比較，以 作為本研究在系統開發上的參考依據。
2.3.1 不更改原始內容
此類的註記系統，有三種主要的方法來加入註記。第一種方法是將使用者註 記的圖示以疊架的方式加入原始文件中，也就是將『原始資料的HTML』及『註 記效果的HTML』，分別存在不同的頁面當中，利用程式控制，將『註記效果的 HTML』疊在『原始資料的HTML』之上，讓使用者直接看到二個頁面相疊後的 效果；當使用者點選文章的某部分時，就可以產生一個新的註記(以圖示來表示 文章該部份有註記)，並允許使用者輸入相對應的註記內容；此外Style-Sheet會記 錄該註記在文章中的絕對位置，系統會考慮到使用者瀏覽器解析度的大小，自動 換算成相對位置來呈現註記，每當新增完一個註記後，系統會以Java Script參照 Style Sheet來產生一個連結的標籤，並將代表註記的圖示重新載入到適當的位置
11
上，只要滑鼠經過此圖示，就會出現對應的註記內容 (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)
12
圖2-3為Bargeron ＆ Moscovich所開發之「Digital Ink」系統。主要利用設計 好的工具列，嵌入在IE瀏覽器中，透過使用者選擇上方的工具列進行註記的動 作。值得一提的是，其書寫的方式是採用平板電腦為新增文字的工具，而非傳統 的滑鼠書寫或是鍵盤鍵入註記的方式。
圖2-3：「Digital Ink」系統畫面 (Bargeron & Moscovich, 2003)
第三種方式則是以超連結的方式來加入註記：主要是針對有固定架構的文 章；系統會事先為文章中有意義的區段部分，自動產生超連結，類似目前Yahoo 網頁如果有相關的關鍵字，則使用者可以點選關鍵字的超連結，即可跳出相關解 釋視窗。系統的畫面上會出現跟此區段相關的註記下拉式選單，讓使用者選擇要 用的註記及其註記的等級，只要使用者一選擇好，並填入對應的註記內容，加入 註記的動作就算完成；且註記完之後該區段會有底線出現，使用者只要點選該區 段就會出現對應的超連結，如此，便可觀看註記的內容 (Mason ＆ Woit, 1999)，
如下圖2-4所示。
13
圖2-4：利用超連結來加入註記(Mason ＆ 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 系統為例)。
14
圖2-5：利用 XCCML 標籤的方式加入註記 (Ogata et al., 1999)
而第二種方式則是利用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)
15
第三種方式則是擷取整個網頁資料，利用外掛程式保留完整 HTML 原始碼 複製成另外一個網頁的方式，讓使用者能在外掛的程式功能中管理以及修改網頁 資料。這樣的方式可以讓使用者在瀏覽任何網頁時能夠快速的建立自己的電子書 以及管理跟註記。如下頁圖2-7 所示(以 FireFox 的外掛程式 ScrapBook 為例)：
圖2-7：擷取完整網頁來註記(FireFox 的外掛程式 ScrapBook)
2.3.3 註記系統總結
綜上所述，以及根據曹忠學 (2004)對二類系統的整理可發現 (如下頁表 2-1 所示)，由於「不會更改 HTML 內容」的註記系統並未將相關的註記資訊儲存在 資料庫當中，其發展會因不能進行「知識統整」、「協同學習」及「註記管理」
等因素而停滯不前；反觀「會變更 HTML 內容」不受限於相關定位技術及顧慮 到是否修改 HTML 內容的前提下，會有較好的發展空間，並可充份利用註記資 訊儲存在資料庫中的方式，進行相關資料的分析。因此本研究便以「會更改HTML 內容」的各項優點為考量，以該方式為本研究系統設計時，註記功能的設計依據。
16
表2-1：兩大類註記系統的比較
會更改HTML內容 不會更改HTML內容 加入註記的方式 以標籤的方式，將註記直接加
入至HTML中或在HTML以直 接插入anchor的方式來代表該 註記的存在。
疊架
未來能否作到註 記的管理
可以 有些行，有些不行 (沒將註記存
到資料庫)
用途 寫作的修正上、知識分享 閱卷、協助使用者加強記憶及整 理思緒、知識分享、用在程式語 言等有固定架構的檔上
未來能否做到協 同學習
能 只有Virtual Notes能 是否作到知識統
整
有 沒有
未來是否可跨平 台
能 不能
註：摘自(曹忠學, 2004)。
2.4 文獻探討結論
根據前面幾節的文獻探討，可得知線上閱讀以及鷹架式閱讀輔助的機 制可以提升閱讀者的理解效益；因此，本研究參考(曹忠學, 2004)的系統架 構，延伸、改良及新增相關功能，實現一個以線上閱讀輔助為概念之線上 鷹架式英文閱讀輔助教學系統。籍由系統的鷹架式閱讀支援、文章結構判 斷以及註記功能，讓閱讀者能在使用系統閱讀的情況下，大幅增加閱讀的 效率以及對文章的了解。
17
第三章 系統架構
根據研究問題及文獻探討後得到的結論，本研究將致力於以鷹架式概念為基 礎之英文閱讀輔助系統，透過鷹架功能的輔助，並且將註記功能應用於其中，讓 使用者在閱讀英文文章時，利用鷹架式文章結構分析，補足在閱讀英文文章時的 不足之處，得到最大的效益。本研究開發之系統將以網頁為平台，透過網頁的統 一性以及不需要額外安裝軟體的優勢下，讓使用者輕鬆的使用本研究開發之系 統。
本章中之3.1 節為本系統之系統簡介，3.2 節針對系統架構進行詳細的說明，
3.3 節中說明本系統採用之開發工具及技術，並列示相關技術的比較，3.4 節中將 針對系統的操作流程以條列的方式進行詳述，3.5 節為結論。
3.1 系統簡介
根據相關研究及文獻探討，本研究所開發之鷹架式英語文章結構分析及結合 線上註記平台之閱讀輔助系統，確有其開發之必要性及價值存在，冀望能透過此 系統來支援有效的英語閱讀學習。近年來，資訊科技無不紛紛採用WEB 化的技 術來達成，期望能夠透過WEB 介面的便利性及單一性，不受限的就可以使用。
早期的電子化學習技術大多採用軟體開發的型式來達成，使用上必需進行安裝，
無形上相較於WEB 化的系統來說，浪費了一些寶貴的時間；而在成本的考量下，
採用網頁的開發也相對較節省。
本系統為開發於網頁平台之系統，開發工具也以各種現行網頁程式語言標準 為主。而細部的國際標準，例如CSS 以及 XHTML 則為 W3C 之標準，現有之網 頁瀏覽器皆可相容。系統開發主要可分為客戶端(client)以及伺服器端(server)；客 戶端主要使用JavaScript，伺服器端則使用 JSP 及 MySQL。伺服器端網頁伺服器 部份選擇了Apache 軟體基金會下 Jakarta 專案小組的軟體 Tomcat 為運行 JSP 的
18
平台；而資料庫軟體則選用由SUN 公司所擁有的 MySQL。另外，由於 W3C 部 份標準，早期之瀏覽器不支援，因此，在使用本系統平台時，建議使用Microsoft IE 6.0 版以上之瀏覽器。以下針對開發工具做介紹：
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 更容易上 手使用且人性化。
19
3.2 系統架構
本研究系統主要可分為伺服器端 (server-side)及客戶端 (client-side)。伺服器 端元件包括資料庫 (database)、註記結合器 (annotation composer)、文章結構分 析介面(rhetorical analysis interface)；客戶端元件包含文章閱讀支援介面 (article reading support interface)、鷹架式閱讀介面 (scaffolding reading interface)。各元件 功能匯總如下頁圖3-1 以及表 3-1 所示：
資料庫 註記結合器
文章結構分析介面 鷹架式閱讀介面 文章閱讀支援介面
圖3-1：系統架構圖
20
表3-1：系統功能簡介
系統元件 功能介紹
文章閱讀支援介面 提供使用者一個線上閱讀支援的介面，並包含了註記、
註記分類以及其他支援閱讀功能。
註記結合器 此元件會將符合使用者需求的註記，呈現至文件顯示畫 面(document viewer)給使用者觀看。
鷹架式閱讀介面 此元件輔助使用者對文章做段落和大意分析的介面，讓 使用者對文章各個段落都有重點分析。
文章結構分析介面 此元件會根據使用者的對於鷹架式文章文體分類的選 擇，將分類的文體資料擷取出來，提供給使用者選擇。
資料庫 紀錄有關於所有使用者相關資料、文章的註記資料及鷹 架式文章結構分析的相關資料。
3.2.1 文章閱讀支援介面
文章閱讀支援介面主要是利用客戶端 (client-side)的 JavaScript 程式碼來操 作，並將註記後的結果傳遞給伺服器端 (server-side)的 JSP 程式碼來進行資料的 新增及修改。利用JavaScript 將 CSS 標籤和基本的 HTML 標籤結合後，達成的 效果即是讓使用者在閱讀過程中，達到所有系統支援閱讀。閱讀輔助器主要是由 一浮動的功能列組成，其包含本研究設計之各段落文句分析相關功能，如主題句 (topic sentence)、控制概念(controlling idea)、支持細節(supporting details)、取消 註記、線上字典等五種功能，讓使用者針對文章內容閱讀時，能夠容易使用這些 功能來增加閱讀理解的效率。
主題句是一個段落中最重要的句子，它必須告訴讀者，這個段落的主旨是什 麼。主題句由兩個部份構成：「主題」和「控制概念」。「主題」便是文章所要談 論或描述的對象（人、事、物等），「控制概念」則將主題控制在你要發展的範圍 中，也就是影響故事發展的中心概念。支持細節是解釋、延伸或描述主題句的主
21
旨，而且支持細節可以幫助讀者意識到、想像到和感覺到被描述的事物。
本系統之閱讀輔助器採用浮動工具列的方式來呈現 (如圖 3-2 所示)，不論 使 用 者 移 動 到 文 章 的 那 個 段 落 ， 註 記 工 具 列 永 遠 都 在 視 窗 右 上 方 。
圖3-2：閱讀支援輔助工具列
本研究設計之相關功能，如主題句、控制概念、支持細節、取消註記、線上 字典等五種功能將會在接下來個別介紹。
z 註記標記的方式
在這邊以主題句為範例做介紹，其餘控制概念和支持細節使用方式是一樣 的，所以便不再一一詳述。使用者先利用滑鼠把文章中要註記的部份做反白的動 作，接著點選要重點標記按鈕(圖 3-3)，系統會自動利用 JavaScript 在反白字的前 後自動嵌入XHTML 的<SPAN>標籤，包含在<SPAN>標籤中的內容即為註記時 所選取的範圍，<SPAN>中的 ID 即是在註記編輯介面中所產生的一組八位數的 數字，此數字是在後續處理時，可以透過JavaScript 進行相關的處理；<SPAN>
中的CLASS 也是在註記編輯時所新增進去的，在使用者頁面呈現的同時，會經
22
由設計好的CSS 樣式直接套用至使用者端的畫面上(詳細將會在註記組合器中說 明)。
圖3-3：重點標記畫面
z 刪除註記功能
這個功能可以使用在重點標記主題句、控制概念和支持細節上，使用者將已 經註記的文章段落反白，再點選取消註記按鈕，即可將註記刪除。如下圖3-4 所 示:
23
圖3-4：刪除已註記段落 z 字典功能
使用者先利用滑鼠把文章中需要翻譯的單字部份做反白的動作，接著點選字 典按鈕(圖 3-5)，則系統將會自動跳出Yahoo線上字典的視窗，並且將使用者選 取的單字做翻譯的動作，此功能僅針對英文單字做翻譯動作，並沒有包含文句。
圖3-5：字典翻譯畫面
24
3.2.2 註記組合器
在閱讀系統中註記的應用上，是透過<SPAN>並指定每個註記標籤的 ID 以 及 CLASS，此處所指的 CLASS 為 CSS 的樣式元件之名稱，可藉以指定不同之 CSS 樣式元件以產生各種不同的註記效果。在圖 3-6 及圖 3-7 中，包含在<SPAN>
標籤中的內容即為註記時所選取的範圍，<SPAN>中的 ID 即是在註記編輯介面 中所產生的一組八位數的數字，此數字是在後續處理時，可以透過JavaScript 進 行相關的處理；<SPAN>中的 CLASS 也是在註記編輯時所新增進去的，在使用 者頁面呈現的同時，會經由設計好的 CSS 樣式直接套用至使用者端的畫面上。
如圖 3-7 中之 CLASS=”HighLight”則為將「Entertainment Guide Club」設定為 HighLight 所定義好之效果呈現 (Highlight 為反白效果)。
<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 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.
圖3-6：使用<SPAN>定位本文前畫面呈現效果
</td></tr>
<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">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>
圖 3-7：使用<SPAN>定位本文後畫面呈現效果
25
在先前研究及本研究所開發之系統上，尚存在註記重疊問題。由於本系統之 註記動作會記錄眾多資訊至資料庫當中，例如註記時所選取的文字、取代功能所 輸入的文字等，在已有註記的區塊上新增註記時，註記的呈現會被新增的註記效 果所取代；在註記刪除時，資料庫中的資料也會因此而錯亂，本系統在註記結合 器中的技術仍然沿用先前研究之技術，錯亂的問題仍是無法解決的一環，賴後續 研究進行相關的程式碼或演算法的開發。
3.2.3 鷹架式閱讀介面
使用者在閱讀的過程中，使用本系統註記功能後，將可把註記內容複製到鷹 架式閱讀介面。此部分更為本研究最為創新的地方。鷹架式閱讀介面設計於閱讀 支援介面下方，使用者可透過中間的滑桿自行調整閱讀支援介面以及鷹架式閱讀 介面的大小(如圖 3-8)。
圖3-8：鷹架式閱讀介面
26
當使用者使用鷹架式閱讀介面時，可以發現此介面分成兩個步驟，首先第一 個步驟為找出文章的重點，其中包含了各段落的主題句、控制概念、支持細節和 段落大意。所以在填寫各段落的主題句、控制概念和支持細節，可複製註記區的 註記重點再貼上即可。各段落大意則是當使用者閱讀完每個段落後寫下自己對文 章的重點。以下將針對此步驟功能做完整的說明。
z 找出各段落主題句、控制概念、支持細節和段落大意
圖3-9：鷹架式閱讀介面步驟一畫面
功能說明：
¾ Operating manual 操作說明：點選進入操作說明網頁，提供使用者隨 時查詢。
¾ Topic sentence：將註記區所畫記的各段落主題句填入欄位內。
¾ Controlling idea：將註記區所畫記的各段落控制句填入欄位內。
¾ Supporting detail：將註記區所畫記的各段落支持句填入欄位內。
¾ Add 按鈕：點選按鈕可動態新增每段落的支持句。
¾ Delete 按鈕：點選按鈕可動態刪除每段落的支持句。
¾ Outline：閱讀完此段落後，填入段落大意。
¾ Next paragraph 按鈕：點選按鈕後，進入下一段落文章編輯。
¾ End 按鈕：點選按鈕後，結束段落編輯。
z 點選 End 按鈕後畫面
27
點選 End 按鈕後，畫面上會顯示出使用者所填寫之各段落內容，以下將其
畫面功能稍做簡介：
圖3-10：點選 End 按鈕後畫面
功能說明：
¾ Operating manual 操作說明：點選進入操作說明網頁，提供使用者隨 時查詢。
¾ Modify 按鈕：點選按鈕可回到各段落做內容修改動作。
¾ Back 按鈕：當使用者發現尚未編輯完各個段落時，點選此按鈕可回到 段落編輯頁面。
¾ Next Step 按鈕：點選按鈕後，進入下一步驟。
點選Next Step 按鈕後，第一步驟所填寫之內容將上傳至資料庫，不能再做
修改動作，所以使用者必須在此步驟確認填寫內容無誤。
z 點選 Modify 按鈕後畫面
點選Modify 按鈕後，畫面會回到使用者先前所編輯之各段落內容，提供使
用者做內容修改動作，以下將其畫面功能稍做簡介：
28
圖3-11：點選 Modify 按鈕後畫面
功能說明：
¾ End 按鈕：點選按鈕後，結束段落修改編輯。
¾ Save 按鈕：點選按鈕後，儲存段落修改編輯。
此步驟要注意必須先點選完Save 按鈕儲存修改之內容後，再點選 End 按鈕 結束段落修改編輯。
z 修改操作畫面 a. 修改內容
粗體線為所修改之內容，如圖3-12(請和圖 3-11 對照)，點選 Save 按鈕儲存 修改之內容後，再點選End 按鈕結束段落修改編輯。
29
圖3-12：修改操作畫面
b. 儲存完成修改內容
如圖3-13 粗體線所示，為修改過後之內容，確認填寫內容無誤後，點選 Next Step 按鈕，第一步驟所填寫之內容將上傳至資料庫，不能再做修改動作。
圖3-13：儲存修改內容畫面
3.2.4 文章結構分析介面
當使用者完成第一步驟段落分析過後，便會進入第二步驟，此步驟便是文章 結構分析介面(圖 3-14)，此介面主要是讓使用者自行判斷文章文體，便可以藉此 了解使用者對於整篇文章的了解度是否正確。本系統文章文體分類主要是採用
「Read to Write」(Gillie, Ingle, & Mumford, 2001)一書中的五種文體，包含傳記體
（biography）、因果關係文體（cause and effect）、比較和對比文體（comparison and
30
contrast）、描述文體（description）、記敘文體（narration）。以下將針對此步驟功 能做完整的說明。
z 判斷文章之文體
圖3-14：選擇文章文體畫面
功能說明：
¾ Operating manual 操作說明：點選進入操作說明網頁，提供使用者隨 時查詢。
¾ 下拉式選單：有五種文體可供使用者判別，後面會再做詳細介紹。
此步驟會將第一步驟的結果畫面一併帶出給使用者觀看，使用者便可直接參 考先前自己對各段落分析重點來做文章文體的判斷。
z 文章文體介紹
以下將針對傳記體、因果關係文體、比較和對比文體、描述文體、記敘文體 等五種文體做詳細介紹。
a. Biography（傳記體）：傳記體填寫內容為 Time(時間) 和 Event(事件)，
也就是說使用者必須找出文章中每個時間所發生的事件，例如：1957 年 出生、一星期前媽媽去世等等，1957 年和一星期前即為 Time，出生和媽 媽去世即為Event，此步驟可以充分的讓使用者了解整篇文章的內容。
31
圖3-15：傳記文體畫面 功能說明：
¾ Add 按鈕：點選按鈕可動態新增 Time(時間) 和 Event(事件)。
¾ Delete 按鈕：點選按鈕可動態刪除 Time(時間) 和 Event(事件)。
¾ Submit 按鈕：點選按鈕送出資料。
輸入完內容後，點選 Submit 按鈕送出資料。
傳記體操作畫面
(1) 點選 Submit 按鈕後畫面
點選Submit 按鈕後，進入確認內容畫面，此畫面一樣會將先前第一步驟的
資料一併帶出，讓使用者做最後的確認(如圖3-16)。
32
圖3-16：傳記文體輸入內容確認畫面 功能說明：
¾ Modify 按鈕：點選按鈕可回到判斷文體畫面做內容修改動作。
¾ Submit 按鈕：點選按鈕送出最後確認資料。
點選Submit 按鈕後，第二步驟所填寫之內容將上傳至資料庫，不能再做修
改動作，所以使用者必須在此步驟確認填寫內容無誤。
(2) 最終畫面
點選 Submit 按鈕後，會出現是否送出的提示框，請點選確定(如圖 3-17)。
點選確定後，此畫面即為最終畫面(如圖 3-18)，代表文章閱讀編輯完成，最後使 用者直接將視窗關閉結束即可。
圖3-17：點選 Submit 按鈕後畫面
33
點選確定後畫面：
圖3-18：完成文章閱讀畫面
b. Cause and Effect（因果關係）：在我們的日常生活中，很容易看見一些 行動或事件導致其它事件發生。舉例來說，當你在早晨睡過頭的時候（原 因），你可能導致工作或上學遲到（結果）。一篇因果關係的文章有可能 會有四種組織型態，如下圖3-19 所示。使用者閱讀文章後，判斷出是哪 種組織型態，再根據選擇的組織型態完成文章結構分析。
圖3-19：因果關係文體畫面 功能說明：
¾ 點選按鈕：閱讀完文章後，請根據內容判斷點選文章所對應的組織型
34
態。
因果關係文體操作畫面：組織型態 1 (1) 組織型態 1 (如圖 3-20)
圖3-20：因果關係文體組織型態 1 畫面 功能說明：
¾ Add 按鈕：點選按鈕可動態新增 Cause(原因)。
¾ Delete 按鈕：點選按鈕可動態刪除 Cause(原因)。
¾ Submit 按鈕：點選按鈕送出資料。
輸入完內容後，點選Submit 按鈕送出資料。
(2) 點選 Submit 按鈕後畫面
點選Submit 按鈕後，進入確認內容畫面，此畫面會將使用者所選擇的組織
型態資料一併帶出，讓使用者做最後的確認。
35
圖3-21：因果關係文體組織型態 1 輸入內容確認畫面 功能說明：
¾ Modify 按鈕：點選按鈕可回到判斷文體畫面做內容修改動作。
¾ Submit 按鈕：點選按鈕送出最後確認資料。
點選Submit 按鈕後，第二步驟所填寫之內容將上傳至資料庫，不能再做修
改動作，所以使用者在此步驟必須確認填寫內容無誤。
(3) 最終畫面
點選 Submit 按鈕後，會出現是否送出的提示框，請點選確定(如圖 3-22)。
圖 3-23 畫面即為最終畫面，代表文章閱讀編輯完成，最後使用者直接將視窗關 閉結束即可。
36
圖3-22：因果關係文體組織型態 1 點選 Submit 按鈕後畫面
點選確定後畫面：
圖3-23：因果關係文體組織型態 1 完成文章閱讀畫面
37
因果關係文體操作畫面：組織型態 2 (1) 組織型態 2(如圖 3-24)
圖3-24：因果關係文體組織型態 2 畫面 功能說明：
¾ Add 按鈕：點選按鈕可動態新增 Cause(原因)。
¾ Delete 按鈕：點選按鈕可動態刪除 Cause(原因)。
¾ Submit 按鈕：點選按鈕送出資料。
輸入完內容後，點選Submit 按鈕送出資料。
(2) 點選 Submit 按鈕後畫面
點選Submit 按鈕後，進入確認內容畫面，此畫面會將使用者所選擇的組織
型態資料一併帶出，讓使用者做最後的確認。
38
圖3-25：因果關係文體組織型態 2 輸入內容確認畫面 功能說明：
¾ Modify 按鈕：點選按鈕可回到判斷文體畫面做內容修改動作。
¾ Submit 按鈕：點選按鈕送出最後確認資料。
點選Submit 按鈕後，第二步驟所填寫之內容將上傳至資料庫，不能再做修
改動作，所以使用者在此步驟必須確認填寫內容無誤。
(3) 最終畫面
點選 Submit 按鈕後，會出現是否送出的提示框，請點選確定(如圖 3-26)。
圖 3-27 畫面即為最終畫面，代表文章閱讀編輯完成，最後使用者直接將視窗關 閉結束即可。
39
圖3-26：因果關係文體組織型態 1 點選 Submit 按鈕後畫面
點選確定後畫面：
圖3-27：因果關係文體組織型態 2 完成文章閱讀畫面
因果關係文體操作畫面：組織型態 3 (1) 組織型態 3(如圖 3-28)
40
圖3-28：因果關係文體組織型態 2 畫面 功能說明：
¾ Add 按鈕：點選按鈕可動態新增 Cause(原因)。
¾ Delete 按鈕：點選按鈕可動態刪除 Cause(原因)。
¾ Submit 按鈕：點選按鈕送出資料。
輸入完內容後，點選Submit 按鈕送出資料。
(2) 點選 Submit 按鈕後畫面
點選Submit 按鈕後，進入確認內容畫面，此畫面會將使用者所選擇的組織
型態資料一併帶出，讓使用者做最後的確認。
41
圖3-29：因果關係文體組織型態 3 輸入內容確認畫面 功能說明：
¾ Modify 按鈕：點選按鈕可回到判斷文體畫面做內容修改動作。
¾ Submit 按鈕：點選按鈕送出最後確認資料。
點選Submit 按鈕後，第二步驟所填寫之內容將上傳至資料庫，不能再做修
改動作，所以使用者在此步驟必須確認填寫內容無誤。
(4) 最終畫面
點選 Submit 按鈕後，會出現是否送出的提示框，請點選確定(如圖 3-30)。
圖 3-31 畫面即為最終畫面，代表文章閱讀編輯完成，最後使用者直接將視窗關 閉結束即可。
42
圖3-30：因果關係文體組織型態 3 點選 Submit 按鈕後畫面
點選確定後畫面：
圖3-31：因果關係文體組織型態 3 完成文章閱讀畫面
43
因果關係文體操作畫面：組織型態 4 (3) 組織型態 4(如圖 3-32)
圖3-32：因果關係文體組織型態 4 畫面 功能說明：
¾ Add 按鈕：點選按鈕可動態新增 Cause(原因)。
¾ Delete 按鈕：點選按鈕可動態刪除 Cause(原因)。
¾ Submit 按鈕：點選按鈕送出資料。
輸入完內容後，點選Submit 按鈕送出資料。
(4) 點選 Submit 按鈕後畫面
點選Submit 按鈕後，進入確認內容畫面，此畫面會將使用者所選擇的組織
型態資料一併帶出，讓使用者做最後的確認。
44
圖3-33：因果關係文體組織型態 4 輸入內容確認畫面 功能說明：
¾ Modify 按鈕：點選按鈕可回到判斷文體畫面做內容修改動作。
¾ Submit 按鈕：點選按鈕送出最後確認資料。
點選Submit 按鈕後，第二步驟所填寫之內容將上傳至資料庫，不能再做修
改動作，所以使用者在此步驟必須確認填寫內容無誤。
(5) 最終畫面
點選 Submit 按鈕後，會出現是否送出的提示框，請點選確定(如圖 3-34)。
圖 3-35 畫面即為最終畫面，代表文章閱讀編輯完成，最後使用者直接將視窗關 閉結束即可。
45
圖3-34：因果關係文體組織型態 4 點選 Submit 按鈕後畫面
點選確定後畫面：
圖3-35：因果關係文體組織型態 4 完成文章閱讀畫面
46
c. Comparison and Contrast（比較和對比關係）︰比較和對比的寫作是用 來表達二個或者更多個的人、地方、事物、想法或經驗是相似的（比較）
或不同的（對比）的部份。舉例來說，廣告商用競爭者的產品比較和對 比他們自己的產品，使我們相信他們的產品是比其他的業者快速、較強 壯，或更好的。一篇比較和對比關係的文章有可能會有兩種組織型態，
如下圖所示，使用者閱讀文章後，判斷出是哪種組織型態，再根據選擇 的組織型態完成文章結構分析。
圖3-36：比較和對比關係文體畫面
功能說明：
¾ Subject A：文章中例如有 AB 兩項做比較和對比，其中的物件 A。
¾ Subject B：文章中例如有 AB 兩項做比較和對比，其中的物件 B。
¾ Selecting organizational style：閱讀完文章後，請根據內容判斷點選文 章所對應的組織型態。
比較和對比關係操作畫面：A ll A, All B (1) All A, All B 畫面
47
圖3-37：比較和對比關係文體 All A, All B 畫面
功能說明：
¾ Add 按鈕：點選按鈕可動態新增 Subject A 和 Subject B。
¾ Delete 按鈕：點選按鈕可動態刪除 Subject A 和 Subject B。
¾ Submit 按鈕：點選按鈕送出資料。
輸入完內容後，點選Submit 按鈕送出資料。
(2) 點選 Submit 按鈕後畫面
點選Submit 按鈕後，進入確認內容畫面，此畫面會將使用者所選擇的組織
型態資料一併帶出，讓使用者做最後的確認。
48
圖3-38：比較和對比關係文體 All A, All B 輸入內容確認畫面 功能說明：
¾ Modify 按鈕：點選按鈕可回到判斷文體畫面做內容修改動作。
¾ Submit 按鈕：點選按鈕送出最後確認資料。
點選Submit 按鈕後，第二步驟所填寫之內容將上傳至資料庫，不能再做修
改動作，所以使用者必須在此步驟確認填寫內容無誤。
(3) 最終畫面
點選Submit 按鈕後，會出現是否送出的提示框，請點選確定(如圖 3-39)。
圖3-40 畫面即為最終畫面，代表文章閱讀編輯完成，最後使用者直接將視窗關 閉結束即可。
49
圖3-39：比較和對比關係文體 All A, All B 點選 Submit 按鈕後畫面
點選確定後畫面：
圖3-40：比較和對比關係文體 All A, All B 完成文章閱讀畫面
