Design And Implementation Of Cross-terminal Web Interface Generation System Based On HTML5

Nowadays, the mobile internet develops so fast that it has become the fastestgrowing and the best development prospects business. As more and more webaccess is initiated by the mobile terminal, web developer must consider the terminalcompatibility problems. The interaction design and interactive mode on the mobileterminal has a big difference with those on PC, in order to provide a betterinteractive experience, the appropriate version for the mobile terminal has to bedeveloped. However, because of the diversity of the mobile terminal (Operationsystem, browser, screen resolution, etc), the cost of developing different version fordifferent terminal is very high.In order to reduce the cost of developing the web for mobile terminal, thisarticle propose a design and implementation scheme for a system (the cross-terminalweb interface generation system based on HTML5) that can rapidly build web whichis suitable for mobile terminal interaction. The cross-terminal web interfacegeneration system consists of a control library and two sub systems, the visualcontrols editing system and the web content conversion system. The functions of thevisual controls editing system include: mobile web interface online editing, mobileweb result real-time preview, mobile web code generation and download. The webcontent convection system provides function for user to select specific content onPC web and process personalized content conversion. The control library of thesystem is based on the JQuery Mobile library, which is conform to systemrequirements because of the consistent behavior on different terminal. In the aspectof system architecture, this article uses the Backbone.js, the JavaScript MVC library, and implements the DOM data binding based on the Backbone.js, which providesconvenience for implementing the controls real-time editing.The design and implementation scheme for the cross-terminal Web InterfaceGeneration system based on HTML5can effectively lower the cost of developingthe web for mobile terminal. With this system, the user can build a mobile webwhich is suitable for mobile interaction within a short time.