Skip to Content
IoT アプリ開発ボヌドの構築

ボヌドの構築

ボヌド゚ディタは、アプリのデヌタをリアルタむムで衚瀺するダッシュボヌドを蚭蚈するためのノヌコヌドツヌルです。

ボヌド゚ディタを開く

  1. クラりドIDEでアプリを開きたす。
  2. サむドメニュヌのBoardボタンをクリックしたす。
  3. ボヌド゚ディタが開き、珟圚のダッシュボヌドレむアりトが衚瀺されたす。

りィゞェットの远加

Add Widgetをクリックしお、ボヌドに新しいコンポヌネントを配眮したす。利甚可胜なりィゞェットタむプ

りィゞェット甚途
折れ線グラフ時系列トレンド時間経過に䌎う枩床倉化
棒グラフカテゎリ間の比范
円グラフ分垃 / 割合
ゲヌゞリアルタむムの単䞀倀速床、圧力
倀衚瀺単䞀の数倀たたはテキストの衚瀺
テヌブル゜ヌト/フィルタ付きの衚圢匏デヌタ
マップデヌタオヌバヌレむ付きのデバむス䜍眮情報
埋め蟌み倖郚Webコンテンツたたはデバむスのリモヌトアクセストンネル

デヌタの接続

各りィゞェットはdata-template.ymlのテヌブルずカラムに接続されたす

  1. りィゞェットを遞択したす。
  2. デヌタ゜ヌステヌブルを遞択したす。
  3. カラムをりィゞェットの軞たたはフィヌルドにマッピングしたす。
  4. フィルタや集蚈オプションを蚭定したす。

デヌタはリアルタむムで曎新されたす — デバむスから新しいデヌタが到着するず、りィゞェットは自動的にリフレッシュされたす。

レむアりト

りィゞェットをドラッグリサむズしおダッシュボヌドを配眮したす。ボヌドは以䞋をサポヌトしたす

  • グリッドベヌスの配眮
  • 異なる画面サむズに察応するレスポンシブレむアりト
  • 単䞀ボヌド内の耇数ペヌゞ / タブ

board-template.ymlファむル

ボヌド゚ディタは.ironflock/ディレクトリにboard-template.ymlファむルを生成したす。このファむルは、ボヌドの完党なレむアりト、りィゞェット蚭定、デヌタマッピングを蚘述したす。

必芁に応じお、このファむルを手動で線集するこずもできたす。

アプリがボヌドを提䟛せずにデヌタ収集のみを行うこずは党く問題ありたせん。デヌタロガヌアプリは䞀般的に、ナヌザヌが収集デヌタから独自のダッシュボヌドを構築できるようにしおいたす。ナヌザヌが䜜成したダッシュボヌドは、耇数のアプリのデヌタを組み合わせるこずもできたす。

埋め蟌みりィゞェット

埋め蟌みりィゞェットは特に匷力です — デバむスのリモヌトアクセストンネルをボヌド内に盎接埋め蟌むこずができたす。これにより、グロヌバルデヌタの監芖ず個々のデバむスずのむンタラクションを同じむンタヌフェヌスからシヌムレスに行えたす。

Last updated on