The revolution of web UI
Java web application base on YUI Ext in practice
Cen Yin Lan,Guo Meng and He Xuan
ylencen@hp.com,mengg@hp.com,xuan.he@hp.com
GDCC MDI
Abstract
PCES project team developed a production process control software for the
semiconductor foundry TSMC manufacturers leader. In order to enhance the customer
experience of the Web UI layer, a set of JS open-source components of YUI Ext was used in
the project. In the traditional sense, in order to enhance the customer experience of the Web
UI layer, Application, JWS, Applet or ActiveX, and other fat client realization way are
generally adopted. The YUI Ext JS has provided another way of improving the user
experience ---the rich client, rich client combines with the various advantages of B / S and
C/S : rich user experience, high scalability, platform-independent and very easy to deploy
and update.
Background and Problem Statement
Improving the user experience in Web UI layer, there are two things that must be
resolved:
Standard element of the Web is too simple, they just provide the five
components:input box, single-box, check-box, combobox and button, which can
not reflect the individual needs of customers, don't have grid, dialog, edit
combobox, progressbar and other senior component to select;
The traditional B / S structure, using synchronous request / response model, after
the request sent to the server, the next step operation go on must wait for the
server response return, which cause users do not have consistency in the
operation . Moreover, the server returned to the client's content, in addition to
include the commercial data need to demonstrate , but also mixed with the layout,
style, and some other additional information, which increase the complexity of
front-end and back-end interaction process.
Our solution
Compared with various blueprints, we found that YUI Ext JS can give customers a
good experience (YUI Ext JS data flow control Figure 1).
YUI Ext JS is very similar to Java Swing's ideology, it provides a variety of layout
way in the layout , and provides the majority intergrant component of the UI layer : grid,
menu, tree, progressbar, statusbar and widnow, etc.. And YUI Ext JS component through
CSS + DIV realization way to achieve that do not bind to a specific technology, in any one