pdf-icon

UiFlow チュートリアル

UiFlow1 開発ガイド

プロジェクト管理

LTEネットワークを使用する

UiFlow1 Blockly

Event

Unit

Stamp-P4 ファーム書き込み・プログラム配信

1. 事前準備

  • UIFlow2 Web IDE チュートリアルを参照して UiFlow2 の基本的な使い方を確認し、M5Burner ファームウェア書き込みツールのインストールを完了してください。
  • M5Burner にログイン・登録してください。デバイスへの書き込みが完了すると、デバイス情報が該当アカウントに紐づけられます。

2. ファームウェアの書き込み

  1. M5Burner で Stamp-P4 に対応したファームウェアをダウンロードします。下図を参照してください。
  1. デバイスを USB ケーブルでパソコンに接続し、M5Burner で対応ファームウェアの Burn ボタンをクリックします。デバイスのポートを選択後、Start をクリックしてください。
説明
デバイスを初めて接続する場合は、該当アカウントへのデバイス登録が必要です。
  1. 必要な設定情報を入力後、Next をクリックして書き込みを開始します。
  • Server:デバイスが接続するサーバーアドレス
  • WIFI SSID / WIFI Password:デバイスが接続する Wi-Fi の SSID とパスワード
  • SNTP サーバー
    • SNTP0:Alibaba Cloud NTP サーバー(中国)
    • SNTP1:日本 NTP サーバープール
    • SNTP2:グローバル公開 NTP サーバープール
  • Timezone:タイムゾーン設定
  • Boot Option
    • run main.py directly:main.py を直接実行する
    • show startup menu and network setup:起動メニュー(MENU)とネットワーク設定画面を表示する
    • only net work setup:ネットワーク設定のみ行う

Burn successfully, click here to return と表示されたら、書き込み成功です。書き込みを反映させるため、デバイスを再起動してください。

3. UiFlow2 へのログイン

UiFlow2 のページを開き、右上のユーザーアイコンをクリックして UiFlow2 のアカウントにログインしてください。

UiFlow2 アカウント
このアカウントは M5Burner へのログインと同じアカウントを使用する必要があります。ログイン後、有効な Wi-Fi に接続済みのデバイスは、 Select Device から確認できます。デバイスのオーナーを変更する場合は、デバイスとアカウントの紐付けを解除してください。

4. プログラミング画面への移行

Stamp-P4 は USB 接続、Wi-Fi 接続、または Pair Code 接続の 3 つの方法で UiFlow2 に接続し、プログラミング画面に入ることができます。以下では Stamp‑P4Stamp‑AddOn C6 For P4 Wi‑Fi 拡張モジュールを組み合わせた場合を例に、各操作方法を説明します。

Wi-Fi 接続

  1. Wi-Fi の設定が完了していることを確認してください。書き込み時に M5Burner の Configure で Wi-Fi およびその他の情報を設定する必要があります。
  1. デバイスリストを開きます。
  1. オンラインのデバイスを選択し、Confirm をクリックします。
  1. 画面下部の ModeCloud に設定します。

デバイスの UiFlow2 プログラミング画面に正常に入ります。

Pair Code 接続

  1. 画面下部の Mode(Cloud)Pair Code に設定します。

  2. Wi-Fi の設定が完了していることを確認してください。書き込み時に M5Burner の Configure で Wi-Fi およびその他の情報を設定する必要があります。

  1. Stamp-P4 を USB ケーブルでパソコンに接続します。

  2. 画面左下の Web Terminal をクリックし、表示されるダイアログで Stamp-P4 のシリアルポートを選択後、Connect をクリックしてシリアルモニターを開きます。

数秒待つと、ペアリングコードが自動的に表示されます。

  1. Select Code をクリックし、表示されたダイアログに Pair Code を入力後、Add Device をクリックすると、Stamp-P4 を UiFlow2 に接続できます。
Pair Code について
1. ブラウザの変更、プライベート/シークレットモードの使用、UiFlow サイトのキャッシュ削除を行うと、既存のペアリング状態が無効になります。
2. タブを閉じるだけの場合、ブラウザの再起動、アカウントへのログイン・ログアウトでは、既存のペアリング関係に影響しません。
3. 別のブラウザでデバイスがペアリングされると、元のブラウザのペアリング関係は直ちに無効になります。

USB 接続

  1. Stamp-P4 を USB ケーブルでパソコンに接続し、デバイスリストで Stamp-P4 のデバイスモジュールを選択後、Confirm をクリックします。
  1. 画面下部の ModeUSB に設定します。
  1. WebTerminal ボタンをクリックします。
  1. ダイアログで Stamp-P4 のシリアルポートを選択し、Connect をクリックします。

WebTerminal にConnected to Serial Port!と表示されれば、USB 接続成功です。デバイスの UiFlow2 プログラミング画面に移行します。

5. RUN

以上の手順が完了すれば、UiFlow2 でのプログラミングを開始できます。

6. 関連リンク

On This Page