软工第二次结对编程

软件工程实践2019第五次作业——结对编程的编程实现

1.博客链接及Github项目地址：

作业博客链接：https://edu.cnblogs.com/campus/fzu/2019FZUSEZ/homework/8736
Github项目地址：https://github.com/AllanIverson/031702435-031702415

Our	Blog Address
刘英杰031702415	https://www.cnblogs.com/LIU151/p/11705206.html
张昊031702435	https://www.cnblogs.com/zoe-1/p/11705797.html

2.具体分工

031702415刘英杰：编码与调试
031702435张昊：原型设计，收集资料，完成总结

3.PSP表格

PSP2.1	Personal Software Process Stages	预估耗时（分钟）	实际耗时（分钟）
Planning	计划	30	10
Estimate	估计这个任务需要多少时间	360	720
Development	开发	180	120
Analysis	需求分析 (包括学习新技术)	60	240
Design Spec	生成设计文档	60	30
Design Review	设计复审	60	30
Coding Standard	代码规范 (为目前的开发制定合适的规范)	10	10
Design	具体设计	10	10
Coding	具体编码	90	60
Code Review	代码复审	60	10
Test	测试（自我测试，修改代码，提交修改）	60	360
Reporting	报告	30	60
Test Repor	测试报告	30	30
Size Measurement	计算工作量	30	20
Postmortem & Process Improvement Plan	事后总结, 并提出过程改进计划	30	60

4.解题思路

1. 先学习html、JavaScript和css的基本知识
2. 寻找适合的框架和库
3. 更具选择的框架进一步解题
4. 调试与改进
5. 美化

5.附加特点设计

1.可以同时输出多颗学术家族树

2.设置清空按钮更加人性化

3.动态背景设计
代码展示:

function readText(){
    objList = [];
    var text = document.getElementById('inarea').value;
    var table = text.split(/\n\s*\n/);
    for(i=0;i<table.length;i++){
        var row = table[i].split(/[(\r\n)\r\n]+/);//分割每行
        var dataObj = new Object();
        /*var dataObj = {
          id : "",
          name : "",
          desc : "",
          parentId : "",
        }*/
        dataObj.name = row[0].split(/：/)[1];
        dataObj.id = String(i);
        dataObj.parentId = null;
        objList.push(dataObj);
        for(j=1;j<row.length;j++){
            var dataObj = new Object();
            var gAndD = row[j].split(/：/)[0];//年级和学位
            var stu = row[j].split(/：/)[1].split(/、/);//学生
            dataObj.id = String(i)+String(j);
            dataObj.name = gAndD;
            dataObj.parentId = String(i);
            objList.push(dataObj);
            for(k=0;k<stu.length;k++){
                var dataObj = new Object(); 
                dataObj.id = String(i)+String(j)+String(k);
                dataObj.name = stu[k];
                dataObj.parentId = String(i)+String(j);
                objList.push(dataObj);
            }
        }
    }
}

6.目录说明and使用说明

目录说明：
FifthWork/index.html文件为入口文件
FifthWork/static目录为html文件需要的静态文件
FifthWork/static/lib目录为外部引入的框架和库
FifthWork/static/js（css）为html所需要的脚本（样式）

使用说明：
通过index.html文件直接进入

7.单元测试

测试工具：Mocha

测试工具的学习网站：http://www.ruanyifeng.com/blog/2015/12/a-mocha-tutorial-of-examples.html

8.Github的代码签入记录

9.遇到的问题

1.仓库邀请时一直没有收到邀请信息
解决方法：通过邀请链接进入仓库
2.关联树的问题还未解决

10.我的队友

对张昊说：学习能力强，态度认真
对刘英杰说：需要将时间安排更加紧凑