KR100457428B1 - 웹사이트 구축 및 관리 방법 - Google Patents

Abstract

가. 청구범위에 기재된 발명이 속하는 기술분야.

본 발명은 대용량의 사이트 제작과 관리를 보다 쉽게 할 수 있도록 하는 웹 자동화 방법에 관한 것이다.

나. 발명이 해결하려는 기술적 과제.

종래의 웹사이트를 구축하기 위한 방법은 사이트를 구성하기 위한 각각의 페이지에 따라 페이지 생성작업을 따로따로 수행해 생성된 페이지들을 연결하여 하나의 사이트로 구축하였고, 이렇게 생성된 사이트에 자료를 추가하기 위해서는 다시 각각의 페이지에 해당하는 부분의 HTML tag를 추가하거나 변경하는 작업을 해야 했기 때문에 사이트 구축 또는 관리자가 각각의 작업을 수행하기 위해 많은 시간을 할당해야하고 방대한 분량의 자료를 계속해서 업데이트 해야하는 사이트의 경우에는 사이트 관리에 많은 인원을 할당해야하는 문제점이 있었던 것이다.

다. 발명의 해결방법의 요지.

본 발명은 종래의 이러한 문제를 해결하기 위한 것으로, 사이트 관리자가 사이트를 구축한 후에 각각의 구축된 사이트에 따라 계속해서 자료를 업데이트 해야하는 페이지를 하나의 양식페이지로 설정하기 위해 페이지의 반복되는 일정한 양식은 그대로 두고 계속적으로 내용을 입력하고 변경해야하는 부분의 입력 틀을 템플릿으로 만들어 이들을 조합하여 양식 페이지를 만들어 서버에 등록하고, 각각의 템플릿에는 프로그램을 통해 등록할 문서를 분석하여 서버에 등록된 양식 페이지의 템플릿에 입력할 수 있도록 템플릿 특성에 맞는 특정 Tag를 설정하여(이하 Action Tag라 취함) 양식에 등록하고자 하는 문서의 문자 중에서 상기 양식 페이지의 템플릿에 입력하고자 하는 문자에 설정된 템플릿의 Tag를 지정함으로써 프로그램에 의해 Tag가 지정된 부분을 분석하여 자동으로 서버에 등록된 양식 페이지의 지정된 템플릿 부에 자동으로 입력되도록 하고 상기 등록할 페이지를 상기 양식페이지의 해당 템플릿에 연결시킴으로써 이러한 방식으로 다수의 자료로 구성된 페이지를 보다 쉽게 만들고 Action Tag만을 이용하여 자료를 추가할 수도 있으므로 대용량 사이트의 구축 및 관리가 편리하도록 하는 것이다.

라. 발명의 중요한 용도

웹사이트 구축 및 관리

Description

웹사이트 구축 및 관리 방법.{Web sitre constructing and administration method}

본 발명은 대용량 인터넷 서비스를 제공하는 사이트를 편리하게 구축하고 관리할 수 있도록 발명된 것이다.

종래의 인터넷 사이트 구축 방법은 Text 프로그램을 이용한 예를 들어, 메모장이나 한글 프로그램을 이용하여 HTML tag를 통해 Text 또는 이미지로 구성한 HTML 형식의 페이지를 만들고 각각의 페이지를 HTML tag를 이용하여 연결함으로써 하나의 사이트로 만들거나, 좀더 편리한 웹사이트 제작을 위해 개발된 웹 에디터 예를 들어, 나모 또는 드림위버 등과 같은 에디터를 이용하여 각각의 텍스트 또는이미지 입력을 위해 복잡한 HTML tag 입력 없이 에디터 기능 키를 이용하여 양식에 따라 입력하고자 하는 텍스트 또는 이미지의 입력만으로도 HTML 형식의 웹 페이지를 제작하여 이렇게 제작된 페이지를 에디터의 Link 기능을 이용하여 연결해 사이트를 만드는 것이다. 이 외에도 웹사이트 제작 대행업체에 의뢰함으로써 홈페이지 제작에 필요한 자료만을 제공하여 웹사이트를 만드는 경우도 있다.

이러한 홈페이지 제작 방법들은 방대한 자료를 바탕으로 하여 구축되고 또한 계속하여 많은 양의 자료를 갱신해야만 하는 사이트 예를 들어, 전자상거래 사이트, 인터넷 신문, 인터넷 방송국 등의 경우에는 각각의 페이지를 만들기 위해 많은 시간을 할당해야하고 이렇게 만들어진 웹 페이지들에 의해 구축된 웹사이트에 많은 양의 자료를 올리기 위해 각각의 자료에 따른 페이지 작업을 해야하고 이에 따른 기존 페이지의 HTML tag 변경 또는 삭제를 해야하기 때문에 사이트 관리에 많은 작업시간과 인력을 소모해야하고 페이지 작업을 위해 매번 DB에 억세스 해야하므로 시스템의 부하가 크게되는 문제점이 있는 것이다.

이러한 문제점을 해결하기 위하여, 최근에는 홈페이지 자동 구축 프로그램들이 많이 이용되고 있는데 이러한 프로그램은 이용자에게 다양한 양식을 제공하고 각각의 양식에 따라 간단한 내용을 입력함으로써 쉽게 홈페이지를 구축할 수 있도록 만들어 졌는데, 예를 들어 인터넷 사이트 자동구축 프로그램인 웹 빌더의 경우에는 '홈페이지 마법사' 기능을 통해 이용자에게 제공되는 순서에 따라 페이지에 등록할 내용을 입력함으로써 홈페이지를 완성할 수 있도록 하는 것인데, 이러한 방식에서도 홈페이지에 대용량의 자료를 넣기 위해서는 각각의 페이지 작업과 이미 만들어진 페이지에 대한 HTML tag 변경과 삭제를 수행해야하고 페이지 관리에 의한 계속되는 DB 억세스로 시스템에 부하가 커지는 문제점은 해결되지 못하는 것이다.한편, 전술한 종래의 문제점을 개선하기 위한 또 다른 방편으로, 2002. 8. 23.일자에 대한민국 등록특허공보 제10-0349973호로 등록된 "엠브이씨 모델에 기반을 둔 웹 페이지 저작을 위한 뷰우컨텐츠의 분리 및 실시간 적용 서버 콤포넌트"에서는, 자바(JAVA)를 이용하여 자바의 씨지아이 인터페이스(CGI interface)인 서블릿 코드(servlet code)의 분리 방안을 연구하여 서블릿과 HTML을 분리 후 실시간으로 데이터베이스(database)를 포함한 각종 데이터와 템플릿(template ; ML)을 동적으로 연결하여 화면의 출력을 가능하게 한 저작도구에 관한 것을 제안하고 있다.하지만, 상기 기술은 DB데이터를 웹페이지로 자동 연동하는 방법에 있어서, HTML문서와 서블릿 프로그램을 독립적으로 분리하기 위해 HTML문서와 JAVA서블릿 프로그램을 모두 다루고 있고, 또한 com.addra.model 및 comm.addra.servelet과 같은 특정한 파일을 포함하거나 연산자나 문서 내에 복잡한 조건문을 포함해야 하므로 기술 이해도가 높은 엔지니어(프로그래머)가 아닌 디자이너 및 일반 사용자가 사용하기 어렵고, 특히 대용량의 웹사이트 구축시 웹페이지의 로딩 속도가 지연되는 문제점이 있는 것이다.

따라서 본 발명은 상기한 종래의 문제점을 해결하기 위하여, 대용량의 웹사이트 구축 또는 관리를 보다 편리하게 할 수 있도록 하는 것을 목적으로 지정된 양식으로 이동시킬 수 있는 Tag(이하 "Action Tag"이라 함)를 이용하여 템플릿 작업 후에 원하는 페이지의 작업을 특정한 파일 및 복잡한 조건문을 포함하거나 DB 액서스과정 없이도 자동으로 DB와 연동되어 사이트의 갱신이나 메뉴 체계의 변경을 보다 쉽게 할 수 있도록 하는 것을 특징으로 한다.또한, 본 발명의 목적은 특정 DB에서의 특정항목의 추출을 위한 기법에서 그치는 것이 아니라 더 나아가 해당 렌더링 대상이 어떠한 외관(apperance)로 보여질 것인가에 대한 자동화 방법을 제공하는 데 있다.

도 1은 본 발명의 구성 단계를 나타낸 흐름도.

도 2는 본 발명의 홈페이지 구축 단계를 나타낸 흐름도.

도 3은 본 발명의 페이지 양식 설정과 Action Tag 설정 단계를 나타낸 흐름도.

도 4는 본 발명의 실시 예를 나타낸 구성도.

이하에서는 첨부도면을 참조로 하여 본 발명의 구성 및 작용에 대하여 일 실시 예를 들어가며 상세히 설명하기로 한다.

도 1에서 도시한 바와 같이 본 발명은 사이트를 구축하는 단계(1단계)와 생성된 페이지 중 양식으로 등록할 페이지를 설정하는 단계(2단계), 설정된 페이지의 양식을 등록하고 양식의 템플릿에 따른 Action Tag를 설정하여 DB와 연동시키는 단계(3단계)로 구성되어 있는데,

1단계인 사이트 구축 단계는 도 2에 도시된 것과 같이, 먼저 사이트 구축을 위한 웹 데이터베이스를 구축하여 생성되는 HTML 형식의 페이지들을 이용하여 웹 사이트를 구축하고 이미지나 텍스트 자료를 저장할 수 있도록 하는 것으로 예를 들어, 웹 자동 구축 프로그램인 웹 빌더와 같이 관리자가 웹 데이터베이스를 생성하여 관리자가 원하는 대로 데이터베이스 필드를 생성하고, 데이터베이스 입력화면, 목록화면, 읽기 화면 등을 생성하고, 데이터베이스 필드는 문자열, 정수, 메모, 파일, E-Mail, URL, 콤보, 라디오버튼 등 여러 형식으로 지정할 수 있으며, 필드길이 등도 마음대로 지정할 수 있도록 하는 것이다. 이러한 웹 데이터 베이스 생성 후에는 사이트 구축을 위한 이미지나 HTML 페이지 작업을 수행하게되는데, 이미지 작업의 경우에는 그래픽 툴 예를 들어 포토샵, 일러스트레이터 등의 그래픽 작업 프로그램을 이용하여 만들거나 웹 상에서 다운 받아 이용할 수 있고 HTML 페이지 작업의 경우에는 본 프로그램을 통해 제공되는 단계에 따라 HTML 페이지 작업을 수행할 수 있고 웹 에디터 예를 들어, 나모, 드림위버 등을 이용하여 제작된 HTML 페이지를 이용할 수도 있다. 이렇게 하여 생성된 페이지와 이미지를 이용하여 사이트 제작자가 자신의 사이트 목적에 따라 구성하고 연결하여 사이트를 완성하게 되는 것이고, 완성된 사이트는 상기 웹 데이터베이스에 등록되어 계정을 통해 웹 서비스가 가능하게 되는 것이다.

예를 들어, 인터넷 전자 신문을 만들고자하는 사이트 제작자의 경우에는 본 발명된 시스템을 자신의 서버에 설치하여 웹 데이터베이스가 구축될 수 있도록 하는데, 상기 웹 데이터베이스 구축 과정에서 사이트 제작자는 상기 데이터베이스를 자신이 이용하고자 하는 목적에 맞도록 변경 또는 생성할 수 있다.이렇게 구축된 웹 데이터베이스를 바탕으로 상기 사이트 제작자는 전자 신문을 만들기 위한 각각의 웹 페이지 작업을 수행하게되는데 페이지 제작을 위해 사이트 제작에 이용될 자료를 모으고 이미지도 그래픽 프로그램을 이용하여 제작하거나 다른 웹사이트를 통해 다운 받아 이용할 수 있다. 이러한 이미지와 자료를 바탕으로 구축하고자 하는 사이트 특성에 맞게 HTML 형식의 페이지를 구성하고 각각의 생성된 페이지를 연결하여 하나의 인터넷 전자신문 사이트를 완성하게 되고 이렇게 완성된 신문 사이트를 웹서버에 등록하여 계정에 의해 웹서비스를 제공할 수 있도록 하는 것이다.

2, 3 단계인 페이지 양식 설정과 양식의 템플릿에 따른 Action Tag 설정과 DB와의 연동은 도 3에 도시된 것과 같이, 상기 1단계에서 구축된 사이트의 페이지들 중에서 많은 데이터를 입력해야하기 때문에 작업량이 많고, 계속적인 자료의 갱신이 필요한 페이지를 선택한다. 이렇게 선택된 상기 페이지들의 고정적인 부분을 제외하고 나머지 자료를 입력해야하거나 계속적인 자료 갱신이 이루어져야하는 부분을 템플릿으로 만들어 전체적인 페이지를 양식으로 지정하며, 지정된 양식의 템플릿에 템플릿 특성에 맞도록 Action Tag를 지정하면, 프로그램에 의해 이렇게 지정된 Action Tag와 1단계의 홈페이지 구축 단계에서 구축된 DB와 연동되도록 하여 입력하려는 HTML 파일의 원하는 부분에 Action Tag 지정하면, 지정되는 부분이 자동으로 Action Tag와 연결된 양식 페이지의 템플릿에 입력되고 DB와 연동되어 템플릿 DB 테이블에 저장되고 입력하려는 자료는 이 템플릿 테이블에 연결되어 페이지 DB 부에 저장되어 템플릿 선택을 통해 이용자가 기사를 웹 페이지로 볼 수 있도록 하는 것이다. 예를 들어, 뉴스 기사를 주축으로 하는 페이지의 경우에 기사 페이지를 양식으로 지정하여 양식 페이지의 기사 날짜와 제목 부를 템플릿으로 만들어 각각에 Action Tag를 지정하는데, 여러 가지 기사 목록을 입력하기 위한 날짜와 제목 템플릿과 템플릿을 제외한 부분의 일정한 양식을 포함하는 하나의 뉴스 기사 양식페이지를 만들도록 한다. 이렇게 만들어진 양식 페이지의 날짜와 기사 제목을 등록하기 위한 템플릿에 날짜 부에는 date로 Action Tag를 지정하고 제목 부에는 title로 Action Tag를 지정하여, 이렇게 지정된 Action Tag를 프로그램을 통해 사이트 구축단계에서 구축된 DB와 연동되도록 하여 HTML 형식으로 작성된 기사에 날짜 부분에 date Tag를 가함으로써 자동으로 양식 페이지의 날짜 템플릿에 기사의 날짜가 입력되도록 하고 기사의 제목 부에 title Tag를 가함으로써 자동으로 양식 페이지의 제목 템플릿에 기사의 제목이 입력되게 하는 것이고, Action Tag를 통해 DB와 연동되어 템플릿 DB 테이블에 저장되고 입력하려는 기사는 이 템플릿 테이블에 연결되어 페이지 DB 부에 저장되어 웹서비스 될 때 템플릿 선택을 통해 이용자가 기사를 웹 페이지로 볼 수 있도록 하는 것이다.

도 4에서 도시된 것은, 본 발명의 실시 예에 따라 홈페이지 구축 후 단계 2, 3에서 선택되어 페이지 양식으로 등록되는 것으로 보여지는 바와 같이 사이트 제작자 또는 관리자가 많은 작업을 요하는 페이지를 양식으로 등록하여 페이지 양식의 템플릿에 각각의 특성에 따라 Action Tag를 지정하는 것으로 예시된 두 가지 경우를 통해 설명하면,

① 전자 신문 사이트의 경우에는 많은 양의 신문 기사를 입력해야하고 계속해서 새로운 기사를 입력하기 때문에 기사 목록 페이지의 목록 부를 템플릿으로 만들어 양식으로 등록할 수 있는데, 도시된 것과 같이 만일 신문의 경제 부 페이지를 다수의 기사가 입력되어야하는 목록 부분을 날짜 템플릿과 제목 템플릿으로 구성되도록 양식으로 등록한다. 이렇게 등록된 양식에 따라 템플릿에 각각의 특성에 맞게Action Tag를 지정해야하는데 이 예에서는 날짜 템플릿은 date라는 Action Tag를 이용하였고, 제목 템플릿은 title라는 Action Tag를 이용하였다. 이렇게 템플릿의 Action Tag가 지정되면 프로그램에 의해 Action Tag에 따라 지정된 장소에 지정된 문자나 자료가 입력되게 되는 것이다. 만일 경제 부에 관련된 기사를 HTML 파일로 만들어 기사 목록에 입력할 경우에 일반적인 방법으로는 각각의 기사마다 목록 페이지에 날짜와 제목을 각각 텍스트로 입력하고 입력된 텍스트에 기사 파일을 연결해야하는데, 본 발명에서는 경제 부 관련 기사에서 기사의 날짜가 들어가야 할 기사 목록 페이지의 날짜 템플릿에 지정된 Action Tag인 date 만을 지정함으로써 자동으로 날짜 템플릿에 기사의 날짜가 입력되도록 하고 기사의 제목이 들어가야 할 기사 목록 페이지의 제목 템플릿에 지정된 Action Tag인 title만을 지정함으로써 자동으로 제목 템플릿에 기사의 제목이 입력되고 기사 파일은 이 템플릿에 연결되어 페이지 DB에 저장되어 템플릿을 통해 기사를 제공받을 수 있도록 설정되는 것이다.

또, 다른 예시로 ② 전자 상거래 사이트의 경우에는 도면에 보여지는 바와 같이 상품의 목록 페이지를 상품용도, 색상, 제조회사, 가격의 템플릿으로 구성된 양식으로 지정하여 각각의 템플릿에 템플릿 특성에 맞도록 Action Tag를 지정하면 되는 것이다. 예를 들어, 상품용도 템플릿에는 use, 색상에는 color, 제조회사에는 company, 가격에는 price라는 각각의 Action Tag를 지정한 경우에 프로그램에 의해 각각의 템플릿의 Action Tag는 DB와 연동되도록 한다. 만약 사이트 제작자 또는 관리자가 입력할 상품에 대한 소개 페이지를 제작하고 각각의 상품에 따른 사용 용도가 치마인 경우에 치마에 use라는 Action Tag를 가하면 상품용도 템플릿에 자동으로 치마가 입력되게 되고, 색상, 제조회사, 가격 등도 각각이 입력될 템플릿의 Action Tag를 가하면 자동으로 템플릿에 입력되는 것이고 상품 소개 페이지는 자동으로 템플릿과 연결되어 페이지 DB에 저장되어 템플릿을 통해 서비스될 수 있도록 하는 것이다. 이러한 작업은 기존의 각각의 상품에 대한 소개를 목록에 입력하고 이에 상품 소개 페이지를 연결하기 위해 DB에 억세스하고 페이지의 HTML을 상품 등록 때마다 계속해서 수정해야하는 복잡한 작업을 간편하게 만들어 주는 것이다.

또한, 상기 발명은 One Source Multi Output 이라는 컨셉을 적용하여 등록된 템플릿을 통해 작성된 파일을 HTML 문서뿐만 아니라 이동전화나 PDA 등의 소형 무선 단말기를 통해 인터넷 서비스하기 위한 WAP 또는 PDA 등의 문서나, Voice 문서 등의 다양한 형식의 문서로도 전환할 수 있도록 프로그램 되어 있다.

상기한 바와 같이 본 발명은 템플릿과 Action Tag를 사용하여 대용량의 데이터를 작업해야하는 사이트의 구축 또는 관리를 간편하게 할 수 있도록 하고 이를 좀더 넓은 범위에 적용하여 웹서비스뿐만 아니라 무선 인터넷 서비스, 음성서비스에도 쉽게 적용을 할 수 있는 효과가 있는 것이다.

Claims (6)

1. 대용량의 사이트 구축 및 관리를 위한 것으로,

   웹사이트를 구축하는 단계;

   상기 구축 단계에 의해 구축된 웹사이트의 페이지 중 대용량의 자료를 포함해야하거나 계속적으로 대용량의 자료를 갱신해야하는 페이지를 양식으로 지정하는 단계;

   상기 지정된 페이지 양식의 템플릿을 등록하여 각각의 템플릿에 템플릿 특성에 맞는 Action Tag를 지정하고 Action Tag과 DB가 연동되도록 하는 단계;를 포함하는 것을 특징으로 하는 웹사이트 구축 및 관리 방법.
2. (삭제)
3. 제 1항에 있어서, 페이지 양식 지정 단계는 상기 웹사이트 구축 단계에 의해 생성된 페이지들 중에서 많은 데이터를 입력해야하기 때문에 작업량이 많고, 계속적인 자료의 갱신이 필요한 페이지를 선택하여, 선택된 페이지를 양식화하기 위해 페이지의 고정적인 구성형식과 내용을 포함하고 많은 양의 자료를 입력해야하거나 계속적인 자료 갱신이 이루어져야하는 부분을 템플릿으로 만들어 하나의 페이지 양식으로 지정하는 것을 특징으로 하는 웹사이트 구축 및 관리 방법.
4. 제 1항에 있어서, 템플릿에 Action Tag를 지정하고 Action Tag가 DB와 연동되도록 하는 단계는 상기 페이지 양식 지정 단계에서 지정된 페이지 양식을 이용하여, 각각의 템플릿에 템플릿의 특성에 맞는 Action Tag를 지정하여 Action Tag에 따라 등록하려는 문서의 Tag 지정부분을 해당 양식의 템플릿과 DB의 템플릿 테이블에 자동으로 입력하고 문서를 DB의 템플릿 테이블에 연결된 페이지 DB에 저장되도록 하여 웹사이트로 서비스될 때 템플릿을 클릭 함으로써 자동으로 문서를 제공받을 수 있도록 하는 것을 특징으로 하는 웹사이트 구축 및 관리 방법.
5. 제 1항에 있어서, 템플릿의 Action Tag를 이용하여 문서를 HTML 형식의 문서뿐만 아니라, 무선 인터넷 서비스를 위한 WAP 또는 PDA나 PDF, MAIL, Voice 등의 다양한 형식의 문서로 전환할 수 있도록 하는 것을 특징으로 하는 웹사이트 구축 및 관리 방법.
6. 제 4항에 있어서, 상기 Action Tag에 의해 관리자는 템플릿 작업을 한 후 템플릿을 통해 원하는 페이지의 기사를 전체에서 부분적인 페이지 등으로 분류하여 작업할 수도 있고, DB와의 연계를 위해 차후 사이트의 갱신이나 메뉴를 변경할 때 공통적으로 적용함으로써 작업 내용을 현저하게 줄일 수 있는 것을 특징으로 하는 웹사이트 구축 및 관리 방법.