KR20190141122A

KR20190141122A - 디스플레이된 컨텐츠의 패널을 내비게이팅하는 방법

Info

Publication number: KR20190141122A
Application number: KR1020197023540A
Authority: KR
Inventors: 크리스티안 디아코프
Original assignee: 링고징 홀딩 엘티디
Priority date: 2017-01-13
Filing date: 2018-01-12
Publication date: 2019-12-23
Also published as: US20190332237A1; WO2018132709A1; JP2020507174A; CN110574001A; JP7161824B2

Abstract

디스플레이된 컨텐츠의 패널을 내비게이팅하는 방법이 제공되며, 그래픽 데이터(24)를 갖는 복수의 이미지 파일(20)과, 컴퓨팅 디바이스(10), 및 이미지 파일(20)을 내비게이팅 및 디스플레이하는 내비게이션 모듈(25)을 포함한다. 컴퓨팅 디바이스(10)는, 메모리 디바이스(15)와, 연산을 수행하고 내비게이션 모듈을 실행시킴으로써, 메모리 디바이스(15)에 저장된 데이터를 조작하는 중앙 처리 장치(16)와, 디스플레이 영역(12a)에서 디스플레이된 그래픽 데이터의 순차 병치된 패널을 제공하는 복수의 이미지 파일(20)에 사용자가 액세스할 수 있게 하는, 디스플레이 영역(12a)을 구비한 사용자 인터페이스(12)를 포함한다. 내비게이션 모듈(50)은 사용자가 디스플레이 영역(12a) 상에서 이동하여 선택 패널(19a)을 선택할 때에, 사용자가 패널(19)의 디스플레이 모드와 패널(19)의 내비게이션 모드를 스위칭하는 것을 허용하도록 중앙 처리 장치(16)에 의해 실행된다.

Description

디스플레이된 컨텐츠의 패널을 내비게이팅하는 방법

<관련 출원과의 교차 참조>

본 출원은 35 U.S.C. § 119(a)-(d) 하에서 2017년 1월 17일에 출원한 미국 가특허출원 62/446,065의 출원일에 대해 우선권을 주장한다.

<발명의 분야>

본 발명은 일반 사용자 인터페이스 상에서 디스플레이된 컨텐츠의 패널을 내비게이팅하는 방법에 관한 것으로, 보다 상세하게는 일반 사용자 인터페이스 상에서 디스플레이된 컨텐츠의 순차 병치된 패널(sequential juxtaposed panel)을 내비게이팅하는 방법에 관한 것이다.

전통적인 지면 출판은 항상 단일 페이지의 레이아웃이 여러 논리적 컨텐츠 패널을 활용하는 것을 가능하게 하고 있다.　 예로는, 1) 기사의 텍스트에 쉽게 흘러 들어가지 않는 정보를 제공하는 사이드바를 포함하는 스토리와, 그래프나 사진, 또는 독자의 경험을 향상시키는 비(non)텍스트 콘텐츠를 제공하는 그래픽 삽입물을 게시하는 신문 및 잡지, 및 2) 서로 방향이 돌려진 다수의 패널로 페이지가 이루어진 만화책이 있다.　대부분의 사람들이 자주 사용하는 터치스크린 컴퓨팅 디바이스, 예컨대 스마트폰 및 태블릿의 스크린은 전통적으로 출판된 페이지만큼 크지 않기 때문에, 훨씬 더 작은 공간에 기존의 페이지 레이아웃 기술을 채택하게 되면 독서 경험이 최적화되지 못하는데, 메인 텍스트 이외의 논리적 컨텐츠 패널은 텍스트의 단부에 있는 링크로 이동하거나, 시청중인 디바이스의 스크린 크기에 비례하여 불일치하는 방식으로 제시되거나, 사용자가 수동으로 서투른 줌잉 및 줌아웃을 해야만 하거나, 종종 그 전체가 생략된다.　 본 발명은 사용자가 특정 논리적 컨텐츠 패널의 줌잉 뷰(zoomed in view)로 들어가서 컨텐츠를 볼 수 있게 하고 터치스크린 스와이프 제스처를 사용하여, 줌잉된 컨텐츠의 포커스를 인접한 논리적 컨텐츠 패널로 변경하게 한다.

미국 특허 8,301,999은 디지털화된 만화책 또는 디지털 제작물 내의 다른 삽화 장면(illustrative scene)들의 시퀀스를 자동으로 내비게이팅하기 위한 방법 및 시스템에 관한 것이다. 이 방법 및 시스템은 두가지 뷰잉 모드, 즉 한 패널을 다른 패널과 시각적으로 구별하지 않고 디스플레이 스크린 상에 페이지를 전체적으로 볼 수 있는 제1 뷰잉 모드와, 일련의 삽화 장면들 중 하나가 시각적으로 강화되어 하나의 디스플레이된 삽화 장면이 인접한 삽화 장면들보다 더 쉽게 눈에 띄고 각각의 디스플레이된 삽화 장면의 치수는 디지털 제작물 내의 다른 패널의 각각의 치수와 독립적인 제2 뷰잉 모드를 위한 것이다. 이 방법 또는 시스템의 사용자는 제1 또는 제2 뷰잉 모드 중 하나를 요구할 수 있다. 이 방법 및 시스템은 로컬로 또는 원격으로 제어되고 저장될 수 있다. 따라서, 이것은 스토리라인 프레임 시퀀스(storyline-framed sequence)의 장면을 내비게이팅할 때에 매우 광범위한 방법이다.

보다 상세하게는, '999 특허는 디스플레이 경험을 생성하는 것에, 더 구체적으로는, 지정된 순서 내의 인접한 삽화 장면보다 각각의 디스플레이된 삽화 장면이 더 쉽게 눈에 띄게 하는 시각적 강화로 삽화 장면들의 시퀀스 각각을 디스플레이하는 것에 초점을 맞추고 있으며, 각각의 디스플레이된 삽화 장면의 치수는 디지털 제작물 내의 각 패널의 치수에 독립적이다. 결과적으로, 강화된 프레임의 시각적 강화 및 그 치수가 원래 시퀀스 내의 패널 중 임의의 것의 치수와는 독립적이며, 이것은 이들이 일치하지 않는 것을 의미한다. 예를 들어, 도 10a 및 도 12b에 도시하는 바와 같이, 강화된 패널(1004)은 절두된 반면, 오리지널 패널(1204)은 연장되어 독특한 시각 효과를 생성한다. 이는 오리지널 프레임의 불균형한 디스플레이이다.

또한, '999 특허는 예컨대 버튼을 선택하거나, 버튼을 클릭하기 위해, 마우스 또는 다른 입력 메커니즘을 조작하여 내비게이팅 제어 버튼을 작동시키거나, 패널 위에 커서 또는 다른 위치 인디케이터를 위치시키거나, 또는 특정 패널을 클릭하는 것과 같은 특정 액션에 사용자를 집중시킨다. 계속되는 터치스크린 디바이스의 개발로, 컨텐츠의 내비게이팅에 사용자의 스와이핑이 필요하다.

따라서, 스와이핑와 같은 간단한 커맨드를 사용하여 순차적인 셀의 스크린 뷰를 스위칭함으로써 디지털화된 컨텐츠를 네비게이팅할 수 있는 사용자의 능력을 향상시키는 방법 및 관련 툴을 제공하는 것이 바람직하다.

이에, 일반 사용자 인터페이스 상에서 디스플레이된 컨텐츠의 순차 병치된 패널을 내비게이팅하는 방법이 제공된다. 시스템은 일반적으로, 그래픽 데이터를 갖는 복수의 이미지 파일과, 컴퓨팅 디바이스, 및 이미지 파일을 내비게이팅 및 디스플레이하는 내비게이션 모듈을 포함한다. 컴퓨팅 디바이스는, 메모리 디바이스와, 연산을 수행하고 내비게이션 모듈을 실행시킴으로써 메모리 디바이스에 저장된 데이터를 조작하는 중앙 처리 장치와, 디스플레이 영역에서 디스플레이된 그래픽 데이터의 순차 병치된 패널을 제공하는 복수의 이미지에 사용자가 액세스할 수 있게 하는, 디스플레이 영역을 구비한 사용자 인터페이스를 포함한다. 내비게이션 모듈은 사용자가 디스플레이 영역 상에서 이동(pan)하여 선택 패널을 선택할 때에, 사용자가 패널의 디스플레이 모드와 패널의 내비게이팅 모드 사이를 스위칭하는 것을 허용하도록 중앙 처리 장치에 의해 실행된다.

이하, 다음의 첨부 도면을 참조하여 본 발명에 대해 예시적으로 설명할 것이다.
도 1은 본 발명에 따른 디스플레이 시스템을 위한 하드웨어 및 네트워크 인프라구조의 흐름도이다.
도 2는 본 발명에 따른 디스플레이 시스템의 접속 디바이스의 개략도이다.
도 3은 복수의 순차 병치된 패널을 가진 일반 사용자 인터페이스를 보여주는 본 발명에 따른 디스플레이 시스템의 디스플레이 모듈의 그래픽도이다.
도 4는 디스플레이 영역의 순차 병치된 패널들 사이를 내비게이팅하기 위해 본 발명에 따른 내비게이션 모듈을 사용하는 디스플레이 시스템의 그래픽도이다.
도 5는 디스플레이 영역의 순차 병치된 패널들 중 선택 패널을 보여주는, 본 발명에 따른 내비게이션 모듈을 사용하는 디스플레이 시스템의 그래픽도이다.
도 6은 디스플레이 영역의 순차 병치된 패널들 사이를 내비게이팅하기 위한 선형 제스처의 제1 스텝을 보여주는, 도 5의 디스플레이 시스템의 그래픽도이다.
도 7은 디스플레이 영역의 순차 병치된 패널들 사이를 내비게이팅하기 위한 선형 제스처의 후속 스텝을 보여주는, 도 6의 디스플레이 시스템의 그래픽도이다.
도 8은 디스플레이 영역의 순차 병치된 패널들 사이를 내비게이팅하기 위한 선형 제스처의 또 다른 후속 스텝을 보여주는, 도 7의 디스플레이 시스템의 그래픽도이다.
도 9은 디스플레이 영역의 순차 병치된 패널들 사이를 내비게이팅하기 위한 선형 제스처의 또 다른 후속 스텝을 보여주는, 도 8의 디스플레이 시스템의 그래픽도이다.
도 10은 디스플레이 영역의 순차 병치된 패널들 사이를 내비게이팅하기 위한 선형 제스처를 통해 선택된 후속 채널을 디스플레이하는, 도 9의 디스플레이 시스템의 그래픽도이다.
도 11은 디스플레이 영역의 순차 병치된 패널들 중 선택된 패널을 보여주는, 본 발명에 따른 내비게이션 모듈을 사용하는 디스플레이 시스템의 그래픽도이다.
도 12는 디스플레이 영역의 순차 병치된 패널들 사이를 내비게이팅하기 위한 선형 제스처의 제1 스텝을 보여주는, 도 11의 디스플레이 시스템의 그래픽도이다.
도 13은 디스플레이 영역의 순차 병치된 패널들 사이를 내비게이팅하기 위한 선형 제스처의 후속 스텝을 보여주는, 도 12의 디스플레이 시스템의 그래픽도이다.
도 14는 디스플레이 영역의 순차 병치된 패널들 사이를 내비게이팅하기 위한 선형 제스처의 또 다른 후속 스텝을 보여주는, 도 13의 디스플레이 시스템의 그래픽도이다.
도 15는 디스플레이 영역의 순차 병치된 패널들 사이를 내비게이팅하기 위한 선형 제스처를 통해 선택된 후속 채널을 디스플레이하는, 도 14의 디스플레이 시스템의 그래픽도이다.
도 16은 디스플레이 영역의 순차 병치된 패널들 중 선택된 패널을 보여주는, 본 발명에 따른 내비게이션 모듈을 사용하는 디스플레이 시스템의 그래픽도이다.
도 17은 디스플레이 영역의 순차 병치된 패널들 사이를 내비게이팅하기 위한 선형 제스처의 제1 스텝을 보여주는, 도 16의 디스플레이 시스템의 그래픽도이다.
도 18은 디스플레이 영역의 순차 병치된 패널들 사이를 내비게이팅하기 위한 선형 제스처의 후속 스텝을 보여주는, 도 17의 디스플레이 시스템의 그래픽도이다.
도 19는 디스플레이 영역의 순차 병치된 패널들 사이를 내비게이팅하기 위한 선형 제스처의 또 다른 후속 스텝을 보여주는, 도 18의 디스플레이 시스템의 그래픽도이다.
도 20은 디스플레이 영역의 순차 병치된 패널들 사이를 내비게이팅하기 위한 선형 제스처의 또 다른 후속 스텝을 보여주는, 도 19의 디스플레이 시스템의 그래픽도이다.
도 21은 디스플레이 영역의 순차 병치된 패널들 사이를 내비게이팅하기 위한선형 제스처를 통해 선택된 후속 채널을 디스플레이하는, 도 20의 디스플레이 시스템의 그래픽도이다.
도 22는 디스플레이 영역의 순차 병치된 패널들 중 선택된 패널을 보여주는, 본 발명에 따른 내비게이션 모듈을 사용하는 디스플레이 시스템의 그래픽도이다.
도 23은 디스플레이 영역의 순차 병치된 패널들 사이를 내비게이팅하기 위한 선형 제스처의 제1 스텝을 보여주는, 도 22의 디스플레이 시스템의 그래픽도이다.
도 24는 디스플레이 영역의 순차 병치된 패널들 사이를 내비게이팅하기 위한 선형 제스처의 후속 스텝을 보여주는, 도 23의 디스플레이 시스템의 그래픽도이다.
도 25는 디스플레이 영역의 순차 병치된 패널들 사이를 내비게이팅하기 위한 선형 제스처의 또 다른 후속 스텝을 보여주는, 도 24의 디스플레이 시스템의 그래픽도이다.
도 26은 디스플레이 영역의 순차 병치된 패널들 사이를 내비게이팅하기 위한 선형 제스처의 또 다른 후속 스텝을 보여주는, 도 25의 디스플레이 시스템의 그래픽도이다.
도 27은 디스플레이 영역의 순차 병치된 패널들 사이를 내비게이팅하기 위한 선형 제스처의 또 다른 후속 스텝을 보여주는, 도 26의 디스플레이 시스템의 그래픽도이다.
도 28은 디스플레이 영역의 순차 병치된 패널들 사이를 내비게이팅하기 위한 선형 제스처를 통해 선택된 후속 채널을 디스플레이하는, 도 27의 디스플레이 시스템의 그래픽도이다.

이하, 첨부 도면을 비롯한 실시형태를 참조하여 본 발명에 대해 상세히 설명할 것이다.

도면에 도시하는 예시적인 실시형태를 통해 본 발명에 따른 디스플레이 시스템(1)을 설명할 것이다. 일반적으로, 디스플레이 시스템(1)은 일반 사용자 인터페이스를 통해 디스플레이된 컨텐츠의 순차 병치된 패널을 내비게이팅하기 위한 소프트웨어 및 하드웨어를 채택한다.

먼저 도 1을 참조하여, 디스플레이 시스템(1)의 일 실시형태에 대한 하드웨어 인프라구조에 대해 설명한다. 예시적인 실시형태에서, 디스플레이 시스템(1)은 네트워크 라우터(2)(예컨대, 무선 라우터) 상에 구축되고, 데이터베이스 서버(4)에 접속되며, 또한 웹 서버(6), 방화벽(8), 네트워크(9), 및 컴퓨팅 디바이스(10)을 포함한 알려진 하드웨어 컴포넌트를 사용한다.

디스플레이 시스템(1)은 웹 서버(6)에 접속되는 데이터베이스 서버(4)(즉, SQLServer 또는 WindowsServer2012 또는 그 이상) 상에서, 컴퓨팅 디바이스(10) 및 네트워크 트래픽 정보를 통해, 정보 및 이미지 등의 그래픽 데이터(24)를 포함한 복수의 이미지 파일(20)에 사용자가 액세스할 수 있게 한다. 웹 서버(6)는 컴퓨팅 디바이스(10)와 데이터베이스 서버(4) 사이에서 애플리케이션 프로그래밍 인터페이스(API)를 통해 네트워크 라우터(2)가 데이터베이스 서버(4)와 통신할 수 있는 웨이(way)로서 기능한다. 방화벽(8)은 웹 서버(6)에 대한 비허가 액세스를 차단하고 비허가 통신을 허용하는 등의 보안 목적을 위해 통합되지만, 이에 한정되는 것은 아니다. 디스플레이 시스템(1)은 PAN(Personal Area Network), LAN(Local Area Network), CAN(Campus Area Network), WAN(Wide Area Network), MAN(Metropolitan Area Network) 및 미래에 개발될 새로운 네트워킹 시스템에 의해 다운로드되는 이미지 파일(20)을 통해 컴퓨팅 디바이스(10) 상에서 실행되도록 설계된다. 이들 네트워크는 네트워크(9)로 대표된다. 당업자는 이미지 파일(20)이 컴퓨팅 디바이스(10)에 사전에 로딩될 수 있기 때문에, 디스플레이 시스템(1)이 컴퓨팅 디바이스(10)를 통해서만 유지될 수 있음을 알아야 한다. 도시한 실시형태에서, 사용자는 컴퓨팅 디바이스(10)를 사용하여 네트워크(9)를 통해 네트워크 라우터(2)에 접속된다.

도 2를 참조하여, 컴퓨팅 디바이스(10)에 대해 설명한다. 컴퓨팅 디바이스(10)는 일반적으로, 디스플레이 영역(12a)을 구비한 일반 사용자 인터페이스와, 메모리 디바이스(15), 및 프로세서(16)를 포함한다. 도시한 실시형태에서는, 컴퓨팅 디바이스(10)가 터치 스크린 디스플레이(11)를 구비한 태블릿 컴퓨터이다. 컴퓨팅 디바이스(10)는 오디오 출력 디바이스(17) 및 오디오 입력 디바이스(18)를 포함한 센서를 포함한다. 오디오 출력 디바이스(17)는 스피커 또는 오디오 잭일 수 있고, 오디오 입력 디바이스(18)는 내부 마이크일 수 있다. 터치 스크린 디스플레이(11)는 손가락 또는 스타일러스 제스처를 사용하여 일반 사용자 인터페이스(12)를 내비게이팅한다. 그러나, 당업자는 컴퓨터 마우스, 키보드 또는 조이스틱을 포함한 다른 구현도 사용될 수 있음을 알아야 한다. 실제로, 당업자는 컴퓨팅 디바이스(10)가 물리적 컴퓨터이고, 데스크탑 컴퓨터, 랩탑 컴퓨터, 또는 셀 폰일 수 있지만, 이들에 한정되지는 않는 것을 알아야 한다. 메모리 디바이스(15)는 디지털 데이터를 유지하는데 사용되는 기록 매체 및 컴퓨터 컴포넌트를 구비한 저장 디바이스이다. 프로세서(16)는 연산(computation)을 수행함으로써 메모리 디바이스(15)에 저장된 데이터를 조작하는 중앙 처리 장치(CPU)이다.

도 3을 참조하여, 컴퓨팅 디바이스(10)에 대한 일반 사용자 인터페이스(12)를 예시하여 이미지 파일(20)에 대해 설명한다.

이미지 파일(20)은 디스플레이할 지정된 태스크를 수행하도록 작성된 명령어들의 시퀀스를 포함하며, 일반적으로 디스플레이 모듈 및 청각 모듈을 포함한다. 이미지 파일(20)은 그래픽 엘리먼트(25), 렉시컨 엘리먼트(lexical element)(26), 및 경우에 따라 청각적 엘리먼트(도시 생략)를 포함하는 그래픽 데이터(24)를 더 포함한다. 특히, 디스플레이 모듈은 일반 사용자 인터페이스(12)를 통해 그래픽 엘리먼트(25) 및 렉시컨 엘리먼트(26)를 디스플레이한다. 청각 모듈은 또한 그래픽 엘리먼트(25) 및 렉시컨 엘리먼트(26)에 대응하는 청각적 엘리먼트(27)를 브로드캐스팅함으로써 청각 기능을 수행한다.

도 3에 도시한 바와 같이, 디스플레이 시스템(1)은 하나 이상의 페이지 그래픽 데이터(24)를 디스플레이한다. 그래픽 데이터(24)는 관계형 데이터베이스에 저장되며, 관계형 데이터베이스는 도 3에서 패널(19)로 식별되는 링크와 일치하는 관련 테이블에 나열되는 데이터 엘리먼트를 포함한다. 도시한 바와 같이, 단일 페이지는 하나 이상의 패널(19)을 포함할 것이다. 이들 패널(19)은 일반 사용자 인터페이스(12)를 따른 좌표에 대응한다.

도 3에 도시한 바와 같이, 어떤 패널의 데이터가 청각 모듈에 의해 사용되는지를 식별하는 인덱스 키를 사용하여, 각각의 패널(19)과 연관되는 그래픽 데이터(24)가 어떻게 데이터베이스에 저장될 수 있는지의 일례에 있어서, 그 인덱스 키와 연관되는 다양한 다른 엘리먼트는 텍스트 패널을 원하는 언어로 된 텍스트로 채우거나, 디바이스로 하여금 음성 텍스트의 오디오 레코딩을 재생하게 하도록 호출될 수 있다.

이하 도 4를 참조하여, 디스플레이 시스템(1)에 대한 내비게이션 모듈(50)에 대해 설명할 것이다.

일반적으로, 내비게이션 모듈(50)은 사용자가 디스플레이 시스템(1)을 통해 디스플레이된 그래픽 데이터(24)의 병치된 패널(19)을 내비게이팅할 수 있는 시스템 및 방법을 제공한다. 보다 구체적으로, 사용자는 디스플레이 시스템(1)을 통해 패널(19)의 디스플레이 모드와 패널(19)의 내비게이션 모듈 사이를 스위칭할 수 있다. 도 3에 도시한 바와 같이, 디스플레이 모드는 디스플레이 시스템(1)에 대한 각 페이지의 디스플레이 가능한 컨텐츠의 100 %를 포함한다. 예를 들어, 도 4에 도시한 바와 같이, 디스플레이 모드는 패널(19)의 전체 페이지(complete page)를 디스플레이한다. 보다 구체적으로, 도 4는 일반 사용자 인터페이스(12)의 이용 가능한 디스플레이 영역(12a)의 100 %를 채우는 8개의 패널(19)을 도시한다.

반면, 도 5에 도시한 바와 같이, 내비게이팅 모드에서 사용자는 일반 사용자 인터페이스(12)를 통해 선택 패널(19a)을 선택한다. 내비게이션 모듈(50)은 전체 페이지 상에서 선택 패널(19a)을 향해 이동(pan)한다. 이동 중에, 내비게이션 모듈(50)은 선택 패널(19)의 이미지를 줌잉하고 줌잉된 이미지를 디스플레이한다. 도시한 실시형태에서는, 선택 패널(19a)이 이용 가능한 디스플레이 영역(12a)의 ~ 85-90 %를 차지할 수 있다. 또한, 순차 병치된 패널(19)이 선택 디스플레이(19a)를 둘러싸는 것으로 도시된다. 도시한 실시형태에서, 순차 병치된 채널(19)이 이용 가능한 디스플레이 영역(12a)의 나머지 ~10-15%를 차지한다.

도 4 내지 도 28에 도시하는 바와 같이, 내비게이션 모듈(50)은 터치 스크린 컴퓨팅 디바이스의 운영 체제의 표준 입력 및 출력 프로세싱 기술의 상단에 오버레이를 갖는 터치 스크린(13)을 구비한 컴퓨팅 디바이스(10)를 사용한다. 입력 및 출력 시스템 상단 상의 오버레이는 스크린 상의 특정 영역을 선택 가능한 엘리먼트, 즉 그래픽 엘리먼트(25), 렉시컨 엘리먼트(26)로서 식별하고, 사용자가 선택하기를 원하는 엘리먼트를 포함하게 되는 아크(arc)로서 인식되는 제스처를 검출하고 프로세싱하도록 설계된다.

도 4 내지 도 10에서 시작하면, 병치된 패널(19)이 예를 들어 스토리 라인에서 순차적으로 배치된다. 먼저, 사용자가 일반 사용자 인터페이스(12) 내에서 패널(19)과 대응하는 터치 스크린(13)을 터치함으로써 선택 패널(19a)을 선택한다. 이에 내비게이션 모듈(50)을 개시한다. 초기 터치의 내비게이션 개시 지점(52)이 메모리 디바이스(15)에 저장되고, 이것은 일반 사용자 인터페이스(12)의 좌표계의 특정 좌표에 대응한다. 내비게이션 모듈(50)은 선택 패널(19a)을 줌잉하고 선택 패널(19a) 주위에 소프트 에지 효과(60)를 둔다. 내비게이션 모듈(50)은 선택 패널(19a)을 둘러싸는 임의의 순차 병치된 패널(19)의 상단에 쉐이딩(S)을 동시에 제공한다. 도 5의 도시한 실시형태에서, 내비게이션 모듈(50)은 장면 가장자리에100 % 투명부터 80 % 불투명까지 ~ 20px의 소프트 전환(soft transition)을 제공한다.

도 6에 도시한 바와 같이, 사용자는 일반 사용자 인터페이스(12)를 다시 눌러서 내비게이션 개시 지점(52)을 제공함으로써 순차 병치된 패널(19)의 스토리 라인을 계속할 수 있다. 그리고 나서, 사용자는 선택 패널(19a) 및 주변의 순차 병치된 패널(19)의 위치에 대해, 스와이프 제스처를, 즉 위, 아래, 왼쪽 또는 오른쪽 방향으로 수행함으로써 후속 패널(19c)을 선택할 수 있다. 이것은 컴퓨팅 디바이스(10)를 손가락으로 누르는 것(예컨대, 스크린을 터치한 다음 연속 동작을 통해 한 방향으로 움직이는 것)에 의해, 하나의 연속적인 선형 모션으로 이루어진 완성된 스와이프 제스처에 의해 수행되고, 내비게이션 개시 지점(52)은 내비게이션 모듈(50)에 의해 생성되어 저장된다. 사용자는 도시한 실시형태에서 일정하거나 가변적인 선형 치수의 연속 스와이프(51)를 통해 선형 제스처를 수행한다. 그러나, 당업자는 내비게이션 모듈(50)이 아크 등의 다른 기하 형상의 경로를 필요로 할 수 있음을 알아야 한다. 특히, 도시한 실시형태에서는, 내비게이션 모듈(50)이 트리거될 때, 디스플레이 시퀀스가 트리거되는데, 도 5 내지 도 10에 예시되어 있다. 예를 들어, 디스플레이 시퀀스는 순차 병치된 패널(19)의 조합된 줌아웃/리센터링/줌인 모션을 나타내는 이미지 파일(20)의 순차적 디스플레이이다. 또한, 쉐도잉(S) 시퀀스도 수행된다. 예를 들어, 사용자가 선택 패널(19a)을 줌아웃할 때, 주변의 순차 병치된 패널(19)의 쉐도잉(S)은 100 %에서 100 %로 -> 0 %-> 100 %로 진행된 다음 후속 채널(19c)이 줌인될 때에 다시 100 %로 진행된다.

본 발명에 따르면, 내비게이션 모듈(50)은 내비게이션 개시 지점(52)와 연속 스와이프(51)의 선형 경로의 내비게이션 종료 지점(54) 사이의 거리(L)를 결정함으로써 연속 스와이프(51)의 경로를 평가한다. 내비게이션 종료 지점(54)은 스와이프 제스처가 멈추면 결정된다. 선형 경로가 시작되었다고 내비게이션 모듈(50)이 결정하면, 내비게이션 모듈(50)은 개시 위치(52)와 연속 스와이프(51)의 현재 위치 사이의 좌표인, 내비게이션 개시 지점(52) 및 중간 경로(53)의 선택된 좌표를 통해 연속 스와이프(51)의 방향 벡터(V)를 계산하기 시작한다.

도 5 내지 도 10에 도시한 바와 같이, 사용자는 선택 패널(19)에 대한 후속 패널(19c)의 위치와 일치하는 내비게이션 개시 지점(52)을 제공한다. 그 후, 사용자는 일반 사용자 인터페이스(12) 상에서 선택 패널(19a)의 위치 및 방향과 일치하는 내비게이션 종료 지점(54)으로 슬라이딩한다. 도시한 실시형태에서, 이것은 측방향 모션이고, 내비게이션 모듈(50)은 이것이 방향 벡터(V)의 형태임을, 즉 도시한 실시형태에서는 측방향 스와이프임을 식별한다. 그런 다음, 내비게이션 모듈(50)은 후속 패널(19c)을 결정하고 전술한 바와 같이 디스플레이 시퀀스를 수행한다. 언제라도, 손가락이 터치 스크린(13)으로부터 떼어지기 전에 연속 스와이프(51)를 따라 이동함으로써 시퀀스가 제어되고 앞뒤로 이동할 수 있다. 예를 들어, 사용자는 선택 패널(19a)을 30-40 % 줌아웃하고, 후속 패널(19c)에서 리센터링한 다음에 선택 패널(19a)로 줌백할 수 있다. 결과적으로, 각 패널(19)을 선형 시퀀스에서의 별개 슬라이드로 취급하는 것이 아니라, 그보다 사용자는 일반 사용자 인터페이스(12)의 패널을 내비게이팅하면서 페이지를 줌인/줌아웃한다.

내비게이션 모듈(50)의 계산 로직은 두가지 일반적인 단계들, (1) 내비게이션 개시 지점(52) 및 내비게이션 종료 지점(54)를 계산하는 단계와, (2) 그 사이의 중간 경로(53)를 계산하는 단계로 분할될 수 있다.

내비게이션 개시 지점(52)을 계산할 때, 줌 배율이 고려되어야 한다. 예를 들어, 선택 패널(19a)의 폭이 디스플레이 영역(12a)의 폭의 95 % 미만이면, 내비게이션 모듈(50)은 선택 패널(19a)의 폭이 디스플레이 영역(12a)의 폭의 95 %가 되도록 스케일을 적용할 것이다. 선택 패널(19a)의 높이가 디스플레이 영역(12a)의 높이의 95 %보다 크면, 내비게이션 모듈(50)은 선택 패널(19a)의 높이가 디스플레이 영역(12a)의 높이의 95 %가 되도록 스케일 배율을 감소시킨다. 또한, 내비게이션 모듈(50)은 선택 패널(19a)을 디스플레이 영역(12a)의 중심에 위치시켰다. 선택 패널(19a)의 임의의 가장자리가 디스플레이 영역(12a) 외부에 있다면, 내비게이션 모듈(50)은 선택 패널(19a)의 가장자리를 대응하는 디스플레이 영역(12a)의 가장자리와 정렬시키도록 위치를 조정한다.

내비게이션 모듈(50)은 또한 전술한 바와 같이 사용자가 디스플레이 시퀀스를 제어하게 한다. 도시한 실시형태에서, 사용자는 모션 제어 제스처 사이즈로서 디스플레이 영역(12a)의 폭/높이의 50 %까지를 사용할 수 있는데, 즉, 스와이프가 디스플레이 영역(12a)의 50 %를 덮으면, 내비게이션 모듈(50)은 터치 스크린(13)에서 손가락을 떼는 것과 매우 유사한 내비게이션 종료 지점(54)을 식별하여 방향 벡터(V)를 결정한다. 다른 실시형태에서, 내비게이션 모듈(50)은 디스플레이 영역(12a) 사이즈의 절반(스크린 폭/높이의 25 %)을 덮기 전에 사용자가 연속 스와이프(50)를 멈추면 내비게이팅 모드의 선택 패널(19a)의 디스플레이로 되돌아간다. 그러나, 디스플레이 영역(12a)의 절반(스크린 폭/높이의 25 %)을 덮은 다음에 그러나 전체 디스플레이 영역(스크린 폭/높이의 100 %)을 덮기 전에 사용자가 연속 스와이프(50)를 멈추면, 내비게이션 모듈(50)은 자동으로 내비게이션 종료 지점(54)을 식별하여 방향 벡터(V)를 식별한다. 또한, 사용자는 방향 벡터(V) 계산과 관련하여 전술한 바와 같이, 주 방향이 수평인지 또는 수직인지를 결정하기 위해 연속 스 와이프(50)의 처음 10 %를 사용할 수 있다.

디스플레이 시퀀스를 보다 명백하게 하기 위해, 내비게이션 모듈(50)은 사용자가 중간 경로(53) 중에 디스플레이 시퀀스를 제어하게 한다. 이것은 중간 줌 배율을 포함한다. 디스플레이 시퀀스 중의 줌 커브는 시작 장면의 줌 배율 -> 중간 줌 배율 -> 종료 장면의 줌 배율이다.

도시한 실시형태에서, 시작 또는 종료 줌 배율 중 하나가 1.0(줌 없음)인 경우, 중간 줌 배율은 시작 및 종료 장면 줌 배율의 중간이다(선형 줌 조정 - "오버 줌아웃"을 피하기 위해). 그렇지 않은 경우 줌 배율은 시작 또는 장면의 50 %로 계산된다. 예를 들어, 선택 패널의 장면 줌 배율이 이제 1.5인 경우, 장면이 후속 패널(19c)로 진행할 때에 중간 줌 배율은 1.25가 될 것이다.

도 11 내지 도 15에 도시한 바와 같이, 사용자는 선택 패널(19)에 대한 후속 패널(19c)의 위치와 일치하는 내비게이션 개시 지점(52)을 제공한다. 그 후, 사용자는 일반 사용자 인터페이스(12) 상에서 선택 패널(19a)의 위치 및 방향과 일치하는 내비게이션 종료 지점(54)으로 슬라이딩한다. 도시한 실시형태에서, 이것은 측방향 모션이고, 내비게이션 모듈(50)은 이것이 방향 벡터(V)의 형태임을, 즉 도시한 실시형태에서는 수직 스와이프임을 식별한다. 그런 다음, 내비게이션 모듈(50)은 후속 패널(19c)을 결정하고 전술한 바와 같이 디스플레이 시퀀스를 수행한다. 언제라도, 손가락이 터치 스크린(13)으로부터 떼어지기 전에 연속 스와이프(51)를 따라 이동함으로써 시퀀스가 제어되고 앞뒤로 이동할 수 있다.

도 16 내지 도 21은 또 다른 예시적인 디스플레이 시퀀스를 디스플레이하며, 여기서 사용자는 오른쪽에서 왼쪽으로 연속 스와이프(51)를 수행한다. 내비게이션 모듈(50)은 방향 벡터를 결정하고 적절한 디스플레이 시퀀스를 디스플레이하기 위해 내비게이션 개시 지점(52), 내비게이션 종료 지점(54), 및 중간 경로(53)를 결정한다.

마찬가지로, 도 22 내지 도 28도 또 다른 예시적인 디스플레이 시퀀스를 디스플레이하는데, 여기서 사용자는 디스플레이 영역(12a)의 하단에서 상단으로(즉, 도 22 내지 도 28의 시퀀스에서 도시하는 바와 같이, 연속 모션으로) 연속 스와이프(51)를 수행한다. 이 경우에도 내비게이션 모듈(50)은 방향 벡터를 결정하고 적절한 디스플레이 시퀀스를 디스플레이하기 위해 내비게이션 개시 지점(52), 내비게이션 종료 지점(54), 및 중간 경로(53)를 결정한다.

본 발명에 따른 디스플레이 시스템(1)은 컴퓨터 및 모바일 디바이스의 멀티미디어 기능을 이용하고 그래픽 소설/만화책 포맷과 같은 출판물의 의사 소통 능력을 활용하여 다양한 문맥적 요소(예컨대, 로케일, 캐릭터, 스토리라인)를 제공하고, 디바이스의 연산 능력으로 사용자는 간단한 커맨드를 통해 내비게이팅할 수 있다.

이상은 본 발명을 실시하기 위한 가능성 중 일부를 설명하였다. 다수의 다른 실시형태가 본 발명의 범위 및 사상 내에서 가능하다. 따라서, 전술한 컴포넌트 중 일부는 특정 목적에 맞게 사용될 수 있다. 그러므로, 전술한 설명은 제한적인 것이 아니라 예시적인 것으로 간주되어야 하며, 본 발명의 범위는 그 전체 범위의 균등물과 함께 이하의 청구범위에 의해 정해지는 것이 의도된다.

Claims

디스플레이된 컨텐츠의 패널을 내비게이팅(navigating)하는 방법에 있어서,
데이터베이스(4) 상에 저장되며, 그래픽 데이터(24)를 갖는 복수의 이미지 파일(20)과,
컴퓨팅 디바이스(10)로서,
상기 복수의 이미지 파일(20)을 포함한 디지털 데이터를 유지하는데 사용되는 메모리 디바이스(15)와,
연산을 수행하고 명령어를 전송함으로써, 상기 메모리 디바이스(15)에 저장된 디지털 데이터를 프로세싱하는 중앙 처리 장치(16)와,
디스플레이 영역(12a)을 구비하며, 상기 디스플레이 영역(12a)에서 디스플레이된 그래픽 데이터(24)의 순차 병치된(sequential juxtaposed) 복수의 패널(19)을 수신하여 디스플레이하는 일반 사용자 인터페이스(12)
를 갖는, 상기 컴퓨팅 디바이스와,
상기 데이터베이스(4)에 저장되고 상기 중앙 처리 장치(16)에 의해 실행되어, 사용자가 상기 순차 병치된 복수의 패널(19) 상에서 이동(pan)하여 선택 패널(19a)을 선택하고 줌인할 때에, 사용자가 상기 복수의 패널(19)의 디스플레이 모드와 상기 복수의 패널(19)의 내비게이팅 모드 사이를 스위칭하게 하는, 내비게이션 모듈(50)을 포함하는, 방법.
제1항에 있어서, 상기 복수의 패널(19)의 디스플레이 모드는 상기 디스플레이 영역(12a)에서 디스플레이되는 순차 병치된 패널(19)의 각 페이지에 대한 디스플레이 가능한 컨텐츠의 100 %를 포함하는, 방법.
제2항에 있어서, 상기 내비게이션 모듈(50)은 사용자가 상기 선택 패널(19a)을 선택할 때에 상기 선택 패널(19a)의 이미지를 줌인하고 줌인된 이미지를 디스플레이하는, 방법.
제3항에 있어서, 사용자가 상기 복수의 패널(19) 중 하나에 대응하는 상기 일반 사용자 인터페이스(12)의 좌표계의 특정 좌표를 가리키고 선택함으로써 상기 선택 패널(19a)을 선택하는, 방법.
제4항에 있어서, 상기 내비게이션 모듈(50)은 사용자가 상기 선택 패널(19a)을 선택한 후에 상기 선택 패널(19a)을 줌인하고 상기 선택 패널(19a) 주위에 소프트 에지 효과(60)를 두는, 방법.
제5항에 있어서, 상기 선택 패널(19a)은 상기 디스플레이 영역(12a)의 이용 가능성의 약 80 % 내지 약 90 %를 차지할 수 있는, 방법.
제5항에 있어서, 상기 내비게이션 모듈(50)은 상기 선택 패널(19a)을 둘러싸는 상기 복수의 패널(19)의 상단에 쉐이딩(S)을 동시에 제공하는, 방법.
제7항에 있어서, 사용자가 상기 일반 사용자 인터페이스(12)를 다시 선택하고 내비게이션 개시 지점(52)을 제공함으로써 상기 복수의 패널(19)을 계속해서 내비게이팅하는, 방법.
제8항에 있어서, 사용자가 상기 선택 패널(19a)의 위치 및 상기 선택 패널(19a)을 둘러싸는 상기 복수의 패널(19)에 대해 스와이프 제스처를 수행함으로써 후속 패널(19c)을 선택하는, 방법.
제9항에 있어서, 상기 스와이프 제스처는 하나의 연속 선형 모션으로 수행되고, 상기 내비게이션 개시 지점(52)은 상기 내비게이션 모듈(50)에 의해 식별되어 저장되는, 방법.
제10항에 있어서, 상기 내비게이션 모듈(50)은, 상기 내비게이션 개시 지점(52)과 연속 스와이프(51)의 경로의 내비게이션 종료 지점(54) 사이의 거리(L)를 결정함으로써 연속 스와이프(51)의 경로를 평가하는, 방법.
제11항에 있어서, 상기 내비게이션 종료 지점(54)은 상기 스와이프 제스처가 멈추면 결정되는, 방법.
제12항에 있어서, 상기 내비게이션 모듈(50)은 상기 내비게이션 개시 위치(52)와 상기 연속 스와이프(51)의 경로의 현재 위치 사이의 좌표인, 상기 내비게이션 개시 지점(52) 및 중간 경로(53)의 선택된 좌표를 통해 상기 연속 스와이프(51)의 경로의 방향 벡터(V)를 계산하기 시작하는, 방법.
제13항에 있어서, 상기 내비게이션 개시 지점(52)은 상기 선택 패널(19)에 대한 후속 패널(19c)의 위치와 일치하는, 방법.
제14항에 있어서, 사용자가 상기 일반 사용자 인터페이스(12) 상에서 상기 선택 패널(19a)의 위치 및 방향과 일치하는 내비게이션 종료 지점(54)으로 슬라이딩하는, 방법.
제15항에 있어서, 상기 스와이프 제스처는, 상기 내비게이션 모듈(50)이 상기 방향 벡터(V)인 것으로 식별하는 측방향 모션(lateral motion)인, 방법.
제16항에 있어서, 상기 내비게이션 모듈(50)은 상기 후속 패널(19c)을 결정하고, 상기 후속 패널(19a)이 또 다른 선택 패널(60)로 전환하도록 디스플레이 시퀀스를 수행하는, 방법.
제17항에 있어서, 상기 디스플레이 시퀀스는 제어되고, 상기 연속 스와이프(51)의 경로를 따라 이동함으로써 앞뒤로 이동될 수 있는, 방법.
제17항에 있어서, 상기 디스플레이 시퀀스는 상기 중간 경로(53) 중에 상기 복수의 패널(19)의 줌아웃 및 줌인을 포함하는, 방법.
제1항에 있어서, 상기 복수의 이미지 파일(20)은 네트워크(9)를 통해 다운로드되는, 방법.
제1항에 있어서, 상기 복수의 이미지 파일(20)은 상기 컴퓨팅 디바이스(10)에 사전에 로딩될 수 있는, 방법.
제1항에 있어서, 상기 컴퓨팅 디바이스(10)는 터치 스크린 디스플레이(11)를 구비한 태블릿 컴퓨터인, 방법.
제22항에 있어서, 상기 터치스크린 디스플레이(11)는 스와이프 제스처를 통해 상기 일반 사용자 인터페이스(12)를 내비게이팅하고 상기 선택 패널(19a)을 선택하기 위해 손가락 또는 스타일러스 제스처를 사용하는, 방법.