pdf-icon

UIFlow Guide

UIFlow 1.0 Quick Start

1. UIFlow Web IDE 1.0

UIFlow 1.0 Blockly

Event

Event

Atomic Base

QR-Code2
Blockly Custom

UIFlow 1.0 Project

UIFlow 1.0 File Manger

UIFlow 2.0 Quick Start

1. UIFlow Web IDE 2.0

UIFlow 2.0 Blockly

UIFlow 2.0 API Docs

UIFlow 2.0 Project

Import & Export Project
Device Share
Project Zone
File Manager

M5Burner

M5Burner Install
Firmware Export
Firmware Publish

Desktop IDE

UIFlow 1.x Desktop IDE

StampS3 Firmware Burning and Program Push

1.Preparation

  • Refer to UIFlow Web IDE Tutorial ，to understand the basic process of using UIFlow 2.0 and complete the installation of the M5Burner firmware burning tool.

  • Register and log in to M5Burner. After the device is successfully burned, the device information will be simultaneously bound to the account.

  • Download the firmware suitable for StampS3 in M5Burner, as shown in the figure below.

2.Port Selection

Connect the device to the computer via a USB cable, select the Burn button for the corresponding firmware in M5Burner, fill in the Wi-Fi information, and select the corresponding device port.

After the Device is powered off, press and hold down the BOOT key to insert the USB port and enter the download mode. After the connection, the software Found New Device is displayed. In this case, the connection is successful, and the screen does not display the content, enter the programming mode.

3.Firmware Burning

Connect the device to the computer via a USB cable, select the Burn button for the corresponding firmware in M5Burner, and fill in the Wi-Fi configuration that the device is pre-connected to, including Wi-Fi SSD and Wi-Fi Password, as well as other device configurations that need to be added or modified.

Note: If your device is connecting for the first time, you need to bind the device to this account.

After the firmware is burned, because StampS3 device is not configured with a screen, after the device is turned on, the RGB light indicates red and accompanied by rapid sound. After several seconds, the red light turns green, indicating that the device is connected to Wi-Fi.

4.Modify Device Configuration

After the firmware is burned, the device will restart and remain connected to the USB. Use M5Burner to click the Configure option, fill in the device configuration that needs to be modified, and click next. Note: After successful burning, the device needs to be restarted. If you need to change the device configuration again, you need to modify the burning configuration information again.

5.Login to UIFlow2.0

Click the user icon in the upper right corner of the page to log in to the UIFlow2.0 system account. Note: This account needs to be the same as the one logged in to M5Burner. After successful account login, devices with successful and valid Wi-Fi connections under this account can be viewed by clicking Select Device. If you need to change the device owner, you need to unbind the relationship between the device and the account.

Wi-Fi Mode (Offline Mode)

Ensure that the Wi-Fi has been configured: When burning the program, you need to configure the Wi-Fi and other information in the M5Burner burning program Configure.

Select an online device.

USB Mode (Offline Mode)

Connect StampS3 to the computer's USB port and click the WebTerminal button.

Select the USB-connected device in the pop-up window, click Select, and when the WebTerminal screen displays "Connected to Serial Port!", it means that the USB connection is successful.

6.RUN

After completing the above steps, you can start programming using UIFlow 2.0.

8.Related Videos

  • StampS3 Video tutorial
On This Page