mirror of
https://github.com/m5stack/m5-docs.git
synced 2026-05-20 10:23:01 -07:00
add m5stickC schematic
This commit is contained in:
Sean
@@ -85,6 +85,13 @@ Installation steps: 1. Click the link below to download the driver installation
|
||||
|
||||
>2. After downloading the software, double-click to run the application, connect the M5 device to the computer through the data cable, select the port parameters, click **"Burn"** to start burning. (**For M5StickC burning, please Set the baud rate to 750000 or 115200**)
|
||||
|
||||
|
||||
## Schematic
|
||||
|
||||
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/docs/schematic/Core/M5StickC/m5stickC.jpg">
|
||||
|
||||
- [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_04.png" width="300px">
|
||||
|
||||
@@ -61,6 +61,8 @@ The Bugc base needs to be used in conjunction with the M5StickC controller. The
|
||||
|
||||
## Code
|
||||
|
||||
- **[Arduino](https://github.com/m5stack/M5StickC/tree/master/examples/Hat/BUGC)**
|
||||
|
||||
### 1. UIFlow
|
||||
|
||||
*To get UIFlow example, please click [here](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Hat/BugC/UIFlow).*
|
||||
|
||||
@@ -0,0 +1,73 @@
|
||||
# UIFlow Desktop IDE deployment{docsify-ignore-all}
|
||||
|
||||
1. [Install UIFlow-Desktop-IDE](#Install-UIFlow-Desktop-IDE)
|
||||
|
||||
2. [configuration](#configuration)
|
||||
|
||||
3. [Example](#Example)
|
||||
|
||||
4. [Additional features](#Additional-features)
|
||||
|
||||
|
||||
|
||||
## Insrall UIFlow-Desktop-IDE
|
||||
|
||||
>Click **UIFlow-Desktop-IDE** for your operating system below to download.
|
||||
|
||||
<div class="link">
|
||||
<h4><span>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.png?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.png?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.png?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.jpg">
|
||||
|
||||
?>After the software is started, it will automatically detect whether your computer has a USB driver (CP210X) installed, click Install, and follow the prompts to install it.
|
||||
|
||||
<img src="assets/img/related_documents/UIFlow_Desktop_IDE/Desktop_IDE_02.png">
|
||||
|
||||
>After the driver installation is complete, it will automatically 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.png">
|
||||
|
||||
!>Using the UIFlow Desktop IDE requires the M5 device to carry the UIFlow firmware and enter the **USB mode**.
|
||||
|
||||
>Click the power button on the left side of the device to restart. After entering the menu, select Setup quickly to enter the configuration page and select**USB mode**.
|
||||
|
||||
<img src="assets/img/related_documents/UIFlow_Desktop_IDE/Desktop_IDE_04.png">
|
||||
|
||||
>Select the corresponding port, and connect to the programming device, click OK.
|
||||
|
||||
<img src="assets/img/related_documents/UIFlow_Desktop_IDE/Desktop_IDE_05.jpg">
|
||||
|
||||
## Example
|
||||
|
||||
>After the connection is completed, you can start programming. Drag and drop the block in the block list on the left to the programming area. After editing the program, click the Run button in the upper right corner to execute the program..
|
||||
|
||||
<img src="assets/img/related_documents/UIFlow_Desktop_IDE/Desktop_IDE_06.jpg">
|
||||
|
||||
## Additional features
|
||||
|
||||
!>In addition to being a powerful program editor, UIFlow Desktop IDE also integrates **USB driver** installation, **M5Burner** burning tool and other functions, no need to download other software, one-stop solution programming environment Deployment requirements.
|
||||
|
||||
>In the upper menu bar of the IDE, you can find the corresponding additional functions, click to open the use, about the use of M5Burner, please refer to our other document for details. ["Upgrade Firmware"](zh_CN/related_documents/M5Burner).
|
||||
|
||||
<img src="assets/img/related_documents/UIFlow_Desktop_IDE/Desktop_IDE_07.jpg">
|
||||
|
||||
<style>
|
||||
|
||||
.link a{
|
||||
|
||||
padding-left: 13%;
|
||||
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
@@ -76,6 +76,11 @@
|
||||
<p class="uiflow_p">The creation and use of UIFlow custom program blocks. </p>
|
||||
<p><a class="btn btn-secondary" href="#/en/uiflow/blockly_custom" role="button">View details »</a></p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<h2>UIFlow Desktop IDE</h2>
|
||||
<p class="uiflow_p">UIFLow offline version of the installation configuration and basic use. </p>
|
||||
<p><a class="btn btn-secondary" href="#/en/uiflow/UIFlow_Desktop_IDE" role="button">View details »</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
@@ -86,6 +86,11 @@ M5StickC仅支持WIN10&Linux&MAC免驱，其余操作系统则需要用户自行
|
||||
|
||||
>2.下载软件后，双击运行应用程序，将M5设备通过数据线连接至电脑,选择端口参数，点击 **"Burn"** 即可开始烧录.(**为M5StickC烧录时，请将波特率设置在750000或115200**)
|
||||
|
||||
## 原理图
|
||||
|
||||
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/docs/schematic/Core/M5StickC/m5stickC.jpg">
|
||||
|
||||
- [PDF Download](https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/docs/schematic/Core/M5StickC/20191118__StickC_A04_3110_Schematic_Rebuild_PinMap.pdf)
|
||||
|
||||
## 管脚映射
|
||||
|
||||
|
||||
@@ -57,6 +57,8 @@ Bugc底座需要结合M5StickC控制器使用.在底座上，配备了四个由S
|
||||
|
||||
## Code
|
||||
|
||||
- **[Arduino](https://github.com/m5stack/M5StickC/tree/master/examples/Hat/BUGC)**
|
||||
|
||||
### 1. UIFlow 例程
|
||||
|
||||
[点击此处](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Hat/BugC/UIFlow)，获取完整程序.
|
||||
|
||||
@@ -0,0 +1,90 @@
|
||||
# UIFlow Desktop IDE 部署{docsify-ignore-all}
|
||||
|
||||
<!-- ### 1. 打开Arduino IDE，然后点击`Sketch`->`Include Library`->`Manage Libraries...`
|
||||
|
||||
### 2. 在搜索框输入`M5Stack`，并搜索
|
||||
|
||||
<figure class="thumbnails">
|
||||
<img src="assets/img/getting_started_pics/m5stack_core/get_started_with_arduino_m5core/mac/macOS_install_m5stack_lib.png" alt="Screenshot of coverpage" title="Cover page">
|
||||
</figure>
|
||||
|
||||
### 3. 如果显示如下，则点击`Update`.
|
||||
|
||||
**但是如果显示`Install`，这意味着您之前还没安装M5Stack库，所以点击`Install`进行安装。**
|
||||
|
||||
<figure class="thumbnails">
|
||||
<img src="assets/img/getting_started_pics/m5stack_core/get_started_with_arduino_m5core/mac/macOS_search_m5stack.png" alt="Screenshot of coverpage" title="Cover page">
|
||||
</figure> -->
|
||||
|
||||
|
||||
1. [安装UIFlow-Desktop-IDE](#安装UIFlow-Desktop-IDE)
|
||||
|
||||
2. [基本配置](#基本配置)
|
||||
|
||||
3. [使用案例](#使用案例)
|
||||
|
||||
4. [附加功能](#附加功能)
|
||||
|
||||
|
||||
|
||||
## 安装UIFlow-Desktop-IDE
|
||||
|
||||
>点击下方对应自己操作系统的 **UIFlow-Desktop-IDE** 进行下载.
|
||||
|
||||
<div class="link">
|
||||
<h4><span>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.png?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.png?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.png?v=1557026584" alt="">Linux</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
## 基本配置
|
||||
|
||||
>将下载好的UIFlow Desktop IDE压缩包解压，双击执行应用程序.
|
||||
|
||||
<img src="assets/img/related_documents/UIFlow_Desktop_IDE/Desktop_IDE_01.jpg">
|
||||
|
||||
?>软件启动后，将自动检测你的电脑是否安装有USB驱动（CP210X），点击Install，根据提示，进行安装.
|
||||
|
||||
<img src="assets/img/related_documents/UIFlow_Desktop_IDE/Desktop_IDE_02.png">
|
||||
|
||||
>驱动安装完成后，将自动进入UIFlow Desktop IDE并自动弹出配置框，此时将M5设备通过Tpye-C数据线连接至电脑.
|
||||
|
||||
<img src="assets/img/related_documents/UIFlow_Desktop_IDE/Desktop_IDE_03.png">
|
||||
|
||||
!>使用UIFlow Desktop IDE需要M5设备搭载UIFlow固件且进入**USB编程模式**.
|
||||
|
||||
>单击设备左侧电源键重启，进入菜单后快速选择Setup，进入配置页面，选择**USB mode**.
|
||||
|
||||
<img src="assets/img/related_documents/UIFlow_Desktop_IDE/Desktop_IDE_04.png">
|
||||
|
||||
>选择好对应的端口，与编程设备，点击OK进行连接.
|
||||
|
||||
<img src="assets/img/related_documents/UIFlow_Desktop_IDE/Desktop_IDE_05.jpg">
|
||||
|
||||
## 使用案例
|
||||
|
||||
>完成连接后，就可以开始编程创作了，拖拽左侧的程序块列表中的程序块到编程区域，完成程序编辑后点击右上角的运行按钮，执行程序.
|
||||
|
||||
<img src="assets/img/related_documents/UIFlow_Desktop_IDE/Desktop_IDE_06.jpg">
|
||||
|
||||
## 附加功能
|
||||
|
||||
!>UIFlow Desktop IDE除了是一个强大的程序编辑器以外，它同时还集成了**USB驱动**安装、**M5Burner**烧录工具等功能，无需另外下载其他的软件，一站式解决编程环境的部署需求.
|
||||
|
||||
>在IDE的上方菜单栏，能够找到对应的附加功能，点击即可打开使用，关于M5Burner的使用方式，详情可以参考我们的另一篇文档 ["烧录固件"](zh_CN/related_documents/M5Burner).
|
||||
|
||||
<img src="assets/img/related_documents/UIFlow_Desktop_IDE/Desktop_IDE_07.jpg">
|
||||
|
||||
<style>
|
||||
|
||||
.link a{
|
||||
|
||||
padding-left: 13%;
|
||||
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
@@ -76,6 +76,11 @@
|
||||
<p class="uiflow_p">UIFlow自定义程序块的创建与使用. </p>
|
||||
<p><a class="btn btn-secondary" href="#/zh_CN/uiflow/blockly_custom" role="button">View details »</a></p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<h2>UIFlow 离线版配置</h2>
|
||||
<p class="uiflow_p">UIFLow离线版的安装配置与基础使用. </p>
|
||||
<p><a class="btn btn-secondary" href="#/zh_CN/uiflow/UIFlow_Desktop_IDE" role="button">View details »</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
+1
-1
@@ -17,7 +17,7 @@
|
||||
"keywords": [],
|
||||
"author": "",
|
||||
"license": "ISC",
|
||||
"bugs": {
|
||||
"bugs ": {
|
||||
"url": "https://github.com/m5stack/m5-docs/issues"
|
||||
},
|
||||
"homepage": "https://github.com/m5stack/m5-docs#readme",
|
||||
|
||||
Reference in New Issue
Block a user