Adaptive Web Rendering via Painter Selection for Mobile Displays
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Mobile devices face challenges in displaying webpages due to their limited screen sizes and varying resolutions, leading to illegible screens that require zooming or scrolling, and maintaining optimized mobile websites is costly and operationally difficult compared to regular websites.
Innovation Solution
A method and system that natively render and optimize Internet contents on mobile devices by receiving a screen description from a backend server, identifying data models, and selecting a painter to transform these models into content, ensuring optimal display without the need for mobile website modifications, using a priority list of painters and decision mechanisms to choose the most suitable painter for each device.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Measurement precision
If regular websites are optimized for laptop and desktop computers, then the website content can be displayed properly on large screens, but the website becomes illegible on mobile device displays due to high pixel densities and limited screen sizes
Solution Approach 1:
The patent transforms the webpage into a data model representation and then renders it with parameters specifically optimized for mobile device characteristics such as pixel density and screen size. The system adjusts display parameters dynamically based on the detected mobile device specifications, converting a static desktop-optimized webpage into a responsive mobile-optimized display without requiring separate mobile website development
Solution Approach 2:
The patent introduces a intermediary transformation process that converts the regular website content into a portable data model format, which then serves as an intermediary representation that can be rendered adaptively on any mobile device. This data model acts as a bridge between the desktop-optimized source content and the mobile display target, enabling cross-device compatibility while preserving content integrity
2Measurement precision
If mobile websites are designed specifically for smaller screens, then the website can be displayed legibly on mobile devices, but the cost of maintaining both regular and mobile websites increases significantly
Solution Approach 1:
The patent merges the functionality of separate mobile website development into the existing regular website infrastructure. By transforming any regular website into a mobile-optimized format through data model conversion and adaptive rendering, the system eliminates the need to maintain separate mobile website versions, thereby reducing maintenance costs while preserving mobile display quality
Solution Approach 2:
The patent creates a universal solution where a single regular website can serve multiple device types (desktop, laptop, and mobile devices) through the transformative rendering process. The system makes the regular website multi-functional by enabling it to adapt to mobile display requirements without requiring separate mobile-optimized versions, thereby simplifying maintenance while achieving mobile display quality
3Measurement precision
If a mobile website is optimized for one screen size or resolution, then it displays well on that specific device, but it produces undesirable arrangements and elements on other screen sizes and resolutions
Solution Approach 1:
The patent implements dynamic adaptation where the webpage rendering parameters are adjusted in real-time based on the detected mobile device characteristics. Instead of a static optimization for one screen size, the system dynamically transforms the data model representation and rendering parameters according to the specific pixel density, screen size, and resolution of each mobile device, ensuring optimal display across varying screen specifications
Data Source
AI summary
Mechanisms for natively rendering and optimizing Internet contents on different displays of mobile computing devices receive screen description for a webpage from a server supporting a Web server hosting a software application and prepare and transmit an inquiry to multiple painters to inquire whether these painters have native capability and functionality to paint a single screen for optimal viewing experiences on displays of mobile computing devices having different sizes or resolutions. A receiving painter includes its own decision mechanism to respond to the inquiry either affirmatively or negatively. A painter is selected from one or more painters receiving the inquiry and responding affirmatively. When no receiving painters respond affirmatively to the inquiry, a web view screen painter is selected to paint the screen on a mobile communication device display in a way that the screen resembles or appears exactly like the webpage when displayed on a computer display.