软件工程实践——软件评测

[221900122_苏海元]

作业基本信息

这个作业属于哪个课程	2022年福大-软件工程;软件工程实践-W班
这个作业要求在哪里	软件工程实践——软件评测
这个作业的目标	软件测评、调研、软件开发分析、开发规划
其他参考文献	各大博客网站

• 目录

  • 作业基本信息
  • 第一部分 调研，评测
  • 一、体验
  • CSDN问答
  • 主要功能
  • UI版面
  • Stack Overflow
  • 主要功能
  • UI版面
  • SegmentFault 思否
  • 主要功能
  • UI版面
  • 二、BUG探索
  • 测试环境
  • BUG评价标准
  • BUG具体描述
  • UI适配问题
  • 富文本编辑器问题
  • 三、结论
  • CSDN问答
  • StackOverflow
  • 思否
  • 采访
  • 第二部分 分析
  • 一、开发时间估计
  • CSDN问答
  • StackOverflow
  • 思否
  • 二、同类产品对比排名
  • 三、软件工程方面的建议
  • 四、BUG存在的原因分析
  • 第三部分 建议和规划
  • 一、市场概况
  • 用户群体画像
  • 二、市场现状、产品生态
  • 现有产品
  • 目前IT市场份额
  • 用户群体分析
  • 二次生态分析
  • 三、产品规划
  • 新功能

第一部分 调研，评测

一、体验

CSDN问答

主要功能

  主要功能有，问题检索，提问，悬赏问答等功能。问题检索支持多条件筛选，能够筛选板块、时间、悬赏等。

UI版面

   整体UI较为简洁，版面使用较为常见的导航栏+三段分栏式布局。<text "background-color:#FC5531;color:#FFF">主题色为橙色，其他版面使用白灰搭配。总体评价是清晰整洁，讨论的内容也与技术圈高度相关，感觉有原来论坛的内味了。

  
  问答的内容板块UI大致如下图,个人觉得有点类似百度知道，比较引起我注意的是右侧的收益面板。（这个板块的问答能直接与金钱挂钩，大概就是这里内容质量较高的主要原因吧）问题版面位于正中顶部，下面是回答楼层列表。提问者可以进行追问，还可以追加悬赏，进行评价等，基本的问答论坛功能都具备。

Stack Overflow

   Stack Overflow是国外的一个较为出名的IT技术论坛，08年创建，网站名称也很有意思Stack Overflow（栈溢出）这应该是接触编程的技术人员都遇到过的报错吧（:

主要功能

  主要功能有，问题检索，提问，回答等。问题检索支持也多条件筛选，能够筛选Tags、时间、热度等。

UI版面

   未登录前，是一栏欢迎页，背景呈深色调，卡片内容配色鲜艳，能给人眼前一亮的感觉。

   登陆之后的整体如下图。<text "background-color:#0A95FF;color:#FFF">主题色为蓝色加上经典的白灰搭配，整体简洁，相较于欢迎页。

  问答的内容板块UI如下图,比较特别的是左侧有一组▲ ▼的热度投票按钮，类似于普通论坛的点赞和点踩，可以由路人影响帖子的排序。不同于普通的点赞点踩是，Stack Overflow的投票需要reputation门槛，只有达到门槛后或支付一定的数值才能进行投票。

SegmentFault 思否

   掘金和思否是我刚学习开发时，就有被推荐的社区，推荐的理由为帖子的质量较高，环境更加清新，内容有营养。

主要功能

  主要功能也都雷同，问题检索，提问，回答等。比较特别的是，思否有一个“新手任务”的板块，能为新用户起到一定程度的引导作用，同时提高社区的活跃度。顺带一提，知否的点赞和点踩也加入了声望机制，需要达到声望门槛后才能进行操作。

UI版面

   整体版面如下图。<text "background-color:#00965E;color:#FFF">主题色为绿色。选项卡里有一个较为引入注目的“极客观点”板块。

  极客观点板块如下，经了解过后得知。极客板块是思否改版过后移出了“圈子”的替代品，为保证问答区内容与技术高度相关，在普通的问答区无法发起类似“成长、摸鱼”等一些趣味性话题。同时，应对这一需求，思否提供了“极客观点”板块供用户在此发表一些非技术性的内容。

二、BUG探索

测试环境

操作系统:Windows10
浏览器:Edge、Chrome、FireFox
显示器分辨率:1920*1080
缩放比例：75%、100%、125%

BUG评价标准

本次BUG评级采用以下标准

错误等级	描述
Urgent	导致整个软件不能使用的错误。操作系统崩溃：启动或操作本软件致操作系统崩溃，无法进入操作系统。导致操作系统重启或死机：因操作某项功能而导致操作系统自动重启或操作系统死机。导致整个软件不能使用：因操作某个功能，导致整个软件不能使用或重启。
High	导致整个模块不能使用或导致业务流不正确的错误，或较大的需求没有满足等。导致整个模块不能使用：因操作某个功能，导致某个模块不能使用。
Medium	导致某个步骤不能正常执行或期望结果不正确，但不引起严重后果的错误，或数据刷新、操作不便等不影响用户正常功能使用的错误。功能没有达到客户需求：小且影响较轻的功能没有达到客户需求。数据加载显示问题：从数据库取A字段值时误取为B字段值，造成给用户提供错误的数据。
Low	界面显示或提示信息错误，建议类问题。界面缺少说明或帮助、界面不规范：

BUG具体描述

UI适配问题

字段	描述
BUG概述	选项skill-card超出选项卡
等级	Low
可复现性	必然发生
发生位置	CSDN技能树

bug描述
在登陆账号后，点击链接进入CSDN技能树，c技能树板块。在chrome显示缩放比例为100%及以上时出现下图情况。

起初推测是因为flex布局，不同浏览器的解释不同导致的兼容性问题，切换edge、firefox浏览器后，得到的结果相同，确定为UI适配bug。

原因浅析(个人分析，技术有限)
使用F12进行调试，发现取消外部div容器的css中的flex-direction:column属性取消后，内部skill-card能够正常进行隐藏，推断应该是ui偷懒没有给页面的column加上解释= =。

字段	描述
BUG概述	自适应布局
等级	Low
可复现性	必然发生
发生位置	CSDN问答

bug描述
在发现上一问题后，感觉到csdn的自适应布局可能存在更多的适配问题，随手对三个页面进行了测试。结果如下，个人认为表现最好的是Stack Overflow, CSDN则几乎没有做自适应布局。

字段	描述
BUG概述	CSDN选项卡快速切换时反馈不佳
等级	Low
可复现性	必然发生
发生位置	CSDN问答

bug描述
在快速切换Tab时，因为网络原因Tab选项卡加载时会有明显的延迟，但页面并未做出良好的过渡loading或提示，有时无法分清是网络延迟或是页面假死，影响体验。

原因浅析
推断是因为每次点击Tab时都会重新请求一次数据，网络情况较差时请求造成页面更新不及时。
使用F12进行调试，发现的确每次点击都会重新进行请求。这里可以采用缓存机制解决，增加更新延迟，如超过30s后再重新请求数据。或在请求过程中可以在页面加入一些可见的loading信息，提高操作感。(当然也可能csdn的pm经考量后觉得目前是体验最佳的方案)

富文本编辑器问题

字段	描述
BUG概述	CSDN富文本编辑器假死
等级	High
可复现性	必然发生
发生位置	CSDN问答提问板块、回答板块

bug描述
在富文本编辑器一次编辑较多文本时页面会严重卡顿或假死。此时该页面能够滚动，但任何组件无法进行交互，进入假死状态

原因浅析
csdn的富文本编辑器有自动保存功能，推断是因为该保存功能每次编辑都实时同步，数据量较大时造成假死。
可以采用异步分段提交的方式，将编辑器内容分段进行同步，而不是一次同步整个编辑器文本。（而且回答区的文本就没必要同步了吧，猜测是员工偷懒，复用了同一组富文本编辑器）

同步对比了另外两个网站，在富文本编辑器上均为发现上述问题，假死和卡顿十分影响体验。

三、结论

CSDN问答

c.一般

	类别	描述	评分 （满分 10 分, 良好 6 分,  及格 4 分，聊胜于无 1 分,  很差 -3 分）
功能	核心功能	分析三个核心功能，功能设计和质量。	6
	细节	有什么为用户考虑的细节?	4
	用户体验	当用户完成功能时，不干扰用户 (例如: 是否不断弹出不相关广告)。	4
	辅助功能	一些辅助功能如皮肤等	4
	差异化功能	这个软件独特的功能.  它对用户的吸引力有多大?	8
	软件的效能	占用内存, 启动速度, 内存泄漏情况	4
体验	软件的适应性	在联网/断网, 大小屏幕, 没有鼠标的情况下都可以顺畅操作. 和不同平台的软件能流畅协作	4
	成长性	记住用户的选择, 适应用户的特点，用户越用越方便	6
	用户有控制权	系统状态有反馈，等待时间要合适。关键操作有确认提示，有明确的错误信息。 让用户方便地从错误中恢复工作, 快捷操作键可调整。	7

StackOverflow

d.好，不错

	类别	描述	评分 （满分 10 分, 良好 6 分,  及格 4 分，聊胜于无 1 分,  很差 -3 分）
功能	核心功能	分析三个核心功能，功能设计和质量。	8
	细节	有什么为用户考虑的细节?	6
	用户体验	当用户完成功能时，不干扰用户 (例如: 是否不断弹出不相关广告)。	6
	辅助功能	一些辅助功能如皮肤等	4
	差异化功能	这个软件独特的功能.  它对用户的吸引力有多大?	6
	软件的效能	占用内存, 启动速度, 内存泄漏情况	9
体验	软件的适应性	在联网/断网, 大小屏幕, 没有鼠标的情况下都可以顺畅操作. 和不同平台的软件能流畅协作	6
	成长性	记住用户的选择, 适应用户的特点，用户越用越方便	6
	用户有控制权	系统状态有反馈，等待时间要合适。关键操作有确认提示，有明确的错误信息。 让用户方便地从错误中恢复工作, 快捷操作键可调整。	7

思否

d.好，不错

	类别	描述	评分 （满分 10 分, 良好 6 分,  及格 4 分，聊胜于无 1 分,  很差 -3 分）
功能	核心功能	分析三个核心功能，功能设计和质量。	8
	细节	有什么为用户考虑的细节?	6
	用户体验	当用户完成功能时，不干扰用户 (例如: 是否不断弹出不相关广告)。	6
	辅助功能	一些辅助功能如皮肤等	6
	差异化功能	这个软件独特的功能.  它对用户的吸引力有多大?	6
	软件的效能	占用内存, 启动速度, 内存泄漏情况	7
体验	软件的适应性	在联网/断网, 大小屏幕, 没有鼠标的情况下都可以顺畅操作. 和不同平台的软件能流畅协作	7
	成长性	记住用户的选择, 适应用户的特点，用户越用越方便	6
	用户有控制权	系统状态有反馈，等待时间要合适。关键操作有确认提示，有明确的错误信息。 让用户方便地从错误中恢复工作, 快捷操作键可调整。	7

采访

选取的采访对象为同级其他班级的软件工程学生

第二部分 分析

一、开发时间估计

CSDN问答

项目	时间占比
前期准备	15%
需求分析	4%
生成产品预期/团队评审	5%
数据库的设计	6%
开发	65%
前端页面实现	35%
后端功能开发	30%
测试优化	20%
完善维护	20%
总和	1

StackOverflow

项目	时间占比
前期准备	15%
需求分析	4%
生成产品预期/团队评审	5%
数据库的设计	6%
开发	65%
前端页面实现	25%
后端功能开发	40%
测试优化	20%
完善维护	20%
总和	1

思否

项目	时间占比
前期准备	15%
需求分析	4%
生成产品预期/团队评审	5%
数据库的设计	6%
开发	65%
前端页面实现	40%
后端功能开发	25%
测试优化	20%
完善维护	20%
总和	1

二、同类产品对比排名

这里使用前文测试阶段所计算得到的分数作为排名比较依据，经统计得到结果如下

网站名称	功能得分	体验得分	合计总分
CSDN	30	19	49
StackOverflow	39	19	58
思否	39	20	59

三、软件工程方面的建议

• CSDN
  CSDN作为我国起步较早体量较大的IT论坛，应该做好模范带头的作用。可以看出在需求分析阶段，CSDN设计的功能十分丰富，这是很好的一点。但功能拓展的同时也发现了网站应用的稳定性有一部分缺失。CSDN目前已经运营十分良好了，应将重心回归至软件本身的开发和维护上。
• StackOverflow
  StackOverflow个人认为还是比较完善的，而且从主页介绍中Microsoft、Logitech等开发团队都在使用该平台，且有着合作的关系。StackOverflow目前似乎没有进行中国化的打算。如果要说建议的话应该是界面方面可以继续改进，希望能够让用户有更多自定义皮肤的空间，可以更改颜色主题等。
• SegemntFault
  思否应该是国内比较清新的IT论坛了，但是20年之后，随着自媒体市场的发展，思否上也出现了许多空虚的公众号推文。我认为思否应该坚持内容质量审核的初心，做好内容的过滤，或是将公众号文章做整体迁移，避免对主体社区造成进一步影响。

四、BUG存在的原因分析

上述发现的许多BUG都是在UI层面的，而且部分BUG是挺明显的。我认为应该首先是测试团队没有做好充分的测试，测试覆盖不充分。其次是开发团队看得出来有些许赶工，许多细节层面的实现都不够充分，有偷懒的成分。

第三部分 建议和规划

一、市场概况

用户群体画像

使用IT论坛软件的直接用户群体大致有以下几种：
核心用户群体

• 企业内IT岗位的从业人员
• 高校IT专业的学习学生
• 社会IT培训机构

潜在用户群体

• 高等技术专业水平的研究人员
• 中小学生
• 与行业无关的社区爱好者

二、市场现状、产品生态

现有产品

• CSDN -专业开发者社区 IT技术交流平台
• IT圈，圈圈精彩 - 原软媒论坛、IT之家，国内最人气的科技社交圈层,继软媒论坛、IT之家社区演变而来
• 51CTO技术论坛-中国领先的IT技术社区 国内主流IT技术社区，论坛拥有大批IT技术人/IT专家；
• ITPUB技术论坛-中国专业的IT技术社区。
• 掘金- 掘金- 代码不止,掘金不停

目前IT市场份额

根据前瞻研究院的分析报告，目前IT咨询市场的竞争格局如下，国外的微软、IBM等企业占据行业龙头，而国内本土化的企业基本仅能排入第二梯队及之后中。

不过，我国IT咨询行业企业密度不小（数据如下图），其中IT从业人员对于IT论坛仍然是一份庞大的蛋糕。且目前国内并未兴起较多出名的国外IT论坛，IT论坛的竞争应还集中在国内本土，国内现有论坛应抓紧机会成为标杆。

核心用户中，IT从业人员仍是巨大群体，可以首先针对做适配。

用户群体分析

属性	IT从业人员
学历	中学、本科及以上
年龄	20~40
收入	4000~2w+
表面需求	使用论坛学习、搜索资料、讨论、提问求助、发布内容赚取收入等
潜在需求	论坛交流+交友等

属性	技术研究人员
学历	研究生及以上
年龄	20~40
收入	1w+
表面需求	查找学习框架相关资料、学习新技术、讨论求助等
潜在需求	科研学习

二次生态分析

是有可能形成二次生态的，且已经形成了。如根据技术栈的不同，用户群体会根据前后端划分，并在相应板块集中讨论，根据语言不同如Java、C++、Python等，相同技术栈或正在使用近似技术的用户话题会高度吻合。且部分以形成了特定知识类别的论坛。

三、产品规划

新功能

名称：开发实践
NABCD :

属性名称	详细内容
Need 需求	目前在校学生所学技术栈其实较为丰富，但和企业实践运用仍有差距，学生自身也十分迷茫自身所学如何进行运用。市面只有开源的代码仓库，从0到1构建项目也仅存在于教材或视频资料之中，缺少一个真正能“手把手”引导学生进行项目实践的平台
Approach 做法	在现有的论坛拓展新板块“开发实践”板块
Benefit 好处	能继承论坛现有的用户群体，同时核心用户基本有使用该模块的需求。在论坛的框架下开发也能一定程度上节省工作量
Compatitors 竞争	现有的一些软件课程，和IT培训学校，它们提供的产品和我们在某种程度上类似
Delivery 推广	继承平台现有用户，设置板块新用户激励；提供学习奖励，吸引论坛外新用户；站外投放广告

人员分配：

职位	数量
前端开发	2
后端开发	1
美工	2
测试	1

（单项目作业，测试在开发前期工作较少，仅需1人对测试做好规划，随开发周期进行，开发人员也能参与一定程度的测试）
开发规划：

周期	详细规划
第一周	全员：总体需求分析设计，开发：设计系统概要文档，美工：设计界面原型，测试：编写测试计划
第二、三周	软件实践总体版面搭建、数据库设计
第四、五周	总体版面搭建完善、规划具体开发模块、相关API设计
第六、七周	第一、二模块开发
第八周	第一、二模块前后端对接检查、进行单元测试
第九、十周	第三、四模块开发
第十一	第三、四模块前后端对接
第十二、十三周	已开发模块模块检查，剩余模块调整
第十四周	设计复审、软件总体测试
第十五、十六周	优化维护

[CSDN问答]

谢谢反馈，我们会尽快解决您提到的问题~