Local Web Page Designer Translating Relative References

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Current web server software tools require web page development to be done on a remote server and only support existing web pages, making it difficult to design and test web pages locally with relative references that are not resolvable on machines other than the server.

Innovation Solution

A method that translates relative references in web page code to local references, allowing local machines to resolve and render web pages with resources from a remote server, enabling local design and testing before deployment.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Reliability

If web page code uses relative references to resources from the remote server's perspective, then the web page can be properly resolved and rendered on the remote server, but the same code cannot be resolved on a local machine

Engineering Contradiction:
Improveweb page resolution reliabilityVSAvoidcross-machine compatibility
Core Design Contradiction:
ReliabilityVSAdaptability or versatility

Solution Approach 1:

The patent introduces a local server as an intermediary that receives web page code with relative references and translates them into local references that resolve to resources on the local machine. This intermediary enables the web page to be rendered locally while maintaining the original relative reference structure from the remote server's perspective.

Inventive Principle:
Principle #24Intermediary (Mediator)

Solution Approach 2:

The patent changes the reference parameter from remote server-relative paths to local machine-relative paths. By translating the base URL and resolving relative references against the local file system structure, the same web page code can be rendered on different machines with different resource locations.

Inventive Principle:
Principle #35Parameter changes

2Reliability

If web page development is done on the remote server, then relative references work correctly, but developer productivity decreases due to frequent deployments required for testing

Engineering Contradiction:
Improvereference resolution accuracyVSAvoiddeveloper workflow efficiency
Core Design Contradiction:
ReliabilityVSProductivity

Solution Approach 1:

The patent enables preliminary local rendering and testing of web pages before deployment to the remote server. By translating relative references to local references, developers can preview and test web pages on their local machines, catching errors early and reducing the need for frequent remote deployments.

Inventive Principle:
Principle #10Preliminary action

Solution Approach 2:

The patent creates a local copy of the web page rendering environment that mirrors the remote server's behavior. The local server receives and processes web page code locally, creating a faithful reproduction of the remote rendering experience without requiring actual remote server access.

Inventive Principle:
Principle #26Copying

3Adaptability or versatility

If web page code includes full path expressions to resources, then the code can be resolved on any machine, but the code complexity and maintenance difficulty increase

Engineering Contradiction:
Improvecross-machine resolvableVSAvoidcode structure complexity
Core Design Contradiction:
Adaptability or versatilityVSDevice complexity

Solution Approach 1:

The patent dynamically changes the reference parameter from static full paths to relative paths that are resolved against a local base URL. This allows the same web page code to work across different machines without hardcoding absolute paths, maintaining simplicity while achieving cross-machine compatibility.

Inventive Principle:
Principle #35Parameter changes

Solution Approach 2:

The patent separates the base URL configuration from the relative reference paths in the web page code. By configuring the base URL at the local server level and keeping references relative, the system achieves both cross-machine compatibility and code simplicity without requiring full absolute paths throughout the codebase.

Inventive Principle:
Principle #1Segmentation

Data Source

PatentUS8745582B2Designer for web pages at a local machine
Publication Date: 2014.06.03 MICROSOFT TECHNOLOGY LICENSING LLC
  • US8745582B2 patent drawing
  • US8745582B2 patent drawing
  • US8745582B2 patent drawing

AI summary

One embodiment includes a method that may be practiced in a computing environment. The method enables design and testing of web pages locally at a local machine. After being designed and tested at the local machine, the web pages will be deployed at a remote server remote from the local machine. The web pages include relative references to resources from the perspective of the remote server. The relative references to resources are intended to be resolved by the remote server. The method includes accessing code at a local machine. The code defines a web page. The code includes relative references to resources. The relative references are expressed from the perspective of a remote server remote from the local machine, such that the relative references are only natively resolvable by the remote server. The method further includes translating the relative references to local references. The local references are resolvable by the local machine such that the local machine can resolve the local references to the resources.