小程序口算天天快练开发记录

656 阅读4分钟

开发背景

家里有个小学一年级的娃,这学期开始学加减法了,老师要求每天要做50至100道20以内口算加减法,做完拍照上传到班级群打卡。才开始买的加减法口算题卡回来做,每次做完,要一题一题检查,检查无误后再拍照上传打卡。后来发现手机自带的APP教育中心里就有口算批改,可拍照自动识别批改,总算解决了每天人工检查批改的问题(第一次当家长没经验啊)。后来和其它家长聊天才知道有很多类似的小程序。也试用了一些小程序,有些要注册登录,有些有广告,还有些收费,用起来总觉得不是太方便,作为一名前端,本着自己动手丰衣足食的精神,决定给娃手撸一个口算练习小程序。

  微信图片_20230422102809.jpg

这是原来手机拍照识别作业

实现功能

说干就干,花了一周时间研究了下微信小程序语法及选择UI框架,确定了小程序的基本功能:

1、题目类型:加法、减法、加减随机混合,连加连减、连加连减混合、带括号填空(这种类型题目有点难度,如:45 + ( ) - 16=56,娃最怕做这种题目)

2、生成题目:要求题目不重复,要有一定比例的进位借位,可自定义题目数量、数的范围

3、答题批改:要求能实时批改,显示错题,错题修改订正

4、生成海报:可生成题目图片便于下载打印线上做,做完生成答题成绩图片上传到班级群

UI选用的是Color UI,觉得比较小巧、漂亮,关于生成海报,长期混迹于掘金,看到过不少优秀的海报生成方案,本着不重复造轮子的原则,选择了Painter,这个功能很强大,我用到的只是最基本的功能,生成海报很方便快速。   微信图片_20230421174301.jpg

小程序开发初衷就是小巧简洁,不用登录注册,没有广告,免费使用,不读取存储任何用户身份信息包括用户头像和昵称(其实因为穷没有自己的服务器),用完即走,所以才开始用一页就实现了全部功能。经过家里娃试用了几天,又加上了错题本功能,因为有些做错的题目老是重复出错,加个错题本可以在生成题目时选择错题优先,重复练习。现在每天娃回家就自己打开小程序练习,做完就自己提交,基本不用家长再帮他了。

微信图片_20230307123920.jpg  

开发心得

开发之前觉得是很小一个功能,开发中才发现其实要想做好,考虑的还真不少。比如题目数量:10以内加减法题目不重复,不能超过50题,20以内、50以内、100以内随机数的分布范围,要尽量在中间。题目类型包括连加、连减和混合加减时随机数的分布,还有带括号的填空题时各个数怎样随机都是需要考虑的。生成的海报要显示学生修订记录,显示位置都逐一测试调整,还是比我最初想像的要复杂些。不管怎样最终还是完成功能并成功发布了,也算是一个学习过程。

微信图片_20230422105536.jpg

这是完成后生成的海报,显示错题和修订记录,可直接分享到班级群

 

题外话

因为公司注册认证过公众号,就用公司信息去注册了这个小程序(审核发布要快些)。这个小程序功能很简单很小儿科(本来就是给小学生用的),任何一个有点编程基础的都可以写出来,在此只是记录一下这个小程序的开发过程。因为这个小程序没有用到服务器、数据库和云存储,除了我这点廉价的劳动力也没有其它成本,所以后续还会根据娃的课程进度和知识点,持续更新完善功能,作为陪伴娃的一个学习小工具。

口算天天快练.jpg