KR20100048433A - 웹 컨텐츠를 효율적으로 디스플레이하기 위한 장치 및 방법 - Google Patents

웹 컨텐츠를 효율적으로 디스플레이하기 위한 장치 및 방법 Download PDF

Info

Publication number
KR20100048433A
KR20100048433A KR1020080107581A KR20080107581A KR20100048433A KR 20100048433 A KR20100048433 A KR 20100048433A KR 1020080107581 A KR1020080107581 A KR 1020080107581A KR 20080107581 A KR20080107581 A KR 20080107581A KR 20100048433 A KR20100048433 A KR 20100048433A
Authority
KR
South Korea
Prior art keywords
area
web content
screen
determined
enlarged
Prior art date
Application number
KR1020080107581A
Other languages
English (en)
Other versions
KR101517618B1 (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 KR1020080107581A priority Critical patent/KR101517618B1/ko
Priority to US12/608,531 priority patent/US8286078B2/en
Publication of KR20100048433A publication Critical patent/KR20100048433A/ko
Application granted granted Critical
Publication of KR101517618B1 publication Critical patent/KR101517618B1/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/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
    • 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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • 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
    • 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
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04M—TELEPHONIC COMMUNICATION
    • H04M1/00—Substation equipment, e.g. for use by subscribers
    • H04M1/72—Mobile telephones; Cordless telephones, i.e. devices for establishing wireless links to base stations without route selection
    • H04M1/724—User interfaces specially adapted for cordless or mobile telephones
    • H04M1/72403—User interfaces specially adapted for cordless or mobile telephones with means for local support of applications that increase the functionality
    • H04M1/72445—User interfaces specially adapted for cordless or mobile telephones with means for local support of applications that increase the functionality for supporting Internet browser applications
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04806—Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04M—TELEPHONIC COMMUNICATION
    • H04M2250/00—Details of telephonic subscriber devices
    • H04M2250/22—Details of telephonic subscriber devices including a touch pad, a touch sensor or a touch detector

Abstract

본 발명은 이동 통신 단말기에서의 웹 컨텐츠를 효율적으로 디스플레이하기 위한 방법을 제안한다. 이를 위해 본 발명은 터치 스크린이 구비된 이동 통신 단말기 상에 디스플레이되는 웹 컨텐츠에 대해 사용자로부터의 터치 입력이 발생하면, 그 터치 입력이 발생한 위치를 중심으로 확대할 영역을 결정하고, 결정된 영역을 전체 화면 상에 오버랩하여 확대 디스플레이하는 과정으로 이루어진다. 이렇게 함으로써 결정된 영역을 확대할 때의 렌더링 성능이 향상될 뿐만 아니라 사용자에게는 역동적인 뷰를 제공할 수 있는 이점이 있다.
Figure P1020080107581
브라우저, 확대, 디스플레이

Description

웹 컨텐츠를 효율적으로 디스플레이하기 위한 장치 및 방법{APPARATUS AND METHOD FOR DISPLAYING WEB CONTENTS EFFECTIVELY}
본 발명은 웹 컨텐츠의 디스플레이 장치 및 방법에 관한 것으로, 특히 제한된 화면 크기를 가지는 이동 통신 단말기에서 웹 컨텐츠를 효율적으로 디스플레이하기 위한 장치 및 방법에 관한 것이다.
PDA나 휴대폰과 같은 이동 통신 단말기상에서 웹 컨텐츠를 디스플레이하는데 있어, 그 단말기의 휴대 특성상 사용자가 원활한 사용을 하기에는 화면 사이즈가 예컨대, 320 x 240, 480 x 320 등으로 작다. 이러한 불편함을 해소하기 위해 특정 영역에 대해 확대 또는 축소 디스플레이하는 줌인/줌아웃(zoom-in/out) 기능이 추가되어 있다.
그러나 상기와 같은 줌인/줌아웃 기능을 구비할지라도 터치 스크린 형태의 이동 통신 단말기의 경우에는 손가락으로 원하는 부분을 예컨대, 하이퍼링크된(Hyper Link) 요소(element)를 정확히 선택하기가 쉽지 않을 뿐만 아니라 그 손가락에 의해 화면 상에서 그 손가락 주위 부분이 가려지게 되는 경우도 발생하게 된다.
또한 특정 영역을 확대하는 줌인 방법을 사용할지라도 전체 영역 중 특정 영역이 확대되면, 이동 통신 단말기 입장에서는 전체 화면에서 확대된 현재 위치를 판단하는데 어려움이 발생하게 된다. 이에 따라 이동 통신 단말기에서는 웹 컨텐츠의 확대된 영역만을 전체 화면으로 디스플레이하기 때문에 사용자 입장에서는 웹 컨텐츠의 일부분만을 볼 수 있을 뿐이며 이전화면으로 돌아가서 다른 컨텐츠를 선택하고자 할 때 불편함이 따른다. 즉, 사용자는 줌인 횟수만큼 줌아웃을 해야지만 이전 화면을 볼 수 있게 된다. 따라서 웹 네비게이션 중 컨텐츠 자체의 선택을 위해서 필요한 동작보다 줌인/줌아웃에 소요되는 동작과 시간이 더 많아, 사용상의 불편함이 있다.
상기한 바와 같이 종래의 줌인/줌아웃 방법은 웹 컨텐츠의 특정 부분을 선택하는데 있어, 많은 링크를 포함한 웹 컨텐츠일수록 사용자는 디스플레이되는 웹 컨텐츠를 이용하는데 불편함을 느끼게 된다. 게다가 웹 컨텐츠의 특정 부분만을 별도로 추출하여 처리하기가 쉽지 않아 이동 통신 단말기에서 보다 효율적으로 웹 컨텐츠를 디스플레이하는 방법이 요구되는 실정이다.
따라서 본 발명은 웹 브라우징 시 사용자가 손쉽게 웹 컨텐츠의 특정 영역을 선택하여 볼 수 있도록 하는 이동 통신 단말기에서의 웹 컨텐츠를 효율적으로 디스플레이하기 위한 장치 및 방법을 제공한다.
또한 본 발명은 터치 스크린이 구비된 이동 통신 단말기에서 사용자가 전체 화면을 보면서 동시에 확대된 영역도 함께 볼 수 있도록 웹 컨텐츠를 효율적으로 디스플레이하기 위한 장치 및 방법을 제공한다.
상기한 바를 달성하기 위한 본 발명은, 터치 스크린을 구비한 이동 통신 단말기에서 웹 컨텐츠를 효율적으로 디스플레이하기 위한 방법에 있어서, 웹 컨텐츠 화면에서 사용자로부터 터치 입력이 있는지를 판단하는 과정과, 상기 터치 입력이 발생한 위치를 중심으로 확대할 영역을 결정하는 과정과, 결정된 영역에 대한 확대 방식을 판단하는 과정과, 판단된 방식을 근거로 상기 결정된 영역을 상기 웹 컨텐츠 화면 상에 중첩하여 미리 정해진 비율로 확대 디스플레이하는 과정을 포함함을 특징으로 한다.
또한 본 발명은, 터치 스크린을 구비하며, 웹 컨텐츠를 효율적으로 디스플레이하기 위한 이동 통신 단말기에 있어서, 사용자로부터 웹 컨텐츠 화면에 대한 터치 입력이 발생하면, 상기 터치 입력이 발생한 위치를 중심으로 확대할 영역을 결정하고, 결정된 영역에 대한 확대 방식을 판단하고, 판단된 방식을 근거로 상기 결정된 영역을 상기 웹 컨텐츠 화면 상에 중첩하여 미리 정해진 비율로 확대 디스플레이되도록 제어하는 모바일 브라우저 엔진과, 상기 결정된 영역을 확대 디스플레이하는 디스플레이부를 포함함을 특징으로 한다.
본 발명에 따르면, 웹 컨텐츠의 선택 가능한 영역을 미리 정의해놓음으로써 작은 영역에서의 선택으로 인한 오동작을 줄일 수 있어 선택의 정확성이 증가되는 이점이 있다. 또한 본 발명은 전체 화면으로 확대하는 것과 비교해볼 때, 특정 부분만을 확대하는 것이므로 10~20%의 시스템 리소스만 사용함으로써 확대 영역을 렌더링할 때의 성능이 향상되는 이점이 있다. 게다가 본 발명은 전체 화면을 배경으로 하며 그 전체 화면 상에 확대된 영역을 오버랩하여 디스플레이함으로써 사용자 입장에서는 전체 화면영역 중 현재 보고 있는 부분의 위치를 파악하면서 웹 네비게이션이 가능한 이점이 있다.
또한 본 발명에 따르면, 데스크탑에서의 인터넷 사용과 비교하여 볼 때, 특정영역이 확대되면서 배경화면이 공간감 있게 변화하기 때문에 사용들에게 좀더 3차원적이고 역동적인 뷰(view)를 제공할 수 있게 된다. 이렇게 함으로써 사용자로 하여금 새로운 감성과 재미를 주며, 2차원적인 화면에서 화면이 앞으로 다가가고 뒤로 물러서는 효과로 평면적인 웹서핑이 아닌 3차원 공간에서 이동하는 효과를 줄 수 있다.
이하, 첨부된 도면을 참조하여 본 발명에 따른 바람직한 일실시예를 상세히 설명한다. 도면에서 동일한 구성요소들에 대해서는 비록 다른 도면에 표시되더라도 가능한 한 동일한 참조번호 및 부호로 나타내고 있음에 유의해야 한다. 또한, 본 발명을 설명함에 있어서, 관련된 공지기능 혹은 구성에 대한 구체적인 설명이 본 발명의 요지를 불필요하게 흐릴 수 있다고 판단되는 경우 그 상세한 설명은 생략한다.
본 발명은 이동 통신 단말기에서의 웹 컨텐츠를 효율적으로 디스플레이하기 위한 방법을 제안한다. 이를 위해 본 발명은 터치 스크린이 구비된 이동 통신 단말기 상에 디스플레이되는 웹 컨텐츠에 대해 사용자로부터의 터치 입력이 발생하면, 그 터치 입력이 발생한 위치를 중심으로 확대할 영역을 결정하고, 결정된 영역을 전체 화면 상에 오버랩하여 확대 디스플레이하는 과정으로 이루어진다. 이렇게 함으로써 결정된 영역을 확대할 때의 렌더링 성능이 향상될 뿐만 아니라 사용자에게는 역동적인 뷰를 제공할 수 있는 이점이 있다.
상기한 바와 같은 기능이 구현된 터치 스크린이 구비된 이동 통신 단말기의 구성요소 및 그 동작을 도 1을 참조하여 살펴보기로 한다. 도 1은 본 발명의 실시예에 따른 이동 통신 단말기의 내부 블록 구성도이다.
도 1을 참조하면, 이동 통신 단말기는 크게 사용자 인터페이스(100), 모바일 브라우저(110) 및 디스플레이부(150)를 포함하여 구성된다. 도 1에서는 본 발명을 설명하는 데 있어 필요한 최소한의 구성부를 도시하고 있으며, 이외의 일반적인 구성요소에 대해서는 본 발명을 설명하는 데 불필요하므로 다른 구성요소에 대한 구체적인 언급은 생략하기로 한다. 본 발명은 PDA, 휴대폰 등 다양한 이동 통신 단말기에 모두 적용될 수 있으며, 특히 본 발명의 실시예에서는 터치 스크린이 구비된 이동 통신 단말기를 예로 들어 설명한다.
먼저, 사용자 인터페이스(100)는 사용자의 입력 수단으로, 각종 버튼과 스킨의 배치와 서비스 영역에 대한 인터페이스로서의 역할을 수행한다. 구체적으로, 사용자 인터페이스(100)가 터치 스크린 형태로 구성될 경우 키입력부와 같이 사용자로부터의 웹 컨텐츠에서의 이동 및 특정 영역의 선택 등에 대한 제어 신호를 모바일 브라우저(110)로 전달하는 역할을 수행하게 된다.
모바일 브라우저(110)는 엔진의 구조를 가지며, 그 내부에는 렌더러(renderer)(120), 선택영역 판단부(130), 리드로잉(redrawing) 엔진(140)이 존재한다.
그 중에서도 렌더러(120)는 HTML 형식 등으로 표현된 데이터를 렌더링하는 역할을 수행한다. 예를 들어, 렌더러(120)는 디스플레이할 웹 컨텐츠를 화면 크기에 맞게 적절히 가공하는 역할을 한다.
선택영역 판단부(130)는 사용자가 디스플레이되는 웹 컨텐츠의 특정 영역에 대한 확대(zoom in)를 요청한 경우 사용자의 터치 입력이 발생한 위치를 중심으로 확대할 영역을 판단하는 역할을 수행한다. 구체적으로, 본 발명에 따른 이동 통신 단말기에서의 전체 화면에는 이미지와 텍스트 형식의 태그(tag) 단위로 구성되는 웹 컨텐츠가 디스플레이된다. 이러한 웹 컨텐츠 화면은 적어도 하나의 영역으로 구분되며, 각각의 영역별로 텍스트 및/또는 이미지가 배치된다. 이러한 배치는 태그 단위로 구분되는 HTML 형식을 따른다. 따라서 이러한 웹 컨텐츠 화면 상에 터치 입력이 발생하는 경우, 선택영역 판단부(130)는 각각의 영역 중에서 터치 입력이 발생한 위치가 포함된 영역을 선택하거나 그 위치에서 가장 근접한 영역을 선택한다. 이에 따라 선택영역 판단부(130)는 HTML 문서 상에서 가장 근접한 태그 단위에 해당하는 시작과 끝 영역을 결정하게 된다. 이러한 시작과 끝 영역을 가지는 태그 단위가 선택영역으로서 정해지게 되는 것이다.
리드로잉 엔진(140)은 선택 영역에 대한 리드로잉을 수행한다. 다시 말하면, 리드로잉 엔진(140)은 전체 화면이 디스플레이되는 상태에서 그 위에 선택영역이 입체적으로 확대 디스플레이되도록 화면을 구성하는 역할을 한다. 이때, 리드로잉 엔진(140)은 선택영역을 확대 디스플레이하는 데 있어, 확대 방식을 우선적으로 판단한다. 리드로잉 엔진(140)은 확대 방식을 판단하기 위해 선택 영역 내에 활성 컨텍스트의 존재 유무를 판단한다. 리드로잉 엔진(140)은 그 선택영역 내에 활성 컨텍스트(active context)의 존재 유무에 따라 선택영역에 대한 HTML 문서를 재작성하거나 그 선택영역을 스냅-샷 이미지로서 만들지를 우선적으로 결정하게 된다.
여기서, 활성 컨텍스트에 대해 구체적으로 설명하면 다음과 같다. 활성 컨텍스트란 예를 들어, 링크된 웹 페이지로의 이동, 버튼 클릭 등 사용자의 참여가 가 능한 항목을 나타낸다. 이러한 사용자의 참여를 유도하는 활성 컨텍스트 태그 리스트를 예시하면 하기 표 1과 같다. 표 1에서의 태그 리스트는 단지 예시일 뿐, 본 발명의 내용이 여기에 한정되는 것은 아니다.
Figure 112008075752390-PAT00001
상기 표 1은 활성 컨텍스트의 존재 여부를 판단하는 데 필요한 기준이 되는 태그 리스트를 예시하고 있다. 구체적으로, 리드로잉 엔진(140)은 선택영역에 대한 HTML 문서에 활성 컨텍스트 즉, 상기 표 1의 태그 리스트에 해당하는 태그가 포함되어 있는지를 판단한다. 만일 활성 컨텍스트가 포함되어 있는 경우 리드로잉 엔진(140)은 선택영역에 대한 HTML 문서를 작성하게 된다. 예를 들어, 선택영역에 링크가 포함되어 있는 경우 사용자가 링크를 클릭하여 링크된 웹 페이지로 이동할 수 있도록 확대된 영역에서도 링크 선택이 가능하도록 화면이 구성되어야 한다. 이를 위해 리드로잉 엔진(140)은 선택영역에 대한 HTML 문서를 재작성하는 것이다. 이와 달리 활성 컨텍스트가 포함되어 있지 않은 경우에는 사용자의 참여를 유도할 필요가 없으므로 선택영역을 스냅-샷 이미지로 만든다.
그리고나서 리드로잉 엔진(140)은 전체 화면을 배경으로 두고 그 위에 새로운 윈도우 레이어를 생성한 후, 선택영역에 대한 HTML 문서 또는 스냅-샷 이미지를 그 새로운 윈도우 레이어 위에 렌더링한다. 이때, 전체 화면 상에 확대 디스플레이되는 선택영역의 크기인 확대 비율은 사전에 조정 가능하다.
이를 구체적으로 설명하기 위해 본 발명에 따른 이동통신 단말기에서의 웹 컨텐츠 화면의 계층 구조에 관한 일실시예 구조도인 도 2를 참조한다.
도 2에 도시된 바와 같이, 본 발명에 따른 이동통신 단말기에서의 웹 컨텐츠 화면은 이미지 영역과 텍스트 영역 형식의 배경을 제공하는 백그라운드 레이어(200), 백그라운드 레이어(200)의 각각의 영역에 대응되며 터치 스크린의 터치에 의하여 선택된 영역을 확대 디스플레이하기 위한 새로운 윈도우 레이어(210)를 포함하여 구성되는 레이어 구조를 가진다. 이때, 선택영역(220)은 백그라운드 레이어(200)에서 제공하는 배경이 시각적으로 구별이 가능하도록 중첩되어 제공되는 것을 원칙으로 한다.
한편, 본 발명에서는 터치 스크린의 터치에 의한 선택영역의 확대 디스플레이 동작을 설명하나, 방향키의 이동에 의해 확대할 영역의 선택도 가능하다. 예를 들어, 웹 컨텐츠 화면을 이미지와 텍스트 등에 따라 미리 복수개의 영역으로 구분하고, 그 영역 간의 이동을 표시자를 이용하여 해당 영역의 테두리의 색이 변화하거나 해당 영역을 음영으로 표시하여 사용자가 원하는 영역을 선택할 수 있도록 한다. 이러한 경우 사용자는 표시자를 이동시킴으로써 원하는 영역으로 이동하고, 이동 통신 단말기는 그 표시자가 위치하는 영역에서 선택 등의 키입력이 있으면 그 영역을 확대 디스플레이하는 동작을 수행한다. 이를 위해 웹 컨텐츠 화면은 도 2에서와 같은 레이어 구조에, 각 영역 간의 이동 등을 지시하기 위한 표시자를 제공하는 레이어가 더 포함하여 구성될 수 있다.
디스플레이부(150)에서는 도면부호 230에 지시되는 바와 같이 전체 화면에 중첩된 상태로 확대된 선택영역을 디스플레이하게 된다. 이러한 디스플레이부(150)는 액정표시장치(Liquid Crystal Display :LCD)등과 같은 표시장치로 이루어질 수 있으며, 리드로잉 엔진(140)에서 렌더링된 데이터를 디스플레이하는 역할을 한다.
상기한 바와 같이 전체 화면에서 사용자에 의해 선택된 특정영역이 확대됨으로써, 화면의 공간감이 증대되어 사용자는 3차원적이면서도 역동적인 뷰를 제공받을 수 있게 된다. 게다가 2차원적인 화면에서 선택영역을 확대 또는 원위치로 되돌려놓을 때 마치 선택영역이 앞으로 다가오거나 뒤로 물러서는 잔상 효과를 제공함으로써 사용자로 하여금 평면적인 웹서핑이 아닌 3차원 공간에서의 웹 네비게이션을 이용하는 효과를 주는 것이 가능하다.
이하, 상기한 바와 같은 구성을 가지는 이동 통신 단말기에서의 동작을 도 3을 참조하여 설명하기로 한다. 도 3은 본 발명의 실시예에 따른 웹 컨텐츠의 디스플레이를 위한 이동 통신 단말기에서의 동작 흐름도이다. 이하의 설명에서 도 4 및 도 5를 예시하여 설명을 하지만 본 발명에 의한 선택영역의 확대 디스플레이 방법이 이에 한정되는 것은 아니다.
도 3을 참조하면, 이동 통신 단말기는 300단계에서 사용자로부터 터치 입력이 있는지를 판단한다. 판단 결과 터치 입력이 있는 경우 310단계에서 터치 입력이 발생한 위치를 근거로 선택 영역을 결정한다. 예를 들어, 도 4(a)에서와 같은 웹 컨텐츠 화면에서 사용자가 특정 영역을 터치하면, 이동 통신 단말기는 그 터치 입력이 발생한 위치에 가장 근접한 태그 단위를 가지는 영역을 결정한다. 이에 따라 도 4(b)에서 도면부호 400에 의해 지시되는 바와 같은 선택영역이 결정될 수 있다. 여기서, 도 4(a)의 웹 컨텐츠 화면에 대한 HTML 소스는 도 4(c)에서와 같으며, 특히 사용자에 의해 선택된 영역(400)에 해당하는 시작과 끝 영역을 가지는 태그 단위는 도 4(c)의 도면부호 410에 의해 지시되는 바와 같다.
선택영역이 결정되면, 이동 통신 단말기는 320단계에서 선택영역에 활성 컨텍스트가 존재하는지를 판단한다. 다시 말하면, 선택영역에 해당하는 태그(410)에 상기 표 1에서와 같은 태그 리스트 중 사용자의 참여가 가능한 태그가 존재하는지를 판단한다. 판단 결과 활성 컨텍스트가 존재하는 경우 이동 통신 단말기는 340단계로 진행하여 선택 영역에 대한 HTML 문서를 생성한다. 예를 들어, 선택영역에 활성 컨텍스트로서 사용자가 클릭 가능한 링크가 포함되어 있는 경우 확대된 영역에서도 사용자의 링크 클릭이 가능해야 한다. 이에 따라 선택영역에 해당하는 태그(410)로 HTML 문서를 재작성하면 도 4(d)에서와 같다. 특히 선택영역에 대한 HTML 문서 부분은 도 4(d)의 도면부호 420에 의해 지시되는 바와 같다.
이와 달리 선택영역에 활성 컨텍스트가 존재하지 않는 경우에는 단순히 선택영역을 확대만 하면 되므로, 이동 통신 단말기는 330단계에서 그 선택영역에 대한 스냅-샷 이미지를 생성한다. 선택 영역에 대한 HTML 문서를 생성하거나 스냅-샷 이미지를 생성한 경우 이동 통신 단말기는 350단계로 진행하여 최상위 레벨의 윈도우 레이어 즉, 새로운 윈도우 레이어를 생성한다. 이렇게 새로운 윈도우 레이어를 생성한 후, 이동 통신 단말기는 360단계에서 생성된 HTML 문서 또는 스냅-샷 이미지를 그 새로운 윈도우 레이어 위에 디스플레이되도록 선택 영역 렌더링을 수행한다. 이에 따라 선택영역에 활성 컨텍스트가 존재할 경우에는 도 4(b)에서와 같이 링크 클릭이 가능한 확대 영역이 디스플레이된다. 이와 달리 예를 들어, 도 5(a)에서와 같은 웹 컨텐츠 화면에서 사용자가 선택한 영역에 활성 컨텍스트가 존재하지 않는 경우에는 텍스트 영역을 스냅-샷 이미지로 만들어 도 5(b)와 같이 확대 영역이 디스플레이된다. 만일 선택영역에 이미지와 링크 및 텍스트가 포함된 경우에는 도 5(c)에서와 같이 이미지, 링크 및 텍스트도 함께 사전에 정의된 비율로 확대 디스플레이된다. 여기서, 선택영역을 확대할 때 전체 화면으로부터 마치 선택영역이 공간감있게 앞으로 나오듯이 확대되도록 하는 효과를 줌으로써 역동적인 시각적 효과를 제공할 수 있다.
한편, 사용자는 확대영역 내에서 링크를 선택할 수 있으며, 또한 스크롤링을 통해 상하좌우 영역으로의 이동도 할 수 있다. 만일 도 4(b)에서의 확대영역(430) 내의 링크를 클릭할 경우 전체 화면은 링크된 웹 페이지 화면으로 전환되게 된다. 상기한 바와 같이 본 발명에서는 선택영역만이 확대되도록 렌더링하는 것이므로 시스템 리소스 부하를 줄일 수 있을 뿐만 아니라 전체 화면을 조망하면서 확대영역을 볼 수 있기 때문에 웹 네비게이션도 가능하게 된다.
도 1은 본 발명의 실시예에 따른 이동 통신 단말기의 내부 블록 구성도,
도 2는 본 발명에 따른 이동통신 단말기에서의 웹 컨텐츠 화면의 계층 구조에 관한 일실시예 구조도,
도 3은 본 발명의 실시예에 따른 웹 컨텐츠의 디스플레이를 위한 이동 통신 단말기에서의 동작 흐름도,
도 4는 본 발명에 따른 선택 영역에 대한 HTML 문서 재작성 과정을 설명하기 위한 예시도,
도 5는 본 발명의 실시예에 따라 선택영역에 따른 화면예시도.

Claims (9)

  1. 터치 스크린을 구비한 이동 통신 단말기에서 웹 컨텐츠를 효율적으로 디스플레이하기 위한 방법에 있어서,
    웹 컨텐츠 화면에서 사용자로부터 터치 입력이 있는지를 판단하는 과정과,
    상기 터치 입력이 발생한 위치를 중심으로 확대할 영역을 결정하는 과정과,
    결정된 영역에 대한 확대 방식을 판단하는 과정과,
    판단된 방식을 근거로 상기 결정된 영역을 상기 웹 컨텐츠 화면 상에 중첩하여 미리 정해진 비율로 확대 디스플레이하는 과정을 포함함을 특징으로 하는 웹 컨텐츠를 효율적으로 디스플레이하기 위한 방법.
  2. 제1항에 있어서, 상기 확대 방식을 판단하는 과정은,
    상기 결정된 영역 내에 활성 컨텍스트가 존재하는지를 판단하는 과정임을 특징으로 하는 웹 컨텐츠를 효율적으로 디스플레이하기 위한 방법.
  3. 제2항에 있어서, 상기 확대 디스플레이하는 과정은,
    상기 활성 컨텍스트가 존재하는 경우 상기 결정된 영역에 대한 HTML 문서를 작성하는 과정과,
    상기 웹 컨텐츠 화면 상에 새로운 윈도우 레이어를 생성하는 과정과,
    상기 생성된 윈도우 레이어 위에 상기 작성한 HTML 문서를 렌더링하는 과정임을 특징으로 하는 웹 컨텐츠를 효율적으로 디스플레이하기 위한 방법.
  4. 제2항에 있어서, 상기 확대 디스플레이하는 과정은,
    상기 활성 컨텍스트가 존재하지 않는 경우 상기 결정된 영역을 스냅-샷 이미지로 생성하는 과정과,
    상기 웹 컨텐츠 화면 상에 새로운 윈도우 레이어를 생성하는 과정과,
    상기 생성된 윈도우 레이어 위에 상기 생성한 스냅-샷 이미지를 렌더링하는 과정임을 특징으로 하는 웹 컨텐츠를 효율적으로 디스플레이하기 위한 방법.
  5. 제1항에 있어서, 상기 확대할 영역의 결정은,
    상기 웹 컨텐츠 화면에 대한 HTML 문서에서 태그 단위를 기준으로 함을 특징으로 하는 웹 컨텐츠를 효율적으로 디스플레이하기 위한 방법.
  6. 터치 스크린을 구비하며, 웹 컨텐츠를 효율적으로 디스플레이하기 위한 이동 통신 단말기에 있어서,
    사용자로부터 웹 컨텐츠 화면에 대한 터치 입력이 발생하면, 상기 터치 입력이 발생한 위치를 중심으로 확대할 영역을 결정하고, 결정된 영역에 대한 확대 방식을 판단하고, 판단된 방식을 근거로 상기 결정된 영역을 상기 웹 컨텐츠 화면 상에 중첩하여 미리 정해진 비율로 확대 디스플레이되도록 제어하는 모바일 브라우저 엔진과,
    상기 결정된 영역을 확대 디스플레이하는 디스플레이부를 포함함을 특징으로 하는 웹 컨텐츠를 효율적으로 디스플레이하기 위한 이동 통신 단말기.
  7. 제6항에 있어서, 상기 모바일 브라우저 엔진은,
    상기 결정된 영역 내에 활성 컨텍스트가 존재하는지를 판단한 후, 상기 활성 컨텍스트가 존재하는 경우 상기 결정된 영역에 대한 HTML 문서를 작성하고, 상기 웹 컨텐츠 화면 상에 새로운 윈도우 레이어를 생성한 후, 상기 결정된 영역을 확대 디스플레이하기 위해 상기 생성된 윈도우 레이어 위에 상기 작성한 HTML 문서를 렌더링함을 특징으로 하는 웹 컨텐츠를 효율적으로 디스플레이하기 위한 이동 통신 단말기.
  8. 제6항에 있어서, 상기 모바일 브라우저 엔진은,
    상기 결정된 영역 내에 활성 컨텍스트가 존재하는지를 판단한 후, 상기 활성 컨텍스트가 존재하지 않는 경우 상기 결정된 영역을 스냅-샷 이미지로 생성하고, 상기 웹 컨텐츠 화면 상에 새로운 윈도우 레이어를 생성한 후, 상기 결정된 영역을 확대 디스플레이하기 위해 상기 생성된 윈도우 레이어 위에 상기 생성한 스냅-샷 이미지를 렌더링함을 특징으로 하는 웹 컨텐츠를 효율적으로 디스플레이하기 위한 이동 통신 단말기.
  9. 제6항에 있어서, 상기 확대할 영역의 결정은,
    상기 웹 컨텐츠 화면에 대한 HTML 문서에서 태그 단위를 기준으로 함을 특징으로 하는 웹 컨텐츠를 효율적으로 디스플레이하기 위한 이동 통신 단말기.
KR1020080107581A 2008-10-31 2008-10-31 웹 컨텐츠를 효율적으로 디스플레이하기 위한 장치 및 방법 KR101517618B1 (ko)

Priority Applications (2)

Application Number Priority Date Filing Date Title
KR1020080107581A KR101517618B1 (ko) 2008-10-31 2008-10-31 웹 컨텐츠를 효율적으로 디스플레이하기 위한 장치 및 방법
US12/608,531 US8286078B2 (en) 2008-10-31 2009-10-29 Apparatus and method for efficiently displaying web contents

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020080107581A KR101517618B1 (ko) 2008-10-31 2008-10-31 웹 컨텐츠를 효율적으로 디스플레이하기 위한 장치 및 방법

Publications (2)

Publication Number Publication Date
KR20100048433A true KR20100048433A (ko) 2010-05-11
KR101517618B1 KR101517618B1 (ko) 2015-05-04

Family

ID=42132990

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020080107581A KR101517618B1 (ko) 2008-10-31 2008-10-31 웹 컨텐츠를 효율적으로 디스플레이하기 위한 장치 및 방법

Country Status (2)

Country Link
US (1) US8286078B2 (ko)
KR (1) KR101517618B1 (ko)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20160104022A (ko) * 2013-12-31 2016-09-02 구글 인코포레이티드 텔레비전 디바이스상에 웹 콘텐츠를 원격 렌더링하기 위한 방법들, 시스템들 및 매체들
WO2018190517A1 (en) * 2017-04-13 2018-10-18 Samsung Electronics Co., Ltd. Electronic apparatus and method for displaying contents thereof

Families Citing this family (24)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101838696B1 (ko) * 2011-01-24 2018-04-26 삼성전자주식회사 터치스크린 기반 웹브라이저 환경에서 링크 개체 선택 방법 및 장치
EP2518722A3 (en) * 2011-04-28 2013-08-28 Samsung Electronics Co., Ltd. Method for providing link list and display apparatus applying the same
US9021364B2 (en) * 2011-05-31 2015-04-28 Microsoft Technology Licensing, Llc Accessing web content based on mobile contextual data
US8661337B2 (en) * 2011-06-05 2014-02-25 Apple Inc. Techniques for use of snapshots with browsing transitions
CN103176972B (zh) * 2011-12-20 2017-10-10 富泰华工业（深圳）有限公司 浏览器显示子页面的处理方法及浏览器
CA2763276C (en) * 2012-01-06 2013-03-19 Microsoft Corporation Input pointer delay and zoom logic
CN103246461A (zh) * 2012-02-13 2013-08-14 联想(北京)有限公司 一种触摸屏显示方法及应用该方法的电子设备
JP6249652B2 (ja) * 2012-08-27 2017-12-20 三星電子株式会社Ｓａｍｓｕｎｇ Ｅｌｅｃｔｒｏｎｉｃｓ Ｃｏ．，Ｌｔｄ． タッチ機能制御方法及びその電子装置
US10162492B2 (en) * 2012-09-11 2018-12-25 Microsoft Technology Licensing, Llc Tap-to-open link selection areas
CN103793164A (zh) * 2012-10-31 2014-05-14 国际商业机器公司 用于触摸屏显示处理的方法、装置和浏览器
US9459775B2 (en) * 2012-10-31 2016-10-04 Google Inc. Post-touchdown user invisible tap target size increase
KR101992191B1 (ko) * 2012-11-01 2019-06-24 엘지전자 주식회사 이동 단말기 및 그 제어방법
KR20140111171A (ko) 2013-03-08 2014-09-18 삼성전자주식회사 컨텐츠의 스크롤 시 대표 정보를 표시하는 전자 장치 및 그 제어 방법
CN104123282B (zh) * 2013-04-24 2017-12-01 腾讯科技（深圳）有限公司 一种选择超链接的方法、装置及移动终端
US9761034B2 (en) * 2013-06-09 2017-09-12 Apple Inc. Animation emulating live web page content resizing
GB2516472B (en) * 2013-07-24 2020-07-29 Wsou Invest Llc Methods and Apparatuses Relating to the Display of User Interfaces
CN103631479B (zh) * 2013-11-01 2016-10-05 北京奇虎科技有限公司 高亮区域设置方法及设备
CN103646028B (zh) * 2013-11-01 2017-12-08 北京奇虎科技有限公司 高亮区域获取方法及设备
CN104636120A (zh) * 2013-11-06 2015-05-20 中兴通讯股份有限公司 一种浏览器的多窗口显示方法及装置
US10387551B2 (en) * 2013-12-13 2019-08-20 Freedom Scientific, Inc. Techniques for programmatic magnification of visible content elements of markup language documents
JP6463914B2 (ja) * 2014-06-30 2019-02-06 キヤノン株式会社 情報処理装置、処理方法、及びプログラム
JP6649832B2 (ja) * 2016-03-30 2020-02-19 キヤノン株式会社 情報処理装置およびその制御方法、並びにプログラム
CN106484242B (zh) 2016-09-19 2019-09-20 北京京东尚科信息技术有限公司 界面的信息显示方法和装置
CN110046309A (zh) * 2019-04-02 2019-07-23 北京字节跳动网络技术有限公司 文档输入内容的处理方法、装置、电子设备和存储介质

Family Cites Families (25)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
TW342487B (en) * 1996-10-03 1998-10-11 Winbond Electronics Corp Fully overlay function device and method
US6587118B1 (en) * 1999-03-31 2003-07-01 Sony Corporation Image displaying processing method, medium including an image displaying processing program stored thereon, and image displaying processing apparatus
JP2001175386A (ja) * 1999-12-21 2001-06-29 Fujitsu Ltd 表示装置及び表示方法並びに記憶媒体
JP2004533641A (ja) * 2001-05-02 2004-11-04 ビットストリーム インコーポレーティッド 非線形カラー・バランスを使用して副画素最適化フォント・ビットマップを生成及び表示するための方法、システム、及びプログラム
US7305242B2 (en) * 2002-07-17 2007-12-04 Nokia Corporation System, apparatus, and method for facilitating link selection on electronic devices
JP3789466B2 (ja) * 2003-03-18 2006-06-21 株式会社Ａｃｃｅｓｓ ブラウザプログラム及びコンテンツ表示制御装置
JP4193629B2 (ja) * 2003-07-25 2008-12-10 ソニー株式会社 画面表示装置，プログラム，および画面表示方法
US20050257142A1 (en) * 2004-05-13 2005-11-17 Cheng-Shing Lai Portable communication device and multimedia message processing method for same
US7188312B2 (en) * 2004-08-12 2007-03-06 Ap-Mobile Technology Inc. Remote document viewing system, device, and method thereof
US20060048051A1 (en) * 2004-08-25 2006-03-02 Research In Motion Limited Method for rendering formatted content on a mobile device
US7509575B2 (en) * 2005-03-30 2009-03-24 Nokia Corporation Optimization of content
KR20070059951A (ko) * 2005-12-06 2007-06-12 삼성전자주식회사 휴대단말기의 화면 표시장치 및 방법
US8812978B2 (en) * 2005-12-22 2014-08-19 Xerox Corporation System and method for dynamic zoom to view documents on small displays
JP4697491B2 (ja) * 2006-03-31 2011-06-08 日本電気株式会社 ウェブコンテンツ閲覧情報表示装置、方法、プログラム
CN101055577A (zh) * 2006-04-12 2007-10-17 龙搜（北京）科技有限公司 可扩展标记语言集中器
US7779370B2 (en) * 2006-06-30 2010-08-17 Google Inc. User interface for mobile devices
KR101422834B1 (ko) 2006-10-09 2014-07-23 엘지전자 주식회사 피디에이에서의 인터넷 웹페이지 디스플레이방법
US7889185B2 (en) * 2007-01-05 2011-02-15 Apple Inc. Method, system, and graphical user interface for activating hyperlinks
US8656295B2 (en) * 2007-01-05 2014-02-18 Apple Inc. Selecting and manipulating web content
US7889184B2 (en) * 2007-01-05 2011-02-15 Apple Inc. Method, system and graphical user interface for displaying hyperlink information
KR100850571B1 (ko) * 2007-02-21 2008-08-06 삼성전자주식회사 이동 통신 단말기의 웹 페이지 표시 방법
US7995079B2 (en) * 2007-04-16 2011-08-09 Research In Motion Limited Automatic map zoom-level adaptation
US9250092B2 (en) * 2008-05-12 2016-02-02 Apple Inc. Map service with network-based query for search
US20090303254A1 (en) * 2008-06-06 2009-12-10 Sony Ericsson Mobile Communications Ab Method of controlling a displaying of a graphical object on a display of a mobile electronic device and mobile electronic device
US8332754B2 (en) * 2009-11-04 2012-12-11 International Business Machines Corporation Rendering sections of content in a document

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20160104022A (ko) * 2013-12-31 2016-09-02 구글 인코포레이티드 텔레비전 디바이스상에 웹 콘텐츠를 원격 렌더링하기 위한 방법들, 시스템들 및 매체들
US10631048B2 (en) 2013-12-31 2020-04-21 Google Llc Methods, systems, and media for remote rendering of web content on a television device
US11470387B2 (en) 2013-12-31 2022-10-11 Google Llc Methods, systems, and media for remote rendering of Web content on a television device
WO2018190517A1 (en) * 2017-04-13 2018-10-18 Samsung Electronics Co., Ltd. Electronic apparatus and method for displaying contents thereof
US10950206B2 (en) 2017-04-13 2021-03-16 Samsung Electronics Co., Ltd. Electronic apparatus and method for displaying contents thereof

Also Published As

Publication number Publication date
US8286078B2 (en) 2012-10-09
KR101517618B1 (ko) 2015-05-04
US20100115398A1 (en) 2010-05-06

Similar Documents

Publication Publication Date Title
KR101517618B1 (ko) 웹 컨텐츠를 효율적으로 디스플레이하기 위한 장치 및 방법
KR100984817B1 (ko) 이동통신 단말기의 터치스크린을 이용한 사용자 인터페이스 방법
US20180024719A1 (en) User interface systems and methods for manipulating and viewing digital documents
US9189564B2 (en) Method and apparatus for providing user interface for internet service
JP5787775B2 (ja) ディスプレイ装置およびディスプレイ方法
US10878175B2 (en) Portlet display on portable computing devices
WO2010018788A1 (ja) コンテンツ表示倍率変更方法、およびコンテンツ表示倍率変更プログラム
JP2014149860A (ja) 携帯型多機能端末の情報表示方法及びそれを用いた情報表示システム、並びに携帯型多機能端末
JP4713270B2 (ja) ウエブ閲覧装置及びウエブ情報表示方法
JP2012008686A (ja) 情報処理装置および方法、並びにプログラム
JP5738895B2 (ja) アプリケーションの表示機能の拡張
JP2012133745A (ja) 情報処理装置およびその表示サイズ制御方法
JP5069520B2 (ja) 表示装置におけるコンテンツの表示方法、コンテンツ表示プログラム、及び表示装置
JP5388385B2 (ja) 表示制御装置、表示制御方法、およびプログラム
JPWO2008013128A1 (ja) 端末装置、コンテンツ表示方法、およびコンテンツ表示プログラム
WO2008013127A1 (fr) Dispositif terminal, méthode d'affichage du contenu et programme d'affichage du contenu
JP5414920B2 (ja) 表示制御装置、表示制御方法、およびプログラム
JP2006018631A (ja) ウェブ文書閲覧装置および方法
JP2014164736A (ja) ウェブページ閲覧装置及びプログラム
US20200081958A1 (en) Information processing apparatus, method for displaying a web page, and non-transitory recording medium storing a program for displaying a web page
JP2021120737A (ja) 文書表示装置
JP2004021838A (ja) ウエブページ作成方法、ウエブページ表示システム、およびウエブページ表示方法
JP2010061337A (ja) 情報処理装置、情報処理システム、情報処理方法、プログラム、および記録媒体

Legal Events

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

Payment date: 20180329

Year of fee payment: 4

FPAY Annual fee payment

Payment date: 20190328

Year of fee payment: 5