実施設計書クライアント画面遷移（PDF : 884KB）

オープンデータビジネス創出事業
デジタル案内表示システム開発業務
サイネージクライアント画面
遷移資料
株式会社サイエンス・クリエイト
page 1
0-1. 概念・用語集 (1/2)
プレビューサイネージ
一般公開側
サイネージ管理で設定した内容を表示確認するための
サイネージプログラムが設定された特定のPC。
サイネージ
サイネージ管理で設定されたコンテンツを表示する、
一般利用者向けのデジタル表示案内システム。
インターネット
サイネージ管理
サイネージへの表示内容を設定するための管理画面。
インターネットを介し、任意パソコンのブラウザから
アクセスするWEBサービスである。
管理・制御側
サーバ
お持ち帰りサイト
サイネージで表示される情報を一般スマホなどで
表示するための公開サイト。
© WEBIMPACT, Inc. All Rights Reserved.
page 2
0-1. 概念・用語集 (2/2)
フロータイル枠
サイネージ管理-タイルフロー設定で出現率を設定された、
外部連携やコンテンツセットがランダムで表示されるエリア。
日本語
English
简体中文
繁體中文
한국어
Português
Español
固定タイル枠
サイネージ管理-固定タイル設定でサイネージ毎個別に
設定された、固定コンテンツセットが表示されるエリア。
© WEBIMPACT, Inc. All Rights Reserved.
page 3
0-2. 画面遷移
3. テロップ表示
左側ペイン
右側ペイン
5. ホーム表示
1. フロータイル
近隣地図
2. 固定タイル
地図上に
座標プロット
地図検索
（Google／キーボード）
8. 固定コンテンツセット
コンテンツセット
リ
セ
ッ
ト
時
間
経
過
6. 地図コンテンツセット（＋広告）
10. メンテナンス表示
（全画面）
7. オリジナルコンテンツセット（＋広告）
固定地図表示
地図上に
座標プロット
© WEBIMPACT, Inc. 2006 All Rights Reserved.
9. ニュース内容表示
手動で点検中にする
仕組みも準備する
page 4
1-1. フロータイル枠 – 構成・概要
フロータイル枠
可視領域
情報追加の設定時間が経過
設置された個数のタイルが
配備される。
・設定個数のコンテンツセット
※ランダムピックアップ
・設定個数の広告コンテンツセット
※ランダムピックアップ
・設定個数の外部連携情報
※未出分を古い方から
利用者が下にスクロール
リセットの設定時間が経過
↓
最上段に表示が戻り、
非可視領域がクリアされる。
以前に表示されていた内容を追加
でロードし表示する。
※コンテンツセット、広告コンテンツセット、
外部連携情報が含まれる。
© WEBIMPACT, Inc. All Rights Reserved.
page 5
1-2. フロータイル枠 – タイル選択動作
利用者がタップ
左ペイン表示タイプ
左ペイン表示瀬底のコンテンツセット
選択されたコンテンツセットの内容を表示
© WEBIMPACT, Inc. All Rights Reserved.
右ペイン表示タイプ
外部連携、あるいは右ペイン表示設定の
コンテンツセット
選択されたコンテンツセット / 外部連携の
内容を表示
page 6
1-3. フロータイル枠 – タイル仕様
新着
オススメ
アイキャッチ
画像
死ぬまでに見たい
豊橋１０大名所！
オススメ
新着
アイキャッチ
画像
xx時xx分
ニュースタイトル
豊橋名産カレーう
どん全網羅！
外部連携
以下の情報を表示する。存在しない要素はトルツメ。
・アイキャッチ画像
・タイトル
・情報取得日時
・概要 / 冒頭
タップ時、右ペインに詳細が表示される。
新着、オススメアイコン
「新着」、「オススメ」に設定されているコンテンツに
は該当のアイコンが表示される。
ニュース冒頭ニュ
ース冒頭…
アイキャッチ
画像
アイキャッチ
画像
消火栓をすべて見る
アイキャッチ
画像
コンテンツセットタイトル
広告文広告文広告文
広告文広告文広告文
アイキャッチ
画像
コンテンツセットタイトル
広告文広告文広告文
広告文広告文広告文
コンテンツセットタイトル
アイキャッチ
画像
アイキャッチ
画像
コンテンツセットタイトル
コンテンツセットタイトル
© WEBIMPACT, Inc. All Rights Reserved.
コンテンツセット
以下の情報を表示する。存在しない要素はトルツメ。
・アイキャッチ画像
・タイトル
・広告文
タップ時、設定に応じて左ペインあるいはフロータイル内で直下に
コンテンツセットの内容が表示される。
フロータイル枠
コンテンツセット・外部連携情報を敷き詰めて表示する。
page 7
1-4. フロータイル枠 – 詳細表示
アイキャッチ
画像
死ぬまでに見たい
豊橋１０大名所！
ニュースタイトル
xx時xx分
ニュース冒頭ニュ
ース冒頭ニュース
冒頭…
豊橋名産カレーう
どん全網羅！
アイキャッチ
画像
アイキャッチ
消火栓をすべて見る
画像
アイキャッチ
画像
コンテンツセットタイトル
広告文広告文広告文
広告文広告文広告文
アイキャッチ
画像
アイキャッチ
画像
ニュースタイトル
アイキャッチ
xx時xx分
画像
ニュース冒頭ニュース冒頭ニュース冒頭ニュー
ス冒頭ニュース冒頭ニュース冒頭ニュース冒頭
ニュース冒頭ニュース冒頭ニュース冒頭ニュー
コンテンツセットタイトル
ス冒頭ニュース冒頭ニュース冒頭…
広告文広告文広告文
広告文広告文広告文
http://outside.news.com/articl
e/…
コンテンツセットタイトル
アイキャッチ
画像
アイキャッチ
画像
コンテンツセットタイトル
詳細表示
詳細内容やお持ち帰りサイト・リンクなどを表示する。
外部連携の場合の表示項目は左記の通り。
コンテンツセットの場合は、コンテンツセットに組み込まれた
デザインで表示される。
コンテンツセットタイトル
© WEBIMPACT, Inc. All Rights Reserved.
page 8
2. 固定タイル枠 – 構成・概要
サイネージ管理で設定された、
固定コンテンツセットタイルが表示される。
・左端はデフォルトコンテンツセットとなる。
利用者がタップ
左ペイン表示タイプ
左ペイン表示瀬底のコンテンツセット
選択されたコンテンツセットの内容を表示
© WEBIMPACT, Inc. All Rights Reserved.
右ペイン表示タイプ
外部連携、あるいは右ペイン表示設定の
コンテンツセット
選択されたコンテンツセット / 外部連携の
内容を表示
page 9
3. テロップ表示 – 構成・概要
緊急・メンテナンス情報緊急・メンテナンス情報緊急・メンテナンス情報緊急・メンテナンス情報
サイネージ管理で設定された表示期間、
緊急・メンテナンス情報がテロップ表示される。
・文章全体が表示されるよう、スクロール表示される。
・複数設定されている場合、順番に表示される。
© WEBIMPACT, Inc. All Rights Reserved.
page 10
4. 左ペイン – 構成・概要
日本語 English 简体中文繁體中文 한국어 Português
Español
選択されたコンテンツセットの内容を表示する。
・初期状態や、あるいは設定時間無操作で放置した場合、
ホーム表示に切り替わる。
© WEBIMPACT, Inc. All Rights Reserved.
言語切替のボタン。
・選択した言語での表示に切り替える。
・フロータイル枠内の指定された言語に対応していないものは
タイル枠からトルツメされる。
・左ペイン表示中のコンテンツセットが言語切替に対応しない場合、
切替後言語で「この言語での表示に対応していない」旨注意文を
オーバーフロー表示する。
page 11
5. ホーム(デフォルトコンテンツセット)
– 構成・概要
フロータイル枠表示
現在
位置
日本語 English 简体中文繁體中文 한국어 Português
Español
固定タイル枠表示
デフォルトコンテンツセットが表示される。
ホーム表示に戻る
© WEBIMPACT, Inc. All Rights Reserved.
page 12
5-1. ホーム(デフォルトコンテンツセット)
- 左ペイン構成
XXカフェ
以下の場所にはアイコンを表示する
・サイネージ設置位置 (向き注意)
・駅西口
・駅東口
東口
Exit
現在地
詳細表示されている検索結果地点を
強調表示する。
西口
Exit
検索動作時、
検索結果地点を表示する。
タップで詳細エリアに情報表示。
ホテルマップ
予め検索プリセットを準備。
タップ時、ボタン固有の検索ワードで
検索した状態の検索動作へ移行。
タップ時、検索動作へ移行。
右ペインにキーボードエリアを表示。
一覧
ホテルマップ / コンビニマップ /
銀行ATMマップ / 病院マップ /
公共施設マップ / レンタカー
上へ移動
コンテンツセット
初期位置へ戻す
拡大
右へ移動
縮小
左へ移動
© WEBIMPACT, Inc. All Rights Reserved.
下へ移動
page 13
5-2. ホーム(デフォルトコンテンツセット)
– 検索動作表示
詳細エリア
検索結果のタップにより、地点詳細情報が
表示される。
結果エリア
キーボードエリア
入力文字列によるオートコンプリート、
あるいは地点検索結果一覧が表示される。
言語設定に応じた入力用キーボードと、
検索入力欄が表示される。
日本語 English 简体中文繁體中文 한국어 Português
Español
© WEBIMPACT, Inc. All Rights Reserved.
page 14
5-3. ホーム(デフォルトコンテンツセット)
– 右ペイン仕様
Image
施設名２
検索結果で選択された地点の詳細情報が表示される。
豊橋市○○○○○○○○
〒440-0043 愛知県豊橋市朝丘町１２４−２
0532-62-1317
営業時間 09：00〜18：00
定休日 水曜日
検索結果リスト
施設名のタップで左ペイン地図への強調表示
および、詳細エリアへの内容表示が行われる。
お持ち帰り用QRリンク
検索結果並び替えリンク
タップで検索結果を並び替える。
候補１
候補２
施設名1
愛知県豊橋市◯◯◯◯◯◯
文字入力中はオートコンプリート表示になる。
候補タップ
施設名2
愛知県豊橋市◯◯◯◯◯◯
施設名3
愛知県豊橋市◯◯◯◯◯◯
検索ワード入力
検索内容検索内容
並び替え： 50音順▼ 近い順 口コミ評価順
検索
スクロールで検索結果をさらに表示する。
キーボードレイアウトの切り替え
固定タイル枠
© WEBIMPACT, Inc. All Rights Reserved.
page 15
6. 地図コンテンツセット – 構成・概要
タイトルエリア
コンテンツセットのタイトル、右ペイン用の
画像、文言が表示される。
日本語 English 简体中文繁體中文 한국어 Português
Español
ホーム表示に戻る
右側のタイルから、左ペイン表示用の
コンテンツが選択された場合に表示される。
固定タイル枠表示
上へ移動
コンテンツセット
初期位置へ戻す
拡大
右へ移動
縮小
左へ移動
© WEBIMPACT, Inc. All Rights Reserved.
下へ移動
page 16
6-1. 地図コンテンツセット - 左ペイン構成
右ペインにコンテンツの詳細を表示する設定の場合
地図上にコンテンツの詳細を表示する設定の場合
右ペイン 詳細エリアにコンテンツの詳細を表示する設定の場合、地図上
にコンテンツの名称のみが表示される。
地図上にコンテンツの詳細を表示する設定の場合、地図上に画像、名称、
紹介文、お持ち帰り用QRコードが表示される。
◯◯屋 豊橋駅前店
Image
紹介文紹介文紹介文紹介文
紹介文紹介文紹介文紹介文
XXX書店
右ペインの詳細エリアにコンテンツの
詳細を表示する。
地図上に詳細を表示するケースでは
右図の通り吹き出し形式で詳細を表
示する。
© WEBIMPACT, Inc. All Rights Reserved.
page 17
6-2-1. 地図コンテンツセット – ピンタップ時
タイトルエリア
コンテンツセットのタイトル、右ペイン用の
画像、文言が表示される。
XXX書店
詳細エリア
地図上のピンのタップにより、詳細情報が
表示される。
(右ペインにコンテンツの詳細を表示する設
定の場合)
日本語 English 简体中文繁體中文 한국어 Português
Español
固定タイル枠表示
ピンタップにより、その地点の詳細情報を
詳細エリアに表示する。 (右ペインにコン
テンツの詳細を表示する設定の場合)
または、地図上の吹き出しにコンテンツの
詳細を表示する。 (地図上にコンテンツの
詳細を表示する設定の場合)
© WEBIMPACT, Inc. All Rights Reserved.
page 18
6-2-2. 地図コンテンツセット – 検索時
タイトルエリア
コンテンツセットのタイトル、右ペイン用の
画像、文言が表示される。
詳細エリア
結果エリアのタップにより、詳細情報が表
示される。 (右ペインにコンテンツの詳細
を表示する設定の場合)
日本語 English 简体中文繁體中文 한국어 Português
Español
固定タイル枠表示
© WEBIMPACT, Inc. All Rights Reserved.
page 19
7-1. オリジナルコンテンツセット
オリジナルコンテンツを表示
オリジナルコンテンツを表示
右ペインにコンテンツを表示する場合
日本語 English 简体中文繁體中文 한국어 Português Español
ホーム表示に戻る
左ペインにコンテンツを表示する場合
© WEBIMPACT, Inc. All Rights Reserved.
page 20
8-1. 固定コンテンツセット
固定コンテンツを表示
固定コンテンツを表示
右ペインにコンテンツを表示する場合
日本語 English 简体中文繁體中文 한국어 Português Español
ホーム表示に戻る
左ペインにコンテンツを表示する場合
© WEBIMPACT, Inc. All Rights Reserved.
page 21
9-1. ニュース内容表示
タイトル
こども未来館
外部データ連携用に設定したタイトルが表
示される。
記事タイトル
更新日時：2016/9/1 00:00:00
記事内容記事内容記事内容記事内容
記事内容記事内容記事内容記事内容
取得した記事のタイトル、更新日時、内容、持ち
帰り用QRコード(QRコードで遷移するページの
URLも併せて表示)が表示される。
http://xxx.xxx.com
日本語 English 简体中文繁體中文 한국어 Português
Español
ホーム表示に戻る
座標情報がある場合、吹き出しに外部データ連携用
に設定したタイトルが表示される。
(なければ直前のコンテンツセットが表示されたままと
なる)
© WEBIMPACT, Inc. All Rights Reserved.
page 22
10-1. 点検表示
只今メンテナンス中の為、コンテンツを表示することができません。
スクリーン全体にメンテナンス中メッセージを表示する。
© WEBIMPACT, Inc. All Rights Reserved.
page 23