臺灣博碩士論文加值系統

本論文之目的為開發一套具有行車導航功能之停車場即時指引系統，功能為讓使用者可以即時查詢目前位置附近的停車場及其最新資訊，如 : 停車場的確切位置、距離及剩餘停車位數，並進行即時動態導航。如此可大幅提升行車便利，減少尋找或排隊等待的時間。本系統為網頁應用程式，採用 HTML5、JavaScript、CSS、jQuery及JSP等程式語言編寫。停車場資訊以MySQL資料庫存取，資料傳輸方式使用行動網路來進行通訊，而導航頁面則以Google Map來做動態導向，有別於一般地圖網頁所呈現的靜態路徑規劃。除上述功能外，本系統還適用於不同作業系統，導航部分不需下載及更新地圖，可減少所占記憶體空間，且具有容易操作、功能明確之優點。

In this study, a real-time parking lot guidance system with vehicle navigation functions was designed to enable users to search for available parking lots and obtain real time parking information regarding parking lots near their current locations, including the precise location, distance, and remaining spaces of parking lots. This facilitates substantially enhancing the convenience of drivers and decreasing time expended in searching or waiting for parking spaces. The proposed system is displayed through a webpage and coded using languages including HTML5, CSS, JavaScript, jQuery, and JSP. Parking lot information is stored in a MySQL database, and relevant data are transmitted through mobile networks. The navigation panel uses Google Map service to display dynamic guidance, which differs from static guidance provided by typical mapping websites. In addition, the proposed system is Applicable to various operating systems, and map downloads and updates are not required, thereby decreasing the memory use of an operating system. Overall, the proposed system is advantageous for its easy operation and clear functionality.

摘 要 i
Abstract ii
致謝 iii
目錄 iv
表目錄 vii
圖目錄 viii
第一章 緒論 1
1.1 研究背景 1
1.2 研究動機與目的 1
1.3 論文架構 2
第二章 文獻探討 4
2.1行動應用程式開發類型 4
2.1.1原生應用程式(Native App) 4
2.1.2網頁應用程式(Web App) 6
2.1.3混合型應用程式(Hybrid App) 6
2.1.4 Native App、Web App及Hybrid App比較 7
2.2網頁技術 8
2.2.1 靜態網頁技術 8
2.2.2 動態式網頁技術 9
2.2.3 ASP.NET、PHP及JSP動態網頁技術比較 13
2.3位置定位 14
第三章 系統規劃與設計 18
3.1系統架構 18
3.1.1應用程式伺服器 18
3.1.2資料庫伺服器 19
3.2應用程式架構 20
3.2.1 HTML5 21
3.2.2 JavaScript 23
3.2.3 CSS 24
3.2.4 jQuery 25
3.2.5 Java 26
3.2.6 JSP 27
3.3功能架構 29
第四章 系統功能實現 30
4.1開發環境簡介 30
4.2整合現有技術 32
4.2.1 Geolocation API (地理位置定位) 33
4.2.2 Google Maps JavaScript API v3 36
4.2.3 AJAX(Asynchronous JavaScript and XML) 40
4.3功能實現 43
4.3.1搜尋附近停車場功能 43
4.3.2即時動態導航功能 44
4.3.3網頁動態導航實現 45
4.4 Android Hybrid App開發 47
4.4.1 Android 介紹 47
4.4.2 Android開發環境簡介 48
4.4.3 Android WebView使用 50
4.5 iOS Hybrid App開發 52
4.5.1 iOS 介紹 52
4.5.2 iOS 開發環境簡介 53
4.5.3 Xode UIWebView使用 55
第五章 結果與討論 57
5.1結果 57
5.1.1 停車場資料管理功能介面 57
5.1.2 停車場指引系統功能介面 58
5.2結論 63
5.3未來展望 63
參考文獻 64
作者簡歷 66

[1]林友嵐，林韋希，2012，行動裝置間最佳路徑動態化呈現之程式設計，http://web.fg.tp.edu.tw/~tfghdb/blog/wp-content/uploads/2016/01/WL19_pp557-pp570_行動裝置間最佳路徑動態化呈現之程式設計.pdf。
[2]顏家揚，2015，以開發者角度探討以HTML5 行動應用程式及網站，銘傳大學，碩士論文。
[3]傅士恒，2013，智慧型無線點餐系統之設計與實現，國立高雄應用科技大學，碩士論文。
[4]World Wide Web Consortium, 2013, URL：http://www.w3.org/TR/html5-diff/.
[5]X. B. Li, 2008, “Design and Implementation of Large Web-shopping System Based on JSP”, Journal of Computer and Modernization, pp82-85.
[6]郭清智，2011， 應用 Wi-Fi 與GPS技術於室外定位之研究，國立政治大學，碩士論文。
[7]赫弋翔，2013，運用智慧型手機全球定位系統設計安全帽抬頭速度顯示裝置，國立臺北科技大學，碩士論文。
[8]黃道宸，2006，結合近景攝影與 A-GPS 定位技術的位置服務系統，國立台灣科技大學，碩士論文。
[9]蔡逸翔，2015，建置即時災害回報iOS資訊系統，佛光大學，碩士論文。
[10]鄭盈慧，2013， 利用定位功能提高廣告派送效率之研究， 國立中央大學，碩士論文。
[11]石黑尚久，2015，Eclipse完全攻略，第四版，博碩文化出版社。
[12]林垂頤，2012，使用台北市政府公開資料平台建構HTML5 標準行動裝置網頁服務，國立台灣師範大學，碩士論文。
[13]陳聖博，2015，前端設計師即戰力-HTML5/CSS3/jQuery互動網頁設計，佳魁資訊。
[14]陳會安，2013，PHP+ MySQL 與jQuery Mobile 跨行動裝置網站開發，碁峰出版社。
[15]施威名，2016，網頁程式設計的16堂課，旗標出版股份有限公司。
[16]胡智翔，2010，整合Google Map與工作流程之旅遊行程安全通報系統， 國立台灣師範大學，碩士論文。
[17]莊齊晃，2014，整合互動式點餐及餐廳管理系統之設計與實現，國立高雄應用科技大學，碩士論文。
[18]程昱翔，2013，高黏度流體定量控制系統之研發與實現，國立高雄應用科技大學，碩士論文。
[19]鄧文淵，2014，Android初學特訓班，第四版，碁峰出版社。
[20]戴崇丞，2013，智慧型手機投票系統之設計與實現，國立高雄應用科技大學，碩士論文。
[21]Paul J. Deitel，Harver Deitel，2015，Swift程式設計範例經典，碁峰出版社。