KR20090002316A - 웹문서의 일부 영역 선택 방법 - Google Patents

웹문서의 일부 영역 선택 방법 Download PDF

Info

Publication number
KR20090002316A
KR20090002316A KR1020070063705A KR20070063705A KR20090002316A KR 20090002316 A KR20090002316 A KR 20090002316A KR 1020070063705 A KR1020070063705 A KR 1020070063705A KR 20070063705 A KR20070063705 A KR 20070063705A KR 20090002316 A KR20090002316 A KR 20090002316A
Authority
KR
South Korea
Prior art keywords
node
selection
web document
selecting
area
Prior art date
Application number
KR1020070063705A
Other languages
English (en)
Other versions
KR100905410B1 (ko
Inventor
예형석
Original Assignee
주식회사 인프라웨어
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 주식회사 인프라웨어 filed Critical 주식회사 인프라웨어
Priority to KR1020070063705A priority Critical patent/KR100905410B1/ko
Publication of KR20090002316A publication Critical patent/KR20090002316A/ko
Application granted granted Critical
Publication of KR100905410B1 publication Critical patent/KR100905410B1/ko

Links

Images

Classifications

    • 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
    • G06Q50/00—Systems or methods specially adapted for specific business sectors, e.g. utilities or tourism
    • G06Q50/10—Services
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/20—Servers specifically adapted for the distribution of content, e.g. VOD servers; Operations thereof
    • H04N21/23—Processing of content or additional data; Elementary server operations; Server middleware
    • H04N21/235—Processing of additional data, e.g. scrambling of additional data or processing content descriptors
    • H04N21/2355—Processing of additional data, e.g. scrambling of additional data or processing content descriptors involving reformatting operations of additional data, e.g. HTML pages

Abstract

웹문서에서 일부 영역을 선택하는 방법이 개시된다. 본 발명의 웹문서 일부 영역 선택 방법은 웹문서에서의 포인터 위치 및 그 포인터 위치와 관련한 웹문서의 자료 구조를 고려하여 웹문서의 일부 영역을 선택하고, 그 선택 영역을 브라우저 창에 표시하는 것을 특징으로 한다. 이에 의해 웹페이지 내 일부 영역 선택 방식을 개선할 수 있다.

Description

웹문서의 일부 영역 선택 방법{Method for selecting a part area of web document}
도 1은 본 발명에 따른 웹문서의 일부 영역 선택 방법의 흐름도.
도 2는 본 발명에 따른 웹문서의 일부 선택 영역 예시도.
도 3은 본 발명에 따른 웹문서의 일부 선택 영역의 또다른 예시도.
도 4,5,6,7은 뉴스 기사를 선택하고, Partial OSR 기능을 적용시키는 예시도.
본 발명은 브라우저에 관한 것으로, 특히 브라우저 창에 표시되는 웹페이지 내 일부 영역을 선택하는 기술에 관한 것이다.
웹브라우저는 인터넷 웹서버에 자료를 요청하기 위해 HTTP(Hypertext Transfer Protocol)를 사용하는 클라이언트 프로그램이다. 웹브라우저는 웹서버로부터 제공되는 웹문서의 소스 다운로드, 파싱(parsing), 렌더링(rendering) 과정을 거쳐 화면에 표시한다.
여기서 웹문서는 월드 와이드 웹 컨소시움(W3C)의 권고안에 따른 HTML, XML, XHTML 등의 마크업(markup) 언어로 작성된다. 마크업 언어는 다양한 태그(tag 또는 element)와 속성(attribute)을 포함하며, 이를 이용하여 다양한 형태의 웹문서를 작성할 수 있다.
한편, 기존에 웹브라우저에 렌더링된 웹문서 전체에서 일부 영역을 선택하는 것이 가능한데, 이는 사용자 스스로가 관심 있어 하는 영역을 마우스 드래그 등을 통해 영역을 선택하는 방식에 의해 가능하다. 즉, 사용자가 선택하고자 하는 영역 전체를 지정해주어야 한다.
본 발명은 이러한 배경에서 도출된 것으로, 웹문서의 영역 선택 방식을 개선한 웹 문서의 일부 영역 선택 방법을 제공함을 목적으로 한다.
나아가 본 발명은 선택된 영역에 대해 추가 기능을 연계시키도록 함을 목적으로 한다.
전술한 기술적 과제는 본 발명에 따라 웹문서에서의 포인터 위치 및 그 포인터 위치와 관련한 웹문서의 자료 구조를 고려하여 웹문서의 일부 영역을 선택하고, 그 선택 영역을 브라우저 창에 표시하는 것을 특징으로 하는 웹문서의 일부 영역 선택 방법에 의해 달성된다.
상기 방법은 보다 구체적으로, 상기 포인터가 위치한 노드를 확인하는 단계; 상기 확인된 포인터 위치 노드가 선택 기준에 해당하는지를 판단하는 단계; 및 상기 포인터 위치 노드가 상기 선택 기준에 해당되면, 상기 포인터 위치 노드 및 그 하위 노드의 영역을 선택 영역으로 브라우저 창에 표시하는 단계;를 포함함이 바람직하다.
또한 상기 방법은, 상기 포인터 위치 노드가 상기 선택 기준에 해당되지 않으면, 상기 선택 기준을 만족하는 노드를 찾을 때까지 상위 노드로 이동하면서 검색하는 단계; 및 상기 검색된 노드 및 그 하위 노드의 영역을 선택 영역으로 표시하는 단계;를 더 포함함이 바람직하다.
전술한, 그리고 추가적인 본 발명의 양상들은 첨부된 도면을 참조하여 설명되는 바람직한 실시예들을 통하여 더욱 명백해질 것이다. 이하에서는 본 발명을 이러한 실시예를 통해 당업자가 용이하게 이해하고 재현할 수 있도록 상세히 설명하기로 한다.
도 1은 본 발명에 따른 웹문서의 일부 영역 선택 방법의 흐름도이다.
본 발명에 따른 브라우저는 웹문서에서의 포인터 위치 및 그 포인터 위치와 관련한 웹문서의 자료 구조를 고려하여 웹문서의 일부 영역을 선택하고, 그 선택 영역을 브라우저 창에 표시한다.
이에 대해 보다 구체적으로 설명하면, 우선 브라우저는 웹페이지 내 포인터의 위치를 파악하고(단계 S100), 포인터가 위치한 노드가 선택 기준에 해당하는지를 판단한다(단계 S200). 일 예로, 포인터의 위치는 마우스 오버(mouse over) 이벤트에 의해 파악될 수 있다. 그리고 포인터는 마우스나 방향키 등으로 위치 이동이 가능하며, 화살표나 포커스 박스 등 그 모양에 제한이 없다.
한편, 선택 기준은 HTML 문서에 대해 HTML 기준을 적용할 수 있고, CSS 문서 에 대해 CSS 기준으로 분류할 수 있다. 선택 기준을 HTML element를 기준으로 분류하면, 블록 엘리먼트(Block Element 혹은 Block Level Element)가 선택 기준이 된다. 이러한 선택 기준인 블록 엘리먼트가 무엇인지에 대해 HTML element를 살펴보며 설명하기로 한다.
HTML element 중에는 자신이 가진 컨텐츠가 화면에 표시(render)되는 엘리먼트와 표시되지 않는 엘리먼트가 있다. 예를 들어 <head> 엘리먼트 속에서 써야되는 <style>, <link/>, <meta/> 등의 엘리먼트들은 컨텐츠가 화면에 표시되지 않는 반면에, <body> 속에서 쓰는 <div>, <p>, <a>, <span> 등의 엘리먼트들은 컨텐츠가 화면에 표시된다.
그리고 컨텐츠가 화면에 표시되는 엘리먼트는 크게 블록 엘리먼트와 인라인 엘리먼트(Inline Element 혹은 Inline Level Element)로 구분된다. 상술한 블록 엘리먼트 및 인라인 엘리먼트는 HTML 4.01 규격서와 CSS 2.1 규격서에 자세히 기재되어 있으며, 다음과 같다.
블록 엘리먼트에 대해 살펴 보면, 플로트(float)나 포지션(position) 등의 style property로 포지셔닝을 하지 않은 블록 엘리먼트는 자신이 담겨있는 상위 블록 엘리먼트가 허용한 가로 폭(width) 전체를 독차지하는 것이라고 할 수 있다. 가로 폭을 독차지하기 때문에 블록 엘리먼트의 앞뒤로 줄바뀜이 발생한다. 물론 이것은 위에서 정의한 대로 블록 엘리먼트에 플로트나 포지션 등으로 포지셔닝을 하지 않은 경우이다. 이러한 블록 엘리먼트는 다른 블록 엘리먼트와 인라인 엘리먼트를 자식(child)으로 가질 수 있는 엘리먼트이다.
그리고 인라인 엘리먼트는 라인 속에 위치해서 라인을 따라 흘러가는 엘리먼트를 말한다. 따라서 인라인 엘리먼트 사이에 블록 엘리먼트가 섞이지 않았을 경우, 인라인 엘리먼트는 끝도 없이 오른쪽(dir attribute 등을 사용하여 문자의 흐름을 rtl로 지정하지 않았다고 가정할 때)으로 계속 흘러간다.
그러나 실제로 웹문서를 브라우저로 보았을 때, 브라우저 창에 보이는 문자열의 흐름은 계속하여 오른쪽으로 가는 것이 아니라 라인의 길이가 상위 엘리먼트의 가로 폭을 넘을 경우(문자열 사이에 공간이 없어서 줄이 아래로 내려가지 않아 가로로 스크롤되는 경우가 아닌 것으로 가정함) 아래로 내려가게 되어 있는데, 이것은 줄바뀜(line break)이 아니라 ‘wrap’이라 한다. ‘wrap’은 우리말로 줄 접힘이나 줄 말림 정도로 표시할 수 있으며, 텍스트의 길이로 인해 한 텍스트가 그 줄 내에 들어가지 못할 경우에 줄이 바뀌게 되는 것을 말한다.
정리하면, 웹문서의 바디(body)에 포함되는 엘리먼트들은 블록 엘리먼트와 인라인 엘리먼트로 나뉜다. 블록 엘리먼트는 다른 블록 엘리먼트와 인라인 엘리먼트를 포함할 수 있으며, 인라인 엘리먼트는 다른 인라인 엘리먼트를 포함할 수 있다. 블록 엘리먼트는 새 문단에서 시작하고, 인라인 엘리먼트는 <P>나 <BR>로 줄을 바꿔주지 않는 한 한 줄에 나타난다.
추가로 목록 엘리먼트인 OL, UL, LI와 테이블 엘리먼트인 Table, THead, TBody, TFoot, TR, TD, TH, Caption은 블록 엘리먼트로 단정지을 수는 없으나 블록 엘리먼트와 유사한 성향을 가지는 엘리먼트로 볼 수 있으므로, 본 명세서에서는 블록 엘리먼트로 정의하기로 한다.
추가적으로 인라인 엘리먼트(Inline Element) 중에서 다른 인라인 엘리먼트를 자식(child)으로 갖는 엘리먼트도 선택 기준에 포함시킬 수 있다. 인라인 엘리먼트는 대부분 트리(tree)의 리프(leaf)에 해당하는 엘리먼트들로써, 일반적으로 자식 엘리먼트를 갖지는 못하지만, 인라인 엘리먼트 중에서 일부는 다른 인라인 엘리먼트를 자식으로 갖는다. 선택 기준에 들어가는 인라인 엘리먼트는 자식 인라인 엘리먼트들을 그룹으로 묶어서 처리하는 역할을 하기 때문에, 블록 엘리먼트와는 다르지만 트리에서 다른 자식 엘리먼트를 갖는다.
한편, 선택 기준을 CSS Property 기준으로 분류하면, 엘리먼트의 Display Property의 값이 block, inline-block, list-item, table, inline-table, table-row-group, table-header-group, table-footer-group, table-row, table-cell, table-caption이 선택 기준이 된다.
추가적으로 HTML 기준 혹은 CSS Property 기준에 들어가더라도 선택 기준에서 제외될 수 있다. 화면에 보이지 않는 엘리먼트, 엘리먼트의 Display Property의 값이 None인 경우, 그리고 엘리먼트의 Visibility Property의 값이 Hidden인 경우는 제외한다.
이에 대해 부연 설명하면, 화면에 직접적으로 출력되지 않는 엘리먼트는 제외한다는 것이다. 예를 들어 스크립트 엘리먼트의 자식으로 넣은 텍스트 노드는 자바스크립트(JavaScript) 구문을 나타내며, 화면에 보이지는 않지만 브라우저는 이 스크립트 구문을 처리한다.
또 다른 예로, CSS Property 중에서 화면에 보이지 않도록 설정할 수 있는 Display Property와 Visibility Property가 있다. Display Property는 해당 엘리먼트가 없는 것처럼 처리하는 것이며, Visibility Property는 크기 및 위치 계산 과정에는 포함되서 해당 엘리먼트의 사각형 영역은 생기지만 그 내부, 즉 자신 및 자식 엘리먼트를 화면에 출력하지 않는 것이다.
한편, FrameSet, IFrame을 사용한 웹페이지의 경우에도 Frame 내부에 로딩된 문서를 전체 컨텐츠 트리의 일부로 보고 처리하면, 위의 선택 기준이 일관성 있게 적용된다. FrameSet Element와 IFrame Element는 트리의 리프 노드(leaf node)이지만, 그 자식으로 Embed HTML Document의 루트 노드(root node)가 있다고 보고 처리하면, 선택 기준을 만족하는 노드를 찾기 위해 트리를 탐색하는 상술한 절차를 복합 컨텐츠로 이루어진 웹페이지에서도 동일하게 적용할 수 있다.
한편, 브라우저는 웹문서인 HTML 문서와 CSS 문서를 파싱(parsing)하여 HTML 문서를 돔 트리(DOM Tree)로 구성하고, CSS 문서를 적당한 자료 구조로 만든다. 그리고 돔 트리의 각 엘리먼트와 CSS를 결합해서 렌더링(rendering)하여 화면 출력을 하게 된다. 여기서 렌더링 과정에 의해 HTML 규격과 CSS 규격이 결합된 자료 구조가 메모리에 존재하게 된다. 이 자료 구조는 모든 엘리먼트의 속성을 가지고 있거나 정보를 찾을 수 있는 연결고리를 가지고 있다. 이 자료 구조는 각 엘리먼트의 종류, 유형을 알 수 있게 하고, 크기 및 위치 계산의 데이터로 사용 가능하다.
브라우저는 이 같은 자료 구조를 통해 포인터가 위치한 노드가 상술한 바와 같은 선택 기준을 만족하는지를 판단한다. 선택 기준을 만족하면, 브라우저는 포 인터가 위치한 노드 및 그 노드의 하위 노드를 선택 영역으로 브라우저 창에 표시한다(단계 S300). 선택 영역에 대해서는 그 외곽선을 미리 정의된 특정 컬러로 표현하거나, 그 배경색을 미리 정의된 특정 컬러로 표현함으로써 구분토록 할 수 있다.
선택 기준을 만족하지 않으면, 브라우저는 상위 노드로 거슬러 올라가면서 선택 기준을 만족하는 노드를 검색한다(단계 S400). 우선 포인터가 위치한 노드의 부모 노드가 선택 기준을 만족하는지 판단하고, 만족하지 않으면 다시 부모 노드의 부모 노드가 선택 기준을 만족하는지 판단하는 것이다. 선택 기준을 만족하는 노드가 검색되면, 브라우저는 검색된 노드 및 그 하위 노드를 선택 영역으로 브라우저 창에 표시한다(단계 S500).
본 발명의 추가적인 양상에 따라 단계 S300은 2단계로 나뉠 수 있다. 첫번째 단계는 브라우저가 선택 기준에 해당되는 노드 및 그 하위 노드의 영역을 선택 후보 영역으로 표시하는 것이다. 그리고 두번째 단계는 선택 후보 영역이 선택되었을 때, 브라우저가 그 선택 후보 영역을 선택 영역으로 변환하여 표시하는 것이다. 여기서 선택 후보 영역은, 사용자의 마우스 클릭 등에 의해 선택될 수 있다. 그리고 선택 후보 영역은 그 외곽선을 표시하여 구별토록 하며, 선택 영역은 배경색은 특정 컬러로 표시하여 구별토록 할 수 있다.
선택 기준에 해당되는 노드 및 그 하위 노드의 영역을 선택 영역으로 곧바로 표시하지 않는 이유는 사용자의 의도와 무관하게 웹문서 내 일부 영역이 선택되는 것을 방지하고자 함이다.
상술한 바와 같은 웹문서의 일부 영역 선택 방법에 의해 선택된 영역에 대한 화면의 일 예가 도 2 및 도 3에 도시되어 있다. 이들 도면으로부터, 포인터의 위치와 관련하여 웹문서 내 일부 영역이 선택됨을 알 수 있다.
본 발명의 추가적인 양상에 따른 웹문서 내 일부 영역 선택 방법은 선택 영역이 지정된 이후 선택 영역의 변경을 지원하는 것을 특징으로 한다.
일 실시예에 있어서, 선택 영역이 표시된 이후 사용자가 상,하,좌,우 방향을 갖는 방향 키를 조작하면, 브라우저는 방향 키 데이터에 따라 상술한 선택 노드의 인접 노드 중 어느 하나의 노드가 상술한 바와 같은 선택 기준을 만족하는지를 판단한다. 여기서 인접 노드는 부모 노드(parent node), 자식 노드(child node), 형제 노드(sibling node)가 된다.
일 예로, 방향키와 이동되는 노드 간의 관계는 다음과 같이 정의할 수 있다.
왼쪽 키 : Previous Sibling Node로 이동
오른쪽 키 : Next Sibling Node로 이동
업 키 : Parent Node로 이동
다운 키 : First Child Node로 이동
또 다른 예로, 방향키와 이동되는 노드 간의 관계는 자료 구조(예를 들어, 트리 노드)의 수직관계 이동과 수평관계 이동을 맞바꾸어 다음과 같이 정의할 수도 있다.
왼쪽 키 : Parent Node로 이동
오른쪽 키 : First Child Node로 이동
업 키 : Previous Sibling Node로 이동
다운 키 : Next Sibling Node로 이동
방향키와 이동되는 노드 간의 관계는 정의하기에 따라 달라질 수 있다.
브라우저는 이 같이 정의되는 방향키 데이터에 따라 선택 노드의 부모 노드 혹은 자식 노드 혹은 형제 노드로 이동하여 선택 기준에 만족하는지를 판단한다. 부모 노드의 경우 선택 기준을 만족하지 않으면, 그 상위 노드로 계속 이동하면서 선택 기준을 만족하는 노드를 검색한다. 그리고 자식 노드의 경우, 첫번째 자식 노드가 선택 기준을 만족하지 않으면, 두번째, 세번째로 이동하면서 선택 기준을 만족하는 노드를 검색한다.
이전 형제 노드(Previous Sibling Node)의 경우에 선택 기준을 만족하지 않으면, 다시 그 이전 형제 노드로 계속 이동하면서 선택 기준을 만족하는 노드를 찾는다. 다음 형제 노드(Next Sibling Node)의 경우 또한 선택 기준을 만족하지 않으면, 다시 그 다음 형제 노드로 계속 이동하면서 선택 기준을 만족하는 노드를 찾는다.
이러한 과정을 통해 선택 기준을 만족하는 노드가 검색되면, 검색된 노드 및 그 하위 노드를 선택 영역으로 변경하여 브라우저 창에 표시한다(단계 S700).
결과적으로 부모 노드로 이동하는 경우는 그만큼 선택 영역이 넓어진 것이므로, 변경되는 선택 영역은 이전 선택 영역을 포함하면서 확장된다. 반대로 자식 노드로 이동하는 경우는 이전 선택 영역 중 일부가 제거되면서 축소된다. 그리고 형제 노드로 이동하는 경우는 선택 영역이 달라진다.
한편, 선택 영역에 대해 사전에 정의된 기능으로 연계하는 기능을 더 제공할 수 있다. 예를 들어 브라우저 창에 표시된 선택 영역에서 사용자가 마우스 클릭 혹은 엔터 키 입력을 하면, 브라우저는 미리 정의된 기능을 수행한다(단계S800)(단계S900). 이는 선택 영역을 가공하거나 변형을 하는 것일 수 있다.
일 실시예에 있어서, 브라우저는 선택 영역만을 줌(zoom), 스크랩(scrap) 혹은 새로 렌더링하여 새 브라우저 창에 표시한다. 여기서 렌더링은 Partial OSR(Optimized Screen Rendering)일 수 있다.
도 4,5,6,7은 뉴스 기사를 선택하고, Partial OSR 기능을 적용시키는 예시도이다. 도 4의 뉴스 웹 페이지에서 포인터를 도 5와 같이 본문에 위치시키면 선택 후보 영역이 표시된다. 선택 후보 영역이 선택되면 도 6과 같이 보다 진하게 구분하여 선택 영역을 표시한다. 표시된 선택 영역에 대해 Partial OSR 명령이 지정되면, 브라우저는 그 선택 영역만을 OSR 처리하여 도 7과 같이 새 브라우저 창에 표시한다.
본 발명에 따른 웹문서의 일부 영역 선택 방법은 포인터의 이동 위치에 따라 전술한 과정을 반복 수행한다.
한편, 전술한 웹문서의 일부 영역 선택 방법은 컴퓨터 프로그램으로 작성 가능하다. 상기 프로그램을 구성하는 코드들 및 코드 세그먼트들은 당해 분야의 컴퓨터 프로그래머에 의하여 용이하게 추론될 수 있다. 또한, 상기 프로그램은 컴퓨터가 읽을 수 있는 정보저장매체(computer readable media)에 저장되고, 컴퓨터에 의하여 읽혀지고 실행됨으로써 네트워크 패킷 저장 방법을 구현한다. 상기 정보저장 매체는 자기 기록매체, 광 기록매체, 및 캐리어 웨이브 매체를 포함한다.
이제까지 본 발명에 대하여 그 바람직한 실시 예들을 중심으로 살펴보았다. 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자는 본 발명이 본 발명의 본질적인 특성에서 벗어나지 않는 범위에서 변형된 형태로 구현될 수 있음을 이해할 수 있을 것이다. 그러므로 개시된 실시예들은 한정적인 관점이 아니라 설명적인 관점에서 고려되어야 한다. 본 발명의 범위는 전술한 설명이 아니라 특허청구범위에 나타나 있으며, 그와 동등한 범위 내에 있는 모든 차이점은 본 발명에 포함된 것으로 해석되어야 할 것이다.
상술한 바와 같이 본 발명은 웹페이지 내 포인터의 위치를 고려하여 일부 영역을 선택하여 화면에 표시할 수 있다. 이에 따라 종래와 같이 사용자가 웹페이지 내 선택하고자 하는 영역을 마우스로 드래그하여 지정할 필요가 없다. 즉, 본 발명은 사용자가 원하는 위치에 포인터를 위치시키는 것만으로 영역 선택을 가능하게 한다.
또한 본 발명은 선택 영역을 기준으로 영역을 확장하거나 축소하는 등 선택 영역의 변경을 가능하게 한다.
또한 선택 영역만을 줌(zoom) 처리, 스크랩, Partial OSR 등 다른 기능과 연계 처리하는 것을 가능하게 한다.

Claims (22)

  1. 웹문서에서의 포인터 위치 및 그 포인터 위치와 관련한 웹문서의 자료 구조를 고려하여 웹문서의 일부 영역을 선택하고, 그 선택 영역을 브라우저 창에 표시하는 것을 특징으로 하는 웹문서의 일부 영역 선택 방법.
  2. 제1항에 있어서,
    상기 포인터가 위치한 노드를 확인하는 단계;
    상기 확인된 포인터 위치 노드가 선택 기준에 해당하는지를 판단하는 단계; 및
    상기 포인터 위치 노드가 상기 선택 기준에 해당되면, 상기 포인터 위치 노드 및 그 하위 노드의 영역을 선택 영역으로 브라우저 창에 표시하는 단계;
    를 포함하는 것을 특징으로 하는 웹문서의 일부 영역 선택 방법.
  3. 제2항에 있어서,
    상기 포인터 위치 노드가 상기 선택 기준에 해당되지 않으면, 상기 선택 기준을 만족하는 노드를 찾을 때까지 상위 노드로 이동하면서 검색하는 단계; 및
    상기 검색된 노드 및 그 하위 노드의 영역을 선택 영역으로 표시하는 단계;
    를 더 포함하는 것을 특징으로 하는 웹문서의 일부 영역 선택 방법.
  4. 제3항에 있어서,
    상기 웹문서가, FrameSet 혹은 IFrame을 사용한 웹문서의 경우에는 Frame 내부에 로딩된 문서를 웹문서 전체 자료 구조의 일부로 인식하여 상기 웹 문서의 일부 영역 선택 방법을 수행하는 것을 특징으로 하는 웹 문서의 일부 영역 선택 방법.
  5. 제3항에 있어서, 상기 선택 영역 표시 단계는:
    상기 선택 기준에 해당되는 노드 및 그 하위 노드의 영역을 선택 후보 영역으로 표시하는 단계; 및
    상기 선택 후보 영역이 선택되면 선택 영역으로 표시하는 단계;
    를 포함하는 것을 특징으로 하는 웹 문서의 일부 영역 선택 방법.
  6. 제3항에 있어서,
    상기 선택 영역이 표시된 이후 영역 편집시, 상기 선택 기준에 해당된 노드에 인접한 노드가 상기 선택 기준에 해당되는지를 판단하는 단계; 및
    상기 인접한 노드가 상기 선택 기준에 해당되면, 상기 선택 영역을 상기 인접한 노드 및 그 하위 노드의 영역으로 변경하여 표시하는 단계;
    를 더 포함하는 것을 특징으로 하는 웹문서의 일부 영역 선택 방법.
  7. 제6항에 있어서,
    상기 인접한 노드는, 상기 선택 기준에 해당된 노드의 부모 노드(parent node), 자식 노드(child node), 형제 노드(sibling node) 중 지정되는 노드인 것을 특징으로 하는 웹문서의 일부 영역 선택 방법.
  8. 제7항에 있어서,
    상기 인접한 노드는, 방향키 입력 데이터에 따라 지정되는 것을 특징으로 하는 웹문서의 일부 영역 선택 방법.
  9. 제6항에 있어서,
    상기 인접한 노드가 상기 선택 기준에 해당되지 않으면, 상기 선택 기준을 만족하는 노드를 찾을 때까지 상기 인접한 노드가 부모 노드이면 그 부모 노드의 부모 노드로, 자식 노드이면 다음 자식 노드로, 형제 노드이면 그 형제 노드의 형제 노드로 이동하면서 검색하고, 검색된 노드 및 그 하위 노드의 영역을 선택 영역으로 변경하여 표시하는 단계;
    를 더 포함하는 것을 특징으로 하는 웹문서의 일부 영역 선택 방법.
  10. 제6항에 있어서,
    상기 웹문서가 FrameSet 혹은 IFrame을 사용한 웹문서의 경우에는 Frame 내부에 로딩된 문서를 웹문서를 구성하는 전체 자료 구조의 일부로 인식하여 상기 웹 문서의 일부 영역 선택 방법을 적용하는 것을 특징으로 하는 웹 문서의 일부 영역 선택 방법.
  11. 제1항 내지 제10항 중 어느 한 항에 있어서,
    상기 선택 기준은, HTML 기준으로 블록 엘리먼트(Block Element)인 것을 특징으로 하는 웹문서의 일부 영역 선택 방법.
  12. 제11항에 있어서,
    상기 블록 엘리먼트는, Body, OL, UL, LI, Table, THead, TBody, TFoot, TR, TD, TH, Caption 중 적어도 하나를 포함하는 것을 특징으로 하는 웹문서의 일부 영역 선택 방법.
  13. 제1항 내지 제10항 중 어느 한 항에 있어서,
    상기 선택 기준은, HTML 기준으로 블록 엘리먼트(Block Element) 혹은 다른 인라인 엘리먼트(Inline Element)를 자식(child)으로 갖는 인라인 엘리먼트인 것을 특징으로 하는 웹문서의 일부 영역 선택 방법.
  14. 제13항에 있어서,
    상기 블록 엘리먼트는, Body, OL, UL, LI, Table, THead, TBody, TFoot, TR, TD, TH, Caption 중 적어도 하나를 포함하는 것을 특징으로 하는 웹문서의 일부 영역 선택 방법.
  15. 제1항 내지 제10항 중 어느 한 항에 있어서,
    상기 선택 기준은, CSS Property 기준으로 엘리먼트의 Display Property의 값이 block, inline-block, list-item, table, inline-table, table-row-group, table-header-group, table-footer-group, table-row, table-cell, table-caption 중 어느 하나인 것을 특징으로 하는 웹문서의 일부 영역 선택 방법.
  16. 제15항에 있어서,
    Visibility Property의 값이 Hidden인 엘리먼트는 상기 선택 기준에서 제외시키는 것을 특징으로 하는 웹문서의 일부 영역 선택 방법.
  17. 제1항 내지 제10항 중 어느 한 항에 있어서,
    상기 선택 영역에 대해 지정된 명령을 실행하는 단계;
    를 더 포함하는 것을 특징으로 하는 웹문서의 일부 영역 선택 방법.
  18. 제17항에 있어서,
    상기 지정된 명령은 줌, 스크랩, OSR(Optimized Screen Rendering) 중 어느 하나인 것을 특징으로 하는 웹문서의 일부 영역 선택 방법.
  19. 제1항 내지 제10항 중 어느 한 항에 기재된 웹문서의 일부 영역 선택 방법을 컴퓨터에서 실행시키기 위한 프로그램을 기록한 컴퓨터로 읽을 수 있는 기록매체.
  20. 제12항에 기재된 웹문서의 일부 영역 선택 방법을 컴퓨터에서 실행시키기 위한 프로그램을 기록한 컴퓨터로 읽을 수 있는 기록매체.
  21. 제14항에 기재된 웹문서의 일부 영역 선택 방법을 컴퓨터에서 실행시키기 위한 프로그램을 기록한 컴퓨터로 읽을 수 있는 기록매체.
  22. 제15항에 기재된 웹문서의 일부 영역 선택 방법을 컴퓨터에서 실행시키기 위한 프로그램을 기록한 컴퓨터로 읽을 수 있는 기록매체.
KR1020070063705A 2007-06-27 2007-06-27 웹문서의 일부 영역 선택 방법 KR100905410B1 (ko)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020070063705A KR100905410B1 (ko) 2007-06-27 2007-06-27 웹문서의 일부 영역 선택 방법

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020070063705A KR100905410B1 (ko) 2007-06-27 2007-06-27 웹문서의 일부 영역 선택 방법

Publications (2)

Publication Number Publication Date
KR20090002316A true KR20090002316A (ko) 2009-01-09
KR100905410B1 KR100905410B1 (ko) 2009-07-02

Family

ID=40485322

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020070063705A KR100905410B1 (ko) 2007-06-27 2007-06-27 웹문서의 일부 영역 선택 방법

Country Status (1)

Country Link
KR (1) KR100905410B1 (ko)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101137182B1 (ko) * 2009-09-18 2012-04-19 엔에이치엔(주) 웹 조각 버튼 커스터마이징 시스템 및 방법
KR101355480B1 (ko) * 2011-10-20 2014-02-05 주식회사 인프라웨어 돔 트리 기반 마우스를 이용한 웹문서 내 영역선택방법
KR20230072703A (ko) 2021-11-18 2023-05-25 정택명 권선장치

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR102119602B1 (ko) * 2018-09-12 2020-06-08 주식회사 투썬디지털아이디어 특수효과 제작 소프트웨어 환경에서 usd 포멧 파일의 하위 노드 자동 생성 방법 및 그 방법이 기록된 컴퓨터로 읽을 수 있는 기록매체

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20030069629A (ko) * 2002-02-22 2003-08-27 주식회사 인포웨어 웹문서 저작시스템 및 저작방법
KR20070043386A (ko) * 2005-10-21 2007-04-25 삼성전자주식회사 프레임 태그를 이용한 웹 브라우저의 인쇄영역 설정 장치및 방법
KR100680000B1 (ko) 2005-11-11 2007-02-08 삼성전자주식회사 이동통신단말기에서 웹페이지 디스플레이 방법

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101137182B1 (ko) * 2009-09-18 2012-04-19 엔에이치엔(주) 웹 조각 버튼 커스터마이징 시스템 및 방법
KR101355480B1 (ko) * 2011-10-20 2014-02-05 주식회사 인프라웨어 돔 트리 기반 마우스를 이용한 웹문서 내 영역선택방법
KR20230072703A (ko) 2021-11-18 2023-05-25 정택명 권선장치

Also Published As

Publication number Publication date
KR100905410B1 (ko) 2009-07-02

Similar Documents

Publication Publication Date Title
US10706091B2 (en) User driven computerized selection, categorization, and layout of live content components
US6792475B1 (en) System and method for facilitating the design of a website
US8051371B2 (en) Document analysis system and document adaptation system
US7055094B2 (en) Virtual tags and the process of virtual tagging utilizing user feedback in transformation rules
JP4814575B2 (ja) 小型スクリーンコンピューティング装置にコンテンツを表示するシステムと方法
US8434014B1 (en) System and method for editing information
US10387535B2 (en) System and method for selectively displaying web page elements
US8584009B2 (en) Automatically propagating changes in document access rights for subordinate document components to superordinate document components
US20070240032A1 (en) Method and system for vertical acquisition of data from HTML tables
US20080098300A1 (en) Method and system for extracting information from web pages
US20080134019A1 (en) Processing Data And Documents That Use A Markup Language
JP2011003182A (ja) キーワード表示方法およびそのシステム
Ahmadi et al. User-centric adaptation of Web information for small screens
US20100023854A1 (en) Method and apparatus for reconstructing a web page
KR100905410B1 (ko) 웹문서의 일부 영역 선택 방법
JP5056133B2 (ja) 情報抽出システム、情報抽出方法および情報抽出用プログラム
JP5109759B2 (ja) 情報処理装置およびその制御プログラム
KR100979402B1 (ko) 웹문서 내 선택 영역 편집 방법
Cisco Design Studio Basics
WO2005098666A1 (en) Processing data and documents that use a markup language
JP2010049598A (ja) ウェブサイト作成支援装置及びウェブサイト作成支援プログラム
JP5939711B2 (ja) 情報処理装置およびその制御プログラム
vanden Broucke et al. Stirring the HTML and CSS Soup
Bellas et al. An automatic approach to displaying web applications as portlets
JP2004362241A (ja) 文書更新内容データ作成装置及び文書更新内容データ作成方法及び文書更新内容データ作成装置の制御プログラム

Legal Events

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

Payment date: 20130327

Year of fee payment: 5

FPAY Annual fee payment

Payment date: 20140620

Year of fee payment: 6

FPAY Annual fee payment

Payment date: 20150710

Year of fee payment: 7

FPAY Annual fee payment

Payment date: 20160613

Year of fee payment: 8

FPAY Annual fee payment

Payment date: 20170612

Year of fee payment: 9

LAPS Lapse due to unpaid annual fee