移动社交网络动态框架 - 李章晶

1. 移动社交网络动态框架
Papaya Rich Internet Architecture
李章晶
PapayaMobile Inc

2. 第13期：
《移动互联网社交网络、社交游戏之技术架
构和市场分析》-木瓜移动专场
www.LAMPER.cn
QQ群： 83304912
http://weibo.com/lampercn

3. 目录
• 移动社交网络构建的局限性
• Papaya 技术框架
• PRIA 介绍
• PRIA的优势

4. Mobile Web的局限
• 浏览器的缓存控制
• Android浏览器与Mobile Safari的差异
• 难以扩展的本地界面
• iUI？
• 很难写出复杂的应用
• 无法获取本地数据和特性

5. 客户端程序的局限
• 学习曲线
• 新的编程语言
• 新的开发框架
• 新的调试环境

6. 客户端的局限
• 发布周期较长
• Apple App Store
• 2周到3个月
• Android Market
• （Google Play Store）
• 提交发布很方便
• 更新率无法保证

7. 成功者的做法
• FaceBook
• 新浪微博
• 共同特点
• 连接客户端技术与互联网
技术
• 将客户端资源开放给Web
• 本地控件
• 客户端数据
• 增强Web的能力

8. Papaya SNS
• User profile
• Friend system
• Internal mails
• Newsfeeds
• Notifications
• Photo sharing
• Achievements
•用户资料
•好友系统
•内部邮件
•新鲜事
•通知
•照片共享
•成就系统

9. 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

10. Papaya Client
• Client
• Native UI
• Papaya Rich Internet Application Framework
• Papaya Social Game Engine
• Papaya Social Game SDK
• Papaya Social Splash

11. 架构
Servers
POTP Interface
Client Event Server Event
Processing Processing
PRIA Game Engine
User Input Device Output

12. PRIA
• 其实就是Papaya自己定制的
浏览器
• 基于Webkit
• HTML 4.x, XHTML 1.0
• DOM 2, ECMAScript 3, CSS
2.1/3
• How about HTML 5?

13. PRIA
Local Static HTML JSON/HTML Snippet Mobile Server Formatted Data
Redirect Request
iPhone/Android
Web Server DB Data

14. POTP
• 针对手机SNS设计的协议
• 动态，支持多种数据类型
• 小巧 Dynamic
Compact
• 便于移植
• Java Portable
• Python
• Objective-C
POTP
• …

15. PRIA JavaScript
• Web和Client互相通过
JS APIs
• Web获得设备ID，弹出
对话框，获得LBS信息
等
• Client控制Web页面

16. PRIA Cache Control
• File Cache
• Database Cache (SQLite)
• Web页面控制
• Images, CSS

17. PRIA with POTP
• 服务器主动PUSH
• 通过POTP发送Ajax请求
• 更快速
• 更小的数据传输
• 通过POTP实现即时聊天

18. PRIA Storage
• 为Web提供存储API
• Web管理客户端上的数据
• 创建与删除SQLite Database
• 查询本地数据
• 指定数据的Cache时间，作用域

19. PRIA UI
• 本质是一堆WebView
• WebView的Cache
• 全局的WebView控制
• WebView生命周期
• 响应系统的low memory
warning

20. 开发中的优势（一）
• 使用web技术编写
iPhone/Android App
• 不需要学习Objective-
C(iPhone)/Java(Android)
• 跨平台
• 更快的 Ajax调用
• JavaScript访问Device
Features

21. 开发中的优势（二）
• 简单UI组成
• CSS style + native UI components
• 灵活的Data Storage
• databases in client
• 内存或者磁盘

22. 产品的优势
• 减少网络访问
• 自动 cache web resources
• Cache data in database
• 减少客户端的更新
• 实时Bug fixes
• 实时上线新功能
• Games
• Social features

23. Thank you 