WO2021124728A1 - Information processing system, control method for information processing system, and program - Google Patents

Information processing system, control method for information processing system, and program Download PDF

Info

Publication number
WO2021124728A1
WO2021124728A1 PCT/JP2020/041766 JP2020041766W WO2021124728A1 WO 2021124728 A1 WO2021124728 A1 WO 2021124728A1 JP 2020041766 W JP2020041766 W JP 2020041766W WO 2021124728 A1 WO2021124728 A1 WO 2021124728A1
Authority
WO
WIPO (PCT)
Prior art keywords
information processing
display
data
source code
processing device
Prior art date
Application number
PCT/JP2020/041766
Other languages
French (fr)
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 WO2021124728A1 publication Critical patent/WO2021124728A1/en

Links

Images

Classifications

    • 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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance

Definitions

  • the present invention relates to an information processing system, a control method of the information processing system, and a program.
  • Patent Document 1 describes an application execution environment configured for the purpose of easily defining a logic for displaying a search result of a query for a search service on a screen.
  • the application server stores the query for specifying the search conditions for the search service as an action definition, acquires the action definition at the request of the client device, acquires the search result from the search service based on the query in the action definition, and processes the result. Is sent to the client device.
  • the client device displays the screen on which the processing result display object is arranged according to the processing result transmitted from the application server.
  • Patent Document 1 as an action definition, which partial data structure of the REST method response data is to be used is specified, and the value of any data item among the data items acquired from the specified partial data is used. It is possible to set an extraction expression that specifies whether to associate with the processing result object of. However, the extraction formula needs to be set by the user in advance, and if it is implemented, the burden on the user is large.
  • the present invention has been made in view of such a background, and is an information processing system and an information processing system capable of enhancing UX (User eXperience) when providing a screen for displaying a large amount of data to a user. It is an object of the present invention to provide a control method and a program.
  • One of the present inventions for solving the above problems includes a first information processing device and a second information processing device that is communicably connected to the first information processing device, and the first information processing device is capable of communicating with the first information processing device.
  • An information processing system that receives a source code including a description of parts constituting a screen from the second information processing device and displays a part of a screen area generated based on the source code on the display device.
  • the first information processing apparatus identifies a display component that is a component that displays display data that is data to be displayed on the screen, and a screen generated based on the source code.
  • the current display area which is the area currently displayed on the display device
  • the display component which is the display component to be displayed in the current display area
  • the display data is prioritized for the display component.
  • the priority is set for each of the display components described in the source code, and the display data is preferentially input to the display component having the higher priority.
  • UX User eXperience
  • FIG. 1 shows a schematic configuration of an information processing system 1 described as an embodiment.
  • the information processing system 1 includes one or more first information processing devices 100 and a second information processing device 200.
  • the first information processing device 100 and the second information processing device 200 are communicably connected via the communication network 5.
  • the communication network 5 is a wired or wireless communication infrastructure, and is, for example, a WAN (Wide Area Network), a LAN (Local Area Network), the Internet, a dedicated line, a public communication network, or the like.
  • the information processing system 1 is configured as a Web system, for example, and in that case, the second information processing device 200 executes a Web application that provides functions related to various operations such as a BtoC system, a BtoB system, and software development operations.
  • the first information processing device 100 functions as a Web client that accesses the second information processing device 200 (Web server).
  • Web server the second information processing device 200
  • the second information processing device 200 is a predetermined language (HTML (HyperText Markup Language), XML) such as a markup language or a program language for displaying a screen (hereinafter, referred to as a “Web page”) on the first information processing device 100.
  • HTML HyperText Markup Language
  • XML Markup Language
  • Web page a program language for displaying a screen
  • the source code described in eXtensible Markup Language
  • CSS CSS
  • JavaScript registered trademark
  • TypeScript TypeScript
  • the second information processing apparatus 200 is provided with a database, and data for generating data used for displaying a Web page (hereinafter, referred to as "display data") is appropriately acquired from the above database, and the acquired data or The data generated based on the data is transmitted to the first information processing apparatus 100 as display data.
  • the first information processing device 100 receives source code and display data from the second information processing device 200, and displays a Web page based on the received source code and display data via a Web browser.
  • the second information processing device 200 and the first information processing device 100 describe various data including the above display data, for example, a predetermined description such as CSV (comma-separated values) or JSON (JavaScript (registered trademark) Object Notation). Manage in format.
  • FIG. 2 is an example of the hardware configuration of the information processing device used to realize the first information processing device 100 and the second information processing device 200.
  • the illustrated information processing device 10 includes a processor 11, a main storage device 12, an auxiliary storage device 13, an input device 14, an output device 15, and a communication device 16. These are communicably connected via a communication means such as a bus (not shown).
  • a communication means such as a bus (not shown).
  • an operating system, a device driver, a file system, a DBMS (DataBase Management System) (relational database, NoSQL, etc.) and the like may be introduced in the information processing device 10.
  • DBMS DataBase Management System
  • the information processing device 10 is, for example, a desktop personal computer, an office computer, a mainframe, a mobile communication terminal (smartphone, tablet, wearable terminal, notebook type personal computer, etc.).
  • the information processing device 10 is, for example, a cloud. It may be realized by using a virtual information processing resource such as a cloud server provided by a system.
  • the processor 11 includes, for example, a CPU (Central Processing Unit), an MPU (Micro Processing Unit), a GPU (Graphics Processing Unit), an AI (Artificial Intelligence) chip, an FPGA (Field Programmable Gate Array), an ASIC (Application Specific Integrated Circuit), or the like. It is configured using.
  • a CPU Central Processing Unit
  • MPU Micro Processing Unit
  • GPU Graphics Processing Unit
  • AI Artificial Intelligence
  • FPGA Field Programmable Gate Array
  • ASIC Application Specific Integrated Circuit
  • the main storage device 12 is a device that stores programs and data, such as a ROM (Read Only Memory), a RAM (Random Access Memory), and a non-volatile memory (NVRAM (Non Volatile RAM)).
  • the auxiliary storage device 13 includes, for example, an SSD (Solid State Drive), a hard disk drive, an optical storage device (CD (Compact Disc), DVD (Digital Versatile Disc), etc.), a storage system, an IC card, an SD card, or an optical recording device.
  • a reading / writing device for a recording medium such as a medium, a storage area for a cloud server, and the like.
  • Programs and data can be read into the auxiliary storage device 13 via a reading device for a recording medium or a communication device 16. Programs and data stored (stored) in the auxiliary storage device 13 are read into the main storage device 12 at any time.
  • the input device 14 is an interface that accepts input from the outside, and is, for example, a keyboard, a mouse, a touch panel, a card reader, a voice input device, or the like.
  • the output device 15 is an interface that outputs various information such as processing progress and processing results.
  • the output device 15 is, for example, a display device (liquid crystal monitor, LCD (Liquid Crystal Display), graphic card, etc.) that visualizes the above-mentioned various information, and a device (audio output device (speaker, etc.)) that visualizes the above-mentioned various information.
  • a device printing device, etc.
  • the information processing device 10 may be configured to input and output information from another device (smartphone, tablet, notebook computer, various personal digital assistants, etc.) via the communication device 16.
  • the communication device 16 realizes communication with other devices.
  • the communication device 16 is a wireless or wired communication interface that realizes communication with another device via the communication network 5.
  • a NIC Network Interface Card
  • a wireless communication module for example, a Wi-Fi module, a Wi-Fi module, a Wi-Fi module, etc.
  • USB Universal Serial
  • Bus Universal Serial
  • the entity that realizes each of the following functions is not necessarily limited, and is appropriately changed according to the hardware configuration of the information processing system 1, the specifications of the markup language and programming language used to realize the information processing system 1, and the like. obtain.
  • FIG. 3 shows the main functions of the first information processing device 100.
  • the first information processing apparatus 100 includes a storage unit 110, an automatic generation execution unit 120, a source code analysis unit 130, a priority setting unit 140, a data selection display unit 150, and a display component list generation unit 160.
  • Each function of the data analysis unit 170 and the program execution unit 180 is provided. These functions are performed by the processor 11 of the first information processing device 100 executing a program stored in the main storage device 12, or by hardware (FPGA, ASIC, etc.) included in the first information processing device 100. Is realized by.
  • the storage unit 110 stores the priority management table 111 and the data specification table 112 (data specification information).
  • the storage unit 110 stores these data as, for example, a database table provided by the DBMS or a file provided by the file system.
  • the automatic generation execution unit 120 executes the screen display process S900 described later.
  • the automatic generation execution unit 120 acquires the source code 211 from the second information processing apparatus 200, generates a modified source code (hereinafter, referred to as “modified source code 212”) of the acquired source code 211, and generates the source code.
  • the modified source code 212 is transmitted to the second information processing device 200.
  • the automatic generation execution unit 120 generates the modified source code 212, for example, when the first information processing device 100 accesses the Web server provided by the second information processing device 200.
  • the modified source code 212 is a priority set for each display component of a component having a display function of display data 215 (hereinafter, referred to as “display component”) included in a Web page based on the source code 211.
  • display component a display function of display data 215
  • a description for displaying the display data 215 according to the above (a description for realizing the priority update process S1200 and the data display process S1400, which will be described later) is included.
  • the modified source code 212 may be managed as data different from the source code 211 (for example, as a separate file), or may be described in the source code 211.
  • the source code analysis unit 130 acquires the source code 211 from the second information processing apparatus 200 and analyzes the acquired source code 211.
  • the source code analysis unit 130 analyzes the source code 211 when, for example, the modified source code 212 is generated, or the data specification table 213 and the display component list 214, which will be described later, are generated.
  • the priority setting unit 140 sets the priority for the display component displayed by the source code 211.
  • the priority setting unit 140 sets the priority for each display component so that the display component currently displayed in the display area (hereinafter, referred to as “displaying component”) has priority.
  • the priority setting unit 140 manages the set priority in the priority management table 111.
  • the data selection display unit 150 selects display components one by one in order from the display component included in the priority management table 111, in descending order of priority. Further, the data selection display unit 150 determines whether or not the selected display component is included in the display area. Further, the data selection display unit 150 inputs the display data 215 to be displayed on the selected display component into the display component (for example, the DOM (Document Object Model) element of the display component), and displays the display data 215 on the display component. indicate.
  • the display component for example, the DOM (Document Object Model) element of the display component
  • the display component list generation unit 160 generates the display component list 232 based on the analysis result of the source code 211 by the source code analysis unit 130.
  • the display component list generation unit 160 generates a list of display component identifiers (hereinafter, referred to as “display component ID”) included in the source code 211 as the display component list 232.
  • the data analysis unit 170 receives and analyzes the display data 215 sent from the second information processing device 200.
  • the display data 215 does not have to be stored in advance by the second information processing device 200, and may be generated by the second information processing device 200 in response to a query received from the first information processing device 100, for example.
  • the program execution unit 180 executes the priority update process S1200 and the data display process S1400, which will be described later.
  • FIG. 4 shows the main functions of the second information processing device 200.
  • the second information processing apparatus 200 includes a storage unit 210, a source code management unit 220, a data specification table management unit 230, a display parts list management unit 240, a data setting transmission unit 250, and an input data management unit 260. , And each function of the data management unit 270. These functions are performed by the processor 11 of the second information processing device 200 executing a program stored in the main storage device 12, or by hardware (FPGA, ASIC, etc.) included in the second information processing device 200. Is realized by.
  • the storage unit 210 stores the source code 211, the modified source code 212, the data specification table 213, the display component list 214, the display data 215, and the input data 216.
  • the storage unit 110 stores these data as, for example, a database table provided by the DBMS or a file provided by the file system.
  • the source code management unit 220 manages (stores) the source code 211 and the modified source code 212, and transmits these to the first information processing device 100 at any time.
  • the data specification table management unit 230 manages the data specification table 213 sent from the first information processing device 100.
  • the data specification table 213 includes information that defines the specifications for the display data 215 required for the display data 215 displayed on the screen displayed by the second information processing apparatus 200 by the source code 211 or the modified source code 212.
  • FIG. 5 shows an example of the data specification table 213.
  • the specifications 2132 required for the data displayed by the display component specified by the display component ID 2131 are managed in association with the display component ID 2131.
  • the maximum length of the data to be displayed on the display component whose display component ID is "i1" is “10" (the maximum number of characters that can be input is 10), and the display component ID is "10". It is managed that the data displayed on the display component of "i2" is half-width alphanumeric characters (characters that can be entered are half-width alphanumeric characters).
  • the display component list management unit 240 receives and manages (stores) the display component list 214 sent from the first information processing device 100.
  • FIG. 6 shows an example of the display parts list 214.
  • the display component list 214 to be illustrated contains a list of display component IDs of display components acquired from the source code 211. In this example, "i1", “i2", and “i3" are described as display component IDs.
  • the data setting transmission unit 250 acquires the data to be displayed for each of the display components described in the display component list 214 from the data management unit 270, and obtains the acquired data or the data generated based on the data.
  • Display data 215 is generated by processing into a format according to the data specification table 213, and the generated display data 215 is transmitted to the first information processing apparatus 100.
  • FIG. 7 shows an example of display data 215.
  • the information in which the content 2152 of the data to be displayed on the display component is associated with the display component ID 2151 is included.
  • the input data management unit 260 manages the input data 216, which is the data input by the user via the first information processing device 100.
  • the user inputs input data 216 as test data at the time of system development, for example.
  • FIG. 8 shows an example of the input data 216.
  • the input data 216 includes one or more user-input data 2162s associated with each of the header display component IDs 2161.
  • the data 2162 “Suzuki”, “Tokyo”, “man” and the data 2162 “Yamada” are associated with the display component IDs 2161 “i1", “i2", and “i3", respectively. "Kanagawa Prefecture” and "woman” are listed.
  • the data management unit 270 manages the data used by the data setting transmission unit 250 when generating the display data 215 in the database.
  • FIG. 9 shows a process (hereinafter, referred to as “screen display process S900”) performed when the first information processing device 100 displays a Web page based on the source code 211 sent from the second information processing device 200. It is a flowchart to explain. Hereinafter, the screen display process S900 will be described with reference to the figure. In the following description, it is assumed that the source code 211 is created in advance.
  • the automatic generation execution unit 120 of the first information processing device 100 transmits a Web page request to the second information processing device 200 (S911), and acquires (receives) the source code 211 of the Web page from the second information processing device 200. ) (S912).
  • FIG. 10 shows an example of the source code 211.
  • FIG. 10A is an example of the source code 211 described in HTML
  • FIG. 10B is an example of a style sheet (CSS).
  • FIG. 11 shows a Web page displayed on the Web browser 711 by the first information processing apparatus 100 based on the source code 211 shown in FIG.
  • the source code analysis unit 130 of the first information processing apparatus 100 subsequently analyzes the source code 211 acquired in S912 (S913).
  • the automatic generation execution unit 120 generates the modified source code 212 based on the analysis result of S913 (S914).
  • the automatic generation execution unit 120 generates the data specification table 213 of the display component described in the source code 211 based on the analysis result of S913, and transfers the generated data specification table 213 to the second information processing apparatus 200. Transmit (S915).
  • the automatic generation execution unit 120 acquires, for example, information on the specifications of the display data 215 displayed on each display component from the definition statement of the display component described in the source code 211.
  • the automatic generation execution unit 120 generates the display component list 214 based on the analysis result of S913, and transmits the generated display component list 214 to the second information processing device 200 (S916).
  • the automatic generation execution unit 120 receives the display data 215 (for example, the input data 216 shown in FIG. 8) to be displayed on the display component, and transmits the received input data 216 to the second information processing device 200 (S917). ..
  • the second information processing device 200 receives the input data 216
  • the second information processing device 200 generates display data 215 based on the received input data 216 and transmits the display data 215 together with the source code 211 to the first information processing device 100. It should be noted that this process may be omitted because it is a process assuming that the user inputs test data.
  • the program execution unit 180 executes the modified source code 212 (S918).
  • the automatic generation execution unit 120 determines whether or not the user has performed an end operation (for example, an operation for closing the Web browser, an operation for displaying a Web page different from the currently displayed Web page, etc.). Judgment (S919).
  • an end operation for example, an operation for closing the Web browser, an operation for displaying a Web page different from the currently displayed Web page, etc.
  • Judgment S919.
  • the screen display process S900 ends. If the end operation has not been performed (S919: NO), the process returns to S918.
  • FIG. 12 is a flowchart illustrating a process (hereinafter, referred to as “priority update process S1200”) realized by executing the modified source code 212.
  • the priority update process S1200 is executed, for example, when the user scrolls the Web browser with the mouse or when the screen is loaded on the Web browser.
  • the priority update process S1200 will be described with reference to the figure.
  • the source code analysis unit 130 of the first information processing apparatus 100 analyzes the modified source code 212 (S1211).
  • the priority setting unit 140 acquires information on the current display area (coordinate position, size, etc. of the current display area) (S1212).
  • the priority setting unit 140 selects one of the display components described in the modified source code 212 (S1213). For example, in the example of FIG. 10, there is a description about three display components "input", and the priority setting unit 140 selects one of them.
  • the priority setting unit 140 determines whether or not the display component selected in S1213 is currently included in the display area (S1214). If the selected display component is currently included in the display area (S1214: YES), the process proceeds to S1215. If the selected display component is not currently included in the display area (S1214: NO), the process proceeds to S1216.
  • the priority setting unit 140 sets the width of the current display area to the height of the current display area by using the "document.documentElement.clientWidth” function, for example.
  • the "document.documentElement.clientHeight” function is used to obtain the x coordinate of the upper left of the current display area by the "window.pageXOffset” function, and the y coordinate of the upper left of the current display area is obtained by the "window.pageYOffset” function.
  • the priority setting unit 140 sets to increase the priority of the priority management table 111 corresponding to the display component selected in S1213 (for example, add +1 to the priority).
  • FIG. 13 shows an example of the priority management table 111.
  • the priority 1112 is managed in association with the display component ID 1111.
  • the priority 1112 "1" is for the display component whose display component ID 1111 is "i1”
  • the priority 1112 "5" is for the display component whose display component ID 1111 is "i2”.
  • Priority 1112 "3" is set for each of the display parts of "i3”.
  • the Web page includes the display components whose display component IDs are “i1", “i2", and “i3", but the display component IDs are “i2" and "i3" in the current display area 712. Only the display parts of "" are displayed.
  • FIG. 10A since three "input tags" are described in the source code 211, it can be seen that three display parts are described in the Web page. It is not possible to determine whether or not the display component of the above is currently included in the display area only by analyzing the source code 211. To make the determination, refer to the source code 211 (style sheet) shown in FIG. 10 (b). You also need to.
  • the 10B defines the style of the display component whose display component ID is “i2”, and is described on the Web page from the size information and the position information of the source code 211. It is possible to determine whether or not the display component is currently included in the display area.
  • the display component whose display component ID is "i2” has the x-coordinate of "100px", the y-coordinate of "100px”, the width of "300px”, and the height of "100px”.
  • collating with the information of the current display area it is possible to determine whether or not each display component described on the Web page is included in the current display area.
  • S1216 it is determined whether or not there is an unselected display component in S1213 among the display parts described in the Web page (source code 211). If there is an unselected display component (S1216: YES), the process returns to S1213. If there is no unselected display component (S1216: NO), the priority update process S1200 ends. When the display component currently displayed in the display area is changed by, for example, moving the scroll bar of the Web browser or performing a mouse scroll operation, the priority update process S1200 is restarted. The contents of the priority management table 111 are updated.
  • FIG. 14 is a flowchart illustrating one of the processes realized by executing the modified source code 212 (hereinafter, referred to as “data display process S1400”).
  • the data display process S1400 receives the display data 215 from the second information processing device 200 (for example, a query is transmitted to the second information processing device 200 in response to an operation performed by the user on the Web page, and the query is transmitted to this.
  • the display data 215 returned by the second information processing device 200 is received by the first information processing device 100).
  • the data display process S1400 will be described with reference to the figure.
  • the data analysis unit 170 of the first information processing device 100 receives the display data 215 from the second information processing device 200 (S1411), the data analysis unit 170 analyzes the received display data 215 (S1412).
  • the data selection display unit 150 of the first information processing apparatus 100 performs 1 in each loop processing in order from the display component included in the priority management table 111 in descending order of priority. Select one by one.
  • the data selection display unit 150 determines whether or not the selected display component is included in the current display area. If the selected display component is included in the current display area (S1414: YES), the process proceeds to S1415. If the selected display component is not currently included in the display area (S1414: NO), the process proceeds to S1416.
  • the data selection display unit 150 inputs the display data 215 corresponding to the selected display component among the display data 215 received in S1411 to the display component (for example, substitutes it for DOM). As a result, the display data 215 is displayed on the display component.
  • the display component having the highest priority is the display component whose display component ID is "i2". For example, this display component is the display area.
  • the corresponding key of the received display data 215 is assigned to the left side, and the value of the display data 215 is assigned to the selected display component (DOM). For example, when the display data 215 of FIG.
  • variable "i2" shown in FIG. 10 is a variable already defined in Javascript (registered trademark), and is associated with "i2" described in the source code 211 shown in FIG. That is, substituting the value of the display data 215 into the variable "i2” means displaying the value of the display data 215 in the display component "input (i2)" displayed on the Web browser.
  • the display parts that are currently displayed in the display area are displayed.
  • the display data 215 is displayed with priority over the display parts other than the displayed part. Therefore, the display data 215 that the user is trying to refer to is displayed with priority, and the UX (User eXperience) can be enhanced.
  • the priority management table 111 is automatically updated, it is not necessary to set the extraction formula or the like in advance, and the burden on the user is small.
  • the mechanism of the present embodiment uses the display component ID described in the source code 211. It can be achieved in a simple way.
  • the present invention is not limited to the above-described embodiment, and includes various modifications.
  • the above-described embodiment describes the configuration in detail in order to explain the present invention in an easy-to-understand manner, and is not necessarily limited to the one including all the described configurations.
  • a part of the configuration of each embodiment can be added, deleted, or replaced with another configuration.
  • each of the above configurations, functions, processing units, processing means, etc. may be realized by hardware by designing a part or all of them by, for example, an integrated circuit.
  • the present invention can also be realized by a software program code that realizes the functions of the examples.
  • a storage medium in which the program code is recorded is provided to the information processing device (computer), and the processor included in the information processing device reads the program code stored in the storage medium.
  • the program code itself read from the storage medium realizes the functions of the above-described embodiment, and the program code itself and the storage medium storing the program code itself constitute the present invention.
  • Examples of the storage medium for supplying such a program code include a flexible disk, a CD-ROM, a DVD-ROM, a hard disk, an SSD (Solid State Drive), an optical disk, a magneto-optical disk, a CD-R, and a magnetic tape.
  • Non-volatile memory cards, ROMs, etc. are used.
  • control lines and information lines indicate those that are considered necessary for explanation, and do not necessarily indicate all the control lines and information lines in the product. All configurations may be interconnected.
  • 1 Information processing system 5 Communication network, 100 1st information processing device, 110 Storage unit, 111 Priority management table, 120 Automatic generation execution unit, 130 Source code analysis unit, 140 Priority setting unit, 150 Data selection display unit, 160 display parts list generation unit, 170 data analysis unit, 180 program execution unit, 200 second information processing device, 210 storage unit, 211 source code, 212 modified source code, 213 data specification table, 214 display parts list, 215 display data , 216 Input data, 220 Source code management department, 230 Data specification table management department, 240 Display parts list management department, 250 Data setting transmission unit, 260 Input data management department, 270 Data management department, S900 Screen display processing, S1200 Priority Update process, S1400 data display process

Abstract

The present invention enhances user experience (UX) when a screen for displaying a plurality of pieces of data is provided to a user. A first information processing device displays display data on a display device by: receiving, from a second information processing device, a source code including statements for components forming the screen; displaying a portion of an area of a screen generated on the basis of the source code; specifying a display component which displays display data that is data to be displayed on the screen by analyzing the source code; specifying a current display area currently being displayed on the display device; specifying an on-display component which is a display component being displayed on the current display area; setting the priority to each of display components stated in the source code so that the display data pertaining to the on-display component is preferentially displayed; and preferentially inputting the display data to the display component with a high priority.

Description

情報処理システム、情報処理システムの制御方法、及びプログラムInformation processing system, information processing system control method, and program
　本発明は、情報処理システム、情報処理システムの制御方法、及びプログラムに関する。 The present invention relates to an information processing system, a control method of the information processing system, and a program.
　本出願は、２０１９年１２月１６日に出願された日本特許出願２０１９－２２６３５７号に基づく優先権を主張し、その開示全体を援用して本出願に取り込むものである。 This application claims priority based on Japanese Patent Application No. 2019-226357 filed on December 16, 2019, and incorporates the entire disclosure into this application.
　特許文献１には、検索サービスに対するクエリの検索結果を画面に表示するためのロジックを容易に定義できるようにすることを目的として構成されたアプリケーション実行環境に関して記載されている。アプリケーションサーバは、検索サービスに対する検索条件を指定するためのクエリをアクション定義として記憶し、クライアント装置の要求によりアクション定義を取得し、アクション定義におけるクエリに基づき検索サービスから検索結果を取得し、処理結果としてクライアント装置へ送信する。クライアント装置は、アプリケーションサーバより送信された処理結果に従い、処理結果表示オブジェクトが配置された画面を表示する。 Patent Document 1 describes an application execution environment configured for the purpose of easily defining a logic for displaying a search result of a query for a search service on a screen. The application server stores the query for specifying the search conditions for the search service as an action definition, acquires the action definition at the request of the client device, acquires the search result from the search service based on the query in the action definition, and processes the result. Is sent to the client device. The client device displays the screen on which the processing result display object is arranged according to the processing result transmitted from the application server.
特開２０１４－６３５２４号公報Japanese Unexamined Patent Publication No. 2014-63524
　一般にＷｅｂシステムにおいては、多数のデータを表示するＷｅｂページがサーバ装置からクライアント装置に送られた際、クライアント装置側は送られてきたデータを一様に表示している。そのため、例えば、ユーザが参照しようとしているデータと異なるデータの表示処理が先行して行われた場合はＵＸ（User eXperience）が低下するという課題がある。 Generally, in a Web system, when a Web page displaying a large amount of data is sent from a server device to a client device, the client device side uniformly displays the sent data. Therefore, for example, there is a problem that the UX (User eXperience) is lowered when the display processing of the data different from the data that the user is trying to refer to is performed in advance.
　特許文献１では、アクション定義として、ＲＥＳＴ方式のレスポンスデータのうちいずれの部分データ構成を利用するかを指定し、指定された部分データから取得されたデータ項目のうちいずれのデータ項目の値をいずれの処理結果オブジェクトに対応付けるかを指定する抽出式を設定することができる。しかし抽出式は予めユーザが設定しておく必要があり、実施化した場合はユーザの負担が大きい。 In Patent Document 1, as an action definition, which partial data structure of the REST method response data is to be used is specified, and the value of any data item among the data items acquired from the specified partial data is used. It is possible to set an extraction expression that specifies whether to associate with the processing result object of. However, the extraction formula needs to be set by the user in advance, and if it is implemented, the burden on the user is large.
　本発明はこのような背景に鑑みてなされたものであり、ユーザに多数のデータを表示する画面を提供する際のＵＸ（User eXperience）を高めることが可能な、情報処理システム、情報処理システムの制御方法、及びプログラムを提供することを目的とする。 The present invention has been made in view of such a background, and is an information processing system and an information processing system capable of enhancing UX (User eXperience) when providing a screen for displaying a large amount of data to a user. It is an object of the present invention to provide a control method and a program.
　上記課題を解決するための本発明の一つは、第１情報処理装置と、前記第１情報処理装置と通信可能に接続する第２情報処理装置とを含み、前記第１情報処理装置が、画面を構成する部品の記述を含むソースコードを前記第２情報処理装置から受信し、前記ソースコードに基づき生成される画面の一部の領域を表示装置に表示する、情報処理システムであって、前記第１情報処理装置が、前記ソースコードを解析することにより、前記画面に表示するデータである表示データを表示する前記部品である表示部品を特定し、前記ソースコードに基づき生成される画面のうち、前記表示装置に現在表示している領域である現在表示領域を特定し、前記現在表示領域に表示する前記表示部品である表示中部品を特定し、前記表示中部品について前記表示データが優先して表示されるように、前記ソースコードに記述されている前記表示部品の夫々について優先度を設定し、前記優先度の高い前記表示部品に前記表示データを優先して入力する。 One of the present inventions for solving the above problems includes a first information processing device and a second information processing device that is communicably connected to the first information processing device, and the first information processing device is capable of communicating with the first information processing device. An information processing system that receives a source code including a description of parts constituting a screen from the second information processing device and displays a part of a screen area generated based on the source code on the display device. By analyzing the source code, the first information processing apparatus identifies a display component that is a component that displays display data that is data to be displayed on the screen, and a screen generated based on the source code. Among them, the current display area, which is the area currently displayed on the display device, is specified, the display component, which is the display component to be displayed in the current display area, is specified, and the display data is prioritized for the display component. The priority is set for each of the display components described in the source code, and the display data is preferentially input to the display component having the higher priority.
　その他、本願が開示する課題、及びその解決方法は、発明を実施するための形態の欄、及び図面により明らかにされる。 In addition, the problems disclosed in the present application and the solutions thereof will be clarified by the column of the form for carrying out the invention and the drawings.
　本発明によれば、ユーザに多数のデータを表示する画面を提供する際のＵＸ（User eXperience）を高めることができる。 According to the present invention, it is possible to enhance UX (User eXperience) when providing a screen for displaying a large amount of data to a user.
情報処理システムの概略的な構成を示す図である。It is a figure which shows the schematic structure of an information processing system. 情報処理システムを構成する情報処理装置のハードウェア構成の一例である。This is an example of the hardware configuration of the information processing device that constitutes the information processing system. 第１情報処理装置が備える主な機能を示す図である。It is a figure which shows the main function which the 1st information processing apparatus has. 第２情報処理装置が備える主な機能を示す図である。It is a figure which shows the main function which the 2nd information processing apparatus has. データ仕様表の一例である。This is an example of a data specification table. 表示部品リストの一例である。This is an example of a display parts list. 表示データの一例である。This is an example of display data. 入力データの一例である。This is an example of input data. 画面表示処理を説明するフローチャートである。It is a flowchart explaining screen display processing. （ａ）はＨＴＭＬで記述されたソースコードの一例であり、（ｂ）はスタイルシート（ＣＳＳ）の一例である。(A) is an example of the source code described in HTML, and (b) is an example of the style sheet (CSS). 第１情報処理装置がＷｅｂブラウザに表示するＷｅｂページの例である。This is an example of a Web page displayed on a Web browser by the first information processing device. 優先度更新処理を説明するフローチャートである。It is a flowchart explaining the priority update process. 優先度管理表の一例である。This is an example of a priority management table. データ表示処理を説明するフローチャートである。It is a flowchart explaining the data display process. 表示データの値を表示部品に代入する仕組みを説明する図である。It is a figure explaining the mechanism of substituting the value of display data into a display component.
　以下、本発明の実施形態について図面を参照しつつ説明する。以下の説明において、同一の又は類似する構成について共通の符号を付して重複した説明を省略することがある。 Hereinafter, embodiments of the present invention will be described with reference to the drawings. In the following description, the same or similar configurations may be designated by a common reference and duplicate description may be omitted.
　図１に一実施形態として説明する情報処理システム１の概略的な構成を示している。情報処理システム１は、一つ以上の第１情報処理装置１００と第２情報処理装置２００とを含む。第１情報処理装置１００及び第２情報処理装置２００は、通信ネットワーク５を介して通信可能に接続されている。通信ネットワーク５は、有線方式又は無線方式の通信基盤であり、例えば、ＷＡＮ（Wide Area Network）、ＬＡＮ（Local Area Network）、インターネット、専用線、公衆通信網等である。 FIG. 1 shows a schematic configuration of an information processing system 1 described as an embodiment. The information processing system 1 includes one or more first information processing devices 100 and a second information processing device 200. The first information processing device 100 and the second information processing device 200 are communicably connected via the communication network 5. The communication network 5 is a wired or wireless communication infrastructure, and is, for example, a WAN (Wide Area Network), a LAN (Local Area Network), the Internet, a dedicated line, a public communication network, or the like.
　情報処理システム１は、例えば、Ｗｅｂシステムとして構成され、その場合、第２情報処理装置２００は、例えば、ＢｔｏＣシステムやＢｔｏＢシステム、ソフトウェア開発業務等の各種業務に関する機能を提供するＷｅｂアプリケーションが実行されるＷｅｂサーバとして機能し、また第１情報処理装置１００は、第２情報処理装置２００（Ｗｅｂサーバ）にアクセスするＷｅｂクライアントとして機能する。尚、以下の説明では、情報処理システム１がこのような構成を有している場合を例として説明する。 The information processing system 1 is configured as a Web system, for example, and in that case, the second information processing device 200 executes a Web application that provides functions related to various operations such as a BtoC system, a BtoB system, and software development operations. The first information processing device 100 functions as a Web client that accesses the second information processing device 200 (Web server). In the following description, a case where the information processing system 1 has such a configuration will be described as an example.
　第２情報処理装置２００は、第１情報処理装置１００に画面（以下、「Ｗｅｂページ」と称する。）を表示させるマークアップ言語やプログラム言語等の所定の言語（ＨＴＭＬ（HyperText Markup Language）、ＸＭＬ（eXtensible Markup Language）、ＣＳＳ（Cascading Style Sheets）、ＪａｖａＳｃｒｉｐｔ（登録商標）、ＴｙｐｅＳｃｒｉｐｔ等）で記述されたソースコードを第１情報処理装置１００に送信する。第２情報処理装置２００は、データベースを備えており、Ｗｅｂページの表示に用いるデータ（以下、「表示データ」と称する。）を生成するためのデータを上記データベースから適宜取得し、取得したデータもしくは当該データに基づき生成したデータを表示データとして第１情報処理装置１００に送信する。第１情報処理装置１００は、第２情報処理装置２００からソースコードや表示データを受信し、受信したソースコードや表示データに基づくＷｅｂページをＷｅｂブラウザを介して表示する。第２情報処理装置２００及び第１情報処理装置１００は、上記表示データを含む各種のデータを、例えば、ＣＳＶ（comma-separated values）やＪＳＯＮ (JavaScript（登録商標） Object Notation)等の所定の記述形式で管理する。 The second information processing device 200 is a predetermined language (HTML (HyperText Markup Language), XML) such as a markup language or a program language for displaying a screen (hereinafter, referred to as a “Web page”) on the first information processing device 100. The source code described in (eXtensible Markup Language), CSS (Cascading Style Sheets), JavaScript (registered trademark), TypeScript, etc.) is transmitted to the first information processing apparatus 100. The second information processing apparatus 200 is provided with a database, and data for generating data used for displaying a Web page (hereinafter, referred to as "display data") is appropriately acquired from the above database, and the acquired data or The data generated based on the data is transmitted to the first information processing apparatus 100 as display data. The first information processing device 100 receives source code and display data from the second information processing device 200, and displays a Web page based on the received source code and display data via a Web browser. The second information processing device 200 and the first information processing device 100 describe various data including the above display data, for example, a predetermined description such as CSV (comma-separated values) or JSON (JavaScript (registered trademark) Object Notation). Manage in format.
　図２は、第１情報処理装置１００や第２情報処理装置２００の実現に用いる情報処理装置のハードウェア構成の一例である。同図に示すように、例示する情報処理装置１０は、プロセッサ１１、主記憶装置１２、補助記憶装置１３、入力装置１４、出力装置１５、及び通信装置１６を備える。これらは図示しないバス（bus）等の通信手段を介して通信可能に接続されている。情報処理装置１０には、例えば、オペレーティングシステム、デバイスドライバ、ファイルシステム、ＤＢＭＳ（DataBase Management System）（リレーショナルデータベース、ＮｏＳＱＬ等）等が導入されていてもよい。情報処理装置１０は、例えば、デスクトップ型のパーソナルコンピュータ、オフィスコンピュータ、メインフレーム、移動通信端末（スマートフォン、タブレット、ウェアラブル端末、ノートブック型のパーソナルコンピュータ等である。情報処理装置１０は、例えば、クラウドシステムにより提供されるクラウドサーバのように仮想的な情報処理資源を用いて実現されるものであってもよい。 FIG. 2 is an example of the hardware configuration of the information processing device used to realize the first information processing device 100 and the second information processing device 200. As shown in the figure, the illustrated information processing device 10 includes a processor 11, a main storage device 12, an auxiliary storage device 13, an input device 14, an output device 15, and a communication device 16. These are communicably connected via a communication means such as a bus (not shown). For example, an operating system, a device driver, a file system, a DBMS (DataBase Management System) (relational database, NoSQL, etc.) and the like may be introduced in the information processing device 10. The information processing device 10 is, for example, a desktop personal computer, an office computer, a mainframe, a mobile communication terminal (smartphone, tablet, wearable terminal, notebook type personal computer, etc.). The information processing device 10 is, for example, a cloud. It may be realized by using a virtual information processing resource such as a cloud server provided by a system.
　プロセッサ１１は、例えば、ＣＰＵ（Central Processing Unit）、ＭＰＵ（Micro Processing Unit）、ＧＰＵ（Graphics Processing Unit）、ＡＩ（Artificial Intelligence）チップ、ＦＰＧＡ（Field Programmable Gate Array）、ＡＳＩＣ（Application Specific Integrated Circuit）等を用いて構成されている。 The processor 11 includes, for example, a CPU (Central Processing Unit), an MPU (Micro Processing Unit), a GPU (Graphics Processing Unit), an AI (Artificial Intelligence) chip, an FPGA (Field Programmable Gate Array), an ASIC (Application Specific Integrated Circuit), or the like. It is configured using.
　主記憶装置１２は、プログラムやデータを記憶する装置であり、例えば、ＲＯＭ（Read Only Memory）、ＲＡＭ（Random Access Memory）、不揮発性メモリ（ＮＶＲＡＭ（Non Volatile RAM））等である。補助記憶装置１３は、例えば、ＳＳＤ（Solid State Drive）、ハードディスクドライブ、光学式記憶装置（ＣＤ（Compact Disc）、ＤＶＤ（Digital Versatile Disc）等）、ストレージシステム、ＩＣカード、ＳＤカードや光学式記録媒体等の記録媒体の読取／書込装置、クラウドサーバの記憶領域等である。補助記憶装置１３には、記録媒体の読取装置や通信装置１６を介してプログラムやデータを読み込むことができる。補助記憶装置１３に格納（記憶）されているプログラムやデータは主記憶装置１２に随時読み込まれる。 The main storage device 12 is a device that stores programs and data, such as a ROM (Read Only Memory), a RAM (Random Access Memory), and a non-volatile memory (NVRAM (Non Volatile RAM)). The auxiliary storage device 13 includes, for example, an SSD (Solid State Drive), a hard disk drive, an optical storage device (CD (Compact Disc), DVD (Digital Versatile Disc), etc.), a storage system, an IC card, an SD card, or an optical recording device. A reading / writing device for a recording medium such as a medium, a storage area for a cloud server, and the like. Programs and data can be read into the auxiliary storage device 13 via a reading device for a recording medium or a communication device 16. Programs and data stored (stored) in the auxiliary storage device 13 are read into the main storage device 12 at any time.
　入力装置１４は、外部からの入力を受け付けるインタフェースであり、例えば、キーボード、マウス、タッチパネル、カードリーダ、音声入力装置等である。出力装置１５は、処理経過や処理結果等の各種情報を出力するインタフェースである。出力装置１５は、例えば、上記の各種情報を可視化する表示装置（液晶モニタ、ＬＣＤ（Liquid Crystal Display）、グラフィックカード等）、上記の各種情報を音声化する装置（音声出力装置（スピーカ等））、上記の各種情報を文字化する装置（印字装置等）である。尚、例えば、情報処理装置１０が通信装置１６を介して他の装置（スマートフォン、タブレット、ノートブック型コンピュータ、各種携帯情報端末等）と情報の入力や出力を行う構成としてもよい。 The input device 14 is an interface that accepts input from the outside, and is, for example, a keyboard, a mouse, a touch panel, a card reader, a voice input device, or the like. The output device 15 is an interface that outputs various information such as processing progress and processing results. The output device 15 is, for example, a display device (liquid crystal monitor, LCD (Liquid Crystal Display), graphic card, etc.) that visualizes the above-mentioned various information, and a device (audio output device (speaker, etc.)) that visualizes the above-mentioned various information. , A device (printing device, etc.) that converts the above-mentioned various information into characters. For example, the information processing device 10 may be configured to input and output information from another device (smartphone, tablet, notebook computer, various personal digital assistants, etc.) via the communication device 16.
　通信装置１６は、他の装置との間の通信を実現する。通信装置１６は、通信ネットワーク５を介した他の装置との間の通信を実現する無線方式又は有線方式の通信インタフェースであり、例えば、ＮＩＣ（Network Interface Card）、無線通信モジュール、ＵＳＢ（Universal Serial Bus）モジュール、シリアル通信モジュール等である。 The communication device 16 realizes communication with other devices. The communication device 16 is a wireless or wired communication interface that realizes communication with another device via the communication network 5. For example, a NIC (Network Interface Card), a wireless communication module, and a USB (Universal Serial). Bus) module, serial communication module, etc.
　続いて、情報処理システム１において実現される主な機能について説明する。尚、以下に示す各機能を実現する主体は必ずしも限定されず、情報処理システム１のハードウェア構成、情報処理システム１の実現に用いられるマークアップ言語やプログラム言語の仕様等に応じて適宜変更され得る。 Next, the main functions realized in the information processing system 1 will be described. The entity that realizes each of the following functions is not necessarily limited, and is appropriately changed according to the hardware configuration of the information processing system 1, the specifications of the markup language and programming language used to realize the information processing system 1, and the like. obtain.
　図３に第１情報処理装置１００が備える主な機能を示す。同図に示すように、第１情報処理装置１００は、記憶部１１０、自動生成実行部１２０、ソースコード解析部１３０、優先度設定部１４０、データ選択表示部１５０、表示部品リスト生成部１６０、データ解析部１７０、及びプログラム実行部１８０の各機能を備える。これらの機能は、第１情報処理装置１００のプロセッサ１１が、主記憶装置１２に格納されているプログラムを実行することにより、もしくは、第１情報処理装置１００が備えるハードウェア（ＦＰＧＡ、ＡＳＩＣ等）により実現される。 FIG. 3 shows the main functions of the first information processing device 100. As shown in the figure, the first information processing apparatus 100 includes a storage unit 110, an automatic generation execution unit 120, a source code analysis unit 130, a priority setting unit 140, a data selection display unit 150, and a display component list generation unit 160. Each function of the data analysis unit 170 and the program execution unit 180 is provided. These functions are performed by the processor 11 of the first information processing device 100 executing a program stored in the main storage device 12, or by hardware (FPGA, ASIC, etc.) included in the first information processing device 100. Is realized by.
　記憶部１１０は、優先度管理表１１１、及びデータ仕様表１１２（データ仕様情報）を記憶する。記憶部１１０は、例えば、ＤＢＭＳが提供するデータベースのテーブルや、ファイルシステムが提供するファイルとして、これらのデータを記憶する。 The storage unit 110 stores the priority management table 111 and the data specification table 112 (data specification information). The storage unit 110 stores these data as, for example, a database table provided by the DBMS or a file provided by the file system.
　自動生成実行部１２０は、後述する画面表示処理Ｓ９００を実行する。自動生成実行部１２０は、第２情報処理装置２００からソースコード２１１を取得し、取得したソースコード２１１を修正したソースコード（以下、「修正ソースコード２１２」と称する。）を生成し、生成した修正ソースコード２１２を第２情報処理装置２００に送信する。尚、自動生成実行部１２０による修正ソースコード２１２の生成は、例えば、第１情報処理装置１００が、第２情報処理装置２００が提供するＷｅｂサーバにアクセスした際に実行される。 The automatic generation execution unit 120 executes the screen display process S900 described later. The automatic generation execution unit 120 acquires the source code 211 from the second information processing apparatus 200, generates a modified source code (hereinafter, referred to as “modified source code 212”) of the acquired source code 211, and generates the source code. The modified source code 212 is transmitted to the second information processing device 200. The automatic generation execution unit 120 generates the modified source code 212, for example, when the first information processing device 100 accesses the Web server provided by the second information processing device 200.
　修正ソースコード２１２は、ソースコード２１１に基づくＷｅｂページに含まれている、表示データ２１５の表示機能を有する部品（以下、「表示部品」と称する。）に、各表示部品に設定された優先度に従って表示データ２１５を表示するための記述（後述する優先度更新処理Ｓ１２００及びデータ表示処理Ｓ１４００を実現するための記述）を含む。修正ソースコード２１２は、ソースコード２１１とは別のデータとして（例えば別のファイルとして）管理してもよいし、ソースコード２１１内に記述してもよい。 The modified source code 212 is a priority set for each display component of a component having a display function of display data 215 (hereinafter, referred to as “display component”) included in a Web page based on the source code 211. A description for displaying the display data 215 according to the above (a description for realizing the priority update process S1200 and the data display process S1400, which will be described later) is included. The modified source code 212 may be managed as data different from the source code 211 (for example, as a separate file), or may be described in the source code 211.
　ソースコード解析部１３０は、第２情報処理装置２００からソースコード２１１を取得し、取得したソースコード２１１を解析する。ソースコード解析部１３０は、例えば、修正ソースコード２１２の生成や、後述するデータ仕様表２１３及び表示部品リスト２１４の生成に際してソースコード２１１の解析を行う。 The source code analysis unit 130 acquires the source code 211 from the second information processing apparatus 200 and analyzes the acquired source code 211. The source code analysis unit 130 analyzes the source code 211 when, for example, the modified source code 212 is generated, or the data specification table 213 and the display component list 214, which will be described later, are generated.
　優先度設定部１４０は、ソースコード２１１により表示される表示部品に優先度を設定する。優先度設定部１４０は、現在表示領域に表示される表示部品（以下、「表示中部品」と称する。）が優先されるように各表示部品に優先度を設定する。優先度設定部１４０は、設定した優先度を優先度管理表１１１に管理する。 The priority setting unit 140 sets the priority for the display component displayed by the source code 211. The priority setting unit 140 sets the priority for each display component so that the display component currently displayed in the display area (hereinafter, referred to as “displaying component”) has priority. The priority setting unit 140 manages the set priority in the priority management table 111.
　データ選択表示部１５０は、優先度管理表１１１に含まれる表示部品のうち、優先度の高いものから順に１つずつ表示部品を選択する。またデータ選択表示部１５０は、選択した表示部品が表示領域に含まれるか否かを判定する。またデータ選択表示部１５０は、選択した表示部品に表示する表示データ２１５を、当該表示部品（例えば、当該表示部品のＤＯＭ（Document Object Model）要素）に入力し、当該表示部品に表示データ２１５を表示する。 The data selection display unit 150 selects display components one by one in order from the display component included in the priority management table 111, in descending order of priority. Further, the data selection display unit 150 determines whether or not the selected display component is included in the display area. Further, the data selection display unit 150 inputs the display data 215 to be displayed on the selected display component into the display component (for example, the DOM (Document Object Model) element of the display component), and displays the display data 215 on the display component. indicate.
　表示部品リスト生成部１６０は、ソースコード解析部１３０によるソースコード２１１の解析結果に基づき、表示部品リスト２３２を生成する。表示部品リスト生成部１６０は、ソースコード２１１に含まれている表示部品の識別子（以下、「表示部品ＩＤ」と称する。）の一覧を表示部品リスト２３２として生成する。 The display component list generation unit 160 generates the display component list 232 based on the analysis result of the source code 211 by the source code analysis unit 130. The display component list generation unit 160 generates a list of display component identifiers (hereinafter, referred to as “display component ID”) included in the source code 211 as the display component list 232.
　データ解析部１７０は、第２情報処理装置２００から送られてくる表示データ２１５を受信して解析する。表示データ２１５は、第２情報処理装置２００が予め記憶してなくてもよく、例えば、第１情報処理装置１００から受信したクエリに応じて第２情報処理装置２００が生成するものでもよい。 The data analysis unit 170 receives and analyzes the display data 215 sent from the second information processing device 200. The display data 215 does not have to be stored in advance by the second information processing device 200, and may be generated by the second information processing device 200 in response to a query received from the first information processing device 100, for example.
　プログラム実行部１８０は、後述する優先度更新処理Ｓ１２００やデータ表示処理Ｓ１４００を実行する。 The program execution unit 180 executes the priority update process S1200 and the data display process S1400, which will be described later.
　図４に第２情報処理装置２００が備える主な機能を示す。同図に示すように、第２情報処理装置２００は、記憶部２１０、ソースコード管理部２２０、データ仕様表管理部２３０、表示部品リスト管理部２４０、データ設定送信部２５０、入力データ管理部２６０、及びデータ管理部２７０の各機能を備える。これらの機能は、第２情報処理装置２００のプロセッサ１１が、主記憶装置１２に格納されているプログラムを実行することにより、もしくは、第２情報処理装置２００が備えるハードウェア（ＦＰＧＡ、ＡＳＩＣ等）により実現される。 FIG. 4 shows the main functions of the second information processing device 200. As shown in the figure, the second information processing apparatus 200 includes a storage unit 210, a source code management unit 220, a data specification table management unit 230, a display parts list management unit 240, a data setting transmission unit 250, and an input data management unit 260. , And each function of the data management unit 270. These functions are performed by the processor 11 of the second information processing device 200 executing a program stored in the main storage device 12, or by hardware (FPGA, ASIC, etc.) included in the second information processing device 200. Is realized by.
　記憶部２１０は、ソースコード２１１、修正ソースコード２１２、データ仕様表２１３、表示部品リスト２１４、表示データ２１５、及び入力データ２１６を記憶する。記憶部１１０は、例えば、ＤＢＭＳが提供するデータベースのテーブルや、ファイルシステムが提供するファイルとして、これらのデータを記憶する。 The storage unit 210 stores the source code 211, the modified source code 212, the data specification table 213, the display component list 214, the display data 215, and the input data 216. The storage unit 110 stores these data as, for example, a database table provided by the DBMS or a file provided by the file system.
　ソースコード管理部２２０は、ソースコード２１１や修正ソースコード２１２を管理（記憶）し、これらを第１情報処理装置１００に随時送信する。 The source code management unit 220 manages (stores) the source code 211 and the modified source code 212, and transmits these to the first information processing device 100 at any time.
　データ仕様表管理部２３０は、第１情報処理装置１００から送られてくるデータ仕様表２１３を管理する。データ仕様表２１３は、第２情報処理装置２００が、ソースコード２１１や修正ソースコード２１２により表示する画面に表示する表示データ２１５について要求される当該表示データ２１５についての仕様を規定する情報を含む。 The data specification table management unit 230 manages the data specification table 213 sent from the first information processing device 100. The data specification table 213 includes information that defines the specifications for the display data 215 required for the display data 215 displayed on the screen displayed by the second information processing apparatus 200 by the source code 211 or the modified source code 212.
　図５にデータ仕様表２１３の一例を示す。例示するデータ仕様表２１３には、表示部品ＩＤ２１３１に対応づけて、当該表示部品ＩＤ２１３１で特定される表示部品が表示するデータについて要求される仕様２１３２が管理される。例示するデータ仕様表２１３では、表示部品ＩＤが「i1」の表示部品に表示するデータについては最大長が「10」である（入力可能な最大文字数が１０である）こと、表示部品ＩＤが「i2」の表示部品に表示するデータについては半角英数（入力できる文字は半角英数であること）であることが管理されている。 FIG. 5 shows an example of the data specification table 213. In the illustrated data specification table 213, the specifications 2132 required for the data displayed by the display component specified by the display component ID 2131 are managed in association with the display component ID 2131. In the illustrated data specification table 213, the maximum length of the data to be displayed on the display component whose display component ID is "i1" is "10" (the maximum number of characters that can be input is 10), and the display component ID is "10". It is managed that the data displayed on the display component of "i2" is half-width alphanumeric characters (characters that can be entered are half-width alphanumeric characters).
　図４に戻り、表示部品リスト管理部２４０は、第１情報処理装置１００から送られてくる表示部品リスト２１４を受信して管理（記憶）する。 Returning to FIG. 4, the display component list management unit 240 receives and manages (stores) the display component list 214 sent from the first information processing device 100.
　図６に表示部品リスト２１４の一例を示す。例示する表示部品リスト２１４は、ソースコード２１１から取得された表示部品の表示部品ＩＤの一覧が記載されている。本例では、表示部品ＩＤとして「i1」、「i2」、「i3」が記載されている。 FIG. 6 shows an example of the display parts list 214. The display component list 214 to be illustrated contains a list of display component IDs of display components acquired from the source code 211. In this example, "i1", "i2", and "i3" are described as display component IDs.
　図４に戻り、データ設定送信部２５０は、表示部品リスト２１４に記述されている表示部品の夫々に表示するデータをデータ管理部２７０から取得し、取得したデータ又は当該データに基づき生成したデータをデータ仕様表２１３に従った形式に加工することにより表示データ２１５を生成し、生成した表示データ２１５を第１情報処理装置１００に送信する。 Returning to FIG. 4, the data setting transmission unit 250 acquires the data to be displayed for each of the display components described in the display component list 214 from the data management unit 270, and obtains the acquired data or the data generated based on the data. Display data 215 is generated by processing into a format according to the data specification table 213, and the generated display data 215 is transmitted to the first information processing apparatus 100.
　図７に表示データ２１５の一例を示す。本例では、表示部品に表示するデータの内容２１５２を表示部品ＩＤ２１５１に対応づけた情報を含む。 FIG. 7 shows an example of display data 215. In this example, the information in which the content 2152 of the data to be displayed on the display component is associated with the display component ID 2151 is included.
　図４に戻り、入力データ管理部２６０は、第１情報処理装置１００を介してユーザが入力したデータである入力データ２１６を管理する。ユーザは、例えば、システム開発時にテストデータとして入力データ２１６を入力する。 Returning to FIG. 4, the input data management unit 260 manages the input data 216, which is the data input by the user via the first information processing device 100. The user inputs input data 216 as test data at the time of system development, for example.
　図８に入力データ２１６の一例を示す。入力データ２１６は、ヘッダの表示部品ＩＤ２１６１の夫々に対応づけられた、ユーザが入力した一つ以上のデータ２１６２を含む。例示する入力データ２１６には、表示部品ＩＤ２１６１「i1」、「i2」、「i3」の夫々に対応づけてデータ２１６２「鈴木」、「東京都」、「男」と、データ２１６２「山田」、「神奈川県」、「女」が記載されている。 FIG. 8 shows an example of the input data 216. The input data 216 includes one or more user-input data 2162s associated with each of the header display component IDs 2161. In the illustrated input data 216, the data 2162 "Suzuki", "Tokyo", "man" and the data 2162 "Yamada" are associated with the display component IDs 2161 "i1", "i2", and "i3", respectively. "Kanagawa Prefecture" and "woman" are listed.
　図４に戻り、データ管理部２７０は、データ設定送信部２５０が表示データ２１５の生成に際して用いるデータをデータベースに管理する。 Returning to FIG. 4, the data management unit 270 manages the data used by the data setting transmission unit 250 when generating the display data 215 in the database.
＜処理説明＞
　続いて、情報処理システム１において行われる各種の処理について説明する。 <Processing explanation>
Subsequently, various processes performed in the information processing system 1 will be described.
　図９は、第１情報処理装置１００が第２情報処理装置２００から送られてくるソースコード２１１に基づきＷｅｂページを表示する際に行う処理（以下、「画面表示処理Ｓ９００」と称する。）を説明するフローチャートである。以下、同図とともに画面表示処理Ｓ９００について説明する。尚、以下の説明において、ソースコード２１１は予め作成されているものとする。 FIG. 9 shows a process (hereinafter, referred to as “screen display process S900”) performed when the first information processing device 100 displays a Web page based on the source code 211 sent from the second information processing device 200. It is a flowchart to explain. Hereinafter, the screen display process S900 will be described with reference to the figure. In the following description, it is assumed that the source code 211 is created in advance.
　まず第１情報処理装置１００の自動生成実行部１２０が、第２情報処理装置２００にＷｅｂページのリクエストを送信し（Ｓ９１１）、第２情報処理装置２００からＷｅｂページのソースコード２１１を取得（受信）する（Ｓ９１２）。 First, the automatic generation execution unit 120 of the first information processing device 100 transmits a Web page request to the second information processing device 200 (S911), and acquires (receives) the source code 211 of the Web page from the second information processing device 200. ) (S912).
　図１０にソースコード２１１の一例を示す。図１０（ａ）はＨＴＭＬで記述されたソースコード２１１の一例であり、図１０（ｂ）はスタイルシート（ＣＳＳ）の一例である。また図１１に、図１０に示したソースコード２１１に基づき第１情報処理装置１００がＷｅｂブラウザ７１１に表示するＷｅｂページを示す。 FIG. 10 shows an example of the source code 211. FIG. 10A is an example of the source code 211 described in HTML, and FIG. 10B is an example of a style sheet (CSS). Further, FIG. 11 shows a Web page displayed on the Web browser 711 by the first information processing apparatus 100 based on the source code 211 shown in FIG.
　図９に戻り、続いて、第１情報処理装置１００のソースコード解析部１３０が、Ｓ９１２で取得したソースコード２１１を解析する（Ｓ９１３）。 Returning to FIG. 9, the source code analysis unit 130 of the first information processing apparatus 100 subsequently analyzes the source code 211 acquired in S912 (S913).
　続いて、自動生成実行部１２０が、Ｓ９１３の解析結果に基づき、修正ソースコード２１２を生成する（Ｓ９１４）。 Subsequently, the automatic generation execution unit 120 generates the modified source code 212 based on the analysis result of S913 (S914).
　続いて、自動生成実行部１２０が、Ｓ９１３の解析結果に基づき、ソースコード２１１に記述されている表示部品のデータ仕様表２１３を生成し、生成したデータ仕様表２１３を第２情報処理装置２００に送信する（Ｓ９１５）。自動生成実行部１２０は、例えば、ソースコード２１１に記述されている表示部品の定義文等から各表示部品に表示される表示データ２１５の仕様に関する情報を取得する。 Subsequently, the automatic generation execution unit 120 generates the data specification table 213 of the display component described in the source code 211 based on the analysis result of S913, and transfers the generated data specification table 213 to the second information processing apparatus 200. Transmit (S915). The automatic generation execution unit 120 acquires, for example, information on the specifications of the display data 215 displayed on each display component from the definition statement of the display component described in the source code 211.
　続いて、自動生成実行部１２０が、Ｓ９１３の解析結果に基づき表示部品リスト２１４を生成し、生成した表示部品リスト２１４を第２情報処理装置２００に送信する（Ｓ９１６）。 Subsequently, the automatic generation execution unit 120 generates the display component list 214 based on the analysis result of S913, and transmits the generated display component list 214 to the second information processing device 200 (S916).
　続いて、自動生成実行部１２０が、表示部品に表示する表示データ２１５（例えば、図８に示す入力データ２１６）を受け付け、受け付けた入力データ２１６を第２情報処理装置２００に送信する（Ｓ９１７）。第２情報処理装置２００は、入力データ２１６を受信すると、受信した入力データ２１６に基づく表示データ２１５を生成してソースコード２１１とともに第１情報処理装置１００に送信する。尚、当該処理は、ユーザがテストデータを入力する場合を想定した処理であるので省略してもよい。 Subsequently, the automatic generation execution unit 120 receives the display data 215 (for example, the input data 216 shown in FIG. 8) to be displayed on the display component, and transmits the received input data 216 to the second information processing device 200 (S917). .. When the second information processing device 200 receives the input data 216, the second information processing device 200 generates display data 215 based on the received input data 216 and transmits the display data 215 together with the source code 211 to the first information processing device 100. It should be noted that this process may be omitted because it is a process assuming that the user inputs test data.
　続いて、プログラム実行部１８０が修正ソースコード２１２を実行する（Ｓ９１８）。 Subsequently, the program execution unit 180 executes the modified source code 212 (S918).
　続いて、自動生成実行部１２０が、ユーザから終了操作（例えば、Ｗｅｂブラウザを閉じる操作、現在表示中のＷｅｂページとは別のＷｅｂページを表示するための操作等）が行われたか否かを判定する（Ｓ９１９）。終了操作が行われている場合（Ｓ９１９：ＹＥＳ）、画面表示処理Ｓ９００は終了する。終了操作が行われていない場合（Ｓ９１９：ＮＯ）、処理はＳ９１８に戻る。 Subsequently, the automatic generation execution unit 120 determines whether or not the user has performed an end operation (for example, an operation for closing the Web browser, an operation for displaying a Web page different from the currently displayed Web page, etc.). Judgment (S919). When the end operation is performed (S919: YES), the screen display process S900 ends. If the end operation has not been performed (S919: NO), the process returns to S918.
　図１２は、修正ソースコード２１２を実行することにより実現される処理（以下、「優先度更新処理Ｓ１２００」と称する。）を説明するフローチャートである。優先度更新処理Ｓ１２００は、例えば、ユーザがマウスでＷｅｂブラウザに対してスクロール操作を行ったことや、Ｗｅｂブラウザに画面がロードされたことを契機として実行される。以下、同図とともに優先度更新処理Ｓ１２００について説明する。 FIG. 12 is a flowchart illustrating a process (hereinafter, referred to as “priority update process S1200”) realized by executing the modified source code 212. The priority update process S1200 is executed, for example, when the user scrolls the Web browser with the mouse or when the screen is loaded on the Web browser. Hereinafter, the priority update process S1200 will be described with reference to the figure.
　まず第１情報処理装置１００のソースコード解析部１３０が修正ソースコード２１２を解析する（Ｓ１２１１）。 First, the source code analysis unit 130 of the first information processing apparatus 100 analyzes the modified source code 212 (S1211).
　続いて、優先度設定部１４０が現在表示領域に関する情報（現在表示領域の座標位置やサイズ等）を取得する（Ｓ１２１２）。 Subsequently, the priority setting unit 140 acquires information on the current display area (coordinate position, size, etc. of the current display area) (S1212).
　続いて、優先度設定部１４０が修正ソースコード２１２に記述されている表示部品の一つを選択する（Ｓ１２１３）。例えば、図１０の例では、３つの表示部品「input」についての記述があるが、優先度設定部１４０はこれらのうちの一つを選択する。 Subsequently, the priority setting unit 140 selects one of the display components described in the modified source code 212 (S1213). For example, in the example of FIG. 10, there is a description about three display components "input", and the priority setting unit 140 selects one of them.
　続いて、優先度設定部１４０が、Ｓ１２１３で選択した表示部品が現在表示領域に含まれるか否かを判定する（Ｓ１２１４）。選択した表示部品が現在表示領域に含まれる場合（Ｓ１２１４：ＹＥＳ）、処理はＳ１２１５に進む。選択した表示部品が現在表示領域に含まれない場合（Ｓ１２１４：ＮＯ）、処理はＳ１２１６に進む。 Subsequently, the priority setting unit 140 determines whether or not the display component selected in S1213 is currently included in the display area (S1214). If the selected display component is currently included in the display area (S1214: YES), the process proceeds to S1215. If the selected display component is not currently included in the display area (S1214: NO), the process proceeds to S1216.
　尚、例えば、ソースコード２１１がＪａｖａＳｃｒｉｐｔ（登録商標）で記述されている場合、優先度設定部１４０は、例えば、現在表示領域の幅を「document.documentElement.clientWidth」関数により、現在表示領域の高さを「document.documentElement.clientHeight」関数により、現在表示領域の左上のx座標を「window.pageXOffset」関数により、現在表示領域の左上のy座標を「window.pageYOffset」関数により、夫々取得し、取得した情報を用いて各表示部品が現在表示領域に含まれているか否かを判定する。 For example, when the source code 211 is described by JavaScript (registered trademark), the priority setting unit 140 sets the width of the current display area to the height of the current display area by using the "document.documentElement.clientWidth" function, for example. The "document.documentElement.clientHeight" function is used to obtain the x coordinate of the upper left of the current display area by the "window.pageXOffset" function, and the y coordinate of the upper left of the current display area is obtained by the "window.pageYOffset" function. Using the acquired information, it is determined whether or not each display component is currently included in the display area.
　Ｓ１２１５では、優先度設定部１４０が、Ｓ１２１３で選択した表示部品に対応する優先度管理表１１１の優先度を高める設定（例えば、優先度に＋１を加算する）を行う。 In S1215, the priority setting unit 140 sets to increase the priority of the priority management table 111 corresponding to the display component selected in S1213 (for example, add +1 to the priority).
　図１３に優先度管理表１１１の一例を示す。同図に示すように、優先度管理表１１１には、表示部品ＩＤ１１１１に対応づけて優先度１１１２が管理される。例示する優先度管理表１１１では、表示部品ＩＤ１１１１が「i1」の表示部品について優先度１１１２「1」が、表示部品ＩＤ１１１１が「i2」の表示部品について優先度１１１２「5」が、表示部品ＩＤ１１１１「i3」の表示部品について優先度１１１２「3」が、夫々設定されている。 FIG. 13 shows an example of the priority management table 111. As shown in the figure, in the priority management table 111, the priority 1112 is managed in association with the display component ID 1111. In the example priority management table 111, the priority 1112 "1" is for the display component whose display component ID 1111 is "i1", and the priority 1112 "5" is for the display component whose display component ID 1111 is "i2". Priority 1112 "3" is set for each of the display parts of "i3".
　ここで図１１の例では、Ｗｅｂページが表示部品ＩＤが「i1」、「i2」、「i3」の表示部品を含むが、現在表示領域７１２には、表示部品ＩＤが「i2」、「i3」の表示部品のみが表示されている。一方、図１０（ａ）に示すように、ソースコード２１１には「inputタグ」が３つ記述されていることから当該Ｗｅｂページには３つの表示部品が記述されていることがわかるが、いずれの表示部品が現在表示領域に含まれるかについてはソースコード２１１を解析するだけでは判定することができず、当該判定を行うには図１０（ｂ）に示すソースコード２１１（スタイルシート）を参照する必要もある。ここで図１０（ｂ）のソースコード２１１は、表示部品ＩＤが「i2」の表示部品のスタイルを定義しており、当該ソースコード２１１のサイズ情報や位置情報からＷｅｂページに記述されている各表示部品が現在表示領域に含まれるか否かを判定することができる。本例では、表示部品ＩＤが「i2」の表示部品はのx座標は「100px」、y座標は「100px」、幅は「300px」、高さは「100px」であり、これらをＳ１２１２で取得した現在表示領域の情報と照合することにより、Ｗｅｂページに記述されている各表示部品が現在表示領域に含まれるか否かを判定することができる。 Here, in the example of FIG. 11, the Web page includes the display components whose display component IDs are "i1", "i2", and "i3", but the display component IDs are "i2" and "i3" in the current display area 712. Only the display parts of "" are displayed. On the other hand, as shown in FIG. 10A, since three "input tags" are described in the source code 211, it can be seen that three display parts are described in the Web page. It is not possible to determine whether or not the display component of the above is currently included in the display area only by analyzing the source code 211. To make the determination, refer to the source code 211 (style sheet) shown in FIG. 10 (b). You also need to. Here, the source code 211 of FIG. 10B defines the style of the display component whose display component ID is “i2”, and is described on the Web page from the size information and the position information of the source code 211. It is possible to determine whether or not the display component is currently included in the display area. In this example, the display component whose display component ID is "i2" has the x-coordinate of "100px", the y-coordinate of "100px", the width of "300px", and the height of "100px". By collating with the information of the current display area, it is possible to determine whether or not each display component described on the Web page is included in the current display area.
　図１２に戻り、Ｓ１２１６では、Ｗｅｂページ（ソースコード２１１）に記述されている表示部品のうちＳ１２１３で未選択ものがあるか否かを判定する。未選択の表示部品があれば（Ｓ１２１６：ＹＥＳ）、Ｓ１２１３に戻る。未選択の表示部品がなければ（Ｓ１２１６：ＮＯ）、優先度更新処理Ｓ１２００は終了する。尚、例えば、ユーザがＷｅｂブラウザのスクロールバーを移動させるか、もしくは、マウススクロール操作を行う等して現在表示領域に表示される表示部品が変更されると、優先度更新処理Ｓ１２００が再度起動して優先度管理表１１１の内容が更新される。 Returning to FIG. 12, in S1216, it is determined whether or not there is an unselected display component in S1213 among the display parts described in the Web page (source code 211). If there is an unselected display component (S1216: YES), the process returns to S1213. If there is no unselected display component (S1216: NO), the priority update process S1200 ends. When the display component currently displayed in the display area is changed by, for example, moving the scroll bar of the Web browser or performing a mouse scroll operation, the priority update process S1200 is restarted. The contents of the priority management table 111 are updated.
　図１４は、修正ソースコード２１２を実行することにより実現される処理の一つ（以下、「データ表示処理Ｓ１４００」と称する。）を説明するフローチャートである。データ表示処理Ｓ１４００は、第２情報処理装置２００から表示データ２１５を受信したこと（例えば、ユーザがＷｅｂページに対して行った操作に応じて第２情報処理装置２００にクエリが送信され、これに応じて第２情報処理装置２００が返答してきた表示データ２１５を第１情報処理装置１００が受信したこと）を契機として開始される。以下、同図とともにデータ表示処理Ｓ１４００について説明する。 FIG. 14 is a flowchart illustrating one of the processes realized by executing the modified source code 212 (hereinafter, referred to as “data display process S1400”). The data display process S1400 receives the display data 215 from the second information processing device 200 (for example, a query is transmitted to the second information processing device 200 in response to an operation performed by the user on the Web page, and the query is transmitted to this. The display data 215 returned by the second information processing device 200 is received by the first information processing device 100). Hereinafter, the data display process S1400 will be described with reference to the figure.
　第１情報処理装置１００のデータ解析部１７０は、第２情報処理装置２００から表示データ２１５を受信すると（Ｓ１４１１）、受信した表示データ２１５を解析する（Ｓ１４１２）。 When the data analysis unit 170 of the first information processing device 100 receives the display data 215 from the second information processing device 200 (S1411), the data analysis unit 170 analyzes the received display data 215 (S1412).
　続くＳ１４１３～Ｓ１４１６のループ処理では、第１情報処理装置１００のデータ選択表示部１５０が、各回のループ処理で、優先度管理表１１１に含まれている表示部品を優先度の高いものから順に１つずつ選択する。 In the subsequent loop processing of S1413 to S1416, the data selection display unit 150 of the first information processing apparatus 100 performs 1 in each loop processing in order from the display component included in the priority management table 111 in descending order of priority. Select one by one.
　Ｓ１４１４では、データ選択表示部１５０が、選択中の表示部品が現在表示領域に含まれるか否かを判定する。選択中の表示部品が現在表示領域に含まれる場合（Ｓ１４１４：ＹＥＳ）、処理はＳ１４１５に進む。選択中の表示部品が現在表示領域に含まれない場合（Ｓ１４１４：ＮＯ）、処理はＳ１４１６に進む。 In S1414, the data selection display unit 150 determines whether or not the selected display component is included in the current display area. If the selected display component is included in the current display area (S1414: YES), the process proceeds to S1415. If the selected display component is not currently included in the display area (S1414: NO), the process proceeds to S1416.
　Ｓ１４１５では、データ選択表示部１５０が、Ｓ１４１１で受信した表示データ２１５のうち選択中の表示部品に対応する表示データ２１５を表示部品に入力（例えば、ＤＯＭに代入）する。これにより当該表示部品に表示データ２１５が表示される。例えば、図１３に例示した優先度管理表１１１に格納されている表示部品のうち、優先度の最も高いものは表示部品ＩＤが「i2」の表示部品であり、例えば、この表示部品が表示領域に含まれている場合、受信した表示データ２１５の対応するキー（key）を左辺として、また当該表示データ２１５の値（Value）を右辺として、選択中の表示部品（ＤＯＭ）に代入する。例えば、Ｓ１４１１で図７の表示データ２１５を受信した場合、例えば、図１５に示すように表示データ２１５の値をＤＯＭに代入する。尚、同図に示す変数「i2」はＪａｖａＳｃｒｉｐｔ（登録商標）内で既に定義されている変数であり、図１０に示すソースコード２１１に記述されている「i2」と対応づけられている。つまり変数「i2」に表示データ２１５の値を代入することは、Ｗｅｂブラウザに表示されている表示部品「インプット(i2)」に表示データ２１５の値を表示することを意味する。 In S1415, the data selection display unit 150 inputs the display data 215 corresponding to the selected display component among the display data 215 received in S1411 to the display component (for example, substitutes it for DOM). As a result, the display data 215 is displayed on the display component. For example, among the display components stored in the priority management table 111 illustrated in FIG. 13, the display component having the highest priority is the display component whose display component ID is "i2". For example, this display component is the display area. When it is included in, the corresponding key of the received display data 215 is assigned to the left side, and the value of the display data 215 is assigned to the selected display component (DOM). For example, when the display data 215 of FIG. 7 is received in S1411, for example, the value of the display data 215 is substituted into the DOM as shown in FIG. The variable "i2" shown in FIG. 10 is a variable already defined in Javascript (registered trademark), and is associated with "i2" described in the source code 211 shown in FIG. That is, substituting the value of the display data 215 into the variable "i2" means displaying the value of the display data 215 in the display component "input (i2)" displayed on the Web browser.
　以上に説明したように、本実施形態の情報処理システム１においては、ソースコード２１１により表示される画面（Ｗｅｂページ）のうち、現在表示領域に表示されている表示部品である表示中部品に、表示中部品以外の表示部品よりも優先して表示データ２１５が表示される。そのため、ユーザが参照しようとしている表示データ２１５が優先して表示され、ＵＸ（User eXperience）を高めることができる。 As described above, in the information processing system 1 of the present embodiment, among the screens (Web pages) displayed by the source code 211, the display parts that are currently displayed in the display area are displayed. The display data 215 is displayed with priority over the display parts other than the displayed part. Therefore, the display data 215 that the user is trying to refer to is displayed with priority, and the UX (User eXperience) can be enhanced.
　また本実施形態の情報処理システム１においては、優先度管理表１１１が自動的に更新されるので、抽出式等を事前に設定しておく必要がなく、ユーザの負担が少ない。 Further, in the information processing system 1 of the present embodiment, since the priority management table 111 is automatically updated, it is not necessary to set the extraction formula or the like in advance, and the burden on the user is small.
　また第１情報処理装置１００及び第２情報処理装置２００は、表示データを表示部品ＩＤと対応づけて管理するので、本実施形態の仕組みはソースコード２１１に記述されている表示部品ＩＤを用いて簡素な方法で実現することができる。 Further, since the first information processing device 100 and the second information processing device 200 manage the display data in association with the display component ID, the mechanism of the present embodiment uses the display component ID described in the source code 211. It can be achieved in a simple way.
　尚、本発明は上記した実施例に限定されるものではなく、様々な変形例が含まれる。また例えば、上記した実施例は本発明を分かりやすく説明するために構成を詳細に説明したものであり、必ずしも説明した全ての構成を備えるものに限定されるものではない。また各実施例の構成の一部について、他の構成に追加、削除、置換することが可能である。 The present invention is not limited to the above-described embodiment, and includes various modifications. Further, for example, the above-described embodiment describes the configuration in detail in order to explain the present invention in an easy-to-understand manner, and is not necessarily limited to the one including all the described configurations. Further, a part of the configuration of each embodiment can be added, deleted, or replaced with another configuration.
　また上記の各構成、機能、処理部、処理手段等は、それらの一部又は全部を、例えば集積回路で設計する等によりハードウェアで実現してもよい。また本発明は、実施例の機能を実現するソフトウェアのプログラムコードによっても実現できる。この場合、プログラムコードを記録した記憶媒体を情報処理装置（コンピュータ）に提供し、その情報処理装置が備えるプロセッサが記憶媒体に格納されたプログラムコードを読み出す。この場合、記憶媒体から読み出されたプログラムコード自体が前述した実施例の機能を実現することになり、そのプログラムコード自体、及びそれを記憶した記憶媒体は本発明を構成することになる。このようなプログラムコードを供給するための記憶媒体としては、例えば、フレキシブルディスク、ＣＤ－ＲＯＭ、ＤＶＤ－ＲＯＭ、ハードディスク、ＳＳＤ（Solid State Drive）、光ディスク、光磁気ディスク、ＣＤ－Ｒ、磁気テープ、不揮発性のメモリカード、ＲＯＭなどが用いられる。 Further, each of the above configurations, functions, processing units, processing means, etc. may be realized by hardware by designing a part or all of them by, for example, an integrated circuit. The present invention can also be realized by a software program code that realizes the functions of the examples. In this case, a storage medium in which the program code is recorded is provided to the information processing device (computer), and the processor included in the information processing device reads the program code stored in the storage medium. In this case, the program code itself read from the storage medium realizes the functions of the above-described embodiment, and the program code itself and the storage medium storing the program code itself constitute the present invention. Examples of the storage medium for supplying such a program code include a flexible disk, a CD-ROM, a DVD-ROM, a hard disk, an SSD (Solid State Drive), an optical disk, a magneto-optical disk, a CD-R, and a magnetic tape. Non-volatile memory cards, ROMs, etc. are used.
　上述の実施例において、制御線や情報線は、説明上必要と考えられるものを示しており、製品上必ずしも全ての制御線や情報線を示しているとは限らない。全ての構成が相互に接続されていてもよい。 In the above-described embodiment, the control lines and information lines indicate those that are considered necessary for explanation, and do not necessarily indicate all the control lines and information lines in the product. All configurations may be interconnected.
１　情報処理システム、５　通信ネットワーク、１００　第１情報処理装置、１１０　記憶部、１１１　優先度管理表、１２０　自動生成実行部、１３０　ソースコード解析部、１４０　優先度設定部、１５０　データ選択表示部、１６０　表示部品リスト生成部、１７０　データ解析部、１８０　プログラム実行部、２００　第２情報処理装置、２１０　記憶部、２１１　ソースコード、２１２　修正ソースコード、２１３　データ仕様表、２１４　表示部品リスト、２１５　表示データ、２１６　入力データ、２２０　ソースコード管理部、２３０　データ仕様表管理部、２４０　表示部品リスト管理部、２５０　データ設定送信部、２６０　入力データ管理部、２７０　データ管理部、Ｓ９００　画面表示処理、Ｓ１２００　優先度更新処理、Ｓ１４００　データ表示処理 1 Information processing system, 5 Communication network, 100 1st information processing device, 110 Storage unit, 111 Priority management table, 120 Automatic generation execution unit, 130 Source code analysis unit, 140 Priority setting unit, 150 Data selection display unit, 160 display parts list generation unit, 170 data analysis unit, 180 program execution unit, 200 second information processing device, 210 storage unit, 211 source code, 212 modified source code, 213 data specification table, 214 display parts list, 215 display data , 216 Input data, 220 Source code management department, 230 Data specification table management department, 240 Display parts list management department, 250 Data setting transmission unit, 260 Input data management department, 270 Data management department, S900 Screen display processing, S1200 Priority Update process, S1400 data display process

Claims (13)

  1. 　第１情報処理装置と、前記第１情報処理装置と通信可能に接続する第２情報処理装置とを含み、
    　前記第１情報処理装置が、画面を構成する部品の記述を含むソースコードを前記第２情報処理装置から受信し、前記ソースコードに基づき生成される画面の一部の領域を表示装置に表示する、情報処理システムであって、
    　前記第１情報処理装置が、
    　前記ソースコードを解析することにより、前記画面に表示するデータである表示データを表示する前記部品である表示部品を特定し、
    　前記ソースコードに基づき生成される画面のうち、前記表示装置に現在表示している領域である現在表示領域を特定し、
    　前記現在表示領域に表示する前記表示部品である表示中部品を特定し、
    　前記表示中部品について前記表示データが優先して表示されるように、前記ソースコードに記述されている前記表示部品の夫々について優先度を設定し、
    　前記優先度の高い前記表示部品に前記表示データを優先して入力する、
    　情報処理システム。     A first information processing device and a second information processing device that is communicably connected to the first information processing device are included.
    The first information processing device receives a source code including a description of parts constituting the screen from the second information processing device, and displays a part area of the screen generated based on the source code on the display device. , An information processing system
    The first information processing device
    By analyzing the source code, the display component that is the component that displays the display data that is the data to be displayed on the screen is identified.
    Among the screens generated based on the source code, the current display area, which is the area currently displayed on the display device, is specified.
    Identify the part being displayed, which is the display part to be displayed in the currently display area,
    Priorities are set for each of the display parts described in the source code so that the display data is preferentially displayed for the displayed part.
    The display data is preferentially input to the display component having a high priority.
    Information processing system.
  2. 　請求項１に記載の情報処理システムであって、
    　前記第１情報処理装置は、前記ソースコードに記述されている前記表示部品の夫々に用いられている識別子である表示部品ＩＤを前記第２情報処理装置に送信し、
    　前記第２情報処理装置は、前記表示部品ＩＤを受信し、前記表示データを前記表示部品ＩＤに対応づけて前記第１情報処理装置に送信し、
    　前記第１情報処理装置は、前記表示データを受信し、受信した前記表示データを当該表示データに対応づけられている前記表示部品ＩＤで特定される前記表示部品に入力する、
    　情報処理システム。     The information processing system according to claim 1.
    The first information processing device transmits a display component ID, which is an identifier used for each of the display components described in the source code, to the second information processing device.
    The second information processing device receives the display component ID, transmits the display data in association with the display component ID, and transmits the display data to the first information processing device.
    The first information processing apparatus receives the display data and inputs the received display data to the display component specified by the display component ID associated with the display data.
    Information processing system.
  3. 　請求項１に記載の情報処理システムであって、
    　前記第１情報処理装置は、受信した前記ソースコードに記述されている前記表示部品の夫々に表示する前記表示データの仕様を示す情報であるデータ仕様情報を当該ソースコードから取得し、取得した前記データ仕様情報を前記第２情報処理装置に送信し、
    　前記第２情報処理装置は、前記データ仕様情報に準じた仕様の前記表示データを前記第１情報処理装置に送信する、
    　情報処理システム。     The information processing system according to claim 1.
    The first information processing apparatus acquires data specification information, which is information indicating specifications of the display data to be displayed on each of the display components described in the received source code, from the source code, and obtains the acquired data. Data specification information is transmitted to the second information processing device,
    The second information processing device transmits the display data having specifications according to the data specification information to the first information processing device.
    Information processing system.
  4. 　請求項１に記載の情報処理システムであって、
    　前記第２情報処理装置は、前記画面としてＷｅｂページを前記第１情報処理装置に提供するＷｅｂサーバとして機能し、
    　前記第１情報処理装置は、前記ＷｅｂページをＷｅｂブラウザにより前記表示装置に表示し、
    　前記現在表示領域は、前記ＷｅｂページのうちＷｅｂブラウザが現在表示中の領域である、
    　情報処理システム。     The information processing system according to claim 1.
    The second information processing device functions as a Web server that provides a Web page as the screen to the first information processing device.
    The first information processing device displays the Web page on the display device by a Web browser, and then displays the Web page on the display device.
    The current display area is an area of the Web page currently being displayed by the Web browser.
    Information processing system.
  5. 　請求項４に記載の情報処理システムであって、
    　前記Ｗｅｂブラウザに対して前記画面のスクロール操作が行われたこと、又は前記Ｗｅｂブラウザに新たな前記ソースコードがロードされたことを契機として、前記表示部品についての前記優先度の設定を行う、
    　情報処理システム。     The information processing system according to claim 4.
    The priority of the display component is set when the screen is scrolled to the Web browser or a new source code is loaded into the Web browser.
    Information processing system.
  6. 　請求項１に記載の情報処理システムであって、
    　前記ソースコードは、マークアップ言語を用いて記述されたコードと、スタイルシートにより記述されたコードと、を含む、
    　情報処理システム。     The information processing system according to claim 1.
    The source code includes code written using a markup language and code written by a style sheet.
    Information processing system.
  7. 　請求項１に記載の情報処理システムであって、
    　前記第１情報処理装置は、前記ソースコードに基づき、前記表示部品の夫々の前記優先度の設定を行う処理と、前記優先度の高い前記表示部品に前記表示データを優先して入力する処理と、を実現するソースコードを含む修正ソースコードを生成し、生成した前記修正ソースコードに基づき生成される画面を前記表示装置に表示する、
    　情報処理システム。     The information processing system according to claim 1.
    The first information processing apparatus has a process of setting the priority of each of the display components based on the source code, and a process of preferentially inputting the display data to the display component having a high priority. Generates a modified source code including the source code that realizes, and displays the screen generated based on the generated modified source code on the display device.
    Information processing system.
  8. 　第１情報処理装置と、前記第１情報処理装置と通信可能に接続する第２情報処理装置とを含み、
    　前記第１情報処理装置が、画面を構成する部品の記述を含むソースコードを前記第２情報処理装置から受信し、前記ソースコードに基づき生成される画面の一部の領域を表示装置に表示する、　情報処理システムの制御方法であって、
    　前記第１情報処理装置が、
    　前記ソースコードを解析することにより、前記画面に表示するデータである表示データを表示する前記部品である表示部品を特定するステップ、
    　前記ソースコードに基づき生成される画面のうち、前記表示装置に現在表示している領域である現在表示領域を特定するステップ、
    　前記現在表示領域に表示している前記表示部品である表示中部品を特定するステップ、
    　前記表示中部品について前記表示データが優先して表示されるように、前記ソースコードに記述されている前記表示部品の夫々について優先度を設定するステップ、及び、
    　前記優先度の高い前記表示部品に前記表示データを優先して入力するステップ、
    　を実行する、情報処理システムの制御方法。     A first information processing device and a second information processing device that is communicably connected to the first information processing device are included.
    The first information processing device receives a source code including a description of parts constituting the screen from the second information processing device, and displays a part area of the screen generated based on the source code on the display device. , A control method for information processing systems
    The first information processing device
    A step of identifying a display component, which is a component for displaying display data, which is data to be displayed on the screen, by analyzing the source code.
    A step of specifying the current display area, which is the area currently displayed on the display device, among the screens generated based on the source code.
    A step of identifying a display component that is the display component currently displayed in the display area.
    A step of setting a priority for each of the display parts described in the source code so that the display data is preferentially displayed for the displayed part, and
    A step of preferentially inputting the display data to the display component having a high priority.
    How to control an information processing system.
  9. 　請求項８に記載の情報処理システムの制御方法であって、
    　前記第１情報処理装置が、前記ソースコードに記述されている前記表示部品の夫々に用いられている識別子である表示部品ＩＤを前記第２情報処理装置に送信するステップ、
    　前記第２情報処理装置が、前記表示部品ＩＤを受信し、前記表示データを前記表示部品ＩＤに対応づけて前記第１情報処理装置に送信するするステップ、
    　前記第１情報処理装置が、前記表示データを受信し、受信した前記表示データを当該表示データに対応づけられている前記表示部品ＩＤで特定される前記表示部品に入力するステップ、
    　を更に実行する、情報処理システムの制御方法。     The control method of the information processing system according to claim 8.
    A step in which the first information processing device transmits a display component ID, which is an identifier used for each of the display components described in the source code, to the second information processing device.
    A step in which the second information processing device receives the display component ID and transmits the display data to the first information processing device in association with the display component ID.
    A step in which the first information processing apparatus receives the display data and inputs the received display data to the display component specified by the display component ID associated with the display data.
    A control method for an information processing system that further executes.
  10. 　請求項８に記載の情報処理システムの制御方法であって、
    　前記第１情報処理装置が、受信した前記ソースコードに記述されている前記表示部品の夫々に表示する前記表示データの仕様を示す情報であるデータ仕様情報を当該ソースコードから取得し、取得した前記データ仕様情報を前記第２情報処理装置に送信するステップ、
    　前記第２情報処理装置が、前記データ仕様情報に準じた仕様の前記表示データを前記第１情報処理装置に送信するステップ、
    　をさらに実行する、情報処理システムの制御方法。     The control method of the information processing system according to claim 8.
    The first information processing apparatus acquires data specification information, which is information indicating the specifications of the display data to be displayed on each of the display components described in the received source code, from the source code, and the acquired data. Step of transmitting data specification information to the second information processing device,
    A step in which the second information processing device transmits the display data having specifications according to the data specification information to the first information processing device.
    A method of controlling an information processing system that further executes.
  11. 　請求項１に記載の情報処理システムにおける前記第１情報処理装置に、
    　前記ソースコードを解析することにより、前記画面に表示するデータである表示データを表示する前記部品である表示部品を特定する機能、
    　前記ソースコードに基づき生成される画面のうち、前記表示装置に現在表示している領域である現在表示領域を特定する機能、
    　前記現在表示領域に表示する前記表示部品である表示中部品を特定する機能、
    　前記表示中部品について前記表示データが優先して表示されるように、前記ソースコードに記述されている前記表示部品の夫々について優先度を設定する機能、及び、
    　前記優先度の高い前記表示部品に前記表示データを優先して入力する機能、
    　を実現するためのプログラム。     The first information processing apparatus in the information processing system according to claim 1
    A function of identifying a display component, which is a component for displaying display data, which is data to be displayed on the screen, by analyzing the source code.
    A function of specifying the current display area, which is the area currently displayed on the display device, among the screens generated based on the source code.
    A function for identifying a displayed part, which is the displayed part to be displayed in the currently displayed area,
    A function for setting priority for each of the display parts described in the source code so that the display data is preferentially displayed for the displayed part, and
    A function of preferentially inputting the display data to the display component having a high priority.
    A program to realize.
  12. 　請求項１１に記載のプログラムであって、
    　前記第１情報処理装置に、
    　前記ソースコードに記述されている前記表示部品の夫々に用いられている識別子である表示部品ＩＤを前記第２情報処理装置に送信する機能、
    　前記第２情報処理装置から送られてくる、前記表示部品ＩＤに対応づけられた前記表示データを受信する機能、及び、
    　受信した前記表示データを当該表示データに対応づけられている前記表示部品ＩＤで特定される前記表示部品に入力する機能、
    　を実現するためのプログラムを更に含むプログラム。     The program according to claim 11.
    In the first information processing device
    A function of transmitting a display component ID, which is an identifier used for each of the display components described in the source code, to the second information processing apparatus.
    A function of receiving the display data associated with the display component ID sent from the second information processing device, and
    A function of inputting the received display data to the display component specified by the display component ID associated with the display data.
    A program that further includes a program to realize.
  13. 　請求項１１に記載のプログラムであって、
    　前記第１情報処理装置に、受信した前記ソースコードに記述されている前記表示部品の夫々に表示する前記表示データの仕様を示す情報であるデータ仕様情報を当該ソースコードから取得し、取得した前記データ仕様情報を前記第２情報処理装置に送信する機能、
    　を実現するためのプログラムを更に含むプログラム。     The program according to claim 11.
    The data specification information, which is information indicating the specifications of the display data to be displayed on each of the display components described in the source code received by the first information processing apparatus, is acquired from the source code and acquired. A function of transmitting data specification information to the second information processing device,
    A program that further includes a program to realize.
PCT/JP2020/041766 2019-12-16 2020-11-09 Information processing system, control method for information processing system, and program WO2021124728A1 (en)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
JP2019226357A JP2021096567A (en) 2019-12-16 2019-12-16 Information processing system, control method for information processing system, and program
JP2019-226357 2019-12-16

Publications (1)

Publication Number Publication Date
WO2021124728A1 true WO2021124728A1 (en) 2021-06-24

Family

ID=76432005

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/JP2020/041766 WO2021124728A1 (en) 2019-12-16 2020-11-09 Information processing system, control method for information processing system, and program

Country Status (2)

Country Link
JP (1) JP2021096567A (en)
WO (1) WO2021124728A1 (en)

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2010092128A (en) * 2008-10-03 2010-04-22 Nifty Corp Apparatus, method and program for converting site information
US20120159311A1 (en) * 2010-12-17 2012-06-21 Qualcomm Innovation Center, Inc. Method and Apparatus for Receiving Display Limited Web Page Content
JP2017517059A (en) * 2014-04-09 2017-06-22 グーグル インコーポレイテッド Recognizing page download time through optimized resource scheduling

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2010092128A (en) * 2008-10-03 2010-04-22 Nifty Corp Apparatus, method and program for converting site information
US20120159311A1 (en) * 2010-12-17 2012-06-21 Qualcomm Innovation Center, Inc. Method and Apparatus for Receiving Display Limited Web Page Content
JP2017517059A (en) * 2014-04-09 2017-06-22 グーグル インコーポレイテッド Recognizing page download time through optimized resource scheduling

Also Published As

Publication number Publication date
JP2021096567A (en) 2021-06-24

Similar Documents

Publication Publication Date Title
CN100440222C (en) System and method for text legibility enhancement
JP5905541B2 (en) Control gallery organized hierarchically
US20100241948A1 (en) Overriding XSLT Generation
US20140210863A1 (en) Information processing apparatus, information processing system, information processing method, and program
US9542363B2 (en) Processing of page-image based document to generate a re-targeted document for different display devices which support different types of user input methods
US9141596B2 (en) System and method for processing markup language templates from partial input data
CA3155636C (en) Dynamic typesetting
JP2016091244A (en) Information processing device and program
WO2015112131A1 (en) Multistage customizing of web-based application in a browser independent of platform and operating system
US20140310589A1 (en) Creating a communication editable in a browser independent of platform and operating system
WO2021124728A1 (en) Information processing system, control method for information processing system, and program
US20100223550A1 (en) Appratus, program and method for assisting a user in understanding content
JP6142620B2 (en) Display change program, display change method, and display change device
TWI682291B (en) Webpage dynamic generating method, webpage generation apparatus and computer program product
JP2014164548A (en) Information processing system
JP7178033B1 (en) Document setting system, document setting method and program
JP2005107635A (en) Electronic form input system, method and program, and medium
JP7108339B1 (en) Information processing method, information processing device, information processing program, and recording medium
JP6404971B2 (en) Data management system and data management program
US20140181684A1 (en) Modifying a user profile
JP4337309B2 (en) Browser device
CN114861099A (en) Page font processing method and device, electronic equipment and storage medium
JP2022029870A (en) Recruitment support method, recruitment support device, recruitment support program and recording medium
CN112597266A (en) Editor generation method and processing method for processing game template data
KR20220006357A (en) Method for providing web document for people with low vision and user terminal thereof

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: 20903343

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: 20903343

Country of ref document: EP

Kind code of ref document: A1