---
# System prepended metadata

title: 新北市政府殯葬管理處109年度電子追思祭拜系統維護暨改版建置計畫。

---


# 新北市政府殯葬管理處109年度電子追思祭拜系統維護暨改版建置計畫。
# 專案概述
## 專案名稱
新北市政府殯葬管理處109年度電子追思祭拜系統維護暨改版建置計畫。

##### tags: `殯葬管理` `改版` 

:::info
- **截標時間:** 2020/10/05/1700
- **專案目標** 
- **額外需求**
1. RWD 設計
:::

## 專案緣起
## 專案時程
## 專案價金


| 項次 | 標的名稱 | 數量 | 單位 | 單價 | 總價 |
| --- | --- | --- | --- | --- | --- |
| 1 | 美工排版設計及多媒體處理 | 1 | 式| 80,000|80,000|
| 2 | 納骨塔祭拜現場影像拍攝及影片後製 | 16 | 式| 10,000|160,000|
| 3 | 無障礙網站設計開發(符合AA標準) | 1 | 式| 30,000|30,000|
| 4 | 即時資訊跑馬燈 | 1 | 式| 20,000|20,000|
| 5 | 公立納骨塔線上祭拜作業 | 1 | 式| 80,000|80,000|
| 6 | 忠靈祠線上祭拜作業 | 1 | 式| 80,000|80,000|
| 7 | 海葬線上祭拜作業 | 1 | 式| 80,000|80,000|
| 8 | 植存線上追思作業 | 1 | 式| 80,000|80,000|
| 9 | 相關連結設定-新北市生命終章、新 北市忠靈祠、氣象資訊 | 1 | 式| 10,000|30,000|
| 10 | 祭祀法會資訊發布 | 1 | 式| 30,000|30,000|
| 11 | 交通路況 | 1 | 式| 20,000|20,000|
| 12 | 收費標準 | 1 | 式| 20,000|20,000|
| 13 | 線上操作說明及常見問答 | 1 | 式| 10,000|10,000|
| 14 | 使用狀況通報 | 1 | 式| 10,000|10,000|
| 15 | 後台維護管理系統開發-結合現行墓政管理系統資料庫及管理機制 | 1 | 式| 180,000|180,000|
| 16 | 教育訓練及需求調查 | 1 | 式| 10,000|10,000|
|||||總金額|900,000|


# 經歷與實績
## 背景資料
## 公司簡介
## 履約實績

# 專案管理
## 組織圖
## 工作職掌
## 人員背景
## 品質保證
## 問題管理

# 整合策略
## 現況分析
鑒於資訊安全與兩系統部署環境不同，線上祭拜平台與墓政系統無法直接進行資料庫連線，推測目前現有系統是採用單向的資料表匯入方式進行，因此會產生版本差異進而發生無法登入的情況，需待墓政系統維護廠商手動進行資料同步更新才可解決。
## 整合建議
建議線上祭拜平台與墓政系統共同協作開發資料交換 API (應用程式介面，Application Programming Interface)，藉此實現雙向溝通與資料同步的可能。API 只允許限定之 IP 或網域才可訪問，並定時更新訪問金鑰以確保安全性。API 建議採用 RESTful API (表現層狀態轉換 API，為業界主流形式) 的形式以 JSON 格式(JavaScript Object Notation，JavaScript 物件表示法)進行資料交換。連線方式採用 HTTPS 加密連線。

![](https://i.imgur.com/7cNVhbO.jpg)
<center>線上祭拜平台更新墓政系統示意圖</center>

![](https://i.imgur.com/4E8GXWo.jpg)
<center>墓政系統更新線上祭拜平台示意圖</center>

資料交換格式建議內容 (JSON 格式)
```
{
  "name": String,
  "type": String,
  "data": [
    {
      "id": UUID,
      "field1": Any,
      "field2": Any,
      ...
    },
    ...
  ]
}
```

資料交換格式新增範例 (JSON 格式)
```
{
  "name": "create account",
  "type": "insert",
  "data": [
    {
      "id": "c258109a-dfd9-47ac-bdb4-9db3e7aa5da4",
      "account": "NiceAccount",
      "firstName": "小明",
      "lastName": "王",
      ...
    },
    ...
  ]
}
```

資料交換格式修改範例 (JSON 格式)
```
{
  "name": "modify account",
  "type": "update",
  "data": [
    {
      "id": "c258109a-dfd9-47ac-bdb4-9db3e7aa5da4",
      "firstName": "大明",
      "lastName": "陳",
      ...
    },
    ...
  ]
}
```

# 系統架構
![](https://i.imgur.com/Dm1AlgE.png)
<center>系統架構示意圖</center>

* 作業系統：Microsoft Windows Server
* 資料庫：Microsoft SQL Server
* 網頁伺服器：IIS
* 網頁應用程式：ASP.NET MVC Framework
  使用 ASP.NET MVC Framework 建置靈活穩固的應用程式後端。以業界主流MVC (Model–view–controller) 架構實作，進而提高系統可讀性、可擴充性及可維護性。
* 資料庫存取：Entity Framework
  以 ADO.NET 為基礎而發展的物件關係對映 (Object-relational mapping) 技術，目前為 .NET Framework 與資料庫溝通之主流作法，因使用物件及強型別進行代碼編寫，可有效降低人為出錯及更高的可讀性及可維護性。

# 系統設計
## 首頁設計
![]()
<center>首頁示意圖</center>

* 採用響應式設計(Responsive web design, RWD)，針對不同大小尺寸之裝置提供自適應的顯示模式，確保使用者可以透過任意裝置操作系統，且具有一致的系統功能，惟顯示畫面或特效因螢幕尺寸限制須進行重新設計與編排。

* 網站頁首設計採瀑布上由上往下的方式呈現，並透過區塊的差異與資訊分流的圖示讓使用者可以快速精準地找到所需要的資訊。

* 首頁功能列：包含下列項目：「網站導覽」、「常見問答」、「操作說明」、「狀況通報」、「註冊」、「登入」。

* 關鍵字搜尋條：提供關鍵字檢索功能。

* 即時資訊跑馬燈：提供系統即時資訊。

* 選單列：包含下列項目：「最新消息」、「線上祭拜」、「相關網站」、「法會通知」、「交通路況」、「收費標準」。

* 最新消息區：預設顯示最近五筆(顯示筆數可於後台設定)。並有「查看更多」按鈕，點擊後跳至最新消息列表頁。

* 頁尾：提供「網站導覽」、「相關網站」、「聯絡資訊」、「版權聲明」等資訊。

## 最新消息
![]()
<center>最新消息示意圖</center>

* 以列表的形式提供相最新消息，列表項目顯示「縮圖」、「標題」、「內文節錄(前20字)」、「發佈時間」及「瀏覽數」等欄位。

* 後台上稿人員可設定「上下架日期範圍」和「是否置頂」，文章編輯方式請參考文章管理編輯頁說明。

## 線上祭拜
![]()
<center>線上祭拜示意圖</center>

* 具有「公立納骨塔線上祭拜作業」、「忠靈祠線上祭拜作業」、「海葬線上祭拜作業」及「植存線上追思作業」等項目，點擊後將進入各自的線上祭拜專頁。

* 網路祭拜資料登記頁面以表單形式呈現，欄位包括「亡者姓名」、「亡者生日」、「亡者忌日」、「申請人姓名」、「申請人聯絡電話」及「亡者照片(透過檔案上傳機制)」等。使用者登記過後系統會紀錄其申請內容，日後要再度進行網路祭拜時，可選擇過去填寫之紀錄，減少反覆資料輸入流程。

* 線上祭拜流程：
  1. 於祭拜首頁點擊「開始祭拜追思」(祭拜首頁具有追思訊息題字或神佛像)
  1. 查詢選取或填寫往生者資料
  1. 祭拜展示(約10至15分鐘之實境影片，拍攝方式請參閱「動態祭拜影片」章節)
  1. 點擊「祭拜結束」
  1. 返回祭拜首頁

* 具有網路追思留言管理功能，系統管理人可針對不雅或不當之留言或照片進行屏障或刪除之操作，如使用者違反使用規範次數達標，系統會鎖定其帳號。

* 於後台「使用者管理」模組統一管理其使用者之相關「祭拜申請紀錄」。

* 於後台「統計資料」模組統一管理其相關「祭拜申請數量」及「使用狀況數量」之報表。

## 相關網站
![]()
<center>相關網站示意圖</center>

以列表及網站縮圖的形式提供相關網站介紹與連結，包含「新北市生命終章」、「新北市忠靈祠」及「氣象資訊」等。系統管理員可於後台編輯維護頁面內容。

## 法會通知
![]()
<center>法會通知示意圖</center>

告知民眾各公立納骨塔(堂)每年法會資訊，可使用行事曆的形式顯示當月法會行程，或者使用一般列表的形式條列顯示整年法會行程，預設優先顯示近期之法會，點擊項目後顯示法會詳細資訊。系統管理員可於後台編輯維護頁面內容，文章編輯方式請參考文章管理編輯頁說明。

## 交通路況
![]()
<center>交通路況示意圖</center>

可使用 Google Map 的形式標記各公立納骨塔，或者使用一般列表的形式條列顯示各公立納骨塔，點擊項目後顯示該納骨塔之交通資訊，並提供 Google Map 路線指引。系統管理員可於後台編輯維護頁面內容，文章編輯方式請參考文章管理編輯頁說明。

## 收費標準
![]()
<center>法會通知示意圖</center>

使用一般列表的形式條列顯示各公立納骨塔，點擊項目後顯示該納骨塔之收費標準與相關規範。系統管理員可於後台編輯維護頁面內容，文章編輯方式請參考文章管理編輯頁說明。

## 常見問答
![]()
<center>常見問答示意圖</center>

使用列表的形式條列顯示系統常見問題，點擊項目後展開該問題之答覆。系統管理員可於後台更新。

## 操作說明
![]()
<center>操作說明示意圖</center>

提供相關系統操作說明文件檔案下載，供使用者參考系統操作方式。系統管理員可於後台更新。

## 狀況通報
![]()
<center>狀況通報示意圖</center>

提供狀況通報表單，供使用者填寫錯誤或異常回報，系統收到通報後會立即以 email 通知相關管理人員，並於後台紀錄回報事項之處理狀態，方便日後複查相同錯誤或異常是否再次發生。

## 使用者管理
![]()
<center>使用者管理示意圖</center>

* 供後台管理人員檢視及維護系統所有使用者。以列表的形式展開使用者清單，並且可於列表檢視其使用者之「帳號」、「帳號狀態」、「最後登入時間」等欄位。
  項目功能按鈕：
  * 查看
    點擊後跳至使用者詳細資料頁，即可檢視完整帳號資訊，與其帳號於系統上之活動歷程。
  * 修改
    點擊後跳至使用者編輯頁，即可針對可設定欄位進行資訊修改，並且可協助修改帳號狀態，例如將被系統鎖定之帳號解鎖。

* 於詳細資料頁內列表顯示其使用者提出之「祭拜申請紀錄」。

## 文章管理
![]()
<center>文章管理列表頁示意圖</center>
![]()
<center>文章管理編輯頁示意圖</center>

* 鑒於系統有諸多文章類型頁面之維護需求，故以相同或相似形式進行文章管理。

* 以列表的形式展開文章清單，並且可於列表檢視其文章之「標題」、「發佈狀態」、「最後編輯時間」等欄位。
  項目功能按鈕包含：
  * 查看：點擊項目後跳至文章詳細資料頁，即可檢視完整文章資訊。
  * 修改：點擊項目後跳至文章編輯頁，即可針對文章內容進行修改。

* 編輯能力，以針對不同類型頁面呈現不同內容。本專案建議採用 CKEditor 5。CKEditor 是知名的 HTML 編輯器，HTML 編輯器提供強大的圖文編輯能力。

* 提供文章樣板之功能，可將常用的文章格式設定為樣板，上稿人員只需針對格式和大綱填入內文即可，減少反覆編輯文章格式或者文章風格不一等問題。

* 文章欄位預計如下：「主旨」、「本文」、「圖片」、「影片或影片連結、「多檔附件上傳」。

## 統計資料
![]()
<center>統計資料示意圖</center>

* 提供網站「瀏覽人次」、「追思人次」、「留言人次」等統計分析。依照月份或季度進行數值圖形化呈現，讓管理決策人員可以更直覺的理解整體系統的使用脈絡。

* 提供最新消息或其他文章類型頁面之瀏覽數統計，供上稿人員檢診文章是否充分傳達資訊，以利後續修編及新撰文。

* 提供使用者操作歷程紀錄，供管理人員檢診是否有異常操作，或者分析系統功能使用之負載情形。

* 操作歷程將紀錄使用者之「登入時間」、「登入帳號」、「使用功能」及「登入IP」。

* 相關之報表皆可列印或匯出檔案。

# 動態祭拜影片

* 專人實地拍攝，且將與專業法師或相關專家討論，務求所拍攝之祭拜流程影片之內容保持嚴謹莊重，相關之風水或良辰吉時亦會列入參考項目。

* 使用高畫質攝影機，確保影片輸出品質至少具有 1080p (解析度為1920×1080)。

* 影片將有旁白或字幕指示進行之流程，確保追思者清楚了解所需進行之步驟。

* 動態祭拜影片概略內容與順序：
  1. 納骨塔(堂)外觀風貌
  1. 納骨塔(堂)入口走道
  1. 納骨塔(堂)正門入口
  1. 納骨塔(堂)走道或樓梯
  1. 神明桌
  1. 往生者存放位置
  1. 往生者神主牌位

# 無障礙網站設計 AA 標準

# 資訊安全

# 教育訓練

# 專案回饋
