Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Drupal & e-Learning 2.0 協同運作教學平台與班級社群網站 charlesc & tky, 2009/10/31,  大直高中
講師簡介 <ul><li>Charles Chuang </li><ul><li>網絡行動科技有限公司 執行長
曾任新浪網、蕃薯藤網站製作人
譯作:駭客與畫家、電子商務與網路安全、CSS大全 </li></ul><li>TKY </li><ul><li>中正大學哲學研究所博士班
製作多個學校系所、學會、期刊、課程網站 </li></ul></ul>
課程安排 <ul><li>13:00~13:50 -  Drupal  簡介與範例介紹
14:00~14:50 -  協同運作教學平台製作說明
15:00~16:50 -  班級社群網站製作說明 </li></ul>
講義大綱 <ul><li>Drupal  簡介
範例介紹
協同運作教學平台
班級社群網站
參考資料 </li></ul>
Drupal  簡介
白宮在用的開源碼內容管理系統
Drupal 是什麼? <ul><li>Drupal 是一套開放源碼的內容管理平台,擁有多種實用的功能,可以用來建置從個人網誌到大型網路社群等各種類型的網站,例如華納唱片、紐約觀察報、Fast Company、Popular Science、S...
Drupal 的歷史 <ul><li>事情是這樣的,在 ADSL 依然很貴的 2000 年,就讀 University of Antwerp (比利時)的兩位學生  Dries Buytaert  和  Hans Snijder  用無線網路分...
Dries 畢業了之後,在板上活躍的社群成員們,便想將這樣的東西從內部網路搬到 internet 上,讓他們可以持續保持聯繫,而不至於因畢業而斷了聯絡。因此, Dries 在註冊 domain name 的時候,找了一個適合他們這樣性質的名稱-...
當 dorp.org 上線之後,在上面發表文章的作者們也開始討論不同的話題,像是投票( moderation 其實是指一種調節機制,在 drupal 上用來當作文章評分上線的過程)、 rating 、文章訂閱和分散式的註冊系統( drupal ...
Drupal 的里程碑 <ul><li>2001.1.15 Drupal 1.0
2001.4.26 drupal.org
2003.7.13 Deanspace and Civicspace
2004.9.14 Spreadfirefox.com
2005.9.1 Google SoC 2005
2006.2.24 groups.drupal.org
2007.2.26 association.drupal.org
2008.2.13 Drupal 6
2009/2010 Drupal 7!? </li></ul>
Drupal 的榮耀 <ul><li>2006年最佳CMS網友票選,與Joomla並列第一名(專家投票結果為第二名,前五名為Joomla、Drupal、Plone、e107、XOOPS)
Best Overall 2008/2007 Open Source CMS Award (Packt Publishing )
20個專案獲得Google Summer of Code 2007贊助,為所有Open Source第一名
cnet Webware 100 – 2007, 2008, 2009 </li></ul>
CMS comparison chart   (idealware 2009/03)
Drupal 的哲學 <ul><li>Modular and extensible
Quality coding
Standards-based
Low resource demands
Open source
Ease of use
Collaboration </li></ul>
Drupal as a CMS <ul><li>CMS 1.0 - Content Management System
CMS 2.0
CMS 3.0 = C*3  </li><ul><li>Content
Community
Collaboration </li></ul></ul>
Content <ul><li>WYSIWYG
Access control
Category system
Search
Multimedia
RSS/Simplenews/phpList
Content Construction Kit
Views
SEO </li></ul>
Community <ul><li>User Relationships
Activity
Author Pane
Organic groups
Messaging
Five stars
Vote up/down </li></ul>
Collaboration <ul><li>Wiki !? </li><ul><li>Diff
Recent Changes
freelinking
PEAR Wiki Filter:  Mediawiki, TikiWiki
Wikitools </li></ul><li>nodeaccess </li></ul>
Drupal as a mashup machine/web 2.0 platform <ul><li>Google  </li><ul><li>Search, Maps, AdSense </li></ul><li>Yahoo </li><u...
Upcoming SlideShare
Loading in …5
×

Drupal - 課程網站與班級社群

3,341 views

Published on

2009/10 於大直高中,簡報部分內容為 TKY 所製作。

Published in: Technology
  • Be the first to comment

Drupal - 課程網站與班級社群

  1. 1. Drupal & e-Learning 2.0 協同運作教學平台與班級社群網站 charlesc & tky, 2009/10/31, 大直高中
  2. 2. 講師簡介 <ul><li>Charles Chuang </li><ul><li>網絡行動科技有限公司 執行長
  3. 3. 曾任新浪網、蕃薯藤網站製作人
  4. 4. 譯作:駭客與畫家、電子商務與網路安全、CSS大全 </li></ul><li>TKY </li><ul><li>中正大學哲學研究所博士班
  5. 5. 製作多個學校系所、學會、期刊、課程網站 </li></ul></ul>
  6. 6. 課程安排 <ul><li>13:00~13:50 - Drupal 簡介與範例介紹
  7. 7. 14:00~14:50 - 協同運作教學平台製作說明
  8. 8. 15:00~16:50 - 班級社群網站製作說明 </li></ul>
  9. 9. 講義大綱 <ul><li>Drupal 簡介
  10. 10. 範例介紹
  11. 11. 協同運作教學平台
  12. 12. 班級社群網站
  13. 13. 參考資料 </li></ul>
  14. 14. Drupal 簡介
  15. 15. 白宮在用的開源碼內容管理系統
  16. 16. Drupal 是什麼? <ul><li>Drupal 是一套開放源碼的內容管理平台,擁有多種實用的功能,可以用來建置從個人網誌到大型網路社群等各種類型的網站,例如華納唱片、紐約觀察報、Fast Company、Popular Science、SonyBMG、富比士、哈佛大學等網站,或是個人部落格(Tim Berners-Lee)、播客網站(TWIT.tv)、線上社群(SpreadFireFox.com),或是向大眾傳遞訊息(The Onion)。 </li></ul>
  17. 17. Drupal 的歷史 <ul><li>事情是這樣的,在 ADSL 依然很貴的 2000 年,就讀 University of Antwerp (比利時)的兩位學生 Dries Buytaert 和 Hans Snijder 用無線網路分享了自己學術網路的頻寬, Dries 有了一些靈感,著手設計了一個簡單的內部網路討論板,讓朋友們可以上來留言,彼此交流。
  18. 18. Dries 畢業了之後,在板上活躍的社群成員們,便想將這樣的東西從內部網路搬到 internet 上,讓他們可以持續保持聯繫,而不至於因畢業而斷了聯絡。因此, Dries 在註冊 domain name 的時候,找了一個適合他們這樣性質的名稱-- dorp.org --來當他們未來在 internet 上聯繫的網址。 dorp 為荷蘭語的 village 。
  19. 19. 當 dorp.org 上線之後,在上面發表文章的作者們也開始討論不同的話題,像是投票( moderation 其實是指一種調節機制,在 drupal 上用來當作文章評分上線的過程)、 rating 、文章訂閱和分散式的註冊系統( drupal 目前也支援一個 id 通用於各種 drupal 站)。 dorp.org 慢慢演變成一種個人實驗的環境,而上面許許多多的想法和討論,終被在 dorp.org 站上一點一點實現。 </li></ul>
  20. 20. Drupal 的里程碑 <ul><li>2001.1.15 Drupal 1.0
  21. 21. 2001.4.26 drupal.org
  22. 22. 2003.7.13 Deanspace and Civicspace
  23. 23. 2004.9.14 Spreadfirefox.com
  24. 24. 2005.9.1 Google SoC 2005
  25. 25. 2006.2.24 groups.drupal.org
  26. 26. 2007.2.26 association.drupal.org
  27. 27. 2008.2.13 Drupal 6
  28. 28. 2009/2010 Drupal 7!? </li></ul>
  29. 29. Drupal 的榮耀 <ul><li>2006年最佳CMS網友票選,與Joomla並列第一名(專家投票結果為第二名,前五名為Joomla、Drupal、Plone、e107、XOOPS)
  30. 30. Best Overall 2008/2007 Open Source CMS Award (Packt Publishing )
  31. 31. 20個專案獲得Google Summer of Code 2007贊助,為所有Open Source第一名
  32. 32. cnet Webware 100 – 2007, 2008, 2009 </li></ul>
  33. 33. CMS comparison chart (idealware 2009/03)
  34. 34. Drupal 的哲學 <ul><li>Modular and extensible
  35. 35. Quality coding
  36. 36. Standards-based
  37. 37. Low resource demands
  38. 38. Open source
  39. 39. Ease of use
  40. 40. Collaboration </li></ul>
  41. 41. Drupal as a CMS <ul><li>CMS 1.0 - Content Management System
  42. 42. CMS 2.0
  43. 43. CMS 3.0 = C*3 </li><ul><li>Content
  44. 44. Community
  45. 45. Collaboration </li></ul></ul>
  46. 46. Content <ul><li>WYSIWYG
  47. 47. Access control
  48. 48. Category system
  49. 49. Search
  50. 50. Multimedia
  51. 51. RSS/Simplenews/phpList
  52. 52. Content Construction Kit
  53. 53. Views
  54. 54. SEO </li></ul>
  55. 55. Community <ul><li>User Relationships
  56. 56. Activity
  57. 57. Author Pane
  58. 58. Organic groups
  59. 59. Messaging
  60. 60. Five stars
  61. 61. Vote up/down </li></ul>
  62. 62. Collaboration <ul><li>Wiki !? </li><ul><li>Diff
  63. 63. Recent Changes
  64. 64. freelinking
  65. 65. PEAR Wiki Filter: Mediawiki, TikiWiki
  66. 66. Wikitools </li></ul><li>nodeaccess </li></ul>
  67. 67. Drupal as a mashup machine/web 2.0 platform <ul><li>Google </li><ul><li>Search, Maps, AdSense </li></ul><li>Yahoo </li><ul><li>YUI, Terms, Yahoo Search BOSS </li></ul><li>Facebook </li><ul><li>Facebook Connect, Drupal for Facebook </li></ul><li>Twitter
  68. 68. OAuth </li></ul>
  69. 69. Drupal的優點 <ul><li>內容管理快速方便
  70. 70. 發展快速, 系統模組化
  71. 71. 可輕易擴展規模
  72. 72. 大量的社群資源與支援
  73. 73. 高度客製化
  74. 74. 搜尋引擎優化
  75. 75. 與時下趨勢緊密結合 </li></ul>引自: http://drupaltaiwan.org/forum/20080716/2361
  76. 76. Drupal的缺點 <ul><li>門檻較高, 學習時間長
  77. 77. 系統資源需求高
  78. 78. 速度較慢
  79. 79. 需要較高的維護成本
  80. 80. 操作介面與流程欠佳 </li></ul>引自: http://drupaltaiwan.org/forum/20080716/2361
  81. 81. http://www.flickr.com/photos/jeffeaton/3180057385/
  82. 83. Drupal Taiwan
  83. 84. Drupal & me
  84. 85. 2006.02
  85. 86. Drupal Taiwan
  86. 88. http://www.flickr.com/photos/mouson/3394321798/
  87. 89. Drupal 網站建置案例分享研討會(北/高)
  88. 90. NPO 網站改造觀摩賽 (ICOS 2009)
  89. 91. Drupal, Joomla, Xoops in Taiwan
  90. 92. Drupal, Joomla, Xoops in United States
  91. 93. 範例介紹
  92. 94. 南投縣竹山鎮桶頭國民小學
  93. 95. 國立花蓮高中
  94. 96. 國立新莊高中
  95. 97. 國立高雄師範大學圖書館
  96. 98. 吳鳳技術學院電子商務系
  97. 102. Who is Using Drupal? http://drupaltaiwan.org/forum/20080716/2361
  98. 103. 協同運作教學平台
  99. 104. 數位哲學課程網站 Digital Philosophy 中正大學哲學系 教育部 98 年人文數位教學計畫
  100. 105. 背景 http://www.phil.ccu.edu.tw/digital/ 這是一門由國立中正大學哲學系開設的哲學數位課程,教學重點在於:以哲學進路深入探討數位科技對人類文明的各個層次所帶來的衝擊,並且思考如何將哲學的內 涵帶入這一波勢不可擋的數位潮流。本課程將以極具影響力的電玩遊戲作為探討的焦點,除了研讀和討論有關電玩遊戲中所牽涉到的重要哲學問題之學術專書外,也 將引導學生把所學的哲學知識與邏輯推論技巧運用在電玩遊戲設計的改善與創作上。
  101. 106. 需求
  102. 107. 架構 Index 課程介紹 課程規劃 教學陣容 課程用書 課程進度 行事曆 評分標準 討論區 課程互動討論 分組討論區 網站使用疑難 部落格 新聞聯播 RSS 資訊源 分類 推薦連結 檔案下載 聯絡 Site Map 共用核心程式碼與模組 中正大學哲學系 http://www.phil.ccu.edu.tw/ 數位哲學網站 http://www.phil.ccu.edu.tw/digital/
  103. 108. 模組 <ul><li>Drupal core modules
  104. 109. 60 contributed modules enabled
  105. 110. 36 modules functioning </li></ul><ul><li>ACL 6.x-1.0
  106. 111. Add to Any Share/Bookmark Button 6.x-2.3
  107. 112. Administration menu 6.x-1.5
  108. 113. Advanced Forum 6.x-1.1
  109. 114. Advanced Forum More Styles 6.x-1.0-alpha2
  110. 115. Author Pane 6.x-1.1
  111. 116. Backup and Migrate 6.x-1.2
  112. 117. Calendar 6.x-2.2
  113. 118. Node clone 6.x-1.0
  114. 119. Content Construction Kit (CCK) 6.x-2.5
  115. 120. Date 6.x-2.4
  116. 121. DB Maintenance 6.x-1.1
  117. 122. FCKeditor - WYSIWYG HTML editor 6.x-1.3
  118. 123. Flatcomments 6.x-2.0
  119. 124. Forum Access 6.x-1.0
  120. 125. Google Analytics 6.x-2.2
  121. 126. Iconizer 6.x-1.1
  122. 127. IMCE 6.x-1.3
  123. 128. Import / Export API 6.x-1.x-dev
  124. 129. jQuery plugins 6.x-1.10
  125. 130. jQuery Update 6.x-1.1
  126. 131. Link 6.x-2.6
  127. 132. LoginToboggan 6.x-1.5
  128. 133. Mail API 6.x-2.x-dev (2008-9 月 -25)
  129. 134. Masquerade 6.x-1.3
  130. 135. Mass Contact 6.x-1.0-beta2
  131. 136. Pathauto 6.x-1.1
  132. 137. Related Block 6.x-1.0
  133. 138. Site map 6.x-1.1
  134. 139. Suggested Terms 6.x-1.2
  135. 140. Taxonomy Manager 6.x-2.1
  136. 141. Token 6.x-1.12
  137. 142. User Import 6.x-2.2
  138. 143. Views 6.x-2.6
  139. 144. Web Links 6.x-2.3
  140. 145. XML sitemap 6.x-1.1 </li></ul>
  141. 146. Modules Content, cck 6.x-2.5 blog Link 6.x-2.6 contact Site map 6.x-1.1 Views 6.x-2.6 <ul><li>Advanced Forum 6.x-1.1
  142. 147. Author Pane 6.x-1.1
  143. 148. Flatcomments 6.x-2.0
  144. 149. Forum Access 6.x-1.0 </li></ul>Aggregator, Google news Upload Content, cck 6.x-2.5 blog Link 6.x-2.6 contact Site map 6.x-1.1 Views 6.x-2.6
  145. 150. Theme <ul><li>SanQReaL 6.x-1.0 </li></ul>SanQReaL is a 3 column layout theme. Created specifically for game communiny la2fans.ru Main features Fixed-width 3 column system support for search box and avatars includes secondary links support breadcrumb support css classes for core modules Inludes one sub-themes SanQ with content in the middle valid XHTML 1.0 strict and CSS, looks great in FF, IE7, IE6 Safari and Opera.
  146. 151. <ul>Layout </ul>
  147. 152. Content Type <ul><li>Bulletin
  148. 153. Blog
  149. 154. Page
  150. 155. Web link
  151. 156. Forum topic </li></ul>
  152. 157. Content Relationship: taxonomy & reference <ul><li>Taxonomy: 強大而彈性的分類系統。
  153. 158. CCK node & user reference: 透過特定欄位將不同的內容關聯在一起 </li></ul>
  154. 159. Community: User <ul><li>學生清單匯入 / 匯出: User Import 6.x-2.2
  155. 160. 批次建立使用者帳號: </li></ul>userplus 6.x-2.3 <ul><li>使用者個人資訊: Profile </li></ul>
  156. 161. Community: User role & permission <ul><li>使用者角色設定與管理
  157. 162. 使用者角色權限 </li></ul>
  158. 163. Collaboration <ul><li>內容類型+角色+權限+分類
  159. 164. 版本控制 </li></ul>
  160. 165. Collaboration: aggregator <ul><li>RSS 聯播機制
  161. 166. 新聞關鍵字訊息 RSS
  162. 167. 部落格聯播
  163. 168. 網站重要消息聯播
  164. 169. RSS 發布機制:推薦到首要 or Views </li></ul>
  165. 170. Contact
  166. 171. Thank you!
  167. 172. 班級社群網站
  168. 173. 社群網站概念 <ul><li>個人資訊
  169. 174. 朋友關係
  170. 175. 最新近況
  171. 176. 加入/成立社群
  172. 177. 站內私訊
  173. 178.
  174. 179. 偷菜? </li></ul>
  175. 180. 社群網站實作模組 <ul><li>個人資訊:Profile, Author Pane
  176. 181. 朋友關係:User Relationships
  177. 182. 最新近況:Activity
  178. 183. 加入/成立社群:Organic groups
  179. 184. 站內私訊:Messaging </li></ul>
  180. 185. 社群網站實作範例 <ul><li>網路星期二 - http://net2.netivism.tw/ </li></ul>
  181. 186. 個人資訊
  182. 187. 最新近況
  183. 188. 加入/成立社群
  184. 189. 參考資料

×