Research And Implementation Of Web Based Direct UI Technic

A Direct UI System is a GUI system that is built upon the graphic output driver and the user input driver of an OS. As a middleware between GUI descriptions and GUI outputs, it interprets GUI descriptions and GUI behavior descriptions from a higher level system and output GUI contents to a lower level system and provides flexibility in GUI descriptions and GUI behavior control. Typical Direct UI systems are Webkit as the representative of browser engines, Android UI as the representative of UI systems that are used in app development and viksoe.dk as the representative of lots of open source Direct UI systems.Advantages of GUI development bases on Direct UI systems are portable UI, separation of UI development and UI business development and rapid developing process.In this background, the following work is discussed in this paper:1. Architecture research of Direct UI systems:I came up with a model that describes the modules of a full Direct UI system and the interaction among them in architectural level, by analyzing the concrete implementation of existing Direct UI systems. That is the base on which detailed analysis and improvement of Direct UI systems can be done.2. Analysis and improvement of layout algorithms in Direct UI systems:The layout system is the core of a Direct UI system. It determines the capacity and efficiency of the system. Analyzing existing layout algorithms one by one requires a lot of work. Further, it is hard to compare layout algorithms because they are usually used to handle different kinds of interface descriptions. Therefore, I abstracted the core approaches of existing layout algorithms and classified them. Then, those categories were analyzed and compared. Based on that, I proposed an improved layout algorithm that does not suffer from performance degradation like other existing layout algorithms under some situations.3. Implementation of complete object-oriented semantic expression in Web:the only available programming language to build a Web based Direct UI system is JavaScript, which is not able to express complete standard object-oriented semantics. Because of that, mature structures used in existing Direct UI systems cannot be directly used to build a Web based Direct UI system. Therefore, I proposed an approach to implement complete standard object-oriented semantic expression in Web and implemented a JavaScript object-oriented extension framework using this approach. That masks mature structures used in existing Direct UI systems able to be directly used to build a Web based Direct UI system.4. Implementation of a Web based Direct UI system:A complete Direct UI system was implemented based on the architecture, algorithm and language framework that were proposed in this paper. The architecture, algorithm and technic were verified in that system.