KR20140063965A - 동적 페이지 분할을 이용한 웹페이지 제공 방법 및 시스템 - Google Patents

동적 페이지 분할을 이용한 웹페이지 제공 방법 및 시스템 Download PDF

Info

Publication number
KR20140063965A
KR20140063965A KR1020120130732A KR20120130732A KR20140063965A KR 20140063965 A KR20140063965 A KR 20140063965A KR 1020120130732 A KR1020120130732 A KR 1020120130732A KR 20120130732 A KR20120130732 A KR 20120130732A KR 20140063965 A KR20140063965 A KR 20140063965A
Authority
KR
South Korea
Prior art keywords
web page
block
page
pages
size
Prior art date
Application number
KR1020120130732A
Other languages
English (en)
Other versions
KR101429466B1 (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 KR1020120130732A priority Critical patent/KR101429466B1/ko
Priority to JP2013060092A priority patent/JP5755673B2/ja
Priority to US13/886,699 priority patent/US9767213B2/en
Publication of KR20140063965A publication Critical patent/KR20140063965A/ko
Application granted granted Critical
Publication of KR101429466B1 publication Critical patent/KR101429466B1/ko

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F17/00—Digital computing or data processing equipment or methods, specially adapted for specific functions
    • 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
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F15/00—Digital computers in general; Data processing equipment in general
    • G06F15/16—Combinations of two or more digital computers each having at least an arithmetic unit, a program unit and a register, e.g. for a simultaneous processing of several programs
    • 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

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Databases & Information Systems (AREA)
  • Data Mining & Analysis (AREA)
  • Computer Hardware Design (AREA)
  • Software Systems (AREA)
  • Human Computer Interaction (AREA)
  • Mathematical Physics (AREA)
  • Information Transfer Between Computers (AREA)
  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)

Abstract

동적 페이지 분할을 이용한 웹페이지 제공 방법 및 시스템이 개시된다. 웹페이지 제공 방법은, 서버로 웹페이지를 요청하는 단계, 상기 서버로부터 복수의 블록(block)들로 구성된 콘텐츠를 포함하는 웹페이지를 수신하는 단계, 디스플레이의 화면 크기와 상기 복수의 블록들에 포함된 내용들 각각이 화면에 표시되는 표시 크기에 기초하여 상기 복수의 블록들을 복수의 페이지들에 분할 삽입하여 상기 웹페이지를 상기 복수의 페이지들로 분할하는 단계 및 상기 복수의 페이지들 중 하나의 페이지를 화면에 표시하는 단계를 포함할 수 있다.

Description

동적 페이지 분할을 이용한 웹페이지 제공 방법 및 시스템{METHOD AND SYSTEM FOR PROVIDING PAGE USING DYNAMIC PAGE DIVISION}
본 발명의 실시예들은 동적 페이지 분할을 이용한 웹페이지 제공 방법 및 시스템에 관한 것이다.
모바일단말기는 화면 크기의 제약으로 인해 일반 웹페이지의 전체 영역을 표시하는 경우, 가독성이 떨어진다는 문제점이 있다. 또한, 종래기술에서는 이러한 문제점을 해결하고자 제한된 내용이 포함된 모바일 웹 전용 페이지를 이용하고 있으나, 모바일단말기는 모바일단말기의 기종에 따라 화면 크기가 서로 상이하기 때문에 별도의 모바일 웹 전용 페이지를 생성하여 제공한다 하더라도, 모바일단말기의 화면 크기에 알맞은 페이지를 제공하기 어려운 문제점이 있다.
따라서, 다양한 기종의 모바일단말기들에 대해 보다 효과적으로 웹페이지를 제공할 수 있는 기술이 요구된다.
모바일단말기의 기종 또는 화면 크기에 따라 웹페이지를 동적으로 분할하여 제공함으로써, 모바일단말기가 갖는 화면 크기의 제약을 극복하고, 웹페이지에 대한 가독성을 향상시키며, 사용자 편의성을 향상시킬 수 있는 웹페이지 제공 방법 및 시스템을 제공한다.
서버로 웹페이지를 요청하는 단계, 상기 서버로부터 복수의 블록(block)들로 구성된 콘텐츠를 포함하는 웹페이지를 수신하는 단계, 디스플레이의 화면 크기와 상기 복수의 블록들에 포함된 내용들 각각이 화면에 표시되는 표시 크기에 기초하여 상기 복수의 블록들을 복수의 페이지들에 분할 삽입하여 상기 웹페이지를 상기 복수의 페이지들로 분할하는 단계 및 상기 복수의 페이지들 중 하나의 페이지를 화면에 표시하는 단계를 포함하는 웹페이지 제공 방법이 제공된다.
일측에 따르면, 상기 복수의 블록들 각각은, 추가 분할이 가능한 브레이커블 블록(breakable block) 및 추가 분할이 불가능한 넌-브레이커블 블록(non- breakable block) 중 하나로 설정된 것을 특징으로 할 수 있다.
다른 측면에 따르면, 상기 넌-브레이커블 블록은, 상기 표시 크기와 상기 복수의 페이지들 중 하나의 페이지의 남아있는 영역의 크기에 기초하여 상기 남아있는 영역에 포함될 수 없는 것으로 판단되는 경우, 상기 복수의 페이지들 중 다른 페이지에 포함되고, 상기 브레이커블 블록은, 상기 남아있는 영역에 포함될 수 없는 것으로 판단되는 경우, 추가 분할되어 일부는 상기 하나의 페이지에, 나머지는 상기 다른 페이지에 포함되는 것을 특징으로 할 수 있다.
또 다른 측면에 따르면, 상기 웹페이지를 상기 복수의 페이지들로 분할하는 단계는, 상기 콘텐츠를 구성하는 블록들 중 하나의 블록을 리딩하여, 리딩된 블록이 화면에 표시되는 영역의 크기를 계산하는 단계, 상기 계산된 크기 및 상기 복수의 페이지들 중 제1 페이지에 남아 있는 영역의 크기에 기초하여 상기 영역에 상기 리딩된 블록이 포함될 수 있는지 판단하는 단계, 상기 리딩된 블록이 상기 영역에 포함될 수 없고, 상기 리딩된 블록이 추가 분할이 가능한 브레이커블 블록(breakable block)인 경우, 상기 계산된 크기와 상기 영역의 크기에 기초하여 상기 리딩된 블록의 일부분을 추출하고, 상기 추출된 일부분을 상기 제1 페이지에 삽입하는 단계 및 상기 리딩된 블록에서 상기 일부분을 제외한 나머지 부분 중 적어도 일부를 상기 복수의 페이지들 중 제2 페이지에 삽입하는 단계를 포함하는 것을 특징으로 할 수 있다.
또 다른 측면에 따르면, 상기 디스플레이는 터치 디스플레이를 포함할 수 있고, 상기 웹페이지 제공 방법은, 상기 터치 디스플레이에서 감지되는 터치제스처에 기초하여 상기 화면에 표시된 하나의 페이지를 다른 페이지로 변경하여 표시하는 단계를 더 포함할 수 있다.
또 다른 측면에 따르면, 상기 화면 크기는, 상기 디스플레이 또는 상기 복수의 페이지들의 높이를 픽셀수로 표시한 값을 포함하고, 상기 표시 크기는, 상기 내용을 상기 화면에 표시하는데 필요한 높이를 픽셀수로 표시한 값을 포함하는 것을 특징으로 할 수 있다.
서버로 웹페이지를 요청하는 단계, 상기 서버로 디스플레이의 화면 크기에 대한 정보를 제공하는 단계, 상기 서버로부터 하나의 웹페이지가 분할된 복수의 페이지들을 수신하는 단계 및 상기 복수의 페이지들 중 하나의 페이지를 화면에 표시하는 단계를 포함하고, 상기 하나의 웹페이지에 포함된 콘텐츠는, 복수의 블록(block)들로 구성되고, 상기 복수의 페이지들은, 상기 화면 크기와 상기 복수의 블록들에 포함된 내용들 각각이 화면에 표시되는 표시 크기에 기초하여 상기 복수의 블록들이 분할 삽입된 것을 특징으로 하는 웹페이지 제공 방법이 제공된다.
웹페이지에 포함된 콘텐츠를 복수의 블록들로 분할하여 관리하는 단계, 클라이언트로부터의 웹페이지 요청을 수신하는 단계 및 상기 웹페이지 요청에 따라 상기 콘텐츠가 포함된 웹페이지를 상기 클라이언트로 제공하는 단계를 포함하고, 상기 클라이언트에서 디스플레이의 화면 크기와 상기 복수의 블록들에 포함된 내용들 각각이 화면에 표시되는 표시 크기에 기초하여 상기 복수의 블록들이 복수의 페이지들에 분할 삽입되어 상기 웹페이지가 상기 복수의 페이지들로 분할되는 것을 특징으로 하는 웹페이지 제공 방법이 제공된다.
웹페이지에 포함된 콘텐츠를 복수의 블록들로 분할하여 관리하는 단계, 클라이언트로부터의 웹페이지 요청을 수신하는 단계, 상기 클라이언트로부터 디스플레이의 화면 크기에 대한 정보를 수신하는 단계, 상기 화면 크기와 상기 복수의 블록들에 포함된 내용들 각각이 화면에 표시되는 표시 크기에 기초하여 상기 복수의 블록들을 복수의 페이지들에 분할 삽입하여 상기 웹페이지를 상기 복수의 페이지들로 분할하는 단계 및 상기 분할된 복수의 페이지들을 상기 웹페이지 요청에 따라 상기 클라이언트로 제공하는 단계를 포함하는 웹페이지 제공 방법이 제공된다.
웹페이지에 포함된 콘텐츠를 복수의 블록들로 분할하여 관리하는 콘텐츠 관리부, 클라이언트로부터의 웹페이지 요청을 수신하는 웹페이지 요청 수신부 및 상기 웹페이지 요청에 따라 상기 콘텐츠가 포함된 웹페이지를 상기 클라이언트로 제공하는 웹페이지 제공부를 포함하고, 상기 클라이언트에서 디스플레이의 화면 크기와 상기 복수의 블록들에 포함된 내용들 각각이 화면에 표시되는 표시 크기에 기초하여 상기 복수의 블록들이 복수의 페이지들에 분할 삽입되어 상기 웹페이지가 상기 복수의 페이지들로 분할되는 것을 특징으로 하는 웹페이지 제공 시스템이 제공된다.
웹페이지에 포함된 콘텐츠를 복수의 블록들로 분할하여 관리하는 콘텐츠 관리부, 클라이언트로부터의 웹페이지 요청을 수신하는 웹페이지 요청 수신부, 상기 클라이언트로부터 디스플레이의 화면 크기에 대한 정보를 수신하는 화면 크기 수신부, 상기 화면 크기와 상기 복수의 블록들에 포함된 내용들 각각이 화면에 표시되는 표시 크기에 기초하여 상기 복수의 블록들을 복수의 페이지들에 분할 삽입하여 상기 웹페이지를 상기 복수의 페이지들로 분할하는 페이지 분할부 및 상기 분할된 복수의 페이지들을 상기 웹페이지 요청에 따라 상기 클라이언트로 제공하는 페이지 제공부를 포함하는 웹페이지 제공 시스템이 제공된다.
모바일단말기의 기종 또는 화면 크기에 따라 웹페이지를 동적으로 분할하여 제공함으로써, 모바일단말기가 갖는 화면 크기의 제약을 극복하고, 웹페이지에 대한 가독성을 향상시키며, 사용자 편의성을 향상시킬 수 있다.
도 1은 본 발명의 일실시예에 있어서, 서버와 클라이언트를 도시한 도면이다.
도 2는 본 발명의 일실시예에 있어서, 웹페이지에 포함될 수 있는 콘텐츠의 일례를 도시한 도면이다.
도 3은 본 발명의 일실시예에 있어서, 이미지를 포함하는 콘텐츠의 일례를 도시한 도면이다.
도 4 내지 도 6은 본 발명의 일실시예에 있어서, 모바일단말기의 화면 크기에 따라 웹페이지를 자동 분할하여 표시한 화면의 예들을 나타낸 도면이다.
도 7 내지 도 10은 본 발명의 일실시예에 있어서, 특정 화면 크기를 갖는 모바일 단말기에서 웹페이지가 어떻게 복수의 페이지로 분할되는가를 설명하기 위한 일례이다.
도 11 내지 도 13은 본 발명의 일실시예에 있어서, 페이지간 화면 이동의 일례를 설명하기 위한 도면이다.
도 14는 본 발명의 일실시예에 있어서, 웹페이지에 블록을 표시하는 방법의 일례를 설명하기 위한 도면이다.
도 15 내지 도 19는 본 발명의 일실시예에 있어서, 모바일단말기의 화면 크기에 따라 페이지를 동적으로 분할하는 모습의 일례를 나타낸 도면이다.
도 20은 본 발명의 일실시예에 있어서, 블록으로 구성된 콘텐츠를 이용하여 웹페이지를 복수의 페이지로 분할하는 과정의 일례를 도시한 흐름도이다.
도 21은 본 발명의 일실시예에 있어서, 웹페이지 제공 방법의 제1 예를 도시한 흐름도이다.
도 22는 본 발명의 일실시예에 있어서, 웹페이지 제공 방법의 제2 예를 도시한 흐름도이다.
도 23은 본 발명의 일실시예에 있어서, 웹페이지 제공 시스템의 내부 구성의 일례를 설명하기 위한 블록도이다.
도 24는 본 발명의 일실시예에 있어서, 웹페이지 제공 방법의 제3 예를 도시한 흐름도이다.
도 25는 본 발명의 일실시예에 있어서, 웹페이지 제공 시스템의 내부 구성의 다른 예를 설명하기 위한 블록도이다.
도 26은 본 발명의 일실시예에 있어서, 웹페이지 제공 방법의 제4 예를 도시한 흐름도이다.
이하, 본 발명의 실시예를 첨부된 도면을 참조하여 상세하게 설명한다.
도 1은 본 발명의 일실시예에 있어서, 서버와 클라이언트를 도시한 도면이다. 본 실시예에 따른 서버(110)는 유선 또는 무선 네트워크를 통해 클라이언트(120)로 콘텐츠(111)를 포함하는 웹페이지를 제공하는 시스템일 수 있다. 클라이언트(120)는 서버(110)에서 제공되는 웹페이지를 화면에 표시 가능한 모바일 기기일 수 있다.
서버(110)는 웹페이지에 포함된 콘텐츠(111)를 적어도 하나의 블록(block)으로 분할할 수 있으며, 이러한 블록으로 구성된 콘텐츠(112)가 포함된 페이지(121)를 클라이언트(120)로 제공할 수 있다. 여기서, 블록은 콘텐츠를 구성하는 요소로서 의미를 갖는 최소 단위 영역을 의미할 수 있다. 일례로, 하나의 HTML 엘리먼트 또는 복수의 HTML 엘리먼트의 그룹이 한 개의 블록을 구성할 수 있다. 또한, 콘텐츠를 블록으로 분할하는 것은, 하나의 콘텐츠에 포함된 내용들이 적어도 하나의 블록을 통해 구분될 수 있음을 의미할 수 있다.
클라이언트(120)는 블록으로 구성된 콘텐츠(112)를 포함하는 페이지(121)를 분할하여 분할된 페이지들(122)을 생성하고, 분할된 페이지들(122) 중 적어도 하나의 페이지를 화면에 표시할 수 있다.
도 2는 본 발명의 일실시예에 있어서, 웹페이지에 포함될 수 있는 콘텐츠의 일례를 도시한 도면이다. 도 2는 콘텐츠(200)가 제1 블록(210) 내지 제6 블록(260)의 6개의 블록으로 분할된 예를 나타내고 있다.
이때, 하나의 블록은 넌-브레이커블 블록(non-breakable block)과 브레이커블 블록(breakable block)으로 분류될 수 있다.
넌-브레이커블 블록(non-breakable block)은 해당 블록에 포함된 내용을 추가로 분할하는 경우, 시각적으로 오류로 인지되거나 콘텐츠(200) 이해에 어려움을 초래할 수 있다고 판단되어 추가 분할이 가능하지 않은 것으로 판단된 블록을 의미할 수 있다.
브레이커블 블록(breakable block)은 해당 블록에 포함된 내용을 추가로 분할하더라도, 시각적으로 자연스럽게 표현되고 사용자의 콘텐츠(200) 이해에 영향을 주지 않을 것으로 판단되어 추가 분할이 가능한 것으로 설정된 블록을 의미할 수 있다.
이때, 도 2의 일례에서는, 제1 블록(210) 내지 제 5 블록(250)이 넌-브레이커블 블록으로 설정되고, 제6 블록(260)이 브레이커블 블록으로 설정되었다고 가정한다.
예를 들어, 제1 블록(210)은 표제어 "크리스마스"와 외국어 표현 "[Christmas, X-mas]"는 추가 분할하는 경우, 서비스 오류로 인지될 가능성이 존재하기 때문에, 넌-브레이커블 블록으로 설정된 일례이다.
다른 예로, 제4 블록(240)은 2~3 줄 정도의 간단한 요약 설명을 분할하는 경우, 시각적으로 부자연스러우며, 분할하여 보지 않는 것이 콘텐츠(200) 이해에 도움이 될 가능성이 높기 때문에, 넌-브레이커블 블록으로 설정된 일례이다.
또 다른 예로, 제6 블록(260)은 콘텐츠(200)줄 단위로 분할하여 보더라도 시각적으로 자연스럽게 표현되고, 사용자의 콘텐츠(200) 이해에 큰 영향을 주지 않는 것으로 판단되기 때문에, 브레이커블 블록으로 설정된 일례이다.
일례로, 도 1에서 설명한 서버(110)는 콘텐츠를 구성하는 HTML 엘리먼트들 중에서 분할이 가능한 엘리먼트를 우선 브레이커블 블록으로 묶을 수 있다. 또한, 서버(110)는 분할이 가능하지 않은 엘리먼트들에 대해서, 서로 연속된 엘리먼트들간에 분할이 가능하지 않은 엘리먼트들을 하나의 넌-브레이커블 블록으로 묶을 수 있다.
예를 들어, 서버(110)는 제6 블록(260)에 포함된 엘리먼트가 엘리먼트 내에서 분할이 가능한 것으로 판단되기 때문에, 해당 엘리먼트를 우선적으로 브레이커블 블록으로 묶을 수 있다. 반면, 제1 블록(210) 내지 제5 블록(250)에 포함된 엘리먼트들 각각은 엘리먼트 내에서 분할이 이루어지는 경우, 시각적으로 부자연스럽거나 서비스 오류로 인지될 가능성이 존재하기 때문에 분할이 가능하지 않는 것으로 판단될 수 있다. 이때, 서버(110)는 서로 연속된 엘리먼트들간에 분할이 가능하지 않은 엘리먼트들을 하나의 넌-브레이커블 블록으로 묶을 수 있다. 일례로, 제2 블록(220)에서 "유형", "의식행사", "날짜", "양력 12월 25일", "시대" "현대", "성격", "기독교행사", "다른 이름", "성탄절"과 같은 엘리먼트들은 서로 연속적이면서 분할이 가능하지 않기 때문에 하나의 넌-브레이커블 블록으로 묶일 수 있다.
도 3은 본 발명의 일실시예에 있어서, 이미지를 포함하는 콘텐츠의 일례를 도시한 도면이다. 콘텐츠(300)는 제1 이미지, 제2 이미지 및 제3 이미지를 포함하고 있으며, 각각의 이미지들의 하단에는 해당 이미지의 이름이 개시되어 있다. 이때, 콘텐츠(300)는 제1 넌-브레이커블 블록(310)과 제2 넌-브레이커블 블록(320)의 두 개의 넌-브레이커블 블록들로 분할되어 있음이 나타나 있다.
여기서, 제1 표식(330)은 이미지의 중간을 자르는 경우, 시각적으로 서비스 오류로 인지될 가능성이 높기 때문에, 하나의 이미지가 분리되어서는 안됨을 의미할 수 있다.
제2 표식(340)과 제4 표식(360)은 이미지와 이미지 이름을 분리하는 경우, 시각적으로 서비스 오류로 인지될 가능성이 높기 때문에, 이미지와 이미지 이름이 분리되어서는 안됨을 의미할 수 있다.
제3 표식(350)은 이미지 영역 제목을 이미지 목록과 분리하는 경우, 시각적으로 서비스 오류로 인지될 가능성이 높기 때문에, 이미지 영역 제목과 이미지 영역에 포함되는 이미지 목록이 분리되어서는 안됨을 의미할 수 있다.
이와 같이, 도 2 및 도 3의 예들을 통해 설명한 바와 같이, 웹페이지에 포함되는 하나의 콘텐츠는 다양한 조건에 따라 적어도 하나의 블록으로 분할될 수 있다.
도 4 내지 도 6은 본 발명의 일실시예에 있어서, 모바일단말기의 화면 크기에 따라 웹페이지를 자동 분할하여 표시한 화면의 예들을 나타낸 도면이다. 이때, 도 4 내지 도 6의 화면들(400 내지 600)은 화면 크기가 서로 다른 모바일단말기들에서 복수의 블록들로 구성된 콘텐츠를 어떻게 화면에 표시하는가를 나타내고 있다. 화면 크기는 제1 화면(400)의 크기가 가장 작고, 제3 화면(600)의 크기가 가장 크다고 가정한다. 제2 화면(500)의 크기는 제1 화면(400)의 크기보다는 크고, 제3 화면(600)의 크기보다는 작다고 가정한다.
이때, 도 2 및 도 4 내지 도 6을 함께 참조하면, 제1 화면(400)은 도 2의 제1 블록(210) 및 제2 블록(220)으로 하나의 페이지가 구성된 일례를 나타내고 있다.
제2 화면(500)은 도 2의 제1 블록(210) 내지 제4 블록(240)으로 하나의 페이지가 구성된 일례를 나타내고 있다.
제3 화면(600)은 도 2의 제1 블록(210) 내지 제6 블록(260)으로 하나의 페이지가 구성되되, 브레이커블 블록인 제6 블록(260)에 대해서는 내용 중 일부만이 포함되도록 페이지가 구성된 일례를 나타내고 있다. 이는, 브레이커블 블록인 제6 블록(260)이 추가 분할되었음을 의미할 수 있다.
제1 화면(400)의 제1 점선박스(410), 제2 화면(500)의 제2 점선박스(510) 및 제3 화면(600)의 제3 점선박스(530)는 도 2의 콘텐츠(200)를 포함한 웹페이지가 복수개의 페이지로 분할되었음을 사용자에게 알리기 위한 사용자 인터페이스들을 의미할 수 있다.
이때, 이러한 사용자 인터페이스는 각 페이지로 이동하기 위한 인터페이스를 포함할 수 있다. 예를 들어, 제2 점선박스(500)에 나타난 원들은 각각 분할된 페이지들에 대응될 수 있다. 만약, 각 페이지에 대응하는 원 부분을 사용자가 선택(일례로, 터치)하는 경우, 해당 원에 대응하는 페이지가 화면에 표시될 수 있다.
또한, 제1 화면(400)의 제1 점선박스(410)는 도 2의 콘텐츠(200)를 포함한 웹페이지가 3개의 페이지로 분할된 예를, 제2 화면(500)의 제2 점선박스(510)는 도 2의 콘텐츠(200)를 포함한 웹페이지가 2개의 페이지로 분할된 예를, 제3 화면(600)의 제3 점선박스(530)는 도 2의 콘텐츠(200)를 포함한 웹페이지가 2개의 페이지로 분할된 예를 각각 나타내고 있다.
도 7 내지 도 10은 본 발명의 일실시예에 있어서, 특정 화면 크기를 갖는 모바일 단말기에서 웹페이지가 어떻게 복수의 페이지로 분할되는가를 설명하기 위한 일례이다. 도 7 내지 도 9는 도 2에서 설명된 콘텐츠(200)가 각각 세 개의 페이지들로 분할되고, 각각의 페이지들이 모바일단말기(710)의 화면에 표시된 예들을 나타내고 있다.
도 7에서는 콘텐츠(200)의 제1 블록(210) 및 제2 블록(220)을 포함하는 제1 페이지(710)를 나타내고 있다. 이때, 제1 페이지(710)에는 다른 내용이 포함될 공간이 남아 있으나, 제3 블록(230)은 넌-브레이커블 블록이기 때문에, 제3 블록(230) 또는 제3 블록(230)의 일부는 제1 페이지(710)에 포함되지 않는다.
또한, 도 8은 콘텐츠(200)의 제3 블록(230) 내지 제5 블록(250) 그리고 제6 블록(260)의 일부분을 포함하는 제2 페이지(810)를 나타내고 있다. 제6 블록(260)은 브레이커블 블록으로 설정되었기 때문에 추가 분할이 가능하다. 따라서, 화면에 표시 가능한 일부분의 내용이 분할되어 제2 페이지(810)에 표시될 수 있다.
또한, 도 9는 제6 블록(260)의 내용 중 제2 페이지에 포함되고 남은 나머지 부분을 포함하는 제3 페이지(910)를 나타내고 있다.
여기서, 도 10은 모바일단말기에 제1 페이지(710), 제2 페이지(720) 및 제3 페이지(730)가 표시된 모습을 각각 나타내고 있다. 이때, 모바일단말기는 터치 디스플레이를 포함할 수 있고, 터치 디스플레이를 통해 플리킹(flicking), 스와이프(swipe), 터치 앤 드래그(touch & drag)와 같은 터치제스처가 감지됨에 따라 분할된 복수의 페이지들 중 화면에 표시되는 페이지를 다른 페이지로 변경할 수 있다. 예를 들어, 제1 페이지(710)가 표시된 상태에서 좌측 방향으로의 플리킹이 감지되는 경우, 모바일단말기의 화면에는 제1 페이지(710) 대신 제2 페이지(720)가 표시될 수 있다.
도 11 내지 도 13은 본 발명의 일실시예에 있어서, 페이지간 화면 이동의 일례를 설명하기 위한 도면이다. 도 11 내지 도 13은 "container"에 "panel"들을 포함하는 "container"가 사용자의 플리킹에 의해 이동하면서 모바일단말기의 화면에 "panel"들에 대한 "window"가 표시되는 모습을 나타내고 있다. 여기서, "panel"은 복수의 페이지들에 대응될 수 있고, "window"는 브라우저에 의해 오픈되는 윈도우를 의미할 수 있다.
아래 표 1 내지 표 3은 도 11 내지 도 13에서 표시된 윈도우들을 구현하기 위한 HTML(HyperText Markup Language) 소스코드의 일부를 나타내고 있다.
Figure pat00001
Figure pat00002
Figure pat00003
도 14는 본 발명의 일실시예에 있어서, 웹페이지에 블록을 표시하는 방법의 일례를 설명하기 위한 도면이다. 도 14는 도 2의 콘텐츠(200)가 포함하는 블록들이 어떻게 HTML 코드로 표현될 수 있는가를 나타낸 일례이다. 이때, 각 블록에 대응하는 코드에는 해당 블록이 넌-브레이커블 블록인지 브레이커블 블록인지 알려주기 위한 정보가 포함될 수 있다.
도 15 내지 도 19는 본 발명의 일실시예에 있어서, 모바일단말기의 화면 크기에 따라 페이지를 동적으로 분할하는 모습의 일례를 나타낸 도면이다.
도 15는 화면 크기로서, 화면의 높이가 400 픽셀인 모바일단말기(1500)를 나타내고 있다. 따라서, 하나의 웹페이지는 복수의 페이지들로 분할되되, 각각의 페이지의 높이가 400 픽셀 이하의 값을 갖도록 분할될 수 있다.
도 16은 도 2의 콘텐츠(200)가 포함하는 블록들 각각이 모바일단말기(1500)의 화면에 표시될 때, 필요로 하는 픽셀의 값들을 나타내고 있다. 예를 들어, 제1 블록(1610)은 화면에 표시되는 경우, 화면에서 100 픽셀 높이만큼의 영역을 통해 표시될 수 있다.
도 17은 분할되는 첫 번째 페이지가 제1 블록(1610) 및 제2 블록(1620)을 포함할 수 있음을 나타내고 있다. 제1 블록(1610) 내지 제3 블록(1630)은 모두 넌-브레이커블 블록들이며, 따라서, 추가로 분할될 수 없다. 이 경우, 제1 블록(1610)과 제2 블록(1620)은 360 픽셀 높이만큼의 영역을 통해 표시될 수 있는 반면, 제1 블록(1610) 내지 제3 블록(1630)은 440 픽셀 높이만큼의 영역을 통해 표시될 수 있다. 이때, 모바일단말기(1500)의 화면의 높이가 400 픽셀인 관계로, 첫 번째 페이지에는 제1 블록(1610) 및 제2 블록(1620)이 포함될 수 있다.
도 18은 분할되는 두 번째 페이지가 제3 블록(1630) 내지 제5 블록(1650), 그리고 제6 블록(1660)의 일부분을 포함할 수 있음을 나타내고 있다. 여기서, 제3 블록(1630) 내지 제5 블록(1650)을 모두 표시하기 위해 필요한 픽셀 높이는 240 픽셀이기 때문에 제3 블록(1630) 내지 제5 블록(1650)는 모두 하나의 페이지에 포함될 수 있다. 또한, 제6 블록(1660)은 400 픽셀 높이의 영역을 필요로 하나, 브레이커블 블록인 관계로, 추가 분할될 수 있다. 따라서, 제6 블록(1660)에서 160 픽셀 높이에 해당하는 내용이 두 번째 페이지에 더 포함될 수 있다.
도 19는 분할되는 세 번째 페이지가 제6 블록(1660)의 나머지 내용을 포함할 수 있음을 나타내고 있다. 예를 들어, 도 18에서 설명한 바와 같이 제6 블록(1660)에서 160 픽셀 높이에 해당하는 내용이 두 번째 페이지에 포함된 관계로, 나머지 240 픽셀 높이에 해당하는 내용은 세 번째 페이지에 포함될 수 있다.
도 17 내지 도 19에서 설명한 분할된 페이지들을 윈도우로 구현하기 위한 HTML 소스코드의 일부가 아래 표 4 내지 표 6과 같이 표현될 수 있다.
Figure pat00004
Figure pat00005
Figure pat00006
도 20은 본 발명의 일실시예에 있어서, 블록으로 구성된 콘텐츠를 이용하여 웹페이지를 복수의 페이지로 분할하는 페이지 분할 방법의 일례를 도시한 흐름도이다. 본 실시예에 따른 페이지 분할 방법은 도 1을 통해 설명한 클라이언트(120)에 의해 수행될 수 있다.
단계(2010)에서 클라이언트(120)는 새 페이지를 생성할 수 있다.
단계(2020)에서 클라이언트(120)는 콘텐츠를 구성하는 블록들 중 하나의 블록을 리딩할 수 있다.
단계(2030)에서 클라이언트(120)는 리딩된 블록이 화면에 표시되는 영역의 높이를 계산할 수 있다. 영역의 높이는 리딩된 블록에 대응하는 콘텐츠의 내용을 화면에 표시하기 위한 필요한 픽셀의 수를 값으로 가질 수 있다.
단계(2040)에서 클라이언트(120)는 생성된 페이지의 공간이 충분한지 여부를 판단하여 충분한 경우 단계(2050)을, 충분하지 않은 경우 단계(2070)을 수행할 수 있다. 이때, 클라이언트(120)는 생성된 페이지의 높이(A, 일례로, 화면 높이)와 리딩된 블록이 화면에 표시되는 영역의 높이(B)를 비교하여 생성된 페이지의 공간이 충분한지 여부를 판단할 수 있다. 만약, 페이지에 다른 블록이 삽입되어 있다면, A에서 다른 블록이 화면에 표시되는 영역의 높이(C)를 뺀 나머지 값과 B를 비교하여 페이지의 공간이 충분한지 여부를 판단할 수 있다. 일례로, 클라이언트(120)는 (A-C)가 B보다 큰 경우, 페이지의 공간이 충분하다고 판단할 수 있다.
단계(2050)에서 클라이언트(120)는 리딩된 블록을 생성된 페이지에 삽입할 수 있다.
단계(2060)에서 클라이언트(120)는 다음 블록이 존재하는지 여부를 판단하여 다음 블록이 존재하는 경우 다시 단계(2020)부터 페이지 분할 방법을 수행할 수 있고, 다음 블록이 존재하지 않는 경우에는 페이지 분할 방법을 종료할 수 있다.
단계(2070)에서 클라이언트(120)는 리딩된 블록이 브레이커블 블록인지 여부를 판단하여 리딩된 블록이 브레이커블 블록인 경우 단계(2071)을 수행할 수 있고, 브레이커블 블록이 아닌 경우 단계(2080)를 수행할 수 있다.
단계(2071)에서 클라이언트(120)는 리딩된 블록의 일부분을 생성된 페이지에 삽입할 수 있다. 예를 들어, 클라이언트(120)는 생성된 페이지의 남아있는 영역에 포함될 수 있는 부분만큼을 리딩된 블록에서 추출하여 생성된 페이지에 삽입할 수 있다. 일례로, 리딩된 블록이 화면에 표시되는 영역의 높이가 300 픽셀이고, 생성된 페이지의 남아있는 영역의 높이가 150 픽셀인 경우, 클라이언트(120)는 리딩된 블록에서 150 픽셀에 해당하는 내용을 추출하여 생성된 페이지의 남아있는 영역에 삽입할 수 있다.
단계(2072)에서 클라이언트(120)는 리딩된 블록에서 추출된 내용을 제외한 나머지 내용으로 새로운 블록을 생성한다. 이때, 클라이언트(120)는 새로운 블록을 이용하여 다시 단계(2030)부터 페이지 분할 방법을 수행할 수 있다.
단계(2080)에서 클라이언트(120)는 다른 새 페이지를 생성할 수 있다. 이때, 새로운 페이지가 생성되면, 클라이언트(120)는 다시 단계(2050)부터 페이지 분할 방법을 수행할 수 있다.
도 20에서는 클라이언트(120)가 직접 웹페이지를 복수의 페이지로 분할하는 방법에 대해 설명하였으나, 웹페이지를 복수의 페이지로 분할하는 방법은 서버(110)에서 수행될 수도 있다. 예를 들어, 클라이언트(120)가 서버(110)로 웹페이지를 요청하는 경우, 클라이언트(120)는 서버(110)로 화면 크기(화면의 높이)에 대한 정보를 제공할 수 있다. 이때, 서버(110)는 제공된 정보에 기초하여 웹페이지를 복수의 페이지들로 분할한 후, 분할된 복수의 페이지들을 클라이언트(120)로 제공할 수도 있다.
도 21은 본 발명의 일실시예에 있어서, 웹페이지 제공 방법의 제1 예를 도시한 흐름도이다. 본 실시예에 따른 웹페이지 제공 방법은 도 1을 통해 설명한 클라이언트(120)에 의해 수행될 수 있다.
단계(2110)에서 클라이언트(120)는 서버로 웹페이지를 요청할 수 있다.
단계(2120)에서 클라이언트(120)는 서버로부터 복수의 블록(block)들로 구성된 콘텐츠를 포함하는 웹페이지를 수신할 수 있다. 여기서, 복수의 블록들 각각은, 추가 분할이 가능한 브레이커블 블록(breakable block) 및 추가 분할이 불가능한 넌-브레이커블 블록(non- breakable block) 중 하나로 설정될 수 있다.
단계(2130)에서 클라이언트(120)는 디스플레이의 화면 크기와 복수의 블록들에 포함된 내용들 각각이 화면에 표시되는 표시 크기에 기초하여 복수의 블록들을 복수의 페이지들에 분할 삽입하여 웹페이지를 복수의 페이지들로 분할할 수 있다. 여기서, 화면 크기는, 디스플레이 또는 복수의 페이지들의 높이를 픽셀수로 표시한 값을 포함할 수 있고, 표시 크기는, 상기 내용을 화면에 표시하는데 필요한 높이를 픽셀수로 표시한 값을 포함할 수 있다.
여기서, 넌-브레이커블 블록은, 표시 크기와 복수의 페이지들 중 하나의 페이지의 남아있는 영역의 크기에 기초하여 남아있는 영역에 포함될 수 없는 것으로 판단되는 경우, 복수의 페이지들 중 다른 페이지에 포함될 수 있다.
또한, 브레이커블 블록은, 남아있는 영역에 포함될 수 없는 것으로 판단되는 경우, 추가 분할되어 일부는 하나의 페이지에, 나머지는 다른 페이지에 포함될 수 있다.
일례로, 단계(2130)는, 콘텐츠를 구성하는 블록들 중 하나의 블록을 리딩하여, 리딩된 블록이 화면에 표시되는 영역의 크기를 계산하는 단계(미도시), 계산된 크기 및 복수의 페이지들 중 제1 페이지에 남아 있는 영역의 크기에 기초하여 상기 영역에 리딩된 블록이 포함될 수 있는지 판단하는 단계(미도시), 리딩된 블록이 상기 영역에 포함될 수 없고, 리딩된 블록이 추가 분할이 가능한 브레이커블 블록(breakable block)인 경우, 계산된 크기와 상기 영역의 크기에 기초하여 리딩된 블록의 일부분을 추출하고, 추출된 일부분을 제1 페이지에 삽입하는 단계(미도시) 및 리딩된 블록에서 상기 일부분을 제외한 나머지 부분 중 적어도 일부를 복수의 페이지들 중 제2 페이지에 삽입하는 단계(미도시)를 포함할 수 있다.
단계(2140)에서 클라이언트(120)는 복수의 페이지들 중 하나의 페이지를 화면에 표시할 수 있다.
또한, 디스플레이는 터치 디스플레이를 포함할 수 있다. 이 경우, 웹페이지 제공 방법은 도 21에서 설명한 단계들 이외에, 터치 디스플레이에서 감지되는 터치제스처에 기초하여 화면에 표시된 하나의 페이지를 다른 페이지로 변경하여 표시하는 단계(미도시)를 더 포함할 수 있다.
도 22는 본 발명의 일실시예에 있어서, 웹페이지 제공 방법의 제2 예를 도시한 흐름도이다. 본 실시예에서는 웹페이지가 서버에서 복수의 페이지들로 분할되는 웹페이지 제공 방법에 관한 것으로, 본 실시예에 따른 웹페이지 제공 방법은 서버로부터 복수의 페이지를 제공받는 클라이언트에 의해 수행될 수 있다.
단계(2210)에서 클라이언트는 서버로 웹페이지를 요청할 수 있다.
단계(2220)에서 클라이언트는 서버로 디스플레이의 화면 크기에 대한 정보를 제공할 수 있다. 일례로, 상기 화면 크기는, 디스플레이 또는 복수의 페이지들의 높이를 픽셀수로 표시한 값을 포함할 수 있다.
단계(2230)에서 클라이언트는 서버로부터 하나의 웹페이지가 분할된 복수의 페이지들을 수신할 수 있다.
여기서, 하나의 웹페이지에 포함된 콘텐츠는, 복수의 블록(block)들로 구성될 수 있다.
또한, 복수의 페이지들은, 화면 크기와 복수의 블록들에 포함된 내용들 각각이 화면에 표시되는 표시 크기에 기초하여 복수의 블록들이 분할 삽입될 수 있다. 이때, 표시 크기는, 상기 내용을 화면에 표시하는데 필요한 높이를 픽셀수로 표시한 값을 포함할 수 있다.
또한, 복수의 블록들 각각은, 추가 분할이 가능한 브레이커블 블록(breakable block) 및 추가 분할이 불가능한 넌-브레이커블 블록(non- breakable block) 중 하나로 설정될 수 있다.
단계(2240)에서 클라이언트는 복수의 페이지들 중 하나의 페이지를 화면에 표시할 수 있다.
도 23은 본 발명의 일실시예에 있어서, 웹페이지 제공 시스템의 내부 구성의 일례를 설명하기 위한 블록도이고, 도 24는 본 발명의 일실시예에 있어서, 웹페이지 제공 방법의 제3 예를 도시한 흐름도이다. 본 실시예에 따른 웹페이지 제공 시스템(2300)은 도 1을 통해 설명한 서버(110)에 대응할 수 있으며, 도 23에 도시된 바와 같이 콘텐츠 관리부(2310), 요청 수신부(2320) 및 웹페이지 제공부(2330)를 포함할 수 있다. 또한, 본 실시예에 따른 웹페이지 제공 방법은 웹페이지 제공 시스템(2300)에 의해 수행될 수 있다.
단계(2410)에서 웹페이지 제공 시스템(2300) 또는 콘텐츠 관리부(2310)는 웹페이지에 포함된 콘텐츠를 복수의 블록들로 분할하여 관리할 수 있다. 이미 여러 번 설명한 바와 같이, 복수의 블록들 각각은 추가 분할이 가능한 브레이커블 블록(breakable block) 및 추가 분할이 불가능한 넌-브레이커블 블록(non- breakable block) 중 하나로 설정될 수 있다.
단계(2420)에서 웹페이지 제공 시스템(2300) 또는 요청 수신부(2320)는 클라이언트로부터의 웹페이지 요청을 수신할 수 있다. 여기서, 클라이언트는 도 1 또는 도 21을 통해 설명한 클라이언트(120)에 대응될 수 있다.
단계(2430)에서 웹페이지 제공 시스템(2300) 또는 웹페이지 제공부(2330)는 웹페이지 요청에 따라 콘텐츠가 포함된 웹페이지를 클라이언트로 제공할 수 있다. 이때, 클라이언트에서 디스플레이의 화면 크기와 복수의 블록들에 포함된 내용들 각각이 화면에 표시되는 표시 크기에 기초하여 복수의 블록들이 복수의 페이지들에 분할 삽입되어 웹페이지가 복수의 페이지들로 분할될 수 있다.
도 25는 본 발명의 일실시예에 있어서, 웹페이지 제공 시스템의 내부 구성의 다른 예를 설명하기 위한 블록도이고, 도 26은 본 발명의 일실시예에 있어서, 웹페이지 제공 방법의 제4 예를 도시한 흐름도이다. 본 실시예에 따른 웹페이지 제공 시스템(2500)은 클라이언트에서 화면 크기에 대한 정보를 수신하여 웹페이지를 복수의 페이지로 분할하여 클라이언트로 제공하는 서버에 대응될 수 있다. 이러한 웹페이지 제공 시스템(2500)은 도 25에 도시된 바와 같이 콘텐츠 관리부(2510), 요청 수신부(2520), 화면 크기 수신부(2530), 페이지 분할부(2540) 및 페이지 제공부(2550)를 포함할 수 있다. 또한, 본 실시예에 따른 웹페이지 제공 방법은 웹페이지 제공 시스템(2500)에 의해 수행될 수 있다.
단계(2610)에서 웹페이지 제공 시스템(2500) 또는 콘텐츠 관리부(2510)는 웹페이지에 포함된 콘텐츠를 복수의 블록으로 분할하여 관리할 수 있다.
단계(2620)에서 웹페이지 제공 시스템(2500) 또는 요청 수신부(2520)는 클라이언트로부터의 웹페이지 요청을 수신할 수 있다. 여기서, 클라이언트는 도 22를 통해 설명한 클라이언트에 대응될 수 있다.
단계(2630)에서 웹페이지 제공 시스템(2500) 또는 화면 크기 수신부(2530)는 클라이언트로부터 디스플레이의 화면 크기에 대한 정보를 수신할 수 있다.
단계(2640)에서 웹페이지 제공 시스템(2500) 또는 페이지 분할부(2540)는 화면 크기와 복수의 블록들에 포함된 내용들 각각이 화면에 표시되는 표시 크기에 기초하여 복수의 블록들을 복수의 페이지들에 분할 삽입하여 웹페이지를 복수의 페이지들로 분할할 수 있다.
단계(2650)에서 웹페이지 제공 시스템(2500) 또는 페이지 제공부(2550)는 분할된 복수의 페이지들을 웹페이지 요청에 따라 클라이언트로 제공할 수 있다.
도 21 내지 도 26에서 이미 설명된 내용들에 대한 반복적인 설명들은 생략되었으며, 생략된 내용은 도 1 내지 도 20을 참조할 수 있다.
이와 같이, 본 발명의 실시예들에 따르면, 모바일단말기의 기종 또는 화면 크기에 따라 웹페이지를 동적으로 분할하여 제공함으로써, 모바일단말기가 갖는 화면 크기의 제약을 극복하고, 웹페이지에 대한 가독성을 향상시키며, 사용자 편의성을 향상시킬 수 있다.
이상에서 설명된 장치는 하드웨어 구성요소, 소프트웨어 구성요소, 및/또는 하드웨어 구성요소 및 소프트웨어 구성요소의 조합으로 구현될 수 있다. 예를 들어, 실시예들에서 설명된 장치 및 구성요소는, 예를 들어, 프로세서, 콘트롤러, ALU(arithmetic logic unit), 디지털 신호 프로세서(digital signal processor), 마이크로컴퓨터, FPA(field programmable array), PLU(programmable logic unit), 마이크로프로세서, 또는 명령(instruction)을 실행하고 응답할 수 있는 다른 어떠한 장치와 같이, 하나 이상의 범용 컴퓨터 또는 특수 목적 컴퓨터를 이용하여 구현될 수 있다. 처리 장치는 운영 체제(OS) 및 상기 운영 체제 상에서 수행되는 하나 이상의 소프트웨어 애플리케이션을 수행할 수 있다. 또한, 처리 장치는 소프트웨어의 실행에 응답하여, 데이터를 접근, 저장, 조작, 처리 및 생성할 수도 있다. 이해의 편의를 위하여, 처리 장치는 하나가 사용되는 것으로 설명된 경우도 있지만, 해당 기술분야에서 통상의 지식을 가진 자는, 처리 장치가 복수 개의 처리 요소(processing element) 및/또는 복수 유형의 처리 요소를 포함할 수 있음을 알 수 있다. 예를 들어, 처리 장치는 복수 개의 프로세서 또는 하나의 프로세서 및 하나의 콘트롤러를 포함할 수 있다. 또한, 병렬 프로세서(parallel processor)와 같은, 다른 처리 구성(processing configuration)도 가능하다.
소프트웨어는 컴퓨터 프로그램(computer program), 코드(code), 명령(instruction), 또는 이들 중 하나 이상의 조합을 포함할 수 있으며, 원하는 대로 동작하도록 처리 장치를 구성하거나 독립적으로 또는 결합적으로(collectively) 처리 장치를 명령할 수 있다. 소프트웨어 및/또는 데이터는, 처리 장치에 의하여 해석되거나 처리 장치에 명령 또는 데이터를 제공하기 위하여, 어떤 유형의 기계, 구성요소(component), 물리적 장치, 가상 장치(virtual equipment), 컴퓨터 저장 매체 또는 장치, 또는 전송되는 신호 파(signal wave)에 영구적으로, 또는 일시적으로 구체화(embody)될 수 있다. 소프트웨어는 네트워크로 연결된 컴퓨터 시스템 상에 분산되어서, 분산된 방법으로 저장되거나 실행될 수도 있다. 소프트웨어 및 데이터는 하나 이상의 컴퓨터 판독 가능 기록 매체에 저장될 수 있다.
실시예에 따른 방법은 다양한 컴퓨터 수단을 통하여 수행될 수 있는 프로그램 명령 형태로 구현되어 컴퓨터 판독 가능 매체에 기록될 수 있다. 상기 컴퓨터 판독 가능 매체는 프로그램 명령, 데이터 파일, 데이터 구조 등을 단독으로 또는 조합하여 포함할 수 있다. 상기 매체에 기록되는 프로그램 명령은 실시예를 위하여 특별히 설계되고 구성된 것들이거나 컴퓨터 소프트웨어 당업자에게 공지되어 사용 가능한 것일 수도 있다. 컴퓨터 판독 가능 기록 매체의 예에는 하드 디스크, 플로피 디스크 및 자기 테이프와 같은 자기 매체(magnetic media), CD-ROM, DVD와 같은 광기록 매체(optical media), 플롭티컬 디스크(floptical disk)와 같은 자기-광 매체(magneto-optical media), 및 롬(ROM), 램(RAM), 플래시 메모리 등과 같은 프로그램 명령을 저장하고 수행하도록 특별히 구성된 하드웨어 장치가 포함된다. 프로그램 명령의 예에는 컴파일러에 의해 만들어지는 것과 같은 기계어 코드뿐만 아니라 인터프리터 등을 사용해서 컴퓨터에 의해서 실행될 수 있는 고급 언어 코드를 포함한다. 상기된 하드웨어 장치는 실시예의 동작을 수행하기 위해 하나 이상의 소프트웨어 모듈로서 작동하도록 구성될 수 있으며, 그 역도 마찬가지이다.
이상과 같이 실시예들이 비록 한정된 실시예와 도면에 의해 설명되었으나, 해당 기술분야에서 통상의 지식을 가진 자라면 상기의 기재로부터 다양한 수정 및 변형이 가능하다. 예를 들어, 설명된 기술들이 설명된 방법과 다른 순서로 수행되거나, 및/또는 설명된 시스템, 구조, 장치, 회로 등의 구성요소들이 설명된 방법과 다른 형태로 결합 또는 조합되거나, 다른 구성요소 또는 균등물에 의하여 대치되거나 치환되더라도 적절한 결과가 달성될 수 있다.
그러므로, 다른 구현들, 다른 실시예들 및 특허청구범위와 균등한 것들도 후술하는 특허청구범위의 범위에 속한다.
110: 서버
111: 콘텐츠
112: 블록으로 구성된 콘텐츠
120: 클라이언트
121: 페이지
122: 분할된 페이지들

Claims (18)

  1. 서버로 웹페이지를 요청하는 단계;
    상기 서버로부터 복수의 블록(block)들로 구성된 콘텐츠를 포함하는 웹페이지를 수신하는 단계;
    디스플레이의 화면 크기와 상기 복수의 블록들에 포함된 내용들 각각이 화면에 표시되는 표시 크기에 기초하여 상기 복수의 블록들을 복수의 페이지들에 분할 삽입하여 상기 웹페이지를 상기 복수의 페이지들로 분할하는 단계; 및
    상기 복수의 페이지들 중 하나의 페이지를 화면에 표시하는 단계
    를 포함하는 웹페이지 제공 방법.
  2. 제1항에 있어서,
    상기 복수의 블록들 각각은, 추가 분할이 가능한 브레이커블 블록(breakable block) 및 추가 분할이 불가능한 넌-브레이커블 블록(non- breakable block) 중 하나로 설정된 것을 특징으로 하는 웹페이지 제공 방법.
  3. 제2항에 있어서,
    상기 넌-브레이커블 블록은, 상기 표시 크기와 상기 복수의 페이지들 중 하나의 페이지의 남아있는 영역의 크기에 기초하여 상기 남아있는 영역에 포함될 수 없는 것으로 판단되는 경우, 상기 복수의 페이지들 중 다른 페이지에 포함되고,
    상기 브레이커블 블록은, 상기 남아있는 영역에 포함될 수 없는 것으로 판단되는 경우, 추가 분할되어 일부는 상기 하나의 페이지에, 나머지는 상기 다른 페이지에 포함되는 것을 특징으로 하는 웹페이지 제공 방법.
  4. 제1항에 있어서,
    상기 웹페이지를 상기 복수의 페이지들로 분할하는 단계는,
    상기 콘텐츠를 구성하는 블록들 중 하나의 블록을 리딩하여, 리딩된 블록이 화면에 표시되는 영역의 크기를 계산하는 단계;
    상기 계산된 크기 및 상기 복수의 페이지들 중 제1 페이지에 남아 있는 영역의 크기에 기초하여 상기 영역에 상기 리딩된 블록이 포함될 수 있는지 판단하는 단계;
    상기 리딩된 블록이 상기 영역에 포함될 수 없고, 상기 리딩된 블록이 추가 분할이 가능한 브레이커블 블록(breakable block)인 경우, 상기 계산된 크기와 상기 영역의 크기에 기초하여 상기 리딩된 블록의 일부분을 추출하고, 상기 추출된 일부분을 상기 제1 페이지에 삽입하는 단계; 및
    상기 리딩된 블록에서 상기 일부분을 제외한 나머지 부분 중 적어도 일부를 상기 복수의 페이지들 중 제2 페이지에 삽입하는 단계
    를 포함하는 것을 특징으로 하는 웹페이지 제공 방법.
  5. 제1항에 있어서,
    상기 디스플레이는 터치 디스플레이를 포함하고,
    상기 터치 디스플레이에서 감지되는 터치제스처에 기초하여 상기 화면에 표시된 하나의 페이지를 다른 페이지로 변경하여 표시하는 단계
    를 더 포함하는 웹페이지 제공 방법.
  6. 제1항에 있어서,
    상기 화면 크기는, 상기 디스플레이 또는 상기 복수의 페이지들의 높이를 픽셀수로 표시한 값을 포함하고,
    상기 표시 크기는, 상기 내용을 상기 화면에 표시하는데 필요한 높이를 픽셀수로 표시한 값을 포함하는 것을 특징으로 하는 웹페이지 제공 방법.
  7. 서버로 웹페이지를 요청하는 단계;
    상기 서버로 디스플레이의 화면 크기에 대한 정보를 제공하는 단계;
    상기 서버로부터 하나의 웹페이지가 분할된 복수의 페이지들을 수신하는 단계; 및
    상기 복수의 페이지들 중 하나의 페이지를 화면에 표시하는 단계
    를 포함하고,
    상기 하나의 웹페이지에 포함된 콘텐츠는, 복수의 블록(block)들로 구성되고,
    상기 복수의 페이지들은, 상기 화면 크기와 상기 복수의 블록들에 포함된 내용들 각각이 화면에 표시되는 표시 크기에 기초하여 상기 복수의 블록들이 분할 삽입된 것을 특징으로 하는 웹페이지 제공 방법.
  8. 제7항에 있어서,
    상기 복수의 블록들 각각은, 추가 분할이 가능한 브레이커블 블록(breakable block) 및 추가 분할이 불가능한 넌-브레이커블 블록(non- breakable block) 중 하나로 설정된 것을 특징으로 하는 웹페이지 제공 방법.
  9. 제8항에 있어서,
    상기 넌-브레이커블 블록은, 상기 표시 크기와 상기 복수의 페이지들 중 하나의 페이지의 남아있는 영역의 크기에 기초하여 상기 남아있는 영역에 포함될 수 없는 것으로 판단되는 경우, 상기 복수의 페이지들 중 다른 페이지에 포함되고,
    상기 브레이커블 블록은, 상기 남아있는 영역에 포함될 수 없는 것으로 판단되는 경우, 추가 분할되어 일부는 상기 하나의 페이지에, 나머지는 상기 다른 페이지에 포함되는 것을 특징으로 하는 웹페이지 제공 방법.
  10. 제7항에 있어서,
    상기 디스플레이는 터치 디스플레이를 포함하고,
    상기 터치 디스플레이에서 감지되는 터치제스처에 기초하여 상기 화면에 표시된 하나의 페이지를 다른 페이지로 변경하여 표시하는 단계
    를 더 포함하는 웹페이지 제공 방법.
  11. 웹페이지에 포함된 콘텐츠를 복수의 블록들로 분할하여 관리하는 단계;
    클라이언트로부터의 웹페이지 요청을 수신하는 단계; 및
    상기 웹페이지 요청에 따라 상기 콘텐츠가 포함된 웹페이지를 상기 클라이언트로 제공하는 단계
    를 포함하고,
    상기 클라이언트에서 디스플레이의 화면 크기와 상기 복수의 블록들에 포함된 내용들 각각이 화면에 표시되는 표시 크기에 기초하여 상기 복수의 블록들이 복수의 페이지들에 분할 삽입되어 상기 웹페이지가 상기 복수의 페이지들로 분할되는 것을 특징으로 하는 웹페이지 제공 방법.
  12. 제11항에 있어서,
    상기 복수의 블록들 각각은, 추가 분할이 가능한 브레이커블 블록(breakable block) 및 추가 분할이 불가능한 넌-브레이커블 블록(non- breakable block) 중 하나로 설정된 것을 특징으로 하는 웹페이지 제공 방법.
  13. 제12항에 있어서,
    상기 넌-브레이커블 블록은, 상기 표시 크기와 상기 복수의 페이지들 중 하나의 페이지의 남아있는 영역의 크기에 기초하여 상기 남아있는 영역에 포함될 수 없는 것으로 판단되는 경우, 상기 복수의 페이지들 중 다른 페이지에 포함되고,
    상기 브레이커블 블록은, 상기 남아있는 영역에 포함될 수 없는 것으로 판단되는 경우, 추가 분할되어 일부는 상기 하나의 페이지에, 나머지는 상기 다른 페이지에 포함되는 것을 특징으로 하는 웹페이지 제공 방법.
  14. 웹페이지에 포함된 콘텐츠를 복수의 블록들로 분할하여 관리하는 단계;
    클라이언트로부터의 웹페이지 요청을 수신하는 단계;
    상기 클라이언트로부터 디스플레이의 화면 크기에 대한 정보를 수신하는 단계;
    상기 화면 크기와 상기 복수의 블록들에 포함된 내용들 각각이 화면에 표시되는 표시 크기에 기초하여 상기 복수의 블록들을 복수의 페이지들에 분할 삽입하여 상기 웹페이지를 상기 복수의 페이지들로 분할하는 단계; 및
    상기 분할된 복수의 페이지들을 상기 웹페이지 요청에 따라 상기 클라이언트로 제공하는 단계
    를 포함하는 웹페이지 제공 방법.
  15. 제14항에 있어서,
    상기 웹페이지를 상기 복수의 페이지들로 분할하는 단계는,
    상기 콘텐츠를 구성하는 블록들 중 하나의 블록을 리딩하여, 리딩된 블록이 화면에 표시되는 영역의 크기를 계산하는 단계;
    상기 계산된 크기 및 상기 복수의 페이지들 중 제1 페이지에 남아 있는 영역의 크기에 기초하여 상기 영역에 상기 리딩된 블록이 포함될 수 있는지 판단하는 단계;
    상기 리딩된 블록이 상기 영역에 포함될 수 없고, 상기 리딩된 블록이 추가 분할이 가능한 브레이커블 블록(breakable block)인 경우, 상기 계산된 크기와 상기 영역의 크기에 기초하여 상기 리딩된 블록의 일부분을 추출하고, 상기 추출된 일부분을 상기 제1 페이지에 삽입하는 단계; 및
    상기 리딩된 블록에서 상기 일부분을 제외한 나머지 부분 중 적어도 일부를 상기 복수의 페이지들 중 제2 페이지에 삽입하는 단계
    를 포함하는 것을 특징으로 하는 웹페이지 제공 방법.
  16. 제1항 내지 제15항 중 어느 한 항의 방법을 수행하는 프로그램을 기록한 컴퓨터 판독 가능 기록 매체.
  17. 웹페이지에 포함된 콘텐츠를 복수의 블록들로 분할하여 관리하는 콘텐츠 관리부;
    클라이언트로부터의 웹페이지 요청을 수신하는 웹페이지 요청 수신부; 및
    상기 웹페이지 요청에 따라 상기 콘텐츠가 포함된 웹페이지를 상기 클라이언트로 제공하는 웹페이지 제공부
    를 포함하고,
    상기 클라이언트에서 디스플레이의 화면 크기와 상기 복수의 블록들에 포함된 내용들 각각이 화면에 표시되는 표시 크기에 기초하여 상기 복수의 블록들이 복수의 페이지들에 분할 삽입되어 상기 웹페이지가 상기 복수의 페이지들로 분할되는 것을 특징으로 하는 웹페이지 제공 시스템.
  18. 웹페이지에 포함된 콘텐츠를 복수의 블록들로 분할하여 관리하는 콘텐츠 관리부;
    클라이언트로부터의 웹페이지 요청을 수신하는 웹페이지 요청 수신부;
    상기 클라이언트로부터 디스플레이의 화면 크기에 대한 정보를 수신하는 화면 크기 수신부;
    상기 화면 크기와 상기 복수의 블록들에 포함된 내용들 각각이 화면에 표시되는 표시 크기에 기초하여 상기 복수의 블록들을 복수의 페이지들에 분할 삽입하여 상기 웹페이지를 상기 복수의 페이지들로 분할하는 페이지 분할부; 및
    상기 분할된 복수의 페이지들을 상기 웹페이지 요청에 따라 상기 클라이언트로 제공하는 페이지 제공부
    를 포함하는 웹페이지 제공 시스템.
KR1020120130732A 2012-11-19 2012-11-19 동적 페이지 분할을 이용한 웹페이지 제공 방법 및 시스템 KR101429466B1 (ko)

Priority Applications (3)

Application Number Priority Date Filing Date Title
KR1020120130732A KR101429466B1 (ko) 2012-11-19 2012-11-19 동적 페이지 분할을 이용한 웹페이지 제공 방법 및 시스템
JP2013060092A JP5755673B2 (ja) 2012-11-19 2013-03-22 動的ページ分割を用いたウェブページ提供方法及びシステム
US13/886,699 US9767213B2 (en) 2012-11-19 2013-05-03 Method and system for providing web page using dynamic page partitioning

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020120130732A KR101429466B1 (ko) 2012-11-19 2012-11-19 동적 페이지 분할을 이용한 웹페이지 제공 방법 및 시스템

Publications (2)

Publication Number Publication Date
KR20140063965A true KR20140063965A (ko) 2014-05-28
KR101429466B1 KR101429466B1 (ko) 2014-08-13

Family

ID=50729158

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020120130732A KR101429466B1 (ko) 2012-11-19 2012-11-19 동적 페이지 분할을 이용한 웹페이지 제공 방법 및 시스템

Country Status (3)

Country Link
US (1) US9767213B2 (ko)
JP (1) JP5755673B2 (ko)
KR (1) KR101429466B1 (ko)

Families Citing this family (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
MX2016014234A (es) * 2014-04-29 2017-02-14 Wix Com Ltd Sistema y metodo para la creacion y uso de diseños dinamicos de calidad alta visualmente diversos.
CN106599000A (zh) * 2015-10-19 2017-04-26 阿里巴巴集团控股有限公司 一种页面处理方法及设备
WO2017128100A1 (zh) * 2016-01-27 2017-08-03 深圳市世强先进科技有限公司 一种资料下载同时发送邮件的方法及装置
CN106294305A (zh) * 2016-07-21 2017-01-04 上海网达软件股份有限公司 在android智能设备上对HTML网页内容进行分段显示的方法
CN108376161B (zh) * 2018-02-13 2020-08-18 Oppo广东移动通信有限公司 显示网页的方法、装置、终端及存储介质
KR102225245B1 (ko) * 2018-09-11 2021-03-09 라쿠텐 인코포레이티드 송신 장치, 송신 방법 및 송신 프로그램

Family Cites Families (49)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5987171A (en) * 1994-11-10 1999-11-16 Canon Kabushiki Kaisha Page analysis system
US5903902A (en) * 1996-09-09 1999-05-11 Design Intelligence, Inc. Design engine with tree and component structure
US7047033B2 (en) * 2000-02-01 2006-05-16 Infogin Ltd Methods and apparatus for analyzing, processing and formatting network information such as web-pages
JP3747737B2 (ja) * 2000-05-10 2006-02-22 日本電気株式会社 広域精細画像生成方法及びシステム並びにコンピュータ可読記録媒体
US6915484B1 (en) * 2000-08-09 2005-07-05 Adobe Systems Incorporated Text reflow in a structured document
US20030014445A1 (en) * 2001-07-13 2003-01-16 Dave Formanek Document reflowing technique
JP3813499B2 (ja) * 2001-11-20 2006-08-23 シャープ株式会社 出力処理方法、出力処理装置、出力処理プログラム、および出力処理プログラムを記録した記録媒体
US7065707B2 (en) * 2002-06-24 2006-06-20 Microsoft Corporation Segmenting and indexing web pages using function-based object models
US6965388B2 (en) * 2002-10-21 2005-11-15 Microsoft Corporation System and method for block scaling data to fit a screen on a mobile device
US7203901B2 (en) * 2002-11-27 2007-04-10 Microsoft Corporation Small form factor web browsing
WO2004083989A2 (en) * 2003-03-17 2004-09-30 British Telecommunications Public Limited Company Web server for adapted web content
US7350142B2 (en) * 2003-03-27 2008-03-25 Microsoft Corporation Method and system for creating a table version of a document
US7246311B2 (en) * 2003-07-17 2007-07-17 Microsoft Corporation System and methods for facilitating adaptive grid-based document layout
US7428700B2 (en) * 2003-07-28 2008-09-23 Microsoft Corporation Vision-based document segmentation
GB2410814A (en) * 2004-02-05 2005-08-10 Stephen John Doyle Document conversion enabling browser content across different types of terminal devices
US20050195221A1 (en) * 2004-03-04 2005-09-08 Adam Berger System and method for facilitating the presentation of content via device displays
EP1774478A1 (en) * 2004-07-27 2007-04-18 Hewlett-Packard Development Company, L.P. Document creation system and related methods
TWI274274B (en) * 2004-12-30 2007-02-21 Teco Image Sys Co Ltd Method for dividing print document
JP2006195675A (ja) * 2005-01-12 2006-07-27 Osaka Univ ブラウジングシステム
US7392473B2 (en) * 2005-05-26 2008-06-24 Xerox Corporation Method and apparatus for determining logical document structure
US7853871B2 (en) * 2005-06-10 2010-12-14 Nokia Corporation System and method for identifying segments in a web resource
US20070057911A1 (en) * 2005-09-12 2007-03-15 Sina Fateh System and method for wireless network content conversion for intuitively controlled portable displays
US7788577B2 (en) * 2005-09-23 2010-08-31 Google Inc. Displaying information on a mobile device
US8176414B1 (en) * 2005-09-30 2012-05-08 Google Inc. Document division method and system
US20080016462A1 (en) * 2006-03-01 2008-01-17 Wyler Eran S Methods and apparatus for enabling use of web content on various types of devices
US8023738B1 (en) * 2006-03-28 2011-09-20 Amazon Technologies, Inc. Generating reflow files from digital images for rendering on various sized displays
US7433548B2 (en) * 2006-03-28 2008-10-07 Amazon Technologies, Inc. Efficient processing of non-reflow content in a digital image
KR100844071B1 (ko) * 2007-05-09 2008-07-07 엘지전자 주식회사 웹페이지 표시가 가능한 이동통신 단말기 및 그 제어방법
US20090024916A1 (en) * 2007-07-20 2009-01-22 Burckart Erik J Seamless Asynchronous Updates of Dynamic Content
WO2010004968A1 (ja) * 2008-07-08 2010-01-14 株式会社ブロードテイル コンテンツ提供サーバ装置
KR20100065744A (ko) * 2008-12-08 2010-06-17 엔에이치엔(주) 웹 페이지를 모바일 단말기에서 디스플레이 가능한 형태로 트랜스코딩하는 방법 및 장치
US8208737B1 (en) * 2009-04-17 2012-06-26 Google Inc. Methods and systems for identifying captions in media material
US20110126113A1 (en) * 2009-11-23 2011-05-26 c/o Microsoft Corporation Displaying content on multiple web pages
US8499236B1 (en) * 2010-01-21 2013-07-30 Amazon Technologies, Inc. Systems and methods for presenting reflowable content on a display
CN102812456A (zh) * 2010-02-04 2012-12-05 爱立信(中国)通信有限公司 用于内容叠合的方法
WO2011130868A1 (en) * 2010-04-19 2011-10-27 Hewlett-Packard Development Company, L. P. Segmenting a web page into coherent functional blocks
US9218322B2 (en) * 2010-07-28 2015-12-22 Hewlett-Packard Development Company, L.P. Producing web page content
US9317622B1 (en) * 2010-08-17 2016-04-19 Amazon Technologies, Inc. Methods and systems for fragmenting and recombining content structured language data content to reduce latency of processing and rendering operations
WO2012055067A1 (en) * 2010-10-26 2012-05-03 Hewlett-Packard Development Company, L.P. Extraction of content from a web page
US8612850B2 (en) * 2011-01-13 2013-12-17 Mediatek Inc. Information browsing method for partitioning contents of page and assigning identifiers to data partitions and related machine-readable medium thereof
US20120192063A1 (en) * 2011-01-20 2012-07-26 Koren Ziv On-the-fly transformation of graphical representation of content
US9348939B2 (en) * 2011-03-18 2016-05-24 International Business Machines Corporation Web site sectioning for mobile web browser usability
US9152616B2 (en) * 2011-04-28 2015-10-06 Flipboard, Inc. Template-based page layout for web content
US8645819B2 (en) * 2011-06-17 2014-02-04 Xerox Corporation Detection and extraction of elements constituting images in unstructured document files
US20130227398A1 (en) * 2011-08-23 2013-08-29 Opera Software Asa Page based navigation and presentation of web content
US9098471B2 (en) * 2011-12-29 2015-08-04 Chegg, Inc. Document content reconstruction
US20130305144A1 (en) * 2012-05-09 2013-11-14 Ni Group Limited Method of Publishing Digital Content
US8965880B2 (en) * 2012-10-05 2015-02-24 Google Inc. Transcoding and serving resources
US20140115432A1 (en) * 2012-10-24 2014-04-24 ePAGINATION LIMITED (UK) Techniques for typographic electronic pagination

Also Published As

Publication number Publication date
JP2014102808A (ja) 2014-06-05
US9767213B2 (en) 2017-09-19
US20140143653A1 (en) 2014-05-22
JP5755673B2 (ja) 2015-07-29
KR101429466B1 (ko) 2014-08-13

Similar Documents

Publication Publication Date Title
KR101429466B1 (ko) 동적 페이지 분할을 이용한 웹페이지 제공 방법 및 시스템
US9740792B2 (en) Connection paths for application topology
KR101627169B1 (ko) 증강현실 컨텐츠 저작 및 제공 시스템
US11320975B2 (en) Automatically generating and applying graphical user interface resize-constraints based on design semantics
US9760543B2 (en) Graphical tile-based layout
US20180101295A1 (en) System for displaying elements of a scrollable list
US9773072B2 (en) Systems and methods for developing adaptive layouts for electronic content
US10049095B2 (en) In-context editing of output presentations via automatic pattern detection
US10678410B2 (en) Browser-based image processing
US9697751B2 (en) Interactive representation of clusters of geographical entities
WO2020118485A1 (en) Method of Detecting User Interface Layout Issues for Web Applications
US9811505B2 (en) Techniques to provide processing enhancements for a text editor in a computing environment
US11269950B2 (en) Analysis for framework assessment
US20210303905A1 (en) Method, system, and non-transitory computer readable record medium for extracting and providing text color and background color in image
JP6563522B2 (ja) コンテンツ表示制御方法及びコンテンツ表示制御方法を行うユーザ端末
CN108089858B (zh) 一种创建可视化界面的方法及装置
US10204187B1 (en) Method and system for implementing data reduction for waveform data
EP3289479A1 (en) Rendering graphical assets natively on multiple screens of electronic devices
CN109558118B (zh) 创建智能小程序的原生组件的方法、装置、设备和存储介质
EP2843624B1 (en) Image processing device, image processing device control method, program, and information storage medium
CN107621951B (zh) 一种视图层级优化的方法及装置
US11176310B2 (en) Facilitating dynamic document layout by determining reading order using document content stream cues
CN115659087B (zh) 页面渲染方法、设备及存储介质
CN112738629B (zh) 视频展示方法、装置、电子设备和存储介质
JP5309560B2 (ja) 描画データ管理装置

Legal Events

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

Payment date: 20170704

Year of fee payment: 4

FPAY Annual fee payment

Payment date: 20190701

Year of fee payment: 6