Method, medium, and system for manipulation of dynamically assembled ecommerce web pages

A non-transitory computer readable storage medium storing one or more programs configured to be executed by a processor, the one or more programs comprising instructions for:

• generating a first visual representation of selectable backend data sources and a set of selectable rules, the first visual representation including a structural overview of the backend data sources and the rules and comprising a plurality of selectable subsections;
• generating a second visual representation, simultaneously with the first visual representation and within a single screen, of the backend data sources and the rules, the second visual representation comprising a web page view that is generated using a selection of the backend data sources and the rules from the first visual representation, wherein the web page view is formed of a plurality of web page subsections, each of the web page subsections corresponding to at least one of the selectable subsections that include the backend data sources and rules that dynamically generate the corresponding web page subsection;
• receiving, from a user, a change to one of the selectable backend data sources or selectable rules within the first visual representation via interaction with the first visual representation within a first subsection of the selectable subsections;
• and
• rendering a synchronized change within the second visual representation of the web page within a first subsection of the web page subsections that corresponds to the first subsection of the selectable subsections, wherein the web page is generated using at least one different backend data source or one different rule in response to the change via the first visual representation;
• wherein each selected backend data source comprises a database that is a source of data displayed on the second visual representation and each selected rule is used to configure and assemble the second visual representation using the selected backend data sources;
• wherein the synchronized change comprises simultaneously displaying the first visual representation as the change to one of the selectable backend data sources or selectable rules is entered and as the synchronized change within the second visual representation of the web page is rendered in response to the entered change.

A device comprising:

• a processor;
• and
• a memory storing one or more programs for execution by the processor, the one or more programs including instructions for:
• generating a first visual representation of selectable backend data sources and a set of selectable rules, the first visual representation including a structural overview of the backend data sources and the rules and comprising a plurality of selectable subsections;
• generating a second visual representation, simultaneously with the first visual representation and within a single screen, of the backend data sources and the rules, the second visual representation comprising a web page view that is generated using a selection of the backend data sources and the rules from the first visual representation, wherein the web page view is formed of a plurality of web page subsections, each of the web page subsections corresponding to at least one of the selectable subsections that include the backend data sources and rules that dynamically generate the corresponding web page subsection;
• receiving, from a user, a change to one of the selectable backend data sources or selectable rules within the first visual representation via interaction with the first visual representation within a first subsection of the selectable subsections;
• and
• rendering a synchronized change within the second visual representation of the web page within a first subsection of the web page subsections that corresponds to the first subsection of the selectable subsections, wherein the web page is generated using at least one different backend data source or one different rule in response to the change via the first visual representation;
• wherein each selected backend data source comprises a database that is a source of data displayed on the second visual representation and each selected rule is used to configure and assemble the second visual representation using the selected backend data sources;
• wherein the synchronized change comprises simultaneously displaying the first visual representation as the change to one of the selectable backend data sources or selectable rules is entered and as the synchronized change within the second visual representation of the web page is rendered in response to the entered change.