3.3 系統介面設計
3.3.3 關鍵事件分析區
國
立 政 治 大 學
‧
Na tiona
l Ch engchi University
22
圖 12. Key Event Parameters 介面圖
3.3.3 關鍵事件分析區
圖 13 為本系統第三階段的關鍵事件分析區(Key Events Analysis),圖 13 編號 1 為呈現關鍵推文的時間軸,右側編號 2 則為系統依照各屬性所推薦 的關鍵推文列表。我們將第二階段個人篩選區的四個推文屬性 hashtag、
mention、domain name 及 media 分別使用紅、橙、 黃、綠 色來 顯示,而 另 外的轉推(Retweet)、收藏(Favorite)及發文者(User)的屬性則用藍、
靛、紫色顯示。以圖 14 為例,該則推文同時被 hashtag、domain name、retweet 及 favorite 屬性所推薦,很可能代表該則推文在此子資料集中扮演重要的 角色。利用顏色的呈現方式,能讓使用者很直覺的觀察時間軸上各則推文 被那些屬性所推薦。滑鼠游標移至點上時,會顯示該則推文內文,點擊發 文者名稱則會被導向至該則推文頁面,而下方會顯示該則推文的轉推數以
‧ 國
立 政 治 大 學
‧
Na tiona
l Ch engchi University
23
及收藏數。時間軸本身亦可縮放、拖拉,來改變呈現的時間區間。
圖 13. 關鍵事件分析區(Key Events Analysis)介面圖
圖 14. Tweets Timeline 中的一則推文
介面右側的關鍵推文推薦列表,我們分成三部分說明:前四個推文屬 性 hashtag、mention、domain name 及 media 都會在上方顯示 Tweets have this _____ per day 的按鈕,底線部分為屬性名稱,點擊後會在下方顯示具有該 屬性元素的推文的時序分布圖,如圖 15。點擊折線圖上任一點,系統則會
‧ 國
立 政 治 大 學
‧
Na tiona
l Ch engchi University
24
將該點日期傳至左側的推文時間軸,將顯示區間改變成該日,方便使用者 快速確認那一天有哪些關鍵推文。剩餘的 retweet、favorite 屬性則不會有 下方的時序分布圖,而是直接列出資料集裡前 10 則最高轉推數或收藏數 的推文資訊,如圖 16。最後的 user 屬性則是顯示資料集中前 10 名最具影 響力的發文者資訊,如圖 17,每位使用者名稱下方亦有 This user’s tweets per day 的 按鈕,點擊 後會在下 方顯示該發文者發文 的時序 分布 圖,同樣點 擊折線圖上任一點,亦會將左 側推文 時間 軸所顯示的時間區間改成該日 。
圖 15. Hashtag 參數所推薦的關鍵推文頁面
‧ 國
立 政 治 大 學
‧
Na tiona
l Ch engchi University
25
圖 16. Retweet 參數所推薦的關鍵推文頁面
‧ 國
立 政 治 大 學
‧
Na tiona
l Ch engchi University
26
圖 17. User 參數所推薦的發文者頁面
當使用者想對事件有個概略的了解時,可透過左側關鍵推文的時間軸 來觀察,如對於某個顏色的關鍵推文感興趣,可馬上對照顏色知道屬於哪 個屬性,再點擊右側的推薦列表觀察推文詳細內容,我們期望透過關鍵事 件分析區左右兩邊區塊相互的瀏覽,能幫助使用者找尋事件中的關鍵推文 並瞭解其發展歷程。
‧ 國
立 政 治 大 學
‧
Na tiona
l Ch engchi University
27
第4章 系統實作
本章節講解本系統的實作技術,共分為四個部分:第一部分為 Twitter 與網 站資料的收集、第二部分為資料前處理及文本斷詞、第三部分為推文分群 的方法說明、第四部分為系統將資訊做視覺化呈現時所使用的技術。