Restoration of UI state in transactional systems

• US 10,452,497 B2
• Filed: 02/26/2016
• Issued: 10/22/2019
• Est. Priority Date: 08/14/2015
• Status: Active Grant

• Current Assignee: Oracle International Corporation (Oracle Corporation)
• Original Assignee: Oracle International Corporation (Oracle Corporation)
• Inventors: Straub, Christian David, Liu, Peter, Subramaniam, Pavitra
• Primary Examiner(s): Truong, Dennis
• Application Number:
  US15/054,755
• Publication Number:
  US 20170046235A1
• Time in Patent Office: 1,334 Days
• Field of Search: 707E17007, 707E17032, 707679, 707647, 707650, 707654, 717110
• CPC Class Codes: G06F 11/1474 in transactions G06F16/20 takes precedence
• CPC Class Codes: G06F 16/2379 Updates performed during online database operations; commit processing
• CPC Class Codes: G06F 16/958 Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
• CPC Class Codes: G06F 2201/87 Monitoring of transactions
• CPC Class Codes: G06F 8/35 model driven
• CPC Class Codes: G06F 8/38 for implementing user interfaces
• CPC Class Codes: G06F 9/451 Execution arrangements for user interfaces

Abstract

A system restores a user interface (“UI”) state. The system receives an action performed by a user that interacts with a UI, and determines a transaction based on the action, where the transaction is configured to modify a model corresponding to the UI. The system stores a first UI state of the UI and a first model state of the model, and then commits the transaction. The system subsequently determines to undo the transaction based on a first user interaction. The system then restores the UI to the first UI state and the model to the first model state. In one embodiment, the first model state is restored before undoing the transaction, while the first UI state is restored after undoing the transaction.

Claims

1. A non-transitory computer readable medium having instructions stored thereon that, when executed by a processor, cause the processor to restore a user interface (UI) state, the restoring comprising:

receiving an action performed by a user that interacts with a UI, wherein the UI includes a first UI area that comprises a plurality of first UI components and a second UI area that comprises a plurality of second UI components, the UI simultaneously displaying the first UI area and the second UI area;

determining a transaction based on the action, wherein the transaction is configured to modify a model corresponding to the UI and configured to change a visual representation of at least one of the first UI area or the second UI area, the change configured to not be recorded in the model of a model layer of a model-view-controller (MVC) architecture, wherein the UI comprises a view layer of the MVC architecture;

before committing the transaction, storing a first UI state of the UI and a first model state of the model, wherein the first UI state comprises states of the first UI area and the second UI area that are stored independently of one another and comprises a state of the visual representation of each of the UI areas when rendered;

committing the transaction to modify the model and to change the visual representation of at least one of the first UI area or the second UI area;

determining to undo the transaction based on a first user interaction; and

restoring the UI to the first UI state and the model to the first model state, wherein the states of the first UI area and the second UI area are restored independently of one another.

2. The computer readable medium of claim 1, wherein the first model state is restored before undoing the transaction, wherein the first UI state is restored after undoing the transaction.

3. The computer readable medium of claim 1, wherein a second UI state of the UI and a second model state of the model are stored after the transaction is committed and before the first user interaction.

4. The computer readable medium of claim 3, wherein the instructions, when executed by the processor, further cause the processor to:

determine to redo the transaction based on a second user interaction; and

restore the UI to the second UI state and the model to the second model state.

5. The computer readable medium of claim 4, wherein the second model state is restored before redoing the transaction, wherein the second UI state is restored after redoing the transaction.

6. The computer readable medium of claim 1, wherein the action is received by a web browser of a client device of the user, wherein the user interacts with a website corresponding to a server that hosts the UI.

7. The computer readable medium of claim 1, wherein the change the visual representation of at least one of the first UI area or the second UI area comprises changing a color using a color picker.

8. The computer readable medium of claim 1, wherein the transaction constitutes a number of related model changes and the model comprises a page schema.

9. The computer readable medium of claim 1, wherein the transaction is committed if no errors occur during its execution.

10. The computer readable medium of claim 1, wherein the first UI area comprises a main content area and the second UI area comprises a sidebar, wherein the transaction comprises a change in the main content area, wherein the change causes a corresponding change in the sidebar.

11. The computer readable medium of claim 1, wherein the transaction comprises at least one UI change that is tracked by UI states but is not tracked by model states.

12. A method of restoring a user interface (UI) state, the method comprising:

receiving an action performed by a user that interacts with a UI, wherein the UI includes a first UI area that comprises a plurality of first UI components and a second UI area that comprises a plurality of second UI components, the UI simultaneously displaying the first UI area and the second UI area;

determining a transaction based on the action, wherein the transaction is configured to modify a model corresponding to the UI and configured to change a visual representation of at least one of the first UI area or the second UI area, the change configured to not be recorded in the model of a model layer of a model-view-controller (MVC) architecture, wherein the UI comprises a view layer of the MVC architecture;

before committing the transaction, storing a first UI state of the UI and a first model state of the model, wherein the first UI state comprises states of the first UI area and the second UI area that are stored independently of one another and comprises a state of the visual representation of each of the UI areas when rendered;

committing the transaction to modify the model and to change the visual representation of at least one of the first UI area or the second UI area;

determining to undo the transaction based on a first user interaction; and

restoring the UI to the first UI state and the model to the first model state, wherein the states of the first UI area and the second UI area are restored independently of one another.

13. The method of claim 12, wherein the first model state is restored before undoing the transaction, wherein the first UI state is restored after undoing the transaction.

14. The method of claim 12, wherein a second UI state of the UI and a second model state of the model are stored after the transaction is committed and before the first user interaction.

15. The method of claim 14, further comprising:

determining to redo the transaction based on a second user interaction; and

restoring the UI to the second UI state and the model to the second model state.

16. The method of claim 15, wherein the second model state is restored before redoing the transaction, wherein the second UI state is restored after redoing the transaction.

17. The method of claim 12, wherein the action is received by a web browser of a client device of the user, wherein the user interacts with a website corresponding to a server that hosts the UI.

18. The method of claim 12, wherein the change the visual representation of at least one of the first UI area or the second UI area comprises changing a color using a color picker and the model comprises a page schema.

19. The method of claim 12, wherein the transaction constitutes a number of related model changes.

20. A system comprising:

a storage device that stores instructions; and

a processor configured to execute the instructions, wherein the instructions, when executed by the processor, cause the processor to restore a user interface (UI) state, the restoring comprising;

receiving an action performed by a user that interacts with a UI, wherein the UI includes a first UI area that comprises a plurality of first UI components and a second UI area that comprises a plurality of second UI components, the UI simultaneously displaying the first UI area and the second UI area;

determining a transaction based on the action, wherein the transaction is configured to modify a model corresponding to the UI and configured to change a visual representation of at least one of the first UI area or the second UI area, the change configured to not be recorded in the model of a model layer of a model-view-controller (MVC) architecture, wherein the UI comprises a view layer of the MVC architecture;

before committing the transaction, storing a first UI state of the UI and a first model state of the model, wherein the first UI state comprises states of the first UI area and the second UI area that are stored independently of one another and comprises a state of the visual representation of each of the UI areas when rendered;

committing the transaction to modify the model and to change the visual representation of at least one of the first UI area or the second UI area;

determining to undo the transaction based on a first user interaction; and

restoring the UI to the first UI state and the model to the first model state, wherein the states of the first UI area and the second UI area are restored independently of one another.