[논문]이동 단말을 위한 HTML 문서의 변환 기법

신희숙; 조수선; 이동우; 마평수

이동 단말을 위한 HTML 문서의 변환 기법
A HTML Document Transcoding Technique for Mobile Devices 원문보기

신희숙 (한국전자통신연구원 컴퓨터소프트웨어 연구소) , 조수선 (한국전자통신연구원 컴퓨터소프트웨어 연구소) , 이동우 (한국전자통신연구원 컴퓨터소프트웨어 연구소) , 마평수 (한국전자통신연구원 컴퓨터소프트웨어 연구소)

본 논문에서는 일반 데스크탑 PC의 디스플레이 성능에 적합하도록 작성된 유선의 웹 문서를 무선 인터넷 환경의 핸드헬드 계열 소형 단말에서도 효율적으로 표현하기 위한 변환 기법을 제시한다. 이는 기존의 단순한 텍스트 위주의 추출 및 형식의 변환과는 달리, 분석 및 변환을 위한 최소 내용 단위를 설정하고, 이들의 재배치를 통하여 원본 웹 문서의 정보를 보다 정확히 반영한다. 또한 새로운 인덱스 형식으로의 재표현을 통하여 기존의 페이지 조각과 계층적 구조의 인덱스 링크를 이용한 인터페이스보다 편리한 검색 및 페이지 이동을 제공한다. 이 기법은 보다 많은 정보를 복잡한 구조로 표현하는 현재의 웹 문서 특징을 반영하고, 이동 단말들의 고성능화 추세와 함께 화려한 무선 인터넷을 요구하는 사용자들을 고려한 것이다. 전체 변환 과정은 Layout-Forming Tag Analysis Algorithm, Component Grouping Algorithm Component Block Classification Method, Index Generation Method로 구성된다. 변환 시스템의 구성 모듈별 설계와 프로토타입의 구현을 통하여 제안하는 알고리즘 및 변환 방법을 평가하였고, 실제 웹 문서에 대한 실험 결과에서 단말의 소형 화면에 적합하게 변환된 모습을 확인하였다.

* AI 자동 식별 결과로 적합하지 않은 문장이 있을 수 있으니, 이용에 유의하시기 바랍니다.

문제 정의

따라서 본 논문에서는 내용 블록 단위와 Semi-Semantic 정보를 이용하여 복잡한 웹 문서에 대해 보다 정확한 변환을 시도하고, 원본 웹 문서의 모습을 최대한 반영하면서 좌우스크롤이 없는 편리한 인터페이스로 소형 화면에 적합하게 표현되어지는 자동 변환 기법을 제안한다.
핸드헬드 계열 단말의 고성능화 추세와 이를 이용한 무선 인터넷의 접속이 증가하면서 이런 단말을 위한 웹 문서의 적절한 변환이 요구되어지고 있다. 따라서 본 연구에서는 HTML 브라우저를 탑재한 핸드헬드 계열의 이동 단말을 대상으로 하는 웹 문서의 변환 기법에 대해 다루고자 한다. 여기서 이와 관련된 기존 연구들을 웹 문서가 변환되는 단계 또는 시점을 기준으로 하여 분류하면 다음과 같다.
본 논문에서는 기존의 일반 데스크탑 PC 의 디스플레이 성능에 적합하도록 작성된 웹 문서를 소형 화면에서도 효율적으로 표현되어질 수 있도록 변환해 주기 위한 새로운 기법을 제시하였다.

제안 방법

있었다[5]. 따라서 이러한 특성을 기반으로 하여, 시각적 분리 표현을 주도하는 태그들의 분석으로부터 페이지 레이아웃의 Semi-Semantic 정보를 추출하고 이를 변환에 활용한다. 이것은 WebAIchemist[4]에서 제시한 바와 같이 기존의 Syntactic 자동 변환 기법이 가지는 불명확환 변환을 보완할 수 있다.
먼저 Layout-Forming Tag Analysis Algorithm을 이용하여 원본 웹 문서에서 Component 단위를 정의하고 분석에 필요한 구조적 정보를 얻는다. 이후 Component Grouping Algorithm 올 통하여 정의된 Component 를 클라이언트 화면 성능에 따라 적절한 width 를 가지도록 Component Block 으로 묶는데, 이 때각 Block 은 표현 및 배치상의 유사성을 기본으로 가지게 된다.
문서 구조상의 오류 발생율은 새로운 구조적 표현 즉, 의 시각적인 표현이 적절하지 못한 경우를 나타내는 것으로 내부 , 의 속성값과 매칭 여부를 비교하였다.
문서 내용의 유지율은 원본 페이지와 변환된 페이지가 가지는 컨텐츠의 차이점에 대한 비율을 나타내는 값으로 Component 단위에서 컨텐츠 유무를 비교 기준으로 하였다. 문서 구조상의 오류 발생율은 새로운 구조적 표현 즉, <TABLE>의 시각적인 표현이 적절하지 못한 경우를 나타내는 것으로 내부 <TR>, <TD> 의 속성값과 매칭 여부를 비교하였다.
시스템의 구현 및 실험은 알고리즘의 실현과 성능평가에 초점을 두었고, W3C HTML Tidy 와 Jigsaw를 활용하여 HTML4.0 과 HTTP 1.1을 따르도록 프로토타입을 구현하였다. 한국 인터넷 정보센터의 웹사이트 분석/평가 전문 사이트에서 제시한 순위별 50 개의 사이트를 선정하여 테스트하였고, <표 2>에서 그 결과를 요약한다.
시스템의 설계와 프로토타입의 구현을 통하여 알고리즘의 성능을 평가하였고, 테스트 결과 페이지를 함께 제시하였다. 향후 과제로 시각과 청각이 동시에 지원되는 웹 문서 형식으로의 변환 기법과 실시간 자동변환을 위한 최적 기법에 대해 계속 연구하고자 한다.
앞선 연구에서 나타난 문제점을 보완하면서, HTML 브라우저를 내장한 핸드헬드 계열의 소형 단말을 위한 새로운 변환 기법을 제안한다.
웹 문서의 분석 및 변환을 위한 주요 알고리즘으로 Layout-Forming Tag Analysis Algorithm 과 Component Grouping Algoritta 을 소개하였고, Component Block의 분류 및 인덱스 생성과 블록 단위의 재배치 방법에 대해 제안하였다.

대상 데이터

한국 인터넷 정보센터의 웹사이트 분석/평가 전문 사이트에서 제시한 순위별 50 개의 사이트를 선정하여 테스트하였고, 에서 그 결과를 요약한다.

성능/효과

둘째, 클라이언트 측에서의 변환: 웹 문서를 전송받은 클라이언트 측에서 적절한 변환을 수행하는 것으로 사용자의 요구 사항을 반영한 개인 특성화가 쉽게 구현될 수 있는 장점이 있다. 하지만 유선과 동일한 형태의 정보를 클라이언트가 받은 후에 적절한 변환 과정을 수행하므로 네트웍 자원의 비효율적인 사용과 클라이언트 단말의 높은 컴퓨팅 파워를 요구하게 된다.
이것은 WebAIchemist[4]에서 제시한 바와 같이 기존의 Syntactic 자동 변환 기법이 가지는 불명확환 변환을 보완할 수 있다. 또한 이러한 시각적인 내용 조각 단위로부터 분석을 위한 최소 내용 단위(Component)를 설정하고 이를 기본으로 변환을 수행함으로써 정보 전달이 보다 명확한 변환 결과를 얻을 수 있다. 여기에 단말의 화면 크기를 고려하여 조각 단위들의 묶음(Component Block)을 재배치하고, 새로운 인덱스 형식의 표현을 통하여 편리한 인터페이스로 좌우 스크롤이 없는 웹 페이지를 제공할 수 있다.
본 논문이 제시하는 변환 기법을 통하여 기존의 웹 문서는 이동 단말의 화면 크기에 적합한 모습으로 변환되어 좌우 스크롤없이 브라우징할 수 있고, 원 문서가 가지는 정보를 명확하게 전달하는 효과도 얻을 수 있다. 이는 이동 환경의 고성능 소형 단말의 특성을 최대한 고려하여 사용자에게 편리하고 효과적으로 웹서비스를 사용할 수 있도록 한다.
세째, 프락시 측에서의 변환: 대부분의 자동 변환시스템은 프락시로 동작하면서 보다 많은 웹 문서를 대상으로 적절한 변환을 수행하여 다양한 단말을 지원한다[9][10]. 관련 연구로는 팜파일럿 단말의 브라우저를 위한 변환 프락시를 선보이는 Top Gun Wingman[8]과, 상용 제품으로 자동 변환을 수행하는 Sypglass Prism 등이 있다.
문서 구조상의 오류 발생율은 새로운 구조적 표현 즉, <TABLE>의 시각적인 표현이 적절하지 못한 경우를 나타내는 것으로 내부 <TR>, <TD> 의 속성값과 매칭 여부를 비교하였다. 에러발생율은 스크립트 에러 및 객체 랜더링에서발생하는 에러의 횟수로 계산한 값이다: 결과적으로, 구조적 구성을 가지는 웹 문서에 대해 최적으로 동작하여 좌우 스크롤없이 내용 단위별 재표현 및 재배치가 이루어졌으며, 특히 많은 정보를 표현하면서 복잡하게 구성된 페이지에 대해 적절한 변환 결과를 보였다. 다음 그림은 Yahoo 사이트에 대한 변환 결과 예제를 보인다.

후속연구

제시하였다. 향후 과제로 시각과 청각이 동시에 지원되는 웹 문서 형식으로의 변환 기법과 실시간 자동변환을 위한 최적 기법에 대해 계속 연구하고자 한다.

내보내기 구분	파일저장 인쇄 메일전송
구성항목	기본정보 상세정보 관리번호, 논문명, 저널/프로시딩명, 저자 , 발행년, 권, 호, 시작페이지, 끝페이지, 발행기관 관리번호, 논문명, 대등논문명, 저자 , 저널/프로시딩명, 발행기관, 발행년, 발행언어, 권, 호, 시작페이지, 끝페이지, ISBN, ISSN, 주제분야, 키워드, 초록(한글), 초록(영문), 저자(소속기관)
저장형식	Text(ASCII format) Excel format RefWorks Direct Export RIS format (for Reference Manager, ProCite, EndNote), Scholar's Aids, Mendeley
메일정보	받는사람 (필수) @ 보내는사람 (선택) @ 제목 내용 KISTI 검색결과 이메일 서비스
안내	총 건의 자료가 검색되었습니다. 다운받으실 자료의 인덱스를 입력하세요. (1-10,000) 검색결과의 순서대로 최대 10,000건 까지 다운로드가 가능합니다. 데이타가 많을 경우 속도가 느려질 수 있습니다.(최대 2~3분 소요) 다운로드 파일은 UTF-8 형태로 저장됩니다. 파일의 내용이 제대로 보이지 않을실 때는 웹브라우저 상단의 보기 -> 인코딩 -> 자동선택 여부를 확인하십시오. ~ Text(ASCII format) Excel format

연합인증

이동 단말을 위한 HTML 문서의 변환 기법
A HTML Document Transcoding Technique for Mobile Devices 원문보기

초록
AI-Helper

AI 본문요약
AI-Helper

문제 정의

제안 방법

대상 데이터

성능/효과

후속연구

이 논문을 인용한 문헌

관련 콘텐츠

원문 보기

이 논문과 함께 이용한 콘텐츠

AI-Helper ※ AI-Helper는 오픈소스 모델을 사용합니다.

선택된 텍스트

연합인증

이동 단말을 위한 HTML 문서의 변환 기법 A HTML Document Transcoding Technique for Mobile Devices 원문보기

초록 용어보기논문에서 용어와 풀이말을 자동 추출한 결과로, 시범 서비스 중입니다. AI-Helper

AI 본문요약 엑셀 다운로드 AI-Helper

문제 정의

제안 방법

대상 데이터

성능/효과

후속연구

이 논문을 인용한 문헌

관련 콘텐츠

원문 보기

이 논문과 함께 이용한 콘텐츠

AI-Helper ※ AI-Helper는 오픈소스 모델을 사용합니다.

선택된 텍스트

이동 단말을 위한 HTML 문서의 변환 기법
A HTML Document Transcoding Technique for Mobile Devices 원문보기

초록
AI-Helper

AI 본문요약
AI-Helper