ボードの構築
ボードエディタは、アプリのデータをリアルタイムで表示するダッシュボードを設計するためのノーコードツールです。
ボードエディタを開く
- クラウドIDEでアプリを開きます。
- サイドメニューのBoardボタンをクリックします。
- ボードエディタが開き、現在のダッシュボードレイアウトが表示されます。
ウィジェットの追加
Add Widgetをクリックして、ボードに新しいコンポーネントを配置します。利用可能なウィジェットタイプ:
| ウィジェット | 用途 |
|---|---|
| 折れ線グラフ | 時系列トレンド(時間経過に伴う温度変化) |
| 棒グラフ | カテゴリ間の比較 |
| 円グラフ | 分布 / 割合 |
| ゲージ | リアルタイムの単一値(速度、圧力) |
| 値表示 | 単一の数値またはテキストの表示 |
| テーブル | ソート/フィルタ付きの表形式データ |
| マップ | データオーバーレイ付きのデバイス位置情報 |
| 埋め込み | 外部Webコンテンツまたはデバイスのリモートアクセストンネル |
データの接続
各ウィジェットはdata-template.ymlのテーブルとカラムに接続されます:
- ウィジェットを選択します。
- データソーステーブルを選択します。
- カラムをウィジェットの軸またはフィールドにマッピングします。
- フィルタや集計オプションを設定します。
データはリアルタイムで更新されます — デバイスから新しいデータが到着すると、ウィジェットは自動的にリフレッシュされます。
レイアウト
ウィジェットをドラッグ&リサイズしてダッシュボードを配置します。ボードは以下をサポートします:
- グリッドベースの配置
- 異なる画面サイズに対応するレスポンシブレイアウト
- 単一ボード内の複数ページ / タブ
board-template.ymlファイル
ボードエディタは.ironflock/ディレクトリにboard-template.ymlファイルを生成します。このファイルは、ボードの完全なレイアウト、ウィジェット設定、データマッピングを記述します。
必要に応じて、このファイルを手動で編集することもできます。
アプリがボードを提供せずにデータ収集のみを行うことは全く問題ありません。データロガーアプリは一般的に、ユーザーが収集データから独自のダッシュボードを構築できるようにしています。ユーザーが作成したダッシュボードは、複数のアプリのデータを組み合わせることもできます。
埋め込みウィジェット
埋め込みウィジェットは特に強力です — デバイスのリモートアクセストンネルをボード内に直接埋め込むことができます。これにより、グローバルデータの監視と個々のデバイスとのインタラクションを同じインターフェースからシームレスに行えます。
Last updated on