结对第一次—疫情统计可视化（原型设计）

这个作业属于哪个课程	2020春|S班
这个作业要求在哪里	作业要求
结对学号	221701308、221600313
这个作业的目标	自学并尝试在本次作业中运用《构建之法》3-8章内容，制作疫情统计可视化原型
作业正文	作业正文
其他参考文献	CSDN，博客园，百度

• 原型地址

https://free.modao.cc/app/56334ce90b86f1e123c9434a0049c657496eb968?simulator_type=long_page#screen=sk74c0a5o2lzg2c

• NABCD模型

  1. N（Need，需求）：

     1. 在全国地图上使用不同的颜色代表大概确诊人数区间：
        颜色的深浅表示疫情的严重程度，可以直观了解高危区域；
        鼠标移到每个省份会高亮显示；
        点击鼠标会显示该省具体疫情情况。
     2. 点击某个省份显示该省疫情的具体情况：
        显示该省份对应的感染患者人数、疑似患者人数、治愈人数、死亡人数；
        该省份到目前为止的新增确诊趋势、新增疑似趋势、治愈趋势和死亡趋势

  2. A（Approach,做法）

     运用Web知识建立疫情可视化网页。

  3. B（Benefit,好处）

     疫情统计结果通过图片显示，使得信息获取更为直观，对用户更加友好：
     1. 不同省份在地图中颜色的不同可直接展现出各省份疫情严重程度；
     2. 且可通过单击地图中某省份实现对该省当前疫情状况的进一步了解，包括目前治愈/死亡人数、现有确诊人数、累计确诊人数，通过新增确诊趋势、累计确诊趋势、累计治愈/死亡趋势三张折线图直观感受疫情变化；
     3. 页面简洁明了。

  4. C（Competitors,竞争）

     1. 优势：
        页面简洁、功能一目了然，便于使用；
        以网页形式呈现，手机端、电脑端都能访问，适用于大部分浏览器，不占据内存；
        易于分享；
     2. 劣势：
        功能较少，不能满足用户部分需求；
        相较其余类似软件、网页，不存在吸引用户的决定性因素。

  5. D（Delivery,推广）

     可通过微信朋友圈、QQ平台、微博、百度贴吧等平台发软文推广。

• 遇到的困难

  1. 困难描述

        对可交互式折线图的设计制作
     

  2. 解决尝试

        通过svg格式的图片来建立折线图；
        尝试使用animate标签对图片进行动态设置；
        失败后转移目标，通过原型模型设计工具的事件设置实现组件状态或页面状态的切换，利用组件间的覆盖、隐藏，达成交互的效果。
     

  3. 是否解决

        通过对部分未掌握知识的回避不完美解决
     

  4. 有何收获

        对于利用svg格式绘制折线图初步掌握，对所使用的原型模型设计工具有了更深入的了解；
        在时间有限的情况下，对于部分难以迅速掌握的知识，可选择通过其他方法取巧绕过，优先在时限内完成任务，这之后再视情况进行对之前跳过的部分知识的学习。
     

• 原型模型设计工具

墨刀

• 结对过程

  1. 各自进行《构建之法》3-8章的学习，通过百度、CSDN、博客等途径查找并学习svg图片的基础知识、熟悉墨刀的使用手册。
  2. 分配任务
  3. 在各自完成任务的过程中，对于自身不明白的部分像对方寻求帮助
  4. 对已完成部分是否需要修改、改进进行交流
  5. 撰写博客
     
     
     
     
     
     
     
     

• 效能分析和PSP

  分工制作不同板块，回避了自身弱点，一定程度上提升了完成作业的效率。

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

|total|合计|875|980|