怎么做好PPT

做好PPT的5个方向

Treat your audience as king 听众是上帝

减少灌输,更多的给听众他需要的内容,使用更易懂的沟通模式。

Spread ideas and move people

较少平白的讲解,图片可以适当的活动,产品的弹出可以加一个突然的动作,以及一些动态的小视频。吸引听众对PPT的注意,需要动态的东西。

Help them see what you are saying

让大家看到你所说的

  • 人的思维分为两种,思考者和观察者,让思考者去听和思考,让观察者去观察。所以需要在演讲和PPT两方面去做
  • 使用最少的文字表达你的意思,尽量使用图,减少文字,过多的文字会让听众从你的语言上分心去阅读。
  • 使用脑图更好的表达意思。让听众接受你的思维方式,让你和听众能够有一个一致的思维方式。
  • 将文字改为图片、表格或者图形,更容易吸引人。

Pratcice design, not decoration

  • 90% 以上的设计都是破坏性的
  • 需要有一个主要要点。每次只显示一个观点,不要把所有的东西一次推给听众。 缩放图片,使其占满幻灯片。删掉不需要的东西

Cultivate healthy relationships 和幻灯片培养健康的关系

  • 放手幻灯片,不要隐藏在幻灯片后面
  • 打破对幻灯片的依赖,让你和听众做好准备
  • 将文字尽量减到最少,只显示关键的字
  • 然后不停的练习、练习、练习,思考如何和幻灯片的内容结合,最后可以直接面对观众去演讲。让你和观众有眼生的交流和互动

做好PPT的前期建议

在讲述之前,首先明确几个事情

  • 你跟谁在沟通?——和你的受众保持共识
  • 希望你的受众了解哪些内容或者做什么? —— 明确希望受众如何反应,并考虑你的沟通方式以及调整基调
  • 如何表达自己的观点?

了解你的对象

你的受众

你的受众越具体,你就越能成功地进行沟通。

一次性尝试与太多需求不同的人沟通,远没有与细分的一部分受众沟通高效。

你对受众了解得越多,就越能准确理解如何与之产生共鸣,如何在沟通中满足双方的需求。

你自己

思考你与受众的关系以及你期望他们如何看待你是非常有帮助的。

现场演讲的建议

  • 写下每页幻灯片的重点。
  • 大声讲给自己听。这有利于激活大脑半球,从而帮助你记住演讲的重点。这还能迫使你练好幻灯片之间的承接词,避免像其他人一样卡壳。
  • 在朋友或同事面前做一次模拟演讲。

简洁的幻灯片用于现场演示(因为你会在现场详细地解释一切),详实的文档则留给受众自行消化。

三分钟故事

三分钟故事就是:如果你只有三分钟的时间把必要的信息告诉受众,你会讲什么?这是确保你对所要讲的故事理解得清晰透彻的好办法。 ——摆脱幻灯片的好办法

三要素:

  1. 必须能陈述你独特的观点
  2. 必须切中要害
  3. 必须是一个完整的句子

故事版——思维导图

不懂故事板技术,活该你PPT没逻辑!

打算创建内容的可视化大纲,它能确立沟通的结构,是打算创建内容的可视化大纲

可以使用故事版来描述,也可以使用思维导入来描述

不要从幻灯片软件开始。很容易还没想清楚如何组织各个部分就陷入到制作幻灯片的模式中去,最终只留下一套臃肿却言之无物的幻灯片。

PPT的使用

颜色的选型

少既是多

根据显示方式来选型

开哪些窗口

选择窗格 —— 图层模式,开启选择窗口适合将哪些显示,哪些隐藏,已经相应的图层顺序 。 类似PS等大多数制图软件。

动画窗格 —— 编辑动画用,基本上所有的动画都在动画窗格可以设计。

在屏幕足够大的时候,建议使用这两个窗格。可以制作大多数的动画效果。

图层的使用

组合的使用

动画的使用

  • 多看——别人是怎么玩的
  • 多想——结合自己的使用

图片的选择

  • 尽量使用PNG图片
  • 查找图片的方式
  • 尽量使用高清图,最后可以压缩图片

母版

每个PPT前都需要整理的

注意事项

两种不同形式的PPT

查看型PPT

  • 尽量多以图表、标题、图片形式去讲述
  • 必要的文字描述可以放在备注中
  • 可以直接画一些框架模块图
  • 颜色可较丰富
  • 较少的动作,方便PDF形式表述

讲述型PPT

  • 减少颜色,准确的是减少色系
  • 减少页面元素,突出重点
  • 可以用动作来吸引注意,使用动作来帮助理解
  • 增加视频内容
  • 少用文字,将文字变为图表、图片的形式
  • 结合脑图

模板的使用

图表、图标

PPT、Prezi和Snow

PPT —— 线性的讲述模式,现在大多数ppt的模式给人以一种线性的思维定型模式。其实PPT式可以支持多种模式的,但是大多数的模板以及一般的思维都将PPT固定为一种线性模式了,一篇到另一篇都是一个线性的结果。

Prezi —— Prezi的特点是缩放用户界面,在演讲过程中可以根据进程放大缩小。总的来说prezi是一个二维结构,可以缩放、旋转、无边界、在线编辑、实时保存、简单易用。

Prezi explorer

参考两个得奖Prezi
malmaison-hotel

Strut —— Strut实际上是一个三维空间的ppt,可以有x、y、z三个轴,来进行三维的跳动,从而能够给予更多一维的空间,同时也赋予了一定的prezi的缩放、旋转、无边界功能(但是这几个功能缺失没有Prezi做的强大)。另一个突出点就是Strut不需要客户端,直接在浏览器端制作,浏览器端播放,随时随地能够查看。

附件

配色网站

adobe配色网站
www.colourlovers.com

图片素材站

google image
unsplash
花瓣
阿里图标库
免费资源站

百度网盘

2019/8/23 posted in  工作方法

思维导图

[windows版本mindjet下载]http://www.ddooo.com/softdown/130314.htm
mac版本共享获取 —— 百度网盘

思维导图

心智圖(英语:Mind Map),又称脑圖、心智地圖、腦力激盪圖、思维导圖、灵感触发圖、概念地圖、或思维地圖,是一种图像式思维的工具以及一種利用图像式思考辅助工具来表达思维的工具。

心智图是使用一个中央关键词或想法引起形象化的构造和分类的想法;它用一个中央关键词或想法以辐射线形连接所有的代表字词、想法、任务或其它关联项目的图解方式。它可以利用不同的方式去表现人们的想法,如引题式,可见形象化式,建构系统式和分类式。它普遍地用作在研究、组织、解决问题和政策制定中。

心智图是一张集中了所有关连资讯的语义网路或认知体系图像。所有关连资讯都是被辐射线形及非线性图解方式接连在一起,以腦力激盪法为本去建立一个适当或相关的概念性组织任务框架。但腦力激盪法並非以制式的方式去互相连接语义网路或认知体系,亦即是可以自由相连接使用的。元素是直觉地以概念的重要性而被安排及组织入分组、分支,或区域中。会集知识方法能够支援现有的记忆,去思考语义的结构资讯。

常用思维导图软件推荐

Mindmanager
功能比较完善的思维导图工具,各个平台都有,但是觉得比较老实,界面比较老旧

xmind
做的比较好的商业导图工具

mindjet
mindjet是个人非常推荐的思维导图软件,界面比较清晰,同时操作手感比较好。最重要的是可以实现服务器端同步,将内容同步到不同的设备上。
新的版本的模板非常好,非常实用。

百度脑图
比较好用的网页版的脑图工具,方便做各个软件之间的切换。同时云端保存,更方便存放

mindjet 11版本之后支持丰富的模板供使用

2019/8/3 posted in  工作方法

pocket 接口对接文档

也可以参考这篇文章

官方文档

如何在最新版 Workflow 里调用 Pocket

1. 创建接口,针对web使用的接口可以选择web平台

2. 调用rest获取 code

3. 登陆页面获取授权

https://getpocket.com/auth/authorize?request_token=cf251910-7ae2-2e1b-9cfa-706c14&redirect_uri=william_article:authorizationFinished

4. 调用API授权获取token

开始调用各接口

查询未读列表

2019/7/15 posted in  工作方法

时间整理的艺术

昨天无法完成的TODO,我们必须把它归入第二天的任务中,并排好优先顺序,一一完成。

同时这里在工作中Google Calendar无法完成的TODO,也应该归入第二天的任务。

在下班前写出6件明天必须做的事情,然后按照重要程度,用数字1-6给这6件事情排序。下班前总结的时候,连同没有做完的任务,再写出第二天的六个任务,并按照重要程度标上数字

2017/12/15 posted in  工作方法

系统设计的万能解法:SNAKE原则

首先什么是系统设计?

The process of defining the architecture, components, modules, interfaces, and data for a system to satisfy specified requirements.

系统设计有四大要素。 第一,是要满足一个需求即Requirements;第二,对内容进行一个定义;第三,从不同维度去考虑宏观的架构层、组件层、模块层;第四,也要考虑到互相间交流的接口和相关传递的数据。所以这些内容一起构成了整个系统设计。

系统设计有什么层次呢? 从上向下是从概念层到逻辑层再到物理层,从清晰度来看,会从不清晰,到越来越清晰,到最清晰,角度则是从宏观到微观。换句话理解,如果系统设计时,我们从顶层向下做设计,那就是一个自上而下的方法;如果是自下层往顶层设计,就是一个自下而上的方法。在后文中我们分别称之为宏观设计与微观设计。我们以Netflix为例来讲这两个方法。

如何设计Netflix

现在我们通过设计Netflix,来具体了解什么是系统设计的SNAKE原则。

这是Netflix的官方网页,上面有各种用户信息、搜索功能、以及列出的各个频道:Netflix流行的电影(Popular on Netflix)、当前的趋势(Trending Now)、惊险刺激电影(Exciting Movies)、漫画动画(Goofy Comedies)等等。每个电影类目下面会有很多具体的电影,如果点击可以看到详细内容,相信大家十分熟悉。

宏观设计

Scenario(场景):用例/接口

  • 第一步:枚举在Netflix里面,到底有哪些场景

  • 第二步:选出里面最重要的排序

    • 基本需求:播放电影

    • 获得频道

    • 获得频道内电影

    • 播放频道内电影

这是三个基本需求的排序。

Necessary(限制):查看需求/假设

  • 第一步:询问

  • 第二步:预测

- 通过日活用户,计算平均并发用户

=日活用户/每日秒数*平均在线时长(假设为30min)

= 5,000,000 / (24 * 60 * 60) * (30 * 60)

= 104,167

  • 高峰并发用户,通常是平均用户的2-10倍,这里假设为6倍

高峰并发用户 = 平均并发用户 * 6 = 625,000

  • 假设未来3个月,Netflix用户涨2倍

- 3月后高峰并发用户 = 高峰并发用户 * 2 = 1,250,000

* *流量*

* - 单用户流量 = 3mbps(假设数据,满足看电影基本需求)

* - 3月后高峰流量 = 1,250,000 * 3 mbps = 3.75 Tb/s

* *内存*

- 单用户内存 = 10KB(假设用户数据不清空)

  • 3月后高峰内存 = 5,000,000 * 2 * 10 KB= 100GB(当前日活用户500万,3个月后日活用户为2倍)

    • 硬盘

      • 电影数=14,000份,每部电影=50G(假设数据,且每部电影需要存储不同清晰度版本)
      • 总硬盘=电影数单电影空间=14,00050GB=700TB

Application(应用):服务/算法

具体来看,我们有用户服务、频道服务和电影服务三种需求,在上面有一个接待员可以获得各种服务请求,接待员把所有服务接受完以后发送给后台的服务,就可以满足需求。

Kilobit(数据)

  • 第一步:为每个请求添加服务模块

  • 第二步:选择存储方式。对于用户数据用MySQL;频道数据用MongoDB;电影服务由于只是从文件出来,所以往往采取Movies的方式。

Evolve(进化)

  • 第一步:分析

    • 三个方向

      • 更好:限制性条件,10个用户变为100个

      • 更广:场景,是否还有支付场景等

      • 更深:细节,是否用CDN,如何部署

    • 三个角度

      • 性能:单个点的计算能力如何,或某个算法的性能如何

      • 扩展:如果机器或者用户量翻倍怎么办

      • 鲁棒:发生各种危险,崩溃时服务器能不能处理

  • 第二步:根据场景回溯并进化

以上是我们SNAKE五步原则在宏观设计中的应用。

微观设计

因为Netflix里推荐电影是最基本的一个需求,那我们就做一个具体的微观设计模块——推荐模块

如何设计推荐模块?
[image:31D5BBBD-90C1-46A7-83FF-770ECDF000DB-18349-00003D57A76D6211/46EF94A2-E9B2-4202-80F2-FCA3D3A6B0F1.png]

我们可以看到用户1和用户2重复喜欢的电影数有3个:m3、m5、m7。

我们的需求是:寻找一个用户的最相似用户。

Scenario(场景)

[image:380CD6F7-214C-4F59-BDAC-A58B8307980F-18349-00003D59219C3908/33B15465-DA6E-42B6-B1FF-E6C43C3CBFFF.png]

我们可以定义一个接口,定义之后直接找到我最相似的用户,输入一个用户ID,输出一个用户ID,接口就出来了。

Necessary(限制)

在微观设计里我们可以继续做预测,比如针对这个请求,它的QPS即每秒请求量是多少?
[image:CFBBE35B-6C6D-47B2-B0A9-5B28334709AC-18349-00003D5ABD820D5D/EAEC4D4C-2F47-4849-ACD7-EFEE87AC5101.png]

Algorithm(算法)&Kilobit(数据)

算法和数据在微观设计里往往可以放到一起。具体做时,不同的算法和不同的数据结构性能差异很大。

比如有3个用户u1,u2,u3,最简单的方法是两两比较。想算出与u1最相似的用户,就先把u1、u2比,发现相似度是1;u1、u3比,发现相似度是2。最终我们发现,这个算法的性能非常差,可能每一个计算都需要200毫秒,相当于每个计算节点只能计算5个QPS,而我们需要2000多QPS,明显无法达到。
[image:6506D45F-90F3-465D-8D5A-0BE95D72D5AC-18349-00003D5CE1C444B1/4AC1E2CF-B647-43CB-AFDD-8122AB3989B5.png]

Evolve(进化)

我们先看一下当前的架构:原始数据给推荐模块,推荐模块返回请求。
[image:B1DDDB7E-FBA0-4051-95CD-D4E4E35083BD-18349-00003D5E7BC647B2/D4119C6C-32B7-46BE-8719-286C8344BFFE.png]

因此我们需要从性能、扩展、鲁棒三个维度来进化。

1. 提升性能

怎么提升性能?提升单点的计算能力?

我们通过建立倒排索引,能够非常简单地优化算法的性能。比如现在把由用户建立改为由电影建立,即先计算出每个电影被哪些用户喜欢。比如m3被用户1、2、3喜欢。我们先找u1喜欢的电影,这里是m1、m3、m7,然后轮流遍历这些电影,每当这个电影还被其他用户喜欢,则相似度+1。于是我们就可以降低n的复杂度,计算所有的相似度。这样复杂度就从n的三次方降为了n的平方。所以性能大大提升,变成了每个20毫秒,能实现单机50QPS,但仍然无法达到需要的2000+QPS。
[image:52D38FB3-1AC2-41E4-B3C4-43C222EB23BF-18349-00003D615DC545A3/3C6C80AB-74BD-40A8-92A4-7581CB75C7A4.png]

这时的架构已经做了提升:通过加入一个准备器,将原始数据输入进来,并且创建索引返回给推荐器。
[image:BA00E10D-18EE-43EB-88F8-03A22DF3A0BB-18349-00003D6308699FB7/4986DC9F-D5BB-41F8-A6E0-031BE0709349.png]

2. 提升扩展性

之前有了一个简单的架构,能计算出所有索引,现在需要将推荐模块全部平行地放进来。现在不仅有一个推荐模块,还可以有好几个推荐模块,同时上面还有一个分配器,把整个推荐模块的请求分配给不同推荐器来进行计算。
[image:320CC916-AE69-43F0-9A53-E9341637317B-18349-00003D65221072D7/9BFD0854-7C09-4F51-82CF-3370785AD744.png]

那么问题是:需要多少个推荐器来满足2083QPS呢?

其实很简单,因为刚才单个推荐模块能满足50QPS,所以用2083除以50就可以得出答案,当然也可以多算几个来进行缓冲。

3. 提高鲁棒性

提高鲁棒性,防止服务器崩溃,需要怎么办呢?答案是做热备。

之前的数据有1个人管理,推荐器有一个模块在运行,上面是管理者在管理。

现在可以热备出另外一个数据集,把它们放一起;同时也热备出一个推荐模块放在一起。下图中每个橙色的虚框表示一个集群组合在一起。顶层可以用Apache接外部服务器顶住请求。还会有一些记录日志,比如Big Brother。它们中间通过一个消息分配者把消息分配出去。

如果要给系统进行升级,我们可以通过添加模块来轻松地实现。比如想加入一个Feed流,相当于新浪微博这样的架构,那只需要把这个模块添加到系统中。
[image:D0A434A5-4272-41AE-A3DF-42A409E16763-18349-00003D675BED419B/2AE5AFC8-6C0C-4FEF-9849-EF96568249A9.png]

上图可以看到,绿色的虚线表示它们之间进行消息传递;而绿色粗线表示它们之间有一个数据的快速通道,这样就不用所有消息都通过中间的消息传递者传输,避免影响效率。

总结:SNAKE原则

  • Scenario(场景)

  • Necessary(限制)

  • Application(应用)

  • Kilobit(数据)

  • Evolve(进化)

通过项目的搭建,建立Solid的系统设计思维,真正了解系统设计中会遇到的问题,并亲手解决这些问题,提升50%你的学习效率。

欢迎了解BitTiger大数据工程师、全栈工程师、大数据工程师直通车

BitTiger直通车特色

三个月、三个工业级别大项目

全面提升编程实力与简历背景

硅谷一线IT公司导师、了解痛点的助教

全方位指导及答疑

修改简历、模拟面试、职业咨询

Career Service全程护航

独家面试题库精讲

上百小时基础及面试视频资源助

点击“阅读原文”查看BitTiger直通车

http://t.cn/RYD2Pb3

系统设计的万能解法:SNAKE原则

2017/12/13 posted in  工作方法

JIRA使用建议

  1. 任务要尽可能的细化,并有相应的时间点
  2. 要学会把大的任务划分为一个一个小的任务,然后再分给每个人,这样方便跟踪,也方便了解进入,随时可以进行改进,不要大任务到最后才识别。 所以尽量不要存在跨月的计划任务。如果有跨月的就想办法分割成小任务
2017/11/13 posted in  工作方法

管理优化

  1. 增加使用Slack的频率,增强交流
  2. 加强使用JIRA派工单的方式 —— 清掉前面的未清理任务,从0开始。JIRA只管理分派的任务,后续的方向记录在方向库中。只制定能做的事情,否则会造成事情杂乱导致无法完成
  3. Disquz 集成
  4. 在线公告板
  5. 一周团队报告
2017/9/26 posted in  工作方法

我的资源库整理

  • Document -文档库需要重新梳理-
    • OnlineDocument
      • 编程与开发
        • 编程语言与工具
          • .net
          • Ajax
          • ASP
          • CSS
          • C & C++
          • Delphi
          • Html & XHtml
          • Java
          • Javascript
          • JSP
          • Pascal
          • PHP
          • Python
          • R语言
          • Swift
          • Visual Basic
          • Visual C++
          • XML
          • 汇编语言
        • 算法与数据结构
        • 编译原理与编译器
      • 软件工程和方法学
      • 操作系统
        • Microsoft Windows
        • Linux
        • Unix
        • Mac OS
        • 移动终端操作系统
        • 操作系统理论
      • 数据库
        • MySQL
        • SQLServer
        • SQL语言
        • 数据库理论
        • 数据仓库、数据挖掘
      • 计算机科学理论
        • 计算机基础理论
        • 计算机结构、设计与制造
        • 计算机数学
      • 安全和加密
      • 网络与通讯
      • 云计算和大数据
        • 云计算
          • 华为云计算
          • 阿里云
          • IBM Bluemix
          • VMware
          • Citrix
          • 存储
          • AWS
          • docker
          • kubernetes
          • 区块链
        • 大数据
      • 电子商务
      • 硬件、嵌入式开发
      • 专用软件
      • 计算机期刊杂志
  • Tools工具包 -存储相关工具库-
  • workspace -各种工程文件夹-
  • 公司**资源库
    • 公司介绍
      • 公司介绍
      • 公司相关资料
    • 项目管理文件夹
      • 实施项目 -时间项目名-
      • 售前项目 -时间项目名-
      • 项目汇总
        • 项目汇总表
        • 需求汇总
        • 设计汇总
        • 合同汇总
    • 研发管理文件夹
      • 部门建设
        • 研发中心规范
        • 部门JD
        • 人员配置管理
      • 绩效管理
        • 我的绩效
          • 述职报告
        • 部门绩效
          • 绩效管理方案
          • 绩效结果
      • 合同管理
      • 报告
        • 周报
        • 部门工时统计
        • 部门考勤
      • 研发技术
        • 开发规范
        • 软著资料
        • CMMI管理
      • 培训管理
      • License管理
    • SVN&Git
2017/9/4 posted in  工作方法

kindle使用小技巧

最方便的kindle使用姿势肯定是直接的Amazon上面购买然后直接下载,这种方式最快速,同时也最方便。但是有时候一些国外的书在amazon.cn上没有电子版的。这时可能需要一些互联网上的资源了。

网上的电子书

在网站上可以直接下载kindle可用的电子书,许多很早的电子书都提供了质量很好的电子版。

Kindle个人文档服务目前只能转换并发送以下类型的文档:

  • Microsoft Word (.doc, .docx)
  • RTF文件(.rtf)
  • HTML(.htm, .html)
  • TXT文件(.txt)
  • Zip, x-zip压缩文件
  • Mobi格式电子书
  • JPEG (.jpg), GIF (.gif), Bitmap (.bmp) 和 PNG (.png) 格式的图片。
  • Adobe PDF (.pdf)文档可维持原文件格式,发送至您的Kindle。
  • Adobe PDF (.pdf)文档可转换为Kindle格式发送,目前处于试用阶段。

非支持格式的电子书

比如epub这种就是kindle不支持的电子书格式,为满足kindle的读取,我们同样可以将epub转成mobil格式的电子书来发布。

上传到电子书上

kindle现在支持了mac、pc、android、iphone、iPad等。并根据不同的端可以生成不同的邮件列表。详细的邮件列表可以在设备的设置里面查询,也可以在amazon.cn的设置里面查询。只需要使用邮件账户给相应的@kindle.cn 邮箱发送附件,就可以在该设备上直接访问了。

另外一种形式也可以直连电脑考进去,感觉这种方式越来越麻烦了,不太爱使用。

2017/7/20 posted in  工作方法

来做一个数据可视化报表

上篇文章简单的介绍了数据可视化的基础,将数据进行设计可视化后,可以让我们有一种全新的方式去认识数据,改变对数据的呈现和思考方式。那现在就让开始做一份数据的可视化表,一步步的来看下我们如何获取数据,以及如何进行可视化的展示。

在上章内容中,提到了关于【数据可视化迭代过程】的步骤,这也能看出整个过程包含的步骤,大致有:

  1. 确定主题 - 2.数据获得 - 3.图表选择(表达)- 4图表绘制
    当然了我们也可以看到可视化是要一个不断迭代的过程,步骤之间都需要多次的迭代修改的。

确定主题

这肯定是第一步了,在做数据可视化的时候,首先你要明了你要做什么,想要从数据获中取什么信息,有了目标才能明确的往下做。

那我们这次还是来做关于空气质量PM2.5的数据展示,了解历年来PM2.5的实际情况和发展趋势。

数据获得

对于全国空气质量的数据,最权威的来源肯定是来自于中国环境监测总站(http://www.cnemc.cn/)的数据提供。但是监测总站的API提供的并不是很详细,还有很多第三方也提供类似的API接口,比如PM25.in(http://pm25.in/),在API说明上做的很详细,他们的数据每日更新。所以这次我们选择PM25这个网站来获取数据源。

我们可以看到PM25提供的内容是相当多,包括PM2.5、AQI、PM10、CO、NO2、O3等等。我们只需要PM2.5的数据,所以我们把其他不需要的数据都可以去除掉,同时把Json的数据转换为CSV的数据格式,这里转换数据只是为了下一步处理方便,我这边是选用Processing来做数据可视化处理的。如果你用D3.js,Echart来做的话,Json可能会更方便点。

图表选择(表达)

对于很多人(非设计师)来说数据可能容易获取,但是像要把数据转换成合适的图表进行表达反而非常困难的。因为同样的数据,用不同的图表进行展示出来,得到的效果是完全不一样的。平时可能用到最多的就是通过Excel来做图表,在Excel2010的版本里面,提供了10类共53个图表,还提供了什么数据透视图,自定义图表等等,总之种类非常多。不过尽管图表种类繁多,但其基本类型只有以下几种:

曲线图 :用来反映随时间变化的趋势;

柱形图 :用来反映分类项目之间的比较,也可以用来反映时间趋势;

条形图 :用来反映分类项目之间的比较;

散点图 :用来反映相关性或分布关系;

饼图 :用来反映构成,即部分占总体的比例;

地图 :用来反映区域之间的分类比较;

那知道了,基础图表的类型,那怎么去选择。国外专家 Andrew Abela 他将图表展示的关系分为4 类:比较、分布、构成、联系。然后根据这个分类和数据的状况给出了对应的图表类型建议。当我们不确定使用什么类型的图表的时候,可以参考下这个图。

图表绘制

俗话说【 不会撸码的交互不是好的数据可视化设计师 】,现在市面上有各式各样的可视化的方法和工具,但坦白来说【这些可视化工具都是大坑!!!】,要想做好可视化的表现,最好的方式还是需要掌握一门编程语言,只有这样你才能最合适的表达清楚出你想传达出来的数据信息。

这里给各位想跳入数据可视化这个大坑的设计师们(编程大佬请无视),推荐一下Processing这个创意编程语言。

Processing是美国麻省理工学院媒体实验室旗下美学与运算小组创造出来的(搞设计的人做出来的编程语言),非常容易上手,代码逻辑也很简单,几段代码就能做出十分出现效果的展示。

不过Processing没有代码提示的功能的,用起来还是十分痛苦的,经常是因为一个单词写错了,而造成程序报错。不过后来我发现到Subilme Text能支持Processing的编译环境,而且能提供代码提示功能,简直是发现新大陆一样,从此Processing用起来再也不费劲了。

确定用Processing来实现后,我们继续来做PM2.5的可视化展示。国家环保部将空气质量分为六个等级,分别用绿、黄、橙、红、紫、褐六个颜色来标注,对于着优、良、轻度污染、中度污染、重度污染和严重污染六个空气质量。我们要展示历年来PM2.5的实际情况和发展趋势,就可以把每天的空气质量转换一个个不同颜色的小方格,通过颜色的区别来展示当天的PM2.5情况。

先在纸上画一个简单的草图。已年为划分,下面用小方格展示该年内每天的空气质量是什么等级,把当天的PM2.5数值转换对应的颜色值。

代码很简单的,我大概编写了40来行就完成了,代码逻辑很简单就是导入数据,判断当前数据的值是多少,根据不同的值属于小方块不同的颜色。

实现之后,看起来就是这样子的。日期时间轴是按照1月到12月排列的,通过上面的图示我们可以比较清楚的看到污染程度比较高的时间是集中在开头和结尾,就是1-2月,11-12月之间,也就是每年冬天就是PM2.5污染程度高的时间。

我们继续把成都历史的数据可视化后来看下。我们发现12年之前成都空气质量都还不错的,在14年的时候,就没有小绿格了,可见14年成都空气质量有多差劲,15年、16年后慢慢的开始有点好转,应该是政府开始治理了。我们在把北京,上海和深圳的天气拔来看看。

第一列是成都08-16年的空气质量,第二列是北京的,第三列是上海的,第四列是深圳的。可见深圳的空气质量完爆成都、北京和上海。几乎全是小绿格,真是宜居好地方啊。而帝都北京空气质量是这四个城市中最差的。

小结

将数据可视化后,我们可以发现数据中更大的意义,最重要的还是实践做出来,这篇文章简单的讲解了下可视化的整个过程,我们如何寻找数据,以及做出有意义的可视化图表出来。希望更多的人兴趣,一起来做数据可视化。

来做一个数据可视化报表

2017/7/19 posted in  工作方法

数据可视化基础研究

近日星巴克与微信推出的社交礼品功能“用星说”,可以说刷遍了朋友圈。无论你爱不爱喝咖啡,星巴克似乎都成为了一种文化象征。上班族青睐,小清新喜欢,基本上大家看到绿色的人鱼标志就能马上认出它来。

虽然一直也有喝咖啡的习惯,但至今不知道星巴克菜单版上列的【摩卡】、【拿铁】、【美式】、【卡布奇诺】等等有什么区别。直到看到下列图,才很直观的了解到每个咖啡类别的区别是什么。

26E2A11E-BFD0-406D-9A79-E3E112AFBB3A

类似上图示,针对内容复制,难以形象表达的信息,通过图形简单清晰地向受众呈现出来,这种图称之为 信息图

信息图

信息图本身是一个合成词,由信息和图两个词组成多称之为(Infographics或Infographics Graphics),在40年代的时候就开始出现,使用在报纸及新闻类杂志方面,其中杰出的代表阿根廷的信息图先驱 Alejandro Malofiej ,在1993年西班牙设立了以他为名的主要针对信息图表设计的Malofiej奖。

在报纸、杂志等纸质媒体中,为了让读者感到新奇且直观容易的理解,运用了大量的信息图解的表现。

如下图所示:

信息图早已融入我们的日常生活中,目的为了创造方便舒适的生活环境,使人们的生活变得更加更加安全舒适。

为什么人们会对信息图的传播内容更有效呢?主要原因是因为视觉是人类最强的信息输入方式,人类感知周围世界最强的方式,在 Brain Rules 《大脑法则》一书中,发展分子生物学家 John Medina 写道:“视觉是迄今我们最主要的感官,占用了我们大脑中一半的资源。”信息图提供了一种语境的方法(Language of Context),通过展示多个维度数值并且相互比较来为受众提供语境,使我们更高效的把内容反射到大脑中。

后来随着技术的发展,除了传统的纸质媒体出现了以互联网为主的电脑,电视,手机,大屏终端等更多类型的电子媒体。信息图的分类也逐步划分为:图解(Diagram) 、图表(Chart) 、 表格(Table) 、统计图(Graph) 、 地图(Map)和图形符号(Pictogram)这几部分。

图解Diagram – 主要运用插图对事物进行说明

图表 Chart - 运用图形、线条及插图等,阐明事物的相互关系

表格 Table – 根据特定信息标准进行区分,设置纵轴与横轴

统计图 Graph – 通过数值来表现变化趋势或进行比较

地图 Map – 描述在特定区域和空间里的位置关系

图形符号 Pictogram – 不使用文字,运用图画直接传达信息

在以纸质媒体为主的报刊杂志的传统行业中信息图是对实际 事物 的描述, 而在互联网行业中侧更多的是对 数据 的描述。将数据图形化的过程又称之为数据可视化。把数据,包括测量获得的数值、图像或是计算中涉及、产生的数字信息变为直观的、以图形图像信息表示的、随时间和空间变化的物理现象或物理量呈现出来。

我们来看一组简单的数据,比较下图形和数据对于人脑感观的差异。

这组数据包括I、II、III、IV,一共四组,每组有X和Y两个维度。数据很简单,但从数据上来看,你能说出这四组数据的区别吗?

从数据上很难看出有什么区别,因为每组数据看上去都十分的相近。下面我们把这四组数据转换成图表来进行对比下。

通过图表的比较,我们很容易就能找出这四组数据的区别了。I组数据呈现整体离散向上的趋势。II组数据呈现弧度上升,然后再下降的趋势。III组数据呈现线性上涨的趋势,但有一个点突出。IV组数据呈现Y坐标不变X上升的趋势,但有一点突出。

将数据图形化后,大脑天然的会对图形的不同点做出反应,从而更高效的理解数据带来的意义。

我们再来看下其他例子:

将当前QQ的在线人数,通过可视化的方式展示给用户。把数据置于视觉控件中,这样用户就能很直观的了解到QQ当前使用的人群分布在中国是怎么样的,那里的人群分布多,那里的人群少。

Eric Fischer 针对Twitter 发短消息的位置和Flickr 拍照片的位置为数据源做的名为“看图或说话”(SeeSomething or Say Something)的大数据可视化展示,通过简单但大量的数据,做出非常美的数据图展示。

这种用图形化对数据进行描述设计的过程,我们通常称为【数据可视化】。有时候,可视化的结果可能只是一个条形图表,但大多数的时候可视化的过程会很复杂的,因为数据本身可能会很复杂的。一般流程包括【数据收集】-【数据分析&清理】-【可视化设计】,从抽象的原始数据到可视化图像。

要做出好的【数据可视化】,拆分出来核心要先了解什么是【数据】

数据

数据是可视化的基础,它不仅仅是数字,要想把数据可视化,就必须知道它表达的是什么。根据 Ben Shneiderman 的分类,信息可视化的数据分为以下几类:

一维数据:X轴一个维度如果1、2、3、4 ···

二维数据:X,Y两个二维度(1、2),(3、4),(5、6),(7、8)···

三维数据:X,Y,Z三个维度(1、2、3),(4、5、6),(7、8、9) ···

多维数据:X,Y,Z,···多个维度(1、2、3、4、···),(5、6、7、8、···)

时态数据:具有数据属性的数据集合。

层次数据:具有等级或层次关系数据集合。

数据种类划分是十分多的,但是这些数据都描述了现实的世界中的一部分,是现实世界的一个快照。除了类型,数据的数量级也影响这数据的表达结果。

小数据量(小于100)展示一下静态结果,中数据量(1K~100K)呈现数据反映的事实,大数据量(大于1M+)用于研究分析,推测结果。

我们来看一个数据:【 2017年1月28号,成都PM2.5值245 】,从这个数据里能看出什么,可能只是会觉得当天成都空气质量不好,我们可能会联想到这个样一个画面。

好像就不能得出什么了。其实从单个小数据上来看,我们很难得到什么有价值的信息。

只能匹配出数据代表的当前的静态状态结果。所以要想发挥出数据可视化的作用,首先我们需要大量真实的数据,知道数据的来龙去脉,把它作为一个整体来理解,关注全貌对原始数据了解得越多,打造的基础就越坚实,也就越可能制作出令人信服的数据图表。

OK,我们继续丰富我们的原始数据,在中国环境监测总站(http://www.cnemc.cn/)的网站获取到成都2017年整个1月份的PM2.5的数据。

中国环境监测总站作为空气质量公开的数据来源,它提供了获取数据的API接口。通过API接口我们可以获取到原始数据。

原始数据一般包含的信息都比较多,什么PM2.5,、空气质量指数、PM10、一氧化碳、二氧化碳、臭氧、二氧化硫等等。我们只需要PM2.5的,所以清理数据,把其他不必要的内容去掉。然后导入到Excel表中,可以得到我们最终需要的数据。

有了【数据】下一步就可以开始做数据的【可视化】。

可视化

通俗地说,可视化设计的目的是“让数据说话”,用图形去讲述数据的故事。可视化是一种表达数据的方式,是现实世界的抽象表达。它像文字一样,为我们讲述各种各样的故事。作为一种媒介,可视化已经发展成为一种很好的故事讲述方式。

我们把成都PM2.5的数据,按照日期和当天的PM2.5指数做出最简单图形来,我们可以得到下面这类的图表来。

这类的图用Excel很简单就能得到。我们可去修改下柱状图的配色,但它依然只是一个简单的图表,而不是好的可视化作品。

那什么是好的可视化作品呢?

好的可视化设计需要具备统计和设计方面的知识。没有前者,可视化只是插图和美术练习;没有后者,可视化就只是研究分析结果。统计和设计的知识都只能帮助你完成数据图形的一部分。

我们需要去讲述数据的故事。那PM2.5代表的是什么,是当天天气的情况,所以我们可以用天气的维度去讲述这个故事。

我们把成都2017年1月份的天气照片的到,天气好的时候天是蓝色,PM2.5超标的时候是灰色。把它图形化我们可以得到这样一个展示,可以看出对于成都来说一个月中天气好的时间是十分少的。

好的可视化设计能让你有一见钟情的感觉,你知道眼前的东西就是你想看到的。既可以是艺术的,同时又是真实的。而不是直接把数据转换成图表,找到数据和它所代表事物之间的关系按照“数字化叙事”去做设计,这是全面分析数据的关键,同样还是深层次理解数据的关键。

我们在网上可以看到大量的优秀的数据可视化图,这些优秀的作品都会以这种“数字化叙事”的方式,告诉用户数据的意义。

这是哈佛做的一个数据可视化项目,将全球价15万亿美元的大宗交易表现在这里。地图上的每个点都代表 1 亿美元的进出口商品,十分的形象和震撼。

当然好的数据可视化图都是不断迭代优化出来的,判断是不是一个好的数据可视化可以按照以下的步骤去考虑。【你有什么数据】 -> 【关于数据你想知道什么】 -> 【数据可视化的表现方式】 -> 【你看到了什么?有意义吗?】。每一个问题的答案都取决于前一个答案,不断的去问自己,每个环节有没有问题,这样才能做出最好的设计。

我们一直在讲数据可视化的目的是有两个:一个是更好地分享和传达数据信息,二个是通过设计之美有效地缩短信息的传达。这是可视化的最根本的目的,可视化的定义在不同人眼中是不一样的。作为一个整体,可视化的广度每天都在变化,但是这是一个新的领域,我们可以用一种全新的方式去认识世界的过程,数据可视化,改变对数据的呈现和思考方式。

参考资料

《图解力》 – 木村博之 《数据之美》 – 邱南森 《可视化沟通》 – Randy Krun 《信息设计》 – Dopress Books Designing Data Visualizations with Noah Iliinsky – TED演讲 信息可视化研究综述 - 河北科技大学学报

数据可视化基础研究

2017/7/19 posted in  工作方法

项目QA制作中整理的项目管理问题

欠缺的项目管理问题

  1. JIRA中的任务状态延期,应该形成相应的问题。这类问题管理在JIRA里面实际上是没有的。 —— 这个可以在JIRA里面新建一个问题类型来专门管理项目管理中的问题。
  2. 相应的问题,如果存在则需要形成相关的风险,这类风险需要记录成为风险,并定期跟踪。 ——使用插件可以进行相应的风险管理 EPAM Risk Management Plug-in
  3. 可以根据我们的项目管理过程,整理出一个基本的我们项目相关的导入模板,这样减少项目经理工作的同时,也可以标注我们的工作。
    1. 标准模板包含几种不同类型的项目
    2. 标准模板包含项目的所有的过程域,项目经理可以修改具体的过程域时间,项目经理只需要修改少量过程域就可以改变整体过程。
2017/7/16 posted in  工作方法

承接能力研究

承接能力研究:

  1. 人力资本——服务人员技术、沟通和管理水平在服务业务中占有非常重要的地位。企业高素质人力资本资源越丰富,服务外包提供承接业务过程中的吸收能力越强
  2. 主营业务成本:劳动力成本是服务业需要支付的主要成本。企业的主营业务成本竞争能力越强,服务外包提供商承接业务过程中的吸收能力越强
  3. 技术能力:企业技术能力的提升对软件外包企业增强市场竞争力具有重要的意义
  4. 教育质量:服务外包属于知识和技术密集型产业,对具有一定专业背景的中高层次人才有较大需求,它可以直接满足服务外包企业对人才的具体技能要求。
  5. 项目管理能力:管理技能与行政效率主要反映企业的综合管理水平

我国社会组织承接政府购买服务能力体系构建

我国社会组织承接政府购买服务能力建设的能力生态体系内容,即主要由责任承担、服务提供和信誉维系“三大能力维度”和独立运作、筹集资金、流程规范、设备完善、人力资源、专业技术、自我监督、品牌效应、危机公关等“九大子能力”构成。这九大能力可以大体上划分为“对内、对外、软、硬”四个相互联系的能力面向。

社会组织承接政府购买服务能力体系由“三大能力维度”和“九大子能力”构成。这“三大能力维度”体现了相互联系、相互促进的三种能力面向:(1)责任承担能力主要是法律制度层面的能力,它要求社会组织在法律制度的规范下独立运作、合理合法地筹集资金,以及信息透明和责任明晰地进行管理;(2)服务提供能力主要是管理过程层面的能力,它要求社会组织具备提供服务的设备设施、人力资源与专业技术;(3)信誉维系能力主要是从社会资本层面而言的,它要求社会组织在承接政府购买服务过程中不断地增加信任、信誉等社会资本,自觉地进行自我监督、建立品牌效应和有效地进行危机公关,从而维系良好的社会信誉。
“九大子能力”在特点与性质上也是有所不同的:有些子能力明显地倾向于硬性能力,如独立运作能力、设备完善能力、人力资源能力、自我监督能力等;有些子能力则明显地倾向于软性能力,如品牌效应能力、危机公关能力、专业技术能力。同时,有些子能力是明显地倾向于对内的,如独立运作能力、自我监督能力、设备完善能力等;有些能力则是明显地倾向于对外的,如品牌效应能力、危机公关能力、流程规范能力等。这“九大子能力”在“三大能力维度”的坐标框架下相互联系、相互补充,构成一个整体性、系统性的社会组织承接政府购买服务的能力体系。

2017/6/29 posted in  工作方法

OpenVPN 客户端说明文档

Windows版本安装

安装openvpn客户端

请使用提供的文件包中的openvpn客户端,其他的客户端可能因为版本不兼容导致无法访问vpn
64位版本如下
FIREOPENVPN\windows\openvpn-install-2.3.2-I006-x86_64.exe

最好使用以管理员身份运行安装

0BB4CC53-3A84-4777-93BA-191231DFD194

进去后下一步、下一步安装完成

配置Openvpn

配置管理员运行权限

进入目录C:\Program Files\OpenVPN\bin 可以看到openvpn-gui.exe文件,由于需要给操作系统写入一些路由数据,需要给这个权限赋予管理员运行权限。

2348FAF1-FC76-425D-923F-0452E9BF80DB

6ADF3456-FC9C-4527-B5B8-836C42E54B00

配置client文件

FIREOPENVPN\windows文件包中的 rdclient 文件夹 拷贝到 C:\Program Files\OpenVPN\config 目录下

3742C423-7853-4748-866D-60A8941CEBDB

启动openvpn 客户端

使用安装后的桌面快捷方式,或者安装完成后的openvpn-gui.exe 文件,都可以启动openvpn 。

在windows右下角可以看到任务图标,反键任务图标connect即可。

C8168C74-E9E7-4F8D-9B22-AA9CB5A4A82E

连接后会弹出用户名密码标签,填入下发的即可,如 yangfan/

8F109829-0918-4608-A6F2-39C5E3840608

连接完成后图标会变为绿色,表示连接vpn 成功,这时可以ping一下你的ip

MAC版本安装

mac 版本推荐使用Tunnelblick来进行openvpn 的连接。(也可以使用其他的软件)。 Tunnelblick对于openvpn客户端服务器端版本的匹配较好,我们可以放心使用。

1318DB69-DD29-4A0A-AED3-FAE7C7BD6431

运行dmg 安装包之后双击安装即可。需要获取一些安装权限,需要输入
714BCEE0-D3EF-46C4-969B-D8222118185F

输入管理员密码

BFF34DF6-D888-41CA-80AD-B9E461CF66B

选择我有配置文件即可。

找到rdclient.tblk 文件,双击运行。

3B8004FE-8386-4D07-B2C0-DF8F1828A106

78E133FD-F863-4D21-9A51-3AAC64424F5B

安装完成后会有提示表示安装完成。

然后运行菜单中的,连接rdclient即可

46758CD5-9967-45CB-B43B-548E6AB77DB4

输入分配的用户名,密码登陆即可。

A5565C66-48EB-42CC-B969-ABD59F29520

完成后会显示连接成功。

卸载

如果不想使用,可以运行Tunnelblick Uninstaller 卸载即可

EA4298B8-CC09-45D5-A2AE-7E58D4D6D214

点击Uninstall 即可卸载
FC1DCF98-D214-49AC-B556-BF882AB396E3

卸载时会要求输入mac的管理员密码。

2017/3/29 posted in  工作方法 linux

bear 显示代码高亮

As in GitHub Markdown Dialect, to enable syntax highlighting inside code blocks you have to specify the programming language after the first block marker.

An example:

def fibR(n):
    if n == 1 or n == 2:
        return 1
    return fibR(n - 1) + fibR(n - 2)
print fibR(5)

Supported languages for syntax highlighting and their abbreviations:

注意这里跟在后面的应该写破折后后面的简写,如shell 就需要些sh,否则无法响应

  • Apache
  • C / C++
  • C# - csharp
  • CoffeeScript - coffee
  • CSS
  • GO - golang
  • HTML
  • Java
  • Javascript - js
  • JSON
  • Lua
  • Mathlab - mat
  • Objective-C - objc
  • Perl
  • PHP
  • Python - py
  • R
  • Ruby
  • Scala - sc
  • SCSS
  • Shell - sh
  • SQL
  • Swift
  • Tex - latex
  • XML
2017/3/28 posted in  工作方法