1. Showcases
Drupal camp Taipei 2011
http://www.joetsuihk.com

2. 大綱
• http://mice.scmp.com
– Background (背景)
– Drupal usage (Drupal 的使用)
– Meet the team (隊伍)
– Timeline (開發時程)
– Features (功能)

3. Meetings, Incentives, Convention, Exhibitions
http://mice.scmp.com

4. Background (背景)

5. Background (背景)
• SCMP – 南華早報
• SCMP.com, Hong Kong's premier online English daily provides
exclusive up-to-date news, audio video news, podcasts, RSS
Feeds, Blogs, breaking news
• 香港的專業英文日報，提供最新的新聞，語音錄像新聞，
播客，資訊聚合，博客等等
• ClassifiedPost
• Cosmopolitan

6. Background (背景)
• MICE - Meetings, Incentives, Convention, Exhibitions
• 提供一個有關亞洲區各個會議場地的黃頁
• 印刷本和網頁一同上巿
• 提供地區，會議場地資料，名稱，場地容量等等的搜尋
• 為經常舉辦會議的組織提供一個方便的目錄

7. Drupal usage

8. Drupal usage (1)
• 南華早報集團
– SCMP.com 網站慢慢從自建系統轉到 Drupal (2011年年底)
– 品牌內的其他新建網站也使用 Drupal
• http://www.classifiedpost.com
• http://www.cosmopolitan.com.hk
• Cosmo Girl (建構中) http://www.classifiedpost.com
• EducationPost (建構中)
• Scmp.com (建構中)
http://www.cosmopolitan.com.hk

9. Drupal usage (2)
• 集團內的 mini site 大量使用 Drupal
– http://interests.scmp.com/travel/
– http://interests.scmp.com/education/ http://interests.scmp.com/travel/
– http://interests.scmp.com/international-property/
– http://interests.scmp.com/watches/
– http://mice.scmp.com
– http://gochina.scmp.com
– http://ays.scmp.com
http://gochina.scmp.com

10. http://interests.scmp.com/travel/

11. http://interests.scmp.com/education/

12. http://interests.scmp.com/international-
property/

13. http://interests.scmp.com/watches/

14. http://mice.scmp.com/

15. http://gochina.scmp.com

16. http://ays.scmp.com

17. Drupal usage (3)
• 集團內部從簡單的網站功能開始使用 Drupal
• 每一個 mini site 加上新的功能
• 開發能力，銷售項目，功能彈性一直隨經驗增加
• 最終令集團內的其他部門，同事對 Drupal 的信心增加
• 也放下對開源項目的偏見，繼續引入更多項目
• Framework，CRM等等

18. Meet the team

19. Meet the team
• 項目經理 – 啟動項目，協調各人，控制時程
• 銷售人員
• 編輯 – 輸入內容，安排宣傳
• 設計師
• 開發者
– Drupal 開發者
– HTML CSS 開發者

20. Timeline

21. Timeline (開發流程)
• 項目經理計劃項目
• 上級通過預算
• 銷售人員設計銷售項目和計劃
• 設計師設計頁面
• 項目經理和開發人員商討時程，開發難度
• 開發人員著手開發
• 編輯輸入內容
• UAT (user acceptance test)
• launch

22. Features

23. Features
• Search
– Exposed filters + 極複雜 computed fields

24. Features
• Search -極複雜 computed fields
0-50
50-100
300-500

25. Features
• Maps
– 在 http://ays.scmp.com 更進化成 Search on map
– 使用 views + custom template + Google map API v3

26. Features
• Node relations
– 文章輸入有關的場地
– 在場地使用 views 逆向列出文章

27. Features
• 3 層 taxonomy

28. Features
• Templates - every single element, every single part
– Every views
– Every content types
– Every pages
– Webforms
– pager

29. Features
• Templates - Every views

30. Features
• Templates - Every content types

31. Features
• Templates - Every pages

32. Features
• Templates - webform

33. Features
• Templates - pager

34. Thank you!
Drupal camp Taipei 2011
http://www.joetsuihk.com