ADAPTATION OF A WEBSITE TO MOBILE WEB BROWSER

• US 20100070849A1
• Filed: 01/12/2009
• Published: 03/18/2010
• Est. Priority Date: 09/18/2008
• Status: Active Grant

• Current Assignee: Duda, Inc.
• Original Assignee: Duda Mobile Incorporated
• Inventors: Sadan, Itai, Glatt, Amir
• Granted Patent: US 8,196,035 B2
• Time in Patent Office: Days
• 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;

associating an identifying attribute of the element with a template used to create an other website; and

creating a rule that associates a location of the identifying attribute in the snapshot version with an other location in the template.

2. The method of claim 1 further comprising:

marking a snapshot version of the element with a comment.

3. The method of claim 2 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.

4. The method of claim 3 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 modification action of a user.

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

6. The method of claim 5 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.

7. The method of claim 6:

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.

8. The method of claim 7 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.

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

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

11. A system 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 and to associate an identifying attribute of 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 indicated attribute in the snapshot version with an other location in the template.

12. The system of claim 11:

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

wherein the snapshot module marks the snapshot version of the element with a comment.

13. The system of claim 12 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.

14. The system of claim 13 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.

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

16. The system of claim 15:

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.

17. The system of claim 16:

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.

18. The method of claim 17:

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.

19. 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 place a comment in a set of code of the snapshot that corresponds to the content;

configuring the server to store the snapshot;

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.

20. The method of claim 19 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.