Automated generation of mobile optimized website based on an existing conventional web page description

• US 9,311,427 B2
• Filed: 01/03/2012
• Issued: 04/12/2016
• Est. Priority Date: 01/03/2012
• Status: Active Grant

• Current Assignee: Cimpress Schweiz GmbH (Cimpress Plc)
• Original Assignee: Cimpress Schweiz GmbH (Cimpress Plc)
• Inventors: Kwan, Jeff L., Hale, Tristan C., LaPointe, Christopher M., Quinn, Matthew T., Pallai, Jeremy M.
• Primary Examiner(s): Zuberi, Mohammed-Ibrahim
• Application Number:
  US13/342,969
• Publication Number:
  US 20130174012A1
• Time in Patent Office: 1,561 Days
• Field of Search: 715/234, 715/238, 709/227
• US Class Current: 1/1
• CPC Class Codes: G06F 16/9577 Optimising the visualization of content, e.g. distillation of HTML documents
• CPC Class Codes: G06F 16/958 Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
• CPC Class Codes: G06F 30/33 Design verification, e.g. functional simulation or model checking
• CPC Class Codes: G06F 40/103 Formatting, i.e. changing of presentation of documents automatic justification G06F40/189; automatic line break hyphenation G06F40/191
• CPC Class Codes: G06F 8/36 Software reuse
• CPC Class Codes: H04W 88/02 Terminal devices

Abstract

Methods and apparatuses for automatically generating a mobile-optimized website from an existing website are disclosed.

Claims

1. A method for automatically generating a web page optimized for mobile devices based on an existing conventional web page description, comprising:

receiving a web page description of a conventional web page designed for rendering on a display of a non-mobile device, the received web page description describing an arrangement and application of a plurality of individual conventional web page components;

selecting at least one of the individual conventional web page component descriptions in the received web page description;

identifying a family of assets associated with the selected at least one individual conventional web page component descriptions, the identified family of assets comprising a plurality of component descriptions corresponding to different parts of a plurality of different products and which are combinable to form a plurality of different yet visually-coordinated products, the identified family of assets comprising one or more mobile-optimized web page component descriptions;

for each selected at least one individual conventional web page component description;

if the identified family of assets comprises one or more mobile-optimized web page component descriptions corresponding to the selected at least one individual conventional web page component description, selecting one of the corresponding mobile-optimized web page component descriptions and replacing the conventional web page component description in the received web page description with the selected mobile-optimized component description; and

if the identified family of assets does not comprise one or more mobile-optimized web page component descriptions corresponding to the selected at least one individual conventional web page component description, but does comprise one or more alternative component descriptions associated with a product different than a mobile-optimized web page yet are better suited for use in a mobile-optimized web page than the conventional web page component description, selecting one of the alternative component descriptions and replacing the conventional web page component description in the received web page description with the selected alternative component description.

2. The method of claim 1, further comprising:

generating a modified version of the received web page description to include the one or more replacements; and

saving the modified version of the received web page description as a mobile-optimized web page description.

3. The method of claim 2, further comprising:

detecting a request for the conventional web page from a mobile device; and

serving the mobile-optimized web page description in response to the request.

4. The method of claim 3, further comprising:

rendering the served mobile-optimized web page description on a display of the requesting mobile device.

5. The method of claim 1, wherein at least one of the selected mobile-optimized web page components matches a look-and-feel of its corresponding selected conventional web page component.

6. The method of claim 5, wherein at least one of the selected mobile-optimized web page components and its corresponding selected conventional web page component each comprise a matching image.

7. The method of claim 5, wherein at least one of the selected mobile-optimized web page components and its corresponding selected conventional web page component each comprise a matching color scheme.

8. The method of claim 5, wherein at least one of the selected mobile-optimized web page components and its corresponding selected conventional web page component each comprise a matching font scheme.

9. The method of claim 1, wherein the received web page description comprises a conventional web page header description and the selected at least one individual conventional web page components comprises a conventional web page header component, the method further comprising:

if the conventional web page header description in the received web page description is identical to a conventional web page header description in the identified family of assets, and if the identified family of assets comprises one or more mobile-optimized web page header descriptions, selecting one of the mobile-optimized web page header descriptions and replacing the conventional web page header description in the received web page description with the selected mobile-optimized component description; and

if the conventional web page header description in the received web page description is identical to a conventional web page header description in the identified family of assets, and if the identified family of assets does not comprise one or more mobile-optimized web page header descriptions, but does comprise one or more alternative header component descriptions associated with a product different than a mobile-optimized web page yet are better suited for use in a mobile-optimized web page than the conventional web page header component description, selecting one of the alternative header component descriptions and replacing the conventional web page header description in the received web page description with the selected alternative header component description.

10. The method of claim 1, wherein the received web page description comprises a conventional web page header description and the selected at least one individual conventional web page components comprises a conventional web page header component, the method further comprising:

if the identified family of assets comprises one or more mobile-optimized web page header descriptions, selecting one of the mobile-optimized web page header descriptions and replacing the conventional web page header description in the received web page description with the selected mobile-optimized component description;

if the identified family of assets does not comprise one or more mobile-optimized web page header descriptions, but does comprise one or more alternative header component descriptions associated with a product different than a mobile-optimized web page yet are better suited for use in a mobile-optimized web page than the conventional web page header component description, selecting one of the alternative header component descriptions and replacing the conventional web page header description in the received web page description with the selected alternative header component description; and

if the identified family of assets does not comprise one or more mobile-optimized web page header descriptions, and further does not comprise one or more alternative header component descriptions associated with a product different than a mobile-optimized web page that are better suited for use in a mobile-optimized web page than the conventional web page header component description, and if the identified family of assets does comprise an accent image that is included in a plurality of the component descriptions belonging to the identified family of assets and further comprises a generic mobile-optimized header component description having an image container configured to receive an image, selecting the generic mobile-optimized header component description with the accent image incorporated into the image container of the generic mobile-optimized header component description.

11. The method of claim 1, further comprising:

automatically generating one or more gradient colors based on colors described in the received conventional web page; and

applying the generated one or more gradient colors to one or more web page components when displayed on a mobile device.

12. The method of claim 1, further comprising:

automatically generating one or more shadow colors based on colors described in the received conventional web page; and

applying the generated one or more shadow colors to one or more web page components when displayed on a mobile device.

13. The method of claim 1, further comprising:

automatically inserting audio autodetection and configuration code into the mobile-optimized web page description which, when interpreted by a web browser of a device that requests the mobile-optimized web page corresponding to the mobile-optimized web page description, detects at least one of a browser type and a device type and which automatically selects and configures an audio player specific to the requesting device.