Automated Webpage Generation from Design File Layers
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
The existing process of webpage generation is inefficient due to reliance on webpage developers' experience, resulting in low efficiency, poor quality webpages, and increased costs.
Innovation Solution
A method and apparatus that automatically generate webpages by obtaining the size and layer information of an original design file, and materials within those layers, to create a well-laid-out and beautiful webpage, improving efficiency and reducing costs.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Manufacturing precision
If a webpage developer writes webpage code according to experience to generate the webpage, then the webpage can be generated with some quality, but webpage generating efficiency is low and costs are increased
Solution Approach 1:
The patent uses optical character recognition (OCR) technology to automatically copy and recognize text content from the design file images, replacing manual text input by developers. This automation maintains text accuracy while significantly improving efficiency and reducing costs.
Solution Approach 2:
The system enables self-service by automatically analyzing design files, extracting materials and layer information, and generating webpage code without requiring developer intervention for routine tasks. The automated workflow allows the system to serve itself in converting design files to functional webpages.
2Manufacturing precision
If a designer manually arranges layout and beautifies materials using an image processing tool, then the original design file is well-laid-out and beautiful, but the process is time-consuming and inefficient
Solution Approach 1:
The patent performs preliminary actions by automatically analyzing and structuring design file information before webpage generation. The system pre-processes design files to extract layer information, material properties, and spatial relationships, preparing structured data that accelerates the subsequent code generation process.
Solution Approach 2:
The patent replaces manual mechanical operations (dragging, dropping, arranging) with automated computer vision and image processing algorithms. The system automatically identifies materials, determines their positions, and extracts properties without requiring manual manipulation, significantly reducing design time while maintaining quality.
3Productivity
If the webpage is generated automatically based on design file information, then efficiency is improved and costs are reduced, but the complexity of the generation system increases
Solution Approach 1:
The patent segments the complex webpage generation process into distinct modules: design file analysis, material identification, layer information extraction, text recognition, and code generation. Each module handles a specific task, making the overall complex system manageable through functional decomposition and independent optimization.
Solution Approach 2:
The patent introduces an intermediary structured data format that bridges the design file and the final webpage code. This intermediate representation layer translates complex design information into a standardized format that simplifies subsequent code generation, acting as a mediator that reduces system complexity.
Data Source
AI summary
A webpage generating method includes: obtaining a size of an original design file and layer information of a layer included in the original design file; obtaining a material included in the layer; and generating a webpage according to the size of the original design file, the layer information of the layer, and the material included in the layer.