Shoeisha Technology Media

CodeZine(コードジン)

特集ページ一覧

Spread.ViewsとRaspberry Pi+ESP32搭載ボードNefry BTでインフルエンザ対策のBIツールを作る

IoT時代の救世主! SpreadJSで作るデータ可視化アプリ 第3回

  • LINEで送る
  • このエントリーをはてなブックマークに追加

 本連載では、グレープシティが開発するJavaScriptライブラリ「SpreadJS」の 収録コントロール「Spread.Views」を活用して、IoT時代に役立つさまざまなアプリケーションを作っていきます。今回は、Spread.Viewsのスパークライン機能を使って、オフィス内の温湿度データなどを可視化するインフルエンザ対策BIツールを作ってみます。

目次

 こんにちは、dotstudio株式会社n0bisukeです。前回はSpread.ViewsのカレンダーUIを利用して、出退勤の管理システムを作成しました。今回はIoTデータのモニタリングを行うためのBIツールを作成してみます。

IoT界隈のBIツール

 データが大事ということは色々な業界で言われ続けていることです。IoTの世界で何が嬉しいかというと、世の中の今まで誰も取ろうとしてなかったデータすらも低コストでセンサリングできるようになったことが挙げられます。

 その結果、これまでに無いくらいの膨大なデータが集まりやすくなりました。膨大なデータをそのまま扱おうとすると、人間にとって見づらく扱いにくいものとなってしまいます。この流れから最近では、センサリングしたデータの可視化に注目が集まっています。

 自分で可視化ツールを作成するのも良いですが、開発コストが大きいため、簡単に扱えるWebサービスも増えてきています。

  • freeboard
  • ThingSpeak
  • Fastsensing
  • Ambient

 このようなサービスの需要があるようにBIツール市場は注目されています。

 一方で、既存のWebサービスだと機能が少ない、ユーザーにとって必要な表示機能が足りていない、カスタマイズが難しいなどといった側面がありました。

 今回はカスタマイズ自在な自前のBIツールをSpread.Viewsを利用して素早く作っていきます。

どのような可視化にするか

 どんなものを作るかイメージするときは既存のUIを見て、自分が作りたいものに近しい例がないか確認すると良いでしょう。その点で Spread.Viewsはデモが豊富に揃っているのが嬉しいです。Spread.Viewsのデモサイトをチェックしてみましょう。デモサイトの左上のメニューを開くとさまざまなデモが確認できます。

 今回はスパークラインのサンプルがデータ可視化に良さそうだったので、このサンプルとデータを組み合わせてみたいと思います。

BIツールの設計(どんなBIツールにするか)

 まずはどんなBIツールを作るのかを考えます。

 今回は最近オフィスが乾燥して風邪が流行ってきているので、オフィスの環境データをモニタリングするインフルエンザ対策BIツールを作成します。

  • 温度のモニタリング
  • 湿度のモニタリング
    • 湿度が低かったら加湿器をつけるように促す
  • CO2濃度のモニタリング
    • CO2濃度が高ければ窓を開けるように促す

利用アーキテクチャ

 社内向けのシステムかつ、社内にいる人がみるツールとなるため、公開サーバーにはせず、Raspberry Pi上のローカルでホスティングします。また、Raspberry PiにはNode.jsをインストールしてMQTTのブローカー(サーバー)にします。

 センサーの値はESP32搭載のマイコンボードNefry BTを利用し、MQTTのPublisherとして実装します。

  • BIサーバー:Raspberry Pi 3
    • Node.js v9.4.0
    • MQTT ブローカー
    • Spread.Views
  • エージェント: Nefry BT
    • 温度湿度センサー
    • Co2センサー
    • MQTT Publiser

  • LINEで送る
  • このエントリーをはてなブックマークに追加

著者プロフィール

  • 菅原のびすけ(dotstudio株式会社)(スガワラ ノビスケ)

     日本最大規模のIoTコミュニティ「IoTLT」主催。岩手県立大学大学院ソフトウェア情報学研究科を卒業後、株式会社LIGでWebエンジニアとして入社し、Web開発に携わる。2016年にdotstudio株式会社を立ち上げ、今はIoT領域を中心に活動している。JavaScript Roboticsコミ...

バックナンバー

連載:IoT時代の救世主! SpreadJSで作るデータ可視化アプリ
All contents copyright © 2005-2018 Shoeisha Co., Ltd. All rights reserved. ver.1.5