Iframe-Based Content Management System Resolving Code Conflicts
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Conventional in-context content management systems face challenges with code conflicts between website and CMS code, and limitations in effectively utilizing the user interface, leading to inefficient content management and user experience issues.
Innovation Solution
A system architecture that uses a dedicated website with a rendering engine and messaging component to manage web page content, allowing administrators to update content efficiently by loading the website in an iframe and providing a user interface for modification, with the messaging component exchanging messages between the user interface and rendering engine to facilitate changes.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Ease of operation
If in-context content management tools are displayed on the same web page as the website content, then users can edit content without leaving the site, but code conflicts between website code and CMS code occur
Solution Approach 1:
The patent divides the system into two separate applications: a website application and a content management application. The website is loaded in an iframe within the content management application, creating distinct code environments that prevent conflicts while maintaining operational integration.
Solution Approach 2:
The patent introduces a messaging component as an intermediary between the website iframe and the content management application. This mediator enables communication and data exchange between the two separate applications without direct code interaction, eliminating code conflicts while maintaining functional integration.
2Ease of operation
If the CMS user interface is displayed within the same web page context as the website, then editing is convenient, but the user interface cannot be effectively utilized due to space and layout constraints
Solution Approach 1:
The patent transitions from a two-dimensional webpage layout to a three-dimensional application architecture. The content management application runs in a separate browser window with the website embedded in an iframe, allowing the UI to utilize full screen real estate and providing better spatial arrangement for editing tools.
3Adaptability or versatility
If the website and CMS code exist in the same browser environment, then integration is achieved, but code conflicts and performance degradation occur
Solution Approach 1:
The patent segments the code execution environments by running the website in an isolated iframe context within the content management application. This separation prevents code conflicts while maintaining functional integration through the messaging component, thereby improving system performance.
Data Source
AI summary
A system architecture and related methods for controlling and/or modifying the content presented by a web site on one or more web pages. The system and methods enable an administrator or manager to efficiently update, revise, or otherwise maintain the content presented to a viewer on a web page, where such content may be subject to change or variation based on data related to the operation of a business for which the web site or web page is presented. The architecture, coupled with the methods for content or user interface representation and manipulation, enable a website administrator, manager, or other party to more efficiently control the content presented to a viewer of the site or page, where the viewer may be a customer or employee of a business.