跳到主要內容

臺灣博碩士論文加值系統

(18.97.9.172) 您好!臺灣時間:2025/02/10 03:06
字體大小: 字級放大   字級縮小   預設字形  
回查詢結果 :::

詳目顯示

我願授權國圖
: 
twitterline
研究生:余飛
研究生(外文):YU, FEI
論文名稱:臺北市路燈故障報修系統之設計與實作
論文名稱(外文):Design and implementation of Taipei City Street Lamp Fault Reporting System
指導教授:王永鐘
指導教授(外文):WANG, YUNG-CHUNG
口試委員:王永鐘王振興王亦凡江昭皚劉茂陽
口試委員(外文):WANG, YUNG-CHUNGWANG, JENN-SHINGWANG, YI-FANJIANG, JOE-AIRLIU, MAW-YANG
口試日期:2022-06-06
學位類別:碩士
校院名稱:國立臺北科技大學
系所名稱:電機工程系
學門:工程學門
學類:電資工程學類
論文種類:學術論文
論文出版年:2022
畢業學年度:110
語文別:中文
論文頁數:90
中文關鍵詞:響應式網頁設計GeoServer地理資訊系統OpenLayersLine Messaging
外文關鍵詞:Responsive Web DesignGeoServerGeographic Information SystemOpenLayersLine Messaging
相關次數:
  • 被引用被引用:0
  • 點閱點閱:195
  • 評分評分:
  • 下載下載:0
  • 收藏至我的研究室書目清單書目收藏:0
現今臺北市路燈設備發生故障時,欠缺系統化方式處理相關案件。對此,本論文將實作臺北市路燈故障報修系統,系統提供區塊化之地圖,將案件位置清楚標示,有效提升回報地點之準確性。系統之前端以響應式網頁設計,並使用GeoServer建置圖層Server,GeoServer為網路地理資訊系統,將地理資訊以網頁呈現。同時使用OpenLayers元件作為顯示及操作圖層,OpenLayers提供相關API讓各種瀏覽器顯示地圖資訊。後端以ASP.NET MVC作為開發之框架,ASP.NET MVC用於網路應用程式和服務的跨平臺架構。透過地圖區塊化,各種行動裝置都能以簡潔明瞭之方式操作地圖,使得不同裝置點選地圖時能準確地顯示信息。另將區塊以不同之顏色呈現,讓地圖資訊更容易淺顯易懂,使用者在操作時能夠更理解目前畫面之相關資訊。系統結合Line的使用流程,透過Line Messaging API讓案件資訊可以即時的傳送至指定對象,使其能夠更快掌握案件之處理狀況。透過壓力測試工具,測試「回報系統」所能承載的人數限制為1000人,當使用人數上升至承載上限時,可增加伺服器趨緩人數的壓力。
There is no systematic way to handle related cases when street lighting equipment fails in Taipei. In this regard, this paper will implement the Taipei City Street Lamp Fault Repair System, which provides a block-based map, clearly marking the location of the case, and effectively improving the accuracy of the reporting location. The front-end of the system is designed with responsive web pages, and GeoServer is used to build a layer server. GeoServer is a network geographic information system that presents geographic information on a web page. At the same time, OpenLayers components are used as display and operation layers. OpenLayers provides related APIs to allow various browsers to display map information. The back end uses ASP.NET MVC as the development framework, and ASP.NET MVC is used for the cross-platform architecture of web applications and services. Through map blockization, various mobile devices can operate the map in a concise and clear way, so that different devices can accurately display information when clicking on the map. In addition, the blocks are presented in different colors to make the map information easier to understand and understand, and users can better understand the relevant information of the current screen during operation. The system is combined with the usage process of Line, and through the Line Messaging API, the case information can be sent to the designated object in real time, so that it can grasp the processing status of the case more quickly. Through the stress test tool, the number of people that the "report system" can be tested is limited to 1,000.

摘要 i
Abstract ii
誌謝 iv
目錄 v
表目錄 viii
圖目錄 ix
第一章 緒論 1
1.1 研究背景 1
1.2 研究動機 1
1.3 研究目的 2
1.4 論文章節編排 2
第二章 相關技術與研究 3
2.1 前端 3
2.1.1 響應式網頁設計 3
2.1.2 HTML5 4
2.1.3 CSS 4
2.1.4 Bootstrap 4
2.1.5 jQuery 4
2.1.6 AdminLTE 5
2.1.7 OpenLayers 5
2.1.8 Google reCAPTCHA 6
2.2 後端 7
2.2.1 ASP.NET MVC 7
2.2.2 MVC架構 7
2.2.3 REST 8
2.3 地圖 9
2.3.1 OpenStreetMap 9
2.3.2 臺北市區界圖 9
2.3.3 Google地圖 10
2.3.4 PostgreSQL 10
2.3.5 PostGis 10
2.4 Java Development Kit 11
2.5 Geoserver 11
2.6 Quantum GIS 12
2.7 .NET Framework 3.5 12
2.8 hMailServer 13
2.9 Line Message API 13
2.10 Internet Information Services 13
第三章 系統設計 15
3.1 系統架構 15
3.2 網頁開發架構 16
3.3 系統功能設計 17
3.4 系統服務流程規劃 18
3.4.1 案件回報流程 18
3.4.2 Line Messaging API流程 19
3.5 內部審查系統-身份驗證機制 20
3.6 內部審查系統 21
3.7 系統畫面設計 21
3.7.1 民眾回報系統設計 21
3.7.2 內部審查系統設計 24
3.8 資料表設計 33
3.9 檢視表設計 36
第四章 系統實作 41
4.1 Quantum GIS繪製區塊 42
4.1.1 加入OpenStreetMap 42
4.1.2 連接資料庫 43
4.1.3 繪製區塊 44
4.2 GeoServer相關設定 45
4.2.1 建立工作區 46
4.2.2 連接資料庫 46
4.2.3 建立圖層 47
4.2.4 設定樣式 48
4.3 Line Messaging API實作 49
4.3.1 註冊開發者身分 50
4.3.2 建立Channel 50
4.3.3 設定Webhook URL 51
4.4 hMailServer實作 52
4.4.1 新增郵件使用者 53
4.4.2 設定防火牆 53
4.5 民眾回報系統實作 55
4.6 內部審查系統實作 56
第五章 系統實測 58
5.1 系統實測環境 58
5.2 系統功能及介面 58
5.2.1 回報首頁 58
5.2.2 回報案件 62
5.2.3 審查登入頁面 66
5.2.4 審查首頁 67
5.2.5 案件管理 68
5.2.6 統計報表 76
5.2.7 系統管理 78
5.3 壓力測試 85
第六章 結論與未來展望 88
6.1 結論 88
6.2 未來展望 88
參考文獻 89


[1]L. A. Ensina, H. D. Lee, W. S. R. Takaki, N. A. R. Maciejewski, N. Spolaôr and F. C. Wu, "Heuristics-based Responsiveness Evaluation of a Telemedicine Computational Web System," IEEE Latin America Transactions, vol. 17, no. 03, March 2019, pp. 444 – 452
[2]A. Wu, W. Tong, T. Dwyer, B. Lee, P. Isenberg and H. Qu, "MobileVisFixer: Tailoring Web Visualizations for Mobile Phones Leveraging an Explainable Reinforcement Learning Framework," IEEE Transactions on Visualization and Computer Graphics, vol. 27, no. 2, Feb. 2021, pp. 464-474
[3]E. Perakakis and G. Ghinea, "Smart Enough for the Web? A Responsive Web Design Approach to Enhancing the User Web Browsing Experience on Smart TVs," IEEE Transactions on Human-Machine Systems, vol. 47, no. 6, Dec. 2017, pp. 860-872
[4]N. Li and B. Zhang, "The Design and Implementation of Responsive Web Page Based on HTML5 and CSS3," International Conference on Machine Learning, Big Data and Business Intelligence (MLBDBI), Taiyuan, 2019, pp. 373-376.
[5]Wei Jiang, Meng Zhang, Bin Zhou, Yujian Jiang and Yingwei Zhang, "Responsive web design mode and application," IEEE Workshop on Advanced Research and Technology in Industry Applications (WARTIA), Ottawa, 2014, pp. 1303-1306.
[6]J. -P. Voutilainen, J. Salonen and T. Mikkonen, "On the Design of a Responsive User Interface for a Multi-device Web Service," 2nd ACM International Conference on Mobile Software Engineering and Systems, Florence, 2015, pp. 60-63.
[7]Y. Xing and H. Lei, "Design and implementation of integrating geographic location into Web map based on scripting layer for Android," IEEE International Conference on Big Data Analysis (ICBDA), Hangzhou, 2016, pp. 1-4.
[8]Z. Huang and Z. Xu, "A Method of Using GeoServer to Publish Economy Geographical Information," International Conference on Control, Automation and Systems Engineering (CASE), Singapore, 2011, pp. 1-4.
[9]G. Li, K. Zhou, J. Wang, L. Sun, Q. Wang and Y. Qin, " Implementation of publication system of geological data using open source GIS," The 2nd International Conference on Information Science and Engineering, Hangzhou, 2010, pp. 3765-3768.
[10]Responsive Web Design,https://alistapart.com/article/responsive-web-design, Jun. 2022.
[11]HTML5,https://www.w3.org/blog/news/archives/4167, Jun. 2022.
[12]CSS,https://www.w3.org/Style/CSS/Overview.en.html, Jun. 2022.
[13]Bootstrap,https://getbootstrap.com/, Jun. 2022.
[14]jQuery,https://jquery.com, Jun. 2022.
[15]AdminLTE,https://adminlte.io/, Jun. 2022.
[16]OpenLayers,https://openlayers.org/, Jun. 2022.
[17]Google reCAPTCHA,https://www.google.com/recaptcha/about, Jun. 2022.
[18]ASP.NET MVC, https://docs.microsoft.com/zh-tw/aspnet/mvc/overview/getting-started/introduction/getting-started, Jun. 2022.
[19]What is REST,https://restfulapi.net, Jun. 2022.
[20]OpenStreetMap, https://www.openstreetmap.org/, Jun. 2022.
[21]政府資料開放平台, https://data.gov.tw/, Jun. 2022.
[22]Google地圖, https://developers.google.com/maps, Jun. 2022
[23]PostgreSQL,https://www.postgresql.org, Jun. 2022.
[24]PostGis,https://postgis.net, Jun. 2022.
[25]Java Development Kit,https://docs.oracle.com/en/java/javase/17/index.html, Jun. 2022.
[26]GeoServer,http://geoserver.org, Jun. 2022.
[27]Quantum GIS,https://www.qgis.org/en/site, Jun. 2022.
[28].NET Framework 3.5,https://www.microsoft.com/zh-tw/download/details.aspx?id=21, Jun. 2022.
[29]hMailServer,https://www.hmailserver.com, Jun. 2022.
[30]LINE Message API, https://developers.Line.biz/zh-hant/docs/messaging-api/overview/, Jun. 2022.
[31]Internet Information Services, https://www.iis.net/, Jun. 2022.

電子全文 電子全文(網際網路公開日期:20270704)
QRCODE
 
 
 
 
 
                                                                                                                                                                                                                                                                                                                                                                                                               
第一頁 上一頁 下一頁 最後一頁 top