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

    这个作业属于哪个课程 <2020春W班 (福州大学)>
    这个作业要求在哪里 <作业要求>
    结对学号 <221701412、221701420>
    这个作业的目标 <某次疫情统计可视化(原型设计)>
    作业正文 <作业正文>
    其他参考文献 <Axure中文网教程、人人都是产品经理>

    Part.00 疫情统计可视化原型

    ps:第一次加载可能有点慢,直接内嵌了我发布的Axure的云端的原型展示页,原先是把这次原型导出的html部署在了自己的服务器上,但是没有ssl的公钥,之前申请的还未审核通过,无法通过https访问,不然能快一点

    Part.01 困难与解决

    文字准确、样式清晰、设计思路清晰、图文并茂,并描述遇到的困难及解决方法(包括:困难描述、解决尝试、是否解决、有何收获),字数在1000字左右。

    困难描述

    • 1.使用什么原型开发工具

    • 2.地图相关的实现,高亮等的功能效果

    • 3.原型需要的交互程度,具体得做到什么程度

    • 4.如何在博客中合理的展示原型

    解决尝试

    • 1.在最开始选用了墨刀作为本次的原型开发工具,但是墨刀随然轻量,但是对于事件交互的设计并不是很友好,在觉得要对全部省份进行相应处理,以及做可以筛选深浅省份的功能后放弃使用墨刀,改用Axure,Axure在对交互以及中继器等元件的使用方面,大大的提高了开发原型的效率。

    • 2.找到了阿里云的接口可以获取全国各省份的svg,然后部署多个热区成功实现了全国省份高亮显示。

    • 3.原型讲究的是快速完成,以投入开发使用,能恰当的反应需求给开发人员进行开发即可,结果一上头还是在地图上做了很高的交互。

    • 4.将原型通过内嵌的方式展示在博客中。

    是否解决

    • 1.解决✔

    • 2.解决✔

    • 3.解决✔

    • 4.解决✔

    有何收获

    在每次作业中都是学习新东西的一次经历,差不多把墨刀和Axure两种开发原型的工具学会了基本使用,自认为前者更适合轻量一点的快速开发,以后如果遇到较为复杂的项目我还是会毫不犹豫的选择使用Axure,这次是自己第一次使用原型开发工具,虽然早就接触到过原型设计(以前有一起写实践大作业的同学会原型设计,早在开工前就给我们分析了需求,确实开发起来轻松不少),看到软工实践的安排,知道可能下次得实现本次的原型,所以在设计的时候也有一起想着如何实现,阿里云的地图接口是个意外收获,可以直接在开发中拿来使用。

    Part.02 NABCD模型描述

    NABCD模型使用的详细说明

    N:(Need,需求)

    • 据调查显示,民众从1月20日起,对疫情的关注程度开始快速升温,搜索指数大幅攀升。仅在1月21日-24日,通过百度搜索、浏览新型冠状病毒肺炎相关信息日均就超过10亿人次,这说明民众主动获取信息的意愿十分强烈。一般民众关心疫情的发展状况,商家需要掌握疫情信息来调整行动的策略。
      以下为需求分析:

    基本需求:

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

      • 不同的颜色代表大概确诊人数区间
      • 鼠标移到某个省份会高亮显示
      • 颜色的深浅表示疫情的严重程度,可以直观了解高危区域
      • 点击鼠标会显示该省具体疫情情况
    • 点击某个省份显示该省疫情的具体情况

      • 显示该省份对应的感染患者人数、疑似患者人数、治愈人数、死亡人数
      • 该省份到目前为止的新增确诊趋势、新增疑似趋势、治愈趋势和死亡趋势
    • 1.基本疫情信息
      今日的全国的疫情,各省的情况,疑似感染者、感染者增长数量,累计的疫情统计,这些基本信息是用户比较关注的,将这些信息通过图表的形式,直接将各地的情况展示在地图上,将变化趋势通过统计图的形式展示,通过这些比较直观的展示,民众可以清楚的了解到疫情。

    • 2.辟谣栏目
      在现阶段有许多关于疫情的谣言在网上肆虐,这些信息给用户带来许多的困扰,这些信息掺杂在真正有用的信息里,达到了扰乱视听的效果,用户可以在这里看到哪些是谣言,这样做即达到辟谣的效果,也能吸引用户。

    • 3.防疫栏目
      针对现阶段的情况,用户肯定对于如何防止传染很关心,所以针对这个需求,可以提供一个防疫小知识的栏目,每日进行的更新,保证信息的新鲜度,吸引用户的日常访问。

    A:(Approach,做法)

    关于疫情数据展示平台,其实各大IT公司已经为我们提供好了蓝本。我们希望构建一个可以方便获取数据的平台,可以直观的反应本次疫情的变化趋势,通过地图的颜色深浅来反应全国各省的疫情严重程度,同时提供一些辟谣信息以及疫情相关知识为人门提供一个便捷的web端平台,共同做好疫情的抗击工作。

    在具体开发中使用前后端分离的开发模式,仅通过http接口使用get、post等请求进行交互。

    B:(Benefit,好处)

    • 1.轻量型的web app不用下载到用户的手机或者电脑,只需要输入网址,就可以进行访问。

    • 2.用户可以在这个web app里面找到关于疫情所有的基本信息,历史情况,每日的变化,而且通过地图上的颜色就可以大概的了解到情况,不需要去看文字信息,这对于现在的用户无疑是十分合适的。

    • 3.通过防疫栏目,用户每天都可以获得一些防疫的方法。

    • 4.辟谣栏目能够让用户识破谣言,省去被谣言困扰。

    C:(Competitors,竞争)

    • 在这个时期,针对疫情情况的web app不在少数,但是我们设计的web app足够直观,通过颜色的深浅可以直接分辨出每个地区的严重程度,当用户有兴趣了解比较详细的情况时,点击地图才会显示详细信息,用户不用去筛选信息,先通过简单的观察再去选择想要了解的详细信息。而且我们整个web app只在一个页面展示,用户不用跳转,在一个页面就可以找到所需要的信息,对比其他的web app我们的改动,无疑增加了用户的体验舒适感。

    D:(Delivery,推广)

    • 1.微信推广,作为2014年最为火爆的社交平台,而且是在移动互联网上面,所以更加方便推广,实用效果会让很多人肯定。

    • 2.微博推广,微博虽然已经有些过时了,但是庞大的粉丝群和转发的能力还是不容小觑,特别是有忠实粉丝的微博那就更加明显了。

    • 3.QQ推广,这个我们一开始上互联网就开始接触的社交平台,被大家欣然接受而且留恋的交友平台,我们可以在QQ上面按条件添加很多的潜在客户,所以做这个推广也是必不可少的。

    • 4.利用百度搜索进行Web App推广,现在百度把一些权重分给了手机网站和Web App,而Web App本身就是一个网站就是一个站点,所以可以进行搜索引擎优化推广。

    Part.03 原型模型设计工具

    原型模型必须采用专用的原型模型设计工具实现:如Axure Rp、墨刀、Balsamiq Mockup、Prototype Composer、GUI Design Studio、Adobe设计组件等等。在博文中说明你所采用的原型开发工具

    使用原型模型设计工具:Axure RP

    Axure RP是一款专业的快速原型设计工具。Axure(发音:Ack-sure),代表美国Axure公司;RP则是Rapid Prototyping(快速原型)的缩写。Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。

    Part.04 结对的过程

    描述结对的过程,提供两人在讨论、细化和使用专用原型模型工具时的非摆拍结对照片

    • 分工计划,两个人任务的侧重点和大致时间安排

    • 221701412主要负责进行原型设计

    • 221701420主要负责进行需求分析攥写博客

    • 在两人均完成后交换成果,进行讨论一起修改博客和原型

    • 老队友了,一起写过很多项目了,不需要太多交流,有默契

    img

    img

    img

    img

    Part.05 PSP表格

    提供此次结对作业的效能分析和PSP

    • 效能分析

      程序的效能分析需等具体编码完成后,才能提供。

    • PSP表格

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

    part.06 pdf附件

    将博客内容生成一份PDF作为随笔的附件

    part.07 有什么感悟

    谈谈对于这次作业的感悟

    在刚开始进行原型设计的时候,由于第一次接触原型设计工具,用起来很蹩脚,在实现地图交互时也吐槽了不少,确实量很大,30几个省设置了上百个热区响应交互,颜色深浅切换状态,平均每个省有2个状态,一度觉得有这时间做原型,我和队友都可以直接上手初步实现了,当然这样的想法是不对的-小的项目还好,以后遇到了大型项目如果就直接上手oop那只会一团糟,(以前有一起写实践大作业的同学会原型设计,早在开工前就给我们分析了需求,确实开发起来轻松不少),相信在这次原型的基础上,下次作业我和队友能把这次项目实现好!

  • 相关阅读:
    CF321B Solution
    CF722D Solution
    CF729E Solution
    CF1447E Solution
    CF962F Solution
    DropDownList绑定数据
    连接数据库
    jqm随记的东西
    正则表达式过滤超链接内容(.net)
    linq lambda操作list的例子
  • 原文地址:https://www.cnblogs.com/rcwmdbb/p/12355536.html
Copyright © 2011-2022 走看看