(57)【要約】    【課題】判り易く迅速な操作が可能な商品検索用のデジタルサイネージを提供する。    【解決手段】商品の画像およびその商品の検索用見出しを含む属性を商品データとし、複数の商品データを格納する商品データ記憶部と、各商品データを検索用見出しについて予め定められた順序に並べてデータテーブルを生成するテーブル生成部と、検索用見出しのインデックスおよび各商品の画像から少なくとも構成される商品検索の画面を表示する表示部と、表示部の画面に対する操作を受付ける操作検出部と、インデックスを画面の上下方向における中間部に表示させ、そのインデックスの上方および下方の領域にデータテーブルの順序に並べて複数商品の画像を表示させる表示制御部とを備え、表示されたインデックスに対する操作を前記操作検出部が受付けた場合、表示制御部は、操作検出部が受付けたインデックスから始まる順にデータテーブルに含まれる商品の画像を画面に表示させ画面を更新する商品検索用デジタルサイネージ。【選択図】図６Ａ
2019016093.tif 000002
【特許請求の範囲】
【請求項１】
商品の画像およびその商品の検索用見出しを含む属性を商品データとし、複数の商品データを格納する商品データ記憶部と、
各商品データを前記検索用見出しについて予め定められた順序に並べてデータテーブルを生成するテーブル生成部と、
前記検索用見出しのインデックスおよび各商品の画像から少なくとも構成される商品検索の画面を表示する表示部と、
前記表示部の画面に対する操作を受付ける操作検出部と、
前記インデックスを画面の上下方向における中間部に表示させ、そのインデックスの上方および下方の領域に前記データテーブルの順序に並べて複数商品の画像を表示させる表示制御部とを備え、
表示されたインデックスに対する操作を前記操作検出部が受付けた場合、表示制御部は、前記操作検出部が受付けたインデックスから始まる順に前記データテーブルに含まれる商品の画像を画面に表示させ画面を更新する商品検索用デジタルサイネージ。
【請求項２】
前記表示制御部は、商品検索の画面の更新中は各商品に対する選択操作を受付けず、かつ、各商品の画像または画面を通常と異なる表示態様で表示させる請求項１に記載のデジタルサイネージ。
【請求項３】
商品検索の画面に対応する表示データを格納する表示データ記憶部をさらに備え、
前記表示制御部は、前記商品検索の画面を更新する際に、更新された画面の前後１頁以上の画面の表示データを生成して前記表示データ記憶部に格納しておき、頁送り操作または頁戻し操作を受付けた場合、前記表示データ記憶部に格納された前後の頁の表示データを用いて画面を更新する請求項１または２に記載のデジタルサイネージ。
【請求項４】
前記商品データは、各商品の在庫管理に係る属性を含み、
前記表示制御部は、前記在庫管理に係る属性に基づいて、商品の画像を該商品の在庫状況を表す表示態様で表示する請求項１〜３の何れか一つに記載のデジタルサイネージ。
【請求項５】
前記インデックスは、予め定められた順でかつ幾つか間引かれて並ぶ見出し検索用の文字が左右方向に並んで表示されたものであり、
前記操作検出部は、前記インデックスとして文字が並んだ何れの位置に対する操作かを検出し、
前記表示制御部は、操作された位置が文字間の場合、その位置で間引かれインデックスとして表示されていない文字を画面に表示させて選択可能とする請求項１〜４の何れか一つに記載のデジタルサイネージ。
【発明の詳細な説明】
【技術分野】
【０００１】
この発明は、デジタルサイネージに関し、より詳細にはデジタルサイネージを操作することによってユーザーが容易かつ迅速に商品を検索できるデジタルサイネージに関する。
【背景技術】
【０００２】
デジタルサイネージはデータを表示可能な表示装置を用いて静止画や動画を表示し、従来のポスターや広告媒体に代わりあるいはそれらを補完して不特定多数の人に情報を提供するものである。個人が携帯するスマートフォンやモバイルＰＣ、個人のデスクで使用するデスクトップＰＣに比べて、遠くから人目を惹くように大型の表示装置が用いられる。
また、従来の街頭テレビのように一方的に表示を行うだけでなく、表示画面に対する操作を受付けて視聴者の好みや必要に応じた情報を提供するものがある。
例えば、縦長の液晶パネルを縦方向に上中下段を含む少なくとも３つの横長の表示領域に分割し、下段の表示領域に広告の静止画などの静的な画像を表示させ、少なくとも中段の表示領域にタッチセンサ操作に応答する動的な画像を表示させるものが提案されている。上段の表示領域は、動画を表示し、注目を惹くようにしている（例えば、特許文献１参照）。
【先行技術文献】
【特許文献】
【０００３】
【特許文献１】特開２０１６−９０６４３号公報
【発明の概要】
【発明が解決しようとする課題】
【０００４】
デジタルサイネージはその多くが、広告を主な目的として用いられている。一方、近年では商品の実物に触れることなく画像および文字で内容を確認して購入する取引形態、例えば通信販売のような態様が増えている。
実店舗でも、例えば都心の狭い店舗では実商品を陳列する代わりにデジタルサイネージで商品および在庫を確認する形態が考えられる。その場合、使用者がデジタルサイネージを用いて対象とする商品を選択すると、その商品の情報がレジカウンターに送信されて倉庫からレジカウンターに運ばれ購入の手続に進むといった運用形態が考えられる。使用者が商品を選択すると、デジタルサイネージの隣に置かれたプリンタで商品カードを印刷してレジカウンターに持参する形態も考えられる。
【０００５】
上述したように、デジタルサイネージを商品の検索に用いる用途が考えられる。顧客が商品検索を行わない期間は、そのデジタルサイネージを広告に用いることができる。
いわゆるインターネット通販のように顧客がスマートフォンやパーソナルコンピュータ等の個人所有の情報処理装置を操作する場合に比べると、デジタルサイネージを用いた商品検索は判り易く迅速に操作できる工夫が求められる。顧客一人当たりの占有期間をより短くして効率よく使用してもらうためである。
この発明は、以上のような事情を考慮してなされたものであって、判り易く迅速な操作が可能な商品検索用のデジタルサイネージを提供するものである。
【課題を解決するための手段】
【０００６】
この発明は、商品の画像およびその商品の検索用見出しを含む属性を商品データとし、複数の商品データを格納する商品データ記憶部と、各商品データを前記検索用見出しについて予め定められた順序に並べてデータテーブルを生成するテーブル生成部と、前記検索用見出しのインデックスおよび各商品の画像から少なくとも構成される商品検索の画面を表示する表示部と、前記表示部の画面に対する操作を受付ける操作検出部と、前記インデックスを画面の上下方向における中間部に表示させ、そのインデックスの上方および下方の領域に前記データテーブルの順序に並べて複数商品の画像を表示させる表示制御部とを備え、表示されたインデックスおよび各商品の画像に対する操作を前記操作検出部が受付けた場合、表示制御部は、前記操作検出部が受付けたインデックスから始まる順に前記データテーブルに含まれる商品の画像を画面に表示させ画面を更新する商品検索用デジタルサイネージを提供する。
【発明の効果】
【０００７】
この発明による商品検索用デジタルサイネージにおいて、表示制御部は、前記操作検出部が受付けたインデックスから始まる順に前記データテーブルに含まれる商品の画像を画面に表示させるので、使用者はインデックスを用いて対象とする商品の画像を画面に表示させてその商品を画像で確認し、商品を選択できる。しかも、商品の画像が検索用見出しの順に並んで表示されるので対象の商品、即ち目的とする情報に容易に辿り着くことができる。
【図面の簡単な説明】
【０００８】
【図１】この実施形態において、デジタルサイネージの構成例を示すブロック図である。
【図２】図１に示す売上管理装置およびサイネージ管理装置の構成を示すブロック図である。
【図３】この実施形態において、サイネージ管理装置の制御部がテーブル生成部として生成するデータテーブルの一例を示す説明図である。
【図４】この実施形態において、サイネージ管理装置の制御部が表示制御部として生成するロード管理テーブルを示す説明図である。
【図５】この実施形態において、サイネージ管理装置の制御部が表示制御部として生成するバッファ管理テーブルを示す説明図である。
【図６Ａ】この実施形態において、商品の検索画面および操作に対する応答の一例を示す第１の説明図である。
【図６Ｂ】この実施形態において、商品の検索画面および操作に対する応答の一例を示す第２の説明図である。
【図６Ｃ】この実施形態において、商品の検索画面および操作に対する応答の一例を示す第３の説明図である。
【図６Ｄ】この実施形態において、商品の検索画面および操作に対する応答の一例を示す第４の説明図である。
【図７Ａ】この実施形態において、サイネージ管理装置の制御部が実行する表示制御部としての処理の流れを示す第１のフローチャートである。
【図７Ｂ】この実施形態において、サイネージ管理装置の制御部が実行する表示制御部としての処理の流れを示す第２のフローチャートである。
【図７Ｃ】この実施形態において、サイネージ管理装置の制御部が実行する表示制御部としての処理の流れを示す第３のフローチャートである。
【図７Ｄ】この実施形態において、サイネージ管理装置の制御部が実行する表示制御部としての処理の流れを示す第４のフローチャートである。
【図８Ａ】この実施形態において、サイネージ管理装置の制御部が実行する表示制御部としてのバックグラウンド処理の流れを示す第１のフローチャートである。
【図８Ｂ】この実施形態において、サイネージ管理装置の制御部が実行する表示制御部としてのバックグラウンド処理の流れを示す第２のフローチャートである。
【図８Ｃ】この実施形態において、サイネージ管理装置の制御部が実行する表示制御部としてのバックグラウンド処理の流れを示す第３のフローチャートである。
【図８Ｄ】この実施形態において、サイネージ管理装置の制御部が実行する表示制御部としてのバックグラウンド処理の流れを示す第４のフローチャートである。
【図９Ａ】この実施形態において、インデックスが操作された場合の画面の一例を示す第１の説明図である。
【図９Ｂ】この実施形態において、インデックスが操作された場合の画面の一例を示す第２の説明図である。
【図９Ｃ】この実施形態において、インデックスが操作された場合の画面の一例を示す第３の説明図である。
【図９Ｄ】この実施形態において、インデックスが操作された場合の画面の一例を示す第４の説明図である。
【発明を実施するための形態】
【０００９】
以下、図面を用いてこの発明をさらに詳述する。なお、以下の説明は、すべての点で例示であって、この発明を限定するものと解されるべきではない。
【００１０】
（実施の形態１）
≪デジタルサイネージの全体構成≫
この実施形態において、デジタルサイネージは複数の装置で構成されるものとして、その構成を図１、２を用いて説明する。
ただし、これは一例であって、デジタルサイネージが一つの装置として構成されてもよい。また、図１に示す装置の幾つかが一体の装置として構成されてもよいし、逆に図１に示す何れかの装置が複数の装置で構成されてもよい。
【００１１】
図１に示すように、デジタルサイネージ１００は、売上管理装置１０１、複数のサイネージ管理装置１０２、１０４、１０６と、それぞれのサイネージ管理装置に対応する表示装置１０３、１０５、１０７とで構成される。表示装置１０３、１０５、１０７は、タッチパネルを搭載しており、表示画面に対するユーザーからの操作入力を検出できる。
このように、図１に示す態様は、唯一つの売上管理装置１０１と３つのサイネージ管理装置および表示装置の対で構成される。ただし、図１の態様に限らず例えばサイネージ管理装置および表示装置の対が一つであってもよい。即ち、図１のような３対の構成に限らず幾つの対で構成されてもよい。
【００１２】
売上管理装置１０１とサイネージ管理装置１０２、１０４および１０６とはそれぞれ通信可能に接続されている。通信方式は問わないが例えば有線ＬＡＮで接続されている。
１台のサイネージ管理装置に対して１台の表示装置が接続される。ただし、１台のサイネージ管理装置に複数の表示装置が接続されマルチディスプレイ表示をする態様も考えられる。
【００１３】
図２は、図１に示す売上管理装置およびサイネージ管理装置の構成を示すブロック図である。図２は、サイネージ管理装置１０２および表示装置１０３を代表例として示しているが、サイネージ管理装置１０４と表示装置１０５との対は同様の構成である。サイネージ管理装置１０６と表示装置１０７の対についても同様である。さらには、図１に図示しないさらなるサイネージ管理装置と表示装置の対があっても各対は同様の構成である。以下、サイネージ管理装置１０２および表示装置１０３の対を代表例として説明するが、他の対についても同様である。
図２に示すように、売上管理装置１０１は、全体の処理を行う売上処理部２０１と、記憶部２０２と、外部の機器に各商品の情報を送信するための通信インタフェース部２０３とで構成されている。記憶部２０２は、売上処理部２０１が実行する処理プログラム、売上管理に係る各商品の情報（商品マスタ）や画像を格納する。
【００１４】
売上管理装置１０１は、デジタルサイネージに関する処理だけでなく店舗の売上管理の処理を行うものであってもよい。その場合、記憶部２０２に格納される商品マスタ２０２ａは、各商品の属性を表すデータであると共に店舗の売上管理のデータであって、売上管理装置１０１がＰＯＳの機能を兼ねていてもよい。
【００１５】
サイネージ管理装置は売上管理装置１０１から送信されてきた各商品の情報を受信するための通信インタフェース部２０４、装置全体の制御を行う制御部２０５、データ記憶部２０６および入出力部２０７を備える。
制御部２０５は、ＣＰＵを中心として周辺回路を含んだハードウェアで構成され、データ記憶部２０６に格納された処理プログラムを実行することでテーブル生成部および表示制御部として機能し、さらにその他の処理を行う。データ記憶部２０６は、揮発性メモリおよび不揮発性メモリで構成され、前述の処理プログラムのほか、売上管理装置１０１から受信した各商品の情報を商品データ２０６ａとして格納する。各商品の属性を商品マスタ２０６ｂとして、また、各商品の画像を商品画像ファイル２０６ｃとしてそれぞれデータ記憶部２０６に格納する。商品マスタ２０６ｂは、商品マスタ２０２ａの情報のすべてを有していてもよいが、その一部であってもよい。即ち、商品マスタ２０６ｂは商品マスタ２０２ａのサブセットであってもよい。
【００１６】
制御部２０５はデータ記憶部２０６に格納された商品データに基づいてデータテーブル２０６ｄを生成し、生成されたデータテーブル２０６ｄに基づいて商品の検索画面に係る表示データを表示バッファ２０６ｇに格納し表示装置１０３へ出力する。
データ記憶部２０６の表示バッファ２０６ｇは、表示装置１０３に表示する検索画面の表示データおよび表示している検索画面の前後の１以上の頁の表示データを格納する。ロード管理テーブル２０６ｅおよびバッファ管理テーブル２０６ｆは、商品の検索画面の表示内容を管理するためのテーブルである。
【００１７】
入出力部２０７は、表示制御部としての制御部２０５が商品データから生成した表示データであって、商品の検索画面や販促情報を構成する表示データを表示装置１０３に出力して表示させる。また、表示装置１０３に表示される商品の検索画面等に対する操作に係る信号を表示装置１０３から受けて制御部２０５に提供する。即ち、表示装置１０３が有するタッチパネルの検出信号を制御部２０５に提供する。
【００１８】
≪データテーブルおよび検索画面の生成≫
続いて、制御部２０５がテーブル生成部として生成するデータテーブル２０６ｄについて説明する。
図３は、この実施形態において制御部２０５がテーブル生成部として生成するデータテーブルの一例を示す説明図である。図３で、横方向に並ぶ項目は商品データに含まれる商品の属性に対応した「商品コード」、「商品名」、「商品名（かな）」および商品の画像ファイル名を示している。これらの属性は、商品の検索画面の表示に用いるためのものである。「商品コード」、「商品名」は、「画像ファイル名」が参照する商品の画像と共に商品の検索画面に表示される。「商品名（かな）」は、各商品の画像をソートしてその順序で検索画面に並べるために用いられる。
各商品は「商品名（かな）」の順にソートされて縦方向に並んでいる。図３に示す例では１〜１５０の１５０個の商品を示している（「行番号」の項目を参照）。
【００１９】
制御部２０５は、テーブル生成部として以下の手順でデータテーブル２０６ｄを生成する。
１）商品名（かな）に基づいて商品マスタ２０６ｂに格納された各商品のソーティングを実施する。
２）選択されたインデックスの文字に対応して検索画面に表示すべき商品の範囲を、データテーブル２０６ｄに基づいて決定し、１つの検索画面に表示すべき各商品の商品画像ファイル２０６ｃから商品画像を取得する。そして、データテーブル２０６ｄの「商品コード」および「商品名」と共に表示バッファ２０６ｇに格納する。
３）表示バッファに（ロード）格納した各商品の画像を、データテーブル２０６ｄのソート順に「商品コード」および「商品名」と共に表示装置１０３に出力し画面に表示させる。
４）１つの検索画面に表示すべきすべての商品の表示データが表示装置１０３へ出力されるまでの間、表示装置１０３の各商品の画像をぼかして表示させる。
５）１つの検索画面に表示すべき画面上に画像を全て出力したら、画像のぼかしを解除する。その後、表示中の検索画面の前後の頁に対応する表示データを表示バッファ２０６ｇに格納しておく。
６）頁送りまたは頁戻しの操作が行われたら、予め表示バッファ２０６ｇに格納されている各商品の画像を表示装置１０３へ出力して画面を更新する。
【００２０】
また、制御部２０５は、ロード管理テーブル２０６ｅおよびバッファ管理テーブル２０６ｆを生成する。ロード管理テーブル２０６ｅおよびバッファ管理テーブル２０６ｆは、タッチパネルを搭載した表示装置１０３に表示データを出力すべく表示バッファ２０６ｇに表示データを格納する際の表示データの読み込み状況を管理する。
図４は、ロード管理テーブル２０６ｅの一例を示す説明図である。図５は、制御部２０５が生成するバッファ管理テーブル２０６ｆの一例を示す説明図である。
【００２１】
ロード管理テーブル２０６ｅは、行番号が１〜１５０のすべての商品について、以下の何れかの状態を表す。各商品がロード位置の１〜１６の何れかの表示枠５０３ａに表示されている場合はロード済の状態である。未だ表示されたことがない場合は未の状態である。現在画面に表示すべく更新中の状態はロード中の状態である。
バッファ管理テーブル２０６ｆは、ロード位置の１〜１６に対応する各表示枠５０３ａに表示している各商品の行番号を格納している。
図４および図５に示す例では、行番号１〜１２の商品が、ロード位置（表示位置）１〜１２にそれぞれ表示された状態を示している。
図４に示すロード管理テーブル２０６ｅは、行番号１〜１２の商品がロード済みの状態であり、行番号１３〜１６の商品がロード中の状態であり、行番号１７〜１５０の商品が未の状態であることを示している。
図５に示すバッファ管理テーブルは、ロード位置１〜１２に行番号１〜１２の商品がそれぞれ表示されており、ロード位置１３〜１６は未だ表示されていない状態を示している。
【００２２】
≪商品の検索画面の表示と操作≫
サイネージ管理装置１０２は、商品の検索画面として、タッチパネルを搭載した表示装置１０３に、図６Ａに示す画面を表示させる。
図６Ａに示す画面は、商品の検索に用いるインデックスを示し、検索用見出しを選択するための帯状のインデックス５０１が配置されている。
【００２３】
インデックス５０１の上方と下方にはそれぞれ、複数の商品画像を並べて表示する商品表示領域５０３が配置されている。使用者がインデックス５０１を操作して選択した文字に応じた商品名を有する商品およびその前後の商品が、商品表示領域５０３に表示される。各商品について、商品の画像および対応する「商品コード」および「商品名」が表示される。
商品表示領域５０３は、インデックスの上方および下方において、それぞれ縦方向に２列、横方向に４列の８個の商品が並び、１画面には上下合わせて１６個の商品が並んで表示される。１６個の各商品の画像を表示する位置は、表示枠５０３ａとして定められており、１６個の各商品の表示位置が予め定められている。図６Ａでは、１６個の各商品の表示位置をロード位置の１〜１６で示している。
【００２４】
インデックス５０１の左右には、表示頁を切り替えるための頁送りボタン５０２ｆおよび頁戻しボタン５０２ｒが配置されている。
制御部２０５は、インデックス５０１、頁送りボタン５０２ｆおよび頁戻しボタン５０２ｒに対する操作に応答して、ロード位置の１〜１６に表示すべき１６個の商品をデータテーブル２０６ｄのどの範囲に対応付けるかを決定する。そして、決定した範囲のうち並び順が最も若い商品をロード位置の１に表示し、以降順にロード位置の２〜１６に各商品を表示する。
【００２５】
例えば、サイネージ管理装置１０２が初回起動した際、テーブル生成部としての制御部２０５は、データテーブル２０６ｄを生成し、データテーブルの先頭（行番号が１の商品）にポインタを対応せる。これは、インデックス５０１の先頭の文字「あ」が選択された場合に等しい。そのポインタの位置に対応して、表示制御部としての制御部２０５は、行番号が１〜１６の商品をロード位置の１〜１６にそれぞれ対応させて画面を表示する。
その後、例えばインデックス５０１の文字「か」が選択されると、サイネージ管理装置１０２は、図３のデータテーブルに従い、「か」で始まる商品名（かな）の最も若い商品、即ち行番号が１１の商品名「か００１」の商品にポインタを移動させる。そして、ポインタが示す行番号が１１から１６個の商品をロード位置の１〜１６にそれぞれ対応させた画面に更新する。
【００２６】
また、表示制御部として制御部２０５は、頁送りボタン５０２ｆがタッチされるとそれに応答して現在ロード位置の１６に表示されている商品の次の商品（データテーブル２０６ｄの次の順の商品）をロード位置の１に表示させるように画面を更新する。さらに、以降の１５個の商品をロード位置の２〜１６に表示させるように画面を更新する。
あるいは、制御部２０５は、頁戻しボタン５０２ｒがタッチされるとそれに応答して現在ロード位置の１に表示されている商品の前の１６個の商品（データテーブル２０６ｄの前の順の商品）をロード位置の１〜１６に順次表示させるように画面を更新する。
【００２７】
制御部２０５が表示装置１０３へロード位置の１〜１６の商品に係る表示データを出力する際、商品画像ファイル２０６ｃから表示バッファ２０６ｇへ表示データをコピーする必要があるが、その処理は使用者がその処理を認識できる程度の期間を要することがある。その場合、制御部２０５は、タッチパネルの操作を受付けないようにすると共に図６Ｃに示すように画面全体をぼかすことにより通常と異なる態様で表示する。これによって、ロード位置の１〜１６に新たな商品の表示データを読み込んで画面を更新する期間に画面が操作されて新たに処理すべき事項が発生するのを防ぐことができる。
【００２８】
表示装置１０３のインデックス５０１が操作された場合、制御部２０５は、タッチパネルの検出信号に基づいて選択された文字を決定する。そして、図３のデータテーブル２０６ｄから、選択されたインデックス文字もしくはそれ以降の文字を検索用見出しである商品名の先頭文字とする商品のうち最も若い商品の行番号を取得する。取得した行番号の商品から順番に１６個の商品をロード位置の１〜１６の表示枠にそれぞれ表示させる。
例えばインデックス５０１の文字「た」が選択された場合について述べる（図６Ｂ参照）。その場合、表示制御部として制御部２０５は、データテーブル２０６ｄを参照して「た」を「商品名（かな）」の先頭文字とする商品のうち先頭の商品をロード位置の１の表示枠に表示させる。さらに、その商品から順番に１６個の商品をロード位置の２〜１６の表示枠にそれぞれ表示させる（図６Ｄ参照）。ただし、画面を更新する処理が完了するまでの間は画面をぼかして表示する（図６Ｃ参照）。画面をぼかして表示する処理は、表示データに画像フィルタ（例えば、公知のガウシアンフィルタ）を適用すればよい。
【００２９】
表示装置１０３の検索画面の表示を更新する処理が完了したら、表示制御部として制御部２０５は、表示中の検索画面の前後の１以上の頁に相当する検索画面の表示データをさらに生成する。即ち、表示中の各商品の前後の１以上の頁に相当する各商品について表示データを生成し、表示バッファ２０６ｇへ格納する。
表示装置１０３の検索画面で、例えば頁送りボタン５０２ｆが押下された場合、予め表示バッファ２０６ｇに格納されている表示データを使用して次の頁に対応する商品をロード位置の１〜１６に表示させるべく画面の表示を更新する。
画面の表示の更新が完了したら、その前後の１以上の頁に対応する商品の表示データのうち、まだ生成されていない表示データを生成して表示バッファ２０６ｇに格納する処理を行う。
【００３０】
≪表示制御部の処理≫
サイネージ管理装置１０２制御部２０５が実行する処理の手順を説明する。
図７Ａ〜図７Ｄは、この実施形態において、制御部２０５がテーブル生成部および表示制御部として実行する処理の流れを示すフローチャートである。図７Ａ〜図７Ｄのフローチャートに沿って表示制御部の処理を説明する。
サイネージ管理装置１０２の電源起動時、制御部２０５は、商品マスタ２０２ａに格納された各商品の全部または一部の項目および各商品の商品画像２０２ｂを、売上管理装置１０１からダウンロードする。そして、ダウンロードした商品マスタ２０２ａの項目と商品画像２０２ｂとを商品データ２０６ａとしてデータ記憶部２０６に格納する（図７Ａのステップｓ９００）。
【００３１】
そして、テーブル生成部として制御部２０５は、ダウンロードした商品マスタ２０６ｂの全部または一部の項目を「商品名（かな）」でソートし、データテーブル２０６ｄ（図３参照）を作成する（ｓ９０１）。
データテーブル２０６ｄを生成した後、制御部２０５は、ポインタの変数ｙを初期化（初期値は１）する（ｓ９０２）。ここで、ポインタｙは、１画面に表示可能な商品のロード位置（表示項目数、この実施形態においてはロード位置の１〜１６）の何れかを指し示す。同時に、データテーブル２０６ｄを参照する行番号を指し示す。
【００３２】
そして、ポインタｙが最大値（この実施形態においては１６）に達するまで以下のループ処理を行う（ｓ９０３）。即ち、初期化後において、行番号が１〜１６の商品をロード位置の１〜１６に表示させる処理を行う。
まず、ポインタｙが指す（初期化直後はｙ＝１）行番号の商品に対応する商品画像ファイル２０６ｃのデータを表示バッファ２０６ｇに格納する（ｓ９０４）。
そして制御部２０５は、ポインタｙが指すロード位置（ロード位置ｙ）にステップｓ９０５で格納した画像のデータを表示させるべく、入出力部２０７を介して表示装置１０３へ表示データを出力する（ｓ９０５）。
【００３３】
ロード位置ｙへ表示データの出力を終えたら、ロード管理テーブル２０６ｅの行番号ｙの項目を「済」に変更する。さらに、バッファ管理テーブル２０６ｆにポインタｙの値（初期化直後はｙ＝１）を追加する（ｓ９０６）。そして、ポインタｙの値を１だけ増加させる（ｓ９０７）。
ここで、制御部は、画面を更新している間は画面に対する操作を操作検出部としての入出力部２０７が受け付けないようにし、またその状態を使用者に視覚的に認識させるために画面をぼかして表示するように制御する（ｓ９０８）。
【００３４】
そして、ルーチンは前述のステップｓ９０３のループ処理判定に戻り、上述のステップｓ９０３からｓ９０８までの処理を、ポインタｙの値がｙ＝１からｙ＝１６に至るまで１６回繰り返し、画面を更新する。
処理を繰り返している間は、画面表示をぼかしておき、意図しない操作を防止する（ｓ９０８）。１６回目は、ステップｓ９０７でポインタｙ＝１７になり、ステップｓ９０３へ戻った判定でｙ＜表示項目数（＝１６）の条件を満たさなくなり（ステップｓ９０３のＮｏ）、ルーチンは、ステップｓ９０９へ進む。即ち、画面の更新が完了すると、制御部２０５は表示のぼかしを解除する。ここで表示されている画面が図６Ａおよび図６Ｄに示す待機画面である。
【００３５】
制御部２０５は、待機画面の表示中さらに、前後の頁に表示すべき商品画像のデータを商品画像ファイル２０６ｃから読み込んで表示データを生成するバックグラウンドの並行処理を起動する（図７Ｂのステップｓ９１０）。バックグラウンドで制御部２０５が並行処理する内容は、図８Ａ〜図８Ｄのフローチャートに示している。それらの処理については後述することとして、フォアグラウンドの処理について説明を続ける。
【００３６】
フォアグランドで、制御部２０５は、待機画面を表示させた状態で使用者による画面への操作を受付ける（ｓ９１１）。画面への操作は、表示装置１０３のタッチパネルが検出し、操作検出部としての入出力部２０７がタッチパネルの検出信号を制御部２０５に提供する。
使用者の操作を操作検出部が検出したら、それに応答して制御部２０５は何れの操作がなされたかを判定する（ｓ９１１）。まず、終了操作が否かを判定する（ｓ９１２）、終了操作がなされた場合は、処理を終了する（ｓ９１２のＹｅｓ）。
終了操作でなければ（ｓ９１２のＮｏ）、次にインデックス５０１が操作されたか否かを判定する（ｓ９１３）。
【００３７】
インデックス５０１が操作された場合（ｓ９１３のＹｅｓ）、制御部２０５は、インデックス５０１の操作位置に基づいて操作の対象となったインデックスの文字を決定する。そして、データテーブル２０６ｄを参照してその文字が「商品名（かな）」の頭文字である商品の先頭行番号を取得する。そして、データテーブル２０６ｄを参照するポインタｘに取得した値をセットする（ｓ９１４）。例えば、インデックス５０１の「う」の文字が操作の対象であった場合、「う」が頭文字の商品の先頭番号として６を取得し、ｘ＝６とする。ここで、先頭行番号と書いたのは、その文字を頭文字とする複数の商品が登録されている場合、最も若い順の商品の行番号を取得するからである。なお、その文字を頭文字とする商品がない場合はそれ以降の直近の文字を頭文字とする商品の先頭行番号を取得する。その後、ルーチンは図７Ｃに示すステップｓ９２０へ進む。
【００３８】
一方、インデックスの操作でない場合（ｓ９１３のＮｏ）、制御部２０５は、頁送りボタン５０２ｆまたは頁戻しボタン５０２ｒが操作されたかを判定する。なお、スワイプ操作を頁送りとして認識する場合は、スワイプ操作が行われたか否かを同時に判定してもよい（ｓ９１５）。
頁送りボタン５０２ｆ、頁戻しボタン５０２ｒあるいはスワイプ操作の何れでもない場合（ｓ９１５のＮｏ）、ルーチンはステップｓ９１１に戻り、使用者による操作を待つ。
【００３９】
頁送りボタン５０２ｆ、頁戻しボタン５０２ｒあるいはスワイプ操作の何れかの操作がなされた場合（ｓ９１５のＹｅｓ）、制御部２０５は受け付けた操作が次の頁への移動か否かを判定する。即ち、頁送りボタン５０２ｆまたは右方向へのスワイプ操作か否かを判定する（ｓ９１６）。
頁送りボタン５０２ｆまたは右方向へのスワイプ操作であれば（ｓ９１６のＹｅｓ）、次の頁を表示すべくデータテーブル２０６ｄを指し示すポインタｘの値を、現在のロード位置の１の表示に対応する行番号に表示位項目数＝１６を加えた値とする。即ち、現在ロード位置の１〜１６に表示している商品の次の順の商品を新たにロード位置の１〜１６に表示させるようにデータテーブル２０６ｄのポインタｘの値を更新する（ｓ９１８）。そして、ルーチンは図７Ｃのステップｓ９２０へ進む。
【００４０】
一方、頁戻しボタン５０２ｒまたは左方向へのスワイプ操作であれば（ｓ９１６のＮｏ）、前の頁を表示すべくデータテーブル２０６ｄを指し示すポインタｘの値を、現在のロード位置の１の表示に対応する行番号から表示位項目数＝１６を差し引いた値とする。即ち、現在ロード位置の１〜１６に表示している商品の前の順の商品を新たにロード位置の１〜１６に表示させるようにデータテーブル２０６ｄのポインタｘの値を更新する（ｓ９１９）。そして、ルーチンは図７Ｃのステップｓ９２０へ進む。
【００４１】
ステップｓ９２０以降の処理で、制御部２０５は表示項目数分の画像の読み込みを行う。
まず、ロード位置を指し示すポインタの変数ｙをゼロに初期化する（ｓ９２０）。そして、ポインタｙの値が表示項目数（＝１６）未満か否かを調べる（ｓ９２１）。ポインタｙが０〜１５（ロード位置の１〜１６に対応）の範囲内では、ｓ９２１の判定はＹｅｓとなり以降のループ処理を繰り返す。
前述のｓ９１４、ｓ９１８またはｓ９１９でポインタｘには、ロード位置の１に表示すべき商品の行番号がセットされている。制御部２０５はロード管理テーブル２０６ｅを参照してポインタｘとポインタｙを加算した行番号の商品の表示データが表示バッファ２０６ｇに格納済か否かを調べる（ｓ９２２）。
【００４２】
表示データが表示バッファ２０６ｇに格納されている場合、図４に示すロード管理テーブル２０６ｅの該当行番号の項目をロード中の状態にする（ｓ９２３）。
そして、該当行番号の商品画像ファイルのデータを表示バッファ２０６ｇに格納する（ｓ９２４）。
【００４３】
この際、制御部２０５はロード管理テーブル２０６ｅの内容を確認し、表示バッファ２０６ｇに格納されている商品画像ファイルのデータ数が表示バッファ２０６ｇに格納可能な容量を超えたか否かを調べる（ｓ９２５）。
表示バッファ２０６ｇに格納可能な数を超える表示データが格納されている場合（ｓ９２５のＹｅｓ）、制御部２０５はロード管理テーブル２０６ｅの一番上の画像データを表示バッファ２０６ｇから解放する。そして、バッファ管理テーブル２０６ｆからも対応する行番号を削除する（ｓ９２６）。
【００４４】
そして、ロード管理テーブル２０６ｅのうち、ｓ９２６で削除した行番号に対応する項目を未ロードに変更する（ｓ９２７）。そして、ルーチンはステップｓ９３０へ進む。
一方、表示バッファ２０６ｇに格納された表示データが格納可能な数を超えていない場合（ｓ９２５のＮｏ）、表示バッファ２０６ｇの容量に余裕があるのでバッファを開放することなくルーチンはステップｓ９３０へ進む。
ステップｓ９３０で、制御部２０５は表示バッファ２０６ｇへの表示データの格納が完了するのを待って図４に示すロード管理テーブル２０６ｅの該当行番号の項目をロード中からロード済に変更する。さらに、図５に示すバッファ管理テーブル２０６ｆに該当行番号を追加する。
【００４５】
一方、前記ｓ９２２の処理で該当行番号の画像ファイルのデータが表示バッファに格納（ロード）されていない場合（ステップｓ９２２のＮｏ）、該当行番号の商品画像ファイルデータが表示バッファ２０６ｇにロード中か否かを調べる（ｓ９２８）。
データが表示バッファ２０６ｇにロード中の場合は（ｓ９２８のＹｅｓ）データの格納が完了するのを待って（ｓ９２９）ルーチンはステップｓ９３１へ進む。
既にデータが表示バッファ２０６ｇに格納済みの場合は（ｓ９２８のＮｏ）、格納の完了を待つことなくルーチンはステップｓ９３１へ進む。
ステップｓ９３１で、制御部２０５は該当行番号の商品に係る表示データを表示バッファ２０６ｇから画面へ出力する。表示データのロード位置は、ポインタｙが指し示す位置である。
【００４６】
以上の処理をポインタｙが示すロード位置について行った後、制御部２０５は、ポインタｙを１つ増加させて次のロード位置を指し示すようにする（ｓ９３２）。
繰り返し処理中は、画面をぼかす処理を行うことで、操作を受付けない状態であることを使用者に認識させる（ｓ９３３）。そして、ルーチンはステップｓ９２１へ戻り、ポインタｙが０〜１５の間、即ちロード位置の１〜１６について処理を繰り返す。
ロード位置の１〜１６の画像表示が完了したら（ステップｓ９２１のＮｏ）、制御部２０５は画面の更新が完了したものとしてぼかし処理を解除し、図６Ａや図６Ｄに示す待機画面を表示させる（ｓ９３４）。
【００４７】
そして制御部２０５は、前後の頁の画面に使用する表示データの生成処理をバックグラウンドにて開始する（ｓ９３５）。
その後、フォアグランド処理のルーチンは、ステップｓ９１１へ戻り、ユーザーからの操作を待つ。
【００４８】
図８Ａ〜図８Ｄは、この実施形態において、制御部２０５がテーブル生成部および表示制御部としてバックグラウンドで実行する処理の流れを示すフローチャートである。
図８Ａ〜図８Ｄで示すバックグラウンド処理は、図７Ａ〜図７Ｄに示すｓ９２１〜ｓ９２７同様の処理を行って、前後の頁で使用する各商品の表示データを表示バッファ２０６ｇに格納する処理を行う。わかりやすくするために図８Ａ〜図８Ｄに示す各処理のうち図７Ａ〜図７Ｄのｓ９２１〜ｓ９２７と対応するものについて符号の下二桁を図７Ａ〜図７Ｄの各処理に対応させている。
【００４９】
図８Ａで、制御部２０５はデータテーブル２０６ｄを指し示すポインタｘを初期化する（ステップｓ１００１）。さらに、ロード位置を指し示すポインタｙを初期化する（ステップｓ１０２０）。以降、図８Ａ、図８Ｂにおけるｓ１０２０〜ｓ１０３２の処理は、図７Ｃ、図７Ｄにおけるｓ９２０〜ｓ９３２の処理に対応する。図８Ａおよび図８Ｂの各処理は、表示中の画面の前の１頁（データテーブルの前の順の頁）の表示データを表示バッファ２０６ｇに格納する処理である。
前の１頁について処理を終えると（図８Ａのｓ１０２１のＮｏ）、ルーチンは図８Ｃのｓ１１０１に進み、後の１頁の表示データを表示バッファに格納する処理を行う。ｓ１１０１でポインタｘを初期化し、ｓ１１２０でポインタｙを初期化する（ステップｓ１０２０）。以降、図８ｃ、図８ｄにおけるｓ１１２０〜ｓ１１３２の処理は、図７Ｃ、図７Ｄにおけるｓ９２０〜ｓ９３２の処理に対応する。
図８Ａ〜図８Ｄの処理と図７Ａ〜図７Ｄの処理との主な相違点は、表示装置１０３の画面に表示データを出力する処理がない点およびそれに伴う画面をぼかす処理がない点である。
【００５０】
（実施の形態２）
この実施の形態では、インデックス５０１を用いて検索用の文字を選択する操作の別態様を説明する。
実施の形態１で、インデックス５０１には、「あいうえお」順にかな文字が並んで表示されているが、スペースの関係で５０音すべての文字を表示せずに「あ」、「か」、「さ」、「た」、「な」、…というように各行の先頭の文字のみが表示されている。例えば、「商品名（かな）」が「え」の文字から始まる商品を選択しようとする使用者は、インデックス５０１の「あ」の文字の部分にタッチして、「あ」行の先頭から始まる１６個の商品をロード位置の１〜１６に表示させて目的の商品を捜す。目的の商品が表示された１６個の商品の中にあれば、その商品にタッチして選択できるが、目的の商品が表示されていなければ、使用者は頁送りボタン５０２ｆにタッチして次の頁に表示を更新し、その画面の中から目的の商品を捜す。商品の種類が多いと、行の末尾の文字を商品名に有するものを選択する操作が煩雑になる。
【００５１】
この実施形態では、インデックス５０１の文字間をタッチすると、間引かれた文字が表示されその文字を選択できる態様について述べる。
図９Ａ〜図９Ｃは、この実施形態による商品の検索画面と操作の例を示す説明図である。使用者が、「え」を商品名の頭文字とする商品を選択する場合の例を示している。
図９Ａに示すように、使用者が待機中の検索画面においてインデックス５０１に表示されている「あ」と「か」の文字の間をタッチすると、制御部２０５は入出力部２０７を介してタッチパネルの信号を読取る。そして、タッチ位置がインデックス５０１に表示している「あ」と「か」の文字の間であると認識する。
【００５２】
制御部２０５は、その操作に応答して「あ」と「か」の文字を含みその間で間引かれている「あ  い  う  え  お  か」の文字を吹き出し（ナビゲートバー５０１ｂ）として「あ」と「か」の文字の間の付近に表示させる。図９Ａの例では、ナビゲートバー５０１ｂが表示された当初、カーソルは「う」の文字にあり「う」が選択された状態である。これは、「あ」と「か」の文字間のどの位置がタッチされたかに応じて変わってもよい。
この実施形態で、使用者は「え」の文字を選択したい。その場合、画面にタッチしている手指の位置を少し右側にずらす。図９Ｂに小さな矢印でタッチ位置をずらす操作を示している。タッチ位置の移動に応じて制御部２０５は、ナビゲートバー５０１ｂのカーソルを「う」の右側の「え」へ移動させる。カーソルの移動を図９Ｂに大きな矢印で示している。
【００５３】
なお、異なる操作態様として、「あ」と「か」の文字の間をタッチしてナビゲートバー５０１ｂが表示された状態で、ナビゲートバー５０１ｂに表示された「え」の文字を使用者がタッチすると、その操作に応答して制御部が「え」の選択を認識してもよい。
「え」にカーソルがある状態で使用者の手指が画面から離されると、制御部２０５はその操作に応答して「え」を「商品名（かな）」の先頭の文字とする商品を表示すべく画面の更新を開始する。
なお、一旦選択した文字についてその操作をキャンセルするには、例えばタッチしている手指を画面から離さずにインデックス５０１の外の領域へ移動させる（図９Ｄ参照）。その操作に応答して制御部２０５は、ナビゲートバー５０１ｂの表示を消して文字の選択がなかったものとする。
【００５４】
（実施の形態３）
表示制御部として制御部２０５は、ロード位置の１〜１６の各表示枠にそれぞれの商品の画像を表示する際に、商品の在庫の状況をユーザーが認識できるような態様で各商品を表示させてもよい。在庫の状況は、商品マスタ２０６ｂの情報に基づく。
例えば、在庫切れ商品の場合は、商品の画像と共に「在庫切れ」の文字を表示したり、商品の画像の濃度を薄く表示したりする態様が考えられる。あるいは、在庫のある商品はフルカラー画像で表示し、在庫切れの商品はモノクロ画像で表示する態様が考えられる。
また、在庫のある商品については、在庫の多少がユーザーにわかるように商品の画像と共に在庫の多少を数字やグラフで表示してもよい。あるいは、在庫の多少に応じて各商品の表示枠を多重あるいは一重に表示してもよい。
【００５５】
（実施の形態４）
図１および図２に示す構成は、売上管理装置１０１とサイネージ管理装置１０２とが別体であるが、それらが一体に構成されてもよい。
あるいは、サイネージ管理装置と表示装置が一体で構成されてもよい。その場合、記憶部２０２とデータ記憶部２０６とが一体で構成されてもよい。その場合、商品マスタ２０２ａと別に商品マスタ２０６ｂを格納しなくてもよい。また、商品画像２０２ｂと別に商品画像ファイル２０６ｃを格納しなくてもよい。
図１に示す構成は、一台の売上管理装置と複数のサイネージ管理装置および複数の表示装置で構成されるが、１台のサイネージ管理装置で複数の表示装置を管理する態様であってもよいし、表示装置が１台のみであってもよい。
【００５６】
以上に述べたように、
（i）この発明による商品検索用デジタルサイネージは、商品の画像およびその商品の検索用見出しを含む属性を商品データとし、複数の商品データを格納する商品データ記憶部と、各商品データを前記検索用見出しについて予め定められた順序に並べてデータテーブルを生成するテーブル生成部と、前記検索用見出しのインデックスおよび各商品の画像から少なくとも構成される商品検索の画面を表示する表示部と、前記表示部の画面に対する操作を受付ける操作検出部と、前記インデックスを画面の上下方向における中間部に表示させ、そのインデックスの上方および下方の領域に前記データテーブルの順序に並べて複数商品の画像を表示させる表示制御部とを備え、表示されたインデックスに対する操作を前記操作検出部が受付けた場合、表示制御部は、前記操作検出部が受付けたインデックスから始まる順に前記データテーブルに含まれる商品の画像を画面に表示させ画面を更新することを特徴とする。
【００５７】
この発明において、商品検索用デジタルサイネージは、予め格納された商品データに基づいて商品に関連する静止画や動画を表示する表示装置であって、不特定多数の人からの操作を受付けて商品検索を行うものである。その具体的な態様は、例えば、タッチパネル付の１以上の表示部、その表示装置に表示させる商品に係る表示データを予め格納するデータ記憶部および前記表示データを表示装置に表示させる情報処理部とがそれぞれ一体または別体となって構成されるものである。ここで情報処理部は、前記テーブル生成部および前記表示制御部の機能を提供する。商品データ記憶部は、情報処理部と一体でもよいが別体でもよい。表示部は、１つであってもよいが複数であってもよい。複数の表示部を有する場合、各表示部にそれぞれ商品検索の画面を表示して商品を検索できる。
【００５８】
また、検索用見出しは、商品を検索する手がかりとして用いる文字列である。ここで、文字列を構成する文字は、アルファベット、かな、漢字、数字、記号を問わず、１以上の文字で商品に係る情報を表すものであればよい。
前記データテーブルは、各商品の商品データを、各商品に紐付けられた検索用見出しに基づいて所定の順序並べたデータテーブルである。所定の順序は、例えばアルファベット順、あいうえお順であってもよく、検索用見出しが数字で構成される場合は数字の小さい順あるいは大きい順であってもよく、特に限定されない。インデックスに並ぶ文字を使用者が見て順序が理解でき検索に使用できるものであればよい。
【００５９】
さらにまた、インデックスが表示される画面の中間部とは、そのインデックスを挟むようにして上側と下側の両方に商品の画像が表示できる位置である。商品の画像を表示する領域であってインデックスを挟んだ上方と下方の領域は、互いに等しいサイズである必要はなく異なるサイズであってよい。従って、インデックスの位置は画面の中央よりも上寄りであってもよいし下寄りであってもよい。
商品を選択する操作は、画面に表示された商品に対して行う操作である。よって、画面に表示されていない商品を選択するには、まずその商品を画面に表示させる操作が必要である。その一例は、インデックスを用いて対象とする商品を検索し画面に表示させる操作である。すなわち、この発明においては、対象とする商品の画像を画面に表示させたうえで表示された商品を選択することにより検索が完了する。
【００６０】
さらに、この発明の好ましい態様について説明する。
（ii）前記表示制御部は、商品検索の画面の更新中は各商品に対する選択操作を受付けず、かつ、各商品の画像または画面を通常と異なる表示態様で表示させてもよい。
このようにすれば、各商品の画像を変える画面の更新中に選択操作がなされて使用者の意図しない商品が選択されるのを防ぐことができる。
ここで、通常と異なるとは、各商品に対する選択操作を受付ける状態とは異なるという意味である。
【００６１】
（iii）商品検索の画面に対応する表示データを格納する表示データ記憶部をさらに備え、前記表示制御部は、前記商品検索の画面を更新する際に、更新された画面の前後の１頁以上の画面の表示データを生成して前記表示データ記憶部に格納しておき、頁送り操作または頁戻し操作を受付けた場合、前記表示データ記憶部に格納された前後の頁の表示データを用いて画面を更新してもよい。
このようにすれば、画面の更新時に前後の頁の表示データを予め作成しておくことによって、前後の頁の表示データを予め作成しない場合に比べて頁送り操作および頁戻り操作に対する画面の更新が素早く行える。
【００６２】
（iv）前記商品データは、各商品の在庫管理に係る属性を含み、前記表示制御部は、前記在庫管理に係る属性に基づいて、商品の画像を該商品の在庫状況を表す表示態様で表示させてもよい。
このようにすれば、使用者は、検索した商品の在庫の有無および在庫数の程度を商品検索の画面で認識できる。
【００６３】
（v）前記インデックスは、予め定められた順でかつ幾つか間引かれて並ぶ見出し検索用の文字が左右方向に並んで表示されたものであり、前記操作検出部は、前記インデックスとして文字が並んだ何れの位置に対する操作かを検出し、前記表示制御部は、操作された位置が文字間の場合、その位置で間引かれインデックスとして表示されていない文字を画面に表示させて選択可能としてもよい。
このようにすれば、見出し検索用の文字が間引かれて所定の順に並んだインデックスを用いて容易に商品を検索でき、間引かれた文字を表示させて選択することにより迅速な検索が可能になる。
この発明の好ましい態様には、上述した複数の態様のうちの何れかを組み合わせたものも含まれる。
前述した実施の形態の他にも、この発明について種々の変形例があり得る。それらの変形例は、この発明の範囲に属さないと解されるべきものではない。この発明には、請求の範囲と均等の意味および前記範囲内でのすべての変形とが含まれるべきである。
【符号の説明】
【００６４】
１００：デジタルサイネージ、    １０１：売上管理装置、    １０２，１０４，１０６：サイネージ管理装置、    １０３，１０５，１０７：表示装置
２０１：売上処理部、    ２０２：記憶部、    ２０２ａ，２０６ｂ：商品マスタ、    ２０２ｂ：商品画像、    ２０３，２０４：通信インタフェース部、    ２０５：制御部、    ２０６：データ記憶部、    ２０６ａ：商品データ、    ２０６ｃ：商品画像ファイル、    ２０６ｄ：データテーブル、    ２０６ｅ：ロード管理テーブル、    ２０６ｆ：バッファ管理テーブル、    ２０６ｇ：表示バッファ、    ２０７：入出力部
５０１：インデックス、    ５０１ｂ：ナビゲートバー、    ５０２ｆ：頁送りボタン、    ５０２ｒ：頁戻しボタン、  ５０３：商品表示領域
【図１】
2019016093.tif 000003
【図２】
2019016093.tif 000004
【図３】
2019016093.tif 000005
【図４】
2019016093.tif 000006
【図５】
2019016093.tif 000007
【図６Ａ】
2019016093.tif 000008
【図６Ｂ】
2019016093.tif 000009
【図６Ｃ】
2019016093.tif 000010
【図６Ｄ】
2019016093.tif 000011
【図７Ａ】
2019016093.tif 000012
【図７Ｂ】
2019016093.tif 000013
【図７Ｃ】
2019016093.tif 000014
【図７Ｄ】
2019016093.tif 000015
【図８Ａ】
2019016093.tif 000016
【図８Ｂ】
2019016093.tif 000017
【図８Ｃ】
2019016093.tif 000018
【図８Ｄ】
2019016093.tif 000019
【図９Ａ】
2019016093.tif 000020
【図９Ｂ】
2019016093.tif 000021
【図９Ｃ】
2019016093.tif 000022
【図９Ｄ】
2019016093.tif 000023