微信小程序制作
当前位置:网站首页 > 小程序热文 > 在垃圾分类的大背景下校园如何介于微信小程序及系统实现 返回列表

在垃圾分类的大背景下校园如何介于微信小程序及系统实现

作者:admin 时间:2022-04-11 浏览量:267
1研究背景
2019年,住房和城乡建设部等9部门印发《关于在全国地级及以上城市全面开展生活垃圾分类工作的通知》规划,指出从2019年开始全国地级城市及地级以上城市全面启动生活垃圾分类工作,2025年底,全国地级城市及地级以上城市将基本建成生活垃圾分类处理系统。全面推动垃圾分类势在必行。同年,上海的垃圾分类引发了全国人民的极大关注。2019年6月,湖北省十堰市政府办印发《十堰市中心城区生活垃圾分类实施方案》,指出到2020年底,公共机构及相关企业强制分类全覆盖,居民区生活垃圾分类覆盖率达到60%,生活垃圾回收利用率达到35%以上。作为位于十堰市的湖北汽车工业学院科技学院的学生,我们响应政策号召,在高校范围内,对垃圾分类回收问题进行了线上线下问卷调查和访谈。调查显示日常生活中我们对垃圾的分类存在很多的盲区,面对五花八门的垃圾我们通常依靠常识来进行分类,而这种常识存在差异性和遗忘性,并且由于垃圾分类的系统以及基础设施尚不完善,加之部分同学垃圾分类意识薄弱,垃圾分类给同学们带来的一定困难和挑战。高校作为有大量学生聚集的地方,学生数量庞大,其日常生活也会产生大量垃圾,如果妥善处理这些垃圾,垃圾分类的步伐将大大加快。但依目前情况来看,高校垃圾分类处理情况不容乐观。首先,大学生虽然了解垃圾分类的重要性,但还没有真正意识到自己也要参与到进行垃圾分类的生活中去。他们在生活和学习上还没有形成垃圾分类的意识,没有养成丢垃圾前先分类的习惯,嫌麻烦、随大流的情况依然存在。其次,高校落实垃圾分类力度不够,校内垃圾分类基础设施不健全,分类粗糙、垃圾桶数量不够等情况比比皆是,学校对学生垃圾分类宣传教育力度不够,没有激励及监督学生进行垃圾分类。因此,建立校园垃圾分类回收小程序有助于创造更加美好的生活学习环境,培养学生的责任心和环保意识;有利于推动高校的生态文明建设,构建“绿色校园”,提升学校形象;有利于环境的保护,实现绿色化发展。
2系统功能模块设计
本系统以湖北汽车工业学院科技学院为例,通过对高校学生的垃圾分类意识和影响因素的调查,以及现有的垃圾分类模式的分析,建立校园垃圾回收小程序,确定小程序的主要功能与激励措施,设计了四大模块(如图1所示),分别为“垃圾分类菜单”“扫码投放垃圾”“积分与兑换”“个人信息”。
2.1垃圾分类菜单
垃圾分类菜单下设有五个模块,分别为可回收垃圾、有害垃圾、厨余垃圾、其他垃圾。每个模块再次精细化,如有害垃圾包括可充电废电池、废荧光灯管和灯泡、废水银温度计、过期药品、废杀虫剂和消毒剂、废胶片和相纸、废硒鼓墨盒、废油漆和溶剂及其包装物、废矿物油及其包装物等。
2.2扫码投放垃圾
此菜单下分为扫码投放和拍照识别两个模块。扫码投放功能需要配合智能垃圾桶使用,用户通过扫描智能垃圾桶的二维码打开对应智能垃圾桶桶盖,将对应垃圾投放,投放完成用户即获得相应积分。这样指定垃圾便能投放至对应的垃圾桶,使垃圾回收更加方便,提高了资源回收利用率,同时使校园环境更加整洁。拍照识别功能可单独进行使用,用户已经进行分类的垃圾,可直接通过扫描投放菜单,扫描智能垃圾桶的二维码,打开垃圾桶进行投放;未进行垃圾分类的用户,可通过对垃圾拍照识别进行分类后,再投放至相应的垃圾桶。
2.3积分与兑换
用户可通过积分与兑换菜单下的我的积分功能查看自己对应的积分,并且可通过兑换商城界面以适当的积分兑换相应的商品,或者以积分抵消商品部分价格进行购买。用户商城可与校园周边商家联合,提高用户垃圾分类的积极性。
2.4个人信息
个人信息菜单包括基本信息和荣誉称号两方面,基本信息是指用户个人头像、昵称、性别、生日、用户二维码等用户基本信息,荣誉称号则是根据用户垃圾分类投放次数的多少依次称为:青铜回收家、白银回收家、黄金回收家、铂金回收家、钻石回收家、回收王者六个级别,荣誉称号激励用户进行垃圾分类投放。
3系统实现
系统实现通过计算机网络TCP/IP协议、采用云函数方式云调用访问第三方接口、非关系型数据库、微信小程序开发文档等原理。以扫码识别模块为例,为了可以让废弃物可以得到识别,通过拍照识别的方式,首先导入所需要的依赖,为了安全和传输,分别导入分别是md5、网络http等工具。调用本地相机后,页面上会给出相应友好的使用提示,并通过拍照来获取图片的大小,并存储到云存储中,当使用照片的时候,调用云中图片的路径。当调用本地失败或者拍摄的照片不合乎规范时,需进行重拍,从而保证图片的尺寸和质量是合格的。将事先获得的令牌和本地获取的图片作为访问API参数,若参数上带入后,未能正确的识别出废弃物,那么就反馈给用户说AI识别失败,给出可能发生错误的原因。并不是每一次云调用都会得到我们想要的结果,所以我们考虑了假如出现错误的情况下,进行异常捕获,给用户一个良好的使用体验。
4用户操作流程
本项目建立了一个体验版的校园垃圾分类回收小程序,成果界面以绿色为主色调,寓意“绿色生态”(如图2所示),增强用户对垃圾分类回收小程序的具象化感受。在实际的应用场景中,用户操作流程分为三步。第一步:通过小程序搜索“垃圾回收”关键字或朋友分享等方式使用该小程序。当用户点击进入之后,系统自动判断是否已经登录过,并要求获取用户的微信账号信息来登录。我们将把用户信息通过云调用的方式存放在云存储当中。作为绑定用户智能垃圾桶终端的主体,若拒绝使用微信账号登录,则自动退出小程序。第二步:完成登录后,点击“扫码投放”菜单用百度API来识别智能垃圾桶的二维码进行垃圾投放,或者拍照扫描识别垃圾,进行分类,然后投放。这需要在智能终端连接网络情况下进行。第三步,用户可以通过积分与兑换菜单实现兑换商品及校园周边购物。用户通过分类投放垃圾获得相应积分,当积分达到一定数量时,可在商城模块通过积分换购商品。以上是小程序的简易使用概述,具体流程见图3。
5推广方案
5.1线上推广方案
线上推广可以从两个途径进行:一是关键词推广及搜索广告。微信小程序自定义关键词推广功能,进入微信小程序后台进行关联词的选择,然后提交审核一周左右就可以绑定通过审核的关键词。根据用户搜索习惯,小程序结合“智能”“分类”“回收”“绿色发展”“生态”“可持续”等多个关键词,提高用户检索小程序的概率。二是线上关联推广。与学校及学校周边商铺合作,利用商家现有公众号进行线上关联推广。利用自己现有的公众号直接推广小程序,推广的方式主要有:关联展示、在公众号自定义菜单栏设置入口以及在推送文章时,在文章内嵌入小程序卡片。例如,在“汽院在线”公众号菜单栏增设垃圾分类回收的入口按钮,在十堰高校万能墙推送带有小程序链接的文章,自己设立公众号,利用推送与环保有关的优质文章吸引粉丝关注等。
5.2线下推广方案
线下推广方案包括使用海报宣传单和与线下门店合作。一是在校内张贴宣传海报及分发宣传单(内附小程序二维码),与学校垃圾分类回收或者生态环境保护、可持续发展等讲座活动等联合推广,进行相关环境保护意识宣传单的发放,也可进行宣传海报设计,将海报粘贴于教学楼、食堂、宿舍楼、快递站点等人口密集区域,提高海报上小程序二维码的曝光率。二是与校园周边商店超市合作,使小程序的我的积分功能与店铺会员积分实现联动,积分一定程度可参与商铺积分减免或者积分兑换小礼品等活动。商家也可以入驻校园小程序内商城功能,学生可通过商城购买校园周边商品,同时商家帮助我们进行小程序的宣传与推广。
校园垃圾分类回收小程序,是基于微信原生组件开发的,响应国家垃圾分门别类的收集和循环使用,以实现“绿色地球,我们在行动”的口号!通过“智能垃圾分类”小程序,不仅可以实现对垃圾分类处理,而且可以使得商户获得店铺曝光度和人流量,各方互利互惠。到了后期,项目不再局限于做网络平台流量的分发者,我们要做的是网络流量的导向标。引导广大用户关注生态环境保护,增强用户的垃圾分类回收意识,为祖国“绿水青山”助力,为绿色地球村增色。
联系方式:18066528545   029-89298792

阅读过此文章的读者,还阅读过下面的文章

  • 小程序与原生APP那个好?下面我们就来一起了解一下小程序与原生APP那个好。以下是所整理的小程序与原生App的内容,希望对你有所帮助。

    小程序的优点:

    基于微信平台开发,享受微信自带的流量,这个优点最大
    无需安装,只要打开微信就能用,不占手机内存,体验好
    开发周期段,一般最多一个月就可以上线完成
    开发所需的资金少,所需资金是开发原生APP的一半不到
    小程序名称是唯一的,在微信的搜索里权重很高
    容易上手,只要之前有HTML+CSS+JS基础知识,写小程序基本没有大问题
    基本不需要考虑兼容性问题,只要微信可以正常运行的机器,就可以运行小程序
    发布,审核高效,基本上午发布审核,下午就审核通过,升级简单,支持灰度发布
    开发文档完善,社区活跃
    支持插件式开发,一些基本功能可以开发成插件,供多个小程序使用
    小程序的缺点:
    局限性很强(比如页面大小不能超过1M,不能打开超过5个层级的页面,样式单一,小程序的部分组件已经是成型的- 了,样式不能修改,比如幻灯片,导航)只能依赖于微信依托与微信,无法开发后台管理功能
    不利于推广,推广面窄,不能分享朋友圈,只能分享给朋友,附近小程序推广,其中附加小程序也收到微信限制
    后台调试麻烦,因为API接口必须https请求,且公网地址,也就是说后台代码必须发布到远程服务器上;当然我们可以修改host进行dns映射把远程服务器转到本地,或者开启tomcat远程调试;不管怎么说终归调试比较麻烦
    前台测试有诸多坑,最头疼莫过于模拟器与真机显示不一致
    js引用只能使用绝对路径,不能操作DOM
    原生App优点:
    原生的相应速度快
    对于有无网络操作时,譬如离线操作基本选用原生开发
    需要调用系统硬件的功能(摄像头,拨号,短信蓝牙…)
    在无网络或者弱网情况下体验好
    原生App缺点:
    开发周期长,开发成本高,需要下载
  • 小程序和Vue写法的区别?下面我们就来一起了解一下小程序和Vue写法的区别。以下是我所整理的小程序和Vue写法的区别,希望对你有所帮助。

    遍历的时候:

    • 小程序wx:for=“list”,
    • 而Vue是v-for=“item in list”

    调用data模型(赋值)的时候:

    • 小程序:this.data.item // 调用,

    • 小程序:this.setDate({item:1})//赋值

    • Vue:this.item //调用,

    • Vue:this.item=1 //赋值

  • 小程序调用后台接口遇到那些问题?下面我们就来一起了解一下小程序调用后台接口遇到那些问题。以下是所整理的小程序调用后台接口遇到的问题,希望对你有所帮助。

    数据的大小限制,超过范围会直接导致整个小程序崩溃,除非重启小程序

    小程序不可以直接渲染文章内容这类型的html文本,显示需要借助插件
    注:插件渲染会导致页面加载变慢,建议在后台对文章内容的html进行过滤,后台直接处理批量替换p标签div标签为view标签,然后其他的标签让插件来做
  • 分析微信小程序的优劣势?下面我们就来一起简单的了解一下微信小程序的优劣势。下面是所整理的微信小程序的优劣势,希望对你有所帮助。

    优势:

    容易上手,基础组件库比较全,基本不需要考虑兼容问题
    开发文档比较完善,开发社区比较活跃,支持插件式开发
    良好的用户体验,无需下载,通过搜索和扫一扫就可以打开,打开速度快,安卓上可以添加到桌面,与原生APP差不多
    开发成本比APP要低
    为用户提供良好的保障(小程序发布,严格是审查流程)

    劣势:
    限制较多,页面大小不能超过1M,不能打开超过5个层级的页面
    样式单一,部分组件已经是成型的,样式不可修改,例如:幻灯片,导航
    推广面窄,不能分享朋友圈,只能通过分享给朋友,附加小程序推广
    依托与微信,无法开发后台管理功能
    后台调试麻烦,因为api接口必须https请求且公网地址
    真机测试,个别安卓和苹果表现迥异,例如安卓的定位功能加载很慢

  • 简单描述下微信小程序的 相关文件类型。下面我们就来一起了解一下微信小程序的 相关文件类型。以下是所整理的微信小程序的 相关文件类型,希望对你有所帮助。

    wxml 模板文件,是框架设计的一套标签预言,结合基础组件,事件系统,可以构建出页面的结构

    wxss 样式文件,是一套样式语言,用于描述WXML的组件样式
    js脚本逻辑文件。逻辑处理网络请求
    json配置文件,小程序设置,如页面注册,页面标题及tabBar
    app.json 整个小程序的全局配置,包括:
    pages:\[所有页面路径]
    网络设置(网络超时事件)
    页面表现(页面注册)
    window:(背景色,导航样式,默认标题)
    底部tab等
    app.js 监听并处理小程序的生命周期函数,声明全局变量等
    app.wxss 全局配置的样式文件

  • 请谈谈原生开发小程序,wepy,mpvue的对比?下面我们就来一起了解一下原生开发小程序,wepy,mpvue的对比。个人认为,如果是新项目,且没有旧的 h5 项目迁移,则考虑用小程序原生开发,好处是相比于第三方框架,坑少。

    而如果有 老的 h5 项目是 vue 开发 或者 也有 h5 项目也需要小程序开发,则比较适合 wepy 或者 mpvue 来做迁移或者开发,近期看wepy几乎不更新了,所以推荐美团的mpvue。
    而如果如果团队前端强大,自己做一套框架也没问题。

029-86195145 180 6652 8545 西安嘉瑞德网络科技公司
工作时间:周一到周六 8:30-18:30
邮箱:2528823962@qq.com
QQ:2528823962
地址:陕西省西安市未央元朔路明丰伯马都A座10820室
  • 微信小程序制作微信二维码
    扫码咨询
Copyright © 2015 西安嘉瑞德网络科技有限公司 陕ICP备17015187号-1