pdf-icon

UiFlow チュートリアル

UiFlow1 開発ガイド

プロジェクト管理

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

UiFlow1 Blockly

Event

Unit

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

1. 準備

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

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

  1. ダウンロードモードに入る:デバイスを USB Type-C ケーブルでパソコンに接続し、側面のリセットボタンを長押しするとダウンロードモードに入り、書き込み待機状態になります。
  1. M5Burner でPaperColor対応のファームウェアをダウンロードします(下図参照)。
  1. PaperColorファームウェアの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 方式または Pair Code 方式でデバイスを UiFlow2 に接続し、プログラミング画面に入ることができます。具体的な方法は以下の通りです:

USB 方式

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

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

Pair Code 方式

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

6.RUN

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

7. 関連リンク

On This Page