JP2022051276A - コンピュータプログラム、仕様出力装置、及びプログラムの製造方法 - Google Patents

Abstract

【課題】ＧＵＩ開発にて不具合の発生を抑制することができるコンピュータプログラム、仕様出力装置及び製造方法を提供する。【解決手段】コンピュータプログラムは、表示部を備えるコンピュータに、ＧＵＩのシミュレート画面を表示しＳ３０１、シミュレート画面上でＧＵＩに含まれる部品を動作させる操作画面を表示し、操作画面での操作に応じて部品又は該部品の意匠を設定に従って変化させＳ３０６、変化する部品の設定内容を示す設定画面を表示するＳ３０８処理を実行させる。【選択図】図１２

Description

本発明は、コンピュータプログラム、仕様出力装置、及びプログラムの製造方法に関する。

ステータスをグラフィック表示し、グラフィック上又は物理ボタンで操作を受け付けるＧＵＩ（Graphical User Interface）を含むＵＩが多様な分野の機器で利用されている。ＵＩの利用は、ディスプレイを持つパーソナルコンピュータ、タッチパネル式ディスプレイを備える所謂スマートフォン等の機器で動作するアプリケーションプログラムのみではない。自動車又は自動二輪車のセンターコンソールやナビゲーション装置、自転車のサイクルコンピュータもディスプレイを有し、意匠性の高いグラフィックを表示させる。これらの機器における操作に応じたグラフィックの意匠、画面遷移等の設計は、機器の操作性を左右し、機器の訴求力を左右するために重要である。

特許文献１には、ＧＵＩの画面設計を、ＧＵＩで受け付けてソースコードを作成するコンピュータプログラムが開示されている。特許文献１のコンピュータプログラムは、設計をオプション別に受け付け、受け付けられた設計に基づいてオプション別に、ＧＵＩを実現するソースコードを出力させ、設計結果のＧＵＩを記述する仕様データ（構造データ等）を出力する。

特許５９０３２７６号

動きのない画面が、リンク選択やボタン操作で遷移するようなＧＵＩの場合、画面の静止画を出力した紙媒体、又はドキュメントデータが仕様として作成される。特許文献１に開示されているコンピュータプログラムに基づいて作成される仕様データは、画面内に含まれる部品の構造データ等、参照したときに静的に、紙又は画面に出力されるデータである。

昨今の機器で利用されるＧＵＩは、動きを伴う意匠の部品を含む。ＧＵＩの仕様（動き）を設計する開発者と、そのＧＵＩを実現するソースコードを作成する開発者とでは、前者が委託主（アウトソーサー）、後者が委託先（サプライヤー）として異なる事業者が協力して作製することも多い。委託主が、複雑なＧＵＩの仕様を委託先へ出力する場合、仕様が静止画の画面遷移からなる仕様書である場合、委託先の作業者に、仕様の全てが伝わりづらく、複雑なＧＵＩを含むプログラムに不具合が混入する可能性が上がる。

本発明は、斯かる事情を鑑みてなされたものであり、ＧＵＩ開発にて不具合の発生を抑制することができるコンピュータプログラム、仕様出力装置及び製造方法を提供することを目的とする。

本開示の一実施形態のコンピュータプログラムは、表示部を備えるコンピュータに、機器に搭載されるＧＵＩのシミュレート画面を表示し、前記シミュレート画面上でＧＵＩに含まれる部品を動作させる操作画面を表示し、操作画面での操作に応じて前記部品又は該部品の意匠を設定に従って変化させ、変化する前記部品の設定内容を示す設定画面表示させ、ディスプレイに対するフレームレート、又は、解像度のうち少なくとも一方の変更を受け付ける処理を実行させる。

本開示の一実施形態の仕様出力装置は、表示部に、ＧＵＩについての画面設定エリア、及び、前記ＧＵＩのシミュレート表示エリアを含む仕様作成画面を表示させ、前記画面設定エリアで前記ＧＵＩに含まれる部品の作成操作を受け付け、作成された前記部品を前記シミュレート表示エリアに表示し、前記部品に対する入力と、該入力に対する前記部品の動作の設定を受け付け、作成された前記部品のデータ、受け付けられた前記入力及び動作のデータに基づき、前記ＧＵＩのシミュレート画面、及び前記ＧＵＩに対する操作画面を含む前記ＧＵＩの仕様を表示し、ディスプレイに対するフレームレート、又は、解像度のうち少なくとも一方の変更を受け付けるプログラムを出力する処理を実行する処理部を備える。

本開示の一実施形態のコンピュータプログラムは、表示部を備えるコンピュータに、ＧＵＩについての画面設定エリア、及び、前記ＧＵＩのシミュレート表示エリアを含む仕様作成画面を前記表示部に表示し、前記画面設定エリアで前記ＧＵＩに含まれる部品の作成操作を受け付け、作成された前記部品を前記シミュレート表示エリアに表示し、前記部品に対する入力と、該入力に対する前記部品の動作の設定操作を受け付け、作成された前記部品のデータ、受け付けられた前記入力及び動作のデータに基づき、前記ＧＵＩのシミュレート画面、及び前記ＧＵＩに対する操作画面を含む前記ＧＵＩの仕様を表示させ、ディスプレイに対するフレームレート、又は、解像度のうち少なくとも一方の変更を受け付けるプログラムを出力する処理を実行させる。

本開示の一実施形態の製造方法は、ＧＵＩについての画面設定エリア、及び、前記ＧＵＩのシミュレート表示エリアを含む仕様作成画面を前記表示部に表示し、前記画面設定エリアで前記ＧＵＩに含まれる部品の作成操作を受け付け、作成された前記部品を前記シミュレート表示エリアに表示し、前記部品に対する入力と、該入力に対する前記部品の動作の設定を受け付け、作成された前記部品のデータ、受け付けられた前記入力及び動作のデータに基づき、前記ＧＵＩのシミュレート画面、及び前記ＧＵＩに対する操作画面を含む前記ＧＵＩの仕様を表示させるプログラムを出力する。

本開示のコンピュータプログラム、仕様出力装置及び製造方法では、ＧＵＩのシミュレート画面と、シミュレート画面にＧＵＩに含まれる部品又は部品の意匠を動的に変化させる操作画面とを含むプログラムが出力される。このプログラムにより、ＧＵＩについての動きのある仕様の確認が可能になる。

本開示によれば、ＧＵＩの動きも含めてシミュレートして仕様を表示させるプログラムが提供されるから、ＧＵＩ開発にて不具合の発生を抑制することができる。

仕様出力装置の概要図である。 仕様出力装置の構成を示すブロック図である。 仕様出力装置の処理部の機能を示す機能ブロック図である。 仕様出力装置によるソフトの作成処理手順の一例を示すフローチャートである。 仕様出力装置によるソフトの作成処理手順の一例を示すフローチャートである。 仕様作成画面の内容例を示す。 仕様作成画面の内容例を示す。 仕様作成画面の内容例を示す。 ＦＰＳの設定を受け付ける際の仕様作成画面の例を示す。 データ出力操作を受け付ける際の仕様作成画面の例を示す。 開発支援装置の構成を示すブロック図である。 開発支援装置におけるＧＵＩシミュレータソフトによる仕様データ出力処理手順の一例を示すフローチャートである。 ＧＵＩシミュレータソフトを実行することで表示される画面例を示す。 ＦＰＳの設定を受け付ける仕様データ出力画面の例を示す。 データ出力操作を受け付ける際の仕様データ出力画面の例を示す。 画面仕様出力操作を受け付ける際の画面一覧出力画面の例を示す。 画面仕様出力操作を受け付けることで表示される画面例を示す。

本開示をその実施の形態を示す図面を参照して具体的に説明する。

図１は、本開示の仕様出力装置１の概要図である。仕様出力装置１は例えば、開発対象のＧＵＩプログラムが搭載される機器の機器メーカにて管理される。機器メーカは、ＧＵＩプログラムを開発する開発者へ向けて、ＧＵＩプログラムの仕様の確認を支援するＧＵＩシミュレータソフト２を提供する。開発者は例えば、機器メーカからＧＵＩプログラムの作製を委託されるサプライヤである。開発者は、委託元の機器メーカから提供されるＧＵＩシミュレータソフト２の実行結果を参照しながら、仕様に従ったＧＵＩプログラムを開発・作製し、機器メーカへ納品する。

ここでＧＵＩシミュレータソフト２は、ＧＵＩプログラムを実行する機器で出力されるＧＵＩをシミュレートする実行ファイルである。この実行ファイルを、ＧＵＩプログラムの作製者の開発支援装置３で実行すると、実行ファイルは、機器の操作状態とそれに応じて出力されるＧＵＩ、及び、ＧＵＩの設定内容を含む画面をシミュレート出力する。

機器メーカの仕様設計のオペレータは、設計に基づいて、仕様出力装置１から、ＧＵＩシミュレータソフト２を出力させる。ＧＵＩプログラムの開発者は、機器メーカから提供されるＧＵＩシミュレータソフト２によって出力される画面を確認しながら、ＧＵＩプログラムが委託主から要求される仕様に従っているか確認しながら、ＧＵＩプログラムを作製する。

図２は、仕様出力装置１の構成を示すブロック図である。仕様出力装置１は、汎用パーソナルコンピュータである。仕様出力装置１は、処理部１０、記憶部１１、表示部（出力部）１２及び操作部（入力部）１３を備える。

処理部１０は、ＣＰＵ（Central Processing Unit ）及び／又はＧＰＵ（Graphics Processing Unit）を用いたプロセッサである。処理部１０は、内蔵するＲＯＭ（Read Only Memory）及びＲＡＭ（Random Access Memory）等のメモリを用い、各構成部を制御して処理を実行する。処理部１０は、プロセッサ、メモリ、通信デバイス等を集積した１つのハードウェア（ＳｏＣ：System On a Chip）として構成されていてもよい。処理部１０は、記憶部１１に記憶されている仕様作成プログラム１Ｐに基づき、仕様設計のオペレータの操作を受け付けて仕様データを作成し、出力する。

記憶部１１は、ハードディスク等の不揮発性記憶媒体を用い、処理部１０が参照するプログラム及びデータを記憶する。記憶部１１は、仕様作成プログラム１Ｐを記憶する。記憶部１１に記憶されている仕様作成プログラム１Ｐは、処理部１０が記憶媒体６に記憶されている仕様作成プログラム１Ｐを読み出して複製したものであってもよい。仕様作成プログラム１Ｐは、図示しないサーバ装置から処理部１０がダウンロードして記憶部１１に記憶し、インストールしたものであってもよい。

記憶部１１は、ＧＵＩの部品、部品の意匠、画面の要素となるグラフィックデータ等を記憶する。記憶部１１は、入出力データを記憶する。記憶部１１は、設計の操作によって処理部１０が生成する画面設定データ、動作データ、作成されるＧＵＩシミュレータソフト２等を記憶する。

表示部（出力部）１２は、液晶パネル又は有機ＥＬディスプレイ等、グラフィックを出力する出力装置である。表示部（出力部）１２は、タッチパネル内蔵のディスプレイであってもよい。

操作部（入力部）１３は、仕様設計のオペレータの操作を受け付ける入力装置であり、キーボード、ポインティングデバイス、ディスプレイ内蔵のタッチパネルデバイス、スピーカ及びマイクロフォン等を用いる。操作部（入力部）１３は、マイクロフォンにて入力音声から操作内容を認識し、スピーカで出力する音声との対話形式で操作を受け付けてもよい。

図３は、仕様出力装置１の処理部１０の機能を示す機能ブロック図である。処理部１０の各機能は、仕様作成プログラム１Ｐに含まれる各モジュールに基づく。仕様作成プログラム１Ｐは、ＧＵＩを表示部（出力部）１２に描画するためのエンジン、ライブラリ等と協働する。仕様作成プログラム１Ｐは例えば、機器の入力装置（コントローラ）に対する操作に応じて、画面上の部品（オブジェクト、背景）を動かし、部品の意匠（ピクチャ、アニメーション）を変化させるゲーム開発エンジンベースのプログラムである。

仕様作成プログラム１Ｐは、格納モジュール、画面設定モジュール、表示部品設定モジュール、表示動作設定モジュール、シミュレーションモジュール、履歴モジュール、及びソフト作成モジュールを含む。処理部１０は仕様作成プログラム１Ｐに基づき、格納部１０１、画面設定部１０２、表示部品設定部１０３、表示動作設定部１０４、シミュレーション部１０５、データ出力部１０６、履歴部１０７、ソフトウェア作成部１０８として機能する。

格納モジュールは、処理部１０を、部品意匠データ、画面設定データ、動作データ、入出力データを記憶部１１に記憶する処理を実行する格納部１０１として機能させる。

画面設定モジュールは、処理部１０を、操作部（入力部）１３により受け付けた画面設定データを作成し、格納モジュールへ渡して格納する処理を実行する画面設定部１０２として機能させる。

表示部品設定モジュールは、処理部１０を、操作部（入力部）１３によって受け付けた画面に表示する部品が行なうイベントに対する動作データを作成し、格納モジュールへ渡して格納する処理を実行する表示部品設定部１０３として機能させる。

表示動作設定モジュールは、処理部１０を、操作部（入力部）１３によって受け付けた部品に対する入出力データを作成し、格納モジュールへ渡して格納する処理を実行する表示動作設定部１０４として機能させる。

シミュレーションモジュールは、処理部１０を、格納された部品意匠データ、画面設定データ、及び、動作データと、操作部（入力部）１３にて受け付けた操作イベントを用いて表示する画面を構成し、表示部（出力部）１２に出力する処理を実行するシミュレーション部１０５として機能させる。シミュレーション部１０５は、表示部（出力部）１２の仕様に応じたフレームレート（ＦＰＳ：frames per second）の設定を受け付けることも可能である。

データ出力モジュールは、処理部１０は、記憶部１１に記憶されている部品意匠データ、画面設定データ、動作データ、又は入出力データ、を出力するデータ出力部１０６として機能させる。

履歴モジュールは、処理部１０を、シミュレーションモジュールに基づいて表示部（出力部）１２に対して出力された画面及び画面に対する入出力データを含む履歴データを作成し、格納、履歴データを読み出し、削除、名称の変更する処理を実行する履歴部１０７として機能させる。入出力データは、操作部（入力部）１３で受け付けられた入力、及び表示部（出力部）１２への出力を表すデータである。

ソフトウェア作成モジュールは、処理部１０を、格納モジュールによって格納された部品意匠データ、画面設定データ、動作データ、入出力データに基づき、ＧＵＩシミュレータソフト２を作成し、記憶部１１に記憶する処理を実行するソフトウェア作成部１０８として機能させる。ソフトウェア作成部１０８は、ゲーム開発エンジンベースのプログラムに基づき動作する。

このように構成される仕様出力装置１によるＧＵＩシミュレータソフト２の作成処理についてフローチャートを参照して説明する。図４及び図５は、仕様出力装置１によるソフトの作成処理手順の一例を示すフローチャートである。仕様出力装置１の処理部１０は、仕様作成プログラム１Ｐを起動すると以下の処理を実行する。

処理部１０は、後述する図６に記載する画面設定エリア２０１、シミュレート表示エリア２０２、表示部品編集エリア２０３、部品動作編集エリア２０４を含む、仕様作成操作画面を表示部（出力部）１２に表示させる（ステップＳ１０１）。

処理部１０は、仕様作成操作画面上で、ＧＵＩプログラムに基づいて出力されるべき画面に含まれる部品及びその意匠の作成・選択を受け付ける（ステップＳ１０２）。ステップＳ１０２において処理部１０は、表示部品設定部１０３の機能により、画面設定エリア２０１にて部品の作成、複製等を受け付ける。処理部１０は、予め部品リストから選択を受け付け、作成してもよい。処理部１０は、部品の意匠を仕様作成操作画面上で作成してもよいし、意匠のデータを記憶部１１に作成済みのものから読み込んでもよい。

処理部１０は、格納部１０１の機能により、ステップＳ１０２で作成・選択した部品及び意匠の部品意匠データを記憶部１１に記憶する（ステップＳ１０３）。

処理部１０は、作成・選択した部品に対して受付可能なイベントに対応する動作（処理）の設定操作を受け付ける（ステップＳ１０４）。ステップＳ１０４において処理部１０は例えば、表示部品設定部１０３及び表示動作設定部１０４の機能により、表示部品編集エリア２０３、及び、部品動作編集エリア２０４にて、部品に対して受付可能なイベント（入力データ）のリストを表示し、リストからイベントの選択を受け付けてもよい。ステップＳ１０４においてイベントを表すコードのテキスト入力で受け付けてもよい。処理部１０は、イベントに応じた処理内容（出力データ）のリストから選択を受け付けるか、テキスト入力で受け付ける。

処理部１０は、格納部１０１の機能により、ステップＳ１０４で設定された処理内容に対応する動作データ、及び入出力データを記憶部１１に記憶する（ステップＳ１０５）。

処理部１０は、画面設定部１０２の機能により、選択された部品の画面への配置を受け付ける（ステップＳ１０６）。処理部１０はステップＳ１０６において、シミュレート表示エリア２０２上で、ＧＵＩのプレビュー画面上で配置を受け付けてもよいし、座標の入力を受け付けてもよい。

処理部１０は、格納部１０１の機能により、ステップＳ１０６で受け付けられた部品の配置を記述する画面設定データを作成し、記憶部１１に記憶する（ステップＳ１０７）。

処理部１０は、画面遷移条件の設定を受け付ける（ステップＳ１０８）。処理部１０はステップＳ１０８において、部品動作編集エリア２０４、又はシミュレート表示エリア２０２上にて、作成した画面間の遷移設定を受け付けるとよい。処理部１０は、画面遷移条件の設定データを記憶部１１に記憶する（ステップＳ１０９）。

処理部１０は、履歴操作を受け付けたか否かを判断する（ステップＳ１１０）。ステップＳ１１０において処理部１０は、シミュレート表示エリア２０２上で、保存、過去に保存したシミュレートデータの読み出し、削除、又は、名称の変更を受け付ける。

履歴操作を受け付けたと判断された場合（Ｓ１１０：ＹＥＳ）、処理部１０は、操作に応じた処理（保存、読み出し、削除、名称の変更）を実行し（ステップＳ１１１）、次のステップＳ１１２へ処理を進める。履歴操作を受け付けていないと判断された場合（Ｓ１１０：ＮＯ）、処理部１０はステップＳ１１１の処理をスキップして処理をステップＳ１１２へ進める。

処理部１０は、シミュレーション条件の設定受け付けがあったか否かを判断する（ステップＳ１１２）。ステップＳ１１２において処理部１０は、シミュレート表示エリア２０２上でのフレームレートの設定を受け付けてもよいし、オプションの設定を受け付けてもよい。

設定受付があったと判断された場合（Ｓ１１２：ＹＥＳ）、処理部１０は、設定受付に応じてシミュレーション条件を設定する（ステップＳ１１３）。ステップＳ１１３において処理部１０は、シミュレーション条件をエンジンに設定するか、処理部１０の一時メモリに記憶する。設定受付がなかったと判断された場合（Ｓ１１２：ＮＯ）、処理部１０は、ステップＳ１１３の処理をスキップして処理をステップＳ１１４へ進める。

処理部１０は、シミュレーション部１０５の機能により、記憶してある部品意匠データ、画面設定データ、及び動作データに基づき、ＧＵＩプログラムのシミュレーションを実行し、シミュレート表示エリア２０２に出力する（ステップＳ１１４）。

処理部１０は、データ出力部１０６の機能により、シミュレーション実行中に、データ出力操作を受け付けたか否かを判断する（ステップＳ１１５）。処理部１０は、シミュレート表示エリア２０２上で、実行中のシミュレーションに関する部品意匠データ、画面設定データ、動作データの出力操作を受け付ける。

データ出力操作を受け付けたと判断された場合（Ｓ１１５：ＹＥＳ）、処理部１０は、操作に応じて、実行中のシミュレーションにおける部品に関する部品意匠データ、画面設定データ、動作データのデータをテキストで出力し（ステップＳ１１６）、次のステップＳ１１７へ処理を進める。データ出力操作を受け付けていないと判断された場合（Ｓ１１５：ＮＯ）、処理部１０はステップＳ１１６の処理をスキップして処理をステップＳ１１７へ進める。

シミュレーション実行の結果が、処理部１０は、最終的に作成されるＧＵＩプログラムに対する仕様要求を満たしているか否かの選択を受け付ける（ステップＳ１１７）。

ステップＳ１１７において仕様要求を満たしていないと選択された場合（Ｓ１１７：ＮＯ）、処理部１０は処理をステップＳ１０２へ戻し、他の部品及び意匠の作成・選択、動作処理の設定、配置等の編集を受け付ける。

ステップＳ１１７において仕様要求を満たすと選択された場合（Ｓ１１７：ＹＥＳ）、処理部１０は、ソフトウェア作成部１０８の機能により、ステップＳ１１４で実行したシミュレーションと同一データに基づいてＧＵＩシミュレータソフト２を作成する（ステップＳ１１８）。

処理部１０は、作成されたＧＵＩシミュレータソフト２の実行ファイルデータを記憶部１１に出力し（ステップＳ１１９）、処理を終了する。

図６から図１０は、仕様作成画面２００の内容例を示す。図６は、仕様作成画面２００の初期的画面を示す。仕様作成画面２００は、画面設定エリア２０１、シミュレート表示エリア２０２、表示部品編集エリア２０３、及び、部品動作編集エリア２０４を含む。仕様作成画面２００は、シミュレーション実行ボタン２０５、及び、作成指示ボタン２０６を含む。

画面設定エリア２０１は、ＧＵＩシミュレータソフト２によって出力される仕様データ出力画面３００の部品のリストを含む。部品のリストは図６に示すように、部品名のリストであってもよい。図６の画面設定エリア２０１では、部品間の入れ子状態を、部品名同士をツリー表示して表している。図６の例では、画面設定エリア２０１には、ＧＵＩシミュレータソフト２を実行した場合の画面切替の操作を受け付けるための操作パネル「SceneTransicion」という部品が作成されている。なお、図６の例では、画面は１つであるため、操作パネル自体は非表示である。

図６の画面設定エリア２０１では、ＧＵＩシミュレータソフト２によって表示されるＧＵＩプログラムのＧＵＩシミュレート画面「PanelScene」という部品が作成されている。シミュレート画面「PanelScene」は、「DisplayInfo」という部品と、「ｍｏｄｅ」という部品と、「DisplayStatus」という部品とを含む。図６の例では他に、ＧＵＩシミュレータソフト２を実行した場合のＧＵＩシミュレート画面「PanelScene」に含まれる部品のコンフィグ（構成・動作内容）等を出力する画面「PanelConfig」が作成されている。更に、ＧＵＩシミュレート画面「PanelScene」に対する入出力を変更するためのコントロール「PanelInput」、シミュレートの履歴を保存、読み出し、削除、名称を変更する操作を受け付けるための画面「PanelHistory」が作成されている。

図６の仕様作成画面２００は、画面設定エリア２０１に、作成メニュー２０１１（クリエイトプルダウンメニュー）を含む。作成メニュー２０１１は、追加したい部品の候補リストを含む。開発者が、作成メニュー２０１１を操作部（入力部）１３にて選択すると、候補リストがプルダウン表示され、開発者が、いずれかの選択操作を行なうと、選択された種類の部品が作成されるとよい。

画面設定エリア２０１では、作成された部品の複製等の編集も可能である。例えば、開発者が操作部（入力部）１３によって、部品名上にカーソルを合わせて特定の操作（マウスを左クリック、右クリック等）をすると、複製、削除等の部品に対する指示のメニューが表示され、編集が受け付けられる。

シミュレート表示エリア２０２には、画面設定エリア２０１で作成された各部品が出力されている。シミュレート表示エリア２０２には、ＧＵＩプレビュー２０２１、操作画面プレビュー２０２２、及び、履歴操作パネル２０２３が出力されている。

ＧＵＩプレビュー２０２１は、画面設定エリア２０１で作成されたＧＵＩプログラムのＧＵＩをシミュレートするための画面である。つまりＧＵＩプレビュー２０２１は、最終的に作成されるＧＵＩプログラムに基づき機器に出力されるＧＵＩのプレビューを出力する。ＧＵＩプレビュー２０２１は、画面に含まれる部品を、設定された位置に表示する。

ＧＵＩプレビュー２０２１は、図６に示す例では、機器のＧＵＩに出力したい情報を示すグラフィック及びテキストからなる部品「DisplayInfo」、ボタン「ｍｏｄｅ」、時刻及び動作モードを示すテキスト等の部品「DisplayStatus」を含む。

操作画面プレビュー２０２２は、ＧＵＩシミュレータソフト２の操作画面のプレビューである。ＧＵＩシミュレータソフト２の操作画面は、ＧＵＩに含まれる部品及びその意匠を変化させる操作パネル「PanelConfig」を含む。

操作画面プレビュー２０２２は、図６に示す例では、速度を示すグラフィック及びテキストの部品に対し、その部品又はその部品の意匠（グラフィックのグラデーション）を変化させるデータ、即ち速度を変更させるためのコントロールを含む。同様に、操作画面プレビュー２０２２は、ＧＵＩにて表示させる部品の表示態様を切り替えるための操作コントロールを含む。例えば、時刻のテキストを２４時間表示とするか、１２時間表示とするかの切替操作が可能なコントロールを含んでいる。

履歴操作パネル２０２３は、ＧＵＩにおけるシミュレーション結果を保存、保存されたシミュレーション結果を読み出し、削除、名称を変更すための操作ボタンを含む。

仕様作成画面２００の表示部品編集エリア２０３は、部品の位置、部品の意匠データ等のプロパティ情報を示すテキスト、部品の位置等を変更するためのコントロールを含む。表示部品編集エリア２０３に含まれるコントロールに対して、仕様設計のオペレータが操作部（入力部）１３を用いて操作すると、シミュレート表示エリア２０２におけるＧＵＩプレビュー２０２１内の部品の位置の変更、大きさの変更が可能である。表示部品編集エリア２０３は、部品の意匠の設定を受け付けるためのコントロールを含む。表示部品編集エリア２０３は、図６の例では、部品「DisplayInfo」に含まれる速さに応じて色が変化するグラフィックのデータ（データフォルダ）を受け付ける。受け付けられたグラフィックのデータが部品意匠データとして記憶される。

部品動作編集エリア２０４は、部品に対する入力データの設定、部品の動作内容を示すテキスト、及び動作内容を変更するためのコントロールを含む。部品動作編集エリア２０４は、シミュレート表示エリア２０２にてシミュレーションが実行されている場合、動作する部品に関する情報を表示してもよい。部品動作編集エリア２０４で設定された動作を記述するデータが動作データとして記憶される。

シミュレーション実行ボタン２０５は、仕様作成画面２００で作成しているＧＵＩの仕様のシミュレーションを実行するためのインタフェースである。オペレータが、シミュレーション実行ボタン２０５を選択した場合、操作画面プレビュー２０２２に配置されているコントロールに対して操作をすると、それに応じてＧＵＩプレビュー２０２１が動作する。

作成指示ボタン２０６は、仕様作成画面２００で作成しているＧＵＩのシミュレーションの結果に対応するＧＵＩシミュレータソフト２の出力指示を受け付けるためのインタフェースである。オペレータが、作成指示ボタン２０６を選択する操作を行なうと、処理部１０は、仕様要求を満たすと選択されたと判断し（Ｓ１１５：ＹＥＳ）、ＧＵＩシミュレータソフト２を出力する（Ｓ１１６，１１７）。

図７及び図８は、仕様作成画面２００の他の例を示す。図７及び図８の仕様作成画面２００は、図６に示した例において、シミュレーション実行ボタン２０５が選択され、操作部（入力部）１３にてＵＰの単押し操作を受け付けた場合の表示例を示す。図７の仕様作成画面２００では、ＧＵＩプレビュー２０２１における部品が上方向に回転するようにアニメーション表示され、図８に示すように、機器が移動した距離を示す表示に切り替わることをシミュレーションできるように設定される。

図９は、ＦＰＳの設定を受け付ける際に表示される仕様作成画面２００の例を示す。仕様作成画面２００のシミュレート表示エリア２０２上にカーソルが合わされた状態で、仕様設計のオペレータが特定の操作をすると、図９に示すように、フレームレートの設定メニュー及び各部品に対するデータの出力メニューを含むメニュー画面２０２４が表示される。メニュー画面２０２４にてフレームレートの設定メニューを選択すると、フレームレートの種類リストが表示され、処理部１０は、いずれかの選択を受け付ける。シミュレート表示エリア２０２では、フレームレートの他に、解像度の設定を受け付けてもよい。

図１０は、データ出力操作を受け付ける際に表示される仕様作成画面２００の例を示す。図９に示したように、仕様作成画面２００のシミュレート表示エリア２０２上で特定の操作がされると、メニュー画面２０２４が表示される。メニュー画面２０２４に含まれるデータの出力メニューが選択されると、メニュー画面２０２４を表示させる際にカーソルが合わされていた部品について部品意匠データ、画面設定データ、及び動作データのいずれかの選択を受け付ける。選択された部品意匠データ、画面設定データ、又は動作データの内容が、テキストで出力されるとよい。テキストに限らず、ＧＵＩの設定内容が把握できるような画像であってもよい。

このようにして、仕様設計のオペレータは、機器に対する入力データがどのようなデータであるときに、ＧＵＩがどのような意匠でボタン、画像、テキスト等の部品を出力しているべきかを、シミュレート表示エリア２０２でプレビューを確認しながら、ＧＵＩプログラムの仕様を作成することができる。

また、データ出力部１０６の機能により、ＧＵＩプログラムのＧＵＩに含まれるべき部品に対して設定されているデータを、テキスト等によって閲覧可能になる。これにより、部品の動作に関わる細かな設定、例えば高度な計算式を用いて行なわれる動作の計算方法（計算式）の確認も可能にする。

作成されたＧＵＩシミュレータソフト２は、ＧＵＩプログラムの開発者が使用する開発支援装置３にて実行される。本実施の形態では、作成されたＧＵＩシミュレータソフト２は、ゲームエンジンにて作成されるので、入力装置及び出力装置を備えたパーソナルコンピュータ上で動作するゲームプログラムである。

図１１は、開発支援装置３の構成を示すブロック図である。開発支援装置３は、汎用パーソナルコンピュータである。開発支援装置３は、開発支援処理部３０、開発支援記憶部３１、開発支援表示部（出力部）３２、及び、開発支援タ操作部（入力部）３３を備える。

開発支援処理部３０は、ＣＰＵ及び／又はＧＰＵを用いたプロセッサである。開発支援処理部３０は、内蔵するＲＯＭ及びＲＡＭ等のメモリを用い、各構成部を制御して処理を実行する。開発支援処理部３０は、開発支援記憶部３１に記憶されるＧＵＩシミュレータソフト２に基づき、プログラム開発者の操作を受け付けて仕様内容を示す画面を開発支援表示部（出力部）３２に表示する。

開発支援記憶部３１は、ハードディスク等の不揮発性記憶媒体を用い、開発支援処理部３０が参照するプログラム及びデータを記憶する。開発支援記憶部３１は、ＧＵＩシミュレータソフト２を記憶する。

開発支援表示部（出力部）３２は、液晶パネル又は有機ＥＬディスプレイ等、グラフィックを出力する出力装置である。開発支援表示部（出力部）３２は、タッチパネル内蔵のディスプレイであってもよい。

開発支援タ操作部（入力部）３３は、プログラム開発者の操作を受け付ける入力装置であり、キーボード、ポインティングデバイス、ディスプレイ内蔵のタッチパネルデバイス、スピーカ及びマイクロフォン等を用いる。開発支援タ操作部（入力部）３３は、マイクロフォンにて入力音声から操作内容を認識し、スピーカで出力する音声との対話形式で操作を受け付けてもよい。

図１２は、開発支援装置３におけるＧＵＩシミュレータソフト２による仕様データ出力処理手順の一例を示すフローチャートである。開発支援処理部３０は、仕様出力装置１から出力されたＧＵＩシミュレータソフト２を実行すると以下の処理を実行する。

開発支援処理部３０は、シミュレート画面を開発支援表示部（出力部）３２に表示する（ステップＳ３０１）。

開発支援処理部３０は、シミュレート画面にて履歴操作を受けたか否かを判断する（ステップＳ３０２）。ステップＳ３０２において開発支援処理部３０は、保存、又は過去に保存したデータの読み出しを受け付ける。

履歴操作を受け付けたと判断された場合（Ｓ３０２：ＹＥＳ）、開発支援処理部３０は、操作に応じた処理（保存、読み出し、削除、名称の変更）を実行し（ステップＳ３０３）、次のステップＳ３０４へ処理を進める。履歴操作を受け付けていないと判断された場合（Ｓ３０２：ＮＯ）、開発支援処理部３０はステップＳ３０３の処理をスキップして処理をステップＳ３０４へ進める。

開発支援処理部３０は、シミュレーション条件の設定受け付けがあったか否かを判断する（ステップＳ３０４）。ステップＳ３０４において開発支援処理部３０は、シミュレート画面上でのフレームレートの設定を受け付けてもよいし、オプションの設定を受け付けてもよい。

設定受付があったと判断された場合（Ｓ３０４：ＹＥＳ）、開発支援処理部３０は、設定受付に応じてシミュレーション条件を設定する（ステップＳ３０５）。ステップＳ３０５において開発支援処理部３０は、シミュレーション条件を一時メモリに記憶する。設定受付がなかったと判断された場合（Ｓ３０４：ＮＯ）、開発支援処理部３０は、ステップＳ３０５の処理をスキップして処理をステップＳ３０６へ進める。

開発支援処理部３０は、ＧＵＩシミュレータソフト２に組み込まれている、又はＧＵＩシミュレータソフト２と共に、仕様出力装置１から提供される部品意匠データ、画面設定データ、及び動作データに基づき、ＧＵＩプログラムの仕様をシミュレータで実行する（ステップＳ３０６）。開発支援処理部３０はシミュレータの結果を、シミュレート表示エリア２０２に出力する。

開発支援処理部３０は、シミュレーション実行中に、データ出力操作を受け付けたか否かを判断する（ステップＳ３０７）。処理部１０は、シミュレート表示エリア２０２上で、実行中のシミュレーションに関する部品意匠データ、画面設定データ、動作データの出力操作を受け付ける。

データ出力操作を受け付けたと判断された場合（Ｓ３０７：ＹＥＳ）、開発支援処理部３０は、操作に応じて、実行中のシミュレーションにおける部品に関する部品意匠データ、画面設定データ、動作データのデータをテキストで出力し（ステップＳ３０８）、次のステップＳ３０９へ処理を進める。データ出力操作を受け付けていないと判断された場合（Ｓ３０７：ＮＯ）、開発支援処理部３０はステップＳ３０８の処理をスキップして処理をステップＳ３０９へ進める。

シミュレータの表示を終了させるか否かの選択を受け付ける（ステップＳ３０９）。

ステップＳ３０９において終了させないと選択された場合（Ｓ３０９：ＮＯ）、開発支援処理部３０は、処理をステップＳ３０２へ戻し、他の操作に応じたシミュレート表示を実現する。

ステップＳ３０９において終了させると選択された場合（Ｓ３０９：ＹＥＳ）、開発支援処理部３０は、処理を終了する。

図１３は、ＧＵＩシミュレータソフト２を実行することで表示される画面例を示す。図１３に示すように、ＧＵＩシミュレータソフト２を実行すると、開発支援表示部（出力部）３２に仕様データ出力画面３００が表示される。仕様データ出力画面３００は、図６に示した仕様作成画面２００のシミュレート表示エリア２０２内に表示されたものと同一である。

仕様データ出力画面３００は、開発支援ＧＵＩプレビュー３０１、操作画面３０２を含む。操作画面３０２は、操作パネル３０２１、及び履歴パネル３０２２を含む。

操作パネル３０２１は、ＧＵＩの変化に関する入力データを変更させるためのコントロールを含む。図１３に示す例では、速度を示すグラフィック及びテキストの部品に対し、その部品を動作させるデータ、即ち測定される速度を、疑似的に変更させるためのコントロールを含む。操作パネル３０２１は、ＧＵＩの表示の設定を変更させるためのコントロールを含む。図１３に示す例では、時刻のテキストを２４時間表示とするか、１２時間表示とするかの切替操作が可能なコントロールを含んでいる。切替操作のコントロールは、ＧＵＩを搭載する機器が切替操作を受け付けるボタンを持つという仕様要求の下、そのボタンの押下状態を疑似的に発生させるコントロールである。

履歴パネル３０２２は、履歴に対する操作を受け付ける。履歴パネル３０２２は、ＧＵＩにおけるシミュレーション結果を保存、保存されたシミュレーション結果を読み出し、削除、名称の変更するための操作ボタンを含む。

ＧＵＩシミュレータソフト２を実行する開発支援装置３においても、画面上で、ＦＰＳの設定を受け付けることが可能にしてある。図１４は、ＦＰＳの設定を受け付ける仕様データ出力画面３００の例を示す。仕様データ出力画面３００の開発支援ＧＵＩプレビュー３０１上にカーソルが合わされた状態で、仕様設計のオペレータが特定の操作をすると、図１４に示すように、フレームレートの設定メニュー、各部品に対するデータの出力メニュー、及び、ＧＵＩシミュレータソフト２が含む画面の一覧出力メニューを含む開発支援メニュー画面３０３が表示される。開発支援メニュー画面３０３にてフレームレートの設定メニューを選択すると、フレームレートの種類リストが表示され、開発支援処理部３０は、いずれかの選択を受け付ける。開発支援メニュー画面３０３では、データ出力及びフレームレートの他に、解像度の設定を受け付けてもよい。

図１５は、データ出力操作を受け付ける際の仕様データ出力画面３００の例を示す。図１４に示したように、仕様データ出力画面３００の開発支援ＧＵＩプレビュー３０１上で特定の操作がされると、開発支援メニュー画面３０３が表示される。開発支援メニュー画面３０３に含まれるデータの出力メニューが選択されると、開発支援メニュー画面３０３を表示させる際にカーソルが合わされていた部品について部品意匠データ、画面設定データ、及び動作データのいずれかの選択を受け付ける。選択された部品意匠データ、画面設定データ、又は動作データの内容が、テキストで出力されるとよい。テキストに限らず、ＧＵＩの設定内容が把握できるような画像であってもよい。

図１６は、画面仕様出力操作を受け付ける際の仕様データ出力画面３００の例を示す。図１４で示したように、仕様データ出力画面３００の開発支援ＧＵＩプレビュー３０１上で特定の操作がされると、開発支援メニュー画面３０３が表示される。開発支援メニュー画面３０３に含まれる「画面仕様出力」が選択されると、ＧＵＩシミュレータソフト２が含む画面の一覧を出力し、画面仕様の出力を行う画面の選択を受け付ける。選択される画面の一覧に含まれる画面の名称はテキストで出力されるとよい。テキストに限らず、画面を示す画像であってもよい。

図１７は、図１６で示したように、開発支援メニュー画面３０３に含まれる画面仕様の出力メニューが選択されたことにより出力される一覧のうちから一つの画面を選択することにより出力される画面仕様出力画面４００の出力例である。画面仕様出力画面４００は、画面名称表示エリア４０１、画面設定データ表示エリア４０２、動作設定データ表示エリア４０３、及び、部品意匠表示エリア４０４を含む。

画面名称表示エリア４０１は、画面仕様表示対象の画面の名称を表示する。図には記載してはいないが、画面名称表示エリア４０１に対し特定の操作を行って、画面一覧を表示させ、表示した画面一覧の中から一つを選択し、選択した画面の仕様に表示内容を切り替えても良い。

画面設定データ表示エリア４０２は、画面名称表示エリア４０１に示される名称の画面に関連付いた部品である意匠データの名称、大きさ、画面上の配置位置、及び、意匠に関連付いた動作設定データの名称を表示する。

部品意匠表示エリア４０４は、部品の意匠データのイメージを表示し、動作設定データ表示エリア４０３は、部品意匠表示エリア４０４に表示される意匠に対応付いた動作設定データを表示する。部品の意匠データのイメージの表示は、画面設定データ表示エリア４０２に表示される、意匠データの名称、又は、動作設定データの名称をクリックすることによって行われる。

画面仕様出力画面４００は、更に、ＧＵＩプレビュー更新ボタン４０５を含み、ＧＵＩプレビュー更新ボタン４０５をクリックすると、画面仕様出力画面４００が示す画面仕様に基づく画面が、仕様データ出力画面３００の開発支援ＧＵＩプレビュー３０１上に表示される。

このようにして、開発支援装置３のオペレータ（ＧＵＩプログラム開発者）は、機器に対する入力データがどのようなデータであるときに、ＧＵＩがどのような意匠でボタン、画像、テキスト等の部品を出力しているべきかを、開発支援ＧＵＩプレビュー３０１でプレビューを確認しながら、ＧＵＩプログラムの作製できる。特に、アニメーションの意匠が設定されている場合など、どのような動きをするかのシミュレーションを視覚的に確認できるので、複雑なＧＵＩを含むプログラムに不具合が混入することを防ぐことができる。

また、開発支援装置３のオペレータは、ＧＵＩプログラムのＧＵＩに含まれるべき部品に対して設定されているデータを、テキスト等によって閲覧可能になる。これにより、部品の動作に関わる細かな設定、例えば高度な計算式を用いて行なわれる動作の計算方法（計算式）の確認も可能になる。動きのあるＧＵＩの仕様を更に詳細に理解することができ、仕様誤認によるバグの発生を抑制することが可能になる。

なお上述の実施の形態では、ＧＵＩプログラムは機器に搭載されるとして説明したが、ＧＵＩプログラムは、汎用パーソナルコンピュータのアプリケーションプログラムであってよいし、Ｗｅｂアプリであってもよい。ＧＵＩシミュレータソフト２は、Ｗｅｂブラウザ上で動作するＷｅｂアプリであってもよい。

また、上述の実施の形態では、一の画面上に、表示エリアを設けて、画面設定、シミュレート表示、等の表示を行っているが、各々のエリアを異なる画面として表示するようにしてもよい。

上述のように開示された実施の形態は全ての点で例示であって、制限的なものではない。本発明の範囲は、特許請求の範囲によって示され、特許請求の範囲と均等の意味及び範囲内での全ての変更が含まれる。

１ 仕様出力装置
１０ 処理部
１０２ 画面設定部
１０３ 表示部品設定部
１０４ 表示動作設定部
１０５ シミュレーション部
１０８ ソフトウェア作成部
１２ 表示部（出力部）
１３ 操作部（入力部）
２００ 仕様作成画面
２０１ 画面設定エリア
２０２ シミュレート表示エリア
２０３ 表示部品編集エリア
２０４ 部品動作編集エリア
２０５ シミュレーション実行ボタン
２０６ 作成指示ボタン
２０１１ 作成メニュー
２０２１ ＧＵＩプレビュー
２０２４ メニュー画面
２ ＧＵＩシミュレータソフト
３ 開発支援装置
３０ 開発支援処理部
３２ 開発支援表示部（出力部）
３３ 開発支援操作部（入力部）
３００ 仕様データ出力画面
３０１ 開発支援ＧＵＩプレビュー
３０３ 開発支援メニュー画面
３０２ 操作画面
３０２１ 操作パネル
３０２２ 履歴パネル
４００ 画面仕様出力画面
４０１ 画面名称表示エリア
４０２ 画面設定データ表示エリア
４０３ 動作設定データ表示エリア
４０４ 部品意匠表示エリア
４０５ ＧＵＩプレビュー更新ボタン

Claims (8)

1. 表示部を備えるコンピュータに、
   機器に搭載されるＧＵＩのシミュレート画面を表示し、
   前記シミュレート画面に出力されるＧＵＩに含まれる部品を動作させる操作画面を表示し、
   操作画面での操作に応じて前記部品又は該部品の意匠を設定に従って変化させ、
   変化する前記部品の設定内容を示す設定画面を表示する
   処理を実行させるコンピュータプログラム。
2. 前記コンピュータに、
   前記シミュレート画面において、前記ＧＵＩにおけるフレームレート、又は解像度を受け付ける
   処理を実行させる請求項１に記載のコンピュータプログラム。
3. 前記コンピュータに、
   前記ＧＵＩが搭載される前記機器への入力を疑似的に生成するための操作を受け付け、
   受け付けた操作に応じて、前記ＧＵＩに含まれる前記部品を変化させる
   処理を実行させる請求項１又は２に記載のコンピュータプログラム。
4. 表示部に、ＧＵＩについての画面設定エリア、及び、前記ＧＵＩのシミュレート表示エリアを含む仕様作成画面を表示させ、
   前記画面設定エリアで前記ＧＵＩに含まれる部品の作成操作を受け付け、
   作成された前記部品を前記シミュレート表示エリアに表示し、
   前記部品に対する入力と、該入力に対する前記部品の動作の設定を受け付け、
   作成された前記部品のデータ、受け付けられた前記入力及び動作のデータに基づき、前記ＧＵＩのシミュレート画面、及び前記ＧＵＩに対する操作画面を含む前記ＧＵＩの仕様を表示させるプログラムを出力する
   処理を実行する処理部を備える、仕様出力装置。
5. 前記処理部は、
   前記画面設定エリアで、前記部品の意匠の設定操作を受け付け、
   前記部品に対する前記入力と、該入力に対する前記部品の意匠の変化の設定を受け付ける
   請求項４に記載の仕様出力装置。
6. 前記処理部は、前記シミュレート表示エリアで、前記ＧＵＩにおけるフレームレート、又は解像度を受け付ける
   請求項４又は請求項５に記載の仕様出力装置。
7. 表示部を備えるコンピュータに、
   ＧＵＩについての画面設定エリア、及び、前記ＧＵＩのシミュレート表示エリアを含む仕様作成画面を前記表示部に表示し、
   前記画面設定エリアで前記ＧＵＩに含まれる部品の作成操作を受け付け、
   作成された前記部品を前記シミュレート表示エリアに表示し、
   前記部品に対する入力と、該入力に対する前記部品の動作の設定を受け付け、
   作成された前記部品のデータ、受け付けられた前記入力及び動作のデータに基づき、前記ＧＵＩのシミュレート画面、及び前記ＧＵＩに対する操作画面を含む前記ＧＵＩの仕様を表示させるプログラムを出力する
   処理を実行させるコンピュータプログラム。
8. ＧＵＩについての画面設定エリア、及び、前記ＧＵＩのシミュレート表示エリアを含む仕様作成画面を表示部に表示し、
   前記画面設定エリアで前記ＧＵＩに含まれる部品の作成操作を受け付け、
   作成された前記部品を前記シミュレート表示エリアに表示し、
   前記部品に対する入力と、該入力に対する前記部品の動作の設定を受け付け、
   作成された前記部品のデータ、受け付けられた前記入力及び動作のデータに基づき、前記ＧＵＩのシミュレート画面、及び前記ＧＵＩに対する操作画面を含む前記ＧＵＩの仕様を表示させるプログラムを出力する
   プログラムの製造方法。
   
   

Images