WO2017145327A1 - Screen configuration device, screen configuration method, and navigation system - Google Patents

Screen configuration device, screen configuration method, and navigation system Download PDF

Info

Publication number
WO2017145327A1
WO2017145327A1 PCT/JP2016/055633 JP2016055633W WO2017145327A1 WO 2017145327 A1 WO2017145327 A1 WO 2017145327A1 JP 2016055633 W JP2016055633 W JP 2016055633W WO 2017145327 A1 WO2017145327 A1 WO 2017145327A1
Authority
WO
WIPO (PCT)
Prior art keywords
appearance
function
unit
gui
display
Prior art date
Application number
PCT/JP2016/055633
Other languages
French (fr)
Japanese (ja)
Inventor
佑介 横須賀
Original Assignee
三菱電機株式会社
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 三菱電機株式会社 filed Critical 三菱電機株式会社
Priority to PCT/JP2016/055633 priority Critical patent/WO2017145327A1/en
Priority to JP2017558032A priority patent/JP6309179B2/en
Publication of WO2017145327A1 publication Critical patent/WO2017145327A1/en

Links

Images

Classifications

    • GPHYSICS
    • G01MEASURING; TESTING
    • G01CMEASURING DISTANCES, LEVELS OR BEARINGS; SURVEYING; NAVIGATION; GYROSCOPIC INSTRUMENTS; PHOTOGRAMMETRY OR VIDEOGRAMMETRY
    • G01C21/00Navigation; Navigational instruments not provided for in groups G01C1/00 - G01C19/00
    • G01C21/26Navigation; Navigational instruments not provided for in groups G01C1/00 - G01C19/00 specially adapted for navigation in a road network
    • G01C21/34Route searching; Route guidance
    • G01C21/36Input/output arrangements for on-board computers
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs

Definitions

  • This invention relates to a technique for configuring a graphical user interface (GUI) screen.
  • GUI graphical user interface
  • GUI graphical user interface
  • GUI part an appearance part of a software component arranged on the GUI screen.
  • the function unit is an area that is defined as a basic element, that is, a component, such as a label, a button, or a list, and that holds a logical function.
  • the logical function is a function that each GUI component does not directly change the appearance of the GUI screen. A case where the GUI component is a button will be described as an example.
  • the appearance part is an area for holding data indicating the appearance of each function part.
  • the appearance portion holds a label for arranging a character string and a background image of the button.
  • a request is output to change the drawing processing to a GUI component main body (corresponding to a function unit) of an application, and the GUI that has received the request is received.
  • the component main body regenerates the drawing processing unit (corresponding to the appearance unit) based on the specified new drawing processing ID, and changes the drawing content by the drawing process of the drawing processing unit, that is, realizes appearance switching.
  • the screen data generation device disclosed in Patent Document 2 includes, as an appearance portion, screen definition information held by each screen in the application, appearance definition information held by each component, and an arrangement indicating the arrangement of each component For example, if you want to change the overall appearance of each part, you can change the appearance of all screens without changing the screen definition information by changing the appearance definition information. It is possible.
  • the present invention has been made to solve the above-described problems, and can be used for various display variations of GUI parts without expanding the function part and without creating the appearance part of each GUI part.
  • the purpose is to respond.
  • the screen composition device refers to function definition data defining execution of an application function by a GUI component that constitutes a GUI screen corresponding to the application, and a function for executing the application on the GUI component
  • the function definition part that constitutes the function part that defines the function and the appearance display definition data that defines the display state on the appearance of the GUI part, and the appearance corresponding to the function of the GUI part defined by the function definition part
  • Appearance function definition data that defines an appearance display definition section that defines an appearance display section that defines the display state of the display, the display information of the GUI component, and the function for causing the GUI component to execute the application.
  • Reference and display information of the GUI component, and a function for the GUI component to execute the application An appearance function definition unit that defines an appearance function information unit that defines the function, and includes the function unit, the appearance display unit, and the GUI component creation unit that creates the GUI component by the appearance function information unit. Is.
  • FIG. 1 is a block diagram illustrating a configuration of a screen configuration device according to Embodiment 1.
  • FIG. 2 is a diagram illustrating a hardware configuration of a screen configuration apparatus according to Embodiment 1.
  • FIG. 3 is a diagram illustrating a GUI configuration method of the screen configuration apparatus according to Embodiment 1.
  • FIG. 3 is a diagram illustrating a GUI configuration method of the screen configuration apparatus according to Embodiment 1.
  • FIG. 6 is a diagram showing a display example of an application screen of the screen composition device according to Embodiment 1.
  • FIG. It is a figure which shows the example of an application data structure which the screen structure apparatus which concerns on Embodiment 1 produces.
  • FIG. 6 is a diagram illustrating a data configuration example of an appearance display unit of a GUI part created by the screen configuration device according to Embodiment 1.
  • FIG. 8A, FIG. 8B, FIG. 8C, and FIG. 8D show a data configuration example of the appearance function information section of the GUI part created by the screen composition device according to the first embodiment.
  • 4 is a flowchart showing an operation of the screen composition device according to the first embodiment.
  • 4 is a flowchart illustrating operations of a GUI part creation unit 3 and a display control unit 6 of the screen composition device according to the first embodiment.
  • 6 is a diagram illustrating a configuration example of a GUI component of the screen configuration device according to Embodiment 1.
  • FIG. 6 is a diagram illustrating a configuration example of a GUI component of the screen configuration device according to Embodiment 1.
  • FIG. 6 is a block diagram illustrating a configuration of a screen configuration apparatus according to Embodiment 2.
  • FIG. It is a figure which shows the GUI structure system of the screen structure apparatus which concerns on Embodiment 2.
  • FIG. 10 is a flowchart illustrating operations of a GUI part creation unit and a display control unit of the screen composition device according to the second embodiment.
  • FIG. 10 is a block diagram illustrating a configuration of a navigation system according to a third embodiment.
  • FIG. 1 is a block diagram illustrating a configuration of a screen configuration apparatus 100 according to the first embodiment.
  • the screen composition device 100 includes an input unit 1, an application control unit 2, a GUI part creation unit 3, a GUI part definition data storage unit 4, a storage area 5, and a display control unit 6.
  • the input unit 1 accepts an input signal input via an external input device such as a mouse or a keyboard.
  • the application control unit 2 controls the operation of the application based on the input signal input from the input unit 1. Specifically, it is determined whether or not a new screen transition is necessary based on the input signal and data stored in the storage area 5 described later. If a new screen transition is necessary, a new GUI screen is created. Output instructions.
  • the GUI component creation unit 3 refers to the GUI component definition data storage unit 4 based on the new GUI screen creation instruction input from the application control unit 2, and creates each GUI component that constitutes the display screen.
  • the GUI part creation unit 3 includes a GUI function definition unit 31, an appearance function definition unit 32, and an appearance display definition unit 33. Details of each component of the GUI part creation unit 3 will be described later.
  • the GUI part definition data accumulation unit 4 is an accumulation area for storing definition data of GUI parts constituting the display screen.
  • the GUI part definition data storage unit 4 stores function definition data 41, appearance function definition data 42, and appearance display definition data 43.
  • the function definition data 41 is data that defines the function of the GUI component, and includes GUI component placement information on the screen, GUI component parameter information placed on the screen, and the like. For example, when a GUI component is a button displayed on the screen and the button is pressed with a mouse, a function for issuing an event indicating that the button is pressed is defined.
  • the function definition data 41 is associated with corresponding appearance function definition data 42 and appearance display definition data 43.
  • the appearance function definition data 42 is data in which display information on the appearance of a GUI component and a function for the GUI component to execute an application are defined in association with each other. For example, when the GUI component is a button, a character string arranged on the button, a file path of an icon, and the like correspond.
  • the appearance function definition data 42 is information for holding information to be displayed even when the appearance of the GUI component changes.
  • the appearance display definition data 43 is data defining a display state on the appearance corresponding to the function of the GUI component. Based on the appearance display definition data 43, display information to be displayed on a screen (not shown) is determined.
  • the appearance display definition data 43 is, for example, a character string label or an image of an icon image.
  • the GUI part definition data storage unit 4 may be provided in an external configuration of the screen configuration apparatus 100.
  • the GUI part creation unit 3 executes the application from the GUI part definition data storage unit provided in the external configuration, the data defining the function of the GUI part, the display information on the appearance of the GUI part, and the GUI part Data defining a function to be associated with each other and data defining a display state on the appearance corresponding to the function of the GUI component.
  • the storage area 5 is an area for storing GUI part definition data created by the GUI part creation unit 3.
  • the definition data is overwritten as needed so that the definition data of the GUI part of the application screen currently displayed on the screen is stored.
  • the display control unit 6 performs display control for displaying the GUI component created by the GUI component creation unit 3 on the screen.
  • FIG. 2 is a diagram illustrating a hardware configuration of the screen configuration apparatus 100 according to the first embodiment.
  • the input unit 1, the application control unit 2, the GUI part creation unit 3, and the display control unit 6 of the screen configuration device 100 are realized by the processor 101 executing a program stored in the memory 102.
  • the GUI part definition data storage unit 4 and the storage area 5 constitute a memory 102.
  • a plurality of processors 101 and a plurality of memories 102 may be configured to cooperate to execute the above-described functions.
  • FIG. 3 and 4 are diagrams illustrating a GUI configuration method of the screen configuration apparatus 100 according to the first embodiment.
  • FIG. 3 shows a relationship in which the application 300 directly holds the GUI component 400.
  • the application 300 includes a first screen 500a, a second screen 500b,..., An nth 500n (hereinafter referred to as a screen 500), and each screen 500 includes a GUI component 400.
  • a plurality of relationships are shown.
  • the GUI parts 400a, 400b, and 400c (hereinafter referred to as GUI parts 400) are, for example, buttons and lists displayed on the screen.
  • the GUI component 400 includes a function unit 401, an appearance function information unit 402, and an appearance display unit 403. Each data constituting the GUI component 400 is configured by using data stored in the GUI component definition data storage unit 4 by the GUI component creation unit 3 described above.
  • the application 300, the screen 500, and the GUI component 400 may be configured to operate hierarchically.
  • a plurality of screens 500 are arranged under the application 300, and a GUI component 400 is arranged under the screen 500, or a container component or the like that can arrange a plurality of GUI components 400 is arranged inside and operated hierarchically. .
  • the GUI function definition unit 31 described above refers to the function definition data 41 stored in the GUI component definition data storage unit 4, defines a function for operating the GUI component on the screen, and functions the function unit 401 of the GUI component 400.
  • Create The appearance function definition unit 32 and the appearance display definition unit 33 refer to the appearance function definition data 42 and the appearance display definition data 43 stored in the GUI part definition data storage unit 4, and the appearance function information unit 402 corresponding to the function unit 401.
  • the appearance display unit 403 is set.
  • the appearance display definition unit 33 is configured such that the appearance display unit 403 refers to the appearance function information unit 402.
  • the appearance display definition unit 33 operates the created GUI component 400 and performs drawing processing of the GUI component 400.
  • FIG. 5 is a diagram illustrating a display example of an application screen of the screen composition device 100 according to the first embodiment.
  • the application screen 600 is an application for searching for facilities in the map.
  • a text box 610 that displays a search character string in the window 601 and a search execution button 620 that displays a character string “Search” are displayed.
  • a button 630 for ending the application displaying the character string “Close”, a list 640 for displaying the search result, and a button 650 for displaying in the list 640 are displayed.
  • a character string input by the user via the external input device is displayed.
  • the button 620 is pressed via the external input device, a list of search results for facilities in the map is displayed in the list 640.
  • a facility icon 650a, a facility name 650b, and a distance 650c from the current position to the facility as a search result are displayed as a facility search result.
  • the GUI part creation unit 3 creates a GUI part in which application data shown in FIG. 6 is described in order to display the application screen shown in FIG.
  • the application data shown in FIG. 6 is created by the GUI function definition unit 31 of the GUI part creation unit 3 with reference to the function definition data 41 stored in the GUI part definition data storage unit 4.
  • skinClass and skinInfo properties exist in the display element of the GUI component.
  • Data indicating the appearance display unit 403 is specified in the skinClass property
  • data indicating the appearance function information unit 402 is specified in the skinInfo property.
  • the skinInfo property that is appearance function definition data is not specified. This is because the skinInfo property is dynamically changed by user input to the text box 610 and the buttons 620 and 630.
  • ButtonSkin data indicating the appearance display definition data of the button shown in FIG. 6 is shown in FIG.
  • the Button Skin data in FIG. 7 indicates the data of the button 650 on the application screen 600 shown in FIG.
  • ButtonSkin arranges an “Image component” for displaying a background image of a button, arranges a “Horizontal Group component” indicating a group for arranging components horizontally thereon, and displays an icon image in the group of the horizontal arrangement.
  • “Image parts” for displaying, "Label parts” for displaying character strings, and “Label parts” for displaying remaining distances are arranged.
  • the “Image part” and the two “Label parts” described above are arranged from the top to the bottom in the data, but are elements in the “Horizontal Group part”. Therefore, the facility icon 650a, the facility name 650b, and the like in FIG. As shown by a distance 650c, the screens are arranged horizontally from left to right on the screen.
  • an image file in the example of FIG. 7, normalBackgroundImage.png and pressBackgroundImage.png
  • source.normal and “source.press” indicate that the image file path is switched depending on whether the Button component is in a non-pressed state or in a pressed state, respectively.
  • the appearance display unit 403 can refer to the appearance function information unit 402, and information necessary for display can be acquired from the appearance function information unit 402.
  • a background image or the like necessary simply for the appearance of a button is not acquired from the appearance function information unit 402 but is acquired directly from the appearance display unit 403.
  • the GUI component 400 includes the appearance function information unit 402 in addition to the function unit 401 and the appearance display unit 403, so that the display state on the appearance corresponding to the function unit 401, the information displayed as the function of the application, and the like. Can be identified.
  • FIG. 8A, FIG. 8B, FIG. 8C, and FIG. 8D show a data configuration example of the appearance function information unit 402 of the GUI component 400 created by the screen configuration device according to the first embodiment.
  • FIG. 8A shows data constituting the appearance function information unit 402 for the button 620 in FIG.
  • FIG. 8B shows data constituting the appearance function information unit 402 for the button 630 in FIG.
  • FIG. 8C shows data constituting the appearance function information unit 402 for the first list element 640a in the list 640 in FIG.
  • FIG. 8D shows data constituting the appearance function information unit 402 for the second list element 640b in the list 640 in FIG.
  • Each appearance function information unit 402 has text1, text2, and iconSource properties referred to in the ButtonSkin data shown in FIG. 7, and data to be displayed in each property is set.
  • FIG. 9 is a flowchart showing the operation of the screen composition device 100 according to the first embodiment.
  • the screen composition device 100 proceeds to the processing of step ST1 after activation.
  • the input unit 1 accepts the operation input (step ST1)
  • the application control unit 2 refers to the operation input accepted in step ST1 and the definition data of the GUI part currently displayed on the screen stored in the storage area 5.
  • step ST2; NO the process returns to step ST1 and the above-described process is repeated.
  • the GUI part creation unit 3 creates a GUI part with reference to each definition data stored in the GUI part definition data storage unit 4 (step ST3).
  • the created GUI component is output to the display control unit 6 and stored in the storage area 5.
  • the display control unit 6 performs display control for displaying the GUI component created in step ST3 on the screen (step ST4), and ends the process.
  • FIG. 10 is a flowchart showing operations of the GUI part creation unit 3 and the display control unit 6 of the screen composition device 100 according to the first embodiment.
  • the GUI function definition unit 31 of the GUI component creation unit 3 scans the function definition data stored in the GUI component definition data storage unit 4, and the function unit 401 of the GUI component 400 on the transition destination screen (see, for example, FIG. 6).
  • Create step ST11).
  • the appearance function definition unit 32 and the appearance display definition unit 33 refer to the GUI part definition data storage unit 4, and the appearance function definition data 42 (for example, the figure) associated with the function definition data 41 of the GUI part 400 created in step ST11.
  • step ST12 and the appearance display information 403 (see, for example, FIG. 8) and the appearance display unit 403 (see, for example, FIG. 7) are set (step ST12).
  • the appearance function definition unit 32 sets the appearance function information unit 402 set in step ST12 in the appearance display unit 403 (step ST13).
  • the appearance display definition unit 33 can access the data of SkinInfo specified in the data.
  • the appearance display definition unit 33 scans the GUI component specified in the appearance display unit 403 in which the appearance function information unit 402 is set in step ST13 (step ST14).
  • the scanning of the GUI parts in step ST14 indicates a process of scanning the GUI parts in the data of the appearance display unit 403 one by one. That is, the image, the horizontal group, and the like in the data shown in FIG. 7 are scanned one by one.
  • the appearance display definition unit 33 acquires information indicating what kind of GUI component and parameters set in the GUI component by scanning the GUI component in step ST14 (step ST15).
  • Information indicating what kind of GUI component is the above-described Image, Horizontal Group, or the like.
  • the set parameters are, for example, source. This is the setting value for the normal property.
  • the appearance display definition unit 33 performs a GUI component drawing process based on the information and parameters acquired in step ST15 (step ST16).
  • the GUI component creation unit 3 outputs the GUI component created by the processing from step ST11 to step ST16 to the display control unit 6 and stores it in the storage area 5 (step ST17).
  • the display control unit 6 refers to the information related to the GUI component output in step ST17 and the parameters set in the GUI component, and generates control information for screen display as an application screen (step ST18).
  • the display control unit 6 outputs the control information generated in step ST18 (step ST19), and ends the process.
  • FIG. 11 shows that when the display control of the first screen 500a, the second screen 500b, and the third screen 500c is performed, the button parts 410a, 410b, 410c are function units 411a, 411b, 411c, an appearance function information unit. 412a, 412b, 412c and appearance display units 413a, 413b, 413c.
  • the data constituting the function unit 411 and the appearance display unit 413 are all the same, and only the appearance function information units 412a, 412b, and 412c are different.
  • the three button parts 410a, 410b, and 410c can be created only by changing the appearance function information sections 412a, 412b, and 412c.
  • GUI parts 400 can be realized only by changing the appearance function information unit 402, and the development range can be limited.
  • the data to be changed is limited to the minimum in the function unit 411, the appearance function information unit 412 that is display information necessary for the application, and the appearance display unit 413 that defines the display state on the appearance corresponding to the function. Development efficiency.
  • the function unit 401, the appearance function information unit 402, and the appearance display unit 403 refer to the function definition data 41, the appearance function definition data 42, and the appearance display definition data 43. Since the GUI component creation unit 3 for creating the configured GUI component 400 is provided, different application screens can be displayed only by reviewing the appearance function definition data defined in the appearance function information unit 402. The definition data correction range can be limited to the minimum, and the development efficiency of the application screen can be improved.
  • the appearance function information unit 402 and the appearance display unit are set in the function unit 401, and the appearance display unit 403 refers to the appearance function information unit 402 when executing the application. Therefore, it is possible to cope with changes in display variations of GUI parts such as buttons by changing only the appearance function definition data defined in the appearance function information section 402. That is, even when a display variation of a GUI component such as a button is changed, the function definition data need not be expanded in the function section, and further, the display variation need not be changed in the appearance display section.
  • Embodiment 2 FIG.
  • the GUI component 400 is divided into the function unit 401, the appearance function information unit 402, and the appearance display unit 403, and corresponds to various display variations of each GUI component used on the application screen.
  • the second embodiment shows a configuration that can more easily realize the setting of the appearance display unit.
  • FIG. 13 is a block diagram illustrating a configuration of the screen configuration apparatus 100a according to the second embodiment.
  • the screen composition device 100a according to the second embodiment is provided by adding a rule application processing unit 34 and an application rule storage unit 7 to the screen composition device 100 shown in the first embodiment, and replacing the appearance function definition unit 32 with the appearance.
  • a function definition unit 32a is provided.
  • the same or corresponding parts as the components of the screen configuration apparatus 100 according to the first embodiment are denoted by the same reference numerals as those used in the first embodiment, and description thereof is omitted or simplified. .
  • the rule application processing unit 34 acquires a rule to be applied to the GUI component created by the GUI function definition unit 31 from the application rule storage unit 7 and applies it to the appearance function definition unit 32a.
  • the appearance function definition unit 32a sets the data of the appearance function information unit to the data of the appearance display unit according to the applied rule. Thereby, data set in the appearance display unit is simplified.
  • the application rule storage unit 7 is a storage area for storing a plurality of application rules. Each application rule describes “id”, and the same “id” is assigned to each GUI component.
  • the application rule indicates a property to be set and data to be set for a GUI component having a certain “id”.
  • FIG. 14 is a diagram illustrating a GUI configuration method of the screen configuration apparatus 100a according to the second embodiment.
  • FIG. 14 shows a relationship in which the application 300 directly holds the GUI component 700.
  • the GUI parts 700a, 700b, and 700c (hereinafter referred to as GUI parts 700) are, for example, buttons and lists displayed on the screen.
  • the GUI component 700 includes a function unit 701, an appearance function information unit 702, a function information rule application unit 703, and an appearance display unit 704.
  • Each data constituting the GUI component 700 is created by the above-described GUI component creation unit 3 with reference to the definition data accumulated in the GUI component definition data accumulation unit 4 and the rules accumulated in the application rule accumulation unit 7.
  • FIG. 15 shows a data configuration example of the appearance function information unit 702 of ButtonSkin when rule application data is used. 15 is compared with the data configuration example of the appearance function information unit 402 according to the first embodiment shown in FIG. 7 and the data configuration example of the appearance function information unit 702 according to the second embodiment shown in FIG.
  • the value set in iconSource in the appearance function information section 702 is set in the Source property (image GUI component image path or property for setting image binary data).
  • the rule to do is applied.
  • a case where only one property is set as a property to be set is described as an example, but a plurality of properties can be described in one rule.
  • a rule for a width property indicating the width of the image and a height property indicating the height can be described at the same time.
  • FIG. 16 is a flowchart showing the operation of the screen composition device 100a according to the second embodiment.
  • the overall processing operation of the screen composition device 100a is the same as the processing shown in FIG.
  • the same steps as those of the screen configuration apparatus 100 according to the first embodiment are denoted by the same reference numerals as those used in FIG. 10, and the description thereof is omitted or simplified.
  • the GUI function definition unit 31 refers to the GUI part definition data storage unit 4, and based on the appearance function definition data 42 and the appearance display definition data 43 associated with the function definition data 41 of the GUI part 700 created in step ST11. Appearance function information section 702 and appearance display section 704 are set (step ST12).
  • the rule application processing unit 34 selects a corresponding application rule from the application rule storage unit 7 based on the id of the GUI component 700 created in step ST11, and sets it in the GUI component 700 (step ST21).
  • the appearance function definition unit 32a sets the appearance function information unit 702 set in step ST12 in the appearance display unit 704 based on the application rule set in step ST21 (step ST22). Thereafter, the processing from step ST14 to step ST19 is performed.
  • the rule application processing unit 34 that selects the application rule stored in the application rule storage unit 7 based on the id of the GUI component and sets it in the GUI component is set. Since the appearance function definition section 32a for setting the appearance function information section to the appearance display section based on the applied rules is provided, the range corresponding to various display variations of GUI parts is limited, and the appearance display section setting is performed. Can be realized more simply.
  • FIG. 17 is a functional block diagram showing the configuration of the navigation system 800 according to the third embodiment.
  • the navigation system 800 is a device that is mounted on a vehicle and performs route guidance to a destination, for example, and includes an information acquisition device 801, a control device 802, a screen configuration device 100, an output device 803, an input device 804, a map database 805, A route calculation device 806 and a route guidance device 807 are provided.
  • the operation of each device of the navigation system 800 is comprehensively controlled by the control device 802.
  • the information acquisition device 801 includes, for example, a current position detection unit, a wireless communication unit, a surrounding information detection unit, and the like, and acquires information detected in the current position of the host vehicle, the surroundings of the host vehicle, and other vehicles.
  • the output device 803 includes, for example, a display unit, a display control unit, a voice output unit, a voice control unit, and the like, and notifies the user of information.
  • the input device 804 is realized by operation input means such as buttons and a touch panel and voice input means such as a microphone, and receives information input from the user.
  • the screen configuration apparatus 100 is a screen configuration apparatus having the configuration and functions described in the first embodiment.
  • the screen composition device 100 performs screen composition based on control information from the control device 802 and performs display control of the output device 803.
  • the screen composition device 100 outputs an operation received via the input device 804 to the control device 802.
  • the map database 805 is a storage area for storing map data, and is realized as a storage device such as an HDD (Hard Disk Drive) or a RAM (Random Access Memory).
  • the route calculation device 806 calculates a route from the departure point to the destination based on the departure point, the destination, and the map data.
  • the route guidance device 807 provides route guidance for the route calculated by the route calculation device 806.
  • the navigation system 800 When the user's operation is input via the input device 804, the navigation system 800 performs the processing shown in the flowcharts of FIG. 9 and FIG. I do. On the other hand, route calculation based on user operation is performed via the control device 802, the information acquisition device 801, the route calculation device 806, and the route guidance device 807, and route guidance is performed from the output device 803 to the user.
  • the navigation system 800 that is executed by an application having many screens to be displayed and having the same function but different information to be displayed. Since the appearance function information part and the appearance display part corresponding to the function part are set, and the appearance display part is configured to include the screen composition device 100 that performs screen composition referring to the appearance function information part, there are many screens to be displayed. Even in the case where GUI components that have the same function but have different information to be displayed are provided, the range to be corrected in the internal configuration of the GUI component can be suppressed, and the development efficiency in the screen configuration can be improved. Can do.
  • the present invention can be freely combined with each embodiment, modified any component of each embodiment, or omitted any component in each embodiment. Is possible.
  • the screen composition device according to the present invention is applied to a navigation system, a personal computer window system, and the like that execute a plurality of GUI parts having a plurality of display screens and having the same function but different information to be displayed. can do.
  • GUI component creation unit 1 input unit, 2 application control unit, 3 GUI component creation unit, 4 GUI component definition data storage unit, 5 storage area, 6 display control unit, 7 applied rule storage unit, 31 GUI function definition unit, 32, 32a appearance function definition Part, 33 appearance display definition part, 34 rule application processing part, 41 function definition data, 42 appearance function definition data, 43 appearance display definition data, 100, 100a screen configuration device, 800 navigation system.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Radar, Positioning & Navigation (AREA)
  • Remote Sensing (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Automation & Control Theory (AREA)
  • Human Computer Interaction (AREA)
  • Stored Programmes (AREA)
  • Navigation (AREA)
  • Digital Computer Display Output (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

Provided is a screen configuration device, comprising a GUI component creation unit (3), further comprising: a GUI function definition unit (31) which refers to function definition data (41) and configures a function unit (401) which defines a function for executing an application with regard to each GUI component which configures a GUI screen; an appearance display definition unit (33) which refers to appearance display definition data (43) and configures an appearance display unit (403) which defines a display state of the appearance which corresponds to the function of the GUI component; and an appearance/function definition unit (32) which refers to appearance/function definition data (42) and configures an appearance/function information unit (402) which defines display information of the GUI component and the function for the GUI component to execute the application. The GUI component creation unit (3) creates the GUI component by way of the configured function unit (401), the configured appearance display unit (403), and the configured appearance/function information unit (402).

Description

画面構成装置、画面構成方法およびナビゲーションシステムScreen composition device, screen composition method, and navigation system
 この発明は、グラフィカルユーザインタフェース(GUI)画面を構成する技術に関するものである。 This invention relates to a technique for configuring a graphical user interface (GUI) screen.
 近年、グラフィカルユーザインタフェース(GUI)画面を構築する場合に、GUI画面上に配置するソフトウェア部品(GUI部品)の機能部と外観部とを分ける方法が採用されている。GUI部品の機能部と外観部とを分けて構築することにより、外観部のみの変更で、デザイナが望む外観を持つGUI画面を構築することが可能になる。
 機能部としては、ラベル、ボタン、リストなどGUI画面を構成するために基本的な要素、すなわち部品として定義され、内部には論理的な機能を保持する領域である。ここで、論理的な機能とは、直接的にGUI画面の外観を変更するものではなく、各GUI部品が備える機能である。GUI部品がボタンの場合を例に挙げて説明すると、マウスでボタンを押下する操作が行われた場合には、ボタンの内部状態を押下状態に変更し、ボタン押下を示すイベントを通知する機能である。また、外観部は各機能部の外観を示すデータを保持する領域である。例えば、GUI部品がボタンの場合、外観部は文字列を配置するためのラベルやボタンの背景画像を保持する。
In recent years, when a graphical user interface (GUI) screen is constructed, a method of separating a functional part and an appearance part of a software component (GUI part) arranged on the GUI screen has been adopted. By separately constructing the functional part and the appearance part of the GUI component, it is possible to construct a GUI screen having an appearance desired by the designer by changing only the appearance part.
The function unit is an area that is defined as a basic element, that is, a component, such as a label, a button, or a list, and that holds a logical function. Here, the logical function is a function that each GUI component does not directly change the appearance of the GUI screen. A case where the GUI component is a button will be described as an example. When an operation of pressing a button with a mouse is performed, a function of changing the internal state of the button to a pressed state and notifying an event indicating the button is pressed. is there. The appearance part is an area for holding data indicating the appearance of each function part. For example, when the GUI component is a button, the appearance portion holds a label for arranging a character string and a background image of the button.
 例えば、特許文献1に開示されたユーザインタフェースの外観切替装置では、アプリケーションが持つGUI部品本体部(機能部に相当)に対して描画処理を変更するように要求を出力し、要求を受け付けたGUI部品本体部は指定された新しい描画処理IDを元に描画処理部(外観部に相当)を再生成し、描画処理部が持つ描画処理で描画内容を変更させる、すなわち外観切り替えを実現する。 For example, in the user interface appearance switching device disclosed in Patent Document 1, a request is output to change the drawing processing to a GUI component main body (corresponding to a function unit) of an application, and the GUI that has received the request is received. The component main body regenerates the drawing processing unit (corresponding to the appearance unit) based on the specified new drawing processing ID, and changes the drawing content by the drawing process of the drawing processing unit, that is, realizes appearance switching.
 また、特許文献2に開示された画面データ生成装置は、外観部として、アプリケーション内の各画面が保持する画面定義情報と、各部品が保持する外観定義情報と、さらに各部品の配置を示す配置定義情報とを保持し、例えば各部品の外観を全体的に変更したい場合には、外観定義情報を変更することにより、画面定義情報を変更することなく、全ての画面の外観を変更することを可能にしている。 In addition, the screen data generation device disclosed in Patent Document 2 includes, as an appearance portion, screen definition information held by each screen in the application, appearance definition information held by each component, and an arrangement indicating the arrangement of each component For example, if you want to change the overall appearance of each part, you can change the appearance of all screens without changing the screen definition information by changing the appearance definition information. It is possible.
特開2009-176042号公報JP 2009-176042 A 特開2009-205540号公報JP 2009-205540 A
 しかしながら、上述した特許文献1,2に開示された技術では、例えば画面が多く、機能としては同一であるGUI部品であっても、画面で表示すべき情報の数が異なる場合、例えば、ナビゲーションシステムにおいて、単に文字列のみを表示するボタン、施設検索において施設画像と施設名称を表示するボタン、周辺施設検索において施設画像、施設名称、方向、距離を表示するボタンなど、複数の情報を表示する場合、機能部を拡張して外観部で表示すべきデータを表示する、あるいは外観部からアプリケーションにアクセスし、必要となるデータを取得して表示するかのいずれかを行う必要があった。そのため、GUI部品の外観に依存して機能部の拡張が必要となる、または1つの文字列のみを表示するボタンであった場合にも、それぞれの外観データを作成する必要があるという課題があった。 However, in the technologies disclosed in Patent Documents 1 and 2 described above, for example, even if the GUI parts have many screens and the same functions, the number of pieces of information to be displayed on the screens is different. When displaying multiple information, such as a button that displays only the character string, a button that displays the facility image and facility name in the facility search, and a button that displays the facility image, facility name, direction, and distance in the facility search It has been necessary to expand the function part to display data to be displayed in the appearance part, or to access an application from the appearance part to acquire and display necessary data. Therefore, depending on the appearance of the GUI component, there is a problem that the function part needs to be expanded, or even when it is a button that displays only one character string, it is necessary to create each appearance data. It was.
 この発明は、上記のような課題を解決するためになされたもので、機能部の拡張を行うことなく、さらに各GUI部品の外観部をそれぞれ作成することなく、GUI部品の種々の表示バリエーションに対応することを目的とする。 The present invention has been made to solve the above-described problems, and can be used for various display variations of GUI parts without expanding the function part and without creating the appearance part of each GUI part. The purpose is to respond.
 この発明に係る画面構成装置は、アプリケーションに対応したGUI画面を構成するGUI部品によるアプリケーションの機能の実行を定義した機能定義データを参照し、前記GUI部品に対して前記アプリケーションを実行するための機能を定義した機能部を構成する機能定義部と、前記GUI部品の外観上の表示状態を定義した外観表示定義データを参照し、前記機能定義部が定義した前記GUI部品の機能に対応した外観上の表示状態を定義した外観表示部を構成する外観表示定義部と、前記GUI部品の表示情報と、前記GUI部品が前記アプリケーションを実行させるための機能とを対応付けて定義した外観機能定義データを参照し、前記GUI部品の表示情報と、前記GUI部品が前記アプリケーションを実行するための機能とを定義した外観機能情報部を構成する外観機能定義部とを有し、構成された前記機能部、前記外観表示部および前記外観機能情報部により前記GUI部品を作成するGUI部品作成部とを備えるものである。 The screen composition device according to the present invention refers to function definition data defining execution of an application function by a GUI component that constitutes a GUI screen corresponding to the application, and a function for executing the application on the GUI component The function definition part that constitutes the function part that defines the function and the appearance display definition data that defines the display state on the appearance of the GUI part, and the appearance corresponding to the function of the GUI part defined by the function definition part Appearance function definition data that defines an appearance display definition section that defines an appearance display section that defines the display state of the display, the display information of the GUI component, and the function for causing the GUI component to execute the application. Reference and display information of the GUI component, and a function for the GUI component to execute the application An appearance function definition unit that defines an appearance function information unit that defines the function, and includes the function unit, the appearance display unit, and the GUI component creation unit that creates the GUI component by the appearance function information unit. Is.
 この発明によれば、GUI部品の機能部を拡張することなく、GUI部品の種々の表示バリエーションに容易に対応させることができる。 According to the present invention, it is possible to easily cope with various display variations of GUI parts without expanding the function part of the GUI parts.
実施の形態1に係る画面構成装置の構成を示すブロック図である。1 is a block diagram illustrating a configuration of a screen configuration device according to Embodiment 1. FIG. 実施の形態1に係る画面構成装置のハードウェア構成を示す図である。2 is a diagram illustrating a hardware configuration of a screen configuration apparatus according to Embodiment 1. FIG. 実施の形態1に係る画面構成装置のGUI構成方式を示す図である。3 is a diagram illustrating a GUI configuration method of the screen configuration apparatus according to Embodiment 1. FIG. 実施の形態1に係る画面構成装置のGUI構成方式を示す図である。3 is a diagram illustrating a GUI configuration method of the screen configuration apparatus according to Embodiment 1. FIG. 実施の形態1に係る画面構成装置のアプリケーション画面の表示例を示す図である。6 is a diagram showing a display example of an application screen of the screen composition device according to Embodiment 1. FIG. 実施の形態1に係る画面構成装置が作成するアプリケーションデータ構成例を示す図である。It is a figure which shows the example of an application data structure which the screen structure apparatus which concerns on Embodiment 1 produces. 実施の形態1に係る画面構成装置が作成するGUI部品の外観表示部のデータ構成例を示す図である。6 is a diagram illustrating a data configuration example of an appearance display unit of a GUI part created by the screen configuration device according to Embodiment 1. FIG. 図8A,図8B,図8Cおよび図8Dは、実施の形態1に係る画面構成装置が作成するGUI部品の外観機能情報部のデータ構成例を示している。8A, FIG. 8B, FIG. 8C, and FIG. 8D show a data configuration example of the appearance function information section of the GUI part created by the screen composition device according to the first embodiment. 実施の形態1に係る画面構成装置の動作を示すフローチャートである。4 is a flowchart showing an operation of the screen composition device according to the first embodiment. 実施の形態1に係る画面構成装置のGUI部品作成部3および表示制御部6の動作を示すフローチャートである。4 is a flowchart illustrating operations of a GUI part creation unit 3 and a display control unit 6 of the screen composition device according to the first embodiment. 実施の形態1に係る画面構成装置のGUI部品の構成例を示す図である。6 is a diagram illustrating a configuration example of a GUI component of the screen configuration device according to Embodiment 1. FIG. 実施の形態1に係る画面構成装置のGUI部品の構成例を示す図である。6 is a diagram illustrating a configuration example of a GUI component of the screen configuration device according to Embodiment 1. FIG. 実施の形態2に係る画面構成装置の構成を示すブロック図である。6 is a block diagram illustrating a configuration of a screen configuration apparatus according to Embodiment 2. FIG. 実施の形態2に係る画面構成装置のGUI構成方式を示す図である。It is a figure which shows the GUI structure system of the screen structure apparatus which concerns on Embodiment 2. FIG. 実施の形態2に係る画面構成装置の外観表示定義データの一例を示す図である。It is a figure which shows an example of the external appearance display definition data of the screen structure apparatus which concerns on Embodiment 2. FIG. 実施の形態2に係る画面構成装置のGUI部品作成部および表示制御部の動作を示すフローチャートである。10 is a flowchart illustrating operations of a GUI part creation unit and a display control unit of the screen composition device according to the second embodiment. 実施の形態3に係るナビゲーションシステムの構成を示すブロック図である。FIG. 10 is a block diagram illustrating a configuration of a navigation system according to a third embodiment.
 以下、この発明をより詳細に説明するために、この発明を実施するための形態について、添付の図面に従って説明する。
実施の形態1.
 実施の形態1に係る画面構成装置100の構成について説明する。
 図1は、実施の形態1に係る画面構成装置100の構成を示すブロック図である。
 画面構成装置100は、入力部1、アプリケーション制御部2、GUI部品作成部3、GUI部品定義データ蓄積部4、格納領域5および表示制御部6で構成されている。
 入力部1は、例えばマウスまたはキーボードなどの外部入力装置を介して入力された入力信号を受け付ける。アプリケーション制御部2は、入力部1から入力される入力信号に基づいて、アプリケーションの動作を制御する。具体的には、入力信号および後述する格納領域5に格納されたデータに基づいて新たな画面遷移が必要か否かの判定を行い、新たな画面遷移が必要な場合には、新規GUI画面作成指示を出力する。
Hereinafter, in order to explain the present invention in more detail, modes for carrying out the present invention will be described with reference to the accompanying drawings.
Embodiment 1 FIG.
A configuration of screen configuration apparatus 100 according to Embodiment 1 will be described.
FIG. 1 is a block diagram illustrating a configuration of a screen configuration apparatus 100 according to the first embodiment.
The screen composition device 100 includes an input unit 1, an application control unit 2, a GUI part creation unit 3, a GUI part definition data storage unit 4, a storage area 5, and a display control unit 6.
The input unit 1 accepts an input signal input via an external input device such as a mouse or a keyboard. The application control unit 2 controls the operation of the application based on the input signal input from the input unit 1. Specifically, it is determined whether or not a new screen transition is necessary based on the input signal and data stored in the storage area 5 described later. If a new screen transition is necessary, a new GUI screen is created. Output instructions.
 GUI部品作成部3は、アプリケーション制御部2から入力された新規GUI画面作成指示に基づいて、GUI部品定義データ蓄積部4を参照し、表示画面を構成する各GUI部品を作成する。GUI部品作成部3は、GUI機能定義部31、外観機能定義部32および外観表示定義部33で構成されている。GUI部品作成部3の各構成の詳細については後述する。 The GUI component creation unit 3 refers to the GUI component definition data storage unit 4 based on the new GUI screen creation instruction input from the application control unit 2, and creates each GUI component that constitutes the display screen. The GUI part creation unit 3 includes a GUI function definition unit 31, an appearance function definition unit 32, and an appearance display definition unit 33. Details of each component of the GUI part creation unit 3 will be described later.
 GUI部品定義データ蓄積部4は、表示画面を構成するGUI部品の定義データを記憶する蓄積領域である。詳細には、GUI部品定義データ蓄積部4は、機能定義データ41、外観機能定義データ42および外観表示定義データ43を蓄積している。
 機能定義データ41は、GUI部品の機能を定義したデータであり、画面へのGUI部品の配置情報、画面に配置されたGUI部品のパラメータ情報などで構成される。例えば、GUI部品が画面に表示されたボタンであって、当該ボタンがマウスで押下された場合に、ボタン押下を示すイベントを発行する機能が定義されている。なお、機能定義データ41には、対応する外観機能定義データ42および外観表示定義データ43が紐づけられている。
The GUI part definition data accumulation unit 4 is an accumulation area for storing definition data of GUI parts constituting the display screen. Specifically, the GUI part definition data storage unit 4 stores function definition data 41, appearance function definition data 42, and appearance display definition data 43.
The function definition data 41 is data that defines the function of the GUI component, and includes GUI component placement information on the screen, GUI component parameter information placed on the screen, and the like. For example, when a GUI component is a button displayed on the screen and the button is pressed with a mouse, a function for issuing an event indicating that the button is pressed is defined. The function definition data 41 is associated with corresponding appearance function definition data 42 and appearance display definition data 43.
 外観機能定義データ42は、GUI部品の外観上の表示情報と、当該GUI部品がアプリケーションを実行するための機能とを対応付けて定義したデータである。例えば、GUI部品がボタンである場合、当該ボタン上に配列する文字列、アイコンのファイルパスなどが相当する。なお、外観機能定義データ42は、GUI部品の外観が変わった場合にも、表示すべき情報を保持するための情報である。外観表示定義データ43は、GUI部品の機能に対応した外観上の表示状態を定義したデータである。当該外観表示定義データ43に基づいて、画面(不図示)上に表示すべき表示情報が決定される。外観表示定義データ43は、例えば文字列のラベルや、アイコン画像のイメージなどである。 The appearance function definition data 42 is data in which display information on the appearance of a GUI component and a function for the GUI component to execute an application are defined in association with each other. For example, when the GUI component is a button, a character string arranged on the button, a file path of an icon, and the like correspond. The appearance function definition data 42 is information for holding information to be displayed even when the appearance of the GUI component changes. The appearance display definition data 43 is data defining a display state on the appearance corresponding to the function of the GUI component. Based on the appearance display definition data 43, display information to be displayed on a screen (not shown) is determined. The appearance display definition data 43 is, for example, a character string label or an image of an icon image.
 なお、GUI部品定義データ蓄積部4を画面構成装置100の外部の構成が備えてもよい。その場合、GUI部品作成部3が、外部の構成が備えたGUI部品定義データ蓄積部から、GUI部品の機能を定義したデータ、GUI部品の外観上の表示情報と、当該GUI部品がアプリケーションを実行するための機能とを対応付けて定義したデータおよびGUI部品の機能に対応した外観上の表示状態を定義したデータを取得する。 Note that the GUI part definition data storage unit 4 may be provided in an external configuration of the screen configuration apparatus 100. In that case, the GUI part creation unit 3 executes the application from the GUI part definition data storage unit provided in the external configuration, the data defining the function of the GUI part, the display information on the appearance of the GUI part, and the GUI part Data defining a function to be associated with each other and data defining a display state on the appearance corresponding to the function of the GUI component.
 格納領域5は、GUI部品作成部3が作成したGUI部品の定義データを格納する領域である。格納領域5には、現在画面に表示しているアプリケーション画面のGUI部品の定義データが格納されるように、随時定義データの上書きを行う構成とする。表示制御部6は、GUI部品作成部3が作成したGUI部品を画面上に表示するための表示制御を行う。 The storage area 5 is an area for storing GUI part definition data created by the GUI part creation unit 3. In the storage area 5, the definition data is overwritten as needed so that the definition data of the GUI part of the application screen currently displayed on the screen is stored. The display control unit 6 performs display control for displaying the GUI component created by the GUI component creation unit 3 on the screen.
 図2は、実施の形態1に係る画面構成装置100のハードウェア構成を示す図である。
 画面構成装置100の入力部1、アプリケーション制御部2、GUI部品作成部3および表示制御部6は、プロセッサ101がメモリ102に記憶されたプログラムを実行することにより、実現される。GUI部品定義データ蓄積部4および格納領域5は、メモリ102を構成する。また、複数のプロセッサ101および複数のメモリ102が連携して上述した機能を実行するように構成してもよい。
FIG. 2 is a diagram illustrating a hardware configuration of the screen configuration apparatus 100 according to the first embodiment.
The input unit 1, the application control unit 2, the GUI part creation unit 3, and the display control unit 6 of the screen configuration device 100 are realized by the processor 101 executing a program stored in the memory 102. The GUI part definition data storage unit 4 and the storage area 5 constitute a memory 102. Further, a plurality of processors 101 and a plurality of memories 102 may be configured to cooperate to execute the above-described functions.
 次に、画面構成装置100のアプリケーションとGUI部品の構成について説明する。
 図3および図4は、実施の形態1に係る画面構成装置100のGUI構成方式を示す図である。
 図3では、アプリケーション300が直接GUI部品400を保持する関係を示している。また、図4は、アプリケーション300が第1の画面500a,第2の画面500b,・・・,第nの500n(以下、画面500と称する)により構成され、各画面500がそれぞれGUI部品400を複数保持する関係を示している。
 GUI部品400a,400b,400c(以下、GUI部品400と称する)は例えば、画面に表示されたボタンやリストなどである。当該GUI部品400は、機能部401、外観機能情報部402、外観表示部403で構成されている。GUI部品400を構成する各データは、上述したGUI部品作成部3がGUI部品定義データ蓄積部4に蓄積されたデータを用いて構成される。
Next, the configuration of the application and GUI parts of the screen composition device 100 will be described.
3 and 4 are diagrams illustrating a GUI configuration method of the screen configuration apparatus 100 according to the first embodiment.
FIG. 3 shows a relationship in which the application 300 directly holds the GUI component 400. 4, the application 300 includes a first screen 500a, a second screen 500b,..., An nth 500n (hereinafter referred to as a screen 500), and each screen 500 includes a GUI component 400. A plurality of relationships are shown.
The GUI parts 400a, 400b, and 400c (hereinafter referred to as GUI parts 400) are, for example, buttons and lists displayed on the screen. The GUI component 400 includes a function unit 401, an appearance function information unit 402, and an appearance display unit 403. Each data constituting the GUI component 400 is configured by using data stored in the GUI component definition data storage unit 4 by the GUI component creation unit 3 described above.
 さらに図4に示すように、アプリケーション300と画面500とGUI部品400とを階層的に動作するように構成してもよい。アプリケーション300の下に複数の画面500を配置し、当該画面500の下にGUI部品400を配置する、あるいは内部に複数のGUI部品400を配置可能なコンテナ部品などを配置し、階層的に動作させる。 Further, as shown in FIG. 4, the application 300, the screen 500, and the GUI component 400 may be configured to operate hierarchically. A plurality of screens 500 are arranged under the application 300, and a GUI component 400 is arranged under the screen 500, or a container component or the like that can arrange a plurality of GUI components 400 is arranged inside and operated hierarchically. .
 上述したGUI機能定義部31は、GUI部品定義データ蓄積部4に蓄積された機能定義データ41を参照し、GUI部品を画面上で動作させるための機能を定義してGUI部品400の機能部401を作成する。外観機能定義部32および外観表示定義部33は、GUI部品定義データ蓄積部4に蓄積された外観機能定義データ42および外観表示定義データ43を参照し、機能部401に対応する外観機能情報部402および外観表示部403を設定する。さらに、外観表示定義部33は、外観表示部403が外観機能情報部402を参照するように構成する。外観表示定義部33は、作成されたGUI部品400を操作し、当該GUI部品400の描画処理を行う。 The GUI function definition unit 31 described above refers to the function definition data 41 stored in the GUI component definition data storage unit 4, defines a function for operating the GUI component on the screen, and functions the function unit 401 of the GUI component 400. Create The appearance function definition unit 32 and the appearance display definition unit 33 refer to the appearance function definition data 42 and the appearance display definition data 43 stored in the GUI part definition data storage unit 4, and the appearance function information unit 402 corresponding to the function unit 401. And the appearance display unit 403 is set. Furthermore, the appearance display definition unit 33 is configured such that the appearance display unit 403 refers to the appearance function information unit 402. The appearance display definition unit 33 operates the created GUI component 400 and performs drawing processing of the GUI component 400.
 次に、アプリケーション300とGUI部品400の構成データとの関係について、図5から図8の具体例に基づいて説明する。
 図5は、実施の形態1に係る画面構成装置100のアプリケーション画面の表示例を示す図である。
 アプリケーション画面600は、地図内の施設を検索する際のアプリケーションであり、ウインドウ601内に、検索用文字列を表示するテキストボックス610、「Search」という文字列を表示した検索実行を実施するボタン620、「Close」という文字列を表示したアプリケーション終了を実施するボタン630、検索結果を表示するリスト640、リスト640内に表示するボタン650が表示されている。
Next, the relationship between the application 300 and the configuration data of the GUI component 400 will be described based on the specific examples of FIGS.
FIG. 5 is a diagram illustrating a display example of an application screen of the screen composition device 100 according to the first embodiment.
The application screen 600 is an application for searching for facilities in the map. A text box 610 that displays a search character string in the window 601 and a search execution button 620 that displays a character string “Search” are displayed. , A button 630 for ending the application displaying the character string “Close”, a list 640 for displaying the search result, and a button 650 for displaying in the list 640 are displayed.
 テキストボックス610には、外部入力装置を介してユーザが入力した文字列が表示される。外部入力装置を介してボタン620が押下されることにより、地図内の施設の検索結果がリスト640に一覧表示される。リスト640内に表示される複数のボタン650には、施設の検索結果として施設アイコン650a、施設名称650bおよび現在位置から検索結果である施設までの距離650cが表示される。 In the text box 610, a character string input by the user via the external input device is displayed. When the button 620 is pressed via the external input device, a list of search results for facilities in the map is displayed in the list 640. In the plurality of buttons 650 displayed in the list 640, a facility icon 650a, a facility name 650b, and a distance 650c from the current position to the facility as a search result are displayed as a facility search result.
 画面上に、図5に示したアプリケーション画面600が表示されている場合に、図6に示すアプリケーションデータが対応付けられている。すなわち、GUI部品作成部3は、図5に示すアプリケーション画面を表示するために、図6に示すアプリケーションデータが記述されたGUI部品を作成する。なお、図6のアプリケーションデータは、GUI部品作成部3のGUI機能定義部31がGUI部品定義データ蓄積部4に蓄積された機能定義データ41を参照して作成する。
 表示要素<List id=”640”>は、id=”640”として指定されているList部品内で表示するリスト要素(ListItem)として、Buttonが指定されことを示している。これは、各リスト要素がButtonで実現されることを意味している。
When the application screen 600 shown in FIG. 5 is displayed on the screen, the application data shown in FIG. 6 is associated. That is, the GUI part creation unit 3 creates a GUI part in which application data shown in FIG. 6 is described in order to display the application screen shown in FIG. The application data shown in FIG. 6 is created by the GUI function definition unit 31 of the GUI part creation unit 3 with reference to the function definition data 41 stored in the GUI part definition data storage unit 4.
The display element <List id = “640”> indicates that Button is specified as a list element (ListItem) to be displayed in the List component specified as id = “640”. This means that each list element is realized by Button.
 さらに、<Button id=”620”>および<Button id=”630”>は、指定したButtonにそれぞれbuttonDownプロパティが存在するが、ここでは該当Buttonクラスが押下された場合に発行されるイベントのイベントハンドラが記載されている。そのため、id=”620”では施設検索をするためのSearchFunc()が指定され、id=”630”にはアプリケーション終了を示すcloseFunc()が指定されている。 Furthermore, <Button id = “620”> and <Button id = “630”> each have a buttonDown property in the specified Button, but here is an event that is issued when the corresponding Button class is pressed The handler is listed. For this reason, SearchFunc () for facility search is specified with id = “620”, and closeFunc () indicating the end of the application is specified with id = “630”.
 また、GUI部品の表示要素にはskinClassとskinInfoプロパティが存在する。skinClassプロパティには外観表示部403を示すデータ、skinInfoプロパティには外観機能情報部402を示すデータが指定される。id=”610”の「TextBox」と、リスト内の「Button」には、外観機能定義データであるskinInfoプロパティが指定されていない。これは、テキストボックス610およびボタン620,630へのユーザ入力により、skinInfoプロパティが動的に変化するためである。 In addition, skinClass and skinInfo properties exist in the display element of the GUI component. Data indicating the appearance display unit 403 is specified in the skinClass property, and data indicating the appearance function information unit 402 is specified in the skinInfo property. In “TextBox” with id = “610” and “Button” in the list, the skinInfo property that is appearance function definition data is not specified. This is because the skinInfo property is dynamically changed by user input to the text box 610 and the buttons 620 and 630.
 図6で示したボタンの外観表示定義データを示すButtonSkinのデータの一例を図7に示す。図7のButtonSkinのデータは、図5で示したアプリケーション画面600におけるボタン650のデータを示している。
 ButtonSkinは、ボタンの背景画像を表示するための「Image部品」を配置し、その上に部品を水平に配置するためのグループを示す「HorizontalGroup部品」を配置し、水平配置のグループ内にアイコン画像用の「Image部品」、文字列表示用の「Label部品」、残距離表示用の「Label部品」を配置している。
An example of ButtonSkin data indicating the appearance display definition data of the button shown in FIG. 6 is shown in FIG. The Button Skin data in FIG. 7 indicates the data of the button 650 on the application screen 600 shown in FIG.
ButtonSkin arranges an “Image component” for displaying a background image of a button, arranges a “Horizontal Group component” indicating a group for arranging components horizontally thereon, and displays an icon image in the group of the horizontal arrangement. "Image parts" for displaying, "Label parts" for displaying character strings, and "Label parts" for displaying remaining distances are arranged.
 上述した「Image部品」および2つの「Label部品」は、データでは上から下に配置されているが、「HorizontalGroup部品」内の要素であることから、図5の施設アイコン650a、施設名称650bおよび距離650cに示すように画面の左から右の順に水平に配置される。また、ボタンの背景画像を表示するための「Image部品」では、画像ファイルパスとしてsourceプロパティに画像ファイル(図7の例では、normalBackgroudImage.pngおよびpressBackgroundImage.png)が指定されている。ここで、「source.normal」と「source.press」は、それぞれButton部品が非押下状態であるか、あるいは押下状態であるによって画像ファイルパスを切り替ることを示している。 The “Image part” and the two “Label parts” described above are arranged from the top to the bottom in the data, but are elements in the “Horizontal Group part”. Therefore, the facility icon 650a, the facility name 650b, and the like in FIG. As shown by a distance 650c, the screens are arranged horizontally from left to right on the screen. In the “Image component” for displaying the background image of the button, an image file (in the example of FIG. 7, normalBackgroundImage.png and pressBackgroundImage.png) is specified as a source property as an image file path. Here, "source.normal" and "source.press" indicate that the image file path is switched depending on whether the Button component is in a non-pressed state or in a pressed state, respectively.
 一方、アイコン画像表示用のImageクラスでは、sourceプロパティとしてskinInfo.iconSourceが指定される。これは、外観機能情報部402として設定されたデータskinInfo内のiconSourceプロパティを参照していることを示す。同様に、2つのLabel部品の文字列を指定するtextプロパティにも、skinInfo内に定義されたtext1プロパティ、text2プロパティを参照して取得する構成としている。このように、外観表示部403が外観機能情報部402を参照することができ、表示として必要な情報を外観機能情報部402から取得することが可能である。一方、単にボタンの外観として必要な背景画像などは外観機能情報部402から取得せず、外観表示部403から直接取得するように指定することできる。このように、GUI部品400が機能部401および外観表示部403に加え、外観機能情報部402を備えることにより、機能部401に対応した外観上の表示状態と、アプリケーションの機能として表示する情報とを識別することができる。 On the other hand, in the Image class for icon image display, skinInfo. iconSource is specified. This indicates that the iconSource property in the data skinInfo set as the appearance function information unit 402 is referred to. Similarly, the text property that designates the character strings of the two Label parts is obtained by referring to the text1 property and the text2 property defined in the skinInfo. As described above, the appearance display unit 403 can refer to the appearance function information unit 402, and information necessary for display can be acquired from the appearance function information unit 402. On the other hand, it is possible to specify that a background image or the like necessary simply for the appearance of a button is not acquired from the appearance function information unit 402 but is acquired directly from the appearance display unit 403. As described above, the GUI component 400 includes the appearance function information unit 402 in addition to the function unit 401 and the appearance display unit 403, so that the display state on the appearance corresponding to the function unit 401, the information displayed as the function of the application, and the like. Can be identified.
 図8A,図8B,図8Cおよび図8Dは、実施の形態1に係る画面構成装置が作成するGUI部品400の外観機能情報部402のデータの構成例を示している。
 図8Aは、図6におけるボタン620に対して外観機能情報部402を構成するデータを示している。図8Bは、図6におけるボタン630に対して外観機能情報部402を構成するデータを示している。図8Cは、図6におけるリスト640内の第1リスト要素640aに対して外観機能情報部402を構成するデータを示している。図8Dは、図6におけるリスト640内の第2リスト要素640bに対して外観機能情報部402を構成するデータを示している。
 各外観機能情報部402は、図7に示したButtonSkinのデータにおいて参照されるtext1、text2、iconSourceプロパティを有し、各プロパティで表示すべきデータが設定されている。
8A, FIG. 8B, FIG. 8C, and FIG. 8D show a data configuration example of the appearance function information unit 402 of the GUI component 400 created by the screen configuration device according to the first embodiment.
FIG. 8A shows data constituting the appearance function information unit 402 for the button 620 in FIG. FIG. 8B shows data constituting the appearance function information unit 402 for the button 630 in FIG. FIG. 8C shows data constituting the appearance function information unit 402 for the first list element 640a in the list 640 in FIG. FIG. 8D shows data constituting the appearance function information unit 402 for the second list element 640b in the list 640 in FIG.
Each appearance function information unit 402 has text1, text2, and iconSource properties referred to in the ButtonSkin data shown in FIG. 7, and data to be displayed in each property is set.
 次に、画面構成装置100の動作について図9のフローチャートを参照しながら説明する。
 図9は、実施の形態1に係る画面構成装置100の動作を示すフローチャートである。なお、以下の説明では、図6から図8に示したデータを用いて、画面上に図5で示したアプリケーション画面を表示する場合の動作を例に説明する。
 画面構成装置100は、起動後にステップST1の処理に進む。入力部1が操作入力を受け付けると(ステップST1)、アプリケーション制御部2はステップST1で受け付けた操作入力と、格納領域5に格納された現在画面表示しているGUI部品の定義データとを参照し、当該操作入力に基づく処理を行う場合に画面遷移が発生するか否か判定を行う(ステップST2)。画面遷移が発生しない場合(ステップST2;NO)、ステップST1の処理に戻り、上述した処理を繰り返す。
Next, the operation of the screen composition device 100 will be described with reference to the flowchart of FIG.
FIG. 9 is a flowchart showing the operation of the screen composition device 100 according to the first embodiment. In the following description, an operation when the application screen shown in FIG. 5 is displayed on the screen using the data shown in FIGS. 6 to 8 will be described as an example.
The screen composition device 100 proceeds to the processing of step ST1 after activation. When the input unit 1 accepts the operation input (step ST1), the application control unit 2 refers to the operation input accepted in step ST1 and the definition data of the GUI part currently displayed on the screen stored in the storage area 5. Then, it is determined whether or not screen transition occurs when processing based on the operation input is performed (step ST2). When screen transition does not occur (step ST2; NO), the process returns to step ST1 and the above-described process is repeated.
 一方、画面遷移が発生する場合(ステップST2;YES)、GUI部品作成部3は、GUI部品定義データ蓄積部4に蓄積された各定義データを参照してGUI部品を作成する(ステップST3)。作成したGUI部品は表示制御部6に出力すると共に、格納領域5に格納する。表示制御部6は、ステップST3で作成されたGUI部品を画面表示するための表示制御を行い(ステップST4)、処理を終了する。 On the other hand, when a screen transition occurs (step ST2; YES), the GUI part creation unit 3 creates a GUI part with reference to each definition data stored in the GUI part definition data storage unit 4 (step ST3). The created GUI component is output to the display control unit 6 and stored in the storage area 5. The display control unit 6 performs display control for displaying the GUI component created in step ST3 on the screen (step ST4), and ends the process.
 次に、上述した図9のフローチャートのステップST3およびステップST4の処理の詳細について、図10のフローチャートを参照しながら説明する。
 図10は、実施の形態1に係る画面構成装置100のGUI部品作成部3および表示制御部6の動作を示すフローチャートである。
 GUI部品作成部3のGUI機能定義部31は、GUI部品定義データ蓄積部4に蓄積された機能定義データを走査し、遷移先の画面のGUI部品400の機能部401を(例えば図6参照)作成する(ステップST11)。外観機能定義部32および外観表示定義部33は、GUI部品定義データ蓄積部4を参照し、ステップST11で作成したGUI部品400の機能定義データ41に対応付けられた外観機能定義データ42(例えば図8参照)および外観表示定義データ43に基づき、外観機能情報部402(例えば図8参照)および外観表示部403(例えば図7参照)を設定する(ステップST12)。外観機能定義部32は、ステップST12で設定した外観機能情報部402を外観表示部403に設定する(ステップST13)。ステップST13の処理により、外観表示定義部33は、データ内で指定されたSkinInfoのデータにアクセス可能となる。
Next, details of the processing of step ST3 and step ST4 of the flowchart of FIG. 9 described above will be described with reference to the flowchart of FIG.
FIG. 10 is a flowchart showing operations of the GUI part creation unit 3 and the display control unit 6 of the screen composition device 100 according to the first embodiment.
The GUI function definition unit 31 of the GUI component creation unit 3 scans the function definition data stored in the GUI component definition data storage unit 4, and the function unit 401 of the GUI component 400 on the transition destination screen (see, for example, FIG. 6). Create (step ST11). The appearance function definition unit 32 and the appearance display definition unit 33 refer to the GUI part definition data storage unit 4, and the appearance function definition data 42 (for example, the figure) associated with the function definition data 41 of the GUI part 400 created in step ST11. 8) and the appearance display information 403 (see, for example, FIG. 8) and the appearance display unit 403 (see, for example, FIG. 7) are set (step ST12). The appearance function definition unit 32 sets the appearance function information unit 402 set in step ST12 in the appearance display unit 403 (step ST13). By the processing in step ST13, the appearance display definition unit 33 can access the data of SkinInfo specified in the data.
 外観表示定義部33は、ステップST13で外観機能情報部402が設定された外観表示部403に指定されているGUI部品を走査する(ステップST14)。ここで、ステップST14におけるGUI部品の走査とは、外観表示部403のデータ内のGUI部品を1つずつスキャンする処理を示す。すなわち図7で示したデータにおけるImageおよびHorizontalGroupなどを1つずつスキャンする。外観表示定義部33は、ステップST14のGUI部品の走査により、どのようなGUI部品であるかを示す情報と、当該GUI部品に設定されたパラメータを取得する(ステップST15)。どのようなGUI部品であるかを示す情報とは、上述したImage、HorizontalGroupなどである。また、設定されたパラメータとは、例えば図8におけるImageにおいて、source.nomalプロパティへの設定値である。 The appearance display definition unit 33 scans the GUI component specified in the appearance display unit 403 in which the appearance function information unit 402 is set in step ST13 (step ST14). Here, the scanning of the GUI parts in step ST14 indicates a process of scanning the GUI parts in the data of the appearance display unit 403 one by one. That is, the image, the horizontal group, and the like in the data shown in FIG. 7 are scanned one by one. The appearance display definition unit 33 acquires information indicating what kind of GUI component and parameters set in the GUI component by scanning the GUI component in step ST14 (step ST15). Information indicating what kind of GUI component is the above-described Image, Horizontal Group, or the like. Also, the set parameters are, for example, source. This is the setting value for the normal property.
 外観表示定義部33は、ステップST15で取得した情報およびパラメータに基づいて、GUI部品の描画処理を行う(ステップST16)。GUI部品作成部3は、ステップST11からステップST16の処理により作成したGUI部品を表示制御部6に出力すると共に、格納領域5に格納する(ステップST17)。表示制御部6は、ステップST17で出力されたGUI部品に関する情報およびGUI部品に設定されたパラメータを参照し、アプリケーション画面として画面表示するための制御情報を生成する(ステップST18)。表示制御部6は、ステップST18で生成した制御情報を出力し(ステップST19)、処理を終了する。 The appearance display definition unit 33 performs a GUI component drawing process based on the information and parameters acquired in step ST15 (step ST16). The GUI component creation unit 3 outputs the GUI component created by the processing from step ST11 to step ST16 to the display control unit 6 and stores it in the storage area 5 (step ST17). The display control unit 6 refers to the information related to the GUI component output in step ST17 and the parameters set in the GUI component, and generates control information for screen display as an application screen (step ST18). The display control unit 6 outputs the control information generated in step ST18 (step ST19), and ends the process.
 上述した図9および図10のフローチャートに基づいてアプリケーション画面の表示制御を行うことにより、図11および図12に示す構成とすることが可能になる。
 図11は、第1の画面500a、第2の画面500bおよび第3の画面500cの表示制御を行う場合に、各ボタン部品410a,410b,410cが機能部411a,411b,411c、外観機能情報部412a,412b,412cおよび外観表示部413a,413b,413cで構成されていることを示している。第1の画面500a、第2の画面500bおよび第3の画面500cにおいて、機能部411と外観表示部413を構成するデータは全て同一であり、外観機能情報部412a,412b,412cのみが異なる。このように、外観機能情報部412a,412b,412cを変更するのみで3つのボタン部品410a,410b,410cを作成することができる。
By performing display control of the application screen based on the flowcharts of FIGS. 9 and 10 described above, the configuration shown in FIGS. 11 and 12 can be obtained.
FIG. 11 shows that when the display control of the first screen 500a, the second screen 500b, and the third screen 500c is performed, the button parts 410a, 410b, 410c are function units 411a, 411b, 411c, an appearance function information unit. 412a, 412b, 412c and appearance display units 413a, 413b, 413c. In the first screen 500a, the second screen 500b, and the third screen 500c, the data constituting the function unit 411 and the appearance display unit 413 are all the same, and only the appearance function information units 412a, 412b, and 412c are different. As described above, the three button parts 410a, 410b, and 410c can be created only by changing the appearance function information sections 412a, 412b, and 412c.
 従来では、異なるGUI部品の表示を行う場合には、機能部を拡張してそれぞれのGUI部品を実現する必要があった。しかし、上述した実施の形態1の画面構成装置100によれば、外観機能情報部402を変更するのみで複数のGUI部品400を実現することができ、開発範囲を限定することができる。 Conventionally, when displaying different GUI parts, it has been necessary to extend the functional unit to realize each GUI part. However, according to the screen configuration apparatus 100 of the first embodiment described above, a plurality of GUI parts 400 can be realized only by changing the appearance function information unit 402, and the development range can be limited.
 また、アプリケーション画面毎に異なるデータを表示する場合には、図12に示すように外観機能情報部412a,412b,412cにおける文字列を変更するのみで良い。よって、機能部411と、アプリケーションとして必要な表示情報である外観機能情報部412と、機能に対応した外観上の表示状態を定義した外観表示部413とにおいて、変更すべきデータを最小限に限定することができ、開発効率を上げることができる。 Further, when displaying different data for each application screen, it is only necessary to change the character strings in the appearance function information sections 412a, 412b, and 412c as shown in FIG. Therefore, the data to be changed is limited to the minimum in the function unit 411, the appearance function information unit 412 that is display information necessary for the application, and the appearance display unit 413 that defines the display state on the appearance corresponding to the function. Development efficiency.
 以上のように、この実施の形態1によれば、機能定義データ41、外観機能定義データ42および外観表示定義データ43を参照して、機能部401、外観機能情報部402、外観表示部403で構成されるGUI部品400を作成するGUI部品作成部3を備えるように構成したので、外観機能情報部402に定義した外観機能定義データの見直しのみで、異なるアプリケーション画面を表示することができる。定義データの修正範囲を最低限に限定することができ、アプリケーション画面の開発効率を向上させることができる。 As described above, according to the first embodiment, the function unit 401, the appearance function information unit 402, and the appearance display unit 403 refer to the function definition data 41, the appearance function definition data 42, and the appearance display definition data 43. Since the GUI component creation unit 3 for creating the configured GUI component 400 is provided, different application screens can be displayed only by reviewing the appearance function definition data defined in the appearance function information unit 402. The definition data correction range can be limited to the minimum, and the development efficiency of the application screen can be improved.
 また、上述した実施の形態1によれば、機能部401に外観機能情報部402および外観表示部を設定し、アプリケーションの実行において、外観表示部403が外観機能情報部402を参照する構成としたので、外観機能情報部402に定義した外観機能定義データのみの変更でボタンなどのGUI部品の表示バリエーションの変更に対応することができる。即ち、ボタンなどのGUI部品の表示バリエーションの変更が生じた場合にも、機能部における機能定義データの拡張を不要とし、さらに外観表示部において表示バリエーションの変更を行う必要がない。 Further, according to the first embodiment described above, the appearance function information unit 402 and the appearance display unit are set in the function unit 401, and the appearance display unit 403 refers to the appearance function information unit 402 when executing the application. Therefore, it is possible to cope with changes in display variations of GUI parts such as buttons by changing only the appearance function definition data defined in the appearance function information section 402. That is, even when a display variation of a GUI component such as a button is changed, the function definition data need not be expanded in the function section, and further, the display variation need not be changed in the appearance display section.
実施の形態2.
 上述した実施の形態1では、GUI部品400を機能部401、外観機能情報部402および外観表示部403の3つに分けて構成し、アプリケーション画面で使用する各GUI部品の種々の表示バリエーションに対応する範囲を可能な限り限定する構成を示したが、この実施の形態2では外観表示部の設定をより簡易的に実現可能な構成を示す。
Embodiment 2. FIG.
In the first embodiment described above, the GUI component 400 is divided into the function unit 401, the appearance function information unit 402, and the appearance display unit 403, and corresponds to various display variations of each GUI component used on the application screen. Although the configuration that limits the range to be performed as much as possible is shown, the second embodiment shows a configuration that can more easily realize the setting of the appearance display unit.
 図13は、実施の形態2に係る画面構成装置100aの構成を示すブロック図である。
 実施の形態2に係る画面構成装置100aは、実施の形態1で示した画面構成装置100にルール適用処理部34および適用ルール蓄積部7を追加して設け、外観機能定義部32に替えて外観機能定義部32aを設けて構成している。
 なお、以下では、実施の形態1に係る画面構成装置100の構成要素と同一または相当する部分には、実施の形態1で使用した符号と同一の符号を付して説明を省略または簡略化する。
FIG. 13 is a block diagram illustrating a configuration of the screen configuration apparatus 100a according to the second embodiment.
The screen composition device 100a according to the second embodiment is provided by adding a rule application processing unit 34 and an application rule storage unit 7 to the screen composition device 100 shown in the first embodiment, and replacing the appearance function definition unit 32 with the appearance. A function definition unit 32a is provided.
In the following description, the same or corresponding parts as the components of the screen configuration apparatus 100 according to the first embodiment are denoted by the same reference numerals as those used in the first embodiment, and description thereof is omitted or simplified. .
 ルール適用処理部34は、GUI機能定義部31が作成したGUI部品に適用すべきルールを適用ルール蓄積部7から取得し、外観機能定義部32aに適用する。外観機能定義部32aは、適用されたルールに従って、外観機能情報部のデータを外観表示部のデータに設定する。これにより、外観表示部に設定されるデータが簡素化される。適用ルール蓄積部7は、複数の適用ルールを蓄積する格納領域である。各適用ルールには「id」が記載され、各GUI部品にも同様の「id」が割り当てられている。適用ルールには、ある「id」を有するGUI部品に対して、設定すべきプロパティおよび設定すべきデータが示されている。 The rule application processing unit 34 acquires a rule to be applied to the GUI component created by the GUI function definition unit 31 from the application rule storage unit 7 and applies it to the appearance function definition unit 32a. The appearance function definition unit 32a sets the data of the appearance function information unit to the data of the appearance display unit according to the applied rule. Thereby, data set in the appearance display unit is simplified. The application rule storage unit 7 is a storage area for storing a plurality of application rules. Each application rule describes “id”, and the same “id” is assigned to each GUI component. The application rule indicates a property to be set and data to be set for a GUI component having a certain “id”.
 図14は、実施の形態2に係る画面構成装置100aのGUI構成方式を示す図である。
 図14では、アプリケーション300が直接GUI部品700を保持する関係を示している。
 GUI部品700a,700b,700c(以下、GUI部品700と称する)は、例えば画面に表示されたボタンやリストなどである。当該GUI部品700は、機能部701、外観機能情報部702、機能情報ルール適用部703および外観表示部704で構成されている。GUI部品700を構成する各データは、上述したGUI部品作成部3によって、GUI部品定義データ蓄積部4に蓄積された定義データ、および適用ルール蓄積部7に蓄積されたルールを参照して作成される。
FIG. 14 is a diagram illustrating a GUI configuration method of the screen configuration apparatus 100a according to the second embodiment.
FIG. 14 shows a relationship in which the application 300 directly holds the GUI component 700.
The GUI parts 700a, 700b, and 700c (hereinafter referred to as GUI parts 700) are, for example, buttons and lists displayed on the screen. The GUI component 700 includes a function unit 701, an appearance function information unit 702, a function information rule application unit 703, and an appearance display unit 704. Each data constituting the GUI component 700 is created by the above-described GUI component creation unit 3 with reference to the definition data accumulated in the GUI component definition data accumulation unit 4 and the rules accumulated in the application rule accumulation unit 7. The
 実施の形態1の図7で示したアプリケーションデータにおいて、ルール適用データを用いた場合のButtonSkinの外観機能情報部702のデータの構成例を図15に示している。
 図7で示した実施の形態1による外観機能情報部402のデータの構成例と、図15で示した実施の形態2による外観機能情報部702のデータ構成例とを比較すると、図15の例では、例えばid=iconImageのImageGUI部品に対しては、外観機能情報部702内のiconSourceに設定されている値をSourceプロパティ(Image GUI部品の画像パスや画像のバイナリデータを設定するプロパティ)に設定するというルールが適用される。ここでは、設定するプロパティをsourceプロパティのみの1つのみの場合を例に記載したが、複数のプロパティを1つのルール内に記述することも可能である。例えば、画像の幅を示すwidthプロパティや高さを示すheightプロパティに対するルールも同時に記述することができる。
In the application data shown in FIG. 7 according to the first embodiment, FIG. 15 shows a data configuration example of the appearance function information unit 702 of ButtonSkin when rule application data is used.
15 is compared with the data configuration example of the appearance function information unit 402 according to the first embodiment shown in FIG. 7 and the data configuration example of the appearance function information unit 702 according to the second embodiment shown in FIG. For example, for an ImageGUI component with id = iconImage, the value set in iconSource in the appearance function information section 702 is set in the Source property (image GUI component image path or property for setting image binary data). The rule to do is applied. Here, a case where only one property is set as a property to be set is described as an example, but a plurality of properties can be described in one rule. For example, a rule for a width property indicating the width of the image and a height property indicating the height can be described at the same time.
 次に、画面構成装置100aの動作について説明する。
 図16は、実施の形態2に係る画面構成装置100aの動作を示すフローチャートである。
 画面構成装置100aの全体的な処理動作は、図9で示した処理と同一であることから説明を省略する。
 なお、以下では実施の形態1に係る画面構成装置100と同一のステップには図10で使用した符号と同一の符号を付し、説明を省略または簡略化する。
 GUI機能定義部31は、GUI部品定義データ蓄積部4を参照し、ステップST11で作成したGUI部品700の機能定義データ41に対応付けられた外観機能定義データ42および外観表示定義データ43に基づき、外観機能情報部702および外観表示部704を設定する(ステップST12)。さらに、ルール適用処理部34は、ステップST11で作成したGUI部品700のidに基づいて、適用ルール蓄積部7から対応する適用ルールを選択し、当該GUI部品700に設定する(ステップST21)。外観機能定義部32aは、ステップST21で設定された適用ルールに基づいて、ステップST12で設定された外観機能情報部702を外観表示部704に設定する(ステップST22)。その後、ステップST14からステップST19の処理を行う。
Next, the operation of the screen composition device 100a will be described.
FIG. 16 is a flowchart showing the operation of the screen composition device 100a according to the second embodiment.
The overall processing operation of the screen composition device 100a is the same as the processing shown in FIG.
In the following, the same steps as those of the screen configuration apparatus 100 according to the first embodiment are denoted by the same reference numerals as those used in FIG. 10, and the description thereof is omitted or simplified.
The GUI function definition unit 31 refers to the GUI part definition data storage unit 4, and based on the appearance function definition data 42 and the appearance display definition data 43 associated with the function definition data 41 of the GUI part 700 created in step ST11. Appearance function information section 702 and appearance display section 704 are set (step ST12). Furthermore, the rule application processing unit 34 selects a corresponding application rule from the application rule storage unit 7 based on the id of the GUI component 700 created in step ST11, and sets it in the GUI component 700 (step ST21). The appearance function definition unit 32a sets the appearance function information unit 702 set in step ST12 in the appearance display unit 704 based on the application rule set in step ST21 (step ST22). Thereafter, the processing from step ST14 to step ST19 is performed.
 以上のように、この実施の形態2によれば、GUI部品のidに基づいて適用ルール蓄積部7に蓄積された適用ルールを選択してGUI部品に設定するルール適用処理部34と、設定された適用ルールに基づいて外観機能情報部を外観表示部に設定する外観機能定義部32aを備えるように構成したので、GUI部品の種々の表示バリエーションに対応する範囲を限定し、外観表示部の設定をより簡易的に実現することができる。 As described above, according to the second embodiment, the rule application processing unit 34 that selects the application rule stored in the application rule storage unit 7 based on the id of the GUI component and sets it in the GUI component is set. Since the appearance function definition section 32a for setting the appearance function information section to the appearance display section based on the applied rules is provided, the range corresponding to various display variations of GUI parts is limited, and the appearance display section setting is performed. Can be realized more simply.
実施の形態3.
 上述した実施の形態1,2の画面構成装置100,100aは、例えば操作画面を備えたナビゲーションシステム、パーソナルコンピュータのウインドウシステムなどに適用することができる。この実施の形態3では、実施の形態1の画面構成装置をナビゲーションシステムに適用した場合について示す。
 図17は、実施の形態3に係るナビゲーションシステム800の構成を示す機能ブロック図である。
 ナビゲーションシステム800は、例えば車両に搭載されて目的地までの経路案内を実行する装置であり、情報取得装置801、制御装置802、画面構成装置100、出力装置803、入力装置804、地図データベース805、経路算出装置806および経路案内装置807を備える。ナビゲーションシステム800の各装置の動作は、制御装置802によって統括的に制御される。
Embodiment 3 FIG.
The screen composition devices 100 and 100a of the first and second embodiments described above can be applied to, for example, a navigation system having an operation screen, a window system of a personal computer, and the like. In the third embodiment, a case where the screen composition device of the first embodiment is applied to a navigation system will be described.
FIG. 17 is a functional block diagram showing the configuration of the navigation system 800 according to the third embodiment.
The navigation system 800 is a device that is mounted on a vehicle and performs route guidance to a destination, for example, and includes an information acquisition device 801, a control device 802, a screen configuration device 100, an output device 803, an input device 804, a map database 805, A route calculation device 806 and a route guidance device 807 are provided. The operation of each device of the navigation system 800 is comprehensively controlled by the control device 802.
 情報取得装置801は、例えば現在位置検出手段、無線通信手段および周囲情報検出手段などを備え、自車の現在位置、自車周囲、他車で検出された情報を取得する。出力装置803は、例えば表示手段、表示制御手段、音声出力手段および音声制御手段などを備え、ユーザに情報を通知する。入力装置804は、ボタン、タッチパネルなどの操作入力手段およびマイクなどの音声入力手段によって実現され、ユーザからの情報入力を受け付ける。画面構成装置100は、実施の形態1で示した構成および機能を備えた画面構成装置である。画面構成装置100は、制御装置802からの制御情報に基づいて画面構成を行い、出力装置803の表示制御を行う。画面構成装置100は、入力装置804を介して受け付けた操作を制御装置802に出力する。 The information acquisition device 801 includes, for example, a current position detection unit, a wireless communication unit, a surrounding information detection unit, and the like, and acquires information detected in the current position of the host vehicle, the surroundings of the host vehicle, and other vehicles. The output device 803 includes, for example, a display unit, a display control unit, a voice output unit, a voice control unit, and the like, and notifies the user of information. The input device 804 is realized by operation input means such as buttons and a touch panel and voice input means such as a microphone, and receives information input from the user. The screen configuration apparatus 100 is a screen configuration apparatus having the configuration and functions described in the first embodiment. The screen composition device 100 performs screen composition based on control information from the control device 802 and performs display control of the output device 803. The screen composition device 100 outputs an operation received via the input device 804 to the control device 802.
 地図データベース805は、地図データを記憶する記憶領域であり、例えば、HDD(Hard Disk Drive)、RAM(Random Access Memory)などの記憶装置として実現される。経路算出装置806は、出発地、目的地および地図データに基づいて、出発地から目的地までの経路を算出する。経路案内装置807は、経路算出装置806により算出された経路を経路案内する。 The map database 805 is a storage area for storing map data, and is realized as a storage device such as an HDD (Hard Disk Drive) or a RAM (Random Access Memory). The route calculation device 806 calculates a route from the departure point to the destination based on the departure point, the destination, and the map data. The route guidance device 807 provides route guidance for the route calculated by the route calculation device 806.
 ナビゲーションシステム800は、入力装置804を介してユーザの操作が入力されると、画面構成装置100は当該ユーザの操作に対して上述した図9および図10のフローチャートで示した処理を行い、画面構成を行う。一方、制御装置802、情報取得装置801、経路算出装置806、経路案内装置807を介してユーザ操作に基づいた経路算出が行われ、出力装置803からユーザに対して経路案内が行われる。 When the user's operation is input via the input device 804, the navigation system 800 performs the processing shown in the flowcharts of FIG. 9 and FIG. I do. On the other hand, route calculation based on user operation is performed via the control device 802, the information acquisition device 801, the route calculation device 806, and the route guidance device 807, and route guidance is performed from the output device 803 to the user.
 以上のように、この実施の形態3によれば、表示すべき画面が多く存在し、且つ同一の機能を有するが表示すべき情報が異なるGUI部品を有するアプリケーションにより実行されるナビゲーションシステム800において、機能部に対応する外観機能情報部および外観表示部を設定し、外観表示部が外観機能情報部を参照する画面構成を行う画面構成装置100を備えるように構成したので、表示すべき画面が多く存在し、且つ同一の機能を有するが表示すべき情報が異なるGUI部品を備える場合においても、GUI部品の内部構成において修正すべき範囲を抑制することができ、画面構成における開発効率を向上させることができる。 As described above, according to the third embodiment, in the navigation system 800 that is executed by an application having many screens to be displayed and having the same function but different information to be displayed. Since the appearance function information part and the appearance display part corresponding to the function part are set, and the appearance display part is configured to include the screen composition device 100 that performs screen composition referring to the appearance function information part, there are many screens to be displayed. Even in the case where GUI components that have the same function but have different information to be displayed are provided, the range to be corrected in the internal configuration of the GUI component can be suppressed, and the development efficiency in the screen configuration can be improved. Can do.
 なお、上述した実施の形態3では、ナビゲーションシステム800に実施の形態1で示した画面構成装置100を適用する構成を示したが、実施の形態2で示した画面構成装置100aを適用して構成してもよい。 In the above-described third embodiment, the configuration in which the screen configuration apparatus 100 described in the first embodiment is applied to the navigation system 800 has been described. However, the configuration in which the screen configuration apparatus 100a illustrated in the second embodiment is applied. May be.
 上記以外にも、本発明はその発明の範囲内において、各実施の形態の自由な組み合わせ、あるいは各実施の形態の任意の構成要素の変形、もしくは各実施の形態において任意の構成要素の省略が可能である。 In addition to the above, within the scope of the present invention, the present invention can be freely combined with each embodiment, modified any component of each embodiment, or omitted any component in each embodiment. Is possible.
 この発明に係る画面構成装置は、複数の表示画面を有し、同一の機能を有するが表示すべき情報が異なる複数のGUI部品を有するアプリケーションを実行するナビゲーションシステム、パーソナルコンピュータのウインドウシステムなどに適用することができる。 The screen composition device according to the present invention is applied to a navigation system, a personal computer window system, and the like that execute a plurality of GUI parts having a plurality of display screens and having the same function but different information to be displayed. can do.
 1 入力部、2 アプリケーション制御部、3 GUI部品作成部、4 GUI部品定義データ蓄積部、5 格納領域、6 表示制御部、7 適用ルール蓄積部、31 GUI機能定義部、32,32a 外観機能定義部、33 外観表示定義部、34 ルール適用処理部、41 機能定義データ、42 外観機能定義データ、43 外観表示定義データ、100,100a 画面構成装置、800 ナビゲーションシステム。 1 input unit, 2 application control unit, 3 GUI component creation unit, 4 GUI component definition data storage unit, 5 storage area, 6 display control unit, 7 applied rule storage unit, 31 GUI function definition unit, 32, 32a appearance function definition Part, 33 appearance display definition part, 34 rule application processing part, 41 function definition data, 42 appearance function definition data, 43 appearance display definition data, 100, 100a screen configuration device, 800 navigation system.

Claims (6)

  1.  アプリケーションに対応したGUI画面を構成するGUI部品によるアプリケーションの機能の実行を定義した機能定義データを参照し、前記GUI部品に対して前記アプリケーションを実行するための機能を定義した機能部を構成する機能定義部と、前記GUI部品の外観上の表示状態を定義した外観表示定義データを参照し、前記機能定義部が定義した前記GUI部品の機能に対応した外観上の表示状態を定義した外観表示部を構成する外観表示定義部と、前記GUI部品の表示情報と、前記GUI部品が前記アプリケーションを実行させるための機能とを対応付けて定義した外観機能定義データを参照し、前記GUI部品の表示情報と、前記GUI部品が前記アプリケーションを実行するための機能とを定義した外観機能情報部を構成する外観機能定義部とを有し、構成された前記機能部、前記外観表示部および前記外観機能情報部により前記GUI部品を作成するGUI部品作成部とを備えた画面構成装置。 A function that configures a function unit that defines a function for executing the application for the GUI component with reference to function definition data that defines execution of the function of the application by the GUI component that configures the GUI screen corresponding to the application. An appearance display section that defines an appearance display state corresponding to the function of the GUI component defined by the function definition section with reference to the definition section and the appearance display definition data that defines the appearance display state of the GUI component The display information of the GUI part is referred to by referring to the appearance function definition data that defines the display information defining part, the display information of the GUI part, and the function for causing the GUI part to execute the application. And an appearance function information section that defines a function for the GUI component to execute the application. To have a look function definition part, it configured the functional unit, the screen configuration device including a GUI component creating part for creating the GUI component by the appearance display unit and the appearance feature information unit.
  2.  前記GUI部品作成部は、前記機能部に、対応する前記外観表示部および対応する前記外観機能情報部を設定し、前記外観表示部が前記外観機能情報部を参照する構成とすることを特徴とする請求項1記載の画面構成装置。 The GUI component creation unit sets the corresponding appearance display unit and the corresponding appearance function information unit in the function unit, and the appearance display unit refers to the appearance function information unit. The screen composition device according to claim 1.
  3.  前記GUI部品作成部は、前記外観表示部が参照する前記外観情報の設定に、ルールを適用するルール適用処理部を備え、
     前記外観機能定義部は、前記ルール適用処理部により適用されたルールに基づいて、前記外観機能情報部を前記外観表示部に適用することを特徴とする請求項2記載の画面構成装置。
    The GUI component creation unit includes a rule application processing unit that applies a rule to the setting of the appearance information referred to by the appearance display unit.
    3. The screen composition device according to claim 2, wherein the appearance function definition unit applies the appearance function information unit to the appearance display unit based on a rule applied by the rule application processing unit.
  4.  前記GUI部品作成部が作成した前記GUI部品の表示制御を行う表示制御部を備えたことを特徴とする請求項1記載の画面構成装置。 The screen composition device according to claim 1, further comprising a display control unit that performs display control of the GUI component created by the GUI component creation unit.
  5.  アプリケーションに対応したGUI画面を構成する画面構成方法において、
     機能定義部が、アプリケーションの機能の実行を定義した機能定義データを参照し、前記GUI画面を構成するGUI部品に対して前記アプリケーションを実行するための機能を定義した機能部を構成するステップと、
     外観表示定義部が、前記GUI部品の外観上の表示状態を示す外観表示データを参照し、前記定義された前記GUI部品の機能に対応した外観上の表示状態を定義した外観表示部を構成するステップと、
     外観機能情報部が、前記GUI部品の表示情報と、前記GUI部品が前記アプリケーションを実行させるための機能とを対応付けて定義した外観機能定義データを参照し、前記GUI部品の表示情報と、前記GUI部品が前記アプリケーションを実行するための機能とを対応付けて定義した外観機能情報部を構成するステップとを備えたこと画面構成方法。
    In a screen configuration method for configuring a GUI screen corresponding to an application,
    A function defining unit that refers to function definition data that defines the execution of the function of the application, and that configures a function unit that defines a function for executing the application with respect to a GUI component that configures the GUI screen;
    The appearance display definition section configures an appearance display section that defines an appearance display state corresponding to the function of the defined GUI component with reference to appearance display data indicating the appearance display state of the GUI component. Steps,
    The appearance function information section refers to the appearance function definition data in which the display information of the GUI part and the function for causing the GUI part to execute the application are associated with each other, the display information of the GUI part, And a step of configuring an appearance function information section in which a GUI component is defined in association with a function for executing the application.
  6.  請求項1記載の画面構成装置と、
     前記画面構成装置により作成された画面構成に基づいて画面表示を行う出力装置と、
     前記出力装置の画面表示に対する操作入力に基づいて出発地から目的地までの経路の算出を行う経路算出装置と、
     前記経路算出装置が算出した経路に基づいて経路案内を行う経路案内装置とを備えたナビゲーションシステム。
    A screen composition device according to claim 1;
    An output device that performs screen display based on the screen configuration created by the screen configuration device;
    A route calculation device for calculating a route from a departure place to a destination based on an operation input for a screen display of the output device;
    A navigation system comprising: a route guidance device that performs route guidance based on the route calculated by the route calculation device.
PCT/JP2016/055633 2016-02-25 2016-02-25 Screen configuration device, screen configuration method, and navigation system WO2017145327A1 (en)

Priority Applications (2)

Application Number Priority Date Filing Date Title
PCT/JP2016/055633 WO2017145327A1 (en) 2016-02-25 2016-02-25 Screen configuration device, screen configuration method, and navigation system
JP2017558032A JP6309179B2 (en) 2016-02-25 2016-02-25 Screen composition device, screen composition method, and navigation system

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
PCT/JP2016/055633 WO2017145327A1 (en) 2016-02-25 2016-02-25 Screen configuration device, screen configuration method, and navigation system

Publications (1)

Publication Number Publication Date
WO2017145327A1 true WO2017145327A1 (en) 2017-08-31

Family

ID=59684891

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/JP2016/055633 WO2017145327A1 (en) 2016-02-25 2016-02-25 Screen configuration device, screen configuration method, and navigation system

Country Status (2)

Country Link
JP (1) JP6309179B2 (en)
WO (1) WO2017145327A1 (en)

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH07334355A (en) * 1994-06-13 1995-12-22 Pfu Ltd Device and method for visual programming
JP2006134096A (en) * 2004-11-05 2006-05-25 Digital Electronics Corp Screen preparation apparatus, screen preparation program and recording medium
JP2009009472A (en) * 2007-06-29 2009-01-15 Meidensha Corp Development support device for user interface, development support method, and program
JP2009176042A (en) * 2008-01-24 2009-08-06 Meidensha Corp Switching apparatus and switching method of user interface appearance
JP2009205540A (en) * 2008-02-28 2009-09-10 Ricoh Co Ltd Screen data generator, screen data generation method and screen data generation program

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH07334355A (en) * 1994-06-13 1995-12-22 Pfu Ltd Device and method for visual programming
JP2006134096A (en) * 2004-11-05 2006-05-25 Digital Electronics Corp Screen preparation apparatus, screen preparation program and recording medium
JP2009009472A (en) * 2007-06-29 2009-01-15 Meidensha Corp Development support device for user interface, development support method, and program
JP2009176042A (en) * 2008-01-24 2009-08-06 Meidensha Corp Switching apparatus and switching method of user interface appearance
JP2009205540A (en) * 2008-02-28 2009-09-10 Ricoh Co Ltd Screen data generator, screen data generation method and screen data generation program

Also Published As

Publication number Publication date
JPWO2017145327A1 (en) 2018-03-08
JP6309179B2 (en) 2018-04-11

Similar Documents

Publication Publication Date Title
US10061473B2 (en) Providing contextual on-object control launchers and controls
JPH10105728A (en) Curvilinear transformation method for link having arbitrary shape and method for keeping topology of node link diagram
JP2008158989A (en) Gui creation device and gui creation method
TW201512968A (en) Apparatus and method for generating an event by voice recognition
JP6309179B2 (en) Screen composition device, screen composition method, and navigation system
JPH1153161A (en) Information processing method, device and storage medium in which control program to execute information processing method is stored
JP4937230B2 (en) Display control apparatus and display control program
JP2005031737A (en) System, method, and program for generating source code, and software development support tool
US9798315B2 (en) Machine tool post configurator systems and methods
JP6327969B2 (en) Information processing apparatus, information processing method, and program
JP5320825B2 (en) Display device, display method, and display program
US9778812B2 (en) Screen transition diagram creator
US20150339410A1 (en) Cad components with overlay data
US20110161860A1 (en) Method and apparatus for separating events
US20190340308A1 (en) Method for partial updating
JP2007079954A (en) Information processing method and device, recording medium and program
JP4724445B2 (en) Information processing apparatus, control method, and program
JP5316273B2 (en) Program automatic generation apparatus and program automatic generation method
JP2006268764A (en) Model edit system, model edit apparatus, model edit method and model edit program
JP5311379B2 (en) Design support system and design support method
EP3213272A2 (en) System and Method for Configuration-Managed Lifecycle Diagrams
JP2004171227A (en) Design support device, design support method, and program
JP5909953B2 (en) Design support system, design support method and program
JP2015206986A (en) Information processor, control method thereof, program and recording medium
KR101435578B1 (en) Word processing appratus for providing intuitive object handling interface and intuitive object handling interface providing method thereof

Legal Events

Date Code Title Description
ENP Entry into the national phase

Ref document number: 2017558032

Country of ref document: JP

Kind code of ref document: A

NENP Non-entry into the national phase

Ref country code: DE

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

Ref document number: 16891484

Country of ref document: EP

Kind code of ref document: A1

122 Ep: pct application non-entry in european phase

Ref document number: 16891484

Country of ref document: EP

Kind code of ref document: A1