ホーム > 特許ランキング > キヤノン電子株式会社
特開2022-174954アプリケーション作成画面の表示制御方法、プログラムおよび情報処理装置
(19)【発行国】日本国特許庁(JP)
(12)【公報種別】公開特許公報(A)
(11)【公開番号】P2022174954
(43)【公開日】2022-11-25
(54)【発明の名称】アプリケーション作成画面の表示制御方法、プログラムおよび情報処理装置
(51)【国際特許分類】
G06F 3/04817 20220101AFI20221117BHJP
G06F 3/12 20060101ALI20221117BHJP
【ＦＩ】
G06F3/0481 170
G06F3/12 308
G06F3/12 352
G06F3/12 353
【審査請求】未請求
【請求項の数】8
【出願形態】ＯＬ
(21)【出願番号】P 2021081023
(22)【出願日】2021-05-12
(71)【出願人】
【識別番号】000104652
【氏名又は名称】キヤノン電子株式会社
(72)【発明者】
【氏名】島野 衛
【テーマコード（参考）】
5E555
【Ｆターム（参考）】
5E555AA02
5E555AA09
5E555AA79
5E555BA06
5E555BA27
5E555BB02
5E555BB04
5E555BB27
5E555BC04
5E555CA02
5E555CB07
5E555CB34
5E555CC11
5E555DB18
5E555DB56
5E555DC21
5E555DD09
5E555EA09
5E555EA11
5E555FA00
(57)【要約】 （修正有）
【課題】アプリケーションの画面遷移を含めた動作を視覚的に認識しながら、容易に印刷処理を含むアプリケーションの作成を行う。
【解決手段】アプリケーション作成画面の表示制御方法は、アプリケーション作成画面内の作成領域３００でユーザー操作に基づき、デバイスに表示される第１のアイコンを配置し、デバイスにおいて第１のアイコンから遷移する第２のアイコンを、ユーザー操作に基づき作成領域に配置し、第１のアイコンとともに表示される操作部を作成領域に配置する。操作部に対する特定のユーザー操作を、デバイスにおける第１のアイコンから第２のアイコンへ遷移するための条件として設定する。ユーザー操作に基づき、第１のアイコン又は第２のアイコンから遷移する、デバイスに接続される外部プリンタにおける印刷を実行する印刷処理アイコン４１００を配置し、印刷レイアウトを構成するアイテムを選択することで、印刷レイアウトを設定する。
【選択図】図４１
【解決手段】アプリケーション作成画面の表示制御方法は、アプリケーション作成画面内の作成領域３００でユーザー操作に基づき、デバイスに表示される第１のアイコンを配置し、デバイスにおいて第１のアイコンから遷移する第２のアイコンを、ユーザー操作に基づき作成領域に配置し、第１のアイコンとともに表示される操作部を作成領域に配置する。操作部に対する特定のユーザー操作を、デバイスにおける第１のアイコンから第２のアイコンへ遷移するための条件として設定する。ユーザー操作に基づき、第１のアイコン又は第２のアイコンから遷移する、デバイスに接続される外部プリンタにおける印刷を実行する印刷処理アイコン４１００を配置し、印刷レイアウトを構成するアイテムを選択することで、印刷レイアウトを設定する。
【選択図】図４１
【特許請求の範囲】
【請求項1】
所定のデバイスで動作するアプリケーションを作成することを補助するアプリケーショ
ン作成画面の表示制御方法であって、
前記アプリケーション作成画面内の作成領域においてユーザー操作に基づき前記デバイ
スに表示されることになる第１のアイコンを配置するステップと、
前記デバイスにおいて前記第１のアイコンから遷移する第２のアイコンをユーザー操作
に基づき前記作成領域に配置するステップと、
操作部であって、前記操作部に対する特定のユーザー操作が前記デバイスにおける前記
第１のアイコンから前記第２のアイコンへ遷移するための条件として設定される当該操作
部に対応する操作領域を、前記作成領域に前記第１のアイコンとともに配置するステップ
と、
前記操作領域から前記第２のアイコンに対するドラッグ操作に応じて、前記第１のアイ
コンと前記第２のアイコンとを結ぶ線を前記作成領域に配置するステップと、
ユーザー操作に基づき、前記第１のアイコンまたは前記第２のアイコンから遷移する、前記デバイスに接続される外部プリンタにおける印刷を実行する印刷処理アイコンを配置するステップと、
前記印刷の印刷レイアウトを構成するアイテムを選択することで、前記印刷レイアウトを設定するステップと
を有することを特徴とするアプリケーション作成画面の表示制御方法。
ン作成画面の表示制御方法であって、
前記アプリケーション作成画面内の作成領域においてユーザー操作に基づき前記デバイ
スに表示されることになる第１のアイコンを配置するステップと、
前記デバイスにおいて前記第１のアイコンから遷移する第２のアイコンをユーザー操作
に基づき前記作成領域に配置するステップと、
操作部であって、前記操作部に対する特定のユーザー操作が前記デバイスにおける前記
第１のアイコンから前記第２のアイコンへ遷移するための条件として設定される当該操作
部に対応する操作領域を、前記作成領域に前記第１のアイコンとともに配置するステップ
と、
前記操作領域から前記第２のアイコンに対するドラッグ操作に応じて、前記第１のアイ
コンと前記第２のアイコンとを結ぶ線を前記作成領域に配置するステップと、
ユーザー操作に基づき、前記第１のアイコンまたは前記第２のアイコンから遷移する、前記デバイスに接続される外部プリンタにおける印刷を実行する印刷処理アイコンを配置するステップと、
前記印刷の印刷レイアウトを構成するアイテムを選択することで、前記印刷レイアウトを設定するステップと
を有することを特徴とするアプリケーション作成画面の表示制御方法。
【請求項2】
前記アイテムは、ラベル、データリスト、バーコード、線、矩形、図の挿入のいずれか、または組み合わせを含むことを特徴とする請求項１に記載のアプリケーション作成画面の表示制御方法。
【請求項3】
さらに、
前記印刷レイアウトに基づいて、テスト印刷を前記外部プリンタに指示するステップと
を有し、
前記テスト印刷は、印刷内容にデータを印刷しない、または印刷内容に所定のデータを印刷することを特徴とする請求項１または２に記載のアプリケーション作成画面の表示制御方法。
前記印刷レイアウトに基づいて、テスト印刷を前記外部プリンタに指示するステップと
を有し、
前記テスト印刷は、印刷内容にデータを印刷しない、または印刷内容に所定のデータを印刷することを特徴とする請求項１または２に記載のアプリケーション作成画面の表示制御方法。
【請求項4】
さらに、
前記外部プリンタに接続しているか否かを判定するステップと
を有し、
前記判定するステップにて、接続していないと判定された場合、前記テスト印刷の指示ができないことを特徴とする請求項３に記載のアプリケーション作成画面の表示制御方法。
前記外部プリンタに接続しているか否かを判定するステップと
を有し、
前記判定するステップにて、接続していないと判定された場合、前記テスト印刷の指示ができないことを特徴とする請求項３に記載のアプリケーション作成画面の表示制御方法。
【請求項5】
前記テスト印刷は、前記印刷レイアウトを遷移させることで、テスト印刷を指示する印刷レイアウトを指定できることを特徴とする請求項３または４に記載のアプリケーション作成画面の表示制御方法。
【請求項6】
さらに、
前記印刷レイアウトの設定は、印刷する用紙の長さを指定するステップと
を有し、
前記用紙の長さは、固定の長さ、または印刷データに基づく長さであることを特徴とする請求項１ないし５のいずれか一項に記載のアプリケーション作成画面の表示制御方法。
前記印刷レイアウトの設定は、印刷する用紙の長さを指定するステップと
を有し、
前記用紙の長さは、固定の長さ、または印刷データに基づく長さであることを特徴とする請求項１ないし５のいずれか一項に記載のアプリケーション作成画面の表示制御方法。
【請求項7】
請求項１から６のいずれか一項に記載のアプリケーション作成画面の表示制御方法を
情報処理装置に実行させるプログラム。
情報処理装置に実行させるプログラム。
【請求項8】
所定のデバイスで動作するアプリケーションを作成することを補助するアプリケーショ
ン作成画面を表示する情報処理装置であって、
前記アプリケーション作成画面内の作成領域において、ユーザー操作に基づき、前記デ
バイスに表示されることになる第１のアイコンを配置する手段と、
前記デバイスにおいて前記第１のアイコンから遷移する第２のアイコンを、ユーザー操
作に基づき、前記作成領域に配置する手段と、
前記デバイスに設けられた操作部であって、前記操作部に対する特定のユーザー操作が
前記デバイスにおける前記第１のアイコンから前記第２のアイコンへ遷移するための条件
として設定される当該操作部に対応する操作領域を、前記作成領域に前記第１のアイコン
とともに配置する手段と、
前記操作領域から前記第２のアイコンに対するドラッグ操作に応じて、前記第１のアイ
コンと前記第２のアイコンとを結ぶ線を前記作成領域に配置する手段と、
ユーザー操作に基づき、前記第１のアイコンまたは前記第２のアイコンから遷移する、前記デバイスに接続される外部プリンタにおける印刷を実行する印刷処理アイコンを配置するステップと、
前記印刷の印刷レイアウトを構成するアイテムを選択することで、前記印刷レイアウトを設定するステップと
を有することを特徴とする情報処理装置。
ン作成画面を表示する情報処理装置であって、
前記アプリケーション作成画面内の作成領域において、ユーザー操作に基づき、前記デ
バイスに表示されることになる第１のアイコンを配置する手段と、
前記デバイスにおいて前記第１のアイコンから遷移する第２のアイコンを、ユーザー操
作に基づき、前記作成領域に配置する手段と、
前記デバイスに設けられた操作部であって、前記操作部に対する特定のユーザー操作が
前記デバイスにおける前記第１のアイコンから前記第２のアイコンへ遷移するための条件
として設定される当該操作部に対応する操作領域を、前記作成領域に前記第１のアイコン
とともに配置する手段と、
前記操作領域から前記第２のアイコンに対するドラッグ操作に応じて、前記第１のアイ
コンと前記第２のアイコンとを結ぶ線を前記作成領域に配置する手段と、
ユーザー操作に基づき、前記第１のアイコンまたは前記第２のアイコンから遷移する、前記デバイスに接続される外部プリンタにおける印刷を実行する印刷処理アイコンを配置するステップと、
前記印刷の印刷レイアウトを構成するアイテムを選択することで、前記印刷レイアウトを設定するステップと
を有することを特徴とする情報処理装置。
【発明の詳細な説明】
【技術分野】
【0001】
本発明は、デバイスで実行されるアプリケーションを作成するツールにおけるアプリケーション作成画面の表示制御方法、プログラムおよび情報処理装置に関する。
【背景技術】
【0002】
デバイス（例：バーコード読み取り用のハンディターミナル）で動作する所望のアプリケーションを作成しようとした場合、ユーザーは、予め決められたＸＭＬ（eXtensible Markup Language）やＨＴＭＬ（HyperText Markup Language）などの言語でアプリケーションを記述しなければならない。記述作業には言語について高度の習熟が必要である。そのため、ユーザー自身がアプリケーションの作成することは困難であった。ユーザーは、アプリケーションを他の業者に外注して作成してもらうことになるが、多数のデバイスを使用するユーザーであれば外注費が問題とならない。しかし、少数のデバイスを使用するユーザーにとっては外注費が問題となり、デバイスの購入意欲を削いでいた。一方で、特許文献１によれば、画像などの編集ツールとして、表示した画像に対して所望の処理を施すことができるツールが提供されている。
【先行技術文献】
【特許文献】
【0003】
【特許文献1】特開２０１７－６２７９７号公報
【発明の概要】
【発明が解決しようとする課題】
【0004】
ユーザーにとってデバイス用のアプリケーションを簡単に作成することができれば、外注費を削減でき、デバイスの購入意欲が増す。また、プログラミング言語に習熟したユーザーであっても、プログラムの開発作業が容易になることは好ましい。とりわけ、デバイスで動作するアプリケーションの画面遷移を含めた動作をユーザーが視覚的に認識しながら、容易に印刷処理を含むアプリケーションの作成を行えることができれば、ユーザーにとって便利である。そこで、本発明は、デバイスで動作するアプリケーションの画面遷移を含めた動作をユーザーが視覚的に認識しながら、容易に印刷処理を含むアプリケーションの作成を行えるようにすることを目的とする。
【課題を解決するための手段】
【0005】
上記の課題を鑑み、本発明に係るアプリケーション作成画面の表示制御方法は、
所定のデバイスで動作するアプリケーションを作成することを補助するアプリケーショ
ン作成画面の表示制御方法であって、
前記アプリケーション作成画面内の作成領域においてユーザー操作に基づき前記デバイ
スに表示されることになる第１のアイコンを配置するステップと、
前記デバイスにおいて前記第１のアイコンから遷移する第２のアイコンをユーザー操作
に基づき前記作成領域に配置するステップと、
操作部であって、前記操作部に対する特定のユーザー操作が前記デバイスにおける前記
第１のアイコンから前記第２のアイコンへ遷移するための条件として設定される当該操作
部に対応する操作領域を、前記作成領域に前記第１のアイコンとともに配置するステップ
と、
前記操作領域から前記第２のアイコンに対するドラッグ操作に応じて、前記第１のアイ
コンと前記第２のアイコンとを結ぶ線を前記作成領域に配置するステップと、
ユーザー操作に基づき、前記第１のアイコンまたは前記第２のアイコンから遷移する、前記デバイスに接続される外部プリンタにおける印刷を実行する印刷処理アイコンを配置するステップと、
前記印刷の印刷レイアウトを構成するアイテムを選択することで、前記印刷レイアウトを設定するステップと
を有することを特徴とする。
所定のデバイスで動作するアプリケーションを作成することを補助するアプリケーショ
ン作成画面の表示制御方法であって、
前記アプリケーション作成画面内の作成領域においてユーザー操作に基づき前記デバイ
スに表示されることになる第１のアイコンを配置するステップと、
前記デバイスにおいて前記第１のアイコンから遷移する第２のアイコンをユーザー操作
に基づき前記作成領域に配置するステップと、
操作部であって、前記操作部に対する特定のユーザー操作が前記デバイスにおける前記
第１のアイコンから前記第２のアイコンへ遷移するための条件として設定される当該操作
部に対応する操作領域を、前記作成領域に前記第１のアイコンとともに配置するステップ
と、
前記操作領域から前記第２のアイコンに対するドラッグ操作に応じて、前記第１のアイ
コンと前記第２のアイコンとを結ぶ線を前記作成領域に配置するステップと、
ユーザー操作に基づき、前記第１のアイコンまたは前記第２のアイコンから遷移する、前記デバイスに接続される外部プリンタにおける印刷を実行する印刷処理アイコンを配置するステップと、
前記印刷の印刷レイアウトを構成するアイテムを選択することで、前記印刷レイアウトを設定するステップと
を有することを特徴とする。
【発明の効果】
【0006】
本発明によれば、ユーザーは、アプリケーションの画面遷移を容易に把握しながら印刷処理を含むアプリケーションの作成を行うことができるようになる。
【図面の簡単な説明】
【0007】
【図1】実施形態にかかるシステムを示す図。
【図2】情報処理装置を説明する図。
【図3】アプリケーション作成画面を説明する図。
【図4】デバイスにおけるページの表示例を説明する図。
【図5】ページを説明する図。
【図6】ページ追加メニューを説明する図。
【図7】詳細設定を説明する図。
【図8】遷移表示線を説明する図。
【図9】レイアウトメニューを説明する図。
【図10】ラベルとテキストボックスの配置を説明する図。
【図11】チェックメニューを説明する図。
【図12】条件分岐を説明する図。
【図13】データメニューを説明する図。
【図14】ファイル操作を説明する図。
【図15】オプション選択部を説明する図。
【図16】通知設定を説明する図。
【図17】自己回帰型の遷移を説明する図。
【図18】データ転送の設定を説明する図。
【図19】遷移表示線の色と操作オブジェクトの色との関係を説明する図。
【図20】プロジェクトデータの作成処理を示すフローチャート。
【図21】ＸＭＬファイルへの変換処理を説明するフローチャート。
【図22】デバイスを説明する部。
【図23】デバイスの表面を説明する図。
【図24】デバイスの背面を説明する図。
【図25】遷移表示線の他の例を説明する図。
【図26】自己回帰型の遷移の他の例を説明する図。
【図27】データ転送の設定などの他の例を説明する図。
【図28】印刷を設定する処理を示すフローチャート。
【図29】印刷レイアウトを設定する処理を示すフローチャート。
【図30】印刷処理を設定する処理を示すフローチャート。
【図31】オプション選択部を説明する図。
【図32】プリンタ選択を説明する図。
【図33】印刷レイアウト設定を説明する図。
【図34】印刷レイアウト設定を説明する図。
【図35】印刷レイアウト設定を説明する図。
【図36】テスト印刷を説明する図。
【図37】印刷レイアウトの登録を説明する図。
【図38】ページ追加を説明する図。
【図39】印刷処理設定を説明する図。
【図40】印刷処理設定を説明する図。
【図41】印刷処理を説明する図。
【図42】印刷処理を説明する図。
【図43】プリンタの詳細設定を説明する図。
【図44】バーコード設定を説明する図。
【図45】アイテムを説明する図。
【発明を実施するための形態】
【0008】
以下、添付図面を参照して実施形態が詳しく説明される。尚、以下の実施形態は特許請求の範囲に係る発明を限定するものではなく、また実施形態で説明されている特徴の組み合わせの全てが発明に必須のものとは限らない。実施形態で説明されている複数の特徴のうち二つ以上の特徴が任意に組み合わされてもよい。また、同一または同様の構成には同一の参照番号が付され、重複した説明は省略される。
【0009】
＜第１の実施形態＞
以下、本発明の第１の実施形態について、図を用いて詳細に説明する。図１には、本実施形態におけるアプリケーション作成ツールがインストールされる情報処理装置５００と、作成されたアプリケーションをインストールして実行するデバイス４００（例：情報読取装置など）によって構成される情報処理システムの一例を示している。このように、情報処理装置５００は、情報処理装置５００上で動作するアプリケーション作成ツールによって作成されたアプリケーションをＸＭＬなどの形式で出力し、サーバＳ経由もしくは直接的にデバイス４００に送信する。デバイス４００はアプリケーションのＸＭＬファイルを実行することにより、アプリケーションを動作させる。
以下、本発明の第１の実施形態について、図を用いて詳細に説明する。図１には、本実施形態におけるアプリケーション作成ツールがインストールされる情報処理装置５００と、作成されたアプリケーションをインストールして実行するデバイス４００（例：情報読取装置など）によって構成される情報処理システムの一例を示している。このように、情報処理装置５００は、情報処理装置５００上で動作するアプリケーション作成ツールによって作成されたアプリケーションをＸＭＬなどの形式で出力し、サーバＳ経由もしくは直接的にデバイス４００に送信する。デバイス４００はアプリケーションのＸＭＬファイルを実行することにより、アプリケーションを動作させる。
【0010】
＜アプリケーション作成ツールを動作させる情報処理装置の説明＞
図２に示すように、情報処理装置５００がアプリケーション作成ツール５０６を実行することによってユーザーはアプリケーション作成ツール５０６の補助を受けながらアプリケーションの作成が可能となる。
図２に示すように、情報処理装置５００がアプリケーション作成ツール５０６を実行することによってユーザーはアプリケーション作成ツール５０６の補助を受けながらアプリケーションの作成が可能となる。
【0011】
ＣＰＵ（中央演算処理装置）５０１は、記憶装置５０５に記憶されたアプリケーション作成ツール５０６を実行する。記憶装置５０５は、ＲＡＭ、ＲＯＭ、ハードディスクドライブ（ＨＤＤ）やフラッシュメモリなどを含んでもよい。記憶装置５０５はアプリケーション作成ツール５０６、アプリケーションのプロジェクトデータ５０７、アプリケーションのＸＭＬファイル５０８を記憶する。プロジェクトデータ５０７は、アプリケーションの作成を管理するためのデータである。ＸＭＬファイル５０８は、アプリケーションそのものであり、デバイス４００に転送され、デバイス４００において実行される。
【0012】
入力装置５０２は、キーボードやマウス、タッチパネルなど、ユーザー操作を受け付ける装置である。表示装置５０３は、液晶表示装置などである。通信装置５０４は、有線ＬＡＮ（Ｌｏｃａｌ Ａｒｅａ Ｎｅｔｗｏｒｋ）通信、無線ＬＡＮ通信、近距離無線通信を実行して、サーバＳやデバイス４００と通信する通信回路を有している。
【0013】
＜アプリケーション作成画面＞
図３には、本実施形態におけるアプリケーション作成ツール５０６のアプリケーションの作成画面１の一例を示している。なお、上述したように、本実施形態におけるアプリケーション作成ツール５０６は、情報処理装置５００にインストールされて使用される。ただし、クラウドサーバにネットワーク接続された情報処理装置５００において、ＷＥＢブラウザなどを介してクラウドサーバ上で動作するアプリケーション作成ツールを表示、制御可能なように構成してもよい。いずれの場合においても、アプリケーション作成ツールのアプリケーション作成画面は、情報処理装置５００の表示装置５０３に表示される。
図３には、本実施形態におけるアプリケーション作成ツール５０６のアプリケーションの作成画面１の一例を示している。なお、上述したように、本実施形態におけるアプリケーション作成ツール５０６は、情報処理装置５００にインストールされて使用される。ただし、クラウドサーバにネットワーク接続された情報処理装置５００において、ＷＥＢブラウザなどを介してクラウドサーバ上で動作するアプリケーション作成ツールを表示、制御可能なように構成してもよい。いずれの場合においても、アプリケーション作成ツールのアプリケーション作成画面は、情報処理装置５００の表示装置５０３に表示される。
【0014】
図３は、ＣＰＵ５０１がアプリケーション作成ツール５０６にしたがって表示装置５０３に表示する、アプリケーションの作成途中の作成画面１を示している。ＣＰＵ５０１は、入力装置５０２から入力されるユーザー操作にしたがって様々な画面オブジェクトを作成画面１に配置していく。ＣＰＵ５０１は配置された画面オブジェクトの位置や、遷移条件などの制御情報をプロジェクトデータ５０７に格納する。ＣＰＵ５０１は、プロジェクトデータ５０７が完成し、ユーザーによるＸＭＬファイル５０８への変換指示が入力されると、プロジェクトデータ５０７をＸＭＬファイル５０８へ変換する。
【0015】
図３に示された作成画面１には、ユーザー操作に基づき、ページ１０、１１、１２、１３が配置されている。ページ１０、１１、１２、１３は、図４に示されるように、デバイス４００の表示装置に表示される表示画面である。ページ１０、１１、１２、１３は、アイコンやページアイコン、ページオブジェクトと呼ばれてもよい。
【0016】
図３において、遷移表示線２０は、デバイス４００の表示装置に表示されるページが、ページ１１からページ１２に遷移することを視覚的にユーザーに理解させるための線オブジェクトである。
【0017】
分岐アイコン３０は、ページ１０の遷移先がページ１２とページ１３とに分岐することが設定されると共に、それを視覚的にユーザーに理解させるためのオブジェクトである。デバイス４００においてページ１０が表示されているときに第一条件が満たされると、ページ１２へ遷移し、第二条件が満たされると、ページ１３へ遷移する。第一条件、第二条件は分岐アイコン３０に関連付けて設定が記憶される。
【0018】
分岐表示線３１ａは、分岐アイコン３０とページ１３とを結ぶ線オブジェクトである。ファイル操作アイコン４０は、ページ１１からページ１２へ遷移する際に、ファイル操作を実行することを指示すると共に、それをユーザーに理解させるためのアイコンである。
【0019】
作成画面１の画面下部には、点線で囲われた領域にコマンド選択部１００が表示されている。作成画面１の画面右部には、点線で囲われた領域にオプション選択部２００が表示されている。
【0020】
図５は、ページ１０の詳細を示している。ページ１０は、後述するラベルＬＢ、テキストボックスＴＢなどが配置される配置領域１９を有している。また、操作領域２１は、デバイス４００に設けられたＬキー、Ｆ１キー、Ｆ２キーおよびＲキーに対応して設けられた四つの操作オブジェクトを有している。デバイス４００にハードキーとして設けられたＬキー、Ｆ１キー、Ｆ２キーおよびＲキーの色と、四つの操作オブジェクトの色とはそれぞれ対応している。たとえば、Ｌキーと、Ｌキーに対応した操作オブジェクトは同一または類似の色であってもよい。操作領域２１における各オブジェクトの配置と、デバイス４００における各キーの配置とが、相似していてもよい。つまり、デバイス４００における複数のハードキーの形状と配置をそのまま摸した画像が、操作領域２１に表示されてもよい。
【0021】
なお、デバイスの機種ごとにハードキーの数、色、配置は異なることもある。ＣＰＵ５０１は、デバイスの機種を示す識別情報の指定をオプション選択部２００やそれ以外の部分から選択可能にされたメニューより受け付けることで、識別情報に対応するハードキーの数、色、配置を有した操作領域２１を表示してもよい。
【0022】
さて、図３において表示されている各パーツの意味についてさらに詳細に説明する。まず、ページ１０では、その上部に、アプリケーションが動作するデバイス上の表示画面で実際に表示される表示画面部である配置領域１９が表示され、その下部に、デバイス４００が有する操作部に対応する操作領域２１が表示されている。この操作領域２１に表示される操作部は、デバイス４００やその周辺機器に設けられたタクトキーなどのハードキーに対応するものであり、また、表示画面に表示されるソフトキーであってもよい。
【0023】
ページ１１においては、その最上部にページ番号ＰＧ、その下部にページタイトルＰＴ、その下部にテキスト入力部ＴＢとそれに対応するラベルＬＢが表示されていることを示している。ＣＰＵ５０１は、ユーザーによりページが作成画面１に配置された時点でページ番号を自動付与する。つまり、ページ番号は通し番号であってもよい。ページタイトルＰＴとラベルＬＢ、テキスト入力部ＴＢはコマンド選択部１００内に用意されたコマンドを利用して、後述する方法でページ１１に対して割り当てられる。
【0024】
作成画面１においては、ページ１１からページ１２に向かって遷移表示線２０が延びている。この遷移表示線２０は、ページ１１内に配置されたＲボタン１１ａからページ１２の中心まで延びるように、ページ１１の端部を始点、ページ１２の端部を終点として描画されており、ページ１１に設けられたＲボタン１１ａからページ１２に遷移することが視覚的に理解可能なように、矢印などの図形が付与されている。このＲボタン１１ａを含む操作領域２１はデバイス４００に設けられた有色のハードキーに対応する表示をデバイス４００の表示画面に表示する表示画面部と共にその下部に表示したものである。遷移表示線２０は、そのＲボタン１１ａの色と同じ色の線で描画されていてもよい。これによって、ユーザーは、デバイス４００のどのボタンを押すとどの画面に遷移するかを直観的に把握することができる。
【0025】
なお、本実施形態においては、ページ１１にはＲボタン１１ａ以外にも、Ｆ２ボタン１１ｂ、Ｆ１ボタン１１ｃ、Ｌボタン１１ｄが設けられている。これらのボタンは、デバイス４００に設けられたハードキーに対応しており、ハードキーと同じ色で表示された有色のボタンとして色つきで表示されている。
【0026】
本実施形態においては、Ｒボタン１１ａは黄色、Ｆ２ボタン１１ｂは緑色、Ｆ１ボタン１１ｃは青色、Ｌボタン１１ｄは赤色に設定されている。これは、アプリケーションが動作するデバイスとして予めアプリケーション作成ツール上で設定されたデバイス４００が有するハードキーを参照して表示されている。すなわち、ＣＰＵ５０１は、アプリケーション作成ツール５０６のオプション設定機能においてデバイス４００の種類や機種名の入力を受け付け、入力されたデバイス４００の種類や機種名に対応する操作オブジェクトを操作領域２１に配置する。したがって、操作オブジェクトの数や色は、デバイス４００の種類や機種名に依存して異なってもよい。アプリケーション作成ツール５０６は、デバイス４００の種類や機種名と対応付けて、操作オブジェクトの数や色の情報を有している。なお、デバイス４００の種類や機種名と対応付けた操作オブジェクトに関する情報は、外部装置から取得しても良い。
【0027】
ＣＰＵ５０１は、対応付けられるハードキーの色と同じ色で遷移表示線２０を表示する。図３の例であれば、黄色のＲボタン１１ａからページ１２に向かって延びる遷移表示線２０は黄色に表示される。
【0028】
その遷移表示線２０の途中には、分岐アイコン３０が表示されており、設定された分岐条件に従って、遷移先が異なることを示している。図３では、ページ１１のテキスト入力部ＴＢに対し、ユーザーによってテキストが入力されていればページ１２に遷移し、テキストが入力されていなければページ１３に遷移するように設定されており、分岐アイコン３０によって、何かしらの分岐条件が設定されていることを示している。なお、ユーザーが分岐アイコン３０を選択すると、ＣＰＵ５０１は、条件分岐の内容をポップアップ表示し、内容の変更を受け付けてもよい。これにより、ユーザーは、分岐条件を確認および変更できる。
【0029】
また、遷移表示線２０における分岐アイコン３０の先には、ファイル操作アイコン４０が表示されている。このファイル操作アイコン４０は、この時点で所定のファイルを操作するように設定されていることを示している。たとえば、所定のファイルパスと書き込むデータの設定などを指定することで、指定されたファイルに対して所定のデータを書き込んだりすることを指定できる。書き込むデータとしては、たとえばデバイス４００のバーコードリーダーで読み取った結果などを設定可能である。
【0030】
ファイル操作アイコン４０によりデータ転送を実行することが設定されてもよい。たとえば、Ｆ１キーが押されると、デバイス４００が、画像またはコードをスキャンしてそのまま所定のパスにスキャン結果を転送し、同じ画面に戻ったり、別の画面に遷移したりすることが設定されてもよい。
【0031】
また、作成画面１の下部にはコマンド選択部１００が表示されている。図３に示すものはその一例である。丸で囲まれたアイコンにカーソル（マウスポインタ）を合わせたり（例：マウスオーバーなど）、指定したりすると、ＣＰＵ５０１は、それぞれのアイコンに含まれるメニューを表示する。ユーザーがそれをさらに選択することによってコマンドが選択される。また、作成画面１の右部にはオプション選択部２００が表示されている。図３に示すものは一例であり、デバイス本体に内蔵されたＬＥＤの制御指示やバーコードリーダーの動作設定、デバイスの本体設定機能が割り当てられており、それらを選択することによってオプション動作を指定することができる。具体的には、以降の説明の中で説明する。
【0032】
＜新規ページ配置＞
図３のコマンド選択部１００における左端の「ｐａｇｅ」にカーソルを合わせると、図６に示すように、ＣＰＵ５０１は、「ｐａｇｅ」アイコン１１０に含まれるメニュー１１１を「ｐａｇｅ」アイコン１１０を取り囲むように表示してもよい。ここでは、メニュー１１１は、「Ｌ」で示される「レイアウトページ機能」のみを有している。なお、図６においては、メニュー１１１において、「レイアウトページ機能」を示すレイアウトページアイコンにカーソルを合わせて選択した状態である。この時、ＣＰＵ５０１は、「ｐａｇｅ」アイコン１１０に表示する文字である「ｐａｇｅ」を、選択されたコマンドの説明文、つまり「レイアウトページ」に切り替えてもよい。
図３のコマンド選択部１００における左端の「ｐａｇｅ」にカーソルを合わせると、図６に示すように、ＣＰＵ５０１は、「ｐａｇｅ」アイコン１１０に含まれるメニュー１１１を「ｐａｇｅ」アイコン１１０を取り囲むように表示してもよい。ここでは、メニュー１１１は、「Ｌ」で示される「レイアウトページ機能」のみを有している。なお、図６においては、メニュー１１１において、「レイアウトページ機能」を示すレイアウトページアイコンにカーソルを合わせて選択した状態である。この時、ＣＰＵ５０１は、「ｐａｇｅ」アイコン１１０に表示する文字である「ｐａｇｅ」を、選択されたコマンドの説明文、つまり「レイアウトページ」に切り替えてもよい。
【0033】
この「レイアウトページ機能」を示すレイアウトページアイコン「Ｌ」を選択して、上部の作成領域３００にドラッグし、ドロップしたことを検知すると、ＣＰＵ５０１は、新規ページとしてページ１０を配置して表示する。なお、新規ページが配置される位置は、ドロップした場所であってもよいし、図６が示すように、自動的に画面左上などを基準にして整列されるようにしてもよい。なお、図３はこの操作を作成領域３００に対して複数回行った状態を示しており、ページ１０に加えて、ページ１１、ページ１２、ページ１３が配置されている。
【0034】
＜ページ同士のつなぎ方＞
次に、ページ同士のつなぎ方について説明する。図７には、作成領域３００に配置されたページ１１のＲボタン１１ａを選択した状態を示している。Ｒボタン１１ａがユーザーにより選択されると、ＣＰＵ５０１は、動作パラメータ１１ｅを表示する。動作パラメータ１１ｅは、デバイス４００でページ１１を表示している状態においてＲボタン１１ａが押下された際に、デバイス４００が実行すべき内容を定義している。
次に、ページ同士のつなぎ方について説明する。図７には、作成領域３００に配置されたページ１１のＲボタン１１ａを選択した状態を示している。Ｒボタン１１ａがユーザーにより選択されると、ＣＰＵ５０１は、動作パラメータ１１ｅを表示する。動作パラメータ１１ｅは、デバイス４００でページ１１を表示している状態においてＲボタン１１ａが押下された際に、デバイス４００が実行すべき内容を定義している。
【0035】
図８は、この状態でＲボタン１１ａからページ１２に向けてドラッグアンドドロップした状態を示している。図８において、ＣＰＵ５０１は、Ｒボタン１１ａの中心座標からページ１２の中心座標に向けて遷移表示線２０を表示する。このように、ページ１１の下部に表示された操作領域２１におけるいずれかの操作オブジェクト（ボタン）等から、任意のページに対するドラッグアンドドロップを検知すると、ＣＰＵ５０１は、そのボタンに対応するハードキー等を押下（指示）された場合に遷移すべきページが指定されたものと認識し、この遷移条件をプロジェクトデータに格納する。つまり、ユーザーは、ドラッグアンドドロップによりページの遷移を指定することができる。なお、遷移表示線２０の始点と終点は上述の通りＲボタン１１ａの中心座標とページ１２の中心座標である。ただし、遷移表示線２０のうち、実際に描画されているのはページ１１の端部（縁）からページ１２の端部の部分のみであってもよい。あるいは、Ｒボタン１１ａの中心座標とページ１２の中心座標まで遷移表示線２０が描画された上に、Ｒボタン１１ａとページ１２が重畳されて表示されてもよい。いずれも見た目は同じである。
【0036】
遷移表示線２０には、Ｒボタン１１ａからページ１２に向く複数の矢印が所定間隔で表示されてもよい。これは、画面遷移の方向が分かりやすくなる効果をもたらす。特に、図３で示すように分岐アイコン３０やファイル操作アイコン４０が遷移表示線２０上に表示される場合、遷移方向の視認性が向上する。また、本実施形態においては、遷移表示線２０を配置する例として、上述した動作パラメータ１１ｅが表示された状態でＲボタン１１ａからページ１２に向けてドラッグアンドドロップすると説明したが、動作パラメータ１１ｅが非表示の状態で同操作をした場合でも遷移表示線２０を配置可能にして良い。
【0037】
＜各ページの表示レイアウト選択方法＞
次に、各ページの表示レイアウトを選択する方法について説明する。図９に示すように、コマンド選択部１００に含まれる「ｌａｙｏｕｔ」アイコン１２０にカーソルを合わせると、ＣＰＵ５０１は、「ｌａｙｏｕｔ」アイコン１２０に含まれる「Ｌ：ラベル」１２１、「Ｔ：テキストボックス」１２２、「Ｃ：キャプション」１２３を含むメニューを表示する。この中から所望の機能を選択して、設定したいページにドロップすることによって表示レイアウトを選択することができる。なお、Ｌは、ラベルＬＢを配置するためのコマンドである。ＴはテキストボックスＴＢを配置するためのコマンドである。ＣはページタイトルＰＴを配置するためのコマンドである。ラベルＬＢとページタイトルＰＴとには任意のテキストを設定可能である。
次に、各ページの表示レイアウトを選択する方法について説明する。図９に示すように、コマンド選択部１００に含まれる「ｌａｙｏｕｔ」アイコン１２０にカーソルを合わせると、ＣＰＵ５０１は、「ｌａｙｏｕｔ」アイコン１２０に含まれる「Ｌ：ラベル」１２１、「Ｔ：テキストボックス」１２２、「Ｃ：キャプション」１２３を含むメニューを表示する。この中から所望の機能を選択して、設定したいページにドロップすることによって表示レイアウトを選択することができる。なお、Ｌは、ラベルＬＢを配置するためのコマンドである。ＴはテキストボックスＴＢを配置するためのコマンドである。ＣはページタイトルＰＴを配置するためのコマンドである。ラベルＬＢとページタイトルＰＴとには任意のテキストを設定可能である。
【0038】
図１０には、図９に示す「Ｌ：ラベル」を示すラベルアイコン１２１と「Ｔ：テキストボックス」を示すテキストボックスアイコン１２２をページ１１にドロップした状態を示している。ＣＰＵ５０１はこのユーザー操作に応じてラベルＬＢとテキストボックスＴＢをページ１１に追加して表示している。これによって、たとえば、ページ１１のＲボタン１１ａを押下した際に、テキストボックス内の入力状態に対応して分岐条件を設定し、その結果に応じた画面遷移を設定することなどが可能となる。なお、ＣＰＵ５０１は、ページ１１におけるラベルＬＢの位置とテキスト内容（文字列）、および、テキストボックスＴＢの位置についてプロジェクトデータ５０７に格納する。
【0039】
＜チェック（分岐）機能の設定の仕方＞
次に、チェック（分岐）機能の設定の仕方について説明する。図１１が示すように、コマンド選択部１００に含まれる「ｃｈｅｃｋ」１３０にカーソルを合わせると、ＣＰＵ５０１は、「ｃｈｅｃｋ」メニューを表示する。「ｃｈｅｃｋ」メニューは、「Ｉ：入力有無チェック」１３１、「Ｄ：データ検索」１３２、「Ｔ：テキストサイズチェック」１３３を含む。「Ｉ：入力有無チェック」１３１は、テキストボックスＴＢにテキストが入力されているか否かを判定するコマンドである。「Ｄ：データ検索」１３２は、テキストボックスＴＢに入力されたテキストを別のテキストボックスＴＢに対して検索して存在するかチェックするコマンドである。あるいは、「Ｄ：データ検索」１３２は、指定されたファイルに所定のデータが存在するかどうかをチェックしてもよい。「Ｔ：テキストサイズチェック」１３３は、テキストボックスＴＢに入力されたテキストのサイズ（文字数）が規定サイズ以内かどうかをチェックするコマンドである。この中から所望の機能を選択して、設定したい箇所（テキストボックスＴＢ）にドロップすることによってチェック機能を設定することができる。たとえば、ＣＰＵ５０１は、選択されたチェック機能をテキストＴＢに関連付けてプロジェクトデータ５０７に格納する。チェック機能のドロップ位置は、チェック機能のトリガーとなる操作オブジェクトであってもよい。
次に、チェック（分岐）機能の設定の仕方について説明する。図１１が示すように、コマンド選択部１００に含まれる「ｃｈｅｃｋ」１３０にカーソルを合わせると、ＣＰＵ５０１は、「ｃｈｅｃｋ」メニューを表示する。「ｃｈｅｃｋ」メニューは、「Ｉ：入力有無チェック」１３１、「Ｄ：データ検索」１３２、「Ｔ：テキストサイズチェック」１３３を含む。「Ｉ：入力有無チェック」１３１は、テキストボックスＴＢにテキストが入力されているか否かを判定するコマンドである。「Ｄ：データ検索」１３２は、テキストボックスＴＢに入力されたテキストを別のテキストボックスＴＢに対して検索して存在するかチェックするコマンドである。あるいは、「Ｄ：データ検索」１３２は、指定されたファイルに所定のデータが存在するかどうかをチェックしてもよい。「Ｔ：テキストサイズチェック」１３３は、テキストボックスＴＢに入力されたテキストのサイズ（文字数）が規定サイズ以内かどうかをチェックするコマンドである。この中から所望の機能を選択して、設定したい箇所（テキストボックスＴＢ）にドロップすることによってチェック機能を設定することができる。たとえば、ＣＰＵ５０１は、選択されたチェック機能をテキストＴＢに関連付けてプロジェクトデータ５０７に格納する。チェック機能のドロップ位置は、チェック機能のトリガーとなる操作オブジェクトであってもよい。
【0040】
一例として、条件分岐を設定する例について説明すると、図１１において、「Ｄ：データ検索」を示すデータ検索アイコン１３２が選択されてページ１１のＲボタン１１ａに対してドロップされたと仮定する。ＣＰＵ５０１は、このユーザー操作を検知すると、図１２が示すように、Ｒボタン１１ａから延びる遷移表示線２０上に分岐アイコン３０を配置する。
【0041】
この分岐アイコン３０がクリックされて選択されると、ＣＰＵ５０１は、条件分岐するための条件設定についてのユーザー入力を受け付ける。この場合、「Ｄ：データ検索」が指定されているため、所定のファイル内に所定のデータが存在することが条件として設定されている。つまり、デバイス４００においてＲボタン１１ａが押下された際に分岐アイコン３０に設定された条件を満たす場合に、デバイス４００はページ１２に遷移することが設定されている。条件を満たさない場合には、ページ１１から遷移しない状態となっている。
【0042】
図３が示すように、分岐アイコン３０の条件を満たさない場合の遷移先をページ１１以外に設定することもできる。図１２の状態で新規ページ１３を追加し、分岐アイコン３０からページ１３に向けてドラッグアンドドロップすることによって、図３に示す分岐表示線３１ａが表示される。このように設定すると、分岐アイコン３０における条件を満たさない場合には、ページ１３に遷移することを設定できる。ＣＰＵ５０１は、分岐アイコン３０における条件を満たさない場合には、ページ１３に遷移することをプロジェクトデータ５０７に格納する。
【0043】
なお、チェック機能を設定する際に所望の機能を示すアイコンをドロップする場所は、上述したＲボタン１１ａなどに限らず、遷移表示線２０に対してドロップすることで登録できるようにしてもよい。分岐表示線３１ａなどに対しても登録できるようにすることができ、分岐アイコン３０で条件を満たさない場合などに、別の条件判断をさせてその結果で遷移する画面が変わるように設定することも容易に行える。
【0044】
＜ファイル操作の設定の仕方＞
次に、ファイル操作の設定の仕方について説明する。コマンド選択部１００に含まれる「ｄａｔａ」１４０にカーソルが合わせられると、図１３が示すように、ＣＰＵ５０１は、「ｄａｔａ」メニューに含まれる「Ｓ：データ保存」コマンドに対応したデータ保存アイコン１４１を表示する。この「Ｓ：データ保存」を設定したい箇所にデータ保存アイコン１４１をドロップすることによって、ドロップされた位置でデータ保存を実行することをデバイス４００に設定することができる。この「データ保存」メニューはファイル操作の一例であり、それ以外のファイル操作を設定可能に構成されてもよい。
次に、ファイル操作の設定の仕方について説明する。コマンド選択部１００に含まれる「ｄａｔａ」１４０にカーソルが合わせられると、図１３が示すように、ＣＰＵ５０１は、「ｄａｔａ」メニューに含まれる「Ｓ：データ保存」コマンドに対応したデータ保存アイコン１４１を表示する。この「Ｓ：データ保存」を設定したい箇所にデータ保存アイコン１４１をドロップすることによって、ドロップされた位置でデータ保存を実行することをデバイス４００に設定することができる。この「データ保存」メニューはファイル操作の一例であり、それ以外のファイル操作を設定可能に構成されてもよい。
【0045】
図１３において、Ｒボタン１１ａに対してデータ保存アイコン１４１がドロップされたことを検知すると、図１４が示すように、ＣＰＵ５０１は、Ｒボタン１１ａから延びる遷移表示線２０に対してファイル操作アイコン４０を配置する。
【0046】
このファイル操作アイコン４０がクリックされ選択されると、ＣＰＵ５０１は、ファイル操作の内容設定についてのユーザー入力を受け付ける。この場合、「Ｓ：データ保存」が指定されているため、所定のファイルパスに所定のデータを保存することが設定されてもよい。所定のファイルパスは、たとえば、デバイス４００の記憶装置におけるファイルパスであってもよいし、ネットワークドライブのファイルパスであってもよいし、ファイルの送信アドレスであってもよい。
【0047】
なお、ファイル操作機能を設定する際に所望の機能を示すアイコンをドロップする場所は、上述したＲボタン１１ａなどに限らず、遷移表示線２０上であってもよい。
【0048】
＜オプション機能の設定の仕方＞
次に、オプション機能の設定の仕方について説明する。上述したように、作成画面１の画面右部には、オプション選択部２００が表示されている。この中には、「本体設定」、「外部プリンタ印字」、「ＬＥＤ制御」、「バーコード読み取り設定」などのメニューが含まれている。「本体設定」とはデバイス４００の動作設定を意味する。「外部プリンタ印字」とは、デバイス４００に接続された外部プリンタにおける印刷設定（例：印刷レイアウトの設定など）を意味する。「ＬＥＤ制御」はデバイス４００に設けられた発光ダイオードの点灯制御の設定を意味する。「バーコード読み取り設定」は、デバイス４００に設けられたバーコードリーダーの読み取り設定（例：１次元、２次元など）を意味する。
次に、オプション機能の設定の仕方について説明する。上述したように、作成画面１の画面右部には、オプション選択部２００が表示されている。この中には、「本体設定」、「外部プリンタ印字」、「ＬＥＤ制御」、「バーコード読み取り設定」などのメニューが含まれている。「本体設定」とはデバイス４００の動作設定を意味する。「外部プリンタ印字」とは、デバイス４００に接続された外部プリンタにおける印刷設定（例：印刷レイアウトの設定など）を意味する。「ＬＥＤ制御」はデバイス４００に設けられた発光ダイオードの点灯制御の設定を意味する。「バーコード読み取り設定」は、デバイス４００に設けられたバーコードリーダーの読み取り設定（例：１次元、２次元など）を意味する。
【0049】
その中の一例として、「ＬＥＤ制御」機能について説明する。図１５が示すように、オプション選択部２００から「ＬＥＤ制御」機能を示すＬＥＤ制御メニュー２１０がマウスオーバー等により選択されると、ＣＰＵ５０１は、さらに追加アイコン２１１を表示する。追加アイコン２１１がクリックされると、ＣＰＵ５０１は、ＬＥＤアイコン２１２を追加して表示する。
【0050】
図１５の例においては、Ｒボタン１１ａに対してＬＥＤアイコン２１２がドロップされたことを検知すると、ＣＰＵ５０１は、図１６が示すように、Ｒボタン１１ａから延びる遷移表示線２０に対して通知アイコン５１を配置する。この通知アイコン５１には、デバイス４００に設けられたＬＥＤを点灯させて、ユーザーに各種の通知を行う動作が設定されている。
【0051】
ＬＥＤアイコン２１２がドロップされた直後にはデフォルト設定が採用されているが、通知アイコン５１がクリックされて選択されると、ＣＰＵ５０１は、デフォルト設定の変更を受け付ける。これにより、デバイス４００に設けられたＬＥＤを点灯させる点灯条件の変更が可能になっている。ＬＥＤアイコン２１２をクリックすることで、どのようにＬＥＤを動作させるかの詳細な設定を行うためのポップアップが表示されてもよい。
【0052】
なお、ＬＥＤアイコン２１２をＲボタン１１ａにドロップすることで、遷移表示線２０における先頭側（Ｒボタン１１ａ側）に通知アイコン５１が配置されているが、これは一例に過ぎない。通知アイコン５１を遷移表示線２０の別の場所、たとえばファイル操作アイコン４０の後ろ側にドロップし直すことで、ＬＥＤが動作するタイミングを変更することができる。また、通知設定機能を設定する際に所望の機能を示すアイコンがドロップされる場所は、上述したＲボタン１１ａなどに限らず、遷移表示線２０であってもよい。これにより、所望のタイミングで通知が実行されるようになる。
【0053】
以上のように、Ｒボタン１１ａに対して各アイコンをドロップすることでいろいろな動作を設定できることについて説明したが、追加で、他のボタンに対する動作を設定することができる。その際に、上述したように画面遷移を示す遷移表示線を各ボタンと同色の線で示すことにより、プログラムに基づく動作を視覚的に容易にユーザーに認識させることができる。なお、「線」と表現しているが、必ずしも遷移表示線は線でなくともよく、円などの他の形状を連続させたような図形の集合でもよく、ページ１１からページ１２に遷移することが視認可能なように表示するものがすべて含まれる。
【0054】
図１７が示すように、Ｒボタン１１ａを自分自身に対してドラッグアンドドロップすることで、遷移表示線２７が配置されてもよい。この例では、デバイス４００に設けられた、Ｒボタン１１ａに対応するハードキーが押されても、ページ（画面）の遷移が発生しないことを意味している。この遷移表示線２７に対し、上述したファイル操作アイコン４０やオプション設定に関するアイコンをドロップして所望の機能を追加すれば、デバイス４００に対し、画面の遷移はせずに所望の機能のみを実行させることを設定できる。
【0055】
図１８が示すように、Ｌボタン１０ｄをデータ転送アイコン５２にドラッグアンドドロップすることで、ＣＰＵ５０１は、Ｌボタン１１ｄからデータ転送アイコン５２に向けて遷移表示線２２を配置してもよい。なお、このデータ転送アイコン５２は事前にオプション選択部２００から選択されて作成画面１に追加されている。この遷移表示線２２およびデータ転送アイコン５２は、デバイス４００に設けられた、Ｌボタン１１ｄに対応するハードキーが押下されると、デバイス４００がデータ転送を実行することを意味する。なお、図１８では、データ転送が成功すると成功通知（例：ＬＥＤの点灯など）を実行するための通知アイコン５１も配置されている。このケースでは、データ転送が成功すると、ページ１０に遷移することが遷移表示線２３によって示されている。
【0056】
図１９が示すように、Ｌボタン１０ｄをデータ転送アイコン５２にドラッグアンドドロップすることで、Ｌボタン１０ｄからデータ転送アイコン５２に向かって遷移表示線２２が配置される。Ｌボタン１０ｄの色と遷移表示線２２の色はともに同一色（例：赤）であることが好ましい。Ｆ１ボタン１０ｃをページ１３にドラッグアンドドロップすることで、Ｆ１ボタン１０ｃからページ１３に向かって遷移表示線２４が配置される。Ｆ１ボタン１０ｃの色と遷移表示線２４の色はともに同一色（例：青）であることが好ましい。Ｆ２ボタン１０ｂをページ１２にドラッグアンドドロップすることで、Ｆ２ボタン１０ｂからページ１２に向かって遷移表示線２５が配置される。Ｆ２ボタン１０ｂの色と遷移表示線２５の色はともに同一色（例：緑）であることが好ましい。Ｒボタン１０ａをページ１１にドラッグアンドドロップすることで、Ｒボタン１０ａからページ１１に向かって遷移表示線２６が配置される。Ｒボタン１０ａの色と遷移表示線２６の色はともに同一色（例：黄）であることが好ましい。これらの色はデバイス４００に設けられたハードキーの色と同一または類似していてもよい。
【0057】
なお、本実施形態においては、Ｌボタン１０ｄにはデータ転送を意味する「送信」の文字が表示されており、Ｌボタン１０ｄの上に「Ｌ」という文字が表示されている。Ｆ１ボタン１０ｃには棚卸を意味する「棚卸」の文字が表示されており、Ｆ１ボタン１０ｃの上に「Ｆ１」という文字が表示されている。Ｆ２ボタン１０ｂには返却を意味する「返却」の文字が表示されており、Ｆ２ボタン１０ｂの上に「Ｆ２」という文字が表示されている。Ｒボタン１０ａには貸出を意味する「貸出」の文字が表示されており、Ｒボタン１０ａの上に「Ｒ」という文字が表示されている。また、ラベルＬＢによって、各ボタンの意味がより大きな文字によって表示されてもよい。なお、これらの文字は、各ボタンを選択することで表示されるダイアログにおいて編集可能になっている。このような本実施形態における表示は一例であり、これらに限られない。
【0058】
＜アプリケーション作成ツールのフローチャート＞
●プロジェクトデータの作成
図２０はＣＰＵ５０１がアプリケーション作成ツール５０６にしたがって実行するプロジェクトデータの作成処理を示している。各処理の順番は矛盾がない限り、かつ、技術的な矛盾が生じない限り、自由に入れ替え可能である。アプリケーション作成ツール５０６が起動すると、コマンド選択部１００やオプション選択部２００、作成領域３００を含む作成画面１を表示装置５０３に表示する。
●プロジェクトデータの作成
図２０はＣＰＵ５０１がアプリケーション作成ツール５０６にしたがって実行するプロジェクトデータの作成処理を示している。各処理の順番は矛盾がない限り、かつ、技術的な矛盾が生じない限り、自由に入れ替え可能である。アプリケーション作成ツール５０６が起動すると、コマンド選択部１００やオプション選択部２００、作成領域３００を含む作成画面１を表示装置５０３に表示する。
【0059】
Ｓ１でＣＰＵ５０１は入力装置５０２から入力されるユーザー指示がページの追加指示であるかどうかを判定する。「ｐａｇｅ」アイコン１１０がクリックまたはマウスオーバーされ、メニュー１１１における「レイアウトページ機能」が選択されると、ＣＰＵ５０１はページの追加指示が入力されたと判定し、Ｓ２に進む。「レイアウトページ機能」が選択されていなければ、ＣＰＵ５０１はＳ３に進む。
【0060】
Ｓ２でＣＰＵ５０１は入力装置５０２から入力されるユーザー指示にしたがってページを追加する。ここでは、複数のページが追加されてもよい。ＣＰＵ５０１は入力装置５０２から入力されるユーザー指示にしたがって、作成領域３００におけるページの位置を移動させてもよい。
【0061】
Ｓ３でＣＰＵ５０１は入力装置５０２から入力されるユーザー指示が操作ボタン（操作オブジェクト）のドラッグアンドドロップであるかどうかを判定する。たとえば、あるページの操作領域２１におけるいずれかの操作オブジェクト（ボタン）等が他のページなどにドラッグアンドドロップされると、ＣＰＵ５０１は、Ｓ４に進む。図１７に示されたように、同一のページ内でのドラックアンドドロップも可能である。操作ボタン（操作オブジェクト）のドラッグアンドドロップでなければ、ＣＰＵ５０１は、Ｓ５に進む。
【0062】
Ｓ４でＣＰＵ５０１は入力装置５０２から入力されるユーザー指示にしたがってあるページの操作オブジェクトから他のページまで延在する遷移表示線２０を配置する。
【0063】
Ｓ５でＣＰＵ５０１は入力装置５０２から入力されるユーザー指示がコマンド選択部１００におけるいずれかのコマンドのドラッグアンドドロップであるかどうかを判定する。コマンドは、たとえば、「ｌａｙｏｕｔ」アイコン１２０におけるコマンドである「Ｌ：ラベル」１２１や「Ｔ：テキストボックス」１２２、「Ｃ：キャプション」１２３であってもよい。あるいは、「ｃｈｅｃｋ」１３０におけるコマンドである「Ｉ：入力有無チェック」１３１、「Ｄ：データ検索」１３２、「Ｔ：テキストサイズチェック」１３３であってもよい。「ｄａｔａ」１４０におけるコマンドであるデータ保存アイコン１４１であってもよい。あるいは、オプション選択部２００におけるいずれかのコマンドであってもよい。ユーザー指示がコマンド選択部１００におけるいずれかのコマンドのドラッグアンドドロップであれば、ＣＰＵ５０１はＳ６に進む。オプション選択部２００におけるいずれかのコマンドの場合も同様である。コマンドのドラッグアンドドロップでなければ、ＣＰＵ５０１はＳ７に進む。
【0064】
Ｓ６でＣＰＵ５０１はユーザーにより選択されたコマンドのアイコンを、コマンドがドロップされた位置に配置する。たとえば、分岐アイコン３０やファイル操作アイコン４０、通知アイコン５１などが遷移表示線２０上に配置されてもよい。
【0065】
Ｓ７でＣＰＵ５０１は入力装置５０２から入力されるユーザー指示が詳細設定の指示であるかどうかを判定する。詳細設定とは、ラベルに対する文字の設定や、分岐条件の設定、通知設定の詳細な条件などである。詳細設定の指示であれば、ＣＰＵ５０１はＳ８に進む。詳細設定の指示でなければ、ＣＰＵ５０１はＳ９に進む。
【0066】
Ｓ８でＣＰＵ５０１は入力装置５０２から入力されるユーザー指示にしたがって詳細設定を受け付ける。
【0067】
Ｓ９でＣＰＵ５０１は入力装置５０２から入力されるユーザー指示がプロジェクトデータ５０７の保存であるかどうかを判定する。プロジェクトデータ５０７の保存でなければ、ＣＰＵ５０１は、Ｓ１に戻る。プロジェクトデータ５０７の保存であれば、ＣＰＵ５０１は、作成領域３００に配置された各ページの設定内容と、各操作ボタンの遷移内容とを含むプロジェクトデータ５０７を作成し、記憶装置５０５に保存する。なお、プロジェクトデータ５０７の保存は任意のタイミングで実行されてもよい。ページの設定内容は、ページ内でのラベルの位置、ラベルの文字、ラベルの色、テキストボックスの位置とサイズ、条件分岐の条件、各操作オブジェクトに対する遷移先のページなどを含む。いずれにしても、各ページをＸＭＬ形式で記述するために必要な情報のすべてがプロジェクトデータ５０７に格納される。
【0068】
●ＸＭＬファイルへの変換
図２１はＣＰＵ５０１がアプリケーション作成ツール５０６にしたがって実行するプロジェクトデータ５０７からＸＭＬファイル５０８への変換処理を示している。
図２１はＣＰＵ５０１がアプリケーション作成ツール５０６にしたがって実行するプロジェクトデータ５０７からＸＭＬファイル５０８への変換処理を示している。
【0069】
Ｓ１１でＣＰＵ５０１はプロジェクトデータ５０７をＸＭＬファイル５０８に変換する。
【0070】
Ｓ１２でＣＰＵ５０１はＸＭＬファイル５０８がデバイス４００において正常に実行可能かどうかをテストする。たとえば、ＣＰＵ５０１はデバイス４００において正常に実行できないような不適切なページ遷移やコマンドの実行などの有無を検知する。また、すべてのページやオプション間での遷移が正しく実行可能であるかどうかが検証される。
【0071】
Ｓ１３でＣＰＵ５０１はテスト結果に基づきＸＭＬファイル５０８が実行可能かどうかを判定する。ＸＭＬファイル５０８が実行可能であれば、ＣＰＵ５０１はＳ１４に進む。Ｓ１４でＣＰＵ５０１は、ＸＭＬファイル５０８をあらかじめ指定されたフォルダに保存するとともに、デバイス４００に対してＸＭＬファイル５０８を転送してもよい。ＸＭＬファイル５０８が実行可能でなければ、ＣＰＵ５０１はＳ１５に進む。Ｓ１５でＣＰＵ５０１はエラーをユーザーに通知する。ＣＰＵ５０１は、どのページにエラーが存在するか、または、どのコマンドの設定にエラーが存在するか、を示す通知を表示装置５０３に表示してもよい。
【0072】
＜その他＞
上述された実施形態では、アプリケーション作成ツールにおいては各ページに対してその下方に操作領域が表示されていた。しかし、これは一例に過ぎない。デバイス４００が有するハードキーに対して各ボタンが割り当てられた場合、デバイス４００の表示画面上では操作領域が表示されないように設定されたＸＭＬファイル５０８が生成されてもよい。
上述された実施形態では、アプリケーション作成ツールにおいては各ページに対してその下方に操作領域が表示されていた。しかし、これは一例に過ぎない。デバイス４００が有するハードキーに対して各ボタンが割り当てられた場合、デバイス４００の表示画面上では操作領域が表示されないように設定されたＸＭＬファイル５０８が生成されてもよい。
【0073】
このように、視覚的なアイコンなどを利用して一連の画面遷移をユーザーが設定可能である。そのため、ユーザーは従来のようなテキスト入力によるプログラミングを必要とせずにデバイスで動作するアプリケーションを設定可能となる。これは、ユーザーのプログラムの作成に関する利便性を向上させることができる。
【0074】
また、作成領域３００にすべてのページやアイコンが配置されているが、レイヤー機能が採用されてもよい。レイヤー機能を採用することで、ユーザーはレイヤーごとにページやアイコンを配置することが可能となる。ＣＰＵ５０１は、ユーザーにより指定されたレイヤーをアクティブにし、アクティブになっているレイヤーにページやアイコンを配置する。例えば、レイヤーに名称や属性を設定可能とし、指定されたそれぞれの名称や属性に含まれるページやアイコンのみをアクティブとし、表示するようにしても良い。この場合、ＣＰＵ５０１は、アクティブになっていないレイヤーに配置されたオブジェクトも表示するものの、ユーザーによるそのオブジェクトの配置を禁止してもよい。
【0075】
＜アプリケーションを動作させるデバイスの説明＞
図２２、図２３および図２４を用いて、アプリケーション作成ツールで作成されたアプリケーションが動作するデバイス４００について説明する。デバイス４００は、一例として、１次元または２次元コード等のコードを読み取る情報読取装置であるとして説明する。デバイス４００は、たとえば、バーコードリーダーや、携帯電話（スマートフォン）、タブレット端末、ハンディターミナル等であり、コードを読み取り可能な情報端末が対象となる。
図２２、図２３および図２４を用いて、アプリケーション作成ツールで作成されたアプリケーションが動作するデバイス４００について説明する。デバイス４００は、一例として、１次元または２次元コード等のコードを読み取る情報読取装置であるとして説明する。デバイス４００は、たとえば、バーコードリーダーや、携帯電話（スマートフォン）、タブレット端末、ハンディターミナル等であり、コードを読み取り可能な情報端末が対象となる。
【0076】
図２２に示すように、ＣＰＵ（中央演算処理装置）４０１は、記憶装置４０５に記憶されているコード読取プログラム４１１とアプリケーションプログラム（ＸＭＬファイル５０８）を実行する。記憶装置４０５は、ＲＡＭに加え、ハードディスクドライブ（ＨＤＤ）やフラッシュＲＯＭ等不揮発性の記憶媒体を有していてもよい。
【0077】
入力装置４０２は、操作領域２１に配置された操作オブジェクトに対応したハードキーなどを含む。図２３が示すように、入力装置４０２は、Ｒキー４８０ａ、Ｆ２キー４８０ｂ、Ｆ１キー４８０ｃ、Ｌキー４８０ｄなどを含む。
【0078】
表示装置４０３は液晶表示装置などである。ＣＰＵ４０１がＸＭＬファイル５０８を実行することで、表示装置４０３に各種のページを表示する。また、入力装置４０２におけるいずれかのキーが押されると、ＣＰＵ５０１は、そのキーに関連付けられている遷移先であるページを表示装置４０３に表示する。
【0079】
通知装置４０９は、ＬＥＤなどの発光素子や音を出力するスピーカなどである。ＣＰＵ５０１は、通知アイコン５１にしたがった点灯条件が満たされると、通知装置４０９の一例である図２３に示すＬＥＤを点灯させる。
【0080】
通信装置４０４は、デバイス４００がサーバＳや情報処理装置５００と通信するための通信回路を含む。通信装置４０４は、たとえば、ＷＬＡＮ（Ｗｉｒｅｌｅｓｓ Ｌｏｃａｌ Ａｒｅａ Ｎｅｔｗｏｒｋ）コントローラ、近距離無線通信回路、公衆回線と接続するモデム、５ＧもしくはＩｏＴのための無線通信回路などを有している。
【0081】
スキャナ装置４１０は、不図示のＬＥＤ等によるマーカー光照射手段および照明手段を備え、ＣＣＤ等の撮像素子を用いて光学的にコードを読み取る。図２４に示すように、スキャナ装置４１０の読み取り窓は、デバイス４００の背面側に設けられていてもよい。
【0082】
＜まとめ＞
［観点１］
上述された実施形態によれば、所定のデバイス４００で動作するアプリケーションをユーザーが作成することを補助するアプリケーション作成画面（例：作成画面１）の表示制御方法で提供される。ＣＰＵ５０１は、アプリケーション作成画面内の作成領域３００に、ユーザー操作に基づきデバイス４００に表示されることになる配置領域１９を含む第１のアイコン（例：ページ１１など）を配置する。ＣＰＵ５０１は、デバイス４００において第１のアイコンから遷移する第２のアイコン（例：ページ１２など）を、ユーザー操作に基づき作成領域３００に配置する。ＣＰＵ５０１は、デバイス４００の操作部に対応する操作オブジェクトを含む操作領域を第１のアイコンと共に表示する。ここで、操作部に対する特定のユーザー操作は、第１のアイコンから第２のアイコンへ遷移するための条件として設定される。ＣＰＵ５０１は、操作オブジェクトから第２のアイコンに対するドラッグ操作（例：ドラッグアンドドロップ）に応じて、第１のアイコンと第２のアイコンとを結ぶ線（例：遷移表示線２０）を表示する。これにより、デバイス４００で動作するアプリケーションの画面遷移を含めた動作をユーザーが視覚的に認識しながら、容易にアプリケーションの作成を行えるようになる。
［観点１］
上述された実施形態によれば、所定のデバイス４００で動作するアプリケーションをユーザーが作成することを補助するアプリケーション作成画面（例：作成画面１）の表示制御方法で提供される。ＣＰＵ５０１は、アプリケーション作成画面内の作成領域３００に、ユーザー操作に基づきデバイス４００に表示されることになる配置領域１９を含む第１のアイコン（例：ページ１１など）を配置する。ＣＰＵ５０１は、デバイス４００において第１のアイコンから遷移する第２のアイコン（例：ページ１２など）を、ユーザー操作に基づき作成領域３００に配置する。ＣＰＵ５０１は、デバイス４００の操作部に対応する操作オブジェクトを含む操作領域を第１のアイコンと共に表示する。ここで、操作部に対する特定のユーザー操作は、第１のアイコンから第２のアイコンへ遷移するための条件として設定される。ＣＰＵ５０１は、操作オブジェクトから第２のアイコンに対するドラッグ操作（例：ドラッグアンドドロップ）に応じて、第１のアイコンと第２のアイコンとを結ぶ線（例：遷移表示線２０）を表示する。これにより、デバイス４００で動作するアプリケーションの画面遷移を含めた動作をユーザーが視覚的に認識しながら、容易にアプリケーションの作成を行えるようになる。
【0083】
［観点２、３］
線（例：遷移表示線２０）は、第１のアイコンから第２のアイコンへ遷移することをユーザーが認識可能な態様で表示されてもよい。たとえば、線は、第１のアイコンから第２のアイコンへ向かう矢印を含んでもよい。これにより、遷移元のアイコンと遷移先のアイコンとの関係がユーザーにとって視覚的に理解しやすくなろう。
線（例：遷移表示線２０）は、第１のアイコンから第２のアイコンへ遷移することをユーザーが認識可能な態様で表示されてもよい。たとえば、線は、第１のアイコンから第２のアイコンへ向かう矢印を含んでもよい。これにより、遷移元のアイコンと遷移先のアイコンとの関係がユーザーにとって視覚的に理解しやすくなろう。
【0084】
［観点４～６］
線の始点は、作成領域３００における操作オブジェクトであってもよい。線の始点は、作成領域３００における操作オブジェクトの中心座標であってもよい。線の終点は、作成領域における第２のアイコンの中心座標であってもよい。線のうち、操作オブジェクトと重なっている部分は表示されず、第２のアイコンと重なっている部分も表示されなくてもよい。これにより、遷移のトリガーとなる操作オブジェクトがユーザーにとって視覚的に理解しやすくなる。また、遷移先のアイコンもユーザーにとって視覚的に理解しやすくなる。さらに、線がアイコンや操作オブジェクトと重ならないようになるため、アイコンや操作オブジェクトをユーザーにとって見やすくすることができる。
線の始点は、作成領域３００における操作オブジェクトであってもよい。線の始点は、作成領域３００における操作オブジェクトの中心座標であってもよい。線の終点は、作成領域における第２のアイコンの中心座標であってもよい。線のうち、操作オブジェクトと重なっている部分は表示されず、第２のアイコンと重なっている部分も表示されなくてもよい。これにより、遷移のトリガーとなる操作オブジェクトがユーザーにとって視覚的に理解しやすくなる。また、遷移先のアイコンもユーザーにとって視覚的に理解しやすくなる。さらに、線がアイコンや操作オブジェクトと重ならないようになるため、アイコンや操作オブジェクトをユーザーにとって見やすくすることができる。
【0085】
［観点７］
線の色と操作部の色とは同色であってもよい。これにより、遷移のトリガーとなる操作オブジェクトと、遷移先と遷移元との関係とがユーザーにとって視覚的に理解しやすくなる。
線の色と操作部の色とは同色であってもよい。これにより、遷移のトリガーとなる操作オブジェクトと、遷移先と遷移元との関係とがユーザーにとって視覚的に理解しやすくなる。
【0086】
［観点８］
デバイスに設けられた操作ボタンの色と、操作部の色とが同一または類似した色であってもよい。これにより、ユーザーはＧＵＩ（グラフィカルユーザーインターフェース）におけるオブジェクトと、デバイス４００における実際の操作ボタンとの関係を視覚的に理解しやすくなる。
デバイスに設けられた操作ボタンの色と、操作部の色とが同一または類似した色であってもよい。これにより、ユーザーはＧＵＩ（グラフィカルユーザーインターフェース）におけるオブジェクトと、デバイス４００における実際の操作ボタンとの関係を視覚的に理解しやすくなる。
【0087】
［観点９］
ＣＰＵ５０１は、作成領域３００において、ユーザー操作に基づきデバイスに表示されることになる第３のアイコン（例：ページ１３）を配置してもよい。ＣＰＵ５０１は、線の途中に、第１のアイコンから第２のアイコンへ遷移するか、または、第３のアイコンへ遷移するかの条件分岐を示す分岐アイコン（例：分岐アイコン３０）を配置してもよい。この場合、ＣＰＵ５０１は、分岐アイコンと第３のアイコンとを結ぶ第２の線（例：分岐表示線３１ａ）を表示してもよい。これにより、どの遷移タイミングで条件分岐が発生するかを、ユーザーは視覚的に理解しやすくなる。
ＣＰＵ５０１は、作成領域３００において、ユーザー操作に基づきデバイスに表示されることになる第３のアイコン（例：ページ１３）を配置してもよい。ＣＰＵ５０１は、線の途中に、第１のアイコンから第２のアイコンへ遷移するか、または、第３のアイコンへ遷移するかの条件分岐を示す分岐アイコン（例：分岐アイコン３０）を配置してもよい。この場合、ＣＰＵ５０１は、分岐アイコンと第３のアイコンとを結ぶ第２の線（例：分岐表示線３１ａ）を表示してもよい。これにより、どの遷移タイミングで条件分岐が発生するかを、ユーザーは視覚的に理解しやすくなる。
【0088】
［観点１０］
ＣＰＵ５０１は、ユーザー操作に基づき、線の途中に、デバイスにおいて第１のアイコンから第２のアイコンへ遷移する際にファイル操作を実行することを指示するファイル操作アイコン（例：ファイル操作アイコン４０）を配置してもよい。これにより、どの遷移タイミングでファイル操作が発生するかを、ユーザーは視覚的に理解しやすくなる。
ＣＰＵ５０１は、ユーザー操作に基づき、線の途中に、デバイスにおいて第１のアイコンから第２のアイコンへ遷移する際にファイル操作を実行することを指示するファイル操作アイコン（例：ファイル操作アイコン４０）を配置してもよい。これにより、どの遷移タイミングでファイル操作が発生するかを、ユーザーは視覚的に理解しやすくなる。
【0089】
［観点１１］
ＣＰＵ５０１は、ユーザー操作に基づき、線の途中に、デバイスにおいて第１のアイコンから第２のアイコンへ遷移する際に通知を表示することを指示する通知アイコン（例：通知アイコン５１）を配置してもよい。これにより、どの遷移タイミングで通知が発生するかを、ユーザーは視覚的に理解しやすくなる。
ＣＰＵ５０１は、ユーザー操作に基づき、線の途中に、デバイスにおいて第１のアイコンから第２のアイコンへ遷移する際に通知を表示することを指示する通知アイコン（例：通知アイコン５１）を配置してもよい。これにより、どの遷移タイミングで通知が発生するかを、ユーザーは視覚的に理解しやすくなる。
【0090】
［観点１２］
ＣＰＵ５０１は、ユーザー操作に基づき、線の途中に、デバイスにおいて第１のアイコンから第２のアイコンへ遷移する際にデータ転送を実行することを指示するデータ転送アイコン（例：データ転送アイコン５２）を配置してもよい。これにより、どの遷移タイミングでデータ転送が発生するかを、ユーザーは視覚的に理解しやすくなる。
ＣＰＵ５０１は、ユーザー操作に基づき、線の途中に、デバイスにおいて第１のアイコンから第２のアイコンへ遷移する際にデータ転送を実行することを指示するデータ転送アイコン（例：データ転送アイコン５２）を配置してもよい。これにより、どの遷移タイミングでデータ転送が発生するかを、ユーザーは視覚的に理解しやすくなる。
【0091】
＜第２の実施形態＞
以下、本発明の第２の実施形態について説明する。本実施形態は、その構成の多くが第１の実施形態と共通である。従って、以下の説明においては、共通する構成については同じ符号を用い、第１の実施形態との相違点についてのみ説明する。
以下、本発明の第２の実施形態について説明する。本実施形態は、その構成の多くが第１の実施形態と共通である。従って、以下の説明においては、共通する構成については同じ符号を用い、第１の実施形態との相違点についてのみ説明する。
【0092】
図２５には、遷移先のページが作成領域３００において配置されている位置によって、遷移表示線２０がページ下部以外からも表示される様子を示している。
【0093】
遷移元のページ６１１から遷移先のページ６１２に対し、Ｒボタン６１１ａ、Ｆ２ボタン６１１ｂ、Ｆ１ボタン６１１ｃ、Ｌボタン６１１ｄの４つに対応して、４つの遷移表示線２０で接続されている。本実施形態においては、４つのボタンに対応して、遷移元のページ６１１における遷移表示線２０の始点が含まれる辺（図２５では右側の辺）を４つの領域に分割して、それぞれの領域に遷移表示線２０の始点が位置するように遷移表示線２０が配置されている。なお、図２５においては遷移元のページ６１１の右側の辺の上方から下方に向けて、Ｌボタン６１１ｄ、Ｆ１ボタン６１１ｃ、Ｆ２ボタン６１１ｂ、Ｒボタン６１１ａの順、すなわち、遷移元のページ６１１の下部において左から右の方向に対応している。従って、例えばＬボタン６１１ｄからの遷移表示線２０が、遷移元のページ６１１の右側の辺における最上部の領域に始点が含まれるように配置される。
【0094】
なお、本実施形態とは逆の順になるように設定しても良く、すなわち、Ｌボタン６１１ｄ、Ｆ１ボタン６１１ｃ、Ｆ２ボタン６１１ｂ、Ｒボタン６１１ａの順に、遷移元のページ６１１の右側の辺において下から順に遷移表示線２０が配置されるようにしても良い。また、隣接するページ同士の右側の辺と左側の辺および上側の辺と下側の辺ではそれぞれ同じ順にすることが好ましく、その場合、複数の領域を結ぶ遷移表示線が配置される場合でも、線同士が交わらないようにすることができる。一例として、図２５におけるページ６１３の右側の辺とページ６１４の左側の辺を結ぶ遷移表示線がそのように配置されており、視認性が向上できていることが分かる。
【0095】
また、本実施形態においては、遷移先のページ６１２が遷移元のページ６１１に対して相対的に上下左右の４つの領域のいずれの領域に含まれるかに応じて遷移表示線２０を引き出す始点の位置（遷移元のページ６１１における縁）が動的に切り替わるように制御される。
【0096】
図２５においては、遷移先のページ６１２が遷移元のページ６１１に対し右側の領域に含まれるため、遷移元のページ６１１の右側の縁から遷移表示線２０が引き出されている。このようにすることで、遷移表示線２０上に分岐アイコン３０やファイル操作アイコン４０などが配置された場合であっても、遷移元のページ６１１に隠れてしまうことを防ぐことができる。
【0097】
他の状態の例として、図２５において、遷移先のページ６１７は遷移元のページ６１５に対し上の領域に含まれるため、遷移表示線２０が遷移元のページ６１５の上側の辺から表示されるようにすることで、遷移表示線２０自体の視認性を向上することができる。図２５では、遷移元のページ６１５に対して上下左右に遷移先のページを配置しており、上述した通り遷移表示線２０が引かれている。なお、遷移表示線２０が遷移元のページにおける上下左右のどの辺から引き出されるかは、遷移元のページまたは遷移先のページの移動に伴う相対位置の変化によって動的に切り替わるように制御される。
【0098】
また、２つのページの間で操作領域２１における同じボタンの選択で相互に遷移するように設定されている場合には、遷移先のページと遷移元のページを結ぶ２つの遷移表示線２０の位置が一定間隔となるように配置してもよい。これによって、同じ位置から遷移表示線２０が表示された場合でも、遷移表示線２０同士が重なり合ってしまうことを防ぐことができ、視認性を向上できる。
【0099】
例えば、図２５におけるページ６１３とページ６１４について、上から順に、ページ６１３のＬボタン選択時にページ６１４に遷移することを示す遷移表示線６２１、ページ６１４のＬボタン選択時にページ６１３に遷移することを示す遷移表示線６２２を示している。操作領域２１の各ボタンに対応して、残りの６つの遷移表示線も同様に配置されている。
【0100】
この遷移表示線６２１と６２２は、上述した法則に基づき、ページ６１３の右側の縁における最上部の領域と、ページ６１４の左側の縁における最上部の領域との間に結ばれている。この２つの遷移表示線の始点と終点が、それぞれが配置される領域内において所定の距離を空けて配置されるように制御されている。
【0101】
なお各ページ間を結ぶ遷移表示線が１本の場合には遷移表示線が配置される各ページの辺における中央に始点や終点を配置しても良く、各ページの辺における分割された領域に遷移表示線が１本しか配置されない場合には、各領域における中央に始点や終点を配置しても良い。
【0102】
また、図２６の遷移表示線６２７に示すように、同一のページへの遷移は、遷移元のボタン上から出た線が遷移元のボタン上に戻るように円形に遷移表示線６２７を配置することにより、視認性が向上する。なお、このような同一のページへの遷移（ループ遷移）を表す遷移表示線においては、遷移表示線６２８に示すように、線上にファイル操作アイコン４０などを配置した場合と、遷移表示線６２７に示すように、何も配置されていない場合とで、環状（円形）に表示される遷移表示線の半径や大きさを変更することが好ましい。図２６に示すように、線上にファイル操作アイコン４０などが何も配置されていない状態の遷移表示線６２７の半径を小さくすることにより、ループ遷移すること自体は認識し易く、他のオブジェクトの視認性の低下を防ぐことが可能となる。
【0103】
また、図２７にはページ遷移以外においても同様に表示制御されることを示している。
【0104】
図２７において、Ｌボタン６１０ｄをデータ転送アイコン６５２にドラッグアンドドロップすることで、Ｌボタン６１０ｄからデータ転送アイコン５２に向かって遷移表示線６２９が配置された状態を示している。この状態において、遷移元のページ６１０に対し下の領域に配置されたデータ転送アイコン６５２に対し、遷移元のページ６１０の下側の辺とデータ転送アイコン６５２の上側の辺のいずれも左側から順に領域が分けられており、Ｌボタン６１０ｄに対応する左端の領域に遷移表示線６２９の始点と終点が配置されていることが分かる。
【0105】
同様に、遷移元のページ６１０と遷移先のページ６２０とを結ぶ遷移表示線６３０についても、始点と終点がそれぞれＲボタン６１０ａに対応する下端の領域に配置されている。
【0106】
説明を省略するが、他のページへの遷移表示線や領域の分け方についても同様である。
【0107】
このように、本実施形態においては、遷移表示線が接続された２つのページの相対的な位置関係に基づいて、遷移表示線が各ページにおけるどこから引かれるか（どこに始点と終点が配置されるか）が動的に変更される。この構成により、作成画面の視認性を向上すると共に、ページを移動させて遷移表示線の始点や終点の位置が変更されることを確認しながらページの配置を決定することができ、ユーザーが所望の表示を選択することができる。
【0108】
発明は上記の実施形態に制限されるものではなく、発明の要旨の範囲内で、種々の変形・変更が可能である。
【0109】
例えば、ラベルとテキストボックスとは異なるオブジェクトとを別のオブジェクトとして配置するように構成しているが、ラベル付きのテキストボックスとして一度に配置できるように構成しても良い。
【0110】
また、第１の実施形態と第２の実施形態との組み合わせても良く、例えば遷移元のページに接続された遷移表示線の数によって表示を変更するように制御しても良い。例えば、遷移元のページに接続された遷移表示線が１つの場合には第１の実施形態のように操作領域におけるボタンから遷移表示線が延びるように始点を配置し、遷移元のページに接続される遷移表示線が複数の場合には第２の実施形態のように遷移元のページの遷移先のページ側の辺から遷移表示線が延びるように始点を配置するように制御しても良い。また、これに限られず、何らかの条件によって第１の実施形態による表示制御と第２の実施形態による表示制御とを切り替えるように構成しても良い。
【0111】
＜第３の実施形態＞
以下、本発明の第３の実施形態について説明する。本実施形態は、その構成の多くが第１の実施形態と共通である。従って、以下の説明においては、共通する構成については同じ符号を用い、第１の実施形態との相違点についてのみ説明する。
以下、本発明の第３の実施形態について説明する。本実施形態は、その構成の多くが第１の実施形態と共通である。従って、以下の説明においては、共通する構成については同じ符号を用い、第１の実施形態との相違点についてのみ説明する。
【0112】
第１の実施形態では、オプション機能の設定の仕方の一例として「ＬＥＤ制御」機能について説明した。第３の実施形態では、「外部プリンタ印字」機能について説明する。なお、「外部プリンタ印字」とは、デバイス４００に接続された外部プリンタにおける印刷処理（例：印刷レイアウトの設定など）を意味する。
【0113】
図２８は、ＣＰＵ５０１がアプリケーション作成ツール５０６にしたがって実行する印刷処理（外部プリンタ印字）を設定する処理を示している。
【0114】
Ｓ２８０１にて、図３１に示すように、オプション選択部２００から「印刷レイアウト」機能を示す印刷レイアウトメニュー２２０がマウスオーバー等により選択されると、ＣＰＵ５０１は、さらに追加アイコン２２１を表示する。追加アイコン２２１がクリックされると、ＣＰＵ５１は、図３２に示すような外部プリンタを選択する画面を表示する。
【0115】
Ｓ２８０２にて、ユーザーは外部プリンタを選択する。なお、ここでは予め外部プリンタが登録されているものとして説明する。外部プリンタを選択し、チェックボタン３２００を押すことで外部プリンタの選択が確定する。なお、後述する説明では、チェックボタンを押すことで機能の確定をするものとして説明するが、チェックボタンは一例に過ぎず、機能を確定するものであれば、ボタンなどでもよい。
【0116】
【0117】
【0118】
図２９は、ＣＰＵ５０１がアプリケーション作成ツール５０６にしたがって実行する印刷レイアウトを設定する処理を示している。
【0119】
外部プリンタの選択が確定すると、図３３に示す印刷レイアウト設定画面が表示される。詳細設定欄に表示された用紙長選択部３３００にて、用紙の長さを「印刷データによって変更」（可変長）または「固定の長さ」（固定長）を選択することができる。プレビュー領域を示すプレビュー３３１０には、選択した用紙の長さに応じた印刷プレビューが表示される。
【0120】
図３４は、用紙の長さとして「印刷データによって変更」を選択した場合、図３５は「固定の長さ」を選択した場合の一例を示す図である。プレビュー３３１０に示すように、同じレイアウト構成であっても表示される用紙の長さが異なることがわかる。
【0121】
Ｓ２９０１にて、ＣＰＵ５０１は、用紙の長さについて可変（印刷データによって変更）が選択されているか否かを判定する。可変と判定した場合（Ｓ２９０１のＹＥＳ）、Ｓ２９０３に進む。
【0122】
可変ではないと判定した場合（Ｓ２９０１のＮＯ）、Ｓ２９０２にて、用紙の幅や長さを設定し（例えば、図３５）、Ｓ２９０３に進む。
【0123】
Ｓ２９０３にて、図３３に示すアイテム表示領域３３４０から、図４５に示すような、印刷レイアウトを構成するアイテム（ラベル４５１０、データリスト４５２０、バーコード４５３０、線４５４０、矩形４５５０など）を選択し、印刷エリア３３２０をクリックすることで、選択したアイテムを印刷レイアウトに追加する。なお、図４５のアイテムは一例であって、例えば、図の挿入（画像の挿入・写真の挿入など）などでもよく、これに限定されない。
【0124】
図４５に示すラベル４５１０は、外部プリンタで印刷するラベル（文字列）を追加することができるアイコンである。具体的には、背景色、文字色、枠線、枠線の太さ、枠線の色、文字サイズ、文字の印刷方法（標準・太字・傾斜など）、ラベルの種類（テキスト、シリアル番号、日付、時刻、バージョン情報、ファイルデータ参照、テキストボックス参照など）、文字列の表示位置、サイズ、位置などを設定することができる。
【0125】
データリスト４５２０は、ファイルからデータを読み込んでリスト表示を行うデータリストを追加することができるアイコンである。具体的には、データリストが参照するファイルのファイル名、印刷設定（先頭から・指示文字がある行・列数など）、最大印刷行数、フォントサイズ、行をどこまで印刷するか（印刷行数を固定・データ分印刷など）、項目表示（ファイル名に指定したファイルの項目名の変更）、文字サイズ、最大行数、データリストの印刷位置などを設定することができる。
【0126】
バーコード４５３０は、外部プリンタで印刷するバーコードを追加することができるアイコンである。具体的には、バーコード種類（Ｃｏｄｅ３９・ＱＲＣｏｄｅ（登録商標）など）、バーコードデータ（データ指定・テキストボックス参照・ファイル参照・最長データ長・検索対象のファイル・検索する列・置き換える列など）を設定することができる。
【0127】
線４５４０は、外部プリンタで印刷する線を追加することができるアイコンである。具体的には、線の太さ、線の色、開始位置、終了位置などを設定することができる。
【0128】
矩形４５５０は、外部プリンタで印刷する矩形を追加することができるアイコンである。具体的には、線の太さ、線の色、塗りつぶし色、塗りつぶしの有無、サイズ、位置など設定することができる。
【0129】
Ｓ２９０４にて、ＣＰＵ５０１は、データ（テキストボックス・ファイルなど）を参照するか否かを判定する。例えば、Ｓ２９０３にてバーコード４５３０を選択した場合、図４４に示すようなバーコード設定画面が表示される。バーコードデータ４４１０にて、「データ指定」、「テキストボックス参照」、「ファイル参照」を選択することができ、チェックボタン４４００を押すことでバーコード設定が確定する。「テキストボックス参照」、「ファイル参照」が設定された場合、ＣＰＵ５０１は、データを参照すると判定する。
【0130】
データを参照しないと判定した場合（Ｓ２９０４のＮＯ）、Ｓ２９０５にて、データ４４２０にデータの入力を行い、Ｓ２９０７に進む。
【0131】
データを参照すると判定した場合（Ｓ２９０４のＹＥＳ）、Ｓ２９０６にて、データの参照設定（印刷するバーコードのデータを取得するテキストボックス・コンボボックスを設定・バーコードデータを参照するファイルの指定など）を行い、Ｓ２９０７に進む。
【0132】
Ｓ２９０７にて、図３３のチェックボタン３３３０が押されたか否かを判定する。チェックボタンが押されたと判定した場合（Ｓ２９０７のＹＥＳ）、Ｓ２９０８にて、ＣＰＵ５０１は、印刷レイアウトとして登録する。なお、複数の印刷レイアウトを識別するために、印刷レイアウト毎に名前（例えば、ｐｒｉｎｔＰａｇｅ１、ｐｒｉｎｔＰａｇｅ２など）を付してもよい。
【0133】
チェックボタンが押されていないと判定した場合（Ｓ２９０７のＮＯ）、Ｓ２９０１に戻り一連の処理を繰り返す。また、チェックボタンを押さずに印刷レイアウト設定画面が閉じられたと判断した場合は、処理を終了する。
【0134】
なお、Ｓ２９０１乃至Ｓ２９０８の処理の順序は、これに限定されず、どのような順序でもよい。また、Ｓ２９０１、Ｓ２９０４、Ｓ２９０７の処理を各々並列に実行してもよい。
【0135】
図３７は、印刷レイアウトが登録された図の一例であり、印刷レイアウトメニュー２２０に、印刷レイアウトが３個（ｐｒｉｎｔＰａｇｅ１、ｐｒｉｎｔＰａｇｅ２、ｐｒｉｎｔＰａｇｅ３）登録されている状態を示している。また、印刷レイアウトのアイコンをクリックすることで詳細設定が表示され、印刷レイアウトを再編集することも可能である。図３７には、「ｐｒｉｎｔＰａｇｅ１」の印刷レイアウトが選択され、その下部に詳細設定が表示された状態を示している。
【0136】
また、印刷レイアウト設定として、例えば、図３４の印刷エリア３３２０内の点線が示すように、印刷終端を示す切り取り線の位置を設定できるようにしてもよい。また、線や文字列などの色を選択した場合でも、指定した外部プリンタがカラー非対応な場合は、プレビュー３３１０や印刷エリア３３２０には、グレースケール化して表示をするようにしてもよい。また、印刷レイアウト設定として予めサンプルデータ（例えば、入庫情報・出庫情報など）を登録しておいてもよい。
【0137】
図３０は、ＣＰＵ５０１がアプリケーション作成ツール５０６にしたがって実行する印刷処理を設定する処理を示している。
【0138】
印刷レイアウトを一つ以上設定登録すると、図３８に示すように、コマンド選択部１００に含まれる「ページ」アイコン１１０にカーソルを合わせると、ＣＰＵ５０１は、「ページ」アイコン１１０に、「Ｐ：印刷ページ」３８００のメニューを表示することができる。
【0139】
「Ｐ：印刷ページ」３８００を選択すると、図３９に示すように、印刷処理を設定する画面３９００が表示される。「レイアウト一覧」の枠内には設定登録済みの印刷レイアウトが表示されている。
【0140】
Ｓ３００１にて、「レイアウト一覧」の枠内に表示された印刷レイアウトから印刷を行いたいレイアウトを選択し、Ｓ３００２にて、選択された印刷レイアウトをドラッグアンドドロップにて「印刷を行うレイアウト」の枠内に表示された領域に移動させる。なお、印刷を行いたいレイアウトは、図４０（ａ）に示すように、一つでもよいし、図４０（ｂ）に示すように、レイアウトを組み合わせた複数とすることも可能である。また、「印刷を行うレイアウト」に印刷レイアウトを移動させることで、チェックボタン４０００が有効化され、チェックボタン４０００を押すことができる。図４０（ａ）に示すチェックボタン４０００を押すことで、印刷処理の設定を確定することができる。
【0141】
Ｓ３００３にて、ＣＰＵ５０１は、アプリケーション作成ツール５０６が実行される情報処理装置５００に外部プリンタが接続されているか否かを判定する。接続されていない場合（Ｓ３００３のＮＯ）、Ｓ３００９に進む。
【0142】
外部プリンタが接続されている場合（Ｓ３００３のＹＥＳ）、「テスト印刷」ボタン４１００が有効化され、「テスト印刷」ボタンを押すことができる。Ｓ３００４にて、ＣＰＵ５０１は、印刷処理を設定する画面３９００上にある「テスト印刷」ボタンが押されたか否かを判定する。押されていない場合（Ｓ３００４のＮＯ）、Ｓ３００９に進む。
【0143】
「テスト印刷」ボタンが押されると、テスト印刷画面（図３６（ａ））が表示され、テスト印刷を行う方法として、「データなし」または「仮データ」を選択することができる（図３６（ｂ））。「データなし」を選択すると、データなしにてテスト印刷する。例えば、印刷内容に実績データなどが含まれる場合、データなしを選択することで不用意な印刷を防ぐことができる。また、「仮データ」を選択すると（図３６（ｃ））、印刷内容に仮データ（例えば、ａｂｃｄｅｆ・・・などの文字列）を入れてテスト印刷を行う。仮データを選択することで、実際に印刷した際に表示される桁数を確認することができる。
【0144】
Ｓ３００５にて、ＣＰＵ５０１は、テスト印刷を行う方法にて「仮データ」が選択されたか否かを判定する。仮データが選択されていない場合（Ｓ３００５のＮＯ）、Ｓ３００７に進む。仮データが選択されたと判定された場合（Ｓ３００５のＹＥＳ）、Ｓ３００６にて、ＣＰＵ５０１は、印刷内容に仮データを設定し、Ｓ３００７に進む。
【0145】
Ｓ３００７にて、ＣＰＵ５０１は、印刷ボタン３６００が押されたか否かを判定する。印刷ボタン３６００が押されていない場合（Ｓ３００７のＮＯ）、Ｓ３００９に進む。印刷ボタンが押されたと判定した場合（Ｓ３００７のＹＥＳ）、Ｓ３００８にて、選択したプリンタにおいてテスト印刷を実行する。
【0146】
Ｓ３００９にて、ＣＰＵ５０１は、チェックボタン４０００を押されたか否かを判定する。チェックボタンを押されたと判定した場合（Ｓ３００９にてＹＥＳ）、印刷処理設定として登録する。
【0147】
チェックボタンが押されていないと判定した場合（Ｓ３００９のＮＯ）、Ｓ３００１に戻り一連の処理を繰り返す。また、チェックボタンを押さずに印刷処理設定画面が閉じられたと判断した場合は、処理を終了する。
【0148】
なお、Ｓ３００３乃至Ｓ３０１０の処理の順序は、これに限定されず、どのような順序でもよい。また、Ｓ３００３、Ｓ３００４、Ｓ３００５、Ｓ３００７、Ｓ３００９の処理を各々並列に実行してもよい。
【0149】
印刷処理設定画面３９００のチェックボタン４０００を押すと、印刷処理の設定が完了し、図４１に示すように、作成領域３００に印刷処理アイコン４１００が配置される。つまり、印刷処理アイコン４１００は、事前にオプション選択部２００から選択され、作成画面１に追加される。なお、遷移表示線４１１０および印刷処理アイコン４１００は、ページ２において、デバイス４００に設けられたＲボタンに対応するハードキーが押下されると、デバイス４００に接続された外部プリンタにおける印刷処理を実行することを意味する。また、Ｒボタンを印刷処理アイコン４１００にドラッグアンドドロップすることで、ＣＰＵ５０１は、Ｒボタンから印刷処理アイコン４１００に向けて遷移表示線４１１０を配置してもよい。
【0150】
印刷処理アイコン４１００をクリックすると、図４２に示すように、詳細設定が表示され、印刷の成功、失敗時の画面遷移先や印刷結果の表示の有無などを設定してもよい。
【0151】
また、図４３に示すように、プリンタの詳細設定を表示し、外部プリンタ本体の詳細を設定してもよい。
【0152】
上述したように、印刷レイアウトを構成するアイテム（ラベル４５１０、データリスト４５２０、バーコード４５３０、線４５４０、矩形４５５０など）を選択することで、印刷レイアウトを自由に設定することができる。
【0153】
また、アプリケーション作成ツール５０６が実行される情報処理装置５００に外部プリンタを接続することによって、デバイス４００を介さずに、テスト印刷を行えるので、ユーザーが簡便にテスト印刷を行うことができる。また、「データなし（印刷内容にデータを印刷しない）」または「仮のデータ（印刷内容に所定のデータを印刷する）」をテスト印刷することができるので、ユーザーの利便性がよい。なお、外部プリンタが接続していなければ、テスト印刷ボタンが有効化されないので、ユーザーの視認性がよい。
【0154】
また、レイアウト一覧から印刷レイアウトを、ドラッグアンドドロップする（遷移させる）ことで印刷を行うレイアウトを指定することができるので、ユーザーの利便性がよい。
【0155】
また、印刷する用紙の長さ（固定長または可変長）を指定することができる。例えば、固定の長さ（固定長）を指定した場合、印刷データが長いとプレビューにて印刷範囲に収まっていないことがわかり、ユーザーの視認性がよい。
【符号の説明】
【0156】
１０：ページ、２０：遷移表示線、３０：分岐表示アイコン、４０：ファイル操作アイコ
ン、１００：コマンド選択部、２００：オプション選択部
ン、１００：コマンド選択部、２００：オプション選択部
【図1】
【図2】
【図3】
【図4】
【図5】
【図6】
【図7】
【図8】
【図9】
【図10】
【図11】
【図12】
【図13】
【図14】
【図15】
【図16】
【図17】
【図18】
【図19】
【図20】
【図21】
【図22】
【図23】
【図24】
【図25】
【図26】
【図27】
【図28】
【図29】
【図30】
【図31】
【図32】
【図33】
【図34】
【図35】
【図36】
【図37】
【図38】
【図39】
【図40】
【図41】
【図42】
【図43】
【図44】
【図45】
