JP2010537325A - インタラクティブなユーザーインターフェースの定義 - Google Patents

インタラクティブなユーザーインターフェースの定義 Download PDF

Info

Publication number
JP2010537325A
JP2010537325A JP2010522071A JP2010522071A JP2010537325A JP 2010537325 A JP2010537325 A JP 2010537325A JP 2010522071 A JP2010522071 A JP 2010522071A JP 2010522071 A JP2010522071 A JP 2010522071A JP 2010537325 A JP2010537325 A JP 2010537325A
Authority
JP
Japan
Prior art keywords
interactive
user interface
state
graphic
elements
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.)
Granted
Application number
JP2010522071A
Other languages
English (en)
Other versions
JP5416112B2 (ja
JP2010537325A5 (ja
Inventor
ロール、エリック、エム.
Original Assignee
プロスケイプ テクノロジーズ、インク.
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by プロスケイプ テクノロジーズ、インク. filed Critical プロスケイプ テクノロジーズ、インク.
Publication of JP2010537325A publication Critical patent/JP2010537325A/ja
Publication of JP2010537325A5 publication Critical patent/JP2010537325A5/ja
Application granted granted Critical
Publication of JP5416112B2 publication Critical patent/JP5416112B2/ja
Expired - Fee Related legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation or generation of source code for implementing user interfaces

Abstract

【解決手段】 1若しくはそれ以上の状態および1若しくはそれ以上のインタラクティブな要素を有したインタラクティブな(対話型の)ユーザーインターフェースを定義するシステムおよび方法。この方法の例示的な実施態様は、インタラクティブなユーザーインターフェースの全画面グラフィックを、前記インタラクティブなユーザーインターフェースの各状態に1つずつ入力する工程と、各前記1若しくはそれ以上のインタラクティブな要素用に、前記インタラクティブなユーザーインターフェース内の領域を定義する工程と、各インタラクティブな要素の各状態のグラフィック表示を有効にするコンピュータ可読コードまたはグラフィックを自動的に生成する工程とを有する。当該方法は、さらに、前記インタラクティブなユーザーインターフェースの、各前記1若しくはそれ以上のインタラクティブな要素に対応する前記定義された領域の幾何学的特性および位置情報を格納する工程を有することができる。前記格納された幾何学的特性および位置情報を使用すると、前記インタラクティブなユーザーインターフェースを容易に編集および修正することができる。
【選択図】 図4

Description

本出願は2007年8月22日付け出願済み米国仮特許出願第60/957,354号「インタラクティブなユーザーインターフェースの定義(Defining an Interactive User Interfaceに基づく利益を主張するものである(この参照によりその出願内容は本明細書に組み込まれるものである)。
本発明は、インタラクティブな(対話型の)コンピュータユーザーインターフェースを定義する方法およびシステムに関する。
インタラクティブなアプリケーションは、一般に、インタラクティブな要素(ボタンなど)から構成されたユーザーインターフェースを有する。そのインタラクティブな要素は、通常、ユーザー(利用者)のアクション(操作)応答する複数の状態を有する。ユーザーは、通常はコンピュータマウスであるポインティングデバイスを使って、当該インターフェース内の種々の位置にポインタを位置付ける。インタラクティブな要素の上にマウスポインタを位置付ける(ロールオーバー)などユーザーのアクションが起こると、前記マウスポインタの下にある、前記インタラクティブな要素の種々のグラフィックは、そのユーザーアクションに応答して表示され、当該インタラクティブな要素の異なる状態を示すことが可能である。
慣習的に、インタラクティブなインターフェース内のインタラクティブな要素は、1つの状態(通常)または2つの状態(通常およびロールオーバー)を有する単純なものなどであり、あるいは4つの状態(通常、ロールオーバー、クリック、および無効)を有する複雑なものの場合もある。インタラクティブなインターフェースの作成者は、任意の定義済み要素に、種々の所定の機能を関連付けることができる。
今日、インタラクティブなアプリケーションは、一般に、「カッティングアンドプレーシング(cutting and placing)」として知られた方法により構成される。まず、Microsoft(登録商標)PaintやAdobe Photoshop(登録商標)などのグラフィック作成および編集ソフトウェアを使って、全体的な外観およびインターフェースのレイアウトを作成する。個々のインタラクティブな要素の各状態のグラフィックは、通常、それらの要素を定義して全体的なレイアウトからカットしたのち、個々のファイルを保存することにより作成される。2つの状態があるボタンなどの要素は、一般に、通常の状態で表示されるが、マウスの位置に応答してロールオーバー状態でも表示される。作成者は、ボタンのロールオーバー状態用の少なくとも1つの画像と、当該ボタンの通常画像を正しい位置に含む背景画像とを手動で作成して保存する。この方法では、インタラクティブな要素が複数あることが望ましいときなど、インタラクティブなインターフェースが複雑な場合に、多数のグラフィックファイルのカッティングアンドプレーシングが必要になる。複数の状態を有する複数の要素を含んだインターフェースなど、特定の場合、作成する必要がある画像の数「I」は、少なくともI=(E×(S−1))+1となる。ここで、Eは、インターフェース内のインタラクティブな要素の数、Sは、状態の数である(すべての要素が同じ数の状態を有すると仮定)。他の場合には、個々のインタラクティブな要素の各状態ごとにグラフィックを作成する必要がある。これら他の場合、作成者が作成および管理しなければならないグラフィックの数は、I=(E×S)+1に増える。
前記構成工程の第2の段階では、作成した各画像を、インターフェース内の適切な位置に配置する必要がある。最終的なインターフェースを作成する際、作成者は、通常、Adobe(登録商標)Flash(登録商標)やMicrosoft(登録商標)Visual Studio(登録商標)など、第2のソフトウェアアプリケーションを必要とする。作成者は、これらのツールを使って、各インタラクティブな要素の各状態の個々の画像を背景グラフィックに対し配置して、前記インタラクティブな要素の各状態の画像を、レイアウト全体における当該要素の元の位置に厳密に配置するよう試みる。当該カッティング段階において、要素ごとに各グラフィックファイルを作成および保存した時点で、諸ファイルは、各々のサイズ情報だけを保持し、当該要素が切り取られた(カットされた)インターフェース全体に対する各々の位置情報は保持していない。ファイル内にそのファイル固有の位置情報が欠落しているため、作成者は、完成させた個々のグラフィックをそれぞれ手動で配列して、通常、手間のかかる試行錯誤を何回も行って、意図した外観を実現しなければならない。
最後に、ユーザー入力に応答する所定の機能を各要素の各状態に割り当てるため、各インタラクティブな要素の各状態のグラフィックを構築し、機能を定義しなければならない。この定義は、出力プラットフォームに応じて、インターフェース全体における要素レイヤーの再構築中に行っても、別個の段階で行ってもよい。上記の工程は、全体的に時間がかかり、誤りが生じやすいため、前記「カッティングアンドプレーシング」および定義・再構築は、非効率的で多大な労力を要する。その後、作成者が1若しくはそれ以上の要素の1若しくはそれ以上の状態について画像を変更し、または状態を追加しようとすると、上記の各要素の「カッティングアンドプレーシング」および定義・再構築の工程全体をすべてやり直さなければならなくなる。
本発明は、インタラクティブな(対話型)ユーザーインターフェースを定義するシステムを提供するもので、1若しくはそれ以上の状態を有するインタラクティブなユーザーインターフェースの全画面グラフィックを少なくとも1つ入力するグラフィカルユーザーインターフェースを含む。各前記少なくとも1つの全画面グラフィックは、前記インタラクティブなユーザーインターフェースの状態の1つに関連付けることができる。インタラクティブなグラフィックツールを含めることができ、これにより各前記少なくとも1つの全画面グラフィック内で表示される1若しくはそれ以上のインタラクティブな要素の各々に対応した、前記インタラクティブなユーザーインターフェース内の領域を定義できる。また、データ記憶装置を含めることができ、これにより前記インタラクティブなユーザーインターフェースの、各前記1若しくはそれ以上のインタラクティブな要素に対応する前記定義された領域の幾何学的特性および位置情報を格納できる。さらに、出力生成器も含めることができ、これによりコンピュータ可読コードまたはグラフィックを自動的に生成して、各前記1若しくはそれ以上の定義されたインタラクティブな要素の各状態を表示可能にできる。
本発明の一態様において、各前記1若しくはそれ以上の定義されたインタラクティブな要素の各状態の前記コードまたは前記グラフィックは、各前記状態用に入力された各前記全画面グラフィックと、各前記インタラクティブな要素用に定義および格納された前記幾何学的特性および位置情報とから生成される。別の態様において、各前記1若しくはそれ以上の定義されたインタラクティブな要素の各状態の前記グラフィックは、各前記状態用に入力された前記全画面グラフィックの一部に対応しており、当該全画面グラフィックの一部は、各前記インタラクティブな要素用に定義および格納された前記幾何学的特性および位置情報により画成される。
さらに別の態様では、前記出力生成器により生成された前記コンピュータ可読コードにより、コンピュータは、各前記状態に関するユーザー(利用者)の入力および各前記インタラクティブな要素に関するユーザーの入力に応答して、各前記1若しくはそれ以上のインタラクティブな要素の各状態を、前記インタラクティブなユーザーインターフェース内で各前記インタラクティブな要素用に定義された前記領域に表示できる。特定の実施形態において、前記インタラクティブなユーザーインターフェースは、ウェブブラウザにおいて表示される。
本発明のシステムは、各前記少なくとも1つの全画面グラフィックと、前記インタラクティブなユーザーインターフェースの1つの状態との関連付けを定義する第2のグラフィックツールも有することができる。また、各前記インタラクティブな要素の各状態に機能を割り当てる第3のグラフィックツールを含めることもできる。
本発明は、インタラクティブなユーザーインターフェースを定義する機械(マシン)により少なくとも一部実施される方法も提供する。この方法には、1若しくはそれ以上の状態および1若しくはそれ以上のインタラクティブな要素を有するインタラクティブなユーザーインターフェースの全画面グラフィックを、前記インタラクティブなユーザーインターフェースの各状態に1つずつ入力する工程と、各前記1若しくはそれ以上のインタラクティブな要素用に、前記インタラクティブなユーザーインターフェース内の領域を定義する工程と、各インタラクティブな要素の各状態のグラフィック表示を有効にするコンピュータ可読コードまたはグラフィックを自動的に生成する工程とを含めることができる。
前記方法の一実施形態では、さらに別の工程により、前記インタラクティブなユーザーインターフェースの、各前記1若しくはそれ以上のインタラクティブな要素に対応する前記定義された領域の幾何学的特性および位置情報を格納することができる。別の実施形態において、各前記1若しくはそれ以上の定義されたインタラクティブな要素の各状態の前記コードまたは前記グラフィックは、各前記状態用に入力された各前記全画面グラフィックと、各前記インタラクティブな要素用に定義および格納された前記幾何学的特性および位置情報とから生成される。さらに別の実施形態において、各前記1若しくはそれ以上の定義されたインタラクティブな要素の各状態の前記グラフィックは、各前記状態用に入力された前記全画面グラフィックの一部に対応しており、当該全画面グラフィックの一部は、各前記インタラクティブな要素用に定義および格納された前記幾何学的特性および位置情報により画成される。
本発明の一態様では、前記生成されたコンピュータ可読コードにより、コンピュータは、各前記状態に関するユーザーの入力および各前記インタラクティブな要素に関するユーザーの入力に応答して、各前記1若しくはそれ以上のインタラクティブな要素の各状態を、前記インタラクティブなユーザーインターフェース内で各前記インタラクティブな要素用に定義された前記領域に表示できる。別の態様において、前記インタラクティブなユーザーインターフェースは、ウェブブラウザにおいて表示される。
本発明の一実施形態では、さらに、前記インタラクティブなユーザーインターフェースの編集に、追加または改訂すべき各インタラクティブな要素用に、前記インタラクティブなユーザーインターフェース内の領域を定義する工程と、前記追加および改訂されたインタラクティブな要素を含む各インタラクティブな要素の各状態のグラフィック表示を有効にするコンピュータ可読コードを自動的に生成する工程とが含まれる。別の実施形態では、さらに、前記インタラクティブなユーザーインターフェースの編集に、追加または改訂すべき前記インタラクティブなユーザーインターフェースの各状態用に、前記インタラクティブなユーザーインターフェースの全画面グラフィックを1つずつ入力する工程と、前記格納された幾何学的特性から、各前記1若しくはそれ以上のインタラクティブな要素に対応する位置情報を読み出す工程と、前記追加または改訂された全画面グラフィックに基づき、各インタラクティブな要素の各状態のグラフィック表示を有効にするコンピュータ可読コードを自動的に生成する工程とが含まれる。
本発明は、さらに、インタラクティブなユーザーインターフェースを定義する機械(マシン)により少なくとも一部実施される第2の方法を提供する。この方法は、1若しくはそれ以上の状態および1若しくはそれ以上のインタラクティブな要素を有するインタラクティブなユーザーインターフェースの全画面グラフィックを、前記インタラクティブなユーザーインターフェースの各状態に1つずつ入力する工程と、各前記1若しくはそれ以上のインタラクティブな要素用に、前記インタラクティブなユーザーインターフェース内の領域を定義する工程と、各インタラクティブな要素の各状態用に個々のグラフィックを自動的に生成する工程とを伴う。
本発明の前記第2の方法の一態様において、各インタラクティブな要素の各状態用の前記個々のグラフィックは、各前記状態用の前記全画面グラフィックと、各前記インタラクティブな要素用に定義された前記領域とから生成される。別の態様において、各インタラクティブな要素の各状態用の前記個々のグラフィックは、各前記状態用の前記全画面グラフィックの一部が、各前記インタラクティブな要素用に定義された前記領域により画成されたものである。
この第2の方法の一実施形態は、さらに、前記インタラクティブなユーザーインターフェースの、各前記1若しくはそれ以上のインタラクティブな要素に対応する前記定義された領域の幾何学的特性および位置情報を格納する工程を伴う。別の実施形態において、前記方法には、さらに、前記インタラクティブなユーザーインターフェースのコンピュータ可読コードを作成して、各前記状態に関するユーザーの入力に応答し、前記インタラクティブなユーザーインターフェース内で各前記インタラクティブな要素用に定義された前記領域内の各グラフィックを、コンピュータに表示させる工程が含まれる。
本発明は、以下の説明を添付の図面と併せて参照することで、より適切に理解されるであろう。
図1は、本発明を実施(実装)できる例示的なコンピュータ環境を例示した図である。 図2は、本発明の一実施形態に係るシステムメモリ内の本発明の構成要素(コンポーネント)の例を示した図である。 図3は、本発明の一実施形態に係る不揮発性コンピュータ可読媒体に格納された本発明の構成要素の例を示した図である。 図4は、本発明の方法の工程の態様を例示したフローチャートである。 図5Aおよび図5Bは、「カッティングアンドプレーシング」方法の例を示したものである。 図5Aおよび図5Bは、「カッティングアンドプレーシング」方法の例を示したものである。 図6Aおよび図6Bは、本発明の一態様に基づき、図5Aおよび図5Bに示したものと同じインタラクティブな要素を生成するための入力として使用される2つの例示的な全画面グラフィックを示したものである。 図6Aおよび図6Bは、本発明の一態様に基づき、図5Aおよび図5Bに示したものと同じインタラクティブな要素を生成するための入力として使用される2つの例示的な全画面グラフィックを示したものである。 図7は、本発明の一実施形態の例示的なグラフィックインターフェースを設計(Design)モードで示した図である 図8Aおよび図8Bは、本発明の一実施形態の例示的なグラフィックインターフェースをプレビュー(Preview)モードで示した図である 図8Aおよび図8Bは、本発明の一実施形態の例示的なグラフィックインターフェースをプレビュー(Preview)モードで示した図である。
コンピュータ環境の実施例
図1および以下の説明は、本発明の一実施形態例を実施(実装)できる適切なコンピュータ環境を全般的に概説するよう意図したものである。ただし言うまでもなく、手持ち式(ハンドヘルド)、携帯用(ポータブル)その他全種のコンピュータ装置を本発明に関連して使用することが考えられる。以下、汎用コンピュータについて説明しているが、これは単なる一例である。本発明は、ネットワークサーバーの相互運用性および相互作用機能を有したシンクライアントでも動作可能である。このように、本発明の一実施形態例は、クライアント装置が単にブラウザまたはワールドワイドウェブとのインターフェースとしてのみ機能するネットワーク環境など、必要なクライアント資源がほとんどなく若しくは最小限であるネットワーク化されたホスト型サービス環境に実施(実装)できる。
必須ではないが、本発明は、開発者または試験者が使用し、および/またはネットワーク閲覧ソフトウェア(ブラウザ)内に含まれるアプリケーションプログラミングインターフェース(application programming interface:API)を介して実施(実装)できる。これについては、以降、1若しくはそれ以上のコンピュータ(クライアントワークステーション、サーバー、または他の装置など)により実行されるプログラムモジュールなど、コンピュータで実行可能な命令という一般的な文脈で説明する。一般に、プログラムモジュールには、特定のタスクを実行し、または特定の抽象データ型を導入する、ルーチン、プログラム、オブジェクト、構成要素(コンポーネント)、データ構造などが含まれる。通常、プログラムモジュールの機能は、種々の実施形態において、必要に応じて組み合わせ、または分散させることができる。さらに、当業者であれば、本発明を他のコンピュータシステム構成とともに実施(実装)できることが理解されるであろう。本発明との併用に適している可能性がある他の周知のコンピュータシステム、環境、および/または構成(コンフィギュレーション)には、パーソナルコンピュータ(personal computer:PC)、サーバーコンピュータ、ハンドヘルド(手持ち式)またはラップトップ装置、マルチプロセッサシステム、マイクロプロセッサベースのシステム、プログラム可能な家庭用電化製品、ネットワークPC、ミニコンピューター、メインフレームコンピュータなどがある(これに限定されるものではないが)。また、本発明の一実施形態は、通信ネットワークまたは他のデータ伝送媒体を介してリンクされた遠隔地の(リモート)処理装置によりタスクが実行される分散コンピュータ環境でも、実施(実装)できる。分散コンピュータ環境では、プログラムモジュールを、メモリ記憶装置を含むローカルおよびリモート双方のコンピュータ記憶媒体に配置できる。
このように、図1では、本発明を実施(実装)できる適切なコンピュータシステム環境100の例を示しているが、以上で明記したように、本コンピュータシステム環境100は、適切なコンピュータ環境の単なる一例であって、本発明の使用範囲または機能範囲の限定を示唆するものではない。また、本コンピュータ環境100については、この例示的動作環境100において示した構成要素の任意の1つまたは組み合わせに関し、いかなる依存性または要件を有すると解釈すべきでもない。
図1を参照すると、本発明を実施(実装)したシステムの例に、コンピュータ110の形態の汎用コンピュータ装置が含まれている。コンピュータ110の構成要素には、処理ユニット120と、システムメモリ130と、当該システムメモリを含む種々のシステム構成要素を前記処理ユニット120に連結するシステムバス121とを含めることができる(これに限定されるものではないが)。前記システムバス121は、任意タイプのバスアーキテクチャを使用するメモリバスまたはメモリコントローラ、周辺バス、およびローカルバスを含むいくつかのタイプのバス構造のいずれであってもよい。その例として(これに限定されるものではないが)、そのようなアーキテクチャとしては、業界標準アーキテクチャ(Industry Standard Architecture:ISA)バス、マイクロチャネルアーキテクチャ(Micro Channel Architecture:MCA)バス、拡張ISA(Extended ISA:EISA)バス、ビデオ電子機器規格協会(Video Electronics Standards Association:VESA、通称ベサ)ローカルバス、周辺機器相互接続(Peripheral Component Interconnect:PCI)バス(別名メザニンバス)、およびPCI Expressバスなどがある。
コンピュータ110には、通常、種々のコンピュータ可読媒体が含まれる。コンピュータ可読媒体は、コンピュータ110からアクセスできる利用可能な任意のメディアであってよく、揮発性および不揮発性のリムーバブルメディア(取り外し可能な媒体)および非リムーバブルメディア(取り外し不能な媒体)などがこれに含まれる。その例として(これに限定されるものではないが)、コンピュータ可読メディアは、コンピュータ記憶媒体および通信媒体を有することができる。コンピュータ記憶媒体としては、コンピュータ可読命令、データ構造、プログラムモジュール、または他のデータなどの情報を格納する任意の方法または技術により実施(実装)される揮発性および不揮発性のリムーバブルメディアおよび非リムーバブルメディアなどがある。コンピュータ記憶媒体としては、ランダムアクセスメモリ(RAM)、読み出し専用メモリ(ROM)、電気的に消去可能でプログラム可能な読み取り専用フラッシュメモリ(Electrically−Erasable Programmable Read−Only Memory:EEPROM)、フラッシュメモリその他のメモリ技術、コンパクトディスク読み出し専用メモリ(CD−ROM)、デジタル多用途ディスク(Digital Versatile Disc:DVD)その他の光ディスク記憶装置、磁気カセット、磁気テープ、磁気ディスク記憶装置その他の磁気記憶装置、または望ましい情報を格納するため使用でき、かつコンピュータ110からアクセスできる他の任意の媒体などがある(これに限定されるものではないが)。通信媒体は、通常、コンピュータ可読命令、データ構造、プログラムモジュール、または他のデータを、搬送波または他の運搬機構などの変調されたデータ信号で具体化(具現化)するもので、任意の情報送達媒体がこれに含まれる。用語「変調されたデータ信号」とは、その特性のうち1若しくはそれ以上が、当該信号中の情報をエンコードする態様で設定または変更された信号をいう。その例として(これに限定されるものではないが)、通信媒体には、有線ネットワークや直接配線された接続部などの有線媒体、および音響、高周波(RF)、赤外その他の無線媒体などの無線媒体などがある。上記の任意の組み合わせもコンピュータ可読媒体の範囲内に含めるべきである。
前記システムメモリ130には、ROM 131やRAM 132など、揮発性および/または不揮発性メモリの形態で、コンピュータ記憶媒体が含まれる。基本入出力システム133(basic input/output system:BIOS)は、コンピュータ110内の要素間の情報転送を起動中などに支援する基本ルーチンを含んでおり、通常、ROM 131に格納される。RAM 132には、通常、即時アクセス可能な、および/または現在処理ユニット120により演算中の、データおよび/またはプログラムモジュールが含まれる。これに限定されるものではないが、その例として、図1は、オペレーティングシステム134と、アプリケーションプログラム135と、他のプログラムモジュール136と、プログラムデータ137とを例示している。RAM 132には、他のデータおよび/またはプログラムモジュールを含めることもできる。
また、当該コンピュータ110には、他の取り外し可能または取り外し不能な揮発性または不揮発性コンピュータ記憶媒体を含めることもできる。その単なる例として、図1は、取り外し不能な不揮発性磁気媒体に対し読み取りまたは書き込みを行うハードディスクドライブ141と、取り外し可能な不揮発性磁気ディスク152に対し読み取りまたは書き込みを行う磁気ディスクドライブ151と、CD−ROMその他の光媒体などの取り外し可能な不揮発性光ディスク156に対し読み取りまたは書き込みを行う光ディスクドライブ155とを例示している。上記の動作環境例で使用できる他の取り外し可能または取り外し不能な揮発性または不揮発性のコンピュータ記憶媒体としては、磁気テープ、カセット、フラッシュメモリカード、デジタル多用途ディスク、デジタルビデオテープ、固体RAM、固体ROMなどがある(これに限定されるものではないが)。前記ハードディスクドライブ141は、通常、インターフェース140などの取り外し不能なメモリインターフェース経由で前記システムバス121に接続され、磁気ディスクドライブ151および光ディスクドライブ155は、通常、インターフェース150などの取り外し可能なメモリインターフェースにより前記システムバス121に接続される。
上述し図1に例示したドライブおよびその各々に伴うコンピュータ記憶媒体は、コンピュータ可読命令、データ構造、プログラムモジュール、および当該コンピュータ110用の他のデータの記憶装置を提供する。図1では、例えばハードディスクドライブ141は、オペレーティングシステム144と、アプリケーションプログラム145と、他のプログラムモジュール146と、プログラムデータ147とを格納するものとして例示されている。なお、これらの構成要素は、オペレーティングシステム134、アプリケーションプログラム135、他のプログラムモジュール136、およびプログラムデータ137と同じであっても異なってもよいことに注意すべきである。ここで、オペレーティングシステム144と、アプリケーションプログラム145と、他のプログラムモジュール146と、プログラムデータ147とには、異なる番号が与えられているが、これは、これらが最低限の設定でも別個のものであることを例示するためである。ユーザーは、キーボード162やポインティングデバイス161(一般にマウス、トラックボール、またはタッチパッドと呼ばれる)などの入力装置を介して前記コンピュータ110にコマンドおよび情報を入力することができる。他の入力装置(図示せず)としては、マイクロホン、ジョイスティック、ゲームパッド、衛星アンテナ、スキャナなどがある。以上に述べた入力装置等は、前記システムバス121に連結されたユーザー入力インターフェース160を介して前記処理ユニット120に接続されることが多いが、パラレルポート、ゲームポート、またはユニバーサルシリアルバス(USB)など他のインターフェースやバス構造で接続されてもよい。
モニター191または他種の表示装置(ディスプレイ)をビデオインターフェース190などのインターフェース経由で前記システムバス121に接続することもできる。モニター191のほか、コンピュータには、スピーカーやプリンタ(図示せず)など、出力周辺インターフェース195経由で接続可能な他の周辺出力装置を含めることもできる。
当該コンピュータ110は、リモートコンピュータ180など1若しくはそれ以上のリモートコンピュータへの論理接続を使ったネットワーク環境で動作することができる。このリモートコンピュータ180は、パーソナルコンピュータ、サーバー、ルータ、ネットワークPC、ピア装置、または他の一般的なネットワークノードであってよく、図1ではメモリ記憶装置181だけを例示しているが、通常、当該コンピュータ110に関し上述した要素のうち多数またはすべてを含む。図1に示した論理接続には、ローカルエリアネットワーク(LAN)171および広域ネットワーク(WAN)173が含まれるが、他のネットワークが含まれることもある。そのようなネットワーク環境は、事務所(オフィス)、企業規模のコンピュータネットワーク、イントラネット、およびインターネットにおいて一般的である。
LANネットワーク環境で使用される場合、当該コンピュータ110は、ネットワークインターフェースまたはアダプタ170を介して前記LAN 171に接続される。WANネットワーク環境で使用される場合、当該コンピュータ110は、通常、前記WAN 173(インターネットなど)経由で通信を確立する手段を含む。ネットワーク環境において、当該コンピュータ110に関し図示されたプログラムモジュール、またはその一部は、リモートメモリ記憶装置に格納することができる。その例として(これに限定されるものではないが)、図1は、メモリ装置181に常駐するものとしてリモートアプリケーションプログラム185を例示している。リモートアプリケーションプログラム185には、リモート記憶装置181またはワールドワイドウェブにアクセス可能な他の記憶装置に常駐するコンテンツを提供するMicrosoft(登録商標)Internet Information Services(登録商標)(IIS)やApache HTTP Serverなどのウェブサーバーアプリケーションが含まれる(これに限定されるものではないが)。ここで示したネットワーク接続は例示的なものであり、前記コンピュータ間の通信リンクを確立する他の手段も使用できることが理解されるであろう。
当業者であれば、コンピュータ110または他のクライアント装置は、コンピュータネットワークの一部として配備可能なことが理解されるであろう。この点で、本発明は、任意数のメモリユニットまたは記憶装置ユニットと、任意数量の記憶装置ユニットまたは容量にわたり実行される任意数のアプリケーションおよび工程(処理)を有したすべてのコンピュータシステムに関する。本発明の一実施形態は、リモートまたはローカルの記憶装置を有するネットワーク環境にサーバーコンピュータおよびクライアントコンピュータが配備された環境に適用できる。また、本発明は、プログラミング言語を機能させ、解釈し、および実行する能力を有したスタンドアロンコンピュータ装置にも適用できる。
本発明
本発明のインターフェース定義(Interface Definition)ソフトウェア(Carving Station(「肉を切り分けるカウンター」を意味する))は、独自の方法で情報を編成し、インタラクティブな(対話型の)ユーザーインターフェースを定義する工程の多くを自動化することにより、インタラクティブなアプリケーションの作成に新規性のあるアプローチを導入するものである。本発明の自動化工程は、いかなるプラットフォーム用にもカスタマイズできる。好適な実施形態において、Carving Stationは、インタラクティブなインターフェースを構成するための設計(Design)モードと、構成したインタラクティブなインターフェースを視覚化および検証するためのプレビュー(Preview)モードとを提供する。
図2は、本発明の一実施形態に係るシステムメモリ130内のCarving Stationの構成要素を例示したものである。この実施形態において、Carving Station 210は、前記アプリケーションプログラム135の1つとして、当該システムメモリ130に常駐する。グラフィカルユーザーインターフェース構成要素211は、グラフィックを入力するため、グラフィックツール212は、インタラクティブな要素を定義するため提供される。最後に、コード生成器213は、出力コードおよび出力グラフィックの生成用に提供される。視覚化プログラム220など他のプログラムモジュール136は、必要に応じ、構成の視覚化および検証用に提供される。プログラムデータ137には、入力グラフィック230と、定義されたインタラクティブな要素の寸法および位置データ(Carved Geometry(「切り取られた幾何学的形状」を意味する))240と、背景グラフィック250と、選択された出力プラットフォームで必要とされる場合、出力要素グラフィック260とが含まれる(これに限定されるものではないが)。
図3は、ハードドライブなどの不揮発性コンピュータ可読媒体装置141に格納されたCarving Stationの構成要素の一実施形態を例示したものである。このCarving Stationプログラム310およびその構成要素(入力グラフィック用のグラフィカルユーザーインターフェース311、インタラクティブな要素の定義用のグラフィックツール312、および出力コードまたはグラフィック用のコード生成器313)は、前記コンピュータ可読媒体141にアプリケーションプログラム145として格納され、実行時、システムメモリ130に読み取ることができる。コンピュータ可読媒体には、構成を視覚化および検証する視覚化プログラム320のコピーなど、他のプログラムモジュール146を含めることもできる。プログラムデータ147には、入力グラフィック330と、定義された要素の寸法および位置データ(Carved Geometry(「切り取られた幾何学的形状」を意味する))340と、背景グラフィック350と、出力プラットフォームで必要とされる場合、インタラクティブな要素用のグラフィック360とが含まれる(これに限定されるものではないが)。
図4は、本発明の方法の工程の態様のフローチャートを例示したものである。本発明のプラットフォーム汎用(プラットフォームに依存しない)実施形態において、インタラクティブなユーザーインターフェースを定義するコンピュータ制御(電子制御)の方法には、インタラクティブなユーザーインターフェースの各状態用に、インタラクティブなユーザーインターフェースの全画面グラフィックを1つずつ入力する工程(410)と、各前記1若しくはそれ以上のインタラクティブな要素用に、前記インタラクティブなユーザーインターフェース内の領域を定義する工程(420)と、各インタラクティブな要素の各状態のグラフィック表示を有効にするプラットフォーム固有のコンピュータ可読コードを自動的に生成する工程(430)とが含まれる。さらに、すでに定義済みのインタラクティブなユーザーインターフェースの編集には、改訂(442)または追加(444)すべき前記定義済みのインタラクティブなユーザーインターフェースの各状態用に、前記インタラクティブなユーザーインターフェースの全画面グラフィックを1つずつ入力する工程と、追加または改訂すべき各インタラクティブな要素用に、前記インタラクティブなユーザーインターフェース内の領域を定義する工程(420)と、各インタラクティブな要素の各状態のグラフィック表示を有効にするコンピュータ可読コードを自動的に生成する工程(430)とが伴う。
より具体的には、作成者は、まず、前記インタラクティブなユーザーインターフェースのレイアウトについて、前記インタラクティブな要素の状態の数などの決定を行う。各要素の各状態について慣習的に個々のグラフィックを入力する代わりに、作成者は、各状態ごとに、その状態で表示される前記インタラクティブな要素をすべて含む全画面グラフィックを1つ入力する(410)。例えば、ロールオーバー状態について、作成者は、各インタラクティブな要素がロールオーバー状態で示された全画面グラフィックを1つだけ入力する。本明細書における全画面グラフィックとは、前記インタラクティブなインターフェースの意図された表示領域全体を占めるグラフィック、または前記インタラクティブなインターフェース内で前記インタラクティブな要素が常駐する予定の部分のグラフィックをいう。
そのため、作成者が作成しなければならない画像の数は、状態の数に等しく、すなわちI=Eとなる。したがって、本発明は、グラフィックおよび位置情報など、作成者が供給および管理しなければならない個々のデータ点の数を大幅に低減する。図5Aおよび図5Bは、先行技術の「カッティングアンドプレーシング」方法の例を示したものである。2つの状態を有するボタンを5つ有したインターフェースの場合、合計11のグラフィックを個別に作成しなければならない(通常状態の5つのボタン510の各々にグラフィック1つずつ(図5A)、ロールオーバー状態の5つのボタン520の各々にグラフィック1つずつ(図1A)、そして背景グラフィックを1つ(図5B、530))。図6Aおよび図6Bは、本発明において、同じ5つのボタンの2状態インターフェース(図5Aおよび図5Bに示したもの)を生成するため作成者が入力した2つの画像を例示したものである。Carving Stationを使用する場合、作成者は、全要素を通常状態610で示した通常状態の全画面グラフィック620を1つだけ入力し(図6A)、全要素をロールオーバー状態630で示したロールオーバー状態の全画面グラフィック640を1つだけ入力する(図6B)。
ここで図7を参照すると、Carving Stationが、設計(Design)モード730で前記入力グラフィック用のグラフィカルユーザーインターフェース311を提供している。作成者は、作成した各全画面グラフィックをCarving Stationに入力し、当該グラフィックをそれに対応した状態に割り当てる(410)。図7は、本発明の好適な実施形態710のグラフィカルユーザーインターフェースのスクリーンショットを前記設計モード730で例示したものである。この図7の実施形態において、Carving Station 710は、スタンドアロンのWindows(登録商標)アプリケーションであるが、本発明は、他の用途にも適用でき、あるいはAdobe Photoshop(登録商標)、Flash(登録商標)、またはMicrosoft(登録商標)Visual Studio(登録商標)など、より大きなソフトウェアパッケージの構成要素としても適用できる。図示したように、このインターフェースは、前記設計モード730およびプレビュー(Preview)モード830のいずれかを選択する選択肢を作成者に提供する(図8Aおよび図8B)。また、作成者は、全画面グラフィック(入力グラフィック330)を配置できるソースアート(Source Art)750の位置を指定することもできる。各全画面グラフィックのファイル名は、各レイヤー760(含まれている各状態が1つのレイヤーを表す)ごとに、対応するスペースに入力できる。それらの全画面グラフィックは、表示領域790内のレイヤーとして表示される。本発明の一実施形態において、Carving Station 710は、4つの状態レイヤー(通常(Normal)、マウスオーバー(Mouse Overすなわちロールオーバー(Rollover))、クリック(Pressed)、および無効(Disabled))を提供する。図7に例示した例では、2つの状態(通常およびマウスオーバー)だけが使用され、使用されていない状態は空白のまま残されている。また、作成者は、リポジトリ(Repository)のストア(データストア)、ファイルシステム(File System)、Oracle(登録商標)Database、SQL Serverデータベース、およびMicrosoft(登録商標)Content Manager Serverなど、出力ファイル760がまとめて格納されている位置を指定することもできる。これらの出力ファイル760は、Adobe(登録商標)Flash(登録商標)Movie、PowerPoint(登録商標)ファイル、HTML Page、およびMicrosoft(登録商標)Sharepoint(登録商標)サーバーなど、種々の形式と互換性を有するようにできる。
本発明の設計工程の最終作成工程として、作成者は、Carving Stationに用意されたツール212を使って望ましい個々のインタラクティブな要素に対応した全画面グラフィック上の領域をグラフィックを使って識別する(420)。図7の例では、個々の要素が長方形780で定義されている。インタラクティブな要素を定義するため選択された領域(ホットスポット(Hot Spot))は、異なる色770で強調表示されている。各ホットスポットは、名称が割り当てられて、リスト740で表示される。すべてのインタラクティブな要素は、その全状態(または全レイヤー)について同時に定義される。前記全画面グラフィックに対する各インタラクティブな要素(Carved Geometry)240のサイズおよび位置情報は、各インタラクティブな要素を表す幾何学的領域の定義に固有のもので、作成者に定義される際、記録および保存される。そのため、従来は位置情報を外部に保持する必要があったが、その必要性がなくなると同時に、前記要素を手動で試行錯誤により配置(または置換)する必要性も排除された。
上記のインタラクティブなインターフェースの定義工程中、作成者は、随時、インタラクティブな要素のすべてのグラフィックと、すべての位置およびサイズ情報とを含む構成全体を定義し、コンピュータ可読媒体147に保存する(426)ことができる。各前記インタラクティブな要素の各状態の機能は、要素定義中に、またはその後、別個の工程として割り当てる(424)ことができる。その後、状態の外観の変更を希望する場合、作成者は、望ましい変更を加えた全画面グラフィックを入力(442)し、各当該状態760に関連付けられた元のグラフィックと置き換えるだけでよい。次に、本発明がソースグラフィックの変更を検出し、前記構成を自動的に更新する。次いで作成者は、更新された前記構成を格納することができる。すでに定義したインターフェースに状態を追加することを希望する場合、作成者は、単に追加したい各状態について全画面グラフィックを1つずつ入力し(444)、各前記全画面グラフィックを適切な状態760に関連付けるだけでよい。インタラクティブな要素を追加することを希望する場合、作成者は、追加するインタラクティブな要素の領域を前記全画面グラフィック上で識別する(420)だけでよい。新規に追加された要素740には名称が割り当てられ、追加された当該インタラクティブな要素のサイズおよび位置情報は、自動的に記録および保存される(426)。そのため、多数のグラフィックを供給、管理、および配置する必要も、各要素レイヤーを定義してインタラクティブなユーザーインターフェース内で再構築する必要もない。本発明の設計工程は、プラットフォームに依存しないため、作成者は、プラットフォーム固有のコーディングを気にせず、インターフェースの美観だけに専念することができる。
プレビュー(Preview)モード830(図8Aおよび図8B)により、作成者は、設計されたインタラクティブなインターフェースを視覚化し、検証する(440)ことができる。好適な実施形態では、作成者により、上記の設計工程の開始時、特定のプラットフォームが選択される。プレビューモード830が選択されると、Carving Stationは、前記寸法および位置情報(Carved Geometry)240と、供給されたソースグラフィック230とを使って、選択された前記プラットフォームに固有のグラフィックおよびコードを自動的に生成する(430)。作成者により設計された前記インタラクティブなインターフェースは、意図されたインタラクティブなインターフェースを作成するプラットフォーム用のネイティブコードとしてプレビューされる。例えば、作成者が最終的なインタラクティブなインターフェースを通常のウェブページとして作成するよう選択した場合、Carving Stationは、個々のインタラクティブな要素用にグラフィックを自動的に生成する。前記構成は、要素グラフィックの位置およびサイズの双方の情報を保持するため、Carving Stationは、各前記インタラクティブな要素の正しいレイアウトを含んだグラフィックを参照するHTMLファイルを自動的に生成することができる。作成者が、前記位置情報を手動で入力または調整する必要はない。一実施形態では、Carving Stationのプレビュー(Preview)ウィンドウ内で、選択されたプラットフォームについて適切なビューアのインスタンスが呼び出される。HTMLウェブページの例では、Internet Explorer(登録商標)WebBrowserコントロールが使用される。Carving Stationは、前記設計工程を一切変更することなく、Microsoft(登録商標).NET、PowerPoint(登録商標)、およびAdobe(登録商標)Flash(登録商標)など、他のプラットフォームに準拠したインタラクティブなインターフェースを容易に出力することができる。設計したインタラクティブなインターフェースが満足のいくものになった場合、作成者は、前記インタラクティブなインターフェースを「作成」(publish)するよう、Carving Stationに命令する(450)ことができる。.対応するすべてのグラフィックおよびコードは、Carving Stationにより自動的に生成され、リポジトリディレクトリ720など、作成者が定義した出力先に格納される。
図8Aおよび図8Bは、Carving Station 710の前記プレビュー(Preview)モード830のスクリーンショットを例示したものである。図8Aおよび図8Bでは、図7で作成され、示されたインタラクティブなインターフェースが、プレビュー領域870に表示されている。このプレビューモード830の2つのビュー(それぞれ図8Aおよび図8B)は、作成者により定義されるインタラクティビティ(双方向性)を実証するよう示されている。図8Aでは、マウスポインタ850が第1の要素上に配置されており、この第1のボタンはロールオーバー状態840で表示されている一方、残りの要素は通常状態860のまま表示されている。図8Bでは、前記マウスポインタ850が第2の要素上に配置されており、この第2の要素は前記ロールオーバー状態840で表示されている一方、第1の要素、第3の要素、第4の要素、および第5の要素は前記通常状態860のまま表示されている。
好適な実施形態において、このような表示は、作成者が2段階の作成工程を完了した後で(作成者が、希望する各状態の全画面グラフィックを作成し、各インタラクティブな要素の幾何学的識別が行われた後で)、自動化されたファイル作成動作により生成される。作成者が各状態の全画面グラフィックを入力し、各インタラクティブな要素の位置情報を定義(識別)したのち、Carving Stationは、各要素について各状態の画像ファイルを自動的に生成する。これにより、Carving Stationは、従来はユーザーが前記「カッティングアンドプレーシング」工程により手間をかけて生成していた複数の画像を自動的に生成し、各前記位置情報を記録する。例えば図5Aおよび図5Bの例の、それぞれ2つの状態がある5つのボタンを有したインターフェースの場合、Carving Stationは、作成者が前記通常状態の全画面グラフィックを1つ、そして前記ロールオーバー状態の全画面グラフィックを1つ入力して、前記5つのインタラクティブな要素を識別した後で、個別に10のグラフィックを自動生成する(すなわち、前記通常状態の5つのボタン510の各々にグラフィックを1つずつ、また前記ロールオーバー状態の5つのボタン520の各々にグラフィックを1つずつ)。そのため、図8Bに示すように、前記マウスポインタ850が前記第2の要素上に配置されると、本発明は、当該第2の要素の前記ロールオーバー状態840用に自動的に生成されたファイルを読み出し、その画像を、前記プレビュー領域870の当該第2の要素の位置に適宜表示する。
本発明の別の実施形態では、そのような表示が二者択一的に起こる。例えば図8Bの例では、前記第2の要素の前記ロールオーバー状態840用に特定の画像を自動的に生成し、その後、読み出す代わりに、本発明は、マウスポインタが図8Bの例のように前記第2の要素上に配置された時点で、前記ロールオーバー状態用に作成および格納された全画面グラフィックを参照し、以前に作成者が定義した当該全画面グラフィックの、前記第2の要素に相当する部分を提示することができる。さらに本発明の別の代替実施形態は、前記プレビュー領域870に表示される通常状態用の全画面グラフィック(例えば、図5Bと同様に見えるもの)を有し、前記マウスポインタ850が図8Bの例のように前記第2の要素上に配置された時点で、以前に作成者が位置的に定義した前記第2の要素を実質的に切り取り、下層レイヤーとして存在するロールオーバー状態用の全画面グラフィックを示す。前記第2の要素の位置だけが切り出されるため、前記ロールオーバー状態用の全画面グラフィックのうち、ユーザーに表示される唯一の部分は、前記第2の要素の部分となる。
結論として、Carving Stationは、最終的なインタラクティブインターフェースを実現する上で、作成者が供給および管理しなければならない個々のデータ点およびグラフィックファイルの数を大幅に低減することにより、作成者が各要素レイヤーを手動で定義および再構築する作業を不要にする。Carving Stationを使って要素を変更および追加する場合、作成者は、「カッティングアンドプレーシング」工程を繰り返す必要も、インターフェース内の各要素レイヤーの定義および再構築を繰り返す必要もない。
以上に述べた本発明の利点等は、当業者であれば、本明細書の上記説明から明確に理解されるであろう。そのため、当業者であれば、本発明の範囲を逸脱しない範囲で上記の実施形態を変更または修正できることが理解されるであろう。従って、本発明は本明細書に説明した特定の実施形態に限定されず、本発明の要旨に含まれるすべての変更(修正)形態を含むよう意図されていると理解すべきである。

Claims (20)

  1. インタラクティブなユーザーインターフェースを定義するシステムであって、
    1若しくはそれ以上の状態を有するインタラクティブなユーザーインターフェースの少なくとも1つの全画面グラフィックを入力するグラフィカルユーザーインターフェースであって、各前記少なくとも1つの全画面グラフィックは、前記インタラクティブなユーザーインターフェースの1つの状態に関連付けられているものである、前記グラフィカルユーザーインターフェースと、
    各前記少なくとも1つの全画面グラフィック内で表示される1若しくはそれ以上のインタラクティブな要素の各々に対応した領域を前記インタラクティブなユーザーインターフェース内で定義するインタラクティブなグラフィックツールと、
    前記インタラクティブなユーザーインターフェースの、各前記1若しくはそれ以上のインタラクティブな要素に対応する前記定義された領域の幾何学的特性および位置情報を格納するデータ記憶装置と、
    コンピュータ可読コードまたはグラフィックを自動的に生成して、各前記1若しくはそれ以上の定義されたインタラクティブな要素の各状態を表示できるようにする出力生成器と
    を有するシステム。
  2. 請求項1記載のシステムにおいて、各前記1若しくはそれ以上の定義されたインタラクティブな要素の各状態の前記コードまたは前記グラフィックは、各前記状態用に入力された各前記全画面グラフィックと、各前記インタラクティブな要素用に定義および格納された前記幾何学的特性および位置情報とから生成されるものである。
  3. 請求項1記載のシステムにおいて、各前記1若しくはそれ以上の定義されたインタラクティブな要素の各状態の前記グラフィックは、各前記状態用に入力された前記全画面グラフィックの一部に対応しており、当該全画面グラフィックの一部は、各前記インタラクティブな要素用に定義および格納された前記幾何学的特性および位置情報により画成されるものである。
  4. 請求項1記載のシステムにおいて、前記出力生成器により生成された前記コンピュータ可読コードにより、コンピュータは、各前記状態に関するユーザー(利用者)の入力および各前記インタラクティブな要素に関するユーザーの入力に応答して、各前記1若しくはそれ以上のインタラクティブな要素の各状態を、前記インタラクティブなユーザーインターフェース内で各前記インタラクティブな要素用に定義された前記領域に表示するものである。
  5. 請求項1記載のシステムにおいて、前記インタラクティブなユーザーインターフェースは、ウェブブラウザにおいて表示されるものである。
  6. 請求項1記載のシステムにおいて、このシステムは、さらに、
    各前記少なくとも1つの全画面グラフィックと、前記インタラクティブなユーザーインターフェースの1つの状態との関連付けを定義する第2のグラフィックツールを有するものである。
  7. 請求項1記載のシステムにおいて、このシステムは、さらに、
    各前記インタラクティブな要素の各状態に機能を割り当てる第3のグラフィックツールを有するものである。
  8. インタラクティブなユーザーインターフェースを定義する機械(マシン)により少なくとも一部実施される方法であって、
    1若しくはそれ以上の状態および1若しくはそれ以上のインタラクティブな要素を有するインタラクティブなユーザーインターフェースの全画面グラフィックを、前記インタラクティブなユーザーインターフェースの各状態に1つずつ入力する工程と、
    各前記1若しくはそれ以上のインタラクティブな要素用に、前記インタラクティブなユーザーインターフェース内の領域を定義する工程と、
    各インタラクティブな要素の各状態のグラフィック表示を有効にするコンピュータ可読コードまたはグラフィックを自動的に生成する工程と
    を有する方法。
  9. 請求項8記載の方法において、この方法は、さらに、
    前記インタラクティブなユーザーインターフェースの、各前記1若しくはそれ以上のインタラクティブな要素に対応する前記定義された領域の幾何学的特性および位置情報を格納する工程を有するものである。
  10. 請求項9記載の方法において、さらに、前記インタラクティブなユーザーインターフェースを編集する工程であっては、
    追加または改訂すべき前記インタラクティブなユーザーインターフェースの各状態用に、前記インタラクティブなユーザーインターフェースの全画面グラフィックを1つずつ入力する工程と、
    前記格納された幾何学的特性から、各前記1若しくはそれ以上のインタラクティブな要素に対応する位置情報を読み出す工程と、
    前記追加または改訂された全画面グラフィックに基づき、各インタラクティブな要素の各状態のグラフィック表示を有効にするコンピュータ可読コードを自動的に生成する工程と
    を有するものである。
  11. 請求項8記載の方法において、各前記1若しくはそれ以上の定義されたインタラクティブな要素の各状態の前記コードまたは前記グラフィックは、各前記状態用に入力された各前記全画面グラフィックと、各前記インタラクティブな要素用に定義および格納された前記幾何学的特性および位置情報とから生成されるものである。
  12. 請求項8記載の方法において、各前記1若しくはそれ以上の定義されたインタラクティブな要素の各状態の前記グラフィックは、各前記状態用に入力された前記全画面グラフィックの一部に対応しており、当該全画面グラフィックの一部は、各前記インタラクティブな要素用に定義および格納された前記幾何学的特性および位置情報により画成されるものである。
  13. 請求項8記載の方法において、前記生成されたコンピュータ可読コードにより、コンピュータは、各前記状態に関するユーザー(利用者)の入力および各前記インタラクティブな要素に関するユーザーの入力に応答して、各前記1若しくはそれ以上のインタラクティブな要素の各状態を、前記インタラクティブなユーザーインターフェース内で各前記インタラクティブな要素用に定義された前記領域に表示できるものである。
  14. 請求項8記載の方法において、前記インタラクティブなユーザーインターフェースは、ウェブブラウザにおいて表示されるものである。
  15. 請求項8記載の方法において、さらに、前記インタラクティブなユーザーインターフェースを編集する工程であって、
    追加または改訂すべき各インタラクティブな要素用に、前記インタラクティブなユーザーインターフェース内の領域を定義する工程と、
    前記追加および改訂されたインタラクティブな要素を含む各インタラクティブな要素の各状態のグラフィック表示を有効にするコンピュータ可読コードを自動的に生成する工程と
    を有するものである。
  16. インタラクティブなユーザーインターフェースを定義する機械(マシン)少なくとも一部実施される方法であって、
    1若しくはそれ以上の状態および1若しくはそれ以上のインタラクティブな要素を有するインタラクティブなユーザーインターフェースの全画面グラフィックを、前記インタラクティブなユーザーインターフェースの各状態に1つずつ入力する工程と、
    各前記1若しくはそれ以上のインタラクティブな要素用に、前記インタラクティブなユーザーインターフェース内の領域を定義する工程と、
    各インタラクティブな要素の各状態用に個々のグラフィックを自動的に生成する工程と
    を有する方法。
  17. 請求項16記載の方法において、各インタラクティブな要素の各状態用の前記個々のグラフィックは、各前記状態用の前記全画面グラフィックと、各前記インタラクティブな要素用に定義された前記領域とから生成されるものである。
  18. 請求項16記載の方法において、各インタラクティブな要素の各状態用の前記個々のグラフィックは、各前記状態用の前記全画面グラフィックの一部が、各前記インタラクティブな要素用に定義された前記領域により画成されたものである。
  19. 請求項16記載の方法において、この方法は、さらに、
    前記インタラクティブなユーザーインターフェースの、各前記1若しくはそれ以上のインタラクティブな要素に対応する前記定義された領域の幾何学的特性および位置情報を格納する工程を有するものである。
  20. 請求項16記載の方法において、この方法は、さらに、
    前記インタラクティブなユーザーインターフェースのコンピュータ可読コードを作成して、各前記状態に関するユーザーの入力に応答し、前記インタラクティブなユーザーインターフェース内で各前記インタラクティブな要素用に定義された前記領域内の各グラフィックを、コンピュータに表示させる工程を有するものである。
JP2010522071A 2007-08-22 2008-08-22 インタラクティブなユーザーインターフェースの定義 Expired - Fee Related JP5416112B2 (ja)

Applications Claiming Priority (3)

Application Number Priority Date Filing Date Title
US95735407P 2007-08-22 2007-08-22
US60/957,354 2007-08-22
PCT/US2008/074056 WO2009026535A1 (en) 2007-08-22 2008-08-22 Defining an interactive user interface

Publications (3)

Publication Number Publication Date
JP2010537325A true JP2010537325A (ja) 2010-12-02
JP2010537325A5 JP2010537325A5 (ja) 2011-10-06
JP5416112B2 JP5416112B2 (ja) 2014-02-12

Family

ID=40378692

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2010522071A Expired - Fee Related JP5416112B2 (ja) 2007-08-22 2008-08-22 インタラクティブなユーザーインターフェースの定義

Country Status (11)

Country Link
US (1) US9442703B2 (ja)
EP (1) EP2193451A4 (ja)
JP (1) JP5416112B2 (ja)
KR (1) KR101567455B1 (ja)
CN (1) CN101821730B (ja)
AU (1) AU2008288768B2 (ja)
BR (1) BRPI0815701A2 (ja)
CA (1) CA2697347A1 (ja)
HK (1) HK1147581A1 (ja)
MX (1) MX2010002064A (ja)
WO (1) WO2009026535A1 (ja)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2019139298A (ja) * 2018-02-06 2019-08-22 三菱電機株式会社 ユーザインターフェース設計装置

Families Citing this family (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9069575B2 (en) * 2008-03-25 2015-06-30 Qualcomm Incorporated Apparatus and methods for widget-related memory management
US9110685B2 (en) 2008-03-25 2015-08-18 Qualcomm, Incorporated Apparatus and methods for managing widgets in a wireless communication environment
US8875008B2 (en) * 2010-11-11 2014-10-28 Microsoft Corporation Presentation progress as context for presenter and audience
US8799866B2 (en) 2011-05-31 2014-08-05 International Business Machines Corporation Automatic generation of user interfaces
US8954933B2 (en) 2011-05-31 2015-02-10 International Business Machines Corporation Interactive semi-automatic test case maintenance
CN107507614B (zh) * 2017-07-28 2018-12-21 北京小蓦机器人技术有限公司 结合ui执行自然语言命令的方法、设备、系统与存储介质
EP3438952A1 (en) * 2017-08-02 2019-02-06 Tata Consultancy Services Limited Systems and methods for intelligent generation of inclusive system designs
CN110727483A (zh) * 2018-07-16 2020-01-24 西门子股份公司 生成辅助用户与应用程序进行交互的工具的设备和方法

Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH11250276A (ja) * 1998-03-03 1999-09-17 Sonny Kihara Kenkyusho:Kk 画像編集装置及び方法
JP2000048178A (ja) * 1998-07-30 2000-02-18 Nippon Telegr & Teleph Corp <Ntt> 地図図形変形方法、地図図形変形装置および地図図形変形プログラムを記録した記録媒体
JP2001067059A (ja) * 1999-08-25 2001-03-16 Matsushita Electric Ind Co Ltd グラフィカルユーザインタフェース(gui)装置及びgui部品情報生成装置
GB2354922A (en) * 1999-03-30 2001-04-04 Zyris Plc Generating output graphics representing a navigation bar
US20040243931A1 (en) * 2001-06-30 2004-12-02 Kris Stevens Internet interface & integration language system and method
JP2006024089A (ja) * 2004-07-09 2006-01-26 Fuji Photo Film Co Ltd グラフィカルユーザインターフェースの部品画像作成方法及び装置
JP2006092079A (ja) * 2004-09-22 2006-04-06 Aoyama Planning Arts:Kk プレゼンテーションシステムおよび再生切替方法、プログラム
WO2007028064A2 (en) * 2005-08-29 2007-03-08 Sony Corporation Slicing interactive graphic data in disc authoring
JP2008130083A (ja) * 2006-11-23 2008-06-05 Samsung Electronics Co Ltd イメージ内の選択領域を一括格納する装置およびイメージ情報の文書化装置

Family Cites Families (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5801687A (en) * 1994-09-30 1998-09-01 Apple Computer, Inc. Authoring tool comprising nested state machines for use in a computer system
US5708845A (en) * 1995-09-29 1998-01-13 Wistendahl; Douglass A. System for mapping hot spots in media content for interactive digital media program
US5742768A (en) * 1996-07-16 1998-04-21 Silicon Graphics, Inc. System and method for providing and displaying a web page having an embedded menu
US5845299A (en) * 1996-07-29 1998-12-01 Rae Technology Llc Draw-based editor for web pages
US6081263A (en) * 1997-10-23 2000-06-27 Sony Corporation System and method of a user configurable display of information resources
US7139970B2 (en) * 1998-04-10 2006-11-21 Adobe Systems Incorporated Assigning a hot spot in an electronic artwork
US6230174B1 (en) * 1998-09-11 2001-05-08 Adobe Systems Incorporated Method of generating a markup language document containing image slices
US6476834B1 (en) * 1999-05-28 2002-11-05 International Business Machines Corporation Dynamic creation of selectable items on surfaces
US20030025730A1 (en) * 2001-08-03 2003-02-06 Brennan Declan M. Method for defining look and feel of a user interface obviating the requirement to write programming language code
AU2002358239A1 (en) * 2001-12-27 2003-07-30 Koninklijke Philips Electronics N.V. Dormant gui buttons reside unobtrusively in the background upon selection
US20040095388A1 (en) * 2002-11-15 2004-05-20 Rocchetti Robert J. Method and apparatus for creating user interfaces for computing devices
EP1555598A1 (en) * 2004-01-14 2005-07-20 Deutsche Thomson-Brandt Gmbh Method for generating an on-screen menu
US7434153B2 (en) * 2004-01-21 2008-10-07 Fuji Xerox Co., Ltd. Systems and methods for authoring a media presentation

Patent Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH11250276A (ja) * 1998-03-03 1999-09-17 Sonny Kihara Kenkyusho:Kk 画像編集装置及び方法
JP2000048178A (ja) * 1998-07-30 2000-02-18 Nippon Telegr & Teleph Corp <Ntt> 地図図形変形方法、地図図形変形装置および地図図形変形プログラムを記録した記録媒体
GB2354922A (en) * 1999-03-30 2001-04-04 Zyris Plc Generating output graphics representing a navigation bar
JP2001067059A (ja) * 1999-08-25 2001-03-16 Matsushita Electric Ind Co Ltd グラフィカルユーザインタフェース(gui)装置及びgui部品情報生成装置
US20040243931A1 (en) * 2001-06-30 2004-12-02 Kris Stevens Internet interface & integration language system and method
JP2006024089A (ja) * 2004-07-09 2006-01-26 Fuji Photo Film Co Ltd グラフィカルユーザインターフェースの部品画像作成方法及び装置
JP2006092079A (ja) * 2004-09-22 2006-04-06 Aoyama Planning Arts:Kk プレゼンテーションシステムおよび再生切替方法、プログラム
WO2007028064A2 (en) * 2005-08-29 2007-03-08 Sony Corporation Slicing interactive graphic data in disc authoring
JP2008130083A (ja) * 2006-11-23 2008-06-05 Samsung Electronics Co Ltd イメージ内の選択領域を一括格納する装置およびイメージ情報の文書化装置

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2019139298A (ja) * 2018-02-06 2019-08-22 三菱電機株式会社 ユーザインターフェース設計装置

Also Published As

Publication number Publication date
MX2010002064A (es) 2010-06-25
EP2193451A4 (en) 2012-04-25
CN101821730A (zh) 2010-09-01
KR20100082826A (ko) 2010-07-20
KR101567455B1 (ko) 2015-11-13
BRPI0815701A2 (pt) 2016-10-11
CN101821730B (zh) 2013-03-13
JP5416112B2 (ja) 2014-02-12
HK1147581A1 (en) 2011-08-12
CA2697347A1 (en) 2009-02-26
AU2008288768B2 (en) 2013-09-12
US20090187828A1 (en) 2009-07-23
EP2193451A1 (en) 2010-06-09
WO2009026535A1 (en) 2009-02-26
AU2008288768A1 (en) 2009-02-26
US9442703B2 (en) 2016-09-13

Similar Documents

Publication Publication Date Title
JP5416112B2 (ja) インタラクティブなユーザーインターフェースの定義
US8196099B2 (en) Updating application design
KR101130525B1 (ko) 서식 유형들을 사용하여 서식을 생성하기 위한 방법 및장치
US7577937B2 (en) Methods and systems for generating a configurable user interface
US6651240B1 (en) Object-oriented software development support apparatus and development support method
US20150100946A1 (en) Using mock data to validate applications
US20150227494A1 (en) Creating and editing dynamic graphics via a web interface
US8136043B2 (en) GUI generation apparatus and method for generating GUI
JP2008197814A (ja) リソース・ファイルの翻訳検証方法、装置、およびプログラム
US20170031887A1 (en) Contextual editing in a page rendering system
JP4577847B2 (ja) コンテンツを作成するためのオーサリング・システム、ソフトウェア、および方法
US20090132937A1 (en) Modifying Hover Help for a User Interface
WO2014102935A1 (ja) 電子マニュアル閲覧装置およびシステム
US8250527B1 (en) System and method for maintaining a sticky association of optimization settings defined for an image referenced in software code of an application being authored
US9244651B2 (en) Document revision control
US9785326B2 (en) Defining and tracking an interactive user interface
JPH06348766A (ja) ツール組み込み方法及び装置
KR102397494B1 (ko) 로우(Low) 코드 웹 개발 및 운영 시스템 및 이를 이용한 서비스 방법
JP6231260B2 (ja) 画面制御システム、画面制御プログラム、画面作成支援プログラム及び画面制御方法
US11526578B2 (en) System and method for producing transferable, modular web pages
KR101991297B1 (ko) 문서 편집 인터페이스의 커스터마이징을 지원하는 웹 기반의 문서 편집 지원 장치 및 그 동작 방법
US20180032317A1 (en) Defining a data input user interface
CN115794717A (zh) 基于模型的接口设计方法、系统、介质及设备
JPH1021062A (ja) ビジュアルプログラミング装置及び方法
JP2019008391A (ja) 情報処理装置、情報処理システム、その制御方法及びプログラム

Legal Events

Date Code Title Description
A521 Written amendment

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20110817

A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20110817

A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20130109

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20130212

A601 Written request for extension of time

Free format text: JAPANESE INTERMEDIATE CODE: A601

Effective date: 20130511

A602 Written permission of extension of time

Free format text: JAPANESE INTERMEDIATE CODE: A602

Effective date: 20130520

A601 Written request for extension of time

Free format text: JAPANESE INTERMEDIATE CODE: A601

Effective date: 20130612

A602 Written permission of extension of time

Free format text: JAPANESE INTERMEDIATE CODE: A602

Effective date: 20130619

A601 Written request for extension of time

Free format text: JAPANESE INTERMEDIATE CODE: A601

Effective date: 20130712

A602 Written permission of extension of time

Free format text: JAPANESE INTERMEDIATE CODE: A602

Effective date: 20130722

A521 Written amendment

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20130812

A01 Written decision to grant a patent or to grant a registration (utility model)

Free format text: JAPANESE INTERMEDIATE CODE: A01

Effective date: 20131015

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20131114

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

LAPS Cancellation because of no payment of annual fees