#小程序云开发挑战赛#-AI物以类聚-云分类 - WXOPEN Club

1、产品定位

1.1前言

自2019年7月1日上海颁布垃圾分类法规后，垃圾分类一下子进入了我们的视野，最热门的话题也非垃圾分类莫属了，那么垃圾分类为什么在这样一个时间点上升到风口浪尖，相遇小程序的出现能带来什么？

一、垃圾分类是国家乃至世界都在极力推动的事，我国每天产生的各类垃圾已经超出了原来预期，各个城市周边已经被垃圾包围，因而垃圾分类不单是上海，未来国内各市的垃圾分类会陆续出台。

二、垃圾分类是用户的日常行为，几乎产生的垃圾都需要进行垃圾分类，而小程序是最适合人们垃圾分类时使用的工具。垃圾分类的小程序可以帮助用户了解垃圾分类知识，同时用户在某个垃圾不确定怎么分时，可在小程序中进行搜索查询。但是现有上线的小程序对一些垃圾拍照识别会产生分歧，垃圾分类的准确性很重要，因而小程序需要在这一块做得更好。

三、小程序用完即走，同时小程序依托在大流量平台上，客户无需重新安装下载，用户体验好。

四、小程序可根据区域定制开发。每个城市的垃圾分类条例可能都不一样，因而本地化服务垃圾分类小程序是用户使用比搜索引擎更方便的工具。

对于个人而言，虽然垃圾分类是小事，但把垃圾分好，在标准制定和立法上把垃圾分类做到规范，从而产生的巨大环保和资源收益看来，垃圾分类又是利国利民的大事。天下大事，必作于细，利国利民，从我做起。全社会共同参与，在实践中化解分类难题，才是垃圾分类的必由之路。

1.2应用场景

目前生活中关于垃圾分类的方法大致分为四种：小猪分类法、口诀分类法、大妈分类法、工具分类法。而工具分类法是结合以上三种方法的一种靠谱、方便的垃圾分类工具，也是我们目前最好的分类方法。因此我们团队结合AI识别技术和最新垃圾分类规定，进行关于垃圾分类的微信小程序应用开发，旨在让用户通过微信小程序得到便捷、准确的垃圾分类帮助，切实解决垃圾分类带来的知识盲区，省事省心涨知识。

1.3目标用户

现在全国人民的当务之急就是赶紧补课，了解如何进行垃圾分类，否则罚款要被罚到怀疑人生。AI物以类聚小程序开发能让用户快速了解什么是干垃圾、湿垃圾以及可回收垃圾，不用自己百度分类了。让垃圾分类变得不再困难，也能更好的保护地球。

1.4展望未来

基于人工智能和大数据，提供垃圾分类即时识别功能和分类查询功能，正确分类垃圾，提供废品回收服务，助力环保事业，建造绿色文明城市！

2、交互设计

2.1项目架构

2.2页面设计

主题色主要使用的是绿色，使得小程序的配色和垃圾分类相关搭配规范统一，使用ColorUI组件库，一个CSS类的UI组件库注重视觉交互，具有强烈的且明确的存在感，页面美观舒服旨在微信生态体系内，建立友好、高效、一致的用户体验，同时最大程度适应和支持不同需求。

2.3功能介绍

物以类聚垃圾分类小程序其中最关键的点就是帮助用户拿出手便能快速查找物品所属垃圾类别，目前实现如下几个功能：

文字搜索：根据文本搜索垃圾所属分类

拍照识别：根据手机现场拍摄或者相册图片提取后，可识别得出物品所属垃圾类别

AI智能机器人：可在对话框内输入关键字词，机器人将自动回复物品所属垃圾类别

垃圾分类基础数据：所属类别可以通过所列出的物品名称、图片自行索引

垃圾分类测试：如果对自己的垃圾分类非常有信心，用户也可以用小测验的方法来查看自己的实力，通过测试来加深自己对不同类别垃圾的了解，—举两得。通过10题的问答测出分数并给予正确答案，检验用户对垃圾分类的认识程度。

2.4效果截图

首先点击logo进入小程序主页，分为上中下三个板块。上方为封面图、中间为导航区（展现小程序的四个主要功能和基本功能，并加上3个滚动播放的故事性动态图）下方为菜单（分为“主页”、“图文展”、“我的”）。

进入“我的”页面-点击授权-绑定微信相关信息。

回到主页部分，如果用户对与垃圾分类知识一无所知，可直接使用智能机器人问答方式，输入物品名称关键词，系统将自动回复所属类别。或者可使用“拍照识别”功能，现场拍摄或图片上传的形式进行搜索，上传完成后确认物品，选择所需信息，最终得到相关投放意见。

如果用户对于垃圾分类标准不够清晰，可根据以下4个大致方向选择垃圾类别（厨余垃圾、可回收垃圾、其他垃圾、有害垃圾）进入细分类中搜索确认。例如厨余垃圾，可在所呈现的图文中找寻对应物品，也可通过上方搜索栏搜索，从结果中确认物品是否属于该类别。如若不能判断物品大致方向，还可进入图文展中进行浏览查阅，也可直接通过上方搜索框输入名称，进行系统大搜索，找到对应文字、图片点击选择即可得到准确的分类信息。

最后，我们的小程序设有分类测试项，通过10道选择题的测试后，最终给出得分和标准答案，不论是作为知识的获取还是娱乐学习都可进行一试，还可以转发给朋友参与其中。同时在“我的”页面中可查看“测试成绩”的历史记录，看看自己对于垃圾分类知识是否有进步。在“更新历史”中用户也可以关注到我们小程序的更新情况，陪伴我们小程序进步、强大的过程。

2.5功能代码展示

小程序端主要前端技术，结合小程序云开发、腾讯云人工智能图像分析和腾讯智能对话平台能力。

展示模块：使用wx.cloud.database()来获取数据库中的垃圾分类信息，而page页面限制一次最多只能获取20条记录，并且页面一次渲染多条数据严重影响性能。采用分页的方式实现垃圾分类信息的展示。主要代码片段如下：

搜索模块：使用正则查询达到显示含有关键字的数据。主要代码片段如下：

拍照识别模块：利用腾讯云人工智能图像标签实现，图像标签利用深度学习技术、海量训练数据，可以对图片进行智能分类、物体识别等。目前支持8个大类、六十多个子类、数千个标签。涵盖各种日常场景、动植物、物品、美食、卡证等。考虑到图像标签api对图片大小的限制和响应时间，利用canvas来实现，将图片绘制到canvas上，然后canvas转图片时，微信提供的一个方法wx.canvasToTempFilePath(Object object, Object this)，此方式可以指定生成图片的质量。并将识别后的结果显示到原来隐藏的view中，主要代码片段如下：