Modeling system for graphic user interface

• US 10,379,710 B2
• Filed: 04/22/2016
• Issued: 08/13/2019
• Est. Priority Date: 11/14/2002
• Status: Active Grant

• Current Assignee: SAP SE
• Original Assignee: SAP SE
• Inventors: Gilboa, Yuval
• Primary Examiner(s): Mills, Frank D
• Application Number:
  US15/135,926
• Publication Number:
  US 20160239465A1
• Time in Patent Office: 1,208 Days
• Field of Search: 715763
• CPC Class Codes: G06F 2203/04803 Split screen, i.e. subdividing the display area or the window area into separate subareas
• CPC Class Codes: G06F 3/048 Interaction techniques based on graphical user interfaces [GUI]
• CPC Class Codes: G06F 3/0482 Interaction with lists of selectable items, e.g. menus
• CPC Class Codes: G06F 3/0484 for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
• CPC Class Codes: G06F 40/103 Formatting, i.e. changing of presentation of documents automatic justification G06F40/189; automatic line break hyphenation G06F40/191
• CPC Class Codes: G06F 40/143 Markup, e.g. Standard Generalized Markup Language [SGML] or Document Type Definition [DTD]
• CPC Class Codes: G06F 40/146 Coding or compression of tree-structured data
• CPC Class Codes: G06F 40/166 Editing, e.g. inserting or deleting
• CPC Class Codes: G06F 40/197 Version control for software G06F8/71
• CPC Class Codes: G06F 8/38 for implementing user interfaces
• CPC Class Codes: G06F 9/451 Execution arrangements for user interfaces
• CPC Class Codes: G06Q 10/067 Enterprise or organisation modelling

Abstract

A modeling system for universal specification of user interfaces. The system provides a means for defining user interfaces, including highly complex and dynamic user interfaces, in a manner that is independent of any implementation context. The modeling system leads from a user-friendly visual representation of the user interface, through progressively detailed specifications of structural and behavioral aspects of the user interface parts, until a rigorous definition of the user interface in all its contexts of use is achieved. Using the information captured in the model, tools that automatically generate the fully working user interface code can be built.

Claims

1. A method comprising:

displaying, on a display area of a frontend system, a first business function component associated with a first application logic to access a first business application provided in a backend system;

displaying, on the display area of the frontend system, a second business function component associated with a second application logic to access a second business application provided in the backend system;

forming a relationship between the first business function component and the second business function component;

creating a visual representation of a user interface based on the forming step;

generating a canonic representation of the visual representation of the user interface, wherein the canonic representation of the user interface comprises a first layer defining objects configured to be received from or sent to the first business application or the second business application, a second layer defining types of users that use the user interface, and a third layer defining the appearance of the user interface, wherein the second layer is derived from the first layer and the third layer is derived from the second layer; and

generating executable user interface code from the canonic representation, the user interface code being operable to access the first and second applications provided in the backend system to retrieve desired data and send the desired data to the frontend system for display on the display area of the frontend system.

2. The method of claim 1 further comprising:

sending the user interface code to the backend system for storage in a repository of the backend system,

wherein the first and second business applications are different applications provided in the backend system.

3. The method of claim 1, wherein the visual representation includes a third business function component that specifies a presentation format, the method further comprising:

sending the user interface code to the backend for storage in a repository of the backend system; and

receiving a request to access the user interface code from the frontend system, wherein the user interface code is executed in response to the request, the code being used to access the first and second applications provided in the backend system to retrieve data desired by the frontend system, wherein the data retrieved for the user is displayed on the display area of the frontend system according to presentation format specified by the third business function component.

4. The method of claim 1 further comprising:

storing a first identifier for the first business function component in the frontend system in conjunction with the displaying-a-first-business-function-component step; and

storing a second identifier for the second business function component in the frontend system in conjunction with the displaying-a-second-business-function-component step,

wherein the first and second identifiers are used subsequently by the frontend system at a runtime to access the first and second application logics, respectively.

5. The method of claim 4, wherein the first and second identifiers are inserted in the canonic representation.

6. The method of claim 5, wherein the canonic representation is based on an XML-based language, wherein the first and second applications may be the same application or different applications.

7. The method of claim 5, wherein the executable user interface code is a first executable user interface code, the method further comprising:

generating a second executable user interface code from the canonic representation, the second user interface code being operable to access the first and second applications provided in the backend system to retrieve desired data and send the desired data to the frontend system for display on the display area of the frontend system,

wherein the first code is compatible with a first platform and the second code is compatible with a second platform that is different from the first platform.

8. The method of claim 1 further comprising:

associating an operator to the second business function component; and

connecting an output port of the second business function component to an input port of the operator.

9. The method of claim 1, wherein the generated code does not require verification.

10. The method of claim 1, wherein the generated code does not require a performance tuning.

11. A non-transitory computer readable medium comprising a computer program, that when executed on a computer processor of a frontend system, causes the computer processor to:

display, on a display area of the frontend system, a first business function component associated with a first application logic to access a first business application provided in a backend system;

display, on the display area of the frontend system, a second business function component associated with a second application logic to access a second business application provided in the backend system;

form a relationship between the first business function component and the second business function component;

create a visual representation of a user interface based on the forming step;

generate a canonic representation of the visual representation of the user interface, wherein the canonic representation of the user interface comprises a first layer defining objects configured to be received from or sent to the first business application or the second business application, a second layer defining types of users that use the user interface, and a third layer defining the appearance of the user interface, wherein the second layer is derived from the first layer and the third layer is derived from the second layer; and

generate executable user interface code from the canonic representation, the user interface code being operable to access the first and second applications provided in the backend system to retrieve desired data and send the desired data to the frontend system for display on the display area of the frontend system.

12. The non-transitory computer readable medium of claim 11, wherein the computer program further causes the computer processor to:

send the user interface code to the backend system for storage in a repository of the backend system; and

receive a request to access the user interface code from the frontend system, wherein the user interface code is executed in response to the request, the code being used to access the first and second applications provided in the backend system to retrieve data desired by the frontend system, wherein the data retrieved for the second user is displayed on the display area of the frontend system according to presentation format specified by the third business function component.

13. The non-transitory computer readable medium of claim 11, wherein the computer program further causes the computer processor to:

store a first identifier for the first business function component in the frontend system; and

store a second identifier for the second business function component in the frontend system,

wherein the first and second identifiers are used subsequently by the frontend system at a runtime to access the first and second application logics, respectively.

14. The non-transitory computer readable medium of claim 13, wherein the first and second identifiers are inserted in the canonic representation.

15. The non-transitory computer readable medium of claim 14, wherein the executable user interface code is a first executable user interface code, wherein the computer program further causes the computer processor to:

generate a second executable user interface code from the canonic representation, the second user interface code being operable to access the first and second applications provided in the backend system to retrieve desired data and send the desired data to the frontend system for display on the display area of the frontend system,

wherein the first code is compatible with a first platform and the second code is compatible with a second platform that is different from the first platform.

16. The non-transitory computer readable medium of claim 11, wherein the computer program further causes the computer processor to:

associate an operator to the second business function component; and

connect an output port of the second business function component to an input port of the operator.

17. The non-transitory computer readable medium of claim 11, wherein the generated code does not require verification.

18. A frontend system comprising:

one or more computer processors; and

a non-transitory computer readable medium comprising a computer program, that when executed by the one or more computer processors, causes the one or more computer processors to;

display, on a display area of the frontend system, a first business function component associated with a first application logic to access a first business application provided in a backend system;

display, on the display area of the frontend system, a second business function component associated with a second application logic to access a second business application provided in the backend system;

form a relationship between the first business function component and the second business function component;

create a visual representation of a user interface based on the forming step;

generate a canonic representation of the visual representation of the user interface, wherein the canonic representation of the user interface comprises a first layer defining objects configured to be received from or sent to the first business application or the second business application, a second layer defining types of users that use the user interface, and a third layer defining the appearance of the user interface, wherein the second layer is derived from the first layer and the third layer is derived from the second layer; and

generate executable user interface code from the canonic representation, the user interface code being operable to access the first and second applications provided in the backend system to retrieve desired data and send the desired data to the frontend system for display on the display area of the frontend system.

19. The frontend system of claim 18, wherein the computer program, that when executed by the one or more computer processors, causes the one or more computer processors to:

send the user interface code to the backend system for storage in a repository of the backend system,

wherein the first and second business applications are different applications provided in the backend system.

20. The frontend system of claim 18, wherein the visual representation includes a third business function component that specifies a presentation format, wherein the computer program further causes the one or more computer processors to:

send the user interface code to the backend system for storage in a repository of the backend system; and

receive a request to access the user interface code from the frontend system, wherein the user interface code is executed in response to the request, the code being used to access the first and second applications provided in the backend system to retrieve data desired by the frontend system, wherein the data retrieved for the user is displayed on the display area of the frontend system according to presentation format specified by the third business function component.