KR20120073362A - 커서 위치에 기초하는 콘텐츠 표시의 갱신 - Google Patents

커서 위치에 기초하는 콘텐츠 표시의 갱신 Download PDF

Info

Publication number
KR20120073362A
KR20120073362A KR1020127013346A KR20127013346A KR20120073362A KR 20120073362 A KR20120073362 A KR 20120073362A KR 1020127013346 A KR1020127013346 A KR 1020127013346A KR 20127013346 A KR20127013346 A KR 20127013346A KR 20120073362 A KR20120073362 A KR 20120073362A
Authority
KR
South Korea
Prior art keywords
display area
content
content item
cursor
item
Prior art date
Application number
KR1020127013346A
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 애플 인크.
Publication of KR20120073362A publication Critical patent/KR20120073362A/ko

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • 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
    • G06F15/00—Digital computers in general; Data processing equipment in general
    • G06F15/16—Combinations of two or more digital computers each having at least an arithmetic unit, a program unit and a register, e.g. for a simultaneous processing of several programs
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/50—Information retrieval; Database structures therefor; File system structures therefor of still image data
    • G06F16/51—Indexing; Data structures therefor; Storage structures
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/50—Information retrieval; Database structures therefor; File system structures therefor of still image data
    • G06F16/54—Browsing; Visualisation therefor
    • 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

Abstract

컴퓨터 구현 방법은 컴퓨터 시스템과 연관된 표시 장치 상에, 네트워크를 통해 상기 컴퓨터 시스템과 동작적으로 결합되는 원격 위치의 컨테이너에 대응하는 표시 영역을 표시하는 단계-상기 컨테이너는 적어도 2개의 콘텐츠 아이템을 포함함-; 상기 표시 영역을 적어도 2개의 부분으로 분할하는 단계-각각의 부분은 상기 적어도 2개의 아이템 중 하나에 대응함-; 및 상기 적어도 2개의 부분 중 제1 부분 내의 커서의 배치의 검출 시에, 상기 적어도 2개의 콘텐츠 아이템 중 제1 콘텐츠 아이템에 대한 요청을 상기 원격 위치로 전송하는 단계, 상기 제1 콘텐츠 아이템을 수신하는 단계, 및 상기 제1 콘텐츠 아이템을 상기 표시 영역에 표시하는 단계를 포함한다.

Description

커서 위치에 기초하는 콘텐츠 표시의 갱신{UPDATING CONTENT DISPLAY BASED ON CURSOR POSITION}
<관련 출원들의 상호참조>
본 출원은 2007년 8월 6일자로 출원된 "Updating Content Display Based on Cursor Position"이라는 제목의 미국 특허 출원 번호 11/834,589의 우선권의 이익을 주장하고, 이 출원의 전체 내용은 본 명세서에 참조에 의해 포함된다.
본 발명은 표시 장치 상에서의 콘텐츠의 아이템들, 예를 들어 디지털 이미지들의 보기에 관한 것이다.
디지털 카메라, 셀룰러 전화 등과 같은 장치들을 이용하여 찍은 사진들은 그러한 장치들로부터 저장 장치들로 파일들로서 개별적으로 또는 다수의 파일을 포함하는 폴더들로서 집합적으로 전송될 수 있다. 저장 장치들은, 예를 들어 컴퓨터의 하드 디스크와 같이 그러한 장치들에 동작적으로 결합되거나, 그러한 장치들이 인터넷과 같은 네트워크를 통해 동작적으로 결합될 수 있는 원격 위치들일 수 있다.
(캘리포니아, 쿠퍼티노의 애플사에 의해 제조되는) iPhoto와 같은 소프트웨어 애플리케이션들은 카메라로부터 얻은 디지털 사진들 또는 디지털 포맷의 임의의 다른 전자 이미지를 배열, 표시 및 편집하는 데 사용될 수 있다. 그러한 소프트웨어 애플리케이션들은 큰 사진 저장소를 소유하고 있는 사용자에게 사진들을 체계화하고, 보고, 편집할 수 있는 능력들을 제공한다. 사용자들은 사진들을 앨범들로 체계화하고, 앨범들을 보기 위한 슬라이드 쇼들을 생성할 수 있다. 소프트웨어 제조자들은 소프트웨어에 특징들을 정기적으로 추가하며, 따라서 장치에서 컴퓨터로의 사전 전송 및 사진들의 배열 및 표시를 포함하는 빈번한 동작들이 일반 사용자에 의해서도 비교적 쉽게 수행될 수 있다.
일례에서, 표시 장치 상에 표시 영역이 표시될 수 있다. 표시 영역은 다수의 콘텐츠 아이템, 예를 들어 디지털 이미지들을 포함하는 컨테이너를 나타낼 수 있으며, 콘텐츠 아이템들은 인터넷과 같은 네트워크를 통해 표시 장치에 동작적으로 결합되는 원격 위치에 저장된다. 표시 영역은 부분들로 분할될 수 있으며, 하나의 부분은 컨테이너 내의 하나 이상의 콘텐츠 아이템에 대응할 수 있고, 따라서 사용자가 부분 위에 커서를 위치시킬 때, 그 부분에 대응하는 컨테이너 내의 아이템들 중 하나가 표시 영역에 표시될 수 있다. 사용자가 커서를 표시 영역 내의 새로운 부분으로 이동하는 경우, 표시 영역은 새로운 부분에 대응하는 컨테이너 내의 아이템들 중 하나를 표시하도록 갱신될 수 있다. 이와 같이, 표시 영역 위에서 커서를 이동함으로써 컨테이너를 나타내는 표시 영역에 컨테이너 내의 하나 이상의 콘텐츠 아이템을 표시할 수 있다. 영역 위에서 커서를 이동하여 영역에 이미지들을 표시하는 효과는 표시 영역에 적용될 수 있는 여러 애니메이션 효과들 중 하나일 수 있다.
일 양태에서, 컴퓨터 구현 방법이 설명된다. 이 방법은, 컴퓨터 시스템과 연관된 표시 장치 상에, 네트워크를 통해 상기 컴퓨터 시스템에 동작적으로 결합되는 원격 위치의 컨테이너에 대응하는 표시 영역을 표시하는 단계 - 상기 컨테이너는 적어도 2개의 콘텐츠 아이템을 포함함 -; 상기 표시 영역을 적어도 2개의 부분으로 분할하는 단계 - 각각의 부분은 상기 적어도 2개의 콘텐츠 아이템 중 하나에 대응함 -; 상기 적어도 2개의 부분 중 제1 부분 내의 커서의 배치의 검출시에, 상기 적어도 2개의 콘텐츠 아이템 중 제1 콘텐츠 아이템에 대한 요청을 상기 원격 위치로 전송하는 단계; 상기 제1 콘텐츠 아이템을 수신하는 단계; 및 상기 제1 콘텐츠 아이템을 상기 표시 영역에 표시하는 단계를 포함한다.
이 양태 및 다른 양태는 다음 특징들 중 하나 이상을 포함할 수 있다. 콘텐츠 아이템들은 디지털 이미지들일 수 있다. 적어도 2개의 콘텐츠 아이템은 컨테이너 내에 시퀀스 내에 저장될 수 있으며, 그 시퀀스는 콘텐츠 아이템들이 캡처된 순서를 나타낼 수 있다. 표시 영역에서 좌에서 우로의 위치들의 진행은 시퀀스의 시작에서 시퀀스의 끝까지의 시퀀스 내의 콘텐츠 아이템들의 순서에 대응할 수 있다. 상기 방법은 상기 원격 위치로부터 적어도 2개의 식별자를 수신하는 단계를 포함할 수 있으며, 각각의 식별자는 상기 적어도 2개의 콘텐츠 아이템 중 하나의 콘텐츠 아이템에 대응한다. 상기 방법은 상기 제1 부분 내의 커서의 배치의 검출시에, 상기 제1 부분에 대응하는 제1 콘텐츠 아이템을 식별하는 단계; 상기 제1 콘텐츠 아이템에 대응하는 식별자에 대응하는 콘텐츠 아이템에 대한 요청을 상기 원격 위치로 전송하는 단계; 상기 원격 위치로부터 상기 식별자에 대응하는 콘텐츠 아이템을 수신하는 단계; 및 상기 수신된 콘텐츠 아이템을 상기 표시 장치 상에 표시하는 단계를 포함할 수 있다. 상기 방법은 상기 제1 부분 내의 위치에서 상기 적어도 2개의 부분 중 제2 부분 내의 위치로의 상기 커서의 배치의 검출시에, 제2 콘텐츠 아이템에 대한 요청을 상기 원격 위치로 전송하는 단계; 상기 원격 위치로부터 상기 제2 콘텐츠 아이템을 수신하는 단계; 및 상기 수신된 제2 콘텐츠 아이템을 상기 표시 장치 상에 표시하는 단계를 더 포함할 수 있다. 상기 방법은 상기 표시 영역 밖의 상기 커서의 배치의 검출시에 상기 적어도 2개의 콘텐츠 아이템 중 디폴트 아이템을 상기 표시 영역에 표시하는 단계를 더 포함할 수 있다. 디폴트 아이템은 사용자 입력에 기초하여 결정될 수 있다. 상기 방법은 컨테이너 내의 콘텐츠 아이템들의 수가 임계치를 초과할 때, 콘텐츠 아이템들의 적어도 2개의 그룹을 형성하는 단계 - 하나의 그룹은 상기 컨테이너 내의 적어도 2개의, 그러나 모든 콘텐츠 아이템보다는 적은 콘텐츠 아이템을 포함함 -; 상기 표시 영역을 그룹 부분들로 분할하는 단계 - 각각의 그룹 부분은 상기 그룹들 중 하나에 대응함 -; 그룹 내의 하나의 콘텐츠 아이템을 그 그룹에 대한 대표 아이템으로서 지정하는 단계; 제1 그룹 부분 내의 커서의 배치의 검출시에, 상기 제1 그룹에 대응하는, 상기 제1 그룹의 대표 아이템에 대한 요청을 상기 원격 위치로 전송하는 단계; 상기 대표 아이템을 수신하는 단계; 및 상기 대표 아이템을 상기 표시 영역에 표시하는 단계를 더 포함할 수 있다.
다른 양태에서, 하나 이상의 기계가 동작들을 수행하는 것을 가능하게 하는 명령어들을 보유하는 매체가 설명된다. 이러한 동작들은 컴퓨터 시스템과 연관된 표시 장치 상에, 네트워크를 통해 상기 컴퓨터 시스템에 동작적으로 결합되는 원격 위치의 컨테이너에 대응하는 표시 영역을 표시하는 단계 - 상기 컨테이너는 적어도 2개의 콘텐츠 아이템을 포함함 -; 상기 표시 영역을 적어도 2개의 부분으로 분할하는 단계 - 각각의 부분은 상기 적어도 2개의 콘텐츠 아이템 중 하나에 대응함 -; 상기 적어도 2개의 부분 중 제1 부분 내의 커서의 배치의 검출시에, 상기 적어도 2개의 콘텐츠 아이템 중 제1 콘텐츠 아이템에 대한 요청을 상기 원격 위치로 전송하는 단계; 상기 제1 콘텐츠 아이템을 수신하는 단계; 및 상기 제1 콘텐츠 아이템을 상기 표시 영역에 표시하는 단계를 포함한다.
이 양태 및 다른 양태는 다음 특징들 중 하나 이상을 포함할 수 있다. 콘텐츠 아이템들은 디지털 이미지들일 수 있다. 적어도 2개의 콘텐츠 아이템은 컨테이너 내에 시퀀스 내에 저장될 수 있으며, 그 시퀀스는 콘텐츠 아이템들이 캡처된 순서를 나타낼 수 있다. 표시 영역에서 좌에서 우로의 위치들의 진행은 시퀀스의 시작에서 시퀀스의 끝까지의 시퀀스 내의 콘텐츠 아이템들의 순서에 대응할 수 있다. 상기 동작들은 상기 원격 위치로부터 적어도 2개의 식별자를 수신하는 단계를 포함할 수 있으며, 각각의 식별자는 상기 적어도 2개의 콘텐츠 아이템 중 하나의 콘텐츠 아이템에 대응한다. 상기 동작들은 상기 제1 부분 내의 커서의 배치의 검출시에, 상기 제1 부분에 대응하는 제1 콘텐츠 아이템을 식별하는 단계; 상기 제1 콘텐츠 아이템에 대응하는 식별자에 대응하는 콘텐츠 아이템에 대한 요청을 상기 원격 위치로 전송하는 단계; 상기 원격 위치로부터 상기 식별자에 대응하는 콘텐츠 아이템을 수신하는 단계; 및 상기 수신된 콘텐츠 아이템을 상기 표시 장치 상에 표시하는 단계를 포함할 수 있다. 상기 동작들은 상기 제1 부분 내의 위치에서 상기 적어도 2개의 부분 중 제2 부분 내의 위치로의 상기 커서의 배치의 검출시에, 제2 콘텐츠 아이템에 대한 요청을 상기 원격 위치로 전송하는 단계; 상기 원격 위치로부터 상기 제2 콘텐츠 아이템을 수신하는 단계; 및 상기 수신된 제2 콘텐츠 아이템을 상기 표시 장치 상에 표시하는 단계를 더 포함할 수 있다. 상기 동작들은 상기 표시 영역 밖의 상기 커서의 배치의 검출시에 상기 적어도 2개의 콘텐츠 아이템 중 디폴트 아이템을 상기 표시 영역에 표시하는 단계를 더 포함할 수 있다. 디폴트 아이템은 사용자 입력에 기초하여 결정될 수 있다. 상기 동작들은 컨테이너 내의 콘텐츠 아이템들의 수가 임계치를 초과할 때, 콘텐츠 아이템들의 적어도 2개의 그룹을 형성하는 단계 - 하나의 그룹은 상기 컨테이너 내의 적어도 2개의, 그러나 모든 콘텐츠 아이템보다는 적은 콘텐츠 아이템을 포함함 -; 상기 표시 영역을 그룹 부분들로 분할하는 단계 - 각각의 그룹 부분은 상기 그룹들 중 하나에 대응함 -; 그룹 내의 하나의 콘텐츠 아이템을 그 그룹에 대한 대표 아이템으로서 지정하는 단계; 제1 그룹 부분 내의 커서의 배치의 검출시에, 상기 제1 그룹에 대응하는, 상기 제1 그룹의 대표 아이템에 대한 요청을 상기 원격 위치로 전송하는 단계; 상기 대표 아이템을 수신하는 단계; 및 상기 대표 아이템을 상기 표시 영역에 표시하는 단계를 더 포함할 수 있다.
또 다른 양태에서, 컴퓨터 구현 방법이 설명된다. 이 방법은 표시 장치 상에 사용자 인터페이스를 표시하는 단계; 상기 사용자 인터페이스 내에 적어도 2개의 콘텐츠 아이템을 포함하는 컨테이너를 나타내는 표시 영역을 표시하는 단계; 사용자가 상기 컨테이너에 콘텐츠 아이템들을 추가하는 것을 가능하게 하는 단계; 상기 표시 영역의 제1 부분 위에 커서가 배치되는 것을 검출하는 것에 응답하여, 상기 적어도 2개의 콘텐츠 아이템 중 제1 콘텐츠 아이템이 상기 표시 영역에 표시되게 하기 위한 애니메이션을 적용하는 단계; 및 상기 커서가 상기 표시 영역의 제2 부분 위에 배치되는 것을 검출하는 것에 응답하여, 상기 적어도 2개의 콘텐츠 아이템 중 제2 콘텐츠 아이템이 상기 표시 영역에 표시되게 하기 위한 애니메이션을 적용하는 단계를 포함한다.
이 양태 및 다른 양태는 다음의 특징들 중 하나 이상을 포함할 수 있다. 상기 방법은 상기 표시 영역의 선택의 검출시에 애니메이션들의 메뉴를 포함하는 객체를 표시하는 단계; 사용자가 상기 애니메이션들의 메뉴로부터 새로운 애니메이션을 선택하는 것을 가능하게 하는 단계; 및 상기 새로운 애니메이션을 상기 표시 영역에 적용하는 단계를 포함할 수 있다. 상기 표시 영역의 선택은 상기 커서를 상기 표시 영역 위에 배치하는 단계; 및 상기 커서를 제어하도록 구성되는 포인팅 장치를 선택하는 단계를 포함할 수 있다. 상기 선택은 상기 포인팅 장치를 클릭하는 단계를 포함할 수 있다. 상기 애니메이션들의 메뉴는 디졸브(dissolve), 랜덤(random), 리빌(reveal) 및 페이드 스루 블랙(fade through black) 중 하나 이상을 포함할 수 있다. 상기 애니메이션들의 메뉴로부터 옵션을 선택하는 것은 어떠한 애니메이션도 상기 표시 영역에 적용되지 않게 한다. 상기 새로운 애니메이션은 상기 애니메이션들의 메뉴 내에 클릭 가능 버튼으로서 표시될 수 있다.
또 다른 양태에서, 하나 이상의 기계가 동작들을 수행하는 것을 가능하게 하는 명령어들을 보유하는 매체가 설명된다. 이러한 동작들은 표시 장치 상에 사용자 인터페이스를 표시하는 단계; 상기 사용자 인터페이스 내에 적어도 2개의 콘텐츠 아이템을 포함하는 컨테이너를 나타내는 표시 영역을 표시하는 단계; 사용자가 상기 컨테이너에 콘텐츠 아이템들을 추가하는 것을 가능하게 하는 단계; 상기 표시 영역의 제1 부분 위에 커서가 배치되는 것을 검출하는 것에 응답하여, 상기 적어도 2개의 콘텐츠 아이템 중 제1 콘텐츠 아이템이 상기 표시 영역에 표시되게 하기 위한 애니메이션을 적용하는 단계; 및 상기 커서가 상기 표시 영역의 제2 부분 위에 배치되는 것을 검출하는 것에 응답하여, 상기 적어도 2개의 콘텐츠 아이템 중 제2 콘텐츠 아이템이 상기 표시 영역에 표시되게 하기 위한 애니메이션을 적용하는 단계를 포함한다.
이 양태 및 다른 양태는 다음의 특징들 중 하나 이상을 포함할 수 있다. 상기 동작들은 상기 표시 영역의 선택의 검출시에 애니메이션들의 메뉴를 포함하는 객체를 표시하는 단계; 사용자가 상기 애니메이션들의 메뉴로부터 새로운 애니메이션을 선택하는 것을 가능하게 하는 단계; 및 상기 새로운 애니메이션을 상기 표시 영역에 적용하는 단계를 포함할 수 있다. 상기 표시 영역의 선택은 상기 커서를 상기 표시 영역 위에 배치하는 단계; 및 상기 커서를 제어하도록 구성되는 포인팅 장치를 선택하는 단계를 포함할 수 있다. 상기 선택은 상기 포인팅 장치를 클릭하는 단계를 포함할 수 있다. 상기 애니메이션들의 메뉴는 디졸브, 랜덤, 리빌 및 페이드 스루 블랙 중 하나 이상을 포함할 수 있다. 상기 애니메이션들의 메뉴로부터 옵션을 선택하는 것은 어떠한 애니메이션도 상기 표시 영역에 적용되지 않게 한다. 상기 새로운 애니메이션은 상기 애니메이션들의 메뉴 내에 클릭 가능 버튼으로서 표시될 수 있다.
여기에 설명되는 시스템들 및 기술들은 다음의 이익들 중 하나 이상을 제공할 수 있다. 표시 장치 상에서 컨테이너를 나타내는 표시 영역에 걸쳐 커서를 이동함으로써 컨테이너의 콘텐츠들을 볼 수 있는 능력이 사용자 경험을 증진시킬 수 있다. 아이템을 지시하는 식별자를, 아이템을 포함하는 컨테이너를 나타내는 표시 영역이 표시되는 수신 장치로 전송하는 것은 아이템의 식별 및 식별된 아이템의 수신 장치로의 전송을 간략화할 수 있다. 사용자가 콘텐츠를 포함하는 컨테이너를 나타내는 표시 영역에 애니메이션들을 적용할 수 있게 하는 것은 사용자 경험을 증진시킬 수 있다. 사용자가 컨테이너 내의 콘텐츠의 일람(summary view)을 볼 수 있게 함으로써, 사용자는 앨범의 콘텐츠에 액세스할지의 여부를 결정할 수 있다. 이것은 대역폭, 시간을 절약하고, 서버 부하를 줄인다. 또한, 콘텐츠의 작은 서브세트만을 사용자에게 반환함으로써, 사용자가 전체 콘텐츠를 보기 위해 앨범에 액세스하지 않는 경우에 특히 서버 부하를 더 줄일 수 있다.
하나 이상의 구현들의 상세들이 첨부 도면들 및 아래의 설명에서 제공된다. 다른 특징들 및 이익들은 설명, 도면들 및 청구항들로부터 명백할 것이다.
도 1은 네트워크를 통해 콘텐츠를 전송하고 보기 위한 시스템의 일례의 개략도이다.
도 2는 콘텐츠의 아이템들을 포함하는 컨테이너들을 나타내는 표시 영역들을 표시하기 위한 사용자 인터페이스의 일례의 개략도이다.
도 3A-3D는 표시 영역 상의 커서의 위치들에 대응하는 아이템들을 표시하는 표시 영역의 개략도이다.
도 4는 콘텐츠 아이템들을 표시하는 표시 영역의 좌표 시스템의 개략도이다.
도 5는 발행 엔진을 포함하는 시스템의 일례의 개략도이다.
도 6은 표시 장치 상에 원격 위치의 콘텐츠를 표시하기 위한 프로세스의 일례의 흐름도이다.
도 7은 애니메이션들을 생성하여 표시 영역들에 적용하기 위한 사용자 인터페이스의 일례의 개략도이다.
도 8은 사용자 인터페이스를 생성하고, 사용자 인터페이스 내의 표시 영역에 애니메이션을 적용하기 위한 프로세스의 일례의 흐름도이다.
다양한 도면들에서 동일한 참조 부호들은 동일한 요소들을 지시한다.
도 1은, 사용자가 원격 위치에 저장하기 위해 콘텐츠 아이템들을 전송하고, 보기 위한 용도로 원격 위치로부터 콘텐츠를 요청하는 것을 가능하게 하는 시스템(100)의 일례의 개략도이다. 시스템(100)은 송신 장치(110)를 포함하는 하나 이상의 장치로부터 콘텐츠 아이템들을 수신하고 수신된 아이템들을 저장하도록 구성되는 발행 엔진(a publishing engine(PE); 105)을 포함할 수 있다. 송신 장치(110)는 인터넷과 같은 네트워크(115)를 통해 PE(105)에 동작적으로 결합되는 사실상 모든 컴퓨터 시스템, 예를 들어 데스크탑 컴퓨터, 랩탑 컴퓨터, 개인용 휴대 단말기(PDA) 등일 수 있다. 사용자는 콘텐츠의 아이템들, 예를 들어 디지털 이미지, 디지털 비디오, 오디오, 문서 등을 캡처하고, 캡처된 아이템들을 송신 장치(110)로 전송할 수 있다. 일부 구현들에서, 시스템(100)은 이동 장치(120), 예를 들어 셀룰러 전화, 디지털 카메라, 디지털 캠코더 등을 포함할 수 있으며, 사용자는 이들을 이용하여 아이템들을 캡처할 수 있다. 이동 장치(120)는 캡처된 아이템들이 전송될 수 있는 송신 장치(110)에 동작적으로 결합될 수 있다. 대안으로 또는 추가로, 이동 장치(120)는 네트워크(115)를 통해 PE(105)에 동작적으로 결합되어, 캡처된 아이템들을 PE(105)로 전송할 수 있다. 사용자는 송신 장치(110)에 동작적으로 결합되는 표시 장치(125) 상에서 PE(105)로 전송되는 아이템들을 볼 수 있다.
일부 구현들에서, 시스템(100)은 수신 장치(130)를 포함할 수 있으며, 사용자는 이 장치를 이용하여 PE(105)에 대해 저장된 콘텐츠 아이템들을 요청할 수 있다. 수신 장치는 인터넷과 같은 네트워크(115)를 통해 PE(105)에 동작적으로 결합되는 사실상 모든 컴퓨터 시스템, 예를 들어 데스크탑 컴퓨터, 랩탑 컴퓨터, PDA 등일 수 있다. 수신 장치(130)는 네트워크(115)를 통해 PE(105)로부터 수신되는 콘텐츠가 표시될 수 있는 표시 장치(135)에 동작적으로 결합될 수 있다. 예를 들어, 네트워크(115)를 통해 PE(105)로부터 수신되는 콘텐츠는 표시 장치(135) 상의 사용자 인터페이스 내에 표시될 수 있다. 포인팅 장치들(140, 145)이 송신 장치(110) 및 수신 장치(130)에 각각 동작적으로 결합되어, 각각의 장치 상에서 커서를 조작할 수 있다. 송신 장치(110) 및 수신 장치(130)는 유선 또는 무선 인터페이스들을 통해 PE(105)에 동작적으로 결합될 수 있다.
일부 구현들에서, 콘텐츠 아이템들은 컴퓨터 시스템과 같은 송신 장치(110)로부터 PE(105)로 전송되는 디지털 이미지들을 나타낼 수 있다. 이미지들은 PE(105) 상에 앨범들과 같은 하나 이상의 컨테이너 내에, 예를 들어 이미지들이 캡처된 시퀀스와 같은 시퀀스 내에 저장될 수 있다. 이미지들을 보기 위한 요청이 수신 장치(130), 예를 들어 컴퓨터 시스템으로부터 네트워크(115), 예를 들어 인터넷을 통해 수신될 때, 수신 장치(130)에 동작적으로 결합되는 표시 장치(135) 내에 하나 이상의 컨테이너가 표시 영역으로서 표시될 수 있다. 예를 들어, PE(105)는 컨테이너 내의 각각의 콘텐츠 아이템, 각각의 컨테이너 및 컨테이너들의 그룹에 대응하는 식별자들, 예컨대 유니폼 리소스 로케이터(URL)들을 생성하고, 생성된 식별자들을 수신 장치(130)에 제공할 수 있다. 사용자가 컨테이너들의 그룹에 대한 식별자에 액세스할 때, 컨테이너들의 그룹은 PE(105)로부터 검색되어, 행들로 배열되는 표시 영역들의 그룹으로서 표시 장치(135) 상에 표시될 수 있다. 사용자는 포인팅 장치(145)를 이용하여, 컨테이너들의 그룹을 네비게이트하여, 각각의 이미지에 액세스할 수 있다. 예를 들어, 사용자는 포인팅 장치(145)를 이용하여 컨테이너를 나타내는 표시 영역을 선택할 수 있으며, 이는 선택된 표시 영역과 연관된 식별자가 선택되게 하고, 선택된 표시 영역에 대응하는 컨테이너 내의 콘텐츠 아이템들에 대한 요청이 PE(105)로 전송되게 할 수 있다. 이에 응답하여, PE(105)는 선택된 컨테이너 내의 콘텐츠 아이템들을 전송할 수 있으며, 이어서 이들 콘텐츠는 표시 영역들의 행들로서 표시 장치(135) 상에 표시될 수 있다.
사용자가 수신 장치(130)에 동작적으로 결합되는 포인팅 장치(145)에 의해 조작되는 커서를, 다수의 디지털 이미지를 포함하는 컨테이너를 나타내는 표시 영역의 일부 위에 배치할 때, 표시 영역에 의해 표현되는 컨테이너 내의 디지털 이미지가 표시 장치 상의 영역 내에 표시될 수 있다. 예를 들어, 표시 영역은 직사각 형상일 수 있으며, 이미지는 직사각형이 차지하는 영역 내에 표시될 수 있다. 이어서, 커서의 위치가 표시 영역 위의 새로운 위치로 변경될 때, 컨테이너 내의 새로운 이미지가 영역 내에 표시될 수 있다. 이와 같이, 커서가 표시 영역 위에서 이동함에 따라, 표시 영역에 표시되는 이미지가 갱신될 수 있다. 좌에서 우로의 표시 영역의 부분들의 진행은 시퀀스의 시작에서 시퀀스의 끝까지의 시퀀스 내의 이미지들의 순서에 대응할 수 있다. 예를 들어, 커서가 표시 영역의 좌측 에지 근처의 부분 위에 위치될 때, 시퀀스의 시작 근처에 저장된 대응하는 컨테이너 내의 이미지가 영역 내에 표시될 수 있다. 커서가 표시 영역의 우측 에지 근처의 새로운 부분으로 이동될 때, 시퀀스의 끝 근처에 저장된 대응하는 컨테이너 내의 이미지가 영역 내에 표시될 수 있다.
도 2는 표시 영역들(205, 210, 215, 220, 225, 230, 235, 240, 245, 250, 255)이 표시되는 사용자 인터페이스(200)를 포함하는 표시 장치(135)의 개략도를 나타내며, 각각의 표시 영역은 PE(105)에 저장된 하나 이상의 디지털 이미지를 포함하는 컨테이너에 대응한다. 표시 장치(135)는 표시 장치(135)가 결합되는 수신 장치(130)에 동작적으로 결합되는 포인팅 장치(145), 예를 들어 마우스에 의해 제어될 수 있는 커서(260)를 포함한다. 일부 구현들에서, 사용자 인터페이스(200)는 사용자가 PE(105) 내의 컨테이너들의 위치를 지시하는 URL을 입력할 수 있는 웹 브라우저, 예를 들어 Safari일 수 있다. 대안으로, 사용자 인터페이스(200)는 웹 브라우저와 별개일 수 있으며, 사용자가 웹 브라우저에 컨테이너들의 위치를 지시하는 URL을 입력할 때 표시 장치(135) 상에 표시될 수 있다. 수신 장치(130)는 컨테이너들에 대한 요청을 PE(105)로 전송할 수 있다. 이에 응답하여, PE(105)는 사용자 인터페이스(200)가 행들로 배열되는 모든 컨테이너를 표시하게 하고, 각각의 컨테이너에 대한 식별자들을 생성하며, 생성된 식별자들을 수신 장치(130)로 전송할 수 있다. 사용자 인터페이스(200)는 행들로 배열되는 모든 컨테이너를 표시할 수 있으며, 각각의 컨테이너는 대응하는 표시 영역, 예를 들어 표시 영역(205), 표시 영역(210) 등에 의해 표현될 수 있다. 사용자는 컨테이너에 대응하는 표시 영역 위에 커서(260)를 배치하고, 예를 들어 마우스를 클릭하여 표시 영역을 선택함으로써 컨테이너 내의 이미지들에 액세스할 수 있다. 이에 응답하여, 수신 장치(130)는 표시를 위해 컨테이너 내의 이미지들을 전송하도록 PE(105)에 대해 요청을 전송할 수 있다. 예를 들어, 사용자가 포인팅 장치(145)를 이용하여 컨테이너를 나타내는 표시 영역을 선택할 때, 수신 장치(130)는 선택된 표시 영역에 대응하는 식별자를 PE(105)로 전송할 수 있다. PE(105)는 수신된 식별자에서 콘텐츠를 검색하고, 사용자 인터페이스(200)가 행들로 배열되는 표시 영역들로서 선택된 컨테이너 내의 이미지들을 표시하게 하며, 컨테이너 내의 각각의 이미지를 지시하는 식별자들을 생성하고, 식별자들을 사용자 인터페이스(200)로 전송할 수 있다. 사용자 인터페이스(200)는 행들로 배열되는 이미지들을 표시할 수 있으며, 각각의 이미지는 대응하는 표시 영역에 의해 표현될 수 있다. 사용자가 예를 들어 이미지 위에 커서(260)를 배치하고 이미지를 선택함으로써 사용자 인터페이스(200) 내의 이미지들 중 하나를 선택할 때, 수신 장치(130)는 선택된 이미지의 식별자에 대응하는 이미지를 표시하도록 PE(105)에 대해 요청을 전송할 수 있다. PE(105)는 사용자 인터페이스(200)가 선택된 이미지를 표시하게 할 수 있다.
도 3A-3D는 적어도 4개의 이미지를 포함하는 컨테이너를 나타내는 표시 영역(205)의 개략도들의 예들을 나타낸다. PE(105)는 수신 장치(130)에 동작적으로 결합되는 표시 장치(135) 상에 사용자 인터페이스(200) 내에 표시 영역(205)을 표시할 수 있다. 수신 장치(130)에 동작적으로 결합되는 포인팅 장치(145)에 의해 제어될 수 있는 커서(300)가 표시 장치(135) 상에 표시될 수 있다. PE(105)는 표시 영역(205)을 부분들로 분할하도록 구성될 수 있으며, 각각의 부분은 컨테이너 내의 적어도 하나의 이미지에 대응할 수 있다. 커서가 부분 내의 임의의 위치에 위치할 때, 그 부분에 대응하는 이미지들 중 하나가 표시 영역(205)에 의해 점유되는 영역 내에 표시될 수 있다. 예를 들어, 도 3A-3D에서, 표시 영역(205)에 의해 점유되는 영역은 4개의 부분(1-4)으로 분할될 수 있으며, 부분들 1, 2, 3 및 4는 각각 이미지들 1, 2, 3 및 4에 대응한다. 커서(300; 도 3A)가 부분 1 내에 배치될 때, 사용자 인터페이스(200)는 표시 영역(205) 내에 이미지 1을 표시하도록 구성될 수 있다. 유사하게, 커서(305; 도 3B), 커서(310; 도 3C) 또는 커서(315; 도 3D)가 부분 2, 부분 3 또는 부분 4 내에 배치되는 경우, 사용자 인터페이스(200)는 표시 영역(205) 내에 이미지 2, 이미지 3 또는 이미지 4를 각각 표시하도록 구성될 수 있다. 일부 구현들에서, PE(105)는 표시 영역(205)을, 표시 장치(135) 상에 사용자 인터페이스(200) 내에 표시될 때 표시 영역(205)에 의해 점유되는 픽셀들의 개수에 기초하는 개수의 부분들로 분할할 수 있다.
컨테이너 내에 저장될 수 있는 이미지들의 수는 이용 가능한 저장 공간에 의해서만 제한된다. 이미지들을 포함하는 표시 영역이 분할될 수 있는 부분들의 개수는 커서에 의해 점유되는 공간을 포함하는 인자들에 의존할 수 있다. 예를 들어, 표시 영역에 의해 점유되는 픽셀들의 수가 10개이고, 컨테이너 내의 이미지들의 수가 10개이며, 커서에 의해 점유되는 픽셀들의 수가 1개인 경우, 표시 영역은 10개 부분으로 분할될 수 있으며, 각각의 부분은 하나의 이미지에 대응하고, 표시 영역을 가로질러 좌에서 우로 1 픽셀의 거리만큼 커서를 이동하는 것은 컨테이너 내의 각각의 이미지가 표시 영역 내에 표시되게 할 수 있다. 위의 예에서, 컨테이너 내의 이미지들의 수가 5개이고, 표시 영역이 5개 부분으로 분할되는 경우, 표시 영역 상의 2 픽셀의 수평 거리는 컨테이너 내의 하나의 이미지에 대응할 수 있다. 결과적으로, 커서가 부분 내의 2개의 픽셀 중 어느 픽셀에 위치하더라도, 표시 영역에는 동일 이미지가 표시된다.
위의 예에서, 컨테이너 내의 이미지들의 수가 100개인 경우, 표시 영역은 표시 영역 상의 각각의 픽셀이 10개의 이미지에 대응하게 하는 개수의 부분들로 분할될 수 있다. 표시 영역에 의해 그리고 커서에 의해 점유되는 공간으로 인해, 커서가 표시 영역 상의 연속 위치들에 위치하는 경우에는 컨테이너 내의 모든 이미지가 표시 영역 내에 표시되지 못할 수도 있다. 그러한 구현들에서는, 이미지들의 그룹들, 예를 들어 그룹들 1-10이 형성될 수 있으며, 하나의 그룹은 10개의 이미지를 포함할 수 있다. 또한, 표시 영역은 10개의 부분으로 분할될 수 있으며, 각각의 부분은 하나의 그룹에 대응하고, 커서가 그룹에 대응하는 부분에 위치할 때, 그룹 내의 이미지들 중 하나가 표시 영역에 의해 점유되는 영역 내에 표시될 수 있으며, 표시되는 이미지는 자동으로, 예를 들어 그룹 내의 첫 번째 이미지, 그룹 내의 자주 액세스되는 이미지가 선택되거나, 또는 사용자 입력에 기초하여 선택될 수 있다.
일부 구현들에서, 컨테이너 내의 이미지들의 수가 임계치를 초과하는 경우, 컨테이너 내의 이미지들은 그룹화될 수 있다. 임계치, 그룹 내의 이미지들의 수 및 그룹들의 수는 표시 장치에 표시되는 사용자 인터페이스 내의 표시 영역에 의해 점유되는 픽셀들의 수, 표시 장치 내의 커서에 의해 점유되는 픽셀들의 수, 표시 장치의 표시 설정들 등을 포함하는 인자들에 기초하여 결정될 수 있다. 각각의 그룹 내의 이미지들의 수는 서로 동일하거나, 하나의 그룹은 다른 그룹에 비해 상이한 수의 이미지를 가질 수 있다.
도 4는 다수의 영역으로 분할된 표시 영역(205)의 개략도이다. 일부 구현들에서, 표시 영역(205)은 직사각형일 수 있다. 표시 영역(205)에 XY 좌표 시스템이 할당될 수 있으며, 표시 영역(205)의 좌측 에지에서 표시 영역(205)의 우측 에지로의 방향은 양의 X 방향에 대응하고, 표시 영역(205)의 상부 에지에서 표시 영역(205)의 하부 에지로의 방향은 양의 Y 방향에 대응할 수 있다. 대안으로, 양의 X 방향 및 양의 Y 방향은 표시 영역(205)의 임의 에지에서 대응 평행 에지로 시작하도록 선택될 수 있다. X축 및 Y축의 원점은 표시 영역(205)의 좌상 코너에 위치할 수 있다. 표시 영역(205)에 의해 점유되는 공간은 표시 장치(135) 상의 픽셀들에 기초하여 측정될 수 있다. 도 4에서, 표시 영역(205)은 m개의 픽셀(0 내지 m-1)을 점유한다. 표시 영역(205)에 의해 표현되는 컨테이너 내의 이미지들의 수에 기초하여, PE(105)는 표시 영역(205)을 N개의 부분으로 분할할 수 있으며, 따라서 각각의 부분에 의해 점유되는 픽셀들의 수는 [(m-1)/N]이다. 일부 구현들에서, N은 이미지들의 수와 동일할 수 있다. 따라서, 표시 영역(205)에 의해 표현되는 컨테이너 내의 각각의 이미지는 [(m-1)/N]개의 픽셀에 대응할 수 있으며, 따라서 커서(260)가 이미지에 대응하는 부분 내에 위치할 때, 사용자 인터페이스(200)는 표시 영역(205) 내에 이미지를 표시하도록 구성될 수 있다. 다른 구현들에서, PE(105)는 컨테이너 내의 이미지들을 그룹화하여, N개의 그룹을 형성할 수 있으며, 각각의 그룹은 동일하거나 상이한 수의 이미지를 가질 수 있다. 커서(260)가 이미지 그룹에 대응하는 부분 내에 위치할 때, 사용자 인터페이스(200)는 그룹 내의 이미지들 중 하나를 표시 영역(205) 내에 표시할 수 있다. 사용자가 커서를 새로운 부분 위의 위치로 이동할 때, 새로운 그룹에 대응하는 그룹으로부터의 이미지가 표시 영역(205) 내에 표시될 수 있다. 일부 구현들에서, 컨테이너 내의 이미지들의 수는 표시 영역(205)에 의해 점유되는 픽셀들의 수에 비해 적을 수 있다. 그러한 구현들에서, 사용자가 커서를 동일 부분 내의 상이한 위치들로 이동할 때, 사용자 인터페이스(200)는 표시 영역(205)에 의해 점유되는 영역 내에 동일 이미지를 계속 표시할 수 있다. 또한, 사용자가 커서를 제1 부분 내의 위치에서 제2 부분 내의 위치로 이동할 때, 사용자 인터페이스(200)는 커서의 위치의 변화를 인식하고, 커서가 위치하는 새로운 부분에 대응하는 이미지를 표시하도록 구성될 수 있다.
도 5는 사용자가 수신 장치(130)에 동작적으로 결합된 표시 장치(135) 상에서 PE(105)에 저장된 이미지들을 보는 것을 가능하게 하기 위한 PE(105)를 포함하는 시스템(100)의 개략도이다. 일부 구현들에서, PE(105)는 네트워크(115)를 통해 수신 장치(130), 이동 장치(120) 또는 이들 양자로부터 수신되는 콘텐츠 아이템들, 예컨대 디지털 이미지, 디지털 비디오, 오디오, 문서 등이 저장될 수 있는 콘텐츠 저장소(505)를 포함할 수 있다. 예를 들어, PE(105)는 사용자가 PE(105) 상에 계정을 만드는 것을 가능하게 할 수 있고, 이에 응답하여 사용자는 콘텐츠 저장소(505) 내에 공간을 할당받을 수 있다. 사용자는 웹페이지와 같은 인터페이스를 통해 콘텐츠 아이템들을 콘텐츠 저장소(505) 내의 할당받은 공간에 업로드할 수 있다. PE(105)는 업로드된 아이템들을 콘텐츠 저장소(505)에 저장할 수 있다. 일부 구현들에서, PE(105)는 예를 들어 수신 장치로부터 수신되는 이미지의 크기를 줄이기 위하여 콘텐츠 저장소(505)에 저장된 콘텐츠를 처리하도록 구성될 수 있는 콘텐츠 프로세서(510)를 포함할 수 있다. 디지털 이미지를 캡처하는 장치들의 성능에 따라, 이미지에 의해 점유되는 공간(예를 들어, 바이트 단위)은 수 메가바이트 정도일 수 있다. 콘텐츠 프로세서(510)는 이미지를 처리하여, 예를 들어 수 킬로바이트 정도의 감소된 이미지 크기의 하나 이상의 대응 이미지를 생성하도록 구성될 수 있다.
일부 구현들에서, PE(105)는 수신 장치(130)로부터 콘텐츠 저장소(505) 내의 이미지들에 대한 요청을 수신할 수 있다. 예를 들어, 사용자가 송신 장치 (110)로부터 콘텐츠 저장소(505) 내의 저장을 위해 콘텐츠 아이템들을 업로드할 때, PE(105)는 저장된 콘텐츠와 연관된 식별자, 예를 들어 URL을 생성하고, 사용자에게 식별자를 제공할 수 있다. 사용자는 식별자를 하나 이상의 사용자와 공유할 수 있다. 사용자들 중 하나는 식별자를 이용하여, 콘텐츠 저장소(505) 내의 콘텐츠에 액세스하기 위한 요청을 PE(105)로 전송할 수 있다. 예를 들어, 사용자 인터페이스 내에 표시될 때 식별자를 선택하는 것, 사용자 인터페이스 내에 식별자를 입력하는 것 또는 이들 양자를 행하는 것은 식별자가 입력되는 장치가 PE(105)에 요청을 전송하게 할 수 있다. 콘텐츠에 액세스하기 위한 요청은 수신 장치(130)로부터 또는 PE(105)가 콘텐츠 아이템들을 수신한 송신 장치(110)로부터 수신될 수 있다. 예를 들어, 콘텐츠 아이템들에 대한 액세스를 요청하는 사용자는 웹 브라우저에 URL을 입력할 수 있고, 이에 응답하여 송신 장치(110)는 요청을 PE(105)로 전송할 수 있으며, 이어서 PE는 수신 장치(130)에 동작적으로 결합되는 표시 장치(135) 상의 사용자 인터페이스 내에 행들 내의 하나 이상의 아이템을 포함하는 하나 이상의 컨테이너를 표시할 수 있다.
컨테이너를 나타내는 표시 영역이 사용자 인터페이스 내에 표시될 때, 수신 장치(130)는 표시 장치(135) 상에서 수평(X) 축 및 수직(y) 축을 따라 표시 영역에 의해 점유되는 물리적 공간(예를 들어, 픽셀 단위) 및 선택을 담당하는 커서의 섹션, 예를 들어 마우스 화살촉에 의해 점유되는 물리적 공간을 결정할 수 있다. PE(105)는 표시 영역을 다수의 부분으로 분할할 수 있으며, 그 수는 표시 장치 상의 커서에 의해 점유되는 공간, 표시 장치 상의 표시 영역에 의해 점유되는 공간, 컨테이너 내의 이미지들의 수 등을 포함하는 인자들에 의존할 수 있다. 예를 들어, 커서 및 표시 영역은 표시 장치 상에서 X축을 따라 물리적 공간들, 예를 들어 각각 10 픽셀 및 100 픽셀을 점유할 수 있다. 따라서, PE(105)는 표시 영역을 10개의 부분으로 분할할 수 있다. 표시 영역에 의해 표현되는 컨테이너가 10개의 이미지를 포함하는 경우, 표시 영역 내의 커서의 각각의 부분에 대응할 수 있는 표시 영역의 각각의 부분은 컨테이너 내의 이미지에 대응할 수 있다. 이러한 예에서, 커서의 각각의 이동은 수신 장치(130)가 컨테이너를 나타내는 표시 영역에 상이한 이미지를 표시하게 할 수 있다.
위의 예에서, 표시 영역에 의해 표현되는 컨테이너가 2개의 이미지를 포함하는 경우, PE(105)는 표시 영역의 2개의 부분으로 분할할 수 있으며, 제1 부분은 제1 이미지에 대응하고, 표시 영역의 좌측 에지에서 중심까지의 50 픽셀의 공간을 점유할 수 있으며, 제2 부분은 표시 영역의 중심에서 우측 에지까지의 제2 이미지에 대응할 수 있다. 각각의 부분 내에서, 커서는 5개의 위치를 점유할 수 있다. 부분 내의 커서에 의해 점유되는 5개 위치의 각각은 동일 이미지에 대응할 수 있으며, 따라서 커서가 5개 위치 중 임의의 위치에 위치할 때, 수신 장치(130)는 표시 영역 내에 동일 이미지를 표시한다. 따라서, 픽셀 0과 49 사이의 임의 위치에 커서를 배치하는 것은 표시 영역에 이미지 1이 표시되게 하며, 픽셀 50과 99 사이의 임의의 위치에 커서를 배치하는 것은 표시 영역에 이미지 2가 표시되게 할 수 있다.
이 예에서, 컨테이너가 100개의 이미지를 포함하여, 이미지들의 수에 대한 임계치(예를 들어, 20 이미지)가 초과되는 경우, 이미지들은 그룹화될 수 있으며, 따라서 그룹 1은 이미지들 1-10을 포함하고, 그룹 2는 이미지들 11-20을 포함하고, 기타 등등, 그룹 10은 이미지들 91-100을 포함할 수 있다. 그룹 내의 이미지가 액세스되는 빈도와 같은 인자들을 이용하여 PE(105)에 의해, 또는 사용자에 의해, 이들 이미지의 각각으로부터 대표 이미지, 예를 들어 각각의 그룹 내의 제1 이미지가 선택될 수 있다. 각각의 그룹은 표시 영역 상의 커서의 위치에 대응할 수 있다. 이어서, 커서가 표시 영역 내의 일 부분 내에 위치할 때, 그 위치에 대응하는 그룹의 대표 이미지가 표시 영역 내에 표시될 수 있다. 수신 장치(130) 또는 사용자 인터페이스 또는 이들 양자는 표시 영역 및 커서에 의해 점유되는 물리적 공간들을 PE(105)로 전송하도록 구성될 수 있다. 표시 영역 및 커서에 의해 점유되는 물리적 공간들의 수신시에, 그리고 표시 영역에 의해 표현되는 컨테이너 내의 이미지들의 수에 기초하여, PE(105)는 컨테이너 내의 이미지들의 수가 이미지들의 임계 수를 초과하는 경우에 이미지들의 그룹들을 형성하도록 구성될 수 있다.
PE(105)는 아이템 타입, 예를 들어 이미지, 비디오 등, 아이템과 관련된 메타데이터, 예를 들어 아이템 크기 등, 각각의 아이템을 지시하는 식별자, 예를 들어 URL 등등과 같이 콘텐츠 저장소(505) 내의 콘텐츠 아이템들과 관련된 정보를 생성되는 정보 내에 수집하도록 구성되는 콘텐츠 정보 생성기(515)를 포함할 수 있다. PE(105)는 콘텐츠 아이템들의 위치를 지시하는 식별자, 예를 들어 URL을 생성하도록 구성되는 콘텐츠 위치 생성기(520)를 포함할 수 있다. 일부 구현들에서, 콘텐츠 프로세서(510)는 동일 콘텐츠 아이템의 상이한 버전들, 예를 들어 송신 장치(110)로부터 수신되는 최대 해상도 이미지의 상이한 크기의 이미지들을 생성하도록 구성될 수 있다. 콘텐츠 위치 생성기(520)는 PE(105)가 콘텐츠 저장소(505) 내의 이미지들에 대한 요청을 수신할 때 각각의 이미지의 각각의 버전에 대한 식별자를 생성하도록 구성될 수 있다. 콘텐츠 정보 생성기(515)는 수신 장치(130)로의 전송을 위해 수집되는 생성되는 정보 내에 콘텐츠 위치 생성기(520)에 의해 생성되는 식별자들을 포함시킬 수 있다. 다른 구현들에서, 콘텐츠 위치 생성기(520)는 콘텐츠 프로세서(510)에 의해 생성되는 이미지의 모두보다 적은 버전들에 대한 식별자들을 생성하도록 구성될 수 있다. 예를 들어, PE(105)는 PE(105)와 콘텐츠를 요청하는 수신 장치(130) 사이의 네트워크 접속 대역폭이 작은 것으로 결정할 수 있다. 따라서, 콘텐츠 위치 생성기(520)는 이미지의 낮은 해상도 버전들에 대해서만 식별자들을 생성하고, 생성된 식별자들을 콘텐츠 정보 생성기(515)에 제공하도록 구성될 수 있다. 이와 같이, PE(105)는 요청된 이미지들의 더 적은 버전들을 수신 장치(130)로 전달하고, 요청의 제공과 콘텐츠의 수신 사이의 대기 시간의 양을 줄여서, 사용자 경함을 증진시키도록 구성될 수 있다.
일부 구현들에서, 콘텐츠 정보 생성기(515)는 자바스크립트 객체 표시(JSON) 포맷으로 정보를 생성하고, 정보를 수신 장치(130)로 전송할 수 있다. 다른 구현들에서, 콘텐츠 정보 생성기(515)는 정보의 XML 버전을 생성하고, XML 버전을 수신 장치(130)로 전송할 수 있다. JSON 포맷은 수신 장치(130)와 PE(105) 사이의 더 빠른 상호작용을 가능하게 할 수 있다. JSON 및 XML 포맷들 양자는 PE(105) 및 수신 장치(130) 양자로부터 합의되고 구현되는 구조 내에 키/값 쌍의 명확히 정의된 포맷을 포함할 수 있다. PE(105)는 JSON 또는 XML 포맷의 정보를 생성하고, 이 정보를 스트링으로서 수신 장치(130)로 전송할 수 있다. 수신 장치(130)는 JSON 또는 XML 스트링을 분석하여, 정보를 얻을 수 있다. 표시 영역 위의 상이한 위치들에 커서를 배치하고, 이에 응답하여 커서 위치에 대응하는 이미지들을 표시 영역 내에 표시함으로써 이미지들의 미리보기를 가능하게 하는 자바스크립트는 애니메이션으로 저장되고, 사용자에게 제공될 수 있다. 일부 구현들에서, 애니메이션 루틴은 사용자가 하나 이상의 표시 영역을 표시하기 위해 URL을 선택할 때 표시 영역에 적용되는 디폴트 애니메이션일 수 있다. 대안으로, 사용자는 표시 영역에 애니메이션을 적용할 수 있다.
콘텐츠 저장소(505)는 하나 이상의 컨테이너 내에 이미지들을 저장하도록 구성될 수 있으며, 각각의 컨테이너는 앨범을 나타낼 수 있다. 컨테이너들은 수신 장치(130)로부터 수신될 수 있다. 대안으로 또는 추가로, PE(105)는 이미지들과 연관된 메타데이터, 예를 들어 캡처 일자에 기초하여 아이템들을 그룹들로 분할하고, 각각의 그룹을 개별 컨테이너 내에 저장하도록 구성될 수 있다. PE(105)는 각각의 컨테이너를 표시 장치(135) 상의 사용자 인터페이스 내에 표시 영역으로서 표시하도록 구성될 수 있다.
수신 장치(130) 또는 사용자 인터페이스 또는 이들 양자는 표시 영역 및 커서에 의해 점유되는 물리적 공간들을 PE(105)로 전송하도록 구성될 수 있다. 또한, PE(105)는 사용자 인터페이스 내에 표시되는 각각의 표시 영역을 표시 영역에 의해 표현되는 컨테이너 내의 이미지들의 수에 기초하여 다수의 부분으로 분할하도록 구성될 수 있다. PE(105)는 컨테이너를 나타내는 각각의 표시 영역을 컨테이너 내의 이미지들의 수에 기초하여 부분들로 분할할 수 있으므로, 그리고 콘텐츠 위치 생성기(520)는 각각의 이미지에 대한 식별자, 예를 들어 URL을 생성할 수 있으므로, PE(105)는 표시 영역이 분할되는 부분들과, 각각의 부분에 대응하는 이미지들을 지시하는 식별자들을 연관시킬 수 있다. 예를 들어, 컨테이너가 4개의 이미지를 포함하는 경우, PE(105)는 컨테이너를 나타내는 표시 영역을 4개의 부분으로 분할할 수 있으며, 각각의 부분은 이미지에 대응할 수 있다.
부분이 둘 이상의 이미지를 포함하는 이미지들의 그룹에 대응하는 구현들에서, 커서가 표시 영역 위에 위치할 때, 컨테이너를 나타내는 표시 영역 내의 표시를 위해, 둘 이상의 이미지 중 하나가 선택될 수 있다. 정보 어레이는 대표 이미지에 대한 식별자를 포함할 수 있다. 또한, 콘텐츠 위치 생성기(520)는 4개의 식별자를 생성할 수 있으며, 각각의 식별자는 이미지에 대응할 수 있다. 부분과 이미지 사이 그리고 이미지와 식별자 사이의 연관성에 기초하여, PE(105)는 부분과 식별자 사이의 연관성을 생성할 수 있다. 또한, 콘텐츠 정보 생성기(515)는 컨테이너를 나타내는 표시 영역의 부분들과 컨테이너 내의 이미지들을 지시하는 식별자들 사이의 연관성을 수신 장치(130)로 전송되는 정보 어레이 내에 포함시킬 수 있다.
PE(105)는 수신 장치(130)에 동작적으로 결합되는 표시 장치(135) 상의 사용자 인터페이스(200) 내에 이미지들을 포함하는 컨테이너들을 나타내는 표시 영역들을 표시하도록 구성될 수 있다. 또한, PE(105)는 컨테이너 내의 이미지들을 지시하는 식별자들, 표시 영역이 분할되는 영역들, 부분들 간의 연관성 및 부분들에 대응하는 하나 이상의 이미지를 지시하는 식별자들 등을 포함하는 정보 어레이를 수신 장치(130)로 전송하도록 구성될 수 있다. 사용자가 수신 장치(130)에 동작적으로 결합되는 포인팅 장치(145)에 의해 조작되는 커서를 사용자 인터페이스에서 표시 영역 상의 일부 위에 배치할 때, 사용자 인터페이스는 그 부분 위의 커서의 배치를 검출하고, 그 부분의 정보를 수신 장치(130)로 전송할 수 있다. 예를 들어, 표시 영역이 10개 부분으로 분할되고, 사용자 인터페이스가 커서가 4번째 부분 위에 배치된 것을 검출하는 경우, 사용자 인터페이스는 그 부분의 번호를 수신 장치(130)로 전송할 수 있다. 대안으로, 수신 장치(130) 및 사용자 인터페이스는 표시 영역에 의해 점유되는 영역을 식별하고, 커서가 표시 영역 내에 있는지의 여부, 표시 영역의 좌상 코너의 절대 위치, 커서의 절대 위치, 존재할 경우에 윈도우 스크롤 오프셋 등을 포함하는 정보를 결정하도록 구성될 수 있다. 사용자 인터페이스는 수신 장치(130)에 의해 결정되는 정보를 이용하고, 수학 알고리즘들을 적용하여, 그 부분을 발견하고, 예를 들어 커서의 위치에 대응하는 이미지의 표시와 같은 맵핑 거동을 트리거할 수 있다. 커서가 배치되는 표시 영역의 부분의 식별시에, 수신 장치(130)는 정보 어레이로부터 영역에 대응하는 이미지에 대한 식별자를 결정할 수 있다. 이어서, 수신 장치(130)는 결정된 식별자에 대응하는 이미지에 대한 요청을 네트워크(115)를 통해 PE(105)로 전송할 수 있다. PE(105)는 결정된 식별자에 대응하는 이미지를 수신 장치(130)로 전송하고, 사용자 인터페이스(200) 내에 표시 영역에 의해 점유되는 영역 내에 이미지를 표시할 수 있다. 사용자가 커서를 표시 영역 위의 새로운 위치로 이동할 때, 수신 장치(130)는 커서의 위치 변화를 검출하고, 새로운 위치에 대응하는 새로운 식별자를 결정하고, PE(105)로부터 새로운 식별자에 대응하는 이미지를 요청하며, PE(105)로부터 수신되는 이미지를 표시 영역에 표시할 수 있다. 이와 같이, 컨테이너를 나타내는 표시 영역 위의 커서의 모든 위치 변화에 대해, 커서 위치에 대응하는 이미지가 표시 영역 내에 표시될 수 있다.
도 6은 표시 영역 상의 사용자 인터페이스에서 원격 위치에 콘텐츠 아이템들을 표시하기 위한 프로세스의 일례의 흐름도이다. 콘텐츠 아이템들은 디지털 이미지, 디지털 비디오, 오디오, 문서 등 중 하나 이상일 수 있다. 아이템들은 원격 위치의 하나 이상의 컨테이너 내에, 예를 들어 인터넷과 같은 네트워크를 통해 수신 장치, 예를 들어 컴퓨터 시스템에 접속되는 발행 엔진 내의 콘텐츠 저장소에 저장될 수 있다. 컨테이너는 605에서 직사각형일 수 있는 경계진 영역에 의해 표현되는 표시 영역으로서 표시될 수 있다. 대안으로, 표시 영역을 나타내는 경계진 영역은 임의의 형상일 수 있다. 표시 영역은 610에서 다수의 부분으로 분할될 수 있으며, 이러한 부분들의 수는 표시 영역에 의해 표현되는 컨테이너 내의 이미지들의 수, 표시 장치 상의 표시 영역에 의해 점유되는 물리적 공간(예를 들어, 픽셀 단위), 표시 장치 상에 표시된 커서에 의해 점유되는 물리적 공간 등을 포함하는 인자들에 의존할 수 있다.
표시 영역의 각각의 부분은 컨테이너 내의 하나 이상의 아이템에 대응할 수 있다. 사용자는 수신 장치에 동작적으로 결합되는 포인팅 장치를 이용하여 커서를 제어함으로써 표시 영역 위에 커서를 배치할 수 있다. 부분 위의 커서의 배치가 615에서 검출될 수 있으며, 부분에 대응하는 컨테이너 내의 아이템이 620에서 식별될 수 있다. 일부 구현들에서, 부분은 아이템들의 그룹에 대응할 수 있으며, 그룹은 둘 이상의 아이템을 포함할 수 있다. 그러한 구현들에서, 커서가 부분 위에 배치될 때, 부분에 대응하는 그룹이 식별될 수 있다. 콘텐츠 저장소 내의 콘텐츠를 보기 위한 요청에 응답하여 컨테이너 내의 각각의 이미지를 지시하는 식별자들을 포함하는 정보 어레이가 원격 위치로부터 사전에 수신될 수 있다. 표시 영역 상의 부분에 대응하는 아이템에 대응하는 식별자가 625에서 결정될 수 있다. 부분이 아이템들의 그룹에 대응하는 구현들에서는, 대표 아이템이 그룹으로부터 선택되고, 그룹에 할당될 수 있다. 그러한 구현들에서, 대표 아이템에 대응하는 식별자는 수신 장치에 의해 수신되는 정보 어레이에 포함될 수 있으며, 커서가 그룹에 대응하는 부분 위에 배치될 때 식별될 수 있다.
아이템에 대응하는 식별자의 결정시에, 630에서, 결정된 식별자에 대응하는 아이템에 대한 요청이 원격 위치로 전송될 수 있다. 일부 구현들에서, 식별자는 콘텐츠 저장소 내의 아이템을 지시하는 URL일 수 있으며, 아이템에 대한 요청은 네트워크, 예를 들어 인터넷을 통해 전송될 수 있다. 원격 위치는 아이템을 수신 장치로 전송할 수 있으며, 635에서 원격 위치로부터 아이템이 수신될 수 있다. 커서가 위치하는 부분에 대응하는 수신 아이템은 640에서 표시 장치의 표시 영역 내에 표시될 수 있다.
일부 구현들에서, 사용자는 표시 장치 상에서 커서를 이동하여, 표시 영역 위의 커서의 위치를 변경할 수 있다. 645에서, 커서 위치의 변경이 검출되고, 새로운 커서 위치가 결정될 수 있다. 650에서, 새로운 커서 위치가 표시 영역의 새로운 부분에 대응하는지를 결정하기 위해 검사가 수행될 수 있다. 예를 들어, 표시 영역의 일 부분이 크고, 컨테이너 내의 이미지들의 수가 적을 수 있으며, 따라서 그 부분 상의 커서의 둘 이상의 위치가 동일 이미지에 대응할 수 있다. 그러한 예들에서, 커서가 새로운 위치로 이동될 때, 새로운 위치는 동일 부분 내에 위치할 수 있으며, 655에서, 동일 아이템이 표시 영역의 경계진 영역 내에 계속 표시될 수 있다. 새로운 커서 위치가 새로운 부분에 대응하고, 또한 새로운 부분이 영역 내에 표시된 것과 다른 아이템에 대응하는 경우, 단계들 620-640을 반복함으로써 새로운 아이템이 원격 위치로부터 검색될 수 있다. 이와 같이, 표시 영역의 상이한 부분들 위의 커서의 상이한 위치들에 대해, 표시 영역에 의해 표현되는 컨테이너 내의 상이한 콘텐츠 아이템들이 표시 영역의 경계진 영역 내에 표시될 수 있다. 사용자는 커서를 표시 영역을 가로질러 이동하여, 표시 영역 내의 모든 또는 모두보다 적은 아이템들을 볼 수 있다. 컨테이너 내의 아이템들은 시퀀스 내에 저장될 수 있으며, 따라서 일부 구현들에서 표시 영역 상에서 좌에서 우로의 커서의 위치들의 진행은 시퀀스 내에서 시퀀스의 시작에서 시퀀스의 끝까지의 아이템들의 순서에 대응할 수 있다.
도 7은 사용자 인터페이스(UI)(200)가 표시되는, 송신 장치(110)에 동작적으로 결합되는 표시 장치(125)의 개략도이다. 또한, 사용자 인터페이스(200) 내에는 표시 영역들(705, 710, 715, 720, 725, 730, 735, 740, 745, 750, 755)이 표시된다. 일부 구현들에서, 사용자는 콘텐츠, 예를 들어 이미지들을 PE(105) 내의 콘텐츠 저장소(505)에 추가하고, 이미지들이 저장될 컨테이너들을 지정하며, 사용자가 컨테이너들을 나타내는 표시 영역들에 적용하기를 원하는 애니메이션들을 지정할 수 있다. 예를 들어, UI(200)가 표시 장치(125) 상에 최초 표시될 때, UI(200)는 공백일 수 있다. 사용자는 각각의 컨테이너의 외관을 나타내는 사용자 선택 가능 템플릿들을 제공받을 수 있다. 대안으로, 사용자는 컨테이너의 외관을 나타내기 위해 사용자 정의 템플릿을 설계할 수 있다. 템플릿은 각각의 컨테이너에 대한 표시 영역을 포함할 수 있다. 사용자는 사용자가 원하는 만큼 많은 표시 영역들을 공백 UI(200)에 추가할 수 있다. 이와 같이, 사용자는 표시 영역들(705-710)을 UI(200)에 추가할 수 있다. 이어서, 사용자는 각각의 표시 영역에 콘텐츠, 예를 들어 이미지들을 포함시킬 수 있다. 예를 들어, 사용자는 송신 장치(110)에 동작적으로 결합되는 저장 장치, 예를 들어 송신 장치의 하드 디스크에 저장된 이미지들을 드래그하고, 이미지들을 표시 영역에 의해 표현되는 컨테이너 내에 드롭할 수 있다. 대안으로 또는 추가로, 사용자는 송신 장치(110)에 동작적으로 결합되는 키보드를 이용하여 컨테이너들에 콘텐츠를 추가할 수 있다. 이와 같이, 사용자는 각각의 컨테이너를 하나 이상의 이미지 또는 임의의 다른 타입의 콘텐츠, 예를 들어 비디오, 문서 등으로 채울 수 있다.
디폴트 구현에서는, 컨테이너가 생성될 때, 각각의 표시 영역에 애니메이션이 적용될 수 있다. 디폴트 애니메이션은 커서(760)가 컨테이너를 나타내는 표시 영역, 예를 들어 705를 가로질러 이동될 때 컨테이너 내의 이미지들의 미리보기를 가능하게 할 수 있다. 따라서, 사용자가 이미지들을 포함하는 컨테이너를 나타내는 표시 영역, 예를 들어 705를 생성하고, 표시 영역(705) 위에 커서(760)를 이동할 때, 표시 영역(705) 상의 커서(760)의 위치들에 대응하는 이미지들이 표시 영역(705)에 표시될 수 있다. 유사하게, 디폴트 애니메이션은 모든 표시 영역(710-755)에 적용되어, 사용자가 모든 컨테이너 내의 이미지들을 미리 보는 것을 가능하게 할 수 있다.
일부 구현들에서, 사용자는 표시 영역들(705-710)에 적용되는 디폴트 애니메이션을 변경할 수 있다. 사용자는 예를 들어 표시 영역 위에 커서(760)를 배치하고 커서를 제어하는 포인팅 장치(145)를 클릭함으로써 표시 영역을 선택할 수 있다. 이에 응답하여, 헤드업 디스플레이(HUD)(765)가 표시될 수 있는데, HUD(765)는 애니메이션들(A1, A2, A3 등)의 메뉴(770)를 포함할 수 있다. 일부 구현들에서, HUD(765)는 선택된 표시 영역에 인접하는 UI(200) 위에 표시되는 윈도우일 수 있다. 각각의 애니메이션은 예를 들어 자바스크립트 루틴으로서 사전 구성되고 저장될 수 있다. 사용자가 HUD(765) 내의 메뉴(770)로부터 애니메이션을 선택할 때, 애니메이션에 대응하는 자바스크립트 루틴이 표시 영역들(705-715)에 적용될 수 있다.
예를 들어, 도 7에 도시된 바와 같이, 애니메이션 A1은 "디졸브" 루틴을 나타낼 수 있다. 사용자가 메뉴(770)로부터 애니메이션 A1을 선택하고, 표시 영역, 예를 들어 705 위에 커서(760)를 배치할 때, 표시 영역(705)에 의해 표현되는 컨테이너 내의 이미지들은 디졸빙 애니메이션에 의해 미리 보여질 수 있다. 메뉴(770) 내에 포함될 수 있는 다른 애니메이션들은 "랜덤(Random)", "리빌(Reveal)", "푸시(Push)", "페이드 스루 블랙(Fade Through Black)", "없음" 등을 포함할 수 있다. 예를 들어, "랜덤"이 적용되는 애니메이션인 구현에서, 사용자는 커서를 표시 영역 위에 배치하여, 표시 영역에 애니메이션이 표시되게 할 수 있다. 커서가 표시 영역으로부터 제거될 때, 애니메이션이 중지될 수 있으며, 표시 영역에 의해 표현되는 컨테이너 내의 이미지가 표시 영역에 표시될 수 있다. 이어서, 커서가 표시 영역 상에 재배치될 때, 애니메이션이 표시 영역에 재적용될 수 있다. 다른 구현들에서, 사용자가 표시 영역 내에 커서를 배치하여 애니메이션을 개시하는 경우, 표시 영역 내로부터의 커서의 제거는 표시 영역에 적용되는 애니메이션을 계속할 수 있다. 일부 구현들에서, 사용자는 맞춤형 애니메이션들을 생성하고, 이 애니메이션들을 메뉴(770)에 포함시킬 수 있다. 각각의 애니메이션은 메뉴(770) 내에 선택 가능 링크에 의해 표현될 수 있다. 사용자가 HUD(765)의 표시를 유발하고 메뉴(770)를 선택할 때, 메뉴(770) 내의 애니메이션들은 사용자에 의한 선택을 위해 표시될 수 있다. 일부 구현들에서는, 선택된 애니메이션이 UI(200) 내의 모든 표시 영역에 적용될 수 있다. 다른 구현들에서는, 각각의 표시 영역에 상이한 애니메이션이 적용될 수 있다. 다른 구현들에서, 사용자는 UI(200) 내의 모두보다 적은 표시 영역들을 선택하고, 선택된 표시 영역들에 공통 애니메이션을 적용할 수 있다.
이와 같이, 사용자는 PE(105) 내의 콘텐츠 저장소(505)에 콘텐츠를 추가함으로써 콘텐츠, 및 콘텐츠가 표시될 대응 표시 영역들을 지정하는 것을 물론, 표시 영역들에 애니메이션들을 적용할 수 있다. 사용자는 사용자가 이미지들을 제공하기를 원하는 UI(200)를 설계할 수 있다. 이어서, 사용자가 설계된 UI(200)를 PE(105)로 전송할 때, PE(105)는 UI(200) 설계를 저장하고, 사용자에게 생성된 UI(200)를 지시하는 식별자, 예를 들어 URL을 제공할 수 있다. 사용자는 사용자에 의해 캡처된 콘텐츠를 공유하기 위한 식별자를 다른 사용자들에게 제공할 수 있다. 콘텐츠 저장소(505) 내의 이미지들을 보기 위하여, 사용자는 PE(105)에 콘텐츠를 제공하도록 요청할 수 있다. 요청 사용자는 설계된 UI(200)를 지시하는 식별자를 선택할 수 있다. PE(105)가 식별자를 수신할 때, PE(105)는 설계된 UI(200)를 요청 사용자에게 전송할 수 있다. 사용자가 생성된 UI(200)를 볼 때, UI(200)를 생성한 사용자에 의해 각각의 표시 영역에 적용되는 애니메이션들이 표시될 수 있다. 일부 구현들에서, UI(200)를 생성한 사용자는 UI를 보는 사용자들이 표시 영역들의 애니메이션들을 변경하는 것을 허가할 수 있다. 대안으로, 사용자는 UI(200)를 생성한 사용자는 다른 사용자들이 표시 영역들의 애니메이션들을 변경하는 것을 제한하고 허가하지 않을 수 있다.
도 8은 이미지들을 포함하는 컨테이너를 나타내는 표시 영역을 표시하고, 표시 영역에 애니메이션을 적용하기 위한 사용자 인터페이스를 생성하기 위한 프로세스의 일례의 흐름도이다. 805에서, 사용자 인터페이스가 표시 장치에 표시될 수 있다. 일부 구현들에서, 사용자 인터페이스는 직사각형일 수 있다. 사용자 인터페이스는 사용자로부터의 요청에 응답하여 표시될 수 있다. 810에서, 사용자 인터페이스에 표시 영역이 표시될 수 있다. 일부 구현들에서는, 사용자 인터페이스가 표시될 때, 표시 영역이 표시될 수 있다. 대안으로, 사용자는 공백 사용자 인터페이스에 표시 영역을 추가할 수 있다. 표시 영역은 콘텐츠 아이템들, 예를 들어 이미지, 비디오, 문서 등이 추가될 수 있는 컨테이너를 나타낼 수 있다. 815에서, 콘텐츠를 드래그하여, 표시 영역 위에 콘텐츠를 드롭함으로써 컨테이너에 콘텐츠를 추가하는 것이 가능할 수 있다. 일부 구현들에서, 콘텐츠는 저장 장치에 저장될 수 있다. 사용자는 포인팅 장치, 예를 들어 마우스에 의해 조작되는 커서를 콘텐츠 아이템을 나타내는 아이콘 상에 배치하고, 아이콘을 선택하며, 아이콘을 표시 영역 위로 드래그 앤 드롭할 수 있다. 이것은 콘텐츠 또는 콘텐츠의 사본이 컨테이너에 추가되게 할 수 있다.
일부 구현들에서, 820에서, 표시 영역에 애니메이션이 적용될 수 있다. 애니메이션은 표시 영역을 가로질러 커서를 이동함으로써 표시 영역에 의해 표현되는 컨테이너 내의 콘텐츠, 예를 들어 이미지들의 미리보기를 가능하게 할 수 있다. 표시 영역 상의 커서의 위치는 컨테이너 내의 이미지에 대응할 수 있으며, 따라서 커서가 표시 영역을 가로질러 이동될 때, 상이한 위치들에 대응하는 이미지들이 표시 영역에 표시된다. 다른 구현들에서, 이미지들이 표시 영역에 의해 표현되는 컨테이너에 추가될 때, 애니메이션이 표시 영역에 자동으로 적용될 수 있다. 표시 영역을 추가하고, 표시 영역에 의해 표현되는 컨테이너에 콘텐츠를 추가함으로써 사용자 인터페이스를 설계하는 사용자는 애니메이션들의 메뉴를 이용하여 표시 영역의 애니메이션을 변경할 수 있다. 일부 구현들에서, 사용자는 표시 영역을 선택할 수 있다. 825에서, 표시 영역의 선택이 검출될 수 있다. 830에서, 표시 영역의 선택에 응답하여, 헤드업 디스플레이(HUD), 예를 들어 윈도우와 같은 객체가 예를 들어 표시 영역에 인접하여 표시될 수 있다. 835에서, 애니메이션들의 메뉴가 HUD 내에 표시될 수 있다. 애니메이션들의 메뉴는 "랜덤", "리빌", "푸시", "페이드 스루 블랙", "없음" 등을 포함하는 애니메이션들을 포함할 수 있다. 일부 구현들에서, 각각의 애니메이션은 자바스크립트 루틴으로서 사전 구성되고 저장될 수 있으며, 선택 가능 링크로서 애니메이션들의 메뉴에 포함될 수 있다. 840에서, 사용자는 예를 들어 링크를 선택함으로써 아이템들의 메뉴로부터 애니메이션들 중 하나를 선택한다. 845에서, 선택된 애니메이션이 표시 영역에 적용될 수 있다. 이와 같이, 이미지들의 컨테이너를 나타내는 표시 영역을 포함하는 사용자 인터페이스를 생성하는 사용자는 애니메이션들을 표시 영역에 적용하고 변경할 수 있다.
본 명세서에서 설명되는 본 발명 및 기능적 동작들의 구현들은 디지털 전자 회로에서, 또는 본 명세서에서 개시되는 구조들 및 이들의 구조적 균등물들을 포함하는 컴퓨터 소프트웨어, 펌웨어 또는 하드웨어에서, 또는 이들 중 하나 이상의 조합들에서 구현될 수 있다. 본 명세서에서 설명되는 본 발명의 구현들은 하나 이상의 컴퓨터 프로그램 제품, 즉 데이터 처리 장치에 의해 실행되거나 데이터 처리 장치의 동작을 제어하기 위해 컴퓨터 판독 가능 매체 상에 인코딩된 컴퓨터 프로그램 명령어들의 하나 이상의 모듈로서 구현될 수 있다. 컴퓨터 판독 가능 매체는 기계 판독 가능 저장 장치, 기계 판독 가능 저장 기판, 메모리 장치, 기계 판독 가능 전파 신호를 실행하는 조성물 또는 이들 중 하나 이상의 조합일 수 있다. "데이터 처리 장치"라는 용어는 예를 들어 프로그래밍 가능 프로세서, 컴퓨터 또는 다수의 프로세서 또는 컴퓨터를 포함하는, 데이터를 처리하기 위한 모든 기구, 장치, 기계를 포함한다. 장치는 하드웨어에 더하여 해당 컴퓨터 프로그램에 대한 실행 환경을 생성하는 코드, 예를 들어 프로세서 펌웨어, 프로토콜 스택, 데이터베이스 관리 시스템, 운영 체제, 또는 이들 중 하나 이상의 조합을 구성하는 코드를 포함할 수 있다. 전파 신호는 적절한 수신기 장치로의 전송을 위한 정보를 인코딩하기 위해 생성되는 인공 생성 신호, 예컨대 기계에 의해 생성되는 전기, 광학 또는 전자기 신호이다.
(프로그램, 소프트웨어, 소프트웨어 애플리케이션, 스크립트 또는 코드라고도 하는) 컴퓨터 프로그램은 컴파일되거나 해석되는 언어들을 포함하는 임의 형태의 프로그래밍 언어로 작성될 수 있으며, 독립식 프로그램 또는 모듈, 컴포넌트, 서브루틴, 또는 컴퓨팅 환경에서 사용하기에 적합한 다른 유닛을 포함하는 임의 형태로 전개될 수 있다. 컴퓨터 프로그램은 파일 시스템 내의 파일에 반드시 대응하는 것은 아니다. 프로그램은 다른 프로그램들 또는 데이터(예를 들어, 마크업 언어 문서 내에 저장된 하나 이상의 스크립트)를 유지하는 파일의 일부에, 해당 프로그램에 전용화된 단일 파일에, 또는 다수의 통합된 파일(예를 들어, 하나 이상의 모듈, 서브프로그램 또는 코드의 부분들을 저장하는 파일들)에 저장될 수 있다. 컴퓨터 프로그램은 하나의 컴퓨터 상에서, 또는 하나의 사이트에 위치하거나 다수의 사이트에 걸쳐 분산되고, 통신 네트워크에 의해 상호접속되는 다수의 컴퓨터 상에서 실행되도록 전개될 수 있다.
본 명세서에서 설명되는 프로세스들 및 논리 흐름들은 입력 데이터를 조작하여 출력을 생성함으로써 기능들을 수행하기 위해 하나 이상의 컴퓨터 프로그램을 실행하는 하나 이상의 프로그래밍 가능 프로세서에 의해 수행될 수 있다. 프로세스들 및 논리 흐름들은 특수 목적 논리 회로, 예를 들어 필드 프로그래머블 게이트 어레이(FPGA) 또는 주문형 집적 회로(ASIC)에 의해서도 수행될 수 있으며, 장치는 특수 목적 논리 회로, 예를 들어 필드 프로그래머블 게이트 어레이(FPGA) 또는 주문형 집적 회로(ASIC)로도 구현될 수 있다.
컴퓨터 프로그램의 실행에 적합한 프로세서들은 예를 들어 범용 및 특수 목적 마이크로프로세서들 양자, 및 임의 종류의 디지털 컴퓨터의 어느 하나 이상의 프로세서를 포함한다. 일반적으로, 프로세서는 판독 전용 메모리 또는 랜덤 액세스 메모리 또는 이들 양자로부터 명령어들 및 데이터를 수신할 것이다. 컴퓨터의 필수 요소들은 명령들을 수행하기 위한 프로세서 및 명령어들 및 데이터를 저장하기 위한 하나 이상의 메모리 장치이다. 일반적으로, 컴퓨터는 또한 데이터를 저장하기 위한 하나 이상의 대용량 저장 장치, 예를 들어 자기, 광자기 디스크 또는 광 디스크를 포함하거나, 이들로부터 데이터를 수신하거나 이들에 데이터를 전송하거나, 또는 이들 양자를 수행하도록 동작적으로 결합될 것이다. 그러나, 컴퓨터는 그러한 장치들을 구비할 필요는 없다. 더욱이, 컴퓨터는 다른 장치, 예를 들어 몇 가지 예로서 이동 전화, PDA, 이동 오디오 재생기, 글로벌 포지셔닝 시스템(GPS) 수신기 내에 내장될 수 있다. 컴퓨터 프로그램 명령어들 및 데이터를 저장하는 데 적합한 컴퓨터 판독 가능 매체들은 예를 들어 반도체 메모리 장치들, 예를 들어 EPROM, EEPROM 및 플래시 메모리 장치, 자기 디스크, 예를 들어 내장 하드 디스크 또는 이동식 디스크, 광자기 디스크 및 CD-ROM 및 DVD-ROM 디스크를 포함하는 모든 형태의 비휘발성 메모리, 매체 및 메모리 장치를 포함한다. 프로세서 및 메모리는 특수 목적 논리 회로에 의해 보완되거나 그에 통합될 수 있다.
사용자와의 상호작용을 제공하기 위하여, 본 명세서에 설명되는 본 발명의 구현들은 사용자에게 정보를 표시하기 위한 표시 장치, 예를 들어 음극선관(CRT) 또는 액정 디스플레이(LCD) 모니터, 및 사용자가 컴퓨터에 입력을 제공할 수 있는 키보드 및 포인팅 장치, 예를 들어 마우스 또는 트랙볼을 구비하는 컴퓨터 상에서 구현될 수 있다. 다른 종류의 장치들도 사용자와의 상호작용을 제공하는 데 사용될 수 있으며, 예를 들어 사용자에게 제공되는 피드백은 임의 형태의 감각 피드백, 예를 들어, 시각 피드백, 청각 피드백 또는 촉각 피드백일 수 있으며, 사용자로부터의 입력은 음향, 음성, 근접 터치 입력 또는 촉각 입력을 포함하는 임의 형태로 수신될 수 있다.
본 명세서에 설명되는 본 발명의 구현들은 예를 들어, 데이터 서버와 같은 백엔드 컴포넌트를 포함하거나, 미들웨어 컴포넌트, 예를 들어 애플리케이션 서버를 포함하거나, 프론트 엔드 컴포넌트, 예를 들어 사용자가 본 명세서에 설명되는 본 발명의 구현과 상호작용할 수 있는 그래픽 사용자 인터페이스 또는 웹 브라우저를 구비하는 클라이언트 컴퓨터를 포함하거나, 하나 이상의 그러한 백엔드, 미들웨어 또는 프론트 엔드 컴포넌트들의 임의 조합을 포함하는 컴퓨팅 시스템에서 구현될 수 있다. 시스템의 컴포넌트들은 임의 형태 또는 매체의 디지털 데이터 통신, 예를 들어 통신 네트워크에 의해 상호접속될 수 있다. 통신 네트워크들의 예는 근거리 네트워크("LAN") 및 광역 네트워크("WAN"), 예를 들어 인터넷을 포함한다.
컴퓨팅 시스템은 클라이언트들 및 서버들을 포함할 수 있다. 클라이언트와 서버는 일반적으로 서로 떨어져 있으며, 통상적으로는 통신 네트워크를 통해 상호작용한다. 클라이언트와 서버의 관계는 각각의 컴퓨터 상에서 실행되고 서로에 대해 클라이언트-서버 관계를 갖는 컴퓨터 프로그램들에 의해 이루어진다.
본 명세서는 많은 상세를 포함하지만, 이들은 본 발명 또는 청구될 수 있는 것의 범위에 대한 한정으로서 해석되지 않아야 하며, 오히려 본 발명의 특정 구현들에 고유한 특징들의 설명들로서 해석되어야 한다. 개별 구현들과 관련하여 본 명세서에 설명되는 소정의 특징들은 단일 구현에서 조합하여 구현될 수도 있다. 역으로, 단일 구현과 관련하여 설명되는 다양한 특징들은 다수의 구현에서 개별적으로 또는 임의의 적절한 하위 조합으로 구현될 수도 있다. 더욱이, 특징들이 소정 조합들로 동작하고, 심지어 최초에 그에 따라 청구되는 것으로서 위에서 설명될 수 있지만, 청구되는 조합으로부터의 하나 이상의 특징은 일부 예들에서 그 조합으로부터 삭제될 수 있으며, 청구되는 조합은 하위 조합 또는 하위 조합의 변형과 관련될 수 있다.
마찬가지로, 동작들이 도면들에서 특정 순서로 도시되지만, 이것은 그러한 동작들이 도시된 특정 순서로 또는 순차적으로 수행되어야 하거나, 바람직한 결과들을 달성하기 위해 모든 도시된 동작들이 수행되어야 하는 것을 필요로 하는 것으로 이해되지 않아야 한다. 소정 환경들에서는, 다중 작업 및 병렬 처리가 이로울 수 있다. 더욱이, 전술한 구현들에서의 다양한 시스템 컴포넌트의 분리는 모든 구현에서 그러한 분리를 필요로 하는 것으로서 해석되지 않아야 하며, 설명되는 프로그램 컴포넌트들 및 시스템들은 일반적으로 단일 소프트웨어 제품 내에 함께 통합되거나, 다수의 소프트웨어 제품 내에 패키지될 수 있다는 것을 이해해야 한다.
다수의 구현이 설명되었다. 그러나, 본 발명의 사상 및 범위를 벗어나지 않고 다양한 변경이 이루어질 수 있음을 이해할 것이다. 예를 들어, 콘텐츠 저장소 내에서 여러 컨테이너가 이용 가능한 구현들에서, 사용자 인터페이스는 컨테이너들을 나타내는 모든 표시 영역을 수용하지 못할 수 있다. 그러한 구현들에서는, 스크롤 바가 사용자 인터페이스에 포함될 수 있으며, 따라서 사용자는 스크린을 스크롤하여, 표시 장치 상에 표시되지 않은 컨테이너들에 액세스할 수 있다. 그러한 구현들에서, 컨테이너를 나타내는 표시 영역에 의해 점유되는 물리적 공간은 사용자가 스크린을 스크롤할 때 변할 수 있다. 스크롤링은 표시 영역이 전체적으로 이동하게 하므로, 표시 영역이 분할되는 부분들, 및 표시 영역의 부분들 사이의 물리적 관계, 예를 들어 2개의 부분 사이의 거리는 변경 없이 유지된다. 수평 스크롤링이 표시 영역에 표시되는 이미지들의 변화를 유발하는 구현들에서, 사용자 인터페이스는 표시 영역이 표시 장치 상의 어느 곳에 위치하는지에 관계없이 표시 영역의 경계진 영역 내의 표시 영역의 좌측 에지 상의 또는 그에 인접하는 커서의 배치를 인식할 수 있다. 사용자 인터페이스는 사용자 인터페이스 내의 표시 영역의 위치에 관계없이 표시 영역의 경계진 영역 내의 표시 영역의 좌측 에지에서의 또는 좌측 에지에 인접하는 커서의 배치를 인식하도록 구성될 수 있다. 이와 같이, 커서 위치들에 기초하여 표시 영역에 표시되는 이미지들을 갱신하는 동안, 사용자 인터페이스 내의 표시 영역의 위치의 변경의 효과가 고려될 수 있다.
일부 구현들에서, 사용자 인터페이스는 표시 영역의 일 부분 상의 커서의 배치를 검출하고, 그 부분을 수신 장치로 전송하도록 구성될 수 있다. 이어서, 수신 장치는 그 부분 및 표시 영역과 관련된 정보를 PE로 전송할 수 있다. PE는 그 부분 및 표시 영역 정보에 기초하여 그 부분에 대응하는 이미지를 결정하고, 그 이미지를 수신 장치로 전송할 수 있다. 수신 장치는 사용자 인터페이스에 표시 영역을 표시할 수 있다. 이러한 구현에서는, 아이템들과 관련된 식별자들이 PE에 의해 생성되어 수신 장치로 전송될 필요가 없다. 수신 장치는 사용자 인터페이스로부터 수신되는 부분 정보를 PE로 전송하고, PE로부터 아이템들을 수신할 수 있다.
일부 구현들에서는, 커서가 표시 영역의 경계진 영역 밖에 배치될 때, 컨테이너 내의 아이템들로부터 디폴트 이미지가 선택되고, 표시 영역에 표시될 수 있다. 예를 들어, 디폴트 이미지는 컨테이너 내의 제1 이미지일 수 있다. 대안으로, 디폴트 이미지는 그룹 내의 이미지들이 액세스되는 빈도, 이미지 해상도 등을 포함하는 인자들에 기초하여 선택될 수 있다. 또한, 사용자 인터페이스가 사용자의 표시 장치 상에 최초로 표시 영역을 표시할 때, 디폴트 이미지가 표시될 것이다. 예를 들어, 사용자는 사용자 인터페이스가 하나 이상의 표시 영역을 표시하게 할 수 있는 URL에 액세스할 수 있다. 표시 영역들이 사용자 인터페이스에 최초로 표시될 때, 표시 영역에는 디폴트 이미지가 표시될 수 있다. 사용자는 표시 영역들 중 하나를 선택하여 그 영역 내의 이미지들을 볼 수 있다. 이어서, 사용자는 뒤로 네비게이트하여 사용자 인터페이스에 모든 표시 영역을 표시할 수 있다. 사용자가 뒤로 네비게이트할 때, 디폴트 이미지가 표시 영역에 표시될 수 있다. 일부 구현들에서는, 표시 영역 상의 커서의 위치에 대응하는 이미지가 표시 영역에 표시되지 못할 수도 있다. 이것은 느린 네트워크 접속, 이미지 누락 등을 포함하는 이유들로 인해 발생할 수 있다. 그러한 예들에서, 표시 영역 상의 커서의 위치에 대응하는 이미지가 이용 가능하지 않은 경우에는, 디폴트 이미지가 표시 영역에 대신 표시될 수 있다.
좌에서 우로의 영역 내의 위치들의 진행이 시퀀스의 시작에서 시퀀스의 끝까지의 시퀀스 내의 아이템들의 순서에 대응하는 구현들에서는, 커서가 수직으로 이동될 때, 표시 영역 내의 표시가 동일하게 유지될 수 있다. 대안으로, PE는 위에서 아래로의 위치들의 진행이 시퀀스 내의 시작에서 끝까지의 아이템들의 순서에 대응하도록 구성될 수 있다. 또한, 이미지들이 컨테이너에 저장되는 임의 순서에 대응하도록 커서의 임의 방향의 이동이 유발될 수 있다. 일부 구현들에서, PE(105)는 정보 어레이가 수신 장치로 전송된 후에 콘텐츠 저장소에 포함시킬 새로운 아이템들을 수신할 수 있다. 그러한 구현들에서, PE는 정보 어레이가 수신 장치로 전송되었음을 인식하고, 저장소에 최근 저장된 아이템들을 포함하는 새로운 정보 어레이를 생성하고, 새로운 정보 어레이를 수신 장치로 전송하고, 사용자 인터페이스를 리프레시하도록 구성될 수 있다. 새로운 정보 어레이는 최근에 저장된 아이템들을 지시하는 식별자들을 포함할 수 있다. 이것은 사용자가 컨테이너를 나타내는 표시 영역에서 최근에 저장된 아이템들을 보는 것을 가능하게 할 수 있다. 다른 구현들에서, PE는 새로운 아이템들에 대해 콘텐츠 저장소를 주기적으로 검사하고, 저장소에서 새로운 아이템들이 검출될 때 정보 어레이 및 사용자 인터페이스를 갱신하도록 구성될 수 있다.
일부 구현들에서, 사용자 인터페이스 상의 표시 영역은 디지털 비디오 파일을 나타낼 수 있다. 표시 영역은 부분들로 분할될 수 있으며, 하나의 부분은 비디오의 하나 이상의 프레임에 대응할 수 있고, 따라서 표시 영역을 가로지르는 마우스의 이동은 그 부분에 대응하는 프레임이 표시 영역에 표시되게 할 수 있다. 이와 같이, 비디오 파일의 콘텐츠가 표시 영역에서 보여질 수 있다. 다른 구현들에서, 아이템은 오디오 파일일 수 있으며, 표시 영역을 가로지르는 커서의 이동은 오디오 파일이 표시되게 할 수 있다. 대안으로, 아이템은 페이지들을 포함하는 문서를 나타낼 수 있으며, 표시 영역 상의 커서의 각각의 위치는 문서 내의 상이한 페이지가 컨테이너에 표시되게 할 수 있다. 일부 구현들에서, 네트워크는 인트라넷일 수 있다. 인트라넷 상의 제1 노드에 있는 사용자는 인트라넷의 서버 상의 공통 저장 위치에 아이템, 예를 들어 문서를 업로드할 수 있다. 인트라넷 상의 제2 노드에 있는 사용자는 커서를 이용하여 저장된 문서의 페이지들에 액세스하여 이들을 볼 수 있다. 따라서, 다른 구현들도 아래의 청구범위의 범위 내에 속한다.

Claims (25)

  1. 컴퓨터 구현 방법으로서,
    컴퓨터 시스템과 연관된 표시 장치 상에, 네트워크를 통해 상기 컴퓨터 시스템과 동작하도록 결합되는 원격 위치에서의 컨테이너에 대응하는 표시 영역을 표시하는 단계 - 상기 컨테이너는 제1 콘텐츠 아이템 및 제2 콘텐츠 아이템을 포함하는 적어도 2개의 콘텐츠 아이템을 포함함 -;
    상기 표시 영역을 적어도 2개의 부분으로 분할하는 단계 - 각각의 부분은 상기 적어도 2개의 아이템 중 하나에 대응함 -; 및
    상기 적어도 2개의 부분 중 제1 부분 내에서의 커서의 배치(positioning)의 검출 시에,
    상기 제1 콘텐츠 아이템에 대한 요청을 상기 원격 위치로 전송하는 단계,
    상기 제1 콘텐츠 아이템을 수신하는 단계, 및
    상기 제1 콘텐츠 아이템을 상기 표시 영역에 표시하는 단계
    를 포함하는 컴퓨터 구현 방법.
  2. 제1항에 있어서, 상기 콘텐츠 아이템들은 디지털 이미지들인 컴퓨터 구현 방법.
  3. 제1항에 있어서, 상기 적어도 2개의 콘텐츠 아이템은 상기 컨테이너 내에 시퀀스를 이루어 저장되고, 상기 시퀀스는 상기 콘텐츠 아이템들이 캡처된 순서를 나타내는 컴퓨터 구현 방법.
  4. 제3항에 있어서, 좌에서 우로의 상기 표시 영역 내의 위치들의 진행(progression)은 상기 시퀀스의 시작에서 상기 시퀀스의 끝까지의 상기 시퀀스 내의 콘텐츠 아이템들의 순서에 대응하는 컴퓨터 구현 방법.
  5. 제1항에 있어서, 상기 원격 위치로부터 제1 식별자 및 제2 식별자를 포함하는 적어도 2개의 식별자를 수신하는 단계를 더 포함하고, 각각의 식별자는 상기 적어도 2개의 콘텐츠 아이템 중 한 콘텐츠 아이템에 대응하고, 상기 제1 식별자 및 상기 제2 식별자는 상기 제1 콘텐츠 아이템 및 상기 제2 콘텐츠 아이템 각각에 대응하는, 컴퓨터 구현 방법.
  6. 제5항에 있어서,
    상기 제1 부분 내에서의 상기 커서의 배치의 검출 시에,
    상기 제1 부분에 대응하는 상기 제1 콘텐츠 아이템에 대응하는 상기 제1 식별자를 식별하는 단계;
    상기 제1 식별자에 대응하는 콘텐츠 아이템에 대한 요청을 상기 원격 위치로 전송하는 단계;
    상기 원격 위치로부터 상기 제1 식별자에 대응하는 상기 제1 콘텐츠 아이템을 수신하는 단계; 및
    상기 수신된 제1 콘텐츠 아이템을 상기 표시 장치상에 표시하는 단계
    를 더 포함하는 컴퓨터 구현 방법.
  7. 제1항에 있어서,
    상기 제1 부분 내의 위치로부터 상기 적어도 2개의 부분 중 제2 부분 내의 위치로의 상기 커서의 배치의 검출 시에,
    상기 제2 콘텐츠 아이템에 대한 요청을 상기 원격 위치로 전송하는 단계;
    상기 원격 위치로부터 상기 제2 콘텐츠 아이템을 수신하는 단계; 및
    상기 수신된 제2 콘텐츠 아이템을 상기 표시 장치 상에 표시하는 단계
    를 더 포함하는 컴퓨터 구현 방법.
  8. 제1항에 있어서, 상기 표시 영역 밖의 상기 커서의 배치의 검출 시에, 상기 적어도 2개의 아이템 중 디폴트 아이템을 상기 영역에 표시하는 단계를 더 포함하는 컴퓨터 구현 방법.
  9. 제8항에 있어서, 상기 디폴트 아이템은 사용자 입력에 기초하여 결정되는 컴퓨터 구현 방법.
  10. 제1항에 있어서,
    컨테이너 내의 콘텐츠 아이템들의 수가 임계치를 초과할 때,
    콘텐츠 아이템들의 적어도 2개의 그룹을 형성하는 단계 - 하나의 그룹은 상기 컨테이너 내의 적어도 2개의, 그러나 전부보다는 적은 콘텐츠 아이템을 포함함 -;
    상기 표시 영역을 그룹 부분들로 분할하는 단계 - 각각의 그룹 부분은 상기 그룹들 중 하나에 대응함 -;
    그룹 내의 하나의 콘텐츠 아이템을 이 그룹에 대한 대표 아이템으로서 지정하는 단계; 및
    제1 그룹 부분 내에서의 커서의 배치의 검출 시에,
    상기 제1 그룹에 대응하는, 상기 제1 그룹의 대표 아이템에 대한 요청을 상기 원격 위치로 전송하는 단계,
    상기 대표 아이템을 수신하는 단계, 및
    상기 대표 아이템을 상기 영역에 표시하는 단계
    를 더 포함하는 컴퓨터 구현 방법.
  11. 하나 이상의 기계가 동작들을 수행하는 것을 가능하게 하는 명령어들을 저장하는 컴퓨터 판독가능 기록 매체로서, 상기 동작들은,
    컴퓨터 시스템과 연관된 표시 장치 상에, 네트워크를 통해 상기 컴퓨터 시스템과 동작하도록 결합되는 원격 위치에서의 컨테이너에 대응하는 표시 영역을 표시하는 단계 - 상기 컨테이너는 제1 콘텐츠 아이템 및 제2 콘텐츠 아이템을 포함하는 적어도 2개의 콘텐츠 아이템을 포함함 -;
    상기 표시 영역을 적어도 2개의 부분으로 분할하는 단계 - 각각의 부분은 상기 적어도 2개의 아이템 중 하나에 대응함 -; 및
    상기 적어도 2개의 부분 중 제1 부분 내에서의 커서의 배치의 검출 시에,
    상기 제1 콘텐츠 아이템에 대한 요청을 상기 원격 위치로 전송하는 단계,
    상기 제1 콘텐츠 아이템을 수신하는 단계, 및
    상기 제1 콘텐츠 아이템을 상기 표시 영역에 표시하는 단계
    를 포함하는 컴퓨터 판독가능 기록 매체.
  12. 제11항에 있어서, 상기 콘텐츠 아이템들은 디지털 이미지들인 컴퓨터 판독가능 기록 매체.
  13. 제11항에 있어서, 상기 적어도 2개의 콘텐츠 아이템은 상기 컨테이너 내에 시퀀스를 이루어 저장되고, 상기 시퀀스는 상기 콘텐츠 아이템들이 캡처된 순서를 나타내는 컴퓨터 판독가능 기록 매체.
  14. 제13항에 있어서, 좌에서 우로의 상기 표시 영역 내에서의 위치들의 진행은 상기 시퀀스의 시작으로부터 상기 시퀀스의 끝까지의 상기 시퀀스 내의 콘텐츠 아이템들의 순서에 대응하는 컴퓨터 판독가능 기록 매체.
  15. 제11항에 있어서, 상기 동작들은 상기 원격 위치로부터 제1 식별자 및 제2 식별자를 포함하는 적어도 2개의 식별자를 수신하는 단계를 더 포함하고, 각각의 식별자는 상기 적어도 2개의 콘텐츠 아이템 중 한 콘텐츠 아이템에 대응하고, 상기 제1 식별자 및 상기 제2 식별자는 상기 제1 콘텐츠 아이템 및 상기 제2 콘텐츠 아이템에 각각 대응하는, 컴퓨터 판독가능 기록 매체.
  16. 제15항에 있어서,
    상기 동작들은,
    상기 제1 부분 내에서의 상기 커서의 배치의 검출 시에,
    상기 제1 부분에 대응하는 제1 콘텐츠 아이템에 대응하는 상기 제1 식별자를 식별하는 단계;
    상기 제1 식별자에 대응하는 콘텐츠 아이템에 대한 요청을 상기 원격 위치로 전송하는 단계;
    상기 원격 위치로부터 상기 제1 식별자에 대응하는 상기 제1 콘텐츠 아이템을 수신하는 단계; 및
    상기 수신된 제1 콘텐츠 아이템을 상기 표시 장치 상에 표시하는 단계
    를 더 포함하는 컴퓨터 판독가능 기록 매체.
  17. 제11항에 있어서,
    상기 동작들은,
    상기 제1 부분 내의 위치로부터 상기 적어도 2개의 부분 중 제2 부분 내의 위치로의 상기 커서의 배치의 검출 시에,
    상기 제2 콘텐츠 아이템에 대한 요청을 상기 원격 위치로 전송하는 단계;
    상기 원격 위치로부터 상기 제2 콘텐츠 아이템을 수신하는 단계; 및
    상기 수신된 제2 콘텐츠 아이템을 상기 표시 장치 상에 표시하는 단계
    를 더 포함하는 컴퓨터 판독가능 기록 매체.
  18. 제11항에 있어서, 상기 동작들은 상기 표시 영역 밖의 상기 커서의 배치의 검출 시에, 상기 적어도 2개의 아이템 중 디폴트 아이템을 상기 영역에 표시하는 단계를 더 포함하는 컴퓨터 판독가능 기록 매체.
  19. 제18항에 있어서, 상기 디폴트 아이템은 사용자 입력에 기초하여 결정되는 컴퓨터 판독가능 기록 매체.
  20. 제11항에 있어서,
    상기 동작들은,
    컨테이너 내의 콘텐츠 아이템들의 수가 임계치를 초과할 때,
    콘텐츠 아이템들의 적어도 2개의 그룹을 형성하는 단계 - 하나의 그룹은 상기 컨테이너 내의 적어도 2개의, 그러나 전부보다는 적은 콘텐츠 아이템을 포함함 -;
    상기 표시 영역을 그룹 부분들로 분할하는 단계 - 각각의 그룹 부분은 상기 그룹들 중 하나에 대응함 -;
    그룹 내의 하나의 콘텐츠 아이템을 이 그룹에 대한 대표 아이템으로서 지정하는 단계; 및
    제1 그룹 부분 내에서의 커서의 배치의 검출 시에,
    상기 제1 그룹에 대응하는, 상기 제1 그룹의 대표 아이템에 대한 요청을 상기 원격 위치로 전송하는 단계,
    상기 대표 아이템을 수신하는 단계, 및
    상기 대표 아이템을 상기 영역에 표시하는 단계
    를 더 포함하는 컴퓨터 판독가능 기록 매체.
  21. 시스템으로서,
    데이터 처리 장치; 및
    동작들을 수행하도록 상기 데이터 처리 장치에 의해 실행될 수 있는 컴퓨터 소프트웨어 명령어들을 인코딩한 컴퓨터 판독 가능 매체
    를 포함하고,
    상기 동작들은,
    컴퓨터 시스템과 연관된 표시 장치 상에, 네트워크를 통해 상기 컴퓨터 시스템과 동작하도록 결합되는 원격 위치에서의 컨테이너에 대응하는 표시 영역을 표시하는 단계 - 상기 컨테이너는 제1 콘텐츠 아이템 및 제2 콘텐츠 아이템을 포함하는 적어도 2개의 콘텐츠 아이템을 포함함 -;
    상기 표시 영역을 적어도 2개의 부분으로 분할하는 단계 - 각각의 부분은 상기 적어도 2개의 아이템 중 하나에 대응함 -; 및
    상기 적어도 2개의 부분 중 제1 부분 내에서의 커서의 배치의 검출 시에,
    상기 제1 콘텐츠 아이템에 대한 요청을 상기 원격 위치로 전송하는 단계,
    상기 제1 콘텐츠 아이템을 수신하는 단계, 및
    상기 제1 콘텐츠 아이템을 상기 표시 영역에 표시하는 단계
    를 포함하는 시스템.
  22. 제21항에 있어서, 상기 콘텐츠 아이템들은 디지털 이미지들인 시스템.
  23. 제21항에 있어서, 상기 적어도 2개의 콘텐츠 아이템은 상기 컨테이너 내에 시퀀스를 이루어 저장되고, 상기 시퀀스는 상기 콘텐츠 아이템들이 캡처된 순서를 나타내는 시스템.
  24. 제23항에 있어서, 좌에서 우로의 상기 표시 영역 내의 위치들의 진행은 상기 시퀀스의 시작으로부터 상기 시퀀스의 끝까지의 상기 시퀀스 내의 콘텐츠 아이템들의 순서에 대응하는 시스템.
  25. 제21항에 있어서, 상기 동작들은 상기 원격 위치로부터 제1 식별자 및 제2 식별자를 포함하는 적어도 2개의 식별자를 수신하는 단계를 더 포함하고, 각각의 식별자는 상기 적어도 2개의 콘텐츠 아이템 중 한 콘텐츠 아이템에 대응하고, 상기 제1 식별자 및 상기 제2 식별자는 상기 제1 콘텐츠 아이템 및 상기 제2 콘텐츠 아이템에 대응하는, 시스템.
KR1020127013346A 2007-08-06 2008-07-03 커서 위치에 기초하는 콘텐츠 표시의 갱신 KR20120073362A (ko)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
US11/834,589 2007-08-06
US11/834,589 US8261209B2 (en) 2007-08-06 2007-08-06 Updating content display based on cursor position

Related Parent Applications (1)

Application Number Title Priority Date Filing Date
KR1020107005020A Division KR101173740B1 (ko) 2007-08-06 2008-07-03 커서 위치에 기초하는 콘텐츠 표시의 갱신

Publications (1)

Publication Number Publication Date
KR20120073362A true KR20120073362A (ko) 2012-07-04

Family

ID=39789457

Family Applications (2)

Application Number Title Priority Date Filing Date
KR1020107005020A KR101173740B1 (ko) 2007-08-06 2008-07-03 커서 위치에 기초하는 콘텐츠 표시의 갱신
KR1020127013346A KR20120073362A (ko) 2007-08-06 2008-07-03 커서 위치에 기초하는 콘텐츠 표시의 갱신

Family Applications Before (1)

Application Number Title Priority Date Filing Date
KR1020107005020A KR101173740B1 (ko) 2007-08-06 2008-07-03 커서 위치에 기초하는 콘텐츠 표시의 갱신

Country Status (7)

Country Link
US (1) US8261209B2 (ko)
EP (1) EP2176793A1 (ko)
JP (1) JP5369103B2 (ko)
KR (2) KR101173740B1 (ko)
CN (1) CN101809573A (ko)
AU (1) AU2008284179B2 (ko)
WO (1) WO2009020726A1 (ko)

Families Citing this family (39)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
GB2371378A (en) * 2000-10-12 2002-07-24 Abb Ab Object oriented control system
US8671362B2 (en) * 2006-01-16 2014-03-11 Sony Corporation Content and/or service presentation device and method and information storage medium
US20080288869A1 (en) * 2006-12-22 2008-11-20 Apple Inc. Boolean Search User Interface
US8276098B2 (en) * 2006-12-22 2012-09-25 Apple Inc. Interactive image thumbnails
US9142253B2 (en) 2006-12-22 2015-09-22 Apple Inc. Associating keywords to media
US9953329B2 (en) * 2007-08-02 2018-04-24 International Business Machines Corporation System and method for providing preview results for search systems integrating mulitple collections
US8261209B2 (en) * 2007-08-06 2012-09-04 Apple Inc. Updating content display based on cursor position
EP2494432B1 (en) 2009-10-27 2019-05-29 Harmonix Music Systems, Inc. Gesture-based user interface
US9981193B2 (en) 2009-10-27 2018-05-29 Harmonix Music Systems, Inc. Movement based recognition and evaluation
JP2011145386A (ja) * 2010-01-13 2011-07-28 Fuji Xerox Co Ltd 表示制御装置、表示装置及びプログラム
US9358456B1 (en) 2010-06-11 2016-06-07 Harmonix Music Systems, Inc. Dance competition game
JP5643549B2 (ja) * 2010-06-11 2014-12-17 任天堂株式会社 画像処理システム、画像処理プログラム、画像処理装置および画像処理方法
USD680125S1 (en) * 2010-11-16 2013-04-16 Apple Inc. Display screen or portion thereof with graphical user interface
CN102857823A (zh) * 2012-08-24 2013-01-02 乐视网信息技术（北京）股份有限公司 基于电视的web页面焦点控制方法
EP2891144B1 (en) * 2012-09-05 2019-08-14 Landmark Graphics Corporation Manipulating parameters
US9229632B2 (en) 2012-10-29 2016-01-05 Facebook, Inc. Animation sequence associated with image
JP6103890B2 (ja) * 2012-11-08 2017-03-29 三菱重工業株式会社 メンテナンス用モニタ装置並びにそのプログラム及び記録媒体
US9684935B2 (en) 2012-11-14 2017-06-20 Facebook, Inc. Content composer for third-party applications
US9547627B2 (en) 2012-11-14 2017-01-17 Facebook, Inc. Comment presentation
US9507757B2 (en) 2012-11-14 2016-11-29 Facebook, Inc. Generating multiple versions of a content item for multiple platforms
US9607289B2 (en) 2012-11-14 2017-03-28 Facebook, Inc. Content type filter
US9606695B2 (en) 2012-11-14 2017-03-28 Facebook, Inc. Event notification
US9218188B2 (en) 2012-11-14 2015-12-22 Facebook, Inc. Animation sequence associated with feedback user-interface element
US9507483B2 (en) 2012-11-14 2016-11-29 Facebook, Inc. Photographs with location or time information
US9606717B2 (en) 2012-11-14 2017-03-28 Facebook, Inc. Content composer
US9245312B2 (en) 2012-11-14 2016-01-26 Facebook, Inc. Image panning and zooming effect
US9235321B2 (en) 2012-11-14 2016-01-12 Facebook, Inc. Animation sequence associated with content item
US9547416B2 (en) 2012-11-14 2017-01-17 Facebook, Inc. Image presentation
US9696898B2 (en) 2012-11-14 2017-07-04 Facebook, Inc. Scrolling through a series of content items
US9081410B2 (en) 2012-11-14 2015-07-14 Facebook, Inc. Loading content on electronic device
US10220303B1 (en) 2013-03-15 2019-03-05 Harmonix Music Systems, Inc. Gesture-based music game
USD741353S1 (en) 2013-06-10 2015-10-20 Apple Inc. Display screen or portion thereof with animated graphical user interface
US20150268827A1 (en) * 2014-03-24 2015-09-24 Hideep Inc. Method for controlling moving direction of display object and a terminal thereof
CN104504001B (zh) * 2014-12-04 2017-08-08 西北工业大学 面向海量分布式关系数据库的游标构造方法
CN105049909B (zh) * 2015-06-26 2018-03-27 福建新大陆通信科技股份有限公司 一种机顶盒菜单显示特效方法及系统
WO2017120300A1 (en) * 2016-01-05 2017-07-13 Hillcrest Laboratories, Inc. Content delivery systems and methods
USD877174S1 (en) 2018-06-03 2020-03-03 Apple Inc. Electronic device with graphical user interface
US10901700B2 (en) * 2019-02-27 2021-01-26 International Business Machines Corporation Automatic generation of container image in a runtime environment
USD940737S1 (en) 2020-06-21 2022-01-11 Apple Inc. Display screen or portion thereof with graphical user interface

Family Cites Families (25)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH03234243A (ja) * 1990-02-09 1991-10-18 Hitachi Medical Corp Ｃｔ装置における画像の表示方法
JPH05266092A (ja) * 1992-03-23 1993-10-15 Nippon Telegr & Teleph Corp <Ntt> 画像検索装置およびそのブラウジング表示方法
JP3586923B2 (ja) * 1995-04-17 2004-11-10 ソニー株式会社 電子番組ガイド伝送装置および方法並びに電子番組ガイド受信装置および方法
US5699458A (en) * 1995-06-29 1997-12-16 Intel Corporation Efficient browsing of encoded images
KR970078629A (ko) * 1996-05-28 1997-12-12 이형도 다채널 동시검색기능을 구비한 디지탈위성영상수신기
US7503057B2 (en) * 1997-06-02 2009-03-10 Sony Corporation Client and server system
JP2003513350A (ja) 1999-10-29 2003-04-08 サーフキャスト インコーポレイテッド 多数の情報ソースを同時に表示するためのシステム及び方法
US7028264B2 (en) 1999-10-29 2006-04-11 Surfcast, Inc. System and method for simultaneous display of multiple information sources
JP2002032211A (ja) * 2000-05-08 2002-01-31 Fujitsu Ltd 情報表示装置、媒体、およびプログラム
US6904450B1 (en) * 2000-08-09 2005-06-07 Geodata Publishers, Inc. Method and system for customizable network data retrieval
US20020163545A1 (en) 2001-05-01 2002-11-07 Hii Samuel S. Method of previewing web page content while interacting with multiple web page controls
US7047502B2 (en) 2001-09-24 2006-05-16 Ask Jeeves, Inc. Methods and apparatus for mouse-over preview of contextually relevant information
US7100123B1 (en) * 2002-01-25 2006-08-29 Microsoft Corporation Electronic content search and delivery based on cursor location
JP2004274260A (ja) 2003-03-06 2004-09-30 Sony Corp テレビジョン受像機、画像閲覧システムおよび方法、ならびに、端末装置およびサーバ装置
US7197751B2 (en) * 2003-03-12 2007-03-27 Oracle International Corp. Real-time collaboration client
JP4200038B2 (ja) * 2003-04-07 2008-12-24 富士フイルム株式会社 ファイル選択支援プログラムおよびファイル選択支援方法
US7159188B2 (en) * 2003-10-23 2007-01-02 Microsoft Corporation System and method for navigating content in an item
US7836091B2 (en) * 2003-12-19 2010-11-16 Sharp Laboratories Of America, Inc. Systems and methods for providing access to an embedded thumbnail image
US7574674B2 (en) * 2004-04-02 2009-08-11 Microsoft Corporation Method for controlling filename display for image and video file types
US20050231512A1 (en) * 2004-04-16 2005-10-20 Niles Gregory E Animation of an object using behaviors
DE102004036546A1 (de) 2004-07-28 2006-03-23 Infineon Technologies Ag Integrierter Halbleiterspeicher
US7689915B2 (en) 2004-07-29 2010-03-30 Canon Kabushiki Kaisha Image processing apparatus and image processing method using image attribute information and thumbnail displays for display control
JP2007080109A (ja) * 2005-09-16 2007-03-29 Ricoh Co Ltd データ表示装置、データ表示方法、およびその方法をコンピュータに実行させるプログラム
US8276098B2 (en) * 2006-12-22 2012-09-25 Apple Inc. Interactive image thumbnails
US8261209B2 (en) * 2007-08-06 2012-09-04 Apple Inc. Updating content display based on cursor position

Also Published As

Publication number Publication date
AU2008284179A1 (en) 2009-02-12
KR20100038471A (ko) 2010-04-14
WO2009020726A1 (en) 2009-02-12
KR101173740B1 (ko) 2012-08-13
AU2008284179B2 (en) 2011-12-22
JP5369103B2 (ja) 2013-12-18
US8261209B2 (en) 2012-09-04
EP2176793A1 (en) 2010-04-21
CN101809573A (zh) 2010-08-18
JP2010536094A (ja) 2010-11-25
US20090044133A1 (en) 2009-02-12

Similar Documents

Publication Publication Date Title
KR101173740B1 (ko) 커서 위치에 기초하는 콘텐츠 표시의 갱신
US10705786B2 (en) Collaborative electronic whiteboard publication process
US9798744B2 (en) Interactive image thumbnails
US9971485B2 (en) Interactive image thumbnails
US9704532B2 (en) Creating and viewing preview objects
US20090005032A1 (en) Viewing Digital Content on a Mobile Device
US20140108963A1 (en) System and method for managing tagged images
US10452706B2 (en) Method and system for handling images on a multi-touch device
US20140237357A1 (en) Two-dimensional document navigation
JP2014219974A (ja) ウェブページの部分コンテンツを取得するための方法及び装置
US20080165207A1 (en) Method and System for Manipulating Graphical Images
US20190250999A1 (en) Method and device for storing and restoring a navigation context
US10970320B2 (en) Systems and methods for coordinate-based search
AU2012201724A1 (en) Updating content display based on cursor position
KR20200131250A (ko) 내비게이션 컨텍스트를 저장 및 복원하는 방법 및 장치

Legal Events

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