2017-9-14 17:34:03 [显示全部楼层]
17547浏览
查看: 17547|回复: 8

使用Photon和IFTTT制作天气电子墨水屏

[复制链接]

使用Photon和IFTTT制作天气电子墨水屏

此项目制作人为Alex Wulff,他是一位天资聪颖的电子工程师。请点击这里查看原帖
来自DFRobot英文网站,转载需私信授权。

如果你使用过电子阅读器,如巴诺书店 (Barnes & Noble) 的NOOK或亚马逊 (Amazon) 的Kindle,那么你对电子墨水屏一定不陌生。通过电子阅读器上的电子墨水屏,你可以在直射阳光下进行阅读且不会感到刺眼。如你所知,电子墨水屏的刷新时间比较长,因此不适合用于游戏娱乐,但非常适合用于显示天气信息,可随时方便查看!本次的小白项目正是作此用途,其中所需的组装与编码时间很短。开始动手吧!

步骤1:准备部件!

使用Photon和IFTTT制作天气电子墨水屏图1

此项目只需四个部件,且均在DFRobot购买。详情如下:




除了电脑,以上即是所需的所有部件。其中,Photon和电子墨水屏均为高集成组件,即几乎无需外部支持硬件即可运行。加载嵌入式系统!实际上,电子墨水屏自身拥有集成式32位微控制器作为驱动器——这也是其标价高于其他显示屏的部分原因。

步骤2:组装

使用Photon和IFTTT制作天气电子墨水屏图2

组装就很简单了。连接方式如下:

电子墨水屏 -> Photon

  1. RST -> 不连接
  2. Wake_Up -> D2
  3. DIN -> TX
  4. DOUT -> RX
  5. GND -> GND
  6. VCC -> 3V3

你需要对Photon进行一些设置。Particle为此提供了绝佳资源,链接如下:https://docs.particle.io/quickstart/photon/
好!接下来,将此装置所需图片发送到你的SD卡。

步骤3:准备SD卡

使用Photon和IFTTT制作天气电子墨水屏图3

需要预先说明的是,如果你不想使用SD卡,那也没有问题。电子墨水屏本身自带几兆内存,可供存储图片。但是,存入图片的程序比较难搞。为了在Windows 7、Windows 10和macOS的WineBottler上安装此程序我费尽周折,最后决定放弃尝试,改用SD卡。以下为SD卡准备流程:

将Micro SD卡插入提供的适配器中,再连接到计算机。

如果你使用的是Mac计算机,则可以借助Disk Utility应用将SD卡轻松格式化为所需的FAT32格式。为记忆卡取一个你喜欢的名字。我确定Windows系统也有一个类似程序,用于格式化SD卡。如果你的记忆卡从未使用,则其格式可能已经是FAT32。

下载此步骤链接的.zip文件并将其解压。将所有这些位图加载到SD卡上。随后弹出记忆卡,再放入电子水墨屏中。完成之后就可以开始使用了!

要确保位图图像以正确的格式显示,还需要做一些测试。如果你想要相关教程,请告诉我,我可以制作一个发你。其中最需要注意的是,白色像素其实指的显示屏上的黑色像素,反之亦然。

步骤4:IFTTT:连接!

使用Photon和IFTTT制作天气电子墨水屏图4

Photon获取的天气信息来自IFTTT。我之所以这样做,是因为这可节省大量功夫;IFTTT + Photon实际上是一个神奇的组合,其几乎无需设置即可工作。这里不再解释注册账户或将Particle服务连接到IFTTT账户的过程,因为Particle已配备详细的说明文件。

IFTTT的基本流程为:Weather Underground 于每日早晨同一时间向你的Photon发送数据。此过程由两个独立的小程序完成,一个发送高、低温信息,另一个发送其它天气条件信息。

如果没有实现这一点,可将地下气象站服务添加到IFTTT。前者会提出一些问题,以提供更准确的天气信息。

现在,点击按钮,创建一个新的小程序。选择地下气象站作为服务,选择今日天气预报 (Today's Weather Report) 作为触发器。根据自身意愿,设置Particle每日接收天气信息的时间。选择创建触发器,然后为小程序的“那么 (then) ”部分选择Particle。最后选择发布事件。

你的事件应该采用一个独一无二、别人不会使用的名称。如果名称不是唯一,你将会从别人的服务中获取事件。我们将发送这个小程序中的温度信息,所以应包含关于温度的内容。可以是“NewTemperatureInfoUpdate”。

在数据域中,你需要完全使用上图展示的内容,即"{{HighTempFahrenheit}},{{LowTempFahrenheit}}"(不含引号)。若有所偏差,你的Particle将无法处理输入数据。最后,将事件类型改为公开并创建小程序。

截至目前,所有工作只完成了一半。你还要创建传递条件信息的小程序。地下气象站部分的流程完全一样。创建新的小程序,并以同样的方式设置地下气象站服务。在“那个 (that) ”部分再次选择Particle,并选择发布事件。

在事件的数据域中,你需要一字不差地输入以下内容:"{{TodaysCondition}}"(不含引号)。点击创建,IFTTT即设置完毕。

步骤5:应用Particle

使用Photon和IFTTT制作天气电子墨水屏图5

好消息,我已完成正确连接电子墨水屏和Photon所需的一切复杂设置。你只需点击https://go.particle.io/shared_apps/5995bb8f077992ee5d000c79,复制Particle Build应用程序即可。

将此程序复制到你的Particle帐户后,即可执行最终设置。你唯一需要更改的代码为第30、31行。将事件的名称更改为你在IFTTT内部创建的事件名称即大功告成!应用你的Photon,幸运的话,会出现上图中的屏幕。

一到小程序的设置时间,显示屏就会更新正确的天气信息。要缩短更新间隔,你只需创建更多具有相同事件名称的小程序。时钟每分钟都会自动更新。要更改时区,你需要使用协调世界时 (UTC) 偏移量来设置第26行代码。

步骤6:最后想法

你可以任意安装此电子墨水屏。如本教程开头的视频所示,我把Photon粘在了显示屏背面。这样做有一个好处,那就是Photon可充当小支架支撑整个装置!
如有任何疑问,欢迎在下方发表评论。

此项目制作人为Alex Wulff,他是一位天资聪颖的电子工程师。请点击这里查看原帖
来自DFRobot英文网站,转载需私信授权。


pATAq  版主

发表于 2017-9-15 13:34:32

支持一下二美
回复

使用道具 举报

单品蓝山  初级技神

发表于 2017-9-15 21:56:03

既然有这么大的一块屏,能显示未来24小时每个小时的天气变化图肯定非常好,心动了,也想做一个
回复

使用道具 举报

gray6666  初级技神

发表于 2017-9-19 10:04:28

有意思。。。。。。。。。。。。。
回复

使用道具 举报

lauren  高级技师

发表于 2017-9-20 17:15:19

高级货,看着很吊的样子
回复

使用道具 举报

suoma  中级技匠

发表于 2017-10-16 21:50:57

要确保位图图像以正确的格式显示,还需要做一些测试。如果你想要相关教程,请告诉我,我可以制作一个发你
我需要
回复

使用道具 举报

再粗点再大点  学徒

发表于 2018-7-15 13:12:31

这个好,学习了
回复

使用道具 举报

DFrJnCdAk8B  见习技师

发表于 2019-9-6 22:03:26

看着像市场上售卖的样子差不多了
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

为本项目制作心愿单
购买心愿单
心愿单 编辑
[[wsData.name]]

硬件清单

  • [[d.name]]
btnicon
我也要做!
点击进入购买页面
上海智位机器人股份有限公司 沪ICP备09038501号-4

© 2013-2024 Comsenz Inc. Powered by Discuz! X3.4 Licensed

mail