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

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

    这个作业属于哪个课程 班级的链接
    结对学号 221701320,221701329
    这个作业要求在哪里 作业要求的链接
    这个作业的目标 阅读《构建之法》第3章和第8章并体现阅读成果,对疫情可视化程序进行原型设计,描述遇到的困难及解决方法
    作业正文 结对第一次—疫情统计可视化(原型设计)
    其他参考文献 CSDN,博客园,Axure官网

    一、可视化原型

    1、原型设计工具

    这次原型设计采用的工具是Axure rp9。

    2、原型设计成果

    这次设计主要是做两个省份的示例。

    3、原型地址

    原型设计地址

    二、客户需求

    1、Need

    最近新冠肺炎疫情影响日渐扩大,民众需要一个能够记录反馈各个地区的疫情记录的软件。

    2、Approach

    疫情统计的后台由日志文件进行处理,将数据读取后,传输到前端进行绘制中国地图,用户在Web端进行操作,将相应的数据体现在地图上(包括数字、颜色等)。用户点击省份出现对应省份的详细数据以及数据分析。

    3、Benefit

    可以直观地反馈全国各个省份的疫情情况,反馈包括新增、累积感染、治愈、死亡数等数据以及疫情的变化趋势,能够让民众更方便了解疫情以及当前疫情的治理、传播情况。

    4、 Competitors

    网络上各种官方权威的平台都有做疫情情况的分析和统计,我们的软件也只拥有最基本的功能,没有任何优势

    5、Delivery

    通过微信、QQ、微博、贴吧等社交平台推广

    三、设计思路

    通过阅读《构建之法》第三章和第八章过后,我跟搭档经过考虑使用Axure进行原型设计。首先先去网上找一张中国地图的轮廓版本,之后将图片导入,按照上面的省份轮廓选取一个区域,在这个区域中设置交互事件,如果鼠标移入则会高亮显示并且在边上显示小灰框记录当前确诊人数信息等,如果对该省份区域进行点击,则会出现页面跳转至该省份的疫情详情的曲线图,曲线图包括新增确诊,累计确诊以及累计治愈死亡。最后将其发布到云端形成网页版。

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

    问题1:Axure如何使用

    刚下载好这个软件之后我们不知道如何使用,之后我们去Axure官网以及查找了网络很多遍资料之后学会了如何使用这个软件。
    

    问题2:如何高亮显示省份

    通过对这个省份的范围进行确定之后,设置其交互事件,其中设置鼠标移入时颜色发生改变即可实现高亮显示效果。
    

    五、原型设计工具

    本次的原型设计中使用的是Axure rp9软件,里面的工具可以实现地图高亮显示、跳转页面等功能。

    六、PSP表格

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

    七、结对讨论过程

    大部分情况下我们都是使用语音通话来解决问题,这样比较好表达清楚自己的想法以及观点,文字交流较少。


    八、博客PDF

    博客PDF

    九、结对收获

    留晓滨:
    自己做的时候挺无聊的,但是和同学一起合作,能够互相分享交流♂,奇怪的知识(指axure)和乐趣不断增加。通过这一次的原型设计,对基于Axure的原型设计有了初步认识,但是没有规范,几乎是凭心情做设计,这一点挺不好,导致做出来的原型在尺寸等方面都不太符合规范。其次,我们没发现折线图有辅助工具可以实现,之后在实现一个功能的时候,最好先到网上找一找有没有现成的好的解决方案,能够帮助我们更快、更好的解决问题。同时,这也是第一次进行的结对作业,合理明确各自职责后,做起事情来确实效率高上许多。
    林轶凡:
    通过这一次的原型设计实践以及对《构建之法》第八章的阅读之后,我对NABCD模型有了更深刻的了解,同时也学会了Axuer软件的基础使用。在刚开始的时候对这个软件的种种功能的无从下手,到了后来经过网上资料的查询,知道了制作地图高亮显示、曲线图绘制也不会很难,问题也逐一解决。并且这次也是第一次进行的结对作业,体会到了与队友交流合作的感觉,也知道了一个项目由两个人分工合作的重要性。这一次的原型设计也是在我和搭档的共同讨论和商议之下才得以顺利完成。

  • 相关阅读:
    磁盘及分区管理
    用户和文件权限管理
    分割文件命令split
    去除重复命令uniq
    数据连接命令join
    数据剪切命令cut和数据粘贴命令pastte
    排序命令sort
    koa-router
    koa入门
    require.ensure的用法;异步加载-代码分割;
  • 原文地址:https://www.cnblogs.com/suideyib/p/12387659.html
Copyright © 2011-2022 走看看