(57)【要約】【課題】ユーザが配置したいオブジェクトを最適な配置可能位置に誘導し、作製可能なレイアウトのプレビューイメージを確認しながら極小操作で直観的に画面レイアウトを作製することができる画面レイアウト作製装置、画面レイアウト作製方法、および、画面レイアウト作製プログラムを提供することを課題とする。【解決手段】テンプレート画面を表示させテンプレート画面に配置されたオブジェクト上において、子オブジェクトの配置位置となるドロップポイントを配置し、テンプレート画面に配置されたオブジェクト上に、所定の子オブジェクトがドロップされた場合、ドロップポイントに従って当該所定の子オブジェクトを配置する。【選択図】図１
2020071743.tif 000002
【特許請求の範囲】
【請求項１】
記憶部と制御部とを備えた画面レイアウト作製装置であって、
前記記憶部は、
階層構造を形成するユーザインタフェース画面において、親階層として配置可能な親オブジェクトおよび子階層として配置可能な子オブジェクトが決まっているオブジェクトを記憶するオブジェクト記憶手段と、
前記ユーザインタフェース画面のベース階層となるパネルの前記オブジェクトであるベースパネル上に、前記パネルであるタイトルバーパネル、コマンドバーパネル、および／または、前記親オブジェクトを縦横の直線で分割した格子状レイアウトを実現するグリッドパネルを子階層として配置したテンプレート画面を記憶する画面記憶手段と、
を備え、
前記制御部は、
前記テンプレート画面を表示させる画面表示手段と、
前記テンプレート画面に配置された前記オブジェクト上において、前記子オブジェクトの配置位置となるドロップポイントを配置するドロップポイント配置手段と、
前記テンプレート画面に配置されたオブジェクト上に、所定の前記子オブジェクトがドロップされた場合、前記ドロップポイントに従って当該所定の子オブジェクトを配置するオブジェクト配置手段と、
を備えたことを特徴とする画面レイアウト作製装置。
【請求項２】
前記ドロップポイントは、
当該ドロップポイントが配置された前記オブジェクトに配置可能な前記子オブジェクトの種類に応じたドロップポイントタイプが設定され、
前記オブジェクト配置手段は、
前記テンプレート画面上に、前記所定の子オブジェクトがドラッグされた場合、当該所定の子オブジェクトの種類および前記ドロップポイントタイプに基づいて、当該テンプレート画面上の当該所定の子オブジェクトを配置可能な前記ドロップポイントのみを吸着可能にさせ、当該所定の子オブジェクトがドロップされた場合、吸着可能にされた前記ドロップポイントに吸着させて当該所定の子オブジェクトを配置することを特徴とする請求項１に記載の画面レイアウト作製装置。
【請求項３】
前記オブジェクト配置手段は、
前記テンプレート画面上に、前記所定の子オブジェクトがドラッグされた場合、当該所定の子オブジェクトの前記種類および前記ドロップポイントタイプに基づいて、当該テンプレート画面上の当該所定の子オブジェクトを配置可能な前記ドロップポイントのみを吸着可能にさせ、当該所定の子オブジェクトがドロップされた場合、当該所定の子オブジェクトから最短距離にある前記吸着可能にされたドロップポイントに吸着させて当該所定の子オブジェクトを配置することを特徴とする請求項２に記載の画面レイアウト作製装置。
【請求項４】
前記ドロップポイント配置手段は、
更に、前記テンプレート画面に配置された前記オブジェクトおよび／または前記所定の子オブジェクト上において、当該オブジェクトおよび／または当該所定の子オブジェクトの前記子オブジェクトの配置位置となる前記ドロップポイントを配置および／または削除することを特徴とする請求項１から３のいずれか一つに記載の画面レイアウト作製装置。
【請求項５】
前記テンプレート画面は、
前記ベースパネル上に、前記タイトルバーパネル、前記コマンドバーパネル、および、前記グリッドパネルを子階層として配置した空レイアウト画面であることを特徴とする請求項１から４のいずれか一つに記載の画面レイアウト作製装置。
【請求項６】
前記テンプレート画面は、
前記空レイアウト画面において、前記コマンドバーパネル上に、リーフの前記オブジェクトであるコマンドバーボタンを子階層として配置し、前記グリッドパネル上に、前記親オブジェクトを縦横の直線で分割した前記格子状レイアウトを実現するセルであるグリッドセルを子階層として配置し、当該グリッドセル上に、前記グリッドパネルを継承した前記リーフをまとめて扱うことができる前記パネルである入力パネルを子階層として配置し、当該入力パネル上に、グリッドセルを子階層として配置し、当該グリッドセル上に、前記リーフを横方向に並べて配置できる前記パネルであるスタックパネルを子階層として配置し、当該スタックパネル上に、前記リーフであるテキストボックス、ラベル、チェックボックス、ラジオボタンおよび／またはセレクトボックスを子階層として配置した基本入力レイアウト画面であることを特徴とする請求項５に記載の画面レイアウト作製装置。
【請求項７】
前記テンプレート画面は、
前記基本入力レイアウト画面において、前記グリッドセル上に、前記パネルであるテーブルパネルを子階層として配置し、当該テーブルパネル上に、前記セルであるテーブルセルを子階層として配置したテーブルレイアウト画面であることを特徴とする請求項６に記載の画面レイアウト作製装置。
【請求項８】
前記テンプレート画面は、
前記基本入力レイアウト画面において、前記グリッドセル上に、前記パネルであるタブパネルを子階層として配置し、当該タブパネル上に、グリッドパネルを子階層として配置したタブレイアウト画面であることを特徴とする請求項６に記載の画面レイアウト作製装置。
【請求項９】
前記制御部は、
前記ユーザインタフェース画面の前記ベースパネル上に、前記タイトルバーパネル、前記コマンドバーパネル、および／または、前記グリッドパネルを配置した前記テンプレート画面を作製する画面作製手段、
を更に備えたことを特徴とする請求項１から８のいずれか一つに記載の画面レイアウト作製装置。
【請求項１０】
前記画面表示手段は、
縮小テンプレート画面を選択可能に一覧表示させ、前記縮小テンプレート画面が選択された場合、当該縮小テンプレート画面に対応する前記テンプレート画面に展開表示させることを特徴とする請求項１から９のいずれか一つに記載の画面レイアウト作製装置。
【請求項１１】
記憶部と制御部とを備えた画面レイアウト作製装置に実行させるための画面レイアウト作製方法であって、
前記記憶部は、
階層構造を形成するユーザインタフェース画面において、親階層として配置可能な親オブジェクトおよび子階層として配置可能な子オブジェクトが決まっているオブジェクトを記憶するオブジェクト記憶手段と、
前記ユーザインタフェース画面のベース階層となるパネルの前記オブジェクトであるベースパネル上に、前記パネルであるタイトルバーパネル、コマンドバーパネル、および／または、前記親オブジェクトを縦横の直線で分割した格子状レイアウトを実現するグリッドパネルを子階層として配置したテンプレート画面を記憶する画面記憶手段と、
を備え、
前記制御部で実行させる、
前記テンプレート画面が選択された場合、当該テンプレート画面を表示させる画面表示ステップと、
前記テンプレート画面に配置された前記オブジェクト上において、前記子オブジェクトの配置位置となるドロップポイントを配置するドロップポイント配置ステップと、
前記テンプレート画面に配置されたオブジェクト上に、所定の前記子オブジェクトがドロップされた場合、前記ドロップポイントに従って当該所定の子オブジェクトを配置するオブジェクト配置ステップと、
を含むことを特徴とする画面レイアウト作製方法。
【請求項１２】
記憶部と制御部とを備えた画面レイアウト作製装置に実行させるための画面レイアウト作製プログラムであって、
前記記憶部は、
階層構造を形成するユーザインタフェース画面において、親階層として配置可能な親オブジェクトおよび子階層として配置可能な子オブジェクトが決まっているオブジェクトを記憶するオブジェクト記憶手段と、
前記ユーザインタフェース画面のベース階層となるパネルの前記オブジェクトであるベースパネル上に、前記パネルであるタイトルバーパネル、コマンドバーパネル、および／または、前記親オブジェクトを縦横の直線で分割した格子状レイアウトを実現するグリッドパネルを子階層として配置したテンプレート画面を記憶する画面記憶手段と、
を備え、
前記制御部において、
前記テンプレート画面が選択された場合、当該テンプレート画面を表示させる画面表示ステップと、
前記テンプレート画面に配置された前記オブジェクト上において、前記子オブジェクトの配置位置となるドロップポイントを配置するドロップポイント配置ステップと、
前記テンプレート画面に配置されたオブジェクト上に、所定の前記子オブジェクトがドロップされた場合、前記ドロップポイントに従って当該所定の子オブジェクトを配置するオブジェクト配置ステップと、
を実行させるための画面レイアウト作製プログラム。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、画面レイアウト作製装置、画面レイアウト作製方法、および、画面レイアウト作製プログラムに関する。
【背景技術】
【０００２】
特許文献１−２には、表示画面上に画面構成部品を多層化して配置することができる構成が開示されている。
【先行技術文献】
【特許文献】
【０００３】
【特許文献１】特開平６−２８２３９５号公報
【特許文献２】特開２００２−０７３００４号公報
【発明の概要】
【発明が解決しようとする課題】
【０００４】
しかしながら、上記特許文献１−２記載の発明においては、ツリー構造を形成する画面レイアウトの作製において、親階層および子階層が予め設定されたパネル、セルおよびリーフの３つの要素を用いてユーザインタフェース画面を作製することができなかったという課題があった。
【０００５】
本発明は、上記問題点に鑑みてなされたものであって、ユーザが配置したいオブジェクトを最適な配置可能位置に誘導し、作製可能なレイアウトのプレビューイメージを確認しながら極小操作で直観的に画面レイアウトを作製することができる画面レイアウト作製装置、画面レイアウト作製方法、および、画面レイアウト作製プログラムを提供することを目的とする。
【課題を解決するための手段】
【０００６】
上述した課題を解決し、目的を達成するために、本発明に係る画面レイアウト作製装置は、記憶部と制御部とを備えた画面レイアウト作製装置であって、前記記憶部は、階層構造を形成するユーザインタフェース画面において、親階層として配置可能な親オブジェクトおよび子階層として配置可能な子オブジェクトが決まっているオブジェクトを記憶するオブジェクト記憶手段と、前記ユーザインタフェース画面のベース階層となるパネルの前記オブジェクトであるベースパネル上に、前記パネルであるタイトルバーパネル、コマンドバーパネル、および／または、前記親オブジェクトを縦横の直線で分割した格子状レイアウトを実現するグリッドパネルを子階層として配置したテンプレート画面を記憶する画面記憶手段と、を備え、前記制御部は、前記テンプレート画面を表示させる画面表示手段と、前記テンプレート画面に配置された前記オブジェクト上において、前記子オブジェクトの配置位置となるドロップポイントを配置するドロップポイント配置手段と、前記テンプレート画面に配置されたオブジェクト上に、所定の前記子オブジェクトがドロップされた場合、前記ドロップポイントに従って当該所定の子オブジェクトを配置するオブジェクト配置手段と、を備えたことを特徴とする。
【０００７】
また、本発明に係る画面レイアウト作製装置において、前記ドロップポイントは、当該ドロップポイントが配置された前記オブジェクトに配置可能な前記子オブジェクトの種類に応じたドロップポイントタイプが設定され、前記オブジェクト配置手段は、前記テンプレート画面上に、前記所定の子オブジェクトがドラッグされた場合、当該所定の子オブジェクトの種類および前記ドロップポイントタイプに基づいて、当該テンプレート画面上の当該所定の子オブジェクトを配置可能な前記ドロップポイントのみを吸着可能にさせ、当該所定の子オブジェクトがドロップされた場合、吸着可能にされた前記ドロップポイントに吸着させて当該所定の子オブジェクトを配置することを特徴とする。
【０００８】
また、本発明に係る画面レイアウト作製装置において、前記オブジェクト配置手段は、前記テンプレート画面上に、前記所定の子オブジェクトがドラッグされた場合、当該所定の子オブジェクトの前記種類および前記ドロップポイントタイプに基づいて、当該テンプレート画面上の当該所定の子オブジェクトを配置可能な前記ドロップポイントのみを吸着可能にさせ、当該所定の子オブジェクトがドロップされた場合、当該所定の子オブジェクトから最短距離にある前記吸着可能にされたドロップポイントに吸着させて当該所定の子オブジェクトを配置することを特徴とする。
【０００９】
また、本発明に係る画面レイアウト作製装置において、前記ドロップポイント配置手段は、更に、前記テンプレート画面に配置された前記オブジェクトおよび／または前記所定の子オブジェクト上において、当該オブジェクトおよび／または当該所定の子オブジェクトの前記子オブジェクトの配置位置となる前記ドロップポイントを配置および／または削除することを特徴とする。
【００１０】
また、本発明に係る画面レイアウト作製装置において、前記テンプレート画面は、前記ベースパネル上に、前記タイトルバーパネル、前記コマンドバーパネル、および、前記グリッドパネルを子階層として配置した空レイアウト画面であることを特徴とする。
【００１１】
また、本発明に係る画面レイアウト作製装置において、前記テンプレート画面は、前記空レイアウト画面において、前記コマンドバーパネル上に、リーフの前記オブジェクトであるコマンドバーボタンを子階層として配置し、前記グリッドパネル上に、前記親オブジェクトを縦横の直線で分割した前記格子状レイアウトを実現するセルであるグリッドセルを子階層として配置し、当該グリッドセル上に、前記グリッドパネルを継承した前記リーフをまとめて扱うことができる前記パネルである入力パネルを子階層として配置し、当該入力パネル上に、グリッドセルを子階層として配置し、当該グリッドセル上に、前記リーフを横方向に並べて配置できる前記パネルであるスタックパネルを子階層として配置し、当該スタックパネル上に、前記リーフであるテキストボックス、ラベル、チェックボックス、ラジオボタンおよび／またはセレクトボックスを子階層として配置した基本入力レイアウト画面であることを特徴とする。
【００１２】
また、本発明に係る画面レイアウト作製装置において、前記テンプレート画面は、前記基本入力レイアウト画面において、前記グリッドセル上に、前記パネルであるテーブルパネルを子階層として配置し、当該テーブルパネル上に、前記セルであるテーブルセルを子階層として配置したテーブルレイアウト画面であることを特徴とする。
【００１３】
また、本発明に係る画面レイアウト作製装置において、前記テンプレート画面は、前記基本入力レイアウト画面において、前記グリッドセル上に、前記パネルであるタブパネルを子階層として配置し、当該タブパネル上に、グリッドパネルを子階層として配置したタブレイアウト画面であることを特徴とする。
【００１４】
また、本発明に係る画面レイアウト作製装置において、前記制御部は、前記ユーザインタフェース画面の前記ベースパネル上に、前記タイトルバーパネル、前記コマンドバーパネル、および／または、前記グリッドパネルを配置した前記テンプレート画面を作製する画面作製手段、を更に備えたことを特徴とする。
【００１５】
また、本発明に係る画面レイアウト作製装置において、前記画面表示手段は、縮小テンプレート画面を選択可能に一覧表示させ、前記縮小テンプレート画面が選択された場合、当該縮小テンプレート画面に対応する前記テンプレート画面に展開表示させることを特徴とする。
【００１６】
また、本発明に係る画面レイアウト作製方法は、記憶部と制御部とを備えた画面レイアウト作製装置に実行させるための画面レイアウト作製方法であって、前記記憶部は、階層構造を形成するユーザインタフェース画面において、親階層として配置可能な親オブジェクトおよび子階層として配置可能な子オブジェクトが決まっているオブジェクトを記憶するオブジェクト記憶手段と、前記ユーザインタフェース画面のベース階層となるパネルの前記オブジェクトであるベースパネル上に、前記パネルであるタイトルバーパネル、コマンドバーパネル、および／または、前記親オブジェクトを縦横の直線で分割した格子状レイアウトを実現するグリッドパネルを子階層として配置したテンプレート画面を記憶する画面記憶手段と、を備え、前記制御部で実行させる、前記テンプレート画面が選択された場合、当該テンプレート画面を表示させる画面表示ステップと、前記テンプレート画面に配置された前記オブジェクト上において、前記子オブジェクトの配置位置となるドロップポイントを配置するドロップポイント配置ステップと、前記テンプレート画面に配置されたオブジェクト上に、所定の前記子オブジェクトがドロップされた場合、前記ドロップポイントに従って当該所定の子オブジェクトを配置するオブジェクト配置ステップと、を含むことを特徴とする。
【００１７】
また、本発明に係る画面レイアウト作製プログラムは、記憶部と制御部とを備えた画面レイアウト作製装置に実行させるための画面レイアウト作製プログラムであって、前記記憶部は、階層構造を形成するユーザインタフェース画面において、親階層として配置可能な親オブジェクトおよび子階層として配置可能な子オブジェクトが決まっているオブジェクトを記憶するオブジェクト記憶手段と、前記ユーザインタフェース画面のベース階層となるパネルの前記オブジェクトであるベースパネル上に、前記パネルであるタイトルバーパネル、コマンドバーパネル、および／または、前記親オブジェクトを縦横の直線で分割した格子状レイアウトを実現するグリッドパネルを子階層として配置したテンプレート画面を記憶する画面記憶手段と、を備え、前記制御部において、前記テンプレート画面が選択された場合、当該テンプレート画面を表示させる画面表示ステップと、前記テンプレート画面に配置された前記オブジェクト上において、前記子オブジェクトの配置位置となるドロップポイントを配置するドロップポイント配置ステップと、前記テンプレート画面に配置されたオブジェクト上に、所定の前記子オブジェクトがドロップされた場合、前記ドロップポイントに従って当該所定の子オブジェクトを配置するオブジェクト配置ステップと、を実行させることを特徴とする。
【発明の効果】
【００１８】
本発明によれば、ドラッグオブジェクトのタイプに応じて配置対象を絞り込むことで、高度な画面レイアウトを簡単に実現できるという効果を奏する。
【図面の簡単な説明】
【００１９】
【図１】図１は、本実施形態における画面レイアウト作製装置の構成の一例を示すブロック図である。
【図２】図２は、本実施形態におけるオブジェクトの一例を示す図である。
【図３】図３は、本実施形態における画面レイアウト作製装置の処理の一例を示すフローチャートである。
【図４】図４は、本実施形態におけるテンプレート一覧の一例を示す図である。
【図５】図５は、本実施形態におけるテンプレート画面および階層構造の一例を示す図である。
【図６】図６は、本実施形態におけるテンプレート画面および階層構造の一例を示す図である。
【図７】図７は、本実施形態におけるテンプレート画面および階層構造の一例を示す図である。
【図８】図８は、本実施形態におけるテンプレート画面および階層構造の一例を示す図である。
【図９】図９は、本実施形態におけるドロップポイント配置の一例を示す図である。
【図１０】図１０は、本実施形態におけるドロップポイント配置の一例を示す図である。
【図１１】図１１は、本実施形態におけるドロップポイント配置の一例を示す図である。
【図１２】図１２は、本実施形態におけるドロップポイント配置の一例を示す図である。
【図１３】図１３は、本実施形態におけるオブジェクト配置処理の一例を示すフローチャートである。
【図１４】図１４は、本実施形態におけるツールアイテムの一例を示す図である。
【発明を実施するための形態】
【００２０】
本発明の実施形態を図面に基づいて詳細に説明する。なお、本発明は本実施形態により限定されるものではない。
【００２１】
［１．概要］
まず、本発明の概要を説明する。
【００２２】
従来から、ユーザライクにアプリケーション画面を開発できるツールが存在しているが、マウスカーソルを対象の場所まで移動させないとレイアウトが作製できなかったり、単純なレイアウトしか作製できず、グリッド形式等の複雑な画面レイアウトを作製できなかったりしていた。
【００２３】
そこで、本実施形態においては、ドラッグオブジェクトのタイプに応じて配置対象を変化させ、直感的なオブジェクト配置を可能とすることで、整然かつ高度な画面レイアウトを簡単に実現できるようにしている。
【００２４】
［２．構成］
本実施形態に係る画面レイアウト作製装置１００の構成の一例について、図１を参照して説明する。図１は、本実施形態における画面レイアウト作製装置１００の構成の一例を示すブロック図である。
【００２５】
画面レイアウト作製装置１００は、市販のデスクトップ型パーソナルコンピュータである。なお、画面レイアウト作製装置１００は、デスクトップ型パーソナルコンピュータのような据置型情報処理装置に限らず、市販されているノート型パーソナルコンピュータ、ＰＤＡ（Ｐｅｒｓｏｎａｌ  Ｄｉｇｉｔａｌ  Ａｓｓｉｓｔａｎｔｓ）、スマートフォン、タブレット型パーソナルコンピュータなどの携帯型情報処理装置であってもよい。
【００２６】
画面レイアウト作製装置１００は、制御部１０２と通信インターフェース部１０４と記憶部１０６と入出力インターフェース部１０８と、を備えている。画面レイアウト作製装置１００が備えている各部は、任意の通信路を介して通信可能に接続されている。
【００２７】
通信インターフェース部１０４は、ルータ等の通信装置および専用線等の有線または無線の通信回線を介して、画面レイアウト作製装置１００をネットワーク３００に通信可能に接続する。通信インターフェース部１０４は、他の装置と通信回線を介してデータを通信する機能を有する。ここで、ネットワーク３００は、画面レイアウト作製装置１００とサーバ２００とを相互に通信可能に接続する機能を有し、例えばインターネットやＬＡＮ（Ｌｏｃａｌ  Ａｒｅａ  Ｎｅｔｗｏｒｋ）等である。
【００２８】
記憶部１０６には、各種のデータベース、テーブル、およびファイルなどが格納される。記憶部１０６には、ＯＳ（Ｏｐｅｒａｔｉｎｇ  Ｓｙｓｔｅｍ）と協働してＣＰＵ（Ｃｅｎｔｒａｌ  Ｐｒｏｃｅｓｓｉｎｇ  Ｕｎｉｔ）に命令を与えて各種処理を行うためのコンピュータプログラムが記録される。記憶部１０６として、例えば、ＲＡＭ（Ｒａｎｄｏｍ  Ａｃｃｅｓｓ  Ｍｅｍｏｒｙ）・ＲＯＭ（Ｒｅａｄ  Ｏｎｌｙ  Ｍｅｍｏｒｙ）等のメモリ装置、ハードディスクのような固定ディスク装置、フレキシブルディスク、および光ディスク等を用いることができる。記憶部１０６は、オブジェクトファイル１０６ａと、画面ファイル１０６ｂとを備えている。
【００２９】
オブジェクトファイル１０６ａは、階層構造を形成するユーザインタフェース画面において、親階層として配置可能な親オブジェクトおよび子階層として配置可能な子オブジェクトが決まっているオブジェクトを記憶する。ここで、オブジェクトは、セル、パネル、リーフ、または、テーブルセル等であってもよい。また、オブジェクトファイル１０６ａは、オブジェクトに紐付けてオブジェクト識別子（例えば、ＩＤ等）およびオブジェクト位置データ等を記憶してもよい。
【００３０】
ここで、図２を参照して、本実施形態におけるオブジェクトの一例について説明する。図２は、本実施形態におけるオブジェクトの一例を示す図である。
【００３１】
図２に示すように、セルは、ルートセル、グリッドセル、および／または、タブセル等を含んでいてもよい。また、図２に示すように、パネルは、ベースパネル、タイトルバーパネル、コマンドバーパネル、グリッドパネル、スタックパネル、入力パネル、タブパネル、および／または、テーブルパネル等を含んでいてもよい。また、図２に示すように、リーフは、ボタン、コマンドバーボタン、テキストボックス、ラベル、チェックボックス、ラジオボタン、および／または、セレクトボックス等を含んでいてもよい。また、図２に示すように、テーブルセルは、カラムセル、ボタンセル、テキストボックスセル、ラベルセル、チェックボックスセル、および／または、セレクトボックスセル等を含んでいてもよい。
【００３２】
図１に戻り、画面ファイル１０６ｂは、ユーザインタフェース画面を記憶する。ここで、画面ファイル１０６ｂは、ユーザインタフェース画面のベース階層となるパネルのオブジェクトであるベースパネル上に、パネルであるタイトルバーパネル、コマンドバーパネル、および／または、親オブジェクトを縦横の直線で分割した格子状レイアウトを実現するグリッドパネルを子階層として配置したテンプレート画面を記憶していてもよい。ここで、ユーザインタフェース画面のベース階層となるベースパネルは、セルのオブジェクトであるルートセルに重畳されていてもよい。また、テンプレート画面は、ベースパネル上に、タイトルバーパネル、コマンドバーパネル、および、グリッドパネルを子階層として配置した空レイアウト画面であってもよい。また、テンプレート画面は、空レイアウト画面において、コマンドバーパネル上に、リーフのオブジェクトであるコマンドバーボタンを子階層として配置し、グリッドパネル上に、親オブジェクトを縦横の直線で分割した格子状レイアウトを実現するセルであるグリッドセルを子階層として配置し、当該グリッドセル上に、グリッドパネルを継承したリーフをまとめて扱うことができるパネルである入力パネルを子階層として配置し、当該入力パネル上に、グリッドセルを子階層として配置し、当該グリッドセル上に、リーフを横方向に並べて配置できるパネルであるスタックパネルを子階層として配置し、当該スタックパネル上に、リーフであるテキストボックス、ラベル、チェックボックス、ラジオボタンおよび／またはセレクトボックスを子階層として配置した基本入力レイアウト画面であってもよい。また、テンプレート画面は、基本入力レイアウト画面において、グリッドセル上に、パネルであるテーブルパネルを子階層として配置し、当該テーブルパネル上に、セルであるテーブルセルを子階層として配置したテーブルレイアウト画面であってもよい。また、テンプレート画面は、基本入力レイアウト画面において、グリッドセル上に、パネルであるタブパネルを子階層として配置し、当該タブパネル上に、グリッドパネルを子階層として配置したタブレイアウト画面であってもよい。また、画面ファイル１０６ｂは、ユーザインタフェース画面上に子オブジェクトが配置されたユーザ配置画面を記憶してもよい。また、画面ファイル１０６ｂは、ユーザインタフェース画面上に配置されたドロップポイントに紐付けてドロップポイント識別子（例えば、ＩＤ等）、ドロップポイントタイプおよびドロップポイント配置データ（例えば、列番号および行番号等）等を記憶してもよい。
【００３３】
入出力インターフェース部１０８には、入力装置１１２および出力装置１１４が接続されている。出力装置１１４には、モニタ（タッチパネルを含む）の他、スピーカやプリンタを用いることができる。入力装置１１２には、キーボード、マウス、およびマイクの他、マウスと協働してポインティングデバイス機能を実現するモニタを用いることができる。なお、以下では、出力装置１１４をモニタ１１４またはプリンタ１１４とし、入力装置１１２をキーボード１１２またはマウス１１２として記載する場合がある。
【００３４】
制御部１０２は、画面レイアウト作製装置１００を統括的に制御するＣＰＵ等である。制御部１０２は、ＯＳ等の制御プログラム・各種の処理手順等を規定したプログラム・所要データなどを格納するための内部メモリを有し、格納されているこれらのプログラムに基づいて種々の情報処理を実行する。制御部１０２は、機能概念的に、画面作製部１０２ａと、画面表示部１０２ｂと、ドロップポイント配置部１０２ｃと、オブジェクト配置部１０２ｄとを備えている。
【００３５】
画面作製部１０２ａは、ユーザインタフェース画面を作製する。ここで、画面作製部１０２ａは、ユーザインタフェース画面のベースパネル上に、タイトルバーパネル、コマンドバーパネル、および／または、グリッドパネルを配置したテンプレート画面を作製してもよい。画面作製部１０２ａは、ユーザインタフェース画面を画面ファイル１０６ｂに格納してもよい。
【００３６】
画面表示部１０２ｂは、ユーザインタフェース画面（テンプレート画面）を表示させる。ここで、画面表示部１０２ｂは、縮小テンプレート画面を選択可能に一覧表示させ、縮小テンプレート画面が選択された場合、当該縮小テンプレート画面に対応するテンプレート画面に展開表示させてもよい。
【００３７】
ドロップポイント配置部１０２ｃは、ユーザインタフェース画面（テンプレート画面）に配置されたオブジェクト上において、子オブジェクトの配置位置となるドロップポイントを配置する。ここで、ドロップポイントは、当該ドロップポイントが配置されたオブジェクトに配置可能な子オブジェクトの種類に応じたドロップポイントタイプが設定されてもよい。また、ドロップポイント配置部１０２ｃは、ユーザインタフェース画面（テンプレート画面）に配置されたオブジェクトおよび／または所定の子オブジェクト上において、当該オブジェクトおよび／または当該所定の子オブジェクトの子オブジェクトの配置位置となるドロップポイントを配置および／または削除してもよい。また、ドロップポイント配置部１０２ｃは、ドロップポイントが配置されたユーザインタフェース画面を画面ファイル１０６ｂに格納してもよい。
【００３８】
オブジェクト配置部１０２ｄは、ユーザインタフェース画面（テンプレート画面）に配置されたオブジェクト上に、所定の子オブジェクトがドロップされた場合、ドロップポイントに従って当該所定の子オブジェクトを配置する。ここで、オブジェクト配置部１０２ｄは、ユーザインタフェース画面（テンプレート画面）上に、所定の子オブジェクトがドラッグされた場合、当該所定の子オブジェクトの種類およびドロップポイントタイプに基づいて、当該ユーザインタフェース画面（テンプレート画面）上の当該所定の子オブジェクトを配置可能なドロップポイントのみを吸着可能にさせ、当該所定の子オブジェクトがドロップされた場合、吸着可能にされたドロップポイントに吸着させて当該所定の子オブジェクトを配置してもよい。また、オブジェクト配置部１０２ｄは、ユーザインタフェース画面（テンプレート画面）上に、所定の子オブジェクトがドラッグされた場合、当該所定の子オブジェクトの種類およびドロップポイントタイプに基づいて、当該ユーザインタフェース画面（テンプレート画面）上の当該所定の子オブジェクトを配置可能なドロップポイントのみを吸着可能にさせ、当該所定の子オブジェクトがドロップされた場合、当該所定の子オブジェクトから最短距離にある吸着可能にされたドロップポイントに吸着させて当該所定の子オブジェクトを配置してもよい。また、オブジェクト配置部１０２ｄは、ユーザインタフェース画面（テンプレート画面）上に所定の子オブジェクトが配置されたユーザ配置画面を取得してもよい。また、オブジェクト配置部１０２ｄは、ユーザ配置画面を画面ファイル１０６ｂに格納してもよい。
【００３９】
［３．具体例］
本実施形態の具体例について、図３から図１４を参照して説明する。
【００４０】
［画面レイアウト作製処理］
ここで、図３から図１４を参照して、本実施形態における画面レイアウト作製処理の一例について説明する。図３は、本実施形態における画面レイアウト作製装置１００の処理の一例を示すフローチャートである。
【００４１】
図３に示すように、画面表示部１０２ｂは、縮小テンプレート画面を選択可能に出力装置１１４に一覧表示させる（ステップＳＡ−１）。
【００４２】
そして、画面表示部１０２ｂは、ユーザにより入力装置１１２を介して縮小テンプレート画面が選択された場合、当該縮小テンプレート画面に対応するテンプレート画面に展開して出力装置１１４に表示させる（ステップＳＡ−２）。
【００４３】
そして、ドロップポイント配置部１０２ｃは、テンプレート画面に配置されたオブジェクト上において、当該オブジェクトに配置可能な子オブジェクトの種類に応じたドロップポイントタイプが設定された、子オブジェクトの配置位置となるドロップポイントを配置する（ステップＳＡ−３）。
【００４４】
そして、オブジェクト配置部１０２ｄは、テンプレート画面上に、追加または移動を目的として、ユーザにより入力装置１１２を介して所定の子オブジェクトがドラッグされた場合、当該所定の子オブジェクトの種類およびドロップポイントタイプに基づいて、当該テンプレート画面上の当該所定の子オブジェクトを配置可能なドロップポイントのみを吸着可能にさせ、ユーザにより入力装置１１２を介して当該所定の子オブジェクトがドロップされた場合、当該所定の子オブジェクトから最短距離にある吸着可能にされたドロップポイントに吸着させて当該所定の子オブジェクトを配置したユーザ配置画面を取得する（ステップＳＡ−４）。
【００４５】
そして、ドロップポイント配置部１０２ｃは、ユーザ配置画面に配置されたオブジェクトおよび／または所定の子オブジェクト上において、当該オブジェクトおよび／または当該所定の子オブジェクトの子オブジェクトの配置位置となるドロップポイントを配置および／または削除し、ドロップポイントが再配置されたユーザ配置画面を画面ファイル１０６ｂに格納し（ステップＳＡ−５）、処理を終了する。
【００４６】
ここで、図４を参照して、本実施形態におけるテンプレート一覧の一例について説明する。図４は、本実施形態におけるテンプレート一覧の一例を示す図である。
【００４７】
図４に示すように、本実施形態においては、基本入力レイアウト画面、一覧レイアウト画面、ヘッダ・明細レイアウト画面（テーブルレイアウト画面またはタブレイアウト画面等）、および、空レイアウト画面の縮小テンプレート画面を選択可能に一覧表示させたテンプレート一覧を表示させる。
【００４８】
また、図５から図８を参照して、本実施形態におけるテンプレート画面および階層構造の一例について説明する。図５から図８は、本実施形態におけるテンプレート画面および階層構造の一例を示す図である。
【００４９】
図５は、本実施形態における空レイアウト画面を示しており、ルートセルに重畳されたベースパネル上に、タイトルバーパネル、コマンドバーパネル、および、グリッドパネルが子階層として画面上から並列に配置されている。
【００５０】
また、図６は、本実施形態における基本入力レイアウト画面を示しており、図５に示す空レイアウト画面において、コマンドバーパネル上に、コマンドバーボタンが子階層として配置され、グリッドパネル上に、グリッドセルが子階層として配置され、当該グリッドセル上に、入力パネルが子階層として配置され、当該入力パネル上に、グリッドセルが子階層として配置され、当該グリッドセル上に、スタックパネルが子階層として配置され、当該スタックパネル上に、テキストボックスまたはラベルが子階層として配置されている。
【００５１】
また、図７は、本実施形態におけるテーブルレイアウト画面を示しており、図６に示す基本入力レイアウト画面において、グリッドセル上に、テーブルパネルが子階層として配置され、当該テーブルパネル上に、カラムセルおよびテキストボックスセルが子階層として配置されている。
【００５２】
また、図８は、本実施形態におけるタブレイアウト画面を示しており、図６に示す基本入力レイアウト画面において、グリッドセル上に、タブパネルが子階層として配置され、当該タブパネル上に、グリッドパネルが子階層として配置され、当該グリッドパネル上に、グリッドセルが子階層として配置され、当該グリッドセル上に、入力パネルが子階層として配置され、当該入力パネル上に、グリッドセルが子階層として配置され、当該グリッドセル上に、スタックパネルが子階層として配置され、当該スタックパネル上に、テキストボックスまたはラベルが子階層として配置されている。
【００５３】
また、図９から図１２を参照して、本実施形態におけるドロップポイント配置の一例について説明する。図９から図１２は、本実施形態におけるドロップポイント配置の一例を示す図である。
【００５４】
図９に示すように、本実施形態においては、空レイアウト画面に配置されたコマンドバーパネルおよびグリッドパネル上において、ＩＤ（例えば、コントロールＩＤ等）、列番号および行番号が設定された、子オブジェクトの配置位置となるドロップポイントが配置されている。
【００５５】
また、図１０に示すように、本実施形態においては、基本入力レイアウト画面に配置されたスタックパネル、コマンドバーパネルおよびグリッドパネル上において、ＩＤ、列番号および行番号が設定された、子オブジェクトの配置位置となるドロップポイントが配置されている。
【００５６】
また、図１１に示すように、本実施形態においては、テーブルレイアウト画面に配置されたスタックパネル、テーブルパネル、コマンドバーパネルおよびグリッドパネル上において、ＩＤ、列番号および行番号が設定された、子オブジェクトの配置位置となるドロップポイントが配置されている。ここで、本実施形態においては、テーブルパネルにオブジェクトが配置された場合、セルが置き換わってもよい。例えば、本実施形態においては、「列２行０」にラベルセルが配置されている際に、「列２行０」にテキストボックスがドロップされた場合、「列２行０」がテキストボックスセルに置き換わってもよい。
【００５７】
また、図１２に示すように、本実施形態においては、タブレイアウト画面に配置されたスタックパネル、コマンドバーパネルおよびグリッドパネル上において、ＩＤ、列番号および行番号が設定された、子オブジェクトの配置位置となるドロップポイントが配置されている。
【００５８】
また、図１３および図１４を参照して、本実施形態におけるオブジェクト配置処理の一例について説明する。図１３は、本実施形態におけるオブジェクト配置処理の一例を示すフローチャートである。
【００５９】
図１３に示すように、本実施形態においては、表示されたユーザインタフェース画面に新たに追加するためのオブジェクト（ツールアイテム）、または、配置済のオブジェクト（コントロール）がユーザによりドラッグされた場合（ステップＳＢ−１）、ドラッグされたオブジェクトがユーザインタフェース画面に配置済のオブジェクトであるか否かを判定する（ステップＳＢ−２）。
【００６０】
そして、図１３に示すように、本実施形態においては、ドラッグされたオブジェクトがユーザインタフェース画面に配置済のオブジェクトであると判定した場合（ステップＳＢ−２：Ｙｅｓ）、ドラッグされたオブジェクトに設定されたオブジェクトＩＤ（ドラッグアイテムＩＤ）およびドロップポイントタイプを記録し（ステップＳＢ−３）、処理をステップＳＢ−５に移行させる。
【００６１】
一方、図１３に示すように、本実施形態においては、ドラッグされたオブジェクトがユーザインタフェース画面に配置済のオブジェクトではないと判定した場合（ステップＳＢ−２：Ｎｏ）、ツールアイテムのツールアイテムＩＤ（ドラッグアイテムＩＤ）およびドロップポイントタイプ（複数の場合もあり）を記録する（ステップＳＢ−４）。
【００６２】
そして、図１３に示すように、本実施形態においては、記録しているドロップポイントタイプに対応した、ユーザインタフェース画面上のドロップポイントを有効化し（ステップＳＢ−５）、有効化されているドロップポイントから最小距離にあるドロップポイントをアクティブ化する（ステップＳＢ−６）。
【００６３】
そして、図１３に示すように、本実施形態においては、ユーザによりドラッグされたオブジェクトがリリース（ドロップ）された場合（ステップＳＢ−７）、アクティブ状態のドロップポイントのドロップポイントＩＤ、列番号および行番号を特定して記録し（ステップＳＢ−８）、ドロップされたオブジェクトが配置済のものを移動したものであるか否かを判定する（ステップＳＢ−９）。
【００６４】
そして、図１３に示すように、本実施形態においては、ドロップされたオブジェクトが配置済のものを移動したものであると判定した場合（ステップＳＢ−９：Ｙｅｓ）、ドロップされたオブジェクトのドラッグアイテムＩＤに対応するオブジェクトを記録し（ステップＳＢ−１０）、処理をステップＳＢ−１２に移行させる。
【００６５】
一方、図１３に示すように、本実施形態においては、ドロップされたオブジェクトが新たに追加したものであると判定した場合（ステップＳＢ−９：Ｎｏ）、記録されたドラッグアイテムＩＤおよびドロップポイントＩＤに基づいて生成インスタンス（生成オブジェクト）を決定して生成する（ステップＳＢ−１１）。
【００６６】
ここで、図１４を参照して、本実施形態におけるツールアイテムの一例について説明する。図１４は、本実施形態におけるツールアイテムの一例を示す図である。
【００６７】
図１４に示すように、ユーザインタフェース画面に新たに追加するツールアイテムは、ユーザインタフェース画面上へのドロップ時に配置される場所（パネル）に応じて、生成されるインスタンスが変化する。
【００６８】
図１３に戻り、本実施形態においては、ドロップポイントＩＤに対応する配置済のオブジェクト（コントロール）の子階層としてオブジェクトを追加し（ステップＳＢ−１２）、追加したオブジェクトが配置済のものを移動したものであるか否かを判定する（ステップＳＢ−１３）。なお、本実施形態において、子階層としてどこに追加するかは、記録されている列番号および行番号を使用する。
【００６９】
そして、図１３に示すように、本実施形態においては、追加したオブジェクトが配置済のものを移動したものであると判定した場合（ステップＳＢ−１３：Ｙｅｓ）、追加したオブジェクトの親階層が記録している子階層のデータから、追加したオブジェクトのドラッグアイテムＩＤを削除し（ステップＳＢ−１４）、処理を終了する。
【００７０】
一方、図１３に示すように、本実施形態においては、追加したオブジェクトが配置済のものを移動したものではないと判定した場合（ステップＳＢ−１３：Ｎｏ）、処理を終了する。
【００７１】
［４．他の実施形態］
本発明は、上述した実施形態以外にも、特許請求の範囲に記載した技術的思想の範囲内において種々の異なる実施形態にて実施されてよいものである。
【００７２】
例えば、実施形態において説明した各処理のうち、自動的に行われるものとして説明した処理の全部または一部を手動的に行うこともでき、あるいは、手動的に行われるものとして説明した処理の全部または一部を公知の方法で自動的に行うこともできる。
【００７３】
また、本明細書中や図面中で示した処理手順、制御手順、具体的名称、各処理の登録データや検索条件等のパラメータを含む情報、画面例、データベース構成については、特記する場合を除いて任意に変更することができる。
【００７４】
また、画面レイアウト作製装置１００に関して、図示の各構成要素は機能概念的なものであり、必ずしも物理的に図示の如く構成されていることを要しない。
【００７５】
例えば、画面レイアウト作製装置１００が備える処理機能、特に制御部１０２にて行われる各処理機能については、その全部または任意の一部を、ＣＰＵおよび当該ＣＰＵにて解釈実行されるプログラムにて実現してもよく、また、ワイヤードロジックによるハードウェアとして実現してもよい。尚、プログラムは、本実施形態で説明した処理を情報処理装置に実行させるためのプログラム化された命令を含む一時的でないコンピュータ読み取り可能な記録媒体に記録されており、必要に応じて画面レイアウト作製装置１００に機械的に読み取られる。すなわち、ＲＯＭまたはＨＤＤ（Ｈａｒｄ  Ｄｉｓｋ  Ｄｒｉｖｅ）などの記憶部などには、ＯＳと協働してＣＰＵに命令を与え、各種処理を行うためのコンピュータプログラムが記録されている。このコンピュータプログラムは、ＲＡＭにロードされることによって実行され、ＣＰＵと協働して制御部を構成する。
【００７６】
また、このコンピュータプログラムは、画面レイアウト作製装置１００に対して任意のネットワークを介して接続されたアプリケーションプログラムサーバに記憶されていてもよく、必要に応じてその全部または一部をダウンロードすることも可能である。
【００７７】
また、本実施形態で説明した処理を実行するためのプログラムを、一時的でないコンピュータ読み取り可能な記録媒体に格納してもよく、また、プログラム製品として構成することもできる。ここで、この「記録媒体」とは、メモリーカード、ＵＳＢ（Ｕｎｉｖｅｒｓａｌ  Ｓｅｒｉａｌ  Ｂｕｓ）メモリ、ＳＤ（Ｓｅｃｕｒｅ  Ｄｉｇｉｔａｌ）カード、フレキシブルディスク、光磁気ディスク、ＲＯＭ、ＥＰＲＯＭ（Ｅｒａｓａｂｌｅ  Ｐｒｏｇｒａｍｍａｂｌｅ  Ｒｅａｄ  Ｏｎｌｙ  Ｍｅｍｏｒｙ）、ＥＥＰＲＯＭ（登録商標）（Ｅｌｅｃｔｒｉｃａｌｌｙ  Ｅｒａｓａｂｌｅ  ａｎｄ  Ｐｒｏｇｒａｍｍａｂｌｅ  Ｒｅａｄ  Ｏｎｌｙ  Ｍｅｍｏｒｙ）、ＣＤ−ＲＯＭ（Ｃｏｍｐａｃｔ  Ｄｉｓｋ  Ｒｅａｄ  Ｏｎｌｙ  Ｍｅｍｏｒｙ）、ＭＯ（Ｍａｇｎｅｔｏ−Ｏｐｔｉｃａｌ  ｄｉｓｋ）、ＤＶＤ（Ｄｉｇｉｔａｌ  Ｖｅｒｓａｔｉｌｅ  Ｄｉｓｋ）、および、Ｂｌｕ−ｒａｙ（登録商標）  Ｄｉｓｃ等の任意の「可搬用の物理媒体」を含むものとする。
【００７８】
また、「プログラム」とは、任意の言語または記述方法にて記述されたデータ処理方法であり、ソースコードまたはバイナリコード等の形式を問わない。なお、「プログラム」は必ずしも単一的に構成されるものに限られず、複数のモジュールやライブラリとして分散構成されるものや、ＯＳに代表される別個のプログラムと協働してその機能を達成するものをも含む。なお、本実施形態に示した各装置において記録媒体を読み取るための具体的な構成および読み取り手順ならびに読み取り後のインストール手順等については、周知の構成や手順を用いることができる。
【００７９】
記憶部１０６に格納される各種のデータベース等は、ＲＡＭ、ＲＯＭ等のメモリ装置、ハードディスク等の固定ディスク装置、フレキシブルディスク、および、光ディスク等のストレージ手段であり、各種処理やウェブサイト提供に用いる各種のプログラム、テーブル、データベース、および、ウェブページ用ファイル等を格納する。
【００８０】
また、画面レイアウト作製装置１００は、既知のパーソナルコンピュータまたはワークステーション等の情報処理装置として構成してもよく、また、任意の周辺装置が接続された当該情報処理装置として構成してもよい。また、画面レイアウト作製装置１００は、当該装置に本実施形態で説明した処理を実現させるソフトウェア（プログラムまたはデータ等を含む）を実装することにより実現してもよい。
【００８１】
更に、装置の分散・統合の具体的形態は図示するものに限られず、その全部または一部を、各種の付加等に応じてまたは機能負荷に応じて、任意の単位で機能的または物理的に分散・統合して構成することができる。すなわち、上述した実施形態を任意に組み合わせて実施してもよく、実施形態を選択的に実施してもよい。
【産業上の利用可能性】
【００８２】
本発明は、アプリケーション画面を利用・開発する様々な業界において有用である。
【符号の説明】
【００８３】
１００  画面レイアウト作製装置
１０２  制御部
１０２ａ  画面作製部
１０２ｂ  画面表示部
１０２ｃ  ドロップポイント配置部
１０２ｄ  オブジェクト配置部
１０４  通信インターフェース部
１０６  記憶部
１０６ａ  オブジェクトファイル
１０６ｂ  画面ファイル
１０８  入出力インターフェース部
１１２  入力装置
１１４  出力装置
２００  サーバ
３００  ネットワーク
【図１】
2020071743.tif 000003
【図２】
2020071743.tif 000004
【図３】
2020071743.tif 000005
【図４】
2020071743.tif 000006
【図５】
2020071743.tif 000007
【図６】
2020071743.tif 000008
【図７】
2020071743.tif 000009
【図８】
2020071743.tif 000010
【図９】
2020071743.tif 000011
【図１０】
2020071743.tif 000012
【図１１】
2020071743.tif 000013
【図１２】
2020071743.tif 000014
【図１３】
2020071743.tif 000015
【図１４】
2020071743.tif 000016