1. Drupalcamp Taipei 2013 網站改造馬拉松
網站建置報告 - Ubuntu TW
Drupalcamp Taipei 2013
Drupalthon Team Report - Ubuntu TW
1

2. 團隊成員
技術志工
頭像 志工姓名/單位 職責
TKY（網絡行動科技） 專案經理
Emily 視覺設計
大魔王（大林慈濟醫院） 網站架設
Joe Tsui （DocumentOnReady） 資料轉移
凍仁翔（正修科大） 網站架設
社群代表
頭像 姓名/單位 職責
Blue-T / 練喆明（暨南大學） 現任站長
魏藥 社群志工
2

3. 開發時程
● 7/7 9:00 - 16:00 於 Drupalcamp Taipei 2013 網站改造馬拉松活中進行論壇資料轉移以
及初步視覺設計與套版
● 7/8 - 7/14 志工們分別按照計劃書添加進階功能，完成網站改造。
3

4. 開發環境
● 作業系統：Ubuntu 12.04.2 LTS (3.5.0-36-generic)
● 伺服器：lighttpd/1.4.28
● PHP：PHP5.3.10-1ubuntu3.6
● PHP 記憶體限制：1024M
● 資料庫：
資料庫系統 MySQL, MariaDB, or equivalent
確定 資料庫系統版本 5.5.31-0ubuntu0.12.04.2
● Drupal 版本： 7.22
4

5. 改版前後比較
首頁
改版前 改版後
5

6. 討論區
改版前
改版後
6

7. 討論區文章與回應
改版前 改版後
7

8. 新增單元
1. 公告
8

9. 2.活動（歡樂時刻）
9

10. 活動內頁
10

11. 部落格
11

12. 部落格內頁
12

13. 聯絡表單
13

14. 完成項目
（依據網站規格書，說明並表列所完成之功能）
● Xoops 論壇資料轉移：討論文主題、使用者與頭像圖片。
● 視覺設計：首頁。
● 版型套版：使用 Zen 建立子版型 ubuntu。
● 首頁：slideshow、內容 5 個區塊與邊欄區塊。
● 單元頁
● 活動：歡樂時刻單元頁、邊欄區塊。
● 公告：新聞單元頁、邊欄區塊。
● 部落格：教學與專欄兩單元頁、首頁與邊欄區塊。
● 靜態頁面：開立多個 basic page，匯入舊站資料（由 ubntu tw 站方負責）。
● 選單：
● 上方輔助選單
● 主選單
● 頁尾選單
● 登入後可在首頁邊欄看到使用者選單
● 星球：使用核心 Aggregator 模組抓取他站 RSS 的標題與內容。
● 論壇外觀改成常見論壇外觀，符合使用者習慣。
● 論壇功能強化：
● 濫用內容管理介面。
● 淡化筆戰文。
● 使用者積分（發文兩分、回應一分；重頭算起）。
● 訂閱通知（預設訂閱，可退訂）。
● 回應推荐按鈕。
● 收藏文章按鈕。
● 使用者
● 私訊功能：private message。
● 註冊驗證：recapcha。
14

15. ● open id 登入
● 搜尋：核心 node 與 user 搜尋
● 網站效能優化：Memecache, X Autoload, Boost。
● SEO：xml sitemap。
時間/難易度
哪些需求/功能最容易做到？哪些最困難/花最多時間？
● 最容易：
● 內容分類架構。
● 星球。
● 聯絡我們。
● 選單。
● 靜態頁面 (basic page)。
● open id 登入。
● 最困難：
● Xoops 論壇資料轉移。
● 論壇功能強化。
● 花最多時間：
● Xoops 論壇資料轉移。
● 淡化筆戰文：需整合 flag 與 advanced forum 版型改寫與 CSS 規則，至 Drupal
Taiwan 上尋求社群協助，在 Kay 與 Danny 連續幾天的指導與嘗試下才完成：
http://drupaltaiwan.org/forum/20130711/7587。
● 簡潔網址、上傳圖片無縮圖 (image style)、上載進度因對 lighttpd 設定不熟而一
度卡關。
使用模組
（列出 CMS 系統內建與外掛之模組列表，並簡述其用途）
● 內建模組：
○ aggregator: RSS 匯入，聯播。
○ blog: 用於教學、專欄之內容類型。
15

16. ○ forum
○ php: 客製化網頁。
● 外掛模組：
○ acl: 進階權限控管。
○ admin_menu: 進階管理選單。
○ advanced_forum
○ appbar: 提供訊息通知的小工作列。
○ author_pane
○ bbcode: 讓文字格式支援 bbcode 語法。
○ boost: cache 加速。
○ calendar: 行事曆。
○ captcha: 認證碼。
○ chain_menu_access
○ ckeditor: 所見及所得編輯器。
○ comment_subject
○ contest_addassets
○ countdown: 倒數 Ubuntu 版本釋出時間。
○ ctools
○ datae: 新增日期欄位。
○ date_popup_authored: 日期下拉選單。
○ devel: 測試文章、版面。
○ entity
○ extlink: 使用新分頁開啟站外連結。
○ features
○ flag
○ glag-abus
○ flag_note
○ flatcomments
16

17. ○ forum_access
○ geocoder
○ geofield
○ geophp
○ google_cse: Google 自訂搜尋。
○ i18n: 多國語系。
○ imagemagick
○ job_scheduler
○ jquery_countdown_timer
○ l10n_client: 快速翻譯語系。
○ l10n_update: 語系更新。
○ markdown: 讓文字格式支援 markdown 語法。
○ memcache: session 加速。
○ menu_block
○ menu_editor
○ messaging
○ migrate
○ migrate_ubuntu
○ module_filter: 模組過濾器。
○ nice_menus: 多層次選單模組，無法啟用，己捨棄。
○ notifications: 文章訂閱服務 (己整合 mail 及 appbar 通知)。
○ openlayers
○ pathauto
○ phpmailer: 郵件服務。
○ privatemsg: 站內傳訊、丟水球服務。
○ proj4js
○ rate
○ recaptcha: 強化 captcha，提升門壏，降低被機器人灌水的風險。
17

18. ○ securesite
○ site_map: 網站地圖。
○ special_menu_items
○ superfish: 多層次選單。
○ taxonomy_access
○ token
○ userpoints
○ userpoints_nc
○ views
○ views_bulk_operations
○ views_slideshow: 幻燈片，用來製作首頁橫幅看板。
○ votingapi
○ xautoload: APC 加速。
○ xmlsitemap: 建立給搜尋引擎看的 XML 網站地圖。
18

19. 客製化程式
(JavaScript、PHP、Python...，程式行數與簡要說明)
Migrate (GitHub)
● 行數：
● 說明：由 Joe 透過 Migrate 模組寫成，用於遷移 XOOPS 資料至 Drupal。
淡化筆戰文章：Flag + Advanced forum
● 行數：16
● 說明：由 Kay 指導完成，主要是在 advanced forum 的論壇文章 tpl 樣板中插入檢查該
文章或其回應是否有被標記為濫用文章，若有的話就在該文中插入 .abuse_node 或
.abuse_comment 的 CSS 類別，再透過 CSS 規則淡化處理這部份的內容。詳情可見：
http://drupaltaiwan.org/forum/20130711/7587 或 https://drupal.org/node/2040427
我們在哪 (GitHub)：
● 行數：10 行。
● 說明：嵌入 Google Maps (Ubuntu 藍星侵略地圖)，純 HTML。
誰在聊天 (GitHub)：
● 行數：4 行。
● 說明：使用 PHP Code 依日期抓取 IRC Log 並嵌入網頁。
加入聊天 (GitHub)：
● 行數：4 行。
● 說明：嵌入網頁版的 freenode，純 HTML。
19

20. 哪些功能/成果最令團隊自豪
（呈現 CMS 特性、或令站方非常滿意）
● 累積 5 年的 XOOPS 資料龐大複雜，但轉移過程順利，而且可重複匯入。
● 視覺設計美觀大方，八成的套版工作在一天內完成。
● 版型、程式及資料分開，可多人同時快速建置資訊系統，也不會限制未來模組、版型
的升級流程。
● 模組化，節省開發時程。
● 新增多種內容類型（公告、活動與部落格），讓站方可以依據不同的需求發佈與紀錄
訊息。
● 論壇管理強化：讓管理者能夠透過按按鈕的方式標示文章為濫用文章，並有專屬管理
介面可編輯、停止發表或刪除文章與回應。
● 內容收藏與訂閱功能：不只是討論區，任何內容（如部落格文章）都可設定讓使用者
收藏與訂閱更新狀態。
● 論壇文章與回應的推薦按鈕：在論壇文章與回應中加入類似 FB 的「讚」按鈕，可統
計內容受推薦的程度。
● 權限管理：新增版主角色，只負責管理討論區。日後站方可視需求新增「部落格作
者」或「公告管理員」專職管理不同的內容類型。
20

21. 客戶溝通
（請說明與站方針對網站規格書，所做的討論與調整建議）
本案件使用 Trello 網站進行專案管理與客戶溝通：https://trello.com/b/2MIbuNrV/drupalthon-
2013-for-ubuntu-tw
● 站方在活動後期有提出想要新增 QA 模式的討論區。雖 Drupal 有相關模組，不過設
定與牽涉事項相當複雜，考慮到時間有限，建議站方以在討論文章類型中添加分類的
方式取代，或者日後找志工添加此功能。
後續工作
1. BBCode, markdown 文字格式相容測試：CKEditor 是個 HTML editor，其按鈕只支援
HTML tag，或是更換成其它 Editor。
2. 討論區資料匯入：先前停機時己匯入完成，但由於新站趕不急於 7/7 上線 Ubuntu-TW
社群己先啟用舊站繼續運作，來日預轉換時還得再次匯入資料得以同步。
3. 資料轉移方式與新網站已於 7/15 移交給站方，請站方自行決定新舊站轉換時程。
4. 請站方招募社群志工維護新網站。
21

22. 思考與建議
1. 7/7 的網站改版馬拉松預定開發時間為六小時，然而此案件涉及不同系統之間的資料
轉移，需額外的開發時間與開發專業。建議未來準備工作要更加充份，籌備時程要再
拉長。
2. 由於資料轉換工作繁重，技術志工 Joe 當日都在進行 Migrate 開發，扣掉視覺設計
師，只剩三名志工可架設網站。其中專案經理 TKY 接下網站套版工作，僅剩大魔王
婉如與凍仁翔進行模組安裝與內容類型建置，人力非常吃緊。建議在未來進行類似規
模的改版活動時，志工人數至少要 8-10 人以上，專案經理、前端套版等工作要獨立
出來讓不同的人負責，才有可能在一天之內完成基礎建設。
3. 除了 6 月初與站長 Blue-T 談過一次企劃書內容以及 7/6 的午餐會前會之外，與站方的
溝通方式多透過 email 與電話。不過站方的回應較為被動，除準備開發環境較積極，
企劃書與內容類型規劃的內容準備有限，加上缺乏有效溝通，專案經理難以預測網站
改版後的樣貌，無法事先準確分配工作。未來活動應加強改造方與被改造方兩邊都俱
備有效溝通管道此一部份。
4. 一日完成的改版馬拉松工作辛苦，不過多數技術志工仍願意在 7/7 活動結束後，自願
延長一週工作時間，抽空將各部份功能完成。其目的不僅是在促成兩個社群的合作，
更在於希望看到自己努力搭建的網站能夠正式上線運作，真正發揮影響，改善
Ubuntu TW 的社群營運情況。建議未來尋求網站改造合作案時，可優先尋找有決心進
行組織再造的社群或 NPO 組織合作，才能讓雙方的合作順利，願意不計代價將案件
完成。
22