JP2009276931A - Ui controller, its control method and program - Google Patents
Ui controller, its control method and program Download PDFInfo
- Publication number
- JP2009276931A JP2009276931A JP2008126340A JP2008126340A JP2009276931A JP 2009276931 A JP2009276931 A JP 2009276931A JP 2008126340 A JP2008126340 A JP 2008126340A JP 2008126340 A JP2008126340 A JP 2008126340A JP 2009276931 A JP2009276931 A JP 2009276931A
- Authority
- JP
- Japan
- Prior art keywords
- image
- user
- editing
- information
- analyzing
- 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.)
- Pending
Links
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
Description
本発明は、ユーザがＵＩの表示形式を変更することによってＵＩの操作性の向上を図ることができるＵＩ制御装置等に関する。 The present invention relates to a UI control device and the like that can improve UI operability by a user changing a UI display format.
近時、コンピュータシステム上で実行される種々のアプリケーションソフトウェアは、いわゆるＧＵＩと称されるグラフィカル・ユーザ・インタフェース環境を採用している。このＧＵＩ環境では、一般にコンピュータシステムにおけるＣＲＴやＬＣＤ等の表示装置の画面上に、いわゆるＵＩオブジェクトと呼ばれる小さな絵（図形）が表示される。このＵＩオブジェクトには例えば印刷装置の一種であるプリンタを模した絵、記憶装置の一種であるメモリーカードを模した絵、書類等を入れるフォルダを模した絵等がある。各ＵＩオブジェクトは、アプリケーションソフトウェアの実行中にそのＵＩオブジェクトを画面上を任意に移動可能なマウスポインタで指してマウスボタンをクリックすることによって、各ＵＩオブジェクトに割り当てられた機能が実行されるようになっている。例えば、フォルダのＵＩオブジェクトには「ファイルを開く」という機能が割り当てられており、このＵＩオブジェクトのクリックによって記憶装置に記憶されている画像等のファイルが編集等のために画面上に表示されて編集可能な状態となる。 Recently, various application software executed on a computer system employs a graphical user interface environment called a so-called GUI. In this GUI environment, a small picture (graphic) called a so-called UI object is generally displayed on the screen of a display device such as a CRT or LCD in a computer system. Examples of the UI object include a picture imitating a printer that is a kind of printing apparatus, a picture imitating a memory card that is a kind of storage apparatus, and a picture imitating a folder for storing documents. Each UI object is configured to execute a function assigned to each UI object by pointing the UI object with a mouse pointer that can be arbitrarily moved on the screen and clicking a mouse button during execution of the application software. It has become. For example, a UI object of a folder is assigned a function of “open file”, and a file such as an image stored in a storage device is displayed on the screen for editing or the like by clicking on the UI object. Editable state.
このようにＧＵＩ環境では、ユーザがマウスやタブレット等のポインティングデバイスを操作することによって種々の機能を実行することができる。そのため、従来のコマンドライン・インタフェース環境におけるようにユーザがキーボード上の多数のキーを逐一押して所定のコマンドやファイル名等を入力する必要がなく、入力の手間が省ける。加えて多数のコマンドに対する専門的な知識が不要であり初心者でも取扱いが可能である、という利点もある。 In this way, in the GUI environment, various functions can be executed by the user operating a pointing device such as a mouse or a tablet. Therefore, it is not necessary for the user to input a predetermined command, file name, etc. by pressing a large number of keys on the keyboard one by one as in the conventional command line interface environment, and the input effort can be saved. In addition, there is an advantage that no specialized knowledge for a large number of commands is required, and even beginners can handle them.
ところでＧＵＩ環境型のアプリケーションソフトウェアでは、通常、そのソフトウェアの設計者によって、ユーザが使用すると想定される機能のＵＩオブジェクト群が予め選択されている。そして、アプリケーションソフトウェアの実行時にそのＵＩオブジェクト群が画面上に表示されるようになっている。しかし、ユーザによっては、それらの予め用意されたＵＩオブジェクト、すなわち機能だけでは不十分な場合があり、その逆に予め用意されたＵＩオブジェクト群の中に使用頻度の低いものが含まれていることがある。 By the way, in GUI environment type application software, a UI object group of functions assumed to be used by a user is usually selected in advance by a designer of the software. The UI object group is displayed on the screen when the application software is executed. However, depending on the user, the UI objects prepared in advance, that is, the functions may not be sufficient, and conversely, the UI objects that are prepared in advance contain infrequently used ones. There is.
そのような場合に対処するため、ユーザが好みに応じてＵＩオブジェクトすなわち機能を追加したり削除したりしてＧＵＩの環境をユーザの好みに応じて編集することができるようになっているＵＩ編集システムもある。このようなＵＩ編集システムによれば、アプリケーションソフトウェアの使い勝手の向上が期待される。 In order to cope with such a case, the user can edit the GUI environment according to the user's preference by adding or deleting a UI object, that is, a function according to the user's preference. There is also a system. Such a UI editing system is expected to improve the usability of application software.
従来のＵＩ編集システムでは、ユーザに対してＵＩの編集手段が与えられていても変更のための設定手順が煩雑であり、理解し難いことがある。また、ユーザが編集できるのはＵＩオブジェクトの有無やＵＩオブジェクトの位置だけだったりと限定的であった。そこでＵＩ編集システムでは好ましくは、ユーザが比較的簡単に、またＵＩオブジェクトとして表示する画像も外部から取り込む等して編集できるようになっているとよい。また、ＵＩ編集時に変更できる部分についてその変更可能な範囲に制限がある場合には、好ましくはユーザに変更可能な候補を提示するようになっているとよい。そうすればユーザはその候補の中から好みに応じて適当に選択することができるので、ＵＩ環境の編集作業が容易になる。 In the conventional UI editing system, even if UI editing means is given to the user, the setting procedure for the change is complicated and sometimes difficult to understand. Further, the user can only edit the presence / absence of a UI object and the position of the UI object. Therefore, in the UI editing system, it is preferable that the user can edit the image displayed as a UI object from the outside by relatively easily and editing. In addition, when there is a limit on the range that can be changed at the time of UI editing, it is preferable that a changeable candidate be presented to the user. Then, the user can appropriately select from the candidates according to his / her preference, and the UI environment editing work becomes easy.
しかしながら、従来のＵＩ編集システムでは、上述したＵＩ編集時の操作性、ＵＩオブジェクト画像そのものの変更、変更可能な項目と変更可能な候補の提示という点で、必ずしも十分な配慮がなされているとはいえない。
本発明の目的は、ユーザにとって比較的簡単にＵＩの編集ができ、またＵＩオブジェクトとしての画像もユーザがカスタマイズできるＵＩ環境の編集方法を提供することを目的とする。
However, in the conventional UI editing system, sufficient consideration is always given in terms of the operability during UI editing described above, the change of the UI object image itself, and the presentation of changeable items and changeable candidates. I can't say that.
An object of the present invention is to provide a UI environment editing method in which UI can be edited relatively easily for a user, and an image as a UI object can be customized by the user.
本発明は、印刷部とスキャナ部とを具備するＵＩ制御装置であって、ＵＩオブジェクト配置の編集情報を生成する手段と、ユーザがカスタマイズした前記編集情報を解析する手段と、ユーザがカスタマイズした前記編集情報を解析した情報を保持する手段と、ＵＩオブジェクトの画像特定情報を生成する生成手段と、ユーザがカスタマイズした画像特定情報を解析する手段と、ＵＩ構成ファイルを編集する手段と、前記スキャナ部が読み込んだ画像を管理する手段と、前記ＵＩオブジェクトの画像を管理する手段と、記憶装置の使用可能領域を管理する手段とを備えることを特徴とする。 The present invention is a UI control apparatus including a printing unit and a scanner unit, the unit generating generation information of UI object arrangement, the unit analyzing the editing information customized by the user, and the user customizing the unit Means for holding information obtained by analyzing editing information, generation means for generating image specifying information of a UI object, means for analyzing image specifying information customized by a user, means for editing a UI configuration file, and the scanner unit Comprises means for managing the image read by the user, means for managing the image of the UI object, and means for managing the usable area of the storage device.
本発明によれば、ユーザがＧＵＩ環境の編集を行うときに、ＵＩ制御装置上で煩雑な操作をすることなく比較的簡単に操作できるようになる。また、ＵＩオブジェクトの有無や配置位置だけでなくＵＩオブジェクトとして表示する画像も編集できるようになる。 According to the present invention, when the user edits the GUI environment, the user can operate relatively easily without performing complicated operations on the UI control device. Further, not only the presence / absence of the UI object and the arrangement position but also the image displayed as the UI object can be edited.
次に、図面を参照してＵＩ制御装置の実施形態について、詳細に説明する。
本実施形態に係るＵＩ制御装置１１は、例えば図１に示すようにＣＰＵ１１１、ＲＯＭ等からなる不揮発性メモリ１１２、ＤＲＡＭ等からなる揮発性メモリ１１３を備える。
また、ＵＩ制御装置１１は、磁気ディスク装置等の記憶装置１１４、画像等を印刷する印刷部１１５、画像等を取り込むスキャナ部１１６、ＵＩオブジェクトとして表示する画像を保持するｗｏｒｋ領域１１７を備えている。
Next, an embodiment of the UI control device will be described in detail with reference to the drawings.
The
The
以下では、まずＵＩを編集する手法について、その概要を説明する。
例えば、ユーザがある操作画面を編集する場合、その操作画面におけるＵＩオブジェクト配置編集用紙８１０をＵＩ制御装置１１から取得する。
そして、ＵＩオブジェクト配置編集用紙８１０に配置したいＵＩオブジェクト（機能）に対応するオブジェクト番号を書き込み自由に配置する。ＵＩオブジェクト配置編集用紙８１０に書き込めるオブジェクト番号と配置可能位置とはＵＩオブジェクト配置編集用紙８１０に記載されている。
Below, the outline | summary is first demonstrated about the method of editing UI.
For example, when the user edits an operation screen, the UI object
Then, an object number corresponding to a UI object (function) desired to be arranged on the UI object
その後、ＵＩ制御装置１１はユーザが記入したＵＩオブジェクト配置編集用紙８１０を解析して各ＵＩオブジェクトの位置座標を編集情報として生成して保持する。しかし、上記の処理だけではＵＩオブジェクトとして表示する画像を特定することはできないため、画像番号記入用紙１１１０を出力してユーザにＵＩ制御装置内に保存されている画像を指定させＵＩオブジェクトとして表示する画像を特定する。ユーザが画像番号記入用紙１１１０に記入できる画像番号はＵＩ制御装置１１の荷時にプリインストールされるものと、各々のユーザがインストールするものとの２種類ありユーザが自由に選択可能である。
Thereafter, the
ＵＩ制御装置１１は、記入済みの画像番号記入用紙１２１０を読み取り、ＵＩオブジェクト１として表示する画像（画像特定情報１）を特定する。そして、それまでＵＩオブジェクト１として表示されていた画像を記憶装置１１４のＷｏｒｋ領域１１７内から削除し、削除した画像ファイル名と同一のファイル名を特定画像１に付け、Ｗｏｒｋ領域１１７に保存する。Ｗｏｒｋ領域１１７とはＵＩオブジェクトとして表示する画像を保持する領域のことであり、その領域にある画像を変更したりすることでＵＩオブジェクト画像の変更を行う。
The
例えば、図１２のように取得した画像番号に対応する画像をＵＩオブジェクトとして表示するために、まずＵＩオブジェクト番号付随情報対応テーブル９１０からＵＩオブジェクト番号Ｉ０に対応する画像ファイル名、デフォルトのサイズを抽出する。
次に、指定された前記画像番号０１００の画像のサイズをデフォルトのサイズに変更した後、Ｗｏｒｋ領域１１７のｉｍａｇｅ１．ｂｍｐ削除し、サイズを変更した画像番号０１０００の画像をｉｍａｇｅ１．ｂｍｐとしてＷｏｒｋ領域１１７にコピーする。そのコピーされたｉｍａｇｅ１．ｂｍｐをＵＩオブジェクト番号I１に対応する新たなＵＩオブジェクト画像としてＵＩ画面に表示することで、ＵＩオブジェクトの追加・配置変更・ＵＩオブジェクト画像の変更を行う。なお、配置編集用紙８１０及び画像番号記入用紙１１１０に関しては後ほど詳しく後述する。
For example, in order to display an image corresponding to the acquired image number as a UI object as shown in FIG. 12, first, an image file name and default size corresponding to the UI object number I0 are extracted from the UI object number associated information correspondence table 910. To do.
Next, after changing the size of the designated image number 0100 to a default size, image1. bmp is deleted and the size of the image with the image number 01000 is changed to image1. Copy to the
本発明ではＵＩオブジェクトとして表示する画像を記憶装置１１４が保持する画像にユーザが自由に変更できる。以下ではユーザがＵＩ制御装置１１に画像をインストール、及び削除する手法に関して詳しく説明する。
ＵＩ制御装置１１に画像をインストールするにはスキャナ部１１６を利用して画像を読み込む手法と外部メモリから画像を読み込む手法等があるがここでは特定しない。いずれかの手法により読み込まれた画像は、ＵＩ制御装置１１の画像番号管理手段１１７によって固有の画像番号が割り振られ記憶装置１１４に保存され、同時に画像番号管理リスト２１０に登録されるが、登録の可否をユーザに確認してもよい。また、固有の画像番号が少なくなった場合、ＵＩ制御装置１１が古い画像から自動で削除する等の方法をとってもよい。また、記憶装置１１４内にある画像を削除するにはＵＩ制御装置１１においてアプリケーションを起動して行う。また、記憶装置１１４の領域が少なくなった場合、ＵＩ制御装置１１が古い画像から自動で削除する等の方法をとってもよい。
In the present invention, an image displayed as a UI object can be freely changed by the user to an image held in the
There are a method of reading an image using the
図２に画像番号管理リストの例を示す。
画像番号管理リスト２１０では、画像に対して固有の画像番号が保持され、固有の画像番号に対応する画像が削除可能か否かを判断するための情報も対応づけられて保持される。図２の場合、画像番号２１１が００００１に対応する画像は、削除可否情報が‘ＰＲＥ’になっている。その画像は出荷時にすでにインストールされている画像で、ユーザが削除することは不可能であり、ユーザが削除可否情報２１２を編集することも不可能であることを示している。
FIG. 2 shows an example of the image number management list.
In the image
一方、画像番号２１１が００１００に対応する画像は、削除可否情報２１２が‘ＹＥＳ’になっているため、ユーザが削除することは可能である。また、画像番号２１１が００１０１に対応する画像は、削除可否情報２１２が‘ＮＯ’であり削除可否情報２１２が‘ＰＲＥ’の場合と同様に、ユーザが削除することは不可能である。しかし、後述するがユーザが削除可否情報２１２を操作することで削除可否情報２１２を‘ＮＯ’から‘ＹＥＳ’に変更すればユーザが削除することは可能である。
On the other hand, the image corresponding to the
図３はＵＩ制御装置１１において読み込み画像を記憶装置１１４に格納する処理のフローチャートである。このフローチャートでは、ＵＩ制御装置１１のＣＰＵ１１１が処理を行う。
まず、ステップＳ３１において、記憶装置１１４に格納する画像を取得する。ここでは画像のフォーマットは特に特定しない。
次に、ステップＳ３２において、使用可能領域取得手段から使用可能領域サイズを取得し、使用可能サイズと画像サイズとを比較し前記使用可能領域サイズが画像サイズ以上であるか否かを判定する。使用可能領域サイズが画像サイズ以上であれば、ステップＳ３４に処理を進め、使用可能領域サイズが画像サイズ以上でなければ、ステップＳ３３に処理を進める。
FIG. 3 is a flowchart of processing for storing the read image in the
First, in step S31, an image to be stored in the
Next, in step S32, the usable area size is obtained from the usable area obtaining unit, and the usable size and the image size are compared to determine whether the usable area size is equal to or larger than the image size. If the usable area size is equal to or larger than the image size, the process proceeds to step S34. If the usable area size is not equal to or larger than the image size, the process proceeds to step S33.
ステップＳ３３において、ユーザに対して領域不足のメッセージを出力し記憶装置１１４内の画像の削除を促して終了する。
ステップＳ３４において、画像番号付加処理に移り画像番号を画像に割り当て、画像番号管理リスト２１０に画像番号２１１と削除可否情報２１２とを登録し画像を記憶装置１１４に格納する。この場合の削除可否情報は‘ＹＥＳ’としている。
In step S33, an area shortage message is output to the user, prompting the user to delete the image in the
In step S 34, the process moves to an image number adding process, assigning an image number to the image, registering the
図４は、図３に示すフローチャートのステップＳ３４の画像番号付加処理のフローチャートである。
まず、ステップＳ４１において、画像番号管理リスト２１０に空き番号があるか判定する。空き番号があればステップＳ４３に処理を進め、空き番号がなければステップＳ４２に処理を進める。
ステップＳ４２では、ユーザに対して割り当て可能な画像番号が不足している旨のメッセージを出力し記憶装置１１４内の画像の削除を促す。
ステップＳ４３では、空き番号を画像番号として取得し、画像番号をファイル名として画像を記憶装置１１４に格納する。
ステップＳ４４では、画像番号管理リスト２１０に画像番号２１１と削除可否情報２１２として‘ＹＥＳ’を挿入する。
FIG. 4 is a flowchart of the image number adding process in step S34 of the flowchart shown in FIG.
First, in step S41, it is determined whether there is an empty number in the image
In step S42, a message indicating that there are not enough image numbers that can be assigned is output to the user to prompt the user to delete the image in the
In step S43, the empty number is acquired as the image number, and the image is stored in the
In
図５はＵＩ制御装置１１において記憶装置１１４が保持している画像を削除する処理のフローチャートである。この処理はユーザが記憶装置１１４から画像を削除したい場合にユーザによって起動される。このフローチャートでは、ＵＩ制御装置１１のＣＰＵ１１１が処理を行う。
まず、ステップＳ５１において、ユーザに対して削除可否情報２１２が‘ＹＥＳ’である画像に対応する画像番号のリストをユーザに提供する。図１３はユーザに提供する画像番号のリスト表示例である。図１３に示すように、画像番号のリスト１３１０には画像番号と画像を削除するか否かを指定するチェックボックスとが表示される。まず、画像番号のリスト１３１０を利用することで、ユーザはどのような画像が記憶装置１１４にインストールされているかを確認することができる。なお、ステップＳ５１では、ユーザは複数の画像を削除対象として選択できる。
FIG. 5 is a flowchart of processing for deleting an image held in the
First, in step S51, the user is provided with a list of image numbers corresponding to images whose delete permission /
ステップＳ５２において、リスト１３１０でユーザが選択した削除対象の画像番号を取得し、取得した画像番号に対応する画像を記憶装置１１４から削除する。
ステップＳ５３において、画像番号管理リスト２１０からユーザが選択した画像番号と削除可否情報とを削除する。
In step S52, the image number to be deleted selected by the user in the
In step S53, the image number selected by the user and the deleteability information are deleted from the image
図６は図２に示す画像番号管理リスト２１０の削除可否情報２１２を編集する処理のフローチャートである。このフローチャートでは、ＵＩ制御装置１１のＣＰＵ１１１が処理を行う。
まず、ステップＳ６１において、ユーザに対して削除可否情報２１２が‘ＰＲＥ’以外である画像番号のリストをユーザに提供する。図１４はユーザに提供する画像番号の削除可否リストの例である。リストには削除するか否かを判断するチェックボックス、画像番号、画像のサムネイルが表示される。
FIG. 6 is a flowchart of a process for editing the
First, in step S61, the user is provided with a list of image numbers whose
ステップＳ６２において、削除可否情報２１２を反転する（ＹＥＳをＮＯに、ＮＯをＹＥＳにする）画像番号のリストを取得する。
ステップＳ６３において、取得した上記画像番号のリストにある画像番号に対応する削除可否情報２１２を反転する。
In step S62, a list of image numbers for inverting the deletion permission / inhibition information 212 (YES is set to NO and NO is set to YES) is acquired.
In step S63, the deletion permission /
次に、ＵＩを編集する手法に関して説明する。図７にＵＩ構成ファイル（ソースコード）の例を示す。以下で詳しく説明する。
サンプルコードの例ではｆｉｌｅ ｎａｍｅタグでＵＩの処理コードが記述されているファイル名を指定している。ｓｔａｒｔタグがＵＩの処理コードの始まりであり、ｅｎｄタグがＵＩの処理コードの終わりを表している。サンプルコード中のｂｏｔｔｏｎタグの属性であるｏｂｊｎｕｍにはＵＩオブジェクト番号、ｓｒｃには画像ファイル名、ｌｉｎｋには遷移先のページ名、ｔｅｘｔにはオブジェクトに対する説明、ｘ、ｙにはオブジェクトの配置座標を指定している。
Next, a method for editing the UI will be described. FIG. 7 shows an example of a UI configuration file (source code). This will be described in detail below.
In the sample code example, a file name tag specifies a file name in which a UI processing code is described. The start tag represents the beginning of the UI processing code, and the end tag represents the end of the UI processing code. The attribute of the button tag in the sample code is the UI object number in objnum, the image file name in src, the page name of the transition destination in link, the description of the object in text, the coordinates of the object in x and y It is specified.
また、背景はｂａｃｋ ｇｒｏｕｎｄタグで指定し、画像ファイルは属性であるｓｒｃで、配置方法はｌｏｃａｔｅで指定する。ＵＩ画面のサイズはａｒｅａタグで指定し属性であるｗｉｄｔｈで幅をｈｅｉｇｈｔで高さを指定する。オブジェクトを配置できない領域はｆｏｒｂｉｄｅｎ ａｒｅａタグで指定し属性で矩形の四隅の座標を指定する。また、ｌｏｃａｔｅ ｅｎａｂｌｅ ｏｂｊｅｃｔ ｎｕｍｂｅｒタグで配置可能なオブジェクトのＵＩオブジェクト番号を指定する。ｌｏｃａｔｅ ｍｕｓｔ ｏｂｊｅｃｔ ｎｕｍｂｅｒタグで配置必須なオブジェクトのＵＩオブジェクト番号を指定する。ＵＩオブジェクト番号とＵＩオブジェクト画像等との対応に関しては図９における説明で述べる。 Also, the background is specified by the back ground tag, the image file is specified by the attribute src, and the arrangement method is specified by locate. The size of the UI screen is designated by an area tag, the width is designated by the attribute width, and the height is designated by height. The area where the object cannot be placed is designated by a forbidden area tag, and the coordinates of the four corners of the rectangle are designated by the attribute. In addition, the UI object number of an object that can be arranged is specified by a locate enable object number tag. The UI object number of an object that must be arranged is specified using the locate must object number tag. The correspondence between the UI object number and the UI object image will be described with reference to FIG.
図８に使用者に提供するＵＩオブジェクト配置編集用紙の例を示す。
ＵＩオブジェクト配置編集用紙８１０は、ＵＩを編集したい所望の画面においてＵＩ編集モードに切り替えると、ＵＩ制御装置１１から印刷される。そして、ＵＩオブジェクト配置編集用紙８１０のＵＩオブジェクト配置可能領域８１１にユーザが配置可能なＵＩオブジェクトとして提供されているＵＩオブジェクト番号８１５を書き込むことでＵＩオブジェクトの配置をカスタマイズできる。
FIG. 8 shows an example of a UI object layout editing sheet provided to the user.
The UI object
ＵＩオブジェクト配置編集用紙８１０は、ＵＩ画面８１２と配置可能なＵＩオブジェクト番号８１５とから成り、ＵＩ画面８１２はＵＩオブジェクト配置可能領域８１１とＵＩオブジェクト配置不可領域８１３とから成る。また、ＵＩオブジェクト配置編集用紙８１０の右下には編集対象のＵＩ画面のＵＩ構成ファイル名８１６が示される。
The UI object
ＵＩオブジェクト配置編集用紙８１０に示されたＵＩ構成ファイル名８１６をＵＩ制御装置１１が読み取ることでどのＵＩ画面に対する処理なのかを判断する。ＵＩオブジェクト配置不可領域８１３にはＵＩオブジェクト番号を配置することは不可能であり、ユーザがＵＩオブジェクト番号を記入しても無視される。また、ＵＩオブジェクト配置可能領域８１１に配置可能なＵＩオブジェクト番号はＵＩオブジェクト配置編集用紙８１０上に配置可能なＵＩオブジェクト番号群８１５として示される。それらのＵＩオブジェクト番号群にないＵＩオブジェクト番号をユーザが書き込んでも図７に示すＵＩ構成ファイル例中のｌｏｃａｔｅ ｅｎａｂｌｅ ｏｂｊｅｃｔ ｎｕｍｂｅｒタグで指定される領域にユーザが記入したＵＩオブジェクト番号が記述されていないため無視される。
The
図９はＵＩオブジェクト番号付随情報対応テーブルの例である。ＵＩ制御装置１１はＵＩオブジェクト番号とオブジェクトとして表示する画像ファイル名、遷移先のページ名、オブジェクトに対する説明、各ＵＩオブジェクトのデフォルトの配置座標をＵＩオブジェクト番号付随情報対応テーブル９１０に保持している。以下で詳しく説明する。
FIG. 9 is an example of a UI object number accompanying information correspondence table. The
９１１はＵＩオブジェクト番号記述フィードである。９１２はオブジェクトとして表示する画像ファイル名記述フィールドである。９１３は遷移先のページ名記述フィールドである。９１４はオブジェクトに対する説明記述フィールドである。９１５は各ＵＩオブジェクトのデフォルトの配置Ｘ座標記述フィールドである。９１６は各ＵＩオブジェクトのデフォルトの配置Ｙ座標記述フィールドである。９１７はオブジェクト画像のデフォルトの縦サイズ記述フィールドである。９１８はオブジェクト画像のデフォルトの横サイズ記述フィールドである。
ＵＩオブジェクト番号記述フィード９１１には前記ＵＩオブジェクト番号を記述する。オブジェクトとして表示する画像ファイル名記述フィールド９１２には、ＵＩオブジェクトとして利用する画像ファイル名を記述する。遷移先のページ名記述フィールド９１３にはＵＩオブジェクトを選択した際、どのページに遷移するのかを定義しているページ名を記述する。オブジェクトに対する説明記述フィールド９１４にはＵＩオブジェクトの機能に関する説明を記述する。各ＵＩオブジェクトのデフォルトの配置Ｘ座標記述フィールド９１５、各ＵＩオブジェクトのデフォルトの配置Ｙ座標記述フィールド９１６にはＵＩオブジェクトを配置するデフォルトのＸ座標、Ｙ座標を記述する。オブジェクト画像のデフォルトの縦サイズ記述フィールド９１７、前記オブジェクト画像のデフォルトの横サイズ記述フィールド９１８には、オブジェクト画像のデフォルトの縦サイズと、横サイズとを記述する。
The UI object number description feed 911 describes the UI object number. In an image file
図１０はユーザがＵＩオブジェクトをＵＩオブジェクト配置編集用紙８１０に記入した図である。
ユーザが記入済みのＵＩオブジェクト配置編集用紙１０１０をスキャナで読み取りＵＩオブジェクト番号を読み取る。すると、ＵＩ制御装置１１は各ＵＩオブジェクトの配置座標を特定しＤＲＡＭ１１３にＵＩオブジェクト番号と配置座標との保持リスト１５１０を保持する。図１５のリストの左列はＵＩオブジェクト番号、中列は配置Ｘ座標、右列は配置Ｙ座標を表す。
FIG. 10 is a diagram in which the user has entered a UI object on the UI object
The user reads the completed UI object
図１６にユーザ記入済みのＵＩオブジェクト配置編集用紙１０１０を読み込む際の処理のフローチャートを示す。図１６のフローチャートに関しては後述する。
図１１は、記入済みのＵＩオブジェクト配置編集用紙１０１０をスキャナで読み取らせた後に出力される画像番号記入用紙１１１０である。配置位置が決定したＵＩオブジェクトの下部に画像番号を記入する格子状の領域１１１１が出力され、その領域にユーザが画像番号を記入することで各ＵＩオブジェクトに対応する画像を指定できる。画像番号はＵＩ制御装置１１のアプリケーションを利用して確認することができる。
FIG. 16 shows a flowchart of processing when reading the UI object
FIG. 11 shows an image
また、ＵＩオブジェクト番号Ｂ１１１２の下部には背景として表示したい前記画像番号を記入することで背景画像を指定できる。その際、画面の中心部分に表示するのか、並べて表示するのかを選択できる。また、画像番号記入用紙１１１０右下には編集対象のＵＩ画面のＵＩ構成ファイル名１１１３が示される。画像番号記入用紙１１１０に示されたＵＩ構成ファイル名をＵＩ制御装置１１が読み取ることでＵＩ制御装置はどのＵＩ画面に対する処理なのかを判断する。
In addition, a background image can be designated by entering the image number to be displayed as a background below the UI object number B1112. At that time, it is possible to select whether to display in the center of the screen or to display them side by side. Also, the UI
図１２はユーザ記入済みの画像番号記入用紙１２１０を示す図である。
まず、ＵＩオブジェクト番号と配置座標の保持リスト１５１０からＵＩオブジェクト番号とそれに対応する配置座標を取得する。その後、ユーザ記入済みの画像番号記入用紙１２１０をスキャンしＤＲＡＭ１１３に読み込み画像を展開する。
ＵＩオブジェクト番号と配置座標の保持リスト１５１０に記載されているＵＩオブジェクト番号に対応する画像番号のみを、ＤＲＡＭ展開画像から取得し、ＵＩ制御装置１１は各ＵＩオブジェクト番号に対応する画像の画像番号を特定する。そして、特定された画像番号に対応する画像は適切な大きさの画像に変倍され、Ｗｏｒｋ領域１１７にコピーされ、適当なファイル名がつけられる。例えば、コピー先でのファイル名はＵＩオブジェクト番号をファイル名とする。つまり、ＵＩオブジェクト番号‘Ｉ５１’に対応する画像は‘Ｉ５１.ｂｍｐ’等というようになる。そして、ＵＩ制御装置１１がＵＩ構成ファイル７１０を編集することでＵＩの変更がなされる。
FIG. 12 is a diagram showing an image
First, the UI object number and the corresponding arrangement coordinate are acquired from the UI object number and arrangement coordinate holding
Only the image number corresponding to the UI object number described in the UI object number and arrangement coordinate holding
図１７にユーザ記入済みの画像番号記入用紙１２１０を読み込む際の処理のフローチャートを示す。図１７のフローチャートに関しては後述する。
図１３は、ユーザが記憶装置１１４に保存されている画像を削除する際に起動するアプリケーションが起動したときの表示画面例である。画面には画像番号と画像とを削除するか否かを設定するチェックボックスが表示される。削除したい画像に対応するチェックボックスにチェックを入れて決定ボタンを選択すると記憶装置１１４から画像ファイルが削除される。
FIG. 17 shows a flowchart of processing when reading the image
FIG. 13 is an example of a display screen when an application that is activated when a user deletes an image stored in the
図１４は、画像番号管理リスト２１０における削除可否情報２１２を変更する際に起動するアプリケーションが起動したときの表示画面例である。この画面には画像番号と削除可否情報とが表示され、ユーザが削除可否情報エリアをクリックすると“ＹＥＳ”が“ＮＯ”に又は“ＮＯ”が“ＹＥＳ”に反転する。また、削除可否情報２１２が“ＰＲＥ”のものはこの画面には表示されない。所望の操作の後、左下の決定ボタンを選択すると画像番号管理リスト２１０における削除可否情報２１２が変更される。
FIG. 14 is an example of a display screen when an application that is activated when the deletion permission /
図１５はＵＩオブジェクト番号と配置座標との保持リストの例である。
ＵＩオブジェクト番号と配置座標との保持リスト１５１０は記入済みのＵＩオブジェクト配置編集用紙１０１０を読み込み、特定したＵＩオブジェクト番号と配置座標とを一次保持するリストである。左列がＵＩオブジェクト番号、中列がＸ座標、右列がＹ座標を示している。このＵＩオブジェクト番号と配置座標との保持リスト１５１０及び記入済みの画像番号記入用紙１２１０からＵＩオブジェクトの配置座標と表示画像とを特定する。
FIG. 15 is an example of a holding list of UI object numbers and arrangement coordinates.
A UI object number / arrangement coordinate holding
図１６はユーザ記入済みのＵＩオブジェクト配置編集用紙１０１０を読み込む処理のフローチャートである。
まず、ステップＳ１６１では、ユーザ記入済みのＵＩオブジェクト配置編集用紙１０１０を読み込みＤＲＡＭ１１３に展開する。次に、ステップＳ１６２では、ＤＲＡＭ１１３に展開した画像からＵＩ構成ファイル名を取得する。
次に、ステップＳ１６３では、特定したＵＩ構成ファイル７１０からＵＩオブジェクト配置不可領域８１３と配置可能なＵＩオブジェクトのＵＩオブジェクト番号とを取得する。
次に、ステップＳ１６４では、ＵＩ構成ファイル７１０から配置が必須であるＵＩオブジェクト番号を取得する。
FIG. 16 is a flowchart of a process of reading a UI object
First, in step S161, the UI object
Next, in step S163, the UI object placement
Next, in step S164, a UI object number whose arrangement is essential is acquired from the
ステップＳ１６５では、ＵＩオブジェクト配置不可領域８１３以外の領域からＵＩオブジェクト番号と配置座標とを取得する。
ステップＳ１６６では、ステップＳ１６４で取得した配置必須のＵＩオブジェクト番号がステップＳ１６５で取得できたか否かを判定する。取得できなかった場合はステップＳ１６７に処理を進める。取得できた場合はステップ１６８に処理を進める。
ステップＳ１６７では、配置必須なＵＩオブジェクトのデフォルトの配置座標をＵＩオブジェクト番号付随情報対応テーブル９１０から取得し、ＵＩオブジェクト番号とデフォルトの配置座標をＵＩオブジェクト番号と配置座標との保持リスト１５１０に追加する。
ステップＳ１６８では、取得したＵＩオブジェクト番号と配置座標をＵＩオブジェクト番号と配置座標との保持リスト１５１０に追加する。ステップＳ１６９では全てのＵＩオブジェクト番号を読み込んだか否かを判定する。まだ全てのＵＩオブジェクト番号を読み込んでいないのであればステップ１６５に戻り、全てのＵＩオブジェクト番号を読み込んだのであれば終了する。
In step S165, the UI object number and the arrangement coordinates are acquired from an area other than the UI object arrangement
In step S166, it is determined whether the placement-required UI object number acquired in step S164 has been acquired in step S165. If not, the process proceeds to step S167. If it can be obtained, the process proceeds to step 168.
In step S167, the default arrangement coordinates of the UI objects whose arrangement is essential are acquired from the UI object number accompanying information correspondence table 910, and the UI object numbers and the default arrangement coordinates are added to the UI object number and arrangement coordinate holding
In step S168, the acquired UI object number and arrangement coordinate are added to the UI object number and arrangement coordinate holding
図１７はユーザ記入済みの画像番号記入用紙１２１０を読み込む際の処理のフローチャートである。
まず、ステップＳ１７１では、ＵＩオブジェクト番号と配置座標の保持リスト１５１０からＵＩオブジェクト番号とそれに対応する配置座標を取得する。
ステップＳ１７２では、ＵＩ構成ファイル７１０におけるオブジェクト配置コード（図７の例ではｂｏｔｔｏｎタグで記述されたコード）を全てコメントアウトする。
ステップＳ１７３では、ユーザ記入済みの画像番号記入用紙１１１０を読み込み、読み込み画像をＤＲＡＭに展開する。
FIG. 17 is a flowchart of processing when reading the image
First, in step S171, the UI object number and the corresponding arrangement coordinate are acquired from the UI object number and arrangement coordinate holding
In step S172, all the object arrangement codes in the UI configuration file 710 (codes described by the “botton” tag in the example of FIG. 7) are commented out.
In step S173, the user-entered image
ステップＳ１７４では、ステップＳ１７１で取得したＵＩオブジェクト番号に対応する画像番号のみを、読み込み画像から取得する。
ステップＳ１７５では、各ＵＩオブジェクト番号に対応する画像の適切なサイズ等をＵＩオブジェクト番号付随情報対応テーブル９１０から求める。
ステップＳ１７６では、各ＵＩオブジェクト番号に対応する画像を適切なサイズ（サイズはステップＳ１７５で求めた）に変倍しＵＩオブジェクト番号をファイル名としてｗｏｒｋ領域１１７にコピーする。
In step S174, only the image number corresponding to the UI object number acquired in step S171 is acquired from the read image.
In step S175, an appropriate size of the image corresponding to each UI object number is obtained from the UI object number associated information correspondence table 910.
In step S176, the image corresponding to each UI object number is scaled to an appropriate size (the size was obtained in step S175), and the UI object number is copied to the
ステップＳ１７７では、ＵＩオブジェクト番号と配置座標の保持リスト１５１０に存在するＵＩオブジェクトコードを特定し、それに対応するＵＩ構成ファイル７１０中のオブジェクト配置コードのコメントアウトを解除する。また、ＵＩオブジェクト番号と配置座標の保持リスト１５１０に存在するが、それに対応するオブジェクト配置コードがない場合がある。この場合、上述したがＵＩオブジェクト番号付随情報対応テーブル９１０から表示に利用する画像ファイル名、遷移先のページ名、オブジェクトに対する説明を取得する。そして、＜ｓｔａｒｔ＞タグと＜ｅｎｄ＞タグとの間にＵＩ構成ファイルの記述フォーマットに従ってコードを挿入する。
In step S177, the UI object code existing in the UI object number and arrangement coordinate holding
上述した本発明の実施形態におけるＵＩ制御装置を構成する各手段、並びにＵＩ制御装置の制御方法の各ステップは、コンピュータのＲＡＭやＲＯＭ等に記憶されたプログラムが動作することによって実現できる。このプログラム及び前記プログラムを記録したコンピュータ読み取り可能な記録媒体は本発明に含まれる。 Each means constituting the UI control apparatus and each step of the control method of the UI control apparatus in the embodiment of the present invention described above can be realized by operating a program stored in a RAM or ROM of a computer. This program and a computer-readable recording medium recording the program are included in the present invention.
また、本発明は、例えば、システム、装置、方法、プログラムもしくは記録媒体等としての実施形態も可能であり、具体的には、一つの機器からなる装置に適用してもよい。 Further, the present invention can be implemented as, for example, a system, apparatus, method, program, or recording medium, and may be applied to an apparatus composed of a single device.
なお、本発明は、上述した実施形態の機能を実現するソフトウェアのプログラムを、システム又は装置に直接、又は遠隔から供給する。そして、そのシステム又は装置のコンピュータが前記供給されたプログラムコードを読み出して実行することによっても達成される場合を含む。 The present invention supplies a software program for realizing the functions of the above-described embodiments directly or remotely to a system or apparatus. In addition, this includes a case where the system or the computer of the apparatus is also achieved by reading and executing the supplied program code.
従って、本発明の機能処理をコンピュータで実現するために、前記コンピュータにインストールされるプログラムコード自体も本発明を実現するものである。つまり、本発明は、本発明の機能処理を実現するためのコンピュータプログラム自体も含まれる。その場合、プログラムの機能を有していれば、オブジェクトコード、インタプリタにより実行されるプログラム、ＯＳに供給するスクリプトデータ等の形態であってもよい。 Accordingly, since the functions of the present invention are implemented by computer, the program code installed in the computer also implements the present invention. In other words, the present invention includes a computer program itself for realizing the functional processing of the present invention. In that case, as long as it has the function of a program, it may be in the form of object code, a program executed by an interpreter, script data supplied to the OS, or the like.
また、コンピュータが、読み出したプログラムを実行することによって、前述した実施形態の機能が実現される。更に、そのプログラムの指示に基づき、コンピュータ上で稼動しているＯＳ等が、実際の処理の一部又は全部を行い、その処理によっても前述した実施形態の機能が実現され得る。 Further, the functions of the above-described embodiments are realized by the computer executing the read program. Furthermore, based on the instructions of the program, an OS or the like running on the computer performs part or all of the actual processing, and the functions of the above-described embodiments can be realized by the processing.
更に、その他の方法として、まず記録媒体から読み出されたプログラムが、コンピュータに挿入された機能拡張ボードやコンピュータに接続された機能拡張ユニットに備わるメモリに書き込まれる。そして、そのプログラムの指示に基づき、その機能拡張ボードや機能拡張ユニットに備わるＣＰＵ等が実際の処理の一部又は全部を行い、その処理によっても前述した実施形態の機能が実現される。 As another method, a program read from a recording medium is first written in a memory provided in a function expansion board inserted into the computer or a function expansion unit connected to the computer. Then, based on the instructions of the program, the CPU or the like provided in the function expansion board or function expansion unit performs part or all of the actual processing, and the functions of the above-described embodiments are also realized by the processing.
１１ ＵＩ制御装置
１１１ ＣＰＵ
１１２ 不揮発性メモリ
１１３ 揮発性メモリ
１１４ 記憶装置
１１５ 印刷部
１１６ スキャナ部
１１７ ＵＩオブジェクトとして表示する画像を保持する領域
11
DESCRIPTION OF
Claims (6)
ＵＩオブジェクト配置の編集情報を生成する手段と、
ユーザがカスタマイズした前記編集情報を解析する手段と、
ユーザがカスタマイズした前記編集情報を解析した情報を保持する手段と、
ＵＩオブジェクトの画像特定情報を生成する生成手段と、
ユーザがカスタマイズした画像特定情報を解析する手段と、
ＵＩ構成ファイルを編集する手段と、
前記スキャナ部が読み込んだ画像を管理する手段と、
前記ＵＩオブジェクトの画像を管理する手段と、
記憶装置の使用可能領域を管理する手段とを備えることを特徴とするＵＩ制御装置。 A UI control device including a printing unit and a scanner unit,
Means for generating editing information of UI object layout;
Means for analyzing the editing information customized by the user;
Means for storing information obtained by analyzing the editing information customized by the user;
Generating means for generating image identification information of a UI object;
Means for analyzing user-customized image identification information;
Means for editing the UI configuration file;
Means for managing images read by the scanner unit;
Means for managing images of said UI objects;
A UI control device comprising: means for managing a usable area of the storage device.
ＵＩオブジェクト配置の編集情報を生成するステップと、
ユーザがカスタマイズした前記編集情報を解析するステップと、
前記編集情報を解析した情報を保持するステップと、
ＵＩオブジェクトの画像特定情報を生成する生成ステップと、
ユーザがカスタマイズした前記特定情報を解析するステップと、
ＵＩ構成ファイルを編集するステップと、
前記スキャナ部が読み込んだ画像を管理するステップと、
前記ＵＩオブジェクトの画像を管理するステップと、
記憶装置の使用可能領域を管理するステップとを有することを特徴とする制御方法。 A control method of a UI control device including a printing unit and a scanner unit,
Generating editing information of UI object placement;
Analyzing the editing information customized by the user;
Holding information obtained by analyzing the editing information;
A generation step of generating image identification information of the UI object;
Analyzing the specific information customized by the user;
Editing the UI configuration file;
Managing the image read by the scanner unit;
Managing an image of the UI object;
And a step of managing a usable area of the storage device.
ＵＩオブジェクト配置の編集情報を生成するステップと、
ユーザがカスタマイズした前記編集情報を解析するステップと、
前記編集情報を解析した情報を保持するステップと、
ＵＩオブジェクトの画像特定情報を生成する生成ステップと、
ユーザがカスタマイズした前記特定情報を解析するステップと、
ＵＩ構成ファイルを編集するステップと、
前記スキャナ部が読み込んだ画像を管理するステップと、
前記ＵＩオブジェクトの画像を管理するステップと、
記憶装置の使用可能領域を管理するステップとをコンピュータに実行させるためのプログラム。 A program for controlling a UI control device including a printing unit and a scanner unit,
Generating editing information of UI object placement;
Analyzing the editing information customized by the user;
Holding information obtained by analyzing the editing information;
A generation step of generating image identification information of the UI object;
Analyzing the specific information customized by the user;
Editing the UI configuration file;
Managing the image read by the scanner unit;
Managing an image of the UI object;
A program for causing a computer to execute a step of managing an available area of a storage device.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2008126340A JP2009276931A (en) | 2008-05-13 | 2008-05-13 | Ui controller, its control method and program |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2008126340A JP2009276931A (en) | 2008-05-13 | 2008-05-13 | Ui controller, its control method and program |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| JP2009276931A true JP2009276931A (en) | 2009-11-26 |
Family
ID=41442323
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| JP2008126340A Pending JP2009276931A (en) | 2008-05-13 | 2008-05-13 | Ui controller, its control method and program |
Country Status (1)
| Country | Link |
|---|---|
| JP (1) | JP2009276931A (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2012159508A1 (en) * | 2011-05-23 | 2012-11-29 | 腾讯科技（深圳）有限公司 | Method for editing skin of client and skin editor |
-
2008
- 2008-05-13 JP JP2008126340A patent/JP2009276931A/en active Pending
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2012159508A1 (en) * | 2011-05-23 | 2012-11-29 | 腾讯科技（深圳）有限公司 | Method for editing skin of client and skin editor |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| JP2006099733A (en) | Picture display apparatus and picture displaying method and program | |
| US20100077379A1 (en) | Image processing apparatus, image processing method, and recording medium | |
| KR20060129177A (en) | Automatic generation of user interface descriptions through sketching | |
| JP2010061311A (en) | Information processor and computer program | |
| US7761433B2 (en) | Document processing apparatus, method and program | |
| US7843443B2 (en) | Display control apparatus, display control method and program | |
| JP2008269554A (en) | Source code generating device | |
| JP2010286903A (en) | Display controller, display control method, and program | |
| JP2007094853A (en) | Editing device, cellular phone, editing method and editing program | |
| US6922807B1 (en) | Object editing apparatus and method, and recording medium storing computer-readable program | |
| JP2020123234A (en) | Information processor, control method, and program thereof | |
| JP2008165408A (en) | Information processor, its control method, and program | |
| JP2008146225A (en) | Editor, edit method, and edit program | |
| JP2009276931A (en) | Ui controller, its control method and program | |
| US20060238819A1 (en) | Processing manipulation utilizing graphical user interface | |
| JP4845287B2 (en) | Form editing apparatus and method, and storage medium storing computer-readable program | |
| JP2020091697A (en) | Information processing apparatus, control method, and program | |
| JPH0728801A (en) | Image data processing method and device therefor | |
| JP2006072877A (en) | Document editing apparatus, document editing method, document editing program, and its recording medium | |
| JP2009015717A (en) | Form creation device, form creation method, program and storage medium | |
| JP4398361B2 (en) | OUTPUT CONTROL DEVICE, OUTPUT CONTROL METHOD, PROGRAM, AND RECORDING MEDIUM | |
| JP3157917B2 (en) | Data processing method and data processing device | |
| JP3248556B2 (en) | Information processing apparatus and method | |
| JP2001101327A (en) | Information processing method, information processor and printing system | |
| JP4667484B2 (en) | Image editing system, image editing method, program, and recording medium |