142
社区成员
发帖
与我相关
我的任务
分享软件工程实践——软件评测
作业基本信息
| 这个作业属于哪个课程 | 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问答 2022-04-15
- 打赏
- 举报
谢谢反馈，我们会尽快解决您提到的问题~
