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

最新推荐文章于 2024-09-07 16:56:39 发布

拾陆肆

最新推荐文章于 2024-09-07 16:56:39 发布

阅读量125

点赞数 1

文章标签： gitcode html

本文链接：https://blog.csdn.net/m0_51998953/article/details/129972200

版权

这个作业属于哪个课程	2023年福大-软件工程实践W班
这个作业要求在哪里	要求在这里
这个作业的目标	对InsCode和相关网站进行测评
其他参考文献	…

bug星级	描述
☆	UI错误，显示不合理
☆☆	功能逻辑错误，数据错误等
☆☆☆	导致系统奔溃，安全漏洞，基础功能严重错误

1.第一部分调研，评测

1.1InsCode

1.1.1体验

关于INsCode：用户可以通过账号可以在平台上发布自己的开源代码，也可以在网站内嵌的编辑器里创建编写自己的项目，编辑器集成了vue,react js,html等多种语言环境，并且可以自行创建模板。同时可以查看其他用户的项目，使用其他用户的开源项目。
注册登录：InsCode beta可以使用csdn账号进行登录，并且左边的导航栏可以直接看到网站的功能模块。
在这里插入图片描述 创建项目：点击创建项目，可以创建自己的项目，代码管理基于gitcode，所以也支持直接从git上直接上传。
编辑器：网站自带在线编辑器，不需要配环境在线编写、修改项目。
社区功能:在社区模块里可以看到其他用户上传的项目，也可以进去评论，同时支持按作品、标签、用户和模板分类的搜索功能。
在这里插入图片描述
模板模块:在模板中心里选择你想要的模板可以快速的搭建你的项目的基本框架，并且模板有游戏，AI，网站等分类。

优缺点分析:

优点:网站主要是项目代码的管理和开源项目的分享平台，类似于gitcode等网站，但InsCode更加得专注于前端得项目，它自带网页预览的功能，并且能够在线编辑项目随时在不同的设备更改你的项目，而不需要重新的配置环境，减去了不必要的麻烦。可以让我们更直观更快速地看到自己想要的项目，这个更能让新手入门相对于github。
缺点:搜索功能需要改进，按标签搜索是否需要展示一些现有的标签，用户无法知道有什么标签的种类，并且搜索出的每个结果块信息太少了，连作者用户名都没有如果项目的名字相近，如何判断哪个是你想要的。产品竞争力也不确定，同类型github太出名，这类的网站一般面向IT行业内的用户，如何才能让更多的用户使用这个网站呢，如果没有大量的用户那么这个项目网站的平台将没有什么价值。

用户对产品有什么改进意见：

说实话现阶段网站属于半成品，有很多的功能和小细节都需要不断地测试和打磨，甚至是要进行内部测试而不是展现在用户的面前。比如UI的设计方面，现在的超级简约白蓝主题使得整个网站显得有点空了，UI设计和传统的经典博客式布局区别不大，没有特别吸引人的地方。
我希望能够多改进完善一些UI的设计和一些细节的打磨。

采访另一个用户:
采访对象是西安理工大学20级计算机专业的学生，他希望能够得到一些前端项目的资源进行学习和交流，来完善提高自己的技术。
在这里插入图片描述 后续:后面聊天他觉得这个网站的亮点就是比较专注于前端的项目，并且和gitcode有一定的联动，不过他就比较担心这个网站能流行起来吗。

1.1.2BUG

1.1.2.1第一个BUG

Bug发生时的测试环境：
浏览器：火狐111.0.1
操作系统：Win11
网络情况：校园网
Bug的可复现性及具体复现步骤：
可复现性：必然发生
复现步骤：在任意页面对网页进行缩放
Bug具体情况描述：
在缩放网页的时候网页并没有对不同分辨率和不同大小进行自适应，而是显示了错误的页面并且没有横滚动条导致看不到部分界面。
在这里插入图片描述
Bug分析：
原因：可能是前端的代码里面没有写分辨率的自适应。
星级：☆

1.1.2.2 第二个BUG

Bug发生时的测试环境：
浏览器：火狐111.0.1
操作系统：Win11
网络情况：校园网
Bug的可复现性及具体复现步骤：
可复现性：必然发生
复现步骤：
在这里插入图片描述

Bug具体情况描述：对别人是项目一直进行star，查看自己的动态时会出现多条记录并且刷屏。
在这里插入图片描述
Bug分析：
原因：可能是在接受数据的时候没有增加限制，在多次点击可以出现重复的数据，这很不合理。另外个人主页无法对动态进行管理，应该增加管理动态的功能。
星级：☆☆

1.1.2.3 第三个BUG

Bug具体情况描述：在个人主页发布一个作品，出现参数错误，但是填写并没有什么问题，他的报错也没有如何提示价值。
在这里插入图片描述
Bug分析：
原因：应该是前端代码编写出现问题。
星级：☆☆

1.1.3结论

目前为止我的评价是：一般
但我还是挺期待网站能够不断完善和改进，在拥有许多用户的时候的情景，可能会不一样。

1.2Online Compiler and IDE

1.2.1体验

关于Online Compiler and IDE:Online Compiler and IDE是一个外国的网站，你可以使用你的谷歌、Facebook等账户登录这个网站也可以直接用邮箱注册。在这个网站你可以在线编译你的代码而不需要配置环境，编译代码范围比较广，基本覆盖了大部分主流的语言，你可以在任何设备进行代码的编写。

注册：账号注册和登录登录，网站使用谷歌的人机验证需要插件/vpn,这很不友好。
在这里插入图片描述
登录账号修改一些设置
代码在线编译:在newCode页面，选择想要的语言编辑代码然后点击run就可以在线编译出结果（~~虽然没有任何提示~~） ,编译出错也有报错的提示语句。
查看编译:在recentcodes页面可以看到最近提交的编译的程序，也可以查看和fork，但是没什么信息提示，所以根本不知道编译的是什么东西，感觉没什么用处。
在这里插入图片描述
优缺点分析:

优点:网站的UI设计相对来说简洁舒适，没有什么广告跳脸，用户可以很快的看到和了解网站的主页功能和业务，入手快，实现在任何设备上打开网页就可以编写代码并且编译出结果。
缺点:首先在大的功能模块里面，recentCode功能我觉得是多余的，或者说是不完善的，查看最近的自己的编译记录没有问题，但是还可以看其他用户的编译记录，也没有问题，关键是每一条记录没有任何提示性的文字描述，让人根本就不知道编译的是什么，那么看别人的编译记录完全没有意义，不如只看自己的记录更好。另外网站的语言没有适配中文，有点不友好，页面的整体布局虽然简洁但是相对来说有点过了，有点简陋，UI设计方面没有什么体现。

用户对产品有什么改进意见：

网站给人的第一印象就是UI太简单了，让用户觉得这个网站不太行，我觉得应该重新花时间设计改善一下UI的代码，让UI变得简洁而不失美感，让用户享受在网站在线编译的感觉。另外recentCode这个功能我觉得多余了，不太实用，可以去掉或者改成只能看自己的编译记录。我希望可以增加更多语言的适配，使得不同语言的人可以顺畅的使用，也降低一些使用的门槛。对于新用户也应该增加一个使用说明，介绍网站的功能和用法。

采访另一个用户:
采访对象是西安工业大学20级计算机专业的学生，采访理由就是他是我老同学，而且也是计算机相关专业。（~~我觉得~~ ）他的需求是想要找一个能够在线编译各种语言的网站而不需要在临时使用的设备上配置一堆的环境这很麻烦。
在这里插入图片描述

1.2.2BUG

1.2.2.1 第一个BUG

Bug具体情况描述：进入设置页面，更改语言设置，改成中文但是有很多地方都不是中文，很割裂一半中文一般英文，语言设置没有做好。
在这里插入图片描述

Bug分析：
原因：我觉得就是前端代码编写出了问题，有些地方改成了中文，有些地方没有。
星级：☆

1.2.2.2 第二个BUG

Bug具体情况描述：在recentCode页面里面，随便点击一个编译记录，任何点击评论发现什么都没有，不能评论也看不了别人的评论。
在这里插入图片描述

Bug分析：
原因：我觉得目前网页可能没有实现这个功能，看了一下网页的源码，在comment的div里面什么都没有，也没有进行评论的地方
星级：☆☆

1.2.3结论

目前为止我的评价是：一般
如果你没有其他的网站或者是国内的在线编译网站使用的话，你选择这个网站确实可以，至少可以编译出你的代码，但是不谈UI的体验，这个外网的响应速度就很折磨人，所以这个网站一定不是第一选择。

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

1.3.1体验

关于IT屋-程序员软件开发技术分享社区:是一个集成了在线编译的前后端和数据库工具、小论坛问答功能、各种IT技术教程的完整。可以说很全面，拥有3大功能，用户无需登录就可以使用。

登录：本网站没有登录功能，不需要账户
问答库:在这个页面里可以查看各种相关的文章有Java,php等等分类。
在这里插入图片描述 菜鸟教程:在页面里可以看到各种分类的教程，学习前端后端的各种技术。
在线工具:提供前端、后端编译、数据库等在线工具，感觉挺全面的。
优缺点分析:

优点:网站涉及面挺广的，有教程、论坛、在线工具（前后端、数据库），页面的布局简洁。
缺点:网页里充斥者大量的广告，论坛里的文章不关注微信号根本就不能看，每个页面都有跳脸的广告（~~燕国的地图真的短~~ ），这是三个网站里最令人不舒服的网站。除此之外，页面的布局虽然简单却十分的混乱，每个页面放了太多的块，让人眼花缭乱看着看着就迷路了，大量密集重复的信息毫无逻辑，没有实际过信息布局的方式，其中还参杂者一些UI的明显的bug，可见网站发布的紧急程度和0维护的高额成本。网页的UI色调也很神奇，简单一抹绿色，令人瞠目结舌。什么都设涉及到了，但是又什么都不深入不精通，从而导致每一个功能都比不上别的网站，也很难学到好的东西。另外，请问网站要如何进行提问，如何评价呢，没有这个功能好吧，而且论坛里体验十分不好。

用户对产品有什么改进意见：

改进的意见其实挺多的，最重要的是要完善网站各个模块的功能，每个模块或多或少都少一些基本的功能，使得用户体验很差，然后在重新设计UI和数据的呈现方式、数据排版，解决一些明显的bug，再考虑赚钱的事情会好很多，我觉得如果对自己网站有想法就应该先把网站做好，其他的自然而然就有了。

采访另一个用户:
采访对象是西北大学20级计算机专业的学生，采访理由就是他也是我老同学。嗯，他的需求是想要找一个能够学习一些前后端知识的网站和其他人可以交流。
在这里插入图片描述

1.3.2BUG

1.3.2.1 第一个BUG

Bug具体情况描述：在跳转菜鸟教程和在线工具页面的时候，绿色导航栏块会拉得很长。在这里插入图片描述

Bug分析：
原因：网页的前端代码没有实现好，使得出现一些UI问题，用户看得很别扭。
星级：☆

1.3.2.2 第二个BUG

Bug具体情况描述：在问答库里面的文章里，不论打开文章几次，永远查看数量是0，没有改变。
在这里插入图片描述

Bug分析：
原因：要么前端的数据编写出错，要么是后端接受数据出错或者是数据库CRUD出现错误导致数据没有更新，另外为什么文章下面竟然没有问答功能？
星级：☆☆

1.3.2.3 第三个BUG

Bug具体情况描述：这个搜索功能他只能搜索问答库下拉框里有的几个选项，其他的都搜索不了，很不合理，这个功能没有存在的必要。
在这里插入图片描述
Bug分析：
原因：在前端代码的实现了完全没有实现搜索功能，也可能是代码出错了或者在与后端对接的时候没有得到对应的数据。
星级：☆☆

1.3.3结论

目前为止我的评价是：不推荐
说实话网站做得很一般，功能很多但是每个功能都不全，不好用，甚至不能用，最大的败笔还是大量的广告，让用户觉得完全就是捞钱的残次品。可以说这是三个网站里面最不推荐观感最差的网站了。

2.第二部分分析

2.1开发时间估计

InsCode:8个月
Online Compiler and IDE:4个月
IT屋:5个月

2.2同类产品对比排名

InsCode:
这个网站算是后起之秀把，因为已经有同类型功能的网站了，而且像GitHub、gitee等网站都挺出名，用户数量也很多，想要在同类型的舞台里杀出重围也挺困难。但也有一定的优势，InsCode结合csdn一起同账号使用，并且国内的项目管理分享平台并没有非常出名的网站，拥有csdn庞大的用户数量也很有机会成功。排名的话3、4名吧，现在还不成熟。
Online Compiler and IDE:
网站比较轻量级，没有很多冗余的功能，专注于后端主流语言的在线编译功能，用户可以很有针对性的选择这个网站，网站简洁明确。但是网站知名度不高，也没用较其他同类型网站特别突出的地方，而且外网的响应速度很慢，在中国市场这里应该很难成功，产品质量只能说还算可以的中游产品。
IT屋:
网站集成了问答系统、各种语言教程、在线编译工具为一体，比较全面，设计的范围很广。但是都很粗糙，一些设计的细节都没有注意到，甚至有功能缺陷，另外网站的广告也太多了，不如Online Compiler and IDE，我觉得排名算底层网站。

2.3软件工程方面的建议

InsCode:
我觉得在商业推广这里应该着重思考一下产品的推广，向着如何更好地联动gitCode和scdn这些已经上线的比较成熟的产品，让用户很自然很方便的使用scdn的同时，可以很容易的使用InsCode网站。
Online Compiler and IDE:
提升一下前端页面的布局、UI设计，考虑一下网站结构里面recentCode能不能改进一下或者不要这个功能，可以看到自己的编译记录，但其他用户的编译记录只有系统内置的编号作为信息，用户不知道这是做什么的代码，那这个功能其实没什么用处。
IT屋:
作为一个网站，给用户的体验非常不好，我觉得应该减少一些功能，去细致地制作某一个功能作为主要的网站特点，而不是现在的一个都不好用。在网站服务这里，广告也太多了太强硬了吧，不关注微信号都不能查看完整文章。

2.4 BUG存在的原因分析

InsCode: 对用户需求掌握不好，测试不充分吧，有一些隐藏的BUG没有发现，对UI的严谨程度没有那么高（~~是先上线公测一下根据用户反馈在改？~~ ）。

Online Compiler and IDE: 具体的设计质量不高，有一些功能能看出是不完整的没有开发完全。

IT屋: 测试把关不严，敷衍了事，没有注意在特殊的配置或环境下测试，具体的设计质量不高，开发人员粗心大意。我怀疑项目组可能只是想捞钱。

3.第三部分建议和规划

3.1市场概况

InsCodes是针对前端项目的版本管理，项目发布的平台网站首先，其比较类似的github分析，根据 Stack Overflow 的一项调查，GitHub 被全球约 65% 的开发者使用，全球的开发者都需要这个类型的平台，而InsCodes作为面向前端和在线编辑的平台也有很大的市场，况且InsCodes集成在csdn里面，拥有很大的潜在用户，同时可以增加用户的粘性和平台的价值。InsCodes不仅适用于软件开发，前端开发，还可以应用于其他领域的项目管理和协作，拥有很大的潜在用户的数量。

3.2市场现状

市场上有类似的平台产品：GitHub Pages、Netlify、Surge、Firebase Hosting
、GitLab Pages等。
GitHub Pages：是 GitHub 提供的静态网站托管服务，可以免费地发布个人、团队或组织的静态网站。它可以直接与 GitHub 上的仓库绑定，自动构建和发布网站。
Netlify：是一个全球性的静态网站托管服务，提供了自动化的构建、部署和管理工具。它支持多种前端框架和静态网站生成器，同时还提供了很多高级功能，如 A/B 测试、表单处理等。
Surge：是一个简单易用的静态网站托管服务，提供了基于命令行的部署工具和自定义域名等功能。它适用于小型项目和个人开发者。
Firebase Hosting：是 Google 提供的静态网站托管服务，集成了 Firebase 平台的多个功能，如实时数据库、云存储等。它提供了免费和付费两种服务，适用于各种规模的项目。
GitLab Pages：是 GitLab 提供的静态网站托管服务，可以直接与 GitLab 上的仓库绑定。它提供了自动化的构建和发布工具，同时还支持自定义域名和 HTTPS。
优势：上述产品或多或少都与InsCode有竞争关系，InsCode优势可能在于集成在csdn中拥有很多潜在用户并且主要面向中国的相关IT行业的用户，拥有在线编辑和预览功能。
时期:我觉得这个领域应该处于风口期，已经拥有了许多很成熟的产品和稳定的用户群体，但是IT还是可能会进一步发展。

3.3市场与产品生态

核心人群：计算机相关专业的学生、IT行业的从业者。20-40岁之间，本科或者以上学历的，进行学习或者前端技术交流，在已有项目的基础上想要快速构建开源前端项目。
用户群体的关系：应该是行业就业者，IT界技术大佬和IT新人、学习者这种推进迭代的关系，新人在平台可以和大佬交流学习相关的项目，从而成长为行业资深学者，而不断的迭代循环这种关系。

3.4产品规划

新功能：
在InsCode的基础上新添加一个问答模块，用户可以在这里提出自己的问题，可以是技术方面的问题，或者是对社区作品的相关问题，或是你找不到你想要的项目求助他人，亦或是你想要推荐一些优秀的项目，就可以在这个模块发一个文章。当然该模块应该有评论、独立检索等功能。
原因:
我觉得可能有些用户会找不到想要的项目，如果项目太多的话，用户想要推广自己的项目也可以发表文章，在文章里可以直面项目和用户，一起讨论项目的优点与不足。
NABCD分析：
需求：在未来众多的项目里，用户可能找不到自己想要的或者是找不到一些优秀的自己需要的项目，这是用户可以在问答模块里发表一篇求助的文章，等待其他用户解答或者推荐。另外，用户也可以在问答模块推荐一些自己或者其他用户的优秀作品，或者是发表一些技术上是文章与其他用户一起讨论。
做法：以一般的博客问答系统作为模板，设计UI构建出自己的问答模块，使用vue+后端+数据库完成模块的编写。
好处：项目的作者与用户之际可以有更好的交流，同时可以协同项目的检索，更快速地找到需要的项目，可以专门为项目打造一个交流的平台而不是转头去SCDN询问和查找，会带来一些不必要的麻烦，更加难找的同时会使得CSDN的文章种类更加多，造成SCDN用户体验下降。
竞争：直接在项目协作发布网站里创建问答模块，让项目可以与其他用户交流，是很新的一种方式哦。
推广：以csdn用户基数作为背景来推广InsCode的新功能。
分工：
4个开发、1个测试、1个协调开发和测试
规划:

周期	任务
1-2	前端团队：确定博客的设计和风格，开始设计网站框架和布局，确定前端技术栈后端团队：确定服务器和数据库架构,开始设计和实现API接口,确定后端技术栈测试团队：开始制定测试计划,确定测试环境和工具,进行系统测试，包括功能测试和性能测试
3-4	前端团队：完成网站的基础框架和布局，开始实现页面的样式和交互功能，进行页面的初步测试和优化后端团队：完成API接口的设计和实现，开始进行基础功能的测试和优化，着手设计和实现博客文章和评论的存储和管理测试团队：继续进行系统测试和性能测试，开始进行用户体验测试，逐步完善测试计划和测试用例
5-6	前端团队：完成网站的所有页面设计和实现，开始进行网站的整体测试和优化，准备开始制作用户帮助文档和FAQ 后端团队：完成博客文章和评论的存储和管理，开始进行数据安全和数据备份的设计和实现，开始进行性能优化和系统安全性测试测试团队：继续进行系统测试和用户体验测试，完善测试报告和测试用例，开始进行测试自动化的实现和优化
7-8	前端团队：完善用户帮助文档和FAQ，开始进行SEO优化,准备开始制作用户体验改进计划后端团队：开始进行博客文章和评论的搜索和过滤功能的设计和实现，进行数据库性能优化和备份策略的优化，开始进行安全漏洞扫描和修复测试团队：进行回归测试和性能测试，开始进行安全漏洞测试和漏洞修复的验证，继续完善测试自动化和测试用例
9-10	前端团队：进行用户体验改进计划的实施，开始进行移动端适配和响应式设计的实现，进行网站速度优化和浏览器兼容性测试后端团队：进行博客文章和评论的权限管理和访问控制的设计和实现，开始进行服务监控和日志管理的设计和实现测试团队：继续完善测试自动化和测试用例
11-12	前端团队：开始进行网站性能优化和响应式设计的完善后端团队：开始进行性能优化和可扩展性设计的实现测试团队：继续完善测试自动化和测试用例，开始进行最终的用户体验测试和优化
13-14	前端团队：继续进行响应式设计的完善后端团队：进行服务监控和日志管理的完善测试团队：继续完善测试自动化和测试用例
15-16	前端团队：进行最后的用户体验测试和优化，准备正式上线网站后端团队：进行最后的安全性测试和漏洞修复，准备正式上线网站测试团队：进行最后的性能测试和安全性测试