JP5255865B2 - Screen transition design support device, screen transition design support method, and screen transition design support program - Google Patents
Screen transition design support device, screen transition design support method, and screen transition design support program Download PDFInfo
- Publication number
- JP5255865B2 JP5255865B2 JP2008050146A JP2008050146A JP5255865B2 JP 5255865 B2 JP5255865 B2 JP 5255865B2 JP 2008050146 A JP2008050146 A JP 2008050146A JP 2008050146 A JP2008050146 A JP 2008050146A JP 5255865 B2 JP5255865 B2 JP 5255865B2
- Authority
- JP
- Japan
- Prior art keywords
- screen
- transition
- display
- menu
- screen transition
- 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
Description
本発明は、画面の遷移状態を示す画面遷移図を表示する画面遷移設計支援装置、画面遷移設計支援方法および画面遷移設計支援プログラムに関する。 The present invention relates to a screen transition design support apparatus, a screen transition design support method, and a screen transition design support program that display a screen transition diagram showing a screen transition state.
車載ナビゲーション装置などの開発においては、しばしば画面遷移図が用いられる。画面遷移図は、車載ナビゲーション装置の表示装置に表示される画面を1つの単位として、遷移元の画面ならびに遷移先の画面を同時に表示し、両者を矢印で結ぶとともに、矢印の近傍に画面遷移を発生させる要因(例えば、ボタンの押下など)を表示するものである(特許文献1)。 In the development of in-vehicle navigation devices, screen transition diagrams are often used. In the screen transition diagram, the screen displayed on the display device of the in-vehicle navigation device is displayed as one unit, the transition source screen and the transition destination screen are simultaneously displayed, and both are connected by arrows, and the screen transition is performed near the arrows. A factor to be generated (for example, pressing a button) is displayed (Patent Document 1).
従来の画面遷移の表現方法では、複数のメニュー項目からなるメニューリストについて、メニュー項目ごとに異なる画面へと遷移するような画面遷移を表示する際、メニュー項目の表示順序を正確に表現できないという問題が存在する。 In the conventional screen transition representation method, when displaying a screen transition that changes to a different screen for each menu item in a menu list consisting of multiple menu items, the display order of the menu items cannot be expressed accurately Exists.
請求項1に係る発明は、ヒューマン・マシン・インタフェースを開発するための画面遷移情報を処理する画面遷移設計支援装置において、表示部品をレイアウトして表示画面を生成する表示画面編集手段と、前記表示画面にメニューリストが含まれるとき、メニュー項目の新規追加、メニュー項目の削除、ならびに、前記メニューリストにおけるメニュー項目の表示順序の変更を行うメニューリスト編集手段と、遷移元の表示画面と、遷移先の表示画面と、画面の遷移要因に係るメニュー項目とを関連付けることにより、画面遷移過程を定義する画面遷移編集手段と、前記画面遷移編集手段によって定義された前記画面遷移過程を、遷移元の表示画面から遷移先の表示画面に対して、画面の遷移要因に係るメニュー項目が属するメニューリストごとに、当該メニューリストの名称が書かれた図形と当該メニューリストにおけるメニュー項目の表示順序とを描画した画面遷移図として表示する画面遷移表示手段と、前記メニューリスト編集手段により複数の利用者が独立してメニュー項目の表示順序を変更し、これにより変更されたメニュー項目の表示順序が重複した場合に、入力装置から入力された所定の合成操作に応じて、表示順序の一貫性を保つために当該メニュー項目の表示順序を変更する合成処理を実行する合成手段とを備え、前記画面遷移表示手段は、前記合成手段により前記合成処理が実行された場合に、前記画面遷移図に、前記合成処理が実行されたことを示す合成情報を、前記図形に付随する図形として描画することを特徴とする画面遷移設計支援装置である。
請求項2に係る発明は、請求項1に記載の画面遷移設計支援装置において、前記画面遷移表示手段は、前記複数の利用者を識別する情報を含む前記合成情報を描画することを特徴とする。
請求項3に係る発明は、ヒューマン・マシン・インタフェースを開発するための画面遷移情報を処理する画面遷移設計支援方法において、表示部品をレイアウトして表示画面を生成する表示画面編集工程と、前記表示画面にメニューリストが含まれるとき、メニュー項目の新規追加、メニュー項目の削除、ならびに、前記メニューリストにおけるメニュー項目の表示順序の変更を行うメニューリスト編集工程と、遷移元の表示画面と、遷移先の表示画面と、画面の遷移要因に係るメニュー項目とを関連付けることにより、画面遷移過程を定義する画面遷移編集工程と、前記画面遷移編集工程によって定義された前記画面遷移過程を、遷移元の表示画面から遷移先の表示画面に対して、画面の遷移要因に係るメニュー項目が属するメニューリストごとに、当該メニューリストの名称が書かれた図形と、当該メニュー項目および当該メニューリストにおける当該メニュー項目の表示順序とを描画した画面遷移図として表示する画面遷移表示工程と、前記メニューリスト編集工程により複数の利用者が独立してメニュー項目の表示順序を変更し、これにより変更されたメニュー項目の表示順序が重複したとき、入力装置から入力された所定の合成操作に応じて、表示順序の一貫性を保つために当該メニュー項目の表示順序を変更する合成処理を実行する合成工程とを備え、前記画面遷移表示工程は、前記合成工程により前記合成処理が実行された場合に、前記画面遷移図に、前記合成処理が実行されたことを示す合成情報を、前記図形に付随する図形として描画することを特徴とする画面遷移設計支援方法である。
請求項4に係る発明は、請求項3に記載の画面遷移設計支援方法において、前記画面遷移表示工程は、前記複数の利用者を識別する情報を含む前記合成情報を描画することを特徴とする。
The invention according to
Invention, in the screen transition design support apparatus according to
The invention according to
Invention, in the screen transition design support method according to
本発明によれば、複数のメニューリストや複数のメニュー項目が存在する画面からの画面遷移を、メニューリストにおける表示順序も含めて正確に表現することができる。 According to the present invention, it is possible to accurately represent a screen transition from a screen having a plurality of menu lists and a plurality of menu items, including the display order in the menu list.
――第1の実施の形態――
図1は、本実施形態における画面遷移設計支援装置を示すブロック図である。画面遷移設計支援装置1は、レイアウトエディタ2と、画面遷移エディタ3と、リソース管理DB4とから構成され、車載ナビゲーション装置の「画面遷移」過程を定義するために用いられる。
-First embodiment-
FIG. 1 is a block diagram showing a screen transition design support apparatus according to this embodiment. The screen transition
レイアウトエディタ2は、画面編集部21と画面表示部22を備え、画面管理テーブル41との間でデータの入出力を行う。画面編集部21は、画面管理テーブル41に保存されている、車載用ナビゲーション装置の表示画面データを編集する機能を有する。画面表示部22は、画面管理テーブル41に保存されている表示画面データを、表示装置(図示せず)へ表示する機能を有する。
The
画面遷移エディタ3は、メニューリスト編集部31と、画面遷移編集部32と、画面遷移表示部33とを備えている。メニューリスト編集部31は、メニューリスト管理テーブル42に記録されているメニューリストの一覧、ならびに、画面遷移管理テーブル42に記録されているメニュー項目データを編集する機能を有する。画面遷移編集部32は、画面遷移管理テーブル43に記録されている、一方の表示画面から他方の表示画面への遷移データを編集する機能を有する。画面遷移表示部33は、画面管理テーブル41と、メニューリスト管理テーブル42と、画面遷移管理テーブル43とに記録されているデータを元に、各表示画面間の遷移データを、表示装置(図示せず)へ表示する機能を有する。
The
リソース管理DB4は、画面管理テーブル41と、メニューリスト管理テーブル42と、画面遷移管理テーブル43とを備える。各テーブルに格納されているデータについては後述する。 The resource management DB 4 includes a screen management table 41, a menu list management table 42, and a screen transition management table 43. The data stored in each table will be described later.
以上のように構成された画面遷移設計支援装置1は、予め定めてある演算処理およびプログラム実行処理を行うCPUと、所定のプログラムおよびデータを記憶する記憶装置と、上記CPUがプログラムを実行するに際して必要なデータを入力する入力装置と、上記CPUがプログラムを実行した結果を表示する表示装置とを含んだコンピュータ(いずれも図示せず)によって実現される。すなわち、図1に示した各ブロックが有するそれぞれの機能は、上記コンピュータのCPUが記憶装置に記憶されている所定のプログラムを実行することによって実現される。
The screen transition
なお、本実施の形態においては、画面遷移設計支援装置1は、1台のコンピュータにより実現しているが、複数台のコンピュータによって実現できることは勿論である。例えば、図1において、レイアウトエディタ2、画面遷移エディタ3およびリソース管理DB4のそれぞれに対して別個のコンピュータを割り当て、それぞれのコンピュータをネットワークを介して相互に接続しておき、それら複数台のコンピュータを用いて画面遷移設計支援装置1としての機能を実現するようにしてもよい。
In the present embodiment, the screen transition
次に、画面遷移設計支援装置1の各機能について、具体例を用いて説明する。なお、以下では、画面遷移設計支援装置1の表示装置に表示される画面を「設計画面」と呼び、車載用ナビゲーション装置の表示装置に表示される画面を「表示画面」と呼ぶ。
Next, each function of the screen transition
図2は、画面遷移エディタ3を用いる際に、画面遷移設計支援装置1の表示装置に表示される設計画面の例である。画面遷移エディタ3は、車載用ナビゲーション装置における特定の表示画面から、別の表示画面へと遷移することを定義するために用いられる。図2の設計画面50では、車載用ナビゲーション装置の表示画面51から、他の表示画面へ遷移すること、ならびに、それらの遷移が発生する要因を定義している。
FIG. 2 is an example of a design screen displayed on the display device of the screen transition
画面遷移エディタ3を用いる前に、まずレイアウトエディタ2を使用して、複数の表示画面を作成しておく。画面遷移エディタ3の設計画面50には、レイアウトエディタ2によって作成された任意の表示画面を配置することができる。ある表示画面から別の表示画面へと遷移することを定義する際は、遷移元の表示画面と遷移先の表示画面を設計画面50に配置して、それらを矢印で結ぶ。このとき、遷移が発生する要因についても同時に指定する。以上の操作を行うことで、表示画面間の遷移を定義することができる。
Before using the
設計画面50に表示されている内容について、より具体的に説明する。表示画面51は、遷移元の表示画面を示している。車載用ナビゲーション装置に表示画面51が表示されているとき、車載用ナビゲーション装置に対して行った操作に応じて、車載用ナビゲーション装置の表示画面は、異なる表示画面へと遷移する。例えば、表示画面51上の「戻る」と表示されたボタンを押すと、表示画面62に遷移することが、矢印および矢印の上に表示される文字列61によって示されている。
The contents displayed on the
表示画面51には2つのメニューリストが存在している。各々のメニューリストからいずれかのメニュー項目を選択すると、選択したメニュー項目に応じて異なる表示画面へと遷移することが、矢印および矢印の上に表示される文字列によって示されている。矢印の上に表示される文字列は、メニューリスト名と、メニューリストにおけるメニュー項目の表示順序と、メニュー項目名とから構成されている。例えば文字列53は、メニューリスト名が「オーディオ」であるメニューリストの1番目に表示されている、メニュー項目名が「CD」であるメニュー項目を選択すると、表示画面54aへ遷移することを示している。メニュー項目は、後述するポップアップウィンドウ52を用いて編集することができる。
There are two menu lists on the
表示画面に同時に表示できるメニュー項目の数は、表示画面の大きさによって制限される。例えば、表示画面51では、1つのメニューリストにつき3つのメニュー項目しか同時に表示することができない。このとき、表示画面51を始点とする矢印と、矢印の上に表示される文字列によって、メニューリストに3つよりも多くのメニュー項目が存在していることを確認できる。なお、遷移元の表示画面がメニューリストを1つしか含まない場合は、遷移元の表示画面を始点とする矢印の上に表示する文字列から、メニューリスト名を省略してもよい。
The number of menu items that can be displayed simultaneously on the display screen is limited by the size of the display screen. For example, on the
図3は、表示画面51の詳細を説明するための図である。表示画面51は、レイアウトエディタ2によって作成され画面管理テーブル41に保存された、車載用ナビゲーション装置の表示画面である。表示画面51は2つのメニューリスト(63,64)を備えている。メニューリスト63には、互いに異なる名称が表示された3つのメニュー項目(66,67,68)が順に表示されている。メニューリスト63がメニュー項目を表示しきれない場合は、スクロールバー69を用いてメニュー項目全体をスクロールさせることができる。表示画面51には、以上で述べた2つのメニューリスト(63,64)の他に、「戻る」と記載されたボタン65が表示されている。
FIG. 3 is a diagram for explaining the details of the
続いて、設計画面50に表示されているポップアップウィンドウ52について説明する。図4は、ポップアップウィンドウ52の詳細を説明するための図である。ポップアップウィンドウ52は、メニューリスト名を表示する領域70と、メニュー項目を一覧表示するリスト71とを備える。領域70の表示内容を入力装置(図示せず)によって変更することで、メニューリスト名を変更することができる。
Next, the pop-up
リスト71に表示されているメニュー項目のうち、いずれか1つを選択状態にすることができる。選択状態となっているメニュー項目は、未選択のメニュー項目と区別できるよう強調表示がなされる。図4では、メニュー項目72が選択状態になっている。ポップアップウィンドウ52が備えるボタン73とボタン74を用いて、メニュー項目の表示順序を変更することができる。「上へ」と記載されたボタン73を押すと、選択状態のメニュー項目72が1つ上へ移動する。同様に、「下へ」と記載されたボタン74を押すと、選択状態のメニュー項目72が1つ下へと移動する。「追加」と記載されたボタン75を押すと、メニューリストに新しいメニュー項目を追加することができる。
Any one of the menu items displayed in the
次に、リソース管理DB4が備える各テーブルについて説明する。図5は、画面管理テーブル41のデータ構造を示す図である。画面管理テーブル41は、画面編集部21によって予め作成された、表示画面の名称(画面名)の一覧を保持する。また、それぞれの画面名に付随して、その画面名が指す表示画面データを記憶する。表示画面データはレイアウトエディタ2によって編集が行われる。
Next, each table provided in the resource management DB 4 will be described. FIG. 5 is a diagram illustrating the data structure of the screen management table 41. The screen management table 41 holds a list of display screen names (screen names) created in advance by the
図6は、メニューリスト管理テーブル42のデータ構造を示す図である。メニューリスト管理テーブル42は、表示画面に配置されているメニューリストの名称一覧を記憶する。 FIG. 6 is a diagram showing the data structure of the menu list management table 42. The menu list management table 42 stores a list of names of menu lists arranged on the display screen.
図7は、画面遷移管理テーブル43のデータ構造を示す図である。画面遷移管理テーブル43の1レコードが、1つの画面遷移情報を表す。画面遷移情報は、「メニューリスト名」と、「メニュー項目名」と、「順位」と、「遷移元画面」と、「遷移先画面」とから構成される。「メニューリスト名」は、この画面遷移を発生させるメニューリストの名称であり、メニューリスト管理テーブル42に記憶されているメニューリスト名の中から1つを選択する。「メニュー項目名」は、この画面遷移を発生させるメニュー項目の名称である。「順位」は、「メニュー項目名」で指定されるメニュー項目の、メニューリスト中の順位を示す。「遷移元画面」は、この画面遷移の遷移元となる表示画面であり、画面管理テーブル41に記憶されている画面名から指定される。設計画面において、当該画面遷移を表示したとき、矢印の起点となる表示画面が「遷移元画面」である。「遷移先画面」は、この画面遷移の遷移先となる表示画面であり、「遷移元画面」と同様に、画面管理テーブル41に記憶されている画面名から指定される。設計画面において、当該画面遷移を表示したとき、矢印の終点となる表示画面が「遷移先画面」である。 FIG. 7 is a diagram illustrating a data structure of the screen transition management table 43. One record of the screen transition management table 43 represents one screen transition information. The screen transition information includes “menu list name”, “menu item name”, “order”, “transition source screen”, and “transition destination screen”. “Menu list name” is the name of the menu list that causes this screen transition, and one of the menu list names stored in the menu list management table 42 is selected. The “menu item name” is the name of the menu item that causes this screen transition. “Rank” indicates the rank in the menu list of the menu item specified by “menu item name”. The “transition source screen” is a display screen that is the transition source of this screen transition, and is specified from the screen name stored in the screen management table 41. When the screen transition is displayed on the design screen, the display screen that is the starting point of the arrow is the “transition source screen”. The “transition destination screen” is a display screen that is the transition destination of this screen transition, and is specified from the screen name stored in the screen management table 41 as in the “transition source screen”. When the screen transition is displayed on the design screen, the display screen that is the end point of the arrow is the “transition destination screen”.
上述した第1の実施の形態による画面遷移設計支援装置によれば、次の作用効果が得られる。
(1)画面遷移を表す矢印の上に、画面遷移を発生させるメニュー項目の表示順序が表示される。これにより、メニューリスト中の、何番目のメニュー項目による画面遷移であるのかを、正確に表現することができる。
(2)メニューリストが複数存在する場合、画面遷移を表す矢印の上に、どのメニューリストに含まれるメニュー項目が画面遷移を発生させるのかが表示される。これにより、複数のメニューリストが存在する画面からの画面遷移であっても、各メニューリストを容易に区別することができる。
(3)画面遷移を表す矢印は、メニューリストに含まれるすべてのメニュー項目について表示される。これにより、表示画面に表示しきれないメニュー項目の存在を、設計画面から把握することができる。
According to the screen transition design support apparatus according to the first embodiment described above, the following operational effects can be obtained.
(1) The display order of menu items that cause a screen transition is displayed on the arrow indicating the screen transition. Thereby, it is possible to accurately represent the menu transition in which menu item in the menu list.
(2) When there are a plurality of menu lists, a menu item included in which menu list causes a screen transition is displayed on the arrow indicating the screen transition. As a result, each menu list can be easily distinguished even when the screen transition is from a screen having a plurality of menu lists.
(3) Arrows representing screen transitions are displayed for all menu items included in the menu list. Thereby, the existence of menu items that cannot be displayed on the display screen can be grasped from the design screen.
上述した第1の実施の形態では、遷移先の表示画面の数だけ、遷移元の表示画面から矢印を引いていた。以下に詳述する第2の実施の形態では、メニューリストごとに矢印をまとめることで、画面遷移の視認性を向上させる。 In the first embodiment described above, arrows are drawn from the transition source display screen by the number of transition destination display screens. In the second embodiment described in detail below, the visibility of screen transition is improved by collecting arrows for each menu list.
――第2の実施の形態――
図8は、画面遷移エディタ3を用いる際に、本実施形態における画面遷移設計支援装置1の表示装置に表示される設計画面の例である。設計画面150には、第1の実施形態における設計画面50と同じ画面遷移情報が、第1の実施形態とは異なる表現方法を用いて表示されている。
-Second embodiment-
FIG. 8 is an example of a design screen displayed on the display device of the screen transition
本実施形態における設計画面では、あるメニューリストに起因する画面遷移は、メニューリスト名が記載された5角形(以下、ベースと呼ぶ)によって表される。遷移先の表示画面はベースから伸びた矢印によって指し示され、矢印の上に表示される文字列には、画面遷移の要因となるメニュー項目名、ならびに、そのメニュー項目の、メニューリスト中における表示順序が記載される。以下、図に示した具体例を用いて説明する。 In the design screen according to the present embodiment, the screen transition caused by a certain menu list is represented by a pentagon (hereinafter referred to as a base) in which the menu list name is described. The transition destination display screen is indicated by an arrow extending from the base, and the character string displayed above the arrow indicates the menu item name that causes the screen transition and the display of the menu item in the menu list. The order is listed. Hereinafter, description will be made using a specific example shown in the figure.
図8の表示画面51にはメニューリストが2つ存在し、メニューリスト名はそれぞれ「オーディオ」と「ビジュアル」である。表示画面51から矢印76でベース77が、矢印80でベース81が、それぞれ結ばれていることによって、前述した2つのメニューリストの存在が示されている。そして、ベース77から表示画面79へ矢印が引かれており、矢印の上には「1 CD」という文字列78が表示されている。これは、メニューリスト名が「オーディオ」であるメニューリストの1番目に「CD」というメニュー項目があること、ならびに、このメニュー項目を選択すると表示画面79へ遷移することを意味する。ベース81,文字列82ならびに表示画面83についても同様である。
There are two menu lists on the
以上で述べたように、本実施形態における設計画面では、メニューリストからの画面遷移を、メニューリスト名が記載されているベースを用いて表現する。この表示方法は、2つの表示画面間の画面遷移を設計画面に表示するためだけに用いられるわけではない。すなわち、第1の表示画面から第2の表示画面へ遷移し、さらに第3の表示画面へ遷移するといった、複数の階層間における画面遷移を設計画面に表示することも可能である。 As described above, on the design screen in the present embodiment, screen transition from the menu list is expressed using a base in which the menu list name is described. This display method is not used only for displaying the screen transition between two display screens on the design screen. That is, it is possible to display a screen transition between a plurality of layers on the design screen, such as a transition from the first display screen to the second display screen, and further a transition to the third display screen.
図9は、メニューリストの全階層について画面遷移情報を表示した設計画面の例である。第1の表示画面87を起点として、第2の表示画面88への画面遷移や、第3の表示画面89への画面遷移が表示されている。このように、あらゆる表示画面間の画面遷移を、前述の表示方法に則って、1つの設計画面に同時に表示することが可能である。
FIG. 9 is an example of a design screen that displays screen transition information for all levels of the menu list. Starting from the
次に、ベースに付随して表示される、合成操作の結果について説明する。複数の開発者が同時に開発を行う場合、メニュー項目同士の表示順序が重複することがある。メニュー項目の表示順序の一貫性を保つために、メニュー項目の表示順序を変更し、表示順序の重複を除去する操作を合成操作と呼ぶ。本実施形態における画面遷移設計支援装置は、合成操作の結果を設計画面に表示する。以下、合成操作について、実際の例を基に説明する。 Next, the result of the synthesis operation displayed along with the base will be described. When multiple developers develop simultaneously, the display order of menu items may overlap. In order to maintain the consistency of the display order of the menu items, the operation of changing the display order of the menu items and removing the overlap of the display order is called a composition operation. The screen transition design support apparatus in the present embodiment displays the result of the synthesis operation on the design screen. Hereinafter, the synthesis operation will be described based on an actual example.
以下の説明では、テレビ機能の開発者と、オーディオ機能の開発者が存在する状況を仮定している。それぞれの開発者は、「AV」という名称の1つのメニューリストにメニュー項目を追加して、画面遷移を定義しようとしている。また、上記とは別に、各機能の合成を行う開発者が存在する。 In the following description, it is assumed that there are developers of television functions and developers of audio functions. Each developer intends to define a screen transition by adding a menu item to one menu list named “AV”. Apart from the above, there are developers who synthesize each function.
図10は、テレビ機能の開発者の行動を説明するための図である。まず、テレビ機能の開発者が、図10(a)のような画面遷移を設計画面において定義した。具体的には、「AVメニュー」という表示画面の、「AV」というメニューリストに、「DVD」というメニュー項目を追加し、表示順序を「1」に設定し、遷移先を「DVD」という表示画面にしている。この結果、画面遷移管理テーブル43には、図10(b)に示すデータが保存される。 FIG. 10 is a diagram for explaining the behavior of the developer of the television function. First, the developer of the television function defined a screen transition as shown in FIG. 10A on the design screen. Specifically, the menu item “DVD” is added to the menu list “AV” on the display screen “AV menu”, the display order is set to “1”, and the transition destination is displayed “DVD”. It is on the screen. As a result, the data shown in FIG. 10B is stored in the screen transition management table 43.
図11は、オーディオ機能の開発者の行動を説明するための図である。前述のテレビ機能の開発者に続いて、オーディオ機能の開発者が、図11(a)のような画面遷移を設計画面において定義した。具体的には、「AVメニュー」という表示画面の、「AV」というメニューリストに、「CD」というメニュー項目を追加し、表示順序を「1」に設定し、遷移先を「CD」という表示画面にしている。同様に、「AVメニュー」という表示画面の、「AV」というメニューリストに、「HDD」というメニュー項目を追加し、表示順序を「2」に設定し、遷移先を「HDD」という表示画面にすることも行った。この結果、画面遷移管理テーブル43には、図11(b)に示すデータが保存される。 FIG. 11 is a diagram for explaining the behavior of the developer of the audio function. Following the above-mentioned developer of the television function, the developer of the audio function has defined a screen transition as shown in FIG. 11A on the design screen. Specifically, a menu item “CD” is added to the menu list “AV” on the display screen “AV menu”, the display order is set to “1”, and the transition destination is displayed “CD”. It is on the screen. Similarly, a menu item “HDD” is added to the menu list “AV” of the display screen “AV menu”, the display order is set to “2”, and the transition destination is changed to the display screen “HDD”. I also went to. As a result, the data shown in FIG. 11B is stored in the screen transition management table 43.
図10(b)に示したレコードと、図11(b)に示したレコードは、「遷移元画面」と「メニューリスト名」が共通であるにも関わらず、「メニュー項目名」が「DVD」であるレコードと「CD」であるレコードが、共に「1」という「順位」になっている。すなわち、メニュー項目同士の表示順序が重複している。そこで、各機能の合成を行う開発者が、画面遷移の合成操作を行う必要がある。合成操作は、上記レコードの「順位」を変更することによって行われる。 Although the record shown in FIG. 10B and the record shown in FIG. 11B have the same “transition source screen” and “menu list name”, the “menu item name” is “DVD”. The record “” and the record “CD” are both in “rank” “1”. That is, the display order of menu items is duplicated. Therefore, a developer who synthesizes each function needs to perform a screen transition composition operation. The combining operation is performed by changing the “rank” of the record.
合成操作によって「順位」が変更されると、合成操作が行われた結果を示す四角形が、設計画面に表示される。図12は、画面遷移の合成操作が行われた結果を示す図である。ここで、ベース90から合成結果91が引き出されている。合成結果91には、ベース90に対応するメニューリストの情報と、合成処理を実施した開発者のユーザ名などが表示される。
When the “rank” is changed by the synthesis operation, a square indicating the result of the synthesis operation is displayed on the design screen. FIG. 12 is a diagram illustrating a result of a screen transition composition operation. Here, the
上述した第2の実施の形態による画面遷移設計支援装置によれば、第1の実施の形態による画面遷移設計支援装置で得られる作用効果に加えて、次の作用効果が得られる。
(1)画面遷移を示す矢印を、ベースごとにまとめて表示する。これにより、ある画面遷移がどのメニューリストによるものなのかを容易に判断することができる。
(2)ベースから遷移先画面に結ばれる矢印の上には、メニュー項目の表示順序と、メニュー項目名のみが表示される。これにより、メニューリスト名が繰り返し表示されることがなくなり、設計画面の視認性が向上する。
(3)ベースから合成結果が引き出し線によって表示される。これにより、各メニューリストの詳細な情報を、設計画面から読み取ることができる。
According to the screen transition design support apparatus according to the second embodiment described above, the following functions and effects are obtained in addition to the functions and effects obtained by the screen transition design support apparatus according to the first embodiment.
(1) Arrows indicating screen transitions are collectively displayed for each base. Thereby, it is possible to easily determine which menu list is used for a certain screen transition.
(2) On the arrow connecting from the base to the transition destination screen, only the display order of the menu items and the menu item name are displayed. Thereby, the menu list name is not repeatedly displayed, and the visibility of the design screen is improved.
(3) The synthesis result is displayed from the base by a lead line. Thereby, the detailed information of each menu list can be read from the design screen.
次のような変形も本発明の範囲内である。
(1)遷移先の表示画面を、メニューリスト別に自動で整列表示されるようにしてもよい。
(2)レイアウトエディタや画面遷移エディタは、1つのリソース管理DBに対して複数存在してもよい。また、それら複数のレイアウトエディタや画面遷移エディタを、同時に複数人の開発者が使用してもよい。
The following modifications are also within the scope of the present invention.
(1) The transition destination display screen may be automatically arranged and displayed for each menu list.
(2) A plurality of layout editors and screen transition editors may exist for one resource management DB. Further, a plurality of developers may use these layout editors and screen transition editors at the same time.
本発明の特徴を損なわない限り、本発明は上記実施の形態に限定されるものではなく、本発明の技術的思想の範囲内で考えられるその他の形態についても、本発明の範囲内に含まれる。 As long as the characteristics of the present invention are not impaired, the present invention is not limited to the above-described embodiments, and other forms conceivable within the scope of the technical idea of the present invention are also included in the scope of the present invention. .
なお、以上説明した実施の形態における画面遷移設計支援装置の各構成要素と特許請求の範囲の各構成要素との対応関係は以下の通りである。画面編集部21は表示画面編集手段に相当し、メニューリスト編集部31はメニューリスト編集手段に相当し、画面遷移編集部32は画面遷移編集手段に相当し、画面遷移表示部33は画面遷移表示手段に相当する。
The correspondence relationship between each component of the screen transition design support apparatus and each component in the claims in the embodiment described above is as follows. The
なお、以上の対応関係の説明は一例であり、権利解釈に際して何ら拘束されるものではない。 Note that the above description of the correspondence relationship is merely an example, and is not constrained when interpreting rights.
1 画面遷移設計支援装置
2 レイアウトエディタ
3 画面遷移エディタ
4 リソース管理DB
1 Screen transition
Claims (4)
表示部品をレイアウトして表示画面を生成する表示画面編集手段と、
前記表示画面にメニューリストが含まれるとき、メニュー項目の新規追加、メニュー項目の削除、ならびに、前記メニューリストにおけるメニュー項目の表示順序の変更を行うメニューリスト編集手段と、
遷移元の表示画面と、遷移先の表示画面と、画面の遷移要因に係るメニュー項目とを関連付けることにより、画面遷移過程を定義する画面遷移編集手段と、
前記画面遷移編集手段によって定義された前記画面遷移過程を、遷移元の表示画面から遷移先の表示画面に対して、画面の遷移要因に係るメニュー項目が属するメニューリストごとに、当該メニューリストの名称が書かれた図形と、当該メニュー項目および当該メニューリストにおける当該メニュー項目の表示順序とを描画した画面遷移図として表示する画面遷移表示手段と、
前記メニューリスト編集手段により複数の利用者が独立してメニュー項目の表示順序を変更し、これにより変更されたメニュー項目の表示順序が重複したとき、入力装置から入力された所定の合成操作に応じて、表示順序の一貫性を保つために当該メニュー項目の表示順序を変更する合成処理を実行する合成手段とを備え、
前記画面遷移表示手段は、前記合成手段により前記合成処理が実行された場合に、前記画面遷移図に、前記合成処理が実行されたことを示す合成情報を、前記図形に付随する図形として描画することを特徴とする画面遷移設計支援装置。 In a screen transition design support device that processes screen transition information for developing a human-machine interface,
Display screen editing means for laying out display parts and generating a display screen;
Menu list editing means for adding a new menu item, deleting a menu item, and changing the display order of menu items in the menu list when the display screen includes a menu list;
Screen transition editing means for defining a screen transition process by associating a transition source display screen, a transition destination display screen, and a menu item related to a screen transition factor,
The screen transition process defined by the screen transition editing means, the display screen of the transition destination from a transition source screen, each menu list menu item belongs in accordance with the transition factor of the screen, the name of the menu list and figure was written, a screen transition display means for displaying a screen transition diagram drawn a display order of the menu items in the menu items and the menu list,
When a plurality of users independently change the display order of menu items by the menu list editing means, and the display order of the changed menu items overlaps, according to a predetermined composition operation input from the input device And a combining means for executing a combining process for changing the display order of the menu items in order to maintain the consistency of the display order ,
The screen transition display means draws, on the screen transition diagram, composite information indicating that the composite process has been executed as a graphic attached to the graphic, when the composite process is executed by the composite means. A screen transition design support device characterized by that .
前記画面遷移表示手段は、前記複数の利用者を識別する情報を含む前記合成情報を描画することを特徴とする画面遷移設計支援装置。 In the screen transition design support device according to claim 1,
The screen transition display means, said plurality of screen transition design support apparatus characterized by you draw the composite information including information identifying the user.
表示部品をレイアウトして表示画面を生成する表示画面編集工程と、
前記表示画面にメニューリストが含まれるとき、メニュー項目の新規追加、メニュー項目の削除、ならびに、前記メニューリストにおけるメニュー項目の表示順序の変更を行うメニューリスト編集工程と、
遷移元の表示画面と、遷移先の表示画面と、画面の遷移要因に係るメニュー項目とを関連付けることにより、画面遷移過程を定義する画面遷移編集工程と、
前記画面遷移編集工程によって定義された前記画面遷移過程を、遷移元の表示画面から遷移先の表示画面に対して、画面の遷移要因に係るメニュー項目が属するメニューリストごとに、当該メニューリストの名称が書かれた図形と、当該メニュー項目および当該メニューリストにおける当該メニュー項目の表示順序とを描画した画面遷移図として表示する画面遷移表示工程と、
前記メニューリスト編集工程により複数の利用者が独立してメニュー項目の表示順序を変更し、これにより変更されたメニュー項目の表示順序が重複したとき、入力装置から入力された所定の合成操作に応じて、表示順序の一貫性を保つために当該メニュー項目の表示順序を変更する合成処理を実行する合成工程とを備え、
前記画面遷移表示工程は、前記合成工程により前記合成処理が実行された場合に、前記画面遷移図に、前記合成処理が実行されたことを示す合成情報を、前記図形に付随する図形として描画することを特徴とする画面遷移設計支援方法。 In a screen transition design support method for processing screen transition information for developing a human-machine interface,
A display screen editing process for laying out display parts and generating a display screen;
A menu list editing step for adding a new menu item, deleting a menu item, and changing a display order of menu items in the menu list when the display screen includes a menu list;
A screen transition editing process for defining a screen transition process by associating a display screen of a transition source, a display screen of a transition destination, and a menu item related to a screen transition factor,
The screen transition process defined by the screen transition editing process, the display screen of the transition destination from a transition source screen, each menu list menu item belongs in accordance with the transition factor of the screen, the name of the menu list and figure was written, a screen transition display step of displaying a screen transition diagram drawn a display order of the menu items in the menu items and the menu list,
When a plurality of users independently change the display order of menu items by the menu list editing step, and the display order of the changed menu items is duplicated, according to a predetermined composition operation input from the input device And a synthesis process for executing a synthesis process for changing the display order of the menu items in order to maintain the consistency of the display order ,
In the screen transition display step, when the compositing process is executed in the compositing step, the composite information indicating that the compositing process has been executed is drawn on the screen transition diagram as a graphic accompanying the graphic. A screen transition design support method characterized by that .
前記画面遷移表示工程は、前記複数の利用者を識別する情報を含む前記合成情報を描画することを特徴とする画面遷移設計支援方法。 In the screen transition design support method according to claim 3 ,
The screen transition display process, the screen transition design support method characterized by you draw the composite information including information identifying the plurality of users.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2008050146A JP5255865B2 (en) | 2008-02-29 | 2008-02-29 | Screen transition design support device, screen transition design support method, and screen transition design support program |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2008050146A JP5255865B2 (en) | 2008-02-29 | 2008-02-29 | Screen transition design support device, screen transition design support method, and screen transition design support program |
Publications (2)
Publication Number | Publication Date |
---|---|
JP2009205643A JP2009205643A (en) | 2009-09-10 |
JP5255865B2 true JP5255865B2 (en) | 2013-08-07 |
Family
ID=41147790
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
JP2008050146A Expired - Fee Related JP5255865B2 (en) | 2008-02-29 | 2008-02-29 | Screen transition design support device, screen transition design support method, and screen transition design support program |
Country Status (1)
Country | Link |
---|---|
JP (1) | JP5255865B2 (en) |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP5436506B2 (en) * | 2010-08-31 | 2014-03-05 | 株式会社ベリサーブ | Design verification apparatus, design verification method, and design verification program |
JP7184410B1 (en) | 2022-06-16 | 2022-12-06 | 株式会社Pentagon | Application development support device |
Family Cites Families (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JPH04304567A (en) * | 1991-04-01 | 1992-10-27 | Canon Inc | System processing picture |
JP3431311B2 (en) * | 1993-10-20 | 2003-07-28 | 松下電器産業株式会社 | Menu information synthesizer |
JPH07219754A (en) * | 1994-01-31 | 1995-08-18 | Toshiba Corp | Request definition support device using screen transition diagram |
JPH11231995A (en) * | 1998-02-18 | 1999-08-27 | Toshiba Corp | User interface designing method, user interface designing device and automatic processor |
JP2000147018A (en) * | 1998-11-09 | 2000-05-26 | Hitachi Denshi Ltd | Method for displaying menu hierarchy for oscilloscope and menu hierarchy indicating oscilloscope |
JP2002182914A (en) * | 2000-12-18 | 2002-06-28 | Canon Inc | Screen transition display device, screen transition display method and storage medium |
JP2003114793A (en) * | 2001-10-05 | 2003-04-18 | Cats Kk | Screen transition chart editing device, screen transition chart editing method, and program for executing the same method by computer |
JP2004240644A (en) * | 2003-02-05 | 2004-08-26 | Toshiba Corp | Menu creation system and menu creation method |
JP2009123063A (en) * | 2007-11-16 | 2009-06-04 | Hitachi Ltd | Screen transition design support apparatus, screen transition design support method, and screen transition design support program |
JP2009157580A (en) * | 2007-12-26 | 2009-07-16 | Hitachi Ltd | Hmi development support device, hmi development support method, and hmi development support program |
-
2008
- 2008-02-29 JP JP2008050146A patent/JP5255865B2/en not_active Expired - Fee Related
Also Published As
Publication number | Publication date |
---|---|
JP2009205643A (en) | 2009-09-10 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11042691B2 (en) | Editing electronic documents | |
JP6317735B2 (en) | Using the ribbon to access the application user interface | |
KR101320919B1 (en) | Method for providing GUI by divided screen and multimedia device using the same | |
US8810576B2 (en) | Manipulation and management of links and nodes in large graphs | |
KR101456506B1 (en) | An authoring tool for web applications and the authoring method thereof | |
JP4270391B2 (en) | Multimedia file tooltip | |
CN109690481A (en) | The customization of dynamic function row | |
JP4816106B2 (en) | Information display device, information display method, information display program, music playback device, and music playback program | |
WO2017083218A1 (en) | Smart card presentation of tabular data from collaboration database | |
US20120159375A1 (en) | Contextual tabs and associated functionality galleries | |
US10387009B2 (en) | Multimedia apparatus and method for providing content | |
JP2009140229A (en) | Method for displaying help information, and computer | |
TW201525730A (en) | Annotation hint display | |
US10157046B2 (en) | Method and apparatus for generating an explorer for user interface prototyping | |
US20110126171A1 (en) | Dynamic native editor code view facade | |
JP2004118550A (en) | Text editing device and program | |
JP2016085523A (en) | Method for displaying node, and computer for displaying node and computer program thereof | |
JP5255865B2 (en) | Screen transition design support device, screen transition design support method, and screen transition design support program | |
JP2013200894A (en) | Information terminal device, information processing method of information terminal device, and information processing program | |
KR101118536B1 (en) | Method for providing authoring means of interactive contents | |
JP2008242880A (en) | Content display system, content display method and onboard information terminal device | |
KR101456507B1 (en) | An authoring apparatus for applying n-screen to web application ui and the method for the same | |
JP2012014560A (en) | Graphic editing program, graphic editing method and graphic editing apparatus | |
JP5552992B2 (en) | Electronic flyer display device, electronic flyer display method, and program | |
WO2022262680A1 (en) | Display method and apparatus, and readable storage medium |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A621 | Written request for application examination |
Free format text: JAPANESE INTERMEDIATE CODE: A621 Effective date: 20110223 |
|
A977 | Report on retrieval |
Free format text: JAPANESE INTERMEDIATE CODE: A971007 Effective date: 20120411 |
|
A131 | Notification of reasons for refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A131 Effective date: 20120417 |
|
A711 | Notification of change in applicant |
Free format text: JAPANESE INTERMEDIATE CODE: A711 Effective date: 20120614 |
|
A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20120615 |
|
A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A821 Effective date: 20120614 |
|
A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20120808 |
|
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: 20130326 |
|
A61 | First payment of annual fees (during grant procedure) |
Free format text: JAPANESE INTERMEDIATE CODE: A61 Effective date: 20130422 |
|
R150 | Certificate of patent or registration of utility model |
Free format text: JAPANESE INTERMEDIATE CODE: R150 |
|
FPAY | Renewal fee payment (event date is renewal date of database) |
Free format text: PAYMENT UNTIL: 20160426 Year of fee payment: 3 |
|
LAPS | Cancellation because of no payment of annual fees |