需求分析和原型设计(灵机一栋)

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.1Personal Software Process Stages预估耗时(分钟)实际耗时(分钟)
Planning计划100120
Estimate估计这个任务需要多少时间1010
Development开发--
Analysis需求分析 (包括学习新技术)400450
Design Spec生成设计文档300270
Design Review设计复审6040
Coding Standard代码规范 (为目前的开发制定合适的规范)2030
Design具体设计480500
Coding具体编码--
Code Review代码复审--
Test测试(自我测试,修改代码,提交修改)--
Reporting报告3030
Test Report测试报告1010
Size Measurement计算工作量1010
Postmortem & Process Improvement Plan事后总结, 并提出过程改进计划6060
合计 14801530

项目简介

项目背景

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

  1. 教学内容品质较差,却利用信息差向用户进行收费

  2. 缺乏交互式的学习体验,一味的向用户灌输知识而缺乏培养用户的动手能力

  3. 编程小白通常在环境配置上遇到困难,极大的降低对编程的学习积极性

  4. 在学习完教程之后,没有为用户提供下一步的学习计划或实战项目

  5. 用户开始学习编程初期,没有培养正确的编程规范和算法思想

需求分析

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

  1. 针对教程内容品质,我们需要为用户提供优质的教学内容

  2. 针对培养用户动手能力的需要,我们需要提供练习题目,供用户进行练习、

  3. 针对编程小白困难遇到的环境配置困难以及随时实现想法的需要,我们需要设计实现满足短代码的实时运行

  4. 针对已经学习完教程的用户的下一步规划,我们需要向用户推荐一些入门实战项目,为用户入门编程铺平道路

  5. 针对培养用户的编程规范和算法思想,我们需要设计为用户提供正确的编代码供参考

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

功能设计

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

image-20211105153456200

image-20211105153519152

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

原型设计请查看墨刀链接

困难记录

设计

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

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

    解决方案:以暗蓝色为主色调,工程师黄为点缀色

  2. 问题描述:布局的设计

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

    解决方案:参考学习

技术

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

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

    解决方案:使用towxml进行python代码和markdown的渲染

  2. 问题描述: 小程序官方提供的 tabbar 组件形式比较单调,需要实现一个有动画效果的自定义 tabbar 组件

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

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

收获

在本次作业中,我们小组全体成员都参与了需求分析以及对应的功能和原型设计,大家都对一个软件诞生初期是怎样设计功能有了深刻的了解。同时在团队合作的过程中,我们互相磨合,经历了磕磕碰碰,但是最终我们相互合作,集思广益,打磨好设计中的每一处细节,团队协调发展。

协作记录

腾讯文档协作记录:

 

Leangoo协作记录:

image-20211105144835300

详细内容

Vlog记录:https://www.bilibili.com/video/BV1QQ4y1S7W3/

...全文
247 点赞 收藏 回复
写回复
回复
切换为时间正序
请发表友善的回复…
发表回复
相关推荐
发帖

188

社区成员

福州大学软件工程教学,推行邹欣老师“构建之法”。
帖子事件
编辑了帖子
2021-11-07 14:05
编辑了帖子
2021-11-07 10:12
创建了帖子
2021-11-06 23:52
社区公告
暂无公告