目标
1.认识徽章板硬件
2.认识徽章板开发环境
3.了解程序语言,第一次编译和下载
实践与探究
步骤一:认识软硬件环境
1.认识徽章板硬件
徽章板是好好搭搭电子徽章是为学生个人量身定制的一款可穿戴智能硬件,徽章板带有11×44LED点阵屏、可显示大部分的中英文字符以及图像,通过图形化编程可轻松实现新闻播报、电子铭牌、教室评价等多种创意表达;坐标、曲线、图像算法……多种玩法等你解锁!此外,徽章板集成了2.4G无线模块,可以实现徽章板之间以及徽章板与Micro.Bit之间的无线通信,图书室、教室、机房……随时随地无线智能打卡,轻松连接智慧校园。扩展板引出2路PWM、2路AD和1路I2C与UART共用通道,这些可扩展接口能够兼容温度、湿度、亮度等市面上常见的Arduino开源硬件传感器,为创意发散提供了无限可能;U盘下载模式,无需安装任务驱动,操作简单更易上手;一次充电就可满足一天活动,真正做到陪伴学生成长,是每一位孩子都应该拥有的编程学习伙伴!
小贴士:点阵屏可同屏显示4个汉字、7个数字、7个字母,当超过时,点阵屏会自动滚动显示。 |
![1564536101268949.png blob.png](/ueditor/php/upload/image/20190823/1566546558150564.png)
徽章板正面
![1564536120767228.png blob.png](/ueditor/php/upload/image/20190731/1564536120767228.png)
![1564536126790707.png blob.png](/ueditor/php/upload/image/20190731/1564536126790707.png)
徽章板侧面
![1564536135634020.png blob.png](/ueditor/php/upload/image/20190731/1564536135634020.png)
徽章板背面
![1564536142991716.png blob.png](/ueditor/php/upload/image/20190731/1564536142991716.png)
徽章扩展板正面
![1564536149932603.png blob.png](/ueditor/php/upload/image/20190731/1564536149932603.png)
徽章扩展板背面
![1569807606133388.png blob.png](/ueditor/php/upload/image/20190930/1569807606133388.png)
徽章板与扩展板连接
小贴士:扩展口可直接与徽章拓展板的连接口相连,再外接传感器,进行创意编程。注意连接时传感器接口在后面,如上图所示连接。 |
2.认识在线编程工具
徽章板可以通过“好好搭搭”网站在线编写、保存程序。具体可以按以下步骤操作:
1.打开浏览器,进入“好好搭搭”网站(haohaodada.com),然后用事先注册好的账号登录。如果没有账号,可以先免费注册再登录。
2.单击网站菜单栏中的“创作”按钮,打开如下图所示的“创作模版”网页。
![1564536158100355.png blob.png](/ueditor/php/upload/image/20190731/1564536158100355.png)
![1564536166826710.png blob.png](/ueditor/php/upload/image/20190731/1564536166826710.png)
3.在“创作模版”网页中找到并单击“徽章”模版缩略图,进入徽章板编程网页。
![1564536174450398.png blob.png](/ueditor/php/upload/image/20190731/1564536174450398.png)
工具栏:可以新建、保存、编译下载程序到设备,还可以查看 最新项目、我的项目“例程项目,还可以将程序保存到本地、从本地打开。
指令区:共有九大类、一百多个指令。
编程区:将左边指令区的指令按一定的逻辑关系组合,拖动到编程区,可以编写出各种各样的程序。
默认指令:每次打开徽章板编程页面,都有两条默认指令,“初始化”指令和“重复执行”指令。“初始化”指令里面的指令在程序运行中只执行一次,“重复执行”指令里面的指令在程序运行时会从上到下重复执行,在进行编程时都要在这两个指令下完成。
代码区:能够根据组合的指令自动生成C语言代码。
步骤二:了解工作状态
1. 运行模式:拨动开关拨到ON挡,红色电源指示灯亮,开机运行。
![1564536180691956.png blob.png](/ueditor/php/upload/image/20190731/1564536180691956.png)
2.充电模式:连接USB数据线至计算机USB口或充电器,拨动开关拨到ON挡,开始充电,充电指示灯亮红色,充满变蓝色。
![1564536186538332.png blob.png](/ueditor/php/upload/image/20190731/1564536186538332.png)
充电中
![1564536192247498.png blob.png](/ueditor/php/upload/image/20190731/1564536192247498.png)
充满
3. 下载模式:
拨动开关拨到OFF挡,连接USB数据线至计算机USB口,进入U盘下载模式。按一下复位按键,可再次进入U盘下载模式。电脑资源管理器会自动跳出“haohaodada”u盘。
![1564536197932595.png blob.png](/ueditor/php/upload/image/20190731/1564536197932595.png)
![1564536202937316.png blob.png](/ueditor/php/upload/image/20190731/1564536202937316.png)
4.将编号的程序下载到“haohaodada”U盘中,下载成功后,资源管理器中“haohaodada”U盘会自动消失。如果要下载新的程序可以直接按下复位键,电脑就会又一次跳出U盘,可以再继续下载程序。
小贴士:只有在开机状态才能充电;U盘下载程序时一定要处于关机模式! |
步骤三:编译下载
1.连接徽章板到电脑
将徽章板开关拨到OFF关机,用 USB 数据线将徽章板连接到电脑 USB 接口。打开在线平台。
2.编译下载程序
以“例程”中的“***”程序为例,介绍具体的操作步骤:
单击徽章板在线编程网页上方 “例程”按钮,在打开的网页中找到并单击“****”程序缩略图,打开这个范例程序。单击“工具栏”中的“下载到设备”按钮,打开如下图所示的提示对话框:
![1564536209430608.png blob.png](/ueditor/php/upload/image/20190731/1564536209430608.png)
按下徽章板的“复位键”,单击“确定”按钮,跳出下载路径选择框,选择路径为“haohaodada”u盘路径,确定并下载。(也可以直接下载至“桌面”,然后复制进“haohaodada”u盘中。)当下载成功(复制完成)后,徽章板会直接执行相应的程序。(不同浏览器路径选择详见阅读材料)
![1564536216457666.png blob.png](/ueditor/php/upload/image/20190731/1564536216457666.png)
![1564536222260951.png blob.png](/ueditor/php/upload/image/20190731/1564536222260951.png)
小贴士:每次下载程序,都需要按下“复位键”。下载的程序修改名称并保存在自己的账户中,下次打开下载后可以直接使用!拨掉usb线后,将开关拨到上方开机,徽章板会执行刚才的程序。 |
试一试:修改“***”例程中的程序,你还能做出什么?
知识园地 由于徽章板编程底层语言是C语言,更加的严谨,在编写程序时,不需要的指令删除或禁用,否则会出现编译失败。 |
拓展与思考
徽章板内置了无线装置,是否可以无线通讯呢?
阅读材料
电脑中的路径就是指到达某个文件位置需要经过的途径。不同的浏览器,在下载时,路径的选择过程有一定的差异,但最终程序都要下载到“haohaodada”U盘中,程序才能在徽章板中运行。具体路径选择如下:
1.360安全浏览器下载路径选择
(1)在浏览器右上角
的设置中检查是否跳出“360安全浏览器下载窗口”。
![1564536318252024.png blob.png](/ueditor/php/upload/image/20190731/1564536318252024.png)
(2)下载编译后,在跳出的“新建下载任务”对话框中检查“下载到”后面是否为“haohaodada”U盘,如果是就单击“下载”即可;如果不是需要修改路径,单击“浏览”,进行下面的步骤。
![1564536324414035.png blob.png](/ueditor/php/upload/image/20190731/1564536324414035.png)
(3)在跳出的“浏览文件夹”对话框中,找到“haohaodada”U盘并选择,此时下面的文件夹会变成“haohaodada”盘。单击确定。
![1564536331415021.png blob.png](/ueditor/php/upload/image/20190731/1564536331415021.png)
(4)此时“新建下载任务”对话框的路径就变成了对应的“haohaodada”这个盘,单击下载即可。
![1564536337775482.png blob.png](/ueditor/php/upload/image/20190731/1564536337775482.png)
2.好好搭搭平台下载的“Chrome浏览器”
设置默认下载路径为“haohaodada”U盘
(1)在浏览器右上角
的设置-显示高级设置-下载内容中检查是否跳出“路径选择窗口”。
![1564536345903705.png blob.png](/ueditor/php/upload/image/20190731/1564536345903705.png)
![1564536357527682.png blob.png](/ueditor/php/upload/image/20190731/1564536357527682.png)
(2)下载编译后,在跳出的“另存为”对话框检查此时选择的是否为“haohaodada”U盘,如果不是,找到“haohaodada”U盘并选择,然后保存
![1564536364925605.png blob.png](/ueditor/php/upload/image/20190731/1564536364925605.png)
![1564536370455363.png blob.png](/ueditor/php/upload/image/20190731/1564536370455363.png)
(3)保存后左下角会出现下载任务,下载成功后徽章板会运行程序。
![1564536376914478.png blob.png](/ueditor/php/upload/image/20190731/1564536376914478.png)
3.搜狐浏览器
(1)在浏览器的右上角
找到管理并打开,在打开的界面中找到下载,检查“每次下载前询问文件的保存位置”是否被勾选,如若未被勾选,进行勾选操作。
![1564536383675886.png blob.png](/ueditor/php/upload/image/20190731/1564536383675886.png)
(2)下载编译后,在跳出的“搜狗高速下载”对话框中检查“下载到”后面是否为“haohaodada”U盘,如果是直接单击“下载”,如果不是需要修改路径,单击“浏览”进行下面的步骤。
![1564536526852010.png blob.png](/ueditor/php/upload/image/20190731/1564536526852010.png)
(3)在跳出的“另存为”对话框中,单击这台电脑,找到“haohaodada”U盘,并双击,然后单击“保存”。
![1564536538862495.png blob.png](/ueditor/php/upload/image/20190731/1564536538862495.png)
(4)此时“搜狗高速浏览器”对话框中的“下载到”就变成了指定的U盘中,单击“下载”即可。
![1564536545834560.png blob.png](/ueditor/php/upload/image/20190731/1564536545834560.png)
(5)在跳出的“下载管理器“中可以看到下载进度,下载成功后,徽章板会运行程序。
![1564536551581320.png blob.png](/ueditor/php/upload/image/20190731/1564536551581320.png)
4.QQ浏览器
(1)在浏览器的右上角
找到“设置”并打开,在打开的界面找到“下载管理”,检查“开启静默下载 “是否被勾选,如若被勾选,取消勾选。
![1564536557787366.png blob.png](/ueditor/php/upload/image/20190731/1564536557787366.png)
(2)下载编译,在弹出的“新建任务”窗口中,检查“保存到”后面是否为“haohaodada”U盘,如果不是,要进行更改路径操作,单击”新建任务“对话窗的
。
![1564536564102818.png blob.png](/ueditor/php/upload/image/20190731/1564536564102818.png)
(3)在弹出的“浏览文件夹”窗口中找到“haohaodada”U盘,选中后单击“确定”。
![1564536571771485.png blob.png](/ueditor/php/upload/image/20190731/1564536571771485.png)
(4) 此时“新建下载任务”对话框中的“保存到”就变成了指定的U盘中,单击“下载”即可。
![1564536586303603.png blob.png](/ueditor/php/upload/image/20190731/1564536586303603.png)
(5) 在跳出的“下载管理器”中可以看到下载进度,下载成功后,徽章板会运行程序。
![1564536598434781.png blob.png](/ueditor/php/upload/image/20190731/1564536598434781.png)