TW201833900A - Screen creation supporting apparatus, display system and screen creation supporting method - Google Patents
Screen creation supporting apparatus, display system and screen creation supporting method Download PDFInfo
- Publication number
- TW201833900A TW201833900A TW107106173A TW107106173A TW201833900A TW 201833900 A TW201833900 A TW 201833900A TW 107106173 A TW107106173 A TW 107106173A TW 107106173 A TW107106173 A TW 107106173A TW 201833900 A TW201833900 A TW 201833900A
- Authority
- TW
- Taiwan
- Prior art keywords
- screen
- unit
- display
- information
- support device
- Prior art date
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
- G06F3/1454—Digital output to display device ; Cooperation and interconnection of the display device with other functional units involving copying of the display data of a local workstation or window to a remote workstation or window so that an actual copy of the data is displayed simultaneously on two or more displays, e.g. teledisplay
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
- G06F3/1423—Digital output to display device ; Cooperation and interconnection of the display device with other functional units controlling a plurality of local displays, e.g. CRT and flat panel display
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04803—Split screen, i.e. subdividing the display area or the window area into separate subareas
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
- Digital Computer Display Output (AREA)
- Processing Or Creating Images (AREA)
Abstract
Description
本發明係有關支援使用有既存的畫面資料之畫面作成的畫面作成支援裝置、顯示系統及畫面作成支援方法。 The present invention relates to a screen creation support device, a display system, and a screen creation support method that support screen creation using existing screen data.
可程式顯示器一般係與可程式邏輯控制器(以下簡稱PLC(Programmable Logic Controller))、感測器、驅動機器、輸入輸出裝置等裝置連接,且使用於裝置之狀態的顯示以及裝置的操作。 Programmable displays are generally connected to devices such as programmable logic controllers (hereinafter referred to as PLC (Programmable Logic Controller)), sensors, driving machines, input and output devices, etc., and are used to display the status of the device and the operation of the device.
近年來,不僅是以可程式顯示器來顯示裝置的狀態,並且以安燈系統(ANDON)、大型監視器及行動終端器等顯示裝置來顯示裝置的狀態的需求正增加中。所謂安燈系統係於生產現場用以報知生產之狀態而使用的顯示裝置。 In recent years, the demand for displaying the status of the device not only with a programmable display, but also with display devices such as ANDON, large-scale monitors, and mobile terminals is increasing. The so-called Andon system is a display device used at the production site to report the status of production.
相對於上述的需求,可考量使用用於可程式顯示器而作成的畫面資料,而實現安燈系統、大型監視器及行動終端器等顯示裝置之畫面顯示。然而,一般該等 顯示裝置與可程式顯示器之畫面的尺寸不同,因此,對於用於可程式顯示器而作成的畫面資料就要進行若干的變更。 Relative to the above requirements, it is possible to consider the use of screen data created for programmable displays to realize the screen display of display devices such as Andon systems, large monitors, and mobile terminals. However, in general, the screen sizes of these display devices and programmable displays are different, so some changes are required to the screen data created for the programmable displays.
另一方面,當預先分別產生與各式各樣的畫面尺寸對應的畫面資料時,為了預先記憶該等畫面資料,乃必須確保記憶體容量。專利文獻1揭示有:能夠抑制記憶體容量而產生與各式各樣的畫面尺寸對應的畫面資料之畫面作成支援系統。專利文獻1所記憶的畫面作成支援系統係將畫面資料轉換成由相對於任意的畫面之相對性的配置資訊所構成的相對資訊畫面資料,藉此抑制記憶體容量。 On the other hand, when picture data corresponding to various picture sizes are generated in advance, in order to store the picture data in advance, it is necessary to ensure the memory capacity. Patent Literature 1 discloses a screen creation support system capable of suppressing memory capacity and generating screen data corresponding to various screen sizes. The screen creation support system memorized in Patent Literature 1 converts the screen data into relative information screen data composed of relative configuration information with respect to an arbitrary screen, thereby suppressing the memory capacity.
專利文獻1:日本特開2012-8893號公報 Patent Literature 1: Japanese Patent Application Publication No. 2012-8893
專利文獻1記載的技術,係以相同的畫面於各式各樣的畫面尺寸之顯示器可因應各別的畫面尺寸來顯示的方式,轉換成與各畫面尺寸對應的畫面資料。專利文獻1記載的技術,乃設想的複數個顯示器係畫面尺寸雖然不同,惟在種類上為單一亦即全部為可程式顯示器,因此,以如此的方式來顯示相同的畫面係無問題。相對於此,可程式顯示器以外的顯示裝置,例如顯示於安燈系統、大 型監視器及行動終端器等顯示裝置時,則考量期望為與可程式顯示器不完全相同的畫面的顯示。例如,考量於可程式顯示器顯示的畫面包含追加的資訊來顯示於顯示裝置,或是從可程式顯示器顯示的畫面刪除一部分來顯示等需求。如此的情形下,較佳為能夠將既存的畫面資料以與依畫面尺寸而設定的畫面的大小不同的大小來顯示畫面。專利文獻1記載的技術,由於將既存的畫面資料原原本本地轉換成與各個畫面尺寸對應的畫面資料,所以存在有在對轉換後的畫面資料追加、刪除資訊時,必須重新配置畫面資料的問題。 The technology described in Patent Document 1 converts screen data corresponding to each screen size in such a manner that displays having the same screen on various screen sizes can be displayed in response to different screen sizes. The technology described in Patent Document 1 assumes that although the screen sizes of a plurality of display systems are different, they are single in type, that is, all are programmable displays. Therefore, it is no problem to display the same screen in this way. On the other hand, when a display device other than a programmable display, such as an Andon system, a large monitor, and a mobile terminal, is considered, it is expected that the display is not exactly the same as the programmable display. For example, consider that the screen displayed by the programmable display contains additional information to be displayed on the display device, or a part of the screen displayed by the programmable display is deleted for display. In such a case, it is preferable that the existing screen data can be displayed in a size different from the size of the screen set according to the screen size. The technology described in Patent Document 1 originally converts the existing screen data into screen data corresponding to each screen size, so there is a problem that the screen data must be rearranged when adding or deleting information to the converted screen data.
本發明即是鑒於上述問題而完成者,目的在於獲得一種畫面作成支援裝置,係援用既存的畫面資料來作成顯示畫面時,能夠容易地變更所援用的畫面資料。 The present invention has been completed in view of the above-mentioned problems, and its object is to obtain a screen creation support device that can easily change the used screen data when using existing screen data to create a display screen.
為解決上述課題而達成目的,本發明之畫面作成支援裝置具備:記憶部,係記憶可程式顯示器顯示之屬於第一畫面的畫面資料之第一畫面資料。畫面作成支援裝置具備:叫出部,係使用記憶部所記憶的第一畫面資料而於可程式顯示器以外的裝置顯示之第二畫面配置叫出影像,該叫出影像係屬於第一畫面之中之至少一部分;以及調整部,係進行叫出影像之尺寸的調整。 In order to solve the above-mentioned problems and achieve the objective, the screen creation support device of the present invention includes: a memory section that stores the first screen data belonging to the first screen of the screen data displayed by the programmable display. The screen creation support device includes: a call-out section, which uses the first screen data stored in the memory section to configure a call-out image on a second screen displayed on a device other than a programmable display, and the call-out image belongs to the first screen At least a part of it; and the adjustment part, which adjusts the size of the called image.
本發明之畫面作成支援裝置可達成:援用既存的畫面資料來作成顯示畫面時,能夠容易地變更所援 用的畫面資料的尺寸。 The screen creation support device of the present invention can achieve that when the existing screen data is used to create a display screen, the size of the screen data used can be easily changed.
1‧‧‧畫面作成支援裝置 1‧‧‧ Screen creation support device
2‧‧‧顯示器 2‧‧‧Monitor
3‧‧‧終端機 3‧‧‧terminal
4‧‧‧外部機器 4‧‧‧External machine
5‧‧‧顯示系統 5‧‧‧Display system
6‧‧‧畫面資料 6‧‧‧ Screen data
7‧‧‧畫面屬性資訊 7‧‧‧Image attribute information
11、21、31‧‧‧通信部 11, 21, 31‧‧‧ Ministry of Communications
12、22、32‧‧‧運算部 12, 22, 32 ‧‧‧ arithmetic department
13、23、33‧‧‧記憶部 13, 23, 33‧‧‧ Memory Department
14、24、34‧‧‧顯示部 14, 24, 34‧‧‧ Display
15、25、35‧‧‧輸入部 15, 25, 35‧‧‧ input
61‧‧‧畫面屬性資訊 61‧‧‧Image attribute information
62‧‧‧物件資訊群 62‧‧‧Object Information Group
101、302‧‧‧作成畫面 101, 302‧‧‧ make screen
102‧‧‧選項列 102‧‧‧Options
103‧‧‧畫面叫出按鍵 103‧‧‧Call button
121‧‧‧畫面作成支援處理部 121‧‧‧ Screen creation support processing section
122‧‧‧作成部 122‧‧‧ Production Department
123‧‧‧叫出部 123‧‧‧Call Out Department
124‧‧‧調整部 124‧‧‧Adjustment Department
125‧‧‧資料產生部 125‧‧‧Data generation department
200、301、500‧‧‧畫面 200, 301, 500 ‧‧‧ picture
201‧‧‧畫面影像一覽表 201‧‧‧ List of screen images
202‧‧‧按鍵 202‧‧‧ button
203‧‧‧OK按鍵 203‧‧‧OK button
204‧‧‧取消按鍵 204‧‧‧Cancel button
205、206‧‧‧影像 205, 206‧‧‧ video
207、303、600‧‧‧叫出畫面 207, 303, 600
208‧‧‧縮放柄 208‧‧‧Zoom handle
304、305‧‧‧開關物件 304, 305‧‧‧ switch object
310‧‧‧叫出對象的選擇畫面 310‧‧‧Call the object selection screen
311‧‧‧選擇區域 311‧‧‧Select area
312‧‧‧區域 312‧‧‧Region
321‧‧‧顯示處理部 321‧‧‧ Display Processing Department
322‧‧‧取得部 322‧‧‧ Acquisition Department
323‧‧‧顯示控制部 323‧‧‧Display Control Department
401‧‧‧設定畫面 401‧‧‧Setting screen
402至406、502‧‧‧核取方塊 402 to 406, 502‧‧‧ check box
501‧‧‧畫面影像一覽表 501‧‧‧ List of screen images
503、504‧‧‧輸入欄 503, 504‧‧‧ input field
900‧‧‧控制電路 900‧‧‧Control circuit
901‧‧‧處理器 901‧‧‧ processor
902‧‧‧記憶體 902‧‧‧Memory
第1圖係顯示本發明之實施形態之顯示系統之構成例的圖。 FIG. 1 is a diagram showing a configuration example of a display system according to an embodiment of the present invention.
第2圖係顯示畫面作成支援裝置之運算部之構成例的圖。 FIG. 2 is a diagram showing a configuration example of a calculation unit of a display screen creation support device.
第3圖係顯示終端機之運算部之構成例的圖。 FIG. 3 is a diagram showing a configuration example of the arithmetic unit of the terminal.
第4圖係顯示控制電路之構成例的圖。 Fig. 4 is a diagram showing a configuration example of a control circuit.
第5圖係顯示包含由畫面作成支援裝置作成之畫面資料的畫面資訊之一例的圖。 FIG. 5 is a diagram showing an example of screen information including screen data created by a screen creation support device.
第6圖係顯示用以往終端機顯示之畫面之作成處理順序之一例的流程圖。 FIG. 6 is a flowchart showing an example of the procedure for creating a screen displayed on a conventional terminal.
第7圖係顯示新的畫面之作成用之作成畫面被顯示出之狀態之一例的圖。 FIG. 7 is a diagram showing an example of a state in which a creation screen for new screen creation is displayed.
第8圖係顯示配置有包含畫面影像一覽表之畫面及叫出畫面之作成畫面之一例的圖。 FIG. 8 is a diagram showing an example of a creation screen in which a screen including a list of screen images and a calling screen are arranged.
第9圖係用以說明比率之算出方法的圖。 Figure 9 is a diagram for explaining the method of calculating the ratio.
第10圖係顯示經作成使用有畫面叫出之畫面時的畫面資訊之構成例的圖。 Fig. 10 is a diagram showing a configuration example of screen information when a screen called with a screen is created.
第11圖係顯示包含畫面影像一覽表之畫面及叫出對象之選擇畫面之一例的圖。 FIG. 11 is a diagram showing an example of a screen including a list of screen images and a selection screen of an object to be called.
第12圖係顯示以區域單位選擇有叫出對象時之物件資訊之一例的圖。 Fig. 12 is a diagram showing an example of object information when an object to be called is selected in a unit of area.
第13圖係顯示終端機之畫面顯示之處理順序之一例的流程圖。 Fig. 13 is a flowchart showing an example of the processing procedure of the screen display of the terminal.
第14圖係顯示依據畫面叫出而配置複數個畫面時之自動尺寸調整順序之一例的流程圖。 Fig. 14 is a flowchart showing an example of the automatic size adjustment sequence when a plurality of screens are arranged according to the screen call.
第15圖係顯示在步驟S42顯示之畫面之一例的圖。 FIG. 15 is a diagram showing an example of the screen displayed in step S42.
第16圖係顯示可否編輯之設定畫面之一例的圖。 Fig. 16 is a diagram showing an example of a setting screen capable of editing.
第17圖係顯示進行可否編輯之設定時之畫面資料之一例的圖。 Fig. 17 is a diagram showing an example of screen data when setting for editing is possible.
第18圖係顯示將設定成不能變更尺寸之畫面作為叫出畫面而進行了叫出時之作成畫面之一例的圖。 Fig. 18 is a diagram showing an example of a creation screen when a screen set to a size that cannot be changed is called as a calling screen.
以下,依據圖式來詳細說明本發明之實施形態的畫面作成支援裝置、顯示系統、及畫面作成支援方法。此外,並非以此實施形態來限定本發明。 Hereinafter, the screen creation support device, display system, and screen creation support method according to the embodiment of the present invention will be described in detail based on the drawings. In addition, the present invention is not limited by this embodiment.
第1圖係顯示本發明之實施形態之顯示系統之構成例的圖。實施形態之顯示系統5具備畫面作成支援裝置1、顯示器2及終端機3。顯示器2可連接於外部機器4。在第1圖中顯示有顯示器2連接於外部機器4的例子。 FIG. 1 is a diagram showing a configuration example of a display system according to an embodiment of the present invention. The display system 5 of the embodiment includes a screen creation support device 1, a display 2, and a terminal 3. The display 2 can be connected to an external device 4. In the first figure, an example in which the display 2 is connected to the external device 4 is shown.
外部機器4係為PLC、感測器、驅動機器、輸入輸出裝置等裝置。顯示器2係為可程式顯示器,顯示外部機器4的狀態。此外,顯示器2接受來自於使用者之對外部機器4的操作。畫面作成支援裝置1係為支援要在 顯示器2顯示之畫面的作成,並可記憶畫面資料之裝置,該畫面資料係顯示經作成之畫面的資料。再者,本實施形態之畫面作成支援裝置1係使用屬於供作顯示器2使用而作成之畫面的資料之畫面資料,能夠產生可顯示於終端機3的畫面資料。以下將供作顯示器2使用而作成之第一畫面的資料稱為既存之畫面資料或第一畫面資料。此外,雖然說明本實施形態之顯示器2係為可程式顯示器的例子,但是顯示器2只要是與既存之畫面資料對應的顯示器即可,而不限定於可程式顯示器。 The external device 4 is a device such as a PLC, a sensor, a driving device, and an input / output device. The display 2 is a programmable display and displays the status of the external device 4. In addition, the display 2 accepts the operation of the external device 4 from the user. The screen creation support device 1 is a device that supports the creation of a screen to be displayed on the display 2 and can store screen data, and the screen data displays data of the prepared screen. Furthermore, the screen creation support device 1 of the present embodiment uses screen data belonging to the data of the screen created for use by the display 2 and can generate screen data that can be displayed on the terminal 3. Hereinafter, the data of the first screen created for use as the display 2 is referred to as existing screen data or first screen data. In addition, although the display 2 of the present embodiment is described as an example of a programmable display, the display 2 may be a display corresponding to existing screen data, and is not limited to a programmable display.
終端機3係具有與顯示器、監視器等顯示部進行通信功能的終端機。終端機3係例如安燈系統、大型監視器或智慧型手機、平板電腦。第1圖中顯示有1台終端機3,惟終端機3也可為複數台。此外,顯示系統5具備複數台終端機3時,複數台終端機3也可以不同種類的裝置來構成。例如,也可為混合有智慧型手機、安燈系統及大型監視器作為複數台終端機3。本實施形態之終端機3係可顯示援用用於顯示器2所作成之既存的畫面資料之至少一部分的畫面。 The terminal 3 is a terminal having a communication function with a display unit such as a display or a monitor. The terminal 3 is, for example, an Andon system, a large monitor, a smart phone, or a tablet computer. There is one terminal set 3 shown in the first figure, but the terminal set 3 may also be a plurality of sets. In addition, when the display system 5 includes a plurality of terminal devices 3, the plurality of terminal devices 3 may be configured by different types of devices. For example, a smart phone, an Andon system, and a large monitor may be used as a plurality of terminal devices 3. The terminal 3 of this embodiment can display a screen that uses at least a part of existing screen data created by the display 2.
本實施形態之畫面作成支援裝置1係於作成新的畫面之畫面資料時,可於作成中的新的畫面配置既存的畫面資料之至少一部分。如此地將既存的畫面資料配置於新的畫面內的方式稱為畫面叫出。使用者使用畫面作成支援裝置1並藉由畫面叫出而將既存的畫面資料配置於新的畫面,也可於新定畫面更配置其他描繪物件等。 The screen creation support device 1 of the present embodiment is capable of arranging at least a part of existing screen data on a new screen being created when creating screen data of a new screen. The method of arranging existing screen data in a new screen in this way is called screen calling. The user uses the screen creation support device 1 and arranges the existing screen data on the new screen by calling the screen, and can also arrange other drawing objects on the new screen.
另一方面,藉由上述的畫面叫出所叫出的畫面資料一般係以固定的尺寸配置於新的畫面內。由於畫面叫出一般係於顯示器2用的新的畫面之作成時被使用,所以成為適合於顯示器2的尺寸。然而,終端機3的畫面尺寸一般與顯示器2的畫面尺寸不同。再者,顯示於終端機3時,也會有用途與顯示於顯示器2的情形不同的情況,使用者欲使終端機3顯示的畫面尺寸並不一定與使顯示器2顯示之畫面的尺寸相同。本實施形態之畫面作成支援裝置1接受以畫面叫出所叫出的畫面資料之尺寸的變更。藉此,畫面作成支援裝置1援用既存的畫面資料來作成用以顯示於終端機3之新的畫面時,能夠容易地變更既存的畫面資料被顯示出的尺寸。 On the other hand, the picture data called by the above picture calling is generally arranged in a new picture with a fixed size. Since the screen call is generally used when a new screen for the display 2 is created, it becomes a size suitable for the display 2. However, the screen size of the terminal 3 is generally different from the screen size of the display 2. In addition, when displayed on the terminal 3, the use may be different from the situation displayed on the display 2. The size of the screen that the user wants to display on the terminal 3 is not necessarily the same as the size of the screen displayed on the display 2. The screen creation support device 1 of this embodiment accepts the change in the size of the screen data called by the screen call. With this, when the screen creation support device 1 uses the existing screen data to create a new screen to be displayed on the terminal 3, the size in which the existing screen data is displayed can be easily changed.
再者,一般的畫面作成支援裝置於援用既存的畫面資料之中一部分來作成終端機3用的畫面資料時,產生從既存的畫面資料之中抽出必要的部分而得的畫面資料,並藉由畫面叫出來配置此經產生的畫面資料。相對於此,本實施形態之畫面作成支援裝置1能夠以所叫出的畫面資料內配置的物件單位來配置到新的作成畫面。藉此,使用者能夠容易地作成援用有既存的畫面資料之中一部分的畫面。以下針對構成本實施形態之顯示系統5之各構成要素的構成及動作詳細地說明。 Furthermore, when a general screen creation support device uses part of the existing screen data to create screen data for the terminal 3, it generates screen data obtained by extracting necessary parts from the existing screen data, and by The screen is called to configure the screen data generated by this. On the other hand, the screen creation support apparatus 1 of this embodiment can arrange a new creation screen by the object unit arranged in the called screen data. By this, the user can easily create a screen that uses a part of the existing screen data. The configuration and operation of each component constituting the display system 5 of this embodiment will be described in detail below.
如第1圖所示,畫面作成支援裝置1具備:通信部11、運算部12、記憶部13、顯示部14及輸入部15。通信部11係在與將於後述之顯示器2之通信部21之間進 行通信。在通信部11與通信部21之間進行的通信係可為有線通信也可為無線通信。運算部12係執行畫面作成支援裝置1中的運算。詳細而言,運算部12執行包含本實施形態之畫面作成支援處理的處理。關於運算部12的詳細內容將於後述。記憶部13係記憶由運算部12產生之屬於畫面資料的集合的影像資訊。亦即,記憶部13係記憶畫面資訊,該畫面資訊包含屬於顯示器2用的畫面資料之第一畫面資料。顯示部14依照來自於運算部12的指示而顯示以畫面資料為首的影像資料。顯示部14係例如顯示器、監視器。輸入部15係接受來自於使用者的輸入而將所接受的資訊往運算部12輸出。輸入部15係例如鍵盤、滑鼠。也可為顯示部14與輸入部15一體化,並藉由觸控面板等而實現顯示部14及輸入部15。 As shown in FIG. 1, the screen creation support device 1 includes a communication unit 11, a calculation unit 12, a storage unit 13, a display unit 14, and an input unit 15. The communication unit 11 communicates with the communication unit 21 of the display 2 which will be described later. The communication system performed between the communication unit 11 and the communication unit 21 may be wired communication or wireless communication. The calculation unit 12 executes the calculation in the screen creation support device 1. In detail, the calculation part 12 performs the process including the screen creation support process of this embodiment. The details of the arithmetic unit 12 will be described later. The memory unit 13 memorizes image information belonging to the set of screen data generated by the computing unit 12. That is, the memory section 13 memorizes the screen information including the first screen data belonging to the screen data for the display 2. The display unit 14 displays the image data including the screen data in accordance with the instruction from the calculation unit 12. The display unit 14 is, for example, a display or a monitor. The input unit 15 accepts input from the user and outputs the received information to the calculation unit 12. The input unit 15 is, for example, a keyboard or a mouse. The display unit 14 and the input unit 15 may be integrated, and the display unit 14 and the input unit 15 may be realized by a touch panel or the like.
第2圖係顯示畫面作成支援裝置1之運算部12之構成例的圖。運算部12包含實施畫面作成支援處理的畫面作成支援處理部121。畫面作成支援處理部121具備:作成部122、叫出部123、調整部124及資料產生部125。作成部122係作成以顯示器2、終端機3為主之具備顯示部之裝置所顯示的畫面資料。叫出部123係控制畫面叫出。亦即,叫出部123利用記憶部13所記憶的第一畫面資料而在屬於新的作成畫面之第2畫面配置屬於第一畫面之中至少一部分的叫出影像。叫出影像係配置於作成畫面的影像,係屬於既存的畫面資料的第一畫面全部或一部分。調整部124實施藉由畫面叫出所叫出的屬於畫面之中 至少一部分之叫出影像之尺寸的調整。資料產生部125係將有關屬於所叫出的畫面之資訊的叫出資訊附加至畫面資料。 FIG. 2 is a diagram showing a configuration example of the arithmetic unit 12 of the display screen creation support device 1. The calculation unit 12 includes a screen creation support processing unit 121 that performs screen creation support processing. The screen creation support processing unit 121 includes a creation unit 122, a calling unit 123, an adjustment unit 124, and a data generation unit 125. The creating unit 122 creates screen data displayed by a device including a display unit mainly including the display 2 and the terminal 3. The calling unit 123 calls the control screen. That is, the calling unit 123 uses the first screen data stored in the memory unit 13 to arrange at least a part of the called images belonging to the first screen on the second screen belonging to the new creation screen. The called image is an image arranged on the created screen, and belongs to all or part of the first screen of the existing screen data. The adjusting unit 124 adjusts the size of the called image that belongs to at least a part of the screen called by the screen calling. The data generating section 125 appends the calling information about the information belonging to the called screen to the screen data.
回到使用第1圖的說明,如第1圖所示,顯示部2具備:通信部21、運算部22、記憶部23、顯示部24及輸入部25。通信部21係在與畫面作成支援裝置1之通信部11之間及與將於後述之終端機3之間分別進行通信。在通信部21與通信部31之間進行的通信係可為有線通信也可為無線通信。在通信部21與通信部11之間進行的通信、與在通信部21與通信部31之間進行的通信可為相同的通信方式之通信,也可為不同的通信方式之通信。 Returning to the description using FIG. 1, as shown in FIG. 1, the display unit 2 includes a communication unit 21, a calculation unit 22, a memory unit 23, a display unit 24, and an input unit 25. The communication unit 21 performs communication with the communication unit 11 of the screen creation support device 1 and with the terminal 3 to be described later. The communication system performed between the communication unit 21 and the communication unit 31 may be wired communication or wireless communication. The communication between the communication unit 21 and the communication unit 11 and the communication between the communication unit 21 and the communication unit 31 may be communication of the same communication method, or communication of different communication methods.
運算部22執行於顯示器2的運算。詳細而言,運算部22透過通信部21而實施將從畫面作成支援裝置1接收到的畫面資料往顯示部24顯示,以及依據從輸入部25所接收到之由使用者輸入之資訊的運算等處理。此外,當運算部22透過通信部21而從終端機3接收到畫面資訊的取得要求時,就從記憶部23讀出畫面資訊並透過通信部21而往終端機3發送。例如,運算部22具有Web伺服器功能,藉由Web伺服器功能使之對終端機3下載畫面資訊。此外,運算部22從外部機器4取得顯示外部機器4之狀態的資訊,使所取得的資訊反映至使之顯示至顯示部24的畫面資料。記憶部23透過通信部21而記憶從畫面作成支援裝置1所接收的畫面資訊。顯示部24依照來自於運算部22的指示而顯示畫面資料。顯示部24可例示為顯示 器、監視器。輸入部25接受來自於使用者的輸入,將所接受的資訊輸出至運算部22。輸入部25例如為鍵盤、滑鼠。也可為顯示部24與輸入部25一體化,藉由觸控面板等來實現顯示部24及輸入部25。 The calculation unit 22 performs calculation on the display 2. In detail, the calculation unit 22 performs the calculation of the screen data received from the screen preparation support device 1 to the display unit 24 through the communication unit 21 and calculation based on the information input by the user received from the input unit 25 deal with. In addition, when the calculation unit 22 receives the screen information acquisition request from the terminal 3 through the communication unit 21, it reads the screen information from the storage unit 23 and transmits it to the terminal 3 through the communication unit 21. For example, the calculation unit 22 has a Web server function, and the screen information is downloaded to the terminal 3 by the Web server function. Moreover, the calculation part 22 acquires the information which shows the state of the external device 4 from the external device 4, and reflects the acquired information to the screen data which is displayed on the display part 24. The memory unit 23 memorizes the screen information received from the screen creation support device 1 through the communication unit 21. The display unit 24 displays screen data in accordance with instructions from the calculation unit 22. The display unit 24 can be exemplified as a display or a monitor. The input unit 25 accepts input from the user, and outputs the received information to the calculation unit 22. The input unit 25 is, for example, a keyboard or a mouse. The display unit 24 and the input unit 25 may be integrated, and the display unit 24 and the input unit 25 may be realized by a touch panel or the like.
再者,如第1圖所示,終端機3係具備:通信部31、運算部32、記憶部33、顯示部34及輸入部35。通信部31係在與顯示器2之通信部21之間進行通信。運算部32係執行於終端機3的運算。有關運算部32的詳細內容將於後述。詳細而言,例如運算部32透過通信部31將從顯示器2所接收的畫面資料往顯示部34顯示。顯示部34依照來自於運算部32的指示來顯示畫面資料。顯示部34可例示為顯示器、監視器。輸入部35接受來自於使用者的輸入,將所接受到的資訊往運算部32輸出。輸入部35可例示為鍵盤、滑鼠。也可為顯示部34與輸入部35一體化,藉由觸控面板等來實現顯示部34及輸入部35。 In addition, as shown in FIG. 1, the terminal 3 includes a communication unit 31, a calculation unit 32, a storage unit 33, a display unit 34, and an input unit 35. The communication unit 31 communicates with the communication unit 21 of the display 2. The calculation unit 32 is a calculation performed by the terminal 3. The details of the arithmetic unit 32 will be described later. In detail, for example, the calculation unit 32 displays the screen data received from the display 2 on the display unit 34 through the communication unit 31. The display unit 34 displays screen data in accordance with instructions from the calculation unit 32. The display unit 34 can be exemplified as a display or a monitor. The input unit 35 accepts input from the user, and outputs the received information to the calculation unit 32. The input unit 35 can be exemplified as a keyboard or a mouse. The display unit 34 and the input unit 35 may be integrated, and the display unit 34 and the input unit 35 may be realized by a touch panel or the like.
第3圖係顯示終端機3之運算部32之構成例的圖。運算部32係包含實施本實施形態之顯示處理的顯示處理部321。顯示處理部321係具備取得部322及顯示控制部323。取得部322係透過通信部31來取得顯示器2之記憶部23所儲存的畫面資訊,並記憶至記憶部33。顯示器2具有Web伺服器功能時,取得部322係藉由瀏覽器之一部分的功能而實現。使用者藉由操作終端機3的輸入部35而從顯示器2下載畫面資訊。顯示控制部323讀出記憶部33所儲存之畫面資訊之中顯示的畫面資料,並在利用 附加至畫面資料之叫出畫面資訊來進行叫出畫面的調整之後,顯示畫面資料。 FIG. 3 is a diagram showing a configuration example of the arithmetic unit 32 of the terminal 3. The arithmetic unit 32 includes a display processing unit 321 that performs the display processing of this embodiment. The display processing unit 321 includes an acquisition unit 322 and a display control unit 323. The obtaining unit 322 obtains the screen information stored in the memory unit 23 of the display 2 through the communication unit 31 and stores it in the memory unit 33. When the display 2 has a Web server function, the acquisition unit 322 is realized by a function of a part of the browser. The user downloads the screen information from the display 2 by operating the input unit 35 of the terminal 3. The display control section 323 reads out the screen data displayed in the screen information stored in the memory section 33, and adjusts the callout screen using the callout screen information appended to the screen data, and then displays the screen data.
接著,針對上述的運算部12、運算部22及運算部32的硬體構成進行說明。運算部12、運算部22及運算部32係處理電路。處理電路可為具有處理器的控制電路,也可為專用的硬體。第4圖係顯示控制電路之構成例的圖。上述的處理電路為控制電路時,此控制電路係例如第4圖所示之構成的控制電路900。 Next, the hardware configuration of the above-described computing unit 12, computing unit 22, and computing unit 32 will be described. The arithmetic unit 12, the arithmetic unit 22, and the arithmetic unit 32 are processing circuits. The processing circuit can be a control circuit with a processor or dedicated hardware. Fig. 4 is a diagram showing a configuration example of a control circuit. When the above-mentioned processing circuit is a control circuit, this control circuit is, for example, the control circuit 900 configured as shown in FIG. 4.
控制電路900具備處理器901及記憶體902。處理器901為CPU(Central Processing Unit,也稱為中央處理裝置、處理裝置、運算裝置、微處理器、微電腦、處理器、DSP(Digital Signal Processor,數位信號處理器))等。記憶體例如為RAM(Random Access Memory,隨機存取記憶體)、ROM(Read Only Memory,唯讀記憶體)、快閃記憶體等非揮發性或揮發性半導體記憶體、磁碟等。 The control circuit 900 includes a processor 901 and a memory 902. The processor 901 is a CPU (Central Processing Unit, also referred to as a central processing device, a processing device, a computing device, a microprocessor, a microcomputer, a processor, a DSP (Digital Signal Processor)), or the like. The memory is, for example, non-volatile or volatile semiconductor memory such as RAM (Random Access Memory), ROM (Read Only Memory), flash memory, or magnetic disk.
處理電路為具備處理器的控制電路900時,藉由處理器901讀出並執行記述有記憶體902所記憶之各部的處理的程式來實現。此外,記憶體902也可使用作為於處理器901實施之各處理中的暫時記憶體。 When the processing circuit is a control circuit 900 equipped with a processor, the processor 901 reads out and executes a program describing the processing of each part stored in the memory 902. In addition, the memory 902 can also be used as a temporary memory in each process performed by the processor 901.
處理電路為專用的硬體時,處理電路係例如ASIC(Application Specific Integrated Circuit;特定應用積體電路)、FPGA(Field Programmable Gate Array;現場可程式閘陣列),或組合此等硬體而成者。 When the processing circuit is dedicated hardware, the processing circuit is, for example, ASIC (Application Specific Integrated Circuit), FPGA (Field Programmable Gate Array), or a combination of these hardware .
其次,針對本實施形態的動作進行說明。 第5圖係顯示包含由畫面作成支援裝置1作成之畫面資料的畫面資訊之一例的圖。如以上所述,畫面資訊儲存於畫面作成支援裝置1的記憶部13。第5圖顯示由使用者完成作成畫面1至畫面n(n為1以上的數)為止之n個畫面的狀態。畫面資訊係包含屬於每一個畫面之屬性資訊的畫面屬性資訊7。此外,與1個畫面對應的畫面資料係包含畫面屬性資訊7與屬於配置於該畫面之物件的資訊之物件資訊。第5圖中,例如屬於與畫面1對應的畫面資料之畫面資料6包含畫面屬性資訊61與屬於物件資訊之集合的物件資訊群62。畫面屬性資訊61包含用以識別畫面之資訊的「畫面1」,並且包含畫面1的屬性資訊。此外,第5圖所示之例子係配置於畫面1的物件為自AAA1-1至AAA-m(m為1以上的整數)為止的m個。因此,物件資訊群62包含與m個物件分別對應的物件資訊。物件資訊包含物件之類別及識別資訊與該物件的屬性資訊。AAA1-1等係各物件的類別及識別資訊。AAA係顯示物件之類別的資訊,接著AAA之1-1、1-m等數值及記號係顯示表示畫面之編號及同一畫面內之同一類別之物件的編號。例如,AAA1-1係畫面1之第一個AAA之類別的物件,AAA1-m係畫面1之第m個AAA之類別的物件,AAA2-1係畫面2之第一個AAA之類別的物件。關於構成畫面資訊之其他的畫面資料也係與畫面資料6同樣的構成,惟屬性資訊的內容及物件的個數係依據畫面而決定。各類別的物件係預先被產生來作為影像。例如,物件的類別為計器時,預先產生計器的 影像作為物件。影像資訊包含此等預先產生之各物件的影像資料。或者,也可於畫面資料的物件資訊內包含有與各物件對應的影像資料。 Next, the operation of this embodiment will be described. FIG. 5 is a diagram showing an example of screen information including screen data created by the screen creation support device 1. As described above, the screen information is stored in the memory unit 13 of the screen creation support device 1. FIG. 5 shows the state of n screens from the completion of screen 1 to screen n (n is a number of 1 or more) by the user. The screen information includes the screen attribute information 7 belonging to the attribute information of each screen. In addition, the screen data corresponding to one screen includes screen attribute information 7 and object information belonging to information of objects disposed on the screen. In FIG. 5, for example, the screen data 6 belonging to the screen data corresponding to the screen 1 includes screen attribute information 61 and an object information group 62 belonging to a collection of object information. The screen attribute information 61 includes "screen 1" for identifying screen information, and includes screen 1 attribute information. In addition, the example shown in FIG. 5 is that the objects arranged on the screen 1 are m from AAA1-1 to AAA-m (m is an integer of 1 or more). Therefore, the object information group 62 includes object information corresponding to m objects, respectively. The object information includes the category and identification information of the object and the attribute information of the object. AAA1-1 is the category and identification information of each object. AAA displays the information of the category of the object, and then the 1-1, 1-m and other values and symbols of AAA display the number of the screen and the number of the object of the same category in the same screen. For example, AAA1-1 is the first AAA type object in screen 1, AAA1-m is the mth AAA type object in screen 1, and AAA2-1 is the first AAA type object in screen 2. The other screen data constituting the screen information also has the same structure as the screen data 6, but the content of the attribute information and the number of objects are determined according to the screen. Objects of each category are generated in advance as images. For example, when the object type is a counter, an image of the counter is generated in advance as an object. The image information includes image data of each of these pre-generated objects. Alternatively, the image information corresponding to each object may be included in the object information of the screen data.
構成畫面資訊的各畫面資料係由作成部122所作成。作成部122依據從使用者接收到的操作而產生用以顯示於顯示器2之畫面的畫面資料。用以顯示於顯示器2之畫面的畫面資料之產生方法並無特別限制,可使用一般的方法。例如,當作成部122透過輸入部25而接受開始作成畫面資料的指示時,就往顯示部24顯示空白之狀態之新作成用的作用畫面。作成部122將例如可選擇的物件一覽表往顯示部24顯示,使用者藉由輸入部25來選擇物件,而往新作用成的作成畫面依序配置。藉此,物件被往新作成用的畫面配置。當物件被配置於畫面並透過輸入部25被輸入儲存的指示時,作成部122將顯示配置有物件之畫面的資料作為畫面資料而往記憶部13儲存。 The screen data constituting the screen information is created by the creating unit 122. The creating unit 122 generates screen data for displaying the screen on the display 2 according to the operation received from the user. The method of generating the screen data used for the screen displayed on the display 2 is not particularly limited, and a general method can be used. For example, when the creation unit 122 receives an instruction to start creation of screen data through the input unit 25, a newly created action screen in a blank state is displayed on the display unit 24. The creation unit 122 displays, for example, a list of selectable objects on the display unit 24, and the user selects the objects through the input unit 25, and sequentially arranges the newly created creation screen. With this, the object is placed on the screen for new creation. When the object is arranged on the screen and the storage instruction is input through the input unit 25, the creating unit 122 stores the data showing the screen on which the object is arranged as the screen data and stores it in the memory unit 13.
接著,針對本實施形態之用以顯示於終端機3之畫面的作成進行說明。第6圖係顯示用以顯示於終端機3之畫面之作成處理順序之一例的流程圖。當開始作成用以顯示於終端機3之畫面的指示藉由輸入部15被輸入時,就開始第6圖所示的處理。作成部122首先將作成新的畫面用的作成畫面往顯示部14顯示(步驟S1)。第7圖係顯示新的畫面之作成用之作成畫面被顯示出之狀態之一例的圖。第7圖所示的例子係往顯示部14顯示新的畫面之作成用之作成畫面101與選項列(menu bar)102。選項列102 包含有畫面叫出按鍵103。在使用者欲藉由畫面叫出而於用以顯示於終端機3的作成畫面101配置既存的畫面資料的情形,於輸入部15為滑鼠時,則要點一下畫面叫出按鍵103。藉此選擇畫面叫出。 Next, the creation of the screen for display on the terminal 3 according to this embodiment will be described. FIG. 6 is a flowchart showing an example of the procedure for creating a screen to be displayed on the terminal 3. When an instruction to start creating a screen to be displayed on the terminal 3 is input through the input unit 15, the processing shown in FIG. 6 is started. The creation unit 122 first displays the creation screen for creating a new screen on the display unit 14 (step S1). FIG. 7 is a diagram showing an example of a state in which a creation screen for new screen creation is displayed. The example shown in FIG. 7 is a creation screen 101 and a menu bar 102 for creating a new screen to be displayed on the display unit 14. The option bar 102 includes a screen calling button 103. When the user wants to configure the existing screen data on the creation screen 101 to be displayed on the terminal 3 by calling the screen, when the input unit 15 is a mouse, the screen call button 103 is clicked. Use this selection screen to call out.
其次,透過輸入部15選擇了畫面叫出時(步驟S2中的是(Yes)),叫出部123將畫面影像一覽表往顯示部14顯示,並接受叫出畫面的選擇(步驟S3)。所謂畫面影像一覽表係一覽顯示與畫面資料對應的影像。所謂與畫面資料對應的影像係例如畫面資料所顯示之畫面的縮小影像。或者,也可顯示畫面資料的名稱或識別資訊的一覽表等作為畫面影像一覽表。以下說明顯示與畫面資料對應之畫面的縮小影像的例子作為畫面影像一覽表。 Next, when the screen call is selected through the input unit 15 (Yes in step S2), the call unit 123 displays the screen image list on the display unit 14 and accepts the selection of the call screen (step S3). The screen image list is a list of images corresponding to the screen data. The image corresponding to the screen data is, for example, a reduced image of the screen displayed on the screen data. Alternatively, a list of screen data names or identification information, etc. may be displayed as a screen image list. The following describes an example of displaying a reduced image of a screen corresponding to screen data as a screen image list.
接著,叫出部123係判斷是否指示有叫出對象的選擇(步驟S4)。所謂叫出對象的選擇並非藉由畫面叫出所叫出的畫面之中將整體畫面配置於新的畫面,而是用以將所叫出的畫面內的物件以物件單位而配置於新的畫面內所進行的處理。叫出對象的選擇上,係使用者透過輸入部15選擇要配置於新的畫面之物件,亦即選擇叫出對象的物件。 Next, the calling unit 123 determines whether or not the selection of the calling object is instructed (step S4). The so-called selection of the calling object is not to arrange the whole screen in the new screen by calling the screen, but to arrange the objects in the called screen in the new screen in object units The processing being performed. In the selection of the calling object, the user selects the object to be placed on the new screen through the input unit 15, that is, selects the object of the calling object.
未指示叫出對象的選擇時(步驟S4中的否(No)),叫出部123將叫出畫面往作成畫面配置(步驟S7)。未指示叫出對象的選擇時係所叫出的整體畫面被往作成畫面配置。亦即,此情形下,叫出影像為第一畫面。第8圖係顯示配置有包含畫面影像一覽表之畫面及叫出畫面之作 成畫面之一例的圖。第8圖的左側顯示有包含畫面影像一覽表201之畫面200的一例,第8圖的右側顯示有配置有叫出畫面之作成畫面的一例。第8圖所示的例子,係於畫面200中,畫面影像一覽表201一併顯示屬於用以「選擇叫出對象」之按鍵之按鍵202、OK按鍵203及取消按鍵204。畫面影像一覽表201顯示有屬於畫面1的縮小影像之影像205、屬於畫面2的縮小影像之影像206。當使用者透過輸入部15選擇畫面影像一覽表201的影像205並點了OK按鍵203時,與影像205對應的畫面1的畫面資料就會配置於作成畫面101。叫出畫面207顯示有與被配置在作成畫面101之影像205對應的畫面1。當叫出畫面207配置在作成畫面101時,縮放柄(handle)208與叫出畫面207一併顯示。使用者透過輸入部來操作縮放柄208,藉此,能夠變更叫出畫面207的尺寸。此外,調整前,叫出畫面207係例如以與顯示於顯示器2的畫面相同的尺寸顯示於作成畫面101。 When the selection of the calling object is not instructed (No in step S4), the calling unit 123 arranges the calling screen into the screen (step S7). When the selection of the calling object is not instructed, the whole screen called is made into a screen layout. That is, in this case, the called image is the first screen. Fig. 8 is a diagram showing an example of a creation screen in which a screen including a list of screen images and a calling screen are arranged. An example of a screen 200 including a screen image list 201 is displayed on the left side of FIG. 8, and an example of a creation screen on which a call-out screen is arranged is displayed on the right side of FIG. 8. The example shown in FIG. 8 is included in the screen 200, and the screen image list 201 displays the button 202, the OK button 203, and the cancel button 204 belonging to the button for "selecting the object to be called". The screen image list 201 displays a reduced image image 205 belonging to screen 1 and a reduced image image 206 belonging to screen 2. When the user selects the image 205 of the screen image list 201 through the input unit 15 and clicks the OK button 203, the screen data of the screen 1 corresponding to the image 205 is arranged on the creation screen 101. The calling screen 207 displays the screen 1 corresponding to the video 205 arranged on the creation screen 101. When the call-out screen 207 is arranged on the creation screen 101, a zoom handle 208 is displayed together with the call-out screen 207. The user can change the size of the callout screen 207 by operating the zoom handle 208 through the input unit. Before the adjustment, the call-out screen 207 is displayed on the creation screen 101 in the same size as the screen displayed on the display 2, for example.
調整部124接受到叫出畫面的尺寸調整時(步驟S8中的是),從尺寸調整後的尺寸算出比率,將所算出的比率設定於畫面資料(步驟S9)。具體而言,例如於操作縮放柄208之後點選了未圖示的確定按鍵等時,叫出部123判斷為己接受叫出畫面的尺寸調整。此外,於未操作縮放柄208而點選了未圖示的確定按鍵等時,叫出部123判斷為未接受到叫出畫面的尺寸調整。 When receiving the adjustment of the size of the called screen (YES in step S8), the adjustment unit 124 calculates the ratio from the adjusted size, and sets the calculated ratio to the screen data (step S9). Specifically, for example, after the zoom button 208 is operated and a confirm button (not shown) is clicked, the calling unit 123 determines that it has accepted the size adjustment of the called screen. In addition, when the zoom handle 208 is not operated and an OK button (not shown) or the like is clicked, the calling unit 123 determines that the size adjustment of the called screen has not been received.
第9圖係用以說明比率之算出方法的圖。 第9圖的左側顯示有供顯示器2用所作成的畫面301,第9圖的右側顯示有用以在終端機3顯示而作成中的作成畫面302。於作成畫面302藉由畫面叫出而叫出第9圖的畫面301作為叫出畫面303。如第9圖所示,畫面301的尺寸設為SX1×SY1,作成畫面302的尺寸設為DX×DY,尺寸調整後的叫出畫面的尺寸設為OX1×OY1。此情形下,調整部124係依據以下的式(1)分別算出比率X、Y。此外,SX1、DX、OX1表示橫向亦即X軸方向的值,SY1、DY、OY1表示縱向亦即Y軸方向的值。再者,比率X表示橫向的比率,比率Y表示縱向的比率。 Figure 9 is a diagram for explaining the method of calculating the ratio. On the left side of FIG. 9, a screen 301 created for the display 2 is displayed, and on the right side of FIG. 9, a creation screen 302 that is being created for display on the terminal 3 is displayed. In the creation screen 302, the screen 301 in FIG. 9 is called as the call-out screen 303 by calling out the screen. As shown in FIG. 9, the size of the screen 301 is set to SX1 × SY1, the size of the created screen 302 is set to DX × DY, and the size of the called screen after the size adjustment is set to OX1 × OY1. In this case, the adjustment unit 124 calculates the ratios X and Y respectively according to the following formula (1). In addition, SX1, DX, and OX1 represent values in the horizontal direction, that is, the X-axis direction, and SY1, DY, OY1 represent values in the vertical direction, that is, the Y-axis direction. Furthermore, the ratio X represents the horizontal ratio, and the ratio Y represents the vertical ratio.
X=OX1÷SX1、Y=OY1÷SY1...(1) X = OX1 ÷ SX1, Y = OY1 ÷ SY1 ... (1)
本實施形態中,使用比率作為顯示叫出影像之尺寸的資訊,如上述式(1)所示,比率係表示叫出影像的尺寸相對於第一畫面的尺寸之比的資訊。 In this embodiment, the ratio is used as the information to display the size of the called image. As shown in the above formula (1), the ratio is information indicating the ratio of the size of the called image to the size of the first screen.
再者,調整部124算出叫出畫面303之作成畫面302內的起始點座標PX1、PY1。第9圖所示的例子係畫面301內的屬於物件之開關物件304的起始點座標為sox1、soy1,與作成畫面302中的開關物件304對應的開關物件305的起始點座標為dox1、doy1。sox1、soy1與dox1、doy1具有以下式(2)所示的關係。此外,各畫面中的座標值,橫向係將朝左的方向設為正,縱向係將朝下的方向設為正。 Furthermore, the adjustment unit 124 calculates the starting point coordinates PX1 and PY1 in the creation screen 302 of the calling screen 303. The example shown in FIG. 9 is that the starting point coordinates of the switching object 304 belonging to the object in the screen 301 are sox1, soy1, and the starting point coordinates of the switching object 305 corresponding to the switching object 304 in the creation screen 302 are dox1 doy1. sox1, soy1 and dox1, doy1 have the relationship shown in the following formula (2). In addition, for the coordinate values in each screen, the horizontal direction sets the leftward direction as positive, and the vertical direction sets the downward direction as positive.
dox1=PX1+sox1×X、doy1=PY1+soy1×Y...(2) dox1 = PX1 + sox1 × X, doy1 = PY1 + soy1 × Y ... (2)
接受到叫出畫面的尺寸調整時(步驟S8中的否),資料產生部125判斷是否已接受到畫面作成結束的指示(步驟S10),已接受到時(步驟S10中的是),將與作成畫面對應的畫面資料儲存於記憶部13,並結束處理。此時,在已進行尺寸調整的情形,資料產生部125利用調整部124所算出的比率來產生與叫出畫面對應的物件資訊並附加至畫面資料。未接受到畫面作成結束的指示時(步驟S10中的否),畫面作成支援處理部121反覆進行自步驟S2的處理。 When the size adjustment of the called screen is received (No in step S8), the data generating unit 125 judges whether an instruction to end the screen creation has been received (step S10), and when it has been received (Yes in step S10), the The screen data corresponding to the created screen is stored in the memory section 13 and the processing is ended. At this time, when the size adjustment has been performed, the data generating section 125 uses the ratio calculated by the adjusting section 124 to generate object information corresponding to the called screen and append it to the screen data. When the instruction to end the screen creation is not received (No in step S10), the screen creation support processing unit 121 repeatedly performs the process from step S2.
第10圖係顯示經作成使用有畫面叫出之畫面時的畫面資訊之構成例的圖。第10圖所示的例子中,畫面1係作成為供顯示器2用的畫面,畫面2係作成為供終端機3用的畫面。於畫面2中,係依據畫面叫出而配置有畫面1。因此,與畫面2對應的物件資訊包含有屬於配置於畫面2之叫出畫面之叫出畫面2-1的資訊。如此一來,叫出畫面亦作為1個物件來處理。叫出畫面2-1的屬性資訊包含上述的比率X、Y。此外,第10圖所示的例子中,顯示各畫面的屬性資訊係包含畫面ID(Identifier)及尺寸,而與物件對應的屬性資訊係包含物件ID、尺寸、以及起始點座標的例子。起始點座標係畫面內之物件的左上端的座標。物件為正方形或長方形,例如描繪有圓形者之物件時亦設成包含該圓形之正方形或長方形。畫面ID係用以識別畫面的編號。再者,物件為叫出畫面時,屬性資訊包含物件ID、屬於叫出畫面ID之畫面ID、對象物件ID、對象 區域、起始點座標及比率。物件ID係用以識別物件的編號。對象物件ID及對象區域係使用於已指示有將於後述之叫出對象之選擇時。關於對象物件ID及對象區域將於後述。此外,物件的顏色為可變更的情形下,各物件的屬性資訊也可包含有顏色。 Fig. 10 is a diagram showing a configuration example of screen information when a screen called with a screen is created. In the example shown in FIG. 10, the screen 1 is used as the screen for the display 2 and the screen 2 is used as the screen for the terminal 3. In the screen 2, the screen 1 is arranged according to the calling of the screen. Therefore, the object information corresponding to the screen 2 includes information belonging to the call-out screen 2-1 of the call-out screen arranged on the screen 2. In this way, the callout screen is also handled as an object. The attribute information of the callout screen 2-1 includes the above-mentioned ratios X and Y. In addition, in the example shown in FIG. 10, the attribute information displayed on each screen includes the screen ID (Identifier) and the size, and the attribute information corresponding to the object includes the object ID, the size, and the example of the starting point coordinates. The starting point coordinate is the upper left coordinate of the object in the screen. The object is a square or a rectangle. For example, an object drawn with a circle is also set to include the circle or the square. The screen ID is used to identify the screen number. Furthermore, when the object is a called screen, the attribute information includes the object ID, the screen ID belonging to the called screen ID, the target object ID, the target area, the starting point coordinates, and the ratio. The object ID is used to identify the number of the object. The object ID and the object area are used when it is indicated that there is a selection of an object to be called later. The target object ID and target area will be described later. In addition, when the color of an object is changeable, the attribute information of each object may also include a color.
在步驟S4,已指示叫出對象的選擇的情形(步驟S4中的是),叫出部123將叫出對象的選擇畫面往顯示部14顯示(步驟S5)。已指示叫出對象的選擇的情形,叫出影像係以區域或屬於構成叫出畫面之影像的物件單位來指定。叫出對象的選擇畫面係用以接受叫出對象之物件的選擇之畫面。叫出部123在步驟S5之後判斷是否已選擇叫出對象(步驟S6),已選擇叫出對象的情形(步驟S6中的是),將叫出對象往作成畫面配置(步驟S7)。如將於後述的方式,叫出對象係以例如區域單位或物件單位來指定。經以區域單位所指定的情形下,該區域所包含的物件成為叫出對象。未選擇叫出對象的情形下(步驟S6中的否),叫出部123反覆進行步驟S6。 In step S4, when the selection of the calling object has been instructed (YES in step S4), the calling unit 123 displays the selection screen of the calling object on the display unit 14 (step S5). When the selection of the calling object has been instructed, the calling image is specified by the area or the unit of objects belonging to the image constituting the calling screen. The selection screen of the calling object is a screen for accepting the selection of the object of the calling object. After step S5, the calling unit 123 determines whether the calling object has been selected (step S6), and when the calling object has been selected (YES in step S6), the calling object is placed on the screen (step S7). As will be described later, the calling object is specified by, for example, a region unit or an object unit. In the case specified by the area unit, the objects contained in the area are called out. When the calling object is not selected (No in step S6), the calling unit 123 repeatedly performs step S6.
第11圖係顯示包含畫面影像一覽表之畫面及叫出對象之選擇畫面之一例的圖。第11圖的左側表示包含畫面影像一覽表201的畫面200,第11圖的中央表示叫出對象之選擇畫面310之一例,第11圖的右側表示作成畫面101。畫面200與第8圖所示的例子相同。於畫面200的畫面影像一覽表201中,影像經選擇之後,一旦選擇屬於用以進行「選擇叫出對象」的按鍵之按鍵202時,就顯 示叫出對象的選擇畫面310。叫出對象的選擇畫面310顯示與在畫面影像一覽表201所選擇之影像對應的畫面亦即叫出畫面。於叫出對象的選擇畫面310所顯示的叫出畫面中,係能夠以區域單位或物件單位來選擇叫出畫面內的物件。使用者以物件單位進行選擇時,係核選叫出對象之選擇畫面310之上部的「個別地選擇」的選擇鈕(radio button),以區域單位進行選擇時,係核選叫出對象之選擇畫面310之上部的「選擇區域」的選擇鈕。 FIG. 11 is a diagram showing an example of a screen including a list of screen images and a selection screen of an object to be called. The left side of FIG. 11 shows the screen 200 including the screen image list 201, the center of FIG. 11 shows an example of the selection screen 310 to be called, and the right side of FIG. 11 shows the creation screen 101. The screen 200 is the same as the example shown in FIG. 8. In the screen image list 201 of the screen 200, after the image is selected, once the button 202 belonging to the button for "selecting the call target" is selected, the call target selection screen 310 is displayed. The selection screen 310 of the calling object displays the screen corresponding to the image selected in the screen image list 201, that is, the calling screen. In the call-out screen displayed on the call-out target selection screen 310, objects in the call-out screen can be selected in units of regions or objects. When the user selects in object units, the selection button (radio button) on the upper part of the selection screen 310 of the calling object is checked. When selecting in the area unit, the selection of the calling object is checked. The selection button of the "selection area" at the top of the screen 310.
第11圖所示的例子,係顯示核選「選擇區域」而選擇有選擇區域311的狀態。使用者例如藉由拖曳操作而選擇選擇區域311。當選擇選擇區域311時,就於作成畫面101配置叫出畫面之中與選擇區域311對應之部分作為區域312。與第8圖所示的情形相同,使用者能夠藉由縮放柄來調整區域312的尺寸。此外,經核選「個別地選擇」的情形下,能夠於叫出對象之選擇畫面310以物件單位來選擇,而於作成畫面101配置經選擇的物件。與第8圖所示情形同樣,使用者能夠藉由縮放柄來調整所配置的物件的尺寸。 The example shown in FIG. 11 shows a state where the "selected area" is checked and the selected area 311 is selected. The user selects the selection area 311 by, for example, a drag operation. When the selection area 311 is selected, the part corresponding to the selection area 311 in the calling screen is placed on the creation screen 101 as the area 312. As in the case shown in FIG. 8, the user can adjust the size of the area 312 by using the zoom handle. In addition, when "individually selected" is checked, the selection screen 310 of the calling object can be selected in units of objects, and the selected objects can be arranged on the creation screen 101. As in the case shown in Fig. 8, the user can adjust the size of the arranged object by the zoom handle.
第12圖係顯示以區域單位選擇有叫出對象時之物件資訊之一例的圖。第12圖所示的例子,係於畫面資訊之中,於畫面2叫出畫面1作為叫出畫面,而選擇有畫面1之中的一部分的區域作為叫出對象。與此叫出對象對應的物件在第12圖之例子中為叫出畫面2-1。第12圖所示的例子中,經選擇之區域的起始點座標、終點座標係 作為對象區域而儲存於叫出畫面2-1的物件資訊。此外,起始點座標、終點座標係藉由畫面1中的座標值來表示。起始點座標係對象區域之左上端的座標,終點座標係右下端的座標。以物件單位選擇有叫出對象時,係於對象物件ID儲存畫面1中與經選擇之物件對應的物件ID。例如,選擇有屬於構成畫面1之物件之計器1-1作為配置於畫面2之叫出對象的物件時,屬於計器1-1之物件ID之001儲存於叫出畫面2-1之物件資訊內的對象物件ID。 Fig. 12 is a diagram showing an example of object information when an object to be called is selected in a unit of area. The example shown in FIG. 12 is based on the screen information. Screen 1 is called as screen 1 in screen 2 and a part of the area in screen 1 is selected as the calling object. The object corresponding to this calling object is the calling screen 2-1 in the example of FIG. 12. In the example shown in Fig. 12, the starting point coordinate and the ending point coordinate of the selected area are stored as object areas in the object information of the calling screen 2-1. In addition, the starting point coordinates and the end point coordinates are represented by the coordinate values in screen 1. The starting point coordinates are the coordinates of the upper left end of the object area, and the ending point coordinates are the coordinates of the lower right end. When a called object is selected in object units, the object ID corresponding to the selected object in the object object ID storage screen 1 is selected. For example, when the counter 1-1 belonging to the object constituting the screen 1 is selected as the object to be called on the screen 2, the object ID 001 belonging to the counter 1-1 is stored in the object information of the calling screen 2-1 The object ID of the object.
回到第6圖的說明,叫出部123在步驟S7之後往步驟S8前進,接著執行包含步驟S9之後續步驟。其中,如使用第11圖所說明的情形,在進行了叫出對象的選擇時之步驟S8,係進行經選擇之區域或經選擇之物件的尺寸調整,而非整體叫出畫面。因此,在進行了叫出對象的選擇時的步驟S9,叫出部123要依據上述式(1)算出比率時,使用尺寸調整後之經選擇之區域的尺寸或尺寸調整後之經選擇的物件的尺寸作為OX1×OY1。 Returning to the description of FIG. 6, the calling unit 123 proceeds to step S8 after step S7, and then executes the subsequent steps including step S9. In the case described using FIG. 11, step S8 when the selection of the calling object is performed is to adjust the size of the selected area or the selected object, instead of calling the screen as a whole. Therefore, in step S9 when the selection of the calling object is performed, the calling unit 123 uses the size of the selected area after the size adjustment or the selected object after the size adjustment when calculating the ratio according to the above formula (1) The size is OX1 × OY1.
在步驟S2未選擇畫面叫出時(步驟S2中為否),叫出部123往步驟S10前進。再者,在步驟S8未接受叫出畫面之尺寸調整時(步驟S8中為否),叫出部123往步驟S10前進。此情形下,比率X、Y均設定成1。 When the screen call is not selected in step S2 (NO in step S2), the calling unit 123 proceeds to step S10. In addition, when the size adjustment of the calling screen is not accepted in step S8 (NO in step S8), the calling unit 123 proceeds to step S10. In this case, the ratios X and Y are both set to 1.
此外,上述的說明中已說明了選擇有畫面叫出時的動作,惟除了畫面叫出之外,也可實施於作成畫面配置新的物件等畫面叫出以外的處理。畫面叫出以外的處理係在第6圖所示的處理之中以任意的時序來實施。 In the above description, the operation when a screen call is selected has been described, but in addition to the screen call, processing other than the screen call such as creating a new object on the screen can also be implemented. The processing other than the screen call is performed at an arbitrary timing among the processing shown in FIG. 6.
如以上所述,畫面作成支援裝置1中,產生終端機3用的畫面資料,並將所產生的畫面資料儲存至記憶部13。顯示器2從畫面作成支援裝置1取得包含終端機3用的畫面資料之畫面資訊,並儲存至記憶部23。終端機3從顯示器2取得畫面資訊,並利用畫面資訊包含的終端機3用的畫面資料來實施畫面顯示。此外,終端機3也可不透過顯示器2而從畫面作成支援裝置1取得畫像資訊。 As described above, the screen creation support device 1 generates screen data for the terminal 3 and stores the generated screen data in the memory unit 13. The display 2 obtains the screen information including the screen data for the terminal 3 from the screen preparation support device 1 and stores it in the memory 23. The terminal 3 obtains screen information from the display 2 and uses the screen data for the terminal 3 included in the screen information to implement screen display. In addition, the terminal 3 may acquire image information from the screen creation support device 1 without the display 2.
第13圖係顯示終端機3之畫面顯示之處理順序之一例的流程圖。首先,終端機3從顯示器2取得畫面資訊(步驟S21)。詳細而言,終端機3的取得部322透過通信部31對顯示器2發送畫面資訊的取得要求。如此一來,顯示器2的運算部22透過通信部21將已儲存於記憶部23的畫面資訊往終端機3發送。終端機3的取得部322透過通信部31而接受自顯示器2發送來的畫面資訊,並往記憶部33儲存。此外,於此說明的是終端機3取得整體畫面資訊的例子,惟也可為取得與顯示對象的畫面對應的畫面資料及從該畫面資料叫出的畫面資料。此情形下,具體而言,例如終端機3依據畫面資訊確認叫出畫面是否在畫面資料內,當叫出畫面是在畫面資料內時,取得該畫面資料。 FIG. 13 is a flowchart showing an example of the processing procedure of the screen display of the terminal 3. First, the terminal 3 obtains screen information from the display 2 (step S21). In detail, the acquisition unit 322 of the terminal 3 transmits a request for acquiring screen information to the display 2 via the communication unit 31. In this way, the computing unit 22 of the display 2 transmits the screen information stored in the memory unit 23 to the terminal 3 via the communication unit 21. The acquisition unit 322 of the terminal 3 receives the screen information transmitted from the display 2 through the communication unit 31 and stores it in the storage unit 33. In addition, the description here is an example in which the terminal 3 obtains the overall screen information, but it may also be the screen data corresponding to the screen of the display object and the screen data called from the screen data. In this case, specifically, for example, the terminal 3 confirms whether the called screen is in the screen data based on the screen information, and obtains the screen data when the called screen is in the screen data.
接著,終端機3的顯示控制部323從顯示對象之畫面資料取得叫出畫面的資訊,亦即取得叫出畫面的物件資訊(步驟S22)。詳細而言,顯示控制部323從記憶部33的畫面資訊抽出顯示對象的畫面資料,從該畫面資 料取得叫出畫面的資訊,亦即取得叫出畫面的物件資訊。叫出畫面的物件資訊如第12圖所例示,包含物件ID、畫面ID、對象物件、對象區域及比率。此外,此物件ID、畫面ID、對象物件、對象區域及比率的資訊之中未被設定的資訊係儲存有表示空白或未被設定情形的值。例如以畫面單位被叫出的情形,對象物件、對象區域成為未被設定的資訊。 Next, the display control unit 323 of the terminal 3 obtains the information of the called screen from the screen data of the display object, that is, the object information of the called screen (step S22). In detail, the display control unit 323 extracts the screen data of the display object from the screen information of the memory unit 33, and obtains the information of the called screen from the screen data, that is, the object information of the called screen. The object information of the called screen is exemplified in Figure 12, and includes the object ID, the screen ID, the target object, the target area, and the ratio. In addition, among the information of the object ID, the screen ID, the object object, the object area, and the ratio, the unset information is stored with a value indicating that it is blank or unset. For example, in the case of being called in screen units, the target object and target area become unset information.
其次,顯示控制部323從叫出畫面的資訊亦即叫出畫面的物件資訊取得畫面ID(步驟S23)。接著,顯示控制部323判斷叫出畫面的資訊亦即叫出畫面的物件資訊是否設定有對象物件ID(步驟S24)。有設定的情形(步驟S24中的是),顯示控制部323將所取得之畫面ID之對象物件ID的物件作為顯示對象(步驟S25)。詳細而言,顯示控制部323從記憶部33的畫面資訊來檢索所取得的畫面ID的畫面資料,而從檢索所獲得的畫面資料的物件資訊,檢索包含有與上述的對象物件ID對應之物件ID者。顯示控制部323將此檢索所獲得的對象物件ID的物件作為顯示對象。 Next, the display control unit 323 obtains the screen ID from the information of the called screen, that is, the object information of the called screen (step S23). Next, the display control unit 323 determines whether the information of the called screen, that is, the object information of the called screen is set with the target object ID (step S24). When there is a setting (YES in step S24), the display control unit 323 makes the object of the object ID of the acquired screen ID the display object (step S25). In detail, the display control unit 323 retrieves the screen data of the obtained screen ID from the screen information of the storage unit 33, and retrieves the object information including the corresponding object ID from the object information of the obtained screen data ID holder. The display control unit 323 makes the object of the target object ID obtained by this search the display object.
其次,顯示控制部323從叫出畫面的資訊亦即叫出畫面的物件資訊內的比率X、Y算出將顯示對象予以顯示之尺寸及座標(步驟S26)。將顯示對象予以顯示之尺寸及座標係顯示叫出畫面或叫出對象時之叫出畫面或叫出對象的尺寸及起始點座標。詳細而言,顯示控制部323使用物件資訊內的比率X、Y來算出顯示顯示對象之尺寸 及座標。關於將顯示對象予以顯示之尺寸及座標的算出方法將於後述。 Next, the display control unit 323 calculates the size and coordinates for displaying the display object from the ratios X and Y in the information of the calling screen, that is, the object information of the calling screen (step S26). The size and coordinates of the display object are the size and starting point coordinates of the callout screen or callout object when the callout screen or callout object is displayed. Specifically, the display control unit 323 uses the ratios X and Y in the object information to calculate the size and coordinates of the display object. The calculation method of the size and coordinates for displaying the display object will be described later.
顯示控制部323依據所算出的尺寸及座標,將顯示對象往顯示部34顯示(步驟S27),並結束處理。此外,在用以於終端機3顯示所作成的作成畫面顯示叫出畫面以外時,係接續著依據畫面資料來顯示物件。 The display control unit 323 displays the display target on the display unit 34 based on the calculated size and coordinates (step S27), and ends the process. In addition, when it is used to display the creation screen displayed on the terminal 3 other than the calling screen, the object is continuously displayed based on the screen data.
再者,在步驟S24未設定對象物件ID的情形(步驟S24中的否),顯示控制部323判斷是否設定有對象區域(步驟S28)。設定有對象物區域的情形(步驟S28中的是),顯示控制部323將與在步驟S23所取得的畫面ID對應的畫面之對象區域內的物件作為顯示對象(步驟S29),而往步驟S26前進。 Furthermore, when the target object ID is not set in step S24 (NO in step S24), the display control unit 323 determines whether the target area is set (step S28). When an object area is set (Yes in step S28), the display control unit 323 regards the object in the object area of the screen corresponding to the screen ID acquired in step S23 as the display object (step S29), and proceeds to step S26 go ahead.
未設定對象物區域的情形(步驟S28中的否),顯示控制部323將與在步驟S23所取得的畫面ID對應的畫面內所有的物件作為顯示對象(步驟S30),而往步驟S26前進。 When the object area is not set (No in step S28), the display control unit 323 takes all objects in the screen corresponding to the screen ID acquired in step S23 as display objects (step S30), and proceeds to step S26.
針對在步驟S26顯示的尺寸及座標的算出方法進行說明。顯示控制部323對每一個顯示對象的物件係以以下的方式來決定往顯示部34顯示之顯示畫面中的該物件的尺寸及起始點座標。將往顯示部34顯示之顯示畫面整體的尺寸亦即上述的作成畫面的尺寸作為DX、DY。顯示對象係依據對象物件ID所指定的物件時,顯示控制部323從與在步驟S23所取得的畫面ID對應之畫面資料內的對象物件ID所對應的物件的物件資訊,取得該物件 的尺寸rx1、ry1。此外,顯示控制部323從在步驟S22所取得的叫出畫面的物件資訊抽出起始點座標PX1、PY1。顯示控制部323依據以下的式(3)、(4)來算出顯示該物件的尺寸OX1'、OY1'及顯示該物件的起始點座標PX1'、PY1'。 The method of calculating the size and coordinates displayed in step S26 will be described. The display control unit 323 determines the size and starting point coordinates of the object in the display screen displayed on the display unit 34 for each object to be displayed in the following manner. The size of the entire display screen displayed on the display unit 34, that is, the size of the created screen described above, is referred to as DX and DY. When the display object is an object specified by the object object ID, the display control unit 323 obtains the object size rx1 from the object information of the object corresponding to the object object ID in the screen data corresponding to the screen ID obtained in step S23 , Ry1. In addition, the display control unit 323 extracts the starting point coordinates PX1 and PY1 from the object information of the callout screen acquired in step S22. The display control unit 323 calculates the dimensions OX1 ' , OY1 ' of the object and the coordinates PX1 ' , PY1 ' of the starting point of the object according to the following equations (3) and (4).
PX1'=PX1、PY1=PY1'...(3) PX1 ' = PX1, PY1 = PY1 ' ... (3)
OX1'=rx1×X、OY1'=ry1×Y (4) OX1 ' = rx1 × X, OY1 ' = ry1 × Y (4)
再者,顯示對象係對象區域內的物件的情形,顯示控制部323從在步驟S22所取得的叫出畫面的物件資訊,抽出對象區域的起始點座標及終點座標。從所抽出的起始點座標及終點座標與在步驟S23所取得的畫面ID所對應的畫面資料的物件資訊,抽出與畫面ID對應的畫面資料之中包含於對象區域之物件的物件資訊。如此一來,對於每一個物件取得該物件的始點座標bx1、by1及該物件的尺寸rx1、ry1。顯示控制部323對於要顥示的每一個物件,係依據以下的式(5)、(6)來算出顯示物件的尺寸OX1'、OY1'及顯示物件的起始點座標PX1'、PY1'。PX1、PY1係在步驟S22取得之叫出畫面的物件資訊所包含之起始點座標。 Furthermore, in the case of displaying objects in the target object area, the display control unit 323 extracts the start point coordinates and end point coordinates of the target area from the object information of the callout screen acquired in step S22. From the extracted start point coordinates and end point coordinates and the object information of the screen data corresponding to the screen ID obtained in step S23, the object information of the objects included in the target area among the screen data corresponding to the screen ID is extracted. In this way, for each object, the starting point coordinates bx1, by1 of the object and the size rx1, ry1 of the object are obtained. For each object to be displayed, the display control unit 323 calculates the dimensions OX1 ' , OY1 ' of the display object and the coordinates PX1 ' , PY1 ' of the start point of the display object according to the following equations (5) and (6). PX1 and PY1 are the coordinates of the starting point included in the object information of the called screen obtained in step S22.
PX1'=PX1+bx1×X、PY1'=PY1+by1×Y...(5) PX1 '= PX1 + bx1 × X, PY1 ' = PY1 + by1 × Y ... (5)
OX1'=rx1×X、OY1'=ry1×Y...(6) OX1 ' = rx1 × X, OY1 ' = ry1 × Y ... (6)
再者,顯示對象係對象區域內的物件的情形,顯示控制部323對構成與在步驟S23所取得的畫面ID對應的畫面資料之全部的物件,依據物件資訊並藉由上述 式(5)、(6)來算出顯示物件的尺寸OX1'、OY1'及顯示物件的起始點座標PX1'、PY1'。 Furthermore, in the case where the display object is an object in the object area, the display control unit 323 applies all the objects constituting the screen data corresponding to the screen ID acquired in step S23 based on the object information using the above formula (5), (6) Calculate the size of the display object OX1 ' , OY1 ' and the coordinates of the starting point of the display object PX1 ' , PY1 ' .
本實施形態之畫面作成支援裝置1也可進一步如以下的方式,在依據畫面叫出而配置複數個畫面時,自動進行尺寸調整。第14圖係顯示依據畫面叫出而配置複數個畫面時之自動尺寸調整順序之一例的流程圖。當透過輸入部15而被輸入開始作成用以往終端機3顯示的畫面的指示時,就開始第14圖所示的處理。作成部122首先將新的畫面之作成用的作成畫面往顯示部14顯示(步驟S41)。其次,叫出部123判斷是否選擇有複數畫面叫出(步驟S42)。複數畫面叫出的選擇,係藉由在第7圖所示的選項列102設置用以進行複數畫面叫出的選擇的按鍵,並藉由點選該按鍵來實施。未選擇複數畫面叫出時(步驟S42中的否),叫出部123結束處理。 The screen creation support device 1 of the present embodiment may further adjust the size automatically when a plurality of screens are arranged according to the screen call as follows. Fig. 14 is a flowchart showing an example of the automatic size adjustment sequence when a plurality of screens are arranged according to the screen call. When an instruction to start creating a screen displayed on the conventional terminal 3 is input through the input unit 15, the processing shown in FIG. 14 is started. The creation unit 122 first displays the creation screen for creating a new screen on the display unit 14 (step S41). Next, the calling unit 123 judges whether or not plural screen calling is selected (step S42). The selection of multiple screen calls is performed by setting a button for selection of multiple screen calls in the option bar 102 shown in FIG. 7 and by clicking the button. When the plural screen is not selected for calling (No in step S42), the calling unit 123 ends the processing.
選擇複數畫面叫出時(步驟S42中的是),叫出部123將畫面影像一覽表往顯示部14顯示(步驟S43)。第15圖係顯示在步驟S42顯示之畫面之一例的圖。在第15圖的左側,包含畫面影像一覽表501的畫面500往顯示部14顯示。此畫面500顯示有用以設定是否指定並顯示分割數的核取方塊(check box)502、用以輸入縱的分割數的輸入欄503以及用以輸入橫的分割數的輸入欄504。使用者指定並顯示分割數時,核選核取方塊502,而能夠將數值輸入輸入欄503及輸入欄504。所謂分割數係表示將作成畫面分割成幾份來顯示的值。例如指定橫的分割數為2, 指定縱的分割數為2時,作成畫面決定為橫2分割、縱2分割,合計為4個分割後的區域。分割後的區域分別可配置叫出畫面。 When a plurality of screens are selected and called (YES in step S42), the calling unit 123 displays the screen video list on the display unit 14 (step S43). FIG. 15 is a diagram showing an example of the screen displayed in step S42. On the left side of FIG. 15, the screen 500 including the screen video list 501 is displayed on the display unit 14. This screen 500 displays a check box 502 for setting whether to specify and display the division number, an input field 503 for inputting the vertical division number, and an input field 504 for inputting the horizontal division number. When the user specifies and displays the division number, the check box 502 is checked, and the numerical value can be input into the input field 503 and the input field 504. The so-called division number system means a value obtained by dividing the created screen into several pieces and displaying them. For example, if the number of horizontal divisions is specified as 2 and the number of vertical divisions is specified as 2, the screen is determined to be divided into 2 horizontal sections and 2 vertical sections, for a total of 4 divided areas. The divided areas can be individually configured to call out the screen.
叫出部123經選擇有畫面亦即叫出畫面與分割數時(步驟S44中為是),對經分割的各區域配置的叫出畫面決定與分割數對應的比率與配置(步驟S45)。配置係依據例如起始點座標來表示。叫出部123依據所決定的比率及配置而將所選擇的叫出畫面往作成畫面配置(步驟S46)。第15圖的右側表示於作成畫面101顯示有複數個叫出畫面的狀態。 When the calling unit 123 selects the called screen and the number of divisions (YES in step S44), it determines the ratio and arrangement corresponding to the number of divisions for the called screens arranged in each divided area (step S45). The configuration is expressed based on, for example, the coordinates of the starting point. The calling unit 123 creates a screen layout according to the determined ratio and layout (step S46). The right side of FIG. 15 shows a state where a plurality of callout screens are displayed on the creation screen 101.
此外,在此設成經分割之區域的個數與經選擇之畫面的數量一致。經選擇之畫面的數量比經分割之區域的個數還多時,叫出部123可進行錯誤顯示,也可將經選擇之叫出畫面的數量之中的一部分配置於作成畫面。經選擇之畫面的數量比經分割之區域的個數還少時,叫出部123在經分割的區域之中的一部分不配置叫出畫面。 In addition, it is assumed here that the number of divided areas coincides with the number of selected pictures. When the number of selected screens is greater than the number of divided areas, the calling unit 123 may display an error, or may arrange a part of the number of selected called screens on the created screen. When the number of selected screens is smaller than the number of divided regions, the calling unit 123 does not arrange a called screen in a part of the divided regions.
步驟S45中,叫出部123如例如以上的方式於每一個叫出畫面決定比率X、Y與起始點座標。作成畫面的尺寸為DX×DY,橫向的分割數為KX,縱向的分割數為KY,將供顯示器2用所作成的叫出畫面之原本的尺寸設成SX1、SY1。此時,比率X、Y係藉由以下的式(7)來算出。 In step S45, the calling unit 123 determines the ratios X, Y and the coordinates of the starting point for each calling screen as described above, for example. The size of the created screen is DX × DY, the number of horizontal divisions is KX, and the number of vertical divisions is KY. The original size of the called screen made for display 2 is set to SX1 and SY1. At this time, the ratios X and Y are calculated by the following formula (7).
X=(DX÷KX)÷SX1、Y=(DY÷KY)÷SY1...(7) X = (DX ÷ KX) ÷ SX1, Y = (DY ÷ KY) ÷ SY1 ... (7)
配置於從左算起第i(i為1以上的整數)個且 從上算起第j(j為1以上的整數)個的叫出畫面的起始點座標PXi、j、PYi、j係藉由以下的式(8)算出。 The starting point coordinates PX i, j , PY i, which are arranged on the i-th (i is an integer of 1 or more) from the left and the j-th (j is an integer of 1 or more) from the top j is calculated by the following formula (8).
PXi、j=(i-1)×(DX÷KX)、PYi、j=(j-1)×(DY÷KY)...(8) PX i, j = (i-1) × (DX ÷ KX), PY i, j = (j-1) × (DY ÷ KY) ... (8)
關於要在哪個區域配置哪個叫出畫面,可使用預先決定的任意的規則,也可設成能夠由使用者來選擇。 Regarding which callout screen is to be placed in which area, any predetermined rule may be used, or it may be set to be selectable by the user.
回到第14圖的說明,步驟S46之後,與第6圖的步驟S10同樣地判斷是否已接受畫面作成結束的指示(步驟S47),已接受的情形(步驟S47中的是),將與作成畫面對應的畫面資料儲存至記憶部13而結束處理。此時,資料產生部125使用經算出的比率及起始點座標來產生與叫出畫面對應的物件資訊而附加至畫面資料。未接受畫面作成結束的指示的情形(步驟S47中的否),畫面作成支援處理部121反覆進行從步驟S42開始的處理。通常叫出處理係第6圖之步驟S2以後的處理。 Returning to the description of FIG. 14, after step S46, it is determined whether the instruction to end the screen creation has been received (step S47), and if it has been accepted (yes in step S47), as in step S10 of FIG. The screen data corresponding to the screen is stored in the memory section 13 to end the processing. At this time, the data generating section 125 uses the calculated ratio and the coordinates of the starting point to generate object information corresponding to the called screen and appends it to the screen data. When the instruction to end the screen creation is not accepted (No in step S47), the screen creation support processing unit 121 repeatedly performs the process from step S42. Normally, the calling process is the process after step S2 in FIG. 6.
承上所述,包含與配置有複數個叫出畫面的作成畫面對應的畫面資料的畫面資訊,與包含藉由使用第6圖的處理所作成之畫面資料的畫面資訊同樣地,係透過顯示器2而在終端機3接收。終端機3使用畫面資訊並藉由第13圖所示的處理,能夠顯示配置有複數個叫出畫面的畫面。亦即,此情形下,叫出畫面係複數個第一畫面,叫出部123接受用以分割新的畫面之分割數的輸入,並依據分割數而算出用以將複數個第1畫面配置於新的畫面之 複數個第一畫面的配置位置及尺寸,並依據所算出的配置位置及尺寸將複數個第一畫面配置於第二畫面。 As described above, the screen information including the screen data corresponding to the created screen on which the plurality of callout screens are arranged is the same as the screen information including the screen data created by the process of FIG. 6 through the display 2 And receive in terminal 3. The terminal 3 uses the screen information and can perform the processing shown in FIG. 13 to display a screen in which a plurality of call-out screens are arranged. That is, in this case, the called screen is a plurality of first screens, and the calling unit 123 accepts the input of the number of divisions for dividing the new screen, and calculates to arrange the plurality of first screens based on the number of divisions Arrangement positions and sizes of the plurality of first screens of the new screen, and arrange the plurality of first screens on the second screen according to the calculated arrangement positions and sizes.
本實施形態之畫面作成支援裝置1也可進一步於每一畫面設定可否編輯資訊。作成部122從使用者透過輸入部15接受每一個畫面作為叫出畫面被叫出時之可否編輯的設定。亦即,作成部122在第一畫面作為叫出畫面使用的情形,接受顯示可否編輯叫出影像之資訊的輸入。第16圖係顯示可否編輯之設定畫面之一例的圖。第16圖所示的設定畫面401例如於畫面的作成時顯示於顯示部14。設定畫面401包含用以設定是否允許尺寸變更的核取方塊402及用以設定是否允許顏色變更的核取方塊403。設定畫面401更包含用以設定是否允許位置的變更的核取方塊404、用以設定是否允許物件的追加的核取方塊405及用以設定是否允許物件的刪除的核取方塊406。作成部122依據例如第16圖所示的設定畫面401,接受可否進行各種的編輯的設定。 The screen creation support device 1 of this embodiment may further set whether to edit information on each screen. The creation unit 122 accepts, from the user through the input unit 15, each screen as a call-out screen setting for editing when the call-out screen is called. In other words, when the first screen is used as the calling screen, the creating unit 122 accepts an input indicating whether or not the calling video can be edited. Fig. 16 is a diagram showing an example of a setting screen capable of editing. The setting screen 401 shown in FIG. 16 is displayed on the display unit 14 when the screen is created, for example. The setting screen 401 includes a check box 402 for setting whether to allow size change and a check box 403 for setting whether to allow color change. The setting screen 401 further includes a check box 404 for setting whether to allow the change of the position, a check box 405 for setting whether to allow the addition of the object, and a check box 406 for setting whether to allow the deletion of the object. The creation unit 122 accepts whether or not various edits can be made based on the setting screen 401 shown in FIG. 16, for example.
第17圖係顯示進行可否進行編輯之設定時之畫面資料之一例的圖。如第17圖所示,畫面資料係針對要進行可否進行編輯之設定的各編輯項目,包含顯示可編輯或不能編輯的資訊。亦即,第一畫面資料包含顯示可否進行編輯的資訊。顯示可編輯或不能編輯的資訊,例如可編輯的情形設為1,不能編輯的情形設為0。再者,第17圖中顯示各物件的顏色為可變更的例子,屬性資訊包含有顏色。第18圖係顯示將設定成不能變更尺寸之畫面作為叫 出畫面而進行了叫出時之作成畫面之一例的圖。第18圖所示的例子中,叫出畫面600不顯示用以變更尺寸的縮放柄。設定成可變更尺寸的畫面被叫出時,顯示縮放柄而成為可變更尺寸。 FIG. 17 is a diagram showing an example of screen data when setting for editing is possible. As shown in Figure 17, the screen data is for each edit item to be edited or not, and contains information showing whether editable or not. That is, the first screen data contains information showing whether editing is possible. Display the information that can be edited or not edited, for example, the editable situation is set to 1, and the uneditable situation is set to 0. Furthermore, Figure 17 shows an example where the color of each object can be changed, and the attribute information includes the color. Fig. 18 is a diagram showing an example of a creation screen when a screen set to a size that cannot be changed is called as a calling screen. In the example shown in FIG. 18, the calling screen 600 does not display the zoom handle for changing the size. When a screen set to a size that can be changed is called, the zoom handle is displayed and the size can be changed.
如以上所述,本實施形態係使用既存的畫面,要作成用以於與顯示既存的畫面的裝置為不同的裝置顯示之新的畫面時,接受要配置於新的畫面之既存的畫面的尺寸變更。藉此,能夠容易地變更援用既存的畫面資料來作成顯示畫面時之既存的畫面資料的尺寸。此外,本實施形態,能夠選擇以既存的畫面內的區域單位或物件單位配置於新的畫面的對象。藉此,能夠因應要顯示的裝置之尺寸、用途等而彈性地作成新的畫面。 As described above, the present embodiment uses an existing screen, and when a new screen to be displayed for a device different from the device displaying the existing screen is created, the size of the existing screen to be placed on the new screen is accepted change. This makes it possible to easily change the size of the existing screen data when the existing screen data is used to create a display screen. In addition, in this embodiment, it is possible to select an object to be placed on a new screen in the unit of area or object in the existing screen. With this, a new screen can be flexibly created according to the size and use of the device to be displayed.
以上的實施形態所示的構成係表示本發明之內容之一例者,能夠與其他公知的技術組合,且能夠在不脫離本發明之主旨的範圍內,省略、變更構成的一部分。 The configuration shown in the above embodiment is an example of the content of the present invention, and can be combined with other well-known technologies, and a part of the configuration can be omitted or changed without departing from the gist of the present invention.
Claims (12)
Applications Claiming Priority (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
??PCT/JP2017/009152 | 2017-03-08 | ||
PCT/JP2017/009152 WO2018163311A1 (en) | 2017-03-08 | 2017-03-08 | Picture drawing support device, display system and picture drawing support method |
Publications (2)
Publication Number | Publication Date |
---|---|
TW201833900A true TW201833900A (en) | 2018-09-16 |
TWI647689B TWI647689B (en) | 2019-01-11 |
Family
ID=63448081
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
TW107106173A TWI647689B (en) | 2017-03-08 | 2018-02-23 | Screen creation support device, display system, and screen creation support method |
Country Status (5)
Country | Link |
---|---|
JP (1) | JP6426875B1 (en) |
KR (1) | KR102088423B1 (en) |
CN (1) | CN110100233B (en) |
TW (1) | TWI647689B (en) |
WO (1) | WO2018163311A1 (en) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113348440A (en) * | 2019-01-31 | 2021-09-03 | 三菱电机株式会社 | Drawing support device, display device, drawing support method, and computer program |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP6811915B1 (en) * | 2020-05-21 | 2021-01-13 | 三菱電機株式会社 | Drawing program, storage medium, drawing device and simulation method |
Family Cites Families (16)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP3356634B2 (en) * | 1996-09-30 | 2002-12-16 | 株式会社デジタル | Screen data creation device for programmable display devices |
CN1266933C (en) * | 2000-04-25 | 2006-07-26 | 皇家菲利浦电子有限公司 | Method of masking picture display transitions upon change-over of the video |
KR100773853B1 (en) * | 2005-08-22 | 2007-11-06 | 캐논 가부시끼가이샤 | Object operation apparatus and object operation method |
JP4554570B2 (en) * | 2006-07-27 | 2010-09-29 | 株式会社デジタル | Programmable display, control program and recording medium recording the same, and control system, client program and recording medium recording the same |
JP5303116B2 (en) * | 2007-03-30 | 2013-10-02 | 発紘電機株式会社 | Screen editing device and its program |
KR101422988B1 (en) * | 2010-06-08 | 2014-07-23 | 미쓰비시덴키 가부시키가이샤 | System for creating screen of programmable display and computer readable medium storing screen creating program |
JP2012008893A (en) | 2010-06-25 | 2012-01-12 | Hakko Denki Kk | Image creation support system, and support apparatus in image creation support system |
JP2012123677A (en) * | 2010-12-09 | 2012-06-28 | Mitsubishi Electric Corp | Programmable display apparatus |
CN103649904A (en) * | 2011-05-10 | 2014-03-19 | Nds有限公司 | Adaptive presentation of content |
KR102061881B1 (en) * | 2012-10-10 | 2020-01-06 | 삼성전자주식회사 | Multi display apparatus and method for controlling display operation |
JP5766378B2 (en) * | 2013-02-22 | 2015-08-19 | 三菱電機株式会社 | System development apparatus, method and program |
JP5510598B2 (en) * | 2013-06-27 | 2014-06-04 | 三菱電機株式会社 | Programmable display and display method thereof |
TWI511118B (en) * | 2013-12-04 | 2015-12-01 | Wistron Corp | Display and method for displaying multiple frames thereof |
KR102311221B1 (en) * | 2014-04-28 | 2021-10-13 | 삼성전자주식회사 | operating method and electronic device for object |
TWI525528B (en) * | 2014-08-15 | 2016-03-11 | 瑞軒科技股份有限公司 | Method for masking picture |
TWM532079U (en) * | 2016-07-22 | 2016-11-11 | 宏正自動科技股份有限公司 | System and apparatus for edition of previewing images |
-
2017
- 2017-03-08 CN CN201780079856.4A patent/CN110100233B/en active Active
- 2017-03-08 JP JP2018502023A patent/JP6426875B1/en active Active
- 2017-03-08 KR KR1020197017992A patent/KR102088423B1/en active IP Right Grant
- 2017-03-08 WO PCT/JP2017/009152 patent/WO2018163311A1/en active Application Filing
-
2018
- 2018-02-23 TW TW107106173A patent/TWI647689B/en active
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113348440A (en) * | 2019-01-31 | 2021-09-03 | 三菱电机株式会社 | Drawing support device, display device, drawing support method, and computer program |
CN113348440B (en) * | 2019-01-31 | 2022-09-16 | 三菱电机株式会社 | Drawing assistance device, display device, drawing assistance method, and computer program |
Also Published As
Publication number | Publication date |
---|---|
KR20190079684A (en) | 2019-07-05 |
CN110100233B (en) | 2020-12-11 |
KR102088423B1 (en) | 2020-03-13 |
WO2018163311A1 (en) | 2018-09-13 |
CN110100233A (en) | 2019-08-06 |
JP6426875B1 (en) | 2018-11-21 |
JPWO2018163311A1 (en) | 2019-03-14 |
TWI647689B (en) | 2019-01-11 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9485450B2 (en) | Contents display device, contents display method, and computer readable medium for storing contents display program | |
TWI647689B (en) | Screen creation support device, display system, and screen creation support method | |
CN111082963A (en) | Control device, communication terminal, and control system | |
CN113312125B (en) | Multi-window adjusting method, system, readable storage medium and electronic equipment | |
JP2014104040A (en) | Medical image display apparatus | |
JP5303534B2 (en) | Appearance information processing apparatus and method | |
JP5557771B2 (en) | Plant monitoring and control system | |
JP2017037416A (en) | Image processor, image processing method | |
JP2012103978A (en) | Display device for plant monitoring control system and creation method for its display screen | |
CN110546582A (en) | Display screen generation device, factory automation system, and display screen generation method | |
JP4870474B2 (en) | Parts catalog display system and control method thereof | |
JP5060674B2 (en) | Program creation device for image processing controller | |
JP7229132B2 (en) | Load condition drawing device, load condition drawing method, and load condition drawing program | |
JP2017106965A (en) | Inspection support device and inspection system | |
US9727224B2 (en) | Image processing device, image processing method, and storage medium storing image processing program | |
JP6962447B2 (en) | Information processing equipment, control methods, and programs | |
JP2013097354A (en) | Image display device | |
JP6220514B2 (en) | Robot control system and robot control method | |
JP2011154429A (en) | Plant operation monitoring device | |
JPWO2019082429A1 (en) | Manufacturing work support system, manufacturing work support method, and program | |
JP2019174882A (en) | Inspection image management system | |
JP5889166B2 (en) | Plant monitoring and control system | |
JP5060676B2 (en) | Program creation apparatus and inspection support system for image processing controller | |
JP2016139342A (en) | Information input method through coordination between apparatuses, information processing apparatus, and computer program | |
JP2013020491A (en) | Content creation support device, content creation support method, program and recording medium |