User interface common components and scalable integrable reusable isolated user interface

Patent metadata

Field	Value
Publication number	US-11023213-B2
Application number	US-202016871387-A
Country	US
Kind code	B2
Filing date	May 11, 2020
Priority date	Jun 10, 2019
Publication date	Jun 1, 2021
Grant date	Jun 1, 2021

Abstract

Disclosed are examples related to building a customized data collection widget. Building of the customized data collection widget includes receiving a selection of several universal modules for inclusion in the widget. Each universal module of the selected several universal modules may include programming code that causes rendering of user-fillable data fields on a display, and a summary page including data requirements of the respective universal module. Based on the data requirements in a summary page of each respective universal module of the selected several universal modules, the selected several universal modules retrieved from a module repository may be combined in a customized data collection container stored in a composite repository. The selected customized data collection container may be combined with selected other data collection containers to form a uniquely identifiable, customized data collection widget. The customized data collection widget may be delivered to the composite repository.

First claim

What is claimed is:

1. A system, comprising:
a module repository included in a storage device that stores a plurality of universal modules that make up a data input and presentation flow, wherein each universal module includes computer application code that renders information on a display, data fields that store data and a summary page of data requirements for each universal module; and
a pipeline processing component including a processor coupled to the module repository, wherein the pipeline processing component is operable to execute programming code, and the pipeline processing component when executing the programming code performs functions, including functions to:
identify data dependencies between a first universal module and a second universal module, wherein the first universal module is selected from the plurality of universal modules in the module repository to obtain first data from a user interface and the second universal module is selected from the plurality of universal modules in the module repository to obtain second data from the user interface;
validate the selected first universal module by comparing the first data obtained by the selected first universal module with data collection requirements in the summary page of the selected first universal module;
validate the selected second universal module by comparing the second data obtained by the selected second universal module with data collection requirements in the summary page of the selected second universal module;
based on the validations being successful, couple the first universal module to the second universal module to form a first set of coupled universal modules;
populate a data collection container with the first set of coupled universal modules, wherein a unique identifier identifies the data collection container; and
provide a data collection widget including the data collection container populated with the first set of coupled universal modules for delivery to a website.

2. The system of claim 1 , further comprising:
a composite repository storing a plurality of data collection containers, wherein each container of the plurality of data collection containers includes two or more universal modules,
wherein the pipeline processing component performs further functions to:
provide the data collection container populated with the first set of coupled universal modules to a composite repository, the composite repository being configured for storing a plurality of data collection containers, wherein each container of the plurality of data collection containers includes two or more universal modules; and
in response to a request, combine two or more data collection containers from the composite repository to provide the data collection widget for delivery to a website associated with a user interface.

3. The system of claim 2 , wherein the pipeline processing component is further operable to execute programming code causing the pipeline processing component to perform functions of:
identify another container stored in the composite repository that is to be associated with the container populated with the first set of coupled universal modules, wherein the other container includes a second set of coupled universal modules operable to obtain data different from the data obtained by the first set of coupled universal modules.

4. The system of claim 1 , wherein the pipeline processing component performs further functions to:
select the first universal module from the plurality of universal modules stored in the module repository; and
select the second universal module from the plurality of universal modules stored in the module repository.

5. The system of claim 1 , the pipeline processing component, when coupling the second universal module to the first universal module to form the first set of coupled universal modules, is further operable to execute programming code causing the pipeline processing component to perform functions to:
compile the computer application code in the first universal module and the computer application code in the second universal module into executable programming code that renders the data fields of the first universal module and the second universal module in a window of a webpage.

6. The system of claim 1 , wherein the second universal module is operable to:
upon receipt of the summary page of the first universal module, evaluate the summary page of the first universal module to confirm that any data obtained via the data fields presented by the first universal module is valid.

7. A method, comprising:
receiving a selection of several universal modules for inclusion in a widget presented on a website, wherein each respective universal module of the selected several universal modules includes:
executable programming code that causes rendering of user-fillable data fields on a display device, and
a summary page including data requirements of the respective universal module;

retrieving the selected several universal modules from a module repository;
storing a customized data collection container in a composite repository with a plurality of other data collection containers, wherein each of the other data collection containers of the plurality of other data collection containers includes one or more universal modules;
combining the customized data collection container and a selected one or more other data collection containers to form a customized data collection widget in the composite repository, wherein the customized data collection widget is uniquely identifiable from other widgets stored in the composite repository;
utilizing summary pages from each of the respective universal modules for validation of the data collection containers in the customized data collection widget, wherein the validation includes:
validating each of the selected several universal modules by comparing a summary page of each respective universal module to one another; and
in response to a successful validation based upon a result of the comparing, generating an indication that the customized data collection widget is suitable for distribution to a third party that sent the received selection of the several universal modules; and
delivering the customized data collection widget to a website.

8. The method of claim 7 , wherein combining the selected several universal modules further comprises:
identifying a client style for each of the selected several universal modules in the customized data collection container, wherein the identified client style is based on an input from a third party;
identifying a universal style for each of the selected several universal modules in the customized data collection container, wherein the identified universal style is based on data obtained by each respective universal module of the selected several universal modules; and
compiling the identified client style and identified universal style as presentation elements into the executable code stored in each of the selected several universal modules in the customized data collection container, wherein the presentation elements provide programming code that builds a website widget having an appearance substantially unique to the customized data collection widget.

9. The method of claim 7 , wherein utilizing the summary pages from each of the respective universal modules for validation further comprises:
validating the customized data collection widget based on a comparison to a data contract related to a service associated with the customized data collection widget; and
in response to a successful validation based upon a result of the comparison, generating an indication that the customized data collection widget is suitable for being de

Assignees

• Capital One Services Llc

Inventors

• Patel Kush
• Guo Jiaxin
• Dasa Venkatasudharsan
• Kancharla Gopi
• Pitz Justin
• Smith Charles E

Classifications

• G06F3/0481

  based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance · CPC title

• G06F8/71

  Version control (security arrangements therefor G06F21/57); Configuration management · CPC title

• G06F9/451

  Execution arrangements for user interfaces · CPC title

• G06F8/38 Primary

  for implementing user interfaces · CPC title

• G06F21/44

  Program or device authentication · CPC title