KR20080016427A - User interface providing device for controlling web contents display in maxmimal display - Google Patents

Abstract

A browsing interface device for controlling screen display of web contents is provided to apply to all devices having a smaller screen than a PC in common, and enable all network devices to access and use all web contents conveniently without any reprocessing. A zoom navigation module(140) provides a first interface for enabling a user to zoom in/out a webpage by manipulating a key input part, and zooms in or out the webpage according to a user request received through the first interface. A quick scrolling module(160) provides a second interface for enabling the user to switch a first and second mode and scroll the webpage in the screen for the first mode, and scrolls the webpage in the screen according to the user request received through the second interface. A screen width determining module(120) provides a third interface for enabling the user to set a width of a virtual screen for the webpage and sets the screen width corresponding to the user request received through the third interface.

Description

Browsing interface device for controlling on-screen display of web content {User interface providing device for controlling web contents display in maxmimal display}

1 is a block diagram illustrating a small display device according to an exemplary embodiment of the present invention.

2 is a diagram illustrating a screen width setting function performed by a browsing interface providing unit according to an exemplary embodiment of the present invention.

3 is a diagram illustrating a zoom navigation function performed by a browsing interface providing unit according to an exemplary embodiment of the present invention.

4 is a diagram for describing a quick scroll function performed by a browsing interface providing unit according to an exemplary embodiment of the present invention.

5 is a block diagram illustrating a browsing interface providing unit according to an exemplary embodiment of the present invention.

6 is a flowchart illustrating an operation of a browsing interface device for controlling a screen display of web content according to an exemplary embodiment of the present invention.

BACKGROUND OF THE INVENTION 1. Field of the Invention The present invention relates to a browsing interface device for changing or modifying a display form of web content, and more particularly, to control a screen display of web content that enables easy and comfortable viewing of web content optimized for a large display size on a small display device. A browsing interface device.

As small, powerful mobile devices that are free from the constraints of time and place are rapidly adapting to the networks that PCs have monopolized, the PC-centric network environment is rapidly leaving the PC in the ubiquitous era. have.

Existing web contents have been constructed and evolved for PC monitors, and users are already accustomed to convenient web content browsing through layouts and wide PC screens optimized for PC screens.

On the other hand, mobile devices are minimizing the display in order to maximize portability, and due to the limitation of the display size, it has to take a lot of inconvenience to browse existing web contents through the mobile device.

Web content providers who provide content to both PCs and mobile devices have chosen to produce the same content as separate web pages for display on both PCs and mobile devices. However, the vast amount of web content accumulated on the Internet has been produced without considering the display of the mobile device, and users want to be able to directly access the vast content of the Internet through the mobile device.

To support this, you need an innovative browsing interface specifically for mobile devices that is different from the browsing interface on a PC with a large enough screen and a mouse.

Therefore, the technical problem to be achieved by the present invention is not only portable devices, but also commonly applied to all devices having a smaller screen than a PC, and all web contents accumulated in the Internet can be freely used in all network devices without any reprocessing. It provides a browsing interface that is accessible and convenient.

According to an aspect of the present invention for achieving the above technical problem, there is provided a browsing interface device of a small display device including a key input unit for inputting a user's command, a browser for accessing the Internet to search for content. The browsing interface device provides a first interface that allows a user to enlarge or reduce the web page by manipulating the key input unit, and enlarges the web page in response to a user's request input through the first interface. Or a zoom navigation module for reducing; And a second interface that allows a user to operate the key input unit to switch between a first mode and a second mode and to scroll the web page on the screen in the first mode, and through the second interface. It includes a fast scroll module for scrolling the web page on the screen in response to a user's request input.

The browsing interface apparatus of the present invention provides a third interface for allowing a user to set the width of the virtual screen for the web page by manipulating the key input unit, and responds to a user's request input through the third interface. The apparatus may further include a screen width setting module for setting a screen width.

DETAILED DESCRIPTION Hereinafter, exemplary embodiments of the present invention will be described in detail with reference to the accompanying drawings so that those skilled in the art may easily implement the present invention. As those skilled in the art would realize, the described embodiments may be modified in various different ways, all without departing from the spirit or scope of the present invention. In the drawings, parts irrelevant to the description are omitted in order to clearly describe the present invention, and like reference numerals designate like parts throughout the specification.

In addition, when a part is said to "include" a certain component, this means that it may further include other components, except to exclude other components unless otherwise stated.

In addition, the term module described herein refers to a unit for processing a specific function or operation, which may be implemented in hardware or software, or a combination of hardware and software.

Now, a browsing interface device for controlling a screen display of web content according to an embodiment of the present invention will be described in detail with reference to the drawings.

1 is a block diagram illustrating a small display device according to an exemplary embodiment of the present invention. Here, the small display device refers not only to a portable device but also to all devices having a small screen compared to a PC.

As shown in FIG. 1, the small display device 10 according to an exemplary embodiment of the present invention may include a browsing interface providing unit 100, a key input unit 200, a browser 300, a control unit 400, and a display unit 500. It includes.

The key input unit 200 provides a user's manipulation to the controller 400 as an electrical signal. The key input unit 200 includes up, down, left, right direction keys, confirmation keys, numeric keys, and the like.

The browser 300 searches for information (eg, content) desired by the user on the Internet under the control of the controller 400 and displays it on the screen.

The controller 400 controls the overall operation of the small display device 10.

The display unit 500 displays an image under the control of the control unit 400 and forms a web content received through the browser 300 on the screen according to the control of the browsing interface provider 100 on the screen. To be displayed.

When the browsing interface providing unit 100 receives web content optimized for a large display from the browser 300, the browsing interface providing unit 100 displays the web content on the screen in a form that meets a user's setting or request.

According to the HTML standard, "the window is about 80 characters wide, and the graphics of many HTML pages are designed with this default in mind" (HTML4.01 Appendix B.5.1 Design rationale). This is a description based on a PC, a past specification that used a relatively small PC monitor. Nowadays, a wide enough display is common, and most of the content is optimized for a width of 800 to 1000 pixels. In order to receive a web page optimized for a display of sufficient size through a small display of a mobile device, the page must be displayed according to a reference width (800 to 1000 pixels) at which the web page is optimized.

When the browsing interface providing unit 100 displays a web page optimized for such a large display on the screen of the small display device 100, the user may be displayed in a defined size, and the specific portion of the web page may be displayed through the screen. In case of confirmation, it moves to the specific part easily and quickly according to user's command so that it is displayed on the screen.

To this end, the browsing interface providing unit 100 has a screen width setting function, a zoom navigation function and a fast scrolling function.

First, the screen width setting function of the browsing interface provider 100 will be described with reference to FIG. 2. 2 is a diagram illustrating a screen width setting function performed by a browsing interface providing unit according to an exemplary embodiment of the present invention.

The screen width setting function of the browsing interface providing unit 100 may be performed by a user using a specific key (hereinafter referred to as "width setting key") or a specific menu (hereinafter referred to as "width setting menu") of the key input unit 200. Allows you to set the page width to be displayed in. At this time, the set page width is set as the reference width, and the web page is displayed on the screen by the reference width of the entire width.

In FIG. 2, the device screen denoted by P100 represents an area of the screen of the small display device 10, and the virtual screen denoted by P200 is an entire screen area that follows a web page width set separately from the device screen P100.

Therefore, the screen width setting function allows the user to set the width of the virtual screen P200 to determine the page width showing a better layout. When the width of the virtual screen P200 is changed by the user, the area to be displayed on the device screen P100 of the virtual screen P200 is changed. For example, if the width of the virtual screen P200 is reduced, many areas are visible in the entire area of the virtual screen P200 on the device screen P100. If the width of the virtual screen P200 is increased, the virtual screen P100 is virtual. A small area is shown in the entire area of the screen P200.

Herein, when the web page author delivers the screen width for which the web page is optimized through an HTML tag, an HTML tag attribute, or an HTTP response header, the browser 300 recognizes this. It is also possible to show a layout that is optimized for the screen of the small display device.

Hereinafter, a zoom navigation function of the browsing interface provider 100 will be described with reference to FIG. 3. 3 is a diagram illustrating a zoom navigation function performed by a browsing interface providing unit according to an exemplary embodiment of the present invention.

The zoom navigation function generally solves the problem of displaying a web page on a small display device and a display size constraint that the page width setting function cannot overcome.

The problem is that web pages larger than the screen width of the small display device cannot be seen at a glance. That is, since the web page is provided in a form optimized for a large display device, the screen of the small display device displays only a part of the web page when displaying the web page. The same is true even if the screen width setting function of the present invention is applied.

Therefore, in order to check the entirety of the web page, the entire page must be traversed by moving the area shown on the screen by scrolling. And because you don't see the entire web page at once, you get unnecessary scrolling. For example, horizontal scrolling is required at least five times to view a page optimized for 1000 pixels wide on a 200 pixel wide screen. Even if a user needs two or three scrolls to search for information enough, the user must scroll according to the number of scrolls determined by the difference between the display size and the page size.

Therefore, in order for the user to easily and conveniently check the web page, that is, at a glance, a method of matching the desired web page area to the screen area is required. That is, in order to view a web page with a large screen width on a single screen with a small display device, it is necessary to set a desired magnification and browse the web page at the magnification. The zoom navigation function accomplishes this.

In the zoom navigation function, the size of the virtual screen P200 for the web page illustrated in FIG. 2 is 100%, the magnification is 100%, and the reduction is half the size. % Zooms back out to 25%. Accordingly, the virtual screen P200 is all displayed on the device screen P100 by zooming out of the zoom navigation function, thereby allowing the user to check the web page at a glance.

In addition, the zoom navigation function enlarges (zoom in) the web page to 200% and back to 300% according to user input. Accordingly, a specific portion of the virtual screen P200 is enlarged and displayed on the device screen P100 by zooming in of the zoom navigation function, thereby enabling free access to contents for low vision persons who have difficulty in searching for content on a small display.

Hereinafter, a quick scroll function of the browsing interface provider 100 will be described with reference to FIG. 4. 4 is a diagram for describing a quick scroll function performed by a browsing interface providing unit according to an exemplary embodiment of the present invention.

In general, when a web page optimized for a large display device is displayed on a screen of a small display device, an unnecessary scroll operation may occur, but such an unnecessary scroll operation may be excessive.

Scroll movement in a browsing interface with a pointing input device can be manipulated relatively easily by dragging the scroll bar, but in most small display devices without a pointing input device, the direction keys need to perform scroll movement.

However, in the general case, the direction key performs spatial search, that is, anchor focus movement up, down, left, and right. Therefore, the number of times of operating the direction key for scroll movement is determined according to the number of anchors included in one page. It does not matter if the number of anchors is small, but browsing will become inconvenient as the number of anchors increases. In other words, there is a need for a method that can conveniently perform scroll movement even in a device without a pointing input device.

The fast scrolling function of the present invention enables convenient scroll movement even in a device without a pointing input device.

The quick scrolling function is performed when the quick scrolling mode is set in the controller 400, and as shown in FIG. 4 according to the manipulation of the direction key of the key input unit 200, the screen scrolling in each direction is performed. . In this case, the fast scrolling function prevents anchor movement because the determination of the anchor having focus in the screen is ambiguous.

Meanwhile, when the browser 300 sets the general mode, the browser 300 causes the anchor movement to occur according to the manipulation of the direction key input through the key input unit 200. When the browser 300 is switched from the fast scroll mode to the normal mode, the browser 300 moves the focus to the anchor in the current display area moved in the fast scroll mode, so that the space search in the normal mode can be continued.

According to the above description, the user can use the quick scrolling function and the zoom navigation function to browse more quickly and conveniently.

Hereinafter, an internal configuration of the browsing interface providing unit 100 will be described with reference to FIG. 5. 5 is a block diagram illustrating a browsing interface providing unit according to an exemplary embodiment of the present invention.

As shown in FIG. 5, the browsing interface providing unit 100 includes a screen width setting module 120, a zoom navigation module 140, and a fast scroll module 160.

The screen width setting module 120 performs a screen width setting function to drive the screen width setting screen shown in FIG. The screen width setting module 120 provides an interface function so that the user can set the width of the virtual screen P200.

In this case, the screen width setting module 120 is an interface function for setting the screen width and may include the following configuration.

(1) HTML tags that display or set the page width for which the page is optimized

(2) HTML attributes that display or set the page width for which the page is optimized

(3) Key input or menu to select one of preset screen width menus

(4) Menu to input screen width arbitrarily determined by user

The screen width setting module 120 applies the set or specified screen width to the web page. The screen width setting module 120 is maintained for the execution time of the browser unless the user resets the screen width once set.

The zoom navigation module 140 performs a zoom navigation function to drive the zoom navigation screen illustrated in FIG. 5B. The zoom navigation module 140 provides a key input or a menu for enlarging or reducing a web page. The zoom navigation module 140 loads a web page to be displayed on the screen, receives a user's request through a key or menu for a zoom navigation function, and enlarges or reduces the web page in response to the user's request and provides it to the display unit 500. do. The zoom navigation module 140 maintains the magnification once set for the duration of the browser unless the user is reset.

Herein, the present invention provides the same general functions even when the web page is enlarged or reduced, and maintains the set magnification even after page movement.

The quick scroll module 160 drives a quick scroll screen shown in FIG. 5C by performing a quick scroll function. The fast scroll module 160 provides a key input or menu for performing a switch between a mode for performing a fast scroll and a mode for not. The quick scroll module 160 operates while the quick scroll mode is set, and causes only scroll movement in response to a key input or an input through a menu (for example, a direction key input or a menu input having the same command). Starts within the current display area after the fast scroll ends.

Hereinafter, a browsing interface apparatus for controlling a screen display of web content according to an embodiment of the present invention will be described with reference to FIG. 6. 6 is a flowchart illustrating an operation of a browsing interface device for controlling a screen display of web content according to an exemplary embodiment of the present invention.

When the small display device 10 accesses the web server through the browser 200 (S601), the browser 200 receives the web page from the web server (S602).

The browser 200 checks the screen width setting information stored in the internal memory (not shown), adjusts the width of the received web page according to the screen width setting information, and displays the screen on the screen through the display unit 500 (S603). ).

At this time, since the web page displayed on the screen is larger than the screen of the display unit 500, only a part of the web page is displayed.

When only a part of the web page is displayed on the screen, the user manipulates the key input unit 200 to enlarge or reduce the web page or to move the web page display area on the screen.

If a user issues a zoom in (enlarge) or zoom out (reduce) command by operating the key input unit 200 (S604), the zoom navigation module 140 may respond to a command input from the key input unit 200. The magnification of the page is adjusted to enlarge or reduce the size of the page and display it on the screen through the display unit 500 (S605).

When the user manipulates the direction key of the key input unit 200 (S606), the controller 400 determines the currently set mode (S607), and controls the browser 300 in response to the information of the direction key in the normal mode. The anchor is moved on the current screen (S610).

On the other hand, if the set mode is the fast scroll mode (S608), the operation information of the direction key is input to the quick scroll module 160, the fast scroll module 160 scrolls the web page displayed on the current screen (S609).

The embodiment of the present invention described above is not implemented only by the apparatus, but may be implemented through a program for realizing a function corresponding to the configuration of the embodiment of the present invention or a recording medium on which the program is recorded. From the description of the embodiments described, it can be easily implemented by those skilled in the art.

The scope of the present invention is not limited to the above-described embodiments, but various modifications and improvements of those skilled in the art using the basic concept of the present invention as defined in the following claims are also within the scope of the present invention.

As described above, according to an exemplary embodiment of the present invention, when a large sized web page is viewed in a device having a small sized display device, user convenience is greatly improved.

Claims (7)

A browsing interface device of a small display device including a key input unit for inputting a user's command, and a browser to connect to the Internet and search for contents, A zoom navigation module for providing a first interface for allowing a user to enlarge or reduce the web page by manipulating the key input unit and for enlarging or reducing the web page according to a user's request input through the first interface ; And Providing a second interface allowing a user to manipulate the key input unit to scroll the web page on the screen when switching between a first mode and a second mode and setting the first mode, and through the second interface Browsing interface device for controlling a screen display of the web content including a quick scroll module for scrolling the web page on the screen in response to a user's request. The method of claim 1, Providing a third interface for allowing a user to set the width of the virtual screen for the web page by manipulating the key input unit, and setting a screen width for setting a screen width corresponding to a user's request input through the third interface A browsing interface device for controlling a screen display of web content further comprising a module. The method according to claim 1 or 2, The second interface is linked to the browser when the second mode is set, and controls the screen display of the web content for allowing the browser to perform anchor movement on the screen according to a user's request in the second mode. Browsing interface device. The method of claim 3, The third interface, HTML tags that display or set the optimal screen width for the page, HTML attributes that display or set the screen width for which the page is optimized, keystrokes or menus for selecting one of the preset screen width menus, or the user may A browsing interface device for controlling a screen display of web content, which is at least one of a menu for inputting a predetermined screen width. The method of claim 3, The zoom navigation module is a browsing interface device for controlling the screen display of the web content to maintain for a running time of the browser unless the user resets the magnification once set. The method of claim 5, The zoom navigation module, Browsing interface device for controlling the screen display of the web content to maintain the set magnification even after moving the page, and provides the same general function even in the enlarged or reduced state. The method of claim 6, The screen width setting module, A browsing interface device for controlling the screen display of web content that maintains the once set screen width for the duration of the browser unless the user is reset.

Images