《一专多长》——twinsen[梁璟彪]

——TwinsenLiang

一专多长

WebRebuild 年会

2009.08.03

——TwinsenLiang

2009.08.03

传奇中的英雄——迈克尔 · 舒马赫

F1 参赛 250 次登台 61.6%冠军 36.4%总分： 1369 分

——TwinsenLiang

2009.08.03

强大的团队——法拉利车队

——TwinsenLiang

2009.08.03

卓越的领导者——让 · 托德

——TwinsenLiang什么是专业？

2009.08.03

234 、 1314 、先生多晒

磨绞剪、虾饺烧卖

VS

——TwinsenLiang

前端架构

运营

设计

后台

产品及项目管理

2009.08.03

前端架构人员的能力模型

——TwinsenLiang跟着后台学系统化

2009.08.03

——TwinsenLiang

图例式 sitemap 与代码式 sitemap

2009.08.03

跟着后台学系统化

点击插入图片

——TwinsenLiang

点击插入图片

2009.08.03

跟着后台学系统化

机器可以做的繁杂工作为什么要让人去做呢？

——TwinsenLiang我与项目管理的故事

2009.08.03

——TwinsenLiangHuawei IPD 主要框架（ 2 Pipe ）

集成投资组合管理团队（ IPMT）负责

项目开发团队（ PDT）负责（产品经理＋项目组）

IPD成功推行帮助华为的产品线逐步取得世界级竞争能力。

概念

理解市场

定义细分市场

投资组合分析

制定业务策略和计划

协调和优化业务计

划

计划

开发

验证

发布

生命周期管理

细分市场绩效评估细分市场绩效数据项目管理数据

候选计划DCP1

DCP2

DCP3 DCP4

2009.08.03

传统软件成本特点

• Alpha--- Beta --- RC----RTM

– 周期以年为单位，投资巨大

– 发布 Beta 成本高，

卷入用户的成本高， Beta 范围受限；

– BugFix 成本极高；回退几乎是失败的

代名词强调内部 Testing 和内部质量保

障水平；

市场调研： 2000 万

设计： 1000 万

DE ： 3000 万

Testing ： 2000 万

发布： 1500 万

维护： 500 万

一个电信产品 18 个月例子

2009.08.03

——TwinsenLiang

——TwinsenLiang

2009.08.03

更优、更可操作的流程架构

Qzone 诞生

Qzone 的进化

千万用户的互联网平台

当然，这里只会是一个流程的缩略，千万用户的互联网平台并不是一两个迭代就能诞生的

•旋涡会更多

•旋转速度会更快。

互联网服务特点

• Always Beta ， No RC ， – 周期以周，天为单位

– 发布 Beta 成本低，卷入用户的成本低，

Beta 范围 0-100 ；

– BugFix 成本低；回退很平常；

– 强调 User 来 Testing ；

市场调研： 2 万Design ： 2 万DE ： 10 万Testing ： 1 万Beta1 发布： 1 万User ：少量

运营： 15 万

Beta1 在第 1 个月的成本的例子；

2009.08.03

——TwinsenLiang

成本对比

市场调研： 2000 万

设计： 1000 万

DE ： 3000 万

Testing ： 2000 万

发布： 1500 万

维护： 500 万

18 个月，花 1 亿，第一个试验局开局！

市场调研： 2 万 Design ： 2 万DE ： 10 万Testing ： 1 万Beta1 发布：User ：少量

运营： 15 万

1 个月，花 30 万，Beta1 发布

市场调研： 2 万 Design ： 2 万DE ： 15 万Testing ： 1 万Beta2 发布：User ：少量 +

运营： 20 万

2 个月，花 40 万，Beta2 迭代

2009.08.03

——TwinsenLiang

——TwinsenLiang

2009.08.03

实际案例

耗时 4 个月，一个版本Bug 以及体验情况未知

——TwinsenLiang

2009.08.03

实际案例

耗时 2 个月， 4 个版本Bug 以及体验情况每周能得到反馈和调整

——TwinsenLiang

点击插入图片

2009.08.03

实际案例

猜想是不可能实现的么？

WebApp 的 Testing 取向

内部测试

• 100 人 /200 人 /…

• DE ： TE = 1:1

用户参与测试

• 1 万人 /10 万人 /…

• DE ： TE = 10:1

• DE ： TE = 1: 1 万

2009.08.03

——TwinsenLiang

VS

传统软件 Internet Web App 取向

——TwinsenLiang独具慧眼看产品

2009.08.03

失败就是用户最想要的结果么？

——TwinsenLiang同样需要数据化运营

2009.08.03

巨大的用户体验挫败感


2009.08.03

巨大的流量带宽消耗

——TwinsenLiang

2009.08.03

同样需要数据化运营


• 合并为：

• 合并前耗时： 22.447 S，大小： 19194 B

• 合并后耗时： 0.012 S，大小： 19180 B

2009.08.03


2009.08.03


2009.08.03

PNG24 PNG8

PNG24

62.0K 6.55K

17.1K

PNG24优化方案

把他应用在自己项目里就是专业了么 ?


2009.08.03

多层矢量图单层位图

As3动态阴影滤镜

76.4K 15K

1.8K

延伸的 flash优化方案

Imgcache将近 9% 的带宽成本就是这样的省下来的 !

——TwinsenLiang指引更工业化的设计

2009.08.03


2009.08.03

一个通用的模块需要用多少套代码？


2009.08.03


2009.08.03

你是否让你的站点规范化体系化了 ?正如工业设计每颗螺丝都能匹配螺母 ?

——TwinsenLiang

Then

这节课讲了什么？

2009.08.03

——TwinsenLiang

前端架构

运营

设计

后台

产品及项目管理

2009.08.03

前端架构人员的能力模型

——TwinsenLiang

Q&A & Thanks

其实一个问题应该及时了解，及时反应，那Q&A还有必要么？

2009.08.03

——TwinsenLiang

哲学是系统的世界观，是指导客观实践的方法论。

2009.08.03

是所有自然学科的综合提炼

——TwinsenLiangPV 与 Google Analytics

• PV(page view) ，即页面浏览量；雏形源于在电视台用于统计节目收视率的点数指标。伴随网络的发展开始应用于互联网，通常是衡量一个网络新闻频道或网站甚至一条网络新闻的主要指标，从某种程度上已成为投资者衡量商业网站表现的最重要尺度。

• Google Analytics 通过分析 PV 来源细分，以及 HTTP

Referer等数据，向您显示人们如何找到和浏览您的网站以及您能如何改善访问者的体验。提高您的网站投资回报率、增加转换，在网上获取更多收益。

2009.08.03

——TwinsenLiangTwinsenLiang.Net 周周期表

2009.08.03

周日周一周二周三周四周五周六0

20

40

60

80

100

120

140

160

1510203060100周日作为重大事件发布日期

——TwinsenLiangTwinsenLiang.Net 月周期表

2009.08.03

1号

3号

5号

7号

9号

11号

13号

15号

17号

19号

21号

23号

25号

27号

29号

31号

0.00

20.00

40.00

60.00

80.00

100.00

120.00

140.00

160.00

180.00

200.00

151020

用户大多为 RSS订阅

13号为站点更新高峰

——TwinsenLiangCss88.Com 周周期表

2009.08.03

周日周一周二周三周四周五周六0.00

100.00

200.00

300.00

400.00

500.00

600.00

700.00

800.00

900.00

1510203060100用户大部分为上班族

——TwinsenLiangCss88.Com 月周期表

2009.08.03

1号

3号

5号

7号

9号

11号

13号

15号

17号

19号

21号

23号

25号

27号

29号

31号

0.00

200.00

400.00

600.00

800.00

1000.00

1200.00

151020

站点周期性稳定，用户忠诚度高

——TwinsenLiangUu88.Com 周周期表

2009.08.03

周日周一周二周三周四周五周六0.00

50.00

100.00

150.00

200.00

250.00

300.00

350.00

400.00

1510203060100

——TwinsenLiangUu88.Com 月周期表

2009.08.03

1号

3号

5号

7号

9号

11号

13号

15号

17号

19号

21号

23号

25号

27号

29号

31号

0.00

50.00

100.00

150.00

200.00

250.00

300.00

350.00

400.00

450.00

151020

站点波动小，处于没落时期

——TwinsenLiangNfcyw.Com 的 analytics 分析

2009.08.03

——TwinsenLiangK线与 MACD

• K线图这种图表源处于日本德川幕府时代（ 1603～ 1867

年），被当时日本米市的商人用来记录米市的行情与价格波动，后因其细腻独到的标画方式而被引入到股市及期货市场。

• 12日 EMA 的计算： EMA12 ＝ ( 前一日 EMA12×11/13＋今日收盘价×2/13) 。

• 26日 EMA 的计算： EMA26 ＝ ( 前一日 EMA26×25/27＋今日收盘价×2/27) 。

• 差离值 (DIF) 的计算： DIF ＝ EMA12-EMA26 ；然后再根据差离值计算其 9日的平滑异动移动平均差离值MACD 。

• MACD＝前一日MACD×8/10＋今日DIF×2/10 。2009.08.03

——TwinsenLiang某股票的 120 分钟 K线图

2009.08.03

长周期线持续保护各线，可长期持有

——TwinsenLiang某股票的 120 分钟 K线图

2009.08.03

长周期线失去保护或重新保护，意为调整投资策略

——TwinsenLiang某股票的 MACD 图

2009.08.03

MACD指出的是他波动的趋势

——TwinsenLiang评价站点好坏的因数

• PV 以及 UV 的高低， PV/UV= 用户平均停留访问页数

• 站点兼容性– HTML标准通过率

– CSS兼容率

• 资源占用（ CPU/ 内存）– JS 运算速度

– 服务器响应速度

• 页面跳转率– 支付页面

– 新业务页面2009.08.03

——TwinsenLiang评价企业好坏的因数

• 客流量以及用户数的高低，用户平均关注产品的多少

• 产品营销– 供应是否存在限制性

– 是否渠道众多

• 成本消耗– 正常成本

– 税务成本

• 纯利润– 红海（现有产品的竞争力）

– 蓝海（新产品的竞争力）2009.08.03

——TwinsenLiang

2009.08.03

某日，家里 MM板着脸孔，郁闷了一整天。详细询问原来：

0.55买入的一只股票，上周收盘跌至 0.41 ，上周最低 0.38

经典案例

——TwinsenLiang

2009.08.03

公司业务的限制性

经典案例

——TwinsenLiang

2009.08.03

历史财务数据

经典案例

——TwinsenLiang

2009.08.03

公司运营状况

经典案例

——TwinsenLiang

2009.08.03

CSS Sprite 的隐含问题

内存约为大图宽 * 高 *4 （非透明是3 ）

——TwinsenLiang

2009.08.03

连接数与带宽的对冲

非全数文件同页加载

单页访问的带宽浪费

按需加载

——TwinsenLiang

2009.08.03

股票当中对冲

KFC VS 麦当劳

可口可乐 VS 百事可乐

澳搏 VS 永利

——TwinsenLiang恐怖的 SEO消息

• X哥的涉黄事件

• X迅的小三事件

• 回家吃饭事件

• 羊驼及蓝精灵主题歌事件

• ……

2009.08.03

——TwinsenLiang更恐怖的金融消息

2009.08.03

看那，涨了！！

真的假的？！！

——TwinsenLiang经济投资的四扇门

2009.08.03

• 技术

• 价值

• 对冲

• 消息

——TwinsenLiang

每天提醒自己：专业点！！

2009.08.03

重构不是一个台阶，也不是一道风景。

他可以帮你获得更多的更多。

《一专多长》——twinsen[梁璟彪]

Education