Cuộc thi lập trình viết ứng dụng trên Zing me

Preview:

DESCRIPTION

Seminar giới thiệu cuộc thi lập trình viết ứng dụng trên mạng xã hội Zing meCơ cấu giải thưởng- Giải nhất 50 triệu- Giải nhì 30 triệu- Giải ba 20 triệu- 3 Giải khuyến khích 5 triệuThông tin chi tiết xem tạihttp://developer.me.zing.vn/

Citation preview

XÂY DỰNG ỨNG DỤNG WEB TRÊN MẠNG XÃ HỘI VÀ CHUẨN OPENSOCIALNguyễn Hồng HảiProject LeaderOpen Social Team, VNG Corphttp://developer.me.zing.vn

Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social 1

Tóm tắt

• Mạng xã hội & chuẩn Open Social 0.9• Zing Me hỗ trợ Open Social• Ứng dụng mẫu• Cuộc thi viết Ứng dụng Open Social trên Zing Me• Hỏi & đáp

Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social 2

Mạng xã hội

Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social 3

Phát triển ứng dụng trên Mạng xã hội

Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social 4

Vấn đề gặp phải

Mỗi mạng xã hội có chuẩn riêng dẫn tới

•Mất thời gian viết•Tốn chi phí•Thiếu nhân sự …

Open Social

Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social 5

• Tập hợp các hàm (API) chuẩn để dễ dàng xây dựng Ứng dụng web chạy được trên nhiều mạng xã hội.

Vấn đề được giải quyết

Chỉ cần viết ứng dụng một lần, có thể sử dụng trên hàng trăm mạng xã hội trên thế giới

•Mất thời gian viết•Tốn chi phí•Thiếu nhân sự …

“Hello worlds”: Hiện 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 6

470,000

570,000

1,200,000

2,600,000

2,600,000

5,100,000

goonline.vn

loveme.vn

tamtay.vn

yume.vn

facebook.com

me.zing.vn

Unique visitor

Zing Me hỗ trợ Open Social

Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social 7

Zing me170 triệu lượt truy cập/ tháng

10 tỷ request/ tháng

Source: Google DoubleClick Adplaner, Jul 2010

User của các Ứng dụng trên Zing Me?

Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social 8

Ý tưởng cho Application?

Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social 9

Source: http://apps.myspace.com/index.cfm?fuseaction=apps.main

Ý tưởng cho Application?

Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social 10

Source: http://directory.opensocial.org/gadgets/directory?synd=cad

Ý tưởng cho Application?

Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social 11

Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social 12

• 4M Ứng dụng đơn giản nhưng hiệu quả, nhiều người sử dụng

Chess app: 600K sau 2 nămV.S 5s forum: 547K sau 6 năm

Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social 13

Mô hình hoạt động của Ứng dụng Open Social trên Zing Me

Mô hình hoạt động của Ứng dụng Open Social trên Zing Me

Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social 15

Demo

Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social 16

• Ứng dụng mẫu: Trắc nghiệm trên Zing Me, viết theo chuẩn Open Social. Download tại đây

Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social 17

“Gửi điểm này cho bạn b蔓Gửi điểm này cho bạn bè”

“OK, đã gửi”“OK, đã gửi”

“Hoàn tất bài trắc nghiệm, hãy chấm bài!”

“Hoàn tất bài trắc nghiệm, hãy chấm bài!”

“Điểm: 9”“Điểm: 9”

Zing Open Social APIs

Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social 18

• 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

• Xem thêm tài liệu tại đây

Ứng dụng Trắc nghiệm

Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social 19

• Từng bước xây dựng?

Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social

Mô hình hoạt động

20

Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social

Tạo request đến Home Server

• Gadget Zing Me hỗ trợ hàm makeRequest • Tham số: makeRequest(url, callback)

– url: địa chỉ cần thực hiện request (home server).– callback: hàm xử lý khi nhận được kết quả từ server.

• Chú ý:– Home Server phải trả về kết quả ở dạng JSON.– Request sẽ tự có thêm tham số ownerId.

21

Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social

Tạo request đến Home Server (tt)

• Ví dụ

22

var url = "http://dev.opensocial.me.zing.vn/app_os_test/request.php?method=getTest";gadgets.io.makeRequest(url, onListTest);

function onListTest(response) { alert(response);}

Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social

Xử lý phía Home Server

• Home Server cần xử lý các request:– Lấy danh sách các bài trắc nghiệm.

– Lấy thông tin chi tiết 1 bài trắc nghiệm.

– Chấm điểm.

– Lấy danh sách bạn bè.

– Tạo hoạt động (feed).

• Code

23

$method = $_GET['method'];switch ($method) { case "getTest": // lấy dữ liệu các bài trắc nghiệm break; … …}

Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social

Lấy danh sách bạn bè

• Sử dụng OpenSocial PHP Client.• Zing Me cung cấp lớp ZingMeClient:

– Là lớp bọc lên OpenSocial PHP Client.– Đơn giản, dễ sử dụng.– Cần có: consumerKey, consumerSecret, userId.

24

class ZingMeClient { function getInstance($consumerKey, $consumerSecret, $userId); function getPeople($params); function createActivity($message, $linkTitle = NULL, $linkURL = NULL, $userIdTo = ''); function uploadMedia($data) {}

Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social

Lấy danh sách bạn bè (tt)

• Ví dụ: Xử lý lấy danh sách bạn bè từ Home Server

25

$client = ZingMeClient::getInstance($consumerKey, $consumerSecret, $userId);$params = array(

'userId' => "@me", // user id we want to get list friend'groupId' => "@friends", // @friends for get list friend.'fields' => array('thumbnailUrl',), // need field avatar URL'startIndex' => 0,'count' => 0,

); $data = $client->getPeople($params);

Thực tập viết Ứng dụng OpenSocial?Cuộc thi Viết Ứng dụng Open Social trên Zing Me

Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social 26

Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social 27

Thể lệ cuộc thi

• Đối tượng tham gia: Công dân Việt Nam đang sinh sống, làm việc, học tập ở trong nước và ở nước ngoài, có độ tuổi từ 16 trở lên. Hình thức dự thi theo cá nhân hoặc nhóm

• Cơ cấu giải thưởng:– 1 Giải nhất trị giá 50 triệu đồng– 1 Giải nhì trị giá 30 triệu đồng– 1 Giải ba trị giá 20 triệu đồng– 3 Giải khuyến khích mỗi giải trị giá 5 triệu đồng

Mục đích của cuộc thi

• Vòng 1: Gửi ý tưởng về ứng dụng trên Zing me• Các cả nhân/nhóm gửi ý tưởng ứng dụng dự thi

về appchallenge@zing.vn. • Thời gian nhận bài dự thi: 20/09/10-30/09/10• Chọn ra 20 ý tưởng

Tiêu chí đánh giá Thang điểm

Khả năng thu hút nhiều người sử dụng 30%

Tính khả thi 30%

Khả năng thương mại hóa 20%

Ý tưởng sáng tạo độc đáo 20%

Mục đích của cuộc thi

• Vòng 2: Phát triển ứng dụng• Zing me sẽ hỗ trợ và cấp các API cần thiết để cá

nhân/nhóm viết ứng dụng. Đồng thời được các chuyên gia VNG training

• Thuyết trình bảo vệ ứng dụng: 04/12/10• Chọn ra 10 ý tưởng

Tiêu chí đánh giá Thang điểm

Khả năng thu hút nhiều người sử dụng 30%

Mức độ ổn định 20%

Khả năng thương mại hóa 20%

Chất lượng âm thanh đồ họa 20%

Ý tưởng sáng tạo độc đáo 10%

Mục đích của cuộc thi

• Vòng 3: Chạy thử nghiệm ứng dụng trên Zing me• Thời gian: 16/12/10 – 16/01/11• Trao giải thưởng: 21/01/11

Tiêu chí đánh giá Thang điểm

Số lượng người tham gia 50%

Mức độ ổn định 50%

Website: http://developer.me.zing.vn/

Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social 32

Những mốc quan trọng

Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social 33

• Vòng 1:– Viết ý tưởng ứng dụng dự thi

– Download mẫu đăng kí dự thi tại đây.

– Thời gian nộp ý tưởng: 20/9/2010-30/9/2010. Gửi ý tưởng về appchallenge@zing.vn

• Vòng 2:– Training tại VNG

– Phát triển ứng dụng

– 04/12/2010: thuyết trình về ứng dụng

• Vòng 3:– Chạy thử nghiệm trên Zing Me

– 17/01/2011: trao giải

Trải nghiệm

Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social 34

• Học cách phát triển ý tưởng• Ý tưởng thành hiện thực• Hướng dẫn công nghệ từ các chuyên gia của

VNG – đào tạo miễn phí• Trải nghiệm: Trăm ngàn người dùng ứng dụng

mỗi ngày• Cơ hội được chia sẻ lợi nhuận hoặc mua quyền

sử dụng từ VNG• Cơ hội nghề nghiệp

Cần trang bị

Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social 35

• Lập trình web– HTML – JavaScript– CSS hay Flash– PHP hay JSP, ASP.NET– Zing Open Social API– Nâng cao: C++, Java, Memcache, Distributed

System, Load Balancing, Google App Engine, …

• Ý tưởng khác biệt• Quyết tâm sắt đá

Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social 36

• Hỏi & đáp

Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social 37

• Tôi có tài giỏi không?

Liên hệ

Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social 38

• Xem thông tin chi tiết tại trang chủ cuộc thi• http://developer.me.zing.vn• Đặt và trả lời câu hỏi tại diễn đàn tại đây• Download tài liệu

– Form đăng kí ý tưởng dự thi tại đây– Ví dụ mẫu cuộc chiến đỗ xe tại đây– Code ứng dụng trắc nghiệm mẫu tại đây

• Gửi email về ban tổ chức• appchallenge@zing.vn • Nguyễn Hồng Hải• hainh@vng.com.vn