第三章 系統設計與架構
3.3 系統設計與實作
3.3.2 資料展示介面模組
在表格方式呈現部分，我們在實作系統上使用 ASP.NET 所內建之 GridView 功能，自 ASP.NET2.0 開始搭載改良自 ASP.NET1.1 之 DataGrid 的 GridView，因 其加入了 DataSource 資料來源控制項，如
(SqlDatasouce,ObjectDataSouce,AccessDataSource,...)等之輔助，使得資料可以直
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
享粉絲頁名稱」、「按讚數」17、「留言數」18、「分享數」19等訊息放置於第一層 主畫面表格中，另外以下圖 3-12 詳細貼文蒐集內容資料為例，相對較次要或較 複雜資料內容部分則另以子畫面的方式呈現，如「粉絲頁類別」20、「粉絲頁 ID」、
「貼文內容」等。
圖3- 11 貼文內容資料呈現示意圖
或是寶寶誕生或搬新家。
17 按讚數：是用來表示網友對發文者的表態，發文者可以是個人、社團、公司、與粉絲專頁。
利用「讚」按鈕網友們對該頁面進行讚賞及表態。而其總數稱為按讚數。
18 留言數：是用來表示網友對發文者發布的訊息回覆的功能。而其總數稱為留言數。
19 分享數：是用來表示該篇貼文被幾位網友所分享的功能。而其總數稱為分享數。
20 粉絲頁類別：依據粉絲頁類別的不同，粉絲頁的功能與其他粉絲頁也不盡相同。以下表格，
表3- 2 粉絲頁類別功能表欄位表簡述不同粉絲專頁類別。
36
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
圖3- 12 詳細貼文蒐集內容資料呈現示意圖
表3- 2 粉絲頁類別功能表 引用來源：
https://www.facebook.com/help/918592541485077?sr=2&query=%E7%B2%89%E7%B5%B2%E5%B0
%88%E9%A0%81%E9%A1%9E%E5%88%A5&sid=1ihjtOzkpe0ulsxDf
書籍及雜誌、品 牌及產品
公司及 組織
本地 企業
電影、音 樂、電視
人物、
運動
網站及部 落格
簡述 ✔ ✔ ✔ ✔ ✔ ✔
網站 ✔ ✔ ✔ ✔ ✔ ✔
37
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
電子郵件 ✔ ✔ ✔ ✔
電話 ✔ ✔ ✔
地址 ✔ ✔ ✔
地圖 ✔
打卡 ✔ ✔
評分及評論 ✔
目前本研究之實作系統中主要頁面在資料展示上的內容部分，分別為「貼文 內容」、「被分享次數排行榜」、「留言次數成長」、「留言次數排行榜」、「按讚次數 成長圖」及「按讚次數排行榜」，其中以表格方式呈現的，貼文內容所提供的資 料欄位如下表 3-3，分享次數排行榜所提供的資料欄位 3-4，留言次數排行榜所 提供的資料欄位 3-5，按讚次數排行榜所提供的資料欄位 3-6，貼文內容中詳細 蒐集內容子頁面所提供的資料欄位如下表 3-7 所示：
表3- 3 貼文內容欄位表
欄位名稱 欄位說明
粉絲頁名稱 發表貼文之粉絲頁名稱
38
‧
photo, video, offer}狀態類別
此則貼文資料的狀態更新的型態
statustype{mobile_status_update, created_note, added_photos, added_video, shared_story, created_group, created_event, wall_post, app_created_story, published_story, tagged_in_photo, approved_friend}
建立時間 貼文發表時間
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
表3- 5 留言次數排行榜紀錄資料欄位表
欄位名稱 欄位說明
留言者 id 貼文留言的留言者 ID 留言者名稱 貼文留言的留言者名稱
留言次數 該粉絲於此專案各貼文留言的總次數
表3- 6 按讚次數排行榜紀錄資料欄位表
欄位名稱 欄位說明
按讚者 id 貼文按讚的按讚者 ID 按讚者名稱 貼文按讚的按讚者名稱
按讚次數 該粉絲於此專案各貼文按讚的總次數
表3- 7 詳細蒐集內容資料欄位表
欄位名稱 欄位說明
貼文 id 該篇貼文於 Facebook 的 ID From
category 貼文發表者之粉絲頁類別 From name 貼文發表者名稱
From id 貼文發表者 facebook id
40
‧
Type 此則貼文資料內容的物件型態 type{link, status, photo, video, offer}
Statustype
此則貼文資料的狀態更新的型態
statustype{mobile_status_update, created_note, added_photos, added_video, shared_story, created_group, created_event, wall_post, app_created_story, published_story, tagged_in_photo, approved_friend}
按讚數 此則貼文資料的按讚總數
另一方面，在動態圖表呈現部分，本研究之實作系統採用 JavaScript 繪圖工 具 High Charts 所提供之圖表功能，目前實作系統上提供貼文留言次數成長圖及 貼文按讚次數成長圖兩種，內含每日留言總數、累計留言總數、每日按讚總數、
累計按讚總數等資訊，其成長曲線圖方式呈現並提供圖表下載，如下圖 3-13 所 示。
41
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
圖3- 13 留言次數成長曲線圖呈現示意圖