KR100998076B1 - 정보 단말기의 영상 크기 조절 장치 및 방법 - Google Patents

정보 단말기의 영상 크기 조절 장치 및 방법 Download PDF

Info

Publication number
KR100998076B1
KR100998076B1 KR1020080093791A KR20080093791A KR100998076B1 KR 100998076 B1 KR100998076 B1 KR 100998076B1 KR 1020080093791 A KR1020080093791 A KR 1020080093791A KR 20080093791 A KR20080093791 A KR 20080093791A KR 100998076 B1 KR100998076 B1 KR 100998076B1
Authority
KR
South Korea
Prior art keywords
target area
image frame
area
image
touch
Prior art date
Application number
KR1020080093791A
Other languages
English (en)
Other versions
KR20100034578A (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 KR1020080093791A priority Critical patent/KR100998076B1/ko
Publication of KR20100034578A publication Critical patent/KR20100034578A/ko
Application granted granted Critical
Publication of KR100998076B1 publication Critical patent/KR100998076B1/ko

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F1/00—Details not covered by groups G06F3/00 - G06F13/00 and G06F21/00
    • G06F1/16—Constructional details or arrangements
    • G06F1/1613—Constructional details or arrangements for portable computers
    • G06F1/1626—Constructional details or arrangements for portable computers with a single-body enclosure integrating a flat display, e.g. Personal Digital Assistants [PDAs]
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F1/00—Details not covered by groups G06F3/00 - G06F13/00 and G06F21/00
    • G06F1/16—Constructional details or arrangements
    • G06F1/1613—Constructional details or arrangements for portable computers
    • G06F1/1633—Constructional details or arrangements of portable computers not specific to the type of enclosures covered by groups G06F1/1615 - G06F1/1626
    • G06F1/1637—Details related to the display arrangement, including those related to the mounting of the display in the housing
    • G06F1/1643—Details related to the display arrangement, including those related to the mounting of the display in the housing the display being associated to a digitizer, e.g. laptops that can be used as penpads
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/03—Arrangements for converting the position or the displacement of a member into a coded form
    • G06F3/041—Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units

Abstract

정보 단말기의 영상 크기 조절 장치 및 방법이 개시된다. 대상영역 결정부는 터치스크린에 표시된 영상 프레임의 HTML 문서를 구성하는 태그 중에서 사용자가 터치한 태핑지점이 포함된 HTML 태그에 대응되는 영역을 대상영역으로 결정하여 상기 대상영역의 경계를 상기 영상 프레임 상에 표시한다. 크기 조절부는 상기 태핑지점에 대한 터치 시점으로부터 사전에 설정된 기준시간 내에 사용자가 상기 대상영역 내의 임의의 한 지점을 터치하면 상기 대상영역의 가로 길이에 대한 상기 영상 프레임의 가로 길이의 비 또는 상기 대상영역의 세로 길이에 대한 상기 영상 프레임의 세로 길이의 비에 의하여 결정되는 확대 비율에 따라 상기 대상영역의 크기를 확대시킨다. 본 발명에 따르면, 영상이 표시된 화면을 단순히 터치함으로써 영상의 확대 및 축소를 간단하게 할 수 있고, 확대될 영역의 경계를 표시하여 확대하고자 하는 영역을 정확하게 지정할 수 있다. 또한 확대하고자 하는 지점을 지정하면 웹 콘텐츠를 구성하는 HTML 태그 및 CSS에 의해 확대될 영역이 자동으로 지정되어 효율적으로 영상을 확대하거나 축소할 수 있다.
터치스크린, HTML 태그, 영상 크기 조절

Description

정보 단말기의 영상 크기 조절 장치 및 방법{Apparatus and method for controlling size of image displayed on display device}
본 발명은 정보 단말기의 영상 크기 조절 장치 및 방법에 관한 것으로, 보다 상세하게는, 터치스크린을 구비한 정보 단말기에 표시되는 영상 프레임의 일부를 확대 또는 축소시키는 장치 및 방법에 관한 것이다.
일반적으로 핸드폰, PDA(personal digital assistant), 카내비게이션 시스템, 핸드 PC 등과 같은 정보 처리 단말기에서는 소형 LCD 디스플레이 패널 및 터치스크린으로 이루어진 사용자 인터페이스를 이용하고, 넓은 면적을 차지하는 키보드 등의 입력수단 대신 스타일러스 펜 또는 손으로 직접 터치하는 방식을 사용함으로써 제품의 크기를 소형화하고 있다.
그러나 이와 같은 정보 처리 단말기에서는 작은 화면에 많은 정보를 표시하기 위하여 화면상에 표시되는 문자나 그림 또는 선택 버튼과 같은 컨트롤 수단의 크기가 작아지고, 이로 인해 가독성이 떨어지며 정밀한 제어가 어려워진다. 특히, 보행중 또는 차량에서 사용되는 정보 처리 단말기의 사용 환경을 고려하면 정보 처리 단말기의 가독성 향상 및 정밀한 제어의 필요성이 더욱 높아지게 된다.
이러한 문제점을 해결하기 위하여 화면 전체를 확대하여 표시하는 방법이 사용되었으나, 화면 표시부의 크기에 한계가 있어 화면 전체의 정보를 표시할 수 없으므로 표시되지 않은 부분의 정보를 보기 위해서는 스크롤바 등을 조작하여야 하며, 필요에 따라 화면의 크기를 자유롭게 조절할 수 없다는 단점이 있다.
또 다른 방법으로는 터치스크린의 한 지점을 손이나 스타일러스 펜으로 터치하면 터치한 지점을 중심으로 하는 일정 크기의 영역이 확대되어 표시되며, 화면을 터치한 상태를 유지하면서 손 또는 스타일러스 펜을 움직이면 이에 따라 확대되는 영역의 위치가 함께 움직이도록 하는 방식이 있다. 이 방법에 의하면 필요에 따라 화면에서 원하는 부분을 확대하여 볼 수 있으나, 확대되는 영역의 크기가 제한되어 있어 원하는 정보를 한 화면에 표시할 수 없는 경우가 있으며, 확대된 화면을 보기 위해 화면을 터치한 상태를 계속 유지하고 있어야 한다는 단점이 있다.
본 발명이 이루고자 하는 기술적 과제는, 작은 화면 크기를 갖는 모바일 기기에서 화면의 터치에 의하여 영상의 확대 축소를 간단하게 할 수 있고, 웹 콘텐츠를 구성하는 HTML 및 CSS에 기초하여 확대할 영역을 자동으로 지정함으로써 효율적으로 영상을 확대 또는 축소할 수 있는 정보 단말기의 영상 크기 조절 장치 및 방법을 제공하는 데 있다.
본 발명이 이루고자 하는 다른 기술적 과제는, 작은 화면 크기를 갖는 모바일 기기에서 화면의 터치에 의하여 영상의 확대 축소를 간단하게 할 수 있고, 웹 콘텐츠를 구성하는 HTML 및 CSS에 기초하여 확대할 영역을 자동으로 지정함으로써 효율적으로 영상을 확대 또는 축소할 수 있는 정보 단말기의 영상 크기 조절 방법을 컴퓨터에서 실행시키기 위한 프로그램을 기록한 컴퓨터로 읽을 수 있는 기록매체를 제공하는 데 있다.
상기의 기술적 과제를 달성하기 위한, 본 발명에 따른 정보 단말기의 영상 크기 조절 장치는, 터치스크린에 표시된 영상 프레임의 HTML 문서를 구성하는 태그 중에서 사용자가 터치한 태핑지점이 포함된 HTML 태그에 대응되는 영역을 대상영역으로 결정하여 상기 대상영역의 경계를 상기 영상 프레임 상에 표시하는 대상영역 결정부; 및 상기 태핑지점에 대한 터치 시점으로부터 사전에 설정된 기준시간 내에 사용자가 상기 대상영역 내의 임의의 한 지점을 터치하면 상기 대상영역의 가로 길 이에 대한 상기 영상 프레임의 가로 길이의 비 또는 상기 대상영역의 세로 길이에 대한 상기 영상 프레임의 세로 길이의 비에 의하여 결정되는 확대 비율에 따라 상기 대상영역의 크기를 확대시키는 크기 조절부;를 구비한다.
상기의 다른 기술적 과제를 달성하기 위한, 본 발명에 따른 정보 단말기의 영상 크기 조절 방법은, 터치스크린에 표시된 영상 프레임의 HTML 문서를 구성하는 태그 중에서 사용자가 터치한 태핑지점이 포함된 HTML 태그에 대응되는 영역을 대상영역으로 결정하여 상기 대상영역의 경계를 상기 영상 프레임 상에 표시하는 대상영역 결정단계; 및 상기 태핑지점에 대한 터치 시점으로부터 사전에 설정된 기준시간 내에 사용자가 상기 대상영역 내의 임의의 한 지점을 터치하면 상기 대상영역의 가로 길이에 대한 상기 영상 프레임의 가로 길이의 비 또는 상기 대상영역의 세로 길이에 대한 상기 영상 프레임의 세로 길이의 비에 의하여 결정되는 확대 비율에 따라 상기 대상영역의 크기를 확대시키는 크기 조절단계;를 갖는다.
본 발명에 따른 정보 단말기의 영상 크기 조절 장치 및 방법에 의하면, 영상이 표시된 화면을 단순히 터치함으로써 영상의 확대 및 축소를 간단하게 할 수 있고, 확대될 영역의 경계를 표시하여 확대하고자 하는 영역을 정확하게 지정할 수 있다. 또한 확대하고자 하는 지점을 지정하면 웹 콘텐츠를 구성하는 HTML 태그 및 CSS에 의해 확대될 영역이 자동으로 지정되어 효율적으로 영상을 확대하거나 축소할 수 있다.
이하에서 첨부된 도면들을 참조하여 본 발명에 따른 정보 단말기의 영상 크기 조절 장치 및 방법의 바람직한 실시예에 대해 상세하게 설명한다.
도 1은 본 발명에 따른 정보 단말기의 영상 크기 조절 장치에 대한 바람직한 실시예의 구성을 도시한 블록도이다.
도 1을 참조하면, 본 발명에 따른 개인 정보 단말기의 영상 크기 조절 장치는 화면 블록 생성부(110), 사용자 입력 감지부(120), 대상영역 결정부(130) 및 크기 조절부(140)를 구비한다.
화면 블록 생성부(110)는 영상 프레임의 HTML 문서를 구성하는 태그 중에서 영역 정보를 포함하는 영역 지정 태그에 의해 이루어지는 DOM Tree를 생성하고, 생성된 DOM Tree에 CSS를 적용하여 화면 블록 단위의 Box Tree를 생성한다.
HTML(hyper text makeup language)이란 인터넷 서비스의 하나인 월드 와이드 웹을 통해 볼 수 있는 문서를 만들 때 사용하는 프로그래밍 언어의 한 종류이며, 특히 하이퍼텍스트를 작성하기 위해 개발되었다. 인터넷에서 웹을 통해 접근하는 대부분의 웹 페이지들은 HTML로 작성되고, HTML로 작성된 문서를 웹 브라우저가 해석하여 이용자에게 보여주게 된다. 문자의 색과 크기 조정, 그래픽 표현, 문서 이동 등의 다양한 기능을 구현하기 위해 HTML에서 사용하는 명령어를 태그(tag)라고 한다. 태그는 시작과 끝을 표시하는 2개의 쌍으로 이루어지며, 태그 쌍 중간에 명령의 적용을 받는 내용들이 위치하게 된다. 화면 블록 생성부(110)는 이러한 HTML 태그를 이용하여 구조화된 DOM Tree를 생성할 수 있다.
문서 객체 모델(document object model, DOM)은 W3C에 의해 개발되고 있는 프로그래밍 인터페이스 규격으로서 HTML 페이지나 XML 문서들을 프로그램 객체로 만들거나 수정할 수 있도록 해준다. HTML은 데이터 구조의 형태로 문서를 표현하는 방법이지만, DOM에 의해 동적으로 문서의 내용, 구조 및 스타일에 접근하고 변경하는 것이 가능하게 되었다. 구조화된 HTML 문서는 DOM을 사용하여 트리 구조로 만들어질 수 있으며, DOM을 사용함으로써 웹페이지의 요소들을 일관된 형태로 브라우저에 구현할 수 있다.
생성된 DOM Tree를 웹브라우저의 화면에 표시하기 위해서는 HTML과 같은 마크업 언어가 실제 표시되는 방법을 기술하는 언어인 CSS(cascading syle sheet)를 사용한다. 즉, 웹 콘텐츠의 내용을 저장하고 있는 DOM Tree에 CSS를 적용함으로써, 블록 단위로 나누어지는 웹브라우저 화면의 표시 정보인 BOX Tree를 생성하게 되는 것이다. 이는 화면 블록 생성부(110)에 의해 수행되며, BOX Tree의 각 노드는 각각의 화면 블록을 나타낸다. 화면 블록 생성부(110)에 의해 생성된 DOM Tree 및 이를 웹브라우저 화면에 표시한 일 예가 도 2에 도시되어 있다.
사용자 입력 감지부(120)는 사용자가 터치스크린을 터치하면 터치한 지점에 대한 좌표 정보를 산출하여 출력한다. 산출된 좌표 정보는 대상영역 결정부(130)와 크기 조절부(140)에 입력되어 대상영역을 결정하고 영상을 확대하는 데 사용된다. 이 경우 사용자 입력 감지부(120)는 사용자가 터치한 태핑지점에 대한 좌표 정보를 컨텐츠 기준 좌표로 변환하여 출력하여야 한다.
대상영역 결정부(130)는 사용자가 터치한 태핑지점에 대한 좌표 정보를 사용자 입력 감지부(120)로부터 입력받아 터치스크린에 표시된 영상 프레임의 HTML 문 서를 구성하는 태그 중에서 태핑지점이 포함된 HTML 태그에 대응되는 영역을 대상영역으로 결정하여 대상영역의 경계를 영상 프레임 상에 표시한다.
HTML 태그들은 HTML 문서를 화면에 표시할 때의 역할에 따라 <p>, <pre>, <div> 등과 같이 문단을 지정하는 태그, <font>, <b> 등과 같이 화면에 표시되는 텍스트의 모양을 정의하는 태그, <ul>, <ol> 등과 같이 목록 작성에 사용하는 태그 등으로 나누어진다. 이때 대상영역의 결정에 사용되는 HTML 태그에는 <div>, <ul>, <table>, <img> 등과 같이 화면에 표시되는 내용의 단락을 나누거나 이미지 또는 표를 지정하는 등 화면에서 영역을 구분하는 데 사용될 수 있는 HTML 태그, 즉 영역 지정 태그가 해당된다. 따라서 태핑지점을 지정하는 HTML 태그가 영역 지정 태그가 아닌 경우에는 현재 태그에 대한 상위 태그 중에서 영역 지정 태그가 대상영역의 결정에 사용된다.
또한 대상영역 결정부(130)는 화면 블록 생성부(110)에 의해 생성된 BOX Tree의 각 노드를 구성하는 화면 블록 중에서 태핑지점의 좌표를 포함하는 화면 블록을 대상영역으로 결정한다. 이러한 경우, 태핑지점에 대응되는 HTML 태그가 아닌 웹브라우저의 화면 표시 단위인 화면 블록이 선택되기 때문에 상위 블록의 선택 문제가 발생하지 않는다.
위에서 설명한 HTML 태그 또는 BOX Tree에 의해 대상영역을 결정하는 과정은 어느 하나가 우선이 되는 것이 아닌 선택적인 것으로, 두 가지 방법이 모두 가능한 경우에는 사용자에 의해 대상영역의 결정 방법이 선택될 수 있다.
BOX Tree에 의해 대상영역을 결정하는 방법은 영상의 확대가 필요하지 않은 경우에도 화면 블록 생성부(110)에 의해 DOM Tree 및 BOX Tree를 생성하여야 하므로 불필요하게 메모리를 소비하게 되는 단점이 있으나, 사용자가 대상영역을 확대하고자 하는 경우에는 이미 생성된 BOX Tree의 각 노드 중에서 대상영역을 선택하게 되어 신속한 영상 확대가 가능하다.
또한 HTML 태그에 의해 대상영역을 결정하는 방법은 대상영역의 결정을 위해 영상 프레임을 터치할 때마다 HTML 문서로부터 영역 지정 태그를 검색하여야 하므로 BOX Tree에 의한 대상영역 결정 방법에 비하여 영상 확대 과정의 속도가 느려질 수 있으나, DOM Tree 및 BOX Tree를 생성할 필요가 없으므로 영상 확대를 하지 않는 경우에 불필요한 메모리의 소비가 없다는 장점을 가진다.
다만 대상영역을 결정하는 과정에서 태핑지점을 지정하는 HTML 태그가 <a>, 즉 이미지, 문서, 사운드 등의 다른 객체로 연결시키는 링크 관련 태그인 경우에는 대상영역 결정부(130)에 의한 대상영역의 결정과 태그의 역할 수행에 의한 다른 객체로의 이동 사이에 충돌이 일어날 수 있다. 따라서 터치스크린에 표시된 영상 프레임의 확대를 목적으로 하는 경우에는 정보 단말기를 영상 확대 기능을 수행하기 위한 모드로 변환할 수 있는 수단으로서 정보 단말기에 하드웨어적으로 구현할 수 있는 별도의 스위치 또는 프로그램 상에서 영상 확대를 제어할 수 있는 소프트웨어적 수단을 구비하는 것이 바람직하다.
도 3a 및 도 3b는 각각 HTML 문서 및 BOX Tree에 의해 웹브라우저 화면에 표시된 영상 프레임(310) 상의 태핑지점(320) 및 그에 대응하여 설정되는 대상영역(330)을 도시한 도면이다.
도 3a를 참조하면, 웹브라우저 화면이 HTML 문서에 CSS를 적용하여 표시된 경우, 사용자가 영상 프레임(310) 내의 임의의 한 지점인 태핑지점(320)을 터치하면 대상영역 결정부(130)에 의해 태핑지점(320)을 지정하는 HTML영역에 대응되는 영역이 대상영역(330)으로 결정된다.
도 3a에 나타난 HTML 문서는 영상 프레임(310)의 HTML 문서를 구성하는 구문 중에서 태핑지점(320)을 지정하는 일부를 나타낸 것이다. <h4> 태그는 제목 문자열을 지정하는 태그이므로 대상영역(330)의 결정에 사용될 수 없으며, <a> 태그 역시 이미지, 문서 등의 다른 객체로 연결하기 위한 태그이므로 대상영역(330)의 결정에는 사용될 수 없다. 다음으로 상위 태그를 검토하면 단락을 편집하는 <div> 태그가 사용되고 있음을 확인할 수 있으며, <div> 태그는 단락을 구분하는 태그로서 영역 지정 태그에 해당하므로 대상영역(330)의 결정에 사용할 수 있다. 따라서 화면에 표시된 영상 프레임 상에서 도 3a에 나타난 <div> 태그가 지정하는 영역이 대상영역(330)으로 결정된다.
또한 도 3b를 참조하면, 화면 블록 생성부(110)에 의해 DOM Tree 및 BOX Tree가 생성되어 웹브라우저 화면이 복수의 화면 블록으로 나누어져 있으며, 대상영역 결정부(130)에 의해 BOX Tree의 각 노드에 대응하는 화면 블록들 중에서 태핑지점(320)의 좌표를 포함하는 화면 블록이 대상영역(330)으로 결정된다.
다음으로 대상영역 결정부(130)는 대상영역(330)의 경계를 영상 프레임(310) 상에 표시하여 사용자가 대상영역(330)의 크기를 조절할 것인지 여부를 선택할 수 있도록 한다. 사용자가 태핑지점(320)에 대한 터치 시점 이후 사전에 설정된 기준 시간(예를 들면, 3초) 동안 영상 프레임(310)의 어느 지점도 터치하지 않으면 영상 프레임(310) 상에 표시되었던 대상영역(330)의 경계가 제거된다. 또는 태핑지점(320)에 대한 터치 시점 이후에 사용자가 영상 프레임(310)에서 대상영역(330)을 제외한 영역 내의 임의의 지점을 터치하면 대상영역(330)의 경계가 제거되도록 할 수 있다. 이때 사용자가 터치한 임의의 지점을 지정하는 HTML 태그에 대응되는 영역 또는 사용자가 터치한 임의의 지점을 포함하는 화면 블록이 대상영역(330)과 상이한 또 다른 영역인 경우에는 대상영역 결정부(130)는 그 영역을 새로운 대상영역으로 결정할 수 있다.
크기 조절부(140)는 태핑지점(320)에 대한 터치 시점으로부터 사전에 설정된 기준시간 내에 사용자가 대상영역(330) 내의 임의의 한 지점을 터치하면 대상영역(330)의 가로 길이에 대한 영상 프레임(310)의 가로 길이의 비 또는 대상영역(330)의 세로 길이에 대한 영상 프레임(310)의 세로 길이의 비에 의하여 결정되는 확대 비율에 따라 대상영역(330)의 크기를 확대시킨다.
도 4a 및 도 4b는 각각 대상영역(330)의 가로 길이에 대한 영상 프레임(310)의 가로 길이의 비에 의하여 결정되는 확대 비율 및 대상영역(330)의 세로 길이에 대한 영상 프레임(310)의 세로 길이의 비에 의하여 결정되는 확대 비율에 따라 대상영역(330)이 확대되는 예를 도시한 도면이다.
도 4a 및 도 4b를 참조하면, 대상영역 결정부(130)에 의해 태핑지점(320)을 지정하는 HTML 태그 중에서 영역 지정 태그에 대응되는 영역 또는 태핑지점(320)의 좌표를 포함하는 화면 블록이 대상영역(330)으로 결정되어 대상영역(330)의 경계가 영상 프레임(310) 상에 표시된다. 다음으로 기준시간 내에 사용자가 대상영역(330) 내의 임의의 한 지점을 터치하면 대상영역(330)의 크기와 영상 프레임(310)의 크기의 비에 의해 결정되는 확대 비율에 따라 크기 조절부(140)에 의해 대상영역(330)의 크기가 확대된다.
도 4a의 경우, 확대 비율이 대상영역(330)과 영상 프레임(310)의 가로 길이의 비에 의해 결정되므로 대상영역(330)의 가로 길이가 영상 프레임(310)의 가로 길이와 동일하게 되도록 대상영역(330)의 크기가 확대된다. 이때 영상 프레임(310)은 가로 길이에 비해 세로 길이가 길고 대상영역(330)은 그 반대이므로 영상 프레임(310)에서 확대된 대상영역(330)이 위치하는 영역을 제외한 영역은 빈공간으로 남게 되거나 대상영역(330)의 확대 전에 터치스크린에 표시되었던 영상 프레임(310)이 확대된 대상영역(330)과 겹쳐져서 화면에 표시될 수도 있다. 또한 확대된 대상영역(330)의 위치는 도 4a에 도시된 바와 같이 화면의 중앙에 오도록 할 수도 있으며 사용자의 선택에 의해 확대된 대상영역(330)이 표시될 위치를 지정할 수도 있다.
도 4b의 경우, 확대 비율이 대상영역(330)과 영상 프레임(310)의 세로 길이의 비에 의해 결정되므로 대상영역(330)의 세로 길이가 영상 프레임(310)의 세로 길이와 동일하게 되도록 대상영역(330)의 크기가 확대된다. 도 4a의 경우와 달리 대상영역(330)과 영상 프레임(310)의 세로 길이가 같아지게 되면 대상영역(330)을 하나의 화면에서 모두 표시할 수가 없게 된다. 따라서 영상 프레임의 특정 위치에 스크롤바(340)가 생성되어 확대된 대상영역(330)을 스크롤에 의해 보도록 할 수 있 다.
이와 같이 대상영역(330)이 확대된 상태에서 HTML 태그 중 <a> 태그로 지정되는 지점을 터치하는 경우에는 터치된 지점에 링크되어 있는 다른 이미지나 문서 등의 객체로 연결될 수 있도록 영상 확대 모드를 해제하는 것도 가능하다. 이때 사용자는 확대된 대상영역(330)을 다시 터치하여 확대 전의 영상 프레임(310)을 출력시킬 것인지 아니면 대상영역(330)이 확대되어 있는 상태에서 터치된 지점에 링크되어 있는 다른 객체로 연결시킬 것인지를 선택할 수 있다.
크기 조절부(140)는 결정된 대상영역(330)의 크기가 영상 프레임(310)의 크기보다 작은 경우에는 대상영역(330)의 크기를 확대시키나, 대상영역(330)의 가로 길이와 영상 프레임(310)의 가로 길이가 동일한 경우 또는 대상영역(330)의 세로 길이와 영상 프레임(310)의 세로 길이가 동일한 경우에는 대상영역(330)이 이미 확대되어 있는 상태여서 확대되기 이전의 크기로 대상영역(330)의 크기를 축소시켜야 하므로 대상영역(330)의 확대 이전에 터치스크린에 표시되어 있던 영상 프레임(310)을 출력한다.
도 5는 영상 프레임(310)의 가로 길이와 대상영역(330)의 가로 길이가 동일한 경우에 사용자의 터치에 의해 대상영역(330)의 크기가 축소되는 일 예를 도시한 도면이다. 도 5를 참조하면, 사용자가 터치한 태핑지점(320)에 대응되는 대상영역(330)의 가로 길이가 영상 프레임(310)의 가로 길이와 동일하게 확대된 상태이므로 크기 조절부(140)는 대상영역(330)이 확대되기 이전에 터치스크린에 표시되었던 영상 프레임(310)을 출력하여 터치스크린에 표시한다. 이때 이전에 설정되었던 대 상영역(330)의 경계는 제거되고, 사용자는 영상 프레임(310) 상의 다른 지점을 터치하여 새로운 대상영역을 설정할 수 있다.
도 6은 본 발명에 따른 정보 단말기의 영상 크기 조절 방법에 대한 바람직한 실시예의 수행과정을 도시한 흐름도이다.
도 6을 참조하면, 사용자 입력 감지부(120)는 터치스크린에 표시된 영상 프레임 상에서 사용자가 터치한 태핑지점에 해당하는 좌표 정보를 출력한다(S610). 출력된 좌표 정보는 대상영역 결정부(130) 및 크기 조절부(140)에 의해 대상영역의 결정과 영상 확대에 사용된다. 다음으로 대상영역 결정부(130)는 웹브라우저 화면이 HTML 문서에 CSS를 적용하여 표시된 것인지 또는 화면 블록 생성부(110)가 구비되어 HTML 문서가 DOM에 의해 구조화되고 화면 블록 단위의 BOX Tree가 생성되어 표시된 것인지 판단한다(S615).
웹브라우저 화면이 HTML 문서에 의해 표시된 경우에는 대상영역 결정부(130)는 태핑지점을 지정하는 HTML 태그 중에서 영역 지정 태그에 대응되는 영역을 대상영역으로 결정한다(S620). 그러나 화면 블록 생성부(110)에 의해 BOX Tree가 생성된 경우에는 BOX Tree의 각 노드를 구성하는 화면 블록 중에서 태핑지점의 좌표를 포함하는 화면 블록을 대상영역으로 결정한다(S625). 대상영역 결정부(130)는 결정된 대상영역의 경계를 영상 프레임 상에 표시하여 사용자가 대상영역을 확대할 것인지 결정하도록 한다(S630).
다음으로 대상영역 결정부(130)는 대상영역의 경계를 표시한 후 사전에 설정된 기준시간이 경과하였는지 판단하여(S635), 기준시간이 경과하면 대상영역의 경 계를 제거한다(S640). 기준시간이 경과하기 전에 사용자가 영상 프레임 상에서 대상영역에 해당하지 않는 영역 내의 임의의 지점을 터치한 경우에도(S645) 대상영역의 경계가 제거된다. 기준시간이 경과하기 전에 사용자가 대상영역 내의 임의의 지점을 터치하면, 크기 조절부(140)는 대상영역의 가로 길이에 대한 영상 프레임의 가로 길이의 비 또는 대상영역의 세로 길이에 대한 영상 프레임의 세로 길이의 비에 의하여 결정되는 확대 비율에 따라 대상영역의 크기를 확대시키고(S655), 대상영역의 가로 길이와 영상 프레임의 가로 길이가 동일하거나 대상영역의 세로 길이와 영상 프레임의 세로 길이가 동일한 경우에는 대상영역(330)이 확대되기 이전에 터치스크린에 표시되었던 영상 프레임을 출력한다(S660).
본 발명은 또한 컴퓨터로 읽을 수 있는 기록매체에 컴퓨터가 읽을 수 있는 코드로서 구현하는 것이 가능하다. 컴퓨터가 읽을 수 있는 기록매체는 컴퓨터 시스템에 의하여 읽혀질 수 있는 데이터가 저장되는 모든 종류의 기록장치를 포함한다. 컴퓨터가 읽을 수 있는 기록매체의 예로는 ROM, RAM, CD-ROM, 자기 테이프, 플로피디스크, 광데이터 저장장치 등이 있으며, 또한 캐리어 웨이브(예를 들어 인터넷을 통한 전송)의 형태로 구현되는 것도 포함한다. 또한 컴퓨터가 읽을 수 있는 기록매체는 네트워크로 연결된 컴퓨터 시스템에 분산되어 분산방식으로 컴퓨터가 읽을 수 있는 코드가 저장되고 실행될 수 있다.
이상에서 본 발명의 바람직한 실시 예에 대해 도시하고 설명하였으나, 본 발명은 상술한 특정의 바람직한 실시 예에 한정되지 아니하며, 청구범위에서 청구하는 본 발명의 요지를 벗어남이 없이 당해 발명이 속하는 기술 분야에서 통상의 지 식을 가진 자라면 누구든지 다양한 변형 실시가 가능한 것은 물론이고, 그와 같은 변경은 청구범위 기재의 범위 내에 있게 된다.
도 1은 본 발명에 따른 정보 단말기의 영상 크기 조절 장치에 대한 바람직한 실시예의 구성을 도시한 블록도,
도 2는 화면 블록 생성부(110)에 의해 생성된 DOM Tree 및 이를 웹브라우저 화면에 구현한 일 예를 도시한 도면,
도 3a 및 도 3b는 각각 HTML 문서 및 BOX Tree에 의해 웹브라우저 화면에 표시된 영상 프레임(310) 상의 태핑지점(320) 및 그에 대응하여 설정되는 대상영역(330)을 도시한 도면,
도 4a 및 도 4b는 각각 대상영역(330)의 가로 길이에 대한 영상 프레임(310)의 가로 길이의 비에 의하여 결정되는 확대 비율 및 대상영역(330)의 세로 길이에 대한 영상 프레임(310)의 세로 길이의 비에 의하여 결정되는 확대 비율에 따라 대상영역(330)이 확대되는 예를 도시한 도면,
도 5는 영상 프레임(310)의 가로 길이와 대상영역(330)의 가로 길이가 동일한 경우에 사용자의 터치에 의해 대상영역(330)의 크기가 축소되는 일 예를 도시한 도면, 그리고,
도 6은 본 발명에 따른 정보 단말기의 영상 크기 조절 방법에 대한 바람직한 실시예의 수행과정을 도시한 흐름도이다.

Claims (17)

  1. 터치스크린에 표시된 영상 프레임의 HTML 문서를 구성하는 태그 중에서 사용자가 제 1 터치한 태핑지점이 포함된 HTML 태그에 대응되는 영역을 대상영역으로 결정하여 상기 대상영역의 경계를 상기 영상 프레임 상에 표시하는 대상영역 결정부; 및
    상기 태핑지점에 대한 터치 시점으로부터 사전에 설정된 기준시간 내에 사용자가 상기 대상영역 내의 임의의 한 지점을 제 2 터치하면 상기 대상영역의 가로 길이에 대한 상기 영상 프레임의 가로 길이의 비 또는 상기 대상영역의 세로 길이에 대한 상기 영상 프레임의 세로 길이의 비에 의하여 결정되는 확대 비율에 따라 상기 대상영역의 크기를 확대시키는 크기 조절부를 포함하고,
    상기 대상영역은 상기 제 2 터치와 무관하게 상기 제 1 터치에 의해서만 결정되는 것을 특징으로 하는 정보 단말기의 영상 크기 조절 장치.
  2. 제 1항에 있어서,
    상기 대상영역 결정부는 상기 영상 프레임의 HTML 문서를 구성하는 태그 중에서 영역 정보를 포함하는 영역 지정 태그를 검색하고, 상기 태핑지점이 포함된 영역 지정 태그가 지정하는 영역을 상기 대상영역으로 결정하는 것을 특징으로 하는 정보 단말기의 영상 크기 조절 장치.
  3. 제 1항에 있어서,
    상기 영상 프레임의 HTML 문서를 구성하는 태그 중에서 영역 정보를 포함하 는 영역 지정 태그에 의해 이루어지는 DOM Tree를 생성하고, 상기 DOM Tree에 CSS를 적용하여 화면 블록 단위의 Box Tree를 생성하는 화면 블록 생성부를 더 포함하며,
    상기 대상영역 결정부는 상기 BOX Tree의 각 노드를 구성하는 화면 블록 중에서 상기 태핑지점의 좌표를 포함하는 화면 블록을 상기 대상영역으로 결정하는 것을 특징으로 하는 정보 단말기의 영상 크기 조절 장치.
  4. 제 1항 내지 제 3항 중 어느 한 항에 있어서,
    상기 태핑지점에 대한 터치 시점으로부터 사용자에 의한 추가적인 터치가 감지되지 않은 상태로 상기 기준시간이 경과하면 상기 영상 프레임 상에 표시된 상기 대상영역의 경계를 제거하는 것을 특징으로 하는 정보 단말기의 영상 크기 조절 장치.
  5. 제 1항 내지 제 3항 중 어느 한 항에 있어서,
    상기 태핑지점에 대한 터치 시점 이후에 사용자가 상기 영상 프레임에서 상기 대상영역을 제외한 영역을 터치하면 상기 대상영역의 경계를 제거하는 것을 특징으로 하는 정보 단말기의 영상 크기 조절 장치.
  6. 제 1항 내지 제 3항 중 어느 한 항에 있어서,
    상기 크기 조절부는 상기 대상영역의 가로 길이에 대한 상기 영상 프레임의 가로 길이의 비 또는 상기 대상영역의 세로 길이에 대한 상기 영상 프레임의 세로 길이의 비에 의하여 결정되는 확대 비율 중에서 작은 값에 의해 상기 대상영역의 크기를 확대시키는 것을 특징으로 하는 정보 단말기의 영상 크기 조절 장치.
  7. 제 1항 내지 제 3항 중 어느 한 항에 있어서,
    상기 크기 조절부는 상기 대상영역의 가로 길이가 상기 영상 프레임의 가로 길이와 동일하거나 상기 대상영역의 세로 길이가 상기 영상 프레임의 세로 길이와 동일하면 상기 대상영역이 확대되기 이전에 터치스크린에 표시되었던 영상 프레임을 출력하는 것을 특징으로 하는 정보 단말기의 영상 크기 조절 장치.
  8. 터치스크린에 표시된 영상 프레임의 HTML 문서를 구성하는 태그 중에서 사용자가 제 1 터치한 태핑지점이 포함된 HTML 태그에 대응되는 영역을 대상영역으로 결정하여 상기 대상영역의 경계를 상기 영상 프레임 상에 표시하는 대상영역 결정단계; 및
    상기 태핑지점에 대한 터치 시점으로부터 사전에 설정된 기준시간 내에 사용자가 상기 대상영역 내의 임의의 한 지점을 제 2 터치하면 상기 대상영역의 가로 길이에 대한 상기 영상 프레임의 가로 길이의 비 또는 상기 대상영역의 세로 길이에 대한 상기 영상 프레임의 세로 길이의 비에 의하여 결정되는 확대 비율에 따라 상기 대상영역의 크기를 확대시키는 크기 조절단계를 포함하고,
    상기 대상영역은 상기 제 2 터치와 무관하게 상기 제 1 터치에 의해서만 결정되는 것을 특징으로 하는 정보 단말기의 영상 크기 조절 방법.
  9. 제 8항에 있어서,
    상기 대상영역 결정단계에서 상기 영상 프레임의 HTML 문서를 구성하는 태그 중에서 영역 정보를 포함하는 영역 지정 태그를 검색하고, 상기 태핑지점이 포함된 영역 지정 태그가 지정하는 영역을 상기 대상영역으로 결정하는 것을 특징으로 하는 정보 단말기의 영상 크기 조절 방법.
  10. 제 8항에 있어서,
    상기 영상 프레임의 HTML 문서를 구성하는 태그 중에서 영역 정보를 포함하는 영역 지정 태그에 의해 이루어지는 DOM Tree를 생성하고, 상기 DOM Tree에 CSS를 적용하여 화면 블록 단위의 Box Tree를 생성하는 화면 블록 생성단계를 더 포함하며,
    상기 대상영역 결정단계에서 상기 BOX Tree의 각 노드를 구성하는 화면 블록 중에서 상기 태핑지점의 좌표를 포함하는 화면블록을 상기 대상영역으로 결정하는 것을 특징으로 하는 정보 단말기의 영상 크기 조절 방법.
  11. 제 8항 내지 제 10항 중 어느 한 항에 있어서,
    상기 태핑지점에 대한 터치 시점으로부터 사용자에 의한 추가적인 터치가 감지되지 않은 상태로 상기 기준시간이 경과하면 상기 영상 프레임 상에 표시된 상기 대상영역의 경계를 제거하는 것을 특징으로 하는 정보 단말기의 영상 크기 조절 방 법.
  12. 제 8항 내지 제 10항 중 어느 한 항에 있어서,
    상기 태핑지점에 대한 터치 시점 이후에 사용자가 상기 영상 프레임에서 상기 대상영역을 제외한 영역을 터치하면 상기 대상영역의 경계를 제거하는 것을 특징으로 하는 정보 단말기의 영상 크기 조절 방법.
  13. 제 8항 내지 제 10항 중 어느 한 항에 있어서,
    상기 크기 조절단계에서 상기 대상영역의 가로 길이에 대한 상기 영상 프레임의 가로 길이의 비 또는 상기 대상영역의 세로 길이에 대한 상기 영상 프레임의 세로 길이의 비에 의하여 결정되는 확대 비율 중에서 작은 값에 의해 상기 대상영역의 크기를 확대시키는 것을 특징으로 하는 정보 단말기의 영상 크기 조절 방법.
  14. 제 8항 내지 제 10항 중 어느 한 항에 있어서,
    상기 크기 조절단계에서 상기 대상영역의 가로 길이가 상기 영상 프레임의 가로 길이와 동일하거나 상기 대상영역의 세로 길이가 상기 영상 프레임의 세로 길이와 동일하면 상기 대상영역이 확대되기 이전에 터치스크린에 표시되었던 영상 프레임을 출력하는 것을 특징으로 하는 정보 단말기의 영상 크기 조절 방법.
  15. 제 8항에 기재된 정보 단말기의 영상 크기 조절 방법을 컴퓨터에서 실행시키 기 위한 프로그램을 기록한 컴퓨터로 읽을 수 있는 기록매체.
  16. 제 1 항에 있어서,
    상기 HTML 문서는 상호 배타적인 복수개의 영역을 포함하고,
    상기 대상영역은 상기 제 1 터치에 의하여 선택된 상기 HTML 문서의 상기 복수개의 영역 중 하나의 영역인 것을 특징으로 하는 정보 단말기의 영상 크기 조절 장치.
  17. 제 8 항에 있어서,
    상기 HTML 문서는 상호 배타적인 복수개의 영역을 포함하고,
    상기 대상영역은 상기 제 1 터치에 의하여 선택된 상기 HTML 문서의 상기 복수개의 영역 중 하나의 영역인 것을 특징으로 하는 정보 단말기의 영상 크기 조절 방법.
KR1020080093791A 2008-09-24 2008-09-24 정보 단말기의 영상 크기 조절 장치 및 방법 KR100998076B1 (ko)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020080093791A KR100998076B1 (ko) 2008-09-24 2008-09-24 정보 단말기의 영상 크기 조절 장치 및 방법

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020080093791A KR100998076B1 (ko) 2008-09-24 2008-09-24 정보 단말기의 영상 크기 조절 장치 및 방법

Publications (2)

Publication Number Publication Date
KR20100034578A KR20100034578A (ko) 2010-04-01
KR100998076B1 true KR100998076B1 (ko) 2010-12-03

Family

ID=42212703

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020080093791A KR100998076B1 (ko) 2008-09-24 2008-09-24 정보 단말기의 영상 크기 조절 장치 및 방법

Country Status (1)

Country Link
KR (1) KR100998076B1 (ko)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR102069191B1 (ko) 2013-04-02 2020-01-23 삼성디스플레이 주식회사 절전형 디스플레이 장치

Also Published As

Publication number Publication date
KR20100034578A (ko) 2010-04-01

Similar Documents

Publication Publication Date Title
US8595643B2 (en) Scrolling a subsequently displayed block with a delay from a previously displayed block
JP3773770B2 (ja) ハイパーテキスト表示装置
JP4290011B2 (ja) ビューワ装置及びその制御方法、プログラム
JP4814575B2 (ja) 小型スクリーンコンピューティング装置にコンテンツを表示するシステムと方法
KR101494285B1 (ko) 전자 문서의 선택 영역 표시 시 텍스트의 동적 래핑 방법 및 장치
JP5235671B2 (ja) 端末装置、コンテンツ表示方法、およびコンテンツ表示プログラム
KR101472844B1 (ko) 적응적 문서 디스플레이 장치 및 방법
US20080235563A1 (en) Document displaying apparatus, document displaying method, and computer program product
US20050229119A1 (en) Method for the presentation and selection of document links in small screen electronic devices
US20150012818A1 (en) System and method for semantics-concise interactive visual website design
JP2014524075A (ja) 固定レイアウトの電子出版
WO2015078159A1 (zh) 网页显示方法及装置
US20120032983A1 (en) Information processing apparatus, information processing method, and program
JP2007011513A (ja) 文書表示装置、文書表示方法並びにプログラムおよび記録媒体
Ahmadi et al. User-centric adaptation of Web information for small screens
JP2002251241A (ja) 情報表示方法、これを利用した情報処理装置、媒体、およびプログラム
JP3879369B2 (ja) ページを再編集するプロキシサーバ、方法及びプログラムを記録した記録媒体
KR20120029013A (ko) 호스트장치 및 호스트장치의 웹컨텐츠 표시방법
KR100998076B1 (ko) 정보 단말기의 영상 크기 조절 장치 및 방법
JP5552771B2 (ja) コンテンツ閲覧装置、コンテンツ閲覧システム、制御方法およびプログラム
KR20120134054A (ko) 사용자 주석 처리 장치 및 그를 위한 전자책 서비스 시스템 및 방법
JP4943573B2 (ja) 情報処理方法及び装置、媒体
JP5538159B2 (ja) ページ数決定装置、ページ数決定方法、ページ数決定プログラム、及びコンピュータ読み取り可能な記録媒体
JP4090785B2 (ja) 表示制御方法、表示制御プログラム、および記録媒体
JP4750128B2 (ja) ナンバリング付与機能付きブラウザ

Legal Events

Date Code Title Description
A201 Request for examination
N231 Notification of change of applicant
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: 20131112

Year of fee payment: 4

FPAY Annual fee payment

Payment date: 20141107

Year of fee payment: 5

FPAY Annual fee payment

Payment date: 20151019

Year of fee payment: 6

FPAY Annual fee payment

Payment date: 20161107

Year of fee payment: 7

FPAY Annual fee payment

Payment date: 20171109

Year of fee payment: 8

FPAY Annual fee payment

Payment date: 20181106

Year of fee payment: 9

FPAY Annual fee payment

Payment date: 20191022

Year of fee payment: 10