【腾讯云AI小程序大赛】华南理工大学作品《AED心灵卫士》

2020-01-15 11:12:23 浏览数 (1)

本文由华南理工大学李隆耿同学撰写并授权同意发表于云加社区。

前言

在2019年12月7日的第二届腾讯云AI 小程序创意应用赛决赛中,四个华南理工大学的学生组成的队伍——敏捷开发队通过作品《AED心灵卫士》获得了决赛第二名的好成绩。正如队伍的名字,这个作品的的确确是“敏捷开发”。这个AI小程序作品的二维码如下:

这四个接触小程序开发不久的同学,在接受了来自腾讯的AI产品培训课程后,11月27日有了idea并决定报名比赛,并从报名之日起开始动手开发,直到12月7日决赛上获奖,恰好是十天左右。加上作为大三学生,各有各的课业压力,几乎是抽出了休息时间进行开发。所以能够在短暂的这段时间里完成这个作品,离不开功能丰富且强大的腾讯云AI和便捷的小程序开发框架。本文我们会分享一些我们自认为有用的开发经验,希望能够为你带来帮助。

AI能力的选择

最初在确定了《AED心灵卫士》的主题之后,我们一度寻找不到好的切入点去使用AI能力。如果是初次接触腾讯云AI能力,或许很难找到灵感。但我们经历过小程序系列课,课上课下都熟悉过不少能力。所以卡壳了一会儿之后就想到了生成救护员证这一个功能,可以用上人脸监测与分析的AI能力。

除此之外,我们在之后的改版中为游戏教程增加了旁白语音,用到了语音合成的AI能力;以及在上传图片时增加了对图片是否存在黄色暴力内容的检测,用到了图片鉴黄的AI能力。

上述的AI能力看起来似乎和我们的主题没有很大的关系,但植入之后却显得很接地气,得到了很多同学的肯定,这说明AI能力的选择和主题并不一定有很大的关联,重要的还是敢于尝试并积累经验。我们组在选择AI能力时的一个小tip,是直接在腾讯云的API中心看一遍文档,提取出我们觉得可以用到的AI能力,然后进行构思和尝试。

在了解到自己想要的接口后,只需要在API Explorer中生成调用代码,设置好输入输出,就可以塞进云函数里进行调用了,像我们队伍就是直接获取到Node.js代码,不得不说这大大减轻了我们的工作量。

有这一系列便捷的文档和开发工具的帮助,实践一个API是可以非常快速的。同时,通过反复实践中对AI能力的积累,相信在之后对产品的构思中,就能够不断冒出新点子。

开发过程中的经验

我们小队其实都是刚刚上手小程序不久,更别说熟悉云开发了,所以也很震撼于云开发这样一个全栈开发模式。这种模式让设计者只需要完成业务逻辑,结合一点点Node.js代码,就能独立开发出服务稳定、性能卓越和具备一定安全性的小程序。

作为一款可能会被用于紧急场合的急救应用,在开发过程中我们首先关注的是服务的稳定和响应的快速。特别是关注小程序的异步执行,我们出的很多bug都是集中在这上面。我们解决这一问题的方法是封装好Promise代码,同时也能够增强代码的可读性和可维护性。

在构筑好小程序的所有业务代码后,我们才对UI进行美化,并采用统一的尺度,比如说适应手机屏幕的一个rpx宽度单位。

在宽度上可以使用rpx,而高度上最好还是使用px或者直接自适应,保证在不同类型的手机屏幕上都能够适配得很好。

应用色调的选择也是一个值得关注的点,我们在后期对所有页面进行了色调的统一,并结合我们的应用主题(心灵卫士)选择了一个比较粉嫩的颜色,看起来比较温馨。同时页面布局也力求简单干净,减轻用户的记忆负担,能够在使用过一轮后清晰地回忆起我们小程序能够提供的服务。

其实总的来说,就是开发过程中要站在用户使用的角度进行思考,稳定的服务、快速的响应和干净的布局,最后都是为了能让用户有良好的体验。作为一款为爱发电的小程序,我们觉得在这些方面做得还是令人满意的。

0 人点赞