Apparatus and method for efficiently displaying web contents

• US 8,286,078 B2
• Filed: 10/29/2009
• Issued: 10/09/2012
• Est. Priority Date: 10/31/2008
• Status: Active Grant

• Current Assignee: Samsung Electronics Co. Ltd.
• Original Assignee: Samsung Electronics Co. Ltd.
• Inventors: Yi, Jung-Bae
• Primary Examiner(s): Huynh, Cong-Lac
• Application Number:
  US12/608,531
• Publication Number:
  US 20100115398A1
• Time in Patent Office: 1,076 Days
• Field of Search: 715/273, 715/277, 715/864, 715/200
• US Class Current: 715/273
• CPC Class Codes: G06F 2203/04806 Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
• CPC Class Codes: G06F 3/0488 using a touch-screen or digitiser, e.g. input of commands through traced gestures
• CPC Class Codes: H04M 1/72445 for supporting Internet browser applications
• CPC Class Codes: H04M 2250/22 including a touch pad, a touch sensor or a touch detector digitizers for touch screens G06F3/041

Abstract

A method for displaying web content on a mobile communication terminal is provided. When a touch input is received from a user for web content displayed on the mobile communication terminal having a touch screen, a process for selecting an area to be enlarged at a position where the touch input is generated and overlapping, enlarging, and displaying the selected area on the entire screen is performed. When the selected area is enlarged, rendering performance can be improved and a dynamic view can be provided to the user.

Claims

1. A method for displaying web content on a mobile communication terminal having a touch screen, comprising:

receiving a touch input on a web content screen;

selecting an area to be enlarged according to a position where the touch input is received;

determining an enlargement scheme for the selected area; and

enlarging and displaying the selected area at apredefined ratio on the web content screen by overlapping the selected area on the web content screen on the basis of the set scheme,

wherein determining the enlargement scheme includes determining whether active context exists within the selected area, and

wherein enlarging and displaying the selected area includes;

creating a HyperText Markup Language (HTML) document for the selected area when the active context exists;

generating a new window layer on the web content screen; and

rendering the created HTML document on the generated window layer.

2. The method of claim 1, wherein selecting the area to be enlarged is based on a tag unit in a HyperText Markup Language (HTML) document for the web content screen.

3. The method of claim 1, wherein the web content screen is divided into one or more areas selectable by a user.

4. The method of claim 3, wherein the selected area includes one of a position where the touch input is generated or a position closest to the position where the touch input is generated among the areas.

5. A method for displaying web content on a mobile communication terminal having a touch screen, comprising:

receiving a touch input on a web content screen;

selecting an area to be enlarged according to a position where the touch input is received;

determining an enlargement scheme for the selected area; and

enlarging and displaying the selected area at a predefined ratio on the web content screen by overlapping the selected area on the web content screen on the basis of the set scheme,

wherein determining the enlargement scheme includes determining whether active context exists within the selected area, and

wherein enlarging and displaying the selected area includes;

generating a snapshot image for the selected area when no active context exists;

generating a new window layer on the web content screen; and

rendering the generated snapshot image on the generated window layer.

6. The method of claim 5, wherein determining the enlargement scheme includes determining whether active context exists within the selected area.

7. The method of claim 5, wherein selecting the area to be enlarged is based on a tag unit in a HyperText Markup Language (HTML) document for the web content screen.

8. The method of claim 5, wherein the web content screen is divided into one or more areas selectable by a user.

9. The method of claim 8, wherein the selected area includes one of a position where the touch input is generated or a position closest to the position where the touch input is generated among the areas.

10. A mobile communication terminal having a touch screen for displaying web contents, comprising:

a mobile browser engine for controlling an operation for selecting an area to be enlarged according to a position where a touch input on a web content screen is received, determining an enlargement scheme for the selected area, and enlarging and displaying the selected area at a predefined ratio on the web content screen by overlapping the selected area on the web content screen on the basis of the determined scheme; and

a display for enlarging and displaying the selected area,

wherein the mobile browser engine determines whether active context exists within the selected area, creates a HyperText Markup Language (HTML) document for the selected area when the active context exists, generates a new window layer on the web content screen, and renders the created HTML document on the generated window layer to enlarge and display the selected area.

11. The mobile communication terminal of claim 10, wherein the area to be enlarged is selected on the basis of a tag unit in a HyperText Markup Language (HTML) document for the web content screen.

12. A mobile communication terminal having a touch screen for displaying web contents, comprising:

a mobile browser engine for controlling an operation for selecting an area to be enlarged according to a position where a touch input on a web content screen is received, determining an enlargement scheme for the selected area, and enlarging and displaying the selected area at a predefined ratio on the web content screen by overlapping the selected area on the web content screen on the basis of the determined scheme; and

a display for enlarging and displaying the selected area,

wherein the mobile browser engine determines whether active context exists within the selected area, generates a snapshot image for the selected area when no active context exists, generates a new window layer on the web content screen, and renders the generated snapshot image on the generated window layer to enlarge and display the selected area.

13. The mobile communication terminal of claim 12, wherein the area to be enlarged is selected on the basis of a tag unit in a HyperText Markup Language (HTML) document for the web content screen.

14. A method for displaying web content on a mobile communication terminal having a touch screen, comprising:

receiving a touch input on a web content screen;

selecting an area to be enlarged according to a position where the touch input is received;

determining whether active context for inducing a user'"'"'s interaction is included in the selected area; and

enlarging and displaying the selected area at a predefined ratio on the web content screen by overlapping the selected area on the web content screen so that the user can view a linked web page by clicking the active context in the enlarged selected area when the active context is included in the selected area, and

wherein enlarging and displaying the selected area includes;

creating a HyperText Markup Language (HTML) document for the selected area when the active context exists;

generating a new window layer on the web content screen; and

rendering the created HTML document on the generated window laver.

15. A mobile communication terminal having a touch screen for displaying web contents, comprising:

a mobile browser engine for controlling an operation for selecting an area to be enlarged according to a position where a touch input on a web content screen is received, determining whether active context for inducing a user'"'"'s interaction is included in the selected area, and enlarging and displaying the selected area at a predefined ratio by overlapping the selected area on the web content screen so that the user can view a linked web page by clicking the active context in the enlarged selected area when the active context is included in the selected area; and

a display for displaying the selected area

wherein enlarging and displaying the selected area includes;

creating a HyperText Markup Language (HTML) document for the selected area when the active context exists;

generating a new window layer on the web content screen; and

rendering the created LITML document on the generated window layer.

16. A mobile communication terminal having a touch screen for displaying web contents, comprising:

a mobile browser engine for controlling an operation for selecting an area to be enlarged according to a position where a touch input on a web content is received, determining an enlargement scheme for the selected area, and enlarging and displaying the selected area at a predefined ratio by overlapping the selected area on the web content screen on the basis of the determined enlargement scheme; and

a display for displaying the selected area,

wherein determining the enlargement scheme includes determining whether active context exists within the selected area, and

wherein enlarging and displaying the selected area includes;

creating a HyperText Markup Language (HTML) document for the selected area when the active context exists;

generating a new window layer on the web content screen; and

rendering the created HTML document on the generated window laver.

17. A method for displaying web content on a mobile communication terminal having a touch screen, comprising:

receiving a touch input on a web content screen;

selecting an area to be enlarged according to a position where the touch input is received;

determining whether active context for inducing a user'"'"'s interaction is included in the selected area; and

enlarging and displaying the selected area at a predefined ratio on the web content screen by overlapping the selected area on the web content screen so that the user can view a linked web page by clicking the active context in the enlarged selected area when the active context is included in the selected area,

wherein enlarging and displaying the selected area includes;

generating a snapshot image for the selected area when no active context exists;

generating a new window layer on the web content screen; and

rendering the generated snapshot image on the generated window layer.

18. A mobile communication terminal having a touch screen for displaying web contents, comprising:

a mobile browser engine for controlling an operation for selecting an area to be enlarged according to a position where a touch input on a web content screen is received, determining whether active context for inducing a user'"'"'s interaction is included in the selected area, and enlarging and displaying the selected area at a predefined ratio by overlapping the selected area on the web content screen so that the user can view a linked web page by clicking the active context in the enlarged selected area when the active context is included in the selected area; and

a display for displaying the selected area,

wherein the mobile browser engine determines whether active context exists within the selected area, generates a snapshot image for the selected area when no active context exists, generates a new window layer on the web content screen, and renders the generated snapshot image on the generated window layer to enlarge and display the selected area.

19. A mobile communication terminal having a touch screen for displaying web contents, comprising:

a mobile browser engine for controlling an operation for selecting an area to be enlarged according to a position where a touch input on a web content is received, determining an enlargement scheme for the selected area, and enlarging and displaying the selected area at a predefined ratio by overlapping the selected area on the web content screen on the basis of the determined enlargement scheme; and

a display for displaying the selected area,

wherein determining the enlargement scheme includes determining whether active context exists within the selected area, and

wherein the mobile browser engine further generates a snapshot image for the selected area when no active context exists, generates a new window layer on the web content screen, and renders the generated snapshot image on the generated window layer to enlarge and display the selected area.