KR101134449B1 - Method, terminal and computer-readable recording medium for helping user to navigate content having a complex structure of hierarchy in mobile environments - Google Patents

Method, terminal and computer-readable recording medium for helping user to navigate content having a complex structure of hierarchy in mobile environments Download PDF

Info

Publication number
KR101134449B1
KR101134449B1 KR1020100069205A KR20100069205A KR101134449B1 KR 101134449 B1 KR101134449 B1 KR 101134449B1 KR 1020100069205 A KR1020100069205 A KR 1020100069205A KR 20100069205 A KR20100069205 A KR 20100069205A KR 101134449 B1 KR101134449 B1 KR 101134449B1
Authority
KR
South Korea
Prior art keywords
page
identifier
displayed
layer
screen
Prior art date
Application number
KR1020100069205A
Other languages
Korean (ko)
Other versions
KR20120008385A (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 KR1020100069205A priority Critical patent/KR101134449B1/en
Publication of KR20120008385A publication Critical patent/KR20120008385A/en
Application granted granted Critical
Publication of KR101134449B1 publication Critical patent/KR101134449B1/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction 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/0482Interaction with lists of selectable items, e.g. menus
    • GPHYSICS
    • G06COMPUTING; CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction 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/04817Interaction 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 using icons
    • GPHYSICS
    • G06COMPUTING; CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction 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
    • GPHYSICS
    • G06COMPUTING; CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04886Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus

Abstract

모바일 환경에서 복잡한 구조의 계층을 가지는 컨텐츠의 페이지 이동을 지원하기 위한 방법으로서, (a) 컨텐츠에 포함된 복수 페이지 사이의 전체 계층 구조를 분석하는 단계, (b) 각 페이지를 각 아이콘에 대응시키고 상기 분석된 전체 계층 구조에 부합하도록 상기 아이콘을 배열한 페이지 맵을 화면의 제1 영역 상에 디스플레이하는 단계, 및 (c) 상기 배열된 아이콘 중 특정 아이콘이 선택되면, 상기 특정 아이콘에 대응된 특정 페이지가 표시되도록 하는 단계를 포함하는 방법이 제공된다. 본 발명에 의하면, 컨텐츠에 포함된 복수 페이지 사이의 전체 계층 구조가 다양한 GUI로서 표시되어 컨텐츠의 전체 페이지 구조가 손쉽게 파악될 수 있을 뿐만 아니라, 사용자는 자신에게 불필요한 페이지를 열람할 필요 없이 원하는 페이지로 빠르게 이동할 수 있으므로, 사용자로 하여금 복잡한 컨텐츠를 효과적으로 사용하도록 할 수 있도록 해 주는 효과가 달성된다. A method for supporting page movement of a content having a complex hierarchy in a mobile environment, comprising: (a) analyzing an entire hierarchy between a plurality of pages included in the content, (b) mapping each page to each icon Displaying a page map in which the icons are arranged in accordance with the analyzed entire hierarchical structure on a first area of the screen, and (c) when a specific icon is selected from the arranged icons, a specific icon corresponding to the specific icon is selected. A method is provided that includes causing a page to be displayed. According to the present invention, the entire hierarchical structure among the plurality of pages included in the content is displayed as various GUIs so that the entire page structure of the content can be easily grasped, and the user can go to a desired page without having to browse pages unnecessary to the user. Since it can move quickly, the effect of enabling the user to effectively use complex content is achieved.

Description

모바일 환경에서 복잡한 구조의 계층을 가지는 컨텐츠의 페이지 이동을 지원하기 위한 방법, 단말 장치 및 컴퓨터 판독 가능한 기록 매체{METHOD, TERMINAL AND COMPUTER-READABLE RECORDING MEDIUM FOR HELPING USER TO NAVIGATE CONTENT HAVING A COMPLEX STRUCTURE OF HIERARCHY IN MOBILE ENVIRONMENTS}TECHNICAL, TERMINAL AND COMPUTER-READABLE RECORDING MEDIUM FOR HELPING USER TO NAVIGATE CONTENT HAVING A COMPLEX STRUCTURE OF HIERARCHY IN MOBILE ENVIRONMENTS}

본 발명은 모바일 환경에서 복잡한 구조의 계층을 가지는 컨텐츠의 페이지 이동을 지원하기 위한 방법, 단말 장치 및 컴퓨터 판독 가능한 기록 매체 에 관한 것으로, 보다 상세하게는, 복잡한 구조의 계층을 가지는 컨텐츠가 수신되면, 컨텐츠에 포함된 복수 페이지 사이의 전체 계층 구조를 분석하여 전체 계층 구조를 제1 내지 제n 계층으로 분류한 후, 이를 다양한 GUI를 이용하여 모바일 단말의 좁은 화면 상에 효율적으로 디스플레이하고 이를 통해 원하는 페이지로 이동할 수 있도록 함으로써, 사용자로 하여금 모바일 단말이라는 극도로 제한된 환경 하에서도 컨텐츠의 전체 구조를 쉽게 파악할 수 있도록 해 주고 원하는 페이지로 빠르게 이동할 수 있도록 해 주는 방법, 단말 장치 및 컴퓨터 판독 가능한 기록 매체에 관한 것이다.The present invention relates to a method, a terminal apparatus, and a computer-readable recording medium for supporting page movement of a content having a complicated hierarchy in a mobile environment. More specifically, when a content having a complicated hierarchy is received, After analyzing the entire hierarchical structure among the plurality of pages included in the content, classifying the entire hierarchical structure into the first to nth hierarchies, and using the various GUIs, efficiently displaying them on a narrow screen of the mobile terminal and thereby desired pages. To a mobile device, which enables a user to easily grasp the entire structure of the content even under extremely limited environment of a mobile terminal, and to quickly move to a desired page, a terminal device and a computer-readable recording medium. will be.

근래에 들어, 컴퓨터, 전자, 인터넷 통신 기술이 비약적으로 발달함에 따라 무선통신망(Wireless Network)을 이용하여 다양한 멀티미디어 통신 서비스가 제공되고 있다. 이에 따라, 사용자들이 멀티미디어 통신 서비스를 충분히 활용할 수 있도록 지원해주는 무선 단말기(특히, 스마트폰)가 각광받게 되었고, 멀티미디어 통신 서비스를 통해 제공되는 컨텐츠 역시 대용량화 되었다.In recent years, as the computer, electronic, and internet communication technologies have developed rapidly, various multimedia communication services have been provided using a wireless network. As a result, wireless terminals (particularly smart phones) that support users to fully utilize the multimedia communication service have been in the spotlight, and contents provided through the multimedia communication service have also increased in capacity.

다만, 아직까진 유선통신망의 회선 속도에 비해 무선통신망의 회선 속도가 떨어지는 것이 현실이어서 모바일 환경에선 데스크탑 환경에서와 달리 웹 상의 대용량 컨텐츠, 특히 복수의 페이지 계층을 가지는 복잡한 모바일 웹 애플리케이션이나 웹 위젯을 향유하는데 큰 불편함과 제약이 있는 형편이다. 즉, 컨텐츠를 구성하는 각각의 페이지 사이를 이동함에 있어서 데스크탑 환경에 비해 긴 로딩 시간이 소요될 수 밖에 없고, 이마저도 현재 무선 단말기는 그 화면의 크기가 작을뿐만 아니라 일반 데스크탑 PC에 비해 페이지 전환을 위한 조작의 편의성이 떨어지는 경우가 대부분이어서 사용자는 복잡한 구조의 계층을 가지는 컨텐츠를 이용하는데 큰 불편함이 있는 것이 사실이었다.However, the line speed of wireless communication networks is still low compared to the wire speed of wired networks, so mobile environments enjoy large contents on the web, especially complex mobile web applications or web widgets with multiple page layers, unlike desktop environments. There is a big inconvenience and limitations. In other words, moving between each page constituting the content takes longer loading time than the desktop environment, and even now, the wireless terminal not only has a small screen size but also a page switching operation compared to a general desktop PC. In most cases, the user's convenience is inferior, and the user has a great inconvenience in using the content having a complicated hierarchy.

따라서, 모바일과 같은 제한된 환경에서 사용자가 열람을 원하지 않는 페이지의 로딩을 위한 트래픽 발생을 최소화시킬 수 있고, 사용자가 컨텐츠를 구성하는 복수의 페이지 구조를 직관적으로 파악하고 원하는 페이지로 빠르게 이동할 수 있도록 지원해주는 기술 개발에 대한 필요성으로 인하여 본 발명을 구상하게 되었다.Therefore, in a limited environment such as mobile, it is possible to minimize traffic generation for loading a page that the user does not want to view, and enables the user to intuitively grasp a plurality of page structures constituting the content and move quickly to the desired page. The necessity for the development of the technology makes the present invention envisioned.

본 발명은 상술한 문제점을 모두 해결하는 것을 그 목적으로 한다.It is an object of the present invention to solve all the problems described above.

또한, 본 발명은 복잡한 구조의 계층을 가지는 컨텐츠에 포함된 복수 페이지 사이의 계층 구조를 분석하여 이를 무선 단말기의 소형 화면 크기에 알맞은 효율적인 GUI로서 표시하고, 복수의 페이지 중에서 특정 페이지에 대한 열람 요청이 입력되는 경우 해당 페이지로 바로 이동하여 줄 수 있도록 하여 모바일의 제한된 환경에서 컨텐츠를 열람할 시에 편의성이 크게 증대될 수 있도록 하는 것을 다른 목적으로 한다.In addition, the present invention analyzes the hierarchical structure among a plurality of pages included in the content having a complex structure of the hierarchical structure and displays it as an efficient GUI suitable for the small screen size of the wireless terminal, and the request for viewing a specific page among the plurality of pages is displayed. When inputted, it is possible to directly move to a corresponding page so that the convenience can be greatly increased when viewing contents in a limited environment of mobile.

상기 목적을 달성하기 위한 본 발명의 대표적인 구성은 다음과 같다.In order to accomplish the above object, a representative structure of the present invention is as follows.

본 발명의 일 태양에 따르면, 모바일 환경에서 복잡한 구조의 계층을 가지는 컨텐츠의 페이지 이동을 지원하기 위한 방법으로서, (a) 컨텐츠에 포함된 복수 페이지 사이의 전체 계층 구조를 분석하는 단계, (b) 각 페이지를 각 아이콘에 대응시키고 상기 분석된 전체 계층 구조에 부합하도록 상기 아이콘을 배열한 페이지 맵을 화면의 제1 영역 상에 디스플레이하는 단계, 및 (c) 상기 배열된 아이콘 중 특정 아이콘이 선택되면, 상기 특정 아이콘에 대응된 특정 페이지가 표시되도록 하는 단계를 포함하는 방법이 제공된다.According to an aspect of the present invention, a method for supporting page movement of a content having a complex hierarchy in a mobile environment, comprising: (a) analyzing an entire hierarchy among a plurality of pages included in the content, (b) Displaying a page map in which each page corresponds to each icon and arranges the icons so as to correspond to the analyzed entire hierarchy on a first area of the screen, and (c) when a specific icon is selected from the arranged icons. And displaying a specific page corresponding to the specific icon.

본 발명의 다른 태양에 따르면, 모바일 환경에서 복잡한 구조의 계층을 가지는 컨텐츠의 페이지 이동을 지원하기 위한 방법으로서, (a) 컨텐츠에 포함된 복수 페이지의 전체 계층 구조를 제1 내지 제n 계층 - 상기 제1 계층에 가까울수록 상위 계층임 - 으로 분류하는 단계, 및 (b) 사용자에 의해 특정 페이지 - 상기 특정 페이지는 제k 계층에 해당됨 (1<= k <= n) - 가 열람되는 도중에 상기 사용자에 의해 상기 복수 페이지의 전체 계층 구조 중 적어도 일부에 대한 내비게이팅 요청이 입력되면, 상기 제k 계층에 해당되는 적어도 하나의 페이지의 식별자를 리스트 형태로서 디스플레이하되, 상기 리스트가 디스플레이되는 영역의 주변 영역에 상기 디스플레이되는 페이지의 식별자가 상기 제k 계층에 해당됨을 나타내기 위한 그래픽 요소를 디스플레이하는 단계를 포함하는 방법이 제공된다.According to another aspect of the present invention, a method for supporting page movement of a content having a complex hierarchical structure in a mobile environment, comprising: (a) first to n-th hierarchies of the entire hierarchical structure of a plurality of pages included in the content; Categorizing as higher layer closer to the first layer, and (b) a specific page by the user, wherein the specific page corresponds to the kth layer (1 <= k <= n)-while the user is being viewed. When a navigation request for at least a part of the entire hierarchy of the plurality of pages is input, the identifier of at least one page corresponding to the k-th layer is displayed in a list form, but the area around the area where the list is displayed. Displaying a graphic element indicating that an identifier of the displayed page corresponds to the k-th layer at The method comprises is provided.

본 발명의 또 다른 태양에 따르면, 모바일 환경에서 복잡한 구조의 계층을 가지는 컨텐츠의 페이지 이동을 지원하기 위한 방법으로서, (a) 컨텐츠에 포함된 복수 페이지의 전체 계층 구조를 제1 내지 제n 계층 - 상기 제1 계층에 가까울수록 상위 계층임 - 으로 분류하는 단계, (b) 사용자에 의해 특정 페이지 - 상기 특정 페이지는 제k 계층에 해당됨 (1<= k <= n) - 가 열람되는 도중에 상기 사용자에 의해 상기 복수 페이지의 전체 계층 구조 중 적어도 일부에 대한 내비게이팅 요청이 입력되면, 상기 제k-1 계층 - 상기 k-1 은 1 이상임 - 에 해당되는 적어도 하나의 페이지의 식별자를 리스트 형태로서 디스플레이되도록 하는 단계, 및 (c) 상기 디스플레이된 리스트에 포함된 적어도 하나의 페이지의 식별자 중 특정 식별자가 선택되면, 상기 특정 식별자의 하위 계층에 해당되는 페이지의 식별자가 리스트 형태로서 디스플레이되도록 하는 단계를 포함하는 방법이 제공된다.According to another aspect of the present invention, a method for supporting page movement of a content having a complex hierarchy in a mobile environment, comprising: (a) a first to n-th hierarchy of the entire hierarchy of a plurality of pages included in the content; Categorizing as higher layer closer to the first layer, (b) a specific page by the user, wherein the specific page corresponds to the kth layer (1 <= k <= n)-while the user is read. When a navigation request for at least a part of the entire hierarchy of the plurality of pages is inputted, the identifiers of at least one page corresponding to the k-th layer, where k-1 is one or more, are displayed as a list. (C) if a specific identifier is selected from among identifiers of at least one page included in the displayed list, a lower layer of the specific identifier A method is provided which includes causing an identifier of a page corresponding to to be displayed as a list.

본 발명의 또 다른 태양에 따르면, 모바일 환경에서 복잡한 구조의 계층을 가지는 컨텐츠의 페이지 이동을 지원하기 위한 방법으로서, (a) 컨텐츠에 포함된 복수 페이지 사이의 전체 계층 구조를 분석하는 단계, 및 (b) 화면 상에 제공되는 중인 페이지와 동일한 계층의 페이지의 개수가 m 개일 때, 상기 화면 상의 제1 영역에는 상기 화면 상에 제공되는 중인 페이지의 식별자 및 상기 화면 상에 제공되는 중인 페이지와 동일한 계층에 포함되는 페이지의 식별자를 총 j개 디스플레이하고, 상기 제1 영역의 주변에 위치하는 제2 영역에는 상기 화면 상에 제공되는 중인 페이지의 상위 계층에 해당되는 페이지의 식별자를 디스플레이하는 단계를 포함하되, 상기 j가 상기 m보다 작을 때, 상기 화면 상에 제공되는 중인 페이지와 동일한 계층에 포함되는 페이지의 식별자 중 상기 화면 상에 디스플레이되지 않는 식별자는 상기 제1 영역에 대한 플리킹 제스처(flicking gesture)의 입력에 따라 디스플레이될 수 있는 것을 특징으로 하는 방법이 제공된다.According to another aspect of the present invention, a method for supporting page movement of a content having a complex hierarchy in a mobile environment, comprising: (a) analyzing an entire hierarchy between a plurality of pages included in the content, and ( b) When the number of pages of the same hierarchy as the page being provided on the screen is m, the first area on the screen has an identifier of the page being provided on the screen and the same hierarchy as the page being provided on the screen. And displaying a total of j identifiers of the pages included in the, and displaying the identifiers of the page corresponding to the upper layer of the page being provided on the screen in the second region located around the first region. , When j is less than m, the page included in the same layer as the page being provided on the screen Among the identifiers, an identifier that is not displayed on the screen may be displayed according to an input of a flicking gesture for the first area.

본 발명의 또 다른 태양에 따르면, 모바일 환경에서 복잡한 구조의 계층을 가지는 컨텐츠의 페이지 이동을 지원하기 위한 단말 장치로서, 컨텐츠에 포함된 복수 페이지 사이의 전체 계층 구조를 분석하는 계층 구조 분석부, 및 각 페이지를 각 아이콘에 대응시키고 상기 분석된 전체 계층 구조에 부합하도록 상기 아이콘을 배열한 페이지 맵을 화면의 제1 영역 상에 디스플레이한 후, 상기 배열된 아이콘 중 특정 아이콘이 선택되면 상기 특정 아이콘에 대응된 특정 페이지가 표시되도록 하는 사용자 인터페이스부를 포함하는 단말 장치가 제공된다.According to another aspect of the present invention, a terminal device for supporting page movement of a content having a complex hierarchy in a mobile environment, comprising: a hierarchical structure analysis unit for analyzing an entire hierarchical structure among a plurality of pages included in the content; After displaying the page map corresponding to each page to each icon and arranging the icons so as to correspond to the analyzed entire hierarchy on the first area of the screen, and if a specific icon is selected from the arranged icons, A terminal device including a user interface for displaying a corresponding specific page is provided.

본 발명의 또 다른 태양에 따르면, 모바일 환경에서 복잡한 구조의 계층을 가지는 컨텐츠의 페이지 이동을 지원하기 위한 단말 장치로서, 컨텐츠에 포함된 복수 페이지의 전체 계층 구조를 제1 내지 제n 계층 - 상기 제1 계층에 가까울수록 상위 계층임 - 으로 분류하는 계층 구조 분석부, 및 사용자에 의해 특정 페이지 - 상기 특정 페이지는 제k 계층에 해당됨 (1<= k <= n) - 가 열람되는 도중에 상기 사용자에 의해 상기 복수 페이지의 전체 계층 구조 중 적어도 일부에 대한 내비게이팅 요청이 입력되면, 상기 제k 계층에 해당되는 적어도 하나의 페이지의 식별자를 리스트 형태로서 디스플레이하되, 상기 리스트가 디스플레이되는 영역의 주변 영역에 상기 디스플레이되는 페이지의 식별자가 상기 제k 계층에 해당됨을 나타내기 위한 그래픽 요소를 디스플레이하는 사용자 인터페이스부를 포함하는 단말 장치가 제공된다.According to another aspect of the present invention, a terminal device for supporting page movement of a content having a complex hierarchy in a mobile environment, comprising: a first to nth hierarchy of the entire hierarchy of a plurality of pages included in the content; The closer to the first layer, the higher the hierarchy.-The hierarchical analysis unit classifying as-and the specific page by the user, wherein the specific page corresponds to the k-th layer (1 <= k <= n)- When a navigation request for at least a part of the entire hierarchical structure of the plurality of pages is input, an identifier of at least one page corresponding to the k-th layer is displayed as a list, but is displayed in a region around the region where the list is displayed. Displays a graphic element to indicate that the identifier of the displayed page corresponds to the k-th layer The terminal device comprising a user interface unit which is provided.

본 발명의 또 다른 태양에 따르면, 모바일 환경에서 복잡한 구조의 계층을 가지는 컨텐츠의 페이지 이동을 지원하기 위한 단말 장치로서, 컨텐츠에 포함된 복수 페이지의 전체 계층 구조를 제1 내지 제n 계층 - 상기 제1 계층에 가까울수록 상위 계층임 - 으로 분류하는 계층 구조 분석부, 및 사용자에 의해 특정 페이지 - 상기 특정 페이지는 제k 계층에 해당됨 (1<= k <= n) - 가 열람되는 도중에 상기 사용자에 의해 상기 복수 페이지의 전체 계층 구조 중 적어도 일부에 대한 내비게이팅 요청이 입력되면, 상기 제k-1 계층 - 상기 k-1 은 1 이상임 - 에 해당되는 적어도 하나의 페이지의 식별자를 리스트 형태로서 디스플레이되도록 하고, 상기 디스플레이된 리스트에 포함된 적어도 하나의 페이지의 식별자 중 특정 식별자가 선택되면 상기 특정 식별자의 하위 계층에 해당되는 페이지의 식별자가 리스트 형태로서 디스플레이되도록 하는 사용자 인터페이스부를 포함하는 단말 장치가 제공된다.According to another aspect of the present invention, a terminal device for supporting page movement of a content having a complex hierarchy in a mobile environment, comprising: a first to nth hierarchy of the entire hierarchy of a plurality of pages included in the content; The closer to the first layer, the higher the hierarchy.-The hierarchical analysis unit classifying as-and the specific page by the user, wherein the specific page corresponds to the k-th layer (1 <= k <= n)- When a navigation request for at least a part of the entire hierarchical structure of the plurality of pages is input, an identifier of at least one page corresponding to the k-th layer, wherein k-1 is one or more, is displayed as a list. And if a specific identifier is selected among the identifiers of at least one page included in the displayed list, the sub system of the specific identifier An identifier of the page corresponding to the is provided a terminal apparatus including a user interface unit configured to be displayed as a list form.

본 발명의 또 다른 태양에 따르면, 모바일 환경에서 복잡한 구조의 계층을 가지는 컨텐츠의 페이지 이동을 지원하기 위한 단말 장치로서, 컨텐츠에 포함된 복수 페이지 사이의 전체 계층 구조를 분석하는 계층 구조 분석부, 및 화면 상에 제공되는 중인 페이지와 동일한 계층의 페이지의 개수가 m 개일 때, 상기 화면 상의 제1 영역에는 상기 화면 상에 제공되는 중인 페이지의 식별자 및 상기 화면 상에 제공되는 중인 페이지와 동일한 계층에 포함되는 페이지의 식별자를 총 j 개 디스플레이하고, 상기 제1 영역의 주변에 위치하는 제2 영역에는 상기 화면 상에 제공되는 중인 페이지의 상위 계층에 해당되는 페이지의 식별자를 디스플레이하는 사용자 인터페이스부를 포함하고, 상기 사용자 인터페이스부는, 상기 j가 상기 m 보다 작을 때, 상기 화면 상에 제공되는 중인 페이지와 동일한 계층에 포함되는 페이지의 식별자 중 상기 화면 상에 디스플레이되지 않는 식별자는 상기 제1 영역에 대한 플리킹 제스처(flicking gesture)의 입력에 따라 디스플레이되도록 하는 것을 특징으로 하는 단말 장치가 제공된다.According to another aspect of the present invention, a terminal device for supporting page movement of a content having a complex hierarchy in a mobile environment, comprising: a hierarchical structure analysis unit for analyzing an entire hierarchical structure among a plurality of pages included in the content; When the number of pages of the same layer as the page being provided on the screen is m, the first area on the screen includes the identifier of the page being provided on the screen and the same layer as the page being provided on the screen. A total of j identifiers of pages to be displayed, and a second region located around the first region includes a user interface unit displaying identifiers of pages corresponding to upper layers of pages being provided on the screen; The user interface unit may be arranged on the screen when j is smaller than m. The terminal device which is not displayed on the screen among the identifiers of the pages included in the same layer as the current page is displayed according to the input of the flicking gesture to the first area. Is provided.

이 외에도, 본 발명을 구현하기 위한 다른 방법, 시스템 및 상기 방법을 실행하기 위한 컴퓨터 프로그램을 기록하기 위한 컴퓨터 판독 가능한 기록 매체가 더 제공된다.In addition, there is provided another method, system, and computer readable recording medium for recording a computer program for carrying out the method for implementing the present invention.

본 발명에 의하면, 복잡한 구조의 계층을 가지는 컨텐츠를 모바일의 제한된 환경을 이용하여 띄울 때 컨텐츠에 포함된 복수 페이지 사이의 적어도 일부의 계층 구조가 다양한 GUI로서 표시되어 컨텐츠의 계층 구조가 손쉽게 파악될 수 있을 뿐만 아니라, 사용자는 자신에게 불필요한 페이지를 열람할 필요 없이 원하는 페이지로 빠르게 이동할 수 있으므로, 사용자로 하여금 복잡한 컨텐츠를 효과적으로 열람하도록 할 수 있고 서버 입장에서도 불필요한 네트워크 트래픽이 발생하는 것을 방지할 수 있게 된다.According to the present invention, when a content having a complex structure is displayed using a mobile limited environment, at least a part of the hierarchical structure among a plurality of pages included in the content is displayed as various GUIs so that the hierarchical structure of the content can be easily grasped. In addition, the user can quickly move to a desired page without having to view a page that is unnecessary to the user, thereby enabling the user to effectively view complex content and to prevent unnecessary network traffic from the server's point of view. .

도 1은 본 발명의 일 실시예에 따라 모바일 환경에서 복잡한 구조의 계층을 가지는 컨텐츠의 페이지 이동을 지원하기 위한 전체 시스템의 구성을 개략적으로 나타내는 도면이다.
도 2는 본 발명의 일 실시예에 따른 단말 장치(200)의 내부 구성을 예시적으로 나타내는 도면이다.
도 3a 내지 도 3d는 본 발명의 제1 실시예에 따른 사용자 인터페이스부(220)가 제공하는 GUI를 예시적으로 도시하는 도면이다.
도 4a 및 도 4b는 본 발명의 제2 실시예에 따른 사용자 인터페이스부(220)가 제공하는 GUI를 예시적으로 도시하는 도면이다.
도 5는 본 발명의 제3 실시예에 따른 사용자 인터페이스부(220)가 제공하는 GUI를 예시적으로 도시하는 도면이다.
도 6은 본 발명의 제4 실시예에 따른 사용자 인터페이스부(220)가 제공하는 GUI를 예시적으로 도시하는 도면이다.
도 7a 내지 도 7c는 본 발명의 일 실시예에 따른 단말 장치(200)를 통해 제공받은 컨텐츠로 인한 트래픽이 감소되는 과정을 예시적으로 도시하는 도면이다.
1 is a diagram schematically illustrating a configuration of an entire system for supporting page movement of content having a complicated hierarchy in a mobile environment according to an embodiment of the present invention.
2 is a diagram illustrating an internal configuration of a terminal device 200 according to an embodiment of the present invention.
3A to 3D are diagrams exemplarily illustrating a GUI provided by the user interface unit 220 according to the first embodiment of the present invention.
4A and 4B are diagrams exemplarily illustrating a GUI provided by the user interface unit 220 according to the second embodiment of the present invention.
FIG. 5 is a diagram illustrating a GUI provided by the user interface unit 220 according to the third embodiment of the present invention.
6 is a diagram exemplarily illustrating a GUI provided by the user interface unit 220 according to the fourth embodiment of the present invention.
7A to 7C are views illustrating a process of reducing traffic due to content provided through the terminal device 200 according to an embodiment of the present invention.

후술하는 본 발명에 대한 상세한 설명은, 본 발명이 실시될 수 있는 특정 실시예를 예시로서 도시하는 첨부 도면을 참조한다. 이들 실시예는 당업자가 본 발명을 실시할 수 있기에 충분하도록 상세히 설명된다. 본 발명의 다양한 실시예는 서로 다르지만 상호 배타적일 필요는 없음이 이해되어야 한다. 예를 들어, 여기에 기재되어 있는 특정 형상, 구조 및 특성은 일 실시예에 관련하여 본 발명의 정신 및 범위를 벗어나지 않으면서 다른 실시예로 구현될 수 있다. 또한, 각각의 개시된 실시예 내의 개별 구성요소의 위치 또는 배치는 본 발명의 정신 및 범위를 벗어나지 않으면서 변경될 수 있음이 이해되어야 한다. 따라서, 후술하는 상세한 설명은 한정적인 의미로서 취하려는 것이 아니며, 본 발명의 범위는, 적절하게 설명된다면, 그 청구항들이 주장하는 것과 균등한 모든 범위와 더불어 첨부된 청구항에 의해서만 한정된다. 도면에서 유사한 참조부호는 여러 측면에 걸쳐서 동일하거나 유사한 기능을 지칭한다.DETAILED DESCRIPTION The following detailed description of the invention refers to the accompanying drawings that show, by way of illustration, specific embodiments in which the invention may be practiced. These embodiments are described in sufficient detail to enable those skilled in the art to practice the invention. It should be understood that the various embodiments of the present invention are different but need not be mutually exclusive. For example, certain features, structures, and characteristics described herein may be implemented in other embodiments without departing from the spirit and scope of the invention in connection with an embodiment. It is also to be understood that the position or arrangement of the individual components within each disclosed embodiment may be varied without departing from the spirit and scope of the invention. The following detailed description, therefore, is not to be taken in a limiting sense, and the scope of the present invention, if properly described, is defined only by the appended claims, along with the full range of equivalents to which such claims are entitled. Like reference numerals in the drawings refer to the same or similar functions throughout the several aspects.

이하에서는, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자가 본 발명을 용이하게 실시할 수 있도록 하기 위하여, 본 발명의 바람직한 실시예들에 관하여 첨부된 도면을 참조하여 상세히 설명하기로 한다.DETAILED DESCRIPTION Hereinafter, preferred embodiments of the present invention will be described in detail with reference to the accompanying drawings so that those skilled in the art can easily implement the present invention.

[본 발명의 바람직한 실시예][Preferred Embodiments of the Invention]

본 발명의 명세서에서, 컨텐츠란 텍스트, 링크, 이미지, 동영상, 오디오 등의 데이터 또는 이들 중 적어도 두 가지의 조합으로 구성되는 컨텐츠로서, 통신망을 통하여 접근 가능한 디지털 정보 자체 또는 그러한 디지털 정보의 내용을 총칭하는 것으로 이해될 수 있으며, 복수의 페이지로 이루어진 애플리케이션, 위젯 또는 웹 문서 형태의 컨텐츠를 포함하는 개념으로서 이해되어야 할 것이다.In the specification of the present invention, content is a content composed of data such as text, a link, an image, a video, an audio, or a combination of at least two of them, and generically refers to digital information itself or contents of such digital information accessible through a communication network. It is to be understood that the concept includes a content in the form of an application, a widget or a web document composed of a plurality of pages.

전체 시스템의 구성Configuration of the entire system

도 1은 본 발명의 일 실시예에 따라 모바일의 제한된 환경에서 복잡한 구조의 계층을 가지는 컨텐츠의 페이지 이동을 지원하기 위한 전체 시스템의 구성을 개략적으로 나타내는 도면이다.FIG. 1 is a diagram schematically illustrating a configuration of an entire system for supporting page movement of content having a complicated hierarchy in a mobile limited environment according to an embodiment of the present invention.

도 1에 도시되어 있는 바와 같이, 본 발명의 일 실시예에 따른 전체 시스템은, 통신망(100), 단말 장치(200), 컨텐츠 제공 서버(300)로 구성될 수 있다.As shown in FIG. 1, the entire system according to an exemplary embodiment of the present invention may include a communication network 100, a terminal device 200, and a content providing server 300.

먼저, 본 발명의 일 실시예에 따르면, 통신망(100)은 무선 통신의 양태로 구성될 수 있으며 이동 통신망, 인공 위성 통신망 등 다양한 통신망으로 구성될 수 있다. 보다 구체적으로, 본 발명에서 말하는 통신망(100)은 공지의 WLAN(Wireless LAN), CDMA(Code Division Multiple Access), WCDMA(Wideband Code Division Multiple Access) 또는 GSM(Global System for Mobile communications) 통신망 등을 모두 포함하는 개념인 것으로 이해되어야 한다.First, according to an embodiment of the present invention, the communication network 100 may be configured as an aspect of wireless communication and may be configured with various communication networks, such as a mobile communication network, a satellite communication network. More specifically, the communication network 100 according to the present invention includes all known wireless LAN (WLAN), Code Division Multiple Access (CDMA), Wideband Code Division Multiple Access (WCDMA), or Global System for Mobile communications (GSM) communication network. It should be understood to be a concept inclusive.

다음으로, 본 발명의 일 실시예에 따르면, 단말 장치(200)는 복잡한 구조의 계층을 가지는 컨텐츠가 수신되면, 컨텐츠에 포함된 복수 페이지 사이의 전체 계층 구조를 분석하여 전체 계층 구조를 제1 내지 제n 계층으로 분류한 후, 이를 다양한 GUI를 이용하여 효율적으로 디스플레이하고, 임의의 페이지로의 이동 요청이 간단하게 입력될 수 있도록 하기 위한 사용자 편의적인 인터페이스를 제공하는 기능을 수행할 수 있다.Next, according to an embodiment of the present invention, when the terminal device 200 receives a content having a complex hierarchy, the terminal device 200 analyzes the entire hierarchy between the plurality of pages included in the content and then analyzes the entire hierarchy from first to second. After classifying into the n-th layer, it may be efficiently displayed using various GUIs, and may provide a user-friendly interface for simply inputting a request to move to an arbitrary page.

여기서, 본 발명의 일 실시예에 따른 단말 장치(200)는 통신망(100)에 접속한 후 통신할 수 있도록 하는 기능을 포함하는 디지털 기기로서, 개인용 컴퓨터(예를 들어, 타블렛 컴퓨터, 노트북 컴퓨터 등), PDA, 웹 패드, 이동 전화기 등과 같이 메모리 수단을 구비하고 마이크로 프로세서를 탑재하여 연산 능력을 갖춘 휴대용 디지털 기기라면 얼마든지 본 발명에 따른 단말 장치(200)로서 채택될 수 있다. 단말 장치(200)의 자세한 내부 구성에 대해서는 후술하기로 한다.Here, the terminal device 200 according to an embodiment of the present invention is a digital device including a function for enabling communication after connecting to the communication network 100, and a personal computer (for example, a tablet computer, a notebook computer, etc.). A portable digital device having a memory means such as a PDA, a web pad, a mobile phone, and the like with a microprocessor can be adopted as the terminal device 200 according to the present invention. A detailed internal configuration of the terminal device 200 will be described later.

다음으로, 본 발명의 일 실시예에 따르면, 컨텐츠 제공 서버(300)는 통신망(100)을 통하여 단말 장치(200) 및 다른 웹 서버(미도시됨)와 통신함으로써 단말 장치(200)의 요청에 따라 다양한 유형의 컨텐츠를 제공하는 기능을 수행할 수 있다. 보다 구체적으로, 컨텐츠 제공 서버(300)는 웹 문서 검색 엔진(미도시됨)을 포함하여 단말 장치(200)의 요청에 대응되는 정보를 검색하고 그 검색 결과를 단말 장치(200)의 사용자가 브라우징할 수 있도록 제공하거나, 혹은 다양한 애플리케이션 또는 위젯에 대한 정보를 포함하고 있는 소정의 데이터베이스(미도시됨)와 연동하여 단말 장치(200)의 요청에 대응되는 컨텐츠가 제공되도록 할 수 있다. 예를 들어, 컨텐츠 제공 서버(300)는 인터넷 검색 포털 사이트의 운영 서버일 수도 있고, 단말 장치(200)에 제공되는 정보는 쿼리에 매칭된 정보, 웹 사이트 등에 관한 다양한 정보일 수 있다. 물론, 필요에 따라 컨텐츠 제공 서버(300)의 웹 문서 검색 엔진은 컨텐츠 제공 서버(300)가 아닌 다른 연산 장치나 기록 매체에 포함될 수도 있다.Next, according to an embodiment of the present invention, the content providing server 300 communicates with the terminal device 200 and another web server (not shown) through the communication network 100 to the request of the terminal device 200. Accordingly, a function of providing various types of content can be performed. More specifically, the content providing server 300 includes a web document search engine (not shown) to search for information corresponding to the request of the terminal device 200 and browse the search results by the user of the terminal device 200. The content corresponding to the request of the terminal device 200 may be provided by interworking with a predetermined database (not shown) including information about various applications or widgets. For example, the content providing server 300 may be an operation server of an Internet search portal site, and the information provided to the terminal device 200 may be various information about a query, a web site, and the like. Of course, if necessary, the web document search engine of the content providing server 300 may be included in a computing device or a recording medium other than the content providing server 300.

단말 장치의 구성Terminal device configuration

이하에서는, 본 발명의 구현을 위하여 중요한 기능을 수행하는 단말 장치(200)의 내부 구성 및 각 구성요소의 기능에 대하여 살펴보기로 한다.Hereinafter, the internal configuration of the terminal device 200 performing important functions for the implementation of the present invention and the function of each component will be described.

도 2는 본 발명의 일 실시예에 따른 단말 장치(200)의 내부 구성을 예시적으로 나타내는 도면이다.2 is a diagram illustrating an internal configuration of a terminal device 200 according to an embodiment of the present invention.

도 2를 참조하면, 본 발명의 일 실시예에 따른 단말 장치(200)는, 계층 구조 분석부(210), 사용자 인터페이스부(220), 통신부(230) 및 제어부(240)를 포함할 수 있다. 본 발명의 일 실시예에 따르면, 계층 구조 분석부(210), 사용자 인터페이스부(220), 통신부(230) 및 제어부(240)는 그 중 적어도 일부가 단말 장치(200)와 통신하는 프로그램 모듈들일 수 있다. 이러한 프로그램 모듈들은 운영 시스템, 응용 프로그램 모듈 및 기타 프로그램 모듈의 형태로 단말 장치(200)에 포함될 수 있으며, 물리적으로는 여러 가지 공지의 기억 장치 상에 저장될 수 있다. 또한, 이러한 프로그램 모듈들은 단말 장치(200)와 통신 가능한 원격 기억 장치에 저장될 수도 있다. 한편, 이러한 프로그램 모듈들은 본 발명에 따라 후술할 특정 업무를 수행하거나 특정 추상 데이터 유형을 실행하는 루틴, 서브루틴, 프로그램, 오브젝트, 컴포넌트, 데이터 구조 등을 포괄하지만, 이에 제한되지는 않는다.Referring to FIG. 2, the terminal device 200 according to an embodiment of the present invention may include a hierarchical structure analysis unit 210, a user interface unit 220, a communication unit 230, and a control unit 240. . According to an embodiment of the present invention, the hierarchical structure analysis unit 210, the user interface unit 220, the communication unit 230, and the control unit 240 may be program modules in which at least some of them are in communication with the terminal device 200. Can be. Such program modules may be included in the terminal device 200 in the form of an operating system, an application program module, and other program modules, and may be physically stored on various known storage devices. In addition, these program modules may be stored in a remote storage device that can communicate with the terminal device 200. On the other hand, such program modules include, but are not limited to, routines, subroutines, programs, objects, components, data structures, etc. that perform particular tasks or execute particular abstract data types, described below, in accordance with the present invention.

먼저, 본 발명의 일 실시예에 따르면, 계층 구조 분석부(210)는 복잡한 구조의 계층을 갖는 컨텐츠가 수신되면, 컨텐츠에 포함된 복수의 페이지 사이의 전체 계층 구조를 분석하여 전체 계층 구조를 제1 내지 제n 계층으로 분류하는 기능을 수행할 수 있다. 여기서, 컨텐츠의 제1 계층은 전체 계층 중 최상위 계층으로서, 바람직하게는 컨텐츠가 화면 상에 제공될 때 초기 화면으로서 표시될 수 있는 페이지 또는 이들의 집합이 속하는 계층을 의미하는 것이고, 제1 계층에 해당되는 페이지를 통해 직접 열람을 요청할 수 있는 페이지(들)가 속하는 계층이 제2 계층에 해당한다. 가령, 제1 계층에 해당되는 페이지에 포함되어 있는 하이퍼링크의 링크 글자 또는 링크 이미지를 통해 직접 접근 가능한 페이지들의 집합이 속하는 계층이 제2 계층에 해당하게 된다. 즉, 제1 계층에 가까울수록 상위 계층에 해당하는 것이다.First, according to an embodiment of the present invention, when the content having a complicated hierarchical structure is received, the hierarchical structure analyzing unit 210 analyzes the entire hierarchical structure among a plurality of pages included in the content to remove the entire hierarchical structure. A function may be classified into first to nth layers. Here, the first layer of the content is the highest layer among all the layers, and preferably means a layer to which a page or a set thereof belonging, which can be displayed as the initial screen when the content is provided on the screen, belongs to the first layer. The layer to which the page (s) which can request reading directly through the corresponding page belongs is the second layer. For example, a layer to which a set of pages directly accessible through link letters or a link image of a hyperlink included in a page corresponding to a first layer belongs to a second layer. That is, the closer to the first layer, the higher layer.

한편, 본 발명의 일 실시예에 따른 컨텐츠 제공 서버(300)는, 단말 장치(200)가 복수 페이지의 전체 계층 구조를 분석하는 시간을 단축시킬 수 있도록 하기 위하여 단말 장치(200)에 컨텐츠를 제공할 때 해당 컨텐츠의 페이지 계층 구조에 관한 정보가 포함된 소정의 페이지 내비게이션 정보를 포함시켜 제공하는 경우를 상정할 수도 있고, 이러한 경우 본 발명의 일 실시예에 따른 계층 구조 분석부(210)는 수신된 컨텐츠에 포함된 페이지 내비게이션 정보를 파싱함으로써 복수 페이지의 전체 계층 구조를 파악할 수 있을 것이다.On the other hand, the content providing server 300 according to an embodiment of the present invention, the terminal device 200 provides the content to the terminal device 200 in order to shorten the time to analyze the entire hierarchical structure of a plurality of pages In this case, it may be assumed that predetermined page navigation information including information on the page hierarchy of the corresponding content is included and provided. In this case, the hierarchical structure analysis unit 210 according to an embodiment of the present invention receives the information. By parsing page navigation information included in the compiled content, it is possible to grasp the entire hierarchy of multiple pages.

다음으로, 본 발명의 일 실시예에 따른 사용자 인터페이스부(220)는, 계층 구조 분석부(210)에 의해 분석된 전체 계층 구조를 다양한 GUI를 이용하여 디스플레이하고, 임의의 페이지로의 이동 요청이 입력되면 해당 페이지가 표시되도록 하는 기능을 수행할 수 있다. 이러한 다양한 GUI를 제공함에 있어서, 사용자 인터페이스부(220)는 화면 상의 일부 영역에 전체 계층 구조 디스플레이 모드가 시작되도록 하기 위한 버튼을 배치하여 버튼이 선택되면 전체 계층 구조가 화면 상에 디스플레이되도록 하고, 화면 상의 다른 일부 영역에는 전체 계층 구조 디스플레이 모드가 종료되고 페이지 디스플레이 모드로 복귀될 수 있도록 하기 위한 또 다른 버튼을 배치하여 해당 버튼이 선택되면 전체 계층 구조가 디스플레이되기 직전에 제공되는 중이었던 페이지 또는 전체 계층 구조 디스플레이 모드 상에서 선택된 특정 페이지를 화면 상에 디스플레이되도록 하는 기능을 수행할 수도 있다.Next, the user interface 220 according to an embodiment of the present invention displays the entire hierarchical structure analyzed by the hierarchical structure analyzing unit 210 using various GUIs, and requests for moving to any page are displayed. Once entered, the page can be displayed. In providing these various GUIs, the user interface 220 arranges a button for starting the entire hierarchical display mode in a portion of the screen so that when the button is selected, the entire hierarchical structure is displayed on the screen. In some other areas of the page, place another button to allow the entire hierarchy display mode to exit and return to page display mode so that when the button is selected, the page or entire hierarchy that was being served just before the entire hierarchy was displayed. A function of displaying a specific page selected in the structure display mode on the screen may be performed.

이하에서는 도 3a 내지 도 6을 참조로 하여 사용자 인터페이스부(220)가 제공하는 GUI의 구체적인 실시예를 예시적으로 설명한다.Hereinafter, specific embodiments of the GUI provided by the user interface unit 220 will be described with reference to FIGS. 3A through 6.

먼저, 본 발명의 제1 실시예에 따른 사용자 인터페이스부(220)는, 컨텐츠의 각 페이지에 대응되는 각 아이콘이 이미 분석된 전체 계층 구조에 부합되도록 배열된 페이지 맵을 화면의 제1 영역 상에 디스플레이하고, 상기 배열된 아이콘 중에서 특정 아이콘이 선택되었음이 감지되면 해당 아이콘에 대응된 페이지가 표시되도록 하는 기능을 수행할 수 있다. 이러한 페이지 맵은 화면 상에서 줌-인이나 줌-아웃 기능을 통해 디스플레이되도록 할 수도 있는데, 특히 줌-인 기능을 통해 디스플레이되어 페이지 맵의 일부가 화면 밖으로 벗어나는 경우에는 페이지 맵을 드래그 행위에 따라 이동시켜가면서 디스플레이되도록 할 수도 있다.First, the user interface 220 according to the first exemplary embodiment of the present invention displays a page map arranged on the first area of the screen so that each icon corresponding to each page of content corresponds to the entire hierarchical structure that has already been analyzed. If it is detected that a specific icon is selected from the arranged icons, a page corresponding to the icon may be displayed. These page maps can also be displayed on the screen by zoom-in or zoom-out functions. In particular, when the page map is part of the page map that is off the screen, the page map can be moved by dragging. It can also be displayed as it goes.

또한, 사용자 인터페이스부(220)는 페이지 맵을 디스플레이함에 있어서, 페이지 맵이 디스플레이되기 직전에 제공되는 중이었던 소정 페이지를 컨텐츠의 나머지 페이지와 구별되도록 하기 위하여 소정 페이지의 아이콘을 다른 아이콘과 차별시켜 디스플레이되도록 할 수도 있다.In addition, in displaying the page map, the UI unit 220 distinguishes the icon of the predetermined page from other icons in order to distinguish the predetermined page, which was being provided immediately before the page map is displayed, from the remaining pages of the content. You can also

또한, 사용자 인터페이스부(220)는 사용자 편의적으로 화면 상의 제2 영역에 상기 페이지 맵의 호출 요청을 사용자로부터 입력받기 위한 제1 메뉴를 표시하고, 제1 메뉴가 클릭되거나 드래그되어 선택되면 해당 페이지 맵이 제1 영역 상에 디스플레이되도록 하는 기능을 수행할 수도 있다. 여기서, 제1 메뉴에는 현재 화면 상에 제공되고 있는 페이지에 이르기 위한 경로 정보가 표시될 수 있다. 추가적으로, 사용자 인터페이스부(220)는 화면 상의 제3 영역에 페이지 맵 디스플레이 모드를 종료하고 페이지 디스플레이 모드로 복귀하고자 하는 요청을 입력받기 위한 제2 메뉴를 표시할 수 있으며 제2 메뉴가 클릭되거나 드래그되어 선택되면 페이지 맵이 디스플레이되기 직전에 제공되는 중이었던 페이지를 다시 화면 상에 디스플레이되도록 할 수도 있을 것이다.In addition, the user interface 220 displays a first menu for receiving a call request of the page map from a user in a second area on the screen for convenience of the user, and if the first menu is clicked or dragged to select the corresponding page map. It may also perform a function to be displayed on this first area. Here, the path information for reaching the page currently provided on the screen may be displayed on the first menu. In addition, the user interface 220 may display a second menu for receiving a request for exiting the page map display mode and returning to the page display mode in a third area on the screen, wherein the second menu is clicked or dragged. If selected, the page that was being provided just before the page map is displayed may be displayed on the screen again.

도 3a 내지 도 3d는 본 발명의 제1 실시예에 따른 사용자 인터페이스부(220)가 제공하는 GUI를 예시적으로 도시하는 도면이다.3A to 3D are diagrams exemplarily illustrating a GUI provided by the user interface unit 220 according to the first embodiment of the present invention.

도 3a 내지 도 3d를 참조하면, 화면의 제1 영역 상에 D3 페이지가 제공되고 있고 제2 영역에는 D3 페이지에 이르기 위한 경로 정보(A1-> B1-> C2-> D3)가 표시된 제1 메뉴가 제공되고 있다(도 3a 참조). 그 다음, 사용자가 제1 메뉴를 드래그하여 선택하면 전체 계층 구조에 부합되는 페이지 맵이 제1 영역 상에 디스플레이되는데(도 3b 참조), 페이지 맵에서 D3 페이지(즉, 페이지 맵을 보기 직전에 열람하던 페이지)의 아이콘은 다른 아이콘과 차별되도록 표시되어 있고, 제1 영역 내의 하단 부분에는 줌-인 또는 줌-아웃 기능을 실행하기 위한 별도의 메뉴가 표시되어 있음을 알 수 있다. 여기서, 줌-인 기능을 통해 페이지 맵이 디스플레이되는 경우에는 페이지 맵이 확대되어 디스플레이되므로 한꺼번에 전부 디스플레이되지 못하는바, 드래그 행위의 입력에 따라 페이지 맵의 해당 부분이 이동되면서 디스플레이될 수 있다(도 3c 참조). 참고로, 이때 B2 페이지에 대한 아이콘이 선택되면 B2 페이지가 제1 영역 상에 디스플레이되도록 하면서 제2 영역 상에는 B2 페이지에 이르기 위한 경로 정보(A1->B2)가 디스플레이되도록 할 수 있다(도 3d 참조).3A to 3D, a first menu in which a D3 page is provided on a first area of the screen, and path information (A1-> B1-> C2-> D3) for reaching the D3 page is displayed in the second area. Is provided (see FIG. 3A). Then, when the user drags and selects the first menu, a page map that fits the entire hierarchy is displayed on the first area (see FIG. 3B), which is viewed just before viewing the D3 page in the page map (ie, just before viewing the page map). Icon) is displayed to be distinguished from other icons, and a separate menu for executing a zoom-in or zoom-out function is displayed at a lower portion of the first area. In this case, when the page map is displayed through the zoom-in function, the page map is enlarged and displayed. Therefore, the page map cannot be displayed all at once, and the corresponding portion of the page map can be displayed while being moved according to the input of the drag action (FIG. 3C). Reference). For reference, when an icon for the page B2 is selected, the B2 page may be displayed on the first area, and the path information A1-> B2 for reaching the page B2 may be displayed on the second area (see FIG. 3D). ).

다음으로, 본 발명의 제2 실시예에 따른 사용자 인터페이스부(220)는, 사용자에 의해 제k 계층(여기서, 1<= k <= n 임)에 해당되는 특정 페이지가 열람되는 도중에 복수 페이지의 전체 계층 구조의 일부 또는 전부에 대한 내비게이팅 요청이 입력되면, 상기 특정 페이지의 식별자를 포함하여 이와 동일 계층인 제k 계층에 해당되는 페이지의 식별자를 리스트 형태로서 디스플레이하고, 리스트가 디스플레이되는 영역의 주변 영역에는 디스플레이되는 페이지의 식별자가 제k 계층에 해당됨을 나타내기 위한 그래픽 요소를 디스플레이하는 기능을 수행할 수 있다. 여기서, 사용자 인터페이스부(220)는 이러한 리스트에 포함된 소정 페이지에 대한 식별자가 선택되면, 소정 페이지의 구체적인 내용이 화면 상에 디스플레이되도록 하는 기능을 수행할 수도 있다.Next, the user interface unit 220 according to the second embodiment of the present invention is configured to read a plurality of pages while a specific page corresponding to the k-th hierarchy (where 1 <= k <= n) is read by the user. When a navigation request for a part or all of the entire hierarchy is input, an identifier of a page corresponding to the k-th layer, which is the same layer as that of the specific page, including the identifier of the specific page is displayed as a list, and the list of the displayed area is displayed. The peripheral area may perform a function of displaying a graphic element for indicating that the identifier of the displayed page corresponds to the k-th layer. Here, when an identifier for a predetermined page included in the list is selected, the user interface 220 may perform a function of displaying specific contents of the predetermined page on the screen.

또한, 본 발명의 제2 실시예에 따른 사용자 인터페이스부(220)는 i) 제k 계층에 해당되는 페이지 식별자가 리스트 형태로서 디스플레이되는 도중에 화면 상의 일부 영역이 터치된 상태에서 특정 방향으로의 드래그 행위가 기설정된 강도 이하로 입력되면, 제k-1 계층(즉, 상위 계층을 의미하고, (k-1)은 1 이상임)에 해당되는 페이지의 식별자들이 리스트 형태로서 디스플레이되도록 하고, ii) 제k 계층에 해당되는 페이지 식별자가 디스플레이되는 도중에 특정 식별자가 터치된 상태에서 상기 특정 방향과 반대 방향으로의 드래그 행위가 입력되면, 특정 식별자에 대한 바로 하위 계층, 즉 제k+1 계층(즉, 하위 계층을 의미하고, (k+1)은 n 이하임)에 해당되는 적어도 하나의 페이지의 식별자들이 리스트 형태로서 디스플레이되도록 하는 기능을 수행할 수도 있다. 여기서, 사용자 인터페이스부(220)는 제k-1 계층에 해당되는 적어도 하나의 페이지의 식별자를 디스플레이할 때, 제k 계층에 해당되는 페이지에 이르기 위한 경로 상에 위치하는 제k-1 계층(즉, 직속 상위 계층)에 해당되는 페이지의 식별자는 나머지 페이지의 식별자와 차별되도록 표시할 수 있다. 한편, 상기 제2 실시예에서, 특정 방향으로의 드래그 행위가 기설정된 강도 이상으로 입력되는 경우에는 두 단계 이상의 상위 계층에 해당되는 페이지의 식별자들이 디스플레이되도록 할 수도 있을 것이다.In addition, the user interface 220 according to the second embodiment of the present invention performs i) dragging in a specific direction while a part of the area on the screen is touched while the page identifier corresponding to the k-th layer is displayed as a list. If is input below a predetermined intensity, the identifiers of the pages corresponding to the k-th layer (ie, higher layer, (k-1) is 1 or more) are displayed as a list form, and ii) k If a drag action in a direction opposite to the specific direction is input while the page identifier corresponding to the layer is displayed while the page identifier corresponding to the layer is displayed, the immediately lower layer, that is, the k + 1 layer (that is, the lower layer) for the specific identifier is input. (K + 1) is equal to or less than n), so that identifiers of at least one page corresponding to n) may be displayed as a list. Here, when the user interface 220 displays the identifier of at least one page corresponding to the k-th layer, the k-th layer (ie, the k-th layer located on the path for reaching the page corresponding to the k-th layer) , An identifier of a page corresponding to a direct upper layer) may be displayed to be distinguished from an identifier of the remaining pages. Meanwhile, in the second embodiment, when a drag action in a specific direction is input at a predetermined intensity or more, the identifiers of the pages corresponding to the upper layers of two or more levels may be displayed.

또한, 본 발명의 제2 실시예에 따른 사용자 인터페이스부(220)는, 리스트로서 디스플레이되는 페이지의 식별자가 제k 계층에 해당됨을 나타내기 위한 그래픽 요소로서 사이드바를 사용할 수 있는데, 구체적으로, 상위 계층으로 갈수록 사이드바의 개수를 줄이고 하위 계층으로 갈수록 사이드바의 개수를 늘려서 리스트로서 디스플레이되는 페이지의 식별자가 어떤 계층에 해당하는지를 GUI의 형태로 사용자 편의적으로 표시되도록 하거나, 혹은 상위 계층으로 갈수록 사이드바의 길이를 줄이고 하위 계층으로 갈수록 사이드바의 길이를 늘리는 등의 변형예를 사용할 수도 있다. 특히, 사이드바의 개수 또는 길이를 이용하여 리스트로서 디스플레이되는 페이지의 식별자가 어떤 계층에 해당하는지를 표시하는 경우에는 계층의 깊이(depth)에 따라 사이드바의 색깔이 달라지도록 함으로써 가시성을 증가시킬 수도 있을 것이다. 물론, 본 발명에 적용 가능한 그래픽 요소가 사이드바를 이용한 방법에만 한정되는 것은 아니며, 다양한 변형예를 적용하여 본 발명을 구현할 수 있을 것이다.In addition, the user interface 220 according to the second embodiment of the present invention may use the sidebar as a graphic element for indicating that the identifier of the page displayed as the list corresponds to the k-th layer. In order to reduce the number of sidebars to the bottom and increase the number of sidebars to the lower layer, it is possible to display the user's convenience in the form of a GUI that corresponds to the layer of the page displayed as a list, or to the upper layer. You can also use variations such as reducing the length and increasing the length of the sidebar as you move down to the lower tier. In particular, when the number or length of the sidebars is used to indicate which layer an identifier of a page displayed as a list corresponds to, the visibility of the sidebars may be increased according to the depth of the layer. will be. Of course, the graphic elements applicable to the present invention are not limited to the method using the sidebar, and various modifications may be applied to implement the present invention.

도 4a 및 도 4b는 본 발명의 제2 실시예에 따른 사용자 인터페이스부(220)가 제공하는 GUI를 예시적으로 도시하는 도면이다.4A and 4B are diagrams exemplarily illustrating a GUI provided by the user interface unit 220 according to the second embodiment of the present invention.

먼저, 도 4a를 참조하면, 화면의 "Navigator" 메뉴가 선택되어 내비게이팅 요청이 입력되면(가장 좌측의 화면) 사용자에 의해 열람되고 있던 B52 페이지와 동일한 계층에 해당되는 페이지의 식별자들이 리스트 형태로서 디스플레이되고, 리스트의 좌측 영역에는 디스플레이되는 페이지의 식별자들이 제2 계층에 해당됨을 나타내기 위하여 2 개의 사이드바가 디스플레이되도록 할 수 있다(두 번째 좌측의 화면). 여기서, 화면 상의 일부 영역이 터치된 상태에서 오른쪽 방향으로의 드래그 행위가 기설정된 강도 이하로 입력되면, 제2 계층의 한 단계 상위 계층인 제1 계층에 해당되는 페이지의 식별자들이 디스플레이되도록 할 수 있는데(세 번째 좌측의 화면), 특히 제2 계층에 해당되는 페이지(B51 내지 B56 페이지)에 이르기 위한 경로 상에 위치하는 페이지(B5 페이지)의 식별자는 나머지 페이지의 식별자와 차별되어 표시되고 있고, 사이드바의 개수는 하나 줄어들어 현재 디스플레이되는 페이지의 식별자들이 제1 계층에 해당됨을 표시하고 있음을 확인할 수 있다. 이 후, 제1 계층에 해당되는 페이지의 식별자 중에서, 가령, B3 페이지의 식별자가 터치된 상태에서 왼쪽 방향으로 기설정된 강도 이하의 드래그 행위가 입력되면(세 번째 좌측의 화면), B3 페이지의 바로 밑 하위 계층에 해당되는 페이지(B31 내지 B36 페이지)의 식별자들이 리스트 형태로서 디스플레이되도록 할 수 있다(가장 우측의 화면). 여기서, 사이드바의 개수는 다른 식으로 변화될 수도 있는 등 다양한 변형예를 상정할 수 있을 것이다.First, referring to FIG. 4A, when the "Navigator" menu of the screen is selected and a navigation request is input (the leftmost screen), the identifiers of the pages corresponding to the same hierarchy as the B52 page being viewed by the user are displayed as a list. In the left region of the list, two sidebars may be displayed to indicate that the identifiers of the displayed page correspond to the second layer (the screen on the second left side). Here, when a drag action to a right direction is input under a predetermined intensity while a part of the area on the screen is touched, the identifiers of the pages corresponding to the first layer that is one level higher than the second layer may be displayed. (The screen on the third left), in particular, the identifier of the page (page B5) located on the path to reach the page corresponding to the second layer (pages B51 to B56) is displayed differently from the identifiers of the remaining pages. It can be seen that the number of bars is reduced by one, indicating that the identifiers of the currently displayed page correspond to the first layer. Subsequently, if a drag action of less than a predetermined intensity is input in the left direction while the identifier of the page B3 is touched (eg, the screen on the third left), among the identifiers of the page corresponding to the first layer, immediately after the page B3, The identifiers of the pages B31 to B36 corresponding to the lower lower layer may be displayed as a list form (the rightmost screen). Here, the number of sidebars may be variously modified, such as being changed in other ways.

다음으로, 도 4b에는, 리스트로서 디스플레이되는 페이지의 식별자가 어떤 계층에 해당하는지를 표시하기 위해 사이드바의 길이를 이용하는 경우가 도시되어 있다. 도 4b를 참조하면, 리스트에서 특정 식별자가 터치된 상태에서 왼쪽 방향으로의 드래그 행위가 입력됨에 따라 리스트 상에 디스플레이되는 페이지의 계층이 제1 계층에서 제2 계층, 제3 계층, 제4 계층으로 바뀌게 되면, 이에 따라 리스트의 상측 영역에 디스플레이되는 사이드바의 길이가 늘어나고 사이드바의 색깔 역시 짙어지게 할 수 있다.Next, FIG. 4B shows a case where the length of the sidebar is used to indicate which layer the identifier of the page displayed as a list corresponds to. Referring to FIG. 4B, when a drag action toward the left direction is input while a specific identifier is touched in the list, the hierarchy of pages displayed on the list is changed from the first layer to the second, third, and fourth layers. As a result, the length of the sidebar displayed in the upper area of the list may increase, and the color of the sidebar may be darkened.

다음으로, 본 발명의 제3 실시예에 따른 사용자 인터페이스부(220)는, 사용자에 의해 제k 계층(여기서, 1<= k <= n 임)에 해당되는 특정 페이지가 열람되는 도중에 복수 페이지의 전체 계층 구조의 일부 또는 전부에 대한 내비게이팅 요청이 입력되면, 제k-1 계층((k-1)은 1 이상임)에 해당되는 페이지의 식별자들이 리스트 형태로서 디스플레이되도록 하고, 이러한 디스플레이된 리스트에 포함된 페이지의 식별자 중 특정 식별자가 선택되면 특정 식별자의 하위 계층(즉, 제k 계층)에 해당되는 페이지의 식별자들이 리스트 형태로서 디스플레이되도록 하는 기능을 수행할 수 있다. 여기서, 본 발명의 제3 실시예에 따른 사용자 인터페이스부(220)는 선택된 특정 식별자의 하위 계층에 해당되는 페이지의 식별자 리스트를 화면의 일부 영역과 오버랩되는 팝업 창 내에 디스플레이할 수도 있다.Next, the user interface unit 220 according to the third embodiment of the present invention may be configured to display a plurality of pages while a specific page corresponding to the k-th hierarchy (where 1 <= k <= n) is read by the user. When a navigation request for some or all of the entire hierarchy is entered, the identifiers of the pages corresponding to the k-1th layer ((k-1) is 1 or more) are displayed as a list, and the displayed list is displayed. When a specific identifier is selected from among the identifiers of the included pages, a function of displaying the identifiers of the pages corresponding to a lower layer (ie, the k-th layer) of the specific identifier may be displayed as a list. Here, the user interface 220 according to the third embodiment of the present invention may display an identifier list of a page corresponding to a lower layer of the selected specific identifier in a popup window overlapping a partial region of the screen.

도 5는 본 발명의 제3 실시예에 따른 사용자 인터페이스부(220)가 제공하는 GUI를 예시적으로 도시하는 도면이다.FIG. 5 is a diagram illustrating a GUI provided by the user interface unit 220 according to the third embodiment of the present invention.

도 5를 참조하면, 화면의 "List" 메뉴가 선택되어 내비게이팅 요청이 입력되면 사용자에 의해 열람되고 있던 E51 페이지의 직속 상위 계층인 E5 페이지를 포함하여 이와 동일 계층에 해당되는 페이지의 식별자(즉, E1 내지 E5 페이지의 식별자)가 리스트 형태로서 디스플레이된다. 여기서, 만약 E3 페이지의 식별자가 선택되면 E3 페이지의 직속 하위 계층에 해당되는 페이지(E31 내지 E35 페이지)의 식별자가 리스트 형태로서 디스플레이되도록 할 수 있다(501). 한편, E31 내지 E35 페이지의 식별자 리스트는 팝업 창 내에 디스플레이되도록 할 수도 있을 것이다(502).Referring to FIG. 5, when the "List" menu of the screen is selected and a navigation request is input, an identifier of a page corresponding to the same layer, including an E5 page that is a higher layer of the E51 page that is directly viewed by the user, , Identifiers of pages E1 to E5) are displayed as a list. Here, if the identifier of the page E3 is selected, the identifiers of the pages (pages E31 to E35) corresponding to the direct lower layers of the page E3 may be displayed as a list (501). Meanwhile, the identifier list of pages E31 to E35 may be displayed in the popup window (502).

다음으로, 본 발명의 제4 실시예에 따른 사용자 인터페이스부(220)는, 화면 상에 제공되는 중인 페이지와 동일한 계층의 페이지의 개수가 m 개일 때, 화면 상의 제1 영역에는 화면의 제3 영역 상에 제공되는 중인 페이지에 대한 식별자 및 이와 동일한 계층에 포함되는 페이지의 식별자를 총 j개 디스플레이하고, 제1 영역의 주변에 위치하는 제2 영역에는 화면 상에 제공되는 중인 페이지의 직속 상위 계층에 해당되는 페이지의 식별자를 디스플레이하는 기능을 수행할 수 있다. 여기서, 사용자 인터페이스부(220)는 j가 m보다 작은 경우, 즉 화면 상에 제공되는 중인 페이지의 식별자 및 이와 동일한 계층에 포함되는 페이지의 식별자가 제1 영역 내에 한꺼번에 표시될 수 없는 경우에는, 화면 상에 디스플레이되지 않는 식별자를 제1 영역에 대한 드래그 입력 등과 같은 플리킹 제스처(flicking gesture)의 입력에 따라 디스플레이되도록 할 수 있다. 한편, 제1 영역에 디스플레이된 식별자 중 화면의 제3 영역 상에 제공되는 중인 페이지에 대한 식별자는 다른 식별자와 구별되도록 표시해 주는 기능을 수행할 수도 있다.Next, when the number of pages of the same layer as the page being provided on the screen is m, the user interface 220 according to the fourth embodiment of the present invention has a third area of the screen in the first area on the screen. A total of j identifiers of the pages being provided on the page and the pages of the pages included in the same layer are displayed, and the second area located in the periphery of the first area is displayed in the upper layer immediately above the page being provided on the screen. The function of displaying the identifier of the corresponding page may be performed. In this case, when j is smaller than m, that is, when the identifier of the page being provided on the screen and the identifier of the page included in the same layer cannot be displayed at once in the first area, the screen is displayed. An identifier not displayed on the screen may be displayed according to an input of a flicking gesture such as a drag input to the first area. Meanwhile, the identifier for the page being provided on the third area of the screen among the identifiers displayed in the first area may be displayed to be distinguished from other identifiers.

이렇게 제1 영역에 디스플레이된 페이지의 식별자 중 특정 식별자가 선택되면, 사용자 인터페이스부(220)는 특정 식별자의 직속 하위 계층에 해당되는 페이지의 식별자가 리스트 형태로서 디스플레이되도록 하고, 리스트에 포함된 소정 페이지에 대한 식별자가 선택되면 소정 페이지가 디스플레이되도록 할 수 있을 것이다.When a specific identifier is selected among the identifiers of the page displayed in the first area as described above, the UI unit 220 causes the identifier of the page corresponding to the direct lower layer of the specific identifier to be displayed as a list, and the predetermined page included in the list. If an identifier for is selected, a predetermined page may be displayed.

한편, 본 발명의 제4 실시예에 따른 사용자 인터페이스부(220)는, 제2 영역에 디스플레이된 페이지의 식별자가 선택되면, 선택된 페이지의 식별자 및 이와 동일한 계층에 포함되는 페이지의 식별자가 제1 영역에 디스플레이되도록 하고, 선택된 페이지의 상위 계층에 해당되는 페이지의 식별자를 제2 영역에 디스플레이하는 기능을 수행할 수도 있다.Meanwhile, when the identifier of the page displayed in the second area is selected, the user interface unit 220 according to the fourth embodiment of the present invention displays the identifier of the selected page and the identifier of the page included in the same layer as the first area. And display the identifier of the page corresponding to the upper layer of the selected page in the second area.

도 6은 본 발명의 제4 실시예에 따른 사용자 인터페이스부(220)가 제공하는 GUI를 예시적으로 도시하는 도면이다.6 is a diagram exemplarily illustrating a GUI provided by the user interface unit 220 according to the fourth embodiment of the present invention.

도 6을 참조하면, 화면 상의 제1 영역에는 화면 상에 제공되는 중인 C1 페이지의 식별자 및 이와 동일한 계층에 포함되는 페이지의 식별자가 총 3개 디스플레이되고, 제1 영역의 상측 영역에 위치하는 제2 영역에는 C1 페이지의 상위 계층에 해당되는 B2 페이지의 식별자가 디스플레이된다(제일 좌측의 화면). 이 후, 제2 영역에 디스플레이된 B2 페이지의 식별자가 선택되면, B2 페이지의 식별자 및 이와 동일한 계층에 포함되는 페이지의 식별자가 제1 영역에 디스플레이되고 제2 영역에는 B2 페이지의 상위 계층에 해당되는 A1 페이지의 식별자가 디스플레이되게 된다(두 번째 좌측의 화면). 여기서, 제1 영역에 대해 왼쪽 방향으로의 플리킹 제스처가 입력되면 화면 상에 디스플레이되고 있지 않던 B4 및 B5 페이지의 식별자가 제1 영역에 디스플레이되고, 이 상태에서 B4 페이지의 식별자가 선택되면 B4 페이지의 하위 계층에 해당되는 페이지(E1 내지 E4 페이지)의 식별자가 리스트 형태로서 디스플레이되도록 할 수 있다(세 번째 좌측의 화면). 이후, 리스트에 포함된 E1 페이지의 식별자가 선택되면 E1 페이지가 화면의 제3 영역 상에 제공되고, 제1 영역에는 E1 페이지의 식별자 및 이와 동일한 계층에 포함되는 페이지의 식별자가 디스플레이되며, 제2 영역에는 E1 내지 E4 페이지의 상위 계층에 해당되는 B4 페이지의 식별자가 디스플레이됨을 확인할 수 있다.Referring to FIG. 6, three identifiers of the C1 page being provided on the screen and three identifiers of the pages included in the same layer are displayed in the first region on the screen, and the second region is located in the upper region of the first region. In the region, the identifier of the B2 page corresponding to the upper layer of the C1 page is displayed (the screen on the left). Thereafter, when the identifier of the B2 page displayed in the second area is selected, the identifier of the page B2 and the identifier of the page included in the same layer are displayed in the first area and the second area corresponds to the upper layer of the B2 page. The identifier of the A1 page will be displayed (the screen on the second left). Here, when a flicking gesture is input to the first area in the left direction, identifiers of pages B4 and B5 that are not displayed on the screen are displayed in the first area, and when the identifier of page B4 is selected in this state, the page B4 is selected. The identifiers of the pages (pages E1 to E4) corresponding to the lower layer of may be displayed as a list form (the screen on the third left). Thereafter, when an identifier of the E1 page included in the list is selected, the E1 page is provided on the third area of the screen, and the first area displays the identifier of the E1 page and the identifier of the page included in the same layer. In the region, it can be seen that the identifier of the page B4 corresponding to the upper layer of the pages E1 to E4 is displayed.

한편, 본 발명의 일 실시예에 따르면, 컨텐츠의 페이지 또는 페이지 내비게이팅을 위해 제공되는 GUI 등을 비롯한 영상 정보는 단말 장치(200)의 표시부(미도시됨)를 통하여 시각적으로 표출될 수 있는데, 예를 들면, 본 발명의 일 실시예에 따른 표시부는 통상의 액정표시장치(LCD: Liquid Crystal Display) 또는 유기 발광 다이오드(OLED: Organic Light Emitting Diodes) 등의 평판 표시 장치일 수 있다.Meanwhile, according to an embodiment of the present invention, image information including a page of content or a GUI provided for page navigation may be visually displayed through a display unit (not shown) of the terminal device 200. For example, the display unit according to an exemplary embodiment of the present invention may be a flat panel display device such as a liquid crystal display (LCD) or an organic light emitting diode (OLED).

다음으로, 본 발명의 일 실시예에 따르면, 통신부(230)는 단말 장치(200)가 컨텐츠 제공 서버(300) 등과 같은 외부 시스템과 통신할 수 있도록 하는 기능을 수행한다.Next, according to an embodiment of the present invention, the communication unit 230 performs a function to enable the terminal device 200 to communicate with an external system such as the content providing server 300.

마지막으로, 본 발명의 일 실시예에 따르면, 제어부(240)는 계층 구조 분석부(210), 사용자 인터페이스부(220) 및 통신부(230) 간의 데이터의 흐름을 제어하는 기능을 수행한다. 즉, 제어부(240)는 외부로의/외부로부터의 또는 단말 장치(200)의 각 구성요소 간의 데이터의 흐름을 제어함으로써, 계층 구조 분석부(210), 사용자 인터페이스부(220) 및 통신부(230)에서 각각 고유 기능을 수행하도록 제어한다.Finally, according to an embodiment of the present invention, the control unit 240 performs a function of controlling the flow of data between the hierarchical structure analysis unit 210, the user interface 220 and the communication unit 230. That is, the controller 240 controls the flow of data to and from the outside or between the components of the terminal device 200, thereby providing a hierarchical structure analysis unit 210, a user interface unit 220, and a communication unit 230. Control each to perform its own function.

도 7a 내지 도 7c는 본 발명의 일 실시예에 따른 단말 장치(200)를 사용하는 경우 제공받은 컨텐츠에 대한 열람 시에 어느 정도로 트래픽이 감소되는지 실제 실험치에 근거하여 예시적으로 도시하는 도면이다.7A to 7C are diagrams exemplarily showing how much traffic is reduced when reading the provided content when using the terminal device 200 according to an exemplary embodiment of the present invention, based on actual experimental values.

먼저 도 7a을 참조하면, 일반적인 모바일 환경에서 특정 책을 인터넷으로 주문하기 위하여 아마존(www.amazon.com)에 접속하여 해당 책을 검색하는 과정이 도시되어 있다. 이와 같이, 일반적인 모바일 환경에서는 책을 주문하기까지는 총 7 번의 페이지 이동이 이뤄져야 하는 반면, 본 발명의 일 실시예에 따른 단말 장치(200)를 통해 책을 주문하는데 있어서는 도 7b에서 볼 수 있는 바와 같이 총 3 번의 페이지 이동만이 필요하다. 즉, 사용자 한 명당 266.88 KB에 해당하는 트래픽을 절감할 수 있고, 이는 아마존 웹 사이트 전체 사용자 수를 고려하면 무려 16.7 TB에 이르는 트래픽량이 절감되는 것임을 확인할 수 있을 것이다(도 7c 참조).First, referring to FIG. 7A, a process of searching for a book by accessing Amazon (www.amazon.com) in order to order a book on the Internet in a general mobile environment is illustrated. As such, in a general mobile environment, a total of seven page movements must be performed before ordering a book, whereas as shown in FIG. 7B in ordering a book through the terminal device 200 according to an embodiment of the present invention. Only three page moves are required. That is, it can save 266.88 KB of traffic per user, which can be seen to reduce the amount of traffic up to 16.7 TB considering the total number of users of the Amazon website (see FIG. 7C).

이상 설명된 본 발명에 따른 실시예들은 다양한 컴퓨터 구성요소를 통하여 수행될 수 있는 프로그램 명령어의 형태로 구현되어 컴퓨터 판독 가능한 기록 매체에 기록될 수 있다. 상기 컴퓨터 판독 가능한 기록 매체는 프로그램 명령어, 데이터 파일, 데이터 구조 등을 단독으로 또는 조합하여 포함할 수 있다. 상기 컴퓨터 판독 가능한 기록 매체에 기록되는 프로그램 명령어는 본 발명을 위하여 특별히 설계되고 구성된 것들이거나 컴퓨터 소프트웨어 분야의 당업자에게 공지되어 사용 가능한 것일 수도 있다. 컴퓨터 판독 가능한 기록 매체의 예에는, 하드 디스크, 플로피 디스크 및 자기 테이프와 같은 자기 매체, CD-ROM, DVD와 같은 광기록 매체, 플롭티컬 디스크(floptical disk)와 같은 자기-광 매체(magneto-optical media), 및 ROM, RAM, 플래시 메모리 등과 같은 프로그램 명령어를 저장하고 수행하도록 특별히 구성된 하드웨어 장치가 포함된다. 프로그램 명령어의 예에는, 컴파일러에 의해 만들어지는 것과 같은 기계어 코드뿐만 아니라 인터프리터 등을 사용해서 컴퓨터에 의해서 실행될 수 있는 고급 언어 코드도 포함된다. 상기 하드웨어 장치는 본 발명에 따른 처리를 수행하기 위해 하나 이상의 소프트웨어 모듈로서 작동하도록 구성될 수 있으며, 그 역도 마찬가지이다.Embodiments according to the present invention described above may be implemented in the form of program instructions that may be executed by various computer components, and may be recorded in a computer-readable recording medium. The computer-readable recording medium may include program instructions, data files, data structures, etc. alone or in combination. Program instructions recorded on the computer-readable recording medium may be those specially designed and configured for the present invention, or may be known and available to those skilled in the computer software arts. Examples of computer-readable recording media include magnetic media such as hard disks, floppy disks and magnetic tape, optical recording media such as CD-ROMs, DVDs, and magneto-optical media such as floptical disks. media), and hardware devices specifically configured to store and execute program instructions, such as ROM, RAM, flash memory, and the like. Examples of program instructions include not only machine code generated by a compiler, but also high-level language code that can be executed by a computer using an interpreter or the like. The hardware device may be configured to operate as one or more software modules to perform the process according to the invention, and vice versa.

이상에서 본 발명이 구체적인 구성요소 등과 같은 특정 사항들과 한정된 실시예 및 도면에 의해 설명되었으나, 이는 본 발명의 보다 전반적인 이해를 돕기 위해서 제공된 것일 뿐, 본 발명이 상기 실시예들에 한정되는 것은 아니며, 본 발명이 속하는 기술분야에서 통상적인 지식을 가진 자라면 이러한 기재로부터 다양한 수정 및 변형을 꾀할 수 있다.Although the present invention has been described by specific embodiments such as specific components and the like, but the embodiments and the drawings are provided to assist in a more general understanding of the present invention, the present invention is not limited to the above embodiments. For those skilled in the art, various modifications and variations can be made from these descriptions.

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

100: 통신망
200: 단말 장치
210: 계층 구조 분석부
220: 사용자 인터페이스부
230: 통신부
240: 제어부
100: Network
200: terminal device
210: hierarchy analysis unit
220: user interface unit
230: communication unit
240: control unit

Claims (34)

삭제delete 모바일 환경에서 복잡한 구조의 계층을 가지는 컨텐츠의 페이지 이동을 지원하기 위한 방법으로서,
(a) 컨텐츠에 포함된 복수 페이지 사이의 전체 계층 구조를 분석하는 단계,
(b) 각 페이지를 각 아이콘에 대응시키고 상기 분석된 전체 계층 구조에 부합하도록 상기 아이콘을 배열한 페이지 맵을 화면의 제1 영역 상에 디스플레이하는 단계, 및
(c) 상기 배열된 아이콘 중 특정 아이콘이 선택되면, 상기 특정 아이콘에 대응된 특정 페이지가 표시되도록 하는 단계
를 포함하고,
상기 (b) 단계는,
(b1) 상기 화면 상의 제2 영역에 상기 페이지 맵의 호출 요청을 입력받기 위한 제1 메뉴를 표시하는 단계, 및
(b2) 상기 제1 메뉴가 클릭되어 선택되면 상기 페이지 맵을 상기 제1 영역 상에 디스플레이하는 단계
를 포함하는 것을 특징으로 하는 방법.
As a method for supporting page movement of a content having a complex hierarchy in a mobile environment,
(a) analyzing the entire hierarchy among the plurality of pages included in the content,
(b) displaying a page map on the first area of the screen that maps each icon to each icon and arranges the icons so as to correspond to the analyzed entire hierarchy; and
(c) if a specific icon is selected from the arranged icons, displaying a specific page corresponding to the specific icon
Including,
The step (b)
(b1) displaying a first menu for receiving a call request of the page map in a second area on the screen; and
(b2) displaying the page map on the first area when the first menu is clicked and selected.
Method comprising a.
모바일 환경에서 복잡한 구조의 계층을 가지는 컨텐츠의 페이지 이동을 지원하기 위한 방법으로서,
(a) 컨텐츠에 포함된 복수 페이지 사이의 전체 계층 구조를 분석하는 단계,
(b) 각 페이지를 각 아이콘에 대응시키고 상기 분석된 전체 계층 구조에 부합하도록 상기 아이콘을 배열한 페이지 맵을 화면의 제1 영역 상에 디스플레이하는 단계, 및
(c) 상기 배열된 아이콘 중 특정 아이콘이 선택되면, 상기 특정 아이콘에 대응된 특정 페이지가 표시되도록 하는 단계
를 포함하고,
상기 (b) 단계는,
(b1) 상기 화면 상의 제2 영역에 상기 페이지 맵의 호출 요청을 입력받기 위한 제1 메뉴를 표시하는 단계, 및
(b2) 상기 제1 메뉴가 상기 제1 영역으로 드래그되어 선택되면 상기 페이지 맵을 상기 제1 영역 상에 디스플레이하는 단계
를 포함하는 것을 특징으로 하는 방법.
As a method for supporting page movement of a content having a complex hierarchy in a mobile environment,
(a) analyzing the entire hierarchy among the plurality of pages included in the content,
(b) displaying a page map on the first area of the screen that maps each icon to each icon and arranges the icons so as to correspond to the analyzed entire hierarchy; and
(c) if a specific icon is selected from the arranged icons, displaying a specific page corresponding to the specific icon
Including,
The step (b)
(b1) displaying a first menu for receiving a call request of the page map in a second area on the screen; and
(b2) displaying the page map on the first area when the first menu is dragged to the first area and selected;
Method comprising a.
제3항에 있어서,
상기 제1 메뉴에는,
현재 화면 상에 제공되고 있는 페이지에 이르기 위한 경로 정보가 표시되는 것을 특징으로 하는 방법.
The method of claim 3,
In the first menu,
The route information for reaching the page currently provided on the screen is displayed.
모바일 환경에서 복잡한 구조의 계층을 가지는 컨텐츠의 페이지 이동을 지원하기 위한 방법으로서,
(a) 컨텐츠에 포함된 복수 페이지 사이의 전체 계층 구조를 분석하는 단계,
(b) 각 페이지를 각 아이콘에 대응시키고 상기 분석된 전체 계층 구조에 부합하도록 상기 아이콘을 배열한 페이지 맵을 화면의 제1 영역 상에 디스플레이하는 단계, 및
(c) 상기 배열된 아이콘 중 특정 아이콘이 선택되면, 상기 특정 아이콘에 대응된 특정 페이지가 표시되도록 하는 단계
를 포함하고,
상기 (b) 단계는,
(b3) 상기 화면 상의 제3 영역에 상기 페이지 맵 디스플레이 모드를 종료하고 페이지 디스플레이 모드로 복귀 요청을 입력받기 위한 제2 메뉴를 표시하는 단계, 및
(b4) 상기 제2 메뉴가 드래그 행위 또는 클릭 행위 중 하나에 의하여 선택되면 상기 페이지 맵이 디스플레이되기 직전에 제공되는 중이었던 페이지를 화면 상에 디스플레이하는 단계
를 포함하는 것을 특징으로 하는 방법.
As a method for supporting page movement of a content having a complex hierarchy in a mobile environment,
(a) analyzing the entire hierarchy among the plurality of pages included in the content,
(b) displaying a page map on the first area of the screen that maps each icon to each icon and arranges the icons so as to correspond to the analyzed entire hierarchy; and
(c) if a specific icon is selected from the arranged icons, displaying a specific page corresponding to the specific icon
Including,
The step (b)
(b3) displaying a second menu for terminating the page map display mode and receiving a request to return to the page display mode in a third area on the screen; and
(b4) if the second menu is selected by one of dragging or clicking, displaying a page that was being provided immediately before the page map is displayed on the screen.
Method comprising a.
모바일 환경에서 복잡한 구조의 계층을 가지는 컨텐츠의 페이지 이동을 지원하기 위한 방법으로서,
(a) 컨텐츠에 포함된 복수 페이지 사이의 전체 계층 구조를 분석하는 단계,
(b) 각 페이지를 각 아이콘에 대응시키고 상기 분석된 전체 계층 구조에 부합하도록 상기 아이콘을 배열한 페이지 맵을 화면의 제1 영역 상에 디스플레이하는 단계, 및
(c) 상기 배열된 아이콘 중 특정 아이콘이 선택되면, 상기 특정 아이콘에 대응된 특정 페이지가 표시되도록 하는 단계
를 포함하고,
상기 (b) 단계에서,
상기 페이지 맵은 상기 화면 상에서 줌-인 또는 줌-아웃 중 적어도 하나의 기능을 통해 디스플레이될 수 있는 것을 특징으로 하는 방법.
As a method for supporting page movement of a content having a complex hierarchy in a mobile environment,
(a) analyzing the entire hierarchy among the plurality of pages included in the content,
(b) displaying a page map on the first area of the screen that maps each icon to each icon and arranges the icons so as to correspond to the analyzed entire hierarchy; and
(c) if a specific icon is selected from the arranged icons, displaying a specific page corresponding to the specific icon
Including,
In the step (b)
And the page map may be displayed on the screen through at least one function of zoom-in or zoom-out.
제6항에 있어서,
상기 페이지 맵이 줌-인 기능을 통해 디스플레이되는 경우, 상기 페이지 맵은 드래그 행위에 따라 이동되면서 디스플레이될 수 있는 것을 특징으로 하는 방법.
The method of claim 6,
If the page map is displayed through a zoom-in function, the page map may be displayed while being moved according to a drag action.
모바일 환경에서 복잡한 구조의 계층을 가지는 컨텐츠의 페이지 이동을 지원하기 위한 방법으로서,
(a) 컨텐츠에 포함된 복수 페이지 사이의 전체 계층 구조를 분석하는 단계,
(b) 각 페이지를 각 아이콘에 대응시키고 상기 분석된 전체 계층 구조에 부합하도록 상기 아이콘을 배열한 페이지 맵을 화면의 제1 영역 상에 디스플레이하는 단계, 및
(c) 상기 배열된 아이콘 중 특정 아이콘이 선택되면, 상기 특정 아이콘에 대응된 특정 페이지가 표시되도록 하는 단계
를 포함하고,
상기 (b) 단계는,
상기 페이지 맵이 디스플레이되기 직전에 제공되는 중이었던 소정 페이지를 상기 컨텐츠의 나머지 페이지와 구별되도록 하기 위하여 상기 소정 페이지의 아이콘이 다른 아이콘과 차별되도록 상기 페이지 맵을 디스플레이하는 것을 특징으로 하는 방법.
As a method for supporting page movement of a content having a complex hierarchy in a mobile environment,
(a) analyzing the entire hierarchy among the plurality of pages included in the content,
(b) displaying a page map on the first area of the screen that maps each icon to each icon and arranges the icons so as to correspond to the analyzed entire hierarchy; and
(c) if a specific icon is selected from the arranged icons, displaying a specific page corresponding to the specific icon
Including,
The step (b)
And displaying the page map such that an icon of the predetermined page is distinguished from other icons in order to distinguish the predetermined page which was being provided immediately before the page map is displayed from the remaining pages of the content.
모바일 환경에서 복잡한 구조의 계층을 가지는 컨텐츠의 페이지 이동을 지원하기 위한 방법으로서,
(a) 컨텐츠에 포함된 복수 페이지의 전체 계층 구조를 제1 내지 제n 계층 - 상기 제1 계층에 가까울수록 상위 계층임 - 으로 분류하는 단계, 및
(b) 사용자에 의해 특정 페이지 ?상기 특정 페이지는 제k 계층에 해당됨 (1<= k <= n) - 가 열람되는 도중에 상기 사용자에 의해 상기 복수 페이지의 전체 계층 구조 중 적어도 일부에 대한 내비게이팅 요청이 입력되면, 상기 제k 계층에 해당되는 적어도 하나의 페이지의 식별자를 리스트 형태로서 디스플레이하되, 상기 리스트가 디스플레이되는 영역의 주변 영역에 상기 디스플레이되는 페이지의 식별자가 상기 제k 계층에 해당됨을 나타내기 위한 그래픽 요소를 디스플레이하는 단계
를 포함하는 방법.
As a method for supporting page movement of a content having a complex hierarchy in a mobile environment,
(a) classifying the entire hierarchical structure of the plurality of pages included in the content into first to nth hierarchies, the closer to the first hierarchical layer, the higher hierarchy; and
(b) a specific page by the user-the specific page corresponds to the k-th hierarchy (1 <= k <= n)-while the user is browsing, at least part of the entire hierarchy of the plurality of pages by the user; When the request is input, an identifier of at least one page corresponding to the k-th layer is displayed as a list, indicating that the identifier of the displayed page corresponds to the k-th layer in an area around the area where the list is displayed. Steps to Display Graphic Elements for Betting
&Lt; / RTI &gt;
제9항에 있어서,
(c) 상기 리스트에 포함된 소정 페이지에 대한 식별자가 선택되면, 상기 소정 페이지가 디스플레이되도록 하는 단계
를 더 포함하는 방법.
10. The method of claim 9,
(c) if an identifier for a predetermined page included in the list is selected, causing the predetermined page to be displayed
&Lt; / RTI &gt;
제9항에 있어서,
상기 그래픽 요소는,
상위 계층으로 갈수록 사이드바의 개수를 줄이고 하위 계층으로 갈수록 상기 사이드바의 개수를 늘려서 디스플레이되도록 하는 것을 특징으로 하는 방법.
10. The method of claim 9,
The graphic element,
And reducing the number of sidebars toward the upper layer and increasing the number of the sidebars toward the lower layer.
제9항에 있어서,
상기 그래픽 요소는,
상위 계층으로 갈수록 사이드바의 길이를 줄이고 하위 계층으로 갈수록 상기 사이드바의 길이를 늘려서 디스플레이되도록 하는 것을 특징으로 하는 방법.
10. The method of claim 9,
The graphic element,
And reducing the length of the sidebar toward the upper layer and increasing the length of the sidebar toward the lower layer.
제12항에 있어서,
상기 그래픽 요소는,
해당 계층의 깊이(depth)에 따라 사이드바의 색깔에 변화를 주도록 하는 것을 특징으로 하는 방법.
The method of claim 12,
The graphic element,
How to change the color of the sidebar according to the depth (depth) of the layer.
제9항에 있어서,
상기 (b) 단계에서,
상기 제k 계층에 해당되는 페이지 식별자가 디스플레이되는 도중에 화면 상의 일부 영역이 터치된 상태에서 특정 방향으로의 드래그 행위가 기설정된 강도 이하로 입력되면, 제k-1 계층 - 상기 (k-1)은 1 이상임 - 에 해당되는 적어도 하나의 페이지의 식별자를 리스트 형태로서 디스플레이하고, 상기 제k 계층에 해당되는 페이지 식별자가 디스플레이되는 도중에 특정 식별자가 터치된 상태에서 상기 특정 방향과 반대 방향으로의 드래그 행위가 입력되면, 상기 특정 식별자의 제k+1 계층 - 상기 (k+1)은 n 이하임 - 에 해당되는 적어도 하나의 페이지의 식별자를 리스트 형태로서 디스플레이하는 것을 특징으로 하는 방법.
10. The method of claim 9,
In the step (b)
If a drag action in a specific direction is input under a predetermined intensity while a part of the screen is touched while the page identifier corresponding to the k-th layer is displayed, the k-th layer-(k-1) 1 or more-Displays an identifier of at least one page corresponding to as a list, and dragging in a direction opposite to the specific direction while the specific identifier is touched while the page identifier corresponding to the k-th layer is displayed. And if input, displays an identifier of at least one page corresponding to a k + 1 layer of the specific identifier, wherein (k + 1) is n or less, in a list form.
제14항에 있어서,
상기 (b) 단계에서,
상기 제k-1 계층에 해당되는 적어도 하나의 페이지의 식별자를 디스플레이할 때, 상기 제k 계층에 해당되는 페이지에 이르기 위한 경로 상에 위치하는 페이지의 식별자는 나머지 페이지의 식별자와 차별되도록 표시하는 것을 특징으로 하는 방법.
The method of claim 14,
In the step (b)
When displaying the identifier of at least one page corresponding to the k-th layer, the identifier of the page located on the path to reach the page corresponding to the k-th layer is displayed to be distinguished from the identifier of the remaining pages. How to feature.
제9항에 있어서,
상기 (b) 단계에서,
상기 제k 계층에 해당되는 페이지 식별자가 디스플레이되는 도중에 상기 특정 방향으로의 드래그 행위가 기설정된 강도 이상으로 입력되면, 두 단계 이상의 상위 계층에 해당되는 적어도 하나의 페이지의 식별자를 리스트 형태로서 디스플레이하는 것을 특징으로 하는 방법.
10. The method of claim 9,
In the step (b)
If the dragging action in the specific direction is input over a predetermined intensity while the page identifier corresponding to the k-th layer is displayed, displaying the identifiers of at least one page corresponding to two or more layers in the form of a list. How to feature.
모바일 환경에서 복잡한 구조의 계층을 가지는 컨텐츠의 페이지 이동을 지원하기 위한 방법으로서,
(a) 컨텐츠에 포함된 복수 페이지의 전체 계층 구조를 제1 내지 제n 계층 - 상기 제1 계층에 가까울수록 상위 계층임 - 으로 분류하는 단계,
(b) 사용자에 의해 특정 페이지 - 상기 특정 페이지는 제k 계층에 해당됨 (1<= k <= n) - 가 열람되는 도중에 상기 사용자에 의해 상기 복수 페이지의 전체 계층 구조 중 적어도 일부에 대한 내비게이팅 요청이 입력되면, 제k-1 계층 - 상기 k-1 은 1 이상임 - 에 해당되는 적어도 하나의 페이지의 식별자를 리스트 형태로서 디스플레이되도록 하는 단계, 및
(c) 상기 디스플레이된 리스트에 포함된 적어도 하나의 페이지의 식별자 중 특정 식별자가 선택되면, 상기 특정 식별자의 하위 계층에 해당되는 페이지의 식별자가 리스트 형태로서 디스플레이되도록 하는 단계
를 포함하는 방법.
As a method for supporting page movement of a content having a complex hierarchy in a mobile environment,
(a) classifying the entire hierarchical structure of a plurality of pages included in the content into first to nth hierarchies, the closer to the first hierarchical layer, the higher hierarchical structure;
(b) navigation to at least a portion of the entire hierarchy of the plurality of pages by the user while a particular page by the user-the particular page corresponds to the k-th hierarchy (1 <= k <= n)- If a request is input, displaying an identifier of at least one page corresponding to layer k-1, wherein k-1 is one or more, as a list; and
(c) if a specific identifier is selected among the identifiers of at least one page included in the displayed list, causing the identifier of the page corresponding to the lower layer of the specific identifier to be displayed as a list form
&Lt; / RTI &gt;
제17항에 있어서,
상기 (c) 단계에서,
상기 특정 식별자의 하위 계층은 제k계층 - 상기 k는 n 이하임 - 인 것을 특징으로 하는 방법.
The method of claim 17,
In the step (c),
And the lower layer of the specific identifier is layer k, wherein k is less than or equal to n.
제17항에 있어서,
상기 (c) 단계에서,
상기 특정 식별자의 하위 계층에 해당되는 페이지의 식별자를 리스트 형태로서 디스플레이할 때, 화면의 적어도 일부 영역과 오버랩되는 팝업 창 내에 디스플레이되도록 하는 것을 특징으로 하는 방법.
The method of claim 17,
In the step (c),
When displaying the page identifier corresponding to the lower layer of the specific identifier in the form of a list, it is displayed in a pop-up window overlapping at least a portion of the screen.
모바일 환경에서 복잡한 구조의 계층을 가지는 컨텐츠의 페이지 이동을 지원하기 위한 방법으로서,
(a) 컨텐츠에 포함된 복수 페이지 사이의 전체 계층 구조를 분석하는 단계, 및
(b) 화면 상에 제공되는 중인 페이지와 동일한 계층의 페이지의 개수가 m 개일 때, 상기 화면 상의 제1 영역에는 상기 화면 상에 제공되는 중인 페이지의 식별자 및 상기 화면 상에 제공되는 중인 페이지와 동일한 계층에 포함되는 페이지의 식별자를 총 j개 디스플레이하고, 상기 제1 영역의 주변에 위치하는 제2 영역에는 상기 화면 상에 제공되는 중인 페이지의 상위 계층에 해당되는 페이지의 식별자를 디스플레이하는 단계를 포함하되,
상기 j가 상기 m보다 작을 때, 상기 화면 상에 제공되는 중인 페이지와 동일한 계층에 포함되는 페이지의 식별자 중 상기 화면 상에 디스플레이되지 않는 식별자는 상기 제1 영역에 대한 플리킹 제스처(flicking gesture)의 입력에 따라 디스플레이될 수 있는 것을 특징으로 하는 방법.
As a method for supporting page movement of a content having a complex hierarchy in a mobile environment,
(a) analyzing the entire hierarchy between the plurality of pages included in the content, and
(b) When the number of pages of the same hierarchy as the page being provided on the screen is m, the first area on the screen has the same identifier as the page being provided on the screen and the same page being provided on the screen. Displaying a total of j identifiers of the pages included in the hierarchy, and displaying the identifier of the page corresponding to the upper layer of the page being provided on the screen in the second region located around the first region. But
When j is smaller than m, an identifier not displayed on the screen among the identifiers of the pages included in the same layer as the page being provided on the screen is determined by the flicking gesture for the first area. Method that can be displayed according to the input.
제20항에 있어서,
상기 (b) 단계에서,
상기 제1 영역에 디스플레이된 페이지의 식별자 중 특정 식별자가 선택되면, 상기 특정 식별자의 하위 계층에 해당되는 페이지의 식별자가 리스트 형태로서 디스플레이되도록 하는 것을 특징으로 하는 방법.
The method of claim 20,
In the step (b)
And when a specific identifier is selected from among the identifiers of the page displayed in the first area, the identifier of the page corresponding to the lower layer of the specific identifier is displayed as a list.
제21항에 있어서,
(c) 상기 리스트에 포함된 소정 페이지에 대한 식별자가 선택되면, 상기 소정 페이지가 디스플레이되도록 하는 단계
를 더 포함하는 방법.
The method of claim 21,
(c) if an identifier for a predetermined page included in the list is selected, causing the predetermined page to be displayed
&Lt; / RTI &gt;
제20항에 있어서,
상기 (b) 단계에서,
상기 제1 영역에 디스플레이된 페이지의 식별자 중 상기 화면 상에 제공되는 중인 페이지의 식별자는 다른 식별자와 구별되도록 표시해 주는 것을 특징으로 하는 방법.
The method of claim 20,
In the step (b)
And the identifier of the page being provided on the screen among the identifiers of the pages displayed in the first area is distinguished from other identifiers.
제20항에 있어서,
상기 (b) 단계는,
상기 제2 영역에 디스플레이된 페이지의 식별자가 선택되면, 상기 선택된 페이지의 식별자 및 상기 선택된 페이지와 동일한 계층에 포함되는 페이지의 식별자를 상기 제1 영역에 디스플레이하고 상기 선택된 페이지의 상위 계층에 해당되는 페이지의 식별자를 상기 제2 영역에 디스플레이하는 것을 특징으로 하는 방법.
The method of claim 20,
The step (b)
When the identifier of the page displayed in the second area is selected, the identifier of the selected page and the identifier of the page included in the same layer as the selected page are displayed in the first area and the page corresponding to the upper layer of the selected page. Displaying the identifier of in the second area.
삭제delete 모바일 환경에서 복잡한 구조의 계층을 가지는 컨텐츠의 페이지 이동을 지원하기 위한 단말 장치로서,
컨텐츠에 포함된 복수 페이지의 전체 계층 구조를 제1 내지 제n 계층 - 상기 제1 계층에 가까울수록 상위 계층임 - 으로 분류하는 계층 구조 분석부, 및
사용자에 의해 특정 페이지 - 상기 특정 페이지는 제k 계층에 해당됨 (1<= k <= n) - 가 열람되는 도중에 상기 사용자에 의해 상기 복수 페이지의 전체 계층 구조 중 적어도 일부에 대한 내비게이팅 요청이 입력되면, 상기 제k 계층에 해당되는 적어도 하나의 페이지의 식별자를 리스트 형태로서 디스플레이하되, 상기 리스트가 디스플레이되는 영역의 주변 영역에 상기 디스플레이되는 페이지의 식별자가 상기 제k 계층에 해당됨을 나타내기 위한 그래픽 요소를 디스플레이하는 사용자 인터페이스부
를 포함하는 단말 장치.
A terminal device for supporting page movement of a content having a complex hierarchy in a mobile environment,
A hierarchical structure analysis unit that classifies the entire hierarchical structure of a plurality of pages included in the content into first to nth hierarchies, the closer to the first hierarchical layer, the higher hierarchical structure;
A navigation request for at least a portion of the entire hierarchy of the plurality of pages is entered by the user while a particular page by the user-the particular page corresponds to the k-th hierarchy (1 <= k <= n)- If it is displayed, an identifier of at least one page corresponding to the k-th layer is displayed as a list, and the graphic for indicating that the identifier of the displayed page corresponds to the k-th layer in an area around the area where the list is displayed. User interface to display elements
Terminal device comprising a.
제26항에 있어서,
상기 사용자 인터페이스부는,
상기 리스트에 포함된 소정 페이지에 대한 식별자가 선택되면, 상기 소정 페이지가 디스플레이되도록 하는 것을 특징으로 하는 단말 장치.
The method of claim 26,
The user interface unit,
And if an identifier for a predetermined page included in the list is selected, the predetermined page is displayed.
제26항에 있어서,
상기 사용자 인터페이스부는,
상기 제k 계층에 해당되는 페이지 식별자가 디스플레이되는 도중에 화면 상의 일부 영역이 터치된 상태에서 특정 방향으로의 드래그 행위가 기설정된 강도 이하로 입력되면, 제k-1 계층 - 상기 (k-1)은 1 이상임 - 에 해당되는 적어도 하나의 페이지의 식별자를 리스트 형태로서 디스플레이하고, 상기 제k 계층에 해당되는 페이지 식별자가 디스플레이되는 도중에 특정 식별자가 터치된 상태에서 상기 특정 방향과 반대 방향으로의 드래그 행위가 입력되면, 상기 특정 식별자의 제k+1 계층 - 상기 (k+1)은 n 이하임 - 에 해당되는 적어도 하나의 페이지의 식별자를 리스트 형태로서 디스플레이하는 것을 특징으로 하는 단말 장치.
The method of claim 26,
The user interface unit,
If a drag action in a specific direction is input under a predetermined intensity while a part of the screen is touched while the page identifier corresponding to the k-th layer is displayed, the k-th layer-(k-1) 1 or more-Displays an identifier of at least one page corresponding to as a list, and dragging in a direction opposite to the specific direction while the specific identifier is touched while the page identifier corresponding to the k-th layer is displayed. And if input, displays an identifier of at least one page corresponding to a k + 1 th layer of the specific identifier, wherein (k + 1) is n or less, in a list form.
제26항에 있어서,
상기 사용자 인터페이스부는,
상기 제k 계층에 해당되는 페이지 식별자가 디스플레이되는 도중에 상기 특정 방향으로의 드래그 행위가 기설정된 강도 이상으로 입력되면, 두 단계 이상의 상위 계층에 해당되는 적어도 하나의 페이지의 식별자를 리스트 형태로서 디스플레이하는 것을 특징으로 하는 단말 장치.
The method of claim 26,
The user interface unit,
If the dragging action in the specific direction is input over a predetermined intensity while the page identifier corresponding to the k-th layer is displayed, displaying the identifiers of at least one page corresponding to two or more layers in the form of a list. Terminal device characterized in that.
모바일 환경에서 복잡한 구조의 계층을 가지는 컨텐츠의 페이지 이동을 지원하기 위한 단말 장치로서,
컨텐츠에 포함된 복수 페이지의 전체 계층 구조를 제1 내지 제n 계층 - 상기 제1 계층에 가까울수록 상위 계층임 - 으로 분류하는 계층 구조 분석부, 및
사용자에 의해 특정 페이지 - 상기 특정 페이지는 제k 계층에 해당됨 (1<= k <= n) - 가 열람되는 도중에 상기 사용자에 의해 상기 복수 페이지의 전체 계층 구조 중 적어도 일부에 대한 내비게이팅 요청이 입력되면, 제k-1 계층 - 상기 k-1 은 1 이상임 - 에 해당되는 적어도 하나의 페이지의 식별자를 리스트 형태로서 디스플레이되도록 하고, 상기 디스플레이된 리스트에 포함된 적어도 하나의 페이지의 식별자 중 특정 식별자가 선택되면 상기 특정 식별자의 하위 계층에 해당되는 페이지의 식별자가 리스트 형태로서 디스플레이되도록 하는 사용자 인터페이스부
를 포함하는 단말 장치.
A terminal device for supporting page movement of a content having a complex hierarchy in a mobile environment,
A hierarchical structure analysis unit that classifies the entire hierarchical structure of a plurality of pages included in the content into first to nth hierarchies, the closer to the first hierarchical layer, the higher hierarchical structure;
A navigation request for at least a portion of the entire hierarchy of the plurality of pages is entered by the user while a particular page by the user-the particular page corresponds to the k-th hierarchy (1 <= k <= n)- When the identifier of at least one page corresponding to layer k-1, wherein k-1 is one or more, is displayed in a list form, a specific identifier among the identifiers of at least one page included in the displayed list is displayed. If selected, the user interface unit to display the identifiers of the pages corresponding to the lower layer of the specific identifier as a list.
Terminal device comprising a.
모바일 환경에서 복잡한 구조의 계층을 가지는 컨텐츠의 페이지 이동을 지원하기 위한 단말 장치로서,
컨텐츠에 포함된 복수 페이지 사이의 전체 계층 구조를 분석하는 계층 구조 분석부, 및
화면 상에 제공되는 중인 페이지와 동일한 계층의 페이지의 개수가 m 개일 때, 상기 화면 상의 제1 영역에는 상기 화면 상에 제공되는 중인 페이지의 식별자 및 상기 화면 상에 제공되는 중인 페이지와 동일한 계층에 포함되는 페이지의 식별자를 총 j 개 디스플레이하고, 상기 제1 영역의 주변에 위치하는 제2 영역에는 상기 화면 상에 제공되는 중인 페이지의 상위 계층에 해당되는 페이지의 식별자를 디스플레이하는 사용자 인터페이스부를 포함하고,
상기 사용자 인터페이스부는,
상기 j가 상기 m 보다 작을 때, 상기 화면 상에 제공되는 중인 페이지와 동일한 계층에 포함되는 페이지의 식별자 중 상기 화면 상에 디스플레이되지 않는 식별자는 상기 제1 영역에 대한 플리킹 제스처(flicking gesture)의 입력에 따라 디스플레이되도록 하는 것을 특징으로 하는 단말 장치.
A terminal device for supporting page movement of a content having a complex hierarchy in a mobile environment,
A hierarchical structure analysis unit that analyzes the entire hierarchical structure among the plurality of pages included in the content, and
When the number of pages of the same layer as the page being provided on the screen is m, the first area on the screen includes the identifier of the page being provided on the screen and the same layer as the page being provided on the screen. A total of j identifiers of pages to be displayed, and a second region located around the first region includes a user interface unit displaying identifiers of pages corresponding to upper layers of pages being provided on the screen;
The user interface unit,
When j is smaller than m, an identifier not displayed on the screen among the identifiers of the pages included in the same layer as the page being provided on the screen is determined by the flicking gesture for the first area. Terminal device for displaying according to the input.
제31항에 있어서,
상기 사용자 인터페이스부는,
상기 제1 영역에 디스플레이된 페이지의 식별자 중 특정 식별자가 선택되면, 상기 특정 식별자의 하위 계층에 해당되는 페이지의 식별자가 리스트 형태로서 디스플레이되도록 하는 것을 특징으로 하는 단말 장치.
32. The method of claim 31,
The user interface unit,
And when a specific identifier is selected from among the identifiers of the page displayed in the first area, an identifier of a page corresponding to a lower layer of the specific identifier is displayed as a list.
제32항에 있어서,
상기 사용자 인터페이스부는,
상기 리스트에 포함된 소정 페이지에 대한 식별자가 선택되면, 상기 소정 페이지가 디스플레이되도록 하는 것을 특징으로 하는 단말 장치.
33. The method of claim 32,
The user interface unit,
And if an identifier for a predetermined page included in the list is selected, the predetermined page is displayed.
제2항 내지 제24항 중 어느 한 항에 따른 방법을 실행하기 위한 컴퓨터 프로그램을 기록한 컴퓨터 판독 가능한 기록 매체.A computer-readable recording medium having recorded thereon a computer program for executing the method according to any one of claims 2 to 24.
KR1020100069205A 2010-07-16 2010-07-16 Method, terminal and computer-readable recording medium for helping user to navigate content having a complex structure of hierarchy in mobile environments KR101134449B1 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020100069205A KR101134449B1 (en) 2010-07-16 2010-07-16 Method, terminal and computer-readable recording medium for helping user to navigate content having a complex structure of hierarchy in mobile environments

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020100069205A KR101134449B1 (en) 2010-07-16 2010-07-16 Method, terminal and computer-readable recording medium for helping user to navigate content having a complex structure of hierarchy in mobile environments

Publications (2)

Publication Number Publication Date
KR20120008385A KR20120008385A (en) 2012-01-30
KR101134449B1 true KR101134449B1 (en) 2012-06-04

Family

ID=45613405

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020100069205A KR101134449B1 (en) 2010-07-16 2010-07-16 Method, terminal and computer-readable recording medium for helping user to navigate content having a complex structure of hierarchy in mobile environments

Country Status (1)

Country Link
KR (1) KR101134449B1 (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20160024105A (en) 2014-08-25 2016-03-04 강형채 Page turning method of electronic book for touch screen

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US10671798B2 (en) * 2018-02-01 2020-06-02 Google Llc Digital component backdrop rendering

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20160024105A (en) 2014-08-25 2016-03-04 강형채 Page turning method of electronic book for touch screen

Also Published As

Publication number Publication date
KR20120008385A (en) 2012-01-30

Similar Documents

Publication Publication Date Title
US10102010B2 (en) Layer-based user interface
KR101683356B1 (en) Navigating among content items in a browser using an array mode
JP6153868B2 (en) Method and apparatus for displaying items
US10359294B2 (en) Interactive digital map on a portable device
US20130318437A1 (en) Method for providing ui and portable apparatus applying the same
KR101126394B1 (en) Mobile terminal and information display method using the same
US20120023431A1 (en) Computing device, operating method of the computing device using user interface
JP7026183B2 (en) User interface for your application Devices, methods, and graphical user interfaces for interacting with objects.
KR20120132663A (en) Device and method for providing carousel user interface
KR20160003820A (en) A multi-panel view interface for a browser operating on a computing device
CN103365872B (en) A kind of method and system for realizing planarization search in the terminal
KR101134449B1 (en) Method, terminal and computer-readable recording medium for helping user to navigate content having a complex structure of hierarchy in mobile environments
KR20150001872A (en) Providing contents service system, apparatus and method for display contents serching results and storage medium recording program therefor
KR101918705B1 (en) Screen configuration method and screen configuration systema for reducing cognitive load
KR101761420B1 (en) Web browser screen dividing apparatus
KR20150060612A (en) Method for controlling user terminal and providing user interface
KR20150003960A (en) Method for managing bookmark list, apparatus and system for the same
US10007399B2 (en) Information block user interface
KR20130107868A (en) Method and apparatus for managing list using multi touch
CN113805752A (en) Object moving method and electronic equipment

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: 20160329

Year of fee payment: 5

FPAY Annual fee payment

Payment date: 20170324

Year of fee payment: 6

FPAY Annual fee payment

Payment date: 20180403

Year of fee payment: 7

FPAY Annual fee payment

Payment date: 20190328

Year of fee payment: 8