Systems and methods for rich presentation overlays

• US 8,397,153 B1
• Filed: 10/17/2011
• Issued: 03/12/2013
• Est. Priority Date: 10/17/2011
• Status: Active Grant

• Current Assignee: Google LLC (Alphabet Inc.)
• Original Assignee: Google Inc. (Alphabet Inc.)
• Inventors: Lee, Li-Wei, Albright, Matthew
• Primary Examiner(s): Hong, Stephen
• Assistant Examiner(s): LUDWIG, MATTHEW J
• Application Number:
  US13/275,101
• Time in Patent Office: 512 Days
• Field of Search: 715/204, 715/209, 715/240, 715/243
• US Class Current: 715/204
• CPC Class Codes: G06F 40/103 Formatting, i.e. changing of presentation of documents automatic justification G06F40/189; automatic line break hyphenation G06F40/191
• CPC Class Codes: G06F 40/14 Tree-structured documents parsing G06F40/205; validation G06F40/226

Abstract

Systems and methods are disclosed for rendering a presentation document on a plurality of client computing devices by a server. A method includes creating a base layer for a page in the presentation document, wherein the base layer comprises a plurality of placeholder elements wherein each placeholder element has an absolute position and size. The method further includes creating an interactive layer for the page in the presentation document, wherein the interactive layer comprises a plurality of interactive element overlays representing a plurality of interactive elements and each interactive element overlay has an absolute position and size that corresponds to the absolute position and size of a placeholder element in the base layer. The method further includes sending the base layer and interactive layer of the page to each client computing device for rendering, wherein each interactive element overlay is rendered on top of its corresponding placeholder element.

Claims

1. A computerized method for rendering a presentation document on a client computing device using a server, the method comprising:

creating, at the server, a base layer for a page in the presentation document, wherein the base layer comprises a plurality of placeholder elements and wherein each placeholder element has an absolute position and size;

creating, at the server, an interactive layer for the page, wherein the interactive layer comprises a plurality of interactive element overlays representing a plurality of interactive elements, and wherein the server sets an absolute position and size of each interactive element overlay to equal the absolute position and size of a placeholder element in the base layer; and

sending the base layer and interactive layer from the server to the client computing device for rendering, wherein each interactive element overlay is rendered directly on top of its corresponding placeholder element.

2. The method of claim 1, wherein the base layer also comprises a plurality of static elements.

3. The method of claim 1, wherein the base layer is a scalable vector graphic image.

4. The method of claim 1, wherein the absolute position and size of the plurality of interactive element overlays is defined using JavaScript Object Notation.

5. The method of claim 1, wherein one or more of the interactive element overlays and their corresponding placeholder elements overlap, and wherein the interactive element overlays on the bottom are rendered first.

6. The method of claim 1, wherein if the page is resized, the base layer and the plurality of placeholder elements are resized proportionally with the page so that each placeholder element has a new absolute position and size, and wherein the absolute position and size for each interactive element overlay is modified to equal the new absolute position and size of its corresponding resized placeholder element.

7. The method of claim 1, wherein each absolute position of the plurality of placeholder elements and interactive element overlays comprises a two dimensional coordinate.

8. The method of claim 1, wherein each size of the plurality of placeholder elements and interactive element overlays comprises a width and a height.

9. A computerized method for displaying a presentation document on a plurality of client computing devices using a server, the method comprising:

creating, at the server, a base layer for a page in the presentation document, wherein the base layer comprises a plurality of placeholder elements and wherein each placeholder element has an absolute position and size;

creating, at the server, an interactive layer for the page in the presentation document, wherein the interactive layer comprises a plurality of interactive element overlays representing a plurality of interactive elements, and wherein the server sets an absolute position and size of each interactive element overlay to equal the absolute position and size of a placeholder element in the base layer; and

sending the base layer and interactive layer of the page in the presentation document from the server to each client computing device for rendering, wherein each interactive element overlay is rendered directly on top of its corresponding placeholder element such that the page has an uniform appearance when rendered on each client computing device.

10. The method of claim 9, wherein the base layer also comprises a plurality of static elements.

11. The method of claim 9, wherein the base layer is a scalable vector graphic image.

12. The method of claim 9, wherein the absolute position and size of the plurality of interactive element overlays is defined using JavaScript Object Notation.

13. The method of claim 9, wherein one or more of the interactive element overlays and their corresponding placeholder elements overlap, and wherein the interactive element overlays on the bottom are rendered first.

14. The method of claim 9, wherein if the page is resized, the base layer and the plurality of placeholder elements are resized proportionally with the page so that each placeholder element has a new absolute position and size, and wherein the absolute position and size for each interactive element overlay is modified to equal the new absolute position and size of its corresponding resized placeholder element.

15. The method of claim 9, wherein each absolute position of the plurality of placeholder elements and interactive element overlays comprises a two dimensional coordinate.

16. The method of claim 9, wherein each size of the plurality of placeholder elements and interactive element overlays comprises a width and a height.

17. A system for displaying a presentation document on a plurality of client computing devices, the system comprising:

a server configured to;

create a base layer for each page in the presentation document, wherein each base layer comprises a plurality of placeholder elements and wherein each placeholder element has an absolute position and size;

create an interactive layer for each page in the presentation document, wherein the interactive layer comprises a plurality of interactive element overlays representing a plurality of interactive elements, and wherein the server sets an absolute position and size of each interactive element overlay to equal the absolute position and size of a placeholder element in the base layer; and

send the base layer and interactive layer of each page of the presentation document to each client computing device for rendering, wherein each interactive element overlay is rendered directly on top of its corresponding placeholder element such that the page has a uniform appearance when rendered on each client computing device.

18. The system of claim 17, wherein the base layer also comprises a plurality of static elements.

19. The system of claim 17, wherein the base layer is a scalable vector graphic image.

20. The system of claim 17, wherein the absolute position and size of the plurality of interactive element overlays is defined using JavaScript Object Notation.

21. The system of claim 17, wherein one or more of the interactive element overlays and their corresponding placeholder elements overlap, and wherein the interactive elements on the bottom are rendered first.

22. The system of claim 17, wherein if the page is resized, the base layer and the plurality of placeholder elements are resized proportionally with the page so that each placeholder element has a new absolute position and size, and wherein the absolute position and size for each interactive element overlay is modified to equal the new absolute position and size of its corresponding resized placeholder element.

23. A computerized method of editing a presentation document on a client computing device where the presentation document is stored on a server, the method comprising:

receiving, from the server, a plurality of interactive element overlays to be placed on the page, wherein the plurality of interactive element overlays represents a plurality of interactive elements and wherein the server defines an absolute position and size for each interactive element overlay;

receiving, from the server, a plurality of placeholder elements corresponding to the plurality of interactive element overlays on the page, wherein the server defines an absolute position and size for each placeholder element that equals the absolute position and size of the corresponding interactive element overlay; and

rendering, at the client computing device, each interactive element overlay directly on top of its corresponding placeholder element.

24. The method of claim 23, wherein receiving, from a server, a plurality of interactive element overlays comprises receiving the absolute position, size, and content of each interactive element overlay.

25. The method of claim 23, wherein the method further comprises receiving, from the server, a plurality of static elements on the page.

26. The method of claim 23, wherein the absolute position and size of the plurality of interactive element overlays is defined using JavaScript Object Notation.

27. The method of claim 23, wherein one or more of the interactive element overlays and their corresponding placeholder elements overlap.