JP2010282587A - Mash up program, mash up device, and mash up method - Google Patents

Abstract

<P>PROBLEM TO BE SOLVED: To provide a mash up program, a mash up device and a mash up method whereby a certain resource function on a network is taken over by a new resource formed by mashing-up. <P>SOLUTION: A computer is caused to function as: a means 3 for obtaining annotation information including a web resource to be displayed as pasting information; a means 4 for obtaining a web resource to be cut, based on cutting information included in the annotation information; a means 6 for cutting out a fragment to be cut out of the web resource to be cut, based on the cutting information included in the annotation information; a means 7 for normalizing the cut fragment to fit the environment of a web resource to which the fragment is to be pasted; and a means 9 for pasting the normalized fragment to the web resource to be displayed, based on the pasting information included in the annotation information. <P>COPYRIGHT: (C)2011,JPO&INPIT

Description

  The present invention relates to a mashup program, a mashup device, and a mashup method, and more particularly to a mashup program, a mashup device, and a mashup method that use a technique called mashup that matches resources on a network.

  In recent years, a technique called mashup of information resources (for example, Web pages) on a network such as the Internet or an intranet is often used. A mashup is a combination of content and functions from different providers to form new content and services.

  In web mashups, search, photos, videos, maps, and other service sites publish APIs (Application Program Interface) to combine photos and shooting location maps, or zip code data and maps. Service to do has been built.

  Web mashups not only build such services at the program level, but also become easier at the end-user level, if you can share awareness, collaborate on web pages, progress management, portal creation, advertising It is expected to be used in various situations such as systems.

  A part of content or function on a certain web page can be cut and pasted on another web page to make it available. That is, when accessing a certain web page, the contents of another web page at that time are displayed. And enabling a function such as search and video browsing require a technique for cutting a part of a specified Web page and a technique for pasting a part of a Web page to another specified Web page. Become.

  As a technique for cutting out a part of a Web page, the following techniques are well known as clipping techniques or scraping techniques. For example, as a Web clipping technique, one that cuts out a part of a specified Web page as an image (snapshot) is known. As a web scraping technique, a technique is known in which data is extracted from a designated web page by pattern matching or position designation by Xpath (see, for example, Patent Document 1).

  On the other hand, a technique for giving information to a certain Web page is known as a Web annotation technique, and there are various formats such as text, images, HTML fragments (Note: In addition to HTML, there are various formats such as XHTML, XML, and CHTML for Web page descriptions. Data that can be handled in HTML, such as those described as HTML on behalf of them, is embedded in another Web page (HTML).

  In this way, if the technology for cutting data from a web page and the annotation technology for adding data to another web page are combined, data clipped or scraped from one web page can be mashed up (composited) on another web page. ) Can be displayed.

JP 2004-110427 A

  However, in normal clipping and scraping, the original Web page is saved as an image as a snapshot, or a fragment of the original Web page structured document (HTML) itself, or a structure (tag) is removed from the structured document. Since the data is stored, the latest information at the time when the mashup screen is accessed is not reflected, and the functions such as search and moving image that were in the original Web page cannot be used.

  As an existing system, there is a system in which a gadget (widget) prepared in advance is pasted on a specific Web page. In addition, as an existing system, there is a system in which a fragment of a structured document is prepared in advance by saying “Please paste this on your blog”. In these systems, a screen having a specific function can be pasted on another Web page, but only a prepared one can be pasted, and a part of an arbitrary web page cannot be pasted.

  One embodiment of the present invention has been made in view of the above points, and provides a mashup program, a mashup device, and a mashup method for transferring a function of an arbitrary resource on a network to a new resource formed by mashup. The purpose is to provide.

  One embodiment of the present invention is a mashup program for operating a computer for pasting a portion cut from a cut-off Web resource to a paste-destination Web resource, wherein the cut-off information and the paste information are An annotation information acquisition unit that acquires annotation information including the display target Web resource as pasting information based on the associated annotation information and the information of the display target Web resource, and the annotation information acquisition unit acquires Based on the cutting information included in the annotation information, the cutting source acquisition unit that acquires the Web resource of the cutting source, and the cutting source acquisition unit acquires based on the cutting information included in the annotation information acquired by the annotation information acquisition unit Cut from Cutout means for cutting out a piece to be cut out from a Web resource, normalization means for normalizing the piece cut out by the cutout means so as to be compatible with the environment of the Web resource to be pasted, and normalized by the normalization means Based on the pasting information included in the annotation information acquired by the annotation information acquiring unit, the fragment is operated as a pasting unit that pastes it on the Web resource to be displayed.

  In addition, what applied the component, the expression, or the arbitrary combinations of the component of one Embodiment of this invention to a method, an apparatus, a system, a computer program, a recording medium, a data structure, etc. is also effective as an aspect of this invention. .

  According to an embodiment of the present invention, it is possible to provide a mashup program, a mashup device, and a mashup method that allow a function of an arbitrary resource on a network to be transferred to a new resource formed by mashup.

It is explanatory drawing of an example of the mashup method by a present Example. It is explanatory drawing for demonstrating the subject of a present Example concretely. It is a block diagram of an example of a program call conversion part. It is explanatory drawing for demonstrating the process which a program call conversion part performs. It is an image figure of an example of the web page of a paste destination. It is an image figure of an example of the Web page of cut origin. It is an image figure of an example of the web page in which a part was specified by the red frame. It is an image figure of an example of the web page of the paste destination where the part cut from the web page of cut origin was pasted. It is an image figure of an example of a Web page when "SaaS" is input into the search window. It is an image figure of an example of the Web page of the paste destination where the search result by the Web page of cut origin was displayed. It is an image figure of an example of a Web page when "patent office" is input into a search window. It is an image figure of an example of the Web page of the paste destination where the search result by the Web page of cut origin was displayed. It is an image figure of an example of the Web page of the paste destination where the search result by the Web page of cut origin was displayed. It is a block diagram of one Example of the system containing the mashup apparatus of a present Example. It is a block diagram of an example of a computer system. It is a block diagram of an example of the web browsing device to which the mashup program of a present Example is applied. It is a flowchart showing the process of the web mashup realization apparatus. It is a block diagram of an example of a tree structure. It is a block diagram of an example of annotation information. It is a block diagram of an example of a tree structure. It is a block diagram of an example which showed the cutting position on a tree structure. It is a block diagram of an example which showed the cutout position in an HTML text. It is a block diagram of an example which showed the sticking position on a tree structure. It is a flowchart showing the process of the cutting source selection part. It is a flowchart showing the process of the attachment destination selection part. It is a flowchart showing the process of the range presentation selection part. It is a flowchart showing the process of the normalization part. It is a flowchart showing the conversion process of the character encoding system. It is a flowchart showing the conversion process of the absolute path. It is a flowchart showing a program call conversion process.

  Next, modes for carrying out the present invention will be described based on the following embodiments with reference to the drawings. In this embodiment, a Web page will be described as an example of a resource on the network.

(Overview of this example)
In this embodiment, in an environment where the Web page cannot be freely modified, position information on the Web structure of the second Web page is held in a designated area on the screen of the first Web page. In this embodiment, when the first web page is accessed, the information on the current second web page is cut out from the position information on the second web structure that is held and pasted on the first web page. When it is attached, it is normalized so that the link or program operates correctly, and is embedded in the first Web page currently accessed. In this embodiment, when the first web page is accessed, the information of the second web page is also embedded and displayed.

  In the prior art, even if information on an arbitrary Web page is cut out and pasted on a new Web page, the function of the arbitrary Web page cannot be taken over as it is as a function of the new Web page.

  In particular, when a part of calling a certain program P from a form input such as a search window is cut out from an arbitrary Web page, simply normalizing the character encoding method of the cut out part, a new Web page to be pasted In this case, the program P is called by the character string entered in the form. Therefore, when a part of calling a certain program P from a form input such as a search window is cut from an arbitrary Web page, the argument is given to the program P by the character encoding method of the new Web page to be pasted. Therefore, there was a problem that a correct result could not be obtained.

  In other words, in an environment where a web page or a program called from a web page cannot be rewritten, functions such as information provision and search provided on an arbitrary web page can be simply cut and pasted on another web page. However, it has been an issue to correctly realize functions such as information provision and search.

  As a method for solving this problem, in this embodiment, a portion of an arbitrary Web page on the screen is cut out (a cutting position is acquired), and the position information is held. In this embodiment, when accessing a specified other Web page, the information on the current arbitrary Web page is cut from the position information on the cut arbitrary Web page so that it matches the other Web page to be pasted. Normalize and temporarily embed in other currently accessed web pages. As described above, in this embodiment, when another web page is accessed, the function of an arbitrary web page (which may be a plurality of web pages) is kept as it is and mashed up.

  FIG. 1 is an explanatory diagram of an example of a mashup method according to this embodiment. The information to be mashed up (cut and pasted) includes location information (URI) of the cut source, cut information of the structure position of the cut source (for example, XPath), location information (URI) of the paste destination, and the structure position of the paste destination ( It is assumed that the annotation information 1 including the pasting information (for example, XPath) is registered in advance in a database (DB) or the like. The location information (URI) 2 is that of the Web page that is currently focused on (to be displayed).

  The annotation information acquisition unit 3 acquires the annotation information 1 having the location information of the Web page currently focused on as the pasting location information. The annotation information 1 acquired by the annotation information acquisition unit 3 includes information on what is to be mashed up, that is, location information of the cutting source and a structure position of the cutting source. Therefore, the cut source acquisition unit 4 acquires the cut source resource (Web page) 5 of the location information of the cut source from the network based on the annotation information 1.

  The cutting unit 6 analyzes the Web page acquired by the cutting source acquisition unit 4, and based on the information on the structure position of the cutting source included in the annotation information 1, a fragment (to be cut from the Web page acquired by the cutting source acquisition unit 4 ( HTML fragment) is cut out.

  The normalization unit 7 normalizes the HTML fragment cut out by the cut-out unit 6 so as to be compatible with the environment of the Web page to be pasted. Specifically, as normalization, (1) the character encoding method of the clipped portion and the character encoding method of the pasting destination are estimated, and the character encoding method of the cut portion is pasted. Character encoding system conversion to convert to encoding system, and (2) Absolute path conversion to convert URI described by relative path in the clip, data, program, etc. into relative path And do. Further, when the cut portion includes a program call, the program call conversion unit 8 also performs program call conversion as described later.

  Based on the pasting information described in the annotation information 1, the pasting unit 9 pastes the normalized fragment to the Web page that is currently focused on (to be displayed) in an appropriate format. Specifically, the pasting unit 9 embeds an HTML fragment that is displayed in an appropriate display format at a structure position to be embedded in the paste destination resource 10 that is the Web page of interest (currently grafting on the tree structure). ). Note that even if it is embedded, it may be floating on the display (it is embedded somewhere on the HTML).

  The pasting unit 9 outputs, as mashup result data 11, HTML in which the normalized HTML fragment is embedded (a tree structure in which the tree structure of the Web page to be cut is grafted). This data (tree structure) is generally rendered by a rendering engine of a web browser. The rendering engine pastes and displays the information and function of the cut-out source on the currently focused Web page.

  Software that can interpret web pages and display them on the display (or output them to a printer, read them out by voice) and follow links is a web browser (Internet browser, WWW browser, or simply browser), web browsing software In this specification, it is called a web browsing device.

  Actually, there is a cut and paste information setting unit that creates annotation information 1 (sets cut information for specifying cut information and paste information for specifying a paste destination of cut information).

  In the mashup method according to the present embodiment, the location information and structure position of the cut source, and the location information and structure position of the paste destination are stored as annotation information 1 in the DB, not the content of the cut information itself. As described above, in the mashup method according to the present embodiment, the screen on the Web page is cut and the location information and the structure position of the cut source are held.

  In the mashup method according to the present embodiment, when accessing another designated web page, information on the web page that is currently cut out is extracted from the location information and the structure position of the cut web page. In the mashup method of the present embodiment, the information of the extracted current web page of the cut-out is normalized so as to match the paste-destination web page, and temporarily embedded in the currently accessed web page. It was possible to mash up the web page functions as they were.

  FIG. 2 is an explanatory diagram for specifically explaining the problem of this embodiment. The web page J is described by the character encoding method A. The web page J has a window 21 that receives input from the user, and the program P is called when an action such as a button click is performed by inputting text into the window 21. The text X input to the window 21 is passed to the program P as the character encoding method A. The program P processes the text X on the assumption that it is the character encoding method A.

  Here, it is assumed that the HTML fragment of the Web page J that calls the program P when the text X is input to the window 21 is cut out and embedded in the Web page K that is the character encoding method B.

  As a result of normalization by the normalization unit 7, the HTML fragment of the Web page J is converted into the character encoding B and embedded, so that it is correctly displayed on the Web page K. Further, since the HTML fragment of the Web page J is subjected to absolute path conversion by normalization by the normalization unit 7, the program P can be called when the text X is input to the input window 22.

  However, the text X input to the window 22 is the text of the character encoding method B that is the character encoding method of the Web page K, and the text X of the character encoding method B is passed to the program P.

  The program P processes the text X as the character encoding method A, except when the character encoding methods A and B are the same or when the program P is also compatible with the character encoding method B. End up. Therefore, the program P is not executed as intended.

  The problem of this embodiment shown in FIG. 2 can be solved by configuring the program call conversion unit 8 of FIG. 1 as shown in FIG. FIG. 3 is a block diagram of an example of a program call conversion unit. The program call conversion unit 8 in FIG. 1 includes a form input presence confirmation unit 31, a cut-out source character code confirmation unit 32, a pasting destination character code confirmation unit 33, a wrapper program generation unit 34, and a program call rewrite unit 35.

  The form input existence confirmation unit 31 confirms whether or not the part where the form is input and the program P is called exists in the cut-out part. The cut source character code confirmation unit 32 confirms the character encoding method of the cut source. The pasting destination character code confirmation unit 33 confirms the pasting character encoding method. The processing of the form input presence confirmation unit 31, the cut-out source character code confirmation unit 32, and the pasting destination character code confirmation unit 33 is performed in parallel.

  If there is a form input in the cut portion and the program P is called with the form input as an argument, the wrapper program generation unit 34 cuts the argument into the original character encoding method and calls the original program P P ′ is generated. The program call rewriting unit 35 rewrites the part that calls the program P included in the cut part so as to call the wrapper program P ′.

  The processing performed by the program call conversion unit 8 is as shown in FIG. 4, for example. FIG. 4 is an explanatory diagram for explaining processing performed by the program call conversion unit. The wrapper program generation unit 34 converts all of the arguments used in the program P included in the cut portion from the character encoding method B to the character encoding method A, and generates a wrapper program P ′ that calls the original program P. Further, the program call rewriting unit 35 rewrites the part that calls the program P included in the cut part so as to call the wrapper program P ′.

  As a result, in this embodiment, the wrapper program P ′ is generated and the part that calls the program P is rewritten so as to call the wrapper program P ′. In this embodiment, when the text X is input to the input window 22 and an action such as a button click is performed, the program P is not called directly, but the program P ′ is called and the text X is converted into the character encoding method B. Since the program P is called after being converted to the character encoding method A, the intended result is obtained.

  In the above, form input is used, but pseudo form input (the user does not input text from the window, text is given in advance, or text is generated by some processing result and passed to the program. Etc.).

  Here, the mashup method according to the present embodiment will be described with reference to a specific Web page. FIG. 5 is an image diagram of an example of a Web page to be pasted. FIG. 6 is an image diagram of an example of a Web page to be cut out. The cut-out Web page in FIG. 6 has a search window portion 61. The user moves a red frame, for example, displayed on the Web page by the system, selects an appropriate part, and cuts out the part on the Web page with a predetermined command (ctrl-c) or the like.

  FIG. 7 is an image diagram of an example of a Web page partially designated by a red frame. In the Web page of FIG. 7, a search window portion 61 is designated by a red frame 71. The user can cut out the search window portion 61 from the cut-out Web page by inputting a predetermined command for cutting out the portion on the Web page in the state of FIG.

  The user moves, for example, a red frame that the system presents on the Web page, selects an appropriate part, and pastes it on a part on the Web page with a predetermined command (ctrl-v) or the like. FIG. 8 is an image diagram of an example of a pasting Web page to which a portion cut from the original Web page has been pasted.

  The web page in FIG. 8 has a pasted portion designated by a red frame 81. The user can paste a search window portion 61 cut from the cut-out web page to the paste-destination Web page by inputting a predetermined command to be pasted on the web page. In the Web page of FIG. 8, the search window portion 61 of the cut-out Web page shown in FIG. 7 is embedded in the pasting portion designated by the red frame 81.

  Here, a process when text is input to the search window embedded in the Web page of FIG. 8 will be described. FIG. 9 is an image diagram of an example of a Web page when “SaaS” is entered in the search window.

  By clicking the search button 91 in the state shown in FIG. 9, the user can display the search result of the cut-out web page on the paste-destination web page. FIG. 10 is an image diagram of an example of a pasting-destination Web page on which a search result by the cut-out source Web page is displayed.

  Here, processing when text is input to the search window embedded in the Web page of FIG. 8 will be described. FIG. 11 is an image diagram of an example of a Web page when “JPO” is entered in the search window.

  By clicking the search button 91 in the state shown in FIG. 11, the user can display the search result of the cut-out web page on the paste-destination web page. FIG. 12 is an image diagram of an example of a pasting-destination web page on which a search result by the cut-out web page is displayed.

  If the character encoding method of the Web page to be pasted is “Shift-JIS” and the character encoding method of the Web page to be cut is “UTF-8”, the processing of the program call conversion unit 8 in FIG. For example, the character string “Patent Office” entered in the search window is garbled and cannot be transmitted correctly. As shown in FIG. 12, the user cannot display the correct search result of the cut-out web page on the paste-destination web page.

  On the other hand, if the processing of the program call conversion unit 8 in FIG. 1 is present, the character string “JPO” input in the search window is not garbled and is correctly transmitted. As shown in FIG. 13, the user can display the correct search result of the cut-out web page on the paste-destination web page. FIG. 13 is an image diagram of an example of a pasting destination Web page on which a search result by the cutting source Web page is displayed.

  In the above processing, no changes are made to the cut-out web page and the paste-destination web page. The point of the mashup method according to the present embodiment is that the screen (the search window portion 61 in the above) on the cut-out Web page is cut and the position information of the search window portion 61 is held.

  When accessing the Web page to be pasted, the mashup method according to the present embodiment cuts out the HTML fragment of the portion from the position information (XPath with the search window) of the Web page to be cut out. In the mashup method according to the present embodiment, the cut HTML fragment is normalized for the Web page to be pasted (the character encoding method is converted from UTF-8 to Shift-JIS). The mashup method according to the present embodiment realizes mashup of a screen by embedding an HTML fragment at a designated position when displaying a pasted Web page.

  Since the mashup method according to the present embodiment is not cutting and pasting snapshots (images), if a text is entered in the search window, the search program for the cut-off web page moves and the search result is pasted to the paste-destination web page. indicate.

  In the mashup method according to the present embodiment, when the program P is called from the form input, the wrapper program P ′ is called. The wrapper program P ′ calls the partner program P after converting the character encoding method to the partner character encoding method. As described above, in the mashup method according to the present embodiment, it is possible to correctly perform program cooperation in mashup of two Web pages having different character encoding methods.

(Details of this example)
FIG. 14 is a configuration diagram of an embodiment of a system including the mashup device of the present embodiment. The system in FIG. 14 includes a web mashup setting device 100, a web mashup realization device 110, and an annotation management server 120.

  The web mashup setting apparatus 100 allows the user to specify a cutout part and a pasting destination. The web mashup realizing apparatus 110 displays the mashup result based on the cut portion and the pasting destination designated by the user. The annotation management server 120 manages data for mashup. The web mashup setting device 100 and the web mashup realizing device 110 are implemented as an extended function of the web browsing device. In FIG. 14, the Web mashup setting device 100 and the Web mashup realization device 110 are separated, but they may be realized simultaneously as an extended function of one Web browsing device.

  The web mashup setting apparatus 100 includes a web browsing device 101, a cutting source selection unit 102, a range presentation selection unit 103, a paste destination selection unit 104, and an annotation management unit 105.

  The range presentation selection unit 103 presents a user's specific operation in the display of the Web page by the normal Web browsing device 101, thereby presenting the cutting range and the paste destination position candidate by the user's keyboard or mouse operation. . The range presentation selection unit 103 returns a position on the tree structure corresponding to the currently displayed range by a designated operation (for example, ctrl-c or ctrl-v).

  The cut source selection unit 102 starts presenting and acquiring cut candidates by a specific operation of the user, and cuts the designated range (actually acquires the cut position). The pasting destination selection unit 104 starts presenting and obtaining pasting candidates by a user's specific operation (for example, cutting end or specific key operation), and determines the instructed position as a pasting destination (actually pasting) The cut-out information (URI of the cut Web page and the XPath of the cut-out portion) and the paste information (the paste-destination URI that is the URI of the Web page to be pasted and the XPath of the paste position) are obtained. A set is passed to the annotation management unit 105.

  The annotation management unit 105 requests the annotation management server 120 to register annotation information that is a set of the given cut information and pasting information. It should be noted that during the cutting and pasting, a movement between general Web pages or movement within the Web page by the Web browsing device 101 is performed.

  When it is assumed that operations such as general movement between Web pages by the Web browsing device 101 and movement within the Web page are performed as a series of operations, the cut information may be temporarily stored in the memory. Although it is good, the cutting information may be written to an external file at the end of the cutting operation and the appropriate cutting information may be taken out from the external file at the start of the pasting operation.

  The annotation management server 120 includes an annotation database management unit 121 and an annotation database 122. In response to a request from the web mashup setting device 100, the annotation database management unit 121 registers annotation information in which the cut information and paste information are set as a set in the annotation database 122.

  Also, the annotation database management unit 121 receives a request from the Web mashup realization apparatus 110 and returns annotation information having the specified URI as a pasting destination URI. Note that the annotation management server 120 may be realized on the same computer as the Web mashup setting device 100 and the Web mashup realizing device 110, or may be realized on another computer connected via a network. Absent.

  The web mashup realizing apparatus 110 includes a web browsing device 111, a cutout information acquisition unit 112, a normalization unit 113, a pasting position acquisition unit 114, a synthesis unit 115, and an annotation management unit 116.

  The web browsing device 111 takes in the content (web page) of the designated URI from the network. At this time, the annotation management unit 116 requests the annotation management server 120 to receive the annotation information given to the designated URI. For each piece of received annotation information, the cutout information acquisition unit 112 passes the URI of the cut source described in the annotation information to the Web browsing device 111, imports the content of the cut source URI from the network, and cuts out the cutout described in the annotation information. Cut out the original XPath part (HTML fragment).

  The normalizing unit 113 normalizes the cut-out HTML fragment so as to be compatible with the environment of the Web page to be pasted. The pasting position acquisition unit 114 obtains a pasting position for pasting the HTML fragment from the pasting XPath described in the annotation information.

  The combining unit 115 pastes the normalized HTML fragment at the pasting position obtained by the pasting position acquisition unit 114. Note that the DOM tree of the Web page on which the normalized HTML fragment is pasted by the synthesis unit 115 is rendered and displayed by a rendering engine, as will be described later.

  The web mashup setting device 100, the web mashup realization device 110, and the annotation management server 120 in FIG. 14 can be realized by a computer system shown in FIG. 15, for example.

  FIG. 15 is a configuration diagram of an example of a computer system. The computer system includes an input device 151, an output device 152, a drive device 153, an auxiliary storage device 154, a main storage device 155, an arithmetic processing device 156, and an interface device 157 that are mutually connected by a bus B.

  The input device 151 is a keyboard or a mouse. The input device 151 is used for inputting various signals. The output device 152 is a display device or the like. The output device 152 is used to display various windows and data. The interface device 157 is a modem, a LAN card, or the like, and is used for connecting to a network.

  The mashup program of this embodiment is included in various programs for controlling the web mashup setting device 100 and the web mashup realization device 110. The mashup program is provided, for example, by distributing the recording medium 158 or downloading from a network. The recording medium 158 on which the mashup program is recorded is information such as a CD-ROM, a flexible disk, a magneto-optical disk, etc., a recording medium for recording information optically, electrically or magnetically, a ROM, a flash memory, etc. Various types of recording media, such as a semiconductor memory that electrically records data, can be used.

  When the recording medium 158 on which the mashup program is recorded is set in the drive device 153, the mashup program is installed from the recording medium 158 to the auxiliary storage device 154 via the drive device 153.

  The mashup program downloaded from the network is installed in the auxiliary storage device 154 via the interface device 157. The auxiliary storage device 154 stores the installed mashup program and also stores necessary files, data, and the like.

  The main storage device 155 reads out and stores the mashup program from the auxiliary storage device 154 when the computer is activated. The arithmetic processing unit 156 implements various processes described later in accordance with a mashup program stored in the main storage unit 155.

(Example of mashup program applied to a web browser)
FIG. 16 is a configuration diagram of an example of a Web browsing device to which the mashup program of the present embodiment is applied. The web browsing device 160 shown in FIG. 16 shows a typical configuration, and details such as CSS processing and PDF plug-in unnecessary for explanation are omitted.

  The HTML parser 162 analyzes the HTML document 161 received via the network, and generates a tree structure (DOM tree) 163. At the same time, the Javascript engine 165 executes the Javascript program 164 in the HTML document 161 and rewrites the contents of the DOM tree 163. The rewritten DOM tree 163 is sent to the rendering engine 166.

  The rendering engine 166 converts the received DOM tree 163 into a form that can be seen on the screen. Then, the JavaScript engine 165 rewrites the DOM tree 163 and changes the content to be displayed according to the Javascript program 164 by a user operation or the like via the user interface 167.

  The mashup program 168 is typically held in the web browser 160 (ie, implemented in a form incorporated into the web browser 160 or added as a function extension).

  Then, in addition to the Javascript program 164 of the read HTML document 161 being executed, the mashup program 168 is executed, and the DOM tree 163 is rewritten.

  Note that data such as an annotation database referred to by the mashup program 168 is held outside the web browsing device 160. As another embodiment for holding the mashup program 168, it is conceivable to hold the mashup program 168 in the HTML document 161 to be read. In this embodiment, applicable Web pages are limited, but the Web browser 160 can have the same effect as holding the mashup program 168.

  Hereinafter, processing of the web mashup setting device 100 and the web mashup realization device 110 in the system of FIG. 14 will be described.

(Web Mashup Realization Device 110)
A Web browsing device (or Web client in general) 111 incorporating the mashup program 168 of this embodiment performs an operation as shown in the flowchart of FIG. FIG. 17 is a flowchart showing processing of the Web mashup realizing apparatus.

  In FIG. 17, in step S1, the web browsing device 111 receives the URI of the web page to be displayed. In step S2, the web browsing device 111 reads the web page specified by the received URI from the network. In step S3, the web browsing device 111 analyzes the read web page with a parser and extracts the structure. The extracted structure takes the form of a tree structure (tree) (for example, a DOM tree).

  In step S4, the annotation management unit 116 accesses the annotation management server 120 using the received URI as a key, and acquires all annotation information in which the received URI is designated as the paste destination. Then, the web mashup realizing apparatus 110 performs the processing from step S5 to step S11 for each piece of annotation information acquired in step S4.

  First, in step S5, the cut-out information acquisition unit 112 acquires the cut-out URI described in the received annotation information. In step S6, the cutout information acquisition unit 112 passes the acquired URI of the cut source to the Web browsing device 111, and acquires the Web page of the cut source URI from the network. In step S 7, the Web browsing device 111 analyzes the acquired Web page of the original URI of the cut-out by the HTML parser 162.

  In step S8, the cutout information acquisition unit 112 obtains a cutout position from the cutout XPath described in the annotation information, and takes out an HTML fragment from the cutout position of the cutout Web page. In step S9, the normalization unit 113 normalizes the extracted HTML fragment so as to be compatible with the environment of the Web page to be pasted. Details of normalization will be described later.

  In step S10, the paste position acquisition unit 114 determines the paste position on the tree structure to which the HTML fragment is to be pasted based on the XPath of the paste destination described in the annotation information and the tree structure extracted in step S3. To win. In step S11, the synthesis unit 115 embeds (grafts) the normalized HTML fragment at the pasting position acquired by the pasting position acquisition unit 114.

  When the processing from step S5 to step S11 for each piece of annotation information acquired in step S4 is completed, the web browsing device 111 proceeds to step S12, and passes the tree structure in which each HTML fragment of the annotation information is embedded to the rendering engine 166. And render.

Here, the process shown in the flowchart of FIG. 17 will be described using a specific example. For example, in the example of the Web page shown in FIG.
Is given. The web browsing device 111 reads a web page given by the URI of the pasting destination from the network and performs parsing. Actually, the Web page of FIG. 8 is described by a cgi format program.

  In the Web page of FIG. 8, a cgi format program is executed to create a tree structure as shown in FIG. FIG. 18 is a configuration diagram of an example of a tree structure. A part of the tree structure in FIG. 18 is omitted.

The annotation management unit 116 adds “http://www.xxx/cgi/link.cgi?URI=/shiryou/toukei/1402-027.htm” from the annotation database 122 to the destination URI.
Annotation information as shown in FIG. FIG. 19 is a configuration diagram of an example of annotation information. The cutout information acquisition unit 112 uses “http: // yyy / wiki /% E3% 83% A1% E3% 82% A4% E3% 83% B3% E3% 83% 9A” as the URI of the cut source described in the annotation information. % E3% 83% BC% E3% 82% B8 ''
Take out. The cutout information acquisition unit 112 passes the cut-out URI of the cutout to the Web browsing device 111, and acquires the content of the Web page shown in FIG. 6 from the network. The Web browsing device 111 parses the acquired Web page shown in FIG. 6 to create a tree structure as shown in FIG. FIG. 20 is a configuration diagram of an example of a tree structure. Note that a part of the tree structure in FIG. 20 is omitted.

  The clipping information acquisition unit 112 obtains XPath “/ html / body / div [1] / div [2] / div [6] / div [1]” as the clipping position of the clipping source described in the annotation information, and is parsed. The cut position on the tree structure as shown in FIG. FIG. 21 is a configuration diagram of an example showing a cut position on the tree structure. In the configuration diagram of FIG. 21, the cutting positions on the tree structure are indicated by arrows.

The cutout information acquisition unit 112 takes out the entire node designated by the cutout position on the tree structure as an HTML fragment. Specifically, it is shown in FIG.
From <div id = ”searchBody” class = pBody ”></div>
It becomes HTML text 220 until. In FIG. 22, nodes not related to the description are displayed together. As will be described later, the normalization unit 113 normalizes the extracted HTML fragment as necessary.

  Next, the pasting position acquisition unit 114 obtains a pasting position on the tree structure to which the HTML fragment is pasted. Specifically, a position corresponding to the position where the annotation information is pasted is obtained on the tree structure which is the result of parsing the pasting Web page. In the case of the annotation information in FIG. 19, “/ html / body / table / tbody / tr [4] / th / h2” is obtained as the pasting position. FIG. 23 is a configuration diagram of an example showing a pasting position on the tree structure. In the configuration diagram of FIG. 23, the pasting position on the tree structure is indicated by an arrow.

  Then, the synthesizing unit 115 embeds (grafts) the extracted and normalized HTML fragment at the position of the arrow in FIG. 23, thereby realizing the output of the pasting Web page in which the cut-out HTML fragment is embedded.

  In the actual embedding, not only the HTML fragment itself but also the embedded one is deleted / moved / iconified, or it is enclosed in a frame so that it can be seen that the cut one has been pasted, It is processed into an HTML fragment having a function and information such as showing or providing a link for accessing the cut-out web page, and pasted on the paste-destination web page.

  In addition, the actual embedding position is embedded by a predetermined method for the designated node. For example, when embedding at the end of a child of a designated node, it is embedded immediately before the end tag of the obtained node on HTML. When all the annotations (only one in FIG. 19) have been embedded, the synthesis unit 115 passes the tree structure in which the annotations are embedded to the rendering engine 166 for rendering.

  For example, the rendering engine 166 can interpret and display a tag having a tree structure so that <title> is a title, <h2> is a header, and <p> is a paragraph.

(Web mashup setting device 100)
A typical web browsing device 101 incorporating the web mashup setting device 100 includes a cut-out source selection unit 102, a range presentation selection unit 103, a paste destination selection unit 104, and an annotation management unit 105.

  FIG. 24 is a flowchart showing the processing of the cutting source selection unit. The cut source selection unit 102 is activated by a command (key operation, menu, button, or the like) embedded in the web browsing device 101.

  Proceeding to step S21, the activated cut-off source selection unit 102 activates the range presentation selection unit 103 with the mode cut. In step S 22, the cut source selection unit 102 receives a cut position node (XPath) from the range presentation selection unit 103. In step S23, the cut source selection unit 102 temporarily stores the cut position node (XPath) received from the range presentation selection unit 103 as cut information, and the process ends.

  FIG. 25 is a flowchart showing the processing of the paste destination selection unit. The paste destination selection unit 104 is activated by the end of the cut source selection unit 102 or by a command (key operation, menu, button, or the like) embedded in the web browsing device 101.

  In step S31, the started paste destination selecting unit 104 starts the range presentation selecting unit 103 with the mode being pasted. In step S 32, the paste destination selection unit 104 receives a paste position node (XPath) from the range presentation selection unit 103.

  In step S 33, the paste destination selection unit 104 calls the annotation management unit 105 and pastes the temporarily stored cut information and the paste position node (XPath) received from the range presentation selection unit 103. A set of information is registered in the annotation database 122.

  FIG. 26 is a flowchart showing the processing of the range presentation selection unit. The range presentation selection unit 103 returns the cut position or paste position node (XPath) to the cut source selection unit 105 or the paste destination selection unit 104 according to a user action or the like. Specifically, the range presentation selection unit 103 selects a node on the tree structure that is currently focused on, for example, by moving the mouse cursor, and determines the node on the tree structure by clicking the mouse.

  In step S41, the range presentation selection unit 103 receives a mode indicating whether the present is a range presentation for cutting work or a range presentation for pasting work. For example, the range presentation selection unit 103 accepts a cut mode indicating that the range is presented for cut work from the cut source selection unit 102. Further, the range presentation selection unit 103 receives a pasting mode indicating that it is a range presentation for pasting work from the pasting destination selection unit 104. The range presentation selection unit 103 activates the accepted mode.

  In step S42, the range presentation selection unit 103 obtains the position of the mouse cursor on the screen. In step S43, the range presentation selection unit 103 obtains a position on the tree structure of the Web page corresponding to the position of the mouse cursor on the screen. In step S44, the range presentation selection unit 103 obtains an appropriate node (element) as the current node from the position on the tree structure of the Web page corresponding to the position of the mouse cursor on the screen. For example, if the range presentation selection unit 103 is a character or an inter-character (#text node), the upper node (p node, td node, h1 node, etc.) is the current node.

  In step S45, the range presentation selection unit 103 displays a frame surrounding the current node according to the mode. The range presentation selection unit 103 changes, for example, the color of the cutting work frame and the color of the pasting work frame. Further, the range presentation selection unit 103 enlarges or reduces the frame according to the movement of the mouse cursor.

  In step S46, if there is an interruption due to a preset action (such as clicking a mouse button or a specified key input), the range presentation selection unit 103 displays a node (frame is displayed) at that time. Range) is returned to the cutting source selection unit 102 or the pasting destination selection unit 104. If there is no interruption by a preset action, the range presentation selection unit 103 returns to step S42 and continues the process.

(Normalization unit 113)
FIG. 27 is a flowchart showing the processing of the normalization unit. When the normalization unit 113 receives the cut partial data (HTML fragment), the normalization unit 113 proceeds to step S51, and converts the character encoding method so that the cut partial data matches the environment of the Web page to which the clip is pasted. Do. For character encoding conversion, the character encoding method of the cut part and the character encoding method of the paste destination are inferred, and the character encoding method of the cut part is converted to the character encoding method of the paste destination To do.

  In step S52, the normalization unit 113 converts the absolute path so that the HTML fragment matches the environment of the Web page to which the HTML fragment is pasted. The absolute path conversion is to convert a file name described in a relative path such as a link, an image, or a program in the cut partial data into an absolute path. Note that the order of the processing of step S51 and step S52 is arbitrary.

  In step S53, the normalization unit 113 calls the program call conversion unit 8 to perform program call conversion described later.

  The character encoding conversion processing in step S51 is performed, for example, according to the procedure shown in the flowchart of FIG. FIG. 28 is a flowchart showing conversion processing of the character encoding method.

  In step S61, the normalization unit 113 acquires the character encoding method of the cut-out web page. In step S62, the normalization unit 113 acquires the character encoding method of the pasted Web page.

One method for acquiring the character encoding method of the Web page is a method of referring to the character encoding method part described in the header part of the Web page. For example, in the head element
<meta http-equiv = "Content-Type" content = "text / html; charset = utf-8"/>
Since a web page with such description is described as charset = utf-8, it can be seen that the character encoding method is “UTF-8”. Also, in the head element
<meta http-equiv = "Content-Type" content = "text / html; charset = Shift_JIS">
Since a Web page with such description is described as charset = Shift_JIS, it can be seen that the character encoding method is “Shift-JIS”.

  Another method for obtaining the character encoding method of the Web page is to estimate the character encoding method from the character code of the text being used. Some Web pages do not specify their character encoding scheme, and it is necessary to estimate the character encoding scheme as necessary. Since the area used by the character code differs depending on the character encoding method, it is a well-known technique that the character encoding method can be estimated as such, so it will not be described in detail here.

  In step S63, the normalization unit 113 compares the character encoding method of the cut-out Web page with the character encoding method of the Web page to be pasted. If the character encoding method of the Web page to be cut out is the same as the character encoding method of the Web page to be pasted, the normalization unit 113 determines that conversion of the character encoding method is unnecessary, and FIG. The process of the flowchart in FIG. If the character encoding method of the Web page to be cut off and the character encoding method of the Web page to be pasted are different, the normalization unit 113 proceeds to step S64 and pastes the cut partial data (HTML fragment). To the character encoding method of the Web page.

  The absolute path conversion process in step S52 is performed, for example, according to the procedure shown in the flowchart of FIG. FIG. 29 is a flowchart showing the absolute path conversion process.

In step S71, the normalization unit 113 receives the cut-out Web page as an input together with the HTML fragment to be normalized. In step S72, the normalization unit 113 searches for an attribute node (a pair of attribute name and attribute value) from the HTML fragment to be normalized. For example
In <form method = "post" action = "example.cgi"> to </ form>, method and post are found as one attribute node (a pair of attribute name and attribute value).

  If an attribute node is found from the HTML fragment to be normalized, the normalization unit 113 proceeds to step S74 and determines whether the attribute node is an attribute describing a URI. For example, it is determined that method is not an attribute describing URI as an attribute value (get or post is taken).

If it is determined that the attribute node is not an attribute describing the URI, the normalization unit 113 proceeds to step S77, searches for the next attribute node, and returns to step S73. For example
In <form method = "post" action = "example.cgi"> to </ form>, action and example.cgi are found as the next attribute nodes. Since the next attribute node is found from the HTML fragment to be normalized, the normalization unit 113 proceeds to step S74 and determines whether the attribute node is an attribute describing a URI.

For example, since action requires a URI of a data transmission destination (program) as an attribute value, it is determined that the attribute is an attribute describing the URI as an attribute value. If it is determined that the attribute node is an attribute describing a URI, the normalization unit 113 proceeds to step S75, and determines whether the attribute value is a relative path. For example, example.cgi is a URI, but has a relative path format. That is, if example.cgi is an HTML fragment cut from http: //foo1/bar1.html, the cut-off source site is http: // foo1 /
It means http: //foo1/example.cgi.

However, if the HTML fragment is pasted on http: //foo2/bar2.html as it is, the data transmission destination will point to http: //foo2/example.cgi. Therefore, the action attribute value is cut out and synthesized with http: // foo1 / which is the original site, and the absolute path is obtained.
It needs to be converted to http: //foo1/example.cgi.

Similarly, href attribute <a href="./index.html"> to </a> that indicates a link to an HTML fragment
Is included, the href has a URI as an attribute value, so it is necessary to convert the attribute value to http: //foo1/index.html. Which attribute value should be converted can be managed in a table. Also, since the conversion from the relative path to the absolute path itself is a widely known technique, it will not be described in detail here.

  If it is determined that the attribute value is a relative path, the normalization unit 113 proceeds to step S76, converts the relative path to an absolute path, and proceeds to step S77. When searching for all attribute nodes in the HTML fragment, the normalizing unit 113 determines in step S73 that no attribute node is found from the HTML fragment to be normalized, and ends the process of the flowchart in FIG. With the processing of the flowchart of FIG. 29, the normalization unit 113 searches for all attribute nodes in the HTML fragment and converts all relative paths to absolute paths.

(Program call conversion unit 8)
The program call conversion unit 8 receives the input of some text in the HTML fragment cut from the cut-out Web page, and includes the program call that calls some program using the input text as an argument. Conversion is performed.

  FIG. 30 is a flowchart showing the program call conversion process. In step S81, the form input existence confirmation unit 31 of the program call conversion unit 8 receives some text input to the HTML fragment cut from the cut-out Web page, and calls some program using the input text as an argument. Check whether there is a part (form input).

  If there is a form input, the cut source character code confirmation unit 32 of the program call conversion unit 8 proceeds to step S82, and acquires the cut source character encoding method. The paste destination character code confirmation unit 33 of the program call conversion unit 8 proceeds to step S83, and acquires the paste destination character encoding method.

  In step S84, the wrapper program generation unit 34 of the program call conversion unit 8 converts the pasted character encoding method into the original character encoding method and then calls the original program P. P ′ is generated.

  In step S85, the program call rewriting unit 35 of the program call conversion unit 8 rewrites the part that calls the program P included in the cut HTML fragment so as to call the wrapper program P '. If there is no form input in step S81, the program call conversion unit 8 ends the process of the flowchart of FIG. After the processing of the flowchart of FIG. 30, the program call conversion unit 8 returns an HTML fragment to the normalization unit 7 as a result of normalization.

  The presence of the form input can be confirmed by checking whether a specific element (specifically, a form tag) exists in the HTML fragment. The acquisition of the character encoding method of the cut source and the acquisition of the character encoding method of the pasting destination are as already described.

  One method for generating the wrapper program P ′ is as follows. The wrapper program generation unit 34 obtains a calling program name, a name to be a program argument, and a data (argument) transmission format.

  The wrapper program generation unit 34 receives data in accordance with the data transmission format, and for each data, the character encoding method is cut from the pasted character encoding method acquired in step S83. After applying the program to be converted into (1), a wrapper program P ′ for calling the calling program is created.

  Then, the program call rewriting unit 35 rewrites the original program call so as to call the wrapper program P ′.

Note that not all Web browsers are compatible, but in the HTML4 standard, the character encoding method to be received can be specified by using the accept-charset attribute in the form. Yes. If you use this,
<form name = "searchbox" id = "searchbox" class = "searchbox" action = "/ wiki /% E7% 89% B9% E5% 88% A5:% E6% A4% 9C% E7% B4% A2">
Against
<form name = "searchbox" id = "searchbox" class = "searchbox" action = "/ wiki /% E7% 89% B9% E5% 88% A5:% E6% A4% 9C% E7% B4% A2" accept charset = "utf-8">
By converting in this way, the character encoding method of the cut source can be designated, and the wrapper program P ′ can be realized.

  The present invention is not limited to the specifically disclosed embodiments, and various modifications and changes can be made without departing from the scope of the claims. Note that the mashup device includes the web mashup realizing device 110 in FIG. 14, the web mashup setting device 100 and the web mashup realizing device 110, the web mashup setting device 100, the web mashup realizing device 110, and the like. Various forms such as a form having the annotation management server 120 can be taken.

The present invention may have the following configurations as described below.
(Appendix 1)
A mashup program for operating a computer for pasting a portion cut from a cut-off Web resource to a paste-destination Web resource,
The computer,
Annotation information acquisition means for acquiring annotation information including the display target Web resource as the paste information based on the annotation information in which the cut information and the paste information are associated with each other and the information of the Web resource to be displayed; ,
Based on the cutting information included in the annotation information acquired by the annotation information acquisition unit, a cutting source acquisition unit that acquires the Web resource of the cutting source;
A cutting unit that cuts out a fragment to be cut from the Web resource of the cut source acquired by the cut source acquisition unit based on the cut information included in the annotation information acquired by the annotation information acquisition unit;
Normalization means for normalizing the fragments cut by the cut means so as to be compatible with the environment of the Web resource to be pasted;
A mashup program that causes the fragment normalized by the normalizing unit to operate as a pasting unit that pastes the fragment to the Web resource to be displayed based on the pasting information included in the annotation information acquired by the annotation information acquiring unit.
(Appendix 2)
The mashup program according to claim 1, wherein the normalizing means performs character encoding system conversion for converting the character encoding system of the fragment cut by the cutting means into a character encoding system to be pasted.
(Appendix 3)
Said computer further
A wrapper program that calls a program after converting a character encoding method of a pasting destination to a character encoding method of a cut source when there is a part that calls a program by inputting a form into a piece cut by the cutting means The mashup program according to claim 1, wherein the mashup program functions as a program call rewriting unit that rewrites a part that calls the program included in the fragment so as to call the wrapper program.
(Appendix 4)
The annotation information includes any one of appendices 1 to 3 including cut-out location information, cut-out information having cut-out location structure position information, paste-destination location information, and paste-in information having paste-up location information. A mashup program according to claim 1.
(Appendix 5)
A mashup device for pasting a portion cut from a cut-off Web resource to a paste-destination Web resource,
Annotation information acquisition means for acquiring annotation information including the display target Web resource as the paste information based on the annotation information in which the cut information and the paste information are associated with each other and the information of the Web resource to be displayed; ,
Based on the cutting information included in the annotation information acquired by the annotation information acquisition unit, a cutting source acquisition unit that acquires the Web resource of the cutting source;
A cutting unit that cuts out a fragment to be cut from the Web resource of the cut source acquired by the cut source acquisition unit based on the cut information included in the annotation information acquired by the annotation information acquisition unit;
Normalization means for normalizing the fragments cut by the cut means so as to be compatible with the environment of the Web resource to be pasted;
A mashup device comprising: a pasting unit that pastes the fragment normalized by the normalizing unit to a Web resource to be displayed based on pasting information included in the annotation information acquired by the annotation information acquiring unit.
(Appendix 6)
A mashup method executed by a computer for pasting a portion cut from a cut-out web resource to a paste-destination web resource,
The computer is
An annotation information acquisition step for acquiring annotation information including the display target Web resource as the paste information based on the annotation information in which the cut information and the paste information are associated with each other and the information on the display target Web resource; ,
A cut source acquisition step of acquiring a cut source Web resource based on the cut information included in the annotation information acquired in the annotation information acquisition step;
A cutting step of cutting a fragment to be cut from the cutting source Web resource acquired in the cutting source acquisition step based on the cutting information included in the annotation information acquired in the annotation information acquisition step;
A normalizing step of normalizing the fragment cut out in the cutting step so as to be adapted to the environment of the Web resource to be pasted;
A mashup method for performing a pasting step of pasting the fragment normalized in the normalizing step on a Web resource to be displayed based on pasting information included in the annotation information acquired in the annotation information acquiring step .

1 Annotation information 2 Location information (URI)
3 Annotation information acquisition unit 4 Cut source acquisition unit 5 Cut source resource (Web page)
6 Cutout part 7 Normalization part 8 Program call conversion part 9 Paste part 10 Paste destination resource 11 Mashup result data 21, 22 Window 31 Form input existence confirmation part 32 Cut source character code confirmation part 33 Paste destination character code confirmation Unit 34 Wrapper Program Generation Unit 35 Program Call Rewriting Unit 61 Search Window Portion 71, 81 Red Frame 91 Search Button 100 Web Mashup Setting Device 101, 111 Web Browsing Device 102 Cut Source Selection Unit 103 Range Presentation Selection Unit 104 Pasting Destination Selection unit 105, 116 Annotation management unit 110 Web mashup realization device 112 Cutout information acquisition unit 113 Normalization unit 114 Paste position acquisition unit 115 Composition unit 120 Annotation management server 121 Annotation database Management unit 122 Annotation database 151 Input device 152 Output device 153 Drive device 154 Auxiliary storage device 155 Main storage device 156 Arithmetic processing device 157 Interface device 158 Recording medium 160 Web browsing device 161 HTML document 162 HTML parser 163 DOMscriptp 165 JavaScript program 165 Engine 166 Rendering engine 167 User interface 220 HTML text

Claims (5)

A mashup program for operating a computer for pasting a portion cut from a cut-off Web resource to a paste-destination Web resource,
The computer,
Annotation information acquisition means for acquiring annotation information including the display target Web resource as the paste information based on the annotation information in which the cut information and the paste information are associated with each other and the information of the Web resource to be displayed; ,
Based on the cutting information included in the annotation information acquired by the annotation information acquisition unit, a cutting source acquisition unit that acquires the Web resource of the cutting source;
A cutting unit that cuts out a fragment to be cut from the Web resource of the cut source acquired by the cut source acquisition unit based on the cut information included in the annotation information acquired by the annotation information acquisition unit;
Normalization means for normalizing the fragments cut by the cut means so as to be compatible with the environment of the Web resource to be pasted;
A mashup program that causes the fragment normalized by the normalizing unit to operate as a pasting unit that pastes the fragment on the Web resource to be displayed based on the pasting information included in the annotation information acquired by the annotation information acquiring unit.   The mashup program according to claim 1, wherein the normalizing means performs character encoding system conversion for converting the character encoding system of the fragment cut by the cutting means into a character encoding system to be pasted. Said computer further
A wrapper program that calls a program after converting a character encoding method of a pasting destination to a character encoding method of a cut source when there is a part that calls a program by inputting a form into a piece cut by the cutting means The mashup program according to claim 1, wherein the mashup program functions as a program call rewriting unit that rewrites a part that calls the program included in the fragment so as to call the wrapper program. A mashup device for pasting a portion cut from a cut-off Web resource to a paste-destination Web resource,
Annotation information acquisition means for acquiring annotation information including the display target Web resource as the paste information based on the annotation information in which the cut information and the paste information are associated with each other and the information of the Web resource to be displayed; ,
Based on the cutting information included in the annotation information acquired by the annotation information acquisition unit, a cutting source acquisition unit that acquires the Web resource of the cutting source;
A cutting unit that cuts out a fragment to be cut from the Web resource of the cut source acquired by the cut source acquisition unit based on the cut information included in the annotation information acquired by the annotation information acquisition unit;
Normalization means for normalizing the fragments cut by the cut means so as to be compatible with the environment of the Web resource to be pasted;
A mashup device comprising: a pasting unit that pastes the fragment normalized by the normalizing unit on a Web resource to be displayed based on pasting information included in the annotation information acquired by the annotation information acquiring unit. A mashup method executed by a computer for pasting a portion cut from a cut-out web resource to a paste-destination web resource,
The computer is
An annotation information acquisition step for acquiring annotation information including the display target Web resource as the paste information based on the annotation information in which the cut information and the paste information are associated with each other and the information of the display target Web resource; ,
A cut source acquisition step of acquiring a cut source Web resource based on the cut information included in the annotation information acquired in the annotation information acquisition step;
A cutting step of cutting a fragment to be cut from the Web resource of the cutting source acquired in the cutting source acquisition step based on the cutting information included in the annotation information acquired in the annotation information acquisition step;
A normalizing step of normalizing the fragment cut out in the cutting step so as to be adapted to the environment of the Web resource to be pasted;
A mashup method for performing a pasting step of pasting the fragment normalized in the normalizing step on a Web resource to be displayed based on pasting information included in the annotation information acquired in the annotation information acquiring step .

Images