Adaptive Web Portal iView Layout for Mobile Resolution
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Viewing and interacting with web page portals that include multiple web browser frames on mobile devices is difficult and time-consuming due to limited screen resolution, requiring users to scroll extensively to access pertinent information.
Innovation Solution
The method involves determining the mobile device's screen resolution using media queries and adjusting the content and size of iViews based on this resolution, as well as user roles, by querying associated rules and priorities stored in a database, and applying these adjustments through CSS modifications to prioritize and hide or show content accordingly.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Quantity of substance
If multiple web browser frames are displayed on a web portal, then information from various sources can be consolidated in a single page, but the complexity of viewing and interacting with the page increases on mobile devices
Solution Approach 1:
The patent segments the web portal content into multiple iViews, each representing a distinct information source or functional area. Each iView can be independently managed, adjusted, and optimized for mobile display. This segmentation allows the system to present multiple information sources while enabling selective display and adjustment of individual views based on mobile device constraints and user needs.
Solution Approach 2:
The patent implements dynamic adjustment of iView properties including size, position, and visibility based on mobile device characteristics and user roles. The system can dynamically modify the display characteristics of individual iViews to optimize the viewing experience on mobile devices, transforming a static multi-frame layout into an adaptive, flexible display that responds to device and user context.
2Loss of information
If web portal content is displayed with full detail on mobile devices, then information completeness is maintained, but the screen real estate required increases causing extensive scrolling
Solution Approach 1:
The patent applies local quality by allowing different levels of detail and display characteristics for different iViews based on their importance and mobile device constraints. Not all iViews require the same level of detail on mobile devices, so the system can selectively optimize each view's content density and complexity according to its specific requirements and the user's role, reducing unnecessary scrolling while maintaining essential information.
Solution Approach 2:
The patent changes display parameters such as iView size, font size, spacing, and content density based on mobile device screen resolution and user role. By adjusting these parameters dynamically, the system optimizes the balance between information completeness and screen real estate utilization, reducing the amount of scrolling required while maintaining necessary information accessibility.
3Ease of operation
If iView size and content are adjusted for mobile devices, then usability is improved, but the complexity of managing and configuring these adjustments increases
Solution Approach 1:
The patent creates a universal framework for managing iViews that works across multiple device types and user roles. The same system and tools can be used to define, adjust, and manage iViews for both mobile and desktop displays, as well as for different user roles. This multi-functionality reduces the complexity of content management by providing a single, consistent approach rather than requiring separate management systems for different platforms and user types.
Solution Approach 2:
The patent implements feedback mechanisms where the system automatically detects mobile device characteristics and user roles, then applies appropriate display adjustments without requiring manual configuration for each scenario. The system uses feedback from device detection and user identification to automatically determine optimal iView configurations, reducing the manual complexity of managing multiple display scenarios.
Data Source
AI summary
According to some embodiments, a method and apparatus are provided to receive an application type and a platform environment type. An application based on the received application type and the platform environment type is created. The application comprises an instantiation of the received application type configured for the received environment type.