KR20030073001A - Method for creating and editing web page to produce web site - Google Patents
Method for creating and editing web page to produce web site Download PDFInfo
- Publication number
- KR20030073001A KR20030073001A KR1020020012341A KR20020012341A KR20030073001A KR 20030073001 A KR20030073001 A KR 20030073001A KR 1020020012341 A KR1020020012341 A KR 1020020012341A KR 20020012341 A KR20020012341 A KR 20020012341A KR 20030073001 A KR20030073001 A KR 20030073001A
- Authority
- KR
- South Korea
- Prior art keywords
- web page
- website
- program
- editing
- server
- Prior art date
- Legal status (The legal status 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 status listed.)
- Ceased
Links
- 238000000034 method Methods 0.000 title claims abstract description 24
- 230000008569 process Effects 0.000 claims abstract description 13
- 230000001419 dependent effect Effects 0.000 claims abstract description 7
- 230000006870 function Effects 0.000 claims description 14
- 238000004519 manufacturing process Methods 0.000 claims description 9
- 238000010586 diagram Methods 0.000 description 8
- 230000009471 action Effects 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000003860 storage Methods 0.000 description 2
- 238000012360 testing method Methods 0.000 description 2
- 125000002066 L-histidyl group Chemical group [H]N1C([H])=NC(C([H])([H])[C@](C(=O)[*])([H])N([H])[H])=C1[H] 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 238000007796 conventional method Methods 0.000 description 1
- 238000012937 correction Methods 0.000 description 1
- 238000012217 deletion Methods 0.000 description 1
- 230000037430 deletion Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000003825 pressing Methods 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
- 230000009466 transformation Effects 0.000 description 1
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
Landscapes
- Business, Economics & Management (AREA)
- Tourism & Hospitality (AREA)
- Health & Medical Sciences (AREA)
- Economics (AREA)
- General Health & Medical Sciences (AREA)
- Human Resources & Organizations (AREA)
- Marketing (AREA)
- Primary Health Care (AREA)
- Strategic Management (AREA)
- Physics & Mathematics (AREA)
- General Business, Economics & Management (AREA)
- General Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Information Transfer Between Computers (AREA)
Abstract
본 발명은 데스크탑 및 웹 브라우저에서 웹사이트 제작을 위한 제반 전문 작업을 자동화시키고, 전문 정보 및 프로그램을 원 클릭으로 생성시키며, 이것을 자유로이 편집 할 수 있도록 하는 웹사이트 제작을 위한 웹페이지 생성 및 편집방법에 관한 것으로서,The present invention provides a method for creating and editing a web page for creating a website for automating all professional tasks for creating a website on a desktop and a web browser, generating professional information and programs with one click, and freely editing them. As for
사용자가 웹사이트의 전체 구조를 결정하고 그 구조에 따라 독립적 또는 종속적인 웹페이지를 생성하면 웹사이트 구조창에 웹페이지의 트리 노드(tree node) 구조가 디스플레이 되는 제1 과정; 상기 제1 과정에서 웹페이지가 생성된 후 사용자가 특정 웹페이지를 선택하면 서버에서 해당 웹페이지의 파일을 자동으로 호출하고, 해당 웹페이지의 실제 프로그램이 작동되는 화면과 동일한 모습으로 웹페이지 편집창에 편집 가능한 상태로 디스플레이 되는 제2 과정; 및 상기 제2 과정이 이루어진 후 사용자가 위지윅(WYSIWYG : What You See Is What You Get) 기능을 이용하여 각 태그들에 대하여 직접 속성을 변경하여 편집을 수행하면 프로그램이 자동으로 결정되어 서버에 저장되는 제3 과정;을 포함하여 이루어지는 것을 특징으로 한다.A first step of displaying a tree node structure of the web page in the website structure window when the user determines the overall structure of the website and generates an independent or dependent web page according to the structure; After the web page is generated in the first step, when the user selects a specific web page, the server automatically calls the file of the web page, and the web page edit window looks like the screen on which the actual program of the web page is operated. A second process displayed in an editable state at; After the second process is performed, when the user performs editing by directly changing the attributes of each tag by using the WYSIWYG (What You See Is What You Get) function, the program is automatically determined and stored in the server. And a third process.
Description
본 발명은 웹사이트 제작을 위한 웹페이지 생성 및 편집방법에 관한 것으로서, 더욱 상세하게는 데스크탑 및 웹 브라우저에서 웹사이트 제작을 위한 제반 전문 작업을 자동화시키고, 전문 정보 및 프로그램을 원 클릭으로 생성시키며, 이것을 자유로이 편집 할 수 있도록 하는 웹사이트 제작을 위한 웹페이지 생성 및 편집방법에 관한 것이다.The present invention relates to a method of creating and editing a web page for a website production, and more particularly, to automate various professional tasks for creating a website in a desktop and a web browser, and to generate professional information and programs in one click. The present invention relates to a method of creating and editing a web page for making a web site freely editable.
최근 TCP/IP(Transport Control Protocol / Internet Protocol)를 기반으로 하는 인터넷이 확립되면서 전 세계적으로 각종통신망이 인터넷을 중심으로 통합되어 가는 추세이며, 이에 따라 인터넷을 이용하여 다양한 서비스를 제공받거나, 이미지 데이터를 포함하는 각종 데이터를 실시간으로 전송할 수 있는 시스템이 개발이 이루어지고 있는 바, 각 서비스 업체들은 인터넷과 연계된 시스템을 이용하여 인터넷 사용자의 다양한 요구에 대처하고 있다.Recently, with the establishment of the Internet based on TCP / IP (Transport Control Protocol / Internet Protocol), various communication networks are being integrated around the world. Accordingly, various services are provided using the Internet, or image data is provided. A system capable of transmitting various data including a real time has been developed, and each service company is using a system connected to the Internet to cope with various demands of the Internet user.
또한, 인터넷 사용자의 급증으로 인하여 자신의 웹사이트를 가지고 있는 사용자의 수도 증가되어 가고 있으며, 이에 따라 자신의 웹사이트를 갖고자 하는 사용자의 요구에 부응하여 다양한 웹사이트 제작용 툴(tool)이 개발되어 사용되고 있으나, 인터넷에 익숙하지 못한 고객 및 인터넷에 익숙한 고객이라 하더라도 웹사이트 제작의 기본이 되는 HTML(Hyper Text Markup Language) 문서의 문법구조를 이해하지 못하는 사용자의 경우에는 자신의 웹사이트 제작이 곤란한 문제점이 있었다.In addition, the number of users who have their own website is increasing due to the increase of Internet users, and accordingly, various website production tools are developed in response to the needs of users who have their own websites. However, even those who are not familiar with the Internet and those who are familiar with the Internet do not understand the grammatical structure of HTML (Hyper Text Markup Language) documents that are the basis of website creation. There was a problem.
즉, 종래 기술에 의한 개인 웹사이트 제작방법의 경우를 살펴보면, 회선제공자(ISP : Internet Service Provider)는 사용자에게 웹사이트 제작을 위한 일정한 저장영역만을 배정하여 주고, 사용자가 직접 자신의 웹사이트를 만들어 상기 저장영역에 업로드(upload)하거나, 회선제공자(ISP)측에서 제공한 2~3개의 기본 웹사이트 디자인을 이용하여 사용자가 자신의 웹사이트를 제작하도록 되어 있는 바, 자신의 취향에 맞는 개인 웹사이트를 사용자가 직접 제작하는 데에는 어려움이 있게 된다.In other words, in the case of a conventional method for creating a personal website, an ISP (Internet Service Provider) assigns a user a certain storage area for creating a website, and the user creates his own website. The user can create his / her own website by uploading to the storage area or using two or three basic website designs provided by the circuit provider (ISP). Difficulty creating the site yourself.
특히, 웹사이트의 관리자는 도 1에 도시된 바와 같이 서버 측에 복잡한 파일들을 일일이 FTP(File Transfer Protocol) 등을 이용하여 관리하여야 만 하고, 게시판, 채팅 및 쇼핑몰 등과 같은 복잡한 웹 프로그램을 작성하기 위해서는 전문 지식이 없이는 불가능하게 되는 문제점이 발생한다.In particular, the administrator of the website has to manage complicated files on the server side by using FTP (File Transfer Protocol), as shown in FIG. 1, and to write complex web programs such as bulletin boards, chats and shopping malls. The problem arises that it becomes impossible without the expertise.
또한, 종래의 오프 라인 에디터 툴에서 제작하였을 경우, 도 2에 도시된 바와 같이 복잡한 디렉토리 및 파일을 관리 및 편집하여야 하고, 자신의 웹사이트를 올리기(Upload) 위하여 인터넷상의 웹서버와 연동되는 빈 공간을 마련하여 도 3에 도시된 바와 같이 FTP을 통해 자신의 웹사이트를 FTP 명령어로 전송하여야 하는 불편한 점이 있었다.In addition, when manufactured in a conventional offline editor tool, as shown in FIG. 2, a complex directory and file must be managed and edited, and an empty space interworking with a web server on the Internet in order to upload its own website. As shown in FIG. 3, it was inconvenient to transmit its website through the FTP command as shown in FIG.
특히, 오프 라인 에디터의 경우, 이미 만들어진 웹사이트를 수정하려고 하면 수정할 사항에 대하여 매번 에디터를 통하여 수정한 뒤, 자신의 계정이 있는 인터넷 웹서버의 디렉토리에 FTP로 파일 전송을 하여야 한다.In particular, in the case of an offline editor, if you want to modify a website that has already been created, you have to modify it through the editor each time, and then FTP the file to the directory of the Internet web server where you have an account.
따라서, 웹사이트 제작 도구로서, 워드 프로세서를 사용하는 것과 같이 WYSIWYG(What You See Is What You Get) 기능이 있는 웹사이트 제작 방법이 요구되고 있다.Therefore, as a website production tool, there is a demand for a website production method having a WYSIWYG (What You See Is What You Get) function, such as using a word processor.
본 발명은 상기와 같은 문제점을 해결하기 위해 안출된 것으로서, 그 목적은 웹사이트 구축 및 관리를 위해 필요한 파일 관리, 네트웍 관리, 서버 관리 등을 모두 자동화시키고 워드, 프리젠테이션 등과 같은 일반 오피스 슈트를 사용하는 방식으로 전문 정보 및 프로그램을 위지윅(WYSIWYG)으로 편집할 수 있도록 하는 웹사이트 제작을 위한 웹페이지 생성 및 편집방법을 제공하는데 있다.The present invention has been made to solve the above problems, the purpose of which is to automate all the file management, network management, server management, etc. necessary for the construction and management of the website and use a general office suite such as word, presentation, etc. It provides a method of creating and editing a web page for a web site that allows the professional information and programs to be edited by WYSIWYG.
또한, 본 발명의 다른 목적은 실제 사이트의 구성을 각 트리 노드들로 보여주며, 노드를 추가하거나 편집하면 내장된 파일 관리 모듈이 자동으로 서버에 적절한 파일 구조를 만들어 줄 수 있도록 하여 서버나 파일의 구조 등에 관한 지식이 전혀 없는 사람도 자신이 원하는 웹사이트를 쉽게 제작 및 관리할 수 있게 하는 웹사이트 제작을 위한 웹페이지 생성 및 편집방법을 제공하는데 있다.In addition, another object of the present invention is to show the configuration of the actual site to each tree node, and if you add or edit the node, the built-in file management module can automatically create a proper file structure on the server to the server or file The present invention provides a method of creating and editing a web page for making a website that enables a person who has no knowledge about the structure and the like to easily create and manage a desired website.
또한, 본 발명의 다른 목적은 웹페이지 트리 노드에서 원하는 노드를 더블 클릭하면 서버에 있는 해당 웹페이지의 파일을 자동으로 불러와 편집기에서 편집할 수 있도록 하되 XML(eXtensible Markup Language) 커스텀 태그 문서 하나로 편집및 실행이 똑 같이 이루어 질 수 있도록 하며 사용자는 실재 작동하는 화면과 동일한 화면에서 편집 작업을 수행하여 프로그램을 자유롭게 생성시키고 편집도 가능하게 함으로써 비전문가에 의한 웹사이트 제작이 가능하게 되는 웹사이트 제작을 위한 웹페이지 생성 및 편집방법을 제공하는데 있다.In addition, another object of the present invention is to double-click the desired node in the web page tree node to automatically retrieve the file of the web page on the server to edit in an editor, but edited with XML (eXtensible Markup Language) custom tag document And the execution can be done in the same way, and the user can edit the program on the same screen as the actual screen to freely create and edit the program, thereby making the website for non-expert website production possible. To provide a way to create and edit web pages.
또한, 본 발명의 다른 목적은 모든 정보 및 프로그램이 XML로 구성되도록 하여 서버와 사용자 단말기 등의 장치(Appliance) 간 변형이 가능하게 함으로써 사용자가 프로그램 코드를 전혀 보지 않고 마우스만으로 유무선에 걸친 모든 것들을 원하는 대로 만들어 낼 수 있도록 하는 웹사이트 제작을 위한 웹페이지 생성 및 편집방법을 제공하는데 있다.In addition, another object of the present invention is to make all information and programs composed of XML to enable the transformation between the server (appliance) such as a user terminal, so that the user wants everything over wired or wireless with a mouse without seeing the program code at all. It is to provide a method of creating and editing web pages for making a website that can be created as it is.
상기의 목적을 달성하기 위한 본 발명의 일 측면에 따르면, 사용자가 웹사이트의 전체 구조를 결정하고 그 구조에 따라 독립적 또는 종속적인 웹페이지를 생성하면 웹사이트 구조창에 웹페이지의 트리 노드(tree node) 구조가 디스플레이 되는 제1 과정; 상기 제1 과정에서 웹페이지가 생성된 후 사용자가 특정 웹페이지를 선택하면 서버에서 해당 웹페이지의 파일을 자동으로 호출하고, 해당 웹페이지의 실제 프로그램이 작동되는 화면과 동일한 모습으로 웹페이지 편집창에 편집 가능한 상태로 디스플레이 되는 제2 과정; 및 상기 제2 과정이 이루어진 후 사용자가 위지윅(WYSIWYG : What You See Is What You Get) 기능을 이용하여 각 태그들에 대하여 직접 속성을 변경하여 편집을 수행하면 프로그램이 자동으로 결정되어 서버에 저장되는 제3 과정;을 포함하여 이루어지는 웹사이트 제작을 위한 웹페이지 생성 및 편집방법을 제공한다.According to an aspect of the present invention for achieving the above object, when the user determines the overall structure of the website and generates an independent or dependent web page according to the structure, the tree node of the web page in the website structure window node) a first process of displaying the structure; After the web page is generated in the first step, when the user selects a specific web page, the server automatically calls the file of the web page, and the web page edit window looks like the screen on which the actual program of the web page is operated. A second process displayed in an editable state at; After the second process is performed, when the user performs editing by directly changing the attributes of each tag by using the WYSIWYG (What You See Is What You Get) function, the program is automatically determined and stored in the server. It provides a method for creating and editing a web page for the website production comprising a third step;
이때, 본 발명의 부가적인 특징에 따르면, 상기 제1 과정에서는 생성된 웹페이지들이 독립적인지 또는 종속적인지에 따라 상위와 하위로 구분되고, 각 웹페이지의 추가 및 삭제가 이루어짐에 따라 편집화면 상에 트리 노드 형태로 디스플레이 되는 제1 단계; 및 상기 제1 단계에서 웹페이지가 추가되면 웹페이지의 제목을 파일명으로 하여 서버 상에 해당 웹페이지의 프로그램이 자동 생성되어 저장되는 제2 단계;가 포함되어 이루어지는 것이 바람직하다.At this time, according to an additional feature of the present invention, in the first process, the generated web pages are divided into upper and lower parts according to whether they are independent or dependent, and as the addition and deletion of each web page are made on the edit screen, A first step displayed in the form of a tree node; And a second step of automatically generating and storing a program of the corresponding web page on the server when the web page is added in the first step using the title of the web page as the file name.
또한, 본 발명의 다른 부가적인 특징에 따르면, 상기 제3 과정에는 웹 서버 프로그램을 XML 태그로 정의하여 편집기능이 내장된 태그 핸들러를 부착하는 제1 단계; 상기 제1 단계가 이루어진 후 컨테이너에 연결하여 전문 정보 및 프로그램을 위지윅으로 편집하도록 하는 제2 단계; 및 상기 제2 단계에서 편집이 이루어진 후 파일 저장시에 실행 프로그램 모듈을 부착하여 자동으로 실행파일로 변환시켜주는 제3 단계;가 포함되어 이루어지는 것이 바람직하다.According to another additional aspect of the present invention, the third process includes a first step of defining a web server program as an XML tag and attaching a tag handler with an embedded editing function; A second step of connecting to the container to edit the specialized information and the program using WiGWick after the first step is made; And a third step of attaching an executable program module and automatically converting the executable file into an executable file when the file is stored after the editing is performed in the second step.
도 1은 일반적으로 웹사이트를 운영하는 경우에 서버 측에 저장되는 파일구조의 예를 나타내는 도면1 is a diagram illustrating an example of a file structure stored in a server side when a website is generally operated.
도 2는 종래 기술에 의하여 편집을 수행하는 화면의 예를 나타내는 도면2 is a diagram showing an example of a screen for performing editing according to the prior art;
도 3은 종래 기술에 의하여 편집된 프로그램을 서버로 전송하는 동작을 설명하기 위한 도면3 is a view for explaining an operation of transmitting a program edited according to the prior art to a server;
도 4는 본 발명을 구현하기 위한 시스템의 논리구조를 나타내는 도면4 illustrates a logic structure of a system for implementing the present invention.
도 5는 본 발명에 의하여 커스텀 태그의 사용자별 운영상태를 나타내는 도면5 is a view showing the user-specific operating state of the custom tag according to the present invention
도 6은 본 발명에 의한 프로그램이 데스크탑에서 구동되는 경우에 화면의 예를 나타내는 도면6 is a diagram illustrating an example of a screen when a program according to the present invention is driven on a desktop.
도 7은 본 발명에 의한 프로그램이 웹브라우저에서 구동되는 경우에 화면의 예를 나타내는 도면7 is a diagram illustrating an example of a screen when a program according to the present invention is run in a web browser.
도 8은 본 발명에 의하여 웹페이지를 생성하는 경우에 트리 노드로 디스플레이 되는 화면의 예를 나타내는 도면8 illustrates an example of a screen displayed as a tree node when a web page is generated according to the present invention.
도 9는 본 발명에 의하여 편집동작이 이루어지는 경우의 화면의 예를 나타내는 도면9 shows an example of a screen in the case where an editing operation is performed according to the present invention;
도 10은 본 발명에 의하여 편집동작이 이루어지는 경우에 게시판 버튼을 눌렀을 때 삽입될 수 있는 코드의 예를 나타내는 도면10 is a diagram showing an example of a code that can be inserted when a bulletin board button is pressed when an editing operation is performed according to the present invention.
도 11은 본 발명에 의하여 웹 상에서 제공될 정보 중 시험문제 정보가 있는 경우에 XML 기반 사용자 정의 태그로 기술되는 예를 나타내는 도면FIG. 11 is a diagram illustrating an example of describing an XML-based user-defined tag when test question information is included among information to be provided on the web according to the present invention.
이하, 첨부된 도면을 참조하여 본 발명의 바람직한 실시예를 상세히 설명한다.Hereinafter, exemplary embodiments of the present invention will be described in detail with reference to the accompanying drawings.
도 4는 본 발명을 구현하기 위한 시스템의 논리구조를 나타내는 도면이고, 도 5는 본 발명에 의하여 커스텀 태그의 사용자별 운영상태를 나타내는 도면이다.FIG. 4 is a diagram illustrating a logic structure of a system for implementing the present invention, and FIG. 5 is a diagram illustrating a user-specific operation state of a custom tag according to the present invention.
상기 첨부도면 도 4 및 도 5를 참조하면, 본 발명에서는 전문 인터넷 지식이 없는 사용자들이 웹 서버나 FTP, 데이터베이스에 대해서 모르고도 웹사이트 관리를 할 수 있도록 파일관리 데이터베이스 관리 등의 작업을 자동으로 수행하는 서버 자동 관리기능을 포함한다. 이때, 파일의 경우는 사용자가 저장 버튼을 누르면 해당 파일의 이름이나 저장할 경로명을 묻지 않고 서버가 스스로 일련번호를 붙여 자동으로 파일명을 붙인 다음 자동으로 서버에 저장한다. 또한, 프로그램의 경우는 게시판 프로그램을 편집한 경우에 이 역시 자동으로 프로그램 번호를 붙인 후 그 프로그램에 필요한 테이블 등의 부가 서버요소를 그 프로그램 번호에 준하여 자동으로 생성시킨다.4 and 5, in the present invention, users without specialized Internet knowledge can automatically perform operations such as file management database management so that a web site, FTP, or database can be managed without knowing the web site. Includes automatic server management. In this case, if the user presses the save button, the server automatically attaches the serial number to the file and automatically saves the file on the server without asking for the file name or path name. In the case of a program, when a bulletin board program is edited, this also automatically attaches a program number and automatically generates additional server elements such as a table required for the program according to the program number.
또한, HTC 또는 XUL로 구현된 클라이언트 측 태그 핸들러를 만들되, 편집 및 속성 수정 등의 기능이 내장된 저작용 태그 핸들러와 실재 정보가 사용자에게 제공될 때 필요한 기능들을 내장한 기능 수행용 태그 핸들러를 구현한다.In addition, create a client-side tag handler implemented in HTC or XUL, but implement a tag handler with built-in functions such as editing and property modification, and a tag handler for performing functions incorporating functions required when actual information is provided to the user. do.
또한, 프로그램은 실재 구동되는 기능을 구현한 서버 측 태그 핸들러를 JSP 기술로 구현하고 저작시 사용되는 저작용 태그 핸들러를 HTC/XUL로 구현하여 저작시는 저작용 HTC/XUL 태그 핸들러를 호출하고 실행시에는 JSP 기술로 구현된 서버 측 태그 핸들러를 호출한다.In addition, the program implements the server-side tag handler that implements the actual running function using JSP technology, and the action tag handler used when authoring is implemented by HTC / XUL so that the author calls and executes the action HTC / XUL tag handler when authoring. Calls a server-side tag handler implemented with JSP technology.
또한, 컨테이너는 편집기 주 메뉴와 편집창, 소스창, 미리보기 창 등으로 구성되어 있으며 사용자가 저작 모드인 경우에는 저작용 태그 핸들러를 사용하고 미리보기와 같은 실행 모드인 경우에는 수행용 태그핸들러를 호출하는 등의 작업을 수행한다. 또한 유선인 경우와 무선인 경우에 각 장치에 해당하는 태그 핸들러를 제공한다.In addition, the container consists of the editor main menu, edit window, source window, and preview window. When the user is in authoring mode, the container uses an action tag handler. Calls, etc. In addition, a tag handler corresponding to each device is provided in the wired and wireless cases.
한편, 본 발명은 데스크탑 및 웹브라우저에서 모두 구현이 가능하다. 이때, 첨부도면 도 6은 데스크탑에서 본 발명에 의한 프로그램이 구동된 화면의 예를 나타내고, 도 7은 웹브라우저에서 본 발명에 의한 프로그램이 구동된 화면의 예를 나타낸다. 이와 같은 화면에서 사용자는 워드, 프리젠테이션 등과 같은 일반 오피스 슈트를 사용하는 방식으로 전문 정보 및 프로그램을 위지윅으로 편집할 수 있게 된다.On the other hand, the present invention can be implemented in both the desktop and web browser. 6 shows an example of a screen on which a program according to the present invention is driven on a desktop, and FIG. 7 shows an example of a screen on which a program according to the present invention is driven in a web browser. In such a screen, the user can edit the professional information and the program in Wiziwick by using a general office suite such as a word or a presentation.
상기와 같이 프로그램이 구동된 후 사용자는 웹사이트의 전체 구조를 결정하고 그 구조에 따라 독립적 또는 종속적인 웹페이지를 생성한다. 그에 따라 웹사이트 구조창에는 도 8에 도시된 바와 같은 웹페이지의 트리 노드(tree node) 구조가 디스플레이 된다. 이때, 상기 트리 노드 구조에서 생성된 웹페이지들이 독립적인지 또는 종속적인지에 따라 상위와 하위로 구분되고 각 웹페이지의 추가 및 삭제가 이루어질 수 있다. 상기에서 각 트리 노드들은 실제 웹사이트의 구성을 보여주며 이곳에 웹페이지에 해당되는 노드를 추가하거나 편집하면 내장된 파일 관리 모듈이 자동으로 서버에 적절한 파일 구조를 만들어 준다. 즉, 웹페이지가 추가되면 웹페이지의 제목을 파일명으로 하여 서버 상에 해당 웹페이지의 프로그램이 자동 생성되어 저장된다.After the program is run as described above, the user determines the overall structure of the website and generates independent or dependent web pages according to the structure. Accordingly, the tree node structure of the web page as shown in FIG. 8 is displayed in the website structure window. At this time, the web pages generated in the tree node structure are divided into upper and lower parts according to whether they are independent or dependent, and each web page can be added and deleted. Each tree node shows the actual web site configuration. If you add or edit the node corresponding to the web page, the built-in file management module automatically creates the proper file structure on the server. That is, when a web page is added, a program of the web page is automatically generated and stored on the server using the title of the web page as a file name.
한편, 상기 도 8에서 특정 웹페이지를 편집하기 위하여 원하는 트리 노드를 더블 클릭하면 첨부도면 도 5 또는 도 6과 같이 서버에 있는 파일을 자동으로 불러와 웹페이지 편집창에서 편집할 수 있게 된다.On the other hand, if you double-click the desired tree node to edit a specific web page in FIG. 8, the file in the server can be automatically called and edited in the web page edit window as shown in FIG. 5 or 6.
상기 편집동작을 첨부도면 도 9를 참조하여 상세히 설명하면, 도구창(1)에서 게시판 버튼을 누르면 편집창(2)에는 도 10에 도시된 바와 같은 코드가 삽입되게 된다. 이때, 상기 편집창(2)에서는 도 10의 코드의 각 태그들이 편집시 어떤 형태로 보일 것이며 각종 편집 조작 명령에 어떤 식으로 반응할 것인지를 지정하는 라이브러리에 읽혀져 실제 프로그램이 작동되는 화면과 동일한 모습으로 편집이 가능하게 된다.9, the code as shown in FIG. 10 is inserted into the edit window 2 when the bulletin board button is pressed in the tool window 1. At this time, the edit window (2) is the same as the screen in which each tag of the code of FIG. 10 will be read when a library is designated and how it will respond to various edit operation commands and is read by a library. Editing is possible.
상기에서 실제 프로그램은 여러 가지 화면을 갖기 때문에 하나의 프로그램에 속한 각 화면 간에 전환을 위해서는 전환 메뉴(3)를 선택하면 된다. 이와 같은 과정에 의해 편집된 프로그램은 일반 문서의 문자열이나 그림, 표 등과 동일하게 편집 가능하며 복사, 잘라내기, 붙이기 등도 동일한 원칙에 따른다.Since the actual program has various screens, the switching menu 3 may be selected to switch between screens belonging to one program. Programs edited by this process can be edited in the same way as text, picture, table, etc. of general documents, and copy, cut, paste, etc. follow the same principle.
상기와 같은 과정에 의해 편집이 끝난 파일은 저장 버튼을 누름으로써 자동으로 서버에 전송되고 전송된 파일은 XML(eXtensible Markup Language) API에 의해 각 화면 별로 따로 저장되고, 실제 프로그램 실행 시 즉, 웹브라우저로 접속할 때에 도 10의 코드는 각 태그와 연결된 실행 라이브러리와 연결되어 실행되게 된다.The file edited by the above process is automatically sent to the server by pressing the save button, and the transmitted file is stored separately for each screen by the XML (eXtensible Markup Language) API, and when the actual program is executed, that is, the web browser When connected to the code of Figure 10 is executed in conjunction with the execution library associated with each tag.
한편, 본 발명에서는 저작기능에 포함시킬 정보내용과 프로그램을 XML 기반 사용자 정의 태그로 정의할 수 있다. 예를 들어, 웹 상에서 제공될 정보 중 시험문제 정보가 있다면 XML 기반 사용자 정의 태그로 도 11에 도시된 바와 같이 기술할 수 있다.Meanwhile, in the present invention, the information content and the program to be included in the authoring function may be defined as XML-based user-defined tags. For example, if there is a test question information among information to be provided on the web, it may be described as shown in FIG. 11 by an XML-based custom tag.
도 11에서 각 태그들 즉, 문제지, 문제, 질문, 선택항목은 브라우저에서 읽혀져 사용자에게 특정한 형태로 보여지고 지정된 동작을 수행해야 한다. 각 태그가 어떻게 보여질 것인지(rendering)와 어떻게 동작할 것인지(processing)를 정의하는 핸들링 컴포넌트를 결합하되 각기 상황과 목적에 맞게 동적으로 결합되도록 한다. 즉, 문제를 출제하는 사용자의 브라우저에서는 상기한 내용이 편집하기에 적합한모양으로 보여지도록 하고 입력 또는 수정 등의 기능을 수행하도록 하는 컴포넌트를 결합하고, 문제를 풀이하는 사용자의 브라우저에서는 답 체크 기능, 채점 기능, 정답 해설 기능 등을 수행하는 컴포넌트를 결합하게 된다.In FIG. 11, each tag, that is, a questionnaire, a problem, a question, and a selection item, is read by a browser, is shown to a user in a specific form, and performs a specified operation. Combine handling components that define how each tag will look (rendering) and how it will be processed (processing), but allow them to be dynamically combined for each situation and purpose. In other words, in the browser of the user who questions the problem, the above contents are displayed in a form suitable for editing, and the components that perform a function such as input or correction are combined. In the user's browser that solves the problem, the answer check function, You will combine components that perform scoring and answer commenting functions.
상기와 같은 방식으로 웹 게시판, 웹 메일, 웹 채팅 등 대부분의 웹 프로그램 역시 위지윅 편집이 가능하게 된다. 또한, 이와 같은 본 발명의 기술적 사상은 프로그램 설계 및 구현에도 적용시킬 수 있으며, 기본 정보체계를 XML 문서로 유지하면서 유무선 및 임베딩 시스템 등에도 적용시킬 수 있다.In the same manner as above, most web programs such as web bulletin boards, web mails, and web chats can also be edited in Wikiwick. In addition, the technical idea of the present invention can be applied to program design and implementation, and can be applied to wired / wireless and embedding systems while maintaining the basic information system as an XML document.
이상의 본 발명은 상기에 기술된 실시예들에 의해 한정되지 않고, 당업자들에 의해 다양한 변형 및 변경을 가져올 수 있으며, 이는 첨부된 청구항에서 정의되는 본 발명의 취지와 범위에 포함된다.The present invention is not limited to the embodiments described above, and various modifications and changes can be made by those skilled in the art, which are included in the spirit and scope of the present invention as defined in the appended claims.
이상에서 살펴본 바와 같이, 본 발명의 웹사이트 제작을 위한 웹페이지 생성 및 편집방법을 적용하면, 전문 프로그래머가 아닌 사용자가 자신이 원하는 기능과 정보를 갖은 웹 시스템을 위지윅으로 제작할 수 있기 때문에 기존에 비해 웹사이트 제작에 소요되는 비용과 시간을 줄일 수 있는 효과가 있다.As described above, by applying the web page generation and editing method for the production of the website of the present invention, a user who is not a professional programmer can produce a web system having the desired functions and information as Wiziwick compared to the conventional This can reduce the cost and time required to produce a website.
또한, 사용자는 실재 작동하는 화면과 동일한 화면에서 편집 작업을 수행할 수 있기 때문에 웹사이트 제작에 흥미를 유발시킬 수 있는 효과가 있다.In addition, since the user can perform the editing work on the same screen as the actual screen, there is an effect that can induce interest in the website production.
Claims (3)
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| KR1020020012341A KR20030073001A (en) | 2002-03-08 | 2002-03-08 | Method for creating and editing web page to produce web site |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| KR1020020012341A KR20030073001A (en) | 2002-03-08 | 2002-03-08 | Method for creating and editing web page to produce web site |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| KR20030073001A true KR20030073001A (en) | 2003-09-19 |
Family
ID=32223878
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| KR1020020012341A Ceased KR20030073001A (en) | 2002-03-08 | 2002-03-08 | Method for creating and editing web page to produce web site |
Country Status (1)
| Country | Link |
|---|---|
| KR (1) | KR20030073001A (en) |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| KR100523512B1 (en) * | 2004-06-24 | 2005-10-25 | 박희섭 | Methods and the program-recording medium for creating, editing and trading home page components to assemble a home page and a personal portal site directly in wysiwyg on web browser |
| WO2007102711A3 (en) * | 2006-03-09 | 2007-11-01 | Ncsoft Japan K K | Apparatus and method for changing web design |
| KR100784633B1 (en) * | 2006-06-05 | 2007-12-12 | 박희섭 | How to make a homepage by assembling the components of a two-layer structure edited in a wiki style in a web browser |
| KR100861052B1 (en) * | 2006-07-27 | 2008-09-30 | (주)누보커뮤니케이션즈 | Method of providing a web application that runs on a web browser and a recording medium thereof |
| KR100958786B1 (en) * | 2007-10-08 | 2010-05-18 | 엔에이치엔(주) | Web document editing method and device |
| WO2023128285A1 (en) * | 2021-12-29 | 2023-07-06 | 주식회사 엠몬스타 | Webpage production support method and system for producing adaptive webpages by assembling content in block units to which grid rules are applied |
-
2002
- 2002-03-08 KR KR1020020012341A patent/KR20030073001A/en not_active Ceased
Cited By (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| KR100523512B1 (en) * | 2004-06-24 | 2005-10-25 | 박희섭 | Methods and the program-recording medium for creating, editing and trading home page components to assemble a home page and a personal portal site directly in wysiwyg on web browser |
| WO2006001641A1 (en) * | 2004-06-24 | 2006-01-05 | Heeseob Park | Methods and the program-recording medium for creating, editing and trading home page components to assemble a home page and a personal portal site directly in wysiwyg on web browser |
| WO2007102711A3 (en) * | 2006-03-09 | 2007-11-01 | Ncsoft Japan K K | Apparatus and method for changing web design |
| KR100805170B1 (en) * | 2006-03-09 | 2008-02-21 | 엔씨소프트 재팬 가부시키 가이샤 | Web design change device and method |
| KR100784633B1 (en) * | 2006-06-05 | 2007-12-12 | 박희섭 | How to make a homepage by assembling the components of a two-layer structure edited in a wiki style in a web browser |
| KR100861052B1 (en) * | 2006-07-27 | 2008-09-30 | (주)누보커뮤니케이션즈 | Method of providing a web application that runs on a web browser and a recording medium thereof |
| KR100958786B1 (en) * | 2007-10-08 | 2010-05-18 | 엔에이치엔(주) | Web document editing method and device |
| WO2023128285A1 (en) * | 2021-12-29 | 2023-07-06 | 주식회사 엠몬스타 | Webpage production support method and system for producing adaptive webpages by assembling content in block units to which grid rules are applied |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| JP4162209B2 (en) | Active ALT tags in HTML documents to improve accessibility for users with audiovisual disabilities | |
| CN104636139B (en) | One kind visualizes cross-platform mobile application exploitation and generation system | |
| US8176417B2 (en) | Constructing and maintaining web sites | |
| JP5089684B2 (en) | Technology for generating service programs | |
| US7287229B2 (en) | Template-driven process system | |
| US20080172608A1 (en) | Site builder | |
| US20040068554A1 (en) | Web service-enabled portlet wizard | |
| US8930824B2 (en) | Facilitating propagation of user interface patterns or themes | |
| US20060123356A1 (en) | Dynamic and updateable computing application panes | |
| KR20090080981A (en) | Set of portlets for use within the client environment, regardless of server resources | |
| US20090037801A1 (en) | Method and apparatus for automatic user manual generation | |
| US20040268249A1 (en) | Document transformation | |
| CN112068824A (en) | Webpage development preview method and device and electronic equipment | |
| JP2001084212A (en) | Method for preparing homepage | |
| KR101619845B1 (en) | System and method for building homepage | |
| US20080010591A1 (en) | Web forms creation and reporting tool | |
| US7568003B2 (en) | Publishing interface for publishing content from a content-authoring application to a content server | |
| JP2004272871A (en) | Method and system for extracting and distributing data in web contents | |
| US9075891B2 (en) | Method and device for editing an object represented in a web page | |
| KR20030073001A (en) | Method for creating and editing web page to produce web site | |
| US20080016458A1 (en) | Smart page with prescribed format, layout and function boxes | |
| JP2010262548A (en) | Data providing method and server | |
| JP2002366352A (en) | Apparatus for supporting web application development | |
| US20100287292A1 (en) | Method, apparatus and computer program product for generating a content website in a data communications network | |
| WO2006046667A1 (en) | Document processing device and document processing method |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| A201 | Request for examination | ||
| PA0109 | Patent application |
Patent event code: PA01091R01D Comment text: Patent Application Patent event date: 20020308 |
|
| PA0201 | Request for examination | ||
| PG1501 | Laying open of application | ||
| E902 | Notification of reason for refusal | ||
| PE0902 | Notice of grounds for rejection |
Comment text: Notification of reason for refusal Patent event date: 20040325 Patent event code: PE09021S01D |
|
| N231 | Notification of change of applicant | ||
| PN2301 | Change of applicant |
Patent event date: 20040408 Comment text: Notification of Change of Applicant Patent event code: PN23011R01D |
|
| E601 | Decision to refuse application | ||
| PE0601 | Decision on rejection of patent |
Patent event date: 20040913 Comment text: Decision to Refuse Application Patent event code: PE06012S01D Patent event date: 20040325 Comment text: Notification of reason for refusal Patent event code: PE06011S01I |