任务要求
博客班级 | https://edu.cnblogs.com/campus/zjcsxy/SE2020 |
需求文档 | https://www.cnblogs.com/qq565037658/p/14008406.html |
姓名 | 蔡晓辰 |
学号 | 31801113 |
院系 | 浙大城市学院计算机系 |
个人任务
设计并开发舒尔特方块和数字匹配小游戏
任务内容
舒尔特方块
游戏描述
舒尔特方格是在一张方形卡片上画上相同的25个方格,格子内任意填写上阿拉伯数字1至25共 25 个数字。测试开始后,要求被测者按 1 ~ 25 的顺序依次指出其位置,记录所用时间。找出25 个数字所用时间越短,注意力水平越高。
难度设计
此游戏只设置5×5方格难度,通过测试时间的长短来判断被测者的最终得分。
评分规则
高年龄段:
等级 | 时间区间 |
A | [0s,45s) |
B | [45s,60s) |
C | [60s,80s) |
D | 80s及以外 |
低年龄段:
等级 | 时间区间 |
A | [0s,55s) |
B | [55s,70s) |
C | [70s,90s) |
D | 90s及以外 |
具体功能及实现
用户进入界面后先进入舒尔特方块的教程演示页面,屏幕正中间的gif不断循环播放教程演示,在完全看懂教程后即可点击下方的“开始测试”进入测试。进入并完成测试后会跳出页面告知被测者的最终成绩并由被测者选择是否再来一次或者进入下一次测试。
小程序原型演示
数字匹配
游戏描述
在同一行中尽快找出两个相同的数字
难度设计
数字匹配一共有三关,三关时间加起来为最终的结果,每关的难度相似,数字都是不同的
评分规则
高年龄段:
等级 | 时间区间 |
A | [0s,60s) |
B | [60s,80s) |
C | [80s,100s) |
D | 100s及以上 |
低年龄段:
等级 | 时间区间 |
A | [0s,70s) |
B | [70s,90s) |
C | [90s,110s) |
D | 110s及以上 |
具体功能及实现
用户进入界面后先进入数字匹配的教程演示页面,屏幕正中间的gif不断循环播放教程演示,在完全看懂教程后即可点击下方的“开始测试”进入测试。进入并完成测试后会跳出页面告知被测者的最终成绩并由被测者选择是否再来一次或者进入下一次测试。由于视频gif过大无法展示在下面。
小程序原型演示
个人小结
在这次的软件工程课程中,我对于小程序有了最基本的了解,对于小程序的制作有了初步的体会。在一开始,小程序对于我来说就是完全陌生的存在,由于我对于css样式和js样式没有最基础的认识,因此对于小程序的入门变得非常困难。在看过了不少网上的资料,体验了不少的demo又询问了一些同学后才勉强写出一些能看的代码。软件工程的课程让我体会到了团队合作的痛苦与艰辛,在实现最终目标的过程中总是会出现或多或少的问题。合作与交流在软件工程中总是占有着非常重要的地位,只有所有人一起努力才能完成最后的成果。在过程中主要踩过的小程序坑有关于图片的布局、使用json保存数组和数组的获得、小程序全局变量的变化、在高延迟情况下倒计时会出现延时情况、小程序云数据库的访问与修改、用户openid的获取、小程序云函数的使用、小程序代码的2M限制、小程序的活动页面最多只能存在五个等等。有些问题我们能找到答案,有些问题我们也许处理得不好,但在这些方面我们都去考虑并实践过,算是一种经验吧。
各项展示链接
墨刀原型链接:https://modao.cc/app/74c14cb6a8ac91d4f3b04ae70346139bc320db1c?simulator_type=device&sticky
小程序源码链接:https://github.com/31801113/ruanjiangongchengxiaochengxu