基于HTML5的移動(dòng)船舶監(jiān)控應(yīng)用研究
本文關(guān)鍵詞:基于HTML5的移動(dòng)船舶監(jiān)控應(yīng)用研究
更多相關(guān)文章: HTML5 矢量電子海圖 復(fù)雜符號(hào) 船舶監(jiān)控 移動(dòng)應(yīng)用
【摘要】:近年來(lái),隨著移動(dòng)互聯(lián)網(wǎng)以及智能移動(dòng)終端的飛速發(fā)展,基于移動(dòng)電子海圖平臺(tái)的各類(lèi)船舶導(dǎo)航、監(jiān)控和管理應(yīng)用的出現(xiàn),開(kāi)辟了電子海圖新的應(yīng)用形式。然而與其他移動(dòng)應(yīng)用一樣,移動(dòng)電子海圖應(yīng)用也大多是針對(duì)某一操作系統(tǒng)平臺(tái)定制的本地應(yīng)用,開(kāi)發(fā)者不得不針對(duì)不同操作系統(tǒng)甚至是同一系統(tǒng)的不同版本進(jìn)行重復(fù)開(kāi)發(fā)和適配,跨平臺(tái)性成為了其發(fā)展的一個(gè)瓶頸。HTML5的出現(xiàn),使得Web應(yīng)用可以處理矢量數(shù)據(jù)包括具有位置信息的空間數(shù)據(jù),為突破智能移動(dòng)終端差異的瓶頸,實(shí)現(xiàn)跨平臺(tái)的電子海圖應(yīng)用提供了新的技術(shù)手段和基礎(chǔ)。因此,本文深入研究了基于HTML5的矢量電子海圖顯示以及在其基礎(chǔ)上的移動(dòng)船舶監(jiān)控應(yīng)用,完成的主要工作包括:(1)基于HTML5 Canvas的海圖復(fù)雜符號(hào)繪制以錨泊區(qū)為例,根據(jù)S-52顯示標(biāo)準(zhǔn)的要求,研究了利用Canvas API進(jìn)行海圖要素中復(fù)雜線狀符號(hào)以及面狀符號(hào)的繪制技術(shù),包括線上符號(hào)的組合、翻轉(zhuǎn)以及面中心符號(hào)的處理算法等,為符合標(biāo)準(zhǔn)的HTML5海圖顯示奠定了堅(jiān)實(shí)的基礎(chǔ)。(2)移動(dòng)船舶動(dòng)態(tài)監(jiān)控應(yīng)用的實(shí)現(xiàn)針對(duì)船舶動(dòng)態(tài)監(jiān)控應(yīng)用的需求,研究了利用Canvas API實(shí)現(xiàn)矢量船舶符號(hào)繪制、船舶拾取及信息查詢等技術(shù),并基于HTML5觸摸接口,研究了海圖的移動(dòng)、縮小、放大以及目標(biāo)船舶點(diǎn)選取等觸控操作,最終完成基于HTML5移動(dòng)船舶動(dòng)態(tài)監(jiān)控應(yīng)用。本文根據(jù)移動(dòng)互聯(lián)網(wǎng)發(fā)展趨勢(shì)研究的基于HTML5的船舶動(dòng)態(tài)監(jiān)控應(yīng)用,具有良好的跨平臺(tái)特性,能夠突破移動(dòng)操作系統(tǒng)差異帶來(lái)的影響,以較低的開(kāi)發(fā)成本獲取良好的應(yīng)用性能,其不僅在理論方法上具有創(chuàng)新性,而且具有很實(shí)際的應(yīng)用價(jià)值。
【關(guān)鍵詞】:HTML5 矢量電子海圖 復(fù)雜符號(hào) 船舶監(jiān)控 移動(dòng)應(yīng)用
【學(xué)位授予單位】:大連海事大學(xué)
【學(xué)位級(jí)別】:碩士
【學(xué)位授予年份】:2015
【分類(lèi)號(hào)】:U675.81
【目錄】:
- 摘要5-6
- Abstract6-9
- 第1章 緒論9-18
- 1.1 研究背景9-10
- 1.2 研究意義10-11
- 1.3 研究現(xiàn)狀11-16
- 1.3.1 基于Web的電子海圖應(yīng)用11-14
- 1.3.2 基于移動(dòng)端的電子海圖應(yīng)用14-15
- 1.3.3 基于HTML5的移動(dòng)端應(yīng)用15-16
- 1.4 論文研究?jī)?nèi)容及章節(jié)安排16-18
- 第2章 基于HTML5的移動(dòng)船舶監(jiān)控應(yīng)用體系架構(gòu)18-24
- 2.1 HTML5的發(fā)展趨勢(shì)18-20
- 2.1.1 HTML5簡(jiǎn)介18
- 2.1.2 HTML5的瀏覽器兼容性18-20
- 2.2 HTML5跨平臺(tái)應(yīng)用的開(kāi)發(fā)模式20-22
- 2.3 應(yīng)用體系架構(gòu)22-24
- 第3章 基于Canvas的海圖復(fù)雜符號(hào)繪制24-42
- 3.1 基于Canvas的海圖基礎(chǔ)顯示24-26
- 3.2 錨泊區(qū)的顯示標(biāo)準(zhǔn)26-27
- 3.2.1 邊界線26
- 3.2.2 中心符號(hào)26-27
- 3.3 錨泊區(qū)數(shù)據(jù)處理27-30
- 3.4 錨泊區(qū)邊界線的繪制30-35
- 3.4.1 繪制的要點(diǎn)30
- 3.4.2 圖形的翻轉(zhuǎn)30-35
- 3.5 錨泊區(qū)中心符號(hào)的繪制35-41
- 3.5.1 錨泊區(qū)重心求解35-36
- 3.5.2 屏幕截?cái)鄷r(shí)的中心符號(hào)繪制36-41
- 3.6 本章小結(jié)41-42
- 第4章 基于HTML5的移動(dòng)船舶動(dòng)態(tài)監(jiān)控應(yīng)用的實(shí)現(xiàn)42-61
- 4.1 船舶動(dòng)態(tài)信息獲取42
- 4.2 船舶的繪制及識(shí)別42-48
- 4.2.1 船舶的繪制42-44
- 4.2.2 船舶的拾取44-46
- 4.2.3 重疊符號(hào)的辨別和處理46-48
- 4.3 移動(dòng)船舶監(jiān)控應(yīng)用實(shí)現(xiàn)48-60
- 4.3.1 頁(yè)面響應(yīng)式布局48-49
- 4.3.2 HTML5的觸控接口49-52
- 4.3.3 基于觸控的海圖操作52-57
- 4.3.4 船舶信息查詢57-60
- 4.4 本章小結(jié)60-61
- 第5章 總結(jié)與展望61-63
- 5.1 論文工作總結(jié)61
- 5.2 問(wèn)題與展望61-63
- 參考文獻(xiàn)63-66
- 致謝66-67
- 作者簡(jiǎn)介67
【參考文獻(xiàn)】
中國(guó)期刊全文數(shù)據(jù)庫(kù) 前2條
1 胡晶;;基于HTML5的Web移動(dòng)應(yīng)用開(kāi)發(fā)研究[J];工業(yè)控制計(jì)算機(jī);2014年10期
2 劉賢剛;姜瑜濤;吳新松;方春燕;張展新;趙菁華;許潔;;HTML5標(biāo)準(zhǔn)發(fā)展現(xiàn)狀及我國(guó)標(biāo)準(zhǔn)化策略分析[J];信息技術(shù)與標(biāo)準(zhǔn)化;2012年05期
中國(guó)碩士學(xué)位論文全文數(shù)據(jù)庫(kù) 前8條
1 劉榮城;基于XML分布式WEB電子海圖系統(tǒng)的研究[D];大連海事大學(xué);2003年
2 葉震;WEB電子海圖的研究及在航運(yùn)物流中的應(yīng)用[D];大連海事大學(xué);2003年
3 高天峰;基于Web電子海圖的船舶導(dǎo)航應(yīng)用研究[D];大連海事大學(xué);2005年
4 齊勝利;基于Android的移動(dòng)電子海圖平臺(tái)研究[D];大連海事大學(xué);2012年
5 侯妍;基于ArcGIS平臺(tái)的海圖服務(wù)及應(yīng)用系統(tǒng)的研究[D];大連海事大學(xué);2012年
6 閔東龍;基于HTML5的矢量電子海圖服務(wù)研究[D];大連海事大學(xué);2013年
7 張奇?zhèn)?基于HTML5的移動(dòng)應(yīng)用的研究與開(kāi)發(fā)[D];北京郵電大學(xué);2013年
8 胡玲;基于HTML5和GIService的WebGIS系統(tǒng)開(kāi)發(fā)[D];長(zhǎng)沙理工大學(xué);2013年
,本文編號(hào):659346
本文鏈接:http://sikaile.net/kejilunwen/chuanbolw/659346.html