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

这个作业属于哪个课程 2020春福大软工实践S班
这个作业要求在哪里 结对第一次—疫情统计可视化(原型设计)
结对学号 221701134、221701136
这个作业的目标 结对合作,学习NABCD模型,学习原型制作
作业正文 就是本文
其他参考文献 echarts文档

1、疫情统计可视化原型结果展示

功能主要分为四部分:首页展示、疫情地图、健康自查、疫情前线。
疫情地图实现了全国疫情分布地图、疫情发展折线图、个别省份疫情堆叠柱状图,在数据上更加直观。同时实现了新疆省份的详情点击功能,因其他省份功能一样故不做同样操作。虽然比较简陋,但也完成了原型想要体现的效果。

2、NABCD模型分析

问题描述

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

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

    • 颜色的深浅表示疫情的严重程度,可以直观了解高危区域;
    • 鼠标移到每个省份会高亮显示;
    • 点击鼠标会显示该省具体疫情情况
  • 点击某个省份显示该省疫情的具体情况

    • 显示该省份对应的感染患者人数、疑似患者人数、治愈人数、死亡人数;
    • 该省份到目前为止的新增确诊趋势、新增疑似趋势、治愈趋势和死亡趋势

N(Need,需求)

基本需求

  • 显示全国疫情实时数据,包括现有确诊、疑似、重症、治愈数以及累计确诊、疑似、重症、治愈数。
  • 在中国地图上对不同省份用不同深浅的颜色直观体现该省疫情的严重程度
  • 鼠标光标移至某个省上时,该省高亮显示黄色,给用户选中的反馈
  • 鼠标在某个省上点击后出现该省名字和确诊人数,点击详情跳转显示该省的数据折线图
  • 显示全国新增确诊/疑似相关数据的折线图,让数据变化趋势一目了然

扩展需求

  • 疫情新闻快报,在首页轮播世界范围内的疫情相关消息
  • 快捷分享,方便用户分享疫情相关数据到QQ,微信,朋友圈等各个平台
  • 显示各地区疫情情况柱状图,方便对比各地区疫情情况
  • 健康自查,方便用户在家上报自身健康情况
  • 前线咨询,方便用户一概疫情前线,实时浏览重大咨询

A(Approach,做法)

之前已经完成了读取文件的功能,接下来就是把那些数据存入数据库当中,在应用里调用数据库获取数据并在应用里显示。

B(Benefit,好处)

  • 借助图表获取信息,更加直观地展示疫情数据情况,避免了单一的文字形式
  • 简单的交互方式,使用户在非常低的学习成本下就能使用软件查看相关疫情信息
  • 具有根据数据表示出情况严重的区域,使该区域的民众提升防范意识
  • 提供快捷疫情相关咨询,用户通过一个小软件就能轻松了解到疫情发展态势

C(Competitor,竞争)

  • 优势
    • 界面简洁,不花里胡哨,功能在首页一目了然,方便用户迅速选择想要使用的功能
    • 选取了使用率最高的功能,没有过多复杂且不常使用的功能,使得程序非常轻量,节省用户手机内存
    • 信息更新及时,承担疫情信息发布平台的角色
    • 交互简单且友好
  • 劣势
    • 市面上已经有多种相似软件,功能更多且更强大,竞争压力大
    • 软件具有时效性,疫情结束后就失去价值
    • 界面不够美观,缺乏设计感

D(deliver,推广)

  • 同学老师之间宣传,进一步向其朋友圈推广
  • QQ,微信朋友圈推广
  • 与公众号合作推广

3、遇到的困难及解决方法

困难描述

  1. 第一次接触原型工具以及制作软件原型,对要做的功能如何实现没有概念
  2. 使用原型过程中在Axure中找不到对如何做中国地图和折线图的方法,为此浪费了很多时间
  3. 设计原型的时候考虑自己能不能实现的问题,导致不敢设计功能

解决尝试

  1. 由于时间有限,上网看了几个简易的教程了解了基本操作之后就开始实践摸索了,发现简单的使用上没有困难,但复杂的功能依旧没有概念
  2. 上网查询了相关资料,在不断摸索中掌握了地图的解决方案,并通过echarts插件完成了折线图的制作
  3. 后面和队友商量讨论了一番,认为这样会阻碍设计进度,就打算先放下如何实现的思考,专注于如何符合需求的设计,并尽量使交互友好

是否解决

  1. 解决
  2. 解决
  3. 解决

有何收获

学习一项新的技术或软件,路注定不会太过平坦,最重要的是保持平稳的心态和求知的好奇心,不畏惧学习新的事物,并且通过这次合作,也明白了沟通的好处和意义,毕竟一个人的力量总是有限的,视角也是不够全面的,通过两个人的协作使得这次原型的设计更加的趋于完善,互相补足了对方没有考虑到的细节,让这次作业完成得非常顺利。

4、原型设计工具 : Axure RP 9

Axure RP是一款专业的快速原型设计工具。RP是Rapid Prototyping(快速原型)的缩写,作为一个专业的快速原型设计工具,它可以让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。

5、结对的过程

  • 决定使用哪种原型工具

    图片

  • 决定使用哪种页面比例

    图片

  • 讨论设计哪些功能

    图片

  • 完成前最后的分工

图片

6、效能分析和PSP

PSP Personal Software Process Stages 预估耗时(分钟) 实际耗时(分钟)
Planning 计划 220 220
Estimate 估计这个任务需要多少时间 20 20
Analysis 需求分析 (包括学习新技术) 200 200
Development 开发 550 750
Design Spec 生成设计文档 100 100
Design Review 设计复审 30 30
Design 具体设计(原型图) 400 600
Coding 具体编码 0 0
Code Review 代码复审 0 0
Test 测试(自我测试,修改代码,提交修改) 20 20
Reporting 报告 70 110
Size Measurement 计算工作量 10 10
Postmortem & Process Improvement Plan 事后总结, 并提出过程改进计划 60 100
合计 840 1080

7、附件:博客内容PDF

博客PDF下载

8、原型地址

原型地址

posted @ 2020-02-29 20:28  烧饼VisionWong  阅读(270)  评论(0编辑  收藏  举报