Server-Side Rendering for Mobile Interactive Content

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Mobile device browsers face difficulties in displaying interactive and animated content from web pages due to limited screen space, navigation capabilities, slow connection speeds, and processor limitations, often resulting in the inability to render content like Adobe Flash files.

Innovation Solution

A method and system that involve a server accelerating the playback of interactive animated content by removing unnecessary frames and increasing the frame rate, then sending the final or intermediary frame to the client device for display, allowing mobile devices to render content intended for larger screens.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Adaptability or versatility

If web content is displayed on small device screens, then the content becomes accessible on mobile devices, but the display quality and user experience deteriorate due to limited screen space and navigation capabilities

Engineering Contradiction:
Improvecontent accessibility on mobile devicesVSAvoiddisplay quality and user experience
Core Design Contradiction:
Adaptability or versatilityVSEase of operation

Solution Approach 1:

The patent segments the web content into multiple components (text, images, animated content, interactive elements) and processes each segment separately through server-side rendering. The server divides the complex rendering task into manageable parts, converting each to appropriate formats for mobile display, thereby maintaining content accessibility while improving display quality on limited screens.

Inventive Principle:
Principle #1Segmentation

Solution Approach 2:

The patent introduces a server as an intermediary between the web content source and the mobile device. This intermediary performs server-side rendering, converting rich internet applications and animated content into simplified formats suitable for mobile browsers, thus resolving the contradiction between content accessibility and display quality without requiring complex client-side processing on the mobile device.

Inventive Principle:
Principle #24Intermediary (Mediator)

2Adaptability or versatility

If interactive and animated content is displayed on mobile devices, then user access to rich internet applications improves, but processing requirements and memory usage increase beyond device capabilities

Engineering Contradiction:
Improveuser access to rich internet applicationsVSAvoidprocessing requirements and memory usage
Core Design Contradiction:
Adaptability or versatilityVSDevice complexity

Solution Approach 1:

The patent extracts the complex processing of interactive and animated content from the mobile device and relocates it to the server. The server renders Flash files, Java applets, and other resource-intensive content into static images or simplified formats, then delivers only the rendered results to the mobile device. This extraction eliminates the need for proprietary players and reduces processing requirements while maintaining user access to rich internet applications.

Inventive Principle:
Principle #2Taking out (Extraction)

Solution Approach 2:

The patent creates simplified copies of the original rich internet content through server-side rendering. Instead of requiring the mobile device to execute complex interactive content, the server generates static image copies or simplified representations that convey the same information without the processing overhead, thereby improving adaptability while reducing device complexity requirements.

Inventive Principle:
Principle #26Copying

3Manufacturing precision

If proprietary players are required for displaying animated content, then content rendering accuracy improves, but device compatibility and ease of use deteriorate

Engineering Contradiction:
Improvecontent rendering accuracyVSAvoiddevice compatibility
Core Design Contradiction:
Manufacturing precisionVSAdaptability or versatility

Solution Approach 1:

The patent inverts the traditional rendering approach by performing the rendering operation on the server side rather than requiring client-side proprietary players. Instead of the mobile device attempting to play Flash files or Java applets with specialized software, the server renders these content types into standard image formats that any mobile browser can display, thereby maintaining rendering accuracy while dramatically improving device compatibility.

Inventive Principle:
Principle #13The other way round (Inversion)

Data Source

PatentUS8621338B2Method and system for converting interactive animated information content for display on mobile devices
Publication Date: 2013.12.31 NOKIA TECHNOLOGIES OY
  • US8621338B2 patent drawing
  • US8621338B2 patent drawing
  • US8621338B2 patent drawing

AI summary

A method and system for converting interactive animated information content for display on handheld or mobile devices is presented. Information content that includes files with frames intended to be sequentially played out for display may be converted into a single frame or a smaller collection of frames for display on a device, so that a user of a device may have access to some of the content contained in the file. A server may receive a request for information content that includes a file with frames for playout, and the server will playout the file in an accelerated manner so as to arrive at one or more selected frames quickly. The server will then send the selected frames, or intermediary frames reached during playout, to a client device that requested the web page, for example.