第三章 系統設計
第三節 系統功能說明
國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
第三節 系統功能說明
本研究所使用的系統共包含四個功能，分別為CWS-VINA、編輯區塊、線上 討論區，以及時間軸頁面，介面如圖3-2 所示，各元件功能分別說明如下：
圖 3-3 系統使用者介面
一、 視覺化互動網絡分析系統（CWS-VINA）
CWS-VINA 係以一維社會網絡圖（one-mode network）作為系統設計的理論 基礎開發而成，目的在於呈現整體學習者間共同編輯文件的互動情形，希望藉此 促進團體意識，激勵學習者進行合作反思，降低編輯貢獻程度不均的現象。為達 到此一目標，本系統將學習者們編輯文件的程度以視覺化方式進行即時呈現，並 且學習者可透過點擊視覺化節點呈現二種資訊，分別是整體合作共筆分析圖，以 及標示貢獻百分比、修改字數。CWS-VINA 在整體合作共筆分析圖中可直接呈 現學習者編修文件的貢獻與互動情形，透過標示貢獻百分比與修改字數來提供詳 細文件編修資訊。用以激勵學習者更積極參與合作編輯與互動，各部份之功能與 介面說明如下：
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
（一）合作共筆分析圖
合作共筆分析圖的介面如圖3-3 所示，每次學習者編修合作編輯文件時，系 統會依據編輯文件的內容，經過與歷史文件的重複比較，計算出學習者「新增」
或「修改」字數，分別計算出貢獻度與修改程度後，呈現在社會網絡分析圖中，
供學習者檢視。
圖 3-4 整體合作共筆分析圖
整體互動網絡分析圖共包含二部分，分別為學習者節點與修改連線：
1、學習者節點
由於合作共筆的學習活動是以小組方式進行，因此整體互動網絡分析圖會顯 示出整個小組的所有學習者。每一個節點代表一位學習者，節點大小表示該學習 者在共筆過程中的貢獻程度，也就是其編寫文件內容的字數占整份文件的百分比。
而節點顏色則為該學習者的代表顏色，與該學習者的編輯區文字、聊天室顏色相 同。
2、修改連線
如圖3-3 所示，整體互動網絡分析圖中的「邊」即為修改連線，修改連線係 由計算一位學習者對另一位學習者編寫的內容所進行的修改字數而產生，修改連 線在節點之間互相連接，具有箭頭指示方向、顏色。箭頭方向表示學習者修改內
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
容之對象；顏色深淺代表其修改程度，顏色越紅表示其修改的程度越多、越藍則 反之。
（二） 標示貢獻百分比、修改字數
學習者在整體合作共筆分析圖中點擊任何學習者節點後，CWS-VINA 系統 會在學習者節點旁標示其對整份文件貢獻程度的百分比；在修改連線旁標示該連 線的修改字數，表示該學習者對另一學習者曾經修改的總字數。如圖3-4 所示，
表示使用者點擊學習者”劉苡萱”的節點後，在”劉苡萱”節點旁標示「貢獻百分比 21%」。在” 劉苡萱”節點對”何屏”節點的修改連線中標示了其修改的總字數「10 字」。
圖 3-5 標示貢獻百分比及修改他人字數
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
二、 編輯區塊
編輯區塊係採用 Etherpad 線上合作編輯系統內建的編輯系統，如圖 3-5 所 示。編輯模式採 HTML 格式，可以做到字型、大小、縮排等基本的文書處理功 能。編輯區塊中的文字顏色，就是撰寫該字的學習者的代表顏色，與合作共筆分 析圖中的節點顏色、聊天室顏色相同。
圖 3-6 Etherpad 編輯區塊
三、 線上討論區
學習者在合作編輯的過程中，時常會有需要與同儕進行交流，討論合作方向 與共筆內容之需求。為輔助學習者便利的針對共筆文件進行討論，本系統搭載 Etherpad 中的聊天室功能作為即時線上討論區，呈現在編輯區塊的右側，並在上 方顯示正在線上的所有使用者，使用者顏色與編輯區塊顏色、合作共筆分析圖節 點顏色相同。操作介面如圖3-6 所示。
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
圖 3-7 線上討論區
四、 時間軸頁面
為讓學習者與教學者能夠查看過往的文件共同編輯紀錄，了解文件修改的脈 絡，系統具備時間軸頁面，如圖3-7 所示。使用者可拖動上方時間軸來檢視該文 件所有的歷史版本，同時會顯示該版本所有的協作者以及作者顏色。
圖 3-8 檢視時間軸頁面