簡報於2011/6/14於屏科大資管系大二「網際網路原理」課程 ，主要為對於Drupal進行目前整體發展狀況簡介，並安排實際安裝操作讓學生了解Drupal如何使用。

1. 從開源碼到內容管理系統(CMS)-
Drupal簡介
楊梭逸
2011/6/14於屏科大資管系「網際網路原理」課程

2. • 楊梭逸 Carter Yang
• 現職：
– 凌誠科技（股）經理
• 興趣：
– Capability Maturity Model Integration
– Quality Assurance
– Project Management
– Web Design
– User Center Design
– Usability
• 網絡平台：
– 大頭鼠的部落格，http://www.bhm.idv.tw/blog/
– AboutMe社交名片，http://about.me/bhm
-2-

3. 專案開發時，程式是如何進行開發的?
-3-
圖片來源:http://www.xhtml-css-code.com/wp-content/uploads/2009/07/search_engine_friendly.jpg

4. 圖片來源:http://ninjasofcode.com/wp-content/uploads/2009/11/code20small.jpg
如果有個東西可以幫助您…
花10分鐘內安裝完成
花20分鐘了解操作介面
花60分鐘把網站建置完成
多出來的花180分鐘去打怪(誤)
會不會想用看看?
-4-

5. 站在巨人肩膀上，可以讓我們看得更遠
- Form 1159,英格蘭神學家,John of Salisbury
-5-
圖片來源: http://minqingfei.files.wordpress.com/2010/11/orion_aveugle_cherchant_le_soleil.jpg

6. 什麼是
開放式源始碼?
-6-

7. 圖片來源:http://linuxologist.com/wp-content/uploads/2009/03/open-source-logos.png
圖片來源:http://icmagazine.files.wordpress.com/2011/02/8321.jpg
-7-

8. 自由軟體基金會 FSF
(Free Software Foundation)
• 可以在任何目的之下自由
地使用這些程式
• 可以自由地研讀這些程式
是如何運作的，並且各取
所需
• 可以自由地在散佈拷貝版
，以協助週遭的人
• 可以自由的修改程式，並
且將改善的部份公開發表
，受惠整個社會
-8-

9. 開源碼
Open Source
VS. Free software
自由軟體
-9-

10. 國內推廣單位
政府
經濟部自由軟體產業應用推動計畫 中研院資訊科技創新研究中心
http://oss.cloud.org.tw/ http://www.openfoundry.org/
學術界
民間 百加資通團隊
http://tw.opensourceinstall.org/index.php
-10-

11. 開源碼中的內容管理系統CMS
Content Management System
Drupal
-11-

12. Drupal簡介

13. What is
Drupal
?
圖片來源:http://thenextweb.com/me/files/2010/09/Drupal_Man.jpg
-13-

14. This is Drupal!
- 美國白宮，http://www.whitehouse.gov/
-14-

15. 2010/04 2011/02
資料來源:http://www.ithome.com.tw/itadm/article.php?c=60820 資料來源:
http://www.openfoundry.org/index.php?option=com_content&task=vi
ew&id=8272&Itemid=4;isletter=1
-15-

16. 什麼是
Drupal?
-16-
圖片來源:http://www.flickr.com/photos/afairhead/4481100181/in/photostream/

17. 什麼是Drupal?
• Drupal，水滴
• Drupal 是一套開放原始碼的內容管
理系統(CMS) . 以 PHP 為基礎，採
用模組化的架構，可在一般作業系
統上運行
• 目前使用Drupal的人總計超過50萬
，遍及全球200多個國家，180多
種語言，Druapl 7的開發集結了近
千名的會員的心力，而貢獻模組的
會員更有數千名，Drupal 7可擴充
的模組已有超過850個 圖片來源:
http://www.flickr.com/photos/knowprose/1373256511/sizes/o/in/photostream/
-17-

18. Drupal的用途
• 社群入門網站 • 內容管理
• 公司網站 • 網誌
• 企業內部網站
• 論壇
• 電子商務平台
• 電子報
• 討論型網站
• 數位典藏網站 • 播客 (Podcast)
• 個人網誌 • 多媒體展示
• 圖書館網站 • 檔案分享
• … • …
-18-

19. Drupal的歷史(2000~啟今)
Dries Buytaert Hans Snijder
-19-

20. Drupal的榮耀
• Bossie Awards 2010: The best open source applications
• Best Overall 2008/2007 Open Source CMS Award (Packt
Publishing )
• 2006年最佳CMS網友票選，與Joomla並列第一名(專家投票結果為
第二名，前五名為Joomla、Drupal、Plone、e107、XOOPS)
• 20個專案獲得Google Summer of Code 2007贊助，為所有Open
Source第一名
• CNET Webware 100 –
2007, 2008, 2009
圖片來源:http://groups.drupal.org/files/dojo_poster_sm.jpg
-20-

21. Wordpress, Joomla, Drupal, Plone比較表
圖片來源: http://drupaltaiwan.org/forum/20091117/3829
-21-

22. 微軟成為開源碼Drupal最大傳播者
http://www.microsoft.com/web/drupal/
2008/10
-22-

23. (小插曲)微軟曾認為Drupal是威脅？
2009/12 • I want to offer my
sincerest apology
for this. I have
contacted Google
and we are
working on having
this ad pulled as
soon as possible.
• from MSDN Blogs
圖片來源:http://drupaltaiwan.org/forum/20091217/3905 資料來源:
http://blogs.msdn.com/b/markbrown/archive/2009/12/15/micr
osoft-and-drupal.aspx
-23-

24. Drupal
優點
-24-
圖片來源:http://www.flickr.com/photos/afairhead/4481100181/in/photostream/

25. 免費!
-25-

26. 嚴謹帶彈性的架構(自由!)
圖片來源:http://www.slideshare.net/scorlosquet/drupal-and-rdf
-26-

27. 系統模組化(開發快速省時!)
圖片來源: http://farm3.static.flickr.com/2462/4014584994_4887721a82_o.jpg
-27-

28. 社群活耀(我們人多勢眾!)
-28-

29. 資源與支援多(我們愛分享!)
-29-

30. 搜尋引擎優化(一定找的到!)
-30-

31. Drupal
缺點
-31-
圖片來源:http://www.flickr.com/photos/afairhead/4481100181/in/photostream/

32. 學習曲線較高(不是很好學!)
圖片來源: http://nodeone.se/blogg/the-drupal-learning-curve-a-configurators-view
-32-

33. 資源需求高(效能有點慢!)
-33-
圖片來源:http://img.domaintools.com/blog/dt-improved-performance.jpg

34. 操作介面不直覺(有點難用!)
-34-

35. 應用案例

36. 國外案例
Drupal showcase
http://drupal.org/forum/25
http://drupaltaiwan.org/forum/20080716/2361
-36-

37. 教育單位-屏科大總務處
http://spluo.npust.edu.tw:82/
-37-

38. 教育單位-國立高雄師範大學圖書館
http://140.127.53.222/lib/
-38-

39. 政府單位-原委會原住民族數位典藏
知識入口網
http://portal.tacp.gov.tw/
-39-

40. 政府單位-體委會台灣i運動資訊平台
http://isports.sac.gov.tw/
-40-

41. 非營利單位-苦勞網2.0
http://www.coolloud.org.tw/
-41-

42. 非營利單位-環境資訊中心
http://e-info.org.tw/
-42-

43. 總統競選網站
http://www.ma19.net/
-43-

44. And More
Than You
Think…
-44-

45. 社群與資源

46. Drupal國外社群 3000+
-46-

47. Drupal Taiwan Startup
http://www.ithome.com.tw/itadm/article.php?c=56573
Jimmy
黃雋
Charles
莊友欣
-47-

48. Drupal Taiwan正體中文支援站
http://drupaltaiwan.org/
-48-

49. Drupal小聚(不定期)
現任站長：花水木
照片來源: http://goo.gl/00gTn
照片來源: http://hanamizuki.tw/
-49-

50. 2009/3/28-Drupal水滴趴
照片來源: http://www.flickr.com/photos/shaojung/3391179607/sizes/o/in/photostream/
照片來源: http://hanamizuki.tw/2009/03/29/druparty09/
-50-

51. 2009-Drupal 網站建置案例分享研討會(北/高)
-51-

52. NPO 網站改造觀摩賽 (ICOS 2009)
圖片來源:http://www.slideshare.net/charlesc/drupal-cms-behind-the-summit -52-

53. DrupalCamp Taipei 2010@7/10
圖片來源: http://drupaltaiwan.org/forum/20100711/4434
-53-

54. DrupalCamp Taipei 2011@7/9
倒數
報名中!
http://camp.drupaltaiwan.org/2011/
-54-

55. Drupal中文書籍
http://drupalbook.tw/
-55-

56. Drupal外語書籍
And More… http://drupal.org/books
-56-

57. Drupal網路學習資源
• Druapal主站
– http://drupal.org/
• Drupal Taiwan正體中文支援站
– http://drupaltaiwan.org/
• 阿舍的 Drupal 架站經驗談
– http://drupal.soa.tw/
• JOE
– http://www.joetsuihk.com/drupal
• 南台科大Drupal教學示範網站
– http://drupal.stut.edu.tw/
• Facebook
– http://www.facebook.com/pages/Drupal-7-商業網站開
賣拉/113612425317213
-57-

58. 休息10分鐘…
-58-

59. 技術與開發

60. Drupal的系統環境
• 作業系統：
– Windows
– Unix/Linux/BSD/Solaris
– Mac OS
• 網頁伺服器：
– Apache or Microsoft IIS
• 資料庫：
– MS SQL(Druapl 7 +)
– MySQL
– PostgreSQL
• PHP：
– 5.2 以上
-60-

61. Themes Modules
版型 模組
Core
核心
-61-

62. 核心(Core)
• 開箱文：最原始的東西
• 基本功能(不可關閉)：
– Node (節點，內容的基本單元)，Taxonomy
(分類系統)，Block(區塊)、
Menu(選單)、User等
• 進階功能(可關閉)：
– RDF、Help、Blog、
Book、Forum、Image等
圖片來源:http://empoweredonlineentrepreneurs.com/wp-content/uploads/2011/03/Out-of-the-Box.jpg
-62-

63. 模組(Modules)
• 如堆積木般有趣
• 10,000 +的免費模組
• 受歡迎的基本模組：
– Views
– Content Construction
Kit (CCK)
– FileField
– Pathauto
– ImageCache
– Webform http://www.maumau.com.tw/08-to_parent/image/to_parent02_img.jpg
–…
And More… 10,000+
-63-

64. 版型(Themes)
And More… 1,000+
-64-

65. 其他必須要知道的…
圖片來源:http://blamcast.net/files/drupal-words.png
-65-

66. 流程於專案中的重要性
圖片來源：
http://www.wb889.com/Article/UploadFiles/200809/2008093012050610.jpg
-66-

67. 一般開發流程比較
• 學生作業開發流程 • 業界系統開發流程
– 需求訪談
– 老師出題目 – 需求分析
– 分組討論 • 使用案例
• 雛形/框線
– 功能清單 • 功能清單
– 介面/視覺設計
– 程式設計 – 程式設計
– 美工/視覺設計 – 美工/視覺設計
– 系統整合與測試
– 作業報告 • 依據使用案例
– 客戶驗收/上線
– 系統部屬
– 結案
圖片來源:http://dgslsz.soft.psyedu.cn/UploadFile/Images/20101215d.gif 圖片來源:http://cdn.rizwanashraf.com/wp-content/uploads/2008/11/business-communication.jpg
-67-

68. Drupal開發流程建議
• 老師出題目/需求訪談
• 功能清單
– 在drupal.org上搜尋模組(Modules)
• 需求分析
– 決定內容類型(Content Type)，進階使用CCK
• 雛形/框線設計
– 使用Views模組(Modules)
• 介面設計
– 在drupal.org上搜尋版型(Themes) ，進階使用ZEN
– 不足處進行CSS調整
• 程式設計
– 表列功能不足處進行功能微調
– 模組搜尋不到時自行開發
• 系統測試與部屬
• 作業報告/客戶驗收/上線
-68-

69. 一起來玩玩!

70. 一起來玩玩!(30 mins)
• TWAMP 麻瓜架站包 v7.2.1 DrupalCamp@Taipei
2011 特別版
– http://drupaltaiwan.org/forum/20110609/5279
• 建立內容(Content)、選單(Menu) 、區塊(Block)
• 安裝模組：
– CKEditor - WYSIWYG HTML editor，
http://drupal.org/project/ckeditor
– Menu block，
http://drupal.org/project/menu_block
• 安裝版型：
– Corolla，http://drupal.org/project/corolla
-70-

71. Q&A
-71-

72. [Code Monkey]
不要執著一定要把程式寫的完美… -72-
圖片來源:http://www.plognark.com/Art/Sketches/Blogsketches/2009/raging_code_monkey_600.jpg

73. Drupal
會是一個很好
的開始!!!
-73-