
UiFlow チュートリアル
UiFlow2 Web IDE チュートリアルを参照し、UiFlow2 の基本的な使用手順を確認して、M5Burner ファームウェア書き込みツールのインストールを完了します。
M5Burner で AtomU に対応するファームウェアをダウンロードします。
デバイスを USB ケーブルで PC に接続します。接続後、M5Burner に Found New Device が表示されれば接続成功です。デバイスはダウンロードモードに入り、書き込み待機状態になります。
M5Burner で対応ファームウェアの Burn ボタンをクリックし、デバイスポートを選択してから Start をクリックします。
Next をクリックして書き込みを開始します。
設定情報:
Burn successfully, click here to return と表示されれば、書き込み成功です。
AtomU には画面が搭載されていないため、起動後は RGB LED の状態でネットワーク接続状態を判断できます。数秒後に赤色 LED が緑色に変われば、デバイスは Wi-Fi に接続されています。Configure オプションをクリックして画面の指示に従って変更します。
デバイスは Access Code(無線ネットワーク経由)または USB(PC への有線接続)で UiFlow2 に接続し、プログラムの配信とデバッグを行えます。詳しい手順は以下を参照してください。
uiflow2.m5stack.com にアクセスして UiFlow2 Web IDE を開きます。
デバイスがネットワークに接続されていることを確認し、Access Code を取得します。画面左下の WebTerminal をクリックし、ダイアログで AtomU のシリアルポートを選択して Connect をクリックすると、シリアルモニターが開きます。現在生成されている有効な Access Code と Wi-Fi 接続状態を確認できます。(対応する情報が表示されない場合は、Soft Reset ボタンをクリックしてソフトリセットしてください)
Select Your Controller(初回表示時)または Controller ボタンをクリックし、Select Device ページに入ります。
Connect Device をクリックし、アクセスコードと任意のデバイス名を入力して Confirm をクリックすると、AtomU を UiFlow2 に接続できます。
Select Device ページで接続済みの AtomU デバイスを選択し、Confirm をクリックすると、UiFlow2 のプログラミング画面に入ります。
uiflow2.m5stack.com にアクセスして UiFlow2 Web IDE を開き、AtomU を USB ケーブルで PC に接続します。
画面上の Select Your Controller(初回表示時)または Controller ボタンをクリックし、Select Device ページに入ります。
Confirm をクリックします。
WebTerminal ボタンをクリックし、ダイアログで AtomU のシリアルポートを選択して Connect をクリックします。
WebTerminal 画面に Connected to Serial Port! と表示されれば、USB 接続成功です。
デバイスを UiFlow2 に接続すると、Blockly をドラッグしてプログラムを編集できます。
プログラム編集後、画面右下の Run Once ボタンをクリックするとテスト用に一度だけ実行できます。Run Always ボタンをクリックすると、プログラムをデバイスにダウンロードできます。
WebTerminal ウィンドウからも、プログラムの一回実行またはダウンロードができます。