创业者弯道超车
——把脉Web   App化


    王劲
  2012-5-11
开发者的困扰
                 开发门槛高
               终端适配、维护成本高
             需要被迫与平台商分成,议价权小
           无法适应碎片化设备,无法保持体验一致性

         发布、升级复杂,需要通知广大用户并逐个安装,周期长
用户的困扰


        桌面杂乱,图标如海洋,
          常用程序被淹没

        不能和服务器端的基
         础能力很好的集成

        较难实现程序与程序之
         间的内容共享或通信

        大型程序运行需要消耗大
        量的本地空间、运算能力

        在不同平台、设备上无法
         获得体验一致的服务


            ……
The solution is
FT.COM:
           撤下Native App,推出 Web App ,
             绕过了苹果应用商店的分成;
                 用户数5个月突破百万




                  Native App Web App


大大节约开发成本   某问答类     5.5人月       3人月
            产品
           某地图类     18人月        6.5人月
            产品
市场存量3000款,走量的1000款
每月新增3~5款有竞争力新机

     •1000*1644=164.4万元
     •4*1644*n=6576n元
     •人力成本
 适
 配
 成
 本

       Native App   Web App
以史为镜




Native
 App
 为主




                Web App
  2013~2014年     为主


Web App进入井喷期
四大条件逐步成熟

 • 技术不断成熟                 • 主流公司不断优
 • 开发框架发展                     化浏览器
                          • 硬件支持
                          • 平台&工具支持
            HTML5   产业链   •    应用发展




            网络
                    云计算
            带宽
 • 4G来临                   •
                          • 爆发式发展
 • 带宽提高
                          • 生态圈建设
 • 资费下降
HTML5能让Web App体验接近Native App
  离线应用    • 代码和数据可以缓存在本地,支持离线运行

  音视频     • 支持多种音视频格式,可以在网页中直接播放音视频

  绘图能力    • 2D(Canvas)/3D(webGL)图形渲染,可以在网页中绘制图形

  地理信息    • 在网页中获取精确的地理位置

  设备访问    • 网页中直接访问系统设备,比如摄像头,通讯录等

 文件系统访问   • 网页中访问文件系统对象,读取文件属性、内容

  触控输入    • 增加多点触控事件支持,在触屏设备上支持更多的操作

  网络增强    • 网页应用可以访问底层网络信息,包括socket、网络连接信息等

  消息推送    • 服务端消息推送,桌面消息推送

  多线程     • 支持脚本并行执行,提高脚本执行效率

  跨域访问    • 支持客户端跨域请求
产业链正在成形
     浏览器对HTML5视频的支持
     移动浏览器对HTML5的支持
       终端对HTML5的支持
     对Web App的平台&工具支持
     移动浏览器对HTML5的支持
     应用开发商对HTML5的支持
                    Facebook 基于                             BigWorld
                      支持HTML5视频的浏览器比例 推支持HTML5的游戏
     Carbyn推
        400 拥有部分或全部支持HTML5浏览器的手机数量
                 HTML5移动应用平台
                                             微软推出全面采用
    HTML5 OS                                           引擎BigWorld 4.0
                                                          应用
                   -斯巴达计划曝光                  HTML5编写的Bing
        350
                                                 1000
                                                  百度推Web  Opera Mobile 12
      (million)
    谷歌推出  Zynga发布多款
        300                   Adobe宣布不再支
             HTML5游戏
Chrome Web Store             持移动版Flash,加           App平台  Firefox Mobile 10
         80%
          1000                大对HTML5支持
                                                  平台&工具
        250                                      75%      iOS 5
        200800                                            百度浏览器
         75%
        150                                               Meego
            600
                                                          浏览器
          2011年            336 2012年                      BlackBerry OS 7
                                                               2013年
        100
                            66%                           Android 4.0
         70%400
   YouTube全站
         50                                                    亚马逊Kindle
   提供WebM视                                                Bada 2.0
          0200                 Mozilla推基                      Cloud Reader
                                                      Mozilla将建立跨平台应用
   频,直接支持
                                                          终端
                                                      市场,支持HTML5应用
              Opera…

                       Firefox…




                                                          webOS 2.2
UC发布UC浏览器8.0,
         65%                    于Web技术
                                  iOS 5



                                                  Meego




                                                                                                              Mango
                                          百度浏览器




                                                                         Bada 2.0

                                                                                    webOS 2.2
                                                           Android 4.0




                                                                                                Android 2.3
  集成Web App平台
     HTML5 0                    的移动操作                     Android 2.3
                                 系统B2G IE    英特尔宣布全面拥抱
             Chrome 截至2011年  Firefox     百度应用
                                            截至2012年Opera Mango  Safari
         60%                                   HTML5,将推
                         2012-1             搜索2012-4
                                              HTML5开发工具           酷狗音乐
             亚马逊推出支持HTML5的新                  数据来源:Strategy Analytics
              Rovio开发出《愤怒的
                        Test by html5test.com(满分475分)           HTML5版手机
             电子书格式Kindle Format 8             数据来源:
                       Html5兼容性测试得分变化情况 LongTail Video
                 小鸟》HTML5版                                       Web播放器
网速   资费
云计算是
Web APP                Native

快速发展                    App
                       运算&

的基础                    存储




                      Web App
                      运算&存储



 数据总量   •100~1000PB



数据处理量   •10~100PB/天




 大规模数据                          平台运维自动化
 实时处理                 基础架构
单一云服务无法解决的问题



                          困难
  数据


 Web App 1
         数据
         不通
              Web App 2
                          利
完
 善
 的                              流量变现

 云
 生                                            分发渠道
 态
 圈
 繁                  Web
                    App
                                Web
                                App
 荣          Web                          Web
            App                          App

Web App
                                               统计服
 业        BAE                                   务

 态
                  PCS                 开放API      开发&运营
                          MTC
                                                  服务
在Web App还未成熟前
抓住先机
实现弯道超车
GMIC 2012 - Baidu, Presentation by Mr Wang Jin, 百度副总裁王劲

GMIC 2012 - Baidu, Presentation by Mr Wang Jin, 百度副总裁王劲

  • 1.
  • 2.
    开发者的困扰 开发门槛高 终端适配、维护成本高 需要被迫与平台商分成,议价权小 无法适应碎片化设备,无法保持体验一致性 发布、升级复杂,需要通知广大用户并逐个安装,周期长
  • 3.
    用户的困扰 桌面杂乱,图标如海洋, 常用程序被淹没 不能和服务器端的基 础能力很好的集成 较难实现程序与程序之 间的内容共享或通信 大型程序运行需要消耗大 量的本地空间、运算能力 在不同平台、设备上无法 获得体验一致的服务 ……
  • 4.
  • 5.
    FT.COM: 撤下Native App,推出 Web App , 绕过了苹果应用商店的分成; 用户数5个月突破百万 Native App Web App 大大节约开发成本 某问答类 5.5人月 3人月 产品 某地图类 18人月 6.5人月 产品
  • 6.
    市场存量3000款,走量的1000款 每月新增3~5款有竞争力新机 •1000*1644=164.4万元 •4*1644*n=6576n元 •人力成本 适 配 成 本 Native App Web App
  • 7.
    以史为镜 Native App 为主 Web App 2013~2014年 为主 Web App进入井喷期
  • 8.
    四大条件逐步成熟 • 技术不断成熟 • 主流公司不断优 • 开发框架发展 化浏览器 • 硬件支持 • 平台&工具支持 HTML5 产业链 • 应用发展 网络 云计算 带宽 • 4G来临 • • 爆发式发展 • 带宽提高 • 生态圈建设 • 资费下降
  • 9.
    HTML5能让Web App体验接近Native App 离线应用 • 代码和数据可以缓存在本地,支持离线运行 音视频 • 支持多种音视频格式,可以在网页中直接播放音视频 绘图能力 • 2D(Canvas)/3D(webGL)图形渲染,可以在网页中绘制图形 地理信息 • 在网页中获取精确的地理位置 设备访问 • 网页中直接访问系统设备,比如摄像头,通讯录等 文件系统访问 • 网页中访问文件系统对象,读取文件属性、内容 触控输入 • 增加多点触控事件支持,在触屏设备上支持更多的操作 网络增强 • 网页应用可以访问底层网络信息,包括socket、网络连接信息等 消息推送 • 服务端消息推送,桌面消息推送 多线程 • 支持脚本并行执行,提高脚本执行效率 跨域访问 • 支持客户端跨域请求
  • 10.
    产业链正在成形 浏览器对HTML5视频的支持 移动浏览器对HTML5的支持 终端对HTML5的支持 对Web App的平台&工具支持 移动浏览器对HTML5的支持 应用开发商对HTML5的支持 Facebook 基于 BigWorld 支持HTML5视频的浏览器比例 推支持HTML5的游戏 Carbyn推 400 拥有部分或全部支持HTML5浏览器的手机数量 HTML5移动应用平台 微软推出全面采用 HTML5 OS 引擎BigWorld 4.0 应用 -斯巴达计划曝光 HTML5编写的Bing 350 1000 百度推Web Opera Mobile 12 (million) 谷歌推出 Zynga发布多款 300 Adobe宣布不再支 HTML5游戏 Chrome Web Store 持移动版Flash,加 App平台 Firefox Mobile 10 80% 1000 大对HTML5支持 平台&工具 250 75% iOS 5 200800 百度浏览器 75% 150 Meego 600 浏览器 2011年 336 2012年 BlackBerry OS 7 2013年 100 66% Android 4.0 70%400 YouTube全站 50 亚马逊Kindle 提供WebM视 Bada 2.0 0200 Mozilla推基 Cloud Reader Mozilla将建立跨平台应用 频,直接支持 终端 市场,支持HTML5应用 Opera… Firefox… webOS 2.2 UC发布UC浏览器8.0, 65% 于Web技术 iOS 5 Meego Mango 百度浏览器 Bada 2.0 webOS 2.2 Android 4.0 Android 2.3 集成Web App平台 HTML5 0 的移动操作 Android 2.3 系统B2G IE 英特尔宣布全面拥抱 Chrome 截至2011年 Firefox 百度应用 截至2012年Opera Mango Safari 60% HTML5,将推 2012-1 搜索2012-4 HTML5开发工具 酷狗音乐 亚马逊推出支持HTML5的新 数据来源:Strategy Analytics Rovio开发出《愤怒的 Test by html5test.com(满分475分) HTML5版手机 电子书格式Kindle Format 8 数据来源: Html5兼容性测试得分变化情况 LongTail Video 小鸟》HTML5版 Web播放器
  • 11.
    网速 资费
  • 12.
    云计算是 Web APP Native 快速发展 App 运算& 的基础 存储 Web App 运算&存储 数据总量 •100~1000PB 数据处理量 •10~100PB/天 大规模数据 平台运维自动化 实时处理 基础架构
  • 13.
    单一云服务无法解决的问题 困难 数据 Web App 1 数据 不通 Web App 2 利
  • 14.
    完 善 的 流量变现 云 生 分发渠道 态 圈 繁 Web App Web App 荣 Web Web App App Web App 统计服 业 BAE 务 态 PCS 开放API 开发&运营 MTC 服务
  • 15.

Editor's Notes

  • #10 2012年2月,由磊友科技独家研发的、全球首款HTML5大型多人在线策略网游《黎明帝国》公测产品发布。第二个为《割绳子》游戏,小图是native app,大图是web app。