| 这个作业属于哪个课程 | <软件工程-23年春季学期> |
|---|---|
| 这个作业要求在哪里 | 作业要求的链接 |
| 这个作业的目标 | 使用软件并编写评测博客 |
| 其他参考文献 | 构建之法，百度百科 |
文章目录
第一部分 调研，评测
| 评级 | 描述 |
|---|---|
| ★★★ | 原本正常的使用流程被BUG阻塞导致功能无法使用，或者使页面卡死崩溃 |
| ★★ | 功能方面的缺陷，使页面卡顿，但功能可完成，仅仅是使用中有磕绊 |
| ★ | 显示方面的小问题，基本不影响用户体验，只是有改进的空间 |
InsCode
1、使用体验
介绍
一款嵌入在csdn中的编程/协作/发布工具，能够帮助具有编程能力的人们，随时随地记录下自己灵光一闪的代码。
使用详情&功能介绍&优点分析
注册界面的背景十分炫酷，动效可以随用户的鼠标的移动而进行改变，给人一种强烈的深邃感和科技感,对于一款面向编程人员的产品，这样的技术风更有助于吸引用户，得到用户的信赖（优点）。
功能界面十分简洁，在用户首次进入时有详细的步骤指引，在功能引导方面做的十分到位，在同类竞品中是一项不小的优点。
点击创建项目可进入项目创建面板，这里是产品的主要功能，用户可以在网页中随意创建自己想要的模板，进行代码的编写，调试。
这里以vue.js项目举例，当创建了vue项目之后，可进入vue的编写、调试面板，除了提供代码功能之外，还提供了实时面板功能，查找替换功能，基本上实现了前端的编程环境。
版本提交在线编辑的同时提供了版本提交功能，版本会提交到gitcode仓库，能够直接与之前CSDN开发的的完善的产品相关联，对于用户体验和用户扩展方面都是一项优点。
社区模块中用户可以发表自己的项目，按照技术分类，推送给其他用户，其他用户可以收藏，评论交流。
缺点&产品改进意见
项目导入功能中有一项缺点：通过git Url导入时，发现没有vue.js这个导入模板，而且使用html-css-js模板导入也不能正常运行导入的vue项目，但是在直接创建项目时，却可以创建vue项目模板，可创建但不可导入，我觉得这属于一种功能上的缺陷。
建议:对所有可创建的模板，都有与之相对应的项目导入功能
社区标签功能中只有热门标签选项，但不可能每个用户想要查看的技术模块都在热门标签中，我认为应该将标签功能单独模块化出来而不应该只有热门标签。
建议：增加一个单独的标签功能，可以展开所有的标签选择供用户选择，但默认展示可以只展示热门标签。
评论区回复功能中，在同一个楼层中的回复，只能回复某一个人（而且要自己手动@，不能系统快捷选择），而不能针对某一段话（即不能@某一条评论），这样做用户的评论体验感是相当差的，因为当有很多楼层，或者一位用户多次发言时，其他人的回复就不知道是在回复哪一条评论，而且消息界面也只显示了某某人回复了你，具体回复了哪一条消息，还需要用户一条一条去找，如果评论数增多，或者评论人的回复时间不同，用户几乎不能找到，别人回复了什么消息。
建议: 当别人回复你时，可以像qq消息那样@某一条消息，且系统的消息提示中可以直接跳转到对方的评论，而不用用户手动去寻找。
采访
2、BUG
1、评论区回复功能:如果只输入一个回车并点击发送，则会无法进行正确的发送并卡死该楼层的所有发送功能，严重影响用户的体验。
Bug发生时的测试环境：Windows 10 浏览器google chrome 111.0版本。
Bug的可复现性: 必然发生。
Bug的复现操作&详情:
评论区BUG
Bug分析:
观察BUG发生后，按钮一直处于发送状态，也许是发送了本不该运行发送的内容(回车)，导致发送请求错误，得不到正确的返回值，导致按钮无法返回原状态，从而卡死其他的发送按钮。建议前端限制用户的输入信息，如果仅含有回车或者空格的信息，不允许发送。
Bug评级:★★★
2、用户头像和通知图标下拉栏的显示问题:先点击通知栏，再点击头像，通知栏下拉栏会消失，再显示头像下拉栏，而反过来操作却不行。
Bug发生时的测试环境：Windows 10 浏览器google chrome 111.0版本。
Bug的可复现性: 必然发生。
Bug的复现操作&详情:
下拉栏BUG
Bug分析:
点击头像栏后再点击通知栏，这是判定的是点击通知栏，触发的是通知栏展开的事件，而不是点击其他处，收回头像栏的事件。建议前端添加一个展开通知栏并收回头像栏的事件即可。
Bug评级:★
3、结论
e) 非常推荐
| 评分项 | 描述 | 评分（百分制） |
|---|---|---|
| 界面美观 | 页面美观性对用户体验的影响极大，能否用美观的界面吸引用户给用户带来良好的体验是十分重要的（占比30%） | 28 |
| 实现功能 | 是否完成了产品目标需求，对同类型的产品是否有额外功能给用户带来更好的体验，功能方面的性能对比之下是否更高效，更便捷（占比40%） | 38 |
| 响应速度 | 用户是否能在网速正常的情况下正常访问页面，而不会因人数，服务器问题导致功能响应缓慢（占比10%） | 8 |
| 细节考量 | 在各种用户需要的功能处是否考量到位，UI的设计是否符合大众审美，如按钮位置是否显眼，功能是否易于使用等（占比10%） | 9 |
| 用户体验 | 用户整个使用流程是否流畅，有没有详细的用户指导，符不符合实际用户需要（占比10%） | 9 |
| 总分 | 92 |
IT屋-程序员软件开发技术分享社区
1、使用体验
介绍
一款面向程序员，为程序员学习，分享技术提供了一个良好的交流平台
使用详情&功能介绍&优点分析
分为3个模块，提供在线编辑工具，教程以及问答区域
在线编辑工具，可以在程序员没有对应环境的情况下，提供一个简易的编写环境。
优点:几乎覆盖了所有语言的在线编辑，在功能全面性方面十分出色。
教程功能基本与菜鸟教程一致，提供简易的教学案例以及语法教学。
简单的问答模块栏，用户可以查找自己想要的问题并找出解答。
缺点&产品改进意见
界面排版过于简单且冗杂:最简单的表格和列表布局,且只有文字描述，毫无美观性可言，用户视觉体验极差。
明明是交流社区，用户却不能自己提问让别人回答，甚至没有评论区功能:没有完成分享这一功能，用户无法根据自己的需求提问，而且能找到的问题解答十分有限。
广告在最显眼的位置，要关注微信公众号才能显示全文:后者可能是营销策略，但是广告放在最重要的位置大大影响了用户体验。
修改建议:将广告移至主要内容下方。
2、BUG（无）
3、结论
b) 不推荐
| 评分项 | 描述 | 评分（百分制） |
|---|---|---|
| 界面美观 | 页面美观性对用户体验的影响极大，能否用美观的界面吸引用户给用户带来良好的体验是十分重要的（占比30%） | 15 |
| 实现功能 | 是否完成了产品目标需求，对同类型的产品是否有额外功能给用户带来更好的体验，功能方面的性能对比之下是否更高效，更便捷（占比40%） | 20 |
| 响应速度 | 用户是否能在网速正常的情况下正常访问页面，而不会因人数，服务器问题导致功能响应缓慢（占比10%） | 8 |
| 细节考量 | 在各种用户需要的功能处是否考量到位，UI的设计是否符合大众审美，如按钮位置是否显眼，功能是否易于使用等（占比10%） | 5 |
| 用户体验 | 用户整个使用流程是否流畅，有没有详细的用户指导，符不符合实际用户需要（占比10%） | 6 |
| 总分 | 54 |
Online Compiler and IDE
1、使用体验
介绍
一款外网的在线编辑工具，提供基本的在线编辑功能
使用详情&功能介绍
首页就是主要功能，用户可以选择自己需要的语言，进行在线代码编辑。
可以在网页中运行代码，查看结果，或者下载代码，保存到本地。
优点:有专门的页面用来展示范例如何运行，提高用户的上手速度并降低上手难度。
提供分享功能，其他用户可以在recent code界面看到最近提交的代码。
缺点&产品改进意见
缺少语言支持:不提供中文服务，本地适用性差。
分享功能不显著:如果用户突然想到一个好的点子，在线编辑后没选择私人选项运行，其他人就可以看到他的Good idea了。
建议:用户提交代码时有提示，用户选择的是公开运行，是否继续执行。
2、BUG（无）
3、结论
c) 一般
| 评分项 | 描述 | 评分（百分制） |
|---|---|---|
| 界面美观 | 页面美观性对用户体验的影响极大，能否用美观的界面吸引用户给用户带来良好的体验是十分重要的（占比30%） | 15 |
| 实现功能 | 是否完成了产品目标需求，对同类型的产品是否有额外功能给用户带来更好的体验，功能方面的性能对比之下是否更高效，更便捷（占比40%） | 35 |
| 响应速度 | 用户是否能在网速正常的情况下正常访问页面，而不会因人数，服务器问题导致功能响应缓慢（占比10%） | 8 |
| 细节考量 | 在各种用户需要的功能处是否考量到位，UI的设计是否符合大众审美，如按钮位置是否显眼，功能是否易于使用等（占比10%） | 5 |
| 用户体验 | 用户整个使用流程是否流畅，有没有详细的用户指导，符不符合实际用户需要（占比10%） | 6 |
| 总分 | 69 |
第二部分 分析
开发时间估计
团队人数6人左右，计算机大学毕业生，并有专业UI支持
| 产品名 | 设计时间 | 编程时间 | 调试时间 | 总时间 |
|---|---|---|---|---|
| InsCode | 15天 | 120天 | 15天 | 150天 |
| IT屋-程序员软件开发技术分享社区IT屋 | 5天 | 100天 | 15天 | 120天 |
| Online Compiler and IDE | 10天 | 100天 | 10天 | 120天 |
同类产品对比
InsCode，IT屋-程序员软件开发技术分享社区IT屋 ，Online Compiler and IDE都有在线编辑的功能，在这方面可以归为同类型产品。
| 评分项/产品名 | InsCode | IT屋 | online Compiler and IDE |
|---|---|---|---|
| UI设计（30） | 28 | 15 | 20 |
| 功能实现（40） | 38 | 15 | 20 |
| 用户体验（20） | 18 | 10 | 15 |
| 额外功能（10） | 8 | 8 | 5 |
| 总分（100） | 92 | 48 | 60 |
软件工程方面建议
InsCode:在用户引导方面，该软件是用弹窗步骤，一步一步显示的，但对于一些用户而言，他们急于上手，会直接将弹窗点掉，而不是仔细阅读，然后当他们发现不能熟练使用软件时又没有方法开启提示弹窗，所以建议像Pixso一样，在主界面加一个视频使用教程，更能增加用户体验。
IT屋: 功能可扩展，用户不能评论，不能提问的交流社区实在是太抽象了，然后在线编译功能可以添加下载功能，方便用户保存代码。
online Compiler and IDE: 希望能够中文化，由于是外网原因，注册功能也有访问问题，功能方面太过简洁，如果能添加代码评论功能可大大增加竞争力。
BUG存在的原因分析
InsCode：这个两个问题基本上都是前端需要考虑到的，一个是文本输入框的提交审核，一个是下拉栏的取消问题，一部分是程序员疏忽问题，但发现他的文本框不能提交空内容，说明程序员是有考虑到这个问题的，但是测试没有到位。
第三部分 建议和规划（InsCode）
市场概况
上述三个产品全是面向程序员的在线编辑工具，主要用户为中国的程序员，以及编程爱好者。依据GitHub发布的《Octoverse 2021年度报告》，2021年中国有755万程序员，排名全球第二。
且在2020年，2021年分别以40%，30.6%的速度增长。至于潜在用户，主要是刚步入大学的，学习计算机相关专业的学生们，2022年中国大学毕业生1100万人，计算机相关专业约为百分之10，即每年都有110万新鲜血液进入互联网行业，而这些都是潜在用户。
市场现状
市面上的产品
目前市面上已经有许多在线编辑工具如上面提到过的online Compiler and IDE，InsCode,还有一些大公司的产品，lightly，Clould Stdio等等。
产品的定位，优势与劣势
| InsCode | online Compiler and IDE | lightly | Clould Stdio（腾讯） | |
|---|---|---|---|---|
| 定位 | 轻量化，在线编辑工具，社区交流服务，编码分享 | 在线编辑工具，编码分享 | 轻量化，在线编辑工具 | 轻量化，在线编辑工具 |
| 优势 | 有CSDN社区作为用户基础，有GitCode作为云仓库基础，用户的学习成本大大降低，提供社区功能，丰富用户体验 | 无 | 对于在线IDE来说功能更加成熟 | 有大量的用户基础，功能方面有着更强的技术力 |
| 劣势 | 对于潜在用户来说，腾讯，阿里的产品更加有名 | 不适应中国市场 | 没有足够的推广渠道 | 不提供社区功能，单纯的在线IDE工具 |
InsCode,lightly,Clould Stdio是竞品关系，其中InsCode,Clould Stdio有大量用户基础,且有着领先于其他产品的技术力，最有竞争力。
这个领域正处于萌芽阶段，因为大多数需要编程的人员依旧习惯在自己电脑上安装好对应的环境，但随着在线IDE的发展，人们不用再自己配置麻烦的环境，直接点开就用，有着良好的发展前景。
市场与产品生态
面向人群
主要面向计算机行业者，计算机相关专业学生
用户画像1:
姓名:小华
职业：程序员
描述: 熟悉多种编程语言，有多台工作电脑，但每台电脑配置了不同的环境
适用情况: 工作中需要两种编程环境，但是分别安装在了不同的电脑上，配置相关环境可能发生版本问题，容量问题，且配置十分麻烦
用户画像2:
姓名:小刚
职业: 软件工程专业大学生
描述: 需要学习多种编程语言，只有一有台电脑
适用情况: 学习或者实践课需要安装多种环境，因为是新手所以要花费大量时间配置，而且因为只有一台电脑，往往容量不够
Q1:产品的用户群体之间是否存在一定的关系？是否有利用其相互作用二次构成特定用户生态的可能性？
现在的计算机专业大学生，就是以后的程序员，大学生在成为程序员的路上肯定需要有经验的程序员带路。有这个可能性，那些被程序员带着学习的大学生自然会从前辈那学习使用何种软件，然后继续去带下一代。
Q2:产品的子产品，以及其他相关产品之间是否存在一定的关系？是否有利用各个产品特性之间的相互关系二次构成产品生态的可能性？
InsCode,CSDN,GitCode间是相辅相成的关系。他们共享用户基础，共同为用户提供对代码方面不同的服务，构成一个完整的代码服务体系。
产品规划
新功能: 结合chatgpt实现代码的构建和保存
NABCD分析:
| NABCD | 具体描述 |
|---|---|
| N(需求) | 用户很多时候有灵光一现的想法，但是一时半会儿没有具体的实现方法，这时候他可以联动chatgpt，得到最初的构想代码，然后放到我们线上编译环境中运行，并保存 |
| A(方法) | 内置chatgpt提供构想出的代码，平台提供代码运行环境 |
| B(好处) | 用户有想法，立刻实现雏形，得出结果 |
| C(竞争) | 目前市面上没有类似功能的软件 |
| D(推广) | 运用CSDN的用户基础进行推广 |
如果你是项目经理，可以招聘6个人，并且有4个月的时间，你认为应该如何配置角色(开发，测试，美工等等) 才能在第16周如期发布软件的改进版本，并取得预想中的成绩。
开发:4(2前，2后)
测试:1
美工:1
| 任务 | 时间 |
|---|---|
| 市场调研确定方向 | 1-2周 |
| 原型设计，后端功能结构图，美工美化 | 2-5周 |
| 代码编写，版本迭代，接口对接 | 5-13周 |
| A测试，测试基本功能是否实现 | 13-14周 |
| B测试，开放给用户，测试用户体验，找出未测出的BUG | 15-16周 |
879
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
