KR101822059B1 - Method for providing responsive web solution and recording medium storing program for executing the same, and recording medium storing program for executing the same - Google Patents

Abstract

The present invention relates to a method of providing a responsive web solution, a recording medium storing a program for implementing the method, and a computer program stored in a medium for implementing the method. More particularly, A method of providing a responsive web solution capable of purchasing a template code (skin code), which is a built-in code of a package selected from among a plurality of images, And a computer program stored in the medium for implementing the medium.

Description

TECHNICAL FIELD [0001] The present invention relates to a response type web solution providing method, a recording medium storing a program for implementing the same, and a computer program stored in a medium for implementing the same. THE SAME}

The present invention relates to a method of providing a responsive web solution, a recording medium storing a program for implementing the method, and a computer program stored in a medium for implementing the method. More particularly, A method of providing a responsive web solution capable of purchasing a template code (skin code), which is a built-in code of a package selected from among a plurality of images, Media and computer programs stored on media for implementing the same.

Recently, due to the development of the computer industry and the telecommunication industry and the dissemination of Internet private lines, the number of websites of enterprises and individuals has been increasing exponentially. A homepage or a web page is a file produced in HTML (Hyper Text Markup Language), and collectively refers to image media stored in a server and displayed through a browser accessed through the web.

In other words, the home page refers to the web page that appears when the web browser is launched. The homepage can be viewed on a personal computer (PC), such as a magazine article, on which a sentence and a picture are arranged. Here, the information includes a link, so that the topic related to the homepage It is possible to go to the home page. The topics or topics that are linked to are displayed on the home page (characters or buttons displayed in color) so that users can move from the home page to the home page following the link. You can also go to the home page you want to view using the home page address, which is the URL, such as in newspapers or magazines.

A typical homepage is largely composed of a program part for implementing various functions such as a page name, a menu, a graphic part, a flash part, and a member login, a board, a product search, and a shopping cart. When design coding is passed on to the programmer, the programmer must program the design coding to produce the homepage.

As a result, the costs (salaries) paid to professional staff such as web designers and web programmers related to the homepage production are considerable. In addition, frequent movements of professional staff such as web designers and web programmers are causing serious disruption to the sales and profits of agencies. This also puts a heavy burden on the users who have requested the agent to make the homepage.

Accordingly, conventionally, a portal service company such as Hihome, Freechal, Me2u2, Daum, and Naver provides a homepage creation / management wizard function for homepage creation / management so that users can easily create a homepage.

Nevertheless, users need to prepare various contents, images and contents for home page creation and management and manage them directly or through a web hosting company. Therefore, it takes a long time to produce the homepage, There is a problem that additional cost is required to store and manage a lot of information in a hosting company's account.

As such, it is not easy for ordinary Internet users who do not have the expertise or experience to make homepages to produce homepages, so they are commissioned by a company specialized in homepage production.

At this time, the cost of production of the homepage is determined according to the components of the homepage. The cost required for the basic construction work, the time required for the content usage fee, and the fee for the content usage are small. It is taking a procedural time.

Because it takes such a lot of time and money, it is sometimes burdensome to open a homepage in a private business or a small business site. In some cases, even after opening a homepage, when an Internet user visits the homepage, And it is difficult to carry out continuous updating.

That is, the home page should not be created and finished once, but should be easy to modify, change, and add later. If you simply look at the price and do not take care of all the other parts, you may get a lot of money when you make modifications, changes or additions, or you may lose the company itself and go to work again.

In recent years, users are accessing the web from a variety of devices, including PCs, tablets and mobile devices. Therefore, in order to optimize the web production to various devices, a reactive type web (reactive type web) in which the web shape is automatically changed to the most optimized shape for each device is being produced.

Korean Patent No. 10-1091773 discloses a homepage creation system and method for incorporating and coding a program.

Korea registered patent [10-1091773] (Registration date: December 02, 2011)

SUMMARY OF THE INVENTION Accordingly, the present invention has been made keeping in mind the above problems occurring in the prior art, and it is an object of the present invention to provide an image processing apparatus and a method thereof, A method of providing a responsive web solution capable of purchasing a template code (skin code) as a built-in code and generating a responsive homepage based on the acquired code, a recording medium storing a program for implementing the responsive web solution, and a computer program stored in a medium for implementing the method .

The objects of the embodiments of the present invention are not limited to the above-mentioned objects, and other objects not mentioned can be clearly understood by those skilled in the art from the following description .

According to an aspect of the present invention, there is provided a method of providing a responsive web solution, the method comprising: generating a program through execution of an operation processing means including a computer, The present invention provides a response type web solution providing method for providing a web page to a user terminal and displaying a web page to be displayed in a screen matching the resolution of the user terminal, (S10) for entering a member registration procedure by inputting the member registration step (S10); A purchase of a template code (skin code), which is a built-in code of a skin package consisting of one or more selected from among HTML, CSS (cascading style sheets), Jquery, Less (Lesscss) A skin code assigning step (S20) for proceeding with the procedure; A homepage creation step (S30) of creating a homepage using the template code that has been purchased from the user terminal through the homepage creation means; And a home page registration step (S40) of storing the generated home page file and registering the homepage on the home page registration server through the home page registration and management means.

The template code is characterized by using one or a plurality of client files selected from DAT, DTD, XML, and JSON.

The template code is composed of one or a plurality of files selected from DAT, DTD, and XML, and is equipped with a spectrum engine that performs all security, approval, and validation from connection to homepage.

In addition, the above-mentioned spectrum engine can start a specification tree engine by starting inspection and inspection in read / write / viewing / proceeding of an application program of a plug-in-out, , It is possible to classify and operate block members and members separately, and to designate different administrators to manage members, and when a visitor accesses a web site, Reads and executes a backup template code (skin code), calls up a template code (skin code), displays a layout of a website, and provides stored information.

In addition, the template code is characterized by being able to customize the administrator page and the user page by using a programming language used for producing a web document.

In addition, the template code is a synchronization code which is a synchronization module for supporting the function in the front-end by actually replacing information and functions set by the back-end in a web page .

In addition, the homepage creation step (S30) is characterized in that a solution program according to plug-in-out is configured.

In step S30, the user can modify the skin included in the template code, which has been purchased from the user terminal, using the user terminal, and supports modification, deletion and registration of Jquery and various application programs, Is equipped with the necessary technology and can be programmed.

According to an embodiment of the present invention, there is provided a computer-readable recording medium on which a program for implementing the reactive web solution providing method is stored.

According to an embodiment of the present invention, a program stored in a computer-readable recording medium is provided to implement the reactive web solution providing method.

According to a method of providing a responsive web solution according to an embodiment of the present invention, a recording medium storing a program for implementing the method, and a computer program stored in a medium for implementing the method, HTML, CSS (cascading style sheets), Jquery, Less (Skin code), which is a built-in code of a skin package which is composed of one or a plurality of skin packages selected from among a plurality of skin files (Skin, Lesscss, and Image), so that non-experts can easily construct and manage the homepage.

In addition, there is an effect that the homepage can be easily renewed only by changing the template code (skin code).

In addition, by using client files such as DAT, DTD, XML, JSON, etc., it is possible to reduce the load on the server and to eliminate problems such as loading of websites and errors.

In addition, since a spectrum engine that performs all the security, approval, and inspection from the connection to the homepage to the end is mounted, the security and the error are minimized.

In addition, by making the administrator page and the user page skin, there is an effect that it is easy for the person who intends to build the homepage to intuitively select.

In addition, even if only Front-End engineers exist, it can create many renewal skins and apply them easily, so that all functions of the website can be controlled.

In addition, since the solution program according to various plug-in-outs can be applied, the function to be constructed can be easily implemented.

1 is a flow diagram of a method of providing a responsive web solution in accordance with an embodiment of the present invention.
2 is a conceptual diagram showing an example of configuring a spectrum engine of a method of providing a responsive web solution according to an embodiment of the present invention;
3 is a conceptual diagram showing an example of a specification engine algorithm of a method of providing a responsive web solution according to an embodiment of the present invention;
4 is an exemplary view showing an example of a web page applied by changing a skinned template code of a method of providing a responsive web solution according to an embodiment of the present invention;
5 illustrates an example of a coded source and replacement code of an HTML file of a method of providing a responsive web solution according to an embodiment of the present invention.
6 is a conceptual diagram showing an example of plug-in of a method of providing a responsive web solution according to an embodiment of the present invention;
7 is an exemplary diagram illustrating an example of a code editor of a method for providing a responsive web solution according to an embodiment of the present invention;

While the invention is susceptible to various modifications and alternative forms, specific embodiments thereof are shown by way of example in the drawings and will herein be described in detail. It is to be understood, however, that the invention is not to be limited to the specific embodiments, but includes all modifications, equivalents, and alternatives falling within the spirit and scope of the invention.

It is to be understood that when an element is referred to as being "connected" or "connected" to another element, it may be directly connected or connected to the other element, .

On the other hand, when an element is referred to as being "directly connected" or "directly connected" to another element, it should be understood that there are no other elements in between.

The terminology used herein is for the purpose of describing particular embodiments only and is not intended to be limiting of the invention. The singular expressions include plural expressions unless the context clearly dictates otherwise. In the present application, the term "comprises" or "having ", etc. is intended to specify the presence of stated features, integers, steps, operations, elements, parts, or combinations thereof, And does not preclude the presence or addition of one or more other features, integers, integers, steps, operations, elements, components, or combinations thereof.

Unless otherwise defined, all terms used herein, including technical or scientific terms, have the same meaning as commonly understood by one of ordinary skill in the art to which this invention belongs. Terms such as those defined in commonly used dictionaries are to be interpreted as having a meaning consistent with the meaning in the context of the relevant art and are to be construed as ideal or overly formal in meaning unless explicitly defined in the present application Do not.

Hereinafter, the present invention will be described in more detail with reference to the accompanying drawings. Prior to this, terms and words used in the present specification and claims should not be construed as limited to ordinary or dictionary terms, and the inventor should appropriately interpret the concept of the term appropriately in order to describe its own invention in the best way. The present invention should be construed in accordance with the meaning and concept consistent with the technical idea of the present invention. Further, it is to be understood that, unless otherwise defined, technical terms and scientific terms used herein have the same meaning as commonly understood by one of ordinary skill in the art to which this invention belongs. Descriptions of known functions and configurations that may be unnecessarily blurred are omitted. The following drawings are provided by way of example so that those skilled in the art can fully understand the spirit of the present invention. Therefore, the present invention is not limited to the following drawings, but may be embodied in other forms. In addition, like reference numerals designate like elements throughout the specification. It is to be noted that the same elements among the drawings are denoted by the same reference numerals whenever possible.

FIG. 1 is a flowchart illustrating a method of providing a responsive web solution according to an exemplary embodiment of the present invention. FIG. 2 is a conceptual diagram illustrating an exemplary configuration of a request engine of a method of providing a responsive web solution according to an exemplary embodiment of the present invention. FIG. 3 is a conceptual diagram illustrating an example of a spectrum engine algorithm of a method of providing a responsive web solution according to an embodiment of the present invention. FIG. FIG. 5 is an exemplary view showing a coded source and replacement code of an HTML file of a method of providing a responsive web solution according to an embodiment of the present invention, FIG. 6 is a conceptual diagram illustrating an example of plug-in-out of a method for providing a responsive web solution according to an embodiment of the present invention. FIG. A view illustrating an example of a method for providing a code editor.

Prior to the description, the terms used in this specification (and claims) will be briefly described.

The reactive web is a web page that is automatically adjusted to optimize the size of the screen according to the type of display.

People who mainly design HTML and CSS while designing the user screen of a website are mainly called web publishers, web designers or web developers. In the past, they were also called HTML coders, hardcoders, handcoders, and others like UI developers, markup developers, or HTML developers, such as portals and game companies. A traditional web developer who deals with server-side languages such as ASP and JSP is called a server-side developer or a back-end developer, and on the contrary, it is also called a client-side developer or front-end developer.

Front-End refers to a technology (program) that deals with client files (HTML, JS, CSS, ETC Client tech).

Back-End refers to all the skills (programs) you can handle in the invisible realm. It is a technology to program the server site language that communicates with server such as PHP, ASP, ASPX, JSP in web IT in general and it is separate from the technology to program and build and design JAVA, C ++, C #, Fortran, Visual Basic, .

An example of a basic sequence for markup development is as follows (for convenience, the word step is used but not necessarily the order it should be followed).

Step 1 - Environmental analysis and system deployment

At the planning stage, conduct an environmental analysis of the project. Here, the environment means the number of servers and server side development personnel in which a site is operated and maintained, and the like. What web server and database server are used? What will you do with encoding, and what will be the most important DTD definition for an HTML document? Where do you share your server side developers in implementing your scripts? How do I configure the directory and leave the image server separate? How far will cross-browser support work? To investigate various systematic human environments that can be considered before the introduction of a project such as how to secure major accessibility issues, and to suggest the necessary conditions for markup development to planners so that they can be reflected in the storyboard. Especially, the problem of securing web accessibility needs to be discussed enough because the applicable range is limited according to the capabilities of designer and server side developer. (Having documented that web publishers handle these web accessibility issues without discussion, server-side developers often misunderstand that web publishers can do it alone.)

Step 2 - Structural Design (HTML Design)

When a planning document (storyboard) is created from the planner, an HTML document is created based on this. The HTML document at this time has no design applied and has the most basic skeleton form of the site (accessibility must be secured while maintaining the linearity of the contents). Check the site navigation and process through the completed HTML to fix the problem. This can be the most basic prototype of the site, and problems found at this stage can be fixed more quickly and easily.

Step 3 - Style Sheet Design (CSS Design)

Once the design has been completed (or phased in) by the designer, the style is created and applied on top of the HTML document. If two or more web publishers work together, Senior will design the master CSS and let junior work through it.

Step 4 - Script Development

Check the whole process through the storyboard and check and catalog the 'behavior' elements that can be implemented without server side interlocking. Step 3 You can save the trouble of post-production by pre-writing the script beforehand or preparing the necessary script. If your site is quite large, or if you have a lot of scripting, you might want to use a library like jQuery. However, it is a good idea to agree with the server side developers when using these libraries. Sometimes a site with a mix of prototype.js and jQuery opens up. This is very inefficient.

Step 5 - Test and Validation Check

Testing is the process of determining whether the values of the site navigation and link elements are normal, and should follow the appropriate links in an environment where server-side development has not been done. Especially, we do not omit the link of the list, view, and write screen of the bulletin board or pass it to the server side development without modifying the dead link, and neatly handle it for the convenience of collaboration. Validation is a page-level grammar check on HTML and CSS. You can save time by using HTML Validator, an extension of Firefox, or by using Dreamweaver's validation. However, since the functions of HTML Validator or Dreamweaver may not be the same as the validation of W3C, separate W3C validation is performed for main page or main page.

Step 6 - Web Accessibility Check

Make sure that the completed site (server side development completed) has sufficient web accessibility. If server-side developers find that the syntax of HTML, CSS, or Script is not compliant with the standard or restricts accessibility, it can be modified through feedback. Web accessibility check can use NIA's K-WAH.

Step 7 - Documentation

The process of leaving a document through a series of processes is more important than anything else. In the first phase, the system can be analyzed and the basic information can be set up as a basic guide by documenting the findings and decisions in securing web accessibility and determining the standardization level. During the second to sixth stages, various issues between collaborations can arise, and if they are sorted by issue list (tentative name), mistakes and mistakes can be reduced in the future project. Finally, when the site is open, document the results of the W3C validation and web accessibility check of the main page and make it a reference document for maintenance or later renewal.

As described above, there are a lot of things to consider in order to build a homepage. However, it is almost impossible for ordinary users, not experts, to build a homepage considering all of these factors.

The present invention is for purchasing a template code (skin code) designed by experts, so that general users, not experts, can easily construct a homepage.

1, a method for providing a responsive web solution according to an exemplary embodiment of the present invention is a program executed by an arithmetic processing means including a computer. The method includes generating, registering, and modifying a homepage through a network And a management service, the method comprising: a subscription step (S10); a skin code assigning step (S20); A home page creation step S30 and a home page registration step S40.

In the subscription step S10, the management server receives the user information including the unique identification information from the user terminal, and proceeds with the subscription procedure.

At this time, the terminal connected to the membership becomes the user terminal, and the terminal that has performed the member authentication is also the user terminal.

The user terminal is a general user terminal (a computer, a mobile device, a smart device, or the like) that can be wired or wirelessly connected to the Internet.

Here, a smart device refers to a product that is not limited in function but can be changed or expanded substantially through an application program. Examples include smartphones, tablets, smart watches, smart bracelets, and smart rings.

The personal information includes unique identification information and may further include a name, a sex, a date of birth, a contact (telephone, address, e-mail, etc.), a withdrawal account, This is to reduce the labor of inputting other additional information by performing member authentication (login) using the unique identification information after membership registration.

Further, it goes without saying that personal information can be added to, deleted from, or changed to a user terminal that has performed login (member authentication) even after member registration.

The unique identification information includes at least one of a specific IP, a public certificate, an ID and a password, a MAC address, an International Mobile Station Equipment Identity (IMEI) A user device identification (UDID), a universally unique identifier (UUID), and a telephone number.

For example, in the case of a computer, member authentication can be performed using a specific IP, a public certificate, an ID and a password, a MAC address, etc. In the case of a mobile device and a smart device, (MAC) address, an International Mobile Station Equipment Identity (IMEI), a User Device IDentification (UDID), a Universally Unique IDentifier (UUID) To perform member authentication

A MAC address (media access control) address is an address of a network device in the MAC layer in a network structure, and is usually stored in the ROM of the network card.

A User Device IDentification (UDID) is an identifier for identifying a user device. It is a kind of serial number.

A Universally Unique Identifier (UUID) is a 128-bit number used to identify an object or entity on the Internet. It is a nearly uniquely identifiable identifier made up of a combination of space and time (up to about 3400 years), and is used for a variety of purposes ranging from extremely short time objects to permanent object identification. There is no registration procedure for certification bodies, but only a unique identification number of the generic single identifier generation program is required. For example, if a certain product's MAC address is stored in a specific server, a problem such as leakage of personal information may occur, so that it can be used as an identifier for storing and storing a MAC address.

Various unique identification information (identifiers) have been described above, and one device can have a plurality of unique identification information.

For example, if the mobile phone is capable of Wi-Fi and Bluetooth communication, it has various unique identification information such as an identifier (UDID) of the mobile phone device itself, a MAC address for the Wi-Fi chip, and a MAC address for the Bluetooth chip.

The skin code assigning step S20 is a step in which the management server receives from the user terminal that has performed member authentication an embedded code of one or more skin packages selected from HTML, cascading style sheets (CSS), Jquery, Less (Lesscss) Proceed with the purchase procedure of the template code (skin code).

Template code (skin code) is a basic skin design made by experts. It is a skin (skin) composition made by experts according to keywords related to business, food, tea, wedding, yoga, beauty and shopping mall.

That is, when a user who wants to build a homepage selects a skin design that he likes and makes a payment, a template code (skin code) in which a basic configuration such as a main menu, a submenu, and a screen configuration is completed can be purchased, Code) can be used to build a homepage.

The template code may be a client file composed of one or more selected from among DAT, DTD, XML, and JSON.

That is, by using client files such as DAT, DTD, XML, and JSON among the file extensions, it is possible to reduce the load on the server, and to eliminate the problems such as loading of websites and errors.

Since the conventional homepage is a hard coding type rather than a solution type, it is very complicated and difficult to construct DAT and DTD files. The reason is that the functions to configure each page are different, and it is necessary to continue to transfer the import functions every time the function is configured. Also, streaming by loading the corresponding file every time the cyberpage is connected is quite troublesome to the server and FTP Because it is a dangerous element, it is difficult to construct DAT and DTD files.

The DAT file is a local data file that stores the data, and the DTD file is a file that transfers the hash data of the shell script, which is hardly handled by the hardcoded engineer.

An extensible markup language (XML) file is a language created by dramatically improving HTML to create an Internet web page. Web page building function and search function have been improved, and it is convenient to add and create web pages. In addition, homepage building function and search function are improved than HTML, and complex data processing of client system is facilitated. It also makes it easier for Internet users to create and manage what they want to add to the Web. In addition, HTML files can not support structured data like a database on a Web page, but XML can manipulate the user's structured database the way it should. Structurally, XML documents follow the standard generalized markup language (SGML) document format. Because XML can be called a subset of SGML, it can be thought of as an application or abbreviated form of SGML.

JSON (JavaScript Object Notation) is an open standard format that uses human-readable text to convey data objects consisting of attribute-value pairs. For asynchronous browser / server communications (AJAJ), it is a major data format that largely replaces XML (using AJAX). In particular, it is known as a way of expressing the data when exchanging data on the Internet. There is no particular restriction on the type of data, and it is particularly suitable for representing variable values in computer programs. It is originally derived from the JavaScript language and conforms to the syntax of JavaScript, but is a language-independent data format. This means that the code for parsing and generating JSON data is easily available in many programming languages, including C, C ++, C #, Java, JavaScript, Perl, and Python, because it is programming language and platform independent.

The template code is composed of one or a plurality of files selected from DAT, DTD, and XML, and is equipped with a specification engine for performing all security, approval, and inspection from connection to homepage.

The engines developed for use in the method of providing a responsive web solution according to an embodiment of the present invention are all dealt with because DAT and DTD files are most important.

The SpecLogic engine has the ability to defend as much as possible from a third party and is backed up with responsibility for source security, enabling rapid data recovery.

FIG. 2 shows an example in which a spectrum engine is constructed. That is, the spectrum engine can be configured by applying the technique of FIG.

The HTML5 Socket Builder is a module that allows you to configure your website with HTML5 files.

Program objectification can be used to objectize all the programs and to load the logic embedded in the functions in a program defined outside the path, and to synchronize various web sites.

Linux Leaf Sockets is a program that checks functions and logic in a program file, finds elements that are compatible with the engine, learns them, and reflects them on the Web site.

The DTD shell script prototype is a starting program for running the engine. It is the basic core file of the engine which can not execute the security and algorithm configuration because the engine is not activated when the file is not constituted.

The DAT file access algorithm invokes .dat, a file set in the solution, to establish the overall configuration of the website.

The JS, CSS partition switch is an add-on to the engine that is compatible with the Template Module (HTML5 Socket Builder).

The specification engine starts verification and inspection at the time of reading / writing / viewing / proceeding an application program of PlugIn-Out to drive the specification tree engine, and allows the plug- / Non-allowance, it is possible to classify and operate block members and members separately, and also the authority to manage members can be specified differently for each manager. When a visitor accesses a website, the backup template (Skin code), reads the template code (skin code), displays the layout of the website, and provides the stored information.

Here, the backup template code (skin code) is for protecting the information by backing up the template code (skin code) disclosed by the spectrum engine.

In other words, the spectrum engine becomes a main axis and collects necessary elements of the web site by managing all access information and approval, and proceeds based on the collected information.

FIG. 3 shows an example of a spectrum engine algorithm.

Check security tokens to verify administrator / member unique codes, establish website / administrator / member / partner / non-member websites, check the solution program by plug-in, send website information, .

The template code is a programming language used for producing a web document, such as an administrator page and a user page, and is customizable by skinning (a web page can be renewed) by skinning (a technique such as HTML5 / CSS3 / JQUERY) can do.

The template code can be customized easily by using techniques such as HTML5 / CSS3 / JQUERY by skinning both the manager page and the user page, and easily renewing the website at any time.

That is, as shown in FIG. 4, the website renewal can be completed within one minute by changing the skinned template code.

HTML 5 (hypertext markup language 5) is the latest standard of hypertext markup language (HTML), the basic programming language used to produce abstract web documents. It embodies brilliant graphic effects on the Internet browser without any additional program, You can freely appreciate it. Since 2004, the Web Hypertext Application Technology Working Group (WHATWG) has begun work to make HTML 5 the next key standard in HTML and will officially announce it as a technology standard in 2014. As a result, global IT companies such as Apple, Microsoft, Google, and Facebook have entered a fierce competition to take the lead in the HTML 5 era. As a representative example, the world's largest social network service Facebook is scheduled to be released by the end of 2012 when HTC, a Taiwanese smartphone maker, plans to launch Facebook's phone with HTML 5, the next-generation Internet standard.

CSS (Cascading Style Sheets, Dependent Sheets, or Cascading Style Sheets) is a language that describes how the markup language is actually displayed. It is used primarily in HTML and XHTML, and can also be used in XML. It is a W3C standard and has a high degree of freedom in defining layout and style. If the markup language is responsible for the body of the website, it can be said that CSS is responsible for decorating clothes and accessories. In other words, if you change only the CSS file while maintaining the HTML structure, you can make it look like a completely different website. CSS3 currently under development has added the ability to replace images created with graphics editing programs such as shadow effects, gradients, and deformations. In addition, various animation functions have been added to replace Adobe Flash to some extent.

jQuery is a browser-compatible HTML-based JavaScript library and is designed to simplify the client-side scripting language. John Regy was officially introduced at the 2006 Barcamp NYC in New York City. jQuery is one of the most popular JavaScript libraries today. jQuery is a free open-source software with dual licenses of the MIT license and the GNU General Public License v2. The syntax of jQuery is designed to make it easier to view code, find document object models, create animations, control events, and develop Ajax. In addition, jQuery provides developers with the ability to develop plug-ins.

The template code is a substitution code that is a synchronization module for supporting the function in the front-end by actually replacing information and functions set by the back-end in a web page .

Figure 5 shows the coded source and replacement code of the HTML file. The red code indicates the replacement code.

In the manner shown in FIG. 6, upon modification or modification after storage, the web site is immediately applied to not only visitors and users but also real-time applications.

In other words, even if you only know the information of the FTP server, you can directly log in and download the corresponding HTML, CSS, JS, etc., and upload the modified file.

This substitution code method is very useful and unique in that it is more special, unique, or challenging to new framework depending on the position of substitution code, information extrusion, You can build a website.

The homepage creation step S30 generates a homepage using the template code that has been purchased from the user terminal through the homepage generation means.

The required configuration is required by the solution itself, and the optional configuration is the only part that is specified as Skin. The optional configuration alone will not launch the website, and the website will be launched with the necessary configuration approval scheme.

The homepage creation step (S30) may be characterized in that a solution program according to plug-in-out is configured.

Figure 6 shows an example of a plug-in-out.

The plug-in system is a system that automatically builds up the appropriate environment according to the setting contents at the time of installation, and can add functions in the future to manage the functions.

That is, the components of the website are reconfigured according to various environments, and the query response can be checked through the normalization of the database (DataBase). In addition, this can eliminate the need for unnecessary Web site resources to build effective Web site optimization.

The plug-in system can be configured in various configurations such as Doming Soon setting, name setting, advertisement manager, Mmol solution, form master, and form project.

The Doming Soon setting is a setting that shows the launch countdown of the website on the website screen.

Membership settings are a plug-in that takes up a significant portion of the overall usage of the website service, which is responsible for important aspects such as membership level, subscription form, membership status, statistics, etc., and is reflected in real time on the website according to various settings.

Advertising managers can include product and event advertisements, affiliate advertisements, and premium advertisements within a website. It is a plugin designed to generate additional revenue by providing services to advertisers who need marketing.

Emol solution is a solution that contains all necessary functions for small and medium sized shopping mall establishment. It has all functions such as general merchandise management, order management, sales management, coupon and point setting from PG company setting.

FormMaster is a plug that is used to operate offline documents for business purposes online. It is a program that enables you to categorize documents such as contracts, purchase orders, delivery documents, bills and sign-ups online, collect them in the database, and check them anytime and anywhere.

The form project is similar in function to the same principle as the form master, but with different event occurrences. FoamMaster is a function that induces occurrences in a limited area, but it is an all-around form collection plug-in that protrudes from all pages of the form project except for the areas of M-MOL, M Multiplatform, and Form Master.

The design map is a program that can register, delete, modify, etc. the files to be used in solution program by HTML, CSS, JS, and other plug-in-out. FIG. 7 shows an example of a code editor used to modify files such as HTML, CSS, and JS. In other words, you can directly edit, delete, modify, and control various technologies such as HTML, CSS, and JS that make up a website.

Web log access statistics management compiles statistics for all users visiting the website in real time, conducts statistics, and analyzes the previous web addresses, search terms, and inflow routes and provides them to the web site administrator.

You can apply various systems such as name management, bulletin board management, advertisement manager management, brand story management, form-master, form-project, web-log, design map.

In step S30, the user can modify the skin included in the template code purchased from the user terminal using the user terminal. The user can modify, delete, and register Jquery and various application programs. And can be characterized by being equipped with the technology and being able to be programmed.

In other words, publishers can change the components of any website. This is not a difficult task for a publisher who can deal with HTML, CSS, JS only if he or she can construct a desired web site (refer to FIG. 7).

The website registration step S40 stores a file for the generated homepage through the homepage registration and management means, and registers the homepage on the homepage registration server.

At this time, it is possible to make an internal inspection and test request to the management server, and after the internal inspection and testing is completed, the manager information can be sent by e-mail or the like, and the opening procedure can be completed in accordance with the guidance of the person in charge.

The method of providing a responsive web solution according to an exemplary embodiment of the present invention is a method of purchasing a skin design, which can assign a template code (skin code) to a plug-in based on a template code (skin code) You can organize your solution program and open the completed homepage. At this time, if a section requiring expert help occurs, sufficient support is available so that experts can receive help through the management server.

In other words, the template code (skin code) of the method of providing a responsive web solution according to an embodiment of the present invention is programmed and solutionized from the viewpoint of a developer, and in view of the purchaser, Launching a response-type web solution providing method according to an embodiment of the present invention can maximize profitability in the future.

Although the method of providing a responsive web solution according to an embodiment of the present invention has been described above, it is possible to provide a responsive web solution providing method for implementing a responsive web solution providing method, It goes without saying that a program stored in a computer-readable recording medium may also be implemented.

That is, those skilled in the art will readily understand that the above-described reactive web solution providing method may be provided in a recording medium that can be read by a computer by tangibly embodying a program of instructions for implementing the same. In other words, it can be implemented in the form of a program command that can be executed through various computer means, and can be recorded on a computer-readable recording medium. The computer-readable recording medium may include program commands, data files, data structures, and the like, alone or in combination. The program instructions recorded on the computer-readable recording medium may be those specially designed and configured for the present invention or may be those known and available to those skilled in the computer software. Examples of the computer-readable medium include magnetic media such as hard disks, floppy disks and magnetic tape, optical media such as CD-ROMs and DVDs, and optical disks such as floppy disks. Magneto-optical media and hardware devices specifically configured to store and execute program instructions such as ROM, RAM, flash memory, USB memory, and the like. Examples of program instructions include machine language code such as those produced by a compiler, as well as high-level language code that can be executed by a computer using an interpreter or the like. The hardware device may be configured to operate as one or more software modules to perform the operations of the present invention, and vice versa.

It will be understood by those skilled in the art that various changes in form and details may be made therein without departing from the spirit and scope of the invention as defined by the appended claims.

S10: Membership phase
S20: Steps to assign skin code
S30: Homepage creation step
S40: Homepage registration step

Claims (10)

The present invention relates to a method and apparatus for providing a web page including a web page creation, registration, modification, and management service through a network, A method for providing a reactive web solution, the method comprising:
A member registration step (S10) in which a management server receives user information including unique identification information from a user terminal and proceeds with a membership registration procedure;
A purchase of a template code (skin code), which is a built-in code of a skin package consisting of one or more selected from among HTML, CSS (cascading style sheets), Jquery, Less (Lesscss) A skin code assigning step (S20) for proceeding with the procedure;
A homepage creation step (S30) of creating a homepage using the template code that has been purchased from the user terminal through the homepage creation means; And
A homepage registering step (S40) of storing a file for the homepage created through the homepage registration and management means and registering the homepage on the homepage registration server;
, ≪ / RTI &
The template code
DAT, DTD, and XML, and is equipped with a spectrum engine that performs all security, approval, and validation from connection to homepage.
delete delete The method according to claim 1,
The spectrum engine
Start the specification tree engine by inspecting and inspecting the PlugIn-Out application from read / write / view / progress and check whether the plugin-out is allowed or not. The block member and the member can be separately classified and operated, and the authority to manage the member can also be specified differently for each administrator. When the visitor accesses the website, the backup template code (skin code) Reads a template code (skin code), displays the layout of the website, and provides the stored information.
The method according to claim 1,
The template code
Wherein the manager page and the user page are skinned into a programming language used to produce a web document, and customization can be performed.
The method according to claim 1,
The template code
And a substitution code which is a synchronization module that supports the function to be activated in the front-end by actually substituting information and functions set by the back-end into a web page. How to provide web solutions.
The method according to claim 1,
The homepage creation step (S30)
And a solution program according to plug-in-out is configured.
The method according to claim 1,
The homepage creation step (S30)
The skin included in the template code that has been purchased from the user terminal can be modified using the user terminal, and the modification, deletion, and registration of Jquery and various application programs are supported, and the technology necessary for the renewal can be programmed Wherein the method comprises the steps of:
A computer-readable recording medium storing a program for implementing the reactive web solution providing method according to any one of claims 1 and 4 to 8.
A program stored in a computer-readable recording medium for implementing the method for providing a reactive web solution according to any one of claims 1 to 8.

Images