这个作业属于哪个课程	2023年福大-软件工程实践-W班
这个作业要求在哪里	软件工程实践——软件评测作业
这个作业的目标	1.对比测试三个网站；2.调研、评测、分析及提出建议和规划
其他参考文献	邹欣老师的案例分析作业要求 、《构建之法》

第一部分 调研，评测

BUG量化标准

严重级别	量化标准
一星⭐	系统功能可正常使用，安全性有保障，少量界面交互问题，用户体验轻微影响
二星⭐⭐	基础功能有小问题、界面交互有影响，给用户带来不便
三星⭐⭐⭐	功能问题较多且较为关键、用户无法正常操作
四星⭐⭐⭐⭐	严重系统故障、安全性有泄露风险、用户体验较差
五星⭐⭐⭐⭐⭐	致命性系统故障、致命性安全性漏洞、用户体验严重影响

产品1：InsCode

体验

介绍：Inscode是一个无需安装的编程、协作和分享社区
1.初始界面（点进网址已经自动登录好了CSDN的账号）

退出登录后的首页（很炫酷）

登录后的页面是CSDN，点击上方导航栏的InsCode进入初始界面（如果能直接跳转到初始界面就更好了）

2.创建项目功能
有2种方式创建项目：从Git URL导入项目和从模板创建
有少量提示性语言帮助创建项目，对于初使用者较为友好


创建好项目后会跳转至编辑器界面，分为3栏，带有终端，点击上方run按钮，终端会显示程序运行结果
首次进入这个页面有提示性步骤指导，帮助初使用者熟悉操作，较好

点击左上角项目卡片，可以对项目进行发布

有查看更改功能，能进行对比，还可以设置多个终端，这部分功能比本地的一些IDE好

3.模板中心
该界面简洁明了，分类清晰

点击其中一个模板会有提示性步骤指导

4.进入社区
默认显示热门的模板数据，右边是热门标签，标签配色不是很显眼，没有量化标签热门的程度。

当用户下滑页面查看，就看不到热门/最新的筛选框，也没有返回顶部按钮能帮助用户快速返回顶部；当用户想回去切换时就要自己上滑

查看他人发布的作品，可以点击run看到演示效果

点击查看文件，可以看到详细代码

还有分享功能，一共三种分享方式

评论功能（可以写评论也可以回复评论）

5.发布作品

作品处于审核状态，这个审核时间比较久，两小时过去了还是审核中

全屏效果（挺细心的，考虑到了用户体验）

寻找一下我的发布作品（不太理解为什么发布的作品不能单独搞个查看，要和我的项目在一块）

审核通过后，查看发布作品，不是很显眼，如果单独有个“我的发布作品”可能更好

6.我的项目里还有修改个人信息功能，有点多余，可以移到设置那里，而且上传封面后图片失真，也不能拉伸调整图片位置，观感不是很好

7.顶部搜索功能
有快捷键提示

查询结果进行了分类，便于用户查看所需要的东西

8.关于使用标签的一些疑惑

• 主页的热门栏目
  像下面这种形式的表示 “+1” 很容易让人理解成是两个“#游戏”标签，点进去才知道是另一个标签
  
• 还有如下的形式，最下方最多显示3个标签，其实空白位置还很多，可以考虑将标签展示数量设置多一些；点击标签进入的是这个作品页面，不是显示我以为的含有该类标签的所有作品
  

优缺点分析：

• 优点：界面UI设计总体还不错，社区作品查看、分享功能也比较完整实用，模板中心的设置很便捷，方便用户快速搭建项目，确实减少了在创意和产品实现上的差距。整体使用下来它还是能调动用户的使用兴趣的。
• 缺点：一些细节方面处理比较不好，像创建java项目出现的问题还有界面设计的一些小问题。

改进意见：

• 核心的项目编辑功能要更完善一点，比如java模板的使用
• 界面细节可以处理一下，像登录后的跳转等

BUG

1.测试环境：Windows 10系统、Microsoft Edge浏览器–版本 111.0.1661.62 (正式版本) (64 位)

• BUG1描述
  描述：项目代码重新编辑后，点击run按钮，右侧终端无法输出正确结果
  可复现性：基于Java语言模板创建的项目会出现该BUG
  具体复现步骤及情况描述：
  1）创建Java项目：
  
  2）编辑Main.java代码，文件目录处显示已修改，点击run运行
  终端应输出：你好
  实际运行结果依然是：Hello world！
  这不符合预期结果
  
  换了一种编程语言，修改代码却可以显示预期结果，我后面又试html模板的项目发现也可以，
  也尝试多建了几个java项目，通过修改代码后再运行都不能正确显示结果
  因为没有将所有语言模板均尝试一遍，所以目前发现只有Java模板存在这个问题
  
  后面我问了同学，发现不是我单独的问题，她还告诉我需要手动编译才能得出正确结果
  

分析

• 可能成因：网站开发者没注意到Java项目模板的问题，我了解到在NPCon上是提到了InsCode是一款快速开发GPT应用工具，或许是把重心放在了GPT模板上面。
• 严重性：二星(欲使用java语言写代码，点击运行却无法立即获取正确结果，带来很多不便，用户体验不好)
• 预期及改进建议：应该像其它语言一样，修改代码后点击运行显示结果；而且出现这种问题也可以设置有提示什么的，提示用户接下来怎么操作（比如手动编译）才能得到正确结果。

• BUG2描述
• 描述：先点击右上角用户头像图标，再点击头像图标左边的消息通知图标，两个抽屉式设计出现的框会重叠
  可复现性：稳定复现
  具体复现步骤及情况描述：
  1）先点击用户图标，等待弹出标签，再点击消息提示图标，弹出标签，两个会重叠；但是先点击消息提示，再点击用户头像图标，消息的标签会先消失，头像图标的标签再出现，就不会出现重叠遮盖。
  
  分析

• 可能成因：前端开发人员没注意到这个细节，在设计交互效果时出现错误，测试时也没注意
• 严重性：一星(用户体验轻微影响)
• 预期及改进建议：重新处理一下交互效果就可以了。

结论

c) 一般
定量分析：最终得分 80

	基本功能(40)	用户体验(30)	安全性(20)	细节处理(10)
分值	30	25	18	7

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

体验

介绍：IT屋是一个面向程序员、计算机爱好者技术分享社区
1.初始界面（广告很显眼，没有登录选项）

2.点击首页
最先出现的是菜鸟教程

下拉出现最新问答

再往下拉，热门标签居然放在最后，建议搞个侧边栏，方便用户查看

3.选择工具类别

点击下方一个工具进入，比如html/css/js工具，跳转至以下界面，风格变了，由绿变蓝，网站图标也变了，唯一不变的特点还是广告，广告篇幅占的比较大，影响用户观感

测试工具的使用（修改代码，点击执行，下方会显示运行结果）

下拉可以继续选择其他工具



换了Java在线工具
运行均正常，就是广告放在运行按钮和显示结果框中间，确实有点不方便看代码跟结果

4.问答库
点击问答库进入的界面
以列表形式展示所有文章

选择一篇文章，点击标题进入（布局还算可以，就是内容夹着广告，有点影响阅读）

点击文章末的查看全文，出现扫码登录，还得关注微信公众号才能看全文

查看答案
有的文章推荐答案带有链接，点击文章中的链接又跳转至其它页面，也没有准确回答问题。

回到问答库首页想看看有没有可以提问或回答的地方，但是没有，底部只有分页栏

5.菜鸟教程
点击导航栏中的菜鸟教程，选择Java教程，结果出来的是Java.io包教程，不是从概述开始，就直接介绍io包，有点不合常理。教程也是夹着很多广告。

6.使用右上角搜索栏
在首页中的搜索栏输入vue进行搜索，出来了一些文章，点击前三个没有带内容说明（就是…）的都跳转去了首页

只有点击有内容说明的才会跳转至文章，而且有的文章只有问题描述，也没有推荐答案

优缺点分析：

• 优点：提供的教程还是比较多，还是免费的；在线工具也比较多，提供给用户的选择多；问答库中的文章也多，查看全文也不需要付费。
• 缺点：
  1.广告太多，很大程度影响用户阅读体验。
  2.在线工具使用只能编辑一个代码文件，有点局限，不能适用一整个项目。
  3.问答库里的文章里面对于问题的推荐答案不知正确性，没有评论功能，缺少可信度。
  4.在查看全文那里登录后，不知道怎么退出登录，也没用关于用户登录的设置

改进意见：

• 界面再美化一些，广告篇幅少一些
• 问答库添加评论功能，增加文章回答可信度
• 在线工具功能可以多拓展一些，比如针对整个项目进行在线编辑

BUG

1.测试环境：Windows 10系统、Microsoft Edge浏览器–版本 111.0.1661.62 (正式版本) (64 位)

• BUG1描述
  描述：进入任意在线工具，选择的视频教程不能观看
  可复现性：稳定复现
  具体复现步骤及情况描述：
  1）在上方导航栏选择视频教程
  
  2）进入视频教程页面，找不到怎么点击视频播放，而且资源大小为0
  
  资源大小不为0的也没有找到播放查看的地方
  
  分析

• 可能成因：这个功能是项目最后新加的，导航栏风格跟之前不一样。开发任人员没来得及完成这个功能的开发，测试人员也没有进行测试
• 严重性：三星(关键功能无法使用，用户不能正常操作)
• 预期及改进建议：完成这个功能的开发，能点击视频资源进行在线播放。

BUG2描述
描述：四个数据工具无法使用
可复现性：稳定复现
具体复现步骤及情况描述：
1）选择MySQL在线工具，执行脚本语句，运行结果提示该语言仅供顾客使用，提供了网址获取更多信息，但是这个网址无法访问

分析

• 可能成因：开发人员没有完成这个功能开发，涉及到数据库，较难在线实现
• 严重性：三星(关键功能无法使用，用户不能正常操作)
• 预期及改进建议：完成这个功能的开发，能实现数据工具在线编码测试。

结论

b) 不推荐
定量分析：最终得分 60

	基本功能(40)	用户体验(30)	安全性(20)	细节处理(10)
分值	25	15	15	5

产品3：Product Hunt-The best new products in tech.

体验

介绍：Product Hunt 是热爱产品的爱好者分享和了解最新应用程序、网站和技术的地方
1.初始界面（美观新颖，好感+1）

2.注册界面
带有提示说明：未经您的许可，我们绝不会发布到您的任何帐户

3.完成注册登录后的界面
上方绿色条提示完成入职培训
该页面显示的是一些产品，搜索产品栏问题上方有分今天和活动两块，右边是热门话题
下面有的产品需要付款也会标注出来
4.查看产品
有即将推出、产品问题、发布档案、通讯这几类，还有热门产品的类别，这些分类很有特点，即将推出的产品也很吸引人。

左边图标有动态效果，很吸引眼球，右边向上箭头是投票功能

点击一个产品进去
出现产品的介绍页面，简单介绍了产品功能，还有一些用户使用过后的评论


点击visit访问就会跳转至新网址，可以让用户使用这个产品

尝试使用这个工具，点击Prompt Guide可以看提示指南，给新手带来很多帮助，按照示例上手难度不大，使用也比较方便


5.去社区
点击导航栏的community进入讨论区，选择一个问题进行查看


对于这些问题还可以进行筛选，根据发布时间，热度，时间跨度进行选择。

对问题进行回答，需要给自己邮箱发送许可进行验证才可以进行回答


使用搜索功能搜索相关问题，搜得很快，还没输完要搜索的内容就直接出来了结果

发表讨论问题界面，可以选择形式：讨论和民意调查，最下方还可以选主题


6.发布产品
因为账号注册未满一周所以无法使用发布产品功能，提示用户通过这一周时间多了解一些关于product Hunt的产品、社区信息，确保发布准备。思考一下觉得其实也有道理，这个社区里的产品大部分质量都比较高，可以减少只是测试发布功能随便发布的情况。我也见识到了很多高端产品，确实没有能力发布那样的产品:-(。（据目前了解这个软件是没有在线编程的功能。）

优缺点分析：

• 优点：界面清爽大方，用户体验感总体很好；社区氛围也比较活跃，对产品开发商比较友好，他们的产品可以得到很好的展示并吸引用户；有专门的帮助提示功能，能帮助新手熟悉操作，很细致。
• 缺点：整体功能没看出来有什么缺点，习惯看中文的用户可能不太爱用，我几乎没看到活跃的中国用户。

改进意见：

• 有一些界面细节可以处理一下，比如回到顶部按钮只有首页查看产品才有，社区查看讨论问题就没有这个按钮，但是社区里的问题列表拉下来也是很多的。

BUG

1.测试环境：Windows 10系统、Microsoft Edge浏览器–版本 111.0.1661.62 (正式版本) (64 位)

• BUG1描述
  描述：在社区讨论区搜索时刷新太快，没将内容输完全就刷新了
  可复现性：输入英文关键词会出现这种情况
  具体复现步骤及情况描述：
  1）进入讨论区，点击Search discussions框输入内容
  
  2） 输入关键词chatgpt，只输到chatg时就自动刷新了问题界面，而且搜索栏也清空了，虽然结果也是对的，但是如果用户想给出更精确的关键词描述就不行了
  
  分析

• 可能成因：开发人员没有注意到这个细节
• 严重性：一星(搜索问题功能不太好用，用户体验轻微影响)
• 预期及改进建议：等用户输完关键词内容按回车键（或者新加一个搜索按钮，点击按钮）进行关键词搜索，然后再刷新问题列表。

结论

d) 好，不错
定量分析：最终得分 91

	基本功能(40)	用户体验(30)	安全性(20)	细节处理(10)
分值	37	27	19	8

采访

• 采访对象：同样是软工专业的同学，也有编程需求，如果能不需要配置环境就能随时编程那就更好了
• 采访过程：她挑选使用的是InsCode、IT屋、ideone
  
• 总结：深有同感，InsCode对于学生来说还是比较适用的

第二部分 分析

开发时间估计

前提假设：开发团队的六个人水平处于中等，都掌握了开发所需的技术，不需要额外花时间自学，且成员之间水平差距不大，有专业UI支持。
1.InsCode – 开发时间估计

开发部分	时间估计 （/天数）
讨论（包含每个阶段的讨论）	30
界面设计	15
功能设计	25
代码编写	65
测试	15
完善优化	20
总和	170

2.IT屋 – 开发时间估计

开发部分	时间估计 （/天数）
讨论（包含每个阶段的讨论）	30
界面设计	12
功能设计	20
代码编写	40
测试	10
完善优化	15
总和	127

3.Product Hunt – 开发时间估计

开发部分	时间估计 （/天数）
讨论（包含每个阶段的讨论）	50
界面设计	25
功能设计	30
代码编写	80
测试	20
完善优化	30
总和	235

估计理由：依我个人看法，Product Hunt是功能最多的，且界面设计较好，同时比较注重用户体验，所以耗时总和最多；InsCode界面设计也不错，关键功能完成度也较好，耗时总和排第二；IT屋这个界面美观差一点，功能看起来比较简单，主要是内容多，耗时总和排第三。

同类产品对比排名

以下是对于我学生这个身份经过这次体验心目中的综合排名：

1.InsCode > 2. Product Hunt > 3. IT屋

（目前觉得实用性较强的还是InsCode，Product Hunt适合企业从事产品工作的人员，IT屋广告多、回答质量没有保证，已经不做考虑了）

• 界面美观对比：1.Product Hunt > 2. InsCode > 3. IT屋
• 社区发布功能对比：1. InsCode > 2. Product Hunt （IT屋没有这个功能）
• 编程工具体验对比：1.InsCode > 2. IT屋（Product Hunt没有这个功能）
• 用户体验对比：1.Product Hunt = 2. InsCode > 3. IT屋
• 时效性：1.Product Hunt > 2. InsCode > 3. IT屋

软件工程方面的建议

• InsCode
  开发人员可以完善一下一些模板的功能，前端人员对界面一些交互效果进行调整，测试人员要测试得全面一些。
• IT屋
  可以调研一下用户需求，进行需求分析，个人觉得问答库还是有必要让用户“问”和“答”的；开发人员可以注意一下数据工具的问题，完善这个功能
• Product Hunt
  社区中讨论区的搜索功能可以优化一下

BUG存在的原因分析

• InsCode
  BUG原因：开发人员粗心，测试人员没有进行全面的测试，未能及时发现问题。
• IT屋
  BUG原因：开发团队没有完成这些功能，可能他们将重心放在问答库上，具体设计出现了问题。
• Product Hunt
  BUG原因：对于小细节的关注有疏忽，测试把关不严。

第三部分 建议和规划

市场概况

• 市场大小
  这类有关编程/协作/发布的工具主要市场就在IT行业的工作人员及学习IT的高校学生（未来会从事IT行业的人）中。
  从事IT行业的人员数量还是在逐年增多，市场规模也逐年扩大，市场规模也是稳步增长，在2023年中国IT服务市场规模预计达12.3千亿元。IT行业中编程是不可或缺的，编程类工具的市场前景还是比较好的。
  

• 用户
  直接用户：目前从事IT行业有编程需求的人员以及学习计算机、软件相关专业的高校学生
  中国IT企业数量仍然是很多的，企业里从事编程工作的人员就可以通过这类编程工具获取工作上的帮助。而高校中的计算机相关专业学生估计也有40万人了，总体来说用户数还是比较多的。
  
  潜在用户： 处于编程萌芽阶段的青少年及对编程行业感兴趣的人员
  随着IT行业的迅猛发展，人才需求不断增多，编程有一部分已经加入到小学中学的教育当中，接触编程是越来越年轻化。
  

市场现状

• 目前市面上带有编程/协作/发布功能的产品除了：InsCode、IT屋、Product Hunt这三种以外，还有ideone、Codeanywhere 、Floobits等。
  这些产品主要核心功能是协作编码、社区发布作品
• 产品的定位、优势与劣势

1.InsCode

定位：缩小每个人从想法到作品的差距，让写代码像写文章一样简单，让你的灵感立刻落地
优势：由CSDN推出，有CSDN的用户基础，可以吸引已经注册使用CSDN的用户使用
劣势：目前有些功能还不太完善

2.IT屋

定位：面向程序员、计算机爱好者技术分享社区
优势：社区分享的内容数量庞大，教程也比较详细
劣势：界面体验较一般，还有功能未实现

3.Product Hunt

定位：这是一个热爱产品的爱好者分享和了解最新移动应用程序、网站、硬件项目和技术创作的地方
优势：内容优质，活跃用户数多
劣势：用户群体还是比较局限，更适合产品投资人这一类人员

• 上述产品之间的关系

这三个产品之间是竞品关系，虽然他们之间差别还是挺多的，各自侧重点都不一样，但是有个共同点就是分享。分享这一部分InsCode和Product Hunt做的还是比较不错的，IT屋只能查看已经分享在问答库的内容，用户自己不能分享。还有一个重点就是实时编程，这个部分InsCode做的也还行，IT屋提供的在线工具也很多，Product Hunt没有这个功能（应该是没有，只有发布产品）。总体来说，各有各的特点，竞争力度不强。

• 这个领域应该还处在成长阶段，还有提升空间，值得期待

市场与产品生态

• 核心用户群：计算机类专业大学生、IT行业工作者、IT技术爱好者
• 典型用户

第一类

用户	大学生
学历	专科、本科、研究生、博士生
年龄	19+
专业	计算机类
爱好	打游戏、研究IT领域新技术
收入	无
表面需求	因课程需要或个人兴趣需要编程研发一些个人作品
潜在需求	学习他人优秀的作品成果，与他人探讨相关问题

第二类

用户	IT行业工作者
学历	专科及以上
年龄	20+
专业	计算机类
爱好	看新闻、团建、工作摸鱼
收入	6k+
表面需求	工作需要协作编程、想学新兴技术提升自己实力
潜在需求	分享自己的优秀作品供他人查看，能被投资人看到最好

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

第一类大学生用户有可能成为第二类未来的IT行业工作者，已经从事IT工作的人员获取信息的渠道会比大学生多，他们可以通过分享一些最新产品的消息让大学生通过这个产品看到这个市场的需求走向，是有利用其相互作用二次构成特定用户生态的可能性的。

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

• 产品的子产品，以及其他相关产品之间是存在一定的关系的，比如InsCode就跟gitCode有联系，可以通过gitCode链接将项目移植到InsCode上进行编辑，虽然gitCode也有web IDE，但是InsCode的编辑器界面其实更适用一点；
• 还有它的分享功能，多种途径的分享就与其它平台产生联系，比如分享到微博，微博用户范围更广，还能吸引其他非IT行业的人员进行了解，是有利用各个产品特性之间的相互关系二次构成产品生态的可能性的。

产品规划

• 新功能

我觉得可以在InsCode的社区模块中新加一个用户投票奖励机制，让用户对分享在社区的作品投票，进而产生作品排行榜，对优秀作品进行奖励。这个想法其实来源于Product Hunt，因为它有对分享出来的产品设置投票，让用户进行投票，然后每天更新产品榜单，用户可以按日期查看产品榜单，这个点很不错。

• NABCD分析

1.Need，需求：
用户希望自己发布的作品得到肯定；吸引更多用户使用InsCode；鼓励用户发布优质内容
2.Approach，做法：
（1）在点进作品页面查看时，作品标题右方加一个投票标志，一个用户对同一作品只能投一票
（2）在社区首页顶部可以添加排行榜前几名，实时更新排行榜
（3）作品列表框右边可以展示票数
（4）每周或者每月对排行榜前几名的优质作品进行奖励
3.Benefit，好处：
（1）促进社区活力，激励更多人创作
（2）快速帮助用户查看或学习优质作品
（3）提高用户参与度，增加流量
4.Competitors，竞争：
竞争对象：已经有这个投票功能的产品，像Product Hunt等
我方优势：易上手，提供在线编程，快速便捷，有一定用户基础
我方劣势：目前有些细节还需完善
5.Delivery，推广：
先面向CSDN的老用户推广使用这个功能，然后利用一些合作平台打广告

• 开发规划
  1.角色配置：美工 * 1，前端开发 * 2，后端开发 * 2， 测试 * 1
  2.16周的详细计划

周期	详细安排
第1周	需求调研
第2周	需求调研
第3周	需求分析 、团队交流
第4周	原型界面设计
第5周	原型界面设计、原型优化调整、团队交流
第6周	概要设计、数据库设计
第7周	概要设计、数据库设计、团队交流
第8周	统一编程规范、功能分配
第9周	前后端编码实现
第10周	前后端编码实现、部分功能实现进度展示
第11周	前后端编码实现
第12周	前后端编码实现、代码复审
第13周	测试
第14周	测试，生成测试报告
第15周	修改BUG、系统优化、团队交流
第16周	生成使用说明书 、总结、上线

相关数据来源

1.艾瑞咨询：中国IT服务市场规模持续提升
2.2023年了？IT行业的前景还好吗？
3.CSDN：2021-2022年中国开发者现状调查