Populating visual designs with web content

Patent metadata

Field	Value
Publication number	US-9959257-B2
Application number	US-201614991000-A
Country	US
Kind code	B2
Filing date	Jan 8, 2016
Priority date	Jan 8, 2016
Publication date	May 1, 2018
Grant date	May 1, 2018

Abstract

Techniques are described for populating visual designs with web content. In implementations, a document design is generated via a digital media application. The document design includes a layout of repeating design elements, such as a grid or table of repeating areas each having various design elements. Web content having a structured arrangement of data elements is accessed through a data panel exposed via the application. The web content data may be linked to the document design to populate elements of the document design with “real-world” data. To do so, the web content is to detect semantically similar repeating data elements by based on element positions, node types, style types, and node hierarchies reflected by structured data defining the web content. Design elements in the layout of the document design are then auto-populated with content of the semantically similar repeating data elements to produce a preview linked to “real-world” data.

First claim

What is claimed is:

1. In a digital media environment to facilitate creation of content using one or more computing devices, a method comprising:
generating, via a user interface for a digital media application, a document design including a layout of one or more repeating design elements, each design element comprising multiple objects of different content types grouped together, adjacent design elements of the repeating design elements along a direction of the layout being equally spaced;
receiving a dragging motion;
expanding, in response to receiving the dragging motion, the layout of one or more repeating design elements;
adding, responsive to the expanding, additional equally-spaced adjacent design elements to the layout along the direction;
accessing content from a remote network storage location having a structured arrangement of one or more data elements through a data panel exposed via the user interface;
obtaining, via the user interface, a selection of one of the one or more design elements in the document design and a selection of one of the one or more data elements from the content in the data panel;
responsive to obtaining the selections, parsing the content by recognizing repeating data elements included within the structured arrangement of data elements corresponding to the selected data element; and
auto-populating design elements in the layout of one or more repeating design elements corresponding to the selected design element with content of the repeating data elements different for each auto-populated design element and corresponding to content of the selected data element.

2. The method as described in claim 1 , wherein the parsing the content comprises detecting semantically-matching repeating data elements corresponding to the selected data element by correlating the data elements in accordance with element positions, node types, style types, and node hierarchies as reflected by structured data defining the content.

3. The method as described in claim 1 , wherein the accessing the content comprises obtaining input indicative of a URL specified for the content, communicating over a network connection to obtain the content from the specified URL and rendering a view of the content via the data panel.

4. The method as described in claim 1 , wherein the content from the remote network storage location comprises a publicly accessible web page accessed and rendered via the data panel.

5. The method of claim 1 , wherein the content from the remote network storage location comprises an application programming interface configured to expose a hierarchal tree structure of nodes corresponding to the content from the remote network storage location.

6. The method of claim 1 , wherein the parsing the content includes detecting semantically-matching repeating data elements having element positions corresponding to the selected data element within a rendered view of the content by:
computing bounds of the selected data element in a coordinate system for the rendered view; and
identifying data elements having bounds intersecting axes defined by the bounds of the selected data element as elements having element positions corresponding to the selected data elements.

7. The method of claim 1 , wherein the parsing the content includes detecting semantically-matching repeating data elements by:
analyzing structured data defining the content by finding nodes matching a node type and style associated with the selected data element; and
based on the analysis, categorizing data elements for nodes found to match the node type and style as being semantically-matching repeating data elements for the selected data element.

8. The method of claim 1 , wherein the parsing the content includes detecting semantically-matching repeating data elements by:
finding nodes matching a node hierarchy of the selected node by comparing the node hierarchy of the selected node to node hierarchies for other data elements reflected in structured data defining the content; and
separating data elements associated with matching nodes from data elements associated with non-matching nodes by filtering the other data elements based on the comparison.

9. The method of claim 1 , wherein the user interface generates a repeatable object set, the layout of one or more repeating design elements generated with an object replication tool that replicates the repeatable object set.

10. The method of claim 1 , wherein the user interface for the digital media application is configured to render a view of the document design in an editing pane along with a view of the content from the remote network storage location in the data panel.

11. The method of claim 1 , wherein the layout of one or more repeating design elements comprises a grid or table structure.

12. In a digital media environment to facilitate creation of content using one or more computing devices, a system comprising;
one or more processing devices; and
one or more computer-readable media storing instructions executable via the one or more processing devices to perform operations to facilitate creation of content using a digital media application including:
generating, via a user interface for a digital media application, a document design including a layout of one or more repeating design elements, each design element comprising multiple objects of different content types grouped together, adjacent design elements of the repeating design elements along a direction of the layout being equally spaced;
receiving a dragging motion;
expanding, in response to receiving the dragging motion, the layout of one or more repeating design elements;
adding, responsive to the expanding, additional equally-spaced adjacent design elements to the layout along the direction;
accessing content from a remote network storage location having a structured arrangement of one or more data elements through a data panel exposed via the user interface;
obtaining, via the user interface, a selection of one of the one or more design elements in the document design and a selection of one of the one or more data elements from the content in the data panel;
responsive to obtaining the selections, parsing the content by recognizing repeating data elements included within the structured arrangement of data elements corresponding to the selected data element; and
auto-populating design elements in the layout of one or more repeating design elements corresponding to the selected design element with content of the repeating data elements different for each auto-populated design element and corresponding to content of the selected data element.

13. The system as recited in claim 12 , wherein the parsing the content by recognizing the repeating data elements comprises:
computing bounds of the selected data element in a coordinate system for a rendered view of the content exposed via the data panel;
identifying data elements having bounds intersecting axes defined by the bounds of the selected data element as elements having element positions corresponding to the selected data element;
for data elements identified as having element positions corresponding to the selected data element: comparing node types, style types, and node hierarchies to the selected data element to find data elements matching a node type, style type, and node hierarchy of the selected node;
including the matching elements along with the selected data element in a group of repeating data elements corresponding to the selected data element.

14. The system as recited in claim 13 , wherein the identifying the data elements having bounds intersecting axes

Assignees

• Adobe Systems Inc

Inventors

• Sasikumar Anirudh

Classifications

• G06F3/04817

  using icons (graphical or visual programming using iconic symbols G06F8/34) · CPC title

• G06F40/177

  of tables; using ruled lines · CPC title

• G06F40/221

  Parsing markup language streams (streaming G06F40/149) · CPC title

• G06F40/30

  Semantic analysis · CPC title

• G06F40/279

  Recognition of textual entities · CPC title