KR20100065744A - 웹 페이지를 모바일 단말기에서 디스플레이 가능한 형태로 트랜스코딩하는 방법 및 장치 - Google Patents

웹 페이지를 모바일 단말기에서 디스플레이 가능한 형태로 트랜스코딩하는 방법 및 장치 Download PDF

Info

Publication number
KR20100065744A
KR20100065744A KR1020080124245A KR20080124245A KR20100065744A KR 20100065744 A KR20100065744 A KR 20100065744A KR 1020080124245 A KR1020080124245 A KR 1020080124245A KR 20080124245 A KR20080124245 A KR 20080124245A KR 20100065744 A KR20100065744 A KR 20100065744A
Authority
KR
South Korea
Prior art keywords
web page
transcoding
mobile terminal
partition
area
Prior art date
Application number
KR1020080124245A
Other languages
English (en)
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 KR1020080124245A priority Critical patent/KR20100065744A/ko
Priority to US12/631,498 priority patent/US8533613B2/en
Priority to JP2009277588A priority patent/JP5048042B2/ja
Publication of KR20100065744A publication Critical patent/KR20100065744A/ko

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04W—WIRELESS COMMUNICATION NETWORKS
    • H04W4/00—Services specially adapted for wireless communication networks; Facilities therefor
    • H04W4/18—Information format or content conversion, e.g. adaptation by the network of the transmitted or received information for the purpose of wireless delivery to users or terminals

Abstract

웹 페이지를 모바일 단말기에서 디스플레이 가능한 형태로 트랜스코딩하는 방법 및 장치가 제공된다. 웹 페이지를 모바일 단말기에서 디스플레이 가능한 형태로 트랜스코딩하는 방법은 상기 웹 페이지 전체를 복수개의 분할 영역으로 구분하는 동작, 상기 각 분할 영역을 상기 모바일 단말기에서 디스플레이 가능한 형태로 트랜스코딩하는 동작, 상기 트랜스코딩된 분할 영역과 상기 분할 영역이 상기 웹 페이지 내에서 배치되는 위치를 나타내는 위치 표시 아이콘을 연계하여 저장하는 동작 및 상기 모바일 단말기를 통해 상기 위치 표시 아이콘이 선택된 경우, 상기 선택된 위치 표시 아이콘과 연계하여 저장된 상기 분할 영역을 상기 모바일 단말기로 제공하는 동작을 포함한다.
트랜스코딩, 모바일 단말기, 위치 표시 아이콘, 웹 페이지

Description

웹 페이지를 모바일 단말기에서 디스플레이 가능한 형태로 트랜스코딩하는 방법 및 장치{METHOD AND APPARATUS FOR TRANSCODING WEB PAGE TO BE SUITABLE FOR MOBILE DEVICE}
본 발명은 웹 페이지를 모바일 단말기에서 디스플레이 가능한 형태로 트랜스코딩하는 방법 및 장치에 관한 것이다.
최근 들어, 이동 통신 기술과 무선 인터넷이 발달함에 따라, 휴대폰과 같은 모바일 단말기 화면을 통해서도 데스크탑 컴퓨터의 모니터 화면에서와 같은 웹 페이지를 보고자 하는 욕구가 증가하게 되었다. 그러나, 인터넷 상의 많은 웹 페이지는 데스크탑 컴퓨터의 모니터 화면 크기에 맞게 제작되어 있다. 따라서, 이를 모바일 단말기 화면을 통하여 디스플레이할 경우, 단말의 성능을 초과하는 콘텐츠 정보로 인하여 모바일 단말기에서 제대로 표현되지 못하는 문제점이 있었다.
또한, 상기와 같은 문제점을 해결하기 위해, 인터넷 상의 웹 페이지를 모바일 단말기 화면에서 디스플레이할 수 있도록, 웹 페이지의 콘텐츠 중, 동영상 정보 등을 제외하고 텍스트 정보를 위주로 웹 페이지를 재구성하여 주는 트랜스코딩 기술이 개발되고 있다.
여기서 트랜스코딩 기술이란, 웹 페이지들을 모바일 단말기 화면에서 볼 수 있도록 하는 기술을 말한다. 예를 들어, 핸드폰에서는 CPU 속도, 메모리, 화면 사이즈 등이 열악하기 때문에 열악한 환경에서도 보기 좋게 하기 위해서 이미지를 축소 하거나, 화면을 여러 개로 분할해서 사용자에게 전달할 수 있다.
그러나, 웹 페이지 전체를 모바일 단말기 화면에서 한번에 디스플레이할 수는 없으므로, 웹 페이지를 복수개의 영역으로 분할하여, 모바일 단말기 화면에 디스플레이 할 수 밖에 없었다. 따라서, 사용자가 화면 하단에 표시되어 있는 ‘다음 페이지’ 또는 ‘1 2 3 4 5’ 중 어느 하나를 선택하면, 복수개의 영역 중 선택된 영역이 디스플레이 되었다.
도 1은 웹 페이지가 디스플레이되는 종래의 모바일 단말기 화면을 도시한 도면이다.
도 1에 도시된 바와 같이, 종래의 모바일 단말기 화면에서는 전체 웹 페이지 중 일부 영역만이 추출되어 디스플레이된다.
또한, 사용자가 전체 웹 페이지 중 다른 영역을 보기 위해서는 모바일 단말기 화면의 아래쪽에 위치한 ‘이전 페이지’ 또는 ‘다음 페이지’를 클릭할 수 있고, 사용자의 클릭에 대응하여 다른 영역이 디스플레이될 수 있다.
그러나, 종래의 모바일 단말기 화면에서는 전체 웹 페이지의 구조에 대한 어떠한 정보도 표시되지 않으므로, 사용자는 현재 디스플레이된 영역이 전체 웹 페이지 내에서 어디에 배치되어 있는지 알 수 없었다.
따라서, 사용자는 전체 웹 페이지 구조를 파악할 수 없었고, 사용자가 실제 로 보고 싶은 콘텐츠를 쉽게 찾을 수 없어 불편함을 느낄 수 있으며, 실제 데스크탑 컴퓨터의 모니터 화면에서와 같은 웹 페이지를 보고 있다는 느낌을 받을 수 없는 문제점이 있었다.
한편, 선행 기술로서, 대한민국 특허공개번호 제10-2004-0038458호에는 "소형 화면 단말기를 위한 웹 콘텐츠 변환 시스템 및 방법"이라는 명칭의 발명이 개시되어 있다. 상기 선행 기술은 소형 화면의 단말을 가진 사용자가 인터넷에 접속하여 웹 서비스를 이용하고자 할 경우, 기존의 일반 데스크탑 PC의 디스플레이 성능에 적합하도록 작성된 웹 문서가 소형 화면에서도 효율적으로 표현될 수 있도록 변환해 주기 위한 시스템 및 방법에 관한 것이다.
하지만, 상술한 선행 기술은 웹 페이지 전체를 복수개의 영역으로 분할하여 이를 소형 단말기 화면에 디스플레이 해 주는 기술에 대해서만 기재하고 있을 뿐, 사용자에게 전체 웹 페이지의 구조에 대한 정보를 제공하지 않아, 사용자가 현재 보고 있는 콘텐츠가 전체 웹 페이지 내에서 어느 위치에 있는지 알기 어려운 문제점이 있었다.
본 발명의 일 실시예는 웹 페이지를 화면 사이즈가 상대적으로 작은 모바일 단말기에서 디스플레이 가능한 형태로 트랜스코딩하는 방법을 제공한다.
또한, 본 발명의 일 실시예는 화면 사이즈가 상대적으로 작은 모바일 단말기에서 웹 페이지를 디스플레이하는 방법을 제공한다.
또한, 본 발명의 일 실시예는 웹 페이지를 화면 사이즈가 상대적으로 작은 모바일 단말기에서 디스플레이 가능한 형태로 트랜스코딩하는 장치를 제공한다.
상술한 기술적 과제를 달성하기 위한 기술적 수단으로서, 본 발명의 제 1 측면은 웹 페이지 전체를 복수개의 분할 영역으로 구분하는 동작, 상기 각 분할 영역을 모바일 단말기에서 디스플레이 가능한 형태로 트랜스코딩하는 동작, 상기 트랜스코딩된 분할 영역과 상기 분할 영역이 상기 웹 페이지 내에서 배치되는 위치를 나타내는 위치 표시 아이콘을 연계하여 저장하는 동작 및 상기 모바일 단말기를 통해 상기 위치 표시 아이콘이 선택된 경우, 상기 선택된 위치 표시 아이콘과 연계하여 저장된 상기 분할 영역을 상기 모바일 단말기로 제공하는 동작을 포함하는 웹 페이지를 모바일 단말기에서 디스플레이 가능한 형태로 트랜스코딩하는 방법을 제공한다.
또한, 본 발명의 제 2 측면은 웹 페이지가 N개(N은 2 이상의 자연수)의 분할 영역으로 구분되어 있는 경우, 각 분할 영역이 상기 웹 페이지 내에서 배치되는 위 치를 나타내는 N개의 위치 표시 아이콘을 디스플레이하는 동작, 상기 N개의 위치 표시 아이콘 중에서, 사용자로부터 하나의 위치 표시 아이콘에 대한 선택을 수신하는 동작 및 상기 선택된 위치 표시 아이콘에 연계된 분할 영역을 모바일 단말기에 디스플레이하는 동작을 포함하는 모바일 단말기에서 웹 페이지를 디스플레이하는 방법을 제공한다.
또한, 본 발명의 제 3 측면은 웹 페이지 전체를 복수개의 분할 영역으로 구분하는 웹 페이지 분할부, 상기 각 분할 영역을 모바일 단말기에서 디스플레이 가능한 형태로 트랜스코딩하는 트랜스코딩부, 상기 트랜스코딩된 분할 영역과 상기 분할 영역이 상기 웹 페이지 내에서 배치되는 위치를 나타내는 위치 표시 아이콘을 연계하여 저장하는 아이콘 연계 저장부 및 상기 모바일 단말기를 통해 상기 위치 표시 아이콘이 선택된 경우, 상기 선택된 위치 표시 아이콘과 연계하여 저장된 상기 분할 영역을 상기 모바일 단말기로 제공하는 콘텐츠 제공부를 포함하는 웹 페이지를 모바일 단말기에서 디스플레이 가능한 형태로 트랜스코딩하는 장치를 제공한다.
전술한 본 발명의 과제 해결 수단에 의하면, 전체 웹 페이지의 구조에 대응되는 형상을 갖는 위치 표시 아이콘을 제공함으로써, 사용자가 모바일 단말기에서 전체 웹 페이지를 볼 수 없더라도, 전체 웹 페이지의 구조를 확인할 수 있다.
또한, 전술한 본 발명의 과제 해결 수단에 의하면, 사용자들이 현재 자신들이 보고 있는 콘텐츠가 전체 웹 페이지 중 어느 위치에 배치되어 있는 콘텐츠인지 를 쉽게 확인할 수 있다.
또한, 본 발명의 다른 과제 해결 수단 중 하나에 의하면, 사용자들이 특정 위치 표시 아이콘을 클릭함으로써, 클릭된 위치 표시 아이콘에 연계되어 있는 콘텐츠를 쉽게 제공받을 수 있다.
아래에서는 첨부한 도면을 참조하여 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자가 용이하게 실시할 수 있도록 본 발명의 실시예를 상세히 설명한다. 그러나 본 발명은 여러 가지 상이한 형태로 구현될 수 있으며 여기에서 설명하는 실시예에 한정되지 않는다. 그리고 도면에서 본 발명을 명확하게 설명하기 위해서 설명과 관계없는 부분은 생략하였으며, 명세서 전체를 통하여 유사한 부분에 대해서는 유사한 도면 부호를 붙였다.
명세서 전체에서, 어떤 부분이 다른 부분과 "연결"되어 있다고 할 때, 이는 "직접적으로 연결"되어 있는 경우뿐 아니라, 그 중간에 다른 소자를 사이에 두고 "전기적으로 연결"되어 있는 경우도 포함한다. 또한 어떤 부분이 어떤 구성요소를 "포함"한다고 할 때, 이는 특별히 반대되는 기재가 없는 한 다른 구성요소를 제외하는 것이 아니라 다른 구성요소를 더 포함할 수 있는 것을 의미한다.
이하 첨부된 도면을 참고하여 본 발명을 상세히 설명하기로 한다.
도 2 및 도 3은 본 발명의 일 실시예에 따른 웹 페이지가 표시되는 화면 사이즈가 상대적으로 작은 모바일 단말기의 화면의 일례를 도시한 도면이다.
도 2는 사용자가 좌측 사이드바(sidebar)에 대응하는 위치 표시 아이콘을 선 택한 경우의 도면이다.
도 2에 도시된 바와 같이, 본 발명의 일 실시예에 따른 웹 페이지가 표시되는 모바일 단말기의 화면은 트랜스코딩된 웹 페이지 콘텐츠(1)와 복수의 위치 표시 아이콘(3 내지 7)을 포함한다.
웹 페이지 콘텐츠(1)는 데스크탑 컴퓨터의 모니터에서 보여지는 전체 웹 페이지 중, 좌측 사이드바 부분에 대응하는 콘텐츠이다. 사용자가 위치 표시 아이콘(4)을 클릭한 경우, 상기 위치 표시 아이콘(4)에 연계되어 있는 좌측 사이드바 부분의 웹 페이지 콘텐츠(1)가 디스플레이 될 수 있다.
위치 표시 아이콘들(3 내지 7)은 모바일 단말기 화면 내에서, 예를 들어, 하단 또는 우측 등에 표시된다. 복수의 위치 표시 아이콘의 개수 및 형태는 전체 웹 페이지를 복수개의 분할 영역으로 구분하는 동작 및 전체 웹 페이지의 구조를 분석하는 동작의 결과에 기초하여 결정될 수 있다. 본 명세서에서, 분할 영역이라 함은, 적어도 1개 이상의 웹 페이지의 구성 요소를 묶어서 그룹화 시킨 것으로서, 예를 들어, 헤더(Header), 좌측 사이드바, 우측 사이드바, 바디(body) 및 풋터(footer) 중 어느 하나일 수 있다.
예를 들어, 전체 웹 페이지가 5개의 분할 영역으로 구분되는 경우, 위치 표시 아이콘은 총 5개일 수 있다. 또한, 전체 웹 페이지의 구조를 분석하는 동작을 수행한 결과, 전체 웹 페이지가 헤더(Header), 풋터(footer), 좌측 사이드바, 우측 사이드바 및 바디(body)로 구성되어 있는 경우, 위치 표시 아이콘들(3 내지 7)은 각각, 헤더(Header), 풋터(footer), 좌측 사이드바, 우측 사이드바 및 바디(body) 중 어느 하나를 나타낼 수 있다.
상기 전체 웹 페이지를 복수개의 분할 영역으로 구분하는 동작 및 전체 웹 페이지의 구조를 파악하는 동작은 후술하기로 한다.
위치 표시 아이콘들(3 내지 7)은 복수개의 분할 영역이 웹 페이지 내에서 배치되는 위치를 각각 나타낼 수 있으며, 각각의 분할 영역의 콘텐츠와 연계될 수 있다. 또한, 각 위치 표시 아이콘은 상기 각 위치 표시 아이콘이 나타내고 있는 분할 영역이 웹 페이지 내에서 배치되는 위치를 나타내고 있다. 예를 들어, 각 위치 표시 아이콘과 연계되어 있는 분할 영역이 웹 페이지 내에서 배치되는 위치를 나타내기 위해서는, 상기 위치 표시 아이콘의 내부 형상 중, 상기 분할 영역이 배치되는 위치에 대응하는 부분에 음영을 표시하거나, 다른 영역과 구분되는 색상으로 표시하거나, 반짝임 등의 특수 효과를 삽입할 수 있다. 따라서, 사용자는 각 위치 표시 아이콘이 전체 웹 페이지 중 어느 위치의 콘텐츠와 연계되어 있는지 알 수 있고, 보고 싶은 부분의 콘텐츠를 쉽게 찾아 볼 수 있다.
예를 들어, 위치 표시 아이콘(4)에는 위치 표시 아이콘의 형상 중에서, 좌측 사이드바를 나타내는 부분에 음영이 표시되어 있다. 따라서, 사용자는 상기 위치 표시 아이콘(4)이 좌측 사이드바 부분의 콘텐츠와 연계되어 있음을 알 수 있고, 사용자가 좌측 사이드바 부분의 콘텐츠를 보고 싶을 경우에는, 상기 위치 표시 아이콘(4)을 선택할 수 있다.
도 3은 사용자가 우측 사이드바에 대응하는 위치 표시 아이콘을 선택한 경우의 도면이다.
도 3에 도시된 바와 같이, 웹 페이지 콘텐츠(2)는 데스크탑 컴퓨터의 모니터에서 보여지는 전체 웹 페이지 중, 우측 사이드바에 표시되는 콘텐츠와 대응하는 콘텐츠이다. 사용자가 위치 표시 아이콘(6)을 클릭한 경우, 상기 위치 표시 아이콘(6)에 연계되어 있는 우측 사이드바 부분의 웹 페이지 콘텐츠(2)가 디스플레이 될 수 있다.
예를 들어, 위치 표시 아이콘(6)에는 위치 표시 아이콘의 형상 중에서, 우측 사이드바 부분에 음영이 표시되어 있다. 따라서, 사용자는 상기 위치 표시 아이콘(6)이 우측 사이드바 부분의 콘텐츠와 연계되어 있음을 알 수 있고, 사용자가 우측 사이드바 부분의 콘텐츠를 보고 싶을 경우에는, 상기 위치 표시 아이콘(6)을 선택할 수 있다.
도 4는 본 발명의 일 실시예에 따라 웹 페이지를 화면 사이즈가 상대적으로 작은 모바일 단말기에서 디스플레이 가능한 형태로 트랜스코딩하는 방법의 흐름도이다.
동작(100)은 트랜스코딩 장치가, 사용자가 모바일 단말기 화면에서 보고 싶어 하는 웹 페이지의 HTML 소스를 수신하는 동작이다. 예를 들어, 사용자가 모바일 단말기에서 보고 싶어 하는 특정 웹 페이지의 주소를 직접 입력하거나, 검색을 통하여 특정 웹 페이지를 선택하는 경우에, 트랜스코딩 장치는 상기 웹 페이지의 HTML 소스를 수신할 수 있다.
동작(200)은 트랜스코딩 장치가 상기 동작(100)에서 HTML 소스를 수신한 후, 전체 웹 페이지를 분석하는 동작이다. 예를 들어, 트랜스코딩 장치는 전체 웹 페 이지를 분석하여, 전체 웹 페이지를 이루고 있는 구성 요소의 개수, 동영상 정보와 텍스트 정보의 구성 비율, 텍스트 정보의 폰트 크기, 색상, 글씨체의 종류, 좌/우 여백, 상/하 여백 및 스크롤바 유무 등의 정보를 파악할 수 있다.
동작(300)은 트랜스코딩 장치가 전체 웹 페이지의 각각의 구성 요소의 레이아웃(layout)을 계산하는 동작이다. 상기 동작(200)에서 전체 웹 페이지의 소스를 분석하여, 전체 웹 페이지를 이루고 있는 구성 요소를 파악한 후, 동작(300)에서 트랜스코딩 장치는 각 구성요소의 레이아웃을 계산하여, 각 구성 요소의 사이즈, 위치 등을 계산할 수 있다. 상기 각 구성 요소의 사이즈는 각 구성 요소의 너비(WIDTH)와 높이(HEIGHT)의 곱으로 계산될 수 있다.
도 5는 본 발명의 일 실시예에 따라 전체 웹 페이지의 각각의 구성 요소의 레이아웃을 계산하는 동작을 나타내는 도면이다.
도 5에 도시된 바와 같이, 전체 웹 페이지 소스는 <body> 태그, <div> 태그, <p> 태그 등을 포함할 수 있다. 예를 들어, <body> 태그는 전체 웹 페이지를 나타낼 수 있고, 각각의 <div> 태그는 하나의 분할 영역을 나타낼 수 있으며, 각각의 <p> 태그는 <div> 태그에 속하는 최소 구성 요소를 나타낼 수 있다.
동작(300)에서는, 최소 구성 요소의 사이즈까지 계산될 수 있다. 예를 들어, 도 5에 도시된 바와 같이, 전체 웹 페이지는 1개의 <body> 태그가 나타내는 영역으로 이루어져 있고, 상기 <body> 태그가 나타내는 영역은 2개의 <div> 태그가 나타내는 영역으로 이루어져 있을 수 있다. 또한, 제 1 <div> 태그가 나타내는 영역은 1개의 <p> 태그가 나타내는 영역으로 이루어져 있을 수 있고, 제 2 <div> 태 그가 나타내는 영역은 3개의 <p> 태그가 나타내는 영역으로 이루어져 있을 수 있다.
이 때, <body> 태그가 나타내는 영역의 너비(WIDTH)가 500이고, 높이(HEIGHT)가 600인 경우에 전체 웹 페이지의 사이즈는 300,000이라고 계산될 수 있다. 또한, 제 1 <div> 태그가 나타내는 영역의 너비(WIDTH)가 100이고, 높이(HEIGHT)가 150이므로, 제 1 <div> 태그가 나타내는 영역의 사이즈는 15,000이라고 계산될 수 있으며, 제 2 <div> 태그가 나타내는 영역의 너비(WIDTH)가 500이고, 높이(HEIGHT)가 450이므로, 제 2 <div> 태그가 나타내는 영역의 사이즈는 225,000라고 계산될 수 있다.
나아가, 제 1 <div> 태그가 나타내는 영역을 구성하고 있는 1개의 <p> 태그가 나타내는 영역의 사이즈 및 제 2 <div> 태그가 나타내는 영역을 구성하고 있는 3개의 <p> 태그가 나타내는 영역의 사이즈가 전술한 바와 같은 방식으로 계산될 수 있다.
예를 들어, 제 1 <div> 태그가 나타내는 영역은 제 1 <p> 태그가 나타내는 영역으로 이루어져 있으므로, 제 1 <div> 태그가 나타내는 영역이 제 1 <p> 태그가 나타내는 영역과 같음을 알 수 있다. 따라서, 제 1 <p> 태그가 나타내는 영역의 사이즈 값이 15,000이라고 계산될 수 있다.
또한, 제 2 <div> 태그가 나타내는 영역은 3개의 <p> 태그가 나타내는 영역으로 이루어져 있으므로, 상기 3 개의 <p> 태그가 나타내는 영역의 사이즈 값이 계산될 수 있다. 예를 들어, 제 2 <p> 태그가 나타내는 영역의 너비(WIDTH)가 50이 고, 높이(HEIGHT)가 100이므로, 제 2 <p> 태그가 나타내는 영역의 사이즈의 크기는 5,000이라고 계산될 수 있다. 또한 제 3 <p> 태그가 나타내는 영역의 너비(WIDTH)가 30이고, 높이(HEIGHT)가 100이므로, 제 3 <p> 태그가 나타내는 영역의 사이즈의 크기는 3,000이라고 계산될 수 있다. 또한, 제 4 <p> 태그가 나타내는 영역의 너비(WIDTH)가 500이고, 높이(HEIGHT)가 250이므로, 제 4 <p> 태그가 나타내는 영역의 사이즈는 125,000라고 계산될 수 있다.
동작(400)은 트랜스코딩 장치가 상기 동작(300)에서 계산된 각각의 최소 구성 요소의 레이아웃에 기초하여, 웹 페이지를 복수개의 분할 영역으로 구분하는 동작이다. 동작(400)에서 트랜스코딩 장치는 하나의 분할 영역이 가질 수 있는 최대 사이즈 값을 미리 설정해 놓을 수 있다. 또한, 트랜스코딩 장치는 상기 미리 설정되어 있는 분할 영역의 최대 사이즈 값과, 상기 동작(300)에서 계산된 최소 구성 요소들의 사이즈 값을 비교하여, 하나의 분할 영역이 가질 수 있는 최대 사이즈 값을 넘지 않는 범위 내에서, 최소 구성 요소들을 병합하여 분할 영역을 생성할 수 있다. 그러나, 단독의 최소 구성 요소의 사이즈 값이 미리 설정되어 있는 분할 영역의 최대 사이즈 값을 초과하는 경우에는 이웃 최소 구성 요소와 병합하지 않을 수 있다. 또한, 최소 구성 요소들의 병합은 동일한 중간 구성 요소에 속해있는 최소 구성 요소들끼리만 이루어 질 수 있다.
예를 들어, 미리 설정되어 있는 하나의 분할 영역이 가질 수 있는 최대 사이즈 값이 10,000인 경우에, 전술한 예에서, 제 1 <div> 태그가 나타내는 영역을 이루고 있는 제 1 <p> 태그가 나타내는 영역의 사이즈 값은 15,000이므로 제 1 <div> 태그가 나타내는 영역 내에 또 다른 <p> 태그가 나타내는 영역이 존재 하더라도 분할 영역의 최대 사이즈 값을 초과 하였으므로 병합하지 않는다. 또한, 상기 제 1 <p> 태그가 나타내는 영역은 최소 구성 요소이므로, 분할 영역의 최대 사이즈 값을 초과 하였더라도 더 이상 분할하지는 않는다.
트랜스코딩 장치가 전체 웹 페이지를 복수개의 분할 영역으로 구분하는 동작에 대해서는 도 6과 함께 상세히 설명한다.
도 6은 본 발명의 일 실시예에 따른 전체 웹 페이지를 복수개의 분할 영역으로 구분하는 동작의 흐름도이다.
동작(410)에서, 트랜스코딩 장치는 상기 동작(300)에서 계산된 웹 페이지의 각각의 최소 구성 요소의 레이아웃 계산 결과를 수신할 수 있다. 예를 들어, 상기 동작(300)에서 계산된, 각각의 <p> 태그가 나타내는 영역의 사이즈 값을 수신할 수 있다.
동작(420)에서, 트랜스코딩 장치는 상기 동작(410)에서 수신한 각각의 최소 구성 요소의 사이즈 값이 미리 설정되어 있는 하나의 분할 영역이 가질 수 있는 최대 사이즈 값을 초과하는지를 판단할 수 있다.
동작(420)에서, 하나의 최소 구성 요소의 사이즈 값이 미리 설정되어 있는 하나의 분할 영역이 가질 수 있는 최대 사이즈 값을 초과한다고 판단되는 경우에는, 트랜스코딩 장치는 상기 하나의 최소 구성 요소를 더 이상 병합 또는 분할하지 않고, 하나의 분할 영역으로 결정할 수 있다.
예를 들어, 전술한 예에서, 제 2 <div> 태그가 나타내는 영역을 이루고 있는 제 4 <p> 태그가 나타내는 영역의 사이즈 값은 125,000이므로, 하나의 분할 영역이 가질 수 있는 최대 사이즈 값을 초과한다고 판단될 수 있다. 따라서, 트랜스코딩 장치는 상기 제 4 <p> 태그가 나타내는 영역을 다른 <p> 태그가 나타내는 영역들과 병합하지 않는다. 또한, 상기 제 4 <p> 태그가 나타내는 영역은 최소 구성 요소 이므로, 더 이상 분할될 수도 없으므로, 트랜스코딩 장치는 상기 제 4 <p> 태그가 나타내는 영역을 하나의 분할 영역으로 결정할 수 있다.
동작(430)은, 트랜스코딩 장치가 상기 동작(420)에서, 미리 설정되어 있는 하나의 분할 영역이 가질 수 있는 최대 사이즈 값보다 작은 사이즈를 갖는 최소 구성 요소를 발견한 경우에, 상기 최소 구성 요소를 이웃 최소 구성 요소와 병합하면 상기 미리 설정되어 있는 하나의 분할 영역이 가질 수 있는 최대 사이즈 값을 초과하게 되는지를 판단하는 동작이다.
예를 들어, 전술한 예에서, 제 2 <div> 태그가 나타내는 영역을 이루고 있는 제 2 <p> 태그가 나타내는 영역의 사이즈 값은 5,000이고, 제 3 <p> 태그가 나타내는 영역의 사이즈 값은 3,000이다. 따라서, 트랜스코딩 장치는 상기 두 개의 <p> 태그가 나타내는 영역들을 병합하더라도, 미리 설정되어 있는 분할 영역의 최대 사이즈 값인 10,000을 초과하지 않고, 상기 두 개의 <p> 태그가 나타내는 영역들은 동일한 <div> 태그가 나타내는 영역에 속해 있는 <p> 태그가 나타내는 영역들이므로 병합이 가능하다고 판단될 수 있다. 다만, 트랜스코딩 장치는 상기 두 개의 <p> 태그가 나타내는 영역들을 병합하더라도 미리 설정되어 있는 분할 영역의 최대 사이즈 값인 10000을 초과하지 않지만, 제 4 <p> 태그가 나타내는 영역과 추가로 병합할 경우에는 미리 설정되어 있는 분할 영역의 최대 사이즈 값을 초과하게 되므로 더 이상 병합이 불가능하다고 판단할 수 있다.
동작(440)은 상기 동작(430)에서 최소 구성 요소들의 병합이 가능하다고 판단된 경우에, 트랜스코딩 장치가 상기 최소 구성 요소들의 병합을 수행하는 동작이다. 예를 들어, 전술한 예에서, 제 2 <div> 태그가 나타내는 영역을 이루고 있는 제 2 <p> 태그가 나타내는 영역과 제 3 <p> 태그가 나타내는 영역을 병합하여, 하나의 분할 영역으로 결정할 수 있다.
다시 도 4로 돌아가서, 동작(500)은 트랜스코딩 장치가, 상기 동작(400)에서 구분한 복수개의 분할 영역들이 웹 페이지 내에서 배치되는 위치를 파악하여 웹 페이지 전체의 구조를 분석하는 동작이다. 예를 들어, 트랜스코딩 장치는, 헤더(Header) 탐색 동작, 좌측 사이드바 탐색 동작, 우측 사이드바 탐색 동작, 풋터(footer) 탐색 동작 및 바디(body) 탐색 동작을 수행할 수 있다. 나아가 트랜스코딩 장치는 상기 동작들의 결과에 기초하여, 상기 복수개의 분할 영역들이 상기 웹 페이지 내에서 배치되는 위치를 파악할 수 있다.
상기 헤더(Header) 탐색 동작, 좌측 사이드바 탐색 동작, 우측 사이드바 탐색 동작, 풋터(footer) 탐색 동작 및 바디(body) 탐색 동작에 대해서는 도 7을 참조하여 상세히 설명한다.
도 7은 본 발명의 일 실시예에 따른 웹 페이지 전체의 구조를 분석하는 동작을 나타내는 도면이다.
도 7에 도시된 바와 같이, 전체 웹 페이지는 A 분할 영역(510), B 분할 영 역(520), C 분할 영역(530), D 분할 영역(540) 및 E 분할 영역(550)을 포함할 수 있다. 또한, 각각의 분할 영역에는 1개 이상의 최소 구성 요소들이 포함되어 있을 수 있다.
좌측 사이드바 탐색 동작은, 전체 웹 페이지의 좌측면으로부터 미리 설정되어 있는 영역 내에 하나의 분할 영역 전체가 포함되면, 상기 전체가 포함되어 있는 분할 영역을 좌측 사이드바로 결정하는 동작이다.
예를 들면, 도 7에 도시된 바와 같이, 트랜스코딩 장치는, 전체 웹 페이지의 좌측면으로부터 특정 면적 값을 갖는 좌측 사이드바 탐색 영역(570)을 미리 설정할 수 있다. 이 때, B 분할 영역(520) 및 D 분할 영역(540)의 전체가 좌측 사이드바 탐색 영역(570)에 포함되지 않으므로, 트랜스코딩 장치는 B 분할 영역(520) 및 D 분할 영역(540)을 좌측 사이드바로서 판단하지 않는다.
우측 사이드바 탐색 동작은 전체 웹 페이지의 우측면으로부터 특정 면적 값을 갖는 우측 사이드바 탐색 영역(580)을 미리 설정하고, 하나의 분할 영역 전체가 우측 사이드바 탐색 영역(580)에 포함되면, 상기 전체가 포함되어 있는 분할 영역을 우측 사이드바로 결정하는 동작이다.
예를 들면, 도 7에 도시된 바와 같이, C 분할 영역(530)은 전체가 우측 사이드바 탐색 영역(580)에 포함되지만, E 분할 영역(550)은 전체가 우측 사이드바 탐색 영역(580)에 포함되지 않으므로, 트랜스코딩 장치는 C 분할 영역(530)만을 우측 사이드바로 결정할 수 있다.
헤더(Header) 탐색 동작은, 전체 웹 페이지의 상부로부터 미리 설정되어 있 는 영역 내에 하나의 분할 영역 전체가 포함되면, 상기 전체가 포함되어 있는 분할 영역을 헤더(Header)로 결정하는 동작이다. 예를 들면, 도 7에 도시된 바와 같이, 트랜스코딩 장치는, 전체 웹 페이지의 상부로부터 특정 높이 값을 갖는 헤더(Header) 탐색 영역(560)을 미리 설정할 수 있다. 상기 상부로부터의 높이 값은 좌측 사이드바 또는 우측 사이드바가 있을 경우에는 각 사이드바 보다 윗부분의 값이 되고, 좌측 사이드바 또는 우측 사이드바가 없을 경우에는 임의의 값이 될 수 있다. 트랜스코딩 장치는, A 분할 영역(510)이 상기 헤더(Header) 탐색 영역(560)내에 모두 포함되어 있으므로, 상기 A 분할 영역(510)을 헤더(Header)로 결정할 수 있다.
풋터(footer) 탐색 동작은 웹 페이지 하부로부터 풋터(footer) 탐색 영역(590)을 미리 설정하고, 하나의 분할 영역 전체가 풋터(footer) 탐색 영역(590)에 풋터(footer) 탐색 영역(590)포함되면, 상기 전체가 포함되어 있는 분할 영역을 풋터(footer)로 결정하는 동작이다. 예를 들어, 풋터(footer) 탐색 영역은 헤더(Header) 탐색 영역과 동일한 방식으로, 좌측 사이드바 또는 우측 사이드바가 있을 경우에는 웹 페이지 하부로부터 각 사이드바 보다 아랫 부분의 영역이 될 수 있다.
예를 들면, 도 7에 도시된 바와 같이, D 분할 영역(540) 및 E 분할 영역(550)의 전체가 풋터(footer) 탐색 영역(590)에 포함되지 않으므로, 트랜스코딩 장치는 D 분할 영역(540) 및 E 분할 영역(550)을 풋터(footer)로 결정하지 않는다.
트랜스코딩 장치는, 상기 좌측 사이드바 탐색 동작, 우측 사이드바 탐색 동 작 헤더(Header) 탐색 동작, 및 풋터(footer) 탐색 동작을 수행한 후에, 좌측 사이드바, 우측 사이드바, 헤더(Header), 및 풋터(footer) 중 어느 하나로도 결정되지 않은 분할 영역들을 바디(body)로 결정할 수 있다.
예를 들어, 트랜스코딩 장치는 B 분할 영역(520), D 분할 영역(540) 및 E 분할 영역(550)을 바디(body)로 결정할 수 있다.
다시 도 4로 돌아가서, 동작(600)은 트랜스코딩 장치가, 분할 영역과 상기 분할 영역이 상기 웹 페이지 내에서 배치되는 위치를 나타내는 위치 표시 아이콘을 연계하여 저장하는 동작이다.
위치 표시 아이콘은 상기 동작(500)에서 분석된 전체 웹 페이지 구조에 대응되는 형상을 가질 수 있다. 또한, 상기 동작(400)에서 결정된 분할 영역의 개수만큼 위치 표시 아이콘이 있을 수 있다.
위치 표시 아이콘은 복수개의 분할 영역이 웹 페이지 내에서 배치되는 위치를 각각 나타낼 수 있으며, 각각의 분할 영역의 콘텐츠와 1:1로 연계될 수 있다. 또한, 각 위치 표시 아이콘에는, 상기 각 위치 표시 아이콘이 나타내고 있는 분할 영역이 웹 페이지 내에서 배치되는 위치에 대응하는 부분에 음영, 색상, 반짝임 등의 특수 효과가 사용될 수 있다. 따라서, 사용자는 각 위치 표시 아이콘이 전체 웹 페이지 중 어느 위치의 콘텐츠와 연계되어 있는지 알 수 있고, 보고 싶은 부분의 콘텐츠를 쉽게 찾아 볼 수 있다.
위치 표시 아이콘은 미리 생성되어, 트랜스코딩 장치의 저장부에 저장되어 있다가, 전체 웹 페이지의 구조가 파악되면, 이에 대응되는 형상을 갖는 위치 표시 아이콘이 저장부에서 독출되어, 분할 영역과 연계되어 저장될 수 있다. 또한, 전체 웹 페이지의 구조에 대응되는 위치 표시 아이콘이 트랜스코딩 장치의 저장부에 저장되어 있지 않다면, 트랜스코딩 장치는 실시간으로 위치 표시 아이콘을 생성하여, 분할 영역과 위치 표시 아이콘을 연계하여 저장할 수도 있다.
트랜스코딩 장치가, 분할 영역과 상기 분할 영역이 웹 페이지 내에서 배치되는 위치를 나타내는 위치 표시 아이콘을 연계하여 저장하는 동작에 대해서는 도 8과 함께 상세히 설명한다.
도 8은 본 발명의 일 실시예에 따른, 분할 영역과 위치 표시 아이콘을 연계하여 저장하는 동작을 나타내는 흐름도이다.
동작(610)에서, 트랜스코딩 장치는 상기 동작(500)에서 분석된 전체 웹 페이지 구조를 수신할 수 있다.
동작(620)에서, 트랜스코딩 장치는 상기 동작(610)에서 수신한 전체 웹 페이지 구조에 대응되는 형상을 갖는 위치 표시 아이콘이 존재하는지 여부를 판단할 수 있다. 즉, 트랜스코딩 장치는, 트랜스코딩 장치의 저장부를 탐색하여, 상기 수신된 전체 웹 페이지 구조에 대응되는 형상을 갖는 위치 표시 아이콘이 이미 생성되어 있는지 여부를 판단할 수 있다.
동작(630)은, 상기 동작(620)에서 판단한 결과, 수신된 전체 웹 페이지 구조에 대응되는 형상을 갖는 위치 표시 아이콘이 저장부에 존재하지 않는다고 판단된 경우에, 트랜스코딩 장치가 실시간으로 상기 수신된 전체 웹 페이지 구조에 대응되는 형상을 갖는 위치 표시 아이콘을 생성하는 동작이다.
동작(640)은, 트랜스코딩 장치가, 각 분할 영역과 수신된 전체 웹 페이지 구조에 대응되는 형상을 갖는 위치 표시 아이콘을 연계하여 저장하는 동작이다. 예를 들어, 각 분할 영역의 위치에 대응되는 부분에 음영이 들어가 있는 위치 표시 아이콘과 상기 각 분할 영역이 1:1로 연계되어 저장될 수 있다. 따라서, 모바일 단말기를 통해 특정 위치 표시 아이콘이 선택된 경우, 상기 선택된 위치 표시 아이콘과 연계하여 저장된 상기 분할 영역이 상기 모바일 단말기로 제공될 수 있다.
다시 도 4로 돌아가서, 동작(700)은 웹 페이지의 분할 영역들을 모바일 단말기 화면에 디스플레이 가능하도록, 트랜스코딩 장치가 분할 영역들을 트랜스코딩하는 동작이다. 예를 들어, 트랜스코딩 장치는, 웹 페이지의 분할 영역의 너비(WIDTH)가 너무 커서, 모바일 단말기 화면에 모두 디스플레이 할 수 없는 경우에, 모바일 단말기 화면의 너비(WIDTH)에 맞도록 너비(WIDTH)를 줄이고 높이(HEIGHT)를 늘려서, 사용자들이 스크롤바 등을 이용하여 웹 페이지의 콘텐츠를 볼 수 있도록 할 수 있다.
도 4에 도시된 각 동작(100 내지 700)이 실행되는 순서는 상기한 설명에 의해 한정되지 않으며, 임의의 순서로 실행되어도 무방하다.
도 9는 본 발명의 일 실시예에 따른, 웹 페이지를 화면 사이즈가 상대적으로 작은 모바일 단말기에서 디스플레이 가능한 형태로 트랜스코딩하는 장치의 세부 구성도이다.
도 9에 도시된 바와 같이, 본 발명의 일 실시예에 따른, 웹 페이지를 화면 사이즈가 상대적으로 작은 모바일 단말기에서 디스플레이 가능한 형태로 트랜스코 딩하는 장치는 웹 페이지 구성 요소 분석부(10), 웹 페이지 분할부(20), 웹 페이지 구조 분석부(30), 아이콘 연계 저장부(40), 위치 표시 아이콘 생성부(50), 저장부(60), 트랜스코딩부(70) 및 콘텐츠 제공부(80)를 포함할 수 있다.
웹 페이지 구성 요소 분석부(10)는 사용자가 모바일 단말기 화면에서 보고 싶어 하는 웹 페이지의 HTML 소스를 수신하고, 전체 웹 페이지의 소스를 분석할 수 있다. 예를 들어, 웹 페이지 구성 요소 분석부(10)는 전체 웹 페이지의 소스를 분석하여, 전체 웹 페이지를 이루고 있는 구성 요소의 개수, 동영상 정보와 텍스트 정보의 구성 비율, 텍스트 정보의 폰트 크기, 색상, 글씨체의 종류, 좌/우 여백, 상/하 여백 및 스크롤바 유무 등의 정보를 파악할 수 있다.
또한, 웹 페이지 구성 요소 분석부(10)는 전체 웹 페이지의 소스를 분석하여, 전체 웹 페이지의 각각의 최소 구성 요소의 레이아웃을 계산할 수 있다. 예를 들어, 각각의 구성 요소의 너비(WIDTH)와 높이(HEIGHT)를 파악하여 상기 너비(WIDTH)와 높이(HEIGHT)를 곱하여 각각의 구성 요소의 사이즈 값을 계산할 수 있다.
웹 페이지 분할부(20)는 상기 웹 페이지 구성 요소 분석부(10)에서 계산한 각각의 최소 구성 요소의 레이아웃에 기초하여 웹 페이지를 복수개의 분할 영역으로 구분할 수 있다.
예를 들어, 웹 페이지 분할부(20)는 하나의 분할 영역이 가질 수 있는 최대 사이즈 값을 미리 설정해 놓을 수 있다. 또한, 웹 페이지 분할부(20)는 상기 미리 설정되어 있는 분할 영역의 최대 사이즈 값과, 상기 웹 페이지 구성 요소 분석 부(10)에서 계산한 최소 구성 요소들의 사이즈 값을 비교하여, 하나의 분할 영역이 가질 수 있는 최대 사이즈 값을 넘지 않는 범위 내에서, 최소 구성 요소들을 병합하여 분할 영역을 만들 수 있다.
웹 페이지 구조 분석부(30)는 상기 웹 페이지 분할부(20)에서 구분한 복수개의 분할 영역들이 웹 페이지 내에서 배치되는 위치를 파악하여 웹 페이지 전체의 구조를 분석할 수 있다. 예를 들어, 웹 페이지 구조 분석부(30)는, 헤더(Header) 탐색 동작, 좌측 사이드바 탐색 동작, 우측 사이드바 탐색 동작, 풋터(footer) 탐색 동작 및 바디(body) 탐색 동작을 수행할 수 있다. 나아가, 웹 페이지 구조 분석부(30)는, 상기 동작들의 수행 결과에 기초하여 상기 복수개의 분할 영역들이 상기 웹 페이지 내에서 배치되는 위치를 파악하여, 전체 웹 페이지의 구조를 분석할 수 있다.
상기 헤더(Header) 탐색 동작, 좌측 사이드바 탐색 동작, 우측 사이드바 탐색 동작, 풋터(footer) 탐색 동작 및 바디(body) 탐색 동작의 구체적인 내용은 전술한 바와 같다.
아이콘 연계 저장부(40)는 분할 영역과 상기 분할 영역이 웹 페이지 내에서 배치되는 위치를 나타내는 위치 표시 아이콘을 연계하여 저장할 수 있다. 상기 위치 표시 아이콘은 복수개의 분할 영역이 웹 페이지 내에서 배치되는 위치를 각각 나타낼 수 있으며, 각각의 분할 영역의 콘텐츠와 1:1로 연계될 수 있다.
상기 위치 표시 아이콘은 미리 생성되어, 트랜스코딩 장치의 저장부에 저장되어 있다가, 웹 페이지 구조 분석부(30)에 의해 전체 웹 페이지의 구조가 파악되 면, 이에 대응되는 위치 표시 아이콘이 저장부에서 독출되어, 분할 영역과 연계될 수 있다. 또한, 전체 웹 페이지의 구조에 대응되는 형상을 갖는 위치 표시 아이콘이 트랜스코딩 장치의 저장부에 저장되어 있지 않다면, 위치 표시 아이콘 생성부(50)에 의하여 실시간으로 위치 표시 아이콘이 생성되어, 분할 영역과 연계될 수도 있다.
위치 표시 아이콘 생성부(50)는 전체 웹 페이지 구조의 형태를 갖는 위치 표시 아이콘을 생성할 수 있다. 예를 들어, 위치 표시 아이콘 생성부(50)는 다양한 형태의 웹 페이지 구조를 나타내는 위치 표시 아이콘들을 생성하여 트랜스코딩 장치의 저장부(60)에 저장할 수 있다. 또한, 상기 웹 페이지 구조 분석부(30)에 의해 분석된 전체 웹 페이지 구조에 대응되는 형상을 갖는 위치 표시 아이콘이 상기 저장부(60)에 저장되어 있지 않다면, 위치 표시 아이콘 생성부(50)는 실시간으로 위치 표시 아이콘을 생성할 수 있다.
저장부(60)에는 위치 표시 아이콘 생성부(50)가 생성한 위치 표시 아이콘들이 저장될 수 있다. 또한, 아이콘 연계 저장부(40)가 각 분할 영역들과 위치 표시 아이콘들을 연계하여 저장부(60)에 저장할 수 있다.
트랜스코딩부(70)는 각 분할 영역을 모바일 단말기에서 디스플레이 가능한 형태로 트랜스코딩할 수 있다. 예를 들어, 트랜스코딩부(70)는, 하나의 분할 영역의 너비(WIDTH)가 너무 커서, 모바일 단말기 화면에 모두 디스플레이 할 수 없는 경우에, 모바일 단말기 화면의 너비(WIDTH)에 맞도록 너비(WIDTH)를 줄이고 높이(HEIGHT)를 늘려서, 사용자들이 스크롤바 등을 이용하여 상기 분할 영역의 콘텐 츠를 볼 수 있도록 할 수 있다.
콘텐츠 제공부(80)는 위치 표시 아이콘에 연계되어 저장되어 있는 분할 영역의 콘텐츠를 제공할 수 있다. 예를 들어, 콘텐츠 제공부(80)는 모바일 단말기를 통해 특정 위치 표시 아이콘이 선택된 경우, 상기 선택된 위치 표시 아이콘과 연계하여 저장된 분할 영역의 콘텐츠를 상기 모바일 단말기에 디스플레이할 수 있다.
본 발명의 일 실시예는 컴퓨터에 의해 실행되는 프로그램 모듈과 같은 컴퓨터에 의해 실행가능한 명령어를 포함하는 기록 매체의 형태로도 구현될 수 있다. 컴퓨터 판독 가능 매체는 컴퓨터에 의해 액세스될 수 있는 임의의 가용 매체일 수 있고, 휘발성 및 비휘발성 매체, 분리형 및 비분리형 매체를 모두 포함한다. 또한, 컴퓨터 판독가능 매체는 컴퓨터 저장 매체 및 통신 매체를 모두 포함할 수 있다. 컴퓨터 저장 매체는 컴퓨터 판독가능 명령어, 데이터 구조, 프로그램 모듈 또는 기타 데이터와 같은 정보의 저장을 위한 임의의 방법 또는 기술로 구현된 휘발성 및 비휘발성, 분리형 및 비분리형 매체를 모두 포함한다. 통신 매체는 전형적으로 컴퓨터 판독가능 명령어, 데이터 구조, 프로그램 모듈, 또는 반송파와 같은 변조된 데이터 신호의 기타 데이터, 또는 기타 전송 메커니즘을 포함하며, 임의의 정보 전달 매체를 포함한다.
전술한 본 발명의 설명은 예시를 위한 것이며, 본 발명이 속하는 기술분야의 통상의 지식을 가진 자는 본 발명의 기술적 사상이나 필수적인 특징을 변경하지 않고서 다른 구체적인 형태로 쉽게 변형이 가능하다는 것을 이해할 수 있을 것이다. 그러므로 이상에서 기술한 실시예들은 모든 면에서 예시적인 것이며 한정적이 아닌 것으로 이해해야만 한다. 예를 들어, 단일형으로 설명되어 있는 각 구성 요소는 분산되어 실시될 수도 있으며, 마찬가지로 분산된 것으로 설명되어 있는 구성 요소들도 결합된 형태로 실시될 수 있다.
본 발명의 범위는 상기 상세한 설명보다는 후술하는 특허청구범위에 의하여 나타내어지며, 특허청구범위의 의미 및 범위 그리고 그 균등 개념으로부터 도출되는 모든 변경 또는 변형된 형태가 본 발명의 범위에 포함되는 것으로 해석되어야 한다.
도 1은 웹 페이지가 디스플레이되는 종래의 모바일 단말기 화면을 도시한 도면.
도 2는 본 발명의 일 실시예에 따른 웹 페이지가 표시되는 화면 사이즈가 상대적으로 작은 모바일 단말기 화면을 도시한 도면.
도 3은 본 발명의 일 실시예에 따른 웹 페이지가 표시되는 화면 사이즈가 상대적으로 작은 모바일 단말기 화면을 도시한 도면.
도 4는 본 발명의 일 실시예에 따른 웹 페이지를 화면 사이즈가 상대적으로 작은 모바일 단말기에서 디스플레이 가능한 형태로 트랜스코딩하는 방법의 흐름도.
도 5는 본 발명의 일 실시예에 따라 전체 웹 페이지의 각각의 구성 요소의 레이아웃을 계산하는 동작을 나타내는 도면.
도 6은 본 발명의 일 실시예에 따른 전체 웹 페이지를 복수개의 분할 영역으로 구분하는 동작의 흐름도.
도 7은 본 발명의 일 실시예에 따른 웹 페이지 전체의 구조를 분석하는 동작을 나타내는 도면.
도 8은 본 발명의 일 실시예에 따른 분할 영역과 위치 표시 아이콘을 연계하여 저장하는 동작을 나타내는 흐름도.
도 9는 본 발명의 일 실시예에 따른 웹 페이지를 화면 사이즈가 상대적으로 작은 모바일 단말기에서 디스플레이 가능한 형태로 트랜스코딩하는 장치의 세부 구성도.
*도면의 주요 부분에 대한 부호 설명
10: 웹 페이지 구성 요소 분석부 20: 웹 페이지 분할부
30: 웹 페이지 구조 분석부 40: 아이콘 연계 저장부
50: 위치 표시 아이콘 생성부 60: 저장부
70: 트랜스코딩부 80: 콘텐츠 제공부

Claims (17)

  1. 웹 페이지를 모바일 단말기에서 디스플레이 가능한 형태로 트랜스코딩하는 방법에 있어서,
    상기 웹 페이지 전체를 복수개의 분할 영역으로 구분하는 동작,
    상기 각 분할 영역을 상기 모바일 단말기에서 디스플레이 가능한 형태로 트랜스코딩하는 동작,
    상기 트랜스코딩된 분할 영역과 상기 분할 영역이 상기 웹 페이지 내에서 배치되는 위치를 나타내는 위치 표시 아이콘을 연계하여 저장하는 동작 및
    상기 모바일 단말기를 통해 상기 위치 표시 아이콘이 선택된 경우, 상기 선택된 위치 표시 아이콘과 연계하여 저장된 상기 분할 영역을 상기 모바일 단말기로 제공하는 동작
    을 포함하는 트랜스코딩 방법.
  2. 제 1 항에 있어서,
    상기 웹 페이지 전체를 복수개의 분할 영역으로 구분하는 동작은
    상기 웹 페이지 전체의 소스를 분석하여, 각 구성요소의 레이아웃을 계산하는 동작 및
    상기 계산된 레이아웃에 기초하여 상기 웹 페이지 전체의 구조를 분석하는 동작
    을 포함하는 트랜스코딩 방법.
  3. 제 1 항에 있어서,
    헤더(Header) 탐색 동작, 좌측 사이드바 탐색 동작, 우측 사이드바 탐색 동작, 풋터(footer) 탐색 동작 및 바디(body) 탐색 동작의 결과에 기초하여 상기 복수개의 분할 영역이 상기 웹 페이지 내에서 배치되는 위치를 파악하는 동작을 더 포함하는 것인 웹 페이지를 트랜스코딩하는 방법.
  4. 제 3 항에 있어서,
    상기 헤더(Header) 탐색 동작은 상기 전체 웹 페이지의 상부로부터 미리 설정되어 있는 영역 내에 하나의 분할 영역 전체가 포함되면, 상기 전체가 포함되어 있는 분할 영역을 헤더(Header)로 결정하는 것인 웹 페이지를 트랜스코딩하는 방법.
  5. 제 3 항에 있어서,
    상기 좌측 사이드바 탐색 동작은 상기 전체 웹 페이지의 좌측면으로부터 미리 설정되어 있는 영역 내에 하나의 분할 영역 전체가 포함되면, 상기 전체가 포함되어 있는 분할 영역을 좌측 사이드바로 결정하는 것인 웹 페이지를 트랜스코딩하는 방법.
  6. 제 3 항에 있어서,
    상기 우측 사이드바 탐색 동작은 상기 전체 웹 페이지의 우측면으로부터 미리 설정되어 있는 영역 내에 하나의 분할 영역 전체가 포함되면, 상기 전체가 포함되어 있는 분할 영역을 우측 사이드바로 결정하는 것인 웹 페이지를 트랜스코딩하는 방법.
  7. 제 3 항에 있어서,
    상기 풋터(footer) 탐색 동작은 상기 전체 웹 페이지의 하부로부터 미리 설정되어 있는 영역 내에 하나의 분할 영역 전체가 포함되면, 상기 전체가 포함되어 있는 분할 영역을 풋터(footer)로 결정하는 것인 웹 페이지를 트랜스코딩하는 방법.
  8. 청구항 제 1 항 내지 제 7 항 중 어느 한 항에 기재된 트랜스코딩 방법의 각 단계를 컴퓨터 상에서 수행하기 위한 프로그램을 기록한 컴퓨터 판독 가능한 기록 매체.
  9. 모바일 단말기에서 웹 페이지를 디스플레이하는 방법에 있어서,
    상기 웹 페이지가 N개(N은 2 이상의 자연수)의 분할 영역으로 구분되어 있는 경우, 각 분할 영역이 상기 웹 페이지 내에서 배치되는 위치를 나타내는 N개의 위치 표시 아이콘을 디스플레이하는 동작,
    상기 N개의 위치 표시 아이콘 중에서, 사용자로부터 하나의 위치 표시 아이콘에 대한 선택을 수신하는 동작 및
    상기 선택된 위치 표시 아이콘에 연계된 분할 영역을 모바일 단말기에 디스플레이하는 동작
    을 포함하는 모바일 단말기에서 웹 페이지를 디스플레이하는 방법.
  10. 제 9 항에 있어서,
    상기 분할 영역은 상기 모바일 단말기의 화면 사이즈에 기초하여 사전에 트랜스코딩되어 있는 것인 모바일 단말기에서 웹 페이지를 디스플레이하는 방법.
  11. 제 9 항에 있어서,
    상기 분할 영역은 헤더(Header), 좌측 사이드바, 우측 사이드바, 바디(body) 및 풋터(footer) 중 어느 하나인 것인 모바일 단말기에서 웹 페이지를 디스플레이하는 방법.
  12. 청구항 제 9 항 내지 제 11 항 중 어느 한 항에 기재된 웹 페이지 디스플레이 방법의 각 단계를 컴퓨터 상에서 수행하기 위한 프로그램을 기록한 컴퓨터 판독 가능한 기록 매체.
  13. 웹 페이지를 모바일 단말기에서 디스플레이 가능한 형태로 트랜스코딩하는 장치에 있어서,
    상기 웹 페이지 전체를 복수개의 분할 영역으로 구분하는 웹 페이지 분할부,
    상기 각 분할 영역을 상기 모바일 단말기에서 디스플레이 가능한 형태로 트랜스코딩하는 트랜스코딩부,
    상기 트랜스코딩된 분할 영역과 상기 분할 영역이 상기 웹 페이지 내에서 배치되는 위치를 나타내는 위치 표시 아이콘을 연계하여 저장하는 아이콘 연계 저장부 및
    상기 모바일 단말기를 통해 상기 위치 표시 아이콘이 선택된 경우, 상기 선택된 위치 표시 아이콘과 연계하여 저장된 상기 분할 영역을 상기 모바일 단말기로 제공하는 콘텐츠 제공부
    를 포함하는 트랜스코딩 장치.
  14. 제 13 항에 있어서,
    상기 웹 페이지 전체의 소스를 분석하여, 웹 페이지의 구성요소의 레이아웃을 계산하는 웹 페이지 구성 요소 분석부를 더 포함하는 트랜스코딩 장치.
  15. 제 13 항에 있어서,
    상기 웹 페이지 분할부는 상기 구성요소 중 일부를 상기 계산된 레이아웃 및 미리 설정된 사이즈에 기초하여 병합하는 동작을 수행하는 것인 트랜스코딩 장치.
  16. 제 13 항에 있어서,
    헤더(Header) 탐색 동작, 좌측 사이드바 탐색 동작, 우측 사이드바 탐색 동작 및 풋터(footer) 탐색 동작의 결과에 기초하여 상기 웹 페이지 분할부에 의해 분할된 복수개의 분할 영역이 상기 웹 페이지 내에서 배치되는 위치를 파악하는 웹 페이지 구조 분석부를 더 포함하는 트랜스코딩 시스템.
  17. 제 13 항에 있어서,
    상기 분할 영역이 상기 웹 페이지 내에서 배치되는 위치를 나타내는 위치 표시 아이콘을 생성하는 위치 표시 아이콘 생성부를 더 포함하는 트랜스코딩 시스템.
KR1020080124245A 2008-12-08 2008-12-08 웹 페이지를 모바일 단말기에서 디스플레이 가능한 형태로 트랜스코딩하는 방법 및 장치 KR20100065744A (ko)

Priority Applications (3)

Application Number Priority Date Filing Date Title
KR1020080124245A KR20100065744A (ko) 2008-12-08 2008-12-08 웹 페이지를 모바일 단말기에서 디스플레이 가능한 형태로 트랜스코딩하는 방법 및 장치
US12/631,498 US8533613B2 (en) 2008-12-08 2009-12-04 Method and apparatus for transcoding web page to be displayed on mobile terminal
JP2009277588A JP5048042B2 (ja) 2008-12-08 2009-12-07 ウェブページをモバイル端末で表示可能な形態にトランスコーディングする方法及び装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020080124245A KR20100065744A (ko) 2008-12-08 2008-12-08 웹 페이지를 모바일 단말기에서 디스플레이 가능한 형태로 트랜스코딩하는 방법 및 장치

Publications (1)

Publication Number Publication Date
KR20100065744A true KR20100065744A (ko) 2010-06-17

Family

ID=42232463

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020080124245A KR20100065744A (ko) 2008-12-08 2008-12-08 웹 페이지를 모바일 단말기에서 디스플레이 가능한 형태로 트랜스코딩하는 방법 및 장치

Country Status (3)

Country Link
US (1) US8533613B2 (ko)
JP (1) JP5048042B2 (ko)
KR (1) KR20100065744A (ko)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101429466B1 (ko) * 2012-11-19 2014-08-13 네이버 주식회사 동적 페이지 분할을 이용한 웹페이지 제공 방법 및 시스템
KR101434042B1 (ko) * 2012-11-09 2014-08-27 한국과학기술원 모바일 브라우저 환경에서의 멀티 윈도우 로딩을 이용한 브라우징 방법, 웹페이지 제공 방법 및 시스템

Families Citing this family (34)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20050131837A1 (en) 2003-12-15 2005-06-16 Sanctis Jeanne D. Method, system and program product for communicating e-commerce content over-the-air to mobile devices
US8370269B2 (en) 2004-06-02 2013-02-05 Overstock.Com, Inc. System and methods for electronic commerce using personal and business networks
US8583480B2 (en) 2007-12-21 2013-11-12 Overstock.Com, Inc. System, program product, and methods for social network advertising and incentives for same
GB0802585D0 (en) * 2008-02-12 2008-03-19 Mtld Top Level Domain Ltd Determining a property of communication device
GB2465138B (en) * 2008-10-10 2012-10-10 Afilias Technologies Ltd Transcoding web resources
US9747622B1 (en) 2009-03-24 2017-08-29 Overstock.Com, Inc. Point-and-shoot product lister
CA2715362A1 (en) * 2009-09-22 2011-03-22 Thwapr, Inc. Interoperable mobile media sharing
WO2011050368A1 (en) * 2009-10-23 2011-04-28 Moov Corporation Configurable and dynamic transformation of web content
US9141724B2 (en) 2010-04-19 2015-09-22 Afilias Technologies Limited Transcoder hinting
GB2481843A (en) 2010-07-08 2012-01-11 Mtld Top Level Domain Ltd Web based method of generating user interfaces
CN102156716B (zh) * 2010-12-02 2013-01-02 广州市动景计算机科技有限公司 网页页面重排方法及装置
JP5148683B2 (ja) * 2010-12-21 2013-02-20 株式会社東芝 映像表示装置
US8850308B1 (en) * 2011-03-11 2014-09-30 Amazon Technologies, Inc. Automated determination of website structure
US9372841B2 (en) * 2012-02-27 2016-06-21 Bert A. Silich 4-dimensional geometric reading
US9721036B2 (en) 2012-08-14 2017-08-01 Microsoft Technology Licensing, Llc Cooperative web browsing using multiple devices
US10546262B2 (en) 2012-10-19 2020-01-28 Overstock.Com, Inc. Supply chain management system
US9264478B2 (en) 2012-10-30 2016-02-16 Microsoft Technology Licensing, Llc Home cloud with virtualized input and output roaming over network
US11676192B1 (en) 2013-03-15 2023-06-13 Overstock.Com, Inc. Localized sort of ranked product recommendations based on predicted user intent
US11023947B1 (en) 2013-03-15 2021-06-01 Overstock.Com, Inc. Generating product recommendations using a blend of collaborative and content-based data
US10810654B1 (en) 2013-05-06 2020-10-20 Overstock.Com, Inc. System and method of mapping product attributes between different schemas
US9389759B2 (en) 2013-05-07 2016-07-12 Axure Software Solutions, Inc. Environment for responsive graphical designs
US8671352B1 (en) 2013-05-07 2014-03-11 Axure Software Solutions, Inc. Variable dimension version editing for graphical designs
US9946806B2 (en) 2013-05-07 2018-04-17 Axure Software Solutions, Inc. Exporting responsive designs from a graphical design tool
US9483788B2 (en) 2013-06-25 2016-11-01 Overstock.Com, Inc. System and method for graphically building weighted search queries
US10929890B2 (en) 2013-08-15 2021-02-23 Overstock.Com, Inc. System and method of personalizing online marketing campaigns
US10872350B1 (en) * 2013-12-06 2020-12-22 Overstock.Com, Inc. System and method for optimizing online marketing based upon relative advertisement placement
US9825984B1 (en) 2014-08-27 2017-11-21 Shape Security, Inc. Background analysis of web content
US10534845B2 (en) 2016-05-11 2020-01-14 Overstock.Com, Inc. System and method for optimizing electronic document layouts
CN107526576B (zh) * 2016-06-21 2021-06-15 阿里巴巴集团控股有限公司 页面的视图组件的展示方法和装置
US10970769B2 (en) 2017-03-02 2021-04-06 Overstock.Com, Inc. Method and system for optimizing website searching with user pathing
US10592589B1 (en) 2018-08-21 2020-03-17 Axure Software Solutions, Inc. Multi-view masters for graphical designs
US11514493B1 (en) 2019-03-25 2022-11-29 Overstock.Com, Inc. System and method for conversational commerce online
US11205179B1 (en) 2019-04-26 2021-12-21 Overstock.Com, Inc. System, method, and program product for recognizing and rejecting fraudulent purchase attempts in e-commerce
US11734368B1 (en) 2019-09-26 2023-08-22 Overstock.Com, Inc. System and method for creating a consistent personalized web experience across multiple platforms and channels

Family Cites Families (19)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2790837B2 (ja) * 1989-03-09 1998-08-27 株式会社日立メディコ アイコン表示方法
JP3445920B2 (ja) 1997-05-20 2003-09-16 シャープ株式会社 表示画面処理装置及び表示画面処理装置制御プログラムを記憶した媒体
US20020016801A1 (en) * 2000-08-01 2002-02-07 Steven Reiley Adaptive profile-based mobile document integration
JP2003271507A (ja) 2002-03-13 2003-09-26 Canon Inc モバイル向けマークアップ言語を記述するシステム及び表示用コンテンツを作成する情報処理装置、プログラム
US7203901B2 (en) * 2002-11-27 2007-04-10 Microsoft Corporation Small form factor web browsing
US20050195221A1 (en) * 2004-03-04 2005-09-08 Adam Berger System and method for facilitating the presentation of content via device displays
EP1764673A4 (en) * 2004-04-30 2008-05-07 Access Co Ltd WINDOW PAGE DISPLAY METHOD, WINDOW PAGE DISPLAY DEVICE, AND PROGRAM
JPWO2006046286A1 (ja) * 2004-10-27 2008-08-07 ヒューレット−パッカード デベロップメント カンパニー エル．ピー． データ配信システムおよびその方法
JP2006195675A (ja) * 2005-01-12 2006-07-27 Osaka Univ ブラウジングシステム
JP2007086213A (ja) * 2005-09-20 2007-04-05 Ricoh Co Ltd 画像処理装置、携帯機器、画像表示方法、画像表示プログラム及び画像表示システム
US7796837B2 (en) * 2005-09-22 2010-09-14 Google Inc. Processing an image map for display on computing device
KR100812830B1 (ko) * 2005-10-24 2008-03-11 쓰리엠 이노베이티브 프로퍼티즈 캄파니 연마휠 및 그 제조방법
JP2007159081A (ja) 2005-11-11 2007-06-21 Ricoh Co Ltd 画像表示システム及びデータ処理方法
WO2007073584A1 (en) * 2005-12-29 2007-07-05 Ozmiz Pty. Ltd. Method and system for displaying data on a mobile terminal
US8739027B2 (en) * 2006-03-01 2014-05-27 Infogin, Ltd. Methods and apparatus for enabling use of web content on various types of devices
KR20080011737A (ko) 2006-07-31 2008-02-11 엘지전자 주식회사 이동통신단말기의 웹페이지 표시 방법 및 이를 수행하기위한 이동통신단말기
US7750825B2 (en) * 2007-03-09 2010-07-06 Adobe Systems Incorporated System and method for navigation of display data
JP4838746B2 (ja) * 2007-03-19 2011-12-14 富士フイルム株式会社 コンテンツ表示方法、プログラム、及び装置、並びに記録媒体
KR100897716B1 (ko) * 2007-05-07 2009-05-15 주식회사 엘지텔레콤 모바일 브라우저에서의 화면 표시 방법 및 시스템

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101434042B1 (ko) * 2012-11-09 2014-08-27 한국과학기술원 모바일 브라우저 환경에서의 멀티 윈도우 로딩을 이용한 브라우징 방법, 웹페이지 제공 방법 및 시스템
KR101429466B1 (ko) * 2012-11-19 2014-08-13 네이버 주식회사 동적 페이지 분할을 이용한 웹페이지 제공 방법 및 시스템
US9767213B2 (en) 2012-11-19 2017-09-19 Naver Corporation Method and system for providing web page using dynamic page partitioning

Also Published As

Publication number Publication date
JP2010134934A (ja) 2010-06-17
US20100146413A1 (en) 2010-06-10
JP5048042B2 (ja) 2012-10-17
US8533613B2 (en) 2013-09-10

Similar Documents

Publication Publication Date Title
KR20100065744A (ko) 웹 페이지를 모바일 단말기에서 디스플레이 가능한 형태로 트랜스코딩하는 방법 및 장치
US8146010B2 (en) Combinable tabs for a tabbed document interface
US9569541B2 (en) Evaluating preferences of content on a webpage
US8041652B2 (en) Measuring web site satisfaction of information needs using page traffic profile
US8694890B2 (en) Use of color in a site analysis report
US7721192B2 (en) User interface for a resource search tool
US20040100509A1 (en) Web page partitioning, reformatting and navigation
US20070162842A1 (en) Selective content imaging for web pages
US20070130113A1 (en) Method and system for navigation and visualization of data in relational and/or multidimensional databases
Waldner et al. Visual links across applications
US8099491B2 (en) Intelligent node positioning in a site analysis report
KR20090041244A (ko) 적응적 문서 디스플레이 장치 및 방법
US8812957B2 (en) Relevance slider in a site analysis report
JP6975339B2 (ja) デジタルコンポーネントのバックドロップレンダリング
US20140019492A1 (en) Methods and Apparatus for Device-Specific Analytics Data Visualization
EP2137643A1 (en) Method and system for navigation and visualization of data in relational and/or multidimensional databases
US20100023854A1 (en) Method and apparatus for reconstructing a web page
US10860675B2 (en) Informational tabs
US20150095755A1 (en) System and Method for Comparing Objects in Document Revisions and Displaying Comparison Objects
US8230319B2 (en) Web-based visualization, refresh, and consumption of data-linked diagrams
CN108984070B (zh) 用于热力图成像的方法、装置、电子设备及可读介质
CA2666305C (en) Method, system, and program for supporting object selection in web page authoring
US20120120436A1 (en) Remote printing
Paternò et al. Automatically adapting web sites for mobile access through logical descriptions and dynamic analysis of interaction resources
US7576749B2 (en) Positioning screen elements

Legal Events

Date Code Title Description
A201 Request for examination
E902 Notification of reason for refusal
E601 Decision to refuse application