Web Content Generation System for WYSIWYG Editing

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Current tools for creating and modifying webpages and websites require extensive technical knowledge and resources, limiting user flexibility and efficiency, especially for small enterprises and individuals who need to manage both desktop and mobile versions with varying languages and designs.

Innovation Solution

A method that allows users to easily change fonts, add images, and incorporate widgets into web content using intuitive drag-and-drop and copy-paste operations, with automatic installation and integration of new elements, enabling rapid duplication and editing of webpages and automatic online availability of edits without requiring extensive web development skills.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Ease of manufacture

If traditional webpage creation tools are used, then webpages can be created with professional functionality, but extensive technical knowledge and resources are required

Engineering Contradiction:
Improveease of webpage creationVSAvoidtechnical knowledge required
Core Design Contradiction:
Ease of manufactureVSDevice complexity

Solution Approach 1:

The system enables users to copy entire webpages or portions thereof from source webpages and paste them into target webpages. This copying mechanism allows users to replicate professional webpage structures, layouts, and content without needing to understand the underlying technical implementation, thereby reducing the technical knowledge barrier while maintaining professional quality results

Inventive Principle:
Principle #26Copying

Solution Approach 2:

The webpage creation system acts as an intermediary between users and the complex technical processes of webpage development. It provides simplified interfaces for copying, pasting, and modifying webpage content, automatically handling the technical complexities of HTML, CSS, and other web technologies behind the scenes

Inventive Principle:
Principle #24Intermediary (Mediator)

2Productivity

If traditional webpage modification processes are used, then webpages can be updated with new content, but the process is time-consuming and requires technical expertise

Engineering Contradiction:
Improvespeed of webpage modificationVSAvoidtime required for edits
Core Design Contradiction:
ProductivityVSLoss of time

Solution Approach 1:

Users can quickly modify webpages by copying updated content from source webpages and pasting it into target webpages. This eliminates the need for manual recoding or complex editing processes, significantly reducing the time required for webpage updates while maintaining professional quality

Inventive Principle:
Principle #26Copying

Solution Approach 2:

The system allows users to prepare and stage changes before finalizing them. Users can copy content, review the changes, and then apply them to the target webpage, enabling efficient workflow management and reducing the overall time required for webpage modifications

Inventive Principle:
Principle #10Preliminary action

3Adaptability or versatility

If manual font installation processes are used, then fonts can be added to webpages, but the process requires multiple steps and technical knowledge

Engineering Contradiction:
Improvefont selection flexibilityVSAvoidease of font installation
Core Design Contradiction:
Adaptability or versatilityVSEase of operation

Solution Approach 1:

When users copy content that uses a particular font from a source webpage, the system automatically copies the font information and installs the font in the target environment. This eliminates manual font installation steps and makes font selection as simple as copying and pasting content

Inventive Principle:
Principle #26Copying

Solution Approach 2:

The system performs automatic font installation and configuration without requiring user intervention. When content is copied with font information, the system self-services by detecting the font requirements, locating the font files, installing them, and configuring them for use in the target webpage

Inventive Principle:
Principle #25Self-service

4Manufacturing precision

If extensive web development skills are required, then professional-quality webpages can be created, but accessibility is limited to skilled developers

Engineering Contradiction:
Improvequality of webpage outputVSAvoiduser accessibility
Core Design Contradiction:
Manufacturing precisionVSEase of operation

Solution Approach 1:

The system democratizes professional webpage creation by allowing any user to copy from professionally designed source webpages. Users don't need to understand the technical skills required to create those pages professionally - they can simply copy, paste, and modify content, making professional-quality webpage creation accessible to everyone

Inventive Principle:
Principle #26Copying

Solution Approach 2:

The system serves as an intermediary that translates between simple user actions (copy, paste, modify) and the complex technical processes required for professional webpage development. This intermediary layer maintains high output quality while significantly improving user accessibility

Inventive Principle:
Principle #24Intermediary (Mediator)

Data Source

PatentUS10909304B2Methods and systems for WYSIWYG web content generation
Publication Date: 2021.02.02 PAGECLOUD
  • US10909304B2 patent drawing
  • US10909304B2 patent drawing
  • US10909304B2 patent drawing

AI summary

Whilst the Internet has become a dominant communications medium through a variety of services the main portal to the vast majority of this content is through a webpage associated with a user, a group, enterprise, retailer etc. For those generating the content they are today essentially stuck with two options, one expensive option for full creative control and flexibility via web developers and website development enterprises, the other cheaper option to use an enterprise offering templates and work within their constraints. In contrast, embodiments of the invention provide conventional features the user is familiar with such as cut, copy, paste etc. allowing them to edit, manipulate, and create directly within a webpage using a tool that works directly within their website such that changes are automatically live on the Internet when completed but has the familiarity of a standard graphics editing or word processing tool.