Web Page Authoring Tool Animation Storage via Segmentation

Resolve Bottlenecks,
Find Innovative SolutionsGenerate Solutions

Solution Overview

Problem

Web developers face challenges in creating complex web pages, artwork, and animations due to varying support for technologies and features across different web browsers, leading to the need for efficient storage solutions that accommodate multiple browser compatibility.

Innovation Solution

A method involving a web page authoring tool that receives presentation information in a markup language and separate animation information in a data interchange format, along with a runtime engine, to store and render animations consistently across various web browsers by converting the information into formats like SVG and JSON, ensuring compatibility and rendering animations based on both presentation and animation data.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Adaptability or versatility

If web developers create multiple versions of content for different web browsers, then browser compatibility is improved, but device complexity and development difficulty increase

Engineering Contradiction:

Improvebrowser compatibilityVSAvoiddevelopment complexity

Core Design Contradiction:

Adaptability or versatilityVSDevice complexity

Solution Approach 1:

The patent segments animation content into separate animation files with unique identifiers, distinguishing animation data from static presentation content. This allows the same presentation information to be paired with different animation files for different browsers, achieving compatibility without creating multiple complete content versions.

Inventive Principle:

Principle #1Segmentation

Solution Approach 2:

The patent creates a universal animation storage structure where a single animation file can serve multiple browser types through browser-specific parameter configurations. The animation data structure is designed to be universally compatible while allowing browser-specific adaptations, reducing the need for multiple separate animation files.

Inventive Principle:

Principle #6Universality (Multi-functionality)

2Adaptability or versatility

If web developers create simple content to ensure broad browser support, then browser compatibility is improved, but manufacturing precision and content quality deteriorate

Engineering Contradiction:

Improvebrowser compatibilityVSAvoidcontent quality

Core Design Contradiction:

Adaptability or versatilityVSManufacturing precision

Solution Approach 1:

By segmenting content into static presentation information and separate animation information, the patent allows each component to be optimized independently. The presentation layer can maintain high quality for all browsers while animation complexity is adjusted per browser capability through the animation data structure.

Inventive Principle:

Principle #1Segmentation

Solution Approach 2:

The patent uses parameter-based animation data structures that can be configured for different browser capabilities. This allows the same high-quality content to be rendered with appropriate animation complexity for each browser, maintaining content quality while adapting to browser limitations.

Inventive Principle:

Principle #35Parameter changes

3Adaptability or versatility

If separate animation information is stored outside presentation information, then adaptability and browser compatibility are improved, but loss of information and data integration issues increase

Engineering Contradiction:

Improvebrowser compatibilityVSAvoiddata integration

Core Design Contradiction:

Adaptability or versatilityVSLoss of information

Solution Approach 1:

The patent introduces an intermediary animation data structure that bridges presentation information and animation information. This intermediary structure contains references and synchronization data that link animation files to their corresponding presentation content, preventing information loss while maintaining separate storage for adaptability.

Inventive Principle:

Principle #24Intermediary (Mediator)

4Productivity

If complex animations are created to enhance content, then productivity and content capability are improved, but ease of operation and development difficulty worsen

Engineering Contradiction:

Improvecontent capabilityVSAvoiddevelopment ease

Core Design Contradiction:

ProductivityVSEase of operation

Solution Approach 1:

By separating animation data from presentation data, the patent allows developers to work with simple presentation markup while animation complexity is handled separately through dedicated animation files. This segmentation makes development easier while still enabling complex animations when needed.

Inventive Principle:

Principle #1Segmentation

Solution Approach 2:

The animation data structure acts as an intermediary layer that manages complex animation logic, timing, and browser compatibility. This intermediary handles the complexity automatically, reducing the operational burden on developers while still enabling sophisticated animations.

Inventive Principle:

Principle #24Intermediary (Mediator)

Data Source

PatentUS10095670B2Systems and methods for efficient storage of content and animation

Publication Date: 2018.10.09 ADOBE INC

AI summary

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.