スマホと同期するサイネージ

概要

イベント業者向けのデジタルサイネージ（電子看板）システム。

画面に表示されたQRコードを読むと、スマホと同期します。
同期後、サイネージ側の資料をタッチ・スワイプして、スマホに対して任意のデータファイルをダウンロードすることが可能です。
イベント会場で、mp3データや動画データ・パンフレットデータなどを訪問者さまに持ち帰っていただくギミックとしてご利用いただけます。

（※本DEMOではテキトーなPDFや画像がダウンロードできます。）

使っている技術

Laravel／Laravel-Echo
Vue.js／Nuxt.js
Redis
particles-bg-vue ( https://github.com/lindelof/particles-bg-vue )
loaders.css ( https://connoratherton.com/loaders )
vue-typer ( https://www.npmjs.com/package/vue-typer )

工夫した点

リアルタイムで画面反映（WebSocket通信）を行うため、Laravel-Echoを用いました。
ブロードキャストドライバには、PUB/SUB機能のあるRedisを用いました。
FirebaseのRealtimeDatabase機能を利用しないで、
一台のサーバー上だけで完結するリアルタイム画面反映を実装しました。

技術的には以下の構成です。