pdf-icon

UiFlow チュートリアル

UiFlow1 開発ガイド

プロジェクト管理

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

UiFlow1 Blockly

Event

Unit

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

1. 準備

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

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

  1. デバイスを USB Type-C ケーブルでパソコンに接続し、リセットボタンを長押し(約 2 秒)して緑色 LED が点灯したら離してください。デバイスがダウンロードモードに入り、書き込み待機状態になります。
  1. M5Burner でStopWatchに対応するファームウェアをダウンロードします。下図を参照してください。
  1. StopWatchファームウェアの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 のプログラムを直接実行し、ネットワーク接続せず UiFlow2 の起動画面も表示しない
    • show startup menu and network setup:デバイスをネットワークに接続し、ディスプレイ付きデバイスでは UiFlow2 の起動画面を表示する
    • only net work setup:デバイスはネットワーク接続のみ行い、UiFlow2 の起動画面は表示しない

3. デバイス設定の変更

ファームウェア書き込み完了後、デバイス設定を変更する必要がある場合は、USB 接続を維持したままデバイスを再起動し、M5Burner のConfigureオプションをクリックして、表示される設定画面で変更を行い、nextをクリックして設定情報を再度書き込みます。

4. UiFlow2 へのログイン

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

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

5. プログラミングページへのアクセス

USB 方式または Access Code 方式でデバイスを UiFlow2 に接続し、プログラミングページにアクセスできます。具体的な方法は以下の通りです:

USB 方式

  1. StopWatch を USB Type-C ケーブルでパソコンに接続し、デバイスリストから StopWatch デバイスモジュールを選択後、Confirmをクリックします。
  1. 画面下部のModeUSBに選択します。
  1. WebTerminalボタンをクリックします。
  1. ポップアップでStopWatchのシリアルポートを選択し、接続をクリックします。

WebTerminal 画面にConnected to Serial Port!と表示されたら、USB 接続が成功し、デバイスの UiFlow2 プログラミングページに入ります。

Access Code 方式

説明
ペアリングコード(Access Code)を使用する前に、StopWatch がネットワークに接続されていることを確認してください。
  1. 画面下部のModeCloud(Access Code)に選択します。
  1. デバイスの UiFlow2 起動画面から Access Code を取得します。
  1. Select Codeをクリックし、表示される画面で Access Code を入力後、Add Deviceをクリックすると、StopWatch が UiFlow2 に接続されます。
Access Code について
1. ブラウザの変更、プライベート/シークレットモードの使用、UiFlow ウェブサイトのキャッシュクリアを行うと、既存のペアリング状態が無効になります。
2. タブを閉じる、ブラウザを再起動する、アカウントのログイン・ログアウトだけでは、既存のペアリング関係に影響しません。
3. デバイスが他のブラウザでペアリングされると、元のブラウザのペアリング関係は即座に無効になります。

6.RUN

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

7. 関連リンク

On This Page