JP5029117B2 - Software development support system, development support method and program - Google Patents
Software development support system, development support method and program Download PDFInfo
- Publication number
- JP5029117B2 JP5029117B2 JP2007111116A JP2007111116A JP5029117B2 JP 5029117 B2 JP5029117 B2 JP 5029117B2 JP 2007111116 A JP2007111116 A JP 2007111116A JP 2007111116 A JP2007111116 A JP 2007111116A JP 5029117 B2 JP5029117 B2 JP 5029117B2
- Authority
- JP
- Japan
- Prior art keywords
- window
- copy
- gui
- original
- property
- Prior art date
- Legal status (The legal status 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 status listed.)
- Expired - Fee Related
Links
Images
Landscapes
- Stored Programmes (AREA)
Description
本発明は、統一モデリング言語（ＵＭＬ）によるソフトウェア開発支援システムおよび開発支援方法に係り、特にＧＵＩ画面の作成・変更に関する。 The present invention relates to a software development support system and a development support method using a unified modeling language (UML), and more particularly to creation / change of a GUI screen.
ＵＭＬ（Ｕｎｉｆｉｅｄ Ｍｏｄｅｌｉｎｇ Ｌａｎｇｕａｇｅ）は、ソフトウェア開発のためのモデリング言語であり、開発対象のシステムの構造を表現するための表記法で、開発者同士の意思疎通を図ることができる。 UML (Unified Modeling Language) is a modeling language for software development, and is a notation method for expressing the structure of a system to be developed, and allows developers to communicate with each other.
ＵＭＬによるソフトウェア開発には、開発対象となるシステムの仕様作成、設計、実装を支援する表記物として、ユースケース図（システムの機能定義）、アクティビティ図（動作の流れ）、シーケンス図（オブジェクト間の相互作用）、オブジェクト図（インスタンスのスナップショット表記）、クラス図（静的なモデルを定義）などを作成する。ＵＭＬには上記のユースケース図やクラス図などの１０個の図が定義されているが、画面や画面遷移を表現する図を作成する機能を持たせたものもある（例えば、非特許文献１参照）。 For software development by UML, use cases (system function definition), activity diagrams (flow of operations), sequence diagrams (between objects) are used as notations to support the creation, design, and implementation of the specifications of the system to be developed. Create interaction diagrams, object diagrams (instance snapshot notation), class diagrams (define static models), etc. UML defines 10 diagrams such as the above use case diagrams and class diagrams, but some UMLs have a function of creating diagrams that represent screens and screen transitions (for example, Non-Patent Document 1). reference).
これらの図に使用される各機能要素は、ＵＭＬに定められる画面部品（矩形、楕円、円、矢印、アクター記号、コネクタ記号、ノード記号、選択記号など）および文字（名称や属性情報）の組み合わせで作成される。 Each functional element used in these figures is a combination of screen parts (rectangle, ellipse, circle, arrow, actor symbol, connector symbol, node symbol, selection symbol, etc.) and characters (name and attribute information) defined in UML. Created with.
ここで、ＵＭＬ図などの各種仕様、設計図の作成に、ＧＵＩ（Ｇｒａｐｈｉｃａｌ Ｕｓｅｒ Ｉｎｔｅｒｆａｃｅ）が使用される。上記の非特許文献１においても、開発しようとするシステムの仕様を検討・確認するために、ＧＵＩを使ってウィンドウ図（図１１参照）などを作成することができる。
Here, GUI (Graphical User Interface) is used to create various specifications such as UML diagrams and design drawings. Also in the above
このウィンドウ図では、システムで使用するウィンドウやダイアログの外見上のイメージを画面表示することで、発注元システムエンジニアとメーカーの営業技術や開発者との間でＧＵＩ画面の仕様を検討・確認したり、開発者間（リーダーとメンバーの間など）でＧＵＩ画面の仕様を確認するときに利用する。 In this window diagram, the appearance of windows and dialogs used in the system is displayed on the screen, and the GUI screen specifications are reviewed and confirmed between the ordering system engineer and the manufacturer's sales technology and developer. Used to check the GUI screen specifications between developers (such as between leaders and members).
また、客先や開発しているその場でリアルタイムにＧＵＩ画面の仕様を変更することもできる。ＧＵＩ画面の仕様変更方法として、ＧＵＩ画面上のオブジェクトの定義情報（オブジェクトの表示形態や、オブジェクトが操作された時の処理内容を示すオブジェクトコード等を含む）を登録しておき、この定義情報を変更することで、ＧＵＩ画面の仕様を変更するものもある（例えば、特許文献１参照）。
タブフォルダなどが配置されているウィンドウのように、一つのウィンドウの見え方がユーザの操作によって変わる場合、前記の特許文献１では、定義情報記憶部に登録するＧＵＩ画面上のオブジェクトの定義情報を記述することになるが、その記述は非常に困難である。
When the appearance of one window changes depending on the user's operation, such as a window in which a tab folder or the like is arranged, in
例えば、あるウィンドウには一つのタブフォルダがあり、このタブフォルダに二つのタブアイテムがあり、一つ目のタブアイテムにボタンＡ、二つ目のタブアイテムにボタンＢがある場合を考える。図１２の右上のように、一つ目のタブアイテムに関するＧＵＩオブジェクトの定義情報（タブアイテム１とボタンＡ）を記述することは簡単であるが、さらに二つ目のタブアイテムに関するＧＵＩオブジェクトの定義情報（タブアイテム２とボタンＢ）を記述すると、一つ目のタブアイテムと二つ目のタブアイテムの表示形態のうち、配置位置や大きさが同じであるため、重なって表示されてしまう。つまり、タブアイテム１が表示できなくなってしまう。これを回避するために、各タブアイテムそのものの定義情報だけでなく、二つのタブアイテムがどちらも上記のタブフォルダのタブアイテムであることを示す記述がさらに必要になる。
For example, consider a case where there is one tab folder in a window, two tab items in this tab folder, button A as the first tab item, and button B as the second tab item. As shown in the upper right of FIG. 12, it is easy to describe the definition information (
また、タブアイテムごとのウィンドウのイメージのように、それぞれの見え方に相当するウィンドウのイメージを作成することもできるが、各イメージに共通の部分を変更・修正すると、関係するすべてのイメージに対して同じ変更・修正を行わなければならない。 You can also create window images that correspond to the appearances of each tab item, such as the image of a window for each tab item. The same changes and corrections must be made.
本発明の目的は、ＧＵＩ画面の作成・変更を容易にしたソフトウェア開発支援システム、開発支援方法およびプログラムを提供することにある。 An object of the present invention is to provide a software development support system, a development support method, and a program that facilitate the creation / change of a GUI screen.
本発明は、前記の課題を解決するため、ＧＵＩ画面の元となるウィンドウをコピーしたコピーウィンドウを作成するコピーを行い、このコピー時に元ウィンドウとコピーウィンドウを画面に並べて表示し、コピーウィンドウは元ウィンドウへの参照関係を持たせることで、一方のウィンドウのＧＵＩ部品の追加、移動およびプロパティ変更を他方のウィンドウのＧＵＩ部品に連動させることができるようにしたもので、以下のシステム構成、方法およびプログラムを特徴とする。 In order to solve the above-described problems, the present invention performs a copy to create a copy window that is a copy of the original window of the GUI screen, and displays the original window and the copy window side by side at the time of this copy. By providing a reference relationship to the window, the addition, movement, and property change of the GUI part of one window can be linked to the GUI part of the other window, and the following system configuration, method, and Features a program.
（１）統一モデリング言語（ＵＭＬ）に定める画面部品と文字を組み合わせ、オブジェクト指向技術によるＧＵＩ画面を含むＵＭＬ図を作成し、このＵＭＬ図を基に開発対象となるシステムの仕様作成、設計、実装を支援するソフトウェア開発支援システムであって、
ＧＵＩ画面の元となるウィンドウをコピーしたコピーウィンドウを作成するコピーを行い、このコピー時に元ウィンドウとコピーウィンドウを画面に並べて表示し、コピーウィンドウは元ウィンドウへの参照を持たせるルックス手段と、
前記コピーウィンドウが作成されている場合、元ウィンドウにＧＵＩ部品を追加したときに、当該ウィンドウの参照関係を利用してコピーウィンドウにも当該ＧＵＩ部品を自動的に追加する部品追加手段と、
ウィンドウに載っているＧＵＩ部品を移動する場合、元ウィンドウに載っているＧＵＩ部品に対してのみＧＵＩ部品の移動を行い、コピーウィンドウに載っているコピーＧＵＩ部品に対してはＧＵＩ部品の移動を行わないモードと、元ウィンドウに載っているＧＵＩ部品（Ｘ）を移動する場合、ＧＵＩ部品（Ｘ）への参照を利用して、コピーウィンドウに載っているコピーＧＵＩ部品（Ｘ’）も同様に移動を行うモードをもつ部品移動手段と、
ウィンドウに載っているＧＵＩ部品の色や大きさなどのプロパティを変更する部品プロパティ変更手段を備え、
前記部品プロパティ変更手段は、
元ウィンドウに載っているＧＵＩ部品（Ｘ）のプロパティを変更する場合、コピーウィンドウに載っているコピーＧＵＩ部品（Ｘ’）も連動させてプロパティを変更するモードと、
元ＧＵＩ部品のプロパティ変更に対してコピーＧＵＩ部品のプロパティ変更を連動させないモードと、
コピーウィンドウに載っているコピーＧＵＩ部品（Ｘ’）のプロパティを変更する場合、コピーＧＵＩ部品（Ｘ’）のみプロパティを変更し、元ウィンドウに載っている元ＧＵＩ部品（Ｘ）のプロパティは変更しないモードと、
を備えたことを特徴とするソフトウェア開発支援システム。
(1) Combining screen parts and characters defined in the Unified Modeling Language (UML) to create a UML diagram including a GUI screen based on object-oriented technology, and creating, designing, and implementing the specifications of the system to be developed based on this UML diagram A software development support system that supports
A copy that creates a copy window that is a copy of the original window of the GUI screen, and displays the original window and the copy window side by side at the time of copying, and the copy window has a reference means for giving a reference to the original window,
When the copy window is created, when a GUI part is added to the original window, a part addition unit that automatically adds the GUI part to the copy window using the reference relationship of the window;
When moving a GUI part on the window, the GUI part is moved only for the GUI part on the original window, and the GUI part is moved on the copy GUI part on the copy window. When the GUI part (X) placed in the original window is moved, the copy GUI part (X ') placed in the copy window is moved in the same way using the reference to the GUI part (X). A component moving means having a mode for performing
A part property changing means for changing properties such as the color and size of the GUI parts on the window is provided.
The part property changing means includes
When changing the property of the GUI part (X) displayed in the original window, the mode for changing the property in conjunction with the copy GUI part (X ′) displayed in the copy window;
A mode in which the property change of the copy GUI part is not linked to the property change of the original GUI part,
When changing the properties of the copy GUI component (X ') displayed in the copy window, only the properties of the copy GUI component (X') are changed, and the properties of the original GUI component (X) displayed in the original window are not changed. Mode,
Software development support system characterized by comprising
（２）統一モデリング言語（ＵＭＬ）に定める画面部品と文字を組み合わせ、オブジェクト指向技術によるＧＵＩ画面を含むＵＭＬ図を作成し、このＵＭＬ図を基に開発対象となるシステムの仕様作成、設計、実装を支援するソフトウェア開発支援方法であって、
ＧＵＩ画面の元となるウィンドウをコピーしたコピーウィンドウを作成するコピーを行い、このコピー時に元ウィンドウとコピーウィンドウを画面に並べて表示し、コピーウィンドウは元ウィンドウへの参照を持たせるルックス手段により、前記の元ウィンドウとコピーウィンドウを画面に並べて表示し、コピーウィンドウは元ウィンドウへの参照を持たせるルックスステップと、
前記コピーウィンドウが作成されている場合、元ウィンドウにＧＵＩ部品を追加したときに、当該ウィンドウの参照関係を利用してコピーウィンドウにも当該ＧＵＩ部品を自動的に追加する部品追加手段により、前記の元ウィンドウにＧＵＩ部品を追加したときに当該ウィンドウの参照関係を利用してコピーウィンドウにも当該ＧＵＩ部品を自動的に追加する部品追加ステップと、
ウィンドウに載っているＧＵＩ部品を移動する場合、元ウィンドウに載っているＧＵＩ部品に対してのみＧＵＩ部品の移動を行い、コピーウィンドウに載っているコピーＧＵＩ部品に対してはＧＵＩ部品の移動を行わないモードと、元ウィンドウに載っているＧＵＩ部品（Ｘ）を移動する場合、ＧＵＩ部品（Ｘ）への参照を利用して、コピーウィンドウに載っているコピーＧＵＩ部品（Ｘ’）も同様に移動を行うモードをもつ部品移動手段により、前記のＧＵＩ部品の移動を行わないモードと、前記のコピーＧＵＩ部品（Ｘ’）も同様に移動を行うモードをもつ部品移動ステップと、
ウィンドウに載っているＧＵＩ部品の色や大きさなどのプロパティを変更する部品プロパティ変更手段により、前記のプロパティを変更する部品プロパティ変更ステップを備え、
前記部品プロパティ変更ステップは、
元ウィンドウに載っているＧＵＩ部品（Ｘ）のプロパティを変更する場合、コピーウィンドウに載っているコピーＧＵＩ部品（Ｘ’）も連動させてプロパティを変更するモードと、
元ＧＵＩ部品のプロパティ変更に対してコピーＧＵＩ部品のプロパティ変更を連動させないモードと、
コピーウィンドウに載っているコピーＧＵＩ部品（Ｘ’）のプロパティを変更する場合、コピーＧＵＩ部品（Ｘ’）のみプロパティを変更し、元ウィンドウに載っている元ＧＵＩ部品（Ｘ）のプロパティは変更しないモードと、
を有することを特徴とするソフトウェア開発支援方法。
(2) Combining screen parts and characters defined in the Unified Modeling Language (UML) to create a UML diagram including a GUI screen using object-oriented technology, and creating, designing, and implementing the specifications of the system to be developed based on this UML diagram A software development support method for supporting
Performs a copy to create a copy window where you copied the window which is the source of the GUI screen, displayed side by side the original window and copy window at the time of the copy on the screen, the copy window by the looks means to have a reference to the original window, the The original window and the copy window are displayed side by side on the screen, and the copy window has a look step that gives a reference to the original window
When the copy window has been created, when a GUI part is added to the original window, the part addition means for automatically adding the GUI part to the copy window using the reference relationship of the window A component addition step of automatically adding the GUI component to the copy window using the reference relationship of the window when the GUI component is added to the original window ;
When moving a GUI part on the window, the GUI part is moved only for the GUI part on the original window, and the GUI part is moved on the copy GUI part on the copy window. When the GUI part (X) placed in the original window is moved, the copy GUI part (X ') placed in the copy window is moved in the same way using the reference to the GUI part (X). A mode in which the GUI part is not moved by the part moving means having a mode for performing the above, a part moving step having a mode in which the copy GUI part (X ′) is similarly moved ,
A component property changing step for changing the property by a component property changing means for changing a property such as a color or a size of a GUI component displayed on the window;
The part property changing step includes:
When changing the property of the GUI part (X) displayed in the original window, the mode for changing the property in conjunction with the copy GUI part (X ′) displayed in the copy window;
A mode in which the property change of the copy GUI part is not linked to the property change of the original GUI part,
When changing the properties of the copy GUI component (X ') displayed in the copy window, only the properties of the copy GUI component (X') are changed, and the properties of the original GUI component (X) displayed in the original window are not changed. Mode,
A software development support method characterized by comprising:
（３）統一モデリング言語（ＵＭＬ）に定める画面部品と文字を組み合わせ、オブジェクト指向技術によるＧＵＩ画面を含むＵＭＬ図を作成し、このＵＭＬ図を基に開発対象となるシステムの仕様作成、設計、実装を支援するためにコンピュータに、
ＧＵＩ画面の元となるウィンドウをコピーしたコピーウィンドウを作成するコピーを行い、このコピー時に元ウィンドウとコピーウィンドウを画面に並べて表示し、コピーウィンドウは元ウィンドウへの参照を持たせるルックスステップと、
前記コピーウィンドウが作成されている場合、元ウィンドウにＧＵＩ部品を追加したときに、当該ウィンドウの参照関係を利用してコピーウィンドウにも当該ＧＵＩ部品を自動的に追加する部品追加ステップと、
ウィンドウに載っているＧＵＩ部品を移動する場合、元ウィンドウに載っているＧＵＩ部品に対してのみＧＵＩ部品の移動を行い、コピーウィンドウに載っているコピーＧＵＩ部品に対してはＧＵＩ部品の移動を行わないモードと、元ウィンドウに載っているＧＵＩ部品（Ｘ）を移動する場合、ＧＵＩ部品（Ｘ）への参照を利用して、コピーウィンドウに載っているコピーＧＵＩ部品（Ｘ’）も同様に移動を行うモードをもつ部品移動ステップと、
元ウィンドウに載っているＧＵＩ部品（Ｘ）のプロパティを変更する場合にコピーウィンドウに載っているコピーＧＵＩ部品（Ｘ’）も連動させてプロパティを変更するモードと、元ＧＵＩ部品のプロパティ変更に対してコピーＧＵＩ部品のプロパティ変更を連動させないモードと、コピーウィンドウに載っているコピーＧＵＩ部品（Ｘ’）のプロパティを変更する場合にコピーＧＵＩ部品（Ｘ’）のみプロパティを変更して元ウィンドウに載っている元ＧＵＩ部品（Ｘ）のプロパティは変更しないモードとをもち、ウィンドウに載っているＧＵＩ部品の色や大きさなどのプロパティを変更する部品プロパティ変更ステップと、
を実行させることを特徴とするソフトウェア開発支援プログラム。
(3) Combining screen parts and characters defined in the Unified Modeling Language (UML) to create a UML diagram including a GUI screen based on object-oriented technology, creating, designing, and implementing the specifications of the system to be developed based on this UML diagram To help the computer,
A copy that creates a copy window that is a copy of the original window of the GUI screen is displayed, the original window and the copy window are displayed side by side at the time of this copy, and the copy window has a look step that gives a reference to the original window ;
When the copy window is created, when a GUI part is added to the original window, a part addition step of automatically adding the GUI part to the copy window using the reference relationship of the window ;
When moving a GUI part on the window, the GUI part is moved only for the GUI part on the original window, and the GUI part is moved on the copy GUI part on the copy window. When the GUI part (X) placed in the original window is moved, the copy GUI part (X ') placed in the copy window is moved in the same way using the reference to the GUI part (X). and parts moving step with a mode for,
When the property of the GUI part (X) on the original window is changed, the copy GUI part (X ') on the copy window is also linked to change the property, and the property change of the original GUI part If you change the property of the copy GUI part (X ') in the copy window and the mode in which the property change of the copy GUI part is not linked, change the property of only the copy GUI part (X') and place it in the original window. A property change step for changing the property such as color and size of the GUI component displayed in the window, with a mode in which the property of the original GUI component (X) is not changed ,
Software development support program, characterized in that to the execution.
以上のとおり、本発明によれば、ＧＵＩ画面の元となるウィンドウをコピーしたコピーウィンドウを作成するコピーを行い、このコピー時に元ウィンドウとコピーウィンドウを画面に並べて表示し、コピーウィンドウは元ウィンドウへの参照関係を持たせることで、一方のウィンドウのＧＵＩ部品の追加、移動およびプロパティ変更を他方のウィンドウのＧＵＩ部品に連動させることＧＵＩ部品の追加、移動およびプロパティ変更ができるようにしたため、ＧＵＩ画面の作成・変更が容易になる。 As described above, according to the present invention, copying is performed to create a copy window that is a copy of the original window of the GUI screen, and at the time of copying, the original window and the copy window are displayed side by side on the screen, and the copy window is returned to the original window. By adding the GUI part of one window, moving and changing the property of the GUI part in one window can be linked to the GUI part of the other window, so that the GUI part can be added, moved and changed in property. Can be created and changed easily.
具体的には、
（１）ルックス機能により、並べて表示することができ、各イメージを簡単に比較することができる。
In particular,
(1) The looks function allows the images to be displayed side by side, and the images can be easily compared.
（２）各イメージの共通部分の変更・修正をすべての画面イメージに対して行う必要がなくなる。すなわち、共通部分を作成したり移動したりすると、関連するすべての画面イメージ上に共通部分を連動して作成したり移動させることができる。 (2) It is not necessary to change or modify the common part of each image for all screen images. That is, when a common part is created or moved, the common part can be created or moved in conjunction with all related screen images.
（３）コピーＧＵＩ部品に連動しないモードを設定することにより、連動してほしくないコピーＧＵＩ部品を、元ＧＵＩ部品の変更の影響を受けずにすむので、コピーＧＵＩ部品に対する再変更をしなくて良い。 (3) By setting a mode that is not linked to the copy GUI component, the copy GUI component that is not desired to be linked is not affected by the change of the original GUI component, so it is not necessary to re-change the copy GUI component. good.
（４）コピーＧＵＩ部品に連動するモードを設定すると、ＧＵＩ部品の移動およびプロパティ変更を連動させることができる。 (4) If a mode linked to a copy GUI part is set, movement of the GUI part and property change can be linked.
図１は、本発明の実施形態を示すＧＵＩ画面の作成・変更の機能ブロック図であり、ソフトウェア開発支援システムに搭載される。図１中の各部は、コンピュータシステムのハードウェア資源とこれに搭載するソフトウェアによって機能構成される。 FIG. 1 is a functional block diagram of creation / change of a GUI screen showing an embodiment of the present invention, which is installed in a software development support system. Each unit in FIG. 1 is functionally configured by hardware resources of a computer system and software installed therein.
ＧＵＩ画面処理部１０は、ルックス機能１と、部品追加機能２と部品移動機能３および部品プロパティ変更機能４を備え、ＧＵＩ画面の作成・変更処理を行う。以下、各機能別に説明する。
The GUI
（１）ルックス機能１は、元となるウィンドウをコピーしたコピーウィンドウを作成するコピーを行い、このコピー時に元ウィンドウとコピーウィンドウを画面に並べて表示することにより、両ウィンドウイメージを簡単に比較することを可能にする。このとき、コピーウィンドウには元ウィンドウへの参照を持たせる（図２参照）。 (1) The looks function 1 performs a copy to create a copy window that is a copy of the original window, and displays the original window and the copy window side by side at the time of the copy, thereby easily comparing the images of both windows. Enable. At this time, the copy window has a reference to the original window (see FIG. 2).
ルックス機能１によるコピー手順を以下に説明する。 The copy procedure by the looks function 1 will be described below.
・元ウィンドウ（Ａ）のコピー（Ａ’）を作成する。このとき、色や大きさなどのプロパティを同じにする。また、コピーウィンドウ（Ａ’）に元ウィンドウ（Ａ）への参照を設定する。 Create a copy (A ') of the original window (A). At this time, the properties such as color and size are made the same. Further, a reference to the original window (A) is set in the copy window (A ′).
・元ウィンドウ（Ａ）に載っているＧＵＩ部品（Ｂ）のコピー（Ｂ’）を作成する。このとき、色や大きさなどのプロパティを同じにする。また、コピーＧＵＩ部品（Ｂ’）に元ＧＵＩ部品（Ｂ）への参照を設定する。 A copy (B ′) of the GUI part (B) placed on the original window (A) is created. At this time, the properties such as color and size are made the same. Further, a reference to the original GUI component (B) is set in the copy GUI component (B ′).
・コピーＧＵＩ部品（Ｂ’）をコピーウィンドウ（Ａ’）に載せる。このとき、相対位置（例えば、ウィンドウ左上からの距離）を同じにする。（図３参照）
・さらにＧＵＩ部品（Ｂ）にＧＵＩ部品が載っている場合は、図４のように、載っているＧＵＩ部品（Ｃ）のコピー（Ｃ’）を作成する。このとき、色や大きさなどのプロパティを同じにする。また、コピーＧＵＩ部品（Ｃ’）に元ＧＵＩ部品（Ｃ）への参照を設定する。
Place the copy GUI part (B ′) on the copy window (A ′). At this time, the relative position (for example, the distance from the upper left of the window) is made the same. (See Figure 3)
Further, when the GUI part is mounted on the GUI part (B), a copy (C ′) of the mounted GUI part (C) is created as shown in FIG. At this time, the properties such as color and size are made the same. Further, a reference to the original GUI component (C) is set in the copy GUI component (C ′).
・コピーＧＵＩ部品（Ｃ’）をコピーＧＵＩ部品（Ｂ’）に載せる。このとき、相対位置（例えば、元ＧＵＩ部品左上からの距離）を同じする。（図４参照）
（２）部品追加機能２は、ルックス機能１によってコピーウィンドウが作成（コピー）されている場合、元ウィンドウにＧＵＩ部品を追加したときに、当該ウィンドウの参照関係を利用してコピーウィンドウにも当該ＧＵＩ部品を自動的に追加する。
Place the copy GUI part (C ′) on the copy GUI part (B ′). At this time, the relative position (for example, the distance from the upper left of the original GUI component) is the same. (See Figure 4)
(2) When the copy window is created (copied) by the looks function 1, the
例えば、図５に示すように、元ウィンドウにＧＵＩ部品（Ｘ）を追加する場合、このＧＵＩ部品（Ｘ）のコピーＧＵＩ部品（Ｘ’）を作成し、このコピーＧＵＩ部品（Ｘ’）をコピーウィンドウに追加する。 For example, as shown in FIG. 5, when a GUI part (X) is added to the original window, a copy GUI part (X ′) of this GUI part (X) is created, and this copy GUI part (X ′) is copied. Add to window.
このとき、色や大きさなどのプロパティを同じにし、相対位置（例えば、ウィンドウ左上からの距離）も同じにする。また、コピーＧＵＩ部品に追加した元ＧＵＩ部品への参照を設定する。 At this time, the properties such as color and size are made the same, and the relative position (for example, the distance from the upper left of the window) is also made the same. Also, a reference to the original GUI component added to the copy GUI component is set.
（３）部品移動機能３は、ウィンドウに載っているＧＵＩ部品を移動する場合、元ウィンドウに載っているＧＵＩ部品に対してのみＧＵＩ部品の移動を行い、コピーウィンドウに載っているコピーＧＵＩ部品に対してはＧＵＩ部品の移動を行わないモードをもつ。
(3) When moving the GUI component placed on the window, the
また、部品移動機能３は、図６に示すように、元ウィンドウに載っているＧＵＩ部品（Ｘ）を移動する場合、ＧＵＩ部品（Ｘ）への参照を利用して、コピーウィンドウに載っているコピーＧＵＩ部品（Ｘ’）も同様に移動を行うモードをもつ。このとき、相対位置（例えば、ウィンドウ左上からの距離）を同じにする。
Further, as shown in FIG. 6, when moving the GUI part (X) placed on the original window, the
（４）部品プロパティ変更機能４は、変更対象ウィンドウおよびＧＵＩ部品の状況に応じて以下の２つの機能（４Ａ）、（４Ｂ）をもつ。 (4) The part property change function 4 has the following two functions (4A) and (4B) according to the status of the change target window and the GUI part.
（４Ａ）部品プロパティ変更機能４は、ウィンドウに載っているＧＵＩ部品の色や大きさなどのプロパティを変更する場合（ただし、移動を除く）、元ウィンドウのプロパティ変更とコピーウィンドウのプロパティ変更とで異なる。 (4A) The part property change function 4 can change the property of the original window and the copy window when changing the properties such as the color and size of the GUI parts on the window (excluding movement). Different.
・元ウィンドウに載っているＧＵＩ部品（Ｘ）のプロパティを変更する場合、コピーウィンドウに載っているコピーＧＵＩ部品（Ｘ’）も同様にプロパティを変更する（図７参照）。 When changing the property of the GUI part (X) placed in the original window, the property of the copy GUI part (X ′) placed in the copy window is similarly changed (see FIG. 7).
・コピーウィンドウに載っているコピーＧＵＩ部品（Ｘ’）のプロパティを変更する場合、このコピーＧＵＩ部品（Ｘ’）のみプロパティを変更し、元ウィンドウに載っている元ＧＵＩ部品（Ｘ）のプロパティは変更しない（図８参照）。 -When changing the property of the copy GUI part (X ') displayed in the copy window, change the property of only this copy GUI part (X'), and the property of the original GUI part (X) displayed in the original window is Do not change (see FIG. 8).
（４Ｂ）上記の（４Ａ）では、元ＧＵＩ部品のプロパティを変更すると、コピーＧＵＩ部品のプロパティも同様に変更される。すでに専用にプロパティを変更しておいたコピーＧＵＩ部品の場合、上記の操作によりプロパティが変更されてしまうため、プロパティを元に戻さなければならない（図９参照）。 (4B) In (4A) above, when the property of the original GUI component is changed, the property of the copy GUI component is also changed in the same manner. In the case of a copy GUI part whose property has already been changed exclusively, the property is changed by the above-described operation. Therefore, the property must be restored (see FIG. 9).
そこで、部品プロパティ変更機能４は、コピーＧＵＩ部品に、元ＧＵＩ部品のプロパティ変更に連動しないモードを追加する。 Therefore, the part property change function 4 adds a mode not linked to the property change of the original GUI part to the copy GUI part.
例えば、図１０に示すように、コピーＧＵＩ部品（Ｘ’）に対して、元ＧＵＩ部品のプロパティ変更に連動しないモードを設定すると、上記の（４Ａ）の操作を行っても、コピーウィンドウに載っているコピーＧＵＩ部品（Ｘ’）のプロパティは変更しない。 For example, as shown in FIG. 10, when a mode that is not linked to the property change of the original GUI component is set for the copy GUI component (X ′), the copy GUI component (X ′) is displayed in the copy window even if the above operation (4A) is performed. The property of the copy GUI component (X ′) is not changed.
なお、コピーＧＵＩ部品（Ｘ’）に対して、元ＧＵＩ部品のプロパティ変更に連動するモードに設定すると、上記の（４Ａ）の変更機能を実現することができる。 Note that when the copy GUI component (X ′) is set to a mode linked to the property change of the original GUI component, the change function (4A) described above can be realized.
なお、本発明は、上記の実施形態で示すソフトウェア開発支援システムの一部又は全部の処理手順を有する開発支援方法とすること、あるいはこの方法の処理手順をコンピュータで実行可能に構成したプログラムとして提供することができる。 The present invention is a development support method having a part or all of the processing procedure of the software development support system shown in the above embodiment, or provided as a program configured so that the processing procedure of this method can be executed by a computer. can do.
１０ ＧＵＩ画面処理部
１ ルックス機能
２ 部品追加機能
３ 部品移動機能
４ 部品プロパティ変更機能
10 GUI
Claims (3)
ＧＵＩ画面の元となるウィンドウをコピーしたコピーウィンドウを作成するコピーを行い、このコピー時に元ウィンドウとコピーウィンドウを画面に並べて表示し、コピーウィンドウは元ウィンドウへの参照を持たせるルックス手段と、
前記コピーウィンドウが作成されている場合、元ウィンドウにＧＵＩ部品を追加したときに、当該ウィンドウの参照関係を利用してコピーウィンドウにも当該ＧＵＩ部品を自動的に追加する部品追加手段と、
ウィンドウに載っているＧＵＩ部品を移動する場合、元ウィンドウに載っているＧＵＩ部品に対してのみＧＵＩ部品の移動を行い、コピーウィンドウに載っているコピーＧＵＩ部品に対してはＧＵＩ部品の移動を行わないモードと、元ウィンドウに載っているＧＵＩ部品（Ｘ）を移動する場合、ＧＵＩ部品（Ｘ）への参照を利用して、コピーウィンドウに載っているコピーＧＵＩ部品（Ｘ’）も同様に移動を行うモードをもつ部品移動手段と、
ウィンドウに載っているＧＵＩ部品の色や大きさなどのプロパティを変更する部品プロパティ変更手段を備え、
前記部品プロパティ変更手段は、
元ウィンドウに載っているＧＵＩ部品（Ｘ）のプロパティを変更する場合、コピーウィンドウに載っているコピーＧＵＩ部品（Ｘ’）も連動させてプロパティを変更するモードと、
元ＧＵＩ部品のプロパティ変更に対してコピーＧＵＩ部品のプロパティ変更を連動させないモードと、
コピーウィンドウに載っているコピーＧＵＩ部品（Ｘ’）のプロパティを変更する場合、コピーＧＵＩ部品（Ｘ’）のみプロパティを変更し、元ウィンドウに載っている元ＧＵＩ部品（Ｘ）のプロパティは変更しないモードと、
を備えたことを特徴とするソフトウェア開発支援システム。 Combines screen parts and characters defined in the Unified Modeling Language (UML), creates a UML diagram that includes a GUI screen using object-oriented technology, and supports the creation, design, and implementation of the specification of the system to be developed based on this UML diagram A software development support system,
A copy that creates a copy window that is a copy of the original window of the GUI screen, and displays the original window and the copy window side by side at the time of copying, and the copy window has a reference means for giving a reference to the original window,
When the copy window is created, when a GUI part is added to the original window, a part addition unit that automatically adds the GUI part to the copy window using the reference relationship of the window;
When moving a GUI part on the window, the GUI part is moved only for the GUI part on the original window, and the GUI part is moved on the copy GUI part on the copy window. When the GUI part (X) placed in the original window is moved, the copy GUI part (X ') placed in the copy window is moved in the same way using the reference to the GUI part (X). A component moving means having a mode for performing
A part property changing means for changing properties such as the color and size of the GUI parts on the window is provided.
The part property changing means includes
When changing the property of the GUI part (X) displayed in the original window, the mode for changing the property in conjunction with the copy GUI part (X ′) displayed in the copy window;
A mode in which the property change of the copy GUI part is not linked to the property change of the original GUI part,
When changing the properties of the copy GUI component (X ') displayed in the copy window, only the properties of the copy GUI component (X') are changed, and the properties of the original GUI component (X) displayed in the original window are not changed. Mode,
Software development support system characterized by comprising
ＧＵＩ画面の元となるウィンドウをコピーしたコピーウィンドウを作成するコピーを行い、このコピー時に元ウィンドウとコピーウィンドウを画面に並べて表示し、コピーウィンドウは元ウィンドウへの参照を持たせるルックス手段により、前記の元ウィンドウとコピーウィンドウを画面に並べて表示し、コピーウィンドウは元ウィンドウへの参照を持たせるルックスステップと、
前記コピーウィンドウが作成されている場合、元ウィンドウにＧＵＩ部品を追加したときに、当該ウィンドウの参照関係を利用してコピーウィンドウにも当該ＧＵＩ部品を自動的に追加する部品追加手段により、前記の元ウィンドウにＧＵＩ部品を追加したときに当該ウィンドウの参照関係を利用してコピーウィンドウにも当該ＧＵＩ部品を自動的に追加する部品追加ステップと、
ウィンドウに載っているＧＵＩ部品を移動する場合、元ウィンドウに載っているＧＵＩ部品に対してのみＧＵＩ部品の移動を行い、コピーウィンドウに載っているコピーＧＵＩ部品に対してはＧＵＩ部品の移動を行わないモードと、元ウィンドウに載っているＧＵＩ部品（Ｘ）を移動する場合、ＧＵＩ部品（Ｘ）への参照を利用して、コピーウィンドウに載っているコピーＧＵＩ部品（Ｘ’）も同様に移動を行うモードをもつ部品移動手段により、前記のＧＵＩ部品の移動を行わないモードと、前記のコピーＧＵＩ部品（Ｘ’）も同様に移動を行うモードをもつ部品移動ステップと、
ウィンドウに載っているＧＵＩ部品の色や大きさなどのプロパティを変更する部品プロパティ変更手段により、前記のプロパティを変更する部品プロパティ変更ステップを備え、
前記部品プロパティ変更ステップは、
元ウィンドウに載っているＧＵＩ部品（Ｘ）のプロパティを変更する場合、コピーウィンドウに載っているコピーＧＵＩ部品（Ｘ’）も連動させてプロパティを変更するモードと、
元ＧＵＩ部品のプロパティ変更に対してコピーＧＵＩ部品のプロパティ変更を連動させないモードと、
コピーウィンドウに載っているコピーＧＵＩ部品（Ｘ’）のプロパティを変更する場合、コピーＧＵＩ部品（Ｘ’）のみプロパティを変更し、元ウィンドウに載っている元ＧＵＩ部品（Ｘ）のプロパティは変更しないモードと、
を有することを特徴とするソフトウェア開発支援方法。 Combines screen parts and characters defined in the Unified Modeling Language (UML), creates a UML diagram that includes a GUI screen using object-oriented technology, and supports the creation, design, and implementation of the specification of the system to be developed based on this UML diagram A software development support method,
Performs a copy to create a copy window where you copied the window which is the source of the GUI screen, displayed side by side the original window and copy window at the time of the copy on the screen, the copy window by the looks means to have a reference to the original window, the The original window and the copy window are displayed side by side on the screen, and the copy window has a look step that gives a reference to the original window
When the copy window has been created, when a GUI part is added to the original window, the part addition means for automatically adding the GUI part to the copy window using the reference relationship of the window A component addition step of automatically adding the GUI component to the copy window using the reference relationship of the window when the GUI component is added to the original window ;
When moving a GUI part on the window, the GUI part is moved only for the GUI part on the original window, and the GUI part is moved on the copy GUI part on the copy window. When the GUI part (X) placed in the original window is moved, the copy GUI part (X ') placed in the copy window is moved in the same way using the reference to the GUI part (X). A mode in which the GUI part is not moved by the part moving means having a mode for performing the above, a part moving step having a mode in which the copy GUI part (X ′) is similarly moved ,
A component property changing step for changing the property by a component property changing means for changing a property such as a color or a size of a GUI component displayed on the window;
The part property changing step includes:
When changing the property of the GUI part (X) displayed in the original window, the mode for changing the property in conjunction with the copy GUI part (X ′) displayed in the copy window;
A mode in which the property change of the copy GUI part is not linked to the property change of the original GUI part,
When changing the properties of the copy GUI component (X ') displayed in the copy window, only the properties of the copy GUI component (X') are changed, and the properties of the original GUI component (X) displayed in the original window are not changed. Mode,
A software development support method characterized by comprising:
ＧＵＩ画面の元となるウィンドウをコピーしたコピーウィンドウを作成するコピーを行い、このコピー時に元ウィンドウとコピーウィンドウを画面に並べて表示し、コピーウィンドウは元ウィンドウへの参照を持たせるルックスステップと、
前記コピーウィンドウが作成されている場合、元ウィンドウにＧＵＩ部品を追加したときに、当該ウィンドウの参照関係を利用してコピーウィンドウにも当該ＧＵＩ部品を自動的に追加する部品追加ステップと、
ウィンドウに載っているＧＵＩ部品を移動する場合、元ウィンドウに載っているＧＵＩ部品に対してのみＧＵＩ部品の移動を行い、コピーウィンドウに載っているコピーＧＵＩ部品に対してはＧＵＩ部品の移動を行わないモードと、元ウィンドウに載っているＧＵＩ部品（Ｘ）を移動する場合、ＧＵＩ部品（Ｘ）への参照を利用して、コピーウィンドウに載っているコピーＧＵＩ部品（Ｘ’）も同様に移動を行うモードをもつ部品移動ステップと、
元ウィンドウに載っているＧＵＩ部品（Ｘ）のプロパティを変更する場合にコピーウィンドウに載っているコピーＧＵＩ部品（Ｘ’）も連動させてプロパティを変更するモードと、元ＧＵＩ部品のプロパティ変更に対してコピーＧＵＩ部品のプロパティ変更を連動させないモードと、コピーウィンドウに載っているコピーＧＵＩ部品（Ｘ’）のプロパティを変更する場合にコピーＧＵＩ部品（Ｘ’）のみプロパティを変更して元ウィンドウに載っている元ＧＵＩ部品（Ｘ）のプロパティは変更しないモードとをもち、ウィンドウに載っているＧＵＩ部品の色や大きさなどのプロパティを変更する部品プロパティ変更ステップと、
を実行させることを特徴とするソフトウェア開発支援プログラム。 Combines screen parts and characters defined in the Unified Modeling Language (UML), creates a UML diagram that includes a GUI screen using object-oriented technology, and supports the creation, design, and implementation of the specification of the system to be developed based on this UML diagram To the computer,
A copy that creates a copy window that is a copy of the original window of the GUI screen is displayed, the original window and the copy window are displayed side by side at the time of this copy, and the copy window has a look step that gives a reference to the original window ;
When the copy window is created, when a GUI part is added to the original window, a part addition step of automatically adding the GUI part to the copy window using the reference relationship of the window ;
When moving a GUI part on the window, the GUI part is moved only for the GUI part on the original window, and the GUI part is moved on the copy GUI part on the copy window. When the GUI part (X) placed in the original window is moved, the copy GUI part (X ') placed in the copy window is moved in the same way using the reference to the GUI part (X). and parts moving step with a mode for,
When the property of the GUI part (X) on the original window is changed, the copy GUI part (X ') on the copy window is also linked to change the property, and the property change of the original GUI part If you change the property of the copy GUI part (X ') in the copy window and the mode in which the property change of the copy GUI part is not linked, change the property of only the copy GUI part (X') and place it in the original window. A property change step for changing the property such as color and size of the GUI component displayed in the window, with a mode in which the property of the original GUI component (X) is not changed ,
Software development support program, characterized in that to the execution.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2007111116A JP5029117B2 (en) | 2007-04-20 | 2007-04-20 | Software development support system, development support method and program |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2007111116A JP5029117B2 (en) | 2007-04-20 | 2007-04-20 | Software development support system, development support method and program |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| JP2008269276A JP2008269276A (en) | 2008-11-06 |
| JP5029117B2 true JP5029117B2 (en) | 2012-09-19 |
Family
ID=40048693
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| JP2007111116A Expired - Fee Related JP5029117B2 (en) | 2007-04-20 | 2007-04-20 | Software development support system, development support method and program |
Country Status (1)
| Country | Link |
|---|---|
| JP (1) | JP5029117B2 (en) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20130275893A1 (en) * | 2010-12-24 | 2013-10-17 | Mitsubishi Electric Corporation | Screen creation system for programmable display |
Family Cites Families (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JPH05257665A (en) * | 1992-03-12 | 1993-10-08 | Shikoku Nippon Denki Software Kk | Hcp chart/source program interlocking editing device |
| JP3762322B2 (en) * | 2002-03-28 | 2006-04-05 | 三菱電機株式会社 | Object-use gateway device |
-
2007
- 2007-04-20 JP JP2007111116A patent/JP5029117B2/en not_active Expired - Fee Related
Also Published As
| Publication number | Publication date |
|---|---|
| JP2008269276A (en) | 2008-11-06 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US8712953B2 (en) | Data consumption framework for semantic objects | |
| US8117594B2 (en) | Graphical editor with incremental development | |
| Rieger et al. | A process-oriented modeling approach for graphical development of mobile business apps | |
| Ribeiro et al. | Xis-mobile: A dsl for mobile applications | |
| US9116709B2 (en) | Computationally efficient system for developing configurable, extensible GUI for database centric enterprise business applications | |
| US9128733B2 (en) | Display and resolution of incompatible layout constraints | |
| Ahmed et al. | Model-based user interface engineering with design patterns | |
| Heitkötter et al. | Extending a model-driven cross-platform development approach for business apps | |
| KR20160062225A (en) | Control and part compliant hierarchy | |
| US20200326914A1 (en) | Creating an app method and system | |
| US9703443B2 (en) | Method and system for creating a free-form visual user interface element | |
| Yigitbas et al. | Adapt-UI: an IDE supporting model-driven development of self-adaptive UIs | |
| WO2015042551A2 (en) | Method and system for selection of user interface rendering artifacts in enterprise web applications using a manifest mechanism | |
| Rieger et al. | A model-driven approach to cross-platform development of accessible business apps | |
| Katz et al. | Practical RichFaces | |
| JP5029117B2 (en) | Software development support system, development support method and program | |
| US11809844B2 (en) | Creating an app method and system | |
| Fuhrmann et al. | Automatic layout and structure-based editing of UML diagrams | |
| Kulkarni | Model driven software development: a practitioner takes stock and looks into future | |
| Arora | Microsoft Team Foundation Server 2015 Cookbook | |
| Aquino | Adding flexibility in the model-driven engineering of user interfaces | |
| Nathan | Universal Windows apps with XAML and C# unleashed | |
| Rieger et al. | A Process-Oriented Modeling Approach for Graphical Development of | |
| JP5029116B2 (en) | Software development support system, development support method | |
| Poonsuph | Design and Implementation of a LCDP with Enhanced Functionality |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| A621 | Written request for application examination |
Free format text: JAPANESE INTERMEDIATE CODE: A621 Effective date: 20091112 |
|
| A977 | Report on retrieval |
Free format text: JAPANESE INTERMEDIATE CODE: A971007 Effective date: 20111209 |
|
| A131 | Notification of reasons for refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A131 Effective date: 20111220 |
|
| A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20120220 |
|
| RD02 | Notification of acceptance of power of attorney |
Free format text: JAPANESE INTERMEDIATE CODE: A7422 Effective date: 20120220 |
|
| A131 | Notification of reasons for refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A131 Effective date: 20120313 |
|
| A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20120510 |
|
| TRDD | Decision of grant or rejection written | ||
| A01 | Written decision to grant a patent or to grant a registration (utility model) |
Free format text: JAPANESE INTERMEDIATE CODE: A01 Effective date: 20120529 |
|
| A01 | Written decision to grant a patent or to grant a registration (utility model) |
Free format text: JAPANESE INTERMEDIATE CODE: A01 |
|
| A61 | First payment of annual fees (during grant procedure) |
Free format text: JAPANESE INTERMEDIATE CODE: A61 Effective date: 20120611 |
|
| R150 | Certificate of patent or registration of utility model |
Ref document number: 5029117 Country of ref document: JP Free format text: JAPANESE INTERMEDIATE CODE: R150 Free format text: JAPANESE INTERMEDIATE CODE: R150 |
|
| FPAY | Renewal fee payment (event date is renewal date of database) |
Free format text: PAYMENT UNTIL: 20150706 Year of fee payment: 3 |
|
| LAPS | Cancellation because of no payment of annual fees |