系統開發成果

壹、 系統畫面說明

本節將說明系統開發成果，下圖 9 為系統結構圖：

圖 9 系統結構圖 主選單

圖片霸凌 文字霸凌 影片霸凌

超級明星臉

留言板

個人網站 票選活動

有趣影片 網站交流

一、 首頁

本頁面為本模擬網站首頁，透過類似登入班級網頁的方向進行操作，在首頁 登入時，輸入自己的姓名與上傳自己的大頭照，這裡所輸入的名字是用來作為後 續模擬網路霸凌時的受霸凌者的姓名變數；若在這裡上傳受試者的大頭照，照片 也會在後續的霸凌內容中作為動態變數資料。

圖 10 系統首頁畫面

二、 主選單

本頁面主要為登入後的主選單，主選單的形式設計為藏寶圖，主要有六個連 結，包含「個人網站」、「留言板」、「網站交流」、「票選活動」、「超級明星臉」、「有 趣影片」，以闖關遊戲的方式進行，每完成一關，該連結就會顯示「已經玩過囉」， 直到每個連結都操作過，系統將會自動跳到結束頁面。

圖 11 主選單畫面

圖 12 主選單畫面 2

三、 個人網站

本頁面屬於文字類的網路霸凌，主要是透過部落格形式，施以恐嚇威脅的言 論，其中內容部分，也針對受試者在登入時輸入的姓名作為變數而做變動，藉此 讓受試者更加感同身受，而受試者也可以透過下面的回饋區加以回饋，表達自身 的感受與回應抗衡的方式。

圖 13 個人網站畫面

四、 留言板

本頁面屬於文字類的網路霸凌，主要是採留言版的形式，模擬以一個人進行 人身攻擊，而其他人加以附和，受霸凌者的姓名透過登入時的變數加以變化，讓 受試者感受如同親身在網路留言板遭眾人撻伐，受試者也可以透過底下的回饋區 加以回應。

圖 14 留言板畫面

五、 網站交流

本頁面屬於影片類的網路霸凌，採用暴力事件的影片，加以恐嚇受試者，受 試者可以透過回饋區加以回應。

圖 15 網站交流畫面

六、 票選活動

本頁面屬於文字類的網路霸凌，主要是採選擇題的形式，設計出一個令人難 堪的票選，四個選項都是在取笑受試者，受試者可以不做任何選擇就送出資料。

圖 16 票選活動畫面

七、 超級明星臉

本頁面屬於圖片類的網路霸凌，主要是採張貼尷尬影像的形式，如果在登入 此系統時有上傳個人大頭照，則個人大頭照上方會出現豬的浮水印，如果沒有上 傳個人大頭照，則會只顯示豬頭的圖像，藉此圖像取笑受試者，底下附有留言區，

受試者可在留言區進行回饋。

圖 17 超級明星臉畫面

八、 有趣影片

本頁面屬於影片類的網路霸凌，採用暴力事件的影片，加以恐嚇受試者，受 試者可以透過回饋區加以回應，影片中的霸凌情節比「網站交流」區的霸凌影片 更加殘忍，受試者也可透過下面的留言進行回饋。

圖 18 有趣影片畫面

九、 結束頁

當完成所有關卡連結後，頁面將會自動導向到結束頁。

圖 19 結束頁畫面

貳、 系統功能說明

一、 操作畫面錄製

本系統需搭配 anicam 軟體進行操作，可利用 anicam 進行操作畫面錄製，將 受試者操作滑鼠與鍵盤的動作與打字的速度，詳實記錄，再透過錄製的影片進行 分析。如下圖右上方控制視窗，為 anicam 控制視窗，可進行鍵盤滑鼠操作側錄。

圖 20 操作畫面錄製

二、 視訊畫面錄製

本系統透過 anicam 進行操作畫面錄製，可同時設定視訊，將受試者操作時 的表情與動作詳實記錄，再透過錄製的影片加以分析。如下圖右上方顯示視窗，

為視訊的顯示視窗，可側錄受試者的表情與動作。

圖 21 視訊畫面錄製

參、 評鑑結果

本系統評鑑，主要以「專家評鑑」說明，透過深入訪談的方式，針對以下六 個項目進行評鑑，統整與摘錄訪談內容如下：

一、 網站目標的適切性

專家 1：目標十分明確，但過於刻意，易讓受測學生有防備，降低模擬系統 的有效性。 

專家 2：網站主題相當適切，針對網路霸凌整理出六項霸凌模式進行實境模 擬，有效加強網路霸凌資料收集之信度及效度，用心值得嘉許。 

專家 3：因研究霸凌行為而特地設計之網站，其網站目標適切，簡潔明瞭乾 淨俐落。 

二、 網站內容的正確性

專家 1：內容方向大致正確，但霸凌形式稍嫌不足，只有影像、圖片及文字

等被動式霸凌，應增添其他互動霸凌方式，例如：MSN、聊天室、遊戲軟體等，

可更為貼近實際可能情境。 

專家 2：內容正確性固然有，但霸凌呈現之方式仍有短缺，畢竟霸凌方式相 當多元，無法以僅僅六項以概之，完整性略為美中不足；而各項內容皆直接針對 受測者進行霸凌，容易讓受試者感受過於刻意，造成受測者懷疑真實性，進而影 響有效資料收集。 

專家 3：網站內容皆依循著各項霸凌形式而設計，以圖像、文字及影像呈現，

正確性無庸置疑，但網路霸凌形式多元，從中無法得知圖像、文字、影像以外的 霸凌形式所造成的影響，建議增設其他霸凌形式以增加正確性；而影片部分有待 整理，因為從受測者回饋中發現角色容易混淆，從被霸凌者轉換成旁觀者，須思 考問題所在並從中修正；圖像的霸凌力道不足，在圖片選擇上需做調整；大致上 問題不大，只須微幅修改並增加霸凌形式，便可有效提升完整性與正確性。 

三、 網站功能的實用性

專家 1：設計內容的確都有可能發生在日常生活中，確為實用但設計略顯粗 糙，例如：兩則暴力事件的影片過於相近，且受測學生觀看後角色錯亂，同情起 影片中遭霸凌之主角，影響該項受測效度；而令人難堪的票選，頁面可以增添其 他票選結果，而不是刻意強調霸凌而霸凌；至於尷尬影像的張貼的部分，圖片流 於可愛，霸凌成分略顯不足；故應可再用心規畫各項霸凌形式之內容。 

專家 2：網站功能實用性夠，但其內容不夠精緻，建議版面可以豐富且活潑，

增加真實性，回饋方式也可多元進行，並非只是單純留言，因須顧慮受測者文字 表達能力不盡相同，譬如可以讓學生畫圖回饋作為互動，如此一來才可有效進行 資料收集。 

專家 3：網站功能的實用性佳，名稱上看來與一般入口網站提供服務相差不 遠，若能增加內容之豐富性，提升網站真實度，必能取得受測者信任，面對霸凌 時的反應會更加具有效度。 

四、 操作介面的合宜性

專家 1：介面一目了然，但標題有時和內容不盡相同，例如：網站交流會讓 學生誤以為是連結其他網站，但卻又是另一則霸凌影片；過於強調留言區，強迫 受測者在面對網路霸凌後皆必須留言做出回應，部分受測者或許無法在限定時間 內將心理情緒轉換成文字，便會生澀打出片段文字，亦會影響受測效度，應再思 考如何有效取得受測學生真實感受。 

專家 2：主頁面以設計六項選單為主軸，整體設計及標題名稱都足以吸引受 測者點選，但點選進入後之頁面排版則顯得單調和主頁面相差甚遠，且同樣過於 刻意霸凌，而顯得真實性不足，或許仍有部分受測者不受影響，但若有習慣性上 網之受測者必然發現此為研究收集用，則回應方式之真實性則須再評估。 

專家 3：在操作介面上簡單易懂，只要有上網經驗的受測者皆可輕鬆應測，

合宜性十足，但在留言板部分過於強調，並非所有受測者都能立即對於霸凌行為 作出文字上的反應，建議設計其他選項供受測者選擇，也便於日後資料歸納分析。 

五、 側錄影像的判讀性

專家 1：透過鏡頭可清楚看見受試者在第一時間面對霸凌之反應，可藉此分 析整理出遭受霸凌者之反應，利於日後資料歸納。 

專家 2：受測者已知將會側錄受測過程，則回饋反應容易失真，受測者有可 能會選擇迎合霸凌應有反應或強作鎮定面對霸凌，我們無從判斷得知，故此部分 之判讀性有待商榷。 

專家 3：因並非所有受測者皆能立即有文字上的反應，所以搭配側錄實為加 深研究正確度之有利行為，但因為受測者皆知此側錄行為，所以無法判讀側錄影 像是否為真實反應，故側錄影片的準確性持保留態度。 

六、 資料分析的可靠性

專家 1：受測的樣本數過少，且網站內容不夠完整，但若可以在受測後與學 生進行進一步訪談，了解實際感受，將能有效提升資料分析的可靠性。 

專家 2：由於網站內容具有可改進空間及樣本性不足，所以在資料分析的可 靠性上略顯不足，應增加內容的完整性、豐富性及真實性，並增加數十位的受測 者以獲得較多的資料以利進行分析探討增加可靠性。 

專家 3：藉由網站設計及側錄資料加以分析研究，資料分析的可靠性固然有 但仍為不足，另因樣本數有限且內容尚未完善，故此網站研究行為只能暫為初步 的資料分析，加以修正後必能增加其可靠性。 

本模擬網站在完成評鑑之後，從評鑑結果中，可發現專家對本模擬網站的方 向與架構、系統功能的設計上持肯定的態度，但在內容完整性與資料充足性值得 改進，因此本研究將針對專家的建議，一方面在不足的部分，將系統的雛型加以 修正，導入發展階段，使系統能更加完善，另一方面，對部分建議則作為後續研 究發展參考依據。