Design And Implementation Of A Pattern-Based Tool For Developing Web Application Interfaces

The Internet technology has developed rapidly,became the main carrier of information display Web interface,but also brought challenges for Web interface development,easy to use and has a good user experience interface is difficult to develop and need not only have rich knowledge in the field of application field and interface and development experience,and need to "design-assessment-again" many times of iteration.To solve this problem,pattern-based development strategies are widely used in the industry.Patterns are the summary of "best practices" in the past interface development process.The application of patterns can effectively improve the quality of interface development and improve the development efficiency.From an implementation perspective,patterns are typically large-grained interface artifacts(for example,navigation patterns,submit patterns,list patterns),whereas today's Web interface development platform is built on small-grained artifacts(for example,buttons,menus),which creates a gap between the design model and the implementation model.Implementers need to manually translate an interface design into code,which is inefficient and error-prone.To solve this problem,this paper designs and implements a pattern-based Web interface development tool(PW-WIDT),which aims to transform the pattern-based Web interface into code implementation.To this end,this article first introduces a parameterized attribute markup language(XWIPML).XWIPML marks the informal interface design patterns and encapsulates them into large-grained interface design components,forming a library of interface design patterns with clear relationships and clear classifications.Secondly,the Web interface markup language(X-WIML)is provided to users,which elevates the development of Web interface from the level of basic interface components to the level of pattern components,and reduces the gap between the design model and the implementation model.Through PW-WIDT,users can easily and quickly use the Web interface design pattern components to carry out the interface design,and can quickly generate the corresponding prototype interface code,which effectively saves the Web interface design time,as well as code implementation design prototype time.Improve the efficiency of Web interface development,effectively improve the quality of interface development.