m5/m5-docs
0
0
Fork 0
mirror of https://github.com/m5stack/m5-docs.git synced 2026-05-20 10:23:01 -07:00
Code Issues Packages Projects Releases Wiki Activity

add uiflow introduction atom

Browse Source
This commit is contained in:
vany5921
2020-05-09 12:01:56 +08:00
parent cba8bd6ab1
commit 0fb6c66fcd
13 changed files with 534 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/en/core/m5stickc_plus.md
+265
View File
@@ -0,0 +1,265 @@
# M5StickC
<div class="badge badge-pill badge-primary product_sku_tag">SKU:K016-C</div>
<div class="product_pic"><img src="assets/img/product_pics/core/minicore/m5stickc/m5stickc_plus_01.webp"></div>
## Description
**M5StickC Plus** is powered by ESP32.It's an upgrade product of [M5StickC](#/en/core/m5stickc.md).Based on M5StickC, a buzzer is added and the screen is upgraded to a 1.14-inch, 135 * 240 resolution TFT Screen.Compared with the previous display area, the display area is increased by 18.7%, and the battery capacity is 120mAh. Other hardware configurations are the same as M5StickC. It also supports HAT and Unit series products.
## Product Features
- ESP32-based
- Built-in 6-Axis IMU
- Red LED
- IR transmitter
- Microphone
- Buttons, LCD(1.14 inch)
- Built-in Lipo Battery
- Extendable Socket
- Built-in Buzzer
- Wearable & Wall mounted
- Development Platform [UIFlow](http://flow.m5stack.com), [MicroPython](http://micropython.org/), [Arduino](http://www.arduino.cc)
## Include
- 1x M5StickC Plus
- 1x USB Type-C(20cm)
## Applications
- Internet of things terminal controller
- Wearable devices
- Stem education product
- DIY creation
**Power switch operation：**
* Power on ：Long press power button for 2 seconds
* Power off ：Short press power button for 6 seconds
**Notice:**
* Baud rate supported by M5StickC Plus: 1200 ~115200, 250K, 500K, 750K, 1500K
**Notice:**
M5StickC only supports WIN10 & Linux & MAC free from installing drive, while the other operating systems require users to install the driver.
Install steps: 1. Click the link below to download the driver installation package. 2. Connect the device and open the Computer Device Manager port option. 3. Right click on the unrecognized device and perform a manual update.
<a href="https://www.ftdichip.com/Drivers/VCP.htm">Driver download Link</a>
## Specification
<table>
<tr style="font-weight:bold">
<td>Resources</td>
<td>Parameter</td>
</tr>
<tr>
<td>ESP32</td>
<td>240MHz dual core, 600 DMIPS, 520KB SRAM, Wi-Fi, dual mode Bluetooth</td>
</tr>
<tr>
<td>Flash Memory</td>
<td>4MB</td>
</tr>
<tr>
<td>Power Input</td>
<td>5V @ 500mA</td>
</tr>
<tr>
<td>Port</td>
<td>TypeC x 1, GROVE(I2C+I/0+UART) x 1</td>
</tr>
<tr>
<td>LCD screen</td>
<td>1.14 inch, 135*240 Colorful TFT LCD, ST7789</td>
</tr>
<tr>
<td>Button</td>
<td>Custom button x 2 </td>
</tr>
<tr>
<td>LED</td>
<td>RED LED</td>
</tr>
<tr>
<td>MEMS</td>
<td>MPU6886</td>
</tr>
<tr>
<td>IR</td>
<td>Infrared transmission </td>
</tr>
<tr>
<td>MIC</td>
<td>SPM1423</td>
</tr>
<tr>
<td>RTC</td>
<td>BM8563</td>
</tr>
<tr>
<td>PMU</td>
<td>AXP192</td>
</tr>
<tr>
<td>Battery</td>
<td>120 mAh @ 3.7V</td>
</tr>
<tr>
<td>Antenna</td>
<td>2.4G 3D Antenna</td>
</tr>
<tr>
<td>PIN port</td>
<td>G0, G26, G36</td>
</tr>
<tr>
<td>Operating Temperature </td>
<td>32°F to 104°F ( 0°C to 40°C )</td>
</tr>
<tr>
<td>Size</td>
<td>48.2 x 25.5 x 13.7mm</td>
</tr>
<tr>
<td>Weight</td>
<td>14g</td>
</tr>
<tr>
<td>Case Material</td>
<td>Plastic ( PC )</td>
</tr>
</table>
## EasyLoader
>EasyLoader is a concise and fast program writer, which has a built-in case program related to the product. It can be burned to the main control by simple steps to perform a series of function verification. Please install the corresponding driver according to the device type. M5Core host [Please click here to view the CP210X driver installation tutorial](en/arduino/arduino_development), M5StickC/M5StickV/M5StickT/ATOM series can be used without driver)
<div class="easyloader-box">
<div style="background-color:white;">
<div><img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/easyloader_intro.webp"></div>
<div class="easyloader-btn">
<a href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/EasyLoader/Windows/CORE/EasyLoader_M5StickC_Plus_FactoryTest.exe">Windows</a>
<a href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/EasyLoader/MacOS/CORE/EasyLoader_M5StickC_Plus_FactoryTest.dmg">MacOS</a>
<!-- <a>Linux</a>
<a>MacOS</a> -->
</div>
</div>
<div>
<video id="example_video" controls>
<source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/Product_example_video/Core/M5StickC_Plus.mp4" type="video/mp4">
</video>
<div class="easyloader-mask">
<a>
<svg id="play-btn" t="1583228776634" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4152" width="75" height="75"><path d="M512 0C229.216 0 0 229.216 0 512s229.216 512 512 512 512-229.216 512-512S794.784 0 512 0z m0 928C282.24 928 96 741.76 96 512S282.24 96 512 96s416 186.24 416 416-186.24 416-416 416zM384 288l384 224-384 224z" p-id="4153" fill="#007aff"></path></svg></a>
<p>Description:</p>
<p>Accelerometer, microphone, LED, IR, RTC, Bluetooth and other hardware tests. Press A or B to switch test items.</p>
</div>
</div>
</div>
## Schematic
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/docs/schematic/Core/M5StickC/m5stickc_plus.webp">
- [PDF Download](https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/docs/schematic/Core/M5StickC/20191118__StickC_A04_3110_Schematic_Rebuild_PinMap.pdf)
## PinMap
<img src="assets/img/product_pics/core/minicore/m5stickc/m5stickc_plus_04.webp" width="300px">
Power structure block diagram
<img src="assets/img/product_pics/core/minicore/m5stickc/m5stickc_plus_05.webp" width="300px">
**RED LED & IR Transmitter & BUTTON A & BUTTON B**
<table>
<tr><td>ESP32 </td><td>GPIO10</td><td>GPIO9</td><td>GPIO37</td><td>GPIO39</td></tr>
<tr><td>RED LED</td><td>LED Pin</td><td> </td><td> </td><td> </td></tr>
<tr><td>IR Transmitter</td><td> </td><td>Transmitter Pin</td><td> </td><td> </td></tr>
<tr><td>BUTTON A</td><td> </td><td> </td><td>Button Pin</td><td> </td></tr>
<tr><td>BUTTON B</td><td> </td><td> </td><td> </td><td>Button Pin</td></tr>
</table>
**TFT LCD**
Driver IC：ST7735S
Resolution：80 * 160
<table>
<tr><td>ESP32 </td><td>GPIO15</td><td>GPIO13</td><td>GPIO23</td><td>GPIO18</td><td>GPIO5</td></tr>
<tr><td>TFT LCD</td><td>TFT_MOSI</td><td>TFT_CLK</td><td>TFT_DC</td><td>TFT_RST</td><td>TFT_CS</td></tr>
</table>
**GROVE PORT**
<table>
<tr><td>ESP32 </td><td>GPIO33</td><td>GPIO32</td><td>5V</td><td>GND</td></tr>
<tr><td>GROVE port</td><td>SCL</td><td>SDA</td><td>5V</td><td>GND</td></tr>
</table>
**MIC (SPM1423)**
<table>
<tr><td>ESP32 </td><td>GPIO0</td><td>GPIO34</td></tr>
<tr><td>MICPHONE</td><td>SCL</td><td>SDA</td></tr>
</table>
**6-Axis posture sensor (SH200Q/MPU6886) & power management IC (AXP192)**
<table>
<tr><td>ESP32 </td><td>GPIO22</td><td>GPIO21</td>
<tr><td>6-Axis IMU sensor</td><td>SCL</td><td>SDA</td>
<tr><td>power management IC</td><td>SCL</td><td>SDA</td>
</table>
**AXP192**
<table>
<tr style="font-weight:bold;text-align:center"><td>Microphone</td><td>RTC</td><td>TFT backlight</td><td>TFT IC</td><td>ESP32/3.3V MPU6886</td><td>5V GROVE</td>
<tr style="font-weight:bold;text-align:center"><td>LDOio0</td><td>LDO1</td><td>LDO2</td><td>LDO3</td><td>DC-DC1</td><td>IPSOUT</td>
</table>
## Related Link
- **datasheet**
- [ESP32-PICO](https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/docs/datasheet/core/esp32-pico-d4_datasheet_en.pdf)
- [ST7789]()
- [BM8563](https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/docs/datasheet/core/BM8563_V1.1_cn.pdf)
- [MPU6886](https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/docs/datasheet/core/MPU-6886-000193%2Bv1.1_GHIC_en.pdf)
- [AXP192](https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/docs/datasheet/core/AXP192_datasheet_en.pdf)
- [SPM1423](https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/docs/datasheet/core/SPM1423HM4H-B_datasheet_en.pdf)
## Example
**Arduino**
- [M5StickC Plus facory test code](https://github.com/m5stack/M5StickC_Plus/tree/master/examples/Basics/FactoryTest)
## Video
<video width="500" height="315" controls>
<source src="" type="video/mp4">
</video>
<script>
var purchase_link = 'https://m5stack.com/collections/m5-core/products/stick-c-plus';
var quickstart_link = 'https://docs.m5stack.com/#/en/quick_start/m5stickc/m5stickc_quick_start';
anchor_search(purchase_link,quickstart_link);
scrollFunc();
</script>
docs/en/quick_start/atom/atom_quick_start.md
+3 -3
View File
@@ -2,7 +2,7 @@
## UIFlow Online Mode
1 . Download and Setup [M5Bunner](https://m5stack.com/pages/download) and flash UIFlow firmware referring to this instruction [UIFlow introduction](https://docs.m5stack.com/#/en/uiflow/introduction).
1 . Download and Setup [M5Bunner](https://m5stack.com/pages/download) and flash UIFlow firmware referring to this instruction [UIFlow introduction](https://docs.m5stack.com/#/en/uiflow/introduction_atom).
2 . 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.
@@ -27,9 +27,9 @@ Or WIFI connection fails (steady red-light), please restart the device ;
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. -->
3 . Refer to [this page](https://docs.m5stack.com/#/en/uiflow/introduction) to configure APIKey of UIFlow , APIKey can be found on WIFI setup page or serial terminal such as [Putty](https://www.putty.org/)(Windows) or [Serial](https://apps.apple.com/cn/app/serial/id877615577?mt=12)(Mac).
3 . Refer to [this page](https://docs.m5stack.com/#/en/uiflow/introduction_atom) to check APIKey by M5Burn.
<img src="assets/img/product_pics/core/minicore/atom/apikey.webp" width="50%" height="50%"><img src="assets/img/product_pics/core/minicore/atom/serialtool.webp" width="50%" height="50%">
<img src="/image/base/APIKEY.webp " width="50%">
4 . Now you can program in [UIFlow online mode](http://flow.m5stack.com).Refer to [this page](https://docs.m5stack.com/#/en/uiflow/uiflow_home_page) for the manual of UIFlow
docs/en/uiflow/introduction_atom.md
+98
View File
@@ -0,0 +1,98 @@
## Flash UIFlow
* __Download the driver__
?> ATOM only supports WIN10 & Linux & MAC free from installing drive, while the other operating systems require users to install the driver
<a href="https://www.ftdichip.com/Drivers/VCP.htm">Driver download Link</a>
* __Installing the driver__
> Extract the zip file and run the install package in the extracted folder
?> For Mac OS, make sure System preferences - > Security & Privacy - > General before installing, and allow the apps to be installed from the App Store and ident
ified developers
><img src="/image/base/System_preferences.webp" width="50%">
* __Download M5Burner__
><img src="/image/base/Windows_logo.webp" width="50" height="50"> Go to [flow.m5stack.com](http://flow.m5stack.com/) and download the latest firmware and [M5Burner(Windows)](https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/software/M5Burner-Beta.zip)
><img src="/image/base/MacOS_logo.webp" width="50" height="50"> Go to [flow.m5stack.com](http://flow.m5stack.com/) and download the latest firmware and [M5Burner(MacOS)](https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/software/M5Burner-Beta-Mac.zip)
><img src="/image/base/Linux_logo.webp" width="50" height="50"> Go to [flow.m5stack.com](http://flow.m5stack.com/) and download the latest firmware and [M5Burner(Linux)](https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/software/M5Burner-Beta-Linux.zip)
?> Mac OS users need to put M5Burner in the Application folder
><img src="/image/base/application.webp" width="50%" height="50%">
* __Download firmware__
>Click ATOM icon to select the appropriate firmware version and download
><img src="/image/base/download_atom_firmware.webp" width="50%" height="50%">
* __Burning process__
>Connect your ATOM device and select its COM port from the list (Check Windows device manager if you are unsure of your COM port).Select the recommended baud rate 750000,input your SSID and Password and then click "Erase", if you finished then select the firmware you wish to flash. Now press the "Burn" button, your firmware will have flashed successfully once you see the message "Burn Successfully".
><img src="/image/base/Burner_user1.webp " width="50%"><img src="/image/base/Burner_user2.webp " width="50%">
## API Key
* __GET API KEY__
>Make sure COM port has connected,click "COM Monitor" button to open com monitor, then press the reset button on the left of ATOM, you will see com monitor printing information , API KEY is displayed at the end.
><img src="/image/base/APIKEY.webp " width="50%">
#### Connecting your device with API Key
>Once you have opened the UIflow website you can to connect to the web platform by clicking the gear icon in the top right corner, enter your API key and select your device and preferred language. Once you have entered the API Key click OK to confirm****
><img src="/image/base/APIkey_userpair1.webp" width="50%"><img src="/image/base/APIkey_userpair2.webp" width="50%">
## UIFlow-IDE
>If you want to use UIFlow offline，click **UIFlow-Desktop-IDE** for your operating system below to download.
<div class="link">
<h4><span>Download UIFlow Desktop IDE:</span></h4>
<p>
<a href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/software/UIFlow-Desktop-IDE.zip" target="_blank" rel="noopener noreferrer"><img src="https://cdn.shopify.com/s/files/1/0056/7689/2250/files/windows_89cc6ea0-2a3c-4327-97e5-8f51f448c38b_icon.webp?v=1557026574" alt="">Windows</a>
<a href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/software/UIFlow-Desktop-IDE_MacOS.zip" target="_blank" rel="noopener noreferrer"><img src="https://cdn.shopify.com/s/files/1/0056/7689/2250/files/mac_large.webp?v=1557026570" alt="">MacOS</a>
<a href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/software/UIFlow-Desktop-IDE_Linux.zip" target="_blank" rel="noopener noreferrer"><img src="https://cdn.shopify.com/s/files/1/0056/7689/2250/files/linux_icon.webp?v=1557026584" alt="">Linux</a>
</p>
</div>
#### configuration
>Unzip the downloaded UIFlow Desktop IDE archive and double-click to execute the application.
<img src="assets/img/related_documents/UIFlow_Desktop_IDE/Desktop_IDE_01.webp">
>Enter the UIFlow Desktop IDE and automatically pop up the configuration box. At this time, connect the M5 device to the computer through the Tpye-C data cable.
<img src="assets/img/related_documents/UIFlow_Desktop_IDE/Desktop_IDE_03.webp">
!>Connect via USB mode of ATOM menu
>When the ATOM device is powered on or restarted, press and hold the middle button until it is released when the blue-light breathing is displayed, and then enter USB mode.（For more information, refer to https://docs.m5stack.com/#/zh_CN/quick_start/atom/atom_quick_start）
><img src="/image/base/usbmode.webp" width="50%" height="50%">
## Toturial
* [M5StickC getting started with the Internet of things](https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/docs/UIFlow-StickC-Book-English.pdf)
* [M5GO getting started with programming](https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/docs/M5GO_Guide_English.pdf)
<script>
anchor_search();
scrollFunc();
</script>
docs/image/Display/.UI_user4.gif.icloud
BIN
View File
Binary file not shown.
docs/image/Hardwares/.IMU_user.gif.icloud
BIN
View File
Binary file not shown.
docs/image/base/APIKEY.webp
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 122 KiB

docs/image/base/Burner_user.gif
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.8 MiB

docs/image/base/Burner_user1.webp
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 42 KiB

docs/image/base/Burner_user2.webp
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 86 KiB

docs/image/base/download_atom_firmware.webp
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 40 KiB

docs/zh_CN/core/m5stickc_plus.md
+41 -89
View File
@@ -6,27 +6,7 @@
## 描述
**M5StickC PLUS** 是[M5StickC](#/zh_CN/core/m5stickc.md)的升级产品，在保留原有功能设计基础上加入了蜂鸣器，同时将屏幕升级到1.14寸、135*240分辨率的TFT屏幕，相较之前增加18.7%的显示内容，电池容量达到120mAh，其他硬件配置与M5StickC相同，同样支持HAT与Unit系列产品.
**开关机操作：**
* 开机：按复位按键，持续至少 2 秒
* 关机：按复位按键，持续至少 6 秒
**注意：**
* M5StickC 支持的波特率: 1200 ~115200, 250K, 500K, 750K, 1500K
* 外壳颜色只有橙色在售
**注意：**
M5StickC仅支持WIN10&Linux&MAC免驱，其余操作系统则需要用户自行安装驱动程序.
安装步骤：1，点击下方链接，下载驱动安装包. 2.连接设备，并打开电脑设备管理器端口选项。 3，右键点击未能识别的设备，进行手动更新.
<a href="https://www.ftdichip.com/Drivers/VCP.htm">驱动下载连接</a>
**M5StickC PLUS** 是[M5StickC](#/zh_CN/core/m5stickc.md)的升级产品，在保留原有功能设计基础上加入了蜂鸣器，同时将屏幕升级到1.14寸、135*240分辨率的TFT屏幕，相较之前增加18.7%的显示面积，电池容量达到120mAh，其他硬件配置与M5StickC相同，同样支持HAT与Unit系列产品.
## 产品特性
@@ -36,15 +16,34 @@ M5StickC仅支持WIN10&Linux&MAC免驱，其余操作系统则需要用户自行
- 集成红外发射管
- 内置RTC
- 集成麦克风
- 用户按键, LCD(0.96 寸), 电源/复位按键
- 95 mAh 锂电池
- 用户按键, LCD(1.14 寸), 电源/复位按键
- 120 mAh 锂电池
- 拓展接口
- 集成蜂鸣器
- 可穿戴 & 可固定
- 开发平台 [UIFlow](http://flow.m5stack.com), [MicroPython](http://micropython.org/), [Arduino](http://www.arduino.cc)
**开关机操作：**
* 开机：按复位按键，持续至少 2 秒
* 关机：按复位按键，持续至少 6 秒
**注意：**
* M5StickC Plus支持的波特率: 1200 ~115200, 250K, 500K, 750K, 1500K
**注意：**
M5StickC Plus仅支持WIN10&Linux&MAC免驱，其余操作系统则需要用户自行安装驱动程序.
安装步骤：1，点击下方链接，下载驱动安装包. 2.连接设备，并打开电脑设备管理器端口选项。 3，右键点击未能识别的设备，进行手动更新.
<a href="https://www.ftdichip.com/Drivers/VCP.htm">驱动下载连接</a>
## 包含
- 1x M5StickC
- 1x M5StickC Plus
- 1x Type-C USB(20cm)
## 应用
@@ -80,7 +79,7 @@ M5StickC仅支持WIN10&Linux&MAC免驱，其余操作系统则需要用户自行
</tr>
<tr>
<td>LCD屏幕</td>
<td>0.96 inch, 80*160 Colorful TFT LCD, ST7735S</td>
<td>1.14 inch, 135*240 Colorful TFT LCD, ST7789</td>
</tr>
<tr>
<td>麦克风</td>
@@ -97,11 +96,11 @@ M5StickC仅支持WIN10&Linux&MAC免驱，其余操作系统则需要用户自行
<tr>
<td>RTC</td>
<td>BM8563</td>
</tr>
</tr>
<tr>
<td>PMU</td>
<td>AXP192</td>
</tr>
</tr>
<tr>
<td>IR</td>
<td>Infrared transmission</td>
@@ -120,7 +119,7 @@ M5StickC仅支持WIN10&Linux&MAC免驱，其余操作系统则需要用户自行
</tr>
<tr>
<td>电池</td>
<td>95 mAh @ 3.7V, inside vb</td>
<td>120 mAh @ 3.7V, inside vb</td>
</tr>
<tr>
<td>工作温度</td>
@@ -140,24 +139,23 @@ M5StickC仅支持WIN10&Linux&MAC免驱，其余操作系统则需要用户自行
</tr>
</table>
## EasyLoader
>EasyLoader是一个简洁快速的程序烧录器，其内置了一个产品相关的案例程序，通过简单步骤将其烧录至主控，即可进行一系列的功能验证.**(程序烧录前，请根据设备类型安装相应驱动程序. M5Core型主机[请点击此处查看CP210X驱动安装教程](zh_CN/arduino/arduino_development?id=安装串口驱动)，M5StickC/V/T/ATOM系列可免驱动使用)**
>EasyLoader是一个简洁快速的程序烧录器，其内置了一个产品相关的案例程序，通过简单步骤将其烧录至主控，即可进行一系列的功能验证.**(程序烧录前，请根据设备类型安装相应驱动程序. M5Core型主机[请点击此处查看CP210X驱动安装教程](zh_CN/arduino/arduino_development?id=安装串口驱动)，M5StickC/M5StickV/M5StickT/ATOM系列可免驱动使用)**
<div class="easyloader-box">
<div style="background-color:white;">
<div><img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/easyloader_intro.webp"></div>
<div class="easyloader-btn">
<a href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/EasyLoader/Windows/CORE/EasyLoader_M5StickC_FactoryTest.exe">Windows</a>
<a href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/EasyLoader/MacOS/CORE/EasyLoader_M5StickC_FactoryTest.dmg">MacOS</a>
<a href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/EasyLoader/Windows/CORE/EasyLoader_M5StickC_Plus_FactoryTest.exe">Windows</a>
<a href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/EasyLoader/MacOS/CORE/EasyLoader_M5StickC_Plus_FactoryTest.dmg">MacOS</a>
<!-- <a>Linux</a>
<a>MacOS</a> -->
</div>
</div>
<div>
<video id="example_video" controls>
<source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/Product_example_video/Core/M5StickC.mp4" type="video/mp4">
<source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/Product_example_video/Core/M5StickC_Plus.mp4" type="video/mp4">
</video>
<div class="easyloader-mask">
<a>
@@ -168,7 +166,6 @@ M5StickC仅支持WIN10&Linux&MAC免驱，其余操作系统则需要用户自行
</div>
</div>
## 管脚映射
<img src="assets/img/product_pics/core/minicore/m5stickc/m5stickc_04.webp" width="300px">
@@ -187,11 +184,11 @@ M5StickC仅支持WIN10&Linux&MAC免驱，其余操作系统则需要用户自行
<tr><td>按键 BUTTON B</td><td> </td><td> </td><td> </td><td>按键管脚</td></tr>
</table>
**彩色TFT屏幕**
**彩色TFT屏幕**
驱动芯片：ST7735S
驱动芯片：ST7789
分辨率：80 * 160
分辨率：135 * 240
<table>
<tr><td>ESP32 芯片</td><td>GPIO15</td><td>GPIO13</td><td>GPIO23</td><td>GPIO18</td><td>GPIO5</td></tr>
@@ -223,87 +220,42 @@ M5StickC仅支持WIN10&Linux&MAC免驱，其余操作系统则需要用户自行
**电源管理芯片 (AXP192)**
<table>
<tr><td>Microphone</td><td>RTC</td><td>TFT backlight</td><td>TFT IC</td><td>ESP32/3.3V MPU6886/SH200Q</td><td>5V GROVE</td>
<tr><td>Microphone</td><td>RTC</td><td>TFT backlight</td><td>TFT IC</td><td>ESP32/3.3V MPU6886</td><td>5V GROVE</td>
<tr><td>LDOio0</td><td>LDO1</td><td>LDO2</td><td>LDO3</td><td>DC-DC1</td><td>IPSOUT</td>
</table>
## 原理图
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/docs/schematic/Core/M5StickC/m5stickC.webp">
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/docs/schematic/Core/M5StickC/m5stickc_plus.webp">
- [原理图](https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/docs/schematic/Core/M5StickC/20191118__StickC_A04_3110_Schematic_Rebuild_PinMap.pdf)
- [原理图]()
## 相关链接
- **Datasheet**
- [ESP32-PICO](https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/docs/datasheet/core/esp32-pico-d4_datasheet_cn.pdf)
- [ST7735S](https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/docs/datasheet/core/ST7735S_v1.1_en.pdf)
- [ST7789]()
- [BM8563](https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/docs/datasheet/core/BM8563_V1.1_cn.pdf)
- [MPU6886](https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/docs/datasheet/core/MPU-6886-000193%2Bv1.1_GHIC_en.pdf)
- [SH200Q](https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/docs/datasheet/core/SH200Q_en.pdf)
- [AXP192](https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/docs/datasheet/core/AXP192_datasheet_cn.pdf)
- [SPM1423](https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/docs/datasheet/core/SPM1423HM4H-B_datasheet_en.pdf)
## 结构设计文件
>[点击此处，获取M5StickC开源结构设计文件](https://github.com/m5stack/m5-structural-design-file/tree/master/M5StickC)
## 版本变更
<div class="table-wrapper">
<table class="fl-table">
<thead>
<tr>
<th>上市日期</th>
<th>产品变动</th>
<th>备注:</th>
</tr>
</thead>
<tbody>
<tr>
<td>2019.3</td>
<td>首次发售</td>
<td>/</td>
</tr>
<tr>
<td>2019.8</td>
<td>SH200Q变更为MPU6886</td>
<td>/</td>
</tr>
<tr>
<td>2019.10</td>
<td>升级底部,添加铜螺母</td>
<td>/</td>
</tr>
<tr>
<td>2020.3</td>
<td>电池容量80mAh变更为95mAh</td>
<td>/</td>
</tr>
<tbody>
</table>
</div>
## 案例程序
### ArduinoIDE
- [M5StickC 出厂测试例程](https://github.com/m5stack/M5StickC/tree/master/examples/Basics/FactoryTest)
- [M5StickC 自动贩卖机](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/App/M5StickC_Slot)
- [M5StickC_Plus 出厂测试例程](https://github.com/m5stack/M5StickC_Plus/tree/master/examples/Basics/FactoryTest)
## 相关视频
- **M5StickC 的案例 - 自动贩卖机**
<video width="500" height="315" controls>
<source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/Blog/Twitch201904/M5StickC%20Slot%20machine%20demo.mp4" type="video/mp4">
<source src="" type="video/mp4">
</video>
<script>
var purchase_link = 'https://m5stack.com/collections/m5-core/products/stick-c';
var purchase_link = 'https://m5stack.com/collections/m5-core/products/stick-c-plus';
var quickstart_link = 'https://docs.m5stack.com/#/zh_CN/quick_start/m5stickc/m5stickc_quick_start';
docs/zh_CN/quick_start/atom/atom_quick_start.md
+2 -2
View File
@@ -38,9 +38,9 @@
-->
3 . 根据此页面说明在UIFlow中查看APIKey，APIKey可以通过Web配网页面和串口工具查看.
3 . 根据[此页面](https://docs.m5stack.com/#/zh_CN/uiflow/introduction_atom)教程通过M5Burn查看APIKey.
<img src="assets/img/product_pics/core/minicore/atom/apikey.webp" width="50%" height="50%"><img src="assets/img/product_pics/core/minicore/atom/serialtool.webp" width="50%" height="50%">
<img src="/image/base/APIKEY.webp " width="50%">
4 . 完成上述配置你已经可以正常使用[UIFlow在线编程模式](http://flow.m5stack.com). UIFlow的详细使用参考[此页面](https://docs.m5stack.com/#/zh_CN/uiflow/uiflow_home_page).
docs/zh_CN/uiflow/introduction_atom.md
+125
View File
@@ -0,0 +1,125 @@
## 烧录 UIFlow
* __下载驱动__
?>注意：ATOM在WIN10 & Linux & MAC下可免驱动使用，用户可跳过该驱动安装步骤，如无法正常使用请尝试下载安装驱动。
<a href="https://www.ftdichip.com/Drivers/VCP.htm">Driver download Link</a>
* __安装驱动__
> 解压zip文件，并进行安装
?> 对于Mac OS用户而言, 确保安装前勾选了 系统偏好设置 - >安全性与隐私 - >通用 - >允许以下位置下载的App - >App Store和认可的开发者选项。
><img src="/image/base/System_preferences.webp" width="50%">
* __下载 M5Burner__
>请根据您所使用的操作系统，点击下方按钮下载相应的M5Burner固件烧录工具.解压并进行安装。
><img src="/image/base/Windows_logo.webp" width="50" height="50"> Go to [flow.m5stack.com](http://flow.m5stack.com/) and download the latest firmware and [M5Burner(Windows)](https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/software/M5Burner-Beta.zip)
><img src="/image/base/MacOS_logo.webp" width="50" height="50"> Go to [flow.m5stack.com](http://flow.m5stack.com/) and download the latest firmware and [M5Burner(MacOS)](https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/software/M5Burner-Beta-Mac.zip)
><img src="/image/base/Linux_logo.webp" width="50" height="50"> Go to [flow.m5stack.com](http://flow.m5stack.com/) and download the latest firmware and [M5Burner(Linux)](https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/software/M5Burner-Beta-Linux.zip)
?>注意：MacOS用户安装完成后请将应用放入Application文件夹内，如下图所示。
><img src="/image/base/application.webp" width="70%">
* __下载固件__
>双击打开M5Burner烧录工具，点击ATOM图标，下载你所需要的固件版本。
><img src="/image/base/download_atom_firmware.webp" width="50%" height="50%">
* __烧录固件__
>连接ATOM，选择对应的COM端口，设定波特率为750000，填入WIFI的SSID和密码，点击"Erase"进行擦除，擦除完毕后点击"Burn"进行烧录。当烧录成功后会出现"Burn Successfully"的提示
><img src="/image/base/Burner_user1.webp " width="50%"><img src="/image/base/Burner_user2.webp " width="50%">
#### 获取API Key
>确保COM端口已连接，点击"COM Monitor" 按钮打开串口监视器,然后按下ATOM左侧重启按键,串口监视器将打印信息, API KEY会出现在信息的最后.
><img src="/image/base/APIKEY.webp " width="50%">
>API KEY是M5设备在使用UIFlow web编程时的通信凭证。通过在UIFlow端配置相应的API KEY，能够为指定的设备推送程序。用户需在电脑端浏览器访问[flow.m5stack.com](http://flow.m5stack.com/)进入UIFlow编程页面，点击页面右上角的菜单栏中的设置按钮，输入对应设备上的API Key，点击OK保存，等待提示连接成功。
><img src="/image/base/APIkey_userpair1.webp" width="50%"><img src="/image/base/APIkey_userpair2.webp" width="50%">
## UIFlow Desktop IDE
>UIFlow Desktop IDE是一个离线版的UIFlow编程器，无需网络依赖，且能够提供反应迅速程序推送体验，请根据您的操作系统，点击下方按钮对应版本的 **UIFlow-Desktop-IDE** 进行下载.
<div class="files_download">
<p class="item">
<a href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/software/UIFlow-Desktop-IDE.zip">
<img src="/image/base/Windows_logo.webp" width="50">
<span class="item-title">Windows10</span>
</a>
</p>
<p class="item">
<a href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/software/UIFlow-Desktop-IDE_MacOS.zip">
<img src="/image/base/MacOS_logo.webp" width="50">
<span class="item-title">MacOS</span>
</a>
</p>
<p class="item">
<a href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/software/UIFlow-Desktop-IDE_Linux.zip">
<img src="/image/base/Linux_logo.webp" width="50">
<span class="item-title">Linux</span>
</a>
</p>
</div>
#### 基本配置
>将下载好的UIFlow Desktop IDE压缩包解压，双击执行应用程序.
<img src="assets/img/related_documents/UIFlow_Desktop_IDE/Desktop_IDE_01.webp">
?>软件启动后，将自动检测你的电脑是否安装有USB驱动（CP210X），点击Install，根据提示，进行安装.
<img src="assets/img/related_documents/UIFlow_Desktop_IDE/Desktop_IDE_02.webp">
>驱动安装完成后，将自动进入UIFlow Desktop IDE并自动弹出配置框，此时将M5设备通过Tpye-C数据线连接至电脑.
<img src="assets/img/related_documents/UIFlow_Desktop_IDE/Desktop_IDE_03.webp">
!>使用UIFlow Desktop IDE需要M5设备搭载UIFlow固件且进入**USB编程模式**.
>单击设备左侧电源键重启，进入菜单后快速选择Setup，进入配置页面，选择**USB mode**.
<img src="assets/img/related_documents/UIFlow_Desktop_IDE/Desktop_IDE_04.webp">
>选择好对应的端口，与编程设备，点击OK进行连接.
<img src="assets/img/related_documents/UIFlow_Desktop_IDE/Desktop_IDE_05.webp"
!>使用ATOM菜单的USB模式进行连接
>在上电同时（或重启时）按住中间按键不要松开，菜单模式以呼吸灯形式变色，等到灯光变换为蓝色呼吸灯时松开，即进入USB模式（更多信息参考https://docs.m5stack.com/#/zh_CN/quick_start/atom/atom_quick_start）
><img src="/image/base/usbmode.webp" width="100%">
## 相关教材
* [M5StickC物联网入门教程](https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/docs/M5StickC_Guide.pdf)
* [M5GO编程入门教程](https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/docs/UIFlow-Book-zh_cn.pdf)
<script>
anchor_search();
scrollFunc();
</script>