KR20080094785A

KR20080094785A - 문서 개관 스크롤바, 스크롤바 렌더링 방법, 및 컴퓨터판독가능 매체

Info

Publication number: KR20080094785A
Application number: KR1020087019066A
Authority: KR
Inventors: 록키 에스. 다운스
Original assignee: 마이크로소프트 코포레이션
Priority date: 2006-02-10
Filing date: 2007-01-09
Publication date: 2008-10-24
Also published as: CN101384982A; JP2009526311A; WO2007094901A1; US20070192729A1; EP1987417A1; EP1987417A4

Abstract

문서 개관 스크롤바는 전체 문서의 축소화된 사본을 렌더링한다. 문서 개관 스크롤바는 문서의 검색, 탐색, 및/또는 편집을 위한 효율적이고 신속한 도구를 제공한다. 문서의 시각적 패턴이 스크롤바 내의 사본에서 쉽게 식별될 수 있다. 이는, 문서가 코드 편집기 등의 통합 개발 환경(IDE;integrated development environment)에 의해 렌더링되는 코드인 경우에, 특히 유익하다. 문서에서 들여 쓰기, 책갈피, 및/또는 중단점은 스크롤바 내의 사본에서 쉽게 인식될 수 있고, 그 반대의 경우도 성립한다.

스크롤바, 책갈피, 들여 쓰기, 문서의 검색, 탐색, 편집

Description

문서 개관 스크롤바, 스크롤바 렌더링 방법, 및 컴퓨터 판독가능 매체{DOCUMENT OVERVIEW SCROLLBAR}

본 기술 분야는 일반적으로 디스플레이에 관한 것이고, 보다 구체적으로는 스크롤바 디스플레이에 관한 것이다.

디스플레이 상에 렌더링(rendering)된 문서 전체에 걸쳐 탐색(navigate)하려는 시도는 시간 소비적이고 번거로운 일일 수 있다. 예를 들어, 특정한 단락을 찾거나, 수천 라인의 코드 전체에 걸쳐 검색하는 것은 지치게 할 수 있다. 현재의 기술은 도구에 입력한 워드(word) 또는 문구(phase)를 검색될 문서에서 하이라이트(highlight)하는 검색 도구(search tool)를 사용하는 것을 포함한다. 이는 여전히 사용자가 검색하고 있는 문구의 특정 실례(instance)를 찾기 위해 문서 전체에 걸쳐 검색하도록 요구한다. 이는 문구가 다수 출현(occurrence)하여 하이라이트되는 경우 실망스러울 수 있다. 또한, 문구의 철자를 잘못 썼거나, 또는 문구가 검색 도구에 입력된 대로, 문서에서 나타나지 않는 경우, 발견 못함(no finds)이 도시될 것이다. 다른 기술로서 스크롤 바를 사용하여 문서 전체에 걸쳐 탐색하는 것이 있다. 사용자는 스크롤바를 통해 문서 전체에 걸쳐 스크롤링하여 문서의 일부가 디스플레이 상에 렌더링되게 할 수 있다. 이런 기술은 특히 대용량 문서에서 매우 저속일 수 있다.

[요약]

이 요약은 이하의 예시적 실시예들의 상세한 설명에 더 기술되는 몇몇 개념을 간단화된 형태로 소개하기 위해 제공된다. 이 요약은 청구 대상의 주요 특징 또는 필수적인 특징을 확인하기 위한 것이 아니며, 청구 대상의 범위를 정하는 데 사용하기 위한 것도 아니다.

문서 개관 스크롤바(document overview scrollbar)는 문서의 축소화된 사본(a miniaturized replica of a document)을 렌더링한다. 문서 개관 스크롤바의 사용에 의해 문서 검색, 탐색 및/또는 편집을 위한 효율적이고 신속한 도구가 제공된다. 문서 개관 스크롤바는 그것이 참조하는 문서로의 즉각적인 탐색로(instant navigation route)를 생성한다. 문서의 시각적 패턴(visual pattern)이 스크롤바 내의 사본에서 쉽게 식별될 수 있다. 시각적 패턴은 사용자가 문서에서 관심 있는 지점을 쉽게 식별하도록 해준다. 이는, 문서가 예컨대, 코드 편집기 등의 통합 개발 환경(IDE;integrated development environment)에 의해 렌더링되는 코드일 경우에, 특히 유익하다. 문서에서 들여 쓰기(indentation), 책갈피(bookmark), 및/또는 중단점(breakpoint)은 스크롤바 내의 사본에서 쉽게 인식될 수 있고, 그 반대의 경우도 성립한다. 스크롤바 내의 축소화된 사본의 일부를 선택하는 것에 의해 문서의 대응하는 부분이 디스플레이 상에 렌더링되게 된다. 예를 들어, 사본의 워드, 문구, 단락, 또는 섹션(section)을 선택하는 것에 의해 문서의 대응하는 워드, 문구, 단락, 또는 섹션이 렌더링되게 된다. 또한, 문서의 일부를 선택하는 것에 의해 스크롤바 내의 축소화된 사본의 대응하는 부분이 식별되게 된다.

전술된 요약뿐 아니라, 하기의 상세한 설명은 첨부된 도면과 관련하여 판독될 때, 더 잘 이해된다. 문서 개관 스크롤바를 예시하기 위하여, 도면들에는 문서 개관 스크롤바의 예시적 구성이 도시되어 있으나, 문서 개관 스크롤바가 개시된 특정 방법 및 수단에 제한되는 것은 아니다.

도 1은 문서 개관 스크롤바를 구현하기 위한 예시적 컴퓨팅 장치의 도면이다.

도 2는 예시적 텍스트가 렌더링되는 디스플레이부를 나타낸다.

도 3은 문서의 탐색, 검색 및 편집에 사용되는 문서 개관 스크롤바의 예시적 도면이다.

도 4는 렌더링된 문서와 문서 개관 스크롤바 간의 예시적 관계를 나타내는 도면이다.

도 5는 마크된(marked) 검색 용어를 예시적으로 나타낸다.

도 6은 IDE와 관련하여 사용되고 있는 문서 개관 스크롤바의 예시적 도면이다.

도 7은 문서 개관 스크롤바를 렌더링하기 위한 예시적 프로세스의 흐름도이다.

예시적 실시예들의 상세한 설명

도 1은 문서 개관 스크롤바(22)를 구현하기 위한 예시적 컴퓨팅 장치(12)의 도면이다. 기본 구성에서, 컴퓨팅 장치(12)는 처리 부(processing portion)(14), 메모리 부(memory portion)(18), 및 디스플레이부(display portion)(20)를 포함한다. 컴퓨팅 장치(12)의 정확한 구성 및 유형에 따라, 메모리 부(18)는 휘발성(RAM 등), 비-휘발성(ROM, 플래시 메모리 등), 또는 이 둘의 일부 조합일 수 있다. 컴퓨팅 장치(12)는 또한 추가적 특징/기능을 포함할 수 있다. 예를 들어, 컴퓨팅 장치(12)는 또한 자기 또는 광 디스크 또는 테이프를 포함하는 추가적 저장 장치(이동식 및/또는 비이동식)를 포함할 수 있으며, 이에 제한되는 것은 아니다. 이런 추가적 저장 장치는 메모리(18)의 일부로서, 도 1에 도시되어 있다. 컴퓨터 저장 매체는 판독가능 명령어, 데이터 구조, 프로그램 모듈 또는 기타 데이터와 같은 정보를 저장하는 임의의 방법 또는 기술로 구현되는 휘발성 및 비휘발성, 이동식 및 비이동식 매체를 포함한다. 메모리(18), 및 이동식 저장 장치 및 비이동식 저장 장치 등의 어떤 일부라도, 컴퓨터 저장 매체를 사용하여 구현될 수 있다. 컴퓨터 저장 매체는 RAM, ROM, EEPROM, 플래시 메모리 또는 기타 메모리 기술, CD-ROM, DVD(digital versatile disk) 또는 기타 광 저장 장치, 자기 카세트, 자기 테이프, 자기 디스크 저장 장치 또는 기타 자기 저장 장치, 또는 컴퓨팅 장치(12)에 의해 액세스되고 원하는 정보를 저장하는 데 사용될 수 있는 임의의 기타 매체를 포함하지만 이에 제한되는 것은 아니다. 임의의 이러한 컴퓨터 저장 매체는 장치(12)의 일부일 수 있다.

컴퓨팅 장치(12)는 또한 인터페이스(24)를 통하여 네트워크 및/또는 기타 장치와 통신하게 하는 통신 접속(들)을 포함하는 입력/출력 부(16)를 포함할 수 있다. 인터페이스(24)는 무선 인터페이스, 하드 와이어드(hard-wired) 인터페이스, 또는 이들의 조합을 포함할 수 있다. 입력/출력 부(16)는 또한 통신 매체를 포함 및/또는 사용할 수 있다. 통신 매체는 통상적으로 반송파(carrier wave) 또는 기타 전송 메커니즘(transport mechanism)과 같은 피변조 데이터 신호(modulated data signal)에 컴퓨터 판독가능 명령어, 데이터 구조, 프로그램 모듈 또는 기타 데이터를 구현하고 모든 정보 전달 매체를 포함한다. "피변조 데이터 신호"라는 용어는, 신호 내에 정보를 인코딩하도록 그 신호의 특성들 중 하나 이상을 설정 또는 변경시킨 신호를 의미한다. 예로서, 통신 매체는 유선 네트워크 또는 직접 배선 접속(direct-wired connection)과 같은 유선 매체, 그리고 음향, RF, 적외선, 기타 무선 매체와 같은 무선 매체를 포함한다. 본원에 사용된 컴퓨터 판독가능 매체라는 용어는 저장 매체와 통신 매체 둘 다를 포함한다. 입력/출력 부(16)는 또한 예컨대, 키보드, 마우스, 펜, 음성 입력 장치, 터치 입력 장치, 또는 기타 등등의 입력 장치(들)을 포함 및/또는 사용할 수 있다. 예컨대, 디스플레이, 스피커, 프린터, 또는 기타 등등의 출력 장치(들)도 또한 포함될 수 있다.

디스플레이부(20)는 문서 또는 문서의 일부를 렌더링하는 부분(26), 및 스크롤바 부분(22)을 포함한다. 도 2는 예시적 텍스트가 렌더링되는 디스플레이 부분(22 및 26)을 나타낸다. 도 2에 도시된 바와 같이, 문서의 일부가 디스플레이 부분(26)에 렌더링된다. 전체 문서의 축소화된 사본이 스크롤바(22)에 렌더링된 다. 문서는 스크롤바 부분(22)에 들어맞도록 압축된다. 이러한 압축은 임의의 적합한 기술에 의해, 예컨대 문서를 적절히 포맷하는 것(예컨대, 작은 글꼴, 축소된 줄 간격, 축소된 단락 간격, 또는 기타 등등)에 의해 달성될 수 있다.

스크롤바(22)에 렌더링된 것을 관측(view)하는 것은, 관측자(viewer)에게 문서의 패턴의 시각적 표시(visual indication)를 제공한다. 이런 패턴은 디스플레이 부분(26)에 렌더링된 문서를 관측하는 경우 분명하게 드러나지 않을 수는 있다(This pattern may not be evident from viewing the document as rendered in display portion 26). 도 2에 도시된 바와 같이, 문서는 3개의 단락을 포함한다. 각 단락은 들여 쓰기 되어있으며, 마지막 단락은 처음 두 단락 중 어느 하나보다 길다. 문서가 예컨대, 코드 편집기(예컨대, IDE)를 사용하여 편집/개발되는 코드일 경우, 문서의 패턴을 관측하는 것은, 들여쓰기 등의 관심 지점을 표시(indicating)하는 데 유익할 수 있다. 코드에 문서 개관 스크롤바를 사용하는 예는 도 6과 관련하여 하기에 보다 상세히 기술된다.

문서 개관 스크롤바의 이용에 의해 문서의 탐색, 검색, 및/또는 편집을 위한 효율적이고 신속한 수단이 제공된다. 도 3은 문서를 탐색, 검색 및 편집하는 데 문서 개관 스크롤바(22)를 예시적으로 이용하는 것을 도시한다. 음영 영역(30)에 의해 도시된 문서의 일부를 선택하는 것에 의해, 음영 부분(32)에 의해 도시된 사본의 대응하는 부분이 표시되게 된다. 또한, 사본의 일부(음영 부분(32))를 선택하는 것에 의해 문서의 대응하는 부분(음영 부분(30))이 표시되게 된다. 선택 및/또는 표시는 임의의 적합한 수단에 의해 달성될 수 있다. 예를 들어, 문서(또는 사본)의 일부는 하이라이트되고, 커서를 통하여 선택되고, 컬러 코딩되고(color coded), 또는 기타 등등이 행해질 수 있다.

예시적 실시예에서, 문서는 스크롤바(22)를 통해 편집될 수 있다. 예를 들어, 사본의 일부분(32)을 화살표(34)에 의해 표시된 바와 같이, 사본의 다른 부분으로 이동시킬 수 있다. 이는 임의의 적합한 수단에 의해, 예컨대, 일부분(32)을 선택하고, 선택된 부분(32)을 사본에서의 원하는 위치로 드래그함으로써(예컨대, 화살표(34)에 의해 도시됨), 달성될 수 있다. 이것에 의해 디스플레이 부분(26)에 렌더링된 문서의 대응하는 부분이 대응하는 새로운 위치로 이동되게 된다. 따라서, 디스플레이 부분(26)에 렌더링된 버전의 문서는 편집된 문서를 반영할 것이다. 문서 개관 스크롤바(22)에서 전체 문서를 관측하는 기능은, 디스플레이 부분(26)에 렌더링된 문서의 일부를 통해 스크롤링하는 것보다 효율적인(및 사용이 용이한) 편집 도구를 제공한다.

예시적 실시예에서, 도 4에 도시된 바와 같이, 디스플레이 부분(26)에 렌더링되어 있는 문서의 일부는, 스크롤바(22)에도 마찬가지로 음영 영역(또는 썸(thumb)으로 지칭됨)(36)으로서 표시된다. 디스플레이 부분(26)에 렌더링된 문서의 일부가 변경되는 경우, 스크롤바(22)의 사본의 표시된 부분(예컨대, 썸(thumb)(36))도 마찬가지로 변경된다. 예컨대, 문서의 글꼴 사이즈가 축소되어 디스플레이 부분(26)에서 문서의 더 많은 부분을 렌더링하게 되면, 스크롤바(22)의 사본의 표시된 일부도 이에 따라 증가할 것이다. 표시는 임의의 적합한 수단에 의해 달성될 수 있다. 예를 들어, 사본의 일부는 하이라이트되고, 커서를 통해 선택 되고, 컬러 코딩되고, 또는 기타 등등이 행해질 수 있다.

예시적 실시예에서, 스크롤바(22)에서 썸(36)의 왼쪽을 클릭하면, 디스플레이 부분(26) 내의 문서의 즉각적인 탐색이 가능하다. 예를 들어, 왼쪽 클릭은 스크롤바(22) 내의 어디에서나 발생할 수 있고, 썸(36)은 클릭된 지점을 중심으로 형성된다. 그리고, 디스플레이 부분(26)은 문서의 뷰(view)를 마찬가지로 썸(36)과 일치하도록 조정할 것이다.

스크롤바(22) 내의 사본에서 용어 또는 문구가 선택되어 문서의 대응하는 부분이 디스플레이 부분(26)에 렌더링될 수 있다. 선택은 임의의 적합한 수단, 예컨대 더블 클릭 등에 의해 달성될 수 있다. 예를 들어, 스크롤바(22) 내의 사본에서 마지막 워드, "earth"가 선택되는 경우, 디스플레이 부분(26)에 렌더링된 문서의 일부가 마지막 워드 "earth"를 포함할 것이다.

문서 개관 스크롤바는 문서에서 용어를 검색하는 데 사용될 수 있다. 도 5는 마크된 검색 용어를 예시적으로 나타낸다. 도 5에 도시된 바와 같이, "we"라는 용어(항목(38))가 검색을 위해 선택되었다. 용어는 임의의 적합한 수단, 예컨대, 더블 클릭에 의해 선택될 수 있다. "we"(38)라는 용어를 선택하는 것에 의해 문서와 스크롤바(22) 내의 사본에서 "we"라는 용어가 출현한 곳 전부가 표시되게 된다. 스크롤바(22) 내의 사본에서 알 수 있는 바와 같이, "we"라는 용어는 문서 전체에 걸쳐 여러 경우 출현한다. 이들 출현 중 다수는, 디스플레이 부분(26)에 렌더링된 문서의 일부를 관측하는 것으로부터 분명하게 알 수 있지 않다. 항목(38)으로 마크된 "we"라는 용어의 특정 출현은, 디스플레이 부분(26)에서 "we"라는 용어가 출 현한 다른 곳들과 다르게 표시되어, 이곳이 선택이 행해졌던 용어 출현 지점임을 나타낸다.

도 6은 IDE에 관련하여 사용되고 있는 문서 개관 스크롤바(22)의 예시적 도면이다. 임의의 적합한 IDE, 예컨대, VISUAL STUDIO^® 등이 사용될 수 있다. 확대된 버전의 스크롤바(22)가 도 6의 오른쪽에 도시되어 있으며, 하기에 기술된 특징들을 더 잘 나타내고 있다. 도 6에 도시된 바와 같이, 스크롤바(22)는 IDE 편집기 윈도우의 일부로서 렌더링된다. 디스플레이 부분(26)에 렌더링된 문서는 코드의 텍스트 표현(a textual representation of code)(간략함을 위해 코드라 함)을 포함한다. 전체 코드의 축소화된 사본은 스크롤바(22)에 렌더링된다. 코드는 스크롤바 부분(22)에 들어맞도록 압축된다. 전술된 바와 같이, 이러한 압축은 임의의 적합한 기술에 의해, 예컨대, 문서를 적절히 포맷하는 것(예컨대, 작은 글꼴, 축소된 줄 간격, 축소된 단락 간격, 또는 기타 등등)에 의해 달성될 수 있다. 스크롤바(22) 내의 사본을 관측하는 것으로부터 분명해지는 바와 같이, 코드는 여러 단계 중첩된 패턴(a deeply nested pattern)을 포함한다. 전체 코드의 이런 패턴을 관측하는 것은 코드의 기능을 이해하는 데 유익하며, 이는 디스플레이 부분(26)에 렌더링된 코드의 일부만을 관측하는 것으로부터는 가능하지 않다.

디스플레이 부분(26)에서 코드의 일부를 선택하는 것에 의해 사본의 대응하는 부분이 표시되게 된다. 또한, 스크롤바(22)에서 사본의 일부를 선택하는 것에 의해 디스플레이 부분(26)에 렌더링된 코드의 대응하는 부분이 표시되게 된다. 선 택 및/또는 표시는 임의의 적합한 수단에 의해 달성될 수 있다. 예를 들어, 문서(또는 사본)의 일부는 하이라이트되고, 커서를 통해 선택되고, 컬러 코딩되고, 또는 기타 등등이 행해질 수 있다.

도 3과 관련하여 전술된 바와 같이, 코드는 스크롤바(22)를 통해 편집될 수 있다. 예를 들어, 사본의 일부분을 사본의 다른 부분으로 이동시킬 수 있다. 이는 예컨대, 사본의 일부분을 선택하고 선택된 부분을 사본에서의 원하는 위치로 드래그함으로써 달성될 수 있다. 이에 의해 코드의 대응하는 부분이 대응하는 새로운 위치로 이동되게 된다.

도 6에 도시된 바와 같이, 디스플레이 부분(26)에 렌더링되어 있는 코드의 일부는, 스크롤바(22)에서 마찬가지로 음영 영역(36)에 의해 표시된다. 디스플레이 부분(26)에 렌더링된 코드의 일부가 변경되면, 스크롤바(22)에서도 사본의 표시된 일부(예컨대, 디스플레이(36))가 마찬가지로 변경된다. 예를 들어, 코드의 글꼴 사이즈가 축소되어 디스플레이 부분(26)에서 코드의 더 많은 부분을 렌더링하게 되면, 스크롤바(22) 내의 사본에서 표시된 부분이 이에 따라 증가할 것이다. 표시는 임의의 적합한 수단에 의해 달성될 수 있다. 예를 들어, 사본의 일부가 하이라이트되고, 커서를 통해 선택되고, 컬러 코딩되고, 또는 기타 등등이 행해질 수 있다. 스크롤바(22) 내의 사본에서 용어 또는 문구가 선택되어 코드의 대응하는 부분이 디스플레이 부분(26)에 렌더링될 수 있다. 선택은 임의의 적합한 수단, 예컨대, 더블 클릭 등에 의해 달성될 수 있다.

문서 개관 스크롤바(22)는 코드에서 용어를 검색하는 데 사용될 수 있다. 도 6에 도시된 바와 같이, "SOFTWARE"(항목(40))라는 용어가 검색되도록 선택되었다. 용어는 임의의 적합한 수단, 예컨대 더블 클릭 등에 의해 선택될 수 있다. "SOFTWARE"(40)라는 용어를 선택하는 것에 의해 코드와 스크롤바(22) 내의 사본에서 "SOFTWARE"라는 용어가 출현한 곳 전부가 표시되게 된다. 스크롤바(22) 내의 사본에서 알 수 있는 바와 같이, "SOFTWARE"라는 용어는 문서 전체에 걸쳐 여러 경우 출현한다. 이들 출현 중 다수는, 디스플레이 부분(26)에 렌더링된 코드의 일부를 관측하는 것으로부터 분명하게 알 수 있지 않다. 항목(40)으로 마크된 "SOFTWARE"라는 용어의 특정 출현은, 디스플레이 부분(26)에서 "SOFTWARE"라는 용어가 출현한 다른 곳들과는 다르게 표시되어, 이곳이 선택이 행해졌던 용어 출현 지점임을 나타낸다. 예를 들어, "SOFTWARE"(40)라는 워드가 청색으로 하이라이트될 수 있다. 청색은 선택이 행해졌던 용어 출현 지점임을 나타낸다. "SOFTWARE"(46)라는 용어가 적색으로 하이라이트될 수 있다. 적색은 선택이 행해지지 않았던 용어 출현 지점임을 나타낸다. 임의의 적합한 수단이 선택이 행해졌던 용어와 선택이 행해지지 않았던 용어를 구별하는 데 사용될 수 있고, 이런 수단이 컬러 코딩에 제한되는 것이 아님을 이해해야 한다.

영역(36)의 오른쪽 하부 코너(corner)에 작은 진한 청색 사각형으로 도시된 표시자(44)는 디스플레이 부분(26)(예컨대, 편집기 윈도우)에 설정된 책갈피를 나타낸다. 책갈피(44)는 디스플레이 부분(26)(예컨대, 편집기 윈도우)의 왼쪽 여백에(in the left margin of display portion 26) 도시된 책갈피(42)에 대응한다. 스크롤바의 썸은 통상적인 스크롤바의 썸처럼 동작한다. 스크롤바에서의 왼쪽 클 릭은 편집기 윈도우에서의 즉각적인 탐색을 제공한다.

영역(36)의 오른쪽에 작은 진한 청색 원으로 도시된 표시자(60)는, 디스플레이 부분(26)(예컨대, 편집기 윈도우)에 설정된 중단점(breakpoint)을 나타낸다. 중단점(60)은 디스플레이 부분(26)(예컨대, 편집기 윈도우)의 왼쪽 여백에 도시된 중단점(58)에 대응한다.

도 7은 문서 개관 스크롤바를 렌더링하기 위한 예시적 프로세스의 흐름도이다. 문서의 일부가 단계(50)에서 렌더링된다. 전술된 바와 같이, 임의의 적합한 문서, 예컨대, 텍스트 및/또는 코드 등이 렌더링될 수 있다. 문서가 렌더링되는 디스플레이의 일부가 임의의 적합한 부분일 수 있다. 예를 들어, 문서가 디스플레이의 왼쪽에(또는, 상기 디스플레이 부분(26)에 의해 도시된 바와 같이, 디스플레이의 오른쪽에, 디스플레이의 하부에, 디스플레이의 상부에, 디스플레이의 중앙에, 디스플레이의 주변에, 다수의 인접한(contiguous) 또는 비인접한 디스플레이 부분들에, 또는 이들의 조합에) 렌더링될 수 있다.

문서 개관 스크롤바는 단계(52)에서 디스플레이 일부 상에 렌더링된다. 스크롤바가 렌더링되는 디스플레이의 일부가 임의의 적합한 부분일 수 있다. 예를 들어, 스크롤바는 디스플레이의 왼쪽에(또는, 상기 디스플레이 부분(22)에 의해 도시된 바와 같이, 디스플레이의 오른쪽에, 디스플레이의 하부에, 디스플레이의 상부에, 디스플레이의 중앙에, 디스플레이의 주변에, 다수의 인접한 또는 비인접한 디스플레이 부분들에, 또는 이들의 조합에) 렌더링될 수 있다.

전체 문서의 축소화된 사본은 단계(54)에서 스크롤바 내에 렌더링되고, 문서 는 단계(56)에서 스크롤바를 통하여 검색, 탐색, 및/또는 편집될 수 있다. 검색, 탐색, 및 편집은 전술된 바와 같이 달성될 수 있다.

본원에 기술된 다양한 기술이 하드웨어 또는 소프트웨어, 또는 이 둘의 적절한 조합으로 구현될 수 있다. 따라서, 문서 개관 스크롤바를 위한 방법 및 장치, 또는 그 양상 또는 일부가 플로피 디스켓, CD-ROM, 하드 드라이브, 또는 임의의 기타 기계 판독가능 저장 매체 등의 실체적인 매체에 구현된 프로그램 코드(즉, 명령어들)의 형태를 취할 수 있고, 프로그램 코드가 컴퓨터 등의 기계에 로드되거나, 또는 기계에 의해 실행될 때, 그 기계는 문서 개관 스크롤바를 위한 장치가 된다. 프로그램가능한 컴퓨터상에서 프로그램 코드를 실행하는 경우, 컴퓨팅 장치는 일반적으로 프로세서, 프로세서에 의해 판독가능한 저장 매체(휘발성 및 비휘발성 메모리 및/또는 저장 소자를 포함함), 적어도 하나의 입력 장치, 및 적어도 하나의 출력 장치를 포함한다. 프로그램(들)은 원한다면 어셈블리어 또는 기계어로 구현될 수 있다. 어떤 경우든지, 언어는 컴파일 또는 번역된 언어일 수 있고, 하드웨어 구현과 결합될 수 있다.

문서 개관 스크롤바를 구현하기 위한 방법 및 장치는 또한 전기 와이어 또는 케이블, 광 섬유 등의 일부 전송 매체를 통해, 또는 임의의 기타 형태의 전송을 통해 전송되는 프로그램 코드의 형태로 구현되어 통신을 통하여 실시될 수 있으며, 프로그램 코드가 EPROM, 게이트 어레이, PLD(programmable logic device), 클라이언트 컴퓨터, 또는 기타 등등의 기계에 수신 및 로드되어 실행되는 경우, 그 기계는 비-사실 기반의 인증(non-fact based authentication)을 구현하기 위한 장치가 된다. 범용 프로세서상에 구현되는 경우, 프로그램 코드는 프로세서와 결합하여 문서 개관 스크롤바의 기능을 호출하도록 동작하는 고유한 장치를 제공한다. 또한, 문서 개관 스크롤바와 관련하여 사용되는 임의의 저장 기술은 변함없이 하드웨어와 소프트웨어의 결합일 수 있다.

문서 개관 스크롤바의 구현이 다양한 도면들의 예시적 실시예들과 관련하여 기술되었지만, 기타 유사한 실시예들이 사용될 수 있거나, 또는 이들에서 벗어남 없이 문서 개관 스크롤바의 기능을 동일하게 수행하기 위한 수정 또는 추가가 기술된 실시예들에 행해질 수 있음을 이해해야 한다. 예를 들어, 문서 개관 스크롤바에서 렌더링된 문서의 사본이 반드시 축소화될 필요는 없다. 문서가 충분히 작을 경우, 사본은 원래의 문서와 동일하거나 또는 약간 클 수 있다. 예시적 실시예에서, 문서 개관 스크롤바는 문서 전체에 걸쳐 스크롤하기 위한 표준 스크롤바의 썸과 마찬가지의 썸을 포함한다. 문서의 사본이 문서의 정확한 복제본일 필요는 없다. 예시적 실시예에서, 문서 개관 스크롤바는 문서의 번역을 포함할 수 있다. 예를 들어, 사본이 HTML 버전의 문서를 포함할 수 있거나, 또는 사본이 관측가능한 버전의 HTML 문서를 포함할 수 있다. 다른 예에서, 사본은 소스 코드를 포함하고 문서는 개체 코드를 포함할 수 있거나, 또는 사본은 개체 코드를 포함하고 문서는 소스 코드를 포함할 수 있다. 다른 예에서, 사본은 문서의 외국어 번역을 포함할 수 있다. 모든 검색, 탐색 및 편집 수단은 전술된 바와 같다. 따라서, 본원에 기술된 문서 개관 스크롤바를 구현하는 것은 임의의 하나의 실시예에 제한되어서는 안 되며, 오히려 첨부된 청구항들에 따른 범위 및 영역 내에서 파악되어야 한다.

Claims

스크롤바가 참조하는 문서의 렌더링된, 축소된 사본을 포함하는 디스플레이 스크롤바.
제1항에 있어서,

상기 사본의 시각적 패턴(a visual pattern)은 상기 문서의 적어도 하나의 관심 지점을 나타내는 스크롤바.
제1항에 있어서,

상기 문서는 상기 스크롤바를 통하여 편집가능한 스크롤바.
제1항에 있어서,

상기 사본에서 위치를 선택하는 것에 의해 상기 문서의 대응하는 위치에 렌더링이 행해지고,

상기 문서의 상기 대응하는 위치가 상기 스크롤바가 렌더링된 디스플레이 상에 렌더링되며,

렌더링된 문서에서 위치를 선택하는 것에 의해 상기 사본에서 대응하는 위치에 마킹이 행해지는 스크롤바.
제1항에 있어서,

상기 스크롤바는 상기 문서의 번역을 포함하는 스크롤바.
제1항에 있어서,

상기 스크롤바 및 상기 문서의 적어도 일부는 통합 개발 환경(IDE;integrated development environment)에 의해 렌더링되고,

상기 사본에서 중단점 및 책갈피 중 적어도 하나를 선택하는 것에 의해 상기 문서에서 대응하는 적어도 하나의 중단점 및 책갈피의 렌더링이 행해지며,

상기 대응하는 적어도 하나의 중단점 및 책갈피는 상기 스크롤바가 렌더링된 디스플레이 상에 렌더링되는 스크롤바.
제1항에 있어서,

상기 스크롤바 및 상기 문서의 적어도 일부는 통합 개발 환경에 의해 렌더링되고,

상기 렌더링된 문서의 상기 적어도 일부에서 중단점 및 책갈피 중 적어도 하나를 선택하는 것에 의해 상기 사본에서 대응하는 적어도 하나의 중단점 및 책갈피의 렌더링이 행해지며,

상기 대응하는 적어도 하나의 중단점 및 책갈피는 상기 스크롤바가 렌더링된 디스플레이 상에 렌더링되는 스크롤바.
제1항에 있어서,

상기 문서와 상기 스크롤바 중 하나의 일부를 하이라이트하는 것에 의해 상기 스크롤바와 상기 문서의 대응하는 부분의 하이라이트가 각각 행해지는 스크롤바.
컴퓨팅 장치상에서 적어도 부분적으로 구현되는, 디스플레이 상에 스크롤바를 렌더링하기 위한 방법으로서,

상기 디스플레이 상에 문서의 적어도 일부를 렌더링하는 단계, 및

상기 디스플레이 상에, 상기 스크롤바를 렌더링하는 단계 - 상기 스크롤바는 상기 스크롤바가 참조하는 문서의 축소화된 사본을 포함함 -

를 포함하는 디스플레이 상에 스크롤바를 렌더링하기 위한 방법.
제9항에 있어서,

상기 사본의 시각적 패턴은 상기 문서의 적어도 하나의 관심 지점을 나타내는, 디스플레이 상에 스크롤바를 렌더링하기 위한 방법.
제9항에 있어서,

상기 사본에서 위치를 선택하는 단계를 더 포함하고,

상기 사본에서 상기 위치를 선택하는 단계(act)에 의해 상기 문서의 대응하는 위치에 렌더링이 행해지며,

렌더링된 문서에서 위치를 선택하는 것에 의해 상기 사본에서 대응하는 위치에 마킹이 행해지는, 디스플레이 상에 스크롤바를 렌더링하기 위한 방법.
제9항에 있어서,

상기 스크롤바 내에, 상기 문서의 번역을 렌더링하는 단계를 더 포함하는 디스플레이 상에 스크롤바를 렌더링하기 위한 방법.
제9항에 있어서,

상기 스크롤바 및 상기 문서의 적어도 일부는 통합 개발 환경에 의해 렌더링되고,

상기 사본에서 중단점 및 책갈피 중 적어도 하나를 선택하는 것에 의해 상기 문서에서 대응하는 적어도 하나의 중단점 및 책갈피의 렌더링이 행해지는, 디스플레이 상에 스크롤바를 렌더링하기 위한 방법.
제9항에 있어서,

상기 스크롤바 및 상기 문서의 적어도 일부는 통합 개발 환경에 의해 렌더링되고,

상기 렌더링된 문서의 상기 적어도 일부에서 중단점 및 책갈피 중 적어도 하나를 선택하는 것에 의해 상기 사본에서 대응하는 적어도 하나의 중단점 및 책갈피의 렌더링이 행해지는, 디스플레이 상에 스크롤바를 렌더링하기 위한 방법.
제9항에 있어서,

상기 문서와 상기 스크롤바 중 하나의 일부를 하이라이트하는 단계를 더 포함하고,

상기 문서와 상기 스크롤바 중 하나의 일부를 하이라이트하는 단계(act)에 의해 상기 스크롤바와 상기 문서의 대응하는 부분의 하이라이트가 행해지는, 디스플레이 상에 스크롤바를 렌더링하기 위한 방법.
컴퓨터 실행가능 명령어(computer-executable)가 저장되어 있는 컴퓨터 판독가능 매체로서, 상기 컴퓨터 실행가능 명령어는

문서의 적어도 일부를 디스플레이 상에 렌더링하는 단계(act), 및

상기 디스플레이 상에, 스크롤바를 렌더링하는 단계 - 상기 스크롤바는 상기 스크롤바가 참조하는 문서의 축소화된 사본을 포함함 -

를 수행하도록 하는 것인, 컴퓨터 판독가능 매체.
제16항에 있어서,

상기 사본의 시각적 패턴은 상기 문서의 적어도 하나의 관심 지점을 나타내는 컴퓨터 판독가능 매체.
제16항에 있어서,

상기 사본에서의 위치와 상기 문서에서의 위치 중 한 위치를 선택하기 위한 컴퓨터 실행가능 명령어를 더 포함하며,

상기 사본에서의 상기 위치와 상기 문서에서의 상기 위치 중 한 위치를 선택하는 단계(act)에 의해 상기 문서와 상기 사본 중 하나의 대응하는 위치에 렌더링이 행해지는 컴퓨터 판독가능 매체.
제16항에 있어서,

상기 스크롤바 및 상기 문서의 적어도 일부는 통합 개발 환경에 의해 렌더링되고,

상기 사본에서 중단점 및 책갈피 중 적어도 하나를 선택하는 것에 의해 상기 문서에서 대응하는 적어도 하나의 중단점 및 책갈피의 렌더링이 행해지는 컴퓨터 판독가능 매체.
제16항에 있어서,

상기 문서는 상기 스크롤바를 통해 편집될 수 있고,

상기 스크롤바는 상기 문서의 번역을 포함하는 컴퓨터 판독가능 매체.