Browser Canvas Object Layout Automation

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Educators face difficulties in creating instructional content that incorporates various digital objects such as text, images, and videos due to the complexity of existing applications, which often require expert knowledge and do not accommodate different types of media effectively, especially in an instructional context where multiple users with varying skills need to collaborate.

Innovation Solution

A browser-based system that includes a presentation controller and editor, which automatically arranges and styles objects on a canvas, determining optimal placement, sizing, and spacing based on content type, and provides both view and edit modes to facilitate easy authoring of instructional content without requiring advanced knowledge of application features.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Ease of operation

If traditional word processing or presentation applications are used to create instructional content with multiple object types, then the application can display and render content, but the authoring process becomes complex and requires expert knowledge of application features and layout arrangements

Engineering Contradiction:
Improveease of authoring instructional contentVSAvoidcomplexity of application features and layout control
Core Design Contradiction:
Ease of operationVSDevice complexity

Solution Approach 1:

The system automatically performs layout arrangement, object placement, and formatting tasks without requiring manual intervention. The presentation controller autonomously analyzes the imported instructional content and generates an optimized layout, eliminating the need for authors to manually adjust layouts or understand complex application features.

Inventive Principle:
Principle #25Self-service

Solution Approach 2:

The system combines multiple application functions (word processing, presentation design, layout arrangement, formatting) into a single integrated online application. This consolidation allows the system to handle diverse object types and automatic layout generation while providing a simplified user interface that requires minimal authoring effort.

Inventive Principle:
Principle #5Merging (Combining)

2Adaptability or versatility

If multiple different types of digital objects (text, images, video, audio) are incorporated into instructional content, then the content becomes more comprehensive and effective for instruction, but the ability to accommodate and effectively layout these different objects becomes increasingly difficult

Engineering Contradiction:
Improveability to accommodate different object typesVSAvoiddifficulty of layout and arrangement
Core Design Contradiction:
Adaptability or versatilityVSDevice complexity

Solution Approach 1:

The online application is designed to universally handle multiple types of digital objects (text, images, video, audio, links) through a single interface. The system imports content from various sources and automatically adapts the layout to accommodate different object types, eliminating the need for separate applications or complex manual arrangement for each object type.

Inventive Principle:
Principle #6Universality (Multi-functionality)

Solution Approach 2:

The system dynamically adjusts layout parameters (object sizes, positions, spacing, formatting) based on the types and characteristics of the imported objects. The presentation controller automatically modifies these parameters to create an effective layout that accommodates diverse object types without requiring manual intervention.

Inventive Principle:
Principle #35Parameter changes

3Manufacturing precision

If educators must manually arrange layouts and adjust styles for text and images, then precise control over content presentation is achieved, but the time and expertise required for content creation increases significantly

Engineering Contradiction:
Improveprecision of layout and styling controlVSAvoidtime required for content creation
Core Design Contradiction:
Manufacturing precisionVSLoss of time

Solution Approach 1:

The system performs preliminary layout arrangement and styling adjustments automatically upon importing instructional content. The presentation controller pre-processes the content, determines optimal object placement, and applies appropriate formatting before the author views or interacts with the final layout, eliminating the need for manual adjustment while maintaining precision.

Inventive Principle:
Principle #10Preliminary action

Solution Approach 2:

The system provides automatic feedback by analyzing the imported content and generating layout recommendations that optimize the presentation. The presentation controller continuously monitors the layout and makes real-time adjustments to maintain precision while reducing the time required for manual intervention.

Inventive Principle:
Principle #23Feedback

4Adaptability or versatility

If online applications follow the traditional blank page paradigm, then consistency with existing applications is maintained, but they remain unsuited for educators with varying experience and skills who need to author content with different types of objects

Engineering Contradiction:
Improvesuitability for educators with varying skillsVSAvoidease of authoring without expert knowledge
Core Design Contradiction:
Adaptability or versatilityVSEase of operation

Solution Approach 1:

Instead of presenting educators with a blank page and requiring them to manually create layouts and arrangements, the system inverts the approach by automatically generating the layout from imported instructional content. The presentation controller takes the content as input and produces the layout as output, making the system accessible to educators regardless of their technical expertise.

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

Data Source

PatentUS10955999B2Controlled content presentation of objects on a canvas in a browser according to a grid
Publication Date: 2021.03.23 LEARNZILLION
  • US10955999B2 patent drawing
  • US10955999B2 patent drawing
  • US10955999B2 patent drawing

AI summary

Methods and systems are provided for improved authoring of instructional content. A browser and an online application provides a presentation controller and an editor. The presentation controller controls presentation of objects to an author of instructional content. The editor allows the author to edit presentation of objects. In an embodiment, the presentation controller and editor are automatically provided to the browser when a user accesses the online application.