HTML5是目前互联网最为流行的前端开发技术。HTML5作为下一代Web的标准,其主旨在于丰富客户端功能,提供统一的标准,降低服务端负担,减少用户对于插件的依赖。HTML5应用的范畴广泛,很多互联网应用都在使用强大HTML5技术展现自己的产品,使用户获得更好的用户体验。本课题来源于下一代车载信息娱乐平台项目中的驾驶行为分析服务,该项目致力于为用户的驾驶行为进行识别、分析,进而促进用户的驾驶行为。本人的主要工作在于研究驾驶行为分析现状,设计了部分驾驶行为分析功能,包括油耗,安全和环保等功能；驾驶行为分析系统包括服务端和客户端,本人的工作在于实现了客户端部分,设计了针对驾驶行为分析的前台图表,并使用HTML5技术的驾驶行为分析前台,其中前台包括针对PC端和手机端而分别设计的两部分。本课题首先介绍了HTML5技术和驾驶行为分析的现状,之后分析了驾驶行为分析系统的价值,以及其数据来源和功能。根据驾驶行为分析的现状和需求,用户重点的关注部分在于油耗,安全和环保等核心问题。针对这些核心问题,本人参与并设计了：(1)油耗部分的功能,包括油耗曲线图,油耗地图,油耗速度分析等功能；包括展现用户不良驾驶行为情况的不良驾驶行为对比,展现用户车速和油耗情况的油耗-速度分析,以及用户所在时段交通情况的时间段分析等功能。(2)安全部分功能,包括安全系数的定义,不良驾驶行为的分析及定义以及用户不良驾驶行为对比等功能。(3)环保和兴趣点部分功能,包括环保贡献概念,行车热点和日常路线概念。在PC端实现过程中,采用Canvas实现驾驶行为分析部分功能,减少服务端负载；为Canvas添加onmousemove事件和tips功能,使其可以链接到其他页面；改良HTML5的本地存储方法,提出了一套结合LocalStorage和SessionStorage的综合解决方案,该解决方案从功能上弥补了二者的不足。针对用户上传文件的问题,本课题提出了使用WebSocket上传的方法。该方法结合HTML5的FileAPI,在文件读取上提供异步读入,并且可以多文件上传；充分发挥了WebSocket的全双工特性。在手机端部分,本课题在设计上使用结合了相对大小布局以及响应式布局,可以很大程度上解决终端的屏幕自适应性问题；为了解决手机离线的情况,本课题结合离线应用缓存等功能,使得用户可以在离线状态下使用。