KR101415853B1 - Apparatus and method for display preview of hyperlinks - Google Patents

Abstract

There is provided a preview display apparatus and method of a hyperlink capable of displaying a preview of a plurality of hyperlinks in consideration of a region of interest of a user.

A preview display apparatus for a hyperlink according to an exemplary embodiment of the present invention includes a sub region detection unit detecting a first sub region in which a pointer is located among a plurality of sub regions included in a display region, And arranging a preview of a plurality of hyperlinks in a sub area excluding the first sub area.

Hyperlink, Preview

Description

[0001] Apparatus and method for display preview of hyperlink [0002]

The present invention relates to an apparatus and a method for displaying a preview of a hyperlink, and more particularly, to an apparatus and a method for efficiently arranging previews of a plurality of hyperlinks considering a region of interest of a user .

Digital devices, such as IPTV, mobile devices, PCs, and the like, which are capable of accessing the Internet or executing documents, provide a preview function for hyperlinks. The preview function displays the content linked by a hyperlink in a web page or a document in a reduced image form or displays a part of contents, thereby enabling the user to roughly observe contents of the contents without directly executing the contents , Allowing the user to quickly navigate through the content.

However, the conventional preview function has a limitation that it provides only a preview of the hyperlink where the pointer is located. Further, according to the related art, even if a preview of a plurality of hyperlinks is displayed, a preview is displayed on the web page without consideration of the user's interest area, so that it is easy for the user to confirm desired information or to select an adjacent hyperlink not.

Therefore, when displaying a preview of a hyperlink, there is a need to provide a technique that can be displayed in consideration of the user's area of interest.

SUMMARY OF THE INVENTION It is an object of the present invention to provide an apparatus and method for displaying a preview of a hyperlink that can display a preview of a hyperlink in consideration of a region of interest of a user in a web page.

However, the problems to be solved by the present invention are not limited to the above-mentioned problems, and other problems which are not mentioned can be clearly understood by those skilled in the art from the following description.

According to an aspect of the present invention, there is provided an apparatus and method for displaying a hyperlink according to an embodiment of the present invention. The apparatus includes a sub region detection unit detecting a first sub region in a plurality of sub regions included in a display region, And arranging a preview of the plurality of hyperlinks selected based on the position of the pointer in the sub region excluding the first sub region.

According to an aspect of the present invention, there is provided a method of displaying a preview of a hyperlink according to an embodiment of the present invention includes the steps of: detecting a first sub region in which a pointer is located among a plurality of sub regions included in a display region; And arranging a preview of the plurality of hyperlinks selected based on the position in the sub region excluding the first sub region.

BRIEF DESCRIPTION OF THE DRAWINGS The advantages and features of the present invention and the manner of achieving them will become apparent with reference to the embodiments described in detail below with reference to the accompanying drawings. The present invention may, however, be embodied in many different forms and should not be construed as limited to the embodiments set forth herein. Rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the scope of the invention to those skilled in the art. To fully disclose the scope of the invention to those skilled in the art, and the invention is only defined by the scope of the claims. Like reference numerals refer to like elements throughout the specification.

DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS Hereinafter, the present invention will be described with reference to block diagrams or process flowcharts for explaining an apparatus and method for previewing hyperlinks according to embodiments of the present invention. At this point, it will be appreciated that the combinations of blocks and flowchart illustrations in the process flow diagrams may be performed by computer program instructions. These computer program instructions may be loaded into a processor of a general purpose computer, special purpose computer, or other programmable data processing apparatus, so that those instructions, which are executed through a processor of a computer or other programmable data processing apparatus, Thereby creating means for performing functions.

These computer program instructions may also be stored in a computer usable or computer readable memory capable of directing a computer or other programmable data processing apparatus to implement the functionality in a particular manner so that the computer usable or computer readable memory The instructions stored in the block diagram (s) are also capable of producing manufacturing items containing instruction means for performing the functions described in the flowchart block (s).

The computer program instructions may be loaded onto a computer or other programmable data processing equipment so that a series of operating steps may be performed on the computer or other programmable data processing equipment to create a computer- It is also possible for the instructions to perform the processing equipment to provide steps for executing the functions described in the flowchart block (s).

In addition, each block may represent a module, segment, or portion of code that includes one or more executable instructions for executing the specified logical function (s). It should also be noted that in some alternative implementations, the functions mentioned in the blocks may occur out of order. For example, two blocks shown in succession may actually be executed substantially concurrently, or the blocks may sometimes be performed in reverse order according to the corresponding function.

First, an apparatus and method for previewing a hyperlink according to an embodiment of the present invention will be described with reference to FIGS. 1 to 11. FIG.

A preview display apparatus (hereinafter, referred to as 'preview display apparatus') according to an embodiment of the present invention includes a plurality of sub-regions included in a display region, A preview of a plurality of hyperlinks selected based on the position of the pointer can be displayed. Here, the display area may indicate an area where an execution window of a predetermined application is displayed. Therefore, if the area of the execution window for a given application is set to the maximum, the area of the display area is considered to be equal to the area of the screen. If the area of the execution window is not set to the maximum, the area of the display area can be seen to be narrower than the area of the screen.

FIG. 1 is a diagram showing a configuration of a preview display apparatus 100 according to an embodiment of the present invention.

The preview display apparatus 100 includes a storage unit 140, an input unit 110, a coordinate calculation unit 120, a sub-area detection unit 130, a hyperlink selection unit 150, A parameter calculation unit 170, a placement unit 180, and a display unit 190. [0031]

The storage unit 140 may store information on the display area. Examples of information on the display area include an area of the display area, a number of sub areas included in the display area, and a center coordinate of each hyperlink located in the display area. The storage unit 140 may include a cache, a read only memory (ROM), a programmable ROM (PROM), an erasable programmable ROM (EPROM), an electrically erasable programmable ROM (EEPROM) A non-volatile memory device such as a flash memory or a volatile memory device such as a random access memory (RAM), but the present invention is not limited thereto.

The input unit 110 may receive a user command. For example, a command for moving the position of the pointer can be input. The input unit 110 may include a relative mapping type pointing device such as a mouse, a keypad, etc., a direct pointing direct pointing device, and a keyboard. In the case of a keyboard, it can be implemented in software or hardware.

The coordinate calculation unit 120 can calculate a coordinate on which a pointer is displayed on the screen. The coordinates of the pointer calculated by the coordinate calculation unit 120 may be provided to the sub-region detection unit 130 and the hyperlink selection unit 150, which will be described later.

The sub region detection unit 130 can detect a sub region in which a pointer is located among a plurality of sub regions included in the display region. Here, the sub-region in which the pointer is located can be regarded as a sub-region including a hyperlink of interest by the user among the plurality of sub-regions. In the following description, for convenience of explanation, the sub area in which the pointer is located is referred to as an 'area of interest', and a sub area in which a preview of the hyperlink is arranged among the remaining sub areas excluding the area of interest is referred to as a 'preview area' .

In order to detect a region of interest, the sub-region detecting unit 130 may divide the display region into a plurality of sub-regions by referring to information on the pre-stored display region. That is, the display area can be divided into a plurality of sub areas by referring to the information on the area of the display area, the number information of the sub area included in the display area, and the like. FIG. 2 shows a display area 200 divided into six sub areas 210, 220, 230, 240, 250 and 260. FIG. 3 shows that the display area 300 includes four sub areas 310 , 320, 330, and 340, respectively.

2 and 3, the sub-area detecting unit 130 compares the coordinates of the pointer with the coordinates included in each sub-area, Area can be detected. In the case of FIG. 2, the fifth sub-region 250 may be detected as the region of interest, and in the case of FIG. 3, the third sub-region 330 may be detected as the region of interest. If the region of interest is detected, the sub-region detection unit 130 may provide information on the sub-regions excluding the region of interest to the parameter calculation unit 170, which will be described later. Here, as the information on the sub regions, coordinates included in the boundaries of the respective sub regions and center coordinates of the respective sub regions may be exemplified.

The hyperlink selection unit 150 can select a plurality of hyperlinks based on the position of the pointer provided from the coordinate calculation unit 120. [ For example, the hyperlink selecting unit 150 may calculate the distance between the coordinates of the center of the hyperlink adjacent to the pointer and the coordinates of the pointer, and select a predetermined number of hyperlinks having a small calculated result. As another example, the hyperlink selection unit 150 may select all the hyperlinks located within the predetermined range based on the position of the pointer. When the selection of the hyperlink is completed, information on the selected hyperlink may be provided to the parameter calculation unit 170, which will be described later. As the information on the selected hyperlink, the center coordinates of the selected hyperlink and the arrangement status information between the selected hyperlinks are exemplified.

The preview generation unit 160 may generate a preview of the hyperlink selected by the hyperlink selection unit 150. [ At this time, the preview may include a reduced image of the hyperlinked content and / or text. The preview generated by the preview generation unit 160 may be provided to the arrangement unit 180, which will be described later.

The parameter calculation unit 170 can calculate the parameters necessary to place a preview of each hyperlink in the preview area. As the parameter, a distance (hereinafter referred to as a 'first parameter') between the center of each hyperlink selected by the hyperlink selecting unit 150 and the center of each sub region excluding the region of interest, and the center of each hyperlink And a distance between the pointers (hereinafter, referred to as 'second parameters'). The first parameter and the second parameter calculated by the parameter calculation unit 170 may be provided to the arrangement unit 180 to be described later.

The layout unit 180 can select a sub-area, that is, a preview area, in which a preview is to be arranged, out of the sub-areas excluding the area of interest. Then, a preview of a predetermined hyperlink can be arranged for each selected preview area.

For this, the arrangement unit 180 may first select a preview area from the sub-areas excluding the area of interest. At this time, the arrangement unit 180 can select a sub-region adjacent to each hyperlink among the sub-regions excluding the ROI as preview regions. For example, in the case of FIG. 2, the third sub-area 230, the fourth sub-area 240, and the sixth sub-area 260 may be selected as preview areas. In the case of FIG. 3, the first sub-area 310, the second sub-area 320, and the fourth sub-area 340 may be selected as preview areas. According to another embodiment, the preview area may be arbitrarily selected regardless of the distance to the hyperlink. For example, in FIG. 2, the first sub-region 210, the second sub-region 220, and the like can also be selected as preview regions.

When the preview area is selected as described above, the placement unit 180 can determine the position where the preview of the hyperlink is placed in the selected preview area based on the second parameter, that is, the distance between the hyperlink and the pointer. Specifically, the arrangement unit 180 can arrange the preview of the hyperlink located close to the pointer at a short distance from the center of the display area 300.

4 is a diagram illustrating a preview of each hyperlink in proportion to the distance between each hyperlink and the pointer. In Fig. 4, the hyperlink at the closest distance to the pointer is (2), and the hyperlink at the next distance from the pointer is (1). It can be seen that the hyperlink 3 is farthest from the pointer. In this case, the arrangement of the hyperlinks is such that a preview of a hyperlink having a distance to the pointer is arranged at a short distance from the center of the display area 300, while a hyperlink having a distance to the pointer It can be seen that the preview is located a long distance from the center of the display area 300. [ By arranging the preview of each hyperlink in the preview area excluding the area of interest, it is possible to prevent the contents of the area of interest from being obscured by previewing.

In addition, the placement unit 180 can adjust the size of the preview for each hyperlink according to the distance between each hyperlink and the pointer. Referring to FIG. 4, it can be seen that the closer the position of the hyperlink is to the pointer, the larger the size of the preview. By varying the size of the preview for each hyperlink according to the distance between each hyperlink and the pointer, the user can see at a glance a preview of the hyperlink located closest to the pointer without precisely locating the pointer have.

In addition, the placement unit 180 may display a connection line connecting each hyperlink and a preview of each hyperlink, as shown in FIG. By marking the connection line like this, the user can easily distinguish the preview for each hyperlink.

Further, when displaying the connection line, the placement unit 180 can designate the color and / or the shape of the connection line for the hyperlink closest to the pointer to be different from the color and / or the shape of the connection line for the remaining hyperlinks . FIG. 6 is a diagram illustrating a case where a connection line for a hyperlink located closest to a pointer and a color of a connection line for the remaining hyperlinks are differently designated. Referring to FIG. 6, it can be seen that the connection line for the hyperlink located closest to the pointer is red, and the connection line for the remaining hyperlinks is blue. As such, by separating the hyperlink's nearest link from the pointer from the others, the user can intuitively perceive a preview of the hyperlink located closest to the pointer.

4 to 7, the arrangement unit 180 may arrange a preview of each hyperlink so as to correspond to the arrangement form of the selected hyperlinks. For example, if the plurality of hyperlinks selected by the hyperlink selection unit 150 are vertically arranged, the arrangement unit 180 may vertically rearrange the previews of the respective hyperlinks as shown in FIG. 7 Can be deployed. If the plurality of hyperlinks selected by the hyperlink selecting unit 150 are horizontally arranged, the arranging unit 180 arranges the preview of each hyperlink horizontally as shown in FIG. 8 can do.

When arranging the preview of each hyperlink so as to correspond to the arrangement form of hyperlinks as described above, the arrangement unit 180 arranges the hyperlinks of the respective hyperlinks in proportion to the distance between the respective hyperlinks and the pointers, You can adjust the size of the preview for. In addition, the color and / or the shape of the connection line can be adjusted differently from the connection line for the preview of the remaining hyperlinks with respect to the preview of the hyperlink closest to the pointer.

On the other hand, when a predetermined preview is selected from the previews arranged according to the above-described embodiments, and a command to enlarge the selected preview is input, the arrangement unit 180 arranges the preview The position of the preview can be gradually moved to the center of the display area 300. In addition,

For example, in FIG. 9A, it is assumed that the enlargement command is inputted while the preview for the hyperlink 2 is selected. In this case, the placement unit 180 enlarges the size of the selected preview by a predetermined ratio compared to the previous size (i.e., the size shown in FIG. 9A), and then enlarges it to the previous position (The position shown in FIG. 9A), the display region 300 can be disposed at a position shifted by a predetermined distance. At this time, as the size and position of the selected preview change, the size and position of the non-selected preview can also change dynamically.

9B, the arrangement unit 180 enlarges the size of the preview by a predetermined ratio in comparison with the previous size (i.e., the size shown in FIG. 9B) As shown in FIG. 9C, can be disposed at a position shifted by a predetermined distance toward the center of the display area 300 as compared with the previous position (i.e., the position shown in FIG. 9B).

If the position of the pointer changes in the state where the preview is arranged as in the above-described embodiments, the distance between the pointer and each hyperlink also changes, so that the arrangement and size of each preview can also be changed. For example, when the position of the pointer is gradually moved away from the hyperlink 2 and approaches the hyperlink 1 in FIG. 10A, the distance between each hyperlink and the pointer becomes different from the previous one. May be varied as shown in FIG. 10B.

Referring back to FIG. 1, the display unit 190 may display a command processing result. For example, it is possible to display a screen in which a preview of a plurality of hyperlinks selected based on the position of the pointer is arranged in the preview area. The display unit 190 may be, for example, a liquid crystal display (LCD), but is not limited thereto.

11 is a flowchart illustrating a preview display method according to an embodiment of the present invention.

First, the display area 300 is divided into a plurality of sub areas (S11), and the sub area to which the pointer belongs, i.e., the area of interest, can be detected (S12). The step S12 of detecting the ROI may be performed by, for example, the sub-region detecting unit 130 of FIG.

When the region of interest is detected, a plurality of hyperlinks can be selected based on the position of the pointer (S13). Specifically, it is possible to select a predetermined number of hyperlinks that are close to each other based on the position of the pointer, or to select all the hyperlinks located within a predetermined range based on the position of the pointer. The step (S13) of selecting the plurality of hyperlinks may be performed, for example, by the hyperlink selection unit 150 of FIG.

If a plurality of hyperlinks are selected in this manner, a preview of each selected hyperlink can be generated (S14). The step of generating the preview (S14) may be performed, for example, by the preview generation unit 160 of FIG.

When a preview for each hyperlink is generated, a preview of each hyperlink can be placed in a sub region selected as a preview region among the sub regions except the region of interest (S15).

The step of arranging (S15) includes the steps of: selecting a preview area, which is a sub-area in which a preview of each hyperlink is to be placed, from a sub-area excluding the ROI; and arranging a preview for each selected preview area .

Here, the step of selecting the preview area may include, for example, selecting a sub area that is closest to each hyperlink as a preview area.

The step of arranging a preview for each of the selected preview areas may include determining a position of a preview of the hyperlink in each preview area and a size of the preview according to the distance between the hyperlink and the pointer . At this time, the position where the preview of the hyperlink is arranged in the selected preview area may be determined to be a predetermined distance from the center of the display area 300, and the distance is proportional to the distance between the hyperlink and the pointer can do. In addition, the size of the preview placed in the selected preview area may also be proportional to the distance between the hyperlink and the pointer.

According to an embodiment of the present invention, the step of arranging (S16) may further include a step of displaying a preview for each hyperlink and a connection line connecting each hyperlink. The step of displaying the connecting line may include the step of distinguishing the connecting line of the preview for the hyperlink having the minimum distance from the pointer from the connecting line of the preview for the other hyperlink.

The placing step S15 may be performed, for example, by the placement unit 180 of FIG.

On the other hand, a screen in which a preview of each hyperlink is arranged in a preview area according to a predetermined reference can be displayed, for example, through the display unit 190 of FIG. 1 (S16).

As described above, a preview device and a method for dividing a display area into a plurality of sub areas and displaying a preview of hyperlinks in the remaining sub areas excluding the sub area in which the pointer is located have been described. According to another embodiment of the present invention, an area corresponding to a predetermined range based on the position of the pointer in the display area is set as an area of interest, and a preview of a plurality of hyperlinks is displayed in an area other than the area of interest It is possible.

In the above-described embodiments, the components constituting the preview display device may be implemented as a kind of 'module'. Here, 'module' means a hardware component such as software or a field programmable gate array (FPGA) or an application specific integrated circuit (ASIC), and the module can perform certain roles. However, a module is not limited to software or hardware. A module may be configured to reside on an addressable storage medium and may be configured to execute one or more processors. Thus, by way of example, a module may include components such as software components, object-oriented software components, class components and task components, and processes, functions, attributes, procedures, Microcode, circuitry, data, databases, data structures, tables, arrays, and variables, as will be appreciated by those skilled in the art. The functionality provided by the components and modules may be combined into a smaller number of components and modules or further separated into additional components and modules. In addition, the components and modules may execute one or more CPUs within the device.

In addition to the embodiments described above, embodiments of the present invention may be embodied in a medium, such as a computer-readable medium, including computer readable code / instructions for controlling at least one processing element of the above described embodiments have. The medium may correspond to media / media enabling storage and / or transmission of the computer readable code.

The computer readable code may be recorded on a medium as well as transmitted over the Internet, including, for example, a magnetic storage medium (e.g., ROM, floppy disk, hard disk, etc.) A recording medium such as a recording medium (e.g., CD-ROM or DVD), and a transmission medium such as a carrier wave. Also, according to an embodiment of the present invention, the medium may be a composite signal or a signal such as a bitstream. Since the media may be a distributed network, the computer readable code may be stored / transmitted and executed in a distributed manner. Still further, by way of example only, processing elements may include a processor or a computer processor, and the processing elements may be distributed and / or contained within a single device.

While the present invention has been described in connection with what is presently considered to be practical exemplary embodiments thereof, it is to be understood that the invention is not limited to the disclosed embodiments, but, on the contrary, It will be understood that the invention may be practiced. It is therefore to be understood that the above-described embodiments are illustrative in all aspects and not restrictive.

1 is a block diagram illustrating a preview display apparatus according to an embodiment of the present invention.

2 is a view illustrating a display area divided into six sub-areas according to an embodiment of the present invention.

FIG. 3 illustrates a display area divided into four sub-areas according to an embodiment of the present invention.

FIG. 4 illustrates a preview arrangement according to an exemplary embodiment of the present invention. FIG. 4 illustrates a preview of each hyperlink according to a distance between a plurality of hyperlinks and a pointer.

5 is a diagram illustrating a plurality of hyperlinks and a preview of each hyperlink connected to each other through a connection line.

6 is a diagram illustrating a connection line for a hyperlink closest to a pointer and a color of a connection line for the remaining hyperlinks being differently designated.

FIG. 7 illustrates a preview arrangement according to another embodiment of the present invention. When a plurality of hyperlinks are vertically arranged, a preview of each hyperlink is arranged so as to correspond to the arrangement of hyperlinks Fig.

FIG. 8 illustrates a preview arrangement according to another embodiment of the present invention. When a plurality of hyperlinks are horizontally arranged, a preview of each hyperlink is arranged so as to correspond to the arrangement of hyperlinks Fig.

FIGS. 9A to 9C are views illustrating changes in position and size according to enlargement of a selected preview. FIG.

10A and 10B are diagrams illustrating the arrangement and size change of the preview according to the movement of the pointer.

11 is a flowchart illustrating a preview display method according to an embodiment of the present invention.

Description of the Related Art

100: preview display device 130: sub-area detection unit

150: hyperlink selection unit 160: preview generation unit

170: distance calculating unit 180:

Claims (10)

A sub region detection unit for detecting a first sub region in which a pointer is located in a display region divided into a plurality of sub regions; And And arranging a preview of a hyperlink selected based on the position of the pointer among a plurality of hyperlinks included in the first sub region in a sub region of the plurality of sub regions excluding the first sub region A preview display of a hyperlink. The apparatus according to claim 1, Arranging a preview of the selected hyperlink according to a state in which the selected hyperlink is arranged, And arranges a preview of each of the selected hyperlinks in a sub region adjacent to each of the selected hyperlinks. The apparatus according to claim 1, And adjusts at least one of a position where a preview for each hyperlink is placed and a size of the preview according to a distance between each hyperlink and the pointer among the selected hyperlinks. The apparatus according to claim 1, And moves the position of the selected preview to the center of the display area as the preview selected from the arranged previews is enlarged. The apparatus according to claim 1, Displaying a link between a preview of the selected hyperlink and the selected hyperlink, Wherein a hyperlink of a preview for a first hyperlink closest to the pointer among the selected hyperlinks is displayed differently from a hyperlink of a preview for the remaining hyperlinks. Detecting a first sub-area in which a pointer is located in a display area divided into a plurality of sub-areas; And And a step of arranging a preview of the hyperlink selected based on the position of the pointer among the plurality of hyperlinks included in the first sub region to the sub region excluding the first sub region from among the plurality of sub regions How to display a preview of a hyperlink. 7. The method of claim 6, Arranging a preview of the selected hyperlink according to a state in which the selected hyperlink is arranged, And placing a preview of each of the selected hyperlinks in a sub-region adjacent to each of the selected hyperlinks. 7. The method of claim 6, Adjusting at least one of a position of a preview of each hyperlink and a size of the preview according to a distance between each hyperlink and the pointer among the selected hyperlinks, How to display the view. 7. The method of claim 6, And moving the position of the selected preview to the center of the display area as the preview selected from the arranged previews is enlarged. 7. The method of claim 6, Further comprising displaying a link between a preview of the selected hyperlink and the selected hyperlink, Wherein the step of displaying the connecting line includes displaying a connecting line of a preview for a first hyperlink closest to the pointer among the selected hyperlinks differently from a connecting line of a preview for the remaining hyperlinks. How to display the preview.

Images