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

设计文档链接

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

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

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

原型展示链接

前台小程序端

后台管理员端

PSP

项目简介

项目背景

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

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

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

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

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

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

需求分析

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

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

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

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

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

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

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

功能设计

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

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

原型设计请查看墨刀链接

困难记录

设计

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

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

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

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

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

   解决方案：参考学习

技术

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

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

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

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

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

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

收获

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

协作记录

腾讯文档协作记录：

Leangoo协作记录：

详细内容

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