Systems and methods for efficient storage of content and animation

• US 10,095,670 B2
• Filed: 09/12/2016
• Issued: 10/09/2018
• Est. Priority Date: 07/19/2012
• Status: Active Grant

• Current Assignee: Adobe Inc.
• Original Assignee: Adobe Systems Incorporated (Adobe Inc.)
• Inventors: Cabanier, Henricus Maria
• Primary Examiner(s): Baderman, Scott
• Assistant Examiner(s): LEVEL, BARBARA M
• Application Number:
  US15/263,032
• Publication Number:
  US 20160378732A1
• Time in Patent Office: 757 Days
• CPC Class Codes: G06F 16/9577 Optimising the visualization of content, e.g. distillation of HTML documents
• CPC Class Codes: G06F 16/986 Document structures and storage, e.g. HTML extensions
• 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/143 Markup, e.g. Standard Generalized Markup Language [SGML] or Document Type Definition [DTD]
• CPC Class Codes: G06F 40/166 Editing, e.g. inserting or deleting
• CPC Class Codes: G06T 13/80 2D [Two Dimensional] animation, e.g. using sprites
• CPC Class Codes: G06T 9/00 Image coding bandwidth or redundancy reduction for static pictures H04N1/41; coding or decoding of static colour picture signals H04N1/64; methods or arrangements for coding, decoding, compressing or decompressing digital video signals H04N19/00

Abstract

One embodiment involves receiving, by a web page authoring tool, presentation information in a markup language corresponding to a static graphical object. In this embodiment, the web page authoring tool receives animation information in a data interchange format corresponding to an adjustment for the static graphical object. In this embodiment, the web page authoring tool receives a runtime engine. In this embodiment, the web page authoring tool stores the presentation information, the animation information, and the runtime engine within a web page. The runtime engine may be configured to cause a web browser displaying the web page to render an animation. The animation can be based at least in part on the presentation information and the animation information.

Claims

1. A method comprising:

receiving, by a web page authoring tool hosted on a computing device, presentation information for a static graphical object to be rendered in a web page;

receiving, by the web page authoring tool, animation information for an animation of the static graphical object in the web page, the animation information received separately from the presentation information;

converting, by the web authoring tool, the presentation information to a first format and the animation information to a second format different from the first format; and

updating, by the web authoring tool, the web page to store separately or reference separately the presentation information in the first format, the animation information in the second format, and a runtime engine, wherein the runtime engine is executed upon a rendering of the updated web page in a web browser, wherein executing the runtime engine causes a presentation of the static graphical object based on the presentation information in the first format and causes the animation of the presentation based on the animation information in the second format.

2. The method of claim 1, wherein the first format is a markup language, and wherein the second format is a data interchange format.

3. The method of claim 1, further comprising identifying, by the web authoring tool, a list of types or versions of web browsers usable to render the web page on the computing device, wherein the runtime engine is selected by the web authoring tool based on the list of web browsers.

4. The method of claim 3, wherein the runtime engine is selected from potential run time engines based on a determination that the runtime engine is compatible with each browser in the list of browsers.

5. The method of claim 1, wherein the animation information comprises a frame rate, and wherein the runtime engine is selected, by the web authoring tool, from potential run time engines based on the frame rate.

6. The method of claim 1, wherein the presentation information is received from a web server communicatively coupled with the computing device based on a request for the presentation information from the computing device to the web authoring tool.

7. The method of claim 6, wherein the animation information is received from the web server based on a separate request from the computing device to the web authoring tool.

8. The method of claim 1, further comprising:

selecting, by the web authoring tool, the runtime engine from potential runtime engines;

requesting, by the web authoring tool, the runtime engine from a web server communicatively coupled with the computing device; and

receiving, by the web authoring tool from the web server, the runtime engine or a network address of the runtime engine.

9. A non-transitory computer-readable storage medium comprising instructions that, upon execution by a processor of a computer, cause the computer to perform operations comprising:

running a web page authoring tool configured to generate or edit a web page;

receiving, by the web page authoring tool, presentation information for a static graphical object to be rendered in the web page;

receiving, by the web page authoring tool, animation information for an animation of the static graphical object in the web page, the animation information received separately from the presentation information;

converting, by the web authoring tool, the presentation information to a first format and the animation information to a second format different from the first format; and

updating, by the web authoring tool, the web page to store separately or reference separately the presentation information in the first format, the animation information in the second format, and a runtime engine, wherein the runtime engine is executed upon a rendering of the updated web page in a web browser, wherein executing the runtime engine causes a presentation of the static graphical object based on the presentation information in the first format and causes the animation of the presentation based on the animation information in the second format.

10. The non-transitory computer-readable storage medium comprising of claim 9, wherein the static graphics object comprises a text or an image, wherein first format is a scalable graphics vector (SVG) format such that the text or the image is converted to a SVG object.

11. The non-transitory computer-readable storage medium comprising of claim 10, wherein the animation information comprises an adjustment to the text or the image, wherein second format is a JavaScript Object Notation (JSON) format such that the adjustment is converted to a JSON file.

12. The non-transitory computer-readable storage medium comprising of claim 9, wherein updating the web page comprises:

storing first source code corresponding to the converted presentation information within the web page;

storing second source code corresponding to the converted animation information within the web page; and

storing third source code corresponding to a location of the runtime engine within the web page, wherein the runtime engine is compatible with at least a first web browser type and a second web browser type different from the first web browser type.

13. The non-transitory computer-readable storage medium comprising of claim 9, wherein the animation information is received in an original format, and wherein the animation information, when presented based on the original format, is human-readable and user-editable within the web page authoring tool and, when presented based on the second format, is not human-readable and user-editable within the web page authoring tool.

14. The non-transitory computer-readable storage medium comprising of claim 9, wherein the presentation information is received from local storage of the computer in a graphics format and is converted to a Scalable Vector Graphics (SVG) format, wherein the animation presentation is received via a user interface of the web authoring application, comprises user-defined animation parameters for the animation of the static graphical object, and is converted to a JavaScript Object Notation (JSON) format.

15. The non-transitory computer-readable storage medium comprising of claim 9, wherein the runtime engine is selected from a local library of the web authorizing tool based on user input at the computer specifying types or versions of web browsers, wherein the runtime engine is selected by the web authoring tool from potential runtime engines in the library based on a determination that the runtime engine is compatible with the web browsers.

16. A computer system comprising:

a processor; and

a memory comprising computer-readable instructions that, upon execution by the processor, cause the computer system to at least;

run a web page authoring tool configured to generate or edit a web page;

receive, by the web page authoring tool, presentation information for a static graphical object to be rendered in the web page;

receive, by the web page authoring tool, animation information for an animation of the static graphical object in the web page, the animation information received separately from the presentation information;

convert, by the web authoring tool, the presentation information to a first format and the animation information to a second format different from the first format; and

update, by the web authoring tool, the web page to store separately or reference separately the presentation information in the first format, the animation information in the second format, and a runtime engine, wherein the runtime engine is executed upon a rendering of the updated web page in a web browser, wherein executing the runtime engine causes a presentation of the static graphical object based on the presentation information in the first format and causes the animation of the presentation based on the animation information in the second format.

17. The computer system of claim 16, further comprising a web server and a computing device, wherein the web page authoring tool is hosted on the web server and is executed on the computing device as an instance, and further comprising:

storing, by the web page authoring tool, the edited web page at the web server.

18. The computer system of claim 17, wherein the presentation information is received from local storage of the computing device and comprises user-defined animation parameters for the animation of the static graphical object, and wherein the user-defined animation parameters comprise at least one of:

timing, movement, appearance, disappearance, events, actions, width, height, or gram rate for the animation of the static graphical object.

19. The computer system of claim 16, further comprising a computing device and a web server, wherein the web authoring application is executed on the computing device, wherein the presentation information is received from a remote device, wherein the animation presentation is received from the computing device, and wherein the updated web page is stored at the web server.

20. The computer system of claim 16, further comprising a computing device and a web server, wherein the web authoring application is executed on the computing device, wherein the presentation information and the animation presentation are received from the web server based on respective requests from the computing device to the web server, and wherein the updated web page is stored at the web server.