Method and apparatus for generating consistent user interfaces

• US 7,873,908 B1
• Filed: 09/30/2003
• Issued: 01/18/2011
• Est. Priority Date: 09/30/2003
• Status: Active Grant

• Current Assignee: Cisco Technology, Inc. (Cisco Systems, Inc.)
• Original Assignee: Cisco Technology, Inc. (Cisco Systems, Inc.)
• Inventors: Bettadapur, Prakash, Saksena, Sandeep, Varanasi, Sankara Sastry, Tjong, Jung
• Primary Examiner(s): Lo; Weilun
• Assistant Examiner(s): Augustine; Nicholas
• Application Number:
  US10/676,718
• Time in Patent Office: 2,667 Days
• Field of Search: 715/763, 715/764, 715/788, 715/744, 715/825, 715/765
• US Class Current: 715/763
• CPC Class Codes: G06F 8/38 for implementing user interfaces

Abstract

A method is disclosed for generating a consistent user interface for an HTML-based application program, without extensive coding of Java Server Pages and other elements. In one approach, business objects each define a user action for the application program, and metadata elements defining parameters for the user actions of the business object. A controller is communicatively coupled to one or more actions, widgets, and panels. A user request is received from a browser and dispatched to one or the actions. Using the actions, one or more parameter values are obtained from the business objects. The business object parameter values are associated with a widget selected from among the one or more widgets. The selected widget is associated with a panel selected from the one or more panels. An HTML user interface page that includes the selected panel is generated. The widgets represent properties of the business objects as HTML elements, automatically generate client-side executable code for performing data validation, and convert values received in users requests into programmatic objects of appropriate data types for use by the application program.

Claims

1. A method comprising the computer-implemented steps of:

automatically generating a consistent user interface for an application program by assisting a user with building an hypertext markup language (HTML) user interface page by;

receiving one or more business objects that each define a user action for the application program;

receiving one or more metadata elements for dynamic content generation and defining parameters for the user actions of the one or more business object;

invoking a controller that is communicatively coupled to one or more actions, one or more widgets, and one or more panels;

receiving a first user request from the user through a browser used to interact with the application program and dispatching the user request to one or more of the actions;

based on a second user request received from the user through the browser, selecting a first panel from the one or more panels and including the first panel in the HTML user interface page;

wherein the first panel is dynamically generated using the one or more widgets and comprises a programmed template with a user-interface content;

wherein the user-interface content comprises one or more of user controls, programmable buttons and action buttons;

the controller determining which of the one or more actions is responsible for acting on the first user request;

obtaining, using the one or more actions, one or more parameter values from the business objects and dynamically manipulating the one or more parameter values;

using the one or more actions and the business object parameter values, selecting a first widget from the one or more widgets;

associating the first widget with the first panel selected from the one or more panels, wherein the selected first widget is arranged into a specified dynamic layout within the first panel; and

generating the specified dynamic layout, at runtime, and presenting to the user, a user-interface utility comprising the HTML user interface page that includes the first widget arranged into the specified dynamic layout within the first panel;

wherein he first widgets has the capability of representing properties of the business objects as HTML elements;

wherein the method performed by one or more processors.

2. A method as recited in claim 1, wherein the business object parameters are associated with one of the widgets based on the user request.

3. A method as recited in claim 1, wherein the application program is a network management application program.

4. A method as recited in claim 1, wherein receiving one or more business objects that define functions of the application program comprises receiving an extensible markup language (XML) file that defines the business objects and one or more of the parameters for the business objects.

5. A method as recited in claim 1, further comprising the step of generating, using the widget, client-side executable program code that performs one or more data validation or access control operations on user input for the user operation.

6. A method as recited in claim 1, wherein the actions interact with the business objects through service object module interfaces that provide parameter values for the business objects to the actions.

7. A method as recited in claim 1, further comprising the steps of:

receiving user input in a field of the user interface that is associated with the widget, wherein the user input is received in HTML elements of an hypertext transfer protocol (HTTP) request from a browser;

converting the user input from the HTML elements into one or more programmatic objects having an appropriate data type for use by the application program.

8. A method as recited in claim 1, further comprising the step of associating a first widget with a second widget, wherein the first widget and second widget are related by a containment hierarchy.

9. A method as recited in claim 1, wherein each of the widgets represents one or more properties of the business objects by an HTML element.

10. A method as recited in claim 1, wherein the step of generating an HTML user interface page that includes the panel further comprises generating an HTML user interface page that includes one or more of java server pages (JSP) files, static HTML elements, style sheets, or images.

11. A computer-readable volatile or non-volatile storage medium storing one or more sequences of instructions which when executed by one or more processors, cause the one or more processors to perform the steps of:

automatically generating a consistent user interface for an application program by assisting a user with building an hypertext markup language (HTML) user interface page by;

receiving one or more business objects that each define a user action for the application program;

receiving one or more metadata elements for dynamic content generation and defining parameters for the user actions of the one or more business object;

invoking a controller that is communicatively coupled to one or more actions, one or more widgets, and one or more panels;

receiving a first user request from the user through a browser used to interact with the application program and dispatching the user request to one or more of the actions;

wherein the first panel is dynamically generated using the one or more widgets and comprises a programmed template with a user-interface content;

wherein the user-interface content comprises one or more of user controls, programmable buttons and action buttons;

based on a second user request received from the user through the browser, selecting a first panel from the one or more panels and including the first panel in the HTML user interface page;

the controller determining which of the one or more actions is responsible for acting on the first user request;

obtaining, using the one or more actions, one or more parameter values from the business objects and dynamically manipulating the one or more parameter values;

using the one or more actions and the business object parameter values, selecting a first widget from the one or more widgets;

associating the first widget with the first panel selected from the one or more panels, wherein the first widget is arranged into a specified dynamic layout within the first panel; and

generating the specified dynamic layout, at runtime, and presenting to the user, a user-interface utility comprising the HTML user interface page that includes the first widget arranged into the specified dynamic layout within the first panel;

wherein the first widget has the capability of representing properties of the business objects as HTML elements.

12. A computer-readable volatile or non-volatile storage medium as recited in claim 11, wherein the business object parameters are associated with one of the widgets based on the user request.

13. A computer-readable volatile or non-volatile storage medium as recited in claim 11,

wherein the application program is a network management application program.

14. A computer-readable volatile or non-volatile storage medium as recited in claim 11, wherein receiving one or more business objects that define functions of the application program comprises receiving an extensible markup language (XML) file that defines the business objects and one or more of the parameters for the business objects.

15. A computer-readable volatile or non-volatile storage medium as recited in claim 11, further comprising instructions for performing the step of generating, using the widget, client-side executable program code that performs one or more data validation or access control operations on user input for the user operation.

16. A computer-readable volatile or non-volatile storage medium as recited in claim 11, wherein the actions interact with the business objects through service object module interfaces that provide parameter values for the business objects to the actions.

17. A computer-readable volatile or non-volatile storage medium as recited in claim 11, further comprising instructions for performing the steps of:

receiving user input in a field of the user interface that is associated with the widget,

wherein the user input is received in HTML elements of an hypertext transfer protocol (HTTP) request from a browser;

converting the user input from the HTML elements into one or more programmatic objects having an appropriate data type for use by the application program.

18. A computer-readable volatile or non-volatile storage medium as recited in claim 11, further comprising instructions for performing the step of associating a first widget with a second widget, wherein the first widget and second widget are related by a containment hierarchy.

19. A computer-readable volatile or non-volatile storage medium as recited in claim 11, wherein each of the widgets represents one or more properties of the business objects by an HTML element.

20. A computer-readable volatile or non-volatile storage medium as recited in claim 11, wherein the step of generating an HTML user interface page that includes the panel further comprises generating an HTML user interface page that includes one or more of java server pages (JSP) files, static HTML elements, style sheets, or images.

21. An apparatus comprising:

one or more processors;

means for automatically generating a consistent user interface for an application program by assisting a user with building an hypertext markup language (HTML) user interface page, the means including;

means for receiving one or more business objects that each define a user action for the application program;

means for receiving one or more metadata elements for dynamic content generation and defining parameters for the user actions of the one or more business object;

means for invoking a controller that is communicatively coupled to one or more actions, one or more widgets, and one or more panels;

means for receiving a first user request from the user through a browser used to interact with the application program and dispatching the user request to one or more of the actions, wherein the controller determines which of the one or more actions is responsible for acting on the user request;

means for selecting, based on a second user request received from the user through the browser, a first panel from the one or more panels and including the first panel in the HTML user interface page;

wherein the first panel is dynamically generated using the one or more widgets and comprises a programmed template with a user-interface content;

wherein the user-interface content comprises one or more of user controls, programmable buttons and action buttons;

means for obtaining, using the one or more actions, one or more parameter values from the business objects and dynamically manipulating the one or more parameter values;

means for selecting a first widget from the one or more widgets, using the one or more actions and the business object parameter values;

means for associating the first widget with the first panel selected from the one or more panels, wherein the first widget is arranged into a specified dynamic layout within the first panel; and

means for generating the specified dynamic layout, at runtime, and presenting to the user,

a user-interface utility comprising the HTML user interface page that includes the first widget arranged into the specified dynamic layout with in the first panel;

wherein the first widget has the capability of representing properties of the business objects as HTML elements.

22. An apparatus as recited in claim 21, wherein the business object parameters are associated with one of the widgets based on the user request.

23. An apparatus as recited in claim 21, wherein the application program is a network management application program.

24. An apparatus as recited in claim 21, wherein the means for receiving one or more business objects that define functions of the application program comprises means for receiving an extensible markup language (XML) file that defines the business objects and one or more of the parameters for the business objects.

25. An apparatus as recited in claim 21, further comprising means for generating, using the widget, client-side executable program code that performs one or more data validation or access control operations on user input for the user operation.

26. An apparatus as recited in claim 21, wherein the actions interact with the business objects through service object module interfaces that provide parameter values for the business objects to the actions.

27. An apparatus as recited in claim 21, further comprising:

means for receiving user input in a field of the user interface that is associated with the widget, wherein the user input is received in HTML elements of an hypertext transfer protocol (HTTP) request from a browser;

means for converting the user input from the HTML elements into one or more programmatic objects having an appropriate data type for use by the application program.

28. An apparatus as recited in claim 21, further comprising means for associating a first widget with a second widget, wherein the first widget and second widget are related by a containment hierarchy.

29. An apparatus as recited in claim 21, wherein each of the widgets represents one or more properties of the business objects by an HTML element.

30. An apparatus as recited in claim 21, wherein the means for generating an HTML user interface page that includes the panel further comprises means for generating an HTML user interface page that includes one or more of java server pages (JSP) files, static HTML elements, style sheets, or images.

31. An apparatus comprising:

a network interface that is coupled to the data network for receiving one or more packet flows therefrom;

a processor;

one or more stored sequences of instructions which, when executed by the processor, cause the processor to perform the steps of;

automatically generating a consistent user interface for an application program by assisting a user with building an hypertext markup language (HTML) user interface page by;

receiving one or more business objects that each define a user action for the application program;

receiving one or more metadata elements for dynamic content generation and defining parameters for the user actions of the one or more business object;

invoking a controller that is communicatively coupled to one or more actions, one or more widgets, and one or more panels;

receiving a first user request from the user through a browser used to interact with the application program and dispatching the user request to one or more of the actions;

based on a second user request received from the user through the browser, selecting a first panel from the one or more panels and including the first panel in the HTML user interface page;

wherein the first panel is dynamically generated using the one or more widgets and comprises a programmed template with a user-interface content;

wherein the user-interface content comprises one or more of user controls, programmable buttons and action buttons;

the controller determining which of the one or more actions is responsible for acting on the first user request;

obtaining, using the one or more actions, one or more parameter values from the business objects and dynamically manipulating the one or more parameter values;

using the one or more actions and the business object parameter values, selecting a first widget from the one or more widgets;

associating the first widget with the first panel selected from the one or more panels, wherein the first widget is arranged into a specified dynamic layout within the first panel; and

generating the specified dynamic layout, at runtime, and presenting to the user, a user-interface utility comprising the HTML user interface page that includes the first widget arranged into the specified dynamic layout within the first panel;

wherein the first widget has the capability of representing properties of the business objects as HTML elements.

32. An apparatus as recited in claim 31, wherein the business object parameters are associated with one of the widgets based on the user request.

33. An apparatus as recited in claim 31, wherein the application program is a network management application program.

34. An apparatus as recited in claim 31, wherein receiving one or more business objects that define functions of the application program comprises receiving an extensible markup language (XML) file that defines the business objects and one or more of the parameters for the business objects.

35. An apparatus as recited in claim 31, further comprising instructions for performing the step of generating, using the widget, client-side executable program code that performs one or more data validation or access control operations on user input for the user operation.

36. An apparatus as recited in claim 31, wherein the actions interact with the business objects through service object module interfaces that provide parameter values for the business objects to the actions.

37. An apparatus as recited in claim 31, further comprising instructions for performing the steps of:

receiving user input in a field of the user interface that is associated with the widget, wherein the user input is received in HTML elements of an hypertext transfer protocol (HTTP) request from a browser;

converting the user input from the HTML elements into one or more programmatic objects having an appropriate data type for use by the application program.

38. An apparatus as recited in claim 31, further comprising instructions for performing the step of associating a first widget with a second widget, wherein the first widget and second widget are related by a containment hierarchy.

39. An apparatus as recited in claim 31, wherein each of the widgets represents one or more properties of the business objects by an HTML element.

40. An apparatus as recited in claim 31, wherein the instructions for performing the step of generating an HTML user interface page that includes the panel further comprises generating an HTML user interface page that includes one or more of JSP files, static HTML elements, style sheets, or images.