KR20030095546A

KR20030095546A - 웹모듈을 이용한 웹페이지 및 웹사이트 구축방법

Info

Publication number: KR20030095546A
Application number: KR1020020032797A
Authority: KR
Inventors: 오준욱; 한현일; 이인왕
Original assignee: (주)아이비솔루션
Priority date: 2002-06-12
Filing date: 2002-06-12
Publication date: 2003-12-24

Abstract

본 발명은 클라이언트피시측에서 웹페이지를 이루고 있는 부분적인 기능과 디자인을 하나의 블록조각에 해당하는 웹모듈로하여 상기 웹페이지에서 원하는 기능의 웹모듈들을 선택하고 웹모듈디자인을 설정하여 하나의 웹페이지보우드를 완성시키고, 이렇게 완성된 웹페이지들의 선택을 통해 웹사이트를 자동생성시킬 수 있는 방법에 관한 것이다.

이를 위한 본 발명은, 웹서버와의 링크상태를 점검하고 데이터베이스의 접속을 실행하는 초기화과정을 통해 테마등록과정, 웹디자인 마스터등록과정, 기본페이지등록과정, 테이블디자인 타입등록과정및 웹모듈등록과정등을 각기 수행하며; 상기 테마등록과정은 웹디자인 마스터등록과정을 통해 웹디자인 마스터설정과정으로, 상기 기본페이지등록과정은 바로 웹디자인 마스터설정과정으로, 상기 테이블디자인 타입등록과정은 웹모듈등록과정을 통해 웹디자인 마스터설정과정으로 각각 이동하며; 상기 웹디자인 마스터설정과정에서는 각기 사용페이지 설정과정과 기본 웹모듈설정과정등을 통해 페이지 웹모듈구성과정으로 이동되며, 이 웹모듈구성과정은 상기 과정들을 걸쳐 작업한 웹페이지들을 웹사이트 생성정보로써 도메인정보등을 입력한 다음 자동생성하는 웹사이트자동생성과정을 통해 종료한 것을 그 특징으로 한다.

Description

웹모듈을 이용한 웹페이지및 웹사이트 구축방법{CONSTRUCTION METHOD OF WAB PAGE AND WAB SITE}

본 발명은 웹모듈을 이용한 웹페이지및 웹사이트 구축방법에 관한 것으로, 더욱 상세하게는 사용자측에서 웹페이지를 이루고 있는 부분적인 기능과 디자인을 하나의 블록조각에 해당하는 웹모듈로하여 상기 웹페이지에서 원하는 기능의 웹모듈들을 선택하고 웹모듈디자인을 설정하여 하나의 웹페이지보우드를 완성시키고, 이렇게 완성된 웹페이지들의 선택을 통해 웹사이트를 자동생성시키는 방법에 관한 것이다.

현재 인터넷으로 대표되는 개방된 네트워크가 세계적으로 보급되어 월드와이드웹(WWW)에 의한 정보발신과 검색, 그리고 온라인쇼핑및 전자메일에 의한 의사소통등 여러가지 어플리케이션이 보급되고 있다. 이에 인터넷을 통한 정보교환을 상업적으로 응용하는 것이 급속도로 진행되어 전자상거래를 할 수 있게 되었다.

상기 월드와이드웹은 텍스트, 서식첨부텍스트, 동영상및 사운드등의 여러가지 데이터로 이루어지는 멀티미디어를 제공하는 것이 가능하고, 이 윌드와이드웹대응의 브라우저를 이용하면 월드와이드웹으로부터 제공되는 멀티미디어를 쉽게 재생할 수 있으며, 더구나 상기 월드와이드웹으로서는 간단히 여러가지 인터넷상의 정보에 접속하는 것이 가능하도록 되어 있다.

상기 월드와이드웹의 초기화면 또는 월드와이드웹이 제공하는 화면을 홈페이지라 하는 바, 웹사용자에게 홈페이지는 넷스케이프 네비게이터나 인터넷 익스플로러와 같은 웹브라우저를 실행시킬 때 나타내는 웹페이지로써 사용자가 웹상에서 어떤 사이트를 선택했을 때 제일 먼저 보여지는 것이다. 따라서, 검색서비스 이용자가 검색어를 입력해 나타나는 화면에서 클릭하면 검색어가 포함된 홈페이지의 첫페이로 연결할 수 있다.

한편, 홈페이지를 만들기 위해서는 홈페이지 제작도구와 저장공간이 필요하고, 피시통신이나 아이피업체들은 가입자에게 홈페이지 내용을 저장할 수 있는 공간을 제공한다. 무료로 저장공간과 검색엔진등록까지 제공하는 업체, HTML에 익숙하지 않는 사람을 위해 온라인상에서 마우스 클릭으로 홈페이지를 만들 수 있는 서비스도 있다.

종래의 웹페이지 구현방법으로는 고정된 웹페이지의 기능에 미리 구성된 템플릿형태의 디자인을 변경하는 방법등이 있다. 상기 템플릿은 변하지 않는 부분과 가변적인 부분을 구별하여 만든 HTML을 말한다. 그리고, 가변적인 부분을 특별한 태그를 사용하여 구분해 놓고, 웹서버프로그램, 즉 CGI, ISAPI나 MTSCOM모듈에서 이 가변적인 부분만을 적당한 문자열로 바꾸어 준후 클라이언트에 전송한다.

이러한 방식은 일부 기능의 변경이나 부분적인 디자인의 반영시, 웹페이지의 전반적인 유지보수가 필요하게 된다는 문제점이 있었다. 또한, 기능을 구현한 프로그램들의 재사용성은 현저히 떨어지게 된다는 문제점도 있었다.

본 발명은 상기와 같은 제반 문제점을 해소하기 위해 발명한 것으로, 웹모듈의 구현을 통해 사용자가 원하는 웹페이지 구성시 자유스럽게 디자인과 기능의 변경, 추가, 삭제를 할 수 있도록 하고, 웹모듈로 구현된 웹페이지들의 선택을 통하여 원하는 웹사이트가 자동생성될 뿐만 아니라 전문가의 도움없이도 유지관리되는 웹사이트를 구현할 수 있는 웹모듈을 이용한 웹페이지및 웹사이트 구축방법을 제공함에 그 목적이 있다.

도 1 은 본 발명의 실시예에 관한 웹모듈을 이용한 웹페이지및 웹사이트 구축방법을 설명하기 위한 시스템구성도,

도 2 는 본 발명의 웹모듈을 이용한 웹페이지및 웹사이트 구축방법을 도시해 놓은 블록도,

도 3 는 본 발명의 웹모듈을 이용한 웹페이지및 웹사이트 구축방법을 설명하기 위한 전체흐름도,

도 4 는 테마등록의 흐름, 그리고 테마등록/삭제화면을 도시해 놓은 도면,

도 5 는 웹디자인 마스터등록의 흐름, 그리고 웹디자인 마스터등록/삭제화면을 도시해 놓은 도면,

도 6 은 기본페이지 등록의 흐름, 그리고 기본페이 등록/삭제화면을 도시해 놓은 도면,

도 7 은 테이블디자인 타입등록의 흐름, 그리고 테이블디자인 등록/삭제화면을 도시해 놓은 도면,

도 8 은 웹모듈등록의 흐름, 그리고 웹모듈 등록/삭제화면을 도시해 놓은 화면,

도 9 는 웹디자인 마스터설정화면을 도시해 놓은 도면,

도 10 은 페이지모듈구성의 흐름과 페이지 웹모듈구성화면을 도시해 놓은 도면이다.

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

1 : 클라이언트피시 2 : 인터넷망

3 : 웹서버 10 : 어플리케이션 서버

20 : 데이터베이스 30 : 기능라이브러리

40 : 페이지풀 50 : 웹모듈풀

60 웹페이지보우드

상기 목적을 달성하기 위한 본 발명은, 웹서버와의 링크상태를 점검하고 데이터베이스의 접속을 실행하는 초기화과정을 통해 테마등록과정, 웹디자인 마스터등록과정, 기본페이지등록과정, 테이블디자인 타입등록과정및 웹모듈등록과정등을 각기 수행하며; 상기 테마등록과정은 웹디자인 마스터등록과정을 통해 웹디자인 마스터설정과정으로, 상기 기본페이지등록과정은 바로 웹디자인 마스터설정과정으로, 상기 테이블디자인 타입등록과정은 웹모듈등록과정을 통해 웹디자인 마스터설정과정으로 각각 이동하며; 상기 웹디자인 마스터설정과정에서는 각기 사용페이지 설정과정과 기본 웹모듈설정과정등을 통해 페이지 웹모듈구성과정으로 이동되며, 이 웹모듈구성과정은 과정들을 걸쳐 작업한 웹페이지들을 웹사이트 생성정보로써 도메인정보등을 입력한 다음 자동생성하는 웹사이트자동생성과정을 통해 종료한 것을 그 특징으로 한다.

이하 본 발명의 실시예를 예시도면에 의거하여 상세히 설명한다.

도 1 및 도 2 는 본 발명의 실시예에 관한 웹모듈을 이용한 웹페이지및 웹사이트 구축방법을 설명하기 위한 시스템구성도및 블록도로서, 본 발명은 클라이언트피시(1)의 웹브라이저화면에서 웹페이지(42)를 이루고 있는 부분적인 기능과 디자인을 하나의 블록조각에 해당하는 웹모듈(52)로하여 상기 웹페이지(42)에서 원하는 페이지타입(43)을 선택하고, 원하는 기능의 웹모듈(52)들을 선택한 다음 웹모듈디자인(53)을 설정하여 하나의 웹페이지보우드(60)를 완성시키고, 이렇게 완성된 웹페이지들의 선택을 통해 웹사이트(38)를 자동생성시키도록 되어 있다.

즉, 상기 클라이언트피시(1)의 웹브라우저화면은 인터넷망(2)을 통한 TCP/IP로써 웹서버(3)가 상호 연결되는 바, 이 웹서버(3)로는 어플리케이션 서버(10)를 통해 데이터베이스(20)가 상호 연결되게 된다. 상기 어플리케이션 서버(10)는 파일관리영역(11)을 매개로 웹사이트 자동생성부(12), 테마관리부(13), 웹디자인 마스터관리부(14), 테이블디자인관리부(15), 웹모듈관리부(16), 웹페이지관리부(17)및 페이지 웹모듈구성부(18)가 각각 상호 접속되어진다.

상기 데이터베이스(20)에는 테마데이터베이스(21), 웹디자인마스터 데이터베이스(22), 테이블디자인 데이터베이스(23), 웹모듈 데이터베이스(24), 웹모듈 기능구현영역 데이터베이스(25), 웹페이지 데이터베이스(26)및 페이지 웹모듈구성 데이터베이스(27)로 구성되어 있다. 본 발명의 시스템구성은 웹서비스 프로그램과 데이터베이스(20)를 기반으로 한 웹서버(3)로 구축할 수 있다.

하나의 퍼즐조각에 해당되는 웹모듈(52)은 화면표시부,비지니스로직부및 데이터로 이루어지고, 웹페이지보우드(60)는 웹모듈(60)의 선택을 통해 유연하게 구현되어질 수 있다. 상기 화면표시부는 화면에 보여지는 영역으로 디자이너에 의해 구현되며, 각 웹모듈(52)에는 미리 정의된 함수들에 의하여 정의된다. 이 화면표시부는 2 개의 세부영역으로 나누어지는 바, 이는 함수형태로 저장되어지는 웹모듈페이지 디자인과 데이터베이스의 테이블에 저장되어지는 비지니스로직부가 적용되는 영역의 디자인으로 나누어진다.

상기 비지니스로직부는 웹상에서 각각의 목적에 따라 행해지는 업무들을 프로세스 흐름에 따라 세부기능으로 구분하여 업무처리절차를 확립하고 그에 따른 기능구현을 한다. 데이터는 웹페이지에 보여지는 콘텐츠로 데이터베이스의 테이블에 저장되어 관리되어진다.

웹모듈 디자인의 구성요소로는 컬러, 이미지, 글꼴, 정렬방식및 레이아웃등이고, 웹페이지 디자인의 구성요소는 레이아웃, 배경이미지, 아이콘및 CSS화일(스타일 쉬트)등이다. 따라서, 각각의 웹모듈선택으로써 웹모듈(52)및 웹페이지를 관리하는 것을 이용하여 원하는 페이지를 생성하고 필요한 웹모듈(52)들을 선택한 다음 자신이 윈하는 레이아웃으로 웹모듈(52)을 정렬한 후 저장한다. 페이지 생성시에는 자신이 적용하기를 원하는 디자인 테마를 선택하여 웹페이지보우드(60)의 전체적인 분위기를 낼 수 있다.

웹사이트(38)의 목표및 서비스 목적에 따른 웹페이지보우드(60)를 미리 정의하고 각각의 웹페이지의 담당기능에 따른 웹모듈(52)을 선택하여 웹페이지보우드 (60)를 완성시킨다. 웹모듈간, 웹페이지간의 인터페이스는 선택적으로 QUERY STRING 관리기법을 통하여 일관성을 유지한다. 따라서, 비지니스로직부와 화면표시부의 분리를 통하여 웹사이트(38)의 관리가 효율적이다.

상위레벨의 기능라이브러리(30)로부터 하위레벨의 페이지풀(40)과 웹모듈풀(50)이 각기 접속되고 있다. 이 페이지풀(40)에서는 페이지객체(41)를 상속시켜 다수의 페이지(42)를 생성시키게 되고, 이 다수의 페이지(42)에는 페이지타입(43)으로 분류된다. 상기 웹모듈풀(50)에는 웹모듈객체(51)를 상속시켜 다수의 웹모듈(52)이 연결되고, 이 웹모듈(52)에는 스킨디자인부(53), 비지니스로직부 (54), 웹모듈옵션(55)및 웹모듈그룹(56)으로 각각 구성된다.

상기 페이지풀(40)과 웹모듈풀(50)은 페이지 웹모듈의 구성으로 웹페이지보우드(60)에 각각 접속되고, 사이트 디자인타입(31)에서 해당 테마(32)를 설정하여 상기 웹페이지보우드(60)는 페이지선택(61), 기본웹모듈선정(62), 웹모듈추가(63),웹모듈옵션설정(64), 웹모듈레이아웃(65), 웹모듈스킨변경(66)및 웹모듈삭제(67)로 이루어진다.

따라서, 웹페이지가 저장되어 저장, 데이터베이스연결부(33)에서의 다수의 어플리케이션 데이터베이스(35 - 37)와 저장부(34)를 통해 다수의 웹사이트(38)를 자동생성시킬 수 있다.

이상과 같이 구성되는 본 발명은 웹모듈(52)의 구현을 통해 사용자가 원하는 웹페이지 구성시 자유스럽게 디자인과 기능의 변경, 추가, 삭제를 할 수 있도록 하고, 웹모듈(52)로 구현된 웹페이지들의 선택을 통하여 원하는 웹사이트(38)가 자동생성될 수 있고, 또한 전문가의 도움없이도 유지관리되는 웹사이트(38)를 구현할 수 있다.

도 3 는 본 발명의 웹모듈을 이용한 웹페이지및 웹사이트 구축방법을 설명하기 위한 전체흐름도로서, 본 발명은 초기화과정(S11)을 통해 테마등록과정(S12), 웹디자인 마스터등록과정(S13), 기본페이지등록과정(S14), 테이블디자인 타입등록과정(S15)및 웹모듈등록과정(S16)등을 각기 수행하게 된다. 상기 테마등록과정 (S12)은 웹디자인 마스터등록과정(S13)을 통해 웹디자인 마스터설정과정(S17)으로 이동되고, 상기 기본페이지등록과정(S14)은 바로 웹디자인 마스터설정과정(S17)으로 이동되며, 상기 테이블디자인 타입등록과정(S15)은 웹모듈등록과정(S16)을 통해 웹디자인 마스터설정과정(S17)으로 이동된다.

상기 웹디자인 마스터설정과정(S17)에서는 각기 사용페이지 설정과정(S18)과 기본 웹모듈설정과정(S19)등을 통해 페이지 웹모듈구성과정(S20)으로 이동되며, 이웹모듈구성과정(S20)은 웹사이트자동생성과정(S21)을 통해 종료되게 된다.

본 발명의 웹모듈을 이용한 웹페이지및 웹사이트 구축방법은 도 4 내지 도 10 을 근거로하여 각 과정을 상세히 설명하면 다음과 같다. 여기서, 도 4 (a) 내지 도 8(a), 그리고 도 10(a)는 도 3 에 도시된 각 과정의 흐름도를 나타내고, 도 4 (b) 내지 도 8(b), 도 9 , 그리고 도 10(b)와 도 10(c)는 이를 통해 구현되는 한 화면들을 일례로하여 표현하며, 이에 때한 화면들은 기술적 요지가 벗어나지 않는 범위내에서 여러가지로 변형, 수정하여 사용해도 좋다.

먼저, 초기화과정(S11)에서는 웹서버(3)와의 링크상태를 점검하고 데이터베이스(20)의 접속을 실행하며, 접속하는 사용자들의 세션값을 설정하여 작업이 원활히 진행될 수 있도록 준비한다.

테마등록과정(S12)에서는 웹사이트(38)의 전체적인 분위기를 좌우하는 테마(32)를 등록/삭제하는 과정으로, 테마화일의 요소로는 웹페이지의 스타일, 즉 폰트크기, 타입, 칼라 및 배경색등을 주관하는 CSS와 아이콘(이미지)등이 있다.

즉, 상기 테마(32)를 등록하기 위해서는 도 4 에 도시된 바와 같이 테마화일을 생성시킨 후 테마기본을 입력하고, 입력완료가 되면 등록한 후 웹디자인 마스터등록과정으로 이동한다. 상기 테마(32)를 삭제하기 위해서 테마목록을 통해 해당 테마를 삭제한 다음 웹디자인 마스터등록과정으로 이동시킨다.

상기 웹디자인 마스터등록과정에서는 웹사이트(38)의 레이아웃과 디자인 컨셉을 등록/삭제하는 과정으로, 웹사이트 자동생성후 원하는 웹디자인 마스터를 변경하면 다른 작업이 필요없이 사이트의 콘텐츠에 제약받지 않고 사이트의 구조와디자인을 변경할 수 있다.

즉, 상기 웹디자인 마스터를 등록하기 위해서는 도 5 에 도시된 바와 같이 디자인 마스터화일을 생성시킨 후 테마(32)를 설정하고, 기본정보를 입력하여 입력완료가 되면 등록한 후 웹디자인 마스터설정과정으로 이동한다. 상기 웹디자인 마스터를 삭제하기 위해서는 디자인 마스터목록을 통해 해당 디자인마스터를 삭제한 다음 웹디자인 마스터설정과정으로 이동시킨다.

기본페이지 등록과정은 각각의 웹페이지의 성격에 따라 분류하여 등록/삭제하는 과정으로, 등록작업시 페이지를 구분할 수 있는 키와 페이지 객체를 상속받아 새로운 페이지화일은 생성시킨다.

즉, 상기 기본페이지를 등록하기 위해서는 도 6 에 도시된 바와 같이 기본페이지화일을 생성시킨 후 페이지타입을 설정하고, 기본정보를 입력하여 페이지정보를 추출하고 입력완료가 되면 등록한 후 웹디자인 마스터설정과정으로 이동한다. 상기 기본페이지를 삭제하기 위해서는 기본페이지목록을 통해 해당 기본페이지를 삭제한 다음 웹디자인 마스터설정과정으로 이동시킨다.

테이블 디자인타입은 자주 사용되는 HTML 코드중 TABLE TAG을 미리 디자인하고 데이터베이스에 저장하여 웹모듈개발시 적절하게 사용하기 위한 라이브러리이다. 즉, 상기 테이블디자인 타입을 등록하기 위해서는 도 7 에 도시된 바와 같이 디자인된 테이블 HTML코드를 생성시킨 후 기본정보를 입력하고, 입력완료가 되면 등록한 후 웹모듈등록과정으로 이동한다. 상기 테이블디자인 타입을 삭제하기 위해서는 테이블 디자인목록을 통해 해당 테이블디자인을 삭제한 다음 웹모듈등록과정으로 이동시킨다.

웹모듈 등록과정은 본 발명의 웹모듈(52)을 개발하고, 이를 적용하기 위해 웹모듈풀(50)을 구축하는 과정으로, 웹상의 단위기능들을 적절히 개발하고 단위기능들의 다양하게 표현한 웹모듈디자인을 등록관리한다. 웹모듈(52)은 기능에 따라 다양한 옵션을 부여할 수 있도록 되어 있다.

즉, 상기 웹모듈(52)을 등록하기 위해서는 도 8 에 도시된 바와 같이 웹모듈화일을 생성시킨 후 기본정보를 입력하고, 웹모듈 정보를 추출하여 입력완료가 되면 웹모듈(52)을 등록한 후 웹디자인 마스터설정과정으로 이동한다. 상기 웹모듈(52)을 삭제하기 위해서는 웹모듈목록을 통해 해당 웹모듈(52)을 삭제한 다음 웹디자인 마스터설정과정으로 이동시킨다. 그리고, 웹모듈(52)을 선택하고 웹모듈그룹을 선택한 후, 선택되지 않으면 웹모듈그룹을 선택하고, 이와 달리 선택되면 웹모듈분류를 설정하고 웹디자인 마스터설정과정으로 이동시킨다.

웹디자인 마스터설정과정은 구축된 웹디자인 마스터중에서 구축하려는 웹사이트(38)에 적용하기 원하는 웹디자인 마스터를 선정하는 절차이다.(도 9 참조) 선정된 웹디자인 마스터는 웹사이트(38) 구축후에도 언제든지 변경가능하다.

사용페이지 설정과정은 웹사이트(38)에서 필요한 페이지를 기본페이지 풀(40)에서 페이지(42)를 선정하는 과정이다. 기본모듈 설정과정은 웹사이트(38)의 전체페이지에 적용되는 각각의 웹모듈(52)을 설정하고 웹모듈 정보및 옵션등을 셋팅한다.

페이지 웹모듈구성과정은 웹페이지를 실제적으로 구현하는 과정으로, 선택한작업페이지에서 구현하고자 하는 단위기능들에 해당하는 웹모듈들을 추가하고 웹모듈정보, 즉 크기(넓이와 높이), 위치(XY좌표), 정렬방법, Zindex(레이어순서)및 디자인및 옵션등을 설정한다. 또한, 설정작업시 자유스러운 작업을 위해서 위지윅(WYSIWYG : WHAT YOU SEE IS WHAT YOU GET의 약자)기능을 이용한 키보우드,마우스및 값입력등의 환경을 제공할 수 있다.

도 10 에 도시된 바와 같이 사용페이지설정과 기본웹모듈설정, 그리고 다른 페이지 작업등을 통해 작업페이지를 선택하고, 기본 웹모듈의 사용여부에 따라 기본웹모듈을 반영한다. 기본웹모듈 또는 웹모듈추가가 사용웹모듈을 목록을 통해 삭제나 웹모듈 추가여부를 확인한다. 웹모듈(52)의 추가가 없으면 웹모듈정보를 수정하여 웹모듈(52)에 저장한 다음 작업종료를 통해서 웹페이지에 저장한다.

웹모듈(52)의 추가가 있으면 웹모듈을 선택하고, 웹모듈스킨을 선택한 다음 웹모듈옵션의 사용여부를 확인한다. 이 웹모듈옵션이 사용하면 웹모듈옵션을 선택하고 웹모듈(52)의 옵션값을 지정한 후 웹모듈 정보를 수정한다.

웹사이트 자동생성과정은 위 과정들을 걸쳐 작업한 웹페이지들을 웹사이트 생성정보로써 도메인정보등을 입력한 다음 자동생성한다. 자동생성하는 웹사이트는 복제생산이 가능하게 된다.

도 10(b)와 도 10(c)는 페이지 웹모듈 구성화면으로 웹모듈추가및 웹모듈스킨 설정을, 모듈정보 설정화면이 좌측상단이고 옵션값 설정이 좌측중앙이며 옵션추가가 좌측하단을 각각 나타낸다. 따라서, 본 발명은 도 3 에 도시된 흐름도와 같이 작동되어 웹모듈로 구현된 웹페이지들의 선택을 통하여 원하는 웹사이트가 자동생성될 뿐만 아니라 전문가의 도움없이도 유지관리되는 웹사이트를 구현하게 됨으로,웹모듈의 구현을 통해 사용자가 원하는 웹페이지 구성시 자유스럽게 디자인과 기능의 변경, 추가, 삭제를 할 수 있는 장점이 있다.

이상 설명한 바와 같이 본 발명에 의하면, 웹모듈의 구현을 통해 사용자가 원하는 웹페이지 구성시 자유스럽게 디자인과 기능의 변경, 추가, 삭제를 할 수 있도록 하고, 웹모듈로 구현된 웹페이지들의 선택을 통하여 원하는 웹사이트가 자동생성될 뿐만 아니라 전문가의 도움없이도 유지관리되는 웹사이트를 구현할 수 있는 웹모듈을 이용한 웹페이지및 웹사이트 구축방법을 제공할 수 있다.

본 발명은 각 사이트의 고유업무영역에 맞는 웹모듈 선택, 원하는 웹페이지 추가및 디폴트 웹페이지의 변경가능, 테마 디자인선택및 디자인변경, 모듈의 자유로운 선택, 다른 그룹의 웹모듈 사용가능(퓨전 사이트가능), 리눅스기반으로 개발시 시스템구축비저렴, 윈도우 환경으로도 가능, 바이너리코드로 배포가능, 웹사이트에서 제공되는 메세지의 다국어 지원가능, 새로운 비지니스 영역의 업무분석을 통한 추가적인 웹모듈개발가능, 단위기능의 지속적인 업그레이드및 추가기능 개발, 테마디자인의 축적등의 장점등을 갖는다.

또한, 본 발명은 웹모듈을 이용한 웹페이지및 웹사이트 구축방법에 대한 기술사상을 예시도면에 의거하여 설명했지만, 이는 본 발명의 가장 양호한 실시예를 예시적으로 설명한 것이지 본 발명을 한정하는 것은 아니다. 본 발명은 이 기술분야의 통상 지식을 가진 자라면 누구나 본 발명의 기술사상의 범주를 이탈하지 않는 범위내에서 다양한 변형 및 모방이 가능함은 명백한 사실이다.

Claims

웹서버와의 링크상태를 점검하고 데이터베이스의 접속을 실행하는 초기화과정을 통해 테마등록과정, 웹디자인 마스터등록과정, 기본페이지등록과정, 테이블디자인 타입등록과정및 웹모듈등록과정등을 각기 수행하며;

상기 테마등록과정은 웹디자인 마스터등록과정을 통해 웹디자인 마스터설정과정으로, 상기 기본페이지등록과정은 바로 웹디자인 마스터설정과정으로, 상기 테이블디자인 타입등록과정은 웹모듈등록과정을 통해 웹디자인 마스터설정과정으로 각각 이동하며;

상기 웹디자인 마스터설정과정에서는 각기 사용페이지 설정과정과 기본 웹모듈설정과정등을 통해 페이지 웹모듈구성과정으로 이동되며, 이 웹모듈구성과정은 과정들을 걸쳐 작업한 웹페이지들을 웹사이트 생성정보로써 도메인정보등을 입력한 다음 자동생성하는 웹사이트자동생성과정을 통해 종료한 것을 특징으로 하는 웹모듈을 이용한 웹페이지 및 웹사이트구축방법.
제 1 항에 있어서,

상기 테마등록과정은 웹사이트의 전체적인 분위기를 좌우하는 테마를 등록/삭제하고, 웹디자인 마스터등록과정은 웹사이트의 레이아웃과 디자인 컨셉을 등록/삭제하며, 기본페이지등록과정은 각각의 웹페이지의 성격에 따라 분류하여 등록/삭제하고, 테이블디자인 타입등록과정은 HTML 코드중 TABLE TAG을 미리 디자인하고 데이터베이스에 저장한 것을 특징으로 하는 웹모듈을 이용한 웹페이지및 웹사이트구축방법.
제 1 항에 있어서,

상기 웹디자인 마스터설정과정은 구축된 웹디자인 마스터중에서 구축하려는 웹사이트에 적용하기 원하는 웹디자인 마스터를 선정한 것을 특징으로 하는 웹모듈을 이용한 웹페이지및 웹사이트 구축방법.
제 1 항에 있어서,

상기 사용페이지 설정과정은 웹사이트에서 필요한 페이지를 기본페이지 풀에서 페이지를 선정하고, 상기 기본모듈 설정과정은 웹사이트의 전체페이지에 적용되는 각각의 웹모듈을 설정하고 웹모듈 정보및 옵션등을 셋팅하며, 상기 페이지 웹모듈구성과정은 웹페이지를 실제적으로 구현하는 것을 특징으로 하는 웹모듈을 이용한 웹페이지및 웹사이트 구축방법.
웹모듈을 적용하기 위해 웹모듈풀을 구축하는 웹모듈 등록과정으로써 웹상의단위기능들을 적절히 개발하고 단위기능들의 다양하게 표현한 웹모듈디자인을 등록관리하고;

웹모듈을 등록하기 위해서는 웹모듈화일을 생성시킨 후 기본정보를 입력하고, 웹모듈 정보를 추출하여 입력완료가 되면 웹모듈을 등록한 후 웹디자인 마스터설정과정으로 이동하며;

웹모듈을 삭제하기 위해서는 웹모듈목록을 통해 해당 웹모듈을 삭제한 다음 웹디자인 마스터설정과정으로 이동시키고;

웹모듈을 선택하고 웹모듈그룹을 선택한 후, 선택되지 않으면 웹모듈그룹을 선택하고, 이와 달리 선택되면 웹모듈분류를 설정하고 웹디자인 마스터설정과정으로 이동시킨 것을 특징으로 하는 웹모듈을 이용한 웹페이지및 웹사이트 구축방법.
웹페이지를 실제적으로 구현하는 페이지 웹모듈구성과정은 선택한 작업페이지에서 구현하고자 하는 단위기능들에 해당하는 웹모듈들을 추가하고 웹모듈정보를 설정하며;

작업페이지를 선택하여 기본웹모듈의 사용여부에 따라 기본웹모듈을 반영하고, 기본웹모듈 또는 웹모듈추가가 사용 웹모듈을 목록을 통해 삭제되거나 웹모듈 추가여부를 확인하며;

웹모듈의 추가가 없으면 웹모듈정보를 수정하여 웹모듈에 저장한 후나 상기 삭제후에 작업종료를 통해서 웹페이지에 저장하며;

웹모듈의 추가가 있으면 웹모듈을 선택하고, 웹모듈스킨을 선택한 다음 웹모듈옵션의 사용여부를 확인하고, 이 웹모듈옵션이 사용하면 웹모듈옵션을 선택하고 웹모듈의 옵션값을 지정한 후 웹모듈 정보를 수정한 것을 특징으로 하는 웹모듈을 이용한 웹페이지및 웹사이트 구축방법.
제 6 항에 있어서,

상기 웹모듈정보가 크기(넓이와 높이), 위치(XY좌표), 정렬방법, Zindex(레이어순서)및 디자인및 옵션등이고, 설정작업시 자유스러운 작업을 위해서 위지윅기능을 이용한 키보우드,마우스및 값입력등의 환경을 제공한 것을 특징으로 하는 웹모듈을 이용한 웹페이지및 웹사이트 구축방법.