需求分析和原型设计（灵机一栋）

lingjiyi_dong 2021-11-06 23:52:42

2021秋软工实践 Lab7需求分析与原型设计

作业所属课程	构建之法-2021秋-福州大学软件工程
作业要求	第七次作业 - 需求分析与原型设计
作业的目标	项目选题和团队介绍
团队名称	灵机一栋
团队成员学号	031902226、031902119、031902631、031902227、031902244、031902234、031902218、031902140、171909060

设计文档链接

【腾讯文档】需求分析与原型设计1.0

【腾讯文档】需求分析与原型设计2.0

【腾讯文档】需求分析与原型设计3.0（最终版）

原型展示链接

前台小程序端

后台管理员端

PSP

PSP 2.1	Personal Software Process Stages	预估耗时（分钟）	实际耗时（分钟）
Planning	计划	100	120
Estimate	估计这个任务需要多少时间	10	10
Development	开发	-	-
Analysis	需求分析 (包括学习新技术)	400	450
Design Spec	生成设计文档	300	270
Design Review	设计复审	60	40
Coding Standard	代码规范 (为目前的开发制定合适的规范)	20	30
Design	具体设计	480	500
Coding	具体编码	-	-
Code Review	代码复审	-	-
Test	测试（自我测试，修改代码，提交修改）	-	-
Reporting	报告	30	30
Test Report	测试报告	10	10
Size Measurement	计算工作量	10	10
Postmortem & Process Improvement Plan	事后总结, 并提出过程改进计划	60	60
合计		1480	1530

项目简介

项目背景

在如今科技飞速发展的时代，智能设备越来越走进我们生活的方方面面，而编程是操作/开发这些设备的基本需要。所以编程能力日益成为如今社会中求职的加分项，越来越多的人开始接触学习编程，市面上如今对于学习编程的资源层出不穷。但是现有的编程学习教学平台存在内容良莠不齐，且对学习编程的小白不够友好，具体体现在如下几点：

教学内容品质较差，却利用信息差向用户进行收费
缺乏交互式的学习体验，一味的向用户灌输知识而缺乏培养用户的动手能力
编程小白通常在环境配置上遇到困难，极大的降低对编程的学习积极性
在学习完教程之后，没有为用户提供下一步的学习计划或实战项目
用户开始学习编程初期，没有培养正确的编程规范和算法思想

需求分析

基于上述项目背景，在这样的时代背景下，我们分析了如下的需求：

针对教程内容品质，我们需要为用户提供优质的教学内容
针对培养用户动手能力的需要，我们需要提供练习题目，供用户进行练习、
针对编程小白困难遇到的环境配置困难以及随时实现想法的需要，我们需要设计实现满足短代码的实时运行
针对已经学习完教程的用户的下一步规划，我们需要向用户推荐一些入门实战项目，为用户入门编程铺平道路
针对培养用户的编程规范和算法思想，我们需要设计为用户提供正确的编代码供参考

针对管理员部分，我们需要对小程序提供的教程、题目进行动态管理，同时需要对用户进行管理，同时完成用户上传资料的审核。

功能设计

基于以上需求分析，我们设计了以提供教程、题目、在线编程、优秀代码展示、优秀项目推荐等服务为中心的五大功能，并以此为基础，设计了如下的功能：

具体实现要求请查看需求分析文档

原型设计请查看墨刀链接

困难记录

设计

问题描述：确定一个能切合小程序主题的主色调和点缀色调

尝试过程记录：首先确定了小程序是以程序员为目标人群，以暗蓝色为主色调，同时为了避免色调过暗，以工程师黄为点缀色让整体活泼

解决方案：以暗蓝色为主色调，工程师黄为点缀色
问题描述：布局的设计

尝试过程记录：参考了站酷的设计模板，圆角等设计

解决方案：参考学习

技术

问题描述：需要一个可以渲染python代码和markdown的库，并且能够用于小程序中

尝试过程记录：首先找到了一个名为highlight.js的库，尝试进行渲染，但是由于该库主要更多的是针对web前端进行工作，使用在小程序中有一些比较奇怪的问题，效果没有达到预期，之后我们找到了一个名为towxml的库，是专门针对小程序前端进行渲染的，使用起来更方便

解决方案：使用towxml进行python代码和markdown的渲染
问题描述：小程序官方提供的 tabbar 组件形式比较单调，需要实现一个有动画效果的自定义 tabbar 组件

尝试过程记录：首先是先自己尝试实现一个自定义 tabbar 组件，但发现有些设计部分的实现不够理想，一些布局方面的效果不能与预期的想法相符合，于是转而查找有关微信小程序的组件库。

解决方案：找到一个 ColorUI 组件库，里面有我所需要的 tabbar 设计样式，并且找到了有关实现动画效果的 tabbar 源代码。