Web application code decoupling and user interaction performance

• US 20090210781A1
• Filed: 02/20/2008
• Published: 08/20/2009
• Est. Priority Date: 02/20/2008
• Status: Active Grant

• Current Assignee: Avago Technologies International Sales Pte Limited (Broadcom, Inc.)
• Original Assignee: Avago Technologies General IP PTE Limited (Broadcom, Inc.)
• Inventors: LaBanca, John, Hagerott, Steven G.
• Granted Patent: US 8,924,845 B2
• Time in Patent Office: Days
• US Class Current: 715/234
• CPC Class Codes: G06F 9/451 Execution arrangements for user interfaces

Abstract

An improved web browser architecture for an OOP application for a dynamic web page using a client-side scripting language in JavaScript and Ajax to encapsulate presentation logic as objects manipulated by a mediator class state controller object. The browser code is divided into reusable but decoupled and interacting objects. The objects publish to unknown subscribers, and there is no need for objects to explicitly know of or be bound to other objects subscribing to events, consistent with a delegate model. The state of the web browser can be maintained by the state controller, and bookmarking of the state of the web browser allows reconstruction of a web browser dynamic web page. In a preferred embodiment, a GUI for the web browser controls a SAN.

Claims

1. A web browser object-oriented application for a dynamic web page comprising:

a web browser application comprising a state controller object and a plurality of other objects operatively communicating with the state controller object;

a server application communicating with the web browser application;

wherein said server communicates with said web browser application to supply data to the web browser application to form a dynamic web page.

2. The invention according to claim 1, wherein:

the state controller object communicates with the other objects by pub-sub.

3. The invention according to claim 2, wherein:

the other objects comprise presentation logic GUI components.

4. The invention according to claim 3, wherein:

the web browser application state controller object and presentation logic GUI components are in JavaScript, and the web browser application communicates with the server application according to Ajax.

5. The invention according to claim 4, wherein:

the web browser application has the presentation logic GUI components rendered by the server application to create the layout of the presentation logic GUI components on the web browser.

6. The invention according to claim 5, wherein:

the web browser application communicates with the server application to obtain business logic data, and said business logic data is segregated from the data from the server used to render the presentation logic GUI components.

7. The invention according to claim 5, wherein:

the web browser application communicates with the server application to obtain business logic data, and said business logic data is segregated from the data from the server used to render the presentation logic GUI components;

said business logic comprises data from the server comprising the results of a SQL query;

the presentation logic GUI components are components selected from the group consisting of a grid view;

a datalist control;

a tree;

a forms view;

a details view;

a combo box;

a list box;

a radio button; and

a checkbox; and

,

said web browser application GUI components are for displaying information for a Storage Area Network.

8. The invention according to claim 5, wherein:

the web browser application stores state variables to bookmark the state of the web browser and recreate the same view shown by the web browser.

9. The invention according to claim 2, wherein:

the state controller object acts as a mediator class to coordinate data to and from the other classes;

the other objects comprising presentation logic GUI-based objects; and

,

the web browser application state controller object and presentation logic GUI components are in JavaScript, and communicate with the server application according to Ajax.

10. The invention according to claim 9, wherein:

the web browser application has the presentation logic GUI components rendered by the server application to create the layout of the presentation logic GUI components on the web browser;

the web browser application has the presentation logic GUI components rendered by the server application to create the layout of the presentation logic GUI components on the web browser; and

,

the web browser application communicates with the server application to obtain business logic data, and said business logic data is segregated from the data from the server used to render the presentation logic GUI components.

11. The invention according to claim 10, wherein:

said business logic comprises data from the server comprising the results of a SQL query;

the presentation logic GUI components communicate directly with the server application to obtain the business logic data;

the presentation logic GUI components are components selected from the group consisting of a grid view;

a datalist control;

a tree;

a forms view;

a details view;

a combo box;

a list box;

a radio button; and

a checkbox; and

,

said web browser application GUI components are for displaying information for a Storage Area Network.

12. A method for browsing a dynamic web page comprising the steps of:

running a client-side script on a web browser application comprised of object oriented modules, the object-oriented modules comprising a state controller object and a plurality of other objects operatively communicating with the state controller object;

running a server-side script on a server application communicating with the web browser application; and

,

wherein said server communicates with said web browser application to supply data to the web browser application to form a dynamic web page.

13. The method according to claim 12, further comprising the steps of:

communicating between the state controller object in the web browser application and the plurality of other objects via a delegate model having an event publisher and event subscriber.

14. The method according to claim 13, further comprising the steps of:

rendering objects in the web browser from the server application, the rendered objects comprising the plurality of other objects, comprising presentation logic GUI components.

15. The method according to claim 14, further comprising the steps of:

communicating business logic data from the server application to the web browser;

communicating data from the server application for rendering objects in the web browser, with the rendering objects data segregated from the business logic data;

wherein the web browser application state controller object and presentation logic GUI components are in JavaScript, and the web browser application communicates with the server application according to Ajax.

16. The method according to claim 15, further comprising the steps of:

communicating the business logic comprising the results of a SQL query;

wherein the presentation logic GUI components are components selected from the group consisting of a grid view;

a datalist control;

a tree;

a forms view;

a details view;

a combo box;

a list box;

a radio button; and

a checkbox.

17. The method according to claim 16, further comprising the steps of:

displaying the web browser application GUI components on the web browser to display information for a Storage Area Network.

18. The method according to claim 14, further comprising the steps of:

storing state variables data in the web browser to allow the web browser to preserve the state of the web browser and recreate the view of the web browser for any given state, thereby creating a bookmark for the web browser.

19. The method according to claim 14, wherein:

the presentation logic GUI components are components selected from the group consisting of a grid view;

a datalist control;

a tree;

a forms view;

a details view;

a combo box;

a list box;

a radio button; and

a checkbox;

wherein the GUI components form decoupled and interacting objects within the web browser application.

20. A web browser object-oriented application for a dynamic web page comprising:

means for displaying a dynamic web page comprising a web browser object-oriented software application, said web browser application comprising a state controller object and a plurality of other objects operatively communicating with the state controller object;

means for communicating with the web browser application remotely, comprising a server application, said server means communicating with said web browser application to supply data to the web browser application to form a dynamic web page;

said state controller communicating with said other objects by pub-sub;

said other objects comprise presentation logic GUI components;

said web browser application state controller object and presentation logic GUI components are in JavaScript, and communicate with said server application according to Ajax;

said web browser application has said presentation logic GUI components rendered by the server application to create the layout of the presentation logic GUI components on said web browser;

said web browser application presentation logic GUI components communicating with the server application to obtain business logic data in response to said web browser application state controller object, and said business logic data is segregated from the data from said server used to render said presentation logic GUI components;

said business logic comprises data from the server comprising the results of a SQL query;

said presentation logic GUI components are components selected from the group consisting of a grid view;

a datalist control;

a tree;

a forms view;

a details view;

a combo box;

a list box;

a radio button; and

a checkbox; and

,

said web browser application GUI components are for displaying information for a Storage Area Network.