KR20060061304A - 웹 장치에서의 html 페이지의 프리젠테이션을 개선하는방법 및 시스템 - Google Patents

웹 장치에서의 html 페이지의 프리젠테이션을 개선하는방법 및 시스템 Download PDF

Info

Publication number
KR20060061304A
KR20060061304A KR1020057024668A KR20057024668A KR20060061304A KR 20060061304 A KR20060061304 A KR 20060061304A KR 1020057024668 A KR1020057024668 A KR 1020057024668A KR 20057024668 A KR20057024668 A KR 20057024668A KR 20060061304 A KR20060061304 A KR 20060061304A
Authority
KR
South Korea
Prior art keywords
css
html
web
network
page
Prior art date
Application number
KR1020057024668A
Other languages
English (en)
Other versions
KR100810010B1 (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 인터내셔널 비지네스 머신즈 코포레이션
Publication of KR20060061304A publication Critical patent/KR20060061304A/ko
Application granted granted Critical
Publication of KR100810010B1 publication Critical patent/KR100810010B1/ko

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577Optimising the visualization of content, e.g. distillation of HTML documents
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F17/00Digital computing or data processing equipment or methods, specially adapted for specific functions

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Physics & Mathematics (AREA)
  • Data Mining & Analysis (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Mathematical Physics (AREA)
  • Software Systems (AREA)
  • Information Transfer Between Computers (AREA)
  • Computer And Data Communications (AREA)

Abstract

CSS를 지원할 수 없는 웹 브라우저를 사용하는 장치가, 네트워크를 통해 요청하여, 네트워크를 통해 지원할 수 있는 CSS가 포함된 모든 프리젠테이션 특징들을 사용하면서 CSS를 포함하는 HTML 웹 페이지를 표시할 수 있게 하는 방법 및 시스템이 개시되는데, 상기 방법은 장치로부터 HTML 웹 페이지를 얻기 위한 요청을 수신하는 단계와; 요청 장치를 식별하고, 모든 장치 및 네트워크 표시 가능 정보를 취합하여, 모순된 정보를 금지하는 단계 - 네트워크 표시 가능한 것들은 가장 높은 우선 순위가 되고, 그 결과는 요청 규칙 리스트를 형성함 - 와; 요청된 웹 페이지를 웹 서버로부터 검색하는 단계와; 결과적으로 얻은 CSS 규칙 리스트 내에서 충돌하는 것들을 금지하면서 웹 페이지의 모든 CSS 프리젠테이션 정의들을 취합하는 단계와; 요청 규칙 리스트 내에 설명된 것과 같은 장치 및 네트워크 가능한 것들을 고려하면서 CSS 규칙 리스트를 반영하여, CSS에 관련되지 않는 HTML 페이지의 문장들을 변경하는 단계와; 변경된 문장들을 포함하는 HTML 페이지를 장치로 전송하는 단계를 포함한다. 이 방법은 컴퓨팅 능력을 갖는 프럭시 서버 또는 라우터일 수 있는 네트워크 컴포넌트 상에서 실행된다.
CSS, 요청 규칙 리스트, CSS 규칙 리스트, 액션 리스트, HTML 문장

Description

웹 장치에서의 HTML 페이지의 프리젠테이션을 개선하는 방법 및 시스템{A METHOD AND SYSTEM FOR IMPROVING PRESENTATION OF HTML PAGES IN WEB DEVICES}
본 발명은 종속형 시트(Cascading StyleSheets: CSS)를 지원할 수 없는 PDA(Personal Data Assistants)와 같은 웹 장치 상에 표시된 HTML V4 페이지에 관한 것이다.
하지만, HTML을 지원하는 PDA, 패킷 PC 및 이동 전화와 같은 웹 장치는 그들의 화면 상에 표시된 HTML 페이지의 프리젠테이션에 있어서 제한을 갖는다. 이러한 제한은 원래, 메모리 크기면에서의 제한과 같은 웹 장치 용량의 제한, 표시 속성자 또는 이동 통신망에서의 대역폭의 제한으로부터 비롯된 것이다.
웹 장치 상에 표시된 HTML 페이지의 프리젠테이션을 개선하기 위해, 표준화된 HTML V4는 종속형 시트(CSS)를 위한 지원을 제안한다. CSS를 지원하는 브라우저는 컬러, 라인 높이 등과 같은 진보된 표시 능력을 사용하여 페이지 프리젠테이션의 설명을 포함하는 하이퍼링크(hyperlink)를 포인팅하는 HTML V4 페이지의 링크 문장을 해석한다. 링크 문장의 대안으로서, 프리젠테이션 스타일시트는 HTML 페이지 내에 매입될 수 있다. W3C와 같은 표준화 조직은 HTML 언어를 프리젠테이션 책임으로부터 구제하기 위해 CSS의 사용을 강력하게 밀고 나간다. REC-CSS1- 19990111로 칭해진 CSS 레벨 1의 설명은 1996년 12월 17일자의 W3C 권고(recommendation)에서 예를 들어 기술되었고; 1999년 1월, 6월에 개정되었다.
HTML 방법의 발전에 병행하여, 웹 장치들은 그들 스스로 그들의 프리젠테이션 능력을 증가시켜 왔다. 불행히도, 그들 브라우저 모두가 HTML V4의 CSS를 지원하는 것은 아니다. 몇몇 웹 장치의 브라우저는 CSS를 지원하지 못한다. 그들은 1997년 1월 14일자의 W3C 권고인 HTML 3.2 참조 규격 REC-html32에서 기술된 것과 같은 HTML V3.2까지만 지원한다. HTML 3.2까지 지원하는 웹 장치 브라우저는 링크 문장 및 매입된 CSS를 스킵함으로써 HTML V4 페이지를 읽을 수 있다. 따라서, 웹 장치가 진보된 텍스트 프리젠테이션을 위한 하드웨어 및 소프트웨어 능력을 갖고 있을 때조차도, 브라우저가 CSS와, CSS의 프리젠테이션 특징을 사용할 수 없기 때문에, 그러한 웹 장치에 의해 표시된 HTML 페이지 프리젠테이션 특징은 여전히 기본적인 상태로 있어, 충족이 되지 않는다. 더욱이, 제한된 프리젠테이션 특징의 문제는 웹 애플리케이션의 기능에 영향을 줄 수 있다. 예를 들어, 웹 페이지의 기능적 푸시 버튼은 진보된 프리젠테이션 특징을 통해서만 시각화될 수 있으므로, 활성될 수 없고, 따라서 CSS는 브라우저에 의해 이해되지 않는다.
진보된 프리젠테이션 능력을 갖지만 HTML V3.2까지만 웹 페이지를 지원하는 브라우저를 운영하는 웹 장치의 일 예로는 노키아(Nokia) 9110 이동 전화가 있는데, 이 브라우저의 제한은 1999년 4월 21일자로 출판된 소책자인 노키아 9110 커뮤니케이터 브라우저 스타일 가이드 북(Communicator Browser Style Guide book)에 기술되어 있다.
이 문제에 대한 한가지 솔루션은 HTML V4의 CSS를 지원할 수 있는 이들 웹 장치 상의 브라우저를 개발하는 것이다. 전용 브라우저의 개발 및 배포 비용은 장치 제조자들이 브라우저를 업그레이드하지 못하게 한다. 웹 장치 제조자들이 그러한 개발에 손을 대지 못하게 하는 한가지 다른 이유는 몇몇 장치들이 개선된 프리젠테이션 능력을 갖지만 모든 특징들이 HTML V4 CSS 규격에 의해 지원되지는 않는 것으로 여겨진다는 사실 때문이다. 이것은 웹 장치에 매우 특정된 브라우저를 개발하고, 장치 프리젠테이션 능력이 점점 증가함에 따라 더욱 업그레이드할 필요가 있다는 것을 의미할 수 있다.
그러므로, CSS를 포함하는 HTML V4 웹 페이지를 표시할 때 현재의 웹 장치들의 고유한 진보된 장치 프리젠테이션 능력을 이용할 수 있도록, HTML 3.2까지 HTML 웹 페이지를 지원하는 브라우저의 운영을 포함하는 현재의 웹 장치를 사용하는 것이 필요하다.
본 발명의 목적은 HTML V3.2 페이지 내의 프리젠테이션 특징에 비교하여, 레벨 3.2까지 브라우저를 운영하는 웹 장치 상의 HTML V4 페이지의 프리젠테이션을 최적화하는 방식을 제공하는 것이다.
본 발명의 두 번째 목적은 웹 장치 자체에 고유한 표시 능력의 최대한도로 HTML V4 페이지 프리젠테이션을 최적화하는 것이다.
이들 목적은 CSS를 지원할 수 없는 웹 브라우저를 사용하는 장치가, 네트워크를 통해 요청하여, 네트워크를 통해 지원할 수 있는 CSS가 포함된 모든 프리젠테이션 특징들을 사용하면서 CSS를 포함하는 HTML 웹 페이지를 표시할 수 있게 하는 방법의 사용에 의해 달성되는데: 상기 방법은 장치로부터 HTML 웹 페이지를 얻기 위한 요청을 수신하는 단계와; 요청 장치를 식별하고, 모든 장치 및 네트워크 표시 가능 정보를 취합하여, 모순된 정보를 금지하는 단계 - 네트워크 표시 가능한 것들은 가장 높은 우선 순위가 되고, 그 결과는 요청 규칙 리스트를 형성함- 와; 요청된 웹 페이지를 웹 서버로부터 검색하는 단계; 결과적으로 얻은 CSS 규칙 리스트 내에서 충돌하는 것들을 금지하면서 웹 페이지의 모든 CSS 프리젠테이션 정의들을 취합하는 단계와; 요청 규칙 리스트 내에 설명된 것과 같은 장치 및 네트워크 가능한 것들을 고려하면서 CSS 규칙 리스트를 반영하여, CSS에 관련되지 않는 HTML 페이지의 문장들을 변경하는 단계와; 변경된 문장들을 포함하는 HTML 페이지를 장치로 전송하는 단계를 포함한다. 이 방법은 컴퓨팅 능력을 갖는 프럭시 서버(proxy server) 또는 라우터(router)일 수 있는 네트워크 컴포넌트 상에서 실행된다.
이들 목적은 또한, 이 방법이 컴퓨팅 능력을 갖는 프럭시 서버 또는 라우터 또는 스위치일 수 있는 네트워크 컴포넌트 상에 설치된 프로그램에 의해 실행될 때 달성된다.
본 발명의 솔루션을 가지면, 브라우저 또는 장치의 임의의 부분을 변경할 필요가 없으며, 이러한 솔루션은 CSS를 지원하지 않는 브라우저를 갖는 넓은 범위의 장치를 매우 빨리 지원하는 데에 매우 유용하다.
본 발명의 솔루션의 장점은 네트워크의 한 컴포넌트 상에서 동작되는 프로그램으로 구현된 단순한 솔루션을 제공하는 것이다. 이 솔루션은 설치하기가 단순하여, 모든 종류의 장치에 적응시킬 수 있고, 웹 장치 제조자들 및 네트워크 캐리어들에 의해 각각 이용가능하게 된 공용 정보인, 접속된 장치들 및 네트워크에 대한 정보만을 사용할 수 있다.
네트워크 컴포넌트는 또한, 빌링(billing) 또는 보안 또는 다른 부가 가치 기능과 같은 다른 중앙 집중식 동작을 위해 사용될 수 있다. 더욱이, 이 솔루션은 다른 중앙 집중식 애플리케이션을 위해 많은 고객들에 의해 공유된 네트워크의 기존의 컴포넌트 상에서 구현될 수 있다.
도 1은 양호한 실시예에 따른 솔루션이 실행되는 시스템도.
도 2는 양호한 실시예에 따라 CSS 보상층 네트워크 컴포넌트 상에서 동작되는 프로그램을 구성하는 논리 블록을 도시한 도면.
도 3은 양호한 실시예에 따른 방법의 개요 플로우 차트.
도 4는 네트워크 선호 리포지토리(preference repository)의 샘플.
도 5는 장치 선호 리포지토리의 샘플.
도 6은 장치 능력 리포지토리의 샘플.
도 7은 무선 접속된 포켓 PC를 위한 요청 규칙 리스트의 샘플.
도 1에는 양호한 실시예에 따른 솔루션의 동작 환경이 도시된다. PDA(120) 또는 초박형(thin) PC(110)와 같은 웹 장치들은 웹 네트워크(100)를 통해 웹 서버(130)에 액세스한다. 웹 장치는 웹 서버 사용자 자신의 웹 브라우저 상에서 읽은 웹 페이지를 표시한다. 현재 알려져 있는 웹 페이지 요청 프로토콜은 HTTP 또는 HTTPS이고; 웹 장치는 웹 페이지를 얻기 위해 HTTP 또는 HTTPS 요청을 웹 서버 주소로 보낸다. 도 1의 웹 서버(130)에서, 웹 페이지는 종속형 시트(CSS) 특징을 포함하는 HTML V4를 구현한다. HTML V4 웹 페이지는 2개의 서로 다른 파일(140, 150)로 구성된다. 제1 파일(140)은 HTML 문장, 및 외부 CSS 스타일시트인 제2 파일(150)로 URL을 제공하는 몇몇 '링크(Link)' 문장을 포함한다. 소정의 CSS 스타일시트 링크는 상이한 웹 서버(160) 상에 저장된 다른 CSS 스타일시트 파일을 포인팅할 수 있다는 것을 알기 바란다. CSS 스타일시트 파일은 HTML V4를 지원하는 브라우저에 의해서만 표시될 수 있는 프리젠테이션을 기술한다. 도 1에서, 웹 장치(110, 120)는 HTML 3.2까지만 지원한다. CSS를 지원하지 않는 브라우저를 갖는 그러한 장치로는 포켓 PC 2002까지의 포켓 IE, 팜 파일럿 웹 브라우저, 노키아 9110, 미니텔 장치, 및 V4보다 오래된 인터넷 익스플로러 및 넷스케이프 내비게이터 버전이 설치된 모든 컴퓨팅 장치가 있다. 웹 서버로부터 HTML V4 웹 페이지만을 수신하는 이들 브라우저는 제1 파일(140)을 해석하고, 링크 문장을 스킵한다. CSS가 HTML V4 페이지의 문장 내에 매입될 때, 매입된 CSS 설명은 또한 HTML V3.2 브라우저에 의해 스킵된다. 아래는 어드레스가 표시된 외부 CSS 파일을 포인팅하는 2개의 '링크' 문장을 포함하는 HTML V4 페이지 문장의 한 예이다:
Figure 112005075535419-PCT00001
Figure 112005075535419-PCT00002
다음은 2개의 '스타일' 문장 사이에서 매입된 CSS를 사용하는 HTML V4 문장의 한 예이다:
Figure 112005075535419-PCT00003
도 1에서 설명된 바와 같이, 양호한 실시예의 솔루션에 따라, 프로그램은 웹 네트워크(170)의 CSS 보상층 컴포넌트 상에 설치된다. 이 프로그램은 웹 장치에 의해 보내진 HTTP 요청을 사용하여, 2개의 파일 HTML V4 웹 페이지를 수집하고, 필요하다면 다른 웹 서버 상의 다른 CSS 스타일시트 파일을 수집해서, 새로 작성된 웹 페이지를 웹 장치로 다시 보내는데, 이 새로 작성된 웹 페이지들은 HTML V3.2 웹 페이지까지 지원하는 브라우저에 의해 표시가능한데, 기껏해야 그들이 초기 HTML V4 웹 페이지 CSS 스타일시트 파일 내에서 표시된 프리젠테이션 특성을 반영 하는 표시 속성을 갖고 있다. CSS 보상층 웹 네트워크 컴포넌트는 양호한 실시예에 따른 프로그램을 구현할 수 있는 프로그래밍 수단 용량을 갖는 정교한 라우터의 프럭시 서버일 수 있다.
도 2는 양호한 실시예에 따라 CSS 보상층 네트워크 컴포넌트(170) 상에서 동작되는 CSS 프럭시 프로그램을 구성하는 논리 블록을 도시한 것이다. 이 'CSS 프럭시'는 클라이언트 장치 웹 브라우저의 '분산 플러그인(distributed plugin)'으로 작용한다. 이것은 서블릿(servlet) 3.2 필터, HTTP 프럭시 플러그인 또는 WBI 메그(Meg)를 사용하여 실현될 수 있다. 예를 들어, 이 프로그램을 작성하기 위해, 우리는 IBM 웹스피어 트랜스코딩 퍼블리셔(Websphere Transcoding Publisher)의 외부 주석 설비를 사용할 수 있다.
CSS 프럭시는 웹 장치로부터, 그 장치가 해석불가능하게 될 CSS를 포함하는 HTML V4 웹 페이지에 대한 요청을 인터셉트한다. CSS 프럭시는 요청된 HTML V4 페이지를 수집하고, 장치 능력 및 네트워크의 제약에 따라 가능한 한 많은 프리젠테이션 스타일을 적용하여 이들 페이지를 맞추는 일을 맡고 있다. 예를 들어, 흑백 미니텔은 컬러를 표시할 수는 없지만, 텍스트 깜빡임(blinking)을 할 수는 있다. 그래서, '적색(red)' 속성은 '깜빡임' 속성에 의해 대체될 수 있다. 그 다음, CSS 프럭시는 맞추어진 페이지를 웹 장치로 돌려 보낸다.
CSS 프럭시의 제1 논리 블록은 선호 취합 기능(200)을 구현한다. 이 블록은 헤더 내에, 예를 들어 장치 식별정보를 포함하는 웹 장치로부터의 요청을 수신한다. 요청을 전달하는 네트워크[팜 파일럿(palm pilot) 등으로부터의 무선 네트워 크]가 또한 식별되고, 선호 취합 기능은 식별된 장치에 관한 정보를 액세스하고, 그들을 네트워크에 대한 정보와 결합하여, 이 장치를 위한 웹 페이지의 프리젠테이션을 준비하기 위해 사용될 프리젠테이션 속성의 리스트인 '요청 규칙 리스트(Request rule list)'를 준비한다.
이들 정보는 CSS 보상층 네트워크 컴포넌트(170)에 접속된 리포지토리 내에 저장될 수 있다. 이들 정보는 웹 장치 제조자들 및 네트워크 캐리어들에 의해 각각 이용가능하게 된 공용 정보이다. 이들 정보는 키워드-값 언어로 통신 프로토콜을 통해 항상 이용가능하다.
도 4는 양호한 실시예에 따라 CSS 프럭시 네트워크 컴포넌트의 대응하는 리포지토리(220) 내에 저장된 네트워크 선호 샘플을 도시한 것이다. 네트워크의 이들 특성은 프리젠테이션의 규칙에 적용하기 위한 제1 제약을 나타낸다. 이 샘플에서, 우리는 mpg 파일('unsupportedExtension' 키워드) 및 bmp 파일 유형 이미지('unsupportedImages' 키워드)를 지원할 수 없는 무선 네트워크('NetworkName' 키워드)를 갖고 있다. 네트워크 선호는 이 장치를 위한 '요청 규칙 리스트'를 준비할 때 가장 높은 우선 순위 제약을 형성한다.
도 5는 양호한 실시예에 따라 CSS 프럭시 네트워크 컴포넌트의 대응하는 리포지토리(215) 내에 저장된 선호 샘플을 도시한 것이다. 장치 선호 샘플은 초기화시에 이 장치를 위해 정의된, 프리젠테이션을 위해 구성가능한 선호의 값을 기술한다. 장치의 브라우저가 HTML 버전을 3.2까지 지원하기 때문에, CSS는 지원되지 않고, 키워드 'cascadingStyleSheetSupported'가 'false(거짓)'로 설정되어 표시된 다. 지원된 이미지('supportedImages' 키워드)는, 지원되지 않는 이미지('unsupportedExtension' 키워드)의 리스트 부분이 없기 때문에 사운드가 네트워크 선호와 모순되지 않는 gif 및 jpg이다. 장치 선호는 장치를 위한 '요청 규칙 리스트'를 준비할 때 가장 높은 우선 순위 기준을 나타내는 네트워크 선호와의 양립성에 대해 체크되어야 한다.
도 6은 양호한 실시예에 따라 CSS 프럭시 네트워크 컴포넌트의 대응하는 리포지토리(215) 내에 저장된 장치 선호 샘플을 도시한 것이다. 네트워크 선호가 장치 선호에 대해 체크되었으면, 장치를 위한 최종 '요청 규칙 리스트'를 형성하기 위해 장치 능력이 고려된다. 이 샘플에서, 장치는 포켓 PC이다. 이 장치는 미리 분석된 바와 같이 네트워크 제약에 의해 덮어쓰기될 수 있는 소정의 능력을 갖고 있다.
도 7은 CSS 프럭시의 선호 취합 논리 블록의 실행의 종료시에 장치를 위해 작성된 결과적인 요청 규칙 리스트를 도시한 것이다. 요약하면, 우리는 무선 모드로 접속된 포켓 PC에 의해 보내진 요청에 응하여 웹 페이지의 프리젠테이션을 준비하기 위해 도 7의 리스트를 얻는다. 우리는, 예를 들어, 요청 규칙 리스트에서, 장치 선호 'textLinksPreferredToImages=false'는 네트워크 선호 샘플 내에서 식별된 네트워크 제약 'textLinksPreferredToImages=false'로 덮어쓰기되었다는 것을 알고 있다.
다시 도 2로 가면, 선호 취합 논리 블록에 의해 처리된 요청은 어드레스가 장치의 요청 내에 포함되는 웹 서버(들)(130)로 전송된다. 그러나, 요청은 부가 가치 논리 블록(230)인 CSS 프럭시의 제2 논리 블록으로 먼저 전송될 수 있다. 도 2에서 점선으로 도시된 이 블록은 선택 사양으로서, 요구에 따라 빌링, 보안과 같은 추가적인 기능을 위해 구현된다. 따라서, 선택적인 실시예에서는, CSS 프럭시 기능의 위에, 다른 부가 가치 기능이 구현되어, 양호한 실시예에 따른 솔루션의 동작 환경의 CSS 보상층 네트워크 컴포넌트(170)의 사용을 최적화한다.
웹 서버(들)은 HTML V4 포맷으로 될 수 있는 요청된 페이지를 돌려 보낸다. 이 경우에, CSS는 HTML 문장 내에, 또는 CSS 파일을 포인팅하는 어드레스를 포함하는 HTML V4 페이지의 링크 문장 내에 매입된다. HTML 페이지는 양호한 실시예에서 선택 사양이 아닌 CSS 취합 논리 블록에서 수신된다. CSS 취합 논리 블록에서, CSS는 모든 검색된 CSS로 인해 모든 CSS 스타일 정의를 균일화하는 CSS 규칙 리스트를 작성하기 위해 검색되고 균일화될 수 있다. 외부 CSS는 CSS 서버(160) 또는 웹 서버 자체(130)로부터 검색되고, 프리젠테이션 문장이 그외 다른 문장과 혼합될 때 레벨 V3.2로 된 HTML 페이지 내로 삽입된다. 그러나, 이 동작 동안에, 매입된 CSS와 외부 CSS로부터 비롯된 프리젠테이션 문장들 사이에 몇가지 모순이 있을 수 있다. 충돌은 페이지 프리젠테이션을 균일화하기 위해 이 논리 블록에서 해결된다. 예를 들어, 한 매입된 CSS 내에서, 우리는
H1 {color: #00ff00}
을 가지고, 외부 CSS (Link) 내에서는
H1 {color: #dda0dd}
를 읽는다고 하자. 그러면, CSS 취합 논리 블록은 CSS 규칙 리스트 내에 H1 {color: #dda0dd}만을 부가할 것이다.
CSS 취합 논리 블록에서의 실행 후에, 모든 검색된 CSS로부터 추출된 일관성있는 스타일 정의 리스트를 포함하는 CSS 규칙 리스트뿐만 아니라, V3.2 문장을 포함하는 HTML 페이지가 나오게 된다.
선택적으로, 검색된 CSS는 장치로부터의 다음 페이지 요청을 처리할 때 성능을 개선하기 위해 캐시 메모리인 CSS 캐시(250) 내에 저장될 수 있다.
최종 트랜스코딩(Transcoding) 논리 블록(260)에서는 선호 취합 논리 블록으로부터의 입력 및 CSS 취합 논리 블록으로부터의 입력이 처리된다. 선호 취합 논리 블록에서는 요청 규칙 리스트가 준비되었고, CSS 취합 논리 블록에서는 CSS로부터 검색되어 균일화된 페이지에 대한 스타일 정의를 포함하는 CSS 규칙 리스트 및 HTML V3.2 문장 페이지가 준비되었다. 트랜스코딩 논리 블록에서는, 입력이 처리되고, 요청을 보낸 장치에 적합하게 맞추어진 웹 페이지가 작성되어, 다시 그 장치(110)로 보내진다. 입력은 2단계로 처리된다. 제1 단계는 이 장치에 대응하는 요청 규칙 리스트와 CSS 규칙 리스트를 대조하는 것, 및 그 장치에 대한 요청 규칙 리스트를 고려하면서 CSS 규칙 리스트를 도입하기 위해 HTML V3.2 페이지 문장 상에서 수행하기 위한 모든 액션을 포함하는 액션 리스트를 작성하는 것으로 되어 있다. 제2 단계는 트랜스코딩 논리 블록에서 액션을 해석하여 새로운 페이지 문장을 생성하는 것으로 되어 있다. 마지막으로, CSS 프럭시는 다음과 같은 방식으로 HTML V4 페이지를 HTML V3.2 페이지로 변환시켰다: CSS 규칙 리스트 내의 각각의 스타일에 대해, CSS 프럭시는 그 프로파일(요청 규칙 리스트) 내에 정의된 것과 동 등한 장치 스타일을 해석하고, HTML 3.2에서 했던 것처럼 HTML V4 페이지의 HTML 태그 내에 관련 속성을 부가했다.
한 예로, CSS 취합 논리 블록의 실행 후에 제공된 HTML V3.2 페이지가 다음과 같다고 하자:
Figure 112005075535419-PCT00004
또한, CSS 규칙 리스트가 다음과 같다고 하자:
Figure 112005075535419-PCT00005
요청 규칙 리스트로부터, 장치가 컬러 속성을 지원하지 않는다는 것을 알게 되면, 다음과 같은 액션 리스트가 트랜스코딩 논리 블록에서 작성되는데:
Figure 112005075535419-PCT00006
이것은 트랜스코딩 논리 블록에서 해석될 수 있고, 다음과 같은 HTML V3.2 페이지 문장이 생성될 수 있다:
Figure 112005075535419-PCT00007
그 다음, 이렇게 맞추어진 페이지는 장치로 보내질 수 있다.
도 3은 양호한 실시예에 따른 방법의 개요 플로우차트이다. 제1 단계(300)에서는, 컴퓨팅 자원을 갖는 전용 프럭시 서버 또는 라우터와 같은 네트워크 컴포넌트인 컴퓨팅 위치에서, 양호하게 HTTP 또는 HTTPS 프로토콜 하에서 요청이 수신된다. 요청은 브라우저가 CSS를 지원하지 않는 웹 장치에 의해 보내진다. 제2 단계(310)에서, 장치는 헤더가 장치 식별자를 포함하는 HTTP 및 HTTP로 식별된다. 그 장치에 대응하는 장치 능력 리포지토리 및 장치 선호 리포지토리 내에 저장된 정보가 추출된다. 요청을 보내기 위해 장치에 의해 사용된 네트워크는 이 기술 분야에 널리 공지된 많은 가능한 것들 중의 하나에 의해 컴퓨팅 시스템으로부터 얻어지고, 네트워크 선호 리포지토리로부터 대응하는 네트워크 선호 정보를 추출하기 위해 이 단계에서 사용된다. 다음 단계(320)에서는, 모든 추출된 정보 중에서 선택된 정보의 리스트를 형성함으로써 선호 취합이 실행된다. 리스트 아이템의 선택을 형성하기 위해, 우선 순위는 장치 선호에 대해 유효화되는 네트워크 선호에 주어지고, 그 다음 최종 선택은 장치 능력으로 실행된다. 선호 취합 단계의 종료 시에, 요청 규칙 리스트가 완료된다. 다음 단계는 웹 서버로부터 요청된 웹 페이지를 검색하는 단계(340)로 되어 있다. 웹 페이지가 CSS를 포함하지 않으면[단계 345의 예(Y)], 검색된 페이지는 아무런 변경없이 다른 기능을 통해 발송되고(단계 390), 그대로 장치로 전송된다. HTML V3.2까지 지원하는 브라우저 장치는 이 페이지를 해석할 수 있을 것이다. 검색된 페이지가 최소한 하나의 CSS를 포함하면, 요청 규칙 리스트 내에서, CSS가 장치에 의해 지원되는 지의 여부가 체크된다. 장치가 CSS를 지원하면[단계 350의 예], 검색된 페이지는 아무런 변경없이 다른 기능을 통해 발송되고(단계(390)), 그대로 장치로 전송된다. HTML V4를 지원하는 브라우저 장치는 CSS 스타일 자체를 해석하고, 그것을 사용하여 웹 페이지를 표시할 수 있을 것이다. 장치가 CSS를 지원하지 않고[단계 350의 아니오], 그것이 양호한 실시예의 방법에 의해 지원된 중요한 경우라면, CSS는 필요하다면 검색되고, 취합된다. CSS 스타일 정의는 이전 단계에서 검색된 페이지의 HTML V4 문장 내에 직접 매입될 수 있다. 다른 경우는 HTML 페이지 문장이 링크 문장을 포함하는 경우이다. 이 경우에, CSS 스타일 정의는 웹 서버(들) 상에 또는 특정 CSS 서버 상에 위치한 파일로부터 검색된다. 일단 HTML 페이지의 모든 CSS 스타일 정의가 검색되면, 모순된 정의는 리스트로부터 금지되고, 결과적으로 얻은 리스트는 CSS 규칙 리스트(370)를 형성한다. 검색된 HTML 페이지뿐만 아니라 이 리스트는 다음 트랜스코딩 단계(365)로의 입력으로서 사용된다. 이 단계에서, CSS에 관련되지 않는 HTML 페이지의 문장은 장치 및 네트워크 능력 및 선호에 대한 요청 규칙 리스트와 모순되지 않게 하면서 CSS 규칙 리스트의 프리젠테이션 스타일 정의를 고려하여 변경된다. 트랜스코딩 단계는 성능상의 이유로, 양호한 실시예에서 2 개의 단계로 실행된다: 즉, 나머지 HTML 문장으로 가져오기 위해 변경을 기술하는 액션 리스트 를 준비하는 제1 단계와, HTML 문장 상에서 이들 액션을 해석하는 제2 단계를 실행한다. 결과적으로 얻은 HTML 문장은 장치의 프리젠테이션 가능한 것에 적합하게 맞추어진 장치 맞춤화 최종 HTML 페이지를 형성하는데, 이 최종 HTML 페이지는 웹 페이지를 표시하기 위해 장치가 해석할 수 있는 HTML V3.2로부터의 문장만을 포함한다.

Claims (9)

  1. CSS를 지원할 수 없는 웹 브라우저를 사용하는 장치가, 네트워크를 통해 요청하여, 네트워크를 통해 지원할 수 있는 CSS가 포함된 모든 프리젠테이션 특징들(presentation features)을 사용하면서 CSS를 포함하는 HTML 웹 페이지들을 표시할 수 있게 하는 컴퓨팅 시스템 상에서 실행되는 HTML 웹 페이지의 표시 방법에 있어서,
    상기 장치로부터 HTML 웹 페이지를 얻기 위한 요청을 수신하는 단계와;
    상기 요청 장치를 식별하고, 모든 장치 및 네트워크 표시 가능 정보를 취합하ㅇ여, 모순된 정보를 금지하는 단계 - 네트워크 표시 가능한 것들은 가장 높은 우선 순위가 되고, 그 결과는 요청 규칙 리스트(Request rule list)를 형성함 - 와;
    상기 요청된 웹 페이지를 웹 서버로부터 검색하는 단계와;
    결과적으로 얻은 CSS 규칙 리스트 내에서 충돌하는 것들을 금지하면서 웹 페이지의 모든 CSS 프리젠테이션 정의들을 취합하는 단계와;
    상기 요청 규칙 리스트 내에 설명된 것과 같은 장치 및 네트워크 가능한 것들을 고려하면서 CSS 규칙 리스트를 반영하여, CSS에 관련되지 않는 HTML 페이지의 문장들을 변경하는 단계와;
    상기 변경된 문장들을 포함하는 HTML 페이지를 상기 장치로 전송하는 단계
    를 포함하는 HTML 웹 페이지의 표시 방법.
  2. 제1항에 있어서, 상기 변경 단계는,
    CSS에 관련되지 않는 HTML 페이지로 가져오기 위해 변경들의 액션 리스트를 작성하는 단계와;
    상기 변경된 문장들을 작성하기 위해 이들 액션들을 해석하는 단계
    를 더 포함하는 HTML 웹 페이지의 표시 방법.
  3. 제1항 또는 제2항에 있어서, 상기 모든 CSS 프리젠테이션 정의들을 취합하는 단계는,
    상기 검색된 HTML 페이지 내에 매입된 CSS 프리젠테이션 정의들을 수집하는 단계와;
    웹 서버의 어드레스가 HTML 문장 내에 제공되는 웹 서버로부터, 웹 서버 상에 저장된 CSS 파일 내에 저장된 CSS 프리젠테이션 정의들을 판독하는 단계
    를 더 포함하는 HTML 웹 페이지의 표시 방법.
  4. 제3항에 있어서, 상기 웹 서버로부터 판독된 CSS 파일을 CSS 캐시 파일 상에 저장하는 단계를 더 포함하는 HTML 웹 페이지의 표시 방법.
  5. 제1항 내지 제4항 중 어느 한 항에 있어서, 장치 활동에 관한 부가 가치 기능을 수행하기 위해 장치로부터의 요청을 사용하는 단계를 더 포함하는 HTML 웹 페 이지의 표시 방법.
  6. 제1항 내지 제5항 중 어느 한 항에 있어서, 장치 능력들, 장치 선호들(preferences) 및 네트워크 선호들에 관한 정보를 리포지토리들(repositories) 내에 저장하는 초기 단계를 더 포함하고, 상기 리포지토리들은 상기 모든 장치 및 네트워크 표시 가능 정보를 취합하는 단계를 실행하기 위해 판독되는 것인 HTML 웹 페이지의 표시 방법.
  7. 제1항 내지 제6항 중 어느 한 항에 있어서, 상기 전송 단계 전에, 상기 검색된 웹 페이지 내에 포함되고 CSS에 관련되는 모든 문장들을 상기 HTML 페이지 문장들 내에서 금지하는 단계를 더 포함하는 HTML 웹 페이지의 표시 방법.
  8. 프로그램이 컴퓨터 상에서 실행될 때 청구항 제1항 내지 제7항 중 어느 한 항에 따른 HTML 웹 페이지의 표시 방법의 각 단계들을 실행하기 위한 프로그래밍 코드 명령어들을 포함하는 컴퓨터 프로그램 제품.
  9. 청구항 제1항 내지 제8항 어느 한 항에 따른 HTML 웹 페이지의 표시 방법의 단계들 중 어느 한 단계를 실행하도록 적응된 수단을 포함하는 데이터 처리 시스템.
KR1020057024668A 2003-06-30 2004-05-06 웹 장치에서의 html 페이지의 프리젠테이션을 개선하는방법 및 시스템 KR100810010B1 (ko)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
EP03368064 2003-06-30
EP03368064.6 2003-06-30

Publications (2)

Publication Number Publication Date
KR20060061304A true KR20060061304A (ko) 2006-06-07
KR100810010B1 KR100810010B1 (ko) 2008-03-07

Family

ID=33560906

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020057024668A KR100810010B1 (ko) 2003-06-30 2004-05-06 웹 장치에서의 html 페이지의 프리젠테이션을 개선하는방법 및 시스템

Country Status (9)

Country Link
US (1) US7620891B2 (ko)
EP (1) EP1661036B1 (ko)
JP (1) JP4398462B2 (ko)
KR (1) KR100810010B1 (ko)
CN (1) CN100440208C (ko)
AT (1) ATE386985T1 (ko)
DE (1) DE602004011952T2 (ko)
TW (1) TWI322361B (ko)
WO (1) WO2005003998A1 (ko)

Families Citing this family (47)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7769773B1 (en) * 2004-08-31 2010-08-03 Adobe Systems Incorporated Relevant rule inspector for hierarchical documents
US7562070B2 (en) * 2005-04-01 2009-07-14 Microsoft Corporation Method and system for aggregating rules that define values for the same property associated with the same document element
US7653875B2 (en) * 2005-04-07 2010-01-26 Microsoft Corporation Browser sensitive web content delivery
TWI292108B (en) * 2005-12-28 2008-01-01 Via Tech Inc Fault-tolerant methods and systems for managing webpage presentation
JP2007279795A (ja) * 2006-04-03 2007-10-25 Ibm Japan Ltd プログラムによって表示される画面が仕様を満たすか判断するシステム
US10452756B2 (en) 2006-09-29 2019-10-22 Oath Inc. Platform for rendering content for a remote device
US7895514B1 (en) 2006-10-23 2011-02-22 Adobe Systems Incorporated Systems and methods for solving rendering compatibility problems across electronic document viewers
US8181107B2 (en) * 2006-12-08 2012-05-15 Bytemobile, Inc. Content adaptation
US8069409B2 (en) * 2007-09-06 2011-11-29 Sharp Laboratories Of America, Inc. Customized remote access to imaging node front panels
US7996765B1 (en) * 2007-09-07 2011-08-09 Adobe Systems Incorporated System and method for style sheet language coding that maintains a desired relationship between display elements
US8914774B1 (en) 2007-11-15 2014-12-16 Appcelerator, Inc. System and method for tagging code to determine where the code runs
US8954989B1 (en) 2007-11-19 2015-02-10 Appcelerator, Inc. Flexible, event-driven JavaScript server architecture
US8566807B1 (en) 2007-11-23 2013-10-22 Appcelerator, Inc. System and method for accessibility of document object model and JavaScript by other platforms
US8719451B1 (en) 2007-11-23 2014-05-06 Appcelerator, Inc. System and method for on-the-fly, post-processing document object model manipulation
US8756579B1 (en) 2007-12-03 2014-06-17 Appcelerator, Inc. Client-side and server-side unified validation
US8806431B1 (en) 2007-12-03 2014-08-12 Appecelerator, Inc. Aspect oriented programming
US8527860B1 (en) 2007-12-04 2013-09-03 Appcelerator, Inc. System and method for exposing the dynamic web server-side
US20090150766A1 (en) * 2007-12-06 2009-06-11 International Business Machines Corporation Systems, methods and computer program products for applying styles from elements included in an existing page
JP5311813B2 (ja) * 2007-12-18 2013-10-09 三菱電機株式会社 コマーシャル処理装置
CN101626363B (zh) * 2008-07-07 2013-03-27 华为技术有限公司 聚合业务装置、系统、聚合业务创建及使用方法
JP5245629B2 (ja) * 2008-08-05 2013-07-24 富士通株式会社 中継装置、通信中継方法、そのプログラム、及び中継システム
US7596620B1 (en) 2008-11-04 2009-09-29 Aptana, Inc. System and method for developing, deploying, managing and monitoring a web application in a single environment
CN101777048B (zh) * 2009-01-14 2013-04-03 国际商业机器公司 解决web应用复合中UI样式冲突的方法和装置
US8516362B2 (en) * 2010-09-14 2013-08-20 Usablenet Inc. Methods for extending a document transformation server to process multiple documents from multiple sites and devices thereof
CN102624761A (zh) * 2011-01-27 2012-08-01 腾讯科技(深圳)有限公司 一种获取图文信息的装置、系统及方法
CN102622376A (zh) * 2011-01-28 2012-08-01 北京千橡网景科技发展有限公司 用于合并层叠样式表文件的方法和设备
US9621406B2 (en) 2011-06-30 2017-04-11 Amazon Technologies, Inc. Remote browsing session management
US8706860B2 (en) 2011-06-30 2014-04-22 Amazon Technologies, Inc. Remote browsing session management
CA2840420C (en) * 2011-06-30 2016-12-20 Amazon Technologies, Inc. Remote browsing session management
US8577963B2 (en) 2011-06-30 2013-11-05 Amazon Technologies, Inc. Remote browsing session between client browser and network based browser
US9195768B2 (en) 2011-08-26 2015-11-24 Amazon Technologies, Inc. Remote browsing session management
CN104025084B (zh) * 2011-09-27 2018-08-21 亚马逊技术有限公司 历史浏览会话管理
US8589385B2 (en) 2011-09-27 2013-11-19 Amazon Technologies, Inc. Historical browsing session management
US8164596B1 (en) * 2011-10-06 2012-04-24 Sencha, Inc. Style sheet animation creation tool with timeline interface
EP2608017A1 (en) * 2011-12-21 2013-06-26 Siemens Aktiengesellschaft Method for modifying the look and behavior of a web application
WO2013102802A1 (en) * 2012-01-02 2013-07-11 International Business Machines Corporation Conflict resolution of css definition from multiple sources
US9336321B1 (en) 2012-01-26 2016-05-10 Amazon Technologies, Inc. Remote browsing and searching
US9817916B2 (en) * 2012-02-22 2017-11-14 Akamai Technologies Inc. Methods and apparatus for accelerating content authored for multiple devices
CN103365640A (zh) * 2012-03-30 2013-10-23 中兴通讯股份有限公司 层叠样式表样式转换方法及装置
US20130282859A1 (en) * 2012-04-20 2013-10-24 Benefitfocus.Com, Inc. System and method for enabling the styling and adornment of multiple, disparate web pages through remote method calls
US9519629B1 (en) * 2012-08-06 2016-12-13 Amazon Technologies, Inc. Style consolidation and optimization with strong ownership
US10282401B2 (en) * 2013-03-13 2019-05-07 Usablenet Inc. Methods for processing cascading style sheets and devices thereof
US9967309B2 (en) * 2014-10-06 2018-05-08 Microsoft Technology Licensing, Llc Dynamic loading of routes in a single-page application
CN104572822B (zh) * 2014-12-04 2018-09-04 百度在线网络技术(北京)有限公司 文本展现方法及装置
EP3374957A4 (en) * 2015-11-13 2019-07-17 Playground XYZ IP Pty Ltd METHOD AND SYSTEM FOR DISTRIBUTING ELECTRONIC EDITION CONTENT
US11126787B2 (en) * 2020-02-11 2021-09-21 Madcap Software, Inc. Generating responsive content from an electronic document
CN111898051B (zh) * 2020-07-23 2023-08-15 平安证券股份有限公司 Css样式精简方法、装置、电子设备及存储介质

Family Cites Families (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5860073A (en) * 1995-07-17 1999-01-12 Microsoft Corporation Style sheets for publishing system
US6023714A (en) * 1997-04-24 2000-02-08 Microsoft Corporation Method and system for dynamically adapting the layout of a document to an output device
US6565609B1 (en) * 1999-06-15 2003-05-20 Microsoft Corporation Translating data into HTML while retaining formatting and functionality for returning the translated data to a parent application
JP4438129B2 (ja) * 1999-07-02 2010-03-24 ソニー株式会社 コンテンツ受信システム及びコンテンツ受信方法
GB2366037B (en) * 2000-02-24 2004-01-21 Ibm Customising an HTML document
US6822663B2 (en) * 2000-09-12 2004-11-23 Adaptview, Inc. Transform rule generator for web-based markup languages
GB2373085B (en) * 2001-03-08 2004-10-06 Ibm Method, computer program and system for style sheet generation
JP2003131930A (ja) * 2001-10-26 2003-05-09 Nec Corp コンテンツ変換処理装置、スタイルシート自動選択方法、およびそのプログラム
US7299411B2 (en) * 2002-09-27 2007-11-20 Liberate Technologies Providing a presentation engine adapted for use by a constrained resource client device

Also Published As

Publication number Publication date
DE602004011952D1 (de) 2008-04-03
WO2005003998A1 (en) 2005-01-13
US7620891B2 (en) 2009-11-17
US20060236223A1 (en) 2006-10-19
JP2009514045A (ja) 2009-04-02
EP1661036A1 (en) 2006-05-31
KR100810010B1 (ko) 2008-03-07
CN100440208C (zh) 2008-12-03
JP4398462B2 (ja) 2010-01-13
CN1826600A (zh) 2006-08-30
ATE386985T1 (de) 2008-03-15
EP1661036B1 (en) 2008-02-20
TWI322361B (en) 2010-03-21
DE602004011952T2 (de) 2008-07-03
TW200517886A (en) 2005-06-01

Similar Documents

Publication Publication Date Title
KR100810010B1 (ko) 웹 장치에서의 html 페이지의 프리젠테이션을 개선하는방법 및 시스템
JP5551938B2 (ja) クライアントデバイスに表示する情報コンテンツを提供する方法及び装置
EP1320972B1 (en) Network server
JP5312349B2 (ja) 情報コンテンツの一部分をクライアント装置に与える方法およびシステム
KR101099272B1 (ko) 외부 프로그램 테마를 사용하는 웹페이지 렌더링을 위한 테마 적용 방법
US20070214422A1 (en) Framework for implementing skins into a portal server
AU2006326623A1 (en) Remote module incorporation into a container document
JP2010532884A5 (ko)
IL188663A (en) Web page rendering priority mechanism
US8090702B2 (en) Analyzing web site traffic
US20040225672A1 (en) Method for editing a web site
JPWO2005121982A1 (ja) 情報提供システム、方法、プログラム、情報通信端末、および情報表示切り替えプログラム
KR101462114B1 (ko) 동기식 스크립트 지연 로딩 시스템, 방법 및 컴퓨터 판독 가능한 기록 매체
Kaar An introduction to Widgets with particular emphasis on Mobile Widgets
EP1204030A1 (en) Extending hypermedia documents by adding tagged attributes
Nebeling et al. XCML: providing context-aware language extensions for the specification of multi-device web applications
Kao et al. A personal Web page tailoring toolkit for mobile devices
EP2557505A1 (en) Web display program conversion system, web display program conversion method, and program for web display program conversion
Juneau et al. Java Web Applications
JP4936413B1 (ja) ウェブ表示プログラム変換システム、ウェブ表示プログラム変換方法、及び、ウェブ表示プログラム変換用プログラム
Vigo et al. Automatic device-tailored evaluation of mobile web guidelines
JP4337309B2 (ja) ブラウザ装置
JP2013114293A (ja) ウェブ表示プログラム変換システム、ウェブ表示プログラム変換方法、及び、ウェブ表示プログラム変換用プログラム
Ceornea Applying Next Generation Web Technologies in the Configuration of Customer Designed Products
de Oliveira Coelho et al. Mobile Applications to a Pervasive World

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
G170 Re-publication after modification of scope of protection [patent]
FPAY Annual fee payment

Payment date: 20110110

Year of fee payment: 4

LAPS Lapse due to unpaid annual fee