(五)、系統說明 (以下圖說為本公司提供參考，實際將依訪談需求製作)

網站經營與管理

1. 系統管理模組

系統名稱 程式名稱 日期

系統管理 系統管理、系統選單、使用者權限管理 2009/5/27

【參考介面】

圖 a.

圖 b.

圖 c.

【介面說明】

A. 登入(圖 a.)：使用者先輸入登入帳號與密碼，按下「登入」即進入後台管理

平台首頁。

B. 系統選單(圖 c.)：

功能選單：以樹狀圖的方式顯示各系統功能，顯示系統項目依據使用者

權限而定，選單可隱藏。

登入訊息：顯示管理者名稱、登入時間。

常用功能：顯示管理平台最常被使用的系統前 5 名，方便管理者快速進

入管理頁面，圖 b.。

系統功能說明：列出管理平台所有系統功能說明。

2. 網站生成管理模組

系統名稱 程式名稱 日期

網站生成管理 網站架構管理、網頁生成管理 2009/5/27

【參考介面】

圖 a.

圖 b.

圖 c.

【介面說明】

A. 網站架構管理(圖 a.)：建立與管理包括中文版(海洋觀光網、行政資訊網)、

英文版、兒童版網站架構(節點)，並設定子網頁(末端節點)資紏，如連結模

式、是否已發佈。

B. 網頁生成(圖 b.)：

網頁內容樹狀圖(左)：顯示已建立的網頁 Head、Body 標籤區塊，使用

者可直接匯入已存在的網頁檔案進行編輯，完成後可選擇儲存建立網頁

檔案與發佈至前台。

網頁編輯(右)：預覽網頁生成畫面，按下各 Head、Body 標籤下的編輯，

即進入網頁編輯器(圖 c.)。

C. 網頁編輯器(圖 c.)：編輯網頁內容、上傳圖片檔。

3. 分類檢索管理模組

系統名稱 程式名稱 日期

分類檢索管理(1) 全站設定、分頁分類設定 2009/5/27

【參考介面】

圖 a.

圖 b.

圖 c.

【介面說明】

A. 全站設定、分頁分類設定(圖 a.)：提供使用者設定本站基本分類檢索內容，

如第一層施政、主題、服務分類，資料有分為 [必要]：必要欄位且一定要

含值；[建議]：該資料項建議應含值； [選擇]：為非必要含值欄位三類。

B. 分頁分類設定(圖 b.)：提供使用者設定各子網頁的分類檢索內容，如第 2~3

層施政、主題、服務分類。

C. 網站架構管理(圖 c.)：建立與管理包括中文版(行政資訊網、海洋觀光網)、

英文版、兒童版網站架構(節點)，並設定子網頁(末端節點)資料，如檔案名

稱、是否已設定分類檢索內容，此功能與網頁生成管理模組中的網站架構

管理屬同一功能系統。

系統名稱 程式名稱 日期

分類檢索管理(2) 分類檢索 2009/5/27

【參考介面】

【介面說明】

A. 海洋生態知識 (圖 a.)

進階查詢：民眾可依據主題、施政、服務類別與關鍵字查詢本站內容頁。

搜尋結果列表：依據民眾輸入的查詢條件將搜尋本站網頁，列表每頁顯

示 10 筆，按下列表中的網頁標題即可進入該頁。

網站系統前台

1. 動態訊息

系統名稱 程式名稱 日期

動態訊息管理 行政資訊網(新聞稿、一般公告、招標資訊)

海洋觀光網(活動訊息、媒體報導) 2009/5/27

【參考介面】

圖 a.

圖 b.

圖 c.

【介面說明】

A. 行政資訊網_一般公告(圖 a.與圖 b.)：

資料列表：顯示訊息標題、發佈日期…等資訊，按下標題即可進入內容

頁瀏覽詳細內容。

分頁功能：每頁顯示 10 筆，依發佈日期遞減排序。

附加檔案：提供民眾下載附加檔案。

相關連結：提供民眾連結至其他相關網頁。

回列表：按下回列表圖示後即可回到之前的資料列表。

B. 海洋觀光網_活動行事曆(圖 c.)：

資料列表：使用者可以選擇以月曆或列表方式(圖 a.)列出所有活動資訊

2. 書表下載

系統名稱 程式名稱 日期

書表下載管理 書表下載 2009/5/27

【參考介面】

【介面說明】

A. 分類查詢：提供民眾能依據分類查詢該分類下的所有申請表單。

B. 資料列表：民眾可選擇下載 2 種檔案格式。

C. 分頁功能：每頁顯示 10 筆，依日期遞減排序。

3. FAQ 常見問答

系統名稱 程式名稱 日期

Q&A 管理 FAQ 常見問答 2009/5/27

【參考介面】

圖 a.

圖 b.

【介面說明】

A. 分類查詢：提供民眾能依據分類查詢該分類下的所有問題列表。

B. 資料列表：點選問題即可查看問題的解答。

C. 分頁功能：每頁顯示 10 筆，依建立日期遞減排序。

D. 回列表：按下回列表圖示後即可回到之前民眾查詢到的資料列表畫面。

4. 服務信箱

系統名稱 程式名稱 日期

服務信箱管理 服務信箱 2009/5/27

【參考介面】

【介面說明】

A. 寄送目標：服務信箱分為行政服務信箱與海洋觀光服務信箱。

B. 送出：依據民眾選擇的服務信箱寄給負責的管理人員。

5. 網網相連

系統名稱 程式名稱 日期

相關連結管理 網網相連 2009/5/27

【參考介面】

【介面說明】

A. 資料列表：顯示連結圖示、連結網站名稱、網站語言，民眾按下連結圖示

即可連結至該網站，網站的開啟方式(開新視窗、本頁開啟)需由網站管理者

設定。

6. 出版品

系統名稱 程式名稱 日期

出版品管理 出版品 2009/5/27

【參考介面】

圖 a.

圖 b.

【介面說明】

A. 出版品(圖 a.)：顯示所有出版品資訊，每頁顯示 10 筆，越新出版排最前面。

B. 出版品內容(圖 b.)：顯示出品版詳細資料，如書名、作者、售價、簡介、封

面圖示…等。

7. 行銷紙品

系統名稱 程式名稱 日期

行銷紙品管理 行銷紙品 2009/5/27

【參考介面】

圖 a.

圖 b.

【介面說明】

A. 行銷紙品(圖 a.)：顯示所有行銷紙品資訊，EX：各海洋國家公園販售之紀

念品、風景明信片、月曆…等，每頁顯示 10 筆，越新發行排最前面。

B. 行銷紙品內容(圖 b.)：顯示行銷紙品詳細資料，如商品規格、商品圖示、內

容物說明、販售資訊…等。

8. 珍藏下載

系統名稱 程式名稱 日期

珍藏下載管理 電子賀卡、桌布下載 2009/5/27

【參考介面】

圖 a.

圖 b.

【介面說明】

A. 電子賀卡：

圖片列表：點選右方圖片系統即顯示大圖於左方預覽區。

預覽：輸入完成後按下預覽，系統即將輸入資料上傳至上方預覽區。

送出：將電子賀卡寄送至使用者填入的電子信箱

重填：清除使用者填寫的內容。

B. 桌布下載：

圖片列表：點選右方圖片系統即顯示大圖於左方預覽區。

桌布下載：使用者可選擇桌布尺寸，系統即開啟下載視窗。

9. 討論區

系統名稱 程式名稱 日期

討論區管理 討論主題與內容、回應主題、發表新主題 2009/5/27

【參考介面】

圖 a.

圖 b.

圖 c.

圖 d.

【介面說明】

A. 討論主題與內容(圖 a.與圖 b.)：主題列表每頁顯示 10 筆，依發表日期

遞減排序，點選標題即可查看主題內容與所有回應。

B. 發表新主題(圖 c.)：提供給民眾發表關於海洋觀光、海洋保育、生態研

究議題，管理者亦可從管理平台發表新主題。

C. 回應主題(圖 d.)：民眾可針對主題發表回應，管理者亦可從管理平台

發表回應。

D. 管理者有權限從管理平台刪除不符合主題的文章或回應。

10. 海洋聚落

系統名稱 程式名稱 日期

部落格管理 部落格首頁 2009/5/27

【參考介面】

圖 a.

圖 b.

【介面說明】

主要功能項目：

部落格會員專區：會員登入、會員資料修改、加入會員、我的收藏

部落格公告

文章搜尋：搜尋部落格文章

到訪人數統計：當日人次、累積人次

文章分類選單：顯示各分類下的文章列表

行事曆：標示當天是否有發表文章

熱門排行榜：創作量最多的作者、最多人推薦的文章、點閱數最多的文

章

最新回應：最新發表的文章回應

最新文章：最新發表的文章

留言版：供一般民眾發表留言

相簿：集結列出部落格所有文章內的相片

發表新文章：供會員發表新的文章

11. 海洋知識館

系統名稱 程式名稱 日期

知識庫管理 海洋生態知識、海洋研究報告、多媒體影音庫 2009/5/27

【參考介面】

圖 a.

圖 b.

圖 c.

【介面說明】

B. 海洋生態知識 (圖 a.)

進階查詢：民眾不用特別記憶生態物種或學名，利用特定條件找出想要

查詢的生態資料。

分類查詢：依據管理者在後台建立的分類(EX：界、門、綱、目、科…)，

呈樹狀圖顯示，民眾可依據已知的物種類別查詢各分類下的生態資料。

影像查詢：直接列出各物種相片，提供民眾用圖片查詢生態資料。

海洋生態知識內容頁：海洋物種詳細介紹，並提供連結至多媒體影音庫

觀看物種相片或下載影片。

C. 海洋研究報告(圖 b.)

進階查詢：民眾可利用各項條件與關鍵字查詢找出管理處針對各個海洋

國家公園所進行的研究調查報告。

分類查詢：依據管理者在後台建立的分類，呈樹狀圖顯示。

海洋研究報告內容頁：列示研究計劃人員與單位、研究計劃摘要、大綱…

等，並提供下載研究資料檔。

D. 多媒體影音庫(圖 c.)：存放本網站所有生態多媒體資料(包括圖片、影像)供

民眾閱覽與下載。

網站系統管理平台

1. 動態訊息管理模組

系統名稱 程式名稱 日期

動態訊息管理 動態訊息分類設定、動態訊息管理 2009/5/27

【參考介面】

圖 a.

圖 b.

圖 c.

圖 d.

【介面說明】

A. 動態訊息分類設定：

查詢與排序：使用者可輸入分類關鍵字查找資料，並選擇資料列表的排

序方式。

主要操作：新增資料、編輯資料內容、刪除資料、查詢資料。

新增/編輯內容：新增或修改分類內容、排序、上下架機制，新增完成後

可選擇繼續新增資料或返回資料列表。

發佈網站與訊息別：使用者必需設定此分類所屬的網站及訊息別，系統

是用此限定訊息在前台所發佈位置。

B. 動態訊分管理：

查詢與排序：使用者可輸入訊息標題關鍵字查找資料，並設定資料列表

的排序方式。

主要操作：新增資料、編輯資料內容、刪除資料、查詢資料

新增/編輯內容：新增或修改訊息內容、上傳附加檔案，新增完成後可選

擇繼續新增資料或返回資料列表。

跨站設定：訊息預設發佈於所屬分類所設定的發佈網站與訊息別中，當

管理者希望訊息也能發佈於其他網站時，可按下發佈設定，系統會顯示

選擇其他訊息分類視窗，按下確定後系統將複製該筆訊息至另一分類下。

2. 書表下載管理模組

系統名稱 程式名稱 日期

書表下載管理 書表下載分類管理、書表下載管理 2009/5/27

【參考介面】

圖 a.

圖 b.

【介面說明】

A. 書表下載分類管理(圖略)：提供給管理者設定書表下載分類、分類排序。

B. 書表下載管理：

查詢：管理者可依據問題關鍵字查詢問與答資料。

資料列表：使用者可選擇資料列表的排序方式，與一頁顯示幾筆資料。

主要操作：新增資料、編輯資料內容、刪除資料、查詢資料

新增/編輯內容：新增或修改書表名稱、分類與上傳文件檔案，新增完成

後可選擇繼續新增資料或返回資料列表。

3. Q&A 管理模組

系統名稱 程式名稱 日期

Q&A 管理 Q&A 分類管理、Q&A 管理 2009/5/27

【參考介面】

圖 a.

圖 b.

圖 c.

圖 d.

【介面說明】

A. FAQ 常見問答分類管理(圖 a.與圖 b.)：提供給管理者設定 FAQ 常見問答分

類、分類排序。

B. FAQ 常見問答管理：

查詢：管理者可依據問題關鍵字查詢問與答資料。

資料列表：使用者可選擇資料列表的排序方式，與一頁顯示幾筆資料。

主要操作：新增資料、編輯資料內容、刪除資料、查詢資料

新增/編輯內容：新增或修改 FAQ 常見問答資料，新增完成後可選擇繼

續新增資料或返回資料列表。

4. 網站連結管理模組

系統名稱 程式名稱 日期

網站連結管理 網站連結管理 2009/5/27

【參考介面】

圖 a.

圖 b.

【介面說明】

A. 查詢與排序：使用者可輸入關鍵字查找資料，並選擇資料列表的排序

方式。

B. 資料列表：顯示連結網站名稱、網站語言、開啟連結方式…等資料。

C. 主要操作：新增資料、編輯資料內容、刪除資料、查詢資料

D. 新增/編輯內容：新增或修改網站連結內容，新增完成後可選擇繼續新

增資料或返回資料列表。

5. 出版品管理模組

系統名稱 程式名稱 日期

出版品管理 出版品分類管理、出版品管理 2009/5/27

【參考介面】

圖 a.

圖 b.

【介面說明】

A. 出版品分類管理(圖略)：提供給管理者設定出版品分類。

B. 出版品管理：

查詢：管理者可依據書名、作者關鍵字查詢出版品資料。

資料列表：使用者可選擇資料列表的排序方式，與一頁顯示幾筆資料。

主要操作：新增資料、編輯資料內容、刪除資料、查詢資料

新增/編輯內容：新增或修改出版品內容、上傳圖片檔，新增完成後可選

擇繼續新增資料或返回資料列表。

6. 行銷紙品管理模組

系統名稱 程式名稱 日期

出版品管理 出版品分類管理、出版品管理 2009/5/27

【參考介面】

圖 a.

圖 b.

【介面說明】

A. 行銷紙品分類管理(圖略)：提供給管理者設定行銷紙品分類。

B. 行銷紙品管理：

查詢：管理者可依據品名關鍵字查詢出版品資料。

資料列表：使用者可選擇資料列表的排序方式，與一頁顯示幾筆資料。

主要操作：新增資料、編輯資料內容、刪除資料、查詢資料

新增/編輯內容：新增或修改行銷紙品內容、上傳圖片檔，新增完成後可

選擇繼續新增資料或返回資料列表。

7. 珍藏下載管理模組

系統名稱 程式名稱 日期

珍藏下載管理 賀卡管理、桌布管理 2009/5/27

【參考介面】

圖 a.

圖 b.

【介面說明】

A. 珍藏分類查詢：分為電子賀卡與桌布 2 種。

B. 資料列表：使用者可選擇資料列表的排序方式，與一頁顯示幾筆資料。

C. 主要操作：新增資料、編輯資料內容、刪除資料、查詢資料

D. 新增/編輯內容：新增或修改相片說明、上傳相片檔案，新增完成後可選擇

繼續新增資料或返回資料列表。

8. 討論區管理模組

系統名稱 程式名稱 日期

討論區管理 主題設定、主題文章管理、文章回應管理 2009/5/27

【參考介面】

圖 a.

圖 b.

圖 c.

圖 d.

圖 e.

圖 f.

【介面說明】

A. 主題設定(圖 a.與圖 b.)：管理者限定討論區發表的主題，以及民眾是

否可在前台發表或回覆，按下列表右方的文章列表即可進入文章管理

畫面。

B. 主題文章管理(圖 c.與圖 d.)：管理民眾所發表的文章，決定是否開放

前台顯示，管理者也可以從管理平台發表文章，按下列表右方的查看

回覆即可進入文章回覆管理畫面。

C. 文章回覆管理(圖 e.與圖 f.)：顯示各文章的所有民眾回應列表，決定是

否開放前台顯示，管理者也可以從管理平台發表文章回應，為方便管

理者撰寫回應，編輯頁會顯示目前要回應的文章內容與標題。

9. 部落格管理模組

系統名稱 程式名稱 日期

部落格管理 部落格管理 2009/5/27

【參考介面】

【介面說明】

部落格管理模組分成下列子功能：

A. 部落格設定：部落格基本設定(如上圖所示)。

B. 部落格公告：供管理者管理與發佈公告訊息。

C. 文章分類管理：管理部落格文章類別。

D. 文章管理：管理部落格所有文章，民眾在前台發表的文章必需先經過

管理人員審核後，方可顯示。

E. 文章回應管理：管理所有文章的回應，民眾在前台發表的回應必需先

經過管理人員審核後，方可顯示。

F. 部落格相簿管理：集結所有文章中的相片。

G. 留言版管理

H. 部落格會員資料管理：管理者可由此管理部落格會員資料，匯出會員

資料至 Excel。

I. LogIP 管理：紀錄所有會員登入時間、IP 位址。

10. 知識庫管理模組

系統名稱 程式名稱 日期

知識庫管理 生態、台灣海洋文史、海洋研究知識庫管理 2009/5/27

【參考介面】

圖 a.

圖 b.

圖 c.

【介面說明】

A. 分類管理(圖 a.)：分類以樹狀圖顯示，選取任一分類再按下新增，系統即新

增該分類下的子分類，層級可無限延伸。

B. 知識庫資料管理：(圖 b.與圖 c.)

查詢：管理者可使用關鍵字查詢資料標題或使用分類查詢。

資料列表：使用者可選擇資料列表的排序方式，與一頁顯示幾筆資料。

新增生態知識庫：生態知識庫除了填寫生態資料外，需另設分類、分佈

區域、影音檔、關鍵字…等內容，以利前台民眾進階查詢用。

分類設定：按下分類設定按鈕，系統即顯示分類樹狀圖供使用者勾選該

資料所屬的分類，按下確定後即回到編輯頁。

多媒體設定：管理者可從多媒體影音庫中選取符合的相片或影音檔，若

無符合項目則直接新增相片或影音檔至多媒體影音庫中。