查看: 5024|回复: 7

[项目] 【2020】一起为武汉加油!

[复制链接]
【2020】一起为武汉加油!

新型冠状病毒感染的肺炎疫情,引发广泛关注。从中央到地方,从一线奋战的医护人员到广大人民群众,以战胜疫情为共同目标,形成强大的防控合力,众志成城,坚决遏制疫情蔓延势头。
1.jpeg 4.jpeg
2020一个特殊的春节,不串门不聚会,但我们的心在一起,我们众志成城,一起为武汉加油!让我们打开手机,扫描下方二维码,一起为武汉加油!
jiayou.jpg
一、材料清单
       ·掌控板     x1
二、思路
       手机扫描二维码,进入留言网站,发送为武汉祝福语,到MQTT服务器,最后在掌控板中显示。当掌控板收到消息时,板载3颗LED灯闪烁,并播放"so"音调。
6.jpg
三、成果展示 (可以用手机扫视频中的二维码,一起互动,为武汉加油)


四、前方高能预警高能1,个性化页面制作
这个用户操作的界面,也是基于siot原有代码上修改的,力求精简。下面主要分析自定义页面关键点。
///使用jquery中的get方法获取最新消息,经过解析处理后,在msgShow中显示消息,显示消息是滚动的,并且速度是随机的。
[JavaScript] 纯文本查看 复制代码
 $.get("http://222.84.254.153:1884/messages?topic=DFRobot/zhufu&iname=siot&ipwd=dfrobot&pnum=&psize=200",function(recalldata){
                                var msgArr = recalldata.data;
                                $.each(msgArr,function(i,n){                                
                                                $("#msgShow").prepend("<marquee direction='left' scrollamount="+randomNum(4,15)+">"+n.Content+"</marquee>");                                                 
                                });
                        });

///定义随机函数,作为滚动的随机速度
[JavaScript] 纯文本查看 复制代码
        
 function randomNum(minNum,maxNum){ 
                    switch(arguments.length){ 
                        case 1: 
                            return parseInt(Math.random()*minNum+1,10); 
                        break; 
                        case 2: 
                            return parseInt(Math.random()*(maxNum-minNum+1)+minNum,10); 
                        break; 
                            default: 
                                return 0; 
                            break; 
                    } 
                }

///当发送按钮被点击时,获取输入框文本内容,然后通过$.get()函数提交到siot服务器。清空输入框内容,在消息显示区域显示最新添加的记录。
[JavaScript] 纯文本查看 复制代码
        
 $('#send').click(function(){
                                var msg = $('#msg').val();
                                if(msg =='')
                                        msg = '一起为武汉加油!';
                                $.get("http://222.84.254.153:1884/publish?topic=DFRobot/zhufu&msg="+msg+"&iname=siot&ipwd=dfrobot");
                                $('#msg').val("");

                                $.get("http://222.84.254.153:1884/lastmessage?topic=DFRobot/zhufu&iname=siot&ipwd=dfrobot",function(recalldata){
                                        var msgArr = recalldata.data;
                                                $("#msgShow").prepend("<marquee direction='left' scrollamount="+randomNum(4,15)+">"+msgArr[0].Content+"</marquee>");                                                 
                                });
                        });

高能2,天翼云主机配置
这个项目为了能让更多的人参与进来,一起为武汉加油,使用天翼云主机,所以我是在天翼云主机上搭建siot服务器。云主机不同于本地局域网,有着一大堆的规则制约。经过一系列的摸索,才能成功运行。
(1)登陆天翼云主机平台https://www.ctyun.cn/home/ ,进入控制中心,找到自己的弹性云主机。
202001308852..png
(2)在访问控制-->安全组中,找到自己主机关联的安全组,选择“配置规则”
202001308151..png
(3)选择“入方向规则”,点击“添加规则”
202001305568..png
(4)添加siot中MQTT必须使用的1883端口。端口说明请查看官方文档 https://siot.readthedocs.io/zh_CN/latest/advanced/01_safe.html
202001305375..png
(5)siot服务器,网站管理后台默认使用8080端口,但是天翼云中开放此端口必须申请备案,所以我重新配置了web管理端口为1884,参考官方文档 https://siot.readthedocs.io/zh_C ... ed/01_safe.html#web
    因此,还需要按照第(4)步的方法,开放1884端口。开放的两个端口,如下图:
202001315394..png
高能3,掌控板长文本多行显示
考虑到用户留言内容长短不一,结合掌控板128*64屏幕大小的特点,设计留言内容自动换行显示。参考:掌控版变身为“阅读器”(一)换行显示 https://mc.dfrobot.com.cn/thread-300345-1-1.html
202001314490..png

当掌控板收到消息时,执行的操作展示
202001315822..png
一起下载附件中的代码,刷进掌控板,我们一起为武汉加油!
3.jpg
加油,武汉,我们在一起。







一起为武汉加油.zip

8.75 MB, 下载次数: 463

rzyzzxw  版主

发表于 2020-1-31 09:01:47

卢老师太棒了。
回复

使用道具 举报

kylinpoet  中级技匠

发表于 2020-1-31 11:08:00

卢老师,能不能把放在 云主机的文件也发下?
回复

使用道具 举报

luyi  初级技匠
 楼主|

发表于 2020-1-31 11:49:17

kylinpoet 发表于 2020-1-31 11:08
卢老师,能不能把放在 云主机的文件也发下?

好的,一会放到打包放到附件里
回复

使用道具 举报

luyi  初级技匠
 楼主|

发表于 2020-1-31 11:56:23

kylinpoet 发表于 2020-1-31 11:08
卢老师,能不能把放在 云主机的文件也发下?

现已更新附件,所有程序都放在附件里了
回复

使用道具 举报

rzegkly  版主

发表于 2020-1-31 19:45:19

好文章,学习
回复

使用道具 举报

且歌且行  中级技师

发表于 2020-2-15 20:07:29

又是一个没见过的宝~~老师们的宝藏太多了~
回复

使用道具 举报

kylinpoet  中级技匠

发表于 2020-2-18 05:19:46

楼主强大,多谢分享。
回复

使用道具 举报

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

本版积分规则

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

硬件清单

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

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

mail