KR20120135243A - 공유가능한 사용자 인터페이스를 이용해 정보를 구성하는 방법 및 시스템 - Google Patents

공유가능한 사용자 인터페이스를 이용해 정보를 구성하는 방법 및 시스템 Download PDF

Info

Publication number
KR20120135243A
KR20120135243A KR1020127022664A KR20127022664A KR20120135243A KR 20120135243 A KR20120135243 A KR 20120135243A KR 1020127022664 A KR1020127022664 A KR 1020127022664A KR 20127022664 A KR20127022664 A KR 20127022664A KR 20120135243 A KR20120135243 A KR 20120135243A
Authority
KR
South Korea
Prior art keywords
key
grid
selection
web page
preview
Prior art date
Application number
KR1020127022664A
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 KR20120135243A publication Critical patent/KR20120135243A/ko

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • 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
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q30/00—Commerce
    • G06Q30/02—Marketing; Price estimation or determination; Fundraising
    • G06Q30/0241—Advertisements
    • G06Q30/0277—Online advertisement
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Databases & Information Systems (AREA)
  • Business, Economics & Management (AREA)
  • Human Computer Interaction (AREA)
  • Development Economics (AREA)
  • Strategic Management (AREA)
  • Data Mining & Analysis (AREA)
  • Accounting & Taxation (AREA)
  • Finance (AREA)
  • Economics (AREA)
  • Game Theory and Decision Science (AREA)
  • Entrepreneurship & Innovation (AREA)
  • Marketing (AREA)
  • General Business, Economics & Management (AREA)
  • User Interface Of Digital Computer (AREA)
  • Telephone Function (AREA)
  • Information Transfer Between Computers (AREA)
  • Telephonic Communication Services (AREA)

Abstract

본 발명에 따른 방법은, 제1 다수 객체에 대응되는 제1 다수 키영역을 포함하는 제1격자를 사용자 인터페이스(UI)에 표시하는 과정; 상기 제1 다수 객체 중의 객체에 대응되는 상기 제1 다수 키영역 중의 제1키영역의 선택(이 제1키영역의 선택은 제1선택방식에 의해 이루어짐)을 식별하는 과정; 상기 제1키영역의 선택에 대한 응답으로, 제2 다수 객체에 대응되는 제2 다수 키영역을 포함하는 제2격자를 상기 UI에 표시하는 과정(여기서, 상기 제1 다수 객체의 상기 객체가 이 제2격자에 연계됨); 상기 제2 다수 키영역 중의 제2키영역의 제1선택(이 제2키영역의 제1선택은 제2선택방식에 의해 이루어짐)을 수신하는 과정; 및 상기 제2키영역의 제1선택에 대한 응답으로, 상기 제2격자와 함께 제1웹페이지의 제1미리보기를 상기 UI에 표시하는 과정(여기서 제1웹페이지는 상기 제2 다수 객체의 객체 중의 객체에 해당됨)으로 구성된다.

Description

공유가능한 사용자 인터페이스를 이용해 정보를 구성하는 방법 및 시스템 {METHOD AND SYSTEM FOR ORGANIZING INFORMATION WITH A SHARABLE USER INTERFACE}
본 발명은 공유 가능한 사용자 인터페이스(UI, user interface)에서 정보를 구성(organize)하는 시스템 및 방법에 관한 것이다.
디지털 융합(digital convergence) 및 멀티스크린(multi-screen) 시대에 사용자는, 큰 화면과 풀사이즈 키보드, 빠른 포인터와 강력한 광대역 인터넷을 이용하는 일반 데스크톱 컴퓨터보다 훨씬 적은 자원(resource)을 갖는 다양한 장치를 사용하여 보다 더 많은 정보를 검색하고 액세스해야 할 필요가 있다. 이러한 적은 자원을 갖는 장치의 전형으로서 모바일 장치를 들 수 있지만, 이외에도 네트웍 TV 등과 같은 것도 들 수 있다. 검색 및 액세스 대상이 되는 정보는 어떠한 유형이라도 가능하고 어떠한 쏘스로부터도 올 수 있지만, 대부분은 주로 데스크톱 컴퓨터용으로 구성되고 생성된다. 따라서 데스크톱 컴퓨터 이외 장치의 증가에 따른 제약(예컨대, 작은 화면 크기, 원거리 화면, 휴대용 리모콘 등) 하에서, 이러한 방대한 양의 정보를 구성하고 액세스하고 공유하는 것은 대부분 어렵다.
개괄적으로, 본 발명의 일측면에 따른 방법은, 제1 다수 객체에 대응되는 제1 다수 키영역을 포함하는 제1격자를 사용자 인터페이스(UI)에 표시하는 과정; 상기 제1 다수 객체 중의 객체에 대응되는, 상기 제1 다수 키영역 중의 제1키영역의 선택(이 제1키영역의 선택은 제1선택방식에 의해 이루어짐)을 식별하는 과정; 상기 제1키영역의 선택에 대한 응답으로, 제2 다수 객체에 대응되는 제2 다수 키영역을 포함하는 제2격자를 상기 UI에 표시하는 과정(여기서, 상기 제1 다수 객체의 상기 객체가 이 제2격자에 연계됨); 상기 제2 다수 키영역 중의 제2키영역의 제1선택(이 제2키영역의 제1선택은 제2선택방식에 의해 이루어짐)을 수신하는 과정; 및 상기 제2키영역의 제1선택에 대한 응답으로, 상기 제2격자와 함께 제1웹페이지의 제1미리보기를 상기 UI에 표시하는 과정(여기서 제1웹페이지는 상기 제2 다수 객체의 객체 중의 객체에 해당됨)으로 구성된다.
개괄적으로, 본 발명의 다른 측면에 따르면, 명령어들을 저장하고 있는 컴퓨터가 판독가능한 영구적 기록매체가 제공된다. 이들 명령어는, 제1 다수 객체에 대응되는 제1 다수 키영역을 포함하는 제1격자를 사용자 인터페이스(UI)에 표시하는 기능; 상기 제1 다수 객체 중의 객체에 대응되는, 상기 제1 다수 키영역 중의 제1키영역의 선택(이 제1키영역의 선택은 제1선택방식에 의해 이루어짐)을 식별하는 기능; 상기 제1키영역의 선택에 대한 응답으로, 제2 다수 객체에 대응되는 제2 다수 키영역을 포함하는 제2격자를 상기 UI에 표시하는 기능(여기서, 상기 제1 다수 객체의 상기 객체가 이 제2격자에 연계됨); 상기 제2 다수 키영역 중의 제2키영역의 제1선택(이 제2키영역의 제1선택은 제2선택방식에 의해 이루어짐)을 수신하는 기능; 및 상기 제2키영역의 제1선택에 대한 응답으로, 상기 제2격자와 함께 제1웹페이지의 제1미리보기를 상기 UI에 표시하는 기능(여기서 제1웹페이지는 상기 제2 다수 객체의 객체 중의 객체에 해당됨)으로 이루어진다.
개괄적으로, 본 발명의 다른 측면에 따른 시스템은, 제1 다수 객체에 대응되는 제1 다수 키영역을 포함하는 제1격자와 및 제2 다수 객체에 대응되는 제2 다수 키영역을 포함하는 제2격자를 저장하는 격자 저장소; 상기 제1 다수 키영역 중의 제1키영역의 선택(이 제1키영역의 선택은 제1선택방식에 의해 이루어짐) 및 상기 제2 다수 키영역 중의 제2키영역의 선택(이 제2키영역의 선택은 제2선택방식에 의해 이루어짐)을 식별하도록 구성된 사용자 이벤트 리스너; 상기 제1키영역의 선택에 대한 응답으로 상기 제2격자를 표시하고, 상기 제2키영역의 선택에 대한 응답으로 웹페이지의 미리보기를 표시하도록 구성된 격자 엔진으로 구성된다. 여기서, 상기 제2격자는 상기 제1 다수 객체 중의 객체에 대응되고, 상기 웹페이지는 상기 제2 다수 객체 중의 객체에 대응된다.
본 발명의 그 밖의 특징은 다음과 같은 상세한 설명 및 첨부 청구범위를 통해서 명확해질 것이다.
본 발명에 따르면, 모바일 장치의 제약 조건(예컨대, 작은 화면 크기, 적은 명령어수, 느린 인터넷 접속 속도 등)에 적합한 사용자 인터페이스를 제공할 수 있고, 웹을 구성하고 신속하게 웹을 보여줄 수 있으며, 웹페이지에 대한 링크를 저장, 공유, 관리하고 신속하게 액세스(즉, 서핑)할 수 있다. 또한, 자주 액세스하는 아이콘 및/또는 메뉴 기능을 구성하는 것이 가능하고, 웹의 검색(searching), 탐색(navigation), 탐사(exploring), 뒤로 가기, 재시도, 그리고 웹에서 원하는 컨텐츠를 가져오는 데 소요되는 시간을 단축할 수 있으며, 다른 사용자와 컨텐츠(예를 들어, 웹페이지, 격자)를 공유할 수 있고, 자주 액세스하는 웹페이지간의 이동에 소요되는 시간을 줄일 수 있다.
도 1은 본 발명의 하나 이상의 실시예에 따른 격자를 예시한다.
도 2는 본 발명의 하나 이상의 실시예에 따른 시스템을 묘사한 블록 다이어그램을 도시한다.
도 3~5는 본 발명의 하나 이상의 실시예에 따른 순서도를 도시한다.
도 6~9는 본 발명의 하나 이상의 실시예에 따른 격자 네비게이션의 예 및/또는 격자 기능의 예를 도시한다.
도 10은 본 발명의 하나 이상의 실시예에 따른 컴퓨터 시스템을 도시한다.
이하, 본 발명의 구체적인 실시예에 대해서 첨부 도면을 참조하여 상세히 설명한다. 일관성을 위하여, 각 도면에 있는 동일한 구성요소에 대해서는 동일한 참조 번호를 부여하였다.
본 발명의 실시예에 대한 다음의 상세한 설명에는, 본 발명을 보다 철저하게 이해할 수 있도록 많은 구체적인 세부적 내용을 명시하고 있지만, 이러한 특정 내용 없이도 본 발명을 실시할 수 있음은 본 발명이 속하는 기술분야에서 숙련된 자(당업자)에게 자명할 것이다. 그 밖에 잘 알려져 있는 주지적 기능에 대해서는 설명을 불필요하게 복잡하지 않도록 하기 위해 그 설명을 생략하였다.
전체적으로, 본 발명의 실시예는 공유 가능한 사용자 인터페이스(UI, user interface) 내에서 정보를 구성(organize)하는 시스템 및 방법을 제공한다. 구체적으로 보자면, 사용자가 공간 탐색(traversal navigation)할 수 있는 계층 구조(hierarchy)(즉, 트리(tree) 또는 데크(deck) 구조)의 격자(grid)가 존재한다. 각 격자는, 하나 이상의 객체(object)(예컨대, 파일, 사용자 소프트웨어 어플리케이션, 명령어, 지도, 광고, 웹페이지, 웹사이트, 계층 구조 내의 하위 격자(child grid) 등)에 대응된 하나 이상의 키영역(key zone)을 갖고 있다. 키영역을 선택하면, 이 키영역에 대응된 객체가 실행(launch)되고/또는 이 키영역에 대응되는 객체의 미리보기(preview)가 표시된다. 사용자는 사용자정의 격자(custom grid)를 생성할 수 있고, 두 개 이상의 기존 격자를 병합(merge)(예컨대, 연결(concatenate))할 수 있고, 격자들을 가져오기(import)/내보내기(export)/공유(share)할 수 있다. 또한, 웹사이트는 웹사이트 내의 컨텐츠의 감상 및/또는 탐색을 제어하기 위한 키영역을 갖는 격자를 사용할 수 있다.
도 1은 본 발명의 하나 이상의 실시예에 따른 격자(즉, Grid A(100))를 도시한다. 격자 A(100)는 사용자 인터페이스(예를 들어, 모바일 장치의 터치스크린)에 표시될 수 있다. 도 1에 도시된 바와 같이, 격자 A(100)는 다수의 키영역(즉, 키영역 A(102), 키영역 B(104), 키영역 C(106), 키영역 D(108), 키영역 E(110), 키영역 F(112))을 갖는다. 이들 키영역은 격자 A(100)에서 사용자가 선택할 수 있는 구역/영역에 해당되는 것이다. 또한, 각 키영역(102, 104, 106, 108, 110, 112)은 또한, 객체에 대응된다(아래에서 설명함).
본 발명의 하나 이상의 실시예에서는 해당 키영역을 어떻게 선택하냐에 따라, 객체가 실행되거나(launch) 객체의 미리보기(preview)가 표시된다. 다시 말해서, 키영역 선택 방식(type), 즉, 키영역을 선택하는 거동(manner)에 의해서 해당 객체에 대해 수행되는 동작이 좌우된다. 키영역 선택 방식의 일례를 들자면, 소정 시간(예컨대, 1.5 초) 동안 키영역을 눌러서 유지시키는 행위(즉, 키영역 홀드(hold))를 들 수 있다. 실제로는, 다양한 시간(예컨대, 1.5 초, 5 초 등) 동안 키영역을 눌러서 유지시키는 다양한 키영역 선택 방식을 설정할 수 있다. 키영역 선택 방식의 다른 예를 들자면, 키영역을 누르고 유지하다가 키영역에서 떼는 행위(즉, 키영역 릴리스(release))를 들 수 있다. 또한, 포인팅 장치(예컨대, 마우스, 트랙볼, 펜, 스타일러스(stylus) 등)에 의해, 또는 키보드/키패드에 의해, 또는 음성 명령에 의해 이루어지는 모든 선택 행위가 상기 키영역 선택 방식에 해당된다. 또한, 선택 메커니즘으로서 타이머(timer)를 사용할 수도 있다. 구체적으로, 소정의 시간이 경과되었으나 사용자가 아직 선택을 하지 않은 경우에는, 하나의 시퀀스로서, 객체에 대한 미리보기를 생성하여 표시할 수 있다. 이때, 각 미리보기는, 이 시퀀스의 다음 번 미리보기를 생성 및/또는 표시하기 전까지 소정 시간 동안 표시된다. 본 발명의 상세한 설명의 이익을 갖는 당업자들은 상기 명시한 것들 외에도 다양한 키영역 선택 방식을 알고 있을 것이다.
도 1에 표시된 바와 같이, 키영역 E(110)는 사용자 소프트웨어 어플리케이션(132)(예컨대, 워드프로세싱 어플리케이션, 웹브라우저, 회계 어플리케이션, 데스크톱 출판 어플리케이션, 스프레드시트 어플리케이션, 소셜 네트워킹 어플리케이션 등)에 대응되어 있다. 따라서, 사용자 소프트웨어 어플리케이션(132)은 키영역 E(110)의 선택에 대한 응답으로서 시작(즉, 실행)될 수 있다. 또는 이와 달리, 사용자 소프트웨어 어플리케이션의 미리보기(132)는, 키영역 E(110)의 선택에 대한 응답으로서 생성 및/또는 표시될 수 있다. 미리보기에는 사용자 소프트웨어 어플리케이션(132)의 스크린샷(screen shot) 및/또는 사용자 소프트웨어 어플리케이션(132)의 다양한 속성(예컨대, 크기, 가용성(availability), 설치 날짜/시간, 마지막으로 실행된 날짜/시간, 마지막으로 업데이트된 날짜/시간 등)이 포함될 수 있다. 미리보기의 표시 여부 또는 사용자 소프트웨어 어플리케이션(132)의 실행 여부는, 키영역 E(110)를 선택하는 거동(즉, 키영역 선택 방식)에 따라 결정된다.
도 1에서, 키영역 D(108)는 파일(130)(즉, 문서, 이미지 또는 사진, 스프레드시트 파일, 슬라이드쇼 파일 등)에 대응되어 있다. 따라서 파일(130)은 키영역 D의 선택에 대한 응답으로서 (이 파일(130)을 생성한 어플리케이션 내에서, 또는 이 파일(130)을 볼 수 있는 어플리케이션 내에서) 실행(예컨대, 표시)될 수 있다. 또는 이와 달리, 키영역 D(108)의 선택에 응답하여 파일(130)의 미리보기를 표시할 수 있다. 미리보기의 내용(컨텐츠)은 파일(130)의 종류에 따라 달라진다. 예를 들어, 이미지나 사진의 경우에, 미리보기에는 파일의 일부 및/또는 파일(130)의 저해상도 버전이 포함될 수 있다. 워드프로세서 문서의 경우에 미리보기에는 해당 문서의 헤더 및/또는 표지가 포함될 수 있다. 또한, 미리보기에는 파일의 속성(예컨대, 생성된 날짜/시간, 마지막으로 수정한 날짜/시간, 크기, 저장된 위치 등)이 포함될 수 있다. 파일(130)의 미리보기 표시 여부 또는 파일(130)의 자체 실행 여부는 키영역 D(108)가 선택되는 거동(즉, 키영역 선택 방식)에 따라 달라진다. 본 발명의 하나 이상의 실시예에서는 격자 전체가 파일에 대응된다. 이러한 실시예에서 각 키영역은 파일의 다양한 측면이나 부분(예컨대, 목차, 요약, 색인, 그림 목록 등)에 대응된다. 따라서 이때의 격자는 파일의 컨텐츠의 격자인 것이 효과적이다.
도 1을 다시 참조하면, 키영역 A(102)는 홈 웹페이지(126) 및 보조 웹페이지(128)를 갖는 웹사이트(124)에 대응된다. 따라서 웹사이트(124)의 홈 웹페이지(126)는 키영역 A(102)의 선택에 대한 응답으로, 실행될 수 있다. 다르게는, 홈 웹페이지(126)의 미리보기가 키영역 A(102)의 선택에 대한 응답으로서 표시될 수 있다. 이 미리보기는 홈 웹페이지(126)의 캐시처리된 버전(cached version)에 대응된다. 또한, 이 미리보기에는 홈 웹페이지(126)의 일부분만이 그리고/또는 웹페이지의 저해상도 버전이 포함될 수 있다. 홈 웹페이지(126)의 미리보기 표시 여부, 또는 홈 웹페이지(126)의 실행 여부는 키영역 A(102)를 선택하는 거동(즉, 키영역 선택 방식)에 따라 달라진다.
도 1에서, 키영역 C(106)는 다수의 키영역(즉, 키영역 C1(114), 키영역 C2(116), 및 키영역 C3(118))을 갖는 격자 B(120)에 대응된다. 격자 B(120)의 다수의 키영역(114, 116, 118)은 또한, 하나 이상의 객체 유형(즉, 웹페이지, 하위 격자(child grid), 사용자 소프트웨어 어플리케이션, 명령, 지도, 광고, 파일 등)(도시하지 않음)에 대응된다. 격자 B(120)는 키영역 C(106)의 선택에 대한 응답으로서 실행(예컨대, 표시)된다. 다르게는, 격자 B(120)의 미리보기를 키영역 C(106)의 선택에 대한 응답으로서 표시할 수 있다. 이 미리보기에는 격자 B(120)의 축소형(즉, 크기를 줄인 버전)이 포함될 수 있다. 격자 B(120)의 미리보기 표시 여부, 또는 격자 B(120)의 실행 여부는 키영역 C(106)를 선택하는 거동(즉, 키영역 선택 방식)에 따라 달라진다.
본 발명의 하나 이상의 실시예에서 격자 A(100)와 격자 B(120)는 격자 계층 구조(즉, 트리 또는 데크 구조) 내의 서로 다른 층에 위치한다. 구체적으로, 격자 B(120)는 격자 계층 구조 내에서 격자 A(100)의 하위 격자(child grid)이다. 마찬가지로, 격자 A(100)는 격자 계층 구조 내에서 격자 B(120)의 상위 격자(parent grid)이다. 또한, 격자 A(100)는 격자 계층 구조에 있는 다른 격자(도시하지 않음)의 하위 격자가 될 수 있다. 격자 계층 구조(즉, 트리)의 층(레벨, level)수는 임의적이다. 사용자는 계층 구조 내의 서로 다른 층의 격자에 대응된 키영역을 선택하여 격자 계층 구조를 이동할 수 있다. 계층 구조의 아래에 있는 격자(즉, 하위 격자를 갖고 있지 않은 격자)는 "잎새 격자(leaf grid)"라고 부를 수 있다. 반면에, "잎새 격자"가 아닌 격자는 "내부 격자(interior grid)"라고 부를 수 있다. 본 발명의 하나 이상의 실시예에서는 내부 격자의 모든 키영역이 격자(즉, 하위 격자)에 대응된다. 따라서, 본 발명의 상기 실시예에서는, 잎새 격자만이, 격자가 아닌 객체(예컨대, 파일, 웹페이지, 명령, 지도, 광고, 사용자 소프트웨어 어플리케이션 등)에 대응되는 키영역을 갖는다.
본 발명의 하나 이상의 실시예에서 키영역(102, 104, 106, 108, 110, 112)에는 각 대응되는 객체에 관한 아이콘, 이미지, 텍스트, 비디오 클립, 및/또는 애니메이션이 포함되어 있다. 하나 이상의 키영역을 사용자의 관심을 유도하기 위해 애니메이션화할 수도 있다. 애니메이션은 격자 표시의 직후에 또는 사용자가 아무런 선택도 하지 않는 동안의 소정 시간 동안에 실행되도록 할 수 있다. 또한, 격자에 대응된 키영역(예컨대, 키영역 C(106))은 현재 격자 아래의 하나 이상의 계층 수에 관한 조밀도 통계자료(density statistics)를 표시할 수 있다. 예를 들어, 상기 조밀도 통계자료에는 현재 격자 아래의 계층 층수, 현재 격자 아래의 하위 격자에 있는 키영역의 평균 또는 중간값(median number) 등이 포함될 수 있다. 또한, 키영역 자체에, 또는 키영역에 인접한 영역(즉, 키영역의 위, 옆, 아래)에, 객체가 신규인지, 읽지 않은 컨텐츠인지, 이미 탐색하였거나 아직 탐색하지 않은 격자 계층 구조 통과 경로인지 나타내도록 표시할 수 있다. 본 발명의 상세한 설명의 이익을 갖는 당업자들은 격자에서의 각 경로의 마지막 층이 서로 다를 수 있음을 알고 있을 것이다. 즉, 어떤 경로의 층수는 10여 층보다 적을 수 있고, 어떤 경로의 층수는 25 층보다 많을 수 있을 것이다.
도 2는 본 발명의 하나 이상의 실시예에 따른 시스템(200)을 도시한다.
도 2에 도시된 바와 같이, 본 시스템(200)은 격자 저장소(grid repository)(205), 격자 엔진(grid engine)(210), 사용자 이벤트 리스너(user event listener)(215), 구획 모듈(partitioning module)(220), 캐시처리 모듈(caching module)(230), 광고 엔진(advertisement engine)(235), 격자 생성기(grid builder)(236), 관리 엔진(management engine)(225)을 포함하는 구성요소를 갖고 있다. 이들 각 구성요소에 대해서는 아래에서 설명할 것이며, 이들은 하나의 하드웨어 장치(예컨대, 서버, 메인프레임, 데스크톱 PC, 랩톱, 노트북, 개인용 디지털 장치(PDA), 텔레비전, 케이블 박스, 위성 박스, 키오스크, 스마트폰 등) 내에 위치할 수도 있고, 유선 및/또는 무선으로 네트워크(예컨대, 인터넷)를 통해 연결된 여러 하드웨어 장치들에 산재하여 위치할 수도 있다.
본 발명의 하나 이상의 실시예에서, 격자 저장소(205)는 격자(예컨대, 도 1을 참조하여 위에서 설명한 격자 A(100)와 격자 B(120))를 저장한다. 또한, 이 격자 저장소(205)는 트리 또는 다른 유형의 계층 구조로 다수의 관련 격자를 저장할 수 있다. 격자 저장소(205)에 저장되는 격자는 사용자가 생성한 사용자정의 격자, 웹사이트에서 제공한 격자, 및/또는 제3자가 제공한 격자일 수 있다. 또한, URL(uniform resource locator), 1차원(1D) 및/또는 2 차원(2D) 바코드, 또는 다른 유형의 키(key)를 이용하여 격자 저장소에 있는 각 격자(205)를 참조(reference)(즉, 인덱싱(index))할 수 있다.
본 발명의 하나 이상의 실시예에서 사용자 이벤트 리스너(215)는 사용자가 하나 이상의 격자를 탐색(navigate)하는 동안에 사용자가 선택한 것들을 식별(identify)한다. 구체적으로, 사용자 이벤트 리스너(215)는 사용자가 선택한 키영역 및 이 키영역을 선택한 거동(즉, 키영역 선택 방식)을 식별한다. 또 다른 예를 들자면, 이벤트 리스너(215)는, 격자는 표시되지만 사용자가 아직 키영역을 선택하지 않은 동안의 소정 시간을 식별할 수 있는 타이머를 포함한다. 이와 같이, 사용자 이벤트 리스너(215)는 사용자에 의해 조작되는 하드웨어 장치의 사용자 인터페이스(예를 들어, 터치스크린)에 연결되어 동작한다. 또한, 사용자 이벤트 리스너(215)는 격자 또는 격자 계층 구조 내에서의 사용자의 선택 패턴을 추적하고 기록할 수 있다. 또한, 사용자 이벤트 리스너(215)는 사용자의 현재 행동, 사용자가 정의한 1조의 파라미터 또는 사용자의 현재 지리적 위치(즉, 지리적 좌표)를 하나 이상의 기록된 패턴과 매칭시켜서, 사용자가 후속적으로 선택하는 키영역을 예측하거나 사용자에게 관심의 표시를 줄 수 있다.
본 발명의 하나 이상의 실시예에서 격자 엔진(210)은 격자(예컨대, 격자 저장소(205)에 있는 격자, 웹사이트나 웹페이지에서 제공한 격자 등)를 검색(retrieve) 및 실행(launch); 격자의 키영역에 대응되는 객체에 대한 미리보기를 검색, 생성, 및/또는 표시; 키영역에 대응되는 웹페이지를 실행; 키영역에 대응되는 소프트웨어 어플리케이션을 실행; 키영역에 대응되는 파일을 실행; 키영역에 대응되는 그 밖의 객체를 실행하도록 구성된다. 특히, 격자 엔진(210)은 사용자 이벤트 리스너(215)에 의해 식별된 이벤트(즉, 사용자가 선택한 키영역 및 키영역 선택 방식)에 의해 작동 개시된다(trigger). 다시 말해서, 격자 엔진(210)은 사용자가 선택한 키영역 및 키영역 선택 방식에 응답하여, 상기 언급한 하나 이상의 기능을 실행한다. 또한, 격자 엔진(210)은 사용자가 조작하는 사용자 인터페이스(예컨대, 모바일 장치의 터치스크린)에 연결되어 동작하고 격자의 키영역에 대응되는 객체에 액세스할 수 있다.
본 발명의 하나 이상의 실시예에서 캐시처리 모듈(230)은 하나 이상의 격자(예를 들어, 격자 저장소(205)에 있는 격자)에 있는 키영역에 대응되는 웹페이지 및/또는 웹사이트에 액세스하여 캐시처리하도록 구성된다. 캐시처리된 웹페이지는 웹페이지 및/또는 웹사이트에 대한 미리보기를 생성하는 데 사용할 수 있다. 본 발명의 하나 이상의 실시예에서 캐시처리를 위해 선택된 웹페이지 및/또는 웹사이트는 사용자가 선택할 가능성이 있는(즉, 예측되는) 키영역에 대응된다. 예를 들어, 격자에 대한 미리보기가 표시되면, 캐시처리 모듈(230)은 사용자가 격자를 실행하여 격자에 있는 키영역들 중 하나 이상의 키영역을 선택할 것을 예상하여, 상기 키영역들에 대응된 모든 웹사이트 및/또는 웹페이지에 액세스하여 캐시처리를 할 수 있다. 또 다른 예를 들자면, 캐시처리 모듈(230)은, 격자가 표시되는 동안에 격자 상의 키영역에 대응된 웹사이트 및/또는 웹페이지에 정기적으로(또는 무작위로) 액세스하여 캐시처리를 할 수 있다. 또한, 일단 현재의 사용자 행동이 기지의 사용자 패턴에 일치하면(예컨대, 사용자 이벤트 리스너(215)에 의해), 선택될 가능성이 있는 것으로 예측되는 키영역에 대응된 웹페이지 및/또는 웹사이트에 액세스하여 캐시처리를 할 수 있다.
본 발명의 하나 이상의 실시예에서 구획 모듈(284)은 웹페이지를 다수의 패널로 구획하고(partition) 포맷하도록 구성된다. 본 발명의 하나 이상의 실시예에서 각 패널은 충분히 작아서, 사용자 장치의 사용자 인터페이스(예를 들어, 터치스크린) 내에 들어갈 수 있다. 다른 말로, 각 패널의 크기가 사용자 인터페이스의 크기보다 작다. 본 발명의 하나 이상의 실시예에서 각 패널의 경계(즉, 둘레)는 웹페이지를 기술하는 마크업 언어(markup language)(예를 들어, HTML, XML) 내의 태그(tag)를 사용하여 지정된다. 일단 웹페이지가 실행되면(즉, 웹페이지에 대응되는 키영역의 선택에 대한 응답으로서), 상기 구획 모듈(220)은 태그에 따라 웹페이지를 구획한다. 또한, 각 패널은 격자의 키영역에 웹페이지별로 배정된다(assign). 패널은 이 패널에 대응된 키영역을 선택함으로써 볼 수 있다.
본 발명의 하나 이상의 실시예에서 광고 엔진(235)은 격자(예컨대, 격자 A(100), 격자 B(120) 등)의 키영역에 삽입하기 위한 광고를 선택하도록 구성되어 있다. 광고는 이미지, 애니메이션, 비디오 클립, 오디오 클립, 및/또는 웹사이트에 대한 링크 등일 수 있다. 키영역을 선택함으로써 광고가 실행될 수 있다. 광고 엔진(235)은 임의의 기준(사용자가 이전에 액세스한 컨텐츠, 사용자가 개시한 탐색 요청 등)에 따라 광고를 선택할 수 있다.
본 발명의 하나 이상의 실시예에서 격자 생성기(236)는 격자(예컨대, 격자 A(100), 격자 B(120)) 및/또는 격자 계층 구조(즉, 트리 또는 데크)를 생성하도록 구성되어 있다. 특히, 격자 생성기(210)는 사용자가 선택한 기존의 격자를 (예컨대, 제3자로부터) 가져와서(import) 이 기존 격자의 일부를 병합(merge)(예컨대, 연결(concatenate))함으로써, 그리고/또는 사용자가 선택한 객체(예컨대, 소프트웨어 어플리케이션, 파일, 웹페이지, 광고, 웹사이트, 패널(아래에서 설명함), 명령, 지도, 필터링 기준, 그 외의 격자 등)를 하나 이상의 격자의 키영역에 배정함으로써 격자를 생성하도록 구성된다. 격자 생성기(236)는 또한, 사용자가 선택하였으며 키영역에 배정된, 해당 객체를 표시하는 아이콘(즉, 이미지, 클립아트, 라벨 등)으로 키영역을 채우도록 구성되어 있다. 따라서 격자 생성기(236)는 사용자의 선택/입력을 취합하도록 하는 인터페이스를 제공한다.
본 발명의 하나 이상의 실시예에서 관리 엔진(225)은 격자 저장소(205), 격자 엔진(210), 사용자 이벤트 리스너(215), 캐시처리 모듈(230), 구획 모듈(220), 광고 엔진(235), 및 격자 생성기(236)를 서로 링크시킨다. 이 관리 엔진(225)은 상기 구성요소(205, 210, 215, 220, 230, 235, 236)를 서로 호환되도록 하기 위해 데이터 또는 명령어의 포맷을 변환하도록 구성할 수 있다.
도 3은 본 발명의 하나 이상의 실시예에 따른 순서도를 도시한다. 도 3에 도시된 프로세스는, 예를 들어, 상기 시스템(200)에 있어서, 격자 계층 구조를 탐색(navigate)하고 격자의 키영역에 대응되는 하나 이상의 객체의 미리보기를 생성하고 하나 이상의 객체를 실행하는 구성요소에 의해서 수행될 수 있다. 도 3에 표시된 단계의 순서는 본 발명의 실시예에 따라 달라질 수 있으며, 하나 이상의 단계가 병행해서 그리고/또는 선택적으로 수행할 수 있다.
처음에 다수의 키영역을 갖는 격자가 실행(즉, 표시)된다(단계 305). 격자는 사용자 하드웨어 장치(즉, 스마트폰)의 사용자 인터페이스(예를 들어, 터치스크린)에 표시될 수 있다. 또한, 격자는 격자 계층 구조(예컨대, 트리 또는 데크) 내의 노드(node)일 수 있다. 본 발명의 하나 이상의 실시예에서 격자는, 사용자가 격자에 도달하기 위해 격자 계층 구조의 하나 이상의 층을 통과한 후에 표시된다. 본 발명의 하나 이상의 실시예에서 격자의 각 키영역은 격자 계층의 하위 격자에 대응된다. 다른 말로, 표시되는 격자가 계층 구조의 N층에 있다고 한다면, 이 격자의 키영역은 이 계층 구조의 (N+1)층에 있는 격자에 대응된다.
본 발명의 하나 이상의 실시예에서 각 키영역은, 표시되는 격자의 하위(자식) 격자, 차하위(손자) 격자, 차차하위(증손자) 격자 등에 관한 조밀도 통계자료를 포함(즉, 표시)할 수 있다. 또한, 하나 이상의 키영역은 계층 구조 내에서 격자 층을 포함(즉, 표시)할 수 있다. 또한, 키영역 자체에, 또는 키영역에 인접한 영역(즉, 키영역의 위, 옆, 아래)에, 객체가 신규인지, 읽지 않은 컨텐츠인지, 이미 탐색하였거나 아직 탐색하지 않은 격자 계층 구조 통과 경로인지 나타내도록 표시할 수 있다. 더불어, 격자에는 격자 계층 구조의 루트/홈 격자(즉, 1층 격자)로 되돌아가도록 하는 홈 격자 버튼이 표시될 수 있다.
단계 310에서 키영역 선택이 식별된다. 본 발명의 하나 이상의 실시예에서 키영역은 다수의 객체(예를 들어, 웹페이지들)에 대응된 다수의 키영역을 갖는 하위 격자에 대응된다. 위에서 설명한 것과 같이, 다양한 키영역 선택 방식이 존재하며, 키영역을 선택하는 거동(즉, 키영역 선택 방식)에 의해 하위 격자에 관련된 후속 조치가 결정된다. 예를 들면, 사용자가 키영역을 눌러서 유지시키는 거동(즉, 키영역 홀드)에 대한 응답으로서, 하위 격자의 미리보기가 표시될 수 있다. 또 다른 예를 들면, 사용자가 키영역을 눌러서 유지시키다가 키영역을 놓을 때(즉, 키영역 릴리스)에, 하위 격자가 실행(예컨대, 표시)될 수 있다. 본 발명의 하나 이상의 실시예에서, 키영역은 사용자가 격자를 서핑(surfing)(아래에서 설명함)하는 동안에 선택된다.
단계 315에서, 하위 격자가 실행된다. 단계 315는 단계 310에서의 키영역의 선택에 의해 개시될 수 있다. 또는 이와 달리, 단계 315는 단계 310에서의 키영역의 선택에 이어서 사용자가 키영역을 선택함으로써 개시될 수도 있다. 실제로, 하위 격자의 미리보기는 단계 310에 대한 응답으로서 표시될 수 있고, 반면에 단계 315는 미리보기 표시에 이은 사용자의 키영역 선택(예컨대, 키영역 릴리스)에 의해 실행된다. 위에서 설명한 것과 같이 하위 격자는 다수의 객체(예를 들어, 웹페이지, 파일, 명령, 지도, 광고, 사용자 소프트웨어 등)에 대응된 다수의 키영역을 포함한다. 본 발명의 하나 이상의 실시예에서 하위 격자는 계층(즉, 트리) 구조의잎새 격자일 수 있다. 다른 말로, 하위 격자는 격자 계층의 최종 층에 해당될 수 있다.
단계 320에서, 하위 격자의 키영역에 대응된 객체(예컨대, 웹페이지)가 캐시처리된다. 구체적으로, 웹페이지의 경우에, 웹페이지에 접속하여 웹페이지에 대한 최신 컨텐츠를 검색한다(예컨대, 도 2에서 설명한 캐시처리 모듈(230)을 사용하여). 본 발명의 하나 이상의 실시예에서 단계 320의 실행개시(trigger)는 단계 315의 실행개시(trigger)와 동일하다. 또는, 단계 310을 선택함으로써 단계 320이 실행개시될 수 있다. 따라서 본 실시예에 따른 단계 320은, 단계 315의 이전 또는 이후에 또는 단계 315가 실행되는 동안에 실행될 수 있다.
일단 하위 격자가 실행되면(즉, 단계 315), 사용자에 의한 탐색(내비게이션)이 가능해진다. 본 발명의 하나 이상의 실시예에서 하위 격자의 실행은, 사용자의 손가락/포인터 아래에 있는 상위 격자를 하위 격자로 교체함으로써 이루어진다. 탐색(내비게이션)시에 사용자는 하위 격자의 하나 이상의 키영역을 선택하고 해당 객체(예컨대, 웹페이지)의 미리보기를 볼 수 있다. 사용자는 하위 격자를 서핑하면서 다수의 키영역을 선택할 수 있다. 다시 말해, 사용자는 격자에서 하나 이상의 다수의 키영역을 거치는 경로를 따라갈 수 있다(손가락을 사용하거나 스타일러스를 사용하여). 경로를 따라가다가 어느 키영역에서 멈추면(즉, 키영역 홀드) 해당 키영역을 선택한 것으로 식별할 수 있으며, 이 선택에 응답하여 해당 객체의 미리보기가 표시될 수 있다. 또는 이와 달리, 터치 패드를 사용하여 상기 하나 이상의 키영역을 탐색할 수 있다. 또 다른 대안으로서, 사용자는 서핑/탐색을 하지 않고 곧바로 원하는 키영역을 선택할 수 있다.
단계 325에서, 하위 격자에서의 키영역 선택이 식별된다. 이 키영역은 웹페이지에 대응되어 있을 수 있다. 또한, 상기 선택은 사용자가 하위 격자를 서핑하는 동안에 이루어질 수 있다. 위에서 설명한 것과 같이, 다양한 키영역 선택 방식이 존재하며, 키영역을 선택하는 거동(즉, 키영역 선택 방식)에 의해 하위 격자에 관련된 후속 조치가 결정된다. 단계 330에서 웹페이지에 대한 미리보기가 키영역의 선택에 대한 응답으로서 표시된다. 미리보기는 웹페이지의 캐시처리된 버전에 해당될 수 있다. 또한, 미리보기에는 웹페이지의 일부만 및/또는 웹페이지의 저해상도 버전이 포함될 수 있다.
단계 335에서, 하위 격자의 다른(선택되지 않은) 키영역에 연계된 객체(즉, 웹페이지)의 업데이트 내용을 검색한다. 다른 말로, 웹페이지의 미리보기가 표시되는 동안에(즉, 스텝 330), 다른(선택되지 않은) 키영역에 연계된 웹페이지에 액세스하여 최신 컨텐츠를 검색한다. 따라서, 사용자가 다른 키영역을 선택할 경우에, 해당 웹페이지의 미리보기에는 업데이트 내용이 포함될 것이다. 업데이트 내용은 정기적으로, 또는 난수(random number) 발생기를 이용하여 무작위로 검색할 수 있다. 또한 업데이트는 사용자의 습관을 분석(profile)하여 이루어질 수 있다.
예를 들어, 하위 격자가 웹페이지 M에 대응되는 키영역 M, 및 웹페이지 P에 대응되는 키영역 P를 갖는다고 가정할 경우에, 사용자가 처음에 키영역 M을 선택하면, 이에 대한 응답으로서, 웹페이지 M에 대한 미리보기가 표시된다. 그런 다음, 사용자가 키영역 P를 선택하면, 이에 대한 응답으로서 웹페이지 P에 대한 미리보기가 표시된다. 웹페이지 P에 대한 미리보기가 표시되는 동안에 웹페이지 M에 액세스하여 최신 컨텐츠(즉, 웹페이지 M에 대한 업데이트 내용)를 검색할 수 있다. 그 다음에 사용자가 (다시) 키영역 M을 선택하면, 웹페이지 M에 대한 미리보기에는 상기 검색된 업데이트 내용이 포함될 것이다.
명시적으로 도 3에 표시하지 않았지만, 사용자는 하나 이상의 미리보기를 본 후에 웹페이지를 실행할 것을 요청할 수 있다.
도 4는 본 발명의 하나 이상의 실시예에 따른 순서도를 도시한다. 도 4에 도시된 프로세스는, 예를 들어, 상기 시스템(200)에 있어서, 격자를 사용하여 웹사이트의 컨텐츠를 액세스 및/또는 제어하는 구성요소를 통해 수행될 수 있다. 도 4의 단계의 순서는 본 발명의 실시예마다 달라질 수 있으며, 하나 이상의 단계를 병행해서 그리고/또는 선택적으로 처리할 수 있다.
단계 405에서, 웹페이지가 표시된다. 본 발명의 하나 이상의 실시예에서 웹페이지는 도 3의 단계 325와 단계 330에서 설명한 웹페이지에 해당된다.
본 발명의 하나 이상의 실시예에서 웹페이지는 하나 이상의 하이퍼링크(hyperlink)를 갖고 있다. 하이퍼링크는 동일한 사이트로부터 다른 웹페이지를 참조할 수 있거나, 또는 다른 웹사이트로부터 웹페이지를 참조할 수 있는 기능이다. 사용자가 하이퍼링크를 선택하면, 참조된 웹페이지가 실행된다.
본 발명의 하나 이상의 실시예에서 웹페이지는 하나 이상의 소프트웨어 어플리케이션을 갖고 있다. 각 소프트웨어 어플리케이션은 웹페이지의 컨텐츠에 불구하고(against the contents) 실행될 수 있는 도구(tool)이다. 또한, 각 소프트웨어 어플리케이션은 사용자가 제공한 파라미터에 의존한다. 따라서 사용자는 웹페이지의 컨텐츠에 불구하고 소프트웨어 어플리케이션의 실행을 제어할 수 있다.
본 발명의 하나 이상의 실시예에서 웹페이지는 하나 이상의 광고를 포함하고 있다. 광고는, 웹페이지에 제공된 이미지, 텍스트, 광고주(들)의 웹사이트(들)에 대한 하이퍼링크, 비디오 클립, 오디오 클립, 애니메이션 등에 해당될 수 있다. 광고는 웹페이지로부터 또는 광고 엔진(예를 들어, 도 2에 대해 위에서 설명한 광고 엔진(235))으로부터 올 수 있다.
단계 410에서, 웹페이지에 대응된 격자가 웹페이지와 함께 표시된다. 구체적으로, 상기 격자에는 웹페이지의 하나 이상의 하이퍼링크, 광고, 및/또는 소프트웨어 어플리케이션에 대응된 다수의 키영역이 포함된다. 즉, 하이퍼링크, 광고, 및/또는 소프트웨어 어플리케이션이 격자의 키영역에 배정된다. 따라서 각 키영역에는 이에 대응되는 하이퍼링크, 소프트웨어 기능, 및/또는 광고를 식별하는 그림/아이콘이 포함될 수 있다. 격자는 웹페이지 제작자(들)에 의해 웹페이지에 제공될 수 있다. 따라서 웹페이지의 마크업 언어에, 격자를 참조하는 링크(예컨대, URL)를 포함시킬 수 있다. 또는 이와 달리, 격자를, 웹페이지의 컨텐츠를 보는 것과 액세스하는 것을 돕기 위하여 제3자가 제공할 수도 있다.
단계 415에서, 격자의 키영역 선택이 식별된다. 키영역의 선택에는, 사용자가 키영역을 누르고 유지하는 행위(즉, 키영역 홀드), 사용자가 (키영역을 눌렀다가) 놓는 행위(즉, 키영역 릴리스), 포인팅장치(가령, 트랙볼, 마우스, 스타일러스, 펜 등)에서 클릭하는 행위, 음성 명령 등이 포함될 수 있다.
단계 420에서, 선택된 키영역에 대응된 웹페이지 객체가 실행된다. 예를 들어 하이퍼링크의 경우에는, 참조된 웹페이지가 실행되고(혹은 키영역 선택 방식에 따라서는 미리보기되기도 한다), 광고의 경우에는, 이미지, 비디오 클립, 오디오 클립 등이 표시/재생된다. 또한, 키영역의 선택에 대한 응답으로서 광고주의 웹페이지가 실행될 수 있다. 또한, 소프트웨어 어플리케이션의 경우, 사용자가 제공한 파라미터(있는 경우에 한함)를 사용하여 웹사이트의 컨텐츠에 불구하고 소프트웨어 어플리케이션이 실행된다. 또한, 소프트웨어 어플리케이션의 실행 결과에 따라 웹사이트의 컨텐츠 및 외형이 변경될 수 있다.
도 5는 본 발명의 하나 이상의 실시예에 따른 순서도를 도시한다. 도 5에 도시된 프로세스는, 예를 들어, 상기 시스템(200)에 있어서, 웹사이트를 다수의 패널로 구획하고 격자를 이용하여 하나 이상의 패널을 표시하는 구성요소(예컨대, 구획 모듈(220))에 의해서 수행될 수 있다. 도 5에 도시한 단계의 순서는 본 발명의 실시에에 따라 다를 수 있으며, 단계들 중 하나 이상의 단계가 병행적으로 및/또는 선택적으로 수행될 수 있다.
단계 505에서, 웹페이지를 입수한다. 본 발명의 하나 이상의 실시예에서 웹페이지의 하나 이상의 치수(dimension)는 사용자 장치(예컨대, 스마트폰)의 사용자 인터페이스(예를 들어, 터치스크린)의 크기보다 크다. 웹페이지는 모든 유형의 컨텐츠로 구성될 수 있고 모든 쏘스로부터 제작될 수 있다. 본 발명의 하나 이상의 실시예에서 웹페이지는 도 3의 단계 325 및 단계 330 단계에서 설명한 웹페이지에 해당된다.
단계 510에서, 웹페이지를 다수의 패널로 구획한다. 각 패널의 하나 이상의 치수는 사용자 인터페이스의 크기보다 작다. 본 발명의 하나 이상의 실시예에서 각 패널의 경계(즉, 둘레)는 웹페이지를 기술하는 마크업 언어 내에서 태그를(예를 들어, HTML, XML)를 사용하여 지정된다. 웹페이지는 사용자 인터페이스의 치수 측정에 대한 응답으로서 구획할 수 있다. 패널들 중 하나를, 웹페이지가 실행될 때에 처음 표시되는 기본 패널로 지정할 수 있다.
단계 515에서, 다수의 키영역을 갖는 격자를 입수한다. 다수의 키영역 중 하나에 패널을 각각 배정한다. 따라서 키영역은 키영역에 연계된 웹페이지의 부분(즉, 패널)을 묘사하는 이미지 또는 아이콘을 가질 수 있다. 본 발명의 하나 이상의 실시예에서 격자는 웹페이지의 제작자(들)에 의해 제공된다. 따라서 웹페이지는 격자를 참조하는 URL을 갖는 태그를 포함할 수 있다.
단계 520에서 키영역의 선택을 식별한다. 키영역의 선택에는, 사용자가 키영역을 누르고 유지하는 행위(즉, 키영역 홀드), 사용자가 (키영역을 눌렀다가) 놓는 행위(즉, 키영역 릴리스), 포인팅장치(가령, 트랙볼, 마우스, 스타일러스, 펜 등)의 클릭, 음성 명령 등이 포함될 수 있다. 또한, 선택에 대한 응답으로서, 선택된 키영역에 대응되는 패널이 사용자 인터페이스에 표시된다.
도 6A는 본 발명의 하나 이상의 실시예를 예시한다. 도 6A에 나와 있는 바와 같이, 사용자 인터페이스(610)를 갖는 스마트폰(605)이 있다. 사용자 인터페이스(610)는 스마트폰의 터치스크린의 임의의 부분에 해당된다. 또한, 도 6A에 나와있는 바와 같이, 격자 A(100)가 사용자 인터페이스(610)에 표시된다. 또한, 격자 A(100)에는 다수의 키영역(즉, 키영역 A(102), 키영역 B(104), 키영역 C(106), 키영역 D(108), 키영역 E(110), 키영역 F(112))이 포함되어 있다. 다수의 키영역(102, 104, 106, 108, 110, 112)은, 동일하거나 서로 다른 유형의 다수의 객체에 대응되어 있다.
도 6A에서는 키영역 C(106)를 사용자가 선택하였음을 나타내는데, 이를 도 6A의 키영역 C(106)에 대각선 빗금으로 표시하였다. 또한, 이 선택은 사용자가 키영역 C(106)을 눌러서 유지시키는 행위(즉, 키영역 홀드)에 의해 이루어질 수 있다. 키영역 C(106)의 선택에 응하여, 격자 B(120)의 미리보기가 표시된다. 즉 다른 말로, 격자 B(120)는 키영역 C(106)에 연계된 객체이며, 격자 B(120)의 미리보기는 키영역 C(106)를 선택하는 거동(즉, 키영역 선택 방식)에 대한 응답으로서 표시된다. 도 6A에서 보는 바와 같이, 격자 B(120)는 다수의 키영역(즉, 키영역 C1(114), 키영역 C2(116), 키영역 C3(118))을 갖고 있다.
두 격자 A(100)와 B(120)는 격자 계층 구조(즉, 트리 또는 데크) 내에 존재한다. 그러나 격자 A(100)와 격자 B(120)는 격자 계층 구조의 서로 다른 층(레벨)에 있다. 구체적으로, 격자 B(120)가 격자 A(100)의 하위 격자(child grid)고, 반대로, 격자 A(100)는 격자 B(120)의 상위 격자(parent grid)이다. 또한, 격자 A(100)는 계층 구조 내의 다른 격자(도시하지 않음)의 하위 격자이다. '상위층가기' 키(602)에 의해서 사용자는 계층의 상위 층으로 올라갈 수 있다. 즉, 상위층가기 키(602)의 선택에 응하여, 격자 A(100)의 상위 격자가 실행(즉, 표시)된다. 본 발명의 하나 이상의 실시예에서, 격자 계층 구조에서의 격자 A(100)의 층수는 상위층가기 키(602) 안에 표시된다.
도 6B는 본 발명의 하나 이상의 실시예를 예시한다. 구체적으로 도 6B는 사용자가 격자 B(120)에서 선택하여 실행시킨 사례를 나타낸다. 따라서 사용자 인터페이스(610)에 격자 A(100) 대신, 격자 B(120)가 표시되어 있다. 사용자는 상위층가기 키(602)를 선택하여 격자 A(100)를 액세스할 수 있다. 본 발명의 하나 이상의 실시예에서 격자 계층 구조 내에서 격자 B(120)의 층수는 상위층가기 키(602) 안에 표시된다.
도 6B에서, 격자 B(120)에는 다수의 키영역(114, 116, 118)이 포함되어 있다. 또한, 키영역(114, 116, 118)은 동일하거나 서로 다른 웹사이트의 웹페이지에 대응된다. 예를 들어, 키영역 C1(114)은 웹페이지 D(도시하지 않음)에 대응되고, 키영역 C2(116)는 웹페이지 C(도시하지 않음)에 대응된다. 키영역 C2(116)는 사용자에 의해 선택된다. 키영역 C2(116)가 선택된 것을 도 6B에서 대각선 빗금으로 표시하였다. 또한, 이 선택은 사용자가 키영역 C2(116)를 눌러서 유지시키는 행위(즉, 키영역 홀드)에 의해 이루어질 수 있다. 키영역 C2(116)의 선택에 응하여, 웹페이지 C의 미리보기(615)가 표시된다. 웹페이지 C의 미리보기(615)가 표시되는 동안, 웹페이지 D에 액세스하여 최신 컨텐츠를 검색할 수 있다. 따라서 사용자가 이후에 키영역 C1(114)을 선택할 때, 웹페이지 D의 미리보기(620)에는 최근 검색한 업데이트 내용이 포함될 것이다.
일단 격자 B(120)가 실행되면, 사용자는 웹탐색(내비게이션)을 할 수 있다. 구체적으로, 사용자는 하나 이상의 키영역(114, 116, 118)을 선택해 각 대응되는 웹페이지의 미리보기(615, 620)를 볼 수 있다. 사용자는 격자 B(120)를 서핑하면서 다수의 키영역을 선택할 수 있다. 다시 말해, 사용자는 격자 B(120)에서 하나 이상의 다수의 키영역(114, 116, 118)을 거치는 경로를 따라갈 수 있다(손가락을 사용하거나 스타일러스를 사용하여). 경로를 따라가다가 어느 키영역에서 멈추면 해당 키영역을 선택한 것으로 식별할 수 있으며(즉, 키영역 홀드), 이 선택에 응하여 해당 객체의 웹페이지가 표시될 수 있다. 상기 경로를 따라갈 때에 사용자는 사용자 인터페이스(610)에서 손가락이나 스타일러스를 들지 않아도 된다. 도 6A 및 6B에 도시한 사례는 도 3에서 설명한 절차에 연계시킬 수 있다.
도 6C는 본 발명의 하나 이상의 실시예를 예시한다. 구체적으로, 도 6C는 사용자가 웹페이지 C(616)를 실행(예를 들어, 도 6B의 키영역 C2(116)를 키영역 릴리스 방식으로 선택함으로써)시키는 사례를 나타낸다. 이에 따라 웹페이지 C(616)가 사용자 인터페이스(610)에 표시되어 있다. 사용자 인터페이스(610)에는 또한, 웹페이지 C(616)와 함께 격자 X(650)가 표시되어 있다. 사용자는 상위층가기 키(602)를 선택하여 격자 B(120)로 돌아갈 수 있다. 본 발명의 하나 이상의 실시예에서 격자 계층 구조 내에서 격자 X(650)의 층수는 상위층가기 키(602) 안에 표시된다.
도 6C에 표시된 것과 같이 웹페이지 C(616)에는 하이퍼링크(625), 광고(630), 소프트웨어 어플리케이션(636)이 포함되어 있다. 하이퍼링크(625)에 의해서 웹페이지 C(615)와 동일한 사이트로부터, 또는 다른 웹사이트로부터 웹페이지를 참조할 수 있다. 소프트웨어 어플리케이션(635)은 웹페이지 C(616)의 컨텐츠에 불구하고 사용자가 실행시키는 도구(툴)일 수 있다. 또한, 소프트웨어 어플리케이션은 사용자가 제공한 파라미터에 따라 실행할 수 있다. 광고(630)는 이미지, 하이퍼링크, 비디오 클립, 오디오 클립, 애니메이션 등에 해당될 수 있다
격자 X(650)는 웹사이트 C(616)의 컨텐츠에 액세스하는 것을 돕기 위해 웹사이트 C(616)의 제작자/저자(들) 또는 제3자에 의해 제공된다. 도 6C에 나와 있는 바와 같이, 격자 X(650)에는 다수의 키영역(즉, 키영역 X1(655), 키영역 X2(660), 키영역 X3(665), 키영역 X4(670))이 포함되어 있다. 도 6C에서, 하이퍼링크(625), 광고(630), 소프트웨어 어플리케이션(635)이 각각 키영역(655, 660, 665)에 배정된다. 또한, 본 발명의 하나 이상의 실시예에서는, 키영역 X4(670)를 광고(예컨대, 위의 도 2에서 설명한 광고 엔진(235)에 의해 선택된 광고)에 대응시킬 수 있다.
격자 X(650)의 키영역을 선택하면, 해당 객체가 실행된다. 예를 들어, 하이퍼링크(625)의 경우에, 참조된 웹페이지가 시작된다(혹은, 키영역 선택 방식에 따라서는 미리보기가 실행된다). 광고(630)의 경우에는, 이미지, 비디오 클립, 오디오 클립 등이 표시/재생된다. 또한, 광고주의 웹페이지가 시작될 수 있다. 소프트웨어 어플리케이션(635)의 경우에는, 사용자가 제공한 파라미터(있는 경우에 한함)를 사용하여 웹페이지 C(616)의 컨텐츠에 불구하고 소프트웨어 어플리케이션이 실행된다. 또한, 소프트웨어 어플리케이션의 실행 결과에 따라 웹사이트 C(616)의 컨텐츠 및 외형이 변경될 수 있다. 도 6C에 도시한 사례를 도 4에서 설명한 절차에 연계시킬 수 있다.
도 7은 본 발명의 하나 이상의 실시예를 예시한다. 구체적으로, 도 7은 사용자가 도 6A에서와 같이 키영역 C(106)를 선택(예컨대, 키영역 홀드)한 사례를 나타낸다. 키영역 C(106)의 선택에 응하여, 격자 B(120)의 미리보기가 표시된다. 도 7에 나타낸 바와 같이, 격자 B(120)의 미리보기는, 격자 A(100)에 있는 키영역 C(106)을 격자 B(120)의 축소형으로 대체한 것이다. 또한 격자 A(100)의 하나 이상의 다른 키영역(102, 104, 108, 110, 112)은 격자 B(120)의 축소형을 명확하게 표시할 수 있는 크기로 축소된다. 사용자는 격자 A(100)를 정상 표시로 되돌리기 위해 상위층가기 키(602)를 선택할 수 있다.
도 8A는 본 발명의 하나 이상의 실시예를 예시한다. 도 8A에 묘사된 사례에서는 층표시부(850)가 격자 A(100)와 함께 표시되어 있다. 위에서 설명한 것과 같이 격자 A(100)는 격자 계층 구조(즉, 트리 또는 데크) 내의 격자일 수 있다. 또한, 격자 계층 구조는 임의의 층(레벨)으로 이루어질 수 있다. 층표시부(850)는 격자가 위치하는 계층의 층을 알려주기 위한 것이다. 예를 들어 도 8A에서 격자 A(100)가 표시될 때에, 층표시부(850)에는 A층 표시등(855)이 점등된다. 도 8B는 본 발명의 하나 이상의 실시예를 예시한다. 도 8B에서는 격자 B(120)가 표시됨에 따라, 층표시부(850)에 B층 표시등(860)이 점등된다. A층 표시등(855)이 B층 표시등(860)보다 더 높은 층이기 때문에, 이로써, 격자 계층 구조에서 격자 A(100)가 격자 B(120)보다 더 상위층에 있음을 알 수 있게 된다.
도 9A는 본 발명의 하나 이상의 실시예에 따른 예를 도시한다. 도 9A에 대형 웹페이지(즉, 웹페이지 Y(999)) 및 격자(즉, 격자 Y(900))가 도시되어 있다. 웹페이지 Y(999)는 다수의 패널(즉, 패널 A(922), 패널 B(924), 패널 C(926), 패널 D(928))의 경계(즉, 둘레)를 정의하는 하나 이상의 태그를 포함한다. 각 패널(922, 924, 926, 928)은 웹페이지 Y(999)를 효과적으로 구획하고 있다.
또한, 도 9A에서는, 격자 Y(900)에 다수의 키영역(즉, 키영역 Yl(902), 키영역 Y2(904), 키영역 Y3(906), 키영역 Y4(908), 광고(910), 미리보기(912))이 포함되어 있다. 각 패널(922, 924, 926, 928)은 키영역 중 하나(902, 904, 906, 908)에 배정되어 있다. 예를 들어, 패널 A(922)는 키영역 Yl(902)에 배정되어 있고, 마찬가지로, 패널 D(928)는 키영역 Y4(908)에 배정되어 있다. 본 발명의 상세한 설명의 이익을 갖는 당업자들은 패널에 대응되는 키영역(즉, 키영역 Yl(902), 키영역 Y2(904), 키영역 Y3(906), 키영역 Y4(908))을 패널(922, 924, 926, 928)의 레이아웃과 일치하도록 배치할 수 있음을 알 것이다. 예를 들어, 패널 D(928)가 패널 A(922) 아래에 있는 것과 똑같이 키영역 Y4(908)를 키영역 Yl(902) 아래에 둘 수 있다.
또한, 도 9A에서, 격자 Y(900)의 오른쪽에는 두 개의 예비 키영역, 즉, 광고 키영역(910)과 미리보기 키영역(912)이 있다. 광고 키영역(910)에는 광고(예를 들어, 도 2를 참조하여 위에서 설명한 광고 엔진(235)에 의해 선택된 광고)가 채워진다. 광고 키영역(910)을 선택하면 광고가 실행된다. 한편, 미리보기 키영역(912)을 선택하면, 전체 웹페이지 Y(999)의 축소형(축소형)이 표시된다. 본 발명의 상세한 설명의 이익을 갖는 당업자들은 상기 광고 키영역(910) 및/또는 미리보기 키영역(912) 대신에 다른 특수/예비 키영역을 둘 수 있음을 알 것이다.
도 9B는 본 발명의 하나 이상의 실시예에 따른 예를 도시한다. 도 9B에서, 격자 Y(900)는 두 격자, 즉, 격자 Yl(999) 및 격자 Y2(998)로 분할되어, 각각 한 열씩 배치되어 있다. 모든 격자를 도 9B에서와 같이 분할할 수 있다. 격자 Yl(999)과 격자 Y2(998)는 사용자 인터페이스(610)에서 서로 반대편에 표시된다(예컨대, 사용자의 양손 아래쪽에 각각 표시). 도 9B에서 키영역 Yl(902)을 사용자가 선택하였음을 키영역 Yl(902)에 빗금을 쳐서 표시하였다. 이 키영역 Yl(902)의 선택에 의해 패널 A(922)가 표시된다. 또한, 도 9B에서, 패널 A(922)의 크기는 사용자 인터페이스(610)의 크기보다 작다. 따라서, 웹사이트 Y(999)를 다수의 패널로 구획하고 격자 Y(900)를 사용하여 이들 패널에 액세스 가능하게 함으로써 스마트폰(605)의 제약 조건 하에서 대형 웹사이트 Y(999)를 성공적으로 표시할 수 있다. 도 9A, B에 도시된 사례(들)은 도 5에서 설명한 절차에 의해 수행될 수 있다.
비록 도 8~10이 주로, 터치스크린을 사용자 인터페이스(610)로서 갖는 스마트폰(605)에 초점을 맞추고 있지만, 본 발명의 상세한 설명의 이익을 갖는 당업자는, 다른 유형의 사용자 하드웨어 장치(예컨대, 키오스크, 케이블박스, 텔레비전, 데스크톱 컴퓨터 등)를 이용하여도 본 발명의 유효성은 동일하다는 것을 알 것이다. 키영역의 선택은 터치스크린, 키보드/키패드, 포인팅 장치(예컨대, 마우스, 트랙볼), 음성 명령 등을 이용하여 행할 수 있다
비록 도 6~9에서는, 상위층가기 키(602)에 초점을 맞춰 설명하고 있지만, 본 발명의 상세한 설명의 이익을 갖는 당업자는 상위 격자로 가기 위한 다른 방법도 존재함을 알 것이다. 예를 들어, 사용자는 현재 표시된 격자에서 손가락이나 스타일러스를 격자 바깥으로 미끄러뜨려 놓음으로써, 상위 격자로 이동할 수 있다.
본 발명의 실시예는 다음과 같은 다수의 이점, 즉, 모바일 장치의 제약 조건(예컨대, 작은 화면 크기, 적은 명령어수, 느린 인터넷 접속 속도 등)에 적합한 사용자 인터페이스를 제공할 수 있는 능력; 웹을 구성하고 신속하게 웹을 보여주는 능력; 웹페이지에 대한 링크를 저장, 공유, 관리하고 신속하게 액세스(즉, 서핑)하는 능력; 자주 액세스하는 아이콘 및/또는 메뉴 기능을 구성하는 능력; 웹의 검색(searching), 탐색(navigation), 탐사(exploring), 뒤로 가기, 재시도, 그리고 웹에서 원하는 컨텐츠를 가져오는 데 소요되는 시간을 단축하는 능력; 다른 사용자와 컨텐츠(예를 들어, 웹페이지, 격자)를 공유할 수 있는 능력; 자주 액세스하는 웹페이지 간의 이동에 소요되는 시간을 줄이는 능력 등을 갖는다.
본 발명의 실시예는 사용 플랫폼에 관계없이 거의 모든 유형의 컴퓨터(모바일 컴퓨터 포함)에서 구현할 수 있다. 예를 들어, 도 10에 나타낸 컴퓨터 시스템(1000)에는, 하나 이상의 프로세서(1002), 연관 메모리(associated memory)(1004)(예컨대, 랜덤 액세스 메모리(RAM), 캐시 메모리, 플래시 메모리 등), 저장 장치(1006)(예컨대, 하드 디스크, 광학식 드라이브(컴팩트 디스크(CD) 드라이브 또는 디지털 비디오 디스크(DVD)), 플래시 메모리 스틱 등), 그리고 현존하는 컴퓨터(도시하지 않음)의 그 밖의 많은 구성요소와 기능 등이 포함된다. 본 발명의 하나 이상의 실시예에서 상기 프로세서(1002)는 하드웨어이다. 예를 들어, 프로세서는 집적회로일 수 있다. 상기 컴퓨터 시스템(1000)에는 또한, 키보드(1008), 마우스(1010), 또는 마이크로폰(도시하지 않음) 등의 입력 수단이 포함될 수 있다. 또한, 컴퓨터 시스템(1000)에는 모니터(1012)(예컨대, 액정 디스플레이(LCD), 플라스마 디스플레이, 또는 음극선관(CRT) 모니터) 등의 출력 수단이 포함될 수 있다. 컴퓨터 시스템(1000)은 네트워크 인터페이스 연결선(도시하지 않음)을 통해 네트워크(1014)(예컨대, 근거리 네트워크(LAN), 광역 네트워크(WAN)(인터넷 등), 또는 그 밖의 네트워크 유형)에 연결될 수 있다. 본 발명의 하나 이상의 실시예에서는, 다양한 유형의 컴퓨터 시스템이 존재하며, 상기 입력 및 출력 수단을 다른 형태로 사용할 수 있다. 포괄적으로 말해서, 상기 컴퓨터 시스템(1000)은 적어도, 본 발명의 실시예를 실현하기 위해 필요한 최소한의 처리 수단, 입력 수단, 및/또는 출력 수단을 포함한다.
또한, 본 발명의 하나 이상의 실시예에서, 상기 컴퓨터 시스템(1000)의 하나 이상의 구성요소는 원격지에 위치할 수 있으며, 네트워크를 통해 다른 구성요소에 연결될 수 있다. 또한, 본 발명의 실시예는 다수의 노드를 갖는 분산 시스템에서 구현할 수 있는데, 여기서, 본 발명의 각 부분(예를 들어, 데이터 구조, 컨버터 모듈, 레이아웃 엔진)은 이 분산 시스템 내의 서로 다른 노드상에 위치할 수 있다. 본 발명의 일실시예에서, 노드는 컴퓨터 시스템에 해당된다. 또는 이와 달리, 노드가 물리적 연관 메모리(associated physical memory)를 갖는 프로세서에 해당될 수 있다. 또는 이와 달리, 노드가 공유 메모리 및/또는 자원을 갖는 프로세서 또는 프로세서의 마이크로 코어(micro-core)에 해당될 수 있다. 또한, 본 발명의 실시예를 수행하는, 컴퓨터가 읽을 수 있는 프로그램 코드의 형태로 된 소프트웨어 명령어를, 컴퓨터 판독 가능한 영구 저장 매체(예컨대, 컴팩트디스크(CD), 디스켓, 펀치카드, 테이프, 메모리스틱, 플래시 드라이브, 또는 그 밖의 컴퓨터 판독 가능한 저장장치)에 일시적으로 또는 영구히 저장할 수 있다.
본 발명의 하나 이상의 실시예에서 컴퓨터 시스템(1000)에는 원거리 포인터(1090)가 무선으로 연결된다. 도 10에 표시된 것과 같이 원거리 포인터(1090)는 다수의 액츄에이터(즉, 액츄에이터 A1(1092), 액츄에이터 A2(1094), 액츄에이터 A3(1096), 액츄에이터 A4(1097), 액츄에이터 A5(1098), 액츄에이터 A6(1099))를 포함한다. 원거리 포인터(1090)는 원격 제어 기능을 하는 하드웨어 장치이다. 액츄에이터(1092, 1094, 1096, 1097, 1098, 1099)는 모니터(1012)에 표시되는 키영역에 대응되어 있다. 따라서 사용자는 모니터(1012)에 표시되는 키영역을 원거리 포인터(1090)의 액츄에이터(1092, 1094, 1096, 1097, 1098, 1099)를 이용하여 선택할 수 있다.
이상에서 본 발명을 몇가지 실시예를 통해서 설명하였지만, 본 발명의 이익을 갖는 당업자는 본 명세서에 기재된 발명의 범위를 벗어나지 않는 다른 실시예를 고안할 수 있음을 알 것이다. 따라서 본 발명의 범위는 첨부된 특허청구범위에 의해서만 제한되어야 한다.

Claims (15)

  1. 제1 다수 객체에 대응되는 제1 다수 키영역을 포함하는 제1격자를 사용자 인터페이스(UI)에 표시하는 과정;
    상기 제1 다수 객체 중의 객체에 대응되는 상기 제1 다수 키영역 중의 제1키영역의 선택(이 제1키영역의 선택은 제1선택방식에 의해 이루어짐)을 식별하는 과정;
    상기 제1키영역의 선택에 대한 응답으로, 제2 다수 객체에 대응되는 제2 다수 키영역을 포함하는 제2격자를 상기 UI에 표시하는 과정(여기서, 상기 제1 다수 객체의 상기 객체가 이 제2격자에 연계됨);
    상기 제2 다수 키영역 중의 제2키영역의 제1선택(이 제2키영역의 제1선택은 제2선택방식에 의해 이루어짐)을 수신하는 과정; 및
    상기 UI에 상기 제2키영역의 제1선택에 대한 응답으로, 상기 제2격자와 함께 제1웹페이지의 제1미리보기를 상기 UI에 표시하는 과정(여기서 제1웹페이지는 상기 제2 다수 객체의 객체 중의 객체에 해당됨)을 포함하는, 방법.
  2. 제1항에 있어서, 상기 제1선택방식은 것은 키영역 릴리스 방식이며, 제2선택방식은 키영역 홀드 방식인, 방법.
  3. 제1항에 있어서,
    상기 UI에 상기 제1 다수 키영역 중 적어도 하나의 면적을 축소하는 과정;
    상기 제2격자의 미리보기를 생성하기 위하여, 상기 UI에서, 상기 제1키영역을 상기 제2격자의 축소형으로 대체하는 과정을 추가로 포함하는, 방법.
  4. 제1항에 있어서,
    상기 UI에 상기 제1격자와 함께, 상기 제1격자의 층에 해당되는 층표시부를 표시하는 과정;
    상기 UI에 상기 제2격자와 함께, 상기 제2격자의 층에 해당하는 제2의 층표시부를 표시하는 과정을 추가로 포함하는, 방법.
  5. 제1항에 있어서,
    상기 제1키영역의 선택에 대한 응답으로, 상기 제2 다수 객체를 위한 다수의 미리보기(이 다수의 미리보기에 상기 제1미리보기가 포함되어 있음)를 캐시처리하는 과정을 추가로 포함하는, 방법.
  6. 제1항에 있어서, :
    상기 UI에 상기 제1미리보기를 표시한 후, 상기 제2 다수 객체 중의 제2객체에 해당하는 제2 미리보기를 표시하는 과정;
    상기 제2 미리보기를 표시하는 동안, 상기 제1웹페이지로부터 업데이트 내용을 검색하는 과정;
    상기 업데이트 내용을 검색한 후 상기 제2 키영역의 제2선택을 수신하는 과정;
    상기 제2선택에 대한 응답으로 상기 업데이트 내용의 제1미리보기를 상기 UI에 표시하는 과정을 추가로 포함하는, 방법.
  7. 제1항에 있어서,
    상기 제1미리보기를 표시한 후 상기 제1웹페이지를 상기 UI에 표시하는 과정(여기서, 상기 제1웹페이지는 웹사이트에 대응됨);
    상기 제1웹페이지와 함께, 상기 웹사이트의 제2웹페이지 및 상기 웹사이트로부터의 소프트웨어 기능에 대응되는 제3의 다수 키영역을 포함하는 제3격자를 상기 UI에 표시하는 과정;
    상기 제3의 다수 키영역 중의 제3키영역의 선택을 수신하는 과정(여기서, 상기 제3키영역은 상기 소프트웨어 기능에 대응됨);
    상기 제3키영역의 선택에 대한 응답으로, 상기 제1웹페이지 및 제2웹페이지로 구성된 그룹 중 적어도 하나에 불구하고 상기 소프트웨어 기능을 실행하는 과정을 추가로 포함하는, 방법.
  8. 제7항에 있어서,
    상기 제3의 다수 키영역 중 적어도 하나는 상기 웹사이트로부터의 광고에 대응되는, 방법.
  9. 제1항에 있어서,
    상기 제2격자를 참조하는 URL에 액세스하여 상기 제2격자를 입수하는 과정을 추가로 포함하는, 방법.
  10. 제1항에 따른 방법을 수행하는 명령어를 저장하고 있는 컴퓨터 판독 가능 기록매체.
  11. 제1 다수 객체에 대응되는 제1 다수 키영역을 포함하는 제1격자와 및 제2 다수 객체에 대응되는 제2 다수 키영역을 포함하는 제2격자를 저장하는 격자 저장소;
    상기 제1 다수 키영역 중의 제1키영역의 선택(이 제1키영역의 선택은 제1선택방식에 의해 이루어짐) 및 상기 제2 다수 키영역 중의 제2키영역의 선택(이 제2키영역의 선택은 제2선택방식에 의해 이루어짐)을 식별하도록 구성된 사용자 이벤트 리스너;
    상기 제1키영역의 선택에 대한 응답으로 상기 제2격자를 표시하고, 상기 제2키영역의 선택에 대한 응답으로 웹페이지의 미리보기를 표시하도록 구성된 격자 엔진을 포함하되,
    상기 제2격자는 상기 제1 다수 객체 중의 객체에 대응되고,
    상기 웹페이지는 상기 제2 다수 객체 중의 객체에 대응되는, 시스템.
  12. 제11항에 있어서,
    상기 제1선택방식은 키영역 릴리스 방식이며, 상기 제2선택방식은 키영역 홀드 방식인, 시스템.
  13. 제11항에 있어서,
    상기 제1격자 및 제2격자를 통하는 빈번한 경로를 식별하고, 상기 제1 다수 객체 및 제2 다수 객체군에 대한 다수의 미리보기(이 다수의 미리보기에는 상기 웹페이지의 미리보기가 포함됨)를 캐시처리하는 캐시처리 모듈을 추가로 포함하는, 시스템.
  14. 제11항에 있어서,
    상기 웹페이지 내의 태그를 사용하여, 상기 웹페이지를 크기가 정해진 다수의 패널로 구획하도록 구성된 구획 모듈을 추가로 포함하는, 시스템.
  15. 제11항에 있어서,
    상기 제1격자 및 제2격자로 구성된 그룹에서 선택된 적어도 하나의 키영역을 채울 광고를 선택하도록 구성되는 광고 엔진을 추가로 포함하되,
    상기 광고는 상기 키영역의 선택에 대한 응답으로 실행되는, 시스템.
KR1020127022664A 2010-02-10 2011-02-08 공유가능한 사용자 인터페이스를 이용해 정보를 구성하는 방법 및 시스템 KR20120135243A (ko)

Applications Claiming Priority (3)

Application Number Priority Date Filing Date Title
US30311310P 2010-02-10 2010-02-10
US61/303,113 2010-02-10
PCT/EP2011/051835 WO2011098455A1 (en) 2010-02-10 2011-02-08 Method and system for organizing information with a sharable user interface

Publications (1)

Publication Number Publication Date
KR20120135243A true KR20120135243A (ko) 2012-12-12

Family

ID=43858263

Family Applications (2)

Application Number Title Priority Date Filing Date
KR1020127022664A KR20120135243A (ko) 2010-02-10 2011-02-08 공유가능한 사용자 인터페이스를 이용해 정보를 구성하는 방법 및 시스템
KR1020127022665A KR20120139716A (ko) 2010-02-10 2011-02-08 공유가능한 사용자 인터페이스를 이용해 정보를 구성하는 방법 및 시스템

Family Applications After (1)

Application Number Title Priority Date Filing Date
KR1020127022665A KR20120139716A (ko) 2010-02-10 2011-02-08 공유가능한 사용자 인터페이스를 이용해 정보를 구성하는 방법 및 시스템

Country Status (11)

Country Link
US (2) US20110196752A1 (ko)
EP (2) EP2534589A1 (ko)
JP (2) JP2013519931A (ko)
KR (2) KR20120135243A (ko)
CN (2) CN102859520A (ko)
AU (2) AU2011214471A1 (ko)
BR (2) BR112012020086A2 (ko)
CA (2) CA2789401A1 (ko)
MX (2) MX2012009291A (ko)
PE (2) PE20130570A1 (ko)
WO (2) WO2011098455A1 (ko)

Families Citing this family (15)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102736835A (zh) * 2011-04-15 2012-10-17 幻音科技(深圳)有限公司 输入方法及装置
US9400850B2 (en) * 2011-05-31 2016-07-26 Verizon Patent And Licensing Inc. Systems and methods for providing a tailored user interface associated with a web page
US10032135B2 (en) 2012-03-19 2018-07-24 Microsoft Technology Licensing, Llc Modern calendar system including free form input electronic calendar surface
US9720574B2 (en) 2012-03-19 2017-08-01 Microsoft Technology Licensing, Llc Personal notes on a calendar item
US9348936B2 (en) * 2012-07-25 2016-05-24 Oracle International Corporation Heuristic caching to personalize applications
WO2014071367A2 (en) * 2012-11-05 2014-05-08 Rodney Aiglstorfer Systems and methods for providing financial service extensions
US9426190B1 (en) 2013-08-01 2016-08-23 Google Inc. Crowdsourcing descriptor selection
US9916059B2 (en) * 2014-07-31 2018-03-13 Microsoft Technology Licensing, Llc Application launcher sizing
WO2017117703A1 (zh) * 2016-01-04 2017-07-13 薛俊华 基于地理位置的导航广告推送系统
CN105808724B (zh) * 2016-03-08 2019-10-08 深圳市茁壮网络股份有限公司 一种浏览器首页的更新方法和系统、服务器及电子设备
CN106445645B (zh) * 2016-09-06 2019-11-26 北京百度网讯科技有限公司 用于执行分布式计算任务的方法和装置
US11023419B2 (en) * 2018-08-13 2021-06-01 Sap Se Folder key management
US11185758B2 (en) 2020-03-03 2021-11-30 Sony Interactive Entertainment Inc. Game console application with action cards
US11413531B2 (en) 2020-03-03 2022-08-16 Sony Interactive Entertainment Inc. Game console application with action card strand
US11169665B2 (en) * 2020-03-03 2021-11-09 Sony Interactive Entertainment Inc. Game console user interface with application previews

Family Cites Families (46)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
FR2585487B1 (fr) * 1985-07-29 1990-09-07 Guyot Sionnest Laurent Claviers pour ordinateurs, < a 70 cm2 et a moins de 13 contacts actionnes de facon combinee par les doigts d'une seule main
GB2311151B (en) * 1996-02-29 2000-11-15 Jba Holdings Plc An object browser and manipulation system
US7685426B2 (en) * 1996-05-07 2010-03-23 Digimarc Corporation Managing and indexing content on a network with image bookmarks and digital watermarks
US6613100B2 (en) * 1997-11-26 2003-09-02 Intel Corporation Method and apparatus for displaying miniaturized graphical representations of documents for alternative viewing selection
US7559039B2 (en) * 1998-07-14 2009-07-07 Brad Ridgley Method and device for finding, collecting and acting upon units of information
EP1052849B1 (en) * 1998-11-30 2011-06-15 Sony Corporation Set-top box and method for operating same
US6643824B1 (en) * 1999-01-15 2003-11-04 International Business Machines Corporation Touch screen region assist for hypertext links
US6377285B1 (en) * 1999-01-29 2002-04-23 Sony Corporation Zooming space-grid for graphical user interface
US7162493B2 (en) * 2000-02-23 2007-01-09 Penta Trading Ltd. Systems and methods for generating and providing previews of electronic files such as web files
US7155489B1 (en) * 2000-06-28 2006-12-26 Microsoft Corporation Acquiring web page information without commitment to downloading the web page
JP3594187B2 (ja) * 2001-05-16 2004-11-24 ソニー株式会社 情報処理装置および方法、情報提供装置および方法、記録媒体、並びにプログラム
US6934718B2 (en) * 2001-10-09 2005-08-23 Nokia Corporation Categorizing and retrieving items
AUPR963001A0 (en) * 2001-12-19 2002-01-24 Canon Kabushiki Kaisha Selecting moving objects on a system
EP1391814A1 (en) * 2002-07-05 2004-02-25 Alcatel Process for allowing Applets to be resized independently from the WEB/HTML page they were created
US20040100509A1 (en) * 2002-11-27 2004-05-27 Microsoft Corporation Web page partitioning, reformatting and navigation
US7243309B2 (en) * 2002-12-03 2007-07-10 Intel Corporation Interface accelerator
US7327349B2 (en) * 2004-03-02 2008-02-05 Microsoft Corporation Advanced navigation techniques for portable devices
US7441207B2 (en) * 2004-03-18 2008-10-21 Microsoft Corporation Method and system for improved viewing and navigation of content
US7546554B2 (en) * 2004-03-31 2009-06-09 Fuji Xerox Co., Ltd. Systems and methods for browsing multimedia content on small mobile devices
US20050223081A1 (en) * 2004-04-05 2005-10-06 Mcmahan Paul F Portal including detachable and reattachable portlets
US8041701B2 (en) * 2004-05-04 2011-10-18 DG FastChannel, Inc Enhanced graphical interfaces for displaying visual data
US7552401B2 (en) * 2004-08-13 2009-06-23 International Business Machines Corporation Detachable and reattachable portal pages
US8205172B2 (en) * 2005-03-31 2012-06-19 Microsoft Corporation Graphical web browser history toolbar
US7562085B2 (en) * 2005-05-24 2009-07-14 Palo Alto Research Center Incorporated Systems and methods for displaying linked information in a sorted context
US7487467B1 (en) * 2005-06-23 2009-02-03 Sun Microsystems, Inc. Visual representation and other effects for application management on a device with a small screen
KR100765759B1 (ko) * 2005-09-22 2007-10-15 삼성전자주식회사 웹 브라우징 방법 및 시스템과 그 기록 매체
KR100723212B1 (ko) * 2005-12-09 2007-05-29 엘지전자 주식회사 화면 분할 표시 기능을 구비한 전자 단말기 및 그 화면표시 방법
US8812978B2 (en) * 2005-12-22 2014-08-19 Xerox Corporation System and method for dynamic zoom to view documents on small displays
US20070157105A1 (en) * 2006-01-04 2007-07-05 Stephen Owens Network user database for a sidebar
US7587684B2 (en) * 2006-01-23 2009-09-08 Nokia Corporation Mobile communication terminal and method therefore
US7668867B2 (en) * 2006-03-17 2010-02-23 Microsoft Corporation Array-based discovery of media items
JP2007293769A (ja) * 2006-04-27 2007-11-08 Sony Corp プログラム、情報処理方法、情報処理装置
US8464177B2 (en) * 2006-07-26 2013-06-11 Roy Ben-Yoseph Window resizing in a graphical user interface
US20080147493A1 (en) * 2006-10-23 2008-06-19 Ari Aarnio Ad presentment in a mobile device
WO2008100516A1 (en) * 2007-02-13 2008-08-21 Buchanan Michael G Nestable system and method for accessing, organizing, and interacting with visual representations of data
US7911465B2 (en) * 2007-03-30 2011-03-22 Ricoh Company, Ltd. Techniques for displaying information for collection hierarchies
US20100138295A1 (en) * 2007-04-23 2010-06-03 Snac, Inc. Mobile widget dashboard
JP5147352B2 (ja) * 2007-10-16 2013-02-20 株式会社日立製作所 データ処理装置の情報提供方法
US20090150823A1 (en) * 2007-12-10 2009-06-11 Ati Technologies Ulc Apparatus and Method for Improved Window Management in a Grid Management System
FI124000B (fi) * 2007-12-11 2014-01-31 Documill Oy Menetelmä ja järjestely tiedonhakutulosten käsittelemiseksi
US8117557B2 (en) * 2008-01-03 2012-02-14 People Driven Performance, Inc. Multi-mode viewer control for viewing a series of statistical values
US9030418B2 (en) * 2008-06-24 2015-05-12 Lg Electronics Inc. Mobile terminal capable of sensing proximity touch
KR101640460B1 (ko) * 2009-03-25 2016-07-18 삼성전자 주식회사 휴대 단말기의 분할 화면 운용 방법 및 이를 지원하는 휴대 단말기
US8626784B2 (en) * 2009-05-11 2014-01-07 Microsoft Corporation Model-based searching
US8549432B2 (en) * 2009-05-29 2013-10-01 Apple Inc. Radial menus
US8208964B2 (en) * 2009-10-30 2012-06-26 Cellco Partnership Flexible home page layout for mobile devices

Also Published As

Publication number Publication date
CN102859520A (zh) 2013-01-02
MX2012009291A (es) 2012-12-17
CA2789403A1 (en) 2011-08-18
PE20130570A1 (es) 2013-05-22
US20110196752A1 (en) 2011-08-11
JP2013519931A (ja) 2013-05-30
KR20120139716A (ko) 2012-12-27
JP2013519932A (ja) 2013-05-30
BR112012020086A2 (pt) 2016-05-17
CA2789401A1 (en) 2011-08-18
BR112012020092A2 (pt) 2016-05-17
CN102859519A (zh) 2013-01-02
EP2534589A1 (en) 2012-12-19
AU2011214471A1 (en) 2012-09-06
PE20130569A1 (es) 2013-05-22
US20110197162A1 (en) 2011-08-11
AU2011214379A1 (en) 2012-09-06
WO2011098457A1 (en) 2011-08-18
EP2534590A1 (en) 2012-12-19
WO2011098455A1 (en) 2011-08-18
MX2012009285A (es) 2013-01-18

Similar Documents

Publication Publication Date Title
KR20120135243A (ko) 공유가능한 사용자 인터페이스를 이용해 정보를 구성하는 방법 및 시스템
US11010541B2 (en) Enterprise web application constructor system and method
JP5642984B2 (ja) 証跡ベースのデータコンテンツの発見、編成及び処理
US7917846B2 (en) Web clip using anchoring
TWI450107B (zh) 用於網路資料使用平臺之方法及電腦可讀儲存媒體
CN104077387B (zh) 一种网页内容显示方法和浏览器装置
US10353721B2 (en) Systems and methods for guided live help
KR20170091142A (ko) 웹 콘텐츠 태깅 및 필터링
CN105378728B (zh) 用于表示和操纵元数据的装置和方法
TW201022973A (en) Previewing search results for suggested refinement terms and vertical searches
US20120110002A1 (en) Data Rendering Optimization
US20090132956A1 (en) Tree widget data population
US20140164903A1 (en) System and method for organizing and cross-referencing data to enable dynamic display and real-time editing of data in a flexible user interface
US8413062B1 (en) Method and system for accessing interface design elements via a wireframe mock-up
EP2316079A1 (en) System and method for the on screen synchronization of selection in virtual document
US11567645B2 (en) Paginated growing widgets
CN112464116B (zh) 页面显示方法、装置、计算机设备和存储介质
CA2631105A1 (en) System and method for creating and editing content on a webpage
WO2010128529A1 (en) Method and system for enabling a rapid browsing of a plurality of webpages
Chang et al. Mobile Website Creation based on Web Data eXtraction and Reuse
AU2014100574A4 (en) Apparatus, system and method for producing a three-dimensional mind map
Albert et al. A REST Framework for Dynamic Client Environments
JP2006155666A (ja) データ表示処理システム
Williams et al. Starting Your Project Using HTML5

Legal Events

Date Code Title Description
A201 Request for examination
E902 Notification of reason for refusal
E601 Decision to refuse application