request_of_proposal - TaiBON/portal_webpages GitHub Wiki

# TaiBON 網站需求

背景：

TaiBON (Taiwan Biodiversity Observation Network)是根據 GeoBON 所建構的臺灣生物多樣性的觀測網路。主要呈現臺灣國家層級的生物多樣性指標之綜覽、趨勢及細節等，並持續監測，未來可結合公民參與，持續關注生物多樣性的議題，並藉此維護生物多樣性

使用者需求(2015 計畫報告修改)

  1. 針對不同使用者分眾，以「一般大眾」、「政府機關」、「研究者」三大類型做入口網站做不同目標導向之區分
  2. 具有不同身分權限設定，可分眾取得不同類型資料 (TBD)
  3. 生物多樣性指標及監測所需資料需有資料檢核機制
    1. 建立 metadata (EML, GBIF IPT 發布資料)
    2. 建立資料品質確保及控制(quality assurance & quality control)機制
  4. 提供指標計算平台並提供相關 API，透過開放資料標準提供資料介接
  5. 身為一般大眾及關注生物多樣性議題者，能透過入口網站查詢及閱覽生物多樣性指標之
    1. 指標定義及內涵、背景脈絡等資訊
    2. 指標能以表格及圖片等視覺資訊呈現，助於大眾閱讀與了解
  6. 身為研究工作者
    1. 可透過入口網站 API 介接或直接下載取得生物多樣性指標及監測之資料
  7. 身為政府機關
    1. 能建構一個國家層級之多樣性監測與報告入口網站
    2. 提供檢核過的生物多樣性指標資料
    3. 能定期就不同指標匯出合宜之國家生物多樣性監測報告
    4. 與國際機構(BIP, GeoBON, APBon, etc)之標準接軌 目前 GeoBON 推 Bon-in-a-Box 來建構國家層級之生物多樣性指標與監測系統網站
    5. 具有戰略目標總覽圖，可清楚顯示目前生物多樣性指標所對應到的愛知目標以及進度

需求細項

名詞縮寫

縮寫 全名
CMS 內容管理系統
data portal 資料平台網站
portal 入口網站
PSBR pressure, state, benefit, response ，指生物多樣性指標的四個分類
RWD responsive web design, 響應式網站設計
TBD to be decided, 尚待決定
  1. 需要一個 portal 及一個 data portal 網站
  2. portal 以 Drupal CMS 架設
  3. data portal web 以 Drupal Ecological Information Management System, DEIMS 架設，系統基於 Drupal 7.x

內容排版與視覺設計

  1. 以 RWD 為原則，採用 bootstrap CDN 或類似模式

  2. 字型大小、配色以適合閱讀為原則

  3. 首頁的版面配置 landing page 把生物多樣性指標以 bootstrap carousel + jumbotron 大螢幕的方式或類似的方式呈現，landing page 的區塊分為下列項目：

    1. 頁首 (1)：具有logo、導覽列，其連結包含「首頁」、「關於」、「指標與監測」、「資料」、「相關網站」及「聯絡」

    2. 頁首 (2)：搜尋工具列

    3. 頁首 (3)：使用者分群連結(一般大眾、研究者、政府機關)

      1. 針對每個分群，各自有一個頁面的連結
      2. 在各自分群頁面連結中有不同分類屬性的說明，例如：研究者頁面中有如何使用資料的說明、資料平台的連結等

    4. 探索生物多樣性指標，以 carousel 方式輪播顯示在此區塊，其元素包括

      1. 簡單的一句話來說明該生物多樣性指標的特徵、意義或是值得報導的內容
      2. 該生物多樣性指標的一小段摘要
      3. 該生物多樣性指標的視覺化趨勢圖

    5. TaiBON 三大主軸：愛知目標、生物多樣性指標、監測，每個主軸接有一個顯目 logo 及簡單介紹

    6. 三大主軸的主題展示，例如生物多樣性指標 PSBR 分類

    7. 「聽聽專家及生態工作者的說法」，此區塊為訪談生物多樣性專家及相關 NGO、生態工作者的證言(testimonial)

    8. 「參與團隊及資料提供單位」，這個區塊置放各單位的 logo 及連結

    9. 頁尾(1)：文字式的網站地圖，包含：

      1. 關於：最新消息、願景、戰略目標、愛知目標、聯合國永續發展指標、永續行動方案
      2. 指標與監測：指標評估與分析、國內指標篩選原則、指標儀錶板
      3. 資料：DEIMS 資料平台
      4. 相關網站：物種資料庫、環境資料庫、BONs
      5. 聯絡我們：聯絡資訊、意見回饋

    10. 頁尾(2)： rss 訂閱、社群連結(facebook, Google+, twitter, etc.)

  4. 將「生物多樣性指標」建立一個 drupal 內容(content)架構，並命名為 indicators，其內容包括議題、指標名稱、指標類別、意義、定義、測量方法、指標負責單位、指標建議、參考資訊、指標對應（包含聯合國永續指標(SDGs)、愛知目標、生物多樣性行動方案等三個目標）、指標視覺化、指標更新日期等欄位

    1. 指標對應目標，聯合國永續指標 SDGs為第 14 和第 15 項（請參見附表）
    2. 指標對應愛知目標（請參見附表）
    3. 指標視覺化需從 data portal 的資料製成互動式的趨勢圖(目前使用 plot.ly embedded figures，或是另外使用 D3.js library 來設計)

  5. 「指標儀錶板」為「生物多樣性指標」(content type: indicators)的 View，以 PSBR 為導覽分類

    1. 導覽分類採用浮動式選單設計
    2. 可依照指標之議題、負責單位來排序

  6. logo 設計，設計原則以平面簡潔為精神，閱讀者可一看到 logo 就了解其意義

    1. TaiBON 的主 logo，兩個版型：彩色及灰階。另外也有網站的 favicon
    2. PSBR(pressure, state, benefit, response) 的小 logo (以平面、簡潔為設計精神)

  7. portal 未來需要有英文版本，因此在設計內容架構時須考量到語言(中文版本及英文版本等)

  8. 需有無障礙網頁認證(TBD)

  9. 每個內容頁面下方需有留言區，採用 disqus 平台

網路

  1. 需有完整網域名稱(Fully Qualified Domain Name, FQDN)，預計使用 taibon.tw
  2. data portal 的 FQDN 為 data.taibon.tw

系統安全

  1. 網站需有 https 協定，將 SSL 憑證交付相關憑證簽署公司簽署
  2. SSL disable 易受害的加密演算法，例如 RC4 等
  3. 作業系統需採用具有快照(snapshot)功能之檔案系統，例如 ZFS 或 BtrFS 等
  4. 系統需有定期備份機制(包含異地備份)，備份包含
    1. 作業系統備份
    2. CMS 及資料庫備份
  5. 作業系統需有防火牆
  6. 登入 CMS 後台需強迫使用 https 協定
  7. 網頁伺服器及資料庫需安裝於 chroot 環境中，例如 jail
  8. portal 和 data portal 皆使用 docker container，以利後續的移植及設定的一致性

參考文獻及延伸閱讀

  1. Responsive Web Design, https://en.wikipedia.org/wiki/Responsive_web_design
  2. Attacking SSL when using RC4. URL: http://www.imperva.com/docs/HII_Attacking_SSL_when_using_RC4.pdf
  3. Docker. URL: http://docker.com

網站雛形：inventory15 機器的 9888 port

⚠️ **GitHub.com Fallback** ⚠️