Dynamic preview of database-populated web pages

• US 10,521,198 B2
• Filed: 07/24/2018
• Issued: 12/31/2019
• Est. Priority Date: 07/24/2017
• Status: Active Grant

• Current Assignee: Wix.com Ltd.
• Original Assignee: Wix.com Ltd.
• Inventors: Shalev, Ziv Shalom, Blumenfeld, Uval A., Geva, Ayelet, Weiner, Shay, Ohana, Tomer, Abrahami, Yoav
• Primary Examiner(s): Das, Chameli
• Application Number:
  US16/044,365
• Publication Number:
  US 20190026082A1
• Time in Patent Office: 525 Days
• CPC Class Codes: G06F 16/252 between a Database Management System and a front-end application
• CPC Class Codes: G06F 16/951 Indexing; Web crawling techniques
• CPC Class Codes: G06F 16/955 using information identifiers, e.g. uniform resource locators [URL]
• CPC Class Codes: G06F 16/9558 Details of hyperlinks; Management of linked annotations
• CPC Class Codes: G06F 16/958 Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
• CPC Class Codes: G06F 16/972 Access to data in other repository systems, e.g. legacy data or dynamic Web page generation
• CPC Class Codes: G06F 21/128 involving web programs, i.e. using technology especially used in internet, generally interacting with a web browser, e.g. hypertext markup language [HTML], applets, java
• CPC Class Codes: G06F 21/53 by executing in a restricted environment, e.g. sandbox or secure virtual machine
• CPC Class Codes: G06F 3/0486 Drag-and-drop
• CPC Class Codes: G06F 40/106 Display of layout of documents; Previewing
• CPC Class Codes: G06F 40/143 Markup, e.g. Standard Generalized Markup Language [SGML] or Document Type Definition [DTD]
• CPC Class Codes: G06F 40/186 Templates
• CPC Class Codes: G06F 8/30 Creation or generation of source code
• CPC Class Codes: G06F 8/33 Intelligent editors
• CPC Class Codes: G06F 8/34 Graphical or visual programming
• CPC Class Codes: G06F 9/44526 Plug-ins; Add-ons
• CPC Class Codes: H04L 67/02 based on web technology, e.g. hypertext transfer protocol [HTTP]
• CPC Class Codes: H04L 67/535 Tracking the activity of the user network monitoring arrangements H04L43/00; recording of computer activity G06F11/34
• CPC Class Codes: H04L 67/63 Routing a service request depending on the request content or context

Abstract

Disclosed embodiments relate to previewing dynamic web pages via an online editor interface. Operations include storing a plurality of data elements for display on a plurality of web pages; storing instructions for enabling organization of the data elements into a plurality of groups; providing instructions to a browser to display an interface for enabling a user to add data elements to the database, to associate each added data element with at least one of the plurality of groups, and to modify the at least one of front-end code and back-end code; executing instructions to generate the plurality of scrollable virtual web pages; and providing instructions to the browser to display a preview interface configured to display the plurality of scrollable virtual web pages.

Claims

1. A system for previewing dynamic web pages via an online editor interface, the system comprising:

a database configured to;

store a plurality of data elements for display on a plurality of web pages; and

store first instructions for enabling organization of the data elements into a plurality of groups, each of the plurality of groups including at least one data element and being associated with at least one discrete web page, and each of the plurality of groups further being capable of being utilized by at least one of front-end code executable by a browser and back-end code executable by a back-end server remote from the browser to configure a plurality of scrollable virtual web pages; and

at least one processor configured to;

provide second instructions remotely to the browser to display an interface for enabling a user associated with the browser to add data elements to the database, to associate each added data element with at least one of the plurality of groups, and to modify the at least one of front-end code and back-end code;

execute third instructions to generate, based on the user'"'"'s added data elements, association of added data elements with the at least one of the plurality of groups, and modification of the at least one of front-end code and back-end code, the plurality of scrollable virtual web pages;

wherein the plurality of scrollable virtual web pages are configured to be independently generated by the at least one processor and independently edited by the user; and

provide fourth instructions remotely to the browser to display a preview interface configured to display the plurality of scrollable virtual web pages prior to generation of corresponding final web pages, the preview interface enabling the user to selectively scroll through the plurality of scrollable virtual web pages based on each of the plurality of groups of at least one data element and visualize how the groups of at least one data element will appear on a corresponding final web page before the corresponding final web page goes live.

2. The system of claim 1, wherein the at least one processor is further configured to provide additional instructions remotely to the browser to display the online editor interface to enable the user to drag and drop into a web page template a selection of at least one building element for associating the at least one website building element with one of the data elements for constructing a front end of the corresponding final web page.

3. The system of claim 2, wherein the web page template is a dynamic web page template configured to include adjustable data components for rendering the corresponding final web page associated with each of the plurality of groups.

4. The system of claim 1, wherein the preview interface is configured to be displayed at the browser within a frame associated with the online editor interface.

5. The system of claim 1, wherein each of the plurality of scrollable virtual web pages is displayable within a frame associated with the online editor interface.

6. The system of claim 1, wherein the preview interface includes a user-selectable feature enabling the user to scroll through the plurality of scrollable virtual web pages.

7. The system of claim 1, wherein the preview interface includes a user-selectable feature enabling the user to select a particular virtual web page for display based on an identifier of the respective virtual web page.

8. The system of claim 7, wherein the identifier of the respective virtual web pages is based on a data element stored in the database.

9. The system of claim 1, wherein the at least one processor is configured to associate a unique Uniform Resource Locator (URL) with each of the plurality of groups.

10. The system of claim 1, wherein the plurality of scrollable virtual web pages are generated based on a sitemap referencing each web page'"'"'s unique Uniform Resource Locator (URL).

11. The system of claim 1, wherein the database includes a centralized online database configured to store data associated with a plurality of user-generated websites of a plurality of remote users.

12. The system of claim 1, wherein the at least one discrete web page is indexable by a search engine.

13. The system of claim 1, wherein the at least one of front-end code and back-end code are configured to perform a function of a software-based router.

14. The system of claim 13, wherein the software-based router is capable of configuring the at least one discrete web page in a plurality of different ways based on a plurality of different possible Uniform Resource Locator (URL) segments provided by the user.

15. The system of claim 1, wherein the at least one of front-end code and back-end code are associated with the at least one discrete web page.

16. The system of claim 1, wherein the at least one of front-end code and back-end code are associated with a specific software-based router.

17. The system of claim 1, wherein each of the plurality of groups are associated with at least one of a website comprising a plurality of discrete web pages and an associated group of websites.

18. The system of claim 1, wherein a subset of the plurality of data elements are organized by a repeater function, the repeater function generating one or more displayed instances of the subset of the plurality of data elements.

19. The system of claim 18, wherein the one or more instances are part of the preview interface configured to display the plurality of scrollable virtual web pages.

20. A computer-implemented method for previewing dynamic web pages via an online editor interface, the method comprising:

storing a plurality of data elements for display on a plurality of web pages; and

storing first instructions for enabling organization of the data elements into a plurality of groups, each of the plurality of groups including at least one data element and being associated with at least one discrete web page, and each of the plurality of groups further being capable of being utilized by at least one of front-end code executable by a browser and back-end code executable by a back-end server remote from the browser to configure a plurality of scrollable virtual web pages;

providing second instructions remotely to the browser to display an interface for enabling a user associated with the browser to add data elements to the database, to associate each added data element with at least one of the plurality of groups, and to modify the at least one of front-end code and back-end code;

executing third instructions to generate, based on the user'"'"'s added data elements, association of added data elements with the at least one of the plurality of groups, and modification of the at least one of front-end code and back-end code, the plurality of scrollable virtual web pages;

wherein the plurality of scrollable virtual web pages are configured to be independently generated by the at least one processor and independently edited by the user; and

providing fourth instructions remotely to the browser to display a preview interface configured to display the plurality of scrollable virtual web pages prior to generation of corresponding final web pages, the preview interface enabling the user to selectively scroll through the plurality of scrollable virtual web pages based on each of the plurality of groups of at least one data element and visualize how the groups of at least one data element will appear on a corresponding final web page before the corresponding final web page goes live.

21. The computer-implemented method of claim 20, further comprising:

providing additional instructions remotely to the browser to display the online editor interface to enable the user to drag and drop into a web page template a selection of at least one building element for associating the at least one website building element with one of the data elements for constructing a front end of a web page.

22. The computer-implemented method of claim 21, wherein the web page template is a dynamic web page template configured to include adjustable data components for rendering the corresponding final web page associated with each of the plurality of groups.

23. The computer-implemented method of claim 20, wherein the preview interface is configured to be displayed at the browser within a frame associated with the online editor interface.