快速开始之二、用物联网浏览器构建应用场景.PDF

快速开始之二、用物联网浏览器构建应用场景 上篇内容实现了本地的采集和控制，实现的工具仅仅是用的“串口助手”，当然这个工 具对调试非常有帮助，但这明显是给“工程师”用的软件，不是给“客户”用的。如果你 敢让你的客户为了看一个电灯是亮的还是灭的，到一堆数据里找一个 0 还是 1，你的老板会 非常贴心地给你放一个长长的假期… … 本文主要介绍如何通过物联网浏览器 （FIT Exploer 软件），构建应用场景，并在本地“可 视化”地监控数据，并发送指令。 先互相认识下吧，到 /thread-4370-1-1.html 这里把它下载下来，和普 通 windows 软件一样安装，然后打开。一个简单得像张白纸一样的界面出现在你面前： 没错，它就是一张白纸，却可以画出你想得到的所有东西，而且它可以“动”，动的不 但是界面的图片，关键是那些动画下面所连接的是真实的世界，它能告诉你今天风力几级， 海水温度多少；你也能通过它来打开家里的空调，为你的宠物喂水… … 这就是 IoT Explorer 和我们常用的 Internet Explorer 的区别，我们已经把它实现了，并 且免费供大家使用，接下来我们能做的，只是做一些 Demo ，然后告诉您怎么用。但您的想 像力才是它的灵魂，有好的作品，一定记得和我们分享! 好了，继续我们原来的工作，把我们的电灯装上来！ 在开始这个工作之前，要做一个准备工作，就像一个画家要画一幅画，第一步是要构 思，就是先想象一下，理想中的场景是怎样的？作为一个最简单的例子，我们想象有个屋 1 子，客厅里放着一盏电灯，电灯旁边一个开关，当点击开关时，zigbee 节点所控制的电灯动 作，并且将结果反馈回控制界面，通过亮、灭两张不同的图片来表示。 按照这个构思，我们先选好素材： 1、背景（智能家居.jpg） 2 、电灯（开灯.png/关灯.png） 3、开关按钮（按钮开.png/按钮关.png） 准备工作基本就绪了，但是在 FIT Explorer 中到底是如果将这些元素组合成一个场景的 呢？这要借助于 xml 语言，请看下面一段简单的例子： 2 ?xml version=1.0 encoding=GB2312? Title Name= 我 家 的 远 程 电 灯 Background=NULL ComPort=COM3 ComBandrate=38400 NetPort=8090 AddressMode=2 DataValidTime=20 ConnectType=0 UptoFbCloud=0 GetCTLFbCloud=0 AreaCNT=1 SensorCNT=0 Area0 AreaAttrib AreaName=我的家 Background=pic\智能家居.jpg NodeCNT=0 / /Area0 /Title Title开始，/Title结束，Area0开始，/Area0结束，看过 html 代码的朋友，可 能会觉得有点亲切。至于 xml 语言是什么，怎么写，这里不去深究，有兴趣的朋友可以专 门了解下。我们只要知道我们想改的东西在哪里就可以了。 把上面一段代码复制到记事本，保存成“我家的远程电灯.xml”的文件（记得不是“我 家的远程电灯.xml.txt”哦），然后在这个 xml 文件所在的目录下建立新的文件夹，命名为 “pic ”，并将前面的所有图片都复制到这个文件夹下。 此时打开 FIT Explorer 软件，点击 ，选择刚刚建立的“我家的远程电灯.xml”文件， 看看“白纸”上是不是已经有些变化了？ 看到这里，是不是就知道前面 xml 代码中的红色字体内容，分别是做什么的了？ 但是电灯、开关在哪里呢？不用着急，听我一一道来。在前一节的内容中，我们已经 通过“串口助手”看到过传感器数据，紧接着，我们就要把这个数据以可视化的方式，放 到“物联网浏览器”里来：