Adaptive User Interface via Platform-Specific Object Selection
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing user interfaces designed with HTML5 media elements often fail to function consistently across different platforms due to hardware and software differences, requiring separate designs and implementations for various devices.
Innovation Solution
A method that involves defining user interfaces with media elements and object elements associated with platform classes, using a lookup table to determine platform-specific parameters for each device, allowing a single user interface to be adapted and presented across multiple platforms.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If separate user interface designs are created for each platform, then platform-specific functionality is optimized, but device complexity and development time increase
Solution Approach 1:
The patent implements a universal user interface design that can function across multiple platforms by using HTML5 media elements with embedded object elements. Each media element contains multiple object elements with different platform class associations, allowing a single interface structure to serve multiple platforms (mobile, tablet, desktop, TV) without requiring separate designs for each platform type.
Solution Approach 2:
The user interface is segmented into modular components: media elements containing multiple object elements, each object element associated with specific platform classes. This segmentation allows the system to selectively activate appropriate components based on the detected platform, reducing the need for complete separate interface designs while maintaining platform-specific optimization.
2Manufacturing precision
If platform-specific parameters are hardcoded for each device, then presentation accuracy is improved, but maintenance difficulty and development time increase
Solution Approach 1:
The system uses parameter changes to adapt the user interface to different platforms. Each object element contains platform-specific parameters (such as width, height, resolution settings) that are automatically selected based on the detected platform class. This allows precise parameter configuration for each platform without hardcoding separate interfaces, as the same interface structure dynamically adjusts its parameters based on the running platform.
3Productivity
If a single user interface is used across all platforms, then development time is reduced, but platform-specific optimization is lost
Solution Approach 1:
The user interface implements dynamic adaptation through platform detection and conditional rendering. The system detects the running platform and dynamically selects appropriate object elements and parameters from within the single interface structure. This dynamic behavior allows a single interface to be deployed across all platforms while maintaining platform-specific optimization, as the interface automatically adjusts its behavior and parameters based on the detected platform characteristics.
Data Source
AI summary
A computer implemented method for presenting a user-interface on a device, the method includes the steps of loading an user interface on the device, the user interface having at least one media element, reading a media element including a plurality of object elements, selecting at least one object element within the media element based on a platform information of the device, and presenting a media content of the media element using a parameter set in the at least one object element.