Complicated Behavior Modeling And Automatic Code Generation For Web User Interface

As the development of computer and network technology, they are now widely used in people's everyday life, work and science research activities. The requirements for user interface (UI) are more and more higher, the variability and customization requirements of UI increase the difficulty of interface development. Gradually appears the localization of the method of handwork programming to develop UI due to certain specific platform or language. Therefore the ideas of model driven, interface division and design patterns are introduced into UI development, and model design of Web-based UI and automatic code generation also become an important research domain of software engineering.In a model-based approach, UI design is the process of creating and refining UI models, UI is represented by defined models. It can help designers to focus on the concept design, avoiding premature design for details. At the same time, it makes the relationship between different parts of an interface and the roles they play become clearer. FMP model is one kind of interface models which are oriented to software engineering and user interface automatic generation. It supports all phases from requirement analysis to design until coding. It implements interface automatic generation by interaction of several models. Function Model and Object Model complete the task of capturing relative interface function and data information. Interaction Model is used to express data information and control relationship. It is the direct data origin of final code generation. Presentation Model finishes visual design of interface prototype. Users take advantage of interface template to create interface layout and presentation style they like and consider this as the prototype of final user interface which is generated automatically.However, methods mentioned above can only be used for designing limited functions of UI , they are short of abilities for effective model design and realization means for complicated behaviors of Web UI, which severely limits the engineering application of the methods. There out, based on lucubration in interface functions of Web UI, this paper summarize three basic ways in which complicated behaviors are organized: sequence organization, condition organization and repetition organization; and then, based on Web UI design patterns, this paper summarize aggregation of basic operations which are supported by Web UI design patterns, then proposes a formalized description language for Web UI behavior, which can be used to describe organizing ways of basic operations and model complicated behavior of Web UI. Finally, designed behavior model is used as the input of code generation engine, and automatic code generation for behavior model is achieved consequently.This paper emphasizes formalized behavior modeling method based on UI design patterns and relevant research on automatic code generation. The experimental results show that this method is greatly flexible in the development of Web UI design and improves the reusability of Web UI design patterns because of the use of basic operations supported by Web UI design patterns.