这个作业属于哪个课程	2023年福大-软件工程实践W班
这个作业要求在哪里	作业要求
这个作业的目标	分析比较网络上的几个编程网站并给出评测 提升自己对软件工程的理解
其他参考文献	《构建之法》 邹欣老师的案例分析 软件评分参考 Bug定性的标准

Bug定性标准

Bug定性参考链接

为了统一Bug定性标准，避免冗余信息过多，本文的Bug定性标准如下：
bug类型：
功能类、界面类、性能类、稳定性类、兼容类
bug定级：
阻塞bug： 危险系数五颗星*****
1、常规操作引起的系统崩溃、死机、死循环报错，无法正常退出
2、功能设计与需求严重不符，基本模块缺失，测试流程无法进行
3、严重的数据计算错误
4、用户数据丢失或破坏
5、内存泄漏，系统无法登录
6、其他导致功能无法测试的问题
严重bug：危险系数四颗星****
1、重要功能不能实现（例如：用户所要求的功能缺失，该有的页面未实现，逻辑不通，重要图表数据未开发，等）
2、错误的波及面广，影响到其他重要功能正常实现
3、非常规操作导致的程序崩溃、死机、死循环 (非常规操作：用户使用软件时不会进行的操作）
4、系统中数据保存后数据库中显示错误
5、密码明文显示
6、页面无显示白屏，无数据
一般bug：危险系数三颗星及以下
不影响产品的运行、不会成为故障的起因、但对产品外观和下道工序影响较大的缺陷
1、次要功能不能正常实现
2、操作界面错误（包括数据窗口内列名的定义，含义不一致）
3、查询错误、数据错误显示
4、简单的输入限制未放在前端进行控制；（格式显示，如登录和注册中的格式判断可由前端判断）
5、删除操作未给出提示
6、边界条件错误或者未做限制
7、系统未做优化，数据页面加载慢，操作卡顿之类（性能层面问题）
8、兼容性问题（分辨率，系统版本等等）
bug定性：
基本功能异常缺陷：核心功能缺陷，或者阻塞基本流程的缺陷
引入缺陷：代码变更后导致原本完好的功能变坏
重打开缺陷：缺陷未被完全修复导致被重新打开，打开一次算一次，如果一个缺陷重打开多次，则记录多次
低质量缺陷率= 打回缺陷（测试原因提的无效bug，拒绝原因为无效缺陷或无效bug）/总缺陷
漏测缺陷：该发现阶段没有发现的缺陷；比如兼容测试阶段才暴露模块测试阶段该发现的缺陷、灰度和线上验证暴露测试阶段该发现的缺陷，以及线上问题反馈

第一部分 调研、评测

1、Inscode

Inscode官方链接

使用体验

• 主页
  
         主页的设计大方简洁，左侧是菜单栏，右侧则是菜单栏对应的内容，整体设计简约而又不失高级感。在主页，不仅会显示当下热门的模板供选择，还可以显示关注的对象，整体布局显得大方且合理。

• 我的项目
  
         我的项目可以显示一些账号基本信息，以及我发布的一些项目、动态以及我收藏的一些模板或者动态等等。在此基础上还增加了创建和活跃两个部分来区别我的项目，以及可以快速创建一个新项目，不论是背景图片还是整体布局都让我觉得相当美观，有十分不错的体验。

• 模板中心
  
         模板中心里存放这大量的模板，有个人上传的模板也有官方的模板，而这些模板又根据语言、AI、游戏等标签分成好多个区域，整体布局合理，条理十分清晰，体验良好。
         但是美中不足的是有些个人上传的模板使用不了或者难以使用例如下图：
         甚至某些模板还存在bug（虽然不是网站本身的bug，但也推荐网站提高模板上传的审核力度）
  

• 社区
  
         在社区界面可以看到社区广场上许多人发布的一系列模板，右侧还有一系列热门标签供选择，整体布局合理美观，但是既然是社区就应该具有较强的用户交互的关系，但是社区中用户之间交流的频率不高，对于模板的提问难以得到有效解答，如图：
  

• 设置
  
         设置界面很简单，只有昵称、用户名、个人简介三块区域以及下方SSH公钥和Git配置的设置。设计很简约风，没有可以赘述的部分。

优缺点分析

• 优点

1、可以快速地在网上进行在线代码编辑，不需要配置繁琐的运行环境就可以快速创建并发布属于自己的项目，极大地降低了写代码的复杂程度。
2、Inscode允许个人发布模板，所以拥有许多模板可以使用。
3、Inscode可以在线编辑，代码不需要保存到本地，可以节约本地空间，也方便用户在不同电脑上切换的时候不必搬运代码，可以直接在网上在线编辑。
4、版面设计合理，设计大方简约且美观。

• 缺点

1、Inscode模板审核力度不够，许多模板已经过了时效性或者根本达不到预期效果依然存在于模板广场。
2、Inscode官方模板过少，在创建项目的时候甚至没有日常常用的语言模板，导致难以使用。
3、Inscode的用户交流很少，在模板下方的评论区中几乎没有回复，难以解决用户们的疑问。

• 改进意见

1、加强模板的审核力度，保证个人上传的模板具有较强时效性和实用性。
2、提供更多的官方模板，涵盖日常语言的需要，例如提供C/C++的模板。
3、加强用户的交流，给予用户交流正反馈机制，鼓励用户进行交流，解决评论区只有留言没有回复的现状。

用户采访
采访对象：就读数据科学与大数据技术专业的高中同学
用户需求：不需要复杂的环境配置就可以随时随地进行日常代码的编辑
使用的产品：Inscode
遇到的问题：可用模板太少，找不到日常常用语言的模板
改进的建议：增加模板的数量，至少涵盖日常常用语言

BUG

• 测试环境
  操作系统版本：Windows 11 家庭中文版
  浏览器版本：谷歌浏览器104.0.5112.102(正式版本)(64 位)
• 可复现性
  必然发生
• BUG描述
  在创建一个新项目时，点击发布该项目，如图：
  
  发布项目成功之后会跳转到这个面版如图：
  
  但是当我们连续点击左上角返回上一页的时候，返回到主页点击我的项目可以看到如下界面：
  
  这里右下角的发布时间竟然显示为2秒后！与下方的项目形成鲜明对比。这个项目的显示时间完全是错误的。
• BUG分析
  BUG的可能成因：
         浏览器当前存着第一次访问这个页面的时间，并没有实时更新时间数据，而项目的发布时间是以页面当前时间与发布真实时间的间隔来算的，所以导致项目发布时间在2秒后的显示错误。
  BUG的严重性：
  危险系数1颗星*
         属于界面类的一般Bug中的数据错误显示，并不会影响产品的运行、不会成为故障的起因。
  BUG的改进建议：
         建议把浏览器当前保存的时间改为实时更新的，这样就不会导致时间显示错误了。

结论

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

• 推荐结果
  d）好，不错

2、IT屋-程序员软件开发技术分享社区

IT屋官方链接

使用体验

• 主页
  
         主页的设计谈不上美观，但至少条例清晰简洁明了。

• 广告跳脸
  
         点击主页中的首页进入首页的过程中直接全屏广告跳脸，用户体验直线下滑。

• 教程
  
         所幸，it屋拥有海量的教程可供用户选择学习，提供了大量的其他网站难以集成的学习资源。
         虽然学习资源较为丰富且完整，但是缺点也同样明显：广告实在是太多了！！！

• 问答区域
  
         it屋提供了大量的问答社区中的问题，通过不同的语言划分成不同的部分，方便用户寻找自己所需的回答。
         在问答内部，右侧显示着相关领域的最新文章，而下方则是该问题在相关领域内的相关文章，这样的设计便于用户查找资料，能更好的保证用户的问题能够得到较好的解决。
  
         行文之间的“限时送ChatGPT账号”的广告也让用户阅读的体验下降了许多。
  
  

       但是部分文章需要登录并且关注才能阅读，捆绑销售的操作让用户体验感下降，也造成了不便。

• 在线编辑
  
         it屋还提供了众多语言的在线编辑，虽然界面不是很美观，但胜在支持的语言种类繁多，方便用户随时随地编辑代码。

优缺点分析

• 优点

1、学习资源非常丰富，各种语言的各种教程应有尽有
2、问答区的问题数量非常多，分区也非常多，利于用户检索并解决问题
3、界面简洁，操作简单，支持大量日常语言的在线编辑

• 缺点

1、广告太多了！！！
2、搜索引擎不是很好用，有时会搜索不到文章
3、界面简洁，但是并不美观

• 改进意见

1、减少广告的投放
2、加强一下搜索引擎的功能
3、加强一下美工，让界面更美观

用户采访
采访对象：就读数据科学与大数据技术专业的高中同学
用户需求：不需要复杂的环境配置就可以随时随地进行日常代码的编辑
使用的产品：IT屋
遇到的问题：输入困难，缩进不正确
改进的建议：无

BUG

• 测试环境
  操作系统版本：小米平板5
  浏览器版本：QQ浏览器13.7.5.5047(64 位)
• 可复现性
  必然发生
• BUG描述
  在使用平板端进入IT屋的时候，在C语言编辑器中使用回车之后无法输入“for”

• BUG分析
  BUG的可能成因：
         设计it屋的时候未考虑到平板端的兼容问题。
  BUG的严重性：
  危险系数4颗星*
         属于功能类的严重Bug中的重要功能不能实现，会影响产品的运行、会成为故障的起因。
  BUG的改进建议：
         建议考虑其他客户端的兼容性并进行修改。

结论

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

• 推荐结果
  c）一般

3、Online Compiler and IDE

Online Compiler and IDE官方链接

使用体验

• 主页
  
         主页赫然就是一个代码编辑界面，开门见山，设计及其简洁方便，下方也有一些网站的介绍以及教程，没有其他繁琐的功能，主打的就是在线代码编辑。
  
         麻雀虽小五脏俱全，虽然界面简洁，但是内置了大量的语言，这个网站可以支持大量的包括日常和不常见的一些语言，功能十分强大。
• 运行结果
  
         运行结果界面按顺序分别是代码部分、输入、输出部分，右侧还有编译器的详细信息，总体来说信息简洁明了。
• 广告部分
  
         在主页点击右上角按钮之后会跳转到该页面，在此页面中有一系列网站管理者举办的各种活动，虽然是广告，但是却不会影响用户正常使用(不点进来就行了)

优缺点分析

• 优点

1、可以快速地在网上进行在线代码编辑，不需要配置繁琐的运行环境就可以快速进行代码的编辑
2、页面简洁，没有其他繁琐的功能，主打的就是在线代码编辑
3、功能强大，支持大量语言的在线编辑

• 缺点

1、编译太慢
2、代码写错了想回去修改却发现代码全消失了需要重新写，极大影响了编辑代码的效率
3、语言切换不过来，全英文不利于国内用户使用

• 改进意见

1、加快编译的速度
2、允许用户及时修改代码，而不是全删除
3、增加多国语言的版本

用户采访
采访对象：就读数据科学与大数据技术专业的高中同学
用户需求：不需要复杂的环境配置就可以随时随地进行日常代码的编辑
使用的产品：Online Compiler and IDE
遇到的问题：代码编辑错误成本过高、编译太慢、语言难以切换
改进的建议：根据问题进行相应的完善

BUG

暂未发现bug

结论

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

• 推荐结果
  c）一般

第二部分 分析

开发背景
       团队人数6人左右，计算机大学毕业生，并有专业UI支持

开发时间预计

功能	功能细节	预计时间
项目需求分析	完成项目的初步规划，写出计划安排以及人员划分并设立指标	3天
界面设计	设计并完成网页的UI界面	15天
登陆注册	实现登录和注册功能并匹配数据库	3天
在线编辑器	实现在线代码编辑器	45天
问答区域	实现问答区域	15天
设置部分	实现设置	15天
附加功能	实现附加功能如：教程、广告投放、模板投稿等	20天
功能测试	对网页进行各种测试	5天
网站服务器的部署	部署网站服务器	4天
总计		125天

       网站的初步开发需要4个月左右，考虑到后续bug的修复以及网站的维护等问题估计要5~6个月左右。

同类产品中的质量对比

排名仅代表个人观点

产品	优点	缺点	排名
Inscode	1、可以快速地在网上进行在线代码编辑，不需要配置繁琐的运行环境就可以快速创建并发布属于自己的项目，极大地降低了写代码的复杂程度。 2、Inscode允许个人发布模板，所以拥有许多模板可以使用。 3、Inscode可以在线编辑，代码不需要保存到本地，可以节约本地空间，也方便用户在不同电脑上切换的时候不必搬运代码，可以直接在网上在线编辑。 4、版面设计合理，设计大方简约且美观。	1、Inscode模板审核力度不够，许多模板已经过了时效性或者根本达不到预期效果依然存在于模板广场。 2、Inscode官方模板过少，在创建项目的时候甚至没有日常常用的语言模板，导致难以使用。 3、Inscode的用户交流很少，在模板下方的评论区中几乎没有回复，难以解决用户们的疑问。	1
IT屋	1、学习资源非常丰富，各种语言的各种教程应有尽有 2、问答区的问题数量非常多，分区也非常多，利于用户检索并解决问题 3、界面简洁，操作简单，支持大量日常语言的在线编辑	1、广告太多了！！！ 2、搜索引擎不是很好用，有时会搜索不到文章 3、界面简洁，但是并不美观	2
Online Compiler and IDE	1、可以快速地在网上进行在线代码编辑，不需要配置繁琐的运行环境就可以快速进行代码的编辑 2、页面简洁，没有其他繁琐的功能，主打的就是在线代码编辑 3、功能强大，支持大量语言的在线编辑	1、编译太慢 2、代码写错了想回去修改却发现代码全消失了需要重新写，极大影响了编辑代码的效率 3、语言切换不过来，全英文不利于国内用户使用	3

对软件团队提高的建议

• Inscode
         希望能够提供更多的模板供用户选择，虽然没有什么大的Bug，但是小的细枝末节也不能放弃，本身网站的UI就做得很好，如果其他方面也能做得很好就近乎完美了。
• IT屋
         希望能够减少广告的投放，加强在网站测试阶段的测试，例如像搜索引擎的小问题完全可以在这个阶段避免，尽量加强团队的UI设计来给用户更好的体验，最后还要考虑一下多端用户的兼容性。
• Online Compiler and IDE
         希望可以在设计阶段多考虑其他语种用户的需求，多更新一些其他国家的语言，以增强用户体验。

Bug存在的原因分析

• Inscode
         网站的功能测试过程中并不足够完善
         网页的设计人员并没有考虑过多细节
• IT屋
         网站的设计没有考虑到多端用户的兼容性问题
• Online Compiler and IDE
         无

第三部分 建议和规划

市场概况

       计算机科学技术发展突飞猛进，各个领域的研究日新月异，在此大环境下，虽然计算机相关的市场趋近于饱和，但在基数大的前提下，我认为市场的前景依旧相当的可观。
直接用户：计算机从业人员、计算机相关专业的学生、对计算机技术感兴趣的人员
间接用户：未来可能从业与计算机相关工作的人员、未来可能就读计算机相关专业的学生、未来可能对计算机感兴趣的人员

市场现状

• 目前市面上有什么产品
  由于本地编辑器需要复杂的环境配置，近年来在线编辑器层出不穷，目前市面上存在的在线编辑器有：Inscode、IT屋、Online Compiler and IDE等等
• 上述产品的定位以及优劣势
         Inscode主要定位除了在线编译器之外还主打模板交流社区，存在大量个人上传的模板，优势是存在大量模板可供用户使用，劣势则是模板的审核管理难度变大，而社区的本质就需要用户之间的交流，但是Inscode在这一方面做的不是很好。
         IT屋主要定位除了在线编译器外还主打教学区和问答区，优势显而易见具有海量的教程供用户选择，除此之外还有海量问答模块的资源能够吸引用户，劣势则是广告过多，并且UI界面设计不美观。
         Online Compiler and IDE主要定位就是在线编辑器，没有过多冗余的附加功能，功能强大支持大量语言，优势是简洁明了没有太多信息，劣势是没有其他附加功能难以吸引到用户。

市场与产品生态

• 产品的核心用户群体
  该类产品的核心用户应该是包括但不限于满足下列条件的群体
  1、15~35岁
  2、中学(计算机实验班)~研究生
  3、计算机相关专业
  4、喜欢钻研代码
• 表面需求
         能够随时随地在线编辑代码
• 潜在需求
         抛去繁琐的前置条件，希望能够降低代码编辑的成本与门槛
• 用户群体之前的关系与可能性
         用户群体横跨了学生和从业者的年龄段，如果能够组织用户之间的关系例如在在线代码编辑网站创建一个在线社区，让从业者或者有经验的人对学生进行一定的指导，不仅可以增加用户的粘性，还能够吸引更多的潜在用户选择该网站。
• 产品与子产品或其他产品的关系
         可以将市场上不同的产品或者子产品进行生态的捆绑，有点类似于facebook和腾讯QQ那样，将子产品围绕成一个完整的生态圈，不同的子产品主打的部分又不尽相同，让用户可以有更多的选择，只需要1个账号就能使用所有的产品和子产品。

产品规划

• 新功能建议
  创建技术交流社区，并且建立用户奖励机制，奖励那些积极发博客、积极回答问题、积极在评论区里回复回答别人问题的用户
  NABCD
  N（需求）：网站的技术交流社区中常常会有回复不及时、用户互动少等问题导致用户的问题无法快速高效解决。
  A（做法）：建立奖励机制，奖励那些积极发博客、积极回答问题、积极在评论区里回复回答别人问题的用户
  B（好处）：提高用户积极性、提高用户粘性、有效提高用户解决问题的效率
  C（竞争）：建立奖励机制能够有效在同类竞品中拿到有利地位
  D（推广）：可以通过各大论坛、社交平台进行推广
• 角色配置
  前端2人、后端2人、测试1人、项目经理1人
• 详细计划

时间	计划
第1周	确定项目计划、并划分工作、写出项目计划书
第2~3周	前端的界面原型设计初步完成
第4~6周	根据前端的原型设计初步完成前端页面的搭建
第7~14周	根据前端的页面搭建进行网页后端的开发
第15周	进行网站的初步测试
第16周	进行网站的完善测试并部署上线