Rubik tachtach opensocial-1.2

614 views

Published on

CHụp hình kiểu Hàn Quốc online miễn phí với www.tachtach.vn

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

  • Be the first to like this

No Downloads
Views
Total views
614
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Rubik tachtach opensocial-1.2

  1. 1. Ảnh Hàn Quốc - tachtach KHỐI LẬP PHƯƠNG Xây dựng ứng dụng Open Social trên Zing Me
  2. 2. Nội dung <ul><ul><li>Giới thiệu chung </li></ul></ul><ul><ul><li>Tiêu chí đánh giá </li></ul></ul><ul><ul><li>Kiến trúc kỹ thuật </li></ul></ul><ul><ul><li>Summary </li></ul></ul>Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social
  3. 3. GIỚI THIỆU CHUNG Xây dựng ứng dụng Open Social trên Zing Me
  4. 4. Nhóm Khối Lập Phương <ul><ul><li>Đặng Nhơn Hòa (Trưởng nhóm) </li></ul></ul><ul><ul><li>Nguyễn Thanh Bình </li></ul></ul><ul><ul><li>Phạm Trung Cang </li></ul></ul><ul><ul><li>Nguyễn Hoàng Phúc Hậu </li></ul></ul><ul><ul><li>Phạm Thái Dương </li></ul></ul><ul><ul><li>Bùi Lê Thiên Kiều </li></ul></ul><ul><ul><li>Site: rubik.com.vn </li></ul></ul>Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social
  5. 5. Phạm Thái Dương - director Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social
  6. 6. Bùi Lê Thiên Kiều - designer Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social
  7. 7. Đặng Nhơn Hòa – product manager Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social
  8. 8. Nguyễn Thanh Bình – developer 1 Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social
  9. 9. Nguyễn Hoàng Phúc Hậu – developer 2 Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social
  10. 10. Phạm Trung Cang - marketing Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social
  11. 11. Ứng dụng Chụp ảnh hàn quốc – tachtach <ul><ul><li>What: </li></ul></ul><ul><ul><ul><li>Chỉnh sửa hình ảnh bằng cách thêm các họa tiết </li></ul></ul></ul><ul><ul><ul><ul><li>Khung hình </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Clipart </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Text </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Upload ảnh </li></ul></ul></ul></ul><ul><ul><ul><li>Sử dụng webcam để chụp ảnh </li></ul></ul></ul><ul><ul><li>Why: </li></ul></ul><ul><ul><ul><li>Chụp hình - hình thức ưa thích của giời trẻ (“tự sướng”) </li></ul></ul></ul><ul><ul><ul><li>Mạng xã hội – Nơi các bạn trẻ thích chia sẻ trong đó có hình ảnh </li></ul></ul></ul><ul><ul><ul><li>Thể hiện cá tính và cái tôi của bạn trẻ </li></ul></ul></ul>Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social
  12. 12. Tính năng <ul><li>Basic package </li></ul><ul><ul><li>Tạo tài khoản mới </li></ul></ul><ul><ul><li>Thiết kế - chụp ảnh </li></ul></ul><ul><ul><li>Lưu ảnh và post lên wall - photo </li></ul></ul><ul><ul><li>Hiển thị danh sách hình ảnh </li></ul></ul><ul><ul><li>Hiển thi chi tiết ảnh có comment và like </li></ul></ul><ul><ul><li>Mời bạn bè </li></ul></ul><ul><ul><li>Tặng quà (hình ảnh đã được thiết kế đến cho bạn bè) </li></ul></ul>Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social
  13. 13. Demo sản phẩm Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social design_tachtach.mp4
  14. 14. Demo – Upload và edit hình Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social design_upload_photo.mp4
  15. 15. Demo – Photo page & Zing feed Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social design_upload_zing.mp4
  16. 16. TIÊU CHÍ ĐÁNH GIÁ Xây dựng ứng dụng Open Social trên Zing Me
  17. 17. Tiêu chí đánh giá <ul><li>K hả năng thu hút nhiều người sử dụng </li></ul><ul><li>Mức ổn định </li></ul><ul><li>Khả năng thương mại hóa </li></ul><ul><li>Chất lương âm thanh, đồ họa </li></ul><ul><li>Ý tưởng sáng tạo độc đá o </li></ul>Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social
  18. 18. K hả năng thu hút nhiều người sử dụng <ul><li>Chia sẽ khoảnh khắc (“tự sướng”). </li></ul><ul><li>Thể hiện cái tôi. </li></ul><ul><li>Kết nối bạn bè </li></ul><ul><li>Tính xã hội! </li></ul><ul><li>Vui nhộn. </li></ul><ul><li>Liên tục lắng nghe và phát triển. </li></ul>Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social
  19. 19. Mức ổn định <ul><li>Các chức năng đã được test với một nhóm tình nguyện. Và kết quả: </li></ul><ul><ul><li>Hầu hết các tính năng chính đề hoạt động tốt </li></ul></ul><ul><ul><li>Vẫn còn một số vấn đề về tính tiện dụng </li></ul></ul><ul><ul><ul><li>Thông tin post trên zing me chưa đủ thu hút vì thiếu hình ảnh? </li></ul></ul></ul><ul><ul><ul><li>Tool design vẫn còn một số thao tác khó thực hiện với các layer bên dưới frame! </li></ul></ul></ul><ul><li>Performance </li></ul><ul><ul><li>Cache: cache một số box và page ít thay đổi, social request </li></ul></ul><ul><ul><li>Lazy load: frames, cliparts trong design tool được lazy load. </li></ul></ul><ul><ul><li>Queue: với các request lớn đến mang xã hội Zing như zing photo  queue các request chứ không thực hiện ngay. </li></ul></ul><ul><ul><li>Split database: dữ liệu đựa chia nhỏ theo priority. VD: User – UserExt, Photo – Photo Ext </li></ul></ul><ul><ul><li>Reserve: mem-cache, sessions </li></ul></ul>Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social
  20. 20. Khả năng thương mại hóa <ul><li>Miễn phí thời gian đầu (3-6 tháng) </li></ul><ul><ul><li>Thử nghiệm và phát triển </li></ul></ul><ul><ul><li>Xây dựng hệ thống bạn bè – điểm </li></ul></ul><ul><li>Thêm quảng cáo và campaign cho đối tác </li></ul><ul><ul><li>Banner quảng cáo nhỏ </li></ul></ul><ul><ul><li>Các khung ảnh, clipart thuộc campaign của đối tác </li></ul></ul><ul><li>Sử dụng hệ thống điểm phân loại và limit người dùng! </li></ul><ul><li>… .. </li></ul>Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social
  21. 21. Chất lương âm thanh, đồ họa <ul><li>Đơn giản </li></ul><ul><li>Trẻ trung </li></ul><ul><li>Tiện dụng </li></ul>Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social
  22. 22. Điểm khác biệt <ul><li>Tích hợp trên mạng xã hội </li></ul><ul><li>Đa dạng </li></ul><ul><li>Tiện dụng </li></ul><ul><li>Liên tục phát triển và cập nhật </li></ul><ul><li>Phù hợp với nhu cầu và “mùa” </li></ul>Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social
  23. 23. KIẾN TRÚC CỦA ỨNG DỤNG Xây dựng ứng dụng Open Social trên Zing Me
  24. 24. Kiến trúc tổng quan toàn hệ thống Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social Tachtach Social interface Zing ME API User Gadgets
  25. 25. Design tool (client – server) Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social HOME SERVER AMFPHP SITE BROWSER - HTML Flash design tool Design page
  26. 26. Kiến trúc app tachtach <ul><li>Back-office </li></ul><ul><ul><li>Manage: cliparts, frames, fonts, photos & users </li></ul></ul><ul><li>Front-end </li></ul><ul><ul><li>Design pages </li></ul></ul><ul><ul><li>Photo pages </li></ul></ul>Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social
  27. 27. Kiến trúc chung của ứng dụng php Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social Component (MVC) Database Object Transfer Utilities (manager, helpers) Social interface
  28. 28. Cơ sở dữ liệu Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social
  29. 29. Sự kết hợp giữa TachTach và Zing Me <ul><li>Lấy thông tin người dùng </li></ul><ul><li>Lấy danh sách thành viên </li></ul><ul><li>Post activities </li></ul><ul><li>Post photo </li></ul>Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social Gadget : http://app10.opensocial.zing.vn/gadgets/tachtachApp.xml
  30. 30. Wish list <ul><li>Photo thumbnail cho feed </li></ul><ul><li>Kết hợp với zing photo thông qua API </li></ul><ul><ul><li>Tận dụng được ứng dụng đã có </li></ul></ul><ul><ul><li>Tags </li></ul></ul><ul><ul><li>Notification </li></ul></ul><ul><li>Tags </li></ul><ul><li>Notifications </li></ul>Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social
  31. 31. Summary <ul><li>Make it fun </li></ul><ul><li>Make it easy </li></ul><ul><li>Make it social </li></ul>Xây dựng Ứng dụng Web trên Mạng xã hội và Chuẩn Open Social
  32. 32. CẢM ƠN! Xây dựng ứng dụng Open Social trên Zing Me

×