| User Interface (UI) is used for communicating between User and Software Systems. Good user interface will enhance the efficiency and productivity of users, decrease errors and training time, and improve user acceptance. Development and maintenance of UI is difficult t because of the UI complexity. The latest research suggests that 60 percent errors are about Usability and only 15 percent are about Functionality. How to improve the efficiency and quality of UI development has become the key filed of IT industry.For the user interface development, there are many different approaches such as approaches based on Design Pattern and approaches based on Task Model. There are also many tools used for developing user interface such as Simple Design Tool and Demonstrational Tool. All these approaches and tools are firstly proposed for solving some problems or providing some new functions. They are limited in some special areas, so they can't give a completed scheme for solving all the problems of user interface development. Moreover, the new requirements will make the methods or tools become obsolete fast. So user interface development is a exceeding and improving process.Currently, User Interface Pattern is a new and hot research object. Researchers have summarized many patterns from different point of views. But these patterns are basic and it can't implement the complexity of UI.In order to make interface design more easily and fast, people resort to the way of code automatic generation. Now the relevant research is ways based on Formal Grammar, ways based on Model and so on. These approaches just can generate simple codes; the automatic level is still low. And they can't implement the complex UI construction.In order to improve the expressive ability of UI design pattems and perfect the abstract expression and visual display of UI, this paper proposes four design patterns: Navigation Pattern, Component Pattern, Overlapped Combine Pattern and Frame Pattern.Navigation Pattern define the page including the navigation use case as the original page, use page object represent the terminal page. The navigation relation between original page and terminal page creates navigation. This relation's attributes define the main attributes of navigation. The transferred parameters are defined in the attributes of page. By this way this pattern abstract the requirement of navigating and data transferring between interfaces;Component Pattern imports an external component by reference in the structure model. The attributes of component are defined in this reference. Component object is used for representing the external component. The interaction relation is defined in interaction model. The presentation attributes can be set in UI template. By this way this pattern abstract the requirements of component reference and code reusing;Overlapped Combine Pattern uses combine relation to combine multiple objects, these objects construct a combine object and they all have their own attributes. Moreover, the combine object has the attributes of combination. The interaction and presentation relations can be set in interaction model and UI template. By this way this pattern abstract the requirements such as displaying several contends on one finite area or displaying hierarchical contents;Frame Pattern adds some attributes about frame in every UI node and adds a constraint about frame in the UI template. In the generating procedure this pattern adds some special models used for handling frame. So this pattern abstracts the requirements of local refreshing or replacing, interface synchronizing, principal and subordinate interfaces.For the application of patterns in code generation, this paper introduces the algorithms of code generation for these four patterns respectively.At the end of this paper there are some samples, which testifying the usability and complexity of these four patterns, and its contributions on UI code automatic generation. |
PDF Full Text Request