JP5222911B2

JP5222911B2 - Information processing apparatus and program

Info

Publication number: JP5222911B2
Application number: JP2010172396A
Authority: JP
Inventors: 雅法三部
Original assignee: Toshiba TEC Corp
Current assignee: Toshiba TEC Corp
Priority date: 2010-02-22
Filing date: 2010-07-30
Publication date: 2013-06-26
Anticipated expiration: 2030-07-30
Also published as: JP2011192256A

Description

本発明は、情報処理装置及びプログラムに関する。 The present invention relates to an information processing apparatus and a program.

例えばファミリーレストランや居酒屋等の多くの飲食店では、メニュー品目の注文の受付業務や会計業務等の種々の業務を支援する種々の業務支援装置が利用されている。これらの業務支援装置はネットワークを介して互いに接続されて協働することにより、各種の業務の支援を効率的に行うシステムが構築されることも多い。 For example, in many restaurants such as family restaurants and taverns, various business support devices are used to support various business operations such as a menu item order acceptance business and an accounting business. In many cases, these business support apparatuses are connected to each other via a network and cooperate to construct a system that efficiently supports various business operations.

さて、上記のような業務支援装置では、ユーザによる指示の入力にグラフィカルユーザインタフェースを利用することが一般的である。そしてこのグラフィカルユーザインタフェースにおける表示画像（グラフィカルユーザインタフェース画像）には、ユーザの指示を入力するための表示部品が複数配列される。なお上記の表示部品は、例えば注文されたメニュー品目を指定するためのボタンを仮想的に表した画像等を指す。 In the business support apparatus as described above, a graphical user interface is generally used for inputting an instruction by a user. In the display image (graphical user interface image) in this graphical user interface, a plurality of display components for inputting user instructions are arranged. Note that the display component indicates an image or the like that virtually represents a button for designating an ordered menu item.

上記のような業務支援装置は、高機能化に伴って操作が複雑となっており、操作説明を表したヘルプ画像を表示できることが望まれている。しかしながら、この種のヘルプ画像は、一般に操作説明を記述した文章を表す。このため、不慣れなユーザは、ヘルプ画像に示された操作説明に基づいてどの表示部品を、どのような操作手順で操作すればよいのかを認識することが困難である場合があった。 The operation support apparatus as described above is complicated in operation as the functions thereof are enhanced, and it is desired that a help image representing an operation explanation can be displayed. However, this type of help image generally represents a sentence describing an operation description. For this reason, it is sometimes difficult for an unfamiliar user to recognize which display component should be operated and in what operation procedure based on the operation description shown in the help image.

このような不具合への対策としてヘルプ画像に表示部品を表す画像を含めることが考えられる。しかしながらこの場合には、ヘルプ画像の限られた領域の一部を表示部品により専有することとなって、操作説明を記述した文章を示すための領域が小さくなってしまい、その文章が読み辛くなってしまう。 As a countermeasure against such a problem, it may be possible to include an image representing a display component in the help image. However, in this case, a part of the limited area of the help image is occupied exclusively by the display component, and the area for indicating the text describing the operation explanation becomes small, and the text becomes difficult to read. End up.

本発明は上記に鑑みてなされたものであって、操作説明の内容をユーザが容易に把握できるよう提示することが可能な情報処理装置及びそのプログラムを提供することを目的とする。 The present invention has been made in view of the above, and an object of the present invention is to provide an information processing apparatus capable of presenting the contents of the operation explanation so that the user can easily grasp the contents, and a program thereof.

上述した課題を解決し、目的を達成するために、本発明は、表示手段と、前記表示手段の表示画面に対するタッチ操作を検出する検出手段と、ユーザの指示を前記タッチ操作で入力するための複数の表示部品を配列した操作画像を前記表示画面内に表示させ、この操作画像に含まれた特定の表示部品へのタッチ操作が検出された場合に、当該操作画面を縮小し、この縮小化により生じる前記表示画面内の空き領域に、所定の処理を実現するための前記表示部品の一連のタッチ操作に関する説明文と、当該説明文を構成する一部の語句に当該語句に対応する前記表示部品を関連付ける設定をした画像領域と、前記画像領域の各々を関連付ける設定をしたナビゲーションボタンと、を含む説明画像を表示させる表示制御手段と、前記説明画像に含まれた前記ナビゲーションボタンへのタッチ操作が検出された場合に、このナビゲーション画像に関連付けられた前記画像領域を前記一連のタッチ操作に応じた順序で選択し、当該画像領域に関連付けられた前記操作画像内の表示部品を強調表示する強調表示手段と、を備える。 In order to solve the above-described problems and achieve the object, the present invention provides a display means, a detection means for detecting a touch operation on the display screen of the display means, and a user instruction input by the touch operation. An operation image in which a plurality of display components are arranged is displayed in the display screen, and when a touch operation to a specific display component included in the operation image is detected, the operation screen is reduced and the reduction is performed. In the empty area in the display screen generated by the above, an explanation regarding a series of touch operations of the display component for realizing a predetermined process, and a part of the words constituting the explanation, the display corresponding to the word an image area in which the set to associate the components, and navigation buttons that the set that associates each of the image areas, and a display control means for displaying a description image comprising, including the explanation image When the touch operation to the navigation buttons is detected, and select the image region associated with this navigation image in the order corresponding to the series of touch operations, the operation image associated with the image area Highlighting means for highlighting the display components.

また、本発明は、コンピュータを、表示手段の表示画面に対するタッチ操作を検出する検出手段と、ユーザの指示を前記タッチ操作で入力するための複数の表示部品を配列した操作画像を前記表示画面内に表示させ、この操作画像に含まれた特定の表示部品へのタッチ操作が検出された場合に、当該操作画面を縮小し、この縮小化により生じる前記表示画面内の空き領域に、所定の処理を実現するための前記表示部品の一連のタッチ操作に関する説明文と、当該説明文を構成する一部の語句に当該語句に対応する前記表示部品を関連付ける設定をした画像領域と、前記画像領域の各々を関連付ける設定をしたナビゲーションボタンと、を含む説明画像を表示させる表示制御手段と、前記説明画像に含まれた前記ナビゲーションボタンへのタッチ操作が検出された場合に、このナビゲーション画像に関連付けられた前記画像領域を前記一連のタッチ操作に応じた順序で選択し、当該画像領域に関連付けられた前記操作画面内の表示部品を強調表示する強調表示手段と、して機能させる。 The present invention also provides an operation image in the display screen in which a computer has a detection means for detecting a touch operation on the display screen of the display means and a plurality of display components for inputting a user instruction by the touch operation. When a touch operation on a specific display component included in the operation image is detected, the operation screen is reduced, and a predetermined process is performed in an empty area in the display screen generated by the reduction. Explanatory text relating to a series of touch operations on the display component for realizing the above, an image area set to associate the display component corresponding to the phrase with a part of the phrase constituting the explanatory text, and the image area A navigation button configured to associate each of them, display control means for displaying an explanation image including the navigation button, and a touch to the navigation button included in the explanation image. When an operation is detected, the image area associated with the navigation image is selected in an order corresponding to the series of touch operations, and the display component in the operation screen associated with the image area is highlighted. It functions as a highlighting means.

本発明によれば、ヘルプ画像における説明をユーザにより理解し易く表示できる情報処理装置及びプログラムを提供することができる。 ADVANTAGE OF THE INVENTION According to this invention, the information processing apparatus and program which can display the description in a help image so that a user can understand easily can be provided.

図１は、業務を支援する情報処理装置を含む接客支援システムの構成を示す図である。FIG. 1 is a diagram illustrating a configuration of a customer service support system including an information processing apparatus that supports business. 図２は、図１中の情報処理装置の構成を示すブロック図である。FIG. 2 is a block diagram showing a configuration of the information processing apparatus in FIG. 図３は、図２中のＨＤＤに記憶される部門ファイルのファイル構造を示す図である。FIG. 3 is a diagram showing the file structure of the department file stored in the HDD in FIG. 図４は、図２中のＨＤＤに記憶されるＰＬＵファイルのファイル構造を示す図である。FIG. 4 is a diagram showing the file structure of the PLU file stored in the HDD in FIG. 図５は、図２中のＣＰＵのフローチャートである。FIG. 5 is a flowchart of the CPU in FIG. 図６は、オーダー入力用のＧＵＩ画像の一例を示す図である。FIG. 6 is a diagram illustrating an example of a GUI image for order input. 図７は、オーダー入力用のＧＵＩ画像の一例を示す図である。FIG. 7 is a diagram illustrating an example of a GUI image for order input. 図８は、オーダー入力用のＧＵＩ画像の一例を示す図である。FIG. 8 is a diagram illustrating an example of a GUI image for order input. 図９は、図５中のナビゲーション処理の手順を示すフローチャートである。FIG. 9 is a flowchart showing the procedure of the navigation process in FIG. 図１０は、オーダー入力用のＧＵＩ画像の一例を示す図である。FIG. 10 is a diagram illustrating an example of an order input GUI image. 図１１は、オーダー入力用のＧＵＩ画像の一例を示す図である。FIG. 11 is a diagram illustrating an example of a GUI image for order input. 図１２は、オーダー入力用のＧＵＩ画像の一例を示す図である。FIG. 12 is a diagram illustrating an example of a GUI image for order entry. 図１３は、ナビゲーション処理の他の例の手順を示すフローチャートである。FIG. 13 is a flowchart illustrating the procedure of another example of the navigation process.

以下、図面を参照して本発明の実施形態について説明する。なお、本発明は以下に説明する実施形態に限定されるものではない。 Hereinafter, embodiments of the present invention will be described with reference to the drawings. The present invention is not limited to the embodiments described below.

図１は、業務を支援する情報処理装置を含む接客支援システムの構成を示す図である。この接客支援システムは、飲食店や販売店等のような顧客の注文に応じて飲食サービスや商品販売サービスを提供する任意の施設で利用可能である。ただし以下においては、飲食店での利用に適応するものとして構成された接客支援システムについて説明することとする。 FIG. 1 is a diagram illustrating a configuration of a customer service support system including an information processing apparatus that supports business. This customer service support system can be used in any facility that provides a food service or a product sales service in response to a customer order such as a restaurant or a store. However, in the following, the customer service support system configured to be adapted for use in restaurants will be described.

接客支援システムは、３つの情報処理装置１、キッチンプリンタ２及びステーション３をＬＡＮ（Local Area Network）４にそれぞれ接続して構成される。ただし、情報処理装置１は、１台のみを含んでもよいし、２台又は４台以上を含んでもよい。またキッチンプリンタ２は、２台以上を含み得る。 The customer service support system is configured by connecting three information processing apparatuses 1, a kitchen printer 2, and a station 3 to a LAN (Local Area Network) 4. However, the information processing apparatus 1 may include only one unit, or may include two units or four units or more. The kitchen printer 2 may include two or more.

情報処理装置１は、所定の業務を支援するための情報処理装置であって、例えば接客フロアやチェックアウトカウンタに設置される。本実施形態において、情報処理装置１は、顧客に対する案内業務、受注業務、給仕（配膳）業務、あるいは会計業務等各種の業務を支援するための処理を行う。そして、接客フロアに設置された情報処理装置１においては、案内業務、受注業務及び給仕（配膳）業務を支援するための処理が主として利用される。またチェックアウトカウンタに設置された情報処理装置１においては、さらに会計業務を支援するための処理が利用される。なお、情報処理装置１は、上記の業務の一部のみを支援する処理を行うことにより用途に特化したものとしてもよい。即ち、この情報処理装置１は、店舗における業務を支援するための業務支援装置としての機能を備えている。 The information processing apparatus 1 is an information processing apparatus for supporting a predetermined job, and is installed, for example, on a customer service floor or a checkout counter. In the present embodiment, the information processing apparatus 1 performs processing for supporting various operations such as guidance operations for customers, order receiving operations, serving (distribution) operations, and accounting operations. In the information processing apparatus 1 installed on the customer service floor, processing for supporting guidance work, order receiving work, and serving (distribution) work is mainly used. Further, in the information processing apparatus 1 installed in the checkout counter, processing for further supporting accounting work is used. Note that the information processing apparatus 1 may be specialized for use by performing processing that supports only a part of the above-described work. That is, the information processing apparatus 1 has a function as a business support device for supporting business in a store.

キッチンプリンタ２は、例えばキッチンに設置され、情報処理装置１から送信された受注情報に基づく調理指示伝票を調理人のために印字する。 The kitchen printer 2 is installed in a kitchen, for example, and prints a cooking instruction slip based on the order information transmitted from the information processing apparatus 1 for the cook.

ステーション３は、例えばバックヤードに設置され、情報処理装置１から送信された各種の情報を集計処理し、飲食店の営業に拘わる管理業務を支援する。またステーション３は、複数の情報処理装置１で共通に利用される情報の管理処理を行うこともある。 The station 3 is installed in, for example, a backyard and aggregates various types of information transmitted from the information processing apparatus 1 to support management work related to restaurant business. In addition, the station 3 may perform management processing of information that is commonly used by the plurality of information processing apparatuses 1.

図２は、情報処理装置１の構成を示すブロック図である。同図に示すように、情報処理装置１は、液晶ディスプレイ（ＬＣＤ）１０、表示コントローラ１１、タッチパネル１２、タッチパネルコントローラ１３、周辺機器インタフェース（周辺機器Ｉ／Ｆ）１４、通信インタフェース（通信Ｉ／Ｆ）１５、ＲＯＭ（read-only memory）１６、ＲＡＭ（random-access memory）１７、ＨＤＤ（hard disk drive）１８及びＣＰＵ（central processing unit）１９を含む。このうち、表示コントローラ１１、タッチパネルコントローラ１３、周辺機器インタフェース１４、通信インタフェース１５、ＲＯＭ１６、ＲＡＭ１７、ＨＤＤ１８及びＣＰＵ１９は、バスラインにそれぞれ接続されている。液晶ディスプレイ１０及びタッチパネル１２は、表示コントローラ１１及びタッチパネルコントローラ１３にそれぞれ接続されている。 FIG. 2 is a block diagram illustrating a configuration of the information processing apparatus 1. As shown in the figure, the information processing apparatus 1 includes a liquid crystal display (LCD) 10, a display controller 11, a touch panel 12, a touch panel controller 13, a peripheral device interface (peripheral device I / F) 14, and a communication interface (communication I / F). ) 15, ROM (read-only memory) 16, RAM (random-access memory) 17, HDD (hard disk drive) 18, and CPU (central processing unit) 19. Among these, the display controller 11, the touch panel controller 13, the peripheral device interface 14, the communication interface 15, the ROM 16, the RAM 17, the HDD 18, and the CPU 19 are respectively connected to the bus line. The liquid crystal display 10 and the touch panel 12 are connected to the display controller 11 and the touch panel controller 13, respectively.

液晶ディスプレイ１０は、表示コントローラ１１により駆動されて画像を表示する。表示コントローラ１１は、ＣＰＵ１９の制御の下にＲＡＭ１７から転送される画像データに応じた画像が表示されるように液晶ディスプレイ１０を制御する。 The liquid crystal display 10 is driven by the display controller 11 to display an image. The display controller 11 controls the liquid crystal display 10 so that an image corresponding to the image data transferred from the RAM 17 is displayed under the control of the CPU 19.

タッチパネル１２は、液晶ディスプレイ１０の表示面に積層配置されている。タッチパネル１２は、液晶ディスプレイ１０の表示画面へのユーザによるタッチがなされた際に、そのタッチ位置に応じた検出信号を出力する。タッチパネルコントローラ１３は、タッチパネル１２から出力された検出信号に基づいて上記のタッチ位置を表す座標情報を求め、この座標情報をＣＰＵ１９へ送る。 The touch panel 12 is stacked on the display surface of the liquid crystal display 10. When the user touches the display screen of the liquid crystal display 10, the touch panel 12 outputs a detection signal corresponding to the touch position. The touch panel controller 13 obtains coordinate information representing the touch position based on the detection signal output from the touch panel 12 and sends the coordinate information to the CPU 19.

周辺機器インタフェース１４には、プリンタ５や客面表示装置６等の周辺機器が必要に応じて接続される。周辺機器インタフェース１４は、接続されている周辺機器と通信する。周辺機器インタフェース１４としては、ＵＳＢ（universal serial bus）の汎用規格に準拠したインタフェース回路等を利用できる。なお、プリンタ５は、受注伝票、領収伝票あるいは各種のジャーナル等を印刷するために利用される。客面表示装置６は、会計結果や広告情報等を顧客に提示するための画像を表示するために利用される。プリンタ５及び客面表示装置６の少なくとも一方は、情報処理装置１に内蔵されていてもよい。 Peripheral devices such as the printer 5 and the customer display device 6 are connected to the peripheral device interface 14 as necessary. The peripheral device interface 14 communicates with connected peripheral devices. As the peripheral device interface 14, an interface circuit conforming to a universal standard of USB (universal serial bus) can be used. The printer 5 is used for printing an order slip, a receipt slip or various journals. The customer surface display device 6 is used to display an image for presenting the accounting result, advertisement information, etc. to the customer. At least one of the printer 5 and the customer display device 6 may be built in the information processing apparatus 1.

通信インタフェース１５は、キッチンプリンタ２及びステーション３とＬＡＮ４を介して通信する。通信インタフェース１５としては、イーサネット（登録商標）等の汎用規格に準拠したインタフェース回路等を利用できる。 The communication interface 15 communicates with the kitchen printer 2 and the station 3 via the LAN 4. As the communication interface 15, an interface circuit conforming to a general-purpose standard such as Ethernet (registered trademark) can be used.

ＲＯＭ１６は、ＣＰＵ１９の処理手順を記述したプログラムや、ＣＰＵ１９が各種の処理を実行する上で必要なデータ等を記憶している。 The ROM 16 stores a program describing the processing procedure of the CPU 19, data necessary for the CPU 19 to execute various processes, and the like.

ＲＡＭ１７は、ＣＰＵ１９が各種の処理を実行する上で必要なデータを必要に応じて記憶する。例えばＲＡＭ１７には、液晶ディスプレイ１０で表示する画像を表す画像情報が記憶される。またＲＡＭ１７は、ＣＰＵ１９が各種の処理を行う際のワークエリアとしても利用される。 The RAM 17 stores data necessary for the CPU 19 to execute various processes as necessary. For example, the RAM 17 stores image information representing an image to be displayed on the liquid crystal display 10. The RAM 17 is also used as a work area when the CPU 19 performs various processes.

ＨＤＤ１８は、ＣＰＵ１９の処理手順を記述したプログラムや、ＣＰＵ１９が各種の処理を実行する上で必要なデータ等を記憶している。ＨＤＤ１８が記憶するデータには、後述する部門ファイル及びＰＬＵ（price look up）ファイルを含む。またＨＤＤ１８が記憶するデータには、各種の画像を生成するための素材となる素材部品を表すデータが含まれる。この素材部品には、グラフィカルユーザインタフェース画像に配置するボタン部品も含まれる。 The HDD 18 stores a program describing a processing procedure of the CPU 19 and data necessary for the CPU 19 to execute various processes. The data stored in the HDD 18 includes a department file and a price look up (PLU) file which will be described later. The data stored in the HDD 18 includes data representing material parts that are materials for generating various images. The material parts include button parts to be arranged in the graphical user interface image.

ＣＰＵ１９は、ＲＯＭ１６やＨＤＤ１８に記憶されたプログラムに基づく処理を実行することによって、各種の処理手段として機能する。これらの処理手段の一つは、前述した各種の業務に関する指示のためのユーザによる操作のための操作画像を含んだグラフィカルユーザインタフェース画像を生成する。また上記の処理手段の一つは、上記の操作画像に基づくユーザ操作による指示に基づいて前述した各種の業務を支援するための各種の処理を実行する。 The CPU 19 functions as various processing means by executing processing based on programs stored in the ROM 16 and the HDD 18. One of these processing means generates a graphical user interface image including an operation image for an operation by a user for an instruction related to the various operations described above. Further, one of the above processing means executes various processes for supporting the various operations described above based on an instruction by a user operation based on the above operation image.

なお、情報処理装置１は、ＲＯＭ１６やＨＤＤ１８にプログラムが記憶された状態にて販売や譲渡がなされてもよいし、記憶媒体に記憶された状態や通信回線を介した通信により販売又は譲渡されたプログラムが任意に情報処理装置１にインストールされてもよい。なお、上記の記憶媒体としては、磁気ディスク、光磁気ディスク、光ディスク、あるいは半導体メモリ等のあらゆる種類のものを利用できる。 Note that the information processing apparatus 1 may be sold or transferred with the program stored in the ROM 16 or the HDD 18, or sold or transferred by the state stored in the storage medium or communication via a communication line. The program may be arbitrarily installed in the information processing apparatus 1. As the storage medium, any type of magnetic disk, magneto-optical disk, optical disk, semiconductor memory, or the like can be used.

図３は部門ファイルのファイル構造を示す図である。部門ファイルは、部門番号、部門名、タグ位置及び備考の各情報フィールドをそれぞれ含んだ複数のデータレコードの集合からなる。これらのデータレコードは、個別の部門に関する情報がそれぞれ記述される。具体的には、部門番号の情報フィールドには、メニュー品目を分類するべく定められた複数の部門のそれぞれに割り付けられた番号が記述される。部門名の情報フィールドには、上記の部門のそれぞれを識別するための名称が記述される。タグ位置の情報フィールドには、後述するオーダー入力用のグラフィカルユーザインタフェース画像（以下、ＧＵＩ画像と記す）におけるボタン部品の配置位置が記述される。備考には、その他の備考情報が必要に応じて記述される。なお図３においては、いずれのデータレコードも備考情報が記述されていない。 FIG. 3 shows the file structure of the department file. The department file is composed of a set of a plurality of data records each including information fields of department number, department name, tag position, and remarks. In these data records, information on individual departments is described. Specifically, a number assigned to each of a plurality of departments determined to classify the menu items is described in the department number information field. In the department name information field, a name for identifying each of the departments is described. In the tag position information field, an arrangement position of a button part in an order input graphical user interface image (hereinafter referred to as a GUI image) to be described later is described. In the remarks, other remark information is described as necessary. In FIG. 3, remark information is not described in any data record.

図３の例では、「ドリンク」「デザート」「和膳」「和洋食」「丼もの」「鍋もの」「うどん＆そば」「一品料理」ならびに「健菜とサラダ」なる９つの部門が定められており、これらの部門には「０１」〜「０９」の各部門番号がそれぞれ割り付けられていることが部門ファイルに記述されている。そして例えば、「ドリンク」なる部門に対応するボタン部品の配置位置が「２行５列」であることが部門ファイルに記述されている。 In the example of FIG. 3, nine categories of “drink”, “dessert”, “Japanese candy”, “Japanese and Western food”, “boiled food”, “nabe stuff”, “udon & soba”, “one dish”, and “kenna and salad” are defined. It is described in the department file that the department numbers “01” to “09” are assigned to these departments. For example, it is described in the department file that the arrangement position of the button component corresponding to the department “drink” is “2 rows and 5 columns”.

図４はＰＬＵファイルのファイル構造を示す図である。ＰＬＵファイルは、コード、部門、割付、画像、メニュー名、単価、持帰り、奉仕料対象及びボタン色の各情報フィールドをそれぞれ含んだ複数のデータレコードの集合からなる。これらのデータレコードには、個別のメニュー品目に関する情報が記述される。コードの情報フィールドには、個々のメニュー品目に割り付けられたコードが記述される。部門の情報フィールドには、個々のメニュー品目が属する部門の部門番号が記述される。割付の情報フィールドには、オーダー入力用のＧＵＩ画像におけるボタン部品の配置位置が記述される。画像の情報フィールドには、ボタン部品に重畳表示する画像が記述される。メニュー名の情報フィールドには、個々のメニュー品目の名称が記述される。単価の情報フィールドには、個々のメニュー品目の単価が記述される。持帰りの情報フィールドには、個々のメニュー品目の持ち帰りの可否が記述される。奉仕料対象の情報フィールドには、個々のメニュー品目が奉仕料徴収の対象となるか否かが記述される。ボタン色の情報フィールドは、ボタン部品の色が記述される。 FIG. 4 shows the file structure of the PLU file. The PLU file is composed of a set of a plurality of data records each including information fields of code, department, assignment, image, menu name, unit price, takeout, service charge object, and button color. In these data records, information about individual menu items is described. In the code information field, a code assigned to each menu item is described. In the department information field, the department number of the department to which each menu item belongs is described. In the allocation information field, an arrangement position of the button component in the order input GUI image is described. In the image information field, an image to be superimposed and displayed on the button component is described. In the menu name information field, names of individual menu items are described. The unit price of each menu item is described in the unit price information field. In the take-out information field, whether or not each menu item can be taken home is described. In the information field of the service fee target, it is described whether each menu item is subject to service fee collection. The button color information field describes the color of the button component.

なお、部門ファイル及びＰＬＵファイルは、接客支援システムが使用される飲食店における営業実態に基づいて、例えば接客支援システムの導入作業の一環として作成されてＨＤＤ１８に書き込まれる。また部門ファイル及びＰＬＵファイルは、ステーション３に内臓又は接続された記憶媒体のみにより記憶されてもよいし、そのような記憶媒体とＨＤＤ１８との双方により記憶されてもよい。 Note that the department file and the PLU file are created and written to the HDD 18 as part of the introduction work of the customer service support system, for example, based on the actual business situation in the restaurant where the customer service support system is used. Further, the department file and the PLU file may be stored only by a storage medium built in or connected to the station 3, or may be stored by both such a storage medium and the HDD 18.

次に接客支援システムの動作について説明する。顧客の注文についてのオーダー情報が店員によって情報処理装置１に入力されると、入力されたオーダー情報はＬＡＮ４を介してステーション３に伝送される。ステーション３は、到来したオーダー情報を、会計処理や集計処理等のために管理する。またステーション３は、オーダー情報をＬＡＮ４を介してキッチンプリンタ２へと送信する。キッチンプリンタ２は、到来したオーダー情報に応じた内容の調理指示伝票を印字する。 Next, the operation of the customer service support system will be described. When order information about a customer order is input to the information processing apparatus 1 by a store clerk, the input order information is transmitted to the station 3 via the LAN 4. The station 3 manages the incoming order information for accounting processing, totalization processing, and the like. Further, the station 3 transmits the order information to the kitchen printer 2 via the LAN 4. The kitchen printer 2 prints a cooking instruction slip having contents corresponding to the incoming order information.

さて、上記のようなオーダー情報の入力に使用される情報処理装置１は、例えば店員によってオーダー入力モードに設定される。このオーダー入力モードが設定されているときにＣＰＵ１９は、図５に示す処理を実行する。ただし、図５においては本実施の形態の特徴的な一部の処理のみを示している。 Now, the information processing apparatus 1 used for inputting the order information as described above is set to the order input mode by a store clerk, for example. When the order input mode is set, the CPU 19 executes the process shown in FIG. However, FIG. 5 shows only a part of the characteristic processing of the present embodiment.

ステップＳ１１においてＣＰＵ１９は、オーダー入力用のＧＵＩ画像を生成し、このＧＵＩ画像をＬＣＤ１０に表示させる。具体的には、ＣＰＵ１９は図６に示すようなレイアウトのＧＵＩ画像７０を示す画像データをＲＡＭ１７に生成する。 In step S <b> 11, the CPU 19 generates a GUI image for order input, and displays the GUI image on the LCD 10. Specifically, the CPU 19 generates image data indicating a GUI image 70 having a layout as shown in FIG.

ＧＵＩ画像７０は、オーダー入力のための操作画像７１を含む。操作画像７１は、領域７１ａ，７１ｂ，７１ｃを含んでいる。領域７１ａは、オーダー入力の結果を表す。領域７１ｂには、メニュー品目を指定するための複数のボタン部品が配列される。領域７１ｃには、オーダー入力操作に関わる付加機能を指定するための複数のボタン部品が配列される。 The GUI image 70 includes an operation image 71 for order input. The operation image 71 includes areas 71a, 71b, and 71c. The area 71a represents the result of order entry. A plurality of button parts for designating menu items are arranged in the area 71b. In the area 71c, a plurality of button parts for designating additional functions related to the order input operation are arranged.

領域７１ｂに配置されるボタン部品には、部門がそれぞれ関連付けられた複数のボタン部品と、メニュー品目がそれぞれ関連付けられた複数のボタン部品とを含む。部門がそれぞれ関連付けられた複数のボタン部品を配列する領域と、メニュー品目がそれぞれ関連付けられた複数のボタン部品を配列する領域とは、それぞれ個別に予め定義されており、ＣＰＵ１９は、これらの領域内での各ボタン部品の位置を部門ファイル及びＰＬＵファイルに記述された情報に基づいて決定する。そしてＣＰＵ１９は、領域７１ｂ，７１ｃに配置するべきボタン部品の情報をＨＤＤ１８から取得して、その情報を配置位置に応じてＲＡＭ１７に展開する。 The button parts arranged in the area 71b include a plurality of button parts each associated with a department and a plurality of button parts each associated with a menu item. An area for arranging a plurality of button parts each associated with a department and an area for arranging a plurality of button parts each associated with a menu item are individually defined in advance, and the CPU 19 The position of each button part is determined based on information described in the department file and the PLU file. Then, the CPU 19 acquires information on button parts to be arranged in the areas 71b and 71c from the HDD 18 and expands the information in the RAM 17 according to the arrangement position.

ＧＵＩ画像７０は、操作画像７１の外にも複数のボタン部品を配置している。これらのボタン部品のうちの一つであるボタン部品７２には、操作説明の表示（ヘルプ表示）の要求の入力が関連付けられている。ここで、ＧＵＩ画像７０内の各ボタン部品やユーザが操作可能な領域は、ユーザの指示を入力するための「表示部品」に対応し、所定の機能が予め関連付けられている。 In the GUI image 70, a plurality of button parts are arranged in addition to the operation image 71. The button part 72 which is one of these button parts is associated with an input of a request for displaying an operation explanation (help display). Here, each button component in the GUI image 70 and a region operable by the user correspond to a “display component” for inputting a user instruction, and a predetermined function is associated in advance.

なお、図６における領域７１ａはオーダー入力がなされた後の状態を示している。これは、領域７１ａの機能を把握し易くするためであり、ＣＰＵ１９がステップＳ１１において生成するＧＵＩ画像には、具体的なオーダー入力の結果の情報はまだ含まれない。 In addition, the area | region 71a in FIG. 6 has shown the state after order input was made. This is for facilitating the understanding of the function of the area 71a, and the GUI image generated by the CPU 19 in step S11 does not yet include specific order input result information.

そしてＧＵＩ画像７０を示す画像データを生成し終えたならばＣＰＵ１９は、表示コントローラ１１に対してその画像データを転送するとともに、表示を指示する。これに応じて表示コントローラ１１は、転送された画像データに応じてＧＵＩ画像７０が表示されるようにＬＣＤ１０を駆動する。 When the image data indicating the GUI image 70 has been generated, the CPU 19 transfers the image data to the display controller 11 and instructs the display. In response to this, the display controller 11 drives the LCD 10 so that the GUI image 70 is displayed according to the transferred image data.

ＧＵＩ画像７０がＬＣＤ１０によって表示された状態でＣＰＵ１９は、ユーザによりＧＵＩ操作が行われるのを待ち受ける（ステップＳ１２；Ｎｏ）。なお本実施形態では、ＧＵＩ操作はＬＣＤ１０の表示画面をユーザが指等でタッチすることにより行われる。そこでＣＰＵ１９は、タッチパネルコントローラ１３から検出信号が与えられたならば、ユーザによるＧＵＩ操作がなされたと判断し（ステップＳ１２；Ｙｅｓ）、ステップＳ１３に移行する。 In a state where the GUI image 70 is displayed on the LCD 10, the CPU 19 waits for a GUI operation by the user (step S12; No). In the present embodiment, the GUI operation is performed when the user touches the display screen of the LCD 10 with a finger or the like. Therefore, if a detection signal is given from the touch panel controller 13, the CPU 19 determines that a GUI operation has been performed by the user (step S12; Yes), and proceeds to step S13.

ステップＳ１３においてＣＰＵ１９は、上記のなされたＧＵＩ操作の内容を判定する。具体的にはＣＰＵ１９は、上記の検出信号に基づいてタッチ位置を判断し、そのタッチ位置に存在する表示部品に関連付けられている機能を、ユーザが指定した機能として判定する。例えば、メニュー品目が関連付けられたボタン部品をユーザがタッチしたならば、該当するボタン部品に関連付けられたメニュー品目が注文されたことの入力であると判定する。 In step S13, the CPU 19 determines the content of the GUI operation performed as described above. Specifically, the CPU 19 determines the touch position based on the detection signal, and determines the function associated with the display component existing at the touch position as the function designated by the user. For example, if the user touches the button part associated with the menu item, it is determined that the input is that the menu item associated with the corresponding button part has been ordered.

続いて、ＣＰＵ１９は、タッチ位置に存在する表示部品に割り付けられている機能を実行することで、ユーザによる指示に応じた処理を実行する。ここで、ヘルプ表示以外の機能が指定されたならば（ステップＳ１３；その他）、ＣＰＵ１９は、その指定に応じた図示しない処理に移行し、その処理を実行する。例えば、部門が関連付けられたボタン部品をタッチすることによって部門の切り換えが指定されたならばＣＰＵ１９は、タッチされたボタン部品に関連付けられた部門に属するメニュー品目のボタン部品が配列されるように領域７１ｂを更新する。また、メニュー品目が関連付けられたボタン部品をタッチすることによってオーダー情報が入力されたならばＣＰＵ１９は、タッチされたボタン部品に関連付けられたメニュー品目に関するオーダー情報をステーション３に送信するとともに、そのオーダー入力の結果を表すように領域７１ａにおける表示内容を更新する。なお、別の業務を支援するための処理の起動や処理の停止等のような図５の処理の終了条件に合致する要求がなされた場合以外では、操作に応じた処理の完了後にＣＰＵ１９はステップＳ１２の待ち受け状態に戻る。 Subsequently, the CPU 19 executes a function according to an instruction from the user by executing a function assigned to the display component existing at the touch position. If a function other than the help display is designated (step S13; other), the CPU 19 shifts to a process (not shown) according to the designation and executes the process. For example, if department switching is specified by touching a button part associated with a department, the CPU 19 displays an area so that button parts of menu items belonging to the department associated with the touched button part are arranged. 71b is updated. If the order information is input by touching the button part associated with the menu item, the CPU 19 transmits the order information regarding the menu item associated with the touched button part to the station 3, and The display content in the area 71a is updated so as to represent the input result. Note that the CPU 19 performs a step after the completion of the process according to the operation, except when a request that matches the process end condition of FIG. 5 is made, such as starting a process for supporting another job or stopping the process. Return to the standby state of S12.

さて、例えばボタン部品７２がタッチされる等してヘルプ表示が要求されたのであれば（ステップＳ１３；ヘルプ表示要求）、ＣＰＵ１９はステップＳ１４に移行する。そして、ＣＰＵ１９は、その時点でＬＣＤ１０に表示させているＧＵＩ画像７０における操作画像７１内の画像を横方向に一定の率で縮小する（ステップＳ１４）。 If the help display is requested, for example, by touching the button component 72 (step S13; help display request), the CPU 19 proceeds to step S14. Then, the CPU 19 reduces the image in the operation image 71 in the GUI image 70 displayed on the LCD 10 at that time at a constant rate in the horizontal direction (step S14).

続いて、ＣＰＵ１９は、ＬＣＤ１０に表示させる画像を、図７に示すようなレイアウトのＧＵＩ画像８０に更新する（ステップＳ１５）。具体的には、ＣＰＵ１９は、ＧＵＩ画像７０における操作画像７１の左端に寄せた状態で操作画像７１を縮小して得られた操作画像８１を配置する。そしてＣＰＵ１９は、操作画像７１よりも操作画像８１が小さいことにより生じる空き領域をヘルプ画像８２とし、このヘルプ画像８２に、トピック選択画像８２１、説明画像８２２を配置することによって、ＧＵＩ画像８０を生成する。説明画像８２２は、それを表すデータがＲＯＭ１６又はＨＤＤ１８に予め記憶されており、ＣＰＵ１９はそのデータに基づく画像をＲＡＭ１７に展開する。 Subsequently, the CPU 19 updates the image to be displayed on the LCD 10 to a GUI image 80 having a layout as shown in FIG. 7 (step S15). Specifically, the CPU 19 arranges an operation image 81 obtained by reducing the operation image 71 in a state where the operation image 71 is moved to the left end of the GUI image 70. Then, the CPU 19 generates a GUI image 80 by arranging a topic selection image 821 and an explanation image 822 in the help image 82 as an empty area generated when the operation image 81 is smaller than the operation image 71. To do. In the explanation image 822, data representing it is stored in advance in the ROM 16 or the HDD 18, and the CPU 19 develops an image based on the data in the RAM 17.

トピック選択画像８２１は、各種のヘルプトピックを選択するための領域であって、選択されたヘルプトピックの説明文が説明画像８２２に表示されるよう構成されている。なお、図７では、ヘルプトピックとして「テイクアウト登録」が選択された状態を表わしている。 The topic selection image 821 is an area for selecting various help topics, and is configured such that an explanatory text of the selected help topic is displayed on the description image 822. FIG. 7 shows a state where “takeout registration” is selected as the help topic.

説明画像８２２は、トピック選択画像８２１で選択されたヘルプトピックに応じた操作方法を、説明するためのヘルプ情報（説明文）を表示するよう構成されている。この説明画像８２２を表すデータは、例えばＨＴＭＬ（HyperText Markup Language）等のような周知のページ記述言語により作成されたものを利用可能である。図７では、ヘルプトピック「テイクアウト登録」について、「伝票単位」と「アイテム単位」との二つの業務項目が含まれており、「伝票単位」での登録方法を説明した説明文と、「アイテム単位」での登録方法を説明した説明文とが区分けされて表示されている。 The explanation image 822 is configured to display help information (description) for explaining the operation method according to the help topic selected in the topic selection image 821. As the data representing the explanation image 822, data created by a well-known page description language such as HTML (HyperText Markup Language) can be used. In FIG. 7, the help topic “takeout registration” includes two business items, “unit of slip” and “unit of item”, an explanatory text explaining the registration method in “unit of slip”, and “item An explanation explaining the registration method in “unit” is displayed separately.

具体的に、伝票単位の説明文では、操作手順１として伝票ＴＯボタンをタッチすることで、操作手順２として全ての商品名の前に‘Ｔ’が表示されることが表わされている。また、アイテム単位の説明文では、操作手順１としてアイテムＴＯボタンをタッチし、操作手順２として明細エリアメニューをタッチし、操作手順３としてＯＫボタンをタッチすることが表されている。 Specifically, in the explanation in units of slips, “T” is displayed in front of all product names as the operation procedure 2 by touching the slip TO button as the operation procedure 1. Further, the item-by-item description indicates that the item TO button is touched as the operation procedure 1, the detail area menu is touched as the operation procedure 2, and the OK button is touched as the operation procedure 3.

また、説明画像８２２に表示された説明文を構成する語句のうち、ＧＵＩ画像８０内に存在する所定の表示部品（ボタン部品や領域）を表わす一部の語句が表示される画像領域に、その対応する表示部品を関連付けるための設定が予め行われている。ここで、画像領域は、その語句を表わす文字列自体、又は、当該語句が画面上に表示される領域を意味する。以下、この画像領域を“関連付け領域”という。 Further, among words constituting the explanatory text displayed in the explanation image 822, an image area in which a part of words representing a predetermined display part (button part or area) existing in the GUI image 80 is displayed. Settings for associating corresponding display components are performed in advance. Here, the image area means a character string representing the word or an area where the word is displayed on the screen. Hereinafter, this image area is referred to as an “association area”.

本実施形態では、「伝票単位」の説明文に含まれた［伝票ＴＯ］、「アイテム単位」の説明文に含まれた［アイテムＴＯ］、［明細エリア］及び［ＯＫ］が関連付け領域に対応し、これら関連付け領域のそれぞれに、対応するボタン部品や領域が予め関連付けられている。具体的に、関連付け領域［伝票ＴＯ］は、操作画像８１内のボタン部品８１ａと関連付けされている。また、関連付け領域［アイテムＴＯ］は、操作画像８１内のボタン部品８１ｂと関連付けされている。また、関連付け領域［明細エリア］は、操作画像８１内の領域８１ｃと関連付けされている。また、関連付け領域［ＯＫ］は、ボタン部品８３と関連付けされている。 In this embodiment, [slip TO] included in the description of “slip unit”, [item TO], [detail area], and [OK] included in the description of “item unit” correspond to the association area. In addition, corresponding button parts and regions are associated in advance with each of these association regions. Specifically, the association area [slip TO] is associated with the button component 81 a in the operation image 81. The association area [item TO] is associated with the button component 81 b in the operation image 81. The association area [detail area] is associated with the area 81 c in the operation image 81. The association area [OK] is associated with the button component 83.

また、説明画像８２２に表示される各業務項目には、その説明文に示された操作手順を支援するためのナビゲーションボタンが設けられている。ここで、ナビゲーションボタンは、説明文に示された操作手順のナビゲーションを指示するためのボタン部品である。このナビゲーションボタンには、対応する業務項目の説明分に含まれる各関連付け領域が、その操作手順に応じた順序で関連付けて設定されている。 Each business item displayed in the explanation image 822 is provided with a navigation button for supporting the operation procedure indicated in the explanation. Here, the navigation button is a button component for instructing the navigation of the operation procedure indicated in the explanatory text. In this navigation button, the association areas included in the explanation of the corresponding business item are set in association with each other in the order corresponding to the operation procedure.

例えば、図７に示すボタン部品８２２ａは、伝票単位でのテイクアウト登録に係る操作手順をナビゲーションするためのナビゲーションボタンである。このボタン部品８２２ａには、操作手順１に対応する関連付け領域［伝票ＴＯ］が関連付けされている。また、ボタン部品８２２ｂは、アイテム単位でのテイクアウト登録に係る操作手順をナビゲーションするためのナビゲーションボタンである。この、ボタン部品８２２ｂには、操作手順１〜３に対応する関連付け領域がその操作手順に応じた順序、即ち［アイテムＴＯ］、［明細エリア］、［ＯＫ］の順序で関連付けされている。 For example, a button component 822a shown in FIG. 7 is a navigation button for navigating an operation procedure related to takeout registration in slip units. The button component 822a is associated with an association area [slip TO] corresponding to the operation procedure 1. The button component 822b is a navigation button for navigating an operation procedure related to takeout registration in item units. The button parts 822b are associated with the association areas corresponding to the operation procedures 1 to 3 in the order corresponding to the operation procedures, that is, the order of [item TO], [detail area], and [OK].

なお、図７では、説明画像８２２の業務項目（伝票単位、アイテム単位）毎にナビゲーションボタンが配置された例を示したが、これに限らず、トピック選択画像８２１の各ヘルプトピック（例えば、「メニューＮｏ登録」等）についても、その業務項目毎にナビゲーションボタンが設けられているものとする。 FIG. 7 shows an example in which navigation buttons are arranged for each business item (slip unit, item unit) of the explanation image 822. However, the present invention is not limited to this, and each help topic (for example, “ As for “menu No. registration” and the like, it is assumed that a navigation button is provided for each business item.

また、ＧＵＩ画像８０には、操作画像８１及びヘルプ画像８２の外にも複数のボタン部品を配置している。これらのボタン部品のうちの一つであるボタン部品８３には、操作説明の表示（ヘルプ表示）の削除要求の入力が関連付けられている。 In addition to the operation image 81 and the help image 82, a plurality of button parts are arranged on the GUI image 80. The button component 83, which is one of these button components, is associated with an input of an operation instruction display (help display) deletion request.

ＧＵＩ画像８０がＬＣＤ１０によって表示された状態でＣＰＵ１９は、ユーザによりＧＵＩ操作が行われるのを待ち受ける（ステップＳ１６；Ｎｏ）。そしてＣＰＵ１９は、ユーザによるＧＵＩ操作がなされたならば（ステップＳ１６；Ｙｅｓ）、ステップＳ１７以降の処理に移行する。 While the GUI image 80 is displayed on the LCD 10, the CPU 19 waits for a GUI operation by the user (step S16; No). If the GUI operation is performed by the user (step S16; Yes), the CPU 19 proceeds to processing after step S17.

ステップＳ１６でなされたＧＵＩ操作が、ヘルプ表示の削除要求、つまりボタン部品８３がタッチされる等してヘルプ表示の削除が要求されたのであれば（ステップＳ１７；Ｙｅｓ）、ＣＰＵ１９は、ステップＳ１８に移行する。そして、ＣＰＵ１９は、ヘルプ画像を除去すると（ステップＳ１８）、操作画像を元に戻して、ＬＣＤ１０での表示画像をＧＵＩ画像７０のような下のレイアウトのＧＵＩ画像に戻す（ステップＳ１９）。こののちにＣＰＵ１９は、ステップＳ１２の待ち受け状態に戻る。 If the GUI operation performed in step S16 is a request for deleting help display, that is, if deletion of help display is requested by touching the button component 83 (step S17; Yes), the CPU 19 proceeds to step S18. Transition. When the help image is removed (step S18), the CPU 19 returns the operation image to the original, and returns the display image on the LCD 10 to a GUI image having a lower layout such as the GUI image 70 (step S19). Thereafter, the CPU 19 returns to the standby state in step S12.

また、ステップＳ１６でなされたＧＵＩ操作として、説明画像８２２内の関連付け領域がタッチされたならば（ステップＳ１７；Ｎｏ→ステップＳ２０；Ｙｅｓ）、ＣＰＵ１９はステップＳ２１に移行する。ステップＳ２１においてＣＰＵ１９は、タッチされた関連付け領域を強調するように説明画像を変更するとともに、この関連付け領域に関連付けられた表示部品を強調するようにＧＵＩ画像を変更することによって、ＬＣＤ１０にて表示中のＧＵＩ画像を更新する（ステップＳ２１）。 If the association area in the explanation image 822 is touched as the GUI operation performed in step S16 (step S17; No → step S20; Yes), the CPU 19 proceeds to step S21. In step S21, the CPU 19 changes the explanation image so as to emphasize the touched association area, and changes the GUI image so as to emphasize the display component associated with the association area, so that the display on the LCD 10 is being performed. The GUI image is updated (step S21).

例えば、図７に示す説明画像８２２に関連付け領域［アイテムＴＯ］がタッチされた場合、ＣＰＵ１９は、この関連付け領域［アイテムＴＯ］に関連付けられた操作画像８１内のボタン部品８１ｂを強調表示することで、ＬＣＤ１０における表示を、図７に示したＧＵＩ画像８０から図８に示したＧＵＩ画像９０に更新する。ここで、ＧＵＩ画像９０は、上述した操作画像８１及びヘルプ画像８２（トピック選択画像８２１、説明画像８２２）に対応する操作画像９１及びヘルプ画像９２（トピック選択画像９２１、説明画像９２２）を含む。 For example, when the association area [item TO] is touched on the explanation image 822 shown in FIG. 7, the CPU 19 highlights the button component 81b in the operation image 81 associated with the association area [item TO]. The display on the LCD 10 is updated from the GUI image 80 shown in FIG. 7 to the GUI image 90 shown in FIG. Here, the GUI image 90 includes an operation image 91 and a help image 92 (topic selection image 921 and explanation image 922) corresponding to the operation image 81 and help image 82 (topic selection image 821 and explanation image 822) described above.

図８において、操作画像９１は、枠９１ａ及びマーク９１ｂを追加するように操作画像８１を変更したものである。枠９１ａ及びマーク９１ｂは、アイテムＴＯと表示されたボタン部品を指し示して強調するように配置される。なお、枠９１ａ及びマーク９１ｂは、ＧＵＩ画像９０中で目立つ色を使用するのが好ましい。 In FIG. 8, an operation image 91 is obtained by changing the operation image 81 to add a frame 91a and a mark 91b. The frame 91a and the mark 91b are arranged so as to point out and emphasize the button component displayed as the item TO. The frame 91a and the mark 91b preferably use a conspicuous color in the GUI image 90.

説明画像９２２は、［アイテムＴＯ］と表されている領域を反転表示とするように説明画像８２２を変更したものである。ただし図８においては、見辛くなってしまうことを避けるために、反転表示される領域のみを枠９２ａにより示している。なお、ＧＵＩ画像９０において関連付け領域及び表示部品を強調するための表示方法は任意であってよい。そしてこのようにＧＵＩ画像を更新し終えたならばＣＰＵ１９は、ステップＳ１６の待ち受け状態に戻る。 The explanation image 922 is obtained by changing the explanation image 822 so that the area represented by [Item TO] is displayed in reverse video. However, in FIG. 8, in order to avoid being difficult to see, only the area to be highlighted is indicated by a frame 92a. Note that a display method for emphasizing the association area and the display component in the GUI image 90 may be arbitrary. When the update of the GUI image is completed in this way, the CPU 19 returns to the standby state in step S16.

また、ステップＳ１６でなされたＧＵＩ操作が、説明画像８２２の何れかの業務項目について配置されたナビゲーションボタンのタッチ操作であった場合（ステップＳ１７；Ｎｏ→ステップＳ２０；Ｎｏ→ステップＳ２２；Ｙｅｓ）、ＣＰＵ１９は、このタッチされたナビゲーションボタンについて、ステップＳ２３のナビゲーション処理を実行する。以下、図９を参照して、ステップＳ２３のナビゲーション処理について説明する。 When the GUI operation performed in step S16 is a touch operation of a navigation button arranged for any business item in the explanation image 822 (step S17; No → Step S20; No → Step S22; Yes), The CPU 19 executes the navigation process of step S23 for the touched navigation button. Hereinafter, the navigation processing in step S23 will be described with reference to FIG.

まず、ＣＰＵ１９は、ナビゲーションボタンに関連付けられた関連付け領域の順序に従い、該関連付け領域を一つ選択する（ステップＳ３１）。続いて、ＣＰＵ１９は、選択した関連付け領域を強調するように説明画像を変更するとともに、この関連付け領域に関連付けられた表示部品を強調するように操作画像を変更することによって、ＬＣＤ１０にて表示中のＧＵＩ画像を更新する（ステップＳ３２）。 First, the CPU 19 selects one of the association areas according to the order of the association areas associated with the navigation buttons (step S31). Subsequently, the CPU 19 changes the explanation image so as to emphasize the selected association area, and changes the operation image so as to emphasize the display component associated with the association area, thereby displaying the currently displayed image on the LCD 10. The GUI image is updated (step S32).

次いで、ＣＰＵ１９は、図示しないＲＴＣ（Real Time Clock）等の計時装置を用いて時間計時を行い、所定時間が経過するまで現在表示中のＧＵＩ画像を保持する（ステップＳ３３；Ｎｏ）。ここで、所定時間が経過すると（ステップＳ３３；Ｙｅｓ）、ＣＰＵ１９はステップＳ３４に移行する。そして、ＣＰＵ１９は、全ての関連付け領域を選択したか否かを判定し、未選択の関連付け領域が存在する場合には（ステップＳ３４；Ｎｏ）、ステップＳ３１に再び戻る。また、ステップＳ３４において、全ての関連付け領域を選択した場合には（ステップＳ３４；Ｙｅｓ）、ＣＰＵ１９は図５に示したステップＳ１６の待ち受け状態に戻る。 Next, the CPU 19 performs time measurement using a time measuring device such as an RTC (Real Time Clock) (not shown), and holds the GUI image currently displayed until a predetermined time has elapsed (step S33; No). Here, when the predetermined time has elapsed (step S33; Yes), the CPU 19 proceeds to step S34. Then, the CPU 19 determines whether or not all the association areas have been selected, and when there is an unselected association area (Step S34; No), the CPU 19 returns to Step S31 again. If all the association areas are selected in step S34 (step S34; Yes), the CPU 19 returns to the standby state in step S16 shown in FIG.

例えば、図７に示す説明画像８２２中において、ナビゲーションボタンであるボタン部品８２２ｂがタッチされた場合、ＣＰＵ１９はＬＣＤ１０における表示を、図７に示したＧＵＩ画像８０から図１０に示したＧＵＩ画像１００に更新する。ここで、ＧＵＩ画像１００は、上述した操作画像８１及びヘルプ画像８２（トピック選択画像８２１、説明画像８２２）に対応する、操作画像１０１及びヘルプ画像１０２（トピック選択画像１０２１、説明画像１０２２）を含む。 For example, in the explanation image 822 shown in FIG. 7, when the button component 822b which is a navigation button is touched, the CPU 19 changes the display on the LCD 10 from the GUI image 80 shown in FIG. 7 to the GUI image 100 shown in FIG. Update. Here, the GUI image 100 includes an operation image 101 and a help image 102 (topic selection image 1021 and explanation image 1022) corresponding to the operation image 81 and help image 82 (topic selection image 821 and explanation image 822) described above. .

操作画像１０１は、枠１０１ａ及び操作手順を表すマーク１０１ｂを追加するように操作画像８１を変更したものである。枠１０１ａ及びマーク１０１ｂは、アイテムＴＯと表示されたボタン部品を指し示して強調するように配置される。なお、枠１０１ａ及びマーク１０１ｂは、ＧＵＩ画像１００中で目立つ色を使用するのが好ましい。また、枠１０１ａ又はマーク１０１ｂの何れか一方のみを配置する形態としてもよい。 The operation image 101 is obtained by changing the operation image 81 so as to add a frame 101a and a mark 101b representing an operation procedure. The frame 101a and the mark 101b are arranged so as to point out and emphasize the button component displayed as the item TO. The frame 101a and the mark 101b preferably use a conspicuous color in the GUI image 100. Alternatively, only one of the frame 101a and the mark 101b may be arranged.

説明画像１０２２は、［アイテムＴＯ］と表されている領域を反転表示とするように説明画像８２２を変更したものである。ただし図１０においては、見辛くなってしまうことを避けるために、反転表示される領域のみを枠１０２ａにより示している。なお、ＧＵＩ画像１００において関連付け領域及びボタン部品を強調するための表示方法は任意であってよい。 The explanation image 1022 is obtained by changing the explanation image 822 so that the area indicated as [item TO] is displayed in reverse video. However, in FIG. 10, in order to avoid being difficult to see, only the area to be highlighted is indicated by a frame 102a. Note that a display method for emphasizing the association region and the button component in the GUI image 100 may be arbitrary.

ＣＰＵ１９は、このようにＧＵＩ画像を更新すると所定時間待機する。そして、ＣＰＵ１９は、未選択の関連付け領域が存在するためステップＳ３１に再び戻り、ＬＣＤ１０における表示を、図１０に示したＧＵＩ画像１００から図１１に示したＧＵＩ画像１１０に更新する。ここで、ＧＵＩ画像１１０は、上述した操作画像１０１及びヘルプ画像１０２（トピック選択画像１０２１、説明画像１０２２）に対応する、操作画像１１１及びヘルプ画像１１２（トピック選択画像１１２１、説明画像１１２２）を含む。 The CPU 19 waits for a predetermined time when the GUI image is updated in this way. Then, since there is an unselected association area, the CPU 19 returns to step S31 again, and updates the display on the LCD 10 from the GUI image 100 shown in FIG. 10 to the GUI image 110 shown in FIG. Here, the GUI image 110 includes an operation image 111 and a help image 112 (topic selection image 1121 and explanation image 1122) corresponding to the operation image 101 and help image 102 (topic selection image 1021 and explanation image 1022) described above. .

操作画像１１１は、枠１１１ａ及び操作手順を表すマーク１１１ｂを追加するように操作画像１０１を変更したものである。枠１１１ａ及びマーク１１１ｂは、明細エリアを表す領域を指し示して強調するように配置される。なお、枠１１１ａ及びマーク１１１ｂは、ＧＵＩ画像１１０中で目立つ色を使用するのが好ましい。また、枠１１１ａ又はマーク１１１ｂの何れか一方のみを配置する形態としてもよい。 The operation image 111 is obtained by changing the operation image 101 so as to add a frame 111a and a mark 111b representing an operation procedure. The frame 111a and the mark 111b are arranged so as to point out and emphasize the area representing the detail area. The frame 111a and the mark 111b preferably use a conspicuous color in the GUI image 110. Alternatively, only one of the frame 111a and the mark 111b may be arranged.

説明画像１１２２は、［明細エリア］と表されている領域を反転表示とするように説明画像１０２２を変更したものである。ただし図１１においては、見辛くなってしまうことを避けるために、反転表示される領域のみを枠１１２ａにより示している。なお、ＧＵＩ画像１１０において関連付け領域及びボタン部品を強調するための表示方法は任意であってよい。 The explanation image 1122 is obtained by changing the explanation image 1022 so that an area indicated as “detail area” is displayed in reverse video. However, in FIG. 11, in order to avoid being difficult to see, only the area to be highlighted is indicated by a frame 112a. Note that a display method for emphasizing the association area and the button component in the GUI image 110 may be arbitrary.

ＣＰＵ１９は、このようにＧＵＩ画像を更新すると所定時間待機する。そして、ＣＰＵ１９は、未選択の関連付け領域が存在するためステップＳ３１に再び戻り、ＬＣＤ１０における表示を、図１１に示したＧＵＩ画像１１０から図１２に示したＧＵＩ画像１２０に更新する。ここで、ＧＵＩ画像１２０は、上述した操作画像１１１及びヘルプ画像１１２（トピック選択画像１１２１、説明画像１１２２）に対応する、操作画像１２１及びヘルプ画像１２２（トピック選択画像１２２１、説明画像１２２２）を含む。 The CPU 19 waits for a predetermined time when the GUI image is updated in this way. Then, since there is an unselected association area, the CPU 19 returns to step S31 again, and updates the display on the LCD 10 from the GUI image 110 shown in FIG. 11 to the GUI image 120 shown in FIG. Here, the GUI image 120 includes an operation image 121 and a help image 122 (topic selection image 1221 and explanation image 1222) corresponding to the operation image 111 and help image 112 (topic selection image 1121 and explanation image 1122) described above. .

操作画像１２１は、操作画像１１１から枠１１１ａ及びマーク１１１ｂを削除したものである。また、説明画像１２２２は、［ＯＫ］と表されている領域を反転表示とするように説明画像１１２２を変更したものである。ただし図１２においては、見辛くなってしまうことを避けるために、反転表示される領域のみを枠１２２ａにより示している。 The operation image 121 is obtained by deleting the frame 111a and the mark 111b from the operation image 111. Further, the explanation image 1222 is obtained by changing the explanation image 1122 so that the area represented as [OK] is displayed in reverse video. However, in FIG. 12, in order to avoid being difficult to see, only the area to be displayed in reverse is shown by a frame 122a.

また、ＧＵＩ画像１２０は、枠１２３ａ及び操作手順を表すマーク１２３ｂを追加するようにＧＵＩ画像１１０を変更したものである。枠１２３ａ及びマーク１２３ｂは、ＯＫと表示されたボタン部品を指し示して強調するように配置される。なお、枠１２３ａ及びマーク１２３ｂは、ＧＵＩ画像１２０中で目立つ色を使用するのが好ましい。また、枠１２３ａ又はマーク１２３ｂの何れか一方のみを配置する形態としてもよい。なお、ＧＵＩ画像１２０において関連付け領域及びボタン部品を強調するための表示方法は任意であってよい。 The GUI image 120 is obtained by changing the GUI image 110 so as to add a frame 123a and a mark 123b representing an operation procedure. The frame 123a and the mark 123b are arranged so as to point out and emphasize the button component displayed as OK. The frame 123a and the mark 123b preferably use a conspicuous color in the GUI image 120. Alternatively, only one of the frame 123a and the mark 123b may be arranged. Note that a display method for emphasizing the association region and the button component in the GUI image 120 may be arbitrary.

ＣＰＵ１９は、このようにＧＵＩ画像を更新すると所定時間待機する。そして、ＣＰＵ１９は、全ての関連付け領域を選択したと判断し、図５のステップＳ１６に再び戻る。 The CPU 19 waits for a predetermined time when the GUI image is updated in this way. Then, the CPU 19 determines that all the association areas have been selected, and returns to step S16 in FIG.

ところで、ステップＳ１６の待ち受け状態にあるときに、ヘルプ表示の削除要求、関連付け領域のタッチ及びナビゲーションボタンのタッチ以外を指示する操作がユーザにより行われると（ステップＳ１７；Ｎｏ→ステップＳ２０；Ｎｏ→ステップＳ２２；Ｎｏ）、ＣＰＵ１９は、その指定に応じた図示しない処理に移行し、その処理を実行する。なお、別の業務を支援するための処理の起動や処理の停止等のような図５の処理の終了条件に合致する要求がなされた場合以外では、操作に応じた処理の完了後にＣＰＵ１９はステップＳ１６の待ち受け状態に戻る。 By the way, when the user performs an operation other than the request for deleting the help display, the touch of the association area, and the touch of the navigation button in the standby state of Step S16 (Step S17; No → Step S20; No → Step) S22; No), CPU19 transfers to the process which is not illustrated according to the designation, executes that process. Note that the CPU 19 performs a step after the completion of the process according to the operation, except when a request that matches the process end condition of FIG. 5 is made, such as starting a process for supporting another job or stopping the process. Return to the standby state of S16.

以上のように情報処理装置１においては、オーダー入力用のＧＵＩ画像７０がＬＣＤ１０にて表示されている状態においてヘルプ表示の要求がなされたならば、ＧＵＩ画像７０における操作画像７１を縮小するとともに、これによって生じる空き領域としてのヘルプ領域に説明画像８２２を配置したＧＵＩ画像８０にＬＣＤ１０における表示が変更される。つまり、ＬＣＤ１０には、ヘルプ表示の要求がなされた際に操作画像７１に示されていた情報の全てを表す操作画像８１と、説明画像８２２とが並べて示される。したがってユーザは、操作画像７１に表示されていたボタン部品のそれぞれを目視により直接的に確認しながら、その操作法を説明画像８２２等により確認することができる。 As described above, in the information processing apparatus 1, if a help display request is made in a state where the order input GUI image 70 is displayed on the LCD 10, the operation image 71 in the GUI image 70 is reduced, and The display on the LCD 10 is changed to a GUI image 80 in which the explanation image 822 is arranged in a help area as a free area generated thereby. That is, the LCD 10 displays the operation image 81 representing all of the information shown in the operation image 71 when the help display request is made, and the explanation image 822 side by side. Therefore, the user can confirm the operation method with the explanation image 822 or the like while directly confirming each of the button parts displayed in the operation image 71 with the eyes.

また、情報処理装置１においては、説明画像中のナビゲーションボタンがタッチされた場合には、このナビゲーションボタンに関連付けられた関連付け領域と、当該関連付け領域に関連付けられた表示部品とが、その操作手順に応じた順序で強調表示される。したがってユーザは、説明画像中で説明されているボタン部品や領域等の項目がＧＵＩ画像中のどこに存在するのかを直感的に把握することができるとともに、その操作手順を直感的に把握することができる。 Further, in the information processing apparatus 1, when a navigation button in the explanation image is touched, an association area associated with the navigation button and a display component associated with the association area are included in the operation procedure. It is highlighted in the order in which it corresponds. Therefore, the user can intuitively grasp where the items such as button parts and areas described in the explanation image exist in the GUI image, and can intuitively grasp the operation procedure. it can.

以上、本発明の実施の形態について説明したが、本発明はこれに限定されるものではない。例えば、上記実施形態のナビゲーション処理では、所定時間待機した後に次の関連付け領域を選択する形態としたがこれに限らず、例えば、関連付け領域に関連付けられた表示部品がタッチされるまで待機する形態としてもよい。以下、この形態について、図１３を用いて説明する。 As mentioned above, although embodiment of this invention was described, this invention is not limited to this. For example, in the navigation processing of the above-described embodiment, the next association area is selected after waiting for a predetermined time. However, the present invention is not limited to this. For example, as a form waiting until a display component associated with the association area is touched. Also good. Hereinafter, this embodiment will be described with reference to FIG.

図１３は、ナビゲーション処理の他の例の手順を示すフローチャートである。まず、ＣＰＵ１９は、ナビゲーションボタンに関連付けられた関連付け領域の順序に従い、該関連付け領域を一つ選択する（ステップＳ４１）。続いて、ＣＰＵ１９は、選択した関連付け領域を強調するように変更するとともに、この関連付け領域に関連付けられた表示部品を強調するように変更することによって、ＬＣＤ１０にて表示中のＧＵＩ画像を更新する（ステップＳ４２）。 FIG. 13 is a flowchart illustrating the procedure of another example of the navigation process. First, the CPU 19 selects one association area according to the order of the association areas associated with the navigation buttons (step S41). Subsequently, the CPU 19 changes the selected association area so as to emphasize, and updates the GUI image being displayed on the LCD 10 by changing the display part associated with the association area to be emphasized ( Step S42).

次いで、ＣＰＵ１９は、ステップＳ４２で強調するよう変更した表示部品がタッチされるまで現在表示中のＧＵＩ画像を保持する（ステップＳ４３；Ｎｏ）。ここで、強調するよう変更した表示部品がタッチされると（ステップＳ４３；Ｙｅｓ）、ＣＰＵ１９は、ステップＳ４４に移行する。そして、ＣＰＵ１９は、全ての関連付け領域を選択したか否かを判定し、未選択の関連付け領域が存在する場合には（ステップＳ４４；Ｎｏ）、ステップＳ４１に再び戻る。また、ステップＳ４４において、全ての関連付け領域を選択した場合には（ステップＳ４４；Ｙｅｓ）、ＣＰＵ１９は図５に示したステップＳ１６の待ち受け状態に戻る。 Next, the CPU 19 holds the currently displayed GUI image until the display component changed to be emphasized in step S42 is touched (step S43; No). Here, when the display component changed to be emphasized is touched (step S43; Yes), the CPU 19 proceeds to step S44. Then, the CPU 19 determines whether or not all the association areas have been selected, and when there is an unselected association area (Step S44; No), the CPU 19 returns to Step S41 again. In step S44, when all the association areas are selected (step S44; Yes), the CPU 19 returns to the standby state in step S16 shown in FIG.

図１３のナビゲーション処理を用いた場合、ユーザは、説明画像中で説明されているボタン部品や領域等の項目がＧＵＩ画像中のどこに存在するのかを確認しながら、その操作手順を直感的に把握することができる。 When the navigation processing of FIG. 13 is used, the user intuitively grasps the operation procedure while confirming where the items such as the button parts and the area described in the explanation image exist in the GUI image. can do.

また、上記実施形態では、説明画像と操作画像とを並べて配置することとしたが、これに限らず、説明画像を操作画像の一部に重なる状態で配置してもよい。ただしこの場合には、操作画像をＧＵＩ画像中にてユーザが任意に移動できるようにしておくことが望ましい。タッチされた関連付け領域に関連付けられたボタン部品が説明画像により隠されている場合には、該当するボタン部品が表示されるように説明画像を自動的に移動させるようにすることがさらに望ましい。 In the above embodiment, the explanation image and the operation image are arranged side by side. However, the present invention is not limited to this, and the explanation image may be arranged so as to overlap a part of the operation image. However, in this case, it is desirable that the user can arbitrarily move the operation image in the GUI image. In the case where the button part associated with the touched association area is hidden by the explanation image, it is more desirable to automatically move the explanation image so that the corresponding button part is displayed.

販売店における商品購入の注文の受け付け等のような上記各実施形態とは異なる受注業務を支援する装置においても上記の実施形態と同様に実施が可能である。例えば、情報処理装置１を、顧客自らが操作して注文や会計処理を行うセルフレジスタ装置に適用することが可能である。また、情報処理装置１を、ＰＯＳ（Point Of Sale）端末に適用するも可能である。また、注文の受付業務の支援に拘わらず、会計業務や売上集計業務等のような他の様々な業務を支援する処理に際してのＧＵＩ画像の表示に関しても上記の実施形態と同様に実施が可能である。 The present invention can also be implemented in an apparatus that supports an order receiving operation different from each of the above-described embodiments, such as accepting an order for product purchase at a store. For example, the information processing apparatus 1 can be applied to a self-register apparatus that is operated by a customer himself and performs ordering and accounting processing. It is also possible to apply the information processing apparatus 1 to a POS (Point Of Sale) terminal. In addition, regardless of the support for order acceptance work, GUI images can be displayed in the same manner as in the above-described embodiment for processing that supports various other work such as accounting work and sales counting work. is there.

ＧＵＩ操作は、マウス等の他のポインティングデバイスを用いて行われてもよい。また、操作画像７１に示された画像を縮小する際に、ボタン部品のみを縮小し、ボタン部品上に示す文字のサイズは変更しないこととしてもよい。これにより、各ボタン部品の機能をユーザが容易に判別することが可能となる。なお、文字が縮小されたボタン部品の上に配置しきれなくなる場合には、例えば改行を新たに加えるか、あるいは既に改行状態であるならば改行位置を変更する等して、全ての文字を縮小されたボタン部品の上に配置することが望ましい。 The GUI operation may be performed using another pointing device such as a mouse. Further, when the image shown in the operation image 71 is reduced, only the button component may be reduced, and the size of the characters shown on the button component may not be changed. As a result, the user can easily determine the function of each button component. If characters cannot be placed on the reduced button part, for example, a new line is added, or if the line is already in a new line state, all the characters are reduced. It is desirable to place it on the button part.

操作画像７１に示された画像を縮小する際に、ボタン部品上に示す文字をそのサイズを変更せずにボタン部品上に配置することが可能である場合にはそのようにし、不可能である場合には文字のサイズを小さく変更することとしてもよい。 When the image shown in the operation image 71 is reduced, if the characters shown on the button part can be arranged on the button part without changing the size, that is not possible. In some cases, the character size may be changed to be smaller.

なお、本発明は上記実施形態そのままに限定されるものではなく、実施段階ではその要旨を逸脱しない範囲で構成要素を変形して具体化できる。また、上記実施形態に開示されている複数の構成要素の適宜な組み合わせにより、種々の発明を形成できる。例えば、実施形態に示される全構成要素から幾つかの構成要素を削除してもよい。 Note that the present invention is not limited to the above-described embodiment as it is, and can be embodied by modifying the constituent elements without departing from the scope of the invention in the implementation stage. In addition, various inventions can be formed by appropriately combining a plurality of components disclosed in the embodiment. For example, some components may be deleted from all the components shown in the embodiment.

１情報処理装置
２キッチンプリンタ
３ステーション
４ＬＡＮ
５プリンタ
６客面表示装置
１０液晶ディスプレイ（ＬＣＤ）
１１表示コントローラ
１２タッチパネル
１３タッチパネルコントローラ
１４周辺機器インタフェース（周辺機器Ｉ／Ｆ）
１５通信インタフェース（通信Ｉ／Ｆ）
１６ＲＯＭ
１７ＲＡＭ
１８ＨＤＤ
１９ＣＰＵ 1 Information processing device 2 Kitchen printer 3 Station 4 LAN
5 Printer 6 Customer Display 10 Liquid Crystal Display (LCD)
11 Display Controller 12 Touch Panel 13 Touch Panel Controller 14 Peripheral Device Interface (Peripheral Device I / F)
15 Communication interface (communication I / F)
16 ROM
17 RAM
18 HDD
19 CPU

特開平８−２５５０６５公報JP-A-8-255065

Claims

Display means;
Detecting means for detecting a touch operation on the display screen of the display means;
When an operation image in which a plurality of display components for inputting a user instruction by the touch operation is arranged is displayed in the display screen, and a touch operation on a specific display component included in the operation image is detected In addition, the operation screen is reduced, and an explanation regarding a series of touch operations of the display component for realizing a predetermined process is formed in an empty area in the display screen generated by the reduction, and the explanation is configured. Display control means for displaying an explanation image including an image area set to associate the display component corresponding to the word with a part of the phrase, and a navigation button set to associate each of the image areas;
When a touch operation on the navigation button included in the explanation image is detected , the image area associated with the navigation image is selected in an order corresponding to the series of touch operations and is associated with the image area. Highlighting means for highlighting the display component in the operation image received ,
An information processing apparatus comprising:

The information processing apparatus according to claim 1, wherein the display control unit reduces the display component without changing a size of a character displayed on the display component when the operation screen is reduced.

The information processing apparatus according to claim 1, wherein the display control unit changes the arrangement of the characters without changing the size of the characters shown on the display component when the operation screen is reduced.

The information processing apparatus according to claim 1, wherein the highlighting unit highlights the selected image area.

The information processing apparatus according to claim 1, wherein the highlighting unit sequentially selects the image regions every time a predetermined time elapses.

The said highlighting means selects the next image area | region, when the position designated by the said user's operation is the said display component highlighted, The one according to any one of Claims 1-4 characterized by the above-mentioned. The information processing apparatus described.

The said highlighting means displays the numerical image showing the selection order of the selected image area | region in association with the display component corresponding to the said image area | region, It is characterized by the above-mentioned. Information processing device.

Computer
Detecting means for detecting a touch operation on the display screen of the display means;
When an operation image in which a plurality of display components for inputting a user instruction by the touch operation is arranged is displayed in the display screen, and a touch operation on a specific display component included in the operation image is detected In addition, the operation screen is reduced, and an explanation regarding a series of touch operations of the display component for realizing a predetermined process is formed in an empty area in the display screen generated by the reduction, and the explanation is configured. Display control means for displaying an explanation image including an image area set to associate the display component corresponding to the word with a part of the phrase, and a navigation button set to associate each of the image areas;
When a touch operation on the navigation button included in the explanation image is detected, the image area associated with the navigation image is selected in an order corresponding to the series of touch operations and is associated with the image area. Highlighting means for highlighting display components in the operation screen
Program to make it function.