バイ Hema
IoTソリューションアプリケーション開発は、すべてのレベルで今日必要です。 非常に低いコーディング知識を持つ人々は、 ビルド お問い合わせ それらに必要な。MQTTブローカーサポート お客様の声 埋め込むML&AIの特長アルゴリズムを使用して、独自のアプリケーションを作成します。 MQTTブローカーは、アプリケーションを簡単にホストし、管理するのに役立ちます。 IOT Server アプリケーションで開発チャレンジをクリアするだけです。MQTTブローカーお問い合わせ デフォルト ユーザー インターフェイス, しかし、視覚化は特定の縦のために造られる必要があります。 最近、社内ハッカソンを走る ふりがにアプリケーションをビルドする 私たちについて フレームワークお問い合わせ 興味深いことに、IOTアプリケーションを1日に構築できるようになりました。 アプリケーション構築 産業炉の監視でした。 このブログでは、アプリケーションを構築するために使用されるハックを移植します。
炉の温度の監視と制御は、その使用に関して非常に重要です 企業として 製品の品質に直接影響します。 私たちは、シミュレーションされた装置MQTTブローカーにデータをプッシュする監視エッジデバイスに似ています。 目標は、 アプリケーション だった:
MQTTの特長 ブローカーは、デバイスデータをユーザーインターフェイスにプッシュする方法でプログラムされています。 お問い合わせ ウェブソケット。 ライブグラフを作成するために独自のコードを追加することができます。 このハッカソンで,プロット開発者が利用しています。 収集した炉の温度に関するデータは、ライングラフとして提示されます。ダッシュボードお問い合わせ お問い合わせ によって行われます 設定カスタム_ui_server.pyファイル。
X軸: {
タイプ:新着情報 . .,
範囲:[olderTime, FutureTime] は、
お問い合わせ
お問い合わせ
Plotly.relayout(プロットリー)graph_id, 分 ニュース;;;
Plotly.extendTraces(プロットリー)graph_id、更新、d)
時平均的なデータに関する履歴グラフは、データ実行プロセスお問い合わせ スケジュールモジュールは、時間平均データの作成を自動化するために使用されます。 カスタム実装 データの平均値 別の方法で開発され、スケジュールで60分ごとに呼び出されるように設定カスタム_scheduler.py
ファイル。データを処理した後、Webソケットを介してユーザーインターフェイスにデータをプッシュします。 棒グラフ お問い合わせ 作成する 読み込まれたデータを表示するようにプロット
x:[i] ['time1'] ]
y:[i] ['value'] ]
Plotly.new リリース ピロー(「歴史」、データ123、レイアウト、 {displayModeBar:false,
応答性:true},
{scrollZoom: true} ;
上記と同様のアルゴリズムを追加できると思います。
温度の変動は表記され、表示することができますウィジェットお問い合わせ 特定の範囲のために 温度値はデータ 温度変化を警戒するためにさまざまな色で表示されます。 ここでは、データが赤く表示されます。 色のテキストの場合 温度が500度を超える摂氏温度(デフォルト値)と、温度が下にある場合は青色のテキスト 500円 摂氏温度。 デフォルトの温度範囲セットは、必要に応じて変更できます。 ウィジェットを追加できます。 通知への custom_ui_server.py ファイルをカスタマイズすることで、ユーザインターフェイスをカスタマイズすることができます。 警報の使用をスケジュールするためにcustom_scheduler.py ディレクティブ
お問い合わせ(キー ==「メッセージ・インテガー」||キー===「メッセージ・フロート」||キー===「メッセージ文字列」お問い合わせ
var メッセージ= data1 [key] ['message'][0] ;
document.getElementById(id).innerHTML = message + String.fromCharCode(176) +unit + ;
お問い合わせ
過去1時間の平均データとのデータの着信比較が行われます。 アラートを作成できます ベース 比較データ。 温度が毎時平均温度を超えた場合、アラートを作成することでデータが点滅します。 お問い合わせ 缶缶缶 追加することによって行われる イベントベーストリガースケジューリングモジュールを使用します。 独自のアルゴリズムを追加して、アラートを作成するcustom_scheduler.py ディレクティブ
お問い合わせp_avg < data3['msg'] ['メッセージ'] [0]お問い合わせ
document.getElementById("alert").innerHTML=data3 ['msg'] ['message'] [0] +「おまかせ」
+ 「温度の高い」;;;
お問い合わせ
開発者が作成したすべてのウィジェットは、別のページ上に置きました。ダッシュボード投影/表示 より大きいスクリーンに。 これは custom_ui_server.py 内でのカスタム URL として、 以下のコードスニペット。
ログインcustom_urls():
ログイン お問い合わせ
「AUTHENTICATION」:「ダイニング」 . .,
「URL」:[{"/extend/Dashboard":dashboard}]
お問い合わせ
フィードバックログイン
1日に構築されたハッカソンIoTアプリケーションは、GitHubでそれを試すために。 今すぐMQTTブローカーをお試しください。