KR20140096780A - 콘텐츠 표시 방법 및 이를 구현하는 휴대 단말 - Google Patents

콘텐츠 표시 방법 및 이를 구현하는 휴대 단말 Download PDF

Info

Publication number
KR20140096780A
KR20140096780A KR1020130009788A KR20130009788A KR20140096780A KR 20140096780 A KR20140096780 A KR 20140096780A KR 1020130009788 A KR1020130009788 A KR 1020130009788A KR 20130009788 A KR20130009788 A KR 20130009788A KR 20140096780 A KR20140096780 A KR 20140096780A
Authority
KR
South Korea
Prior art keywords
page
touch
input mechanism
touch input
pages
Prior art date
Application number
KR1020130009788A
Other languages
English (en)
Inventor
이상협
이신준
Original Assignee
삼성전자주식회사
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 삼성전자주식회사 filed Critical 삼성전자주식회사
Priority to KR1020130009788A priority Critical patent/KR20140096780A/ko
Priority to US13/909,899 priority patent/US20130298068A1/en
Priority to PCT/KR2013/006221 priority patent/WO2014109445A1/en
Priority to EP13870559.5A priority patent/EP2943867A4/en
Publication of KR20140096780A publication Critical patent/KR20140096780A/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/03—Arrangements for converting the position or the displacement of a member into a coded form
    • G06F3/041—Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means
    • G06F3/0416—Control or interface arrangements specially adapted for digitisers
    • 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/03—Arrangements for converting the position or the displacement of a member into a coded form
    • G06F3/041—Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means
    • G06F3/0412—Digitisers structurally integrated in a 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
    • G06F3/04817—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 using icons
    • 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/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/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
    • G06F3/04883—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 for inputting data by handwriting, e.g. gesture or text
    • 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
    • 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
    • G09G2380/00—Specific applications
    • G09G2380/14—Electronic books and readers

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)
  • User Interface Of Digital Computer (AREA)

Abstract

본 발명의 일 실시예에 따른 콘텐츠 표시 방법은 터치패널이 설치된 표시부를 가지는 휴대 단말에서 콘텐츠를 페이지 단위로 표시하는 방법에 있어서, 페이지들 중 적어도 하나의 페이지를 표시하는 단계; 상기 표시된 페이지에 대한 터치입력기구의 이동을 검출하는 단계; 및 상기 터치입력기구의 이동에 응답하여 볼록하게 변형되어 넘어가게 상기 페이지를 표시하는 단계를 포함한다.

Description

콘텐츠 표시 방법 및 이를 구현하는 휴대 단말{CONTENTS DISPLAY METHOD AND MOBILE TERMINAL IMPLEMENTING THE SAME}
본 발명은 콘텐츠 표시 방법 및 이를 구현하는 휴대 단말에 관한 것이다.
휴대 단말은 다양한 콘텐츠를 제공한다. 이러한 콘텐츠는 페이지 단위로 표시된다. 그런데 종래 콘텐츠 표시 방법 및 장치에 따르면 사용자에게 실제 종이책을 조작하듯 페이지를 조작하는 느낌을 주기 어렵다. 종래 콘텐츠 표시 방법 및 장치는 페이지 넘김과 관련된 사용자의 입력 정보 예컨대, 다음 페이지(next page) 버튼의 누름을 검출하면, 현재 표시되는 페이지를 다음 페이지로 순간적으로 교체한다. 이러한 교체 방식은 실제로 페이지를 넘기는 것이 아니라 단순히, 웹 페이지를 브라우징하는 것과 같다. 한편 최근의 휴대 단말은 일반적으로 터치스크린을 구비하는 추세이다. 휴대 단말은 표시된 페이지에 대한 사용자의 제스처를 검출하고, 검출된 제스처에 응답하여 페이지를 넘긴다. 사용자가 페이지를 넘길 때, 종래 휴대 단말은 터치 지점이나 드래그의 방향과는 상관없이, 현재 페이지(즉, 앞면)가 점점 접히면서 다음 페이지(즉, 뒷면)가 보이게 하는 애니메이션을 제공한다.
본 발명은 사용자가 터치입력기구(예, 손가락이나 펜)로 페이지가 표시된 화면을 조작할 때 사실적인 느낌을 사용자에게 전달해 줄 수 있도록 한 콘텐츠 표시 방법 및 장치를 제공함을 목적으로 한다. 특히, 본 발명은 페이지가 넘어 가는 애니메이션이 사실적이도록 하는 콘텐츠 표시 방법 및 장치를 제공함을 목적으로 한다.
본 발명의 일 실시예에 따른 콘텐츠 표시 방법은 터치패널이 설치된 표시부를 가지는 휴대 단말에서 콘텐츠를 페이지 단위로 표시하는 방법에 있어서, 페이지들 중 적어도 하나의 페이지를 표시하는 단계; 상기 표시된 페이지에 대한 터치입력기구의 이동을 검출하는 단계; 및 상기 터치입력기구의 이동에 응답하여 볼록하게 변형되어 넘어가게 상기 페이지를 표시하는 단계를 포함한다.
본 발명의 일 실시예에 따른 휴대 단말은 터치패널이 설치되고, 콘텐츠를 페이지 단위로 표시하는 표시부; 상기 콘텐츠의 페이지들을 저장하는 저장부; 및 상기 페이지들 중 적어도 하나의 페이지를 표시하도록 제어하고, 상기 표시된 페이지에 대한 터치입력기구의 이동을 검출하고, 상기 터치입력기구의 이동에 응답하여 볼록하게 변형되어 넘어가게 상기 페이지를 표시하도록 제어하는 제어부를 포함한다.
이상으로 본 발명에 따른 콘텐츠 표시 방법 및 휴대 단말에 따르면 본 발명은 페이지가 표시된 화면을 조작할 때 사실적인 느낌을 사용자에게 전달해 줄 수 있다.
도 1은 본 발명의 일 실시예에 따른 휴대 단말의 블록 구성도이다.
도 2a 및 도 2b는 본 발명에 따른 페이지 메쉬를 예시한 도면이다.
도 3은 본 발명의 일 실시예에 따른 페이지 표시 방법을 설명하기 위한 흐름도이다.
도 4는 본 발명의 일 실시예에 따른 페이지 변형 방법을 설명하기 위한 흐름도이다.
도 5는 본 발명의 일 실시예에 따른 페이지 넘김 방법을 설명하기 위한 흐름도이다.
도 6은 본 발명에 따른 페이지 설정을 설명하기 위한 흐름도이다.
도 7a는 휴대 단말의 환경을 설정하기 위한 화면 예시도이다.
도 7b는 페이지의 환경을 설정하기 위한 화면 예시도이다.
도 8 내지 도 23은 본 발명의 일 실시예에 따른 페이지 표시 방법을 설명하기 위한 화면 예시도들이다.
도 24는 본 발명의 일 실시예에 따른 페이지 편집 방법을 설명하기 위한 흐름도이다.
도 25a, 도 25b 및 도 26은 본 발명의 일 실시예에 따른 페이지 편집 방법을 설명하기 위한 화면들이다.
본 발명에 따른 콘텐츠 표시 방법은 터치패널을 가지는 휴대 단말 예컨대, 스마트폰, 태블릿 PC, 전자책 리더(e-book reader), 네비게이션 장치, 동영상 재생 장치 등에서 구현된다. 이하에서 본 발명에 따른 콘텐츠 표시 방법 및 휴대 단말에 대해 상세하게 설명한다. 본 발명의 상세한 설명에 앞서, 이하에서 사용되는 용어나 단어는 통상적이거나 사전적인 의미로 한정해서 해석되어서는 아니 되며, 본 발명의 기술적 사상에 부합하는 의미와 개념으로 해석되어야 한다. 따라서 아래 설명과 첨부된 도면은 본 발명의 바람직한 실시예에 불과할 뿐이고, 본 발명의 기술적 사상을 모두 대변하는 것은 아니므로, 본 출원 시점에 있어서 이들을 대체할 수 있는 다양한 균등물과 변형 예들이 있을 수 있음을 이해하여야 한다. 또한, 첨부 도면에서 일부 구성요소는 과장되거나 생략되거나 또는 개략적으로 도시되었으며, 각 구성요소의 크기는 실제 크기를 전적으로 반영하는 것이 아니다. 따라서 본 발명은 첨부한 도면에 그려진 상대적인 크기나 간격에 의해 제한되어지지 않는다. 본 발명을 설명함에 있어서, 관련된 공지 기능 또는 구성에 대한 구체적인 설명이 본 발명의 요지를 불필요하게 흐릴 수 있다고 판단되는 경우 그 상세한 설명은 생략한다.
본 발명에서 '콘텐츠'는 휴대 단말에서 제공되는 사진, 비디오, 오디오, 이미지, 달력, 연락처, 메모, 문서, 이북(e-book), 웹 페이지, 썸네일 및 아이콘 등을 일컫는 것이다. 이러한 콘텐츠는 페이지 단위로 표시된다. 본 발명에서 페이지는 사용자의 제스처에 응답하여 입체적으로 볼록하게 변형된다. 이에 따라, 사용자는 터치입력기구(예, 손가락이나 펜)로 페이지가 표시된 화면을 조작할 때 실제 종이책을 조작하는 느낌을 받을 수 있다.
본 발명에서 '페이지 메쉬(page mesh)'는 페이지의 기하학적인 정보이다. 페이지 메쉬는 다수의 노드와 이들 노드들을 각각 연결하는 링크들로 구성된다. 각각의 노드에는 질량 값이 할당되고 각각의 링크에는 탄성 값이 할당된다. 탄성 값은 사용자에게 사실적인 느낌을 전달하고자 하는 종이의 특성에 따라 다르게 할당된다. 예컨대, 페이지가 두껍게 설정될 경우(즉, 질량 값이 크게 설정될 경우) 탄성 값은 크게 할당된다. 상대적으로 페이지가 얇게 설정될 경우 탄성 값은 적게 할당된다. 또한, 페이지의 안쪽(예, 책등(spine))에 위치한 노드들은 큰 질량 값이 할당될 수 있다. 상대적으로 바깥쪽(예를 들어, 책 에지(edge))에 위치한 노드들은 안쪽에 비해 위치 변화가 크므로 작은 질량 값이 할당될 수 있다. 물론 모드 노드들에 동일한 질량 값이 할당될 수도 있다.
각각의 노드에 작용하는 가상의 힘은 2가지로 분류될 수 있다. 먼저 탄성력과 같은 가상의 내부 힘(이하, 내부 힘)이다. 그리고 중력이나 인위적인 힘(human power)과 같은 가상의 외부 힘(이하, 외부 힘)이다. 외부 힘에서 가상의 중력은 노드를 아래로 당기는 힘으로 정의된다. 페이지가 표시되는 화면이 XY 평면이고 사용자의 관점(viewpoint)이 상기 XY 평면에서 Z축의 양의 방향이면, 상기 XY평면의 아래는 Z축의 음의 방향이라고 할 수 있다. 여기서, Z축은 상기 XY 평면에 수직이다. Z축은 실제 축(actual axis)을 나타내는 것은 아니며, 가상의 페이지를 입체적으로 표현하기 위한 가상의 축이다. 중력은 모든 노드들에 동일하게 작용될 수 있다. 단 중력은 사용자에게 사실적인 느낌을 전달하고자 하는 종이의 특성에 따라 다르게 작용된다. 예컨대, 사용자가 실제 종이책의 페이지를 들어 올렸다가 놓으면, 해당 페이지가 얇은 경우 천천히 떨어지고 상대적으로 두꺼운 경우 빨리 떨어진다. 다음 표 1은 종이의 종류별로 두께를 예시한 것이다. 표 1을 참고하면, 전단지보다 상대적으로 팜플렛이 빨리 떨어진다. 즉 표시된 페이지에 설정된 두께나 재질에 따라 페이지의 변형 정도가 각각 다를 수 있다.
신문에 삽입되는 전단지 52.3g/m2
잡지본문, 광고지 64g/m2
티켓, 주간지 표지, 팜플렛 127.9g/m2
패션 잡지 표지, 명함 157g/m2
스케치북 200g/m2
인쇄 용지 75g/m2
인위적인 힘은 사용자가 페이지에 작용하는 힘이다. 예컨대, 화면에 대한 사용자의 제스처가 인위적인 힘이다. 터치입력기구가 터치된 타겟 노드는 터치입력기구가 이동하는 방향으로 이동한다. 이때 인위적인 힘은 링크들을 통해 다른 노드들에도 전달된다. 결과적으로 각각의 노드들에는 내부 힘과 외부 힘을 합한 힘이 작용된다. 인위적인 힘이 표시되는 페이지에 가해지면, 휴대 단말의 제어부는 표시되는 페이지에 가해진 인위적인 힘을 기반으로, 각각의 노드들에 작용하는 힘들을 계산하고, 계산된 각각의 노드들의 힘들을 바탕으로 페이지 메쉬를 변형한다. 여기서 힘은 타겟 노드의 이동 거리와 빠르기를 곱하여 가속도를 구하고, 이러한 가속도에 해당 타겟 노드의 질량을 곱하여 얻을 수 있다. 힘의 계산은 공지의 기술이므로 구체적인 설명은 생략한다. 휴대 단말은 변형된 페이지 메쉬를 페이지에 반영하여 애니메이션을 생성한다. 인위적인 힘을 기반으로 애니메이션을 생성하는 과정은 물리 기반 시뮬레이션(physically-based simulation)으로 정의된다. 또한, 물리 기반 시뮬레이션은 AP(Application Processor), CPU(Central Processing Unit) 또는 GPU(Graphics Processing Unit) 등에서 실행된다.
도 1은 본 발명의 일 실시예에 따른 휴대 단말의 블록 구성도이다.
도 1을 참조하면, 본 발명의 일 실시예에 따른 휴대 단말(100)은 표시부(110), 키입력부(120), 저장부(130), 무선통신부(140), 오디오처리부(150), 스피커(SPK), 마이크(MIC), 제어부(160) 및 펜(170)을 포함한다.
표시부(110)는 제어부(160)의 제어 하에 콘텐츠를 화면에 표시한다. 즉 제어부(160)가 콘텐츠를 처리(예컨대, 디코딩(decoding), 리사이징(resizing))하여 버퍼에 저장하면, 표시부(110)는 버퍼에 저장된 콘텐츠를 아날로그 신호로 변환하여 화면에 표시한다. 표시부(110)에 전원이 공급되면 표시부(110)는 잠금 이미지(일명, 로그인 이미지)를 화면에 표시한다. 잠금 이미지가 표시되고 있는 상태에서 잠금 해제 정보(즉, 패스워드)가 검출되면 제어부(160)는 잠금을 해제한다. 즉 표시부(110)는 제어부(160)의 제어 하에 잠금 이미지의 표시를 종료하고 예컨대, 홈 이미지를 표시한다. 홈 이미지는 배경 이미지와 이 위에 표시되는 다수의 아이콘을 포함한다. 아이콘들은 각각 어플리케이션 또는 콘텐츠를 지시한다. 사용자가 아이콘들 중 하나 예컨대, 어플리케이션 아이콘을 선택(예, 아이콘을 탭)하면, 제어부(160)는 해당 어플리케이션(예, 갤러리)을 실행하고, 그 실행 이미지(예, 다수의 썸네일을 포함하는 페이지)를 표시하도록 표시부(110)를 제어한다.
표시부(110)는 액정 표시 장치(Liquid Crystal Display: LCD), OLED(Organic Light Emitted Diode), AMOLED(Active Matrix Organic Light Emitted Diode) 또는 플렉서블 디스플레이(Flexible display)로 구성된다.
터치패널(111)은 표시부(110)의 화면에 설치된다. 구체적으로 터치패널(111)은 표시부(110)의 화면에 위치하는 애드 온 타입(add-on type)이나 표시부(110)의 내부에 삽입되는 온 셀 타입(on-cell type) 또는 인 셀 타입(in-cell type)으로 구현된다.
터치패널(111)은 화면에 대한 터치입력기구(손가락이나 펜)의 터치에 응답하여 아날로그 신호(예, 터치이벤트)를 발생하고, 터치 IC(112)는 아날로그 신호를 A/D 변환하여 제어부(160)로 전달한다. 여기서 터치이벤트는 터치 좌표(x, y) 를 포함한다. 예컨대, 터치 IC(112)는 다수의 터치 좌표들 중 대표를 결정하고, 결정된 터치 좌표를 터치 IC(112)의 내부 메모리에 저장하고, 제어부(160)의 요청에 응답하여 내부 메모리에 저장된 터치 좌표를 제어부(160)로 전달한다. 터치 좌표는 픽셀 단위일 수 있다. 예컨대, 화면의 해상도가 640(가로 픽셀의 개수)*480(세로 픽셀의 개수)인 경우, X축 좌표는 (0, 640)이고, Y축 좌표는 (0, 480)이다. 제어부(160)는 터치IC(112)로부터 터치 좌표가 수신될 경우 터치입력기구(예, 손가락이나 펜)가 터치패널(111)에 터치된 것으로 결정하고 터치IC(112)로부터 터치 좌표가 수신되지 않을 경우 터치입력기구의 터치가 해제된 것으로 결정한다. 또한 제어부(160)는 터치된 좌표가 예컨대, (x0, y0)에서 (x1, y2)로 변화되고, 그 변화량(예컨대, D(D2=(x0-x1)2+(y0-y1)2)이 미리 설정된 "이동 임계치(예컨대, 1밀리미터)"를 초과할 경우 제어부(160)는 터치입력기구의 이동이 발생된 것으로 결정한다. 제어부(160)는 터치입력기구의 이동에 응답하여 터치의 위치변화량(dx, dy) 및 터치입력기구의 이동 속도 등을 산출한다. 제어부(160)는 터치 좌표, 터치입력기구의 터치 해제 여부, 터치입력기구의 이동 여부, 터치입력기구의 위치변화량 및 터치입력기구의 이동 속도 등을 기반으로, 사용자의 제스처를 터치, 멀티 터치, 탭(Tap), 더블 탭(Double Tap), 롱 탭(Long tap), 탭 앤 터치(Tap & touch), 드래그(Drag), 플릭(Flick), 프레스(Press), 핀치인(pinch in) 및 핀치아웃(pinch out) 등 중에서 어느 하나로 결정한다. 터치는 사용자가 화면의 터치패널(111)의 어느 한 지점에 터치입력기구를 접촉하는 제스처이고, 멀티 터치는 여러 지점에 다수의 터치입력기구(예, 엄지와 검지)를 접촉하는 제스처이고, 탭은 화면의 어느 한 지점에 터치입력기구가 터치된 후 이동 없이 해당 지점에서 터치 해제(touch-off)되는 제스처이고, 더블 탭은 어느 한 지점을 연속적으로 두 번 탭하는 제스처이고, 롱 탭은 탭보다 상대적으로 길게 터치한 후 터치입력기구의 이동 없이 해당 지점에서 터치입력기구의 터치를 해제하는 제스처이고, 탭 앤 터치는 화면의 어느 지점을 탭 한 후 해당 지점을 소정 시간(예, 0.5초)이내에 다시 터치하는 제스처이고, 드래그는 어느 한 지점을 터치한 상태에서 터치입력기구를 소정 방향으로 이동시키는 제스처이고, 플릭은 드래그에 비해 터치 기구를 빠르게 이동시킨 후 터치 해제하는 제스처이고, 프레스는 어느 한 지점을 터치한 후 소정 시간(예, 2초)이상 움직임 없이 터치를 유지하는 제스처이고, 핀치 인은 두 개의 터치입력기구로 두 지점을 동시에 멀티 터치한 후 터치 기구들의 간격을 좁히는 제스처이고, 핀치 아웃은 터치입력기구들의 간격을 넓히는 제스처이다. 즉 터치는 터치패널(111)에 접촉(contact)한 것을 의미하고, 그 밖의 제스처들은 터치의 변화를 의미한다.
터치패널(111)은 손 제스처를 감지하는 손 터치패널과 펜 제스처를 감지하는 펜 터치패널을 포함하여 구성된 복합 터치패널일 수 있다. 여기서 손 터치패널은 정전용량 방식(capacitive type)으로 구성된다. 물론 손 터치패널은 저항막 방식(resistive type), 적외선 방식 또는 초음파 방식으로 구성될 수도 있다. 또한 손 터치패널은 손 제스처에 의해서만 터치이벤트를 발생하는 것은 아니며, 다른 물체(예, 정전용량 변화를 가할 수 있는 전도성 재질의 물체)에 의해서도 터치이벤트를 생성할 수 있다. 펜 터치패널은 전자 유도 방식(electromagnetic induction type)으로 구성될 수 있다. 이에 따라 펜 터치패널은 자기장을 형성할 수 있도록 특수 제작된 터치용 펜(170)에 의해 터치이벤트를 생성한다. 특히, 펜 터치패널에서 생성되는 터치이벤트는 터치좌표와 함께, 터치의 종류를 나타내는 값을 포함한다. 예컨대, 제어부(160)는 펜 터치패널로부터 제 1 전압레벨 값이 수신된 경우, 터치입력기구의 터치를 간접터치(일명, 호버링(hovering))로 결정한다. 제어부(160)는 터치패널(111)로부터 제 1 전압레벨보다 큰 제 2 전압레벨 값이 수신된 경우, 터치입력기구의 터치를 직접터치로 결정한다. 또한 펜 터치패널에서 생성되는 터치이벤트는 펜(170)에 설치된 버튼의 눌림 여부를 나타내는 값을 더 포함할 수 있다. 예컨대, 펜(170)에 설치된 버튼이 눌리면, 펜(170)의 코일에서 발생되는 자기장이 변화되고, 자기장의 변화에 응답하여 펜 터치패널은 제 3 전압레벨 값을 발생하고, 이를 제어부(160)로 전달한다.
키입력부(120)는 숫자 또는 문자 정보를 입력받고 각종 기능들을 설정하기 위한 다수의 키들을 포함할 수 있다. 이러한 키들은 메뉴 불러오기 키, 화면 온/오프 키, 전원 온/오프 키 및 볼륨 조절키 등을 포함할 수 있다. 키입력부(120)는 사용자 설정 및 휴대 단말(100)의 기능 제어와 관련한 키 이벤트를 생성하여 제어부(160)로 전달한다. 키 이벤트는 전원 온/오프 이벤트, 볼륨 조절 이벤트, 화면 온/오프 이벤트, 셔터 이벤트 등을 포함할 수 있다. 제어부(160)는 이러한 키 이벤트에 응답하여 상기한 구성들을 제어한다. 한편 키입력부(120)의 키는 하드 키(hard key)라 하고 표시부(110)에 표시되는 가상의(virtual) 키는 소프트 키(soft key)로 지칭될 수 있다.
저장부(secondary memory unit; 130)는 디스크, 램(RAM), 롬(ROM) 또는 플래시 메모리 등이다. 저장부(130)는 제어부(160)의 제어 하에, 휴대 단말(100)에서 생성되거나 무선통신부(140)를 통해 외부장치(예, 서버, 데스크탑 PC, 태블릿 PC 등)로부터 수신한 콘텐츠를 저장한다. 또한 저장부(130)는 복사 및 붙여 넣기(copy & paste) 등을 위해 사용자가 메시지, 사진, 웹페이지, 문서 등에서 복사한 데이터를 임시 저장한다. 또한 저장부(130)는 휴대 단말(100)의 운영을 위한 다양한 설정 값(예, 화면 밝기, 터치 발생 시 진동 여부, 화면의 자동 회전 여부 등)을 저장한다. 또한 저장부(130)는 히스토리 정보 예컨대, 어플리케이션이 종료되기 전에 마지막으로 표시되었던 페이지와 관련된 정보를 저장한다.
저장부(130)는 부팅 프로그램, 적어도 하나 이상의 운영체제 및 어플리케이션들(예, 갤러리, 어드레스 북, 비디오 재생기, 캘린더, 메모장, 전자책 뷰어, 음악 재생기, 웹 브라우저 등)을 저장한다. 운영체제는 하드웨어와 어플리케이션 사이 그리고 어플리케이션들 사이의 인터페이스 역할을 하고, CPU, GPU, 메인 메모리 및 저장부(130) 등의 컴퓨터 자원을 관리한다. 어플리케이션들은 내재화 어플리케이션(embedded application)과 서드 파티 어플리케이션(3rd party application)으로 분류된다. 예컨대 내재화 어플리케이션은 웹 브라우저(Web browser), 이메일(email) 프로그램, 인스턴트 메신저(instant messenger) 등이다. 제어부(160)로 배터리의 전원이 공급되면 먼저 부팅 프로그램이 제어부(160)의 메인 메모리(main memory unit)로 로딩(loading)되고, 부팅 프로그램은 운영체제를 메인 메모리로 로딩하고, 운영체제는 어플리케이션들을 메인 메모리로 로딩한다.
무선통신부(140)는 제어부(160)의 제어 하에, 네트워크를 통해 외부장치와 음성 통화, 화상 통화 또는 데이터 통신을 수행한다. 무선통신부(140)는 송신되는 신호의 주파수를 상승변환 및 증폭하는 무선주파수 송신부와, 수신되는 신호의 주파수를 저잡음 증폭 및 하강 변환하는 무선주파수 수신부를 포함한다. 또한 무선 통신부(140)는 이동 통신 모듈(예컨대, 3세대(3-Generation) 이동통신모듈, 3.5세대(3.5-Generation) 이동통신모듈 또는 4세대(4-Generation) 이동통신모듈 등), 디지털 방송 모듈(예컨대, DMB 모듈) 및 근거리 통신 모듈(예, 와이파이(Wi-Fi) 모듈, 블루투스(bluetooth) 모듈, NFC(Near Field Communication) 모듈)을 포함한다.
오디오 처리부(150)는 스피커(SPK) 및 마이크(MIC)와 결합하여 음성 인식, 음성 녹음, 디지털 리코딩(recording) 및 통화를 위한 오디오 신호(예, 음성 데이터)의 입력 및 출력을 수행한다. 오디오 처리부(150)는 제어부(160)로부터 오디오 신호를 수신하고, 수신한 오디오 신호를 아날로그로 D/A　변환하고 증폭한 후 스피커(SPK)로 출력한다. 오디오 처리부(150)는 마이크(MIC)으로부터 수신한 오디오 신호를 디지털로 A/D 변환한 후 제어부(160)로 제공한다. 스피커(SPK)는 오디오 처리부(150)로부터 수신한 오디오 신호를 음파(sound wave)로 변환하여 출력한다. 마이크(MIC)는 사람이나 기타 소리원(sound source)들로부터 전달된 음파를 오디오 신호로 변환한다.
제어부(160)는 휴대 단말(100)의 전반적인 동작 및 휴대 단말(100)의 내부 구성들 간의 신호 흐름을 제어하고, 데이터를 처리하는 기능을 수행하고, 배터리에서 상기 구성들로의 전원 공급을 제어한다. 제어부(160)는 하나 이상의 CPU(Central Processing Unit)를 포함한다. 주지된 바와 같이 CPU는 자료의 연산 및 비교와, 명령어의 해석 및 실행 등을 수행하는 컴퓨터 시스템의 핵심적인 제어 유닛이다. CPU는 데이터나 명령을 일시 저장하는 각종 레지스터들을 포함한다. 제어부(160)는 하나 이상의 GPU(Graphic Processing Unit)를 포함할 수 있다. GPU는 CPU를 대신하여, 그래픽과 관련한 자료의 연산 및 비교와, 명령어의 해석 및 실행 등을 수행하는 그래픽 제어 유닛이다. CPU과 GPU는 각각, 두 개 이상의 독립 코어(예, 쿼드 코어(quad-core))가 단일 집적 회로로 이루어진 하나의 패키지(package)로 통합될 수 있다. 즉 CPU들은 하나의 멀티 코어 프로세서로 통합된 것일 수 있다. 또한 다수의 GPU들도 하나의 멀티 코어 프로세서로 통합된 것일 수 있다. 또한 CPU와 GPU는 하나의 칩으로 통합(SoC; System on Chip)된 것일 수 있다. 또한 CPU와 GPU는 멀티 레이어(multi layer)로 패키징(packaging)된 것일 수 있다. 한편 CPU 및 GPU를 포함하는 구성은 AP(Application Processor)라고 지칭될 수 있다.
제어부(160)의 GPU는 터치입력기구의 제스처(예, 드래그)에 응답하여 페이지 메쉬를 변형하며, 변형된 페이지 메쉬를 페이지에 반영하여 애니메이션을 생성한다. GPU는 터치IC(112)로부터 터치제스처와 관련된 정보를 수신한다. GPU는 수신된 정보를 이용하여 페이지 메쉬를 변형한다. 터치입력기구가 화면에서 터치 해제되면, GPU는 페이지 메쉬를 원 상태로 복원한다. 즉 변형된 페이지 메쉬는 링크들의 탄성력과 각각의 노드들에 작용하는 중력에 의해 원 상태로 복원된다. GPU는 저장부(130)에 액세스하여 페이지를 읽어온다. GPU는 페이지 메쉬의 변형 정보를 상기 읽어 온 페이지에 반영하여 애니메이션을 생성한다. 여기서 페이지 메쉬의 변형 정보는 페이지 메쉬를 구성하는 각 노드들의 좌표 값(x, y, z)을 포함한다. 그리고 GPU는 애니메이션을 표시하도록 표시부(110)를 제어한다. 물론, 이러한 애니메이션의 생성은 CPU나 AP(Application Processor)에서도 할 수 있다.
제어부(160)는 메인 메모리(main memory unit) 예컨대, 램(RAM)을 포함한다. 메인 메모리는 저장부(130)로부터 로딩된 각종 프로그램 예컨대, 부팅 프로그램, 운영체제 및 어플리케이션들을 저장한다. 제어부(160)의 CPU들과 GPU들은 이와 같은 프로그램에 액세스하여 프로그램의 명령을 해독하고, 해독 결과에 따른 기능(예컨대, 애니메이션의 생성)을 실행한다. 또한 제어부(160)는 저장부(130)에 기록(write)할 데이터를 임시 저장하고 저장부(130)로부터 읽어 온(read) 데이터를 임시 저장하는 캐시메모리를 포함한다.
펜(170)은 휴대 단말(100)로부터 분리가 가능한 휴대 단말(100)의 부속품으로써, 펜대와, 펜대의 끝에 배치된 펜촉과, 펜촉에 인접하게 펜대의 내부에 배치되어 자기장을 발생하는 코일과, 자기장을 변화시키기 위한 버튼을 포함한다. 펜(170)의 코일은 펜촉의 부근에 자기장을 형성한다. 터치패널(111)의 펜 터치패널은 자기장을 감지하고, 자기장에 대응되는 터치이벤트를 발생한다.
한편, 휴대 단말(100)은 카메라, GPS(Global Positioning System) 모듈, 진동 모터, 가속도 센서 등과 같이 상기에서 언급되지 않은 구성들을 더 포함할 수 있다.
도 2a 및 도 2b는 본 발명에 따른 페이지 메쉬를 예시한 도면이다. 도 2a를 참고하면, 제어부(160) 특히, GPU는 페이지 메쉬를 구성한다. 페이지 메쉬는 다수의 노드(node)와 이들을 각각 연결하는 다수의 링크(link)를 포함하여 이루어진다. 도면에서 도면 부호 210은 다수의 노드를 대표하여 표기된 것이고, 도면 부호 220은 다수의 링크를 대표하여 표기된 것이다. 다수의 노드는 도시된 바와 같이, 매트릭스 형태로 배열될 수 있으며, 그 위치는 XY 좌표로 나타낼 수 있다. 또한 상술한 바와 같이 각각의 노드는 적절한 질량 값이 할당되고 각각의 링크(스프링)는 적절한 탄성 값이 할당된다. 페이지 메쉬의 중심(230)에 위치한 노드들은 큰 질량 값이 할당될 수 있다. 상대적으로 중심(230)에서 멀어지는 바깥쪽에 위치한 노드들은 중심(230)에 비해 작은 질량 값이 할당될 수 있다. 그렇다면 노드는 바깥쪽에 위치할수록 그 움직임이 가볍다. 다시 말해, 바깥쪽에 위치한 노드일수록 사용자의 터치제스처에 민감하게 반응한다. 다만 페이지가 넘어감에 있어 중심축(230; Y축)에 위치한 노드들은 다른 노드들과 달리 고정된다. 한편, 모든 노드들에 동일한 질량 값이 할당될 수도 있다. 그렇다면 앞에 경우보다는 전체적으로 페이지 메쉬의 움직임이 무거울 수 있다. 즉 페이지의 변형 정도는 해당 페이지에 설정된 속성 정보(예컨대, 두께, 무게, 재질 등)에 따라 각각 다를 수 있다. 또한 페이지의 변형 정도는 산출된 기울기에 따라 각각 다를 수 있다. 인위적인 힘(즉, 터치입력기구의 제스처)가 페이지에 작용하는 경우, 제어부(160) 특히, GPU는 제스처를 검출하고, 검출된 제스처에 응답하여 페이지 메쉬를 변형하며, 변형된 페이지 메쉬를 페이지에 반영하여 애니메이션을 생성한다. 구체적으로 도 2 (b)을 참고하면, 사용자는 터치입력기구(예, 손가락, 펜 등)으로 페이지의 우하귀 지점(240)을 터치한다. 그러면, 제어부(160)는 터치입력기구가 터치한 타겟 노드를 검출한다. 다음으로, 사용자는 터치입력기구를 우하귀 지점(240)에서 좌측 방향으로 이동시킨다. 그러면 제어부(160)는 타겟 노드를 XY 평면상에서 터치입력기구의 이동에 따라 좌측 방향으로 이동시킨다. 즉 타겟 노드는 중력과 직각인 방향으로 이동한다. 그리고 제어부(160)는 이동된 타겟 노드의 변위(displacement)를 계산한다. 여기서 변위는 크기와 방향을 가지는 벡터 값이다. 또한 변위의 크기는 구체적으로, 타겟 노드의 현재 위치, 타겟 노드가 이동한 거리 및 타겟 노드의 빠르기 중에서 적어도 하나를 포함한다. 예를 들어, 변위의 크기는 타겟 노드의 현재 위치만, 타켓 노드의 이동 거리만, 타겟 노드의 빠르기만 또는 타겟 노드의 현재 위치, 타겟 노드의 이동 거리 및 타겟 노드의 빠르기의 조합을 포함할 수 있다. 제어부(160)는 산출된 기울기에 따라 페이지 메쉬를 변형하고, 변형된 페이지 메쉬를 페이지에 반영하여 애니메이션을 생성한다. 제어부(160)는 계산된 변위를 이용하여 각각의 노드들에 작용하는 힘들을 계산한다. 여기서 힘은 크기와 방향을 갖는 벡터 값이다. 힘은 상술한 바와 같이, 탄성력, 중력 및 인위적인 힘을 합한 값이다. 제어부(160)는 계산된 힘들을 이용하여 각각의 노드들의 위치 값들을 계산한다. 그리고 제어부(160)는 계산된 위치 값들을 이용하여 도 2 (b)에 도시된 바와 같은 애니메이션(변형된 페이지)을 생성한다. 한편, 제어부(160)는 타겟 노드를 중력과 직각인 방향으로 이동시킬 수 있다. 즉, 타겟 노드의 X축의 값 및 Y축의 값은 변화에 따라 Z축의 값은 변하거나 또는 '0'일 수 있다. 또한 제어부(160)는 중심축(230)에 위치한 노드에 대해선 다른 노드들과 달리, 고정시킨다. 이는 곧 사용자가 실제로 종이책의 페이지를 눌러서 이동시키는 것과 같다. 따라서 도 2 (b)에 도시된 바와 같이, 변형된 페이지는 볼록한 형태로 표현된다. 이상으로 도 2를 참조로 하여 설명한 바와 같이, 페이지 메쉬는 터치 좌표, 터치입력기구의 이동 방향 및 터치입력기구의 이동 속도 등에 따라 실제처럼, 다양하게 변형될 수 있다. 따라서 사용자는 본 발명에 따른 페이지를 통해 사실적인 종이책의 느낌을 경험할 수 있다.
도 3은 본 발명의 일 실시예에 따른 페이지 표시 방법을 설명하기 위한 흐름도이다.
도 3을 참조하면, 먼저 제어부(160)는 대기 상태일 수 있다. 예컨대, 표시부(110)는 다수의 아이콘을 포함하는 홈 이미지를 표시한다. 제어부(160)는 아이콘에 대한 터치입력기구의 탭을 검출한다. 탭에 응답하여 단계 301에서 제어부(160)는 해당 어플리케이션을 실행(예컨대, 해당 어플리케이션의 페이지들을 메인 메모리로 로딩)한다. 실행되는 어플리케이션은 예컨대, 갤러리, 어드레스 북, 비디오 재생기, 전자책 뷰어, 음악 재생기 또는 웹 브라우저 등이다. 단계 302에서 제어부(160)는 실행된 어플리케이션의 페이지들 중 적어도 하나의 페이지(예컨대, 해당 어플리케이션이 종료되기 전에 마지막으로 표시되었던 페이지)를 선택하고, 선택된 페이지를 표시하도록 표시부(110)를 제어한다.
단계 303에서 제어부(160)는 터치의 검출 여부를 결정한다. 터치가 검출되지 않은 경우 단계 304에서 제어부(160)는 임계 시간의 경과 여부를 결정한다. 여기서 임계 시간은 화면을 자동으로 끄기 위해 설정된 값이다. 예컨대, 임계 시간이 경과될 때까지 터치가 검출되지 않으면, 단계 305에서 제어부(160)는 화면을 오프한다. 여기서 임계 시간은 1 분으로 설정될 수 있으며, 이러한 값은 사용자에 의해 변경 가능하다. 터치가 검출된 경우 단계 306에서 제어부(160)는 터치입력기구가 이동(예, 드래그, 플릭 등)하는지 여부를 결정한다. 터치입력기구가 이동하는 경우 단계 307에서 제어부(160)는 터치입력기구의 이동에 응답하여, 볼록하게 변형된 페이지를 표시하도록 표시부(110)를 제어한다. 즉 제어부(160)는 터치입력기구의 이동에 응답하여 페이지 메쉬를 변형하고, 변형된 페이지 메쉬를 페이지에 반영하여 애니메이션을 생성한다. 단계 307의 구체적인 프로세스는 도 4를 참조로 하여 설명한다.
단계 308에서 제어부(160)는 터치입력기구가 화면에서 터치 해제되었는지 여부를 결정한다. 터치 해제되지 않고 유지되면 프로세스는 단계 306으로 복귀한다. 반면 터치 해제되면 프로세스는 단계 309로 진행된다. 단계 309에서 제어부(160)는 터치 해제가 페이지 넘김에 해당되는 이벤트인지 여부를 결정한다. 즉 제어부(160)는 터치 해제가 발생되기 전의 터치입력기구의 이동 방향, 터치 좌표 및 속도 중 적어도 하나를 기초로 하여 페이지 넘김 여부를 결정한다. 페이지 넘김으로 결정된 경우 단계 310에서 제어부(160)는 현재 표시되는 페이지를 넘겨 다른 페이지를 표시하도록 표시부(110)를 제어한다. 페이지 넘김이 아닌 경우 단계 311에서 제어부(160)는 현재 페이지의 표시를 유지한다. 다음으로 단계 312에서 제어부(160)는 어플리케이션의 실행이 종료되었는지 여부를 결정한다. 종료되지 않은 경우 프로세스는 단계 303으로 복귀된다.
도 4는 본 발명의 일 실시예에 따른 페이지 변형 방법을 설명하기 위한 흐름도이다. 도 4를 참조하면, 제어부(160)는 터치입력기구가 터치한 타겟 노드를 검출한다. 그리고 제어부(160)는 터치입력기구의 이동 방향을 검출한다. 그리고 단계 401에서 제어부(160)는 터치입력기구의 이동 방향으로 타겟 노드를 이동시킨다. 특히 제어부(160)는 타겟 노드를 중력 방향과 직각인 방향으로 이동시킬 수 있다. 또한 제어부(160)는 타겟 노드를 중력 방향을 기준으로, 결정된 기울기(예를 들어, -30 ~ +30도)로 이동시킬 수 있다. 다음으로 단계 402에서 제어부(160)는 이동된 타겟 노드의 변위를 계산한다. 여기서 변위는 벡터 값으로써 크기와 방향을 갖는다. 또한 변위의 크기는 타겟 노드의 현재 위치, 타겟 노드가 이동한 거리 및 타겟 노드의 이동 속도 중에서 적어도 하나를 포함한다. 예컨대, 변위의 크기는 타겟 노드의 현재 위치만, 타켓 노드의 이동 거리만, 타겟 노드의 빠르기만 또는 타겟 노드의 현재 위치, 타겟 노드의 이동 거리 및 타겟 노드의 빠르기의 조합을 포함할 수 있다.
다음으로 단계 403에서 제어부(160)는 계산된 타겟 노드의 변위 값을 이용하여 각각의 노드들에 작용하는 힘들을 계산한다. 여기서 힘의 계산은 공지의 기술이다. 즉 단계 403에서 제어부(160)는 각각의 노드들에 작용하는 힘의 크기와 힘이 작용하는 방향을 계산한다. 다음으로 단계 404에서 제어부(160)는 계산된 힘들을 해당되는 각각의 노드들에 적용하여 페이지 메쉬를 변형한다. 즉 단계 404에서 제어부(160)는 계산된 힘들을 이용하여 각각의 노드들의 위치 값들을 계산한다. 마지막으로 단계 405에서 제어부(160)는 변형된 페이지 메쉬를 페이지에 적용하여 애니메이션을 생성한다. 이렇게 생성된 애니메이션은, 상술한 바와 같이 타겟 노드가 중력에 직각인 방향으로 또는 결정된 기울기의 방향으로 이동함으로써, 페이지가 볼록하게 변형되어 표시되는 것이다.
변형된 페이지에서 터치입력기구의 터치가 해제되면, 페이지는 원 상태 즉, 펼쳐진 상태로 복원된다. 이때 페이지는 넘어가거나 또는 넘어가지 않고 원래 자리로 되돌아 갈 수 있다. 이러한 결과는 페이지 메쉬의 각각의 노드들에 작용하는 힘에 의해 결정된다. 즉 인위적인 힘이 사라지면 페이지 메쉬에는 탄성력과 중력만이 남는다. 제어부(160)는 페이지 메쉬의 각각의 노드들에 작용하는 힘들의 총 합을 산출한다. 제어부(160)는 산출된 총합에 기초하여 페이지가 이동하는 방향을 결정한다. 제어부(160)는 결정된 방향으로 페이지를 이동시킨다. 예컨대, 페이지 메쉬의 무게 중심이 향하는 방향으로 페이지가 이동된다. 또는, 페이지의 이동 방향은 터치입력기구가 화면(즉, 페이지)으로부터 떨어지기 직전의 터치입력기구의 이동 방향으로 결정된다. 이와 관련한 구체적인 예시를 도 5를 참조로 하여 설명한다.
도 5는 본 발명의 일 실시예에 따른 페이지 넘김 방법을 설명하기 위한 흐름도이다.
도 5를 참조하면 단계 501에서 표시부(110)가 페이지를 표시하고 있고, 표시되는 페이지에 사용자의 터치입력기구가 터치 중인 상태이다. 이렇게 페이지에 터치입력기구가 터치되는 동안 단계 502에서 제어부(160)는 현재 터치 좌표(x, y)를 검출한다. 여기서 X축은 사용자가 화면을 바라보는 관점(viewpoint)을 기준으로 가로축으로 가정한다. 그리고 두 개의 페이지가 화면의 중심선을 기준으로 좌측 및 우측에 각각 표시되는 것으로 가정한다. 또한 상기 중심선을 기준으로 오른쪽을 X축의 양의 방향 그리고 왼쪽을 X축의 음의 방향으로 가정한다. 이러한 가정 하에, 단계 503에서 제어부(160)는 "|x - old_x|> th"인지 여부를 결정한다. 여기서 "x"는 현재 터치 좌표이고, "old_x"는 이전 터치 좌표이고, "th"는 미리 정해진 임계치(threshold value)이다. 예컨대, "th'는 5mm가 될 수 있다. 상기 수학식이 성립되지 않으면 프로세스는 단계 508로 진행된다. 반면 상기 수학식이 성립되면(즉, 현재 터치 좌표와 이전 터치 좌표의 차이가 임계치를 초과하면), 프로세스는 단계 54로 진행된다.
단계 504에서 제어부(160)는 현재 터치 좌표가 이전 터치 좌표보다 큰지 여부를 결정한다. 큰 경우 단계 505에서 제어부(160)는 터치입력기구의 이동 방향을 '오른쪽'으로 결정한다. 작은 경우 단계 506에서 제어부(160)는 터치 방향을 '왼쪽'으로 결정한다. 이동방향이 결정된 후 단계 507에서 제어부(160)는 현재 터치 좌표를 이전 터치 좌표로 설정한다. 다음으로 단계 508에서 제어부(160)는 터치입력기구가 화면에서 터치 해제되었는지 여부를 결정한다. 터치 해제되지 않으면 프로세스는 단계 502로 복귀된다. 반면 터치 해제되면 단계 509에서 제어부(160)는 결정된 터치 방향이 오른쪽인지 여부를 결정한다. 터치 방향이 오른쪽인 경우 단계 510에서 제어부(160)는 터치된 페이지를 오른쪽으로 이동시킨다. 여기서 터치된 페이지가 좌측 페이지이면, 단계 510은 페이지를 이전 페이지로 넘기는 동작에 해당된다. 반면 터치된 페이지가 우측 페이지면, 단계 510은 페이지를 다음 페이지로 넘기지 않고 터치된 페이지의 표시를 유지시키는 동작에 해당된다. 터치 방향이 왼쪽인 경우, 단계 511에서 제어부(160)는 터치된 페이지를 왼쪽으로 이동시킨다. 여기서 터치된 페이지가 좌측 페이지이면, 단계 511은 페이지를 뒤로 넘기지 않고 터치된 페이지의 표시를 유지시키는 동작에 해당된다. 반면 터치된 페이지가 우측 페이지면, 단계 511은 페이지를 뒤로 넘기는 동작에 해당된다.
도 6은 본 발명에 따른 페이지 설정을 설명하기 위한 흐름도이다. 도 6을 참조하면, 단계 620에서 제어부(160)는 홈 이미지를 표시하도록 표시부(110)를 제어할 수 있다. 여기서 홈 이미지에는 환경 설정에 대응되는 아이콘을 포함한다. 단계 621에서 제어부(160)는 환경 설정에 대응되는 아이콘의 터치를 검출한다. 그러면, 단계 622에서 제어부(160)는 휴대 단말(100)의 환경 설정 이미지를 표시하도록 표시부(110)를 제어한다. 단계 623에서 제어부(160)는 화면에 대한 사용자의 조작에 따라 휴대 단말기의 환경 특히, 페이지에 대한 환경을 설정한다. 페이지와 관련된 설정 값들은 저장부(130)에 저장된다. 그리고 저장부(130)에 저장된 설정값들은 페이지가 표시될 때, 제어부(160)에 의해 활용된다.
도 7a는 휴대 단말의 환경을 설정하기 위한 화면 예시도이다. 도 7a를 참조하면, 표시부(110)는 제어부(160)의 제어 하에, 환경 설정 이미지(730)를 표시한다. 환경 설정 이미지(730)은 무선 네트워크(731), 위치서비스(732), 사운드(733), 디스플레이(734), 보안(735) 및 페이지 설정(736) 등과 같은 항목들을 포함한다. 이와 같은 항목들에서 사용자는 페이지 설정(736)을 터치한다. 그러면, 제어부(160)는 페이지의 환경 설정을 위한 페이지 설정 이미지를 표시하도록 표시부(110)를 제어한다.
도 7b는 페이지의 환경을 설정하기 위한 화면 예시도이다. 도 7b를 참조하면, 표시부(110)는 제어부(160)의 제어 하에, 페이지 설정 화면(740)을 표시한다. 페이지 설정 이미지(640)는 페이지 두께/재질(741), 터치제스처 변경(742), 허용 기울기 범위(743), 피드백(744) 및 화면 변경 시간(745) 등과 같은 항목들을 포함한다. 여기서 페이지 두께/재질(741)은 표 1에 예시한 바와 같이, 75g/m2와 인쇄용지가 될 수 있다. 페이지 두께/재질(741)은 전자책의 제조사에서 설정된 값으로써, 사용자가 변경하지 못할 수도 있다. 터치제스처 변경(742)은 페이지를 넘길 수 있도록 허용된 터치제스처를 변경하는 항목이다. 예컨대, 페이지 넘기기 위해 허용되는 터치제스처는 플릭에서 드래그로 변경될 수 있다. 또는 그 반대로 변경될 수 있다. 또한, 타겟 노드가 이동할 수 있는 허용 기울기 범위(743)는 -30 ~ +30도가 될 수 있다. 피드백(744)은 페이지가 넘어갈 때 사용자에게 제공하는 피드백을 정하는 항목이다. 예컨대, 사용자는 피드백으로써, 진동 및 효과음을 정할 수 있다. 화면 변경 시간(745)은 예컨대, 0.5 초로 설정될 수 있다.
이하에서는 화면 예시도들을 참조하여 본 발명을 좀 더 구체적으로 설명한다. 설명에 앞서, 본 발명에서 화면의 표시 모드는 가로 모드(landscape mode)와 세로 모드(portrait mode)로 구분된다. 가로 모드인 경우 휴대 단말(100)은 좌우로 두 페이지를 표시하고, 세로 모드인 경우 휴대 단말(100)은 한 페이지를 표시한다. 물론 본 발명이 이에 한정되는 것은 아니다. 사용자가 휴대 단말(100)을 회전시키면 휴대 단말(100)에 구비된 센서(예, 가속도 센서)는 회전 정보를 검출하고, 회전 정보를 제어부(160)로 전달한다. 제어부(160)는 회전 정보를 이용하여 휴대 단말(100)의 표시 모드를 결정할 수 있다. 본 발명은 표시 모드가 어떤 것이든 상관없다.
도 8 내지 도 23은 본 발명의 일 실시예에 따른 콘텐츠 표시 방법을 설명하기 위한 화면 예시도들이다. 제어부(160)는 상술한 바와 같이 타겟 노드를 이동시켜, 페이지를 볼록하게 변형한다. 물론 페이지의 모습이 볼록해지더라도 터치 정보(예컨대, 터치 위치, 이동 방향, 이동 거리, 빠르기 등)에 따라 구체적인 형태는 각각 다르다. 본 발명에서 '콘텐츠'는 휴대 단말에서 제공되는 사진, 비디오, 오디오, 이미지, 달력, 연락처, 메모, 문서, 이북(e-book), 웹 페이지, 썸네일 및 아이콘 등이다. 콘텐츠는 페이지 단위로 표시된다. 페이지의 수가 변경되는 콘텐츠는 사진, 비디오, 오디오, 이미지, 연락처, 메모, 문서, 썸네일 및 아이콘 등이다. 페이지의 수가 변경되지 않는 콘텐츠는 달력, 이북, 웹 페이지 등이다.
도 8 내지 도 16은 갤러리의 페이지가 표시된 화면들이다. 한 페이지 당 다수의 아이콘(예컨대, 도시된 바와 같이 12개)이 포함된다. 한 페이지 당 표시되는 아이콘의 수는 사용자에 의해 변경 가능하다. 각각의 아이콘은 사진 또는 동영상에 대응된다. 예컨대, 사용자가 아이콘을 탭하면, 해당 사진(또는 동영상)이 화면에 표시된다. 또한 페이지에는 아이콘 대신 다른 콘텐츠 예컨대, 사진이나 썸네일이 포함될 수 있다. 또한, 페이지에는 다양한 종류의 콘텐츠들(예, 아이콘, 사진, 썸네일 등)이 포함될 수도 있다.
도 8a를 참조하면, 사용자는 갤러리의 우측 페이지(예컨대, 4/11 페이지)의 우하귀 지점(810)에 터치입력기구를 터치한다. 그러면, 제어부(160)는 우하귀 지점(810)에 해당되는 타켓 노드(또는 터치 좌표)를 검출한다. 사용자는 우하귀 지점(810)을 터치한 상태에서 터치입력기구를 좌하귀 쪽으로 이동한다. 그러면, 제어부(160)는 좌하귀 쪽으로 타겟 노드를 이동한다. 그리고 제어부(160)는 이동되는 타켓 노드의 변위를 계산한다. 구체적으로, 제어부(160)는 타켓 노드의 현재 위치 값(즉, 터치입력기구의 현재 터치 좌표), 타겟 노드의 이동 속도 및 타겟 노드의 이동 방향 등을 계산한다. 제어부(160)는 계산된 변위를 이용하여 각각의 노드들에 작용하는 힘들을 계산한다. 제어부(160)는 계산된 힘들을 이용하여 각각의 노드들의 위치 값(좌표)들을 계산한다. 제어부(160)는 계산된 위치 값들을 이용하여 애니메이션을 생성한다. 그리고 제어부(160)는 생성된 애니메이션을 표시하도록 표시부(110)를 제어한다. 도 8a는 터치입력기구가 우하귀 지점(810)에서 좌하귀 쪽으로 이동하여 제 1 하변 지점(820)에 위치할 때의 애니메이션(즉, 페이지의 변형된 모습)을 도시한 것이다. 도시된 바와 같이 페이지는 타겟 노드가 이동하는 방향(810 -> 820)으로 크게 변형되어 볼록해진다. 또한 타겟 노드가 있는 모서리 영역(815)이 다른 모서리 영역(830)과 비교하여, 책등(spine)(840)에 근접하다.
도 8b를 참조하면, 사용자는 터치입력기구를 제 1 하변 지점(820)에서 좀 더 좌하귀 쪽으로 이동할 수 있다. 그러면 제어부(160)는 애니메이션을 생성하고, 생성된 애니메이션을 표시하도록 표시부(110)를 제어한다. 즉 도 8b는 터치입력기구가 제 2 하변 지점(850)에 위치할 때의 애니메이션을 도시한 것이다. 도 8a와 도 8b를 비교하면, 도 8a의 페이지에 비해 도 8b의 페이지가 좀 더 볼록하다. 따라서, 터치입력기구의 터치가 해제되면 도 8a의 페이지는 안 넘어가고 반면, 도 8b의 페이지는 넘어갈 수 있다. 다시 말해, 도 8a의 경우 사용자가 제 1 하변 지점(820)에서 터치를 해제하면, 힘의 방향(즉, 페이지의 무게 중심)이 오른쪽으로 작용할 수 있다. 이에 따라 페이지는 안 넘어가고 제자리로 돌아간다. 반면, 도 8b의 경우 사용자가 제 2 하변 지점(850)에서 터치를 해제하면, 힘의 방향이 왼쪽으로 작용할 수 있다. 이에 따라 페이지는 반대편으로 넘어갈 수 있다. 결국 페이지의 무게 중심의 방향은 현재 터치 좌표와 연관될 수 있다. 물론, 도 8a의 경우에도 넘어갈 수 있는 조건이 있을 수 있다. 이러한 조건의 일례에 대해 앞서 도 5를 통해 상세히 설명하였다. 또한, 터치입력기구가 우하귀 지점(810)에서 제 1 하변 지점(820)으로 이동한 빠르기에 따라 페이지 넘김이 결정될 수 있다. 예컨대, 터치입력기구가 30cm/sec의 빠르기로 이동하다가 터치 해제되면, 페이지는 넘어갈 수 있다. 빠르기가 30cm/sec 이하인 경우 페이지는 넘어가지 않을 수 있다. 여기서 빠르기를 이용한 페이지 넘김의 결정은 아래 예시들에서도 동일하게 적용될 수 있다.
도 8b 내지 도 8d를 참조하면, 사용자는 터치를 계속 유지한 상태에서 터치입력기구를 제 2 하변 지점(850)에서 좀 더 왼쪽으로 이동시킬 수 있다. 즉, 사용자는 좌우 페이지를 구분하는 중앙선을 넘어, 터치입력기구를 제 1 좌측 지점(860)에 위치시킨다. 그러면, 제어부(160)는 현재 조작되는 페이지의 뒷면(예를 들어, 5페이지)의 일부(870)가 표시되게 한다. 사용자가 제 1 좌측 지점(850)에서 터치를 해제하면, 도 8d에 도시된 바와 같이, 제어부(160)는 뒷면의 전체를 좌측에 표시되게 한다. 이상으로 터치입력기구가 좌측에서 중앙선을 넘어 우측으로 이동하면, 페이지의 뒷면이 표시된다. 중앙선을 넘은 후 터치 해제되면 페이지가 넘어간다. 물론 터치입력기구가 굳이 중앙선을 넘지 않아도 현재 조작되는 페이지의 뒷면이 표시될 수도 있다. 예컨대, 제어부(160)는, 터치입력기구가 미리 설정된 임계치(예컨대, 중앙선에서부터 10mm) 이내로 중앙선에 접근하면, 뒷면을 표시하도록 표시부(110)를 제어할 수 있다. 여기서, 뒷면의 표시를 위한 임계치는 10mm가 아닌 다른 값으로 변경될 수 있다. 이하에서 다른 화면 예시도들에 대해서 설명한다. 다만, 앞서 설명한 도 8a 내지 도 8d와 중복되는 설명은 생략하고 간결하게 설명한다.
도 9를 참조하면, 사용자는 터치입력기구를 페이지(예, 4/11 페이지)의 우하귀 지점(910)에 터치한 후, 그 지점에서 좌상귀 쪽으로 터치입력기구를 이동한다. 그러면 제어부(160)는 애니메이션을 생성하고, 생성된 애니메이션을 표시하도록 표시부(110)를 제어한다. 즉 도 9는 터치입력기구가 우하귀 지점(910)에서 좌상귀 쪽으로 이동하여 제 3 하변 지점(920)에 위치할 때의 애니메이션을 도시한 것이다. 도 8a와 도 9를 비교하면, 도 8a 및 도 9에서의 터치입력기구들은 모두, 동일한 우하귀 지점에서 출발하였으나 이동 방향이 다르다. 따라서 변형된 페이지의 모습이 다르다. 또한, 사용자가 터치를 해제하는 경우, 도 8a에서의 페이지는 안 넘어 가고 도 9에서의 페이지는 좌변으로 넘어갈 수 있다. 도 8a 및 도 9 모두, 터치가 페이지의 우하귀에서 시작되었다. 그러나 이동 방향은 도 8a의 경우 반대편 귀쪽인 반면 도 9는 상대적으로 페이지의 중심 쪽이다. 따라서, 도 8a의 경우 페이지의 하부는 무게 중심이 왼쪽이고 페이지의 상부는 무게 중심이 오른쪽일 수 있다. 이때 전체 무게 중심은 오른쪽일 수 있다. 그렇다면 페이지는 안 넘어 간다. 반면에, 도 9의 경우 터치의 이동 방향이 귀 쪽이 아닌 페이지의 중심 쪽이므로, 페이지의 상/하부 모두 무게 중심이 왼쪽일 수 있다. 그렇다면, 페이지는 넘어간다. 결국 페이지의 무게 중심의 방향은 현재 터치 좌표 및 터치입력기구의 빠르기와 함께, 터치입력기구의 이동 방향과도 연관될 수 있다.
도 10a 및 도 10b를 참조하면, 사용자는 터치입력기구를 페이지(예, 4/11 페이지) 가운데의 우변 지점(1010)에 터치한 후, 반대편(좌변) 쪽으로 터치입력기구를 이동한다. 즉 도 10a는 터치입력기구가 우변 지점(1010)에서 좌변 쪽으로 이동하여 중앙 지점(1020)에 위치할 때의 애니메이션을 도시한 것이다. 도 10a에 도시된 바와 같이, 사용자가 페이지 가운데의 우변 지점(1010)을 터치한 후 터치입력기구를 왼쪽으로 이동하면, 페이지의 위와 아래는 상호 대칭적으로 균일하게 변형된다. 한편, 사용자는 터치입력기구를 중앙 지점(1020)에서 좀 더 좌변 쪽으로 이동한다. 즉 도 10b는 터치입력기구가 좌변 지점(1030)에 위치할 때의 애니메이션을 도시한 것이다. 도 10a와 도 10b를 비교하면, 도 10a의 페이지에 비해 도 10b의 페이지가 좀 더 볼록하다. 따라서, 사용자가 터치를 해제하면 도 10a의 페이지는 안 넘어가고 도 10b의 페이지는 넘어갈 수 있다. 또한 도 8a와 도 10a를 비교하면, 도 8a 및 도 10a에서의 터치입력기구들은 모두, 이동 방향이 왼쪽으로 동일하나 최초 터치 좌표가 다르다. 따라서, 변형된 페이지의 모습이 다르다. 또한, 도 8b와 도 10b를 비교하면, 사용자가 터치를 해제하면 도 8b의 페이지는 안 넘어 가고 반면 도 10b의 페이지는 넘어갈 수 있다. 도 18b 및 도 10b 모두 터치가 페이지의 맨 우측에서 시작되었다. 그러나, 도 10b는 중간에서 터치가 시작한 반면, 도 8b는 그 보다 아래에서 터치가 시작되었다. 따라서, 도 10b의 경우 페이지의 위와 아래 모두 무게 중심이 왼쪽일 수 있다. 그렇다면, 페이지가 넘어간다. 반면에 도 8b의 경우 페이지의 아래는 무게 중심이 왼쪽이지만 페이지의 위는 무게 중심이 오른쪽일 수 있다. 이때 페이지의 전체 무게 중심이 오른쪽이면 페이지는 안 넘어 갈 것이다. 결국 페이지의 무게 중심의 방향은 현재 터치 좌표 및 터치입력기구의 이동 방향은 물론, 최초 터치 좌표와도 연관될 수 있다.
도 11a 및 도 11b을 참조하면, 사용자는 터치입력기구를 페이지(예, 4/11 페이지)의 우상귀 지점(1110)에 터치한 후, 그 지점에서 좌상귀 쪽으로 터치입력기구를 이동한다. 즉 도 11a는 터치입력기구가 우상귀 지점(1110)에서 좌상귀 쪽으로 이동하여 제 1 상변 지점(1120)에 위치할 때의 애니메이션을 도시한 것이다. 한편, 사용자는 터치 입력 수단을 제 1 상변 지점(1120)에서 좀 더 좌상귀 쪽으로 이동한다. 즉 도 11b는 터치입력기구가 제 2 상변 지점(1130)에 위치할 때의 애니메이션을 도시한 것이다.
도 12를 참조하면, 사용자는 터치입력기구를 페이지(예, 4/11 페이지)의 우상귀 지점(1210)에 터치한 후, 그 지점에서 좌하귀 쪽으로 터치입력기구를 이동한다. 즉 도 12는 터치입력기구가 우상귀 지점(1210)에서 좌하귀 쪽으로 이동하여 상변 지점(1220)에 위치할 때의 애니메이션을 도시한 것이다. 도 11a와 도 12를 비교하면, 도 11a 및 도 12에서의 터치 입력 수단들은 모두, 동일한 우상귀 지점에서 출발하였으나 이동 방향이 다르다. 따라서 변형된 페이지의 모습이 다르다.
다음으로, 도 13은 터치입력기구가 페이지(예, 4/11 페이지)의 제 1 좌하귀 지점(1310)에서 좀 더 좌변 쪽으로 이동하여 제 2 좌하귀 지점(1320)에 위치할 때의 애니메이션을 도시한 것이다. 도 14는 터치입력기구가 제 1 좌변 지점(1410)에서 좀 더 좌변 쪽으로 이동하여 제 2 좌변 지점(1420)에 위치할 때의 애니메이션을 도시한 것이다. 도 15는 터치입력기구가 제 1 좌상귀 지점(1510)에서 좀 더 좌변 쪽으로 이동하여 제 2 좌상귀 지점(1520)에 위치할 때의 애니메이션을 도시한 것이다.
상술한 도 8 내지 도 15에서 설명한 터치 좌표 이외에도 사용자는 페이지의 모든 곳을 터치할 수 있다. 이에 따라 터치 좌표, 이동 방향, 빠르기 등에 따라 페이지의 변형이 달라질 수 있음은 당연하다.
도 16을 참조하면, 표시 모드는 세로 모드이다. 세로 모드에서 표시부(110)는 한 페이지를 표시할 수 있다. 사용자는 터치입력기구를 페이지(예, 4/11 페이지)의 우하귀 지점(1610)에 터치한다. 그러면, 제어부(160)는 우하귀 지점(1610)에 해당되는 타켓 노드를 검출한다. 사용자는 우하귀 지점(1610)을 터치한 상태에서 터치입력기구를 좌하귀 쪽으로 이동한다. 그러면, 제어부(160)는 좌하귀 쪽으로 타겟 노드를 이동시킨다. 그리고 제어부(160)는 이동되는 타켓 노드의 변위를 계산한다. 구체적으로 제어부(160)는 타켓 노드의 현재 위치, 타겟 노드의 이동 속도 및 타겟 노드의 이동 방향 등을 계산한다. 제어부(160)는 계산된 변위를 이용하여 각각의 노드들에 작용하는 힘들을 계산한다. 제어부(160)는 계산된 힘들을 이용하여 각각의 노드들의 위치 값들을 계산한다. 제어부(160)는 계산된 위치 값들을 이용하여 애니메이션을 생성한다. 그리고 제어부(160)는 생성된 애니메이션을 표시하도록 표시부(110)를 제어한다. 이상으로, 도 16은 터치입력기구가 우하귀 지점(1610)에서 좌하귀 쪽으로 이동하여 하변 지점(1620)에 위치할 때의 애니메이션을 도시한 것이다. 제어부(160)는 터치입력기구가 미리 설정된 임계치(예컨대, 화면의 좌변에서부터 10mm) 이내로 좌변에 접근하면 페이지를 넘겨 다음 페이지(예컨대, 4페이지)를 표시하도록 표시부(110)를 제어한다.
도 17은 페이지의 수가 변경 가능한 음악 재생기의 페이지가 표시된 화면이다. 한 페이지 당 다수의 아이콘(예컨대, 도시된 바와 같이 12개)이 포함된다. 한 페이지 당 표시되는 아이콘의 수는 사용자에 의해 변경 가능하다. 도 17을 참조하면, 사용자는 우측 페이지(예컨대, 4/11 페이지)의 우하귀 지점(1710)에 터치입력기구를 터치한 후, 그 지점에서 좌하귀 쪽으로 터치입력기구를 이동한다. 그러면, 제어부(160)는 애니메이션을 생성하고, 생성된 애니메이션을 표시하도록 표시부(110)를 제어한다. 도 17은 터치입력기구가 우하귀 지점(1710)에서 좌하귀 쪽으로 이동하여 하변 지점(1720)에 위치할 때의 애니메이션(즉, 음악 재생기의 페이지가 볼록하게 변형된 모습)을 도시한 것이다. 다수의 아이콘(예컨대, 12개)이 하나의 페이지에 포함된다. 아이콘들은 도 17에 도시된 바와 같은 그리드(grid) 형태가 아닌, 리스트(list) 형태로 표시될 수도 있다. 사용자가 아이콘을 탭하면, 해당 음악이 재생된다. 한편, 페이지는 음악 폴더, 썸네일 또는 음악 재생 이미지가 포함될 수도 있다. 사용자가 음악 폴더를 탭하게 되면, 해당 음악 재생 이미지가 표시된다. 여기서 음악 재생 이미지는 앨범 커버 사진, 재생 버튼, 일시 정지 버튼 등을 포함하는 것이다. 사용자가 재생 버튼을 탭하면, 해당 음악 폴더에 포함된 음악들이 순차적으로 또는 랜덤하게 재생된다.
도 18은 페이지의 수가 변경 가능한 비디오 재생기의 페이지가 표시된 화면이며 이를 참조하면, 터치된 페이지(예컨대, 4/11페이지)에서 터치입력기구의 이동(1810)에 응답하여 비디오 재생기의 페이지가 볼록하게 변형된다. 비디오 재생기의 페이지는 다수의 아이콘(예, 12개)이 포함된다. 물론 한 페이지 당 표시되는 아이콘의 수는 사용자에 의해 변경 가능하다. 사용자가 아이콘을 탭하면, 해당 비디오가 재생된다. 한편, 음악 재생기 및 비디오 재생기는 통합될 수 있다. 즉, 음악 아이콘과 비디오 아이콘이 한 페이지에 표시될 수 있다. 이와 같은 통합형의 경우에도, 페이지가 볼록하게 변형된다.
도 19는 페이지의 수가 변경 가능한 어드레스 북의 페이지가 표시된 화면이며 이를 참조하면, 터치된 페이지(예컨대, 4/11페이지)에서 터치입력기구의 이동(1910)에 응답하여 어드레스 북(address book)의 페이지가 볼록하게 변형된다. 어드레스 북의 페이지는 다수의 연락처 정보를 포함된다. 도시된 바와 같이 다수의 연락처 정보는 리스트 형태로 표시된다. 물론, 다른 형태 예컨대, 그리드 형태로 표시될 수도 있다. 사용자가 연락처 정보를 탭하면, 해당 상세 정보(예컨대, 전화번호, 이메일 주소, 집 주소, 회사 주소 등)가 표시된다. 어드레스 북의 페이지는 가로 모드보다 도 16과 같은 세로 모드로 표시됨이 좀 더 적절하다.
도 20은 페이지의 수가 변경 가능한 메모장의 페이지가 표시된 화면이며 이를 참조하면, 터치된 페이지(예컨대, 4/11페이지)에서 터치입력기구의 이동(2010)에 응답하여 메모장의 페이지가 볼록하게 변형된다.
도 21은 페이지의 수가 변경되지 않는 캘린더의 페이지가 표시된 화면이며 이를 참조하면, 터치된 페이지(예컨대, 4/11페이지)에서 터치입력기구의 이동(2110)에 응답하여 캘린더의 페이지(예컨대, 2013년 2월)가 볼록하게 변형된다.
도 22는 페이지의 수가 변경되지 않는 캘린더의 페이지가 표시된 화면이며 이를 참조하면, 터치된 페이지(예컨대, 4/11페이지)에서 터치입력기구의 이동(2210)에 응답하여 웹 브라우저의 페이지가 볼록하게 변형된다.
도 23은 페이지의 수가 변경되지 않는 캘린더의 페이지가 표시된 화면이며 이를 참조하면, 터치된 페이지(예컨대, 4/11페이지)에서 터치입력기구의 이동(2310)에 응답하여 전자책의 페이지가 볼록하게 변형된다.
도 24는 본 발명의 일 실시예에 따른 페이지 편집 방법을 설명하기 위한 흐름도이다. 도 25a, 도 25b 및 도 26은 본 발명의 일 실시예에 따른 페이지 편집 방법을 설명하기 위한 화면들이다.
도 24를 참조하면, 단계 2410에서 제어부(160)는 페이지의 표시를 요청하는 이벤트를 검출한다. 예컨대, 요청 이벤트는 어플리케이션 아이콘에 대한 터치입력기구의 탭이다. 요청 이벤트가 검출되면, 단계 2420에서 제어부(160)는 해당 어플리케이션의 저장된 페이지들 중에서 표시할 페이지를 결정한다. 예컨대, 제어부(160)는 "해당 어플리케이션이 종료되기 전에 마지막으로 표시되었던 페이지"를 표시할 페이지로 결정할 수 있다. 단계 2430에서 제어부(160)는 결정된 페이지 및 이의 부가 정보를 표시하도록 표시부(110)를 제어한다. 예컨대 도 25a를 참조하면, 부가 정보는 해당 페이지의 번호와 전체 페이지의 수(2510, 2520)이다. 단계 2440에서 제어부(160)는 페이지의 편집을 요청하는 이벤트를 검출한다. 예컨대, 도 25a를 참조하면, 요청 이벤트는 삭제 버튼(2530)에 대한 터치입력기구의 탭이다. 단계 2450에서 제어부(160)는 편집 요청 이벤트에 응답하여 페이지들을 재구성하고, 재구성된 페이지들을 저장부(130)에 저장한다. 그리고 단계 2460에서 제어부(160)는 재구성된 페이지들 중 적어도 하나의 페이지와 이의 부가 정보를 표시하도록 표시부(110)를 제어한다. 예컨대, 도 25a 및 도 25b를 참조하면, 제어부(160)는 삭제 버튼(2530)의 탭에 응답하여 콘텐츠 리스트에서, 사용자에 의해 선택된 P5, P9, P11, P19~P24를 제외하고, 나머지를 이용하여 페이지들을 재구성한다. 이에 따라, 전체 페이지의 수는 11개에서 10개로 변경된다. 또한, 도 25a 및 도 25b에 도시된 예는 그대로이지만, 현재 표시되는 페이지의 순서도 변경될 수 있다. 한편, 사진 외에도 비디오, 오디오, 이미지, 연락처, 메모, 문서, 썸네일 및 아이콘 등과 같은 콘텐츠도 편집(예, 페이지에서 콘텐츠를 삭제하거나, 페이지에 콘텐츠를 추가하거나 콘텐츠를 다른 페이지로 이동하는 것 등)이 가능하다.
한편, 페이지들은 시간 순으로 구성될 수 있다. 예컨대, 제 1 사진이 제 2 사진보다 촬영 시간이 빠른 경우 보다 앞 페이지에 구성된다. 또한, 페이지들은 장소별로 구성될 수 있다. 예컨대, 제 1 페이지는 서울에서 촬영한 사진들로 구성되고, 제 2 페이지는 뉴욕에서 촬영한 사진들로 구성된다. 콘텐츠의 배열 방식이 사용자의 의해 "시간"에서 "장소"로 변경되거나 또는 그 반대로 변경되면, 제어부(160)는 페이지들을 재구성하게 되고, 그 결과 현재 표시되는 페이지의 순서 및 전체 페이지의 수 중 적어도 하나는 변경될 수 있다.
페이지의 포맷이 변경되면, 제어부(160)는 페이지들을 재구성하게 되고, 그 결과 현재 표시되는 페이지의 순서 및 전체 페이지의 수 중 적어도 하나는 변경될 수 있다. 구체적으로, 한 페이지에 포함되는 콘텐츠의 개수가 사용자에 의해 변경이 가능하다. 예컨대, 도 25a 및 도 25b의 페이지는 12개의 콘텐츠로 구성되고, 도 26의 페이지는 9개의 콘텐츠로 구성된다. 이에 따라, 현재 표시되는 페이지의 순서를 나타내는 정보(예컨대, 번호)가 변경되어 표시되고 전체 페이지의 수를 나타내는 정보 또한 변경되어 표시된다. 또한, 페이지에서 콘텐츠의 배열 방식은 사용자에 의해 변경이 가능하다. 즉 콘텐츠는 그리드 형태나 리스트 형태로 배열될 수 있다. 이와 같이 배열 방식이 변경되면, 페이지에 포함되는 콘텐츠의 수가 변경될 수 있다. 그렇다면, 현재 표시되는 페이지의 순서를 나타내는 정보가 변경되어 표시될 수 있다. 또한, 전체 페이지의 수를 나타내는 정보도 변경되어 표시될 수 있다.
상술한 바와 같은 본 발명에 따른 콘텐츠 표시 방법은 다양한 컴퓨터를 통하여 수행될 수 있는 프로그램 명령으로 구현되어 컴퓨터로 판독 가능한 기록 매체에 기록될 수 있다. 여기서 기록매체는 프로그램 명령, 데이터 파일, 데이터 구조 등을 포함할 수 있다. 또한 프로그램 명령은 본 발명을 위하여 특별히 설계되고 구성된 것들이거나 컴퓨터 소프트웨어 당업자에게 공지되어 사용 가능한 것일 수 있다. 또한 기록매체에는 하드디스크, 플로피디스크 및 자기 테이프와 같은 자기매체(Magnetic Media)와, CD-ROM, DVD와 같은 광기록 매체(Optical Media)와, 플롭티컬 디스크(Floptical Disk)와 같은 자기-광 매체(Magneto-Optical Media)와, 롬(ROM)과, 램(RAM)과, 플래시 메모리 등과 같은 하드웨어 장치가 포함될 수 있다. 또한 프로그램 명령에는 컴파일러에 의해 만들어지는 것과 같은 기계어 코드뿐만 아니라, 인터프리터 등을 사용해서 컴퓨터에 의해서 실행될 수 있는 고급 언어 코드가 포함될 수 있다. 하드웨어 장치는 본 발명을 수행하기 위해 하나 이상의 소프트웨어 모듈로서 작동하도록 구성될 수 있다.
본 발명에 따른 콘텐츠 표시 방법 및 휴대 단말은 전술한 실시 예에 국한되지 않고 본 발명의 기술 사상이 허용하는 범위에서 다양하게 변형하여 실시할 수가 있다.
100: 휴대 단말
110: 표시부 111: 터치패널
112: 터치 IC 120: 키입력부
130: 저장부 140: 무선통신부
150: 오디오 처리부 160: 제어부

Claims (19)

  1. 터치패널이 설치된 표시부를 가지는 휴대 단말에서 콘텐츠를 페이지 단위로 표시하는 콘텐츠 표시 방법에 있어서,
    페이지들 중 적어도 하나의 페이지를 표시하는 단계;
    상기 페이지에 대한 터치입력기구의 이동을 검출하는 단계; 및
    상기 터치입력기구의 이동에 응답하여 볼록하게 변형되어 넘어가게 상기 페이지를 표시하는 단계를 포함하는 콘텐츠 표시 방법.
  2. 제 1 항에 있어서,
    콘텐츠의 편집을 요청하는 이벤트를 검출하는 단계;
    상기 편집 요청 이벤트에 응답하여 상기 페이지들을 재구성하는 단계; 및
    상기 재구성된 페이지들 중 적어도 하나의 페이지 및 이의 부가 정보를 표시하는 단계를 더 포함하는 것을 특징으로 하는 콘텐츠 표시 방법.
  3. 제 2 항에 있어서,
    상기 부가 정보는,
    전체 페이지의 수와 상기 표시된 페이지의 순서를 나타내는 정보인 것을 특징으로 하는 콘텐츠 표시 방법.
  4. 제 2 항에 있어서,
    상기 페이지들을 재구성하는 단계는,
    콘텐츠의 추가, 콘텐츠의 삭제, 콘텐츠의 이동 및 페이지의 포맷의 변경 중 어느 하나의 요청에 응답하여 페이지들을 재구성하는 것임을 특징으로 하는 콘텐츠 표시 방법.
  5. 제 4 항에 있어서,
    상기 페이지들을 재구성하는 단계는,
    전체 페이지의 수 및 상기 표시된 페이지의 순서 중 적어도 하나를 변경하는 것을 특징으로 하는 콘텐츠 표시 방법.
  6. 제 1 항에 있어서,
    상기 콘텐츠는,
    상기 휴대 단말에서 제공되는 사진, 비디오, 오디오, 이미지, 달력, 연락처, 메모, 문서, 이북, 웹 페이지, 썸네일 및 아이콘 중 적어도 하나인 것을 특징으로 하는 콘텐츠 표시 방법.
  7. 제 1 항에 있어서,
    상기 볼록하게 변형되어 넘어가게 상기 페이지를 표시하는 단계는,
    상기 페이지에 설정된 속성 정보에 대응하여 볼록하게 변형된 페이지를 표시하는 것을 특징으로 하는 콘텐츠 표시 방법.
  8. 제 1 항에 있어서,
    상기 터치입력기구의 이동을 검출하는 단계는,
    상기 터치입력기구의 이동 방향, 이동 거리 및 빠르기 중에서 적어도 하나를 검출하는 것을 특징으로 하는 콘텐츠 표시 방법.
  9. 제 1 항에 있어서,
    상기 볼록하게 변형되어 넘어가게 상기 페이지를 표시하는 단계는,
    검출된 터치 지점에 따라 상기 페이지를 상이하게 볼록한 형태로 변형하여 표시하는 것을 특징으로 하는 콘텐츠 표시 방법.
  10. 제 1 항에 있어서,
    상기 터치입력기구의 최초 터치 좌표, 상기 터치입력기구의 현재 터치 좌표, 상기 터치입력기구의 이동 거리 및 상기 터치입력기구의 이동 방향 중에서 적어도 하나를 기반으로 상기 변형된 페이지에 작용하는 힘의 방향을 결정하는 단계; 및
    상기 변형된 페이지에 대한 상기 터치입력기구의 터치 해제가 검출되면, 상기 결정된 힘의 방향으로 이동하는 페이지를 표시하는 단계를 더 포함하는 것을 특징으로 하는 콘텐츠 표시 방법.
  11. 제 1 항에 있어서,
    상기 변형된 페이지에 대한 상기 터치입력기구의 터치 해제가 검출되면, 상기 터치 해제 직전의 상기 터치입력기구의 이동 방향으로 이동하는 페이지를 표시하는 단계를 더 포함하는 것을 특징으로 하는 콘텐츠 표시 방법.
  12. 터치패널이 설치되고, 콘텐츠를 페이지 단위로 표시하는 표시부;
    상기 콘텐츠의 페이지들을 저장하는 저장부; 및
    상기 페이지들 중 적어도 하나의 페이지를 표시하도록 제어하고, 상기 표시된 페이지에 대한 터치입력기구의 이동을 검출하고, 상기 터치입력기구의 이동에 응답하여 볼록하게 변형되어 넘어가게 상기 페이지를 표시하도록 제어하는 제어부를 포함하는 휴대 단말.
  13. 제 12 항에 있어서,
    상기 제어부는,
    콘텐츠의 편집을 요청하는 이벤트를 검출하고, 상기 편집 요청 이벤트에 응답하여 상기 페이지들을 재구성하여 저장하고, 상기 재구성된 페이지들 중 적어도 하나의 페이지 및 이의 부가 정보를 표시하도록 제어하는 것을 특징으로 하는 휴대 단말.
  14. 제 13 항에 있어서,
    상기 부가 정보는,
    전체 페이지의 수와 상기 표시된 페이지의 순서를 나타내는 정보인 것임을 특징으로 하는 휴대 단말.
  15. 제 13 항에 있어서,
    상기 제어부는,
    콘텐츠의 추가, 콘텐츠의 삭제, 콘텐츠의 이동 및 페이지의 포맷의 변경 중 어느 하나의 요청에 응답하여 페이지들을 재구성하는 것을 특징으로 하는 휴대 단말.
  16. 제 15 항에 있어서,
    상기 재구성은 전체 페이지의 수 및 상기 표시된 페이지의 순서 중 적어도 하나의 변경인 것을 특징으로 하는 휴대 단말.
  17. 제 12 항에 있어서,
    상기 저장부는 페이지의 속성 정보를 저장하고,
    상기 제어부는 상기 속성 정보에 대응하여 상기 페이지를 볼록하게 변형하는 것을 특징으로 하는 휴대 단말.
  18. 제 12 항에 있어서,
    상기 제어부는,
    상기 페이지에 대한 상기 터치입력기구의 터치 해제가 검출되면, 상기 터치 해제 직전의 상기 터치입력기구의 이동 방향으로 이동하는 페이지를 표시하도록 상기 표시부를 제어하는 것을 특징으로 하는 휴대 단말.
  19. 터치패널이 설치된 표시부를 가지는 휴대 단말에서 구현되는 기록매체에 있어서,
    페이지들 중 적어도 하나의 페이지를 표시하고, 상기 표시된 페이지에 대한 터치입력기구의 이동을 검출하고, 상기 터치입력기구의 이동에 응답하여 볼록하게 변형되어 넘어가게 상기 페이지를 표시하는 구성을 포함하는 기록 매체.
KR1020130009788A 2012-01-31 2013-01-29 콘텐츠 표시 방법 및 이를 구현하는 휴대 단말 KR20140096780A (ko)

Priority Applications (4)

Application Number Priority Date Filing Date Title
KR1020130009788A KR20140096780A (ko) 2013-01-29 2013-01-29 콘텐츠 표시 방법 및 이를 구현하는 휴대 단말
US13/909,899 US20130298068A1 (en) 2012-01-31 2013-06-04 Contents display method and mobile terminal implementing the same
PCT/KR2013/006221 WO2014109445A1 (en) 2013-01-11 2013-07-11 Contents display method and mobile terminal implementing the same
EP13870559.5A EP2943867A4 (en) 2013-01-11 2013-07-11 METHOD OF DISPLAYING CONTENT AND MOBILE TERMINAL IMPLEMENTING THE SAME

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020130009788A KR20140096780A (ko) 2013-01-29 2013-01-29 콘텐츠 표시 방법 및 이를 구현하는 휴대 단말

Publications (1)

Publication Number Publication Date
KR20140096780A true KR20140096780A (ko) 2014-08-06

Family

ID=51167078

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020130009788A KR20140096780A (ko) 2012-01-31 2013-01-29 콘텐츠 표시 방법 및 이를 구현하는 휴대 단말

Country Status (3)

Country Link
EP (1) EP2943867A4 (ko)
KR (1) KR20140096780A (ko)
WO (1) WO2014109445A1 (ko)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2019027105A1 (ko) * 2017-07-31 2019-02-07 (주)레터플라이 콘텐츠 작성 범위에 따른 콘텐츠 에디터 페이지 자동 추가 및 삭제 단말 및 컴퓨터 판독가능 기록매체
KR102220111B1 (ko) * 2019-08-28 2021-02-24 허창용 스마트 기능을 구비한 캘린더 장치

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US11322062B1 (en) 2021-01-06 2022-05-03 Microsoft Technology Licensing, Llc Dual display device control
WO2022150092A1 (en) * 2021-01-06 2022-07-14 Microsoft Technology Licensing, Llc Dual display device control

Family Cites Families (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
SE525338C2 (sv) * 2002-03-27 2005-02-01 Touch & Turn Ab Anordning och förfarande för att vända blad i ett digitaliserat virtuellt dokument
US8499251B2 (en) * 2009-01-07 2013-07-30 Microsoft Corporation Virtual page turn
US9262063B2 (en) * 2009-09-02 2016-02-16 Amazon Technologies, Inc. Touch-screen user interface
KR101743632B1 (ko) * 2010-10-01 2017-06-07 삼성전자주식회사 휴대용 단말기에서 전자책 페이지 넘김 장치 및 방법
JP5671921B2 (ja) * 2010-10-04 2015-02-18 ソニー株式会社 情報処理装置、情報処理方法、及びプログラム
JP5666239B2 (ja) * 2010-10-15 2015-02-12 シャープ株式会社 情報処理装置、情報処理装置の制御方法、プログラム、および記録媒体
JP2012150566A (ja) * 2011-01-17 2012-08-09 Sharp Corp 表示装置、表示方法、コンピュータプログラム、及び記録媒体
KR101230210B1 (ko) * 2011-03-11 2013-02-05 한국과학기술원 터치스크린을 구비한 사용자 단말 제어방법, 장치, 이를 위한 기록매체 및 이를 포함하는 사용자 단말
KR101863923B1 (ko) * 2011-03-16 2018-07-05 엘지전자 주식회사 이동 단말기 및 그 제어방법

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2019027105A1 (ko) * 2017-07-31 2019-02-07 (주)레터플라이 콘텐츠 작성 범위에 따른 콘텐츠 에디터 페이지 자동 추가 및 삭제 단말 및 컴퓨터 판독가능 기록매체
KR102220111B1 (ko) * 2019-08-28 2021-02-24 허창용 스마트 기능을 구비한 캘린더 장치

Also Published As

Publication number Publication date
WO2014109445A1 (en) 2014-07-17
EP2943867A4 (en) 2016-08-24
EP2943867A1 (en) 2015-11-18

Similar Documents

Publication Publication Date Title
US20230259696A1 (en) Device, method, and graphical user interface for editing screenshot images
US11675476B2 (en) User interfaces for widgets
AU2017272222B2 (en) Device, method, and graphical user interface for moving user interface objects
US10761712B2 (en) Anchoring viewport
KR102056175B1 (ko) 증강현실 콘텐츠 생성 방법 및 이를 구현하는 휴대단말장치
US10114539B2 (en) System and method for providing feedback associated with e-book in mobile device
US10304163B2 (en) Landscape springboard
US9361020B2 (en) Method and apparatus for displaying e-book in terminal having function of e-book reader
KR101999154B1 (ko) 데이터 표시 방법 및 휴대 단말
US20130268847A1 (en) System and method for displaying pages of e-book
US9046957B2 (en) Method for displaying pages of E-book and mobile device adapted thereto
US20130198678A1 (en) Method and apparatus for displaying page in terminal
KR20130100580A (ko) 단말기에서 페이지 넘김 방법 및 장치
US9600120B2 (en) Device, method, and graphical user interface for orientation-based parallax display
EP2770422A2 (en) Method for providing a feedback in response to a user input and a terminal implementing the same
US9747007B2 (en) Resizing technique for display content
KR20150033844A (ko) 윈도우 제어 방법 및 이를 지원하는 전자장치
KR20130045781A (ko) 전자책 리더 기능을 구비한 단말기에서 전자책 표시 방법 및 장치
KR102098258B1 (ko) 콘텐츠 편집 방법 및 이를 구현하는 전자기기
CN105793836B (zh) 用于共享并且显示书写信息的方法和装置
KR20140096780A (ko) 콘텐츠 표시 방법 및 이를 구현하는 휴대 단말
US20130298068A1 (en) Contents display method and mobile terminal implementing the same
CN110622119A (zh) 对象插入
KR20130088695A (ko) 단말기에서 페이지 표시 방법 및 장치
KR102208628B1 (ko) 휴대 장치의 문서 편집 방법 및 이를 사용하는 휴대 장치

Legal Events

Date Code Title Description
WITN Application deemed withdrawn, e.g. because no request for examination was filed or no examination fee was paid