pdf-icon

UiFlow チュートリアル

UiFlow1 開発ガイド

プロジェクト管理

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

UiFlow1 Blockly

Event

Unit

Capsule ファームウェア書き込み・プログラム配信

1. UiFlow2 ファームウェア書き込み

  1. UiFlow2 Web IDE チュートリアルを参照して、UiFlow2 の基本的な使用手順を確認し、M5Burner ファームウェア書き込みツールをインストールします。

  2. M5Burner で Capsule に対応するファームウェアをダウンロードします。

  1. デバイスの電源が入った状態で、StampS3 の G0 ボタンを押しながら USB ケーブルで PC に接続します。接続後、M5Burner に Found New Device と表示され、この時点でデバイスはプログラミングモードに入り、書き込み待機状態になります。


schematics

  1. M5Burner で対応するファームウェアの Burn ボタンをクリックし、対応するデバイスポートを選択して Start をクリックします。
  1. デバイスが接続する Wi-Fi 設定を入力します。Wi-Fi SSID、Wi-Fi Password、および追加または変更が必要なデバイス設定を入力したら、Next をクリックして書き込みを開始します。

設定情報:

  • COM:デバイスに対応するシリアルポートを選択
  • BaudRate:シリアル通信のボーレート
  • Server:デバイスが接続するサーバーアドレス
  • WIFI SSID/WIFI Password:デバイスが接続する Wi-Fi 名とパスワード
  • SNTP Server
    • SNTP0:Alibaba Cloud NTP サーバー(中国)
    • SNTP1:日本 NTP サーバープール
    • SNTP2:グローバル公共 NTP サーバープール
  • Timezone:タイムゾーン設定
  • Boot Option:ファームウェア書き込み完了後のデバイス起動モードを設定
    • run main.py directly:書き込み完了後、main.py 内のプログラムを直接実行します。ネットワークには接続せず、UiFlow2 の起動画面も表示しません
    • show startup menu and network setup:デバイスがネットワークに接続し、画面付きデバイスでは UiFlow2 の起動画面を表示します
    • only net work setup:デバイスはネットワーク設定のみを行い、UiFlow2 の起動画面は表示しません

Burn successfully, click here to return と表示されたら、書き込みは成功です。

  1. ファームウェア書き込み後にデバイス設定を変更する場合は、USB 接続を保持したままデバイスを再起動し、Configure をクリックして画面の指示に従って変更します。

2. デバイス接続

デバイスは Access Code(無線ネットワーク経由)または USB(PC への有線接続)で UiFlow2 に接続でき、プログラムの送信とデバッグを行えます。以下の手順を参照してください。

Access Code ワイヤレス接続

  1. uiflow2.m5stack.com にアクセスして UiFlow2 Web IDE を開きます。

  2. デバイスがネットワークに接続されていることを確認し、Access Code を取得します。画面左下の WebTerminal をクリックし、ダイアログで Capsule のシリアルポートを選択して Connect をクリックすると、シリアルモニタが開きます。現在生成されている有効な Access Code と Wi-Fi 接続状態を確認できます。(対応する情報が表示されない場合は、Soft Reset ボタンをクリックしてソフトリセットしてください)

  1. ページ上の Select Your Controller(初回表示)または Controller ボタンをクリックし、Select Device ページに入ります。
  1. Connect Device をクリックし、アクセスコードと任意のデバイス名を入力して Confirm をクリックすると、Capsule を UiFlow2 に接続できます。
Access Code 説明
1. ブラウザの変更、プライベート / シークレットモードの使用、UiFlow Web サイトのキャッシュ削除を行うと、元のペアリング状態は無効になります。
2. タブを閉じる、ブラウザを再起動する、ログインまたはログアウトするだけでは、バインド済みのペアリング関係には影響しません。
3. デバイスが別のブラウザでバインドおよびペアリングされると、元のブラウザのペアリング関係は直ちに無効になります。
  1. Select Device ページで接続済みの Capsule デバイスを選択し、Confirm をクリックすると、UiFlow2 のプログラミング画面に入ります。

USB 有線接続

  1. uiflow2.m5stack.com にアクセスして UiFlow2 Web IDE を開き、Capsule を USB ケーブルで PC に接続します。

  2. ページ上の Select Your Controller(初回表示)または Controller ボタンをクリックし、Select Device ページに入ります。

  1. デバイス一覧で Capsule を選択し、Confirm をクリックします。
  1. WebTerminal ボタンをクリックし、ダイアログで Capsule のシリアルポートを選択して Connect をクリックします。

WebTerminal 画面に Connected to Serial Port! と表示されたら、USB 接続は成功です。

3. プログラムの実行とダウンロード

デバイスを UiFlow2 に接続したら、Blockly をドラッグしてプログラムを編集できます。

プログラム編集後、画面右下の Run Once ボタンをクリックすると一度だけ実行してテストできます。Run Always をクリックすると、プログラムをデバイスにダウンロードできます。

WebTerminal ウィンドウでも、一度だけ実行したりプログラムをダウンロードしたりできます。

4. 関連リンク

On This Page