内容字号:默认大号超大号

段落设置:段首缩进取消段首缩进

字体设置:切换到微软雅黑切换到宋体

主页 > CDN >

分布式数据库_深圳手机网站建设_好用

2021-07-22 08:11 出处:欧普曼云计算 人气: 评论(0

本博客将向您展示如何在SAP Analytics Cloud(SAC)中创建Google Gauge自定义小部件,物联网展,以及如何与RGB LED接口以实现交互式可视化。这也是一个概念验证的想法,你可以互动你的SAC应用程序与物联网世界的实时!。

有两个主要组件,如下图所示。第一个是带有自定义小部件的SAP分析云分析应用程序。第二个是将驱动RGB LED的"接收器"。此应用程序使用一个名为PubNub的服务来处理SAP Analytics Cloud custom widget和接收器之间通过互联网传输的仪表值。

设置SAP Analytics Cloud custom widget和接收器之间的连接。

如上所述,我们使用一个名为PubNub的服务。去注册一个免费的PubNub帐户,企业应用开发,并获得您自己的订阅和发布密钥。

创建Google Gauge自定义小部件

我们将从中创建一个简单的Google Gaugehttps://developers.google.com/chart/interactive/docs/gallery/gauge。

我们将创建以下文件夹结构中列出的一些文件。文件pubnub.4.21.7。最小js可从下载https://cdn.pubnub.com/sdk/javascript/pubnub.4.21.7.min.js。

方框.json

这里我们定义了主程序的web组件(方框.js)和一个生成器面板(框_bps.js公司).

仪表具有如下特性。我们可以在生成器面板中设置每个属性。

我们还定义了方法:setValue,设置仪表值和getValue,获取仪表值。

方框.js

在onCustomWidgetAfterUpdate()上,我们将获得属性列表(即,淘客家园,。值、标题、副标题、最小值和最大值)方框.json.

如果是第一次加载web组件实例,则创建html div chart\u div来放置gauge chart,并将所有变量保存在数组Ar中以备以后使用。最后加载PubNub和Google chart JavaScript并绘制标尺。

如果已经加载了web组件实例,则获取属性值并绘制标尺。

在drawChart()函数上,如果第一次加载,则定义PubNub连接参数、Google标尺选项和图表初始化。我们还可以将PubNub连接参数和googlegauge选项放在Builder面板中。但是对于这种情况,物联网工程,为了简单起见,我们只是对它进行硬编码。

否则,我们只是将仪表值发送到PubNub通道并更新仪表。

框_bps.js公司

我们定义谷歌仪表属性(即,。HTML表中的title、sub title、gauge minimum和maximum value).

我们在submit按钮中添加了一个事件监听器来保存用户在Builder面板中输入的属性值,最后我们为每个属性实现getter和setters。

最后,您需要将应用程序托管在web服务器上并将其添加到SAC。

配置并运行接收器

对于接收器,我们可以使用Raspberry Pi之类的平台来驱动RGB LED。但对于这个案子,我用的是BBC微型:钻头组件我还没有树莓皮。我将不讨论如何创建接收器,因为它与SAP无关。但是如果你真的想知道更多,请告诉我。

你需要注意的一件事是更新中的发布和订阅密钥发光二极管.html如下所示。您还可以看到,我放置了一个逻辑来驱动LED,并根据从PubNub收到的值更改LED颜色。

一旦您更新了,淘客app系统,上传固件微比特示例-组合六角上微型:钻头和将RGB LED连接到微型:钻头组件如下图所示。

现在在您的计算机上设置一个web服务器来承载发光二极管.html并启用蓝牙(在本例中为web蓝牙)。切换"连接"按钮并选择微型:钻头和你准备好了。

分享给小伙伴们:
本文标签: 分布式数据库深圳手机网站建设好用

相关文章

评论

发表评论愿您的每句评论,都能给大家的生活添色彩,带来共鸣,带来思索,带来快乐。

签名: 验证码: 点击我更换图片

评论列表