IP Library Granted Patent US 12,210,855
Granted Patent B2
US 12,210,855 · App. 17/767,552 · Granted Jan 28, 2025

Method and apparatus for rendering dynamic user interfaces

Inventors: Vipul Choure (Indore, IN); Renu Rathod (Indore, IN); Hariprapanna Mishra (Indore, IN)
Assignee: RAKUTEN SYMPHONY, INC.
G06F8/38G06F8/34
View Patent ↗
Loading inventors, assignments & file history…
Monitor This Case
Get email alerts when status or documents change.
Order Certified Copies
Most orders are placed with the USPTO same day — all within 24 business hours.
Order via The Patent Place →
Pre-filled with this patent's details
Quick Facts
Patent No.
US 12,210,855
App. No.
17/767,552
Granted
Jan 28, 2025
Kind
B2
Abstract

This disclosure provides methods, apparatuses, and computer-readable mediums for rendering a dynamic user interface (UI). In an aspect, a method comprises obtaining a plurality of resources of an entity, and presenting the plurality of resources to a user. The method further comprises receiving, from the user, at least one request to include one or more resources of the plurality of resources in a UI view. The method further comprises creating, based on the at least one request from the user, a UI configuration of the UI view. The UI configuration comprises view information, in a JavaScript Object Notation (JSON) format, of the one or more resources of the plurality of resources to be included in the UI view. The method further comprises generating an identifier for the UI view, associating the identifier of the UI view with the entity, and storing the UI configuration in a database.

Claims (100)

1. A method of rendering a dynamic user interface (UI) by an apparatus, wherein the dynamic UI includes a dynamic form to be filled out by a user, the method comprising:

obtaining, by a processor of the apparatus, a plurality of resources of an entity, the plurality of resources comprising parameter-level information;

presenting, by the processor, the plurality of resources to a user;

receiving, by the processor from the user and at a second time after a deployment of the dynamic form, wherein the dynamic form is deployed at a first time, at least one request to include one or more resources of the plurality of resources in a UI view, wherein the one or more resources includes an additional requirement for the form added using a drag-and-drop operation;

creating, by the processor based on the at least one request from the user, a UI configuration of the UI view, the UI configuration comprising view information, in a JavaScript Object Notation (JSON) format, of the one or more resources of the plurality of resources to be included in the UI view;

generating, by the processor, an identifier for the UI view;

associating, by the processor, the identifier of the UI view with the entity, wherein the entity is a work flow;

storing, by the processor, the UI configuration in a database;

receiving a request to execute the work flow; and

rendering the dynamic form at a third time of the request, thereby including the additional requirement in the form, wherein the third time is after the second time, and the second time is after the first time.

2. The method of claim 1 , further comprising:

retrieving, by the processor, the UI configuration from the database, using the identifier of the UI view;

parsing, by the processor, one or more JSON fields of the UI configuration; and

performing the rendering, by the processor based on the one or more JSON fields of the UI configuration, the UI view.

3. The method of claim 2 , wherein the rendering of the UI view comprises displaying, by the processor to the user, the UI view.

4. The method of claim 2 , further comprising:

receiving, by the processor from the user, validation information of a resource of the one or more resources of the plurality of resources included in the UI view; and

adding, by the processor, the validation information to the UI configuration of the UI view,

wherein the rendering of the UI view comprises performing, by the processor, input validation of the resource according to the validation information.

5. The method of claim 1 , wherein:

the presenting of the plurality of resources to the user comprises displaying, by the processor to the user in a first display area, a list of resource indications corresponding to the plurality of resources of the entity; and

the receiving of the at least one request comprises:

dragging, by the user, a resource indication of the list of resource indications from the first display area to a second display area, the second display area being different from the first display area;

dropping, by the user, the resource indication of the list of resource indications on the second display area; and

determining, by the processor based on the dragging of the resource indication from the first display area and the dropping of the resource indication on the second display area, that the user has selected a resource of the plurality of resources corresponding to the resource indication for inclusion in the UI view.

6. The method of claim 1 , further comprising:

generating, by the processor based on the UI configuration, a preview of the UI view; and

displaying, by the processor to the user, the preview of the UI view.

7. The method of claim 1 , further comprising:

receiving, by the processor from the user, additional UI configuration information comprising at least one of a resource label, a placeholder text, a suffix label, and a default value; and

adding, by the processor, the additional UI configuration information to the UI configuration.

8. The method of claim 1 , further comprising:

receiving, by the processor from the user, a modification request identifying a particular resource of the one or more resources of the plurality of resources included in the UI view;

displaying, by the processor to the user, particular configuration information corresponding to the particular resource;

receiving, by the processor from the user, one or more modifications to the particular configuration information;

updating, by the processor based on the one or more modifications to the particular configuration information from the user, the UI configuration of the UI view, resulting in an updated UI configuration; and

storing, by the processor, the updated UI configuration in the database.

9. An apparatus for rendering a dynamic user interface (UI), wherein the dynamic UI includes a dynamic form to be filled out by a user, the apparatus comprising:

a memory storage storing computer-executable instructions; and

a processor communicatively coupled to the memory storage, wherein the processor is configured to execute the computer-executable instructions and cause the apparatus to:

obtain a plurality of resources of an entity, the plurality of resources comprising parameter-level information;

present the plurality of resources to a user;

receive, from the user and at a second time after a deployment of the dynamic form, wherein the dynamic form is deployed at a first time, at least one request to include one or more resources of the plurality of resources in a UI view, wherein the one or more resources includes an additional requirement for the form added using a drag-and-drop operation;

create, based on the at least one request from the user, a UI configuration of the UI view, the UI configuration comprising view information, in a JavaScript Object Notation (JSON) format, of the one or more resources of the plurality of resources to be included in the UI view;

generate an identifier for the UI view;

associate the identifier of the UI view with the entity, wherein the entity is a work flow;

store the UI configuration in a database;

receive a request to execute the work flow; and

render the dynamic form at a third time of the request, thereby including the additional requirement in the form, wherein the third time is after the second time, and the second time is after the first time.

10. The apparatus of claim 9 , wherein the computer-executable instructions, when executed by the processor, further cause the apparatus to:

retrieve the UI configuration from the database, using the identifier of the UI view;

parse one or more JSON fields of the UI configuration; and

render, based on the one or more JSON fields of the UI configuration, the UI view.

11. The apparatus of claim 10 , wherein the computer-executable instructions to render the UI view further cause the apparatus to display, to the user, the UI view.

12. The apparatus of claim 10 , wherein the computer-executable instructions, when executed by the processor, further cause the apparatus to:

receive, from the user, validation information of a resource of the one or more resources of the plurality of resources included in the UI view; and

add the validation information to the UI configuration of the UI view; and

wherein the computer-executable instructions to render the UI view further cause the apparatus to perform input validation of the resource according to the validation information.

13. The apparatus of claim 9 , wherein:

the computer-executable instructions to present the plurality of resources to the user further cause the apparatus to display, to the user in a first display area, a list of resource indications corresponding to the plurality of resources of the entity; and

the computer-executable instructions to receive the at least one request further cause the apparatus to:

drag, by the user, a resource indication of the list of resource indications from the first display area to a second display area, the second display area being different from the first display area;

drop, by the user, the resource indication of the list of resource indications on the second display area; and

determine, based on the dragging of the resource indication from the first display area and the dropping of the resource indication on the second display area, that the user has selected a resource of the plurality of resources corresponding to the resource indication for inclusion in the UI view.

14. The apparatus of claim 9 , wherein the computer-executable instructions, when executed by the processor, further cause the apparatus to:

generate, based on the UI configuration, a preview of the UI view; and

display, to the user, the preview of the UI view.

15. The apparatus of claim 9 , wherein the computer-executable instructions, when executed by the processor, further cause the apparatus to:

receive, from the user, additional UI configuration information comprising at least one of a resource label, a placeholder text, a suffix label, and a default value; and

add the additional UI configuration information to the UI configuration.

16. The apparatus of claim 9 , wherein the computer-executable instructions, when executed by the processor, further cause the apparatus to:

receive, from the user, a modification request identifying a particular resource of the one or more resources of the plurality of resources included in the UI view;

display, to the user, particular configuration information corresponding to the particular resource;

receive, from the user, one or more modifications to the particular configuration information;

update, based on the one or more modifications to the particular configuration information from the user, the UI configuration of the UI view, resulting in an updated UI configuration; and

store the updated UI configuration in the database.

17. A non-transitory computer-readable medium comprising computer-executable instructions for rendering a dynamic user interface (UI) by an apparatus, wherein the computer-executable instructions, when executed by at least one processor of the apparatus, cause the apparatus to:

obtain a plurality of resources of an entity, the plurality of resources comprising parameter-level information;

present the plurality of resources to a user;

receive, from the user and at a second time after a deployment of the dynamic form, wherein the dynamic form is deployed at a first time, at least one request to include one or more resources of the plurality of resources in a UI view, wherein the one or more resources includes an additional requirement for the form added using a drag-and-drop operation;

create, based on the at least one request from the user, a UI configuration of the UI view, the UI configuration comprising view information, in a JavaScript Object Notation (JSON) format, of the one or more resources of the plurality of resources to be included in the UI view;

generate an identifier for the UI view;

associate the identifier of the UI view with the entity, wherein the entity is a work flow;

store the UI configuration in a database;

receive a request to execute the work flow; and

render the dynamic form at a third time of the request, thereby including the additional requirement in the form, wherein the third time is after the second time, and the second time is after the first time.

18. The non-transitory computer-readable medium of claim 17 , wherein the computer-executable instructions, when executed by the at least one processor, further cause the apparatus to:

retrieve the UI configuration from the database, using the identifier of the UI view;

parse one or more JSON fields of the UI configuration; and

render, based on the one or more JSON fields of the UI configuration, the UI view.

19. The non-transitory computer-readable medium of claim 18 , wherein the computer-executable instructions, when executed by the at least one processor, further cause the apparatus to:

receive, from the user, validation information of a resource of the one or more resources of the plurality of resources included in the UI view; and

add the validation information to the UI configuration of the UI view; and

wherein the computer-executable instructions to render the UI view further cause the apparatus to perform input validation of the resource according to the validation information.

20. The non-transitory computer-readable medium of claim 17 , wherein:

the computer-executable instructions to present the plurality of resources to the user further cause the apparatus to display, to the user in a first display area, a list of resource indications corresponding to the plurality of resources of the entity; and

the computer-executable instructions to receive the at least one request further cause the apparatus to:

drag, by the user, a resource indication of the list of resource indications from the first display area to a second display area, the second display area being different from the first display area;

drop, by the user, the resource indication of the list of resource indications on the second display area; and

determine, based on the dragging of the resource indication from the first display area and the dropping of the resource indication on the second display area, that the user has selected a resource of the plurality of resources corresponding to the resource indication for inclusion in the UI view.

Assignments (2)
ASSIGNMENT OF ASSIGNOR'S INTEREST Recorded Jul 22, 2024
From: RAKUTEN SYMPHONY SINGAPORE PTE LTD
To: RAKUTEN SYMPHONY, INC.
Reel/Frame 068466/0598 →
ASSIGNMENT OF ASSIGNOR'S INTEREST Recorded Apr 8, 2022
From: CHOURE, VIPUL; RATHOD, RENU; MISHRA, HARIPRAPANNA
To: RAKUTEN SYMPHONY SINGAPORE PTE. LTD
Reel/Frame 059548/0162 →
Continuity (1)
Related Publication 20240078094A1 · Mar 7, 2024
References Cited (4)
US 20140245196A1 · Zheng · 2014 [cited by examiner]
US 20180239507A1 · Bui et al. · 2018 [cited by applicant]
US 20200125336A1 · Mills · 2020 [cited by examiner]
US 20230143922A1 · Cosareanu · 2023 [cited by examiner]