KR100375506B1 - 소용량 온라인 방식의 에이치티엠엘 저작 시스템 및 저작방법 - Google Patents

소용량 온라인 방식의 에이치티엠엘 저작 시스템 및 저작방법 Download PDF

Info

Publication number
KR100375506B1
KR100375506B1 KR10-2000-0018917A KR20000018917A KR100375506B1 KR 100375506 B1 KR100375506 B1 KR 100375506B1 KR 20000018917 A KR20000018917 A KR 20000018917A KR 100375506 B1 KR100375506 B1 KR 100375506B1
Authority
KR
South Korea
Prior art keywords
box
authoring
document
user
text
Prior art date
Application number
KR10-2000-0018917A
Other languages
English (en)
Other versions
KR20010095635A (ko
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 KR10-2000-0018917A priority Critical patent/KR100375506B1/ko
Publication of KR20010095635A publication Critical patent/KR20010095635A/ko
Application granted granted Critical
Publication of KR100375506B1 publication Critical patent/KR100375506B1/ko

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/166—Editing, e.g. inserting or deleting
    • G06F40/186—Templates
    • 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0486—Drag-and-drop

Abstract

본 발명은 소용량 온라인 방식의 에이치티엠엘 저작 시스템 및 저작 방법에 관한 것이다. 본 발명의 하나의 특징에 따른 에이치티엠엘 저작 방법은 사용자가 저작 도구를 이용하여 네트워크 상에 존재하는 사이버 문서를 작성가능 하도록 하는 저작 방법으로서, 상기 사이버 문서에 포함될 텍스트 박스와 이미지 박스를 선택하는 단계; 선택된 상기 텍스트 박스와 이미지 박스를 상기 사용자의 의도대로 조작 가능하도록 하는 단계를 포함하여 이루어진다.
본 발명은 네트워크 상에서 이용자가 원하는 사이버 문서를 쉽게 저작할 수 있는 저작 도구를 제공하고, 이로 인해 사이버 문서상에서 글자의 폰트, 크기, 색 등을 변형할 수 있는 에이치티엠엘 형태의 전자 우편 작성이 가능하다.

Description

소용량 온라인 방식의 에이치티엠엘 저작 시스템 및 저작 방법{A HYPERTEXT MARKUP LANGUAGE (HTML) WRITING SYSTEM AND A HTML WRITING METHOD USING A LOW CAPACITY ON-LINE METHOD}
본 발명은 소용량 온라인 방식의 에이치티엠엘 저작 도구 및 저작 방법에 관한 것으로써, 특히 이용자가 간단한 마우스 드래그 앤 드롭(Drag And Drop) 등의 조작으로 문서 내에 텍스트 박스나 이미지를 삽입하고 위치, 크기 및 형태를 자유롭게 픽셀 단위까지 변형할 수 있는 위즈윅 개념의 소용량 온라인 방식의 에이치티엠엘 저작 도구 및 저작 방법에 관한 것이다.
인터넷이 일반인에게 보급되어 대중화되면서, 이용자 스스로가 쉽게 웹 페이지(web page)를 저작하고자 하는 요구가 급속히 증가하고 있다. 일반적인 웹 페이지 저작 도구로서 에이치티엠엘(HTML : Hyper Text Markup Language, 이하 HTML 이라 칭함)을 사용한다. 여기서, HTML이란 웹 클라이언트(client)가 서버(server)에 접속하여 서버에서 제공하는 기능을 사용할 수 있도록 하며, 웹 서버(web server)에서 하이퍼미디어(hyper media) 문서를 작성하고 표현하기 위해서 사용하는 웹 구축용 언어이다. HTML 문서는 이용자간에 전화처럼 이야기를 주고받을 수 있고, 응용 프로그램 및 문서를 공유할 수 있으며, 대화를 나누며 파일을 송수신할 수 있을 뿐만 아니라, 채팅(chatting) 프로그램을 사용하여 이용자간에 메시지를 주고받을 수 있는 특징이 있다.
이하에서는 종래의 에이치티엠엘 저작에 대하여 간단히 설명한다.
도1은 종래의 에이치티엠엘 저작 관계도를 나타내는 도면이다.
첨부한 도1에서와 같이, 에이치티엠엘 저작 도구는 일반 HTML 저작과 디에이치티엠엘(DHTML : Dynamic HTML, 이하 DHTML이라 칭함) 저작으로 분류된다. 여기서, DHTML이란 이전의 HTML에 비하여 애니메이션이 강화되고, 사용자 상호작용에 좀더 민감한 웹 페이지를 만들 수 있도록 하는 웹 페이지 저작 프로그램 언어로서, 웹 페이지에서 사용되는 웹 문서를 데스크탑(desktop) 응용 프로그램들이나 멀티미디어 제품처럼 보여지도록 하고 동작하게 할 수 있는 언어이다. DHTML은 위지윅(WYSIWYG : What You See Is What You Get)방식과 비 위지윅(Non-WISIWYG) 방식이 있다. 여기서, 위지윅이란 지유아이(GUI : Graphic User Interface) 또는 텍스트 페이지를 만들기 위한 인터페이스 또는 컨텐츠 개발도구로서, 창작중인 문서의 결과물이 어떤 모습으로 나타나게 될 것인지를 작업 중에도 볼 수 있도록 해주는 개념의 편집기 또는 프로그램을 지칭하는 말이다. 위지윅 방식은 또 설치 방식과 온라인(On-line)방식이 있고, 온라인 방식은 대용량의 이진 코드 형태의 프로그램을 다운로드 받아 사용하는 방식과 소용량의 스크립트(script)형태의 프로그램을 사용하는 방식으로 분류된다.
이러한 HTML의 구조나 태그(tag : 꼬리표) 입력 없이 문서 결과의 모습을 있는 그대로 이용자가 보면서 저작할 수 있는 개념의 HTML 저작 도구가 시중에 많이 발표되었다.
그런데, 이러한 대부분의 HTML 저작도구는 이용자가 프로그램을 직접 구입하여 자신의 컴퓨터에 설치하여야 하기 때문에, 이용자가 손쉽게 HTML 문서 저작에 접근할 수 없는 문제점이 발생하였다. 또한, 온라인 상에서 웹 페이지를 저작할 수 있는 저작도구가 발표되었으나, 자바 애플릿(JAVA Applet)이나 엑티브 엑스(Active X)와 같은 대용량 이진 코드를 다운로드(Download) 받아서 사용하여야 하고, 이용자의 컴퓨터 용량을 많이 사용하기 때문에, 고성능의 컴퓨터가 아니면 사용이 불가능하거나 컴퓨터의 운영 안정성이 떨어지는 단점이 발생하였다.
그런데, 현재 사용중인 대부분의 저작도구들은 일반 HTML만을 지원하고 있어서, 이용자가 요구하는 대로 텍스트나 이미지의 크기, 위치 등을 조절할 수 없는 문제점이 있다.
이러한 문제점을 해결하기 위해 본 발명이 이루고자 하는 기술적인 과제는네트워크 상에서 이용자가 원하는 사이버 문서를 쉽게 저작할 수 있는 저작 도구를 제공하는 데 그 목적이 있다.
또한, 웹 브라우저 상에서 글자의 폰트, 크기, 색 등을 변형하여 다양한 형태의 전자우편 작성이 가능하도록 하는 데 그 목적이 있다.
도1은 종래의 에이치티엠엘 저작 관계도를 나타내는 도면이다.
도2는 본 발명의 실시예에 따른 소용량 온라인 방식의 에이치티엠엘 저작 도구를 이용한 저작 시스템을 나타내는 구성 블록도이다.
도3은 본 발명의 실시예에 따른 소용량 온라인 방식의 에이치티엠엘 웹 페이지 저작 과정을 나타내는 흐름도이다.
이와 같은 목적을 달성하기 위한 본 발명의 하나의 특징에 따른 소용량 온라인 방식의 에이치엠엘 저작 시스템은
사용자가 저작 도구를 이용하여 네트워크 상에 존재하는 사이버 문서를 작성가능 하도록 하는 저작 시스템으로서,
상기 네트워크 상에 표시되는 상기 사이버 문서를 상기 사용자가 원하는 대로 저작 가능하도록 하는 사이버 문서 저작부;
상기 사용자가 저작한 사이버 문서에 포함되는 내용을 저장하는 데이터 저장부
를 포함하여 이루어진다.
상기 사이버 문서 저작부는,
상기 사이버 문서에 텍스트를 추가, 삭제 할 수 있고, 상기 텍스트의 일부를 선택하여 변화할 수 있는 텍스트 상자 제작 모듈;
상기 텍스트 내에서 이미지의 위치와 크기를 조정할 수 있는 이미지 상자 저작 모듈;
동적인 정보를 상기 사이버 문서 안에 삽입 할 수 있는 기능 상자 저작 모듈;
상기 사이버 문서의 기본 정보와 상기 각 상자의 특성을 사이버 문서 형식으로 변환시켜 파일로 생성하는 문서 형식 변환 모듈;
상기 사이버 문서와 상기 각 상자별 정보를 상기 데이터 저장부에 저장하는 정보 저장 모듈;
상기 사용자가 상기 텍스트 상자 내의 텍스트를 선택하거나, 상기 이미지 상자를 선택한 후 하이퍼링크 하려는 위치에 상기 하이퍼링크 표시를 자동으로 삽입하여 주는 하이퍼링크 모듈을 포함하는 것이 바람직하다.
상기 데이터 저장부는,
상기 텍스트 상자 저작 모듈에서 저작된 텍스트 상자에 포함되는 문서 내용이 저장되는 텍스트 데이터베이스;
상기 이미지 상자 저작 모듈에서 저작된 이미지 정보가 저장되는 이미지 상자 데이터베이스;
동적인 정보를 문서 안에 삽입하는 내용이 저장되는 기능 상자 데이터베이스;
상기 사용자가 작성한 문서 안에 포함될 하이퍼링크 역할을 하는 상기 하이퍼링크 표시 위치 정보를 저장한 링크 정보 데이터베이스를 포함하는 것이 바람직하다.
본 발명의 다른 특징에 따른 소용량 온라인 방식의 에이치티엠엘 저작 방법은,
사용자가 저작 도구를 이용하여 네트워크 상에 존재하는 사이버 문서를 작성가능 하도록 하는 저작 방법으로서,
상기 사이버 문서에 포함될 텍스트 박스와 이미지 박스를 선택하는 단계;
선택된 상기 텍스트 박스와 이미지 박스를 상기 사용자의 의도대로 조작 가능하도록 하는 단계
를 포함하여 이루어진다.
상기 소용량 온라인 방식의 에이치티엠엘 저작 방법은, 상기 사용자가 작성 완료한 사이버 문서의 내용을 에이치티엠엘 문서로 변형하는 단계를 포함하는 것이 바람직하며, 상기 사용자가 조작한 텍스트 박스와 이미지 박스를 데이터 저장 장치에 저장한 후 재사용 가능하고, 사용자의 의도대로 수정 가능하도록 하는 단계를 포함하는 것이 바람직하다.
상기 텍스트 박스와 이미지 박스 선택 단계는, 상기 데이터 저장 장치에 저장된 텍스트 박스와 이미지 박스를 선택하거나 새로 저작할 텍스트 박스와 이미지 박스를 상기 사용자가 선택하도록 하는 단계를 포함하는 것이 바람직하다. 또한, 상기 텍스트 박스와 이미지 박스 조작 단계는, 상기 사용자가 상기 텍스트 박스와 이미지 박스의 위치, 크기, 형태를 자유롭게 조작하는 단계; 상기 텍스트 박스에 포함될 텍스트의 크기, 폰트, 색상, 형태를 조작하는 단계; 상기 사용자에 의해 조작된 상기 텍스트 박스와 이미지 박스를 상기 사이버 문서에 링크하는 단계를 포함하는 것이 바람직하다.
이하에서는 본 발명의 기술 분야에서 통상의 지식을 가진 자가 본 발명을 용이하게 실시할 수 있는 가장 바람직한 실시예를 첨부한 도면을 참조하여 상세히 설명한다.
도2는 본 발명의 실시예에 따른 소용량 온라인 방식의 에이치티엠엘 저작 도구를 이용한 저작 시스템을 나타내는 구성 블록도이다.
첨부한 도2에서와 같이, 본 발명의 실시예에 따른 소용량 온라인 방식의 에이치티엠엘 저작 시스템은, 인터넷(200)상에 표시되는 웹 페이지를 사용자가 원하는 대로 저작 가능하도록 저작 도구를 지원하는 HTML 저작 서버(410); 사용자가 저작한 웹 페이지에 포함되는 내용을 저장하는 데이터 저장부(420)를 포함하여 이루어진다.
HTML 저작 서버(410)는, 웹 브라우저에서 제공하는 텍스트를 추가, 삭제, 변화시킬 수 있고, 텍스트의 일부를 선택하여 크기, 폰트(font), 색상 등을 지정할 수 있는 텍스트 상자 제작 모듈(411); 텍스트 내에서 이미지의 위치와 크기를 조정할 수 있는 이미지 상자 저작 모듈(412); 동적(dynamic)인 정보를 문서 안에 삽입 할 수 있는 기능 상자 저작 모듈(413); 문서의 기본적인 정보와 각 상자의 특성을 HTML 형식으로 변환시켜 파일로 생성하는 HTML 변환 모듈(414); 각 문서와 각 상자별 정보를 데이터 저장부(420)에 저장하는 데이터베이스 저장 모듈(415); 사용자가 텍스트 상자 내의 텍스트를 선택하거나, 이미지 상자를 선택한 후 하이퍼링크 하려는 유알엘(URL : Uniform Resource Locator)을 입력하면 자동으로 해당 위치에 하이퍼링크 역할을 하는 HTML 태그(Tag)를 삽입하여 주는 하이퍼링크 모듈(416)을 포함하여 이루어진다.
HTML 저작 서버(410)의 각 모듈은 각각의 기능을 독립적으로 수행하는 장치일 수도 있으며, 각 모듈의 기능이 통합되어 동작할 수 있는 서버일 수도 있으며, 본 발명의 실시예에만 한정되는 것은 아니다.
데이터 저장부(420)는, 텍스트 상자 저작 모듈(411)에서 저작된 텍스트 상자에 포함되는 문서 내용이 저장되는 텍스트 데이터베이스(421); 이미지 상자 저작 모듈(412)에서 저작된 이미지 상자 데이터베이스(422); 동적인 정보를 문서 안에 삽입하는 내용이 저장되는 기능 상자 데이터베이스(423); 사용자가 작성한 문서 안에 포함될 하이퍼링크 역할을 하는 HTML 태그를 저장한 링크 정보 데이터베이스(424)를 포함하여 이루어진다.
데이터 저장부(420)는 각 데이터베이스의 기능을 통합하여 수행 가능한 데이터베이스 서버일 수 있고, 각 데이터베이스는 각각의 기능을 수행하는 독립적인 저장 장치일 수 있으며, 본 발명의 실시예에만 한정되는 것은 아니다.
도3은 본 발명의 실시예에 따른 소용량 온라인 방식의 에이치티엠엘 웹 페이지 저작 과정을 나타내는 흐름도이다.
이하에서는 본 발명의 실시예에 따른 에이치티엠엘 저작 시스템의 동작을 첨부한 도면을 참조하여 상세히 설명한다.
사용자가 사용자 컴퓨터(100)에 저장된 도시하지 않은 웹 브라우저를 실행하고, 웹 브라우저 실행에 따라 인터넷 웹 페이지가 사용자 컴퓨터(100)의 모니터에 나타난다. 모니터에 나타난 웹 페이지에서 에이치티엠엘 저작 서버(410)에 물리적으로 접속 가능한 URL(Uniform Resource Locator)을 입력하거나 선택하면, 문서의작성을 가능하게 하는 웹 페이지가 모니터에 나타난다.
이러한 웹 페이지에서 사용자는 직접 작성하여 저장하고자 하는 웹 페이지의 구조를 선택한다(S100). 사용자가 기존에 사용되었거나 미리 구성된 웹 페이지 구성을 선택하고자 하면(S110), 이전의 문서 구조를 복원하고(S120), 사용자로 하여금 상자 추가 여부를 선택하도록 한다(S130). 만일, 사용자가 기존의 웹 페이지를 사용하지 않고 새로운 웹 페이지 구조를 선택 하고자하면, 새로운 문서 구조를 복원하지 않고 바로 상자 추가 여부를 선택하면 된다. HTML 문서의 태그 중에서 <DIV>를 이용하면 다른 HTML 문서의 일부분을 포함하여 블록화 할 수 있는데, 이를 이용하여 텍스트 상자 또는 이미지 상자에 포함된 문서 내용을 블록으로 구성한다. 이러한 각 상자들은 객체화(Object)되어, 각 상자가 문서 내에 저작되는 위치(X,Y,Z 좌표)와 상자의 넓이와 높이가 포함된 상자의 크기, 상자 내에 포함되는 문자의 바탕색, 글자색, 간격 등의 형태, 상자에 포함되는 텍스트, 이미지 등의 내용이 사용자에 의해 지정될 수 있도록 한다.
사용자가 저작하는 웹 페이지 문서의 텍스트와 이미지를 크기와 위치의 지정, 다른 요소와 구별하기 위하여 상자로 표현한다.
사용자가 저작 중인 문서상에서 마우스를 클릭하면, 클릭한 위치에 해당 상자가 선택된다. 사용자가 클릭한 위치에 해당하는 상자가 여러 개 존재하면, Z 좌표값이 가장 높은 상자가 선택된다. 만일, 사용자가 클릭한 위치에 해당 좌표값을 만족하는 상자가 없다면 상자 선택이 취소된다. 본 발명의 실시예에서는 상자 선택의 효율성을 높이기 위하여 각 상자의 기본 좌표 정보를 저장하고 있는동적(Dynamic)인 배열을 활용하여 상자 선택이 쉽게 이루어지도록 한다. 상자는 문서 내부적으로는 각각의 내용이 표시되는 구역이지만, 사용자의 웹 페이지 작성을 돕기 위해 상자의 위치와 경계를 테두리로 표시하여 사용자로 하여금 쉽게 상자의 경계를 알 수 있도록 한다. 사용자는 이 테두리에 마우스 포인터(mouse pointer)를 위치시키고, 드래그 앤 드롭(Drag and Drop)의 마우스 조작을 통해 상자를 이동할 수 있다. 또한, 테두리는 일반 문서 저작 때와 유사하게 8개의 작은 표시가 있어서, 상자의 크기를 자유롭게 조정할 수 있다. 자바스크립트(JavaScript)에서는 상자 객체를 지정하고, 필요한 양만큼의 객체를 인스턴스화 시킨다. 여기서, 추상화 개념 또는 클래스 객체, 컴퓨터 프로세서 등과 같은 템플릿이 실제 구현된 것을 인스턴스라 하고, 클래스 내의 객체에 대해 특정한 변형을 정의하고, 이름을 붙인 다음, 그 객체를 물리적인 장소에 위치시키는 작업을 통해 인스턴스를 만드는 것을 의미하며, 자바스크립트에서는 특정한 클래스를 만들기 위해 클래스를 인스턴스화 하며, 컴퓨터 내에서 동작하는 실행 파일이다.
사용자가 선택한 웹 페이지 내에 포함될 상자를 추가 할 것인지의 판단 여부에 따라(S140), 새로운 상자를 현재 작업중인 웹 페이지에 추가한다(S150).
사용자는 상자 편집 여부를 선택하고(S160), 상자 내부를 편집할 것인지에 따라(S170), 상자의 크기, 위치, 배경 색깔 등을 편집한다(S180). 이러한 사용자의 마우스나 키보드 조작에 의해 선택된 상자의 크기와 위치를 작성할 수 있다. 각 상자는 내부적으로 하나의 객체이기 때문에, 상자의 크기, 위치, 바탕 색깔 등의 여러 성질을 하나의 객체로써 저장된다. 사용자가 편집한 상자의 추가될 편집을 원하는지에 따라(S190), 상자를 편집할 것인지 텍스트를 편집할 것인지 결정된다.
사용자가 상자 내부 편집 선택 단계(S170)에서, 만일 텍스트 상자를 편집하고자 하면(S240), 텍스트 상자를 편집한다(S250). 텍스트의 경우, 사용자로 하여금 상자 내부에 원하는 텍스트를 입력하여 여러 형태를 조정할 수 있도록 한다. 이때, 텍스트 상자 저작 모듈(411)에 의해 사용자가 상자에 포함될 텍스트의 내용을 작성 가능하도록 한다. 텍스트 상자로 지정된 상자가 선택되면, 웹 브라우저에서 제공하는 텍스트 입력 모드로 지정이 된다. 입력 모드에서는 사용자의 키보드 입력으로 텍스트를 추가, 삭제, 변화시킬 수 있으며, 텍스트의 일부분을 선택하여 크기, 폰트, 색상 등을 지정할 수 있다. 본 발명의 실시예에서는 웹 브라우저의 텍스트 입력모드를 쉽게 사용할 수 있는 메뉴 및 툴바를 사용자에 제공하고, 사용자는 이러한 메뉴 및 툴바를 사용하여 용이하게 텍스트를 저작할 수 있게 한다. 사용자의 텍스트 상자의 선택이 완료되면, 사용자는 입력모드를 빠져나가고, HTML 저작 모듈(411)은 저작된 텍스트를 HTML 문서 형태로 변환하여 데이터 저장부(420)의 텍스트 상자 데이터베이스(421)에 임시 저장한다.
사용자는 제공되는 다수의 웹 페이지 가운데 사용자가 작성하는 웹 페이지에 포함될 이미지를 선택한다. 즉, 사용자가 웹 페이지에서 도시하지 않은 이미지 상자 추가 버튼을 마우스로 클릭하면, 이미지를 선택할 수 있는 창(window)이 팝업되고, 사용자가 창에서 HTML 저작 서버(410)에서 제공하는 이미지를 선택한다. 이미지의 선택이 완료되면, 도시하지 않은 업로드 화면 창에서 사용자가 선택한 이미지를 업로드(Upload)한다(S260). 이때, 이미지 상자 저작 모듈(412)은 사용자로 하여금 한 상자에 한 이미지가 삽입되어 상자의 크기와 위치 조정을 통해 이미지의 크기와 위치를 지정 가능하도록 한다. 본 발명의 실시예에서는 HTML 저작 서버에서 제공하는 이미지를 사용자가 선택하도록 하지만, 사용자가 직접 저작한 이미지를 HTML 저작 서버에 업로드할 수도 있으며, 본 발명의 실시예에만 한정되는 것은 아니다.
사용자가 기존의 텍스트 상자를 선택하였는지에 따라(S200), 텍스트 상자의 저장 여부를 선택하고(S210), 만일 사용자가 기존의 텍스트 상자를 선택하였으면 , HTML 변환 모듈(414)은 상자에 포함된 내용을 새롭게 HTML 파일로 변환하여 저장한다(S220). HTML 변환 모듈(414)에 의해 변환된 HTML 파일은 데이터 저장부(420)에 문서 구조가 임시 저장된다(S230). 사용자의 조작에 따라 변경된 내용을 HTML 변환 때에나, 데이터 저장부(420)에 저장시에 각 상자별로 추출되어 변환되거나 저장된다. 또한, 저작하고 있는 문서 자체도 하나의 객체로, 바탕색이나 바탕 이미지를 수정 및 추가하는 것이 가능하다. 사용자가 선택한 텍스트 상자 또는 이미지 상자가 있을 경우에는 도시하지 않은 링크 버튼을 선택하고, 연결하고자 하는 유알엘을 웹 페이지상에 입력하면, 자동으로 HTML의 하이퍼링크가 형성된다.
기능 상자는 동적인 정보를 문서 내에 삽입할 수 있는 상자로서, 상자의 기본적인 구조는 텍스트 상자나 이미지 상자와 동일하고, 기능 상자에 포함될 내용은 에이치티엠엘 저작 서버(410)에서 동적으로 생성하여 사용자가 저작한 웹 페이지에 삽입하여 준다. 즉, 사용자의 텍스트 상자와 이미지 상자 선택에 따라 SSI(Server Side Include)를 지정하는 내용이 상자의 내용으로 지정되면, 에이치티엠엘 저작서버(410)에서 해당 내용을 생성하여 각 상자 내에 삽입하여 준다. 여기서, SSI란 서버가 HTML 파일을 사용자에게 보내기 직전에 포함할 수 있는 변수값으로서, 웹 페이지를 작성할 때 HTML 파일내에 문장을 삽입할 수 있는데, 서버는 파일이 최종 수정된 날짜를 읽어서 HTML 파일이 사용자에게 보내어지기 직전에 그 값을 삽입해준다.
사용자가 한 페이지의 웹 페이지 저작이 완료되면, 저장 메뉴를 선택하고, HTML 변환 모듈(414)은 웹 페이지를 HTML 파일로 변환한 후(S220) 데이터베이스 저장 모듈(415)에 의해 데이터 저장부(420)에 저장된다(S230).
각 상자는 아래와 같은 형식으로 표현된다.
<STYLE>
#Box1 {position:absolute; x:10; y:20; width:30; height:40; background-color:#f0f0f0; z-Index:5;...}
</STYLE>
....
<DIV id="Box1">
[상자의 내용]
</DIV>
상기한 바와 같이, 텍스트, 이미지, 기능 상자 각각에 따른 내용이 <DIV> 안에 삽입되어 있고, 각 상자의 위치, 크기, 형태 등은 <STYLE> 내에 저장된다.
본 발명의 실시예는 하나의 실시예에 지나지 않으며, 본 발명의 요지를 벗어나지 않는 범위 내에서 많은 변형 및 변경이 가능함은 물론이다.
이와 같이, 본 발명의 소용량 온라인 방식의 에이치티엠엘 저작 시스템 및 저작 방법은 네트워크 상에서 이용자가 원하는 사이버 문서를 쉽게 저작할 수 있는 저작 도구를 제공하고, 작성된 문서를 사이버 상에 바로 올리는 것이 가능하다.
또한 별도의 프로그램 설치가 필요 없이 네트워크 접속이 가능한 장치만 존재하면, 대용량 이진코드가 아닌 소용량 스크립트 프로그램만을 다운로드하여 어는 위치에서나 에이치티엠엘 문서를 저작할 수 있다.
또한, 각 문서의 정보가 정보 저장 매체에 저장되므로, 정보를 호출하여 재사용 가능하며, 차후 수정이 가능하고, 미리 작성된 문서를 응용하여 누구나 쉽고 빠르게 디자인된 문서를 작성 가능하다.

Claims (8)

  1. (정정) 사용자가 인터넷을 통해 접속하여 네트워크 상에 존재하는 사이버 문서를 작성가능 하도록 하기 위하여, 인터넷 접속을 통해 사용자의 컴퓨터에서 실행되는 웹브라우저의 유알엘에 의해 접속되는 저작 시스템에 있어서,
    상기 네트워크 상에 표시되는 상기 사이버 문서를 상기 사용자가 원하는 대로 저작 가능하도록 하는 사이버 문서 저작부; 및,
    상기 사용자가 저작한 사이버 문서에 포함되는 내용을 저장하는 데이터 저장부를 포함하며,
    상기 사이버 문서 저작부는,
    상기 사이버 문서에 텍스트를 추가, 삭제할 수 있고, 상기 텍스트의 일부를 선택하여 변화할 수 있는 텍스트 상자 제작 모듈;
    상기 텍스트 내에서 이미지의 위치와 크기를 조정할 수 있는 이미지 상자 저작 모듈;
    동적인 정보를 상기 사이버 문서 안에 삽입할 수 있는 기능 상자 저작 모듈;
    상기 사이버 문서의 기본 정보와 상기 각 상자의 특성을 사이버 문서 형식으로 변환시켜 파일로 생성하는 문서 형식 변환 모듈;
    상기 사이버 문서와 상기 각 상자별 정보를 상기 데이터 저장부에 저장하는 정보 저장 모듈;
    상기 사용자가 상기 텍스트 상자 내의 텍스트를 선택하거나, 상기 이미지 상자를 선택한 후 하이퍼링크 하려는 위치에 상기 하이퍼링크 표시를 자동으로 삽입하여 주는 하이퍼링크 모듈을 포함하는 소용량 온라인 방식의 에이치티엠엘 저작 시스템.
  2. (삭제)
  3. 제1항에서,
    상기 데이터 저장부는
    상기 텍스트 상자 저작 모듈에서 저작된 텍스트 상자에 포함되는 문서 내용이 저장되는 텍스트 데이터베이스;
    상기 이미지 상자 저작 모듈에서 저작된 이미지 정보가 저장되는 이미지 상자 데이터베이스;
    동적인 정보를 문서 안에 삽입하는 내용이 저장되는 기능 상자 데이터베이스;
    상기 사용자가 작성한 문서 안에 포함될 하이퍼링크 역할을 하는 상기 하이퍼링크 표시 위치 정보를 저장한 링크 정보 데이터베이스
    를 포함하는 소용량 온라인 방식의 에이치티엠엘 저작 시스템.
  4. (정정) 사용자가 저작 도구를 이용하여 네트워크 상에 존재하는 사이버 문서를 작성가능 하도록 하는 저작 방법에 있어서,
    웹 브라우저를 실행하여 인터넷을 통해 저작 도구가 포함된 서버에 접속하고, 상기 사이버 문서의 작성을 위한 저작 도구를 실행하는 제1단계;
    상기 사이버 문서에 포함될 텍스트 박스와 이미지 박스를 선택하는 제2단계; 및,
    선택된 상기 텍스트 박스와 이미지 박스를 상기 사용자의 의도대로 조작하는 제3단계를 포함하며,
    상기 제3단계는,
    상기 사용자가 상기 텍스트 박스와 이미지 박스의 위치, 크기, 형태를 자유롭게 조작하는 단계;
    상기 텍스트 박스에 포함될 텍스트의 크기, 폰트, 색상, 형태를 조작하는 단계;
    상기 사용자에 의해 조작된 상기 텍스트 박스와 이미지 박스를 상기 사이버 문서에 링크하는 단계를 포함하는 소용량 온라인 방식의 에이치티엠엘 저작 방법
  5. (정정) 제4항에서,
    상기 제3단계가 완료된 후, 사용자가 작성한 사이버 문서의 내용을 에이치티엠엘 문서로 변형하는 단계를 더 포함하는 소용량 온라인 방식의 에이치티엠엘 저작 방법.
  6. (삭제)
  7. (정정) 제4항에서,
    상기 제1단계는
    상기 데이터 저장 장치에 저장된 텍스트 박스와 이미지 박스를 선택하거나 새로 저작할 텍스트 박스와 이미지 박스를 상기 사용자가 선택하도록 하는 단계를 포함하는 소용량 온라인 방식의 에이치티엠엘 저작 방법.
  8. (삭제)
KR10-2000-0018917A 2000-04-11 2000-04-11 소용량 온라인 방식의 에이치티엠엘 저작 시스템 및 저작방법 KR100375506B1 (ko)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR10-2000-0018917A KR100375506B1 (ko) 2000-04-11 2000-04-11 소용량 온라인 방식의 에이치티엠엘 저작 시스템 및 저작방법

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR10-2000-0018917A KR100375506B1 (ko) 2000-04-11 2000-04-11 소용량 온라인 방식의 에이치티엠엘 저작 시스템 및 저작방법

Publications (2)

Publication Number Publication Date
KR20010095635A KR20010095635A (ko) 2001-11-07
KR100375506B1 true KR100375506B1 (ko) 2003-03-10

Family

ID=19663418

Family Applications (1)

Application Number Title Priority Date Filing Date
KR10-2000-0018917A KR100375506B1 (ko) 2000-04-11 2000-04-11 소용량 온라인 방식의 에이치티엠엘 저작 시스템 및 저작방법

Country Status (1)

Country Link
KR (1) KR100375506B1 (ko)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101540605B1 (ko) * 2014-06-27 2015-08-07 신진숙 키오스크 빌더 시스템, 이를 포함하는 티오스크 시스템, 및 티오스크 서비스 제공 방법

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH10240732A (ja) * 1997-02-25 1998-09-11 Toshiba Corp Ｗｗｗ用ｈｔｍｌファイル作成方法及び装置
JPH10260961A (ja) * 1997-03-19 1998-09-29 Toshiba Corp Ｗｗｗ用ｈｔｍｌファイル作成方法及び装置
KR19990027325A (ko) * 1997-09-29 1999-04-15 정선종 웹 문서 저작을 위한 장치 및 그 운용 방법
KR19990073957A (ko) * 1998-03-05 1999-10-05 구자홍 에치티엠엘 문서 작성 방법
JPH11296507A (ja) * 1998-04-06 1999-10-29 Yamatake Corp 情報閲覧システム
US6026433A (en) * 1997-03-17 2000-02-15 Silicon Graphics, Inc. Method of creating and editing a web site in a client-server environment using customizable web site templates

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH10240732A (ja) * 1997-02-25 1998-09-11 Toshiba Corp Ｗｗｗ用ｈｔｍｌファイル作成方法及び装置
US6026433A (en) * 1997-03-17 2000-02-15 Silicon Graphics, Inc. Method of creating and editing a web site in a client-server environment using customizable web site templates
JPH10260961A (ja) * 1997-03-19 1998-09-29 Toshiba Corp Ｗｗｗ用ｈｔｍｌファイル作成方法及び装置
KR19990027325A (ko) * 1997-09-29 1999-04-15 정선종 웹 문서 저작을 위한 장치 및 그 운용 방법
KR100261265B1 (ko) * 1997-09-29 2000-07-01 정선종 웹 문서 저작을 위한 장치 및 그 운용 방법
KR19990073957A (ko) * 1998-03-05 1999-10-05 구자홍 에치티엠엘 문서 작성 방법
JPH11296507A (ja) * 1998-04-06 1999-10-29 Yamatake Corp 情報閲覧システム

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101540605B1 (ko) * 2014-06-27 2015-08-07 신진숙 키오스크 빌더 시스템, 이를 포함하는 티오스크 시스템, 및 티오스크 서비스 제공 방법

Also Published As

Publication number Publication date
KR20010095635A (ko) 2001-11-07

Similar Documents

Publication Publication Date Title
US10706091B2 (en) User driven computerized selection, categorization, and layout of live content components
EP1597680B1 (en) Markup language cut-and-paste
JP4344693B2 (ja) ブラウザの文書編集のためのシステムおよびその方法
US6822663B2 (en) Transform rule generator for web-based markup languages
US6230173B1 (en) Method for creating structured documents in a publishing system
CN102713896B (zh) 用于编辑电子文档的系统、方法
JP3776866B2 (ja) 電子ドキュメント印刷プログラムおよび電子ドキュメント印刷システム
US20090132907A1 (en) Annotation Structure for Web Pages, System and Method for Annotating Web Pages
US20060174199A1 (en) Web-based design system
US20020065910A1 (en) Method, system, and program for providing access time information when displaying network addresses
US20050246651A1 (en) System, method and apparatus for selecting, displaying, managing, tracking and transferring access to content of web pages and other sources
KR20080053930A (ko) 문서 레이아웃의 적응을 용이하게 하는 시스템과, 콘텐트를배열하는 컴퓨터 구현 방법 및 컴퓨터 구현 시스템
JP2004334866A (ja) タグリブを介するウェブサイトサマリの変換
JP2002063013A (ja) ウェブ・ブラウザ内にグラフィカル印刷技法を取り込む方法及びシステム
US20040117732A1 (en) Method of and apparatus for creating a computer document
US20070101278A1 (en) Web site theme designer
JP4094777B2 (ja) 画像通信システム
CN101086738A (zh) 内容转换、显示、浏览设备和内容转换、浏览方法
JP4577847B2 (ja) コンテンツを作成するためのオーサリング・システム、ソフトウェア、および方法
JP2001084212A (ja) ホームページ作成方法
JP2000067038A (ja) ホームページ作成装置
Artail et al. Device-aware desktop web page transformation for rendering on handhelds
JPWO2006051721A1 (ja) 文書処理装置及び文書処理方法
KR100375506B1 (ko) 소용량 온라인 방식의 에이치티엠엘 저작 시스템 및 저작방법
US20050039122A1 (en) Methodology and system for rendering dynamic images

Legal Events

Date Code Title Description
A201 Request for examination
E902 Notification of reason for refusal
E701 Decision to grant or registration of patent right
GRNT Written decision to grant
FPAY Annual fee payment

Payment date: 20100225

Year of fee payment: 8

LAPS Lapse due to unpaid annual fee