KR20120054948A

KR20120054948A - 휴대단말기의 웹 페이지 표시 방법

Info

Publication number: KR20120054948A
Application number: KR1020100116363A
Authority: KR
Inventors: 박상민
Original assignee: 삼성전자주식회사
Priority date: 2010-11-22
Filing date: 2010-11-22
Publication date: 2012-05-31
Also published as: US20120131446A1; EP2455873A3; EP2455873A2

Abstract

본 발명은 휴대단말기의 웹 페이지 표시 방법에 있어서, 접속이 요청된 웹 페이지를 다운로드하는 과정과, 상기 다운로드된 웹 페이지를 분석하여 본문 구성 요소와 입력 구성 요소로 구분하는 과정과, 상기 본문 구성 요소를 휴대단말기의 표시부의 소정 영역에 리사이징하지 않고 표시하는 과정과, 상기 입력 구성 요소를 소정의 표시 크기로 리사이징하여 표시하는 과정을 포함한다.

Description

휴대단말기의 웹 페이지 표시 방법{METHOD FOR DISPLAYING WEB PAGE IN A PORTABLE TERMINAL}

본 발명은 관한 휴대단말기에 관한 것으로, 보다 상세하게는 휴대단말기의 웹 페이지 표시 방법에 관한 것이다.

일반적으로, 휴대단말기는 이동하면서 통화를 수행하거나 및 데이터를 교환하는 등의 기능을 제공하는 전자기기를 의미하는데, 이동통신 환경이 다양화되고 발달함에 따라, 음성 통화에만 머무르던 휴대단말기의 사용 영역이 점차 다양화되는 추세에 있다.

AOD(Audio On Demand) 및 VOD(Video ON Demand) 서비스를 이용하거나, 휴대단말기에 구비된 카메라를 이용하여 실시간으로 동화상 통화를 수행하거나, 게임 어플리케이션을 다운로드하여 플레이하거나, DMB(Digital Multimedia Broadcasting) 수신기를 이용하여 디지털 멀티미디어 방송을 시청하는 경우를 그에 대한 예로 들 수 있다.

특히, 최근의 휴대단말기는 하드웨어적 성능이 급격히 상승하게 되어, 고성능의 컴퓨터에서 구현되었던 기능들을 휴대단말기에서 구현하는 것이 가능하게 되었다. 휴대단말기의 사용자는 웹페이지를 통해 인터넷 포털 서버 등을 비롯한 여러 서버로부터 필요한 정보를 획득할 수 있다.

그런데, 휴대단말기를 통해 인터넷을 이용하게 되면 접속중인 웹페이지가 휴대단말기의 해상도에 적합하지 않아 웹페이지의 컨텐츠(예를 들어, 이미지나 텍스트 정보)를 정상적으로 이용할 수 없는 문제점이 있었다.

이러한 문제점은 종래의 인터넷 서비스에서 제공되는 웹 페이지는 높은 해상도와 큰 화면을 가지는 데스크 탑이나 노트북 컴퓨터의 화면에 적합한 웹 페이지로서, 낮은 해상도와 작은 화면을 가지는 휴대단말기에서는 웹 페이지를 표시하기에 적절하지 못한 것에서 기인한다.

종래기술은 이러한 문제점을 해소하기 위해, 웹페이지를 표시할 때 휴대단말기의 표시부에 적합하게 자동으로 웹페이지를 리사이징(resizing)하여 표시하거나 웹페이지를 스크롤링(scrolling)하게 하는 방법이 제안하였다.

그러나, 리사이징(예를 들어, 축소 리사이징)하는 방법은 웹페이지의 컨텐츠가 비정상적으로 표시되지 않아 인터넷 이용에 불편함을 야기한다. 예를 들어, 웹페이지의 이미지를 휴대단말기의 표시부의 해상도에 적합하게 축소 리사이징하여 표시할 경우, 리사이징 이미지의 해상도와 표시부의 해상도와 픽셀 매칭되지 않을 경우가 발생하며, 이는 이미지가 선명하지 않게 표시되고 텍스트 정보 등이 선명하게 표시되지 않아 텍스트 정보 등을 정확하게 확인하기 어려운 문제점이 있다.

또한, 스크롤링 방법은 웹페이지 자체가 큰 해상도에 적합하게 작성되어 해당 웹 페이지에 대한 스크롤링이 불가능하거나 웹 페이지 상의 메뉴를 선택할 수 없는 문제점이 있다.

따라서, 휴대단말기의 표시부가 지원하는 해상도보다 큰 해상도에 적합하게 작성된 웹 페이지를 표시함에 있어, 리사이징 또는 스크롤링 이외에 또 다른 방법이 제안되어 휴대단말기에서 웹페이지를 표시할 때 이미지 및 텍스트 정보 등이 선명하게 표시할 수 있는 것이 필요하다.

따라서, 본 발명은 웹 페이지를 해상도가 낮은 휴대단말기의 표시부에 표시할 때도 이미지 및 텍스트 정보 등이 선명하기 표시되도록 하는 웹 페이지 표시 방법을 제안하고자 한다.

또한, 본 발명은 휴대단말기의 웹 페이지 표시 방법에 있어서, 접속이 요청된 웹 페이지를 다운로드하여 분석하고, 상기 웹 페이지를 본문 구성 요소와 입력 구성 요소로 구분하는 과정과, 상기 본문 구성 요소와 입력 구성 요소로 구분된 웹 페이지를 표시부의 표시화면에 표시하는 과정과, 사용자로부터 상기 표시화면 중의 일부 영역에 대한 고정 영역을 설정받는 과정과, 상기 고정 영역에 해당하는 영역에는 상기 본문 구성 요소의 일부분을 리사이징하지 않고 표시하는 과정과, 상기 고정 영역 이외의 영역에는 상기 입력 구성 요소와 상기 고정 영역에 표시되지 않은 본문 구성 요소의 나머지 부분을 리사이징하여 표시하는 과정을 포함한다.

본 발명은 해상도가 낮은 표시부를 가지는 휴대단말기에서도 웹 페이지를 선명하게 표시함으로써, 웹 페이지에서 제공하는 정보를 사용자가 용이하게 확인할 수 있는 효과가 있다.

도 1은 본 발명의 실시 예에 따른 휴대단말기의 블록도.
도 2는 본 발명의 제1실시예에 따라 웹 페이지를 표시하는 과정에 대한 흐름도.
도 3은 본 발명의 제1실시예에 따라 웹 페이지를 표시하는 과정에 대한 예시도.
도 4는 본 발명의 제2실시예에 따라 웹 페이지를 표시하는 과정에 대한 흐름도.
도 5는 본 발명의 제2실시예에 따라 웹 페이지를 표시하는 과정에 대한 예시도.

이하 본 발명의 실시 예를 첨부한 도면을 참조하여 상세히 설명하도록 한다.

도 1은 본 발명의 실시 예에 따른 휴대단말기의 블록도이다.

본 발명의 실시 예에 따른 휴대단말기는 휴대하기 용이하게 이동 가능한 전자기기로서, 화상전화기, 일반적인 휴대폰(예를 들어, 피쳐폰), 스마트 폰(smart phone), IMT-2000(International Mobile Telecommunication 2000) 단말기, WCDMA 단말기, UMTS(Universal Mobile Telecommunication Service) 단말기, PDA(Personal Digital Assistant), PMP(Portable Multimedia Player), DMB(Digital Multimedia Broadcasting)기기, 데스크톱 컴퓨터(desktop computer), 노트북(notebook) 등을 포함하며, 이들 기기에 한정되지 않음은 당업자에게 자명할 것이다.

도 1의 블록도는 GPS(Ground Positioning System)모듈, 카메라 모듈, 블루투스 모듈, WiFi 모듈, 가속도 센서, 근접 센서, 및 DMB(Digital Media Broadcasting) 수신기 등과 같이 휴대단말기에 포함될 수 있는 장치들이 미도시하고 있으나, 이들 미도시된 장치들도 본 발명의 실시 예에 의한 휴대단말기에 포함되어 해당 기능을 제공할 수 있다는 것은 당업자에게 자명할 것이다.

예를 들어, 가속도 센서(acceleration sensor)는 가속도, 진동, 충격 등의 동적 힘을 측정하여 휴대단말기의 운동상태를 감지하여, 이를 통해 휴대단말기의 표시부의 표시방향을 감지하는데 사용될 수 있다.

또한, 근접 센서(proximity sensor)는 휴대단말기에 대한 사용자의 신체 일부의 근접을 감지하는데, 터치스크린 기능을 제공하는 휴대단말기의 오동작을 방지하기 위한 용도 등으로 사용될 수 있다.

또한, 자이로스코프(gyroscope)는 회전하는 휴대단말기의 역학적인 움직임을 관찰하는데, 가속도 센서와 연동되어 휴대단말기의 6축, 즉, 상하, 좌우, 전후방, x축, y축 및 z축의 회전 모션을 감지하는데 이용될 수 있다.

무선 송수신부(23)는 RF부와 모뎀(MODEM) 등을 포함한다. RF부는 송신되는 신호의 주파수를 상승변환 및 증폭하는 RF송신기와, 수신되는 신호를 저잡음 증폭하고 주파수를 하강 변환하는 RF수신기 등을 포함한다. 모뎀(MODEM)은 송신될 신호를 부호화 및 변조하는 송신기 및 RF부에서 수신되는 신호를 복조 및 복호화하는 수신기 등을 포함한다.

한편, 본 발명의 실시 예에 따른 무선 송수신부(23)는 사용자의 요청에 따라 웹 페이지를 통해 해당 웹 사이트에 접속하기 위한 통신을 수행하는 기능을 제공한다. 예를 들어, 무선 송수신부(23)는 사용자에 의해 지정된 URL(Uniform Resource Location) 주소에 대한 정보를 서버로 보내고 해당 주소에 접속되면 접속된 웹 페이지의 데이터를 수신하는 기능을 제공할 수 있다.

오디오 처리부(25)는 코덱(Codec)을 구성할 수 있으며, 상기 코덱은 데이터 코덱과 오디오 코덱을 포함한다. 데이터 코덱은 패킷데이터 등을 처리하고, 오디오 코덱은 음성과 멀티미디어 파일 등의 오디오 신호를 처리한다. 오디오 처리부(25)는 모뎀에서 수신되는 디지털 오디오신호를 상기 오디오 코덱을 통해 아날로그신호를 변환하여 재생하거나 또는 마이크(MIC)로부터 발생되는 아날로그 오디오 신호를 상기 오디오 코덱을 통해 디지털 오디오 신호로 변환하여 모뎀으로 전송하는 기능을 수행한다. 상기 코덱은 별도로 구비되거나 제어부(10)에 포함될 수 있다. 한편, 본 발명의 실시 예에 따른 오디오 처리부(25)는 스피커(SPK) 또는 이어폰(ear phone, 미도시) 등을 통해 웹 페이지를 통한 인터넷 이용시 해당 웹 페이지에서 제공하는 멀티미디어의 오디오 부분을 출력할 수 있다.

키입력부(27)는 숫자 및 문자 정보의 입력에 필요한 키들 및 각종 기능들의 설정에 필요한 기능 키 등을 포함할 수 있으며, 터치센서를 포함하여 사용자의 터치를 통해 키입력을 받을 수도 있다. 본 발명의 실시 예에 따른 표시부(50)가 터치스크린 방식으로 구현될 경우, 본 발명의 실시 예에 따른 키입력부(27)는 휴대단말기의 구성에서 키입력부(27)의 구성이 제외되거나 미리 설정된 최소한의 키만을 포함할 수 있으며, 이 경우 표시부(50)가 키입력부(27)의 키입력 기능을 일부 대체할 수 있다.

메모리(30)는 휴대단말기의 일반적인 동작을 제어하기 위한 프로그램이 저장되는 프로그램 메모리 및 데이터 메모리 등으로 구성될 수 있다. 메모리(30)는 CF(Compact Flash), SD(Secure Digital), Micro-SD(Micro Secure Digital), Mini-SD(Mini Secure Digital), xD(Extreme Digital) 및 Memory Stick 등의 외장형메모리를 포함할 수도 있다. 본 발명의 실시 예에 따른 메모리(30)는 무선 송수신부(23)에 의해 수신되는 소정의 URL(Uniform Resource Location) 주소에 대응되는 웹 페이지(예를 들어, 웹 페이지의 소스 코드)를 저장한다.

표시부(50)는 휴대단말기에서 발생하는 각종 표시 정보를 출력하며, LCD(Liquid Crystal Display) 또는 OLED(Organic Light Emitting Diodes로서 PMOLED 또는 AMOLED)등으로 이루어질 수 있다. 실시 예의 종류에 따라 표시부(50)는 터치스크린(Touch Screen) 기능을 제공하여 여 키입력부(27)와 함께 휴대단말기를 제어하는 입력부로 동작할 수도 있다. 예를 들어, 표시부(50)는 사용자의 터치 입력 또는 멀티 터치(multi touch) 입력을 받아 표시되고 있는 웹 페이지를 확대/축소, 스크롤 및 화면 전환 등의 기능을 제공할 수 있다.

본 발명의 실시 예에 따른 표시부(50)는 제어부(10)에 의해 파싱(parsing, 분석)된 후에 랜더링(rendering)되는 웹 페이지를 표시부(50)의 해상도(예를 들어, 표시 크기)에 대응되게 표시한다.

본 발명의 실시 예에 따른 표시부(50)는 휴대단말기에 적합한 표시부에 해당하므로, QVGA(Quarter VGA, 240 x 320), WQVGA(Wide-Screen QVGA, 400 x 240, 480 x 272 또는 480 x 234), WGVGA(480 x 272), EGA(Enhanced Graphic Array, 640 x 400), VGA(Video Graphic Array, 640 x 480), WVGA(Wide VGA, 800 x 480), SVGA(Super VGA, 800 x 600), 및 WSVGA(Wide-Screen VGA, 1024 x 600) 등의 해상도를 가질 수 있다.

한편, 본 발명의 실시 예에 따른 표시부(50)는 240 x 320 또는 400 x 240의 낮은 해상도의 표시화면을 통해서 각종 표시 정보를 표시하거나 접속된 웹 페이지를 표시하는 것으로 가정하나, 전술한 다양한 해상도(예를 들어, VGA 또는 WVGA 등)의 표시화면을 가질 수도 있다.

제어부(10)는 본 발명의 실시 예에 따른 휴대단말기의 전반적인 동작을 제어하며, 키입력부(27) 또는 표시부(50) 등을 통해 입력되는 사용자 입력에 따라 휴대단말기의 동작을 전환 및 제어할 수 있다.

본 발명의 실시 예에 따른 제어부(10)는 소정의 URL에 대한 사용자의 연결 요청에 따라 대응되는 웹 페이지를 수신하고, 수신된 웹 페이지를 분석(파싱, parsing)한다. 제어부(10)는 웹 페이지에 대한 분석을 통해, 웹 페이지를 구성하는 구성 요소의 개수 등을 확인하고, 영상(이미지 또는 동영상) 정보와 텍스트 정보의 구성 비율, 텍스트 정보의 폰트크기, 색상, 폰트의 종류, 텍스트간의 여백 등에 대한 정보를 확인할 수 있으며, 이를 통해 웹 페이지의 구성 요소를 본문 구성 요소와 입력 구성 요소로 구분한다.

예를 들어, 제어부(10)는 <body> 태그, <div> 태그 및 <p> 태그 등의 소스로 구성되는 웹 페이지의 태그 패턴 등을 분석하고 각 구성 요소의 레이아웃(layout)을 계산함으로써, 해당 웹페이지를 분석(파싱)하며 이를 통해 웹 페이지를 본문 구성 요소와 입력 구성 요소로 구분하고 각 구성 요소에 대한 폭(width) 및 높이(height)를 통해 각 구성 요소의 표시 크기를 확인한다.

예를 들어, 제어부(10)는 <body> 태그, <div> 태그 및 <p> 태그 등의 소스로 구성되는 웹 페이지의 태그 패턴 등을 분석하며, <div>...</div> 태그 패턴(들)이 검출되면, 해당 부분(들)을 웹 페이지의 본문 구성 요소로 구분할 수도 있다. 여기서, <body> 태그는 웹 페이지 전체를 나타내고, 각 <div> 태그는 대응되는 각 분할 영역을 나타내고, 각각의 <p> 태그는 <div> 태그에 속하는 각각의 최소 구성 요소를 나타내는 태그이다.

본문 구성 요소는, 이미지, 동영상, 텍스트 정보 등을 포함하여 사용자에게 정보를 제공하는 웹페이지의 주요 컨텐츠와 연관된 구성 요소로서, 웹 페이지의 주(main) 구성 요소로 이해될 수 있다. 일반적으로, 본문 구성 요소는 사용자에게 정보를 제공하는 컨텐츠, 즉 웹페이지에서 정보(예를 들어, 이미지, 텍스트 정보 등이 조합된)를 표시하는 구성에 해당하기 때문에, 표시부(50)의 해상도(예를 들어, 240 x 320의 해상도)보다 큰 해상도로 표시되도록 설정될 가능성이 높다. 예를 들어, 사진과 같은 이미지를 주로 표시하는 웹 페이지의 경우, 이미지 표시의 적절성(즉, 시인성을 고려한)을 위해 800 x 600 이상의 픽셀로 구성되는 이미지로 구성되어, 일반적인 휴대단말기 표시부의 표시화면 크기(예를 들어, 240 x 320)보다 웹 페이지의 본문 구성 요소의 표시 크기가 크게 된다. 따라서, 본 발명의 실시 예에 따른 제어부(10)는 소정 크기 이상(예를 들어, 표시부(50)의 해상도보다 폭과 높이가 큰 크기)으로 표시되도록 설정된 웹 페이지의 구성 요소를 본문 구성 요소인 것으로 구분(판단)할 수도 있다.

입력 구성 요소는 웹 페이지의 구성 요소 중에서 메뉴, 옵션, 체크박스, 주소 입력창, 검색어 입력창 등의 구성 요소로서, 사용자 입력(또는 선택)이 입력 가능한 구성 요소를 의미하며, 웹 페이지의 구문을 분석(parsing)하여 구분될 수 있다. 일반적으로, 입력 구성 요소는 소정 크기 이하의 해상도(예를 들어, 높이가 수십 픽셀 이하의 크기)로 표시되도록 설정된다. 따라서, 본 발명의 실시 예에 따른 제어부(10)는 높이(height)가 소정 크기 이하로 표시되도록 설정된 웹 페이지의 구성 요소를 입력 구성 요소로 구분(판단)할 수도 있다.

사용자의 연결 요청에 대응되는 웹 페이지를 수신 및 분석하여 본문 구성 요소와 입력 구성 요소로의 구분이 완료되면, 본 발명의 실시 예에 따른 제어부(10)는 본문 구성 요소는 리사이징(resizing)하지 않고 표시하고 입력 구성 요소는 표시부(50)의 크기에 대응되게 리사이징하여 표시하도록 제어하는데, 이는 본 발명의 제1실시예에 해당한다. 또한, 본 발명의 실시 예에 따른 제어부(10)는 사용자의 연결 요청에 대응되는 웹 페이지를 수신 및 분석하여 본문 구성 요소와 입력 구성 요소로의 구분이 완료되면, 사용자에 의해 설정된 소정의 영역(예를 들어, 고정 영역)에는 본문 구성 요소를 리사이징 하지 않고 표시하고, 소정의 영역 이외에는 본문 구성 요소 및 입력 구성 요소를 리사이징하여 표시하도록 제어하는데, 이는 본 발명의 제2실시예에 해당한다. 전술한 제1실시예 및 제2실시예는 하기의 도2-3 및 도 4-5를 각각 참조하여 설명하도록 한다.

도 2는 본 발명의 제1실시예에 따라 휴대단말기에서 웹페이지를 표시하는 과정에 대한 흐름도이며, 도 3은 본 발명의 제1실시예에 따라 휴대단말기에서 웹페이지를 표시하는 과정에 대한 예시도이다.

본 발명의 제1실시예를 설명하기에 앞서, 도 3의 (a) 및 (b)를 먼저 살펴보면, 도 3의 (a) 및 (b)는 종래기술에 따라 웹페이지를 표시하였을 경우를 도시하고 있다.

도 3의 (a)는 본 발명의 실시 예에 따른 표시부(50)의 해상도보다 높은 해상도(예를 들어, 800 x 480)를 가지는 표시부를 가지는 기기에서 웹 페이지를 표시하는 예를 도시하고 있다. 도 3의 (a)는 표시부의 해상도가 높기 때문에 지도 정보를 확인할 수 있는 웹 페이지 전체를 리사이징(예를 들어, 축소 리사이징)하여 표시하여도, 메뉴, 확대 및 축소에 대한 사용자 입력을 입력할 수 있는 입력 구성 요소(310)가 본문 구성 요소(예를 들어, 지도 정보)와 함께 정상적으로(예를 들어, 선명하게) 표시되는 경우의 예를 도시하고 있다.

한편, 도 3의 (b)는 본 발명의 실시 예에 따른 표시부(50)와 같이 낮은 해상도를 가지는 표시화면(예를 들어, 240 x 400의 픽셀 해상도를 가지는 표시화면)에 축소 리사이징되어 표시된 웹 페이지를 확대하여 표시하는 경우의 예를 도시하고 있다.

해상도가 낮은 표시화면에 도 3의(a)에 도시된 바와 같은 웹 페이지(예를 들어, 높은 해상도로 표시되도록 설정된 웹 페이지)를 표시하게 될 경우, 표시화면에 웹 페이지를 모두 표시할 수 없으므로 표시화면에 대응되게 웹 페이지를 축소 리사이징하여 표시하게 된다. 이렇게 축소 리사이징하여 웹페이지를 표시할 경우, 표시부의 표시화면의 해상도가 낮을 경우 픽셀 매칭 등의 원인으로 인해 웹 페이지는 선명하게 표시되지 않고, 이로 인해 웹 페이지가 표시하는 정보(예를 들어, 지도 정보)를 확인하기 어려운 점이 있다.

따라서, 사용자는 도 3의 (b)에 도시된 바와 같이 표시화면의 크기에 대응되게 축소 리사이징되어 표시된 웹 페이지를 확대(확대 리사이징)하여 지도 정보를 선명하게 볼 수 있도록 요청할 수 있다. 그러나, 이렇게 웹 페이지를 확대할 경우 도 3의 (a)에 도시되었던 입력 구성 요소(310)는 도 3의 (b)에 도시된 바와 같이 더 이상 표시화면에 표시되지 않는 문제점이 발생할 가능성이 있고, 입력 구성 요소(310)가 표시되지 않으면 사용자는 웹 페이지를 정상적을 이용할 수 없는 불편함을 겪게 된다.

전술한, 도 3의 (a) 및 (b)에 대한 설명을 토대로 도 1-3을 참조하여 본 발명의 제1실시예에 대해 살펴보면 다음과 같다.

S201-S203 단계에서, 제어부(10)는 접속이 요청된 웹 페이지를 다운로드하고, 다운로드된 웹 페이지를 분석하여 본문 구성 요소와 입력 구성 요소로 구분한다.

소정 웹 페이지의 URL(Uniform Resource Locator)에 대한 사용자의 접속 요청에 따라, 제어부(10)는 인터넷 웹 페이지에 접속하여, 스타일시트(CSS; Cascading Style Sheets) 등을 이용한 HTML(Hyper Text Markup Language) XML(Extensible Markup Language) 등의 언어로 구성된 웹 페이지(예를 들어, 웹 페이지의 소스 코드)를 무선 송수신부(23)를 통해 다운로드하여 메모리(30)에 저장하도록 제어한다. 이후, 제어부(10)는 다운로드한 웹 페이지에 대한 분석(parsing)을 통해 웹 페이지를 구성하는 구성 요소의 태그 패턴 등을 분석하고 각 구성 요소의 레이아웃을 계산(확인)한다. 이를 통해, 본 발명의 실시 예에 따른 제어부(10)는 웹 페이지를 본문 구성 요소 및 입력 구성 요소로 구분한다.

한편, 본 발명의 실시 예에 따른 제어부(10)는 구문분석 및 레이아웃을 통한 분석을 통해 웹 페이지의 각 구성 요소의 표시 크기(width 및 height에 의한)를 확인한 후에, 표시 크기가 표시부(50)의 표시화면의 표시 크기보다 크게 설정된 구성 요소를 본문 구성 요소로 구분하고, 표시 크기가 표시부(50)의 표시 화면의 표시 크기보다 작게 설정된 구성 요소를 입력 구성 요소로 구분할 수 있다.

예를 들어, 전술한 도 3의 (a)의 웹 페이지에서 지도 정보(또는 지도 이미지)는 본 발명의 실시 예에 따른 표시부(50)의 표시화면보다 표시크기가 큰 구성 요소이므로 본문 구성 요소에 해당하고, 310으로 도시된 부분은 표시부(50)의 표시화면보다 표시크기가 작으므로 입력 구성 요소에 해당한다. 지도 정보를 제공하는 소정의 웹 페이지 같은 경우, 255 x 255의 픽셀 크기를 가지는 분할 이미지를 여러 개 결합하여 지도 정보를 제공한다. 만약, 9개의 분할 이미지가 결합된 지도 정보가 웹페이지 상에서 표시된다고 가정하면, 765 x 765의 픽셀 크기는 일반적인 휴대단말기의 표시부의 표시 크기보다 크므로, 이러한 구성 요소를 본문 구성 요소로 판단할 수 있다.

S204-S205 단계에서, 제어부(10)는 입력 구성 요소는 리사이징하여 표시되고 본문 구성 요소는 리사이징하지 않고 표시되도록 제어한다.

웹 페이지에 대한 본문 구성 요소 및 입력 구성 요소로의 구분이 완료되면, 본 발명의 실시예는 구성 요소 및 입력 구성요소로 구성되는 웹 페이지를 표시한다. 따라서, 제어부(10)는 본 발명의 제1실시예에 따라 본문 구성 요소와 입력 구성 요소를 구분하여 표시하도록 제어한다.

즉, 본 발명의 제1실시예에 따른 제어부(10)는 도 3의 (c)에 도시된 바와 같이, 본문 구성 요소에 해당하는 지도 정보(예를 들어, 지도 이미지가 포함된)에 해당하는 웹 페이지의 본문 구성 요소는 본문 구성 요소의 설정된 해상도 그대로(리사이징 없이) 표시하도록 제어한다.

예를 들어, 지도 정보를 포함하는 본문 구성 요소가 765 x 765 픽셀의 표시크기로 표시되도록 설정된 것으로 분석되었을 경우, 제어부(10)는 표시부(50)의 표시화면의 표시크기(예를 들어, 240 x 320)에 대응되게 765 x 765 픽셀크기의 본문 구성 요소 중 240 x 320에 해당하는 일부분(예를 들어, 765 x 765 의 본문 구성 요소에서 240 x 320의 픽셀 크기만큼에 대응되는 부분)만을 리사이징 없이 표시하도록 제어한다.

이렇게 리사이징 없이 본문 구성 요소를 표시하게 되면 도 3의(a)와 같이 지도 정보의 모든 부분을 표시할 수 없는 부분이 있으나, 리사이징으로 인한 이미지(예를 들어, 지도 이미지) 품질의 저하가 없어 지도 정보를 선명한 상태로 확인 가능한 장점이 있다.

또한, 본 발명의 제1실시예에 따른 제어부(10)는 도 3의 (c)에 도시된 바와 같이 입력 구성 요소(320)도 표시부(50)의 표시화면에 표시화면에 표시하는데, 표시화면의 표시크기(해상도)에 적합하게 도 3의 (a)에 도시된 입력 구성 요소(310)을 320의 입력 구성 요소로 리사이징하여 표시하도록 제어한다.

이 때, 입력 구성 요소는 표시부(50)의 해상도(예를 들어, 240 x 320의 저해상도)에 적합하게 리사이징하여 표시될 수도 있으나, 웹 페이지의 특성에 따라 리사이징하지 않고 표시될 수도 있다. 예를 들어, 분석된 소정의 웹 페이지에서 입력 구성 요소에 해당하는 요소가 낮은 표시크기(예를 들어, width는 표시부(50)의 width와 유사하고 height가 수십 픽셀로 그 표시크기가 작은 경우)일 경우에는, 리사이징하지 않고 표시부(50)의 표시화면에 표시될 수 있다.

S206-S207 단계에서, 제어부(10)는 표시된 본문 구성 요소에 대해 사용자로부터 이동 표시가 요청되는지 확인하여, 확인 여부에 따라 본문 구성 요소를 이동 표시한다.

본 발명의 실시예에 따라 도 3의 (c)에 도시된 바와 본문 구성 요소에 해당하는 지도 정보(지도 이미지 등이 포함된)가 리사이징되지 않고 표시되면, 본문 구성 요소가 제공하는 정보(예를 들어, 지도 이미지)를 선명하게 확인 가능한 장점이 있지만, 표시되는 범위가 한정되는 단점이 있다. 따라서, 본 발명의 실시 예에 따른 제어부(10)는 사용자로부터 리사이징하지 않고 표시된 본문 구성 요소에 대한 이동 표시가 요청되는지 확인하여, 이동 표시가 요청된 것으로 확인되면 이동 표시 요청에 대응되게 본문 구성 요소를 이동 표시하도록 제어한다.

예를 들어, 도 3의 (d)는 도 3의 (c)와 같이 표시된 웹 페이지에 대해서, 사용자가 본문 구성 요소(예를 들어, 지도 이미지)에 대해서 330a에서 330b로 터치 입력을 통해 이동 표시를 요청하였을 경우에 대응되게 본문 구성 요소(예를 들어, 지도 이미지)가 이동 표시된 것을 도시하고 있다. 이 때, 표시된 본문 구성 요소에 대한 이동 표시의 요청은 도 3의 (d)에 도시된 바와 같이 소정 방향으로의 터치 입력하여 해당 방향으로 본문 구성 요소가 이동되도록 요청할 수도 있지만, 별도의 메뉴 또는 별도의 설정키 등을 통해 이동 표시 요청할 수도 있다.

한편, 본 발명의 실시 예에 따른 제어부(10)는 이동 표시되는 동안 본문 구성 요소가 리사이징되지 않고 표시되도록 제어할 수도 있고, 이동 표시되는 동안에는 구성 요소가 리사이징되어 표시되도록 제어할 수도 있다.

예를 들어, 사용자가 키입력부(23)의 키입력 또는 표시부(50)를 통한 터치스크린 입력을 통해 표시된 본문 구성 요소에 대한 이동 표시를 요청할 경우, 본문 구성 요소가 선명하게 잘 보이도록 하기 위해서 이동 표시 동안에도 본문 구성 요소를 리사이징하지 않고 표시하도록 제어할 수 있으며, 본문 구성 요소가 이동하는 방향을 용이하게 파악할 수 있도록 하기 위해서 이동 표시 동안에는 본문 구성 요소를 리사이징하여 표시하도록 제어할 수 있다.

여기서 이동 표시 동안(또는 이동 표시 중일 때)이라는 것은 이동 표시 요청이 완료되기 이전의 시간을 의미하는 것으로, 표시된 본문 구성 요소를 드래그(drag)하여 본문 구성 요소를 이동 표시 요청하는 것이 계속 되는 시간의 예로 이해될 수 있으며, 표시된 본문 구성 요소를 드래그하는 터치스크린 입력이 끝나면(예를 들어, 손가락이 표시화면에서 떨어지면) 이동 표시 요청이 완료된 것으로 이해될 수 있다.

즉, 본문 구성 요소를 이동 표시할 수 있도록 설정된 키입력부(23)의 소정의 키 또는 본문 구성 요소를 이동 표시하도록 하는 드래그 입력이 계속 되는 동안에, 제어부(10)는 본문 구성 요소를 리사이징하여 표시하거나 리사이징하지 않고 표시하도록 제어할 수 있다.

도 4는 본 발명의 제2실시예에 따라 휴대단말기에서 웹페이지를 표시하는 과정에 대한 흐름도이며, 도 5은 본 발명의 제2실시예에 따라 휴대단말기에서 웹페이지를 표시하는 과정에 대한 예시도이다. 도 1 및 도 4-5를 참조하여 본 발명의 제2실시예에 대해 살펴보면 다음과 같다.

S401-S403 단계에서, 제어부(10)는 접속이 요청된 웹 페이지를 다운로드하고, 다운로드된 웹 페이지를 분석하여 본문 구성 요소와 입력 구성 요소로 구분하도록 제어한다.

S401-S403 단계에 대한 설명은 본 발명의 제1실시예와 관련된 도 2의 S201-S203 단계에 대한 설명을 통해 이해될 수 있다.

S404-S405 단계에서, 제어부(10)는 분석을 통해 본문 구성 요소 및 입력 구성 요소로 구분된 웹 페이지를 표시하고, 사용자에 의해 고정 영역이 설정되는지 확인하도록 제어한다.

도 5의 (a)는 본문 구성 요소 및 입력 구성 요소로 구분된 웹 페이지가 표시부(50)의 표시화면의 크기에 적합하게 리사이징되어 표시된 경우를 도시하고 있는데, 도 2에서 설명한 바와 같이 웹 페이지를 리사이징하여 표시하게 되면 웹 페이지가 제공하는 정보(예를 들어, 지도 정보)가 선명하게 볼 수 없는 경우가 발생할 가능성이 있다.

따라서, 본 발명의 실시예를 통한 휴대단말기를 이용하는 사용자는 소정의 입력을 통해 웹 페이지가 표시된 표시화면의 일부 영역에 대해 고정 영역을 설정할 수 있는데, 고정 영역은 해당 영역에서는 웹 페이지가 리사이징 없이 원본 크기대로 표시되는 영역이다.

따라서, 사용자는 고정 영역을 설정하여 해당 영역에 의해 선택된 본문 구성 요소의 일부분(예를 들어, 도 5의 (a)에 표시된 지도에서 북아메리카에 해당하는 부분)서는 웹페이지가 리사이징없이 표시되어 해당 본문 구성 요소의 웹 페이지가 제공하는 정보를 선명하거나 명확하게 확인하는 것을 요청할 수 있다.

이에, 사용자는 도 5의 (a)와 같이 축소 리사이징되어 표시된 웹 페이지(예를 들어, 표시부의 표시화면의 크기에 대응되게 축소 리사이징된 웹페이지)의 본문 구성 요소에 대해 소정 크기의 고정 영역(510)과 같이 설정하여 리사이징없이 확인하고자 하는 본문 구성 요소의 소정 부분을 선택할 수 있다. 이 때, 사용자는 도 5의 (a)에 도시된 바와 같이 터치 입력 또는 키 입력 등을 통해 510a 또는 510b와 같이 고정 영역의 크기를 필요한 만큼 설정할 수 있다.

S406-S407 단계에서, 제어부(10)는 본문 구성 요소의 일부분이 리사이징되지 않고 고정영역에 표시되고, 입력 구성 요소와 고정 영역에 표시되지 않은 본문 구성 요소의 나머지 부분을 리사이징하여 고정영역 이외의 영역에 표시하도록 제어한다.

제어부(10)는 도 5의 (a)에 도시된 바와 같이 축소 리사이징하여 표시된 웹 페이지에 대해 설정된 고정 영역(510)에 의해 선택된 본문 구성 요소의 일부분을 고정 영역이 설정될 때 확인하고, 고정 영역에 의해 선택된 본문 구성 요소의 일부분을 리사이징하지 않고 고정 영역에 표시하도록 제어한다.

이때, 본 발명의 실시 예에 따른 표시부(50)가 저해상도라는 가정하에서, 설정된 고정 영역에 의해 선택된 본문 구성 요소의 일부분의 실제 표시 크기는 고정 영역의 표시 크기 보다 크게 된다. 따라서, 본 발명의 실시 예에 따른 제어부(10)는 도 5의 (b)에 도시된 바와 같이 고정 영역에 의해 선택된 본문 구성 요소의 일부분 중에서 고정 영역의 표시 크기에 대응하는 소정 부분(즉, 고정 영역의 표시 크기와 동일한 표시 크기를 가지는 일부분)만을 표시하도록 제어한다. 한편, 고정 영역에 의해 선택되지 않은 본문 구성 요소의 나머지 부분과 입력 구성 요소(520)에 대해서는, 제어부(10)는 표시부(50)의 표시 크기(예를 들어, 해상도)에 대응되게 리사이징(예를 들어, 축소 리사이징)하여 표시하도록 제어한다.

즉, 도 5의 (a)와 같이 리사이징되어 표시되던 웹 페이지는 사용자의 특정 제스쳐 입력 또는 특정 키 입력에 따라 고정 영역의 설정이 완료되면, 도 5의 (b)와 같이 고정 영역에 의해 선택된 본문 구성 요소는 리사이징되지 않고 표시되고, 고정 영역에 의해 선택되지 않은 본문 구성 요소와 입력 구성 요소는 리사이징되어 표시된다.

다시 말해, 도 5의 (b)는 본문 구성 요소와 입력 구성 요소로 구분된 웹 페이지를 표시하되, 설정된 고정 영역(510)에 의해 선택된 본문 구성 요소를 고정 영역에 리사이징하지 않고 표시하고, 고정 영역(510)에 의해 선택되지 않은 본문 구성 요소의 나머지 부분과 입력 구성 요소(520)는 고정 영역을 제외한 표시화면의 영역에 리사이징하여 표시하는 본 발명의 제2실시예를 도시하고 있다.

S408-S409 단계에서, 제어부(10)는 고정영역에 표시된 본문 구성 요소에 대한 이동 표시 요청을 확인하고, 이동 표시 요청에 대응되게 본문 구성 요소를 이동 표시하도록 제어한다.

전술한 바와 같이, 본 발명의 실시 예에 따른 표시부(50)가 저해상도일 경우, 설정된 고정 영역에 의해 선택된 본문 구성 요소의 일부분을 리사이징하지 않고 표시하게 되면, 고정 영역은 작은 표시 크기(작은 해상도)때문에 고정 영역에 의해 선택된 본문 구성 요소가 모두 표시될 수 없다.

따라서, 사용자는 도 5의 (c)와 같이 530a에서 530b로의 터치 입력 또는 도 5의 (d)와 같이 540a 에서 540b로의 터치 입력을 통해서, 고정 영역에 표시된 본문 구성 요소(고정 영역의 설정시 고정 영역에 의해 선택된)가 이동 표시되도록 요청하여 도 5의 (b)에서 표시되지 않았던 본문 구성 요소의 나머지 부분을 확인할 수 있다.

지금까지 본 발명에 대해서 상세히 설명하였으나, 그 과정에서 언급한 실시예는 예시적인 것일 뿐, 한정적인 것이 아님을 분명히 하며, 본 발명은 이하의 특허청구범위에 의해 제공되는 본 발명의 기술적 사상이나 분야를 벗어나지 않는 범위 내에서, 본 발명으로부터 균등하게 대체될 수 있는 정도의 구성요소 변경은 본 발명의 범위에 속한다 할 것이다.

Claims

휴대단말기의 웹 페이지 표시 방법에 있어서,
접속이 요청된 웹 페이지를 다운로드하는 과정과,
상기 다운로드된 웹 페이지를 분석하여 본문 구성 요소와 입력 구성 요소로 구분하는 과정과,
상기 본문 구성 요소를 휴대단말기의 표시부의 소정 영역에 리사이징하지 않고 표시하는 과정과,
상기 입력 구성 요소를 소정의 표시 크기로 리사이징하여 표시하는 과정을 포함하는 것을 특징으로 하는 휴대단말기의 웹 페이지 표시 방법.
제1항에 있어서,
상기 본문 구성 요소와 입력 구성 요소로 웹 페이지를 구분하는 과정은,
상기 분석된 웹 페이지의 구성 요소 중에서 표시 크기가 상기 표시부의 표시 크기보다 크게 설정된 구성 요소를 상기 본문 구성 요소로 구분하는 과정을 포함하는 것을 특징으로 하는 휴대단말기의 웹 페이지 표시 방법.
제2항에 있어서,
상기 분석된 웹 페이지의 구성 요소 중에서 표시 크기가 상기 표시부의 표시 크기보다 작거나 같게 설정된 구성 요소를 상기 입력 구성 요소로 구분하는 과정을 더 포함하는 것을 특징으로 하는 휴대단말기의 웹 페이지 표시 방법.
제1항에 있어서,
상기 리사이징하지 않고 표시하는 과정은,
상기 소정 영역의 표시 크기에 대응하는 크기만큼 상기 본문 구성 요소의 일부분을 리사이징하지 않고 표시하는 과정을 포함하는 것을 특징으로 하는 휴대단말기의 웹 페이지 표시 방법.
제1항에 있어서,
상기 입력 구성 요소는 상기 표시부의 표시 크기에 대응되는 표시 크기로 리사이징되어 표시되는 것을 특징으로 하는 휴대단말기의 웹 페이지 표시 방법.
제1항에 있어서,
상기 소정 영역에 리사이징하지 않고 표시된 본문 구성 요소에 대해 사용자의 이동 표시가 요청되는 과정과,
상기 이동 표시의 요청에 따라 상기 본문 구성 요소를 상기 소정 영역 내에서 이동 표시하는 과정을 더 포함하는 것을 특징으로 하는 휴대단말기의 웹 페이지 표시 방법.
제6항에 있어서,
상기 소정 영역 내에서 이동 표시되는 본문 구성 요소는 이동 표시중 일 때는 리사이징하지 않고 이동 표시되거나 리사이징하여 이동 표시되는 것을 특징으로 하는 휴대단말기의 웹 페이지 표시 방법.
휴대단말기의 웹 페이지 표시 방법에 있어서,
접속이 요청된 웹 페이지를 다운로드하여 분석하고, 상기 웹 페이지를 본문 구성 요소와 입력 구성 요소로 구분하는 과정과,
상기 본문 구성 요소와 입력 구성 요소로 구분된 웹 페이지를 표시부의 표시화면에 표시하는 과정과,
사용자로부터 상기 표시화면 중의 일부 영역에 대한 고정 영역을 설정받는 과정과,
상기 고정 영역에 해당하는 영역에는 상기 본문 구성 요소의 일부분을 리사이징하지 않고 표시하는 과정과,
상기 고정 영역 이외의 영역에는 상기 입력 구성 요소와 상기 고정 영역에 표시되지 않은 본문 구성 요소의 나머지 부분을 리사이징하여 표시하는 과정을 포함하는 것을 특징으로 하는 웹 페이지 표시 방법.
제8항에 있어서,
상기 본문 구성 요소와 입력 구성 요소로 웹 페이지를 구분하는 과정은,
상기 분석된 웹 페이지의 구성 요소 중에서 표시 크기가 상기 표시부의 표시 크기보다 크게 설정된 구성 요소를 상기 본문 구성 요소로 구분하는 과정을 포함하는 것을 특징으로 하는 휴대단말기의 웹 페이지 표시 방법.
제9항에 있어서,
상기 분석된 웹 페이지의 구성 요소 중에서 표시 크기가 상기 표시부의 표시 크기보다 작거나 같게 설정된 구성 요소를 상기 입력 구성 요소로 구분하는 과정을 더 포함하는 것을 특징으로 하는 휴대단말기의 웹 페이지 표시 방법.
제8항에 있어서,
상기 리사이징하지 않고 표시하는 과정은,
상기 고정 영역의 표시 크기에 대응하는 크기만큼 상기 본문 구성 요소의 일부분을 리사이징하지 않고 표시하는 과정을 포함하는 것을 특징으로 하는 휴대단말기의 웹 페이지 표시 방법.
제8항에 있어서,
상기 소정 영역에 리사이징하지 않고 표시된 본문 구성 요소에 대해 사용자의 이동 표시가 요청되는 과정과,
상기 이동 표시의 요청에 따라 상기 본문 구성 요소를 상기 고정 영역 내에서 이동 표시하는 과정을 더 포함하는 것을 특징으로 하는 휴대단말기의 웹 페이지 표시 방법.
제12항에 있어서,
상기 고정 영역 내에서 이동 표시되는 본문 구성 요소는 이동 표시중 일 때는 리사이징하지 않고 이동 표시되거나 리사이징하여 이동 표시되는 것을 특징으로 하는 휴대단말기의 웹 페이지 표시 방법.