拥抱新的时代 数据可视化及用户界面杂谈 2011

29
拥抱新的时代 数据可视化及用户界面杂谈

Upload: -

Post on 14-Jul-2015

359 views

Category:

Data & Analytics


10 download

TRANSCRIPT

Page 1: 拥抱新的时代 数据可视化及用户界面杂谈 2011

拥抱新的时代

数据可视化及用户界面杂谈

Page 2: 拥抱新的时代 数据可视化及用户界面杂谈 2011

大纲

!   先贤的历史

!   新的时代

!   不算遥远的未来

Page 3: 拥抱新的时代 数据可视化及用户界面杂谈 2011

令人钦佩的先贤

我们是站在巨人的肩膀上

Page 4: 拥抱新的时代 数据可视化及用户界面杂谈 2011

数据可视化的历史

Page 5: 拥抱新的时代 数据可视化及用户界面杂谈 2011

可视化用户界面的鼻祖  1981:  Xerox  Star  

Copyright  ©  2003-­‐2009  Tableau  So8ware,  Incorporated  and  its  licensors.    

From  www.digibarn.com  

Page 6: 拥抱新的时代 数据可视化及用户界面杂谈 2011
Page 7: 拥抱新的时代 数据可视化及用户界面杂谈 2011

感恩先贤,我们的现状呢? � 

看看我们如何呈现与体验 数据

Page 8: 拥抱新的时代 数据可视化及用户界面杂谈 2011

留恋上世纪90年代的MIS模式 � 

不加修饰的CRUD 伙计

Page 9: 拥抱新的时代 数据可视化及用户界面杂谈 2011

2001  我们公司的产品 � 

Page 10: 拥抱新的时代 数据可视化及用户界面杂谈 2011

2007  我们公司的产品 � 

Page 11: 拥抱新的时代 数据可视化及用户界面杂谈 2011

2008  我们公司的产品 � 

Page 12: 拥抱新的时代 数据可视化及用户界面杂谈 2011

有啥进步吗? � 

感觉很无奈 L

Page 13: 拥抱新的时代 数据可视化及用户界面杂谈 2011

2011  Aclome � 

Page 14: 拥抱新的时代 数据可视化及用户界面杂谈 2011

Googlehttp://domain.com

Web Page Title

Dashboard Inventory Analytics Event AdministrationAclome

Metric Viewer:Memory Usage

15%

4 Gb

Master DB:Memory Usage

25%

50%

75%

Metric Viewer:Disk Usage

Update: hh:mm:ss

Master DB:Disk Usage

C:\D:\E:\

75% usage50% usage90% usage

500 Gb500 Gb500 Gb

Metric Viewer:NIC

Master DB:NIC Send and Receive

4 Kb/s

In Out

3.2Kb/s

Search

Dashboard > Startup

Business Application Performance Overview

Application 4

Metric Viewer:CPU Usage

15%Master DB:CPU Usage

Copyright©1999-2011 Neusoft Corporation

LB Layer

CPU % Memory % Disk % Requests Served per Minute Alerts PriorityH M L

Web Application Layer

CPU % Memory % Disk % Inbound Connections Alerts PriorityH M L

DB Server LayerCPU % Memory % Disk % Connections per Minute Alerts Priority

Update: hh:mm:ss

3 7

H M L

+ -

Startup Dashboard

���������������������������������������������������������������������������������������������������������������������������������������������������������������������

Search

Master DB (10.4.44.103)������������������������������������������������������������������������������������������������������������������������������������

Aclome Administrator (user1) - Change...

Xen VMResource Type�

Owner:

06/02/2011 04:33 ��Date Created:

06/02/2011 04:33 ��Date Modified:

Application Server 1(IP: 10.4.44.102) 50% 50% 50% 60

Application Server 2(IP: 10.4.44.103)

50% 50% 50% 60

Application Server 3(IP: 10.4.44.104)

50% 50% 50% 60

Application Server 4(IP: 10.4.44.105)

50% 50% 50% 60

Slave DB1(IP: 10.4.44.107)

Slave DB2(IP: 10.4.44.108)

50% 50% 50%

50% 50% 50%

60

60

Slave DB3(IP: 10.4.44.109)

Slave DB4(IP: 10.4.44.110)

50% 50% 50%

50% 50% 50%

60

60

Slave DB5(IP: 10.4.44.111)

Slave DB6(IP: 10.4.44.112)

50% 50% 50%

50% 50% 50%

60

60

Master DB(IP: 10.4.44.103) 93% 93% 50% 128

Load Balancer 1(IP: 10.4.44.101) 50% 50% 50% 128

Business Application ...

Application 3

Application 5

Update: hh:mm:ss

Application 4

10

10

Application 6

10

2011-8-16 21:34:17 , Event Source ��XenServer Host1 , event detail …

2011-8-16 21:43 User110

整体大有进步,但细节还有待完善

理想与现实 � 

Page 15: 拥抱新的时代 数据可视化及用户界面杂谈 2011

新的时代

更要给用户带来不同凡响的体验

Page 16: 拥抱新的时代 数据可视化及用户界面杂谈 2011

永恒的简洁布局与配色 � 

do.com

Page 17: 拥抱新的时代 数据可视化及用户界面杂谈 2011

永恒的简洁布局与配色 � 

app.getflow.com

Page 18: 拥抱新的时代 数据可视化及用户界面杂谈 2011

永恒的简洁布局与配色 � 

rule.fm

Page 19: 拥抱新的时代 数据可视化及用户界面杂谈 2011

控件级粒度的苹果风 � 

demo.sproutcore.com

Page 20: 拥抱新的时代 数据可视化及用户界面杂谈 2011

多维度的可视化数据展现 � 

plumegraph.org

Page 21: 拥抱新的时代 数据可视化及用户界面杂谈 2011

多维度的可视化数据展现 � 

www.tableausoftware.com

Page 22: 拥抱新的时代 数据可视化及用户界面杂谈 2011

更直观的分析性图表 � 

www.tableausoftware.com

Page 23: 拥抱新的时代 数据可视化及用户界面杂谈 2011

不算遥远的未来

HTML5 Based 3D

Page 24: 拥抱新的时代 数据可视化及用户界面杂谈 2011

3D 拓扑?

Page 25: 拥抱新的时代 数据可视化及用户界面杂谈 2011

选择某一类型的虚拟机模板?

Page 26: 拥抱新的时代 数据可视化及用户界面杂谈 2011

虚拟机负荷?

Page 27: 拥抱新的时代 数据可视化及用户界面杂谈 2011

空间辽阔,任你发挥

Page 28: 拥抱新的时代 数据可视化及用户界面杂谈 2011

世界会因我们而不同

Page 29: 拥抱新的时代 数据可视化及用户界面杂谈 2011