Scalable display of internet content on mobile devices

• US 9,519,729 B2
• Filed: 11/08/2010
• Issued: 12/13/2016
• Est. Priority Date: 06/12/2000
• Status: Expired due to Term

• Current Assignee: SoftView LLC
• Original Assignee: SoftView LLC
• Inventors: Rohrabaugh, Gary B., Sherman, Scott A.
• Primary Examiner(s): Tran, Quoc A
• Application Number:
  US12/941,106
• Publication Number:
  US 20110231746A1
• Time in Patent Office: 2,227 Days
• Field of Search: 715/249, 715/234, 715/705, 715800-825, 715/760, 715/762, 715/764, 715/767, 715/781, 715/788, 715/796
• US Class Current: 1/1
• CPC Class Codes: G06F 16/95 Retrieval from the web
• CPC Class Codes: G06F 16/9537 Spatial or temporal dependent retrieval, e.g. spatiotemporal queries
• CPC Class Codes: G06F 16/957 Browsing optimisation, e.g. caching or content distillation
• CPC Class Codes: G06F 16/9574 of access to content, e.g. by caching
• 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 16/986 Document structures and storage, e.g. HTML extensions
• CPC Class Codes: G06F 2203/04806 Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
• CPC Class Codes: G06F 2212/1048 Scalability
• CPC Class Codes: G06F 3/0481 based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
• CPC Class Codes: G06F 3/0488 using a touch-screen or digitiser, e.g. input of commands through traced gestures
• 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 40/134 Hyperlinking
• CPC Class Codes: G06F 40/143 Markup, e.g. Standard Generalized Markup Language [SGML] or Document Type Definition [DTD]
• CPC Class Codes: G06F 9/451 Execution arrangements for user interfaces
• CPC Class Codes: G06Q 30/02 Marketing; Price estimation or determination; Fundraising
• CPC Class Codes: G09G 2340/0407 Resolution change, inclusive of the use of different resolutions for different screen areas
• CPC Class Codes: G09G 2340/0492 Change of orientation of the displayed image, e.g. upside-down, mirrored
• CPC Class Codes: G09G 5/24 Generation of individual character patterns
• CPC Class Codes: H04L 67/02 based on web technology, e.g. hypertext transfer protocol [HTTP]
• CPC Class Codes: H04L 67/04 : specially adapted for terminals or networks with limited capabilities; specially adapted for terminal portability
• CPC Class Codes: H04L 67/565 : Conversion or adaptation of application format or content adding application control or application functional data H04L67/561

Abstract

Mobile devices enabled to support resolution-independent scalable display of Internet (Web) content to allow Web pages to be scaled (zoomed) and panned for better viewing on smaller screen sizes. The mobile devices employ software-based processing of original Web content, including HTML-based content, XML, cascade style sheets, etc. to generate scalable content. The scalable content and/or data derived therefrom are then employed to enable the Web content to be rapidly rendered, zoomed, and panned. Display lists may also be employed to provide further enhancements in rendering speed. Context zooms, including tap-based zooms on columns, images, and paragraphs are also enabled.

Claims

1. A method, comprising:

requesting through a mobile device having a touch-sensitive display a Web page comprising HTML-based Web content defining an original page layout, functionality, and design for viewing on a commercially available desktop browser, said HTML-based Web content including HTML code for at least one form and multiple columns and Cascading Style Sheets (CSS) content;

retrieving and processing at the mobile device the HTML-based Web content including the HTML code for the at least one form and the multiple columns and the CSS content to generate a scalable vector representation of the Web page;

rendering the Web page on the touch-sensitive display utilizing the scalable vector representation to produce a first view of the Web page at a first zoom level that preserves the original page layout, functionality and design defined by the HTML-based Web content including the at least one form and the multiple columns and the CSS content relative to the original page layout, functionality and design defined by the HTML-based Web content including the at least one form and the multiple columns and the CSS content when rendered by the commercially available desktop browser; and

re-rendering the Web page utilizing the scalable vector representation in response to associated user inputs to iteratively zoom in and out views of the Web page at multiple different zoom levels while preserving the original page layout, functionality, and design defined by the HTML-based Web content including the at least one form and the multiple columns and the CSS content relative to the original page layout, functionality and design defined by the HTML-based Web content including the at least one form and the multiple columns and the CSS content when rendered by the commercially available desktop browser.

2. The method of claim 1, wherein the mobile device comprises a mobile phone.

3. The method of claim 1, further comprising enabling a user to zoom in on a user-selectable portion of a display of the Web page in response to a user interface input made via the touch-sensitive display.

4. The method of claim 1, wherein a display of the Web page is re-rendered in real-time to effect zooming operations.

5. The method of claim 1, wherein the Web page includes at least one hyperlink, the method further comprising:

enabling a user to select a hyperlink via the touch-sensitive display; and

, in response thereto,

retrieving and processing HTML-based Web content and the CSS content associated with the hyperlink to translate the HTML-based Web content and the CSS content associated with the hyperlink into an additional scalable vector representation; and

employing the additional scalable vector representation and/or data derived therefrom to render the Web content and the CSS content associated with the hyperlink on the touch-sensitive display.

6. The method of claim 1, further comprising enabling a user to pan views of the Web page in real-time in response to corresponding user inputs made via the touch-sensitive display.

7. The method of claim 1, further comprising enabling a user to zoom in on a first of the multiple columns by tapping on the first column via the touch-sensitive display, wherein in response thereto, the display is re-rendered such that the first column is displayed to fit a width of a display area of the touch-sensitive display, the display area used for displaying Web page content and the CSS content.

8. The method of claim 1, wherein the HTML-based Web content includes at least one image, the method further comprising enabling a user to zoom on an image by tapping on the image via the touch-sensitive display, wherein in response thereto, the display is re-rendered such that the image is displayed to fit a width of a display area of the touch-sensitive display, the display area used for displaying the HTML-based Web content.

9. The method of claim 1, wherein HTML code in the HTML-based Web content of the Web page defines a Web page width, the method further comprising:

interpreting the HTML code to determine the Web page width; and

rendering a view of the Web page wherein the Web page width is rendered to fit across a width of a display area of the touch-sensitive display, the display area used for displaying Web page content.

10. The method of claim 9, wherein under the first view the Web page width is rendered to fit across the width of the display area of the touch-sensitive display, the display area used for displaying the HTML-based Web content.

11. The method of claim 1, wherein the HTML-based Web content further includes HTML code defining the layout for at least one table.

12. The method of claim 1, wherein the HTML-based Web content further includes HTML code for two or more frames.

13. The method of claim 1, wherein the Web page includes at least one paragraph, the method further comprising enabling a user to zoom on the at least one paragraph by tapping on the at least one paragraph via the touch-sensitive display, wherein in response thereto, the display is re-rendered such that the at least one paragraph is displayed to fit a width of a display area of the touch-sensitive display, the display area used for displaying the HTML-based Web content.

14. A method, comprising:

requesting through a mobile device having a touch-sensitive display a Web page comprising HTML-based Web content including HTML code for at least multiple columns and Cascading Style Sheets (CSS) content;

retrieving and processing the HTML-based Web content including the HTML code for the at least multiple columns and the CSS content at the mobile device to generate a scalable vector representation of the Web page;

rendering the Web page on the touch-sensitive display utilizing the scalable vector representation to produce a first view of the Web page at a first zoom level that preserves the original page layout, functionality and design defined by the HTML-based Web content including the at least multiple columns and the CSS content relative to the original page layout, functionality and design defined by the HTML-based Web content including the at least multiple columns and the CSS content when rendered by a commercially available desktop browser; and

re-rendering the Web page utilizing the scalable vector representation in response to associated user inputs to iteratively zoom in and out views of the Web page at multiple different zoom levels while preserving the original page layout, functionality, and design defined by the HTML-based Web content including the multiple columns and the CSS content relative to the original page layout, functionality and design defined by the HTML-based Web content including the at least multiple columns and the CSS content when rendered by the commercially available desktop browser; and

in response to a tap on a first of the multiple columns via the touch-sensitive display, re-rendering the Web page on the touch-sensitive display such that the first of the multiple columns is displayed to fit a width of a display area of the touch-sensitive display, the display area used for displaying the HTML-based Web content.

15. The method of claim 14, wherein the mobile device comprises a mobile phone.

16. The method of claim 14, further comprising enabling a user to zoom in on a user-selectable portion of a display of the Web page in response to a user interface input made via the touch-sensitive display.

17. The method of claim 14, wherein the Web page includes at least one hyperlink, the method further comprising:

enabling a user to select a hyperlink via the touch-sensitive display; and

, in response thereto,

retrieving and processing HTML-based Web content associated with the hyperlink to translate the HTML-based Web content into an additional scalable vector representation; and

employing the additional scalable vector representation and/or data derived therefrom to render the HTML-based Web content associated with the hyperlink on the touch-sensitive display.

18. The method of claim 14, wherein the HTML-based Web content includes at least one image, the method further comprising enabling a user to zoom on an image by tapping on the image via the touch-sensitive display, wherein in response thereto, the display is re-rendered such that the image is displayed to fit the width of the display area of the touch-sensitive display, the display area used for displaying the HTML-based Web content.

19. The method of claim 14, wherein the HTML-based Web content further includes HTML code for at least one table.

20. The method of claim 14, wherein the HTML-based Web content further includes HTML code for two or more frames.

21. The method of claim 14, wherein processing the HTML-based Web content comprises:

parsing HTML-based code corresponding to the Web page to determine an original page layout of the HTML-based Web content on the Web page;

logically grouping selected content into objects;

defining a primary datum corresponding to the original page layout; and

, for each object,

defining an object datum corresponding to a layout location datum for the object'"'"'s associated display content; and

generating a vector from the primary datum to the object datum for the object.

22. The method of claim 14, wherein the HTML-based Web content further includes HTML code for at least one form.