KR20120035574A - 웹 페이지를 표시하는 디스플레이장치 및 그 표시방법 - Google Patents

Abstract

본 발명은 디스플레이장치 및 그 웹 페이지 표시방법에 관한 것이다. 본 발명에 따른 디스플레이장치는 웹 페이지 정보를 수신하는 입력부와; 상기 웹 페이지의 표시를 위하여 영상처리를 수행하는 영상처리부와; 처리된 상기 웹 페이지를 표시하는 디스플레이부와; 사용자의 명령을 수신하는 명령 수신부와; 상기 웹 페이지를 적어도 하나의 블록으로 분할하여 상기 블록에 적어도 하나의 인덱싱 번호를 부여하고, 상기 사용자의 명령에 따라 상기 인덱싱 번호에 대응하는 상기 블록이 표시되도록 상기 영상처리부를 제어하는 제어부를 포함한다. 이에 의해 용이하게 웹 페이지, 블록, 엘리먼트를 검색할 수 있는 디스플레이장치 및 그 웹 페이지 표시방법이 제공된다.

Description

웹 페이지를 표시하는 디스플레이장치 및 그 표시방법{DISPLAY APPARATUS DISPLAYING WEB PAGE AND DISPLAYING METHOD OF THE SAME}

본 발명은 웹 페이지를 표시하는 디스플레이장치 및 그 표시방법에 관한 것으로서, 보다 상세하게는 웹 페이지를 분할하여 표시하는 디스플레이장치 및 그 표시방법에 관한 것이다.

전형적으로, 사용자는 웹 페이지에 관한 여러 항목 또는 링크 가운데서 선택하는 것, 웹 페이지의 여러 부분을 탐색하는 것 등과 같은 웹 페이지에 관한 다양한 기능을 수행하기 위하여, 포인팅 디바이스(예를 들어, 마우스)를 사용할 수 있다. 그러나, 텔레비전상에 표시된 웹 페이지를 검색하는 사용자는 포인팅 디바이스가 아닌 주로 웹 페이지의 동작을 제어할 수 있는 리모트 컨트롤만을 이용한다.

만일, 리모트 컨트롤이 포인팅 기능(예를 들어, 마우스와 같은)을 결여하거나, 또는 표시된 웹 페이지가 다수의 구성 요소를 포함하는 경우, 사용자는 표시된 웹 페이지의 여러 부분/구성 요소를 빠르게 및/또는 효율적으로 탐색할 수 없을 것이다. 따라서, 이러한 상황에서 부가적인 기능이 요구된다.

본 발명의 일 실시예는 용이하게 웹 페이지, 블록, 엘리먼트를 검색할 수 있는 디스플레이장치 및 그 웹 페이지 표시방법을 제공한다.

또한, 본 발명의 다른 실시예는 웹 페이지 정보를 이용하여 우선순위에 따라 엘리먼트를 인덱싱하는 디스플레이장치 및 그 웹 페이지 표시방법을 제공한다.

또한, 본 발명의 다른 실시예는 인덱싱된 웹 페이지의 축소 화면을 표시하는 디스플레이장치 및 그 표시방법을 제공한다.

그리고, 본 발명의 또 다른 실시예는 인덱싱된 엘리먼트에 대한 정보를 사용자에게 제공하는 디스플레이장치 및 그 표시방법을 제공한다.

본 발명의 일 실시예에 따른 디스플레이장치는 웹 페이지 정보를 수신하는 입력부와; 상기 웹 페이지의 표시를 위하여 영상처리를 수행하는 영상처리부와; 처리된 상기 웹 페이지를 표시하는 디스플레이부와; 사용자의 명령을 수신하는 명령 수신부와; 상기 웹 페이지를 적어도 하나의 블록으로 분할하여 상기 블록에 적어도 하나의 인덱싱 번호를 부여하고, 상기 사용자의 명령에 따라 상기 인덱싱 번호에 대응하는 상기 블록이 표시되도록 상기 영상처리부를 제어하는 제어부를 포함한다.

상기 블록은 적어도 하나의 엘리먼트를 포함하고, 상기 영상처리부는 상기 엘리먼트 중 하나에 상기 인덱싱 번호를 부여할 수 있다.

상기 블록은 복수의 엘리먼트를 포함하고, 상기 웹 페이지 정보는 상기 엘리먼트에 대한 탭인덱스 정보를 포함하고, 상기 영상처리부는 상기 탭인덱스 정보에 기초하여 상기 복수의 엘리먼트 중 하나에 상기 인덱싱 번호를 부여할 수 있다.

또한, 상기 웹 페이지 정보는 상기 엘리먼트에 대한 문자 크기, 문자 굵기 중 적어도 하나를 포함하는 문자 표시 정보를 포함하고, 상기 영상처리부는 상기 문자 표시 정보에 기초하여 상기 복수의 엘리먼트 중 하나에 상기 인덱싱 번호를 부여할 수도 있다.

이 경우, 상기 영상처리부는 상기 인덱싱 번호가 선택되면, 사용자가 엘리먼트를 용이하게 선택할 수 있도록 선택된 인덱싱 번호에 대응하는 블록에 포함되어 있는 복수의 엘리먼트를 인덱싱하는 인덱싱 번호를 표시하는 것이 바람직하다.

블록에 대한 사용자 인지도 높이기 위하여 상기 영상처리부는 각 블록에 대응하는 인덱싱 번호를 포함하는 웹 페이지를 축소 화면으로 상기 디스플레이부의 일 영역에 표시하는 것이 바람직하다.

상기 블록은 복수의 엘리먼트를 포함하고, 상기 영상처리부는 기설정된 개수의 인덱싱 번호를 소정의 우선순위에 따라 상기 엘리먼트에 부여하는 것도 가능하다.

이 경우, 상기 웹 페이지 정보는 상기 엘리먼트에 대한 탭인덱스 정보를 포함하고, 상기 영상처리부는 상기 탭인덱스 정보에 기초하여 상기 우선순위를 설정할 수도 있고, 상기 웹 페이지 정보가 상기 엘리먼트에 대한 문자 크기, 문자 굵기 중 적어도 하나를 포함하는 문자 표시 정보를 포함하면, 상기 영상처리부는 상기 문자 표시 정보에 기초하여 상기 우선순위를 설정할 수도 있다.

상기 영상처리부는 상기 인덱싱 번호에 대응하는 엘리먼트에 대한 정보창을 상기 디스플레이부의 일 영역에 표시할 수 있다.

상기 영상처리부는 하나의 웹 페이지 단위로 상기 인덱싱 번호를 부여하거나, 상기 디스플레이부에 표시되는 상기 웹 페이지의 화면 단위로 상기 인덱싱 번호를 부여할 수 있다.

한편, 본 발명의 다른 실시예에 따른 디스플레이부를 포함하는 디스플레이장치의 웹 페이지 표시방법은 웹 페이지 정보를 수신하는 단계와; 상기 웹 페이지를 적어도 하나의 블록으로 분할하고, 상기 블록에 적어도 하나의 인덱싱 번호를 부여하는 단계와; 상기 인덱싱 번호를 선택하는 사용자의 명령을 수신하는 단계와; 상기 사용자의 명령에 따라 상기 선택된 인덱싱 번호에 대응하는 상기 블록을 표시하는 단계를 포함한다.

이상 설명한 바와 같이, 본 발명의 일 실시예에 따르면 용이하게 웹 페이지, 블록, 엘리먼트를 검색할 수 있는 디스플레이장치 및 그 웹 페이지 표시방법이 제공된다.

또한, 본 발명의 다른 실시예에 따르면 웹 페이지 정보를 이용하여 우선순위에 따라 엘리먼트를 인덱싱하는 디스플레이장치 및 그 웹 페이지 표시방법이 제공된다.

또한, 본 발명의 다른 실시예에 따르면 인덱싱된 웹 페이지의 축소 화면을 표시하는 디스플레이장치 및 그 표시방법이 제공된다.

그리고, 본 발명의 또 다른 실시예에 따르면 인덱싱된 엘리먼트에 대한 정보를 사용자에게 제공하는 디스플레이장치 및 그 표시방법이 제공된다.

도 1은 본 발명의 일 실시예에 따른 디스플레이장치의 제어블럭도이고,
도 2는 복수의 블록을 갖는 웹 페이지를 도시한 도면이고,
도 3은 본 발명의 일 실시예에 따른 디스플레이장치에서 복수의 블록으로 분할되어 표시되는 웹 페이지를 도시한 도면이고,
도 4는 본 발명의 일 실시예에 따른 디스플레이장치에서 인덱싱 번호를 부여한 블록을 도시한 도면이고,
도 5는 도 4에 따른 디스플레이장치에서 블록에 포함되어 있는 엘리먼트에 인덱싱 번호를 부여한 블록을 도시한 도면이고,
도 6은 도 4에 따른 디스플레이장치에서 인덱싱 번호를 포함하는 웹 페이지의 축소 화면을 도시한 도면이고,
도 7은 도 4에 따른 디스플레이장치의 웹 페이지 표시방법을 설명하기 위한 제어흐름도이고,
도 8은 본 발명의 다른 실시예에 따른 디스플레이장치에서 인덱싱 번호를 부여한 블록을 도시한 도면이고,
도 9는 도 8 에 따른 디스플레이장치에서 엘리먼트에 대한 정보창을 도시한 도면이고,
도 10은 도 8 에 따른 디스플레이장치에서 다른 엘리먼트에 대한 정보창을 도시한 도면이고,
도 11은 도 8에 따른 디스플레이장치의 웹 페이지 표시방법을 설명하기 위한 제어흐름도이다.

이하, 첨부한 도면을 참고로 하여 본 발명의 실시예들에 대하여 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자가 용이하게 실시할 수 있도록 상세히 설명한다. 본 발명은 여러 가지 상이한 형태로 구현될 수 있으며 여기에서 설명하는 실시예들에 한정되지 않는다. 본 발명을 명확하게 설명하기 위해서 설명과 관계없는 부분은 생략하였으며, 명세서 전체를 통하여 동일 또는 유사한 구성요소에 대해서는 동일한 참조부호를 붙이도록 한다.

도 1은 본 발명의 일 실시예에 따른 디스플레이장치의 제어블럭도이다.

도시된 바와 같이 디스플레이장치(1)는 영상을 표시하는 디스플레이본체(10)와, 사용자의 조작에 따라 디스플레이본체(10)를 제어하기 위한 사용자 입력부(20)을 포함한다. 본 발명의 일 실시예에 의한 디스플레이장치(1)는 인터넷과 같은 네트워크를 통하여 웹 정보를 수신하여 브라우징 할 수 있는 텔레비전, 모니터 또는 스크린 등과 같은 디스플레이부를 포함하는 컴퓨터 시스템, 웹브라우징 기능을 가진 넷북, 전자북 및 스마트폰과 같은 개인 휴대 단말기등을 포함한다.

디스플레이본체(10)는 입력부(11), 영상처리부(12), 디스플레이부(13), 명령 수신부(14) 및 제어부(15)를 포함한다.

사용자 입력부(20)는 사용자의 조작에 따른 원격 제어 신호를 디스플레이본체(10)에 전송하며, 디스플레이본체(10)는 사용자 입력부(20)로부터 리모컨신호를 수신하여 이에 대응하는 동작을 수행한다. 사용자 입력부(20)는 방향 버튼, 숫자 버튼, 선택 버튼 등을 포함할 수 있다. 또는 사용자 입력부(20)는 휠 타입의 입력부 또는 터치 패드를 더 포함할 수도 있다. 또한, 사용자 입력부(20)는 감지된 사용자의 입력에 대응하는 원격 제어 신호를 송신하는 신호송신부와, 이들 구성을 제어하는 제어부를 더 포함할 수 있다.

입력부(11)는 인터넷 상의 웹 페이지 정보를 수신할 수 있다. 입력부(11)는 웹 페이지 정보를 수신하기 위하여, 네트워크에 연결되어 통신을 수행할 수 있다. 입력부(11)가 수행하는 통신은 유선 통신 및 무선 통신을 포함한다. 또한, 입력부(11)는 영상컨텐츠가 포함된 영상신호를 더 수신할 수 있다. 영상신호에는 영상 컨텐츠뿐만 아니라, 음성 컨텐츠 및/또는 데이터 컨텐츠도 포함될 수 있음은 물론이다. 입력부(11)에 의해 수신되는 영상신호는 방송국으로부터 전송되는 방송신호와, 소정의 영상기기로부터 입력되는 신호를 포함한다. 방송신호의 경우, 입력부(11)는 복수의 채널 중 어느 하나의 채널의 방송신호를 선택적으로 수신할 수 있다. 방송신호는 공중파방송, 케이블방송, 위성방송 등 알려져 있는 모든 형태의 방송신호를 포함한다. 또한, 방송신호의 종류는 디지털방송 및 아날로그방송을 포함한다. 입력부(11)는 수신된 방송신호로부터 영상 컨텐츠 등을 얻어내기 위한 신호처리를 수행할 수 있다. 이러한 신호처리는 튜닝, 아날로그-디지털 변환, 복조, 디지털-아날로그변환 등을 포함한다.

영상기기로부터 입력되는 영상신호의 경우, 입력부(11)는 입력되는 영상신호의 특성에 대응하여 영상신호를 송신하는 영상기기와의 통신을 수행할 수 있다. 이러한 통신은 유선통신 및 무선통신을 포함하며, 아날로그통신 및 디지털통신을 포함한다. 또한, 통신의 방식에 있어서도, 영상컨텐츠 등의 전송을 위하여 이용될 수 있는 것으로 알려진 모든 형태의 통신을 포함한다. 입력부(11)에 영상신호를 제공하는 영상기기의 종류에는 제한이 없으며, DVD플레이어, BD(블루레이디스크) 플레이어, PC, 휴대전화기, 스마트폰, 다른 TV 등을 포함한다. 입력부(11)는 입력되는 영상신호로부터 영상컨텐츠 등을 얻어내기 위한 신호처리를 수행할 수도 있다. 이러한 신호처리는 아날로그-디지털 변환, 디지털-아날로그변환 등을 포함한다.

나아가, 입력부(11)는 네트워크를 통해 소정의 서버로부터 영상신호를 수신하거나, USB저장매체와 같은 이동식저장장치로부터 영상신호를 입력 받을 수도 있다. 각 경우에, 입력부(11)는 영상신호를 수신하기 위하여 상대방장치와 주어진 방식의 통신을 수행할 수 있다. 어느 경우에든지, 입력부(11)는 제어부(15)의 제어에 따라 상기한 영상신호를 수신 및 처리하는 동작을 수행할 수 있다.

영상처리부(12)는 입력부(11)에 의해 수신된 웹 페이지 정보(이하, 간략히, '웹 페이지'라고도 한다) 및 영상신호로부터 얻어진 영상컨텐츠 등에 대하여 디스플레이 가능하도록 소정의 영상처리를 수행한다. 영상처리부(12)는 웹 페이지를 브라우징하는 브라우저를 포함할 수 있다. 영상처리부(12)가 수행하는 영상처리는 디멀티플렉싱, 디코딩, 스케일링, 화질조정처리, 화질개선처리 등을 포함한다. 또한, 영상처리부(12)는 사용자와의 인터페이스를 위한 UI메뉴에 관한 영상을 처리할 수 있다. 영상처리부(12)는 영상컨텐츠 등에 의한 영상과, UI메뉴에 관한 영상 각각의 적어도 일부를 한 화면에 중첩하거나, 나란히 배치하는 처리를 수행할 수도 있다.

디스플레이부(13)는 영상처리부(12)에 의해 처리된 웹 페이지 및 영상을 디스플레이 한다. 디스플레이부(13)가 웹 페이지 및 영상을 디스플레이하는 방식에는 제한이 없으며, 알려진 디스플레이방식을 모두 포함한다. 이러한 디스플레이방식의 예로는, LCD, OLED, PDP, 프로젝션, CRT 등이 있을 수 있다.

명령 수신부(14)는 사용자 입력부(20)로부터 전송되는 원격 제어 신호를 수신한다. 명령 수신부(14)가 원격 제어 신호를 수신하는 방식은, 적외선방식, 블루투스, Wi-Fi 등을 포함한다.

제어부(15)는 웹 페이지를 적어도 하나의 블록으로 분할하고, 블록에 적어도 하나의 인덱싱 번호를 부여하고, 사용자의 명령에 따라 인덱싱 번호에 대응하는 블록이 표시되도록 영상처리부(12)를 제어한다. 인덱싱 번호를 “부여”한다는 것은 웹 페이지 정보를 분석하여 인덱싱 번호를 설정하는 알고리즘 또는 인덱싱 번호를 디스플레이부(13)에 표시하는 것을 의미할 수 있으며, 상기 두 경우를 모두 포함할 수 있다. 블록이 포함하고 있는 적어도 하나의 컨텐츠를 이하에서는 “엘리먼트(element, E)”로 명명한다. 엘리먼트(E)가 선택되면 영상처리부(12)는 웹 페이지 정보에 기초하여 브라우징하고 엘리먼트(E)에 대응되는 컨텐츠가 디스플레이부(13)에 표시된다.

또한, 제어부(15)는 사용자 입력부(20)로부터 수신되는 리모컨신호로부터 얻어지는 사용자의 입력정보에 따라 디스플레이본체(10)의 각 구성을 제어하고, 사용자가 원하는 웹 페이지 및/또는 영상신호를 수신하도록 입력부(11)를 제어함으로써 디스플레이본체(10)의 동작을 전반적으로 제어한다. 제어부(15)는 이와 같은 제어 수행의 필요에 따라 데이터를 저장하고 있는 저장부(미도시)를 포함할 수 있다.

제어부(15)는 도시되지는 않으나, 상기한 제어 수행에 대응하는 컴퓨터프로그램의 실행코드가 저장되는 비휘발성의 메모리, 예컨대, EEPROM, 플래시메모리, 하드디스크드라이브 등을 포함할 수도 있고, 비휘발성의 메모리에 저장된 실행코드의 적어도 일부가 로딩되는 휘발성의 메모리와, 휘발성의 메모리에 로딩된 실행코드를 실행하는 마이크로프로세서를 포함할 수 있다.

디스플레이본체(10)는 도시되지는 않으나 디스플레이장치(1)의 동작에 필요한 다른 구성을 더 포함할 수 있다. 이러한 구성의 예로서는, 음성신호의 수신, 처리 및 출력을 각각 수행하는 음성신호수신부, 음성신호 처리부 및 음성 출력부, 사용자 입력부(20)와는 별로도 디스플레이본체(10)에 마련되어 사용자의 지시를 입력 받기 위한 입력 패드부, 디스플레이본체(10)의 각 구성의 동작에 필요한 전원을 공급하는 전원공급부 등을 들 수 있다.

도 1 에 도시된 디스플레이장치(1)는 입력되는 웹 페이지를 복수의 블록으로 분할하여 표시한다. 도 2는 복수의 블록(101)을 갖는 웹 페이지(100)를 도시한 도면이고, 도 3은 본 발명의 일 실시예에 따른 디스플레이장치에서 분할되어 복수의 블록(101 내지 105)으로 분할되어 표시되는 웹 페이지를 도시한 도면이다. 도 2에 도시된 바와 같이, 웹 페이지(100)의 복수의 블록 각각은 시각적, 기하학적, 의미적, 논리적 등의 기준으로 웹 페이지(100)를 구획할 수 있는 단위영역을 말한다. 도 2 및 3에서, 복수의 블록(101 내지 105)으로 도시된 선, 박스, 원 등은, 실제로는, 복수의 블록(101 내지 105)의 내용인 텍스트, 이미지, 도형 등을, 편의상 단순화하여 도시한 것이다.

디스플레이장치(1)는 도 3에 도시된 바와 같이, 복수의 블록(101 내지 105)으로 웹 페이지(100)가 구획됨을 사용자가 알아볼 수 있도록, 복수의 블록(101 내지 105) 간의 경계(부호 110 참조)를 표시할 수 있다. 또한, 디스플레이장치(1)는, 복수의 블록(101 내지 105) 중 어느 하나를 디스플레이부(13)의 화면에 포커싱하여 표시할 수 있다. 즉, 디스플레이장치(1)는, 복수의 블록(101 내지 105) 중 어느 하나가 디스플레이부(13)의 화면의 실질적인 중심에 위치하도록 할 수 있다. 이 때, 웹 페이지(100)는 사용자가 그 내용을 알 수 있도록 적절한 배율로 확대될 수 있다. 또한, 복수의 블록(101 내지 105) 중 현재 포커스 된 어느 하나는 하이라이트 되어 표시될 수 있다. 디스플레이장치(1)는 사용자의 조작에 따라 복수의 블록(101 내지 105) 간의 포커스를 상하좌우 등으로 이동시킴으로써, 웹 페이지(100)의 브라우징을 가능하게 한다. 이에 따라, 사용자는 편리하고 신속하게 웹 페이지(100)를 브라우징 할 수 있다.

제어부(15)는, 입력되는 웹 페이지(100)를 분석하여 이를 복수의 블록(101 내지 105)으로 분할하도록 영상처리부(12)를 제어할 수 있다. 웹 페이지(100)를 복수의 블록(101 내지 105)으로 분할하는 방법은 다양할 수 있다. 예컨대, 웹 페이지의 계층적 구조를 이용하는 방법, 이미지를 기반으로 나누는 방법 등이 있을 수 있다. 이하, 이에 대하여 설명한다.

'웹 페이지의 계층적 구조를 이용하는 방법'에 있어서는, 우선, 분할을 수행할 웹 페이지(100)의 문서 객체 모델트리(Document Object Model tree; 이하, 'DOM트리'라 한다)를 취득한다(과정1). 다음으로, DOM트리를 돌며 조건에 맞는 블록을 추출한다(과정2). 이 때의 조건이란 다음의 사항들을 만족하는 것일 수 있다:

(1) 추출된 블록이 기존에 추가된 블록과 동일한 크기가 아님 (중복 제거)

(2) 특정 깊이(depth) 내에 존재 (속도 개선을 위한 문턱치, 예컨대 5~10의 범위 내의 값으로서 임의의 값인 6으로 설정 가능)

(3) HTML 태그(tag)의 가로(width)와 세로(height)의 크기가 특정 크기 이상임 (가독성 및 화면의 크기를 고려하여, 예컨대, 가로는 120, 세로는 30으로 설정 가능함)

(4) 특정 태그에 한함 (예컨대, DIV, UL, LI, DL, DD, P, TD, Table, IFRAME, TR, FORM, DT, OL 등)

(5) 깊이가 2이상인 블록은 부모 노드의 영역을 벗어나지 않음

(6) 깊이가 2이상인 블록은 부모 노드와 상하좌우 어느 한쪽이 접해 있음

만일, 위 '과정1' 및 '과정2'를 통해 취득한 블록 중에서 내부에 다른 자식(child) 블록을 포함하고 있지 않은 블록이 특정 크기 이상이면 해당 영역에 한해, 위에서 언급한 '이미지를 기반으로 나누는 방법'을 이용하여 분할을 수행할 수 있다(과정3). 이 때의 수행 과정은 다음과 같을 수 있다:

(1) 이미지의 각 세로에 대해 가로 라인 스캐닝을 통해 이전 y-1 좌표의 색상과, 현재 y 좌표와의 색 비교를 통해, 색 비교 차가 5이상이면 이전과 다른 블록을 나누는 기준선으로 삼음

(2) 이미지의 각 가로에 대해 세로 라인 스캐닝을 통해 이전 x-1 좌표의 색상과, 현재 x 좌표와의 색 비교를 통해 색 비교 차가 5이상이면 이전과 다른 블록을 나누는 기준선으로 삼음

(3) 위의 각 경우에, 스캐닝 시에 연속된 색상이 특정 수 이상 반복적으로 나타날 때 라인으로 판단함

(4) 색 비교값은 R,G,B 각각에 대하여 값의 차이 중에서 가장 큰 값을 선택하여 나타냄

(5) 최종적으로, 가로, 세로의 모든 점들에 대해 라인 스캐닝을 한 결과를 토대로 반복적(recursive)으로 연산을 수행하여 분할을 수행

(6) 분할된 블록은 기존에 추출한 블록들과 중복되지 않은 것을 추출함

또한, 태그의 영역과, 실제 사람이 보는 블록 크기가 동일하지 않거나, 또는 블록들 사이에 약간의 흰 공백(white space)가 있어서, 분할된 영역이 보기 좋지 않은 경우를 위하여, 다음과 같은 과정을 통해 추출된 블록들의 좌표를 조절할 수 있다(과정4):

(1) 바로 옆에 붙어있는 블록이면서, 블록의 각 좌표간의 거리가 특정 문턱치 보다 작은 경우에는 비교된 좌표에 한 해 자식 블록이 앞의 블록의 값과 같은 값을 가짐(문턱치는 x성분끼리 비교할 경우 50으로, y성분끼리 비교할 경우 30으로 설정할 수 있음)

(2) 이러한 좌표 비교는 블록의 좌상(left-top)의 x, y좌표 그리고 우하(right-bottom)의 x, y좌표에 대해 수행하며, 성분의 위치에 상관없이 x는 x끼리, y는 y끼리 비교함

이상과 같은 방법의 분할에 의하면, 어떠한 형태의 웹 페이지라도 블록으로 나누어 브라우징할 수 있으므로, 웹 페이지의 정보에 대한 가독성을 유지하면서도, 편리하고 신속한 브라우징이 가능하다. 또한, 의미 있는 블록으로 나눌 수 있기 때문에, 사용자에게 제공하는 웹 페이지의 정보량을 조절할 수도 있다.

한편, 블록은 웹 페이지(100)에 따라 다양한 크기를 가질 수 있다. 만일, 블록이 너무 큰 경우, 예컨대, 디스플레이부(13)의 화면보다 큰 경우, 사용자가 해당 블록의 내용을 알아보기가 불편할 수 있으며, 설령 이를 해소하기 위하여, 웹 페이지(100)의 배율을 축소한다고 하더라도, 가독성이 떨어져 문제가 될 수 있다. 여기에서의 블록은 더 이상 위에서 언급한 방법으로는 분할할 수 없는 최소단위의 블록을 말한다.

본 발명의 일 실시예에 의한 디스플레이장치(1)의 제어부(15)는 웹 페이지(100)의 블록의 크기가 큰 경우, 사용자가 해당 블록의 내용을 용이하게 알아볼 수 있는 크기의 복수의 상세 블록으로 재분할 수도 있다.

도 4는 본 발명의 일 실시예에 따른 디스플레이장치에서 인덱싱 번호를 부여한 블록을 도시한 도면이다. 도시된 바와 같이, 영상처리부(12)는 복수의 블록 마다 하나의 인덱싱 번호(①-⑧)를 부여한다. 디스플레이장치(1)가 텔레비전으로 구현되어 사용자 입력부가 원격제어장치로 마련되는 경우 사용자가 웹 페이지(100)에서 원하는 블록 또는 엘리먼트를 검색하거나 선택하려면 방향키를 수 차례 입력해야 하거나 많은 터치 이동을 수행해야 한다. 또한, 개인 단말과 같이 디스플레이부(13)가 작아 표시되는 웹 페이지(100)가 작은 경우, 블록(101)을 검색하는 것 역시 용이하지 않다. 이러한 점을 개선하기 위하여 제어부(15)는 소정 순서에 따라 웹 페이지(100)의 블록(101)에 인덱싱 번호(①-⑧)를 부여한다. 인덱싱 번호(①-⑧)는 도시된 바와 같이 열 방향에 따라 부여될 수도 있고, 행 방향으로 부여될 수도 있다. 또는, 사용자 선택이 빈번한 엘리먼트(E)를 포함하는 블록(101) 순으로 인덱싱 번호(①-⑧)가 부여될 수도 있다. 사용자는 하나의 웹 페이지(100)를 보기 위하여 수 차례 반복되는 조작을 수행할 필요 없이 사용자 입력부(20)에 포함되어 있는 숫자 버튼을 이용하여 직관적이고 간단하게 블록(101)을 선택할 수 있다. 블록(101)이 선택되면, 다른 블록과 구별하기 위한 GUI를 디스플레이부(13)에 표시할 수 있다. 이러한 GUI는 블록(101)의 프레임을 표시하는 굵은 선, 하이라이트 된 박스 등을 포함할 수도 있고, 블록(101) 전체의 색상을 달리하거나 음영 또는 투명도를 달리하는 것을 포함할 수 있다. 이러한 GUI는 사용자가 웹 페이지(100) 중 선택한 블록(101)을 빠르고 직관적으로 인식할 수 있도록 한다.

영상처리부(12)는 이러한 인덱싱 번호(①-⑧)를 블록(101)에 포함되어 있는 엘리먼트(E) 중 하나에 부여할 수 있다. 인덱싱 되는 엘리먼트(E)는 무작위 또는 소정 조건에 따라 선택될 수 있다. 영상처리부(12)는 블록(101)의 가장 상단에 표시되는 엘리먼트(E)에 인덱싱 번호(①-⑧)를 부여할 수도 있고, 입력부(11)를 통하여 입력되는 웹 페이지(100)의 정보에 기초하여 인덱싱 번호(①-⑧)를 부여할 수도 있다. 웹 페이지 정보는 엘리먼트(E)에 대한 탭인덱스(tabindex) 정보를 포함할 수 있으며 영상처리부(12)는 불록(101)에 포함되어 있는 복수의 엘리먼트(E) 중 가장 최상의 인덱스를 갖는 엘리먼트(E)에 인덱싱 번호(①-⑧)를 부여할 수 있다. 웹 페이지 정보가 엘리먼트(E)에 대한 문자 크기, 문자 굵기 중 적어도 하나에 대한 문자 표시 정보를 포함하면, 영상처리부(12)는 문자 표시 정보에 기초하여 상기 복수의 엘리먼트 중 하나에 상기 인덱싱 번호를 부여할 수 있다. 예를 들어, 보드체(board)로 표시되고 문자의 크기가 큰 엘리먼트(E)가 존재하면, 보드체(board)로 표시되어 있거나 문자의 크기가 큰 엘리먼트(E) 보다 인덱싱 번호(①-⑧)가 부여될 가능성이 높아질 수 있다.

도 5는 도 4에 따른 디스플레이장치에서 블록에 포함되어 있는 엘리먼트에 인덱싱 번호를 부여한 블록을 도시한 도면이다.

영상처리부(12)는 사용자에 의하여 인덱싱 번호(①-⑧) 중 하나가 선택되면, 선택된 인덱싱 번호에 대응하는 블록에 포함되어 있는 복수의 엘리먼트(E)를 인덱싱하는 인덱싱 번호(①-⑦)를 디스플레이부(13)에 표시한다. 즉, 사용자는 블록(101)을 선택한 후, 블록(101)이 포함하고 있는 복수의 엘리먼트(E) 중 하나를 선택할 수 있다. 엘리먼트(E)가 선택되면, 해당 컨텐츠가 브라우징 된다. 엘리먼트(E)를 인덱싱하는 인덱싱 번호(①-⑦)는 모든 엘리먼트(E)에 부여될 수도 있고, 특정 우선순위에 기초하여 한정된 개수가 부여될 수도 있다. 또는 엘리먼트(E) 중 소정 조건을 만족하는 엘리먼트(E)에만 인덱싱 번호가 부여될 수도 있다. 인덱싱 번호를 부여하는 조건에 대하여는 웹 페이지(100)를 검색하는 사용자 환경에서 설정할 수 있으며, 사용자는 설정을 변경할 수 있을 것이다.

도 6은 도 4에 따른 디스플레이장치에서 인덱싱 번호를 포함하는 웹 페이지의 축소 화면을 도시한 도면이다.

영상처리부(12)는 웹 페이지(100)에 인덱싱 번호를 표시할 때, 하나의 웹 페이지 단위로 인덱싱 번호를 부여할 수도 있고, 디스플레이부(13)에 표시되는 웹 페이지의 화면 단위로 인덱싱 번호를 부여할 수도 있다. 즉, 인덱싱 번호를 부여하기 위한 엘리먼트를 웹 페이지 단위로 추출할 수도 있고, 화면 단위로 추출할 수도 있다.

화면 단위로 인덱싱 번호가 부여될 경우, 사용자가 웹 페이지(100)를 스크롤 하거나 이동시키면, 화면에 표시되는 블록(101)에 새로운 인덱싱 번호가 부여된다. 이런 경우, 사용자는 선택할 수 있는 인덱싱 번호를 쉽게 인지할 수 있지만, 전체 웹 페이지(100)의 크기를 가늠할 수 없다. 웹 페이지 단위로 인덱싱 번호를 부여할 경우에도 하나의 웹 페이지(100) 전체가 디스플레이부(13)에 표시되지 않는 경우, 사용자는 웹 페이지(100)가 포함하는 블록(101)의 개수를 파악할 수 없고, 선택 가능한 블록(101)을 알 수 없다.

본 실시예에 따른 영상처리부(12)가 각 블록에 대응하는 인덱싱 번호를 포함하는 웹 페이지(100)를 축소 화면(Ⅰ)으로 디스플레이부(13)의 일 영역에 표시한다. 도시된 바와 같이 축소 화면(Ⅰ)은 디스플레이부(13)의 오른 쪽 상단에 표시되어 있으며, 포커스된 블록(①)을 다른 블록(②-⑧)과 구별되도록 표시하고 있다. 축소 화면(Ⅰ)에 웹 페이지(100) 전체가 포함되어 있고, 블록(101)이 어떻게 위치하고 있는지 표시되어 있으므로, 사용자는 스크롤 동작을 수행하지 않고 디스플레이부(13) 화면에 보이지 않는 블록(101)을 선택할 수 있다. 사용자는 축소 화면(Ⅰ)을 디스플레이부(13)에서 제거할 수도 있고, 그 크기를 확대 또는 축소할 수 있다.

도 7은 도 4에 따른 디스플레이장치의 웹 페이지 표시방법을 설명하기 위한 제어흐름도이다. 도 7을 참조하여 본 실시예에 따른 웹 페이지 표시방법을 정리하면 다음과 같다.

우선, 제어부(15)는 입력부(11)를 제어하여 웹 페이지 정보를 수신하고(S10), 웹 페이지(100)를 적어도 하나의 블록(101)으로 분할하고, 블록(101)에 적어도 하나의 인덱싱 번호를 부여하도록 영상처리부(12)를 제어한다(S20). 이 때, 인덱싱 번호는 엘리먼트(E) 중 하나에 부여될 수 있다.

그런 후, 명령 수신부(14)를 통하여 인덱싱 번호를 선택하는 사용자의 명령을 수신하면(S30), 제어부(15)는 선택된 인덱싱 번호에 대응하는 블록(101)을 표시하도록 영상처리부(12)를 제어한다(S40).

제어부(15)는 사용자가 엘리먼트(E)를 선택할 수 있도록 블록 (101)에 포함되어 있는 복수의 엘리먼트(E)를 인덱싱하는 인덱싱 번호를 표시한다(S50).

도 8은 본 발명의 다른 실시예에 따른 디스플레이장치에서 인덱싱 번호를 부여한 블록을 도시한 도면이다.

본 실시예에 따른 제어부(15)는 기설정된 개수의 인덱싱 번호를 소정의 우선순위에 따라 엘리먼트(E)에 부여하도록 영상처리부(12)를 제어한다. 블록(101)은 복수의 인덱싱 번호를 포함할 수도 있고, 인덱싱 번호를 포함하지 않을 수도 있다. 또는 하나의 블록(101)은 최소한 하나 이상의 인덱싱 번호를 포함하도록 설정할 수도 있다.

영상처리부(12)는 기설정되어 있는 기준에 따라서, 정해진 개수의 인덱싱 번호를 엘리먼트(E)에 부여할 수 있는데, 인덱싱 번호가 부여될 엘리먼트(E)는 입력부(11)를 통하여 입력되는 웹 페이지의 태그 정보에 기초한다. 웹 페이지 태그 정보는 엘리먼트(E)에 대한 탭인덱스 정보, 엘리먼트(E)에 대한 문자 크기, 문자 굵기 중 적어도 하나를 포함할 수 있다. 사용자들에 의하여 많이 조회되거나 중요한 이슈, 최근 업데이트 된 컨텐츠 등은 다른 컨텐츠와 구별하여 강조하기 위하여 문자의 크기가 크거나 굵기가 굵거나 색상이 다를 수 있다. 영상처리부(12)는 이러한 정보를 이용하여 인덱싱 번호를 부여할 엘리먼트(E)의 순위를 설정하고, 설정된 순위에 따라 엘리먼트(E)에 인덱싱 번호를 부여한다.

만약, 웹 페이지(100)가 포털 사이트라고 가정할 경우, 가장 최우선 순위를 갖는 것은 도시된 바와 같이, 사용자가 문자를 입력할 수 있는 검색창(search), 로그인을 위한 아이디(ID) 및 비밀번호(PW)를 입력하는 입력창 등을 들 수 있다. 검색창 또는 입력창에 우선순위를 부여할 때는 탭인덱스를 참조할 수 있다.

우선순위에 따라 인덱싱 번호가 부여되기 때문에 블록(101)의 위치나 엘리먼트(E)가 현재 디스플레이부(13)에 표시되고 있는지 여부는 인덱싱 번호의 표시와 무관하다.

사용자는 부여될 인덱싱 번호의 개수, 우선순위에 대한 기준 등을 새롭게 설정하거나 변경할 수 있을 것이다. 또는, 웹 페이지 정보를 제공하는 컨텐츠 프로바이더가 우선순위에 대한 정보를 디스플레이장치(1)로 전송할 수도 있다.

도 9 및 도 10은 도 8 에 따른 디스플레이장치에서 엘리먼트에 대한 정보창을 도시한 도면이다. 엘리먼트에 대한 정보창(Ⅱ, Ⅲ)은 인텍싱 번호가 부여된 엘리먼트에 대한 간략한 설명을 포함하고 있으며, 컨텐츠의 제목 또는 장르 등을 포함할 수 있다. 사용자는 사용자 입력부(20)의 숫자 버튼을 누르면서 우선순위가 존재하는 엘리먼트를 용이하게 검색할 수 있다.

도 9의 엘리먼트에 대한 정보창(Ⅱ)은 디스플레이부(13)의 오른 쪽 하단에 표시되어 있으며, 도 10의 엘리먼트에 대한 정보창(Ⅲ)은 디스플레이부(13)의 하부의 가장자리를 따라 표시되어 있다. 엘리먼트에 대한 정보창(Ⅱ, Ⅲ)은 사용자의 웹 페이지(100) 검색을 방해하지 않도록 가능하면 디스플레이부(13)의 일부 영역에 표시되는 것이 바람직하며, 사용자가 크기 및 표시 여부를 제어할 수 있는 것이 바람직하다.

도 11은 도 8에 따른 디스플레이장치의 웹 페이지 표시방법을 설명하기 위한 제어흐름도이다. 도 11을 참조하여 본 실시예에 따른 웹 페이지 표시방법을 정리한다.

도 7과 유사하게, 제어부(15)는 입력부(11)를 제어하여 웹 페이지 정보를 수신한다(S10).

제어부(15)는 웹 페이지(100)를 적어도 하나의 블록(101)으로 분할하고, 기설정된 개수의 인덱싱 번호를 소정의 우선순위에 따라 엘리먼트에 부여한다(S21). 웹 페이지 정보는 엘리먼트에 대한 탭인덱스 정보, 문자 크기, 문자 굵기 중 적어도 하나를 포함할 수 있고, 영상처리부(12)는 탭인덱스 정보, 상기 문자 크기, 상기 문자 굵기 중 적어도 하나에 기초하여 상기 우선순위를 설정한다.

그런 후, 명령 수신부(14)를 통하여 인덱싱 번호를 선택하는 사용자의 명령을 수신하면(S30), 제어부(15)는 선택된 인덱싱 번호에 대응하는 엘리먼트를 브라우징 하도록 영상처리부(12)를 제어한다(S60).

또한, 제어부(15)는 사용자에게 인덱싱된 엘리먼트를 알려주기 위하여 엘리먼트에 대한 정보창 (Ⅱ, Ⅲ)을 디스플레이부(13)의 일 영역에 표시하는 단계를 더 포함할 수 있다(S70).

본 발명은 웹 페이지(100)를 블록 브라우징 하고, 브라우징 된 블록 또는 블록에 포함되어 있는 엘리먼트에 인덱싱 번호를 부여함으로써, 사용자가 용이하게 웹 페이지(100)를 검색할 수 있도록 한다.

비록 본 발명의 몇몇 실시예들이 도시되고 설명되었지만, 본 발명이 속하는 기술분야의 통상의 지식을 가진 당업자라면 본 발명의 원칙이나 정신에서 벗어나지 않으면서 본 실시예를 변형할 수 있음을 알 수 있을 것이다. 발명의 범위는 첨부된 청구항과 그 균등물에 의해 정해질 것이다.

1 : 디스플레이장치 10 : 디스플레이본체
11 : 입력부 12 : 영상처리부
13 : 디스플레이부 14 : 명령 수신부
15 : 제어부 20 : 사용자 입력부

Claims (19)

1. 디스플레이장치에 있어서,
   웹 페이지 정보를 수신하는 입력부와;
   상기 웹 페이지의 표시를 위하여 영상처리를 수행하는 영상처리부와;
   처리된 상기 웹 페이지를 표시하는 디스플레이부와;
   사용자의 명령을 수신하는 명령 수신부와;
   상기 웹 페이지를 적어도 하나의 블록으로 분할하여 상기 블록에 적어도 하나의 인덱싱 번호를 부여하고, 상기 사용자의 명령에 따라 상기 인덱싱 번호에 대응하는 상기 블록이 표시되도록 상기 영상처리부를 제어하는 제어부를 포함하는 것을 특징으로 하는 디스플레이장치.
2. 제1항에 있어서,
   상기 블록은 적어도 하나의 엘리먼트를 포함하고, 상기 영상처리부는 상기 엘리먼트 중 하나에 상기 인덱싱 번호를 부여하는 것을 특징으로 하는 디스플레이장치.
3. 제2항에 있어서,
   상기 블록은 복수의 엘리먼트를 포함하고, 상기 웹 페이지 정보는 상기 엘리먼트에 대한 탭인덱스 정보를 포함하고, 상기 영상처리부는 상기 탭인덱스 정보에 기초하여 상기 복수의 엘리먼트 중 하나에 상기 인덱싱 번호를 부여하는 것을 특징으로 하는 디스플레이장치.
4. 제2항에 있어서,
   상기 블록은 복수의 엘리먼트를 포함하고, 상기 웹 페이지 정보는 상기 엘리먼트에 대한 문자 크기, 문자 굵기 중 적어도 하나를 포함하는 문자 표시 정보를 포함하고, 상기 영상처리부는 상기 문자 표시 정보에 기초하여 상기 복수의 엘리먼트 중 하나에 상기 인덱싱 번호를 부여하는 것을 특징으로 하는 디스플레이장치.
5. 제2항에 있어서,
   상기 블록은 복수의 엘리먼트를 포함하고, 상기 영상처리부는 상기 인덱싱 번호가 선택되면, 선택된 인덱싱 번호에 대응하는 블록에 포함되어 있는 복수의 엘리먼트를 인덱싱하는 인덱싱 번호를 표시하는 것을 특징으로 하는 디스플레이장치.
6. 제2항에 있어서,
   상기 영상처리부는 각 블록에 대응하는 인덱싱 번호를 포함하는 웹 페이지를 축소 화면으로 상기 디스플레이부의 일 영역에 표시하는 것을 특징으로 하는 디스플레이장치.
7. 제1항에 있어서,
   상기 블록은 복수의 엘리먼트를 포함하고, 상기 영상처리부는 기설정된 개수의 인덱싱 번호를 소정의 우선순위에 따라 상기 엘리먼트에 부여하는 것을 특징으로 하는 디스플레이장치.
8. 제7항에 있어서,
   상기 웹 페이지 정보는 상기 엘리먼트에 대한 탭인덱스 정보를 포함하고, 상기 영상처리부는 상기 탭인덱스 정보에 기초하여 상기 우선순위를 설정하는 것을 특징으로 하는 디스플레이장치.
9. 제7항에 있어서,
   상기 웹 페이지 정보는 상기 엘리먼트에 대한 문자 크기, 문자 굵기 중 적어도 하나를 포함하는 문자 표시 정보를 포함하고, 상기 영상처리부는 상기 문자 표시 정보에 기초하여 상기 우선순위를 설정하는 것을 특징으로 하는 디스플레이장치.
10. 제7항에 있어서,
    상기 영상처리부는 상기 인덱싱 번호에 대응하는 엘리먼트에 대한 정보창을 상기 디스플레이부의 일 영역에 표시하는 것을 특징으로 하는 디스플레이장치.
11. 제1항에 있어서,
    상기 영상처리부는 하나의 웹 페이지 단위로 상기 인덱싱 번호를 부여하는 것을 특징으로 하는 디스플레이장치.
12. 제1항에 있어서,
    상기 영상처리부는 상기 디스플레이부에 표시되는 상기 웹 페이지의 화면 단위로 상기 인덱싱 번호를 부여하는 것을 특징으로 하는 디스플레이장치.
13. 디스플레이부를 포함하는 디스플레이장치의 웹 페이지 표시방법에 있어서,
    웹 페이지 정보를 수신하는 단계와;
    상기 웹 페이지를 적어도 하나의 블록으로 분할하고, 상기 블록에 적어도 하나의 인덱싱 번호를 부여하는 단계와;
    상기 인덱싱 번호를 선택하는 사용자의 명령을 수신하는 단계와;
    상기 사용자의 명령에 따라 상기 선택된 인덱싱 번호에 대응하는 상기 블록을 표시하는 단계를 포함하는 것을 특징으로 하는 디스플레이장치의 표시방법.
14. 제13항에 있어서,
    상기 블록은 적어도 하나의 엘리먼트를 포함하고,
    상기 인덱싱 번호를 부여하는 단계는, 상기 엘리먼트 중 하나에 상기 인덱싱 번호를 부여하는 것을 특징으로 하는 디스플레이장치의 표시방법.
15. 제14항에 있어서,
    상기 블록은 복수의 엘리먼트를 포함하고, 상기 웹 페이지 정보는 상기 엘리먼트에 대한 탭인덱스 정보, 문자 크기, 문자 굵기 중 적어도 하나를 포함하고,
    상기 인덱싱 번호를 부여하는 단계는, 상기 탭인덱스 정보, 상기 문자 크기, 상기 문자 굵기 중 적어도 하나에 기초하여 상기 복수의 엘리먼트 중 하나에 상기 인덱싱 번호를 부여하는 것을 특징으로 하는 디스플레이장치의 표시방법.
16. 제14항에 있어서,
    상기 블록은 복수의 엘리먼트를 포함하고,
    상기 선택된 인덱싱 번호에 대응하는 블록에 포함되어 있는 복수의 엘리먼트를 인덱싱하는 인덱싱 번호를 표시하는 단계를 더 포함하는 것을 특징으로 하는 디스플레이장치의 표시방법.
17. 제13항에 있어서,
    상기 블록은 복수의 엘리먼트를 포함하고,
    상기 인덱싱 번호를 부여하는 단계는, 기설정된 개수의 인덱싱 번호를 소정의 우선순위에 따라 상기 엘리먼트에 부여하는 것을 특징으로 하는 디스플레이장치의 표시방법.
18. 제17항에 있어서,
    상기 웹 페이지 정보는 상기 엘리먼트에 대한 탭인덱스 정보, 문자 크기, 문자 굵기 중 적어도 하나를 포함하고,
    상기 인덱싱 번호를 부여하는 단계는, 상기 탭인덱스 정보, 상기 문자 크기, 상기 문자 굵기 중 적어도 하나에 기초하여 상기 우선순위를 설정하는 것을 특징으로 하는 디스플레이장치의 표시방법.
19. 제17항에 있어서,
    상기 인덱싱 번호에 대응하는 엘리먼트에 대한 정보창을 상기 디스플레이부의 일 영역에 표시하는 단계를 더 포함하는 것을 특징으로 하는 디스플레이장치의 표시방법.
    
    

Images