KR101989088B1 - 하이브리드 스크롤 뷰를 구현하는 방법 및 시스템 - Google Patents

하이브리드 스크롤 뷰를 구현하는 방법 및 시스템 Download PDF

Info

Publication number
KR101989088B1
KR101989088B1 KR1020170123188A KR20170123188A KR101989088B1 KR 101989088 B1 KR101989088 B1 KR 101989088B1 KR 1020170123188 A KR1020170123188 A KR 1020170123188A KR 20170123188 A KR20170123188 A KR 20170123188A KR 101989088 B1 KR101989088 B1 KR 101989088B1
Authority
KR
South Korea
Prior art keywords
view
operating system
content
engine
scroll
Prior art date
Application number
KR1020170123188A
Other languages
English (en)
Other versions
KR20190034768A (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 KR1020170123188A priority Critical patent/KR101989088B1/ko
Publication of KR20190034768A publication Critical patent/KR20190034768A/ko
Application granted granted Critical
Publication of KR101989088B1 publication Critical patent/KR101989088B1/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/0485—Scrolling or panning
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/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

Landscapes

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

Abstract

하이브리드 스크롤 뷰를 구현하는 방법 및 시스템이 개시된다. 컴퓨터로 구현되는 방법은, 상기 전자 기기 상의 컨텐츠 렌더링 엔진에 의해 컨텐츠가 표시되는 엔진 뷰의 상단과 하단 중 적어도 하나에, 상기 전자 기기 상의 운영체제에 의해 부가 정보가 표시되는 운영체제 뷰가 결합된 스크롤 뷰를 생성하는 단계; 및 상기 스크롤 뷰를 통해 상기 부가 정보를 상기 컨텐츠와 함께 스크롤 뷰 타입으로 표시하는 단계를 포함한다.

Description

하이브리드 스크롤 뷰를 구현하는 방법 및 시스템{METHOD AND SYSTEM TO IMPLEMENT HYBRID SCROLL VIEW}
아래의 설명은 스크롤 뷰 방식의 컨텐츠에 부가 정보를 삽입하는 기술에 관한 것이다.
최근에는 온라인 만화가 출시되어 많은 유저들이 만화 열람을 통해 즐거움과 정보를 얻고 있다. 온라인 만화 제공 시스템은 회원들을 중심으로 인증처리 시 승인 결과에 따라 열람 가능하게 제한하고 있으며, 승인된 유저들은 만화를 선택하고 자동 넘김이나 수동 넘김을 선택하여 만화를 보다 쉽게 볼 수 있도록 하고 있다.
온라인 만화 제공 시스템을 통해 만화를 보는 참여 인구는 대부분의 연령층이 온라인 쇼핑이나 각종 온라인 활동에 적극적인 연령이므로 차세대 소비의 주축으로 발전될 것임을 인지하여 많은 광고사들이 온라인 만화에서 광고하기를 희망하고 있다.
예컨대, 한국공개특허 제10-2003-0013535호(공개일 2003년 02월 15일)에는 인터넷을 통해 제공되는 디지털 컨텐츠 형태의 만화에 광고주가 의뢰한 브랜드명이 있는 상품이나 이미지, 또는 로고 등을 삽입하여 거부감 없이 특정 제품이나 브랜드를 광고하는 기술이 개시되어 있다.
디바이스 운영체제(OS: Operating System)와 컨텐츠 렌더링 엔진을 연동하여 하이브리드 스크롤 뷰를 구현할 수 있는 방법 및 시스템을 제공한다.
운영체제 뷰와 컨텐츠 렌더링 엔진 뷰 간의 스케일 단위를 일치시킨 스크롤 뷰를 제공할 수 있는 방법 및 시스템을 제공한다.
운영체제 뷰에 의한 부가 정보를 컨텐츠의 상단 및/또는 하단에 삽입하는 방법 및 시스템을 제공한다.
컴퓨터로 구현되는 전자 기기에서의 컨텐츠 제공 방법에 있어서, 상기 전자 기기 상의 컨텐츠 렌더링 엔진에 의해 컨텐츠가 표시되는 엔진 뷰의 상단과 하단 중 적어도 하나에, 상기 전자 기기 상의 운영체제에 의해 부가 정보가 표시되는 운영체제 뷰가 결합된 스크롤 뷰를 생성하는 단계; 및 상기 스크롤 뷰를 통해 상기 부가 정보를 상기 컨텐츠와 함께 스크롤 뷰 타입으로 표시하는 단계를 포함하는 컨텐츠 제공 방법을 제공한다.
일 측면에 따르면, 상기 생성하는 단계는, 상기 컨텐츠 렌더링 엔진과 상기 운영체제 간의 스케일 단위를 일치시키는 단계를 포함할 수 있다.
다른 측면에 따르면, 상기 생성하는 단계는, 상기 운영체제 뷰의 높이를 지정하는 단계; 상기 운영체제 뷰의 높이와 상기 엔진 뷰의 높이를 포함한 전체 높이를 계산하는 단계; 및 상기 전체 높이에 따른 스크롤 뷰를 생성하는 단계를 포함할 수 있다.
또 다른 측면에 따르면, 상기 계산하는 단계는, 상기 운영체제 뷰의 높이를 상기 엔진 뷰에 해당되는 스케일 단위의 높이로 계산하는 단계를 포함할 수 있다.
또 다른 측면에 따르면, 상기 계산하는 단계는, 상기 컨텐츠 렌더링 엔진과 상기 운영체제 간의 스케일 단위를 일치시켜 상기 전체 높이를 계산할 수 있다.
또 다른 측면에 따르면, 상기 전체 높이에 따른 스크롤 뷰를 생성하는 단계는, 상기 운영체제의 스크롤 뷰에 상기 전체 높이를 반영함으로써 상기 엔진 뷰와 상기 운영체제 뷰가 결합된 스크롤 뷰의 전체 높이를 지정하는 단계를 포함할 수 있다.
또 다른 측면에 따르면, 상기 표시하는 단계는, 상기 전자 기기의 화면에 대한 스크롤 시 상기 스크롤 뷰에 의해 상기 부가 정보를 상기 컨텐츠와 함께 스크롤 할 수 있다.
컴퓨터와 결합되어 상기 컨텐츠 제공 방법을 컴퓨터에 실행시키기 위해 컴퓨터 판독 가능한 기록매체에 저장된 컴퓨터 프로그램을 제공한다.
상기 컨텐츠 제공 방법을 컴퓨터에 실행시키기 위한 프로그램이 기록되어 있는 것을 특징으로 하는 컴퓨터에서 판독 가능한 기록매체를 제공한다.
컴퓨터로 구현되는 전자 기기에서의 컨텐츠 제공 시스템에 있어서, 컴퓨터에서 판독 가능한 명령을 실행하도록 구현되는 적어도 하나의 프로세서를 포함하고, 상기 적어도 하나의 프로세서는, 상기 전자 기기 상의 컨텐츠 렌더링 엔진에 의해 컨텐츠가 표시되는 엔진 뷰의 상단과 하단 중 적어도 하나에, 상기 전자 기기 상의 운영체제에 의해 부가 정보가 표시되는 운영체제 뷰가 결합된 스크롤 뷰를 생성하는 과정; 및 상기 스크롤 뷰를 통해 상기 부가 정보를 상기 컨텐츠와 함께 스크롤 뷰 타입으로 표시하는 과정을 처리하는 컨텐츠 제공 시스템을 제공한다.
본 발명의 실시예들에 따르면, 디바이스 운영체제와 컨텐츠 렌더링 엔진을 연동하여 운영체제 상에서의 하이브리드 스크롤 뷰를 구현할 수 있다.
본 발명의 실시예들에 따르면, 운영체제 뷰와 컨텐츠 렌더링 엔진 뷰 간의 스케일 단위를 일치시킨 스크롤 뷰를 통해 운영체제 뷰에 의한 부가 정보를 컨텐츠의 상단 및/또는 하단에 삽입할 수 있다.
도 1은 본 발명의 일 실시예에 따른 네트워크 환경의 예를 도시한 도면이다.
도 2는 본 발명의 일 실시예에 있어서 전자 기기 및 서버의 내부 구성을 설명하기 위한 블록도이다.
도 3은 본 발명의 일 실시예에 따른 전자 기기가 수행할 수 있는 컨텐츠 제공 방법의 예를 도시한 흐름도이다.
도 4는 본 발명의 일 실시예에 있어서 운영체제 뷰와 엔진 뷰가 결합된 스크롤 뷰를 생성하는 과정의 예를 도시한 것이다.
도 5는 본 발명의 일 실시예에 있어서 렌더링 엔진 좌표계의 예시를 도시한 것이다.
도 6은 본 발명의 일 실시예에 있어서 디바이스 좌표계의 예시를 도시한 것이다.
도 7은 본 발명의 일 실시예에 있어서 운영체제 뷰와 엔진 뷰가 결합된 스크롤 뷰의 예시를 도시한 것이다.
도 8은 본 발명의 일 실시예에 있어서 운영체제 뷰와 엔진 뷰가 결합된 스크롤 뷰에 대한 스크롤 예시를 도시한 것이다.
이하, 본 발명의 실시예를 첨부된 도면을 참조하여 상세하게 설명한다.
본 발명의 실시예들은 스크롤 뷰 방식의 컨텐츠에 부가 정보를 삽입하는 기술에 관한 것이다.
본 명세서에서 구체적으로 개시되는 것들을 포함하는 실시예들은 디바이스 운영체제와 컨텐츠 렌더링 엔진을 연동하여 운영체제 상에서의 하이브리드 스크롤 뷰를 구현할 수 있고, 이를 통해 호환성, 효율성, 용이성, 비용 절감 등의 측면에 있어서 상당한 장점들을 달성할 수 있다.
도 1은 본 발명의 일 실시예에 따른 네트워크 환경의 예를 도시한 도면이다. 도 1의 네트워크 환경은 복수의 전자 기기들(110, 120, 130, 140), 복수의 서버들(150, 160) 및 네트워크(170)를 포함하는 예를 나타내고 있다. 이러한 도 1은 발명의 설명을 위한 일례로 전자 기기의 수나 서버의 수가 도 1과 같이 한정되는 것은 아니다.
복수의 전자 기기들(110, 120, 130, 140)은 컴퓨터 장치로 구현되는 고정형 단말이거나 이동형 단말일 수 있다. 복수의 전자 기기들(110, 120, 130, 140)의 예를 들면, 스마트폰(smart phone), 휴대폰, 태블릿 PC, 내비게이션, 컴퓨터, 노트북, 디지털방송용 단말, PDA(Personal Digital Assistants), PMP(Portable Multimedia Player) 등이 있다. 일례로 제1 전자 기기(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)를 통해 통신하여 명령, 코드, 파일, 컨텐츠, 서비스 등을 제공하는 컴퓨터 장치 또는 복수의 컴퓨터 장치들로 구현될 수 있다. 일례로, 서버(160)는 네트워크(170)를 통해 접속한 제1 전자 기기(110)로 어플리케이션의 설치를 위한 파일을 제공할 수 있다. 이 경우 제1 전자 기기(110)는 서버(160)로부터 제공된 파일을 이용하여 어플리케이션을 설치할 수 있다. 또한, 제1 전자 기기(110)가 포함하는 운영체제(OS)나 적어도 하나의 프로그램(일례로 브라우저나 상기 설치된 어플리케이션)의 제어에 따라 서버(150)에 접속하여 서버(150)가 제공하는 서비스나 컨텐츠를 제공받을 수 있다. 예를 들어, 제1 전자 기기(110)가 어플리케이션의 제어에 따라 네트워크(170)를 통해 서비스 요청 메시지를 서버(150)로 전송하면, 서버(150)는 서비스 요청 메시지에 대응하는 코드를 제1 전자 기기(110)로 전송할 수 있고, 제1 전자 기기(110)는 어플리케이션의 제어에 따라 코드에 따른 화면을 구성하여 표시함으로써 사용자에게 컨텐츠를 제공할 수 있다.
도 2는 본 발명의 일 실시예에 있어서 전자 기기 및 서버의 내부 구성을 설명하기 위한 블록도이다. 도 2에서는 하나의 전자 기기에 대한 예로서 제1 전자 기기(110), 그리고 하나의 서버에 대한 예로서 서버(150)의 내부 구성을 설명한다. 다른 전자 기기들(120, 130, 140)이나 서버(160) 역시 동일한 또는 유사한 내부 구성을 가질 수 있다.
제1 전자 기기(110)와 서버(150)는 메모리(211, 221), 프로세서(212, 222), 통신 모듈(213, 223) 그리고 입출력 인터페이스(214, 224)를 포함할 수 있다. 메모리(211, 221)는 컴퓨터에서 판독 가능한 기록 매체로서, RAM(random access memory), ROM(read only memory) 및 디스크 드라이브와 같은 비소멸성 대용량 기록장치(permanent mass storage device)를 포함할 수 있다. 또한, 메모리(211, 221)에는 운영체제나 적어도 하나의 프로그램 코드(일례로 제1 전자 기기(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)를 통해 제1 전자 기기(110)와 서버(150)가 서로 통신하기 위한 기능을 제공할 수 있으며, 다른 전자 기기(일례로 제2 전자 기기(120)) 또는 다른 서버(일례로 서버(160))와 통신하기 위한 기능을 제공할 수 있다. 일례로, 제1 전자 기기(110)의 프로세서(212)가 메모리(211)와 같은 기록 장치에 저장된 프로그램 코드에 따라 생성한 요청(일례로 검색 요청)이 통신 모듈(213)의 제어에 따라 네트워크(170)를 통해 서버(150)로 전달될 수 있다. 역으로, 서버(150)의 프로세서(222)의 제어에 따라 제공되는 제어 신호나 명령, 컨텐츠, 파일 등이 통신 모듈(223)과 네트워크(170)를 거쳐 제1 전자 기기(110)의 통신 모듈(213)을 통해 제1 전자 기기(110)로 수신될 수 있다. 예를 들어 통신 모듈(213)을 통해 수신된 서버(150)의 제어 신호나 명령 등은 프로세서(212)나 메모리(211)로 전달될 수 있고, 컨텐츠나 파일 등은 제1 전자 기기(110)가 더 포함할 수 있는 저장 매체로 저장될 수 있다.
입출력 인터페이스(214)는 입출력 장치(215)와의 인터페이스를 위한 수단일 수 있다. 예를 들어, 입력 장치는 키보드 또는 마우스 등의 장치를, 그리고 출력 장치는 어플리케이션의 통신 세션을 표시하기 위한 디스플레이와 같은 장치를 포함할 수 있다. 다른 예로 입출력 인터페이스(214)는 터치스크린과 같이 입력과 출력을 위한 기능이 하나로 통합된 장치와의 인터페이스를 위한 수단일 수도 있다. 보다 구체적인 예로, 제1 전자 기기(110)의 프로세서(212)는 메모리(211)에 로딩된 컴퓨터 프로그램의 명령을 처리함에 있어서 서버(150)나 제2 전자 기기(120)가 제공하는 데이터를 이용하여 구성되는 서비스 화면이나 컨텐츠가 입출력 인터페이스(214)를 통해 디스플레이에 표시될 수 있다. 입출력 인터페이스(224) 또한 마찬가지로 서버(150)의 프로세서(222)가 메모리(221)에 로딩된 컴퓨터 프로그램의 명령을 처리함에 있어 서버(150)가 제공하는 데이터를 이용하여 구성되는 정보를 출력할 수 있다.
또한, 다른 실시예들에서 제1 전자 기기(110) 및 서버(150)는 도 2의 구성요소들보다 더 많은 구성요소들을 포함할 수도 있다. 예를 들어, 제1 전자 기기(110)는 상술한 입출력 장치(215) 중 적어도 일부를 포함하도록 구현되거나 또는 트랜시버(transceiver), GPS(Global Positioning System) 모듈, 카메라, 각종 센서, 데이터베이스 등과 같은 다른 구성요소들을 더 포함할 수도 있다. 보다 구체적인 예로, 제1 전자 기기(110)가 스마트폰인 경우, 일반적으로 스마트폰이 포함하고 있는 가속도 센서나 자이로 센서, 카메라, 각종 물리적인 버튼, 터치패널을 이용한 버튼, 입출력 포트, 진동을 위한 진동기 등의 다양한 구성요소들이 제1 전자 기기(110)에 더 포함되도록 구현될 수 있음을 알 수 있다. 그러나, 대부분의 종래기술적 구성요소들을 명확하게 도시할 필요성은 없다.
도 3은 본 발명의 일 실시예에 따른 전자 기기가 수행할 수 있는 방법의 예를 도시한 흐름도이다.
본 실시예에 따른 제1 전자 기기(110)에는 컴퓨터로 구현된 컨텐츠 제공 시스템이 구성될 수 있다. 컨텐츠 제공 시스템은 PC 기반의 프로그램 또는 모바일 단말 전용의 어플리케이션으로 구성될 수 있다. 본 실시예에서의 컨텐츠 제공 시스템은 독립적으로 동작하는 프로그램 형태로 구현되거나, 혹은 특정 어플리케이션의 인-앱(in-app) 형태로 구성되어 상기 특정 어플리케이션 상에서 동작이 가능하도록 구현될 수 있다. 컨텐츠 제공 시스템은 제1 전자 기기(110) 상에 설치되는 어플리케이션 형태로 구현되어 서버(150)와의 연동을 통해 컨텐츠 서비스를 제공할 수 있다.
본 명세서에서 컨텐츠는 웹툰, 사진, 영화 등과 같은 시각 컨텐츠를 의미하는 것으로, 이하에서는 다양한 효과가 적용된 웹툰, 즉 효과툰과 같은 스크롤 뷰 타입의 컨텐츠를 대표적인 예로 하여 설명하기로 한다. 여기서, 효과툰은 스크롤 위치와 연계하여 다양한 효과, 예를 들어 이동, 회전, 확대, 축소, 투명도, 나타나기, 사라지기, 배경음악 페이드 인/아웃, 패럴랙스(parallax), 흔들기, 반짝이기, 둥실거림, 효과음, 진동, 애니메이션, 원근 처리 등이 연출되는 웹툰이다.
스크롤 뷰 타입의 컨텐츠에 한정되는 것은 아니며, 운영체제 뷰와 컨텐츠 렌더링 엔진 뷰의 결합이 요구되는 컨텐츠, 예를 들어 3차원 뷰 타입의 컨텐츠 등을 대상으로 한 적용 또한 가능하다.
제1 전자 기기(110)의 프로세서(212)는 도 3의 컨텐츠 제공 방법이 포함하는 단계들(S310 내지 S330)을 수행하도록 제1 전자 기기(110)을 제어할 수 있다. 예를 들어, 프로세서(212)는 메모리(211)가 포함하는 운영체제의 코드와 적어도 하나의 프로그램의 코드에 따른 명령(instruction)을 실행하도록 구현될 수 있다.
단계(S310)에서 프로세서(212)는 제1 전자 기기(110)의 제어와 관련된 명령이 로딩된 메모리(211)로부터 필요한 명령을 읽어들일 수 있다. 이 경우, 상기 읽어들인 명령은 프로세서(212)가 이후 설명될 단계들(S320 내지 S330)을 실행하도록 제어하기 위한 명령을 포함할 수 있다. 다시 말해, 프로세서(212)는 서버(150)로부터 제1 전자 기기(110)의 서비스 요청에 대응하는 코드를 수신한 후 수신된 코드에 따른 화면을 구성하기 위해 메모리(211)로부터 필요한 운영체제(예컨대, Android Application)와 적어도 하나의 프로그램(제1 전자 기기(110)에 설치되어 구동되는 서비스 전용 어플리케이션의 컨텐츠 렌더링 엔진, 예를 들어 Android Native Engine)을 읽어들일 수 있다.
단계(S320)에서 프로세서(212)는 제1 전자 기기(110)의 운영체제에 의한 뷰(이하, '운영체제 뷰'라 칭함)와 컨텐츠 렌더링 엔진에 의한 뷰(이하, '엔진 뷰'라 칭함)가 결합된 스크롤 뷰를 생성할 수 있다. 이때, 프로세서(212)는 운영체제와 컨텐츠 렌더링 엔진 간의 스케일 단위를 일치시킨다. 효과툰과 같은 스크롤 뷰 타입의 컨텐츠는 컨텐츠 렌더링 엔진을 통해 표시되고 컨텐츠와 연계되어 함께 제공되는 광고나 안내 문구 등의 부가 정보는 운영체제 뷰를 통해 표시된다. 효과툰의 다양한 효과를 구현하기 위해서도 컨텐츠 렌더링 엔진이 운영체제 뷰와 연동할 수 있다. 이와 같이, 한 화면에 운영체제에서 렌더링 된 것과 컨텐츠 렌더링 엔진에서 렌더링 된 것이 혼합되는 경우 스케일 단위를 일치화 시키는 과정이 필요하다. 예를 들어, 효과툰을 렌더링 하는 엔진의 OpenGL 좌표계는 운영체제에서 이용되는 디바이스 좌표계와 다르기 때문에 운영체제 뷰의 스케일 단위와 엔진 뷰의 스케일 단위를 맞춰 줘야 한다.
단계(S330)에서 프로세서(212)는 운영체제 뷰와 엔진 뷰가 결합된 스크롤 뷰를 통해 운영체제 뷰에 의한 부가 정보를 컨텐츠의 상단과 하단 중 적어도 하나에 삽입하여 컨텐츠와 함께 스크롤 뷰 타입으로 표시할 수 있다. 프로세서(212)는 운영체제와 컨텐츠 렌더링 엔진 간의 스케일 단위가 일치화 된 스크롤 뷰를 통해 컨텐츠와 함께 스크롤 가능한 부가 정보를 삽입하여 표시할 수 있다. 따라서, 운영체제 뷰가 엔진 뷰의 상단 및/또는 하단의 끝에 삽입됨에 따라 상/하로 스크롤 시 컨텐츠와 같이 스크롤 되면서 상단의 끝이나 하단의 끝에서 부가 정보가 나타나거나 사라질 수 있다.
도 4는 본 발명의 일 실시예에 있어서 운영체제 뷰와 엔진 뷰가 결합된 스크롤 뷰를 생성하는 과정의 예를 도시한 것이다.
프로세서(212)는 운영체제 뷰에 의한 부가 정보를 컨텐츠의 상단 끝과 하단 끝에 각각 표시하기 위한 상단 뷰와 하단 뷰의 높이를 지정할 수 있다(S401). 본 실시예에서는 부가 정보를 표시하기 위한 상단 뷰와 하단 뷰를 삽입하는 것으로 설명하고 있으나, 이에 한정되지 않으며 상단 뷰와 하단 뷰 중 하나 이상의 뷰를 선택적으로 삽입할 수 있다.
프로세서(212)는 운영체제 뷰인 상단 뷰와 하단 뷰의 높이를 엔진 뷰에 해당되는 스케일 단위의 높이에 맞춰 계산한 후 상단 뷰와 하단 뷰의 높이, 그리고 컨텐츠 렌더링 엔진에 의해 렌더링 된 컨텐츠의 높이를 포함한 전체 높이를 계산할 수 있다(S402). 프로세서(212)는 운영체제 뷰와 엔진 뷰가 결합된 스크롤 뷰를 생성하기 위해서 서로 다른 좌표계를 이용하는 운영체제와 컨텐츠 렌더링 엔진 간의 스케일 단위를 일치화 시키는 과정이 필요하다.
도 5는 컨텐츠 렌더링 엔진에서 이용되는 렌더링 엔진 좌표계(500)의 예시를 도시한 것이다. 도 5에 도시한 바와 같이, 렌더링 엔진 좌표계(500)에서는 엔진 뷰(510)를 (x,y) 좌표 공간에 나타내고 엔진 뷰(510)의 왼쪽 최하단 지점이 영점(511)에 해당된다.
도 6은 제1 전자 기기(110)의 운영체제에서 이용되는 디바이스 좌표계(600)의 예시를 도시한 것이다. 도 6에 도시한 바와 같이, 디바이스 좌표계(600)에서는 스크롤 뷰(610)를 (x,-y) 좌표 공간에 나타내고 스크롤 뷰(610)의 왼쪽 최상단 지점이 영점(611)에 해당된다.
운영체제 뷰(상단/하단 뷰)와 엔진 뷰가 결합되어 생성된 스크롤 뷰는 도 7과 같고, 전체 높이(H)는 수학식 1과 같이 정의될 수 있다.
[수학식 1]
H = headerHeight/scale + contentHeight + footerHeight/scale
headerHeight/scale는 상단 뷰의 높이 값, contentHeight는 엔진 뷰(컨텐츠)의 높이 값, footerHeight/scale는 하단 뷰의 높이 값을 의미한다. 이때, scale는 운영체제와 컨텐츠 렌더링 엔진 간의 스케일 단위를 일치화 시키기 위한 팩터로, 수학식 2와 같이 정의될 수 있다.
[수학식 2]
Scale = ContentOffset/DeviceOffset
DeviceOffset는 디바이스 좌표계(600)에서의 스크롤 뷰(610)의 높이 값을, ContentOffset는 렌더링 엔진 좌표계(500)에서의 엔진 뷰(510)의 높이 값을 의미한다.
따라서, 프로세서(212)는 운영체제 뷰와 엔진 뷰가 결합된 스크롤 뷰를 생성하기 위해 운영체제에서 지정된 물리적 사이즈를 컨텐츠 렌더링 엔진에서 적용 가능한 논리적 사이즈로 변환할 수 있다.
다시 도 4에서, 프로세서(212)는 운영체제 뷰(상단/하단 뷰)와 엔진 뷰(컨텐츠)의 높이를 포함한 전체 높이를 운영체제로 반환함으로써 운영체제 뷰와 엔진 뷰가 결합된 스크롤 뷰의 전체 높이를 지정할 수 있다(S404).
이후, 프로세서(212)는 운영체제 뷰와 엔진 뷰가 결합된 스크롤 뷰에 대하여 상/하로 스크롤 시 현재 스크롤 위치(current)를 지정하여 해당 위치에 대응되는 뷰 영역을 표시할 수 있다(S405). 이때, 스크롤에 따라 현재 표시되는 뷰 영역은 ContentOffset + current/scale와 같이 정의될 수 있다.
예를 들어, 도 8을 참조하면 컨텐츠 렌더링 엔진에 의한 효과툰 뷰의 상단 끝과 하단 끝에 광고나 안내 문구 등의 부가 정보를 표시하기 위한 운영체제 뷰로서 상단 뷰와 하단 뷰가 각각 결합된 경우 이들 뷰들이 결합된 스크롤 뷰를 통해 효과툰과 부가 정보가 함께 스크롤 될 수 있다. 운영체제 뷰(상단/하단 뷰)와 엔진 뷰(효과툰 뷰)가 결합된 스크롤 뷰에 대하여 위에서 아래로 스크롤 시 제1 전자 기기(110)의 화면에 보이는 뷰 영역(800)에는 효과툰 뷰의 상단 끝에 결합된 상단 뷰 상의 부가 정보가 가장 먼저 노출되고 이후 효과툰이 순차적으로 노출되다가 마지막에는 효과툰 뷰의 하단 끝에 결합된 하단 뷰 상의 부가 정보가 노출될 수 있다.
따라서, 효과툰과 같이 스크롤 뷰 타입의 컨텐츠를 렌더링 하는 엔진에서 운영체제의 스크롤 단위 값을 고려하여 운영체제 뷰(상단 뷰/하단 뷰)가 포함된 높이로 조정함에 따라 운영체제 뷰에 의한 부가 정보를 컨텐츠와 함께 스크롤 표시할 수 있다. 다시 말해, 운영체제 뷰(상단 뷰/하단 뷰)가 엔진 뷰(효과툰 뷰)의 상단 및/또는 하단의 끝에 삽입되어 상/하로 스크롤 시 효과툰과 같이 스크롤 되면서 효과툰 상단의 끝이나 하단의 끝에서 부가 정보가 나타나거나 사라질 수 있다.
이처럼 본 발명의 실시예들에 따르면, 디바이스 운영체제와 컨텐츠 렌더링 엔진을 연동하여 운영체제 상에서의 하이브리드 스크롤 뷰를 구현할 수 있고, 운영체제 뷰와 컨텐츠 렌더링 엔진 뷰 간의 스케일 단위를 일치시킨 스크롤 뷰를 통해 운영체제 뷰에 의한 부가 정보를 컨텐츠의 상단 및/또는 하단에 삽입할 수 있다.
이상에서 설명된 장치는 하드웨어 구성요소, 소프트웨어 구성요소, 및/또는 하드웨어 구성요소 및 소프트웨어 구성요소의 조합으로 구현될 수 있다. 예를 들어, 실시예들에서 설명된 장치 및 구성요소는, 프로세서, 콘트롤러, 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 (15)

  1. 컴퓨터로 구현되는 전자 기기에서의 컨텐츠 제공 방법에 있어서,
    상기 전자 기기 상의 컨텐츠 렌더링 엔진에 의해 컨텐츠가 표시되는 엔진 뷰의 상단과 하단 중 적어도 하나에, 상기 전자 기기 상의 운영체제에 의해 부가 정보가 표시되는 운영체제 뷰가 결합된 스크롤 뷰를 생성하는 단계; 및
    상기 스크롤 뷰를 통해 상기 부가 정보를 상기 컨텐츠와 함께 스크롤 뷰 타입으로 표시하는 단계
    를 포함하고,
    상기 운영체제와 상기 컨텐츠 렌더링 엔진을 연동하여 상기 운영체제 상에서의 하이브리드 스크롤 뷰를 구현하는 것으로,
    상기 표시하는 단계는,
    상기 컨텐츠 렌더링 엔진이 상기 운영체제 뷰와 연동하여 상기 엔진 뷰의 상단과 하단 중 적어도 하나에 상기 운영체제 뷰가 삽입됨에 따라, 상기 전자 기기의 화면에 대한 스크롤 시 상기 스크롤 뷰에 의해 상기 부가 정보를 상기 컨텐츠와 함께 스크롤 하는 것
    을 특징으로 하는 컨텐츠 제공 방법.
  2. 제1항에 있어서,
    상기 생성하는 단계는,
    상기 컨텐츠 렌더링 엔진과 상기 운영체제 간의 스케일 단위를 일치시키는 단계
    를 포함하는 컨텐츠 제공 방법.
  3. 제1항에 있어서,
    상기 생성하는 단계는,
    상기 운영체제 뷰의 높이를 지정하는 단계;
    상기 운영체제 뷰의 높이와 상기 엔진 뷰의 높이를 포함한 전체 높이를 계산하는 단계; 및
    상기 전체 높이에 따른 스크롤 뷰를 생성하는 단계
    를 포함하는 컨텐츠 제공 방법.
  4. 제3항에 있어서,
    상기 계산하는 단계는,
    상기 운영체제 뷰의 높이를 상기 엔진 뷰에 해당되는 스케일 단위의 높이로 계산하는 단계
    를 포함하는 컨텐츠 제공 방법.
  5. 제3항에 있어서,
    상기 계산하는 단계는,
    상기 컨텐츠 렌더링 엔진과 상기 운영체제 간의 스케일 단위를 일치시켜 상기 전체 높이를 계산하는 것
    을 특징으로 하는 컨텐츠 제공 방법.
  6. 제3항에 있어서,
    상기 전체 높이에 따른 스크롤 뷰를 생성하는 단계는,
    상기 운영체제의 스크롤 뷰에 상기 전체 높이를 반영함으로써 상기 엔진 뷰와 상기 운영체제 뷰가 결합된 스크롤 뷰의 전체 높이를 지정하는 단계
    를 포함하는 컨텐츠 제공 방법.
  7. 삭제
  8. 컴퓨터와 결합되어 제1항 내지 제6항 중 어느 한 항의 컨텐츠 제공 방법을 컴퓨터에 실행시키기 위해 컴퓨터 판독 가능한 기록매체에 저장된 컴퓨터 프로그램.
  9. 제1항 내지 제6항 중 어느 한 항의 컨텐츠 제공 방법을 컴퓨터에 실행시키기 위한 프로그램이 기록되어 있는 것을 특징으로 하는 컴퓨터에서 판독 가능한 기록매체.
  10. 컴퓨터로 구현되는 전자 기기에서의 컨텐츠 제공 시스템에 있어서,
    컴퓨터에서 판독 가능한 명령을 실행하도록 구현되는 적어도 하나의 프로세서
    를 포함하고,
    상기 적어도 하나의 프로세서는,
    상기 전자 기기 상의 컨텐츠 렌더링 엔진에 의해 컨텐츠가 표시되는 엔진 뷰의 상단과 하단 중 적어도 하나에, 상기 전자 기기 상의 운영체제에 의해 부가 정보가 표시되는 운영체제 뷰가 결합된 스크롤 뷰를 생성하는 과정; 및
    상기 스크롤 뷰를 통해 상기 부가 정보를 상기 컨텐츠와 함께 스크롤 뷰 타입으로 표시하는 과정
    을 처리하고,
    상기 운영체제와 상기 컨텐츠 렌더링 엔진을 연동하여 상기 운영체제 상에서의 하이브리드 스크롤 뷰를 구현하는 것으로,
    상기 표시하는 과정은,
    상기 컨텐츠 렌더링 엔진이 상기 운영체제 뷰와 연동하여 상기 엔진 뷰의 상단과 하단 중 적어도 하나에 상기 운영체제 뷰가 삽입됨에 따라, 상기 전자 기기의 화면에 대한 스크롤 시 상기 스크롤 뷰에 의해 상기 부가 정보를 상기 컨텐츠와 함께 스크롤 하는 것
    을 특징으로 하는 컨텐츠 제공 시스템.
  11. 제10항에 있어서,
    상기 생성하는 과정은,
    상기 컨텐츠 렌더링 엔진과 상기 운영체제 간의 스케일 단위를 일치시키는 것
    을 특징으로 하는 컨텐츠 제공 시스템.
  12. 제10항에 있어서,
    상기 생성하는 과정은,
    상기 운영체제 뷰의 높이를 지정하여 상기 운영체제 뷰의 높이와 상기 엔진 뷰의 높이를 포함한 전체 높이를 계산한 후 상기 전체 높이에 따른 스크롤 뷰를 생성하는 것
    을 특징으로 하는 컨텐츠 제공 시스템.
  13. 제12항에 있어서,
    상기 생성하는 과정은,
    상기 운영체제 뷰의 높이를 상기 엔진 뷰에 해당되는 스케일 단위의 높이로 계산하는 것
    을 특징으로 하는 컨텐츠 제공 시스템.
  14. 제12항에 있어서,
    상기 생성하는 과정은,
    상기 컨텐츠 렌더링 엔진과 상기 운영체제 간의 스케일 단위를 일치시켜 상기 전체 높이를 계산하는 것
    을 특징으로 하는 컨텐츠 제공 시스템.
  15. 제12항에 있어서,
    상기 생성하는 과정은,
    상기 운영체제의 스크롤 뷰에 상기 전체 높이를 반영함으로써 상기 엔진 뷰와 상기 운영체제 뷰가 결합된 스크롤 뷰의 전체 높이를 지정하는 것
    을 특징으로 하는 컨텐츠 제공 시스템.
KR1020170123188A 2017-09-25 2017-09-25 하이브리드 스크롤 뷰를 구현하는 방법 및 시스템 KR101989088B1 (ko)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020170123188A KR101989088B1 (ko) 2017-09-25 2017-09-25 하이브리드 스크롤 뷰를 구현하는 방법 및 시스템

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020170123188A KR101989088B1 (ko) 2017-09-25 2017-09-25 하이브리드 스크롤 뷰를 구현하는 방법 및 시스템

Publications (2)

Publication Number Publication Date
KR20190034768A KR20190034768A (ko) 2019-04-03
KR101989088B1 true KR101989088B1 (ko) 2019-06-14

Family

ID=66164969

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020170123188A KR101989088B1 (ko) 2017-09-25 2017-09-25 하이브리드 스크롤 뷰를 구현하는 방법 및 시스템

Country Status (1)

Country Link
KR (1) KR101989088B1 (ko)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR102301498B1 (ko) * 2019-12-23 2021-09-13 네이버 주식회사 듀얼 스크린에서 컨텐츠와 컨텐츠 목록을 연동하여 표시하는 방법, 시스템, 및 컴퓨터 프로그램

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2011142486A1 (ja) * 2010-05-14 2011-11-17 Umeda Shigeto 広告表示ｕｉおよび広告システム
WO2013102914A1 (en) * 2011-11-11 2013-07-11 Hoopz Planet Info Pvt, Ltd A notification and task bar advertising system
JP5599087B1 (ja) * 2014-01-17 2014-10-01 楽天株式会社 情報処理装置、表示制御方法、プログラム、記憶媒体

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2011142486A1 (ja) * 2010-05-14 2011-11-17 Umeda Shigeto 広告表示ｕｉおよび広告システム
WO2013102914A1 (en) * 2011-11-11 2013-07-11 Hoopz Planet Info Pvt, Ltd A notification and task bar advertising system
JP5599087B1 (ja) * 2014-01-17 2014-10-01 楽天株式会社 情報処理装置、表示制御方法、プログラム、記憶媒体

Also Published As

Publication number Publication date
KR20190034768A (ko) 2019-04-03

Similar Documents

Publication Publication Date Title
US11416066B2 (en) Methods and systems for generating and providing immersive 3D displays
Grubert et al. Augmented reality for Android application development
US9922354B2 (en) In application purchasing
JP5383930B2 (ja) 端末装置の視野に含まれている客体に関する情報を提供するための方法、端末装置及びコンピュータ読み取り可能な記録媒体
Hill et al. Kharma: An open kml/html architecture for mobile augmented reality applications
US9852550B2 (en) System and method of markerless injection of ads in AR
WO2019067305A1 (en) DISPLAYING A LIVE SCENE AND AN AUXILIARY OBJECT
Schmidt et al. Web mapping services: development and trends
KR101891582B1 (ko) 컨텐츠 내 하이라이트 댓글을 처리하기 위한 방법 및 시스템
KR100997873B1 (ko) 가상 ｐｏｉ를 이용한 맵의 광고 방법 및 시스템
KR101718628B1 (ko) 지도 화면에서 벗어난 관심 지점을 표시하기 위한 방법과 시스템
US20220392172A1 (en) Augmented Reality App and App Development Toolkit
KR20210083578A (ko) 영상과 댓글을 동시에 소비하는 경험을 제공하는 방법, 시스템, 및 컴퓨터 프로그램
KR20220141778A (ko) 대형 디스플레이를 이용하는 컨텐츠 서비스 제공 방법 및 시스템
KR101989088B1 (ko) 하이브리드 스크롤 뷰를 구현하는 방법 및 시스템
Rigby et al. Augmented reality challenges for cultural heritage
KR102185614B1 (ko) Ar 광고 간판 컨텐츠를 제공하는 시스템 및 방법
KR101843862B1 (ko) 자전거 도로 정보를 제공하는 방법 및 시스템
KR102189924B1 (ko) ３ｄ 지도를 이용한 원격 위치 기반 ａｒ 저작 방법 및 시스템
US20090141021A1 (en) Method and system for providing experiential knowledge associated with spatial and temporal information
KR20210126919A (ko) 아바타 아이템을 추천하는 방법, 시스템, 및 컴퓨터 프로그램
KR102309243B1 (ko) Pip 모드에서 대화방에 컨텐츠를 공유하는 방법, 시스템, 및 컴퓨터 프로그램
KR102188592B1 (ko) 스팟 정보를 공유하는 방법 및 시스템
KR102368953B1 (ko) 가상 현실 공간 제공 방법 및 시스템
KR20230033871A (ko) 현실 맵 기반의 메타버스 공간 구현 방법 및 그 시스템

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