Your SlideShare is downloading. ×
0
Cuộc thi lập trình viết ứng dụng trên Zing me
Cuộc thi lập trình viết ứng dụng trên Zing me
Cuộc thi lập trình viết ứng dụng trên Zing me
Cuộc thi lập trình viết ứng dụng trên Zing me
Cuộc thi lập trình viết ứng dụng trên Zing me
Cuộc thi lập trình viết ứng dụng trên Zing me
Cuộc thi lập trình viết ứng dụng trên Zing me
Cuộc thi lập trình viết ứng dụng trên Zing me
Cuộc thi lập trình viết ứng dụng trên Zing me
Cuộc thi lập trình viết ứng dụng trên Zing me
Cuộc thi lập trình viết ứng dụng trên Zing me
Cuộc thi lập trình viết ứng dụng trên Zing me
Cuộc thi lập trình viết ứng dụng trên Zing me
Cuộc thi lập trình viết ứng dụng trên Zing me
Cuộc thi lập trình viết ứng dụng trên Zing me
Cuộc thi lập trình viết ứng dụng trên Zing me
Cuộc thi lập trình viết ứng dụng trên Zing me
Cuộc thi lập trình viết ứng dụng trên Zing me
Cuộc thi lập trình viết ứng dụng trên Zing me
Cuộc thi lập trình viết ứng dụng trên Zing me
Cuộc thi lập trình viết ứng dụng trên Zing me
Cuộc thi lập trình viết ứng dụng trên Zing me
Cuộc thi lập trình viết ứng dụng trên Zing me
Cuộc thi lập trình viết ứng dụng trên Zing me
Cuộc thi lập trình viết ứng dụng trên Zing me
Cuộc thi lập trình viết ứng dụng trên Zing me
Cuộc thi lập trình viết ứng dụng trên Zing me
Cuộc thi lập trình viết ứng dụng trên Zing me
Cuộc thi lập trình viết ứng dụng trên Zing me
Cuộc thi lập trình viết ứng dụng trên Zing me
Cuộc thi lập trình viết ứng dụng trên Zing me
Cuộc thi lập trình viết ứng dụng trên Zing me
Cuộc thi lập trình viết ứng dụng trên Zing me
Cuộc thi lập trình viết ứng dụng trên Zing me
Cuộc thi lập trình viết ứng dụng trên Zing me
Cuộc thi lập trình viết ứng dụng trên Zing me
Cuộc thi lập trình viết ứng dụng trên Zing me
Cuộc thi lập trình viết ứng dụng trên Zing me
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

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

2,680

Published on

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 me …

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 me
Cơ 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ệu

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

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,680
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
96
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
  • CLB các tỷ phú Internet trẻ: Sergey Brin: 15.3 tỷ USD . Tanaka, website Gree 1.6 tỷ. Mark. Zuckerberg – Facebook(25 tuổi, 2 tỷ USD)
  • Một ứng dụng Open Social có 2 thành phần chính: Gadget và Home Server. Gadget là một ứng dụng viết bằng ngôn ngữ JavaScript/HTML/Flash chạy trên trình duyệt, có nhiệm vụ hiển thị hình ảnh, nội dung, và nhận mệnh lệnh từ người dùng. Home Server chạy chương trình viết bằng ngôn ngữ PHP (hay JSP,…) có nhiệm vụ xử lý các mệnh lệnh của người dùng. VD: Mỗi khi người dùng thực hiện mệnh lệnh, vd click chuột vào 1 bài trắc nghiệm để chơi, thì bước 1 Gadget dùng JS API để chuyển yêu cầu xuống cho Home Server, sau đó Home Server truy cập App’s Data để lấy ra nội dung bài trắc nghiệm. Nếu như Home Server cần thông tin từ Zing Me hoặc muốn post 1 Feed lên Zing Me (vd là đã có người chơi bài trắc nghiệm này) thì sẽ gọi REST API (bước 2), Zing Me có thể trả về kết quả của mệnh lệnh dưới định dạng dữ liệu JSON (bước 3). Sau khi tổng hợp tất cả kết quả, thì Home Server trả dữ liệu nội dung bài trắc nghiệm cho Gadget (bước 4). Gadget sẽ hiển thị dữ liệu này lên. Ngoài ra cũng có 1 trường hợp khác là Gadget có thể trực tiếp truy vấn dữ liệu xuống mạng xã hội Zing Me thông qua JS API (bước B1), và nhận kết quả về dưới dạng tham số của hàm callback của Java Script. Shindig là bộ phận xử lý gửi/ nhận theo chuẩn Open Social của Zing Me
  • Một ứng dụng Open Social có 2 thành phần chính: Gadget và Home Server. Gadget là một ứng dụng viết bằng ngôn ngữ JavaScript/HTML/Flash chạy trên trình duyệt, có nhiệm vụ hiển thị hình ảnh, nội dung, và nhận mệnh lệnh từ người dùng. Home Server chạy chương trình viết bằng ngôn ngữ PHP (hay JSP,…) có nhiệm vụ xử lý các mệnh lệnh của người dùng. VD: Mỗi khi người dùng thực hiện mệnh lệnh, vd click chuột vào 1 bài trắc nghiệm để chơi, thì bước 1 Gadget dùng JS API để chuyển yêu cầu xuống cho Home Server, sau đó Home Server truy cập App’s Data để lấy ra nội dung bài trắc nghiệm. Nếu như Home Server cần thông tin từ Zing Me hoặc muốn post 1 Feed lên Zing Me (vd là đã có người chơi bài trắc nghiệm này) thì sẽ gọi REST API (bước 2), Zing Me có thể trả về kết quả của mệnh lệnh dưới định dạng dữ liệu JSON (bước 3). Sau khi tổng hợp tất cả kết quả, thì Home Server trả dữ liệu nội dung bài trắc nghiệm cho Gadget (bước 4). Gadget sẽ hiển thị dữ liệu này lên. Ngoài ra cũng có 1 trường hợp khác là Gadget có thể trực tiếp truy vấn dữ liệu xuống mạng xã hội Zing Me thông qua JS API (bước B1), và nhận kết quả về dưới dạng tham số của hàm callback của Java Script. Shindig là bộ phận xử lý gửi/ nhận theo chuẩn Open Social của Zing Me
  • Thành công là đang đi trên con đường
  • Phải thêm phần kết luận Đưa ra thách đố hay lời kêu gọi cho thính giả: Cách kết thúc này rất có tác dụng ở những bài thuyết trình mang tính thuyết phục người nghe.
  • Transcript

    • 1. XÂY DỰNG ỨNG DỤNG WEB TRÊN MẠNG XÃ HỘI VÀ CHUẨN OPENSOCIAL Nguyễn Hồng Hải Project Leader Open Social Team, VNG Corp 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
    • 2. 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
    • 3. 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. 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
      • 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ự …
    • 5. 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
      • 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ự …
    • 6. “ 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
    • 7. Zing Me hỗ trợ Open Social
      • Zing me
      • 170 triệu lượt truy cập/ tháng
      • 10 tỷ request/ tháng
      Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social Source: Google DoubleClick Adplaner, Jul 2010
    • 8. 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
    • 9. Ý tưởng cho Application? Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social Source: http://apps.myspace.com/index.cfm?fuseaction=apps.main
    • 10. Ý tưởng cho Application? Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social Source: http://directory.opensocial.org/gadgets/directory?synd=cad
    • 11. Ý tưởng cho Application? Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social
    • 12.
      • 4M
      Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social Ứng dụng đơn giản nhưng hiệu quả, nhiều người sử dụng
    • 13. Chess app: 600K sau 2 năm V.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
    • 14. Mô hình hoạt động của Ứng dụng Open Social trên Zing Me
    • 15. 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
    • 16. 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
    • 17. Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social “ 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”
    • 18. 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
    • 19. Ứ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
    • 20. Mô hình hoạt động Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social
    • 21. 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.
      Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social
    • 22. Tạo request đến Home Server (tt)
      • Ví dụ
      Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social 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); }
    • 23. 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
      Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social
        • $method = $_GET['method'];
        • switch ($method) {
        • case "getTest":
        • // lấy dữ liệu các bài trắc nghiệm
        • break;
        • }
    • 24. 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.
      Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social class ZingMeClient { function getInstance($consumerKey, $consumerSecret, $userId); function getPeople($params); function createActivity($message, $linkTitle = NULL, $linkURL = NULL, $userIdTo = ''); function uploadMedia($data) { }
    • 25. Lấy danh sách bạn bè (tt)
      • Ví dụ: Xử lý lấy danh sách bạn bè từ Home Server
      Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social $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);
    • 26. 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
    • 27. Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social
    • 28. 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
    • 29. 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ề [email_address] .
      • 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%
    • 30. 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%
    • 31. 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%
    • 32. 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
    • 33. 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ề [email_address]
      • 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
    • 34. 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
    • 35. 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
    • 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?
      Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social
    • 38. Liên hệ
      • 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
      • [email_address]
      • Nguyễn Hồng Hải
      • [email_address]
      Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social

    ×