Template-Based Page Layout For Web Content

摘要

Page layout of web content is performed based on templates. Publishers publish web content referred to as “sources.” Each source comprises one or more assets from one or more asset types. The asset types include title, subtitle, byline, dateline, pull quote, image, video, audio, caption, and in-line text. A content processing system processes the sources using a conversion module and a rule database. The conversion module restructures a received source into a standardized format of the source, wherein each asset of the source is tagged with an asset type according to rules present in the rule database. A layout module interprets the standardized source, determines one or more templates from a template database to use for the layout of the assets of the source, and lays out the assets of the source based on the selected templates.

主权项

1. A method for performing client-side page layout of web content using templates, the method comprising:
receiving a source comprising a plurality of assets of different asset types; identifying a plurality of candidate templates from a template database, where each identified candidate template comprises a plurality of slots, and where each slot is configured to receive an asset of a particular asset type; for each particular slot of each of the identified candidate templates, calculating a slot subscore by:
identifying an aspect ratio of an image asset included in the source,scaling the image asset to fill the particular slot when the particular slot is an image asset type slot,determining an amount of scaling applied to the image asset to scale the image asset to fill the particular slot,determining an area of the image asset to be cropped based on an area of the scaled image that extends beyond one or more boundaries of the particular slot, andcalculating the slot subscore for the particular slot based at least in part on an amount of cropping to be performed inside the specified area, determined amount of scaling applied to the image asset, and a size of the particular slot; determining a score for each of the plurality of identified candidate templates, wherein the score for an identified candidate template is determined by:
aggregating the calculated slot subscores for the plurality of slots included in the identified candidate template, and,comparing a number and types of slots included in the identified candidate template with a number and types of assets included in the source; selecting a particular template from the scored plurality of identified candidate templates based on the scoring; and generating a readable article on a client device, the readable article comprising the assets of the source placed in the readable article according to the selected particular template.