ユーザインタフェース設計装置
【課題】部品化開発中に、容易かつ直感的にＵＩ部品毎の統計情報を把握することのできるユーザインタフェース設計装置を得る。
【解決手段】基本表示部品情報格納部１０６には基本表示部品の統計情報を示す基本表示部品情報が格納される。複合表示部品情報格納部１０７には複合表示部品の統計情報を示す複合表示部品情報が格納される。合成情報選択部１１０は、複合表示部品編集部１０２で編集される基本表示部品または複合表示部品に対応した基本表示部品情報または複合表示部品情報を選択する。ＵＩ部品情報合成部１０９は、基本表示部品または複合表示部品に対して、合成情報選択部１１０で選択した基本表示部品情報または複合表示部品情報を合成して表示装置１１１で表示させる。
【解決手段】基本表示部品情報格納部１０６には基本表示部品の統計情報を示す基本表示部品情報が格納される。複合表示部品情報格納部１０７には複合表示部品の統計情報を示す複合表示部品情報が格納される。合成情報選択部１１０は、複合表示部品編集部１０２で編集される基本表示部品または複合表示部品に対応した基本表示部品情報または複合表示部品情報を選択する。ＵＩ部品情報合成部１０９は、基本表示部品または複合表示部品に対して、合成情報選択部１１０で選択した基本表示部品情報または複合表示部品情報を合成して表示装置１１１で表示させる。
【発明の詳細な説明】
【技術分野】
【０００１】
この発明は、組み込み機器のユーザインタフェース（ＵＩ）を設計するユーザインタフェース設計装置に関するものである。
【背景技術】
【０００２】
ユーザインタフェース設計装置においては、複数のＵＩ部品を組み合わせて新たにＵＩ部品を作成しながら（部品化）、階層的に画面を構築することがある。このような方法で、複数の開発者が並行して部品化を行うような場合、他の開発者が作成したＵＩ部品を利用して、新たな部品化を行う場合も発生する。組み込み機器においては、メモリやＣＰＵなどのリソースの使用をできるだけ低く抑える必要があるため、ＵＩ部品作成時にもできるだけ作成するＵＩ部品のリソース使用量に気を配ることが重要であるが、他者の作成したＵＩ部品に関しては内容を熟知していないため、例えばメモリ使用量の大きなＵＩ部品を多数利用して新たなＵＩ部品を作成していくと、階層を重ねる毎に、知らず知らずに膨大なメモリを消費する画面を構築してしまう可能性がある。そのようなことを防ぐため、部品化段階でリソースの使用量を可視化して把握を容易にし、リソースの消費の大きなＵＩ部品は使用しない、もしくはそのＵＩ部品の再構成を促す必要がある。
【０００３】
従来、このようなユーザインタフェース設計装置としては、例えば特許文献１に記載された装置では、基本表示部品を組み合わせて複合表示部品を作成することで、部品化を行いながら階層的に設計を行うことを可能にしている。また、例えば特許文献２に記載されているような装置では、パフォーマンスモニタ上で、プロセス毎のリソース使用量等をグラフ等の図形表現によって可視化している。
【先行技術文献】
【特許文献】
【０００４】
【特許文献１】特許第３８８１１７９号公報
【特許文献２】特許第２５５３３０７号公報
【発明の概要】
【発明が解決しようとする課題】
【０００５】
しかしながら、従来の特許文献１に記載されているようなユーザインタフェース設計装置において、特許文献２に記載されているようなグラフ等の図形表現によって可視化する技術を適用することを考えた場合、リソース使用量の表示のために、新たな情報表示ウィンドウを表示して、情報表示ウィンドウ上でＵＩ部品毎のリソース使用量をグラフ等に可視化することになる。そのため、ＵＩ部品の開発者が、自分が現在行っている部品化開発で利用しているＵＩ部品のリソース使用量を確認するためには、部品化開発を行っている編集ウィンドウと、情報表示ウィンドウを見比べることが必要であり、リソース使用量を確認したいＵＩ部品と、そのリソース使用量とを対応づけることが煩雑であるという問題点があった。
【０００６】
本発明は、上記のような問題点を解決するためになされたもので、部品化開発中に、容易かつ直感的にＵＩ部品毎のリソース使用量といった統計情報を把握することのできるユーザインタフェース設計装置を得ることを目的とする。
【課題を解決するための手段】
【０００７】
この発明に係るユーザインタフェース設計装置は、設計対象装置のユーザインタフェースとなる画面表示用の部品として予め設計された基本表示部品と、単一または複数の基本表示部品で作成される複合表示部品、または作成された複合表示部品と基本表示部品のどちらか一方を含んで作成されるか、それぞれ単一または複数組み合わせて作成される新たな複合表示部品とをＵＩ部品として格納するＵＩ部品格納部と、単一または複数のＵＩ部品を配置することで複合表示部品を作成する複合表示部品編集部と、基本表示部品と複合表示部品の設計対象装置における統計情報を示す基本表示部品情報と複合表示部品情報を格納するＵＩ部品情報格納部と、ＵＩ部品格納部にＵＩ部品が格納された場合、ＵＩ部品に対応した基本表示部品情報または複合表示部品情報を計算してＵＩ部品情報格納部に格納するＵＩ部品情報計算部と、複合表示部品編集部上のＵＩ部品の表示属性を設定する表示属性設定部と、基本表示部品情報および複合表示部品情報から、複合表示部品編集部で編集されるＵＩ部品に対応した基本表示部品情報または複合表示部品情報を選択する合成情報選択部と、複合表示部品編集部で編集されるＵＩ部品に対して、合成情報選択部で選択した基本表示部品情報または複合表示部品情報を合成して表示させるための表示データを生成するＵＩ部品情報合成部とを備えたものである。
【発明の効果】
【０００８】
この発明のユーザインタフェース設計装置は、複合表示部品編集部で編集されるＵＩ部品に対して、その統計情報を示す基本表示部品情報または複合表示部品情報を合成して表示させるようにしたので、部品化開発中に、容易かつ直感的にＵＩ部品毎のリソース使用量といった統計情報を把握することができる。
【図面の簡単な説明】
【０００９】
【図１】この発明の実施の形態１によるユーザインタフェース設計装置を示す構成図である。
【図２】この発明のユーザインタフェース設計装置のハードウェア構成図である。
【図３】この発明の実施の形態１によるユーザインタフェース設計装置の部品化のイメージを示す説明図である。
【図４】この発明の実施の形態１によるユーザインタフェース設計装置の基本表示部品に対応するクラスの例を示す説明図である。
【図５】この発明の実施の形態１によるユーザインタフェース設計装置の基本表示部品情報格納部のデータ例を示す説明図である。
【図６】この発明の実施の形態２によるユーザインタフェース設計装置のＵＩ部品へのＵＩ部品情報の合成方法の例を示す説明図である。
【図７】この発明の実施の形態２によるユーザインタフェース設計装置の複合表示部品編集部における表示の一例を示す説明図である。
【図８】この発明の実施の形態２によるユーザインタフェース設計装置のＵＩ部品へのＵＩ部品情報の合成の際の計算方法の例を示すための説明図である。
【図９】この発明の実施の形態３によるユーザインタフェース設計装置を示す構成図である。
【図１０】この発明の実施の形態３によるユーザインタフェース設計装置の状態つき複合表示部品編集部における編集の流れを示す説明図である。
【図１１】この発明の実施の形態４によるユーザインタフェース設計装置を示す構成図である。
【図１２】この発明の実施の形態４によるユーザインタフェース設計装置の状態つき複合表示部品編集部における表示の一例を示す説明図である。
【発明を実施するための形態】
【００１０】
実施の形態１．
図１は、この発明の実施の形態１によるユーザインタフェース設計装置を示す構成図である。
図１に示すユーザインタフェース設計装置は、表示属性設定部１０１、複合表示部品編集部１０２、基本表示部品格納部１０３と複合表示部品格納部１０４からなるＵＩ部品格納部１０５、基本表示部品情報格納部１０６と複合表示部品情報格納部１０７とからなるＵＩ部品情報格納部１０８、ＵＩ部品情報合成部１０９、合成情報選択部１１０、表示装置１１１、ＵＩ部品情報計算部１１２を備えている。
【００１１】
表示属性設定部１０１は、複合表示部品編集部１０２上でＵＩ部品の表示属性を設定する機能部である。複合表示部品編集部１０２は、基本表示部品格納部１０３に格納されている単一または複数の基本表示部品を配置して複合表示部品を作成し、これを複合表示部品格納部１０４に格納する機能を有している。また、複合表示部品編集部１０２では、表示属性設定部１０１によって、配置されたＵＩ部品に対してサイズや色といった表示属性が設定され、ＵＩ部品の表示に反映される。さらに、複合表示部品編集部１０２は、単一または複数の複合表示部品と単一または複数の基本表示部品とを任意に組み合わせて、新たな複合表示部品を作成することも可能であり、階層的に部品化を行うことができる（例えば、後述する図３参照）。また、単一の複合表示部品に対して表示属性を設定して新たな複合表示部品を作成するといったことも可能である。このように、複合表示部品としては、単一または複数の基本表示部品で作成される複合表示部品、または作成された複合表示部品と基本表示部品のどちらか一方を含んで作成されるか、それぞれ単一または複数組み合わせて作成される新たな複合表示部品を含むものである。
【００１２】
ＵＩ部品格納部１０５における基本表示部品格納部１０３は、設計対象装置のユーザインタフェースとなる画面表示用の部品として予め設計された基本表示部品の格納部である。また、ＵＩ部品格納部１０５における複合表示部品格納部１０４は、複合表示部品編集部１０２によって作成された複合表示部品の格納部である。尚、基本表示部品と複合表示部品のいずれか一方または両方を合わせてＵＩ部品と呼ぶ。
【００１３】
ＵＩ部品情報格納部１０８における基本表示部品情報格納部１０６は、基本部品に関連する情報のうち、設計対象装置のユーザインタフェース上で、その基本部品の表示に利用されないＵＩ部品情報の格納部であり、基本表示部品格納部１０３に格納された基本表示部品毎のＵＩ部品情報が格納されている。ここで、ＵＩ部品情報とは、典型的にはメモリ使用量や描画処理時間等のＵＩ部品毎のリソース使用量といった統計情報である。また、ＵＩ部品情報格納部１０８における複合表示部品情報格納部１０７は、ＵＩ部品情報計算部１１２で計算された複合表示部品に関して、設計対象装置のユーザインタフェース上で、ＵＩ部品の表示に利用されないＵＩ部品情報を格納するものであり、複合表示部品格納部１０４に格納された複合表示部品毎のＵＩ部品情報が格納されている。尚、基本表示部品情報と複合表示部品情報のいずれか一方または両方を合わせてＵＩ部品情報と呼ぶ。
【００１４】
ＵＩ部品情報合成部１０９は、複合表示部品編集部１０２で編集されたＵＩ部品と、合成情報選択部１１０で選択されたＵＩ部品情報とを合成し、可視化データとして表示装置１１１に出力する機能部である。合成情報選択部１１０は、ＵＩ部品情報格納部１０８から、複合表示部品編集部１０２で編集されたＵＩ部品に対応したＵＩ部品情報を合成情報として選択する機能部である。表示装置１１１は、ＵＩ部品にＵＩ部品情報を合成して表示するための表示装置である。このように、ＵＩ部品情報合成部１０９によって、選択されたＵＩ部品情報と表示属性設定部１０１によって設定された属性値を持つＵＩ部品とが合成され、表示装置１１１上で表示される。
【００１５】
ＵＩ部品情報計算部１１２は、ＵＩ部品格納部１０５に新たなＵＩ部品が格納された場合にそのＵＩ部品情報を計算してＵＩ部品情報格納部１０８に格納する機能部である。
【００１６】
図２は、このユーザインタフェース装置を実現するハードウェア構成の一例を示す図であり、パーソナルコンピュータ（ＰＣ）での構成例である。
ＵＩ部品格納部１０５および内包される基本表示部品格納部１０３、複合表示部品格納部１０４、ＵＩ部品情報格納部１０８および内包される基本表示部品情報格納部１０６、複合表示部品情報格納部１０７は、ＰＣ本体２０１のＲＡＭやハードディスクなどの記憶装置２０３で実現されている。また、表示属性設定部１０１、複合表示部品編集部１０２、ＵＩ部品情報合成部１０９、合成情報選択部１１０、ＵＩ部品情報計算部１１２は、ＰＣ本体２０１の処理装置２０２でプログラムを実行することで実現される。即ち、これらの機能部は、それぞれの機能に対応したソフトウェアとこれを実行するためのＣＰＵ等のハードウェアから実現されている。さらに、キーボード２０６、マウス２０５といった入力装置によって本ユーザインタフェース設計装置における編集作業が行われる。モニタ２０４といった表示装置１１１によって、編集作業を行う画面が出力される。尚、入力装置としては、出力／入力のどちらも行えるタッチパネルなどであってもよい。
【００１７】
次に、実施の形態１におけるユーザインタフェース設計装置の動作について説明する。
本設計装置の利用者である開発者は、まず基本表示部品を複合表示部品編集部１０２上に配置する。これによって複合表示部品が作成され、作成された複合表示部品は複合表示部品格納部１０４に格納される。これを部品化と呼ぶ。以降、開発者は複合表示部品を利用することも可能となり、複合表示部品編集部１０２にて、基本表示部品および複合表示部品の両方（ＵＩ部品）を配置して、新たな複合表示部品を作成する。このようにして、階層的に部品化して複合表示部品を作成することで、最終的に１画面を作成する。階層的な部品化のイメージを図３に示す。
【００１８】
複合表示部品編集部１０２では、編集ウィンドウ上でＵＩ部品の外観を表示しながら、ＵＩ部品に対してその色やサイズといった表示属性を、表示属性設定部１０１を用いて設定する。設定した属性値は表示装置１１１上での表示に反映されるため、設定した属性値に対応したＵＩ部品の表示を見ながら編集することが可能である。このようにして単一または複数の部品の配置および属性値の設定を行い、複合表示部品を作成する。
【００１９】
また、複合表示部品格納部１０４に新たな複合表示部品が格納されると、ＵＩ部品情報計算部１１２によってＵＩ部品情報が計算され、複合表示部品に対するＵＩ部品情報が複合表示部品情報格納部１０７に格納される。このようにして、ＵＩ部品毎のＵＩ部品情報が、ＵＩ部品情報格納部１０８にて保持される。ＵＩ部品情報計算部１１２がＵＩ部品情報を得るためには、例えば次のような方法によって行う。
【００２０】
＜メモリ使用量の場合＞
本発明のようなユーザインタフェース設計装置によって設計されたユーザインタフェースを実行するプログラムにおいては、通常、基本表示部品に対応するクラスや構造体が存在する。例えば四角を描画する部品（四角部品とする）であれば、図４に示すようなクラスが対応する。このようなクラスのメンバ変数毎のメモリ使用量を合算することで、基本表示部品のメモリ使用量を見積もることができる。図４の四角部品の場合、ｓｈｏｒｔ型の変数は２ｂｙｔｅ、ｉｎｔ型の変数は４ｂｙｔｅを必要とするため、四角部品全体で必要なメモリ使用量は２＊４＋４＊１＝１２ｂｙｔｅとなる。複合表示部品の場合は、その内部に配置されているＵＩ部品のメモリ使用量の総和で表すことができる。
【００２１】
＜描画処理時間の場合＞
上記のような基本表示部品に対応するクラス毎に、本設計装置によって設計されたユーザインタフェースを実行する際に、その外観を表示装置上に表示するための描画処理が存在する。この描画処理にかかる時間を適当なシステム構成上で計測することで、基本表示部品の描画処理時間として見積もることができる。複合表示部品の場合は、その内部に配置されているＵＩ部品の描画処理時間の総和で表すことができる。
【００２２】
尚、上記のＵＩ部品情報計算部１１２におけるＵＩ部品情報の見積り方法は、その他の方法を用いても構わない。例えば、上記の見積り方法においては、複合表示部品のリソース使用量を、単に内部に配置されているＵＩ部品のリソース使用量の総和としたが、厳密には複合表示部品そのもの（内部に配置されたＵＩ部品を除いたもの）にも対応するクラスが存在し、ここでもリソースを使用する。このリソース使用量を、複合表示部品のリソース使用量に加算するなど、他の計算方法によって見積もっても構わない。
【００２３】
表示装置１１１でのＵＩ部品の外観の表示の際には、ＵＩ部品と、表示属性設定部１０１にて設定された表示属性に加え、ＵＩ部品情報格納部１０８に格納されているＵＩ部品情報をＵＩ部品情報合成部１０９にて合成することで表示を形成する。ＵＩ部品情報格納部１０８には、図５に示すように、ＵＩ部品毎に複数のＵＩ部品情報（メモリ使用量，描画処理時間，・・・）が格納されているため、このうち一つを合成情報選択部１１０によって複合表示部品の作成者（複合表示部品編集部１０２の利用者）が選択する。
【００２４】
ＵＩ部品情報合成部１０９におけるＵＩ部品情報の合成の方法としては、例えばＵＩ部品の色を変化させるといった方法がある。例えばメモリ使用量の値を合成して表示する場合、ＵＩ部品の位置、サイズに合わせた赤色の領域をＵＩ部品の前面に配置し、その透過率をメモリ使用量に応じて変化させることで、メモリ使用量の大きなＵＩ部品ほど赤みがかって表示されるといった表示方法が実現できる。透過率の計算方法としては、例えば次のようなものが考えられる。ＵＩ部品情報格納部１０８中に格納されている全部品のメモリ使用量のうち、最大のものを１００として、全部品のメモリ使用量を正規化する。例えば最大値が５０であった場合、メモリ使用量が１０のＵＩ部品の正規化された値は２０となる。この正規化された値を１００から引くことで、透過率とする。上記最大値を持つＵＩ部品の前面に配置される赤色の領域の透過率は、１００−１００＝０（％）で、ＵＩ部品の前面に配置した赤色の領域は全く透過せず、本来のＵＩ部品の表示は見えなくなる。また、上記メモリ使用量が１０のＵＩ部品に関しては、１００−２０＝８０（％）の透過率となり、ＵＩ部品の上に薄く赤みがかって表示される。
【００２５】
尚、透過率の計算方法は上記以外の方法でも構わない。例えば最大を１００として正規化せず、５０として正規化することで、最大のメモリ使用量を持つＵＩ部品も、ＵＩ部品そのものの表示を透過して見せることも可能である。他の例として、正規化の際に最大のメモリ使用量を利用するのではなく、全体における最大値を決定し、その値を利用して正規化してもよい。
また、合成の表現方法も、色の変更以外の方法であっても構わない。例えば上記透過率を拡大率とし、メモリ使用量が大きいほどサイズが大きく表示されるといった、別の表現で実現してもよい。
【００２６】
このように、ＵＩ部品情報合成部１０９によってＵＩ部品の表示に対してＵＩ部品情報を合成して表示することで、ＵＩ部品とＵＩ部品情報との対応付けが容易になる。例えば編集ウィンドウとは別に、グラフ表現等でＵＩ部品毎のリソース消費量を表示し、編集ウィンドウ上のＵＩ部品と見比べてリソース消費量を把握するといった方法に比べ、利用者は、ＵＩ部品のリソース消費量の多寡を直感的に把握することができる。
【００２７】
また、ＵＩ部品情報としてはメモリ使用量や描画処理時間といった情報に限定されず、その他のリソース使用量であっても構わない。例えばＵＩ部品がプログラム上でオブジェクトとして生成されるときにかかる時間などが考えられる。さらに、ＵＩ部品情報はリソース使用量に制限されるものではなく、統計情報であれば、例えば複合表示部品格納部１０４に格納されている複合表示部品全体の中で、特定のＵＩ部品が何回利用されているかという再利用回数などであっても構わない。
【００２８】
以上説明したように、実施の形態１のユーザインタフェース設計装置によれば、設計対象装置のユーザインタフェースとなる画面表示用の部品として予め設計された基本表示部品と、単一または複数の基本表示部品で作成される複合表示部品、または作成された複合表示部品と基本表示部品のどちらか一方を含んで作成されるか、それぞれ単一または複数組み合わせて作成される新たな複合表示部品とをＵＩ部品として格納するＵＩ部品格納部と、単一または複数のＵＩ部品を配置することで複合表示部品を作成する複合表示部品編集部と、基本表示部品と複合表示部品の設計対象装置における統計情報を示す基本表示部品情報と複合表示部品情報を格納するＵＩ部品情報格納部と、ＵＩ部品格納部にＵＩ部品が格納された場合、ＵＩ部品に対応した基本表示部品情報または複合表示部品情報を計算してＵＩ部品情報格納部に格納するＵＩ部品情報計算部と、複合表示部品編集部上のＵＩ部品の表示属性を設定する表示属性設定部と、基本表示部品情報および複合表示部品情報から、複合表示部品編集部で編集されるＵＩ部品に対応した基本表示部品情報または複合表示部品情報を選択する合成情報選択部と、複合表示部品編集部で編集されるＵＩ部品に対して、合成情報選択部で選択した基本表示部品情報または複合表示部品情報を合成して表示させるための表示データを生成するＵＩ部品情報合成部とを備えたので、部品化開発中に、容易かつ直感的にＵＩ部品毎のリソース使用量といった統計情報を把握することができる。
【００２９】
実施の形態２．
本発明の実施の形態２では、ＵＩ部品情報合成部１０９において、ＵＩ部品情報をＵＩ部品の表示に合成して可視化する際に、ＵＩ部品情報を３次元情報として合成して表示することを特徴とする。実施の形態２における図面上の構成は実施の形態１の図１に示す構成と同様であるため、図１を援用して説明する。尚、ＵＩ部品情報合成部１０９以外の構成については、実施の形態１と同様であるため、ＵＩ部品情報合成部１０９以外の構成に対する説明は省略する。
【００３０】
ＵＩ部品情報を合成する際に、実施の形態１で例示したようにＵＩ部品の色として合成すると、リソース使用量は直感的に把握できるものの、ＵＩ部品そのものの表示内容を一部変更してしまうことになる。複合表示部品編集部１０２では、ＵＩ部品に対し、Ｘ−Ｙ平面上での表示を表現しており、Ｚ軸方向は表現されていないため、Ｚ軸方向の３次元情報として、擬似３Ｄ的に表示することで、ＵＩ部品そのものの表示内容は損ねずに、ＵＩ部品情報を合成することが可能である。
【００３１】
図６は、ＵＩ部品情報を３次元情報として合成した場合としない場合とを示す説明図である。図中、（ａ）は擬似３Ｄ部品情報合成を行わない場合の表示イメージ、（ｂ）は擬似３Ｄ部品情報合成を行った場合の表示イメージを示している。ここでは、四角部品と丸部品を組み合わせた複合表示部品とする。（ｂ）に示す表示イメージにおいて、リソース消費量が大きいほど厚みとして表現されている部分が大きくなるように合成を行うことで、ＵＩ部品毎のリソース消費量の多寡を直感的に把握できる。図７に実施の形態２における複合表示部品編集部１０２の編集ウィンドウ上の表示の例を示す。合成情報選択部１１０によって、合成するＵＩ部品情報にメモリ使用量が選択された場合、ＵＩ部品にはメモリ使用量の値が厚みとして擬似３Ｄ的に合成される。メモリ使用量の少ないものは薄く、メモリ使用量の大きなものは厚く表現される。このようにして、編集段階でＵＩ部品毎のリソース使用量を可視化することで、そのリソース使用量を容易かつ直感的に開発者に把握させ、必要に応じて利用する部品を変更したり、ＵＩ部品の構成の改善を促したりすることができる。
【００３２】
ＵＩ部品情報合成部１０９における厚み部分の表示は、例えば次のような方法によって実現できる。図８中、角度８０１を４５度、角度８０２を１３５度とする。寸法８０３と８０４を同じ値Ｘとする。Ｘの値をＵＩ部品情報から求める。例えばメモリ使用量の値をそのままＸとし、メモリ使用量が２０バイトのＵＩ部品の場合はＸを２０ドットに設定して描画を行う。
【００３３】
尚、Ｘの値の決定方法はＵＩ部品情報の値をそのまま設定せず、何らかの計算方法によって求めても構わない。例えば実施の形態１で示したように、最大のメモリ使用量を１００として正規化し、正規化された値をＸに設定するような方法でもよい。
【００３４】
また、ＵＩ部品情報合成部１０９における擬似３Ｄ的に表示する際の表現方法については、図６（ｃ）に示すように、ＵＩ部品の厚みという表現でなくても構わない。例えば（ｃ）では、棒状の物体が飛び出すような表現で実現している。この場合の棒状の物体の角度、長さも、厚みと同様の方法で設定可能である。
【００３５】
以上説明したように、実施の形態２のユーザインタフェース設計装置によれば、ＵＩ部品情報合成部は、ＵＩ部品に対して基本表示部品情報または複合表示部品情報を３次元情報として合成し、擬似的に立体的な表示を行う表示データを生成するようにしたので、２次元上で表現されるＵＩ部品そのものの表示を妨げずに、３次元情報としてＵＩ部品情報を合成して可視化することが可能となる。
【００３６】
実施の形態３．
図９は本発明の実施の形態３によるユーザインタフェース設計装置を示す構成図である。本実施の形態においては、例えば、特許文献１で開示される方法を用いて、複合表示部品を状態遷移が伴うＵＩ部品として作成するようにしたものである。実施の形態１と異なる構成としては、状態つき複合表示部品編集部１１３を備えると共に、ＵＩ部品格納部１０５ａ内に状態つき複合表示部品格納部１１４を、ＵＩ部品情報格納部１０８ａ内に状態つき複合表示部品情報格納部１１５を備えている点である。
【００３７】
図９において、状態つき複合表示部品編集部１１３は、複数の状態毎の状態つき複合表示部品をＵＩ部品として作成する機能部である。状態つき複合表示部品格納部１１４は、状態つき複合表示部品編集部１１３で作成された状態つき複合表示部品を格納する記憶部である。状態つき複合表示部品情報格納部１１５は、状態つき複合表示部品格納部１１４に格納された状態つき複合表示部品のリソース使用量といった統計情報を格納する記憶部であり、状態情報格納部１１６をさらに有している。この状態情報格納部１１６は、複数の状態毎の状態つき複合表示部品のリソース使用量といった統計情報を状態情報として格納する記憶領域である。また、ＵＩ部品情報計算部１１２ａは、複数の状態毎の状態つき複合表示部品情報を状態情報として状態情報格納部１１６に格納すると共に、状態情報格納部１１６に格納された状態情報に基づいて状態つき複合表示部品情報格納部１１５の状態つき複合表示部品情報を計算する機能を有している。
【００３８】
次に、実施の形態３のユーザインタフェース設計装置の動作について実施の形態１とは異なる点を重点的に説明する。
状態つき複合表示部品編集部１１３において、ＵＩ部品の状態遷移が記述でき、各状態に対してＵＩ部品を配置することで、状態つき複合表示部品が作成され、これが状態つき複合表示部品格納部１１４に格納される。状態つき複合表示部品格納部１１４に格納された状態つき複合表示部品もＵＩ部品として利用が可能である。状態つき複合表示部品編集部１１３では、図１０のような流れで編集を行い、各状態にＵＩ部品を配置することで状態つき複合表示部品を作成する。
【００３９】
状態つき複合表示部品は状態遷移を行って表示を変化させる。状態によって配置されるＵＩ部品が異なるため、状態毎にリソースの消費量も異なる。そのため、状態つき複合表示部品のＵＩ部品情報は、単純に状態つき複合表示部品中に配置される全てのＵＩ部品情報の総和とすることはできない。
ＵＩ部品情報計算部１１２ａは、状態つき複合表示部品に対して、まず状態に配置されたＵＩ部品のＵＩ部品情報を元に、状態毎の状態情報を計算して状態情報格納部１１６に格納する。この際の計算方法としては、例えば状態に配置されたＵＩ部品のＵＩ部品情報の総和といった方法がある。この場合の計算方法も、別の方法でも構わない。例えば、上記の計算方法においては、状態毎のリソース使用量は、単に内部に配置されているＵＩ部品のリソース使用量の総和として計算されるが、厳密には状態そのもの（内部に配置されたＵＩ部品を除いたもの）にも対応するクラスが存在し、ここでもリソースを使用する。このリソース使用量を、状態毎のリソース使用量に加算するなど、他の計算方法によって見積もっても構わない。
【００４０】
さらに、状態つき複合部品情報の計算の際には、上記で計算した状態情報を元にＵＩ部品情報計算部１１２ａで計算する。例えば、以下のような方法がある。本発明においては、リソース使用量の悪化を防ぐことが目的であるため、状態つき複合表示部品の各状態の状態情報のうちの最悪値を状態つき複合表示部品のリソース使用量とするといった方法がある。尚、この計算方法も、別の方法でもよく、例えば状態情報の平均を取るといった方法であっても構わない。
【００４１】
このようにすることで、状態遷移を伴うＵＩ部品に関してもリソース使用量の見積りが可能であり、この値を元に、ＵＩ部品情報合成部１０９において、実施の形態１または２で例示したようなＵＩ部品の表示への合成が可能となる。
【００４２】
以上説明したように、実施の形態３のユーザインタフェース設計装置によれば、設計対象装置の内部状態として複数の状態を有する部品として、状態つき複合表示部品を備えるユーザインタフェース設計装置であって、複数の状態毎の状態つき複合表示部品をＵＩ部品として作成する複合表示部品編集部を備え、ＵＩ部品格納部は、状態つき複合表示部品編集部で作成された状態つき複合表示部品を格納すると共に、ＵＩ部品情報格納部は、状態つき複合表示部品におけるリソース使用量を示す状態つき複合表示部品情報を格納し、ＵＩ部品情報計算部は、ＵＩ部品格納部に格納された状態つき複合表示部品における状態毎のリソース使用量を計算し、状態情報としてＵＩ部品情報格納部に格納すると共に、状態情報に基づいて状態つき複合表示部品情報のリソース使用量を計算するようにしたので、状態遷移を伴うＵＩ部品に関してもリソース使用量の見積りが可能となる。
【００４３】
実施の形態４．
図１１は本発明の実施の形態４によるユーザインタフェース設計装置を示す構成図である。実施の形態３と比較して、状態つき複合表示部品編集部１１３をＵＩ部品情報合成部１０９ａと接続することにより、状態つき複合表示部品編集部１１３での表示時にＵＩ部品情報合成部１０９ａを利用する構成となっている。即ち、合成情報選択部１１０ａは、状態つき複合表示部品編集部１１３で編集される状態毎の状態つき複合表示部品に対応した状態情報をＵＩ部品情報格納部１０８ａの状態情報格納部１１６から選択し、ＵＩ部品情報合成部１０９ａは、状態つき複合表示部品編集部１１３で編集される複数の状態の状態つき複合表示部品に対して、それぞれ合成情報選択部１１０ａで選択した状態情報を合成して表示させるための表示データを生成するよう構成されている。その他の構成については図９に示した実施の形態３と同様であるため、対応する部分に同一符号を付してその説明を省略する。
【００４４】
本実施の形態におけるＵＩ部品情報合成部１０９ａにおいては、実施の形態１〜３で例示したようなＵＩ部品への部品情報の合成に加え、状態つき複合表示部品編集部１１３において編集される状態つき複合表示部品の各状態に対して、状態情報を合成する機能も併せ持つ。その表示は、例えば実施の形態２で例示したような表示方法により、図１２のように実現される。
このようにすることで、状態毎のリソース消費量の把握が容易となり、特にリソースを消費する状態を特定して、そこに配置されたＵＩ部品に対して、再構成等を促すことができる。
【００４５】
以上説明したように、実施の形態４のユーザインタフェース設計装置によれば、合成情報選択部は、状態つき複合表示部品編集部で編集される状態毎の状態つき複合表示部品に対応した状態情報を選択し、ＵＩ部品情報合成部は、状態つき複合表示部品編集部で編集される複数の状態の状態つき複合表示部品に対して、それぞれ合成情報選択部で選択した状態情報を合成して表示させるための表示データを生成するようにしたので、状態毎に異なるリソース消費量となる状態つき複合表示部品に対し、各状態におけるリソース使用量を容易かつ直感的に把握することが可能となる。
【００４６】
尚、本願発明はその発明の範囲内において、各実施の形態の自由な組み合わせ、あるいは各実施の形態の任意の構成要素の変形、もしくは各実施の形態において任意の構成要素の省略が可能である。
【符号の説明】
【００４７】
１０１ 表示属性設定部、１０２ 複合表示部品編集部、１０３ 基本表示部品格納部、１０４ 複合表示部品格納部、１０５，１０５ａ ＵＩ部品格納部、１０６ 基本表示部品情報格納部、１０７ 複合表示部品情報格納部、１０８，１０８ａ ＵＩ部品情報格納部、１０９，１０９ａ ＵＩ部品情報合成部、１１０，１１０ａ 合成情報選択部、１１１ 表示装置、１１２，１１２ａ ＵＩ部品情報計算部、１１３ 状態つき複合表示部品編集部、１１４ 状態つき複合表示部品格納部、１１５ 状態つき複合表示部品情報格納部、１１６ 状態情報格納部。
【技術分野】
【０００１】
この発明は、組み込み機器のユーザインタフェース（ＵＩ）を設計するユーザインタフェース設計装置に関するものである。
【背景技術】
【０００２】
ユーザインタフェース設計装置においては、複数のＵＩ部品を組み合わせて新たにＵＩ部品を作成しながら（部品化）、階層的に画面を構築することがある。このような方法で、複数の開発者が並行して部品化を行うような場合、他の開発者が作成したＵＩ部品を利用して、新たな部品化を行う場合も発生する。組み込み機器においては、メモリやＣＰＵなどのリソースの使用をできるだけ低く抑える必要があるため、ＵＩ部品作成時にもできるだけ作成するＵＩ部品のリソース使用量に気を配ることが重要であるが、他者の作成したＵＩ部品に関しては内容を熟知していないため、例えばメモリ使用量の大きなＵＩ部品を多数利用して新たなＵＩ部品を作成していくと、階層を重ねる毎に、知らず知らずに膨大なメモリを消費する画面を構築してしまう可能性がある。そのようなことを防ぐため、部品化段階でリソースの使用量を可視化して把握を容易にし、リソースの消費の大きなＵＩ部品は使用しない、もしくはそのＵＩ部品の再構成を促す必要がある。
【０００３】
従来、このようなユーザインタフェース設計装置としては、例えば特許文献１に記載された装置では、基本表示部品を組み合わせて複合表示部品を作成することで、部品化を行いながら階層的に設計を行うことを可能にしている。また、例えば特許文献２に記載されているような装置では、パフォーマンスモニタ上で、プロセス毎のリソース使用量等をグラフ等の図形表現によって可視化している。
【先行技術文献】
【特許文献】
【０００４】
【特許文献１】特許第３８８１１７９号公報
【特許文献２】特許第２５５３３０７号公報
【発明の概要】
【発明が解決しようとする課題】
【０００５】
しかしながら、従来の特許文献１に記載されているようなユーザインタフェース設計装置において、特許文献２に記載されているようなグラフ等の図形表現によって可視化する技術を適用することを考えた場合、リソース使用量の表示のために、新たな情報表示ウィンドウを表示して、情報表示ウィンドウ上でＵＩ部品毎のリソース使用量をグラフ等に可視化することになる。そのため、ＵＩ部品の開発者が、自分が現在行っている部品化開発で利用しているＵＩ部品のリソース使用量を確認するためには、部品化開発を行っている編集ウィンドウと、情報表示ウィンドウを見比べることが必要であり、リソース使用量を確認したいＵＩ部品と、そのリソース使用量とを対応づけることが煩雑であるという問題点があった。
【０００６】
本発明は、上記のような問題点を解決するためになされたもので、部品化開発中に、容易かつ直感的にＵＩ部品毎のリソース使用量といった統計情報を把握することのできるユーザインタフェース設計装置を得ることを目的とする。
【課題を解決するための手段】
【０００７】
この発明に係るユーザインタフェース設計装置は、設計対象装置のユーザインタフェースとなる画面表示用の部品として予め設計された基本表示部品と、単一または複数の基本表示部品で作成される複合表示部品、または作成された複合表示部品と基本表示部品のどちらか一方を含んで作成されるか、それぞれ単一または複数組み合わせて作成される新たな複合表示部品とをＵＩ部品として格納するＵＩ部品格納部と、単一または複数のＵＩ部品を配置することで複合表示部品を作成する複合表示部品編集部と、基本表示部品と複合表示部品の設計対象装置における統計情報を示す基本表示部品情報と複合表示部品情報を格納するＵＩ部品情報格納部と、ＵＩ部品格納部にＵＩ部品が格納された場合、ＵＩ部品に対応した基本表示部品情報または複合表示部品情報を計算してＵＩ部品情報格納部に格納するＵＩ部品情報計算部と、複合表示部品編集部上のＵＩ部品の表示属性を設定する表示属性設定部と、基本表示部品情報および複合表示部品情報から、複合表示部品編集部で編集されるＵＩ部品に対応した基本表示部品情報または複合表示部品情報を選択する合成情報選択部と、複合表示部品編集部で編集されるＵＩ部品に対して、合成情報選択部で選択した基本表示部品情報または複合表示部品情報を合成して表示させるための表示データを生成するＵＩ部品情報合成部とを備えたものである。
【発明の効果】
【０００８】
この発明のユーザインタフェース設計装置は、複合表示部品編集部で編集されるＵＩ部品に対して、その統計情報を示す基本表示部品情報または複合表示部品情報を合成して表示させるようにしたので、部品化開発中に、容易かつ直感的にＵＩ部品毎のリソース使用量といった統計情報を把握することができる。
【図面の簡単な説明】
【０００９】
【図１】この発明の実施の形態１によるユーザインタフェース設計装置を示す構成図である。
【図２】この発明のユーザインタフェース設計装置のハードウェア構成図である。
【図３】この発明の実施の形態１によるユーザインタフェース設計装置の部品化のイメージを示す説明図である。
【図４】この発明の実施の形態１によるユーザインタフェース設計装置の基本表示部品に対応するクラスの例を示す説明図である。
【図５】この発明の実施の形態１によるユーザインタフェース設計装置の基本表示部品情報格納部のデータ例を示す説明図である。
【図６】この発明の実施の形態２によるユーザインタフェース設計装置のＵＩ部品へのＵＩ部品情報の合成方法の例を示す説明図である。
【図７】この発明の実施の形態２によるユーザインタフェース設計装置の複合表示部品編集部における表示の一例を示す説明図である。
【図８】この発明の実施の形態２によるユーザインタフェース設計装置のＵＩ部品へのＵＩ部品情報の合成の際の計算方法の例を示すための説明図である。
【図９】この発明の実施の形態３によるユーザインタフェース設計装置を示す構成図である。
【図１０】この発明の実施の形態３によるユーザインタフェース設計装置の状態つき複合表示部品編集部における編集の流れを示す説明図である。
【図１１】この発明の実施の形態４によるユーザインタフェース設計装置を示す構成図である。
【図１２】この発明の実施の形態４によるユーザインタフェース設計装置の状態つき複合表示部品編集部における表示の一例を示す説明図である。
【発明を実施するための形態】
【００１０】
実施の形態１．
図１は、この発明の実施の形態１によるユーザインタフェース設計装置を示す構成図である。
図１に示すユーザインタフェース設計装置は、表示属性設定部１０１、複合表示部品編集部１０２、基本表示部品格納部１０３と複合表示部品格納部１０４からなるＵＩ部品格納部１０５、基本表示部品情報格納部１０６と複合表示部品情報格納部１０７とからなるＵＩ部品情報格納部１０８、ＵＩ部品情報合成部１０９、合成情報選択部１１０、表示装置１１１、ＵＩ部品情報計算部１１２を備えている。
【００１１】
表示属性設定部１０１は、複合表示部品編集部１０２上でＵＩ部品の表示属性を設定する機能部である。複合表示部品編集部１０２は、基本表示部品格納部１０３に格納されている単一または複数の基本表示部品を配置して複合表示部品を作成し、これを複合表示部品格納部１０４に格納する機能を有している。また、複合表示部品編集部１０２では、表示属性設定部１０１によって、配置されたＵＩ部品に対してサイズや色といった表示属性が設定され、ＵＩ部品の表示に反映される。さらに、複合表示部品編集部１０２は、単一または複数の複合表示部品と単一または複数の基本表示部品とを任意に組み合わせて、新たな複合表示部品を作成することも可能であり、階層的に部品化を行うことができる（例えば、後述する図３参照）。また、単一の複合表示部品に対して表示属性を設定して新たな複合表示部品を作成するといったことも可能である。このように、複合表示部品としては、単一または複数の基本表示部品で作成される複合表示部品、または作成された複合表示部品と基本表示部品のどちらか一方を含んで作成されるか、それぞれ単一または複数組み合わせて作成される新たな複合表示部品を含むものである。
【００１２】
ＵＩ部品格納部１０５における基本表示部品格納部１０３は、設計対象装置のユーザインタフェースとなる画面表示用の部品として予め設計された基本表示部品の格納部である。また、ＵＩ部品格納部１０５における複合表示部品格納部１０４は、複合表示部品編集部１０２によって作成された複合表示部品の格納部である。尚、基本表示部品と複合表示部品のいずれか一方または両方を合わせてＵＩ部品と呼ぶ。
【００１３】
ＵＩ部品情報格納部１０８における基本表示部品情報格納部１０６は、基本部品に関連する情報のうち、設計対象装置のユーザインタフェース上で、その基本部品の表示に利用されないＵＩ部品情報の格納部であり、基本表示部品格納部１０３に格納された基本表示部品毎のＵＩ部品情報が格納されている。ここで、ＵＩ部品情報とは、典型的にはメモリ使用量や描画処理時間等のＵＩ部品毎のリソース使用量といった統計情報である。また、ＵＩ部品情報格納部１０８における複合表示部品情報格納部１０７は、ＵＩ部品情報計算部１１２で計算された複合表示部品に関して、設計対象装置のユーザインタフェース上で、ＵＩ部品の表示に利用されないＵＩ部品情報を格納するものであり、複合表示部品格納部１０４に格納された複合表示部品毎のＵＩ部品情報が格納されている。尚、基本表示部品情報と複合表示部品情報のいずれか一方または両方を合わせてＵＩ部品情報と呼ぶ。
【００１４】
ＵＩ部品情報合成部１０９は、複合表示部品編集部１０２で編集されたＵＩ部品と、合成情報選択部１１０で選択されたＵＩ部品情報とを合成し、可視化データとして表示装置１１１に出力する機能部である。合成情報選択部１１０は、ＵＩ部品情報格納部１０８から、複合表示部品編集部１０２で編集されたＵＩ部品に対応したＵＩ部品情報を合成情報として選択する機能部である。表示装置１１１は、ＵＩ部品にＵＩ部品情報を合成して表示するための表示装置である。このように、ＵＩ部品情報合成部１０９によって、選択されたＵＩ部品情報と表示属性設定部１０１によって設定された属性値を持つＵＩ部品とが合成され、表示装置１１１上で表示される。
【００１５】
ＵＩ部品情報計算部１１２は、ＵＩ部品格納部１０５に新たなＵＩ部品が格納された場合にそのＵＩ部品情報を計算してＵＩ部品情報格納部１０８に格納する機能部である。
【００１６】
図２は、このユーザインタフェース装置を実現するハードウェア構成の一例を示す図であり、パーソナルコンピュータ（ＰＣ）での構成例である。
ＵＩ部品格納部１０５および内包される基本表示部品格納部１０３、複合表示部品格納部１０４、ＵＩ部品情報格納部１０８および内包される基本表示部品情報格納部１０６、複合表示部品情報格納部１０７は、ＰＣ本体２０１のＲＡＭやハードディスクなどの記憶装置２０３で実現されている。また、表示属性設定部１０１、複合表示部品編集部１０２、ＵＩ部品情報合成部１０９、合成情報選択部１１０、ＵＩ部品情報計算部１１２は、ＰＣ本体２０１の処理装置２０２でプログラムを実行することで実現される。即ち、これらの機能部は、それぞれの機能に対応したソフトウェアとこれを実行するためのＣＰＵ等のハードウェアから実現されている。さらに、キーボード２０６、マウス２０５といった入力装置によって本ユーザインタフェース設計装置における編集作業が行われる。モニタ２０４といった表示装置１１１によって、編集作業を行う画面が出力される。尚、入力装置としては、出力／入力のどちらも行えるタッチパネルなどであってもよい。
【００１７】
次に、実施の形態１におけるユーザインタフェース設計装置の動作について説明する。
本設計装置の利用者である開発者は、まず基本表示部品を複合表示部品編集部１０２上に配置する。これによって複合表示部品が作成され、作成された複合表示部品は複合表示部品格納部１０４に格納される。これを部品化と呼ぶ。以降、開発者は複合表示部品を利用することも可能となり、複合表示部品編集部１０２にて、基本表示部品および複合表示部品の両方（ＵＩ部品）を配置して、新たな複合表示部品を作成する。このようにして、階層的に部品化して複合表示部品を作成することで、最終的に１画面を作成する。階層的な部品化のイメージを図３に示す。
【００１８】
複合表示部品編集部１０２では、編集ウィンドウ上でＵＩ部品の外観を表示しながら、ＵＩ部品に対してその色やサイズといった表示属性を、表示属性設定部１０１を用いて設定する。設定した属性値は表示装置１１１上での表示に反映されるため、設定した属性値に対応したＵＩ部品の表示を見ながら編集することが可能である。このようにして単一または複数の部品の配置および属性値の設定を行い、複合表示部品を作成する。
【００１９】
また、複合表示部品格納部１０４に新たな複合表示部品が格納されると、ＵＩ部品情報計算部１１２によってＵＩ部品情報が計算され、複合表示部品に対するＵＩ部品情報が複合表示部品情報格納部１０７に格納される。このようにして、ＵＩ部品毎のＵＩ部品情報が、ＵＩ部品情報格納部１０８にて保持される。ＵＩ部品情報計算部１１２がＵＩ部品情報を得るためには、例えば次のような方法によって行う。
【００２０】
＜メモリ使用量の場合＞
本発明のようなユーザインタフェース設計装置によって設計されたユーザインタフェースを実行するプログラムにおいては、通常、基本表示部品に対応するクラスや構造体が存在する。例えば四角を描画する部品（四角部品とする）であれば、図４に示すようなクラスが対応する。このようなクラスのメンバ変数毎のメモリ使用量を合算することで、基本表示部品のメモリ使用量を見積もることができる。図４の四角部品の場合、ｓｈｏｒｔ型の変数は２ｂｙｔｅ、ｉｎｔ型の変数は４ｂｙｔｅを必要とするため、四角部品全体で必要なメモリ使用量は２＊４＋４＊１＝１２ｂｙｔｅとなる。複合表示部品の場合は、その内部に配置されているＵＩ部品のメモリ使用量の総和で表すことができる。
【００２１】
＜描画処理時間の場合＞
上記のような基本表示部品に対応するクラス毎に、本設計装置によって設計されたユーザインタフェースを実行する際に、その外観を表示装置上に表示するための描画処理が存在する。この描画処理にかかる時間を適当なシステム構成上で計測することで、基本表示部品の描画処理時間として見積もることができる。複合表示部品の場合は、その内部に配置されているＵＩ部品の描画処理時間の総和で表すことができる。
【００２２】
尚、上記のＵＩ部品情報計算部１１２におけるＵＩ部品情報の見積り方法は、その他の方法を用いても構わない。例えば、上記の見積り方法においては、複合表示部品のリソース使用量を、単に内部に配置されているＵＩ部品のリソース使用量の総和としたが、厳密には複合表示部品そのもの（内部に配置されたＵＩ部品を除いたもの）にも対応するクラスが存在し、ここでもリソースを使用する。このリソース使用量を、複合表示部品のリソース使用量に加算するなど、他の計算方法によって見積もっても構わない。
【００２３】
表示装置１１１でのＵＩ部品の外観の表示の際には、ＵＩ部品と、表示属性設定部１０１にて設定された表示属性に加え、ＵＩ部品情報格納部１０８に格納されているＵＩ部品情報をＵＩ部品情報合成部１０９にて合成することで表示を形成する。ＵＩ部品情報格納部１０８には、図５に示すように、ＵＩ部品毎に複数のＵＩ部品情報（メモリ使用量，描画処理時間，・・・）が格納されているため、このうち一つを合成情報選択部１１０によって複合表示部品の作成者（複合表示部品編集部１０２の利用者）が選択する。
【００２４】
ＵＩ部品情報合成部１０９におけるＵＩ部品情報の合成の方法としては、例えばＵＩ部品の色を変化させるといった方法がある。例えばメモリ使用量の値を合成して表示する場合、ＵＩ部品の位置、サイズに合わせた赤色の領域をＵＩ部品の前面に配置し、その透過率をメモリ使用量に応じて変化させることで、メモリ使用量の大きなＵＩ部品ほど赤みがかって表示されるといった表示方法が実現できる。透過率の計算方法としては、例えば次のようなものが考えられる。ＵＩ部品情報格納部１０８中に格納されている全部品のメモリ使用量のうち、最大のものを１００として、全部品のメモリ使用量を正規化する。例えば最大値が５０であった場合、メモリ使用量が１０のＵＩ部品の正規化された値は２０となる。この正規化された値を１００から引くことで、透過率とする。上記最大値を持つＵＩ部品の前面に配置される赤色の領域の透過率は、１００−１００＝０（％）で、ＵＩ部品の前面に配置した赤色の領域は全く透過せず、本来のＵＩ部品の表示は見えなくなる。また、上記メモリ使用量が１０のＵＩ部品に関しては、１００−２０＝８０（％）の透過率となり、ＵＩ部品の上に薄く赤みがかって表示される。
【００２５】
尚、透過率の計算方法は上記以外の方法でも構わない。例えば最大を１００として正規化せず、５０として正規化することで、最大のメモリ使用量を持つＵＩ部品も、ＵＩ部品そのものの表示を透過して見せることも可能である。他の例として、正規化の際に最大のメモリ使用量を利用するのではなく、全体における最大値を決定し、その値を利用して正規化してもよい。
また、合成の表現方法も、色の変更以外の方法であっても構わない。例えば上記透過率を拡大率とし、メモリ使用量が大きいほどサイズが大きく表示されるといった、別の表現で実現してもよい。
【００２６】
このように、ＵＩ部品情報合成部１０９によってＵＩ部品の表示に対してＵＩ部品情報を合成して表示することで、ＵＩ部品とＵＩ部品情報との対応付けが容易になる。例えば編集ウィンドウとは別に、グラフ表現等でＵＩ部品毎のリソース消費量を表示し、編集ウィンドウ上のＵＩ部品と見比べてリソース消費量を把握するといった方法に比べ、利用者は、ＵＩ部品のリソース消費量の多寡を直感的に把握することができる。
【００２７】
また、ＵＩ部品情報としてはメモリ使用量や描画処理時間といった情報に限定されず、その他のリソース使用量であっても構わない。例えばＵＩ部品がプログラム上でオブジェクトとして生成されるときにかかる時間などが考えられる。さらに、ＵＩ部品情報はリソース使用量に制限されるものではなく、統計情報であれば、例えば複合表示部品格納部１０４に格納されている複合表示部品全体の中で、特定のＵＩ部品が何回利用されているかという再利用回数などであっても構わない。
【００２８】
以上説明したように、実施の形態１のユーザインタフェース設計装置によれば、設計対象装置のユーザインタフェースとなる画面表示用の部品として予め設計された基本表示部品と、単一または複数の基本表示部品で作成される複合表示部品、または作成された複合表示部品と基本表示部品のどちらか一方を含んで作成されるか、それぞれ単一または複数組み合わせて作成される新たな複合表示部品とをＵＩ部品として格納するＵＩ部品格納部と、単一または複数のＵＩ部品を配置することで複合表示部品を作成する複合表示部品編集部と、基本表示部品と複合表示部品の設計対象装置における統計情報を示す基本表示部品情報と複合表示部品情報を格納するＵＩ部品情報格納部と、ＵＩ部品格納部にＵＩ部品が格納された場合、ＵＩ部品に対応した基本表示部品情報または複合表示部品情報を計算してＵＩ部品情報格納部に格納するＵＩ部品情報計算部と、複合表示部品編集部上のＵＩ部品の表示属性を設定する表示属性設定部と、基本表示部品情報および複合表示部品情報から、複合表示部品編集部で編集されるＵＩ部品に対応した基本表示部品情報または複合表示部品情報を選択する合成情報選択部と、複合表示部品編集部で編集されるＵＩ部品に対して、合成情報選択部で選択した基本表示部品情報または複合表示部品情報を合成して表示させるための表示データを生成するＵＩ部品情報合成部とを備えたので、部品化開発中に、容易かつ直感的にＵＩ部品毎のリソース使用量といった統計情報を把握することができる。
【００２９】
実施の形態２．
本発明の実施の形態２では、ＵＩ部品情報合成部１０９において、ＵＩ部品情報をＵＩ部品の表示に合成して可視化する際に、ＵＩ部品情報を３次元情報として合成して表示することを特徴とする。実施の形態２における図面上の構成は実施の形態１の図１に示す構成と同様であるため、図１を援用して説明する。尚、ＵＩ部品情報合成部１０９以外の構成については、実施の形態１と同様であるため、ＵＩ部品情報合成部１０９以外の構成に対する説明は省略する。
【００３０】
ＵＩ部品情報を合成する際に、実施の形態１で例示したようにＵＩ部品の色として合成すると、リソース使用量は直感的に把握できるものの、ＵＩ部品そのものの表示内容を一部変更してしまうことになる。複合表示部品編集部１０２では、ＵＩ部品に対し、Ｘ−Ｙ平面上での表示を表現しており、Ｚ軸方向は表現されていないため、Ｚ軸方向の３次元情報として、擬似３Ｄ的に表示することで、ＵＩ部品そのものの表示内容は損ねずに、ＵＩ部品情報を合成することが可能である。
【００３１】
図６は、ＵＩ部品情報を３次元情報として合成した場合としない場合とを示す説明図である。図中、（ａ）は擬似３Ｄ部品情報合成を行わない場合の表示イメージ、（ｂ）は擬似３Ｄ部品情報合成を行った場合の表示イメージを示している。ここでは、四角部品と丸部品を組み合わせた複合表示部品とする。（ｂ）に示す表示イメージにおいて、リソース消費量が大きいほど厚みとして表現されている部分が大きくなるように合成を行うことで、ＵＩ部品毎のリソース消費量の多寡を直感的に把握できる。図７に実施の形態２における複合表示部品編集部１０２の編集ウィンドウ上の表示の例を示す。合成情報選択部１１０によって、合成するＵＩ部品情報にメモリ使用量が選択された場合、ＵＩ部品にはメモリ使用量の値が厚みとして擬似３Ｄ的に合成される。メモリ使用量の少ないものは薄く、メモリ使用量の大きなものは厚く表現される。このようにして、編集段階でＵＩ部品毎のリソース使用量を可視化することで、そのリソース使用量を容易かつ直感的に開発者に把握させ、必要に応じて利用する部品を変更したり、ＵＩ部品の構成の改善を促したりすることができる。
【００３２】
ＵＩ部品情報合成部１０９における厚み部分の表示は、例えば次のような方法によって実現できる。図８中、角度８０１を４５度、角度８０２を１３５度とする。寸法８０３と８０４を同じ値Ｘとする。Ｘの値をＵＩ部品情報から求める。例えばメモリ使用量の値をそのままＸとし、メモリ使用量が２０バイトのＵＩ部品の場合はＸを２０ドットに設定して描画を行う。
【００３３】
尚、Ｘの値の決定方法はＵＩ部品情報の値をそのまま設定せず、何らかの計算方法によって求めても構わない。例えば実施の形態１で示したように、最大のメモリ使用量を１００として正規化し、正規化された値をＸに設定するような方法でもよい。
【００３４】
また、ＵＩ部品情報合成部１０９における擬似３Ｄ的に表示する際の表現方法については、図６（ｃ）に示すように、ＵＩ部品の厚みという表現でなくても構わない。例えば（ｃ）では、棒状の物体が飛び出すような表現で実現している。この場合の棒状の物体の角度、長さも、厚みと同様の方法で設定可能である。
【００３５】
以上説明したように、実施の形態２のユーザインタフェース設計装置によれば、ＵＩ部品情報合成部は、ＵＩ部品に対して基本表示部品情報または複合表示部品情報を３次元情報として合成し、擬似的に立体的な表示を行う表示データを生成するようにしたので、２次元上で表現されるＵＩ部品そのものの表示を妨げずに、３次元情報としてＵＩ部品情報を合成して可視化することが可能となる。
【００３６】
実施の形態３．
図９は本発明の実施の形態３によるユーザインタフェース設計装置を示す構成図である。本実施の形態においては、例えば、特許文献１で開示される方法を用いて、複合表示部品を状態遷移が伴うＵＩ部品として作成するようにしたものである。実施の形態１と異なる構成としては、状態つき複合表示部品編集部１１３を備えると共に、ＵＩ部品格納部１０５ａ内に状態つき複合表示部品格納部１１４を、ＵＩ部品情報格納部１０８ａ内に状態つき複合表示部品情報格納部１１５を備えている点である。
【００３７】
図９において、状態つき複合表示部品編集部１１３は、複数の状態毎の状態つき複合表示部品をＵＩ部品として作成する機能部である。状態つき複合表示部品格納部１１４は、状態つき複合表示部品編集部１１３で作成された状態つき複合表示部品を格納する記憶部である。状態つき複合表示部品情報格納部１１５は、状態つき複合表示部品格納部１１４に格納された状態つき複合表示部品のリソース使用量といった統計情報を格納する記憶部であり、状態情報格納部１１６をさらに有している。この状態情報格納部１１６は、複数の状態毎の状態つき複合表示部品のリソース使用量といった統計情報を状態情報として格納する記憶領域である。また、ＵＩ部品情報計算部１１２ａは、複数の状態毎の状態つき複合表示部品情報を状態情報として状態情報格納部１１６に格納すると共に、状態情報格納部１１６に格納された状態情報に基づいて状態つき複合表示部品情報格納部１１５の状態つき複合表示部品情報を計算する機能を有している。
【００３８】
次に、実施の形態３のユーザインタフェース設計装置の動作について実施の形態１とは異なる点を重点的に説明する。
状態つき複合表示部品編集部１１３において、ＵＩ部品の状態遷移が記述でき、各状態に対してＵＩ部品を配置することで、状態つき複合表示部品が作成され、これが状態つき複合表示部品格納部１１４に格納される。状態つき複合表示部品格納部１１４に格納された状態つき複合表示部品もＵＩ部品として利用が可能である。状態つき複合表示部品編集部１１３では、図１０のような流れで編集を行い、各状態にＵＩ部品を配置することで状態つき複合表示部品を作成する。
【００３９】
状態つき複合表示部品は状態遷移を行って表示を変化させる。状態によって配置されるＵＩ部品が異なるため、状態毎にリソースの消費量も異なる。そのため、状態つき複合表示部品のＵＩ部品情報は、単純に状態つき複合表示部品中に配置される全てのＵＩ部品情報の総和とすることはできない。
ＵＩ部品情報計算部１１２ａは、状態つき複合表示部品に対して、まず状態に配置されたＵＩ部品のＵＩ部品情報を元に、状態毎の状態情報を計算して状態情報格納部１１６に格納する。この際の計算方法としては、例えば状態に配置されたＵＩ部品のＵＩ部品情報の総和といった方法がある。この場合の計算方法も、別の方法でも構わない。例えば、上記の計算方法においては、状態毎のリソース使用量は、単に内部に配置されているＵＩ部品のリソース使用量の総和として計算されるが、厳密には状態そのもの（内部に配置されたＵＩ部品を除いたもの）にも対応するクラスが存在し、ここでもリソースを使用する。このリソース使用量を、状態毎のリソース使用量に加算するなど、他の計算方法によって見積もっても構わない。
【００４０】
さらに、状態つき複合部品情報の計算の際には、上記で計算した状態情報を元にＵＩ部品情報計算部１１２ａで計算する。例えば、以下のような方法がある。本発明においては、リソース使用量の悪化を防ぐことが目的であるため、状態つき複合表示部品の各状態の状態情報のうちの最悪値を状態つき複合表示部品のリソース使用量とするといった方法がある。尚、この計算方法も、別の方法でもよく、例えば状態情報の平均を取るといった方法であっても構わない。
【００４１】
このようにすることで、状態遷移を伴うＵＩ部品に関してもリソース使用量の見積りが可能であり、この値を元に、ＵＩ部品情報合成部１０９において、実施の形態１または２で例示したようなＵＩ部品の表示への合成が可能となる。
【００４２】
以上説明したように、実施の形態３のユーザインタフェース設計装置によれば、設計対象装置の内部状態として複数の状態を有する部品として、状態つき複合表示部品を備えるユーザインタフェース設計装置であって、複数の状態毎の状態つき複合表示部品をＵＩ部品として作成する複合表示部品編集部を備え、ＵＩ部品格納部は、状態つき複合表示部品編集部で作成された状態つき複合表示部品を格納すると共に、ＵＩ部品情報格納部は、状態つき複合表示部品におけるリソース使用量を示す状態つき複合表示部品情報を格納し、ＵＩ部品情報計算部は、ＵＩ部品格納部に格納された状態つき複合表示部品における状態毎のリソース使用量を計算し、状態情報としてＵＩ部品情報格納部に格納すると共に、状態情報に基づいて状態つき複合表示部品情報のリソース使用量を計算するようにしたので、状態遷移を伴うＵＩ部品に関してもリソース使用量の見積りが可能となる。
【００４３】
実施の形態４．
図１１は本発明の実施の形態４によるユーザインタフェース設計装置を示す構成図である。実施の形態３と比較して、状態つき複合表示部品編集部１１３をＵＩ部品情報合成部１０９ａと接続することにより、状態つき複合表示部品編集部１１３での表示時にＵＩ部品情報合成部１０９ａを利用する構成となっている。即ち、合成情報選択部１１０ａは、状態つき複合表示部品編集部１１３で編集される状態毎の状態つき複合表示部品に対応した状態情報をＵＩ部品情報格納部１０８ａの状態情報格納部１１６から選択し、ＵＩ部品情報合成部１０９ａは、状態つき複合表示部品編集部１１３で編集される複数の状態の状態つき複合表示部品に対して、それぞれ合成情報選択部１１０ａで選択した状態情報を合成して表示させるための表示データを生成するよう構成されている。その他の構成については図９に示した実施の形態３と同様であるため、対応する部分に同一符号を付してその説明を省略する。
【００４４】
本実施の形態におけるＵＩ部品情報合成部１０９ａにおいては、実施の形態１〜３で例示したようなＵＩ部品への部品情報の合成に加え、状態つき複合表示部品編集部１１３において編集される状態つき複合表示部品の各状態に対して、状態情報を合成する機能も併せ持つ。その表示は、例えば実施の形態２で例示したような表示方法により、図１２のように実現される。
このようにすることで、状態毎のリソース消費量の把握が容易となり、特にリソースを消費する状態を特定して、そこに配置されたＵＩ部品に対して、再構成等を促すことができる。
【００４５】
以上説明したように、実施の形態４のユーザインタフェース設計装置によれば、合成情報選択部は、状態つき複合表示部品編集部で編集される状態毎の状態つき複合表示部品に対応した状態情報を選択し、ＵＩ部品情報合成部は、状態つき複合表示部品編集部で編集される複数の状態の状態つき複合表示部品に対して、それぞれ合成情報選択部で選択した状態情報を合成して表示させるための表示データを生成するようにしたので、状態毎に異なるリソース消費量となる状態つき複合表示部品に対し、各状態におけるリソース使用量を容易かつ直感的に把握することが可能となる。
【００４６】
尚、本願発明はその発明の範囲内において、各実施の形態の自由な組み合わせ、あるいは各実施の形態の任意の構成要素の変形、もしくは各実施の形態において任意の構成要素の省略が可能である。
【符号の説明】
【００４７】
１０１ 表示属性設定部、１０２ 複合表示部品編集部、１０３ 基本表示部品格納部、１０４ 複合表示部品格納部、１０５，１０５ａ ＵＩ部品格納部、１０６ 基本表示部品情報格納部、１０７ 複合表示部品情報格納部、１０８，１０８ａ ＵＩ部品情報格納部、１０９，１０９ａ ＵＩ部品情報合成部、１１０，１１０ａ 合成情報選択部、１１１ 表示装置、１１２，１１２ａ ＵＩ部品情報計算部、１１３ 状態つき複合表示部品編集部、１１４ 状態つき複合表示部品格納部、１１５ 状態つき複合表示部品情報格納部、１１６ 状態情報格納部。
【特許請求の範囲】
【請求項１】
設計対象装置のユーザインタフェースとなる画面表示用の部品として予め設計された基本表示部品と、単一または複数の前記基本表示部品で作成される複合表示部品、または作成された複合表示部品と前記基本表示部品のどちらか一方を含んで作成されるか、それぞれ単一または複数組み合わせて作成される新たな複合表示部品とをＵＩ部品として格納するＵＩ部品格納部と、
単一または複数の前記ＵＩ部品を配置することで前記複合表示部品を作成する複合表示部品編集部と、
前記基本表示部品と前記複合表示部品の前記設計対象装置における統計情報を示す基本表示部品情報と複合表示部品情報を格納するＵＩ部品情報格納部と、
前記ＵＩ部品格納部に前記ＵＩ部品が格納された場合、当該ＵＩ部品に対応した前記基本表示部品情報または前記複合表示部品情報を計算して前記ＵＩ部品情報格納部に格納するＵＩ部品情報計算部と、
前記複合表示部品編集部上の前記ＵＩ部品の表示属性を設定する表示属性設定部と、
前記基本表示部品情報および前記複合表示部品情報から、前記複合表示部品編集部で編集されるＵＩ部品に対応した基本表示部品情報または複合表示部品情報を選択する合成情報選択部と、
前記複合表示部品編集部で編集されるＵＩ部品に対して、前記合成情報選択部で選択した前記基本表示部品情報または前記複合表示部品情報を合成して表示させるための表示データを生成するＵＩ部品情報合成部とを備えたユーザインタフェース設計装置。
【請求項２】
前記ＵＩ部品情報合成部は、ＵＩ部品に対して基本表示部品情報または複合表示部品情報を３次元情報として合成し、擬似的に立体的な表示を行う表示データを生成することを特徴とする請求項１記載のユーザインタフェース設計装置。
【請求項３】
設計対象装置の内部状態として複数の状態を有する部品として、状態つき複合表示部品を備えるユーザインタフェース設計装置であって、
前記複数の状態毎の状態つき複合表示部品をＵＩ部品として作成する複合表示部品編集部を備え、
ＵＩ部品格納部は、前記状態つき複合表示部品編集部で作成された状態つき複合表示部品を格納すると共に、ＵＩ部品情報格納部は、前記状態つき複合表示部品における統計情報を示す状態つき複合表示部品情報を格納し、
ＵＩ部品情報計算部は、前記ＵＩ部品格納部に格納された前記状態つき複合表示部品における状態毎の統計情報を計算し、状態情報として前記ＵＩ部品情報格納部に格納すると共に、当該状態情報に基づいて前記状態つき複合表示部品情報の統計情報を計算することを特徴とする請求項１または請求項２記載のユーザインタフェース設計装置。
【請求項４】
合成情報選択部は、状態つき複合表示部品編集部で編集される状態毎の状態つき複合表示部品に対応した状態情報を選択し、
ＵＩ部品情報合成部は、前記状態つき複合表示部品編集部で編集される複数の状態の状態つき複合表示部品に対して、それぞれ前記合成情報選択部で選択した状態情報を合成して表示させるための表示データを生成することを特徴とする請求項３記載のユーザインタフェース設計装置。
【請求項１】
設計対象装置のユーザインタフェースとなる画面表示用の部品として予め設計された基本表示部品と、単一または複数の前記基本表示部品で作成される複合表示部品、または作成された複合表示部品と前記基本表示部品のどちらか一方を含んで作成されるか、それぞれ単一または複数組み合わせて作成される新たな複合表示部品とをＵＩ部品として格納するＵＩ部品格納部と、
単一または複数の前記ＵＩ部品を配置することで前記複合表示部品を作成する複合表示部品編集部と、
前記基本表示部品と前記複合表示部品の前記設計対象装置における統計情報を示す基本表示部品情報と複合表示部品情報を格納するＵＩ部品情報格納部と、
前記ＵＩ部品格納部に前記ＵＩ部品が格納された場合、当該ＵＩ部品に対応した前記基本表示部品情報または前記複合表示部品情報を計算して前記ＵＩ部品情報格納部に格納するＵＩ部品情報計算部と、
前記複合表示部品編集部上の前記ＵＩ部品の表示属性を設定する表示属性設定部と、
前記基本表示部品情報および前記複合表示部品情報から、前記複合表示部品編集部で編集されるＵＩ部品に対応した基本表示部品情報または複合表示部品情報を選択する合成情報選択部と、
前記複合表示部品編集部で編集されるＵＩ部品に対して、前記合成情報選択部で選択した前記基本表示部品情報または前記複合表示部品情報を合成して表示させるための表示データを生成するＵＩ部品情報合成部とを備えたユーザインタフェース設計装置。
【請求項２】
前記ＵＩ部品情報合成部は、ＵＩ部品に対して基本表示部品情報または複合表示部品情報を３次元情報として合成し、擬似的に立体的な表示を行う表示データを生成することを特徴とする請求項１記載のユーザインタフェース設計装置。
【請求項３】
設計対象装置の内部状態として複数の状態を有する部品として、状態つき複合表示部品を備えるユーザインタフェース設計装置であって、
前記複数の状態毎の状態つき複合表示部品をＵＩ部品として作成する複合表示部品編集部を備え、
ＵＩ部品格納部は、前記状態つき複合表示部品編集部で作成された状態つき複合表示部品を格納すると共に、ＵＩ部品情報格納部は、前記状態つき複合表示部品における統計情報を示す状態つき複合表示部品情報を格納し、
ＵＩ部品情報計算部は、前記ＵＩ部品格納部に格納された前記状態つき複合表示部品における状態毎の統計情報を計算し、状態情報として前記ＵＩ部品情報格納部に格納すると共に、当該状態情報に基づいて前記状態つき複合表示部品情報の統計情報を計算することを特徴とする請求項１または請求項２記載のユーザインタフェース設計装置。
【請求項４】
合成情報選択部は、状態つき複合表示部品編集部で編集される状態毎の状態つき複合表示部品に対応した状態情報を選択し、
ＵＩ部品情報合成部は、前記状態つき複合表示部品編集部で編集される複数の状態の状態つき複合表示部品に対して、それぞれ前記合成情報選択部で選択した状態情報を合成して表示させるための表示データを生成することを特徴とする請求項３記載のユーザインタフェース設計装置。
【図１】
【図２】
【図３】
【図４】
【図５】
【図６】
【図７】
【図８】
【図９】
【図１０】
【図１１】
【図１２】
【図２】
【図３】
【図４】
【図５】
【図６】
【図７】
【図８】
【図９】
【図１０】
【図１１】
【図１２】
【公開番号】特開２０１２−２３４４７９（Ｐ２０１２−２３４４７９Ａ）
【公開日】平成２４年１１月２９日（２０１２．１１．２９）
【国際特許分類】
【出願番号】特願２０１１−１０４３３９（Ｐ２０１１−１０４３３９）
【出願日】平成２３年５月９日（２０１１．５．９）
【出願人】（０００００６０１３）三菱電機株式会社 (33,312)
【Ｆターム（参考）】
【公開日】平成２４年１１月２９日（２０１２．１１．２９）
【国際特許分類】
【出願日】平成２３年５月９日（２０１１．５．９）
【出願人】（０００００６０１３）三菱電機株式会社 (33,312)
【Ｆターム（参考）】
[ Back to top ]