KR100762517B1 - Web contents display system for realizing a multi-column and the method thereof - Google Patents

Web contents display system for realizing a multi-column and the method thereof Download PDF

Info

Publication number
KR100762517B1
KR100762517B1 KR1020070025573A KR20070025573A KR100762517B1 KR 100762517 B1 KR100762517 B1 KR 100762517B1 KR 1020070025573 A KR1020070025573 A KR 1020070025573A KR 20070025573 A KR20070025573 A KR 20070025573A KR 100762517 B1 KR100762517 B1 KR 100762517B1
Authority
KR
South Korea
Prior art keywords
template
web content
html
column
identifier
Prior art date
Application number
KR1020070025573A
Other languages
Korean (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 KR1020070025573A priority Critical patent/KR100762517B1/en
Application granted granted Critical
Publication of KR100762517B1 publication Critical patent/KR100762517B1/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06QINFORMATION 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/00Systems or methods specially adapted for specific business sectors, e.g. utilities or tourism
    • G06Q50/10Services
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/12Digital output to print unit, e.g. line printer, chain printer
    • G06F3/1201Dedicated interfaces to print systems
    • G06F3/1223Dedicated interfaces to print systems specifically adapted to use a particular technique
    • G06F3/1237Print job management
    • G06F3/1244Job translation or job parsing, e.g. page banding
    • G06F3/1246Job translation or job parsing, e.g. page banding by handling markup languages, e.g. XSL, XML, HTML

Abstract

A web contents display system for realizing a multi-column and a method thereof are provided to structure web contents in a tree form according to constituents, clearly state plural constituent identifiers to a template and display the constituent identifiers in a location separated from the web contents, so that various production as well as the multi-column can be possible only by changing the template without editing the web contents. Web contents(200) have inherent identifiers per each constituent and are structured in a tree form. A template(100) has a delimiter symbol for prescribing a location where the structure web contents will be outputted. Design data(300) has a template identifier for delimiting one or more templates which will be used together with the web contents. An HTML(Hypertext Markup Language) generator(400) generates an HTML for realizing a multi-column by using the web contents, the template and the design data.

Description

멀티 칼럼이 구현되는 웹 콘텐츠 디스플레이 시스템 및 그 방법{Web Contents Display System for realizing a Multi-Column and the Method thereof}Web Contents Display System for realizing a Multi-Column and the Method

도 1은 본 발명의 실시예에 따른 멀티 칼럼이 구현되는 웹 콘텐츠 디스플레이 시스템을 도시한 도면이다.1 is a diagram illustrating a web content display system in which a multi-column is implemented according to an embodiment of the present invention.

도 2는 본 발명의 실시예에 따른 멀티 칼럼이 구현되는 웹 콘텐츠 디스플레이 방법을 나타낸 순서도이다.2 is a flowchart illustrating a web content display method in which multi-columns are implemented according to an embodiment of the present invention.

도 3은 본 발명의 실시예에 따른 주 템플릿, 내부 템플릿 그리고 디자인 데이터의 관계를 기술한 도면이다.3 is a diagram illustrating a relationship between a main template, an internal template, and design data according to an embodiment of the present invention.

본 발명은 멀티 칼럼이 구현되는 웹 콘텐츠 디스플레이 시스템 및 그 방법에 관한 것으로, 더욱 상세하게는 웹 콘텐츠의 내용을 구성요소별로 트리 구조화시키고 다수의 구성요소 식별자를 템플릿에 명시하여 디스플레이시 구성요소 식별자를 웹 콘텐츠로부터 분리된 위치에 디스플레이함으로써, 웹 콘텐츠의 수정 없이 템플릿의 변경만으로 멀티 칼럼을 비롯한 다양한 연출이 가능하도록 하는 웹 콘텐츠 디스플레이 시스템 및 그 방법에 관한 것이다.The present invention relates to a web content display system and a method for implementing a multi-column, and more particularly, to construct a tree structure of the content of web content for each component, and to specify a plurality of component identifiers in a template to display the component identifiers at the time of display. The present invention relates to a web content display system and a method for displaying a multi-column display including a multi-column by changing a template without modifying the web content by displaying the web content at a location separated from the web content.

일반적인, 홈페이지는 인터넷이라는 가상공간으로 다양한 정보 등을 다양한 정보를 서로 공유하기 위해 개개인이 알고 있는 정보를 게재하고, 게재된 정보를 인터넷으로 접속하여 정보를 공유하게 되는 것이다.In general, a homepage is a virtual space called the Internet, which is used to post information that an individual knows in order to share various information with each other, and to share information by accessing the posted information through the Internet.

이러한, 홈페이지 제작을 용이하게 제작할 수 있는 프로그램 등이 많이 개발되어 있으며, 상기 개발된 프로그램 툴(예를 들면, 프론트 페이지, 드림위버, 나모 ..)등을 이용하여 보다 용이하게 홈페이지를 제작할 수 있게 되었다.Many programs have been developed to easily produce a homepage, and the homepage can be more easily produced using the developed program tools (for example, the front page, Dreamweaver, Namo ..). .

그러나, 상기와 같이 홈페이지 제작을 위한 많은 프로그램 등이 개발되어 있지만 상기 개발된 프로그램들은 하나의 웹 페이지 전체를 수정하는 개념으로 되어있으며, 웹 콘텐츠 내용을 여러 단으로, 즉 멀티 칼럼으로 변경을 할 경우 웹 콘텐츠 전체를 HTML 등을 이용해서 변경해야만 한다. 또한 초보자나 비전공자가 프로그램을 익히기에는 상당한 시간을 필요로 하며, 제작에 어려운 문제점을 갖고 있다.However, although many programs for homepage production have been developed as described above, the developed programs have a concept of modifying an entire web page. The entire web content must be modified using HTML or the like. In addition, beginners and non-majors require a considerable amount of time to learn the program, which is difficult to produce.

한편, 포털사이트를 운영하는 인터넷 사업자들이 초보자나 비전공자들을 위해 홈페이지를 무료로 제작하여 왔다. 이러한, 홈페이지는 몇 개의 기본틀에서 사용자가 선택하여 제작되어져 왔다.On the other hand, Internet operators who operate portal sites have made homepages free for beginners and non-majors. Such a homepage has been produced by a user selecting from several basic frameworks.

그러나, 이와 같이 무료 홈페이지는 몇 개의 틀을 제공하여 사용자가 선택할 수 있도록 하고 사용법도 쉬워지기는 했으나, 웹 콘텐츠의 내용을 여러 단으로 수정하는 경우 웹 콘텐츠 전체를 HTML 등을 이용해서 변경해야한다는 점에서는 상기 개발된 프로그램들과 동일한 문제점을 가진다.However, although the free homepage provides a few frameworks for users to select and makes it easier to use, however, if the contents of the web contents are modified in multiple stages, the entire web contents must be changed using HTML or the like. Has the same problem as the developed programs.

최근 블로그, 위키 등의 시스템은 사용자가 정해진 틀에 내용만 입력을 하는 시스템으로 진화되었다. 즉, 블로그나 위키 등의 시스템은 템플릿을 제공한다.Recently, systems such as blogs and wikis have evolved into a system in which a user only inputs content in a predetermined frame. In other words, systems such as blogs and wikis provide templates.

일반적으로, 템플릿은 어떤 도식이나 서식에서 자주 사용되는 기본 골격으로, 스프레드시트에서 각종 데이터 처리를 위해 표의 일정한 구조를 만들어 놓고 사용자가 데이터를 입력만 하면 되도록 해 놓은 것이나, 그래픽 프로그램에서 자주 사용하기 위해 미리 정해 놓은 그림이나 이미지의 일정한 패턴을 일컫는다In general, templates are basic skeletons that are often used in certain schematics and forms. In order to process data in a spreadsheet, a table is structured so that the user only needs to enter data. It refers to a certain pattern of a predetermined picture or image.

블로그 또는 위키 시스템은 웹 콘텐츠를 해당 템플릿의 한 부분에 삽입을 하며, 멀티 칼럼처럼 보이는 템플릿을 포함하여 여러 가지 템플릿이 제공되기도 한다.Blogs or wiki systems insert Web content into one part of the template, and several templates are provided, including templates that look like multi-columns.

그러나, 블로그 또는 위키 시스템 또한 멀티 칼럼을 지원하는 듯한 템플릿은 있으나 사실상 하나의 웹 콘텐츠를 멀티 칼럼으로 보여주는 방법은 제공하지 않으며, 웹 콘텐츠를 멀티 칼럼으로 만들기 위해서는 웹 콘텐츠 전체를 HTML 등을 이용해서 변경해야하는 점은 상기 여러 방법과 마찬가지이다. However, blogs or wiki systems also have templates that appear to support multi-columns, but they do not provide a way to show a single web content in multiple columns. What should be done is the same as the above various methods.

본 발명은 앞서 본 종래기술의 문제점을 해결하기 위해 안출된 것으로, 본 발명의 목적은 웹 콘텐츠의 내용을 구성요소별로 트리 구조화시키고 다수의 구성요소 식별자를 템플릿에 명시하여 디스플레이시 구성요소 식별자를 웹 콘텐츠로부터 분리된 위치에 디스플레이함으로써, 웹 콘텐츠의 수정 없이 템플릿의 변경만으로 멀티 칼럼을 비롯한 다양한 연출이 가능하도록 하는 웹 콘텐츠 디스플레이 시스템 을 구현함에 따라, 사용자가 자주 사용하는 주 템플릿과 내부 템플릿을 다수 구비하여 템플릿의 수정 없이도 웹 콘텐츠를 다양하게 표현하게 하고, 사용자에게 각자의 성향에 맞는 웹 콘텐츠를 제공함에 따른 웹 콘텐츠 상품 판매율에 대한 수익 창출에 기대를 높이기 위함이다.SUMMARY OF THE INVENTION The present invention has been made to solve the problems of the prior art, and an object of the present invention is to construct a tree structure of the contents of web content for each component and to specify a plurality of component identifiers in a template to display the component identifiers in the web. Displayed in a separate location from the content, and by implementing a web content display system that allows a variety of presentations, including multi-column by simply changing the template without modifying the web content, a number of main templates and internal templates that users frequently use This is to increase the expectation for generating the web content product sales rate by providing the web contents in various ways without modifying the template and providing the web contents to the user's personality.

상기와 같은 목적을 달성하기 위한 본 발명은 다음과 같은 실시예를 포함한다. 즉, 본 발명의 실시예에 따른 멀티 칼럼이 구현되는 웹 콘텐츠 디스플레이 시스템은, 다수의 웹 콘텐츠가 소정의 템플릿 상에 트리 구조화되며, 상기 다수의 웹 콘텐츠와 각각 매칭된 다수의 식별자가 상기 템플릿을 포함하는 HTML 문서 내의 일정 부분에 명시됨에 따라, 상기 다수의 웹 콘텐츠가 화면상에 활성화된 후, 상기 화면상의 여러 위치에 분리되어 디스플레이하는 것을 특징으로 한다.The present invention for achieving the above object includes the following embodiments. That is, in a web content display system in which a multi-column is implemented according to an embodiment of the present invention, a plurality of web contents are tree-structured on a predetermined template, and a plurality of identifiers matching the plurality of web contents respectively correspond to the template. As specified in a portion of an HTML document to be included, the plurality of web contents are activated on a screen, and then displayed separately in various positions on the screen.

또한, 본 발명의 실시예에 따른 멀티 칼럼이 구현되는 웹 콘텐츠 디스플레이 시스템상에서 상기 다수의 웹 콘텐츠와 각각 매칭된 다수의 식별자는, 상기 화면상의 여러 위치에 분리되어 디스플레이되는 상기 다수의 웹 콘텐츠의 각각에 대한 위치 정보와 순서 정보를 내장하는 것을 특징으로 한다.In addition, in the web content display system implementing the multi-column according to an embodiment of the present invention, a plurality of identifiers respectively matched with the plurality of web contents are respectively displayed on the screen in separate locations. It is characterized by embedding the position information and order information for.

또한, 본 발명의 실시예에 따른 멀티 칼럼이 구현되는 웹 콘텐츠 디스플레이 시스템상에서 상기 템플릿은, 상기 HTML 문서가 사용자에 의해 명시됨에 따라 주템플릿과 상기 주템플릿 내에 포함되는 내부 템플릿으로 구성시키며, 상기 HTML 문서의 웹 활성화를 통해 멀티 칼럼 형태로 화면상에 디스플레이되는 것을 특징으로 한 다.In addition, in the web content display system in which the multi-column is implemented according to an embodiment of the present invention, the template includes a main template and an internal template included in the main template as the HTML document is specified by the user. The document is displayed on the screen in the form of a multi-column through web activation.

이하, 본 발명의 실시예가 첨부된 도면을 참조하여 상세히 설명하면 다음과 같다.Hereinafter, embodiments of the present invention will be described in detail with reference to the accompanying drawings.

도 1은 본 발명의 실시예에 따른 멀티 칼럼이 구현되는 웹 콘텐츠 디스플레이 시스템을 도시한 도면이다.1 is a diagram illustrating a web content display system in which a multi-column is implemented according to an embodiment of the present invention.

도 1를 참조하면, 멀티 칼럼이 구현되는 웹 콘텐츠 디스플레이 시스템(1000)은 HTML 생성기(400), 템플릿(100), 구조화된 웹 콘텐츠(200) 및 디자인 데이터(300)를 포함한다.Referring to FIG. 1, a web content display system 1000 in which a multi-column is implemented includes an HTML generator 400, a template 100, a structured web content 200, and design data 300.

멀티 칼럼이 구현되는 웹 콘텐츠 디스플레이 시스템(1000)의 HTML 생성기(400)가 하나의 HTML을 생성함에 있어서, 디자인 데이터(300)는 해당 웹 콘텐츠에서 사용할 일반 HTML 문서의 변형인 템플릿의 파일 이름 혹은 식별자를 구하고, 템플릿(100)을 호출하며 템플릿(100)에 특별한 기호로 표시된 곳에 구조화된 웹 콘텐츠(200)의 일부 혹은 전체를 출력한다.When the HTML generator 400 of the web content display system 1000 in which the multi-column is implemented generates one HTML, the design data 300 is a file name or identifier of a template which is a variation of a general HTML document to be used in the web content. To obtain a template 100 and call the template 100 and output a part or all of the structured web content 200 where indicated by a special symbol on the template 100.

다시 설명하면, 템플릿이 다음과 같다고 가정하자.In other words, suppose the template is as follows.

<html><html>

<body><body>

템플릿 시스템 예제 <hr>Template system example <hr>

%CONTENTS%% CONTENTS%

</body></ body>

</html></ html>

이때, %CONTENTS%는 HTML에서 사용되는 문법이 아니고 웹 콘텐츠가 들어갈 자리를 표시한 것이다.In this case,% CONTENTS% is not a syntax used in HTML, but a place for web content.

그리고, 구조화된 콘텐츠는 다음과 같은 형식을 가진다고 가정하자.And, suppose the structured content has the following format.

(식별자, 유형, HTML, 하부 콘텐츠)(Identifier, type, HTML, subcontent)

하나의 웹 콘텐츠가 다음과 같이 4개의 문단으로 이루어진 HTML이라 가정하자.Suppose a web content is HTML with four paragraphs:

<p>첫 번째 문단</p><p> First paragraph </ p>

<p>두 번째 문단</p><p> Second paragraph </ p>

<p>세 번째 문단</p><p> Second paragraph </ p>

<p>네 번째 문단</p><p> Fourth paragraph </ p>

이러한 하나의 웹 콘텐츠는 다음과 같이 구조화되어 표현할 수 있다.One such web content may be structured and expressed as follows.

(001, 문단, “첫 번째 문단 내용”, 하부 없음),(002, 문단, “두 번째 문단 내용”, 하부 없음),(003, 문단, “세 번째 문단 내용”, 하부 없음),(004, 문단, “세 번째 문단 내용”, 하부 없음)(001, paragraph, “first paragraph content”, no bottom), (002, paragraph, “second paragraph content”, no bottom), (003, paragraph, “third paragraph content”, no bottom), (004 , Paragraph, “third paragraph content”, without bottom part)

상기 구조화 데이터는 트리구조뿐만 아니라 일반적인 기술인 직렬화(Serialization)으로 만들어진 데이터도 사용할 수 있다.The structured data may use not only a tree structure but also data generated by serialization, which is a general technique.

HTML 생성기(400)는 상기 템플릿과 구조화된 웹 콘텐츠를 이용해서 하나의 HTML을 생성한다. 즉, %CONTENTS%자리에 구조화된 웹 콘텐츠를 HTML로 변경시켜 삽 입한다. The HTML generator 400 generates one HTML using the template and the structured web content. In other words, the structured web content is inserted into HTML in place of% CONTENTS%.

즉, 그 해당 소스는 다음과 같다.That is, the corresponding source is as follows.

<html><html>

<body><body>

템플릿 시스템 예제 <hr>Template system example <hr>

<p>첫 번째 문단</p><p> First paragraph </ p>

<p>두 번째 문단</p><p> Second paragraph </ p>

<p>세 번째 문단</p><p> Second paragraph </ p>

<p>네 번째 문단</p><p> Fourth paragraph </ p>

</body></ body>

</html></ html>

HTML 생성기는 HTML 생성시, 웹 콘텐츠가 표시되는 부분이 한 곳이라는 점에서 블로그 등 기존의 템플릿을 사용한 시스템과 결과가 동일하다. The HTML generator has the same result as a system using an existing template such as a blog in that the HTML content is displayed in one place.

본 발명의 HTML 생성기는 웹 콘텐츠의 각 구성요소마다 해당 식별자를 부여하였으므로 이를 다시 확장할 수 있다. 즉, 템플릿에 식별자를 포함시킴으로써 네 개의 문단 중 특정 한 문단만 별도로 표시를 할 수 있다.Since the HTML generator of the present invention assigns a corresponding identifier to each component of the web content, it can be extended again. That is, by including an identifier in the template, only one of four paragraphs can be displayed separately.

이를 구성하려면 템플릿을 다음과 같이 구성하면 된다.To configure this, simply configure the template as follows:

<html><html>

<body><body>

템플릿 시스템 예제<hr>Template system example

템플릿 4번 구성요소는 여기에<br>Template 4 is here <br>

%ELEMENT.004%% ELEMENT.004%

템플릿 시스템 본문은 여기에<br>The template system body is here <br>

%CONTENTS%% CONTENTS%

</body></ body>

</html></ html>

HTML생성기(400)는 상기 템플릿을 받으면 %ELEMENT.004%에 004의 식별자를 가지는 웹 콘텐츠의 구성요소를 삽입하며, %CONTENTS%에는 출력이 안 된 웹 콘텐츠를 출력한다. 그러므로 결과로 생성되는 HTML은 다음과 같다.When the HTML generator 400 receives the template, the HTML generator 400 inserts a component of web content having an identifier of 004 into% ELEMENT.004%, and outputs web content that is not printed in% CONTENTS%. Therefore, the resulting HTML is:

<html><html>

<body><body>

템플릿 시스템 예제<hr>Template system example

템플릿 4번 구성요소는 여기에<br>Template 4 is here <br>

<p>네 번째 문단</p><p> Fourth paragraph </ p>

템플릿 시스템 본문은 여기에<br>The template system body is here <br>

<p>첫 번째 문단</p><p> First paragraph </ p>

<p>두 번째 문단</p><p> Second paragraph </ p>

<p>세 번째 문단</p><p> Second paragraph </ p>

</body></ body>

</html></ html>

본 발명의 실시예에 따른 멀티 칼럼이 구현되는 웹 콘텐츠 디스플레이 시스템의 웹 콘텐츠는 다수의 구성요소로 이루어져 있기 때문에 개개의 식별자로 표시될 위치를 템플릿에 기록하는 것은 어려운 일이기 때문에, 소정의 컨테이너라는 논리적 구성요소를 도입하여, 식별자 대신에 템플릿에 순서를 표시한다.Since the web content of the web content display system implementing the multi-column according to an embodiment of the present invention is composed of a plurality of components, it is difficult to record a position to be displayed by an individual identifier in a template. By introducing a logical component, we mark the order in the template instead of the identifier.

예를 들면, 상기 4개의 문단이 있는 웹 콘텐츠가 2개의 분리된 영역에 출력된다고 가정할 경우, 첫 번째와 두 번째를 묶어주는 컨테이너와 세 번째와 네 번째를 묶는 컨테이너를 도입한다. 컨테이너도 식별자를 가지며, 다른 구성요소를 하부 구성요소로 가진다. For example, assuming that the web content with the four paragraphs is output in two separate areas, a container which binds the first and second and a container which binds the third and fourth are introduced. Containers also have identifiers and other components as subcomponents.

컨테이너를 사용한 웹 콘텐츠는 다음과 같다.The web content using the container is as follows.

(005, 컨테이너, ((001, 문단, “첫 번째 문단 내용”, 하부 없음),(002, 문단, “두 번째 문단 내용”, 하부 없음))),(006, 컨테이너, ((003, 문단, “세 번째 문단 내용”, 하부 없음),(004, 문단, “세 번째 문단 내용”, 하부 없음)))(005, container, ((001, paragraph, “first paragraph content”, no bottom), (002, paragraph, “second paragraph content”, no bottom))), (006, container, ((003, paragraph , “Third paragraph”, no bottom), (004, paragraph, “third paragraph”, no bottom)))

컨테이너를 사용하는 템플릿은 다음과 같다.The template using the container looks like this:

<html><html>

<body><body>

템플릿 시스템 예제<hr>Template system example

컨테이너 구성요소는 여기에<br>Container components are here <br>

%CONTAINER.1%% CONTAINER.1%

템플릿 시스템 본문은 여기에<br>The template system body is here <br>

%CONTENTS%% CONTENTS%

</body></ body>

</html></ html>

HTML 생성기는 %CONTAINER.순번%에는 웹 콘텐츠 중에서 순번에 해당하는 컨테이너를 삽입하고, %CONTENTS%에는 다른 부분에 출력이 안 된 나머지 구성요소들이 출력된다.The HTML generator inserts the container corresponding to the sequence number in the web contents in% CONTAINER. Sequence%, and the remaining components that are not printed in other parts are displayed in% CONTENTS%.

다시 말하면, %CONTAINER.1%은 첫 번째 컨테이너인 식별자 005 컨테이너를 출력하며, %CONTENTS%는 그 나머지를 출력한다. 그 결과는 다음과 같다.In other words,% CONTAINER.1% prints the first container, identifier 005, and% CONTENTS% prints the rest. the results are as follow.

<html><html>

<body><body>

템플릿 시스템 예제<hr>Template system example

컨테이너 구성요소는 여기에<br>Container components are here <br>

<p>첫 번째 문단</p><p> First paragraph </ p>

<p>두 번째 문단</p><p> Second paragraph </ p>

템플릿 시스템 본문은 여기에<br>The template system body is here <br>

<p>세 번째 문단</p><p> Second paragraph </ p>

<p>네 번째 문단</p><p> Fourth paragraph </ p>

</body></ body>

</html></ html>

이에 따라, 본 발명의 실시예에 따른 멀티 칼럼이 구현되는 웹 콘텐츠 디스플레이 시스템은 웹 콘텐츠를 구조화함으로써 웹 콘텐츠의 변경없이 템플릿의 변경만으로 웹 콘텐츠의 일부 구성요소를 원하는 위치에 디스플레이한다.Accordingly, the web content display system in which the multi-column is implemented according to an embodiment of the present invention displays the structure of the web content so that some components of the web content are displayed in a desired position by only changing the template without changing the web content.

도 2는 본 발명의 실시예에 따른 멀티 칼럼이 구현되는 웹 콘텐츠 디스플레이 방법을 나타낸 순서도이다.2 is a flowchart illustrating a web content display method in which multi-columns are implemented according to an embodiment of the present invention.

도 2를 참조하면, HTML 생성기는 템플릿의 한 라인을 읽고(S10), 해당 라인이 %CONTAINER.순번%이면(S20) 구조화된 웹 콘텐츠 중 해당 순번의 컨테이너와 그 하부 구성요소를 출력하고 이를 기출력 목록에 추가한다(S30).Referring to FIG. 2, the HTML generator reads one line of the template (S10), and if the line is% CONTAINER.sequence% (S20), outputs the container and its subcomponents of the corresponding sequence number among the structured web contents. Add to the output list (S30).

읽어들인 템플릿의 한 라인이 %CONTENTS%이면(S40) 주어진 구조화된 웹 콘텐츠를 처음부터 출력하는데, 이때 기출력 목록의 내용은 제외를 한다(S50).If one line of the read template is% CONTENTS% (S40), the given structured web content is output from the beginning, and the contents of the pre-printed list are excluded (S50).

읽어들인 템플릿의 내용이 %CONTAINER.순번%도 %CONTENTS%도 아니면 일반 HTML이므로 읽어 들인 그대로 출력을 한다(S60).If the content of the read template is not% CONTAINER. Or% CONTENTS%, it is plain HTML so the output is as it is read (S60).

읽어들인 라인이 템플릿의 마지막 라인이면(S70) HTML 생성은 종료하고 아니면 다시 한 라인을 읽어들이는 것부터 작업을 반복한다(S10).If the read line is the last line of the template (S70), HTML generation is terminated, or the operation is repeated from reading one line again (S10).

도 3은 본 발명의 실시예에 따른 주 템플릿, 내부 템플릿 그리고 디자인 데 이터의 관계를 기술한 도면이다.3 is a diagram illustrating a relationship between a main template, an inner template, and design data according to an embodiment of the present invention.

웹 콘텐츠 디스플레이 방법이 다음과 같이 확장됨에 따라, 이하 제시된 기호를 삽입함하여 하나의 템플릿 내에 다른 템플릿을 삽입할 수 있다.As the web content display method is extended as follows, another template may be inserted into one template by inserting the symbols shown below.

여기서, 제시 기호는 "%INCLUDE.템플릿식별자%"이다.Here, the presentation symbol is "% INCLUDE. Template identifier%".

HTML 생성기는 하나의 템플릿을 분석 및 출력하는 중에 "%INCLUDE.템플릿식별자%"라는 기호를 읽을 경우, 템플릿 식별자에서 지시하는 템플릿을 분석 및 출력하고, 이에 따른 두 개의 템플릿을 합쳐진 소정의 HTML을 생성시킨다. When the HTML generator reads the symbol "% INCLUDE.Template Identifier%" while analyzing and outputting one template, the HTML generator analyzes and outputs the template indicated by the template identifier, and generates predetermined HTML that combines the two templates accordingly. Let's do it.

즉, HTML 생성기는 도 3에 도시된 바와 같이 템플릿1을 디스플레이한 후, 템플릿1의 회색 도시 부분에 "%INCLUDE.내부템플릿2%"를 표기하였다면 템플릿1의 외관에 내부 템플릿2의 멀티 칼럼이 적용된 HTML을 생성한다.That is, when the HTML generator displays Template 1 as shown in FIG. 3, and displays “% INCLUDE.Internal Template 2%” in the gray city portion of Template 1, the multi-column of Internal Template 2 appears in the appearance of Template 1. Generate the applied HTML.

또한, HTML 생성기는 %INTENAL_TEMPLATE%라는 기호를 읽을 경우, 이 기호의 위치에 디자인 데이터에 기술된 템플릿을 포함할 수 있다.In addition, when the HTML generator reads the symbol% INTENAL_TEMPLATE%, the HTML generator may include a template described in the design data at the position of the symbol.

여기서, %INCLUDE.템플릿식별자%는 다른 템플릿을 포함하는 하나의 예이며, 이를 다른 형태로 발전시킬 수도 있다. Here,% INCLUDE.template identifier% is one example including another template, and it may be developed in another form.

디자인 데이터는 주 템플릿과 내부 템플릿을 저장한 예를 보여주고 있다. 다시 설명하면, 도 3의 첫 번째 열의 데이터는 웹 콘텐츠 a의 HTML을 생성할 때는 템플릿1을 사용하며, 템플릿1에서 %INTERNAL_TEMPLATE% 기호를 만나면 내부 템플릿2를 사용하여 그 내부 HTML을 생성토록 한다.The design data shows an example of storing a main template and an internal template. In other words, the data in the first column of FIG. 3 uses template 1 when generating the HTML of the web content a. When the template 1 encounters the% INTERNAL_TEMPLATE% symbol, the internal template 2 is used to generate the internal HTML.

이런 방식의 장점은 템플릿1의 변동이 없이 디자인 데이터의 변동만으로 내부 템플릿을 변경할 수 있다는 점이다. The advantage of this method is that the internal template can be changed only by changing the design data without changing the template 1.

상기 본 발명의 실시예에 따라, 멀티 칼럼이 구현되는 웹 콘텐츠 디스플레이 방법은 멀티 칼럼의 구성을 다수의 내부 템플릿으로 구비하고 각 웹 콘텐츠의 디자인 데이터에 주 템플릿과 내부 템플릿을 명시함에 따라, 웹 페이지의 전체 외관을 그대로 유지하면서 웹 콘텐츠 부분만 원하는 멀티 칼럼으로 손쉽게 바꿀 수 있다.According to the exemplary embodiment of the present invention, the web content display method in which the multi-column is implemented includes a multi-column structure as a plurality of internal templates and specifies the main template and the internal template in the design data of each web content. You can easily replace just the web content part with your favorite multi-columns while maintaining the overall look of.

상기에서는 본 발명의 바람직한 실시예를 참조하여 설명하였지만, 해당 기술 분야의 숙련된 당업자는 하기의 특허청구범위에 기재된 본 발명의 사상 및 영역으로부터 벗어나지 않는 범위 내에서 본 발명을 다양하게 수정 및 변경시킬 수 있음을 이해할 수 있을 것이다.Although the above has been described with reference to a preferred embodiment of the present invention, those skilled in the art will be able to variously modify and change the present invention without departing from the spirit and scope of the invention as set forth in the claims below. It will be appreciated.

상술한 본 발명에 따르면, 웹 콘텐츠의 내용을 구성요소별로 트리 구조화시키고 다수의 구성요소 식별자를 템플릿에 명시하여 디스플레이시 구성요소 식별자를 웹 콘텐츠로부터 분리된 위치에 디스플레이함으로써, 웹 콘텐츠의 수정 없이 템플릿의 변경만으로 멀티 칼럼을 비롯한 다양한 연출이 가능하도록 하는 웹 콘텐츠 디스플레이 시스템을 구현함에 따라, 사용자가 자주 사용하는 주 템플릿과 내부 템플릿을 다수 구비하여 템플릿의 수정 없이도 웹 콘텐츠를 다양하게 표현하게 하고, 사용자에게 각자의 성향에 맞는 웹 콘텐츠를 제공함에 따른 웹 콘텐츠 상품 판매율에 대한 수익 창출에 기대를 높이는 효과를 준다.According to the present invention described above, by constructing a tree structure of the content of the web content for each component and by specifying a plurality of component identifiers in the template to display the component identifier in a position separated from the web content, the template without modification of the web content By implementing a web content display system that enables a variety of presentations including multi-columns with only a change of, a number of main templates and internal templates that are frequently used by users are provided so that the web contents can be variously expressed without modifying the template. It provides the effect of raising the expectation on the revenue generation of the web contents product sales rate by providing the web contents which suits each inclination.

Claims (3)

각 구성요소마다 고유의 식별자를 가지며 트리 구조화된 웹 콘텐츠;A tree structured web content having a unique identifier for each component; 상기 구조화된 웹 콘텐츠가 출력될 위치를 규정하는 구분기호를 가지는 템플릿;A template having a separator defining a location where the structured web content is to be output; 상기 웹 콘텐츠와 같이 사용될 하나 이상의 템플릿을 구분하는 템플릿 식별자를 가지는 디자인 정보;Design information having a template identifier for distinguishing one or more templates to be used with the web content; 상기 웹 콘텐츠, 템플릿, 디자인 정보를 이용하여 멀티칼럼이 구현된 HTML을 생성하는 HTML생성기를 포함하며,It includes an HTML generator for generating the multi-column implemented HTML using the web content, template, design information, 상기 HTML생성기는 템플릿을 호출하여 상기 트리 구조화된 웹 콘텐츠의 일부 혹은 전체를 상기 템플릿의 구분기호의 위치에 출력하여 멀티칼럼을 구현하고, 상기 템플릿의 변경만으로 변경된 템플릿의 구분기호의 위치에 상기 웹콘텐츠의 각 구성요소를 출력함으로서 다른 형태의 멀티칼럼을 구현하며, 상기 디자인 정보의 템플릿 식별자를 참조하여 주템플릿내에 다른 내부 템플릿을 병합하여 HTML을 생성할 수 있는 것을 특징으로 하는 웹 콘텐츠 디스플레이 시스템. The HTML generator calls a template to output a part or all of the tree structured web content to the position of the separator of the template to implement a multi-column, and the web at the position of the template of the changed template only by changing the template. Outputting each component of the content to implement a multi-column of a different form, by referring to the template identifier of the design information, it is possible to merge the other internal template in the main template to generate HTML. 제1항의 웹 콘텐츠 디스플레이 시스템을 이용해, 일정 멀티칼럼 형태를 가진 템플릿을 호출하는 단계와, 상기 구조화된 웹 콘텐츠와 템플릿을 분석하여 상기 템플릿의 구분기호의 위치에 웹 콘텐츠의 구성요소를 출력하는 단계와, 상기 템플릿의 전체 라인을 읽었는지 여부를 판단하여 읽지 않았다면 다시 상기 출력하는 단계를 진행하고 그렇지 않다면 출력을 종료함으로서 HTML문서를 생성하는 단계와, 상기 HTML문서를 생성한 뒤 웹 활성화를 통해 화면상에 디스플레이하는 단계를 포함하는 것을 특징으로 하는 멀티 칼럼이 구현되는 웹 콘텐츠 디스플레이 방법. Calling a template having a predetermined multi-column form using the web content display system of claim 1, analyzing the structured web content and the template, and outputting the components of the web content at the position of the separator of the template. And determining whether or not the entire line of the template has been read, and if not, proceeding to the output again, otherwise generating the HTML document by ending the output, and generating the HTML document and then displaying the screen through web activation. And displaying on the web content display method of the multi-column. 제 2 항에 있어서, 다양한 멀티칼럼 형태를 가지는 템플릿 각각에 부여된 템플릿식별자를 상기 디자인정보로부터 전달받는 단계, 상기 템플릿내에 템플릿식별자가 기재되어 있는지 여부를 판단하여 템플릿식별자가 있다면 상기 템플릿내에 해당 템플릿식별자에 해당하는 내부 템플릿을 병합하여 HTML문서를 생성하는 단계를 추가로 포함하는 것을 특징으로 하는 멀티 칼럼이 구현되는 웹 콘텐츠 디스플레이 방법. The method of claim 2, further comprising: receiving a template identifier assigned to each template having various multi-column shapes from the design information, and determining whether a template identifier is listed in the template, and if there is a template identifier in the template, And merging an internal template corresponding to the identifier to generate an HTML document.
KR1020070025573A 2007-03-15 2007-03-15 Web contents display system for realizing a multi-column and the method thereof KR100762517B1 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020070025573A KR100762517B1 (en) 2007-03-15 2007-03-15 Web contents display system for realizing a multi-column and the method thereof

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020070025573A KR100762517B1 (en) 2007-03-15 2007-03-15 Web contents display system for realizing a multi-column and the method thereof

Publications (1)

Publication Number Publication Date
KR100762517B1 true KR100762517B1 (en) 2007-10-02

Family

ID=39418884

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020070025573A KR100762517B1 (en) 2007-03-15 2007-03-15 Web contents display system for realizing a multi-column and the method thereof

Country Status (1)

Country Link
KR (1) KR100762517B1 (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111444171A (en) * 2018-12-28 2020-07-24 航天信息股份有限公司 Method, device and storage medium for generating value-added tax return form

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20030068159A (en) * 2000-11-30 2003-08-19 인터내셔널 비지네스 머신즈 코포레이션 Adaptive catalog page display
KR100560099B1 (en) 2005-02-17 2006-03-13 (주)인트로모바일 Mobile terminal for multi-displayable contents information which is composed with independent channel, method thereof and computer readable record medium on which program for executing method is recorded

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20030068159A (en) * 2000-11-30 2003-08-19 인터내셔널 비지네스 머신즈 코포레이션 Adaptive catalog page display
KR100560099B1 (en) 2005-02-17 2006-03-13 (주)인트로모바일 Mobile terminal for multi-displayable contents information which is composed with independent channel, method thereof and computer readable record medium on which program for executing method is recorded

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111444171A (en) * 2018-12-28 2020-07-24 航天信息股份有限公司 Method, device and storage medium for generating value-added tax return form

Similar Documents

Publication Publication Date Title
CN105373567B (en) Page generation method and client
JP2021061034A (en) Method and system for generating questionnaire
CN102609256B (en) A kind of Dynamic Graph table generating method based on webpage
KR101213809B1 (en) electronic document style matrix
RU2314559C2 (en) Method for representing user interface elements in simplified form
US7904801B2 (en) Recursive sections in electronic forms
CN112506493A (en) Table configuration method, device, equipment and medium based on vue
US7836119B2 (en) Distributed execution model for cross-organizational declarative web applications
CN109062567B (en) B/S structure-based information management system rapid development platform
US8839192B2 (en) System and method for presentation of cross organizational applications
US20030225853A1 (en) Method and system for constructing a database-driven website
US20030023639A1 (en) Application generator for creating web pages
KR20210040611A (en) Method and apparatus for generating web page
KR20110099158A (en) Content sharing system
Van der Hoeven GNU TeXmacs, A free, structured, wysiwyg and technical text editor
CN101206668B (en) Method for generating and analyzing website content components as well as apparatus
US20070266315A1 (en) System and method for creating and presenting mathematical documents
KR100762517B1 (en) Web contents display system for realizing a multi-column and the method thereof
JP2004157927A (en) Creating system for business form input, creating program and creating method
Wyke-Smith Stylin'with CSS: a designer's guide
KR100902193B1 (en) A System For Composing Report, A Method ? A System For Providing A Made-To-Order Report, And A Storage Medium
JP2000029677A (en) Automatic generating device for screen constitution
Chang et al. W-Revised: An amazing tool for creating customized websites
Luburić et al. A code generator for building front-end tier of REST-based rich client web applications
CN115858690A (en) Dynamic form generation system

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
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