Design And Development Of Mobile Web Front-End Based On HTML5

With the rapid development of mobile terminals, mobile operating systems are soaring. From the point of market share, there are iOS, Android, WP three major mobile operating systems, however, the mobile front-end system is still facing users’ more and more updated requirements. In order to cut down the development costs, reduce the development time, front-end designers and developers in the new environment should be based on truly understanding the needs of mobile Web applications, seeking a solution of cross-platform mobile front-end development. This program provides the following two core requirements:one is that a program can run on a number of different mobile operating systems, then reduces the problem of adaptation for each operating system; the other is that using HTML, CSS, JavaScript to develop mobile applications, greatly reduces the barriers to mobile front-end application development technology.This paper introduces a Mobile Web front-end system building process, combined with the jQuery Mobile framework to provide strong support quickly cross-platform Mobile front-end building. First, elaborating in Web2.0 era, mini, small and medium-sized enterprises faced problems and some current mainstream solutions. Next, describing the key technologies in building mobile front-end system, including interaction design, visual design and front-end development of mobile front-end system. Then, research Mobile Web front-end system construction techniques based on HTML5, in the ideology of the "user-centered, prototype-based", create a Mobile Web front-end system development process, detailing the process from requirements analysis to front-end development and expounding the principles and methods in front-end system building of jQuery Mobile. Finally, taking the platform building for "Best Roommate" for example, theoretical methods of design and technical means of development are used for typical case analyzes. The feasibility of using the idea of "user-centered, prototype-based" to build front-end system are verified through practice.