Soracom

Users

ドキュメント
Home ドキュメント SORACOM Lagoon 3 Getting Started

サンプルデータソース (Demo) を使用した Dashboard を作成する

新しい Dashboard を作成し、ソラコムが用意したサンプルデータソース (Demo) を使用した Panel を 1 つ追加します。

Panel のイメージ:

サンプルデータソース (Demo) を利用できます
  • ここで利用するサンプルデータソース (Demo) は、Lagoon の動作を確認するためのデータです。すぐにデバイスが用意できない場合や、データの送信形式が決まっていない場合に利用できます。
  • サンプルデータソース (Demo) は無料です。Harvest Data のデータ保持期間延長オプション を有効化しても、データエクスポート料金は発生しません。
テンプレートを使用して Dashboard を作成することもできます

より簡単に Dashboard の作成を試すには、あらかじめ複数の Panel が設定されたテンプレートを使用できます。詳しくは、テンプレートを使用して Dashboard を作成する を参照してください。

操作を始める前に準備が必要です (クリックして確認してください)

(1) SORACOM Lagoon 3 の利用を開始する

Lagoon 3 の利用を開始します。詳しくは、SORACOM Lagoon 3 の利用を開始する を参照してください。

準備完了

ステップ 1: 新しい Dashboard と Panel を作成する

  1. Lagoon コンソールにログイン して、[ (Dashboards)][New][New Dashboard] の順にクリックします。

    New dashboard という名前の Dashboard が作成されます。

  2. [Add a new panel] をクリックします。

    Panel が作成され、「Edit Panel」画面が表示されます。

ステップ 2: humidity と temperature を選択して Panel に表示する

サンプルデータソース (Demo) の Device-1 の以下のデータを Panel に表示します。

  • humidity
  • temperature
  1. データセクションの [Query] タブをクリックし、[Data source] で「Harvest (default)」を選択します。

  2. Query「A」を以下のように設定します。

    項目説明
    リソースの種類 (1 項目)「Demo」を選択します。
    リソース (2 項目)「Device-1」を選択します。
    データフォーマット (3 項目)「Standard」を選択します。
    系列 (4 項目)「humidity」(湿度) を選択します。

    humidity のグラフが表示されます。

    Demo 以外のデータを表示する場合は

    Harvest Data にデータを送信している場合は、リソースの種類 (1 項目) で対応する項目を選択します。Query の設定について詳しくは、Panel に表示するデータを選択する (Query) を参照してください。

  3. [+Query] をクリックして、Query「B」を以下のように設定します。

    項目説明
    リソースの種類 (1 項目)「Demo」を選択します。
    リソース (2 項目)「Device-1」を選択します。
    データフォーマット (3 項目)「Standard」を選択します。
    系列 (4 項目)「temperature」(温度) を選択します。

    temperature のグラフが追加されます。

    Device-1 のグラフ Device-1 のグラフ

すべての系列を表示することもできます

データフォーマット (3 項目) で「Table」を選択すると、リソース名 (2 項目) で選択したリソース (Device-1) のすべての系列を可視化できます。データフォーマットについて詳しくは、Query を設定する を参照してください。

ほかの系列も表示できます

サンプルデータソース (Demo) には、以下のデータも含まれます。このデータを Panel に表示したり、データを加工して表示したりできます。詳しくは、Panel に表示するデータを選択する (Query) を参照してください。

  • battery
  • elevation
  • latitude
  • longitude
Panel の種類は変更できます

Panel の種類は標準では、Time series (時系列) が選択されています。

そのほかの形式で表示するには、Panel の種類 を変更します。たとえば、latitude と longitude を利用して、デバイスの位置を表示するには、Soracom Map Panel に変更します。

ステップ 3: Panel のタイトルを設定する

標準では「Panel Title」と表示されています。

[All][Panel options] の順にクリックし、[Title] に「湿度と温度」と入力します。

ステップ 4: 系列の名前と単位を設定する

Panel の可視化に関する共通オプションの [Overrides] を使用して、各系列の表示名を日本語に変更し、単位を設定します。

項目系列
[Fields with name]
表示名
[Standard options > Display name]
単位
[Standard options > Unit]
Override 1humidity湿度Misc / Percent (0-100)
Override 2temperature温度Temperature / Celsius (°C)
  1. [Overrides][+Add field override] の順にクリックします。

  2. [Fields with name] をクリックして、[Fields with name] で「humidity」を選択します。

  3. [+Add override property] をクリックして、「Standard options > Display name」を選択します。選択欄に、Display name と入力するとスムーズです。

  4. [Standard options > Display name] に「湿度」を入力します。

  5. [+Add override property] をクリックして、「Standard options > Unit」を選択します。選択欄に、Unit と入力するとスムーズです。

  6. [Standard options > Unit] で、「Misc / Percent (0-100)」を選択します。選択欄に、Percent (0-100) と入力するとスムーズです。

    湿度のグラフが % 表示に変わります。

    上記の表の Override 1 (humidity) の設定が終わりました。

  7. 上記の表の Override 2 (temperature) も同様の手順で設定します。

    グラフの凡例が日本語に変更され、軸に単位が表示されました。なお、2 つの系列で単位が異なるため、自動的に 2 軸グラフに変更されています。

ステップ 5: Dashboard を保存する

  1. 「Edit Panel」画面で [Apply] をクリックします。

    Dashboard 画面に戻ります。

  2. [ (Save dashboard)] をクリックします。

    Save dashboard 画面が表示されます。

  3. [Dashboard name] に「Demo 用 dashboard」と入力して、[Save] をクリックします。

    Dashboard が保存されます。そのほかの項目について詳しくは、新規保存する を参照してください。

ステップ 6: Dashboard を再表示する

最後に、Lagoon コンソールにログインし直して、作成した Dashboard を再表示します。

  1. Lagoon コンソールからログアウト します。

  2. Lagoon コンソールにログイン します。

  3. [ (Dashboards)][Browse][General] の順にクリックし、作成した Dashboard をクリックします。

    作成した Dashboard が表示されます。

Folder や tag を利用できます

複数の Dashboard を管理するために、Folder を作成したり tag を追加したりできます。詳しくは、Dashboard を Folder や Tag で管理する を参照してください。