在現今網路環境穩定的時代，有許多的工作我們都希望能利用線上的平台來完成。因現今有許多資料蒐集的情形都還是使用紙本蒐集，若能有一個線上系統能符合所有資料蒐集的情境，讓打算蒐集資料的人都能依照其需求設定要蒐集的資料。因此，我們設計了一套線上互動式資料蒐集系統，並希望此系統提供的資料蒐集功能能非常彈性。
本系統的設計可以分為三部分。在第一部分中，我們設計系統引用開放認證，使用者可以直接利用社群帳戶進入我們的系統進行資料的蒐集或繳交，達到推廣系統的目的。第二部分，我們設計如何讓資料蒐集的人進行資料蒐集的設定與管理。最後在第三部分中，我們設計讓繳交資料的人可以依照設定繳交資料。

In today's era of the Internet environment, there are many jobs we want to use an online platform to complete the jobs. However, in reality there are lots of data collection which are still using paper collection today. Therefore, we want to develop an online data-collecting system which is able to help data collection and meet any situation of data requirements. Therefore, we have designed an online interactive data collection system in an attempt to provide flexible data collection function.
The design of the system can be divided into three parts. In the first part, to promote the usage of the system, we designed the system to adopt open authorization. Users can directly use the community website account to enter our system for data collection. The second part, we designed some mechanisms to enable users to set up what kinds of data that are needed to collect. Finally, we designed the system to allow the users to submit the data and to follow the data collection settings.

第１章 導論 1
1.1 背景暨研究動機 1
1.2 研究目的 2
第２章 理論基礎與文獻探討 3
2.1 目前相關研究 3
2.2 設計理念與方法 4
第３章 研究設計與方法 6
3.1 系統介紹 6
3.2 運作機制 8
3.2.1 開放授權登入 8
3.2.2 背景服務程式 18
3.2.3 樹狀圖設計 22
3.3 編輯機制 26
3.3.1 新增蒐集計畫 26
3.3.1 新增蒐集目錄 28
3.3.2 目錄樹狀圖頁面 31
3.3.3 表單編輯功能 39
3.3.4 線上經費表編輯功能 48
3.4 繳交機制 54
3.4.1 可繳交的計畫 54
3.4.2 繳交功能 59
3.4.3 經費表填寫功能 67
3.4.4 協同人員功能 74
3.4.5 版本紀錄功能 85
3.5 管理機制 88
3.5.1 提醒機制 88
3.5.2 瀏覽頁面與欄位設定功能 92
3.5.3 繳交資料統計分析 96
第４章 討論 100
第５章 結論與未來展望 101
§ 參考文獻 § 102

[1]2016台灣寬頻網路使用調查報告- https://www.twnic.net.tw/download/200307/20160922e.pdf
[2]Chart類別(System.Web.UI.WebControls). (2017).
https://msdn.microsoft.com/zh-tw/library/system.windows.forms. datavisualization.charting.chart(v=vs.110).aspx
[3]Dynamic Polymorphism –Wikipedia URl:
https://en.wikipedia.org/wiki/Polymorphism_(computer_science)
[4]Facebook開發者網站:
https://developers.facebook.com/?locale=zh_TW
[5]Google開發者網站:https://developers.google.com/
[6]Hardt, D. RFC6749-The OAuth 2.0 Authorization Framework. Oct. 2012. URl: https://tools. ietf. org/html/rfc6749 (v isited on 04/24/2015).
[7]Html Agility Pack:http://html-agility-pack.net/?z=codeplex
[8]Invoke類別https://msdn.microsoft.com/zh-tw/library/a1hetckb(v=vs.110).aspx
[9]Itext功能 . http://itextpdf.com/
[10]Microsoft開發者網站:https://developer.microsoft.com/zh-tw/windows
[11]TreeView類別(System.Web.UI.WebControls). (2017). Msdn.microsoft.com. Retrieved 18 June 2017, from https://msdn.microsoft.com/zh-tw/library/system.web.ui.webcontrols.treeview(v=vs.110).aspx
[12]W3C, Scalable Vector Graphics, URl: https://www.w3schools.com/graphics/svg_intro.asp
[13]Waterfall Model- Wikipedia URl: https://en.wikipedia.org/wiki/Waterfall_model
[14]大數據-MBA智庫百科. URl: http://wiki.mbalib.com/zh-tw/%E5%A4%A7%E6%95%B0%E6%8D%AE
[15]岳哲雋(2017)，線上互動式資料審查平台設計與實作，國立成功大學電腦與通信工程研究所碩士論文，未出版。
[16]資料視覺化-Wikipedia URl:
https://zh.wikipedia.org/wiki/%E6%95%B0%E6%8D%AE%E5%8F%AF%E8%A7%86%E5%8C%96