KR100917280B1 - 웹문서의 표시방법 - Google Patents

Abstract

본 발명은 웹문서의 표시방법에 관한 것으로서, 웹문서에 적용되는 하나의 텍스트 데이터에 대응되는 다수개의 폰트프레임을 정해진 시간에 따라 순차적으로 표시함으로써 애니메이션 효과를 나타내는 애니폰트를 사용하여 작성된 웹문서를 표시하여 다양한 형태의 폰트를 통해 작성된 웹문서를 표시하여 동적으로 표시할 수 있다.

애니메이션, 폰트, 웹문서, 웹폰트, 애니폰트

Description

웹문서의 표시방법{DISPLAY METHOD OF WEB DOCUMENT}

본 발명은 웹문서의 표시방법에 관한 것으로서, 보다 상세하게는 웹문서에 적용되는 하나의 텍스트 데이터에 대응되는 다수개의 폰트프레임을 정해진 시간에 따라 순차적으로 표시하여 애니메이션 효과를 나타내는 애니폰트를 사용하여 작성된 웹문서를 표시하기 위한 웹문서의 표시방법에 관한 것이다.

인터넷 이용자들은, 자신의 홈페이지나 블로그 등의 개인 커뮤니티 공간을 이용하거나, 또는 그룹 커뮤니티 공간이나 뉴스 게시판과 연동된 토론 공간 등의 다수가 용이하게 접근 가능한 공용 커뮤니티 공간을 이용하여 다른 사용자들과 빈번하게 커뮤니케이션을 수행한다.

그런데, 인터넷 이용자들은 자신의 개인 커뮤니티 공간, 또는 공용 커뮤니티 공간 중에서도 자신의 공간을 아름답게 꾸미고자 하는 욕구가 있으며, 이를 위해 서비스 페이지 별로 스킨, 배경 음악 등을 제공하는 서비스가 사용되고 있다. 따라서, 인터넷 이용자는 자신의 개인 커뮤니티 공간의 바탕 화면을 스킨으로 꾸미고 배경 음악이 재생되도록 할 수 있다.

또한, 위와 같이 이미지 등을 통한 개인 커뮤니티 공간을 아름답게 꾸미는 방법 이외 또 다른 방법은, 웹페이지에서 제공되는 폰트 아이템을 구입하여 자신이 입력한 텍스트 데이터가 소정의 폰트로 출력되도록 하는 방식을 사용하거나, 숙달된 사용자의 경우에는 간단한 HTML 태그를 포함하는 문장을 이용하여 특유의 효과를 부여할 수도 있다.

그러나, 이와 같이 자신이 입력한 텍스트 데이터가 소정의 폰트로 출력되도록 하는 방식은 정적인 표현만이 가능한 문제점이 있으며, HTML 태그를 사용하는 경우 숙달된 사용자들만이 사용하거나 HTML 태그에서 제공되는 일정한 효과 이외의 효과를 부여할 수 없는 문제점이 있다.

본 발명은 상기와 같은 문제점을 개선하기 위해 창작된 것으로서, 본 발명의 목적은 웹문서에 적용되는 하나의 텍스트 데이터에 대응되는 다수개의 폰트프레임을 정해진 시간에 따라 순차적으로 표시하여 애니메이션 효과를 나타내는 애니폰트를 사용하여 작성된 웹문서를 표시하기 위한 웹문서의 표시방법을 제공함에 있다.

상기와 같은 목적을 이루기 위한 본 발명에 의한 웹문서의 표시방법은 사용 자 단말기를 통해 웹서버에 접속하여 애니폰트가 포함된 웹문서를 요청하는 제 1단계와, 웹문서의 요청에 따라 웹문서를 수신 받을 뿐만 아니라 애니폰트 제어 프로그램을 수신 받는 제 2단계와, 애니폰트 제어 프로그램을 실행하여 웹문서의 화면구성 데이터를 분석하는 제 3단계와, 웹문서에 애니폰트 데이터가 포함되어 있는가 판단하여 애니폰트 데이터를 요청하여 수신 받는 제 4단계와, 애니폰트 데이터에 의한 애니폰트 파일이 저장되어 있는가 판단하여 애니폰트 파일을 요청하여 수신 받는 제 5단계와, 화면구성 데이터에 의해 웹문서를 출력하는 제 6단계와, 웹문서를 출력한 후 애니폰트 데이터에 의해 애니폰트의 폰트프레임을 변경하여 제 6단계로 리턴되는 제 7단계를 포함하는 것을 특징으로 한다.

본 발명에서 제 2단계의 애니폰트 제어 프로그램을 수신 받는 단계는 애니폰트 제어 프로그램의 저장여부를 확인하여 저장되지 않은 경우 애니폰트 제어 프로그램을 요청하여 수신 받는 것을 특징으로 한다.

본 발명에서 애니폰트 제어 프로그램은 사용자 단말기에 임시 저장되는 것을 특징으로 한다.

본 발명에서 애니폰트 제어 프로그램은 자바스크립트로 작성된 것을 특징으로 한다.

본 발명에서 애니폰트 제어 프로그램은 ActiveX의 플러그인으로 구현되는 것을 특징으로 한다.

본 발명에서 애니폰트 데이터는 애니폰트명, 폰트프레임 수, 폰트프레임간 시간간격, 크기를 포함하는 것을 특징으로 한다.

본 발명에서 애니폰트는 하나의 텍스트 데이터에 다수개의 폰트프레임이 대응되는 것을 특징으로 한다.

본 발명에서 다수개의 폰트프레임은 애니메이션 효과를 위한 서로 다른 프레임컷으로 이루어진 것을 특징으로 한다.

본 발명에서 제 7단계에서 제 6단계로 리턴되어 웹문서를 출력할 때 애니폰트가 적용된 텍스트 데이터만 재출력하는 것을 특징으로 한다.

본 발명에서 제 7단계는 애니폰트 데이터에 의한 폰트프레임 수를 모두 반복한 경우 첫 폰트프레임부터 다시 반복하는 것을 특징으로 한다.

상기한 바와 같이 본 발명은 웹문서에 적용되는 하나의 텍스트 데이터에 대응되는 다수개의 폰트프레임을 정해진 시간에 따라 순차적으로 표시함으로써 애니메이션 효과를 나타내는 애니폰트를 사용하여 작성된 웹문서를 표시하여 다양한 형태의 폰트를 통해 작성된 웹문서를 표시하여 동적으로 표시할 수 있는 이점이 있다.

이하, 본 발명의 바람직한 실시예를 첨부된 도면을 참조하여 설명한다. 또한 본 실시예는 본 발명의 권리범위를 한정하는 것은 아니고, 단지 예시로 제시된 것이며 당 분야에서 통상의 지식을 가진 자라면 본 발명의 기술적 사상 내에서 많은 변형이 가능할 것이다.

도 1은 본 발명의 일 실시예에 따른 웹문서 제공 시스템을 나타낸 블록 구성도이다.

여기에 도시된 바와 같이 웹문서 제공 시스템은 유무선 인터넷을 통해 사용자 단말기(10)와 접속되어 웹문서를 제공하는 웹서버(20)와, 웹서버(20)에 연결되어 웹서버(20)에서 제공하는 웹문서에 사용된 웹폰트를 제공하기 위한 웹폰트 서버(30)와, 웹폰트 서버(30)에 의해 관리되며 웹폰트 데이터가 저장되는 웹폰트 DB(40)와, 웹서버(20)에 연결되어 웹서버(20)에서 제공하는 웹문서에 사용되는 애니메이션 효과를 갖는 애니폰트를 제공하기 위한 애니폰트 서버(50)와, 애니폰트 서버(50)에 의해 관리되며 애니폰트 데이터 및 애니폰트 파일이 저장되는 애니폰트 DB(60)를 포함한다.

이때 웹폰트 서버(30)와 애니폰트 서버(50)는 웹서버(20)와 통합되어 웹서버(20)에서 웹폰트 DB(40)와 애니폰트 DB(60)를 관리하면서 다양한 폰트를 제공할 수 있도록 할 수도 있다.

도 2는 본 발명의 일 실시예에 따른 웹문서의 표시방법을 설명하기 위한 흐름도이다.

여기에 도시된 바와 같이 블로그, 미니홈피, 게시판 등을 제공하는 웹서버(20)에 유무선 인터넷을 통해 접속하여 사용자 단말기(10)에 표시할 웹문서를 요청한다(S10).

이때 웹문서에는 애니메이션 효과를 갖는 애니폰트가 포함된다.

이러한 웹문서의 요청에 따라 웹서버(20)에서는 사용자 단말기(10)로 요청한 웹문서를 제공한다(S12).

이때 웹문서와 더불어 애니폰트 제어 프로그램도 함께 전송하여 수신 받을 수 있도록 한다(S12).

한편, 사용자 단말기(10)에 애니폰트 제어 프로그램의 저장여부를 확인하여 저장되지 않은 경우에만 애니폰트 제어 프로그램을 요청하여 수신 받을 수 있도록 할 수도 있다.

즉, 이미 다른 웹문서를 표시하기 위해 애니폰트 제어 프로그램이 사용자 단말기에 저장된 경우에는 수신 받지 않을 수 있도록 할 수도 있다.

이러한 애니폰트 제어 프로그램은 사용자 단말기(10)에 저장될 수도 있을 뿐만 아니라 일회성으로 임시 저장되어 웹문서의 표시가 완료된 후 다른 작업을 할 경우 삭제되도록 할 수도 있다.

위에서 애니폰트 제어 프로그램은 자바스크립트로 작성되거나, ActiveX의 플러그인으로 구현될 수 있다.

이후 수신 받은 애니폰트 제어 프로그램을 실행하고(S14), 웹문서의 화면구성 데이터를 분석한다(S16).

또한, 웹문서에 애니폰트 데이터가 포함되었는가 판단한다(S18).

위에서 수신된 웹문서에는 기본적으로 화면구성 데이터와 텍스트 데이터가 포함되며 애니폰트명, 폰트프레임 수, 폰트프레임간 시간간격, 크기 등의 애니폰트 데이터도 포함된다.

그러나, 위와 같은 애니폰트 데이터는 웹문서에 포함될 수도 있지만 포함되지 않고 전송되는 경우도 있다.

따라서, 웹문서에 애니폰트 데이터가 포함되었는가 판단하여 포함되지 않았을 경우에는 애니폰트 데이터를 애니폰트 서버(50)에 요청하여 수신 받게 된다(S20).

이와 같이 애니폰트 데이터를 애니폰트 서버(50)에 요청할 경우 애니폰트 서버(50)는 요청된 애니폰트 데이터를 애니폰트 DB(60)에서 애니폰트 데이터를 조회하여 사용자 단말기(10)로 전송한다.

이후 애니폰트 데이터에 따른 애니폰트 파일이 저장되어 있는가 판단한다(S22).

애니폰트는 도 3에 도시된 바와 같이 하나의 텍스트 데이터 '나'에 다수개의 폰트프레임인 제 1내지 제 3폰트프레임이 대응되어 일정한 시간간격으로 제 1폰트프레임이 표시된 후 제 2폰트프레임이 표시되고, 다시 제 3폰트프레임이 표시됨으로써 '나' 글씨 위에 별이 움직이는 애니메이션 효과를 얻을 수 있다.

즉, 제 1내지 제 3폰트프레임은 애니메이션 효과를 위한 서로 다른 프레임컷으로 이루어져 순차적으로 표시할 경우 애니메이션 효과를 나타내도록 구성한다.

따라서, 애니폰트 파일에는 위와 같은 제 1내지 제 3폰트프레임이 저장된다.

이와 같이 애니폰트의 애니메이션을 위한 애니폰트 파일이 저장되어 있는가 판단하여 저장되어 있지 않은 경우 애니폰트 서버(50)에 애니폰트 파일을 요청하여 수신 받는다(S24).

이때 애니폰트 파일도 애니폰트 제어 프로그램과 같이 일시적으로 사용자 단말기(10)에 임시 저장되어 웹문서를 표시한 후 사용하지 않을 경우 삭제할 수도 있으며 사용자 단말기(10)에 저장되어 남아 있도록 할 수도 있다.

이와 같이 웹문서를 표시하기 위한 화면구성 데이터의 분석을 모두 마치고, 텍스트 데이터를 표시하기 위한 웹폰트를 비롯하여 애니폰트를 표시하기 위해 애니폰트 데이터에 따른 애니폰트 파일에서 첫 번째 폰트프레임을 읽어와 분석된 화면구성 데이터에 의해 웹문서를 출력한다(S26).

이렇게 웹문서를 출력한 후 애니폰트 데이터에 의해 애니폰트의 폰트프레임을 변경하면서 애니폰트에 대해 애니메이션 효과가 일어나도록 한다.

이때 애니메이션 효과가 있는 애니폰트를 출력할 때 웹문서 전체를 애니폰트의 다음 폰트프레임과 함께 재출력할 수도 있을 뿐만 아니라 애니폰트가 적용된 텍스트 데이터에 대해서만 재출력할 수도 있다(S28).

이와 같이 애니폰트에 대해서는 설정된 폰트프레임 수를 모두 반복하여 표시한 후 다시 첫 번째 폰트프레임부터 다시 반복하여 표시한다.

도 1은 본 발명의 일 실시예에 따른 웹문서 제공 시스템을 나타낸 블록 구성도이다.

도 2는 본 발명의 일 실시예에 따른 웹문서의 표시방법을 설명하기 위한 흐름도이다.

도 3은 본 발명의 일 실시예에 따른 애니폰트의 폰트프레임을 나타낸 도면이다.

- 도면의 주요부분에 대한 부호의 설명 -

10 : 사용자 단말기

20 : 웹서버

30 : 웹폰트 서버

40 : 웹폰트 DB

50 : 애니폰트 서버

60 : 애니폰트 DB

Claims (11)

1. 사용자 단말기를 통해 웹서버에 접속하여 애니폰트가 포함된 웹문서를 요청하는 제 1단계와,

   상기 웹문서의 요청에 따라 상기 웹문서를 수신 받을 뿐만 아니라 애니폰트 제어 프로그램을 수신 받는 제 2단계와,

   상기 애니폰트 제어 프로그램을 실행하여 상기 웹문서의 화면구성 데이터를 분석하는 제 3단계와,

   상기 웹문서에 애니폰트 데이터가 포함되어 있는가 판단하여 상기 애니폰트 데이터를 요청하여 수신 받는 제 4단계와,

   상기 애니폰트 데이터에 의한 애니폰트 파일이 저장되어 있는가 판단하여 상기 애니폰트 파일을 요청하여 수신 받는 제 5단계와,

   상기 화면구성 데이터에 의해 상기 웹문서를 출력하는 제 6단계와,

   상기 웹문서를 출력한 후 상기 애니폰트 데이터에 의해 상기 애니폰트의 폰트프레임을 변경하여 상기 제 6단계로 리턴되는 제 7단계

   를 포함하는 것을 특징으로 하는 웹문서의 표시방법.
2. 제 1항에 있어서, 상기 제 2단계의 상기 애니폰트 제어 프로그램을 수신 받는 단계는 상기 애니폰트 제어 프로그램의 저장여부를 확인하여 저장되지 않은 경 우 상기 애니폰트 제어 프로그램을 요청하여 수신 받는 것을 특징으로 하는 웹문서의 표시방법.
3. 제 1항 또는 제 2항에 있어서, 상기 애니폰트 제어 프로그램은 사용자 단말기에 임시 저장되는 것을 특징으로 하는 웹문서의 표시방법.
4. 제 1항에 있어서, 상기 애니폰트 제어 프로그램은 자바스크립트로 작성된 것을 특징으로 하는 웹문서의 표시방법.
5. 제 1항에 있어서, 상기 애니폰트 제어 프로그램은 ActiveX의 플러그인으로 구현되는 것을 특징으로 하는 웹문서의 표시방법.
6. 제 1항에 있어서, 상기 애니폰트 데이터는 애니폰트명, 폰트프레임 수, 폰트프레임간 시간간격, 크기를 포함하는 것을 특징으로 하는 웹문서의 표시방법.
7. 제 1항에 있어서, 상기 애니폰트는 하나의 텍스트 데이터에 다수개의 폰트프레임이 대응되는 것을 특징으로 하는 웹문서의 표시방법.
8. 제 7항에 있어서, 상기 다수개의 폰트프레임은 애니메이션 효과를 위한 서로 다른 프레임컷으로 이루어진 것을 특징으로 하는 웹문서의 표시방법.
9. 제 1항에 있어서, 상기 애니폰트 파일은 사용자 단말기에 임시 저장되는 것을 특징으로 하는 웹문서의 표시방법.
10. 제 1항에 있어서, 상기 제 7단계에서 상기 제 6단계로 리턴되어 상기 웹문서를 출력할 때 상기 애니폰트가 적용된 텍스트 데이터만 재출력하는 것을 특징으로 하는 웹문서의 표시방법.
11. 제 1항에 있어서, 상기 제 7단계는 상기 애니폰트 데이터에 의한 폰트프레임 수를 모두 반복한 경우 첫 폰트프레임부터 다시 반복하는 것을 특징으로 하는 웹문서의 표시방법.

Images