Webpage Artifact Design System with Style Pattern Segmentation

Resolve Bottlenecks,
Find Innovative SolutionsGenerate Solutions

Solution Overview

Problem

In web development, updating code to provide user-customized style specifications leads to code bloat, conflicts with generic code generation strategies, maintenance problems, and browser compatibility issues, increasing complexity and testing time.

Innovation Solution

A system and method that identify a style pattern based on an HTML pattern and user-specified boundary conditions, determine and perform editing operations on webpage artifacts, and render designs while ensuring browser compatibility through a cascading style sheet (CSS) using a model-view-controller (MVC) framework, with real-time preview and support for various browsers.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Adaptability or versatility

If code is updated to provide user-customized style specifications, then customization capability is improved, but code complexity increases and code bloat occurs

Engineering Contradiction:

Improvecustomization capabilityVSAvoidcode complexity

Core Design Contradiction:

Adaptability or versatilityVSDevice complexity

Solution Approach 1:

The patent segments the code generation process into a generic code generator and separate style specification mechanisms. The style patterns are separated from the core code generation logic, allowing customization without bloating the main codebase. Style specifications are handled as distinct artifacts that can be modified independently.

Inventive Principle:

Principle #1Segmentation

Solution Approach 2:

The patent extracts style specification functionality from the core code generation system. By taking out style patterns and boundary conditions as separate artifacts, the system avoids code bloat while maintaining customization capability. The style specifications are extracted as independent configurable elements.

Inventive Principle:

Principle #2Taking out (Extraction)

2Adaptability or versatility

If code is updated to provide user-customized style specifications, then customization capability is improved, but maintenance problems increase

Engineering Contradiction:

Improvecustomization capabilityVSAvoidmaintenance ease

Core Design Contradiction:

Adaptability or versatilityVSEase of repair

Solution Approach 1:

The patent segments maintenance concerns by separating style specification artifacts from core code generation logic. This segmentation allows style patterns to be maintained independently without affecting the generic code generator, reducing maintenance complexity.

Inventive Principle:

Principle #1Segmentation

Solution Approach 2:

The patent creates a universal style specification framework that works across different web applications and browsers. The style patterns and boundary conditions are designed to be universally applicable, reducing the need for application-specific maintenance while preserving customization.

Inventive Principle:

Principle #6Universality (Multi-functionality)

3Adaptability or versatility

If code is updated to provide user-customized style specifications, then customization capability is improved, but testing time increases

Engineering Contradiction:

Improvecustomization capabilityVSAvoidtesting time

Core Design Contradiction:

Adaptability or versatilityVSLoss of time

Solution Approach 1:

The patent performs preliminary action by defining style patterns and boundary conditions as pre-configured artifacts. These style specifications are prepared in advance with predefined rules and constraints, reducing the need for extensive testing during customization. The framework includes built-in validation rules that automatically check style specifications.

Inventive Principle:

Principle #10Preliminary action

4Adaptability or versatility

If code is updated to provide user-customized style specifications, then customization capability is improved, but browser compatibility issues increase

Engineering Contradiction:

Improvecustomization capabilityVSAvoidbrowser compatibility

Core Design Contradiction:

Adaptability or versatilityVSReliability

Solution Approach 1:

The patent creates a universal style specification framework that generates browser-compatible CSS code. The system incorporates browser compatibility rules and generates standardized CSS that works across multiple browsers, ensuring reliability while maintaining customization capability.

Inventive Principle:

Principle #6Universality (Multi-functionality)

Solution Approach 2:

The patent uses style patterns and boundary conditions as intermediary artifacts between user customization requirements and actual code generation. These intermediaries translate user-specific style requirements into browser-compatible CSS code, resolving compatibility issues while preserving customization.

Inventive Principle:

Principle #24Intermediary (Mediator)

Data Source

PatentUS10331774B2System and methods for designing artifacts associated with a webpage

Publication Date: 2019.06.25 TATA CONSULTANCY SERVICES LTD

AI summary

The present disclosure generally relates to systems and methods for designing webpage and, more particularly, to systems and methods for designing artifacts associated with a webpage in a web development environment. In one embodiment, a system for designing artifacts associated with a webpage is provided. The system may identify a style pattern based on an HTML pattern of the webpage and one or more boundary conditions. The system may also determine one or more editing operations to be performed on the artifacts based on one or more style specifications. The system may further perform the one or more determined editing operations on the artifacts based a value associated with one or more of the artifacts, the style pattern, and the boundary conditions, and render design of the artifacts based on the performance of the editing operations.