KR20130104278A - 테이블 뷰 컨트롤러 환경에서 사용자의 콘텐츠 소비 특성에 따른 추가 콘텐츠 로딩 방법 및 그 시스템 - Google Patents

테이블 뷰 컨트롤러 환경에서 사용자의 콘텐츠 소비 특성에 따른 추가 콘텐츠 로딩 방법 및 그 시스템 Download PDF

Info

Publication number
KR20130104278A
KR20130104278A KR20120025652A KR20120025652A KR20130104278A KR 20130104278 A KR20130104278 A KR 20130104278A KR 20120025652 A KR20120025652 A KR 20120025652A KR 20120025652 A KR20120025652 A KR 20120025652A KR 20130104278 A KR20130104278 A KR 20130104278A
Authority
KR
South Korea
Prior art keywords
content
loading
tab
providing
list
Prior art date
Application number
KR20120025652A
Other languages
English (en)
Other versions
KR101329472B1 (ko
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 KR1020120025652A priority Critical patent/KR101329472B1/ko
Priority to US14/383,516 priority patent/US20150040021A1/en
Priority to PCT/KR2012/010523 priority patent/WO2013137544A1/ko
Publication of KR20130104278A publication Critical patent/KR20130104278A/ko
Application granted granted Critical
Publication of KR101329472B1 publication Critical patent/KR101329472B1/ko

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04842—Selection of displayed objects or displayed text elements
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482—Interaction with lists of selectable items, e.g. menus
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction 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/0488—Interaction 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
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • G06F3/147—Digital output to display device ; Cooperation and interconnection of the display device with other functional units using display panels
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/445—Program loading or initiating
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L51/00—User-to-user messaging in packet-switching networks, transmitted according to store-and-forward or real-time protocols, e.g. e-mail
    • H04L51/58—Message adaptation for wireless communication

Abstract

테이블 뷰 컨트롤러 환경에서 사용자의 콘텐츠 소비 특성에 따른 추가 콘텐츠 로딩 방법 및 그 시스템이 개시된다. 콘텐츠 로딩 방법은 로딩된 콘텐츠(content)를 리스팅(listing) 하는 리스팅 단계; 리스트에 포함되지 않은 추가 콘텐츠(additional content)에 대하여 로딩 기준 선택이 가능한 UI(user interface) 탭(tab)을 상기 리스트 상에 제공하는 UI 제공 단계; 및 상기 UI 탭을 통해 사용자에 의해 선택된 로딩 기준에 따라 상기 추가 콘텐츠를 로딩하는 로딩 단계를 포함한다.

Description

테이블 뷰 컨트롤러 환경에서 사용자의 콘텐츠 소비 특성에 따른 추가 콘텐츠 로딩 방법 및 그 시스템{METHOD AND SYSTEM FOR LOADING ADDITIONAL CONTENT ON TABLE VIEW CONTROLLER ENVIRONMENT}
본 발명의 실시예들은 테이블 뷰 컨트롤러 형태로 콘텐츠를 리스팅 하는 어플리케이션에서 사용자가 소비하고자 하는 순서 또는 방향에 따라 추가 콘텐트를 로딩할 수 있는 방법 및 그 시스템에 관한 것이다.
일반적으로, 스마트폰(smart phone), 태블릿(tablet) PC 등 모바일 단말의 어플리케이션(application) 상에서 콘텐츠를 리스팅(listing) 할 때, 테이블 뷰(Table View) 형태로 테이블의 각 행에 대한 개별적인 콘텐츠의 내용을 바인딩 하여 리스트 형태로 표현하는 테이블 뷰 컨트롤러(Table View Controller)(이하, 'TVC'라 약칭함)를 많이 이용하고 있다. 다시 말해, TVC는 트위터(twitter), 페이스북(facebook) 등의 어플리케이션에서 서버 측으로부터 반복된 형태의 UI(user interface)를 가진 콘텐츠를 로딩할 때 사용되는 컨트롤러를 의미한다. 대다수의 경우, TVC를 이용한 어플리케이션은 개별 콘텐츠를 생성된 시간 순서 또는 서버에서 제공하는 소정의 순서에 따라 이를 일렬 된 리스트 형태로 제공한다.
사용자는 트위터(twitter), 페이스북(facebook) 등의 어플리케이션에서 TVC를 통해 제공된 콘텐츠를 이용할 때 리스트의 위에서 아래로 콘텐츠를 읽어 들이거나 아래에서 위로 읽어 들일 수 있다.
이러한 TVC 환경에서는 모바일 단말의 화면 크기가 한정되어 있기 때문에 한 차례 콘텐츠를 제공한 후 사용자의 요청에 따라 추가적인 콘텐츠를 요청하여 리스트를 업데이트 하게 된다. 추가적인 콘텐츠를 요청하는 방법은 크게 두 가지 형식으로 구분될 수 있다.
첫 번째 방법은 TVC를 통해 어플리케이션 화면 상에 제공된 콘텐츠를 끝까지 읽어 들인 후 추가적인 콘텐츠를 요청할 경우 사용자의 요청 방향(상향 또는 하향)을 인지하여 콘텐츠를 해당 방향으로 읽어 들이는 방식이다. 도 1을 참조하면, 어플리케이션 화면(100) 상에 제공된 콘텐츠 리스트(101)가 TVC를 이용하여 만들어진 부분이다. 이러한 경우, 사용자가 콘텐츠 리스트(101)를 스크롤 함에 따라 추가적인 콘텐츠에 대한 로딩(102)이 어플리케이션 화면(100)의 맨 아래 또는 맨 위에서 발생하게 된다. 이는, 어플리케이션 입장에서 사용자의 콘텐츠 소비 방향을 명확하게 인지 가능함으로써 콘텐츠를 읽어 들일 내용 및 TVC에 갱신된 내용에 대해 명확히 인지할 수 있으며, 사용자 입장에서 또한 해당 어플리케이션에서 콘텐츠를 어떤 기준으로 불러 들이는지에 대해 명확히 인지할 수 있다.
한편, 두 번째 방법은 어플리케이션이 선 실행되어 콘텐츠가 로딩되어 있는 상태에서 사용자가 추가 콘텐츠를 요청할 경우 어플리케이션의 정책에 따라 읽어 들일 콘텐츠 내용을 결정하고 서버 측에 해당 콘텐츠를 요청하는 방식이다. TVC 환경에서 콘텐츠를 로딩할 경우 일정 부분 TVC에 바인딩 되지 못하는 정보 구간이 발생할 수 있다. 두 번째 방식에 대하여, 도 2에 도시한 바와 같이 어플리케이션 화면(200) 상에 제공된 콘텐츠 리스트(201) 사이에 추가적인 콘텐츠를 로딩하기 위한 로딩 버튼(예컨대, 트위터에서 '빠진 트윗 보기' 버튼)(202)이 위치하게 된다. 그러나, 기존의 추가 콘텐츠 요청을 위한 로딩 버튼(202)으로는 추가 콘텐츠의 로딩 기준을 지정할 수 없기 때문에 추가 콘텐츠가 로딩 버튼(202) 위에 존재하는 콘텐츠(의 시간)를 기준으로 로딩할지, 아니면 로딩 버튼(202) 아래에 존재하는 콘텐츠(의 시간)를 기준으로 로딩할지 어플리케이션 입장에서 그 기준이 모호할 뿐 아니라 사용자 또한 로딩 기준을 구분하기 어렵다는 문제가 있다.
따라서, 현재의 TVC 구조에서 사용자가 보다 편리하게 자신이 원하는 방향의 추가 콘텐츠를 불러 들일 수 있는 기술이 필요하다.
TVC(Table View Controller) 형태로 콘텐츠를 리스팅 하는 어플리케이션을 이용할 때 사용자가 원하는 순서 또는 방향에 따라 추가적인 콘텐츠를 요청할 수 있는 콘텐츠 로딩 방법 및 그 시스템을 제공한다.
본 발명의 일 측면에 따르면, 로딩된 콘텐츠(content)를 리스팅(listing) 하는 리스팅 단계; 리스트에 포함되지 않은 추가 콘텐츠(additional content)에 대하여 로딩 기준 선택이 가능한 UI(user interface) 탭(tab)을 상기 리스트 상에 제공하는 UI 제공 단계; 및 상기 UI 탭을 통해 사용자에 의해 선택된 로딩 기준에 따라 상기 추가 콘텐츠를 로딩하는 로딩 단계를 포함하는 콘텐츠 로딩 방법을 제공한다.
상기 리스팅 단계는 테이블 뷰(Table View) 형태로 테이블의 각 행에 상기 콘텐츠의 내용이 바인딩(binding) 된 리스트를 제공하며, 상기 UI 제공 단계는 상기 콘텐츠의 로딩 시 상기 테이블 뷰에 바인딩(binding) 되지 못하는 구간이 발생하면 상기 구간에 대응되는 위치에 상기 UI 탭을 제공할 수 있다.
상기 UI 제공 단계는 상기 리스트의 행과 행 사이에 적어도 하나의 상기 UI 탭을 제공할 수 있다.
상기 UI 제공 단계는 상기 UI 탭 상에 상기 추가 콘텐츠의 로딩 방향에 대한 가이드 정보를 표시할 수 있다.
상기 UI 제공 단계는 상기 UI 탭 직전의 행에 해당되는 콘텐츠를 기준으로 상기 추가 콘텐츠가 로딩되는 제1 로딩 방향과, 상기 UI 탭 직후의 행에 해당되는 콘텐츠를 기준으로 상기 추가 콘텐츠가 로딩되는 제2 로딩 방향 중 적어도 하나에 대한 가이드 정보를 상기 UI 탭 상에 표시할 수 있다.
본 발명의 다른 측면에 따르면, 컴퓨터 시스템이 콘텐츠(content)의 로딩을 제어하는 명령(instruction)을 포함하는 컴퓨터 판독 가능 매체로서, 상기 명령은 로딩된 콘텐츠를 리스팅(listing) 하는 리스팅 단계; 리스트에 포함되지 않은 추가 콘텐츠(additional content)에 대하여 로딩 기준 선택이 가능한 UI(user interface) 탭(tab)을 상기 리스트 상에 제공하는 UI 제공 단계; 및 상기 UI 탭을 통해 사용자에 의해 선택된 로딩 기준에 따라 상기 추가 콘텐츠를 로딩하는 로딩 단계를 포함하는 방법에 의하여 상기 컴퓨터 시스템을 제어하는, 컴퓨터 판독 가능 매체를 제공한다.
본 발명의 또 다른 측면에 따르면, 로딩된 콘텐츠(content)를 리스팅(listing) 하는 콘텐츠 정렬부; 리스트에 포함되지 않은 추가 콘텐츠(additional content)에 대하여 로딩 기준 선택이 가능한 UI(user interface) 탭(tab)을 상기 리스트 상에 제공하는 UI 제공부; 및 상기 UI 탭을 통해 사용자에 의해 선택된 로딩 기준에 따라 상기 추가 콘텐츠를 로딩하는 로딩부를 포함하는 콘텐츠 로딩 시스템을 제공한다.
본 발명의 실시예에 따르면, 콘텐츠를 TVC(Table View Controller) 형태로 리스팅 하는 어플리케이션을 이용 시, TVC에서 콘텐츠를 로딩할 때 TVC에 바인딩 되지 못하는 구간에 대하여 사용자가 원하는 순서 또는 방향에 따라 추가적인 콘텐츠를 요청할 수 있다.
본 발명의 실시예에 따르면, 어플리케이션 입장에서는 불필요한 콘텐츠 로딩을 줄임으로써 네트워크 트래픽 및 서버 측 부하를 줄일 수 있는 이점이 있다.
본 발명의 실시예에 따르면, 추가 콘텐츠의 로딩 요청과 관련된 UI 환경에서 로딩 방향에 대한 가이드 정보를 표시해 줌으로써 사용자 입장에서 보다 직관적으로 추가 콘텐츠의 로딩 방향을 이해할 수 있다.
도 1 및 도 2는 TVC를 이용한 어플리케이션의 특징을 설명하기 위한 예시 화면을 도시한 것이다.
도 3은 본 발명의 일실시예에 있어서, 사용자가 원하는 방향(순서)으로 추가 콘텐츠를 로딩하는 콘텐츠 로딩 시스템의 내부 구성을 도시한 블록도이다.
도 4는 도 2를 통해 설명한 상황에서의 콘텐츠 목록을 도식화 한 것이다.
도 5 내지 도 7은 본 발명의 일실시예에 있어서, 추가 콘텐츠의 로딩 방향 선택이 가능한 UI 탭을 제공하는 어플리케이션 화면을 도식화 한 것이다.
도 8은 본 발명의 일실시예에 있어서, 사용자가 원하는 방향(순서)으로 추가 콘텐츠를 로딩하는 콘텐츠 로딩 방법을 도시한 순서도이다.
이하, 본 발명의 실시예를 첨부된 도면을 참조하여 상세하게 설명한다.
본 발명의 실시예들은 콘텐츠를 일렬된 리스트 형태로 제공하는 어플리케이션에 적용될 수 있다. 일 예로, 콘텐츠를 리스팅 하기 위해서는 각 행에 콘텐츠의 내용을 바인딩 하여 리스트 형태로 표현하는 TVC(Table View Controller)를 이용할 수 있다. 본 명세서에서, 어플리케이션은 스마트폰(smart phone), 태블릿(tablet) 등의 모바일 단말에서 구동되는 적어도 하나의 프로세서에 의해 실행되는 프로그램을 의미할 수 있다.
도 2를 통해 설명한 바와 같이, 콘텐츠 로딩 방식 중 하나로, 어플리케이션이 선 실행되어 콘텐츠가 로딩되어 있는 상태에서 사용자가 추가 콘텐츠를 요청할 경우 어플리케이션의 정책에 따라 읽어 들일 콘텐츠 내용을 결정하고 서버 측에 해당 콘텐츠를 요청하는 방식이 있다. 이러한 방식을 기반으로 TVC 환경에서 콘텐츠를 로딩할 경우 일정 부분 TVC에 바인딩 되지 못하는 정보 구간이 발생할 수 있다. 예컨대, 트위터 어플리케이션(Twitter App.)을 이용하는 경우 트위터를 실행 후 인스턴스가 살아있는 상태에서, 즉 모바일 단말에서 완전히 프로세스 종료(Process Kill)가 되지 않는 상황에서 오랜 시간이 지나서 트위터를 다시 이용 시 TVC에 로드 이벤트를 줄 경우 신규 갱신 내용에 대해서 불러오게 되는데, 이때 기존에 불러온 내용들과 시간 차가 클 경우 도 2와 같은 상황(빠진 트윗)이 발생하게 된다.
이에, 본 발명에서는 TVC에 바인딩 되지 못한 콘텐츠 중에서 사용자가 원하는 기준으로 콘텐츠를 불러 들일 수 있는 방법을 제시한다.
도 3은 본 발명의 일실시예에 있어서, 사용자가 원하는 방향(순서)으로 추가 콘텐츠를 로딩하는 콘텐츠 로딩 시스템의 내부 구성을 도시한 블록도이다. 도 3에 도시한 바와 같이, 본 발명의 일 실시예에 따른 콘텐츠 로딩 시스템(300)은 로딩부(310), 콘텐츠 정렬부(320), 및 UI 제공부(330)를 포함하여 구성될 수 있다.
로딩부(310)는 어플리케이션의 실행 상태에서 일정 주기로 혹은 사용자의 요청에 따라 해당 어플리케이션과 관련된 개별 콘텐츠를 로딩한다. 그리고, 로딩부(310)는 사용자가 원하는 기준(방향 또는 순서)에 따라 콘텐츠를 추가 로딩할 수 있다. 추가 콘텐츠 로딩 시 사용자가 원하는 기준을 인지하는 방법은 이하에서 설명하기로 한다.
콘텐츠 정렬부(320)는 로딩된 콘텐츠를 TVC를 이용하여 리스팅 하는 역할을 수행한다. 즉, TVC를 이용한 어플리케이션에서는 어플리케이션의 실행 시 TVC에 로드 이벤트가 발생하여 콘텐츠의 로딩과 함께, 로딩된 콘텐츠를 일렬된 리스트 형태로 제공할 수 있다. 이에, 사용자는 어플리케이션의 실행 화면을 통해 제공되는 목록에서 개별 콘텐츠들을 소비할 수 있다.
UI 제공부(330)는 어플리케이션의 실행 화면을 통해 제공되는 현재 리스트에 포함되어 있지 않은 추가 콘텐츠에 대하여 로딩 기준 선택이 가능한 UI 탭을 해당 리스트 상에 제공할 수 있다.
도 4는 도 2를 통해 설명한 상황에서의 콘텐츠 목록을 도식화 한 것이다. 도 4를 참조하면, 어플리케이션의 이용 시 TVC를 통해 개별 콘텐츠(10, 11, 12, 31, 32, 33)를 리스팅 하는 과정에서 해당 리스트(410)에 12번 콘텐츠와 31번 콘텐츠 사이에 빠진 콘텐츠들이 존재한다. 이러한 상황에서 기존에는 빠진 콘텐츠 구간에 대하여 단순히 로딩 UI(420)가 활성화 되어, 이에 사용자가 로딩 UI(420)를 클릭하면 사용자의 의사와 상관없이 해당 어플리케이션의 정책에 따라 빠진 콘텐츠를 로딩하여 리스트(410)를 갱신하게 된다. 그러나, 도 4를 통해 설명한 상황에서 사용자가 로딩 UI(420)를 클릭할 경우 사용자의 기대는 다양할 수 있다. 예를 들어, 12번 콘텐츠를 기준으로 이후의 콘텐츠(13번 이후 콘텐츠들)가 로딩되기를 원하는 경우, 혹은 31번 콘텐츠를 기준으로 이전의 콘텐츠(30번 이전 콘텐츠들)가 로딩되기를 원하는 경우 등이 있을 수 있다.
UI 제공부(330)는 사용자가 직접 추가 콘텐츠에 대한 로딩 기준을 선택할 수 있는 UI 탭을 해당 리스트 상에 제공할 수 있다. 이때, UI 제공부(330)는 개별 콘텐츠가 리스팅 된 리스트의 행과 행 사이에 적어도 하나의 UI 탭을 제공할 수 있다. 특히, UI 제공부(330)는 TVC에 바인딩 되지 못하는 정보 구간(즉, 빠진 콘텐츠 구간)이 발생할 경우 리스트의 행 중 해당 구간에 대응되는 위치에 UI 탭을 제공할 수 있다.
도 5은 추가 콘텐츠의 로딩 방향 선택이 가능한 UI 탭의 일 예를 도시한 것이다. 도 5에 도시한 바와 같이, UI 제공부(330)는 리스트(510)에서 빠진 콘텐츠 구간에 UI 탭(520)을 제공할 수 있다. 이때, UI 탭(520)에는 '로딩'이라는 문구가 표시될 수 있다. 그리고, UI 탭(520) 상에는 사용자로부터 터치 기반의 입력 이벤트를 감지하기 위한 적어도 하나의 이벤트 감지 영역이 설정될 수 있다. 일 예로, 도 5에 도시한 바와 같이, '로딩' 메시지를 기준으로 좌우로 나누어 이벤트 감지 영역이 설정될 수 있다. 이때, 이벤트 감지 영역 중 하나는 UI 탭(520) 직전의 행에 해당되는 콘텐츠를 기준으로 빠진 콘텐츠를 로딩하기 위한 방향(제1 방향)으로 설정되고, 다른 하나는 UI 탭(520) 직후의 행에 해당되는 콘텐츠를 기준으로 빠진 콘텐츠를 로딩하기 위한 방향(제2 방향)으로 설정될 수 있다. 예컨대, 사용자가 왼쪽 이벤트 감지 영역을 터치하거나 해당 이벤트 감지 영역을 상향으로 플리킹(flicking) 하면 12번 콘텐츠를 기준으로 이후의 콘텐츠(13번 이후 콘텐츠들)가 로딩될 수 있다. 반대로, 사용자가 오른쪽 이벤트 감지 영역을 터치하거나 해당 이벤트 감지 영역을 하향으로 플리킹 하면 31번 콘텐츠를 기준으로 이전의 콘텐츠(30번 이전 콘텐츠들)가 로딩될 수 있다. 그리고, UI 제공부(330)는 사용자가 추가 콘텐츠의 로딩 방향을 쉽게 인지할 수 있도록 UI 탭(520)을 제공할 때 이벤트 감지 영역 상에 추가 콘텐츠의 로딩 방향에 대한 가이드 정보를 표시할 수 있다.
도 6은 추가 콘텐츠의 로딩 방향 선택이 가능한 UI 탭의 다른 예를 도시한 것이다. 도 6에 도시한 바와 같이, UI 제공부(330)는 리스트(610)에서 빠진 콘텐츠 구간에 UI 탭(620)을 제공하되, 이때 UI 탭(620)에는 '로딩' 문구를 포함한 영역이 터치 기반의 입력 이벤트를 감지하기 위한 영역으로 설정될 수 있다. 예컨대, 사용자가 UI 탭(620)에서 '로딩' 문구를 상향으로 플리킹 하면 12번 콘텐츠를 기준으로 이후의 콘텐츠(13번 이후 콘텐츠들)가 로딩될 수 있고, 반대로, '로딩' 문구를 하향으로 플리킹 하면 31번 콘텐츠를 기준으로 이전의 콘텐츠(30번 이전 콘텐츠들)가 로딩될 수 있다. 그리고, UI 제공부(330)는 사용자가 자신이 선택한 로딩 방향을 쉽게 인지할 수 있도록 사용자가 '로딩' 문구를 터치한 상태에서 아래 또는 위로 사용자의 움직임(터치 방향)을 인식해 사용자에 의해 선택된 로딩 방향을 표시할 수 있다. UI 탭(620) 상에 추가 콘텐츠의 로딩 방향에 대한 가이드 정보가 표시되어 있지 않은 경우에는 사용자는 학습을 통해 UI 탭(520)의 추가 콘텐츠 로딩 방향을 인지할 수 있다.
도 7은 추가 콘텐츠의 로딩 방향 선택이 가능한 UI 탭의 또 다른 예를 도시한 것이다. 도 7에 도시한 바와 같이, UI 제공부(330)는 리스트(710)에서 빠진 콘텐츠 구간에 UI 탭(720)을 제공하되, 이때, UI 탭(720)이 '로딩' 문구가 표시된 탭과, 제1 방향(UI 탭(720) 직전의 행에 해당되는 콘텐츠를 기준으로 빠진 콘텐츠를 로딩하기 위한 방향)으로의 로딩을 위한 탭과, 제2 방향(UI 탭(720) 직후의 행에 해당되는 콘텐츠를 기준으로 빠진 콘텐츠를 로딩하기 위한 방향)으로의 로딩을 위한 탭으로 구성될 수 있다. 이때, 제1 방향의 탭과 제2 방향의 탭에는 소정 영역에 이벤트 감지 영역이 설정될 수 있으며, 해당 영역에 로딩 방향을 설명하는 메시지가 표시될 수 있다. 사용자가 제1 방향의 탭을 터치하거나 해당 탭을 상향으로 플리킹 하면 12번 콘텐츠를 기준으로 이후의 콘텐츠(13번 이후 콘텐츠들)가 로딩될 수 있다. 한편, 사용자가 제2 방향의 탭을 터치하거나 해당 탭을 하향으로 플리킹 하면 31번 콘텐츠를 기준으로 이전의 콘텐츠(30번 이전 콘텐츠들)가 로딩될 수 있다. 이와 같이, UI 탭(720) 상에 로딩 방향 별 탭을 직접 제공하는 경우에는 사용자 입장에서 학습 없이 탭에 표시된 메시지만으로 보다 직관적으로 UI 탭(720)의 기능을 이해할 수 있다.
상기한 구성에 의하면, 콘텐츠 로딩 시스템(300)은 UI 탭을 통해 사용자에 의해 선택된 로딩 기준(방향 또는 순서)을 인식한 후, 해당 기준에 따라 추가 콘텐츠를 로딩하여 해당 리스트를 갱신할 수 있다.
도 8은 본 발명의 일실시예에 있어서, 사용자가 원하는 방향(순서)으로 추가 콘텐츠를 로딩하는 콘텐츠 로딩 방법을 도시한 순서도이다. 일 실시예에 따른 콘텐츠 로딩 방법은 도 3을 통해 설명한 콘텐츠 로딩 시스템에 의해 각각의 단계가 수행될 수 있다.
단계(810)에서 콘텐츠 로딩 시스템은 로딩된 콘텐츠를 TVC를 이용하여 리스팅 할 수 있다. TVC를 이용한 어플리케이션에서는 어플리케이션의 실행 시 TVC에 로드 이벤트가 발생하여 콘텐츠의 로딩과 함께, 로딩된 콘텐츠를 일렬된 리스트 형태로 제공할 수 있다.
단계(820)에서 콘텐츠 로딩 시스템은 리스트에 포함되어 있지 않은 추가 콘텐츠에 대하여 로딩 기준 선택이 가능한 UI 탭을 해당 리스트 상에 제공할 수 있다. 콘텐츠 로딩 시스템은 TVC 환경에서 콘텐츠를 로딩할 경우 TVC에 바인딩 되지 못하는 정보 구간이 발생하게 되면 해당 구간의 콘텐츠에 대하여 사용자가 직접 로딩 기준을 선택할 수 있는 UI 탭을 해당 리스트 상에 제공할 수 있다. 이때, 콘텐츠 로딩 시스템은 개별 콘텐츠가 리스팅 된 리스트의 행과 행 사이에 적어도 하나의 UI 탭을 제공할 수 있다. 또한, 콘텐츠 로딩 시스템은 TVC에 바인딩 되지 못하는 정보 구간(즉, 빠진 콘텐츠 구간)이 발생할 경우 리스트의 행 중 해당 구간에 대응되는 위치에 UI 탭을 제공할 수 있다. 그리고, 콘텐츠 로딩 시스템은 사용자가 추가 콘텐츠의 로딩 방향을 쉽게 인지할 수 있도록 UI 탭을 제공할 때 추가 콘텐츠의 로딩 방향에 대한 가이드 정보를 UI 탭 상에 표시할 수 있다. 이때, 콘텐츠 로딩 시스템은 개별 콘텐츠가 리스팅 된 리스트의 행과 행 사이에 제공되는 UI 탭 상에 UI 탭 직전의 행에 해당되는 콘텐츠를 기준으로 추가 콘텐츠가 로딩되는 제1 로딩 방향과, UI 탭 직후의 행에 해당되는 콘텐츠를 기준으로 추가 콘텐츠가 로딩되는 제2 로딩 방향 중 적어도 하나에 대한 가이드 정보를 표시할 수 있다. 이에, 사용자는 원하는 로딩 방향에 해당되는 UI 탭을 터치하거나 UI 탭을 원하는 방향으로 플리킹 하여 추가 콘텐츠에 대한 로딩 방향을 선택할 수 있다.
단계(830)에서 콘텐츠 로딩 시스템은 UI 탭을 통해 사용자에 의해 선택된 로딩 기준(방향 또는 순서)을 인식한 후, 해당 기준에 따라 추가 콘텐츠를 로딩하여 해당 리스트를 갱신할 수 있다.
이와 같이, 본 발명의 실시예에 따르면, 콘텐츠를 TVC 형태로 리스팅 하는 어플리케이션을 이용 시, TVC에서 콘텐츠를 로딩할 때 TVC에 바인딩 되지 못하는 구간에 대하여 사용자가 원하는 순서 또는 방향에 따라 추가적인 콘텐츠를 요청할 수 있다. 또한, 본 발명의 실시예에 따르면, 어플리케이션 입장에서는 불필요한 콘텐츠 로딩을 줄임으로써 네트워크 트래픽 및 서버 측 부하를 줄일 수 있는 이점이 있다. 그리고, 본 발명의 실시예에 따르면, 추가 콘텐츠의 로딩 요청과 관련된 UI 환경에서 로딩 방향에 대한 가이드 정보를 표시해 줌으로써 사용자 입장에서 보다 직관적으로 추가 콘텐츠의 로딩 방향을 인지할 수 있다.
본 발명에 따른 콘텐츠 로딩 방법 및 그 시스템은 PC, 스마트폰(smart phone), 태블릿(tablet) 등 모든 단말에서 실행 가능한 단말 전용의 어플리케이션(예를 들어, 스마트폰 어플리케이션, 피쳐폰 VM(virtual machine) 등의 형태)으로 구성될 수 있다. 이는, 단말에서 구동되는 적어도 하나의 프로세서에 의해 실행되도록 구성될 수 있다.
본 발명의 실시예에 따른 방법들은 다양한 컴퓨터 시스템을 통하여 수행될 수 있는 프로그램 명령(instruction) 형태로 구현되어 컴퓨터 판독 가능 매체에 기록될 수 있다. 상기 컴퓨터 판독 가능 매체는 프로그램 명령, 데이터 파일, 데이터 구조 등을 단독으로 또는 조합하여 포함할 수 있다. 상기 매체에 기록되는 프로그램 명령은 본 발명을 위하여 특별히 설계되고 구성된 것들이거나 컴퓨터 소프트웨어 당업자에게 공지되어 사용 가능한 것일 수도 있다. 또한, 상술한 파일 시스템은 컴퓨터 판독이 가능한 기록 매체에 기록될 수 있다.
이상과 같이 본 발명은 비록 한정된 실시예와 도면에 의해 설명되었으나, 본 발명은 상기의 실시예에 한정되는 것은 아니며, 본 발명이 속하는 분야에서 통상의 지식을 가진 자라면 이러한 기재로부터 다양한 수정 및 변형이 가능하다.
그러므로, 본 발명의 범위는 설명된 실시예에 국한되어 정해져서는 아니 되며, 후술하는 특허청구범위뿐 아니라 이 특허청구범위와 균등한 것들에 의해 정해져야 한다.
300: 콘텐츠 로딩 시스템
310: 로딩부
320: 콘텐츠 정렬부
330: UI 제공부

Claims (11)

  1. 로딩된 콘텐츠(content)를 리스팅(listing) 하는 리스팅 단계;
    리스트에 포함되지 않은 추가 콘텐츠(additional content)에 대하여 로딩 기준 선택이 가능한 UI(user interface) 탭(tab)을 상기 리스트 상에 제공하는 UI 제공 단계; 및
    상기 UI 탭을 통해 사용자에 의해 선택된 로딩 기준에 따라 상기 추가 콘텐츠를 로딩하는 로딩 단계
    를 포함하는 콘텐츠 로딩 방법.
  2. 제1항에 있어서,
    상기 리스팅 단계는,
    테이블 뷰(Table View) 형태로 테이블의 각 행에 상기 콘텐츠의 내용이 바인딩(binding) 된 리스트를 제공하며,
    상기 UI 제공 단계는,
    상기 콘텐츠의 로딩 시 상기 테이블 뷰에 바인딩 되지 못하는 구간이 발생하면 상기 구간에 대응되는 위치에 상기 UI 탭을 제공하는 것
    을 특징으로 하는 콘텐츠 로딩 방법.
  3. 제1항에 있어서,
    상기 UI 제공 단계는,
    상기 리스트의 행과 행 사이에 적어도 하나의 상기 UI 탭을 제공하는 것
    을 특징으로 하는 콘텐츠 로딩 방법.
  4. 제1항에 있어서,
    상기 UI 제공 단계는,
    상기 UI 탭 상에 상기 추가 콘텐츠의 로딩 방향에 대한 가이드 정보를 표시하는 것
    을 특징으로 하는 콘텐츠 로딩 방법.
  5. 제3항에 있어서,
    상기 UI 제공 단계는,
    상기 UI 탭 직전의 행에 해당되는 콘텐츠를 기준으로 상기 추가 콘텐츠가 로딩되는 제1 로딩 방향과, 상기 UI 탭 직후의 행에 해당되는 콘텐츠를 기준으로 상기 추가 콘텐츠가 로딩되는 제2 로딩 방향 중 적어도 하나에 대한 가이드 정보를 상기 UI 탭 상에 표시하는 것
    을 특징으로 하는 콘텐츠 로딩 방법.
  6. 컴퓨터 시스템이 콘텐츠(content)의 로딩을 제어하는 명령(instruction)을 포함하는 컴퓨터 판독 가능 매체로서, 상기 명령은
    로딩된 콘텐츠(content)를 리스팅(listing) 하는 리스팅 단계;
    리스트에 포함되지 않은 추가 콘텐츠(additional content)에 대하여 로딩 기준 선택이 가능한 UI(user interface) 탭(tab)을 상기 리스트 상에 제공하는 UI 제공 단계; 및
    상기 UI 탭을 통해 사용자에 의해 선택된 로딩 기준에 따라 상기 추가 콘텐츠를 로딩하는 로딩 단계
    를 포함하는 방법에 의하여 상기 컴퓨터 시스템을 제어하는, 컴퓨터 판독 가능 매체.
  7. 로딩된 콘텐츠(content)를 리스팅(listing) 하는 콘텐츠 정렬부;
    리스트에 포함되지 않은 추가 콘텐츠(additional content)에 대하여 로딩 기준 선택이 가능한 UI(user interface) 탭(tab)을 상기 리스트 상에 제공하는 UI 제공부; 및
    상기 UI 탭을 통해 사용자에 의해 선택된 로딩 기준에 따라 상기 추가 콘텐츠를 로딩하는 로딩부
    를 포함하는 콘텐츠 로딩 시스템.
  8. 제7항에 있어서,
    상기 콘텐츠 정렬부는,
    테이블 뷰(Table View) 형태로 테이블의 각 행에 상기 콘텐츠의 내용이 바인딩(binding) 된 리스트를 제공하며,
    상기 UI 제공부는,
    상기 콘텐츠의 로딩 시 상기 테이블 뷰에 바인딩(binding) 되지 못하는 구간이 발생하면 상기 구간에 대응되는 위치에 상기 UI 탭을 제공하는 것
    을 특징으로 하는 콘텐츠 로딩 시스템.
  9. 제7항에 있어서,
    상기 UI 제공부는,
    상기 리스트의 행과 행 사이에 적어도 하나의 상기 UI 탭을 제공하는 것
    을 특징으로 하는 콘텐츠 로딩 시스템.
  10. 제7항에 있어서,
    상기 UI 제공부는,
    상기 UI 탭 상에 상기 추가 콘텐츠의 로딩 방향에 대한 가이드 정보를 표시하는 것
    을 특징으로 하는 콘텐츠 로딩 시스템.
  11. 제9항에 있어서,
    상기 UI 제공부는,
    상기 UI 탭 직전의 행에 해당되는 콘텐츠를 기준으로 상기 추가 콘텐츠가 로딩되는 제1 로딩 방향과, 상기 UI 탭 직후의 행에 해당되는 콘텐츠를 기준으로 상기 추가 콘텐츠가 로딩되는 제2 로딩 방향 중 적어도 하나에 대한 가이드 정보를 상기 UI 탭 상에 표시하는 것
    을 특징으로 하는 콘텐츠 로딩 시스템.
KR1020120025652A 2012-03-13 2012-03-13 테이블 뷰 컨트롤러 환경에서 사용자의 콘텐츠 소비 특성에 따른 추가 콘텐츠 로딩 방법 및 그 시스템 KR101329472B1 (ko)

Priority Applications (3)

Application Number Priority Date Filing Date Title
KR1020120025652A KR101329472B1 (ko) 2012-03-13 2012-03-13 테이블 뷰 컨트롤러 환경에서 사용자의 콘텐츠 소비 특성에 따른 추가 콘텐츠 로딩 방법 및 그 시스템
US14/383,516 US20150040021A1 (en) 2012-03-13 2012-12-06 Method for loading additional content according to characteristic of user's content consumption in table view controller enviroment, and system therefor
PCT/KR2012/010523 WO2013137544A1 (ko) 2012-03-13 2012-12-06 테이블 뷰 컨트롤러 환경에서 사용자의 콘텐츠 소비 특성에 따른 추가 콘텐츠 로딩 방법 및 그 시스템

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020120025652A KR101329472B1 (ko) 2012-03-13 2012-03-13 테이블 뷰 컨트롤러 환경에서 사용자의 콘텐츠 소비 특성에 따른 추가 콘텐츠 로딩 방법 및 그 시스템

Publications (2)

Publication Number Publication Date
KR20130104278A true KR20130104278A (ko) 2013-09-25
KR101329472B1 KR101329472B1 (ko) 2013-11-13

Family

ID=49161409

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020120025652A KR101329472B1 (ko) 2012-03-13 2012-03-13 테이블 뷰 컨트롤러 환경에서 사용자의 콘텐츠 소비 특성에 따른 추가 콘텐츠 로딩 방법 및 그 시스템

Country Status (3)

Country Link
US (1) US20150040021A1 (ko)
KR (1) KR101329472B1 (ko)
WO (1) WO2013137544A1 (ko)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
EP2983081A1 (en) * 2014-08-06 2016-02-10 Xiaomi Inc. Method and device for list updating

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
USD746862S1 (en) * 2013-06-12 2016-01-05 Samsung Electronics Co., Ltd. Display screen or portion thereof with icon
CN106528026B (zh) * 2016-11-29 2019-11-05 武汉斗鱼网络科技有限公司 文本显示方法及装置
US10911387B1 (en) 2019-08-12 2021-02-02 Snap Inc. Message reminder interface

Family Cites Families (23)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6067565A (en) * 1998-01-15 2000-05-23 Microsoft Corporation Technique for prefetching a web page of potential future interest in lieu of continuing a current information download
US6239797B1 (en) * 1998-04-02 2001-05-29 Partnerware Technologies Method and apparatus for remote database record scroll/update without refresh
US7202857B2 (en) * 2001-08-29 2007-04-10 Microsoft Corporation Manual controlled scrolling
US20040119753A1 (en) * 2002-12-20 2004-06-24 Peter Zencke Scrolling through data in a graphical user interface
KR100809288B1 (ko) * 2005-04-15 2008-03-04 삼성전자주식회사 컨텐츠와 이에 관련된 정보들을 동시에 출력하는 장치 및 방법
US8261205B2 (en) * 2007-05-30 2012-09-04 Hewlett-Packard Development Company, L.P. User interface for presenting a list of thumbnail items associated with media items
KR101386473B1 (ko) * 2007-10-04 2014-04-18 엘지전자 주식회사 휴대 단말기 및 그 메뉴 표시 방법
US20090228811A1 (en) * 2008-03-10 2009-09-10 Randy Adams Systems and methods for processing a plurality of documents
US8887085B1 (en) * 2008-03-20 2014-11-11 Amazon Technologies, Inc. Dynamic content navigation
US8935620B1 (en) * 2008-03-20 2015-01-13 Amazon Technologies, Inc. Dynamic content management
KR101586627B1 (ko) * 2008-10-06 2016-01-19 삼성전자주식회사 멀티 터치를 이용한 리스트 관리 방법 및 장치
KR101515859B1 (ko) * 2008-12-05 2015-05-06 삼성전자 주식회사 디스플레이장치 및 그 컨텐츠 리스트 표시 방법
US20100162126A1 (en) * 2008-12-23 2010-06-24 Palm, Inc. Predictive cache techniques
JP5229084B2 (ja) * 2009-04-14 2013-07-03 ソニー株式会社 表示制御装置、表示制御方法およびコンピュータプログラム
KR101604816B1 (ko) * 2009-08-24 2016-03-18 엘지전자 주식회사 이동단말기 및 그의 아이템 목록 로딩 방법
KR20110045292A (ko) * 2009-10-26 2011-05-04 삼성전자주식회사 리스트 검색 지원 방법 및 이를 이용하는 휴대 단말기
KR20110054415A (ko) * 2009-11-17 2011-05-25 삼성전자주식회사 화면 표시 방법 및 장치
KR20110090599A (ko) * 2010-02-04 2011-08-10 삼성전자주식회사 메뉴 표시 방법 및 장치
US20110202871A1 (en) * 2010-02-17 2011-08-18 Oracle International Corporation Method and system for scrolling through a graphical user interface list control
US8448084B2 (en) * 2010-04-08 2013-05-21 Twitter, Inc. User interface mechanics
KR101704531B1 (ko) * 2010-04-22 2017-02-08 삼성전자주식회사 휴대 단말기의 텍스트 정보 표시 방법 및 장치
JP2012194794A (ja) * 2011-03-16 2012-10-11 Fujitsu Ltd 携帯端末及びコンテンツ表示プログラム
US20120284662A1 (en) * 2011-05-04 2012-11-08 Microsoft Corporation Virtualized caching of user interface controls

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
EP2983081A1 (en) * 2014-08-06 2016-02-10 Xiaomi Inc. Method and device for list updating
JP2016530638A (ja) * 2014-08-06 2016-09-29 小米科技有限責任公司Ｘｉａｏｍｉ Ｉｎｃ． リスト更新方法、装置、プログラム及び記録媒体
RU2619719C2 (ru) * 2014-08-06 2017-05-17 Сяоми Инк. Способ и устройство для обновления списка
US10078422B2 (en) 2014-08-06 2018-09-18 Xiaomi Inc. Method and device for updating a list

Also Published As

Publication number Publication date
US20150040021A1 (en) 2015-02-05
KR101329472B1 (ko) 2013-11-13
WO2013137544A1 (ko) 2013-09-19

Similar Documents

Publication Publication Date Title
US11281360B2 (en) Display management for native user experiences
KR102028119B1 (ko) 애플리케이션을 디스플레이하는 방법 및 그 전자 장치
US10120544B2 (en) Chart selection tooltip
JP6465870B2 (ja) パン及び選択ジェスチャの検出
KR102109111B1 (ko) 애플리케이션을 관리하는 방법 및 그 전자 장치
KR101600643B1 (ko) 드래그 동작을 이용한 콘텐츠의 패닝
JP2021511592A (ja) アプリケーションプログラム処理方法、装置、記憶媒体及びコンピュータデバイス
US20140096083A1 (en) Method and electronic device for running application
EP2746934A1 (en) Method for displaying contents use history and electronic device thereof
WO2017032005A1 (zh) 一种操作菜单显示方法及终端
KR20150026079A (ko) 전자 기기의 화면 전환 방법 및 장치
TWI545450B (zh) 瀏覽器顯示子頁面的處理方法及瀏覽器
KR20140039209A (ko) 빠른 사이트 액세스 사용자 인터페이스를 갖춘 웹 브라우저
KR20130124854A (ko) 락 스크린의 제공 방법 및 그 제공 방법이 구현된 단말 장치
US20180239777A1 (en) Method and apparatus for dissolving folder and mobile terminal
US20150113525A1 (en) Method for a Reader to Provide Service, Reader and Computer-Readable Storage Medium
KR20150065141A (ko) 모바일 디바이스 및 모바일 디바이스의 아이콘 표시 방법
KR102095912B1 (ko) 보안 기능 운용 방법 및 이를 지원하는 전자 장치
US10853152B2 (en) Touch application programming interfaces
US20130111382A1 (en) Data collection interaction using customized layouts
KR101329472B1 (ko) 테이블 뷰 컨트롤러 환경에서 사용자의 콘텐츠 소비 특성에 따른 추가 콘텐츠 로딩 방법 및 그 시스템
US9804774B1 (en) Managing gesture input information
JP2012208636A (ja) タッチスクリーンデバイスの制御装置、その制御方法及びプログラム
KR101575088B1 (ko) 인터페이스 제공 장치 및 방법
US20150325254A1 (en) Method and apparatus for displaying speech recognition information

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

Year of fee payment: 4

FPAY Annual fee payment

Payment date: 20171027

Year of fee payment: 5