KR20110108681A - Method for displaying web page and apparatus for displaying web page - Google Patents

Method for displaying web page and apparatus for displaying web page Download PDF

Info

Publication number
KR20110108681A
KR20110108681A KR1020100028023A KR20100028023A KR20110108681A KR 20110108681 A KR20110108681 A KR 20110108681A KR 1020100028023 A KR1020100028023 A KR 1020100028023A KR 20100028023 A KR20100028023 A KR 20100028023A KR 20110108681 A KR20110108681 A KR 20110108681A
Authority
KR
South Korea
Prior art keywords
main block
screen
movement
outside
web page
Prior art date
Application number
KR1020100028023A
Other languages
Korean (ko)
Other versions
KR101090673B1 (en
Inventor
윤상원
Original Assignee
주식회사 인프라웨어
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 주식회사 인프라웨어 filed Critical 주식회사 인프라웨어
Priority to KR1020100028023A priority Critical patent/KR101090673B1/en
Publication of KR20110108681A publication Critical patent/KR20110108681A/en
Application granted granted Critical
Publication of KR101090673B1 publication Critical patent/KR101090673B1/en

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485—Scrolling or panning
    • G06F3/04855—Interaction with scrollbars
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents

Abstract

본 발명은 웹 페이지 표시 방법 및 웹 페이지 표시 장치에 관한 것으로, 본 발명에 따른 웹 페이지 표시 장치는 웹 페이지 내에 스크롤 입력이 감지되면, 상기 스크롤 입력에 따른 이동량을 산출하는 센서부, 산출된 이동량에 따른 화면 표시 영역과 표시 영역 내에 메인으로 디스플레이되는 메인 블럭을 검출하고, 이동량에 따른 이동시, 메인 블럭이 화면 외곽으로부터 기 설정된 임계 거리 내에 진입하는지 확인하여, 임계 거리 내인 경우 메인 블럭의 이동 종료 지점을 화면 외곽으로 조정하는 제어부 및 메인 블럭의 이동 종료 지점 조정에 따라 메인 블럭의 블럭 경계 지점이 화면 외곽에 위치하도록 표시하는 표시부를 포함하여, 웹 페이지 내에서 사용자의 스크롤 입력에 따라 메인으로 디스플레이되는 메인 블럭의 컨텐츠나 구성의 단절이 없이 웹 페이지 표시 장치의 표시 화면에 디스플레이할 수 있다.The present invention relates to a web page display method and a web page display device. The web page display device according to the present invention includes a sensor unit for calculating a movement amount according to the scroll input when a scroll input is detected in the web page. According to the screen display area and the main block to be displayed in the main display area, and when moving according to the amount of movement, check whether the main block enters within a predetermined threshold distance from the outside of the screen, and if the moving distance of the main block is within the threshold distance Main unit displayed as the main in response to a user's scroll input in a web page, including a control unit for adjusting to the outside of the screen and a display unit for displaying the block boundary point of the main block in accordance with the adjustment of the movement end point of the main block. Web without breaking content or composition of blocks Not displayed can be displayed on the display screen of the device.

Description

웹 페이지 표시 방법 및 웹 페이지 표시 장치{Method for displaying web page and apparatus for displaying web page}Method for displaying web page and apparatus for displaying web page

본 발명은 웹 페이지 표시 방법 및 웹 페이지 표시 장치에 관한 것으로, 더욱 상세하게는 사용자가 웹 페이지를 스크롤하는 경우 웹 페이지를 표시하는 웹 페이지 표시 방법 및 웹 페이지 표시 장치에 관한 것이다.
The present invention relates to a web page display method and a web page display device, and more particularly, to a web page display method and a web page display device for displaying a web page when the user scrolls the web page.

휴대 단말기는 휴대가 가능하면서 음성 및 영상 통화를 수행할 수 있는 기능, 정보를 입/출력할 수 있는 기능 및 데이터를 저장할 수 있는 기능 등을 하나 이상 갖춘 휴대용 기기이다.A portable terminal is a portable device that is portable and has one or more functions of making voice and video calls, inputting / outputting information, and storing data.

이러한 휴대 단말기는 그 기능이 다양화됨에 따라 사진이나 동영상의 촬영, 음악 파일이나 동영상 파일의 재생, 게임, 방송의 수신, 무선 인터넷 등과 같은 복잡한 기능을 갖추게 되었으며, 종합적인 멀티미디어 기기 형태로 구현되고 있다.As the functions of the portable terminals are diversified, they are equipped with complex functions such as photographing or video recording, playing music files or video files, receiving games, broadcasting, and wireless Internet, and are being implemented as a comprehensive multimedia device. .

그런데, 휴대 단말기가 무선 인터넷 기능을 제공함에 따라 화면에 웹 페이지를 디스플레이 하지만, 휴대 단말기 표시 영역의 한계로 웹 페이지의 일부만이 디스플레이되는 문제가 있다. 또한, 유선 단말기를 통해 웹 페이지를 디스플레이하는 경우에도 표시 영역의 한계로 웹 페이지의 일부만이 디스플레이되는 경우가 있다.By the way, although the mobile terminal displays a web page on the screen as it provides a wireless Internet function, only a part of the web page is displayed due to the limitation of the display area of the mobile terminal. In addition, even when the web page is displayed through the wired terminal, only a part of the web page may be displayed due to the limitation of the display area.

즉, 웹 페이지 내에서 사용자가 스크롤을 수행하는 경우, 표시 단말기가 컨텐츠 내용이나 구성에 관계없이 이동량을 결정하여 진행함으로써 화면에 표시되는 컨텐츠가 적절한 위치에 표시되지 않아 사용자가 다시 스크롤을 수행해야 하는 문제점이 있다.
That is, when the user scrolls within the web page, the display terminal determines the amount of movement regardless of the content content or configuration, and thus the content displayed on the screen is not displayed in an appropriate position and the user has to scroll again. There is a problem.

본 발명의 목적은 웹 페이지 표시시, 메인 블럭이 화면 외곽으로부터 임계 거리 내에 진입하면, 메인 블럭의 이동 종료 지점을 화면 외곽으로 조정하여 표시함으로써, 웹 페이지를 스크롤 할 때, 사용자가 원하는 위치에 자동으로 정지하도록 하는 웹 페이지 표시 방법 및 웹 페이지 표시 장치를 제공함에 있다.
An object of the present invention, when the main block enters within a critical distance from the outside of the screen when the web page is displayed, by adjusting the movement end point of the main block to the outside of the screen, when scrolling the web page automatically at the user's desired position The present invention provides a web page display method and a web page display device for stopping.

이러한 과제를 달성하기 위한 본 발명에 따른 웹 페이지 표시 방법은 웹 페이지 내에 스크롤 입력이 감지되면, 스크롤 입력에 따른 이동량을 산출하는 단계, 산출된 이동량에 따른 화면 표시 영역과 표시 영역 내에 메인으로 디스플레이되는 메인 블럭을 검출하는 단계, 이동량에 따른 이동시, 메인 블럭이 화면 외곽으로부터 기 설정된 임계 거리 내에 진입하는지 확인하는 단계, 임계 거리 내에 진입한 경우, 메인 블럭의 이동 종료 지점을 화면 외곽으로 조정하는 단계 및 조정에 따라 메인 블럭의 블럭 경계 지점이 화면 외곽에 위치하도록 표시하는 단계를 포함한다.According to the present invention, a web page display method according to the present invention includes calculating a movement amount according to a scroll input when a scroll input is detected in a web page, and being displayed mainly in the screen display area and the display area according to the calculated movement amount. Detecting a main block, checking whether the main block enters a preset threshold distance from the outside of the screen when moving according to the moving amount, adjusting the end point of movement of the main block to the outside of the screen when entering the threshold distance; And displaying the block boundary point of the main block on the outside of the screen according to the adjustment.

또한, 본 발명에 따른 웹 페이지 표시 장치는 웹 페이지 내에 스크롤 입력이 감지되면, 스크롤 입력에 따른 이동량을 산출하는 센서부, 산출된 이동량에 따른 화면 표시 영역과 표시 영역 내에 메인으로 디스플레이되는 메인 블럭을 검출하고, 이동량에 따른 이동시, 메인 블럭이 화면 외곽으로부터 기 설정된 임계 거리 내에 진입하는지 확인하여, 임계 거리 내인 경우 메인 블럭의 이동 종료 지점을 화면 외곽으로 조정하는 제어부 및 메인 블럭의 이동 종료 지점 조정에 따라 메인 블럭의 블럭 경계 지점이 화면 외곽에 위치하도록 표시하는 표시부를 포함한다.
In addition, when a scroll input is detected in the web page, the web page display apparatus according to the present invention may include a sensor unit that calculates a movement amount according to the scroll input, a screen display area according to the calculated movement amount, and a main block displayed mainly in the display area. The controller detects whether the main block enters the preset threshold distance from the outside of the screen, and adjusts the end point of the main block to the outside of the screen and adjusts the movement end point of the main block. Accordingly, the display unit may include a display unit for displaying the block boundary point of the main block to be located outside the screen.

본 발명에 따르면, 웹 페이지 내에서 스크롤에 따라 메인으로 디스플레이되는 메인 블럭을 컨텐츠나 구성의 단절이 없이 웹 페이지 표시 장치(예를 들어, 휴대 단말기)의 표시 화면에 디스플레이할 수 있다.According to the present invention, the main block displayed as the main in accordance with the scroll in the web page can be displayed on the display screen of the web page display device (for example, the portable terminal) without disconnecting the content or configuration.

이에 따라, 사용자가 메인 블럭의 컨텐츠나 구성의 화면 정렬을 위해 잦은 플릭(Flick)을 수행하는 불편을 감소시켜 사용자에게 편리함을 제공할 수 있다.
Accordingly, it is possible to provide convenience to the user by reducing the inconvenience of the user frequently performing a flick for screen arrangement of the contents or the configuration of the main block.

[도 1]은 본 발명의 실시예에 따른 웹 페이지 표시 장치의 구성을 나타낸 블럭도.
[도 2]는 본 발명의 실시예에 따른 웹 페이지의 구성을 나타낸 도면.
[도 3]은 본 발명의 실시예에 따른 웹 페이지 내에서 사용자의 플릭(Flick)에 의한 이동량 산출에 따른 화면 표시 영역을 나타낸 도면.
[도 4]는 본 발명의 실시예에 따른 메인 블럭의 이동 종료 지점을 화면 외곽으로 조정한 화면 표시 영역을 나타낸 도면.
[도 5]는 본 발명의 실시예에 따른 웹 페이지 내에서 사용자의 가로 스크롤에 의한 이동량 산출에 따른 화면 표시 영역을 나타낸 도면.
[도 6]은 가로 스크롤에 따른 메인 블럭의 이동 종료 지점을 화면 외곽으로 조정한 화면 표시 영역을 나타낸 도면.
[도 7]은 본 발명의 실시예에 따른 웹 페이지 내에서 사용자의 세로 스크롤에 의한 이동량 산출에 따른 화면 표시 영역을 나타낸 도면.
[도 8]은 세로 스크롤에 따른 메인 블럭의 이동 종료 지점을 화면 외곽으로 조정한 화면 표시 영역을 나타낸 도면.
[도 9]는 웹 페이지 내에 스크롤 입력을 나타낸 도면.
[도 10]은 본 발명에 따른 화면 자동 맞춤 기능이 적용된 웹 페이지를 나타낸 도면.
[도 11]은 본 발명의 실시예에 따른 웹 페이지 표시 방법을 나타낸 순서도.1 is a block diagram showing the configuration of a web page display device according to an embodiment of the present invention;
2 is a diagram showing the configuration of a web page according to an embodiment of the present invention;
3 is a view showing a screen display area according to a movement amount calculation by a user's flick within a web page according to an embodiment of the present invention.
4 is a diagram illustrating a screen display area in which a movement end point of a main block is adjusted to the outside of a screen according to an exemplary embodiment of the present invention.
5 is a diagram illustrating a screen display area according to a movement amount calculation by horizontal scrolling of a user in a web page according to an exemplary embodiment of the present invention.
FIG. 6 is a diagram illustrating a screen display area in which a movement end point of a main block according to horizontal scrolling is adjusted to the outside of the screen; FIG.
7 is a diagram illustrating a screen display area according to calculation of a movement amount by vertical scrolling of a user in a web page according to an exemplary embodiment of the present invention.
FIG. 8 is a diagram illustrating a screen display area in which a movement end point of a main block according to vertical scrolling is adjusted to the outside of the screen; FIG.
9 illustrates scroll input within a web page.
10 is a view showing a web page to which the automatic screen adjustment function according to the present invention.
11 is a flowchart illustrating a web page display method according to an embodiment of the present invention.

이하에서는 도면을 참조하여 본 발명을 보다 상세하게 설명한다.Hereinafter, with reference to the drawings will be described the present invention in more detail.

[도 1]은 본 발명의 실시예에 따른 웹 페이지 표시 장치의 구성을 나타낸 블럭도이고, [도 2]는 본 발명의 실시예에 따른 웹 페이지의 구성을 나타낸 도면이다.1 is a block diagram showing a configuration of a web page display device according to an embodiment of the present invention, and FIG. 2 is a view showing a configuration of a web page according to an embodiment of the present invention.

[도 1]을 참조하면, 본 발명에 따른 웹 페이지 표시 장치(100)는 예를 들어, 휴대폰, 스마트폰, 피엠피(PMP), 전자책(E-Book) 단말기 등과 같은 휴대 단말기로 구비될 수 있으며, 무선 통신부(102), 표시부(104), 입력부(106), 센서부(108), 제어부(110), 저장부(112) 및 전원 공급부(114)를 포함할 수 있다. 또한, 본 발명에 따른 웹 페이지 표시 장치는 휴대 단말기에 한정되지 않으며, 네비게이션과 같이 표시부가 터치 스크린으로 구비되는 단말기에 모두 적용될 수 있다.Referring to FIG. 1, the web page display apparatus 100 according to the present invention may be provided as, for example, a mobile terminal such as a mobile phone, a smartphone, a PMP, an e-book terminal, or the like. The wireless communication unit 102 may include a wireless communication unit 102, a display unit 104, an input unit 106, a sensor unit 108, a control unit 110, a storage unit 112, and a power supply unit 114. In addition, the web page display apparatus according to the present invention is not limited to a portable terminal, and may be applied to all terminals provided with a touch screen such as navigation.

무선 통신부(102)는 이동통신망을 통해 무선 신호를 송수신하는 이동통신 모듈 및 무선 인터넷 접속을 위한 무선 인터넷 모듈을 포함할 수 있다.The wireless communication unit 102 may include a mobile communication module for transmitting and receiving a wireless signal through a mobile communication network and a wireless internet module for wireless internet access.

표시부(104)는 웹 페이지 표시 장치에서 처리되는 정보를 표시 출력한다. 예를 들어, 웹 페이지 표시 장치가 휴대 단말기로 구비되어, 통화 모드인 경우 통화와 관련된 UI(User Interface) 또는 GUI(Graphic User Interface)를 표시한다. 그리고, 휴대 단말기로 구비되는 웹 페이지 표시 장치가 화상 통화 모드 또는 촬영 모드인 경우, 촬영되거나 수신된 영상을 각각 또는 동시에 표시할 수 있다. 이때, 표시부(104)는 액정 디스플레이(liquid crystal display), 박막 트랜지스터 액정 디스플레이(thin film transistor-liquid crystal display), 유기 발광 다이오드(organic light-emitting diode), 플렉시블 디스플레이(flexible display), 3차원 디스플레이(3D display) 중 적어도 하나를 포함할 수 있다.The display unit 104 displays and outputs information processed by the web page display device. For example, a web page display device is provided as a portable terminal and displays a user interface (UI) or a graphic user interface (GUI) related to a call in the call mode. When the web page display device included in the portable terminal is in the video call mode or the photographing mode, the captured or received image may be displayed respectively or simultaneously. In this case, the display unit 104 includes a liquid crystal display, a thin film transistor-liquid crystal display, an organic light-emitting diode, a flexible display, and a three-dimensional display. It may include at least one of (3D display).

또한, 표시부(104)는 휴대 단말기로 구비되는 웹 페이지 표시 장치가 무선 인터넷에 접속하는 경우 표시 화면의 크기 제한으로 모바일 웹 페이지의 일부 영역만을 표시할 수 있다. 이때, 웹 페이지(200)는 도 2에 도시된 바와 같이, 복수의 블럭(202 내지 216)으로 구성될 수 있으며, 각 블럭은 각 블럭에 상응하는 컨텐츠를 표시할 수 있다.In addition, the display unit 104 may display only a partial region of the mobile web page due to the size limitation of the display screen when the web page display device provided as the portable terminal accesses the wireless Internet. In this case, as illustrated in FIG. 2, the web page 200 may include a plurality of blocks 202 to 216, and each block may display content corresponding to each block.

또한, 표시부(104)는 웹 페이지(200) 내 스크롤 입력에 의해 산출된 이동량에 따른 화면 표시 영역에서 메인으로 디스플레이되는 메인 블럭의 블럭 경계 지점이 화면 외곽에 위치하도록 표시할 수 있다.In addition, the display unit 104 may display a block boundary point of the main block displayed as the main in the screen display area according to the movement amount calculated by the scroll input in the web page 200 to be positioned outside the screen.

입력부(106)는 사용자가 단말기의 동작 제어를 위하여 입력하는 키 입력 데이터를 발생시킨다. 입력부(106)는 키 패드, 돔 스위치, 터치 패드 등으로 구성될 수 있다. 특히, 터치 패드는 표시부(104)와 상호 레이어 구조를 이루는 터치 스크린으로 구현될 수 있다.The input unit 106 generates key input data input by the user for controlling the operation of the terminal. The input unit 106 may include a keypad, a dome switch, a touch pad, and the like. In particular, the touch pad may be implemented as a touch screen having a mutual layer structure with the display unit 104.

센서부(108)는 웹 페이지 내에 플릭(Flick) 또는 스크롤바에 의한 스크롤 입력이 감지되면, 이에 따른 이동량을 산출할 수 있다.When the sensor unit 108 detects a scroll input by a flick or scroll bar in the web page, the sensor unit 108 may calculate a movement amount accordingly.

제어부(110)는 휴대 단말기의 전반적인 동작을 제어하며, 예를 들어, 음성 통화, 데이터 통신, 화상 통화 등을 위한 관련 제어 및 처리를 수행할 수 있다.The controller 110 controls overall operations of the portable terminal, and may perform, for example, related control and processing for voice call, data communication, video call, and the like.

또한, 제어부(110)는 산출된 이동량에 따른 화면 표시 영역과 표시 영역 내에 메인으로 디스플레이되는 메인 블럭을 검출하고, 이동량에 따른 이동시, 메인 블럭이 화면 외곽으로부터 기 설정된 임계 거리 내에 진입하는지 확인하여, 임계 거리 내인 경우 메인 블럭의 이동 종료 지점을 화면 외곽으로 조정한다.In addition, the controller 110 detects the screen display area according to the calculated movement amount and the main block displayed mainly in the display area, and checks whether the main block enters within a preset threshold distance from the outside of the screen when moving according to the movement amount. If it is within the critical distance, adjust the movement end point of the main block to the outside of the screen.

이때, 제어부(110)는 메인 블럭의 이동 방향이 위쪽 방향인 경우, 메인 블럭의 이동 종료 지점을 화면 외곽의 테두리로 조정할 수 있다. 또한, 제어부(110)는 메인 블럭의 이동 방향이 아래쪽 방향인 경우, 메인 블럭의 이동 종료 지점을 화면 외곽의 하단 테두리로 조정할 수 있다.In this case, when the moving direction of the main block is the upward direction, the controller 110 may adjust the moving end point of the main block to the edge of the outside of the screen. In addition, when the movement direction of the main block is in the downward direction, the controller 110 may adjust the movement end point of the main block to the lower edge of the outside of the screen.

또한, 제어부(110)는 메인 블럭의 이동 방향이 왼쪽 방향인 경우, 메인 블록의 이동 종료 지점을 화면 외곽의 좌측 테두리로 조정할 수 있다. 또한, 제어부(110)는 메인 블럭의 이동 방향이 오른쪽 방향인 경우, 메인 블럭의 이동 종료 지점을 화면 외곽의 우측 테두리로 조정할 수 있다.In addition, when the movement direction of the main block is in the left direction, the controller 110 may adjust the movement end point of the main block to the left edge of the outside of the screen. In addition, when the movement direction of the main block is in the right direction, the controller 110 may adjust the movement end point of the main block to the right edge of the outside of the screen.

또한, 제어부(110)는 메인 블럭의 이동 방향이 대각선 방향인 경우, 메인 블럭의 이동 종료 지점을 화면 외곽의 상단 또는 하단 테두리로 제1 조정하고, 우측 테두리 또는 좌측 테두리로 제2 조정할 수 있다. 또한, 제어부(110)는 메인 블럭의 이동 방향이 대각선 방향인 경우, 메인 블럭의 제1 인접 블럭과 제2 인접 블럭의 교차점인 포인트 지점으로부터 메인 블럭까지의 거리를 산출하여, 산출 거리에 따라 메인 블럭의 이동 종료 시점을 조정할 수 있다.In addition, when the movement direction of the main block is in a diagonal direction, the controller 110 may first adjust the movement end point of the main block to the upper or lower edge of the outside of the screen, and adjust the second to the right or left edge. In addition, when the moving direction of the main block is in a diagonal direction, the controller 110 calculates a distance from the point point, which is an intersection point of the first adjacent block and the second adjacent block, of the main block to the main block, and according to the calculated distance, according to the calculated distance. The end point of movement of the block can be adjusted.

한편, 제어부(110)는 가로 스크롤인 경우, 이동량에 따른 이동시, 메인 블럭의 좌측면이 화면 외곽의 좌측 테두리로부터 기 설정된 임계 거리 내에 진입하는지 확인하여, 임계 거리 내 진입한 경우, 메인 블럭의 좌측면이 화면 외곽의 좌측 테두리에 위치하도록 조정할 수 있다.Meanwhile, in the case of horizontal scrolling, the controller 110 checks whether the left side surface of the main block enters the preset threshold distance from the left edge of the outside of the screen when moving according to the movement amount. The face can be adjusted so that it is located on the left border of the outside of the screen.

또한, 제어부(110)는 세로 스크롤인 경우, 이동량에 따른 이동시, 메인 블럭의 상단이 화면 외곽의 상측 테두리로부터 기 설정된 임계 거리 내에 진입하는지 확인하여, 임계 거리 내 진입한 경우, 메인 블럭의 상단이 화면 외곽의 상측 테두리에 위치하도록 조정할 수 있다.In addition, in the case of vertical scrolling, the controller 110 checks whether the upper end of the main block enters the preset threshold distance from the upper edge of the outside of the screen when moving according to the movement amount. It can be adjusted to be located on the upper edge of the outside of the screen.

저장부(112)는 제어부(110)의 처리 및 제어를 위한 프로그램이 저장될 수 있고, 입력되거나 출력되는 데이터들을 임시로 저장할 수 있다. 또한, 저장부(112)는 메인 블럭과 화면 외곽과의 거리에 대해 미리 설정된 임계 거리를 저장할 수 있다.The storage unit 112 may store a program for processing and controlling the controller 110, and may temporarily store input or output data. In addition, the storage unit 112 may store a threshold distance preset for the distance between the main block and the outside of the screen.

전원 공급부(114)는 제어부(110)의 제어에 의해 외부의 전원, 내부의 전원을 인가받아 각 구성요소들의 동작에 필요한 전원을 공급할 수 있다.
The power supply unit 114 may receive external power and internal power under the control of the controller 110 to supply power required for the operation of each component.

[도 3]은 본 발명의 실시예에 따른 웹 페이지 내에서 사용자의 플릭(Flick)에 의한 이동량 산출에 따른 화면 표시 영역을 나타낸 도면이고, [도 4]는 본 발명의 실시예에 따른 메인 블럭의 이동 종료 지점을 화면 외곽으로 조정한 화면 표시 영역을 나타낸 도면이다.FIG. 3 is a diagram illustrating a screen display area according to calculation of a movement amount by a user's flick within a web page according to an embodiment of the present invention, and FIG. 4 is a main block according to an embodiment of the present invention. 2 is a diagram illustrating a screen display area in which the movement end point of the screen is adjusted to the outside of the screen.

도면을 참조하면, 본 발명의 실시예에 따른 웹 페이지(300)는 웹 페이지 표시 장치(예를 들어, 휴대 단말기)의 표시 화면에 표시되는 화면 표시 영역과 화면에 표시되지 않는 영역(330)으로 분류될 수 있다.Referring to the drawings, a web page 300 according to an embodiment of the present invention is a screen display area displayed on a display screen of a web page display device (for example, a mobile terminal) and an area 330 not displayed on the screen. Can be classified.

또한, 제1 화면 표시 영역(310)은 초기에 제1 위치의 컨텐츠를 표시할 수 있고, 사용자에 의해 플릭킹(Flicking)이 수행되면, 웹 페이지 표시 장치(예를 들어, 휴대 단말기)는 플릭킹에 따른 이동량을 산출하고, 이동량에 따른 제2 화면 표시 영역(320)과 표시 영역 내에 메인으로 디스플레이되는 메인 블럭을 검출할 수 있다.In addition, the first screen display area 310 may initially display the content at the first location, and when flicking is performed by the user, the web page display device (for example, the mobile terminal) may flick. The movement amount according to the king may be calculated, and the main screen displayed mainly in the second screen display area 320 and the display area according to the movement amount may be detected.

또한, 웹 페이지 표시 장치(예를 들어, 휴대 단말기)는 플릭에 따른 이동시, 메인 블럭 이동 방향으로의 인접 블럭(예를 들어, 제1 인접 블럭, 제2 인접 블럭)이 화면 외곽으로부터 기 설정된 임계 거리 내에 진입하는지 또는 화면 외곽이 인접 블럭의 임계 거리(예를 들어, L1threshold, L2threshold) 내에 진입하는지 확인하여, 임계 거리 내인 경우 메인 블럭의 이동 종료 지점을 인접 블럭과의 경계 지점으로 조정할 수 있다.In addition, when the web page display apparatus (for example, the mobile terminal) moves according to the flick, the neighboring blocks (for example, the first neighboring block and the second neighboring block) in the main block moving direction are set in advance from the outside of the screen. Check if it is within the distance or if the outside of the screen is within the threshold distance of the adjacent block (for example, L1 threshold , L2 threshold ), and if it is within the threshold distance, the end point of the main block can be adjusted to the boundary point with the adjacent block. have.

이에 따라, [도 4]에 도시된 바와 같이, 본 발명에 따른 화면 표시 영역(420)은 메인으로 디스플레이되는 메인 블럭의 블럭 경계 지점이 화면 외곽에 위치하도록 표시할 수 있다.
Accordingly, as shown in FIG. 4, the screen display area 420 according to the present invention may display the block boundary point of the main block displayed as the main so as to be located outside the screen.

[도 5]는 본 발명의 실시예에 따른 웹 페이지 내에서 사용자의 가로 스크롤에 의한 이동량 산출에 따른 화면 표시 영역을 나타낸 도면이고, [도 6]은 가로 스크롤에 따른 메인 블럭의 이동 종료 지점을 화면 외곽으로 조정한 화면 표시 영역을 나타낸 도면이다.FIG. 5 is a diagram illustrating a screen display area according to calculation of a movement amount by a horizontal scroll of a user in a web page according to an exemplary embodiment of the present invention, and FIG. 6 illustrates a movement end point of a main block according to horizontal scroll. The screen display area adjusted to the outside of the screen is shown.

도면을 참조하면, 본 발명의 실시예에 따른 표시 화면(500)은 웹 페이지 표시 장치(예를 들어, 휴대 단말기)의 표시부를 통해 디스플레이되며, 가로 스크롤 영역(510), 표시 화면(500)에 메인으로 디스플레이되는 메인 블럭의 컨텐츠를 표시하는 메인 블럭 표시 영역(530) 및 하나 이상의 서브 블럭에 대한 각 컨텐츠를 표시하는 서브 블럭 표시 영역(540)을 포함할 수 있다. 이때, 초기 메인 블럭 표시 영역(520)은 사용자에 의해 가로 스크롤이 수행되기 이전 초기 위치에서 메인 블럭에 해당하는 컨텐츠를 표시할 수 있다. 또한, 사용자에 의해 가로 스크롤이 수행되면, 웹 페이지 표시 장치(예를 들어, 휴대 단말기)는 스크롤에 따른 이동량에 따라 메인 블럭 표시 영역(530)이 위치할 것을 예정할 수 있다.Referring to the drawings, the display screen 500 according to an exemplary embodiment of the present invention is displayed through a display unit of a web page display device (for example, a mobile terminal), and is displayed on the horizontal scroll area 510 and the display screen 500. It may include a main block display area 530 for displaying the content of the main block to be displayed as the main, and a sub block display area 540 for displaying each content for one or more sub blocks. In this case, the initial main block display area 520 may display content corresponding to the main block at an initial position before horizontal scrolling is performed by the user. In addition, when horizontal scrolling is performed by the user, the web page display apparatus (for example, the mobile terminal) may schedule the main block display area 530 to be positioned according to the scrolling amount.

또한, 웹 페이지 표시 장치(예를 들어, 휴대 단말기)는 예정된 위치의 메인 블록 표시 영역(530)이 화면 외곽 좌측면으로부터 기 설정된 임계 거리(Lthreshold) 내에 진입하는지 확인하여, 임계 거리 내인 경우 메인 블럭의 이동 종료 지점을 화면 외곽으로 조정할 수 있다.In addition, the web page display apparatus (for example, the mobile terminal) checks whether the main block display area 530 of the predetermined position enters within a preset threshold distance L threshold from the left side of the outside of the screen. You can adjust the end point of the block to the outside of the screen.

이에 따라, [도 6]에 도시된 바와 같이, 본 발명에 따른 웹 페이지 표시 장치(예를 들어, 휴대 단말기)의 표시 화면(500)은 메인 블럭 표시 영역(530)의 좌측경계 지점이 화면 외곽의 좌측면에 위치하도록 표시할 수 있다.
Accordingly, as shown in FIG. 6, the display screen 500 of the web page display apparatus (eg, the portable terminal) according to the present invention has a left boundary point of the main block display area 530 at the outer edge of the screen. It can be displayed to be located on the left side of.

[도 7]은 본 발명의 실시예에 따른 웹 페이지 내에서 사용자의 세로 스크롤에 의한 이동량 산출에 따른 화면 표시 영역을 나타낸 도면이고, [도 8]은 세로 스크롤에 따른 메인 블럭의 이동 종료 지점을 화면 외곽으로 조정한 화면 표시 영역을 나타낸 도면이다.FIG. 7 is a diagram illustrating a screen display area according to calculation of a movement amount by a vertical scroll of a user in a web page according to an embodiment of the present invention, and FIG. The screen display area adjusted to the outside of the screen is shown.

도면을 참조하면, 본 발명의 실시예에 따른 표시 화면(700)은 웹 페이지 표시 장치(예를 들어, 휴대 단말기)의 표시부를 통해 디스플레이되며, 세로 스크롤 영역(710), 표시 화면(700)에 메인으로 디스플레이되는 메인 블럭의 컨텐츠를 표시하는 메인 블럭 표시 영역(730) 및 하나 이상의 서브 블럭에 대한 각 컨텐츠를 표시하는 서브 블럭 표시 영역(740)을 포함할 수 있다. 이때, 초기 메인 블럭 표시 영역(720)은 사용자에 의해 가로 스크롤이 수행되기 이전 초기 위치에서 메인 블럭에 해당하는 컨텐츠를 표시할 수 있다. 또한, 사용자에 의해 세로 스크롤이 수행되면, 웹 페이지 표시 장치(예를 들어, 휴대 단말기)는 스크롤에 따른 이동량에 따라 메인 블럭 표시 영역(730)이 위치할 것을 예정할 수 있다.Referring to the drawings, the display screen 700 according to an exemplary embodiment of the present invention is displayed through a display unit of a web page display device (for example, a mobile terminal), and is displayed on the vertical scroll area 710 and the display screen 700. It may include a main block display area 730 for displaying the content of the main block to be displayed as the main, and a sub block display area 740 for displaying each content for one or more sub blocks. In this case, the initial main block display area 720 may display content corresponding to the main block at an initial position before horizontal scrolling is performed by the user. In addition, when vertical scrolling is performed by the user, the web page display apparatus (for example, the mobile terminal) may schedule the main block display area 730 to be located according to the movement amount according to the scroll.

또한, 웹 페이지 표시 장치(예를 들어, 휴대 단말기)는 예정된 위치의 메인 블록 표시 영역(730)이 화면 외곽 상단으로부터 기 설정된 임계 거리(Lthreshold) 내에 진입하는지 확인하여, 임계 거리 내인 경우 메인 블럭의 이동 종료 지점을 화면 외곽으로 조정할 수 있다.In addition, the web page display apparatus (for example, the mobile terminal) checks whether the main block display area 730 of the predetermined position enters within a preset threshold distance L threshold from the upper edge of the screen, and, if it is within the threshold distance, the main block. You can adjust the end point of movement to the outside of the screen.

이에 따라, [도 8]에 도시된 바와 같이, 본 발명에 따른 웹 페이지 표시 장치(예를 들어, 휴대 단말기)의 표시 화면(700)은 메인 블럭 표시 영역(730)의 상단 경계 지점이 화면 외곽의 상단에 위치하도록 표시할 수 있다.
Accordingly, as shown in FIG. 8, the display screen 700 of the web page display apparatus (eg, the mobile terminal) according to the present invention has an upper boundary point of the main block display area 730 at the outer edge of the screen. It can be displayed to be located at the top of the.

[도 9]는 웹 페이지 내에 스크롤 입력을 나타낸 도면이고, [도 10]은 본 발명에 따른 화면 자동 맞춤 기능이 적용된 웹 페이지를 나타낸 도면이다.FIG. 9 is a diagram illustrating scroll input in a web page, and FIG. 10 is a diagram illustrating a web page to which a screen autofit function is applied according to the present invention.

[도 9]를 참조하면, 일반적인 웹 페이지(900)는 아래 위로 스크롤하는 패닝(panning), 또는 플릭킹(flicking)에 따른 스크롤 입력에 의해 화면에 보여지는 영역(910)과 화면에 보여지지 않는 영역(920)으로 분류될 수 있다.Referring to FIG. 9, a general web page 900 may display an area 910 that is displayed on the screen by scroll input due to panning or flicking that scrolls up and down, and is not displayed on the screen. Region 920.

또한, [도 10]을 참조하면, 본 발명의 실시예에 따른 웹 페이지(950)는 본 발명에 따른 화면 자동 맞춤 기능이 적용되어 화면에 보여지는 영역(960)과 화면에 보여지지 않는 영역(970)으로 분류될 수 있다. 즉, [도 9]의 패닝 또는 플릭킹에 의해 화면에 보여지는 영역인 메인 블럭의 블럭 경계 지점과 화면 외곽이 근접하는 경우 자동으로 블럭 경계를 화면 외곽에 맞추어 스크롤에 따른 이동이 멈추는 화면 자동 맞춤 기능을 제공할 수 있다.
In addition, referring to FIG. 10, the web page 950 according to an embodiment of the present invention may include an area 960 shown on the screen and an area not shown on the screen by applying the screen autofit function according to the present invention. 970). That is, when the block boundary point of the main block, which is the area shown on the screen by the panning or flicking of FIG. 9, is close to the outside of the screen, the screen automatically fits the block boundary according to the outside of the screen. Can provide functionality.

[도 11]은 본 발명의 실시예에 따른 웹 페이지 표시 방법을 나타낸 순서도이다.11 is a flowchart illustrating a web page display method according to an exemplary embodiment of the present invention.

[도 11]을 참조하면, 본 발명에 따른 웹 페이지 표시 장치는 웹 페이지(예를 들어, 모바일 웹 페이지) 내에 스크롤 입력을 감지할 수 있으며(S502), 이에 따른 이동량을 산출할 수 있다(S504).Referring to FIG. 11, the web page display apparatus according to the present invention may detect a scroll input in a web page (eg, a mobile web page) (S502) and calculate a movement amount accordingly (S504). ).

또한, 웹 페이지 표시 장치는 산출된 이동량에 따른 화면 표시 영역과 표시 영역 내에서 메인으로 디스플레이 되는 메인 블럭을 검출할 수 있다(S506).In addition, the web page display apparatus may detect the screen display area and the main block displayed as the main in the display area according to the calculated movement amount (S506).

또한, 웹 페이지 표시 장치는 이동량에 따른 이동시, 메인 블럭이 회면 외곽으로부터 기 설정된 임계 거리 내에 진입하는지 확인하여(S508), 임계 거리 내인 경우, 메인 블럭의 이동 종료 지점을 화면 외곽으로 조정할 수 있다(S510).In addition, when the web page display apparatus moves according to the movement amount, the web page display apparatus checks whether the main block enters the preset threshold distance from the outside of the screen (S508), and if it is within the threshold distance, adjusts the end point of movement of the main block to the outside of the screen ( S510).

이때, 웹 페이지 표시 장치는 메인 블럭의 이동 방향이 위쪽 방향인 경우, 메인 블럭의 이동 종료 지점을 화면 외곽의 상단 테두리로 조정할 수 있다. 또한, 웹 페이지 표시 장치는 메인 블럭의 이동 방향이 아래쪽 방향인 경우, 메인 블럭의 이동 종료 지점을 화면 외곽의 하단 테두리로 조정할 수 있다.In this case, when the moving direction of the main block is in an upward direction, the web page display apparatus may adjust the moving end point of the main block to the upper edge of the outside of the screen. In addition, the web page display apparatus may adjust the movement end point of the main block to the lower edge of the outside of the screen when the movement direction of the main block is downward.

또한, 웹 페이지 표시 장치는 메인 블럭의 이동 방향이 왼쪽 방향인 경우,메인 블록의 이동 종료 지점을 화면 외곽의 좌측 테두리로 조정할 수 있다. 또한, 웹 페이지 표시 장치는 메인 블럭의 이동 방향이 오른쪽 방향인 경우, 메인 블럭의 이동 종료 지점을 화면 외곽의 우측 테두리로 조정할 수 있다. In addition, when the movement direction of the main block is in the left direction, the web page display apparatus may adjust the movement end point of the main block to the left edge of the outside of the screen. In addition, when the movement direction of the main block is in the right direction, the web page display apparatus may adjust the movement end point of the main block to the right edge of the outside of the screen.

또한, 웹 페이지 표시 장치는 메인 블럭의 이동 방향이 대각선 방향인 경우, 메인 블럭의 이동 종료 지점을 화면 외곽의 상단 또는 하단 테두리로 제1 조정하고, 우측 테두리 또는 좌측 테두리로 제2 조정할 수 있다. 또한, 웹 페이지 표시 장치는 메인 블럭의 이동 방향이 대각선 방향인 경우, 메인 블럭의 제1 인접 블럭과 제2 인접 블럭의 교차점인 포인트 지점으로부터 상기 메인 블럭까지의 거리를 산출하여, 산출 거리에 따라 상기 메인 블럭의 이동 종료 시점을 조정할 수 있다.In addition, when the movement direction of the main block is in a diagonal direction, the web page display apparatus may first adjust the movement end point of the main block to the upper or lower edge of the outside of the screen, and adjust the second to the right or left edge. In addition, when the direction of movement of the main block is the diagonal direction, the web page display apparatus calculates the distance from the point point, which is the intersection point of the first adjacent block and the second adjacent block of the main block, to the main block, according to the calculation distance. The end point of movement of the main block may be adjusted.

한편, 웹 페이지 표시 장치는 가로 스크롤인 경우, 이동량에 따른 이동시, 메인 블럭의 좌측면이 화면 외곽의 좌측 테두리로부터 기 설정된 임계 거리 내에 진입하는지 확인하여, 임계 거리 내 진입한 경우, 메인 블럭의 좌측면이 화면 외곽의 좌측 테두리에 위치하도록 조정할 수 있다.In the case of horizontal scrolling, the web page display apparatus checks whether the left side surface of the main block enters the preset threshold distance from the left edge of the outside of the screen when moving according to the movement amount. The face can be adjusted so that it is located on the left border of the outside of the screen.

또한, 웹 페이지 표시 장치는 세로 스크롤인 경우, 이동량에 따른 이동시, 메인 블럭의 상단이 화면 외곽의 상측 테두리로부터 기 설정된 임계 거리 내에 진입하는지 확인하여, 임계 거리 내 진입한 경우, 메인 블럭의 상단이 화면 외곽의 상측 테두리에 위치하도록 조정할 수 있다.In addition, the web page display apparatus checks whether the top of the main block enters a preset threshold distance from the upper edge of the outside of the screen when moving according to the amount of movement in the case of vertical scrolling. It can be adjusted to be located on the upper edge of the outside of the screen.

이에 따라, 웹 페이지 표시 장치는 메인 블럭의 블럭 경계 지점이 웹 페이지 표시 장치의 표시부 화면 외곽에 위치하도록 표시할 수 있다(S512).
Accordingly, the web page display apparatus may display the block boundary point of the main block to be located outside the display unit screen of the web page display apparatus (S512).

이상에서 실시예를 들어 본 발명을 더욱 상세하게 설명하였으나, 본 발명은 반드시 이러한 실시예로 국한되는 것은 아니고, 본 발명의 기술사상을 벗어나지 않는 범위 내에서 다양하게 변형실시될 수 있다. 따라서, 본 발명에 개시된 실시예들은 본 발명의 기술 사상을 한정하기 위한 것이 아니라 설명하기 위한 것이고, 이러한 실시예에 의하여 본 발명의 기술 사상의 범위가 한정되는 것은 아니다. 본 발명의 보호 범위는 아래의 청구범위에 의하여 해석되어야 하며, 그와 동등한 범위 내에 있는 모든 기술 사상은 본 발명의 권리범위에 포함되는 것으로 해석되어야 할 것이다.
Although the present invention has been described in more detail with reference to the examples, the present invention is not necessarily limited to these embodiments, and various modifications can be made without departing from the spirit of the present invention. Therefore, the embodiments disclosed in the present invention are not intended to limit the technical idea of the present invention but to describe the present invention, and the scope of the technical idea of the present invention is not limited by these embodiments. The scope of protection of the present invention should be construed according to the following claims, and all technical ideas falling within the scope of the same shall be construed as falling within the scope of the present invention.

102 : 무선 통신부 104 : 표시부
106 : 입력부 108 : 센서부
110 : 제어부 112 : 저장부102: wireless communication unit 104: display unit
106: input unit 108: sensor unit
110: control unit 112: storage unit

Claims (18)

웹 페이지 내에 스크롤 입력이 감지되면, 상기 스크롤 입력에 따른 이동량을 산출하는 단계;
상기 산출된 이동량에 따른 화면 표시 영역과 상기 표시 영역 내에 메인으로 디스플레이되는 메인 블럭을 검출하는 단계;
상기 이동량에 따른 이동시, 상기 메인 블럭이 화면 외곽으로부터 기 설정된 임계 거리 내에 진입하는지 확인하는 단계;
상기 임계 거리 내에 진입한 경우, 상기 메인 블럭의 이동 종료 지점을 화면 외곽으로 조정하는 단계; 및
상기 조정에 따라 상기 메인 블럭의 블럭 경계 지점이 화면 외곽에 위치하도록 표시하는 단계;
를 포함하는 웹 페이지 표시 방법.
Calculating a movement amount according to the scroll input when a scroll input is detected in a web page;
Detecting a screen display area according to the calculated movement amount and a main block mainly displayed in the display area;
Checking whether the main block enters within a preset threshold distance from the outside of the screen during the movement according to the movement amount;
Adjusting a movement end point of the main block to the outside of the screen when entering the threshold distance; And
Displaying a block boundary point of the main block at an outside of the screen according to the adjustment;
Web page display method comprising a.
청구항 1에 있어서,
상기 조정 단계는,
상기 메인 블럭의 이동 방향이 위쪽 방향인 경우,
상기 메인 블럭의 이동 종료 지점을 화면 외곽의 상단 테두리로 조정하는 것을 특징으로 하는 웹 페이지 표시 방법.
The method according to claim 1,
The adjusting step,
When the moving direction of the main block is the upward direction,
And adjusting the movement end point of the main block to the upper edge of the outside of the screen.
청구항 1에 있어서,
상기 조정 단계는,
상기 메인 블럭의 이동 방향이 아래쪽 방향인 경우,
상기 메인 블럭의 이동 종료 지점을 화면 외곽의 하단 테두리로 조정하는 것을 특징으로 하는 웹 페이지 표시 방법.
The method according to claim 1,
The adjusting step,
When the moving direction of the main block is a downward direction,
And adjusting a movement end point of the main block to a lower edge of an outside of the screen.
청구항 1에 있어서,
상기 조정 단계는,
상기 메인 블럭의 이동 방향이 왼쪽 방향인 경우,
상기 메인 블록의 이동 종료 지점을 화면 외곽의 좌측 테두리로 조정하는 것을 특징으로 하는 웹 페이지 표시 방법.
The method according to claim 1,
The adjusting step,
When the moving direction of the main block is the left direction,
And adjusting the movement end point of the main block to the left border of the outside of the screen.
청구항 1에 있어서,
상기 조정 단계는,
상기 메인 블럭의 이동 방향이 오른쪽 방향인 경우,
상기 메인 블럭의 이동 종료 지점을 화면 외곽의 우측 테두리로 조정하는 것을 특징으로 하는 웹 페이지 표시 방법.
The method according to claim 1,
The adjusting step,
When the movement direction of the main block is the right direction,
And adjusting the movement end point of the main block to the right edge of the outside of the screen.
청구항 1에 있어서,
상기 조정 단계는,
상기 메인 블럭의 이동 방향이 대각선 방향인 경우,
상기 메인 블럭의 이동 종료 지점을 화면 외곽의 상단 또는 하단 테두리로 제1 조정하고, 우측 테두리 또는 좌측 테두리로 제2 조정하는 것을 특징으로 하는 웹 페이지 표시 방법.
The method according to claim 1,
The adjusting step,
When the moving direction of the main block is a diagonal direction,
And first adjusting the movement end point of the main block to the upper or lower edge of the outside of the screen and the second to the right or left edge.
청구항 1에 있어서,
상기 조정 단계는,
상기 메인 블럭의 이동 방향이 대각선 방향인 경우,
상기 메인 블럭의 제1 인접 블럭과 제2 인접 블럭의 교차점인 포인트 지점으로부터 상기 메인 블럭까지의 거리를 산출하여, 상기 산출 거리에 따라 상기 메인 블럭의 이동 종료 시점을 조정하는 것을 특징으로 하는 웹 페이지 표시 방법.
The method according to claim 1,
The adjusting step,
When the moving direction of the main block is a diagonal direction,
A web page, characterized in that the distance from the point of the intersection of the first adjacent block and the second adjacent block of the main block to the main block is calculated, and the end point of movement of the main block is adjusted according to the calculated distance. Display method.
청구항 1에 있어서,
상기 임계 거리 진입 확인 단계는, 가로 스크롤인 경우, 상기 이동량에 따른 이동시, 상기 메인 블럭의 좌측면이 화면 외곽의 좌측 테두리로부터 기 설정된 임계 거리 내에 진입하는지 확인하며,
상기 조정 단계는, 상기 임계 거리 내 진입한 경우, 상기 메인 블럭의 좌측면이 화면 외곽의 좌측 테두리에 위치하도록 조정하는 것을 특징으로 하는 웹 페이지 표시 방법.
The method according to claim 1,
In the threshold distance entry checking step, in the case of horizontal scrolling, when the movement according to the movement amount, the left side of the main block is checked to enter within a preset threshold distance from the left edge of the outside of the screen,
In the adjusting step, when entering within the threshold distance, the web page display method characterized in that the left side of the main block is adjusted to be located on the left border of the outside of the screen.
청구항 1에 있어서,
상기 임계 거리 진입 확인 단계는, 세로 스크롤인 경우, 상기 이동량에 따른 이동시, 상기 메인 블럭의 상단이 화면 외곽의 상측 테두리로부터 기 설정된 임계 거리 내에 진입하는지 확인하며,
상기 조정 단계는, 상기 임계 거리 내 진입한 경우, 상기 메인 블럭의 상단이 화면 외곽의 상측 테두리에 위치하도록 조정하는 것을 특징으로 웹 페이지 표시 방법.
The method according to claim 1,
In the threshold distance entry checking step, in the vertical scroll, when the movement according to the movement amount, whether the upper end of the main block is within a predetermined threshold distance from the upper edge of the outside of the screen,
In the adjusting step, when entering within the threshold distance, the web page display method characterized in that the upper end of the main block is adjusted to be located on the upper edge of the outside of the screen.
웹 페이지 내에 스크롤 입력이 감지되면, 상기 스크롤 입력에 따른 이동량을 산출하는 센서부;
상기 산출된 이동량에 따른 화면 표시 영역과 상기 표시 영역 내에 메인으로 디스플레이되는 메인 블럭을 검출하고, 상기 이동량에 따른 이동시, 상기 메인 블럭이 화면 외곽으로부터 기 설정된 임계 거리 내에 진입하는지 확인하여, 임계 거리 내인 경우 상기 메인 블럭의 이동 종료 지점을 화면 외곽으로 조정하는 제어부; 및
상기 메인 블럭의 이동 종료 지점 조정에 따라 상기 메인 블럭의 블럭 경계 지점이 화면 외곽에 위치하도록 표시하는 표시부;
를 포함하는 웹 페이지 표시 장치.
A sensor unit configured to calculate a movement amount according to the scroll input when a scroll input is detected in a web page;
Detects a screen display area according to the calculated movement amount and a main block displayed mainly in the display area, and, when moving according to the movement amount, checks whether the main block enters within a preset threshold distance from the outside of the screen, and is within a threshold distance. A control unit for adjusting a movement end point of the main block to the outside of the screen; And
A display unit which displays a block boundary point of the main block at an outer edge of the screen according to an adjustment of a movement end point of the main block;
Web page display device comprising a.
청구항 10에 있어서,
상기 제어부는, 상기 메인 블럭의 이동 방향이 위쪽 방향인 경우, 상기 메인 블럭의 이동 종료 지점을 화면 외곽의 상단 테두리로 조정하는 것을 특징으로 하는 웹 페이지 표시 장치.
The method according to claim 10,
And the control unit adjusts a movement end point of the main block to an upper edge of an outer edge of the screen when the main block moves upward.
청구항 10에 있어서,
상기 제어부는, 상기 메인 블럭의 이동 방향이 아래쪽 방향인 경우, 상기 메인 블럭의 이동 종료 지점을 화면 외곽의 하단 테두리로 조정하는 것을 특징으로 하는 웹 페이지 표시 장치.
The method according to claim 10,
And the control unit adjusts a movement end point of the main block to a lower edge of the outside of the screen when the movement direction of the main block is downward.
청구항 10에 있어서,
상기 제어부는, 상기 메인 블럭의 이동 방향이 왼쪽 방향인 경우, 상기 메인 블록의 이동 종료 지점을 화면 외곽의 좌측 테두리로 조정하는 것을 특징으로 하는 웹 페이지 표시 장치.
The method according to claim 10,
The controller may control the movement end point of the main block to the left edge of the outside of the screen when the movement direction of the main block is the left direction.
청구항 10에 있어서,
상기 제어부는, 상기 메인 블럭의 이동 방향이 오른쪽 방향인 경우, 상기 메인 블럭의 이동 종료 지점을 화면 외곽의 우측 테두리로 조정하는 것을 특징으로 하는 웹 페이지 표시 장치.
The method according to claim 10,
And the control unit adjusts the movement end point of the main block to the right edge of the outside of the screen when the movement direction of the main block is in the right direction.
청구항 10에 있어서,
상기 제어부는, 상기 메인 블럭의 이동 방향이 대각선 방향인 경우, 상기 메인 블럭의 이동 종료 지점을 화면 외곽의 상단 또는 하단 테두리로 제1 조정하고, 우측 테두리 또는 좌측 테두리로 제2 조정하는 것을 특징으로 하는 웹 페이지 표시 장치.
The method according to claim 10,
The controller, if the moving direction of the main block is in a diagonal direction, first adjusts the end point of movement of the main block to the upper or lower border of the outside of the screen, and the second adjustment to the right or left border. Web page display device.
청구항 10에 있어서,
상기 제어부는, 상기 메인 블럭의 이동 방향이 대각선 방향인 경우, 상기 메인 블럭의 제1 인접 블럭과 제2 인접 블럭의 교차점인 포인트 지점으로부터 상기 메인 블럭까지의 거리를 산출하여, 상기 산출 거리에 따라 상기 메인 블럭의 이동 종료 시점을 조정하는 것을 특징으로 하는 웹 페이지 표시 장치.
The method according to claim 10,
When the moving direction of the main block is a diagonal direction, the controller calculates a distance from the point point, which is an intersection point of the first adjacent block and the second adjacent block of the main block, to the main block, according to the calculation distance. And adjusting the end time of movement of the main block.
청구항 10에 있어서,
상기 제어부는, 가로 스크롤인 경우,
상기 이동량에 따른 이동시, 상기 메인 블럭의 좌측면이 화면 외곽의 좌측 테두리로부터 기 설정된 임계 거리 내에 진입하는지 확인하여,
상기 임계 거리 내 진입한 경우, 상기 메인 블럭의 좌측면이 화면 외곽의 좌측 테두리에 위치하도록 조정하는 것을 특징으로 하는 웹 페이지 표시 장치.
The method according to claim 10,
If the control unit is horizontal scroll,
When the movement according to the movement amount, check whether the left side of the main block is within a predetermined threshold distance from the left edge of the outside of the screen,
And entering the threshold distance so that the left side of the main block is positioned at the left edge of the outside of the screen.
청구항 10에 있어서,
상기 제어부는, 세로 스크롤인 경우,
상기 이동량에 따른 이동시, 상기 메인 블럭의 상단이 화면 외곽의 상측 테두리로부터 기 설정된 임계 거리 내에 진입하는지 확인하여,
상기 임계 거리 내 진입한 경우, 상기 메인 블럭의 상단이 화면 외곽의 상측 테두리에 위치하도록 조정하는 것을 특징으로 하는 웹 페이지 표시 장치.The method according to claim 10,
If the control unit is a vertical scroll,
When the movement according to the movement amount, check whether the upper end of the main block is within a predetermined threshold distance from the upper edge of the outside of the screen,
And entering the threshold distance so that an upper end of the main block is positioned at an upper edge of the outside of the screen.
KR1020100028023A 2010-03-29 2010-03-29 Method for displaying webpage, and computer readable record medium for the same KR101090673B1 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020100028023A KR101090673B1 (en) 2010-03-29 2010-03-29 Method for displaying webpage, and computer readable record medium for the same

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020100028023A KR101090673B1 (en) 2010-03-29 2010-03-29 Method for displaying webpage, and computer readable record medium for the same

Publications (2)

Publication Number Publication Date
KR20110108681A true KR20110108681A (en) 2011-10-06
KR101090673B1 KR101090673B1 (en) 2011-12-08

Family

ID=45026174

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020100028023A KR101090673B1 (en) 2010-03-29 2010-03-29 Method for displaying webpage, and computer readable record medium for the same

Country Status (1)

Country Link
KR (1) KR101090673B1 (en)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101314850B1 (en) * 2011-12-21 2013-10-10 (주)보고닷컴 Method for controlling webpage
WO2016182328A1 (en) * 2015-05-11 2016-11-17 주식회사 카카오 Content display control method and user terminal for performing content display control method

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR102045959B1 (en) 2012-10-04 2019-11-18 에스케이플래닛 주식회사 Menu Display Module And Method For Dynamically Determining Menu Type and Menu Display Position Based On Input Signal, And Recordable Medium Storing The Method

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR100636184B1 (en) * 2004-10-13 2006-10-19 삼성전자주식회사 Location control method and apparatus therefor of display window displayed in display screen of information processing device

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101314850B1 (en) * 2011-12-21 2013-10-10 (주)보고닷컴 Method for controlling webpage
WO2016182328A1 (en) * 2015-05-11 2016-11-17 주식회사 카카오 Content display control method and user terminal for performing content display control method
US10795564B2 (en) 2015-05-11 2020-10-06 Kakao Corp. Content display control method and user terminal for performing content display control method

Also Published As

Publication number Publication date
KR101090673B1 (en) 2011-12-08

Similar Documents

Publication Publication Date Title
KR102207861B1 (en) Method for displaying and an electronic device thereof
KR101794000B1 (en) Apparatus and method for scrolling in portable terminal
KR102145515B1 (en) Method for controlling window and an electronic device thereof
WO2017101787A1 (en) Method and device for processing floating window
US9152286B2 (en) Touch panel system and electronic apparatus
US10191645B2 (en) Controlling a touch panel display during scrolling operations
US9372613B2 (en) Scrolling method and electronic device thereof
EP3136214A1 (en) Touch operation method and apparatus for terminal
US20120297339A1 (en) Electronic device, control method, and storage medium storing control program
KR20120075826A (en) Method and apparatus for scrolling for electronic device
US20120274588A1 (en) Portable electronic apparatus, control method, and storage medium storing control program
US20120127208A1 (en) Method for scrolling screen in touch screen terminal and device thereof
KR20150069559A (en) Method for controlling a screen and electronic device supporting the same
KR20150119834A (en) Method and apparatus for adjusting webpage and electronic device
KR20120023867A (en) Mobile terminal having touch screen and method for displaying contents thereof
CN105824819A (en) Image loading method, device and electronic device
US11354031B2 (en) Electronic apparatus, computer-readable non-transitory recording medium, and display control method for controlling a scroll speed of a display screen
KR20110108681A (en) Method for displaying web page and apparatus for displaying web page
KR20140044981A (en) Method for displaying notification window of terminal and terminal thereof
US20130072261A1 (en) Electronic device and method for adding new operating interface
KR101832838B1 (en) Apparatus and method for controlling display size in portable terminal
US20140176466A1 (en) Portable terminal device, display control method thereof, and program
KR20120079189A (en) Method and apparatus for displaying screen in mobile terminal
WO2014141843A1 (en) Display control device, information device, display control method, and recording medium
KR102138501B1 (en) Apparatus and Method for capturing digital content

Legal Events

Date Code Title Description
A201 Request for examination
E902 Notification of reason for refusal
E701 Decision to grant or registration of patent right
GRNT Written decision to grant
FPAY Annual fee payment

Payment date: 20141117

Year of fee payment: 4

LAPS Lapse due to unpaid annual fee