KR101147248B1 - 모바일 웹 브라우저 상에서 웹 문서를 제공하기 위한 방법, 모바일 단말 장치, 서버 및 컴퓨터 판독 가능한 기록 매체 - Google Patents

모바일 웹 브라우저 상에서 웹 문서를 제공하기 위한 방법, 모바일 단말 장치, 서버 및 컴퓨터 판독 가능한 기록 매체 Download PDF

Info

Publication number
KR101147248B1
KR101147248B1 KR1020100070272A KR20100070272A KR101147248B1 KR 101147248 B1 KR101147248 B1 KR 101147248B1 KR 1020100070272 A KR1020100070272 A KR 1020100070272A KR 20100070272 A KR20100070272 A KR 20100070272A KR 101147248 B1 KR101147248 B1 KR 101147248B1
Authority
KR
South Korea
Prior art keywords
layer
displayed
web document
mobile terminal
terminal device
Prior art date
Application number
KR1020100070272A
Other languages
English (en)
Other versions
KR20120009738A (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 KR1020100070272A priority Critical patent/KR101147248B1/ko
Publication of KR20120009738A publication Critical patent/KR20120009738A/ko
Application granted granted Critical
Publication of KR101147248B1 publication Critical patent/KR101147248B1/ko

Links

Images

Classifications

    • 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485—Scrolling or panning
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/30—Arrangements for executing machine instructions, e.g. instruction decode
    • G06F9/30003—Arrangements for executing specific machine instructions

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

본 발명의 일 태양에 따르면, 모바일 웹 브라우저 상에서 웹 문서를 제공하기 위한 방법으로서, (a) 임의의 웹 서버로부터 CSS(Cascading Style Sheets)가 적용된 웹 문서가 수신되면, 상기 웹 문서에 관한 CSS 데이터를 분석하여 위치에 대한 속성으로 고정 위치가 적용된(position:fixed) 특정 요소(element)에 대한 정보를 검색하는 단계, 및 (b) 상기 웹 문서 중 상기 특정 요소를 제외한 일반 요소를 제1 레이어를 통해 표시되도록 하고 상기 특정 요소를 제2 레이어를 통해 표시되도록 하는 단계 - 상기 제2 레이어는 상기 제1 레이어 상에 겹쳐져 표시되고, 상기 제1 레이어 및 상기 제2 레이어는 서로 독립적으로 표시됨 - 를 포함하는 방법이 제공된다. 본 발명에 의하면, 모바일 웹 브라우저 상에서 카피 및 캐싱을 통한 화면 전환 방법을 사용하여 CSS가 적용된 웹 문서에 대한 스크롤, 패닝 등의 화면 전환을 수행하는 경우에도 position:fixed 속성이 적용된 요소를 고정된 위치에 정상적으로 표시할 수 있으므로, 화면 전환 시 로딩 시간이 지연되는 등의 성능 저하 현상 없이 position:fixed 속성이 적용된 요소를 포함하는 웹 문서를 효과적으로 표시할 수 있게 되는 효과가 달성된다.

Description

모바일 웹 브라우저 상에서 웹 문서를 제공하기 위한 방법, 모바일 단말 장치, 서버 및 컴퓨터 판독 가능한 기록 매체{METHOD, MOBILE TERMINAL, SERVER AND COMPUTER-READABLE RECORDING MEDIA FOR PROVIDING WEB PAGE ON MOBILE WEB BROWSER}
본 발명은 모바일 웹 브라우저 상에서 웹 문서를 제공하기 위한 방법, 모바일 단말 장치, 서버 및 컴퓨터 판독 가능한 기록 매체에 관한 것으로, 보다 상세하게는, CSS가 적용된 웹 문서에 포함된 요소 중 위치가 고정된(position:fixed) 요소와 그렇지 않은 일반 요소를 구분하고 이들 요소를 서로 독립적인 별개의 레이어를 통해 각각 표시함으로써, 화면 전환 시 로딩 시간이 지연되는 등의 성능 저하 현상 없이 position:fixed 속성이 적용된 요소를 포함하는 웹 문서를 모바일 웹 브라우저의 상에서 효과적으로 표시할 수 있도록 해 주는 방법, 모바일 단말 장치, 서버 및 컴퓨터 판독 가능한 기록 매체에 관한 것이다.
근래에 들어, 인터넷 사용이 확산됨에 따라 다양한 시각적 표현이 가능할 뿐만 아니라 구조화가 잘 이루어진 웹 문서를 만들기 위하여 마크업 언어(Markup Language; 예를 들면, HTML, XHTML, XML, mHTML, WML 등)의 기능을 보완할 수 있는 스타일 언어에 대한 필요성이 증대되었다.
이에 부응하여 등장한 스타일 언어 중 하나가 CSS(Cascading Style Sheets)인데, CSS는 다양한 프리젠테이션 효과와 구조화가 가능하다는 특성이 있어 마크업 언어의 결점을 보완하는 스타일 언어로서 많이 이용되고 있는 실정이다. CSS의 장점은 서로 다른 여러 개의 스타일 정보를 통합하여 관리할 수 있는 간결하고 효과적인 언어라는 것이다. 예를 들면, HTML은 폰트 정보, 문단 정보 등을 문단마다 매번 반복적으로 지정해줘야 하는 등의 이유로 웹 문서의 작성 효율이 떨어지고 추후 수정, 갱신 등의 관리를 함에도 큰 수고가 들어가게 되는 반면, CSS는 클래스(구조화) 개념을 도입하여 웹 문서의 문단 등의 스타일을 한 번에 정의하고, 반복 지정 사용이 가능하도록 할 수 있다. 이에 따라, 최근에는 마크업 언어로서 작성된 웹 문서에 대하여 CSS를 이용하여 스타일을 적용해 주는 것이 보편화되는 추세이다.
한편, 최근에는 사용자 단말 장치가 모바일 종합 단말기로서 통합되고 무선 통신 기술의 비약적인 발전에 따라 사용자가 무선 단말기를 통해 웹 문서에 접하는 시간과 기회가 점점 증가하고 있으므로, 무선 단말기 상에서 웹 문서를 효과적으로 브라우징할 수 있도록 하기 위한 방안이 더욱 연구되고 있다. 다만, 무선 단말기의 프로세서 및 메모리 성능이 그다지 높지 않고 일반적인 유선 네트워크와 대비하여 모바일 네트워크를 통한 데이터 전송 속도가 상대적으로 느리다는 제약으로 인하여, 현재 무선 단말기에 구비되는 대부분의 모바일 웹 브라우저들은 웹 문서에 포함되어 있는 모든 내용을 제공하지 못하고 일부 필수적인 내용만을 제공하고 있는 실정이다.
특히, 종래의 모바일 웹 브라우저에 의하면, CSS의 속성 중 웹 문서에 포함된 특정 요소의 위치를 고정하는 속성이 포함된 웹 문서를 무선 단말기 화면 상에 제대로 표시하지 못하게 되는 문제점이 있다. 보다 구체적으로 말하면, 종래의 모바일 웹 브라우저는, 속성이 "position:fixed"로 지정되어 있어 무선 단말기의 화면 상의 특정 위치에 고정되어 표시되어야 하는 특정 요소를 포함하고 있는 웹 문서를 제대로 표시하지 못하는 문제점을 갖고 있으며, 이러한 문제점은 스크롤(scroll), 패닝(panning) 등의 화면 전환 동작이 수행될 때 두드러지게 나타난다.
일반적으로, 종래의 모바일 웹 브라우저는, 웹 문서에 대하여 스크롤, 패닝 등의 화면 전환을 수행함에 있어서 다음과 같이 동작하게 된다. 먼저, 웹 문서 중 전환 전의 화면에 표시되어 있지 않아 화면이 전환됨에 따라 새로 표시해야 부분에 대하여는 해당 부분의 데이터를 모바일 단말기 내의 메모리 장치로부터 새로 읽어 와 전환 후의 화면에 표시하게 된다. 다음으로, 웹 문서 중 이미 전환 전의 화면에 표시되어 있는 부분으로서 화면이 전환되더라도 굳이 갱신할 필요가 없는 부분에 대하여는 해당 부분의 데이터를 그대로 복사해 그 위치(즉, 화면 상에서의 위치)만 변경하여 전환 후의 화면에 표시하게 된다. 본 명세서에서는, 설명의 편의를 위하여 위와 같은 웹 문서의 화면 전환 방법을 "카피 및 캐싱을 통한 화면 전환 방법"이라고 지칭하기로 한다.
하지만, 위와 같이 웹 문서의 로딩 시간이 지연되는 것을 방지하기 위하여 전환 전의 화면에 표시되어 있는 내용을 그대로 복사하고 그 위치만 변경하여 전환 후의 화면에 표시하는 종래의 모바일 웹 브라우저에 의할 경우, 화면 상에서 그 표시 위치가 고정되어야 하는 position:fixed 속성이 적용된 요소도 그 위치가 변경되어 표시되기 때문에 position:fixed 속성이 적용된 요소를 정상적으로 표시하는 것이 어렵게 된다. 이는 모바일 단말에서는 스크롤이나 패닝 시의 성능 저하를 막기 위하여 position:fixed 를 지원하지 않기 때문이다.
본 발명은 상술한 문제점을 모두 해결하는 것을 그 목적으로 한다.
또한, 본 발명은 CSS가 적용된 웹 문서에 포함된 요소 중 위치가 고정된(position:fixed) 요소와 그렇지 않은 일반 요소를 서로 독립적인 별개의 레이어 상에 각각 표시함으로써, 모바일 웹 브라우저 상에서 카피 및 캐싱을 통한 화면 전환 방법을 사용하여 CSS가 적용된 웹 문서에 대한 스크롤, 패닝 등의 화면 전환을 수행하는 경우에도 position:fixed 속성이 적용된 요소를 고정된 위치에 정상적으로 표시할 수 있도록 하는 것을 다른 목적으로 한다.
상기 목적을 달성하기 위한 본 발명의 대표적인 구성은 다음과 같다.
본 발명의 일 태양에 따르면, 모바일 웹 브라우저 상에서 웹 문서를 제공하기 위한 방법으로서, (a) 임의의 웹 서버로부터 CSS(Cascading Style Sheets)가 적용된 웹 문서가 수신되면, 상기 웹 문서에 관한 CSS 데이터를 분석하여 위치에 대한 속성으로 고정 위치가 적용된(position:fixed) 특정 요소(element)에 대한 정보를 검색하는 단계, 및 (b) 상기 웹 문서 중 상기 특정 요소를 제외한 일반 요소를 제1 레이어를 통해 표시되도록 하고 상기 특정 요소를 제2 레이어를 통해 표시되도록 하는 단계 - 상기 제2 레이어는 상기 제1 레이어 상에 겹쳐져 표시되고, 상기 제1 레이어 및 상기 제2 레이어는 서로 독립적으로 표시됨 - 를 포함하는 방법이 제공된다.
본 발명의 다른 태양에 따르면, 모바일 웹 브라우저 상에서 웹 문서를 제공하기 위한 방법으로서, (a) 임의의 웹 서버로부터 CSS(Cascading Style Sheets)가 적용된 웹 문서가 모바일 단말 장치에 수신되면 상기 모바일 단말 장치가 상기 웹 문서에 관한 CSS 데이터를 분석하여 위치에 대한 속성으로 고정 위치가 적용된(position:fixed) 특정 요소(element)에 대한 정보를 검색하도록 하는 제1 프로그램 코드가 상기 모바일 단말 장치에 제공되도록 하는 단계, 및 (b) 상기 제1 프로그램 코드에 의해 상기 특정 요소에 대한 정보가 검색되면 상기 모바일 단말 장치가 상기 웹 문서 중 상기 특정 요소를 제외한 일반 요소를 제1 레이어를 통해 표시하도록 하고 상기 특정 요소를 제2 레이어를 통해 표시하도록 하는 제2 프로그램 코드가 상기 모바일 단말 장치에 제공되도록 하는 단계 - 상기 제2 레이어는 상기 제1 레이어 상에 겹쳐져 표시되고, 상기 제1 레이어 및 상기 제2 레이어는 서로 독립적으로 표시되도록 함 - 를 포함하는 방법이 제공된다.
본 발명의 또 다른 태양에 따르면, 모바일 웹 브라우저 상에서 웹 문서를 제공하기 위한 모바일 단말 장치로서, 임의의 웹 서버로부터 CSS(Cascading Style Sheets)가 적용된 웹 문서가 수신되면, 상기 웹 문서에 관한 CSS 데이터를 분석하여 위치에 대한 속성으로 고정 위치가 적용된(position:fixed) 특정 요소(element)에 대한 정보를 검색하는 CSS 분석부, 및 상기 웹 문서 중 상기 특정 요소를 제외한 일반 요소를 제1 레이어를 통해 표시되도록 하고 상기 특정 요소를 제2 레이어를 통해 표시되도록 하는 사용자 인터페이스부 - 상기 제2 레이어는 상기 제1 레이어 상에 겹쳐져 표시되고, 상기 제1 레이어 및 상기 제2 레이어는 서로 독립적으로 표시됨 - 를 포함하는 모바일 단말 장치가 제공된다.
본 발명의 또 다른 태양에 따르면, 모바일 웹 브라우저 상에서 웹 문서를 제공하기 위한 서버로서, 임의의 웹 서버로부터 CSS(Cascading Style Sheets)가 적용된 웹 문서가 모바일 단말 장치에 수신되면 상기 모바일 단말 장치가 상기 웹 문서에 관한 CSS 데이터를 분석하여 위치에 대한 속성으로 고정 위치가 적용된(position:fixed) 특정 요소(element)에 대한 정보를 검색하도록 하는 제1 프로그램 코드를 상기 모바일 단말 장치의 요청에 응하여 제공하는 CSS 관련 코드 제공부, 및 상기 제1 프로그램 코드에 의해 상기 특정 요소에 대한 정보가 검색되면 상기 모바일 단말 장치가 상기 웹 문서 중 상기 특정 요소를 제외한 일반 요소를 제1 레이어를 통해 표시하도록 하고 상기 특정 요소를 제2 레이어를 통해 표시하도록 하는 제2 프로그램 코드를 상기 모바일 단말 장치의 요청에 응하여 제공하는 레이어 관련 코드 제공부 - 상기 제2 레이어는 상기 제1 레이어 상에 겹쳐져 표시되고, 상기 제1 레이어 및 상기 제2 레이어는 서로 독립적으로 표시됨 - 를 포함하는 서버가 제공된다.
이 외에도, 본 발명을 구현하기 위한 다른 방법, 모바일 단말 장치, 서버 및 상기 방법을 실행하기 위한 컴퓨터 프로그램을 기록하기 위한 컴퓨터 판독 가능한 기록 매체가 더 제공된다.
본 발명에 의하면, 모바일 웹 브라우저 상에서 카피 및 캐싱을 통한 화면 전환 방법을 사용하여 CSS가 적용된 웹 문서에 대한 스크롤, 패닝 등의 화면 전환을 수행하는 경우에도 position:fixed 속성이 적용된 요소를 고정된 위치에 정상적으로 표시할 수 있으므로, 화면 전환 시 로딩 시간이 지연되는 등의 성능 저하 현상 없이 position:fixed 속성이 적용된 요소를 포함하는 웹 문서를 효과적으로 표시할 수 있게 되는 효과가 달성된다.
도 1은 본 발명의 일 실시예에 따라 모바일 웹 브라우저 상에서 웹 문서를 제공하기 위한 전체 시스템의 구성을 개략적으로 나타내는 도면이다.
도 2는 본 발명의 일 실시예에 따른 모바일 단말 장치(200)의 내부 구성을 예시적으로 나타내는 도면이다.
도 3 및 도 4는 본 발명의 일 실시예에 따라 모바일 웹 브라우저 상에서 CSS가 적용된 웹 문서를 제공하는 구성을 예시적으로 나타내는 도면이다.
도 5는 본 발명의 일 실시예에 따른 웹 서버(500)의 내부 구성을 예시적으로 나타내는 도면이다.
후술하는 본 발명에 대한 상세한 설명은, 본 발명이 실시될 수 있는 특정 실시예를 예시로서 도시하는 첨부 도면을 참조한다. 이들 실시예는 당업자가 본 발명을 실시할 수 있기에 충분하도록 상세히 설명된다. 본 발명의 다양한 실시예는 서로 다르지만 상호 배타적일 필요는 없음이 이해되어야 한다. 예를 들어, 여기에 기재되어 있는 특정 형상, 구조 및 특성은 일 실시예에 관련하여 본 발명의 정신 및 범위를 벗어나지 않으면서 다른 실시예로 구현될 수 있다. 또한, 각각의 개시된 실시예 내의 개별 구성요소의 위치 또는 배치는 본 발명의 정신 및 범위를 벗어나지 않으면서 변경될 수 있음이 이해되어야 한다. 따라서, 후술하는 상세한 설명은 한정적인 의미로서 취하려는 것이 아니며, 본 발명의 범위는, 적절하게 설명된다면, 그 청구항들이 주장하는 것과 균등한 모든 범위와 더불어 첨부된 청구항에 의해서만 한정된다. 도면에서 유사한 참조부호는 여러 측면에 걸쳐서 동일하거나 유사한 기능을 지칭한다.
이하에서는, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자가 본 발명을 용이하게 실시할 수 있도록 하기 위하여, 본 발명의 바람직한 실시예들에 관하여 첨부된 도면을 참조하여 상세히 설명하기로 한다.
[본 발명의 바람직한 실시예]
본 명세서에서, 웹 문서는 통신망을 통하여 액세스 가능하며 HTML, XHTML, XML, mHTML, WML 등과 같은 마크업 언어를 이용하여 생성되는 월드와이드웹(WWW: World Wide Web) 상의 개개의 문서를 총칭하는 용어로서, 텍스트, 이미지, 동영상, 오디오, 링크(예를 들면, 웹 링크) 등의 데이터 또는 이들 중 적어도 두 가지의 조합을 포함하여 구성될 수 있는 웹 페이지를 의미하는 것으로 이해되어야 할 것이다.
전체 시스템의 구성
도 1은 본 발명의 일 실시예에 따라 모바일 웹 브라우저 상에서 웹 문서를 제공하기 위한 전체 시스템의 구성을 개략적으로 나타내는 도면이다.
도 1에 도시되어 있는 바와 같이, 본 발명의 일 실시예에 따른 전체 시스템은, 통신망(100), 모바일 단말 장치(200), 서비스 제공 웹 서버(500)로 구성될 수 있다.
먼저, 본 발명의 일 실시예에 따르면, 통신망(100)은 무선 통신의 양태로 구성될 수 있으며 이동 통신망, 인공 위성 통신망 등 다양한 통신망으로 구성될 수 있다. 보다 구체적으로, 본 발명에서 말하는 통신망(100)은 공지의 WLAN(Wireless LAN), CDMA(Code Division Multiple Access), WCDMA(Wideband Code Division Multiple Access) 또는 GSM(Global System for Mobile communications) 통신망 등을 모두 포함하는 개념인 것으로 이해되어야 한다.
다음으로, 본 발명의 일 실시예에 따르면, 모바일 단말 장치(200)는 임의의 웹 서버로부터 CSS(Cascading Style Sheets)가 적용된 웹 문서가 수신되면, 해당 웹 문서에 관한 CSS 데이터를 분석하여 위치에 대한 속성으로 고정 위치가 적용된(position:fixed) 요소(element)에 대한 정보를 검색하는 기능을 수행할 수 있으며, 검색 결과를 참조로 하여 해당 웹 문서 중 position:fixed 속성이 적용된 요소와 그렇지 않은 일반 요소를 구분하여 각각 서로 다른 레이어를 통해 화면 상에 표시하는 기능을 수행할 수 있다.
또한, 본 발명의 일 실시예에 따르면, 모바일 단말 장치(200)는 상기 웹 문서에 대한 스크롤(scroll) 또는 패닝(panning) 요청이 입력되면, 제1 레이어를 통해 표시되는 일반 요소에 대해서는 상기 스크롤 또는 패닝 요청에 따라 갱신하여 표시되도록 하고 제2 레이어를 통해 표시되는 position:fixed 속성이 적용된 요소는 고정된 위치에 그대로 표시되도록 하는 기능을 수행할 수 있다.
한편, 본 발명의 일 실시예에 따른 모바일 단말 장치(200)는 통신망(100)에 접속한 후 통신할 수 있도록 하는 기능을 포함하는 디지털 기기로서, 개인용 컴퓨터(예를 들어, 타블렛 컴퓨터, 노트북 컴퓨터 등), PDA, 웹 패드, 이동 전화기 등과 같이 메모리 수단을 구비하고 마이크로 프로세서를 탑재하여 연산 능력을 갖춘 휴대용 디지털 기기라면 얼마든지 본 발명에 따른 모바일 단말 장치(200)로서 채택될 수 있다. 한편, 본 발명의 일 실시예에 따른 모바일 단말 장치(200)에는 사용자가 서비스 제공 웹 서버(500)로부터 다양한 유형의 정보를 제공 받을 수 있도록 하기 위한 애플리케이션, 웹 브라우저, 위젯 등의 필요 프로그램이 포함되어 있을 수 있다. 모바일 단말 장치(200)의 내부 구성에 대해서는 후술할 "모바일 단말 장치의 구성" 부분에서 보다 자세하게 살펴보기로 한다.
한편, 본 발명의 일 실시예에 따르면, 서비스 제공 웹 서버(500)는 통신망(100)을 통하여 모바일 단말 장치(200) 및 다른 웹 서버(미도시됨)와 통신할 수 있으며 모바일 단말 장치(200)의 요청에 따라 다양한 유형의 정보를 제공하는 기능을 수행할 수 있다. 보다 구체적으로, 서비스 제공 웹 서버(500)는 웹 문서 검색 엔진(미도시됨)을 포함하여 모바일 단말 장치(200)의 요청에 대응되는 정보를 검색하고 그 검색 결과를 모바일 단말 장치(200)의 사용자가 브라우징할 수 있도록 제공할 수 있다. 예를 들어, 서비스 제공 웹 서버(500)는 인터넷 검색 포털 사이트의 운영 서버일 수 있고, 모바일 단말 장치(200)에 제공되는 정보는 쿼리 이미지에 매칭된 정보, 웹 사이트 등에 관한 다양한 정보일 수 있다. 물론, 필요에 따라 서비스 제공 웹 서버(500)의 웹 문서 검색 엔진은 서비스 제공 웹 서버(500)가 아닌 다른 연산 장치나 기록 매체에 포함될 수도 있다.
또한, 본 발명의 일 실시예에 따르면, 서비스 제공 웹 서버(500)는, 웹 문서에 포함된 CSS를 분석하고 이를 통해 position:fixed 속성이 적용된 요소와 그렇지 않은 일반 요소를 구분하여 각각 서로 다른 레이어를 통해 모바일 단말의 화면에 표시되도록 하는 기능을 수행하기 위한 프로그램 코드를 모바일 단말 장치(200)에 전송하고 해당 프로그램 코드가 모바일 단말 장치(200)에서 실행되도록 할 수 있다. 또한, 본 발명의 일 실시예에 따르면, 서비스 제공 웹 서버(500)는 웹 문서에 대한 스크롤 또는 패닝 요청이 입력되는 경우에 제1 레이어를 통해 표시된 일반 요소는 스크롤 또는 패닝 요청에 따라 갱신하여 표시되도록 하고 제2 레이어를 통해 표시된 position:fixed 속성이 적용된 요소는 고정된 위치에 그대로 표시되도록 하는 기능을 수행하기 위한 프로그램 코드를 모바일 단말 장치(200)에 전송하고 해당 프로그램 코드가 모바일 단말 장치(200)에서 실행되도록 할 수 있다. 서비스 제공 웹 서버(500)의 내부 구성에 대해서는 후술할 "서비스 제공 웹 서버의 구성" 부분에서 보다 자세하게 살펴보기로 한다.
모바일 단말 장치의 구성
이하에서는, 본 발명의 구현을 위하여 중요한 기능을 수행하는 모바일 단말 장치(200)의 내부 구성 및 각 구성요소의 기능에 대하여 살펴보기로 한다.
도 2는 본 발명의 일 실시예에 따른 모바일 단말 장치(200)의 내부 구성을 예시적으로 나타내는 도면이다.
도 2를 참조하면, 본 발명의 일 실시예에 따른 모바일 단말 장치(200)는, CSS 분석부(210), 사용자 인터페이스부(220), 통신부(230) 및 제어부(240)를 포함할 수 있다. 본 발명의 일 실시예에 따르면, CSS 분석부(210), 사용자 인터페이스부(220), 통신부(230) 및 제어부(240)는 그 중 적어도 일부가 모바일 단말 장치(200)와 통신하는 프로그램 모듈들일 수 있다. 이러한 프로그램 모듈들은 운영 시스템, 응용 프로그램 모듈 및 기타 프로그램 모듈의 형태로 모바일 단말 장치(200)에 포함될 수 있으며, 물리적으로는 여러 가지 공지의 기억 장치 상에 저장될 수 있다. 또한, 이러한 프로그램 모듈들은 모바일 단말 장치(200)와 통신 가능한 원격 기억 장치에 저장될 수도 있다. 한편, 이러한 프로그램 모듈들은 본 발명에 따라 후술할 특정 업무를 수행하거나 특정 추상 데이터 유형을 실행하는 루틴, 서브루틴, 프로그램, 오브젝트, 컴포넌트, 데이터 구조 등을 포괄하지만, 이에 제한되지는 않는다.
먼저, 본 발명의 일 실시예에 따르면, CSS 분석부(210)는 임의의 웹 서버로부터 CSS(Cascading Style Sheets)가 적용된 웹 문서가 수신되면, 해당 웹 문서에 관한 CSS 데이터를 분석하여 위치에 대한 속성으로 고정 위치가 적용된(position:fixed) 요소(element)에 대한 정보를 검색하는 기능을 수행할 수 있다. 여기서, CSS의 position 속성이란, 웹 문서에 포함되어 있는 태그 등의 요소(element)의 위치를 결정하는 속성으로서 absolute, relative, fixed 등의 속성값을 가질 수 있는데, 이 중에서 position 속성에 대한 속성값이 fixed로 지정된(즉, position:fixed) 요소가 검색되면 웹 문서에 대한 스크롤, 패닝 등의 화면 전환이 발생하는 경우에도 position 속성에 대한 속성값이 fixed로 지정된 요소를 후술할 사용자 인터페이스부(220)를 통해 스크롤, 패닝 등이 적용되는 레이어와는 별개의 레이어를 통해 디스플레이되도록 함으로써 화면 상에서 해당 요소의 위치가 변경되지 않도록 하는 효과가 나타나도록 할 수 있다.
보다 구체적으로, 본 발명의 일 실시예에 따른 CSS 분석부(210)는 웹 문서에 포함된 CSS 코드를 파싱(parsing)하여 웹 문서에 포함된 요소 중 position:fixed 속성이 적용된 요소에 대한 정보, 즉, 어떠한 요소가 position:fixed 속성이 적용된 요소인지에 대한 정보, position:fixed 속성이 적용된 요소가 표시되기 위한 화면 상의 고정된 위치에 관한 정보(예를 들면, 픽셀 좌표 등) 등을 획득할 수 있는데, CSS 코드를 파싱하는 과정은 공지의 알고리즘에 해당하므로 본 명세서에서 이에 관한 자세한 설명은 생략하기로 한다.
또한, 본 발명의 일 실시예에 따르면, 사용자 인터페이스부(220)는 CSS 분석부(210)로부터 웹 문서 내의 position:fixed 속성이 적용된 요소에 대한 정보를 획득하고 이를 참조로 하여 웹 문서 중 position:fixed 속성이 적용된 요소와 일반 요소를 구분하고 일반 요소를 제1 레이어를 통해 표시하고 position:fixed 속성이 적용된 요소를 제2 레이어를 통해 표시하는 기능을 수행할 수 있다.
또한, 본 발명의 일 실시예에 따르면, 사용자 인터페이스부(220)는 웹 문서에 대한 스크롤 또는 패닝 요청이 입력되면 제1 레이어를 통해 표시되고 있는 일반 요소를 갱신하여 표시되도록 하되 제2 레이어를 통해 표시된 position:fixed 속성이 적용된 요소는 고정된 위치에 그대로 표시되도록 하는 기능을 수행할 수 있다. 여기서, 제1 및 제2 레이어는 모바일 단말 장치(200)의 화면 상에서 서로 독립적으로 표시되는 표시 영역을 통해 디스플레이될 수 있으며, 본 발명의 일 실시예에 따르면, 제2 레이어는 제1 레이어 상에 겹쳐져 표시될 수 있다. 이때, 제2 레이어에 의해 가리워진 제1 레이어의 표시 영역의 일부분은 제2 레이어에 의한 표시 영역을 반투명하게 함으로써 화면에 다소 희미하게 디스플레이되도록 할 수도 있을 것이다.
보다 구체적으로, 본 발명의 일 실시예에 따른 사용자 인터페이스부(220)는, 스크롤, 패닝 등의 화면 전환 요청에 따라 제1 레이어를 통해 표시되고 있는 일반 요소를 갱신하여 표시함에 있어서, 화면이 전환되기 전에 제1 레이어에 표시되어 있지 않아 화면이 전환됨에 따라 새로 표시해야 부분에 대하여는 해당 부분의 데이터를 모바일 단말 장치(200) 내의 메모리 장치(미도시됨)로부터 새로 읽어 와 전환 후 제1 레이어를 통해 표시할 수 있다. 또한, 본 발명의 일 실시예에 따른 사용자 인터페이스부(220)는, 화면이 전환되기 전에 이미 제1 레이어에 표시되어 있어 화면이 전환되더라도 굳이 해당 데이터를 모바일 단말 장치 내의 메모리 장치(미도시됨)로부터 새로 읽어 올 필요가 없는 부분에 대하여는 해당 부분의 데이터를 그대로 복사해 그 위치만 변경하여 전환 후 제1 레이어를 통해 표시할 수 있다.
또한, 본 발명의 일 실시예에 따른 사용자 인터페이스부(220)는 제2 레이어를 통해 position:fixed 속성이 적용된 요소를 표시함에 있어서 CSS 분석부(210)로부터 해당 요소의 고정된 위치에 대한 구체적인 수치(예를 들면, 픽셀 좌표 등)을 획득하고 이를 참조로 하여 모바일 단말 장치(200)의 화면 상에서 position:fixed 속성이 적용된 요소가 표시되는 위치를 결정할 수 있다.
이에 따르면, 모바일 웹 브라우저 상에서 카피 및 캐싱을 통한 화면 전환 방법(상술한 배경기술 참조)을 사용하여 CSS가 적용된 웹 문서에 대한 스크롤, 패닝 등의 화면 전환을 수행하는 경우에도 position:fixed 속성이 적용된 요소를 고정된 위치에 지속적으로 표시할 수 있게 되며, 이에 따르면 모바일 단말에서 스크롤 시에 성능 저하를 최소화하며 position:fixed 라는 CSS를 지원할 수 있게 되는 효과가 달성된다.
도 3 및 도 4는 본 발명의 일 실시예에 따라 모바일 웹 브라우저 상에서 CSS가 적용된 웹 문서를 제공하는 구성을 예시적으로 나타내는 도면이다. 참고로, 도 3 및 도 4는 스크롤되기 전의 화면(300)과 스크롤된 후의 화면(400)을 각각 나타내는 도면이다.
먼저, 도 3을 참조하면, 웹 문서에 포함된 요소 중 position:fixed 속성이 적용되지 않은 요소인 일반 요소(311, 312) 및 position:fixed 속성이 적용된 요소(321)가 각각 서로 독립된 제1 레이어(310) 및 제2 레이어(320)를 통해 표시되고 있음을 알 수 있다.
다음으로, 도 4에서와 같이 사용자의 입력에 의하여 웹 문서가 스크롤되는 경우를 가정할 수 있다. 이러한 경우, 본 발명의 일 실시예에 따르면, 제1 레이어(410) 상에 일반 요소(411, 412, 413)를 표시함에 있어서 스크롤되기 전의 화면과 스크롤된 후의 화면에 모두 중복되어 표시되는 부분(430)(도 3의 330에 대응됨)은 스크롤되기 전의 화면에 표시된 데이터를 그대로 복사하여 스크롤된 정도에 따라 제1 레이어 상(410)의 변경된 위치에 표시할 수 있고, 스크롤된 후의 화면에 새로 표시되는 요소(413)는 모바일 단말 장치(200) 내의 메모리 장치(미도시됨)로부터 새로 읽어 와 제1 레이어(410) 상의 해당 위치에 표시할 수도 있다.
계속하여, 도 4를 참조하면, 웹 문서가 스크롤됨에도 불구하고 제2 레이어(420)를 통해 표시되는 position:fixed 속성이 적용된 요소(421)(도 3의 321에 대응됨)는 위치 변화 없이 스크롤되기 전의 화면에서와 동일한 위치에 표시되고 있음을 알 수 있다.
참고로, 제2 레이어는 도 3 및 도 4에 표시된 영역(320, 420)의 면적만큼만 존재해야만 하는 것은 아니며, 화면 전체 영역을 커버할 수도 있음은 물론이라 할 것이다. 도 3 및 도 4와 같은 경우 제2 레이어가 화면 전체 영역을 커버한다고 가정한다고 하더라도 position:fixed 속성이 적용되어 있는 요소(321, 421)가 디스플레이될 영역(즉, 화면 상에 고정적으로 디스플레이될 영역에 대한 좌표 값 범위)이 영역(320, 420)에 해당되는 경우를 상정할 수 있기 때문이다.
다음으로, 본 발명의 일 실시예에 따르면, 통신부(230)는 모바일 단말 장치(200)가 서비스 제공 웹 서버(500) 등과 같은 외부 시스템과 통신할 수 있도록 하는 기능을 수행한다.
마지막으로, 본 발명의 일 실시예에 따르면, 제어부(240)는 CSS 분석부(210), 사용자 인터페이스부(220) 및 통신부(230) 간의 데이터의 흐름을 제어하는 기능을 수행한다. 즉, 제어부(240)는 외부로의/외부로부터의 또는 모바일 단말 장치(200)의 각 구성요소 간의 데이터의 흐름을 제어함으로써, CSS 분석부(210), 사용자 인터페이스부(220) 및 통신부(230)에서 각각 고유 기능을 수행하도록 제어한다.
서비스 제공 웹 서버의 구성
이하에서는, 모바일 단말 장치(200)가 상기에서 설명한 바와 같은 기능을 수행할 수 있도록 지원하는 서비스 제공 웹 서버(500)의 내부 구성 및 각 구성요소의 기능에 대하여 살펴보기로 한다.
도 5는 본 발명의 일 실시예에 따른 서비스 제공 웹 서버(500)의 내부 구성을 예시적으로 나타내는 도면이다.
도 5를 참조하면, 본 발명의 일 실시예에 따른 서비스 제공 웹 서버(500)는, CSS 관련 코드 제공부(510), 레이어 관련 코드 제공부(520), 통신부(530) 및 제어부(540)를 포함할 수 있다. 본 발명의 일 실시예에 따르면, CSS 관련 코드 제공부(510), 레이어 관련 코드 제공부(520), 통신부(530) 및 제어부(540)는 그 중 적어도 일부가 서비스 제공 웹 서버(500)와 통신하는 프로그램 모듈들일 수 있다. 이러한 프로그램 모듈들은 운영 시스템, 응용 프로그램 모듈 및 기타 프로그램 모듈의 형태로 서비스 제공 웹 서버(500)에 포함될 수 있으며, 물리적으로는 여러 가지 공지의 기억 장치 상에 저장될 수 있다. 또한, 이러한 프로그램 모듈들은 서비스 제공 웹 서버(500)와 통신 가능한 원격 기억 장치에 저장될 수도 있다. 한편, 이러한 프로그램 모듈들은 본 발명에 따라 후술할 특정 업무를 수행하거나 특정 추상 데이터 유형을 실행하는 루틴, 서브루틴, 프로그램, 오브젝트, 컴포넌트, 데이터 구조 등을 포괄하지만, 이에 제한되지는 않는다.
먼저, 본 발명의 일 실시예에 따른 CSS 관련 코드 제공부(510)는 모바일 단말 장치(200)의 요청 등에 응하여 제1 프로그램 코드를 모바일 단말 장치(200)에 전송할 수 있고 모바일 단말 장치(200)에 CSS가 적용된 웹 문서 등이 수신되면 상기 제1 프로그램 코드가 모바일 단말 장치(200)에서 실행되도록 하는 기능을 수행할 수 있다.
구체적으로, CSS 관련 코드 제공부(510)는 제1 프로그램 코드를 모바일 단말 장치(200)에 전송한 후, 모바일 단말 장치(200)가 임의의 웹 서버로부터 CSS가 적용된 웹 문서를 수신하면, 모바일 단말 장치(200)가 해당 웹 문서에 관한 CSS 데이터를 분석하여 위치에 대한 속성으로 고정 위치가 적용된(position:fixed) 요소(element)에 대한 정보를 검색하도록 하는 제1 프로그램 코드가 모바일 단말 장치(200) 내에서 실행되도록 하는 기능을 수행할 수 있다. 여기서, 제1 프로그램 코드의 상세한 기능은 전술한 바와 같은 모바일 단말 장치(200)의 CSS 분석부(210)의 기능과 유사하므로 보다 상세한 설명은 생략하기로 한다.
다음으로, 본 발명의 일 실시예에 따른 레이어(layer) 관련 코드 제공부(520)는 모바일 단말 장치(200)의 요청 등에 응하여 제2 프로그램 코드를 모바일 단말 장치(200)에 전송할 수 있고(제1 프로그램 코드와 함께 전송될 수도 있을 것이다) 제1 프로그램 코드의 실행 결과 수신된 웹 문서에 위치에 대한 속성으로 고정 위치가 적용된(position:fixed) 요소(element)가 존재하는 경우 position:fixed 속성이 적용된 요소와 일반 요소를 별개의 레이어를 통해 디스플레이되도록 하기 위한 제2 프로그램 코드가 모바일 단말 장치(200)에서 실행되도록 하는 기능을 수행할 수 있다. 여기서, 제2 프로그램 코드의 상세한 기능은 전술한 바와 같은 모바일 단말 장치(200)의 사용자 인터페이스부(220)의 구성과 유사하므로 보다 상세한 설명은 생략하기로 한다.
다음으로, 본 발명의 일 실시예에 따르면, 통신부(530)는 서비스 제공 웹 서버(500)가 모바일 단말 장치(200) 등과 같은 외부 시스템과 통신할 수 있도록 하는 기능을 수행한다.
마지막으로, 본 발명의 일 실시예에 따르면, 제어부(540)는 CSS 관련 코드 제공부(510), 레이어 관련 코드 제공부(520) 및 통신부(530) 간의 데이터의 흐름을 제어하는 기능을 수행한다. 즉, 제어부(540)는 외부로의/외부로부터의 또는 서비스 제공 웹 서버(500)의 각 구성요소 간의 데이터의 흐름을 제어함으로써, CSS 관련 코드 제공부(510), 레이어 관련 코드 제공부(520) 및 통신부(530)에서 각각 고유 기능을 수행하도록 제어한다.
이상 설명된 본 발명에 따른 실시예들은 다양한 컴퓨터 구성요소를 통하여 수행될 수 있는 프로그램 명령어의 형태로 구현되어 컴퓨터 판독 가능한 기록 매체에 기록될 수 있다. 상기 컴퓨터 판독 가능한 기록 매체는 프로그램 명령어, 데이터 파일, 데이터 구조 등을 단독으로 또는 조합하여 포함할 수 있다. 상기 컴퓨터 판독 가능한 기록 매체에 기록되는 프로그램 명령어는 본 발명을 위하여 특별히 설계되고 구성된 것들이거나 컴퓨터 소프트웨어 분야의 당업자에게 공지되어 사용 가능한 것일 수도 있다. 컴퓨터 판독 가능한 기록 매체의 예에는, 하드 디스크, 플로피 디스크 및 자기 테이프와 같은 자기 매체, CD-ROM, DVD와 같은 광기록 매체, 플롭티컬 디스크(floptical disk)와 같은 자기-광 매체(magneto-optical media), 및 ROM, RAM, 플래시 메모리 등과 같은 프로그램 명령어를 저장하고 수행하도록 특별히 구성된 하드웨어 장치가 포함된다. 프로그램 명령어의 예에는, 컴파일러에 의해 만들어지는 것과 같은 기계어 코드뿐만 아니라 인터프리터 등을 사용해서 컴퓨터에 의해서 실행될 수 있는 고급 언어 코드도 포함된다. 상기 하드웨어 장치는 본 발명에 따른 처리를 수행하기 위해 하나 이상의 소프트웨어 모듈로서 작동하도록 구성될 수 있으며, 그 역도 마찬가지이다.
이상에서 본 발명이 구체적인 구성요소 등과 같은 특정 사항들과 한정된 실시예 및 도면에 의해 설명되었으나, 이는 본 발명의 보다 전반적인 이해를 돕기 위해서 제공된 것일 뿐, 본 발명이 상기 실시예들에 한정되는 것은 아니며, 본 발명이 속하는 기술분야에서 통상적인 지식을 가진 자라면 이러한 기재로부터 다양한 수정 및 변형을 꾀할 수 있다.
따라서, 본 발명의 사상은 상기 설명된 실시예에 국한되어 정해져서는 아니 되며, 후술하는 특허청구범위뿐만 아니라 이 특허청구범위와 균등하게 또는 등가적으로 변형된 모든 것들은 본 발명의 사상의 범주에 속한다고 할 것이다.
100: 통신망
200: 모바일 단말 장치
210: CSS 분석부
220: 사용자 인터페이스부
230: 통신부
240: 제어부
300, 400: 모바일 단말의 화면
310, 410: 제1 레이어
311, 312, 411, 412, 413: 일반 요소
320, 420: 제2 레이어
321, 421: position:fixed 속성이 적용된 요소
500: 서비스 제공 웹 서버
510: CSS 관련 코드 제공부
520: 레이어 관련 코드 제공부
530: 통신부
540: 제어부

Claims (15)

  1. 삭제
  2. 모바일 웹 브라우저 상에서 웹 문서를 제공하기 위한 방법으로서,
    (a) 임의의 웹 서버로부터 CSS(Cascading Style Sheets)가 적용된 웹 문서가 수신되면, 상기 웹 문서에 관한 CSS 데이터를 분석하여 위치에 대한 속성으로 고정 위치가 적용된(position:fixed) 특정 요소(element)에 대한 정보를 검색하는 단계, 및
    (b) 상기 웹 문서 중 상기 특정 요소를 제외한 일반 요소를 제1 레이어를 통해 표시되도록 하고 상기 특정 요소를 제2 레이어를 통해 표시되도록 하는 단계 - 상기 제2 레이어는 상기 제1 레이어 상에 겹쳐져 표시되고, 상기 제1 레이어 및 상기 제2 레이어는 서로 독립적으로 표시됨 -
    를 포함하고,
    상기 (b) 단계는,
    상기 특정 요소의 상기 고정 위치에 관한 구체적인 위치 값을 참조로 하여 상기 특정 요소가 상기 제2 레이어를 통해 표시될 위치를 결정하는 것을 특징으로 하는 방법.
  3. 모바일 웹 브라우저 상에서 웹 문서를 제공하기 위한 방법으로서,
    (a) 임의의 웹 서버로부터 CSS(Cascading Style Sheets)가 적용된 웹 문서가 수신되면, 상기 웹 문서에 관한 CSS 데이터를 분석하여 위치에 대한 속성으로 고정 위치가 적용된(position:fixed) 특정 요소(element)에 대한 정보를 검색하는 단계, 및
    (b) 상기 웹 문서 중 상기 특정 요소를 제외한 일반 요소를 제1 레이어를 통해 표시되도록 하고 상기 특정 요소를 제2 레이어를 통해 표시되도록 하는 단계 - 상기 제2 레이어는 상기 제1 레이어 상에 겹쳐져 표시되고, 상기 제1 레이어 및 상기 제2 레이어는 서로 독립적으로 표시됨 -
    를 포함하고,
    (c) 상기 웹 문서에 대한 스크롤(scroll) 또는 패닝(panning) 요청이 입력되면, 상기 제1 레이어를 통해 표시되는 상기 일반 요소는 갱신하여 표시되도록 하고 상기 제2 레이어를 통해 표시되는 상기 특정 요소는 고정된 위치에 지속적으로 표시되도록 하는 단계
    를 더 포함하는 방법.
  4. 제3항에 있어서,
    상기 (c) 단계에서,
    상기 제1 레이어를 통해 표시되는 상기 일반 요소를 갱신하여 표시함에 있어서, 제1 레이어 상에 현재 표시되어 있는 내용 중 적어도 일부를 복사하고 상기 복사된 내용에 대한 화면 상에서의 표시 위치를 상기 스크롤 또는 패닝 요청을 참조로 변경하여 상기 제1 레이어를 통해 다시 표시되도록 하는 것을 특징으로 하는 방법.
  5. 모바일 웹 브라우저 상에서 웹 문서를 제공하기 위한 방법으로서,
    (a) 임의의 웹 서버로부터 CSS(Cascading Style Sheets)가 적용된 웹 문서가 수신되면, 상기 웹 문서에 관한 CSS 데이터를 분석하여 위치에 대한 속성으로 고정 위치가 적용된(position:fixed) 특정 요소(element)에 대한 정보를 검색하는 단계, 및
    (b) 상기 웹 문서 중 상기 특정 요소를 제외한 일반 요소를 제1 레이어를 통해 표시되도록 하고 상기 특정 요소를 제2 레이어를 통해 표시되도록 하는 단계 - 상기 제2 레이어는 상기 제1 레이어 상에 겹쳐져 표시되고, 상기 제1 레이어 및 상기 제2 레이어는 서로 독립적으로 표시됨 -
    를 포함하고,
    상기 (b) 단계에서
    상기 제2 레이어에 의해 가리워진 상기 제1 레이어의 표시 영역은 제2 레이어에 의한 표시 영역을 반투명하게 함으로써 화면에 희미하게 디스플레이되도록 하는 것을 특징으로 하는 방법.
  6. 삭제
  7. 모바일 웹 브라우저 상에서 웹 문서를 제공하기 위한 방법으로서,
    (a) 임의의 웹 서버로부터 CSS(Cascading Style Sheets)가 적용된 웹 문서가 모바일 단말 장치에 수신되면 상기 모바일 단말 장치가 상기 웹 문서에 관한 CSS 데이터를 분석하여 위치에 대한 속성으로 고정 위치가 적용된(position:fixed) 특정 요소(element)에 대한 정보를 검색하도록 하는 제1 프로그램 코드가 상기 모바일 단말 장치에 제공되도록 하는 단계, 및
    (b) 상기 제1 프로그램 코드에 의해 상기 특정 요소에 대한 정보가 검색되면 상기 모바일 단말 장치가 상기 웹 문서 중 상기 특정 요소를 제외한 일반 요소를 제1 레이어를 통해 표시하도록 하고 상기 특정 요소를 제2 레이어를 통해 표시하도록 하는 제2 프로그램 코드가 상기 모바일 단말 장치에 제공되도록 하는 단계 - 상기 제2 레이어는 상기 제1 레이어 상에 겹쳐져 표시되고, 상기 제1 레이어 및 상기 제2 레이어는 서로 독립적으로 표시되도록 함 -
    를 포함하고,
    상기 제2 프로그램 코드는,
    상기 웹 문서에 대한 스크롤(scroll) 또는 패닝(panning) 요청이 상기 모바일 단말 장치에 입력되었음이 감지되면, 상기 제1 레이어를 통해 표시되는 상기 일반 요소를 화면 상에 갱신하여 표시되도록 하고 상기 제2 레이어를 통해 표시되는 상기 특정 요소를 상기 화면 상의 고정된 위치에 지속적으로 표시되도록 실행되는 것을 특징으로 하는 방법.
  8. 모바일 웹 브라우저 상에서 웹 문서를 제공하기 위한 방법으로서,
    (a) 임의의 웹 서버로부터 CSS(Cascading Style Sheets)가 적용된 웹 문서가 모바일 단말 장치에 수신되면 상기 모바일 단말 장치가 상기 웹 문서에 관한 CSS 데이터를 분석하여 위치에 대한 속성으로 고정 위치가 적용된(position:fixed) 특정 요소(element)에 대한 정보를 검색하도록 하는 제1 프로그램 코드가 상기 모바일 단말 장치에 제공되도록 하는 단계, 및
    (b) 상기 제1 프로그램 코드에 의해 상기 특정 요소에 대한 정보가 검색되면 상기 모바일 단말 장치가 상기 웹 문서 중 상기 특정 요소를 제외한 일반 요소를 제1 레이어를 통해 표시하도록 하고 상기 특정 요소를 제2 레이어를 통해 표시하도록 하는 제2 프로그램 코드가 상기 모바일 단말 장치에 제공되도록 하는 단계 - 상기 제2 레이어는 상기 제1 레이어 상에 겹쳐져 표시되고, 상기 제1 레이어 및 상기 제2 레이어는 서로 독립적으로 표시되도록 함 -
    를 포함하고,
    상기 제1 프로그램 코드 및 상기 제2 프로그램 코드는 상기 모바일 단말 장치의 요청에 따라 동시에 제공되도록 하는 것을 특징으로 하는 방법.
  9. 삭제
  10. 모바일 웹 브라우저 상에서 웹 문서를 제공하기 위한 모바일 단말 장치로서,
    임의의 웹 서버로부터 CSS(Cascading Style Sheets)가 적용된 웹 문서가 수신되면, 상기 웹 문서에 관한 CSS 데이터를 분석하여 위치에 대한 속성으로 고정 위치가 적용된(position:fixed) 특정 요소(element)에 대한 정보를 검색하는 CSS 분석부, 및
    상기 웹 문서 중 상기 특정 요소를 제외한 일반 요소를 제1 레이어를 통해 표시되도록 하고 상기 특정 요소를 제2 레이어를 통해 표시되도록 하는 사용자 인터페이스부 - 상기 제2 레이어는 상기 제1 레이어 상에 겹쳐져 표시되고, 상기 제1 레이어 및 상기 제2 레이어는 서로 독립적으로 표시됨 -
    를 포함하고,
    상기 사용자 인터페이스부는,
    상기 특정 요소의 상기 고정 위치에 관한 구체적인 위치 값을 참조로 하여 상기 특정 요소가 상기 제2 레이어를 통해 표시될 위치를 결정하는 것을 특징으로 하는 모바일 단말 장치.
  11. 모바일 웹 브라우저 상에서 웹 문서를 제공하기 위한 모바일 단말 장치로서,
    임의의 웹 서버로부터 CSS(Cascading Style Sheets)가 적용된 웹 문서가 수신되면, 상기 웹 문서에 관한 CSS 데이터를 분석하여 위치에 대한 속성으로 고정 위치가 적용된(position:fixed) 특정 요소(element)에 대한 정보를 검색하는 CSS 분석부, 및
    상기 웹 문서 중 상기 특정 요소를 제외한 일반 요소를 제1 레이어를 통해 표시되도록 하고 상기 특정 요소를 제2 레이어를 통해 표시되도록 하는 사용자 인터페이스부 - 상기 제2 레이어는 상기 제1 레이어 상에 겹쳐져 표시되고, 상기 제1 레이어 및 상기 제2 레이어는 서로 독립적으로 표시됨 -
    를 포함하고,
    상기 사용자 인터페이스부는,
    상기 웹 문서에 대한 스크롤(scroll) 또는 패닝(panning) 요청이 입력되면, 상기 제1 레이어를 통해 표시되는 상기 일반 요소는 갱신하여 표시되도록 하고 상기 제2 레이어를 통해 표시되는 상기 특정 요소는 고정된 위치에 지속적으로 표시되도록 하는 것을 특징으로 하는 모바일 단말 장치.
  12. 제11항에 있어서,
    상기 사용자 인터페이스부는,
    상기 제1 레이어를 통해 표시되는 상기 일반 요소를 갱신하여 표시함에 있어서, 제1 레이어 상에 현재 표시되어 있는 내용 중 적어도 일부를 복사하고 상기 복사된 내용에 대한 화면 상에서의 표시 위치를 상기 스크롤 또는 패닝 요청을 참조로 변경하여 상기 제1 레이어를 통해 다시 표시하는 것을 특징으로 하는 모바일 단말 장치.
  13. 삭제
  14. 모바일 웹 브라우저 상에서 웹 문서를 제공하기 위한 서버로서,
    임의의 웹 서버로부터 CSS(Cascading Style Sheets)가 적용된 웹 문서가 모바일 단말 장치에 수신되면 상기 모바일 단말 장치가 상기 웹 문서에 관한 CSS 데이터를 분석하여 위치에 대한 속성으로 고정 위치가 적용된(position:fixed) 특정 요소(element)에 대한 정보를 검색하도록 하는 제1 프로그램 코드를 상기 모바일 단말 장치의 요청에 응하여 제공하는 CSS 관련 코드 제공부, 및
    상기 제1 프로그램 코드에 의해 상기 특정 요소에 대한 정보가 검색되면 상기 모바일 단말 장치가 상기 웹 문서 중 상기 특정 요소를 제외한 일반 요소를 제1 레이어를 통해 표시하도록 하고 상기 특정 요소를 제2 레이어를 통해 표시하도록 하는 제2 프로그램 코드를 상기 모바일 단말 장치의 요청에 응하여 제공하는 레이어 관련 코드 제공부 - 상기 제2 레이어는 상기 제1 레이어 상에 겹쳐져 표시되고, 상기 제1 레이어 및 상기 제2 레이어는 서로 독립적으로 표시됨 -
    를 포함하고,
    상기 레이어 관련 코드 제공부는,
    상기 웹 문서에 대한 스크롤(scroll) 또는 패닝(panning) 요청이 상기 모바일 단말 장치에 입력되었음이 감지될 때, 상기 제1 레이어를 통해 표시될 상기 일반 요소를 화면 상에 갱신하여 표시되도록 하고 상기 제2 레이어를 통해 표시될 상기 특정 요소를 상기 화면 상의 고정된 위치에 지속적으로 표시되도록 하는 제2 프로그램 코드를 상기 모바일 단말 장치의 요청에 따라 제공하는 것을 특징으로 하는 서버.
  15. 제2항 내지 제5항, 제7항 및 제8항 중 어느 한 항에 따른 방법을 실행하기 위한 컴퓨터 프로그램을 기록한 컴퓨터 판독 가능한 기록 매체.
KR1020100070272A 2010-07-21 2010-07-21 모바일 웹 브라우저 상에서 웹 문서를 제공하기 위한 방법, 모바일 단말 장치, 서버 및 컴퓨터 판독 가능한 기록 매체 KR101147248B1 (ko)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020100070272A KR101147248B1 (ko) 2010-07-21 2010-07-21 모바일 웹 브라우저 상에서 웹 문서를 제공하기 위한 방법, 모바일 단말 장치, 서버 및 컴퓨터 판독 가능한 기록 매체

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020100070272A KR101147248B1 (ko) 2010-07-21 2010-07-21 모바일 웹 브라우저 상에서 웹 문서를 제공하기 위한 방법, 모바일 단말 장치, 서버 및 컴퓨터 판독 가능한 기록 매체

Publications (2)

Publication Number Publication Date
KR20120009738A KR20120009738A (ko) 2012-02-02
KR101147248B1 true KR101147248B1 (ko) 2012-05-18

Family

ID=45834483

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020100070272A KR101147248B1 (ko) 2010-07-21 2010-07-21 모바일 웹 브라우저 상에서 웹 문서를 제공하기 위한 방법, 모바일 단말 장치, 서버 및 컴퓨터 판독 가능한 기록 매체

Country Status (1)

Country Link
KR (1) KR101147248B1 (ko)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101243315B1 (ko) * 2012-07-17 2013-03-13 (주) 시맨틱렙홀딩스 컨텐츠제공방법 및 컨텐츠제공시스템
US11055378B1 (en) 2020-08-21 2021-07-06 Coupang Corp. Systems and methods for loading websites with multiple items

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR100450526B1 (ko) * 2003-11-11 2004-10-01 주식회사 지식발전소 미니 검색창을 제공하는 검색시스템 및 미니 검색창 제공방법
KR20090077229A (ko) * 2008-01-10 2009-07-15 주식회사 엘지텔레콤 데이터의 파싱 속도를 향상시키는 방법 및 시스템

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR100450526B1 (ko) * 2003-11-11 2004-10-01 주식회사 지식발전소 미니 검색창을 제공하는 검색시스템 및 미니 검색창 제공방법
KR20090077229A (ko) * 2008-01-10 2009-07-15 주식회사 엘지텔레콤 데이터의 파싱 속도를 향상시키는 방법 및 시스템

Also Published As

Publication number Publication date
KR20120009738A (ko) 2012-02-02

Similar Documents

Publication Publication Date Title
EP2508986B1 (en) Backing store memory management for rendering scrollable webpage subregions
US11657113B2 (en) Facilitating navigation of a webpage on a computer device
US20170169001A1 (en) Combining server-side and client-side user interface elements
JP5816670B2 (ja) 電子ドキュメント内の関心領域を選択し、表示するための方法とデバイス
US7210093B1 (en) Method, system, and program for displaying pages downloaded from over a network in an application window
US8949707B2 (en) Adaptive document displaying apparatus and method
US20120306930A1 (en) Techniques for zooming in and out with dynamic content
US20130145252A1 (en) Page based navigation and presentation of web content
US20130227398A1 (en) Page based navigation and presentation of web content
CN104981800A (zh) 在页检索事件期间递送和显示页面预览
US20120131446A1 (en) Method for displaying web page in a portable terminal
US20060150094A1 (en) Web companion
JP2004178512A (ja) リンク先コンテンツ閲覧支援装置、リンク先コンテンツ閲覧支援方法及びプログラム並びに記録媒体
KR101147248B1 (ko) 모바일 웹 브라우저 상에서 웹 문서를 제공하기 위한 방법, 모바일 단말 장치, 서버 및 컴퓨터 판독 가능한 기록 매체
US8601366B2 (en) Visualization and editing of composite layouts
JP7206863B2 (ja) 表示制御方法、装置、及びプログラム
KR20110115346A (ko) 한정된 크기의 화면을 통해 웹 문서의 내부 컨텐츠를 제공하기 위한 방법, 단말 장치 및 컴퓨터 판독 가능한 기록 매체
JP5884814B2 (ja) 表示処理装置及びプログラム
JP3590881B2 (ja) ハイパーリンクシステムおよびその履歴表示方法ならびにそのプログラム記録媒体
KR101434042B1 (ko) 모바일 브라우저 환경에서의 멀티 윈도우 로딩을 이용한 브라우징 방법, 웹페이지 제공 방법 및 시스템
CN116774887A (zh) 用户界面展示方法和装置
KR101372580B1 (ko) 브라우저 ｕｉ를 제공하기 위한 방법, 단말 장치, 서버 및 컴퓨터 판독 가능한 기록 매체
JP2006092499A (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: 20150507

Year of fee payment: 4

FPAY Annual fee payment

Payment date: 20160509

Year of fee payment: 5

FPAY Annual fee payment

Payment date: 20170504

Year of fee payment: 6

FPAY Annual fee payment

Payment date: 20180508

Year of fee payment: 7

FPAY Annual fee payment

Payment date: 20190429

Year of fee payment: 8