拥抱新的时代 数据可视化及用户界面杂谈 2011
TRANSCRIPT
![Page 1: 拥抱新的时代 数据可视化及用户界面杂谈 2011](https://reader034.vdocuments.site/reader034/viewer/2022042500/55a4e8ac1a28abbb5c8b458e/html5/thumbnails/1.jpg)
拥抱新的时代
数据可视化及用户界面杂谈
![Page 2: 拥抱新的时代 数据可视化及用户界面杂谈 2011](https://reader034.vdocuments.site/reader034/viewer/2022042500/55a4e8ac1a28abbb5c8b458e/html5/thumbnails/2.jpg)
大纲
! 先贤的历史
! 新的时代
! 不算遥远的未来
![Page 3: 拥抱新的时代 数据可视化及用户界面杂谈 2011](https://reader034.vdocuments.site/reader034/viewer/2022042500/55a4e8ac1a28abbb5c8b458e/html5/thumbnails/3.jpg)
令人钦佩的先贤
我们是站在巨人的肩膀上
![Page 4: 拥抱新的时代 数据可视化及用户界面杂谈 2011](https://reader034.vdocuments.site/reader034/viewer/2022042500/55a4e8ac1a28abbb5c8b458e/html5/thumbnails/4.jpg)
数据可视化的历史
![Page 5: 拥抱新的时代 数据可视化及用户界面杂谈 2011](https://reader034.vdocuments.site/reader034/viewer/2022042500/55a4e8ac1a28abbb5c8b458e/html5/thumbnails/5.jpg)
可视化用户界面的鼻祖 1981: Xerox Star
Copyright © 2003-‐2009 Tableau So8ware, Incorporated and its licensors.
From www.digibarn.com
![Page 6: 拥抱新的时代 数据可视化及用户界面杂谈 2011](https://reader034.vdocuments.site/reader034/viewer/2022042500/55a4e8ac1a28abbb5c8b458e/html5/thumbnails/6.jpg)
![Page 7: 拥抱新的时代 数据可视化及用户界面杂谈 2011](https://reader034.vdocuments.site/reader034/viewer/2022042500/55a4e8ac1a28abbb5c8b458e/html5/thumbnails/7.jpg)
感恩先贤,我们的现状呢? �
看看我们如何呈现与体验 数据
![Page 8: 拥抱新的时代 数据可视化及用户界面杂谈 2011](https://reader034.vdocuments.site/reader034/viewer/2022042500/55a4e8ac1a28abbb5c8b458e/html5/thumbnails/8.jpg)
留恋上世纪90年代的MIS模式 �
不加修饰的CRUD 伙计
![Page 9: 拥抱新的时代 数据可视化及用户界面杂谈 2011](https://reader034.vdocuments.site/reader034/viewer/2022042500/55a4e8ac1a28abbb5c8b458e/html5/thumbnails/9.jpg)
2001 我们公司的产品 �
![Page 10: 拥抱新的时代 数据可视化及用户界面杂谈 2011](https://reader034.vdocuments.site/reader034/viewer/2022042500/55a4e8ac1a28abbb5c8b458e/html5/thumbnails/10.jpg)
2007 我们公司的产品 �
![Page 11: 拥抱新的时代 数据可视化及用户界面杂谈 2011](https://reader034.vdocuments.site/reader034/viewer/2022042500/55a4e8ac1a28abbb5c8b458e/html5/thumbnails/11.jpg)
2008 我们公司的产品 �
![Page 12: 拥抱新的时代 数据可视化及用户界面杂谈 2011](https://reader034.vdocuments.site/reader034/viewer/2022042500/55a4e8ac1a28abbb5c8b458e/html5/thumbnails/12.jpg)
有啥进步吗? �
感觉很无奈 L
![Page 13: 拥抱新的时代 数据可视化及用户界面杂谈 2011](https://reader034.vdocuments.site/reader034/viewer/2022042500/55a4e8ac1a28abbb5c8b458e/html5/thumbnails/13.jpg)
2011 Aclome �
![Page 14: 拥抱新的时代 数据可视化及用户界面杂谈 2011](https://reader034.vdocuments.site/reader034/viewer/2022042500/55a4e8ac1a28abbb5c8b458e/html5/thumbnails/14.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022042500/55a4e8ac1a28abbb5c8b458e/html5/thumbnails/15.jpg)
新的时代
更要给用户带来不同凡响的体验
![Page 16: 拥抱新的时代 数据可视化及用户界面杂谈 2011](https://reader034.vdocuments.site/reader034/viewer/2022042500/55a4e8ac1a28abbb5c8b458e/html5/thumbnails/16.jpg)
永恒的简洁布局与配色 �
do.com
![Page 17: 拥抱新的时代 数据可视化及用户界面杂谈 2011](https://reader034.vdocuments.site/reader034/viewer/2022042500/55a4e8ac1a28abbb5c8b458e/html5/thumbnails/17.jpg)
永恒的简洁布局与配色 �
app.getflow.com
![Page 18: 拥抱新的时代 数据可视化及用户界面杂谈 2011](https://reader034.vdocuments.site/reader034/viewer/2022042500/55a4e8ac1a28abbb5c8b458e/html5/thumbnails/18.jpg)
永恒的简洁布局与配色 �
rule.fm
![Page 19: 拥抱新的时代 数据可视化及用户界面杂谈 2011](https://reader034.vdocuments.site/reader034/viewer/2022042500/55a4e8ac1a28abbb5c8b458e/html5/thumbnails/19.jpg)
控件级粒度的苹果风 �
demo.sproutcore.com
![Page 20: 拥抱新的时代 数据可视化及用户界面杂谈 2011](https://reader034.vdocuments.site/reader034/viewer/2022042500/55a4e8ac1a28abbb5c8b458e/html5/thumbnails/20.jpg)
多维度的可视化数据展现 �
plumegraph.org
![Page 21: 拥抱新的时代 数据可视化及用户界面杂谈 2011](https://reader034.vdocuments.site/reader034/viewer/2022042500/55a4e8ac1a28abbb5c8b458e/html5/thumbnails/21.jpg)
多维度的可视化数据展现 �
www.tableausoftware.com
![Page 22: 拥抱新的时代 数据可视化及用户界面杂谈 2011](https://reader034.vdocuments.site/reader034/viewer/2022042500/55a4e8ac1a28abbb5c8b458e/html5/thumbnails/22.jpg)
更直观的分析性图表 �
www.tableausoftware.com
![Page 23: 拥抱新的时代 数据可视化及用户界面杂谈 2011](https://reader034.vdocuments.site/reader034/viewer/2022042500/55a4e8ac1a28abbb5c8b458e/html5/thumbnails/23.jpg)
不算遥远的未来
HTML5 Based 3D
![Page 24: 拥抱新的时代 数据可视化及用户界面杂谈 2011](https://reader034.vdocuments.site/reader034/viewer/2022042500/55a4e8ac1a28abbb5c8b458e/html5/thumbnails/24.jpg)
3D 拓扑?
![Page 25: 拥抱新的时代 数据可视化及用户界面杂谈 2011](https://reader034.vdocuments.site/reader034/viewer/2022042500/55a4e8ac1a28abbb5c8b458e/html5/thumbnails/25.jpg)
选择某一类型的虚拟机模板?
![Page 26: 拥抱新的时代 数据可视化及用户界面杂谈 2011](https://reader034.vdocuments.site/reader034/viewer/2022042500/55a4e8ac1a28abbb5c8b458e/html5/thumbnails/26.jpg)
虚拟机负荷?
![Page 27: 拥抱新的时代 数据可视化及用户界面杂谈 2011](https://reader034.vdocuments.site/reader034/viewer/2022042500/55a4e8ac1a28abbb5c8b458e/html5/thumbnails/27.jpg)
空间辽阔,任你发挥
![Page 28: 拥抱新的时代 数据可视化及用户界面杂谈 2011](https://reader034.vdocuments.site/reader034/viewer/2022042500/55a4e8ac1a28abbb5c8b458e/html5/thumbnails/28.jpg)
世界会因我们而不同
![Page 29: 拥抱新的时代 数据可视化及用户界面杂谈 2011](https://reader034.vdocuments.site/reader034/viewer/2022042500/55a4e8ac1a28abbb5c8b458e/html5/thumbnails/29.jpg)