第二章、 文獻探討
2.2 大樓管理相關網頁分析
2.2.3 安東社區發展協會
參考網址：http://www.an-dong.org.tw/new_page_1-1.htm
網站優點：時常更新最新消息，也有詳細的社團介紹與上課時間以及社區週刊。
網站缺點：留言版的內容沒有做管理。
本文討論建議：可以建設社區專屬討論區限定只有社區的人才能在裡面討論。
[5]
網站架構：
圖 2- 7 安東社區發展協會架構圖
圖 2- 8 安東社區發展協會(一)
圖 2- 9 安東社區發展協會(二)
10
2.2.4 嘉北社區
參考網址：http://jinnfen.org.tw/
網站優點：有詳細的組織圖以及社區產業。
網站缺點：地理位址寫的很詳細不過圖片過於簡單。
本文討論建議：人文歷史可以多增加一些圖片，可以架設討論區或留言版讓社區 的居民多一些互動。 [6]
網站架構：
圖 2- 10 安東社區發展協會架構圖
圖 2- 11 嘉北社區(一)
圖 2- 12 嘉北社區(二)
12
2.3 名傑大廈簡介
地理位址：新竹市北區福林里 7 鄰東大路二段 307 號。
郵遞區號：300。
大樓屋齡：18 年。
管理委員會：主任委員一人、財務委員一人、委員 10 餘人。
管理方式：由保全公司派員值班管理。
總戶數：72 戶。
居住人口：約 200 人。
住戶型態：上班族、學生、軍公教人員。
圖 2- 13 名傑大廈地理位置圖
2.3.1 生活機能
14
2.3.3 醫療養護
16
現場實境拍攝圖
圖 2- 18 現場實境拍攝圖(一)
圖 2- 19 現場實境拍攝圖(二)
18
2.4 工具探討
2.4.1 ASP.NET 的特色簡介 ASP.NET(C#)與專題關係概述：
ASP.NET 的程式設計架構建立在 Common Language Runtime 上，可以在伺服器 上以建置功能強大的 Web 應用程式，同時 ASP.NET 的開發環境具備所見即所 Basic.NET 和 C#程式設計語言的使用，為開發人員提供了參考。透過程式，我們 熟悉 C#語言，並了解資料庫的基本概念以及存與方式，以使我們能夠獨立設計 自己的動態網頁。
ASP.NET 程式語言是經由本組討論過後，大家一致認為是我們學習過的程式語 言中比較適合我們專題應用和容易操作的軟體，所以在專題的程式製做上將以 ASP.NET 程式語言為主。加上 ASP.NET 程式語言和我們專題所用的其它軟體 如：Dreamweave 8 和 Access2003 都能有不錯的支援。所以 ASP.NET 程式語言在 以上的優勢下成為名傑大廈網路管理平台的第一選擇。 [7]
圖 2- 20 ASP.NET 介面圖示
2.4.2 Dreamweave 8 的特色簡介
Dreamweave 8 與專題關係概述：
Dreamweaver 是一種製作網頁的程式，他支援的語言包括 PHP、ASP、ASP.NET、
HTML 等等，最多人使用來製作動態網頁的軟體。而 Microsoft Office 系列的 FrontPage 只能用來製作 HTML 的靜態網頁。Dreamweaver 也包括 PHP+SQL SERVER 資料庫的連繫，介面也清晰簡單。
Dreamweaver 是個可以編譯 HTML 網頁的一種開發介面。
這套 Dreamweave 8 是我們目前學過製作網頁軟體中較熟悉且功能性較多的軟 體，所以名傑大廈的網站、網頁的主要架構是以 Dreamweave 8 為主。在專題中 加上其他軟體如：Access2003、PhotoImpact 10、 Flash 8 等來加強名傑大廈網路 管理平台的網站、網頁功能和美觀。[8]
圖 2- 21 Dreamweaver 8 介面圖示
20
2.4.3 Access 2003 的特色簡介 Access 2003 與專題關係概述：
Access 2003 提供一組功能強大的工具，複雜的進階功能適合專業的開發人員使 用，但初學者也可以輕鬆入門。現在組織中的每個人都可建立或使用功能強大的 資料庫方案，使得組織、存取、共用資訊較以往更為輕鬆容易。
對於名傑大廈網路管理平台，Access 2003 可以說是我們專題的資料核心若是缺 少了它，我們的專題資料將無法有效管理；使用者與管理者將無法有效快速的查 詢到他所要的相關資料或資訊，所以我們必須建立好完善的 Access 2003 資料庫 才能使名傑大廈網路管理平台，發揮它真正的價值（管理平台）而不會只是名傑 大廈網路；因為我們希望能做到資料資訊查詢外還可以給管理者做資料資訊的新 增／刪除／和修改的作業平台。 [9]
圖 2- 22 Access 2003 介面圖示
2.4.4 PhotoImpact 10 的特色簡介 PhotoImpact 10 與專題關係概述：
PhotoImpact 10 在文字和圖片的製作上和修飾有很不錯的效果和 Flash 軟體的功能 相比在文字和圖片上的製作和修飾是比較方便和快速的，所以在專題的運用上我 們可以應用它的功能增加網站和網頁的文字、圖片上的美觀。 [10]
圖 2- 23 PhotoImpact 10 介面圖示
2.4.5 Flash 8 的特色簡介
Flash 軟體與專題關係槪述：
對於 Flash 這個軟體在未來我們希望利用它的功能做到使專題網站有聲有色，給 使用者與管理者感受到原來名傑大廈網路管理平台不只是找找資料、提供資訊還 能有一些視覺和聽覺上的感受。[11]
圖 2- 24 Flash 8 介面圖示
22
第三章、專題設計與規劃
3.1 專題規劃目標
本專題是以大樓管理結合住戶所需資訊為主，經由與名傑大廈管理前主委李 先生訪談後，本組討論整理，依李先生對此知識的想法及需求，把名傑大廈網路 管理分為前台管理與後台管理二大項：
圖 3- 1 名傑大廈網路管理圖
首先我們針對此大樓管理需求架構所分類的，以下就是對於前台管理與後台
24
3.3 系統藍圖描述
26
作業系統：Microsoft Windows XP 資料庫： Access 2003
網頁設計：Dreamweaver 8 繪圖軟體：PhotoImpact 10 動畫軟體：Flash 8
3.5 專題時程表
圖 3- 5 甘特圖
28
第四章 專題成果
30
4.2 系統分析
4.2.1 USE CASE 圖
圖 4- 1USE CASE 圖
32
4.2.2 流程圖
4.2.2.1 名傑大廈網站流程圖
圖 4- 2 名傑大廈網站流程圖
4.2.2.2 名傑大廈管理系統流程圖
圖 4- 3 名傑大廈管理系統流程圖
34
4.2.3 使用者路徑描述 4.2.3.1 住戶登入路徑描述：
1.名稱 (Name)：
住戶登入
1.1 簡述 (Brief Description)：
這個使用案例描述使用者登入住戶 2.參與者(Actors)：
住戶
3.前提(Pre-Conditions)：
使用者已成功加入本站住戶
4.成功條件(Successful Post-Conditions)：
系統顯示恭喜你!登錄成功...
5.失敗條件
帳密不符，登錄失敗,請重新登錄...
6.事件路徑(Flow of Events)：
6.1 基本路徑(Typical Course of Events)：
表 4- 1 住戶登入路徑
6.2 其他/例外路徑(alternative/exceptional course)：
6.2.1 系統檢查帳號、密碼是否正確
步驟 6：如果系統檢查帳號、密碼不符則返回步驟 5 重新輸入帳號、密碼
4.2.3.2 註冊新住戶路徑描述：
1.名稱 (Name)：
註冊住戶
1.1 簡述 (Brief Description)：
這個使用案例描述使用者在註冊住戶之過程 2.參與者(Actors)：
一般使用者
3.前提(Pre-Conditions)：
使用者已進到本後台管理首頁
4.成功條件(Successful Post-Conditions)：
使用者填寫完本系統所要求的各項資料，當系統確定無誤就註冊成功 5.失敗條件
使用者自行中斷執行動作或電腦當機 6.事件路徑(Flow of Events)：
6.1 基本路徑(Typical Course of Events)：
表 4- 2 註冊新會員路徑
6.2 其他/例外路徑(alternative/exceptional course)：
6.2.1 系統檢查帳號是否重覆
36
4.2.3.3 管理者登入路徑描述：
1.名稱 (Name)：
管理者登入
1.1 簡述 (Brief Description)：
這個使用案例描述管理者登入的過程 2.參與者(Actors)：
管理者
3.前提(Pre-Conditions)：
需為本網站管理者
4.成功條件(Successful Post-Conditions)：
顯示管理者登入首頁 5.失敗條件
帳密不符
6.事件路徑(Flow of Events)：
6.1 基本路徑(Typical Course of Events)：
表 4- 3 管理者登入路徑
6.2 其他/例外路徑(alternative/exceptional course)：
6.2.1 系統檢查帳號、密碼是否正確
步驟 6：如果系統檢查帳號、密碼不正確，則返回步驟 5 重新輸入帳號、密碼
4.2.3.4 管理者登入-新增新聞路徑描述：
1.名稱 (Name)：
新增新聞資料
1.1 簡述 (Brief Description)：
這個使用案例描述管理者新增新聞的消息 2.參與者(Actors)：
管理者
3.前提(Pre-Conditions)：
需為本網站管理者
4.成功條件(Successful Post-Conditions)：
網頁新聞內更新新聞的消息 5.失敗條件
管理者自行中斷執行動作或電腦當機 6.事件路徑(Flow of Events)：
6.1 基本路徑(Typical Course of Events)：
表 4- 4 管理者登入-新增新聞路徑 6.2 其他/例外路徑(alternative/exceptional course)：
6.2.1 系統檢查帳號、密碼是否正確
步驟 6：如果系統檢查帳號、密碼不正確，則返回步驟 5 重新輸入帳號、密碼 6.2.2 系統檢查資料不完整
步驟 11：如果系統檢查資料輸入不完整，則返回步驟 10 重新輸入新聞消息
38
4.2.3.5 管理者登入-修改新聞路徑描述：
1.名稱 (Name)：
修改新聞資料
1.1 簡述 (Brief Description)：
這個使用案例描述管理者修改新聞消息的過程 2.參與者(Actors)：
管理者
3.前提(Pre-Conditions)：
需為本網站管理者
4.成功條件(Successful Post-Conditions)：
網頁新聞內更新新聞消息 5.失敗條件
管理者自行中斷執行動作或電腦當機 6.事件路徑(Flow of Events)：
6.1 基本路徑(Typical Course of Events)：
表 4- 5 管理者登入-修改新聞路徑 6.2 其他/例外路徑(alternative/exceptional course)：
6.2.1 系統檢查帳號、密碼是否正確
步驟 6：如果系統檢查帳號、密碼不正確，則返回步驟 5 重新輸入帳號、密碼
4.2.3.6 管理者登入-刪除新聞路徑描述：
1.名稱 (Name)：
刪除新聞資料
1.1 簡述 (Brief Description)：
這個使用案例描述管理者刪除新聞消息的過程 2.參與者(Actors)：
管理者
3.前提(Pre-Conditions)：
需為本網站管理者
4.成功條件(Successful Post-Conditions)：
網頁新聞內更新新聞消息 5.失敗條件
管理者自行中斷執行動作或電腦當機 6.事件路徑(Flow of Events)：
6.1 基本路徑(Typical Course of Events)：
表 4- 6 管理者登入-修改新聞路徑 6.2 其他/例外路徑(alternative/exceptional course)：
6.2.1 系統檢查帳號、密碼是否正確
步驟 6：如果系統檢查帳號、密碼不正確，則返回步驟 5 重新輸入帳號、密碼
40
4.2.3.7 管理者登入-查詢新聞路徑描述：
1.名稱 (Name)：
查詢新聞資料
1.1 簡述 (Brief Description)：
這個使用案例描述管理者查詢新聞消息的過程 2.參與者(Actors)：
管理者
3.前提(Pre-Conditions)：
需為本網站管理者
4.成功條件(Successful Post-Conditions)：
網頁新聞查詢完成 5.失敗條件
管理者自行中斷執行動作或電腦當機 6.事件路徑(Flow of Events)：
6.1 基本路徑(Typical Course of Events)：
表 4- 7 管理者登入-查詢新聞路徑 6.2 其他/例外路徑(alternative/exceptional course)：
6.2.1 系統檢查帳號、密碼是否正確
步驟 6：如果系統檢查帳號、密碼不正確，則返回步驟 5 重新輸入帳號、密碼
4.2.3.8 管理者登入-新增停車訊息路徑描述：
1.名稱 (Name)：
新增停車訊息
1.1 簡述 (Brief Description)：
這個使用案例描述管理者新增停車訊息 2.參與者(Actors)：
管理者
3.前提(Pre-Conditions)：
需為本網站管理者
4.成功條件(Successful Post-Conditions)：
停車訊息維護內更新停車訊息 5.失敗條件
管理者自行中斷執行動作或電腦當機 6.事件路徑(Flow of Events)：
6.1 基本路徑(Typical Course of Events)：
表 4- 8 管理者登入-新增停車訊息路徑 6.2 其他/例外路徑(alternative/exceptional course)：
6.2.1 系統檢查帳號、密碼是否正確
步驟 6：如果系統檢查帳號、密碼不正確，則返回步驟 5 重新輸入帳號、密碼 6.2.2 系統檢查資料是否輸入完整
步驟 11：如果系統檢查資料輸入不完整，則返回步驟 10 重新輸入停車消息
42
4.2.3.9 管理者登入-修改停車路徑描述：
1.名稱 (Name)：
修改停車訊息
1.1 簡述 (Brief Description)：
這個使用案例描述管理者修改停車訊息的過程 2.參與者(Actors)：
管理者
3.前提(Pre-Conditions)：
需為本網站管理者
4.成功條件(Successful Post-Conditions)：
停車訊息維護內更新停車訊息 5.失敗條件
管理者自行中斷執行動作或電腦當機 6.事件路徑(Flow of Events)：
6.1 基本路徑(Typical Course of Events)：
表 4- 9 管理者登入-修改停車路徑 6.2 其他/例外路徑(alternative/exceptional course)：
6.2.1 系統檢查帳號、密碼是否正確
步驟 6：如果系統檢查帳號、密碼不正確，則返回步驟 5 重新輸入帳號、密碼
4.2.3.10 管理者登入-刪除停車路徑描述：
1.名稱 (Name)：
1.名稱 (Name)：