KR102222533B1 - 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템 및 그 제어방법 - Google Patents

Abstract

본 발명은 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템 및 그 제어방법에 관한 것이다. 본 발명은 웹 콘텐츠 제작 방식이 반응형 인지 고정형 인지 시스템에서 판단한 후, 웹 콘텐츠의 해상도를 파악하여 최적의 사이즈를 판단하고, 재생하는 기기의 환경을 확인하여 웹 콘텐츠 사이즈를 자동으로 최적화한 다음에, 콘텐츠의 타입을 자동으로 확인하여 최적화 방법을 결정하는 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템 및 그 제어방법을 제안하고자 한다.

Description

고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템 및 그 제어방법 {automatic conversion system and control method of fixed web content into reactive content}

본 발명은 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템 및 그 제어방법에 관한 것이다.

개인용 컴퓨터, 노트북, 휴대폰 등과 같은 단말기는 다양한 기능을 수행할 수 있도록 구성될 수 있다. 그러한 다양한 기능들의 예로 데이터 및 음성 통신 기능, 카메라를 통해 사진이나 동영상을 촬영하는 기능, 음성 저장 기능, 스피커 시스템을 통한 음악 파일의 재생 기능, 이미지나 비디오의 디스플레이 기능 등이 있다. 일부 단말기는 게임을 실행할 수 있는 추가적 기능을 포함하고, 다른 일부 단말기는 멀티미디어 기기로서 구현되기도 한다. 더욱이 최근의 단말기는 방송이나 멀티캐스트(multicast) 신호를 수신하여 비디오나 텔레비전 프로그램을 시청할 수 있다.

일반적으로 단말기는 이동 가능 여부에 따라 이동 단말기(mobile/portable terminal) 및 고정 단말기(stationary terminal)로 나뉠 수 있다. 다시 이동 단말기는 사용자의 직접 휴대 가능 여부에 따라 휴대(형) 단말기(handheld terminal) 및 거치형 단말기(vehicle mount terminal)로 나뉠 수 있다.

이와 같은 단말기(terminal)는 기능이 다양화됨에 따라 예를 들어, 사진이나 동영상의 촬영, 음악이나 동영상 파일의 재생, 게임, 방송의 수신 등의 복합적인 기능들을 갖춘 멀티미디어 기기(Multimedia player) 형태로 구현되고 있다.

이러한 단말기의 기능 지지 및 증대를 위해, 단말기의 구조적인 부분 및/또는 소프트웨어적인 부분을 개량하는 것이 고려될 수 있다.

한편, 하나의 웹(web) 콘텐츠는 다양한 단말에서 표시될 수 있고, 각각의 단말이 지원하는 환경은 상이할 수 있다. 이 경우, 웹 콘텐츠는 일부 단말에서는 원본 수정 없이 전체 콘텐츠 내용이 표시될 수 있으나 다른 단말에서는 내용이 잘라져서 표시되거나 일부 영역만 표시되는 등의 문제가 발생된다.

또한, 복수의 웹(web) 콘텐츠는 다양한 크기로 제작될 수 있고, 이 경우, 어느 하나의 단말에서 일부의 콘텐츠는 환경이 지원되어 원본 수정 없이 전체 콘텐츠 내용이 표시될 수 있으나 다른 콘텐츠는 환경이 지원되지 않아 잘라져서 표시되거나 일부만 표시되는 등의 문제가 발생된다.

따라서 다양한 크기로 제작된 웹 콘텐츠를 원본 수정 없이 모든 기기의 환경에 최적화하여 재생하기 위한 시스템 및 방법에 대한 니즈가 높아지고 있는 실정이다.

(1) 대한민국 특허청 출원번호 제10-2018-0002730호 (2) 대한민국 특허청 출원번호 제10-2016-0161796호

본 발명은 상기 종래의 문제점을 해소하기 위해, 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템 및 그 제어방법을 제안하고자 한다.

즉, 본 발명은 다양한 크기로 제작된 웹 콘텐츠를 원본 수정 없이 모든 기기의 환경에 최적화하여 재생하기 위한 시스템 및 방법을 제안하고자 한다.

구체적으로, 본 발명은 웹 콘텐츠 제작 방식이 반응형 인지 고정형 인지 시스템에서 판단한 후, 웹 콘텐츠의 해상도를 파악하여 최적의 사이즈를 판단하고, 재생하는 기기의 환경을 확인하여 웹 콘텐츠 사이즈를 자동으로 최적화한 다음에, 콘텐츠의 타입(문서or이미지)을 자동으로 확인하여 최적화 방법을 결정하는 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템 및 그 제어방법을 제안하고자 한다.

다만, 본 발명에서 이루고자 하는 기술적 과제들은 이상에서 언급한 기술적 과제들로 제한되지 않으며, 언급하지 않은 또 다른 기술적 과제들은 아래의 기재로부터 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자에게 명확하게 이해될 수 있을 것이다.

상술한 과제를 실현하기 위한 본 발명의 일예와 관련된 단말에서 웹 콘텐츠를 표시하는 방법에 있어서, 상기 웹 콘텐츠를 외부로부터 수신하는 제 1 단계; 상기 웹 콘텐츠가 고정형 웹 콘텐츠인지 또는 반응형 웹 콘텐츠인지 여부를 판단하는 제 2 단계; 상기 웹 콘텐츠가 상기 고정형 웹 콘텐츠인 경우에만 상기 웹 콘텐츠 원본의 가로 및 세로 관련 제 1 해상도 정보를 취득하는 제 3 단계; 상기 단말의 웹 브라우저가 지원하는 가로 및 세로 관련 제 2 해상도 정보를 취득하는 제 4 단계; 상기 제 1 해상도 정보와 상기 제 2 해상도 정보를 상호 비교하는 제 5 단계; 상기 제 1 해상도 정보와 상기 제 2 해상도 정보가 상이한 경우에만, 상기 웹 콘텐츠를 상기 제 2 해상도 정보에 따라 변환하는 제 6 단계; 및 상기 변환된 웹 콘텐츠를 표시하는 제 7 단계;를 포함할 수 있다.

또한, 상기 반응형 웹 콘텐츠는, 상기 단말의 종류 및 화면 크기에 실시간 반응하여 웹 페이지를 상기 단말의 종류 및 화면 크기에 대응하는 화면 구성으로 표시하는 콘텐츠일 수 있다.

또한, 상기 제 6 단계는, 상기 웹 콘텐츠가 텍스트로만 구성되었는지 여부를 판단하는 제 6-1 단계;를 더 포함할 수 있다.

또한, 상기 웹 콘텐츠가 텍스트로만 구성된 경우, 상기 제 6-1 단계 이후에는, 상기 웹 콘텐츠의 가로 해상도를 상기 제 2 해상도 정보에 따른 가로 해상도에 맞춰 변환하는 제 6-2 단계; 및 상기 변환된 가로 해상도를 기준으로, 상기 웹 콘텐츠 내에 있는 텍스트의 내용이 상기 단말 상에 모두 표시되는 제 6-3 단계;를 더 포함할 수 있다.

또한, 상기 제 6-3 단계에서 표시되는 텍스트는, 상기 단말 상에 모든 내용이 표시되도록, 상기 웹 콘텐츠 원본 내에 있는 텍스트의 정렬과 변화되어 표시될 수 있다.

또한, 상기 웹 콘텐츠가 텍스트로만 구성된 경우, 상기 제 6-1 단계 이후에는, 상기 웹 콘텐츠의 세로 해상도를 상기 제 2 해상도 정보에 따른 세로 해상도에 맞춰 변환하는 제 6-4 단계; 및 상기 변환된 세로 해상도를 기준으로, 상기 웹 콘텐츠 내에 있는 텍스트의 내용이 상기 단말 상에 모두 표시되는 제 6-5 단계;를 더 포함할 수 있다.

또한, 상기 제 6-5 단계에서 표시되는 텍스트는, 상기 단말 상에 모든 내용이 표시되도록, 상기 웹 콘텐츠 원본 내에 있는 텍스트의 정렬과 변화되어 표시될 수 있다.

또한, 상기 웹 콘텐츠가 텍스트로만 구성되지 않고, 이미지 및 동영상 중 적어도 하나를 포함하여 구성된 경우, 상기 제 6-1 단계 이후에는, 상기 웹 콘텐츠의 가로 해상도 및 세로 해상도 중 더 큰 해상도를 기준으로, 상기 제 2 해상도의 가로 및 세로 해상도에 대응하도록, 상기 웹 콘텐츠를 변환하는 제 6-6 단계;를 더 포함할 수 있다.

또한, 상기 제 6-6 단계에서, 상기 단말의 디스플레이부 상의 전체 영역 중 제 1 영역에 상기 변환된 웹 콘텐츠 전부가 표시되고, 상기 전체 영역 중 나머지 제 2 영역은 엠티(empty) 영역으로 처리될 수 있다.

한편, 상술한 과제를 실현하기 위한 본 발명의 다른 일예와 관련된 웹 콘텐츠를 표시하는 단말에 있어서, 상기 웹 콘텐츠를 외부로부터 수신하는 통신부; 상기 웹 콘텐츠가 고정형 웹 콘텐츠인지 또는 반응형 웹 콘텐츠인지 여부를 판단하고, 상기 웹 콘텐츠가 상기 고정형 웹 콘텐츠인 경우에만 상기 웹 콘텐츠 원본의 가로 및 세로 관련 제 1 해상도 정보를 취득하며, 상기 단말의 웹 브라우저가 지원하는 가로 및 세로 관련 제 2 해상도 정보를 취득하고, 상기 제 1 해상도 정보와 상기 제 2 해상도 정보를 상호 비교하며, 상기 제 1 해상도 정보와 상기 제 2 해상도 정보가 상이한 경우에만, 상기 웹 콘텐츠를 상기 제 2 해상도 정보에 따라 변환하는 제어부; 및 상기 제어부의 제어에 따라 상기 변환된 웹 콘텐츠를 표시하는 디스플레이부;를 포함할 수 있다.

또한, 상기 반응형 웹 콘텐츠는, 상기 단말의 종류 및 화면 크기에 실시간 반응하여 웹 페이지를 상기 단말의 종류 및 화면 크기에 대응하는 화면 구성으로 표시하는 콘텐츠 일 수 있다.

또한, 상기 제어부는, 상기 웹 콘텐츠가 텍스트로만 구성되었는지 여부를 추가적으로 판단할 수 있다.

또한, 상기 웹 콘텐츠가 텍스트로만 구성된 경우, 상기 제어부는, 상기 웹 콘텐츠의 가로 해상도를 상기 제 2 해상도 정보에 따른 가로 해상도에 맞춰 변환하고, 상기 변환된 가로 해상도를 기준으로, 상기 웹 콘텐츠 내에 있는 텍스트의 내용이 상기 디스플레부 상에 모두 표시되도록 제어할 수 있다.

또한, 상기 표시되는 텍스트는, 상기 단말 상에 모든 내용이 표시되도록, 상기 웹 콘텐츠 원본 내에 있는 텍스트의 정렬과 변화되어 표시될 수 있다.

또한, 상기 웹 콘텐츠가 텍스트로만 구성된 경우, 상기 제어부는, 상기 웹 콘텐츠의 세로 해상도를 상기 제 2 해상도 정보에 따른 세로 해상도에 맞춰 변환하고, 상기 변환된 세로 해상도를 기준으로, 상기 웹 콘텐츠 내에 있는 텍스트의 내용이 상기 디스플레이부 상에 모두 표시되도록 제어할 수 있다.

또한, 상기 표시되는 텍스트는, 상기 단말 상에 모든 내용이 표시되도록, 상기 웹 콘텐츠 원본 내에 있는 텍스트의 정렬과 변화되어 표시될 수 있다.

상기 웹 콘텐츠가 텍스트로만 구성되지 않고, 이미지 및 동영상 중 적어도 하나를 포함하여 구성된 경우, 상기 제어부는, 상기 웹 콘텐츠의 가로 해상도 및 세로 해상도 중 더 큰 해상도를 기준으로, 상기 제 2 해상도의 가로 및 세로 해상도에 대응하도록, 상기 웹 콘텐츠를 변환할 수 있다.

또한, 상기 제어부의 제어에 따라, 상기 단말의 디스플레이부 상의 전체 영역 중 제 1 영역에 상기 변환된 웹 콘텐츠 전부가 표시되고, 상기 전체 영역 중 나머지 제 2 영역은 엠티(empty) 영역으로 처리될 수 있다.

상기와 같이 구성되는 본 발명의 적어도 하나의 실시예는 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템 및 그 제어방법을 사용자에게 제공할 수 있다.

구체적으로, 본 발명은 웹 콘텐츠 제작 방식이 반응형 인지 고정형 인지 시스템에서 판단한 후, 웹 콘텐츠의 해상도를 파악하여 최적의 사이즈를 판단하고, 재생하는 기기의 환경을 확인하여 웹 콘텐츠 사이즈를 자동으로 최적화한 다음에, 콘텐츠의 타입(문서or이미지)을 자동으로 확인하여 최적화 방법을 결정하는 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템 및 그 제어방법을 사용자에게 제공할 수 있다.

따라서 본 발명은 다양한 크기로 제작된 웹 콘텐츠를 원본 수정 없이 모든 기기의 환경에 최적화하여 재생하기 위한 시스템 및 방법을 사용자에게 제공할 수 있다.

다만, 본 발명에서 얻을 수 있는 효과는 이상에서 언급한 효과들로 제한되지 않으며, 언급하지 않은 또 다른 효과들은 아래의 기재로부터 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자에게 명확하게 이해될 수 있을 것이다.

도 1은 본 발명과 관련된 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템의 블록 구성도(block diagram)를 도시한 것이다.
도 2는 본 발명과 관련하여, 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 단말의 블록 구성도(block diagram)를 도시한 것이다.
도 3은 본 발명이 제안하는, 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 방법을 설명하는 순서도이다.
도 4a 내지 도 4c는 종래기술에 따라 고정형 웹 콘텐츠가 내용이 잘라져서 표시되거나 일부 영역만 표시되는 등의 문제를 설명하기 위한 도면이다.
도 5a 내지 도 5d는 본 발명과 관련하여, 다양한 크기로 제작된 웹 콘텐츠가 원본 수정 없이 모든 기기의 환경에 최적화하여 재생되는 일례를 도시한 것이다.
도 6a 및 도 6b는 종래기술에 따라 텍스트 컨텐츠가 내용이 잘라져서 표시되거나 일부 영역만 표시되는 등의 문제를 설명하기 위한 도면이다.
도 7a 내지 도 7c는 본 발명과 관련하여, 다양한 크기로 제작된 텍스트 컨텐츠가 원본 수정 없이 모든 기기의 환경에 최적화하여 재생되는 일례를 도시한 것이다.
도 8은 본 발명과 관련하여, 콘텐츠의 타입(문서or이미지)을 자동으로 확인하여 최적화 방법을 결정하는 방법을 설명하는 순서도이다.
도 9a 및 도 9b는 도 8에서 설명한 콘텐츠의 타입(문서or이미지)을 자동으로 확인하여 최적화 방법을 결정하는 방법이 적용된 일례를 도시한 것이다.

고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템

먼저, 본 발명과 관련된 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템을 설명한다.

이하의 설명에서 사용되는 구성요소에 대한 접미사 "모듈" 및 "부"는 명세서 작성의 용이함만이 고려되어 부여되거나 혼용되는 것으로서, 그 자체로 서로 구별되는 의미 또는 역할을 갖는 것은 아니다.

도 1은 본 발명과 관련된 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템의 블록 구성도(block diagram)를 도시한 것이다.

도 1을 참조하면, 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템 (10)은 단말(100)과 서버(200)를 포함할 수 있다.

먼저, 단말(100)은 무선 통신부(110), A/V(Audio/Video) 입력부(120), 사용자 입력부(130), 센싱부(140), 출력부(150), 메모리(160), 인터페이스부(170), 제어부(180) 및 전원 공급부(190) 등을 포함할 수 있다.

단, 도 1에 도시된 구성요소들이 필수적인 것은 아니어서, 그보다 많은 구성요소들을 갖거나 그보다 적은 구성요소들을 갖는 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템이 구현될 수도 있다.

이하, 상기 구성요소들에 대해 차례로 살펴본다.

무선 통신부(110)는 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템과 무선 통신 시스템 사이 또는 기기와 기기가 위치한 네트워크 사이의 무선 통신을 가능하게 하는 하나 이상의 모듈을 포함할 수 있다.

예를 들어, 무선 통신부(110)는 이동통신 모듈(112), 무선 인터넷 모듈(113), 근거리 통신 모듈(114) 및 위치정보 모듈(115) 등을 포함할 수 있다.

방송 수신 모듈(111)은 방송 채널을 통하여 외부의 방송 관리 서버로부터 방송 신호 및/또는 방송 관련된 정보를 수신한다.

상기 방송 채널은 위성 채널, 지상파 채널을 포함할 수 있다. 상기 방송 관리 서버는, 방송 신호 및/또는 방송 관련 정보를 생성하여 송신하는 서버 또는 기 생성된 방송 신호 및/또는 방송 관련 정보를 제공받아 단말기에 송신하는 서버를 의미할 수 있다. 상기 방송 신호는, TV 방송 신호, 라디오 방송 신호, 데이터 방송 신호를 포함할 뿐만 아니라, TV 방송 신호 또는 라디오 방송 신호에 데이터 방송 신호가 결합한 형태의 방송 신호도 포함할 수 있다.

상기 방송 관련 정보는, 방송 채널, 방송 프로그램 또는 방송 서비스 제공자에 관련한 정보를 의미할 수 있다. 상기 방송 관련 정보는, 이동통신망을 통하여도 제공될 수 있다. 이러한 경우에는 상기 이동통신 모듈(112)에 의해 수신될 수 있다.

상기 방송 관련 정보는 다양한 형태로 존재할 수 있다. 예를 들어, DMB(Digital Multimedia Broadcasting)의 EPG(Electronic Program Guide) 또는 DVB-H(Digital Video Broadcast-Handheld)의 ESG(Electronic Service Guide) 등의 형태로 존재할 수 있다.

상기 방송 수신 모듈(111)은, 예를 들어, DMB-T(Digital Multimedia Broadcasting-Terrestrial), DMB-S(Digital Multimedia Broadcasting-Satellite), MediaFLO(Media Forward Link Only), DVB-H(Digital Video Broadcast-Handheld), DVB-CBMS, OMA-BCAST, ISDB-T(Integrated Services Digital Broadcast-Terrestrial) 등의 디지털 방송 시스템을 이용하여 디지털 방송 신호를 수신할 수 있다. 물론, 상기 방송 수신 모듈(111)은, 상술한 디지털 방송 시스템뿐만 아니라 다른 방송 시스템에 적합하도록 구성될 수도 있다.

방송 수신 모듈(111)을 통해 수신된 방송 신호 및/또는 방송 관련 정보는 메모리(160)에 저장될 수 있다.

이동통신 모듈(112)은, 이동 통신망 상에서 기지국, 외부의 단말, 서버 중 적어도 하나와 무선 신호를 송수신한다. 상기 무선 신호는, 음성 호 신호, 화상 통화 호 신호 또는 문자/멀티미디어 메시지 송수신에 따른 다양한 형태의 데이터를 포함할 수 있다.

무선 인터넷 모듈(113)은 무선 인터넷 접속을 위한 모듈을 말하는 것으로, 단말(100)에 내장되거나 외장될 수 있다.

상기 무선 인터넷의 기술로는 WLAN(Wireless LAN)(Wi-Fi), Wibro(Wireless broadband), Wimax(World Interoperability for Microwave Access), HSDPA(High Speed Downlink Packet Access) 등이 이용될 수 있다.

근거리 통신 모듈(114)은 근거리 통신을 위한 모듈을 말한다. 상기 근거리 통신(short range communication)의 기술로는 블루투스(Bluetooth), RFID(Radio Frequency Identification), 적외선 통신(IrDA, infrared Data Association), UWB(Ultra-Wideband), ZigBee 등이 이용될 수 있다.

위치 정보 모듈(115)은 단말(100)의 위치를 획득하기 위한 모듈로서, 그의 대표적인 예로는 GPS(Global Position System) 모듈이 있다. 현재 기술에 의하면, 상기 GPS모듈(115)은 3개 이상의 위성으로부터 떨어진 거리 정보와 정확한 시간 정보를 산출한 다음 상기 산출된 정보에 삼각법을 적용함으로써, 위도, 경도, 및 고도에 따른 3차원의 현 위치 정보를 정확히 산출할 수 있다. 현재, 3개의 위성을 이용하여 위치 및 시간 정보를 산출하고, 또다른 1개의 위성을 이용하여 상기 산출된 위치 및 시간 정보의 오차를 수정하는 방법이 널리 사용되고 있다. 또한, GPS 모듈(115)은 현 위치를 실시간으로 계속 산출함으로써 속도 정보를 산출할 수 있다.

도 1을 참조하면, A/V(Audio/Video) 입력부(120)는 오디오 신호 또는 비디오 신호 입력을 위한 것으로, 이에는 카메라(121)와 마이크(122) 등이 포함될 수 있다.

카메라(121)는 촬영 모드에서 이미지 센서에 의해 얻어지는 정지영상 또는 동영상 등의 화상 프레임을 처리하고, 처리된 화상 프레임은 디스플레이부(151)에 표시될 수 있다.

카메라(121)에서 처리된 화상 프레임은 메모리(160)에 저장되거나 무선 통신부(110)를 통하여 외부로 전송될 수 있다.

카메라(121)는 사용 환경에 따라 2개 이상이 구비될 수도 있다.

마이크(122)는 녹음모드, 음성인식 모드 등에서 마이크로폰(Microphone)에 의해 외부의 음향 신호를 입력 받아 전기적인 음성 데이터로 처리한다.

처리된 음성 데이터는 이동통신 모듈(112)을 통하여 이동통신 기지국으로 송신 가능한 형태로 변환되어 출력될 수 있다.

마이크(122)에는 외부의 음향 신호를 입력 받는 과정에서 발생되는 잡음(noise)을 제거하기 위한 다양한 잡음 제거 알고리즘이 구현될 수 있다.

다음으로, 사용자 입력부(130)는 사용자가 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템의 동작 제어를 위한 입력 데이터를 발생시킨다. 사용자 입력부(130)는 키 패드(key pad) 돔 스위치 (dome switch), 터치 패드(정압/정전), 조그 휠, 조그 스위치 등으로 구성될 수 있다.

센싱부(140)는 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템의 개폐 상태, 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템의 위치, 사용자 접촉 유무, 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템의 방위, 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템의 가속/감속 등과 같이 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템의 현 상태를 감지하여 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템의 동작을 제어하기 위한 센싱 신호를 발생시킨다.

센싱부(140)는 전원 공급부(190)의 전원 공급 여부, 인터페이스부(170)의 외부 기기 결합 여부 등을 센싱할 수도 있다.

한편, 출력부(150)는 시각, 청각 또는 촉각 등과 관련된 출력을 발생시키기 위한 것으로, 이에는 디스플레이부(151), 음향 출력 모듈(152), 알람부(153), 햅틱 모듈(154) 및 프로젝터 모듈(155), 헤드업 디스플레이(head-up display, HUD), 헤드 마운티드 디스플레이(head mounted display, HMD) 등이 포함될 수 있다.

디스플레이부(151)는 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템에서 처리되는 정보를 표시(출력)한다.

디스플레이부(151)는 액정 디스플레이(liquid crystal display, LCD), 박막 트랜지스터 액정 디스플레이(thin film transistor-liquid crystal display, TFT LCD), 유기 발광 다이오드(organic light-emitting diode, OLED), 플렉시블 디스플레이(flexible display), 3차원 디스플레이(3D display) 중에서 적어도 하나를 포함할 수 있다.

이들 중 일부 디스플레이는 그를 통해 외부를 볼 수 있도록 투명형 또는 광투과형으로 구성될 수 있다. 이는 투명 디스플레이라 호칭될 수 있는데, 상기 투명 디스플레이의 대표적인 예로는 TOLED(Transparant OLED) 등이 있다. 디스플레이부(151)의 후방 구조 또한 광 투과형 구조로 구성될 수 있다. 이러한 구조에 의하여, 사용자는 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템 바디의 디스플레이부(151)가 차지하는 영역을 통해 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템 바디의 후방에 위치한 사물을 볼 수 있다.

고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템의 구현 형태에 따라 디스플레이부(151)이 2개 이상 존재할 수 있다. 예를 들어, 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템에는 복수의 디스플레이부들이 하나의 면에 이격되거나 일체로 배치될 수 있고, 또한 서로 다른 면에 각각 배치될 수도 있다.

디스플레이부(151)와 터치 동작을 감지하는 센서(이하, '터치 센서'라 함)가 상호 레이어 구조를 이루는 경우(이하, '터치 스크린'이라 함)에, 디스플레이부(151)는 출력 장치 이외에 입력 장치로도 사용될 수 있다. 터치 센서는, 예를 들어, 터치 필름, 터치 시트, 터치 패드 등의 형태를 가질 수 있다.

터치 센서는 디스플레이부(151)의 특정 부위에 가해진 압력 또는 디스플레이부(151)의 특정 부위에 발생하는 정전 용량 등의 변화를 전기적인 입력신호로 변환하도록 구성될 수 있다. 터치 센서는 터치 되는 위치 및 면적뿐만 아니라, 터치 시의 압력까지도 검출할 수 있도록 구성될 수 있다.

터치 센서에 대한 터치 입력이 있는 경우, 그에 대응하는 신호(들)는 터치 제어기로 보내진다. 터치 제어기는 그 신호(들)를 처리한 다음 대응하는 데이터를 제어부(180)로 전송한다. 이로써, 제어부(180)는 디스플레이부(151)의 어느 영역이 터치 되었는지 여부 등을 알 수 있게 된다.

상기 근접 센서(141)는 상기 터치스크린에 의해 감싸지는 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템의 내부 영역 또는 상기 터치 스크린의 근처에 배치될 수 있다. 상기 근접 센서는 소정의 검출면에 접근하는 물체, 혹은 근방에 존재하는 물체의 유무를 전자계의 힘 또는 적외선을 이용하여 기계적 접촉이 없이 검출하는 센서를 말한다. 근접 센서는 접촉식 센서보다는 그 수명이 길며 그 활용도 또한 높다.

상기 근접 센서의 예로는 투과형 광전 센서, 직접 반사형 광전 센서, 미러 반사형 광전 센서, 고주파 발진형 근접 센서, 정전용량형 근접 센서, 자기형 근접 센서, 적외선 근접 센서 등이 있다. 상기 터치스크린이 정전식인 경우에는 상기 포인터의 근접에 따른 전계의 변화로 상기 포인터의 근접을 검출하도록 구성된다. 이 경우 상기 터치 스크린(터치 센서)은 근접 센서로 분류될 수도 있다.

이하에서는 설명의 편의를 위해, 상기 터치스크린 상에 포인터가 접촉되지 않으면서 근접되어 상기 포인터가 상기 터치스크린 상에 위치함이 인식되도록 하는 행위를 "근접 터치(proximity touch)"라고 칭하고, 상기 터치스크린 상에 포인터가 실제로 접촉되는 행위를 "접촉 터치(contact touch)"라고 칭한다. 상기 터치스크린 상에서 포인터로 근접 터치가 되는 위치라 함은, 상기 포인터가 근접 터치될 때 상기 포인터가 상기 터치스크린에 대해 수직으로 대응되는 위치를 의미한다.

상기 근접센서는, 근접 터치와, 근접 터치 패턴(예를 들어, 근접 터치 거리, 근접 터치 방향, 근접 터치 속도, 근접 터치 시간, 근접 터치 위치, 근접 터치 이동 상태 등)을 감지한다. 상기 감지된 근접 터치 동작 및 근접 터치 패턴에 상응하는 정보는 터치 스크린상에 출력될 수 있다.

음향 출력 모듈(152)은 녹음 모드, 음성인식 모드, 방송수신 모드 등에서 무선 통신부(110)로부터 수신되거나 메모리(160)에 저장된 오디오 데이터를 출력할 수 있다.

음향 출력 모듈(152)은 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템에서 수행되는 기능과 관련된 음향 신호를 출력하기도 한다. 이러한 음향 출력 모듈(152)에는 리시버(Receiver), 스피커(speaker), 버저(Buzzer) 등이 포함될 수 있다.

알람부(153)는 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템의 이벤트 발생을 알리기 위한 신호를 출력한다.

알람부(153)는 비디오 신호나 오디오 신호 이외에 다른 형태, 예를 들어 진동으로 이벤트 발생을 알리기 위한 신호를 출력할 수도 있다.

상기 비디오 신호나 오디오 신호는 디스플레이부(151)나 음성 출력 모듈(152)을 통해서도 출력될 수 있어서, 그들(151,152)은 알람부(153)의 일부로 분류될 수도 있다.

햅틱 모듈(haptic module)(154)은 사용자가 느낄 수 있는 다양한 촉각 효과를 발생시킨다. 햅틱 모듈(154)이 발생시키는 촉각 효과의 대표적인 예로는 진동이 있다. 햅택 모듈(154)이 발생하는 진동의 세기와 패턴 등은 제어 가능하다.

예를 들어, 서로 다른 진동을 합성하여 출력하거나 순차적으로 출력할 수도 있다.

햅틱 모듈(154)은, 진동 외에도, 접촉 피부면에 대해 수직 운동하는 핀 배열, 분사구나 흡입구를 통한 공기의 분사력이나 흡입력, 피부 표면에 대한 스침, 전극(eletrode)의 접촉, 정전기력 등의 자극에 의한 효과와, 흡열이나 발열 가능한 소자를 이용한 냉온감 재현에 의한 효과 등 다양한 촉각 효과를 발생시킬 수 있다.

햅틱 모듈(154)은 직접적인 접촉을 통해 촉각 효과의 전달할 수 있을 뿐만 아니라, 사용자가 손가락이나 팔 등의 근 감각을 통해 촉각 효과를 느낄 수 있도록 구현할 수도 있다. 햅틱 모듈(154)은 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템의 구성 태양에 따라 2개 이상이 구비될 수 있다.

프로젝터 모듈(155)은, 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템을 이용하여 이미지 프로젝트(project) 기능을 수행하기 위한 구성요소로서, 제어부(180)의 제어 신호에 따라 디스플레이부(151)상에 디스플레이되는 영상과 동일하거나 적어도 일부가 다른 영상을 외부 스크린 또는 벽에 디스플레이할 수 있다.

구체적으로, 프로젝터 모듈(155)은, 영상을 외부로 출력하기 위한 빛(일 예로서, 레이저 광)을 발생시키는 광원(미도시), 광원에 의해 발생한 빛을 이용하여 외부로 출력할 영상을 생성하기 위한 영상 생성 수단 (미도시), 및 영상을 일정 초점 거리에서 외부로 확대 출력하기 위한 렌즈(미도시)를 포함할 수 있다. 또한, 프로젝터 모듈(155)은, 렌즈 또는 모듈 전체를 기계적으로 움직여 영상 투사 방향을 조절할 수 있는 장치(미도시)를 포함할 수 있다.

프로젝터 모듈(155)은 디스플레이 수단의 소자 종류에 따라 CRT(Cathode Ray Tube) 모듈, LCD(Liquid Crystal Display) 모듈 및 DLP(Digital Light Processing) 모듈 등으로 나뉠 수 있다. 특히, DLP 모듈은, 광원에서 발생한 빛이 DMD(Digital Micromirror Device) 칩에 반사됨으로써 생성된 영상을 확대 투사하는 방식으로 프로젝터 모듈(151)의 소형화에 유리할 수 있다.

바람직하게, 프로젝터 모듈(155)은, 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템의 측면, 정면 또는 배면에 길이 방향으로 구비될 수 있다. 물론, 프로젝터 모듈(155)은, 필요에 따라 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템의 어느 위치에라도 구비될 수 있음은 당연하다.

또한, 헤드업 디스플레이(head-up display, HUD, 156)는 차량 등에서 차량 현재 속도, 연료 잔량, 내비게이션 길안내 정보 등을 운전자 바로 앞 유리창 부분에 그래픽 이미지로 투영해주는 장치를 의미한다.

또한, 헤드 마운티드 디스플레이(head mounted display, HMD, 157)는 가상 현실(Virtual reality) 정보를 출력할 수 있는 대표적인 장치이다.

가상 현실(Virtual reality)이란 컴퓨터를 통해 어떤 특정한 환경이나 상황을 입체감있는 3D 콘텐츠로 제작하여, 그 3D 콘텐츠를 사용하는 사람이 마치 실제 주변 상황, 환경과 상호작용하고 있는 것처럼 만들어 주는 인간-컴퓨터 사이의 인터페이스 등을 총칭한다.

일반적으로 사람이 지각하는 입체감은 관찰하는 물체의 위치에 따른 수정체의 두께 변화 정도, 양쪽 눈과 대상물과의 각도 차이, 그리고 좌우 눈에 보이는 대상물의 위치 및 형태의 차이, 대상물의 운동에 따라 생기는 시차, 그 밖에 각종 심리 및 기억에 의한 효과 등이 복합적으로 작용하여 생긴다.

그 중 사람이 입체감을 느끼는 가장 중요한 요인은, 사람의 두 눈이 가로 방향으로 약 6.5㎝가량 떨어져 있음으로써, 나타나게 되는 양안 시차(binocular disparity)이다. 즉, 양안 시차에 의해 대상물에 대한 각도 차이를 가지고 바라보게 되고, 이 차이로 인해 각각의 눈에 들어오는 이미지가 서로 다른 상을 갖게 되며 이 두 영상이 망막을 통해 뇌로 전달되면 뇌는 이 두 개의 정보를 정확히 서로 융합하여 본래의 3D 입체 영상을 느낄 수 있는 것이다.

이러한 입체감있는 3D 콘텐츠들은 이미 여러 미디어 분야에 두루 이용되어 소비자들로부터 호평을 받아오고 있다. 예를 들어 3D 영화, 3D 게임 및 체험 디스플레이와 같은 것들이 대표적이다.

이와 같이 가상 현실 기술 3D 콘텐츠들의 보편화와 더불어, 더욱 몰입도 높은 가상 현실 서비스를 제공할 수 있는 기술의 개발이 다각적으로 요구되고 있다.

일반적으로 이미지 디스플레이 장치는 눈과 매우 근접한 위치에서 발생하는 영상광을 정밀한 광학 장치를 이용하여 먼 거리에 가상의 대형화면이 구성될 수 있도록 초점을 형성함으로써 사용자로 하여금 확대된 허상을 볼 수 있도록 하는 화상 표시 장치를 말한다.

또한, 이미지 디스플레이 장치는, 주위 환경은 볼 수 없고 디스플레이 소자에서 발산된 영상광만을 볼 수 있는 밀폐형(See-close)과, 윈도우를 통해 주위 환경을 볼 수 있으면서도 디스플레이 소자에서 발산된 영상광을 동시에 볼 수 있는 투과식(See-through)으로 나뉠 수 있다.

본 발명에 따른 헤드 마운티드 디스플레이(head mounted display, HMD, 157)란 안경처럼 머리에 착용하여 멀티미디어 콘텐츠를 제공받을 수 있도록 하는 각종디지털 디바이스를 말한다. 디지털 디바이스의 경량화 및 소량화 추세에 따라, 다양한 웨어러블 컴퓨터(Wearable Computer)가 개발되고 있으며, HMD 또한 널리 사용되고 있다. HMD(157)는 단순한 디스플레이 기능을 넘어 증강 현실 기술, N 스크린 기술 등과 조합되어 유저에게 다양한 편의를 제공할 수 있다.

예를 들어, HMD(157)에 마이크와 스피커가 장착되는 경우, 유저는 HMD(157)를 착용한 상태에서, 전화 통화를 수행할 수 있다. 또한, 예를 들어, HMD(157)에 원적외선 카메라(122)가 장착되는 경우, 유저는 HMD(157)를 착용한 상태에서, 유저가 원하는 방향의 이미지를 캡쳐할 수 있다.

또한, 메모리부(160)는 제어부(180)의 처리 및 제어를 위한 프로그램이 저장될 수도 있고, 입/출력되는 데이터들(예를 들어, 메시지, 오디오, 정지영상, 동영상 등)의 임시 저장을 위한 기능을 수행할 수도 있다. 상기 메모리부(160)에는 상기 데이터들 각각에 대한 사용 빈도도 함께 저장될 수 있다. 또한, 상기 메모리부(160)에는 상기 터치스크린 상의 터치 입력시 출력되는 다양한 패턴의 진동 및 음향에 관한 데이터를 저장할 수 있다.

메모리(160)는 플래시 메모리 타입(flash memory type), 하드디스크 타입(hard disk type), 멀티미디어 카드 마이크로 타입(multimedia card micro type), 카드 타입의 메모리(예를 들어 SD 또는 XD 메모리 등), 램(Random Access Memory, RAM), SRAM(Static Random Access Memory), 롬(Read-Only Memory, ROM), EEPROM(Electrically Erasable Programmable Read-Only Memory), PROM(Programmable Read-Only Memory), 자기 메모리, 자기 디스크, 광디스크 중 적어도 하나의 타입의 저장매체를 포함할 수 있다. 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템은 인터넷(internet)상에서 상기 메모리(160)의 저장 기능을 수행하는 웹 스토리지(web storage)와 관련되어 동작할 수도 있다.

인터페이스부(170)는 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템에 연결되는 모든 외부기기와의 통로 역할을 한다. 인터페이스부(170)는 외부 기기로부터 데이터를 전송받거나, 전원을 공급받아 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템 내부의 각 구성 요소에 전달하거나, 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템 내부의 데이터가 외부 기기로 전송되도록 한다. 예를 들어, 유/무선 헤드셋 포트, 외부 충전기 포트, 유/무선 데이터 포트, 메모리 카드(memory card) 포트, 식별 모듈이 구비된 장치를 연결하는 포트, 오디오 I/O(Input/Output) 포트, 비디오 I/O(Input/Output) 포트, 이어폰 포트 등이 인터페이스부(170)에 포함될 수 있다.

식별 모듈은 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템의 사용 권한을 인증하기 위한 각종 정보를 저장한 칩으로서, 사용자 인증 모듈(User Identify Module, UIM), 가입자 인증 모듈(Subscriber Identify Module, SIM), 범용 사용자 인증 모듈(Universal Subscriber Identity Module, USIM) 등을 포함할 수 있다. 식별 모듈이 구비된 장치(이하 '식별 장치')는, 스마트 카드(smart card) 형식으로 제작될 수 있다. 따라서 식별 장치는 포트를 통하여 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템과 연결될 수 있다.

상기 인터페이스부는 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템이 외부 크래들(cradle)과 연결될 때 상기 크래들로부터의 전원이 상기 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템에 공급되는 통로가 되거나, 사용자에 의해 상기 크래들에서 입력되는 각종 명령 신호가 상기 이동기기로 전달되는 통로가 될 수 있다. 상기 크래들로부터 입력되는 각종 명령 신호 또는 상기 전원은 상기 이동기기가 상기 크래들에 정확히 장착되었음을 인지하기 위한 신호로 동작될 수도 있다.

제어부(controller, 180)는 통상적으로 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템의 전반적인 동작을 제어한다.

제어부(180)는 컨텐츠 제어부(181), 변환 제어부(182) 및 소스 제어부(183) 등을 포함할 수 있다.

컨텐츠 제어부(181)는 웹 컨텐츠와 관련하여 HTTP 관련 정보(리소스, 문서 등)를 변환 제어부(182)와 교환 및 확인할 수 있다.

변환 제어부(182)는 수신한 웹 콘텐츠가 반응형 인지 아니면 고정형 인지 여부를 판단할 수 있다.

여기서, 반응형 웹 콘텐츠는, 단말의 종류 및 화면 크기에 실시간 반응하여 웹 페이지를 상기 단말의 종류 및 화면 크기에 대응하는 화면 구성으로 표시하는 콘텐츠를 의미한다.

또한, 변환 제어부(182)는 웹 콘텐츠의 가로 및 세로 해상도를 판단할 수 있다.

또한, 소스 제어부(183)는 웹 컨텐츠의 소스(예를 들어, 자바스크립트 코드)를 확인하고, 이를 메모리(160)를 통해 저장할 수도 있다.

또한, 소스 제어부(183)는 단말(100)이 지원하는 가로 및 세로 해상도를 판단할 수 있다.

한편, 전원 공급부(190)는 제어부(180)의 제어에 의해 외부의 전원, 내부의 전원을 인가 받아 각 구성요소들의 동작에 필요한 전원을 공급한다.

여기에 설명되는 다양한 실시예는 예를 들어, 소프트웨어, 하드웨어 또는 이들의 조합된 것을 이용하여 컴퓨터 또는 이와 유사한 장치로 읽을 수 있는 기록매체 내에서 구현될 수 있다.

하드웨어적인 구현에 의하면, 여기에 설명되는 실시예는 ASICs (application specific integrated circuits), DSPs (digital signal processors), DSPDs (digital signal processing devices), PLDs (programmable logic devices), FPGAs (field programmable gate arrays, 프로세서(processors), 제어기(controllers), 마이크로 컨트롤러(micro-controllers), 마이크로 프로세서(microprocessors), 기타 기능 수행을 위한 전기적인 유닛 중 적어도 하나를 이용하여 구현될 수 있다. 일부의 경우에 본 명세서에서 설명되는 실시예들이 제어부(180) 자체로 구현될 수 있다.

소프트웨어적인 구현에 의하면, 본 명세서에서 설명되는 절차 및 기능과 같은 실시예들은 별도의 소프트웨어 모듈들로 구현될 수 있다. 상기 소프트웨어 모듈들 각각은 본 명세서에서 설명되는 하나 이상의 기능 및 작동을 수행할 수 있다. 적절한 프로그램 언어로 쓰여진 소프트웨어 어플리케이션으로 소프트웨어 코드가 구현될 수 있다. 상기 소프트웨어 코드는 메모리(160)에 저장되고, 제어부(180)에 의해 실행될 수 있다.

또한, 서버(200)는 데이터 베이스를 구축하여, 단말(100)과 정보를 교환할 수 있다.

이때, 서버(200)와 단말(100) 간에는 근거리 통신 또는 원거리 통신이 적용될 수 있다.

여기서 이용될 수 있는 상기 무선 통신 기술로는 WLAN(Wireless LAN)(Wi-Fi), Wibro(Wireless broadband), Wimax(World Interoperability for Microwave Access), HSDPA(High Speed Downlink Packet Access) 등이 이용될 수 있다.

또한, 근거리 통신(short range communication)의 기술로는 블루투스(Bluetooth), RFID(Radio Frequency Identification), 적외선 통신(IrDA, infrared Data Association), UWB(Ultra-Wideband), ZigBee 등이 이용될 수 있다.

고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 방법

전술한 본 발명의 구성을 기초로, 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 방법에 대해 도면을 참조하여 설명한다.

도 2는 본 발명과 관련하여, 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 단말의 블록 구성도(block diagram)를 도시한 것이다.

도 2를 참조하면, 웹 콘텐츠를 표시하는 단말(100)의 구체적 구성이 도시된다.

도 2를 참조하면, 통신부(110)는 서버(데이터 베이스, 200)로부터 웹 콘텐츠를 외부로부터 수신할 수 있다.

여기서 제어부(180)는 컨텐츠 제어부(181), 변환 제어부(182) 및 소스 제어부(183) 등을 포함할 수 있다.

먼저, 변환 제어부(182)는 수신한 웹 콘텐츠가 반응형 인지 아니면 고정형 인지 여부를 판단할 수 있다.

여기서, 반응형 웹 콘텐츠는, 단말의 종류 및 화면 크기에 실시간 반응하여 웹 페이지를 상기 단말의 종류 및 화면 크기에 대응하는 화면 구성으로 표시하는 콘텐츠를 의미한다.

고정형 웹 콘텐츠는 상기 반응형 웹 콘텐츠를 제외한 나머지 웹 콘텐츠를 지칭할 수 있다.

또한, 변환 제어부(182)는 웹 콘텐츠의 가로 및 세로 해상도를 판단할 수 있다.

컨텐츠 제어부(181)는 웹 컨텐츠와 관련하여 HTTP 관련 정보(리소스, 문서 등)를 변환 제어부(182)와 교환 및 확인할 수 있다.

또한, 소스 제어부(183)는 웹 컨텐츠의 소스(예를 들어, 자바스크립트 코드)를 확인하고, 이를 메모리(160)를 통해 저장할 수도 있다.

또한, 소스 제어부(183)는 단말(100)이 지원하는 가로 및 세로 해상도를 판단할 수 있다.

한편, 변환 제어부(182)는, 상기 웹 콘텐츠가 고정형 웹 콘텐츠인지 또는 반응형 웹 콘텐츠인지 여부를 판단하고, 상기 웹 콘텐츠가 상기 고정형 웹 콘텐츠인 경우에만 상기 웹 콘텐츠 원본의 가로 및 세로 관련 제 1 해상도 정보를 취득할 수 있다.

또한, 소스 제어부(183)는, 단말(100)의 웹 브라우저가 지원하는 가로 및 세로 관련 제 2 해상도 정보를 취득하고, 제 1 해상도 정보와 제 2 해상도 정보를 상호 비교한다.

이때, 변환 제어부(182)는, 제 1 해상도 정보와 제 2 해상도 정보가 상이한 경우에만, 상기 웹 콘텐츠를 상기 제 2 해상도 정보에 따라 변환하게 된다.

도 3은 본 발명이 제안하는, 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 방법을 설명하는 순서도이다.

도 3을 참조하면, 단말(100)에서 웹 콘텐츠를 표시하는 방법에 있어서, 단말(100)이 웹 콘텐츠를 외부로부터 수신하는 제 1 단계(S1)가 진행된다.

이때, 수신한 웹 콘텐츠를 바로 단말(100)을 통해 표시하는 경우, 종래기술에 따른 문제가 발생된다.

도 4a 내지 도 4c는 종래기술에 따라 고정형 웹 콘텐츠가 내용이 잘라져서 표시되거나 일부 영역만 표시되는 등의 문제를 설명하기 위한 도면이다.

도 4a는 고정형 웹 콘텐츠의 원본 컨텐츠가 모두 표시된 형태를 도시한 것이다.

도 4b를 참조하면, 사용자가 웹 브라우저를 일정 크기 이하로 줄이는 경우, 고정형 웹 콘텐츠가 내용이 잘라져서 표시되거나 일부 영역만 표시되는 문제가 발생한다.

도 4c를 참조하면, 웹 브라우저의 크기가 도 4b보다 더 작아짐으로 인해, 고정형 웹 콘텐츠의 극히 일부만이 노출되어 사용자가 어떠한 정보인지를 파악할 수 없는 문제가 발생된다.

따라서 본 발명에서는 수신한 웹 콘텐츠를 바로 표시하는 것이 아니라 S1 단계 이후, 상기 웹 콘텐츠가 고정형 웹 콘텐츠인지 또는 반응형 웹 콘텐츠인지 여부를 판단하는 제 2 단계(S2)를 수행한다.

만약, 단말의 종류 및 화면 크기에 실시간 반응하여 웹 페이지를 상기 단말의 종류 및 화면 크기에 대응하는 화면 구성으로 표시하는 반응형 웹 콘텐츠인 경우에는 본 발명의 기술적 특징이 적용될 필요가 없으므로, 프로세스를 종료하고, 바로 반응형 웹 콘텐츠를 표시한다.

그러나 웹 콘텐츠가 상기 고정형 웹 콘텐츠인 경우에는, 제어부(180)가 웹 콘텐츠 원본의 가로 및 세로 관련 제 1 해상도 정보를 취득하는 제 3 단계(S3)를 수행한다.

나아가 제어부(180)는, 단말(100)의 웹 브라우저가 지원하는 가로 및 세로 관련 제 2 해상도 정보를 취득하는 제 4 단계(S4)를 수행한다.

이때, 제어부(180)는, 제 1 해상도 정보와 제 2 해상도 정보를 상호 비교하고(S5), 만약 제 1 해상도 정보와 제 2 해상도 정보가 동일한 경우에는 웹 컨텐츠가 손실되거나 잘림 없이 그대로 표시 가능하므로, 본 발명에 따른 프로세스를 종료하고, 바로 웹 콘텐츠를 표시한다.

단, 제 1 해상도 정보와 제 2 해상도 정보가 상이한 경우에는 전술한 종래기술의 문제점이 발생되므로, 상기 웹 콘텐츠를 상기 제 2 해상도 정보에 따라 변환하는 제 6 단계(S6)를 수행한다.

이후, 대스플레이부(151)는, 제어부(180)의 제어에 따라 변환된 웹 콘텐츠를 표시함으로써, 종래의 문제점을 해소할 수 있다.

도 5a 내지 도 5d는 본 발명과 관련하여, 다양한 크기로 제작된 웹 콘텐츠가 원본 수정 없이 모든 기기의 환경에 최적화하여 재생되는 일례를 도시한 것이다.

도 5a를 참조하면, 고정형 웹 콘텐츠의 원본 컨텐츠가 모두 표시된 형태를 도시한 것이다.

또한, 도 5b를 참조하면, 사용자가 웹 브라우저를 일정 크기 이하로 줄이는 경우에도, 고정형 웹 콘텐츠의 내용 잘림 없이 전체 콘텐츠가 표시될 수 있다.

또한, 도 5c를 참조하면, 사용자가 웹 브라우저를 가로 비율이 커지도록 늘리는 경우에도, 고정형 웹 콘텐츠의 내용 잘림 없이 전체 콘텐츠가 표시될 수 있다.

또한, 도 5d를 참조하면, 사용자가 웹 브라우저를 세로 비율이 커지도록 늘리는 경우에도, 고정형 웹 콘텐츠의 내용 잘림 없이 전체 콘텐츠가 표시될 수 있다.

한편, 도 6a 및 도 6b는 종래기술에 따라 텍스트 컨텐츠가 내용이 잘라져서 표시되거나 일부 영역만 표시되는 등의 문제를 설명하기 위한 도면이다.

도 6a는 고정형 웹 콘텐츠의 원본 컨텐츠인 텍스트가 모두 표시된 형태를 도시한 것이다.

도 6b를 참조하면, 도 4b와 마찬가지로 사용자가 웹 브라우저를 일정 크기 이하로 줄이는 경우, 고정형 웹 콘텐츠의 텍스트가 내용이 잘라져서 표시되거나 일부 영역만 표시되는 문제가 발생한다.

또한, 도 7a 내지 도 7c는 본 발명과 관련하여, 다양한 크기로 제작된 텍스트 컨텐츠가 원본 수정 없이 모든 기기의 환경에 최적화하여 재생되는 일례를 도시한 것이다.

도 7a는 고정형 웹 콘텐츠의 원본 컨텐츠인 텍스트가 모두 표시된 형태를 도시한 것이다.

또한, 도 7b를 참조하면, 사용자가 웹 브라우저를 일정 크기 이하로 줄이는 경우에도, 고정형 웹 콘텐츠의 텍스트 내용이 잘림 없이 전체가 표시될 수 있다.

또한, 도 7c를 참조하면, 사용자가 도 5b와 비교하여 웹 브라우저의 크기를 더욱 더 줄인 경우에도, 고정형 웹 콘텐츠의 텍스트 내용이 잘림 없이 전체가 표시될 수 있다.

콘텐츠의 타입을 자동으로 확인하여 최적화 방법을 결정하는 방법

한편, 본 발명에 따르면, 추가적으로, 콘텐츠의 타입을 자동으로 확인하여 최적화 방법을 결정하는 방법이 더 적용될 수 있다.

도 8은 본 발명과 관련하여, 콘텐츠의 타입(문서or이미지)을 자동으로 확인하여 최적화 방법을 결정하는 방법을 설명하는 순서도이다.

도 8을 참조하면, 전술한 S6 단계에서, 제어부(180)는, 웹 콘텐츠가 텍스트로만 구성되었는지 여부를 판단할 수 있다(S100).

만약, 웹 콘텐츠가 텍스트로만 구성된 경우, 제어부(180)는, 웹 콘텐츠의 가로 해상도를 상기 제 2 해상도 정보에 따른 가로 해상도에 맞춰 변환하고, 상기 변환된 가로 해상도를 기준으로, 상기 웹 콘텐츠 내에 있는 텍스트의 내용이 상기 단말 상에 모두 표시되도록 할 수 있다(S100).

또한, 다른 방식으로, 상기 웹 콘텐츠가 텍스트로만 구성된 경우, 제어부(180)는, 웹 콘텐츠의 세로 해상도를 상기 제 2 해상도 정보에 따른 세로 해상도에 맞춰 변환하고, 변환된 세로 해상도를 기준으로, 상기 웹 콘텐츠 내에 있는 텍스트의 내용이 상기 단말 상에 모두 표시되도록 하는 것도 가능하다(S100).

이때, S100 단계에서 표시되는 텍스트는, 단말(100)의 디스플레이부(151) 상에 모든 내용이 표시되도록, 상기 웹 콘텐츠 원본 내에 있는 텍스트의 정렬과 변화되어 표시될 수 있다.

도 9a 및 도 9b는 도 8에서 설명한 콘텐츠의 타입(문서or이미지)을 자동으로 확인하여 최적화 방법을 결정하는 방법이 적용된 일례를 도시한 것이다.

도 9a의 (a)를 참조하면, 단말(100)의 디스플레이부(151) 상에 표시되는 웹 브라우저 영역(300)과 텍스트로만 구성된 웹 콘텐츠(310)가 표시된다.

도 9a의 (b)와 같이, 웹 브라우저 영역(300)이 (a)와 비교하여 작아지는 경우, 제어부(180)는, 웹 콘텐츠의 세로 해상도를 웹 브라우저 영역(300)의 세로 해상도에 맞춰 변환하고, 변환된 세로 해상도를 기준으로, 웹 콘텐츠 내에 있는 텍스트의 내용이 상기 단말 상에 모두 표시된다.

이때, 단말(100)의 디스플레이부(151) 상에 컨텐츠의 모든 내용이 표시되나 도 9의 (a)와 비교하여 웹 콘텐츠 원본 내에 있는 텍스트의 정렬과 변화되어 표시된다.

또한, 도 9a의 (c)와 같이, 웹 브라우저 영역(300)이 (b)와 비교하여 더 작아지는 경우, 제어부(180)는, 웹 콘텐츠의 세로 해상도를 웹 브라우저 영역(300)의 세로 해상도에 맞춰 변환하고, 변환된 세로 해상도를 기준으로, 웹 콘텐츠 내에 있는 텍스트의 내용이 상기 단말 상에 모두 표시된다.

이때, 단말(100)의 디스플레이부(151) 상에 컨텐츠의 모든 내용이 표시되나 도 9의 (a) 및 (b)와 비교하여 웹 콘텐츠 원본 내에 있는 텍스트의 정렬과 변화되어 표시된다.

상기 도 9a에서는 제어부(180)가 웹 콘텐츠의 세로 해상도를 웹 브라우저 영역(300)의 세로 해상도에 맞춰 변환하는 일례만을 도시하였으나 제어부(180)는 전술한 것과 같이, 웹 콘텐츠의 가로 해상도를 웹 브라우저 영역(300)의 가로 해상도에 맞춰 변환하고, 변환된 해상도를 기준으로, 웹 콘텐츠 내에 있는 텍스트의 내용이 단말(100) 상에 모두 표시되도록 할 수 있다.

다시 도 8로 복귀하여, S100 단계에서, 웹 콘텐츠가 텍스트로만 구성되지 않고, 이미지 및 동영상 중 적어도 하나를 포함하여 구성되었다고 판단되는 경우, 제어부(180)는, 웹 콘텐츠의 가로 해상도 및 세로 해상도 중 더 큰 해상도를 기준으로, 제 2 해상도의 가로 및 세로 해상도에 대응하도록, 상기 웹 콘텐츠를 변환할 수 있다.

이때, 단말(100)의 디스플레이부(151) 상의 전체 영역 중 제 1 영역에 상기 변환된 웹 콘텐츠 전부가 표시되고, 전체 영역 중 나머지 제 2 영역은 엠티(empty) 영역으로 처리될 수 있다.

도 9b의 (a)를 참조하면, 단말(100)의 디스플레이부(151) 상에 표시되는 웹 브라우저 영역(300)과 이미지 및 동영상 중 적어도 하나를 포함하는 웹 콘텐츠(320)가 표시된다.

도 9b의 (b)와 같이, 웹 브라우저 영역(300)이 (a)와 비교하여 가로 비율이 늘어나고 세로 비율이 작아지는 경우, 제어부(180)는, 웹 콘텐츠의 세로 해상도를 웹 브라우저 영역(300)의 세로 해상도에 맞춰 변환하고, 변환된 세로 해상도를 기준으로, 웹 콘텐츠 내에 있는 내용이 상기 단말 상에 모두 표시되도록 한다.

또한, 도 9b의 (c)와 같이, 웹 브라우저 영역(300)이 (a)와 비교하여 세로 비율이 늘어나고, 가로 비율이 작아지는 경우, 제어부(180)는, 웹 콘텐츠의 가로 해상도를 웹 브라우저 영역(300)의 가로 해상도에 맞춰 변환하고, 변환된 세로 해상도를 기준으로, 웹 콘텐츠 내에 있는 내용이 상기 단말 상에 모두 표시되도록 한다.

도 9b의 (b) 및 (c)와 같이, 단말(100)의 디스플레이부(151) 상에 컨텐츠의 모든 내용이 표시되나 전체 영역 중 컨텐츠가 표시되지 않은 영역은 엠티(empty) 영역으로 처리된다.

본 발명에 따른 효과

상기와 같이 구성되는 본 발명의 적어도 하나의 실시예는 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템 및 그 제어방법을 사용자에게 제공할 수 있다.

구체적으로, 본 발명은 웹 콘텐츠 제작 방식이 반응형 인지 고정형 인지 시스템에서 판단한 후, 웹 콘텐츠의 해상도를 파악하여 최적의 사이즈를 판단하고, 재생하는 기기의 환경을 확인하여 웹 콘텐츠 사이즈를 자동으로 최적화한 다음에, 콘텐츠의 타입(문서or이미지)을 자동으로 확인하여 최적화 방법을 결정하는 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하는 시스템 및 그 제어방법을 사용자에게 제공할 수 있다.

따라서 본 발명은 다양한 크기로 제작된 웹 콘텐츠를 원본 수정 없이 모든 기기의 환경에 최적화하여 재생하기 위한 시스템 및 방법을 사용자에게 제공할 수 있다.

다만, 본 발명에서 얻을 수 있는 효과는 이상에서 언급한 효과들로 제한되지 않으며, 언급하지 않은 또 다른 효과들은 아래의 기재로부터 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자에게 명확하게 이해될 수 있을 것이다.

또한, 본 발명의 일실시예에 의하면, 전술한 방법은, 프로그램이 기록된 매체에 프로세서가 읽을 수 있는 코드로서 구현하는 것이 가능하다. 프로세서가 읽을 수 있는 매체의 예로는, ROM, RAM, CD-ROM, 자기 테이프, 플로피 디스크, 광 데이터 저장장치 등이 있으며, 캐리어 웨이브(예를 들어, 인터넷을 통한 전송)의 형태로 구현되는 것도 포함한다.

상기와 같이 설명된 방법 및 시스템은 상기 설명된 실시예들의 구성과 방법이 한정되게 적용될 수 있는 것이 아니라, 상기 실시예들은 다양한 변형이 이루어질 수 있도록 각 실시예들의 전부 또는 일부가 선택적으로 조합되어 구성될 수도 있다.

Claims (18)

1. 단말에서 웹 콘텐츠를 표시하는 방법에 있어서,
   상기 웹 콘텐츠를 외부로부터 수신하는 제 1 단계;
   상기 웹 콘텐츠가 고정형 웹 콘텐츠인지 또는 반응형 웹 콘텐츠인지 여부를 판단하는 제 2 단계;
   상기 웹 콘텐츠가 상기 고정형 웹 콘텐츠인 경우에만 상기 웹 콘텐츠의 원본의 가로 및 세로 관련 제 1 해상도 정보를 취득하는 제 3 단계;
   상기 단말의 웹 브라우저가 지원하는 가로 및 세로 관련 제 2 해상도 정보를 취득하는 제 4 단계;
   상기 제 1 해상도 정보와 상기 제 2 해상도 정보를 상호 비교하는 제 5 단계;
   상기 제 1 해상도 정보와 상기 제 2 해상도 정보가 상이한 경우에만, 상기 웹 콘텐츠를 상기 제 2 해상도 정보에 따라 변환하는 제 6 단계; 및
   상기 변환된 웹 콘텐츠를 표시하는 제 7 단계;를 포함하고,
   
   상기 반응형 웹 콘텐츠는, 상기 단말의 종류 및 화면 크기에 실시간 반응하여 웹 페이지를 상기 단말의 종류 및 화면 크기에 대응하는 화면 구성으로 표시하는 콘텐츠이며,
   상기 웹 콘텐츠가 상기 반응형 웹 콘텐츠인 경우에는, 상기 제 3 단계 내지 상기 제 7 단계가 진행되지 않고,
   
   상기 제 6 단계는,
   상기 웹 콘텐츠가 텍스트로만 구성되었는지 여부를 판단하는 제 6-1 단계; 및
   상기 웹 콘텐츠가 텍스트로만 구성된 경우에 진행되는 제 6-2 단계 또는 상기 웹 콘텐츠가 텍스트로만 구성되지 않고, 이미지 및 동영상 중 적어도 하나를 포함하여 구성된 경우에 진행되는 제 6-3 단계; 를 포함하며,
   
   상기 제 6-2 단계는,
   상기 웹 콘텐츠의 가로 해상도를 상기 제 2 해상도 정보에 따른 가로 해상도에 맞춰 변환하는 a 단계;
   상기 변환된 가로 해상도를 기준으로, 상기 웹 콘텐츠 내에 있는 텍스트의 내용이 상기 단말 상에 모두 표시되는 b 단계;
   상기 웹 콘텐츠의 세로 해상도를 상기 제 2 해상도 정보에 따른 세로 해상도에 맞춰 변환하는 c 단계; 및
   상기 변환된 세로 해상도를 기준으로, 상기 웹 콘텐츠 내에 있는 텍스트의 내용이 상기 단말 상에 모두 표시되는 d 단계;를 포함하고,
   
   상기 제 6-3 단계는,
   상기 웹 콘텐츠의 가로 해상도 및 세로 해상도 중 더 큰 해상도를 기준으로, 상기 제 2 해상도의 가로 및 세로 해상도에 대응하도록, 상기 웹 콘텐츠를 변환하는 e 단계;를 포함하는 것을 특징으로 하는 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하여 표시하는 방법.
   
2. 삭제
3. 삭제
4. 삭제
5. 제 1항에 있어서,
   상기 표시되는 텍스트는,
   상기 단말 상에 모든 내용이 표시되도록, 상기 웹 콘텐츠의 원본 내에 있는 텍스트의 정렬과 변화되어 표시되는 것을 특징으로 하는 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하여 표시하는 방법.
   
6. 삭제
7. 삭제
8. 삭제
9. 제 1항에 있어서,
   상기 e 단계에서,
   상기 단말의 디스플레이부 상의 전체 영역 중 제 1 영역에 상기 변환된 웹 콘텐츠 전부가 표시되고, 상기 전체 영역 중 나머지 제 2 영역은 엠티(empty) 영역으로 처리되는 것을 특징으로 하는 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하여 표시하는 방법.
   
10. 웹 콘텐츠를 표시하는 단말에 있어서,
    상기 웹 콘텐츠를 외부로부터 수신하는 통신부;
    상기 웹 콘텐츠가 고정형 웹 콘텐츠인지 또는 반응형 웹 콘텐츠인지 여부를 판단하고, 상기 웹 콘텐츠가 상기 고정형 웹 콘텐츠인 경우에만 상기 웹 콘텐츠의 원본의 가로 및 세로 관련 제 1 해상도 정보를 취득하며, 상기 단말의 웹 브라우저가 지원하는 가로 및 세로 관련 제 2 해상도 정보를 취득하고, 상기 제 1 해상도 정보와 상기 제 2 해상도 정보를 상호 비교하며, 상기 제 1 해상도 정보와 상기 제 2 해상도 정보가 상이한 경우에만, 상기 웹 콘텐츠를 상기 제 2 해상도 정보에 따라 변환하는 제어부; 및
    상기 제어부의 제어에 따라 상기 변환된 웹 콘텐츠를 표시하는 디스플레이부;를 포함하고,
    
    상기 반응형 웹 콘텐츠는, 상기 단말의 종류 및 화면 크기에 실시간 반응하여 웹 페이지를 상기 단말의 종류 및 화면 크기에 대응하는 화면 구성으로 표시하는 콘텐츠이고,
    상기 웹 콘텐츠가 상기 반응형 웹 콘텐츠인 경우에는, 상기 제어부 및 상기 디스플레이부는 동작하지 않으며,
    
    상기 제어부는,
    상기 웹 콘텐츠가 텍스트로만 구성되었는지 여부를 추가적으로 판단하고,
    
    상기 웹 콘텐츠가 텍스트로만 구성된 경우, 상기 제어부는,
    상기 웹 콘텐츠의 가로 해상도를 상기 제 2 해상도 정보에 따른 가로 해상도에 맞춰 변환하고,
    상기 변환된 가로 해상도를 기준으로, 상기 웹 콘텐츠 내에 있는 텍스트의 내용이 상기 디스플레이부 상에 모두 표시되도록 제어하며,
    상기 웹 콘텐츠의 세로 해상도를 상기 제 2 해상도 정보에 따른 세로 해상도에 맞춰 변환하고,
    상기 변환된 세로 해상도를 기준으로, 상기 웹 콘텐츠 내에 있는 텍스트의 내용이 상기 디스플레이부 상에 모두 표시되도록 제어하며,
    
    상기 웹 콘텐츠가 텍스트로만 구성되지 않고, 이미지 및 동영상 중 적어도 하나를 포함하여 구성된 경우, 상기 제어부는,
    상기 웹 콘텐츠의 가로 해상도 및 세로 해상도 중 더 큰 해상도를 기준으로, 상기 제 2 해상도의 가로 및 세로 해상도에 대응하도록, 상기 웹 콘텐츠를 변환하는 것을 특징으로 하는 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하여 표시하는 단말.
    
11. 삭제
12. 삭제
13. 삭제
14. 제 10항에 있어서,
    상기 표시되는 텍스트는,
    상기 단말 상에 모든 내용이 표시되도록, 상기 웹 콘텐츠의 원본 내에 있는 텍스트의 정렬과 변화되어 표시되는 것을 특징으로 하는 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하여 표시하는 단말.
    
15. 삭제
16. 삭제
17. 삭제
18. 제 10항에 있어서,
    상기 제어부의 제어에 따라, 상기 단말의 디스플레이부 상의 전체 영역 중 제 1 영역에 상기 변환된 웹 콘텐츠 전부가 표시되고, 상기 전체 영역 중 나머지 제 2 영역은 엠티(empty) 영역으로 처리되는 것을 특징으로 하는 고정형 웹 콘텐츠를 반응형 콘텐츠로 자동 변환하여 표시하는 단말.
    

Images