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

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

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

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

【部分圖文】：

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

大的提高了圖形繪制的速度，服務(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ù)的上傳：在??

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

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

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

本文編號：3987155