WO2018154801A1 - Système de support de production de page web - Google Patents

Système de support de production de page web Download PDF

Info

Publication number
WO2018154801A1
WO2018154801A1 PCT/JP2017/018036 JP2017018036W WO2018154801A1 WO 2018154801 A1 WO2018154801 A1 WO 2018154801A1 JP 2017018036 W JP2017018036 W JP 2017018036W WO 2018154801 A1 WO2018154801 A1 WO 2018154801A1
Authority
WO
WIPO (PCT)
Prior art keywords
web page
information
image
web
area
Prior art date
Application number
PCT/JP2017/018036
Other languages
English (en)
Japanese (ja)
Inventor
鈴木　英樹
Original Assignee
エヴリ・チューンズ株式会社
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by エヴリ・チューンズ株式会社 filed Critical エヴリ・チューンズ株式会社
Publication of WO2018154801A1 publication Critical patent/WO2018154801A1/fr

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F12/00—Accessing, addressing or allocating within memory systems or architectures
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F13/00—Interconnection of, or transfer of information or other signals between, memories, input/output devices or central processing units
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/12—Use of codes for handling textual entities

Definitions

  • This disclosure relates to a web page creation support system that supports web page creation.
  • Patent Document 1 describes a technique for automatically creating a standard web page based on specific data prepared in advance.
  • Patent Document 1 describes a technique for automatically creating a web page, it is limited to a web page according to a standard format and has a low degree of design freedom. Therefore, it is not suitable for creating a web page with uniqueness in line with the intention of a person who creates a web page and publishes it on the WWW (hereinafter referred to as a page creator).
  • One aspect of the present disclosure preferably provides a technique for supporting the creation of a unique web page in accordance with the intention of the page creator.
  • the web page production support system includes a reception unit, a storage unit, a program creation unit, and a transmission unit.
  • the receiving unit receives design information including at least one image information representing a design design of a web page to be produced and setting information representing settings related to the function of the web page from a web client requesting production of the web page. Is configured to do.
  • the setting information includes coordinate information representing coordinates on an image of at least one clickable area provided on the web page.
  • the program creation unit is configured to create a generation program.
  • This generation program automatically generates a web page corresponding to the design information and setting information corresponding to the web page on the web client side browsing the web page that can be generated based on the stored design information and setting information.
  • the program creation unit is configured to create a generation program that generates a web page having the following functions as a generation program.
  • the web page displays the image information of the design information on the web browser.
  • the web browser recognizes the clickable area.
  • the transmission unit is configured to transmit browsing data corresponding to the web page to the browsing request source web client in response to a browsing request from the web client to the web page.
  • the browsing data includes design information corresponding to the web page and a generation program for generating the web page.
  • a web page having a clickable function can be produced simply by uploading design information and setting information including at least one piece of image information from a web client requesting production of the web page. can do. Therefore, even if the page creator does not have the specialized knowledge necessary for coding work or the like, it is possible to support the creation of a unique web page in accordance with the intention of the page creator.
  • the web page creation support system of the present disclosure may further employ the following configuration.
  • the receiving unit is configured to receive inactive image information and design information including an active image as the design information.
  • the inactive image information is image information representing a state in which all image areas corresponding to at least one clickable area provided on the web page are not targets of operation.
  • Active image information is image information corresponding to inactive image information, and is image information representing a state in which an image area corresponding to a clickable area is a target of operation.
  • the program creation unit is configured to create a generation program that generates a web page having the following functions as the generation program.
  • the web page displays inactive image information on the web browser. Then, when a predetermined operation is performed on the clickable area indicated by the coordinate information of the setting information in the displayed inactive image information, the web page is as follows. That is, the web page is displayed by replacing the image area corresponding to the clickable area in the inactive image information with the image area corresponding to the clickable area in the corresponding active image information.
  • the web page production support system of the present disclosure may be configured to further include a public processing unit.
  • the publication processing unit is configured to register a web page that can be generated based on the design information and setting information saved by the saving unit as a publication target on the World Wide Web. According to such a configuration, the web page is automatically published on the WWW only by uploading the design information and the setting information from the web client requesting the production of the web page. Thereby, since it becomes possible to perform a search easily from the web client on the viewer side, it is possible to increase the chances that the web page is browsed.
  • the web page creation support system of the present disclosure may further employ the following configuration.
  • the receiving unit is configured to receive setting information further including function information indicating a function to be executed when a predetermined execution operation for the clickable area is input.
  • the program creation part is comprised so that the production
  • the web page has a function of executing the function indicated by the function information of the clickable area in the setting information when the execution operation for the clickable area indicated by the coordinate information of the setting information is input in the displayed image information. Also have.
  • the receiving unit may be configured to receive setting information including function information regarding at least one of a hyperlink, an input form, a telephone application, and an e-mail client.
  • setting information including function information regarding at least one of a hyperlink, an input form, a telephone application, and an e-mail client.
  • the web page creation support system of the present disclosure may further employ the following configuration. Specifically, when the image information is displayed as a web page on the web browser, the receiving unit is content width information that is information that defines a range in the horizontal width direction that must be displayed out of the total width of the image information. Is further acquired.
  • the storage unit is further configured to store the content width information received by the receiving unit in the storage device in association with the identification information regarding the web page.
  • the program creation unit is configured to create a generation program that generates a web page further having the following functions as a generation program.
  • the web page includes the entire width of the content area, which is the area represented by the content width information corresponding to the image information, in the display object in the width direction of the web browser.
  • a part of the image information in the horizontal width direction other than the content area that exceeds the horizontal width of the display area of the web browser is excluded from the display target in the horizontal width direction of the web browser.
  • an area including main information such as a message to be transmitted to a viewer on a web page can be set as a content area among uploaded image information.
  • This content area is always displayed regardless of the width of the display range of the web browser.
  • areas other than the content area are displayed as a background that matches the display width of the web browser. In this way, it is possible to produce a web page in a manner that allows the main content area and the background to be properly used according to the intention of the page creator for the uploaded image information.
  • the flowchart showing the procedure of an authentication process An example of a production request screen.
  • the flowchart showing the procedure of a production request reception process An example of a table in which design information and setting information are stored.
  • Explanatory drawing showing the setting procedure of content width Explanatory drawing showing the display procedure of the web page based on the setting of content width.
  • SYMBOLS 1 Web page production support system, 11 ... WWW server, 12 ... Design information database, 13 ... Setting information database, 20 ... Client terminal (production side), 30 ... Client terminal (viewing side), 100 ... Internet.
  • the web page production support system 1 is a computer system managed by an operator who operates a service that supports web page production.
  • the web page production support system 1 is connected to the Internet 100.
  • the web page production support system 1 includes a WWW server 11, a design information database 12, and a setting information database 13.
  • the WWW server 11 is a server computer that provides various information in response to a request from a web client connected to the Internet 100.
  • the WWW server 11 is mainly configured by a CPU, RAM, ROM, auxiliary storage device, input / output interface and the like (not shown).
  • the WWW server 11 has a function of receiving information that is the basis of a web page from a web client (for example, the client terminal 20) that requests creation of the web page.
  • the WWW server 11 has a function of publishing on the WWW a web page that can be constructed from information received from a web client.
  • the WWW server 11 when the WWW server 11 receives a browsing request from a web client (for example, the client terminal 30) for a published web page, the WWW server 11 obtains information necessary for constructing the web page from the browsing request source web client. It has the function to transmit to. These functions are realized, for example, by executing a well-known PHP: HypertextperPreprocessor script installed in the WWW server 11.
  • the design information database 12 is a database for storing design information including information related to the design design of the web page among the information that is the basis of the web page received from the web client that requested the creation of the web page.
  • the setting information database 13 is a database for storing setting information including information related to setting of functions assigned to a web page among information that is the basis of the web page received from the web client that requested the creation of the web page. is there.
  • the WWW server 11, the design information database 12, and the setting information database 13 constituting the web page production support system 1 may be separate devices or may be configured as an integrated device.
  • client terminals 20 and 30 having web browsers for browsing websites are connected to the Internet 100.
  • client terminals 20 and 30 are embodied by portable terminals, such as a personal computer and what is called a smart phone and a tablet computer, for example.
  • portable terminals such as a personal computer and what is called a smart phone and a tablet computer, for example.
  • FIG. 1 for simplicity of explanation, one client terminal 20 and 30 is illustrated, but a large number of client terminals 20 and 30 may be connected to the Internet 100.
  • the client terminal 20 is a computer that functions as a web client that requests the web page production support system 1 to produce a web page via the Internet 100.
  • the client terminal 30 is a computer that functions as a web client that browses web pages published on the WWW by the web page production support system 1 via the Internet 100. Further, the client terminals 20 and 30 have a function of executing a client-side application constructed in a specific script language such as JavaScript (registered trademark), for example.
  • the WWW server 11 authenticates the user related to the client terminal 20 that is the request source. Specifically, the WWW server 11 receives an authentication code for identifying a user from the client terminal 20. Then, the WWW server 11 authenticates the user by determining whether or not the authentication code received from the client terminal 20 matches the authentication code registered in advance as a valid user.
  • the WWW server 11 determines whether or not the user authentication is accepted as a result of S100. When the user authentication is not accepted (S102: NO), the WWW server 11 returns to the process of S100. On the other hand, when the user authentication is accepted (S102: YES), the WWW server 11 proceeds to the process of S104.
  • the WWW server 11 transmits the request application program to the web browser of the client terminal 20 that requested the request.
  • This request application is a client-side application executed on the web browser of the client terminal 20.
  • the request application is constructed in a script language such as JavaScript (registered trademark).
  • This request application displays on the display screen of the web browser a production request screen composed of a GUI for allowing the user to input information that is the basis of the web page to be produced.
  • the request application has a function of uploading information input in accordance with the GUI of the production request screen to the WWW server 11.
  • a production request screen 40 illustrated in FIG. 3 is displayed on the display screen of the web browser as an initial screen.
  • the initial screen of the production request screen 40 illustrated in FIG. 3 displays a user interface for inputting image information representing a design design of a web page to be produced, basic information representing an outline of the web page, and the like. Yes.
  • the production request screen 40 is provided with an image display area 41.
  • This image display area 41 is a user interface for acquiring and displaying an image representing a design design of a web page to be produced.
  • the image display area 41 describes image information representing a design design, that is, a message prompting to input an image file.
  • the user opens an arbitrary file folder on the web browser and selects an image file, or performs an operation of dragging and dropping an icon indicating an image file onto the image display area 41, thereby The file can be input.
  • image information such as an inactive image 50 and an active image 51 as illustrated in FIG. 4 are input as image information representing the design design of a web page.
  • the inactive image 50 and the active image 51 are composed of simple bitmap images that do not include a mechanism such as a document or hypertext.
  • An inactive image is an image representing a design design of a web page, and an image representing a raw state in which all image areas corresponding to at least one clickable area provided on the web page are not targets of operation. It is.
  • an active image is an image corresponding to inactive image information, and is an image representing a state in which an image region corresponding to a clickable region is an operation target.
  • the clickable area is a predetermined process when a point-and-click operation (hereinafter simply referred to as “click”) by a pointing device such as a mouse or a touchpad is input on the display screen of the web browser. Is a specific image area to execute.
  • the active image 51 corresponding to the non-active image 50 representing the prime state As the active image 51 corresponding to the non-active image 50 representing the prime state, the image regions 51a, 51b, 51c, 51d corresponding to the clickable regions are highlighted such as shaded. It shall be. Note that the images in the image area other than the clickable area are the same.
  • the production request screen 40 is provided with an information input area 42.
  • the information input area 42 has a user interface for inputting basic information about a web page to be created.
  • the information input area 42 is provided with user interfaces such as a plurality of types of text boxes, drop-down lists, buttons, and the like indicated by reference numerals 42a to 42g and 43.
  • Numeral 42a indicates a text box for inputting text information representing the title of the web page.
  • Reference numeral 42b denotes a text box for inputting information representing the name of an information providing entity (that is, an advertiser) by a web page.
  • Reference numeral 42c denotes a text box for inputting information representing a simple summary sentence or explanatory text of a web page.
  • Reference numeral 42d indicates a text box for inputting information representing a keyword that is a characteristic of a web page and can be searched by a well-known search engine that searches information on the Internet.
  • Reference numeral 42e denotes a text box for inputting information representing a period for publishing a web page on the WWW.
  • Numeral 42f indicates a pull-down menu for selecting one of a plurality of options for designating whether to publish a web page on the WWW.
  • Reference numeral 42g indicates a pull-down menu for selecting one of a plurality of options for designating the display format of the web page. For example, it is possible to select whether a web page is dedicated for display on a PC, dedicated for display on a smartphone, or shared for display on a PC and smartphone. It has become.
  • Reference numeral 43 denotes a button that completes the input of the image information and the basic information and gives an instruction to shift the production request screen 40 to the next screen.
  • FIG. 5 illustrates a state after the user inputs image information and basic information on the production request screen 40 according to the initial screen illustrated in FIG.
  • an image input by the user is displayed in the image display area 41 of the production request screen 40.
  • the inactive image 50 is drawn on the active image 51 out of the two images of the inactive image 50 and the active image 51 illustrated in FIG. Therefore, only the inactive image 50 is visible to the user.
  • the inactive image 50 may be displayed in the image display area 41, and the active image 51 may be arranged side by side in a non-display state.
  • various types of information input or selected by the user are displayed in the boxes 42a to 42g of the information input area 42.
  • each piece of information input so far is confirmed, and the production request screen 40 shifts to the next input acceptance state illustrated in FIGS. 6 to 8. .
  • the production request screen 40 illustrated in FIGS. 6 to 8 accepts input of information related to setting of functions given to the web page.
  • an area to be set as a clickable area can be designated by a pointing device such as a mouse or a touch pad.
  • the coordinate range of the rectangular clickable area can be specified by clicking the coordinates corresponding to the upper left vertex of the rectangle and dragging the coordinates to the lower right coordinates. Subsequently, the contents of processing to be executed when the designated clickable area is clicked can be set. By repeatedly performing these operations, the functions of a plurality of clickable areas can be set.
  • FIG. 6 shows a situation where a clickable area 51a is designated on the image displayed in the image display area 41.
  • the image area corresponding to the clickable area 51 a in the inactive image 50 displayed over the active image 51 is replaced with the corresponding image area in the active image 51 and displayed.
  • the active image 51 may be arranged side by side in a non-display state next to the inactive image 50. In that case, when a clickable area is designated on the inactive image 50, an image obtained by sliding a corresponding image area in the inactive image 51 by a certain amount is displayed.
  • the setting window 45a pops up in the vicinity of the clickable area 51a.
  • the setting window 45a is a user interface for setting a function assigned to the clickable area 51a.
  • a text box 46a is provided in the setting window 45a. Information indicating the contents of processing to be executed is input to the text box 46a, and the range and function of the clickable area 51a are determined by clicking the apply button 47a in the setting window 45a.
  • a URL indicating a website resource on the Internet is entered in a text box 46a in the setting window 45a.
  • a destination website by the hyperlink function is set as a function of the clickable area 51a.
  • a link information display area 44 is provided in the right area of the production request screen 40. In this link information display area 44, information 44a indicating the URL of the link destination set as a function of the clickable area 51a is displayed.
  • FIG. 7 shows a situation in which another clickable area 51b is set from the situation illustrated in FIG. At this time, the image area corresponding to the clickable area 51 b in the inactive image 50 displayed over the active image 51 is replaced with the corresponding image area in the active image 51 and displayed.
  • the setting window 45b is popped up in the vicinity of the clickable area 51b.
  • the setting window 45b is a user interface for setting a function assigned to the clickable area 51b.
  • the form use button 48 provided in the setting window 45b is clicked, the character string "" form use "" is automatically entered in the text box 46b.
  • ““ form use ”” is input here, a function for starting the input form is set as the function of the clickable area 51b.
  • the apply button 47b in the setting window 45b is clicked, the range and function of the clickable area 51b are determined. Further, as illustrated in FIG. 7, the link information display area 44 displays information 44b indicating “form use” set as a function of the clickable area 51b.
  • FIG. 8 shows a situation in which further clickable areas 51c and 51d are set in the same manner as the procedure described in the examples of FIGS.
  • a function for starting a telephone application for making a call using a designated telephone number as a call partner is set as a function of the clickable area 51c.
  • a function of starting an email client with a designated email address as a destination is set as a function of the clickable area 51c.
  • the link information display area 44 displays information 44c representing the telephone number of the telephone call destination set as a function of the clickable area 51c.
  • information 44d indicating an e-mail address indicating an e-mail destination set as a function of the clickable area 51d is displayed.
  • the publish button 49 provided in the link information display area 44 is clicked.
  • each information input from the user through the production request screen 40 is uploaded to the WWW server 11.
  • the image information representing the design design of the web page (that is, the file of the inactive image and the active image) and the basic information of the web page are uploaded to the WWW server 11 as design information.
  • coordinate information indicating the coordinate range of each clickable area on the web page and information indicating the function of each clickable area are uploaded to the WWW server 11 as setting information.
  • the WWW server 11 receives the design information and setting information uploaded in the information input process executed by the web browser of the requesting client terminal 20.
  • the design information received here includes image information representing the design design of the web page (that is, files of inactive images and active images) and basic information of the web page.
  • the setting information includes coordinate information indicating the coordinate range of each clickable area on the web page and information indicating the function of each clickable area.
  • the WWW server 11 stores the design information and setting information received in S200 in the design information database 12 and the setting information database 13 in association with identification information for identifying the web page. Specifically, the WWW server 11 creates a “page” table that is a table describing the contents of basic information of a web page. Then, the WWW server 11 stores the created “page” table and inactive image and active image files in the design information database 12. Further, the WWW server 11 creates a “link setting” table that is a table describing the contents of the setting information, and stores it in the setting information database 13.
  • the “page” table 60 includes items such as “ID”, “title”, “company name / store name”, “tag”, “description”, and “image file name”. ing. Among these, in the item “ID”, unique identification information given to identify the web page is described. The item “ID” is expressed by a multi-digit numeric string.
  • the title of the web page is described in the “Title” item.
  • This “title” item is expressed by text information.
  • the content described in the “title” item is the content input in the text box 42a illustrated in FIG.
  • the item “company name / store name” is expressed by text information.
  • the content described in the item “company name / store name” is the content entered in the text box 42b illustrated in FIG.
  • the item “explanation” item a summary or explanation of the web page is described.
  • the item “explanation” is expressed by text information.
  • the content described in the item “explanation” is the content input in the text box 42c illustrated in FIG.
  • the information described in each item of “title”, “company name / store name”, and “description” is the result of a search by a well-known search site that provides a search engine function on the Internet. Information that can be presented.
  • Tag a word representing the characteristics of the web page is described.
  • the item of “tag” is expressed by text information.
  • the content described in the “tag” item is the content input in the text box 42d illustrated in FIG.
  • Information described in the “tag” item is information that can be used as a keyword to be searched by a search engine.
  • a common file name is described for each of the inactive image and active image files stored in the design information database 12. For example, when the common file name is “aaa.jpg”, the file name of the inactive image is “aaa.jpg” and the file name of the active image is “aaa_activ.jpg”. In this way, the inactive image and the active image are associated with each other and can be distinguished from each other.
  • the “link setting” table 61 includes items such as “ID”, “page ID”, “link type”, “value”, “coordinate”, and “deletion flag”. Is provided.
  • the “link setting” table 61 is created for each clickable area set in the web page. That is, when a plurality of clickable areas are set for one web page, a plurality of “link setting” tables 61 corresponding to each clickable area are stored in the setting information DB 13.
  • the “ID” item unique identification information given to identify the clickable area is described.
  • the item “ID” is expressed by a multi-digit numeric string.
  • identification information of a web page to which the “link setting” table 61 is applied is described. Specifically, the same identification information as the “ID” item in the “page” table 60 is described in the “page ID” item. In this way, the “page” table 60 and the “link setting” table 61 are associated with each other. Thereby, the function of the clickable area represented by the “link setting” table 61 is applied to the web page related to the associated “page” table 60.
  • link type information indicating the type of function to be executed when the clickable area is clicked on the web page.
  • This item of “link type” is expressed by a number of an identification number assigned in advance for each type of function. Specifically, identification numbers such as 1, 2, 3,... Are assigned for each function such as hyperlink, input form activation, telephone application activation, e-mail client activation, and the like. Then, according to the content of the information indicating the function of the clickable area included in the setting information received in S200, the identification information of the corresponding function is described in the item “link type”.
  • the “value” item information indicating the link destination corresponding to the clickable area is described.
  • This “value” item is expressed by text information.
  • the contents described in the “value” item are a URL, a telephone number, an e-mail address, and the like as a connection destination of a function assigned to the clickable area.
  • These URL, telephone number, e-mail address, etc. are the contents entered in the text box 46 exemplified in FIGS.
  • coordinate information indicating the coordinate range of the clickable area on the inactive image and the active image is described.
  • value is expressed by text information. For example, when the clickable area is set as a rectangle, coordinate values representing the coordinates of the upper left vertex and the lower right vertex of the rectangular image area are described.
  • This “value” item is represented by a number of 0 or 1. Specifically, by describing the number “1” in this “deletion flag” item, it is possible to set the web page to be displayed with no clickable area.
  • the WWW server 11 executes a process of registering a web page that can be generated based on the design information and setting information saved in S202 as a publication target on the WWW. Specifically, the WWW server 11 accesses a well-known search site that provides a search engine function, and registers a URL including information indicating the web page as a search target in the WWW server 11. Thereby, the browsing person can search the said website through a search site.
  • the WWW server 11 when registering a web page in a search site, the WWW server 11 includes “title”, “company name / store name”, “description”, “tag”, etc. described in the “page” table 60 related to the web page.
  • the contents of each item may be registered together with the URL of the web page.
  • the contents of each item such as “title”, “company name / store name”, “explanation” and the like can be presented to the viewer as the contents of the search result by the search engine.
  • words described in each item of “tag” can be set as keywords for searching the web page.
  • the WWW server 11 transmits information indicating that the publication of the web page is completed to the web browser of the client terminal 20 as the request source. After S206, the WWW server 11 ends the production request reception process.
  • the WWW server 11 reads design information and setting information, which are the basis of the web page corresponding to the browsing request from the client terminal 30, from the design information database 12 and the setting information database 13.
  • the information read here includes the contents of the tables 60 and 61 associated with the web page and the inactive image and active image files associated with the web page.
  • the WWW server 11 creates an HTML document incorporating a script configured to automatically generate and display a web page on the web client side based on each information read in S300.
  • the web page generation script is created by the WWW server 11 using a script language mechanism such as JavaScript (registered trademark).
  • the WWW server 11 creates an HTML document incorporating a script for automatically generating a web page having the following mechanism.
  • the web page is configured to display an inactive image on the display screen of the web browser.
  • the following operation is performed. That is, the image area corresponding to the clickable area of the inactive image is replaced with the image area corresponding to the clickable area of the active image, and displayed on the display screen of the web browser.
  • the WWW server 11 forms a script so that a web page is generated according to the content represented by the item “Coordinate” in the “Link setting” table 61.
  • the predetermined operation here is exemplified by a so-called mouse-over operation in which a mouse pointer is placed in a clickable area.
  • the display is returned to the display of the inactive image.
  • this web page is configured to cause a web browser to execute a function assigned to the clickable area when an execution operation such as a click is input to the clickable area.
  • a web page is generated according to the content represented by the item “link type” in the “link setting” table 61 of the clickable area.
  • the WWW server 11 forms a script.
  • the parameter passed to the application that is started when the execution operation is performed on the clickable area is generated as a web page as indicated by the “value” item in the “link setting” table 61 of the clickable area.
  • the WWW server 11 forms a script.
  • the WWW server 11 transmits browsing data including the HTML document created in S302 and the image file (that is, the inactive image and the active image) constituting the web page to the client terminal 30 that is the browsing request source. To do. After S304, the WWW server 11 ends the browsing request acceptance process.
  • the client terminal 30 that has received the browsing data from the WWW server 11 automatically generates a web page by executing a web page generation script by the web browser, and the generated web page is displayed on the web browser. Displayed on the screen.
  • a display example of the web page will be described with reference to FIG.
  • FIG. 12 it is assumed that a web page corresponding to the contents set in the cases of FIGS. 3 to 8 is displayed on the display screen of the web browser of the client terminal 30.
  • the web page 70 in a state of only inactive images is displayed.
  • a pointer 71 operated by a pointing device such as a mouse is also displayed on the display screen of the web browser.
  • the pointer 71 is placed in the clickable area 72 set at the upper left of the web page 70 and the mouse is over.
  • the clickable area 72 is highlighted by shading, and it is clearly shown to the viewer that this clickable area is an operation target. This highlighting is realized by replacing the image area corresponding to the clickable area 72 of the inactive image with the image area corresponding to the clickable area 72 of the active image.
  • the clickable area 72 has a destination website set by the hyperlink function. Therefore, when the clickable area 72 is clicked by the pointer 71 from the stage (2) in FIG. 12, the web browser displays the set link destination website as illustrated in FIG. 12 (3). Access and display the contents of the website on the display screen.
  • the web browser when a clickable area where activation of the input form is set is clicked, the web browser activates and displays a predetermined input form. When a clickable area where activation of the telephone application is set is clicked, the web browser activates the telephone application with the set telephone number as the call destination. When a clickable area where activation of the e-mail client is set is clicked, the web browser activates the e-mail client with the set e-mail address as a destination.
  • the web page production support system 1 has the following effects.
  • By simply uploading design information and setting information to the WWW server 11 from the web browser of the client terminal 20 that requests the creation of a web page a web page having a clickable function can be made public on the WWW. Therefore, even if the page creator does not have the specialized knowledge necessary for coding work or the like, it is possible to support the creation of a unique web page in accordance with the intention of the page creator.
  • the web page is automatically published on the WWW, the viewer can easily perform a search, so that the chances of browsing the web page can be increased. Further, according to the intention of the page creator, it is possible to support the creation of a web page having various functions such as hyperlinks, input forms, telephone applications, and e-mail clients.
  • the processing of S104 and S200 executed by the PHP script of the WWW server 11 corresponds to an example of processing as a receiving unit.
  • the process of S202 executed by the PHP script of the WWW server 11 corresponds to an example of a process as a storage unit.
  • the processing of S204 executed by the PHP script of the WWW server 11 corresponds to an example of processing as a public processing unit.
  • the processing of S302 executed by the PHP script of the WWW server 11 corresponds to an example of processing as a program creation unit.
  • the process of S304 executed by the PHP script of the WWW server 11 corresponds to an example of a process as a transmission unit.
  • a web page is created by uploading two types of images, an inactive image and an active image.
  • the present invention is not limited to this, and an image that is displayed as a background of a web page may be uploaded to be applied to display of a web page.
  • the web browser is configured to display an inactive image superimposed on the front side of the background image.
  • the configuration may be such that the upload of the active image is omitted and the web page can be produced only by uploading the image corresponding to the inactive image.
  • the web browser is recognized as a clickable area when a mouse over operation is performed on the clickable area set to an image corresponding to an inactive image. For example, when a mouse over operation is performed on a clickable area, the display mode of the mouse pointer is changed by the function of the web browser that recognizes the clickable area, so that the viewer can click without changing the image. The area can be recognized.
  • image processing for example, cloudiness or reverse display
  • a configuration has been described in which design information and setting information that is the basis of a web server are input by providing a client-side application that displays a production request screen to a web client that requests web page production.
  • a configuration is provided in which a production request screen created in a server-side application that operates on the WWW server 11 side is provided to a web client, and design information and setting information are input to the web client along the production request screen. There may be.
  • the content width may be set for the uploaded image information, and the web page may be displayed in a manner that reflects the set content width.
  • the specific procedure will be described with reference to FIGS. In the following description of FIG. 13 and FIG. 14, configurations that are not particularly mentioned are based on the configurations of the above-described embodiment.
  • the content width here is a range in the horizontal width direction in which display is essential regardless of the display width of the web browser that browses the web page, out of the total width of the image information uploaded from the client terminal 20 on the production side. is there.
  • information defining the content width is referred to as content width information.
  • the content width information is expressed by, for example, a range of the number of pixels in the horizontal width direction of the image.
  • the production request screen 40 displayed on the display screen of the web browser after the input of the image information is shown in FIG. Transition to contents as exemplified in 1).
  • the timing for shifting to the production request screen 40 in (1) of FIG. 13 is, for example, immediately after an image file or basic information is input on the production request screen 40 illustrated in FIG.
  • the production request screen 40 illustrated in (1) of FIG. 13 is provided with an area for displaying the image information input at the previous stage and a GUI for setting the content width. As illustrated in (1) of FIG. 13, an image 52 representing the entire input image information is displayed in the image display area 41 provided on the production request screen 40.
  • the production request screen 40 is provided with a slider 81.
  • the slider 81 is a GUI for designating the content width for the image 52 displayed in the image display area 41.
  • the slider 81 can be operated to expand or contract the content width on the image 52 by moving the knob to the left or right using a pointing device.
  • a display line 82 is displayed on the image 52. The display line 82 moves to the left and right in conjunction with the position of the knob of the slider 81 and displays the content width.
  • the production request screen 40 is provided with a setting button 83.
  • the setting button 83 When the setting button 83 is clicked, the content width specified by the slider 81 is fixed, and the production request screen 40 shifts to an input acceptance state for the next item. Thereafter, when the information input process performed by the web browser of the client terminal 20 is completed, each piece of information (that is, including design information, setting information, and content width information) input from the user through the production request screen 40 is stored in the WWW server. 11 is uploaded.
  • the WWW server 11 receives the design information, the setting information, and the content width information uploaded from the requesting client terminal 20 in S200 of the production request receiving process (see FIG. 9).
  • the WWW server 11 associates the design information, setting information, and content width information received in step S200 with identification information for identifying a web page, and stores the design information in the design information database 12 and the setting information database 13. save.
  • the content width information may be recorded by providing an item “content width” in the “page” table 60 stored in the design information database 12 as illustrated in FIG. Conceivable.
  • the item “content width” in the “page” table 60 describes information indicating the range of the number of pixels in the width direction of the image. This “content width” item is expressed by text information.
  • the series of procedures includes a procedure in which the WWW server 11 transmits browsing data including information related to the content width to the web client. Moreover, the procedure in which a web page is displayed in the aspect by which the content width was controlled in the web client is included.
  • the WWW server 11 receives design information, setting information, and content width information that are the basis of the web page corresponding to the browsing request, the design information database 12 and the setting information database 13. Read from.
  • the WWW server 11 creates an HTML document incorporating a script configured to automatically generate and display a web page on the web client side based on the information read in S300.
  • the WWW server 11 generates a CSS file that defines the content width as illustrated in (1) of FIG. CSS here is an abbreviation of Cascading Style Sheets, and is a well-known programming language for designating the style of a web page.
  • the CSS file generated here includes information defining the layout of the web page as follows. That is, when image information is displayed on the web browser, the entire width of the area corresponding to the content width defined by the content width information is included in the display object in the horizontal width direction of the web browser. In addition, a portion of the image information in the width direction other than the content width that exceeds the width of the display area of the web browser (that is, the display width) is excluded from being displayed in the width direction of the web browser and is not displayed. And
  • the WWW server 11 receives the browsing data including the CSS file that defines the content width, the HTML document, and the image file, as the client terminal 30 that is the browsing request source. Send to.
  • a web page is generated by the web browser, and the generated web page is displayed on the display screen of the web browser.
  • the web browser of the client terminal 30 controls the display width of the web page based on the CSS file that defines the content width.
  • reference numeral 90 represents an image display range in the web browser.
  • the display range 90 of the web browser includes at least the entire content width defined in the CSS file among the image information represented by the image file.
  • the image area corresponding to the content width is arranged at the center in the horizontal width direction of the display range 90 of the web browser.
  • the background part on both the left and right sides other than the content width includes the range corresponding to the display width of the web browser, and the background part exceeding the display width of the web browser is trimmed. Has been hidden.
  • the horizontal width of the web page matches the display width of the web browser while displaying all the main information on the web page. Can be made.
  • the display area can be moved by a GUI such as a scroll bar installed in the web browser. Specifically, by displaying only the partial area that fits within the display width of the web browser out of the entire content width, and moving the display area in the horizontal width direction as necessary using the scroll bar, at least the entire content width is equivalent. Make the area viewable.
  • the present disclosure can also be realized in various forms such as a support method.

Abstract

Selon la présente invention, un serveur WWW reçoit, en provenance d'un terminal client, des informations de conception indiquant une conception d'une page web, et des informations de configuration concernant une fonction de la page web; et stocker, dans une base de données, les informations de conception et les informations de configuration reçues. Le serveur WWW crée un programme de génération pour générer et afficher automatiquement une page web dans un client web côté navigation, la page web pouvant être générée sur la base des informations de conception et des informations de configuration stockées. En réponse à une demande de navigation, le serveur WWW transmet, à un terminal client d'une source de demande de navigation, des données de navigation qui comprennent des informations de conception qui correspondent à une page web correspondante et un programme de génération pour générer la page web.
PCT/JP2017/018036 2017-02-22 2017-05-12 Système de support de production de page web WO2018154801A1 (fr)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
JP2017-031298 2017-02-22
JP2017031298A JP6235744B1 (ja) 2017-02-22 2017-02-22 ウェブページ制作支援システム

Publications (1)

Publication Number Publication Date
WO2018154801A1 true WO2018154801A1 (fr) 2018-08-30

Family

ID=60417595

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/JP2017/018036 WO2018154801A1 (fr) 2017-02-22 2017-05-12 Système de support de production de page web

Country Status (2)

Country Link
JP (1) JP6235744B1 (fr)
WO (1) WO2018154801A1 (fr)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP7141589B1 (ja) * 2022-05-13 2022-09-26 株式会社ニアメロ 端末装置、方法及びプログラム

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH09237274A (ja) * 1996-02-29 1997-09-09 Toshiba Corp Ｗｗｗ用ｈｔｍｌファイル作成方法及び装置
JPH09282129A (ja) * 1996-04-16 1997-10-31 Nippon Telegr & Teleph Corp <Ntt> クリッカブルマップ設定データ作成方法及びその実施装置
JP2007018383A (ja) * 2005-07-08 2007-01-25 News2U Corp リリース情報公開システム
JP2010072764A (ja) * 2008-09-16 2010-04-02 Digitalmax Co Ltd プログラム作成装置

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2007108994A (ja) * 2005-10-13 2007-04-26 Nippon Digital Kenkyusho:Kk レイアウト編集装置およびレイアウト編集プログラム

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH09237274A (ja) * 1996-02-29 1997-09-09 Toshiba Corp Ｗｗｗ用ｈｔｍｌファイル作成方法及び装置
JPH09282129A (ja) * 1996-04-16 1997-10-31 Nippon Telegr & Teleph Corp <Ntt> クリッカブルマップ設定データ作成方法及びその実施装置
JP2007018383A (ja) * 2005-07-08 2007-01-25 News2U Corp リリース情報公開システム
JP2010072764A (ja) * 2008-09-16 2010-04-02 Digitalmax Co Ltd プログラム作成装置

Also Published As

Publication number Publication date
JP2018136786A (ja) 2018-08-30
JP6235744B1 (ja) 2017-11-22

Similar Documents

Publication Publication Date Title
CN106126514B (zh) 与搜索有关的消息服务器提供方法及服务器和用户终端
US9753900B2 (en) Universal content referencing, packaging, distribution system, and a tool for customizing web content
JP6130335B2 (ja) 情報表示プログラム、配信装置、情報表示方法および情報表示装置
CN101578592B (zh) 持久的保存门户
US7761781B2 (en) Web browsing method and system, and recording medium thereof
US20130019189A1 (en) Augmented editing of an online document
US20210149842A1 (en) System and method for display of document comparisons on a remote device
US20110173569A1 (en) Preview Functionality for Increased Browsing Speed
US11599584B2 (en) Method and system for processing information in social network system
JP5199939B2 (ja) 画像検索装置、画像検索方法及びプログラム
KR100996037B1 (ko) 무선 인터넷 접속이 가능한 이동 통신 단말기에서 하이퍼링크 정보를 제공하기 위한 장치 및 방법
JP2012064207A (ja) ホスト装置及びホスト装置のコンテンツ表示方法
JP2017073095A (ja) 情報表示装置、情報表示方法、情報表示プログラムおよび配信装置
JP5185793B2 (ja) 地図検索システム
KR101350525B1 (ko) 질의에 대응하는 탭을 사용하여 추가적인 정보를 제공하는방법 및 그 장치
JP5437325B2 (ja) 情報処理装置、システム、方法及びプログラム
JP2007149016A (ja) ホームページ作成支援システム、ホームページ作成支援方法、ホームページ作成支援サーバ
JP4938589B2 (ja) ウェブページ閲覧装置およびウェブページ閲覧サーバ
JP6235744B1 (ja) ウェブページ制作支援システム
JP5134639B2 (ja) クライアント装置、表示方法、プログラム、情報処理装置、及び情報処理システム
WO2010048596A2 (fr) Système de référencement, de présentation et de distribution de contenu universel, et outil adapté pour personnaliser le contenu d&#39;une page web
JP2019086931A (ja) 情報処理装置およびコンピュータプログラム
JP7206863B2 (ja) 表示制御方法、装置、及びプログラム
JP2014099102A (ja) 情報処理プログラム、リンク管理装置、表示システム及び表示方法
JP2013037513A (ja) 情報提示装置、情報表示システム、情報提示方法、およびコンピュータプログラム

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 17898320

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 17898320

Country of ref document: EP

Kind code of ref document: A1