KR20110074625A - 범용 콘텐츠 참조, 패키징, 분배 시스템 및 웹 콘텐츠를 주문제작하는 도구 - Google Patents

범용 콘텐츠 참조, 패키징, 분배 시스템 및 웹 콘텐츠를 주문제작하는 도구 Download PDF

Info

Publication number
KR20110074625A
KR20110074625A KR1020117011714A KR20117011714A KR20110074625A KR 20110074625 A KR20110074625 A KR 20110074625A KR 1020117011714 A KR1020117011714 A KR 1020117011714A KR 20117011714 A KR20117011714 A KR 20117011714A KR 20110074625 A KR20110074625 A KR 20110074625A
Authority
KR
South Korea
Prior art keywords
content
display
user
browser
web page
Prior art date
Application number
KR1020117011714A
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 KR20110074625A publication Critical patent/KR20110074625A/ko

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/34Graphical or visual programming
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/455Emulation; Interpretation; Software simulation, e.g. virtualisation or emulation of application or operating system execution engines
    • G06F9/45504Abstract machines for programme code execution, e.g. Java virtual machine [JVM], interpreters, emulators
    • G06F9/45529Embedded in an application, e.g. JavaScript in a Web browser
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06QINFORMATION 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
    • G06Q50/00Information and communication technology [ICT] specially adapted for implementation of business processes of specific business sectors, e.g. utilities or tourism
    • G06Q50/10Services
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04LTRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00Network arrangements or protocols for supporting network services or applications
    • H04L67/01Protocols
    • H04L67/02Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Business, Economics & Management (AREA)
  • Tourism & Hospitality (AREA)
  • Health & Medical Sciences (AREA)
  • Marketing (AREA)
  • Primary Health Care (AREA)
  • Strategic Management (AREA)
  • Human Resources & Organizations (AREA)
  • General Business, Economics & Management (AREA)
  • General Health & Medical Sciences (AREA)
  • Economics (AREA)
  • Signal Processing (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Information Transfer Between Computers (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

컴퓨터 도구는 사용자가 사용자 디바이스에 의해 웹 페이지의 디스플레이된 콘텐츠를 조작할 수 있게 한다. 컴퓨터 도구는 사용자가 웹 콘텐츠를 주문 제작할 수 있게 하는 접을 수 있는 브라우저를 구현하는데 사용될 수 있다. 컴퓨터 도구는 브라우저에 의해 디스플레이된 웹 페이지의 콘텐츠의 사용자 정의된 제 1 부분의 지시를 수신하고, 제 1 부분과는 다른 웹 콘텐츠의 나머지 부분을 결정하고, 사용자 디바이스와 연관된 디스플레이의 디스플레이 스크린상에 제 1 사용자 정의된 부분만을 렌더링한다. 속성이 제 1 부분과 연관되어 제 1 부분 부근에 디스플레이될 수 있어 이로 사용자 디바이스와 연관된 디스플레이의 디스플레이 스크린 내에 제 1 부분을 조작하는 기능을 제공할 수 있다. 메뉴가 속성과 연관될 수 있다. 메뉴는 제 1 부분만의 디스플레이와 제 1 부분이 나머지 부분과 결합된 디스플레이 사이에 토글을 가능하게 하여, 브라우저를 최소화하고, 브라우저를 파일로 닫고, 제 1 부분만의 디스플레이를 확장하여 제 1 부분 외에 브라우저 윈도우를 디스플레이하는 기능을 포함할 수 있다.

Description

범용 콘텐츠 참조, 패키징, 분배 시스템 및 웹 콘텐츠를 주문제작하는 도구{A UNIVERSAL CONTENT REFERENCING, PACKAGING, DISTRIBUTION SYSTEM, AND A TOOL FOR CUSTOMIZING WEB CONTENT}
본 출원은 미국 특허 상표청에 2008년 10월 23일에 출원된 "WEB PAGE CONTENT COLLECTION AND SHARING"이라는 명칭의 미국 가출원 번호 61/107,960호 및 미국 특허 상표청에 2009년 10월 23일에 출원된 "A UNIVERSAL CONTENT REFERENCING, PACKAGING, DISTRIBUTION SYSTEM, AND A TOOL FOR CUSTOMIZING WEB CONTENT"라는 명칭의 미국 가출원 번호 61/254,371호의 35 U.S.C. §119(e) 하의 이익을 청구하며, 이들 출원은 모두 모든 목적을 위해 본 명세서에 일체로 완전히 병합되어 있다.
본 발명의 분야는 일반적으로 컴퓨터 도구(computer tool)에 관한 것이고, 상세하게는 접을 수 있는 인터넷 브라우저(foldable Internet browser), 플러그인(plug-in) 및 위젯(widget)을 제공하는 전문 컴퓨터 도구에 관한 것이다.
인터넷은 전례가 없는 양의 정보와 콘텐츠로의 액세스를 제공한다. 월드 와이드 웹(World Wide Web)에서, 사용자는 웹사이트에 있는 웹페이지에서 제공되는 콘텐츠에 액세스할 수 있다. 웹 페이지는 월드 와이드 웹에 적합한 정보의 자원 또는 콘텐츠를 제공한다. 일반적으로 웹 페이지는 사용자에게 표시하기 위해 콘텐츠를 렌더링(render)하는 컴퓨터에서 실행되는 웹 브라우저를 통해 액세스된다. 이 콘텐츠는 일반적으로 HTML 또는 XHTML 포맷으로 제공되거나 하이퍼텍스트 링크(hypertext links)를 통해 다른 웹페이지에의 내비게이션을 제공할 수 있다.
인터넷 사용자는 웹페이지로부터 콘텐츠를 파싱(parsing)하고 수집하는데 이용가능한 수많은 도구를 가지고 있다. 사용자는 웹 콘텐츠, RSS 피드(feed) 및 팟캐스트(Podcast)를 수집하기 위해 특히 디그(Digg), 카부들(Kaboodle), 애드디스(AddThis)와 같은 소셜 북마킹 콘텐츠 수집 서비스를 사용하여 웹페이지를 북마크(bookmark)할 수 있다. 이들 서비스들은 일반적으로 사용자가 웹 퍼블리셔(web publisher)에 의해 생성되거나 제공되거나 또는 지정된 형태로만 웹 퍼블리셔에서 제공하는 콘텐츠를 수집할 수 있게 한다.
일반적으로, 사용자는 웹브라우저를 통해 콘텐츠에 액세스한다. 사용자가 종래의 인터넷 브라우저를 사용하여 웹페이지를 볼 때, 사용자는 브라우저가 콘텐츠를 최소 범위로 디스플레이하는 방법을 변경할 수 있다. 예를 들어, 사용자는 디스플레이된 텍스트의 크기를 증가시키고, 브라우저를 최대화하거나 최소화하고, 콘텐츠를 디스플레이하는 윈도우의 사이즈를 조절하고, 디스플레이된 콘텐츠를 스크롤링하고, 스크린에서 브라우저 디스플레이의 위치를 이동시킬 수 있다. 브라우저의 디스플레이 또는 윈도우가 페이지 상에 콘텐츠 전부가 아닌 일부를 표시할 때, 여러 브라우저 기능(예를 들어, 스크롤 바)들을 통해 사용자는 윈도우 또는 디스플레이 내에 디스플레이되는 콘텐츠를 조작할 수 있다.
그러나, 웹사이트와 같은 콘텐츠 제공자 시스템에서 제공하는 웹 콘텐츠를 사용자가 주문제작하기에는 옵션이 거의 없다. 나아가, 하나의 사용자가 다른 사용자에게 웹사이트의 특정 콘텐츠를 공유하고 보내는 것은 매우 어렵다.
따라서, 본 발명은 상기 종래의 문제를 해결하는 것을 과제로 한다.
하나의 일반적인 측면에서, 본 발명은 사용자 디바이스에 의해 웹 페이지의 디스플레이된 콘텐츠를 조작하는 컴퓨터 도구에 있어서, 소프트웨어 도구는 사용자 디바이스의 처리 디바이스로 하여금, 브라우저에 의해 디스플레이된 웹 페이지의 콘텐츠의 사용자 정의된 제 1 부분의 지시를 수신하게 하고; 상기 제 1 부분과는 다른 웹 콘텐츠의 나머지 부분을 결정하게 하고; 사용자 디바이스와 연관된 디스플레이의 디스플레이 스크린상에 제 1 사용자 정의된 부분만을 렌더링하게 하도록 구성된 명령을 포함하는 것을 특징으로 하는 컴퓨터 도구를 제공한다.
상기 도구는 사용자 디바이스에 의해 구현된 인터넷 브라우저를 위한 플러그인으로 구성될 수 있다. 상기 도구는 처리 디바이스로 하여금 인터넷 브라우저를 구현하게 하는 명령을 제공하도록 더 구성될 수 있다.
상기 웹 페이지의 디스플레이된 콘텐츠의 렌더링된 제 1 부분은 사용자 디바이스와 웹페이지를 제공하는 호스트 디바이스 사이의 링크로서 유지된다.
상기 컴퓨터 도구는 프로세서로 하여금 사용자 디바이스와 웹페이지를 제공하는 호스트 디바이스 사이의 링크를 유지하거나 주기적으로 액세스되도록 하고 이 링크에 기초하여 디스플레이된 콘텐츠의 업데이트 된 제 1 부분을 연속적으로 렌더링하게 하는 명령을 포함할 수 있다.
상기 컴퓨터 도구는 프로세서로 하여금 제 1 부분과 속성을 연관시키게 하는 명령을 포함할 수 있다.
상기 속성은 웹 페이지와 연관된 파비콘(Favicon)이나 로고(logo)일 수 있다.
상기 컴퓨터 도구는 프로세서로 하여금 제 1 부분과 속성을 연관시키게 하고, 제 1 부분 부근에 속성을 디스플레이하게 하고, 사용자 디바이스와 연관된 디스플레이의 디스플레이 스크린 내에 제 1 부분을 조작하는 기능을 제공하게 하는 명령을 포함할 수 있다.
상기 컴퓨터 도구는 프로세서로 하여금 속성과 연관된 메뉴를 제공하게 하는 명령을 포함할 수 있으며, 상기 메뉴는 프로세서로 하여금 제 1 부분만의 디스플레이와, 이 제 1 부분이 나머지 부분과 결합된 디스플레이 사이에 하나 이상의 토클을 가능하게 하고, 브라우저를 최소화하게 하며 브라우저를 파일로 닫게 하고, 제 1 부분에 더하여 브라우저 윈도우를 디스플레이하도록 제 1 부분만의 디스플레이를 확장하게 하는 기능을 포함할 수 있다.
상기 속성은 프로세서로 하여금 제 1 부분이 사용자 디바이스와 연관된 디스플레이의 디스플레이 스크린 상에 렌더링되는 위치를 조작하는 핸들로서 속성과 연관된 사용자 입력을 수신하게 하는 명령을 포함하도록 제 1 부분과 컴퓨터와 연관된 핸들일 수 있다.
본 발명은 사용자 디바이스의 컴퓨터 도구에 의해 웹 페이지의 디스플레이된 콘텐츠를 조작하는 방법으로서, 브라우저에 의해 디스플레이된 웹 페이지의 콘텐츠의 사용자 정의된 제 1 부분의 지시를 수신하는 단계와; 제 1 부분과는 다른 웹 콘텐츠의 나머지 부분을 결정하는 단계와; 사용자 디바이스와 연관된 디스플레이의 디스플레이 스크린 상에 제 1 사용자 정의된 부분만을 렌더링하는 단계를 포함하는 것을 특징으로 하는 웹 페이지의 디스플레이된 콘텐츠를 조작하는 방법을 제공한다.
상기 컴퓨터 도구는 사용자 디바이스에 의해 구현된 인터넷 브라우저를 위한 플러그인으로 구성될 수 있다.
상기 도구는 처리 디바이스로 하여금 인터넷 브라우저를 구현하게 하는 명령을 제공하도록 더 구성될 수 있다.
본 발명에 따른 방법은 사용자 디바이스와 웹 페이지를 제공하는 호스트 디바이스 사이의 링크에 기초하여 디스플레이된 콘텐츠의 업데이트된 제 1 부분을 연속적으로 렌더링하기 위해 이 링크를 유지하거나 주기적으로 액세스하는 단계를 더 포함할 수 있다.
본 발명에 따른 방법은 제 1 웹 페이지의 콘텐츠의 제 1 부분의 디스플레이와 동시에 제 2 웹 페이지의 콘텐츠의 부분을 디스플레이하는 단계를 더 포함할 수 있다.
본 발명에 따른 방법은 제 1 부분과 속성을 연관시키는 단계를 더 포함할 수 있다.
상기 속성은 웹 페이지와 연관된 파비콘이나 로고일 수 있다.
본 발명에 따른 방법은 제 1 부분과 속성을 연관시키는 단계와, 제 1 부분 부근에 속성을 디스플레이하는 단계와, 사용자 디바이스와 연관된 디스플레이의 디스플레이 스크린 내에 제 1 부분을 조작하는 기능을 제공하는 단계를 더 포함할 수 있다.
본 발명에 따른 방법은 속성과 연관된 메뉴를 제공하는 단계를 더 포함할 수 있으며, 상기 메뉴는 프로세서로 하여금 제 1 부분만의 디스플레이와, 이 제 1 부분이 나머지 부분과 결합된 디스플레이 사이에 하나 이상의 토글을 가능하게 하고, 브라우저를 최소화하게 하며, 브라우저를 파일로 닫게 하고, 제 1 부분에 더하여 브라우저 윈도우를 디스플레이하도록 제 1 부분만의 디스플레이를 확장하게 하는 기능을 포함할 수 있다.
상기 속성은 프로세서로 하여금 제 1 부분이 사용자 디바이스와 연관된 디스플레이의 디스플레이 스크린 상에 렌더링되는 위치를 조작하는 핸들로서 속성과 연관된 사용자 입력을 수신하게 하는 명령을 포함하도록 제 1 부분과 컴퓨터와 연관된 핸들일 수 있다.
본 발명은 웹사이트와 같은 콘텐츠 제공자 시스템에서 제공하는 웹 콘텐츠를 사용자가 용이하게 주문제작할 수 있는 등의 효과를 제공한다.
여러 실시예의 상세설명은 아래 첨부 도면과 상세한 설명에 개시된다. 다른 특징과 잇점은 이하 상세한 설명, 도면 및 청구범위로부터 명백할 것이다.
도 1 은 컴퓨터 도구를 구현하는 예시적인 컴퓨터 시스템을 나타내는 도면.
도 2 는 컴퓨터 도구를 구현하는 예시적인 컴퓨터 디바이스를 나타내는 도면.
도 3 은 웹 브라우저로 구현된 컴퓨터 도구의 스크린숏의 일례를 나타내는 도면.
도 4 는 디스플레이를 위한 콘텐츠를 선택하기 위해 컴퓨터 도구를 사용하는 단계를 나타내는 예시적인 흐름도.
도 5 및 도 6은 웹페이지의 일부분의 선택을 보여주는 일례를 나타내는 도면.
도 7 및 도 8은 도 5에 도시된 컴퓨터 도구에서 제공되는 콘텐츠의 조작의 일례를 나타내는 도면.
도 9 는 디스플레이되는 웹페이지의 여러 부분을 가지는 컴퓨터에서 실행되는 데스크톱의 스크린숏의 일례를 나타내는 도면.
도 10 및 도 11 은 웹페이지의 콘텐츠의 디스플레이의 일부분을 선택하기 위해 도 8의 컴퓨터 도구의 사용을 나타내는 도면.
도 12 는 사용자의 데스크톱 상에 웹페이지의 선택된 콘텐츠의 디스플레이의 표시의 일례를 나타내는 도면.
도 13 은 컴퓨터에서 실행되는 데스크톱의 스크린숏의 일례를 나타내는 도면.
도 14 는 컴퓨터 도구가 데스크톱 상에서 열린 인터넷 브라우저의 일부분으로 구현된 도 13의 데스크톱의 스크린 디스플레이의 일례를 나타내는 도면.
도 15 및 도 16 은 인터넷 브라우저에 의해 열린 웹페이지의 일부분의 사용자 선택의 일례를 나타내는 도면.
도 17 은 웹페이지의 디스플레이된 사용자 선택된 부분과 파비콘(Favicon)을 연관시키는 것과 브라우저 내에 도 15의 웹페이지의 사용자 선택된 부분을 표시하는 컴퓨터 도구의 일례를 나타내는 도면.
도 18 은 데스크톱 상에 파비콘과 도 15의 사용자 선택된 부분만을 표시하는 일례를 나타내는 도면.
도 19, 도 20, 도 21, 도 22 및 도 23은 데스크톱 환경에서 웹페이지의 사용자 선택된 부분의 디스플레이를 조작하기 위해 파비콘이나 로고의 예시적인 사용을 나타내는 도면.
도 24, 도 25, 도 26, 도 27, 도 28, 도 29, 도 30 은 웹 콘텐츠의 표시를 조작하고, 사용자 생성된 콘텐츠를 웹 콘텐츠에 연관시키고, 데스크톱 상에 콘텐츠를 표시하거나 이 콘텐츠를 다른 사람과 공유하기 위해 컴퓨터 도구의 편집 기능의 예시적인 사용을 나타내는 도면.
도 31, 도 32, 도 33, 도 34, 도 35, 도 36, 도 37, 도 38, 도 39, 및 도 40 은 데스크톱이나 브라우저 내에 사용자 선택된 콘텐츠의 디스플레이, 배열 및 배치를 조작하기 위해 컴퓨터 도구를 사용하는 예시적인 능력을 나타내는 도면.
도 41, 도 42, 도 43, 도 44, 도 45, 도 46, 및 도 47 은 웹페이지로 가서 사용자 특정 데이터를 입력하고, 웹페이지가 사용자를 위해 주문제작된 정보를 디스플레이하게 하는 사용자의 예시적인 능력을 나타내는 도면.
이하, 상세한 설명은 컴퓨터 시스템의 데스크톱 환경에서 제공되는 웹 콘텐츠 인터페이스, 범용 콘텐츠 참조, 패키징, 분배 시스템 및 위젯 생성기를 위한 컴퓨터 도구를 제공한다. 상기 컴퓨터 도구는 특별한 브라우저로 구현되거나 상기 특별한 브라우저 내에 포함되거나, 기존의 브라우저에 플러그인으로서, 웹 버튼으로서 또는 웹페이지에서 제공되는 사용자 선택된 콘텐츠에 액세스하고 이를 조작하기 위한 위젯으로 구현될 수 있다. 상기 컴퓨터 도구는 또한 사용자 선택된 및/또는 주문 제작된 웹 콘텐츠를 표시하고 조작하고 발행하고 공유하는 컴퓨터 시스템에서 하나 이상의 주문제작된 사용자 인터페이스를 형성하기 위해 사용될 수 있다.
상기 컴퓨터 도구는 컴퓨터 또는 컴퓨터 시스템에 의해 구현된다. 도 1은 예시적인 통신 시스템(100)의 하나의 블록도를 도시한다. 통신 시스템(100)은 하나 이상의 사용자 디바이스(101), 서비스 제공자 시스템(110), 다른 인터넷 서비스 제공자 및 웹사이트(120), 시스템 파트너(125) 및 여러 통신 경로(130)를 포함한다. 통신 시스템(100)이 디바이스 및 소스를 알 수 없으므로, 통신 시스템(100)은 아래에서 더 상세히 설명하는 바와 같이 웹에 액세스 가능한 임의의 사용자 디바이스와 동작 가능하도록 디자인된다.
컴퓨터 또는 컴퓨터 시스템은 인터넷 즉 월드 와이드 웹으로부터 수신되는 웹페이지와 같은 콘텐츠를 표시(present)하거나 렌더링(render)하는 임의의 유형의 전자 디바이스일 수 있다. 예를 들어, 컴퓨터 시스템은 고객의 전자 디바이스, 모바일 폰, 스마트 폰, PDA(personal data assistant), 디지털 태블릿(tablet)/패드(pad) 컴퓨터, 핸드헬드/모바일 컴퓨터, 퍼스널 컴퓨터, 노트북 컴퓨터, 워크스테이션, 차량용 컴퓨터, 게임 시스템, 셋탑박스 또는 인터넷이나 월드 와이드 웹과 통신하며 이로부터 오는 콘텐츠를 표시하기 위한 사용자 인터페이스 및/또는 브라우저를 구현할 수 있는 임의의 다른 디바이스일 수 있다.
컴퓨터 시스템의 일례는 도 2에 도시되어 있으나, 이 디바이스는 단지 예시를 위한 것일 뿐, 임의의 개수와 임의의 유형이 상이한 성분(component)과 소프트웨어들이 상기 컴퓨터 시스템에 포함되거나 이에서 생략될 수 있다는 것이 이해될 수 있을 것이다. 예를 들어, 컴퓨터 시스템은 하나 이상의 처리 디바이스(201), 하나 이상의 저장 디바이스(202) 및 하나 이상의 통신 인터페이스(203) 중 하나 이상을 포함하는 다수의 성분을 포함할 수 있다. 사용자 디바이스(101)는 또한 입력 디바이스(204)(예를 들어, 하나 이상의 디스플레이 또는 스크린(204) 또는 키보드, 키패드, 마우스, 포인터, 터치 스크린(205), 마이크로폰(206) 등), 하나 이상의 출력 디바이스(예를 들어, 스피커(207)), 하나 이상의 통신 버스(208), 제어기(209), 착탈가능한 저장 디바이스(210) 및 적어도 하나의 전력 소스(211)와 같은 추가적인 요소들을 더 포함할 수 있다. 미도시된 추가적인 요소들은 디지털 카메라, 광학 리더(예를 들어, 바코드 스캐너 또는 적외선 스캐너) 및 안테나를 포함할 수 있다. 사용자 디바이스(101)는 예를 들어, 디스플레이, 메모리, 프린터, 입력 디바이스, 출력 디바이스 및 스피커와 같은 하나 이상의 연관된 주변 디바이스(미도시)를 더 포함할 수 있다.
처리 디바이스(201)는 예를 들어, 프로세서, 제어기와 ALU, 디지털 신호 프로세서, 마이크로컴퓨터, 전계 프로그램 가능한 어레이(field programmable array), 프로그래밍 가능한 로직 유닛, 마이크로프로세서 또는 한정된 방식으로 명령에 응답하고 명령을 실행할 수 있는 임의의 다른 디바이스와 같은 임의의 범용 또는 특정 목적의 컴퓨터를 사용하여 구현될 수 있다. 처리 디바이스는 운영 시스템(OS)과, 상기 OS에서 실행되고 콘텐츠 제공자 시스템(110)과 통신하며 콘텐츠 제공자 시스템(110)으로부터 수신된 콘텐츠를 사용자에게 표시하는 애플리케이션을 포함하는 하나 이상의 소프트 애플리케이션을 실행할 수 있다. 처리 디바이스는 또한 애플리케이션에 응답하여 데이터에 액세스하고 데이터를 저장하고 조작하고 처리하고 생성할 수 있다.
소프트웨어 애플리케이션은 독립적으로 또는 집합적으로 처리 디바이스를 원하는 대로 동작하게 명령하는 컴퓨터 프로그램, 코드 조각, 명령, 또는 이들의 일부 조합을 포함할 수 있다. 소프트웨어 애플리케이션의 예들은, 운영 시스템, 사용자 디바이스(예를 들어, 디스플레이, 통신 인터페이스, 입력/출력 디바이스 등)의 여러 성분을 제어 및/또는 동작시키는 드라이버, 브라우저, 미니 브라우저, 스크립트, 위젯, 또는 콘텐츠를 표시하기 위해 콘텐츠 제공자 시스템과 상호작용하고 또 다른 특징 중에 콘텐츠를 제공하기 위해 사용자 인터페이스와 상호작용하는 다른 프로그램을 포함한다. 자바(Java), 아크로밧 리더(Acrobat Reader), 퀵타임(QuickTime), 또는 윈도우 미디어 플레이어(Windows Media Player), 및 플래쉬 플레이어(Flash Player)(예를 들어, 아도브(Adobe) 또는 매크로미디어 플래쉬(Macromedia Flash))와 같은 다른 브라우저 기반 도구 및 플러그인 애플리케이션이 또한 사용될 수 있다. 이 애플리케이션들은 처리 디바이스에 상주하거나 저장 디바이스로부터 로딩될 수 있다. 브라우저와 같은 애플리케이션이 처리 디바이스에 로딩되고 이에 의해 실행되면, 처리 디바이스는 콘텐츠 제공자 시스템의 콘텐츠를 렌더링하여 제공하도록 사용자 인터페이스를 제공하게 구성된 특정 기계 또는 장치가 된다. 다시 말해, 특정 방식으로 프로그래밍된 처리 디바이스는 그 프로그램이 없는 기계와는 물리적으로 다르고 그 메모리 요소는 서로 다르게 배열된다.
소프트웨어, 애플리케이션, 콘텐츠 및 데이터는 임의의 유형의 기계, 성분, 물리적 또는 가상 장비, 저장 매체 또는 디바이스 또는 명령이나 데이터를 처리 디바이스에 제공하거나 처리 디바이스에서 해석되는 명령이나 데이터를 제공할 수 있는 전파되는 신호 파형(signal wave)으로 영구히 또는 일시적으로 구현될 수 있다. 특히, 애플리케이션이나 데이터는 디지털 데이터를 저장하는 휘발성 메모리와 비휘발성 메모리를 포함하는 하나 이상의 저장 매체, 메모리 또는 저장 디바이스(202, 210)(예를 들어, 판독 전용 메모리(read only memory)(ROM), 랜덤 액세스 메모리(random access memory)(RAM), 플래쉬 메모리(flash memory), 플로피 디스크(floppy disk), 하드 디스크(hard disk), 콤팩트 디스크(compact disk), 테이프(tape), DROM, 플립플롭(flip-flop), 레지스터(register), 버퍼(buffer), SRAM, DRAM, PROM, EPROM, OPTROM, EEPROM, NOVRAM, 또는 RAMBUS)에 저장될 수 있고, 그리하여 메모리가 처리 디바이스에 의해 판독되거나 액세스되는 경우, 특정 단계, 공정 및/또는 명령이 수행되고 및/또는 데이터가 액세스되고 처리되고 및/또는 저장된다. 메모리는 I/O 인터페이스를 포함할 수 있고, 이에 따라 데이터와 애플리케이션이 메모리에 로딩되어 저장되고 애플리케이션, 프로그래밍 및 데이터가 업데이트되거나 삭제되거나 변경되거나 증가되거나 조작될 수 있게 한다. 메모리는 예를 들어, 사용자 디바이스에 삽입되거나 이로부터 이탈되는 카드, 스틱 또는 디스크와 같이 착탈가능할 수 있다.
통신 인터페이스(203)는 여러 통신 경로(130)를 사용하여 콘텐츠 제공자 시스템(110)과 데이터와 콘텐츠를 교환할 수 있다. 인터페이스는 처리 디바이스가 통신 경로(130)를 사용하여 정보를 송수신할 수 있게 한다. 통신 인터페이스는 처리 디바이스의 일부로 구현되거나 또는 이와는 별도로 처리 디바이스로 하여금 통신 경로(130)를 사용하여 통신하게 할 수 있다. 통신 인터페이스는 상이한 유형의 통신 매체와 프로토콜과 상호작용하며 처리 디바이스에서 사용될 수 있는 포맷으로 정보/데이터를 변환하기 위해 상이한 유형의 하드웨어 및/또는 소프트웨어를 위한 인터페이스를 포함하는 2개 이상의 유형의 인터페이스를 포함할 수 있다. 이와 유사하게, 인터페이스는 처리 디바이스로부터 수신된 정보/데이터를 통신 경로(130)를 통해 서비스 제공자 시스템(110)으로 전달될 수 있는 포맷으로 변환할 수 있다.
통신 경로(130)는 사용자에게 표시하기 위해 콘텐츠를 포함하는 여러 유형의 아날로그 및/또는 디지털 데이터를 나타내는 데이터 스트림을 운반 즉 전달하는 신호(예를 들어, 전기 신호, 전자기 신호 또는 광학 신호)를 송수신하도록 구성될 수 있다. 예를 들어, 통신 경로(130)는 하나 이상의 네트워크 디바이스(예를 들어, 네트워크 인터페이스 카드, 섬유 매체 컨버터, 서버, 라우터, 스위치, 허브, 브리지, 리피터, 블레이드(blade), 프로세서 및 저장 디바이스)를 포함하는 하나 이상의 네트워크와 여러 통신 매체를 사용하여 구현될 수 있다. 하나 이상의 네트워크는 LAN(local area network), WAN(wide area network), 이더넷(Ethernet), GAN(global area network), 평범한 구 전화 서비스(POTS : plain old telephone service) 네트워크, 디지털 가입자 라인(DSL : digital subscriber line) 네트워크, ISDN(integrated services digital network), SONNET(synchronous optical network)/SDH, PON 또는 AON(Passive and Active Optical Networks), 패킷 스위칭되는 네트워크, V. 92 전화 네트워크 모뎀, IRDA, USB, 파이어와이어(Firewire), EIA RS-232, EIA-422, EIA-423, RS-449, RS-485, ITU, T1 및 다른 T-반송파 링크, 및 E1 및 다른 E-반송파 링크, 여러 종류의 802.11, GSM Um 무선 인터페이스(radio interface), 블루투스(Bluetooth), IEEE 802.11x 와이파이(Wi-Fi), 트랜스퍼제트(TransferJet), 이더루프(Etherloop), ARINC 818 에이비오닉스 디지털 비디오 버스(Avionics Digital Video Bus), G.hn/G.9960 또는 이들 네트워크의 2개 이상의 조합을 포함할 수 있다.
나아가, 통신 경로(130)는 다수의 통신 프로토콜 중 어느 하나를 사용하여 정보/데이터 신호를 운반하기 위해 예를 들어, 무선 주파수, 적외선 및 마이크로웨이브 신호와 같은 전자기 신호를 송수신하는 하나 이상의 무선 링크(예를 들어, 마이크로웨이브, 무선 및 위성)를 포함할 수 있고, 예를 들어 통신 링크는 2G (GSM, GPRS, EDGE, EDGE Evolution, CSD, HSCSD), 2.5G, 2.75G, 3G (W-CDMA, HSPDA, HSUPA, UMTS-TDD, FOMA), 4G와 같은 IMT-2000 및 와이파이 또는 WLAN과 같은 IEEE 802.11 표준을 포함할 수 있다. 일례에서, 통신 경로(130)는 인터넷이나 월드 와이드 웹을 포함할 수 있다.
데이터와 콘텐츠는 다수의 통신 프로토콜 중 어느 하나를 사용하여 통신 인터페이스와 통신 경로를 통해 사용자 디바이스(101)와 콘텐츠 제공자 시스템(110) 사이에 교환될 수 있다. 특히, 데이터는 예를 들어, TCP/IP라고도 말하는 인터넷 프로토콜 스위트(Internet Protocol Suite)를 사용하여 패킷 스위칭되는 네트워크를 거쳐 데이터를 통신하는데 사용되는 프로토콜을 사용하여 교환될 수 있다. 데이터와 콘텐츠는 단지 그 어드레스에만 기초하여 소스 호스트로부터 목적지 호스트로 데이터그램(datagrams)(또는 패킷)을 사용하여 전달될 수 있다. 이를 위해, 인터넷 프로토콜은 데이터그램 캡슐화를 위해 어드레스 지정 방법 및 구조를 한정한다. 인터넷 프로토콜의 예는 인터넷 프로토콜 버전 4(IPv4) 및 인터넷 프로토콜 버전 6(IPv6)을 포함한다.
컴퓨터 도구는 콘텐츠 제공자 시스템(110)에서 제공되는 웹 페이지와 그 연관된 콘텐츠와 같은 콘텐츠에 액세스 및 렌더링하여 표시하는데 사용될 수 있다. 콘텐츠 제공자 시스템(110)은 많은 서비스를 제공하는 외에 콘텐츠에 액세스하고 콘텐츠를 구성하는 것과 사용자에게 콘텐츠를 표시하는 것을 용이하게 한다. 콘텐츠 제공자 시스템(110)은 사용자의 관점(perspective)에서 보아 중앙 집중된 위치에 웹페이지와 웹사이트와 같은 콘텐츠를 저장하고 관리할 수 있다. 중앙 위치는 시스템의 하드웨어 성분을 제공하는 룸, 빌딩 또는 캠퍼스와 같은 하나의 물리적 위치일 수 있다. 그러나, 실제 중앙 위치는 다수의 분배 시스템 및/또는 위치를 통해 서비스와 콘텐츠가 액세스되고 데이터가 저장되는 가상 위치일 수 있다. 다시 말해, 콘텐츠 제공자 시스템이 하나의 개체(entity)인 것으로 도 1에 도시되어 있으나, 애플리케이션, 서비스, 콘텐츠 및 데이터들이 디바이스 및 지리적 위치에 있어 분배되는 다른 구성이 시스템 서비스 제공자의 의미 내에 있다.
콘텐츠 제공자 시스템은 사용자를 위해 통신, 콘텐츠 및 데이터를 저장, 처리, 조작, 구성, 통합, 유지 및 표시하기 위해 하나 이상의 통신 디바이스, 프로세서, 메모리/저장 디바이스, 통신 인터페이스, 네트워크 디바이스 및 통신 경로를 포함할 수 있다. 통신 디바이스, 프로세서, 메모리/저장 디바이스, 소프트웨어, 통신 인터페이스, 네트워크 디바이스 및 통신 경로들에 대해서는 모두 이미 상술되어 있으며 그러므로 여기서는 다시 반복 설명하지 않는다.
일례에서, 콘텐츠 제공자 시스템(110)은 하나 이상의 보안 디바이스(141)(예를 들어, 방화벽), 웹서버(142), 애플리케이션 서버(144), SQL 서버, MySQL 서버 또는 다른 데이터베이스 시스템(145) 및 미러 서버(148) 및 그 연관된 메모리(150) 및 백업 메모리 디바이스(152)를 포함할 수 있다. 그러나, 도 1에 주어진 예는 단지 예시를 위한 것일 뿐, 디바이스의 상이한 구성과 조합 및 디바이스의 수가 임의의 특정 콘텐츠 제공자 시스템(110)을 위해 제공될 수 있다는 것이 이해될 것이다. 예를 들어, 또한 클라우드 구조가 후술하는 바와 같이 콘텐츠 제공자 시스템(110)을 구현하는데 사용될 수 있다. 나아가, 각 서버(예를 들어, 143, 144, 145, 및 148) 중 하나와 그 연관된 메모리(150,152)만이 도시되어 있으나, 실제 구현시에는 서비스 제공자 시스템(110)의 특정 구현이 처리하는 사용자의 수, 데이터 및 트래픽의 양을 처리하는데 필요한 만큼 이들 기계의 수의 뱅크일 수 있다는 것이 이해될 수 있을 것이다.
도 1에는 하나의 구성이 도시되어 있으나, 다른 구성이 사용될 수도 있다. 예를 들어, 여러 운영 시스템(예를 들어, Windows, Mac OS X, Unix, 또는 Linux) 중 어느 하나를 실행하는 여러 프로세서(예를 들어, Intel Core, Pentium, Celeron, 서버 또는 워크스테이션 프로세서)) 중 어느 하나를 특징으로 하는 여러 유형의 컴퓨터(예를 들어, PC 또는 Macintosh)와 같은 다른 유형의 하드웨어가 사용될 수 있다. 나아가, HTML, XML, ASP, Ajax, CSS 및 여러 다른 프로토콜과 같은 언어들이 자바 스크립트(Java Script)를 사용하여 브라우저와 그 프로그래밍을 링크하는데 사용될 수 있다.
다른 예에서, 콘텐츠 제공자 시스템은 가속화된(accelerated) 클라우드 기반을 사용하여 호스팅될 수 있다. 클라우드 처리 네트워크는 가상 서버를 위해 가속기의 가상화기 네트워크(virtualizer network of accelerators)를 포함한다. 가상화기는 SDS(Storage Domain Servers), 네트워크 스위처(network switchers) 및 SAN(Storage Area Network)을 사용하여 부하가 균형 잡힌 자원으로 에뮬레이팅(emulated)되고 제공된 여러 서버 성능과 기능을 제공한다. 네트워크는 다중 운영 시스템(예를 들어, Unix, Linux, Windows, Mac OS, Backup)을 가지는 많은 다른 서버에 용이한 액세스를 가능하게 하는 하나 이상의 콘텐츠 제공자에 대응하는 데이터 저장 장치 및 데이터베이스 및 여러 서버에 연결된다. 그 결과, 다양한 서버 운영 시스템과 성능이 사용자 디바이스(101)의 엔드 사용자(end user)에 제공될 수 있다. 클라우드 처리 네트워크는 콘텐츠 제공자 시스템(110)의 일부이거나 제 3 자에 의해 호스팅될 수 있다.
가속기는 방대한 양의 NAS 저장장치를 갖는 가상 서버(8+ cores, 32+GB RAM)를 제공한다. 가속기는 고속 네트워킹 및 라우딩 패브릭(fabric)(예를 들어, Force 10) 및 효과적인 하드웨어 부하 밸런서(balancer)(예를 들어, F5 네트워크)의 클라우드 내에 전개된다. 아파치(Apache), Nginx, MySQL, PHP, 루비 온 레일즈(Ruby on Rails), 및 자바(JAVA)와 같은 여러 애플리케이션이 미리 설치된다.
가속기는 셋업 및 보안 구성의 제어를 제공하기 위하여 풀 루트 액세스(full root access)를 사용한다. 이 구성은 대규모 스케일러빌리티를 수직과 수평으로 전달하는 가속기를 제공한다. 예를 들어, 수직 스케일에서 가속기는 RAM의 1/4GB 내지 최대 RAM의 32GB 범위의 사이즈로 된다. 수평 스케일에서, 잠재적으로 수백 개의 노드들을 지원하기 위해 하드웨어 부하 밸런싱을 사용하는 애플리케이션 계층 가속기가 추가될 수 있다.
컴퓨터 도구는 특별한 브라우저로, 브라우저에서 플러그인 또는 위젯으로 컴퓨터 또는 컴퓨터 시스템에 의해 구현될 수 있다. 특히, 컴퓨터 도구는 웹페이지에 액세스하고 이를 렌더링하며 표시하는데 사용된다. 나아가, 컴퓨터 도구는 웹페이지의 일부분 선택, 선택된 콘텐츠의 조작 및 콘텐츠, 특히 웹 콘텐츠, 즉 웹 페이지에서 제공되는 콘텐츠의 공유와 같은 추가 기능을 제공할 수 있다.
웹페이지는 월드 와이드 웹에 적합한 정보의 자원이나 콘텐츠를 제공한다. 일반적으로, 웹 페이지는 사용자에게 표시하기 위해 콘텐츠를 렌더링하는 컴퓨터에서 실행되는 웹 브라우저를 통해 액세스 된다. 콘텐츠는 일반적으로 HTML 또는 XHTML 포맷으로 제공되며 하이퍼텍스트 링크를 통해 다른 웹 페이지로의 내비게이션을 제공할 수 있다.
웹페이지는 로컬 컴퓨터로부터 또는 원격 웹 서버로부터 검색될 수 있다. 이 웹 서버는 월드 와이드 웹에 있는 웹 페이지에 액세스하거나 이 웹 페이지를 발행하는 것을 제한할 수 있다. 웹페이지는 예를 들어, 콘텐츠 제공자 시스템에 의해 하이퍼텍스트 전송 프로토콜(HTTP)을 사용하여 웹 서버로부터 요청되고 서비스된다.
웹페이지는 웹 서버의 파일 시스템(예를 들어, 정적인 웹 페이지) 내에 저장된 정적인 텍스트의 파일로 구성되거나 또는 웹 서버는 웹페이지가 브라우저에 의해 요청될 때 각 웹 페이지(예를 들어, 동적인 웹 페이지)를 위해 (X)HTML을 구성할 수 있다. 웹 브라우저는 웹페이지가 클라이언트 브라우저에 의해 일단 렌더링되면 웹 페이지들이 사용자 입력에 더 많이 응답하게 하는 스크립트와 같은 추가적인 도구와 플러그인을 제공할 수 있다.
웹 페이지는 일반적으로 사용자에게 표시하기 위해 콘텐츠를 렌더링하는 방법을 브라우저에 알려주는 정보를 포함한다. 예를 들어, 이 정보는 텍스트와 배경의 컬러를 포함할 수 있고 또한 매우 종종 사용자에게 최종적으로 표시할 때 렌더링되어야 하는 이미지와 다른 매체에의 링크를 더 포함할 수 있다. 일반적으로, 이 정보는 CSS(Cascading Style Sheet) 명령에 의해 제공되는 레이아웃, 타이포그래픽(typographic) 및 컬러 구조 정보를 포함할 수 있다. 이 명령은 웹 페이지의 HTML에 매립되어 있거나 또는 웹페이지의 HTML에서 참조되는 별도의 파일에 의해 제공될 수 있다. 후자의 경우는 특별히 하나의 긴 스타일시트가 전체 웹사이트와 관련 있는 경우 관련되며: HTTP 작업 방식으로 인해, 브라우저는 웹 서버로부터 한번만 이를 다운로드할 수 있고 전체 사이트에 대해 캐싱된 사본(cached copy)을 사용한다.
이미지는 별도의 파일로서 웹 서버 상에 저장되나, HTTP는 웹 페이지를 처리할 때 브라우저에서 요청하는 이미지와 스타일 시트와 같은 관련 파일을 제공하는 규정을 만든다. 예를 들어, HTTP 1.1 웹 서버는 웹 페이지와 관련된 모든 자원이 요청되고 제공될 때까지 클라이언트 브라우저와의 연결을 유지한다. 웹 브라우저는 통상 디스플레이된 웹페이지 상에 있는 텍스트와 다른 자료와 함께 이미지를 렌더링한다.
Ajax 기술을 구현하는 코드 또는 자바 스크립트와 같은 클라이언트측 컴퓨터 코드는 웹페이지의 HTML에 매립되거나 또는 CSS 스타일시트와 같이 이들은 HTML에서 특정된 별도의 링크 다운로드로서 제공될 수 있다. 스크립트는 사용자가 이들로 하여금 허용가능하게 하는 경우 클라이언트 컴퓨터에서 실행되고 페이지가 다운로드된 후에 사용자를 위해 추가적인 기능을 제공할 수 있다
웹 브라우저는 인터넷 익스플로러, 모질라 파이어폭스(Mozilla Firefox) 및 오페라(Opera)와 같은 그래픽 사용자 인터페이스를 제공하거나, 웹 브라우저는 Lynx와 같이 텍스트 기반일 수 있다.
웹페이지는 정보 세트로서 콘텐츠를 포함하며 사용자에게 표시되는 수많은 유형의 정보를 포함할 수 있다. 예를 들어, 웹 페이지는 보거나 듣거나 또는 엔드 사용자와 상호작용할 수 있는 정보를 포함할 수 있다. 정보는 다양한 렌더링 변화를 갖는 텍스트 정보와 비-텍스트 정보를 포함할 수 있다. 비-텍스트 정보는 래스트 그래픽스(raster graphics) 상에 정적인 이미지, 일반적으로 GIF, JPEG 또는 PNG; SVG 또는 플래쉬(Flash)와 같은 벡터 포맷; 애니메이팅된 이미지, 일반적으로 애니메이팅된 GIF 및 SVG (그러나 또한 Flash, Shockwave 또는 Java 애플릿일 수 있음); 오디오, 일반적으로 MIDI 또는 WAV 포맷 또는 자바 애플릿; 비디오, WMV(윈도우), RM(Real Media), FLV(Flash Video), MPG, MOV(Quicktime)을 포함할 수 있다. 웹 페이지는 동적인 웹 페이지에 의해 제공되는 바와 같이 인터페이스에 부착되는 보다 복잡한 대화식 정보를 포함할 수 있다.
웹페이지는 대화식 텍스트(예를 들어, DHTML); 대화식 도해 예를 들어, 스크립트 통합(script orchestration), 플래쉬, 자바 애플릿, SVG 또는 쇽웨이브를 사용하여 게임에서 "플레이를 위한 클릭" 이미지); 버튼(예를 들어, 일반적으로 스크립트 통합과 DHTML과 함께 사용하기 위해 다른 인터페이스를 제공하는 형태); "페이지들 간(between pages)"의 상호작용(예를 들어, 하이퍼링크: "페이지 전환" 반응 표준); 서버와 서버측 데이터베이스와 더 많은 상호작용을 제공하는 형태와 같은 "온페이지" 대화("on page" interaction)를 제공할 수 있다.
웹페이지는 또한 코멘트와 같은 내부 또는 은닉 정보; 의미 메타정보, 캐릭터셋(charset) 정보, 문서 유형 정의(DTD : Document Type Definition), 도해 및 스타일 정보(예를 들어, 이미지 사이즈 속성과 같은 렌더링된 항목에 대한 정보와, CSS(Cascading Style Sheets)와 같은 시각적 스펙)를 갖는 메타데이터를 더 포함할 수 있다.
웹페이지는 (예를 들어, IP 어드레스 추적 및/또는 "쿠키(cookie)" 정보의 사용을 통해) 렌더링 브라우저 또는 엔드 사용자 위치에 따라 동적으로 적응된 정보 요소를 더 포함할 수 있다.
내비게이션 바(bar)와 같은 일부 정보 (그룹화된) 요소는 표준과 같이 모든 웹사이트 페이지에 대해 균일할 수 있다. 이런 종류의 "웹사이트 표준 정보"는 웹 템플릿 시스템과 같은 기술에 의하여 제공된다.
웹사이트는 웹서버의 공통 목록에 저장된 다수의 웹 페이지이다. 웹사이트는 일반적으로 서로 링크된 웹페이지의 그룹을 포함하거나 일부 다른 일관적인 내비게이션 방법을 가지고 있다. 웹사이트는 색인 페이지(index page)를 포함한다. 웹 서버 설정에 따라, 색인 페이지는 많은 다른 이름을 가질 수 있으나, 가장 일반적인 것은 index.html이다. 브라우저가 웹사이트를 위한 홈페이지를 방문하거나 특정 파일이 아닌 목록을 가리키는 임의의 URL을 방문하는 경우, 웹서버는 색인 페이지를 요청하는 브라우저에 제공한다. 색인 페이지가 구성에 한정되어 있지 않거나 그러한 파일이 서버에 존재하지 않는 경우 에러 또는 목록 리스트들이 브라우저에 제공된다.
많은 현대의 웹페이지들은 종종 특정 디스플레이 해상도에서 이용가능한 것보다 더 많은 스크린 공간을 그 연관된 모든 콘텐츠에 대해 요구한다. 대부분의 종래 브라우저는 표시되는 정보를 제어하거나 조작하는 인터페이스를 제공한다. 예를 들어, 일부 종래의 브라우저는 웹페이지와 연관된 모든 콘텐츠에의 액세스를 사용자로 하여금 보게 하는 윈도우를 사용자로 하여금 위치하게 하는 스크롤바(예를 들어, 스크린의 측면 및/또는 스크린의 하부에 있는 바)를 배치한다. 그러나, 종래의 브라우저는 콘텐츠의 표시에 제한이 있다. 예를 들어, 종래의 브라우저는 일반적으로 사용자에게 웹페이지의 일부분을 디스플레이하는 직사각형 윈도우를 제공한다. 사용자 인터페이스는 렌더링된 웹페이지의 콘텐츠에 대해 윈도우를 조작하거나 상기 윈도우를 이동시키는데 사용될 수 있다. 사용자가 일반적으로 콘텐츠를 표시하는 윈도우의 크기를 최대화하거나 조절할 수는 있으나, 상기 윈도우는 웹페이지와 연관된 콘텐츠 전부를 여전히 디스플레이할 수 없을 수 있다.
나아가, 현대의 웹페이지는 매우 많은 양의 콘텐츠를 제공하지만, 사용자는 원하는 콘텐츠를 가지는 웹페이지의 특정 부분에만 관심이 있을 수 있다. 종래의 브라우저가 차후 원하는 페이지로 용이하게 되돌아갈 수 있게 사용자가 페이지를 북마크할 수 있게 하지만, 사용자가 웹페이지에 액세스할 때마다, 사용자는 윈도우를 원하는 콘텐츠로 여전히 다시 내비게이팅하여야 한다. 나아가, 다른 사용자와 콘텐츠를 공유하고자 할 때에는 사용자는 이메일에 있는 URL을 잘라내고 이를 웹 페이지에 붙여넣고 사용자 입력을 수신한 후 미리 지정된 특정 콘텐츠를 이메일로 보내기 위해 특별 규정을 제공하여야 한다.
본 명세서에 기술된 신규한 컴퓨터 도구는 웹페이지로부터 콘텐츠의 일부분을 사용자로 하여금 선택할 수 있게 하고 데스크톱이나 컴퓨터 스크린/디스플레이 상에 선택된 콘텐츠를 디스플레이할 수 있게 한다. 컴퓨터 도구는 또한 선택된 콘텐츠를 구성 및 조작하고 공유하는데 사용될 수 있다. 컴퓨터 도구는 또한 다중 웹페이지로부터 오는 콘텐츠를 컴퓨터 스크린에 동시에 디스플레이하는데 사용될 수 있다. 컴퓨터 도구는 상이한 계층을 사용하여 콘텐츠를 식별할 수 있게 하여, 사용자로 하여금 계층들 사이를 용이하게 이동할 수 있게 하고, 계층의 시퀀스를 재배열할 수 있게 하고, 웹페이지의 선택된 콘텐츠만의 디스플레이, 즉 확장된 브라우저 내에서 선택된 콘텐츠의 디스플레이 또는 선택된 콘텐츠와 브라우저에 의해 디스플레이될 수 있는 (예를 들어, 종래의 브라우저에 의한 웹페이지의 보기와 유사한) 웹페이지의 콘텐츠의 나머지 부분의 디스플레이 사이를 스위칭할 수 있게 한다. 컴퓨터 도구에 의해 표시된 콘텐츠는 웹페이지로부터 오는 "실시간(live)" 콘텐츠이므로, 사용자는 사용자 스크린에 렌더링되는 선택된 콘텐츠를 업데이트하기 위해 리프레쉬 속도(refresh rate)를 설정할 수 있다. 컴퓨터 도구는 인터넷 브라우저, 브라우저 내에서 동작하는 브라우저, 다른 브라우저와 연관된 브라우저, 브라우저 플러그인 또는 도구, 웹 버튼, 또는 웹페이지에 매립된 도구 그리고 위젯으로서 구현될 수 있다.
콘텐츠 제공자 시스템(110)과 상호작용하며 콘텐츠에 액세스하기 위해, 사용자는 콘텐츠 서비스 제공자(110)와 사용자 디바이스 또는 컴퓨터 사이에 연결 또는 링크를 구축할 필요가 있다. 사용자는 사용자 디바이스(101)가 콘텐츠 제공자 시스템(110)과 통신하게 하는 애플리케이션을 실행하는 사용자 디바이스 또는 컴퓨터(101)에 있는 컴퓨터 도구를 사용하여 콘텐츠에 액세스한다. 일례로서, 컴퓨터 도구는 컴퓨터상에서 실행되는 브라우저를 구현할 수 있다. 브라우저는 콘텐츠를 가져오고 표시하고 조작하고 상호작용하고 및/또는 콘텐츠 제공자 시스템(110)에 의해 제공되는 서비스에 액세스하기 위해 여러 플러그인 및 도구와 함께 하이퍼텍스트 전송 프로토콜(HTTP)(예를 들어, HTTP/1.1)을 사용하여 웹서버와 기본적으로 통신하는 임의의 애플리케이션을 포함할 수 있다. HTTP는 브라우저로 하여금 서버로부터 콘텐츠를 가져오는 외에 서버에 정보를 제공할 수 있게 한다. 콘텐츠는 어드레스로서 URL(uniform resource locator)을 사용하여 브라우저에 의해 위치될 수 있다. 많은 브라우저들은 또한 다양한 다른 URL 유형과 이에 대응하여 고퍼(Gopher)(hierarchical hyperlinking protocol), 파일 전송 프로토콜(FTP), 실시간 스트리밍 프로토콜(RTSP) 및 SSL 암호화된 HTTP 버전(HTTPS)과 같은 대응하는 프로토콜을 지원한다. 콘텐츠는 MIME 콘텐츠 유형을 사용하여 식별된 하이퍼텍스트 마크업 언어(HTML)로 제공될 수 있다. 브라우저는 JPEG, PNG 및 GIF 이미지 포맷과 같은 HTML 외에 다양한 포맷을 지원할 수 있고, 플러그인 및/또는 스크립트의 사용을 통해 추가적인 포맷을 지원하도록 확장될 수 있다. HTTP 콘텐츠 유형과 URL 프로토콜 스펙을 조합하여 이미지, 애니메이션, 비디오, 사운드 및 스트리밍 매체들을 콘텐츠에 매립할 수 있다. 자바, 아크로뱃 리더, 퀵타임 또는 윈도우 미디어 플레이어 및 플래쉬 플레이어(예를 들어, 아도브 또는 매크로미디어 플래쉬)와 같은 여러 플러그인 및 도구들이 있다.
다른 실시예에서, 컴퓨터 도구는 브라우저에 플러그인이거나 또는 기본 브라우저에서, 기본 브라우저와 함께, 또는 기본 브라우저에 추가하여 실행되는 브라우저에 플러그인일 수 있다. 또 다른 실시에에서, 컴퓨터 도구는 콘텐츠에 액세스하고 브라우저 애플리케이션과 상호작용하며 콘텐츠를 조작하기 위해 위젯이라고 불리우는 (예를 들어, 사용자 디바이스의 데스크톱에서) 상주하는 프로그램 또는 애플리케이션을 사용하여 구현될 수 있다. 위젯은 특히 윈도우 비스타 가젯(Windows Vista gadget), 윈도우 XP 실행 작업(작업바 아이콘) 또는 맥킨토시 위젯과 같은 잘 설계된 위젯 애플리케이션을 사용하여 구현될 수 있다. 위젯은 또한 콘텐츠 제공자 시스템으로부터 콘텐츠를 제공하기 위해 사용자 인터페이스를 열 수 있다. 예를 들어, 사용자가 위젯의 일부분을 선택하면, 위젯은 브라우저를 전개하거나 또는 사용자 선택된 콘텐츠를 제공하기 위해 콘텐츠 제공자 시스템과 사용자 디바이스 사이의 연결을 제공할 수 있다.
컴퓨터 도구는 콘텐츠 제공자 시스템(110)에 의해 제공된 콘텐츠와 사용자 사이에 기본 상호작용 점을 제공한다. 웹 서버(143)는 콘텐츠와 서비스를 사용자 디바이스(101)에서 동작하는 브라우저를 통해 사용자에게 제공한다. 사용자 디바이스(101)는 통신 경로(130)를 사용하여 서비스 제공자 시스템(110)의 웹서버(143)와 연결을 구축한다. 연결이 구축된 후에 컴퓨터 도구의 기본 인터페이스는 사용자 디바이스(101)의 디스플레이 상에 브라우저에 의해 렌더링된 스크린으로 표시된다. 스크린은 사용자 디바이스에서 동작하는 추가적인 프로그램, 애플리케이션 및 플러그인에 의해 보충되는 웹 서버(143)에 의해 제공되는 웹페이지를 표시할 수 있다.
컴퓨터 도구의 사용자 인터페이스는 콘텐츠 제공자 시스템(110)의 애플리케이션, 서버 및 데이터베이스에 의해 생성된 전자 콘텐츠를 제공한다. 일단 사용자 디바이스(101)가 콘텐츠 제공자 시스템(110)과 링크를 구축하면, 사용자 디바이스(101)와 시스템(110)은 데이터를 교환한다. 데이터는 사용자 인터페이스 스크린에 있는 페이지를 렌더링하기 위해 시스템(110)으로부터 브라우저로 사용자 디바이스(101)에서 실행되는 클라이언트 애플리케이션, 상주하는 브라우저 또는 컴퓨터 도구 및 그 운영 시스템에 의해 사용되는 마크업 언어로 전송될 수 있다. 데이터는 또한 사용자 인터페이스와 사용자의 상호작용의 지시(예를 들어 다른 웹페이지로의 하이퍼링크에 액세스하거나 지불을 위해 신용카드 번호를 제공하는 것)를 제공하기 위해 사용자 디바이스(101)로부터 시스템(110)으로 전송된다. 사용자 디바이스로 송신된 데이터는 HTML(hypertext markup language), 자바스크립트 프로그래밍 언어, CSS(Cascading Style Sheets) 및/또는 XML(eXtensible Markup Language)을 사용하여 사용자 인터페이스에서 제공되는 웹페이지를 사용자 디바이스에서 실행되는 클라이언트 애플리케이션, 브라우저 또는 컴퓨터 도구에 의해 해석될 수 있는 임의의 마크업 언어로 되어 있을 수 있다.
일례로서, 데이터는 페이지를 렌더링하기 위해 HTML 및/또는 XML 포맷을 사용하여 서비스 및 사용자 디바이스 사이에 전달될 수 있다. 사용자 인터페이스는 하나 이상의 영역, 부분, 박스, 윈도우, 스크롤/슬라이더 바, 도구, 메뉴, 버튼 및 탭을 포함할 수 있다. 사용자 인터페이스의 기능은 사용자 디바이스(101)의 하나 이상의 사용자 입력을 사용하여 액세스되거나 활성화될 수 있다. 예를 들어, 스크린에 있는 항목과 콘텐츠는 그래픽 사용자 인터페이스(예를 들어, 윈도우, 브라우저 또는 데스크톱 환경 내에서 항목을 활성화시키고 선택하고 드래그하기 위해 클릭 및 더블 클릭하는 마우스에 의해 제어되는 포인터)에서 일반적인 것과 같이 하나 이상의 사용자 입력 디바이스(예를 들어, 키, 키보드/패드, 터치 스크린/패드, 마우스, 조이스틱, 트랙볼 및 스타일러스)에 의해 제어되는 하나 이상의 스크린 위치 지시기 또는 시각적 효과(예를 들어, 포인터, 커서, 하이라이팅, 투명도, 컬러, 애니메이션 또는 효과)를 사용하여 선택되고 조작될 수 있다.
대부분의 경우에, 항목들은 일부 기능을 지정하거나 활성화하거나 제공하기 위해 선택되거나 클릭되거나 탭핑(tapped)될 수 있다. 이하 설명은 우측 마우스 클릭 또는 좌측 마우스 클릭과 같은 마우스 클릭을 언급한다. 일관성을 위해, 이 용어는 이하 예들 전체에서 사용되지만, 이 기술 분야에 통상의 지식을 가진 자라면 이것은 브라우저 또는 컴퓨터 도구 내에서 사용자 선택 및 입력을 구현하는 단 하나의 예일 뿐이라는 것을 이해할 수 있을 것이다. 터치 스크린에서 손가락이나 스타일러스를 가지고 탭핑하는 것과 같은 상이한 인터페이스를 갖는 다른 방법이 사용될 수 있다. 나아가, 컴퓨터로 상이한 기능을 활성화시키거나 원하는 방식으로 동작하게 명하기 위해 상이한 입력 조합이 원하는 대로 배열될 수 있다(예를 들어, 단일 선택 또는 이중 선택).
이하 예들은 브라우저 애플리케이션으로 구현되는 컴퓨터 도구를 위해 설명된다.
도 3을 참조하면, 컴퓨터 도구(305)가 웹 브라우저(10)로 구현될 때, 컴퓨터 도구와 연관된 신규한 기능과 알려진 종래의 기능의 조합이 있을 수 있다. 일례에서, 웹브라우저는 특히 파일(File), 편집(Edit), 보기(View), 가기(Go), 북마크(Bookmarks), 도구(Tools), 윈도우(Window), 도움말(Help)과 같은 드롭 다운 메뉴(drop down menus)를 가지는 공통 도구 바 기능을 갖는 도구 바(315)를 포함할 수 있다. 웹 브라우저(10)는 또한 스크린을 새로 고치고(refreshing), URL 어드레스를 입력하고 웹페이지를 앞으로 그리고 뒤로 이동하며 검색하고 프린트하는 등을 위한 종래의 버튼을 가지는 내비게이션 도구 바(320)를 포함할 수 있다. 웹 브라우저(310)는 또한 컴퓨터 도구와 연관된 동작을 수행하는 버튼을 포함할 수 있다. 예를 들어, 브라우저(310)는 사용자로 하여금 계층을 생성 및 삭제하고, 계층을 은닉 및 보여주고, 계층들 사이를 이동하며, 콘텐츠의 개별 항목 외에 콘텐츠의 계층들을 재배열하거나 재주문하거나 재적층하거나 재명명하게 하는 하나 이상의 버튼(325)이나 디바이스(325)를 포함할 수 있다. 또한 상이한 계층들 사이를 드래그하고 드롭(drop)하거나, 하나의 브라우저 윈도우로부터 또는 상이한 브라우저 윈도우 내로 또는 상이한 브라우저 윈도우 계층 디바이스 내로 계층들을 드래그하고 드롭하는 것이 또한 지원된다.
콘텐츠의 특정 항목 또는 복사된 콘텐츠의 특정 계층, 모든 계층 또는 개별 항목에 대한 리프레쉬 속도를 설정하는 하나 이상의 수동 또는 자동 페이지 리프레쉬 제어부(330)가 제공된다. 브라우저는 웹페이지로부터 오는 콘텐츠를 선택하고 디스플레이하는 하나 이상의 버튼(335)을 포함할 수 있다. 이들 여러 버튼과 기능은 일반적인 웹페이지(340)에 있는 콘텐츠와 연관된 툴바 등으로 보일 수 있다. 예를 들어, 웹페이지(340)는 로그인 부분(345), 웹 퍼블리셔로 가는 일반적인 콘텐츠(350) 및 웹 퍼블리셔로부터 오는 사용자 특정 콘텐츠(355)를 포함할 수 있다. 웹페이지(340)가 사용자의 뱅크 것이라면, 로그인 부분(345)은 사용자의 계정에 로그인하기 위해 사용자에 의해 사용되며, 일반적인 콘텐츠(350)는 뱅크에 관한 표준 정보일 수 있으며 사용자 특정 콘텐츠(355)는 사용자 계정의 잔액, 거래내역 등일 수 있다.
사용자 디바이스 또는 컴퓨터의 브라우저로 구현되는 컴퓨터 도구의 사용자는 다중 웹 페이지로부터 사용자에 의해 선택된 라이브 콘텐츠를 동시에 디스플레이하는 컴퓨터 스크린이나 데스크톱에 퍼스널화된 또는 주문제작된 디스플레이를 생성하기를 원할 수 있다. 예를 들어, 사용자는 퍼스널 뱅킹 정보, 퍼스널 주식 계좌 정보, 헤드라인 웹 페이지, 웹캠(webcam) 및 날씨 정보 웹페이지를 제공하는 다중 웹페이지로부터 정보를 디스플레이하기를 원할 수 있다. 그러나, 컴퓨터 도구는 렌더링하거나 표시하기 위한 웹 페이지의 특정 사용자 정의된 영역을 사용자가 특정하거나 선택하는 것을 가능하게 한다. 일례에서, 웹페이지의 나머지 부분은 표시되지 않는다. 나아가, 컴퓨터 도구는 1) 사용자 정의된 영역만을 표시하는 것과, 2) 사용자 정의된 영역에 나머지 부분을 더한 것을 표시하는 것 사이를 사용자가 토글하는 것을 가능하게 한다. 컴퓨터 도구는 단일 브라우저 내에 또는 (예를 들어 데스크톱 위에) 개별적으로 웹페이지의 다중 사용자 정의된 영역을 동시에 디스플레이하는데 사용될 수 있다. 그 결과, 사용자는 사용자가 원하는 웹페이지의 콘텐츠만을 표시하는 주문제작된 인터페이스를 형성할 수 있다.
도 4를 참조하면, 컴퓨터 도구를 구현하는 하나의 예시적인 방법(400)이 제공된다. 먼저, 브라우저가 사용자(401)로부터 원하는 웹페이지의 지시를 수신한다. 브라우저는 콘텐츠 서비스 제공자(410)로부터 콘텐츠에 액세스하기 위해 지시된 웹 콘텐츠로 내비게이팅한다. 일례에서, 사용자는 인터넷 브라우저를 열고 관심 있는 웹페이지로 내비게이팅할 수 있다. 원하는 웹페이지는 타이핑되거나 입력되거나 또는 지시된 URL 어드레스, 브라우저의 URL 필드 또는 북마크의 선택, 파비콘(Favicon), 하이퍼링크 또는 원하는 웹페이지 또는 웹콘텐츠를 지정하는 임의의 다른 방식을 수신하는 것과 같은 표준 입력을 사용하여 사용자에 의해 지시될 수 있다. 일단 관심 있는 웹페이지에 액세스되면, 브라우저는 브라우저(420)의 디스플레이 윈도우에 있는 웹페이지를 렌더링한다. 브라우저는 사용자 입력(430)에서 선택된 웹페이지 내에 사용자 정의된 영역의 지시를 수신한다. 사용자는 여러 도구를 사용하여 웹페이지 내 영역을 선택하거나 한정한다. 예를 들어, 브라우저는 마르퀴(marquee) 선택 도구에 의해 지시된 웹페이지에 대응하는 페이지를 표시하는 브라우저의 윈도우 내에 직사각형 영역을 한정하기 위해 마르퀴 선택 도구와 같은 사용자 인터페이스를 제공할 수 있다. 그러한 마르퀴 선택 도구는 많은 그래픽 소프트웨어 패키지에서 현재 제공된다. 일반적으로, 사용자는 사용자 입력 디바이스(예를 들어, 마우스)를 사용하여 디스플레이 상의 포인트로 커서나 포인터와 같은 위치 지시기를 이동시키고, 디스플레이에서 하나의 포인트를 지시하고(예를 들어, 우측 클릭하고 마우스 버튼을 유지한다), 영역을 선택한다(예를 들어, 포인터를 대각선으로 드래그하여 예를 들어 시각적으로 점선으로 지시된 직사각형을 형성한다). 물론, 다른 도구들이 사용될 수 있다. 예를 들어, 선택 도구는 사용자에게 특히 정사각형, 원형, 타원형, 삼각형 및 다각형과 같은 다른 형상을 사용하여 영역을 한정하도록 구성될 수 있다. 나아가, 올가미 밧줄(lasso) 또는 매술 지팡이(magic wand) 도구와 같은 프리 스타일(free style) 선택 도구가 보다 복잡한 기하학적 형상, 다양한 형상 및/또는 일정한 컬러의 특성을 갖는 형상을 가지는 웹페이지의 영역을 한정하기 위해 제공될 수 있다.
일단 영역이 한정되면, 브라우저는 사용자가 웹페이지(450)의 한정된 영역을 조작하기를 원하는 지시를 수신한다. 사용자는 브라우저에 의해 제공된 하나 이상의 입력을 선택하기 위해 사용자 입력 디바이스를 사용하여 지시를 제공할 수 있다. 일례에서, 사용자 조작은 사용자 디바이스의 디스플레이나 이와 연관된 디스플레이에 표시하기 위해 선택된 영역과 그와 연관된 영역만을 남기고 브라우저를 접는다(fold or collapse). 예를 들어, 사용자는 콘텐츠를 캡쳐할 수 있는 마이크로소프트 워드(Microsoft Word), 아도브 리더(Adobe Reader), 모질라 파이어폭스(Mozilla Firefox) 및 다른 소프트웨어프로그램에서 볼 수 있는 복사 버튼(copy button)과 매우 유사한, 툴바 또는 메뉴에 있는 하나의 버튼을 선택할 수 있다. 예를 들어, 절단 버튼(crop button)이 가위 기능으로 표현될 수 있으며 이 가위 기능은 웹 브라우저로 하여금 데스크톱의 스크린 상에 사용자 정의된 영역만을 표시하기 위해 크기를 줄이거나 접는 것을 가능하게 한다. 다른 예에서, 사용자는 URL 어드레스 필드로부터 파비콘(Favicon)을 선택하여 웹 브라우저로 하여금 데스크톱의 스크린 상에 사용자 정의된 영역만을 표시하기 위해 크기를 줄이거나 접는 것을 가능하게 할 수 있다. 다른 예에서, 사용자는 입력을 선택할 수 있으며 타이틀 바로부터 최소화 버튼(minimize button)이 사용자에 의해 선택되어 웹 브라우저로 하여금 데스크톱의 스크린 상에 사용자 정의된 영역만을 표시하도록 사이즈를 줄이거나 접는 것을 가능하게 할 수 있다. 다른 예에서, 선택된 버튼은 브라우저 윈도우에서 디스플레이된 웹페이지의 나머지 부분이 사라지게 (또는 디스플레이되지 않게) 할 수 있다. 그 결과, 사용자는 사용자 정의된 영역에 의해서 지시된 바와 같은 원하는 콘텐츠만을 도시하는 퍼스널화된 컴퓨터 디스플레이 및/또는 퍼스널화된 웹 페이지 디스플레이를 볼 수 있다.
일단 브라우저가 한정된 콘텐츠를 사용자가 조작하기를 원한다는 지시를 수신하면, 브라우저는 한정된 콘텐츠(460)와 하나 이상의 속성(attribute)을 연관시킨다. 일례에서, 브라우저는 한정된 영역의 경계면 상의 어디인가 시크렛(chiclet)을 디스플레이한다. 시크렛은 브라우저 또는 컴퓨터 도구의 콘텐츠 및/또는 활성 기능을 조작하기 위해 사용자가 상호작용하거나 선택할 수 있는 핸들(handle)을 제공한다. 일례에서, 시크렛은 파비콘, 로고 또는 사용자 정의된 로그, URL 또는 이들 중 2개 이상의 일부 조합일 수 있다. 일례에서, 사용자는 1) 브라우저의 디스플레이 윈도우에서 렌더링된 웹페이지의 나머지 영역에 한정된 콘텐츠를 더 한 것이나 한정된 콘텐츠를 보여주는 확장된 브라우저와, 2) 웹페이지의 한정된 콘텐츠만을 디스플레이하는 접혀진 브라우저 사이를 앞뒤로 스위칭하기 위해 사용자 입력 디바이스로 시크렛을 반복적으로 선택할 수 있다. 나아가, 시크렛은 사용자가 데스크톱에 있는 디스플레이를 이동시킬 수 있게 윈도우 운영 시스템의 윈도우의 타이틀 바를 선택하는 것과 매우 유사하게, 사용자 디바이스(101)의 디스플레이 스크린 주위에 사용자 정의된 콘텐츠만을 디스플레이하는 폴딩된 브라우저를 이동시키기 위해 사용자 입력 디바이스에 의해 선택될 수 있다. 다른 예에서, 사용자는 브라우저가 접혀진 동안 브라우저의 추가적인 기능에 액세스하기 위해 메뉴 또는 도구 바가 보이게 하는 시크렛을 선택할 수 있다. 예를 들어, 사용자는 브라우저를 최대화하거나, 브라우저를 작업하여 바로 최소화하거나, 브라우저를 단지 시크렛으로 축소하거나(즉, 디스플레이에서 시크렛만을 볼 수 있게 사용자 정의된 콘텐츠의 디스플레이를 닫는 것), 브라우저를 데스크톱의 파일로 닫거나, 콘텐츠를 공유하거나(예를 들어, 발행, 이메일 또는 인스턴트 메시지 기능을 통해) 또는 메뉴나 도구 바에 추가된 일부 다른 사용자 한정 기능에 액세스할 수 있다.
도 5 내지 도 9는 사용자 디바이스의 디스플레이 스크린에서 다중 웹페이지로부터 오는 콘텐츠를 조작하고 주문제작하기 위해 전문 브라우저를 구현하는 하나의 일례를 제공한다. 먼저, 도 5를 더 참조하면, 사용자는 콘텐츠(555, 560, 565, 570, 575)의 다중 영역을 갖는 웹페이지(550)로 내비게이팅한다. 예를 들어, 특정 도로를 따라 교통 정보의 실시간 디스플레이를 제공하는 교통 카메라 디스플레이 스크린을 디스플레이하는 웹페이지(550)를 고려한다. 디스플레이 영역(560)은 교통 카메라의 디스플레이일 수 있으며, 디스플레이 영역(555)은 디스플레이를 위해 도로의 교차로를 선택하기 위한 스크린의 영역일 수 있다. 사용자는 예를 들어 퇴근하기 전에 집으로 가는 교통 상황을 결정하기 위해 스크린에서 디스플레이하기 위해 하나의 교차로를 선택하기를 원할 수 있다. 사용자는 브라우저에 의해 표시된 웹페이지의 렌더링된 부분의 영역(160)을 한정하기 위해 브라우저의 마르퀴 또는 선택 버튼을 활성화한다. 웹 콘텐츠의 선택 또는 한정은 도 5의 영역(560) 주위 대시 라인(680)으로 표시된다. 영역(560)이 한정되면 사용자는 그 다음으로 디스플레이를 위한 영역(560)을 조작한다. 접는 도구 버튼을 선택하는 것에 의해 컴퓨터 도구는 디스플레이된 페이지의 사용자 정의된 부분만을 남기고 브라우저를 접는다. 접는 버튼의 사용 이후 웹페이지의 디스플레이는 도 57에 도시되며, 이는 웹페이지의 사용자 정의된 부분(160)만을 도시한다.
도 8을 참조하면, 사용자는 디스플레이 스크린의 우측 하단 코너로부터 디스플레이 스크린의 다른 영역, 예를 들어 디스플레이 스크린의 우측 상단 코너로 사용자 정의된 영역(560)만을 디스플레이하게 접는 브라우저를 조작할 것을 결정한다. 한정된 부분은 사용자 입력 디바이스를 사용하여 디스플레이된 부분(160)을 선택하고 디스플레이된 부분을 디스플레이 스크린의 원하는 위치로 이동시킴으로써 조작될 수 있다. 일례에서, 이것은 운영 시스템, 데스크톱 또는 브라우저의 드래그, 드롭앤드래그(drop-and-drag) 기능을 사용하여 구현될 수 있다.
도 9 내지 도 12의 예들은 웹콘텐츠가 사용자의 데스크톱에서 디스플레이를 위해 공유되는지, 콘텐츠 수집 서비스를 통해 공유되거나 발행되는지 또는 콘텐츠를 다른 사용자에게 이메일링하거나 또는 인스턴트 메시징하는 것과 같은 전자 통신에 의하여 공유되는지에 상관없이 주문제작된 웹 콘텐츠를 공유하는 컴퓨터 도구의 능력을 도시한다. 전문 브라우저를 사용할 때 브라우저는 사용자 정의된 부분이 보이거나 열리거나 공유될 때마다 특정 데이터를 수집할 수 있다. 예를 들어, 사용자가 그 데스크톱이나 퍼스널 시작 페이지에 디스플레이의 부분을 저장할 때, 캡쳐된 데이터는 웹페이지의 사용자 정의된 디스플레이 부분의 디스플레이를 보여주는 유일한 URL일 수 있다. URL 스트링은 특정 디스플레이된 부분에 대한 특정 접혀진 브라우저가 열리거나 보일 때마다 웹페이지의 동일한 디스플레이된 부분을 브라우저가 렌더링하도록 브라우저에 의한 웹페이지의 사용자 정의된 디스플레이 부분의 좌표나 실제 기하학적인 영역의 지시자를 포함할 수 있다. 웹페이지의 디스플레이된 부분의 기하학적인 영역이나 좌표는 또한 사용자 정의된 부분과 연관된 쿠키에 포함되거나 저장될 수 있다. 쿠키는 콘텐츠 제공자 시스템(예를 들어, 브라우저에 플러그인으로서 컴퓨터 도구를 제공하거나 전문화된 접을 수 있는 브라우저를 제공하는 시스템)에 제공되거나 웹페이지의 퍼블리셔에 또는 다른 사용자에 제공될 수 있다. 쿠키는 쿠키 및/또는 세션 쿠키(session cookie)일 수 있다. 쿠키는 만료될 수도 있고 만료되지 않을 수도 있다. URL 스트링이나 쿠키는 다른 정보 중에서 사용자 이름, 식별자, 연관된 웹페이지의 도메인에 관한 정보를 더 포함할 수 있다.
사용자가 웹페이지의 사용자 정의된 디스플레이 부분(1150)을 보거나 및/또는 이와 상호작용하기 위해 전문 브라우저를 활성화할 때마다, 데이터는 브라우저 제공자, 제 3 자 데이터 수집 서비스 및/또는 웹페이지의 퍼블리셔 및/또는 다른 사용자에게 제공될 수 있다. 브라우저 제공자 및/또는 퍼블리셔는 웹페이지가 보여지고 있는 것과 페이지의 어느 부분이 디스플레이되고 있는지를 알 수 있다. 이메일 어드레스, 사용자 이름 및/또는 패스워드는 기술된 기능을 사용하는데 요구될 수 있다. 다른 사용자와 사용자 정의된 부분(1150)을 이메일링하거나 공유할 때, 다른 사용자가 웹페이지의 사용자 정의된 디스플레이 부분을 수신할 때, 다른 사용자와 연관된 데이터가 또한 브라우저 제공자 및/또는 웹페이지의 퍼블리셔로 전달될 수 있다. 이와 유사하게, 웹페이지의 사용자 정의된 디스플레이 부분이 콘텐츠 수집 서비스와 공유되는 경우, 데이터 또는 사용자 정보가 또한 브라우저 제공자, 콘텐츠 수집 서비스 및/또는 웹페이지의 퍼블리셔에게로 선택적으로 전달될 수 있다.
사용자에게 표시되거나 및/또는 다른 사용자와 공유되는 사용자 정의된 부분을 나타내는 데이터의 전달은 웹 퍼블리셔와 다른 회사를 위한 가치있는 정보를 제공한다. 예를 들어, 이 정보는 마케팅, 광고, 연구조사, 및 웹페이지에서 어떤 콘텐츠들이 제공되어야 하는지 그리고 웹페이지에서 콘텐츠가 어디에 제공되어야 하는지에 대한 배열 및/또는 선택 등과 같은 다른 목적을 위해 이용가능하다. 이 정보는 또한 사용자 웹 브라우징과 거동을 추적하는데 이용가능하다.
전술된 바와 같이, 브라우저 제공자, 제 3 자 데이터 수집 서비스 및/또는 웹 페이지의 퍼블리셔 중 하나 또는 모두는 웹페이지의 디스플레이 또는 콘텐츠의 어느 부분이 사용자의 디스플레이에서 사용자를 위해 렌더링되고 있는지를 결정하는 능력을 가지고 있으므로, 광고 또는 다른 선택된 정보는 웹 페이지의 사용자 정의된 부분에 대응하게 디스플레이될 수 있다. 예를 들어, 임의의 특정 사용자에 대해 광고는 렌더링되는 웹페이지의 사용자 정의된 디스플레이 부분에 보이도록 배치될 수 있다. 이 광고는 디스플레이되고 있는 사용자 정의된 부분 전체를 일시적으로 대체할 수도 있고, 이 영역의 어느 부분에 보이게 할 수도 있으며, 또는 광고에의 링크가 이 영역에 제공될 수 있는데, 즉 광고를 제공하거나 링크를 통하여 이 영역을 확장하여 광고를 보여주거나 그 일부분을 보여주도록 하는 새로운 브라우저를 여는 하이퍼링크가 이 영역에 제공될 수도 있다.
전술된 바와 같이, 브라우저 제공자, 제 3 자 데이터 수집 서비스 및/또는 웹 퍼블리셔는 웹페이지의 디스플레이의 어느 부분이 웹페이지에서 디스플레이되고 있는지를 아는 능력이 있으므로, 광고 또는 다른 선택된 정보가 웹페이지의 디스플레이된 부분에 디스플레이될 수 있다. 임의의 특정 사용자에 대해 광고가 디스플레이된 부분을 스크롤링함으로써, 일시적으로 전체 디스플레이된 부분을 대체하거나 또는 이들 사이의 일부 레벨로 웹페이지의 디스플레이의 선택된 부분에만 보이게 할 수 있다.
이제 도 13 내지 도 18을 참조하면, 컴퓨터 도구의 다른 예와, 접을 수 있는 브라우저들이 도구의 특징을 도시하면서 제공된다. 도 13은 데스크톱 상부 환경을 디스플레이하도록 스크린이 설정되어 있는 사용자의 스크린 디스플레이를 도시한다. 브라우저는 데스크톱 환경으로만 제한되는 것은 아니고, 이 예는 단지 예시를 위한 것이라는 것이 이해될 것이다. 예를 들어 스마트 폰이나 모바일 폰과 같은 네트워크로 연결된 컴퓨터나 퍼스널 디바이스에서 발견되는 것들과 같은 다른 디스플레이 환경이 사용될 수도 있으며, 브라우저 인터페이스와 콘텐츠를 렌더링할 수 있는 사실 임의의 디스플레이가 본 명세서에서 설명된 실시예에 사용될 수 있다. 여러 폴더, 파일 및 브라우저에의 숏컷(shortcut)을 포함하는 숏컷들이 데스크톱 상에 디스플레이된다. 나아가, 이하 예들이 마우스와 커서를 사용하여 사용자 입력을 설명하더라도, 이들 예시적인 실시예는 단지 예시를 위한 것이며, 임의의 다른 입력 디바이스와, 특히 탭핑, 클릭, 타이핑, 스크롤링, 선택, 하이라이팅과 같은 사용자 입력의 시퀀스들이 이 기술 분야에 잘 알려져 있는 바와 같이 사용자 디바이스 또는 컴퓨터 시스템에 사용자 명령을 입력하기 위해 사용될 수 있다. 도 13은 마우스 커서가 브라우저를 위한 숏컷 아이콘 위에 배치된 것을 도시한다. 도 14는 사용자가 마우스로 브라우저를 선택하고 브라우저를 연 것을 도시한다. 브라우저는 컴퓨터 도구를 포함하거나 구현하는 전술된 바와 같은 특별히 설계된 접을 수 있는 브라우저이거나, 또는 플러그인, 애드온(add on) 등과 같은 컴퓨터 도구의 추가적인 기능을 제공하는 임의의 상업적으로 이용가능한 브라우저일 수 있다. 도시된 바와 같이, 브라우저는 접을 수 있는 브라우저 또는 컴퓨터 도구를 통해 사용자가 웹 콘텐츠를 조작할 수 있게 하는 도구 세트를 제공한다. 이 도구는 콘텐츠를 선택하는 여러 마르퀴 및/또는 올가미 밧물 도구와 같이, 사용자에게 표시하기 위해 콘텐츠를 렌더링하는 브라우저 디스플레이의 사용자 정의된 영역을 선택하는 기능을 포함한다.
도 15는 사용자가 가상의 웹페이지, www.abcdwebsite.com로 내비게이팅하여 직사각형 마르퀴 선택 도구 위에 놓인 커서 화살표에 의해 지시된 마르퀴 도구들 중 하나를 활성화시킬 때 브라우저에 의해 디스플레이되는 스크린을 도시한다. 도 16은 직사각형의 마르퀴 선택 도구를 사용하여 브라우저 디스플레이 스크린의 사용자 정의된 영역의 선택을 도시한다. 이 선택은 이 기술 분야에서 잘 알려진 기능과 기술을 사용하여 수행될 수 있다. 선택 방법은 브라우저에 의해 렌더링된 웹페이지의 디스플레이된 부분 내의 영역을 한정하고, 렌더링된 콘텐츠를 2개의 부분, 즉 1) 웹페이지의 디스플레이된 콘텐츠의 제 1 부분인 선택된 사용자 정의된 영역과, 2) 웹페이지의 콘텐츠의 나머지 영역으로 분할한다.
도 17에 도시된 바와 같이, 사용자는 경계면(즉, 마르퀴 도구에 의해 생성된 점선) 외부 나머지 영역을 절단하기 위해 브라우저 도구 바에 있는 "절단" 버튼을 활성화시켜, 브라우저의 디스플레이 윈도우 내에 디스플레이된 제 1 부분이나 사용자 정의된 부분만을 남긴다.
일례에서, 절단 기능은 이 기술분야에 알려진 다수의 기술 중 하나의 기술을 사용하여 콘텐츠 디스플레이를 웹페이지의 사용자 정의된 영역으로 단순히 제한한다. 예를 들어, 콘텐츠의 디스플레이는 윈도우에서 디스플레이된 렌더링된 콘텐츠의 어느 픽셀 또는 어느 부분이 선택되었고 또 디스플레이된 콘텐츠의 어느 부분이 선택된 디스플레이된 콘텐츠 외부에 있는지를 알고리즘이 결정하도록 구성될 수 있다. 절단 기능을 활성화시키면 소프트웨어는 디스플레이된 콘텐츠의 선택된 제 1 부분 내에 있는 픽셀만을 디스플레이하도록 선택한다. 일례에서, 이것은 사용자 정의된 윈도우라고 볼 수 있다.
도 18 및 도 19는 본 발명의 다른 특징, 즉 웹페이지의 디스플레이된 콘텐츠의 제 1 부분에 인접하게 보이는 속성 버튼을 또한 도시한다. 이 속성 버튼은 하나 이상의 기능을 제공한다. 하나의 레벨에서, 속성 버튼은 웹페이지의 디스플레이된 콘텐츠의 제 2 부분이 이미 디스플레이된 제 1 부분과 함께 디스플레이되게 하는데 사용될 수 있다. 다른 레벨에서, 속성 버튼은 디스플레이되고 있는 콘텐츠의 식별자로 사용될 수 있다. 예를 들어, 속성 버튼은 디스플레이되는 웹페이지와 연관된 로고를 디스플레이할 수 있다. 웹페이지가 그 로고로서 대문자 W를 가지는 발행된 웹의 것이라면, 속성 버튼은 그 내에 디스플레이된 대문자 W를 가질 수 있다. 따라서, 사용자는 디스플레이된 콘텐츠의 소스를 신속히 식별할 수 있다. 디스플레이되는 로고는 또한 도메인 네임(domain name)의 일부일 수 있다. 이 로고는 어느 웹페이지에 대한 URL, 예를 들어 www.washingtonpost.com, www.mail.google.com 등의 우측에 로고에 대한 현재 상황이 디스플레이되는 것으로 웹 퍼블리셔에 의해 지정될 수 있는 것으로 예상된다.
도 19는 웹 콘텐츠 퍼블리셔의 로고와 함께 웹 페이지의 URL이 디스플레이되는 본 발명의 일 실시예를 도시한다. 이런 방식으로, 디스플레이된 웹 콘텐츠를 캡쳐하고 공유하기를 원하는 인터넷의 사용자는 웹 콘텐츠의 제공자나 오리지널 퍼블리셔에게 속성을 제공할 수 있다. 도 20 내지 도 22는 로고가 웹 콘텐츠의 디스플레이를 조작하는 제어 도구일 수 있는 것을 더 도시한다. 예를 들어, 사용자는 마우스를 사용하여 로고를 클릭할 수 있고 그러면 웹 콘텐츠에 대해 단순히 데스크톱 숏컷으로 디스플레이된 웹 콘텐츠를 최소화하는 능력을 가질 수 있다. 도 20에서 사용자는 로고를 클릭하고 드롭 다운 메뉴가 보인다. 도 20에서, 이용가능한 유일한 옵션은 디스플레이를 닫는 것이다. 드롭 다운 메뉴 위에 놓일 수 있는 다른 옵션은 디스플레이를 프린트하는 능력, 디스플레이에의 URL 또는 다른 포인터를 다른 사람의 디스플레이와 공유하기 위해 이메일링하는 능력, 디스플레이를 최소화하는 능력 등이다. 도 21에서, 디스플레이를 닫음으로써 데스크톱에 있는 모든 것은 파일이나 웹콘텐츠에의 숏컷(미도시)이다. 도 22에서, 디스플레이를 최소화시킴으로써, 데스크톱에 있는 모든 것은 디스플레이가 다시 디스플레이되게 클릭할 수 있는 버튼이며 그 결과는 도 23에 도시되어 있다.
도 24 내지 도 28은 소프트웨어 도구가 사용자로 하여금 디스플레이된 웹 콘텐츠를 선택하고 수집하게 하고, 그 소유 콘텐츠를 웹 콘텐츠에 추가하게 하고, 결합된 콘텐츠가 데스크톱 위에 디스플레이 되게 하고 다른 사람과 공유되게 하는 편집 기능을 포함할 수 있는 것을 도시한다. 도 29에 도시된 콘텐츠는 액세스될 수 있고 소프트웨어 도구의 편집 버튼이 활성화된다. 편집 버튼이 활성화되면, 사용자는 디스플레이된 콘텐츠의 마르퀴된 또는 선택된 영역을 드로우(draw)하거나 주석을 달거나 또는 이 선택된 영역에 콘텐츠를 추가할 수 있다(도 24). 선택된 웹 콘텐츠와 연관된 로고 버튼을 클릭함으로써, 사용자는 선택된 영역 외부의 웹 콘텐츠를 보이지 않게 은닉되게 할 수 있다. 따라서, 선택된 웹 콘텐츠는 사용자 추가된 콘텐츠와 오버레이하여 디스플레이될 수 있다(도 25). 사용자는 디스플레이된 웹 페이지로부터 웹콘텐츠를 더 선택하고(도 26) 이 추가적인 콘텐츠가 웹페이지로부터 이미 선택된 다른 콘텐츠와 함께 디스플레이되게 할 수 있다(도 27). 웹페이지 콘텐츠의 이들 2개의 선택된 항목은 서로 독립적으로 이동될 수 있다(도 28). 이것은, 본 발명의 일 실시예에서, 그 웹 페이지로부터 디스플레이된 각 항목이 동일한 브라우저 윈도우로부터 디스플레이되는 것이 아니라 별개의 브라우저 윈도우로부터 디스플레이되는 것이기 때문이다. 다른 실시예에서, 이 항목들은 예를 들어 DHTML, AJAX 등과 같은 기능을 사용하여 브라우저 윈도우 내에 항목들이 이동가능한 객체들이 되게 해서 동일한 브라우저 윈도우 내에서부터 있을 수 있다.
도 29는 문서(도 29)와 같은 이미 열린 항목의 앞 또는 뒤에 웹페이지 콘텐츠를 토글(toggle)하는 로고의 사용을 도시한다. 도 30은 데스크톱 위에 선택된 웹 콘텐츠의 배치를 고정하는 옵션과 함께 드랍 다운 메뉴를 제공하는 로고의 사용을 도시한다. 이것은 선택된 웹 콘텐츠의 다중 항목들 중 단 하나의 항목이나 선택된 웹 콘텐츠 전부를 고정하도록 구성될 수 있다.
도 31 내지 도 40은 데스크톱에서 항목들의 디스플레이, 배열 및 배치를 조작하는 능력을 도시한다. 도 31에 도시된 바와 같이, 사용자는 웹콘텐츠의 항목들 중 하나의 항목을 취하고 이 항목 주위에 디스플레이를 조작할 수 있다. 이것은 인터넷으로부터 디스플레이된 콘텐츠의 미감을 개선시키는 유리한 능력을 제공한다. 도 31은 사용자가 선택된 콘텐츠 주위에 컬러 경계면을 생성한 것을 도시한다. 웹 콘텐츠와 연관된 로고는 오리지날 웹 콘텐츠(미도시)에 또는 새로이 생성된 경계면에 부착될 수 있다. 도 32는 처음 디스플레이된 웹 콘텐츠를 둘러싸는 컬러 경계면으로 웹 콘텐츠의 다른 항목의 배치를 변경하는 능력을 도시한다.
도 33 내지 도 35에서, 사용자는 웹 콘텐츠의 항목들 주위로 경계면을 드로우하고 이들 항목들을 하나의 연결된 디스플레이로 결합할 수 있다. 도 33에서, 사용자는 웹페이지로 가서 캡쳐를 위해 하나의 항목을 선택한다. 도 34에서, 사용자는 캡쳐를 위해 제 2 항목을 선택한다. 선택된 제 1 항목은 타원형 마르퀴 내에 있는 반면, 선택된 제 2 항목은 프리핸드(freehand) 마르퀴 도구를 사용하는 것에 기초한다. 프리핸드 마르퀴 도구는 비디오 디스플레이를 경계짓는 웹페이지의 둘러싸는 부분 뿐만 아니라 웹페이지로부터 비디오 디스플레이의 일부분을 캡쳐한다. 도 35에서, 사용자는 웹콘텐츠의 선택된 항목을 캡쳐하고 보기에서 웹 콘텐츠의 나머지를 제거한다. 선택된 항목들과 연관된 로고는 데스크톱에서 항목들을 주위로 이동시키는데 사용될 수 있다. 도 35는 비디오 항목이 도 32의 결합된 항목들로 대체된 것을 도시한다.
도 36은 이동되지 않은 항목에 영향을 줌이 없이 별개로 2개의 항목들을 이동시키는 능력을 도시한다. 나아가, 도 36은 웹페이지 상의 링크와 같은 웹 콘텐츠의 제 3 항목을 데스크톱 디스플레이에 추가하는 능력을 도시한다. 이것은 사용자가 블로그에 언급된 기사에 관심이 있을 때 일어날 수 있다. 이 기사는 날마다 변경될 수 있으나 그 링크는 블로그에서 동일한 위치에 표시하게 유지된다. 이런 방식으로, 사용자는 블로그에서 링크에 의해 언급된 기사를 보기 위해 그 데스크톱에 있는 링크를 클릭할 수 있다. 도 37은 콘텐츠의 디스플레이된 항목을 오려내거나, 회전시키거나 이동시키는 것과 같이 디스플레이를 조작하기 위해 콘텐츠의 항목들과 연관된 도구를 사용하는 능력을 도시한다.
도 38 및 도 39는 도 36과 관련된 것으로서 사용자의 디스플레이 상에서 선택된 디스플레이 내에 있는 디스플레이된 링크의 위치가 조작될 수 있는 것을 도시하는 것이다. 다시 말해, 사용자는 웹페이지의 디스플레이의 영역을 선택하고, 디스플레이 또는 데스크톱에 있는 웹페이지의 선택된 영역만을 캡쳐하여 디스플레이하고, 사용자에 의해 생성된 경계면을 가지고 웹페이지를 이동시킬 수 있다. 도 38 및 도 39에 도시된 바와 같이, 사용자는 웹페이지의 디스플레이 주위에 삼각형 경계면을 생성하였다. 이 삼각형 경계면은 웹페이지 상에 디스플레이된 링크를 캡쳐한다. 사용자는 사용자로 하여금 이 웹페이지의 콘텐츠를 스크롤링하게 하는 절단된 콘텐츠에 스크롤 바를 부착할 수 있다. 스크롤 바는 객체의 경계면에 부착되거나 스냅 결합될 수 있다. 일단 삼각형 형상의 항목이 사용자의 데스크톱에 디스플레이되면, 사용자는 스크롤 바를 사용하여 웹페이지의 위 또는 아래 및/또는 좌측 또는 우측으로 스크롤링할 수 있다. 그러나, 사용자의 데스크톱에 디스플레이될 수 있는 웹페이지의 부분만이 사용자에 의해 선택된 삼각형 경계면 내에 맞춰진 웹페이지의 디스플레이 부분일 수 있다. 이런 방식으로, 사용자는 관심 있는 다른 링크가 있는지 여부를 보기 위해 스크롤 업 또는 다운할 수 있다. 이 능력은 유리하게는 사용자에게 관심 있는 웹페이지에 대해 작은 윈도우를 제공하여, 데스크톱 상에 귀중한 스크린 공간의 사용을 최소화하면서도 한번에는 아니지만 전체 웹페이지 디스플레이를 볼 수 있도록 이 작은 윈도우 내에 웹페이지의 디스플레이를 이동시키는 능력을 사용자에게 제공할 수 있다.
도 40 및 도 41은 윈도우의 상이한 에지로 윈도우와 연관된 스크롤 바를 이동시키는 사용자의 능력을 도시한다. 윈도우에 대한 스크롤 바의 상대 각도는 윈도우 내에 디스플레이된 웹페이지가 스크롤 바의 각도와 동일한 각도로 이동하게 하도록 구성될 수 있다.
도 42 내지 도 47은 웹페이지로 가서, 사용자 특정 데이터를 입력하고, 사용자를 위해 주문제작된 정보를 웹페이지로 디스플레이하게 하는 사용자의 능력을 도시한다. 특히 도 42 내지 도 48은 사용자에 관심 있는 영역에 대한 현재 및 예상 날씨 상태를 얻는 날씨 웹페이지의 사용을 도시한다. 도 42 및 도 43에서, 사용자는 웹페이지로 가서, 웹페이지로 하여금 관심 있는 영역에 대한 날씨 상태를 볼 수 있게 하는 데이터를 입력한다. 도 44는 관심 있는 웹 콘텐츠 디스플레이의 3개의 항목의 사용자 선택을 도시한다. 이 선택은 온도, 시계 및 연장된 예상 항목 주위에 대시 라인에 의해 지시된다. 도 45에서, 사용자는 선택된 영역 외부에 존재하는 웹 디스플레이를 디스플레이로부터 제거한다. 도 46에서, 사용자는 서로에 대해 선택된 항목을 제거한다. 도 45 및 도 46은 또한 파일로 숏컷이 데스크톱에 표시하는 것을 도시한다. 이 숏컷은 이전에 선택되고 캡쳐된 웹 콘텐츠에 대한 것일 수 있다. 예를 들어 콘텐츠에 대한 숏컷을 클릭함으로써 콘텐츠를 활성화하는 것에 의해, 콘텐츠가 디스플레이된다(도 47). 이 콘텐츠는 사용자에 의해 데스크톱에 디스플레이된 다른 웹 콘텐츠에 대해 이동될 수 있다.
소프트웨어 프로그래밍에 대해 이 기술 분야에 통상의 지식을 가진 자에게 용이하게 이용가능한 여러 방법들이 디스플레이를 위해 웹페이지로부터 하나의 항목을 선택하는데 사용될 수 있다. 사용될 수 있는 하나의 방법은 동적 HTML 또는 DHTML을 통한 것이다. DHTML은 정적인 마크업 언어(예를 들어, HTML), 클라이언트측 스크립트 언어(예를 들어, JavaScript), 프리젠테이션 정의 언어(예를 들어, CSS) 및 문서 객체 모델(Document Object Model)의 조합을 사용하여 대화식 및 애니메이팅된 웹 사이트를 생성하기 위해 함께 사용된 기술들의 집합이다. DHTML은 스크립트 언어가 웹페이지의 한정 언어의 변수를 변경하는 것을 가능하게 하며, 이것은 페이지가 완전히 로딩된 후 보기 처리 동안 "정적인" HTML 페이지 콘텐츠의 외관과 기능에 영향을 미치는 것이다. 따라서, DHTML의 동적 특성은 각 페이지 부하를 갖는 유일한 페이지를 생성하는 능력이 아니라 페이지가 보여지는 동안 기능하는 방식이다. DHTML은 선택되고 있는 웹페이지 디스플레이의 영역을 결정하는데 사용될 수 있으며, 이후 추가적인 프로그래밍이 선택된 영역 외부 웹페이지 디스플레이의 영역으로부터 선택된 영역을 차별화는데 사용될 수 있다. 수많은 웹페이지가 웹 콘텐츠를 선택하고 캡쳐하는데 사용된 코드의 예를 제공한다.
본 발명의 여러 특정 형태들이 도시되고 설명되었으나, 상세한 설명과 도면에 상술된 본 발명에 대해 여러 변경과 조합이 본 발명의 사상과 범위를 벗어남이 없이 이루어질 수 있을 것이라는 것은 명백하다. 예를 들어, 구성 물질, 구성 방법, 특정 크기, 형상, 효용 또는 애플리케이션에 대한 언급은 어떤 방식으로 본 발명을 제한하려는 것이 전혀 아니며 본 발명의 사상과 범위 내에서 다른 물질과 크기가 대체되고 사용될 수 있다. 따라서, 본 발명은 첨부된 청구범위를 제외하고는 제한되지 않는 것으로 의도된다.
100 : 통신 시스템 101 : 사용자 디바이스
110 : 서비스 제공자 시스템 120 : 인터넷 서비스 제공자 및 웹사이트
125 : 시스템 파트너 130 : 통신 경로
143, 144, 145, 및 148 : 서버 201 : 처리 디바이스
202 : 저장 디바이스 203 : 통신 인터페이스
204 : 입력 디바이스 205 : 디스플레이
206 : 마이크로폰 207 : 스피커
208 : 통신 버스 209 : 제어기
210 : 착탈가능한 저장 디바이스 211 : 전력 소스

Claims (20)

  1. 사용자 디바이스에 의해 웹 페이지의 디스플레이된 콘텐츠를 조작하는 컴퓨터 도구에 있어서,
    소프트웨어 도구는 사용자 디바이스의 처리 디바이스로 하여금 브라우저에 의해 디스플레이된 웹 페이지의 콘텐츠의 사용자 정의된 제 1 부분의 지시를 수신하게 하고;
    상기 제 1 부분과는 다른 웹 콘텐츠의 나머지 부분을 결정하게 하고;
    사용자 디바이스와 연관된 디스플레이의 디스플레이 스크린 상에 제 1 사용자 정의된 부분만을 렌더링하게 하도록 구성된 명령을 포함하는 것을 특징으로 하는 컴퓨터 도구.
  2. 제 1 항에 있어서,
    상기 도구는 사용자 디바이스에 의해 구현된 인터넷 브라우저를 위한 플러그인으로 구성되는 것을 특징으로 하는 컴퓨터 도구.
  3. 제 1 항에 있어서,
    상기 도구는 처리 디바이스로 하여금 인터넷 브라우저를 구현하게 하는 명령을 제공하도록 더 구성되는 것을 특징으로 하는 컴퓨터 도구.
  4. 제 1 항에 있어서,
    상기 웹 페이지의 디스플레이된 콘텐츠의 렌더링된 제 1 부분은 사용자 디바이스와 웹페이지를 제공하는 호스트 디바이스 사이의 링크로서 유지되는 것을 특징으로 하는 컴퓨터 도구.
  5. 제 1 항에 있어서,
    상기 컴퓨터 도구는 프로세서로 하여금 사용자 디바이스와 웹페이지를 제공하는 호스트 디바이스 사이의 링크를 유지하거나 주기적으로 액세스하게 하여 이 링크에 기초하여 디스플레이된 콘텐츠의 업데이트된 제 1 부분을 연속적으로 렌더링하게 하는 명령을 포함하는 것을 특징으로 하는 컴퓨터 도구.
  6. 제 1 항에 있어서,
    상기 컴퓨터 도구는 프로세서로 하여금 제 1 부분과 속성을 연관시키게 하는 명령을 포함하는 것을 특징으로 하는 컴퓨터 도구.
  7. 제 6 항에 있어서,
    상기 속성은 웹 페이지와 연관된 파비콘(Favicon)이나 로고(logo)인 것을 특징으로 하는 컴퓨터 도구.
  8. 제 7 항에 있어서,
    상기 컴퓨터 도구는 프로세서로 하여금 제 1 부분과 속성을 연관시키게 하고, 제 1 부분 부근에 속성을 디스플레이하게 하며, 사용자 디바이스와 연관된 디스플레이의 디스플레이 스크린 내에 제 1 부분을 조작하는 기능을 제공하게 하는 명령을 포함하는 것을 특징으로 하는 컴퓨터 도구.
  9. 제 6 항에 있어서,
    상기 컴퓨터 도구는 프로세서로 하여금 속성과 연관된 메뉴를 제공하게 하는 명령을 포함하며, 상기 메뉴는 프로세서로 하여금 제 1 부분만의 디스플레이와, 이 제 1 부분이 나머지 부분과 결합된 디스플레이 사이에 하나 이상의 토클을 가능하게 하고, 브라우저를 최소화하게 하며, 브라우저를 파일로 닫게 하고, 제 1 부분에 더하여 브라우저 윈도우를 디스플레이하도록 제 1 부분만의 디스플레이를 확장하게 하는 기능을 포함하는 것을 특징으로 하는 컴퓨터 도구.
  10. 제 6 항에 있어서,
    상기 속성은 프로세서로 하여금 제 1 부분이 사용자 디바이스와 연관된 디스플레이의 디스플레이 스크린 상에 렌더링되는 위치를 조작하는 핸들로서 속성과 연관된 사용자 입력을 수신하게 하는 명령을 포함하도록 제 1 부분과 컴퓨터와 연관된 핸들인 것을 특징으로 하는 컴퓨터 도구.
  11. 사용자 디바이스의 컴퓨터 도구에 의해 웹 페이지의 디스플레이된 콘텐츠를 조작하는 방법으로서,
    브라우저에 의해 디스플레이된 웹 페이지의 콘텐츠의 사용자 정의된 제 1 부분의 지시를 수신하는 단계와;
    제 1 부분과는 다른 웹 콘텐츠의 나머지 부분을 결정하는 단계와;
    사용자 디바이스와 연관된 디스플레이의 디스플레이 스크린 상에 제 1 사용자 정의된 부분만을 렌더링하는 단계를 포함하는 것을 특징으로 하는 웹 페이지의 디스플레이된 콘텐츠를 조작하는 방법.
  12. 제 11 항에 있어서,
    상기 컴퓨터 도구는 사용자 디바이스에 의해 구현된 인터넷 브라우저를 위한 플러그인으로 구성되는 것을 특징으로 하는 웹 페이지의 디스플레이된 콘텐츠를 조작하는 방법.
  13. 제 12 항에 있어서,
    상기 도구는 처리 디바이스로 하여금 인터넷 브라우저를 구현하게 하는 명령을 제공하도록 더 구성되는 것을 특징으로 하는 웹 페이지의 디스플레이된 콘텐츠를 조작하는 방법.
  14. 제 13 항에 있어서,
    사용자 디바이스와 웹 페이지를 제공하는 호스트 디바이스 사이의 링크에 기초하여 디스플레이된 콘텐츠의 업데이트된 제 1 부분을 연속적으로 렌더링하기 위해 이 링크를 유지하거나 주기적으로 액세스하는 단계를 더 포함하는 것을 특징으로 하는 웹 페이지의 디스플레이된 콘텐츠를 조작하는 방법.
  15. 제 12 항에 있어서,
    제 1 웹 페이지 콘텐츠의 제 1 부분의 디스플레이와 동시에 제 2 웹 페이지 콘텐츠의 부분을 디스플레이하는 단계를 더 포함하는 것을 특징으로 하는 웹 페이지의 디스플레이된 콘텐츠를 조작하는 방법.
  16. 제 11 항에 있어서,
    상기 방법은 제 1 부분과 속성을 연관시키는 단계를 더 포함하는 것을 특징으로 하는 웹 페이지의 디스플레이된 콘텐츠를 조작하는 방법.
  17. 제 16 항에 있어서,
    상기 속성은 웹 페이지와 연관된 파비콘이나 로고인 것을 특징으로 하는 웹 페이지의 디스플레이된 콘텐츠를 조작하는 방법.
  18. 제 17 항에 있어서,
    제 1 부분과 속성을 연관시키는 단계와, 제 1 부분 부근에 속성을 디스플레이하는 단계와, 사용자 디바이스와 연관된 디스플레이의 디스플레이 스크린 내에 제 1 부분을 조작하는 기능을 제공하는 단계를 더 포함하는 것을 특징으로 하는 웹 페이지의 디스플레이된 콘텐츠를 조작하는 방법.
  19. 제 16 항에 있어서,
    속성과 연관된 메뉴를 제공하는 단계를 더 포함하며, 상기 메뉴는 프로세서로 하여금 제 1 부분만의 디스플레이와, 이 제 1 부분이 나머지 부분과 결합된 디스플레이 사이에 하나 이상의 토글을 가능하게 하고, 브라우저를 최소화하게 하고, 브라우저를 파일로 닫게 하고, 제 1 부분에 더하여 브라우저 윈도우를 디스플레이하도록 제 1 부분만의 디스플레이를 확장하게 하는 기능을 포함하는 것을 특징으로 하는 웹 페이지의 디스플레이된 콘텐츠를 조작하는 방법.
  20. 제 16 항에 있어서,
    상기 속성은 프로세서로 하여금 제 1 부분이 사용자 디바이스와 연관된 디스플레이의 디스플레이 스크린상에 렌더링되는 위치를 조작하는 핸들로서 속성과 연관된 사용자 입력을 수신하게 하는 명령을 포함하도록 제 1 부분과 컴퓨터와 연관된 핸들인 것을 특징으로 하는 웹 페이지의 디스플레이된 콘텐츠를 조작하는 방법.
KR1020117011714A 2008-10-23 2009-10-23 범용 콘텐츠 참조, 패키징, 분배 시스템 및 웹 콘텐츠를 주문제작하는 도구 KR20110074625A (ko)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
US10796008P 2008-10-23 2008-10-23
US61/107,960 2008-10-23

Publications (1)

Publication Number Publication Date
KR20110074625A true KR20110074625A (ko) 2011-06-30

Family

ID=42120017

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020117011714A KR20110074625A (ko) 2008-10-23 2009-10-23 범용 콘텐츠 참조, 패키징, 분배 시스템 및 웹 콘텐츠를 주문제작하는 도구

Country Status (3)

Country Link
KR (1) KR20110074625A (ko)
CA (1) CA2741633A1 (ko)
WO (1) WO2010048596A2 (ko)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20140094429A (ko) * 2013-01-21 2014-07-30 삼성전자주식회사 데이터를 공유하는 방법 및 전자 디바이스
CN107924420A (zh) * 2015-09-02 2018-04-17 三星电子株式会社 对包括在网页的屏幕截图中的链接进行标记的方法和设备

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8365082B2 (en) 2008-10-23 2013-01-29 Savnor Technologies Llc Universal content referencing, packaging, distribution system, and a tool for customizing web content
US8924850B1 (en) 2013-11-21 2014-12-30 Google Inc. Speeding up document loading

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7519573B2 (en) * 2004-08-23 2009-04-14 Fuji Xerox Co., Ltd. System and method for clipping, repurposing, and augmenting document content
EP1640878A1 (en) * 2004-09-23 2006-03-29 Research In Motion Limited Web browser graphical user interface and method for implementing same
US8656295B2 (en) * 2007-01-05 2014-02-18 Apple Inc. Selecting and manipulating web content

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20140094429A (ko) * 2013-01-21 2014-07-30 삼성전자주식회사 데이터를 공유하는 방법 및 전자 디바이스
CN107924420A (zh) * 2015-09-02 2018-04-17 三星电子株式会社 对包括在网页的屏幕截图中的链接进行标记的方法和设备

Also Published As

Publication number Publication date
CA2741633A1 (en) 2010-04-29
WO2010048596A3 (en) 2010-08-26
WO2010048596A2 (en) 2010-04-29

Similar Documents

Publication Publication Date Title
US9753900B2 (en) Universal content referencing, packaging, distribution system, and a tool for customizing web content
US20160267060A1 (en) Web content capturing, packaging, distribution
US20140380229A1 (en) System, method and user interface for designing customizable products from a mobile device
US9645977B2 (en) Systems and methods for configuring a header and layout of a mobile version of a conventional website
US9369545B2 (en) Accessing and displaying network content
US8595635B2 (en) System, method and apparatus for selecting content from web sources and posting content to web logs
US8711148B2 (en) Method and system for generating and displaying an interactive dynamic selective view of multiply connected objects
US7770122B1 (en) Codeless dynamic websites including general facilities
US8711147B2 (en) Method and system for generating and displaying an interactive dynamic graph view of multiply connected objects
US20070130518A1 (en) Method and apparatus for a personalized web page
US20080120538A1 (en) Visual web page authoring tool for multi-context web pages
US20100083172A1 (en) Method and system for generating and displaying an interactive dynamic list view of multiply connected objects
US20090204900A1 (en) Method And System For Navigation Of Web Sites And Applications
EP3011452A1 (en) Capturing website content through capture services
CN104423991B (zh) 在移动终端加载网页、提供网页数据的方法及装置
KR20120139716A (ko) 공유가능한 사용자 인터페이스를 이용해 정보를 구성하는 방법 및 시스템
JP2000067038A (ja) ホームページ作成装置
US20050086609A1 (en) Indicating focus in a portal environment
KR20110074625A (ko) 범용 콘텐츠 참조, 패키징, 분배 시스템 및 웹 콘텐츠를 주문제작하는 도구
WO2013025193A1 (en) Web content capturing, packaging distribution
WO2016011699A1 (zh) 一种用于配置浏览器的导航页的方法与装置
AU2016101343A4 (en) Method and systems for operating dynamic dashboard style website menus
US20150149935A1 (en) Information browser
JP5372704B2 (ja) Webページ表示プログラム、Webページ表示方法、Webページ表示装置、及びWebページ表示システム
WO2018154801A1 (ja) ウェブページ制作支援システム

Legal Events

Date Code Title Description
A201 Request for examination
E601 Decision to refuse application