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
multi
column
html
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; COUNTING
    • G06QDATA PROCESSING SYSTEMS OR METHODS, SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL, SUPERVISORY OR FORECASTING PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL, SUPERVISORY OR FORECASTING 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; 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
    • GPHYSICS
    • G06COMPUTING; CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/166Editing, e.g. inserting or deleting
    • G06F40/186Templates

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} Which implements multi-column web content display system and method {Web Contents Display System for realizing a Multi-Column and the Method thereof}

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

도 2는 본 발명의 실시예에 따른 멀티 칼럼이 구현되는 웹 콘텐츠 디스플레이 방법을 나타낸 순서도이다. Figure 2 is a flow chart illustrating a method for displaying web content, the multi-column according to the embodiment of the present invention is implemented.

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

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

일반적인, 홈페이지는 인터넷이라는 가상공간으로 다양한 정보 등을 다양한 정보를 서로 공유하기 위해 개개인이 알고 있는 정보를 게재하고, 게재된 정보를 인터넷으로 접속하여 정보를 공유하게 되는 것이다. In general, it will be home to the virtual space of the internet showing the information that individuals know each other, to share a variety of information such as a variety of information, and sharing information by accessing the information posted on the Internet.

이러한, 홈페이지 제작을 용이하게 제작할 수 있는 프로그램 등이 많이 개발되어 있으며, 상기 개발된 프로그램 툴(예를 들면, 프론트 페이지, 드림위버, 나모 ..)등을 이용하여 보다 용이하게 홈페이지를 제작할 수 있게 되었다. This, and the like are developed a lot of programs that can easily create a Web design, using the said program development tools (e.g., the front page, Dreamweaver, cinnamoyl ...), etc. was able to produce an easily Home than .

그러나, 상기와 같이 홈페이지 제작을 위한 많은 프로그램 등이 개발되어 있지만 상기 개발된 프로그램들은 하나의 웹 페이지 전체를 수정하는 개념으로 되어있으며, 웹 콘텐츠 내용을 여러 단으로, 즉 멀티 칼럼으로 변경을 할 경우 웹 콘텐츠 전체를 HTML 등을 이용해서 변경해야만 한다. However, like many programs for website creation it is developed as above, but if you change the development of the programs and the concept of modifying the complete single web page, web content, content in several stages, namely multi-column the entire web content must be changed using HTML. 또한 초보자나 비전공자가 프로그램을 익히기에는 상당한 시간을 필요로 하며, 제작에 어려운 문제점을 갖고 있다. Also it requires a considerable amount of time there is a beginner or bijeongongja Learning Program, has a difficult production.

한편, 포털사이트를 운영하는 인터넷 사업자들이 초보자나 비전공자들을 위해 홈페이지를 무료로 제작하여 왔다. On the other hand, the Internet provider that operates a portal site that has been produced by a free website for beginners and bijeongongja. 이러한, 홈페이지는 몇 개의 기본틀에서 사용자가 선택하여 제작되어져 왔다. This, home has been made by the user to select from a few basic framework.

그러나, 이와 같이 무료 홈페이지는 몇 개의 틀을 제공하여 사용자가 선택할 수 있도록 하고 사용법도 쉬워지기는 했으나, 웹 콘텐츠의 내용을 여러 단으로 수정하는 경우 웹 콘텐츠 전체를 HTML 등을 이용해서 변경해야한다는 점에서는 상기 개발된 프로그램들과 동일한 문제점을 가진다. However, that thus free website is to provide some framework users, but has become and how to use even easier to choose, if you modify the contents of the web content in different stages of Web content should be changed using HTML, etc. in has the same problems as those the development program.

최근 블로그, 위키 등의 시스템은 사용자가 정해진 틀에 내용만 입력을 하는 시스템으로 진화되었다. Systems such as the recent blogs, wikis have evolved a system which only enter information in a user defined framework. 즉, 블로그나 위키 등의 시스템은 템플릿을 제공한다. That is, systems such as blogs and wikis provides a template.

일반적으로, 템플릿은 어떤 도식이나 서식에서 자주 사용되는 기본 골격으로, 스프레드시트에서 각종 데이터 처리를 위해 표의 일정한 구조를 만들어 놓고 사용자가 데이터를 입력만 하면 되도록 해 놓은 것이나, 그래픽 프로그램에서 자주 사용하기 위해 미리 정해 놓은 그림이나 이미지의 일정한 패턴을 일컫는다 Generally, the template would put it into the basic framework that is often used in some schematic or template, place creating a certain structure table for a variety of data processing in a spreadsheet so that you have a user enters data to frequently used graphics program It refers to a pattern of a picture or image you've already set

블로그 또는 위키 시스템은 웹 콘텐츠를 해당 템플릿의 한 부분에 삽입을 하며, 멀티 칼럼처럼 보이는 템플릿을 포함하여 여러 가지 템플릿이 제공되기도 한다. Blogs or wiki system is inserted into the web content in a part of the template, including the template looks like a multi-column and also provides a number of templates.

그러나, 블로그 또는 위키 시스템 또한 멀티 칼럼을 지원하는 듯한 템플릿은 있으나 사실상 하나의 웹 콘텐츠를 멀티 칼럼으로 보여주는 방법은 제공하지 않으며, 웹 콘텐츠를 멀티 칼럼으로 만들기 위해서는 웹 콘텐츠 전체를 HTML 등을 이용해서 변경해야하는 점은 상기 여러 방법과 마찬가지이다. However, also like a template that supports multi-column, blog or wiki system, but a way of showing a virtual one Web content to multi-column is not available, change to the full in order to web content Creating web content in a multi-column using HTML, etc. should point is the same as the number of ways.

본 발명은 앞서 본 종래기술의 문제점을 해결하기 위해 안출된 것으로, 본 발명의 목적은 웹 콘텐츠의 내용을 구성요소별로 트리 구조화시키고 다수의 구성요소 식별자를 템플릿에 명시하여 디스플레이시 구성요소 식별자를 웹 콘텐츠로부터 분리된 위치에 디스플레이함으로써, 웹 콘텐츠의 수정 없이 템플릿의 변경만으로 멀티 칼럼을 비롯한 다양한 연출이 가능하도록 하는 웹 콘텐츠 디스플레이 시스템 을 구현함에 따라, 사용자가 자주 사용하는 주 템플릿과 내부 템플릿을 다수 구비하여 템플릿의 수정 없이도 웹 콘텐츠를 다양하게 표현하게 하고, 사용자에게 각자의 성향에 맞는 웹 콘텐츠를 제공함에 따른 웹 콘텐츠 상품 판매율에 대한 수익 창출에 기대를 높이기 위함이다. The present invention prior to have been made in view to solve the problems of the prior art, an object of the present invention the web a display when the component identifier with a tree structure for each component the contents of the Web content and specify the number of the component identifiers in a template as by displaying a location separate from the content, and implementing the web content display system in which a variety of production, including the multi-column with only changes to the template without modifying the web contents so as to be, provided with a plurality of primary templates and inner template that users often use without the need to modify the template to a variety of Web content and expression, in order to increase the expected revenue generation for Web content product sales due to provide Web content appropriate to their propensity to users.

상기와 같은 목적을 달성하기 위한 본 발명은 다음과 같은 실시예를 포함한다. The present invention for achieving the above object comprises the same manner as in Example. 즉, 본 발명의 실시예에 따른 멀티 칼럼이 구현되는 웹 콘텐츠 디스플레이 시스템은, 다수의 웹 콘텐츠가 소정의 템플릿 상에 트리 구조화되며, 상기 다수의 웹 콘텐츠와 각각 매칭된 다수의 식별자가 상기 템플릿을 포함하는 HTML 문서 내의 일정 부분에 명시됨에 따라, 상기 다수의 웹 콘텐츠가 화면상에 활성화된 후, 상기 화면상의 여러 위치에 분리되어 디스플레이하는 것을 특징으로 한다. That is, embodiments web content display system that is multi-column is implemented according to the present invention, and a plurality of Web content, the tree structure on a given template, a plurality of identifiers of the plurality of web content, and a respective matching the template as it stated in a portion in the HTML document that includes, and then to the plurality of web content is activated on the screen, wherein the display is separate to different locations on the screen.

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

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

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

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

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

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

다시 설명하면, 템플릿이 다음과 같다고 가정하자. If the words, let's assume the template looks like this:

<html> <Html>

<body> <Body>

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

%CONTENTS% % CONTENTS%

</body> </ Body>

</html> </ Html>

이때, %CONTENTS%는 HTML에서 사용되는 문법이 아니고 웹 콘텐츠가 들어갈 자리를 표시한 것이다. In this case,% CONTENTS% rather than the syntax used in HTML will display the place web content into.

그리고, 구조화된 콘텐츠는 다음과 같은 형식을 가진다고 가정하자. And, let's structured content is assumed to have the following format:

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

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

<p>첫 번째 문단</p> <P> The first paragraph </ p>

<p>두 번째 문단</p> <P> The second paragraph </ p>

<p>세 번째 문단</p> <P> The third paragraph </ p>

<p>네 번째 문단</p> <P> The fourth paragraph </ p>

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

(001, 문단, “첫 번째 문단 내용”, 하부 없음),(002, 문단, “두 번째 문단 내용”, 하부 없음),(003, 문단, “세 번째 문단 내용”, 하부 없음),(004, 문단, “세 번째 문단 내용”, 하부 없음) (001, paragraphs, "the first paragraph content", not the bottom), (002, paragraphs, "the second paragraph content", not the bottom), (003, paragraph, "third paragraph content", not the bottom), (004 , paragraphs, "the third paragraph content", not the bottom)

상기 구조화 데이터는 트리구조뿐만 아니라 일반적인 기술인 직렬화(Serialization)으로 만들어진 데이터도 사용할 수 있다. The structured data may also use data produced by the general technology serialization (Serialization) as well as the tree structure.

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

즉, 그 해당 소스는 다음과 같다. In other words, that its source is as follows.

<html> <Html>

<body> <Body>

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

<p>첫 번째 문단</p> <P> The first paragraph </ p>

<p>두 번째 문단</p> <P> The second paragraph </ p>

<p>세 번째 문단</p> <P> The third paragraph </ p>

<p>네 번째 문단</p> <P> The fourth paragraph </ p>

</body> </ Body>

</html> </ Html>

HTML 생성기는 HTML 생성시, 웹 콘텐츠가 표시되는 부분이 한 곳이라는 점에서 블로그 등 기존의 템플릿을 사용한 시스템과 결과가 동일하다. HTML Generator is the same system as a result of using the existing templates, including blog in terms of where you are part of HTML when creating web content is displayed.

본 발명의 HTML 생성기는 웹 콘텐츠의 각 구성요소마다 해당 식별자를 부여하였으므로 이를 다시 확장할 수 있다. HTML generator of the present invention can re-expand them hayeoteumeuro given the identifier for each component of the Web content. 즉, 템플릿에 식별자를 포함시킴으로써 네 개의 문단 중 특정 한 문단만 별도로 표시를 할 수 있다. That is, it is possible to display additionally, only specific one of the four paragraphs paragraph by including the identifier in the template.

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

<html> <Html>

<body> <Body>

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

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

%ELEMENT.004% % ELEMENT.004%

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

%CONTENTS% % CONTENTS%

</body> </ Body>

</html> </ Html>

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

<html> <Html>

<body> <Body>

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

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

<p>네 번째 문단</p> <P> The fourth paragraph </ p>

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

<p>첫 번째 문단</p> <P> The first paragraph </ p>

<p>두 번째 문단</p> <P> The second paragraph </ p>

<p>세 번째 문단</p> <P> The third paragraph </ p>

</body> </ Body>

</html> </ Html>

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

예를 들면, 상기 4개의 문단이 있는 웹 콘텐츠가 2개의 분리된 영역에 출력된다고 가정할 경우, 첫 번째와 두 번째를 묶어주는 컨테이너와 세 번째와 네 번째를 묶는 컨테이너를 도입한다. For example, if the Web content with the four paragraphs will be assumed that the output of two separate areas, the introduction of the first container enclosing the container and the third and fourth to tie the second. 컨테이너도 식별자를 가지며, 다른 구성요소를 하부 구성요소로 가진다. Container also has an identifier, and has a different component to the lower component.

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

(005, 컨테이너, ((001, 문단, “첫 번째 문단 내용”, 하부 없음),(002, 문단, “두 번째 문단 내용”, 하부 없음))),(006, 컨테이너, ((003, 문단, “세 번째 문단 내용”, 하부 없음),(004, 문단, “세 번째 문단 내용”, 하부 없음))) (005, containers, ((001, paragraphs, "the first paragraph content", not the bottom), (002, paragraphs, "the second paragraph content" lower N))), (006, containers, ((003, paragraph "Third paragraph content", not the bottom), (004, paragraph, "third paragraph content", not the bottom)))

컨테이너를 사용하는 템플릿은 다음과 같다. Template to use the container is as follows.

<html> <Html>

<body> <Body>

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

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

%CONTAINER.1% % CONTAINER.1%

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

%CONTENTS% % CONTENTS%

</body> </ Body>

</html> </ Html>

HTML 생성기는 %CONTAINER.순번%에는 웹 콘텐츠 중에서 순번에 해당하는 컨테이너를 삽입하고, %CONTENTS%에는 다른 부분에 출력이 안 된 나머지 구성요소들이 출력된다. HTML Generator% CONTAINER.%, The sequence is output to the rest of the components are not output to other parts of the container insert that corresponds to the order from the web content,% CONTENTS%.

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

<html> <Html>

<body> <Body>

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

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

<p>첫 번째 문단</p> <P> The first paragraph </ p>

<p>두 번째 문단</p> <P> The second paragraph </ p>

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

<p>세 번째 문단</p> <P> The third paragraph </ p>

<p>네 번째 문단</p> <P> The fourth paragraph </ p>

</body> </ Body>

</html> </ Html>

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

도 2는 본 발명의 실시예에 따른 멀티 칼럼이 구현되는 웹 콘텐츠 디스플레이 방법을 나타낸 순서도이다. Figure 2 is a flow chart illustrating a method for displaying web content, the multi-column according to the embodiment of the present invention is implemented.

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

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

읽어들인 템플릿의 내용이 %CONTAINER.순번%도 %CONTENTS%도 아니면 일반 HTML이므로 읽어 들인 그대로 출력을 한다(S60). The contents of the read template% CONTAINER.% Even turn% CONTENTS% or even plain HTML, so the output as read (S60).

읽어들인 라인이 템플릿의 마지막 라인이면(S70) HTML 생성은 종료하고 아니면 다시 한 라인을 읽어들이는 것부터 작업을 반복한다(S10). If the lines are read the last line of the template (S70) HTML generation is shut down and starting with, or to read a line again and repeat the operation (S10).

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

웹 콘텐츠 디스플레이 방법이 다음과 같이 확장됨에 따라, 이하 제시된 기호를 삽입함하여 하나의 템플릿 내에 다른 템플릿을 삽입할 수 있다. The web content display method may be expanded as the following, by inserting the below listed symbol to insert a different template in the one template.

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

HTML 생성기는 하나의 템플릿을 분석 및 출력하는 중에 "%INCLUDE.템플릿식별자%"라는 기호를 읽을 경우, 템플릿 식별자에서 지시하는 템플릿을 분석 및 출력하고, 이에 따른 두 개의 템플릿을 합쳐진 소정의 HTML을 생성시킨다. HTML generator generates an "% INCLUDE. Template identifier%" that when reading the symbol, a given HTML analysis and outputs a template indicated by the template ID, and the combined the two template accordingly during the analysis and outputs a single template thereby.

즉, HTML 생성기는 도 3에 도시된 바와 같이 템플릿1을 디스플레이한 후, 템플릿1의 회색 도시 부분에 "%INCLUDE.내부템플릿2%"를 표기하였다면 템플릿1의 외관에 내부 템플릿2의 멀티 칼럼이 적용된 HTML을 생성한다. In other words, HTML generator is a multi-column inside the template 2 on the exterior of the template 1 If the title of "% INCLUDE. Interior template 2%" in the gray part shown in the after displaying the template 1, template 1, as shown in Fig. 3 It generates an applied HTML.

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

여기서, %INCLUDE.템플릿식별자%는 다른 템플릿을 포함하는 하나의 예이며, 이를 다른 형태로 발전시킬 수도 있다. Here,% INCLUDE. Template identifier% is one example of which includes a different template, it may be possible to develop them in other forms.

디자인 데이터는 주 템플릿과 내부 템플릿을 저장한 예를 보여주고 있다. Design data shows an example of a stored template and share internal template. 다시 설명하면, 도 3의 첫 번째 열의 데이터는 웹 콘텐츠 a의 HTML을 생성할 때는 템플릿1을 사용하며, 템플릿1에서 %INTERNAL_TEMPLATE% 기호를 만나면 내부 템플릿2를 사용하여 그 내부 HTML을 생성토록 한다. If words, the first column of data in Figure 3 when generating HTML content of the web, a, and use the template 1, and ever to meet the% INTERNAL_TEMPLATE% sign in Template 1 using the internal template 2 generates the internal HTML.

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

상기 본 발명의 실시예에 따라, 멀티 칼럼이 구현되는 웹 콘텐츠 디스플레이 방법은 멀티 칼럼의 구성을 다수의 내부 템플릿으로 구비하고 각 웹 콘텐츠의 디자인 데이터에 주 템플릿과 내부 템플릿을 명시함에 따라, 웹 페이지의 전체 외관을 그대로 유지하면서 웹 콘텐츠 부분만 원하는 멀티 칼럼으로 손쉽게 바꿀 수 있다. As according to the embodiment of the present invention, the web content display method is a multi-column is implemented a structure of the multi column into a plurality of inner template and indicate the main template and inner template in the design data for each Web content, web pages, as of maintaining the overall appearance it can be easily changed to the desired multi-column Web content area only.

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

상술한 본 발명에 따르면, 웹 콘텐츠의 내용을 구성요소별로 트리 구조화시키고 다수의 구성요소 식별자를 템플릿에 명시하여 디스플레이시 구성요소 식별자를 웹 콘텐츠로부터 분리된 위치에 디스플레이함으로써, 웹 콘텐츠의 수정 없이 템플릿의 변경만으로 멀티 칼럼을 비롯한 다양한 연출이 가능하도록 하는 웹 콘텐츠 디스플레이 시스템을 구현함에 따라, 사용자가 자주 사용하는 주 템플릿과 내부 템플릿을 다수 구비하여 템플릿의 수정 없이도 웹 콘텐츠를 다양하게 표현하게 하고, 사용자에게 각자의 성향에 맞는 웹 콘텐츠를 제공함에 따른 웹 콘텐츠 상품 판매율에 대한 수익 창출에 기대를 높이는 효과를 준다. According to the present invention described above, the template without modification of by displaying a tree structure and a plurality of component identifier the contents of the Web content for each component a component identifier when displayed by specifying the template at a position separated from the web content, Web content, change only, including a multi-column as the implementation of a web content display system that enables a variety of produce, and the user is provided with a plurality of main template and inner template frequently used variously expressed Web content without the need to modify the template to the user to give the effect of raising expectations monetization for Web content product sales according to providing web content for your own tendencies.

Claims (3)

  1. 각 구성요소마다 고유의 식별자를 가지며 트리 구조화된 웹 콘텐츠; Each component has a unique identifier tree structured web content;
    상기 구조화된 웹 콘텐츠가 출력될 위치를 규정하는 구분기호를 가지는 템플릿; Template with a separator which defines the position of the structured web content is to be output;
    상기 웹 콘텐츠와 같이 사용될 하나 이상의 템플릿을 구분하는 템플릿 식별자를 가지는 디자인 정보; Design information with a template identifier to identify one or more templates to be used, such as the Web content;
    상기 웹 콘텐츠, 템플릿, 디자인 정보를 이용하여 멀티칼럼이 구현된 HTML을 생성하는 HTML생성기를 포함하며, Using the web content, templates, design information, and includes a HTML generator that generates HTML that is multi-column implementation,
    상기 HTML생성기는 템플릿을 호출하여 상기 트리 구조화된 웹 콘텐츠의 일부 혹은 전체를 상기 템플릿의 구분기호의 위치에 출력하여 멀티칼럼을 구현하고, 상기 템플릿의 변경만으로 변경된 템플릿의 구분기호의 위치에 상기 웹콘텐츠의 각 구성요소를 출력함으로서 다른 형태의 멀티칼럼을 구현하며, 상기 디자인 정보의 템플릿 식별자를 참조하여 주템플릿내에 다른 내부 템플릿을 병합하여 HTML을 생성할 수 있는 것을 특징으로 하는 웹 콘텐츠 디스플레이 시스템. The HTML Generator is a part or all of a call to template the tree-structured Web content to the output of the separator of the template where the implementation of a multi-column, and the separator of the modified template only to change the template location Web by outputting each component of the content other forms of implementing the multi-column, and web content display system, characterized in that to generate the HTML by merging different inner template in the main template with reference to the template ID of the design information.
  2. 제1항의 웹 콘텐츠 디스플레이 시스템을 이용해, 일정 멀티칼럼 형태를 가진 템플릿을 호출하는 단계와, 상기 구조화된 웹 콘텐츠와 템플릿을 분석하여 상기 템플릿의 구분기호의 위치에 웹 콘텐츠의 구성요소를 출력하는 단계와, 상기 템플릿의 전체 라인을 읽었는지 여부를 판단하여 읽지 않았다면 다시 상기 출력하는 단계를 진행하고 그렇지 않다면 출력을 종료함으로서 HTML문서를 생성하는 단계와, 상기 HTML문서를 생성한 뒤 웹 활성화를 통해 화면상에 디스플레이하는 단계를 포함하는 것을 특징으로 하는 멀티 칼럼이 구현되는 웹 콘텐츠 디스플레이 방법. The step of outputting a component of the Web content to the position of claim 1. Web content using a display system, the schedule comprising the steps of: calling a template with a multi-column type, the structured web content and templates for analysis of the template separator and, if you have read and determine whether you have read the entire line of the template, proceed to step to the output again, if not by off output screen through the steps to create an HTML document and, after the Web enabled by creating the HTML document the web content display method implemented multi-column, characterized in that it comprises the step of displaying the image.
  3. 제 2 항에 있어서, 다양한 멀티칼럼 형태를 가지는 템플릿 각각에 부여된 템플릿식별자를 상기 디자인정보로부터 전달받는 단계, 상기 템플릿내에 템플릿식별자가 기재되어 있는지 여부를 판단하여 템플릿식별자가 있다면 상기 템플릿내에 해당 템플릿식별자에 해당하는 내부 템플릿을 병합하여 HTML문서를 생성하는 단계를 추가로 포함하는 것을 특징으로 하는 멀티 칼럼이 구현되는 웹 콘텐츠 디스플레이 방법. The method of claim 2, wherein if it is determined whether the template identifier whether a template identifier assigned to templates, each having a different multi-column type is a template identifier described in the steps of: receiving transmitted from the design information, the template, the template in the template, merge with the web content display method implemented multi-column, characterized in that further including the step of generating the HTML document inside the template corresponding to the identifier.
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)

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-06 (주)인트로모바일 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-06 (주)인트로모바일 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

Similar Documents

Publication Publication Date Title
Gustafson Adaptive web design: crafting rich experiences with progressive enhancement
US9552212B2 (en) Caching intermediate data for scroll view rendering
Kottwitz LaTeX Cookbook
Kleppe Software language engineering: creating domain-specific languages using metamodels
JP2016518639A (en) System and method for dialog customization
Castro HTML for the world wide web
US8365203B2 (en) Method for creating a native application for mobile communications device in real-time
US7246326B2 (en) System and procedure for providing a user interface display
Nathan Windows presentation foundation unleashed
Ronallo HTML5 Microdata and Schema. org
Goodman Dynamic HTML: The Definitive Reference: A Comprehensive Resource for HTML, CSS, DOM & JavaScript
US8887044B1 (en) Visually distinguishing portions of content
US7228497B2 (en) System and method for automated generation of XML transforms
Tidwell XSLT: mastering XML transformations
CN100440194C (en) Authoring arbitrary XML documents using DHTML and XSLT
Murphy The busy coder's guide to Android development
Renear Text encoding
RU2365978C2 (en) Programming interface for computing platform
JP2015528931A (en) Screen reader with customizable web page output
Lie et al. Cascading style sheets: Designing for the web, Portable Documents
US6668354B1 (en) Automatic display script and style sheet generation
US8407585B2 (en) Context-aware content conversion and interpretation-specific views
US20120254730A1 (en) Techniques to create structured document templates using enhanced content controls
Peterson Learning responsive web design: a beginner's guide
Xie et al. R markdown: The definitive guide

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