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

这个作业属于哪个课程 2020春|S班(福州大学)
结对学号 221701336、221701331
这个作业要求在哪里 软工实践寒假作业(2/2)
这个作业的目标 制作一个疫情统计程序的原型
作业正文 作业正文链接
其他参考文献 《Axure rp教程》、Axhub官网等

1.原型展示

=>原型展示链接

2.开发历程

一开始看到这个作业,hqq没有很好的理解它的意思。以为是要做出一整个完整的产品出来,并且与之前寒假作业2的代码相结合,在寻找了结对队友(舍友)后,对整个作业能否在如此短的时间内完成。队友解释(他项目经验丰富),只是做个原型出来而已,能够向客户基本展示就行了。

困难1:由于之前并没有做过相关的东西,于是我们在网上找了很多的资料,在看到了墨刀等原型制作的平台后,以为能够找到能直接套用、只要稍微修改数据和样式就行的模板就可以了,未果....
想着如果从头做起一定非常麻烦,就很执着的想着继续寻找地图可视化的模型。这时候CSDN的一篇文章给我推荐了FineBI

这难道就是我们盼望已久的神器?但在研究了一晚上,安装了两个系统提示不推荐安装的软件之后,终于开始了制作。首先要导入excel文件.
对了,数据哪里去弄(这时我还是没有理解什么是原型)。困难2出现了于是我到处去搜索数据,在github上甚至找到了有大佬爬丁香医生的数据的表格,好不容易搞到后发现里面含有太多不需要的数据,直接放弃。然后干脆就将作业中示意图里的数据记录了下来(数据不算抄袭吧,实在懒得整理了),然后在研究了一段时间后,整出了这个

Wow awesome~ 这是我独享的moment!

鼠标悬浮展示详细内容,各省份按照确诊数量用不同的颜色显示。好,现在来实现跳转....然后才清清楚楚的意识到这个FineBI貌似只是用来简单的在一页上进行数据展示的。并不能实现页面的跳转,然后只好放弃了这个平台。

这时开始陆续有人交作业了,点进去参考了一下。用的Axure,然后好多在做的同学也都是用这个,好,那就试试吧。安装后,打开元件库,空空如也。这跟我想象的不一样啊。在网上下载了一些元件库后发现也只有一些简单的图表。最后才开始意识到,这个真的的要脚踏实地从头做。困难3:对该程序一知半解,地图也不知该怎么办。终于在参考了同学的意见后,我们导入了中国地图的SVG文件,然后进行省份拆分,单独上色,这时候才终于走上了正途。

3.NABCD模型

1) Need

作业2的程序仅能将数据输入到文件中,而实现清晰明了的数据可视化就尤为的重要

具体的需求包括:

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

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

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

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

2) Approach

原型制作时使用的是Axure rp9软件。

  • 地图部分,我们导入中国地图的SVG文件,对各省份进行拆分,并且按照相应量级进行颜色的区分,设置鼠标悬浮时间,对鼠标悬浮的省份进行高亮,并显示部分信息(仅展示了新疆省),然后设置了两个按钮,设置鼠标点击事件用来切换累计确诊和当前确诊的两副地图。导入echarts的图表元件库,然后导入详细的省份折线图等。
  • 趋势图部分,借助Axhub提供的折线图和面积图,通过对数据中继器的自定义,实现了图表的展示。

3) Benfit

  • 应用可视化工具,可以使数据更加直观的显示在用户眼前
  • 可以通过简单的鼠标点击和悬浮查看更详细的信息
  • 进入网页就可以观看,无需下载特定软件

4) Competitors

  • 界面整洁,功能直观明显
  • 没有广告
  • 地图可视化能满足一般用户的使用体验
  • 将提供更新,及时与国家公布数据同步

5) Delivery

查看十分方便,只需通过链接进入网页就可浏览。因此极易在QQ、微信、微博等各大网络社交平台流传。

4.原型模型设计工具

功能强大的Axure rp软件,同时使用了echarts提供的图表元件库(地图部分),以及Axhub提供的图表元件库(趋势展示部分)

5.结对过程

结对成...成功???

进行讨论及分工

6.PSP表格

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

7.博客PDF文件下载

博客PDF下载

posted @ 2020-02-29 20:58  种地天下第一  阅读(222)  评论(1编辑  收藏  举报