KR100852495B1 - Web editing system and method for providing web editing system - Google Patents

Abstract

Disclosed are a web editing system and a method for providing a web editing system. The web editing system includes a user interface unit for receiving an input signal output from a data input device, a source editing unit capable of editing a source constituting a web page based on data input through the user interface unit, and at the source editing unit. Compile module for selectively compiling at least one of the syntax or web accessibility of the source being edited.

Description

Web editing system and method for providing web editing system}

BRIEF DESCRIPTION OF THE DRAWINGS In order to better understand the drawings cited in the detailed description of the invention, a brief description of each drawing is provided.

1 is a block diagram of a web editing system according to an embodiment of the present invention.

2 illustrates a user interface of a web editing system according to an embodiment of the present invention.

3 shows a user interface at the time of editing using the WYSIWYG function of the web editing system according to the embodiment of the present invention.

4 illustrates a state in which an editing function is disabled by a locking function at the time of editing using the WYSIWYG function of the web editing system according to an exemplary embodiment of the present invention.

5 is a table illustrating web accessibility checking criteria according to an embodiment of the present invention.

6 is a view for explaining a preview function according to an embodiment of the present invention.

The present invention relates to a web editing system. More particularly, the present invention relates to a web editing system and a method of providing the same, in which web accessibility is checked and a solution is provided when the web accessibility is not met.

With the rapid development of the Internet, it has now become a huge repository of information. One of the side effects of this rapid development is the occurrence of the digital divide. The information gap can also be caused by the Internet-enabled environment, that is, infrastructure, which is a problem for infrastructure, but it can also be caused by a hierarchy of people who are vulnerable to certain obstacles or specific functions.

Web accessibility refers to ensuring that any user (disabled person, elderly person, etc.) can access and use all the information provided by the web site without being affected by the internet environment. That is, everyone who wants to access web content can access it regardless of which computer, operating system, or web browser they are using, and regardless of their environment.

This concept of web accessibility does not restrict people with disabilities from using inaccessible content such as graphic images or video materials for their access rights, so that these multimedia content can be easily accessed by a broader class of people. The main purpose is to suggest a way to organize the content.

Accordingly, in the United States, Web Accessibility Guidelines (WCAG, etc.) have already been defined in the standards for web accessibility and the US Rehabilitation Act, and in Korea, the standards for web accessibility have been defined as part of government policy. It is prescribed and recommended.

However, this concept of web accessibility is still unfamiliar to many web developers or web designers, and in reality, there are not many web pages or sites that are created in consideration of such web accessibility.

In addition, the conventional web editing system only checks whether the source code constituting the web page or the web site conforms to the syntax of the corresponding language (eg, various markup languages such as HTML and XML). The ability to inspect or compile, it's hard to know whether you've followed the web accessibility standards from the beginning of building a web page using a web editing system, and how to apply the code standards for web accessibility in words. Is not a problem.

Also, due to the recent complexity and diversification of web sites or web pages, there are frequent cases where a developer who develops content of a web site and a person who inputs simple data into the web site are divided and working together. You need the ability to prevent other collaborators from modifying parts that you no longer need to edit.

Therefore, it is possible to immediately check on the web editing system how well the web site or web content suits the web accessibility, and display information on the error generated as a result of checking the syntax or web accessibility on the edit screen, and correcting the test result. There is a great need for a web editing system and a method of providing the same, which are provided with a lock function so that editing is not possible and various preview functions are provided for editing based on a standard for web accessibility.

Accordingly, the technical problem to be achieved by the present invention is to provide a web editing system and a method of providing the same that can check or compile a web accessibility standard as well as check a syntax of a web site or web content.

Another technical problem to be achieved by the present invention is a web editing system and a method of providing the same, which enables a user to easily edit by displaying information on an error generated as a result of a syntax or web accessibility check on an edit screen directly. To provide.

Another technical problem to be solved by the present invention is a web having a locking function to prevent other users from changing the source code during an unintended change or collaboration during programming work for a part that has no abnormality as a result of checking syntax or web accessibility. It is to provide an editing system and a method of providing the same.

Another technical problem to be solved by the present invention is that the website or content is recognized by a person with a disability (e.g., color blindness) in order to edit or develop the website or content to meet the standards for web accessibility. It is to provide a web editing system having a preview function and a method of providing the same.

Web editing system for achieving the technical problem is a source interface for receiving an input signal output from the data input device, a source editing unit for editing a source constituting a web page based on the data input through the user interface unit And a compilation module for selectively compiling at least one of syntax or web accessibility of the source being edited by the source editing unit.

The source editing unit may include a WYSIWYG editing module capable of editing the source with a WYSIWYG (What you see is what you get) function, and a text editing module capable of editing the source in a text form.

The web editing system further includes a database for storing the check criteria for the web accessibility, wherein the compilation module retrieves the check criteria for the check target code from the database, and parses the source under editing while checking the check target code. When to check the check target code based on the search criteria found.

The web editing system further includes a database for storing the inspection criteria for the web accessibility, and the compilation module retrieves the inspection criteria for the check target code from a predetermined storage device of the server through a wired / wireless communication network. When parsing the source being edited and the check target code is met, the check target code may be inspected based on the search criteria.

The web editing system further includes a source input / output module for accessing a target site to be edited through a wired / wireless communication network, receiving a content source of the target site, and transmitting the content source of the received target site to the source editing unit. It can be provided.

The source I / O module may reflect the content source edited by the source editing unit to the target site.

The compilation module may compile the source and store information about an error code, which is a code corresponding to an error, and error information, which is information about the error, in the database.

The source editing unit receives the information on the error code and the error information from the compilation module or the database, and the content corresponding to the information on the error code based on the received information on the error code and the error information. Alternatively, a predetermined mark can be displayed in the source code.

The information on the error code may include at least one of the source code corresponding to the error code or the location of the source code corresponding to the error code.

The error information may include at least one of an error or a warning.

The web editing system may further include a preview module for converting content corresponding to the source being edited by the source editing unit to correspond to a preview condition output from the user interface unit.

The preview condition may include at least one of a text mode, a color blindness / color weakness mode, or a voice mode.

The web editing system may include a locking module that receives a component selection signal output from the user interface unit and outputs an edit prevention signal to the source editing unit such that a source portion of a component corresponding to the component selection signal cannot be edited. It may be further provided.

The source editing unit receives the edit prevention signal output from the lock module and changes the source part when a signal for selecting a source part of the selected component in response to the edit prevention signal is input through the user interface unit. At least one function may be disabled.

The source editing unit may display a predetermined mark indicating a locking function on a source portion of a component corresponding to the component selection signal.

Web editing system for achieving the technical problem is a source interface for receiving an input signal output from the data input device, a source editing unit for editing a source constituting a web page based on the data input through the user interface unit And a preview module for converting the content corresponding to the source being edited by the source editing unit to correspond to the preview condition output from the user interface unit.

Web editing system for achieving the technical problem is a source interface for receiving an input signal output from the data input device, a source editing unit for editing a source constituting a web page based on the data input through the user interface unit And a lock module for receiving the component selection signal output from the user interface unit and outputting an edit prevention signal to the source editing unit such that the source portion of the component corresponding to the component selection signal cannot be edited. The source editing unit receives the edit prevention signal output from the lock module and changes the source part when a signal for selecting a source part of the selected component in response to the edit prevention signal is input through the user interface unit. Can at least do The feature can be disabled.

The method for providing a web editing system for achieving the technical problem comprises the steps of: receiving a source from the outside by a web editing system; editing the source received by the web editing system based on data received through a data input device; And selectively compiling, by the web editing system, at least one of syntax or web accessibility of the edited source.

The receiving of the source from the outside may include accessing a target site to be edited by the web editing system through a wired / wireless communication network and receiving a content source of the target site.

The method for providing a web editing system may further include reflecting the edited source to the target site.

The method for providing a web editing system includes storing information about an error code, which is a code corresponding to an error, and error information, which is information about the error, in the database, and storing the information on the error code and the error information. The method may further include displaying a predetermined mark on content or source code corresponding to the information about the error code.

The method of providing a web editing system may further include converting content corresponding to the edited source to correspond to a preview condition output from the data input device.

The web editing system providing method may include at least one function of receiving a component selection signal output from the data input device and changing the source portion such that a source portion of a component corresponding to the component selection signal cannot be edited. It may further comprise the step of disabling.

The method for providing a web editing system may further include displaying a predetermined mark indicating a locking function on a source portion of a component corresponding to the component selection signal. The web editing system providing method may be stored in a recording medium.

In order to fully understand the present invention, the operational advantages of the present invention, and the objects achieved by the practice of the present invention, reference should be made to the accompanying drawings which illustrate preferred embodiments of the present invention and the contents described in the accompanying drawings.

In addition, in the present specification, when one component 'transmits' data to another component, the component may directly transmit the data to the other component, or through at least one other component. Means that the data may be transmitted to the other component.

On the contrary, when one component 'directly transmits' data to another component, it means that the data is transmitted from the component to the other component without passing through the other component.

Hereinafter, exemplary embodiments of the present invention will be described in detail with reference to the accompanying drawings. Like reference numerals in the drawings denote like elements.

1 is a block diagram of a web editing system according to an embodiment of the present invention.

Referring to FIG. 1, the web editing system 100 according to the present invention includes a user interface unit 120, a source editing unit 110, and a compilation module 140. The web editing system 100 may further include a source input / output module 130, a database 150, a preview module 160, or a locking module 170. Modules may be implemented in software or hardware, or may be implemented by a combination of software and hardware.

The user interface 120 receives an input signal output from the data input device 500. The user interface unit 120 may receive all signals input by the user to the web editing system 100. The user interface 120 may receive the input signal from each of the functional blocks (eg, the source editing unit 110, the source input / output module 130, the compilation module 140, or the pre-processing block) to which the input signal is to be processed. Display module 160, etc.), and the web editing system 100 may output a separate controller (not shown) to output the input signals received by the user interface 120 to the respective functional blocks. May be further provided.

That is, the input signal may be a signal input for editing a source code that a user wants to edit, and various functions (eg, opening, saving, compiling, or previewing a file) included in the web editing system 100 may be used. Etc.) may be a signal selected through a predetermined interface (eg, a pop-up menu or a pull-down menu). If the input signal is a signal for editing the source code, the user interface 120 may output the input signal to the source editing unit 110. If the input signal is a signal for executing the file open function, the user interface 120 may output the input signal to a function block or a module (not shown) that performs the file open function.

The data input device 500 is a device for generating the input signal that the user outputs to the web editing system 100, and the data input device 500 is a system provided with the web editing system 100. Can vary.

That is, the web editing system 100 may be provided in a computer such as a desktop, a notebook, or a laptop, or a wireless terminal such as a mobile phone or a PDA. When the web editing system 100 is implemented in a computer, the data input may be performed. The device 500 may be a wired / wireless keyboard, a mouse, or the like. When the web editing system 100 is provided in a wireless terminal, the device 500 may be a button unit provided in the wireless terminal.

The source editing unit 110 edits a source constituting a web page based on the data input through the user interface unit 120. The source editing unit 110 includes a WYSIWYG editing module 111 for editing the source with a WYSIWYG (What you see is what you get) function and a text editing module 113 for editing the source in a text form. It can be provided.

The source includes textual source code or content corresponding to the source code generated by the WYSISYG function (eg, a picture or a table). In addition, the source may comprise various markup languages (eg, HTML, XML, XHTML, or SGML, etc.) and / or programming languages (eg, CGI, C, BASIC, JAVA, PHP, SCRIPT, etc.)

The source editing unit 110 selectively activates either the WYSIWYG editing module 111 or the text editing module 113 (eg, displays the editing window 220-1 or the editing interface as shown in FIG. 3). Alternatively, the editing window 220 as shown in FIG. 2 may be displayed), and the WYSIWYG editing module 111 or the text editing module 113 may be simultaneously activated.

When the source editing unit 110 simultaneously activates the WYSIWYG editing module 111 or the text editing module 113, the contents edited through any one editing module may be reflected to the other editing module in real time. Can be. For example, if a user inserts a predetermined table through the WYSIWYG editing module 111, the source code corresponding to the inserted predetermined table may be inserted in a text editing window in real time.

The compilation module 140 may selectively compile at least one of syntax or web accessibility of the source being edited by the source editing unit 110.

 Compilation in the present specification is a series of processes for inspecting part or all of the source code to be correctly represented on a web page or the web, or converting the source code into another predetermined language that can be recognized by a web browser or the like as necessary. It may mean including.

Compiling the syntax of the source under editing refers to compiling a series of grammars defined in the language corresponding to the source, and compiling the syntax may perform a function similar to a compilation function provided in a conventional general web editing system. It may be. Thus, the compilation of the syntax of the source will not be described in detail.

Compiling the web accessibility of the source being edited means compiling whether the source meets certain criteria for web accessibility. That is, although the source may express content corresponding to the source without an error (error) of syntax in a web browser or the like, the source may be inconsistent with web accessibility.

In order to compile the web accessibility of the source described above, the web editing system 100 may further include a database 150 that stores a check criterion for the web accessibility. The check criteria for the check target code are retrieved from the database 150, and if the check target code is encountered while parsing the source being edited, the check target code is checked based on the retrieved check criteria.

The database 150 may be implemented in a hard disk drive, a magnetic disk drive, and an optical disk drive, and may also be implemented in a Bernoulli cartridge, random access memory (RAM), ROM, or the like.

In addition, the database 150 may be implemented in a single table, or may be implemented in a separate table form. In addition, it may be implemented in various ways such as linked-list, tree, relational DB, etc., and includes all data storage media and data structures capable of storing the inspection criteria.

The compilation module 140 retrieves a check criterion for the check target code from the database 150 to perform compilation for the web accessibility of the source.

The compilation module 140 analyzes the syntax of the source (eg, HTML code of the corresponding component) received from the source editing unit 110.

The check target code may be preset codes (eg, a tag portion of the HTML code) for determining whether to conform to web accessibility. Since it is not necessary to examine the entire web page code to determine web accessibility, it is possible to check web accessibility by searching only the parts necessary to satisfy web accessibility standards.

The inspection criteria are rules set forth in at least one web accessibility standard (e.g., various national or organizational guidelines, such as WCAG (Web Content Accessibility Guidelines) or Korean Web Content Accessibility Guidelines (KWCAG)). Means the criteria given as the rules of the corresponding code to implement the web page.

Since the standard of web accessibility is not presented as a rule of code capable of implementing a web page, but is a rule presented in natural language, the rule of code corresponding to the rule presented in natural language may be stored in advance in the database 110.

The standard of web accessibility suggests considerations in designing a web document. If there is a visual impairment that cannot recognize information or visual ability is low, the hearing impairment cannot recognize acoustic information through hearing. If you have a physical disability, such as paralysis of the nervous system, paralysis of the musculoskeletal system, or congenital malformations, or a language impairment in reading or sentence comprehension, or a disability that prevents you from using a keyboard or mouse, If you have a disability that makes it difficult to speak or understand according to the language applied-for example, you don't understand content written in a foreign language, or you can't do what you need because you are using your sight, hearing, or hand- If you are driving or working in a noisy place If you are restricted by your environment rather than a disability, you may encounter difficulties due to different types or versions of your web browsers.

An example in which such matters may occur is shown in FIG. 5.

5 is a table illustrating web accessibility checking criteria according to an embodiment of the present invention.

Referring to FIG. 5, the code rule of the Rule item shown in the table of FIG. 5 is a natural language of "providing a substitute text for audio / visual content" included in the WCAG 1.0 guideline, which is a web accessibility standard. The rules presented in the KWCAG 1.0 guideline and the natural language of the KWCAG 1.0 guideline, `` Ease of Recognition: Must be provided so that all users can recognize the content regardless of the type of disability except for the content that cannot be expressed in writing '' as the code rule. It is shown.

In addition, the rule for the alt attribute of the image tag IMAGE TAG among the check target codes corresponding to the rules presented in the natural language is presented.

That is, to check the rules of the above-described web accessibility standard, there may be various check target codes. In FIG. 5, a code rule for an alt attribute of an image tag among various check target codes is taken as an example. The check target code and the code rule may be changed according to the type of language (code) of the source.

In addition, a report type item represents error information when a code included in the source violates a code rule included in a rule item. For example, 'error' may be a report type in case of a violation of a code rule, and 'warning' may be a report type in case of a violation of another code rule. Such error information (errors or warnings, etc.) may be classified into several classes and is not limited to the name representing each class.

The database 150 preferably stores the inspection criteria as shown in FIG. 5, and provides information on the guidelines of the web accessibility standard (eg, the guidelines of WCAG 1.3.2) corresponding to each inspection criteria. It is desirable to store.

In addition, the compilation module 140 retrieves a preset test condition from the database 150 or the predetermined storage device (not shown), and retrieves a test criterion corresponding to the search condition from the database 150. can do. The compilation module 140 may receive the test condition from the data input device 500 and store the test condition in the database 150 or the predetermined storage device (not shown), or may use a preset initial test condition. In addition, when a compilation request signal (for example, a compilation function selection from a pull-down menu) is received from the data input device 500, a message for setting the inspection condition may be displayed on the display apparatus.

For example, the inspection condition may be variously set such as information on a web accessibility standard, an error level, or information on a test target.

The information about the web accessibility standard among the inspection conditions may enable the user to check whether the web accessibility conformity only for the desired standard (eg, WCAG and / or KWCAG).

The inspection condition may be set in advance by a user, and the compilation module 150 may search the database 150 for inspection criteria corresponding to the found inspection condition.

In addition, the compilation module 140 may retrieve the inspection criteria from a predetermined storage device 310 of the server 300 through a wired / wireless communication network. That is, the inspection criteria may be stored in the database 150 of the web editing system 100, and the predetermined storage device of the server 300 of the web service for providing the web editing system 100. The data stored in the 310 may be transmitted to the compilation module 140 through the wired / wireless communication network when the user wants to edit the source being edited.

In addition, the web editing system 100 includes respective functional blocks or modules (not shown) for performing functions (for example, file storage, editing, drawing, drawing a table, etc.) included in a conventional general editor. Of course, the web editing system 100 may include a user computer in real time or in the form of a module in the server 300 of the web service for providing a service for checking whether the web accessibility is in accordance with a standard. May be provided.

The source input / output module 130 accesses the target site 400 to be edited through a wired / wireless communication network, receives a content source of the target site 400, and receives the content source of the target site 400. May be transmitted to the source editing unit 130.

That is, a user of the web editing system 100 may input and generate a source constituting a web page or content from the beginning. If there is a source that is already completed or edited, the user of the web editing system 100 may load the source that is completed or edited (eg "Open File" or "Load"), or content sources from target sites already built on the Web.

In addition, the source I / O module 130 may reflect the content source edited by the source editing unit 110 to the target site.

That is, the source input / output module 130 is a predetermined device (eg, a code of the target site 400 is stored in the content source of the target site 400 edited by the user through the source editing unit 110). It may be stored directly in the target server (eg, through a file transfer protocol (FTP)), so that the target site 400 may reflect the edits made by the user. To this end, it is preferable to know in advance the location information where the original code of the target site 400 is stored. In addition, it is preferable to obtain in advance the authority to access the device in which the original code of the target site 400 is stored from the system configuring the target site 400.

The compilation module 140 may compile the source and store information about an error code, which is a code corresponding to an error, and error information, which is information about the error, in the database 150.

The information on the error code may include at least one of the source code corresponding to the error code or the location of the source code corresponding to the error code. That is, when an error occurs as a result of the compilation by the compilation module 140, the compilation module 140 causes the source code that caused the error or the location of the source code that caused the error (for example, a few lines of the entire source code ( line)) may be stored in the database 150. In addition, the error information may include at least one of an error or a warning. That is, it may indicate information about the grade of the error.

The source editing unit 110 receives the information about the error code and the error information from the compilation module 140 or the database 150, and based on the received information about the error code and the error information. A predetermined mark may be displayed on the content or the source code corresponding to the information on the error code.

3 shows a user interface at the time of editing using the WYSIWYG function of the web editing system according to the embodiment of the present invention.

Referring to FIG. 3, FIG. 3 illustrates an editing interface 220-1 when the WYSISYG editing module of the source editing unit 110 is activated, and the 'Company Logo' part of the compilation performed by the compilation module 140. And an error has occurred in the table part.

The source editing unit 110 may directly receive the information on the error code and the error information from the compilation module 140, and the compilation module 140 may receive the information on the error code and the information. Error information may be stored in the database 150, and the source editing unit 110 may receive information about the error code and the error information from the database 150. Based on the received information about the error code (for example, the location of the error code) and the error information (for example, an error or a warning), the source editing unit 110 may display error marks 221 and 223 or a warning mark. 225 may be displayed on the editing interface 220-1.

The shape, size, and the like of the predetermined mark may be varied according to an embodiment, and the source editing unit 110 may display the predetermined mark even when the source is compiled for syntax. It can also be displayed when compiled for accessibility.

In addition, even when the text editing module 113 of the source editing unit 110 is activated (for example, as shown in 220 of FIG. 2), the source editing unit 110 may move the predetermined mark to a position close to an error code. Can also be displayed.

The web editing system 100 may further include a preview module 160 for converting content corresponding to the source being edited by the source editing unit 110 to correspond to a preview condition output from the user interface unit. have.

The preview condition may include at least one of a text mode, a color blindness / color weakness mode, or a voice mode.

That is, the preview module 160 converts the content corresponding to the source to be the same as that recognized by people with a disability to access the content.

For example, if the content corresponding to the source is a picture and the user selects the text mode of the preview condition through the preview interface 227, the preview module 160 replaces the picture instead of the picture. The text can be displayed or the picture and the text can be displayed together.

This means that all content that can be written in `` non-text contents '' of the KWCAG 1.1 guideline should be marked with text that has the same meaning or function as the content. If there is no text to replace the picture as a function corresponding to ", nothing may be displayed. Thus, the user can preview how the content of the source that the user is editing is perceived by those who have difficulty in recognizing the picture, and accordingly edit the content (e.g., replace the picture and the text to replace the picture with the content). To be included).

Alternatively, if the content corresponding to the source is a picture, and the user selects the color blindness / color weakness mode among the preview conditions through the preview interface 227, the preview module 160 displays the color blindness / color of the picture. It can be converted and displayed in the same way that a person with a color weakness recognizes it.

6 is a view for explaining a preview function according to an embodiment of the present invention.

Referring to FIG. 6, the original content is a picture composed of four parts 10, 20, 30, and 40, and two parts 10 and 40 of the four parts 10, 20, 30, and 40 are red. If two of the four parts 10, 20, 30, and 40 are green, the preview module 160 is composed of the four parts 10, 20, 30, and 40. Can be converted and displayed as shown in Figure 50. That is, it can be converted and displayed in the same manner as recognized by a person with a disorder of red green blind or red green medicine. The preview module 160 may have a function of converting content to correspond not only to red green blinds or color blindness but also to other types of color blindness / color weakness.

Alternatively, if the content corresponding to the source is a picture and the user selects the voice mode among the preview conditions through the preview interface 227, the preview module 160 replaces the picture instead of the picture. You can play with voice that you can. In other words, it is possible to check in advance how it is perceived by people with visual impairments, and accordingly, it is possible to edit (eg, include a voice file that can replace a picture in the content) to meet web accessibility.

The web editing system 100 receives the component selection signal output from the user interface unit 120 and sends the source editing unit 110 to the source editing unit 110 so that the source portion of the component corresponding to the component selection signal cannot be edited. A lock module 170 may be further provided to output the edit prevention signal.

That is, when the user selects at least one of the contents of the source and selects the locking function through the locking interface 229, the locking module 170 may not edit the content selected by the source editing unit 110. The edit prevention signal is output.

4 illustrates a state in which an editing function is disabled by a locking function at the time of editing using the WYSIWYG function of the web editing system according to an exemplary embodiment of the present invention.

Referring to FIGS. 3 and 4, when a user selects (eg, clicks) a content indicating 'company logo' and selects a lock function through the lock interface 229, the lock module 170 stores the source. The edit prevention signal may be output to the editing unit 110, and the source editing unit 110 may not edit the selected component based on the received component selection signal and the edit prevention signal. In order to make the selected component unable to be edited, the source editing unit 110 displays the selected component ('company logo') as shown in FIG. 4 in a predetermined method (eg, faintly displayed or grayed out). In addition, a predetermined mark 227 indicating a locking function may be displayed on the source portion of the component. Of course, the shape, size, and the like of the predetermined mark may vary.

In addition, the source editing unit 110 receives the edit prevention signal output from the lock module 170 and selects a source portion of the selected component in response to the edit prevention signal (eg, 'company logo'). When a portion is selected and the input interface 224 is selected), at least one function for changing the source portion may be disabled when the input interface 224 is input through the user interface 120.

That is, as shown in FIG. 4, the lock module 170 outputs the anti-editing signal to the source editing unit with respect to the source portion (eg, the 'company logo' portion) (that is, the 'company logo' portion Lock), and when the user selects the source portion (ie, the 'company logo' portion (e.g., click)), the source editing unit 110 can change the source portion (the 'company logo' portion). Interfaces (eg, 'attribute input', 'image input') capable of executing a function (eg, 'attribute input', 'image input', 'table input', etc. of the input interface 224 in FIG. 4). , Or 'table input', etc.), so that the user can not select it .. As such, the source editing unit 110 not only disables the interface of the functions for changing the source part, but also in other forms. An input signal (e.g., the It is also preferable to disable the signals dragged after selecting the source part.

2 illustrates a user interface of a web editing system according to an embodiment of the present invention.

Referring to FIG. 2, the user interface 200 of the web editing system 100 may include a component area 210 capable of displaying components of the source being edited and an editing interface 220 capable of editing the source. ), An error list area 230 in which an error list is displayed, and a help area 240 in which help corresponding to the error list is displayed.

The user interface 200 illustrated in FIG. 2 is merely an example, and the location and shape of each region may vary.

The component area 210 may display a predetermined interface (a tree in FIG. 2) corresponding to elements of a source directly input by a user or a source input from the outside.

As shown in FIG. 2, the text editing module 113 may be activated, and the WYSIWYG editing module 111 may be activated in the editing interface 220. ) And the WYSIWYG editing module 111 may be activated.

The error list area 230 may display an error list based on information on error codes and error information stored in the database 150.

The help area 240 may display a help corresponding to the error list displayed in the error list area 230, that is, information for solving an error included in the error list.

The error list or the help may be generated when compiling for syntax, or even when compiling for web accessibility.

When the user interface 200 receives a selection signal for selecting a component displayed in the component area 210 from the data input device 500, the user interface 200 receives a source for a component corresponding to the received selection signal. The error list corresponding to the component corresponding to the received selection signal may be displayed on the editing interface 220 and displayed in the error list area.

That is, as shown in FIG. 2, the component area 210 is configured in a tree shape, and when the user selects (eg, clicks) some components in the tree, the editing interface 220 displays the selected component. A corresponding code may be displayed, and an error list generated by a code corresponding to the component may be displayed in the error list area 230.

In addition, the user interface 200 receives a signal for selecting one of the error lists displayed in the error list area 230 from the data input device 500, and responds to an error selected based on the received signal. The corresponding help may be displayed in the help area 240.

That is, when the user selects (eg, clicks) one of the error lists displayed in the error list area 230, a help item corresponding to the selected error item may be displayed in the help area 240.

 In addition, a source (code) corresponding to the selected error item may be displayed in the editing area. That is, when the user selects an error item, the code corresponding to the selected error item is displayed on the editing interface 220 so that the user can conveniently edit the content by referring to the error solving information displayed in the help area 240. can do. The help to be displayed in the help area 240 may vary depending on the type of error, and the various types of help may be stored in the database 150 in advance.

The invention can also be embodied as computer readable code on a computer readable recording medium. Computer-readable recording media include all types of recording devices that store data that can be read by a computer system. Examples of computer-readable recording media include ROM, RAM, CD-ROM, magnetic tape, floppy disk, hard disk, optical data storage, and the like. The computer readable recording medium can also be distributed over network coupled computer systems so that the computer readable code is stored and executed in a distributed fashion. And functional programs, codes and code segments for implementing the present invention can be easily inferred by programmers in the art to which the present invention belongs.

Although the present invention has been described with reference to one embodiment shown in the drawings, this is merely exemplary, and those skilled in the art will understand that various modifications and equivalent other embodiments are possible therefrom. Therefore, the true technical protection scope of the present invention will be defined by the technical spirit of the appended claims.

As described above, the web editing system according to the present invention has the effect of not only checking the syntax of a website or web content, but also checking or compiling the web accessibility standard.

In addition, the user can easily edit the information on the error generated as a result of the syntax or web accessibility check directly on the edit screen.

In addition, for the part where there is no abnormality in the result of checking the syntax or web accessibility, it is equipped with a lock function to prevent other users from changing the source code during the unintended change or collaboration in programming, Even when programming by yourself, it has the effect of increasing stability.

In addition, in order to edit or develop a website or content in accordance with the standards for web accessibility, the website is provided with a preview function in the same way that the website or content is recognized by a person with a disability (eg, color blindness). Alternatively, it is possible to check in advance whether the content is in conformity with web accessibility.

Claims (25)

A user interface unit for receiving an input signal output from the data input device; A source editing unit capable of editing a source constituting a web page based on data input through the user interface unit; A compilation module for selectively compiling at least one of syntax or web accessibility of the source being edited by the source editing unit; And And a database storing the inspection criteria for the web accessibility, The source editing unit, A WYSIWYG editing module capable of editing the source with a WYSIWYG (What you see is what you get) function; And A text editing module capable of editing the source in text form, The compilation module, Search criteria for the target code to be checked in at least one of a predetermined storage device of the database or a server that can be connected to a wired / wireless communication network; Web editing system for checking the check target code. delete delete delete According to claim 1, The web editing system, A web editing system further includes a source input / output module for accessing a target site to be edited through a wired / wireless communication network, receiving a content source of the target site, and transmitting the content source of the received target site to the source editing unit. . The method of claim 5, wherein the source input and output module, Web editing system for reflecting the content source edited in the source editing unit to the target site. The method of claim 1, wherein the compilation module, And the compilation module compiles the source and stores information about an error code, which is a code corresponding to an error, and error information, which is information about the error, in the database. The method of claim 7, wherein the source editing unit, Receiving information about the error code and the error information from the compilation module or the database, And displaying a predetermined mark on content or source code corresponding to the information on the error code based on the received information about the error code and the error information. The method of claim 8, wherein the information about the error code, And at least one of the source code corresponding to the error code or the location of the source code corresponding to the error code. The method of claim 8, wherein the error information, A web editing system comprising at least one of an error or a warning. According to claim 1, The web editing system, And a preview module for converting the content corresponding to the source being edited by the source editing unit so as to correspond to the preview condition output from the user interface unit. The method of claim 11, wherein the preview condition, A web editing system comprising at least one of text mode, color blindness / color weakness mode, or voice mode. The system of claim 1, wherein the web editing system is And a locking module for receiving an element selection signal output from the user interface unit and outputting an edit prevention signal to the source editing unit such that the source portion of the element corresponding to the element selection signal cannot be edited. system. The method of claim 13, wherein the source editing unit, At least one of receiving the edit prevention signal output from the lock module and changing the source part when a signal for selecting a source part of the selected component in response to the edit prevention signal is input through the user interface unit; Web editing system that disables the functionality of the. The method of claim 13, wherein the source editing unit, And a predetermined mark indicating a locking function on a source portion of a component corresponding to the component selection signal. A user interface unit for receiving an input signal output from the data input device; A source editing unit capable of editing a source constituting a web page based on data input through the user interface unit; A compilation module for selectively compiling at least one of syntax or web accessibility of the source being edited by the source editing unit; And And a preview module for converting the content corresponding to the source being edited by the source editing unit to correspond to the preview condition output from the user interface unit. A user interface unit for receiving an input signal output from the data input device; A source editing unit capable of editing a source constituting a web page based on data input through the user interface unit; A compilation module for selectively compiling at least one of syntax or web accessibility of the source being edited by the source editing unit; And A lock module for receiving an element selection signal output from the user interface unit and outputting an edit prevention signal to the source editing unit such that the source portion of the element corresponding to the element selection signal cannot be edited; The source editing unit receives the edit prevention signal output from the lock module and changes the source part when a signal for selecting a source part of the selected component in response to the edit prevention signal is input through the user interface unit. A web editing system that disables at least one function that can be enabled. The web editing system receiving a source from the outside; Editing the source received by the web editing system based on data received through a data input device; And Selectively compiling, by the web editing system, at least one of syntax or web accessibility of an edited source, Editing the source based on the data received through the data input device, Editing the source with a WYSIWYG (What you see is what you get) function or editing the source in text form, Selectively compiling at least one of syntax or web accessibility of an edited source by the web editing system, Search criteria for the code to be checked in at least one of a predetermined storage device of a server that can be connected to a database or a wired / wireless communication network, and if the code to be checked is encountered while parsing the source being edited, And checking the check target code. The method of claim 18, wherein receiving a source from the outside comprises: And accessing the target site to be edited by the web editing system through a wired / wireless communication network and receiving a content source of the target site. The method of claim 19, wherein the web editing system is provided. And reflecting the edited source to the target site. The method of claim 18, wherein the web editing system is provided. Storing information about an error code, which is a code corresponding to an error, and error information, which is information about the error, as a result of compilation; And And displaying a predetermined mark on content or source code corresponding to the information on the error code based on the information on the error code and the error information. The method of claim 18, wherein the web editing system is provided. And converting the content corresponding to the edited source to correspond to the preview condition output from the data input device. The method of claim 18, wherein the web editing system is provided. Receiving at least one component selection signal output from the data input device and disabling at least one function capable of changing the source portion such that the source portion of the component corresponding to the component selection signal cannot be edited Method for providing a web editing system provided. The method of claim 23, wherein the web editing system is provided. And displaying a predetermined mark indicating a locking function on a source portion of a component corresponding to the component selection signal. A recording medium having recorded a computer program for performing the method according to any one of claims 18 to 24.

Images