zoukankan      html  css  js  c++  java
  • 结对第一次—疫情统计可视化(原型设计)

    这个作业属于哪个课程 2020春S班|(福州大学)
    这个作业要求在哪里 结对第一次—疫情统计可视化(原型设计)
    结对学号 221600428 221701321
    这个作业的目标 利用原型模型设计工具设计一套疫情统计可视化方案,并提供大概的解决方案预期规划
    作业正文 结对第一次—疫情统计可视化(原型设计)
    其他参考文献 ...

    NABCD模型

    N(Need,需求)

    目前新型冠状病毒肺炎疫情到了非常关键的时期,学校仍然是严阵以待。继续沿用我们在寒假作业(2/2)——疫情统计的问题,有一家统计网站每天都会提供一个对应的日志文本,记录国内各省前一天的感染情况,上次的疫情统计结果只是通过文字来显示,不够直观、具体,对用户不够友好,在本次作业里,我们希望可以通过地图的形式来直观显示疫情的大致分布情况,还可以查看具体省份的疫情统计情况。

    A(Approach,做法)

    • 在全国地图上方显示每日现有与累计的感染、疑似、死亡、治愈人数

    • 在全国地图上使用不同的颜色代表大概确诊人数区间

    • 颜色的深浅表示疫情的严重程度,可以直观了解高危区域;

    • 鼠标移到每个省份会高亮显示,并提示省份名称及确诊人数;

    • 点击鼠标会显示该省具体疫情情况

    • 点击某个省份显示该省疫情的具体情况

    • 显示该省份对应的感染患者人数、疑似患者人数、治愈人数、死亡人数;

    • 该省份到目前为止的

      • 新增确诊趋势
      • 新增疑似趋势
      • 治愈趋势/死亡趋势

    B(Benefit,好处)

    • 在地图上显示疫情的大致情况更直观明了
    • 以颜色深浅区分确诊人数区间,一眼了解高危区域
    • 轻移鼠标即可知道各省确诊人数
    • 还可以点击省份了解各省具体情况

    C(Competitor,竞争)

    • 优势
      • 以图表形式显示更直观
      • 以网页形式发布,用户可以在电脑端或移动端都可实时了解到疫情情况
    • 劣势
      • 所学技术有限,无法完美实现所有功能
      • 竞争者多

    D(Delivery,推广)

    • 口头传播
    • 空间、朋友圈传播

    结对过程

    alt 1
    alt 2

    困难描述

    这次作业相对来说比寒假作业简单一些些,但是需要学习新的技术--原型模型设计,不过我的搭档之前有接触过,所以问题不大。

    困难就是在设计过程中发现墨刀没有地图控件,又要设计成移动到每一个省份对应地图时该省就会高亮显示。

    解决尝试

    给地图添加“鼠标移入”事件,通过切换图片实现高亮。
    alt 3

    是否解决

    不是很完美的解决了,因为图片是方形的,所以一些边角处无法照顾到

    有何收获

    “条条大路通罗马”,老生常谈的谚语,依旧适用。当初一种角度无法实现目的时,不妨换个角度思考问题。


    原型开发工具

    墨刀,是一款在线原型设计与协同工具,借助墨刀,产品经理、设计师、开发、销售、运营及创业者等用户群体,能够搭建为产品原型,演示项目效果。墨刀同时也是协作平台,项目成员可以协作编辑、审阅,不管是产品想法展示,还是向客户收集产品反馈,向投资人进行Demo展示,或是在团队内部协作沟通、项目管理。
    原型模型网址
    显示所有省份

    鼠标移入高亮

    点击查看详情


    PSP

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

    结对收获

    在结对的过程中合理分工,一方面降低了一个人完成作业的困难度,另一方面也能彼此学习,共同成长。

  • 相关阅读:
    IPFS搭建&集群
    request.getInputStream() 流只能读取一次问题
    八、网页版消息推送SDK-WebSockets
    Spring boot 打包瘦身方法
    七、Mosquito 集群搭建
    org.springframework.web.HttpMediaTypeNotSupportedException: Content type 'multipart/form-data;boundary=----WebKitFormBoundaryRAYPKeHKTYSNdzc1;charset=UTF-8' not supported
    RocketMQ Java 客户端实现
    RocketMQ 单机安装
    Vue.js面试题整理(转载)
    computed和watch的使用场景
  • 原文地址:https://www.cnblogs.com/ly981/p/12391964.html
Copyright © 2011-2022 走看看