UiFlow チュートリアル

UiFlow1 開発ガイド

プロジェクト管理

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

UiFlow1 Blockly

Event

Unit

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

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

  1. UiFlow2 Web IDE チュートリアル を参照して、UiFlow2 の基本的な使用手順を確認し、M5Burner ファームウェア書き込みツールのインストールを完了してください。
  2. USB Type-C データケーブルでデバイスをコンピューターに接続し、リセットボタンを約 2 秒間長押しします。緑色 LED が点灯したらボタンを離します。この時点でデバイスはダウンロードモードに入り、ファームウェア書き込み待機状態になります。
  1. M5Burner で StopWatch に対応するファームウェアをダウンロードします。下図を参照してください。
  1. StopWatch ファームウェアに対応する Burn ボタンをクリックし、対応するデバイスポートを選択してから Start をクリックします。
  1. デバイスが接続する Wi-Fi 設定を入力します。Wi-Fi SSID、Wi-Fi Password、および追加または変更が必要なその他のデバイス設定を入力した後、Next をクリックして書き込みを開始します。

設定情報の説明:

  • 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: 書き込み完了後、ネットワークに接続せず、UiFlow2 の起動画面も表示せずに、main.py 内のプログラムを直接実行します
    • Show startup menu and network setup: デバイスがネットワークに接続し、画面付きデバイスでは UiFlow2 の起動画面を表示します
    • Only network setup: デバイスはネットワーク接続のみを行い、UiFlow2 の起動画面は表示しません
  1. Burn successfully, click here to return と表示されたら、書き込みは成功です。この時点でデバイスを再起動し、書き込み情報を有効にしてください。
  1. ファームウェア書き込み完了後にデバイス設定を変更する必要がある場合は、USB 接続を維持したままデバイスを再起動し、Configure オプションをクリックして画面の指示に従って変更します。

2. デバイス接続

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

Access Code 無線接続

  1. 接続する前に、画面上の Wi-Fi アイコンでデバイスがネットワークに接続されていることを確認してください。ネットワーク接続に成功していない場合は、ファームウェア書き込み時に入力した Wi-Fi 名とパスワードが正しいか確認し、M5Burner の Configure オプションで修正してから再度書き込みを行ってください。

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

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

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

USB 有線接続

  1. uiflow2.m5stack.com にアクセスして UiFlow2 Web IDE を開き、StopWatch を USB Type-C ケーブルでコンピューターに接続します。

  2. デバイス一覧で StopWatch デバイスを選択し、Confirm をクリックします。

  1. WebTerminal ボタンをクリックし、ダイアログで StopWatch のシリアルポートを選択して 接続 をクリックします。

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

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

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

プログラム編集が完了したら、画面右下の Run Once ボタンをクリックしてプログラムを 1 回実行してテストできます。Run Always ボタンをクリックすると、プログラムをデバイスにダウンロードできます。

WebTerminal ウィンドウでもプログラムを 1 回実行またはダウンロードできます。

4. 関連リンク

Page Tools
PDF
On This Page