KR102301498B1 - 듀얼 스크린에서 컨텐츠와 컨텐츠 목록을 연동하여 표시하는 방법, 시스템, 및 컴퓨터 프로그램 - Google Patents

듀얼 스크린에서 컨텐츠와 컨텐츠 목록을 연동하여 표시하는 방법, 시스템, 및 컴퓨터 프로그램 Download PDF

Info

Publication number
KR102301498B1
KR102301498B1 KR1020190172699A KR20190172699A KR102301498B1 KR 102301498 B1 KR102301498 B1 KR 102301498B1 KR 1020190172699 A KR1020190172699 A KR 1020190172699A KR 20190172699 A KR20190172699 A KR 20190172699A KR 102301498 B1 KR102301498 B1 KR 102301498B1
Authority
KR
South Korea
Prior art keywords
content
screen
content list
list
scrolling
Prior art date
Application number
KR1020190172699A
Other languages
English (en)
Other versions
KR20210080782A (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 KR1020190172699A priority Critical patent/KR102301498B1/ko
Priority to US17/130,761 priority patent/US20210191682A1/en
Publication of KR20210080782A publication Critical patent/KR20210080782A/ko
Application granted granted Critical
Publication of KR102301498B1 publication Critical patent/KR102301498B1/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/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • G06F3/1423—Digital output to display device ; Cooperation and interconnection of the display device with other functional units controlling a plurality of local displays, e.g. CRT and flat panel display
    • G06F3/1431—Digital output to display device ; Cooperation and interconnection of the display device with other functional units controlling a plurality of local displays, e.g. CRT and flat panel display using a single graphics controller
    • 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/1423—Digital output to display device ; Cooperation and interconnection of the display device with other functional units controlling a plurality of local displays, e.g. CRT and flat panel display
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F1/00—Details not covered by groups G06F3/00 - G06F13/00 and G06F21/00
    • G06F1/16—Constructional details or arrangements
    • G06F1/1613—Constructional details or arrangements for portable computers
    • G06F1/1633—Constructional details or arrangements of portable computers not specific to the type of enclosures covered by groups G06F1/1615 - G06F1/1626
    • G06F1/1637—Details related to the display arrangement, including those related to the mounting of the display in the housing
    • G06F1/1647—Details related to the display arrangement, including those related to the mounting of the display in the housing including at least an additional display
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • 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/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/0483—Interaction with page-structured environments, e.g. book metaphor
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485—Scrolling or panning
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • G06F3/1423—Digital output to display device ; Cooperation and interconnection of the display device with other functional units controlling a plurality of local displays, e.g. CRT and flat panel display
    • G06F3/1446—Digital output to display device ; Cooperation and interconnection of the display device with other functional units controlling a plurality of local displays, e.g. CRT and flat panel display display composed of modules, e.g. video walls
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G06T11/001—Texturing; Colouring; Generation of texture or colour
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
    • G09G5/34—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators for rolling or scrolling
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04803—Split screen, i.e. subdividing the display area or the window area into separate subareas
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2354/00—Aspects of interface with display user
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2370/00—Aspects of data communication
    • G09G2370/02—Networking aspects
    • G09G2370/027—Arrangements and methods specific for the display of internet documents

Landscapes

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

Abstract

듀얼 스크린에서 컨텐츠와 컨텐츠 목록을 연동하여 표시하는 방법, 시스템, 및 컴퓨터 프로그램이 개시된다. 컨텐츠 제공 방법은, 듀얼 스크린을 이용하여 제1 화면에 컨텐츠를 표시하고 제2 화면에 컨텐츠 목록을 표시하는 단계; 및 상기 제1 화면에 대한 스크롤 입력에 따라 상기 컨텐츠 목록에 포함된 복수 개의 컨텐츠를 상기 제1 화면에 연속하여 표시하는 정주행 모드에서 상기 컨텐츠 목록 상에 상기 제1 화면에 현재 표시 중인 컨텐츠를 나타내는 항목을 하이라이트하는 단계를 포함한다.

Description

듀얼 스크린에서 컨텐츠와 컨텐츠 목록을 연동하여 표시하는 방법, 시스템, 및 컴퓨터 프로그램{METHOD, SYSTEM, AND COMPUTER PROGRMA FOR DISPLAYING CONTENT AND CONTENT LIST IN DUAL SCREENS}
아래의 설명은 컨텐츠와 컨텐츠 목록을 연동하여 표시하는 기술에 관한 것이다.
최근 들어 디지털 기술의 발달로 인하여 개인 단말의 사용이 보편화되고 있으며 이를 이용한 다양한 서비스들이 제공되고 있다.
개인 단말의 예로는 스마트폰(smart phone), 태블릿(tablet), 웨어러블 디바이스(wearable device), 노트북 등을 포함하며, 이러한 단말들은 데이터 통신 기능, 음성 통신 기능, 카메라 기능, 멀티미디어 플레이어 기능, 지불 기능 등 다양한 기능들이 탑재되어 있다.
단말 기능의 일례로, 한국공개특허 제10-2011-0123393호(공개일 2011년 11월 15일)에는 모바일 디지털 컨텐츠 형태의 만화를 제공하는 기술이 개시되어 있다.
듀얼 스크린을 이용하여 일 화면에 컨텐츠를, 다른 화면에 컨텐츠 목록을 표시할 수 있다.
일 화면에 표시되는 컨텐츠에 대해 다른 화면의 컨텐츠 목록에 하이라이트를 표시할 수 있다.
듀얼 스크린에 표시되는 컨텐츠와 컨텐츠 목록을 연동하여 어느 하나에 대한 스크롤 시 다른 하나를 자동 스크롤하여 표시할 수 있다.
컴퓨터 장치에서 실행되는 컨텐츠 제공 방법에 있어서, 상기 컴퓨터 장치는 메모리에 포함된 컴퓨터 판독가능한 명령들을 실행하도록 구성된 적어도 하나의 프로세서를 포함하고, 상기 컨텐츠 제공 방법은, 상기 적어도 하나의 프로세서에 의해, 상기 컴퓨터 장치에 포함된 듀얼 스크린을 이용하여 제1 화면에 컨텐츠를 표시하고 제2 화면에 컨텐츠 목록을 표시하는 단계; 및 상기 적어도 하나의 프로세서에 의해, 상기 제1 화면에 대한 스크롤 입력에 따라 상기 컨텐츠 목록에 포함된 복수 개의 컨텐츠를 상기 제1 화면에 연속하여 표시하는 정주행 모드에서 상기 컨텐츠 목록 상에 상기 제1 화면에 현재 표시 중인 컨텐츠를 나타내는 항목을 하이라이트하는 단계를 포함하는 컨텐츠 제공 방법을 제공한다.
일 측면에 따르면, 상기 표시하는 단계는, 듀얼 스크린 기능을 지원하는 웹 브라우저를 통해 상기 제1 화면에 컨텐츠를 표시하고 상기 제2 화면에 상기 컨텐츠 목록을 표시할 수 있다.
다른 측면에 따르면, 상기 하이라이트하는 단계는, 상기 제1 화면에 대한 스크롤 입력에 따라 이전 컨텐츠에서 다음 컨텐츠가 표시되는 경우 상기 컨텐츠 목록 상의 하이라이트를 상기 이전 컨텐츠를 나타내는 이전 항목에서 상기 다음 컨텐츠를 나타내는 다음 항목으로 이동하여 표시하는 단계를 포함할 수 있다.
또 다른 측면에 따르면, 상기 하이라이트하는 단계는, 상기 제2 화면 상에 정해진 적어도 하나의 기준선을 이용한 일정 범위 내에 상기 하이라이트가 위치하도록 상기 컨텐츠 목록을 스크롤하여 조절하는 단계를 포함할 수 있다.
또 다른 측면에 따르면, 상기 하이라이트하는 단계는, 상기 제2 화면에서 상기 컨텐츠 목록 상의 하이라이트가 임계 위치에 도달하는 시점에 상기 컨텐츠 목록을 최대 길이만큼 스크롤하는 단계를 포함할 수 있다.
또 다른 측면에 따르면, 상기 하이라이트하는 단계는, 상기 제2 화면에서 상기 컨텐츠 목록 상의 하이라이트가 이동할 때마다 상기 컨텐츠 목록을 단위 길이만큼 스크롤하는 단계를 포함할 수 있다.
또 다른 측면에 따르면, 상기 하이라이트하는 단계는, 상기 제2 화면에 대한 스크롤 입력에 따라 상기 컨텐츠 목록을 스크롤하는 단계; 및 일정 시간 동안 상기 제2 화면에 대한 추가 스크롤 입력이 없거나 상기 제1 화면에 대한 스크롤 입력이 있는 경우 상기 제2 화면 상에 정해진 적어도 하나의 기준선을 이용한 일정 범위 내에 상기 하이라이트가 재위치하도록 상기 컨텐츠 목록을 스크롤하여 조절하는 단계를 포함할 수 있다.
또 다른 측면에 따르면, 상기 컨텐츠 제공 방법은, 상기 적어도 하나의 프로세서에 의해, 상기 컨텐츠 목록이 복수의 페이지로 구성되는 경우 상기 컨텐츠 목록을 페이지 단위로 상기 제2 화면에 표시하는 단계; 및 상기 적어도 하나의 프로세서에 의해, 상기 정주행 모드에서 상기 제2 화면 상의 컨텐츠 목록을 이전 페이지에서 다음 페이지로 자동 전환되도록 제어하는 단계를 더 포함할 수 있다.
상기 컨텐츠 제공 방법을 상기 컴퓨터 시스템에 실행시키기 위해 비-일시적인 컴퓨터 판독가능한 기록 매체에 저장되는 컴퓨터 프로그램을 제공한다.
상기 컨텐츠 제공 방법을 컴퓨터에 실행시키기 위한 프로그램이 기록되어 있는 비-일시적인 컴퓨터 판독 가능한 기록 매체를 제공한다.
컴퓨터 장치에 있어서, 메모리에 포함된 컴퓨터 판독 가능한 명령을 실행하도록 구현되는 적어도 하나의 프로세서를 포함하고, 상기 적어도 하나의 프로세서는, 상기 컴퓨터 장치에 포함된 듀얼 스크린을 이용하여 제1 화면에 컨텐츠를 표시하고 제2 화면에 컨텐츠 목록을 표시하는 표시부; 및 상기 제1 화면에 대한 스크롤 입력에 따라 상기 컨텐츠 목록에 포함된 복수 개의 컨텐츠를 상기 제1 화면에 연속하여 표시하는 정주행 모드에서 상기 컨텐츠 목록 상에 상기 제1 화면에 현재 표시 중인 컨텐츠를 나타내는 항목을 하이라이트하는 연동부를 포함하는 컴퓨터 장치를 제공한다.
본 발명의 실시예들에 따르면, 듀얼 스크린을 이용하여 일 화면에 컨텐츠를, 다른 화면에 컨텐츠 목록을 표시할 수 있다.
본 발명의 실시예들에 따르면, 일 화면에 표시되는 컨텐츠에 대해 다른 화면의 컨텐츠 목록에 하이라이트를 표시할 수 있다.
본 발명의 실시예들에 따르면, 듀얼 스크린에 표시되는 컨텐츠와 컨텐츠 목록을 연동하여 어느 하나에 대한 스크롤 시 다른 하나를 자동 스크롤하여 표시할 수 있다.
도 1은 본 발명의 일실시예에 따른 네트워크 환경의 예를 도시한 도면이다.
도 2는 본 발명의 일실시예에 있어서 전자 기기 및 서버의 내부 구성을 설명하기 위한 블록도이다.
도 3은 본 발명의 일실시예에 따른 전자 기기의 프로세서가 포함할 수 있는 구성요소의 예를 도시한 도면이다.
도 4는 본 발명의 일실시예에 따른 전자 기기가 수행할 수 있는 방법의 예를 도시한 흐름도이다.
도 5는 본 발명의 일 실시예에 있어서 듀얼 스크린의 분리 사용 예를 도시한 것이다.
도 6 내지 도 7은 본 발명의 일실시예에 있어서 컨텐츠 스크롤 방식을 설명하기 위한 예시 도면이다.
도 8 내지 도 9는 본 발명의 일실시예에 있어서 컨텐츠 목록에 감상 중인 컨텐츠를 하이라이트하여 표시하는 과정을 설명하기 위한 예시 도면이다.
도 10 내지 도 13은 본 발명의 일실시예에 있어서 컨텐츠 목록의 하이라이트 표시를 제어하는 과정을 설명하기 위한 예시 도면이다.
도 14 내지 도 15는 본 발명의 일실시예에 있어서 복수의 페이지로 이루어진 컨텐츠 목록을 표시하는 과정을 설명하기 위한 예시 도면이다.
이하, 본 발명의 실시예를 첨부된 도면을 참조하여 상세하게 설명한다.
본 발명의 실시예들은 컨텐츠와 컨텐츠 목록을 연동하여 표시하는 기술에 관한 것이다.
본 명세서에서 구체적으로 개시되는 것들을 포함하는 실시예들은 듀얼 스크린을 이용하여 일 화면에 컨텐츠를, 다른 화면에 컨텐츠 목록을 표시하되 일 화면에 표시되는 컨텐츠에 대해 다른 화면의 컨텐츠 목록에 하이라이트를 표시할 수 있고, 이를 통해 듀얼 스크린에서 컨텐츠를 효과적으로 표시하기 위한 UI와 듀얼 스크린에 최적화된 사용자 경험(user experience)을 제공할 수 있다.
도 1은 본 발명의 일실시예에 따른 네트워크 환경의 예를 도시한 도면이다. 도 1의 네트워크 환경은 복수의 전자 기기들(110, 120, 130, 140), 복수의 서버들(150, 160) 및 네트워크(170)를 포함하는 예를 나타내고 있다. 이러한 도 1은 발명의 설명을 위한 일례로 전자 기기의 수나 서버의 수가 도 1과 같이 한정되는 것은 아니다.
복수의 전자 기기들(110, 120, 130, 140)은 컴퓨터 시스템으로 구현되는 고정형 단말이거나 이동형 단말일 수 있다. 복수의 전자 기기들(110, 120, 130, 140)의 예를 들면, 스마트폰(smart phone), 휴대폰, 내비게이션, 컴퓨터, 노트북, 디지털방송용 단말, PDA(Personal Digital Assistants), PMP(Portable Multimedia Player), 태블릿 PC, 게임 콘솔(game console), 웨어러블 디바이스(wearable device), IoT(internet of things) 디바이스, VR(virtual reality) 디바이스, AR(augmented reality) 디바이스 등이 있다. 일례로 도 1에서는 전자 기기(110)의 예로 스마트폰의 형상을 나타내고 있으나, 본 발명의 실시예들에서 전자 기기(110)는 실질적으로 무선 또는 유선 통신 방식을 이용하여 네트워크(170)를 통해 다른 전자 기기들(120, 130, 140) 및/또는 서버(150, 160)와 통신할 수 있는 다양한 물리적인 컴퓨터 시스템들 중 하나를 의미할 수 있다.
통신 방식은 제한되지 않으며, 네트워크(170)가 포함할 수 있는 통신망(일례로, 이동통신망, 유선 인터넷, 무선 인터넷, 방송망, 위성망 등)을 활용하는 통신 방식뿐만 아니라 기기들간의 근거리 무선 통신 역시 포함될 수 있다. 예를 들어, 네트워크(170)는, PAN(personal area network), LAN(local area network), CAN(campus area network), MAN(metropolitan area network), WAN(wide area network), BBN(broadband network), 인터넷 등의 네트워크 중 하나 이상의 임의의 네트워크를 포함할 수 있다. 또한, 네트워크(170)는 버스 네트워크, 스타 네트워크, 링 네트워크, 메쉬 네트워크, 스타-버스 네트워크, 트리 또는 계층적(hierarchical) 네트워크 등을 포함하는 네트워크 토폴로지 중 임의의 하나 이상을 포함할 수 있으나, 이에 제한되지 않는다.
서버(150, 160) 각각은 복수의 전자 기기들(110, 120, 130, 140)과 네트워크(170)를 통해 통신하여 명령, 코드, 파일, 컨텐츠, 서비스 등을 제공하는 컴퓨터 장치 또는 복수의 컴퓨터 장치들로 구현될 수 있다. 예를 들어, 서버(150)는 네트워크(170)를 통해 접속한 복수의 전자 기기들(110, 120, 130, 140)로 제1 서비스를 제공하는 시스템일 수 있으며, 서버(160) 역시 네트워크(170)를 통해 접속한 복수의 전자 기기들(110, 120, 130, 140)로 제2 서비스를 제공하는 시스템일 수 있다. 보다 구체적인 예로, 서버(150)는 복수의 전자 기기들(110, 120, 130, 140)에 설치되어 구동되는 컴퓨터 프로그램으로서의 어플리케이션을 통해, 해당 어플리케이션이 목적하는 서비스(일례로, 컨텐츠 제공 서비스 등)를 제1 서비스로서 복수의 전자 기기들(110, 120, 130, 140)로 제공할 수 있다. 다른 예로, 서버(160)는 상술한 어플리케이션의 설치 및 구동을 위한 파일을 복수의 전자 기기들(110, 120, 130, 140)로 배포하는 서비스를 제2 서비스로서 제공할 수 있다.
도 2는 본 발명의 일실시예에 있어서 전자 기기 및 서버의 내부 구성을 설명하기 위한 블록도이다. 도 2에서는 전자 기기에 대한 예로서 전자 기기(110), 그리고 서버(150)의 내부 구성을 설명한다. 또한, 다른 전자 기기들(120, 130, 140)이나 서버(160) 역시 상술한 전자 기기(110) 또는 서버(150)와 동일한 또는 유사한 내부 구성을 가질 수 있다.
전자 기기(110)와 서버(150)는 메모리(211, 221), 프로세서(212, 222), 통신 모듈(213, 223) 그리고 입출력 인터페이스(214, 224)를 포함할 수 있다. 메모리(211, 221)는 비-일시적인 컴퓨터 판독가능한 기록매체로서, RAM(random access memory), ROM(read only memory), 디스크 드라이브, SSD(solid state drive), 플래시 메모리(flash memory) 등과 같은 비소멸성 대용량 저장 장치(permanent mass storage device)를 포함할 수 있다. 여기서 ROM, SSD, 플래시 메모리, 디스크 드라이브 등과 같은 비소멸성 대용량 저장 장치는 메모리(211, 221)와는 구분되는 별도의 영구 저장 장치로서 전자 기기(110)나 서버(150)에 포함될 수도 있다. 또한, 메모리(211, 221)에는 운영체제와 적어도 하나의 프로그램 코드(일례로 전자 기기(110)에 설치되어 구동되는 브라우저나 특정 서비스의 제공을 위해 전자 기기(110)에 설치된 어플리케이션 등을 위한 코드)가 저장될 수 있다. 이러한 소프트웨어 구성요소들은 메모리(211, 221)와는 별도의 컴퓨터에서 판독가능한 기록매체로부터 로딩될 수 있다. 이러한 별도의 컴퓨터에서 판독가능한 기록매체는 플로피 드라이브, 디스크, 테이프, DVD/CD-ROM 드라이브, 메모리 카드 등의 컴퓨터에서 판독가능한 기록매체를 포함할 수 있다. 다른 실시예에서 소프트웨어 구성요소들은 컴퓨터에서 판독가능한 기록매체가 아닌 통신 모듈(213, 223)을 통해 메모리(211, 221)에 로딩될 수도 있다. 예를 들어, 적어도 하나의 프로그램은 개발자들 또는 어플리케이션의 설치 파일을 배포하는 파일 배포 시스템(일례로, 상술한 서버(160))이 네트워크(170)를 통해 제공하는 파일들에 의해 설치되는 컴퓨터 프로그램(일례로 상술한 어플리케이션)에 기반하여 메모리(211, 221)에 로딩될 수 있다.
프로세서(212, 222)는 기본적인 산술, 로직 및 입출력 연산을 수행함으로써, 컴퓨터 프로그램의 명령을 처리하도록 구성될 수 있다. 명령은 메모리(211, 221) 또는 통신 모듈(213, 223)에 의해 프로세서(212, 222)로 제공될 수 있다. 예를 들어 프로세서(212, 222)는 메모리(211, 221)와 같은 기록 장치에 저장된 프로그램 코드에 따라 수신되는 명령을 실행하도록 구성될 수 있다.
통신 모듈(213, 223)은 네트워크(170)를 통해 전자 기기(110)와 서버(150)가 서로 통신하기 위한 기능을 제공할 수 있으며, 전자 기기(110) 및/또는 서버(150)가 다른 전자 기기(일례로 전자 기기(120)) 또는 다른 서버(일례로 서버(160))와 통신하기 위한 기능을 제공할 수 있다. 일례로, 전자 기기(110)의 프로세서(212)가 메모리(211)와 같은 기록 장치에 저장된 프로그램 코드에 따라 생성한 요청이 통신 모듈(213)의 제어에 따라 네트워크(170)를 통해 서버(150)로 전달될 수 있다. 역으로, 서버(150)의 프로세서(222)의 제어에 따라 제공되는 제어 신호나 명령, 컨텐츠, 파일 등이 통신 모듈(223)과 네트워크(170)를 거쳐 전자 기기(110)의 통신 모듈(213)을 통해 전자 기기(110)로 수신될 수 있다. 예를 들어 통신 모듈(213)을 통해 수신된 서버(150)의 제어 신호나 명령, 컨텐츠, 파일 등은 프로세서(212)나 메모리(211)로 전달될 수 있고, 컨텐츠나 파일 등은 전자 기기(110)가 더 포함할 수 있는 저장 매체(상술한 영구 저장 장치)로 저장될 수 있다.
입출력 인터페이스(214)는 입출력 장치(215)와의 인터페이스를 위한 수단일 수 있다. 예를 들어, 입력 장치는 키보드, 마우스, 마이크로폰, 카메라 등의 장치를, 그리고 출력 장치는 디스플레이, 스피커, 햅틱 피드백 디바이스(haptic feedback device) 등과 같은 장치를 포함할 수 있다. 다른 예로 입출력 인터페이스(214)는 터치스크린과 같이 입력과 출력을 위한 기능이 하나로 통합된 장치와의 인터페이스를 위한 수단일 수도 있다. 입출력 장치(215)는 전자 기기(110)와 하나의 장치로 구성될 수도 있다. 또한, 서버(150)의 입출력 인터페이스(224)는 서버(150)와 연결되거나 서버(150)가 포함할 수 있는 입력 또는 출력을 위한 장치(미도시)와의 인터페이스를 위한 수단일 수 있다. 보다 구체적인 예로, 전자 기기(110)의 프로세서(212)가 메모리(211)에 로딩된 컴퓨터 프로그램의 명령을 처리함에 있어서 서버(150)나 전자 기기(120)가 제공하는 데이터를 이용하여 구성되는 서비스 화면이나 컨텐츠가 입출력 인터페이스(214)를 통해 디스플레이에 표시될 수 있다.
또한, 다른 실시예들에서 전자 기기(110) 및 서버(150)는 도 2의 구성요소들보다 더 많은 구성요소들을 포함할 수도 있다. 그러나, 대부분의 종래기술적 구성요소들을 명확하게 도시할 필요성은 없다. 예를 들어, 전자 기기(110)는 상술한 입출력 장치(215) 중 적어도 일부를 포함하도록 구현되거나 또는 트랜시버(transceiver), GPS(Global Positioning System) 모듈, 카메라, 각종 센서, 데이터베이스 등과 같은 다른 구성요소들을 더 포함할 수도 있다. 보다 구체적인 예로, 전자 기기(110)가 스마트폰인 경우, 일반적으로 스마트폰이 포함하고 있는 가속도 센서나 자이로 센서, 카메라 모듈, 각종 물리적인 버튼, 터치패널을 이용한 버튼, 입출력 포트, 진동을 위한 진동기 등의 다양한 구성요소들이 전자 기기(110)에 더 포함되도록 구현될 수 있다.
이하에서는 듀얼 스크린에서 컨텐츠와 컨텐츠 목록을 연동하여 표시하는 방법 및 시스템의 구체적인 실시예를 설명하기로 한다.
본 명세서에서 컨텐츠는 웹 상의 정보로서, 텍스트, 이미지, 음성, 동영상 등 다양한 형태로 만들어진 각종 정보나 그 내용물을 의미할 수 있다. 일례로, 컨텐츠는 인터넷을 통해 연재되는 인터넷 만화로 복수의 회차로 이루어진 웹툰 컨텐츠를 의미할 수 있다. 웹툰에 한정되는 것은 아니며, 시리즈(series) 형태의 모든 연속 기획물을 포함할 수 있다. 다른 예로, 컨텐츠는 인터넷 상에서 쇼핑 대상이 되는 상품 정보를 의미할 수 있다. 컨텐츠는 웹툰이나 쇼핑 상품 이외에도 뉴스, 메일, 검색, 음악 등의 서비스에서 제공되는 정보 단위가 될 수도 있다.
이하에서는 웹툰 컨텐츠를 컨텐츠의 대표적인 예로 하여 구체적인 실시예들을 설명하나, 이에 한정되는 것은 아니며, 목록화(listing) 가능한 컨텐츠라면 모두 적용 가능하다.
그리고, 본 실시예에서 전자 기기(110)는 디스플레이 수단으로 듀얼 스크린(dual screen)을 포함하는 것으로, 주화면 역할을 하는 제1 화면과 보조화면 역할을 하는 제2 화면을 포함할 수 있다. 일례로, 듀얼 스크린은 제1 화면과 제2 화면이 별개의 디스플레이로 구성된 멀티스크린(multiscreen)으로 구현될 수 있다. 다른 예로, 듀얼 스크린은 제1 화면과 제2 화면이 하나의 디스플레이에서 서로 다른 디스플레이 영역으로 구분되어 구현될 수 있다. 예를 들어, 듀얼 스크린은 PIP(Picture In Picture)와 같이 제1 화면의 일부 영역에 제2 화면을 오버레이하여 표시하는 동시 화면으로 구현될 수 있다.
도 3은 본 발명의 일실시예에 따른 전자 기기의 프로세서가 포함할 수 있는 구성요소의 예를 도시한 블록도이고, 도 4는 본 발명의 일실시예에 따른 전자 기기가 수행할 수 있는 방법의 예를 도시한 흐름도이다.
본 실시예에 따른 전자 기기(110)에는 컴퓨터로 구현된 컨텐츠 제공 시스템이 구성될 수 있다. 일례로, 컨텐츠 제공 시스템은 독립적으로 동작하는 프로그램 형태로 구현되거나, 혹은 특정 어플리케이션의 인-앱(in-app) 형태로 구성되어 상기 특정 어플리케이션 상에서 동작이 가능하도록 구현될 수 있고 경우에 따라 서버(150)와의 연동을 통해 웹툰 컨텐츠와 컨텐츠 목록을 제공할 수 있다.
전자 기기(110)에 설치된 어플리케이션이 제공하는 명령에 기반하여 전자 기기(110)에 구현된 컨텐츠 제공 시스템은 도 4에 도시한 컨텐츠 제공 방법을 수행할 수 있다.
도 4에 따른 컨텐츠 제공 방법을 수행하기 위해, 전자 기기(110)의 프로세서(212)는 구성요소로서 도 3에 도시된 바와 같이, 컨텐츠 표시부(310), 목록 표시부(320), 및 표시 연동부(330)를 포함할 수 있다. 실시예에 따라 프로세서(212)의 구성요소들은 선택적으로 프로세서(212)에 포함되거나 제외될 수도 있다. 또한, 실시예에 따라 프로세서(212)의 구성요소들은 프로세서(212)의 기능의 표현을 위해 분리 또는 병합될 수도 있다.
이러한 프로세서(212) 및 프로세서(212)의 구성요소들은 도 4의 컨텐츠 제공 방법이 포함하는 단계들(S410 내지 S430)을 수행하도록 전자 기기(110)를 제어할 수 있다. 예를 들어, 프로세서(212) 및 프로세서(212)의 구성요소들은 메모리(211)가 포함하는 운영체제의 코드와 적어도 하나의 프로그램의 코드에 따른 명령(instruction)을 실행하도록 구현될 수 있다.
여기서, 프로세서(212)의 구성요소들은 전자 기기(110)에 저장된 프로그램 코드가 제공하는 명령(일례로, 전자 기기(110)에서 구동된 어플리케이션이 제공하는 명령)에 따라 프로세서(212)에 의해 수행되는 프로세서(212)의 서로 다른 기능들(different functions)의 표현들일 수 있다. 예를 들어, 전자 기기(110)가 웹툰 컨텐츠를 표시하도록 상술한 명령에 따라 전자 기기(110)를 제어하는 프로세서(212)의 기능적 표현으로서 컨텐츠 표시부(310)가 이용될 수 있다.
프로세서(212)는 전자 기기(110)의 제어와 관련된 명령이 로딩된 메모리(211)로부터 필요한 명령을 읽어들일 수 있다. 이 경우, 상기 읽어들인 명령은 프로세서(212)가 이후 설명될 단계들(S410 내지 S430)을 실행하도록 제어하기 위한 명령을 포함할 수 있다. 이후 설명될 단계들(S410 내지 S430)은 도시된 순서와 다른 순서로 수행될 수 있으며, 단계들 중 일부가 생략되거나 추가의 과정이 더 포함될 수 있다.
도 4를 참조하면, 단계(S410)에서 컨텐츠 표시부(310)는 서버(150)로부터 웹툰 컨텐츠(이하, '웹툰'이라 칭함)를 수신하여 수신된 웹툰을 듀얼 스크린 중 하나인 제1 화면(이하, '주화면'이라 칭함)에 표시할 수 있다. 전자 기기(110)에는 듀얼 스크린 기능을 지원하는 웹 브라우저가 설치되어 있으며, 컨텐츠 표시부(310)는 전자 기기(110)에 설치된 웹 브라우저를 통해 서버(150)로부터 웹툰을 수신하여 수신된 웹툰을 주화면에 표시할 수 있다. 이때, 컨텐츠 표시부(310)는 주화면에 대한 사용자의 스크롤 입력에 따라 웹툰을 스크롤링하는 방식으로 표시할 수 있다. 스크롤 입력의 일례는 전자 기기(110)의 화면에 대한 터치 기반의 사용자 입력에 해당될 수 있다. 다른 예로는 전자 기기(110)의 전면 카메라를 이용하여 화면에 대한 사용자의 시선 이동을 인식하여 이를 스크롤을 위한 사용자 입력으로 이용할 수 있다. 또 다른 예로는 전자 기기(110)가 포함하고 있는 센서(예컨대, 가속도 센서나 자이로 센서 등)를 통해 전자 기기(110)의 움직임(일례로, 기울기 등)을 감지하여 이를 스크롤을 위한 사용자 입력으로 이용할 수 있다. 웹툰의 스크롤 방식은 웹툰 구성이나 제작 형식 등에 따라 상하(세로) 스크롤링 방식이나 좌우(가로) 페이징(flicking) 방식 등을 포함할 수 있으며, 웹툰의 스크롤을 제어하는 구체적인 방법은 이미 잘 알려진 기술들을 이용할 수 있다.
단계(S420)에서 목록 표시부(320)는 서버(150)로부터 주화면에 표시된 웹툰이 포함된 컨텐츠 목록(이하, '회차 목록'이라 칭함)을 수신하여 수신된 목록을 듀얼 스크린 중 다른 하나인 제2 화면(이하, '보조화면'이라 칭함)에 표시할 수 있다. 전자 기기(110)에 설치된 웹 브라우저는 듀얼 스크린 기능을 지원할 수 있으며, 이때 듀얼 스크린 기능은 어플리케이션 두 개를 동시에 구동하는 동시 사용과 하나의 어플리케이션 UI를 두 화면에 확장하는 분리 사용이 모두 가능하다. 분리 사용의 경우 보조화면에 컨텐츠 목록을 표시하고 주화면에 컨텐츠를 표시할 수 있다. 예를 들어, 웹툰, 쇼핑, 뉴스, 메일, 검색, 음악 등의 서비스를 사용할 때 보조화면에 컨텐츠 목록을 표시하고 컨텐츠 목록에서 특정 컨텐츠가 선택되는 경우 선택된 컨텐츠를 주화면에 표시할 수 있다. 주화면에 컨텐츠 목록을 표시하고 보조화면에 컨텐츠를 표시하는 것 또한 가능하다.
프로세서(212)는 전자 기기(110)의 사용자가 웹툰 서비스에서 정주행 모드를 선택하는 경우 주화면에 웹툰을 표시하고 보조화면에 회차 목록을 표시할 수 있다. 웹툰 서비스에서의 정주행 모드는 웹툰 감상 시 사용자가 매 회차의 웹툰을 일일이 선택하거나 다음 회차로 이동하기 위한 별도의 UI를 입력하는 것이 아니라, 스크롤을 이용한 이어보기 기능으로서 이전 회차에서 스크롤을 통해 다음 회차로 자연스럽게 이동하여 연속 감상할 수 있는 방식이다.
단계(S430)에서 표시 연동부(330)는 전자 기기(110)에 설치된 웹 브라우저를 통해 듀얼 스크린의 주화면과 보조화면을 연동하여 주화면에 표시되는 웹툰을 보조화면의 회차 목록에 하이라이트(highlight)하여 표시할 수 있다. 다시 말해, 표시 연동부(330)는 보조화면의 회차 목록에 포함된 회차 항목 중 주화면에 표시되는 회차의 웹툰을 나타내는 항목을 강조하여 표시할 수 있다. 주화면을 통해 감상 중인 웹툰에 대한 하이라이트 방식은 회차 항목을 구성하는 디스플레이 요소(예컨대, 텍스트의 색상, 크기, 굵기, 배경 등)를 다른 항목과 구분되도록 표시하거나 혹은 회차 항목에 별도의 레이어(layer)나 인디케이터(indicator)를 표시할 수 있으며, 이외에도 널리 이용되고 있는 방식들을 이용할 수도 있다.
표시 연동부(330)는 웹툰 정주행 모드에서 주화면에 대한 스크롤에 따라 이전 회차에서 다음 회차로 넘어가는 경우 회차 목록 상에서 현재 감상하고 있는 웹툰을 나타내는 하이라이트 표시를 이전 회차 항목에서 다음 회차 항목으로 이동할 수 있다. 컨텐츠 표시부(310)는 이전 회차의 마지막 장면에서 추가적인 스크롤이 입력되는 경우 다음 회차를 불러와 주화면에 표시하게 되는데, 이때 표시 연동부(330)는 목록 표시부(320)를 통해 보조화면 상에 표시된 회차 목록에서의 하이라이트를 이전 회차 항목에서 다음 회차 항목으로 이동하여 표시할 수 있다.
도 5는 본 발명의 일 실시예에 있어서 듀얼 스크린의 분리 사용 예를 도시한 것이다.
도 5를 참조하면, 서버(150)는 듀얼 스크린 기능을 지원하는 웹 브라우저가 설치된 전자 기기(110)를 대상으로 컨텐츠 제공 서비스를 제공할 수 있다. 서버(150)는 전자 기기(110)의 요청에 따라 듀얼 스크린 중 보조화면(520)에 노출할 보조화면 페이지를 제공한 후 보조화면 페이지에서 선택된 링크로서 주화면(510)에 노출할 주화면 페이지를 제공할 수 있다. 일례로, 전자 기기(110)는 듀얼 스크린 기능을 지원하는 웹 브라우저를 통해 서버(150)로부터 컨텐츠 목록을 포함하는 페이지를 수신하여 보조화면(520)에 표시하고 컨텐츠 목록에서 특정된 컨텐츠를 서버(150)로부터 수신하여 주화면(510)에 표시할 수 있다. 정주행 모드에서는 컨텐츠 목록의 첫 회차 혹은 이어보기 회차부터 불러와 주화면(510)에 표시하고 주화면 주화면(510)에 대한 사용자의 스크롤 입력에 따라 순차적으로 이후 회차를 불러와 주화면(510)에 표시할 수 있다.
도 6 내지 도 7은 본 발명의 일실시예에 있어서 웹툰 스크롤 방식을 설명하기 위한 예시 도면이다.
도 6을 참조하면, 전자 기기(110)의 프로세서(212)는 주화면(510) 상에 웹툰(610)을 세로 방향(601)의 스크롤 방식으로 표시할 수 있다. 전자 기기(110)의 프로세서(212)는 스토리가 위에서 아래로 전개되는 웹툰(610)을 상하 스크롤링 방식으로 표시할 수 있다.
도 7을 참조하면, 전자 기기(110)의 프로세서(212)는 주화면(510) 상에 웹툰(710)을 가로 방향(701)의 스크롤 방식으로 표시할 수 있다. 전자 기기(110)의 프로세서(212)는 스토리가 왼쪽에서 오른쪽으로 전개되는 웹툰(710)을 좌우 페이징 방식으로 표시할 수 있다.
이하에서는 세로 스크롤 방식의 웹툰을 제공하는 구체적인 과정을 설명하나, 다른 스크롤 방식 또한 이하에서 설명될 방법과 동일하거나 유사한 과정을 통해 웹툰을 제공할 수 있다.
도 8 내지 도 9는 본 발명의 일실시예에 있어서 회차 목록에 감상 중인 웹툰을 하이라이트하여 표시하는 과정을 설명하기 위한 예시 도면이다.
예를 들어, 도 8을 참조하면, 프로세서(212)는 주화면(510) 상에 6회차 웹툰(810)이 표시된 경우 보조화면(520)의 회차 목록(820)에서 6회차 웹툰 항목을 다른 회차 웹툰 항목들과 구별되도록 하이라이트하여 표시할 수 있다. 6회차 웹툰(810)의 마지막 장면에서 추가적인 스크롤(아래에서 위로의 스크롤)(801)이 입력되는 경우, 도 9에 도시한 바와 같이 6회차 웹툰(810)에서 7회차 웹툰(910)으로 바로 넘어가 주화면(510) 상에 7회차 웹툰(910)이 표시될 수 있다. 이때, 프로세서(212)는 보조화면(520)의 회차 목록(820) 상에 현재 감상 중인 웹툰을 나타내는 하이라이트 표시를 6회차 웹툰 항목에서 7회차 웹툰 항목으로 자동 이동할 수 있고, 7회차 웹툰 항목을 다른 회차 웹툰 항목들과 구별되도록 하이라이트하여 표시할 수 있다.
도 10 내지 도 13은 본 발명의 일실시예에 있어서 회차 목록의 하이라이트 표시를 제어하는 과정을 설명하기 위한 예시 도면이다.
도 10을 참조하면, 프로세서(212)는 현재 감상 중인 웹툰을 나타내는 하이라이트 표시가 보조화면(520) 상에 정해진 제1 기준선(1001)보다 위에 위치하도록 회차 목록(820)의 스크롤을 자동 조절할 수 있다. 다시 말해, 프로세서(212)는 회차 목록(820) 상의 하이라이트 표시가 제1 기준선(1001)에 걸치거나 제1 기준선(1001) 아래로 내려가지 않도록 회차 목록(820)을 자동 스크롤하여 하이라이트 표시 위치를 조절할 수 있다. 예를 들어, 도 10에 도시한 바와 같이 하이라이트 표시가 7회차 웹툰 항목에 위치한 상태에서 주화면(510)에 8회차 웹툰이 로딩되는 경우 하이라이트 표시가 8회차 웹툰 항목으로 이동함에 따라 제1 기준선(1001)에 걸리거나 제1 기준선(1001) 아래로 내려갈 수 있기 때문에, 도 11에 도시한 바와 같이 회차 목록(820)을 위로 스크롤하여 하이라이트 표시가 제1 기준선(1001) 위에 위치하도록 자동 조절할 수 있다.
다른 예로, 도 12를 참조하면, 프로세서(212)는 현재 감상 중인 웹툰을 나타내는 하이라이트 표시가 보조화면(520) 상에 정해진 제1 기준선(1001)과 제2 기준선(1202) 사이에 위치하도록 회차 목록(820)의 스크롤을 자동 조절할 수 있다. 다시 말해, 프로세서(212)는 하이라이트 표시가 제1 기준선(1001)보다 위에, 그리고 제2 기준선(1202)보다 아래에 위치하도록 회차 목록(820)을 자동 스크롤하여 하이라이트 표시 위치를 조절할 수 있다.
이때, 프로세서(212)는 하이라이트 표시를 한 칸씩 이동하다가 임계 위치에 도달하는 시점에 회차 목록(820)을 최대 길이만큼 스크롤하거나, 또는 일정 범위 영역 안에서 하이라이트 표시가 이동할 때마다 회차 목록(820)을 단위 길이만큼 스크롤할 수 있다.
제1 기준선(1001)과 제2 기준선(1202)은 보조화면(520)에서 회차 목록(820)이 차지하는 비율, 회차 목록(820)을 구성하는 항목 개수나 보조화면(520)에서 각 항목이 차지하는 비율 등에 기초하여 결정될 수 있다.
따라서, 프로세서(212)는 보조화면(520) 상에서 현재 감상 중인 웹툰을 나타내는 하이라이트를 유효 영역이나 보다 효과적인 영역 내에 표시하기 위해 보조화면(520) 상에 정해진 적어도 하나의 기준선을 이용한 일정 범위 내에 하이라이트가 위치하도록 회차 목록(820)을 자동 스크롤하여 하이라이트 표시 위치를 조절할 수 있다.
그리고, 프로세서(212)는 보조화면(520)에 대한 사용자의 스크롤 입력에 따라 회차 목록(820)을 스크롤할 수 있으며, 사용자에 의해 회차 목록(820)에서 선택된 웹툰(1310)을 주화면(510) 상에 표시할 수 있다. 도 13에 도시한 바와 같이, 프로세서(212)는 보조화면(520) 상의 회차 목록(820)에서 선택된 웹툰(1310)을 주화면(510) 상에 표시할 수 있고, 선택된 웹툰 항목을 회차 목록(820)에 하이라이트하여 표시할 수 있다.
프로세서(212)는 사용자가 주화면(510)을 통해 특정 회차 웹툰을 감상하는 경우 보조화면(520) 상의 회차 목록(820)에 해당 회차 웹툰 항목을 하이라이트하여 표시하게 되는데, 이때 웹툰 감상 도중 사용자가 보조화면(520)을 스크롤하여 회차 목록(820)을 탐색하다가 주화면(510)을 다시 스크롤하거나 일정 시간이 경과하도록 보조화면(520)에 대한 추가적인 스크롤 입력이 없는 경우 회차 목록(820)을 자동 스크롤하여 현재 감상 중인 웹툰 항목의 하이라이트 표시가 기준선 내로 재위치하도록 조절할 수 있다. 예를 들어, 사용자가 7회차 웹툰을 감상하다가 회차 목록(820)을 스크롤하여 이전 회차들이나 남은 회차들을 확인한 후 다시 7회차 웹툰을 감상하는 경우 7회차 웹툰 항목의 하이라이트 표시가 기준선 내로 위치하도록 회차 목록(820)을 자동 스크롤하여 조절할 수 있다.
도 14 내지 도 15는 본 발명의 일실시예에 있어서 복수의 페이지로 이루어진 회차 목록을 표시하는 과정을 설명하기 위한 예시 도면이다.
실시예에 따라서는 회차 목록이 복수 개의 페이지로 구성될 수 있으며, 도 14와 도 15에 도시한 바와 같이 프로세서(212)는 보조화면(520)에 회차 목록(1421, 1522)을 페이지 단위로 표시할 수 있다.
예를 들어, 도 14를 참조하면, 프로세서(212)는 주화면(510) 상에 10회차 웹툰(1410)이 표시된 경우 보조화면(520)의 회차 목록(1421)에서 10회차 웹툰 항목을 다른 회차 웹툰 항목들과 구별되도록 하이라이트하여 표시할 수 있다. 이때, 보조화면(520)에 표시된 회차 목록(1421)이 몇 번째 페이지인지를 나타내는 페이지 정보(1402)를 보조화면(520)에 함께 표시할 수 있다.
10회차 웹툰(1410)의 마지막 장면에서 추가적인 스크롤(아래에서 위로의 스크롤)(1401)이 입력되는 경우, 도 15에 도시한 바와 같이 10회차 웹툰(1410)에서 11회차 웹툰(1510)으로 바로 넘어가 주화면(510) 상에 11회차 웹툰(1510)이 표시될 수 있다. 이때, 10회차 웹툰(1410)이 회차 목록(1421)에서 마지막 웹툰인 경우 주화면(510)에 11회차 웹툰(1510)이 표시됨과 동시에 보조화면(520)에 다음 페이지의 회차 목록(1522)이 표시될 수 있고 회차 목록(1522) 상에 현재 감상 중인 11회차 웹툰 항목이 다른 회차 웹툰 항목들과 구별되도록 하이라이트하여 표시할 수 있다. 아울러, 보조화면(520)에 페이지 이동으로 표시된 회차 목록(1522)이 몇 번째 페이지인지를 나타내는 페이지 정보(1502)를 보조화면(520)에 함께 표시할 수 있다. 다시 말해, 프로세서(212)는 정주행 모드 시 이전 페이지 회차 목록(1421)의 마지막 웹툰에서 다음 회차의 웹툰으로 넘어가면 다음 페이지를 선택한 것과 동일하게 이전 페이지 회차 목록(1421)에서 다음 페이지 회차 목록(1522)으로 자동 전환되도록 제어할 수 있다.
이처럼 본 발명의 실시예들에 따르면, 듀얼 스크린을 이용하여 일 화면에 컨텐츠를, 다른 화면에 컨텐츠 목록을 표시할 수 있고, 특히 일 화면에 표시되는 컨텐츠에 대해 다른 화면의 컨텐츠 목록에 하이라이트를 표시할 수 있다.
이상에서 설명된 장치는 하드웨어 구성요소, 소프트웨어 구성요소, 및/또는 하드웨어 구성요소 및 소프트웨어 구성요소의 조합으로 구현될 수 있다. 예를 들어, 실시예들에서 설명된 장치 및 구성요소는, 프로세서, 콘트롤러, ALU(arithmetic logic unit), 디지털 신호 프로세서(digital signal processor), 마이크로컴퓨터, FPGA(field programmable gate array), PLU(programmable logic unit), 마이크로프로세서, 또는 명령(instruction)을 실행하고 응답할 수 있는 다른 어떠한 장치와 같이, 하나 이상의 범용 컴퓨터 또는 특수 목적 컴퓨터를 이용하여 구현될 수 있다. 처리 장치는 운영 체제(OS) 및 상기 운영 체제 상에서 수행되는 하나 이상의 소프트웨어 어플리케이션을 수행할 수 있다. 또한, 처리 장치는 소프트웨어의 실행에 응답하여, 데이터를 접근, 저장, 조작, 처리 및 생성할 수도 있다. 이해의 편의를 위하여, 처리 장치는 하나가 사용되는 것으로 설명된 경우도 있지만, 해당 기술분야에서 통상의 지식을 가진 자는, 처리 장치가 복수 개의 처리 요소(processing element) 및/또는 복수 유형의 처리 요소를 포함할 수 있음을 알 수 있다. 예를 들어, 처리 장치는 복수 개의 프로세서 또는 하나의 프로세서 및 하나의 콘트롤러를 포함할 수 있다. 또한, 병렬 프로세서(parallel processor)와 같은, 다른 처리 구성(processing configuration)도 가능하다.
소프트웨어는 컴퓨터 프로그램(computer program), 코드(code), 명령(instruction), 또는 이들 중 하나 이상의 조합을 포함할 수 있으며, 원하는 대로 동작하도록 처리 장치를 구성하거나 독립적으로 또는 결합적으로(collectively) 처리 장치를 명령할 수 있다. 소프트웨어 및/또는 데이터는, 처리 장치에 의하여 해석되거나 처리 장치에 명령 또는 데이터를 제공하기 위하여, 어떤 유형의 기계, 구성요소(component), 물리적 장치, 컴퓨터 저장 매체 또는 장치에 구체화(embody)될 수 있다. 소프트웨어는 네트워크로 연결된 컴퓨터 시스템 상에 분산되어서, 분산된 방법으로 저장되거나 실행될 수도 있다. 소프트웨어 및 데이터는 하나 이상의 컴퓨터 판독 가능 기록 매체에 저장될 수 있다.
실시예에 따른 방법은 다양한 컴퓨터 수단을 통하여 수행될 수 있는 프로그램 명령 형태로 구현되어 컴퓨터 판독 가능 매체에 기록될 수 있다. 이때, 매체는 컴퓨터로 실행 가능한 프로그램을 계속 저장하거나, 실행 또는 다운로드를 위해 임시 저장하는 것일 수도 있다. 또한, 매체는 단일 또는 수 개의 하드웨어가 결합된 형태의 다양한 기록수단 또는 저장수단일 수 있는데, 어떤 컴퓨터 시스템에 직접 접속되는 매체에 한정되지 않고, 네트워크 상에 분산 존재하는 것일 수도 있다. 매체의 예시로는, 하드 디스크, 플로피 디스크 및 자기 테이프와 같은 자기 매체, CD-ROM 및 DVD와 같은 광기록 매체, 플롭티컬 디스크(floptical disk)와 같은 자기-광 매체(magneto-optical medium), 및 ROM, RAM, 플래시 메모리 등을 포함하여 프로그램 명령어가 저장되도록 구성된 것이 있을 수 있다. 또한, 다른 매체의 예시로, 어플리케이션을 유통하는 앱 스토어나 기타 다양한 소프트웨어를 공급 내지 유통하는 사이트, 서버 등에서 관리하는 기록매체 내지 저장매체도 들 수 있다.
이상과 같이 실시예들이 비록 한정된 실시예와 도면에 의해 설명되었으나, 해당 기술분야에서 통상의 지식을 가진 자라면 상기의 기재로부터 다양한 수정 및 변형이 가능하다. 예를 들어, 설명된 기술들이 설명된 방법과 다른 순서로 수행되거나, 및/또는 설명된 시스템, 구조, 장치, 회로 등의 구성요소들이 설명된 방법과 다른 형태로 결합 또는 조합되거나, 다른 구성요소 또는 균등물에 의하여 대치되거나 치환되더라도 적절한 결과가 달성될 수 있다.
그러므로, 다른 구현들, 다른 실시예들 및 특허청구범위와 균등한 것들도 후술하는 특허청구범위의 범위에 속한다.

Claims (18)

  1. 컴퓨터 장치에서 실행되는 컨텐츠 제공 방법에 있어서,
    상기 컴퓨터 장치는 메모리에 포함된 컴퓨터 판독가능한 명령들을 실행하도록 구성된 적어도 하나의 프로세서를 포함하고,
    상기 컨텐츠 제공 방법은,
    상기 적어도 하나의 프로세서에 의해, 상기 컴퓨터 장치에 포함된 듀얼 스크린을 이용하여 제1 화면에 컨텐츠를 표시하고 제2 화면에 컨텐츠 목록을 표시하는 단계; 및
    상기 적어도 하나의 프로세서에 의해, 상기 제1 화면에 대한 스크롤 입력에 따라 상기 컨텐츠 목록에 포함된 복수 개의 컨텐츠를 상기 제1 화면에 연속하여 표시하는 정주행 모드에서 상기 컨텐츠 목록 상에 상기 제1 화면에 현재 표시 중인 컨텐츠를 나타내는 항목을 하이라이트하는 단계
    를 포함하고,
    상기 정주행 모드는 각 컨텐츠에 대한 별도의 UI 입력이 아닌 스크롤을 이용한 이어보기 기능으로서 이전 컨텐츠에서 스크롤을 통해 다음 컨텐츠로 자동 이동하여 연속으로 표시하는 방식이고,
    상기 하이라이트하는 단계는,
    스크롤을 통한 상기 정주행 모드와 연동하여 상기 정주행 모드에 따라 상기 컨텐츠 목록 상의 하이라이트 표시를 자동 이동하는 것
    을 특징으로 하는 컨텐츠 제공 방법.
  2. 제1항에 있어서,
    상기 표시하는 단계는,
    듀얼 스크린 기능을 지원하는 웹 브라우저를 통해 상기 제1 화면에 컨텐츠를 표시하고 상기 제2 화면에 상기 컨텐츠 목록을 표시하는 것
    을 특징으로 하는 컨텐츠 제공 방법.
  3. 제1항에 있어서,
    상기 하이라이트하는 단계는,
    상기 제1 화면에 대한 스크롤 입력에 따라 이전 컨텐츠에서 다음 컨텐츠가 표시되는 경우 상기 컨텐츠 목록 상의 하이라이트를 상기 이전 컨텐츠를 나타내는 이전 항목에서 상기 다음 컨텐츠를 나타내는 다음 항목으로 이동하여 표시하는 단계
    를 포함하는 컨텐츠 제공 방법.
  4. 제3항에 있어서,
    상기 하이라이트하는 단계는,
    상기 제2 화면 상에 정해진 적어도 하나의 기준선을 이용한 일정 범위 내에 상기 하이라이트가 위치하도록 상기 컨텐츠 목록을 스크롤하여 조절하는 단계
    를 포함하는 컨텐츠 제공 방법.
  5. 제3항에 있어서,
    상기 하이라이트하는 단계는,
    상기 제2 화면에서 상기 컨텐츠 목록 상의 하이라이트가 임계 위치에 도달하는 시점에 상기 컨텐츠 목록을 최대 길이만큼 스크롤하는 단계
    를 포함하는 컨텐츠 제공 방법.
  6. 제3항에 있어서,
    상기 하이라이트하는 단계는,
    상기 제2 화면에서 상기 컨텐츠 목록 상의 하이라이트가 이동할 때마다 상기 컨텐츠 목록을 단위 길이만큼 스크롤하는 단계
    를 포함하는 컨텐츠 제공 방법.
  7. 제3항에 있어서,
    상기 하이라이트하는 단계는,
    상기 제2 화면에 대한 스크롤 입력에 따라 상기 컨텐츠 목록을 스크롤하는 단계; 및
    일정 시간 동안 상기 제2 화면에 대한 추가 스크롤 입력이 없거나 상기 제1 화면에 대한 스크롤 입력이 있는 경우 상기 제2 화면 상에 정해진 적어도 하나의 기준선을 이용한 일정 범위 내에 상기 하이라이트가 재위치하도록 상기 컨텐츠 목록을 스크롤하여 조절하는 단계
    를 포함하는 컨텐츠 제공 방법.
  8. 제1항에 있어서,
    상기 컨텐츠 제공 방법은,
    상기 적어도 하나의 프로세서에 의해, 상기 컨텐츠 목록이 복수의 페이지로 구성되는 경우 상기 컨텐츠 목록을 페이지 단위로 상기 제2 화면에 표시하는 단계; 및
    상기 적어도 하나의 프로세서에 의해, 상기 정주행 모드에서 상기 제2 화면 상의 컨텐츠 목록을 이전 페이지에서 다음 페이지로 자동 전환되도록 제어하는 단계
    를 더 포함하는 컨텐츠 제공 방법.
  9. 제1항 내지 제8항 중 어느 한 항의 컨텐츠 제공 방법을 컴퓨터 시스템에 실행시키기 위해 비-일시적인 컴퓨터 판독가능한 기록 매체에 저장된 컴퓨터 프로그램.
  10. 제1항 내지 제8항 중 어느 한 항의 컨텐츠 제공 방법을 컴퓨터에 실행시키기 위한 프로그램이 기록되어 있는 비-일시적인 컴퓨터 판독 가능한 기록 매체.
  11. 컴퓨터 장치에 있어서,
    메모리에 포함된 컴퓨터 판독 가능한 명령을 실행하도록 구현되는 적어도 하나의 프로세서
    를 포함하고,
    상기 적어도 하나의 프로세서는,
    상기 컴퓨터 장치에 포함된 듀얼 스크린을 이용하여 제1 화면에 컨텐츠를 표시하고 제2 화면에 컨텐츠 목록을 표시하는 표시부; 및
    상기 제1 화면에 대한 스크롤 입력에 따라 상기 컨텐츠 목록에 포함된 복수 개의 컨텐츠를 상기 제1 화면에 연속하여 표시하는 정주행 모드에서 상기 컨텐츠 목록 상에 상기 제1 화면에 현재 표시 중인 컨텐츠를 나타내는 항목을 하이라이트하는 연동부
    를 포함하고,
    상기 정주행 모드는 각 컨텐츠에 대한 별도의 UI 입력이 아닌 스크롤을 이용한 이어보기 기능으로서 이전 컨텐츠에서 스크롤을 통해 다음 컨텐츠로 자동 이동하여 연속으로 표시하는 방식이고,
    상기 연동부는,
    스크롤을 통한 상기 정주행 모드와 연동하여 상기 정주행 모드에 따라 상기 컨텐츠 목록 상의 하이라이트 표시를 자동 이동하는 것
    을 특징으로 하는 컴퓨터 장치.
  12. 제11항에 있어서,
    상기 표시부는,
    듀얼 스크린 기능을 지원하는 웹 브라우저를 통해 상기 제1 화면에 컨텐츠를 표시하고 상기 제2 화면에 상기 컨텐츠 목록을 표시하는 것
    을 특징으로 하는 컴퓨터 장치.
  13. 제11항에 있어서,
    상기 연동부는,
    상기 제1 화면에 대한 스크롤 입력에 따라 이전 컨텐츠에서 다음 컨텐츠가 표시되는 경우 상기 컨텐츠 목록 상의 하이라이트를 상기 이전 컨텐츠를 나타내는 이전 항목에서 상기 다음 컨텐츠를 나타내는 다음 항목으로 이동하여 표시하는 것
    을 특징으로 하는 컴퓨터 장치.
  14. 제13항에 있어서,
    상기 연동부는,
    상기 제2 화면 상에 정해진 적어도 하나의 기준선을 이용한 일정 범위 내에 상기 하이라이트가 위치하도록 상기 컨텐츠 목록을 스크롤하여 조절하는 것
    을 특징으로 하는 컴퓨터 장치.
  15. 제13항에 있어서,
    상기 연동부는,
    상기 제2 화면에서 상기 컨텐츠 목록 상의 하이라이트가 임계 위치에 도달하는 시점에 상기 컨텐츠 목록을 최대 길이만큼 스크롤하는 것
    을 특징으로 하는 컴퓨터 장치.
  16. 제13항에 있어서,
    상기 연동부는,
    상기 제2 화면에서 상기 컨텐츠 목록 상의 하이라이트가 이동할 때마다 상기 컨텐츠 목록을 단위 길이만큼 스크롤하는 것
    을 특징으로 하는 컴퓨터 장치.
  17. 제13항에 있어서,
    상기 연동부는,
    상기 제2 화면에 대한 스크롤 입력에 따라 상기 컨텐츠 목록을 스크롤한 후 일정 시간 동안 상기 제2 화면에 대한 추가 스크롤 입력이 없거나 상기 제1 화면에 대한 스크롤 입력이 있는 경우 상기 제2 화면 상에 정해진 적어도 하나의 기준선을 이용한 일정 범위 내에 상기 하이라이트가 재위치하도록 상기 컨텐츠 목록을 스크롤하여 조절하는 것
    을 특징으로 하는 컴퓨터 장치.
  18. 제11항에 있어서,
    상기 표시부는,
    상기 컨텐츠 목록이 복수의 페이지로 구성되는 경우 상기 컨텐츠 목록을 페이지 단위로 상기 제2 화면에 표시하고,
    상기 연동부는,
    상기 정주행 모드에서 상기 제2 화면 상의 컨텐츠 목록을 이전 페이지에서 다음 페이지로 자동 전환되도록 제어하는 것
    을 특징으로 하는 컴퓨터 장치.
KR1020190172699A 2019-12-23 2019-12-23 듀얼 스크린에서 컨텐츠와 컨텐츠 목록을 연동하여 표시하는 방법, 시스템, 및 컴퓨터 프로그램 KR102301498B1 (ko)

Priority Applications (2)

Application Number Priority Date Filing Date Title
KR1020190172699A KR102301498B1 (ko) 2019-12-23 2019-12-23 듀얼 스크린에서 컨텐츠와 컨텐츠 목록을 연동하여 표시하는 방법, 시스템, 및 컴퓨터 프로그램
US17/130,761 US20210191682A1 (en) 2019-12-23 2020-12-22 Method and system for associating and displaying content and list of contents on dual screen

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020190172699A KR102301498B1 (ko) 2019-12-23 2019-12-23 듀얼 스크린에서 컨텐츠와 컨텐츠 목록을 연동하여 표시하는 방법, 시스템, 및 컴퓨터 프로그램

Publications (2)

Publication Number Publication Date
KR20210080782A KR20210080782A (ko) 2021-07-01
KR102301498B1 true KR102301498B1 (ko) 2021-09-13

Family

ID=76438109

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020190172699A KR102301498B1 (ko) 2019-12-23 2019-12-23 듀얼 스크린에서 컨텐츠와 컨텐츠 목록을 연동하여 표시하는 방법, 시스템, 및 컴퓨터 프로그램

Country Status (2)

Country Link
US (1) US20210191682A1 (ko)
KR (1) KR102301498B1 (ko)

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20090254861A1 (en) * 2007-12-31 2009-10-08 France Telecom Dual display content companion
KR101453914B1 (ko) 2008-01-16 2014-10-24 삼성전자주식회사 복수의 리스트를 표시하기 위한 ｇｕｉ 제공방법 및 이를적용한 멀티미디어 기기
KR101601049B1 (ko) 2010-02-10 2016-03-08 삼성전자주식회사 듀얼 표시부를 가지는 휴대단말 및 그 표시부를 이용한 클립보드 기능 제공 방법

Family Cites Families (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20060294476A1 (en) * 2005-06-23 2006-12-28 Microsoft Corporation Browsing and previewing a list of items
JP4740971B2 (ja) * 2008-03-14 2011-08-03 京セラ株式会社 表示機能付き端末装置
KR101457404B1 (ko) * 2008-06-13 2014-11-06 삼성전자주식회사 전자액자 및 그의 이미지 표시방법
KR101560718B1 (ko) * 2009-05-29 2015-10-15 엘지전자 주식회사 이동 단말기 및 이동 단말기에서의 정보 표시 방법
JP5751030B2 (ja) * 2011-06-03 2015-07-22 ソニー株式会社 表示制御装置、表示制御方法、及びプログラム
KR20140046329A (ko) * 2012-10-10 2014-04-18 삼성전자주식회사 멀티 디스플레이 장치 및 그 디스플레이 제어 방법
KR102061881B1 (ko) * 2012-10-10 2020-01-06 삼성전자주식회사 멀티 디스플레이 장치 및 그 디스플레이 제어 방법
KR101989088B1 (ko) * 2017-09-25 2019-06-14 네이버랩스 주식회사 하이브리드 스크롤 뷰를 구현하는 방법 및 시스템

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20090254861A1 (en) * 2007-12-31 2009-10-08 France Telecom Dual display content companion
KR101453914B1 (ko) 2008-01-16 2014-10-24 삼성전자주식회사 복수의 리스트를 표시하기 위한 ｇｕｉ 제공방법 및 이를적용한 멀티미디어 기기
KR101601049B1 (ko) 2010-02-10 2016-03-08 삼성전자주식회사 듀얼 표시부를 가지는 휴대단말 및 그 표시부를 이용한 클립보드 기능 제공 방법

Also Published As

Publication number Publication date
US20210191682A1 (en) 2021-06-24
KR20210080782A (ko) 2021-07-01

Similar Documents

Publication Publication Date Title
US11635869B2 (en) Display device and method of controlling the same
US10671282B2 (en) Display device including button configured according to displayed windows and control method therefor
US11416066B2 (en) Methods and systems for generating and providing immersive 3D displays
US11899903B2 (en) Display device and method of controlling the same
EP2534567B1 (en) Multi-layer user interface with flexible parallel and orthogonal movement
KR102298602B1 (ko) 확장가능한 애플리케이션 표시
US11604580B2 (en) Configuration of application execution spaces and sub-spaces for sharing data on a mobile touch screen device
US20110199318A1 (en) Multi-layer user interface with flexible parallel movement
KR101891582B1 (ko) 컨텐츠 내 하이라이트 댓글을 처리하기 위한 방법 및 시스템
KR102319157B1 (ko) 메신저 내 플랫폼에 추가된 애플리케이션을 이용하여 대화방에서 정보를 공유하는 방법, 시스템, 및 비-일시적인 컴퓨터 판독가능한 기록 매체
KR20160140932A (ko) 확장 가능한 애플리케이션 표시 및 콘텐트 전송
KR20210083578A (ko) 영상과 댓글을 동시에 소비하는 경험을 제공하는 방법, 시스템, 및 컴퓨터 프로그램
JP2022521720A (ja) ミニプログラム作成方法、装置、端末及びプログラム
KR20210088484A (ko) 새로운 사용자 경험의 정보 제공 인터페이스 방법 및 그 시스템
CN108292187B (zh) 上下文命令栏
KR102301498B1 (ko) 듀얼 스크린에서 컨텐츠와 컨텐츠 목록을 연동하여 표시하는 방법, 시스템, 및 컴퓨터 프로그램
KR102309243B1 (ko) Pip 모드에서 대화방에 컨텐츠를 공유하는 방법, 시스템, 및 컴퓨터 프로그램
US20150293888A1 (en) Expandable Application Representation, Milestones, and Storylines
KR102276816B1 (ko) 공간 단위로 구성된 컨텐츠를 제공하는 방법 및 시스템
KR20220105017A (ko) 관심 컨텐츠를 표시하는 방법, 시스템, 및 컴퓨터 프로그램
KR101918705B1 (ko) 인지 부하를 줄이기 위한 화면 구성 방법 및 시스템
KR101741906B1 (ko) 하나의 그룹에 포함된 이미지들에 이미지 효과를 일괄 적용하기 위한 방법 및 시스템
KR20180130474A (ko) 상황에 따른 화면 간 상호 연동을 위한 방법 및 시스템
KR102678963B1 (ko) 온라인 광고 노출 방법 및 시스템
US20220391046A1 (en) Method and system for exposing online content

Legal Events

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