Adaptation of a website to mobile web browser

• US 8,196,035 B2
• Filed: 01/12/2009
• Issued: 06/05/2012
• Est. Priority Date: 09/18/2008
• Status: Active Grant

• Current Assignee: Duda, Inc.
• Original Assignee: Duda Mobile Incorporated
• Inventors: Sadan, Itai, Glatt, Amir
• Primary Examiner(s): Hong, Stephen
• Assistant Examiner(s): Velez-Lopez, Mario M
• Application Number:
  US12/352,132
• Publication Number:
  US 20100070849A1
• Time in Patent Office: 1,240 Days
• Field of Search: 715/234, 715/238
• US Class Current: 715/234
• CPC Class Codes: G06F 16/9577 Optimising the visualization of content, e.g. distillation of HTML documents

Abstract

A method and a system of adaptation of a website to a mobile web browser. The method includes creating a snapshot version of a presentation layer of a website. The method also includes applying a design layer above the snapshot version and indicating an element of the snapshot version using the design layer. Furthermore, the method includes associating an identifying attribute of the element with a template used to create another website and creating a rule that associates a location of the identifying attribute in the snapshot version with another location in the template.

Claims

1. A method comprising:

creating a snapshot version of the presentation layer of a website;

applying a design layer above the snapshot version;

indicating an element of the snapshot version using the design layer;

determining identifying attributes of the element that describe the presentation of the element;

associating the element with a template used to create an other website;

creating a rule that associates a location of the element in the snapshot version with a location in the template, and a rule for modifying presentation of the element in the snapshot to a presentation in the template based on the identifying attributes of the element;

designating modifications to the presentation of the element in the template according to manual modifications of the identifying attributes by a user; and

marking the element in the snapshot version with a comment describing the modifications to the identifying attributes of the element designated by the user.

2. The method of claim 1 further comprising:

fetching a real-time version of the presentation layer of the website;

algorithmically comparing the real-time version of the presentation layer with the snapshot version of the presentation layer;

algorithmically identifying a section of the real-time version of the presentation layer that corresponds to the snapshot version of the element; and

updating the template with a specified set of data copied from the section.

3. The method of claim 2 further comprising:

adapting a modified version of the element on the other website to a specified type of internet browser by using the specified set of data in the template; and

updating the specified set of data in the template based on a manual modifications designated of the user.

4. The method of claim 3 further comprising executing an input of the other website on the real-time version of the website.

5. The method of claim 4 wherein the identifying attribute is associated with the template by moving a visual element of the design layer indicating a content of the snapshot version of the presentation layer and placing the visual element in a visual representation of the template.

6. The method of claim 5 further comprising associating the element with a logical container of the template by moving the visual element of the design layer indicating the content and placing the visual element in a visual representation of the logical container;

wherein the logical container extracts the identifying attribute from the element according to an extracting algorithm that is characteristic of the logical container; and

wherein the design layer allows at least one of a mouse event and a document object model manipulation functionality to the presentation layer.

7. The method of claim 6 wherein a specified-type of logic container extracts a specified-type of identifying attribute of a specified-type of html element when the specified-type of html element of the snapshot version is placed in the specified-type of logic container.

8. The method of claim 7 wherein the other website is designed to be accessed by an internet browser of a mobile device.

9. A computer readable medium comprising a set of computer executable instructions adapted to perform the method of claim 1.

10. A system, including a processor and a memory, comprising:

a snapshot module to create a snapshot version of a presentation layer of a website;

a design layer module to apply a design layer above the snapshot version of the presentation layer of the website;

an extraction module to indicate an element of the snapshot version, to determine identifying attributes of the element that describe the presentation of the element, and to associate the element with a template used to create an other website; and

a rule module to create a rule in the template that associates a location of the element in the snapshot version with a location in the template and a rule for modifying presentation of the element in the snapshot to a presentation in the template based on the identifying attributes of the element;

wherein the rule module designates modifications to the presentation of the element in the template according to manual modifications of the identifying attributes by a user;

a storage module to store the snapshot version in a database; and

wherein the snapshot module marks the element in the snapshot version with a comment describing the modification to the identifying attributes of the element designated by the user.

11. The system of claim 10 further comprising:

a real-time module to fetch a real-time version of the website;

a smart-merge module to compare the real-time version of the presentation layer with the snapshot version of the presentation layer and to use the comment to algorithmically identify a section of the real-time version that corresponds to the snapshot version of the element; and

a data-supply module to provide a specified set of data copied from the section to the template.

12. The system of claim 11 further comprising a presentation module to use the specified set of data in the template to display a modified version of the element on the other website in a form for display on a specified type of internet browser.

13. The system of claim 12 further comprising a simulation module to execute an input of the other website on the real-time version of the website.

14. The system of claim 13:

further comprising a container module to move the element into a logic container of the template;

wherein the identifying attribute is associated with the template by moving a visual element of the design layer indicating a content of the snapshot version of the presentation layer and placing the visual element in a visual representation of the template; and

wherein the logic container extracts the identifying attribute from the element according to an extracting algorithm according to a specified characteristic of the logic container.

15. The system of claim 14:

wherein a specified-type of logic container extracts a specified-type of identifying attribute of a specified-type of html element when the specified-type of html element of the snapshot version is placed in the specified-type of logic container;

wherein the extracting module associates an other data from a specified database other than the presentation layer with the template of an other website; and

wherein the presentation module uses the other data in the template to display a modified version of the element on the other website in a form for display on a specified type of internet browser.

16. The method of claim 15:

wherein the other website is designed to be accessed by an internet browser of a mobile device; and

wherein the modified version of the element on the other website is in a form for display on a mobile device internet browser.

17. A method comprising:

configuring a server to place a manipulation layer on top of a website that allows manipulation of the website;

configuring the server to create a snapshot of the website;

configuring the server to associate a content of the website with a logical container according to a specified type of manipulation of the website with the manipulation layer;

configuring the server to determine identifying attributes of the content that describe the characteristics of the content;

configuring the logical container to algorithmically extract a specified type of data from the content; and

configuring the server to use the specified type of data to create a rule in a template of a simulated website designed for browsing by a mobile device extracted and wherein the rule allows the server to associate the content with the template;

configuring the server to allow a user to designate modifications to presentation of the content in the template according to manual modifications of the identifying attributes of the content by a user;

configuring the server to place a comment in a set of code of the snapshot that corresponds to the content, and describes the modifications to the identifying attributes of the content designated by the user;

configuring the server to store the snapshot.

18. The method of claim 17 further comprising:

configuring the server to fetch a fresh version of the website and identify a fresh content of the fresh version that algorithmically corresponds to the set of code of the snapshot;

configuring the server to provide at least one of the fresh content and the set of code of the snapshot to the template; and

configuring the server to use the template to create the simulated website designed for browsing by the mobile device.