JP2017102874A - Software development program and software development method - Google Patents

Abstract

PROBLEM TO BE SOLVED: To provide a software development program and a software development method that facilitate the GUI design of an application.SOLUTION: The software development program makes a computer execute: a parts selection process for selectably displaying parts previously prepared for display on an application software execution screen; a parts arrangement process for allowing a selected part to be arranged on a prescribed screen; an attribute information selection process for selectably displaying attribute information that indicates parts attribute; a setting item selection process for settably displaying an attribute information setup item in accordance with the selected attribute information; an attribute information registration process for registering attribution information in which a setup item is set; and a display data generation process for generating execution screen display data correlating the arranged parts with the registered attribution information.SELECTED DRAWING: Figure 2

Description

  The present invention relates to a software development program and a software development method.

  In the development of software with a graphical user interface (GUI), objects such as operation buttons, images, text, tables, and graphs are arranged on the display screen, and functions such as commands, events, and macros that can be used for each object are assigned. It is necessary to design a GUI. Functions such as commands differ depending on an operating environment such as an OS (Operating System).

JP-A-9-152966 JP 2002-366352 A JP 2013-097747 A

However, when designing the GUI of application software (hereinafter abbreviated as “application”), a high level of skill is required, which is familiar with commands and the like necessary for GUI design. In particular, in software that operates in a plurality of operating environments (multi-platform), functions such as commands are different for each operating environment, so skills in each operating environment are required.
For example, in a software development program that selects parts (software parts) to be displayed on the application execution screen and places them on the display screen, to set the functions of the parts placed on the screen, the command description for each part must be described. Necessary and skill was required to describe arguments used in the command.

  The present invention has been made based on the above problems, and an object of the present invention is to provide a software development program and a software development method that make it easy to design an application GUI.

  In order to solve the above-described problems, the software development program of the present invention includes a part selection process for selectively displaying a part prepared in advance to be displayed on an application software execution screen, and the selected part on a predetermined screen. Parts placement processing for enabling placement, attribute information selection processing for displaying attribute information indicating the attribute of the part so as to be selectable, and setting items for the attribute information are displayed in accordance with the selected attribute information. Corresponding a setting item selection process, an attribute information registration process for registering the attribute information in which the setting item is set, and the arranged attribute information registered, the display data of the execution screen The computer is caused to execute display data generation processing to be generated.

  Further, the software development program according to the present invention provides an explanatory text generation process for generating an explanatory text in which an explanation of the attribute information is expressed in a natural language based on the selected attribute information and the set setting item. Let it run further.

  The software development program of the present invention further causes the computer to execute an explanatory text display process for displaying the generated explanatory text.

  In the attribute information registration process, the software development program of the present invention registers the generated explanatory text in association with the attribute information.

  Further, the software development program of the present invention allows a computer to further execute a database registration process for registering data in a database so that the registered data can be selected as a setting item setting in the setting item selection process. indicate.

  The software development program of the present invention further includes a communication setting process for setting communication with another computer, and a transmission process for transmitting the generated display data to the other computer with communication set. Let it run.

  In order to solve the above-described problems, the software development method of the present invention includes a part selection step for selectively displaying a part prepared in advance to be displayed on an application software execution screen, and the selected part on a predetermined screen. A part placement step for enabling placement, an attribute information selection step for selectively displaying attribute information indicating the attribute of the part, and a setting item for the attribute information that can be set according to the selected attribute information Corresponding a setting item selection step, an attribute information registration step for registering the attribute information in which the setting item is set, and the arranged attribute information registered, the display data of the execution screen Generating display data.

  According to the present invention, it is possible to easily design an application GUI.

It is the block diagram which showed the hardware constitutions of the system with which the software development program in embodiment runs. It is the block diagram which showed the structure of the software development program which operate | moves with the 1st apparatus in embodiment. It is the block diagram which showed the structure of the software development program which operate | moves with the 2nd apparatus in embodiment. It is the flowchart which showed the operation | movement in the 1st apparatus of the software development program in this embodiment. It is the flowchart which showed the operation | movement in the 2nd apparatus of the software development program in this embodiment. It is the figure which showed the GUI design screen of the software development program in this embodiment. It is the figure which showed the execution screen of the application in the 2nd apparatus by the software development program in this embodiment. It is the figure which showed the detail of the screen creation in the 1st apparatus by the software development program in this embodiment. It is the figure which showed the detail of the process design in the 1st apparatus by the software development program in this embodiment. It is the figure which showed the detail of the process design in the 1st apparatus by the software development program in this embodiment. It is the figure which showed the detail of the process design in the 1st apparatus by the software development program in this embodiment. It is the figure which showed the display of the screen transition diagram by the software development program in this embodiment. It is the figure which showed the display of the screen design document by the software development program in this embodiment. It is the figure which showed the display of DB design document by the software development program in this embodiment.

  Hereinafter, a software development program and a software development method according to an embodiment of the present invention will be described with reference to the drawings.

  First, the configuration of a system in which a software development program operates will be described with reference to FIG. FIG. 1 is a block diagram illustrating an example of a hardware configuration of a system in which a software development program according to the embodiment operates.

  In FIG. 1, a system in which a software development program operates (hereinafter abbreviated as “operation system”) includes a first device 1 and a second device 2. The first device 1 and the second device 2 are connected via a network 9. The network 9 may be any network in which the first device 1 and the second device 2 are communicably connected regardless of wired or wireless. The network 9 may include devices such as an access point, a router, and a modem. Communication between the first device 1 and the second device 2 is performed using, for example, TCP / IP (Transmission Control Protocol / Internet Protocol).

  The first device 1 includes a control unit 11, a storage unit 12, an operation input unit 13, a display unit 14, a medium input / output unit 15, and a communication unit 16.

  The control unit 11 controls the storage unit 12, the operation input unit 13, the display unit 14, the medium input / output unit 15, and the communication unit 16 in the first device 1. The control unit 11 is, for example, a CPU (Central Processing Unit).

  The storage unit 12 stores a program and data executed by the control unit 11 in a readable manner. The storage unit 12 is, for example, a RAM (Random Access Memory), a ROM (Read Only Memory), or a hard disk drive. A software development program to be described later is stored in the storage unit 12 and executed by the control unit 11.

  The operation input unit 13 is an input device that inputs data to the first device 1 by an operator's operation input. The operation input unit 13 is, for example, a mouse, a keyboard, a barcode reader, a camera, or the like.

  The display unit 14 is a display device that displays display data output from the control unit 11 on a display screen. The display unit 14 is, for example, a liquid crystal display. The display unit 14 has specifications such as a predetermined resolution (number of pixels), aspect ratio, maximum display color, and the like. In FIG. 1, the operation input unit 13 and the display unit 14 have been described as different configurations. However, for example, a touch panel or the like may be used to perform operation input and display.

  The medium input / output unit 15 is a device that reads data recorded on a recording medium or records data on the recording medium. The medium input / output unit 15 is, for example, an optical disk drive, a serial bus interface, a memory card reader / writer, or the like. A software development program to be described later can be recorded on a recording medium, and the software development program recorded on the recording medium can be read by the medium input / output unit 15 and executed by the control unit 11.

  The communication unit 16 is a communication device for performing communication via the network 9. The communication unit 16 is, for example, a network interface controller or a wireless communication interface. The first device 1 communicates with the second device 2 or the service server 3 via the communication unit 16.

  Similarly to the first device 1, the second device 2 includes a control unit 21, a storage unit 22, an operation input unit 23, a display unit 24, a medium input / output unit 25, and a communication unit 26. These configurations of the second device 2 are the same as the configurations of the control unit 11, the storage unit 12, the operation input unit 13, the display unit 14, the medium input / output unit 15, and the communication unit 16 of the first device 1. Since there is, explanation is omitted.

  The second device 2 is a device having an operating environment different from that of the first device. For example, if the first device 1 is a desktop PC, the second device 2 is a notebook PC, tablet PC, smartphone, smart watch, or the like. The operating environment includes, for example, OS specifications, display unit specifications, operation input unit specifications, and the like. If the OS is different, a command that can be used in an application running on the OS is different. Further, if the specifications of the display unit are different, the resolution of the display screen that can be displayed by the display is different. If the specifications of the operation input unit are different, the operation methods such as scrolling, enlargement / reduction, and slider operation on the display screen are different. Therefore, when developing an application to be operated on different devices, it is necessary to generate display data according to each operating environment.

  In the operation system of FIG. 1, the case where there is one first device 1 and one second device 2 is illustrated. However, in the operation system, a plurality of second devices whose operation environment is different from that of the first device are illustrated. It may be included. For example, the operation system includes one desktop PC in the operating environment A as the first device, and one tablet PC in the operating environment B, two tablet PCs in the operating environment C, and the operating environment D as the second device. May include three smartphones and four smartphones of operating environment E (the symbols A to E of the operating environment are codes indicating different operating environments and indicate a specific operating environment) is not).

  The service server 3 is a server that provides a software development program to be described later. The service server 3 is a Web service server connected to the Internet, for example. In the present embodiment, the case where the software development program is operated in the first device will be described. However, software is developed by operating part or all of the software development program operated in the first device on the service server 3. It may be. That is, the software development method described in the present embodiment does not limit the devices on which the program operates.

  Next, the configuration of a software development program that operates on the first device will be described with reference to FIG. FIG. 2 is a block diagram illustrating a configuration of a software development program that operates on the first device in the embodiment. The software development program shown in FIG. 2 is executed by the control unit 11 described in FIG.

  The configuration of the software development program described in FIG. 2 and FIG. 3 represents each function as a single functional block for the sake of convenience, and does not limit the file configuration or compilation unit of the software development program. Absent. Further, as long as each function is provided, a plurality of functions may be expressed as one function block, or one function may be expressed as a plurality of function blocks.

  In FIG. 2, the software development program that operates on the first device 10 includes a program unit 100, a part 120, a first device library 130, and a database 140. The program unit 100 includes a part selection unit 101, a part placement unit 102, an attribute information selection unit 103, a setting item selection unit 104, an explanatory text generation unit 1041, an attribute information registration unit 105, a display data generation unit 106, and a display screen generation unit 107. A database registration unit 108, a design document generation unit 109, a transition diagram generation unit 110, a communication setting unit 111, and a transmission unit 112. The part 120 includes a button 121, a label 122, a table 123, text 124, a check box 125, a radio button 126, a slider 127, a combo box 128, and a calendar 129.

  The parts selection unit 101 displays parts prepared in advance to be displayed on the execution screen of the application on the display unit 14 in FIG. 1 so that the operator of the first device can select them. The operator selects one part from the displayed parts. The parts displayed on the execution screen of the application can be selected from buttons 120, labels 122, table 123, text 124, check box 125, radio button 126, slider 127, combo box 128, and calendar 129 included in part 120. For example, an icon button. The operator can select a part to be displayed on the execution screen of the application by selecting an icon button of the displayed part with a mouse or the like.

  When a part displayed so as to be selectable by the part selection unit 101 is selected, the part placement unit 102 can set the placement of the selected part on the application execution screen. The parts placement unit 102 displays a placement screen on which parts can be placed on the display unit 14. The operator places the part at a desired position on the placement screen. The operator can determine placement information such as the position where the part is placed, the shape such as the size of the part, and the color of the part while checking the placement screen. The parts placement unit 102 stores and registers the placement information of the placed parts in a setting file (not shown).

  The attribute information selection unit 103 displays, on the display unit 14, selectable attribute information indicating the attribute of the part assigned to each part. The attribute information is information for setting the processing content of the selected part. Attribute information includes, for example, function processing, control information input processing for controlling the display state of parts, execution screen transition settings, dialog display processing, message display, database operation, network communication processing, file operation , Information for setting processing contents such as device operation and push notification setting. In the conventional GUI design, setting of these attribute information has to be performed by a person having programming skills familiar with commands and the like. The attribute information selection unit 103 may be able to select attribute information from among attribute information previously used by the operator. The attribute information selection unit 103 displays the attribute information so that it can be selected, for example, in a list format, a pull-down format, or the like. The operator can select one or a plurality of displayed attribute information. For example, when assigning a plurality of operations and processes to one part, the operator can assign a plurality of operations to the part by selecting a plurality of displayed attribute information. The attribute information selection unit 103 displays the attribute information in a selectable manner, so that even an operator who is not familiar with commands or the like can easily design the GUI. An example of setting attribute information displayed on the display unit 14 will be described later with reference to FIG.

  The setting item selection unit 104 displays setting items of attribute information corresponding to the attribute information selected by the attribute information selection unit, and displays the setting item setting values in a selectable manner. As described above, the attribute information is, for example, function processing, input processing of control information for controlling the display state of parts, setting of transition of an execution screen, display processing of a dialog, message display, database operation, communication using a network. This is information for setting various processing contents such as processing, file operation, device operation, push notification setting, and the like. Therefore, the setting items to be set for each attribute information are different for each attribute information. When one attribute information is selected, the setting item selection unit 104 displays a setting item necessary for setting the selected attribute information, thereby facilitating part processing design in GUI design. it can. The setting item selection unit 104 displays the setting value of the setting item so that it can be selected, for example, in a pull-down format. The setting value may be input using a keyboard or the like. An example of setting the selection items displayed on the display unit 14 will be described later with reference to FIG.

  The explanatory note generation unit 1041 generates an explanatory note in which the description of the attribute information is expressed in a natural language based on the selected attribute information and the setting item that is selected and the setting value is input. The processing content (processing design) of the part is determined by selecting the attribute information and inputting the setting item. For example, the setting item selection unit 104 represents a processing target and processing content in the processing content in a natural language. The natural language in the present embodiment is a language that a person uses on a daily basis, and is contrasted with a program language that can be understood by those having program skills. For example, in a programming language, an operation can be expressed by an operator and an operand. However, in an explanatory text in natural language, “activate the camera and acquire the photographing result”, ““ lblPict ”on the“ Equipment ”screen. The result of [# 1] is set in the contents of. The processing content can be described in a natural language such as “ When the setting value set in the setting item is changed, the explanatory text generating unit 1041 generates an explanatory text corresponding to the change.

  In this embodiment, the case where the explanatory text in Japanese is generated is illustrated, but the explanatory text may be generated by switching the language other than Japanese. The explanatory text generation unit 1041 displays the generated explanatory text on the display unit 14.

  The attribute information registration unit 105 registers attribute information in which attribute items are set. The attribute information is registered in association with the generated explanatory text. The attribute information registration unit 105 stores and registers the attribute information in a setting file (not shown), for example. The attribute information registration unit 105 registers attribute information by an explicit operation of the operator.

  The display data generation unit 106 generates display data of the application execution screen in which the parts whose arrangement is set and the registered attribute information are associated with each other. The display data generation unit 106 can use the operation result when operating the execution screen as display data. For example, when the execution screen changes, display data for displaying the changed execution screen is generated. The display data generation unit 106 may generate a change difference as display data when a change occurs in the execution screen.

  Setting of part placement by the part placement unit 102 and registration of attribute information by the attribute information registration unit 105, which are associated by the display data generation unit 106, can be performed asynchronously. For example, attribute information in which a setting item is selected may be registered in advance, and one attribute information registered in advance may be associated with a plurality of arranged parts. By setting the arrangement of parts and registering attribute information asynchronously, it becomes easy to associate parts with attribute information. The display data generated by the display data generation unit 106 is used when an application execution screen is displayed on a second device described later. That is, the display data generated by the display data generation unit 106 is shared by the generation of the application execution screen displayed on the first device 10 and the generation of the application execution screen displayed on the second device 20.

  Based on the display data generated by the display data generation unit 106, the display screen generation unit 107 generates an application execution screen to be displayed on the display unit 14 using the first device library 130. The first device library 130 is a library indicating an operating environment unique to the first device, such as the display specifications of the display unit 14. The display screen generation unit 107 can generate an application execution screen to be displayed on the display unit 14 of the first device 10 by linking the first device library 130. The first device library 130 may include, for example, display specifications such as the resolution of the display unit 14, the maximum display color, language specifications, character display specifications, still image display specifications, and moving image display specifications. Good. The first device library 130 may include an operating environment other than the display specification.

  The database registration unit 108 registers data to be registered in the database 140. The setting item selection unit 104 displays the data registered in the database 140 so as to be selectable as setting item settings. The database registration unit 108 may take, for example, a CSV (Comma-Separated Values) format data file or a file created by spreadsheet software and register it in the database 140. The database registration unit 108 registers data so that data can be directly read and written by the setting item selected by the setting item selection unit 104. Therefore, even an operator who is not familiar with database operation commands and the like can design a GUI that involves database operations.

  The design document generation unit 109 automatically generates a screen design document related to the application execution screen. The specification regarding the execution screen of the application is associated with parts arranged on the execution screen and attribute information (including explanatory text) of the parts. In addition, the design document generation unit 109 automatically generates a DB design document in which the data items registered in the database registration unit 108 are compared with the contents of processing based on the attribute information. The design document generation unit 109 can have a plurality of templates that define the format of the design document. The design document generation unit 109 may generate a design document in the specified format so that the operator can specify the format. The design document generation unit 109 displays the generated design document on the display unit 14. The design document generation unit 109 may execute processing such as output of the generated design document to a printer (not shown) and transmission to another computer (not shown).

  The transition diagram generation unit 110 generates a transition diagram showing the transition of the application execution screen. The transition diagram generation unit 110 associates the execution screens registered by the part placement unit 102 with each other based on the execution screen transition setting registered in the attribute information registration unit 105, and displays a transition diagram showing the transition of the execution screen. Generate. Linking execution screens can be performed, for example, by showing a straight line between the execution screens by an arrow indicating the transition direction of the display screen. The transition diagram generation unit 110 may show the transition condition of the execution screen in the transition diagram. For example, when there are a plurality of transition destination execution screens, the transition diagram generation unit 110 may indicate the conditions for transitioning to the respective execution screens in the transition diagram. The transition diagram generation unit 110 displays the generated transition diagram on the display unit 14. The transition diagram generation unit 110 may execute processing such as output of the generated transition diagram to a printer (not shown) and transmission to another computer (not shown).

  The communication setting unit 111 makes it possible to set a communication method with the second device. The communication method set in the communication setting unit 111 is a communication method using the communication unit 16 in FIG. For example, the communication setting unit 111 displays the port number of the IP address so that the port number can be set, and enables connection from the second device to the set port. Note that the communication setting unit 111 may perform setting of a communication method in short-range wireless communication, setting of a communication method in infrared communication, and the like.

  The transmission unit 112 transmits the display data generated by the display data generation unit 106 to the second device based on the communication method set by the communication setting unit 111. The timing at which the transmission unit 112 transmits display data is arbitrary. For example, the transmission unit 112 can transmit an execution screen based on the generated generation data in real time by transmitting the display data every time display data is generated by the display data generation unit. The transmission of display data by the transmission unit 112 is performed in response to a request from the second device, even if the transmission unit 112 performs push-type transmission in which a communication request is started and display data is transmitted. It is also possible to perform pull-type transmission for transmitting.

  Next, the configuration of a software development program that operates on the second device will be described with reference to FIG. FIG. 3 is a block diagram illustrating a configuration of a software development program that operates on the second device in the embodiment. The software development program shown in FIG. 3 is executed by the control unit 21 described in FIG.

  In FIG. 3, the software development program operating on the second device 20 includes a communication setting unit 201, a display data receiving unit 202, a display screen generating unit 203, and a second device library 204.

  The communication setting unit 201 makes it possible to set a communication method with the first device 10. The communication method set in the communication setting unit 201 is a communication method using the communication unit 26 of FIG. Similar to the communication setting unit 111, the communication setting unit 201 displays, for example, a port number of an IP address so that it can be set, and enables connection to the first device 10 with respect to the set port. Corresponding to the communication setting unit 111, the communication setting unit 201 may set a communication method in short-range wireless communication, a communication method in infrared communication, and the like.

  The display data receiving unit 202 receives display data generated by the first device 10 based on the communication method set by the communication setting unit 201. For example, the display data receiving unit 202 may acquire information on the presence or absence of display data to be transmitted from the transmission unit 112 of the first device 10 and receive the display data when there is display data to be transmitted.

  The display screen generation unit 203 generates an application execution screen to be displayed on the display unit 24 using the second device library 204 based on the display data acquired from the display data reception unit 202. The second device library 204 is a library indicating an operating environment unique to the second device such as the display specifications of the display unit 24. The display screen generation unit 203 can generate an application execution screen to be displayed on the display unit 24 of the second device 20 by linking the second device library 204. The second device library 204 may include display specifications such as the resolution of the display unit 24, the maximum display color, the language specification, the character display specification, the still image display specification, and the moving image display specification. Good. The second device library 204 may include an operating environment other than the display specification. For example, when the second device 20 is a tablet PC, a library corresponding to the operating environment of the tablet PC is prepared, and when the second device 20 is a smartphone, the second device library 204 is a smartphone. A library corresponding to the operating environment is prepared. Accordingly, the display data generation unit 106 of the first device 10 that generates display data can generate display data that can be shared by different types of second devices (multiplatforms) without being conscious of the display data transmission destination. it can. Since the display screen generation unit 203 can generate an application execution screen based on the acquired display data, the display data generated by the first device 10 can be confirmed in real time.

  Next, the operation of the software development program in the first device will be described with reference to FIG. FIG. 4 is a flowchart showing the operation of the software development program in the first embodiment in the first device. The flowchart shown in FIG. 4 is executed by the control unit 11 described in FIG.

  In FIG. 4, the control unit 11 determines whether or not the screen creation icon is in a selected state (step S11). The screen creation icon is an icon for switching processing to screen creation processing. The screen creation icon is one of the process switching icons displayed on the display screen of the software development program on the display unit 14 and selected by the operator's operation. When the screen creation icon is selected and selected, the part creation processing and the attribute information selection processing screen creation processing can be executed. The process switching icons include a process design icon for performing attribute information selection processing and setting item selection processing for selecting part processing content and a database icon for performing database registration processing, which will be described later. . As for the icon for process switching, when any icon is selected to be in the selected state, the other icons are changed from the selected state to the unselected state, and the process is switched.

  When the screen creation icon is in the selected state (step S11: YES), the control unit 11 executes a parts selection process for displaying the parts that can be selected (step S12). The parts selection process is a process for displaying the parts displayed on the display screen of the software development program so that the operator can select the parts. As described with reference to FIG. 2, the part includes a button 121, label 122, table 123, text 124, check box 125, radio button 126, slider 127, combo box 128, and calendar 129. The icons of these parts are displayed so as to be selectable on the display screen of the software development program.

  When the operator selects any part, the control unit 11 executes part placement processing (step S13). The parts placement process is a process that enables the placement of the parts selected by the operator on the application execution screen to be set. The operator can determine arrangement information such as the position where the part is arranged, the shape such as the size of the part, and the color of the part while confirming the arrangement screen on which the part can be arranged. The arrangement information of the arranged parts is saved and registered in a setting file (not shown) (step S14). After executing the process of step S14, the control unit 11 executes the process of step S11 again.

  Note that the processing of step S12 to step S14 shows the procedure of screen creation processing as sequential processing. If there is an operation such as cancellation in the processing of each step, the control unit 11 performs processing of that step. Is interrupted, and the process of step S11 is executed again.

  On the other hand, when the screen creation icon is not in the selected state in step S11 (step S11: NO), the control unit 11 determines whether or not the process design icon is in the selected state (step S21). The process design icon is an icon for switching the process to the process design for designing the processing content of the part.

  When the process design icon is in a selected state (step S21: YES), the control unit 11 executes an attribute information selection process (step S22). The attribute information selection process is a process for displaying the attribute information in a selectable manner for the operator. The operator selects one of the displayed attribute information. The attribute information is information that determines the processing content of the part. As described above, the attribute information is information for setting processing contents such as function processing, input processing of control information for controlling the display state of parts, and setting of transition of an execution screen.

  When the attribute information is selected, the control unit 11 executes a setting item selection process (step S23). The setting item selection process is a process for displaying the setting items of the attribute information so as to be selectable for the worker. The operator selects one of the displayed setting items and inputs a setting value. The set value is input by selecting a set value displayed by a list display or the like. The set value may be input using a keyboard or the like.

  When a setting value is input to the setting item, the control unit 11 executes an explanatory text generation process (step S24). Based on the selected attribute information and the selected setting item to which the setting value is input, the control unit 11 generates an explanatory text in which the description of the attribute information is expressed in natural language, and the software development program of the display unit 14 Display on the display screen. After executing the process of step S24, the control unit 11 registers the attribute information in which the setting value is input to the setting item (step S25), and executes the process of step S11 again.

  In addition, while the process design icon is in the selected state (step S21: YES), when the selection of the attribute information is changed (step S22) or when the setting value of the setting item is changed (step S23), the description The display of the text is changed based on the change of the attribute information or the setting value of the setting item (Step S24).

  In addition, the processing of step S22 to step S25 shows the procedure of the setting processing for setting the processing content of the parts as sequential processing, and when there is an operation such as cancellation in the processing of each step, the control unit 11 Then, the process of the step is interrupted, and the process of step S11 is executed again.

  On the other hand, when the process design icon is not in the selected state (step S21: NO), the control unit 11 determines whether or not to execute the display data generation process (step S31). Whether or not to execute the display data generation process is determined based on whether or not the operator has associated the part whose placement has been set with the registered attribute information. For example, the operator can select the part that is placed on the placement screen and set the attribute information for the selected part. Is called.

  When it is determined that the display data generation process is to be executed (step S31: YES), the control unit 11 executes the display data generation process (step S32). The display data generation process is a process of generating display data for the application execution screen based on the association between the part whose arrangement is set and the registered attribute information.

  After executing the process of step S32, the control unit 11 executes a display screen generation process (step S33). The display screen generation process is a process of generating an application execution screen using the first device library 130 based on the display data generated in the process of step S32. In the present embodiment, when display data is generated in step S32, the display screen generation process in step S33 is automatically executed. For example, the display screen generation process is performed by an operator's explicit operation. May be executed.

  After executing the process of step S33, the control unit 11 executes a display data transmission process (step S34). The display data transmission process is a process of transmitting the display data generated in step S32 to the second device 20 in a preset communication method. After executing the process of step S34, or when it is determined not to execute the display data generation process (step S31: NO), the control unit 11 executes the process of step S11 again.

  Note that the processing of step S32 to step S34 shows the procedure of the display data generation processing as sequential processing, and when there is an operation such as cancellation in the processing of each step, the control unit 11 performs processing of that step. Is interrupted, and the process of step S11 is executed again.

  In FIG. 4, the database registration process described later is not described, but the database registration process can be performed asynchronously with the screen creation process or the attribute information setting process. Data registered in the database registration process can be used for setting attribute information setting items.

  Next, the operation of the software development program in the second device will be described with reference to FIG. FIG. 5 is a flowchart showing the operation of the software development program in the second device in the second embodiment. The flowchart shown in FIG. 5 is executed by the control unit 21 described in FIG.

  In FIG. 5, the control unit 21 determines whether display data has been received (step S41). Whether or not the display data has been received is determined by whether or not the display data receiving unit 202 in FIG. 3 has received the display data transmitted by the first device in the process of step S34 in FIG.

  When it is determined that the display data has been received (step S41: YES), the control unit 21 executes a display screen generation process (step S42). The display screen generation process of step S42 is a process of generating an application execution screen using the second device library 204 based on the received display data. By executing the display screen generation process, the execution screen (display data) generated by the first device is displayed in real time.

After executing the process of step S42, the control unit 21 determines whether or not to end communication (step S43). The end of the communication process can be determined by whether or not there is an explicit operation by the operator of the second device.
When determining that the communication is not terminated (step S43: NO), the control unit 21 executes the process of step S41 again. On the other hand, when it is determined that the communication is to be ended (step S43: YES), the control unit 21 ends the process shown in FIG.

Next, the GUI design screen of the software development program will be described with reference to FIG. FIG. 6 is a diagram showing a GUI design screen of the software development program in the present embodiment.
In FIG. 6, the display screen 1000 has a file tab 1100, a home tab 1101, and a screen setting tab 1102. A file tab 1100 is a tab for performing a file operation. In the file tab 1100, a process for generating a transition diagram of an execution screen, which will be described later, and a process for generating a design specification are displayed in a selectable manner. The home tab 1101 is a tab for displaying a main screen for performing GUI design described below. A screen setting tab 1102 is a tab for setting details of screen display, and a description thereof will be omitted.

  The home tab 1101 has a screen creation icon 1001, a database icon 1002, and a process design icon 1003. Any one of the screen creation icon 1001, the database icon 1002, and the process design icon 1003 is exclusively selected. FIG. 6 shows that the screen creation icon 1001 is selected and the screen creation screen is displayed.

  On the screen creation screen, a part selection icon is displayed so as to be selectable. On the screen creation screen, a button 1201, a label 1202, a table 1203, a text 1204, a check 1205, a radio 1206, a slider 1207, a combo 1208, and a calendar 1209 are displayed as part selection icons.

  The button 1201 is an icon for arranging button parts that can be pressed on the execution screen of the application. For button parts, the processing content when pressed can be set as attribute information.

  A label 1202 is an icon for arranging label parts on the execution screen of the application. The label part can set the display content of the text data displayed on the execution screen as attribute information.

  A table 1203 is an icon for arranging the table parts on the execution screen of the application. Table parts can set input items of the table as attribute information.

  Similarly, text 1204 is an icon for placing a text part (text box), check 1205 is an icon for placing a check box part, and radio 1206 is for placing a radio button part. The slider 1207 is an icon for placing a slider part, the combo 1208 is an icon for placing a combo box part, and the calendar 1209 is an icon for placing a calendar part. . By selecting one of the part selection icons, the operator can perform GUI design even when he / she does not know a command for arranging the parts.

  The execution screen display 1301 is a display unit for displaying an execution screen on which parts are arranged. FIG. 6 shows an execution screen of an application entitled “Manufacturing Industry Demonstration” generated from the display data. On the execution screen, button parts such as “picking”, “pass check”, and “shop delivery” are arranged. In each button part, the processing content when the button is pressed is set as attribute information.

The small screen 1302 reduces and displays the execution screen displayed on the execution screen display 1301. For example, when there are a plurality of execution screens, the small screen 1302 may display an icon obtained by reducing a plurality of execution screens.
Device disconnection / device standby 1210 is a button for starting or disconnecting communication with the second device. When device standby is pressed, secondly, it waits for communication connection from the device. That is, communication with the second device is started by the communication method set by the communication setting unit 111 in FIG. On the other hand, when device disconnection is pressed, secondly, communication with the device is disconnected.

  Next, an application execution screen displayed on the second device based on the display data generated by the first device will be described with reference to FIG. FIG. 7 is a diagram showing an application execution screen in the second device by the software development program in the present embodiment.

  FIG. 7 is an execution screen of an application in a smartphone as the second device. In the upper left part of the smartphone screen illustrated in FIG. 7, “synchronization” characters indicating that the smartphone communicates with the first device and the display of the application execution screen is synchronized are displayed. That is, the execution screen shown in FIG. 7 is synchronized with the application execution screen displayed on the execution screen display 1301 described in FIG. The GUI designed by the software development program of the first device can be previewed in real time on a smartphone. In addition, in FIG. 7, although the case where a smart phone was illustrated as a 2nd apparatus and the execution screen of an application was displayed was demonstrated, the 2nd apparatus is other apparatuses (tablet PC etc.) from which the resolution of a display part, etc. differ. There may be.

  Next, details of screen creation executed when the screen creation icon 1001 is selected will be described with reference to FIG. FIG. 8 is a diagram showing details of screen creation in the first device by the software development program in the present embodiment. In FIG. 8, the icons and the like described in FIG.

  In FIG. 8, the execution screen display 1301 includes a table part a, a label part b, a text part c, a button part d, and a text part e. The parts are arranged by selecting a part to be placed and placing the selected part on the execution screen display 1301. To place the table part a, the icon of the table 1203 is selected. In order to place the label part b, the icon of the label 1202 is selected. To place the text part c and the text part e, the icon of the text 1204 is selected.

  To place the button part d, the button 1201 icon is selected. As for the arrangement of parts, the position and shape (size) of a part can be set by clicking one point on the execution screen display 1301 to specify the start point and specifying the end point by dragging. The shape (size) of the part may be set by separately specifying a numerical value. When the grid shown in FIG. 8 is displayed, the start point and the end point can be designated on the grid.

  Attribute information can be set for each part. The label part b has attribute information defined so that the text “facility management” is displayed. In the text part c, attribute information for displaying a text box and enabling input of text data is defined. The button part d defines attribute information for starting the camera and acquiring image data by photographing. In the table part a, table items (fields) “equipment name” and “photograph” are defined as attribute information. In the table item “equipment name” of the table part a, attribute information is defined so that text data input to the text box of the text part c is input. Also, attribute information is defined in the table item “photo” of the table part a so that image data acquired by operating the button part d is input.

  Next, a method for setting attribute information will be described with reference to FIGS. 9 and 10. FIG. 9 and FIG. 10 are diagrams showing details of the process design in the first device by the software development program in the present embodiment. The display screens of FIGS. 9 and 10 are displayed when the process design icon 1003 of FIG. 8 is selected.

  In FIG. 9, the process design display screen 1400 has a process name 1401, specification 1402, automatic 1403, search condition 1404, attribute information selection unit 1405, design detail screen 1406, shortcut addition 1407, save 1408, and cancel 1409. .

  The attribute information selection unit 1405 displays the attribute information in a selectable manner. In FIG. 9, as attribute information, attribute information classified into “message”, “network”, “file”, “device”, “push notification”, and “unique” processing contents is displayed in a selectable manner. .

  FIG. 9 shows a state in which “camera activation” attribute information in the “device” process is selected. When camera activation attribute information is selected, setting details of camera activation attribute information of “image width” and “image height” are displayed on the design detail screen 1406. That is, the setting items displayed on the design detail screen 1406 are automatically selected based on the selected attribute information. Since setting items to be set for each attribute information are automatically selected, it is possible to prevent setting item input errors.

  “Image width” and “image height” displayed on the design detail screen 1406 are setting items for setting the resolution of an image captured by the camera. “Image width” has a combo box f1. “Image height” has a combo box g1. When “numerical value” is selected in the combo box f1, a text box f2 is displayed and a numerical value can be input. When “numerical value” is selected in the combo box g1, a text box g2 is displayed and a numerical value can be input. For the combo box f1 or the combo box g1, a preset resolution may be selected.

  The process name 1401 is a number assigned to attribute information for process design. In the present embodiment, setting of attribute information can be performed independently of the arrangement of parts. Therefore, the process name is used as information for associating parts with attribute information. FIG. 9 shows that the process name is “# 1”, which is a serial number. Instead of using the serial number, the operator may arbitrarily set the process name.

  The specification 1402 is an explanatory text in which the description of the attribute information is expressed in a natural language based on the selected attribute information (camera activation) and the setting item that is selected and the setting value is input. The specification 1402 is automatically generated by selecting attribute information and inputting a setting item when the automatic 1403 is selected. FIG. 9 shows that “the camera is activated and the photographing result is acquired” is displayed as the automatically generated explanatory text. By displaying the processing contents of the attribute information and the setting item in a natural language, it is easy to design a part process. When the automatic 1403 is not selected, the operator can input an arbitrary sentence. Note that a warning may be displayed in the process name when an invalid setting value is input to the setting item.

  The search condition 1404 can set a condition for searching for attribute information registered (saved) by setting items. For example, when the number of registered attribute information is large, it is difficult to select similar attribute information. By setting the search condition 1404 in advance, it becomes easy to search for attribute information.

  A shortcut addition 1407 is a button for registering the attribute information in which the setting item is set in the shortcut. By registering the attribute information in the shortcut, the processing design of similar attribute information becomes easy.

  A save 1408 is a button for saving and registering attribute information in which setting items are set. A cancel 1409 is a button for canceling the processing design of attribute information.

  FIG. 10 shows that the attribute information of “content set” in the “control” process is selected as the attribute information. When the attribute information of “content set” is selected, setting items of “form”, “control”, and “value” are automatically displayed on the design detail screen 1406.

  The attribute information of “content set” is a processing content for setting data in a predetermined variable. The form “Equipment” is a variable that identifies the execution screen described in FIG. The control “lblPict” is a variable that specifies the table item “photo” in the table s of FIG. Result takeover is a process of taking over acquired data as it is. The value “# 1” is the processing name described in FIG.

  In FIG. 10, the process name 1401 is “# 2”, and the specification is the result of [# 1] set to the content of “lblPict” on the “Equipment” screen. "Is generated and displayed. The result of [# 1] is obtained by obtaining the photographing result taken with the camera described in FIG.

In addition to the “control”, attribute information of “form”, “dialog”, and “message” is displayed in the attribute information selection unit 1405 shown in FIG. 10 in a selectable manner.
Here, the “form” includes attribute information of “transition” for transitioning the execution screen. Each execution screen is set with a form name such as “Equipment” as described above. In the attribute information of “transition”, transition of the execution screen can be easily designed by setting the form name of the transition destination as a setting value. The form name for which transition is set in “transition” is referred to in the generation of a screen transition diagram of the execution screen described later.
“Dialog” is attribute information that allows a predetermined process to be executed by displaying a dialog. “Message” is attribute information for popping up a predetermined message.

  Next, a list display of registered attribute information will be described with reference to FIG. FIG. 11 is a diagram showing details of processing design in the first device by the software development program in the present embodiment.

  In FIG. 11, the name of attribute information in which setting items are set can be input in “logic name”. In FIG. 11, the name “Equipment_Camera Activation” is input. The logic name list 1 indicates that attribute information of other logic names is registered.

  An attribute information list k is displayed on the attribute information display screen 1501. The attribute information list k has table items of “comment”, “No.”, “process name”, “component”, and “specification”. “Process name” is the process name described with reference to FIGS. 9 and 10. “Component” is information for specifying attribute information. “Specification” is the content of the specification 1402. By selecting the “comment” check box, it is possible to input a comment for each attribute information.

  The logic name shown in FIG. 11 is associated with the “camera activation” button part described in FIG. That is, the GUI is designed by registering the arrangement of parts and the attribute information of the parts and setting the correspondence. Once registered, the attribute information can be shared by a plurality of parts, and GUI design can be made more efficient.

Next, generation of a screen transition diagram will be described with reference to FIG. FIG. 12 is a diagram showing display of a screen transition diagram by the software development program in the present embodiment. In FIG. 12, transition diagrams of screen 1 to screen 4 are displayed in the screen transition diagram.
In the present embodiment, the screen transition of the execution screen can be set in the “transition” attribute information described with reference to FIG. The operator selects a screen transition diagram generation command included in the file tab 1100 shown in FIG. When the screen transition diagram generation command is selected, the control unit 11 retrieves the form name associated with the transition attribute information, reads the execution screen of the retrieved form name, and associates it with a line. Generate a screen transition diagram. The generated screen transition diagram is displayed on the display unit 14. The screen transition diagram may be printed by a printer (not shown). By generating the screen transition diagram, the screen transition diagram can be created simultaneously with the GUI design.

In addition, when there are a plurality of execution screens and the display cannot be displayed on the display unit 14, scroll display and enlargement / reduction display may be performed. Further, the transition destination of the execution screen may be clarified using a connector or the like, and printing may be performed on a plurality of pages. The screen transition diagram to be printed may be converted into a predetermined format of the GUI design document and output.
In FIG. 12, the screens 1 to 4 of the execution screens to be displayed have the same size. However, the size of the execution screen to be displayed in the screen transition diagram may be set.
Further, the screen transition diagram may include the specifications of the parts arranged on each execution screen described in FIG.
The screen transition diagram displayed on the display unit 14 may display the details of the screen design drawing of the selected execution screen by selecting one of the execution screens.
Further, the execution screen in the screen transition diagram may be changed according to the device to be displayed. For example, you may make it change according to apparatuses, such as the execution screen displayed on the display part of PC, the execution screen displayed on the display part of the smart phone.

Next, generation of a screen design document will be described with reference to FIG. FIG. 13 is a diagram showing display of a screen design document by the software development program in the present embodiment. In FIG. 13, the screen design document displays screen 1 and its design details.
In the present embodiment, the logic name and attribute information list k described in FIG. 11 can be displayed as design details. Screen 1 is each execution screen. Corresponding logic names may be displayed on the parts arranged on the screen 1. By generating a screen design document that compares the parts arranged on the execution screen and the attribute information of the part, the screen design document can be created simultaneously with the GUI design.
The operator selects a screen design document generation command included in the file tab 1100 shown in FIG. When the screen design document generation command is selected, the control unit 11 generates a screen design document in which the execution screen and the design details of the parts included in the execution screen are associated with each other. The generated screen design document is displayed on the display unit 14. The screen design document may be printed by a printer (not shown).
The execution screen in the screen design document may be changed according to the device to be displayed. For example, you may make it change according to apparatuses, such as the execution screen displayed on the display part of PC, the execution screen displayed on the display part of the smart phone.

Next, generation of a DB (database) design document will be described with reference to FIG. FIG. 14 is a diagram showing the display of the DB design document by the software development program in the present embodiment. In FIG. 14, the DB design document displays details of the database and the process design.
In the present embodiment, as described with reference to FIG. 8, a database operation for directly registering image data acquired by camera shooting or text data input from a text box in the database can be set as the processing content of the part. By displaying a list of processing designs for data to be registered in the database described in FIG. 11, GUI design using the database can be facilitated.

  The program shown in FIG. 2 or FIG. 3 is recorded on a computer-readable recording medium, and the program recorded on the recording medium is read into the computer system and executed. Various processes may be performed. Here, the “computer system” may include an OS and hardware such as peripheral devices. Further, the “computer system” includes a homepage providing environment (or display environment) if a WWW system is used. The “computer-readable recording medium” means a flexible disk, a magneto-optical disk, a ROM, a writable nonvolatile memory such as a flash memory, a portable medium such as a CD-ROM, a hard disk built in a computer system, etc. This is a storage device.

  Further, the “computer-readable recording medium” refers to a volatile memory (for example, DRAM (Dynamic) in a computer system serving as a server or a client when a program is transmitted via a network such as the Internet or a communication line such as a telephone line. Random Access Memory)) that holds a program for a certain period of time is also included. The program may be transmitted from a computer system storing the program in a storage device or the like to another computer system via a transmission medium or by a transmission wave in the transmission medium. Here, the “transmission medium” for transmitting the program refers to a medium having a function of transmitting information, such as a network (communication network) such as the Internet or a communication line (communication line) such as a telephone line. The program may be for realizing a part of the functions described above. Furthermore, what implement | achieves the function mentioned above in combination with the program already recorded on the computer system, and what is called a difference file (difference program) may be sufficient.

  The embodiment of the present invention has been described above with reference to the drawings. However, the specific configuration is not limited to this embodiment, and includes various modifications within the scope of the present invention. It is.

DESCRIPTION OF SYMBOLS 1 ... 1st apparatus 2 ... 2nd apparatus 3 ... Service server 9 ... Network 10 ... 1st apparatus 11, 21 ... Control part 12, 22 ... Memory | storage Unit 13, 23 ... Operation input unit 14, 24 ... Display unit 15, 25 ... Medium input / output unit 16, 26 ... Communication unit 100 ... Program unit 101 ... Parts selection unit 102 ... Part placement unit 103 ... Attribute information selection unit 104 ... Setting item selection unit 1041 ... Description text generation unit 105 ... Attribute information registration unit 106 ... Display data generation unit 107 ... Display screen generation unit 108 ... Database registration unit 109 ... Design document generation unit 110 ... Transition diagram generation unit 111 ... Communication setting unit 112 ... Transmission unit 120 ... Part 130 ... No. Library for one device 140 · Database 20 ... second device 201 ... communication setting unit 202 ... display data receiver 203 ... display screen generation section 204 ... second library equipment

Claims (12)

Part selection processing for displaying selectable parts to be displayed on the application software execution screen,
A parts placement process that enables the selected parts to be placed on a predetermined screen;
An attribute information selection process for selectively displaying attribute information indicating the attribute of the part;
A setting item selection process for displaying the setting items of the attribute information according to the selected attribute information in a settable manner;
Attribute information registration processing for registering the attribute information in which the setting item is set;
A software development program for causing a computer to execute display data generation processing for generating display data of the execution screen by associating the arranged parts with the registered attribute information.   2. The computer according to claim 1, further causing the computer to execute an explanatory text generation process for generating an explanatory text in which the description of the attribute information is expressed in a natural language based on the selected attribute information and the set setting item. Software development program.   The software development program according to claim 2, further causing the computer to execute an explanatory text display process for displaying the generated explanatory text.   The software development program according to claim 2 or 3, wherein, in the attribute information registration process, the generated explanatory text is registered in association with the attribute information. Let the computer further perform database registration processing to register data in the database,
5. The software development program according to claim 1, wherein, in the setting item selection process, the registered data is displayed so as to be selectable as the setting item setting. 6. Communication setting processing for setting communication with other computers;
The software development program according to any one of claims 1 to 5, further causing a computer to execute a transmission process of transmitting the generated display data to the other computer in which communication is set. A parts selection step for displaying selectable parts prepared in advance to be displayed on the execution screen of the application software;
A parts placement step for placing the selected parts on a predetermined screen;
An attribute information selection step for selectively displaying attribute information indicating the attribute of the part;
A setting item selection step for displaying the setting items of the attribute information according to the selected attribute information in a settable manner;
An attribute information registration step for registering the attribute information in which the setting item is set;
A software development method including a display data generation step of generating display data of the execution screen by associating the arranged parts with the registered attribute information.   The software development method according to claim 7, further comprising an explanatory text generation step of generating an explanatory text in which the description of the attribute information is expressed in a natural language based on the selected attribute information and the set setting item. .   The software development method according to claim 8, further comprising an explanatory text display step of displaying the generated explanatory text.   The software development method according to claim 8 or 9, wherein, in the attribute information registration step, the generated explanatory text is registered in association with the attribute information. A database registration step of registering data in the database;
The software development method according to claim 7, wherein in the setting item selection step, the registered data is displayed so as to be selectable as the setting item setting. A communication setting step for setting communication with another computer;
The software development method according to claim 7, further comprising: a transmission step of transmitting the generated display data to the other computer set for communication.

Images