KR102170306B1 - System and Method for Managenting Unification Site Based on Layout Template - Google Patents

Abstract

The present invention relates to an integrated site management system and method that provides a solution for opening a home page using a design editing mode of a drag and drop method based on a layout template, and provides expandability for mobile services through basic provision of responsive web pages. will be. The layout template-based integrated site management system of the present invention manages site opening and site information management, basic menu setting, service suspension for basic opening setting of a homepage, managing provided bulletin boards, contents, templates, visitors, and membership registration. , A system management unit that provides statistics on the status of posts and provides member operation services; A site management unit that provides services for basic information, detailed information, domain management, terms and conditions management, and data management, and provides a template and a design editing service after selecting the template; And a design editing unit that implements a template using a responsive web in which a web shape is automatically changed for each device when a home page displayed on a web browser is produced.

Description

System and Method for Managenting Unification Site Based on Layout Template}

The present invention provides a solution for opening a homepage by using a design editing mode of a drag and drop method based on a layout template, and an integrated site management that provides extensibility for mobile services through basic provision of responsive web pages. It relates to systems and methods.

Due to the recent development of the computer industry and the telecommunications industry and the spread of dedicated Internet lines, the number of homepages of companies and individuals is increasing exponentially. A homepage or web page is a file produced in HTML (Hyper Text Markup Language), which is a generic term for image media stored in a server and displayed through a browser accessed through the web.

In other words, the homepage refers to a web page that appears when a web browser is launched. The homepage is a personal computer (PC) where you can view the screen on which text and text are arranged, like a magazine article, and it contains information called a link, so you can use this link to go to the topic or other homepages related to the homepage. It is possible to move. Linked topics or topics are displayed on the homepage (colored characters or buttons), and you can move from the homepage to the homepage by following this link. You can also go to the homepage you want to see by using the homepage address of the URL listed in newspapers or magazines.

A typical homepage is largely composed of a design part consisting of page name, menu, graphic, etc., and a program part to implement various functions such as member login, bulletin board, product search, shopping cart, etc. To attach a program to the homepage, a designer design If you code and pass it to the programmer, the programmer has to program the design coding and create a home page.

Accordingly, the cost (salary) paid to professional personnel such as web designers or web programmers related to homepage production occupies a significant portion. In addition, the frequent movement of professional personnel such as web designers and web programmers is causing a big disruption in the sales and profit creation of agencies. This is also a great burden for users who have requested a website to be produced by an agency.

Therefore, in the related art, in order to allow users to simply create a home page, portal service companies such as Hihome, Freechal, Me2u2, Daum, and Naver provide a home page creation/management wizard function for home page production/management.

Nevertheless, the user must prepare various contents, images, and contents for homepage creation and management, and the user must manage it directly or through a web hosting company, so it takes a long time to create the homepage and increases the production cost. Since a lot of information must be stored and managed in the hosting company's account, there is a problem that additional costs are also required.

As described above, since it is not easy for ordinary Internet users who do not have professional knowledge or experience to create a home page, the home page is produced by requesting a company specializing in home page production.

At this time, the production cost of the homepage is determined according to the components of the homepage, and the cost required for basic construction work, such as manpower, time, and content usage fee, is not small, and even a simple IR site selects a company, communicates with each step of the process, review, and testing. Is taking procedural time.

Because it takes such a large amount of cost and time, individual businesses or small businesses may be burdened for this reason even if they want to open a homepage. Even after opening the homepage, when Internet users visit the homepage, the content to be provided is registered. And there is a difficult problem to proceed with continuous update.

In other words, the homepage 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 meticulously weigh all the other parts, there may be a problem in that an excessive amount of money is incurred when corrections, changes, or additions occur, or the company that worked on it disappears, and you have to go and re-create it.

Recently, users are accessing the web from a variety of devices, including PCs, tablets, and mobiles. Therefore, there are many responsive homepages (responsive web) that automatically change the shape of the web to the most optimized shape for each device so that web production can be optimized for various devices. Korean Patent Registration No. 10-1091773 discloses a system and method for creating a homepage for design coding by including a program.

However, the responsive web must be designed by holding the grid structure well, and the design that one design will show in another size must also be considered. In this way, CSS3, media queries, etc. are used so that one design can be displayed well on multiple displays. This is a difficult task for beginners to do, and there is a problem that labor and design costs increase compared to general web design.

Due to this problem, in general, a responsive web is not yet introduced in a homepage production solution, and a mobile web having a domain separate from the PC web is provided to provide an integrated environment with mobile devices.

As such, the homepage produced by the current homepage production solution is a web page that does not automatically adjust its size according to the type of display. To develop a web page with a resolution and size desired by the user, coding appropriate for the device is required. In other words, it is necessary to make changes. Therefore, the developer has the trouble of writing a code optimized for the device or adding a program every time a device is released, which is difficult to manage during maintenance, and thus it is difficult to organize coding by continuous additional work. In addition, it is not a welcome job from the customer's point of view as additional programs can incur costs.

Therefore, a technology capable of providing an integrated environment with mobile devices such as a responsive web is required in a generalized situation in which images and content information including various multimedia provided by the homepage production solution are provided as separate domains on the web. There is a situation.

An object of the present invention is an integrated site management system and method that provides a solution for opening a homepage using a drag-and-drop design editing mode based on a layout template, and provides expandability for mobile services through basic provision of responsive web pages. Is to provide.

The objects of the present invention are not limited to the above-mentioned objects, and other objects and advantages of the present invention that are not mentioned can be understood by the following description, and will be more clearly understood by examples of the present invention. In addition, it will be easily understood that the objects and advantages of the present invention can be realized by the means shown in the claims and combinations thereof.

The integrated site management system based on a layout template according to the present invention manages site opening and site information management, basic menu setting, service suspension for setting the basic opening of a home page, managing provided bulletin boards, contents, templates, visitors, A system management unit that provides statistics on membership registration and post status, and provides member operation services; A site management unit that provides services for basic information, detailed information, domain management, terms and conditions management, and data management, and provides a template and a design editing service after selecting the template; And a design editing unit that implements a template using a responsive web in which a web shape is automatically changed for each device when a home page displayed on a web browser is produced.

In addition, the system management unit includes: a first dashboard unit provided on a screen so as to grasp the status of the opened site including site summary information and status, and operation support; A first site management unit for managing basic information, groups, tasks, menu settings, data, and SNS keys; A module management unit that manages a design template for content and manages skins for modules provided including a bulletin board and a schedule; A first sub-page unit that provides at least one of an integrated bulletin board, a Q&A bulletin board, a simple bulletin board, a schedule, a content, a video bulletin board, a custom bulletin board, an online application, a map, and a classification bulletin board; The first member who can inquire and read information about registered members, provides password initialization, and provides at least one of member type registration and management, member authentication settings, password change cycle settings, duplicate subscription settings, and duplicate login settings Management; A first operation management unit that manages pop-ups, banners and attached files, and provides an image store; A first statistics management unit that provides graphs and excel files for statistics including visitors, membership subscriptions, and posts by period; And a first operation support unit that provides at least one of announcements, data rooms, asking and answering, and frequently asked questions.

In addition, the site management unit is a second dashboard unit that provides a screen to open the homepage, manager information management, announcements, data room, Q&A, and frequently asked questions; The second site management unit 202 manages basic information including site basic and additional information, multi-domain management, service open/stop settings, service terms of use and personal information processing policy, and backs up posts for each bulletin board only for bulletin board data. A second site that manages to be recoverable, organizes data only for bulletin board data by specifying the data deletion period, and manages the SNS key for simple login to Naver, Google, KakaoTalk, Instagram, and Facebook. Management; It manages templates, provides design editing mode, and obtains different design results from the same template by moving layouts (easy movement through snap), adding layouts, and deleting layouts using design editing mode, top menu and footer menu For pre-login and post-login settings, main slide image addition, deletion, image change and title text registration, correction, color change are provided, content registration, modification, and deletion in the corresponding layout area are possible, and after design editing A design management unit that immediately reflects the result of design editing saved as a file and then imported; It is possible to create and modify menus, organize the top and bottom menus, register and manage shortcut link groups that are mainly posted in the footer area (bottom), and register the homepage top menu by separating them into before login and after login. A menu configuration unit capable of modifying, deleting, changing the order, and connecting a link by selecting a menu of a separate menu including a menu created through menu management and a terms of service; Integrated bulletin board, Q&A, bulletin board type including simple bulletin board, basic content including schedule, online application, map, and online survey, and contents created by the administrator are registered and managed, and applied to various bulletin board design forms. A second sub-page unit for managing a bulletin board form that is edited and reflected on a serviced bulletin board; A community management unit configured to set at least one of opening a manager managing community inquiry, registration, and approval, or setting a user opening, designating an open member group, and whether to automatically approve; A second member management unit that manages member information, member groups, member types, and subscription authentication settings, and provides designation of various authentication means including mobile phone authentication for each registered member type; Providing registration and management for each pop-up type such as pop-up, image, image+text, text, etc. displayed on the homepage, registering and managing at least one of banner period, usage status, and link, and uploading images and icons used in design editing And a second operation management unit that downloads, provides image upload and image folder addition through mouse drag and drop, and performs inquiries and management for inquiries registered through website content us. A second statistics management unit that manages at least one of visitor status, member subscription status, community access status, menu usage status, and post registration status by period, and provides a graph and an Excel file; And a second operation support unit that provides at least one of announcements, data rooms, asking and answering, and frequently asked questions.

In addition, the design editing unit provides a design editing mode to add a template type, layout, and content (widget) to create a template; And a responsive web processing unit that detects the device on which the template generated by the template implementation unit is implemented and the screen resolution size of the device, and selects only some of the plurality of contents in response to the detected screen resolution size and applies it as one template. It may include.

In addition, the template implementation unit may include a template type selection unit configured to select one of the template types when a template type having a user interface type and design previously stored in the storage unit is displayed; A layout setting unit for setting at least one or more layouts to which widgets are added within each user interface generated by the template type selection unit; A widget design selection unit for selecting a design of a widget added to each layout set by the layout setting unit; A widget selection unit for selecting a widget to be added to the layout set by the layout setting unit; And storing a template including widgets displayed on a plurality of user interfaces as the widget design selected by the widget design selection unit, and completing a final template through at least one of a widget selected through a preview function, a widget design, and a change in the template type. Thus, it may include a widget setting unit applied to the site.

In addition, the widget setting unit stores the currently designed template and provides a function to edit the template from the point when the user creates the template through the widget selection unit, and the widget setting unit is saved using the save function or transferred when executed. The template design can provide a function to check the backup history and to load and edit the template design at the time of backup.

In addition, the responsive web processing unit may include a device detection unit configured to detect a screen resolution size of a device using a media query; A content optimization unit that downloads the content included in the template generated by the template implementation unit and then selects some content corresponding to the resolution size of the device detected by the device detection unit; And a device characteristic processing unit that applies one template including some content selected by the content optimization unit to the device and applies the same site operation.

The layout template-based integrated site management method according to the present invention includes the steps of: (A) the layout template-based integrated site management system performs analysis and design work for defining requirements for a homepage required by a business and customizing a web builder; (B) performing a task of adding a new module (function) and content to a web builder, and performing a database customization task; (C) performing linkage and linkage work for existing systems, and performing SSO, integrated search, linkage and linkage work with other systems; (D) Thereafter, calling a module required for system and site management according to a user's request; (E) producing a plurality of layout templates so that the newly created modules (functions) can be reflected on the homepage, and producing templates having different screen structures; (F) creating a design template in which an initial design is set when selecting a layout template; (G) when the preparation for opening the homepage is completed, the system management module sets the basic opening of the homepage, the site management module sets the menu through the menu configuration, and sets the contents and functions through the subpage; And (H) configuring a home page screen using a design editing mode for the template selected through the design editing module.

In addition, the step (D) includes the steps of analyzing a URL requested by a user accessing the site through the system management module and the site management module, setting the data, and visiting the requested page; Setting a design and module (widget) of a site through a system management module and a site management module, and calling a main/sub design template and a called module set by the site management module to a general site; When a module required for system and site management is called, calling the called module and template information from a storage unit; And providing the loaded module information to the system/site management page requested by the user and providing it to a general site page.

In addition, the step (E) includes the steps of calling information on a currently applied design template when the screen editing mode is accessed through the system management module and the site management module; Editing a main page and a sub-page using a screen editing mode through a system management module and a site management module to select a widget; Pre-setting a layout through which a widget can be positioned in order to implement a responsive web in the main and sub-pages in the screen editing mode through the system management module and the site management module; A step of processing and providing a widget with a plurality of designs in order to provide a user with a widget inserted in a main page layout through a system management module and a site management module; Setting upper, lower, left widgets and upper title image widgets of the main page and sub-page, and producing a plurality of processed widgets as layout templates in the main page and sub-page, respectively; Checking the created templates by accessing a general site with design templates created by an administrator using screen editing; And a step in which the produced templates can be backed up using a storage function, and when a design is applied, a previous design template is automatically backed up to restore a previous design.

In addition, the step (F) is an integrated management system capable of operating multiple sites with one WAS, accessing any device, and configuring a responsive web corresponding thereto; Providing a collection of pre-configured widgets so that users can easily edit the design and responsive web, and providing a plurality of layouts to position the widgets as a frame for constructing a template; Defining a form of a layout to implement a responsive web among the plurality of provided layouts, and providing a form designed to serve a user as a widget; Providing each of the provided widgets in a design defined in the form of a widget to implement a responsive web; And a step in which one template is composed of several layouts and widgets belonging to the layouts.

The layout template-based integrated site management system and method according to the present invention can be opened and operated by integrating distributed sites and members into one, and it is possible to increase the efficiency of operation and management by modularizing all services provided on the home page.

In addition, the present invention can semi-permanently open and renew a homepage with only one introduction, thereby reducing the cost of operation and management, strengthening security such as various standard injections and web vulnerabilities, and supporting various infrastructure environments. .

In addition to the above-described effects, specific effects of the present invention will be described together while describing specific details for carrying out the present invention.

1 is a block diagram showing the configuration of a layout template-based integrated site management system according to an embodiment of the present invention.
FIG. 2 is a block diagram showing a detailed configuration of a system management unit in FIG. 1.
3 is a block diagram showing the configuration of a site management unit in FIG. 1 in detail.
4 is a block diagram showing in detail the configuration of a design editing unit in FIG. 1.
5 is a flowchart illustrating a method for managing an integrated site based on a layout template according to an embodiment of the present invention.
6A to 6C are embodiments for explaining in more detail a method for managing an integrated site based on a layout template shown in FIG. 5.

The above-described objects, features, and advantages will be described later in detail with reference to the accompanying drawings, and accordingly, one of ordinary skill in the art to which the present invention pertains will be able to easily implement the technical idea of the present invention. In describing the present invention, if it is determined that a detailed description of known technologies related to the present invention may unnecessarily obscure the subject matter of the present invention, a detailed description will be omitted. Hereinafter, preferred embodiments of the present invention will be described in detail with reference to the accompanying drawings. In the drawings, the same reference numerals are used to indicate the same or similar elements.

Hereinafter, when a component is described as being "connected", "coupled" or "connected" to another component, the components may be directly connected or connected to each other, but other components are "connected" between each component. It is to be understood that intervening" or each component may be "connected", "coupled" or "connected" through other components.

Hereinafter, a layout template-based integrated site management system and method according to some embodiments of the present invention will be described.

1 is a block diagram showing the configuration of a layout template-based integrated site management system according to an embodiment of the present invention.

As shown in FIG. 1, the integrated site management system of the present invention includes a system management unit 100, a site management unit 200, and a design editing unit 300.

The system management unit 100 manages site opening and site information management, basic menu setting, service suspension, etc. for setting the basic opening of a home page. In addition, the system management unit 100 manages the provided bulletin board, contents, and templates, and provides statistics such as visitor, membership registration, and post status. In addition, the system management unit 100 provides member operation services such as member information, membership registration method, and member type registration and management. The detailed configuration of the system management unit 100 will be described in detail with reference to FIG. 2 below.

The site management unit 200 provides services such as basic information, detailed information, domain management, terms and conditions management, and data management, and provides a template and a design editing service after selecting a corresponding template. In this case, the site management unit 200 exists individually for each homepage, sets a menu through a menu configuration, and sets a content function through a subpage. The detailed configuration of the site management unit 200 will be described in detail with reference to FIG. 3 below.

The design editing unit 300 implements a template using a responsive web in which the web shape is automatically changed to the most optimized shape for each device when producing a home page (web page) displayed on a web browser. At this time, the design editing unit 300 constructs a home page screen using a design editing mode for the selected template. The detailed configuration of the design editing unit 300 will be described in detail with reference to FIG. 4 below.

FIG. 2 is a block diagram showing a detailed configuration of a system management unit in FIG. 1.

As shown in FIG. 2, the system management unit 100 includes a first dashboard unit 101, a first site management unit 102, a module management unit 103, a first subpage unit 104, and a first member management unit. (105), a first operation management unit 106, a first statistics management unit 107, and includes a first operation support unit 108.

The first dashboard unit 101 provides on a screen so that the status of the opened site such as summary information and status of the site, and operation support can be identified.

The first site management unit 102 manages basic information, groups, tasks, menu settings, data and SNS keys.

At this time, basic information management manages site inquiry, information viewing and setting, site name, address, title, etc. In addition, basic information management manages basic information. In addition, site classification, logo setting, copyright, SSL usage, portal site meta key setting, multi-domain management for each site, service open/stop setting, site closure and open setting, service terms of use and personal information processing Policy setting and history management, site administrator registration and management. And group management manages groups for the site classification system. In addition, job management sets whether to register, modify, delete and apply for individual and batch “in-work” processing for the opened site. In addition, menu setting management registers and manages basic menus required when opening a site. In addition, data management manages the data deletion function for bulletin board data individually and collectively for the opened site. And SNS key management manages key settings for simple login services for Naver, Google, Facebook, and Kakao.

The module management unit 103 manages design templates for contents, and manages skins for modules provided such as bulletin boards and schedules.

The first sub-page unit 104 provides an integrated bulletin board, a question-and-answer bulletin board, a simple bulletin board, a schedule, a content, a video bulletin board, a custom bulletin board, an online application, a map, and a classification bulletin board.

In this case, the integrated bulletin board, question-and-answer bulletin board, and simple bulletin board provide basic information on the bulletin board, post management, authority setting, designation of person in charge, trash bin, and attachment file capacity limit setting. At this time, the simple bulletin board represents the type of bulletin board centered on the list of posts. In addition, schedules support both calendar and list types, and linkage management with other modules that can be exposed to schedules is possible. In addition, content is directly produced and managed using an EasyWick-based web editor, and templates such as tables, buttons, and layouts are provided to implement a responsive web during production. In addition, the video bulletin board provides basic information on the bulletin board, post management, permission setting, designation of the person in charge, and trash can functions, and video registration is possible through the YouTube API. In other words, you can play the video simply by copying and pasting the video link on YouTube. In addition, a custom bulletin board is a bulletin board that allows the administrator to add new bulletin board items. When adding a bulletin board item, it is automatically added to the registration form. In addition, online application is a module that enables application registration for each type of logic, and consists of online notification and recruitment registration, application for notification and recruitment, and approval processing. In addition, the map is utilized when map content is needed by using the Map Open API, and a function is provided to enable layout selection and editing. In addition, the classification bulletin board defines categories and provides it to manage postings for each category.

The first member management unit 105 can inquire and read information on a registered member, and provides password initialization. In addition, the first member management unit 105 registers and manages member types, and provides member authentication settings, password change cycle settings, duplicate subscription settings, and duplicate login settings.

The first operation management unit 106 manages pop-ups, banners, and attached files, and provides an image store. Pop-up management registers and manages pop-ups in image pop-up, text + image pop-up, and text pop-up type, and provides pop-up zone, pop-up type, pop-up period, pop-up order, usage, exposure, and links. In addition, attachment management can set whether or not to upload and limit the size of each file type, such as images and videos. In addition, banner management can manage banner target selection, banner zone, banner period, usage status, and links. In addition, the image store provides image upload and download, image folder creation, and image upload through Drag & Drop for images used in design editing mode.

The first statistics management unit 107 provides graphs and Excel files for statistics such as visitors, membership subscriptions, and posts by period.

The first operation support unit 108 provides announcements, data rooms, questions and answers, and frequently asked questions. Announcements are provided with bulletin boards that site administrators can view and view when they are posted by the system administrator. In the data room, when data is registered in the system manager, the site manager provides inquiries and file downloads. In the question and answer, the system administrator responds to the questions asked by the site administrator through answers. Also, Frequently Asked Questions is provided for site administrators to view and view FAQs posted by system administrators.

3 is a block diagram showing the configuration of a site management unit in FIG. 1 in detail.

As shown in FIG. 3, the site management unit 200 includes a second dashboard unit 201, a second site management unit 202, a design management unit 203, a menu configuration unit 204, and a second subpage unit ( 205), a community management unit 206, a second member management unit 207, a second operation management unit 208, a second statistics management unit 209, and a second operation support unit 210.

The second dashboard unit 201 provides on a screen to open a homepage, manage administrator information, announcements, data room, ask and answer, and frequently asked questions.

The second site management unit 202 manages basic information such as basic site and additional information, multi-domain management, service open and stop settings, service terms of use and personal information processing policy, and backs up posts for each bulletin board only for bulletin board data. Manage to be recoverable. In addition, the second site management unit 202 organizes data only for bulletin board data by designating a data deletion period, and manages an SNS key for simple login to Naver, Google, KakaoTalk, Instagram, and Facebook.

The design management unit 203 manages the template and provides a design editing mode. That is, the design management unit 203 edits and applies the currently applied template and other templates, and selects a number of design template types and selects and edits the design and reflects it on the homepage. In addition, it provides a simple editing function through mouse drag/drop and right-click in the design editing mode. The design management unit 203 may obtain a completely different design result even with the same template through layout movement (convenient movement through snap), layout addition, layout deletion, and the like using the design editing mode. In addition, the design management unit 203 sets the top menu and the footer menu before and after login, and provides the main slide image addition, deletion, image change, and title text registration, modification, and color change using the design editing mode. . In addition, the design management unit 203 can register, modify, and delete contents in the corresponding layout area by using the design editing mode, and can immediately reflect the saved design editing result through import at any time by saving as a file after design editing. .

The menu configuration unit 204 can create and modify menus, configure top and bottom menus, and register and manage shortcut link groups that are mainly posted in the footer area (bottom). That is, the menu construction unit 204 provides registration, correction, deletion, and content matching for each menu depth, and the generated menu can be moved and changed in depth through mouse drag and drop. In addition, the menu configuration unit 204 enables the order of registration, modification, and deletion by dividing the homepage top menu into before and after login, and links can be connected by selecting separate menus such as menus created through menu management and service terms and conditions. Do it.

The second sub-page unit 205 registers and manages all types of bulletin boards such as integrated bulletin boards, Q&A, and simple bulletin boards, basic contents such as schedules, online applications, and maps, and contents directly produced by the administrator. In addition, the second sub-page unit 205 manages a bulletin board form applied to and edited various bulletin board design forms and reflected in a serviced bulletin board.

The community management unit 206 manages community inquiry, registration, and approval. That is, the community management unit 206 provides a questionnaire registration, correction, deletion, questionnaire preview and result view, and provides a function of registering various questions such as short answer type and optional type, and storing and retrieving registered items. In addition, community inquiry, registration, and approval are managed, and administrator opening or user opening settings, opening possible member groups, and automatic approval are set.

The second member management unit 207 manages member information, member groups, member types, and subscription authentication settings. In other words, it handles member inquiry, viewing, and approval, and manages member group inquiry, registration, modification, and deletion processing. It also provides designation of various authentication methods such as mobile phone authentication for each registered member type.

The second operation management unit 208 provides registration and management for each pop-up type such as pop-ups, images, images + texts, texts, etc. posted on the corresponding homepage, and registers and manages banner periods, usage status, and links. In addition, the second operation management unit 208 uploads and downloads images and icons used in design editing, and provides image upload and image folder addition through mouse drag and drop. In addition, it searches and manages registered inquiries through the website content us.

The second statistics management unit 209 manages visitor status, member subscription status, community access status, menu usage status, post registration status, etc. by period, and provides graphs and Excel files.

The second operation support unit 210 provides announcements, data rooms, questions and answers, and frequently asked questions. Notice provides inquiries and viewing of notices posted by the system administrator. In addition, the data room provides inquiries and file downloads for postings registered by the system administrator. In addition, for asking and answering, the system administrator responds to the questions registered by the site administrator through answers. Also, Frequently Asked Questions provides inquiries and reading for the FAQ registered by the system administrator.

4 is a block diagram showing in detail the configuration of a design editing unit in FIG. 1.

As shown in FIG. 4, the design editing unit 300 includes a template implementation unit 310 and a responsive web processing unit 320.

The template implementation unit 310 generates a template by providing a responsive web editor and adding a template type, layout, and content (widget). Responsive web refers to a web page that is adjusted so that the size of the screen is automatically optimized according to the display type.

The template implementation unit 310 includes a template type selection unit 311, a layout setting unit 312, a widget design selection unit 313, a widget selection unit 314, a widget setting unit 315, and a storage unit 316. Include.

When the template type selection unit 311 displays a template type having a user interface shape and design previously stored in the storage unit 316, one of the template types is selected. In this case, the template type may include at least one user interface, and the user interface may be positioned and designed in various forms.

The template type selection unit 311 provides a template type as an interface provided for a user to easily design a site. Accordingly, the user can select a desired template type and select a design before executing the responsive editor.

The layout setting unit 312 sets at least one layout to which a widget is added inside each user interface generated by the template type selection unit 311. The layout to be set at this time is the space in which the widget is to be set.

The widget design selection unit 313 selects a design of a widget added to each layout set by the layout setting unit 312.

The widget selection unit 314 selects a widget to be added to the layout set by the layout setting unit 312. In this case, the selected widget is displayed as a widget design selected by the widget design selection unit 313.

The widget setting unit 315 stores a template including widgets displayed on a plurality of user interfaces with the widget design selected by the widget design selection unit 313, and changes the widget, widget design, and template type selected through the preview function. The final template is completed and applied to the site.

The widget setting unit 315 is a function of storing the currently designed template, and is not actually reflected in a general site. In addition, the widget setting unit 315 provides a function of allowing the user to edit the template from the time point when the template is created through the widget selection unit 314. In this case, the widget setting unit 315 may be stored using a storage function, or applied to an actual site when the application is executed, and may check the previous template design backup details and retrieve and edit the template design at the time of backup.

The user can check how the site is actually designed through the preview function before the template design is applied to the site through the widget setting unit 315. In addition, the widget setting unit 315 may provide a guideline for design change. At this time, the provided guideline is a function of changing the header/footer/submenu design, and is similar to the content addition function. This is a function for adding widgets and giving a space, and is a function that modifies the most important layout design among responsive web structures.

On the other hand, the responsive web processing unit 320 detects the device on which the template generated by the template implementation unit 310 is implemented and the screen resolution size of the device, and includes a plurality of templates included in the generated template corresponding to the detected screen resolution size. Only some of the contents of is selected and applied as a template.

In this case, the responsive web processing unit 320 includes a device detection unit 321, a content optimization unit 322, and a device characteristic processing unit 323.

The device detection unit 321 detects the size of the screen resolution of the device using a media query.

In addition, the content optimization unit 322 downloads the content included in the template generated by the template implementation unit 100 and then selects some content corresponding to the resolution size of the device detected by the device detection unit 321.

In addition, the device characteristic processing unit 323 may apply one template including some content selected by the content optimization unit 322 to the device and apply the same site operation.

The operation of the integrated site management system based on a layout template according to the present invention configured as described above will be described in detail with reference to the accompanying drawings. The same reference numerals as in FIGS. 1 to 4 refer to the same members performing the same function.

5 is a flowchart illustrating a method for managing an integrated site based on a layout template according to an embodiment of the present invention. 6A to 6C are embodiments for explaining in more detail the method for managing an integrated site based on a layout template shown in FIG. 5.

Referring to FIG. 5, first, the layout template-based integrated site management system performs analysis and design work for defining requirements for a homepage required by a business and customizing a web builder (S100).

Subsequently, a task of adding a new module (function) and content to the web builder is performed, and a database customization task is performed (S200).

In addition, the linkage and linkage work for the existing system is performed, and linkage and linkage work such as single sign-on (SSO), integrated search, and other systems are performed (S300).

Thereafter, a module required for system and site management is called according to the user's request (S400).

6A is an embodiment for explaining in more detail a method of calling a module required for system and site management according to a user's request shown in FIG. 5.

As shown in Fig. 6A, the user can access a site serviced by the integrated site management system using a mobile phone, PC, tablet, or the like (S401).

The system management module 100 and the site management module 200 analyze the URL requested by the user, set the data, and then find the requested page (S402).

In addition, the system management module 100 and the site management module 200 set the design and module (widget) of the site for use by the user (S403-1). Meanwhile, the main/sub design template and the called module set by the site management module 200 are loaded to the general site (S403-2).

Accordingly, when a module required for system and site management is called (S404), the called module and template information is called from the storage unit 316 (S405).

And the loaded module information is provided to the system/site management page requested by the user (S406-1). In addition, the loaded module information is also provided to a general site page (S406-2).

Next, a number of layout templates are produced so that the newly created module (function) can be reflected on the home page, and a template having a different screen structure is produced (S500).

6B is an embodiment for explaining in more detail a method of manufacturing a plurality of layout templates shown in FIG. 5 and manufacturing templates having different screen structures.

As shown in Fig. 6B, the user can access the integrated site management system using a mobile phone, PC, tablet, or the like (S501).

And when accessing the screen editing mode, all information of the currently applied design template is loaded (S502).

Subsequently, a widget is selected by editing the main page and the sub page using the screen editing mode (S503). At this time, the screen editing mode can be roughly divided into two, and a limited widget can be handled in the sub-editing by main/sub-page editing, but all the widgets can be handled in the main page editing.

In the screen editing mode, a layout capable of positioning a widget in order to fully implement a responsive web in the main and sub-pages is preset (S504).

Subsequently, on the main page, widgets are processed and provided in various designs in order to provide the widget inserted in the layout to the user (S505). At this time, the processed widget is a module provided to the user.

In addition, upper, lower, left widgets and upper title image widgets are set on the main page and the sub page (S506). A number of widgets processed in this way are produced as layout templates on the main page and the sub page, respectively (S507).

The created templates are design templates created by the administrator using screen editing, and can be viewed by accessing a general site (S508).

In addition, the produced templates can be backed up using a storage function, and when a design is applied, the previous design template is automatically backed up so that the previous design can be restored at any time (S509).

And when selecting a layout template, a design template in which an initial design is set is produced (S600).

6C is an embodiment for explaining in more detail a method of producing a design template in which the initial design shown in FIG. 5 is set.

As shown in FIG. 6C, the integrated management system has the effect of operating multiple sites with one WAS and access to any device, and is configured with a responsive web corresponding thereto (S601). This can be provided to the user without breaking the design of any device.

In addition, a set of pre-configured widgets is provided so that users can easily edit the design and responsive web (S602). In this case, a plurality of layouts are provided to hold the position of the widget with a large frame for configuring the template (S603).

Subsequently, among the plurality of layouts provided, a layout shape is defined to implement a responsive web (S604), and a shape designed to serve a user is provided as a widget (S605). In this case, the provided widget is provided to use the module.

And each provided widget is provided in a design defining the shape of the widget in order to implement a responsive web (S606).

Through this, one template is composed of several layouts and widgets belonging to the layout (S607). At this time, the configured template is the final design template file.

When the preparation for opening the homepage is completed in this way, the system management module 100 sets the basic opening of the homepage (S700). At this time, the basic opening of the homepage includes a multi-domain, basic menu configuration, and administrator settings. There is a site management module 200 for each opened homepage, and the site management module 200 is accessed and logged in.

The site management module 200 sets a menu through a menu configuration, and sets content and functions through a subpage (S800).

Next, the design editing module 300 constructs a homepage screen using the design editing mode for the selected template (S900).

When the homepage is implemented in this way, the operation and management of the homepage can be continuously managed through the site management module 200. In addition, since various editing and changes such as content, design, and layout are possible, there is little cost for renewal.

As described above with reference to the drawings illustrated for the present invention, the present invention is not limited by the embodiments and drawings disclosed in the present specification, and various by a person skilled in the art within the scope of the technical idea of the present invention. It is obvious that transformation can be made. In addition, even if not explicitly described and described the effects of the configuration of the present invention while describing the embodiments of the present invention, it is natural that the predictable effects of the configuration should also be recognized.

100: system management module 101: first dashboard unit
102: first site management unit 103: module management unit
104: first sub page unit 105: first member management unit
106: first operation management unit 107: first statistics management unit
108: first operation support unit 200: site management module
201: second dashboard unit 202: second site management unit
203: design management unit 204: menu configuration unit
205: second sub page unit 206: community management unit
207: 2nd member management department 208: 2nd operation management department
209: second statistics management unit 210: second operation support unit
300: design editing module 310: template implementation unit
311: template type selection unit 312: layout setting unit
313: widget design selection unit 314: widget selection unit
315: widget setting unit 320: responsive web processing unit
321: device detection unit 322: content optimization unit
323: device characteristic processing unit

Claims (11)

Site opening and site information management for the basic establishment of the homepage, management of basic menu settings, service suspension, management of provided bulletin boards, contents, and templates, providing statistical statistics of visitors, membership registration, post status, and members A system management unit that provides operational services;
A site management unit that provides services for basic information, detailed information, domain management, terms and conditions management, and data management, and provides a template and a design editing service after selecting the template; And
It includes a design editing unit that implements a template using a responsive web that automatically changes the web shape for each device when creating a home page displayed on a web browser,
The design editing unit generates a template type that includes at least one user interface and allows the user interface to be positioned in various forms to be designed, and by the user interface before executing the responsive web editor to facilitate site design. Provide the above template type so that the design is selected,
The design editing unit provides a guideline for design change, but provides the guideline for changing a header, footer, and submenu design, and modifies a layout design according to the guideline using the responsive web editor. Integrated site management system based on layout templates.
The method of claim 1,
The system management unit
A first dashboard unit provided on a screen so that the status of the opened site including site summary information and status, and operation support can be identified;
A first site management unit for managing basic information, groups, tasks, menu settings, data, and SNS keys;
A module management unit that manages a design template for content and manages skins for modules provided including a bulletin board and a schedule;
A first sub-page unit that provides at least one of an integrated bulletin board, a Q&A bulletin board, a simple bulletin board, a schedule, a content, a video bulletin board, a custom bulletin board, an online application, a map, and a classification bulletin board;
The first member who can inquire and read information about registered members, provides password initialization, and provides at least one of member type registration and management, member authentication settings, password change cycle settings, duplicate subscription settings, and duplicate login settings Management;
A first operation management unit that manages pop-ups, banners and attached files, and provides an image store;
A first statistics management unit that provides graphs and excel files for statistics including visitors, membership subscriptions, and posts by period; And
An integrated site management system based on a layout template including a first operation support unit that provides at least one of announcements, data rooms, questions and answers, and frequently asked questions.
The method of claim 1,
The site management unit
A second dashboard unit provided on the screen so that contents including opening the homepage, management information management, announcements, data room, question and answer, and frequently asked questions can be checked;
The second site management unit 202 manages basic information including site basic and additional information, multi-domain management, service open/stop settings, service terms of use and personal information processing policy, and backs up posts for each bulletin board only for bulletin board data. A second site that manages to be recoverable, organizes data only for bulletin board data by specifying the data deletion period, and manages the SNS key for simple login to Naver, Google, KakaoTalk, Instagram, and Facebook. Management;
It manages templates, provides design editing mode, and obtains different design results from the same template by moving layouts (easy movement through snap), adding layouts, and deleting layouts using design editing mode, top menu and footer menu For pre-login and post-login settings, main slide image addition, deletion, image change and title text registration, correction, color change are provided, content registration, modification, and deletion in the corresponding layout area are possible, and after design editing A design management unit that immediately reflects the result of design editing saved as a file and then imported;
It is possible to create and modify menus, organize the top and bottom menus, register and manage shortcut link groups that are mainly posted in the footer area (bottom), and register the homepage top menu by separating them into before login and after login. A menu configuration unit capable of modifying, deleting, changing the order, and connecting a link by selecting a menu of a separate menu including a menu created through menu management and a terms of service;
Integrated bulletin board, Q&A, bulletin board type including simple bulletin board, basic content including schedule, online application, map, and online survey, and contents created by the administrator are registered and managed, and applied to various bulletin board design forms. A second sub-page unit for managing a bulletin board form that is edited and reflected on a serviced bulletin board;
A community management unit configured to set at least one of opening a manager managing community inquiry, registration, and approval, or setting a user opening, designating an open member group, and whether to automatically approve;
A second member management unit that manages member information, member groups, member types, and subscription authentication settings, and provides designation of various authentication means including mobile phone authentication for each registered member type;
Providing registration and management for each pop-up type such as pop-up, image, image+text, text, etc. displayed on the homepage, registering and managing at least one of banner period, usage status, and link, and uploading images and icons used in design editing And a second operation management unit that downloads, provides image upload and image folder addition through mouse drag and drop, and performs inquiries and management for inquiries registered through website content us.
A second statistics management unit that manages at least one of visitor status, member subscription status, community access status, menu usage status, and post registration status by period, and provides a graph and an Excel file; And
An integrated site management system based on a layout template including a second operation support unit that provides at least one of announcements, data rooms, questions and answers, and frequently asked questions.
The method of claim 1,
The design editing department
A template implementation unit that provides a design editing mode to create a template by adding a template type, layout, and content (widget); And
A responsive web processing unit that detects the device on which the template generated by the template implementation unit is implemented and the screen resolution size of the device, and selects only some of the plurality of contents in response to the detected screen resolution size and applies it as one template Integrated site management system based on a layout template containing.
The method of claim 4,
The template implementation unit
A template type selection unit for selecting one of the template types when a template type having a user interface type and design previously stored in the storage unit is displayed;
A layout setting unit for setting at least one or more layouts to which widgets are added within each user interface generated by the template type selection unit;
A widget design selection unit for selecting a design of a widget added to each layout set by the layout setting unit;
A widget selection unit for selecting a widget to be added to the layout set by the layout setting unit; And
The widget design selected by the widget design selection unit stores a template including widgets displayed on a plurality of user interfaces, and completes a final template through at least one of a widget selected through a preview function, a widget design, and a change in template type. , Layout template-based integrated site management system including a widget setting unit applied to the site.
The method of claim 5,
The widget setting unit stores the currently designed template and provides a function to edit the template from the time when the user creates the template through the widget selection unit,
The widget setting unit is a layout template-based integrated site management system that is stored using a storage function or provides a function to check the backup history of a previous template design when executed, and to load and edit the template design at the time of backup.
The method of claim 4,
The responsive web processing unit
A device detection unit detecting a screen resolution size of the device using a media query;
A content optimization unit that downloads the content included in the template generated by the template implementation unit, and then selects some content corresponding to the resolution size of the device detected by the device detection unit; And
A layout template-based integrated site management system including a device characteristic processing unit that applies one template including some content selected by the content optimization unit to a device and applies the same site operation.
(A) The layout template-based integrated site management system performs analysis and design work for defining requirements for a homepage required by the business and customizing web builders;
(B) performing a task of adding a new module (function) and content to a web builder, and performing a database customization task;
(C) performing linkage and linkage work for existing systems, and performing SSO, integrated search, linkage and linkage work with other systems;
(D) Thereafter, calling a module required for system and site management according to a user's request;
(E) producing a plurality of layout templates so that the newly created modules (functions) can be reflected on the homepage, and producing templates having different screen structures;
(F) creating a design template in which an initial design is set when selecting a layout template;
(G) when the preparation for opening the homepage is completed, the system management module sets the basic opening of the homepage, the site management module sets the menu through the menu configuration, and sets the contents and functions through the subpage; And
(H) comprising the step of constructing a homepage screen using a design editing mode for the template selected through the design editing module,
The design editing module generates a template type in which at least one user interface is included and the user interface is positioned in various forms to be designed, and the user interface is added to the user interface before executing the responsive web editor to facilitate site design. Provide the above template type so that the design is selected by,
The design editing module provides a guideline for design change, but provides the guideline for changing header, footer, and submenu design, and modifies the layout design according to the guideline using the responsive web editor. How to manage integrated sites based on layout templates.
The method of claim 8,
Step (D)
Analyzing a URL requested by a user accessing the site through the system management module and the site management module, setting data, and then visiting the requested page;
Setting a design and module (widget) of a site through a system management module and a site management module, and calling a main/sub design template and a called module set by the site management module to a general site;
When a module required for system and site management is called, calling the called module and template information from a storage unit; And
And providing the imported module information to a system/site management page requested by a user, and providing it to a general site page.
The method of claim 8,
Step (E)
Fetching information on the currently applied design template when connected to the screen editing mode through the system management module and the site management module;
Editing a main page and a sub-page using a screen editing mode through a system management module and a site management module to select a widget;
Pre-setting a layout through which a widget can be positioned in order to implement a responsive web in the main and sub-pages in the screen editing mode through the system management module and the site management module;
A step of processing and providing a widget with a plurality of designs in order to provide a user with a widget inserted in a main page layout through a system management module and a site management module;
Setting upper, lower, left widgets and upper title image widgets of the main page and sub-page, and producing a plurality of processed widgets as layout templates in the main page and sub-page, respectively;
The created templates are identified by accessing a general site as design templates created by an administrator using screen editing; And
A layout template-based integrated site management method comprising the step of backing up the produced templates using a storage function, and automatically backing up the previous design template when applying the design to restore the previous design.
The method of claim 8,
Step (F)
An integrated management system capable of operating multiple sites with one WAS, accessing any device, and configuring a responsive web corresponding thereto;
Providing a collection of pre-configured widgets so that users can easily edit the design and responsive web, and providing a plurality of layouts to position the widgets as a frame for constructing a template;
Defining a form of a layout to implement a responsive web among the plurality of provided layouts, and providing a form designed to serve a user as a widget;
Providing each of the provided widgets in a design defined in the form of a widget to implement a responsive web; And
A layout template-based integrated site management method that includes steps in which one template consists of several layouts and widgets belonging to the layouts.

Images