Declarative interface for interaction design
Systems and Methods of the current disclosure may provide customized webpages. A client device of the system may retrieve a profile corresponding to a user. The client device may further receive a deck including a set of packs, with each pack including a set of cards. As defined herein, a deck corresponds to a workflow (i.e., a series of webpages), while each pack includes context specific user-interface elements which make up a webpage. Further, a card may correspond to one or more elements of the webpage. The client device renders and displays webpages locally by selecting elements to be displayed on the webpage based on a details corresponding to a user of the client device. In other words, the client device creates webpages by selecting one or more cards for each pack of the deck based on details indicated in the profile.
1. A computer-implemented method for rendering customized webpages, the method comprising:
retrieving a deck corresponding to a series of webpages, the deck comprising a set of packs, wherein:
each pack of the set of packs corresponds to a single webpage in the series of webpages;
each pack of the set of packs includes a set of cards corresponding to one or more elements to be rendered in the single webpage; and
each card of the set of cards includes a linkage indication corresponding to an amount of linkages between each card of the set of cards to one or more other cards of a plurality of cards in the deck;
assigning a weight to each card of the set of cards based at least in part upon their linkage indication such that a larger weight corresponds to a greater amount of linkages and a lower weight corresponds to a lesser amount of linkages;
selecting, for a first pack of the set of packs, one or more cards from the respective set of cards based at least in part upon the weight of each card;
rendering a first webpage corresponding to the first pack based on the corresponding selected one or more cards for the first pack; and
displaying, via a user-interface of a client device, the first webpage.
2. The computer-implemented method of claim 1 , further comprising:
receiving, via the user-interface of the client device, one or more user inputs; and
selecting one or more cards from the set of cards corresponding to a second pack from the deck based on the one or more user inputs.
3. The computer-implemented method of claim 1 , wherein each card of the set of cards includes an indication of a reference to one or more other cards of the set of cards.
4. The computer-implemented method of claim 1 , wherein each card of the set of cards is a function including a configuration section.
5. The computer-implemented method of claim 1 , wherein each card of the set of cards includes an indication of one of a graphic display, a text input field, a selectable icon, a selectable link, a font, a color, and a layout.
6. The computer-implemented method of claim 1 , further comprising:
transmitting, via a computer network, an indication of each card of the one or more selected cards for the pack of the deck from a server to the client device.
7. The computer-implemented method of claim 6 , further comprising:
storing, at a database communicatively coupled to the server, the indication of each card of the selected one or more cards; and
altering, the weight assigned to each card of the selected one or more cards.
8. The computer-implemented method of claim 1 , wherein the selecting one or more cards includes:
selecting, for the first pack of the set of packs, one or more cards from the respective set of cards based at least in part upon the weight of each card and a user profile.
9. A system for rendering customized webpages, the system comprising:
a client device; and
a server including one or more processors and one or more memories including instructions that, when executed by the one or more processors, causes the server to perform:
retrieving a deck corresponding to a series of webpages, the deck comprising a set of packs, wherein:
each pack of the set of packs corresponds to a single webpage in the series of webpages;
each pack of the set of packs includes a set of cards corresponding to one or more elements to be rendered in the single webpage; and
each card of the set of cards includes a linkage indication corresponding to an amount of linkages between each card of the set of cards to one or more other cards of a plurality of cards in the deck;
assigning a weight to each card of the set of cards based at least in part upon their linkage indication such that a larger weight corresponds to a greater amount of linkages and a lower weight corresponds to a lesser amount of linkages;
selecting, for a first pack of the set of packs, one or more cards from the respective set of cards based at least in part upon the weight of each card;
rendering a first webpage corresponding to the first pack based on the corresponding selected one or more cards for the first pack; and
displaying, via a user-interface of a client device, the first webpage.
10. The system of claim 9 , wherein the one or more memories, when executed by the one or more processors, further causes the server to perform:
receiving, via the user-interface of the client device, one or more user inputs; and
selecting one or more cards from the set of cards corresponding to a second pack from the deck based on the one or more user inputs.
11. The system of claim 9 , wherein each card of the set of cards includes an indication of a reference to one or more other cards of the set of cards.
12. The system of claim 9 , wherein each card of the set of cards is a function including a configuration section.
13. The system of claim 9 , wherein each card of the set of cards includes an indication of one of a graphic display, a text input field, a selectable icon, a selectable link, a font, a color, and a layout.
14. The system of claim 9 , wherein the one or more memories, when executed by the one or more processors, further causes the server to perform:
transmitting, to the client device via a computer network, an indication of each card of the one or more selected cards for the pack of the deck from a server to the client device.
15. The system of claim 14 , wherein the one or more memories, when executed by the one or more processors, further causes the server to perform:
storing, at a database communicatively coupled to the server, the indication of each card of the selected one or more cards; and
altering, the weight assigned to each card of the selected one or more cards.
16. The system of claim 14 , wherein the selecting one or more cards includes:
selecting, for the first pack of the set of packs, one or more cards from the respective set of cards based at least in part upon the weight of each card and a user profile.
17. A non-transitory tangible computer-readable medium including computer readable instructions that, when executed by one or more processors, causes the one or more processors to perform:
retrieving a deck corresponding to a series of webpages, the deck comprising a set of packs, wherein:
each pack of the set of packs corresponds to a single webpage in the series of webpages;
each pack of the set of packs includes a set of cards corresponding to one or more elements to be rendered in the single webpage; and
each card of the set of cards includes a linkage indication corresponding to an amount of linkages between each card of the set of cards to one or more other cards of a plurality of cards in the deck;
assigning a weight to each card of the set of cards based at least in part upon their linkage indication such that a larger weight corresponds to a greater amount of linkages and a lower weight corresponds to a lesser amount of linkages;
selecting, for a first pack of the set of packs, one or more cards from the respective set of cards based at least in part upon the weight of each card;
rendering a first webpage corresponding to the first pack based on the corresponding selected one or more cards for the first pack; and
displaying, via a user-interface of a client device, the first webpage.
18. The non-transitory tangible computer-readable medium of claim 17 , when executed by one or more processors, further causes the one or more processors to perform:
receiving, via the user-interface of the client device, one or more user inputs; and
selecting one or more cards from the set of cards corresponding to a second pack from the deck based on the profile and the one or more user inputs.
19. The non-transitory tangible computer-readable medium of claim 17 , wherein a card of the set of cards includes an indication of a reference to one or more other cards of the set of cards.
20. The non-transitory tangible computer-readable medium of claim 17 , wherein each card of the set of cards is a function including a configuration section.