The Research And Implementation Of Driver Behavior Analysis System Based On HTML5

HTML5 is currently the most popular Internet front-end technology. As the next generation of Web standard, the purpose of HTML5 is to enrich the functions of browser. It will provide a unified standard, reducing the burden on server and the dependency of plug-ins. Because of the huge potentiality of HTML5 applications, many Internet applications are using powerful HTML5 technology to show their products, giving a better user experience.This topic originated from driving behavior analysis program whose purpose is to identify and analyse the users’ driving behavior, and to promote their driving behaviors. My main job was to do some research on driving behavior analysis (DBA), design some functions for DBA system, including fuel consumption, safety and environment protection. The DBA system includes server part and client part, and my job was to develop a set of driving behavior analysis system based on HTML5 technology. This client system includes two parts, the PC terminal and the mobile phone terminal.First, I introduced the situation of HTML5 and driver behavior. Then I explained the value of DBA system, its data source and its functions.According to the situations and demands of DBA system, users pay much more attention on fuel consumption, safety and environment protection of vehicle. I designed a series of functions that displayed user’s driving behaviors based on the traffic data collected from vehicles.For fuel function, I partially designed the fuel line chart, fuel map, and fuel-speed analysis functions. For safety function, I designed the definition of safety index and definition of bad driving behaviors. For environmental protection function and interest point function, I designed the environmental contribution function, hot spot function and so on.For the PC terminal, I modified the tranditional method of form, using WebSocket and some new functions of HTML5 form. In addistion, I found a way to makes up the deficiency of Cookie by using LocalStorage and SessionStorage. Aiming at the problem of upload files, this paper presented methods of WebSocket uploading. The method provided asynchronous reads in the file, supporting multiple files uploading.For the mobile terminal, this paper used the combination of relative size layout and responsive layout, which could largely solve the problem of screen adaptation. In order to solve the problem of offline-reading, this topic used offline application cache to make the mobile terminal an offline App.