该作品是第二届李闯商城电子制作节入围的前30名作品之一。转载请注明出处，未经许可不得用于商业用途。

写在前面

它始于我很久以前买的一个钟。

那是iPhone发布后不久，乔布斯还站在苹果发布会上，HTC做出了第一款Android手机。为了方便给iPhone充电，我买了一个飞利浦的充电钟，看起来是这样的：

在它的前面是一个非常简单的时钟。你可以把你的iPhone放在上面，听音乐和收音机。

转眼iPhone已经出到第七代了。这款飞利浦充电座早已不兼容新iPhone充电接口，成为家中众多非处方药物中的一员。但我从没想过把它收在抽屉里。

因为它的时钟功能，真的很好用。

首先，它不显示年、月、农历和星期几等很少使用的功能。它的正面是一个大的绿色LED，只显示当前时间。即使在很远的地方，也能一眼看到钟面上的数字。

其次，它可以自动同步来自iPhone的时间，无需手动设置。

有了这两个优点，这个本该放在柜子里的“过时”电器，一直在我家客厅里用到了现在。

这件事启发了我：这是“少即是多”的好例子。所以我想把这种简单易用的设计理念融入到四色空气质量监测仪的设计过程中。

就算看不清面板上的数字，也应该足够简单，足够愚蠢，知道现在的空气质量。

作品简介

可以通过WiFii获取空气质量数据的桌面设备。根据不同的空气质量数据，用不同的颜色来标识数据。可以通过手机设置设备配置参数，比如连接WiFi的SSID和密码，目标城市等等。

拟用到的物料：

STM32F103C8T6，ESP8266模块，74HC373N，TLV70033，MicroUSB插座，SS8050，AO3407，FPC连接器和插座，2.54mm单针/插座，0805，0603和1206封装电阻电容等。

其他材料：多色LED数码管等。

1.设计目标

设计目标可以用一句话来概括：“能够通过WiFi获取空气质量数据并以四种颜色显示的桌面设备。”

作为一名工程师，总有很多功能是我想实现的，想添加到产品中的，但是有时候我会忽略这些功能是否真的适合产品。

比如我见过一款手机万能充电器，有一整排蓝色3mm高亮度led。充电时，这些led会开始加速。然后充电后会用内置蜂鸣器开始播放《茉莉花开》。

想象一下，当你睡前开始用它给手机电池充电时，你需要先找个东西盖住它明亮的LED，因为它的跑马灯闪得太快了，让人根本睡不着。然后，几个小时后，当你睡得正香的时候，它突然大声播放了一首《茉莉花开》，告诉你充电完成。相信觉醒的人都会有把这个充电器扔进垃圾桶的冲动。

虽然跑马灯和蜂鸣器是工程师练手必备的，但显然不适合做手机充电器。

在设计四色空气质量显示器时，也有很多功能很容易添加。比如加一个DS18B20，可以显示温度；如果加一个DHT11，可以测湿度；或者加个继电器就可以远程控制家用电器了？

然而，这些功能就像充电器上的跑马灯一样，完全是多余的。相反，它们会降低空气质量显示器本身的易用性。

另一方面，由于这是一个WiFi联网设备，在连接互联网之前，不可避免的要对设备进行配置，输入当前使用的WiFi的SSID和密码。

有许多现成的解决方案可以实现这一功能，例如：

设备本身构建一个无密码或已知密码的WiFi站信号，通过手机连接，然后使用手机上的浏览器对设备进行配置。

TI的SmartConfig，微信的AirKiss，MTK的SmartConnection等等。

虽然配置WiFi的方式有这么多种，但归根结底，这些方式都是以WiFi信号为载体，向联网设备发送ASCII字符。

在这个设计中，我想尝试另一种配置WiFi的方式：通过手机屏幕的闪烁，将WiFi的SSID和密码发送到空气质量显示屏。

与现有的SmartConfig、AirKiss等相比。这种方法的优点是方便易用：只要拿起手机，直接输入SSID和密码连接WiFi，然后将手机屏幕对准设备，就可以完成配置，不需要切换手机的WiFi环境。

这种方式的缺点是传输速度受到手机屏幕刷新率的限制，不同手机之间会有一些差异。

至此，总结一下要做的功能：

空气质量数据显示

通过电话屏幕配置设备。

2.工作原理

图1系统工作原理

首先，空气质量数据的来源是专业的气象服务站，如aqicn.org，可以提供实时可靠的空气质量数据和获取这些数据的API。相比国内更便宜的空气质量检测设备，这些专业气象网站的数据往往更准确。

1.能够保证系统的自由度

2.降低空气质量显示器固件的复杂性。

最后，空气质量显示器通过无线路由器的WiFi网络，连接自有服务器，获取空气质量数据，并根据空气质量的好坏，使用四种不同的颜色将数据显示出来:

图2 绿色，黄色，橙色和红色显示

3.硬件设计

硬件分为两部分电路组成：数码管驱动电路以及MCU电路，两块电路板使用FPC排线相连接。

图3 PCB实物

显示部分选用了多色0.8英寸数码管。多色数码管的原理是在数码管的每个分段中，同时放入几种颜色不同的LED。通过控制不同颜色LED的亮度，就能混合出不同的颜色。

由于数码管的每一个分段都要放置数个LED，因此，这种多色数码馆的功耗也比单色数码管高出许多。空气质量显示器使用了3个多色数码管，同时点亮时，最大驱动电流会达到150mA左右。这已经接近了STM32能够允许的IO吸收电流限制，因此，直接使用STM32的IO口驱动这些数码管是不安全的，需要搭配额外的驱动电路。

下图是数码管驱动电路的原理图。每一个数码管使用一片74HC373N锁存器来驱动。这个电路没有使用常见的数码管分时扫描显示法，而是利用了锁存器的数据保持功能，静态驱动数码管。

图4 数码管驱动电路

采用静态方式驱动数码管的原因有两个：

1.因为多色数码管的颜色调节需要使用PWM进行功率控制，如果同时使用分时扫描驱动，某些颜色时会出现闪烁现象。

2.既然数码管驱动电路是必须的添加的，为什么不让事情变的更简单一些呢？

图5 MCU和WiFi模块接口部分电路原理图

MCU选用STM32F103C8T6，通过串口连接WiFi模块，WiFi模块选用ESP8266。

P4是光敏电阻的接口。光敏电阻接收手机屏幕闪烁之后发出的信号。这个信号经过两级三极管简单放大以后，送到STM32进行解码。通过这种方式，实现低成本和有效的系统配置方法。

MicroUSB接口除了提供系统的电源以外，D－和D＋还分别连接了STM32的串口RX和TX，这不是USB的标准连接方法，而是预留给调试设备使用的。

图6 设备内部图片

4.固件和软件

STM32固件

因为需要获取的数据在自己的服务器上进行了二次封包，所以STM32的固件在WiFi上的的处理就变得相对比较简单，图7是STM32程序的主要部分流程图：

图7 MCU固件流程图

光数据传输

系统使用手机屏幕闪烁的方式，来传递WiFi的SSID和密码。本质上这是一种异步单线传输，必须设定数据的传输速率，这和串口传输有点类似，只是我们的数据来源是屏幕手机的闪烁，并且预先约定好了数据的配置选项。

Javascript和屏幕刷新率

使用网页方式来实现手机端的应用程序。

系统有三个配置选项：

1.WiFi SSID

2.WiFi密码

3.需要获取空气质量数据的城市位置

为了节约数据的传输时间，可以单独更新其中的任何一项，只要将其它选项留空白即可。

在页面上填写好需要更新的配置以后，将空气质量显示器放置在手机屏幕上，让它底部的光敏二极管能够和手机屏幕尽量靠近，然后点击页面上的 “start” 按钮。

几秒钟以后，如果数据传输和校验都正确，空气质量显示器会显示 “CCC”的字样，然后用新的配置自动重启运行。

通过手机屏幕闪烁的方式来传递数据，最大的问题在于：这个方法受限制与手机的屏幕刷新率。当屏幕的图像数据闪烁频率超过手机屏幕的硬件刷新率时，就会出现数据掉帧的现象。另一种情况是，手机处理器运行太慢，在一帧图像需要显示的时候，仍然没有完成图像的绘制。

这两种情况都会出现数据丢失损坏的现象。解决办法只有降低数据传输的频率，不过这样做也会延长数据传输的时间。

5.获取空气质量数据

获取空气质量原始数据的工作，是在自有Linux服务器上，使用python脚本完成的。

aqicn网站还提供一个JSON的API接口，用来提供外部程序的集成。

我们的自有服务器上，通过设定Linux的定时任务，每隔15分钟，就调用一次python脚本，通过JSON的API接口，获取aqicn上的指定城市数据，然后保存在自有服务器本地，以提供给空气质量显示器使用。

以下是获取空气质量数据的python脚本：（详见原帖）

6.外观设计

空气质量显示器的外壳使用3D打印的方式制作。因为系统内部分成的两块电路板，因此需要考虑到两块电路板相互之间的固定和连接方式。

图8 外壳使用SketchUp设计

图9 3D打印外壳实物

空气质量显示器的正面使用了定制的黑色亚克力挡光板，让LED的显示更加清晰，美观。

图10 空气质量显示器正面

光敏二极管被设计安放在空气质量显示器的底部，这样，就可以把它直接放置在手机屏幕上，设置WiFi和城市位置信息。

图11 位于设备底部的光敏二极管

MicroUSB供电座位于设备后面，使用了90度的MicroUSB母座：

图12 设备背部接口

7.总结和延伸

四色空气质量显示器能够随时提供当前城市的空气质量信息，并使用四种不同的颜色来标识。比起单纯使用数字，这样的方法更加直观有效：只要抬起眼皮扫一眼，就能够知道今天的空气质量如何。因为是专用设备，在实际使用中，这比手机端的天气app，还要方便一些。

换一个角度想，这个设备实际上是一个能够用四种颜色显示远程服务器上数据的装置，至于数据的种类是什么，则完全由我们自己来定义。所以，可以简单的更改自有服务器上的脚本和数据，而不用重写设备固件，来改变设备的用途。

例如，我们可以通过gamil的API，获取授权邮箱的未读邮件数，然后显示在设备上。这样，四色空气质量显示器就变成了一个“未读邮件显示器”。

再如，我们也可以通过服务器，获取某一只股票的价格，显示在设备上，这样，四色空气质量显示器就变成了一个“迷你股票价格显示器”。

IoT设备的玩法多种多样，并且在个人或者工业领域，都有着十分广阔的应用前景。