KR20030069629A - 웹문서 저작시스템 및 저작방법 - Google Patents

Abstract

본 발명은 웹문서 저작시스템 및 저작방법에 관한 것으로서, 본 웹문서의 저작방법은, 복수의 블록으로 분할된 웹문서 양식을 제공하여 편집하고자 하는 블록을 선택하도록 하는 단계와; 선택된 상기 블록에 개제하고자 하는 데이터를 입력할 수 있는 편집창을 표시하는 단계와; 상기 편집창을 통해 입력된 데이터를 인터넷에 표시 가능한 소정의 파일형식으로 변환하는 단계를 포함하는 것을 특징으로 한다. 이에 의해, 하나의 웹페이지를 복수의 컴포넌트로 분할하고 각 컴포넌트 단위로 설계 및 관리가 가능하도록 함으로써, 웹문서의 저작 및 관리를 용이하게 하는 웹문서저작시스템 및 그 운용방법을 제공할 수 있다.

Description

웹문서 저작시스템 및 저작방법 {WEB PAGE EDITOR AND METHOD OF CONTROLLING THE SHAME}

본 발명은 웹문서 저작시스템 및 저작방법에 관한 것으로서, 보다 상세하게는, 하나의 웹페이지를 복수의 컴포넌트로 분할하고 각 컴포넌트 단위로 설계 및 관리가 가능하도록 함으로써, 웹문서의 저작 및 관리를 용이하게 하는 웹문서저작시스템 및 저작방법에 관한 것이다.

최근 들어 인터넷 사용인구가 폭발적으로 증가하였으며, 초고속통신망의 발달과 컴퓨터시스템의 성능향상에 힘입어 인터넷을 통해 다양한 컨텐츠가 제공되고 있다. 이에 따라, 인터넷은 생활의 일부로서 자리 잡게 되었으며, 사용자는 인터넷을 통해 제공되는 다양한 서비스를 향유하고 있다.

그러나, 기본적으로 인터넷은 컴퓨터 등의 전자매체를 통해 사용자에게 제공됨으로 컴퓨터의 사용에 익숙치 않은 사용자는 사용상의 불편을 느끼게 됨으로, 더욱 손쉽게 이용할 수 있는 웹사이트 및 사용자 인터페이스를 제공하기 위한 노력이 계속되고 있다.

인터넷에서 제공되는 웹문서는 텍스트편집기나 저작툴을 이용하여 저작된다.

텍스트편집기 방식은 사용자가 특정 태그를 입력하게 되면 해당되는 처음과 끝태그를 자동으로 입력시켜주는 방식을 취하며, 경우에 따라서는 직접 사용자가 HTML로 코딩을 하여야 한다. 따라서, 텍스트편집기 방식으로 웹문서를 저작하기 위해서는 HTML 태그에 대한 학습을 해야 하므로 많은 시간과 노력이 소요된다는 단점이 있었다.

그리고, 저작툴의 경우 자체적으로 제작한 웹문서 양식을 제공하고, 사용자는 단순한 문장이나 그림을 삽입하는 정도의 작업만으로 웹문서를 저작할 수 있도록 하고 있다. 이러한 저작과정은 대부분 시각적으로 지원되므로, 사용자는 손쉽게 웹문서를 저작할 수 있다. 그러나, 저작툴에서 제공하는 웹문서의 양식은 그 포맷이 고정되어 있는 경우가 대부분이며, 그 외에도 사용자가 편집할 수 있는 영역이 지극히 한정되어 있어 사용자의 욕구를 충족시키기에는 부족하다.

한편, 이러한 웹문서의 저작은 인터넷을 통해 제공되는 신문이나 잡지 등의 저작에도 사용된다. 이러한 경우, 서비스의 성격상 개재되는 데이터의 업데이트가 빈번하며, 일부 기사를 업데이트하는 경우에도, 편집자는 전체 웹문서의 HTML코드 상에서 편집하고자 하는 부분을 찾아 일일이 해당 HTML을 코딩하고 삽입될 이미지를 수정해야 하는 번거로움이 있다.

따라서, 본 발명의 목적은 하나의 웹페이지를 복수의 컴포넌트로 분할하고 각 컴포넌트 단위로 설계 및 관리가 가능하도록 함으로써, 웹문서의 저작 및 관리를 용이하게 하는 웹문서저작시스템 및 저작방법을 제공하는 것이다.

도 1은 본 발명에 따른 웹문서저작시스템의 제어블럭도,

도 2는 본 발명에 따른 웹문서저작시스템을 이용한 저작방법의 흐름도,

도 3은 웹문서의 편집 시 웹브라우저에 표시되는 웹문서저작툴의 평면도,

도 4는 로고컴포넌트 선택 시 표시되는 편집창의 평면도,

도 5는 기사컴포넌트 선택 시 표시되는 편집창의 평면도이다.

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

1 : 일반사용자 3 : 기사작성 담당자

5 : 편집자10 : 웹문서저작시스템

12 : 제어부14 : 레이아웃데이터베이스

16 : 컴포넌트데이터베이스18 : 연예데이터베이스

20 : 스포츠데이터베이스22 : 뉴스데이터베이스

26 ; 레이아웃 에디터50 : 웹문서

52 : 메뉴영역54 : 디렉터리영역

56 : 사용자영역60 : 편집창

상기 목적은, 본 발명에 따라, 웹문서의 저작방법에 있어서, 복수의 블록으로 분할된 웹문서 양식을 제공하여 편집하고자 하는 블록을 선택하도록 하는 단계와; 선택된 상기 블록에 개제하고자 하는 데이터를 입력할 수 있는 편집창을 표시하는 단계와; 상기 편집창을 통해 입력된 데이터를 인터넷에 표시 가능한 소정의파일형식으로 변환하는 단계를 포함하는 것을 특징으로 하는 웹문서의 저작방법에 의해서 달성된다.

여기서, 상기 인터넷에 표시 가능한 파일형식으로 변환하는 단계는 상기 블록에 삽입된 데이터를 XML형식의 문서로 변환하는 단계인 것이 가장 바람직하다.

그리고, 상기 편집자의 선택에 따라, 상기 블록의 배열, 크기, 모양 중 적어도 어느 하나를 편집하는 단계를 포함하여, 웹문서의 전체 레이아웃을 편집할 수 있도록 하는 것이 바람직하다.

여기서, 상기 블록의 크기 및 모양 중 적어도 어느 하나를 편집하는 단계는, 상기 블록의 모양내지는 크기의 변화에 따라 상기 블록에 기재된 데이터의 모양 및 크기가 자동변환 되도록 하는 것이 가능하다.

한편, 상기 목적은 본 발명의 다른 분야에 따르면, 웹문서의 저작시스템에 있어서, 편집자 입력부와; 복수의 블록으로 분할된 웹문서의 기본양식이 저장된 웹문서양식 데이터베이스와; 상기 입력부를 통한 선택에 따라, 상기 웹문서양식 데이터베이스에 저장된 웹문서양식을 제공하고, 상기 웹문서를 구성하는 상기 복수의 블록 중 적어도 어느 하나에 입력되는 데이터를 인터넷에 표시 가능한 소정의 파일형식으로 변환하는 제어부를 포함하는 것을 특징으로 하는 웹문서 저작시스템에 의해서도 달성된다.

이하에서는 첨부도면을 참조하여 본 발명에 대해 상세히 설명한다.

본 웹문서저작시스템에 의해 저작된 웹문서는 시각적으로도 구분되는 복수의 블록영역으로 구획되며 각각의 블록을 컴포넌트라 칭한다. 즉, 컴포넌트에는 웹문서의 일 영역이 할당되어 각각의 컴포넌트에 각기 해당되는 데이터가 게시된다. 따라서, 하나의 웹문서는 광고컴포넌트, 로고컴포넌트, 메뉴컴포넌트, 기사컴포넌트, 서치창컴포넌트 등의 다수개의 컴포넌트의 조합으로 구성된다.

도 1은 본 발명에 따른 웹문서저작시스템의 제어블럭도를 도시하고 있으며, 본 시스템을 이용하여 웹문서를 저작하는 경우의 개략적인 구성을 나타낸다.

도면에 도시된 바와 같이, 본 웹문서저작시스템(10)은 컴포넌트의 레이아웃에 따라 생성될 수 있는 웹문서 양식이 저장되어 있는 레이아웃데이터베이스(14)와, 각 컴포넌트에 게시되는 데이터가 저장되는 컴포넌트데이터베이스(16)와, 레이아웃의 수정을 위한 레이아웃 에디터(26)와, 각 데이터베이스 및 레이아웃 에디터(26)를 제어하여 웹문서(50)가 생성되도록 하는 제어부(12)를 포함한다.

레이아웃데이터베이스(14)는, 웹문서(50)를 구성하는 각 컴포넌트의 배열을 변경함에 따라 제공될 수 있는 각종 웹문서 양식이 저장되어 있다. 따라서, 웹문서(50)의 편집자(5)는 레이아웃데이터베이스(14)에 저장된 양식 중 어느 하나를 선택하여 사용할 수 있다.

레이아웃 에디터(26)는, 편집자(5)가 레이아웃데이터베이스(14)로부터 제공되는 양식 이외의 양식을 사용하고자 하는 경우, 컴포넌트의 크기, 배열 등을 편집할 수 있도록 한다.

컴포넌트데이터베이스(16)는 웹문서(50)를 구성하는 각 컴포넌트에 개시된 데이터가 저장된다. 즉, 각 컴포넌트에 개시된 데이터는 웹문서(50)에 직접 타이핑한 것이 아니라, 데이터베이스에 저장된 데이터가 각 컴포넌트 영역에 링크되어 있는 것이다. 따라서, 컴포넌트데이터베이스(16)는 각 컴포넌트에 할당된 기사에 따라 대응되는 데이터베이스를 포함한다. 예를 들어, 연예기사가 개재되는 컴포넌트는 연예데이터베이스(18)의 데이터가 링크되어 있고, 스포츠관련 기사가 개재되는 컴포넌트는 스포츠데이터베이스(20)의 데이터가 링크되어 있으며, 뉴스가 개재되는 컴포넌트는 뉴스데이터베이스(22)의 데이터가 링크되어 있다.

이러한 구성의 웹문서저작시스템(10)을 이용한 웹문서(50)의 저작 및 편집은 편집자(5)의 컴퓨터상에서 편집된 웹문서(50a)는 서버로 이동하여 XML 등의 파일로 변환됨으로써 인터넷상에 게시된다. 따라서, 일반사용자(1)의 웹브라우저에 나타나는 웹문서(50b)는 서버의 지정된 계정이나 특정된 폴더에 위치함으로써 구독자 컴퓨터의 웹브라우저상 표시될 수 있다.

또한, 본 발명에 있어서 웹문서(50)에 삽입되는 각 기사 및 사진 등은 복수의 기사작성 담당자(3)가 인터넷을 통해 입력하며, 기사작성 담당자(3)가 입력한 데이터는 컴포넌트데이터베이스(16)에 저장된다. 따라서, 편집자(5)는 각각의 컴포넌트에 기사작성 담당자(3)가 입력한 데이터를 링크시킴으로써, 기사를 게시할 수 있다.

이와 같은 웹문서저작시스템(10)을 이용한 웹문서 저작방법을 도 2의 흐름도를 참조하여 상세히 설명한다.

웹문서(50)를 저작하기 위해 편집자(5)는 먼저 인터넷을 통해 웹문서의 편집을 위한 사이트에 접속한다(S10).

웹문서의 편집을 위한 사이트에서는 사용자 아이디 및 비밀번호의 입력을 요구하여 현재 접속한 사용자가 편집권한을 가진 자인지 여부를 확인한 후, 편집권한을 인증한다(S12). 사용자의 편집권한이 허여되면 편집자(5)의 웹브라우저 상에 웹문서저작시스템(10)이 제공하는 도 3에 도시된 바와 같은 웹문서저작툴이 표시된다.

도 3에 도시된 바와 같이, 웹문서저작툴은 메뉴영역(52)과, 사용자영역(56)과, 디렉터리영역(54)으로 구성된다.

메뉴영역(52)은 편집자(5)의 용도에 따라 웹문서(50)의 저작에 이용되는 메뉴들이 표시되어 있다. 여기에는 웹문서(50)의 섹션분리, 사진과 기산내용의 처리, 컴포넌트의 편집 등 웹문서(50) 저작에 필요한 각종기능을 수행하기 위한 메뉴가 포함된다.

디렉터리영역(54)은 웹문서(50)에 링크가 가능한 컴포넌트데이터베이스(16)를 시각적으로 표시하여 각 디렉터리에 연결된 폴더로 표시함으로써, 편집자(5)가 원하는 데이터를 용이하게 검색하여 웹문서(50)에 개재할 수 있도록 한다.

사용자영역(56)은 편집자(5)가 직접 기사, 사진, 광고 등의 데이터를 삽입하여 웹문서(50)를 편집하는 영역이다. 사용자영역(56)은 웹문서(50)가 저작되어 웹브라우저에 개시된 상태와 동일한 상태를 유지하여 편집자(5)에게 웹문서(50)의 저작과정을 시각적으로 인식할 수 있도록 한다. 사용자영역(56)의 웹문서(50)는 편집자(5)가 시각적으로 구분할 수 있는 복수의 컴포넌트로 구성되어 있다.

웹문서(50) 저작을 위해 편집자(5)는 먼저 컴포넌트의 레이아웃을 선택한다(S14). 이때, 편집자(5)는 레이아웃데이터베이스(14)에 저장되어 있는 양식을 그대로 사용할 수 있으며, 또는 레이아웃을 임의로 편집하여 사용할 수 있다. 레이아웃을 편집하고자 하는 경우, 편집자(5)가 메뉴영역(52)에서 레이아웃 편집메뉴를 선택하면 웹문서저작시스템(10)에서 제공하는 레이아웃 에디터(26)를 사용하여 각 컴포넌트의 크기, 위치 등을 수정할 수 있다.

레이아웃이 결정되면 편집자(5)는 각 컴포넌트를 선택하여 기사를 삽입한다(S16). 예를 들어, 편집자(5)가 컴포넌트2에 데이터를 삽입하기 위해, 컴포넌트2로 표시된 블록을 선택하면, 도 4에 도시된 바와 같이 컴포넌트2에 데이터를 삽입할 수 있도록 하는 편집창(60a)이 표시된다.

도 4에 도시된 바와 같이, 편집창(60a)의 상단부에는 현재 선택된 컴포넌트2의 기본속성이 로고컴포넌트라는 것이 표시된다. 또한, 편집창(60a)에 표시되는 메뉴를 선택함으로써, 편집자(5)는 컴포넌트를 사용할 것 인지 여부를 결정할 수 있다. 컴포넌트2를 사용하지 아니하는 것으로 설정하면 컴포넌트2는 빈 블록으로 남게되며, 웹사이트에 표시되었을 경우 단순한 여백으로 표시된다. 컴포넌트2를 사용하고자 하는 경우, 편집자(5)는 로고링크입력 메뉴를 선택하여 다른 사이트에 개재되어 있거나 저장되어 있는 로고 이미지를 컴포넌트2에 링크시킬 수 있다. 또한, 로고이미지 선택메뉴를 통해 웹문서저작시스템(10)의 컴포넌트데이터베이스(16)에 저장된 이미지를 찾아 표시할 수도 있다.

한편, 편집자(5)가 컴포넌트7에 데이터를 삽입하기 위해, 컴포넌트7로 표시된 블록을 선택하면, 도 5에 도시된 바와 같이 컴포넌트7에 데이터를 삽입할 수 있도록 하는 편집창(60b)가 표시된다.

도 5에 도시된 바와 같이, 편집창(60b)의 상단부에는 현재 선택된 컴포넌트7의 기본속성이 기사컴포넌트라는 것이 표시된다. 편집자(5)는 편집창(60b)를 통해 컴포넌트7에 기사를 표시할 것인지 여부를 설정할 수 있다. 컴포넌트7에 기사를 개재하고자 하는 경우 편집자(5)는 기사링크입력 메뉴를 선택하여 웹문서저작시스템(10)의 컴포넌트데이터베이스(16)에 저장되어 있는 기사를 컴포넌트7에 링크시킬 수 있으며, 또는 기사입력메뉴를 이용하여 직접 기사를 타이핑하여 기사를 게재할 수도 있다.

편집자(5)가 각 컴포넌트에 데이터를 입력하면, 입력된 데이터는 각 컴포넌트의 크기에 맞추어 자동으로 정렬되어 웹사이트에 게재된 상태와 동일한 상태가 되므로, 편집자(5)는 웹문서(50)의 편집상태를 시각적으로 실시간 확인할 수 있다.

한편, 데이터입력이 끝난 후, 편집자(5)가 레이아웃을 변경하고자 하면(S18), 선택된 레이아웃에 따라 컴포넌트는 재배치된다(S20). 컴포넌트가 재배치 된 경우에도 컴포넌트에 삽입된 데이터는 각 컴포넌트의 크기 및 위치의 변화에 따라 자동으로 정렬된다.

이러한 과정을 거쳐 웹문서(50)의 편집이 완료되면, 작성된 웹문서(50)는 XML문서로 변환되어 인터넷에 접속한 일반사용자(1)들이 열람할 수 있는 상태로 서버에 저장된다(S22).

이상 설명한 바와 같이, 본 발명은 하나의 웹문서를 소정의 영역단위인 컴포넌트로 분할하고 각 컴포넌트 단위로 설계 및 관리가 가능하도록 한다. 따라서, 기사의 업데이트가 빈번한 웹진이나 뉴스사이트 등의 사이트운용을 용이하게 할 뿐아니라, 레이아웃을 변경하는 등의 편집이 가능하도록 하여 편집자가 원하는 형태의 웹문서를 손쉽게 작성할 수 있도록 한다.

이상 설명한 바와 같이, 본 발명에 따르면, 하나의 웹페이지를 복수의 컴포넌트로 분할하고 각 컴포넌트 단위로 설계 및 관리가 가능하도록 함으로써, 웹문서의 저작 및 관리를 용이하게 하는 웹문서저작시스템 및 저작방법이 제공된다.

Claims (9)

1. 웹문서의 저작방법에 있어서,

   복수의 블록으로 분할된 웹문서 양식을 제공하여 편집하고자 하는 블록을 선택하도록 하는 단계와;

   선택된 상기 블록에 개제하고자 하는 데이터를 입력할 수 있는 편집창을 표시하는 단계와;

   상기 편집창을 통해 입력된 데이터를 인터넷에 표시 가능한 소정의 파일형식으로 변환하는 단계를 포함하는 것을 특징으로 하는 웹문서의 저작방법.
2. 제 1 항에 있어서,

   상기 편집창은 상기 블록을 클릭함에 따라 표시되는 팝업상자형식으로 표시되는 것을 특징으로 하는 웹문서의 저작방법.
3. 제 1 항에 있어서,

   상기 인터넷에 표시 가능한 파일형식으로 변환하는 단계는 상기 블록에 삽입된 데이터를 XML형식의 문서로 변환하는 단계인 것을 특징으로 하는 웹문서의 저작방법.
4. 제 1 항에 있어서,

   상기 편집자의 선택에 따라, 상기 블록의 배열, 크기, 모양 중 적어도 어느 하나를 편집하는 단계를 포함하는 것을 특징으로 하는 웹문서의 저작방법.
5. 제 4 항에 있어서,

   상기 블록의 크기 및 모양 중 적어도 어느 하나를 편집하는 단계는, 상기 블록의 모양내지는 크기의 변화에 따라 상기 블록에 기재된 데이터의 모양 및 크기가 자동변환 되는 것을 특징으로 하는 웹문서의 저작방법.
6. 웹문서 저작시스템에 있어서,

   편집자 입력부와;

   복수의 블록으로 분할된 웹문서의 기본양식이 저장된 웹문서양식 데이터베이스와;

   상기 입력부를 통한 선택에 따라, 상기 웹문서양식을 제공하고, 상기 웹문서를 구성하는 상기 복수의 블록 중 적어도 어느 하나에 입력되는 데이터를 인터넷에 표시가능한 소정의 파일형식으로 변환하는 제어부를 포함하는 것을 특징으로 하는 웹문서 저작시스템.
7. 제 6 항에 있어서,

   상기 제어부는 상기 입력부를 통해 상기 블록에 입력된 데이터를 XML형식의 문서로 변환하는 것을 특징으로 하는 웹문서 저작시스템.
8. 제 6 항에 있어서,

   상기 제어부는 상기 입력부를 통한 선택에 따라, 상기 블록의 배열, 크기, 모양 중 적어도 어느 하나를 편집하는 것을 특징으로 하는 웹문서의 저작시스템.
9. 제 8 항에 있어서,

   상기 제어부는 상기 블록의 크기 내지는 모양을 편집하는 경우, 상기 블록의 변화에 따라 상기 블록에 기재된 데이터의 모양 및 크기를 편집하는 것을 특징으로 하는 웹문서의 저작방법.