公共情報基盤としてのデジタルサイネージ
伊牟田悠作1・土屋樹一2・西田純二3・上善恒雄4

1非会員

株式会社社会システム総合研究所（〒550-0002 大阪府大阪市西区江戸堀1丁目10-27）
E-mail:imuta@jriss.jp
2非会員 JR西日本コミュニケーションズ（〒530-0001 大阪市北区梅田2-5-2）
E-mail:k-tsuchiya@jcomm.co.jp
3正会員 株式会社社会システム総合研究所（〒550-0002 大阪府大阪市西区江戸堀1丁目10-27）
E-mail:nishida@jriss.jp
4非会員 大阪電気通信大学 総合情報学部（〒575-0063 大阪府四條畷市清滝1130丁目-70）
E-mail:jozen@oecu.jp
駅等に設置が進められているデジタルサイネージは今のままでは媒体企業の閉じた電子看板にすぎない．
規格化と相互接続を行えば公的スペースの情報メディアとして成長し，メディア価値も高まり，ビジネスとして安定した運営も可能となる．スマートフォンの普及により急拡大するＳＮＳ等のように単独では信憑性が疑われるような情報でも，公的スペースでのデジタルサイネージを通して集合化すれば，集団の冷静な判断を誘導することも可能となろう．本発表ではHTML5とPHPベースのマッシュアップによって実験的に作成した対話型デジタルサイネージの構造と公的相互接続の概念について報告する．災害時の緊急情報発信，日常的なコンテンツ作成と低コストで運用可能なプラットフォームとして，新たなデジタルサイネージシステムを提案する．

Key Words : traffic report, public transportation management, digital signage

1.

はじめに
本論文では，新たな公共情報メディア媒体としてのデジタルサイネージを提案する．デジタルテレビや，PC用液晶モニターの普及により，大型のディスプレイが非常に安価に入手できるようになってきた．広告媒体もアナログからデジタルに移行してきている．デジタルサイネージであれば，広告の表示内容を時期によって差し替えることも，PC 上でに簡単に行うことが出来る他，駅の美化にもつながる．また，動画広告や，ひとつの広告スペースで複数の広告を放映すること等，紙ではできな

図-1

大阪駅内のデジタルサイネージ

かった様々なことが出来る．動画や，トランジションなど動きのある広告は，目に留まりやすい．急速に広まりデジタルサイネージを公共情報の基盤としての利用を目つつあるデジタルサイネージであるが，各々独自の方式的とした共通規約の提案をするため，実験的に新型のデで製作しているため，動画の圧縮方式や，ノイズ対策，ジタルサイネージシステムの開発と実証実験を行い，そ圧縮率など，様々なことを考慮して広告を製作しなけれの方針を探った．

ばならない他，災害情報など，利用者にとって共通の情報を別々のデジタルサイネージで共有することが難しく， 2. 新型デジタルサイネージの開発
非常時に混乱を招くおそれがある．このままでは，携帯JR での広告は，駅業務情報や，観光情報は JR 西日本
電話と同じような混乱を招くおそれもある．

が，それ以外の企業情報発信の広告は，ジェイアール西

しかし，大阪駅には，図-1 の写真のようにデジタルサ日本コミュニケーションズが媒体の開発，広告の掲載をイネージが合計 229 台設置されているなど，公共情報メ行なっている．今回，株式会社ジェイアール西日本コミ

ディアとして，急速に設置数が増えつつある．そこで，ュニケーションズと共同で，タッチパネル式 55 インチ
1

る．データを保持するキャッシュ機能があれば，ネットワークが途切れた場合でも，途切れる前のデータを表示し続けることが出来る．また，広告の表現としてもはや動画は必須であり，防災情報についてもより効果的に伝えることが出来る．
お客様から有料で情報配信を行う広告メディアとして何より必要とされるのは定常的にシステムが動作していることである．阪神淡路大震災の教訓から緊急時にしか動かないシステムは，人的な運用も含めたリソースや保守の不備，コスト負担等の問題で緊急時に動かない可能性があることを誰もが知っている．常時動いているシス
図-2

テムであれば，緊急時にも即座に情報を発信することがタッチパネル式 DSでき，公共情報システムとして役に立つ．
デジタルサイネージ(図-2)を開発し，駅業務情報，観光正確で多様な情報を発信するために，既に適切な情報情報，企業情報発信を合わせた新しい広告媒体として，提供者によって，チェックが済んでいる外部の Web サ

JR 茨木駅にて実証実験を行った．主なコンテンツとしイトからデータを取得し，それを加工，表示するマッシては，業務情報枠で，時刻表，構内図，路線図，運行情ュアップ機能は，公共情報基盤として有用性が高く，特報があり，観光情報やその他の付加コンテンツとして，に防災関連情報については必須の機能である．間違った駅周辺の地図や，グルメ情報，バス情報，関西電力が提情報が重大な結果につながる災害情報は気象庁しか情報供していたでんき予報などがある．これら付加コンテンソースにはなれないし，鉄道の時刻表などの運行に関す

ツは，必要に応じて，容易に追加可能である．

る情報は鉄道事業者の責任において管理されるべきである．情報ソースも加工すればチェックも必要になる．

JR 茨木駅は一日平均 10 万人弱の乗降人員があり，改札口が 1 つなので，人の流れが集中しやすく，利用率を

今回は JR 西日本が運営する，JR おでかけネットから，調べるのに向いている．今回，JR 茨木駅の改札口を出駅の業務情報，関西電力から電力需給予測を取得し，表てすぐの所にタッチパネル式 DS を設置した．55 インチ

示することで，管理の手間の削減と，情報の信頼性を向のディスプレイを縦向きにしているため，非常に背が高上させるシステムを構築した．

く，人の流れが多くても目に付く筐体となっている．

4. 新型デジタルデジタルサイネージの構成

新しい広告媒体として，利用者と対話を行えるデジタ
ルサイネージを目指し，利用者が見たい情報を瞬時に見ることができるよう設計，開発をした．また，本実験で(1)

ハードウェアは新しい共通規約の提案と実験のほか，スマートフォン

タッチパネル式 DS では，筐体の作成から独自に行い，や，タブレット，携帯ゲーム機等で普及してきたタッチどのような人でも利用できる筐体を，独自で設計を行い，パネルインターフェースが，公共スペースにおいて，どコストの削減に努めた結果，既存サイネージ比約 70%のの程度受け入れられるのかを計測するために，各種ログコストで筐体を作成できた．車椅子にも考慮した設計でを取っている．

下部に 2 つのくぼみを設け，タッチしやすくかつ，方向転換しやすい形を取り，大人から子供までタッチしやす3.

公共情報システムに必要とされる機能

い位置にディスプレイを配置するなど，公共スペースに設置するにふさわしい筐体を実現した(図-3)．

これからのデジタルサイネージは 1 台ごとが独立したスタンドアロンシステムではなく，ネットワーク化された大型で高機能な端末になる流れは必至である．情報メディアとして大量のデジタルサイネージに対して集中的なコンテンツの配信と再生スケジューリングは放送コンテンツをネットワークメディアで配信するのと同様の技術が必要で，ネットワーク放送メディアと同様の課題も持っている．ネットワークは 24 時間常時接続されている保証はなく，ネットワークが途切れた途端に情報発信

図-3ができなくなれば，公共情報システムとして不十分であ2

車椅子利用者に配慮したくぼみ

(4) HTML5の活用

また，可動性も考慮し，筐体は主に 3 つのパーツに分解可能となっており，これらは数人で持ち運び，設置がHTML5 のための開発環境として，特別なコンパイラ出来る．地震などの揺れにも対応できるよう重心を下部などの処理系は必要ではなく，ブラウザにも標準で十分に持ってくるなどの安全対策も行なっている．

なデバッグ機能が内蔵されているため，テキストエディタのみでも開発が可能となっている．さらにフリーソフ(2) 共通基盤に用いるプログラミング言語の選定

トとして強力な統合開発環境システムも公開されており，デジタルサイネージ間の情報共有を難しくしている原情報源も豊富であるため開発環境の整備には事実上問題

因の 1 つに，数多く存在するプログラミング言語が挙げは無い．また，Web サーバはほとんどの PC 上で構築すられる．コンパイラ言語は，今回策定しようとしているることができるため，ノート PC 上でも問題無く開発でデジタルサイネージの共通規約としては非常に不向きできる．

ある．スクリプト言語や Java VM のような中間言語処理

HTML5 で追加された主な機能の一つに OfflineCache と系であっても，別途ソフトウェアのインストールが必要いうものがある．これは，HTML5 で新たに実装されたになってくる．Web ブラウジング機能は現在ではほと柔軟なキャッシュ機構である．OfflineCache を利用すれ

んどの OS に標準で入って居り，開発情報やライブラリば，開発者がキャッシュさせたいファイルを一覧にし，などが豊富で，非常に開発しやすいものとなっている．

Web ブラウザにその一覧を読み込ませることで，ローHTML は，WorldWideWebConsortium(W3C)という標準化カルにデータを保存することが出来る．これにより，タ団体により策定されており，Web に関する各種仕様のッチパネル式 DS は，ネットワークによる通信延滞を軽策定を行なっている．2012 年 4 月現在仕様策定中の，減し，動作を軽快にするとともに，ネットワークがオフ

HTML 次期バージョン HTML5 では，より多くの機能がラインの状態であっても，一定の動作が可能となってい1)追加され ，通常のアプリケーションのような振る舞いる．

が可能になっている．Microsoft の Dean Hachamovitch 氏は，HTML5 の LocalStorage はブラウザ側の PC 内部にデー「HTML5: Native to Windows」と題したプレゼンテーショタを保存する機能である．．現在 LocalStorage で保存可ンを行い，Windows におけるアプリケーション開発の言

能なデータは，テキストデータのみであるが，語として，HTML5 を紹介するなど，現在注目を集めてOfflineCache と組み合わせることで，あらゆるデータをいる．

ローカルに保存することが出来る．今回，タッチパネル式 DS においては，通信量の削減を行うためにこの機能(3) クライアントとサーバを用いている．ローカルにテキストデータとして各種ログのデータを蓄積し，一定時間たった時に後述の Ajax

タッチパネル式 DS では特別なソフトウェアを必要とせず，フリーで入手可能な Web ブラウザ，を用いてデータを送信することで，無駄な通信を抑える

GoogleChrome を表示ソフトとして利用した．

ことが出来る．

GoogleChrome は現時点で，他の Web ブラウザに比べ他にも，HTML5 がデジタルサイネージの標準としてHTML5 への対応が進んでおり，また，キオスク端末で向いている理由に，動画の圧縮方式がある．PC 上で動利用されることを想定した機能も存在することもあり，画を再生する場合，デコーダと呼ばれるものが別途必要

今回の HTML5 を用いた新型デジタルサイネージの表示になる場合がある．HTML5 には video タグと呼ばれるもソフトウェアとして適していると考えた．しかし，のがあり，これを用いることで，Web ブラウザに組みHTML5 では，どのような Web ブラウザであっても，同込まれたデコーダで動画を再生することが出来る．これじ HTML 文章を読み込んだ場合は，同じ内容を表示すにより，動画の圧縮方式の統一も可能となり，広告デーるべき，とする目標が掲げられており，現在，各 Webタを作成する際の手間を省くことが出来る．

ブラウザベンダーは，それの実現に向けて Web ブラウ

HTML5 の WebSocket は，現在タッチパネル式 DS にはザの開発しているため，将来的には OS に標準で入って組み込んでいないが，今後 HTML5 での開発において重いる Web ブラウザで HTML を用いたデジタルサイネー要なキーワードとなる．WebSocket を使うことによって，ジは表示可能になるはずである．

Web サーバと Web ブラウザの双方向通信が実現し，よりリアルタイム性の高い情報発信が可能になる．従来のサーバサイドのソフトウェアについては，Apache や通信方式と WebSocket の違いを図-4 に示す．

PHP，MySQL 等，Web サーバで標準的なものが動作す
れば，どのようなものでも良く，必要に応じて追加のソフトウェアをインストールすれば良い．今回は自由度が高く，実績のあるデータセンターサービスを用いて，運用を行なっている．
3

図-4 従来の通信方式と WebSocket の違い

従来の通信方式ではブラウザ側のリクエストに対応し

図-5

タッチパネル式 DS のシステム概要図てサーバーがレスポンスを返す手順が基本であるが，WebSocket を使えば第 3 者の認証付きリクエストをトリ

員制 Web サイトで会員ごとに内容を変えることと違いガとしてブラウザにサーバー上のデータを引き渡せるたはない．

め，管理端末からデジタルサイネージへの表示制御が容(6) 各クライアントとリソースの管理易になる．
Ajax は Web ブラウザにおいて，非同期通信を行う機

クライアントの管理，広告の管理もすべて Web 上で能で，バックグラウンドで通信を行うことが可能となる． 行うことが出来るため，特別なソフトウェアをインスト
タッチパネル式 DS では，利用者が閲覧したコンテンツールすることなく，データの編集が可能である．とっさのログや，広告の表示時間などを計測している．しかし， にデータを差し替える必要が出た場合など，ネットワー
これを Ajax を使わずに行うと，データをサーバに送るクに繋がった PC があれば，素早い対応が可能である．
際に再読込が発生し，画面が一瞬白くなってしまう．ま新しい場所に設置する際の，クライアントの追加はほとた，操作中に再読込が発生すると，初期状態に戻ってしんどが自動化されており，タッチパネル式 DS においてまい，利用者の不安を募らせることになる．そこで，は，駅の情報を入力するだけで，基本的な動作は可能とAjax を使い，バックグラウンドで通信をすることで，なっている．表示する付加コンテンツはクライアントご

これらの点を解消している．とに設定可能で，ドラッグアンドドロップによる直感的HTML5 での開発を容易にするライブラリとしてなインタフェースで操作が可能になっている(図-6)．

2)

jQuery があり，今や HTML の開発には欠かせないもの

広告のデータについてもクライアントごとに設定可能となっている Javascript のライブラリのひとつである．

で，こちらは，多くのクライアントに同じデータを追加

DocumentObjectModel（DOM）の操作と変更や，イベンする際のことを考え，テンプレート方式を使い，広告配トの処理，アニメーションなど多彩な動作を，非常に簡信スケジュールの管理を行なっている(図-7)他，テンプ単に記述することができるようになっている．また，プレートを用いない個別編集も備えており，柔軟性がある．

ラグインも豊富で，これらを利用することによって開発

このような柔軟なシステムも HTML や PHP を用いて効率を上げることが出来る．この他にも HTML や構築可能で，使用には Web ブラウザさえあればよいの

Javascript には様々な機能があり，また，それら拡張，利で，管理が非常に簡単である．

用しやすくするためのライブラリもオープンソースで多く開発されており，Web アプリケーションはソフトウ
ェア開発のツールとして大きな地位を持ち始めている．
PHP3)には file_get_contents という関数があり，これは，指定したファイル，URL のデータを取得するものである．これを使い，指定された JR おでかけネット等の外部 Web サイトからデータを取得し，大画面でも表示が崩れないよう調整をしたデータをサーバから送出することで，最新のデータを表示している(図-5)．外部の Web
サイトからデータを取得する必要のないコンテンツは，普通の Web サイト構築と変わらない．必要に応じて，図-6

クライアントから送られる，識別情報を用いて，クライ直感的なインターフェースで可能な端末の編集

アントごとに内容の振り分けを行う程度で，これは，会
4

用しており，待っている間に触ってみる．といった光景も多く見られた．

6. 結論
実験結果より，1 日平均 271 回コンテンツが閲覧されている．設置当初に比べ，今は徐々に下がってきている
図‒7が，現在(過去 1 ヶ月分)でも平均 170 回閲覧されている．

コンテンツ管理システム

タッチされた回数で見ると，1 日に 58 回ほどの初期状

5. 実験結果

態からコンテンツ表示画面に遷移している．タッチパネ
ル式 DS は，6 時から 24 時まで放映しており，約 18 時

HTML5 で作成したデジタルサイネージを 1 月 13 日よ間の間に 58 人なので，1 時間に 3.2 人ほどが触っているり茨木駅にて稼働させ，タッチインターフェース＋計算になる．タッチする際には，広告を一度は見ている

HTML5 のデジタルサイネージが，実際どのくらい使わはずだ．他にも，タッチパネルインターフェースを備えれるのか，各コンテンツ表示回数のログを 1 月 13 日かていないデジタルサイネージと同じく，見てるだけの人

ら 4 月 30 日の間，計測した（図-8）．

もいる．また，目と同じ高さにあるので非常に見やすく，広告効果はある程度上昇しているとみている．

茨木駅で表示していたコンテンツは，全 8 種類で時刻表は，茨木駅の上下線を共に平日，土休日で表示，新幹7. 今後の課題

線は，大阪駅と京都駅の新幹線の時刻表を表示，構内図は茨木駅の構内図を表示，路線図は，JR 西日本京阪神エリアの路線図を，周辺地図は GoogleMap を使い，地図実験結果からもわかるように，多くの利用者が，位置と衛星写真を，運行情報は，近畿エリア，北陸エリア，情報を利用したサービスを見ている．今後は，位置情報中国エリア，山陽新幹線の各運行情報を表示，関西電力サービスを利用した，周辺のグルメ情報（図-9）や，観でんき予報は，関西電力が 3 月 30 日まで提供していた

光情報など，より地域に根ざしたコンテンツや，正確なでんき予報を表示していた．

運行情報の他，各種公共交通機関の利用を促進するよう取得プログラムの不具合により，新幹線のコンテンツなコンテンツを制作したい．

表示実績は途中まで取得できていなかった．また，関西
電力でんき予報のデータは，サービスの終了後は，0 になっている．
図-8 よりわかることは，多くの日において，一番閲覧回数が多いのは周辺地図である．何度かメンテナンスや，調査で現地に行った際も，多くの利用者が自分のこれから行く場所などを周辺地図で見ていた．駅にも紙による周辺地図の掲示があるが，表示範囲や拡大縮小，衛星写真などで詳しく調べられる点が，利用者に受け入れられていると思われる．また，設置場所が，改札口を出てす

図-9

グルメ情報を利用したサービスぐの場所ということもあり，多くの人が待ち合わせに利図‒8設置開始から現在までのコンテンツ閲覧回数5たデジタルサイネージシステムを組み上げることが出来

また，公共スペースに設置するデジタルサイネージとして重要な情報の一つとして，震災情報を想定している． るのではないかと期待する．
関西においても東南海地震の発生確率が高まり，甚大なHTMLの仕様はW3Cによって，草案，最終草案，勧告被害が予想されている．地震発生後から大阪を中心とし候補，勧告案，W3C勧告という5つの工程を経て決めらた人口密集地域への津波到着には 1 時間程の時間差もあれており，W3C勧告は2014年を目標として，現在仕様のり 的確な情報伝達が被害を最小限に抑えるために非常策定が進められている．まだあと2年あるが，その間にに重要である．

も，ある程度仕様が決まった段階でWebブラウザはそのWeb ブラウザは URL を指定するだけで，多くの情報機能に対応していくと見られ，HTML5で実装予定の新が表示可能であり，緊急地震速報のための WebSocket に機能自体をすべて利用可能になる日はそう遠くないと思よるリアルタイム配信システムを構築すれば，駅や地下われる．これにより，より便利で柔軟なWebアプリケー

街等で多くの人に警戒を促すことが出来る．多くのデジションの開発が可能になり，今後，HTMLを用いたデジタルサイネージが，このシステムを利用し，同じ内容をタルサイネージが標準になる可能性は十分にある．

表示すれば，情報の信頼性が上がり，より多くの方の命が救われるであろう．我が国は，地震や台風などの災害参考文献が多い国であることから，今後このような，信頼性の高

1) Mark Pilgrim：HTML5: Up and Running，O'Reilly Media，2010

い災害情報システムを構築することは非常に重要なこと

2) Cody Lindley：jQuery Cookbook，O'Reilly Media，2009

である．今後は，震災情報含め，より先述の地域情報コ

3) Rasmus Lerdorf, Kevin Tatroe, Peter MacIntyre：Programming PHP，ンテンツや，その他の付加コンテンツを充実させ，利用

O'Reilly Media，2006

者数の向上と広告効果の向上を図りたい．

4) 鈴木 薫, 坂田 浩二, 井上 博之, 前田 香織：デジタルサイ
ネージ向けの地域コンテンツの自動配信手法の提案, インター8. おわりにネットコンファレンス 2010, 2010デジタルサイネージについては，現在多くの方が研究?

しており，様々な手法が提案されている． 広告リソー
スの統一4)や，本論文で紹介した，配信手法そのものの統一をうまく組み合わせることで，より柔軟な統一されThe Public Information Arterial Signage
Yusaku Imuta, Kiichi Tsuchiya, Junji Nishida and Tsuneo Jozen
Digital signage expected as public information media is developed with various structures and development methods. Therefore, it has been difficult to promote sharing public information among signage systems managed by different owners. Public information such as warning sings require immediacy and reliability. So senders or broadcasters must share public information in common. This article describes experience of running and fundamental method of a cost effective digital signage system we had developed forexperiments to promote information sharing.

6