Method for developing and managing large-scale web user interfaces (WUI) and computing system for said WUI

• US 20030145305A1
• Filed: 11/13/2002
• Published: 07/31/2003
• Est. Priority Date: 11/16/2001
• Status: Abandoned Application

• Current Assignee: Softplumbers SA
• Original Assignee: Softplumbers SA
• Inventors: Ruggier, Mario
• Application Number:
  US10/292,927
• Publication Number:
  US 20030145305A1
• Time in Patent Office: Days
• US Class Current: 717/100
• CPC Class Codes: G06F 8/38 for implementing user interfaces

Abstract

A method for developing and managing large-scale web user interfaces (WUI), comprising: designing and implementing the WUI using the Model View Controller (MVC) paradigm, and adding an additional layer (5) to the MVC paradigm, said additional layer (5) comprising a UI description (1), said UI description comprising all UI elements that are used by at least one of the MVC implementation components, such as views and the sub-elements used to define them, descriptions of content data, and the behavior of the WUI.

Claims

1. ) Method for developing and managing large-scale web user interfaces (WUI), comprising:

designing and implementing the WUI using the Model View Controller (MVC) paradigm,

characterized in that it comprises;

adding an additional layer (5) to the MVC paradigm,

said additional layer (5) comprising a UI description (1),

said UI description comprising all UI elements that are used by at least one of the MVC implementations components, such as views, descriptions of content data, and the behavior of the WUI.

2. ) Method according to claim 1 characterized in that the additional layer is an XML model (5).

3. ) Method according to claim 1 characterized in that the additional layer (5) imposes on the MVC components.

4. ) Method according to claim 3 characterized in that the additional layer (5) imposes on the MVC presentation layer (6A).

5. ) Method according to claim 4 characterized in that the additional layer imposes on the MVC presentation layer (6A) of a 3-tier web application (6).

6. ) Method according to claim 1 characterized in that the UI description (1) is only concerned with the logical aspects of the web UI.

7. ) Method according to claim 1 characterized in that each UI element is independent from the other.

8. ) Method according to claim 1 characterized in that UI elements are defined once and may be re-used, by reference, to compose other UI elements contained in the same UI description (1).

9. ) Method according to claim 1 characterized by associating to a UI description (1) a UI skin (2A-C), each said UI skin specifying one way of how the UI description is to be rendered in a web browser.

10. ) Method according to claim 9 characterized in that the UI skin (2A-C) comprise a collection of XSL templates that define web page template code to be generated for each element type, and a collection of external target client dependent files required by this presentation.

11. ) Method according to claim 10 characterized in that the external files comprise:

shell templates, plus any required linkable material, such as external cascading style sheets, client-side JavaScript code and other graphical elements such as images, said shell template defining the general web page layout for a view, for each category of web pages used by the UI.

12. ) Method according to claim 10 characterized in all presentational dependencies on the templating mechanism adopted by the implementation of the UI Runtime are constrained to the UI Skin associated to the UI Description.

13. ) Method according to claim 1 and 9 characterized by processing the UI Description (1) and an associated UI Skin (2A-C) to generate automatically the view, or web page, templates for the UI.

14. ) Method according to claim 1 characterized in that the presentation of all UI elements is controlled by client dependent rendering code.

15. ) Method according to claim 1 characterized in that web page templates used by the UI runtime are automatically generated from the UI description (1) and the client dependent rendering code.

16. ) Method according to claim 1 characterized in that the implementation of the UI runtime logic also uses the UI description (1) to determine both:

meta-information needed for each screen, or web page,

as well as the conditional flow from screen to screen.

17. ) Method according to claim 1 characterized in that the additional layer (5) comprises a plurality of UI components, first components being view objects (6), each view being equivalent to a screen or page.

18. ) Method according to claim 17 characterized in that each view object (6) is connected to other UI components comprising:

a plurality of procedure objects (7) that specify the flow of views required for the accomplishment of a UI task,

a plurality of field (8) and link (9) objects that define the content data used by the related view object (6),

and a plurality of action objects that define the actions that the controller should perform.

19. ) Method according to claim 17 characterized in that each view object (6) is connected to a doc (11), a pageinfo (12), at least one pagepart (13), and associated action objects which specify actions to be executed and when,

said doc (11) contains developer and user documentation for the view,

said pageinfo (12) specifies information about the page namely which shell or custom template is to be used for this view and the collection of fields used by the shell or custom template,

said pageparts (13) are collections of fields and fieldsets (16) inside a form object (20), links and linksets (17), as well arbitrary cross format information XFI objects that can mix each rendering code with references to fields and links,

said fieldsets and linksets being a collection of references to links and fields respectively,

that a field may have a regexp object (19) associated which may be used at runtime to validate input data from a user of this field.

20. ) Method according to claim 18 characterised in that actions are associated to a view (6), form (20) and link (19) objects.

21. ) Method according to claim 17, 18 and 19 characterised in that objects are described once and can be used by reference as many time as necessary to define other UI components, such as use of link and field definitions to define fieldsets, linksets, pageparts and views, re-use of arbitrary logical presentational XFI elements such as dividers, presentational containers, sections with contextual navigation or options, data representation templates, to define pageparts, use of pageparts to define views, re-use of pageparts across views, and re-use of views in different procedures.

22. ) Method according to claim 1 characterised by comprising a mapping between each data field used by the WUI and the Data Model or Data Models used by the underlying application.

23. ) Method according to claim 18 characterised in that in order to obtain a UI customisation, the views (6), procedures (7), fields (8), links and (9) actions of the additional layer (5) may inherit from another collection of the same type, thus collection inheriting from another collection may specify only those elements or parts thereof that need to be customised.

24. ) Method according to claim 23 characterised in that the minimal (delta) XML Description that specifies only customized elements, plus a reference XML Description being customized, are processed to produce a fully resolved and complete version of the customized UI XML Description.

25. ) Method according to claim 10 and 19 characterised that the collection of XSL templates generate the web page template code for each pagepart, that an XSL template is selected and parametrised by way of attribute values of the elements contained in the pagepart (13),

that each view (6) is associated with a shell template by a shellfile attribute on the pageinfo (12) element, and each pagepart (13) in the view (6) is associated to a placeholder in the associated shell template by a shellhook attribute on the pagepart,

that the generation process first generates the web page template code for each pagepart (13), and then generates web page templates by combining the generated code for each pagepart of a view (6) and the shell template associated to that view.

26. ) Method according to claim 25 characterised in that the UI description (1) include explicit declarations to execute special actions at specific times.

27. ) Method according to claim 25 characterised in that an HTTP request handled by the UI Runtime comprises pieces of control information which enables the Runtime to identify and retrieve the UI description for the objects involved in each HTTP request.

28. ) Method according to claim 26 characterised in that the explicit declarations to execute special actions at specific times comprises custom actions.

29. ) Method according to claim 28 characterised in that for the special or custom actions the logic that is executed for any single action is to be implemented as additional functionality to the UI Runtime, and in such a way that the UI Runtime is able to read the XML action declarations and parameters, and execute the correct functionality.

30. ) Method according to claim 28 characterised in that the custom actions are implemented as callable functions.

31. ) Method according to claim 1 characterised by relating descriptions of properties of an Application Data Model with additional information required by the User Interface, such as human labels and descriptions for a given property and how a given property is to be handled presentationally.

32. ) Method according to claim 1 characterised in that the UI flow is described in XML procedures, wading through UI logic code to understand said flow being no longer necessary.

33. ) Method according to claim 1 characterised by automatic validation of input data taking into account constraints imposed by the Presentation and constraints imposed by the Underlying Application.

34. ) A computing system for a large scale WUI developed according to the method of any of the claims 1 to 33, comprising:

a memory for storing said WUI,

and means for processing the UI description to automatically generate the Views, or

web page templates for the UI.

35. ) Computing system according to claim 34 characterised in that it comprises:

means for accepting an HTTP request,

means for processing this request comprising;

means for reading the UI description (1),

means for exchanging data between the MVC components (6) with mapping as specified in the UI description (1), data exchange between the Views and the Model or Underlying Application being performed by the Controller according to the mappings specified in the UI description.

36. ) Computing system according to claim 34 characterised in that it comprises means for generating automatically the web page templates used by the UI runtime from the UI description and the client dependent rendering code.

37. ) Computing system according to claim 34 characterised in that it comprises means for creating a mapping between each data field used by the WUI and the Data Model or models used by the underlying application.

38. ) Computing system according to claim 34 characterised in that it comprises means for processing the minimal (delta) XML Description that specifies only customized elements, plus a reference XML Description being customized to produce a fully resolved and complete version of the customized UI XML Description.

39. ) Computing system according to claim 34 characterised in that it comprises means for automatically accessing the UI description (1) of the additional layer (5) to the MVC paradigm (6) to the controller of the presentation layer, i.e. the UI Runtime.

40. ) Computing system according to claim 34 characterised in that it comprises means for executing special actions at specific times, said actions having input and output parameters, and time when they are to be executed, being specified in the UI description (1).

41. ) Computing system according to claim 34 characterised in that it comprises Runtime means for handling a HTTP request, said request comprising pieces of control information which enables the Runtime means to identify and retrieve the UI description (1) for the objects involved in each HTTP request.

42. ) A web server for a large scale WUI developed according to the method of any of the claims 1 to 33 comprising a computing system according to claims 34-41.

43. ) A computer program comprising program instructions for causing a computer to perform the method of any of the claims 1 to 33.

44. ) A computer program according to claim 43 stored in a computer memory or embodied on a record medium or in a read only memory or carried on an electrical carrier signal.