KR20160019774A - Method and apparatus of controlling display, and computer program for executing the method - Google Patents

Method and apparatus of controlling display, and computer program for executing the method Download PDF

Info

Publication number
KR20160019774A
KR20160019774A KR1020140104526A KR20140104526A KR20160019774A KR 20160019774 A KR20160019774 A KR 20160019774A KR 1020140104526 A KR1020140104526 A KR 1020140104526A KR 20140104526 A KR20140104526 A KR 20140104526A KR 20160019774 A KR20160019774 A KR 20160019774A
Authority
KR
South Korea
Prior art keywords
screen
control bar
scroll
quick
page
Prior art date
Application number
KR1020140104526A
Other languages
Korean (ko)
Other versions
KR101610880B1 (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 KR1020140104526A priority Critical patent/KR101610880B1/en
Priority to JP2015146059A priority patent/JP6035384B2/en
Priority to TW104126070A priority patent/TWI562057B/en
Publication of KR20160019774A publication Critical patent/KR20160019774A/en
Application granted granted Critical
Publication of KR101610880B1 publication Critical patent/KR101610880B1/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
    • 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/03—Arrangements for converting the position or the displacement of a member into a coded form
    • G06F3/041—Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means
    • G06F3/0412—Digitisers structurally integrated in a display
    • 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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04812—Interaction techniques based on cursor appearance or behaviour, e.g. being affected by the presence of displayed objects
    • 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/04845—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 for image manipulation, e.g. dragging, rotation, expansion or change of colour

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

One embodiment of the present invention discloses a display control method. The method includes the following steps: displaying at least a part of a page in which at least one content is aligned in the order of time; recognizing a scroll motion for the page; displaying a quick browsing control bar on a screen if a speed of a scroll is greater than or equal to a certain speed; and moving the quick browsing control bar on the screen and performing the scroll motion for the page.

Description

표시 제어 장치, 표시 제어 방법 및 이를 컴퓨터에서 실행하기 위한 컴퓨터 프로그램{Method and apparatus of controlling display, and computer program for executing the method}[0001] The present invention relates to a display control device, a display control method, and a computer program for executing the display control method,

본 발명의 실시예들은 표시 제어 장치, 표시 제어 방법 및 이를 컴퓨터에서 실행하기 위한 컴퓨터 프로그램에 관한 것이다.Embodiments of the present invention relate to a display control device, a display control method, and a computer program for executing the method on a computer.

화면(screen)이나 패널에 표시되어 있는 페이지를 세로(vertical) 및/또는 가로 (horizontal) 방향으로 이동시키는 것을 스크롤이라고 한다. 이동된 화면에서 사라진 부분만큼 반대 측에서 새로운 정보가 나타나게 된다. 하나의 페이지 내에서 표시하는 정보의 양이 화면에서 표시할 수 있는 양보다 많기 때문에 이러한 스크롤 기능이 빈번하게 사용된다. 스크롤을 수행하면서 화면상의 정보를 읽어갈 수가 있다. 콘솔, 워드 프로세서, 모바일 단말, 퍼스널 컴퓨터 등의 표시 장치에는 거의 예외 없이 스크롤 기능이 갖추어져 있다.Moving a page displayed on a screen or a panel in a vertical and / or horizontal direction is called scrolling. New information is displayed on the opposite side as the disappearing part of the moved screen. Such a scroll function is frequently used because the amount of information displayed in one page is larger than the amount that can be displayed on the screen. You can read information on the screen while scrolling. A display device such as a console, a word processor, a mobile terminal, a personal computer, etc., has a scroll function with almost no exception.

마우스와 같은 외부 기기가 구비되는 경우 휠을 움직이거나 스크롤바를 드래그하여 스크롤을 수행할 수 있고, 터치패드가 구비되는 경우 화면상의 페이지를 직접 클릭 또는 드래그하여 스크롤을 수행할 수 있다.When an external device such as a mouse is provided, the scroll wheel can be moved or the scroll bar can be scrolled. When the touch pad is provided, a page on the screen can be directly clicked or dragged to perform scrolling.

전술한 배경기술은 발명자가 본 발명의 도출을 위해 보유하고 있었거나, 본 발명의 도출 과정에서 습득한 기술 정보로서, 반드시 본 발명의 출원 전에 일반 공중에게 공개된 공지기술이라 할 수는 없다.The above-described background technology is technical information that the inventor holds for the derivation of the present invention or acquired in the process of deriving the present invention, and can not necessarily be a known technology disclosed to the general public prior to the filing of the present invention.

국내 공개특허공보 제2011-0083099호Korean Patent Publication No. 2011-0083099

본 발명의 실시예들은 하나 이상의 컨텐츠가 시간 순으로 정렬되어 디스플레이되는 페이지 상에서 스크롤을 신속하고 용이하게 수행할 수 있는 표시 제어 장치, 표시 제어 방법 및 이를 컴퓨터에서 실행하기 위한 컴퓨터 프로그램을 제공한다.Embodiments of the present invention provide a display control apparatus, a display control method, and a computer program for executing the same on a computer, which can quickly and easily perform scrolling on a page displayed by arranging one or more contents in chronological order.

또한, 본 발명의 실시예들은 스크롤 기능에 시각적 효과를 부여할 수 있는 표시 제어 장치, 표시 제어 방법 및 이를 컴퓨터에서 실행하기 위한 컴퓨터 프로그램을 제공한다.Further, embodiments of the present invention provide a display control device, a display control method, and a computer program for executing the display control method, which can give a visual effect to a scroll function.

본 발명의 일 실시예는, 하나 이상의 컨텐츠가 시간 순으로 정렬된 페이지의 적어도 일부를 화면에 디스플레이하는 단계; 상기 페이지에 대한 스크롤 동작을 인식하는 단계; 상기 스크롤의 속도가 소정의 속도 이상이면 상기 화면에 퀵 브라우징 제어바를 디스플레이하는 단계; 및 상기 퀵 브라우징 제어바가 상기 화면상에서 이동되어 상기 페이지에 대한 스크롤 동작이 수행되는 단계;를 포함하는 표시 제어 방법을 개시한다. An embodiment of the present invention includes: displaying at least a part of a page in which one or more contents are arranged in chronological order on a screen; Recognizing a scroll operation for the page; Displaying a quick browsing control bar on the screen if the scroll speed is higher than a predetermined speed; And a quick browsing control bar is moved on the screen to perform a scroll operation on the page.

본 발명의 다른 일 실시예는, 하나 이상의 컨텐츠가 시간 순으로 정렬된 페이지에 대한 스크롤 동작을 인식하는 스크롤 인식부; 상기 스크롤 인식부에서 스크롤 동작을 인식하여, 스크롤의 속도가 소정의 속도 이상이면 화면상에 퀵 브라우징 제어바를 디스플레이하는 퀵 브라우징 제어바 표시부 및 상기 페이지의 적어도 일부를 상기 화면상에 디스플레이하고, 상기 스크롤 동작에 따라 상기 페이지를 스크롤하고, 사용자 입력에 의해 상기 퀵 브라우징 제어바가 상기 화면상에서 이동되면 이에 따라 상기 페이지에 대한 스크롤을 수행하도록 제어하는 표시 제어부;를 포함하는 표시 제어 장치를 개시한다.According to another embodiment of the present invention, there is provided a scroll display device including: a scroll recognizer that recognizes a scroll operation for a page in which one or more contents are arranged in chronological order; A quick browse control bar display unit for recognizing a scroll operation in the scroll recognition unit and displaying a quick browse control bar on the screen when the speed of scrolling is higher than a predetermined speed and a display unit for displaying at least a part of the page on the screen, And a display control unit for scrolling the page according to the operation and controlling the scrolling of the page when the quick browsing control bar is moved on the screen by user input.

본 발명의 다른 일 실시예는, 컴퓨터를 이용하여 상술한 방법을 실행시키기 위하여 매체에 저장된 컴퓨터 프로그램을 개시한다.Another embodiment of the present invention discloses a computer program stored on a medium for executing the above-described method using a computer.

전술한 것 외의 다른 측면, 특징, 이점이 이하의 도면, 특허청구범위 및 발명의 상세한 설명으로부터 명확해질 것이다. Other aspects, features, and advantages will become apparent from the following drawings, claims, and detailed description of the invention.

본 발명의 실시예들에 관한 표시 제어 장치, 표시 제어 방법 및 이를 컴퓨터에서 실행하기 위한 컴퓨터 프로그램은 하나 이상의 컨텐츠가 시간 순으로 정렬되어 디스플레이되는 페이지 상에서 스크롤을 신속하고 용이하게 수행하는 효과를 얻을 수 있다. The display control device, the display control method, and the computer program for executing the display control method, the computer program for executing the display control method, and the computer program according to the embodiments of the present invention can achieve the effect of quickly and easily performing scrolling on a page displayed by arranging one or more contents in chronological order have.

본 발명의 실시예들에 관한 표시 제어 장치, 표시 제어 방법 및 이를 컴퓨터에서 실행하기 위한 컴퓨터 프로그램은 스크롤 기능에 시각적 효과를 부여하는 효과를 얻을 수 있다. The display control device, the display control method, and the computer program for executing the display control method, and the computer program therefor according to the embodiments of the present invention can obtain the effect of giving a visual effect to the scroll function.

도 1은 본 발명의 일 실시예에 따른 표시 제어 장치(100)를 개략적으로 나타낸 구성도이다.
도 2는 본 발명의 일 실시예에 따른 표시 제어 방법을 도시한 흐름도이다.
도 3은 본 발명의 일 실시예에 따른 페이지 및 페이지의 일부가 표시된 화면을 도시한 예이다.
도 4 내지 도 10은 본 발명의 일 실시예에 따라 표시 제어 방법을 수행하는 각 단계를 상세히 설명하기 위한 도면이다.1 is a block diagram schematically showing a display control apparatus 100 according to an embodiment of the present invention.
2 is a flowchart illustrating a display control method according to an embodiment of the present invention.
FIG. 3 is an example of a screen in which a page and a part of a page are displayed according to an embodiment of the present invention.
4 to 10 are diagrams for explaining each step of performing a display control method according to an embodiment of the present invention in detail.

본 발명은 다양한 변환을 가할 수 있고 여러 가지 실시예를 가질 수 있는 바, 특정 실시예들을 도면에 예시하고 상세한 설명에 상세하게 설명하고자 한다. 본 발명의 효과 및 특징, 그리고 그것들을 달성하는 방법은 도면과 함께 상세하게 후술되어 있는 실시예들을 참조하면 명확해질 것이다. 그러나 본 발명은 이하에서 개시되는 실시예들에 한정되는 것이 아니라 다양한 형태로 구현될 수 있다. 이하의 실시예에서, 제1, 제2 등의 용어는 한정적인 의미가 아니라 하나의 구성 요소를 다른 구성 요소와 구별하는 목적으로 사용되었다. 또한, 단수의 표현은 문맥상 명백하게 다르게 뜻하지 않는 한, 복수의 표현을 포함한다. 또한, 포함하다 또는 가지다 등의 용어는 명세서상에 기재된 특징, 또는 구성요소가 존재함을 의미하는 것이고, 하나 이상의 다른 특징들 또는 구성요소가 부가될 가능성을 미리 배제하는 것은 아니다. 또한, 도면에서는 설명의 편의를 위하여 구성 요소들이 그 크기가 과장 또는 축소될 수 있다. 예컨대, 도면에서 나타난 각 구성의 크기 및 두께는 설명의 편의를 위해 임의로 나타내었으므로, 본 발명이 반드시 도시된 바에 한정되지 않는다.BRIEF DESCRIPTION OF THE DRAWINGS The present invention is capable of various modifications and various embodiments, and specific embodiments are illustrated in the drawings and described in detail in the detailed description. The effects and features of the present invention and methods of achieving them will be apparent with reference to the embodiments described in detail below with reference to the 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. In the following embodiments, the terms first, second, and the like are used for the purpose of distinguishing one element from another element, not the limitative meaning. Also, the singular expressions include plural expressions unless the context clearly dictates otherwise. Also, the terms include, including, etc. mean that there is a feature, or element, recited in the specification and does not preclude the possibility that one or more other features or components may be added. Also, in the drawings, for convenience of explanation, the components may be exaggerated or reduced in size. For example, the size and thickness of each component shown in the drawings are arbitrarily shown for convenience of explanation, and thus the present invention is not necessarily limited to those shown in the drawings.

이하, 첨부된 도면을 참조하여 본 발명의 실시예들을 상세히 설명하기로 하며, 도면을 참조하여 설명할 때 동일하거나 대응하는 구성 요소는 동일한 도면부호를 부여하고 이에 대한 중복되는 설명은 생략하기로 한다.
Hereinafter, exemplary embodiments of the present invention will be described in detail with reference to the accompanying drawings, wherein like reference numerals refer to like or corresponding components throughout the drawings, and a duplicate description thereof will be omitted .

도 1은 일 실시예에 따른 표시 제어 장치(100)를 개략적으로 나타낸 구성도이다.1 is a block diagram schematically showing a display control apparatus 100 according to an embodiment.

일 실시예에 따라 제공되는 표시 제어 장치(100)는 적어도 하나 이상의 프로세서(processor)에 해당하거나, 적어도 하나 이상의 프로세서를 포함할 수 있다. 이에 따라, 표시 제어 장치(100)는 마이크로 프로세서나 범용 컴퓨터 시스템과 같은 다른 하드웨어 장치에 포함된 형태로 구동될 수 있다. 예컨대, 표시 제어 장치(100)는 화면을 표시할 수 있는 표시부를 구비하는 단말에 탑재될 수 있다.The display control apparatus 100 provided according to an embodiment may correspond to at least one processor or may include at least one processor. Accordingly, the display control apparatus 100 can be driven in the form included in another hardware apparatus such as a microprocessor or a general-purpose computer system. For example, the display control apparatus 100 may be mounted on a terminal equipped with a display unit capable of displaying a screen.

도 1에 도시된 표시 제어 장치(100)는 본 실시예의 특징이 흐려지는 것을 방지하기 위하여 본 실시예와 관련된 구성요소들만을 도시한 것이다. 따라서, 도 1에 도시된 구성요소들 외에 다른 범용적인 구성요소들이 더 포함될 수 있음을 본 실시예와 관련된 기술분야에서 통상의 지식을 가진 자라면 이해할 수 있다.The display control apparatus 100 shown in FIG. 1 shows only the components related to the present embodiment in order to prevent the characteristic of the present embodiment from being blurred. Therefore, it will be understood by those skilled in the art that other general-purpose components other than the components shown in FIG. 1 may be further included.

도 1을 참조하면, 본 발명의 일 실시예에 따른 표시 제어 장치(100)는 단말(10)의 화면(11)의 표시를 제어한다. 상세히, 본 발명의 일 실시예에 따른 표시 제어 장치(100)는 화면(11) 상에 표시된 페이지가 스크롤될 때, 상기 페이지의 표시를 제어할 수 있다. 예를 들어, 표시 제어 장치(100)는 하나 이상의 컨텐츠가 시간 순으로 정렬된 페이지가 디스플레이되고 있는 상태에서, 소정의 속도 이상으로 스크롤 동작이 수행될 경우, 화면상에 퀵 브라우징 제어바를 추가로 디스플레이하고, 이 퀵 브라우징 제어바에 대한 사용자 입력을 통해 더욱 신속하고 편리한 스크롤 동작을 수행할 수 있다. 이와 같은 본 발명의 일 실시예에 따른 표시 제어 장치(100)는 스크롤 인식부(110), 퀵 브라우징 제어바 표시부(120), 및 표시 제어부(130)를 포함할 수 있다.Referring to FIG. 1, a display control apparatus 100 according to an embodiment of the present invention controls display of a screen 11 of a terminal 10. In detail, the display control apparatus 100 according to the embodiment of the present invention can control the display of the page when the page displayed on the screen 11 is scrolled. For example, when a scroll operation is performed at a predetermined speed or higher in a state where a page in which one or more contents are arranged in chronological order is displayed, the display control device 100 displays a quick browse control bar additionally on the screen And a user can quickly and conveniently perform a scroll operation through user input to the quick browsing control bar. The display control apparatus 100 according to an embodiment of the present invention may include a scroll recognition unit 110, a quick browsing control bar display unit 120, and a display control unit 130.

스크롤 인식부(110)는 사용자로부터 입력된 스크롤 동작을 인식한다. 스크롤 인식부(110)는 스크롤 동작의 속도, 방향, 위치 등을 인식할 수 있다. 스크롤 동작은 터치패널을 이용한 터치 앤드 드래그를 통해 입력되거나, 모션 인식 기능을 이용해 제스쳐, 모션 등의 동작을 통해 입력되거나, 마우스의 휠, 조이패드 등 별도의 입력장치를 이용하여 입력되거나, 화면에 표시된 스크롤 바를 조작함으로써 입력될 수 있으나, 이에 한정하지 않는다.The scroll recognition unit 110 recognizes a scroll operation input from the user. The scroll recognizer 110 can recognize the speed, direction, and position of the scroll operation. The scroll operation may be input through a touch-and-drag operation using the touch panel, or may be input through an operation such as a gesture or a motion using the motion recognition function, input using a separate input device such as a mouse wheel or joypad, But the present invention is not limited thereto.

퀵 브라우징 제어바 표시부(120)는 스크롤 인식부(110)에서 스크롤 동작을 인식하여, 스크롤의 속도가 소정의 속도 이상이면 화면(11)에 퀵 브라우징 제어바(도 6의 35 참조)를 디스플레이하는 역할을 수행한다. 또한, 퀵 브라우징 제어바 표시부(120)는 일정 시간 이상 사용자 입력이 없을 경우, 퀵 브라우징 제어바가 사라지도록 하는 역할을 수행할 수 있다. The quick browsing control bar display unit 120 recognizes the scroll operation by the scroll recognition unit 110 and displays the quick browsing control bar (see 35 in FIG. 6) on the screen 11 when the scroll speed is equal to or higher than the predetermined speed Role. In addition, the quick browsing control bar display unit 120 can play a role of eliminating the quick browsing control bar when there is no user input for a predetermined time or more.

표시 제어부(130)는 인식된 스크롤 동작에 기초하여 화면(11)에 표시된 페이지를 스크롤한다. 한편, 표시 제어부(130)는 퀵 브라우징 제어바의 화면(11) 상에서의 이동에 따라 화면(11)에 표시된 페이지를 스크롤하는 역할을 수행한다. 이때, 표시 제어부(130)는 퀵 브라우징 제어바가 화면(11)의 중심으로부터 이격된 거리에 따라 스크롤 속도를 조절할 수 있으며, 예를 들어, 퀵 브라우징 제어바가 화면(11)의 중심으로부터 멀어질수록 스크롤 속도가 빨라지도록 제어할 수 있다. The display control unit 130 scrolls the page displayed on the screen 11 based on the recognized scroll operation. On the other hand, the display control unit 130 scrolls the page displayed on the screen 11 according to the movement on the screen 11 of the quick browse control bar. At this time, the display control unit 130 can adjust the scroll speed according to the distance that the quick browse control bar is spaced from the center of the screen 11. For example, when the quick browse control bar moves away from the center of the screen 11, The speed can be controlled to be faster.

즉, 화면(11) 상에 퀵 브라우징 제어바가 디스플레이된 상태에서, 사용자가 퀵 브라우징 제어바를 터치 앤 드래그하여 퀵 브라우징 제어바의 위치를 이동시키면, 퀵 브라우징 제어바의 이동에 따라 화면(11)상에 디스플레이되고 있는 페이지에 대한 스크롤 동작이 수행되는 것이다. 이와 같이, 스크롤의 속도까지 제어 가능하도록 함으로써, 보다 신속하고 편리하게 원하는 컨텐츠에 접근 가능해지는 효과를 얻을 수 있으며 이로 인해 사용자 편의성이 향상되고 UI/UX적인 흥미가 증진될 수 있다. That is, when the user moves the position of the quick browse control bar by touching and dragging the quick browse control bar in a state where the quick browse control bar is displayed on the screen 11, A scroll operation is performed on a page being displayed on the display unit. Thus, by controlling the speed of scrolling, it is possible to gain access to desired contents more quickly and conveniently, thereby improving user convenience and increasing interest in UI / UX.

한편, 화면(11) 상에 디스플레이되고 있는 페이지에는 하나 이상의 컨텐츠가 날짜 순으로 정렬되어 있을 수 있다. 그리고, 상기 날짜 순으로 정렬된 각 날짜별 컨텐츠들의 일 측에는 날짜 표시부(도 4의 32 참조)가 더 디스플레이될 수 있다. 예를 들어, 2014년 4월 21일에 작성(또는 수정 또는 업데이트 등)된 복수 개의 컨텐츠들의 상단에는 "2014년 4월 21일"이라고 표시된 날짜 표시부가 디스플레이되고, 그 하부에 배열된 2014년 4월 20일에 작성된 복수 개의 컨텐츠들의 상단에는 "2014년 4월 20일"이라고 표시된 날짜 표시부가 디스플레이될 수 있는 것이다. On the other hand, in the page displayed on the screen 11, one or more contents may be arranged in date order. Further, a date display unit (see 32 in FIG. 4) may be further displayed on one side of the contents for each date arranged in the date order. For example, a date display portion labeled "April 21, 2014" is displayed at the top of a plurality of contents created (or modified or updated, etc.) on April 21, 2014, And a date display portion labeled "April 20, 2014" may be displayed at the top of a plurality of contents created on the 20th.

이때, 표시 제어부(130)는 퀵 브라우징 제어바를 화면상에 디스플레이할 경우, 날짜 표시부들이 화면상에서 사라지도록 제어할 수 있으며, 퀵 브라우징 제어바가 화면상에서 사라질 경우, 날짜 표시부들이 다시 화면상에 디스플레이되도록 제어할 수 있다. 이와 같이, 스크롤 시에는 날짜 표시부들이 화면상에서 사라지도록 제어함으로써 화면상에 표시되는 전체 컨텐츠의 양을 줄여서, 보다 신속하게 스크롤을 수행하여 원하는 컨텐츠에 접근 가능해지는 효과를 얻을 수 있으며, 이로 인해 사용자 편의성이 향상되고 UI/UX적인 흥미가 증진될 수 있다. At this time, when the quick browsing control bar is displayed on the screen, the display control unit 130 can control the date display units to disappear from the screen, and when the quick browsing control bar disappears on the screen, can do. In this manner, by controlling the date display units to disappear on the screen at the time of scrolling, the amount of the entire contents displayed on the screen can be reduced, and the scrolling can be performed more quickly, so that the desired contents can be accessed. Can be improved and the UI / UX interest can be enhanced.

한편, 표시 제어부(130)는 퀵 브라우징 제어바 내에 스크롤 진행 표시부(도 6의 37 참조) 또는 스크롤 날짜 표시부(도 6의 36 참조)를 표시하도록 제어할 수 있다. 이에 대해서는 뒤에서 더욱 상세히 설명하도록 한다. On the other hand, the display control section 130 can control the scroll progress display section (see 37 in FIG. 6) or the scroll date display section (see 36 in FIG. 6) to be displayed in the quick browse control bar. This will be described in more detail later.

한편, 표시 제어부(130)는 페이지가 스크롤될 때 스크롤의 방향에 따라 페이지의 최단부로 이동할 수 있는 아이콘을 화면에 추가로 표시할 수 있다. 예를 들어, 표시 제어부(130)는 페이지가 아래에서 위 방향으로 스크롤될 때 페이지의 최상단으로 이동할 수 있는 "top" 아이콘을 화면의 상단에 표시할 수 있다. 상기 아이콘은 스크롤이 중단되고 소정의 기준시간이 지나면 자동으로 사라지도록 설정될 수 있다.On the other hand, the display control unit 130 may additionally display, on the screen, an icon that can move to the shortest end of the page according to the scroll direction when the page is scrolled. For example, the display control unit 130 may display a "top" icon at the top of the screen, which can move to the top of the page when the page is scrolled from bottom to top. The icon may be set so that scrolling is stopped and disappears automatically after a predetermined reference time.

한편, 표시 제어부(130)는 스크롤 기능 이외에도 다양한 표시 인터페이스를 제공할 수 있다. 예를 들어, 사용자가 특정 컨텐츠 영역을 클릭한 상태를 유지하고 있으면, 클릭된 컨텐츠 영역을 확대하여 해당 컨텐츠 영역이 선택된 상태임을 표시할 수 있다. 다만, 컨텐츠 영역이 클릭된 상태가 소정의 임계시간을 초과하면, 컨텐츠 영역의 확대 상태가 해제될 수 있다.On the other hand, the display control unit 130 can provide various display interfaces in addition to the scroll function. For example, if the user keeps clicking on a specific content area, the clicked content area may be enlarged to indicate that the content area is selected. However, if the clicked state of the content region exceeds a predetermined threshold time, the enlarged state of the content region may be released.

한편, 표시 제어부(130)는 컨텐츠의 이동 속도, 이동 거리, 이동 시간 및 이동 방향 중 적어도 하나를 스크롤 동작의 속도, 또는 이에 따른 페이지의 스크롤 속도에 따라 결정할 수 있다. 이때, 컨텐츠의 이동 방향은 페이지의 스크롤 방향과 동일하게 설정될 수 있다.
Meanwhile, the display control unit 130 may determine at least one of the moving speed, the moving distance, the moving time, and the moving direction of the content according to the speed of the scrolling operation or the scroll speed of the corresponding page. At this time, the moving direction of the content may be set to be the same as the scroll direction of the page.

도 2는 본 발명의 일 실시예에 따른 표시 제어 방법을 도시한 흐름도이다.2 is a flowchart illustrating a display control method according to an embodiment of the present invention.

도 2에 도시된 흐름도는, 도 1에 도시된 표시 제어 장치(100)에서 시계열적으로 처리되는 단계들로 구성된다. 따라서, 이하에서 생략된 내용이라 하더라도, 도 1에서 도시된 구성들에 관하여 이상에서 기술된 내용은 도 2에 도시된 흐름도에도 적용됨을 알 수 있다.The flow chart shown in Fig. 2 consists of the steps that are processed in a time-series manner in the display control apparatus 100 shown in Fig. Therefore, it will be understood that the contents described above with respect to the configurations shown in FIG. 1 apply to the flow chart shown in FIG. 2, even if omitted from the following description.

도 2를 참조하면, 본 발명의 일 실시예에 따른 표시 제어 방법은, 컨텐츠가 시간 순으로 정렬된 페이지의 적어도 일부를 화면에 디스플레이하는 단계(S110 단계), 페이지에 대한 스크롤 동작을 인식하는 단계(S120 단계), 인식한 스크롤 동작의 속도가 소정 속도 이상인지 여부가 판단되는 단계(S130 단계), 스크롤 동작의 속도가 소정 속도 이상일 경우, 화면상에 퀵 브라우징 제어바가 디스플레이되는 단계(S140 단계), 퀵 브라우징 제어바가 사용자 입력에 의해 이동되었는지 여부가 판단되는 단계(S150 단계), 퀵 브라우징 제어바가 사용자 입력에 의해 이동되었을 경우, 이에 따라 스크롤 동작이 수행되는 단계(S160 단계), 일정 시간내에 사용자 입력이 존재하였는지 여부가 판단(S170 단계)되어, 일정 시간내에 사용자 입력이 존재할 경우 S140 단계로 돌아가고, 일정 시간내에 사용자 입력이 존재하지 않을 경우 S110 단계로 돌아가는 단계를 포함한다.
Referring to FIG. 2, a display control method according to an exemplary embodiment of the present invention includes a step of displaying at least a part of a page in which content is arranged in chronological order on a screen (step S110), a step of recognizing a scroll operation When the speed of the scroll operation is equal to or greater than the predetermined speed, the quick browsing control bar is displayed on the screen (operation S140) , It is determined whether or not the quick browsing control bar has been moved by the user input (step S150). If the quick browse control bar is moved by the user input, the scroll operation is performed according to the user's input (step S160) It is determined whether or not there is an input (step S170), and if there is a user input within a predetermined time, the process returns to step S140, If the user input does not exist in the time and a step returns to step S110.

도 3은 본 발명의 일 실시예에 따른 페이지 및 페이지의 일부가 표시된 화면을 도시한 예이다.FIG. 3 is an example of a screen in which a page and a part of a page are displayed according to an embodiment of the present invention.

도 3을 참조하면 페이지(30)는 복수의 컨텐츠 영역(31)을 포함하고, 각 컨텐츠 영역(31)에는 컨텐츠(C11, C12, C13 ... C71, C72, C73 ...)가 배치된다. 3, the page 30 includes a plurality of content areas 31, and contents C11, C12, C13, C71, C72, C73, ... are arranged in the respective content areas 31 .

여기서, 페이지(30) 상에는 복수의 컨텐츠가 시간 순으로 정렬되며, 또한 시간 순으로 정렬된 이들 컨텐츠들이 날짜 순으로 그루핑되어 디스플레이될 수 있다. 그리고, 정렬된 각 날짜별 컨텐츠들의 일 측에는 날짜 표시부(32)가 더 디스플레이될 수 있다. Here, a plurality of contents are arranged in chronological order on the page 30, and these contents arranged in chronological order can be grouped and displayed in chronological order. The date display unit 32 may further be displayed on one side of the sorted contents for each date.

도 3의 예에서는 복수의 컨텐츠 영역(31)이 일렬로 나열되어 페이지(30)를 구성하는 예가 도시되었다. 그리고, 각 컨텐츠 영역(31)에는 각 날짜별 컨텐츠들이 3열로 디스플레이된다. 그리고, 날짜별 컨텐츠들이 디스플레이된 각 컨텐츠 영역(31)의 상측에는 해당 날짜가 표시된 날짜 표시부(32)가 디스플레이된다. 여기서, 도면에는 날짜 표시부(32)에 날짜가 표시되는 것으로 도시되어 있으나, 본 발명의 사상은 이에 제한되지 아니하며, 컨텐츠의 분포 빈도에 따라 월(月) 또는 연도(年度)가 표시될 수도 있을 것이다. In the example of FIG. 3, an example in which a plurality of content areas 31 are arranged in a row and constitutes a page 30 is shown. In each content area 31, contents for each date are displayed in three columns. On the upper side of each content area 31 in which the contents by date are displayed, a date display part 32 in which the corresponding date is displayed is displayed. Here, although the date is displayed on the date display unit 32 in the drawing, the idea of the present invention is not limited thereto, and the month or the year may be displayed depending on the distribution frequency of the contents .

단말(10)의 화면(11)에는 페이지(30)의 적어도 일부가 표시 영역(33)으로서 표시된다. 사용자는 단말(10)에 표시된 페이지에 대하여 스크롤 동작을 입력하여 페이지를 스크롤 할 수 있다. 후술할 도 5 등에서는 사용자가 화면을 직접 터치하여 드래그를 입력함으로써 스크롤 동작을 입력하는 예를 도시하였다.At least a part of the page 30 is displayed as the display area 33 on the screen 11 of the terminal 10. [ The user can scroll the page by inputting the scroll operation on the page displayed on the terminal 10. [ 5 and the like, an example in which a user directly touches a screen and inputs a drag operation to input a scroll operation is shown.

한편, 사용자가 스크롤 동작을 입력함에 따라 페이지가 스크롤되면서, 화면(11) 밖에 가려져 있던 컨텐츠 영역이 화면(11)에 등장하게 되며, 이와 같은 스크롤 동작이 소정의 속도 이상으로 수행될 경우에는 화면(11)상에 퀵 브라우징 제어바가 추가로 표시된다. 이하에서는 이에 대해 더욱 상세히 설명하도록 한다.
On the other hand, as the user inputs the scroll operation, the page is scrolled, and the content area hidden outside the screen 11 appears on the screen 11. When the scroll operation is performed at a predetermined speed or higher, 11), a quick browse control bar is additionally displayed. Hereinafter, this will be described in more detail.

도 4 내지 도 10은 본 발명의 일 실시예에 따라 표시 제어 방법을 수행하는 각 단계를 상세히 설명하기 위한 도면이다.4 to 10 are diagrams for explaining each step of performing a display control method according to an embodiment of the present invention in detail.

먼저, 도 4를 참조하면, 컨텐츠가 시간 순으로 정렬된 페이지의 적어도 일부를 화면에 디스플레이(S110 단계) 한다. 상술한 바와 같이, 화면(11)상에는 복수의 컨텐츠(C11, C12, C13 ... C71, C72, C73 ...)가 시간 순으로 정렬되며, 또한 시간 순으로 정렬된 이들 컨텐츠들이 날짜 순으로 그루핑되어 디스플레이될 수 있다. 그리고, 정렬된 각 날짜별 컨텐츠들의 일 측에는 날짜 표시부(32)가 더 디스플레이될 수 있다. First, referring to FIG. 4, at least a part of a page in which content is arranged in chronological order is displayed on a screen (step S110). As described above, on the screen 11, a plurality of contents C11, C12, C13, ... C71, C72, C73, ... are arranged in chronological order, And can be grouped and displayed. The date display unit 32 may further be displayed on one side of the sorted contents for each date.

다음으로, 페이지에 대한 스크롤 동작이 수행되어 이를 스크롤 인식부(110)에서 인식(S120 단계)하고, 인식한 스크롤 동작의 속도가 소정 속도 이상인지 여부를 판단(S130 단계)한다. Next, a scroll operation is performed on the page, and the scroll recognition unit 110 recognizes the scroll operation (step S120), and determines whether the speed of the recognized scroll operation is equal to or higher than a predetermined speed (step S130).

도 5는 단말의 화면(11)상에서 사용자의 터치 앤드 드래그 동작에 의해 페이지가 아래에서 위 방향으로 스크롤되고 있는 과정을 도시한 것이다. 이와 같이 사용자 입력에 의해 스크롤이 수행될 경우, 이에 따라 화면(11)이 스크롤되는 동시에, 스크롤 동작의 속도가 소정 속도 이상인지 여부를 판단하여, 퀵 브라우징 제어바의 표시 여부를 결정하는 것이다. FIG. 5 shows a process in which a page is scrolled from the bottom to the top by the user's touch and drag operation on the screen 11 of the terminal. In this way, when scrolling is performed by user input, it is determined whether or not the quick browse control bar is displayed by determining whether the speed of the scrolling operation is equal to or higher than a predetermined speed, and scrolls the screen 11 accordingly.

다음으로, 도 6에 도시된 바와 같이, 스크롤 동작의 속도가 소정 속도 이상일 경우, 퀵 브라우징 제어바 표시부(120)는 화면상에 퀵 브라우징 제어바(35)를 디스플레이(S140 단계)한다. 퀵 브라우징 제어바(35)는 사용자 입력을 통해 화면상에서 이동하면서, 더욱 신속하고 편리한 스크롤 동작을 수행하도록 하는 역할을 수행한다. Next, as shown in FIG. 6, when the speed of the scroll operation is equal to or higher than the predetermined speed, the quick browse control bar display unit 120 displays the quick browse control bar 35 on the screen (step S140). The quick browse control bar 35 plays a role of performing a more rapid and convenient scroll operation while moving on the screen through user input.

이때, 표시 제어부(130)는 퀵 브라우징 제어바(35)를 화면(11)상에 디스플레이할 경우, 날짜 표시부(도 4의 32 참조)들이 화면(11)상에서 사라지도록 제어할 수 있다. 또한, 표시 제어부(130)는 퀵 브라우징 제어바(35)가 화면(11)상에서 사라질 경우, 날짜 표시부(도 4의 32 참조)들이 다시 화면(11)상에 디스플레이되도록 제어할 수 있다. 따라서, 도 6의 화면(11) 상에는 날짜 표시부(도 4의 32 참조)가 사라지고 컨텐츠 영역(31)이 하나로 통합되어 있으며, 화면(11)의 중간 영역에 퀵 브라우징 제어바(35)가 디스플레이되고 있는 것이다. 이와 같이, 스크롤 시에는 날짜 표시부들이 화면상에서 사라지도록 제어함으로써 화면상에 표시되는 전체 컨텐츠의 양을 줄여서, 보다 신속하게 스크롤을 수행하여 원하는 컨텐츠에 접근 가능해지는 효과를 얻을 수 있으며, 이로 인해 사용자 편의성이 향상되고 UI/UX적인 흥미가 증진될 수 있다. At this time, when the quick browsing control bar 35 is displayed on the screen 11, the display control unit 130 can control the date display unit 32 (see FIG. 4) to disappear from the screen 11. The display control unit 130 can also control the date display unit 32 (see FIG. 4) to be displayed on the screen 11 again when the quick browse control bar 35 disappears on the screen 11. Accordingly, the date display unit (see 32 in FIG. 4) disappears and the content area 31 is integrated on the screen 11 in FIG. 6, and the quick browsing control bar 35 is displayed in the middle area of the screen 11 It is. In this manner, by controlling the date display units to disappear on the screen at the time of scrolling, the amount of the entire contents displayed on the screen can be reduced, and the scrolling can be performed more quickly, so that the desired contents can be accessed. Can be improved and the UI / UX interest can be enhanced.

이때, 퀵 브라우징 제어바(35) 내에는 스크롤 날짜 표시부(36)와 스크롤 진행 표시부(37)가 포함될 수 있다. At this time, the quick browsing control bar 35 may include a scroll date display unit 36 and a scroll progress display unit 37.

여기서, 스크롤 진행 표시부(37)는 페이지 상에서의 현재 컨텐츠의 위치를 나타낼 수 있다. 예를 들어, 스크롤 진행 표시부(37)는 진행 막대(progress bar) 형태로 디스플레이되며, 전체 컨텐츠 중 화면상에 디스플레이되고 있는 컨텐츠의 시간적 위치에 따라 진행 막대의 내부가 채워지도록 형성될 수 있다. 예를 들어, 100장의 사진 중에 가장 최신의 사진이 화면(11)상에 디스플레이되고 있을 경우, 스크롤 진행 표시부(37)의 내부는 비어있을 수 있다. 그리고, 오래된 사진이 화면(11)상에 디스플레이될수록, 스크롤 진행 표시부(37)의 내부가 점점 채워져서 가장 오래된 사진이 화면(11)상에 디스플레이되고 있을 경우, 스크롤 진행 표시부(37)의 내부는 완전히 채워져 있을 수 있다. 물론 이 반대의 경우도 가능하다 할 것이며, 나아가 진행 막대(progress bar) 뿐 아니라, 전체 컨텐츠 내에서의 현재 컨텐츠의 분포 위치를 표현할 수 있는 다양한 방법이 적용될 수 있을 것이다. 이와 같이 스크롤 진행 표시부(37)를 구비하여, 스크롤 시 페이지 상에서의 현재 컨텐츠의 위치를 실시간으로 시각적으로 파악할 수 있도록 함으로써, 보다 신속하고 편리하게 원하는 컨텐츠에 접근 가능해지는 효과를 얻을 수 있다. Here, the scroll progress indicator 37 may indicate the position of the current content on the page. For example, the scroll progress indicator 37 may be displayed in the form of a progress bar, and may be formed to fill the progress bar according to the temporal position of the content displayed on the screen among the entire contents. For example, if the most recent picture among the 100 pictures is being displayed on the screen 11, the inside of the scroll progress indicator 37 may be empty. When the oldest picture is displayed on the screen 11 and the inside of the scroll progress indicator 37 is gradually filled up and the oldest picture is displayed on the screen 11, It can be completely filled. Of course, the opposite case is possible. Further, various methods of expressing the distribution position of the current contents in the entire contents as well as the progress bar may be applied. By providing the scroll progress display unit 37 as described above, it is possible to visually grasp the position of the current content on the page at the time of scrolling visually, so that the desired content can be accessed more quickly and conveniently.

한편, 스크롤 날짜 표시부(36)는 현재 페이지 상에서 디스플레이되고 있는 컨텐츠의 날짜를 나타낼 수 있다. 즉, 현재 페이지 상에서 디스플레이되고 있는 컨텐츠가 생성된 날짜를 디스플레이할 수 있다. 또는, 컨텐츠의 분포 빈도에 따라 스크롤 날짜 표시부(36)에 월(月) 또는 연도(年度)가 표시될 수도 있을 것이다.On the other hand, the scroll date display unit 36 can display the date of the content being displayed on the current page. That is, the date on which the content displayed on the current page is generated can be displayed. Alternatively, the month or the year may be displayed in the scroll date display unit 36 according to the distribution frequency of the contents.

여기서, 스크롤 날짜 표시부(36)는 사용자 입력의 위치에 따라, 그 위치가 변경될 수 있다. 즉, 도 7에 도시된 바와 같이, 사용자가 퀵 브라우징 제어바(35)를 이동시키기 위해 퀵 브라우징 제어바(35)의 오른쪽을 터치하여 드래그할 경우, 스크롤 날짜 표시부(36)는 사용자의 손의 반대쪽, 즉 브라우징 제어바(35)의 왼쪽으로 치우쳐서 디스플레이될 수 있다. 반대로, 사용자가 퀵 브라우징 제어바(35)를 이동시키기 위해 퀵 브라우징 제어바(35)의 왼쪽을 터치하여 드래그할 경우, 스크롤 날짜 표시부(36)는 사용자의 손의 반대쪽, 즉 브라우징 제어바(35)의 오른쪽으로 치우쳐서 디스플레이될 수 있다. 이와 같이 사용자의 손의 위치에 따라 스크롤 날짜 표시부(36)의 위치를 변경함으로써, 사용자가 어디를 터치하든 현재 페이지 상에서 디스플레이되고 있는 컨텐츠의 날짜를 정확히 파악하는 효과를 얻을 수 있다. Here, the scroll date display unit 36 can change its position according to the position of the user input. 7, when the user touches and drags the right side of the quick browse control bar 35 to move the quick browse control bar 35, the scroll date display unit 36 displays the scroll date I.e., to the left of the browsing control bar 35. [ On the other hand, when the user touches and drags the left side of the quick browse control bar 35 to move the quick browse control bar 35, the scroll date display unit 36 displays on the opposite side of the user's hand, ), As shown in Fig. Thus, by changing the position of the scroll date display unit 36 in accordance with the position of the user's hand, an effect of accurately grasping the date of the content displayed on the current page no matter where the user touches.

다음으로, 퀵 브라우징 제어바(35)가 사용자 입력에 의해 이동되었는지 여부를 판단(S150 단계)하여, 퀵 브라우징 제어바(35)가 사용자 입력에 의해 이동되었을 경우, 이에 따라 스크롤 동작을 수행(S160 단계)한다. 즉, 도 7과 같이 사용자가 퀵 브라우징 제어바(35)를 터치한 상태에서, 도 8과 같이 퀵 브라우징 제어바(35)를 드래그하여 아래쪽으로 이동시키면, 이에 따라 페이지에 대한 스크롤 동작이 수행되는 것이다. 그리고 이때, 퀵 브라우징 제어바(35)의 화면 중심으로부터의 이격 거리에 따라 스크롤 동작의 속도가 달라질 수 있다. 예를 들어, 퀵 브라우징 제어바(35)가 화면(11)의 중심으로부터 멀어질수록 스크롤 속도가 빨라지도록 제어할 수 있다. 즉, 화면(11) 상에 퀵 브라우징 제어바(35)가 디스플레이된 상태에서, 사용자가 퀵 브라우징 제어바(35)를 터치 앤 드래그하여 퀵 브라우징 제어바의 위치를 아래쪽으로 이동시키면, 퀵 브라우징 제어바(35)의 이동에 따라 화면(11)상에 디스플레이되고 있는 페이지에 대한 스크롤 동작이 빠른 속도로 수행되는 것이다. 이와 같이, 스크롤의 속도까지 제어 가능하도록 함으로써, 보다 신속하고 편리하게 원하는 컨텐츠에 접근 가능해지는 효과를 얻을 수 있으며 이로 인해 사용자 편의성이 향상되고 UI/UX적인 흥미가 증진될 수 있다. Next, it is judged whether or not the quick browse control bar 35 has been moved by user input (step S150). If the quick browse control bar 35 has been moved by user input, Step). That is, when the user touches the quick browse control bar 35 as shown in FIG. 7 and then moves the quick browse control bar 35 downward as shown in FIG. 8, the scroll operation for the page is performed will be. At this time, the speed of the scroll operation may be changed according to the distance of the quick browse control bar 35 from the center of the screen. For example, it is possible to control the scrolling speed to increase as the quick browsing control bar 35 is moved away from the center of the screen 11. That is, when the user touches and drags the quick browse control bar 35 and moves the position of the quick browse control bar downward in a state where the quick browse control bar 35 is displayed on the screen 11, The scroll operation on the page displayed on the screen 11 is performed at a high speed according to the movement of the bar 35. [ Thus, by controlling the speed of scrolling, it is possible to gain access to desired contents more quickly and conveniently, thereby improving user convenience and increasing interest in UI / UX.

이 상태에서, 사용자가 터치를 중지하면, 도 9에 도시된 바와 같이, 퀵 브라우징 제어바(35)는 화면(11)의 중심으로 원위치하게 되며, 페이지는 스크롤 동작이 종료된 상태로 남아있게 된다. In this state, when the user stops touching, as shown in Fig. 9, the quick browse control bar 35 comes back to the center of the screen 11, and the page remains in the state where the scroll operation is completed .

다음으로, 일정 시간 내에 사용자 입력이 존재하였는지 여부를 판단(S170 단계)하여, 일정 시간 내에 사용자 입력이 존재할 경우 S140 단계로 돌아가서 계속 퀵 브라우징 제어바(35)를 디스플레이하게 된다. 한편, 일정 시간 내에 사용자 입력이 존재하지 않을 경우 S110 단계로 돌아가며, 이 경우 퀵 브라우징 제어바(35)는 사라지고, 도 10과 같이 컨텐츠가 시간 순으로 정렬된 페이지의 적어도 일부가 화면에 디스플레이된다. 이때, 화면(11)상에는 복수의 컨텐츠(C81, C82, C83 ... C91, C92, C93 ...)가 시간 순으로 정렬되며, 또한 시간 순으로 정렬된 이들 컨텐츠들이 날짜 순으로 그루핑되어 디스플레이될 수 있다. 그리고, 정렬된 각 날짜별 컨텐츠들의 일 측에는 날짜 표시부(32)가 더 디스플레이될 수 있다. Next, it is determined whether there is a user input within a predetermined time (step S170). If there is a user input within a predetermined time, the flow returns to step S140 to display the quick browsing control bar 35. [ On the other hand, if there is no user input within a predetermined time, the process returns to step S110. In this case, the quick browse control bar 35 disappears, and at least a part of the page in which the contents are arranged in chronological order as shown in FIG. At this time, a plurality of contents C81, C82, C83 ... C91, C92, C93 ... are arranged in chronological order on the screen 11, . The date display unit 32 may further be displayed on one side of the sorted contents for each date.

이와 같은 본 발명의 실시예들에 의해, 하나 이상의 컨텐츠가 시간 순으로 정렬되어 디스플레이되는 페이지를 상에서 스크롤을 신속하고 용이하게 수행하는 효과를 얻을 수 있다. 나아가, 본 발명의 실시예들에 의해, 스크롤 기능에 시각적 효과를 부여하는 효과를 얻을 수 있다. According to the embodiments of the present invention, it is possible to quickly and easily perform scrolling on a page displayed by arranging one or more contents in chronological order. Further, by the embodiments of the present invention, it is possible to obtain the effect of giving a visual effect to the scroll function.

이상 설명된 본 발명에 따른 실시예는 컴퓨터 상에서 다양한 구성요소를 통하여 실행될 수 있는 컴퓨터 프로그램의 형태로 구현될 수 있으며, 이와 같은 컴퓨터 프로그램은 컴퓨터로 판독 가능한 매체에 기록될 수 있다. 이때, 매체는 하드 디스크, 플로피 디스크 및 자기 테이프와 같은 자기 매체, CD-ROM 및 DVD와 같은 광기록 매체, 플롭티컬 디스크(floptical disk)와 같은 자기-광 매체(magneto-optical medium), 및 ROM, RAM, 플래시 메모리 등과 같은, 프로그램 명령어를 저장하고 실행하도록 특별히 구성된 하드웨어 장치를 포함할 수 있다. 나아가, 매체는 네트워크 상에서 전송 가능한 형태로 구현되는 무형의 매체를 포함할 수 있으며, 예를 들어 소프트웨어 또는 애플리케이션 형태로 구현되어 네트워크를 통해 전송 및 유통이 가능한 형태의 매체일 수도 있다. The embodiments of the present invention described above can be embodied in the form of a computer program that can be executed on various components on a computer, and the computer program can be recorded on a computer-readable medium. At this time, the medium may be a magnetic medium such as a hard disk, a floppy disk and a magnetic tape, an optical recording medium such as CD-ROM and DVD, a magneto-optical medium such as a floptical disk, , A RAM, a flash memory, and the like, which are specifically configured to store and execute program instructions. Further, the medium may include an intangible medium that is implemented in a form that can be transmitted over a network, and may be, for example, a medium in the form of software or an application, which can be transmitted and distributed through a network.

한편, 상기 컴퓨터 프로그램은 본 발명을 위하여 특별히 설계되고 구성된 것이거나 컴퓨터 소프트웨어 분야의 당업자에게 공지되어 사용 가능한 것일 수 있다. 컴퓨터 프로그램의 예에는, 컴파일러에 의하여 만들어지는 것과 같은 기계어 코드뿐만 아니라 인터프리터 등을 사용하여 컴퓨터에 의해서 실행될 수 있는 고급 언어 코드도 포함될 수 있다.Meanwhile, the computer program may be designed and configured specifically for the present invention or may be known and used by those skilled in the computer software field. Examples of computer programs may include machine language code such as those produced by a compiler, as well as high-level language code that may be executed by a computer using an interpreter or the like.

본 발명에서 설명하는 특정 실행들은 일 실시 예들로서, 어떠한 방법으로도 본 발명의 범위를 한정하는 것은 아니다. 명세서의 간결함을 위하여, 종래 전자적인 구성들, 제어 시스템들, 소프트웨어, 상기 시스템들의 다른 기능적인 측면들의 기재는 생략될 수 있다. 또한, 도면에 도시된 구성 요소들 간의 선들의 연결 또는 연결 부재들은 기능적인 연결 및/또는 물리적 또는 회로적 연결들을 예시적으로 나타낸 것으로서, 실제 장치에서는 대체 가능하거나 추가의 다양한 기능적인 연결, 물리적인 연결, 또는 회로 연결들로서 나타내어질 수 있다. 또한, “필수적인”, “중요하게” 등과 같이 구체적인 언급이 없다면 본 발명의 적용을 위하여 반드시 필요한 구성 요소가 아닐 수 있다.The specific acts described in the present invention are, by way of example, not intended to limit the scope of the invention in any way. For brevity of description, descriptions of conventional electronic configurations, control systems, software, and other functional aspects of such systems may be omitted. Also, the connections or connecting members of the lines between the components shown in the figures are illustrative of functional connections and / or physical or circuit connections, which may be replaced or additionally provided by a variety of functional connections, physical Connection, or circuit connections. Also, unless explicitly mentioned, such as " essential ", " importantly ", etc., it may not be a necessary component for application of the present invention.

따라서, 본 발명의 사상은 상기 설명된 실시예에 국한되어 정해져서는 아니 되며, 후술하는 특허청구범위뿐만 아니라 이 특허청구범위와 균등한 또는 이로부터 등가적으로 변경된 모든 범위는 본 발명의 사상의 범주에 속한다고 할 것이다.Accordingly, the spirit of the present invention should not be construed as being limited to the above-described embodiments, and all ranges that are equivalent to or equivalent to the claims of the present invention as well as the claims .

100: 표시 제어 장치
110: 스크롤 인식부
120: 퀵 브라우징 제어바 표시부
130: 표시 제어부100: display control device
110: scroll recognition unit
120: Quick browse control bar indicator
130:

Claims (19)

하나 이상의 컨텐츠가 시간 순으로 정렬된 페이지의 적어도 일부를 화면에 디스플레이하는 단계;
상기 페이지에 대한 스크롤 동작을 인식하는 단계;
상기 스크롤의 속도가 소정의 속도 이상이면 상기 화면에 퀵 브라우징 제어바를 디스플레이하는 단계; 및
상기 퀵 브라우징 제어바가 상기 화면상에서 이동되어 상기 페이지에 대한 스크롤 동작이 수행되는 단계;를 포함하는 표시 제어 방법.Displaying at least a part of a page in which one or more contents are arranged in chronological order on a screen;
Recognizing a scroll operation for the page;
Displaying a quick browsing control bar on the screen if the scroll speed is higher than a predetermined speed; And
And the quick browse control bar is moved on the screen to perform a scroll operation on the page. 제 1 항에 있어서,
상기 퀵 브라우징 제어바가 상기 화면상에서 이동되면 상기 페이지에 대한 스크롤 동작이 수행되는 단계는,
상기 퀵 브라우징 제어바 자체가 상기 화면상에서 이동되는 것을 특징으로 하는 표시 제어 방법.The method according to claim 1,
Wherein when the quick browse control bar is moved on the screen, the scroll operation on the page is performed,
Wherein the quick browse control bar itself is moved on the screen. 제 2 항에 있어서,
상기 퀵 브라우징 제어바는 사용자 입력에 의한 터치 앤 드래그(touch and drag) 동작에 의해 상기 화면상에서 이동되는 것을 특징으로 하는 표시 제어 방법.3. The method of claim 2,
Wherein the quick browsing control bar is moved on the screen by a touch and drag operation by a user input. 제 3 항에 있어서,
상기 터치 앤 드래그(touch and drag) 입력이 중단되면 상기 퀵 브라우징 제어바는 원래 위치로 복귀하는 것을 특징으로 하는 표시 제어 방법.The method of claim 3,
Wherein when the touch and drag input is interrupted, the quick browsing control bar returns to its original position. 제 1 항에 있어서,
상기 퀵 브라우징 제어바의 화면 중심으로부터의 이격 거리에 따라 상기 스크롤 동작의 속도가 달라지는 것을 특징으로 하는 표시 제어 방법.The method according to claim 1,
Wherein the speed of the scroll operation varies according to a distance from the center of the screen of the quick browse control bar. 제 5 항에 있어서,
상기 퀵 브라우징 제어바가 화면 중심으로부터 멀어질수록 상기 스크롤 동작의 속도가 빨라지는 것을 특징으로 하는 표시 제어 방법.6. The method of claim 5,
Wherein the speed of the scroll operation is increased as the quick browsing control bar moves away from the center of the screen. 제 1 항에 있어서,
상기 하나 이상의 컨텐츠가 시간 순으로 정렬된 페이지의 적어도 일부를 화면에 디스플레이하는 단계는,
상기 페이지에 하나 이상의 컨텐츠가 날짜 순으로 정렬되고,
상기 정렬된 각 날짜별 컨텐츠들의 일 측에는 날짜 표시부가 더 디스플레이되는 것을 특징으로 하는 표시 제어 방법.The method according to claim 1,
Wherein displaying at least a portion of a page in which the one or more pieces of content are arranged in chronological order,
Wherein one or more contents are arranged in chronological order in the page,
And a date display unit is further displayed on one side of the sorted contents for each date. 제 7 항에 있어서,
상기 화면에 퀵 브라우징 제어바가 디스플레이되면,
상기 날짜 표시부가 상기 화면상에서 사라지도록 제어되는 것을 특징으로 하는 표시 제어 방법.8. The method of claim 7,
When the quick browse control bar is displayed on the screen,
And the date display unit is controlled to disappear on the screen. 제 1 항에 있어서,
상기 화면에 퀵 브라우징 제어바를 디스플레이하는 단계는,
상기 퀵 브라우징 제어바 내에, 페이지 상에서의 현재 디스플레이되고 있는 컨텐츠의 위치를 나타내는 스크롤 진행 표시부가 디스플레이되는 것을 특징으로 하는 표시 제어 방법.The method according to claim 1,
Wherein displaying the quick browsing control bar on the screen comprises:
And a scroll progress display section that displays the position of the currently displayed content on the page is displayed in the quick browse control bar. 제 9 항에 있어서,
상기 스크롤 진행 표시부는, 전체 컨텐츠 중 상기 화면상에 디스플레이되고 있는 컨텐츠의 시간적 위치에 따라 내부가 채워지는 진행 막대(progress bar) 형태로 디스플레이되는 것을 특징으로 하는 표시 제어 방법.10. The method of claim 9,
Wherein the scroll progress indicator is displayed in the form of a progress bar filled in according to the temporal position of the content displayed on the screen among the entire contents. 제 1 항에 있어서,
상기 화면에 퀵 브라우징 제어바를 디스플레이하는 단계는,
상기 퀵 브라우징 제어바 내에, 상기 화면상에 디스플레이되고 있는 컨텐츠의 날짜를 표시하는 스크롤 날짜 표시부가 디스플레이되는 것을 특징으로 하는 표시 제어 방법.The method according to claim 1,
Wherein displaying the quick browsing control bar on the screen comprises:
Wherein the quick browse control bar displays a scroll date display unit for displaying dates of contents displayed on the screen. 제 11 항에 있어서,
사용자 입력의 위치에 따라, 상기 퀵 브라우징 제어바 상에서의 상기 스크롤 날짜 표시부의 위치가 변경되는 것을 특징으로 하는 표시 제어 방법.12. The method of claim 11,
Wherein the position of the scroll date display unit on the quick browsing control bar is changed according to the position of the user input. 컴퓨터를 이용하여 제 1 항 내지 제 12 항의 방법 중 어느 하나의 방법을 실행시키기 위하여 매체에 저장된 컴퓨터 프로그램. A computer program stored on a medium for executing a method according to any one of claims 1 to 12 using a computer. 하나 이상의 컨텐츠가 시간 순으로 정렬된 페이지에 대한 스크롤 동작을 인식하는 스크롤 인식부;
상기 스크롤 인식부에서 스크롤 동작을 인식하여, 스크롤의 속도가 소정의 속도 이상이면 화면상에 퀵 브라우징 제어바를 디스플레이하는 퀵 브라우징 제어바 표시부 및
상기 페이지의 적어도 일부를 상기 화면상에 디스플레이하고, 상기 스크롤 동작에 따라 상기 페이지를 스크롤하고, 사용자 입력에 의해 상기 퀵 브라우징 제어바가 상기 화면상에서 이동되면 이에 따라 상기 페이지에 대한 스크롤을 수행하도록 제어하는 표시 제어부;를 포함하는 표시 제어 장치.A scroll recognizer that recognizes a scroll operation for a page in which one or more contents are arranged in chronological order;
A quick browsing control bar display unit for recognizing the scroll operation in the scroll recognition unit and displaying a quick browsing control bar on the screen when the speed of scrolling is higher than a predetermined speed,
The method comprising the steps of: displaying at least a portion of the page on the screen; scrolling the page in accordance with the scrolling operation; and performing scrolling on the page when the quick browsing control bar is moved on the screen by user input And a display control unit. 제 14 항에 있어서,
상기 퀵 브라우징 제어바는 사용자 입력에 의한 터치 앤 드래그(touch and drag) 동작에 의해 상기 화면상에서 이동되는 것을 특징으로 하는 표시 제어 장치.15. The method of claim 14,
Wherein the quick browsing control bar is moved on the screen by a touch and drag operation by a user input. 제 14 항에 있어서,
상기 퀵 브라우징 제어바의 화면 중심으로부터의 이격 거리에 따라 상기 스크롤 동작의 속도가 달라지는 것을 특징으로 하는 표시 제어 장치.15. The method of claim 14,
Wherein the speed of the scroll operation varies depending on a distance from the center of the screen of the quick browsing control bar. 제 16 항에 있어서,
상기 퀵 브라우징 제어바가 화면 중심으로부터 멀어질수록 상기 스크롤 동작의 속도가 빨라지는 것을 특징으로 하는 표시 제어 장치.17. The method of claim 16,
Wherein the speed of the scroll operation is increased as the quick browsing control bar moves away from the center of the screen. 제 14 항에 있어서,
상기 퀵 브라우징 제어바 내에, 페이지 상에서의 현재 디스플레이되고 있는 컨텐츠의 위치를 나타내는 스크롤 진행 표시부가 디스플레이되는 것을 특징으로 하는 표시 제어 장치.15. The method of claim 14,
Wherein the scroll progress indicator is displayed in the quick browse control bar to indicate the position of the currently displayed content on the page. 제 14 항에 있어서,
상기 퀵 브라우징 제어바 내에, 상기 화면상에 디스플레이되고 있는 컨텐츠의 날짜를 표시하는 스크롤 날짜 표시부가 디스플레이되는 것을 특징으로 하는 표시 제어 장치.15. The method of claim 14,
Wherein the quick browse control bar displays a scroll date display unit for displaying the date of the content displayed on the screen.
KR1020140104526A 2014-08-12 2014-08-12 Method and apparatus of controlling display, and computer program for executing the method KR101610880B1 (en)

Priority Applications (3)

Application Number Priority Date Filing Date Title
KR1020140104526A KR101610880B1 (en) 2014-08-12 2014-08-12 Method and apparatus of controlling display, and computer program for executing the method
JP2015146059A JP6035384B2 (en) 2014-08-12 2015-07-23 Display control apparatus, display control method, and computer program for executing the same on computer
TW104126070A TWI562057B (en) 2014-08-12 2015-08-11 Display control apparatus, display control method, and computer program for executing the display control method

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020140104526A KR101610880B1 (en) 2014-08-12 2014-08-12 Method and apparatus of controlling display, and computer program for executing the method

Publications (2)

Publication Number Publication Date
KR20160019774A true KR20160019774A (en) 2016-02-22
KR101610880B1 KR101610880B1 (en) 2016-04-08

Family

ID=55445450

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020140104526A KR101610880B1 (en) 2014-08-12 2014-08-12 Method and apparatus of controlling display, and computer program for executing the method

Country Status (3)

Country Link
JP (1) JP6035384B2 (en)
KR (1) KR101610880B1 (en)
TW (1) TWI562057B (en)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107908729B (en) * 2017-11-14 2020-05-22 优酷网络技术（北京）有限公司 Interface display method and device

Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20110083099A (en) 2010-01-13 2011-07-20 삼성전자주식회사 Digital image processing apparatus and method for controlling thereof

Family Cites Families (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20050108234A1 (en) * 2003-11-17 2005-05-19 Nokia Corporation Speed browsing of media items in a media diary application
CN101529874A (en) * 2006-09-06 2009-09-09 苹果公司 Incoming telephone call management for a portable multifunction device with touch screen display
TWI342511B (en) * 2007-05-15 2011-05-21 Mitac Int Corp Electronic apparatus and screen scroll control method thereof
TWI368161B (en) * 2007-12-21 2012-07-11 Htc Corp Electronic apparatus and input interface thereof
US8566741B2 (en) * 2008-08-29 2013-10-22 Microsoft Corporation Internal scroll activation and cursor adornment
JP2012108567A (en) * 2009-03-12 2012-06-07 Panasonic Corp Image display device and image display method
JP5341036B2 (en) * 2010-07-30 2013-11-13 株式会社ソニー・コンピュータエンタテインメント Electronic device and display method of display object
EP2711818A1 (en) * 2011-05-16 2014-03-26 Panasonic Corporation Display device, display control method and display control program, and input device, input assistance method and program
KR20130080947A (en) * 2012-01-06 2013-07-16 삼성전자주식회사 Device and method for displaying list in wireless terminal
US20140152585A1 (en) * 2012-12-04 2014-06-05 Research In Motion Limited Scroll jump interface for touchscreen input/output device
KR20140091302A (en) * 2013-01-11 2014-07-21 삼성전자주식회사 Method and apparatus for displaying scrolling information in electronic device

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20110083099A (en) 2010-01-13 2011-07-20 삼성전자주식회사 Digital image processing apparatus and method for controlling thereof

Also Published As

Publication number Publication date
TWI562057B (en) 2016-12-11
JP2016040712A (en) 2016-03-24
KR101610880B1 (en) 2016-04-08
TW201606634A (en) 2016-02-16
JP6035384B2 (en) 2016-11-30

Similar Documents

Publication Publication Date Title
US20200356257A1 (en) Information processing device, information processing method, and program
JP5970086B2 (en) Touch screen hover input processing
CN104102441B (en) A kind of menu item execution method and device
KR101260834B1 (en) Method and device for controlling touch screen using timeline bar, recording medium for program for the same, and user terminal having the same
EP3736675B1 (en) Method for performing operation on touchscreen and terminal
CN102929556B (en) Method and equipment for interaction control based on touch screen
US10878175B2 (en) Portlet display on portable computing devices
US20130067332A1 (en) Media seek bar
US20130047079A1 (en) Carousel User Interface For Document Management
KR101768690B1 (en) Method and apparatus of controlling display and computer program for executing the method
CN112181225A (en) Desktop element adjusting method and device and electronic equipment
KR20120138659A (en) List display apparatus
KR101610882B1 (en) Method and apparatus of controlling display, and computer program for executing the method
US20140365954A1 (en) Electronic device, graph display method and storage medium
EP2746918B1 (en) Fragmented scrolling of a page
KR101610880B1 (en) Method and apparatus of controlling display, and computer program for executing the method
KR101804500B1 (en) Method of controlling display, apparatus of controlling display, computer readable recoding medium and for executing the method
US10838570B2 (en) Multi-touch GUI featuring directional compression and expansion of graphical content
CN112732157A (en) Media file playing control method and device, electronic equipment and storage medium
KR101579605B1 (en) Method and apparatus of controlling display and computer program for executing the method
KR20100107611A (en) Apparatus and method for controlling terminal
KR101367622B1 (en) Method for providing variable-control of scroll speed, and computer-readable recording medium for the same
US20170046061A1 (en) Method and a system for controlling a touch screen user interface
US20140282173A1 (en) Transient synthesized control to minimize computer user fatigue
KR101326123B1 (en) Method for separating regions of screen using metadata, terminal using the same and computer-readable recording medium

Legal Events

Date Code Title Description
E701 Decision to grant or registration of patent right
GRNT Written decision to grant