IP Library Granted Patent US 11,010,536
Granted Patent B2
US 11,010,536 · App. 16/226,879 · Granted May 18, 2021

Systems and methods for dynamic web user interface generation

Inventors: Seeta Rama Hanumanula (Ashburn, VA); Jared D. Brower (Gaithersburg, MD); Yi Zhang (White Plains, NY)
Assignee: AINS, INC.
G06F40/14G06F3/0484G06F8/20
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 11,010,536
App. No.
16/226,879
Granted
May 18, 2021
Kind
B2
Abstract

Embodiments are described including platforms and methods used for generating dynamic web forms that are configured for a plurality of screen sizes, using relative units to determine the size of form elements, and developer-configured layouts for each screen size. A template of the dynamic web form can be generated using input from the developer. This template may contain a set of logical rules that alter the appearance or functionality of the web form based on the state and rendered display size of the dynamic web form. This template can be used to generate markup that includes the information necessary to display the web form at any of the configured layouts. Any previously configured property of the template may be modified in the future, and the modified version redistributed if desired.

Claims (61)

1. A method, for a form creator, of generating a dynamic web form on an end user computing device comprising:

providing a server with a web server application stored thereon and a database in communication with the server;

a form creator computing device accessing the web server application; in response, the accessed web server application:

generates a graphical user interface on the form creator computing device;

captures input from the form creator computing device through the graphical user interface to create a template of a set of web form interface elements along with a set of accompanying rules;

stores the created template to the database;

an end user computing device sending a request to the web server application, wherein the request contains information about display size of the end user computing device;

in response to the request, retrieving the stored template and dynamically generating a code set specific to the end user computing device from the template based on the information about the display size of the end user computing device contained in the request;

sending the generated code set to the end user computing device; and

displaying a web form on the end user computing device from the generated code set for the end user to input information in to.

2. The method of claim 1 , wherein:

the stored template contains a first web form interface element having a first rule for a first display size as defined by the form creator;

in response to the request from the end user computing device, which indicates the end user computing device is the first display size, the first rule is used to generate the code sent to the end user computing device; and

the sent code includes code that renders a first user interface element on the web form having a first behavior characteristic.

3. The method of claim 2 , wherein the first behavior characteristic is saving input form data such that when the first user interface element is selected, the first behavior characteristic causes the generated code to send data input to the web form for storage on a database.

4. The method of claim 3 , wherein text is rendered on the first user interface element and the rendered text is the word “submit”.

5. The method of claim 2 , wherein:

the first web form interface element contained on the stored template having a second rule for a second display size as defined by the form creator;

in response to the request from the end user computing device, which indicates the end user computing device is the second display size, the second rule is used to generate the code sent to the end user computing device; and

the sent code includes code that renders a second user interface element on a first page of the web form having a second behavior characteristic.

6. The method of claim 5 , wherein the second behavior characteristic is saving partial input form data and causing a second page of the web form to be rendered such that when the second user interface element is selected, the second behavior characteristic causes the generated code to send the data input on the first page of the web form for storage on a database and sends a second request to the web server application, wherein the second request contains information that the end user has completed entering data into the first page of the web form;

in response to the second request, dynamically generating an additional code set specific to the end user computing device;

sending the additional generated code to the end user computing device; and

rendering a second page of the web form on the end user computing device for the end user to input information in to; and

the sent code includes code that renders a third user interface element on the second page of the web form having a third behavior characteristic, such that when selected, the third characteristic behavior causes the generated code to send data input to the second page of the web form for storage on the database.

7. The method of claim 6 wherein:

text is rendered on the second user interface element and the rendered text is the word “next”; and

text is rendered on the third user interface element and the rendered text is the word “submit”.

8. The method of claim 1 further compromising:

retrieving the stored template;

accepting modifications, by the form creator, of the set of web form interface elements along with the set of accompanying rules of the stored template; and

storing the modified template to the database.

9. The method of claim 1 , wherein the generated code is a hypertext markup language file and a cascading style sheet file that contains media queries.

10. The method of claim 1 , wherein the rules in the stored template define display characteristics of the web form interface elements on the end user computing device based on the display sizes compromising handheld devices, tablets and desktops.

11. A dynamic web form generation server, for a form creator to create a dynamic web form, comprising:

a processor; and

a non-transitory computer-readable medium comprising a web server application stored thereon, the web server application comprising program instructions, the execution of which by the processor causing the web form generation server to:

generate a graphical user interface on a form creator computing device;

capture input from the form creator computing device through the graphical user interface to create a template of a set of web form interface elements along with a set of accompanying rules;

store the created template to a database;

receive a request from an end user computing device, wherein the request contains information about display size of the end user computing device;

in response to the request, retrieve the stored template and dynamically generate a code set specific to the end user computing device from the template based on the information about the display size of the end user computing device contained in the request; and

send the generated code set to the end user computing device for displaying a web form on the end user computing device from the generated code set for the end user to input information in to.

12. The dynamic web form generation server of claim 11 , wherein:

the stored template contains a first web form interface element having a first rule for a first display size as defined by the form creator;

in response to the request from the end user computing device, which indicates the end user computing device is the first display size, the first rule is used to generate the code sent to the end user computing device;

the sent code includes code that renders a first user interface element on the web form having a first behavior characteristic.

13. The dynamic web form generation server of claim 12 , wherein the first behavior characteristic is saving input form data such that when the first user interface element is selected, the first behavior characteristic causes the generated code to send data input to the web form for storage on a database.

14. The dynamic web form generation server of claim 11 further compromising the execution of the web server causing the web form generation server to:

retrieve the stored template;

accept modifications, by the form creator, of the set of web form interface elements along with the set of accompanying rules of the stored template; and

store the modified template to the database.

15. The dynamic web form generation server of claim 11 , wherein the generated code is a hypertext markup language file and a cascading style sheet file that contains media queries.

16. The dynamic web form generation server of claim 11 , wherein the rules in the stored template define display characteristics of the web form interface elements on the end user computing device based on the display sizes compromising handheld devices, tablets and desktops.

17. A non-transitory computer-readable medium comprising a web server application stored thereon and comprising program instructions, for a form creator to generate a dynamic web form, which when executed by at least one computer processor implements a method, wherein the method includes:

generating a graphical user interface on a form creator computing device;

capturing input from the form creator computing device through the graphical user interface to create a template of a set of web form interface elements along with a set of accompanying rules;

storing the created template to a database;

receiving a request from an end user computing device, wherein the request contains information about display size of the end user computing device;

in response to the request, retrieving the stored template and dynamically generating a code set specific to the end user computing device from the template based on the information about the display size of the end user computing device contained in the request; and

sending the generated code set to the end user computing device for displaying a web form on the end user computing device from the generated code set for the end user to input information in to.

Assignments (6)
RELEASE OF SECURITY INTEREST Recorded Jan 23, 2025
From: MS PRIVATE CREDIT ADMINISTRATIVE SERVICES LLC
To: AINS, LLC
Reel/Frame 069975/0916 →
SECURITY INTEREST Recorded Jan 22, 2025
From: AINS, LLC; CASEPOINT, LLC
To: CCP AGENCY, LLC
Reel/Frame 069972/0130 →
NUNC PRO TUNC ASSIGNMENT Recorded Dec 7, 2024
From: AINS, INC.
To: AINS, LLC
Reel/Frame 069517/0140 →
NUNC PRO TUNC ASSIGNMENT Recorded Dec 7, 2024
From: AINS, LLC
To: AINS, LLC
Reel/Frame 069517/0142 →
SECURITY INTEREST Recorded Nov 4, 2021
From: AINS, LLC
To: MS PRIVATE CREDIT ADMINISTRATIVE SERVICES LLC, AS ADMINISTRATIVE AGENT
Reel/Frame 058016/0851 →
ASSIGNMENT OF ASSIGNOR'S INTEREST Recorded Mar 19, 2021
From: HANUMANULA, SEETA RAMA; BROWER, JARED D.; ZHANG, YI
To: AINS, INC.
Reel/Frame 055665/0511 →
Continuity (1)
Related Publication 20200201936A1 · Jun 25, 2020