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

1,673 views

Published on

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

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,673
On SlideShare
0
From Embeds
0
Number of Embeds
325
Actions
Shares
0
Downloads
37
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

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

  1. 1. 移动社交网络动态框架Papaya Rich Internet Architecture 李章晶 PapayaMobile Inc
  2. 2. 第13期:《移动互联网社交网络、社交游戏之技术架 构和市场分析》-木瓜移动专场 www.LAMPER.cn QQ群: 83304912 http://weibo.com/lampercn
  3. 3. 目录• 移动社交网络构建的局限性• Papaya 技术框架• PRIA 介绍• PRIA的优势
  4. 4. Mobile Web的局限• 浏览器的缓存控制 • Android浏览器与Mobile Safari的差异• 难以扩展的本地界面 • iUI?• 很难写出复杂的应用• 无法获取本地数据和特性
  5. 5. 客户端程序的局限• 学习曲线 • 新的编程语言 • 新的开发框架 • 新的调试环境
  6. 6. 客户端的局限• 发布周期较长 • Apple App Store • 2周到3个月 • Android Market • (Google Play Store) • 提交发布很方便 • 更新率无法保证
  7. 7. 成功者的做法• FaceBook• 新浪微博• 共同特点 • 连接客户端技术与互联网 技术 • 将客户端资源开放给Web • 本地控件 • 客户端数据 • 增强Web的能力
  8. 8. Papaya SNS • User profile • Friend system • Internal mails • Newsfeeds • Notifications • Photo sharing • Achievements •用户资料 •好友系统 •内部邮件 •新鲜事 •通知 •照片共享 •成就系统
  9. 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. 10. Papaya Client• Client • Native UI • Papaya Rich Internet Application Framework • Papaya Social Game Engine • Papaya Social Game SDK • Papaya Social Splash
  11. 11. 架构 Servers POTP Interface Client Event Server Event Processing Processing PRIA Game Engine User Input Device Output
  12. 12. PRIA• 其实就是Papaya自己定制的 浏览器• 基于Webkit • HTML 4.x, XHTML 1.0 • DOM 2, ECMAScript 3, CSS 2.1/3 • How about HTML 5?
  13. 13. PRIA Local Static HTML JSON/HTML Snippet Mobile Server Formatted Data Redirect Request iPhone/Android Web Server DB Data
  14. 14. POTP• 针对手机SNS设计的协议• 动态,支持多种数据类型• 小巧 Dynamic Compact• 便于移植 • Java Portable • Python • Objective-C POTP • …
  15. 15. PRIA JavaScript• Web和Client互相通过 JS APIs • Web获得设备ID,弹出 对话框,获得LBS信息 等 • Client控制Web页面
  16. 16. PRIA Cache Control• File Cache• Database Cache (SQLite)• Web页面控制• Images, CSS
  17. 17. PRIA with POTP• 服务器主动PUSH• 通过POTP发送Ajax请求 • 更快速 • 更小的数据传输• 通过POTP实现即时聊天
  18. 18. PRIA Storage• 为Web提供存储API • Web管理客户端上的数据 • 创建与删除SQLite Database • 查询本地数据 • 指定数据的Cache时间,作用域
  19. 19. PRIA UI• 本质是一堆WebView • WebView的Cache • 全局的WebView控制 • WebView生命周期 • 响应系统的low memory warning
  20. 20. 开发中的优势(一)• 使用web技术编写 iPhone/Android App • 不需要学习Objective- C(iPhone)/Java(Android) • 跨平台• 更快的 Ajax调用• JavaScript访问Device Features
  21. 21. 开发中的优势(二)• 简单UI组成 • CSS style + native UI components• 灵活的Data Storage • databases in client • 内存或者磁盘
  22. 22. 产品的优势• 减少网络访问 • 自动 cache web resources • Cache data in database• 减少客户端的更新 • 实时Bug fixes • 实时上线新功能 • Games • Social features
  23. 23. Thank you 

×