Browser-Based Website Editor With Real-Time Template Modification

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Small business owners, particularly photographers and artists, face challenges in creating attractive and content-rich websites due to the difficulty and cost of acquiring programming and web hosting skills, making it hard for them to effectively showcase their work online.

Innovation Solution

A website editor system that includes a server with a website editor, database, and client devices, allowing users to edit websites through a browser-based interface with real-time modification capabilities, authorization, and web hosting, enabling users to design and modify websites without extensive technical knowledge.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Manufacturing precision

If users acquire programming and web hosting skills to create websites, then website quality and functionality improve, but time required and cost increase

Engineering Contradiction:
Improvewebsite qualityVSAvoidtime to acquire skills
Core Design Contradiction:
Manufacturing precisionVSLoss of time

Solution Approach 1:

The patent introduces a website template system as an intermediary between the user and the final website product. Users select from pre-designed templates that already incorporate professional programming and design, eliminating the need for users to acquire programming skills while still achieving high-quality websites. The template acts as a mediator that translates user preferences into professionally designed web pages.

Inventive Principle:
Principle #24Intermediary (Mediator)

Solution Approach 2:

The patent applies preliminary action by pre-programming and pre-designing website templates with all necessary code, styling, and structural elements before deployment. This allows users to deploy websites immediately by selecting templates, eliminating the time required for users to learn programming while maintaining high website quality through pre-engineered solutions.

Inventive Principle:
Principle #10Preliminary action

2Manufacturing precision

If users hire programmers to create websites, then website quality improves, but cost increases

Engineering Contradiction:
Improvewebsite qualityVSAvoidcost
Core Design Contradiction:
Manufacturing precisionVSQuantity of substance

Solution Approach 1:

The patent uses copying by providing users with access to pre-designed template copies that can be selected and deployed without hiring programmers. The templates represent copied professional designs that users can implement directly, eliminating the need to pay programmers while still achieving professional-quality websites through replicated best practices.

Inventive Principle:
Principle #26Copying

Solution Approach 2:

The patent employs disposable objects by using pre-built website templates that can be quickly selected and deployed without ongoing costs. Once a template is selected, users can deploy the website immediately without recurring programmer fees, effectively replacing expensive ongoing services with a one-time template selection process.

Inventive Principle:
Principle #27Cheap short-living objects (Disposable)

3Manufacturing precision

If specialized software is used for website design, then design capability improves, but ease of operation decreases

Engineering Contradiction:
Improvedesign capabilityVSAvoidease of use
Core Design Contradiction:
Manufacturing precisionVSEase of operation

Solution Approach 1:

The patent applies universality by making the website template system accessible through multiple platforms including web browsers, mobile devices, and various operating systems. Users can select and deploy templates without installing specialized software, as the system works universally across different devices and browsers, maintaining high design capability while improving ease of operation.

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

Solution Approach 2:

The patent substitutes the mechanical system of specialized design software with a web-based template selection interface. Instead of requiring users to install and operate complex design programs, the system replaces it with simple web-based template browsing and selection, maintaining design quality while dramatically improving ease of operation through familiar web interfaces.

Inventive Principle:
Principle #28Mechanics substitution (Replace mechanical system)

4Productivity

If real-time website modification is enabled, then productivity improves, but system complexity increases

Engineering Contradiction:
Improvewebsite modification speedVSAvoidsystem complexity
Core Design Contradiction:
ProductivityVSDevice complexity

Solution Approach 1:

The patent uses copying to enable real-time website modification by maintaining a copy of the website template that can be modified without affecting the original template. Users can make changes to their selected template copy in real-time, and these changes are applied immediately to the deployed website, achieving high productivity while keeping the underlying template system simple and unchanged.

Inventive Principle:
Principle #26Copying

Data Source

PatentUS9971749B2Editor for website and website menu
Publication Date: 2018.05.15 APHOTOFOLIO COM
  • US9971749B2 patent drawing
  • US9971749B2 patent drawing
  • US9971749B2 patent drawing

AI summary

Methods, systems, and devices for editing websites are disclosed herein. A website editor for editing a website includes an editor display component, a website modification component, and a website display component. The editor display component is configured to display an editor interface for receiving user input for editing a website. The editor interface is displayed within a browser substantially simultaneously with the website. The website modification component is configured to update website data corresponding to the website based on the user input received through the editor interface. The website display component is configured to automatically update display of the website based on the updated website data. The display of the website is updated in real-time in response to receiving the user input.