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.
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,595 views

Published on

  • Be the first to comment

  • Be the first to like this

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

×