傳統(tǒng)的客流呈現(xiàn)系統(tǒng)通常以數(shù)字和圖表的方式呈現(xiàn)客流數(shù)據(jù),這種方式對于使用者來說不夠直接,操作體驗(yàn)也較為一般�；赪eb技術(shù)的三維客流呈現(xiàn)系統(tǒng)是一款使用Web技術(shù)在瀏覽器上運(yùn)行的應(yīng)用程序,其目標(biāo)是為用戶提供播放式的三維客流呈現(xiàn),同時(shí)保證系統(tǒng)的高效運(yùn)行�；赪ebGL技術(shù),瀏覽器可以高效地呈現(xiàn)三維內(nèi)容,以豐富其顯示效果。同時(shí),利用單頁面技術(shù),可以讓W(xué)eb應(yīng)用開發(fā)變得更加結(jié)構(gòu)化,也提升了 Web應(yīng)用的可預(yù)測性和可維護(hù)性。此外,使用HTML5的Web Workers技術(shù),可以進(jìn)一步提高基于JavaScript的Web應(yīng)用的運(yùn)行性能。本文利用WebGL、單頁面應(yīng)用和Web Workers等Web技術(shù),構(gòu)建了一款高效、直觀、易用的三維客流呈現(xiàn)系統(tǒng)。論文首先介紹了相關(guān)的背景知識(shí)和課題意義;對系統(tǒng)的整體需求進(jìn)行了完整的闡述;以此為基礎(chǔ)對系統(tǒng)進(jìn)行總體設(shè)計(jì),其中提出的增量式數(shù)據(jù)存儲(chǔ)方案和Web Workers池動(dòng)態(tài)管理方案是論文在系統(tǒng)性能優(yōu)化方面提出的關(guān)鍵技術(shù),同時(shí)也是本文的主要?jiǎng)?chuàng)新工作;論文隨后對系統(tǒng)功能和關(guān)鍵技術(shù)的具體實(shí)現(xiàn)原理進(jìn)行了詳細(xì)的闡述;通過功能和性能測試驗(yàn)證了系統(tǒng)的實(shí)現(xiàn)效果;最后對論文工作進(jìn)行總... 

【文章來源】：北京郵電大學(xué)北京市 211工程院校 教育部直屬院校

【文章頁數(shù)】：82 頁

【學(xué)位級別】：碩士

【部分圖文】：

圖３－１無狀態(tài)組件示意圖??

｝??用戶點(diǎn)擊播放控制按鈕將會(huì)調(diào)用ｈａｎｄｌｅＣｌｉｃｋＰｌａｙＣｏｎｔｒｏｌ方法，方法內(nèi)部會(huì)根??據(jù)當(dāng)前的播放狀態(tài)給出對應(yīng)的下一個(gè)狀態(tài)，播放狀態(tài)的迀移如圖４－１所示。方法??ｈａｎｄｌｅＣｌｉｃｋＰｌａｙＣｏｎｔｒｏｌ會(huì)發(fā)出對應(yīng)的Ａｃｔｉｏｎ，并攜帶新的播放狀態(tài)彳目息。??：臨時(shí)暫停???平’．??拖動(dòng)進(jìn)度條結(jié)束拖動(dòng)進(jìn)度條開始??嚴(yán)一?辟翻柳?丄－－?結(jié)ｇ賴ａ?，＿??０?？初始化一＾＾擺放；?暫停??、一＇點(diǎn)擊搶放按銀??播放結(jié)束?點(diǎn)擊重播按鈕??）?停止?｜??圖４－１播放狀態(tài)遷移的狀態(tài)機(jī)圖??當(dāng)用戶開始拖動(dòng)進(jìn)度條時(shí)，ｐｏｉｎｔｅｒＳｔａｔｕｓ會(huì)被設(shè)置為“ｈｏｌｄ”，此時(shí)播放不再??進(jìn)行。用戶拖動(dòng)進(jìn)度條移動(dòng)時(shí)，ｈａｎｄｌｅＭｏｕｓｅＤｒａｇＰｏｉｎｔｅｒＭｏｖｅ方法會(huì)實(shí)時(shí)檢測鼠??標(biāo)的位置，進(jìn)度條的位置也會(huì)跟隨鼠標(biāo)移動(dòng)，其偏移量將被記錄到Ｓｔｏｒｅ的狀態(tài)??樹中。當(dāng)用戶松開鼠標(biāo)按鍵后，ｐｏｉｎｔｅｒＳｔａｔｕｓ會(huì)被被設(shè)置為“ｌｏｓｅ”，然后調(diào)用??ｐｌａｙＦｒｏｍ方法，該方法會(huì)將用戶拖動(dòng)進(jìn)度條后所ｆｆ■留的時(shí)間點(diǎn)作為發(fā)出的Ａｃｔｉｏｎ??的參數(shù)。Ｓｔｏｒｅ在接收到Ａｃｔｉｏｎ之后

＞?組件交互功能測試??組件交互功能測試主要測試在給定的操作下，組件能否正常地做出響應(yīng)。以??時(shí)間軸組件為例，對其進(jìn)行如下操作，結(jié)果如表５－１所示，效果符合預(yù)期。????表５－１時(shí)間軸交互測試結(jié)果???播放狀態(tài)?點(diǎn)擊播放控制按鈕?拖動(dòng)進(jìn)度條???初始狀態(tài)?開始播放?可以拖動(dòng)，松開后不自動(dòng)播放??播放?暫停播放?可以拖動(dòng)，松開后繼續(xù)播放??暫停?繼續(xù)播放?可以拖動(dòng)，松開后不自動(dòng)播放??＾束?Ｉ重新播放?Ｉ可以拖動(dòng)，松開后不自動(dòng)播放??

【參考文獻(xiàn)】：
期刊論文
[1]Web3D可視化技術(shù)的研究與應(yīng)用[J]. 卞敏捷,高玨,高洪皓,許杰品.  計(jì)算機(jī)技術(shù)與發(fā)展. 2015(06)
[2]Web前端性能優(yōu)化方案與實(shí)踐[J]. 王成,李少元,鄭黎曉,緱錦,曾梅琴,劉慧敏.  計(jì)算機(jī)應(yīng)用與軟件. 2014(12)
[3]高并發(fā)Web應(yīng)用系統(tǒng)的性能優(yōu)化分析與研究[J]. 王亞楠,吳華瑞,黃鋒.  計(jì)算機(jī)工程與設(shè)計(jì). 2014(08)
[4]基于REST的面向資源Web應(yīng)用架構(gòu)參考模型[J]. 賀海梁,袁玉宇.  軟件. 2012(11)
[5]基于WebGL技術(shù)的網(wǎng)絡(luò)三維可視化研究與實(shí)現(xiàn)[J]. 劉愛華,韓勇,張小壘,陳戈.  地理空間信息. 2012(05)
[6]HTML5——下一代Web開發(fā)標(biāo)準(zhǔn)研究[J]. 劉華星,楊庚.  計(jì)算機(jī)技術(shù)與發(fā)展. 2011(08)



本文編號(hào)：3530292