李章晶 PapayaMobile Inc

移动社交网络动态框架 Papaya Rich Internet Architecture

第13期：

《移动互联网社交网络、社交游戏之技术架构和市场分析》-木瓜移动专场

www.LAMPER.cn

QQ群： 83304912 http://weibo.com/lampercn

目录

• 移动社交网络构建的局限性

• Papaya 技术框架

• PRIA 介绍

• PRIA的优势

Mobile Web的局限

• 浏览器的缓存控制

• Android浏览器与Mobile Safari的差异

• 难以扩展的本地界面

• iUI？

• 很难写出复杂的应用

• 无法获取本地数据和特性

客户端程序的局限

• 学习曲线

• 新的编程语言

• 新的开发框架

• 新的调试环境

客户端的局限

• 发布周期较长

• Apple App Store

• 2周到3个月

• Android Market

• （Google Play Store）

• 提交发布很方便

• 更新率无法保证

成功者的做法

• FaceBook

• 新浪微博

• 共同特点

• 连接客户端技术与互联网技术

• 将客户端资源开放给Web

• 本地控件

• 客户端数据

• 增强Web的能力

Papaya SNS

• User profile • Friend system • Internal mails • Newsfeeds • Notifications • Photo sharing • Achievements

•用户资料 •好友系统 •内部邮件 •新鲜事 •通知 •照片共享 •成就系统

Papaya Server

• Server

• TCP – Papaya Object Transfer Protocol POTP

• HTTP – JSON

• 静态的Web页面和资源版本控制

• Hot Deployment

• Game Script and content are updated OTA

• Updates of web pages are pushed OTA

Papaya Client

• Client

• Native UI

• Papaya Rich Internet Application Framework

• Papaya Social Game Engine

• Papaya Social Game SDK

• Papaya Social Splash

架构

Servers

POTP Interface

User Input

Client Event Processing

Server Event Processing

PRIA Game Engine

Device Output

PRIA

• 其实就是Papaya自己定制的浏览器

• 基于Webkit

• HTML 4.x, XHTML 1.0

• DOM 2, ECMAScript 3, CSS 2.1/3

• How about HTML 5?

PRIA

iPhone/Android

Mobile Server

Web Server DB Data

Local Static HTML

Redirect Request

JSON/HTML Snippet Formatted Data

POTP

• 针对手机SNS设计的协议

• 动态，支持多种数据类型

• 小巧

• 便于移植

• Java

• Python

• Objective-C

• …

POTP

Portable

Compact

Dynamic

PRIA JavaScript

• Web和Client互相通过JS APIs

• Web获得设备ID，弹出对话框，获得LBS信息等

• Client控制Web页面

PRIA Cache Control

• File Cache

• Database Cache (SQLite)

• Web页面控制

• Images, CSS

PRIA with POTP

• 服务器主动PUSH

• 通过POTP发送Ajax请求

• 更快速

• 更小的数据传输

• 通过POTP实现即时聊天

PRIA Storage

• 为Web提供存储API

• Web管理客户端上的数据

• 创建与删除SQLite Database

• 查询本地数据

• 指定数据的Cache时间，作用域

PRIA UI

• 本质是一堆WebView

• WebView的Cache

• 全局的WebView控制

• WebView生命周期

• 响应系统的low memory warning

开发中的优势（一）

• 使用web技术编写 iPhone/Android App

• 不需要学习Objective-C(iPhone)/Java(Android)

• 跨平台

• 更快的 Ajax调用

• JavaScript访问Device Features

开发中的优势（二）

• 简单UI组成

• CSS style + native UI components

• 灵活的Data Storage

• databases in client

• 内存或者磁盘

产品的优势

• 减少网络访问

• 自动 cache web resources

• Cache data in database

• 减少客户端的更新

• 实时Bug fixes

• 实时上线新功能

• Games

• Social features

Thank you