| 这个作业属于哪个课程 | https://edu.cnblogs.com/campus/zswxy/software-engineering-2017-1 |
|---|---|
| 这个作业要求在哪里 | https://edu.cnblogs.com/campus/zswxy/software-engineering-2017-1/homework/10619 |
| 这个作业的目标 | 网页实现家族树关系图 |
| 作业正文 | 如下所示 |
| 其他参考文献 | www.baidu.com AntV蚂蚁数据可视化 AntV-g6 紧凑树参考文档 AntV-g6 紧凑树展示 |
结对信息与分工
| 学号 | 姓名 |
|---|---|
| 20177701 | 卿随竞 |
| 20177696 | 李宇轩 |
分工
QSJ：编写提取文本中的关键信息的代码
LYX：学习AntV数据可视化模板，完成可视化操作
Github网址:
https://github.com/EngulfMiss/20177701-and-20177696
PSP表格
| PSP2.1 | Personal Software Process Stages | 预估耗时 | 实际耗时 |
|---|---|---|---|
| Planning | 计划 | 30分钟 | 1小时 |
| Estimate | 估计这个任务需要多少时间 | 16小时 | 16小时 |
| Development | 开发 | 6小时 | 8小时 |
| Analysis | 需求分析 (包括学习新技术) | 1小时 | 5小时 |
| Design Spec | 生成设计文档 | 30分钟 | 1小时 |
| Design Review | 设计复审 | 1小时 | 1小时 |
| Coding Standard | 代码规范 (为目前的开发制定合适的规范) | 30分钟 | 20分钟 |
| Design | 具体设计 | 1小时 | 45分钟 |
| Coding | 具体编码 | 5小时 | 10小时 |
| Code Review | 代码复审 | 30分钟 | 30分钟 |
| Test | 测试（自我测试，修改代码，提交修改） | 30分钟 | 1小时 |
| Reporting | 报告 | 2小时 | 2.5小时 |
| Test Repor | 测试报告 | 30分钟 | 30分钟 |
| Size Measurement | 计算工作量 | 30分钟 | 1小时 |
| Postmortem & Process Improvement Plan | 事后总结, 并提出过程改进计划 | 30分钟 | 30分钟 |
| 合计 | 24小时 | 31小时 |
解题思路描述与设计实现说明
代码由两部分组成
1.Tree.html文件
2.Tree.js文件
算法的关键与关键实现部分流程图
我们采用的是AntV中的一个模板，关键就在于，我们如何把文本框输入的部分，
转化为示例中的样式。关键步骤就是在文本输入中找到，导师，学年，学位这三个节点，并且
并且节点的关系为，导师-->学年-->学位,导师为根节点。
代码片段
寻找导师这个根节点
寻找学年节点
寻找学历节点
g6 模板提供的一些API如下
设计与展示
设计思路
从文本输入中找到导师，学年，学位，学生这些关键信息，按照学生是什么学位
这个学位的学生是哪个学年的，这些学年中获得这些学位的学生属于哪个导师这
样的逻辑结构构造这颗关系树。
成果展示
根据文本输入生成关系树
部分收缩过程
完全收缩后关系树
特色功能:能放大缩小
使用说明
您可以尝试在文本框中输入该测试用例(程序已经默认填入2个测试用例)：导师：张三
2016级博士生：天一、王二、吴五
2015级硕士生：李四、王五、许六
2016级硕士生：刘一、李二、李三
2017级本科生：刘六、琪七、司四
其中，"导师："，"级博士生："，"级硕士生："，"级本科生："和"、"当做关键词处理；若有多组输入，中间空一行。
注意：文本输入中的符号均为中文符号
测试
签入记录
遇到的困难和解决方法
遇到的困难：
1.我们两个html和JS都记得不太清楚了，都是最近重新复习就开始写程序了，刚开始遇到了很多
技术上的困难，如如何提取文本中的关键信息，搞得我们很烦。
2.我们也是第一次了解AntV这个东西，虽然官网提供了很多例子，但刚开始测试的时候还是很难
弄出来。
3.事情太多，都是间断的时间在搞这个，思路不能很好连贯。
解决方法：
不会就问，不懂就查，多抽时间。
收获：
QSJ：知道了有许多已经比较完善的前端模板和库，我在AntV的官网中看到了很多关于数据可视化的
技术，有点意思。当然在这次作业中，我也发现了我编程能力还有很多不足，很多关键的技术还是在百度
中找的，我还需要努力学习。
LYX：团队合作对于一个项目来说是必不可少的，如果想要达到一个比较完整的效果，通过结对办法，
可以把两个人的观点结合。合作也可以让我们更高效的完成任务。
队友评价
QSJ：
LYX的思维比较新颖，能联想出新的灵感。
编程技术方面有待提升。编程能力还可以有更多的提升空间
LYX：
QSJ的思维与编写能力都强过我，善于去钻研困难，找出突破点。
部分地方运用得还是不那么灵活，值得改进。