ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

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

2020-02-29 19:04:57  阅读:266  来源: 互联网

标签:10 结对 20 疫情 人数 作业 原型 可视化 省份


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

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

  • 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

标签:10,结对,20,疫情,人数,作业,原型,可视化,省份
来源: https://www.cnblogs.com/cccccm/p/12384341.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有