pdf-icon

UiFlow チュートリアル

UiFlow1 開発ガイド

プロジェクト管理

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

UiFlow1 Blockly

Event

Unit

Cardputer-Adv ファーム書き込み・プログラム配信

1. 準備

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

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

  1. Cardputer-Adv 側面の電源スイッチを OFF にし、起動前に G0 ボタンを押しながら、デバイス背面に通電してからボタンを離します。これでデバイスはダウンロードモードに入ります。
  1. M5Burner で Cardputer-Adv 対応のファームウェアをダウンロードします。以下の図を参照。
  1. ポートを選択します。USB ケーブルでデバイスをパソコンに接続し、M5Burner 上で該当ファームウェアの「Burn」ボタンをクリック、対応するデバイスポートを選択して Start をクリックします。
  1. 接続する Wi-Fi の設定(Wi-Fi SSD、Wi-Fi Password)やその他の設定を入力し、Next をクリックして書き込みを開始します。
説明
初めて接続するデバイスの場合、このアカウントにデバイスをバインドする必要があります。
  1. Burn successfully, click here to return」が表示されたら、書き込み成功です。この時点でデバイスを再起動し、書き込み情報を有効化します。

設定情報の説明

  • COM:シリアルポート
  • BaudRate:シリアル通信のボーレート
  • Server:デバイスが接続するサーバーアドレス
  • WIFI SSID/WIFI Password:デバイスが接続する Wi-Fi 名とパスワード
  • SNTP サーバー
    • SNTP0:中国(アリババクラウド 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. デバイス設定の変更

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

4. UiFlow2 にログイン

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

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

5. プログラミング画面に入る

Wi-Fi または USB 接続でデバイスを UiFlow2 に接続し、プログラミング画面に進みます。具体的な方法は以下の通りです。

Wi-Fi 接続

説明
Wi-Fi が設定されていることを確認してください:書き込み時、M5Burner の「Configure」で Wi-Fi やその他情報を設定する必要があります。

デバイスリストに入ります。

オンラインデバイスを選び、Confirm をクリック。

デバイスの UiFlow2 プログラミング画面に入ります。

USB 接続

  1. Cardputer-Adv を USB ケーブルでパソコンに接続し、デバイスリストから Cardputer-Adv モジュールを選択して Confirm をクリック。
  1. 「WebTerminal」ボタンをクリック。
  1. 表示されたダイアログで Cardputer-Adv のシリアルポートを選択し、接続 をクリック。

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

6. 実行(RUN)

以上の手順で、UiFlow2 でのプログラミングを開始できます。

7. UiFlow2 ファームウェアのメイン画面機能モジュール説明

UiFlow2 プログラムには5つの機能モジュールが含まれています
DEVELOP:現在のデバイスの基本情報を表示します。MACアドレスおよび紐付けられたユーザーアカウントを含みます。
APP.RUN:UiFlow2 でダウンロードしたプログラムの実行モードを設定します。
APP.LIST:保存済みのユーザープログラム一覧を管理します。
EZDATA:クラウドとのデータ連携機能を提供し、データのアップロードおよび同期をサポートします。
SETTING:画面の明るさ調整やWi-Fiネットワーク設定など、デバイスの一般的なシステム設定を一元管理します。

デバイス(Cardputer-Adv)起動後、キーボードはデフォルトで低消費電力のスリープ状態になります。キーボード入力機能を有効にするには、ユーザーは以下の操作を同時に行う必要があります: 左手でキーボード上の fn キーを押し続け、キーボードをウェイクアップする;右手でキーボード上で実行したいキーを押す。この操作により、キーボードが正常にアクティブ化され、その後の入力に応答するようになります。

  • DEVELOP
    • MACアドレス
    • M5Burnerで書き込み時に紐づけるアカウントは、オフライン開発用です
  • APP.RUN
    • UiFlow2を使用して編集したプログラムをデバイスにダウンロードすると、システムは自動的にそのプログラムをAPP.RUNディレクトリ内のmain.pyファイル(既存の内容を上書き)に書き込み、即座に実行します
    • 他の方法(手動インポートなど)でAPP.RUNディレクトリにmain.pyという名前のプログラムを追加した場合でも、デバイス上でRUN(ONCE)(一度実行)またはRUN(ALWAYS)(継続実行)オプションを選択して実行できます

注:main.py は削除できません。削除すると、APP.RUN プログラムに移行し、デバイスがフリーズする可能性があります。UiFlow2 プログラムの書き込みまたは main.py プログラムの実行後、UiFlow2 のメイン画面に戻ることはできず、再度 M5Burner を使用して Config オプションを設定し、ファームウェアを更新する必要があります。

  • APP.LIST
    • UiFlow2の開発に慣れてきたら、任意のコードエディタを使用してPythonプログラムを手動で記述できます。UiFlow2画面の左下にあるWebTerminalをクリックし、USBでデバイスに接続します。その後、「file」フォルダをクリックして、プログラムファイルをデバイスの/flash/appsディレクトリにインポートしてください。このディレクトリ内のファイルは、デバイスが起動するといつでもテストや実行が可能です
  • SETTING
    • Wi-Fiを設定する
    • 画面の明るさを設定する

8. 関連リンク

9. 関連動画

On This Page