add envii

This commit is contained in:
vany5921
2020-09-15 14:27:39 +08:00
parent 6bbf9ecf0b
commit 103de0d7d8
6 changed files with 26 additions and 46 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 60 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 45 KiB

+11 -21
View File
@@ -1,8 +1,8 @@
# ENV II
# ENV II HAT
<el-tag effect="plain">SKU:U001-B</el-tag>
<el-tag effect="plain">SKU:U053-B</el-tag>
<div class="product_pic"><img src="assets/img/product_pics/unit/envII/envII_01.webp"></div>
<div class="product_pic"><img src="assets/img/product_pics/hat/envii_hat/envii.webp"></div>
## Description
@@ -20,7 +20,7 @@
## Include
- 1x ENV II HAT
- 1x Grove Cable(5cm)
- 1x 双面胶
## Specification
@@ -70,7 +70,7 @@
</tr>
<tr>
<td>Product Size</td>
<td></td>
<td>15*24*14mm</td>
</tr>
<tr>
<td>Package Size</td>
@@ -121,15 +121,15 @@
<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/UNIT/For%20M5Core/EasyLoader_ENV2_UNIT_With_M5Core.exe">Windows</a>
<a href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/EasyLoader/MacOS/UNIT/EasyLoader_ENV2_UNIT_With_M5Core.dmg">MacOS</a>
<a href="">Windows</a>
<a href="">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/Unit/ENVII.MP4" type="video/mp4">
<source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/Product_example_video/HAT/ENV_HAT.mp4" type="video/mp4">
</video>
<div class="easyloader-mask">
<a>
@@ -143,7 +143,7 @@
### PinMap
<table>
<tr><td>M5Core(GROVE A)</td><td>GPIO22</td><td>GPIO21</td><td>5V</td><td>GND</td></tr>
<tr><td>M5StickC</td><td>GPIO26</td><td>GPIO0</td><td>5V</td><td>GND</td></tr>
<tr><td>ENV II HAT</td><td>SCL</td><td>SDA</td><td>5V</td><td>GND</td></tr>
</table>
@@ -157,23 +157,13 @@
## Schematic
<img src="assets/img/product_pics/unit/envII_sch.webp">
<img src="assets/img/product_pics/hat/envii_hat/env_ii_hat_sch.webp">
## Example
### 1. Arduino IDE
This is an ENV example - implementing reading temperature, humidity and atmospheric pressure function.
1, Before compiling, please install `Adafruit BMP280 Library`
2, copy `Adafruit_Sensor.h` to `C:\Users\<user_name>\Documents\Arduino\libraries\Adafruit_BMP280_Library`
The code below is incomplete. To get the complete code, please click [here](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/ENVII/Arduino)
### 2. UIFlow
If you want the complete code, please click [here](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/ENVII/UIFlow)
<img src="assets/img/product_pics/unit/envII/envII_03.webp" width="60%">
The code below is incomplete. To get the complete code, please click [here](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Hat/ENVII_HAT)
<script>
+2 -1
View File
@@ -179,7 +179,8 @@
const hat_list = [
//C-HAT class
{a:"/#/en/hat/hat-spk", img:"https://static-cdn.m5stack.com/image/m5-docs_homepage/hat/spk_hat_01.webp", p:"SPK", sku:"U055" ,kw:"MUSIC SPEAKER", category:"C-HAT class"},
{a:"/#/en/hat/hat_envII", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/hat/envii.webp", p:"ENV II", sku:"U053-B" ,kw:"BMP280 BMM150 SHT30", category:"C-HAT class"},
{a:"/#/en/hat/hat-spk", img:"https://static-cdn.m5stack.com/image/m5-docs_homepage/hat/spk_hat_01.webp", p:"SPK", sku:"U055" ,kw:"MUSIC SPEAKER"},
{a:"/#/en/hat/hat-env", img:"https://static-cdn.m5stack.com/image/m5-docs_homepage/hat/env_hat_01.webp", p:"ENV", sku:"U053" ,kw:"DHT12 BMP280 BMM150"},
{a:"/#/en/hat/hat-pir", img:"https://static-cdn.m5stack.com/image/m5-docs_homepage/hat/pir_hat_01.webp", p:"PIR", sku:"U054" ,kw:"SENSOR"},
{a:"/#/en/hat/hat-proto", img:"https://static-cdn.m5stack.com/image/m5-docs_homepage/hat/hat_proto_01.webp", p:"PROTO", sku:"U060" ,kw:"PROTOTYPE"},
+2 -1
View File
@@ -179,7 +179,8 @@
const hat_list = [
//C-HAT class
{a:"/#/zh_CN/hat/hat-spk", img:"https://static-cdn.m5stack.com/image/m5-docs_homepage/hat/spk_hat_01.webp", p:"SPK", sku:"U055" ,kw:"MUSIC SPEAKER", category:"C-HAT class"},
{a:"/#/zh_CN/hat/hat_envII", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/hat/envii.webp", p:"ENV II", sku:"U053-B" ,kw:"BMP280 BMM150 SHT30", category:"C-HAT class"},
{a:"/#/zh_CN/hat/hat-spk", img:"https://static-cdn.m5stack.com/image/m5-docs_homepage/hat/spk_hat_01.webp", p:"SPK", sku:"U055" ,kw:"MUSIC SPEAKER"},
{a:"/#/zh_CN/hat/hat-env", img:"https://static-cdn.m5stack.com/image/m5-docs_homepage/hat/env_hat_01.webp", p:"ENV", sku:"U053" ,kw:"DHT12 BMP280 BMM150"},
{a:"/#/zh_CN/hat/hat-pir", img:"https://static-cdn.m5stack.com/image/m5-docs_homepage/hat/pir_hat_01.webp", p:"PIR", sku:"U054" ,kw:"SENSOR"},
{a:"/#/zh_CN/hat/hat-proto", img:"https://static-cdn.m5stack.com/image/m5-docs_homepage/hat/hat_proto_01.webp", p:"PROTO", sku:"U060" ,kw:"PROTOTYPE"},
+11 -23
View File
@@ -1,13 +1,11 @@
# ENV II HAT
<el-tag effect="plain">SKU:U001-B</el-tag>
<div class="product_pic"><img src="assets/img/product_pics/unit/envII/envII_01.webp"></div>
<el-tag effect="plain">SKU:U053-B</el-tag>
<div class="product_pic"><img src="assets/img/product_pics/hat/envii_hat/envii.webp"></div>
## 描述
**ENV II** 是一款多功能环境传感器,内部集成SHT30、BMP280以及BMM150,用于检测温度、湿度、大气压值数据和磁场.SHT30是高精度低功耗的数字温湿度传感器,并支持I2C接口(0x44.BMP280(0x76)是一款专为移动应用而设计的绝对气压传感器,具有较高的精准度.BMM150(0x10)是磁力计,可用于监测磁场变化及磁场方向,对于需要对环境数据进行快速采集检测的项目来说, ENV-II HAT是一个兼顾性能与性价比的不错选择.
## 产品特性
@@ -22,7 +20,7 @@
## 包含
- 1x ENV-II HAT
- 1x Grove 线(5cm)
- 1x Double faced adhesive tape
## 应用
@@ -78,11 +76,11 @@
</tr>
<tr>
<td>产品尺寸</td>
<td></td>
<td>15*24*14mm</td>
</tr>
<tr>
<td>包装尺寸</td>
<td>35*36*18mm</td>
<td>36*36*18mm</td>
</tr>
<tr>
<td>外壳材质</td>
@@ -128,15 +126,15 @@
<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/UNIT/For%20M5Core/EasyLoader_ENV2_UNIT_With_M5Core.exe">Windows</a>
<a href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/EasyLoader/MacOS/UNIT/EasyLoader_ENV2_UNIT_With_M5Core.dmg">MacOS</a>
<a href="">Windows</a>
<a href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/EasyLoader/MacOS/HAT/EasyLoader_ENVII_HAT.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/Unit/ENVII.MP4" type="video/mp4">
<source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/Product_example_video/HAT/ENV_HAT.mp4" type="video/mp4">
</video>
<div class="easyloader-mask">
<a>
@@ -150,14 +148,13 @@
### 管脚映射
<table>
<tr><td>M5Core(GROVE A)</td><td>GPIO26</td><td>GPIO20</td><td>5V</td><td>GND</td></tr>
<tr><td>M5StickC</td><td>GPIO26</td><td>GPIO0</td><td>5V</td><td>GND</td></tr>
<tr><td>ENV II HAT</td><td>SCL</td><td>SDA</td><td>5V</td><td>GND</td></tr>
</table>
## 原理图
<img src="assets/img/product_pics/unit/envII_sch.webp">
<img src="assets/img/product_pics/hat/envii_hat/env_ii_hat_sch.webp">
## 相关链接
@@ -173,17 +170,8 @@
### 1. Arduino IDE
该案例将使用 ENVII Unit ,实现温度、湿度、大气压数据的读取.
1, 在进行程序编译前,请安装`Adafruit BMP280 Library`
2, 并将`Adafruit_Sensor.h`复制至`C:\Users\<user_name>\Documents\Arduino\libraries\Adafruit_BMP280_Library`
[请点击此处下载Arduino示例程序](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Hat/ENVII_HAT)
[请点击此处下载Arduino示例程序](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/ENVII/Arduino)
### 2. UIFlow
[请点击此处UIFlow](https://github.com/m5stack/M5-ProductExampleCodes/tree/master/Unit/ENVII/UIFlow)
<img src="assets/img/product_pics/unit/envII/envII_03.webp" width="60%">
<script>