WO2023128285A1

WO2023128285A1 - Webpage production support method and system for producing adaptive webpages by assembling content in block units to which grid rules are applied

Info

Publication number: WO2023128285A1
Application number: PCT/KR2022/018522
Authority: WO
Inventors: 장한필
Original assignee: 주식회사 엠몬스타
Priority date: 2021-12-29
Filing date: 2022-11-22
Publication date: 2023-07-06
Also published as: KR102536567B1

Abstract

The present invention relates to a method for producing an adaptive webpage by assembling content in block units to which grid rules are applied, and a webpage production support method and system for supporting same, which can provide an e-commerce solution using container block-type construction, the method comprising: a step for structuring blocks of content units having a front-end registration function; a step for providing a user interface to a user terminal, for generating information on registration of the structured blocks and information on containers including at least one of the structured blocks; a step for receiving, through the user interface provided to the user terminal, the input of a block edit signal for a block included in the containers and a container position change signal for arranging containers; and a page construction step for constructing a web page in correspondence with the inputted block edit signal and container position change signal, thereby providing a webpage production support system and method that enable webpage production and website construction, even without knowledge related thereto, by simply combining blocks of various functions and forms.

Description

A method and system for supporting webpage production that creates an adaptive webpage by assembling block-level contents to which grid rules are applied

The present invention relates to a method and system for supporting webpage production, and to create a webpage capable of providing an e-commerce solution using a container block-type construction that produces an adaptive webpage by assembling block-based contents to which a grid rule is applied and supports it. It is about support methods and systems.

In general, a webpage providing system provides users with a webpage including specific contents using a template in which service-related contents are predefined. In addition, a personal web page allocated to an individual also provides a predefined template, and the content input by the user is exposed through the predefined template. That is, the user can simply control individual contents within a predefined template.

For example, users who want to advertise their products through a personal web page allocated to users on a product sales site can simply select a template according to a desired theme from among predefined templates for each theme. At this time, users can input individual contents according to the selected template, and the webpage providing system simply configures and provides a personal webpage so that individual contents entered in correspondence with a predefined position in the selected template are exposed to the corresponding position. .

However, in this prior art, in order to change the composition of a personal webpage, users simply change the theme to configure a personal webpage through another predefined template, or change the location of the content input by the user directly on a content basis. Should be. For example, when moving a plurality of contents located at the bottom of a web page to the top, users have to move the positions of each of the plurality of contents from the bottom to the top, which is inconvenient.

Meanwhile, the current web page may be produced by a person with relevant knowledge, by purchasing a template site already made, or by replacing the skin of the purchased site.

Alternatively, it is provided in the form of a blog editor to write on the screen or to create a web page by inserting text, figures, or images.

At this time, in order to add a desired function or change its location, users have to modify the source if they have relevant knowledge, and if they do not have relevant knowledge, they have to create a new one by replacing it with a template or skin that has the desired function.

In addition, it is difficult for individuals to directly modify web pages or create new functions on websites that require various functions, such as shopping malls, rather than personal websites.

[Prior art literature]

(Patent Document 1) KR 10-1576095 B1

The present invention is derived from such a technical background, and even if there is no knowledge related to web page production and website construction, a web page production support system capable of easily combining various functions and forms of blocks to create web pages and website construction. Its purpose is to provide a method and method.

In addition, a web page production support system that can reduce the time and effort required for building a shopping mall and web page creation and editing by providing a solution that makes planning, design, publishing, and development easier and more convenient when building an e-commerce shopping mall. And to provide a method.

The present invention for achieving the above object includes the following configuration.

That is, the method performed in the web page creation support system according to an embodiment of the present invention includes structuring a content unit block including a front-end registration function, including at least one of the structured block registration information and the structured block. Providing a user interface for generating container information to a user terminal, receiving a block editing signal included in the container and a container position change signal for container arrangement through a user interface provided to the user terminal, and the input and a page building step of building a web page corresponding to the received block editing signal and container location change signal.

On the other hand, a system for supporting web page production generates a structuring unit for structuring a content unit block including a front-end registration function, structured block registration information in the structuring unit, and a container including at least one structured block. A user interface providing unit for providing a user interface to a user terminal, a signal input unit receiving a block editing signal included in the container and a container position change signal for container arrangement through a user interface provided by the user interface providing unit, and the and a web page building unit that builds a web page corresponding to the input block editing signal and the container location change signal.

According to the present invention, it is possible to provide a webpage production support system and method capable of easily combining webpage production and website construction using various functions and types of blocks even without knowledge related to webpage production and website construction. is derived

In addition, a web page production support system that can reduce the time and effort required for building a shopping mall and web page creation and editing by providing a solution that makes planning, design, publishing, and development easier and more convenient when building an e-commerce shopping mall. And there is an effect that can provide a method.

1 is an exemplary diagram for explaining the operation of a system for supporting webpage production according to an embodiment of the present invention.

2 is an exemplary diagram illustrating the overall process of a method for supporting webpage creation performed in a webpage creation support system according to an embodiment of the present invention.

3 is a flowchart of a method for supporting webpage creation according to an embodiment of the present invention.

4 is an exemplary diagram for explaining a concept of a block and a container according to an exemplary embodiment.

5 is an exemplary diagram for explaining a grid structure according to an exemplary embodiment.

6 is an exemplary view for explaining a state in which a grid and a block are combined according to an exemplary embodiment.

7 is an exemplary diagram illustrating movement directions of blocks and containers according to an embodiment of the present invention.

8 and 9 are exemplary diagrams for explaining a process of selecting a web page template according to an exemplary embodiment.

10 to 17 are exemplary diagrams of block administrator registration screens for inputting block registration information for each screen type according to an exemplary embodiment.

18 and 19 are exemplary diagrams of web page construction screens according to an embodiment.

It should be noted that technical terms used in the present invention are only used to describe specific embodiments and are not intended to limit the present invention. In addition, technical terms used in the present invention should be interpreted in terms commonly understood by those of ordinary skill in the art to which the present invention belongs, unless specifically defined otherwise in the present invention, and are excessively inclusive. It should not be interpreted in a positive sense or in an excessively reduced sense.

Hereinafter, preferred embodiments according to the present invention will be described in detail with reference to the accompanying drawings.

A system for supporting production of a webpage according to an embodiment of the present invention may be implemented by at least one computer device, and a method for supporting production of a webpage according to an embodiment is a webpage production support system for supporting production of a webpage. It can be performed through at least one computer device included in (10).

At this time, the computer program according to an embodiment of the present invention may be installed and driven in the webpage production support system, and the webpage production support system may control the webpage according to the embodiments of the present invention under the control of the driven computer program. Production support method can be performed. The above-described computer program is combined with a webpage production support system, and the webpage production support method may be stored in a computer readable recording medium in order to execute the method for webpage production support on a computer.

At this time, a computer program according to an embodiment of the present invention may be installed and driven in the computer device, and the method for supporting web page production according to embodiments of the present invention may be performed under the control of the driven computer program. Methods for production support can be performed. The above-described computer program may be combined with a computer device and the method for supporting webpage creation may be stored in a computer readable recording medium in order to execute the method for supporting webpage creation on a computer.

The network environment of FIG. 1 includes a plurality of electronic devices, a plurality of servers, and a network 30 in addition to the system 10 and the user terminal 20 for supporting web page creation.

The number of electronic devices and the number of servers are not limited. A plurality of electronic devices such as the user terminal 20 may be a fixed terminal implemented as a computer device or a mobile terminal.

The user terminal 20 includes, for example, a smart phone, a mobile phone, a navigation device, a computer, a laptop computer, a digital broadcasting terminal, a personal digital assistant (PDA), a portable multimedia player (PMP), a tablet PC, and the like. In embodiments of the present invention, the user terminal 20 is one of various physical computer devices capable of communicating with other electronic devices and/or servers through the network 30 using a substantially wireless or wired communication method. can mean

The communication method is not limited, and may include not only a communication method utilizing a communication network (eg, a mobile communication network, wired Internet, wireless Internet, and broadcasting network) that the network may include, but also short-range wireless communication between devices. For example, the network 30 includes a personal area network (PAN), a local area network (LAN), a campus area network (CAN), a metropolitan area network (MAN), a wide area network (WAN), and a broadband network (BBN). , one or more arbitrary networks such as the Internet. In addition, the network 30 may include any one or more of network topologies including a bus network, a star network, a ring network, a mesh network, a star-bus network, a tree or a hierarchical network, and the like. Not limited.

The adaptive web page creation support system 10 communicates with a plurality of electronic devices and user terminals 20 through a network 30 to provide commands, codes, files, contents, services, etc., or a computer device or a plurality of computers. Can be implemented in devices. For example, the webpage production support system 10 may be a system that provides a service (eg, an online shopping mall production service, etc.) to a plurality of electronic devices connected through the network 30 .

Adaptive webpage production support system 10 according to an embodiment is a webpage through access to a dedicated application installed on a client for a user terminal 20 or a web/mobile site related to the webpage production support system 10 Production support services can be provided. In the adaptive webpage production support system 10, a system for a computer-implemented adaptive webpage production support service may be configured. For example, a system for supporting service for creating an adaptive web page may be implemented in the form of a program that operates independently or configured in the form of an in-app of a specific application to enable operation on a specific application.

The processor of the adaptive webpage production support system 10 may include at least one component as a component for performing the adaptive webpage production service support method. Elements of the processor according to embodiments may be selectively included in or excluded from the processor. Also, according to embodiments, processor elements may be separated or merged to express the functions of the processor.

The processor of the adaptive web page creation support system 10 may include a memory, a communication unit, and an input/output interface.

The memory 160 is a computer-readable recording medium and may include a random access memory (RAM), a read only memory (ROM), and a permanent mass storage device such as a disk drive. Here, a non-perishable mass storage device such as a ROM and a disk drive may be included in the adaptive web page creation support system 10 as a separate permanent storage device distinct from memory.

Also, an operating system and at least one program code may be stored in the memory 160 . These software components may be loaded into the memory from a computer-readable recording medium separate from the memory. The separate computer-readable recording medium may include a computer-readable recording medium such as a floppy drive, a disk, a tape, a DVD/CD-ROM drive, and a memory card. In another embodiment, software components may be loaded into a memory through a communication unit rather than a computer-readable recording medium. For example, software components may be loaded into the memory 160 of the adaptive webpage creation support system 10 based on a computer program installed by files received through a network.

A processor may be configured to process instructions of a computer program by performing basic arithmetic, logic, and input/output operations. Instructions may be provided to the processor by the memory 160 or the communication unit 110 . For example, the processor may be configured to execute instructions received according to program codes stored in a recording device such as a memory.

The communication unit 110 may provide a function for the adaptive webpage production support system 10 to communicate with other devices (eg, the storage devices described above) through a network. For example, a request, command, data, file, etc. generated by a processor of a computer device according to a program code stored in a recording device such as a memory may be transmitted to other devices through a network under the control of the communication unit 110 . Conversely, signals, commands, data, files, etc. from other devices may be received by the adaptive webpage production support system 10 through the communication unit 110 via the network. Signals, commands, data, etc. received through the communication unit 110 may be transferred to a processor or memory, and files may be stored in a storage medium (such as a permanent storage device) that the adaptive webpage creation support system 10 may further include. ) can be stored.

Also, in other embodiments, the adaptive webpage production support system 10 may include fewer or more components than those of FIG. 1 .

Hereinafter, specific embodiments of a method and system for providing an adaptive webpage creation support service will be described.

The processor of the system 10 for supporting webpage creation according to an embodiment further includes a structuring unit 120, a user interface providing unit 130, a signal inputting unit 140, and a webpage building unit 150.

The structuring unit 120 structures a content unit block including a front-end registration function. The structuring unit 120 structures a content unit block to be included in a web page so that a front (screen) and an admin (registration function) are combined.

The user interface providing unit 130 provides a user interface for generating a container including at least one structured block registration information and at least one structured block in the structuring unit 120 to the user terminal 20 . For example, the user terminal 20 may provide a user interface in a state in which a webpage production support service dedicated app or a webpage production support service website accessible through the user terminal 20 is accessed through a network.

In one embodiment, the container includes at least one or more blocks having the same height based on the width of the screen on which the web page is displayed.

At this time, the user interface providing unit 130 receives a block editing signal and a container position change signal by moving the structured block in units of grid columns based on grids divided into grids having constant widths and intervals.

The user interface providing unit 130 receives a selection of one of the blocks included in the container and receives content information to be included in the selected block.

In this case, the content information may include at least one of text content, video content, banner information, a simple payment function, a biometric authentication function, and a ranking function.

In another embodiment, the user interface providing unit 130 presents one or more template samples in which blocks and containers are arranged in different shapes to the user terminal 20, and one of the presented templates is selected.

In addition, the user interface providing unit 130 receives block registration information including exposure period for each block, banner information including at least one main phrase and sub phrase, image information, and product registration information.

The signal input unit 140 receives a block editing signal included in a container and a container position change signal for container arrangement through the user interface provided by the user interface providing unit 130 .

Further, the web page building unit 150 builds a web page corresponding to the block editing signal and the container location change signal input through the signal input unit 140 .

A method for supporting webpage creation according to an embodiment provides an adaptive user interface optimized for each PC version and mobile version device.

That is, a page can be configured by combining block-structured contents for each of the PC version and the mobile version. At this time, it is also possible to provide a template page in which blocks are pre-combined for easy and convenient use. The common page is provided to be selected as an integrated style, and is implemented to enable individual customization.

It can also be implemented to establish rules for various block sizes by applying a grid system. The grid is used as a reference for setting rules for different block sizes.

Briefly, in the method for supporting production of a web page according to an embodiment, a solution version is selected from a user terminal. For example, one of the BASIC, PRO, and SPECIAL versions can be selected. Then, by combining blocks (templates), a page creation supplementary service is requested. Then, after reviewing and consulting the customer's application, additional solutions such as AWS cloud server, database (DB), API, front (common area, block page), admin, SCM, CSM are automatically created. Thereafter, a user interface (UI), ERP, additional SI functions, and additional services such as product recommendation and chatting may be customized, and a website composed of web pages created may be tested and opened.

In general, when building an e-commerce shopping mall, the process of planning + design + publishing + development must be carried out. The development environment includes frontend, backend, and admin such as APP and web.

The front end is a service screen exposed to the user. The front end is a place that handles the screen units of a web or app. It deals with what content goes into the screen, where it goes, and how it will look.

A front-end developer writes a user interface (UI) component entered into a website or app service as code, changes the arrangement, or creates a function that requests necessary information from the web page production support system 10 . Here, everything is covered at once, including visually beautiful layout and convenience. Backend developers are responsible for designing and building these systems. It also plays a role in repairs after service completion. Unlike the frontend, the backend is not directly visible on the screen. It contains information entered by the user and information entered on each screen.

The backend performs everything from simple page movement to creating, modifying, and deleting items. Therefore, for back-end developers, how accurate the data is and how fast the data delivery speed is more important than visual elements.

In one embodiment, the block is a combination of the front (screen) and the admin (registration function), and the container is implemented so that several blocks can be arranged, so that various types of e-commerce can be easily and conveniently changed as the location of the container is changed. can be built

Block can create a new template and provide it to consumers, select it and use it in combination, and conveniently place specialized functions such as simple payment, biometric authentication, ranking, and raffle to easily set the functions of the SI e-commerce solution, It is possible to derive the effect that it is possible to build a solution without a planner.

In particular, in the case of rental malls, after purchasing a solution, skin (design) is purchased separately, and then publishing through a developer or admin (back-end) connection work is separately carried out, resulting in continuous time and cost. A method for supporting web page creation according to an embodiment structures blocks and makes it possible to arrange them in a container, so that only a combination of blocks and containers can be opened on the web. In addition, when a new function is added, it can be implemented in a form that is reflected immediately upon application for a block.

In a method performed in the webpage production support system according to an embodiment, a block of content units including a front-end registration function is structured (S300).

A block is a part that appears as a rectangular box on the screen, and can be implemented as a unit representing one block or one content. Blocks are connected as a set of Front and Admin. Blocks can be implemented in various sizes. Therefore, when arranging on a web page, which is a single screen, there is a risk that the layout may be broken due to incorrect combination.

In addition, a user interface for generating structured block registration information and container information including at least one structured block is provided to the user terminal (S310).

In other words, a conceptual element called a container is additionally introduced to eliminate the case where blocks are incorrectly arranged on one screen.

A container acts like a virtual fence that can combine one or more blocks with the same height based on one screen width.

As shown in FIG. 4 ,

blocks

400a and 400b having the same height but different widths are packed in one

container

410a , 410b and 410c and the containers are stacked in a three-dimensional manner to create a web page.

Also, the

containers

410a, 410b, and 410c may include at least one block having the same height as the width of the screen on which the web page is displayed. For example, container 400a includes one block, and container 400b includes three blocks. At this time, at least one or more blocks included in one container are implemented to have the same height.

Thereafter, a block editing signal included in a container and a container position change signal for container arrangement are received through a user interface provided to the user terminal (S320).

In one aspect of the present invention, the step of receiving a position change signal includes a block edit signal and a container position change signal by moving a block structured in units of grid columns based on a grid divided into grids having constant widths and intervals. is input.

As shown in FIG. 5, the grid is implemented in a form in which the screen is divided into grids with regular sizes and intervals, and guidelines for editing blocks and containers can be provided.

Page readability and aesthetics can be improved when editing a page by changing the location of blocks and containers in units of grid columns.

As shown in FIG. 6, various screens can be systematically configured by applying a grid.

The grid may be implemented to apply, for example, a 12-column grid on one screen, or may be implemented to configure the screen in different ratios by dividing left and right.

In other words, by applying the grid, the screen can be seen to be tidy and can be a guide for block movement.

As shown in FIG. 7, blocks can move left and right within a container, and containers can move up and down. In addition, block movement must be performed within a container that can be moved in grid units and has the same height.

On the other hand, when moving a block to a different container, it can be implemented to determine the height of the moving target container and perform image scaling so that the block size is changed so that the height of the block to be moved matches the moving target container. there is. Alternatively, when the height size of the container and the block do not match, a notification and a message for not proceeding may be output.

At this time, when arranging blocks on a grid-based screen, it is necessary to arrange blocks so that there is an empty grid where no blocks are placed or blocks of different heights do not invade each other into different container areas. In other words, while setting the size and position of various blocks on the grid pattern, even when there is an empty grid without blocks or containers, or when blocks of different heights or sizes are adjacent to each other to harm the proportions, the relevant notification and progress impossible message It can be implemented to output.

In the case of outputting an inability to proceed message, it may be implemented so as not to proceed to the next step, or an editing function may be provided to perform an operation for improvement.

In one aspect of the present invention, in the step of receiving a position change signal, templates in which at least one or more blocks and containers are arranged in different shapes are presented, and one of the presented templates is selected.

A screen can be designed by combining blocks, and the blocks designed on the screen include a technical configuration that is displayed and selected as an image for each block when disclosed to external users or used internally.

As shown in FIGS. 8 and 9 , a screen template portfolio composed of various types of block combinations capable of configuring screens can be provided.

By selecting one from the list of template portfolios, a combination of block and container can be selected and a webpage template form can be input.

For example, the template portfolio list provides a template format that can be used for product or exhibition listings. At this time, the combination of blocks may be implemented in various forms. Each block of the template portfolio is composed of various types of combinations for each format such as blog, news, and magazine.

In one embodiment, in the step of receiving a position change signal, one of the blocks included in the container is selected, and content information to be included in the selected block is input. The content information includes text content, video content, banner information, and simple information. It includes one of payment function, biometric authentication function, ranking function, and raffle function. However, it is not limited thereto.

In one aspect, providing a user interface includes a block administrator registration screen for receiving block registration information including exposure period for each block, banner information including at least one main phrase and sub phrase, image information, and product registration information. provides

As shown in FIG. 10, in the case of registering as a single block administrator, a main title and a subtitle may be input and whether or not to expose each may be set. Then, the exposure period for the corresponding block, banner information for mobile and PC versions, and product registration information are input.

As shown in FIG. 11, a plurality of registration type screens capable of drop-down list may be provided. For at least one or more banners, a block admin registration screen for receiving banner information, exposure setting information, and order editing signals for the mobile version and the PC version is provided.

12 is an exemplary view of a screen for receiving an input of a banner type in a block admin registration screen. The exposure period and usage of at least one or more banners (banner 1, banner 2..), main phrase and sub phrase, link URL information and image information for mobile and PC versions are input.

13 is an exemplary view of a screen for receiving an input of a product type on a block admin registration screen. As shown in FIG. 13, a screen for receiving exposure settings for each product, product title, and product registration information is provided.

14 is an exemplary view of a block admin registration screen for setting a tab+banner type.

Accordingly, a banner to be output to be matched with a selected tab among at least one or more tabs displayed on the screen may be set.

15 is an example of a block admin registration screen for tab + product type setting.

At least one product to be output to be matched with a selected tab among at least one or more tabs displayed on the screen may be set.

16 is an exemplary view of a block admin registration screen for setting a banner+product type, and FIG. 17 is an exemplary view of a block admin registration screen for setting a tab+banner+product type.

Then, a web page is built to correspond to the input block editing signal and the container location change signal (S330).

18 is a web page constructed to correspond to the block edit signal and the container position change signal input through the block admin registration screen for setting tab + banner type, and FIG. 19 shows the block admin registration screen for setting tab + product type. This is a web page built to correspond to the block editing signal and the container location change signal input through That is, a web page is constructed so that contents are displayed at corresponding positions corresponding to the block edit signal and the container position change signal.

The above method may be implemented as an application or implemented in the form of program instructions that can be executed through various computer components and recorded on a computer readable recording medium. The computer readable recording medium may include program instructions, data files, data structures, etc. alone or in combination.

Program instructions recorded on the computer-readable recording medium may be those specially designed and configured for the present invention, or those known and usable to those skilled in the art of computer software.

Examples of computer-readable recording media include magnetic media such as hard disks, floppy disks and magnetic tapes, optical recording media such as CD-ROMs and DVDs, and magneto-optical media such as floptical disks. media), and hardware devices specially configured to store and execute program instructions, such as ROM, RAM, flash memory, and the like.

Examples of program instructions include high-level language codes that can be executed by a computer using an interpreter or the like as well as machine language codes such as those produced by a compiler. The hardware device may be configured to act as one or more software modules to perform processing according to the present invention and vice versa.

Although the above has been described with reference to embodiments, it will be understood that those skilled in the art can variously modify and change the present invention without departing from the spirit and scope of the present invention described in the claims below. You will be able to.

*Description of code*

10: web page creation support system 20: user terminal

30: network 110: communication unit

120: structuring unit 130: user interface providing unit

140: signal input unit 150: web page construction unit

160: memory

Claims

In the method performed in the web page production support system,

Structuring a content-unit block including a front-end registration function;

providing a user interface for generating the structured block registration information and container information including at least one structured block to a user terminal;

receiving a block editing signal included in the container and a container position change signal for container arrangement through a user interface provided to a user terminal; and

and a page building step of building a web page to correspond to the input block editing signal and container location change signal.
According to claim 1,

In the step of receiving the position change signal,

A method of receiving a block edit signal and a container position change signal by moving the structured block in units of grid columns based on a grid divided into grids having a constant width and spacing.
According to claim 1,

the container,

A method of including at least one block of the same height based on the width of a screen on which a web page is displayed.
According to claim 1,

In the step of receiving the position change signal,

One of the blocks included in the container is selected, and content information to be included in the selected block is input.

The content information,

A method of including one of text content, video content, banner information, simple payment function, biometric authentication function, ranking function, and raffle function.
According to claim 1,

In the step of receiving the position change signal,

A method of presenting templates in which at least one or more blocks and containers are arranged in different shapes, and receiving one of the presented templates selected.
According to claim 1,

In the step of receiving the position change signal,

A method of providing a block admin registration screen for receiving block registration information including exposure period for each block, banner information including at least one main phrase and at least one sub phrase, image information, and product registration information.
a structuring unit for structuring blocks of content units including a front-end registration function;

a user interface providing unit that provides a user interface for creating a container including at least one structured block registration information and at least one structured block in the structuring unit to a user terminal;

a signal input unit for receiving a block editing signal included in the container and a container position change signal for container arrangement through a user interface provided by the user interface providing unit; and

A web page creation support system comprising a; web page building unit that builds a web page corresponding to the input block editing signal and container position change signal.
According to claim 7,

The user interface providing unit,

A web page creation support system that receives a block editing signal and a container position change signal by moving the structured block in units of grid columns based on a grid divided into grids having a constant width and spacing.
According to claim 7,

the container,

A web page creation support system including at least one block having the same height based on the width of the screen on which the web page is displayed.
According to claim 7,

The user interface providing unit,

One of the blocks included in the container is selected, and content information to be included in the selected block is input.

The content information,

Text content, video content, banner information, simple payment function, biometric authentication function, including at least one of the ranking function, a web page creation support system.
The method of claim 7, wherein the user interface providing unit,

A web page production support system that presents at least one template sample in which blocks and containers are arranged in different forms to a user terminal and receives one of the presented templates selected.
According to claim 7,

The user interface providing unit,

A web page production support system that provides a block administrator registration screen for receiving block registration information including exposure period for each block, banner information including at least one main phrase and sub phrase, image information, and product registration information.