# 財團法人原住民族文化事業基金會新版官方網站建置與維護服務
:::info
- **截標時間:** 2020/10/12/1000
- **專案目標**
- **原有網站**
http://www.ipcf.org.tw/
- **額外需求**
1. RWD 設計

- **評選標準**

<br>

| 項目 | 評選項目 | 配分 |
| ---------------------- | ----------------------------------------------------------------------- | ---- |
| 實施計畫 | 本專案整體規劃及實施策略方法 | 40％ |
| 專案規劃與執行進度計畫 | 前置規劃作業、整體工作計畫及預定進度可行性(含工作進度表及預期效益) | 20％ |
| 履約能力 | 1. 製作群相關製作經驗、專業人力配置及執行能力 2. 公司簡介及過去實績經驗 | 15％ |
| 標價組成 | 製作經費預估合理性及整體配合度 | 20％ |
| 簡報與答詢 | 未到場者本項0分 | 5% |
:::

# 專案概述 (R)
## 專案名稱
## 專案緣起
## 專案目標
## 專案價金

# 專案管理 (R)
## 公司背景
## 專案組織
## 時程規劃
## 專案執行
## 品質保證
## 履約實績

# 建置環境 (G)

# 資料轉移規劃 (G)
1. 分析舊有資料庫
將現有資料庫表格進行清點及彙整，並將對應的資料內容與舊系統內的各式資料及文章內容進行核對，如有無法確認的表格再查看舊系統說明文件或向舊系統廠商詢問，清點過後之項目將紀錄再一確認清單上，以利後續核對資料轉移項目。
2. 對應至新資料庫
將分析過後的資料內容對應至新系統功能上，透過確認清單逐一核對是否所有功能項目都具有其對應。
3. 更新及優化資料結構
若舊有資料結構與新資料庫不相容或效能上較差，可於此時一併進行優化與調教，列入資料轉移的步驟項目。
4. 產生匯入指令碼
針對新資料庫產生其專用的資料匯入指令碼，避免手動或人為進行資料匯入造成額外的人為因素失誤，指令碼必須具有「可測試性」、「可驗證性」及「可監控性」之特質，不因任何因素(例如不同時間操作)造成不同的匯入結果。
5. 驗證資料正確性
撰寫資料檢查程式核對其匯入結果，確保資料匯入過程沒有造成任何資料丟失，程式驗證過後再經由人為校對抽查進行複檢。

# 系統功能 (G & I & Z)
## 網站前台設計
1. 全站服務
1. 認識本會

<center>認識本會示意圖</center>

1. 關於本會
* 由本公司專業文案規劃師於需求訪談後重新撰寫，以精練的故事性短文搭配圖片介紹基金會。
* 原先單調的條列式大事記，將以圖形化時間軸的形式展現，各時間點佐以表徵意象之相關圖片。
2. 組織架構
* 由本公司專業視覺設計師重新設計更精美直覺之組織架構圖。
3. 董監事及經營團隊
* 重新整理上傳董監事及經營團隊人員照片，來解決圖片尺寸不同及解析度過低的問題。
* 人員的簡介資訊以彈出模態框（Modal）的形式於同頁展現，避免使用者反覆切換列表頁與內容頁以及內容頁資訊過少之問題。
4. 交通資訊
* 提供基金會地址與交通諮詢。
* 提供重點地標及基金會建築外觀風貌照片，便於訪客識別。
* 以 Google Map 顯示地理位置。
2. 公開資訊

<center>公開資訊分類示意圖</center>

<center>公開資訊列表示意圖</center>

* 以分類項目的形式提供資訊，分類項目皆可於後台「新增」、「修改」、「刪除」、「排序」。
* 分類項目包含(但不限於)：「組織人事」、「營運業務」、「法令規章」、「製播節目」、「研究報告」。
* 點擊項目後跳至資訊列表頁提供檔案下載。
3. 會務相關

<center>會務相關示意圖</center>

1. 最新訊息
* 以列表頁提供最新訊息清單。
* 點擊項目後跳至最新訊息說明頁。
* 提供「分類」、「關鍵字」條件篩選。
2. 招標公告
* 以列表頁提供招標清單。
* 點擊項目後跳至招標說明頁。
* 提供「分類」、「關鍵字」條件篩選。
3. 求才專區
* 以列表頁提供職缺清單。
* 點擊項目後跳至職缺說明頁。
* 提供「分類」、「關鍵字」條件篩選。
4. 託播查詢
* 以列表頁提供託播歷程。
* 提供「託播單位」、「託播名稱」、「插播日期」條件篩選。
5. 節目版權目錄
* 重新編排校稿內文。
* 重新設計內文樣式以提高可讀性。
* 將原先以 PDF 檔案下載形式之版權目錄直接以電子書撥放器的形式呈現，讓使用者可直接於網頁瀏覽內容，省去檔案下載的步驟。
4. 觀眾服務

<center>觀眾服務示意圖</center>

1. 參訪基金會
* 重新排版參訪申請作業需知。
* 重新設計參訪流程圖或其他輔助說明圖示。
* 提供線上參訪申請，以表單形式讓使用者填寫參訪人員與相關資訊，管理人員於後台直接進行確認與回覆。
* 狀態變更或結果回覆可透過「email」或「簡訊」等通知機制，由系統自動發送。
2. 線上客服
* 使用 Facebook 粉絲團「將 Messenger 新增到你的網站」功能，此功能可以讓網站串接 Facebook 粉絲團即時聊天功能。
* 原先表單形式的意見送出頁面，建議改做「意見反應」功能。
3. RSS訂閱
* 以 RSS 2.0 提供基金會欲提供之新聞內容和相關公告。
4. 意見反應
* 以表單形式提供使用者輸入「標題」、「意見說明」、「聯絡資訊」等項目來進行意見反應。
* 管理人員於後台可統整所收到之意見，並可標註「未處理」、「已處理」、「無須處理」等狀態。
5. 社群/APP連結
* 各文章類型頁面皆具有「社群分享轉貼按鈕列」及「Facebook 留言板」。
* 網站之「線上客服」也改以串接「Facebook 粉絲團 Messenger」，可進行即時聊天互動。
5. 商品與贊助

<center>商品與贊助示意圖</center>

1. 購物商城
* 轉跳至博客來網路商城。
2. 支持我們
* 轉跳至現行贊助樂捐網頁 (http://donation.ipcf.org.tw)。
6. 相關連結

<center>相關連結示意圖</center>

* 提供各式相關連結，以開啟新頁的形式打開連結，避免當前瀏覽頁面被取代。
* 項目包含(但不限於)：「WITBN世界原住民廣電聯盟」、「原住民族委員會」、「原住民族族語線上詞典」、「原住民族語言能力認證測驗」。
* 亦可於頁尾網站導覽區塊顯示相關連結列表。
7. 會員機制

<center>會員登入示意圖</center>

<center>忘記密碼示意圖</center>

1. 會員登入
* 可進行一般帳號註冊申請和進行登入。
* 可綁定社群帳號(Facebook、Google)進行登入。
* 具有單一帳號簽入驗證機制(Single Sign On)，可串接基金會其他服務，提供會員資料同步連動功能。
* 「忘記密碼」和「忘記帳號」功能將透過「email」或「簡訊」等通知機制，由系統自動發送驗證頁連結，再配合完成更新密碼。
* 所有表單操作皆具有資料驗證與建議輸入提示，讓使用者清楚了解操作方式。
2. 會員功能
* 修改會員資料：可檢視及修改會員資料。
* 隱私權政策說明：提供個資及隱私權政策宣告頁。
* 個人資料使用許可：提供個人資料使用許可宣告頁。
* 推播通知設定：使用者可分別開關各項功能通知。
* 文章瀏覽記錄：記錄使用者所有文章瀏覽記錄，並提供使用者自行查詢歷史記錄，保留至少一個月內之文章瀏覽記錄。
* 影音瀏覽記錄：記錄使用者所有影音瀏覽記錄，並提供使用者自行查詢歷史記錄，保留至少一個月內之影音瀏覽記錄。
* 自動化推薦：依照使用者瀏覽記錄，並藉由其「分類」、「關鍵字」、「內容屬性」來推薦使用者可能會感興趣之其他網站內容。
* 喜愛清單管理：使用者可將喜愛之網站內容加入收藏，並加以管理。
* 會員退訂機制：使用者可申請退訂，並紀錄使用者退訂原因，具有雙重確認機制防止意外退訂。
* FAQ：提供基本問答。
8. 氣象

<center>氣象資訊示意圖</center>

1. 顯示氣象定位功能，以圖像化呈現，提供使用者所屬位置之即時氣象現況。
2. 介接中央氣象局資料，提供即時原鄉氣象查詢。
9. 查詢搜尋

<center>查詢搜尋示意圖</center>

1. 可針對「關鍵字」、「日期」、「標題」、「內文」進行全文檢索。
2. 以自動完成(Autocomplete)的形式列出推薦熱門關鍵字。
3. 可在所屬的分類中進行分類篩選。
2. 入口首頁

<center>首頁示意圖</center>

1. UI/UX
1. 以符合基金會形象及本案需求之面向進行UI/UX設計。
2. 入口首頁呈現基金會電視、廣播媒體及文化藝術業務。
3. 以最新最熱門之總覽概念規劃入口首頁，相關影音及文字訊息自動連動網站內頁。
2. 英文網站
1. 由本公司專業文案規劃師規劃基金會英文簡介頁面。
2. 支援多語系切換，包含(但不限於)中文、英文。
3. 構建世界原住民廣電聯盟(WITBN)國際新聞交換專區，可透過API串接各國WITBN每日新聞影音。
3. 原視新聞

<center>原視新聞示意圖</center>

* 以分類項目的形式提供資訊，分類項目皆可於後台「新增」、「修改」、「刪除」、「排序」。
* 分類項目包含(但不限於)：「每日新聞」、「國際新聞」、「族語新聞」、「各新聞節目群」、「新聞專題」。
* 介接 iNews 新聞文稿系統，並自動化解析新聞文稿系統匯出之內容，由程式自動匯入後台最新新聞內容，由管理人員決定新聞分類與是否自動上架。
* 匯入之新聞內容可透過後台更改屬性及編修內容。其內容提供「匯入文稿」、「分類」、「篩選」、「編輯」、「上傳圖片」、「嵌入影音」等功能。
* 新聞內容網頁顯示包含(但不限於)：「新聞標題」、「內容」、「圖片」、「影音」等內容。
* 提供新聞關鍵字搜尋功能，並於 5 秒內返回搜尋結果。
* 提供氣象定位功能，相關氣象內容可與中央氣象局資料介接或網站連結。
* 可匯入歷史資料，並能提供對外新聞網站所須之介接 API。
* 可提供新聞資訊給第三方的新聞 web services(如:yahoo、sina)程式。
* 具有「追蹤」、「收藏」、「社群分享」功能。
* 具有「跑馬燈」、「Banner」、「問卷」、「投票」版面區塊。
* 針對搜尋輸入欄位，提供熱門關鍵字的推薦，並於輸入時提供提示文字，以利使用者快速搜尋到需求內容。
* 提供票選活動功能，使用者投票過後可得知投票結果，提昇與使用者互動性。
4. 原視節目

<center>原視節目示意圖</center>

* 以分類項目的形式提供資訊，分類項目皆可於後台「新增」、「修改」、「刪除」、「排序」。
* 分類項目包含(但不限於)：「節目/主持人資訊」、「隨選節目」、「熱門影音」、「精彩花絮」。
* 提供各節目頁資訊編輯內容與分頁功能，完整呈現節目資訊。包含「節目分類」、「各集節目影音」、「節目圖片及文字」、「網路連結」等內容，並可依照節目屬性設定分類。
* 節目影片自動呈現影片播出日期或影片集數，能自動與 VOD 影片側錄連動。
* 具有「追蹤」、「收藏」、「社群分享」功能。
* 具有「跑馬燈」、「Banner」、「問卷」、「投票」版面區塊。
5. Alian 廣播電台

<center>Alian 廣播電台示意圖</center>

* 以分類項目的形式提供資訊，分類項目皆可於後台「新增」、「修改」、「刪除」、「排序」。
* 分類項目包含(但不限於)：「線上收聽」、「節目/主持人資訊」、「隨選節目」、「熱門收聽」。
* 提供各節目頁資訊編輯內容與分頁功能，完整呈現節目資訊。包含「節目分類」、「各集節目影音」、「節目圖片及文字」、「網路連結」等內容，並可依照節目屬性設定分類。
* 節目影片自動呈現影片播出日期或影片集數，能自動與 VOD 影片側錄連動。
* 具有「追蹤」、「收藏」、「社群分享」功能。
* 具有「跑馬燈」、「Banner」、「問卷」、「投票」版面區塊。
6. 文化藝術
1. 藝術
提供 pulima link 及 當屆藝文活動節目資訊及活動表等資訊。
2. 補助
提供「補助訊息」、「申請下載」、「補助成果」等功能頁面。
3. 交流．參訪
提供基金會各交流活動花絮影片、媒體報導等。
4. 出版品
提供基金會相關出版作品快速上傳 PDF 檔，轉換為電子書功能，並支援跨載具呈現。
5. 原視界IPCF雜誌
提供基金會相關出版作品快速上傳 PDF 檔，轉換為電子書功能，並支援跨載具呈現。
6. 頻道包裝
可依主題增設播放清單。
7. 影音串流
1. 原視LIVE直播
2. 原視VOD影音中心
3. Alian廣播電台
4. LIVE直播
5. Alian廣播電台
6. 隨選收聽中心
1. 介接基金會影音服務平台上影音內容，讓使用者得以從個人電腦或各載具收看原住民族電視台節目及收聽 Alian 廣播電台。
2. 側錄及上載之影片匯入於基金會影音服務平台時，可將影音內容同步介接至官網前後台相對應位置，包含：後台影音管理、前台節目頁及影音中心等，且可於電腦與行動載具觀看影音檔案。
3. 「節目隨選」以 API 串接基金會影音平台，以自動呈現影片播出日期或影片集數，可自動與 VOD 影片側錄連動。
8. 節目表
1. 原視節目表
2. Alian節目表
1. 節目表功能介接原視、Alian 現有節目表管理與節目排檔系統內容。
2. 節目表以「週」為單位，提供近期 6 週節目表查詢功能。
3. 節目表之節目名稱可直接連結至該節目網頁。
4. 節目表具有「列印」、「下載」功能。
5. 節目表具有「分級圖示」、「新播」、「直播」、「重播」、「族語發音」、「VOD影音中心」功能。
6. 在入口首頁呈現原視及 Alian 廣播現正播出節目表，點入「更多節目訊息」後再連完整節目表。
7. 節目表將指定側錄時段內容提供基金會影音服務平台，並結合基金會影音服務平台編輯功能進行相關設定與介接。
9. 其他
1. 專案型網頁
1. 由本公司專業視覺設計師提供 4 款專案型網站版型，其版型主要內容包含：「影音」、「文字」、「圖片」、「時間軸」、「投票功能」、「問卷填答」等相關內容。
2. 熱門瀏覽器推送通知服務
1. 可於 Microsoft Edge、Firefox、Chrome、Safari等熱門瀏覽器上，設置是否希望收到推送資訊，若同意推送則瀏覽器自動推送通知給使用者。
3. 使用者體驗及介面互動設計
1. 配合基金會短期活動推廣、重要活動主視覺呈現、廣告交換等需求，設計可彈性運用之方式，如：banner 等。
2. 支援中文、英文檢索查詢功能。如：站內（分類）搜尋、 Google 全文檢索等。

## 網站後台設計
1. 維護管理功能
1. 管理介面
1. 後台管理介面使用中文呈現。
2. 以舒適、畫面清晰，簡易操作且便於管理之方向規劃後台管理介面。
3. 後台排序邏輯自動以最新至最舊(預設最新訊息為置頂)，亦可手動勾選、修正發佈時間。
4. 前台單元對應後台管理，並新增「參數管理」、「使用者管理」、「權限管理」、「及「log 紀錄」等管理單元。
5. 後端管理平台文章編輯功能具備「文字編排」、「文字編輯」、「段落編輯」、「填色」、「表格製作」、「連結」、「書籤」、「檔案上傳工具」與「圖片編排（圖片更新、編輯工具）及修改」功能，俾利資訊更新。
2. 使用者帳號、權限管理功能
1. 管理者可透過單一登入至同一系統，並可直接進行「新增」、「刪除」、「修改」、「查詢」等維護作業來管理網站資料。
2. 後台可設定使用者帳號維護管理及查詢功能，賦予不同維護權限。
3. 最高層級管理者可自由「新增」、「刪除」、「修改」各帳號之管理權限，提供授權管理之方便性。
3. 網頁上稿
1. 以全網站內容上稿方式，使用資料庫管理，以後端 Web 介面，提供上稿機制。
2. 後端 Web 介面編輯系統，網站管理人員可以使用瀏覽器進行線上網頁格式的編輯和製作，包括「表格設定」、「圖片嵌入」、「字體設定(顏色、大小、粗體、斜體、底線)」、「超連結」、「相關連結」、「檔案批次上傳」、「刪除」、「檔案下載」、「文字段落」、「縮排」等功能。
3. 可設定顯示每筆上稿文章之「上稿日期」、「修正/檢視日期」及「點擊次數」。
4. 管理人員可對各項訊息做「新增」、「刪除」、「修改」、「上下架」等設定。
5. 附件檔案可上傳各文書、圖片格式，且可批次上傳。圖片檔案可自動化壓縮呈現最佳化且不失真。
4. 搜尋機制
1. 於影音檔案管理，分類清單管理及發佈節目管理介面依標題，描述或關鍵字搜尋要查找之影音資訊。
2. 數據分析
1. 數據統計及報表匯出
1. 隨時監控最新之網站相關資訊，包含：頁面瀏覽及使用者行為分析，查詢結果以圖表方式呈現於網頁上，另提供詳細報表資訊以 Excel 供管理者下載
2. 網站瀏覽分析：總瀏覽分析、會員/非會員分析、網站使用分析、網站時段分析、網站瀏覽排行、國別分析、時段分析。
3. 頁面瀏覽及使用者(會員/非會員)分析：統計使用者重覆、不重覆及總瀏覽頁面、統計 Web 及行動裝置使用者相關內容點閱分析。
3. 影音介接
1. 影音檔案管理機制
1. 串接所有於基金會影音服務平台轉檔完成之影音，皆透過 JSON 格式並以 RESRFUL API 回傳至網站後台以同步顯示於官網。
2. 影音介接需求
1. 介接基金會影音服務平台上影音內容，至官網全站影音及網路 Live 直播服務，以滿足閱聽眾以個人電腦或行動載具收看原住民族電視台節目。
2. 側錄及上載之影片匯入於基金會影音服務平台時，須將影音內容同步介接至官網前後台相對應位置，包含：後台影音管理、前台節目頁及影音中心等，且可於電腦與行動載具觀看影音檔案。
4. 程式異常回報
1. 訊息及程式異常處理
1. 管理人員於後台操作時，明確跳出任何操作過程訊息(如上、下架成功失敗、刪除警示)。
2. 網站前台查詢反應時間如超過10秒，會顯示等候訊息回應，且該訊息於作業完成後自動清除。

# 資料介接API規劃 (G)

1. 建立API清單
將系統所需之外部API(如其他系統廠商、新媒體平台各廠商提供之API)進行統計紀錄，並熟悉理解其使用方式及提供功能，建立API清單方便管理介接狀況。
2. 建立介接文件
將不同API之使用方式詳細記錄於介接文件之中，例如：「名稱」、「簡介」、「路徑(Path)」、「傳入參數」、「回傳結果」、「使用範例」，若有額外注意事項則特別醒目標註，以利日後維護調整時可以徹底了解介接方式。
3. 建立API叫用歷程
系統每次叫用API後將紀錄叫用歷程，以追蹤其API之可用狀態，若API叫用過程報錯或回傳異常資料內容，將會標註此API為不可用狀態，並於網頁系統上針對使用到該API之功能區塊顯示「系統修復中，造成您的不便敬請見諒」訊息，並以「email」或「簡訊」方式通知系統管理員，方便第一時間連絡負責廠商查修。

# 資訊安全規劃 (R)

# 資訊測試規劃 (R)

# 專案回饋 (R)