Your SlideShare is downloading. ×
Zing me open social training 01
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Zing me open social training 01

2,699
views

Published on

Hướng dẫn lập trình viết ứng dụng trên mạng xã hội Zing me …

Hướng dẫn lập trình viết ứng dụng trên mạng xã hội Zing me

Thông tin chi tiết xem tại
http://developer.me.zing.vn/

Download config & sample files
http://code.google.com/p/zingmeapis/downloads/list

Published in: Technology

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
2,699
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Xây dựng ứng dụng Open Social trên Zing Me Nguyễn Thanh Tú tunt@vng.com.vn Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social 1
  • 2. Mô hình ho ạt động của Ứng dụng Open Social trên Zing Me A.1 JS API Gadget Gadget.io makeRequest() (OS App Front-End, rendered by (JSONP call) Shindig) B.1 JS API A.4 JSON Opensocial B.2 JS API Callback DataRequest Callback Sent() A.2 REST API GET/POST (OAuth Reserve Home server phone home) Zing me Shindig (OS App Back-End) Core Lib A.3 JSON Response App’s Data Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social 2
  • 3. Chu ẩnbị • Web server: Apache • Back-end: PHP. • Công cụ: – PDT hoặc Netbean – Firefox with Firebug add on. • Kiến thức: – HTML – JavaScript – PHP Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social
  • 4. Cài đặt Web server • Download phiên bản XAMPP dành cho Window tại đây: http://www.apachefriends.org/en/xampp-windows.html • Chạy chương trình để cài đặt XAMPP. Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social
  • 5. Config Web server Copy file ZingMe_Traing_OpenSocialconfighosts đè lên C:WINDOWSsystem32driversetchosts Copy file ZingMe_Traing_OpenSocialconfighttpd-vhosts.conf đè lên C:xamppapacheconfextrahttpd-vhosts.conf Copy file ZingMe_Traing_OpenSocialconfigphp.ini đè lên C:xamppphpphp.ini Restart lại apache để các config có hiệu lực. Chạy XAMPP Control Panel (sau khi cài đặt sẽ có Icon ở ngoài Desktop) Chọn Stop, sau đó Start lại Apache Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social
  • 6. Ch ạy thử các API • Chép 2 thư mục (app_test và testos) trong ZingMe_Traing_OpenSocialSample_Code vào C:xampphtdocs • Đăng nhập sandbox zing me: • Mở trình duyệt với địa chỉ: http://dev.me.zing.vn • Đăng nhập: các accout để test: chitdi1, chitdi2 , ..., chitdi9 mật khẩu giống như account. Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social
  • 7. Ch ạy thử các API Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social
  • 8. Ch ạy thử các API • Sau khi đã đăng nhập vào sandbox zing me, chạy URL http://testos.me.zing.vn (domain này virtual host ở: C:xampphtdocstestos) để chạy thử các API. Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social
  • 9. Ch ạy Ứng dụng Open Social mẫu trên Sandbox của Zing Me Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social
  • 10. Ứng dụng mẫu • Ứng dụng Trắc nghiệm trên Zing Me, viết theo chuẩn Open Social Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social 10
  • 11. Ứng dụng mẫu • Container: Cần có container để render ứng dụng. • Zing Me Container: http://dev.container.me.zing.vn Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social 11
  • 12. Zing Open Social APIs • Zing me API http://developer.me.zing.vn/download/ZingOsAPI_v1.3.doc • Java Script APIs – makeRequest() – embedFlash() – … • REST APIs – GET /social/rest/people/{guid}/@self – GET /social/rest/people/@me/@self – GET /social/rest/people/{guid}/@friends – POST /social/rest/activities/@me/@self/@app – POST /social/rest/mediaitems/@me/@self Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social 12
  • 13. Mô hình ho ạt động Zing me Container Home server makeRequest() Ứng dụng trắc nghiệm Lấy danh sách bạn bè Gadget trắc nghiệm OpenSocial PHP Client Danh sách bạn bè Zing me OpenSocial Provider Lấy danh sách bạn bè Nhận request, xử lý và trả kết quả về Client REST API Service Trả về danh sách bạn bè Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social 13
  • 14. HỎI ĐÁP Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social 14
  • 15. Liên hệ • Nguyễn Thanh Tú • Email: tunt@vng.com Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social 15

×