Method, system, and program for creating web page data
The use of multimodal models to analyze and format data into JSON formats simplifies web page data creation, reducing user burden and enhancing efficiency.
Patent Information
- Application Number
- JP2024124208
- Authority / Receiving Office
- JP · JP
- Patent Type
- Applications
- Current Assignee / Owner
- Filing Date
- 2024-07-31
- Publication Date
- 2026-02-13
AI Technical Summary
Conventional web page data creation methods impose a heavy burden on users unfamiliar with the process due to the need for manual input of various data on user terminals.
A method utilizing a multimodal model to analyze original data, such as image and text data, to create an analysis data group, which is then used to generate web page data, reducing user input requirements and simplifying the creation process.
This approach allows users to create web page data efficiently and quickly by minimizing user interaction, leveraging multimodal models to analyze and format data into natural language JSON formats, enabling quick and flexible web page data generation.
Smart Images

Figure 2026022720000001_ABST
Abstract
Description
[Technical Field]
[0001] The present invention relates to a web page data creation method for creating web page data. [Background technology]
[0002] A conventional method for creating web page data is described in Patent Document 1. In this method, when a user creates web page data, various screens are displayed on the user terminal through communication processing between the user terminal and a server. For example, a basic information input screen for inputting the user's store information, a template selection screen for selecting one of multiple templates, and a content input screen for inputting data to be displayed in an area within the template are displayed.
[0003] When a user operates the user terminal, various data is input to these various screens, thereby creating web page data. [Prior art documents] [Patent documents]
[0004] [Patent Document 1] Japanese Patent Publication No. 2020-091715 Summary of the Invention [Problem to be solved by the invention]
[0005] According to the above-described conventional method for creating web page data, the user must operate the user terminal to input various data, which poses a heavy burden for users who are unfamiliar with creating web page data.
[0006] The present invention has been made to solve the above-mentioned problems, and aims to provide a method for creating web page data that can reduce the burden on users when creating web page data. [Means for solving the problem]
[0007] In order to achieve the above object, the method for creating web page data according to claim 1 is characterized in that an original data acquisition step of acquiring image data and text data, or original data including image data, an analysis data group creation step of creating an analysis data group by analyzing information in the original data using a multimodal model, and a web page data creation step of creating web page data from the analysis data group using the multimodal model are executed by a processing device.
[0008] According to this web page data creation method, original data is acquired, and a multimodal model is used to create a set of analyzed data by analyzing information in the original data. Then, web page data is created from the set of analyzed data using the multimodal model. Therefore, a user wishing to create web page data can create web page data simply by providing image data and text data, or original data including image data, to a processing device. This reduces the burden on the user when creating web page data. Note that the term "multimodal model" used in this specification refers to a model that can use multiple types of data, such as image data, text data, and audio data, as input, and includes a large multimodal model and a multimodal large language model. Furthermore, "executed by a processing device" used in this specification is not limited to a single processing device, but also includes execution by the cooperation of multiple processing devices.
[0009] In the present invention, in the analysis data group creation step, it is preferable that the use case of the original data is identified by analyzing the information of the original data, and an analysis data group is created from the information of the original data based on the use case of the original data.
[0010] According to this web page data creation method, an analysis data group is created from information in the original data based on the use case of the original data, and the analysis data group can be created as a data group classified in accordance with the use case of the original data. As a result, when creating web page data with the same use case as the original data, the web page data can be created efficiently and quickly. Note that in this specification, the "use case of web page data" refers to the purpose and field of use of the web page data, the type of action expected from viewers of the web page, etc.
[0011] In the present invention, the analysis data group is preferably created as a data group in which the information of the original data is expressed in natural language.
[0012] According to this web page data creation method, the analysis data group is created as a data group that expresses the information of the original data in natural language, so that the analysis data group can be created as a summarized (compressed) representation of the content, state, and structure of the original data, thereby improving the convenience of creating web page data from the analysis data group.
[0013] In the present invention, the analysis data group is preferably created as a data group in JSON format.
[0014] According to this web page data creation method, the analysis data group is created as a data group in JSON format, which reduces the computational load compared to using analysis data groups in CSV format, XML format, etc., and enables web page data to be created efficiently and quickly. In addition, the high degree of freedom in the data format makes it easy to expand and change the analysis data group, and the high readability makes maintenance easy.
[0015] In the present invention, it is preferable that a determination step of determining a use case of the web page data is further executed by the processing device, and in the web page data creation step, one template is selected from a plurality of templates based on the use case of the web page data, and the web page data is created by applying the analysis data group to the one template.
[0016] According to this method for creating web page data, one template is selected from a plurality of templates based on the use case of the web page data, thereby making it possible to create web page data suited to the use case.
[0017] In the present invention, in the web page data creation step, it is preferable that the analysis data in the analysis data group is assigned to multiple blocks in one template, and the analysis data assigned to the multiple blocks is swapped based on a predetermined principle to create multiple web page data that are different from each other.
[0018] This method for creating web page data allows a single template to be used to create multiple different web page data, thereby providing multiple web page patterns to the user and improving the convenience of the user when using the web page data.
[0019] In order to achieve the above-mentioned object, a web page data creation system of the present invention is characterized by including a processing unit that executes any one of the above-mentioned web page data creation methods.
[0020] In order to achieve the above-mentioned object, a web page data creation program of the present invention is characterized by causing a processing unit to execute any one of the above-mentioned web page data creation methods. [Brief explanation of the drawings]
[0021] [Figure 1] 1 is a diagram illustrating a schematic configuration of a creation system that executes a web page data creation method according to an embodiment of the present invention. [Figure 2] FIG. 10 is a sequence diagram showing a control process when a user applies for creation of web page data in the creation system. [Figure 3] FIG. 10 is a diagram showing a data input screen. [Figure 4] FIG. 10 is a diagram showing a screen during creation. [Figure 5] 10 is a flowchart showing a first process of the web page data creation process. [Figure 6] 10 is a flowchart showing a second process in the process of creating web page data. [Figure 7] FIG. 10 is a diagram showing an example of one set of section data group. [Figure 8] FIG. 10 is a diagram illustrating an example of a template. [Figure 9] FIG. 10 is a sequence diagram illustrating a web page data confirmation process. [Figure 10] FIG. 10 is a diagram illustrating a web page screen. DETAILED DESCRIPTION OF THE INVENTION
[0022] A method for creating web page data according to one embodiment of the present invention will be described below. In this embodiment, the method for creating web page data is executed in a web page data creation system 1 (hereinafter simply referred to as "creation system 1") shown in FIG. 1, as will be described later.
[0023] 1, the creation system 1 is composed of a plurality of user terminals 2 (only one is shown), a server 3, and a network 5. The network 5 is composed of a wired communication network including the Internet and a wireless communication network, and the plurality of user terminals 2 and the server 3 are configured to be able to communicate with each other via the network 5.
[0024] Next, we will explain the user terminal 2. In the following explanation, we will take as an example the user terminal 2 operated by a user 6, among the multiple user terminals 2. In this embodiment, the user 6 is a business operator or individual who wishes to create web page data.
[0025] The user terminal 2 is configured as a desktop computer, and includes a display 2a, a device main body 2b, an input interface 2c, and the like.
[0026] The device main body 2b includes a storage such as an HDD, a processor, memory (RAM, EEPROM, ROM, etc.), an I / O interface circuit, etc. (none of which are shown in the figure). Application software for executing various control processes, which will be described later, is installed in the storage of this device main body 2b.
[0027] The input interface 2c is composed of a keyboard, a mouse, and the like for operating the user terminal 2. As will be described later, the user 6 operates the input interface 2c to perform various processes such as applying to create web page data.
[0028] Server 3 is operated by a corporation that creates web page data as part of its business, and is composed of a physical server. Server 3 is equipped with a control unit, a storage unit, a memory unit, and a communication unit (none of which are shown). The control unit is composed of a CPU, memory, an I / O interface, etc., and the storage unit is composed of an HDD or SSD, etc. Furthermore, the memory unit is composed of storage devices such as ROM and RAM, and the communication unit is composed of a communication circuit.
[0029] The storage unit has installed therein programs for executing various control processes described below, and the memory unit stores a large multimodal model, multiple templates, etc. In the present embodiment, for example, Claude 3 Sonnet ("Claude" is a registered trademark) is used as the large multimodal model.
[0030] Furthermore, a plurality of (for example, a dozen or so) templates are set corresponding to a plurality of use cases such as electronic commerce (EC), events, and web reservations.
[0031] In the case of this server 3, the control unit starts and executes the programs in the storage unit, thereby executing various control processes described below, and also executing data communication with the user terminal 2 via the communication unit. In this embodiment, the server 3 corresponds to an arithmetic processing device. Furthermore, the server 3 is not limited to being a physical server, and may be configured as a virtual server.
[0032] Next, a description will be given of the process of creating web page data in the creation system 1. First, with reference to FIG. 2, a description will be given of the control process when the user 6 applies for creation of web page data.
[0033] It is assumed that the following control process is executed when the user 6 operates the input interface 2c of the user terminal 2 and has already logged in to the web page data creation system in the server 3. In the following description, the operation of the input interface 2c by the user 6 is referred to as a "user operation."
[0034] As shown in the figure, first, a creation application process is executed at the user terminal 2 (FIG. 2 / STEP 1). In this creation application process, creation application data is sent from the user terminal 2 to the server 3 by user operation. This creation application data is data used by the user 6 to apply for the creation of web page data.
[0035] When the server 3 receives this creation application data, the server 3 executes an input screen data transmission process (FIG. 2 / STEP 2). In this input screen data transmission, the input screen data is transmitted from the server 3 to the user terminal 2. This input screen data includes data for a data input screen 10 (see FIG. 3 described later) for the user 6 to input data for creating web page data.
[0036] When this input screen data is received by the user terminal 2, a creation data input process is executed at the user terminal 2 (FIG. 2 / STEP 3). In this creation data input process, first, the data input screen 10 shown in FIG. 3 is displayed on the display 2a of the user terminal 2.
[0037] As shown in Figure 3, the following are displayed from top to bottom on the data entry screen 10: "Create a homepage from reference data," "Create a homepage by referring to URLs and files," and "Create from URL." In this case, URL stands for Uniform Resource Locator.
[0038] Also, radio button 10a is displayed adjacent to the left of the words "Create from URL," and a URL input box 10b is displayed below the words "Create from URL." Furthermore, the words "Enter URL" are displayed inside URL input box 10b, and below URL input box 10b, the words "Available items: your company's homepage before migration, mail order site, pages you want to refer to, etc." are displayed.
[0039] In addition, the words "Create from file" are displayed below the words "Available items: your company's homepage before migration, mail order site, pages you would like to use as reference, etc.", and radio button 10c is displayed nearby to the left of the words "Create from file."
[0040] Furthermore, below the words "Create from file" a list box 10d is displayed, and below the list box 10d the words "Available items: flyers, homepage screenshots, etc." Also, at the very bottom of the data entry screen 10, an execute button 10e is displayed, and inside this execute button 10e the words "Analyze data" are displayed.
[0041] If the user 6 has not performed an operation to select a file via the list box 10d, the words "Select a file" are displayed in the list box 10d, and the words "Not selected" are displayed to the right of the list box 10d, as shown in Figure 3.
[0042] In the creation data input process, while the data input screen 10 configured as described above is displayed, the user performs the following URL input operation or file selection operation to request the creation of new web page data.
[0043] Here, the URL input operation is, for example, an operation by user 6 to use his / her own existing web page data (homepage data) as creation data. In this URL input operation, after the user clicks radio button 10a, the URL data of user 6's own existing web page is input into URL input box 10b.
[0044] On the other hand, the file selection operation is an operation for using a file (image data, PDF data, PPT data, etc.) in the user terminal 2 as creation data. In this file selection operation, the user clicks the radio button 10c, and then selects a file in the user terminal 2 via the list box 10d.
[0045] In the creation data input process, after the above URL input operation or file selection operation is performed, the execution button 10e is pressed, and the creation data including the URL data or file is sent from the user terminal 2 to the server 3.
[0046] When the server 3 receives this creation data, the server 3 executes a process for transmitting screen data in progress (FIG. 2 / STEP 4). This process for transmitting screen data in progress is for transmitting the screen data in progress from the server 3 to the user terminal 2, and is executed continuously until a process for transmitting web page data (see FIG. 9), which will be described later, is executed.
[0047] When this in-progress screen data is received by the user terminal 2, the user terminal 2 executes in-progress screen display processing (FIG. 2 / STEP 5). In this in-progress screen display processing, the in-progress screen 11 shown in FIG. 4 is displayed on the display 2a of the user terminal 2. As shown in FIG. 4, the words "Page is being generated..." are displayed at the top of the in-progress screen 11, and an indicator 11a is displayed below that. This indicator 11a indicates the progress of the creation of the web page data. This allows the user 6 to check the progress of the web page data.
[0048] Furthermore, below the indicator 11a, the words "Did you know?" and "We can create a variety of homepages" are displayed in order from top to bottom, and below these words, homepage sample examples 11b to 11e are displayed, allowing the user 6 to view the homepage sample examples while waiting for the creation of the web page data to finish.
[0049] Next, the process of creating web page data will be described. This process of creating web page data is executed in parallel with the process of transmitting input screen data when the server 3 receives the creation application data.
[0050] In this web page data creation process, the primary process shown in Fig. 5 and the secondary process shown in Fig. 6 are executed. First, the primary process will be explained. This primary process is intended to obtain the analysis results of the original data, as will be described below.
[0051] As shown in Fig. 5, in the primary processing, first, an original data acquisition process is executed (Fig. 5 / STEP 11). In this original data acquisition process, original data is acquired based on creation application data, as described below.
[0052] In this case, when the creation request data includes URL data, web page data (screenshots and HTML data) corresponding to the URL is acquired as the original data through communication with a web server (not shown) corresponding to the URL. On the other hand, when the creation request data includes a file, the file is acquired as the original data.
[0053] Next, an analysis data group creation process is executed (FIG. 5 / STEP 12). In this analysis data group creation process, the content of the original data is analyzed using a large-scale multimodal model, as described below, to create an analysis data group.
[0054] First, the original data is input into a large-scale multimodal model, and the images and text in the original data, or the information (content) of the images, are analyzed to identify use cases, industries, tone and manners, etc., and based on these identification results, the data to be extracted from the original data is determined.
[0055] For example, if the original data is web page data for a "store landing page," it will determine that the "store concept," "store menu," "product images," etc. should be extracted. Then, the large-scale multimodal model extracts what can be output from "HTML data and data such as images linked from the HTML data" and "web page screenshots," and creates these extraction results as a set of analyzed data in JSON format.
[0056] Next, an analysis result storage process is executed (FIG. 5 / STEP 13). In this analysis result storage process, information such as the analysis data group created as described above, use cases, image data and tone manner in the original data, etc. is stored in the storage of the server 3.
[0057] Next, the secondary processing will be described with reference to Fig. 6. As will be described below, this secondary processing is for creating web page data based on the above-mentioned analysis results, and is executed after the execution of the above-mentioned primary processing.
[0058] As shown in Fig. 6, in the secondary processing, first, a use case determination process is executed (Fig. 6 / STEP 21). In this use case determination process, the use case stored in the storage of the server 3 in the primary processing is determined as the use case for the secondary processing. As a result, the template to be used in the secondary processing is determined to be the template corresponding to the use case for the secondary processing from among the multiple templates.
[0059] Next, a section data group determination process is executed (FIG. 6 / STEP 22). In this section data group determination process, a set of section data groups is determined (created) by the large-scale multimodal model based on the use case determined as described above. In this case, for example, if the use case is a "store landing page," a set of section data groups is determined as shown in FIG. 7.
[0060] That is, if the use case is a "store landing page," a total of 14 section data items, namely, from top to bottom, "Header," "Hero," "Explanation Concept," "Explanation Menu," "Explanation Flow," "Explanation for First-Time Visitors," "Explanation Clerk," "Explanation Address," "Explanation Reviews," "Explanation Sales," "SNS," "Explanation FAQ," "CTA Form," and "Footer," are determined as one set of section data. These 14 section data items represent the types of information data to be inserted into the blocks of the template, which will be described later.
[0061] Next, a block determination process is executed (FIG. 6 / STEP 23). In this block determination process, the 14 section data in the set of section data group determined as described above are linked to the 14 blocks 21 to 34 in the template 20 shown in FIG. 8. Specifically, the "header" and "footer" are linked to blocks 21 and 34, respectively, and the other section data are randomly linked to the remaining 12 blocks 22 to 33. Furthermore, the design (structure) of each block is determined, and the design for expressing that information is basically determined randomly. For example, it is determined whether the block is a heading element consisting of a single sentence of text, or a structure of text and images.
[0062] Next, the web page data creation process is executed (FIG. 6 / STEP 24). In this web page data creation process, data corresponding to the 14 section data (image data, text data, or a combination of image data and text data) is first obtained by reading it from the analysis data group and image data stored in storage. At this time, if the obtained analysis data group and image data are lacking data corresponding to the section data or if appropriate data does not exist, this data is obtained by inference using a multimodal model.
[0063] Next, the data obtained as described above is formatted to correspond to blocks 21 to 34 linked to the 14 section data, and at the same time, the theme and color information are determined based on the tone manner of the original data, thereby finally creating web page data. In this case, the theme means "a design set that brings together the tone manner of the page and the design treatment of the blocks."
[0064] Next, a web page data confirmation process in the creation system 1 will be described with reference to Fig. 9. This web page data confirmation process is for the user 6 to confirm the web page data created by the server 3 as described above.
[0065] 9, in this web page data confirmation process, first, a web page data transmission process is executed in the server 3 (FIG. 9 / STEP 30). In this web page data transmission process, the web page data created as described above is transmitted from the server 3 to the user terminal 2.
[0066] When this web page data is received by the user terminal 2, a web page screen display process is executed in the user terminal 2 (FIG. 9 / STEP 31). In this web page screen display process, a web page screen 40 (see FIG. 10) corresponding to the web page data is displayed on the display 2a of the user terminal 2. This allows the user 6 to confirm what kind of web page has been newly created.
[0067] As described above, according to the web page data creation method of this embodiment, original data is acquired, a multimodal model is used to create a group of analyzed data by analyzing information in the original data, and web page data is created from the group of analyzed data using the multimodal model. Therefore, a user 6 who wishes to create web page data can create the web page data simply by providing the original data to the server 3 via the user terminal 2. This reduces the burden on the user 6 when creating web page data.
[0068] Furthermore, by creating an analysis data group from the information of the original data based on the use case of the original data, the analysis data group can be created as a data group classified in accordance with the use case of the original data. As a result, when creating web page data with the same use case as the original data, the web page data can be created efficiently and quickly.
[0069] Furthermore, by creating the analyzed data sets as JSON format data sets that express the information of the original data in natural language, the computational processing load can be reduced compared to when using analyzed data sets in CSV format, XLM format, etc., and web page data can be created efficiently and quickly.
[0070] In addition, one template is selected from a plurality of templates based on the use case of the web page data, thereby making it possible to create web page data suited to the use case.
[0071] In the above-described use case determination process (FIG. 6 / STEP 21), one or more use cases different from the use case of the original data may be determined as use cases for secondary processing, in addition to or instead of the use case of the original data. In this configuration, user 6 can receive web page data of one or more use cases different from the use case of the original data, in addition to or instead of the same web page data as the use case of the original data, thereby improving convenience for user 6. Note that the one or more use cases different from the use case of the original data may be, for example, those proposed to user 6 by a corporation that creates web page data as part of its business, or those proposed to user 6 by inference using a multimodal model.
[0072] In addition, the embodiment is an example in which one set of section data groups is determined for one use case in the above-mentioned section data group determination process (Figure 6 / STEP 22), but instead, multiple sets of section data groups may be determined for one use case.
[0073] For example, if the use case is a "store landing page," the system may be configured to determine one set of section data using the same method as in the embodiment, and then, in this set of section data, replace 12 section data other than the "header" and "footer" based on a predetermined principle to create multiple sets of section data, and create multiple web page data based on these sets. In this case, the method of replacing the 12 section data based on the predetermined principle may be a method of randomly replacing the 12 section data or a method of replacing the 12 section data according to multiple patterns preset corresponding to the use case. With this configuration, the user 6 can receive multiple examples of web page data creation for one use case, thereby improving the convenience of the user 6.
[0074] Furthermore, although the embodiment is an example in which the server 3 is used as the arithmetic processing device, the server 3 may be used in combination with another server incorporating a large-scale multimodal model as the arithmetic processing device. In that case, the control processes shown in FIGS. 5 to 6 described above may be executed by cooperation between the server 3 and the other server. For example, the process using the large-scale multimodal model may be executed by the other server, and other processes may be executed by the server 3. Furthermore, multiple personal computers may be used as the arithmetic processing device, or a server may be used in combination with multiple personal computers.
[0075] Meanwhile, in the embodiment, a desktop computer is used as the user terminal 2, but instead, a notebook computer, a tablet computer, a smartphone, or the like may be used as the user terminal.
[0076] Furthermore, although the embodiment is an example in which Claude 3 Sonnet is used as the multimodal model, GPT-4o, GEMINI, or the like may be used as the multimodal model instead. [Explanation of symbols]
[0077] 1. Crafting System 3 Server (processing unit) 20 templates 40 Web Page Screen
Claims
1. an original data acquisition step of acquiring image data and text data, or original data including image data; an analysis data group creation step of creating an analysis data group by analyzing information of the original data using a multimodal model; a web page data creation step of creating web page data from the analysis data group using the multimodal model; A method for creating web page data, characterized in that the above steps are executed by a processing unit.
2. 2. The method for creating web page data according to claim 1, A method for creating web page data, characterized in that in the analysis data group creation step, the use case of the original data is identified by analyzing the information of the original data, and the analysis data group is created from the information of the original data based on the use case of the original data.
3. 2. The method for creating web page data according to claim 1, A method for creating web page data, wherein the analysis data group is created as a data group that expresses information of the original data in natural language.
4. 4. The method for creating web page data according to claim 3, A method for creating web page data, characterized in that the analysis data group is created as a data group in JSON format.
5. 2. The method for creating web page data according to claim 1, a determining step of determining a use case of the web page data is further performed by the processing unit; A method for creating web page data, characterized in that in the web page data creation step, one template is selected from a plurality of templates based on a use case of the web page data, and the web page data is created by applying the group of analysis data to the one template.
6. 6. The method for creating web page data according to claim 5, A method for creating web page data, characterized in that in the web page data creation step, analysis data in the analysis data group is assigned to multiple blocks in the one template, and the analysis data assigned to the multiple blocks is swapped based on a predetermined principle to create multiple web page data that are different from each other.
7. A web page data creation system comprising the processor that executes the web page data creation method according to any one of claims 1 to 6.
8. A web page data creating program that causes the processor to execute the web page data creating method according to any one of claims 1 to 6.
Citation Information
Patent Citations
Web site creation support device and program
JP2020091715A