软件工程实践作业---软件评测

这个作业属于哪个课程	软件工程-23年春季学期
这个作业要求在哪里	软件工程实践作业----软件评测 软件工程 案例分析作业
这个作业的目标	调研、评测、分析、建议和规划
其他参考文献	《构建之法》、CSDN

BUG严重性标准

1. 致命（Critical）：这种BUG会导致系统崩溃或数据丢失，严重影响系统的安全性和稳定性。
2. 严重（Major）：这种BUG会导致系统功能出现严重异常或无法正常工作，但不会导致系统崩溃或数据丢失。
3. 普通（Normal）：这种BUG会导致系统功能出现轻微异常或存在一些不便之处，但不会影响系统的核心功能。
4. 轻微（Minor）：这种BUG会导致系统的一些细节问题或不太重要的功能出现异常，但不会影响系统的核心功能。
5. 建议（Suggestion）：这种BUG不会影响系统的功能和安全性，只是一些小的改进建议。

第一部分 调研、评测

InsCode

使用体验

介绍：InsCode是一个在线的代码编辑和分享平台，由CSDN推出。该平台可以帮助开发者们在网页上进行代码的编辑和分享，并且支持多种编程语言，例如Java、C++、Python等。

使用：

登录界面：CSDN统一风格的登录弹窗，可以选择微信登录、免密登录、密码登录以及其他第三方的登录方式

主页：可以看到用户的项目，以及一些用户感兴趣的内容

我的项目：这里会展示用户创建或参与的项目，用户可以在这里管理和编辑他的项目

创建项目

模板中心：这里有 InsCode 提供的一些项目模板，用户可以使用模板快速创建项目，也可以选择不同的编程语言

社区：用户可以在这里分享和讨论他的代码、项目和想法，也可以浏览其他开发者的作品

发布项目

审核中

审核通过

优缺点分析：

• 优点：

  • 界面美观简洁，没有太多的冗余信息，给用户带来了良好的视觉体验和使用感受。

  • 无需安装任何软件，就可以在浏览器中编程、协作和分享，节省了时间和空间，也避免了一些安装或配置的问题。

  • 支持多种编程语言和工具，如 Python, Java, C++, HTML, CSS, JavaScript 等，满足了不同的开发需求和偏好。

  • 提供了丰富的模板和社区资源，可以帮助开发者快速开始或参考他们的项目，也可以让开发者分享和讨论他们的代码、项目和想法，增进了交流和学习。

• 缺点：

  • 缺少一些文档和教程，只提供了部分模板，如果能够再添加一些对应模板和编程语言的文档和教程会更好。

改进建议：

希望能扩充一下模板中心，增加一些文档和教程，帮助用户更好地理解平台的功能和使用方法，包括对应模板和编程语言语法的详细介绍和操作指南等。

用户采访

采访对象背景：软件工程专业学生

实际使用的产品栏目：创建模板项目

遇到的问题和亮点：加载项目有点慢，模板有点少

需要改进的地方：在模板中心多增加一些模板

BUG描述

BUG发生时的测试环境：

操作系统：windows 11
浏览器：FireFox 111.0.1 (64 位)

BUG具体情况描述：

清空通知功能无效

评论过长时文字会超出边界

BUG分析

BUG严重性：3

清空通知无效问题：没有正确实现这个功能，当点击全部已读时，返回的data为5（已读通知个数），当点击清空通知时，返回的data为0（清空通知个数），说明没有正确实现清空通知这个功能

评论文字越界问题：没有对模块大小进行限制，没有及时对文字进行换行处理导致文字超出边界显示

结论

这个网站可以便捷地帮助用户创建项目，免去了安装对应IDE的麻烦，而且界面UI设计很精简，还可以在社区参考借鉴其他人的项目，可以互相交流学习。总的来说还是不错的，在没有安装对应IDE或者想使用一些模板的时候可以使用。

推荐程度：d) 好，不错

评分：

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

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

使用体验

介绍：这是一个程序员软件开发技术分享社区的网站，这个网站提供了各种在线工具，编译工具，数据工具，前端工具等，还有一些相关的问答和教程。用户可以在这个网站上学习和测试不同的编程语言和技术。

使用：

首页：它集成了问答库，菜鸟教程，在线工具的部分内容，用户可以在这里看到一些最新的问答，教程和工具，也可以通过导航栏跳转到其他模块

问答库：它提供了一个关于各种编程语言和技术的解答平台，用户可以在这里搜索开发中所遇到的问题，浏览他人关于解决这种问题的文章

菜鸟教程：它提供了一些关于各种编程语言和技术的教程文档，有些教程和文档和菜鸟教程网站所提供的有些相似，但有一些内容是菜鸟教程网站所没有的

在线工具：它提供了一些关于各种编程语言和技术的在线工具，用户可以在这里使用不同的编程语言在线编译和运行代码

优缺点分析：

• 优点：

  • 这个网站提供了多种类型的在线工具，包括编译工具，数据工具，前端工具等，可以方便用户在线编写和运行代码。

  • 这个网站提供了各种语言的相关教程文档，适合初学者学习和回顾相关的知识。

• 缺点：

  • 这个网站有些内容不够全面和深入，不能覆盖所有的编程语言和技术，也不能提供一些高级和专业的知识，有些问题可以无法在这里搜索到答案。

  • 网站存在下拉广告，并且在线工具、菜鸟教程中也有许多广告，影响用户阅读和使用。

改进建议：

建立好问答机制，扩充问答库的内容，提升问答库的内容质量，都可以让用户更容易找到和解决自己的问题，精简化网页，减少广告占用空间，避免影响用户体验。

用户采访

采访对象背景：计算机专业学生

实际使用的产品栏目：菜鸟教程、问答库、在线工具

遇到的问题和亮点：和同类网站相比较没什么亮点

需要改进的地方：完善增强各部分功能

BUG描述

BUG发生时的测试环境：

操作系统：windows 11
浏览器：FireFox 111.0.1 (64 位)

BUG具体情况描述：

在使用大写和小写搜索相同内容时会存在搜索不出来的问题

搜索小写的 java

搜索大写的 JAVA

部分搜索结果点击后会直接跳转到首页

搜索 springboot

点击第一条搜索结果，直接跳转到首页界面

BUG分析

BUG严重性：3

搜索问题：可能没有正确处理搜索框的内容，没有将搜索框中得到的字符串统一转换成大写或小写，导致搜索结果不相同

搜索结果问题：跳转链接存在问题，链接错误或者对应内容不存在导致无法跳转从而直接跳转到首页

结论

这个网站各部分可替代性都很强，而且它的界面、功能等不如同类的产品，一般要使用一些对应功能时也不会考虑用它。

推荐程度：c) 一般

评分：

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

Online Compiler and IDE

使用体验

介绍：这个网址是一个在线编译器和 IDE，它可以让用户在网页上编写和运行多种编程语言的代码。

使用：

首页：用户可以在文本域的位置输入或者粘贴代码，选择对应编程语言，然后点击运行按钮，就可以看到代码的输出结果和错误信息

范例：可以看到各种示例代码

最近代码：可以看到最近其他人编译的代码

优缺点分析：

• 优点：

  • 这个网站提供了一个编译器，可以让用户无需安装任何软件和环境就可以运行代码。

  • 用户可以在 最近代码 中浏览和学习他人的代码。

• 缺点：

  • 这个网站界面比较简陋，没有太多的美化和优化，网页加载有点缓慢，广告有点多，运行代码速度有点慢，编辑代码界面没有自动提示。

改进建议：

建议完善编辑代码界面的功能，如增加代码编辑自动提示功能、提供不同的代码高亮主题、美化界面UI，减少广告数量。

BUG描述

暂未发现BUG

结论

上面说到 IT屋 的可替代性很强，这个网站的可替代性更强，这个界面比 IT 屋 还要简陋，而且广告更多，代码提示功能同样没有，感觉要使用这些功能时也不会考虑要使用它。

推荐程度：c) 一般

评分：

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

第二部分 分析 —— InsCode

开发时间估计

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

需求分析：确定网站的目标、功能、用户群体、竞争对手等，编写产品需求文档。大概需要 2 周 的时间，由项目经理负责。

原型设计：设计网站的框架、导航、页面跳转等，绘制交互设计稿，然后根据交互设计稿，确定网站的色彩、字体、布局、素材等，制作视觉设计稿。大概需要 4 周 的时间，由UI设计师负责。

编程实现：使用代码实现网页的展示和逻辑，包括前端制作和后端制作。前端使用前端编程语言实现网页的布局、样式和动效，后端使用后端编程语言实现网站的数据逻辑处理。大概需要 8 周 的时间，由前端工程师和后端工程师负责。

网站测试：主要是在本地检验网站的功能和性能，排除 bug ，然后将网站部署到正式服务器上，完成域名解析和备案等操作。大概需要 2 周 的时间，由测试工程师负责。

总计：开发这个网站大概需要 16 周 的时间，也就是 4 个月 的时间。

产品对比排名

CodeSandbox

它是一个云开发平台，可以让开发者在任何设备上快速地编写、协作和部署 web 应用。支持多种流行的构建模板，例如 create-react-app、vue-cli、parcel 等等。

StackBlitz

它也是一个提供即时开发环境的云平台，可以让用户在浏览器中快速地编写、协作和部署 web 应用。

InsCode

网站优势：界面没有 CodeSandbox 和 StackBlitz 那么花里胡哨，简介干净，而且访问网站、加载项目的速度相较于这两个网站更快

网站劣势：模板没有前两个网站那么多，对应社区的规模和活跃度也不如前两个网站那么高

个人估计 InsCode 在同类产品排名中应该可以排名第十

软件工程方面的建议

发布前应该要多从用户角度考虑，有哪些情况下用户可能会产生哪些问题，尽量增强用户体验，多考虑一下用户的一些刁钻的操作会不会导致BUG。

BUG存在的原因分析

可能是开发时间比较紧，开发进度推得比较快，一些不影响系统的细节就先不急着修复，等网站上线之后再具体进行修改，具体原因可归纳为：

• 开发人员粗心大意

• 测试把关不严，敷衍了事，没有注意在特殊的配置或环境下测试

第三部分 建议和规划 —— InsCode

市场概况

首先市场有多大？

目前计算机行业相较于其他行业增长势头更加迅猛，国内计算机相关专业大学生和编程学习者数量庞大，所以其市场还是非常庞大的。

其次直接的用户有多少？潜在的用户又有多少？

InsCode 是一个编程、协作和分享社区，它的目标用户是那些对编程感兴趣，想要快速学习和实践的人群。

市场现状

目前市场上有什么样的产品了？

目前市场上已经有 CodeSandbox 、 StackBlitz 等竞品。

上述产品的定位、优势与劣势在哪里？

InsCode定位为CSDN社区的云端IDE平台， CodeSandbox 、 StackBlitz 都是国外的老牌在线代码编辑器，运营时间长，功能相较于 InsCode 更完善，但它们在国内受众较小，像 InsCode 还可以背靠 CSDN 这个在国内流量巨大的平台，所以说 InsCode 的前景是比较乐观的。

上述产品之间呈现什么样的关系，哪些为竞品关系？以及竞争中的各方态势如何？

它们都是竞品关系，都提供了在线的代码编辑器平台，让用户可以在浏览器中编写和运行代码，支持多种编程语言和框架。

它们也存在着差异， CodeSandbox 更专注于React和Vue等前端框架， StackBlitz 更专注于Angular和Ionic等前端框架， InsCode 则支持更多的编程语言和框架。

InsCode 作为一个新兴的平台，有着很大的发展空间和潜力，只要不断完善自己的功能和服务，提高自己的品牌知名度和用户黏性，就有可能成为一个领先的在线代码运行平台。

这个领域正处于 (萌芽 / 成长 / 风口 / 平台 / 下降)阶段？

在线代码运行平台是一个越来越受欢迎的趋势，可以为用户提供更便捷、更高效、更有趣的编程体验，这个领域正处于成长阶段。

市场与产品生态

这个产品的核心用户群是什么样的人？典型用户是什么样的？学历，年龄，专业，爱好，收入，表面需求，潜在需求都是什么？

核心用户：对编程感兴趣、想要快速实现自己的想法、或者想要学习和分享编程知识的人。

典型用户：

学生：他们可能在学习编程或者做一些课程作业，需要一个方便、快捷、免费的平台来运行和测试自己的代码。

初级开发者：他们可能在工作中遇到一些编程问题，需要一个在线的工具来验证自己的思路或者寻找解决方案。

需求：他们的表面需求是能够在线上运行代码，并且能够修改和提交代码。他们的潜在需求是能够快速编程实现自己的想法。

产品的用户群体之间是否存在一定的关系？是否有利用其相互作用二次构成特定用户生态的可能性？

我认为产品的用户群体之间是存在一定的关系的，因为他们都是在同一个平台上进行编程、协作和分享。

他们之间可以通过浏览和评论他人项目、与他人协作、为他人项目提供贡献等方式进行相互作用，从而二次构成特点用户生态。

产品的子产品，以及其他相关产品之间是否存在一定的关系？是否有利用各个产品特性之间的相互关系二次构成产品生态的可能性？

InsCode 背靠 CSDN，CSDN 本身的社区就很庞大、活跃，许多编程相关人员都或多或少有在 CSDN 上搜索相关知识或者编写博客分享相关知识，而 且 CSDN 还有 GitCode 帮助开发者管理项目和代码，在加上 InsCode 这个在线编程平台，相信其生态可以得到蓬勃发展。

产品规划

新功能：提供相关教程与文档

InsCode 的目标用户群体是那些对编程感兴趣、想要快速实现自己的想法的人，他们可能在环境安装和配置上遇到一些困难，于是选择了 InsCode 这个在线编程平台。但 InsCode 社区板块还不算庞大，在社区提供和分享相关知识的人较少，也缺乏一些教程和文档，这可能会影响用户的使用体验，如果能加上这个功能，就能够让用户可以更好地学习和使用平台的各种功能和服务。

NABCD 分析

• Need(需求)
  用户群体在创建项目时，可能会碰到一些问题，想要解决只能去搜索引擎或CSDN上搜索，他们可能需要一些更快捷的帮助。如果平台能提供相关教程和文档的功能，就能帮助他们更好地学习和使用平台的各种功能和服务。

• Approach(做法)
  InsCode可以在平台上添加一个教程和文档中心的功能，比如在导航栏增加一个教程板块，用户可以在教程板块中找到许多问题的解决方法。

• Benefit(好处)
  用户可以边看教程边敲代码，帮助用户更快熟练掌握编程，更好地使用这个平台，从而提高用户粘性。

• Competitors(竞争)
  借助CSDN平台的流量，加上 InsCode 自身的优势，相信其能在竞争中取得优势。

• Delivery(推广，交付)
  可以将 CSDN 用户适当引流到 InsCode ，在 CSDN 首页给InsCode打广告，推动 InsCode 生态建设。

详细规划

角色配置：前后端开发人员各两位，一位测试人员，一位美工人员（UI设计人员）

16周的详细计划：

时间(周)	计划
1	项目经理（我）负责收集和分析用户的需求，确定网站的目标、功能、用户群体、竞争对手等，编写初步的产品需求文档。
2	项目经理（我）负责根据调研的反馈，修改和完善产品需求文档，并和 UI 设计师 、 前端工程师 、 后端工程师 等进行沟通和确认，确保大家对需求有清晰的理解和共识。
3	UI 设计师负责根据产品需求文档，设计网站的框架、导航、页面跳转等，绘制交互设计稿，并和项目经理（我）进行沟通和确认
4	UI 设计师负责根据项目经理（我）的反馈，修改和完善交互设计稿，确保交互设计符合期望和满意。
5	UI 设计师负责根据交互设计稿，确定网站的色彩、字体、布局、素材等，制作视觉设计稿，并和项目经理（我）进行沟通和确认。
6	UI 设计师负责根据项目经理（我）的反馈，修改和完善视觉设计稿。
7	前端工程师负责根据视觉设计稿，使用前端编程语言实现网页的布局、样式和动效，并和 UI 设计师进行沟通和协作，确保前端页面还原设计稿。
8	后端工程师负责根据产品需求文档，使用后端编程语言实现网站的数据逻辑处理，如数据的存储、查询、更新等，并和前端工程师进行沟通和协作，确保前后端数据交互正常。
9	前端工程师负责继续实现网页的布局、样式和动效，并对已完成的页面进行优化和调整，提高网页的性能和兼容性。
10	后端工程师负责继续实现网站的数据逻辑处理，并对已完成的功能进行优化和调整，提高网站的安全性和稳定性。
11	前端工程师负责完成所有网页的布局、样式和动效，并对所有页面进行自测，检查是否有 BUG 或错误。
12	后端工程师负责完成所有网站的数据逻辑处理，并对所有功能进行自测，检查是否有 BUG 或错误。
13	测试工程师负责在本地检验网站的功能和性能，使用测试方法和工具进行各种测试，如功能测试、性能测试、兼容性测试、安全性测试等，并和前端工程师和后端工程师进行沟通和协作，反馈并解决发现的 BUG 或问题。
14	测试工程师负责继续检验网站的功能和性能，并对已解决的 BUG 或问题进行回归测试，确保网站的质量和可用性。
15	测试工程师负责完成所有网站的测试，并对网站进行验收，确保网站符合需求文档和设计稿。
16	将网站部署到正式服务器上，完成域名解析和备案等操作，并对网站进行监控和维护，确保网站的正常运行。