特許 7467103 アプリケーション作成画面の表示制御方法、プログラムおよび情報処理装置

(19)【発行国】日本国特許庁(JP)

(12)【公報種別】特許公報(B2)

(11)【特許番号】

(24)【登録日】2024-04-05

(45)【発行日】2024-04-15

(54)【発明の名称】アプリケーション作成画面の表示制御方法、プログラムおよび情報処理装置

(51)【国際特許分類】

   G06F 8/34 20180101AFI20240408BHJP

   G06F 3/04817 20220101ALI20240408BHJP

   G06F 3/0486 20130101ALI20240408BHJP

【ＦＩ】

G06F8/34

G06F3/04817

G06F3/0486

【請求項の数】 14

(21)【出願番号】P 2019230588

(22)【出願日】2019-12-20

(62)【分割の表示】P 2019208973の分割

【原出願日】2019-11-19

(65)【公開番号】P2021082237

(43)【公開日】2021-05-27

【審査請求日】2022-11-18

【新規性喪失の例外の表示】特許法第３０条第２項適用 ウェブサイトの掲載日：令和１年７月２５日 ウェブサイトのアドレス：ｈｔｔｐｓ：／／ｗｗｗ．ｃａｎｏｎ－ｅｌｅｃ．ｃｏ．ｊｐ／ｓｏｌｕｔｉｏｎ／ｍｏｂｉｌｅ／ｈａｎｄｙｔｅｒｍｉｎａｌ／＃ａｂｏｕｔ

(73)【特許権者】

【識別番号】000104652

【氏名又は名称】キヤノン電子株式会社

(74)【代理人】

【識別番号】110003281

【氏名又は名称】弁理士法人大塚国際特許事務所

(74)【代理人】

【識別番号】100076428

【弁理士】

【氏名又は名称】大塚 康徳

(74)【代理人】

【識別番号】100115071

【弁理士】

【氏名又は名称】大塚 康弘

(74)【代理人】

【識別番号】100112508

【弁理士】

【氏名又は名称】高柳 司郎

(74)【代理人】

【識別番号】100116894

【弁理士】

【氏名又は名称】木村 秀二

(74)【代理人】

【識別番号】100130409

【弁理士】

【氏名又は名称】下山 治

(74)【代理人】

【識別番号】100134175

【弁理士】

【氏名又は名称】永川 行光

(72)【発明者】

【氏名】中野 和浩

【審査官】北川 純次

(56)【参考文献】

【文献】国際公開第２０１１／０３３８０３（ＷＯ，Ａ１）

【文献】特開２００７－１３３８１５（ＪＰ，Ａ）

【文献】米国特許出願公開第２００６／０１３６８７０（ＵＳ，Ａ１）

【文献】特開２００５－１９０２８０（ＪＰ，Ａ）

【文献】国際公開第２０１５／１７４１２０（ＷＯ，Ａ１）

【文献】特開２０１３－０６４８６４（ＪＰ，Ａ）

(58)【調査した分野】(Int.Cl.，ＤＢ名)

Ｇ０６Ｆ ８／３０ ー ８／３８

Ｇ０６Ｆ ３／０４８ － ３／０４８６

(57)【特許請求の範囲】

【請求項1】

所定のデバイスで動作するアプリケーションを作成することを補助するアプリケーション作成画面の表示制御方法であって、
前記アプリケーション作成画面内の作成領域においてユーザーによるドラッグ操作に基づき前記デバイスに表示されることになる第１のアイコンを配置するステップと、
前記デバイスにおいて前記第１のアイコンから遷移する第２のアイコンをユーザーによるドラッグ操作に基づき前記作成領域に配置するステップと、
操作部であって、前記操作部に対する特定のユーザー操作が前記デバイスにおける前記第１のアイコンから前記第２のアイコンへ遷移するための条件として設定される当該操作部に対応する操作領域を、前記作成領域に前記第１のアイコンとともに配置するステップと、
前記操作領域から前記第２のアイコンに対するドラッグ操作に応じて、前記第１のアイコンと前記第２のアイコンとを結ぶ遷移表示線を前記作成領域に配置するステップと、
前記デバイスにおいて前記第１のアイコンから前記第２のアイコンへ遷移する際に実行される処理を指定する処理アイコンをユーザーによるドラッグ操作に基づき配置するステップと、
前記処理アイコンを前記遷移表示線の途中に表示するステップと
を有することを特徴とするアプリケーション作成画面の表示制御方法。

【請求項2】

前記処理アイコンは前記操作領域に対して配置可能であることを特徴とする請求項１に記載のアプリケーション作成画面の表示制御方法。

【請求項3】

複数の前記処理アイコンが前記遷移表示線に対して配置されている状態で、ドラッグ操作によって前記処理アイコンの表示位置を変更することが可能であることを特徴とする請求項１に記載のアプリケーション作成画面の表示制御方法。

【請求項4】

請求項２に記載のアプリケーション作成画面の表示制御方法であって、
前記遷移表示線の始点は、前記作成領域における前記操作領域に含まれる操作オブジェクトであることを特徴とするアプリケーション作成画面の表示制御方法。

【請求項5】

請求項４に記載のアプリケーション作成画面の表示制御方法であって、
前記遷移表示線の始点は、前記作成領域における前記操作オブジェクトの中心座標であり、
前記遷移表示線の終点は、前記作成領域における前記第２のアイコンの中心座標であることを特徴とするアプリケーション作成画面の表示制御方法。

【請求項6】

請求項５に記載のアプリケーション作成画面の表示制御方法であって、
前記遷移表示線のうち、前記操作領域と重なっている部分は表示されず、前記第２のアイコンと重なっている部分も表示されないことを特徴とするアプリケーション作成画面の表示制御方法。

【請求項7】

請求項４ないし６のいずれか一項に記載のアプリケーション作成画面の表示制御方法であって、
前記遷移表示線の色と前記操作オブジェクトの色とは同色であることを特徴とするアプリケーション作成画面の表示制御方法。

【請求項8】

請求項７に記載のアプリケーション作成画面の表示制御方法であって、
前記操作領域は、前記デバイスに表示される前記第１のアイコンに隣接して表示される一方、前記デバイスの表示画面には表示されず、前記操作部は前記デバイスが有するハードキーであり、
前記デバイスに設けられた操作部の色と、前記操作オブジェクトの色とが同一または類似した色であることを特徴とするアプリケーション作成画面の表示制御方法。

【請求項9】

請求項１ないし８のいずれか一項に記載のアプリケーション作成画面の表示制御方法であって、
前記作成領域においてユーザーによるドラッグ操作に基づき前記デバイスに表示されることになる第３のアイコンを配置するステップと、
前記遷移表示線の途中に、前記第１のアイコンから前記第２のアイコンへ遷移するか、または、前記第３のアイコンへ遷移するかの条件分岐を示す分岐アイコンを配置するステップと、
前記分岐アイコンと前記第３のアイコンとを結ぶ第２の遷移表示線を表示するステップとを有することを特徴とするアプリケーション作成画面の表示制御方法。

【請求項10】

請求項１ないし９のいずれか一項に記載のアプリケーション作成画面の表示制御方法であって、
前記処理アイコンは、ファイル操作を実行することを指示するファイル操作アイコンであることを特徴とするアプリケーション作成画面の表示制御方法。

【請求項11】

請求項１ないし１０のいずれか一項に記載のアプリケーション作成画面の表示制御方法であって、
前記処理アイコンは、通知を表示することを指示する通知アイコンであることを特徴とするアプリケーション作成画面の表示制御方法。

【請求項12】

請求項１ないし９のいずれか一項に記載のアプリケーション作成画面の表示制御方法であって、
前記処理アイコンは、データ転送を実行することを指示するデータ転送アイコンであることを特徴とするアプリケーション作成画面の表示制御方法。

【請求項13】

請求項１ないし１２のいずれか一項に記載のアプリケーション作成画面の表示制御方法を情報処理装置に実行させるプログラム。

【請求項14】

所定のデバイスで動作するアプリケーションを作成することを補助するアプリケーション作成画面を表示する情報処理装置であって、
前記アプリケーション作成画面内の作成領域において、ユーザーによるドラッグ操作に基づき、前記デバイスに表示されることになる第１のアイコンを配置する手段と、
前記デバイスにおいて前記第１のアイコンから遷移する第２のアイコンを、ユーザーによるドラッグ操作に基づき、前記作成領域に配置する手段と、
前記デバイスに設けられた操作部であって、前記操作部に対する特定のユーザー操作が前記デバイスにおける前記第１のアイコンから前記第２のアイコンへ遷移するための条件として設定される当該操作部に対応する操作領域を、前記作成領域に前記第１のアイコンとともに配置する手段と、
前記操作領域から前記第２のアイコンに対するドラッグ操作に応じて、前記第１のアイコンと前記第２のアイコンとを結ぶ遷移表示線を前記作成領域に配置する手段と、
前記デバイスにおいて前記第１のアイコンから前記第２のアイコンへ遷移する際に実行される処理を指定する処理アイコンをユーザーによるドラッグ操作に基づき配置する手段と、
前記処理アイコンを前記遷移表示線の途中に表示する手段と
を有することを特徴とする情報処理装置。

【発明の詳細な説明】

【技術分野】

【0001】

本発明は、デバイスで実行されるアプリケーションを作成するツールにおけるアプリケーション作成画面の表示制御方法、プログラムおよび情報処理装置に関する。

【背景技術】

【0002】

デバイス（例：バーコード読み取り用のハンディターミナル）で動作する所望のアプリケーションを作成しようとした場合、ユーザーは、予め決められたＸＭＬ（eXtensible Markup Language）やＨＴＭＬ（HyperText Markup Language）などの言語でアプリケーションを記述しなければならない。記述作業には言語について高度の習熟が必要である。そのため、ユーザー自身がアプリケーションの作成することは困難であった。ユーザーは、アプリケーションを他の業者に外注して作成してもらうことになるが、多数のデバイスを使用するユーザーであれば外注費が問題とならない。しかし、少数のデバイスを使用するユーザーにとっては外注費が問題となり、デバイスの購入意欲を削いでいた。一方で、特許文献１によれば、画像などの編集ツールとして、表示した画像に対して所望の処理を施すことができるツールが提供されている。

【先行技術文献】

【特許文献】

【0003】

【文献】特開２０１７－６２７９７号公報

【発明の概要】

【発明が解決しようとする課題】

【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】デバイスの背面を説明する図。

【発明を実施するための形態】

【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】

１０：ページ、２０：遷移表示線、３０：分岐表示アイコン、４０：ファイル操作アイコン、１００：コマンド選択部、２００：オプション選択部

【図1】

【図2】

【図3】

【図4】

【図5】

【図6】

【図7】

【図8】

【図9】

【図10】

【図11】

【図12】

【図13】

【図14】

【図15】

【図16】

【図17】

【図18】

【図19】

【図20】

【図21】

【図22】

【図23】

【図24】