基于HTML5的驾驶行为分析系统的研究与实现

发布时间：2024-06-02 09:34

　　HTML5是目前互联网最为流行的前端开发技术。HTML5作为下一代Web的标准,其主旨在于丰富客户端功能,提供统一的标准,降低服务端负担,减少用户对于插件的依赖。HTML5应用的范畴广泛,很多互联网应用都在使用强大HTML5技术展现自己的产品,使用户获得更好的用户体验。本课题来源于下一代车载信息娱乐平台项目中的驾驶行为分析服务,该项目致力于为用户的驾驶行为进行识别、分析,进而促进用户的驾驶行为。本人的主要工作在于研究驾驶行为分析现状,设计了部分驾驶行为分析功能,包括油耗,安全和环保等功能；驾驶行为分析系统包括服务端和客户端,本人的工作在于实现了客户端部分,设计了针对驾驶行为分析的前台图表,并使用HTML5技术的驾驶行为分析前台,其中前台包括针对PC端和手机端而分别设计的两部分。本课题首先介绍了HTML5技术和驾驶行为分析的现状,之后分析了驾驶行为分析系统的价值,以及其数据来源和功能。根据驾驶行为分析的现状和需求,用户重点的关注部分在于油耗,安全和环保等核心问题。针对这些核心问题,本人参与并设计了：(1)油耗部分的功能,包括油耗曲线图,油耗地图,油耗速度分析等功能；包括展现用户不良驾驶行...

【文章页数】：86 页

【学位级别】：硕士

【部分图文】：

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

大的提高了图形绘制的速度，服务端将仅仅需要发送少量数据，前端就可完成图??形绘制。??Ｃａｎｖａｓ的性能情况如图２．１所示。??性離比较?????????Ｉ－．．．．?．?■■?．．．．．．．??????…?Ｖ＂—‘———?—?—Ｖ?ＷＷＴ—叫—＂??＼ＱＪ?？？丫？。－？？：＇....

图３．２驾驶行为分析系统??Ｆｉｇ?３．２?ＤＢＡ?ｓｙ巧ｅｍ??

?第３章驾驰行为分析系统及功能??３．２．２驾驶行为分析系统??驾驶行为分析系统结构如图３．２所示。??跟巧巧超＞?晒撼?＾??、?？?一＇?？一?；??Ｈｍｍｐｏｍ?３ａ’‘Ａ＾３?、??Ｈ分一?Ｉ宝去，巧作，、Ｉ??『厂「｛一杂齡??图３．２驾驶行为分析系统??Ｆｉｇ?３．２....

图３．３数据采集部分??Ｆｉｇ?３．３?Ｄａｔａ?ｃｏｌｌｅｃｔｉｏｎ??数据传输：数据传输部分主要完成的工作是与云端的交互巧数据的上传：在??

之后能够通过ＧＰＲＳ／３Ｇ网络将数据上传到服务端。??数据采集端主要由Ｈ个部分姐成；数据传输部分、缓存部分和蓝牙数据采集??部分。数据采集部分结构如图３３所示。??叮Ｉ．「ｉｊｉ?ｉ－?■?＂￣￣＾??－?师??■?＊?｝?；?‘?；１?Ｉ?Ｉ??ｍｍ??Ｗ?产?????■■■■....

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

驶行为分析系统之后，曲线图的走势向着越来越省油的方向前进，用户可レッ每天??获知自己在进步，鼓励自己进一步改善驾驶行为，提高燃油经济性ｔｗ。??油耗曲线图的效果如图３．４所示。??牠喔１??：?，?＇?：?；?：??ｇ?＊???—?．??＇?＾?■?Ｉ??４－ｉ?■?Ｔ?ｉ——．....

本文编号：3987155