KR100762516B1 - 구조화된 하나 이상의 웹 모듈을 이용한 웹 콘텐츠 작성시스템 - Google Patents

구조화된 하나 이상의 웹 모듈을 이용한 웹 콘텐츠 작성시스템 Download PDF

Info

Publication number
KR100762516B1
KR100762516B1 KR1020070019869A KR20070019869A KR100762516B1 KR 100762516 B1 KR100762516 B1 KR 100762516B1 KR 1020070019869 A KR1020070019869 A KR 1020070019869A KR 20070019869 A KR20070019869 A KR 20070019869A KR 100762516 B1 KR100762516 B1 KR 100762516B1
Authority
KR
South Korea
Prior art keywords
web
module
web module
structured
html
Prior art date
Application number
KR1020070019869A
Other languages
English (en)
Inventor
김민수
Original Assignee
(주) 플로터스닷컴
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by (주) 플로터스닷컴 filed Critical (주) 플로터스닷컴
Priority to KR1020070019869A priority Critical patent/KR100762516B1/ko
Application granted granted Critical
Publication of KR100762516B1 publication Critical patent/KR100762516B1/ko

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q50/00—Information and communication technology [ICT] specially adapted for implementation of business processes of specific business sectors, e.g. utilities or tourism
    • G06Q50/10—Services
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/12—Digital output to print unit, e.g. line printer, chain printer
    • G06F3/1201—Dedicated interfaces to print systems
    • G06F3/1223—Dedicated interfaces to print systems specifically adapted to use a particular technique
    • G06F3/1237—Print job management
    • G06F3/1244—Job translation or job parsing, e.g. page banding
    • G06F3/1246—Job translation or job parsing, e.g. page banding by handling markup languages, e.g. XSL, XML, HTML
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/12—Digital output to print unit, e.g. line printer, chain printer
    • G06F3/1201—Dedicated interfaces to print systems
    • G06F3/1223—Dedicated interfaces to print systems specifically adapted to use a particular technique
    • G06F3/1237—Print job management
    • G06F3/125—Page layout or assigning input pages onto output media, e.g. imposition
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/01—Protocols
    • H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • Business, Economics & Management (AREA)
  • General Physics & Mathematics (AREA)
  • Tourism & Hospitality (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • General Health & Medical Sciences (AREA)
  • Strategic Management (AREA)
  • General Business, Economics & Management (AREA)
  • Primary Health Care (AREA)
  • Marketing (AREA)
  • Human Resources & Organizations (AREA)
  • Economics (AREA)
  • Health & Medical Sciences (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Signal Processing (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

구조화된 하나 이상의 웹 모듈을 이용한 웹 콘텐츠 작성 시스템을 개시한다. 즉, 웹 콘텐츠를 웹 모듈의 집합으로 간주하여 각 웹 모듈은 다른 모듈을 포함하는 구조화된 트리구조를 형성시킴으로써, 모듈 단위의 생성/수정이 가능하며, 각 웹 모듈 간에 하부 구조로 이루어진 트리 구조가 형성될 경우 해당 웹 모듈 및 그 하부 웹 모듈을 포함하도록 이동/복사/삭제가 가능케 함에 따라, 웹 콘텐츠의 작성/수정 및 위치 재배치가 전체 트리구조의 변경/수정없이 간편하게 수행할 수 있도록 하는 구조화된 하나 이상의 웹 모듈을 이용한 웹 콘텐츠 작성 시스템이다.
웹 콘텐츠, 하나 이상의 웹 모듈, 웹 서버, 웹 모듈 편집기

Description

구조화된 하나 이상의 웹 모듈을 이용한 웹 콘텐츠 작성 시스템{Web Contents Authoring System Using Structured Web Modules over One}
도 1은 본 발명의 실시예에 따른 구조화된 하나 이상의 웹 모듈을 이용한 웹 콘텐츠 작성 시스템을 도시한 도면이다.
도 2는 본 발명의 실시예에 따른 구조화된 하나 이상의 웹 모듈을 이용한 웹 콘텐츠 작성 방법을 나타낸 순서도이다.
도 3은 본 발명의 실시예에 따른 웹 콘텐츠 작성 시스템에 의해 구현되는 사용자 관리용 메인 웹 페이지를 도시한 도면이다.
도 4는 본 발명의 실시예에 따른 사용자 관리용 메인 웹 페이지를 편집하는 편집 웹 페이지를 도시한 도면이다.
본 발명은 구조화된 하나 이상의 웹 모듈을 이용한 웹 콘텐츠 작성 시스템에 관한 것으로, 더욱 상세하게는, 기설정된 다수의 웹 모듈 설정버튼을 이용하여 하 나 이상의 웹 모듈을 생성하고, 각 웹 모듈 간의 관계를 트리 구조를 형성하여 구조화한 후, 하나의 웹 모듈 혹은 트리 구조상 그 모듈 하위의 하나 이상의 웹 모듈을 이동/추가/수정/삭제/복사 등의 편집 기능을 활용함을 통해 별도의 웹 작성 도구 툴 없이도 사용자가 원하는 웹 콘텐츠를 웹 모듈 편집기 내에서 작성 가능한 구조화된 하나 이상의 웹 모듈을 이용한 웹 콘텐츠 작성 시스템에 관한 것이다.
종래의 웹 콘텐츠 혹은 웹 페이지를 작성하는 시스템은 웹 페이지 전체 혹은 일부 HTML을 사용자로부터 입력을 받아서 웹 페이지를 작성하였으며, 좀 더 발전된 단계인 경우 특별한 문법을 이용하여 HTML을 간략하게 이용하여 웹 페이지 작성을 쉽도록 하였다. 즉, 종래의 방법으론 HTML 상의 구성요소가 페이지 구성상에 분리되어 있지 않고 섞여 있기 때문에 웹 페이지의 내용 수정은 여러 구성요소가 합쳐진 HTML의 형태를 수정해야 하며, 구성요소별로 수정을 하거나 다른 기능을 추가하는데 있어서 구조상의 제한이 생기는 문제점이 있다.
또한, 종래에 각 구성요소간의 편집과 드래그 & 드롭을 제공하는 경우도 가능하나, 이는 특정 목적의 논리적 모듈을 제공하는 것이며 드래그 & 드롭은 구조상 같은 깊이에서 위치 변경만 할 수 있다.
본 발명은 앞서 본 종래기술의 문제점을 해결하기 위해 안출된 것으로, 본 발명의 목적은 기설정된 다수의 웹 모듈 설정버튼을 이용하여 하나 이상의 웹 모듈을 생성하고, 각 웹 모듈 간의 관계를 트리 구조를 형성하여 구조화한 후, 하나의 웹 모듈 혹은 트리 구조상 그 모듈 하위의 하나 이상의 웹 모듈을 이동/추가/수정/삭제/복사 등의 편집 기능을 제공하여, 웹 콘텐츠의 수정 혹은 재배치를 전체가 아닌 부분만 가능하도록 하고, 각 웹 모듈의 동기화 등 부가기능을 추가할 기반을 마련하기 위함이다.
상기와 같은 목적을 달성하기 위한 본 발명은 다음과 같은 실시예를 포함한다. 즉, 본 발명의 실시예에 따른 구조화된 웹 모듈을 이용한 웹 콘텐츠 작성 시스템은, 웹 클라이언트와 웹 서버 간에 연결된 유무선 통신망을 이용하여 소정의 웹 콘텐츠를 작성하기 위한 구조화된 웹 모듈을 이용한 웹 콘텐츠 작성 시스템으로, 상기 웹 서버에 포함되며, 웹 모듈의 구동 특성과 각 웹 모듈간의 관계를 구조화된 트리구조로 저장하는 웹 모듈 저장기; 상기 웹 서버에 포함되며, 상기 웹 모듈 저장기가 기작성한 구조화된 트리구조를 이용하여 하나의 HTML을 생성하는 HTML 생성기; 및 상기 웹 클라이언트에 포함되며, 상기 웹 서버의 HTML 생성기로부터 수신된 HTML과 기제공된 이동/추가/수정/삭제/복사용 메뉴 아이콘을 화면에 디스플레이하며, 상기 웹 모듈의 이동/추가/수정/삭제/복사 요청을 상기 웹 모듈 저장기에 송신함에 따라 그 구조화된 결과를 화면에 디스플레이하는 웹 모듈 편집기로 이루어져 있다.
본 발명의 다른 실시예에 따른 웹 콘텐츠 작성 방법은 웹 모듈 편집기가 하나 혹은 다수의 웹 모듈 생성 버튼을 구비하며, 상기 웹 모듈 생성 버튼은 앞으로 생성될 웹 모듈이 트리구조상 포함될 상위 웹 모듈의 식별자를 포함하고, 사용자가 다수의 웹 모듈 생성 버튼 중에 하나를 선택함에 따라 하나의 웹 모듈을 생성을 위한 편집화면 혹은 창을 제공하며, 사용자가 편집화면에서 제공된 웹 모듈의 유형과 유형에 따른 정보를 입력하면, 입력된 데이타를 웹 모듈 생성 버튼이 제공한 상위 웹 모듈의 식별자와 함께 웹 서버에 위치한 웹 모듈 저장기로 송신하는 단계; 상기 송신된 식별자와 웹 모듈의 유형과 데이터를 웹 서버에서 동작하는 웹 모듈 저장기가 수신하여 기 저장된 트리구조로 구조화된 웹 모듈 정보에서 식별자를 찾아서 그 하부 웹 모듈로서 등록/저장하는 단계; 상기 웹 모듈 저장기가 저장한 트리구조로 구조화된 웹 모듈 정보를 HTML 생성기가 읽어서 주어진 식별자와 그 하위 웹 모듈의 HTML 혹은 해당 웹 콘텐츠의 트리구조 전체를 HTML로 만들어 다시 웹 클라이언트로 송신하는 단계; 상기 생성된 HTML을 웹 클라이언트에서 동작하는 웹 모듈 편집기가 수신 받아 기존의 HTML화면에서 송신했던 식별자의 부분만 변경 디스플레이하거나 경우에 따라서 전체 화면을 다시 디스플레이하는 단계;를 포함한다.
이하, 본 발명의 실시예가 첨부된 도면을 참조하여 상세히 설명하면 다음과 같다.
도 1은 본 발명의 실시예에 따른 구조화된 하나 이상의 웹 모듈을 이용한 웹 콘텐츠 작성 시스템을 도시한 도면이다.
도 1를 참조하면, 웹 모듈 활성화에 따른 웹 콘텐츠 작성 시스템(1000)은 웹 모듈 편집기(100), 웹 모듈 저장기(200) 및 HTML 생성기(300)를 포함한다.
웹 모듈 편집기(100)는 기설정된 다수의 웹 모듈 설정버튼을 구비하며, 다수의 웹 모듈 설정 버튼 중에 하나가 사용자에 의해 선택됨에 따라 하나 이상의 웹 모듈을 생성하며, 하나 이상의 웹 모듈을 이동/추가/수정/삭제/복사한다.
여기서, 웹 모듈은 웹 콘텐츠를 구성하는 구성요소로서, 글쓰기모듈, 링크모듈, 이미지모듈, 리스트모듈, 할일모듈, RSS모듈, 컨테이너모듈 등을 포함한다. 글쓰기 모듈은 웹 페이지상에 기술되는 글을 의미하며, 링크모듈은 웹 페이지상에 링크되는 다른 웹사이트의 주소와 웹사이트의 이름을 의미하고, 리스트모듈은 다른 웹모듈들을 포함할 수 있는 모듈이고, 컨테이너모듈은 리스트모듈과 유사한 모듈이긴 하지만 멀티칼럼을 규정하기 위하여 도입되었다는 점에 있어서 차이가 있다.
또한 웹 모듈은 기능에 따른 분류이기 때문에 다른 기능이 요구되면 다른 유형으로 추가될 수가 있다. 예를 들면 별도로 존재하는 게시판의 목록을 보여주는 모듈을 추가할 수도 있다.
웹 모듈 편집기(100)는 하나 이상의 웹 모듈마다 하는데 사용되는 각각의 이동/추가/수정/삭제/복사용 메뉴 아이콘을 화면에 제공함으로써, 각 웹 모듈에 대해 이동/추가/수정/삭제/복사 가능케 한다.
여기서, 웹 모듈 편집기(100)는 별도의 소스코딩 또는 웹 디자인 작업을 통해 소정의 사용자 관리용 메인 웹 페이지 및 사용자 관리용 메인 웹 페이지를 편집하기 위한 편집 웹 페이지를 생성하고, 편집 웹 페이지에 기설정된 다수의 웹 모듈 설정버튼이 사용자에 의해 선택됨에 따라 하나 이상의 웹 모듈을 사용자 관리용 메인 웹 페이지에 디스플레이한다.
하나 이상의 웹 모듈의 각각은 사용자 선택에 따라 웹 콘텐츠상의 위치가 정해지면, 웹 모듈 저장기(200)가 그에 따른 트리 구조를 형성한 후 생성하는 고유 식별자를 부여받는다.
또한, 웹 모듈 편집기(100)는 하나 이상의 웹 모듈 수정/삭제시, 하나 이상의 웹 모듈 각각에 내장된 고유 식별자를 인식함을 통해 하나 이상의 웹 모듈을 수정/삭제시 해당 식별자를 웹 모듈 저장기(200)에 알려주어 삭제를 지시한다.
즉, 웹 모듈 편집기(100)는 하나 이상의 웹 모듈 중에 선택된 하나를 삭제할 경우, 웹 모듈 편집기(100)는 사용자에 의해 삭제버튼이 선택됨에 따라, 하나 이상의 웹 모듈 중에 선택된 하나를 재질의하는 팝업창을 제시하고 재확인 과정을 거친 후, 웹 모듈 저장기(200)에 해당 식별자를 송신하여 웹 모듈 저장기(200)가 기 저장된 트리구조에서 해당 식별자에 해당하는 웹 모듈과 그 하위의 모듈을 삭제 한다.
웹 모듈 저장기(200)는 웹 모듈 편집기(100)로부터 이동/추가/수정/삭제/복사할 웹 모듈의 식별자와 변경 혹은 생성될 모듈의 위치를 알려주는 식별자를 수신 받아 기 작성된 트리구조에서 해당 식별자의 웹 모듈과 그 하위 웹 모듈 정보를 이동/추가/수정/삭제하고 HTML 생성기(300)으로 변경된 부분을 포함하는 최상위 웹 모듈의 식별자를 알려준다.
HTML 생성기(300)는 최상위 웹 모듈의 식별자를 가지는 웹 모듈과 그 하위 모듈의 트리구조로 저장된 정보를 읽어서 하나의 HTML로 만들고 이를 웹 모듈 편집기(100)에 송신한다.
이런 다음, 웹 모듈 편집기(100)는 기 전송되었던 식별자를 가지는 웹 모듈의 내용을 HTML 생성기(300)로부터 전달된 HTML 파일의 내용으로 교체시켜 디스플레이한다.
도 2는 본 발명의 실시예에 따른 구조화된 하나 이상의 웹 모듈을 이용한 웹 콘텐츠 작성 방법을 나타낸 순서도이다.
도 2를 참조하면, 구조화된 하나 이상의 웹 모듈을 이용한 웹 콘텐츠 작성 방법은 기설정된 다수의 웹 모듈 설정버튼을 이용하여 하나 이상의 웹 모듈을 생성하고, 사용자에 성향에 걸맞도록 하나 이상의 웹 모듈 간의 트리 구조를 형성한 후, 하나 이상의 웹 모듈을 이동/추가/수정/삭제/복사 등의 편집 기능을 활용함을 통해 별도의 웹 작성 도구 툴 없이도 사용자가 원하는 웹 콘텐츠를 웹 모듈 편집기 내에서 작성 가능한 웹 콘텐츠 작성 방법에 관한 것이다.
먼저, 웹 모듈 편집기는 기설정된 다수의 웹 모듈 설정 버튼을 구비하며, 다수의 웹 모듈 설정 버튼 중에 하나가 사용자에 의해 선택됨에 따라 웹 모듈의 이동/추가/수정/삭제/복사를 지시 받는다(S10).
다시 말해, 웹 모듈 편집기는 기구비된 화면에 형성된 소정의 이동/추가/수정/삭제/복사용 메뉴바를 제시하고 사용자가 이를 선택하면 추가/편집을 선택한 경우 편집화면을 제시하고, 복사를 선택한 경우 식별자를 보관하고, 이동을 선택한 경우 사용자가 드래그하는 동안 이를 시각적으로 표시하고, 삭제를 선택한 경우 삭제 확인을 하고 붙여넣기를 하면 식별자를 보관한다.
여기서, 웹 모듈 편집기는 사용자의 이동/추가/수정/삭제/복사 동작 종료시 해당 웹 모듈의 식별자, 웹 모듈의 내용과 변경될 위치에 대한 정보를 웹 모듈 저장기로 송신한다(S20).
삭제/이동/복사/붙여넣기의 경우 해당 웹 모듈의 식별자가 하나이나 트리구조상 그 하부를 포함하는 의미를 가진다. 예를 들면, a라는 웹 모듈이 있고 a1과 a2라는 웹 모듈이 그 하부에 있는 경우, 웹 모듈 편집기에서 a를 이동하면 a1과 a2도 같이 이동을 한다. 그렇기 때문에 웹 모듈 편집기는 실질적으로 하나 이상의 웹 모듈을 이동하지만 그중 최상위 웹 모듈의 식별자만 웹 모듈 저장기로 송신한다.
웹 모듈 저장기는 웹 모듈의 식별자와 웹 모듈의 내용 그리고 변경될 위치의 식별자를 받아서 기 저장된 트리구조에서 해당하는 식별자를 찾아서 지시된 동작에 따라 트리구조에서 해당 웹 모듈정보를 생성, 수정, 삭제 혹은 이동한다(S30).
이를 트리구조로 설명을 한다면 다음과 같다. 웹 모듈의 트리 구조를 다음과 같이 표시된다고 가정한다.
모듈 식별자(내용 리스트, 하위 모듈 리스트)
이 때, ‘내용’은 웹 모듈의 여러 정보를 다음과 같이 표시한다.
(유형=글,제목=a)
웹 모듈 편집기가 웹 모듈 저장장치에 요청하는 내용은 다음과 같이 표시된다고 가정하자.
요청(식별자, 내용 리스트, 다음 위치 식별자)
아무 내용이 없는 웹 콘텐츠는 초기에 다음과 같은 트리구조를 가진다.
001((유형=페이지),)
여기에 사용자가 제목이 a이고 내용이 b라는 글을 가지는 웹 모듈을 웹 콘텐츠에 추가하면 웹 편집기는 다음과 같은 요청을 웹 모듈 저장 장치로 보낸다.
추가(식별자 없음, (유형=글,제목=a,내용=b), 001)
여기서 식별자가 없는 이유는 식별자는 웹 저장 장치에서 부여하기 때문이다.
웹 모듈 저장 장치는 기존의 트리구조를 다음과 같이 변경한다.
001((유형=페이지),(002((유형=글,제목=a,내용=b),)))
이 때, 002는 웹 저장장치가 생성한 유일한 식별자이며 HTML 생성기가 이를 포함한 HTML을 생성하여 웹 모듈 저장 장치로 보낸다.
이 때, 사용자가 001에 목록을 추가하면 다음과 같은 트리 구조가 생성된다.
001((유형=페이지),(002((유형=글,제목=a,내용=b),),003((유형=목록,제목=c),)))
사용자가 목록 003에 하부에 링크를 추가하면 다음과 같은 트리구조가 생성된다.
001((유형=페이지),(002((유형=글,제목=a,내용=b),),003((유형=목록,제목=c),(004((유형=링크,제목=야후,url=http://kr.yahoo.com),)))))
이 때, 웹 페이지는 글 다음에 링크를 하나의 목록으로 가지는 리스트를 표시 한다. 사용자가 목록을 글보다 먼저 나오도록 이동을 하면 웹 모듈 편집기는 다음과 같은 요청을 웹 모듈 저장기로 송신한다.
이동(003, , 002)
즉, 식별자가 003인 목록을 식별자가 002인 목록 앞으로 이동할 것을 지시한 것이다. 이동, 삭제, 붙여넣기의 동작은 항상 트리구조상 하위를 포함하므로 다음과 같은 트리구조가 생성된다.
001((유형=페이지),(003((유형=목록,제목=c),(004((유형=링크,제목=야후,url=http://kr.yahoo.com),)),002((유형=글,제목=a,내용=b),))))
이상과 같이 웹 모듈 편집기는 사용자의 선택에 따라 해당 웹 모듈의 식별자를 포함하는 요청을 만들어서 웹 모듈 저장기로 보내고 웹 모듈 저장기는 요청에 따라 웹 모듈을 트리구조로 구조화하여 저장한다.
HTML 생성기는 웹 모듈 저장기가 저장한 트리구조를 이용하여 사용자의 초기 접속시는 전체 트리구조, 다시 말하면 식별자 001 이하 모든 웹 모듈을 포함하는 HTML을 생성하며, 이동, 삭제 등 일부만 바뀌는 경우는 요청에 포함된 식별자를 이용하여 변경되는 부분을 포함하는 최상위의 웹 모듈의 찾아서 그 이하 모든 웹 모듈을 포함하는 HTML을 생성하고 웹 모듈 편집기로 송신한다(S40).
결국, 웹 모듈 편집기는 요청(S20)의 응답으로 HTML생성기가 생성한 HTML을 받고 수신된 HTML로 해당 웹 모듈의 HTML을 교체하여 디스플레이한다(S50).
HTML 생성기가 생성하는 HTML은 HTML내에 웹 모듈을 구분하는 방법으로 HTML의 DIV 태그를 사용하며 이때 웹 모듈의 식별자를 태그의 식별자로 사용하기 때문에 웹 모듈 편집기는 수신된 HTML로 해당 웹 모듈의 HTML을 교체하면서 자동으로 식별자를 인식하게 되고 도2의 흐름이 처음부터 다시 시작하게 된다.
도 3은 본 발명의 실시예에 따른 웹 콘텐츠 작성 시스템에 의해 구현되는 사용자 관리용 메인 웹 페이지를 도시한 도면이다.
도 3을 참조하면, 사용자 관리용 메인 웹 페이지(3000)는 소정의 편집 웹 페이지에 기설정된 다수의 웹 모듈 설정 버튼을 선택한 후, 자동 생성된 웹 모듈 편집창에 사용자가 입력하고자 하는 글을 삽입하여 하나 이상의 웹 모듈을 생성 및 디스플레이한다.
여기서, 본 발명의 실시예에 따른 웹 모듈은 도 4에서 설명될 편집 웹 페이지에 기설정된 다수의 웹 모듈 설정 버튼을 선택함에 따라 자동 생성된 웹 모듈 편집창을 이용하여 글 삽입 저장 후, 사용자 관리용 메인 웹 페이지에 생성 및 디스플레이된 모듈을 일컫는다.
사용자 관리용 메인 웹 페이지(3000)는 웹 콘텐츠 작성 시스템의 구성요소인 웹 모듈 편집기의 웹 모듈 구체화 및 활성화 작업을 통해 형성된 웹 페이지로써, 웹 모듈 편집기의 소스코딩 또는 웹 디자인 작업을 통해 형성된다.
편집 웹 페이지 역시도 웹 모듈 편집기의 소스코딩 및 디자인 작업을 통해 형성된 것이다.
사용자 관리용 메인 웹 페이지(3000)는 편집 웹 페이지를 통해 생성된 각 해당 모듈(3110, 3120, 3130, 3140, 3150, 3160, 3170)과 각 해당 모듈마다 자동 첨부되는 추가버튼(3200), 수정버튼(3210), 복사버튼(3220), 삭제버튼(3230) 및 이동버튼(3240)을 모두 포함한다.
본 발명의 실시예에 따른 사용자 관리용 메인 웹 페이지(3000)에 대해 좀 더 구체적으로 설명하면 다음과 같다.
즉, 사용자 관리용 메인 웹 페이지(3000)는 도 4에서 언급될 편집 웹 페이지에 기설정된 다수의 웹 모듈 설정버튼 중에 하나인 글쓰기 버튼을 선택함에 따라, 글쓰기 프로세싱이 수행되고, 그 결과로 소정의 제 1 웹 모듈을 생성 및 디스플레이한다.
위와 동일한 패턴으로, 사용자 관리용 메인 웹 페이지(3000)는 도 4에서 언급될 편집 웹 페이지에 기설정된 링크 버튼이 선택될 경우 링크 프로세싱, 이미지 버튼이 선택되면 이미지 프로세싱, 리스트 버튼이 선택되면 리스트 프로세싱, 할 일 버튼(3150)이 선택되면 할 일 프로세싱, RSS 버튼이 선택되면, RSS 프로세싱, 컨테이너 버튼이 선택되면 컨테이너 프로세싱의 수행에 따라, 이에 해당된 각각의 제 1 웹 모듈(3110), 제 2 웹 모듈(3120), 제 3 웹 모듈(3130), 제 4 웹 모듈(3140), 제 5 웹 모듈(3150) 및 제 6 웹 모듈(3160), 제 7 웹 모듈(3170)을 생성 및 디스플레이한다.
이어서, 제 1 내지 제 7 웹 모듈(3110, 3120, 3130, 3140, 3150, 3160, 3170)이 사용자 관리용 메인 웹 페이지에 표시됨에 따라, 제 1 내지 제 7 웹 모듈(3110, 3120, 3130, 3140, 3150, 3160, 3170)은 자동적으로 생성된 추가버튼(3200), 수정버튼(3210), 복사버튼(3220), 삭제버튼(3230) 및 이동버튼(3240)을 구비한다.
만약, 제 1 내지 제 7 모듈(3110, 3120, 3130, 3140, 3150, 3160, 3170)에 자동 첨부된 추가버튼(3200), 수정버튼(3210), 복사버튼(3220), 삭제버튼(3230) 및 이동버튼(3240) 중에 추가버튼(3200)이 사용자에 의해 선택될 경우, 사용자 관리용 메인 웹 페이지(3000)는 웹 콘텐츠 작성 시스템의 구성요소인 웹 모듈 저장기와 HTML생성기로부터 생성된 HTML을 전달받아 제 1 내지 제 7 모듈과 대등관계의 트리구조를 갖는 다른 웹 모듈을 추가 생성 및 디스플레이한다.
좀 더 구체적으로 설명하자면, 사용자가 추가버튼을 선택할 경우 웹 모듈 편집기는 도 4에 도시된 편집 웹 페이지(3300)을 디스플레이하고, 사용자가 웹 모듈을 클릭하고 관련 내용을 입력 저장하면 선택된 웹 모듈의 내용과 위치될 웹 모듈의 식별자를 웹 모듈 저장기에 전송하고, 웹 모듈 저장기는 기저장된 트리구조에 입력된 웹 모듈 정보를 추가하고 생성된 식별자를 포함한 HTML을 다시 웹 모듈 편집기에 송신한다.
웹 모듈 편집기는 수신된 HTML로 해당 식별자의 내용을 교체시킨다. 구현에 따라 생성/수정은 전체 웹 페이지를 HTML로 받을 수도 있고, 아니면 해당 식별자를 포함하는 상위의 웹 모듈의 내용만 HTML로 받아 내용을 바꿔서 시각적으로는 전체의 경우와 동일하게 디스플레이를 할 수 있다.
또한, 사용자 관리용 메인 웹 페이지(3000)는 제 1 내지 제 7 모듈(3110, 3120, 3130, 3140, 3150, 3160, 3170) 중에 선택된 하나를 수정하고자 할 경우, 수정버튼(3200)을 선택한다. 단, 사용자 관리용 메인 웹 페이지(3000)는 제 1 내지 제 7 모듈(3110, 3120, 3130, 3140, 3150, 3160, 3170) 중에 선택된 하나에 대한 내용만을 수정하는 것임으로 웹 서버로부터 생성된 웹 모듈 매칭신호를 수신하지 않음에 따른 기형성된 트리구조를 변경시키지 않는다.
사용자 관리용 메인 웹 페이지(3000)는 제 1 내지 제 7 모듈(3110, 3120, 3130, 3140, 3150, 3160, 3170) 중에 선택된 하나를 복사하고자 할 경우, 복사버튼(3200)을 선택한다.
이에 따라, 사용자 관리용 메인 웹 페이지(3000)는 하나 이상의 웹 모듈로 이미 형성된 트리 구조의 상위레벨 또는 하위레벨을 자유롭게 이동하면서 제 1 내지 제 7 모듈(3110, 3120, 3130, 3140, 3150, 3160, 3170) 중에 선택 복사된 하나를 어떤 위치든지 붙여넣기 가능하다.
즉, 사용자 관리용 메인 웹 페이지(3000)는 웹 콘텐츠 작성 시스템의 구성요소인 웹 서버로부터 생성된 웹 모듈 매칭신호를 전달받아 제 1 내지 제 7 모듈(3110, 3120, 3130, 3140, 3150, 3160, 3170) 중에 선택적으로 복사된 하나를 이미 형성된 트리 구조와는 무관하게 웹 모듈간의 대등 관계, 종속 관계 또는 역종속관계의 트리구조를 갖도록 어떤 위치든지 자유롭게 붙여넣기 할 수 있다.
제 1 내지 제 7 모듈(3110, 3120, 3130, 3140, 3150, 3160, 3170)에 자동 첨부된 추가버튼, 수정버튼, 복사버튼, 삭제버튼 및 이동버튼 중에 삭제버튼이 선택될 경우, 제 1 내지 제 7 모듈(3110, 3120, 3130, 3140, 3150, 3160, 3170) 중에 선택된 하나는 사용자 관리용 메인 웹 페이지(3000)를 통해 삭제된다.
이동버튼(3240)이 선택될 경우, 제 1 내지 제 7 모듈(3110, 3120, 3130, 3140, 3150, 3160, 3170) 중에 선택된 하나는 하나 이상의 웹 모듈로 이미 형성된 트리 구조를 자유롭게 넘나든다.
즉, 사용자 관리용 메인 웹 페이지(3000)는 웹 콘텐츠 작성 시스템의 구성요소인 웹 서버로부터 생성된 웹 모듈 매칭신호를 전달받아 제 1 내지 제 7 모듈(3110, 3120, 3130, 3140, 3150, 3160, 3170) 중에 선택된 하나를 이미 형성된 트리 구조와 상관없이 웹 모듈간의 대등 관계, 종속 관계 또는 역종속관계의 트리구조를 갖도록 사용자가 원하는 위치에 이동할 수 있다.
다시 말해, 이동버튼은 하나 이상의 웹 모듈로 기형성된 트리구조와 무관하게 웹 모듈간에 대등관계, 종속관계 또는 역종속관계의 트리구조를 갖도록 형성시키는 버튼이다.
추가적으로, 사용자 관리용 메인 웹 페이지(3000)는 소정의 편집 종료 버튼(3100)을 클릭함에 따라, 제 1 내지 제 7 모듈(3110, 3120, 3130, 3140, 3150, 3160, 3170)에 자동 첨부된 추가버튼(3200), 수정버튼(3210), 복사버튼(3220), 삭제버튼(3230) 및 이동버튼(3240)을 사용자에게 보이지 않게 한다. 즉, 사용자 관리용 메인 웹 페이지(3000)는 관리 모드 기능이 제공되지 않는 소정의 고객 웹 페이지로 변경된다.
더군다나, 도 4에서 언급될 편집 웹 페이지에 구비된 리스트 버튼이 사용자에 의해 선택될 경우, 사용자 관리용 메인 웹 페이지(3000)는 기생성된 제 1 내지 제 7 웹 모듈(3110, 3120, 3130, 3140, 3150, 3160, 3170) 중에 선택된 하나에 종속되는 제 1 종속 웹 모듈(3141)과 제 1 종속 웹 모듈(3141) 내에 세부 종속되는 제 2 종속 웹 모듈(3142)을 생성한다.
즉, 사용자가 제 1 내지 제 7 웹 모듈(3110, 3120, 3130, 3140, 3150, 3160, 3170) 중 선택된 하나에 제 1 종속 웹 모듈(3141)을 종속시키기 위하여 제 1 내지 제 7 웹 모듈(3110, 3120, 3130, 3140, 3150, 3160, 3170) 중 선택된 하나에 자동 첨부된 추가버튼을 클릭한다.
이에 따라, 편집 웹 페이지는 기구비된 리스트 버튼을 선택한 후 자동 생성된 웹 모듈 편집창(3380)에 글 내용을 삽입 저장하고, 제 1 내지 제 7 웹 모듈(3110, 3120, 3130, 3140, 3150, 3160, 3170) 중 선택된 하나에 제 1 종속 웹 모듈(3141)을 종속시킨다.
즉, 사용자 관리용 메인 웹 페이지(3000)는 웹 서버로부터 전달된 웹 모듈 매칭신호를 수신함으로써, 제 1 내지 제 7 웹 모듈(3110, 3120, 3130, 3140, 3150, 3160, 3170) 중 선택된 하나에 종속된 트리구조를 갖도록 제 1 종속 웹 모듈(3141)을 생성 및 디스플레이한다.
마찬가지로, 제 2 종속 웹 모듈(3142)은 제 1 종속 웹 모듈(3141)에 자동 첨부된 추가버튼을 선택함에 따라, 편집 웹 페이지에 형성된 리스트 버튼 선택 후 웹 모듈 편집창을 이용하여 글 삽입 저장하여 제 1 종속 웹 모듈(3141)에 종속된 제 2 종속 웹 모듈(3142)을 사용자 관리용 메인 웹 페이지(3000)에 전달한다.
사용자 관리용 메인 웹 페이지(3000)는 웹 서버로부터 전달된 웹 모듈 매칭신호를 수신함에 따라, 제 2 종속 웹 모듈(3142)이 제 1 종속 웹 모듈(3141)에 종속된 트리구조를 갖도록 생성 및 디스플레이한다.
도 4는 본 발명의 실시예에 따른 사용자 관리용 메인 웹 페이지를 편집하기 위한 편집 웹 페이지를 도시한 도면이다.
도 4를 참조하면, 사용자 관리용 메인 웹 페이지를 편집하기 위한 편집 웹 페이지(3300)는 웹 모듈 편집창(3380), 저장 버튼(3390)과 글쓰기 버튼(3310), 링크 버튼(3320), 이미지 버튼(3330), 리스트 버튼(3340), 할 일 버튼(3350), RSS 버튼(3360) 또는 컨테이너 버튼(3370) 을 포함한다.
사용자는 사용자 관리용 메인 웹 페이지에 디스플레이된 다수의 모듈 중에 하나 이상을 편집하고자 할 경우, 도 3에서 제시된 추가버튼/수정버튼/복사버튼/삭제버튼/이동버튼을 사용하여 편집한다. 즉, 사용자가 추가버튼/수정버튼/복사버튼/삭제버튼/이동버튼을 선택함에 따라, 편집 웹 페이지(3300)가 자동적으로 열린다.
다음, 편집 웹 페이지(3300)는 기설정된 다수의 웹 모듈 설정버튼인 글쓰기 버튼(3310), 링크 버튼(3320), 이미지 버튼(3330), 리스트 버튼(3340), 할 일 버튼(3350), RSS 버튼(3360) 또는 컨테이너 버튼(3370) 중에 하나를 선택한다.
편집 웹 페이지(3300)는 사용자에 의해 글쓰기 버튼(3310)이 선택됨에 따라, 글쓰기 프로세싱을 동작시켜 웹 모듈 편집창(3380)에 사용자가 기재하고자 하는 글 내용을 삽입한다.
마찬가지로, 링크 버튼(3320), 이미지 버튼(3330), 리스트 버튼(3340), 할 일 버튼(3350), RSS 버튼(3360) 또는 컨테이너 버튼(3370)이 사용자에 의해 선택됨에 따라, 편집 웹 페이지(3300)는 링크 프로세싱, 이미지 프로세싱, 리스트 프로세싱, 할 일 프로세싱, RSS 프로세싱 또는 컨테이너 프로세싱을 각각 동작시켜 사용자가 하고자 하는 링크 URL, 이미지 파일, 별도의 종속 웹 모듈, 블로그, RSS(Really Simple Syndication) 또는 멀티칼럼 등을 삽입한다.
이에 따라, 편집 웹 페이지(3300)는 웹 모듈 편집창(3380)의 기재된 내용을 기형성된 저장버튼(3390)을 이용하여 저장한 후, 웹 모듈화시켜 사용자 관리용 메인 웹 페이지에 전달한다.
즉, 사용자 관리용 메인 웹 페이지는 편집 웹 페이지(3300)에 의해 제작된 웹 모듈을 도 3에서 제시된 제 1 내지 제 7 웹 모듈의 형태로 생성 및 디스플레이한다.
만약, 편집 웹 페이지(3300)는 기탑재된 웹 모듈 설정 버튼인 글쓰기 버튼(3310), 링크 버튼(3320), 이미지 버튼(3330), 리스트 버튼(3340), 할 일 버튼(3350), RSS 버튼(3360) 또는 컨테이너 버튼(3370) 외에 다른 웹 모듈 설정 버튼을 더 추가 설정할 경우, 이에 해당된 프로세싱이 진행됨에 따라, 편집 웹 페이지(3300)는 이에 해당된 다른 웹 모듈을 생성 및 디스플레이한다.
또한, 트리구조를 이용하여 웹 모듈이 분리되어 있기 때문에 다른 응용 프로그램의 데이터와 연결을 할 수 있다. 예를 들면, 사용자 웹 브라우저의 북마크를 웹 콘텐츠의 링크의 모임과 비교하여 동기화를 실시할 수도 있다.
상기에서는 본 발명의 바람직한 실시예를 참조하여 설명하였지만, 해당 기술 분야의 숙련된 당업자는 하기의 특허청구범위에 기재된 본 발명의 사상 및 영역으로부터 벗어나지 않는 범위 내에서 본 발명을 다양하게 수정 및 변경시킬 수 있음을 이해할 수 있을 것이다.
기설정된 다수의 웹 모듈 설정버튼을 이용하여 하나 이상의 웹 모듈을 생성하고, 각 웹 모듈 간의 관계를 트리 구조를 형성하여 구조화한 후, 하나의 웹 모듈 혹은 트리 구조상 그 모듈 하위의 하나 이상의 웹 모듈을 이동/추가/수정/삭제/복사 등의 편집 기능을 제공하여, 웹 콘텐츠의 수정 혹은 재배치를 전체가 아닌 부분만 가능하도록 하고, 각 웹 모듈의 동기화 등 부가기능을 추가할 기반을 마련한다.

Claims (5)

  1. 삭제
  2. 웹 클라이언트와 웹 서버 간에 연결된 유무선 통신망을 이용하여 소정의 웹 콘텐츠를 작성하기 위한 구조화된 웹 모듈을 이용한 웹 콘텐츠 작성 시스템으로,
    상기 웹 서버에 포함되며, 웹 모듈의 구동 특성과 각 웹 모듈간의 관계를 구조화된 트리구조로 저장하는 웹 모듈 저장기;
    상기 웹 서버에 포함되며, 상기 웹 모듈 저장기가 기작성한 구조화된 트리구조를 이용하여 하나의 HTML을 생성하는 HTML 생성기; 및
    상기 웹 클라이언트에 포함되며, 상기 웹 서버의 HTML 생성기로부터 수신된 HTML과 기제공된 이동,추가,수정,삭제 또는 복사용 메뉴 아이콘을 화면에 디스플레이하며, 상기 웹 모듈의 이동,추가,수정, 삭제 또는 복사 요청을 상기 웹 모듈 저장기에 송신함에 따라 그 구조화된 결과를 화면에 디스플레이하는 웹 모듈 편집기;를 포함하며, 상기 웹 모듈 편집기는 상기 하나의 웹 모듈을 생성시킬 경우, 상기 웹 모듈이 생성 표시될 위치 식별자를 상기 웹 모듈 저장기에 전송하는 것을 특징으로 하는 구조화된 웹 모듈을 이용한 웹 콘텐츠 작성 시스템.
  3. 제 2 항에 있어서, 상기 웹 모듈 편집기는,
    하위 웹 모듈을 포함하는 상기 웹 모듈을 드래그 앤드 드롭으로 이동시킬 경우, 화면상에 하위 웹 모듈을 포함하는 이동 과정을 표시하며, 상기 웹 모듈의 식별자와 상기 웹 모듈이 이동 표시될 위치 식별자를 상기 웹 모듈 저장기에 전송하는 것을 특징으로 하는 구조화된 웹 모듈을 이용한 웹 콘텐츠 작성 시스템.
  4. 제 2 항에 있어서, 웹 모듈 편집기는,
    하위 웹 모듈을 포함하는 상기 웹 모듈을 복사한 후, 어느 일정 위치에 붙여넣기를 실시할 경우, 화면상에 상기 웹 모듈의 붙여넣기 과정을 표시하며, 상기 웹 모듈의 식별자와 상기 웹 모듈이 붙여넣기 표시될 위치 식별자를 상기 웹 모듈 저장기에 전송하는 것을 특징으로 하는 구조화된 웹 모듈을 이용한 웹 콘텐츠 작성 시스템
  5. 제 2 항 내지 제 4 항 중 어느 항에 있어서, 상기 웹 모듈 저장기는,
    상기 웹 모듈이 생성,이동,복사 또는 추가 실시됨에 의해 자동 형성된 웹 모듈의 위치 식별자 및 상기 웹 모듈에 종속된 하위 웹 모듈의 위치 식별자를 상기 웹 모듈 편집기로부터 입력받아 트리구조로 구조화하여 기록 저장하는 것을 특징으로 하는 구조화된 웹 모듈을 이용한 웹 콘텐츠 작성 시스템.
KR1020070019869A 2007-02-27 2007-02-27 구조화된 하나 이상의 웹 모듈을 이용한 웹 콘텐츠 작성시스템 KR100762516B1 (ko)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020070019869A KR100762516B1 (ko) 2007-02-27 2007-02-27 구조화된 하나 이상의 웹 모듈을 이용한 웹 콘텐츠 작성시스템

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020070019869A KR100762516B1 (ko) 2007-02-27 2007-02-27 구조화된 하나 이상의 웹 모듈을 이용한 웹 콘텐츠 작성시스템

Publications (1)

Publication Number Publication Date
KR100762516B1 true KR100762516B1 (ko) 2007-10-02

Family

ID=39418883

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020070019869A KR100762516B1 (ko) 2007-02-27 2007-02-27 구조화된 하나 이상의 웹 모듈을 이용한 웹 콘텐츠 작성시스템

Country Status (1)

Country Link
KR (1) KR100762516B1 (ko)

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20030052600A (ko) * 2001-12-21 2003-06-27 한국전자통신연구원 유/무선 인터넷을 이용한 수식 기호 편집장치 및 방법
KR20030066180A (ko) * 2002-02-05 2003-08-09 에스케이씨 주식회사 온라인을 통해 멀티미디어 디지털 콘텐츠를 자동으로제작하는 방법 및 그 시스템
KR20040090866A (ko) * 2003-04-18 2004-10-27 (주)아이펜텍 폼을 이용하는 ｘｍｌ 문서 편집기 및 ｘｍｌ 문서편집기가 기록된 컴퓨터로 읽을 수 있는 기록 매체
KR20050089628A (ko) * 2004-03-05 2005-09-08 채재영 컨텐츠 구조화 및 관리 시스템

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20030052600A (ko) * 2001-12-21 2003-06-27 한국전자통신연구원 유/무선 인터넷을 이용한 수식 기호 편집장치 및 방법
KR20030066180A (ko) * 2002-02-05 2003-08-09 에스케이씨 주식회사 온라인을 통해 멀티미디어 디지털 콘텐츠를 자동으로제작하는 방법 및 그 시스템
KR20040090866A (ko) * 2003-04-18 2004-10-27 (주)아이펜텍 폼을 이용하는 ｘｍｌ 문서 편집기 및 ｘｍｌ 문서편집기가 기록된 컴퓨터로 읽을 수 있는 기록 매체
KR20050089628A (ko) * 2004-03-05 2005-09-08 채재영 컨텐츠 구조화 및 관리 시스템

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
미국공개특허 제2003/0204811호

Similar Documents

Publication Publication Date Title
US11675968B2 (en) Enterprise web application constructor system and method
US7890877B2 (en) Systems and methods for improved portal development
US8176417B2 (en) Constructing and maintaining web sites
KR101531435B1 (ko) 웹 인터페이스를 통한 다이내믹 그래픽의 작성 및 편집
JP4972254B2 (ja) リフレッシュ可能なＷｅｂクエリを作成するための統合された方法
CN104239305B (zh) 生成及展现电子文档的方法及装置
CN107844297A (zh) 一种数据可视化实现系统及方法
JP4602650B2 (ja) ナビゲーション生成装置およびプログラム
US20070162845A1 (en) User interface for webpage creation/editing
US20170060827A1 (en) Automatically converting text to business graphics
US11822615B2 (en) Contextual editing in a page rendering system
CN107231415B (zh) 图片的网络存储方法和装置
KR100326425B1 (ko) 홈페이지 제작 방법
US8239754B1 (en) System and method for annotating data through a document metaphor
US7685229B1 (en) System and method for displaying server side code results in an application program
KR100261265B1 (ko) 웹 문서 저작을 위한 장치 및 그 운용 방법
KR100762516B1 (ko) 구조화된 하나 이상의 웹 모듈을 이용한 웹 콘텐츠 작성시스템
Towers Dreamweaver 4 for Windows and Macintosh
KR20030039346A (ko) 블로깅툴, 이를 이용한 웹문서 작성방법 및 웹페이지에작성된 웹문서 올리는 방법
KR20010074232A (ko) 무선 콘텐츠/사이트 저작 방법 및 시스템
JP2012248045A (ja) 階層化Ｗｅｂ頁生成方法
Kane Terminal4 Training for Research Office
TW200919215A (en) Annotation structure for web pages, system and method for annotating web pages
Hillier Visual Studio 2005 and the Microsoft Office System
Judd et al. Web 2.0—Ajax and Friends

Legal Events

Date Code Title Description
A201 Request for examination
A302 Request for accelerated examination
E902 Notification of reason for refusal
E701 Decision to grant or registration of patent right
GRNT Written decision to grant
G170 Re-publication after modification of scope of protection [patent]
FPAY Annual fee payment

Payment date: 20110915

Year of fee payment: 5

FPAY Annual fee payment

Payment date: 20120913

Year of fee payment: 6

LAPS Lapse due to unpaid annual fee