第二章 文獻探討
2.3 註記
2.3.2 國內註記相關研究
國內有許多針對註記系統與其學習效益的相關研究，本節主要探討註記 系統的功能與開發技術，以及其應用在教學上的效益。吳漢障(2009)數位遊 戲設計教學平台、程仲凱(2004)電腦閱讀註記以及李錦興(2007)網頁註記標 記語言等就是國內開發的註記系統：
（1）數位遊戲設計教學平台(吳漢障，2009)
吳漢障(2009)探究數位遊戲設計、數位學習、合作學習間的關係，以及 針對目前線上註記系統進行分析，而設計的一套註記的系統，其功能包括色 筆標示、加入及編輯註記，以及註記的組織樹狀結構。除此之外，系統也提 供文字超連結方式及圖形註記，可加入多媒體內容、檔案上傳、回應主題等。
其並以目前網路著名的 YAWAS、Annotea 、EDUCOSM、ScreenCrayons、
u-Annotate 及 Free-Form Annotation Tool 等線上註記平台進行功能性比較，如 表 2.3.1。
表 2.3.1 註記系統比較表 （○：支援、×：不支援、△：部分支援）（資料 來源：吳漢障，2009）
YAWAS Annotea EDUCOS
M
ScreenCra yons
u-Annotate
Free-Form Annotation
Tool 線上註記
On-line Annotation
○ ○ ○
×
○ ○Graphic Annotation
×
△×
○ ○ ○Recursive Annotation
×
○× × × ×
加入多媒體內容
Annotation of Multimedia
×
△× × × ×
檔案上傳
File Uploads
× ×
○× × ×
外部資料庫 External database
△ ○ ○
× × ×
由表 2.3.1 可知，當前線上註記平台最為欠缺的為多媒體註記 Annotation of Multimedia，僅 Annotea 部分支援。
技術上，其開發出可於一般瀏覽器上使用的線上註記平台，此系統中除 了運用 FKC Editor 編輯註記內容，以及使用 DHTML 的技術，將自製的資料
物件以手稿語言處理過，再動態的附加到文本所在的網頁中。
（2）電腦輔助閱讀註記系統(程仲凱，2004)
程仲凱(2004)註記模組中部份產生註記方式中資料表裡包括註記編號、
畫記起點、註記長度、註記內容、註記段落、畫筆顏色、註記類別等。其中 畫記起點是以文章開頭算起的字元位置，再以註記長度規範註記內容的字元 長度，這種註記方式的優點在於能明確的註記使用者想註記的點，其註記是 一對一的方式，符合註記起始點及長度才有註記產生。
其技術上，系統架設於Microsoft Windows 2003 Server，以Microsoft IIS(Internet Information Server) 6.0作為網頁伺服器，資料庫中選擇Microsoft SQL2000。在IIS 上開發動態網頁，Server端是ASP.NET、Client端是JavaScript。
（3）網頁註記標記語言(李錦興，2007)
李錦興(2007)發展出一套註記標示語言（Annotation Markup
Language），用來建立閱讀記錄追蹤，也包含針對多媒體內容的註記，以及 不同註記系統之間的註記資料交換、分享。其註記的元素分為四種，文字註 記、圖片註記、影片註記以及任何地方註記。其考量到學習者對註記的需求 和系統規模的限制，認為系統應具備使用者記錄、標示註記功能、插入註記 內容、註記內容可以插入多媒體內容、支援對目標是多媒體的註記、同步顯 示功能、註記的儲存與分享等功能。
技術上，是以javascript的技術將註記資料以xml的方式暫存在使用者 端，供分享與交換。以詢問方式把註記資料從使用者端上傳到伺服器，以 Htmlarea作為編輯註記內容效果的工具。
除了註記系統外，國內註記應用的研究相當多，其範圍不但涉及診斷學 習、合作提問與多媒體註解、提供學習者與教學者模組、探索註記文章類別，
甚至建構手機、紙本和桌上型電腦註記的無縫式環境(谷圳，2004；宋姍錞，
2006；林瓊甄，2006；程仲凱，2004；楊宏毅，2001；；潘淑靜，2006鄭勝
（1）學習支援及診斷之線上電子書學習系統
（2）適性化e-Learning教材發展之研究
林瓊甄(2006)以漸進式適性化數位教材，合作提問及多媒體註解，以提
（5）多媒體註記工具應用於程序性知識的學習
潘淑靜(2006)探討多媒體線上註記工具『Vpen 虛擬筆』應用於「程序性 知識」的學習成效，其發現多媒體線上註記系統 Vpen 虛擬筆工具對於程序性 知識的學習是有幫助的，且註記在學習是有層次的，文字註記的學習層次優 於畫顏色底線框線，貼圖註記的層次更高於文字註記。其也發現個別註記中 的文字註記和貼圖註記對考試的訂正活動是有幫助的。
（6）註記系統輔助閱讀之可用性研究
楊宏毅(2001)與多位專家討論實驗時間、實驗文章與實驗的回憶問卷，
以31 位台灣大學和5 位中原大學學生進行線上閱讀註記實驗，發現就短期閱 讀的效果而言，科技類文章方面有顯著差異，沒有使用註記功能的使用者較 有使用註記系統且提供專家文章架構的使用者還要好。不過不同文章類別會 造成不同程度的影響，特定某些類型的文章比較適合使用本註記系統進行閱 讀。這跟紙筆閱讀的筆記習慣一樣，某些科目適合在書本上做摘要，某些科 目就不一定需要。
（7）無縫式的註記與發問學習輔助系統
谷圳(2004)以手機、紙本和桌上型電腦建構一個輔助學生學習及老師教 學的無縫式環境，電腦註記學習模組有註記模組、整理模組及發問模組，手 機註記學習模組有註記模組、整理模組及發問模組。結果發現且近八成的同 學認為以多媒體簡訊即時及地的輔助方式，可以增加學習的機會。
國內註記研究相當多，而註記不但應提供，畫線、顏色等功能，多媒體 註記以及運用在電子教科書中，也應提供掌握學生的學習狀態等模組應用於 程式語言、閱讀、英文等，而收不錯成效。除此之外，國外以提供許多線上 註記平台，較為人知的有 YAWAS、Diigo 以及 WebNote 等，使用者可以在 任何網頁上以 highlight 註記，以下進ㄧ步進行國外註記軟體的探討與分析。
（1）YAWAS
Denoue和Vignollet(2000)運用文件物件模型(DOM)及動態HTML 而交付於一個具速度及隱私的系統，並經由實驗改善文件存取及提供使 用者直接索引。其目的在於個人化使用者所閱讀的文件，其結合了Google Bookmarks，可在任何網站中加入螢光筆功能，除此之外，也可以註記每 一個網頁，使再次閱讀此文章時，能很快的瞭解網頁內容。
圖 2.3.1 YAWAS 產生註記
（2）Diigo
任何網頁中可增加螢光筆及註記，並於下次瀏覽時仍出現於原始網頁中。
其最大的特色在於多色螢光筆(highlight) 註記、便利貼（sticky notes）可定位 於螢光筆或是任何位置、調整註記大小、具有隱私控制（private control），
使用者選擇註記的隱私、公開及群族分享（shared with a group） (Diigo,2010)。
圖 2.3.2 Diigo 可使用螢光筆及線上註記
（3）WebNotes
WebNotes Pro 是世界上第一個允許在PDF文件及網頁上註記的研究工 具。其可以在網頁瀏覽器中直接對文章畫上螢光筆，也可以寫上註解，且能 自動儲存、組織及搜尋。可藉由email、PermaLink 及 twitter 來分享註記 (WebNotes,2010)。
圖 2.3.3 WebNotes 的線上註記
除了YAWAS、Diigo與WebNotes外，註記功能也逐漸導入支援使用者瀏覽 過的網頁進行推薦的社會化導覽（social navigation）功能，如AnnotatEd及 SpreadCrumbs。AnnotatEd提供學習者瀏覽教育資源網時註記的功能，並記錄 使用者瀏覽過的網站以及學習者提供的註記，運用這些資訊來建立社會化導 覽(Farzan,2006)。而SpreadCrumbs是一套網頁註記工具，其提供了一套方便 使用者互動介面，如同一般書本一樣，使用者可以在網頁的任何地方進行註 記，其他功能除了註記的隱私（private annotations），還包括支援社會化導覽
（social navigation）與社會化合作（social collaboration）的社會化書籤（social bookmarking）、個人備忘錄（personal reminders）等。
所以，註記科技的發展，不但已進入到第四代，註記的分享（楊漢勇，
2004），而且導入了社會化導覽（social navigation）的概念，強調個人化的功 能。這與強調使用者參與其中、使用者共同創作與強調分享的 Web2.0 概念不
2.3.4 Web2.0
Web2.0 或稱為下一代網路，為 O＇Reilly Media 的副總裁 Dale
Dougherty 和 MediaLive International 的副總裁 Craig Cline 在一場腦力 激盪的會議(O'Reilly,2005)中所提出來的，當時只有舉例，並沒有明確的定 義。網路產業之所以從 Web 1.0 進入到 Web 2.0 的關鍵，其市場驅動因素有 全球的顧客基礎、永遠保持連線、到處連線上網、使用者參與其中，並且提 供數位內容、建置成本巨幅下降等。
O＇Reilly（2005）”What is Web 2.0”中也提到，web2.0 的七大特色 網路應當被視為是平台、利用集體智慧、資料是下一個「Intel Inside」、
軟體升級模式走到盡頭、輕巧的程式設計模式、軟體不在侷限於單一裝置及 豐富使用者的感受。所以，在經濟泡沫下產生的 web2.0 概念中強調使用者參 與其中、利用群體智慧，所以網頁內容更新者，已不再是被動由網頁設計者 所提供，而是轉移到網頁使用者共同協同創作。著名的 Blog、wiki、RSS 等 就是公眾創作工具。
Web2.0 是以Web2.0 概念與技術，如Blog、Wiki、標籤(Tag)、社交網 路服務(SNS)、追蹤訂閱(RSS)等社會軟體的應用為核心，依據六度分隔理論 (six degrees of separation)、可擴展標記語言(XML)及非同步動態網頁技 術(AJAX)等新理論和技術，以實現的網際網路新一代模式，以Flickr、
Linkedin、Craigslist、Ryze等網站為代表(梁政良，2007)。
部落格可以以文字、圖片、及影音等不同方式呈現，連士傑、李世忠 (2006) 於認為Blog 具有五大特性：
（1）技術低門檻：使用 Blog 的技術門檻很低，尤以部落格入口網站所提供 的功能。
（2）高自主性：使用者可以依入口所提供的版型，隨意更換不同風格的版面。
（3）跨平台互動：以 XML 格式包裝內容，以跨越不同版本的部落格。
（4）即時發佈：操作容易，可立即發布，方便且迅速。
（5）多元應用：Blog範圍涵蓋所有與人相關的議題，發展出不同且豐富的題 材背景。
所以 Web2.0 概念運用在註記科技上，應考慮個人化功能、知識分享、資 訊再利用、共同參與以及即時性等功能。
2.3.5 小結
由文獻得知，結合國內外註記相關研究與現行軟體的應用，，而以Web2.0 的概念與趨勢融入註記科技時，應該具備以下特性：
（1）文字註記
註記可以減少認知上的超載，而加上文字註記，使得劃記重點與文字註 記相對應，更能幫助其回憶此文章的重點。
（2）多媒體註記
文字註記的學習層次優於畫顏色底線框線，貼圖註記的層次更高於文字 註記，所以文字註記與貼圖註記相結合，更能提高其層次。
（3）多重註記功能
在語文學習上，應提供多重註記功能，以便多重註記文章中字、詞及句
在語文學習上，應提供多重註記功能，以便多重註記文章中字、詞及句