ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo

Rubik tachtach opensocial-1.2

?
?
Pham Cang
Pham Cang

CH?p h¨¬nh ki?u H¨¤n Qu?c online mi?n ph¨ª v?i www.tachtach.vn

1 of 32
?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
N?i dung Gi?i thi?u chung Ti¨ºu ch¨ª ?¨¢nh gi¨¢ Ki?n tr¨²c k? thu?t Summary X?y d?ng ?ng d?ng Web tr¨ºn M?ng x? h?i v¨¤ Chu?n Open Social
GI?I THI?U CHUNG X?y d?ng ?ng d?ng Open Social tr¨ºn Zing Me
Nh¨®m Kh?i L?p Ph??ng ??ng Nh?n H¨°a (Tr??ng nh¨®m) Nguy?n Thanh B¨¬nh Ph?m Trung Cang Nguy?n Ho¨¤ng Ph¨²c H?u Ph?m Th¨¢i D??ng B¨´i L¨º Thi¨ºn Ki?u Site: rubik.com.vn X?y d?ng ?ng d?ng Web tr¨ºn M?ng x? h?i v¨¤ Chu?n Open Social
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
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
??ng Nh?n H¨°a ¨C product manager X?y d?ng ?ng d?ng Web tr¨ºn M?ng x? h?i v¨¤ Chu?n Open Social
Nguy?n Thanh B¨¬nh ¨C developer 1 X?y d?ng ?ng d?ng Web tr¨ºn M?ng x? h?i v¨¤ Chu?n Open Social
Nguy?n Ho¨¤ng Ph¨²c H?u ¨C developer 2 X?y d?ng ?ng d?ng Web tr¨ºn M?ng x? h?i v¨¤ Chu?n Open Social
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
?ng d?ng Ch?p ?nh h¨¤n qu?c ¨C tachtach What: Ch?nh s?a h¨¬nh ?nh b?ng c¨¢ch th¨ºm c¨¢c h?a ti?t Khung h¨¬nh Clipart Text Upload ?nh S? d?ng webcam ?? ch?p ?nh Why: Ch?p h¨¬nh - h¨¬nh th?c ?a th¨ªch c?a gi?i tr? (¡°t? s??ng¡±) M?ng x? h?i ¨C N?i c¨¢c b?n tr? th¨ªch chia s? trong ?¨® c¨® h¨¬nh ?nh Th? hi?n c¨¢ t¨ªnh v¨¤ c¨¢i t?i c?a b?n tr? X?y d?ng ?ng d?ng Web tr¨ºn M?ng x? h?i v¨¤ Chu?n Open Social
T¨ªnh n?ng Basic package T?o t¨¤i kho?n m?i Thi?t k? - ch?p ?nh L?u ?nh v¨¤ post l¨ºn wall - photo Hi?n th? danh s¨¢ch h¨¬nh ?nh Hi?n thi chi ti?t ?nh c¨® comment v¨¤ like M?i b?n b¨¨ T?ng qu¨¤ (h¨¬nh ?nh ?? ???c thi?t k? ??n cho b?n b¨¨) X?y d?ng ?ng d?ng Web tr¨ºn M?ng x? h?i v¨¤ Chu?n Open Social
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
Demo ¨C 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
Demo ¨C 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
TI?U CH? ??NH GI? X?y d?ng ?ng d?ng Open Social tr¨ºn Zing Me
Ti¨ºu ch¨ª ?¨¢nh gi¨¢ K h? n?ng thu h¨²t nhi?u ng??i s? d?ng M?c ?n ??nh Kh? n?ng th??ng m?i h¨®a Ch?t l??ng ?m thanh, ?? h?a ? t??ng s¨¢ng t?o ??c ?¨¢ o X?y d?ng ?ng d?ng Web tr¨ºn M?ng x? h?i v¨¤ Chu?n Open Social
K h? n?ng thu h¨²t nhi?u ng??i s? d?ng Chia s? kho?nh kh?c (¡°t? s??ng¡±). Th? hi?n c¨¢i t?i. K?t n?i b?n b¨¨ T¨ªnh x? h?i! Vui nh?n. Li¨ºn t?c l?ng nghe v¨¤ ph¨¢t tri?n. X?y d?ng ?ng d?ng Web tr¨ºn M?ng x? h?i v¨¤ Chu?n Open Social
M?c ?n ??nh C¨¢c ch?c n?ng ?? ???c test v?i m?t nh¨®m t¨¬nh nguy?n. V¨¤ k?t qu?: H?u h?t c¨¢c t¨ªnh n?ng ch¨ªnh ?? ho?t ??ng t?t V?n c¨°n m?t s? v?n ?? v? t¨ªnh ti?n d?ng Th?ng tin post tr¨ºn zing me ch?a ?? thu h¨²t v¨¬ thi?u h¨¬nh ?nh? 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! Performance Cache: cache m?t s? box v¨¤ page ¨ªt thay ??i, social request Lazy load: frames, cliparts trong design tool ???c lazy load. 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. Split database: d? li?u ??a chia nh? theo priority. VD: User ¨C UserExt, Photo ¨C Photo Ext Reserve: mem-cache, sessions X?y d?ng ?ng d?ng Web tr¨ºn M?ng x? h?i v¨¤ Chu?n Open Social
Kh? n?ng th??ng m?i h¨®a Mi?n ph¨ª th?i gian ??u (3-6 th¨¢ng) Th? nghi?m v¨¤ ph¨¢t tri?n X?y d?ng h? th?ng b?n b¨¨ ¨C ?i?m Th¨ºm qu?ng c¨¢o v¨¤ campaign cho ??i t¨¢c Banner qu?ng c¨¢o nh? C¨¢c khung ?nh, clipart thu?c campaign c?a ??i t¨¢c S? d?ng h? th?ng ?i?m ph?n lo?i v¨¤ limit ng??i d¨´ng! ¡­ .. X?y d?ng ?ng d?ng Web tr¨ºn M?ng x? h?i v¨¤ Chu?n Open Social
Ch?t l??ng ?m thanh, ?? h?a ??n gi?n Tr? trung Ti?n d?ng X?y d?ng ?ng d?ng Web tr¨ºn M?ng x? h?i v¨¤ Chu?n Open Social
?i?m kh¨¢c bi?t T¨ªch h?p tr¨ºn m?ng x? h?i ?a d?ng Ti?n d?ng Li¨ºn t?c ph¨¢t tri?n v¨¤ c?p nh?t Ph¨´ h?p v?i nhu c?u v¨¤ ¡°m¨´a¡± X?y d?ng ?ng d?ng Web tr¨ºn M?ng x? h?i v¨¤ Chu?n Open Social
KI?N TR?C C?A ?NG D?NG X?y d?ng ?ng d?ng Open Social tr¨ºn Zing Me
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
Design tool (client ¨C 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
Ki?n tr¨²c app tachtach Back-office Manage: cliparts, frames, fonts, photos & users Front-end Design pages Photo pages X?y d?ng ?ng d?ng Web tr¨ºn M?ng x? h?i v¨¤ Chu?n Open Social
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
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
S? k?t h?p gi?a TachTach v¨¤ Zing Me L?y th?ng tin ng??i d¨´ng L?y danh s¨¢ch th¨¤nh vi¨ºn Post activities Post photo 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
Wish list Photo thumbnail cho feed K?t h?p v?i zing photo th?ng qua API T?n d?ng ???c ?ng d?ng ?? c¨® Tags Notification Tags Notifications X?y d?ng ?ng d?ng Web tr¨ºn M?ng x? h?i v¨¤ Chu?n Open Social
Summary Make it fun Make it easy Make it social X?y d?ng ?ng d?ng Web tr¨ºn M?ng x? h?i v¨¤ Chu?n Open Social
C?M ?N! X?y d?ng ?ng d?ng Open Social tr¨ºn Zing Me

More Related Content

Rubik tachtach opensocial-1.2

  • 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. N?i dung Gi?i thi?u chung Ti¨ºu ch¨ª ?¨¢nh gi¨¢ Ki?n tr¨²c k? thu?t Summary X?y d?ng ?ng d?ng Web tr¨ºn M?ng x? h?i v¨¤ Chu?n Open Social
  • 3. GI?I THI?U CHUNG X?y d?ng ?ng d?ng Open Social tr¨ºn Zing Me
  • 4. Nh¨®m Kh?i L?p Ph??ng ??ng Nh?n H¨°a (Tr??ng nh¨®m) Nguy?n Thanh B¨¬nh Ph?m Trung Cang Nguy?n Ho¨¤ng Ph¨²c H?u Ph?m Th¨¢i D??ng B¨´i L¨º Thi¨ºn Ki?u Site: rubik.com.vn X?y d?ng ?ng d?ng Web tr¨ºn M?ng x? h?i v¨¤ Chu?n Open Social
  • 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. 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. ??ng Nh?n H¨°a ¨C product manager X?y d?ng ?ng d?ng Web tr¨ºn M?ng x? h?i v¨¤ Chu?n Open Social
  • 8. Nguy?n Thanh B¨¬nh ¨C developer 1 X?y d?ng ?ng d?ng Web tr¨ºn M?ng x? h?i v¨¤ Chu?n Open Social
  • 9. Nguy?n Ho¨¤ng Ph¨²c H?u ¨C developer 2 X?y d?ng ?ng d?ng Web tr¨ºn M?ng x? h?i v¨¤ Chu?n Open Social
  • 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. ?ng d?ng Ch?p ?nh h¨¤n qu?c ¨C tachtach What: Ch?nh s?a h¨¬nh ?nh b?ng c¨¢ch th¨ºm c¨¢c h?a ti?t Khung h¨¬nh Clipart Text Upload ?nh S? d?ng webcam ?? ch?p ?nh Why: Ch?p h¨¬nh - h¨¬nh th?c ?a th¨ªch c?a gi?i tr? (¡°t? s??ng¡±) M?ng x? h?i ¨C N?i c¨¢c b?n tr? th¨ªch chia s? trong ?¨® c¨® h¨¬nh ?nh Th? hi?n c¨¢ t¨ªnh v¨¤ c¨¢i t?i c?a b?n tr? X?y d?ng ?ng d?ng Web tr¨ºn M?ng x? h?i v¨¤ Chu?n Open Social
  • 12. T¨ªnh n?ng Basic package T?o t¨¤i kho?n m?i Thi?t k? - ch?p ?nh L?u ?nh v¨¤ post l¨ºn wall - photo Hi?n th? danh s¨¢ch h¨¬nh ?nh Hi?n thi chi ti?t ?nh c¨® comment v¨¤ like M?i b?n b¨¨ T?ng qu¨¤ (h¨¬nh ?nh ?? ???c thi?t k? ??n cho b?n b¨¨) X?y d?ng ?ng d?ng Web tr¨ºn M?ng x? h?i v¨¤ Chu?n Open Social
  • 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. Demo ¨C 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. Demo ¨C 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. TI?U CH? ??NH GI? X?y d?ng ?ng d?ng Open Social tr¨ºn Zing Me
  • 17. Ti¨ºu ch¨ª ?¨¢nh gi¨¢ K h? n?ng thu h¨²t nhi?u ng??i s? d?ng M?c ?n ??nh Kh? n?ng th??ng m?i h¨®a Ch?t l??ng ?m thanh, ?? h?a ? t??ng s¨¢ng t?o ??c ?¨¢ o X?y d?ng ?ng d?ng Web tr¨ºn M?ng x? h?i v¨¤ Chu?n Open Social
  • 18. K h? n?ng thu h¨²t nhi?u ng??i s? d?ng Chia s? kho?nh kh?c (¡°t? s??ng¡±). Th? hi?n c¨¢i t?i. K?t n?i b?n b¨¨ T¨ªnh x? h?i! Vui nh?n. Li¨ºn t?c l?ng nghe v¨¤ ph¨¢t tri?n. X?y d?ng ?ng d?ng Web tr¨ºn M?ng x? h?i v¨¤ Chu?n Open Social
  • 19. M?c ?n ??nh C¨¢c ch?c n?ng ?? ???c test v?i m?t nh¨®m t¨¬nh nguy?n. V¨¤ k?t qu?: H?u h?t c¨¢c t¨ªnh n?ng ch¨ªnh ?? ho?t ??ng t?t V?n c¨°n m?t s? v?n ?? v? t¨ªnh ti?n d?ng Th?ng tin post tr¨ºn zing me ch?a ?? thu h¨²t v¨¬ thi?u h¨¬nh ?nh? 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! Performance Cache: cache m?t s? box v¨¤ page ¨ªt thay ??i, social request Lazy load: frames, cliparts trong design tool ???c lazy load. 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. Split database: d? li?u ??a chia nh? theo priority. VD: User ¨C UserExt, Photo ¨C Photo Ext Reserve: mem-cache, sessions X?y d?ng ?ng d?ng Web tr¨ºn M?ng x? h?i v¨¤ Chu?n Open Social
  • 20. Kh? n?ng th??ng m?i h¨®a Mi?n ph¨ª th?i gian ??u (3-6 th¨¢ng) Th? nghi?m v¨¤ ph¨¢t tri?n X?y d?ng h? th?ng b?n b¨¨ ¨C ?i?m Th¨ºm qu?ng c¨¢o v¨¤ campaign cho ??i t¨¢c Banner qu?ng c¨¢o nh? C¨¢c khung ?nh, clipart thu?c campaign c?a ??i t¨¢c S? d?ng h? th?ng ?i?m ph?n lo?i v¨¤ limit ng??i d¨´ng! ¡­ .. X?y d?ng ?ng d?ng Web tr¨ºn M?ng x? h?i v¨¤ Chu?n Open Social
  • 21. Ch?t l??ng ?m thanh, ?? h?a ??n gi?n Tr? trung Ti?n d?ng X?y d?ng ?ng d?ng Web tr¨ºn M?ng x? h?i v¨¤ Chu?n Open Social
  • 22. ?i?m kh¨¢c bi?t T¨ªch h?p tr¨ºn m?ng x? h?i ?a d?ng Ti?n d?ng Li¨ºn t?c ph¨¢t tri?n v¨¤ c?p nh?t Ph¨´ h?p v?i nhu c?u v¨¤ ¡°m¨´a¡± X?y d?ng ?ng d?ng Web tr¨ºn M?ng x? h?i v¨¤ Chu?n Open Social
  • 23. KI?N TR?C C?A ?NG D?NG X?y d?ng ?ng d?ng Open Social tr¨ºn Zing Me
  • 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. Design tool (client ¨C 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. Ki?n tr¨²c app tachtach Back-office Manage: cliparts, frames, fonts, photos & users Front-end Design pages Photo pages X?y d?ng ?ng d?ng Web tr¨ºn M?ng x? h?i v¨¤ Chu?n Open Social
  • 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. 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. S? k?t h?p gi?a TachTach v¨¤ Zing Me L?y th?ng tin ng??i d¨´ng L?y danh s¨¢ch th¨¤nh vi¨ºn Post activities Post photo 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. Wish list Photo thumbnail cho feed K?t h?p v?i zing photo th?ng qua API T?n d?ng ???c ?ng d?ng ?? c¨® Tags Notification Tags Notifications X?y d?ng ?ng d?ng Web tr¨ºn M?ng x? h?i v¨¤ Chu?n Open Social
  • 31. Summary Make it fun Make it easy Make it social X?y d?ng ?ng d?ng Web tr¨ºn M?ng x? h?i v¨¤ Chu?n Open Social
  • 32. C?M ?N! X?y d?ng ?ng d?ng Open Social tr¨ºn Zing Me