發(fā)布時(shí)間：2024-06-02 09:34

　　HTML5是目前互聯(lián)網(wǎng)最為流行的前端開(kāi)發(fā)技術(shù)。HTML5作為下一代Web的標(biāo)準(zhǔn),其主旨在于豐富客戶端功能,提供統(tǒng)一的標(biāo)準(zhǔn),降低服務(wù)端負(fù)擔(dān),減少用戶對(duì)于插件的依賴。HTML5應(yīng)用的范疇廣泛,很多互聯(lián)網(wǎng)應(yīng)用都在使用強(qiáng)大HTML5技術(shù)展現(xiàn)自己的產(chǎn)品,使用戶獲得更好的用戶體驗(yàn)。本課題來(lái)源于下一代車載信息娛樂(lè)平臺(tái)項(xiàng)目中的駕駛行為分析服務(wù),該項(xiàng)目致力于為用戶的駕駛行為進(jìn)行識(shí)別、分析,進(jìn)而促進(jìn)用戶的駕駛行為。本人的主要工作在于研究駕駛行為分析現(xiàn)狀,設(shè)計(jì)了部分駕駛行為分析功能,包括油耗,安全和環(huán)保等功能；駕駛行為分析系統(tǒng)包括服務(wù)端和客戶端,本人的工作在于實(shí)現(xiàn)了客戶端部分,設(shè)計(jì)了針對(duì)駕駛行為分析的前臺(tái)圖表,并使用HTML5技術(shù)的駕駛行為分析前臺(tái),其中前臺(tái)包括針對(duì)PC端和手機(jī)端而分別設(shè)計(jì)的兩部分。本課題首先介紹了HTML5技術(shù)和駕駛行為分析的現(xiàn)狀,之后分析了駕駛行為分析系統(tǒng)的價(jià)值,以及其數(shù)據(jù)來(lái)源和功能。根據(jù)駕駛行為分析的現(xiàn)狀和需求,用戶重點(diǎn)的關(guān)注部分在于油耗,安全和環(huán)保等核心問(wèn)題。針對(duì)這些核心問(wèn)題,本人參與并設(shè)計(jì)了：(1)油耗部分的功能,包括油耗曲線圖,油耗地圖,油耗速度分析等功能；包括展現(xiàn)用戶不良駕駛行...

【文章頁(yè)數(shù)】：86 頁(yè)

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

【部分圖文】：

圖２．１?ＳＶＧ與Ｃａｎｖａｓ性能比較??Ｆｉｇ?２．１?Ｐｅｒｆｏｒｍａｎｃｅ?Ｃｏｍｐａｒｉｓｏｎ?ｂｅｔｗｅｅｎ?ＳＶＧ?ａｎｄ?Ｃａｎｖａｓ??

大的提高了圖形繪制的速度，服務(wù)端將僅僅需要發(fā)送少量數(shù)據(jù)，前端就可完成圖??形繪制。??Ｃａｎｖａｓ的性能情況如圖２．１所示。??性離比較?????????Ｉ－．．．．?．?■■?．．．．．．．??????…?Ｖ＂—‘———?—?—Ｖ?ＷＷＴ—叫—＂??＼ＱＪ?？？丫？。－？？：＇....

圖３．２駕駛行為分析系統(tǒng)??Ｆｉｇ?３．２?ＤＢＡ?ｓｙ巧ｅｍ??

?第３章駕馳行為分析系統(tǒng)及功能??３．２．２駕駛行為分析系統(tǒng)??駕駛行為分析系統(tǒng)結(jié)構(gòu)如圖３．２所示。??跟巧巧超＞?曬撼?＾??、?？?一＇?？一?；??Ｈｍｍｐｏｍ?３ａ’‘Ａ＾３?、??Ｈ分一?Ｉ寶去，巧作，、Ｉ??『廠「｛一雜齡??圖３．２駕駛行為分析系統(tǒng)??Ｆｉｇ?３．２....

圖３．３數(shù)據(jù)采集部分??Ｆｉｇ?３．３?Ｄａｔａ?ｃｏｌｌｅｃｔｉｏｎ??數(shù)據(jù)傳輸：數(shù)據(jù)傳輸部分主要完成的工作是與云端的交互巧數(shù)據(jù)的上傳：在??

之后能夠通過(guò)ＧＰＲＳ／３Ｇ網(wǎng)絡(luò)將數(shù)據(jù)上傳到服務(wù)端。??數(shù)據(jù)采集端主要由Ｈ個(gè)部分姐成；數(shù)據(jù)傳輸部分、緩存部分和藍(lán)牙數(shù)據(jù)采集??部分。數(shù)據(jù)采集部分結(jié)構(gòu)如圖３３所示。??叮Ｉ．「ｉｊｉ?ｉ－?■?＂￣￣＾??－?師??■?＊?｝?；?‘?；１?Ｉ?Ｉ??ｍｍ??Ｗ?產(chǎn)?????■■■■....

圖３．４曲線圖（油耗）??Ｆｉｇ?３．４?Ｌｉｎｅ?Ｃｈａｒｔ?（Ｆｕｅｌ）??的：??

駛行為分析系統(tǒng)之后，曲線圖的走勢(shì)向著越來(lái)越省油的方向前進(jìn)，用戶可レッ每天??獲知自己在進(jìn)步，鼓勵(lì)自己進(jìn)一步改善駕駛行為，提高燃油經(jīng)濟(jì)性ｔｗ。??油耗曲線圖的效果如圖３．４所示。??牠喔１??：?，?＇?：?；?：??ｇ?＊???—?．??＇?＾?■?Ｉ??４－ｉ?■?Ｔ?ｉ——．....

本文編號(hào)：3987155