Drupalcamp Taipei 2013 網站改造馬拉松
網站建置報告 - Ubuntu TW
Drupalcamp Taipei 2013
Drupalthon Team Report - Ubuntu TW
1
團隊成員
技術志工
頭像 志工姓名/單位 職責
TKY(網絡行動科技) 專案經理
Emily 視覺設計
大魔王(大林慈濟醫院) 網站架設
Joe Tsui (DocumentOnReady) 資料轉移
凍仁翔(正修科大) 網站架設
社群代表
頭...
開發時程
● 7/7 9:00 - 16:00 於 Drupalcamp Taipei 2013 網站改造馬拉松活中進行論壇資料轉移以
及初步視覺設計與套版
● 7/8 - 7/14 志工們分別按照計劃書添加進階功能,完成網站改造。
3
開發環境
● 作業系統:Ubuntu 12.04.2 LTS (3.5.0-36-generic)
● 伺服器:lighttpd/1.4.28
● PHP:PHP5.3.10-1ubuntu3.6
● PHP 記憶體限制:1024M
● 資料庫...
改版前後比較
首頁
改版前 改版後
5
討論區
改版前
改版後
6
討論區文章與回應
改版前 改版後
7
新增單元
1. 公告
8
2.活動(歡樂時刻)
9
活動內頁
10
部落格
11
部落格內頁
12
聯絡表單
13
完成項目
(依據網站規格書,說明並表列所完成之功能)
● Xoops 論壇資料轉移:討論文主題、使用者與頭像圖片。
● 視覺設計:首頁。
● 版型套版:使用 Zen 建立子版型 ubuntu。
● 首頁:slideshow、內容 5 個區塊與邊...
● open id 登入
● 搜尋:核心 node 與 user 搜尋
● 網站效能優化:Memecache, X Autoload, Boost。
● SEO:xml sitemap。
時間/難易度
哪些需求/功能最容易做到?哪些最困難/花最...
○ forum
○ php: 客製化網頁。
● 外掛模組:
○ acl: 進階權限控管。
○ admin_menu: 進階管理選單。
○ advanced_forum
○ appbar: 提供訊息通知的小工作列。
○ author_pane
○...
○ forum_access
○ geocoder
○ geofield
○ geophp
○ google_cse: Google 自訂搜尋。
○ i18n: 多國語系。
○ imagemagick
○ job_scheduler
○ jqu...
○ securesite
○ site_map: 網站地圖。
○ special_menu_items
○ superfish: 多層次選單。
○ taxonomy_access
○ token
○ userpoints
○ userpoint...
客製化程式
(JavaScript、PHP、Python...,程式行數與簡要說明)
Migrate (GitHub)
● 行數:
● 說明:由 Joe 透過 Migrate 模組寫成,用於遷移 XOOPS 資料至 Drupal。
淡化筆戰文章...
哪些功能/成果最令團隊自豪
(呈現 CMS 特性、或令站方非常滿意)
● 累積 5 年的 XOOPS 資料龐大複雜,但轉移過程順利,而且可重複匯入。
● 視覺設計美觀大方,八成的套版工作在一天內完成。
● 版型、程式及資料分開,可多人同時快速建...
客戶溝通
(請說明與站方針對網站規格書,所做的討論與調整建議)
本案件使用 Trello 網站進行專案管理與客戶溝通:https://trello.com/b/2MIbuNrV/drupalthon-
2013-for-ubuntu-tw
● ...
思考與建議
1. 7/7 的網站改版馬拉松預定開發時間為六小時,然而此案件涉及不同系統之間的資料
轉移,需額外的開發時間與開發專業。建議未來準備工作要更加充份,籌備時程要再
拉長。
2. 由於資料轉換工作繁重,技術志工 Joe 當日都在進行 M...
Upcoming SlideShare
Loading in …5
×

Drupalthon team report for Ubuntu TW

2,443 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,443
On SlideShare
0
From Embeds
0
Number of Embeds
1,462
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Drupalthon team report for Ubuntu TW

  1. 1. Drupalcamp Taipei 2013 網站改造馬拉松 網站建置報告 - Ubuntu TW Drupalcamp Taipei 2013 Drupalthon Team Report - Ubuntu TW 1
  2. 2. 團隊成員 技術志工 頭像 志工姓名/單位 職責 TKY(網絡行動科技) 專案經理 Emily 視覺設計 大魔王(大林慈濟醫院) 網站架設 Joe Tsui (DocumentOnReady) 資料轉移 凍仁翔(正修科大) 網站架設 社群代表 頭像 姓名/單位 職責 Blue-T / 練喆明(暨南大學) 現任站長 魏藥 社群志工 2
  3. 3. 開發時程 ● 7/7 9:00 - 16:00 於 Drupalcamp Taipei 2013 網站改造馬拉松活中進行論壇資料轉移以 及初步視覺設計與套版 ● 7/8 - 7/14 志工們分別按照計劃書添加進階功能,完成網站改造。 3
  4. 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. 改版前後比較 首頁 改版前 改版後 5
  6. 6. 討論區 改版前 改版後 6
  7. 7. 討論區文章與回應 改版前 改版後 7
  8. 8. 新增單元 1. 公告 8
  9. 9. 2.活動(歡樂時刻) 9
  10. 10. 活動內頁 10
  11. 11. 部落格 11
  12. 12. 部落格內頁 12
  13. 13. 聯絡表單 13
  14. 14. 完成項目 (依據網站規格書,說明並表列所完成之功能) ● Xoops 論壇資料轉移:討論文主題、使用者與頭像圖片。 ● 視覺設計:首頁。 ● 版型套版:使用 Zen 建立子版型 ubuntu。 ● 首頁:slideshow、內容 5 個區塊與邊欄區塊。 ● 單元頁 ● 活動:歡樂時刻單元頁、邊欄區塊。 ● 公告:新聞單元頁、邊欄區塊。 ● 部落格:教學與專欄兩單元頁、首頁與邊欄區塊。 ● 靜態頁面:開立多個 basic page,匯入舊站資料(由 ubntu tw 站方負責)。 ● 選單: ● 上方輔助選單 ● 主選單 ● 頁尾選單 ● 登入後可在首頁邊欄看到使用者選單 ● 星球:使用核心 Aggregator 模組抓取他站 RSS 的標題與內容。 ● 論壇外觀改成常見論壇外觀,符合使用者習慣。 ● 論壇功能強化: ● 濫用內容管理介面。 ● 淡化筆戰文。 ● 使用者積分(發文兩分、回應一分;重頭算起)。 ● 訂閱通知(預設訂閱,可退訂)。 ● 回應推荐按鈕。 ● 收藏文章按鈕。 ● 使用者 ● 私訊功能:private message。 ● 註冊驗證:recapcha。 14
  15. 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. 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. 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. 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. 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. 20. 哪些功能/成果最令團隊自豪 (呈現 CMS 特性、或令站方非常滿意) ● 累積 5 年的 XOOPS 資料龐大複雜,但轉移過程順利,而且可重複匯入。 ● 視覺設計美觀大方,八成的套版工作在一天內完成。 ● 版型、程式及資料分開,可多人同時快速建置資訊系統,也不會限制未來模組、版型 的升級流程。 ● 模組化,節省開發時程。 ● 新增多種內容類型(公告、活動與部落格),讓站方可以依據不同的需求發佈與紀錄 訊息。 ● 論壇管理強化:讓管理者能夠透過按按鈕的方式標示文章為濫用文章,並有專屬管理 介面可編輯、停止發表或刪除文章與回應。 ● 內容收藏與訂閱功能:不只是討論區,任何內容(如部落格文章)都可設定讓使用者 收藏與訂閱更新狀態。 ● 論壇文章與回應的推薦按鈕:在論壇文章與回應中加入類似 FB 的「讚」按鈕,可統 計內容受推薦的程度。 ● 權限管理:新增版主角色,只負責管理討論區。日後站方可視需求新增「部落格作 者」或「公告管理員」專職管理不同的內容類型。 20
  21. 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. 22. 思考與建議 1. 7/7 的網站改版馬拉松預定開發時間為六小時,然而此案件涉及不同系統之間的資料 轉移,需額外的開發時間與開發專業。建議未來準備工作要更加充份,籌備時程要再 拉長。 2. 由於資料轉換工作繁重,技術志工 Joe 當日都在進行 Migrate 開發,扣掉視覺設計 師,只剩三名志工可架設網站。其中專案經理 TKY 接下網站套版工作,僅剩大魔王 婉如與凍仁翔進行模組安裝與內容類型建置,人力非常吃緊。建議在未來進行類似規 模的改版活動時,志工人數至少要 8-10 人以上,專案經理、前端套版等工作要獨立 出來讓不同的人負責,才有可能在一天之內完成基礎建設。 3. 除了 6 月初與站長 Blue-T 談過一次企劃書內容以及 7/6 的午餐會前會之外,與站方的 溝通方式多透過 email 與電話。不過站方的回應較為被動,除準備開發環境較積極, 企劃書與內容類型規劃的內容準備有限,加上缺乏有效溝通,專案經理難以預測網站 改版後的樣貌,無法事先準確分配工作。未來活動應加強改造方與被改造方兩邊都俱 備有效溝通管道此一部份。 4. 一日完成的改版馬拉松工作辛苦,不過多數技術志工仍願意在 7/7 活動結束後,自願 延長一週工作時間,抽空將各部份功能完成。其目的不僅是在促成兩個社群的合作, 更在於希望看到自己努力搭建的網站能夠正式上線運作,真正發揮影響,改善 Ubuntu TW 的社群營運情況。建議未來尋求網站改造合作案時,可優先尋找有決心進 行組織再造的社群或 NPO 組織合作,才能讓雙方的合作順利,願意不計代價將案件 完成。 22

×