KR20170088759A - 화상 표시 장치, 화상 표시 방법, 및 저장 매체 - Google Patents

화상 표시 장치, 화상 표시 방법, 및 저장 매체 Download PDF

Info

Publication number
KR20170088759A
KR20170088759A KR1020170007852A KR20170007852A KR20170088759A KR 20170088759 A KR20170088759 A KR 20170088759A KR 1020170007852 A KR1020170007852 A KR 1020170007852A KR 20170007852 A KR20170007852 A KR 20170007852A KR 20170088759 A KR20170088759 A KR 20170088759A
Authority
KR
South Korea
Prior art keywords
display
partial area
screen
image
displayed
Prior art date
Application number
KR1020170007852A
Other languages
English (en)
Other versions
KR102167353B1 (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 캐논 가부시끼가이샤
Publication of KR20170088759A publication Critical patent/KR20170088759A/ko
Application granted granted Critical
Publication of KR102167353B1 publication Critical patent/KR102167353B1/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/1454—Digital output to display device ; Cooperation and interconnection of the display device with other functional units involving copying of the display data of a local workstation or window to a remote workstation or window so that an actual copy of the data is displayed simultaneously on two or more displays, e.g. teledisplay
    • 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/04845—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 for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • 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/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/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/0486—Drag-and-drop
    • 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
    • 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/04886—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 by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or 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/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
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/103—Formatting, i.e. changing of presentation of documents
    • 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/14—Display of multiple viewports
    • 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/04806—Zoom, i.e. interaction techniques or interactors for controlling the zooming operation

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)
  • Health & Medical Sciences (AREA)
  • Artificial Intelligence (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Computational Linguistics (AREA)
  • General Health & Medical Sciences (AREA)
  • Computer Hardware Design (AREA)
  • User Interface Of Digital Computer (AREA)
  • Controls And Circuits For Display Device (AREA)

Abstract

화상 표시 장치는, 화상에 포함되는 복수의 오브젝트 중 대상 오브젝트를 확대해서 화면에 표시하고, 상기 화면에 표시되는 대상 오브젝트 이외의 오브젝트를 상기 화면에 표시시키기 위한 지시를 유저로부터 접수하는 것에 기초하여, 표시되어야 할 다음의 오브젝트를 표시하도록 구성된 제1 표시 제어 유닛과, 상기 화상을 상기 화면에 표시하고, 상기 제1 표시 제어 유닛에 의해 상기 화면의 표시가 제어되는 동안에 유저로부터의 상기 지시를 접수하는 경우에, 상기 복수의 오브젝트 각각에 대하여 표시 순서를 나타내는 화상을 상기 화면에 표시하도록 구성된 제2 표시 제어 유닛과, 상기 표시 순서를, 상기 제2 표시 제어 유닛에 의해 표시가 제어되는 유저의 조작을 접수함으로써 변경하도록 구성된 변경 유닛을 포함한다.

Description

화상 표시 장치, 화상 표시 방법, 및 저장 매체{IMAGE DISPLAY APPARATUS, IMAGE DISPLAY METHOD, AND STORAGE MEDIUM}
본 발명은 페이지 화상의 부분 영역마다 차례로 표시하는 시스템에서, 부분 영역의 표시 순서를 변경하는 기술에 관한 것이다.
회의실에서 행하여지는 프리젠테이션이나 대면 판매에서의 상품 설명에 사용되는 자료는, 자료를 구성하는 각각의 단일 페이지 화상(슬라이드)을 설명을 위해 페이지 단위로 화상 표시 장치에 표시하는 것이 일반적이다. 자료의 구성에 따라서는, 일부 슬라이드는 이야기하는 사람이 어디를 설명하고 있는 지를 듣는 사람이 이해하기 힘들 수 있다. 듣는 사람은, 동일한 슬라이드가 변화하지 않은 채 계속 장시간 표시 및 설명되는 경우에는 싫증나 버릴 수 있다.
일부 화상 표시 방법은, 스마트폰 등의 이동 단말기의 작은 화면을 고려하여 페이지 화상을 표시한다. 일본 특허 공개 제2008-170638호에서는, 페이지 화상에 포함되는 문자 및 사진 등의 문서 구성 요소에 따라서 페이지 화상의 부분 영역을 자동 해석하는 화상 표시 방법을 논의하고 있다. 자동 해석한 부분 영역의 각각은, 버튼 탭 등의 간단한 조작으로, 이동 단말기의 작은 화면에 맞춘 대응하는 부분 영역의 확대율로 표시될 수 있다.
일본 특허 공개 제2008-170638호에서 논의되는 이동 단말기는 프로젝터에 접속되고, 프로젝터는 프리젠테이션을 위해 이동 단말기에 표시된 화상을 투영한다. 이 경우, 사전에 인식된 부분 영역 각각은, 대응하는 부분 영역마다의 확대율로 순서대로 표시될 수 있어, 이야기하는 사람이 슬라이드의 어디를 설명하고 있는 지를 듣는 사람이 쉽게 이해할 수 있다. 부분 영역이 차례로 설명되기 때문에, 투영된 화상은 또한 순서대로 변화하는데, 이는 듣는 사람의 싫증을 억제할 수 있다.
상기의 종래 기술에 따르면, 자동 해석된 순서로 페이지 화상의 부분 영역이 표시된다.
예를 들어, 프리젠테이션이나 상품 설명을 행하는 경우에는, 매회 동일한 설명을 동일한 순서로 제공할뿐만 아니라, 듣는 사람에 따라서 유연하게 설명 내용을 선택하거나 설명 순서의 변경하여, 듣는 사람에 최적의 설명을 제공하고 싶을 수 있다. 그러나, 그와 같은 요망은 충족시키기가 어려웠다.
구체적으로, 페이지 화상의 부분 영역의 표시 순서를 확인하기 위해서는, 실제로 부분 영역의 확대 및 표시를 차례로 행할 필요가 있었다. 따라서, 페이지 화상 내의 모든 부분 영역의 표시 순서는 완전히 이해될 수 없었고, 유저가 표시 순서를 변경하고자 하는 부분 영역은 식별될 수 없었다.
상기의 종래 기술에 따르면, 스마트 폰 및 태블릿과 같은 이동 단말기로부터 부분 영역의 표시 순서를 변경하기 위한 직관적인 조작이 제공되지 않는다.
본 발명의 양태에 따르면, 화상 표시 장치는, 화상에 포함되는 복수의 오브젝트 중 표시 대상 오브젝트를 확대해서 화면에 표시시켜, 상기 화면에 표시되어 있는 표시 대상 오브젝트 이외의 오브젝트를 상기 화면에 표시시키기 위한 지시를 유저로부터 접수하는 경우에, 상기 지시에 따라, 표시되어야 할 다음의 오브젝트를 상기 화면에 표시하도록 구성된 제1 표시 제어 유닛과, 상기 복수의 오브젝트를 포함하는 화상을 상기 화면에 표시시켜, 상기 제1 표시 제어 유닛에 의해 상기 화면의 표시가 제어되는 동안에 유저로부터의 상기 지시가 접수되는 경우에, 상기 복수의 오브젝트 각각에 대하여 상기 화면에 확대해서 표시되어야 할 대응하는 오브젝트의 표시 순서를 나타내는 화상을 상기 화면에 표시하도록 구성된 제2 표시 제어 유닛과, 상기 표시 순서를, 상기 제2 표시 제어 유닛에 의해 표시가 제어되는 상기 화면에 대한 유저의 조작을 접수함으로써 변경하도록 구성된 변경 유닛을 포함한다.
본 발명의 또 다른 양태에 따르면, 페이지 화상 내의 부분 영역의 표시 순서는 완전히 이해될 수 있고, 간단한 조작으로 임의의 부분 영역의 표시 순서가 변경될 수 있다.
본 발명의 다른 특징은 첨부된 도면을 참조하여 이하의 예시적인 실시예의 설명으로부터 명백해질 것이다.
도 1a는 화상 표시 장치의 하드웨어 구성도이고, 도 1b는 화상 처리 프로그램의 블록도이다.
도 2는 콘텐츠와 페이지 화상을 설명하는 도면이다.
도 3은 페이지 구조 해석 처리의 흐름도 세트이다.
도 4a, 4b, 및 4c는 페이지 화상과 구조 해석 결과 예를 각각 설명하는 도면이다.
도 5a, 5b, 및 5c는 부분 영역 데이터의 부분 영역 관리 테이블이다.
도 6은 모드 제어 처리의 흐름도이다.
도 7a, 7b, 7c, 및 7d는 모드 제어 처리 시의 화면 천이의 예를 각각 설명하는 도면이다.
도 8a, 8b, 및 8c는 표시 유닛과 프리젠테이션 조작을 각각 설명하는 도면이다.
도 9a는 프리젠테이션 처리의 흐름도이고, 도 9b는 부분 영역의 확대 표시 처리의 흐름도이다.
도 10a, 10b, 10c, 10d, 10e 및 10f는 프리젠테이션 처리 시의 화면 천이의 예를 각각 설명하는 도면이다.
도 11은 편집 처리의 흐름도이다.
도 12는 표시 설정 변경 처리의 흐름도이다.
도 13은 순서 변경 처리의 흐름도이다.
도 14a, 14b, 14c, 14d, 14e 및 14f는 순서 변경 처리 시의 화면 천이의 예를 각각 설명하는 도면이다.
도 15는 제2 실시예에 따른 순서 변경 처리의 흐름도이다.
도 16a 및 16b는 제2 실시예에 따른 삽입 위치 결정의 처리를 각각 설명하는 도면이다.
도 17a 및 17b는 제2 실시예에 따른 부분 영역 관리 테이블을 설명한다.
도 18a, 18b, 18c, 18d, 18e 및 18f는 제2 실시예에 따른 순서 변경 처리 시의 화면 천이의 예를 각각 설명하는 도면이다.
도 19는 제3 실시예에 따른 순서 변경 처리의 흐름도이다.
도 20a 및 20b는 제3 실시예에 따른 부분 영역 관리 테이블을 각각 설명한다.
도 21a, 21b, 21c, 21d, 21e 및 21f는 제3 실시예에 따른 순서 변경 처리 시의 화면 천이의 예를 설명하는 도면이다.
본 발명의 제1 실시예는 도면을 참조해서 하기에 설명한다.
(화상 표시 장치의 하드웨어 구성)
도 1a를 참조하여, 화상 표시 장치(100)의 하드웨어 구성도를 설명한다.
화상 표시 장치(100)는, 중앙 처리 유닛(CPU)(101), 랜덤 액세스 메모리(RAM)(102), 판독 전용 메모리(ROM)(103), 하드 디스크 드라이브(HDD)(104), 및 표시 유닛(105)을 포함한다.
CPU(101)은, ROM(103)에 저장된 화상 처리 프로그램을 실행하고, 화상 표시 장치(100)의 표시 유닛(105)에 페이지 화상의 표시 제어를 행한다. 이 화상 처리 프로그램이 실행하는 처리 블록은 도 1b를 참조하여 설명한다.
표시 유닛(105)은 터치 패널 디스플레이를 포함하며, 이는 화상을 표시 가능한 액정 디스플레이(LCD) 디바이스 위에 터치 패널을 제공함으로써 구성된다.
CPU(101)은 예를 들어, 터치 패널의 이하의 터치 조작 및 상태를 검출할 수 있다. 터치 패널을 손가락이나 펜으로 접촉하는 것(이하, 탭-인이라고 칭함). 터치 패널을 손가락이나 펜으로 접촉한 채 이동하지 않고 정지 상태를 유지함(이하, 롱-탭이라고 칭함). 터치 패널을 손가락이나 펜으로 접촉한 채 이동하는 것(이하, 드래그라고 칭함). 터치 패널에 접촉하고 있던 손가락이나 펜을 이격하는 것(이하, 탭-아웃이라고 칭함). 터치 스크린을 손가락이나 펜으로 특정한 방향으로 스와이핑하는 것처럼 이동하는 것(이하, 스와이프라고 칭함).
표시 유닛(105)은 이러한 터치 조작 및 위치 좌표를 CPU(101)에 정기적으로 통지한다. 통지된 정보에 기초하여, CPU(101)은 터치 패널 위에 어떤 터치 조작이 행하여지는지를 판정한다. CPU(101)은 터치 패널 상에서 이동하는 손가락이나 펜의 이동 방향에 대해서도, 위치 좌표의 변화에 기초하여, 터치 패널 상의 수직 성분 및 수평 성분 모두의 관점에서 판정할 수 있다.
터치 패널은, 저항 막, 정전 용량, 표면 탄성파, 적외선, 전자기 유도, 화상 인식, 및 광 센서 방식들을 포함하는 임의의 방식일 수 있다.
RAM(102)은, 화상 처리 프로그램이 실행될 때에 사용되는 메모리이다.
HDD(104)는, 화상 처리 프로그램이 데이터를 판독 및 기입할 때에 사용되는 저장 유닛이다. 화상 처리 프로그램에 의해 처리되는 데이터는 콘텐츠로 칭해진다. 콘텐츠와, 거기에 포함되는 페이지 화상(들)은 도 2를 참조하여 설명된다.
표시 유닛(105)은, 페이지 화상(들)을 표시하는 화면이다. 표시 유닛(105)은 도 8a, 8b, 및 8c를 참조하여 설명된다.
(화상 처리 프로그램의 블록도)
계속해서, 도 1b을 참조하여, 화상 처리 프로그램의 블록도가 설명된다.
화상 처리 프로그램의 처리 블록은, 페이지 구조 해석 유닛(111), 부분 영역 관리 유닛(112), 모드 제어 유닛(113), 프리젠테이션 처리 유닛(114), 및 편집 처리 유닛(115)을 포함한다.
처리 블록의 역할이 설명된다.
페이지 구조 해석 유닛(111)은, 페이지 화상의 구조 해석 처리를 실행한다. 구조 해석 처리는, 페이지 화상에 포함되는 텍스트나 도형의 문서 구성 요소에 따라, 페이지 화상 내의 복수의 부분 영역(오브젝트)을 자동 해석하는 처리를 칭한다. 이 페이지 화상의 구조 해석 처리에 대해서는, 도 3의 흐름도 세트를 참조해서 후술한다.
페이지 구조 해석 유닛(111)이 처리하는 문서 구성 요소는, 본문 중의 타이틀, 본문, 머리글, 꼬리말, 도형, 및 배경 등의 문서에 레이아웃된 요소를 칭한다. 문서 구성 요소에 대해서는 도 4a 내지 4c를 참조해서 후술한다.
구조 해석 처리의 실행에 의해 얻어진 부분 영역에 관한 정보는, 부분 영역 데이터로서 칭해진다.
부분 영역 데이터는, 페이지 화상 내의 부분 영역의 표시 순서, 좌표, 폭과 높이, 및 영역 속성을 포함하는, 부분 영역에 관한 데이터이다. 영역 속성은, 부분 영역 데이터에서의 문서 구성 요소의 분류에 대응한다.
부분 영역 데이터의 상세에 대해서는, 도 4a 내지 도 5c를 참조해서 후술한다.
부분 영역 관리 유닛(112)은, 부분 영역 데이터를 관리한다. 부분 영역 관리 테이블은, 복수 개의 부분 관리 데이터를 관리하는 테이블이다. 부분 영역 관리 테이블에 대해서는 도 5a , 5b, 및 5c를 참조해서 후술한다.
모드 제어 유닛(113)은, 콘텐츠의 표시 모드를 제어한다. 콘텐츠의 표시 모드는, 프리젠테이션 모드와 편집 모드를 포함한다. 이 모드 제어 처리에 대해서는 도 6, 도 7a, 7b, 7c 및 7d를 참조해서 설명한다.
프리젠테이션 처리 유닛(114)은, 프리젠테이션 모드에서의 처리를 수행한다. 이러한 처리는 프리젠테이션 처리로 칭해진다. 프리젠테이션 처리는, 유저 조작에 따라, 페이지 화상 내의 부분 영역을, 부분 영역의 각자의 표시 확대율로 차례로 표시하는 처리이다. 부분 영역의 표시 순서, 좌표, 폭, 및 높이 등, 표시를 위해 사용된 정보는, 부분 영역 데이터에 의해 지정된다.
프리젠테이션 처리 유닛(114)이 실행하는 프리젠테이션 처리 및 부분 영역의 확대 표시 처리에 대해서는, 각각 도 9a 및 9b의 흐름도를 참조해서 후술한다.
편집 처리 유닛(115)은 편집 모드에서의 처리를 수행한다. 이러한 처리는 편집 처리로서 칭해진다. 편집 처리는, 페이지 화상 내의 부분 영역의 표시 순서를 변경하고 부분 영역의 표시 설정을 변경하는 처리이다.
이 편집 모드에서 수행된 편집 처리에 대해서는 도 11을 참조해서 후술한다. 부분 영역의 표시 설정 변경 처리에 대해서는 도 12를 참조해서 후술한다. 부분 영역의 순서 변경 처리에 대해서는 도 13을 참조해서 후술한다.
(콘텐츠 및 페이지 화상)
화상 처리 프로그램이 처리하는 콘텐츠, 및 거기에 포함되는 페이지 화상을 도 2를 참조해서 설명한다.
도 2에 도시하는 바와 같이, 콘텐츠(200)는, 복수의 페이지 화상(201 내지 20N)을 포함한다. 콘텐츠(200)의 페이지 수는 N이다.
콘텐츠(200)는, 통상적인 정보 처리 장치에 의해 취급될 문서 파일이다. 페이지 화상(201 내지 20N) 각각은, 문서 파일의 페이지 중 상이한 페이지이다. 예를 들어, 페이지 화상(201 내지 20N)은, JPEG(Joint Photographic Experts Group) 파일과 TIFF(Tagged Image File Format) 파일 등과 같은 래스터 화상 포맷으로 되어 있다.
(페이지 구조 해석 처리)
(페이지 화상 및 구조 해석의 예)
도 3의 흐름도 세트를 참조하여, 페이지 구조 해석 유닛(111)이 수행하는 페이지 화상의 구조 해석 처리(페이지 구조 해석 처리)를 설명한다. 페이지 화상의 구조 해석 처리는, 페이지 화상의 문서 구성 요소에 따라, 페이지 화상 내의 복수의 부분 영역을 자동 해석하는 처리이다.
처리될 페이지 화상의 예는, 도 2의 콘텐츠(200)에 포함되는 페이지 화상(201 내지 20N)이다.
여기에서, 처리될 페이지 화상의 예로서는, 콘텐츠(200)의 제1 페이지의 페이지 화상(201)을 사용한다. 동일한 페이지 화상(201)은, 도 4a를 참조해서 상세하게 설명한다.
도 4a에 나타낸 바와 같이, 페이지 화상(201)은, 문서 구성 요소로서 레이아웃되는 배경(400), 머리글(401), 머리글(402), 타이틀(403), 테이블(404), 도형(405), 도형(406), 도형(407), 및 꼬리말(408)을 포함한다.
페이지 구조 해석 유닛(111)은, 콘텐츠(200)의 모든 페이지 대하여 차례로, 페이지 화상의 구조 해석 처리를 수행한다. 특히, 페이지 구조 해석 유닛(111)은, 제1 페이지에서 처리를 개시하고, 제1 페이지에 대한 처리의 종료 후에 다음 페이지를 처리한다. 이러한 처리는 최종 페이지까지 반복된다.
도 3의 각각의 단계의 처리는 화상 표시 장치(100) 내의 CPU(101)에 의해 실행되어 구현된다.
단계 S301에서, 페이지 구조 해석 유닛(111)은, 처리될 페이지 번호를 변수 i로 설정한다. 변수 i는 모든 페이지에 대하여 처리를 수행하기 위한 인크리먼트(increment)용의 인덱스이다. 페이지 구조 해석 유닛(111)은, 제1 페이지의 번호, 즉 1을 변수 i에 초기에 설정한다.
단계 S302에서, 페이지 구조 해석 유닛(111)은, 화상 표시 장치(100)의 HDD(104)에 저장되어 있는 콘텐츠(200)의 i번째 페이지의 페이지 화상을 판독한다.
단계 S303에서, 페이지 구조 해석 유닛(111)은, 문서 구성 요소에 따라서 판독된 페이지 화상의 부분 영역을 인식하도록 해석한다.
예를 들어, 도 4b는 페이지 구조 해석 유닛(111)이, 상기의 문서 구성 요소에 따라서 도 4a의 페이지 화상의 부분 영역을 자동 해석하여 얻은 결과를 나타낸다. 도 4b에서, 페이지 구조 해석의 결과인 부분 영역은, 직사각형 점선으로 나타낸다.
도 4a 및 4b에서, 배경(400)은 부분 영역(410)으로서 자동 해석된 것으로 나타낸다. 마찬가지로, 머리글(401)은 부분 영역(411)으로서 자동 해석된 것으로 나타낸다. 머리글(402)은 부분 영역(412)으로서 자동 해석된 것으로 나타낸다. 타이틀(403)은 부분 영역(413)으로서 자동 해석된 것으로 나타낸다. 테이블(404)은 부분 영역(414)으로서 자동 해석된 것으로 나타낸다. 도형(405)은 부분 영역(415)으로서 자동 해석된 것으로 나타낸다. 도형(406)은 부분 영역(416)으로서 자동 해석된 것으로 나타낸다. 도형(407)은 부분 영역(417)으로서 자동 해석된 것으로 나타낸다. 꼬리말(408)은 부분 영역(418)으로서 자동 해석된 것으로 나타낸다.
단계 S304에서, 페이지 구조 해석 유닛(111)은, 각각의 부분 영역의 좌표, 폭, 및 높이를 인식하도록 해석한다.
부분 영역의 좌표, 폭, 및 높이에 대해서, 도 4c에서의 부분 영역(416)을 예로서 사용하여 설명한다. 좌표는, 배경의 영역 속성을 갖는 부분 영역(400)(전체 페이지 화상과 동일한 범위를 갖는 영역)의 좌측 상단을 원점으로 하는 좌표계로 표현된다.
부분 영역(416)의 좌표는, 원점으로부터 부분 영역(416)의 좌측 상단 좌표까지의 X축 방향의 거리 X16 및 원점으로부터 부분 영역(416)의 좌측 상단 좌표까지의 Y축 방향의 거리 Y16으로 나타낸다. 부분 영역(416)의 폭 및 높이는, 부분 영역(416)의 X축 방향의 길이 W16 및 부분 영역(416)의 Y축 방향의 길이 H16으로 나타낸다.
단계 S305에서, 페이지 구조 해석 유닛(111)은, 광학 문자 인식(OCR) 처리를 수행하고, 부분 영역에 문자가 있을 지를 판정한다. 문자가 있다고 판정되는 경우에는(단계 S305에서, 예), 처리는 단계 S306으로 진행한다. 문자가 없다고 판정되는 경우에는(단계 S305에서, 아니오), 처리는 단계 S308로 진행한다.
단계 S306에서, 페이지 구조 해석 유닛(111)은, OCR 처리의 결과로부터 문자 사이즈 또는 문자 사이즈들을 획득한다.
단계 S307에서, 페이지 구조 해석 유닛(111)은, OCR 처리 결과로부터 문자 방향 도는 문자 방향들을 인식하도록 해석한다. 문자 방향은 문자가 가로 또는 세로로 쓰여지는지를 나타내는 쓰기 방향을 말한다.
단계 S308에서, 페이지 구조 해석 유닛(111)은, 각각의 부분 영역의 영역 속성을 인식하도록 해석한다. 영역 속성은, 문서 구성 요소에 대응하는 속성을 나타낸다. 속성의 예는 타이틀, 본문, 머리글, 꼬리말, 테이블, 도형, 및 배경을 포함한다.
단계 S309에서, 페이지 구조 해석 유닛(111)은, 각각의 부분 영역의 표시 순서를 해석하고, 순서화를 수행한다. 표시 순서는, 이전 단계에서 획득한 부분 영역의 문자 방향(들), 좌표, 폭, 및 높이에 따라서 결정된다. 기본적으로, 문자 방향이 가로인 경우에는, 페이지 구조 해석 유닛(111)은, 페이지 화상 내의 좌측 상단에 위치하는 부분 영역부터 우측 하단에 위치하는 부분 영역까지 순서화한다. 문자 방향이 세로인 경우에는, 페이지 구조 해석 유닛(111)은, 페이지 화상 내의 우측 상단에 위치하는 부분 영역부터 좌측 하단에 위치하는 부분 영역까지 순서화한다.
도 4b의 예에서는, 문자 방향이 가로 방향이다. 따라서, 페이지 구조 해석 유닛(111)은, 예를 들어, 부분 영역(411)의 표시 순서가 첫 번째이고, 부분 영역(412)의 표시 순서가 두번째고, 부분 영역(413)의 표시 순서가 세 번째인 방식으로, 페이지 화상 내의 좌 상에 위치하는 부분 영역부터 우측 하단에 위치하는 부분 영역까지 부분 영역의 표시 순서를 결정한다. 그 다음, 페이지 구조 해석 유닛(111)은, 부분 영역(414)의 표시 순서를 네 번째로 하고, 부분 영역(415)의 표시 순서를 다섯 번째로 하고, 부분 영역(416)의 표시 순서를 여섯 번째로 하고, 부분 영역(417)의 표시 순서를 일곱 번째로 하고, 부분 영역(418)의 표시 순서를 여덟 번째로 한다. 배경으로서의 부분 영역(410)은, 부분 영역(410)이 페이지 표시의 선두에서 표시되기 때문에 표시 순서를 0번째로 한다. 프리젠테이션 모드에서, 배경으로 인식된 부분 영역은 부분 영역의 확대 표시로부터 제외된다.
부분 영역의 표시 순서는 도 13을 참조해서 설명하는 순서 변경 처리를 통해 변경가능하다. 단계 S310에서, 페이지 구조 해석 유닛(111)은, 부분 영역에 대한 표시 설정의 초기값을 결정한다. 이 처리는, 단계 S321 내지 S323에서 설명된다.
단계 S321에서, 페이지 구조 해석 유닛(111)은, 이전 단계(S308)에서 획득한 각각의 부분 영역의 영역 속성이 머리글이나 꼬리말인지를 판정한다. 영역 속성이 머리글이나 꼬리말인 것으로 판정되면(단계 S321에서, 예), 처리는 단계 S322로 진행한다. 영역 속성이 머리글이나 꼬리말 이외의 것으로 판정되면(단계 S322에서, 아니오), 처리는 단계 S323으로 진행한다.
단계 S322에서, 페이지 구조 해석 유닛(111)은, 처리 중의 부분 영역의 표시 설정을 "비표시(hidden)"로 설정한다.
단계 S323에서, 페이지 구조 해석 유닛(111)은, 처리 중의 부분 영역의 표시 설정을 "표시"로 설정한다.
표시 설정에 대해서는 도 9a 및 9b를 참조해서 후술한다. 표시 설정은, 대응하는 부분 영역을 확대 및 표시할지를 결정하기 위한 설정이다. 페이지 화상 내의 머리글(들) 및 꼬리말(들)은, 일반적으로 콘텐츠 내의 모든 페이지에 부여되고 있는 보충적인 정보이다. 따라서, 머리글 및 꼬리말의 표시 설정의 초기값은 "비표시"로 설정된다. 부분 영역의 표시 설정은 도 12를 참조해서 후술하는 표시 설정 변경 처리에 의해 변경가능하다.
단계 S311에서, 페이지 구조 해석 유닛(111)은, 이전 단계에서 인식한 부분 영역에 관한 정보를 부분 영역 데이터로서 저장한다. 실제로는, 페이지 구조 해석 유닛(111)은, 부분 영역 관리 유닛(112)에 통지하여, 부분 영역 데이터를 저장한다.
단계 S312에서, 페이지 구조 해석 유닛(111)은, 다음 페이지를 처리하기 위해서 변수 i를 인크리먼트한다.
단계 S313에서, 페이지 구조 해석 유닛(111)은, 변수 i가 처리 중의 콘텐츠(200)의 페이지 수를 초과한 것인지를 판정한다. 변수 i가 페이지 수를 초과하고 있지 않은 것으로 판정되면(단계 S313에서, 아니오), 처리는 단계 S302로 복귀된다. 단계 S302에서, 페이지 구조 해석 유닛(111)은, 다음 페이지의 페이지 화상을 획득하고, 이후의 처리를 행한다.
변수 i가 페이지 수를 초과하면(단계 S313에서, 예), 처리될 페이지 화상의 모든 페이지에 대한 처리가 완료되었기 때문에, 페이지 화상의 구조 해석 처리가 종료된다.
(부분 영역 데이터의 관리)
도 5a 내지 5c를 참조하여, 부분 영역 데이터와 부분 영역 관리 테이블을 설명한다.
부분 영역 관리 유닛(112)은, 부분 영역 데이터를 부분 영역 관리 테이블을 이용하여 관리한다.
부분 영역 관리 유닛(112)은, 부분 영역 관리 테이블을, 화상 표시 장치(100)의 저장 유닛인 RAM(102) 및/또는 HDD(104)에 저장한다.
도 5a 내지 5c의 부분 영역 관리 테이블에 대해서 설명한다.
도 5a 내지 5c에 도시하는 부분 영역 관리 테이블은 행 방향으로 배열된 부분 영역 데이터 항목을 포함한다.
부분 영역 데이터 항목은, 페이지 번호(501), 부분 영역 번호(502), 좌표(503), 폭 및 높이(504), 영역 속성(505), 표시 설정(506), 문자 방향(507), 문자 사이즈(508), 및 표시 순서(509)를 포함한다.
페이지 번호(501)는, 부분 영역이 포함되는 페이지 화상의 페이지 번호이다.
부분 영역 번호(502)는, 부분 영역을 식별하기 위한 번호이다.
부분 영역은, 페이지 번호(501)와 부분 영역 번호(502)를 사용하여, 콘텐츠(200) 내에서 일의적으로 식별될 수 있다.
좌표(503)는, 부분 영역의 좌측 상단에 있는 좌표이다. 폭 및 높이(504)는, 부분 영역의 폭 및 높이이다. 부분 영역의 좌표, 폭, 및 높이에 대해서는, 도 4c에 도시된다.
영역 속성(505)은, 문서 구성 요소에 대응하는 속성을 나타낸다. 가능한 속성은, 타이틀, 본문, 머리글, 꼬리말, 테이블, 도형, 및 배경을 포함한다.
표시 설정(506)은, 프리젠테이션 처리에서 부분 영역을 표시할지 비표시로 할지에 관한 설정을 나타낸다. 부분 영역이 프리젠테이션 처리에서 확대 및 표시되면, 표시 설정(506)은 "표시"라고 설정된다. 부분 영역이 프리젠테이션 처리에서 비표시되면, 표시 설정(506)은 "비표시"라고 설정된다. 부분 영역의 표시 설정 변경 처리는 도 12를 참조해서 후술한다.
문자 방향(507)은, 부분 영역이 임의의 문자를 포함하는 경우의 문자 방향(쓰기 방향)을 나타낸다. 문자가 가로로 쓰여지면, 문자 방향(507)은 "가로"라고 설정된다. 문자의 세로로 쓰여지면, 문자 방향(507)은 "세로"라고 설정된다. 문자 사이즈(508)는, 부분 영역이 임의의 문자를 포함하는 경우의 문자 사이즈이다.
표시 순서(509)는, 1페이지의 페이지 화상에서의 부분 영역의 표시 순서이다. 표시 순서의 편집 처리는 도 13 내지 도 14a, 14b, 14c, 14d, 14e, 및 14f를 참조해서 후술한다.
부분 영역 관리 테이블의 열 방향에 대해서 설명한다.
부분 영역 관리 테이블의 행은 1개의 부분 영역 데이터에 상당한다. 예를 들어, 도 4b의 페이지 화상은, 9개의 부분 영역(410 내지 418)을 포함하고, 이들은 도 5a 내지 5c의 부분 영역 테이블의 9개의 열에서 관리된다.
마찬가지로, 부분 영역 관리 테이블은, 콘텐츠(200)의 모든 페이지 화상(201 내지 20N)에 포함되는 모든 부분 영역 데이터를 관리한다.
부분 영역 데이터는, 후술하는 모드 제어 처리, 프리젠테이션 처리, 편집 처리, 및 순서 변경 처리에 사용된다.
(모드 제어 처리)
모드 제어 처리는, 복수의 표시 모드 중 1개를 선택하고, 콘텐츠를 표시하는 처리이다.
본 실시예에서는, 표시 모드는 적어도 프리젠테이션 모드와 편집 모드를 포함한다.
프리젠테이션 모드는, 설정된 표시 순서에 따라, 페이지 화상의 부분 영역을 부분 영역에 대응하는 확대율로 표시하는 프리젠테이션 처리가 수행되는 모드이다. 예를 들어, 프리젠테이션 모드는 회의실에서 프리젠테이션을 하거나 대면 상담의 상품 설명할 시에 사용된다.
편집 모드는, 프리젠테이션 모드에서 페이지 화상을 표시하기 전에, 페이지 화상을 구성하는 부분 영역의 표시 순서 및/또는 부분 영역의 표시 설정이 변경되는 모드이다.
모드 제어 처리는, 콘텐츠가 표시될 때 수행된다. 모드 제어 처리는, 유저 조작에 의해 콘텐츠 리스트로부터 원하는 콘텐츠가 선택되었을 때 수행된다. 도 7a는 콘텐츠 리스트를 나타낸다. 도 7a는 콘텐츠 리스트(700)가, 화상 표시 장치(100)의 HDD(104)에 저장되어 있는 복수의 콘텐츠(701 내지 703)를 리스트 표시하고 있는 상태를 나타낸다.
콘텐츠는 유저의 탭-인 조작 등, 유저의 지시에 응답하여 콘텐츠 리스트(700)로부터 선택된다. 도 7a에 도시한 바와 같이, 콘텐츠 1(701)에 대한 탭-인 조작을 접수하면, 화상 표시 장치(100)는 콘텐츠 1에 대한 모드 제어 처리를 수행하고, 콘텐츠 1(701)을 표시한다.
여기에서, 콘텐츠 1(701)은 도 2에서 나타낸 콘텐츠(200)을 포함한다. 도 5a는 콘텐츠 1의 페이지 구조 해석에 의해 획득한 부분 영역 데이터를 나타낸다.
도 6 및 도 7a, 7b, 7c 및 7d의 흐름도를 참조하여, 모드 제어 처리에 대해서 설명한다.
단계 S601에서, 모드 제어 유닛(113)은 유저 조작을 접수한다. 여기에서, 표시 유닛(105)은 도 7a에 나타낸 바와 같이 콘텐츠 리스트(700)를 표시한다.
단계 S601에서 접수될 유저 조작은, "프리젠테이션 모드 개시 지시" 또는 "편집 모드 개시 지시"의 2종류의 조작 중 어느 하나이다.
단계 S601에서, 모드 제어 유닛(113)이, "프리젠테이션 모드 개시 지시"를 접수하면(단계 S601에서, 예), 처리는 단계 S602로 진행한다. 모드 제어 유닛(113)이, "편집 모드 개시 지시"를 접수하면(단계 S601에서, 아니오), 처리는 단계 S611로 진행한다.
이 실시예에서, 예를 들어, "프리젠테이션 모드 개시 지시"를 제공하기 위해서, 유저는 콘텐츠 리스트(700)로부터 표시되어야 할 콘텐츠를 탭-인 조작에 의해 선택한다. "편집 모드 개시 지시"를 제공하기 위해서, 유저는 콘텐츠 리스트(700)로부터 편집될 콘텐츠를 롱-탭 조작에 의해 선택한다.
단계 S602에서, 모드 제어 유닛(113)은, 선택 지시를 접수한 콘텐츠의 부분 영역 데이터를 판독한다. 도 7a에 나타낸 바와 같이, 콘텐츠 1(701)이 선택되면, 모드 제어 유닛(113)은, 도 5a의 부분 영역 데이터를 판독한다.
단계 S603에서, 모드 제어 유닛(113)은, 이전 단계에서 판독된 부분 영역 데이터에 기초하여 페이지 화상을 표시한다. 도 7b는 이때의 표시 유닛(105)의 화면을 나타낸다. "프리젠테이션 모드 개시 지시"를 접수하면, 모드 제어 유닛(113)은, 페이지 화상을 표시하고, 모드 제어 처리를 종료한다. 이후의 프리젠테이션 처리는, 도 9a의 흐름도를 참조해서 후술한다.
한편, 단계 S611에서, 모드 제어 유닛(113)은, 선택 지시를 접수한 콘텐츠의 부분 영역 데이터를 판독한다. 도 7a에 나타낸 바와 같이, 콘텐츠 1(701)을 선택하면, 모드 제어 유닛(113)은, 도 5a의 부분 영역 데이터를 판독한다.
단계 S612에서, 모드 제어 유닛(113)은, 이전 단계에서 판독된 부분 영역 데이터에 기초하여 페이지 화상을 표시한다.
단계 S613에서, 모드 제어 유닛(113)은, 이전 단계에 의해 판독된 부분 영역 데이터에 기초하여, 부분 영역의 표시 순서와 각각의 부분 영역의 범위를 나타내는 프레임을, 이전 단계에서 표시한 페이지 화상 위에 중첩 방식으로 표시한다. 도 7c는 이때의 표시 유닛(105)의 화면을 나타낸다.
중첩 방식으로 표시한 각각의 부분 영역의 표시 순서는 "순서 라벨"이라고 칭해진다. 도 7c의 예는, 순서 라벨(721 내지 728)을 포함한다. 부분 영역의 프레임(731 내지 738)도 포함된다.
도 7c 에서는, 순서 라벨(721)과 프레임(731)은 부분 영역(411)의 표시 순서(1)과 프레임을 각각 나타낸다. 마찬가지로, 표시 라벨(722)과 프레임(732)은 부분 영역(412)의 표시 순서(2)와 프레임을 나타낸다. 순서 라벨(723)과 프레임(733)은 부분 영역(413)의 표시 순서(3)와 프레임을 나타낸다. 순서 라벨(724)과 프레임(734)은 부분 영역(414)의 표시 순서(4)와 프레임을 나타낸다. 순서 라벨(725)과 프레임(735)은 부분 영역(415)의 표시 순서(5)와 프레임을 나타낸다. 순서 라벨(726)과 프레임(736)은 부분 영역(416)의 표시 순서(6)와 프레임을 나타낸다. 순서 라벨(727)과 프레임(737)은 부분 영역(417)의 표시 순서(7)와 프레임을 나타낸다. 순서 라벨(728)과 프레임(738)은 부분 영역(418)의 표시 순서(8)와 프레임을 나타낸다.
배경의 영역 속성을 갖는 부분 영역(410)은 전체 페이지 화상을 지칭한다. 부분 영역(410)이 페이지 표시의 선두에 표시되어 순서의 변경 등의 편집으로부터 제외되기 때문에, 순서 라벨과 프레임은 표시되지 않는다.
"편집 모드 개시 지시"를 접수하면, 모드 제어 유닛(113)은, 페이지 화상을 표시하고, 각각의 부분 영역의 순서 라벨과 프레임을 중첩 방식으로 표시해서, 모드 제어 처리를 종료한다. 이후의 편집 처리 및 순서 변경 처리는, 각각, 도 11 및 도 13의 흐름도를 참조해서 설명한다.
단계 S601에서 접수될 유저 조작은, 모드 제어 유닛(113)이 어느 쪽의 모드가 선택되는지를 인식할 수 있는 한, 상기의 조작에 한정되지 않는다.
예를 들어, 도 7d에 나타낸 바와 같이, 유저는 처리되길 원하는 콘텐츠에 대응하는 표시 부분을 롱-탭할 수 있고, 그 다음 선택을 위해 팝업되는 메뉴(711) 상의 탭-인 조작을 할 수 있다. 그 경우에는, 프리젠테이션용 버튼(712) 상의 선택 지시를 접수하면, 처리는 단계 S602로 진행한다. 편집용의 버튼(713) 상의 선택 지시를 접수하면, 처리는 단계 S603으로 진행한다.
이상에서 설명한 편집 모드에서, 순서 라벨과 프레임은 페이지 화상의 부분 영역에 중첩 방식으로 표시되는데, 이는 유저가 현재 설정된 표시 순서를 완전히 이해하게 하고, 유저가 표시 순서를 변경하고 싶은 부분 영역과 유저가 변경하고 싶은 표시 순서를 쉽게 식별할 수 있게 한다.
또한, 처리될 콘텐츠는 프리젠테이션 모드 또는 편집 모드 중 어디에서든지 개방될 수 있다. 이러한 구성은 유저가 프리젠테이션 모드에서 편집 모드의 조작을 잘못하는 것을 방지하여, 유저의 조작 실수를 억제할 수 있는 이점이 있다.
이제, 프리젠테이션 모드에서 페이지 화상의 각각의 부분 영역을 차례로 표시하는 프리젠테이션 처리를 설명한다.
먼저, 도 8a, 8b, 및 8c를 참조하여, 프리젠테이션 처리의 설명에 이용되는 표시 유닛(105)과 프리젠테이션 조작에 대해서 설명한다. 계속해서, 도 9a 및 9b를 참조해서 프리젠테이션 처리와 부분 영역의 확대 표시 처리에 대해서 설명한다.
(표시 유닛과 프리젠테이션 조작)
도 8a는 화상 표시 장치(100)의 표시 유닛(105)을 나타낸다. 표시 유닛(105)은 폭이 W00이고 높이가 H00인 사이즈를 갖는다.
프리젠테이션 모드에서 접수하는 유저 조작은 프리젠테이션 조작이라고 칭해진다. 프리젠테이션 조작은 적어도 이하의 조작을 포함한다.
"다음 부분 영역"을 표시하기 위한 유저 조작은, 도 8b에 나타낸 바와 같이, 표시 유닛(105)의 우반부(801)에의 탭-인 조작이다. 이 조작을 접수한 경우, 화면은 다음 부분 영역으로 천이한다.
"이전의 부분 영역"을 표시하기 위한 유저 조작은, 도 8b에 나타낸 바와 같이, 표시 유닛(105)의 좌반부(802)에의 탭-인 조작이다. 이러한 조작을 접수한 경우, 화면은 이전의 부분 영역으로 천이한다.
"다음 페이지"를 표시하기 위한 유저 조작은, 도 8c에 나타낸 바와 같이, 표시 유닛(105) 상에서의 좌측 방향의 스와이프 조작(811)이다. 이러한 조작을 접수한 경우, 화면은 다음 페이지 화상으로 천이한다.
"이전의 페이지"를 표시하기 위한 유저 조작은, 도 8c에 나타낸 바와 같이, 표시 유닛(105) 상에서의 우측 방향의 스와이프 조작(812)이다. 이러한 조작을 접수한 경우, 화면은 이전의 페이지 화상으로 천이한다.
프리젠테이션 조작은 상기 조작에 제한하지 않는다. 예를 들어, "다음 부분 영역"을 표시하기 위한 온-스크린 버튼이 작동하면, 화면은 다음 부분 영역으로 천이할 수 있다.
(프리젠테이션 처리)
도 9a의 흐름도를 참조하여, 프리젠테이션 처리를 설명한다.
프리젠테이션 처리는, 콘텐츠(200)의 모든 페이지에 포함되는 모든 부분 영역에 대하여 순서대로 수행되는 표시 처리이다. 특히, 제1 페이지의 표시 순서에 있어서 0번째 부분 영역에서 표시 처리가 개시하고, 표시 순서에 따라 제1 페이지의 각각의 부분 영역을 처리한다. 제1 페이지의 종료 후, 다음 페이지의 각각의 부분 영역에 대한 표시 처리가 수행된다. 그러한 처리는 최종 페이지까지 반복한다.
단계 S901에서, 프리젠테이션 처리 유닛(114)은, 처리될 페이지의 페이지 번호를 변수 i로 설정한다. 변수 i는 모든 페이지에 대하여 처리를 실행하기 위한 인크리먼트용의 인덱스이다. 프리젠테이션 처리 유닛(114)은, 초기에 제1 페이지의 번호, 즉 1을 변수 i에 설정한다.
단계 S902에서, 프리젠테이션 처리 유닛(114)은, 이전 단계에서 변수 i로 설정한 페이지 번호의 모든 부분 영역 데이터를 부분 영역 관리 테이블로부터 획득한다.
단계 S903에서, 프리젠테이션 처리 유닛(114)은, 처리될 부분 영역의 표시 순서(509)를 변수 j로 설정한다. 변수 j는 1 페이지분에 포함되는 모든 부분 영역에 대하여 확대 표시 처리를 수행하기 위한 인크리먼트용의 인덱스이다. 프리젠테이션 처리 유닛(114)은, 처음에는 초기 표시 순서 0을 변수 j에 설정한다.
단계 S904에서, 프리젠테이션 처리 유닛(114)은, 부분 영역의 확대 표시 처리를 수행한다. 이 확대 표시 처리는, 도 5a의 부분 영역 관리 테이블에 저장된 부분 영역 데이터에 따라, 표시 유닛(105) 상에 부분 영역을 적절한 표시 확대율로 표시하는 처리이다. 이 부분 영역의 확대 표시 처리는, 도 9b를 참조해서 설명된다.
단계 S905에서, 프리젠테이션 처리 유닛(114)은, 유저 조작을 접수한다. 여기에서 접수하는 유저 조작은, 도 8a, 8b, 및 8c를 참조해서 설명한 임의의 조작이다. 구체적으로, 프리젠테이션 처리 유닛(114)은, "다음 부분 영역"을 표시하는 유저 조작, "이전의 부분 영역"을 표시하는 유저 조작, "다음 페이지"를 표시하는 유저 조작, 및 "이전의 페이지"를 표시하는 유저 조작 중 임의의 하나를 접수한다.
"다음 부분 영역"을 표시하는 유저 조작을 접수하면(단계 S905에서, NEXT PARTIAL AREA), 처리는 단계 S906으로 진행한다. "다음 페이지"를 표시하는 유저 조작을 접수하면(단계 S905에서, NEXT PAGE), 처리는 단계 S909로 진행한다. "이전의 부분 영역"을 표시하는 유저 조작을 접수하면(단계 S905에서, PREVIOUS PARTIAL AREA), 처리는 단계 S911로 진행한다. "이전의 페이지"를 표시하는 유저 조작을 접수하면(단계 S905에서, PREVIOUS PAGE), 처리는 단계 S914로 진행한다.
단계 S906에서, 프리젠테이션 처리 유닛(114)은, 다음 부분 영역을 처리하기 위해서 변수 j를 인크리먼트한다.
단계 S907에서, 프리젠테이션 처리 유닛(114)은, 변수 j가 처리 중의 페이지 내의 부분 영역 수 미만인지를 판정한다. 변수 j가 부분 영역 수 미만인 것으로 판정되면(단계 S907에서, 예), 처리는 단계 S908로 진행한다.
단계 S908에서, 프리젠테이션 처리 유닛(114)은, 처리 중의 부분 영역 데이터의 표시 설정(506)을 판정한다. 표시 설정(506)이 "표시"라고 판정되면(단계 S908에서, 예), 처리는 단계 S904로 진행한다. 표시 설정(506)이 "비표시"라고 판정되면(단계 S908에서, 아니오), 처리는 단계 S906으로 진행한다. 단계 S906에서, 프리젠테이션 처리 유닛(114)은, 다음 부분 영역을 표시 순서로 처리한다.
단계 S907에서, 변수 j가 부분 영역 수에 도달하면(단계 S907에서, 아니오), 처리 중의 페이지의 모든 부분 영역이 처리되었기 때문에, 처리는 단계 S909로 진행한다.
단계 S909에서, 프리젠테이션 처리 유닛(114)은, 다음 페이지를 처리하기 위해서 변수 i를 인크리먼트한다.
단계 S910에서, 프리젠테이션 처리 유닛(114)은, 변수 i가 처리 중의 콘텐츠(200)의 페이지 수를 초과하는지를 판정한다. 변수 i가 페이지 수를 초과하고 있지 않다고 판정되면(단계 S910에서, 아니오), 처리는 단계 S902로 복귀된다. 단계 S902에서, 프리젠테이션 처리 유닛(114)은, 다음 페이지의 전체적인 부분 영역 데이터를 획득한다.
변수 i가 페이지 수를 초과했다고 판정되면(단계 S910에서, 예), 모든 페이지가 처리되었기 때문에, 프리젠테이션 처리는 종료된다.
단계 S911에서, 프리젠테이션 처리 유닛(114)은, 이전의 부분 영역을 처리하기 위해서 변수 j를 디크리먼트(decrement)한다.
단계 S912에서, 프리젠테이션 처리 유닛(114)은, 변수 j가 0 미만인지를 판정한다. 변수 j가 0 이상인 것으로 판정되면(단계 S912에서, 아니오), 처리는 단계 S913으로 진행한다. 변수 j가 0 미만인 것으로 판정되면(단계 S912에서, 예), 처리 중의 페이지의 초기 부분 영역까지 처리가 완료되었기 때문에, 처리는 단계 S914로 진행한다.
단계 S913에서, 프리젠테이션 처리 유닛(114)은, 처리 중의 부분 영역 데이터의 표시 설정(506)을 판정한다. 표시 설정(506)이 "표시"라고 판정되면(단계 S913에서, 예), 처리는 단계 S904로 진행한다. 표시 설정(506)이 "비표시"라고 판정되면(단계 S913에서, 아니오), 처리는 단계 S911로 진행한다.
단계 S914에서, 프리젠테이션 처리 유닛(114)은, 이전 페이지를 처리하기 위해서 변수 i를 디크리먼트한다.
단계 S915에서, 프리젠테이션 처리 유닛(114)은, 변수 i가 1 미만인지를 판정한다. 변수 i가 1 이상인 것으로 판정되면(단계 S915에서, 아니오), 처리는 단계 S902로 복귀된다. 단계 S902에서, 프리젠테이션 처리 유닛(114)은, 이전 페이지의 전체적인 부분 영역 데이터를 획득한다. 변수 i가 1 미만인 것으로 판정되면(단계 S915에서, 예), 제1 페이지까지 처리가 완료되었기 때문에, 프리젠테이션 처리는 종료된다.
이제, 프리젠테이션 처리의 단계 S905에서 실행된, 부분 영역의 확대 표시 처리에 대해서 설명한다. 프리젠테이션 처리가 수행되는 경우의 화상 표시 장치(100)의 표시 유닛(105)의 화면 천이에 대해서는 다음에 설명한다.
(부분 영역의 확대 표시 처리)
도 9b의 흐름도를 참조하여, 부분 영역의 확대 표시 처리에 대해서 설명한다.
이러한 처리는, 각각의 부분 영역의 적절한 표시 확대율 및 표시 좌표를 설정하고, 부분 영역을 전체적인 부분 영역이 표시 유닛(105) 내부에 맞도록 확대 및 표시하는 처리이다.
단계 S921에서, 프리젠테이션 처리 유닛(114)은, 처리 중의 부분 영역에 대응하는 부분 영역 데이터에 의해 지정된, 처리 중의 부분 영역의 폭 및 높이에 기초하여, 표시 확대율을 결정한다.
표시 확대율을 결정하기 위해서, 프리젠테이션 처리 유닛(114)은, 일단 폭 방향과 높이 방향으로의 확대율을 각각 계산하고, 값이 작은 확대율을 표시 확대율로서 설정한다. 예를 들어, 도 5a의 부분 영역 관리 테이블의 제1 행에서의 부분 영역 데이터(페이지 번호=1, 부분 영역 번호=0)의 경우에는, 프리젠테이션 처리 유닛(114)은, 폭 방향의 확대율 W10/W00과 높이 방향의 확대율 H10/H00을 비교하고, 값이 작은 확대율을 부분 영역의 표시 확대율로서 설정한다.
단계 S922에서, 프리젠테이션 처리 유닛(114)은, 처리 중의 부분 영역 데이터에 의해 지정되는 좌표에 기초하여, 부분 영역의 중심 좌표에 표시 유닛(105)의 중심 좌표를 설정한다. 그 결과, 부분 영역은 표시 유닛(105)의 중앙에 표시된다.
예를 들어, 도 5a의 부분 영역 관리 테이블의 제1 행에서의 부분 영역 데이터(페이지 번호=1, 부분 영역 번호=0)의 경우에는, 프리젠테이션 처리 유닛(114)은, 부분 영역의 중앙 좌표(X10+(W10/2), Y10+(H10/2))에, 표시 유닛(105)의 중앙 좌표(W00/2, H00/2)를 설정한다.
단계 S923에서, 프리젠테이션 처리 유닛(114)은, 이전 단계에서 설정된 표시 확대율 및 표시 좌표에 따라, 부분 영역을 표시 유닛(105) 상에 표시한다. 부분 영역의 확대 표시 처리가 종료한다.
(프리젠테이션 처리의 화면 천이의 예)
도 10a, 10b, 10c, 10d, 10e 및 10f를 참조해서, 프리젠테이션 처리를 수행하는 경우의 표시 유닛(105)의 화면 천이를 설명한다.
예로서, 콘텐츠(200)의 제1 페이지의 페이지 화상(201)에 대하여 페이지 구조 해석 처리(도 3)를 수행해서 획득한 부분 영역 데이터(도 5a 의 제1 내지 제9 행)을 사용한다. 페이지 화상(201)은 도 4b의 9개의 부분 영역(410 내지 418)을 포함한다. 프리젠테이션 처리(도 9a)의 단계(S902)에서, 프리젠테이션 처리 유닛(114)은, 제1 페이지의 페이지 화상(201)의 전체적인 부분 영역 데이터를 획득한다.
단계 S903에서, 프리젠테이션 처리 유닛(114)은, 표시 순서용의 변수 j에 0을 초기에 설정하고, 표시 순서가 0인 부분 영역(페이지 번호=1, 부분 영역 번호=0)을 처리한다. 이러한 데이터는, 부분 영역 관리 테이블(도 5a)의 제1 행의 데이터이며, 배경의 영역 속성은 전체적인 페이지 화상(201)을 지칭한다. 단계 S904에서, 프리젠테이션 처리 유닛(114)은, 부분 영역(410)의 확대 표시 처리를 수행한다. 도 10a는 이때의 표시 유닛(105)을 나타낸다.
그 다음, 단계 S905에서 접수한 유저 조작에 따라, 프리젠테이션 처리 유닛(114)은, 페이지 화상(201) 내의 각각의 부분 영역을 표시한다.
간단하게, 본 실시예에서 따른 처리에 대한 예로서, "다음 부분 영역"을 표시하기 위한 유저 조작만을 접수한 경우의 화면 천이를 설명한다. 이 경우, 화면 천이는, 도 10a, 10b, 10c, 10d, 10e, 및 10f의 순서로 수행된다. 화면 천이는 이하의 순서대로 설명한다.
도 10a에서, 변수 j는 0과 동일하다. 단계 S905에서, "다음 부분 영역"을 표시하기 위한 유저 조작이 접수되면(단계 S905에서, NEXT PARTIAL AREA), 처리는 단계 S906으로 진행한다. 단계 S906에서, 프리젠테이션 처리 유닛(114)은, 표시 순서용의 변수 j를 0에서 1로 인크리먼트한다. 그 다음, 프리젠테이션 처리 유닛(114)은, 표시 순서가 첫 번째인 부분 영역(411)(페이지 번호=1, 부분 영역 번호=1)을 처리한다.
단계 S907에서, j=1은 부분 영역 수, 9 미만으로 판정된다(단계 S907에서, 예). 처리는 단계 S908로 진행한다. 단계 S908에서, 표시 순서가 첫 번째인 부분 영역(411)의 표시 설정(506)은 "비표시"라고 판정된다(단계 S908에서, 아니오). 부분 영역(411)의 확대 표시 없이, 처리는 단계 S906으로 진행한다. 단계 S906에서, 프리젠테이션 처리 유닛(114)은, 표시 순서용의 변수 j를 1에서 2로 인크리먼트한다. 그 다음, 프리젠테이션 처리 유닛(114)은, 표시 순서가 두번째인 부분 영역(412)(페이지 번호=1, 부분 영역 번호=2)을 처리한다.
단계 S907에서, j=2는 부분 영역 수, 9 미만으로 판정된다((단계 S907에서, 예). 처리는 단계 S908로 진행한다. 단계 S908에서, 표시 순서가 두번째인 부분 영역(412)의 표시 설정(506)은 "비표시"라고 판정된다(단계 S908에서, 아니오). 처리는 부분 영역(412)의 확대 표시 없이, 단계 S906으로 진행한다. 단계 S906에서, 프리젠테이션 처리 유닛(114)은, 표시 순서용의 변수 j를 2에서 3으로 인크리먼트한다. 그 다음, 프리젠테이션 처리 유닛(114)은, 표시 순서가 세번째인 부분 영역(413)(페이지 번호=1, 부분 영역 번호=3)을 처리한다.
단계 S907에서, j=3은 부분 영역 수, 9 미만으로 판정된다(단계 S907에서, 예). 처리는 단계 S908로 진행한다. 단계 S908에서, 표시 순서가 세번째인 부분 영역(413)의 표시 설정(506)은 "표시"라고 판정된다(단계 S908에서, 예). 처리는 단계 S904로 진행한다.
단계 S904에서, 프리젠테이션 처리 유닛(114)은, 표시 순서가 세번째인 부분 영역(413)의 확대 표시 처리를 수행한다. 도 10b는 이때의 표시 유닛(105)을 나타낸다.
도 10b 및 변수 j가 3과 동일한 상태에서, 만약, 단계 S905에서, "다음 부분 영역"을 표시하기 위한 유저 조작을 접수하면(단계 S905에서, NEXT PARTIAL AREA), 처리는 단계 S906으로 진행한다. 단계 S906에서, 프리젠테이션 처리 유닛(114)은, 표시 순서용의 변수 j를 3에서 4로 인크리먼트한다. 그 다음, 프리젠테이션 처리 유닛(114)은, 표시 순서가 네번째인 부분 영역(414)(페이지 번호=1, 부분 영역 번호=4)을 처리한다.
단계 S907에서, j=4는 부분 영역 수, 9 미만으로 판정된다(단계 S907에서, 예). 처리는 단계 S908로 진행한다. 단계 S908에서, 표시 순서가 네번째인 부분 영역(414)의 표시 설정(506)은 "표시"라고 판정된다(단계 S908에서, 예). 처리는 단계 S904로 진행한다. 단계 S904에서, 프리젠테이션 처리 유닛(114)은, 부분 영역(414)의 확대 표시 처리를 수행한다. 도 10c는 이때의 표시 유닛(105)을 나타낸다.
도 10c 및 변수 j가 4와 동일한 상태에서, 만약, 단계 S905에서, "다음 부분 영역"을 표시하기 위한 유저 조작을 접수하면(단계 S905에서, NEXT PARTIAL AREA), 처리는 단계 S906으로 진행한다. 단계 S906에서, 프리젠테이션 처리 유닛(114)은, 표시 순서용의 변수 j를 4에서 5로 인크리먼트한다. 그 다음, 프리젠테이션 처리 유닛(114)은, 표시 순서가 다섯번째인 부분 영역(415)(페이지 번호=1, 부분 영역 번호=5)을 처리한다.
단계 S907에서, j=5는 부분 영역 수, 9 미만으로 판정된다(단계 S907에서, 예). 처리는 단계 S908로 진행한다. 단계 S908에서, 표시 순서가 다섯번째인 부분 영역(415)의 표시 설정(506)은 "표시"라고 판정된다(단계 S908에서, 예). 처리는 단계 S904로 진행한다. 단계 S904에서, 프리젠테이션 처리 유닛(114)은, 부분 영역(415)의 확대 표시 처리를 수행한다. 도 10d는 이때의 표시 유닛(105)을 나타낸다.
도 10d 및 변수 j가 5와 동일한 상태에서, 만약, 단계 S905에서, "다음 부분 영역"을 표시하기 위한 유저 조작을 접수하면(단계 S905에서, NEXT PARTIAL AREA), 처리는 단계 S906으로 진행한다. 단계 S906에서, 프리젠테이션 처리 유닛(114)은, 표시 순서용의 변수 j를 5에서 6으로 인크리먼트한다. 그 다음, 프리젠테이션 처리 유닛(114)은, 표시 순서가 여섯번째인 부분 영역(416)(페이지 번호=1, 부분 영역 번호=6)을 처리한다.
단계 S907에서, j=5는 부분 영역 수, 9 미만으로 판정된다(단계 S907에서, 예). 처리는 단계 S908로 진행한다. 단계 S908에서, 표시 순서가 여섯번째인 부분 영역(416)의 표시 설정(506)은 "표시"라고 판정된다(단계 S908에서, 예). 처리는 단계 S904로 진행한다. 단계 S904에서, 프리젠테이션 처리 유닛(114)은, 부분 영역(416)의 확대 표시 처리를 수행한다. 도 10e는 이때의 표시 유닛(105)을 나타낸다.
도 10e 및 변수 j가 6과 동일한 상태에서, 만약, 단계 S905에서, "다음 부분 영역"을 표시하기 위한 유저 조작을 접수하면(단계 S905에서, NEXT PARTIAL AREA), 처리는 단계 S906으로 진행한다. 단계 S906에서, 프리젠테이션 처리 유닛(114)은, 표시 순서용의 변수 j를 6에서 7로 인크리먼트한다. 그 다음, 프리젠테이션 처리 유닛(114)은, 표시 순서가 일곱번째인 부분 영역(417)(페이지 번호=1, 부분 영역 번호=7)을 처리한다.
단계 S907에서, j=7은 부분 영역 수, 9 미만으로 판정된다(단계 S907에서, 예). 처리는 단계 S908로 진행한다. 단계 S908에서, 표시 순서가 일곱번째인 부분 영역(417)의 표시 설정(506)은 "표시"라고 판정된다(단계 S908에서, 예). 처리는 단계 S904로 진행한다. 단계 S904에서, 프리젠테이션 처리 유닛(114)은, 부분 영역(417)의 확대 표시 처리를 수행한다. 도 10f는 이때의 표시 유닛(105)을 나타낸다.
도 10f 및 변수 j가 7과 동일한 상태에서, 만약, 단계 S905에서, "다음 부분 영역"을 표시하기 위한 유저 조작을 접수하면(단계 S905에서, NEXT PARTIAL AREA), 처리는 단계 S906으로 진행한다. 단계 S906에서, 프리젠테이션 처리 유닛(114)은, 표시 순서용의 변수 j를 7에서 8로 인크리먼트한다. 그 다음, 프리젠테이션 처리 유닛(114)은, 표시 순서가 여덟번째인 부분 영역(418)(페이지 번호=1, 부분 영역 번호=8)을 처리한다.
단계 S907에서, j=7은 부분 영역 수, 9 미만으로 판정된다(단계 S907에서, 예). 처리는 단계 S908로 진행한다. 단계 S908에서, 표시 순서가 여덟번째인 부분 영역(418)의 표시 설정(506)은 "비표시"라고 판정된다(단계 S908에서, 아니오). 처리는 단계 S906으로 진행한다. 단계 S906에서, 프리젠테이션 처리 유닛(114)은, 표시 순서용의 변수 j를 8에서 9로 인크리먼트한다. 단계 S907에서, j=9는 부분 영역 수, 9 이상으로 판정된다(단계 S907에서, 아니오). 처리는 단계 S909로 진행한다. 따라서, 처리는 다음 페이지로 진행한다.
이제, 편집 모드에서 수행된 편집 처리에 대해서 설명한다.
편집 처리는, 적어도 표시 설정 변경 처리와 순서 변경 처리를 포함한다.
표시 설정 변경 처리는, 각각의 부분 영역이 표시 또는 비표시될지를 변경하는 처리이다. 표시 설정 변경 처리는, 도 12를 참조해서 설명한다.
순서 변경 처리는, 부분 영역의 표시 순서를 변경하는 처리이다. 순서 변경 처리는, 도 13을 참조해서 설명한다. 그 후에, 순서 변경 처리가 수행되는 경우의 화면 천이의 예에 대해서 도 14a 내지 14f를 참조해서 설명한다.
(편집 처리)
도 11을 참조하여, 편집 처리에 대해서 설명한다.
편집 처리는, 편집 모드(도 6, 도 7a, 7b, 7c 및 7d)에서 수행되는 처리이다.
편집 모드에서, 편집 처리 유닛(115)은, 단계 S1100 내지 S1104의 처리를 반복한다.
단계 S1101에서, 편집 처리 유닛(115)은, 표시 유닛(105)에 대한 유저 조작을 접수한다. 탭-인 조작을 접수하면(단계 S1101에서, 예), 처리는 단계 S1102로 진행한다. 롱-탭 조작을 접수하면(단계 S1101에서, 아니오), 처리는 단계 S1103으로 진행한다.
단계 S1102에서, 편집 처리 유닛(115)은, 처리될 부분 영역에 대하여 표시 설정 변경 처리를 수행한다. 표시 설정 변경 처리는, 도 12를 참조해서 설명한다.
단계 S1103에서, 편집 처리 유닛(115)은, 처리될 부분 영역에 대하여 순서 변경 처리를 수행한다. 순서 변경 처리는, 도 13을 참조해서 설명한다.
편집 처리 유닛(115)은, 탭-인 조작을 접수한 경우에는 표시 설정 변경 처리를 수행하고, 롱-탭 조작을 접수한 경우에는 순서 변경 처리를 수행하지만, 유저 조작은 그러한 조작에 제한되지 않는다. 편집 처리 유닛(115)이 처리될 부분 영역에 대하여 어느 조작이 이루어졌는지를 인식할 수 있는 한, 어떠한 조작도 이용될 수 있다.
(표시 설정 변경 처리)
표시 설정 변경 처리는, 편집 모드(도 6, 도 7a, 7b, 7c 및 7d)에서 수행되는 처리이다. 표시 설정 변경 처리는, 부분 영역의 표시 설정을 변경하는 처리이다.
부분 영역의 표시 설정은, 부분 영역 데이터에 포함되는 데이터(도 5a 의(506))를 참조한다. 표시 설정은, 프리젠테이션 처리에서 부분 영역을 확대 및 표시할지 또는 부분 영역을 비표시할지를 결정하기 위한 설정이다.
편집 모드에서, 표시 유닛(105)은, 예를 들어, 부분 영역의 프레임 내 색으로, 부분 영역의 표시 설정을 표현한다. 도 7c에 나타낸 바와 같이, 표시 설정이 "표시"인 부분 영역의 프레임은 내부가 투명하게 표시된다. 표시 설정이 "비표시"인 부분 영역의 프레임은 내부가 반투명하게 표시되는데, 즉 프레임의 내부가 그레이 아웃된다.
구체적으로, 도 7c는 도 5a의 부분 영역 데이터가 편집 모드에서 표시되는 상태이다. 도 5a의 부분 영역 데이터에서, 부분 영역(413, 414, 415, 416, 및 417)은 표시 설정이 "표시"인 부분 영역이다. 이들 프레임, 즉 프레임(723, 724, 725, 726, 및 727)은 내부가 투명하게 표시된다.
도 5a의 부분 영역 데이터에서, 부분 영역(411, 412, 및 418)은 표시 설정이 "비표시"인 부분 영역이다. 이들 프레임, 즉 프레임(721, 722, 및 728) 각각은 내부가 반투명하게 표시되는데, 즉 프레임의 내부는 그레이 아웃된다.
본 실시예에서는, 표시 설정이 "표시"인 부분 영역과 표시 설정이 "비표시"인 부분 영역은 프레임 내의 상이한 색을 이용하여 표현된다. 그러나, 표현 방법은 이것에 제한되지 않는다.
예를 들어, 표시 설정이 "표시"인 부분 영역과 표시 설정이 "비표시"인 부분 영역은 상이한 농도 또는 상이한 장식으로 표시될 수 있다. 2가지 타입의 부분 영역이 식별 가능하게 표시될 수 있는 한 어떠한 표현 방법도 이용될 수 있다.
이런 방식으로 설정된 각각의 부분 영역의 표시 설정을 변경하는 처리는, 도 12의 흐름도를 참조해서 설명한다.
단계 S1201에서, 편집 처리 유닛(115)은, 편집 처리의 단계 S1101에서 접수한 유저의 탭-인 조작에 응답하여 처리된 좌표를, 선택 지시의 좌표로서 획득한다.
단계 S1202에서, 편집 처리 유닛(115)은, 선택 지시 좌표에 부분 영역이 있는지의 여부의 충돌 판정을 수행한다. 이러한 충돌 판정은, 페이지 화상(들)에 포함되는 부분 영역 중, 영역 속성이 배경 이외의 모든 부분 영역에 대하여 실행된다. 배경이 전체적인 페이지 화상을 참조하고 그 표시 설정은 "표시"이기 때문에, 배경은 충돌 판정으로부터 제외된다.
선택 지시의 좌표에 부분 영역이 있었던 경우에는(단계 S1202에서, 예), 처리는 단계 S1203으로 진행한다. 없었던 경우에는(단계 S1202에서, 아니오), 표시 설정 변경 처리는 종료된다.
단계 S1203에서, 편집 처리 유닛(115)은, 이전 단계에서 충돌 판정이 있었던 부분 영역의 표시 설정을, 부분 영역 데이터에 기초하여, 판정한다. 부분 영역의 표시 설정이 "표시"인 경우에는(단계 S1203에서, 예), 처리는 단계 S1204로 진행한다. 부분 영역의 표시 설정이 "비표시"인 경우에는(단계 S1203에서, 아니오), 처리는 단계 S1205로 진행한다.
단계 S1204에서, 편집 처리 유닛(115)은, 부분 영역의 표시 설정을 "표시"로부터 "비표시"로 변경한다.
단계 S1205에서, 편집 처리 유닛(115)은, 부분 영역의 프레임 내부의 색을 투명으로부터 반투명의 그레이 아웃으로 변경한다. 변경된 색은 그레이 아웃에 한하지 않고, 표시의 방법은 "비표시"를 나타내는 것으로 변경될 수 있다.
단계 S1206에서, 편집 처리 유닛(115)은, 부분 영역의 표시 설정을 "비표시"로부터 "표시"로 변경한다.
단계 S1207에서, 편집 처리 유닛(115)은, 부분 영역의 프레임 내부의 색을 반투명의 그레이 아웃으로부터 투명으로 변경한다. 변경된 색은 투명에 한하지 않고, 표시의 방법은 "표시"를 나타내는 것으로 변경될 수 있다.
단계 S1208에서, 편집 처리 유닛(115)은, 변경된 표시 설정을 부분 영역 데이터에 저장한다.
(순서 변경 처리)
도 13의 흐름도를 참조하여, 부분 영역의 순서 변경 처리에 대해서 설명한다.
순서 변경 처리는, 부분 영역의 표시 순서를 변경하는 처리이다.
단계 S1300과 단계 S1313은 각각, 반복 처리의 개시와 종료를 나타낸다. 단계 S1301에서, 편집 처리 유닛(115)은, 표시 유닛(105)에 대한 유저 조작을 접수한다. "개시 지시"를 접수한 경우에는(단계 S1301에서, START INSTRUCTION), 처리는 단계 S1302로 진행한다. "이동 지시"를 접수한 경우에는(단계 S1301에서, MOVEMENT INSTRUCTION), 처리는 단계 S1311로 진행한다. "확정 지시"를 접수한 경우에는(단계 S1301에서, FINALIZATION INSTRUCTION), 처리는 단계 S1321로 진행한다.
탭-인 조작에 의한 화면의 누름 개시가 검지되면, 편집 처리 유닛(115)은 "개시 지시"를 접수했다고 판정한다.
탭-인 조작이 검지되고 드래그 조작이 추가로 검지되면, 편집 처리 유닛(115)은 "이동 지시"를 접수했다고 판정한다.
드래그 조작이 종료하고 탭-아웃 조작이 검지되면, 편집 처리 유닛(115)은 "확정 지시"를 접수했다고 판정한다.
단계 S1302에서, 편집 처리 유닛(115)은, "개시 지시"인 탭-인 조작이 이루어져 드래그 조작을 개시했을 때의 좌표를 획득한다. 이러한 좌표는 개시 지시 좌표라고 지칭한다. 단계 S1303에서, 편집 처리 유닛(115)은, 개시 지시 좌표에 부분 영역이 있는지의 여부의 충돌 판정을 수행한다. 이 충돌 판정은, 페이지 화상(들)에 포함되는 부분 영역 중, 영역 속성이 배경 이외의 모든 부분 영역에 대하여 수행한다. 배경이 전체적인 페이지 화상을 참조하고 순서의 변경으로부터 제외되기 때문에, 배경은 충돌 판정으로부터 제외된다.
개시 지시 좌표에 부분 영역이 있었던 경우에는(단계 S1303에서, 예), 처리는 단계 S1304로 진행한다. 없었던 경우에는(단계 S1303에서, 아니오), 처리는 단계 S1313으로 진행한다. 단계 S1313에서, 처리는 반복 처리의 개시인 단계 S1300으로 복귀된다.
단계 S1304에서, 편집 처리 유닛(115)은, 개시 지시 좌표에 있는 부분 영역을 부분 영역 A로서 일시적으로 저장한다.
단계 S1311에서, 편집 처리 유닛(115)은, "이동 지시"에 의해 드래그 조작이 이루어진 페이지 화상의 위치 좌표를 획득한다. 이러한 좌표는 이동 지시 좌표로서 지칭된다.
단계 S1312에서, 편집 처리 유닛(115)은, 이동 지시 좌표를 부분 영역 A의 표시 순서를 나타내는 숫자(이후, 순서 라벨로 지칭함)의 중앙 좌표로서 설정하고, 순서 라벨을 이동시킨다. 이러한 표시 상태는 도 14a, 14b, 14c, 14d, 14e, 및 14f를 참조하여 설명한다.
단계 S1321에서, 편집 처리 유닛(115)은, "확정 지시"에 의해 드래그 조작에 의한 화면의 누름이 종료되고, 즉 탭-아웃 동작이 검지되었을 때의 좌표를 획득한다. 이러한 좌표는 확정 지시 좌표로서 지칭된다.
단계 S1322에서, 편집 처리 유닛(115)은, 확정 지시 좌표에 부분 영역이 있는지의 여부의 충돌 판정을 수행한다. 확정 지시 좌표에 부분 영역이 있었던 경우에는(단계 S1322에서, 예), 처리는 단계 S1323으로 진행한다. 없었던 경우에는(단계 S1322에서, 아니오), 편집 처리 유닛(115)은, 순서 라벨을 부분 영역 A의 원래의 위치로 복귀시킨다(도시하지 않음). 처리는 단계 S1313으로 진행한다. 단계 S1313에서, 처리는 반복 처리의 개시로 복귀된다.
단계 S1323에서, 편집 처리 유닛(115)은, 확정 지시 좌표에 있는 부분 영역을 부분 영역 B로서 일시적으로 저장한다.
단계 S1324에서, 편집 처리 유닛(115)은, 부분 영역 A의 표시 순서(순서 라벨의 숫자)를 부분 영역 B의 표시 순서로서 삽입한다.
단계 S1325에서, 편집 처리 유닛(115)은, 갱신된 표시 순서를 부분 영역 관리 데이터에 덮어쓰기 방식으로 저장한다.
(순서 변경 처리 시의 화면 천이의 예)
도 14a, 14b, 14c, 14d, 14e, 및 14f를 참조하여, 도 13에서 나타낸 순서 변경 처리를 실행한 경우의 표시 유닛(105)의 화면 천이에 대해서 설명한다.
예로서, 콘텐츠(200)의 제1 페이지의 페이지 화상(201)을 사용한다. 도 4b는 페이지 화상(201)에 대하여 페이지 구조 해석 처리(도 3)를 실행해서 자동 해석한 9개의 부분 영역(410 내지 418)을 나타낸다. 부분 영역(410 내지 418)의 부분 영역 데이터는 도 5a의 제1 내지 제9의 9개의 행에 대응한다.
순서 변경의 예로서, 도 4b의 3개의 부분 영역(415, 416, 및 417)이 사용된다. 이들 부분 영역(415, 416, 및 417)은 좌측으로부터 우측으로 표시 순서는 5번째, 6번째, 및 7번째이다. 다음의 예에서, 이들 부분 영역(415, 416, 및 417)의 표시 순서는 우측으로부터 좌측으로 5번째, 6번째, 및 7번째로 변경된다. 바꾸어 말하면, 부분 영역(415, 416, 및 417)의 표시 순서가 변경되어, 부분 영역의 표시 순서가 417, 416, 및 415가 되는 예를 설명한다.
도 6, 도 7a, 7b, 7c 및 7d를 참조해서 설명한 바와 같이, 콘텐츠(200)를 편집 모드에서 개방한 경우, 도 14a에 나타낸 바와 같이, 페이지 화상(201)은 부분 영역의 순서 라벨과 프레임으로 중첩 표시되어 있다.
도 14a에 나타난 상태에서, 부분 영역(415)(텍스트 1의 파이 차트)에 대하여 드래그 조작을 접수했다고 가정한다. 이 경우, 드래그 조작이 개시된 시점에서, 처리는 단계 S1301로부터 단계 S1302로 진행한다. 여기서, 편집 처리 유닛(115)은, 드래그 조작에 의한 화면의 누름 개시 위치를 나타내는 개시 지시 좌표를 획득된다.
단계 S1303에서, 편집 처리 유닛(115)은, 개시 지시 좌표와, 페이지 화상(201) 내의, 배경의 영역 속성을 갖는 부분 영역(410)을 제외한 부분 영역(411 내지 418)(도 5a의 페이지 번호=1, 부분 영역 번호=1 내지 페이지 번호=1, 부분 영역 번호=8) 간의 충돌 판정을 수행한다. 개시 지시 좌표가 부분 영역(415)(도 5a의 페이지 번호=1, 부분 영역 번호=5, 표시 순서=5)의 영역 내에 있기 때문에, 처리는 단계 S1304로 진행한다. 단계 S1304에서, 편집 처리 유닛(115)은, 부분 영역(415)을 부분 영역 A로서 설정한다.
계속해서, 유저 조작에 의해 드래그 조작의 누름 위치가 이동된 경우, 처리는 단계 S1311로 진행한다. 단계 S1311에서, 편집 처리 유닛(115)은, 드래그 조작의 좌표를 이동 지시 좌표로서 획득한다. 단계 S1312에서, 편집 처리 유닛(115)은, 이동 지시 좌표를, 부분 영역 A의 순서 라벨의 중앙 좌표로서 설정하고, 이 순서 라벨을 이동시킨다. 도 14b는 이때의 표시 상태를 나타낸다.
그 다음, 유저 조작에 의해 드래그 조작의 누름 위치가 부분 영역(417)(텍스트 3의 파이 차트)의 위치까지 이동했다고 가정한다. 도 14c는 이때의 표시 상태를 나타낸다. 유저 조작에 의해 드래그 조작에 의한 화면의 누름이 종료했을 경우, 그 다음 단계 S1301에서, 편집 처리 유닛(115)은, 확정 지시를 접수하였다고 판정한다. 처리는 단계 S1321로 진행한다. 단계 S1321에서, 편집 처리 유닛(115)은, 드래그 조작의 종료 좌표를 확정 지시 좌표로서 획득한다.
단계 S1322에서, 편집 처리 유닛(115)은, 확정 지시 좌표와, 페이지 화상(201) 내의, 배경의 영역 속성을 갖는 부분 영역(410)을 제외한 부분 영역(411 내지 418)(도 5a의 페이지 번호=1, 부분 영역 번호=1 내지 페이지 번호=1, 부분 영역 번호=8) 간의 충돌 판정을 수행한다. 확정 지시 좌표가 부분 영역(417)(도 5a의 페이지 번호=1, 부분 영역 번호=7, 표시 순서=7)의 영역 내에 있기 때문에, 처리는 단계 S1323으로 진행한다. 단계 S1323에서, 편집 처리 유닛(115)은, 부분 영역(417)을 부분 영역 B로서 설정한다.
단계 S1323에서, 편집 처리 유닛(115)은, 부분 영역 A로서의 역할을 하는 부분 영역(415)의 순서 라벨의 값인 5를, 부분 영역 B로서의 역할을 하는 부분 영역(417)의 표시 순서(509)에 삽입한다. 이러한 삽입에 의해, 부분 영역 B로서의 역할을 하는 부분 영역(417)(도 5a의 페이지 번호=1, 부분 영역 번호=7)은 표시 순서를 제5로 변경하고, 그 이후의 부분 영역의 표시 순서는 각각 1씩 인크리먼트된다. 특히, 표시 순서가 5번째였던 부분 영역(415)(도 5a의 페이지 번호=1, 부분 영역 번호=5)은 표시 순서가 6번째로 변경된다. 표시 순서가 6번째였던 부분 영역(416)(도 5a의 페이지 번호=1, 부분 영역 번호=6)은 표시 순서가 7번째로 변경된다. 도 5b는 이러한 상태의 부분 영역 관리 테이블을 나타낸다. 도 14d는 표시 상태를 나타낸다. 도 14d에 나타낸 바와 같이, 부분 영역(415, 416, 및 417)의 표시 순서는 좌측으로부터 우측으로 6번째, 7번째, 및 5번째가 된다.
단계 S1322에서, 확정 지시 좌표에 대응하는 위치에 부분 영역이 없을 경우(배경의 영역 속성을 갖는 부분 영역(410)을 제외한 부분 영역에 대한 충돌 판정이 모두 거짓), 순서 라벨은 원래의 부분 영역(415)의 장소로 복귀된다. 즉, 표시 상태는 도 14a의 상태로 복귀된다.
이어서, 도 14a의 상태에서, 부분 영역(415)(텍스트 1의 파이 차트)에 대한 드래그 조작을 접수했다고 가정한다. 이 경우, 드래그 조작에 의해 화면 누름이 개시된 시점에서, 처리는 단계 S1301로부터 단계 S1302로 진행한다. 단계 S1302에서, 편집 처리 유닛(115)은, 드래그 조작에 의한 화면 누름의 개시 위치를 나타내는 개시 지시 좌표를 획득한다.
단계 S1303에서, 편집 처리 유닛(115)은, 개시 지시 좌표와, 페이지 화상(201) 내의, 배경의 영역 속성을 갖는 부분 영역(410)을 제외한 부분 영역(411 내지 418)(도 5a의 페이지 번호=1, 부분 영역 번호=1 내지 페이지 번호=1, 부분 영역 번호=8) 간의 충돌 판정을 수행한다. 개시 지시 좌표가 부분 영역(415)(도 5a의 페이지 번호=1, 부분 영역 번호=5, 표시 순서=6)의 영역 내에 있기 때문에, 처리는 단계 S1304로 진행한다. 단계 S1304에서, 편집 처리 유닛(115)은, 부분 영역(415)을 부분 영역 A로서 설정한다.
계속해서, 유저 조작에 의해 드래그 조작에 의한 화면 누름 위치가 이동된 경우, 처리는 단계 S1311로 진행한다. 단계 S1311에서, 편집 처리 유닛(115)은, 드래그 조작의 좌표를 이동 지시 좌표로서 획득한다. 단계 S1312에서, 편집 처리 유닛(115)은, 이동 지시 좌표를 부분 영역 A의 순서 라벨의 중앙 좌표로서 설정하고, 그 순서 라벨을 이동시킨다(도시하지 않음).
이후, 유저는 드래그 조작이 부분 영역(416)(텍스트 2의 파이 차트)의 위치까지 행하여졌다고 가정한다. 도 14e는 이때의 표시 상태를 나타낸다.
유저 조작에 의해 드래그 조작에 의한 화면 누름이 종료했을 경우, 단계 S1301에서, 편집 처리 유닛(115)은, 확정 지시를 접수하였다고 판정한다. 처리는 단계 S1321로 진행한다. 단계 S1321에서, 편집 처리 유닛(115)은, 드래그 조작의 종료 좌표를 확정 지시 좌표로서 획득한다.
단계 S1303에서, 편집 처리 유닛(115)은, 확정 지시 좌표와, 페이지 화상(201) 내의, 배경의 영역 속성을 갖는 부분 영역(410)을 제외한 부분 영역(411 내지 418)(도 5a의 페이지 번호=1, 부분 영역 번호=1 내지 페이지 번호=1, 부분 영역 번호=8) 과의 충돌 판정을 수행한다. 확정 지시 좌표가 부분 영역(416)(도 5a의 페이지 번호=1, 부분 영역 번호=6, 표시 순서=7)의 영역 내에 있기 때문에, 처리는 단계 S1323으로 진행한다. 단계 S1323에서, 편집 처리 유닛(115)은, 부분 영역(416)을 부분 영역 B로 설정한다.
단계 S1323에서, 편집 처리 유닛(115)은, 부분 영역 A로서의 역할을 하는 부분 영역(415)의 순서 라벨의 값인 6을, 부분 영역 B로서의 역할을 하는 부분 영역(416)의 표시 순서(509)에 삽입한다. 이 삽입에 의해, 부분 영역 B로서의 역할을 하는 부분 영역(416)(도 5a의 페이지 번호=1, 부분 영역 번호=7)은 표시 순서를 6번째로 변경되고, 그 이후의 부분 영역의 표시 순서는 1씩 인크리먼트된다. 즉, 표시 순서가 6번째였던 부분 영역(415)(도 5a의 페이지 번호=1, 부분 영역 번호=5)은 표시 순서가 7번째로 변경된다. 도 5c는 이러한 상태의 부분 영역 관리 테이블을 나타낸다. 도 14f는 표시 상태를 나타낸다. 도 14f에 나타낸 바와 같이, 부분 영역(415, 416, 및 417)은 표시 순서가 좌측으로부터 우측으로 7번째, 6번째, 및 5번째이다.
이상의 처리를 통해, 유저가 원하는 순서 변경의 예가 달성된다. 도 5c에 설명된 순서 변경된 부분 영역 데이터가 사용되어, 도 9a 및 도 10a, 10b, 10c, 10d, 10e, 및 10f에서 나타낸 프리젠테이션 처리를 수행하면, 최종적인 표시 순서는 도 10a, 10b, 10c, 10f, 10e, 및 10d가 된다.
이상에서 설명한 바와 같이, 본 실시예를 사용하여 페이지 화상에서의 부분 영역의 표시 순서를, 간단하고 직감적인 조작으로 변경할 수 있다.
구체적으로는, 페이지 화상의 부분 영역에 대하여 순서 라벨과 프레임을 중첩해서 표시한다. 따라서, 유저는 현재의 표시 순서를 완전히 이해할 수 있고, 변경될 부분 영역과 그 순서를 쉽게 식별할 수 있다.
또한, 유저는 직감적인 드래그 조작으로, 원하는 부분 영역의 표시 순서를 변경할 수 있다.
또한, 콘텐츠를 개방할 시에, 프리젠테이션 모드와 편집 모드를 제공하는 것은, 유저가 프리젠테이션 모드에서 편집 모드의 조작을 잘못해서 행하는 것을 방지하여, 유저의 조작 실수를 억제할 수 있다.
본 발명의 제2 실시예는 이하에 설명한다. 본 실시예에서는, 제1 실시예와 상이한 순서 변경 처리를 설명한다.
도 13을 참조해서 제1 실시예에서 설명한 순서 변경 처리와, 도 15를 참조해서 본 제2 실시예에서 설명하는 순서 변경 처리 사이의 차이의 개요를 먼저 설명한다.
제1 실시예에서 설명한 순서 변경 처리에서는, 순서 라벨을 이동시켜, 특정 부분 영역을 선택하고, 선택한 부분 영역에 대하여 이동된 순서 라벨을 설정할 수 있다.
제2 실시예에서 설명하는 순서 변경 처리에서는, 순서 라벨을 이동시키는 것이 아니고, 표시 순서를 변경하고 싶은 부분 영역의 화상을 이동시킨다. 그 다음, 부분 영역의 화상을, 제1 화상과 제2 화상 사이에 삽입시킨다. 이로 인해, 부분 영역의 화상의 표시 순서는 제1 화상의 표시 순서와 제2 화상의 표시 순서 사이에 설정된다.
도 15를 참조해서 설명하는 순서 변경 처리를 실행한 경우의 화상 표시 장치(100)의 표시 유닛(105)의 화면 천이에 대해서는 도 18a 내지 18f를 참조해서 설명한다.
제1 실시예와의 차이점은 단지 순서 변경 처리만이기 때문에, 그 이외의 설명은 생략한다.
(순서 변경 처리)
도 15의 흐름도와 도 16a 및 16b를 참조하여, 부분 영역의 순서 변경 처리에 대해서 설명한다.
단계 S1500과 S1517은, 각각 반복 처리의 개시와 종료를 나타낸다.
단계 S1501에서, 편집 처리 유닛(115)은, 표시 유닛(105)에 대한 유저 조작을 접수한다. "개시 지시"를 접수한 경우에는(단계 S1501에서, START INSTRUCTION), 처리는 단계 S1502로 진행한다. "이동 지시"를 접수한 경우에는(단계 S1501에서, MOVEMENT INSTRUCTION), 처리는 단계 S1511로 진행한다. "확정 지시"를 접수한 경우에는(단계 S1501에서, FINALIZATION INSTRUCTION), 처리는 단계 S1521로 진행한다.
탭-인 조작에 의한 화면의 누름 개시가 검지되면, 편집 처리 유닛(115)은, "개시 지시"를 접수했다고 판정한다.
탭-인 조작이 검지되고 추가로 드래그 조작이 검지되면, 편집 처리 유닛(115)은, "이동 지시"를 접수했다고 판정한다.
드래그 조작이 종료되고, 탭-아웃 조작이 검지되면, 편집 처리 유닛(115)은, "확정 지시"를 접수했다고 판정한다.
단계 S1502에서, 편집 처리 유닛(115)은, "개시 지시"인 탭-인 조작이 이루어져 드래그 조작이 개시된 좌표를 획득한다. 이 좌표는 개시 지시 좌표로서 칭한다.
단계 S1503에서, 편집 처리 유닛(115)은, 개시 지시 좌표에 부분 영역이 있는지의 여부의 충돌 판정을 수행한다. 이 충돌 판정은, 페이지 화상에 포함되는, 영역 속성이 배경 이외의 모든 부분 영역에 대하여 수행된다. 배경이 전체적인 페이지 화상을 참조하고 순서 변경으로부터 제외되기 때문에, 배경은 충돌 판정으로부터 제외된다.
개시 지시 좌표에 부분 영역이 있던 경우에는(단계 S1503에서, 예), 처리는 단계 S1504로 진행한다. 없었던 경우에는(단계 S1503에서, 아니오), 처리는 단계 S1517로 진행한다. 단계 S1517에서, 처리는 반복 처리의 개시인 단계 S1500으로 복귀된다.
단계 S1504에서, 편집 처리 유닛(115)은, 개시 지시 좌표에 있는 부분 영역을 부분 영역 A로서 일시적으로 저장한다.
단계 S1505에서, 편집 처리 유닛(115)은, 부분 영역 A에 의해 지정된 범위의 화상을 복제한다. 그 결과는 복제 화상으로 칭해진다.
단계 S1511에서, 편집 처리 유닛(115)은, "이동 지시"에 의해 드래그 조작이 이루어진 페이지 화상의 위치 좌표를 획득한다. 이 좌표는 이동 지시 좌표로 칭한다.
단계 S1512에서, 편집 처리 유닛(115)은, 이동 지시 좌표를 복제 화상의 중앙 좌표로서 설정하고, 복제 화상을 이동시킨다. 여기서, 복제 화상은 복제 화상이 이동중인 상태를 나타내기 위해서 음영으로 표시한다. 도 18b는 표시 상태를 나타낸다.
단계 S1513에서, 편집 처리 유닛(115)은, 복제 화상이 이동되고 있는 이동 지시 좌표에 또 다른 부분 영역이 있는지의 여부의 충돌 판정을 수행한다. 이동 지시 좌표에 부분 영역이 있었던 경우에는(단계 S1513에서, 예), 처리는 단계 S1514로 진행한다. 없었던 경우에는(단계 S1513에서, 아니오), 편집 처리 유닛(115)은, 이동 중인 복제 화상을 삭제한다. 처리는 단계 S1517로 진행하고, 반복 처리의 개시로 복귀된다. 여기서, 겹침(후술함)이 표시되면, 편집 처리 유닛(115)은, 그 겹침도 삭제한다(도시하지 않음).
단계 S1514에서, 편집 처리 유닛(115)은, 이전 단계에서 충돌 판정이 있었던 부분 영역 내에서, 이동 지시 좌표가 어디에 위치하고 있는지를 판정한다. 이동 지시 좌표가 부분 영역 내의 좌반부에 위치하는 경우에는(단계 S1514에서, 예), 처리는 단계 S1515로 진행한다. 이동 지시 좌표가 부분 영역 내의 우반부에 위치하는 경우에는(단계 S1514에서, 아니오), 처리는 단계 S1516으로 진행한다.
단계 S1515에서, 편집 처리 유닛(115)은, 단계 S1513에서 충돌 판정이 있었던 부분 영역 내의 좌측부에 대하여 이동 중인 복제 화상과의 겹침을 표시한다. 도 16a는 이 표시 상태를 나타낸다.
단계 S1516에서, 편집 처리 유닛(115)은, 단계 S1513에서 충돌 판정이 있었던 부분 영역 내의 우측부에 대하여 이동 중인 복제 화상과의 겹침을 표시한다. 도 16b는 이 표시 상태를 나타낸다.
단계 S1515와 S1516의 겹침 표시에 대해서는, 단계 S1524 내지 S1526에서 설명한다.
단계 S1521에서, 편집 처리 유닛(115)은, "확정 지시"인 드래그 조작에 의한 누름 종료, 또는 탭-아웃 조작이 검지된 좌표를 획득한다. 이 좌표는 확정 지시 좌표로서 칭한다.
단계 S1522에서, 편집 처리 유닛(115)은, 확정 지시 좌표에 부분 영역이 있는지의 여부의 충돌 판정을 수행한다. 확정 지시 좌표에 부분 영역이 있었던 경우에는(단계 S1522에서, 예), 처리는 단계 S1523으로 진행한다. 없었던 경우에는(단계 S1522에서, 아니오), 편집 처리 유닛(115)은, 이동 중인 복제 화상을 삭제한다. 처리는 단계 S1517로 진행하고, 반복 처리의 개시로 복귀된다.
단계 S1523에서, 편집 처리 유닛(115)은, 확정 지시 좌표에 있는 부분 영역을 부분 영역 B로서 일시적으로 저장한다.
단계 S1524에서, 편집 처리 유닛(115)은, 단계 S1522에서 충돌 판정이 있었던 부분 영역 내에서, 확정 지시 좌표가 어디에 위치하고 있는지를 판정한다. 확정 지시 좌표가 부분 영역 내의 좌반부에 위치하는 경우에는(단계 S1524에서, 예), 처리는 단계 S1525로 진행한다. 확정 지시 좌표가 부분 영역 내의 우반부에 위치하는 경우에는(단계 S1524에서, 아니오), 처리는 단계 S1526으로 진행한다.
단계 S1525에서, 편집 처리 유닛(115)은, 부분 영역 B와 그 직전의 표시 순서에 있는 부분 영역 사이에 부분 영역 A를 삽입한다. 구체예는, 도 18c 및 18d를 참조해서 후술한다. 단계 S1526에서, 편집 처리 유닛(115)은, 부분 영역 B와 그 직후의 표시 순서에 있는 부분 영역 사이에 부분 영역 A를 삽입한다. 구체예는, 도 18e 및 18f를 참조해서 후술한다. 단계 S1527에서, 편집 처리 유닛(115)은, 갱신된 표시 순서를 부분 영역 관리 데이터에 덮어쓰기 방식으로 저장한다.
본 실시예에 따른 순서 변경 처리에서, 유저는 단계들 S1514 내지 S1516 및 S1524 내지 S1526의 처리를 통해, 부분 영역 A의 표시 순서의 삽입을, 즉 부분 영역 B의 표시 순서의 전후 중 어느 하나에 행하는 것을 직감적으로 선택할 수 있다.
이상의 순서 변경 처리를 실행한 경우의 표시 유닛(105)의 화면 천이는, 도 18a, 18b, 18c, 18d, 18e 및 18f를 참조해서 설명한다.
(순서 변경 처리 시의 화면 천이의 예)
도 18a, 18b, 18c, 18d, 18e 및 18f를 참조해서, 도 15와 도 16a 및 16b를 참조해서 설명한 순서 변경 처리를 실행한 경우의 화면 천이를 설명한다. 또한, 도 17a 및 17b를 참조해서, 갱신된 부분 영역 관리 테이블을 설명한다.
도 6과 도 7a, 7b, 7c, 및 7d를 참조해서 설명한 바와 같이, 콘텐츠(200)를 편집 모드에서 개방한 것을 가정한다. 도 18a에 나타낸 바와 같이, 페이지 화상(201)의 부분 영역에 대하여 순서 라벨과 프레임을 중첩 방식으로 표시한다. 도 5a는 이때의 부분 영역 데이터를 나타낸다.
도 16a 및 16b에 나타낸 2개의 삽입 패턴은 순서대로 설명된다.
도 16a에 나타낸 바와 같이, 이동 지시를 접수한 부분 영역(417)(텍스트 3의 파이 차트)을 부분 영역(415)(텍스트 1의 파이 차트)의 좌측으로 삽입할 경우에 대해서 초기에 설명한다.
이러한 예는, 이동 중인 부분 영역(417)(텍스트 3의 파이 차트)을 부분 영역(415)(텍스트 1의 파이 차트)과, 그 직전의 표시 순서인 부분 영역(414)(테이블) 사이에 삽입한 경우를 설명한다.
도 18a에 나타내는 상태에서, 부분 영역(417)(텍스트 3의 파이 차트)에 대한 드래그 조작의 개시, 즉 탭-인 조작을 접수했다고 가정한다. 이 경우, 드래그 조작이 개시된 시점에서, 처리는 단계 S1501로부터 단계 S1502로 진행한다. 단계 S1502에서, 편집 처리 유닛(115)은, 드래그 조작에 의한 화면 누름 개시 위치를 나타내는 개시 지시 좌표를 획득한다.
단계 S1503에서, 편집 처리 유닛(115)은, 개시 지시 좌표와, 페이지 화상(201) 내의, 배경의 영역 속성을 갖는 부분 영역(410)을 제외한 부분 영역(411 내지 418)(도 5a의 페이지 번호=1, 부분 영역 번호=1 내지 페이지 번호=1, 부분 영역 번호=8) 간의 충돌 판정을 수행한다. 개시 지시 좌표가 부분 영역(417)(도 5a의 페이지 번호=1, 부분 영역 번호=7, 표시 순서=7)의 영역 내에 있기 때문에, 처리는 단계 S1504로 진행한다. 단계 S1504에서, 편집 처리 유닛(115)은, 부분 영역(417)을 부분 영역 A로서 설정한다. 단계 S1505에서, 편집 처리 유닛(115)은, 부분 영역(417)에 의해 지정된 범위의 화상을 복제한다. 복제된 화상은 복제 화상으로서 지칭한다.
계속해서, 유저 조작에 의해 드래그 조작을 이동시킨 경우, 처리는 단계 S1511로 진행한다. 단계 S1511에서, 편집 처리 유닛(115)은, 드래그 조작의 좌표를 이동 지시 좌표로서 획득한다. 단계 S1512에서, 편집 처리 유닛(115)은, 이동 지시 좌표를 복제 화상의 중앙 좌표로서 설정하고, 복제 화상을 이동시킨다. 편집 처리 유닛(115)은, 복제 화상이 이동중인 상태를 나타내기 위해서 복제 화상을 음영으로 표시한다. 도 18b는 이때의 표시 상태를 나타낸다.
도 18b는 드래그 조작을 따라 복제 화상이 이동하고 있는 상태를 나타낸다. 부분 영역(417)의 복제 화상, 순서 라벨, 및 프레임이 이동하고 있다. 복제 화상은 복제이기 때문에, 원래의 부분 영역(417)의 화상은 화면 상에서 절취되지 않고 그대로 표시된다.
그 다음 유저가 드래그 조작을 부분 영역(415)(텍스트 1의 파이 차트)의 위치까지 행한다고 가정한다. 도 18c는 이 표시 상태를 나타낸다. 도 16a는 그 확대도를 나타낸다.
도 16a에 나타낸 바와 같이, 복제 화상(텍스트 3의 파이 차트)을 이동시키는 이동 지시 좌표는, 부분 영역(415)(텍스트 1의 파이 차트)의 좌반부에 위치하고 있다. 단계 S1513, S1514, 및 S1515에서, 편집 처리 유닛(115)은, 부분 영역(415)(텍스트 1의 파이 차트)의 좌측부에 겹침(1601)을 표시한다.
이 겹침(1601)의 표시는, 유저가 그러한 상태에서 드래그 조작을 종료하면, 드래그된 부분 영역 A의 표시 순서를, 겹침(1601)이 표시되어 있는 부분 영역(415)과 그 직전의 표시 순서인 부분 영역(414)의 사이에 삽입할 수 있다는 것을, 유저가 직감적으로 이해할 수 있게 한다.
이러한 상태에서 유저가 드래그 조작을 종료하면, 단계 S1521 내지 S1524 및 S1525의 확정 지시 후의 처리가 수행된다. 단계 S1525에서, 부분 영역 B인 부분 영역(415) 과, 그 직전의 표시 순서에 있는 부분 영역(414) 사이에, 부분 영역 A인 부분 영역(417)이 삽입된다.
이 삽입은, 부분 영역(417)(도 5a의 페이지 번호=1, 부분 영역 번호=7)의 표시 순서를 5번째로 한다. 그에 따라, 이 삽입 이전에 표시 순서가 5번째였던 부분 영역(415)(도 5a의 페이지 번호=1, 부분 영역 번호=5)의 표시 순서는 6번째가 된다. 표시 순서가 6번째였던 부분 영역(416)(도 5a의 페이지 번호=1, 부분 영역 번호=6)의 표시 순서는 7번째가 된다. 도 17a는 이러한 상태의 부분 영역 관리 테이블을 나타낸다. 도 18d는 이 표시 상태를 나타낸다.
도 18d에 나타낸 바와 같이, 부분 영역(414)(테이블) 내지 부분 영역(417)(텍스트 3의 파이 차트)의 표시 순서는, 4, 5, 6, 7로부터 4, 6, 7, 5로 변경되었다. 즉, 부분 영역(417)(텍스트 3의 파이 차트, 원래의 표시 순서=7)의 표시 순서가, 부분 영역(414)(테이블, 원래의 표시 순서=4)의 표시 순서와 부분 영역(415)(텍스트 1의 파이 차트, 원래의 표시 순서=5)의 표시 순서 사이에 삽입된다.
이어서, 도 16b에 나타낸 바와 같이, 이동 지시를 접수한 부분 영역(417)(텍스트 3의 파이 차트)을 부분 영역(415)(텍스트 1의 파이 차트)의 우측으로 삽입한 경우에 대해서 설명한다.
이러한 예는, 이동 중인 부분 영역(417)(텍스트 3의 파이 차트)을, 부분 영역(415)(텍스트 1의 파이 차트)과, 그 직후의 표시 순서인 부분 영역(416)(텍스트 2의 파이 차트) 사이에 삽입한 경우를 설명한다.
도 18a에 나타내는 상태에서, 부분 영역(417)(텍스트 3의 파이 차트)에 대한 드래그 조작의 개시, 즉 탭-인 조작을 접수하고, 부분 영역(415)(텍스트 1의 파이 차트)까지 드래그 조작되는 것을 가정한다.
상술한 바와 같이, 단계 S1501 내지 S1505에서, 편집 처리 유닛(115)은, 드래그 조작에 의한 화면의 누름이 개시된 좌표에 있는 부분 영역(417)(텍스트 3의 파이 차트)의 화상을 복제한다. 도 18e는 복제 화상을, 부분 영역(415)까지 드래그한 상태를 나타낸다. 도 16b는 그 확대도를 나타낸다.
도 16b에 나타낸 바와 같이, 복제 화상(텍스트 3의 파이 차트)을 이동시키는 이동 지시 좌표는, 부분 영역(415)(텍스트 1의 파이 차트)의 우반부에 위치하고 있다. 단계 S1513, S1514, 및 S1516에서, 편집 처리 유닛(115)은, 부분 영역(415)(텍스트 1의 파이 차트)의 우측부에 겹침(1602)을 표시한다.
이 겹침(1602)의 표시는, 유저가 이러한 상태에서 드래그 조작을 종료하면, 드래그된 부분 영역 A의 표시 순서를, 겹침(1602)을 표시하고 있는 부분 영역(415)과, 그 직후의 표시 순서인 부분 영역(416) 사이에 삽입할 수 있는 것을, 유저가 직감적으로 이해할 수 있게 한다.
유저가 이러한 상태에서 드래그 조작을 종료하면, 단계 S1521 내지 S1524 및 S1526의 확정 지시 후의 처리가 수행된다. 단계 S1526에서, 부분 영역 B인 부분 영역(415)과, 그 직후의 표시 순서에 있는 부분 영역(416) 사이에, 부분 영역 A인 부분 영역(417)이 삽입된다.
이 삽입은, 부분 영역(417)(도 5a의 페이지 번호=1, 부분 영역 번호=7)의 표시 순서를 6번째로 한다. 그에 따라 표시 순서가 6번째였던 부분 영역(416)(도 5a의 페이지 번호=1, 부분 영역 번호=6)의 표시 순서는 7번째가 된다. 도 17b는 이러한 상태의 부분 영역 관리 테이블을 나타낸다. 도 18f는 이 표시 상태를 나타낸다.
도 18f에 나타낸 바와 같이, 부분 영역(415)(텍스트 1의 파이 차트) 내지 부분 영역(417)(텍스트 3의 파이 차트)의 표시 순서는, 5, 6, 7로부터 5, 7, 6으로 변경되었다. 즉, 부분 영역(417)(텍스트 3의 파이 차트, 원래의 표시 순서=7)의 표시 순서가, 부분 영역(415)(텍스트 1의 파이 차트, 원래의 표시 순서=5)의 표시 순서와 부분 영역(416)(텍스트 2의 파이 차트, 원래의 표시 순서=6)의 표시 순서 사이에 삽입된다.
이상에서 설명한 바와 같이, 본 실시예에서는, 페이지 화상의 부분 영역의 순서 변경에 대해서, 제1 실시예와는 다른 방법을 나타냈다.
이러한 구성은, 이동 지시를 접수한 부분 영역의 표시 순서를, 부분 영역을 이동처인 부분 영역의 좌측 또는 우측에 삽입할지에 따라, 이동처인 부분 영역의 이전 또는 이후로 변경할지 선택하는 것을 가능하게 한다.
본 실시예에서도, 페이지 화상에서의 부분 영역의 표시 순서는 따라서 간단하고 직관적인 조작에 의해 변경될 수 있다.
제1 실시예에서와 마찬가지로, 콘텐츠의 개방 시에 프리젠테이션 모드와 편집 모드를 제공함으로써, 유저가 프리젠테이션 모드에서 편집 모드의 조작을 잘못해서 행하는 것을 방지하여, 유저의 조작 실수를 억제할 수 있다.
제3 실시예가 후술된다. 본 실시예에서는, 상기 실시예와는 상이한 순서 변경 처리를 설명한다. 제1 실시예와 제2 실시예와의 상이한 부분만을 설명한다.
제1 실시예와 제2 실시예에서와 같이 부분 영역의 표시 순서를 특정 순서로 변경하는 방법과는 달리, 본 실시예에서는 표시 순서를 인크리먼트 및 디크리먼트하는 방법을 설명한다.
본 실시예에서는, 제1 실시예에서 도 13을 참조해서 설명한 순서 변경 처리를, 도 19를 참조해서 설명한 순서 변경 처리로 치환한다. 도 19에 나타내는 순서 변경 처리를 실행한 경우의 화상 표시 장치(100)의 표시 유닛(105)의 화면 천이를 도 21a, 21b, 21c, 21d, 21e, 및 21f를 참조해서 설명한다.
(순서 변경 처리)
도 19의 흐름도를 참조하여, 부분 영역의 순서 변경 처리를 설명한다.
순서 변경 처리는, 부분 영역의 표시 순서를 변경하는 처리이다.
단계 S1901에서, 편집 처리 유닛(115)은, 표시 유닛(105)에 대한 유저 조작을 접수한다. "인크리먼트 지시"를 접수한 경우에는(단계 S1901에서, 예), 처리는 단계 S1902로 진행한다. "디크리먼트 지시"를 접수한 경우에는(단계 S1902에서, 아니오, 처리는 단계 S1911로 진행한다.
예를 들어, 우측 방향의 스와이프 조작을 검지한 경우, 편집 처리 유닛(115)은, "인크리먼트 지시"를 접수했다고 판정한다. 도 21a에 나타낸 바와 같이, 우측 방향의 스와이프 조작의 예는, 부분 영역(735)에 포함되는 순서 라벨(725) 부근부터 우측으로 스와이프하는 조작(2101)이다.
"인크리먼트 지시"는 대상 부분 영역의 표시 순서를 나타내는 수치를 1씩 증가시키는(표시 순서는 1씩 지연시키는) 지시를 칭한다.
예를 들어, 좌측 방향의 스와이프 조작을 검지한 경우, 편집 처리 유닛(115)은, "디크리먼트 지시"를 접수했다고 판정한다. 도 21a에 나타낸 바와 같이, 좌측 방향의 스와이프 조작의 예는, 부분 영역(735)에 포함되는 순서 라벨(725) 부근으로부터 좌측으로 스와이프하는 조작(2102)이다.
"디크리먼트 지시"는 대상 부분 영역의 표시 순서를 나타내는 수치를 1씩 감소시키는(표시 순서는 1씩 진행시키는) 지시이다.
단계 S1902에서, 편집 처리 유닛(115)은, "인크리먼트 지시"가 개시된 좌표를 획득한다. 이 좌표는 개시 지시 좌표로 칭한다.
단계 S1903에서, 편집 처리 유닛(115)은, 개시 지시 좌표에 부분 영역이 있는지의 여부의 충돌 판정을 수행한다. 이 충돌 판정은, 페이지 화상에 포함되는, 배경의 영역 속성을 갖는 것을 제외한 모든 부분 영역에 대하여 수행된다. 배경이 전체적인 페이지 화상을 참조하고 순서 변경으로부터 제외되기 때문에, 배경은 충돌 판정으로부터 제외된다.
개시 지시 좌표에 부분 영역이 있었던 경우에는(단계 S1903에서, 예), 처리는 단계 S1904로 진행한다. 없었던 경우에는(단계 S1903에서, 아니오), 처리를 종료한다.
단계 S1904에서, 편집 처리 유닛(115)은, 개시 지시 좌표에 위치한 부분 영역의 표시 순서를 인크리먼트한다.
단계 S1905에서, 편집 처리 유닛(115)은, 갱신된 표시 순서를 부분 영역 관리 데이터에 덮어쓰기 방식으로 저장한다. 순서 변경 처리는 종료된다.
단계 S1911에서, 편집 처리 유닛(115)은, "디크리먼트 지시"가 개시된 좌표를 획득한다. 이 좌표는 개시 지시 좌표로 칭한다.
단계 S1912에서, 편집 처리 유닛(115)은, 개시 지시 좌표에 부분 영역이 있는지의 여부의 충돌 판정을 수행한다. 이 충돌 판정은, 페이지 화상에 포함되는, 배경의 영역 속성을 갖는 것을 제외한 모든 부분 영역에 대하여 수행된다. 배경이 전체적인 페이지 화상을 참조하고 순서 변경으로부터 제외되기 때문에, 배경은 충돌 판정으로부터 제외된다.
개시 지시 좌표에 부분 영역이 있었던 경우에는(단계 S1912에서, 예), 처리는 단계 S1913으로 진행한다. 없었던 경우에는(단계 S1912에서, 아니오), 처리를 종료한다.
단계 S1913에서, 편집 처리 유닛(115)은, 개시 지시 좌표에 위치한 부분 영역의 표시 순서를 인크리먼트한다.
단계 S1905에서, 편집 처리 유닛(115)은, 갱신된 표시 순서를 부분 영역 관리 데이터에 덮어쓰기 방식으로 저장한다. 순서 변경 처리는 종료된다.
(순서 변경 처리 시의 화면 천이)
도 19를 참조해서 설명한 순서 변경 처리를 실행한 경우의 화면 천이에 대해서, 도 21a, 21b, 21c, 21d, 21e, 및 21f를 참조해서 설명한다. 갱신된 부분 영역 관리 테이블에 대해서는 도 20a 및 20b를 참조해서 설명한다.
예로서, 도 7c에서 표시 순서가 다섯번째인 부분 영역(415)의 표시 순서를 인크리먼트하는 경우와, 그 표시 순서를 디크리먼트하는 경우에 대해서 설명한다. 도 5a는 부분 영역 데이터를 나타낸다.
도 6과 도 7a, 7b, 7c, 및 7d를 참조해서 설명한 바와 같이, 콘텐츠(200)를 편집 모드에서 개방한 경우, 도 21b에 나타낸 바와 같이, 페이지 화상(210)의 부분 영역은 대응하는 부분 영역의 순서 라벨과 프레임이 중첩해서 표시되어 있다.
표시 순서를 인크리먼트하는 경우는 초기에 설명된다.
도 21b에 나타내는 상태에서, 부분 영역(415)(텍스트 1의 파이 차트)에 대한 우측 방향의 스와이프 조작을 접수했다고 가정한다. 도 21c는 이 표시 상태를 나타낸다. 이 경우, 스와이프 조작이 개시되었다고 검지된 시점에서, 처리는 단계 S1901로부터 단계 S1902로 진행한다. 단계 S1902에서, 편집 처리 유닛(115)은, 스와이프 조작의 개시 위치를 나타내는 개시 지시 좌표를 획득한다.
단계 S1903에서, 편집 처리 유닛(115)은, 개시 지시 좌표와, 페이지 화상(201) 내의, 배경의 영역 속성을 갖는 부분 영역(410)을 제외한 부분 영역(411 내지 418)(도 5a의 페이지 번호=1, 부분 영역 번호=1 내지 페이지 번호=1, 부분 영역 번호=8) 간의 충돌 판정을 수행한다. 개시 지시 좌표가 부분 영역(415)(도 5a의 페이지 번호=1, 부분 영역 번호=5, 표시 순서=5)의 영역 내에 있기 때문에, 처리는 단계 S1904로 진행한다. 단계 S1904에서, 편집 처리 유닛(115)은, 부분 영역(415)의 표시 순서를 1씩 인크리먼트한다.
이 인크리먼트는, 부분 영역(415)(도 5a의 페이지 번호=1, 부분 영역 번호=5)의 표시 순서를 5번째로부터 6번째로 변경한다. 편집 처리 유닛(115)은, 그에 따라, 표시 순서가 6번째였던 부분 영역(416)(도 5a의 페이지 번호=1, 부분 영역 번호=6)의 표시 순서를 6번째로부터 5번째로 변경한다.
도 20a는 이러한 상태의 부분 영역 관리 테이블을 나타낸다. 도 21d는 이 표시 상태를 나타낸다.
이어서, 표시 순서를 디크리먼트하는 경우에 대해서 설명한다.
도 21b에 나타내는 상태에서, 부분 영역(415)(텍스트 1의 파이 차트)에 대한 좌측 방향의 스와이프 조작을 접수했다고 가정한다. 도 21e는 이 표시 상태를 나타낸다. 이 경우, 스와이프 조작이 개시되었다고 검지된 시점에서, 처리는 단계 S1901로부터 단계 S1911로 진행한다. 단계 S1911에서, 편집 처리 유닛(115)은, 스와이프 조작의 개시 위치를 나타내는 개시 지시 좌표를 획득한다.
단계 S1912에서, 편집 처리 유닛(115)은, 개시 지시 좌표와, 페이지 화상(201) 내의, 배경의 영역 속성을 갖는 부분 영역(410)을 제외한 부분 영역(411 내지 418)(도 5a의 페이지 번호=1, 부분 영역 번호=1 내지 페이지 번호=1, 부분 영역 번호=8) 간의 충돌 판정을 수행한다. 개시 지시 좌표가 부분 영역(415)(도 5a의 페이지 번호=1, 부분 영역 번호=5, 표시 순서=5)의 영역 내에 있기 때문에, 처리는 단계 S1913으로 진행한다. 단계 S1913에서, 편집 처리 유닛(115)은, 부분 영역(415)의 표시 순서를 1씩 디크리먼트한다.
이 디크리먼트는, 부분 영역(415)(도 5a의 페이지 번호=1, 부분 영역 번호=5)의 표시 순서를 5번째부터 4번째로 변경한다. 편집 처리 유닛(115)은, 그에 따라, 표시 순서가 4번째였던 부분 영역(414)(도 5a의 페이지 번호=1, 부분 영역 번호=4)의 표시 순서를 4번째부터 5번째로 변경한다.
도 20b는 이러한 상태의 부분 영역 관리 테이블을 나타낸다. 도 21f는 이 표시 상태를 나타낸다.
이상에서 설명한 바와 같이, 본 실시예에 따르면, 표시 순서는 부분 영역에 대한 스와이프 조작에 의해, 쉽게 인크리먼트 및 디크리먼트될 수 있다.
이러한 구성으로 인해, 페이지 화상에서의 부분 영역의 표시 순서는, 따라서 간단하고, 직감적인 조작에 의해 변경될 수 있다.
상기 실시예와 마찬가지로, 콘텐츠의 개방 시에, 프리젠테이션 모드와 편집 모드를 제공하는 것은, 유저가 프리젠테이션 모드에서 편집 모드의 조작을 잘못해서 행하는 것을 방지할 수 있어, 유저의 조작 실수를 억제할 수 있다.
다른 실시예
본 발명의 실시예는 또한 상기 실시예(들) 중 하나 이상을 수행하기 위해 저장 매체(이는 또한 '비일시적 컴퓨터-판독가능 저장 매체'로서 더 완전히 지칭될 수 있음)에 기록된 컴퓨터 실행가능 명령어(예를 들어, 하나 이상의 프로그램)를 판독 및 실행하고 및/또는 상기 실시예(들) 중 하나 이상의 기능을 수행하기 위한 하나 이상의 회로(예를 들어, 주문형 집적 회로(ASIC))를 포함하는 시스템 또는 장치의 컴퓨터에 의해, 그리고 예를 들어, 상기 실시예(들) 중 하나 이상의 기능을 수행하기 위해 저장 매체로부터 컴퓨터 실행가능 명령어를 판독 및 실행하고 및/또는 상기 실시예(들) 중 하나 이상의 기능을 수행하기 위해 하나 이상의 회로를 제어함으로써 시스템 또는 장치의 컴퓨터에 의해 수행되는 방법에 실현될 수 있다. 컴퓨터는 하나 이상의 프로세서(예를 들어, 중앙 처리 유닛(CPU), 마이크로 처리 유닛(MPU))를 포함할 수 있으며, 컴퓨터 실행가능 명령을 판독 및 실행하기 위해 별도의 컴퓨터 또는 별도의 프로세서의 네트워크를 포함할 수 있다. 컴퓨터 실행가능 명령어는 예를 들어, 네트워크 또는 저장 매체로부터 컴퓨터에 제공될 수 있다. 저장 매체는 예를 들어, 하드 디스크, 랜덤 액세스 메모리(RAM), 판독 전용 메모리(ROM), 분산형 컴퓨팅 시스템의 저장 장치, 광학 디스크(예를 들어, 컴팩트 디스크(CD), 디지털 다기능 디스크(DVD), 또는 블루-레이 디스크(BDTM), 플래시 메모리 디바이스, 메모리 카드, 등에서 하나 이상을 포함할 수 있다.
(기타의 실시예)
본 발명은, 상기의 실시예의 1개 이상의 기능을 실현하는 프로그램을, 네트워크 또는 기억 매체를 개입하여 시스템 또는 장치에 공급하고, 그 시스템 또는 장치의 컴퓨터에 있어서 1개 이상의 프로세서가 프로그램을 판독 및 실행하는 처리에서도 실현가능하다. 또한, 1개 이상의 기능을 실현하는 회로(예를 들어, ASIC)에 의해서도 실행가능하다.
본 발명은 예시적인 실시예를 참조하여 설명되었지만, 본 발명은 개시된 예시적인 실시예에 한정되지 않는다는 것을 이해해야 한다. 이하의 특허 청구 범위는 그러한 모든 수정 및 균등 구조 및 기능을 포함하도록 가장 넓게 해석되어야 한다.

Claims (12)

  1. 화상 표시 장치이며,
    화상에 포함되는 복수의 오브젝트 중 표시 대상 오브젝트를 확대해서 화면에 표시하여, 상기 화면에 표시되어 있는 상기 표시 대상 오브젝트 이외의 오브젝트를 상기 화면에 표시시키기 위한 지시를 유저로부터 접수하는 것에 기초하여, 표시되어야 할 다음의 오브젝트를 상기 화면에 표시하도록 구성된 제1 표시 제어 유닛;
    상기 복수의 오브젝트를 포함하는 상기 화상을 상기 화면에 표시하고, 상기 제1 표시 제어 유닛에 의해 상기 화면의 표시가 제어되는 동안에 상기 유저로부터의 상기 지시를 접수한 경우에, 상기 복수의 오브젝트 각각에 대하여 상기 화면에 확대해서 표시될 대응하는 오브젝트의 표시 순서를 나타내는 화상을 상기 화면에 표시하도록 구성된 제2 표시 제어 유닛; 및
    상기 표시 순서를, 상기 제2 표시 제어 유닛에 의해 표시가 제어되는 상기 화면에 대한 유저의 조작을 접수함으로써 변경하도록 구성된 변경 유닛을 포함하는, 화상 표시 장치.
  2. 제1항에 있어서,
    상기 제2 표시 제어 유닛은, 상기 복수의 오브젝트 중 대응하는 오브젝트에 대하여 미리 결정된 표시 순서를 상기 복수의 오브젝트에 대하여 겹치는 방식으로 표시하도록 구성되는, 화상 표시 장치.
  3. 제1항에 있어서,
    상기 변경 유닛은, 상기 제2 표시 제어 유닛이 상기 화면에 표시된 상기 복수의 오브젝트 중 제1 오브젝트를 선택하고 상기 화면에 표시된 상기 복수의 오브젝트 중 제2 오브젝트를 선택하는 경우에, 상기 제2 오브젝트의 표시 순서를 상기 제1 오브젝트의 표시 순서로 변경하도록 구성되는, 화상 표시 장치.
  4. 제3항에 있어서,
    상기 변경 유닛은, 상기 제1 오브젝트에 대응하는 화면에 대하여 탭-인 조작이 검지되고, 상기 제1 오브젝트에 대하여 겹치는 방식으로 표시되는, 상기 제1 오브젝트의 표시 순서를 나타내는 제1 화상에 대하여 드래그 조작이 검지되고, 상기 제2 오브젝트에 대응하는 화면에서 탭-아웃 조작이 검지되는 경우에, 상기 제2 오브젝트의 표시 순서를 상기 제1 오브젝트의 표시 순서로 변경하도록 구성되는, 화상 표시 장치.
  5. 제3항에 있어서,
    상기 변경 유닛은, 상기 제1 오브젝트에 대응하는 화면에 대하여 탭-인 조작이 검지되고, 상기 제1 오브젝트에 대응하는 화면에 대하여 드래그 조작이 검지되고, 상기 제2 오브젝트에 대응하는 화면에서 탭-아웃 조작이 검지되는 경우에, 상기 제1 오브젝트의 표시 순서를 상기 제2 오브젝트의 표시 순서 직전으로 변경하도록 구성되는, 화상 표시 장치.
  6. 제3항에 있어서,
    상기 변경 유닛은, 상기 제1 오브젝트에 대응하는 화면에 대하여 탭-인 조작이 검지되고, 상기 제1 오브젝트에 대응하는 화면에 대하여 드래그 조작이 검지되고, 상기 제2 오브젝트에 대응하는 화면에서 탭-아웃 조작이 검지되는 경우에, 상기 제1 오브젝트의 표시 순서를 상기 제2 오브젝트의 표시 순서 직후로 변경하도록 구성되는, 화상 표시 장치.
  7. 제1항에 있어서,
    상기 변경 유닛은, 상기 제2 표시 제어 유닛에 의해 표시되는, 상기 복수의 오브젝트 중 대응하는 오브젝트의 표시 순서를 나타내는 화상에 의해 나타내는 수치를 변경함으로써, 상기 오브젝트의 표시 순서를 변경하도록 구성되는, 화상 표시 장치.
  8. 제1항에 있어서,
    표시 모드에서 상기 화상의 표시가 선택된 경우에, 상기 제1 표시 제어 유닛은 상기 복수의 오브젝트 중 표시 대상 오브젝트를 확대해서 상기 화면에 표시하고, 상기 화면에 표시되어 있는 표시 대상 오브젝트 이외의 오브젝트를 상기 화면에 표시시키기 위한 지시를 상기 유저로부터 접수하는 것에 기초하여, 표시되어야 할 다음의 오브젝트를 상기 화면에 표시하고,
    편집 모드에서 상기 화상의 표시가 선택된 경우에, 상기 제2 표시 제어 유닛은, 상기 화상과, 상기 화상에 포함되는 상기 복수의 오브젝트와, 상기 복수의 오브젝트 각각에 대하여 상기 제1 표시 제어 유닛에 의해 상기 화면의 상기 표시가 제어되는 동안에 상기 유저로부터의 상기 지시가 접수되는 경우, 확대해서 표시해야 할 대응하는 오브젝트의 상기 표시 순서를 나타내는 화상을 상기 화면에 표시하는, 화상 표시 장치.
  9. 제1항에 있어서,
    상기 제2 표시 제어 유닛은, 상기 제2 표시 제어 유닛이 상기 복수의 오브젝트를 포함하는 상기 화상을 상기 화면에 표시하는 경우에, 상기 제1 표시 제어 유닛에 의해 상기 표시가 제어되는 동안에 상기 화면에 표시될 오브젝트와, 상기 제1 표시 제어 유닛에 의해 상기 표시가 제어되는 동안에 상기 화면에 표시되지 않을 오브젝트를 상이한 표시 방법으로 표시하도록 구성되는, 화상 표시 장치.
  10. 제1항에 있어서,
    상기 화상에 포함되는 상기 복수의 오브젝트에 관한 정보로서, 상기 표시 순서에 관한 정보가 포함되어 있고,
    상기 변경 유닛에 의해 상기 표시 순서가 변경되는 경우에, 상기 정보가 변경되는, 화상 표시 장치.
  11. 화상 표시 방법이며,
    제1 표시 제어로서, 화상에 포함되는 복수의 오브젝트 중 표시 대상 오브젝트를 확대해서 화면에 표시하고, 상기 화면에 표시되는 상기 표시 대상 오브젝트 이외의 오브젝트를 상기 화면에 표시시키기 위한 지시를 유저로부터 접수하는 것에 기초하여, 표시되어야 할 다음의 오브젝트를 상기 화면에 표시하는 단계;
    제2 표시 제어로서, 상기 복수의 오브젝트를 포함하는 상기 화상을 상기 화면에 표시하고, 상기 제1 표시 제어에서 상기 화면의 표시가 제어되는 동안에 상기 유저로부터의 상기 지시를 접수하는 경우에, 상기 복수의 오브젝트 각각에 대하여 상기 화면에 확대해서 표시될 대응하는 오브젝트의 표시 순서를 나타내는 화상을 상기 화면에 표시하는 단계; 및
    상기 표시 순서를, 상기 제2 표시 제어에서 표시가 제어되는 상기 화면에 대한 상기 유저의 조작을 접수함으로써 변경하는 단계를 포함하는, 화상 표시 방법.
  12. 컴퓨터로 하여금, 화상 표시 장치에 포함되는 각각의 유닛으로서 기능하게 하여 방법을 수행시키게 하기 위한 컴퓨터 프로그램을 저장하는 컴퓨터 판독가능 저장 매체이며,
    상기 방법은,
    제1 표시 제어로서, 화상에 포함되는 복수의 오브젝트 중 표시 대상 오브젝트를 확대해서 화면에 표시하고, 상기 화면에 표시되는 상기 표시 대상 오브젝트 이외의 오브젝트를 상기 화면에 표시시키기 위한 지시를 유저로부터 접수하는 것에 기초하여, 표시되어야 할 다음의 오브젝트를 상기 화면에 표시하는 단계;
    제2 표시 제어로서, 상기 복수의 오브젝트를 포함하는 상기 화상을 상기 화면에 표시하고, 상기 제1 표시 제어에서 상기 화면의 표시가 제어되는 동안에 상기 유저로부터의 상기 지시를 접수하는 경우에, 상기 복수의 오브젝트 각각에 대하여 상기 화면에 확대해서 표시될 대응하는 오브젝트의 표시 순서를 나타내는 화상을 상기 화면에 표시하는 단계; 및
    상기 표시 순서를, 상기 제2 표시 제어에서 표시가 제어되는 상기 화면에 대한 상기 유저의 조작을 접수함으로써 변경하는 단계를 포함하는, 컴퓨터 판독가능 저장 매체.
KR1020170007852A 2016-01-25 2017-01-17 화상 표시 장치, 화상 표시 방법, 및 저장 매체 KR102167353B1 (ko)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
JPJP-P-2016-011711 2016-01-25
JP2016011711A JP6723749B2 (ja) 2016-01-25 2016-01-25 画像表示装置、画像表示方法、およびプログラム

Publications (2)

Publication Number Publication Date
KR20170088759A true KR20170088759A (ko) 2017-08-02
KR102167353B1 KR102167353B1 (ko) 2020-10-19

Family

ID=59359067

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020170007852A KR102167353B1 (ko) 2016-01-25 2017-01-17 화상 표시 장치, 화상 표시 방법, 및 저장 매체

Country Status (3)

Country Link
US (1) US10747410B2 (ko)
JP (1) JP6723749B2 (ko)
KR (1) KR102167353B1 (ko)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP6938031B2 (ja) 2018-09-21 2021-09-22 株式会社ＬｏｉＬｏ プレゼンテーション資料作成装置、プレゼンテーション資料作成方法、及びプレゼンテーション資料作成プログラム
CN110716784B (zh) * 2019-10-10 2020-11-10 北京健帆医疗设备有限公司 一种医疗设备的图形用户界面的生成方法及生成装置

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP4244068B1 (ja) * 2008-08-21 2009-03-25 任天堂株式会社 オブジェクト表示順変更プログラム及び装置
JP2011186742A (ja) * 2010-03-08 2011-09-22 Canon Inc レイアウト編集装置およびその制御方法およびプログラム

Family Cites Families (29)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR930007256A (ko) * 1991-09-10 1993-04-22 오오가 노리오 작동메뉴를 나타내는 비디오 디스플레이장치 및 그의 텔레비전 수상기
US20040027370A1 (en) * 2001-02-15 2004-02-12 Denny Jaeger Graphic user interface and method for creating slide shows
CN1269456C (zh) * 2002-06-18 2006-08-16 株式会社东芝 在多个图像系列之间调整时间相位的超声诊断装置
US20050188332A1 (en) * 2004-02-20 2005-08-25 Kolman Robert S. Color key presentation for a graphical user interface
US7870503B1 (en) * 2005-08-30 2011-01-11 Adobe Systems Incorporated Technique for analyzing and graphically displaying document order
US8607147B2 (en) * 2005-12-09 2013-12-10 International Business Machines Corporation System and methods for previewing alternative compositions and arrangements when composing a strictly-structured flow diagram
US7509588B2 (en) * 2005-12-30 2009-03-24 Apple Inc. Portable electronic device with interface reconfiguration mode
JP2008170638A (ja) 2007-01-10 2008-07-24 Brother Ind Ltd プレゼンテーションシステムの制御装置およびプレゼンテーションシステム
US20080215967A1 (en) * 2007-02-23 2008-09-04 Tabblo, Inc. Method and system for online transformation using an image URL application programming interface (API)
KR20080099487A (ko) * 2007-05-09 2008-11-13 엘지전자 주식회사 이동통신 단말기 및 그 제어방법
JP2009020144A (ja) * 2007-07-10 2009-01-29 Brother Ind Ltd 画像表示装置及び画像表示プログラム
AU2007249153B2 (en) * 2007-12-20 2010-08-26 Canon Kabushiki Kaisha A method of browsing media items using thumbnails
TWI447641B (zh) * 2009-03-31 2014-08-01 Ibm 在可攜式裝置上顯示文件之方法與電腦程式產品
US8799775B2 (en) * 2009-09-25 2014-08-05 Apple Inc. Device, method, and graphical user interface for displaying emphasis animations for an electronic document in a presentation mode
US8698762B2 (en) * 2010-01-06 2014-04-15 Apple Inc. Device, method, and graphical user interface for navigating and displaying content in context
US8856648B2 (en) * 2010-08-04 2014-10-07 Mediatek Inc. Apparatuses and methods for rearranging menu items
JP5745241B2 (ja) * 2010-09-08 2015-07-08 任天堂株式会社 情報処理プログラム、情報処理装置、情報処理システム、及び情報処理方法
US20120210200A1 (en) * 2011-02-10 2012-08-16 Kelly Berger System, method, and touch screen graphical user interface for managing photos and creating photo books
US9594405B2 (en) * 2011-10-19 2017-03-14 Facebook, Inc. Composite touch gesture control with touch screen input device and secondary touch input device
US8996350B1 (en) * 2011-11-02 2015-03-31 Dub Software Group, Inc. System and method for automatic document management
US9207951B2 (en) * 2011-11-17 2015-12-08 Prezi, Inc. Grouping with frames to transform display elements within a zooming user interface
WO2013169845A1 (en) * 2012-05-09 2013-11-14 Yknots Industries Llc Device, method, and graphical user interface for scrolling nested regions
US20140047334A1 (en) * 2012-08-09 2014-02-13 Sap Ag Computer application learning solution
KR102234400B1 (ko) * 2013-07-08 2021-03-31 삼성전자주식회사 컨텐츠의 순서 또는 위치를 변경하는 전자 장치 및 방법
JP6018996B2 (ja) * 2013-09-04 2016-11-02 シャープ株式会社 情報処理装置
US9075780B2 (en) * 2013-10-01 2015-07-07 Workiva Inc. System and method for comparing objects in document revisions and displaying comparison objects
US20150113412A1 (en) * 2013-10-18 2015-04-23 Apple Inc. Interactive build order interface
KR101631966B1 (ko) * 2014-06-19 2016-06-20 엘지전자 주식회사 이동 단말기 및 이의 제어방법
US10360925B2 (en) * 2014-10-29 2019-07-23 International Business Machines Corporation Computerized tool for creating variable length presentations

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP4244068B1 (ja) * 2008-08-21 2009-03-25 任天堂株式会社 オブジェクト表示順変更プログラム及び装置
JP2011186742A (ja) * 2010-03-08 2011-09-22 Canon Inc レイアウト編集装置およびその制御方法およびプログラム

Also Published As

Publication number Publication date
US10747410B2 (en) 2020-08-18
JP6723749B2 (ja) 2020-07-15
JP2017134469A (ja) 2017-08-03
US20170212665A1 (en) 2017-07-27
KR102167353B1 (ko) 2020-10-19

Similar Documents

Publication Publication Date Title
JP7345052B2 (ja) 知能インタラクティブパネルの制御方法及びその装置
US8261191B2 (en) Multi-point representation
US8522165B2 (en) User interface and method for object management
EP2238527B1 (en) Method for providing graphical user interface (gui) using divided screen and multimedia device using the same
TWI606384B (zh) 透過自由形式描繪之吸引人的顯示
CN109085965A (zh) 笔记生成方法、电子设备及计算机存储介质
JP7320634B2 (ja) 知能インタラクション・タブレットの操作方法、装置、端末機器及び記憶媒体
US20070182999A1 (en) Photo browse and zoom
JP5862103B2 (ja) 電子黒板装置、画面表示方法およびプログラム
US20230386519A1 (en) Digital video production systems and methods
KR102167353B1 (ko) 화상 표시 장치, 화상 표시 방법, 및 저장 매체
US11243678B2 (en) Method of panning image
KR100828363B1 (ko) 의미기반 3차원 그래픽 사용자 인터페이스
US10489499B2 (en) Document editing system with design editing panel that mirrors updates to document under creation
CN107025038B (zh) 一种列表操作方法及装置
EP4075432A1 (en) Digital video production systems and methods
JPH0935083A (ja) アニメーション編集装置
JP2018072563A (ja) 画像表示装置、その制御方法、及びプログラム

Legal Events

Date Code Title Description
A201 Request for examination
E902 Notification of reason for refusal
E701 Decision to grant or registration of patent right
GRNT Written decision to grant