Method for modifying an initial layout of story elements in a user-generated online story
First Claim
1. A method, operative at a server, for modifying a web page that has been formed by associating a user-defined ordering of story elements with a layout grid to form an initial layout, wherein the layout grid is defined by a grid width and a given number of columns, comprising:
- (a) responsive to receipt of data associated with a client-side user interface gesture, removing the story elements from the layout grid;
(b) for each story element, beginning with a first story element and iterating through the story elements in their user-defined ordering;
(i) picking a first new position for the story element;
(ii) placing the story element at the first new position;
(iii) moving the story element to a next row of the layout grid if the step of placing the story element at the first new position causes the story element to be positioned beyond the grid width;
(iv) if moving the story element to the next row of the grid results in a position overlap between the story element and another story element, determining whether the collision should be fixed;
(v) if the collision should be fixed, picking a second new position for the story element;
(vi) placing the story element at the second new position;
(c) after iterating through the story elements, generating a new web page.
2 Assignments
0 Petitions
Accused Products
Abstract
An online application enables an end user to navigate to a web site, upload digital images, and to combine those images with words in a stylized template to create a user-generated story. A story is a web page, typically a collection of photos and words that are brought together by a stylized template that can be customized by the end user. Preferably, a given story is available from the site at a given location (at a URL) that may be private or public. A given story may be shared with other end users, published to other web sites or web logs, or maintained solely for one'"'"'s own use. The invention also provides for multiple end users to collaborate to create a “shared” story.
56 Citations
16 Claims
-
1. A method, operative at a server, for modifying a web page that has been formed by associating a user-defined ordering of story elements with a layout grid to form an initial layout, wherein the layout grid is defined by a grid width and a given number of columns, comprising:
-
(a) responsive to receipt of data associated with a client-side user interface gesture, removing the story elements from the layout grid; (b) for each story element, beginning with a first story element and iterating through the story elements in their user-defined ordering; (i) picking a first new position for the story element; (ii) placing the story element at the first new position; (iii) moving the story element to a next row of the layout grid if the step of placing the story element at the first new position causes the story element to be positioned beyond the grid width; (iv) if moving the story element to the next row of the grid results in a position overlap between the story element and another story element, determining whether the collision should be fixed; (v) if the collision should be fixed, picking a second new position for the story element; (vi) placing the story element at the second new position; (c) after iterating through the story elements, generating a new web page. - View Dependent Claims (2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13)
-
-
14. A computer-implemented method, operative at a server, for modifying a web page that has been formed by associating a user-defined ordering of story elements with a layout grid to form an initial layout, wherein the layout grid is defined by a grid width and a given number of columns, comprising:
-
(a) responsive to receipt of data associated with a client-side user interface gesture, removing the story elements from an internal representation of the layout grid; (b) for each story element, beginning with a first story element and iterating through the story elements in their user-defined ordering, finding a new position for the story element and placing the story element at the new position; (c) after iterating through the story elements, generating a new web page; and (d) rendering the new web page. - View Dependent Claims (15, 16)
-
Specification