Đề tài Xây dựng ứng dụng web trên mạng xã hội và chuẩn open social
Đối tượngthamgia: CôngdânViệtNam đangsinh
sống, làm việc, họctậpở trongnướcvàở nước
ngoài, cóđộtuổitừ16 trởlên. Hìnhthứcdựthitheocá
nhânhoặcnhóm
• Cơcấugiảithưởng:
– 1 Giảinhấttrị giá 50 triệuđồng
– 1 Giảinhìtrị giá 30 triệuđồng
– 1 Giảibatrị giá 20 triệuđồng
– 3 Giảikhuyếnkhíchmỗigiảitrị giá 5 triệuđồng
38 trang |
Chia sẻ: tlsuongmuoi | Lượt xem: 2205 | Lượt tải: 1
Bạn đang xem trước 20 trang tài liệu Đề tài Xây dựng ứng dụng web trên mạng xã hội và chuẩn open social, để xem tài liệu hoàn chỉnh bạn click vào nút DOWNLOAD ở trên
Xây dựng Ứng dụng Web trên Mạng
xã hội và Chu ẩnOpen Social
Nguyễn Hồng Hải
Project Leader
Open Social Team, VNG Corp
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
• 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.
Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social 5
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
Xây dựng Ứng dụng Web trên
Mạng xã hội và Chuẩn Open
Social
Zing Me h ỗ trợ Open Social
User của Zing Me?
170 triệu lượt truy cập/ tháng
10 tỷ request/ tháng
7
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
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
1.5 triệu người sử
dụng/ ngày
10.000 đ/ 1 lần
thanh toán
Doanh thu một
tháng?
Ý tưởng cho Application?
Xây dựng Ứng dụngWeb trên Mạng xã hội và Chuẩn Open Social 9
Source:
Ý tưởng cho Application?
Xây dựng Ứng dụngWeb trên Mạng xã hội và Chuẩn Open Social 10
Source:
Ý 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
• 4M
Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social 12
Ứng dụng đơn giản nhưng hiệu
quả, nhiều người sử dụng
Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social 13
Chess app: 600K sau 2 năm
V.S 5s forum: 547K sau 6 năm
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
• Ứ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 16
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è”
“OK, đã gửi”
“Hoàn tất bài trắc
nghiệm, hãy
chấm bài!”
“Điểm: 9”
Zing Open Social APIs
• 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
Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social 18
Ứng dụng Trắc nghiệm
• 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 19
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 =
"
est";
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ươngmạ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ươngmạ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:
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
• 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
Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social 33
Trải nghiệm
• 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
Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social 34
Cần trang bị
• 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 35
• Hỏi & đáp
Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social 36
• Tôi có tài giỏi không?
Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social 37
Liên hệ
• Xem thông tin chi tiết tại trang chủ cuộc thi
•
• Đặ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
Xây dựng Ứng dụngWeb trên Mạng xã hội và Chuẩn Open Social 38
Các file đính kèm theo tài liệu này:
- Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social.pdf