Skip to Content
IoT ダッシュボード概要

IoT ダッシュボード

Board Studio は従来のダッシュボードをはるかに超えたツールです。ページナビゲーション、操作ボタン、フィルター要素、リスト、フォーム、埋め込みコンテンツなどを備えた、リッチでマルチページのユーザーインターフェースを構築できるフルノーコードアプリケーション UI ビルダーです。ダッシュボードツールに期待されるすべてのチャートやゲージウィジェットを含みつつも、構築できるインターフェースはデータビジュアライゼーションに限定されません。完全なオペレーターパネル、インタラクティブな制御画面、カスタムワークフローを、コードを一行も書かずに設計できます。

ウィジェットをキャンバスにドラッグ&ドロップし、設定パネルで構成し、ナビゲーション要素でページを連結してインターフェースを構築します。Board Studio はすべての IronFlock プロジェクトにデフォルトでインストールされています。

Board Studio エディタ

構築できるもの

  • 標準チャート&高度なチャート — メトリクスや時系列データを追跡します。折れ線グラフ、棒グラフ、ゲージ、ヒートマップ、ドーナツチャートなど多数。
  • アプリナビゲーション — サイドバーメニューやタブバーを備えた複数ページのボードを構築できます。
  • 埋め込み — 外部ダッシュボード、デバイス UI、カメラストリーム、ウェブサイトをボードに直接取り込みます。
  • アクション — ボードからエッジデバイスにコマンドや制御信号を直接送信します。
  • スプリットチャート — 1 つの設定から、デバイス、場所、カテゴリごとに自動でチャートを生成します。
  • フォーム — 完全な履歴追跡とスマートな更新パターンにより、手動データ入力を記録します。
  • フィルター — ドロップダウンや日付ピッカーを使い、すべてのウィジェットのデータを一括でフィルタリングできます。
  • エージェント AI — 自然言語でアプリデータと対話する AI エージェントをボードに追加します。

IoT ダッシュボードを使う理由

  • オールインワン — 可視化、制御、操作を一箇所で。別々のツールは不要です。
  • カスタマイズ自在 — フリーフォームグリッド上でウィジェットを自由に配置。リサイズ、移動、レイヤー配置が自在に行えます。
  • セキュア — リモートアクセスとデバイス制御は認証済みトンネルを通じて処理されます。
  • スケーラブル — 1 台のデバイスでもプロジェクト全体でも同じように動作します。

IoT ダッシュボードの仕組み

ボードはプロジェクトデータベース内のアプリデータに直接接続します。特定のデバイスに紐付いているわけではなく、プロジェクト内でアプリを実行しているすべてのデバイスの集約データを表示します。

データはデバイスからリアルタイムで流れてきます。エッジコンポーネントが IronFlock のメッセージングレイヤーを通じてプロジェクトのデータベースにデータを送信し、ボードは即座に更新を受信します。ポーリングや手動更新はありません。ウィジェットはエッジからスクリーンまでサブ秒のレイテンシーで更新されます。

開発者ボードとユーザーボード

  • 開発者ボードはアプリ開発者が作成し、アプリに同梱されます。アプリをインストールしたすべてのユーザーに同じボードレイアウトが自動的に表示されます。
  • ユーザーボードは、ボードビルダーを使用してプロジェクト内で自分自身が作成するものです。複数のインストール済みアプリのデータを 1 つのカスタムダッシュボードにまとめることができます。

ボードへのアクセス

ボード付きのアプリがプロジェクトにインストールされると、プロジェクトのホームパネルにアプリアイコンが表示されます。クリックするとボードが開きます。

ボードの構築

プロジェクトからボードビルダーを開きます。そこで以下の操作ができます:

  1. ウィジェットを追加 — ウィジェットパネルからウィジェットタイプを選び、キャンバスにドラッグします。
  2. リサイズと配置 — ウィジェットの端をドラッグしてリサイズ、またはウィジェット自体をドラッグしてグリッド上で位置を変更します。
  3. ウィジェットを設定 — ウィジェットをクリックすると設定パネルが開きます。データソースの選択、ラベルや単位の設定、表示オプションの調整が行えます。
  4. ページを追加 — 複数のページを作成し、ナビゲーションウィジェットでリンクしてマルチスクリーンのダッシュボードを構築します。
  5. テーマを適用 — ボード設定パネルからライトまたはダークテーマを選択し、グローバルカラーを設定します。

変更は構築中に自動的に保存されます。

Last updated on