三、 系統架構與設計
3.3 實作內容
3.3.1 使用者介面
圖 3.3.1 實作架構圖
3.3.1 使用者介面
圖 3.3.2 為實作出來的系統介面圖，右方邊欄為使用者所建立的所有標籤，左上方 的是標籤網路由目前標籤所得到的相關標籤。與目前標籤最相關的，也就是說與目前標 籤一起同時存在於相同資訊數愈多，就愈相關，會置於相關標籤的愈前面。
資料庫 圖片
作業系統的讀寫
標籤與檔案的關連 讀/寫
使用者介面
使用者 相關標籤計算
標籤排名 檔案排序
圖 3.3.2 系統介面
介面說明
z 圖片資料
z 從上到下，各行為：
1. 檔案名稱 2. 擁有的標籤 3. 編輯標籤的方塊 4. 確認按鈕
z 標籤邊欄
新增：將選取的檔案全部加上此標籤
所有標籤
標籤網路
3.3. 的關係(Tag‐F 所示。首先 個標籤有編號 一檔案加上一 一個檔案可以 案或標籤都是 File id)、對
3.3 資料庫 File Relatio
，為每一個 號(Tag id)、
一個標籤時 Tag id)及最
在系統標籤與 資訊(File)及 其編號(File
(Tag name) 一筆標籤與
e id)和儲放 )和標籤被使 訊(Tag)，如圖 放於系統中的
使用的次數 係(Tag‐File 案，所以標 放編號(Rel 時間(Access
這個單元內 的路徑(File 數(Used)。當
Relation) 標籤與檔案的
ation id)、
s time)。
，使用SQL
e path)，每 當使用者為
不會因為圖片有縮圖而與文字檔有差異，原因在於使用者於系統中不論是哪種格式 的檔案，皆利用標籤本身及其關連標籤來做搜尋，並非由縮圖來做判斷、搜尋，所 以以圖片為內容不會使結果有所偏頗。
2. 圖片本身除了檔名之外，並不包含任何文字，所以在使用現有的搜尋系統，例如：
作業系統內建的搜尋、Google Desktop Search…等，使用關鍵字為搜尋基礎的系統 難以找到使用者所需要目標，若本研究的系統可以對圖片這類型的檔案做出不錯的 成果，相信可以解決目前系統遇到的問題。
系統使用Python 提供的 API 來讀入圖片，處理作業系統做 I/O 的問題，並秀出於 使用者介面中。
3.3.4 系統功能計算
此為本研究最主要的部分，實作出之前討論的概念設計，分為三個部分：相關標籤 計算、標籤排名、檔案排序，以下以各個小節詳細說明實作部分。
3.3.4.1 相關標籤計算
同一個檔案上，若有標上二個以上的標籤，就認定他們互為相關標籤。二個標籤同 時標記一個檔案時，則將此對標籤關係度加一，同時出現於愈多檔案上，則此二標籤關 係度愈高。當使用者選定A 標籤時，系統介面將會列出 A 標籤的所有相關標籤，依照與 A 標籤的關係度愈高，則在相關標籤排愈前面(也就是愈左邊)，如圖 3.3.2 左上方的虛 線框內。
3.3.4.2 標籤排名
如同前面3.3.2 節所說的，我們為每一個標籤記錄使用的次數，每當這個標籤被標 到某個檔案上一次，就將它的使用次數加一，使用次數愈多表示使用者愈常用到這個標 籤，依常用度來為標籤排名。在系統介面(圖 3.3.2)的右下方，將排序好的標籤放於此 處，方面使用者操作。
3.3.4.3 檔案排序
當使用者選定標籤後會在目前標籤欄目上顯示出來，介面下方會秀出所有使用此標 籤的檔案，而順序的先後依這個檔案最後標上此標籤的時間來排序，愈晚標上此標籤的 檔案表示近期才對其做處理和反芻，對記憶理論來說還位於短期記憶內，所以將之排於
愈上方，加速使用者存取。
四、 實驗方法與結果分析
4.1 研究對象
研究對象為磐石高中三年級的學生，參與本次研究的有二個班級，使用資料夾的學 生有27，使用個人知識重整系統的學生有 37 人。第一階段完成實驗的有效樣本數，資 料夾組有21 人，新系統組有 37 人。第二階段完成實驗及問卷的有效樣本數，資料夾組 有17 人，新系統組有 32 人。
4.2 研究工具
在研究工具上我們使用三種工具，最主要的工具是第三章所提到的個人知識重整系 統，其他二個工具一個是在使用資料夾做實驗時，記錄使用者動作的小程式(4.2.1 節)，
以及最後做實驗者背景調查的問卷。以下將對剩下二種工具進行說明。
4.2.1 記錄結構建立及搜尋的過程
在實驗者使用原作業系統的資料夾來整理檔案時，為避免因電腦效能造成螢幕錄影 的失敗，所以採用一個自己寫的小程式，記錄實驗者資料夾的建立、資料夾名稱的變動、
檔案的搬移，以及進出資料夾的記錄。
個人知識重整系統中會在使用者建立標籤、使用標籤，以及使用關連圖片時，自動 記錄下這些歷程。
4.2.2 背景調查問卷
主要詢問實驗者的背景，包括使用網路的習慣，常瀏覽的網站，以及是否有使用過 網路上標籤的經驗。問卷詳細內容置放於附錄中。
4.3 實驗流程
1. 選兩個組成相近的班級，一班使用一種方式來做。
2. 給予實驗者 60 張圖片，圖片內容將平均分佈於各類別。
3. 請實驗者使用作業系統內建的資料夾系統，使用 Windows XP 的縮圖模式，為圖片 做分類整理。以程式記錄過程的方式，記下實驗者建立資料夾或搬移檔案的次序。
4. 請實驗者使用個人知識重整系統，為圖片做分類整理。系統內會自動記錄下實驗者
5.
4.3.
下標籤的情形
由圖 4.4.1 我們可以看到，大部分的使用者對每張圖片會加 3 個左右的標籤，證明 有發揮標籤的特性–對單一資訊可用多個標籤來描述它。
圖 4.4.1 每張圖片平均擁有標籤數的分佈圖，橫軸代表每張圖片擁有的標籤數，縱軸代表擁有特定標籤 數的圖片平均有幾張，結果的高峰點顯示一張圖片有 3 個標籤的情形最多
功能使用率
使用相關圖片的人有 21 人，占標籤組有效樣本中的 65.6%
使用相關標籤的有 7 人，占標籤組有效樣本中的 21.8%
4.4.2 搜尋效率
針對使用二種方式來找尋目標圖片的時間以及步數，我們可以來做一個比較，證明 使用哪種方式可以有效率地找到想要的資訊。
使用時間
由圖 4.4.2 我們可以看出使用標籤的系統可以比資料夾系統更快速地找到所想找的 圖片，證明個人知識重整系統的確較能幫助人們做尋找。證實藉由類似人腦中陳述性網 路的節點激發所設計出來的系統，確實可以幫助人們做有效率的搜尋。
0 2 4 6 8 10 12 14 16
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 圖
片 數
(
張)
圖片擁有的標籤數
圖 4. 100 150 200 250 300 350 所 138
59
299
70 195.56 101.73 52.02%
一個標籤也算 203.09 119.67 58.92%
算做一步，
以看到使用標 的描述，所 上較多，在
6
102
小船
203 1
120
卡丘
減
每
的 還
圖 4.
4.4.3
資料 225.00%
一樣，深度
構。Test
圖 4.4.4 資料夾結構
標籤結構
標籤的結構就因個人風格不同，而產生出不小的差異，以下就某幾大類的結構提出 說明：
(1) 連結度高的網路
原本零散的觀念透過某些共通的標籤將各個小網路連起來，從任一節點開始可以到 達大部分的節點，呈現大部分相連的狀況，如圖 4.4.5。
圖 4.4.5 連結度高的標籤網路，此為某一受測者所建立的標籤網路，大部分的節點皆連結在一起，代表 對於不同圖片間有相同的標籤，一張圖片含有多個標籤
(2) 單點散佈的網路
存在著一個一個節點，彼此沒有連結，散佈在網路中。此狀況出現在使用者把標籤 運用成類似資料夾的用法時，對每一張圖片只下一個標籤來分類，所以不存在著標籤間 的關係，如圖 4.4.6。
圖 4.4.6 單點散佈的標籤網路，此為某一受測者所建立的標籤網路，大部分的節點之間無相連，代表此 受測者大部分圖片只下一個標籤
(3) 區塊分佈的網路
當使用者對於單張圖片下多個標籤，但是不同圖片間不含有相同的標籤時，就會出 現區塊分隔的情況，如圖 4.4.7。
圖 4.4.7 區塊分隔的標籤網路，此為某一受測者所建立的標籤網路，節點相連成一個個的區塊，區塊與 區塊間無相連，代表此受測者不同圖片間很少下相同的標籤
4.4.3.2 結構統計資料
以下對於使用者建立結構的統計資料做說明：
資料夾和標籤的使用比率和使用範圍 首先說明圖 4.4.8 的二個座標軸：
z
100%
0 88.24%的使
，代表二種
圖 4.
81.8%
於一張圖片
圖 4.
37.8%
企鵝 南極
27.0%
21
13.5%
雪 可愛
圖 4.4.13 搜尋標籤範例－步驟 1
接著就跳至「吃」的節點，出現的是超級市場中販賣的螃蟹與花叢中的鳥兩張圖。
與目標的吃東西小動物都有差距。使用者加入標籤時可能不完整標示出所有可能的屬性，
而目標的吃東西小動物圖並沒有標上這個標籤因此不在此搜尋結果之內。使用者接下來 點選螃蟹的圖再次進行相關圖片搜尋(具有螃蟹、餐廳、吃與肚子餓四個標籤) 參考圖 4.4.14。此時由於吃東西的小動物與螃蟹具有肚子餓的共通標籤，使用者得以完成從吃 擴散到肚子餓的標籤，順利找到目標圖片。
圖 4.4.14 搜尋標籤範例－步驟 2
4.4.5 個人與群體差異
群體共識和個人認知
使用者使用標籤系統時，在沒有參考其他人的答案情況下，對於很具代表性的 圖片(如企鵝)在進行加入標籤的動作時所下的標籤也會產生一致的情形。這種情況反
應出對於一張圖片的普遍觀感。我們計算標籤系統受測者的結果，將具有普遍性的 標籤關係整理如圖 4.4.15，由圖中可以發現形成一個較小但具有一定結構，並且具 有共通性的標籤關連性子集合網路，此種放諸四海皆準的標籤間關係代表了不同使 用者間對圖片所共有的常見描述。
圖 4.4.15 群體共識標籤網路
在形成這樣的共有標籤關係子集合後，我們將個別使用者的個人標籤網路中屬於共 通擁有的部分進行標示，將共通節點的邊框與共通邊加深。(如圖 4.4.16 和圖 4.4.17) 可以觀察到在不同類型的網路圖上，都具有相似的共通標籤結構。
圖 4.4.16 共通標籤在個人標籤網路上的位置(範例 1)
圖 4.4.17 共通標籤在個人標籤網路上的位置(範例 2)
五、 結論
在本研究中提供一種理論框架，將認知心理學的記憶相關理論拿來解釋和對應標籤 的運作，把二種領域的觀念做一個整合。以記憶相關理論為主要的觀念，實際設計出一
在本研究中提供一種理論框架，將認知心理學的記憶相關理論拿來解釋和對應標籤 的運作，把二種領域的觀念做一個整合。以記憶相關理論為主要的觀念，實際設計出一