pdf-icon

UiFlow チュートリアル

UiFlow1 開発ガイド

プロジェクト管理

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

UiFlow1 Blockly

Event

Unit

StickS3 ファーム書き込み・プログラム配信

1. 準備

  • UIFlow2 Web IDE チュートリアル を参照し、UiFlow2 の基本的な使用手順を理解し、M5Burner ファームウェア書き込みツールのインストールを完了してください。
  • M5Burner にログイン/登録します。デバイスの書き込みが成功すると、デバイス情報は同時にこのアカウントに紐付けられます。

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

  1. デバイスを USB ケーブルで接続し、本体側面のリセットボタンを長押しします。デバイス内部の緑色 LED が点滅すると、ダウンロードモードに正常に入ったことを示します。
  1. M5Burner で StickS3 に対応するファームウェアをダウンロードします。下図のとおりです。
  1. USB ケーブルでデバイスをコンピュータに接続し、M5Burner で該当ファームウェアの Burn ボタンをクリックします。対応するデバイスポートを選択後、Start をクリックします。
  1. デバイスが接続する Wi-Fi 設定(Wi-Fi SSID、Wi-Fi Password)および、必要に応じて追加または変更するデバイス設定を入力し、Next をクリックして書き込みを開始します。

Burn successfully, click here to return と表示されたら、書き込みは成功です。この時点でデバイスを再起動し、書き込み内容を有効にしてください。

設定情報の説明

  • COM:シリアルポート
  • BaudRate:シリアル通信のボーレート
  • Server:デバイスが接続するサーバーアドレス
  • WIFI SSID/WIFI Password:デバイスが接続する Wi-Fi の名称とパスワード
  • SNTP サーバー
    • SNTP0:Alibaba Cloud NTP サーバー(中国)
    • SNTP1:日本 NTP サーバープール
    • SNTP2:グローバル公開 NTP サーバープール
  • Timezone:タイムゾーン設定
  • Boot Option
    • run main.py directly:main.py を直接実行
    • show startup nemu and network setup:起動画面(NEMU)およびネットワークを表示
    • only net work setup:ネットワーク設定のみ

3. UiFlow2 にログイン

UiFlow2 ページにアクセスし、ページ右上のユーザーアイコンをクリックして UiFlow2 システムアカウントにログインします。

UiFlow2 アカウント
このアカウントは M5Burner にログインしたアカウントと同一である必要があります。ログインが成功すると、このアカウント配下で、有効な Wi-Fi に接続されたデバイスを Select Device をクリックして確認できます。デバイスの所有者を変更する場合は、デバイスとアカウントの紐付けを解除する必要があります。

5. プログラミングページに入る

USB 接続または Pair Code 方式でデバイスを UiFlow2 に接続し、プログラミング画面に入ることができます。具体的な方法は以下のとおりです。

USB モード

  1. StickS3 を USB ケーブルでコンピュータに接続し、デバイスリストから StickS3 デバイスモジュールを選択して Confirm をクリックします。
  1. WebTerminal ボタンをクリックします。
  1. ポップアップ画面で StickS3 のシリアルポートを選択し、接続 をクリックします。

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

Pair Code モード

説明
ペアリングコード(Pair Code)を使用する前に、StickS3 がネットワークに接続されていることを確認してください。デバイスが生成するペアリングコードの有効期限は 2 時間です。

StickS3 デバイス上で中央の Button ボタンを押すと、Cloud UI 画面の Pair Code(ペアリングコード)説明エリアに、現在生成されている有効なペアリングコードが表示されます。

Pair Code を入力後、Add Device をクリックすると、StickS3 を UiFlow2 に接続できます。

6. RUN

以上の手順を完了すると、UiFlow2 を使用したプログラミングを開始できます。

7. 関連リンク

On This Page