KR101197097B1 - 디바이스에 적응적인 웹페이지 제공 방법 및 그 방법을 이용하는 장치 - Google Patents

디바이스에 적응적인 웹페이지 제공 방법 및 그 방법을 이용하는 장치 Download PDF

Info

Publication number
KR101197097B1
KR101197097B1 KR1020120038129A KR20120038129A KR101197097B1 KR 101197097 B1 KR101197097 B1 KR 101197097B1 KR 1020120038129 A KR1020120038129 A KR 1020120038129A KR 20120038129 A KR20120038129 A KR 20120038129A KR 101197097 B1 KR101197097 B1 KR 101197097B1
Authority
KR
South Korea
Prior art keywords
display
web page
areas
size
change method
Prior art date
Application number
KR1020120038129A
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 KR1020120038129A priority Critical patent/KR101197097B1/ko
Application granted granted Critical
Publication of KR101197097B1 publication Critical patent/KR101197097B1/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

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

디바이스에 적응적인 웹페이지 제공 방법 및 그 방법을 이용하는 장치가 개시된다. 본 발명의 일측면에 따른 단말장치에서의 웹페이지 제공 방법은 화면에 표시할 웹페이지를 구성하는 부분영역들에 설정된 속성정보를 확인하여 변경방식을 인식하는 단계; 부분영역들 중 변경방식에 따른 화면에 표시될 표시영역들을 결정하고, 변경방식에 따라 표시영역을 배치하는 단계; 및 속성정보에 따른 최소사이즈의 크기를 가지며 구비된 디스플레이의 규격에 적합하도록 표시영역들의 사이즈가 결정된 표시웹페이지를 생성하는 단계를 포함한다. 본 발명에 따르면, 웹페이지를 이루는 각 영역들에 설정된 속성정보를 이용하여, 디바이스의 해상도와 같은 디스플레이 규격에 적합한 웹페이지를 제공할 수 있다.

Description

디바이스에 적응적인 웹페이지 제공 방법 및 그 방법을 이용하는 장치{Method for providing webpage adaptive device and device thereof}
본 발명은 웹페이지 제공에 관한 것으로서, 좀 더 상세하게는 디바이스에 적응적인 웹페이지 제공 방법 및 그 방법을 이용하는 장치에 관한 것이다.
근래에는 일반 데스크탑 컴퓨터와 같은 개인용컴퓨터뿐 아니라, 휴대가 용이한 스마트폰, 태블릿pc(Tablet PC) 등의 컴퓨팅 장치를 이용하는 사용자들이 많아졌다. 따라서, 사용자들은 언제 어디서나 보유한 단말장치를 통해 인터넷을 이용할 수 있게 되었다.
더욱이, 최근에는 이러한 통신단말장치뿐 아니라, 스마트TV와 같이 텔레비전에도 컴퓨팅 기능이 탑재되고 있는 추세이며, 이에 따라 사용자들은 소위 말하는 N스크린(N-Screen) 시대에 살게 되었다. N스크린이란 다양한 단말장치에서 공통된 콘텐츠(contents)를 이용할 수 있는 서비스를 의미하는 것으로, 음악, 영화, 게임 등에 다양하게 이용될 수 있다.
하지만, 이러한 각종 디바이스들은 서로 다른 사이즈(size)의 디스플레이를 구비하고 있으며, 이는 곧 각 디바이스들이 동일한 구성의 화면을 표시하는데 어려움이 있다는 것을 의미한다.
예를 들어, 웹페이지(webpage)를 제공하는 웹서버(web server)의 경우, 디바이스의 디스플레이 규격에 적합한 웹페이지를 제공하는 것이 바람직한데, 현재에는 주로 각 디바이스에 적합한 각각의 웹페이지를 각각 생성하여 제공하고 있다. 예를 들어, 일반 컴퓨터로 제공하는 웹페이지와 스마트폰으로 제공하는 웹페이지를 각각 생성하여 제공하고 있다. 이와 같은 종래 방식으로는 더욱 다양해지는 디바이스의 종류에 적응적인 웹페이지를 제공하기가 어려운 실정이다.
따라서, 본 발명은 상술한 문제점을 해결하기 위해 안출된 것으로서, 웹페이지를 이루는 각 영역들에 설정된 속성정보를 이용하여, 디바이스에 적합하도록 변경된 웹페이지를 제공하는 방법 및 그 방법을 이용하는 장치를 제공하기 위한 것이다.
본 발명의 다른 목적들은 이하에 서술되는 바람직한 실시예를 통하여 보다 명확해질 것이다.
본 발명의 일 측면에 따르면, 단말장치에서의 웹페이지 제공 방법에 있어서, 화면에 표시할 웹페이지를 구성하는 부분영역들에 설정된 속성정보를 확인하여 변경방식을 인식하는 단계; 부분영역들 중 상기 변경방식에 따른 화면에 표시될 표시영역들을 결정하고, 상기 변경방식에 따라 상기 표시영역을 배치하는 단계; 및 상기 속성정보에 따른 최소사이즈의 크기를 가지며 구비된 디스플레이의 규격에 적합하도록 상기 표시영역들의 사이즈가 결정된 표시웹페이지를 생성하는 단계를 포함하는 웹페이지 제공 방법 및 그 방법을 실행하는 프로그램이 기록된 기록매체가 제공된다.
여기서, 상기 변경방식은 숨김 또는 탑다운으로 구분되며, 상기 속성정보로서 상기 변경방식과 함께 우선순위에 대한 정보가 더 포함될 수 있다.
또한, 상기 표시영역들을 결정하는 단계는, 상기 변경방식가 상기 숨김인 경우, 최소사이즈의 총합이 상기 디스플레이 규격정보에 따른 사이즈값보다 작아질 때까지 우선순위에 따른 순서대로 부분영역을 상기 표시영역에서 제외시킬 수 있다.
또한, 상기 변경방식이 상기 숨김인 경우, 상기 디스플레이 규격정보에 따른 사이즈에 상응하도록 상기 각 표시영역의 사이즈를 변경할 때, 각 표시영역에 설정된 사이즈비율이 유지되도록 할 수 있다.
또한, 상기 변경방식이 상기 탑다운인 경우, 우선순위대로 표시영역들을 위아래로 배치할 수 있다.
또한, 상기 부분영역들은 클래스(class)로 구분되고, 상기 클래스 별 상기 표시영역이 결정될 수 있다.
또한, 상기 디스플레이의 규격과 동일 클래스에 속한 부분영역들의 가로 길이 총합을 비교하여, 상기 웹페이지에 대한 변경 수행 여부를 판단하는 단계가 가장 먼저 선행될 수 있다.
본 발명의 다른 측면에 따르면, 화면에 표시할 웹페이지를 구성하는 부분영역들에 설정된 속성정보를 확인하여 변경방식을 인식하고, 상기 변경방식을 이용하여 상기 부분영역들 중 화면에 표시될 표시영역들을 결정하고, 상기 변경방식에 따라 상기 표시영역을 배치하는 영역 배치부; 및 상기 속성정보에 따른 최소사이즈의 크기를 가지며 구비된 디스플레이의 규격에 적합하도록 상기 표시영역들의 사이즈가 결정된 표시웹페이지를 생성하는 페이지 생성부를 포함하는 웹페이지 제공 장치가 제공된다.
여기서, 상기 변경방식은 숨김 또는 탑다운으로 구분되며, 상기 속성정보로서 상기 변경방식과 함께 우선순위에 대한 정보가 더 포함될 수 있다.
본 발명에 따르면, 웹페이지를 이루는 각 영역들에 설정된 속성정보를 이용하여, 디바이스의 해상도와 같은 디스플레이 규격에 적합한 웹페이지를 제공할 수 있다.
도 1은 일반적인 웹페이지의 구성을 도시한 도면.
도 2는 본 발명의 일측면에 따른 웹페이지의 부분영역에 설정되는 속성정보를 예시한 테이블.
도 3은 본 발명의 일 실시예에 따른 적응적인 웹페이지를 제공하는 단말장치의 구성을 도시한 블록도.
도 4는 본 발명의 일 실시예에 따른 디바이스에서의 적응적인 웹페이지 제공 과정을 도시한 흐름도.
도 5 및 도 6은 본 발명의 각 실시예에 따른 원본웹페이지에 대비한 변경웹페이지를 도시한 예시도들.
본 발명은 다양한 변경을 가할 수 있고 여러 가지 실시예를 가질 수 있는 바, 특정 실시예들을 도면에 예시하고 상세한 설명에 상세하게 설명하고자 한다. 그러나, 이는 본 발명을 특정한 실시 형태에 대해 한정하려는 것이 아니며, 본 발명의 사상 및 기술 범위에 포함되는 모든 변경, 균등물 내지 대체물을 포함하는 것으로 이해되어야 한다.
이하, 첨부한 도면들을 참조하여 본 발명에 따른 실시예들을 상세히 설명하기로 하며, 첨부 도면을 참조하여 설명함에 있어 도면 부호에 상관없이 동일하거나 대응하는 구성 요소는 동일한 참조번호를 부여하고 이에 대한 중복되는 설명은 생략하기로 한다.
도 1은 일반적인 웹페이지의 구성을 도시한 도면이고, 도 2는 본 발명의 일측면에 따른 웹페이지의 부분영역에 설정되는 속성정보를 예시한 테이블이다.
먼저 도 1을 참조하면, 일반적으로 웹페이지는 다수의 영역으로 구분된다. 예를 들어, 영역1(Div1)에는 타이틀(title)이 기재되고, 나머지 영역들(Div2~Div6)에는 콘텐츠, 광고 등의 내용이 기재되는데, 내용이 기재되는 영역들을 일반적으로는 바디(body)라 칭한다. 이하에서는 설명의 편의상 웹페이지를 구성하는 각 영역을 부분영역이라 칭하기로 한다.
본 발명의 일 실시예에 따르면 각 부분영역들은 속성정보를 갖는데, 이를 예시한 도2를 참조하면, 속성정보로는 클래스, 변경방식, 우선순위, 최소사이즈, 사이즈비율에 대한 정보가 포함된다.
최소사이즈는 해당 영역이 표시되어야 하는 최소의 사이즈 정보인데, 예를 들어, 부분영역2(Div2)의 경우 최소 가로길이 500픽셀(pixel, 또는 도트(dot)일 수 있음)을 가져야 한다는 것을 의미한다.
여기서, 이해의 편의상 해상도에 대한 개념을 간단하게 정리하도록 하겠다. 해상도는 인치(inch) 당 얼마만큼의 픽셀을 갖는지에 대한 픽셀 해상도와, 다음으로 이미지가 몇 개의 픽셀을 이용하는지에 대한 이미지 해상도 및 모니터 해상도로 구분될 수 있다. 픽셀 해상도가 하나의 픽셀을 만드는 데 사용되는 색상의 수를 뜻하는 것이라면, 이미지 해상도는 하나의 비트맵이미지가 몇 개의 픽셀로 구성되었는지를 뜻하는 것으로, 용량과 밀접한 관계가 있다. 흔히 말하는 [dpi], [ppi]라는 말이 이것인데, dpi는 인쇄물에서 인쇄물 형태에 따라서 다른 수치를 적용하는 단위로, 인쇄를 목적으로 이미지를 편집할 때 사용된다. 어떤 이미지가 72dpi라면 가로 1인치에 72개점과 세로 1인치에 72개의 점, 총 5,184개의 점(dot 또는 pixel)으로 이루어졌다고 할 수 있다. 그리고 모니터 해상도란 모니터가 표시하는 화면이 갖는 총 픽셀을 말하는 것으로, 대개 가로의 픽셀 수와 세로의 픽셀 수를 곱하기 형태로 나타낸다. 즉, 1024*768는 가로 1024개, 세로 768개의 픽셀로 모니터에 나타낸다는 표시이다.　
쉽게 말해, 본 실시예에서의 사이즈정보는 부분영역이 차지해야 하는 가로길이를 말하는 것이며, 그 길이 단위는 픽셀(또는 도트, 이하에서는 픽셀을 위주로 설명하기로 함)일 수 있다. 도면에 도시된 바와 같이, 부분영역2 내지 부분영역4는 동일한 클래스를 갖는 영역들로서, 세 부분영역의 최소사이즈 총합은 1600이므로, 가로길이가 1600개 이상의 픽셀을 갖는 해상도를 표시할 수 있는 디스플레이(display)에서만 도 1에 도시된 바와 같이 같은 층(layer)에 배치되어 표시될 수 있을 것이다. 여기서, 상기한 사이즈정보는 가로길이를 예로 들었으나 반드시 이에 한정되는 것은 아니며, 세로 길이를 이용할 수도 있는데 이는 이하의 실시예들을 통해 당업자에게는 더욱 자명하게 될 것이다. 다만 설명의 편의상 사이즈정보로서 가로길이를 위주로 설명하기로 한다.
사이즈비율은 동일 클래스간의 사이즈에 대한 비율을 나타내는 것으로, 동일 클래스에 속한 부분영역들의 사이즈비율 총합은 100(%)이 되어야 할 것이다. 사이즈비율은 차후 부분영역들의 사이즈 변경에 이용되는데, 이에 대한 설명은 후술하기로 한다.
변경방식 및 우선순위는 부분영역들의 배치 위치 및 사이즈 변경에 이용되는 기준이 되는 정보에 대한 것으로서, 변경방식으로는 숨김(Hidden)과 탑다운(Top-Down) 방식이 있을 수 있다. 숨김방식은 우선순위에 따른 부분영역을 숨김처리하는 것이며, 탑다운방식은 우선순위대로 위아래로 부분영역을 배치시키는 것이다. 이에 대한 설명은 관련 도면(도 5 및 도 6)을 참조하여 상세히 후술하기로 한다.
도 2를 참조하여 설명한 바와 같은 부분영역들의 속성정보는 웹페이지와 함께 단말장치로 제공되며, 이러한 웹페이지를 실행하여 화면에 출력하는 단말장치는 수신된 속성정보를 이용하여 자신의 디스플레이 규격(예를 들어, 해상도)에 적합하도록 웹페이지를 변경하여 표시한다.
이하, 디스플레이 규격에 적응적인 웹페이지를 제공하는 단말장치의 구성에 대해 설명하기로 한다.
도 3은 본 발명의 일 실시예에 따른 적응적인 웹페이지를 제공하는 단말장치의 구성을 도시한 블록도이다.
도 3을 참조하면, 본 실시예에 따른 단말장치는 디스플레이부(310), 저장부(330) 및 제어부(350)를 포함하되, 제어부(350)는 페이지 분석부(352), 영역 배치부(354) 및 페이지 생성부(356)를 포함할 수 있다. 물론, 제어부(350)의 각 구성부는 반드시 하드웨어적으로 구현될 필요는 없으며, 프로그램과 같이 소프트웨어적으로 구현될 수도 있음은 당업자에게는 자명하다 할 것이다.
디스플레이부(310)는 일정 해상도를 갖는 화면을 출력하기 위한 것으로, 현재 많은 사용자들이 이용하고 있는 컴퓨터, 태블릿PC, 스마트폰 등에는 액정(LCD)과 같은 디스플레이가 구비되고 있으므로 이에 대한 보다 상세한 설명은 생략하기로 한다.
저장부(330)에는 제어부(350)가 웹페이지에 대한 디스플레이 규격에 상응하는 적응적 표시를 수행하기 위해 필요한 정보(예를 들어 디스플레이 규격정보 등)들이 저장된다.
제어부(350)는 디스플레이부(310)의 화면 해상도에 적합하도록 표시하고자 하는 웹페이지를 구성하여 디스플레이부(310)를 통해 출력한다.
제어부(350)의 페이지 분석부(352)는 상기한 바와 같이 표시하고자 하는 웹페이지를 분석하여, 변경의 필요성 여부를 판단하도록 기능한다. 예를 들어, 특정 클래스에 속한 부분영역들의 최소사이즈 총합이 디스플레이 규격정보에 따른 사이즈보다 큰 경우, 웹페이지의 변환이 수행되어야 할 것이다. 물론, 이는 하나의 실시예일뿐이며, 웹페이지 자체가 완성된 웹페이지 자체로 수신되는 것이 아니라, 각 부분영역들과 그에 따른 속성정보를 갖는 웹페이지정보로서 수신되는 경우, 단말장치는 수신된 웹페이지정보를 이용하여 각 부분영역에 대한 배치 및 사이즈 조절을 항상 수행하게 될 것이다. 다만 이하에서는 설명의 편의상, 단말장치는 각 부분영역들의 속성정보가 포함된 웹페이지를 임의의 서버로부터 수신하고, 해당 웹페이지(이하 원본웹페이지라 칭함)를 필요에 따라 적응적으로 변경하여 출력하는 경우를 가정하여 설명하기로 한다.
영역 배치부(354)는 부분영역들의 속성정보를 확인하여 변경방식을 확인하고, 확인된 변경방식을 이용하여 부분영역들 중 화면에 표시될 영역(이하 표시영역이라 칭함)들을 결정하며, 변경방식에 따라 표시영역을 배치한다.
표시하고자 하는 원본웹페이지를 구성하는 부분영역들의 속성정보와 디스플레이 규격정보를 이용하여, 표시영역이 결정될 수 있다. 예를 들어, 부분영역들의 최소사이즈 총합이 디스플레이의 사이즈보다 작은 경우, 모든 부분영역들이 표시될 수 있으므로, 모든 부분영역이 표시영역이 될 수 있으며, 그 반대로 최소사이즈 총합이 디스플레이이의 사이즈보다 크고, 변경방식이 숨김방식인 경우 일부 부분영역은 표시되지 않을 수도 있다. 변경방식이 탑다운인 경우엔 모든 부분영역이 표시되므로, 영역 배치부(354)는 부분영역들의 변경방식을 참조하여 숨김방식인지 탑다운방식인지 여부를 먼저 확인할 수 있다.
그리고, 영역 배치부(354)는 결정된 표시영역에 대해 해당 표시영역들의 변경방식정보에 따른 배치방식에 따라 표시될 위치를 결정한다.
페이지 생성부(356)는 위치가 배치된 표시영역들이 각각 최소사이즈정보에 따른 사이즈 이상의 크기를 가지며 디스플레이 규격정보에 적합하도록 해당 표시영역들의 사이즈를 결정하여, 그에 따른 웹페이지(이하 표시웹페이지라 칭함)를 생성한다.
단말장치에 의한 표시웹페이지의 생성 과정에 대해서는 이하 도면을 참조하여 상세히 설명하기로 한다.
도 4는 본 발명의 일 실시예에 따른 디바이스에서의 적응적인 웹페이지 제공 과정을 도시한 흐름도이고, 도 5 및 도 6은 본 발명의 각 실시예에 따른 원본웹페이지에 대비한 변경웹페이지를 도시한 예시도들이다.
도 4를 참조하면, 단말장치는 출력하고자 하는 웹페이지의 부분영역들의 속성정보를 참조하여 변경방식을 인식한다(S410).
도 5 및 도 6을 함께 참조하면, 원본웹페이지가 참조번호 510 또는 610과 같은 형태를 갖는다고 가정하면, 부분영역1(div1) 및 부분영역5(div5)는 하나의 부분영역이 한 레이어에 위치하므로 별도의 재배치과정이 필요없으나, 부분영역2 내지 4(div2, div3,div4)는 두번째 레이어(layer)에 세개의 부분영역이 함께 존재하여 재배치 과정이 필요할 수 있다.
아래는 부분영역2 내지 4의 속성정보를 예시한 것이다.
<div id=“div2” class=“m1” widthMin=“400” scaledown=“hidden” priority=“1”>…</div>,
<div id=“div3” class=“m1” widthMin=“800” scaledown=“” >…</div>,
<div id=“div4” class=“m1” widthMin=“400” scaledown=“hidden” priority=“0”>…</div>.
부분영역2(div2) 내지 부분영역4(div4)는 동일 클래스(m1)이며, 최소사이즈(widthMin)가 각각 400, 800, 400이고, 변경방식(scaledown)은 숨김(hidden)방식이다.
단말장치는 변경이 필요한 부분영역이 숨김방식인지 여부를 판단한다(S420).
만일 숨김방식인 경우 우선순위 순으로 부분영역을 숨기고(즉, 표시영역에서 제외시킴), 이러한 과정은 숨김처리된 부분영역을 제외한 화면에 표시될 표시영역들의 최소사이즈 총합이 디스플레이 사이즈보다 작을 때까지 계속하여 수행된다(S430, S435).
위의 속성정보와 함께 도 5를 참조하면, 단말장치가 1920의 디스플레이 사이즈를 갖는 TV인 경우 참조번호 510과 같이 원본페이지 그대로 표시될 수 있으나, 1280의 사이즈를 갖는 태블릿PC는 우선순위에 따라 2번(div2)이 숨김처리되어 참조번호 520과 같은 형태의 표시웹페이지가 표시될 수 있다. 또한 800의 사이즈를 갖는 스마트폰인 경우 우선순위에 따라 2번(div2)과 4번(div4)이 숨김처리되어 참조번호 530과 같은 형태의 표시웹페이지가 표시될 수 있다.
그리고 단말장치는 배치가 완료된 선택영역들의 사이즈를 조절하여(S450), 디스플레이부(310)를 통해 표시웹페이지를 출력한다(S460).
여기서, 일례에 따르면 사이즈의 조절은 디스플레이부(310)의 사이즈에 맞게 조절되는데, 표시영역의 사이즈비율에 따라 조절된다. 예를 들어, 부분영역2 내지 4(div2~div4)의 사이즈비율이 3:4:3인 경우, 도 5의 참조번호 520과 같이 표시영역3(div3)과 표시영역4(div3)의 사이즈비율이 4:3을 이루도록 각각의 사이즈가 조절된다.
물론 다른 예에 따르면, 사이즈비율에 상관없이 최소사이즈 이상이 되는 사이즈를 갖도록만 조절될 수도 있음은 당연하다.
위와 같은 선택영역의 선택 및 배치와 사이즈 조절은 클래스 단위로 수행될 수 있다. 즉, 도면을 이용한 예시에서는 하나의 클래스만이 존재하였으나, 복수개의 클래스가 존재하는 경우, 클래스 단위로 수행될 수 있다. 그리고, 예를 들면 동일 레이어에 위치하는 부분영역들이 하나의 클래스로 묶일 수 있을 것이다.
그리고 부분영역들의 변경방식은 탑다운으로 설정될 수도 있다. 아래는 탑다운방식의 변경방식을 갖는 부분영역들의 속성정보를 예시한 것이다.
<div id=“div2” class=“m1” widthMin=“400” scaledown=“top-down” priority=“2”>…</div>,
<div id=“div3” class =“m1” widthMin=“800” scaledown=“top-down” priority=“3”>…</div>,
<div id=“div4” class =“m1” widthMin=“400” scaledown=“top-down” priority=“1”>…</div>.
위의 속성정보와 도 6을 함께 참조하면, 변경방식(scaledown)이 탑다운(top-down)인경우, 우선순위가 높은 순으로 위에 배치될 수 있다. 즉, 부분영역4(div4)의 우선순위가 가장 높으므로 가장 위에 위치하고, 그 다음순으로 부분영역2(div2), 부분영역3(div3)이 아래방향으로 배치될 수 있다.
즉, 도 4를 참조하면, 단말장치는 변경방식이 숨김방식이 아닌 탑다운 방식인 경우, 화면에 표시될 부분영역인 표시영역들(물론, 탑다운 방식인 경우 모든 부분영역이 표시영역일 수 있음)을 우선순위 순으로 탑다운 정렬하여 배치한다(S440). 다시 말해, 숨김방식과 유사한 과정으로, 우선순위가 높은 순으로 상위 레이어에 배치시키는데, 하나의 레이어에 반드시 하나의 선택영역만이 배치될 필요는 없으며, 최소사이즈값에 따라 한 레이어에 복수개의 선택영역이 배치될 수도 있다. 예를 들어, 우선순위 1번과 우선순위 2번에 따른 선택영역들의 최소사이즈의 총합이 디스플레이 사이즈보다 작은 경우, 최상 레이어에 해당 두개의 선택영역이 배치될 수 있다.
여기서, 한 레이어에 하나의 부분영역만이 배치되는 경우, 참조번호 630과 같이 각 선택영역은 디스플레이 사이즈에 맞게 변경되어 표시될 수 있을 것이다. 이와 달리 참조번호 620과 같이 한 레이어에 두 개의 선택영역이 배치되는 경우(즉, 두 부분영역의 최소사이즈 총합이 디스플레이 사이즈보다 작은 경우)에는, 상술한 바와 같이 해당 선택영역의 사이즈비율에 따라 각각의 사이즈가 결정된다.
상술한 본 발명에 따른 디바이스에 적응적인 웹페이지 제공 방법은 컴퓨터로 읽을 수 있는 기록 매체에 컴퓨터가 읽을 수 있는 코드로서 구현되는 것이 가능하다. 컴퓨터가 읽을 수 있는 기록매체로는 컴퓨터 시스템에 의하여 해독될 수 있는 데이터가 저장된 모든 종류의 기록 매체를 포함한다. 예를 들어, ROM(Read Only Memory), RAM(Random Access Memory), 자기 테이프, 자기 디스크, 플래쉬 메모리, 광 데이터 저장장치 등이 있을 수 있다. 또한, 컴퓨터가 읽을 수 있는 기록매체는 컴퓨터 통신망으로 연결된 컴퓨터 시스템에 분산되어, 분산방식으로 읽을 수 있는 코드로서 저장되고 실행될 수 있다.
또한, 상기에서는 본 발명의 바람직한 실시예를 참조하여 설명하였지만, 해당 기술 분야에서 통상의 지식을 가진 자라면 하기의 특허 청구의 범위에 기재된 본 발명의 사상 및 영역으로부터 벗어나지 않는 범위 내에서 본 발명을 다양하게 수정 및 변경시킬 수 있음을 이해할 수 있을 것이다.
310 : 디스플레이부
320 : 저장부
350 : 제어부
352 : 페이지 분석부
354 : 영역 배치부
356 : 페이지 생성부

Claims (10)

  1. 단말장치에서의 웹페이지 제공 방법에 있어서,
    화면에 표시할 웹페이지를 구성하는 부분영역들에 설정된 속성정보를 확인하여 변경방식을 인식하는 단계;
    부분영역들 중 상기 변경방식에 따른 화면에 표시될 표시영역들을 결정하고, 상기 변경방식에 따라 상기 표시영역을 배치하는 단계; 및
    상기 속성정보에 따른 최소사이즈의 크기를 가지며 구비된 디스플레이의 규격에 적합하도록 상기 표시영역들의 사이즈가 결정된 표시웹페이지를 생성하는 단계를 포함하되,
    상기 부분영역들은 클래스(class)로 구분되고, 상기 클래스 별 상기 표시영역이 결정되는 것을 특징으로 하는 웹페이지 제공 방법.
  2. 단말장치에서의 웹페이지 제공 방법에 있어서,
    화면에 표시할 웹페이지를 구성하는 부분영역들에 설정된 속성정보를 확인하여 숨김 또는 탑다운으로 구분되는 변경방식과 우선순위를 인식하는 단계;
    부분영역들 중 상기 변경방식에 따른 화면에 표시될 표시영역들을 결정하고 상기 변경방식에 따라 상기 표시영역을 배치하는 단계; 및
    상기 속성정보에 따른 최소사이즈의 크기를 가지며 구비된 디스플레이의 규격에 적합하도록 상기 표시영역들의 사이즈가 결정된 표시웹페이지를 생성하는 단계를 포함하되,
    상기 변경방식이 상기 숨김인 경우 최소사이즈의 총합이 상기 디스플레이 규격정보에 따른 사이즈값보다 작아질 때까지 상기 우선순위에 따른 순서대로 부분영역을 상기 표시영역에서 제외시키는 것을 특징으로 하는 웹페이지 제공 방법.
  3. 삭제
  4. 청구항 2에 있어서,
    상기 변경방식이 상기 숨김인 경우, 상기 디스플레이 규격정보에 따른 사이즈에 상응하도록 상기 각 표시영역의 사이즈를 변경할 때, 각 표시영역에 설정된 사이즈비율이 유지되도록 하는 것을 특징으로 하는 웹페이지 제공 방법.
  5. 단말장치에서의 웹페이지 제공 방법에 있어서,
    화면에 표시할 웹페이지를 구성하는 부분영역들에 설정된 속성정보를 확인하여 숨김 또는 탑다운으로 구분되는 변경방식과 우선순위를 인식하는 단계;
    부분영역들 중 상기 변경방식에 따른 화면에 표시될 표시영역들을 결정하고 상기 변경방식에 따라 상기 표시영역을 배치하는 단계; 및
    상기 속성정보에 따른 최소사이즈의 크기를 가지며 구비된 디스플레이의 규격에 적합하도록 상기 표시영역들의 사이즈가 결정된 표시웹페이지를 생성하는 단계를 포함하되,
    상기 변경방식이 상기 탑다운인 경우, 상기 우선순위대로 표시영역들을 위아래로 배치하는 것을 특징으로 하는 웹페이지 제공 방법.
  6. 삭제
  7. 단말장치에서의 웹페이지 제공 방법에 있어서,
    동일 클래스에 속한 부분영역들의 가로 길이 총합과 구비된 디스플레이의 규격에 따른 가로 길이를 비교하여, 화면에 표시할 웹페이지에 대한 변경 수행 여부를 판단하는 단계;
    상기 판단에 대한 결과가 변경 수행으로 결정되면, 상기 웹페이지를 구성하는 부분영역들에 설정된 속성정보를 확인하여 변경방식을 인식하는 단계;
    부분영역들 중 상기 변경방식에 따른 화면에 표시될 표시영역들을 결정하고, 상기 변경방식에 따라 상기 표시영역을 배치하는 단계; 및
    상기 속성정보에 따른 최소사이즈의 크기를 가지며 상기 디스플레이의 규격에 적합하도록 상기 표시영역들의 사이즈가 결정된 표시웹페이지를 생성하는 단계를 포함하는 웹페이지 제공 방법.
  8. 디지털 정보 처리 장치에 의해 판독 가능하며, 제 1항 내지 제 2항, 제 4항 내지 제 5항 및 제 7항 중 어느 한 항의 방법을 수행하기 위한 프로그램이 기록된 기록 매체.
  9. 화면에 표시할 웹페이지를 구성하는 부분영역들에 설정된 속성정보를 확인하여 변경방식을 인식하고, 상기 변경방식을 이용하여 상기 부분영역들 중 화면에 표시될 표시영역들을 결정하고, 상기 변경방식에 따라 상기 표시영역을 배치하는 영역 배치부; 및
    상기 속성정보에 따른 최소사이즈의 크기를 가지며 구비된 디스플레이의 규격에 적합하도록 상기 표시영역들의 사이즈가 결정된 표시웹페이지를 생성하는 페이지 생성부를 포함하되,
    상기 부분영역들은 클래스(class)로 구분되고, 상기 클래스 별 상기 표시영역이 결정되는 것을 특징으로 하는 웹페이지 제공 장치.
  10. 청구항 9에 있어서,
    상기 변경방식은 숨김 또는 탑다운으로 구분되며, 상기 속성정보로서 상기 변경방식과 함께 우선순위에 대한 정보가 더 포함되는 것을 특징으로 하는 웹페이지 제공 장치.
KR1020120038129A 2012-04-12 2012-04-12 디바이스에 적응적인 웹페이지 제공 방법 및 그 방법을 이용하는 장치 KR101197097B1 (ko)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020120038129A KR101197097B1 (ko) 2012-04-12 2012-04-12 디바이스에 적응적인 웹페이지 제공 방법 및 그 방법을 이용하는 장치

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020120038129A KR101197097B1 (ko) 2012-04-12 2012-04-12 디바이스에 적응적인 웹페이지 제공 방법 및 그 방법을 이용하는 장치

Publications (1)

Publication Number Publication Date
KR101197097B1 true KR101197097B1 (ko) 2012-11-07

Family

ID=47563879

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020120038129A KR101197097B1 (ko) 2012-04-12 2012-04-12 디바이스에 적응적인 웹페이지 제공 방법 및 그 방법을 이용하는 장치

Country Status (1)

Country Link
KR (1) KR101197097B1 (ko)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101667266B1 (ko) * 2015-04-28 2016-10-31 (주)인스웨이브시스템즈 적응형 웹 디자인 시스템 및 방법

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101667266B1 (ko) * 2015-04-28 2016-10-31 (주)인스웨이브시스템즈 적응형 웹 디자인 시스템 및 방법

Similar Documents

Publication Publication Date Title
US8533613B2 (en) Method and apparatus for transcoding web page to be displayed on mobile terminal
US9007405B1 (en) Column zoom
US20090174732A1 (en) Image display controlling method and apparatus of mobile terminal
US20150088669A1 (en) Apparatus and method for providing responsive user interface and electronic device-readable recording medium therefor
US20160063672A1 (en) Electronic device and method for generating thumbnail picture
US9460089B1 (en) Flow rendering of annotation characters
CN107797801A (zh) 一种基于多种移动终端界面的适配方法
JP6553418B2 (ja) 表示制御方法、表示制御装置及び制御プログラム
CN103425452A (zh) 一种用于移动终端的多图层叠加显示方法及其装置
CN112149382A (zh) 使用高dpi屏幕的多窗口智能窗口放置
EP2874054B1 (en) Application text adjusting method, device, and terminal
US20110145730A1 (en) Utilization of Browser Space
US20160180558A1 (en) Display apparatus and controlling method
US8898561B2 (en) Method and device for determining a display mode of electronic documents
US10254918B2 (en) Tilt adjustable perspective icons display device and non-transitory computer readable medium
CN103488777A (zh) 一种调节网页展示效果的方法及系统
US20190087933A1 (en) Display device, system and controlling method therefor
US20170091152A1 (en) Generating grid layouts with mutable columns
CN104517302A (zh) 显示设备和用于提供该显示设备的字体效果的方法
US20140164993A1 (en) Method and electronic device for enlarging and displaying contents
WO2019018062A1 (en) AUTOMATIC IMAGE ORGANIZATION IN IMAGE GRID LAYOUT
US10768807B2 (en) Display control device and recording medium
CN105577518A (zh) 一种在即时通信中显示网址对应信息的方法及电子设备
KR101197097B1 (ko) 디바이스에 적응적인 웹페이지 제공 방법 및 그 방법을 이용하는 장치
US20160042545A1 (en) Display controller, information processing apparatus, display control method, computer-readable storage medium, and information processing system

Legal Events

Date Code Title Description
A201 Request for examination
A302 Request for accelerated 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: 20150917

Year of fee payment: 4

LAPS Lapse due to unpaid annual fee