JP2015075784A - Design support program, design support method, and design support apparatus - Google Patents

Abstract

PROBLEM TO BE SOLVED: To confirm in advance whether a width of a display area, which is formed when a screen is executed, is proper or not.SOLUTION: A design support device 100 includes a receiving unit 150b, an acquisition unit 150c, and a generation unit 150d. The receiving unit 150b receives a screen preview instruction at the time of design, with respect to software which displays screens in different operation environments for design and execution. The acquisition unit 150c acquires an attribute of data to be displayed for each of components arranged in a screen which is displayed by executing software, and the maximum number of characters. The generation unit 150d generates a character string corresponding to the attribute and the maximum number of characters, in each of components arranged in the screen, and outputs it on a display unit 130.

Description

  The present invention relates to a design support program and the like.

  In recent years, a user designs a screen by using design support software and combining the component programs of the respective components constituting the screen. Usually, the operating environment of the display screen at the time of design is different from the operating environment of the display screen at the time of execution.

  For example, when displaying characters with a Web browser, HTML (Hyper Text Markup Language) has a function of limiting the number of characters to be entered in an input form, but does not have a function of displaying all designated character strings. For this reason, when the user designs the screen of the Web browser, the width of the display area is specified at the time of design, assuming the number of characters specified at the time of execution.

JP 2012-003672 A

  However, the above-described prior art has a problem that it is impossible to confirm in advance whether or not the width of the display area when the screen is executed is appropriate.

  FIG. 8 is a diagram for explaining a problem of the conventional technique. The parts 1a and 2a are parts displayed on the display screen at the time of design, and the parts 1b and 2b are parts displayed on the display screen at the time of execution. In the example shown in FIG. 8, the part 1a displayed at the time of design is displayed like the part 1b at the time of execution. The part 2a displayed at the time of design is displayed like the part 2b at the time of execution. In the component 1b, after the character string is not completely displayed in the input forms 1c and 1d. In the component 2b, the character string is broken in the heading 2c.

  For example, when displaying characters on a Web browser, depending on the operating environment at the time of execution, not only a mono-width font but also a variable-width font may be used. For this reason, as shown in FIG. 8, even if the width of the display area is specified assuming only the number of characters specified at the time of execution as in the prior art, all the specified character strings can be displayed. There are cases where it cannot be done.

  In addition, since the Web browser is software that interprets and displays HTML, there are cases where the specified character string can be displayed or not even if it is the same character string, depending on the type and version of the Web browser. To do.

  As described above, since the display of the character string on the Web browser screen changes depending on the character to be displayed and the operating environment at the time of execution, whether or not the character string of each part on the screen at the time of lime is appropriately displayed at the time of execution. Cannot be confirmed by prior calculations. Such a problem is not limited to a Web browser, and is a problem that occurs in the same way when designing screens with different operating environments at the time of design and at the time of execution.

  In one aspect, an object of the present invention is to provide a design support program, a design support method, and a design support apparatus that can confirm in advance whether or not the width of a display area when a screen is executed is appropriate.

  In the first plan, the computer executes the following processing. The computer accepts a screen preview instruction in the first stage for software having different operating environments when displaying screens in the first stage and the second stage. The computer acquires the attribute of the display target data and the maximum number of characters of each component arranged on the screen displayed by executing the software. The computer generates a character string corresponding to the attribute and the maximum number of characters for each component arranged on the screen.

  According to one embodiment of the present invention, it is possible to confirm in advance whether or not the width of the display area when the screen is executed is appropriate.

FIG. 1 is a functional block diagram illustrating the configuration of the design support apparatus according to the present embodiment. FIG. 2 is a diagram illustrating an example of the data structure of the program component table. FIG. 3 is a diagram illustrating an example of a data structure of copy phrase information. FIG. 4 is a diagram illustrating an example of processing in which the design support unit supports screen design. FIG. 5 is a diagram for explaining the processing of the generation unit. FIG. 6 is a diagram illustrating an example of a processing procedure of the design support apparatus according to the present embodiment. FIG. 7 is a diagram illustrating an example of a computer that executes a design support program. FIG. 8 is a diagram for explaining a problem of the conventional technique.

  Embodiments of a design support program, a design support method, and a design support apparatus disclosed in the present application will be described below in detail with reference to the drawings. Note that the present invention is not limited to the embodiments.

  An example of the configuration of the design support apparatus according to the present embodiment will be described. FIG. 1 is a functional block diagram illustrating the configuration of the design support apparatus according to the present embodiment. As illustrated in FIG. 1, the design support apparatus 100 includes a communication unit 110, an input unit 120, a display unit 130, a storage unit 140, and a control unit 150.

  The communication unit 110 is a processing unit that performs data communication with other external devices via a network. The communication unit 110 corresponds to a communication device.

  The input unit 120 is an input device that inputs various types of information. The input unit 120 corresponds to, for example, a keyboard, a mouse, a touch panel, and the like. The display unit 130 is a display device that displays information output from the control unit 150. For example, the display unit 130 corresponds to a monitor, a liquid crystal display, or the like.

  The storage unit 140 includes a program parts table 140a, copy phrase information 140b, and screen information 140c. The storage unit 140 corresponds to, for example, a semiconductor memory device such as a RAM (Random Access Memory), a ROM (Read Only Memory), and a flash memory (Flash Memory), and a storage device such as an HDD (Hard Disk Drive).

  The program component table 140a is a table that holds a program of components included in the display screen. In the following description, a component program included in the display screen is referred to as a component program as appropriate. FIG. 2 is a diagram illustrating an example of the data structure of the program component table. As shown in FIG. 2, the program component table 140a includes component identification information and a component program. The component identification information is information that uniquely identifies a component. The part program corresponds to the program for each part. The part program includes parameters for specifying the width and height of the part input form. If the width and height of this input form are not set appropriately, the character string will not be displayed properly at runtime. Although not shown, each input form on the screen is associated with form identification information that uniquely identifies the input form.

  The copy phrase information 140b is information that holds the attribute of the character input to the input form or the like of each component and the maximum number of characters. FIG. 3 is a diagram illustrating an example of a data structure of copy phrase information. As shown in FIG. 3, the copy phrase information 140b associates component identification information, form identification information, attributes, and the maximum number of characters. The component identification information is information for uniquely identifying a component, and corresponds to the component identification information in the program component table 140a shown in FIG. The form identification information is information for uniquely identifying the input form included in the part.

  In FIG. 3, the attribute indicates an attribute of a character input to the input form. When the attribute is a single-byte character, it indicates that the input character is a single-byte character. When the attribute is double-byte, it indicates that the input character is double-byte. The attribute may be other than half-width and full-width. For example, it may be information specifying the font type such as Gothic font, Mincho font, cursive font, decorative font, and monospaced font.

  The maximum number of characters indicates the maximum number of characters that can be input to the input form. For example, the record in the first row in FIG. 3 indicates that a maximum of 20 half-width characters are input to the input form 10a of the component 1001.

  The screen information 140c is a display screen program generated by the design support unit 150a described later. For example, the screen information 140c is composed of a plurality of component programs.

  The control unit 150 includes a design support unit 150a, a reception unit 150b, an acquisition unit 150c, and a generation unit 150d. The control unit 150 corresponds to an integrated device such as an application specific integrated circuit (ASIC) or a field programmable gate array (FPGA). The control unit 150 corresponds to an electronic circuit such as a CPU (Central Processing Unit) or an MPU (Micro Processing Unit).

  The design support unit 150a is a processing unit that generates screen information 140c by displaying each component corresponding to the program component table 140a on the display unit 130 and combining component programs selected by the user via the input unit 120. is there. In addition, the design support unit 150a acquires information on the width and height of the input form of each component input to the user via the input unit 120 and reflects the information on the screen information 140c.

  FIG. 4 is a diagram illustrating an example of processing in which the design support unit supports screen design. As shown in FIG. 4, the design support unit 150 a displays the design screen 30 on the display unit 130 and displays the parts corresponding to the part program. For example, when the user operates the input unit 120 to select a desired component program from the component programs included in the program component table 140a, the design support unit 150a designs a component corresponding to the component program selected by the user. It is displayed on the screen 30. In the example illustrated in FIG. 4, a component 1001 and a component 1002 are displayed. When the part is displayed, the user operates the input unit 120 to place the part at a desired position to perform screen design. In addition, the user changes the size of the input form by dragging the part. The design support unit 150a stores information such as the component type, component placement position, input form width and height specified by the input unit 120 in the image information 140c.

  The receiving unit 150b is a processing unit that receives a preview instruction for the screen information 140c from the input unit 120.

  The acquisition unit 150c is a processing unit that acquires from the copy phrase information 140b the character attributes and the maximum number of characters that are input to the component input form included in the screen information 140c. The acquisition unit 150c outputs information that associates the attribute with the maximum number of characters for each input form to the generation unit 150d.

  For example, the acquisition unit 150c refers to the screen information 140c, and identifies the form identification information of the input form included in the components that constitute the screen information. The acquisition unit 150c compares the specified form identification information with the copy phrase information 140b, and acquires the attribute corresponding to the input form and the maximum number of characters.

  The generation unit 150d is a processing unit that generates a display screen when a character string corresponding to the attribute and the maximum number of characters acquired from the acquisition unit 150c is input to each of the component forms of the screen information 140c. The generation unit 150d causes the display unit 130 to display the generated display screen. FIG. 5 is a diagram for explaining the processing of the generation unit. A part 1001a shows a part of the part 1001 shown in FIG. A part 1002a shows a part of the part 1002 shown in FIG.

  As shown in FIG. 5, the component 1001a has input forms 10a, 10b, and 10c. Also, the attribute corresponding to the input form 10a is “half-width” and the maximum number of characters is “20 characters”. The attribute for the input form 10b is “full-width” and the maximum number of characters is “15 characters”. It is assumed that the attribute for the input form 10c is “double-byte” and the maximum number of characters is “20 characters”. The generation unit 150d displays the character string corresponding to the attribute and the maximum number of characters on the display unit 130 in a state where the character string is input to the input forms 10a, 10b, and 10c.

  As shown in FIG. 5, the component 1002a has input forms 20a and 20b. Also, the attribute corresponding to the input form 20a is “half-width” and the maximum number of characters is “10 characters”. The generation unit 150d displays the character string corresponding to the attribute and the maximum number of characters on the display unit 130 in a state where the character string is input to the input forms 20a and 20b.

  The user refers to the image of the part generated by the generation unit 150d and confirms whether or not the character string is appropriately input to the input form. For example, when all the character strings input in the input form are not displayed, the user operates the input unit 120 to adjust the size of the part. In the example shown in FIG. 5, since the character string is not completely displayed on the input form 10b of the component 1001a, the user operates the input unit 120 to perform an operation of widening the input form 10b. The design support unit 150a acquires the size of the adjusted part from the input unit 120 and reflects it in the screen information 140c.

  Next, an example of a processing procedure of the design support apparatus 100 according to the present embodiment will be described. FIG. 6 is a diagram illustrating an example of a processing procedure of the design support apparatus according to the present embodiment. For example, the process illustrated in FIG. 6 is executed when the design support apparatus 100 receives a preview request. As shown in FIG. 6, the design support apparatus 100 accepts a screen preview request (step S101).

  The design support apparatus 100 reads the screen information 140c and the copy phrase information 140b (step S102). The design support apparatus 100 acquires the attribute and the maximum number of characters corresponding to each input form (step S103).

  The design support apparatus 100 inputs a character string corresponding to the corresponding attribute and the maximum number of characters in each input form (step S104). The design support apparatus 100 displays a screen (step S105). When the design support apparatus 100 receives an adjustment regarding the width and height of the component after displaying the image in step S105, the design support apparatus 100 reflects the information after the adjustment is received in the screen information 140c.

  Next, the effect of the design support apparatus 100 according to the present embodiment will be described. The design support apparatus 100 generates a state in which an attribute corresponding to each input form and a character string of the maximum number of characters are input when a preview instruction for software having different screen operating environments is received at the time of design and at the time of execution. For this reason, it is possible to confirm in advance whether or not the width of the display area when the screen is executed is appropriate.

  The design support apparatus 100 acquires the attribute and the maximum number of characters input to the input form constituting the part, inputs a character string corresponding to the attribute and the maximum number of characters to the input form, and displays the screen in the operating environment at the time of execution. Is generated. For this reason, it is possible to efficiently confirm how the display screen at the time of design is displayed at the time of execution.

  Next, an example of a computer that executes a design support program that realizes the same function as the design support apparatus 100 described in the above embodiment will be described. FIG. 7 is a diagram illustrating an example of a computer that executes a design support program.

  As shown in FIG. 7, the computer 200 includes a CPU 201 that executes various arithmetic processes, an input device 202 that receives input of data from a user, and a display 203. The computer 200 includes a reading device 204 that reads a program and the like from a storage medium, and an interface device 205 that exchanges data with other computers via a network. The computer 200 also includes a RAM 206 that temporarily stores various information and a hard disk device 207. The devices 201 to 207 are connected to the bus 208.

  The hard disk device 207 includes a reception program 207a, an acquisition program 207b, and a generation program 207c. The CPU 201 reads each program 207 a to 207 c and develops it in the RAM 206.

  The reception program 207a functions as a reception process 206a. The acquisition program 207b functions as the acquisition process 206b. The generation program 207c functions as a generation process 206b.

  For example, the reception process 206a corresponds to the reception unit 150b. The acquisition process 206b corresponds to the acquisition unit 150c. The generation process 206c corresponds to the generation unit 150d.

  Note that the programs 207a to 207c are not necessarily stored in the hard disk device 207 from the beginning. For example, each program is stored in a “portable physical medium” such as a flexible disk (FD), a CD-ROM, a DVD disk, a magneto-optical disk, and an IC card inserted into the computer 200. Then, the computer 200 may read the programs 207a to 207c from these and execute them.

  The following supplementary notes are further disclosed with respect to the embodiments including the above examples.

(Supplementary note 1)
Accepting a screen preview instruction in the first stage for software with different operating environments when displaying screens in the first stage and the second stage,
Acquire the attribute and the maximum number of characters of the display target data of each component arranged on the screen displayed by executing the software,
A design support program that causes each component arranged on the screen to execute a process of generating a character string corresponding to the attribute and the maximum number of characters.

(Additional remark 2) The said process to acquire acquires the attribute and the maximum number of characters of the character string input into the input form which comprises the said part, The said process to generate | occur | produces the character string corresponding to the said attribute and the maximum number of characters. The design support program according to appendix 1, wherein a screen in an operating environment when the screen is displayed in the second stage by inputting in an input form is generated.

(Appendix 3) A design support method executed by a computer,
Accepting a screen preview instruction in the first stage for software with different operating environments when displaying screens in the first stage and the second stage,
Acquire the attribute and the maximum number of characters of the display target data of each component arranged on the screen displayed by executing the software,
A design support method, comprising: generating a state in which a character string corresponding to the attribute and the maximum number of characters is input to each component arranged on the screen.

(Additional remark 4) The said process to acquire acquires the attribute and the maximum number of characters of the character string input into the input form which comprises the said part, The said process to generate | occur | produces the character string corresponding to the said attribute and the said maximum number of characters. The design support method according to appendix 3, wherein a screen is generated in an operating environment when the input form is input and the screen is displayed in the second stage.

(Supplementary Note 5) For software having different operating environments when displaying screens in the first stage and the second stage, a reception unit that receives a screen preview instruction in the first stage;
An acquisition unit that acquires the attribute and the maximum number of characters of display target data of each component arranged on the screen displayed by executing the software;
A design support apparatus, comprising: a generation unit configured to generate a character string corresponding to the attribute and the maximum number of characters in each component arranged on the screen.

(Additional remark 6) The said acquisition part acquires the attribute and maximum number of characters of the character string input into the input form which comprises the said part, The said generation part inputs the character string corresponding to the said attribute and the said maximum number of characters into an input form The design support apparatus according to appendix 5, wherein a screen in an operating environment when the screen is displayed in the second stage is generated.

100 Design Support Device 150b Reception Unit 150c Acquisition Unit 150d Generation Unit

Claims (4)

On the computer,
Accepting a screen preview instruction in the first stage for software with different operating environments when displaying screens in the first stage and the second stage,
Acquire the attribute and the maximum number of characters of the display target data of each component arranged on the screen displayed by executing the software,
A design support program that causes each component arranged on the screen to execute a process of generating a character string corresponding to the attribute and the maximum number of characters.   The obtaining process obtains the attribute and the maximum number of characters of the character string input to the input form constituting the part, and the generating process inputs the character string corresponding to the attribute and the maximum number of characters to the input form. The design support program according to claim 1, wherein a screen in an operating environment when the screen is displayed in the second stage is generated. A design support method executed by a computer,
Accepting a screen preview instruction in the first stage for software with different operating environments when displaying screens in the first stage and the second stage,
Acquire the attribute and the maximum number of characters of the display target data of each component arranged on the screen displayed by executing the software,
A design support method, comprising: generating a state in which a character string corresponding to the attribute and the maximum number of characters is input to each component arranged on the screen. An accepting unit that accepts a preview instruction of a screen in the first stage for software having different operating environments when displaying a screen in the first stage and the second stage;
An acquisition unit that acquires the attribute and the maximum number of characters of display target data of each component arranged on the screen displayed by executing the software;
A design support apparatus, comprising: a generation unit configured to generate a character string corresponding to the attribute and the maximum number of characters in each component arranged on the screen.

Images