潘爱民Web应用平台for-移动开发者大会.pptx

移动互联网时代的应用平台分析 潘爱民盛大创新院(北京) 2012.8.25 Outline 传统的应用生态系统 Web应用平台 从页面到应用 Web应用平台实现 Web应用平台挑战 应用生态系统 应用平台 传统的应用平台 Windows应用生态系统 C接口，面向专业人士 VB接口 Dephi，开发人群迅速放大 Linux应用生态系统 C接口，面向学院和专业人士 各种脚本和编译工具 iOS - 应用生态系统 设备，4.1亿 iPod Touch, iPhone, iPad, Apple TV App数量，65万 其中有25万针对iPad而开发 开发人员，数百万量级 Apple Worldwide Developers Conference 开发工具和平台 xCode, Objective-C, App Store Android应用平台 设备，4亿次设备激活 手机、平板电脑、智能电视，等各种设备 App数量，60万 200亿次下载安装 开发人员 移动开发者最大的群体 开发工具和平台 Java C/C++, Google Play(Android Market) Web应用平台发展历史 早期Web的用途——页面呈现 NPAPI Java Applet ActiveX Control Ajax Flash -HTML 5 Web应用平台 —— HTML 5 在HTML作为网页标准的基础上，形成一个面向Web应用的平台标准 内容更新 CSS2 - CSS3 Structured contents nav, section, article, aside Media tags video, audio Drawing Supports for Web Applications 从Web页面 … Web页面 展示信息，强调视觉效果 轻交互/应用逻辑 浏览器核心称为layout engine或render engine 特点： Thin client，大量的应用逻辑移到后端 页面独立性 JavaScript语言生逢其时 到Web应用 … 目标 功能上能满足各种应用的需要 性能上堪比原生应用 HTML 5标准 有望把应用和底层平台隔离开 重要的改变 Web应用对底层系统的要求（存储、访问硬件等） 页面之间的通信/后台任务的能力 客户端应用逻辑的复杂化 离线体验 实现Web应用 页面应用化 所有的应用逻辑包含在一个页面内部 对多页面应用，跨页面逻辑由浏览器掌握，而非应用 视图和控件，通过一个框架来管理 HTML(+CSS)与JavaScript的分工与合作 应用界面(UI) 功能逻辑 HTML + JavaScript less JS more JS HTML for static contents no HTML Web应用平台结构图 操作系统内核模块 Render Engine JavaScriptEngine Web 应用 图形系统系统库 应用管理器 单应用环境 浏览器环境 操作系统环境（Web OS） Web应用框架设计 为Web应用提供必要的功能，包括： UI部分：视图管理和控件库通常采用MVC模式 访问系统底层能力，包括存储和硬件设备功能等 DOM和JavaScript环境下的辅助库 如何与众多框架库相处 排他性 可与其他库相处 PhoneGap: Write Once, Compile in the cloud, Run anywhere 支持HTML 5 CSS3开发 用JS写应用代码 访问原生的服务 使用PhoneGap Build服务或工具 See / for more information Mojo Framework in Palm webOS App Model: App/Stage/Scene Enyo: An object-oriented, cross-platform JavaScript framework Enyo与HP webOS结合起来构成一个完整的Web应用平台 Enyo的特点 针对JavaScript开发人员 Prefer JavaScript over HTML 用OO技术支持Web视图的灵活组合 通过组件实现代码复用 跨平台，2.0开始脱离webOS/WebKit 走开源和社区的路线 Web应用平台挑战 内容丰富- 吸引更多的开发者编写高质量的Web应用 Web应用的性能和体验 对应的工具链 Web应用平台-内容 并非有多少Web页面就有多少Web应用 建立生态系统 开发者、运营商、用户之间的良性互动 Web应用的安全性和产权保护 案例 Chrome Store … Web应用平台-性能瓶颈 操作系统内核模块 Render Engine JavaScriptEngine