從開放源始碼到內容管理系統(CMS)-Drupal簡介

4,703 views
4,506 views

Published on

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

Published in: Education, Technology
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,703
On SlideShare
0
From Embeds
0
Number of Embeds
107
Actions
Shares
0
Downloads
49
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

從開放源始碼到內容管理系統(CMS)-Drupal簡介

  1. 1. 從開源碼到內容管理系統(CMS)- Drupal簡介 楊梭逸2011/6/14於屏科大資管系「網際網路原理」課程
  2. 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. 專案開發時,程式是如何進行開發的? -3-圖片來源:http://www.xhtml-css-code.com/wp-content/uploads/2009/07/search_engine_friendly.jpg
  4. 4. 圖片來源:http://ninjasofcode.com/wp-content/uploads/2009/11/code20small.jpg如果有個東西可以幫助您… 花10分鐘內安裝完成 花20分鐘了解操作介面 花60分鐘把網站建置完成 多出來的花180分鐘去打怪(誤)會不會想用看看? -4-
  5. 5. 站在巨人肩膀上,可以讓我們看得更遠 - Form 1159,英格蘭神學家,John of Salisbury -5-圖片來源: http://minqingfei.files.wordpress.com/2010/11/orion_aveugle_cherchant_le_soleil.jpg
  6. 6. 什麼是開放式源始碼? -6-
  7. 7. 圖片來源:http://linuxologist.com/wp-content/uploads/2009/03/open-source-logos.png圖片來源:http://icmagazine.files.wordpress.com/2011/02/8321.jpg -7-
  8. 8. 自由軟體基金會 FSF (Free Software Foundation)• 可以在任何目的之下自由 地使用這些程式• 可以自由地研讀這些程式 是如何運作的,並且各取 所需• 可以自由地在散佈拷貝版 ,以協助週遭的人• 可以自由的修改程式,並 且將改善的部份公開發表 ,受惠整個社會 -8-
  9. 9. 開源碼Open Source VS. Free software 自由軟體 -9-
  10. 10. 國內推廣單位政府 經濟部自由軟體產業應用推動計畫 中研院資訊科技創新研究中心 http://oss.cloud.org.tw/ http://www.openfoundry.org/ 學術界 民間 百加資通團隊 http://tw.opensourceinstall.org/index.php -10-
  11. 11. 開源碼中的內容管理系統CMSContent Management System Drupal -11-
  12. 12. Drupal簡介
  13. 13. What is Drupal ?圖片來源:http://thenextweb.com/me/files/2010/09/Drupal_Man.jpg -13-
  14. 14. This is Drupal!- 美國白宮,http://www.whitehouse.gov/ -14-
  15. 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. 16. 什麼是Drupal? -16- 圖片來源:http://www.flickr.com/photos/afairhead/4481100181/in/photostream/
  17. 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. 18. Drupal的用途• 社群入門網站 • 內容管理• 公司網站 • 網誌• 企業內部網站 • 論壇• 電子商務平台 • 電子報• 討論型網站• 數位典藏網站 • 播客 (Podcast)• 個人網誌 • 多媒體展示• 圖書館網站 • 檔案分享• … • … -18-
  19. 19. Drupal的歷史(2000~啟今)Dries Buytaert Hans Snijder -19-
  20. 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. 21. Wordpress, Joomla, Drupal, Plone比較表 圖片來源: http://drupaltaiwan.org/forum/20091117/3829 -21-
  22. 22. 微軟成為開源碼Drupal最大傳播者http://www.microsoft.com/web/drupal/ 2008/10 -22-
  23. 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. 24. Drupal 優點 -24- 圖片來源:http://www.flickr.com/photos/afairhead/4481100181/in/photostream/
  25. 25. 免費! -25-
  26. 26. 嚴謹帶彈性的架構(自由!) 圖片來源:http://www.slideshare.net/scorlosquet/drupal-and-rdf -26-
  27. 27. 系統模組化(開發快速省時!)圖片來源: http://farm3.static.flickr.com/2462/4014584994_4887721a82_o.jpg -27-
  28. 28. 社群活耀(我們人多勢眾!) -28-
  29. 29. 資源與支援多(我們愛分享!) -29-
  30. 30. 搜尋引擎優化(一定找的到!) -30-
  31. 31. Drupal 缺點 -31- 圖片來源:http://www.flickr.com/photos/afairhead/4481100181/in/photostream/
  32. 32. 學習曲線較高(不是很好學!)圖片來源: http://nodeone.se/blogg/the-drupal-learning-curve-a-configurators-view -32-
  33. 33. 資源需求高(效能有點慢!) -33-圖片來源:http://img.domaintools.com/blog/dt-improved-performance.jpg
  34. 34. 操作介面不直覺(有點難用!) -34-
  35. 35. 應用案例
  36. 36. 國外案例Drupal showcasehttp://drupal.org/forum/25http://drupaltaiwan.org/forum/20080716/2361 -36-
  37. 37. 教育單位-屏科大總務處 http://spluo.npust.edu.tw:82/ -37-
  38. 38. 教育單位-國立高雄師範大學圖書館 http://140.127.53.222/lib/ -38-
  39. 39. 政府單位-原委會原住民族數位典藏 知識入口網 http://portal.tacp.gov.tw/ -39-
  40. 40. 政府單位-體委會台灣i運動資訊平台 http://isports.sac.gov.tw/ -40-
  41. 41. 非營利單位-苦勞網2.0 http://www.coolloud.org.tw/ -41-
  42. 42. 非營利單位-環境資訊中心 http://e-info.org.tw/ -42-
  43. 43. 總統競選網站 http://www.ma19.net/ -43-
  44. 44. And More Than You Think… -44-
  45. 45. 社群與資源
  46. 46. Drupal國外社群 3000+ -46-
  47. 47. Drupal Taiwan Startup http://www.ithome.com.tw/itadm/article.php?c=56573 Jimmy 黃雋 Charles 莊友欣 -47-
  48. 48. Drupal Taiwan正體中文支援站 http://drupaltaiwan.org/ -48-
  49. 49. Drupal小聚(不定期) 現任站長:花水木照片來源: http://goo.gl/00gTn照片來源: http://hanamizuki.tw/ -49-
  50. 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. 51. 2009-Drupal 網站建置案例分享研討會(北/高) -51-
  52. 52. NPO 網站改造觀摩賽 (ICOS 2009)圖片來源:http://www.slideshare.net/charlesc/drupal-cms-behind-the-summit -52-
  53. 53. DrupalCamp Taipei 2010@7/10 圖片來源: http://drupaltaiwan.org/forum/20100711/4434 -53-
  54. 54. DrupalCamp Taipei 2011@7/9 倒數 報名中! http://camp.drupaltaiwan.org/2011/ -54-
  55. 55. Drupal中文書籍 http://drupalbook.tw/ -55-
  56. 56. Drupal外語書籍 And More… http://drupal.org/books -56-
  57. 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. 58. 休息10分鐘… -58-
  59. 59. 技術與開發
  60. 60. Drupal的系統環境• 作業系統: – Windows – Unix/Linux/BSD/Solaris – Mac OS• 網頁伺服器: – Apache or Microsoft IIS• 資料庫: – MS SQL(Druapl 7 +) – MySQL – PostgreSQL• PHP: – 5.2 以上 -60-
  61. 61. Themes Modules版型 模組 Core 核心 -61-
  62. 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. 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. 64. 版型(Themes) And More… 1,000+ -64-
  65. 65. 其他必須要知道的… 圖片來源:http://blamcast.net/files/drupal-words.png -65-
  66. 66. 流程於專案中的重要性 圖片來源: http://www.wb889.com/Article/UploadFiles/200809/2008093012050610.jpg -66-
  67. 67. 一般開發流程比較 • 學生作業開發流程 • 業界系統開發流程 – 需求訪談 – 老師出題目 – 需求分析 – 分組討論 • 使用案例 • 雛形/框線 – 功能清單 • 功能清單 – 介面/視覺設計 – 程式設計 – 程式設計 – 美工/視覺設計 – 美工/視覺設計 – 系統整合與測試 – 作業報告 • 依據使用案例 – 客戶驗收/上線 – 系統部屬 – 結案圖片來源:http://dgslsz.soft.psyedu.cn/UploadFile/Images/20101215d.gif 圖片來源:http://cdn.rizwanashraf.com/wp-content/uploads/2008/11/business-communication.jpg -67-
  68. 68. Drupal開發流程建議• 老師出題目/需求訪談• 功能清單 – 在drupal.org上搜尋模組(Modules)• 需求分析 – 決定內容類型(Content Type),進階使用CCK• 雛形/框線設計 – 使用Views模組(Modules)• 介面設計 – 在drupal.org上搜尋版型(Themes) ,進階使用ZEN – 不足處進行CSS調整• 程式設計 – 表列功能不足處進行功能微調 – 模組搜尋不到時自行開發• 系統測試與部屬• 作業報告/客戶驗收/上線 -68-
  69. 69. 一起來玩玩!
  70. 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. 71. Q&A -71-
  72. 72. [Code Monkey] 不要執著一定要把程式寫的完美… -72-圖片來源:http://www.plognark.com/Art/Sketches/Blogsketches/2009/raging_code_monkey_600.jpg
  73. 73. Drupal 會是一個很好 的開始!!!-73-

×