你会在办公室里昏昏沉沉吗？你需要一个感叹号！

一杯咖啡下肚，就不会昏昏沉沉了

期待。。。。。。。。。。。。

最近Rockets的产出很多嘛，继续继续

我感觉不是缺氧，而是老师讲的内容索然无味，无聊到困了

占坑外观设计

[md]
## 总结
本帖子希望通过完整的记录一个项目的思考过程和实现过程，能带给大家一点思考。
抛出我这块砖，也希望能让更多的小伙伴一起加入创造的过程。
在这里我也必须说，以上这些技能，我也并不是十分的熟练，但是通过和其他小伙伴的沟通和学习，这些技能是可以被掌握的。
我认为作为一个创客，更重要的是，把自己的想法实现出来。
作品可以不完美，但重要的是，现在你有一个实物供大家评价，是好是坏，让我们拉出来溜溜。
# 未完待续
[/md]

先把代码放上来，大家先慢慢的看一下。
[mw_shl_code=cpp,false]
#include "DFRobot_Iot.h"
#include "DFRobot_BC20.h"
#include "DFRobot_GasSensor.h"
#include "DFRobot_OLED12864.h"
DFRobot_OLED12864 display(0x3c);
DFRobot_GasSensor Oxygen;
DFRobot_Iot myDevice;
DFRobot_BC20 myBC20;
/*Configure device certificate information*/
String ProductKey = "Your_Product_Key";
String ClientId = "12345";/*Custom id*/
String DeviceName = "Your_Device_Name";
String DeviceSecret = "Your_Device_Secret";
/*Configure the domain name and port number*/
String ALIYUN_SERVER = "iot-as-mqtt.cn-shanghai.aliyuncs.com";
uint16_t PORT = 1883;
/*Product identifier that needs to be operated*/
String Identifier = "Your_Identifier";
/*TOPIC that need to be published and subscribed*/
const char * subTopic = "Your_subTopic";//****set
const char * pubTopic = "Your_pubTopic";//******post
DFRobot_Iot myIot;
void ConnectCloud() {
while (!myBC20.connected()) {
Serial.print("Attempting MQTT connection...");
if (myBC20.connect(myDevice._clientId, myDevice._username, myDevice._password)) {
Serial.println("Connect Server OK");
}
else {
myBC20.getQMTCONN();
}
}
}
void setup(){
Serial.begin(115200);
display.init();
display.setContrast(255);
display.flipScreenVertically();
display.clear();
delay(1000);
display.drawString(16,24,"Oxygen:");
display.drawString(96,24,"%");
display.display();
while(!Oxygen.begin(ADDRESS_3)) {
Serial.println("I2c device number error !");
delay(1000);
}
Serial.println("I2c connect success !");
/* Pass in the key value marked on the oxygen sensor */
Oxygen.SetKeys(20.9 / 90);
Serial.print("Starting the BC20.Please wait. . . ");
while(!myBC20.powerOn()){
delay(1000);
Serial.print(".");
}
Serial.println("BC20 started successfully !");
Serial.println("check OK");
while (!myBC20.checkNBCard()) {
Serial.println("Please insert the NB card !");
delay(1000);
}
Serial.println("Waitting for access ...");
while (myBC20.getGATT() == 0) {
Serial.print(".");
delay(1000);
}
myDevice.init(ALIYUN_SERVER, ProductKey, ClientId, DeviceName, DeviceSecret);
myBC20.setServer(myDevice._mqttServer, PORT);
//myBC20.setCallback(callback);
ConnectCloud();
}
void loop(){
float oxygenData = Oxygen.ReadOxygenData();
display.clear();
delay(1000);
display.drawString(16,24,"Oxygen:");
display.drawString(96,24,"%");
display.drawString(64,24,String(oxygenData));
display.display();
Serial.print(" Oxygen concentration is ");
Serial.print(oxygenData);
Serial.println(" %vol(mv)");
myBC20.getCLK(); // Get CLK from BC20
myBC20.loop();
myBC20.publish(pubTopic, ("{\"id\":"+ClientId+",\"params\":{\""+Identifier+"\":"+(String)oxygenData+"},\"method\":\"thing.event.property.post\"}"));
Serial.println("Data is published to cloud.");
delay(10000);
}[/mw_shl_code]
[md]
## 代码框架
代码主要分为几个部分
* 加载库（把需要的库加载进来，在前人的基础上干活，轻松又惬意）
* 生成对象（面向对象的玩法，不知道照着做就对了）
* 生成阿里云的连接的相关信息（找到相对应的token填进去就可以了）
* setup中进行单次运行，进行阿里云的连接
* loop中定期更新氧气数值并上传云端
## 代码思路
其实这个代码是拼装起来的。
首先，先确定氧气传感器的使用。
[/md]
[mw_shl_code=cpp,false]
while(!Oxygen.begin(ADDRESS_3)) {
Serial.println("I2c device number error !");
delay(1000);
}
Serial.println("I2c connect success !");
/* Pass in the key value marked on the oxygen sensor */
Oxygen.SetKeys(20.9 / 90);
[/mw_shl_code]
[md]
由于氧气传感器是I2C的，因此只需要在找到合适地址后就可以使用了。
注意，氧气传感器需要进行校准。因此在这里进行了手动的校准。
听产品经理@DFSH_Faith介绍，后续会通过一个按钮简化操作，因此大家也不用在代码中写Oxygen.SetKeys(20.9 / 90)这样的语句了。
然后接下来是屏幕，采用的12864的屏幕，因此直接加载#include "DFRobot_OLED12864.h" 这个库，如果找不到这个库的，可以到DFRobot的wiki里去找。
[/md]
[mw_shl_code=cpp,false]
display.init();
display.setContrast(255);
display.flipScreenVertically();
display.clear();
delay(1000);
display.drawString(16,24,"Oxygen:");
display.drawString(96,24,"%");
display.display();
[/mw_shl_code]
[md]
通过这段代码就可以把想要显示的内容显示出来了。
这里需要注意的是，每次需要采用display.display();来显示上面的设置内容。否则可能会和你想象的不一样。
display.drawString(16,24,"Oxygen:");这里的16和24分别代表了行和列，可以根据实际需要进行调整。
display.setContrast(255);可以调整屏幕的对比度，使显示不那么亮或者刺眼。
display.flipScreenVertically();可以翻转屏幕，如果反过来了，那就用这行来翻转过来。
这两部分完成后，只需要把相关的信息给到NB-IoT部分即可，NB-IoT部分的代码也是现成的。
loop()函数中
[/md]
[mw_shl_code=cpp,false]
float oxygenData = Oxygen.ReadOxygenData();
myBC20.getCLK(); // Get CLK from BC20
myBC20.loop();
myBC20.publish(pubTopic, ("{\"id\":"+ClientId+",\"params\":{\""+Identifier+"\":"+(String)oxygenData+"},\"method\":\"thing.event.property.post\"}"));
Serial.println("Data is published to cloud.");
delay(10000);[/mw_shl_code]
[md]
用Oxygen.ReadOxygenData()获取氧气的含量值。用oxygenData来存储。
用myBC20.publish(pubTopic, ("{\"id\":"+ClientId+",\"params\":{\""+Identifier+"\":"+(String)oxygenData+"},\"method\":\"thing.event.property.post\"}"));
将publish函数将相应的数据上传到阿里云。
在测试的时候，可以分别对这些代码进行处理。
然后分别看其效果，比如
myBC20.publish(pubTopic, ("{\"id\":"+ClientId+",\"params\":{\""+Identifier+"\":"+(String)oxygenData+"},\"method\":\"thing.event.property.post\"}"));
可以把其中oxygenData直接改为数字，来检查上传是否正常。
又比如
display.drawString(64,24,String(oxygenData));
可以将oxygenData改为数字来检查显示是否正常。
记得串口监视器是硬件调试的好帮手。
相关的串口打印数据是调试时的重要抓手。
有不确定的时候，放上几个串口打印命令一定会让你事半功倍。
好了，硬件上的这个代码就是非常的简单明了。
报警等功能可以在阿里云上进行设置。
## 致谢
@DFSH_Faith提供了巨大的支持。
感谢你提供的支持和帮助！
[/md]

[md]## 外观设计
正如前面所叙述的，我希望这个装置能不那么突兀。所以需要对其进行下设计。
于是我画了一个草图：

问了下大部分人，还是喜欢大图中的感叹号，而不需要将O2也加上。
于是开干！
## 三维设计
一直以来我用的三维设计软件是sketchup，但随着sketchup被谷歌卖掉，后面的厂家对他的管理让我很难用到免费的版本，我不得不换软件。
众所众知，我是Autodesk的粉丝，所以我换用了TinkerCAD，不过后来发现Fusion360在功能上更强大，于是我换成了Fusion360。
我注册的是教育版，教育版本非常适合新人，免费使用。我估计今后到期后，我可能会付费使用。
那就看下怎么进行设计吧。
Fusion360的工作流程和sketchup很像，所以需要先画好平面图，然后在用拉伸的方法来建立实体。但如何画好一个模型呢？
我的工作流程是这样的。
首先把所有的元器件都画好，或者找到。注意在这里我们需要注意几个关键尺寸。在这个案例里，氧气传感器的直径，和屏幕的长宽都非常重要。
然后把这些元件摆好位置，在软件里摆好位置，当然我在画草图的时候，已经大致有了相关的位置，在软件里只是更仔细的确定他们的位置而已。
这个感叹号有上盖和下盖，需要分别处理。
# 未完待续
[/md]