m5-docs/docs/en/quick_start/atom/atom_quick_start_uiflow.md

Atom UIFlow Quick Start {docsify-ignore-all}

UIFlow Online Mode

1 . Download and Setup M5Bunner_Beta and flash UIFlow firmware referring to this instruction UIFlow introduction.

2 . （If you have entered the SSID and password when burning the firmware, you can skip the WiFi configuration step) Press and hold the middle button while powering on (or restarting), do not release it until the Yellow breathing light is displayed. At this time, yellow light is always on and the device has entered into WIFI configuration mode.

In WIFI configuration mode, the device will work as WIFI hotspot, such as M5Stack-XXXX. Connect to this WIFI, open the browser and enter to 192.168.4.1(WIFI setup page). (Pls record the letters M5FLOW-XXXXXXXX, which will be needed in next step). Enter SSID and password to connect to the network. LEDs would change from breathing red-light to breathing green-light, it indicates that both WIFI and UIFlow server is connected well.

If WIFI is connected but Atom can not access to UIFlow server (steady blue-light).

Or WIFI connection fails (steady red-light), please restart the device ;

3 . Refer to this page to check APIKey by M5Burn.

4 . Now you can program in UIFlow online mode.Refer to this page for the manual of UIFlow

UIFlow Desktop Mode

1 . Download and Setup M5Bunner and flash UIFlow firmware by referring to this instruction UIFlow introduction.

2 . Press and hold the middle button while powering on (or when restarting), and do not release it unit LED color change to blue. Now the device enters UIFlow desktop mode.Refer to this page to use UIFlow desktop IDE mode.

Menu option introduction

Press and hold the middle key to turn on the power will enter the menu. In this mode, LED will cyclically change the color. Different colors represent for different options.

• GREEN Light Enter UIFlow Online mode
• BLUE Light Enter UIFlow desktop IDE Program
• YELLOW Light Enter WIFI Configuration mode
• PURPLE Light Run the Last Downloaded Program

UIFlow Example

• Atom Matrix Example

• Atom Lite Example

<script> anchor_search(); scrollFunc(); </script>