元 培 科 技 大 學 資 訊 管 理 系 畢 業 專 題
結案報告
名傑大廈網路管理平台
指導老師：張世鵬 老師 組 別：B14
組 長：李志浩(0952408022) 組 員：張清德(0952408029) 盧正旺(0952408002) 戴吉鴻(0952408047)
中 華 民 國 九 十 八 年 十 二 月
I
摘要
台灣社會由於地狹人稠，目前民眾居住形態早已成為社區或公寓為主要的環 境。日後建築物的趨勢，勢必與天爭地，呈現更多元化的高樓大廈。但是很多大 樓或社區在管理上並未充份利用資訊科技，單純是以人工登記的管理方式，往往 無法有效掌握大樓內部相關的資訊，像大樓的安全管理、公用設施汰舊換新、無 法即時公佈大樓相關消息等等，這對於大樓安全的控管上實為一大隱憂！
隨著政府機關提倡「節能減碳」的環保政策，無紙化的工作環境正是目前我 們所致力追求的目標，電腦化的作業將使原本複雜的工作化為簡易，而且能增加 效率。所以藉由
「名傑大廈網路管理平台」的開發，利用網路連線的即時性、便
利性；並透過資訊科技所帶來的廣大效益，將可有效應用於一般大樓的管理，而 不再拘泥在紙本手寫上，以及加上電腦管理功能的介面，使大樓管理員容易管理 大樓內部事務。關鍵詞：大樓管理平台、名傑大廈網路管理平台
目錄
摘要... I 表目錄...V 圖目錄...VII
第一章、緒論...1
1.1 專題背景...1
1.2 專題動機...1
1.3 專題目的...2
第二章、文獻探討...3
2.1 社區管理委員會委員成立辦法 ...3
2.2 大樓管理相關網頁分析...4
2.2.1 常殷龍邸社區大樓...4
2.2.2 大鵬社區...6
2.2.3 安東社區發展協會...8
2.2.4 嘉北社區...10
2.3 名傑大廈簡介...12
2.3.1 生活機能...13
2.3.2 交通方面...14
2.3.3 醫療養護...15
2.3.4 教育機構...16
2.4 工具探討...18
2.4.1 ASP.NET 的特色簡介 ...18
2.4.2 Dreamweave 8 的特色簡介 ...19
2.4.3 Access 2003 的特色簡介 ...20
2.4.4 PhotoImpact 10 的特色簡介 ...21
III
2.4.5 Flash 8 的特色簡介 ...21
第三章、專題設計與規劃...22
3.1 專題規劃目標...22
3.2 系統開發方法...24
3.3 系統藍圖描述...25
3.4 專題設備...26
3.5 專題時程表...27
3.6 專題工作分配表...28
第四章 專題成果...29
4.1 需求分析...29
4.1.1 問題描述...29
4.1.2 使用者需求...29
4.1.3 可行性分析...29
4.1.4 究研目的...30
4.1.5 社區導入電腦化效益...30
4.2 系統分析...31
4.2.1 USE CASE 圖 ...31
4.2.2 流程圖...32
4.2.3 使用者路徑描述...34
4.3 循序圖...69
4.4 使用手冊...101
第五章 結論與建議...162
5.1 結論與建議...162
5.2 本專題完成後之貢獻...162
5.3 未來研究的方向...163
參考文獻...164
附件(一)...165
V
表目錄
表 3-1 工作分配表...28
表 4-1 住戶登入路徑...34
表 4-2 註冊新會員路徑...35
表 4-3 管理者登入路徑...36
表 4-4 管理者登入-新增新聞路徑 ...37
表 4-5 管理者登入-修改新聞路徑 ...38
表 4-6 管理者登入-修改新聞路徑 ...39
表 4-7 管理者登入-查詢新聞路徑 ...40
表 4-8 管理者登入-新增停車訊息路徑 ...41
表 4-9 管理者登入-修改停車路徑 ...42
表 4-10 管理者登入-修改停車路徑 ...43
表 4-11 管理者登入-查詢停車路徑 ...44
表 4-12 管理者登入-新增欠費住戶訊息路徑 ...45
表 4-13 管理者登入-修改欠費住戶訊息路徑 ...46
表 4-14 管理者登入-修改欠費住戶訊息路徑 ...47
表 4-15 管理者登入-查詢欠費住戶訊息路徑 ...48
表 4-16 管理者登入-新增房屋維護路徑 ...49
表 4-17 管理者登入-修改房屋維護訊息路徑 ...50
表 4-18 管理者登入-刪除房屋維護訊息路徑 ...51
表 4-19 管理者登入-查詢房屋維護訊息路徑 ...52
表 4-20 管理者登入-新增設備維護路徑 ...53
表 4-21 管理者登入-修改設備訊息路徑 ...54
表 4-22 管理者登入-刪除設備訊息路徑 ...55
表 4-23 管理者登入-查詢設備訊息路徑 ...56
表 4-24 管理者登入-新增投訴維護路徑 ...57
表 4-25 管理者登入-修改設備訊息路徑 ...58
表 4-26 管理者登入-刪除投訴訊息路徑 ...59
表 4-27 管理者登入-查詢設備訊息路徑 ...60
表 4-28 管理者登入-今天值班人員路徑 ...61
表 4-29 管理者登入-重新登錄路徑 ...62
表 4-30 首頁路徑...63
表 4-31 住戶登入-查詢設備訊息路徑 ...64
表 4-32 住戶登入-查詢設備訊息路徑 ...65
表 4-33 住戶登入-查詢設備訊息路徑 ...66
表 4-34 住戶登入-查詢設備訊息路徑 ...67
表 4-35 離開網頁路徑...68
表 4-36 用戶端...101
表 4-37 系統端...101
VII
圖目錄
圖 2-1 常殷龍邸社區大樓架構圖...4
圖 2-2 常殷龍邸社區大樓(一) ...5
圖 2-3 常殷龍邸社區大樓(二) ...5
圖 2-4 大鵬社區管里架構圖...6
圖 2-5 大鵬社區(一) ...7
圖 2-6 大鵬社區(二) ...7
圖 2-7 安東社區發展協會架構圖...8
圖 2-8 安東社區發展協會(一) ...9
圖 2-9 安東社區發展協會(二) ...9
圖 2-10 安東社區發展協會架構圖...10
圖 2-11 嘉北社區(一) ... 11
圖 2-12 嘉北社區(二) ... 11
圖 2-13 名傑大廈地理位置圖 ...12
圖 2-14 生活機能簡介...13
圖 2-15 交通方面簡介...14
圖 2-16 醫療養護簡介...15
圖 2-17 教育機構簡介...16
圖 2-18 現場實境拍攝圖(一)...17
圖 2-19 現場實境拍攝圖(二)...17
圖 2-20ASP.NET 介面圖示 ...18
圖 2-21DREAMWEAVER 8 介面圖示 ...19
圖 2-22ACCESS 2003 介面圖示...20
圖 2-23PHOTOIMPACT 10 介面圖示 ...21
圖 2-24FLASH 8 介面圖示...21
圖 3-1 名傑大廈網路管理圖...22
圖 3-2 名傑大樓簡介 ...23
圖 3-3SDLC 生命週期圖 ...24
圖 3-4 系統網路圖...26
圖 3-5 甘特圖...27
圖 4-1USECASE 圖 ...31
圖 4-2 名傑大廈網站流程圖...32
圖 4-3 名傑大廈管理系統流程圖 ...33
圖 4-4 住戶登入循序圖...69
圖 4-5 住戶註冊循序圖...70
圖 4-6 管理員登錄循序圖...71
圖 4-7 管理員登入-新增新聞資料循序圖 ...72
圖 4-8 管理員登入-修改新聞資料循序圖 ...73
圖 4-9 管理員登入-刪除新聞資料循序圖 ...74
圖 4-10 管理員登入-查詢新聞資料循序圖 ...75
圖 4-11 管理員登入-新增停車資料循序圖 ...76
圖 4-12 管理員登入-修改停車資料循序圖 ...77
圖 4-13 管理員登入-刪除停車資料循序圖 ...78
圖 4-14 管理員登入-查詢停車資料循序圖 ...79
IX
圖 4-15 管理員登入-新增欠費資料循序圖 ...80
圖 4-16 管理員登入-修改欠費資料循序圖 ...81
圖 4-17 管理員登入-刪除欠費資料循序圖 ...82
圖 4-18 管理員登入-查詢欠費資料循序圖 ...83
圖 4-19 管理員登入-新增房屋資料循序圖 ...84
圖 4-20 管理員登入-修改房屋資料循序圖 ...85
圖 4-21 管理員登入-刪除房屋資料循序圖 ...86
圖 4-22 管理員登入-查詢房屋資料循序圖 ...87
圖 4-23 管理員登入-新增設備資料循序圖 ...88
圖 4-24 管理員登入-修改設備資料循序圖 ...89
圖 4-25 管理員登入-刪除設備資料循序圖 ...90
圖 4-26 管理員登入-查詢設備資料循序圖 ...91
圖 4-27 管理員登入-新增投訴資料循序圖 ...92
圖 4-28 管理員登入-修改投訴資料循序圖 ...93
圖 4-29 管理員登入-刪除投訴資料循序圖 ...94
圖 4-30 管理員登入-查詢投訴資料循序圖 ...95
圖 4-31 管理員登入-檢視今天值班人員 ...96
圖 4-32 住戶登入-設備維修訊息查詢-全顯循序圖 ...97
圖 4-33 住戶登入-欠費訊息查詢-全顯循序圖 ...98
圖 4-34 住戶登入-投訴查詢-全顯循序圖 ...99
圖 4-35 住戶登入-停車查詢-全顯循序圖 ...100
圖 4-36 安裝步驟 1...102
圖 4-37 安裝步驟 2...102
圖 4-38 安裝步驟 3...103
圖 4-39 安裝步驟 4...103
圖 4-40 安裝步驟 5...104
圖 4-41 設定步驟 1...105
圖 4-42 設定步驟 2...105
圖 4-43 設定步驟 3...106
圖 4-44 設定步驟 4...106
圖 4-45 設定步驟 5...107
圖 4-46 設定步驟 6...107
圖 4-47 設定步驟 7...108
圖 4-48 設定步驟 8...108
圖 4-49 名傑大廈網站...109
圖 4-50 點選名傑公告... 110
圖 4-51 瀏覽名傑公告... 110
圖 4-52 點選名傑剪影... 111
圖 4-53 瀏覽名傑剪影... 111
圖 4-54 點選名傑組織... 112
圖 4-55 瀏覽名傑組織... 112
圖 4-56 點選名傑規章... 113
圖 4-57 瀏覽名傑規章... 113
圖 4-58 點選名傑辦法... 114
XI
圖 4-59 瀏覽名傑辦法... 114
圖 4-60 點選教育機構... 115
圖 4-61 瀏覽教育機構... 115
圖 4-62 點選生活機能... 116
圖 4-63 瀏覽生活機能... 116
圖 4-64 點選交通方面... 117
圖 4-65 瀏覽交通方面... 117
圖 4-66 點選醫療養護... 118
圖 4-67 瀏覽醫療養護... 118
圖 4-68 點選留言板... 119
圖 4-69 瀏覽留言板... 119
圖 4-70 點選歡迎來信...120
圖 4-71 寄送郵件...120
圖 4-72 點選表單下載...121
圖 4-73 表單下載...121
圖 4-74 點選友站連結...122
圖 4-75 瀏覽友站連結...122
圖 4-76 名傑大廈前台網站...123
圖 4-77 點選登入...124
圖 4-78 住戶登入...124
圖 4-79 點選註冊...125
圖 4-80 點選我同意...125
圖 4-81 住戶資料表...126
圖 4-82 註冊新住戶...126
圖 4-83 住戶登錄成功...127
圖 4-84 點選設備維護查詢...128
圖 4-85 設備維護查詢...128
圖 4-86 點選欠費查詢...129
圖 4-87 欠費查詢...129
圖 4-88 點選投訴查詢...130
圖 4-89 投訴查詢...130
圖 4-90 點選停車查詢...131
圖 4-91 停車查詢...131
圖 4-92 名傑大廈前台網站...132
圖 4-93 點選進入後台...132
圖 4-94 管理員登入...133
圖 4-95 管理員登入後...133
圖 4-96 點選新聞維護...134
圖 4-97 新聞訊息維護管理...134
圖 4-98 點選新聞訊息查詢...135
圖 4-99 新聞訊息查詢...135
圖 4-100 點選新聞維護...136
圖 4-101 新聞訊息維護管理...136
圖 4-102 點選新聞訊息審核...137
XIII
圖 4-103 新聞訊息審核...137
圖 4-104 點選停車訊息維護...138
圖 4-105 停車訊息管理...138
圖 4-106 點選停車訊息查詢...139
圖 4-107 停車訊息查詢...139
圖 4-108 點選停車訊息維護...140
圖 4-109 停車訊息管理...140
圖 4-110 點選停車訊息審核...141
圖 4-111 停車訊息審核 ...141
圖 4-112 點選欠費住戶訊息維護...142
圖 4-113 欠費訊息管理...142
圖 4-114 點選欠費住戶訊息查詢...143
圖 4-115 欠費住戶訊息查詢...143
圖 4-116 點選欠費住戶訊息維護...144
圖 4-117 欠費訊息管理...144
圖 4-118 點選欠費住戶訊息審核...145
圖 4-119 欠費住戶訊息審核...145
圖 4-120 點選房屋訊息維護...146
圖 4-121 房屋訊息管理...146
圖 4-122 點選房屋訊息查詢...147
圖 4-123 房屋訊息查詢...147
圖 4-124 點選房屋訊息維護...148
圖 4-125 房屋訊息管理...148
圖 4-126 點選房屋訊息管理審核...149
圖 4-127 房屋訊息管理審核...149
圖 4-128 點選設備訊息維護...150
圖 4-129 設備訊息維修管理...150
圖 4-130 點選設備維護查詢...151
圖 4-131 設備維護查詢...151
圖 4-132 點選房屋維護...152
圖 4-133 房屋訊息維護管理...152
圖 4-134 點選設備維修審核...153
圖 4-135 設備維修審核...153
圖 4-136 點選投訴訊息維護...154
圖 4-137 住戶投訴訊息管理...154
圖 4-138 點選住戶投訴訊息查詢...155
圖 4-139 住戶投訴訊息查詢...155
圖 4-140 投訴訊息維護...156
圖 4-141 投訴訊息維護訊息管理...156
圖 4-142 點選投訴訊息審核...157
圖 4-143 投訴訊息審核...157
圖 4-144 點選今天值班人員...158
圖 4-145 今天值班人員...158
圖 4-146 查看今天值班人員...159
XV
圖 4-147 當班人員詳細資料...159
圖 4-148 點選人員維護管理...160
圖 4-149 值班資料表格...160
圖 4-150 點選人員訊息查詢...161
圖 4-151 人員訊息查詢畫面...161
第一章、緒論
1.1 專題背景
現在大樓與公寓由於時代的變遷，人與人之間的互動越來越少，以前鄰居都 會打招呼噓寒問暖，但是由於社會大眾受詐騙集團影響的關係，這種互動越來越 少。
雖然資訊化時代早已到來，不過很多大樓與公寓卻還是使用手寫的方式在管 理住戶的資料，不論是找尋住戶、修改資料都是翻閱紙本書簿後再加以修改，或 是住戶報備公共設施維修與意見箱都是利用手寫的方式來登記，再加上若有出租 需求的話，宣傳方式也是利用馬路上張貼消息，所以大樓與公寓的管理也應該開 始走 E 化的路線。 而 E 化能做到的，是將傳統存放在紙本上的資料，將之數位 化，讓使用者可以透過電腦有系統的找尋和處理各種資料。
1.2 專題動機
由於現在資訊科技不斷進步，政府機關提倡無紙化的工作流程也有一段時 間，社會也已經開始使用資訊電腦化的作業環境，而且資訊電腦化也開始要準備 邁向 U 化的時代。所謂 U 化，其意涵也就是讓使用者可以在任何地方、任何時 刻都能接取網路，隨時隨地都能使用網路的資源。
資訊電腦化的好處是說不完的，像是可以減少用紙量，可減少樹木被砍伐，
達到綠色環保、節能減碳的功能；在便利性方面來說，可以快速搜尋想要的資料 與閱讀所需的資訊，也可以隨時想修改錯誤的資料，不需要再用手寫，可以做出 想要的格式，讓文件更加整齊，也不用擔心會有筆誤的發生，就不會有因筆誤修 改後而降低文件美觀與辨視等問題，更可以永續保存資料文件，這些是資訊電腦 化的幾項優點，資訊電腦化的優點可以說是不勝枚舉。
名傑大廈目前都處於人工手動的作業流程，透過網路的 E 化、U 化的功能，
讓名傑大廈的住戶之間可以瀏覽名傑大廈的網頁並上網聊天、查詢資料等，所以 本專題因應時代潮流，製作撰寫一個整合性的名傑大廈網路管理平台，彙整出名 傑大廈與住戶方面的相關資訊，然後再設計可以讓管委會與住戶更為方便的名傑 大廈網路管理平台。
2
1.3 專題目的
本專題的研究目的是建立一個名傑大廈網路管理平台，可以讓管委會輕鬆修 改資料內容與張貼最新消息，也可以利用相關的訊息給單獨住戶一些重要的通 知，而住戶如果有事情不用找管理員，可以改成在網路上就可以把想說的話張貼 在上面，或是利用相關的訊息給管理員知道，如果想知道最新消息也可以透過網 路知道最新消息，同時可以利用討論區增加住戶之間的互動。
本專題以大樓管理為主軸，設計一個大樓網路管理平台，首先了解大樓管理 問題的特性，探討有關影響管理狀況的可能因素，而分析這些因素所需的相關資 料來源與特性，進一步提供有關的介面和程式。
互動概略如下：
1.管委會可以利用名傑大廈管理平台新增與修改住戶。
2.管委會可以利用名傑大廈管理平台的相關訊息通知住戶繳費訊息。
3.住戶可以利用名傑大廈管理平台回報本大樓各設施問題。
4.住戶可以利用名傑大廈管理平台查詢其他名傑大廈 相關資訊。
5.住戶可以利用名傑大廈管理平台瀏覽最新消息。
6.住戶可以利用名傑大廈管理平台討論區認識鄰居、增加住戶互動。
第二章、文獻探討
2.1 社區管理委員會委員成立辦法
依據內政部公寓大廈管理規定製定(参考附件一)，社區管理委員會委員可由 全體住戶票選。
首先一定要有個召集人來主導社區召開第一次的全體住戶來參加的會議(即 所謂的區分所有權人會議),既然是區分所有權人會議,當然會議資料是要發給房 子的所有權人而不是住在裡面的人喔!
會議的通知單上需註明：與會目的、會議時間、地點、召集人、參加人員、
應到人數、實到人數、會議議程、討論事項、臨時動議 、選舉第一屆管理委員、
散會。在召開前,記得先把社區的住戶規約草案擬好,隨著會議通知單發給全體住 戶看過,於召開會議時其中一項議題就是制定社區規約,會議通知單發出後 15 天 才能召開喔!因此時間上要抓早一點,且會議通知單需公告張貼。
在選舉委員上,規約內容需制定好社區產生委員的方式,並先做好選票,於開 會當天出席住戶簽到時發給參加住戶。另外再發會議通知單給住戶時,需一併附 上委託書(有些住戶無法當天參加可委託一人代理出席)及提案單(讓住戶有意見 想發言的可先行撰寫或請人代言或於開會前將提案交給召集人)
社區參與開會的人數,取決於此次召開會議是否成立喔!如果人數未達總戶 數的 2/3 參加是無法成立管委會喔,如果未達法定人數,則需再召開第二次區分 所有權會議,可就同一議案 10 天後再行召開,此時人數只要達到總戶數的 1/5 即 可過關。
開完會後,將選出來的委員集合,開第一次的管理委員會議於會議中選出主 任委員等相關委員(委員幾人設什麼職務在住戶規約內都要詳列喔),而此次的會 議就是所謂的主任委員選任會議,任何的會議都需作成會議記錄及簽到喔!(包含 第一次或第二次區分所有權會議)
將這些資料備妥到當地主管機關申請社區成立管理委員會的作業,此時就可 以請教主管機關承辦人作業流程了! [1]
4
2.2 大樓管理相關網頁分析
2.2.1 常殷龍邸社區大樓
參考網址：http://mydragon.ucomm.echt.com.tw/Default.jsp
網站優點：有做很多常用網站的超連結，也有做管理系統的設計。
網站缺點：畫面過於簡單，有些超連結有失連的現象。
本文討論建議：可以張貼租賃房間的照片以及大概的價格可以讓想在那附近租賃 的人，在網路上就可以參考比較。 [3]
網站架構：
圖 2- 1 常殷龍邸社區大樓架構圖
圖 2- 2 常殷龍邸社區大樓(一)
圖 2- 3 常殷龍邸社區大樓(二)
6
2.2.2 大鵬社區
參考網址：http://dapong.tacocity.com.tw/index.htm
網站優點：不錯的社區簡介以及討論區有架設社團活動增加社區的互動關係。
網站缺點：更新速度過慢會讓大部分的人進去幾次後就不會想在進去看，討論區 連結常常會連不上去。
本文討論建議：可以更新社區佈告與投票區內容。 [4]
網站架構：
圖 2- 4 大鵬社區管里架構圖
圖 2- 5 大鵬社區(一)
圖 2- 6 大鵬社區(二)
8
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 生活機能
擁有良好的生活機能，附近有多家 2 4 小時營業的超商、綜合型大賣場、生鮮超市、
傳統市場。
附近的便民生活機能：
1. OK 便利商店：新竹市東大路二段 170 號 03-5427874 2. 全家便利商店：新竹市北區武陵路 71 號 1 樓 03-5409154 3. 統一超商：新竹市北區東大路二段 174 號 03-5153239 4. 全國電子：新竹市中正路 388 號 03-5430824
5. 清心福全冷飲站：新竹市水田街 85 號 03-5351622 6. 大潤發-新竹湳雅店:：新竹市湳雅街 97 號 (03)535-7699 7. 信安西藥房：新竹市北區中正路 344 號 035332228 8. 中正藥局：新竹市北區中正路 335 號 03-5334827 9. 康立藥局：新竹市北區水田街 162 號 03-5508803 10. 廣元藥局：新竹市北區東大路二段 180 號 03-5317004 11. 明康藥局：新竹市北區武陵路 33 號 03-5332819 12. 正大藥局：新竹市北區中正路 390 號 03-5356056 13. 芳鄰藥局：新竹市北區水田街 157 號 035314948
圖 2- 14 生活機能簡介
14
2.3.2 交通方面
位於東大路/竹光路/武陵路口，近東西向快速交流道交通便捷。
交通資訊：
1. 市區公車每十五分鐘一班，可經新竹車站與南寮漁港 2. 省道 68 號東至竹東、橫山，西至南寮、新豐
3. 東西向快速道路銜接道國道一號、國道三號，亦通往新竹科學工業園區 4. 快速道路：西濱快速道路
5. 府後街地下停車場：新竹市北區中央路 42 號 6. 新竹市政府南門停車場：新竹市北區
7. 東大陸橋停車場：新竹市東大路橋下 8. 演藝廳廣場停車場：演藝路與東大路口 9. 東區區公所停車場：民族路與東大路口 10. 新竹漁港停車場：東大路四段尾
11. 鐵路運輸：台灣鐵路局、台灣高鐵
12. 國道長途客運 1：統聯客運、和欣客運、阿囉哈客運公司、苗栗客運新竹站 13. 國道長途客運 2：亞聯汽車客運公司、飛狗巴士豪泰客運有限公司、國
光汽車客運股份有限公司
圖 2- 15 交通方面簡介
2.3.3 醫療養護
緊鄰國立的新竹國軍醫院(原新竹空軍醫院)，路程僅需 5 分鐘即可抵達。
臨近的醫療機構：
1. 國軍新竹醫院：新竹市北區福林里武陵路 3 號 03-5348181 2. 丁眼科診所：新竹市北區中正路 321 號 1 樓 03-5439913 3. 僑霖牙醫診所：新竹市北區水田街 120 號 03-5330060 4. 博暘牙醫診所：新竹市北區中正路 386 號 03-5356805 5. 如意牙醫診所：新竹市北區中正路 400 號 03-5422765 6. 張錚小兒科診所：新竹市北區中正路 319 號 03 5337928 7. 德安中醫診所：新竹市北區東大路二段 179 號 03-5315756 8. 睿志牙醫診所：新竹市北區東大路二段 279 號 03-5329663 9. 親民牙醫診所：新竹市北區竹光路 21 號 03-5427027 10. 譚牙醫診所：新竹市北區武陵路 2 號 03-5333142
11. 醫心堂中醫診所：新竹市北區水田街 145 號 03-5359565 12. 陳萬龍診所：新竹市北區東大路二段 180 號 03-5152971 13. 雅群牙醫診所：新竹市北區水田街 134 號 1 樓 03-5153492
圖 2- 16 醫療養護簡介
16
2.3.4 教育機構
附近有中小學學區與幼稚園，路程十分鐘內即可到達。
周遭的教育機構：
1. 私立佳佳舞蹈短期補習班：新竹市東區中央路 146 號 2 樓 (03)5313133 2. 私立吉尼爾短期補習班：新竹市東區文化街 6 巷 17 號 (03)5308304 3. 私立希格瑪文理短期補習班：新竹市東區民族路 34 號 8 樓 (0937)997905 4. 私立建傳音樂短期補習班：新竹市東區民族路 43 號 3 樓 (03)5311426 5. 私立弗克思美語短期補習班：新竹市東區仁愛街 10 號 (03)5335387 6. 私立泰葛美語短期補習班：新竹市東區中央路 144 號 5 樓 (03)5313648 7. 私立爸爸美語短期補習班：新竹市東區民權路 38 號 3 樓之 4 (03)5337900 8. 私立育晟文理短期補習班：新竹市東區三民路 43 號 1 樓 (03)5325101 9. 國立新竹女中：新竹市東區中華路二段 270 號 035-325984
10. 市立東門國小：新竹市東區民族路 33 號 035-222109 11. 東門國小附設幼稚園：新竹市民族路 33 號 03-5251249 12. 私立曙光幼稚園：新竹市錦華街 60 號 03-5327462
13. 新竹市私立嘉風托兒所：新竹市東區中央路 241 號 3 樓 5155595
圖 2- 17 教育機構簡介
現場實境拍攝圖
圖 2- 18 現場實境拍攝圖(一)
圖 2- 19 現場實境拍攝圖(二)
18
2.4 工具探討
2.4.1 ASP.NET 的特色簡介 ASP.NET(C#)與專題關係概述：
ASP.NET 的程式設計架構建立在 Common Language Runtime 上，可以在伺服器 上以建置功能強大的 Web 應用程式，同時 ASP.NET 的開發環境具備所見即所 得的特點，讓我們可以在很短的時間內，就完成動態網頁設計。
ASP.NET 是.NET 框架的一部分，它是進行網路開發的重要工具之一。在原 ASP 的基礎上又增加了許多新的特性，利用 ASP.NET 創建出多功能、安全和可靠的 Web 應用程式。包括如何創建自定義的 Web 控制項，如何構建 Web 服務、ASP.NET 應用程式以及如何訪問和處理伺服器端的資料等內容。在附錄中還介紹了 Visual 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 名傑大廈網路管理圖
首先我們針對此大樓管理需求架構所分類的，以下就是對於前台管理與後台 管理二大項的內容分別概略重點解釋：
１. 公用設備報修：公用設備損壞，影響住戶生活環境，須報修以維護生活品質。
２. 住戶意見及投訴：人與人相處難免有磨擦，經由意見的表達及投訴的訴說，
可以增進住戶間相處上的融洽與了解大樓住戶間的種種問題。
３. 住戶資訊查詢：利用本大樓查詢功能，可以了解如：住戶、欠費相關訊息。
４. 管理與編輯：利用本大樓管理與編輯功能，可使住戶修改住戶基本資料和使 大樓管理者（新增、修改、刪除、張貼）等住戶資料及訊息。
另外本大樓管理平台首頁有介紹本大樓的特色外，還有本大樓附近相關的 資訊。如：食、醫、住、行 等…
圖 3- 2 名傑大樓簡介
7-ELEVEN：生活購物便利
傳統市場：主婦買菜方便 載熙國小：學習環境優良
名傑大廈：周邊環境優良
新竹國軍醫院：醫療資源健全
24
3.2 系統開發方法
SDLC 模式的核心概念其實就是源自於一般解決問題的基本步驟：分析問題 設計解決方案，早期的 SDLC 模式的觀念是認為系統在進行下一個步驟前，就能 完整的完成此一步驟，但面對複雜的系統時這種觀念卻一點也不實用，因為往往 沒有進行到下一個步驟，就不會發覺先前步驟已經出了問題。
SDLC 模式主要是將系統發展過程切割成幾個明確的階段，每一個階段都有 明確的定義系統，發展就從頭開始一個階段接著一個階段的進行前一個階段未完 成，就無法進入下一個階段，完整的完成一個階段就可順利進入下一個階段，假 如在過程中出了問題，則隨時可以回到先前的任何一個階段，進行修正或補救完 成修正或補救後仍要循著順序往下執行每一個階段，都會產生嚴謹的文件以作為 後續階段進行的依據，也就是說前一階段的產出是最後一階段的投入，然而筆者 要提醒讀者的是每一階段的投入除了前一階段的產出外，還可以加入一些新的想 法，系統發展的過程到底要切割成多少階段，並沒有一致的標準。整個發展過程 區分成五個階段(如圖 3-3)。各階段的介紹如下：
五個階段分別為：
1.系統規劃階段的目的是執行初步調查或可行性研究的工作。
2.系統分析主要是指系統要提供什麼樣的功能，需求文件大致上是以功能需要 以及非功能需求為主軸。
3.系統設計階段的目的在於產生能夠滿足新系統所有已確認的需求的一份建設藍圖。
4.系統建置指的是程式撰寫完成、測試，最後做系統安裝。
5.系統運行與支援把有錯誤的更正，或是增加新的機能。
圖 3- 3 SDLC 生命週期圖
3.3 系統藍圖描述
非功能需求：
1.操作性需求
1.1 住戶可利用此系統了解更多的相關訊息。
1.2 系統採用下拉式選單以便住戶查看所需的相關項目。
2.安全性需求
2.1 住戶資料保密並做查核。
3.效能需求
3.1 系統允許多個使用者同時登入。
4.文化與政治需求
4.1 不需要特別的文化及政治需求。
功能需求：
1.管理與編輯
1.1 系統必須要有管理住戶資料的機制，住戶可以在任何時間修改基本資料。
1.2 大樓管理者可介由此系統（新增、修改、刪除、張貼）住戶資料及訊息。
2.住戶資訊查詢
利用本大樓查詢功能，可以了解如：住戶、欠費相關訊息。
3.住戶意見及投訴
須本大樓住戶的身份登入到系統，才有權利發表意見和投訴。
4.共用設備報修
4.1 公用設備損壞，影響住戶生活環境，經報修以維護生活品質。
4.2 本項功能可了解(報修項目、維修廠商/公司、維修狀況。
5.車位管理
使用者付費讓有須車位的住戶獲悉相關車位管理資訊如(費用訊息/車位表)。
6.房屋租售
房屋租售的功能可使買者賣者有個資訊平台，彼此受惠。
26
3.4 專題設備
硬體設備
桌上型電腦一部
多一部桌上型電腦可做備用或當伺服器使用。
電腦效能
CPU：3 GHz 以上 記憶體：1 G RAM 以上 硬碟：120 GB 以上。
其他電腦周邊硬體
螢幕尺寸／光碟機／印表機／鍵盤／滑鼠種類等等。
軟體方面
作業系統：Microsoft Windows XP 資料庫： Access 2003
網頁設計：Dreamweaver 8 繪圖軟體：PhotoImpact 10 動畫軟體：Flash 8
程式軟體：ASP .NET、C#
系統網路環境：
名傑大廈網路管理平台的網路環境結構，整體而言是由上述軟體開發建立好 名傑大廈網頁元件和相關名傑資訊資料庫等；再評估金費問題是否購買效益佳的 網路頻寛和網路空間又或自行架設所需網路空間。目前名傑大廈網路管理平台是 以一般網路免費空間和一般網路約(2MB)的頻寬為主；將開發完成的名傑大廈網 路管理平台檔案資料放入建立好的網路空間，經由網路的聯結使用者輸入名傑大 廈網路管理平台網址，進入名傑大廈網路頁面，住戶和管理者再依使用所需或瀏 覽名傑大廈網站。
圖 3- 4 系統網路圖
3.5 專題時程表
圖 3- 5 甘特圖
28
3.6 專題工作分配表
表 3- 1 工作分配表
李志浩 張清德 戴吉鴻 盧正旺
確認目標
收集資料
確認資料來源
彙整資料
系統分析
系統設計
系統建置
系統測試
系統上線與評估
建議&結論
第四章 專題成果
4.1 需求分析 4.1.1 問題描述
名傑大樓是十八年的舊大樓，一直以來都是利用手工撰寫填表及登記的方 式在管理住戶的資料，如果需要修改住戶資料，都要翻閱紙本書簿後再加以修 改，財務部長做財務管理方面也是如此，如果有重要訊息要通知住戶只能張貼 小紙條，然後要住戶去服務台才能知道重要訊息，有時可能會因為張貼的訊息 貼在公告欄的黏著面積不夠大，或者人為無意間的碰觸而掉落遺失重要的訊息
。另一方面可能會因為人工發放的公告程序煩索冗長，導致發放的訊息已經過 了時效性。此外，若是以純人工的方式去管理住戶資料，會因為年代的久遠字 跡過於淡而導致不清楚，或者看錯添加筆劃，誤認為是筆者所想描述的事件加 以發送大大誤導了瀏覽者，也可能因為保存資料不夠妥善，遺漏了不少瀏覽者 的重要資料，是很難金錢和時間去彌補的，對於住戶找警衛值班是一件頭痛事
，有時可能因為出外不方便告知警衛，往往就會有很多訊息沒有接收到，向來 每個值班都是輪班的，那要橋定好雙方時間傳遞書面資料，也是個問題。
4.1.2 使用者需求
1.使用者想要的是操作能夠輕易懂系統操作介面的使用元件，讓操作能夠很順 手很容易
2.使用者可以能夠以更明確化及更個人化去修改瀏覽個人資料，讓操作更隱 密。
3.使用者可以隨時隨地的進入系統介面不會因為系統不穩定而不能登入。
4.使用者所要的是能夠很快的就能進入選單瀏覽介面，不想花費更多等候時 間。
5.使用者所要的是能夠去節省更多時間的人力成本，去傳播更多消息及公告。
4.1.3 可行性分析
1.操作可行性需求:使用此系統不需要了解英文或其他多國語言，就能操作全系 統介面完全使用繁體中文，搭配圖形化介面按鈕，讓使用者更輕鬆容易駕馭 此系統。
2.安全可行性需求:電腦化管理住戶資料，採用登入登出會員制功能選單讓電腦 馬上查核會員註冊密碼，會員能隨時隨地便換密碼，讓住戶的個人隱私權多 一道防線。
3.效能可行性:安裝此系統不需多大的硬體空間開啟時，不佔過多記憶體，讓伺 服器穩定性更佳確時。
4.時程可行性:能夠以最快速的狀態，讓使用者進入想閱覽的選單，可多人同時 進入此系統，節省多方使用者的時間，加速會員更改資料時效。
30
經濟可行性:管理者與住戶不需花費更多的人力去喧導各項公告及消息完全 電腦化作業，一鍵在手答案消息就有。
4.1.4 究研目的
以名傑大樓管理系統來作內部整合可以說是生活上不可或缺的利器，本系 統針對各個住戶所需個自擁有分門別類有歸劃查詢程式，可做為線上查閱便利 性可即時性的参閱，瞭解社區內最新消息和最新公告，提高了傳統公告欄效 能，加強了管委會各值班及住戶的互動。讓值班的必需通知到給住戶或管理者 的及時資訊，變成都是第一手消息，也是最快最迅速的，達到人員與電腦化傳 遞整合相輔相成。
4.1.5 社區導入電腦化效益 1.管理費用資料電腦化 2.提高社區管理品質 3.建立保存社區資料庫 4.提高正確率及降低錯誤率 5.報表統一及精緻化
6.即時提供社區管理委員會住戶資料相關事宜
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 住戶登入路徑
Actor 動作 系統回應
●1.TUCBW1：輸入前台首頁網址 2.網站顯示前台首頁
3.會員在前台首頁輸入帳號及密碼 4.系統檢查帳號密碼是否正確
◎5.TUCEW2：系統顯示恭喜你!
登錄成功...
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 註冊新會員路徑
Actor 動作 系統回應
●1.TUCBW1：輸入前台首頁網址 2.網站顯示前台首頁 3.會員在前台首頁點選註冊 4.顯示註冊條約
5.使用者點選我同意 5.顯示會員基本資料表格 6.使用者填寫帳號並查詢帳號 7.系統檢查帳號是否重覆
8.系統顯示檢查結果 9.使用者填寫個人基本資料
10.送出會員基本資料 11.系統檢查基本資料是否填寫 完整
12.系統將資料存到資料庫
◎13.TUCEW2：註冊成功並返回 首頁
6.2 其他/例外路徑(alternative/exceptional course)：
6.2.1 系統檢查帳號是否重覆
步驟 7：如果系統檢查帳號重覆，則返回步驟 6 重新填寫帳號 6.2.2 系統檢查基本資料是否填寫完整
步驟 11：如果系統檢查資料填寫不完整，則返回步驟 9 填寫個人基本資料 6.2.3 使用者點選不同意
步驟 5：使用者如果不同意，則返回步驟 2
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 管理者登入路徑
Actor 動作 系統回應
●1.TUCBW1：輸入前台首頁網址 2.網站顯示前台首頁
3.點選進入後台 4.顯示輸入帳號、密碼畫面
5.管理者輸入帳號、密碼 6.系統檢查帳號、密碼是否正確
◎5.TUCEW2：顯示管理者登入 首頁
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 管理者登入-新增新聞路徑
Actor 動作 系統回應
●1.TUCBW1：輸入前台首頁網址 2.網站顯示前台首頁
3.點選進入後台 4.顯示輸入帳號、密碼畫面
5.管理者輸入帳號、密碼 6.系統檢查帳號、密碼是否正確 7.顯示管理者登入首頁
8.點選新聞維護 9.顯示新聞訊息維護管理畫面 10.輸入新增新聞消息 11.系統檢查資料是否輸入完整
12.系統將資料儲存到資料庫 13.顯示新增成功訊息 ◎14.TUCEW2：顯示更新新聞
首頁 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 管理者登入-修改新聞路徑
Actor 動作 系統回應
●1.TUCBW1：輸入前台首頁網址 2.網站顯示前台首頁
3.點選進入後台 4.顯示輸入帳號、密碼畫面
5.管理者輸入帳號、密碼 6.系統檢查帳號、密碼是否正確 7.顯示管理者登入首頁
8.點選新聞維護 9.顯示新聞訊息維護管理畫面 10.點選選擇訊息 11.顯示新聞資料畫面
12.修改新聞消息內容 13.系統將資料儲存到資料庫 14 顯示訊息修改成功
◎15.TUCEW2：顯示更新新聞 首頁 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 管理者登入-修改新聞路徑
Actor 動作 系統回應
●1.TUCBW1：輸入前台首頁網址 2.網站顯示前台首頁
3.點選進入後台 4.顯示輸入帳號、密碼畫面
5.管理者輸入帳號、密碼 6.系統檢查帳號、密碼是否正確 7.顯示管理者登入首頁
8.點選新聞維護 9.顯示新聞訊息維護管理畫面 10.點選選擇訊息 11.顯示新聞資料畫面
12.點選刪除 13.系統將資料儲存到資料庫 14 顯示訊息刪除成功
◎15.TUCEW2：顯示更新新聞 首頁 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 管理者登入-查詢新聞路徑
Actor 動作 系統回應
●1.TUCBW1：輸入前台首頁網址 2.網站顯示前台首頁
3.點選進入後台 4.顯示輸入帳號、密碼畫面
5.管理者輸入帳號、密碼 6.系統檢查帳號、密碼是否正確 7.顯示管理者登入首頁
8.點選新聞維護 9.顯示新聞訊息維護管理畫面 10.點選查詢 11.顯示新聞資料畫面
11.點選詳細訊息 13.顯示詳細內容
14.點選返回後台管理首頁 ◎15.TUCEW2：顯示管理者首頁 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 管理者登入-新增停車訊息路徑
Actor 動作 系統回應
●1.TUCBW1：輸入前台首頁網址 2.網站顯示前台首頁
3.點選進入後台 4.顯示輸入帳號、密碼畫面
5.管理者輸入帳號、密碼 6.系統檢查帳號、密碼是否正確 7.顯示管理者登入首頁
8.點選停車訊息維護 9.顯示停車訊息維護管理畫面 10.輸入新增停車消息 11.系統檢查資料是否輸入完整
12.系統將資料儲存到資料庫 13. 顯示新增成功訊息 ◎14.TUCEW2：顯示更新停車
首頁 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 管理者登入-修改停車路徑
Actor 動作 系統回應
●1.TUCBW1：輸入前台首頁網址 2.網站顯示前台首頁
3.點選進入後台 4.顯示輸入帳號、密碼畫面
5.管理者輸入帳號、密碼 6.系統檢查帳號、密碼是否正確 7.顯示管理者登入首頁
8.點選停車訊息維護 9.顯示停車訊息維護管理畫面 10.點選選擇訊息 11.顯示停車資料畫面
12.修改停車訊息內容 13.系統將資料儲存到資料庫 14 顯示訊息修改成功
◎15.TUCEW2：顯示更新停車 首頁 6.2 其他/例外路徑(alternative/exceptional course)：
6.2.1 系統檢查帳號、密碼是否正確
步驟 6：如果系統檢查帳號、密碼不正確，則返回步驟 5 重新輸入帳號、密碼
4.2.3.10 管理者登入-刪除停車路徑描述：
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- 10 管理者登入-修改停車路徑
Actor 動作 系統回應
●1.TUCBW1：輸入前台首頁網址 2.網站顯示前台首頁
3.點選進入後台 4.顯示輸入帳號、密碼畫面
5.管理者輸入帳號、密碼 6.系統檢查帳號、密碼是否正確 7.顯示管理者登入首頁
8.點選停車訊息維護 9.顯示停車訊息維護管理畫面 10.點選選擇訊息 11.顯示停車資料畫面
12.點選刪除 13.系統將資料儲存到資料庫 14 顯示訊息刪除成功
◎15.TUCEW2：顯示更新停車 首頁 6.2 其他/例外路徑(alternative/exceptional course)：
6.2.1 系統檢查帳號、密碼是否正確
步驟 6：如果系統檢查帳號、密碼不正確，則返回步驟 5 重新輸入帳號、密碼
44
4.2.3.11 管理者登入-查詢停車路徑描述：
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- 11 管理者登入-查詢停車路徑
Actor 動作 系統回應
●1.TUCBW1：輸入前台首頁網址 2.網站顯示前台首頁
3.點選進入後台 4.顯示輸入帳號、密碼畫面
5.管理者輸入帳號、密碼 6.系統檢查帳號、密碼是否正確 7.顯示管理者登入首頁
8.點選停車訊息維護 9.顯示停車訊息維護管理畫面 10.點選查詢 11.顯示停車資料畫面
11.點選詳細訊息 13.顯示詳細內容
14.點選返回後台管理首頁 ◎15.TUCEW2：顯示管理者首頁 6.2 其他/例外路徑(alternative/exceptional course)：
6.2.1 系統檢查帳號、密碼是否正確
步驟 6：如果系統檢查帳號、密碼不正確，則返回步驟 5 重新輸入帳號、密碼
4.2.3.12 管理者登入-新增欠費住戶訊息路徑描述：
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- 12 管理者登入-新增欠費住戶訊息路徑
Actor 動作 系統回應
●1.TUCBW1：輸入前台首頁網址 2.網站顯示前台首頁
3.點選進入後台 4.顯示輸入帳號、密碼畫面
5.管理者輸入帳號、密碼 6.系統檢查帳號、密碼是否正確 7.顯示管理者登入首頁
8.點選欠費住戶訊息維護 9.顯示欠費住戶訊息維護管理畫面 10.輸入新增欠費住戶消息 11.系統檢查資料是否輸入完整
12.系統將資料儲存到資料庫 13.管理者至欠費住戶訊息維護顯示 ◎14.TUCEW2：顯示更新欠費
住戶訊息首頁 6.2 其他/例外路徑(alternative/exceptional course)：
6.2.1 系統檢查帳號、密碼是否正確
步驟 6：如果系統檢查帳號、密碼不正確，則返回步驟 5 重新輸入帳號、密碼 6.2.2 系統檢查資料是否輸入完整
步驟 11：如果系統檢查資料輸入不完整，則返回步驟 10 重新輸入欠費消息
46
4.2.3.13 管理者登入-修改欠費住戶路徑描述：
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- 13 管理者登入-修改欠費住戶訊息路徑
Actor 動作 系統回應
●1.TUCBW1：輸入前台首頁網址 2.網站顯示前台首頁
3.點選進入後台 4.顯示輸入帳號、密碼畫面
5.管理者輸入帳號、密碼 6.系統檢查帳號、密碼是否正確 7.顯示管理者登入首頁
8.點選欠費住戶訊息維護 9.顯示欠費住戶訊息維護管理畫面 10.點選選擇訊息 11.顯示欠費住戶訊息畫面
12.修改欠費住戶訊息內容 13.系統將資料儲存到資料庫 14 顯示訊息修改成功
◎15.TUCEW2：顯示更新欠費
住戶訊息首頁 6.2 其他/例外路徑(alternative/exceptional course)：
6.2.1 系統檢查帳號、密碼是否正確
步驟 6：如果系統檢查帳號、密碼不正確，則返回步驟 5 重新輸入帳號、密碼
4.2.3.14 管理者登入-刪除欠費住戶訊息路徑描述：
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- 14 管理者登入-修改欠費住戶訊息路徑
Actor 動作 系統回應
●1.TUCBW1：輸入前台首頁網址 2.網站顯示前台首頁
3.點選進入後台 4.顯示輸入帳號、密碼畫面
5.管理者輸入帳號、密碼 6.系統檢查帳號、密碼是否正確 7.顯示管理者登入首頁
8.點選欠費住戶訊息維護 9.顯示欠費住戶訊息維護管理畫面 10.點選選擇訊息 11.顯示欠費住戶訊息資料畫面 12.點選刪除 13.系統將資料儲存到資料庫
14 顯示訊息刪除成功
◎15.TUCEW2：顯示更新欠費
住戶訊息首頁 6.2 其他/例外路徑(alternative/exceptional course)：
6.2.1 系統檢查帳號、密碼是否正確
步驟 6：如果系統檢查帳號、密碼不正確，則返回步驟 5 重新輸入帳號、密碼
48
4.2.3.15 管理者登入-查詢欠費住戶訊息路徑描述：
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- 15 管理者登入-查詢欠費住戶訊息路徑
Actor 動作 系統回應
●1.TUCBW1：輸入前台首頁網址 2.網站顯示前台首頁
3.點選進入後台 4.顯示輸入帳號、密碼畫面
5.管理者輸入帳號、密碼 6.系統檢查帳號、密碼是否正確 7.顯示管理者登入首頁
8.點選欠費住戶訊息維護 9.顯示欠費住戶訊息維護管理畫面 10.點選查詢 11.顯示欠費住戶訊息資料畫面 11.點選詳細訊息 13.顯示詳細內容
14.點選返回後台管理首頁 ◎15.TUCEW2：顯示管理者首頁 6.2 其他/例外路徑(alternative/exceptional course)：
6.2.1 系統檢查帳號、密碼是否正確
步驟 6：如果系統檢查帳號、密碼不正確，則返回步驟 5 重新輸入帳號、密碼
4.2.3.16 管理者登入-新增房屋維護訊息路徑描述：
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- 16 管理者登入-新增房屋維護路徑
Actor 動作 系統回應
●1.TUCBW1：輸入前台首頁網址 2.網站顯示前台首頁
3.點選進入後台 4.顯示輸入帳號、密碼畫面
5.管理者輸入帳號、密碼 6.系統檢查帳號、密碼是否正確 7.顯示管理者登入首頁
8.點選房屋維護 9.顯示房屋維護訊息管理畫面 10.輸入新增房屋維護訊息 11.系統檢查資料是否輸入完整
12.系統將資料儲存到資料庫 13.管理者至房屋維護顯示 ◎14.TUCEW2：顯示更新房屋
維護首頁 6.2 其他/例外路徑(alternative/exceptional course)：
6.2.1 系統檢查帳號、密碼是否正確
步驟 6：如果系統檢查帳號、密碼不正確，則返回步驟 5 重新輸入帳號、密碼 6.2.2 系統檢查資料是否輸入完整
步驟 11：如果系統檢查資料輸入不完整，則返回步驟 10 重新輸入房屋維護訊 息
50
4.2.3.17 管理者登入-修改房屋維護訊息路徑描述：
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- 17 管理者登入-修改房屋維護訊息路徑
Actor 動作 系統回應
●1.TUCBW1：輸入前台首頁網址 2.網站顯示前台首頁
3.點選進入後台 4.顯示輸入帳號、密碼畫面
5.管理者輸入帳號、密碼 6.系統檢查帳號、密碼是否正確 7.顯示管理者登入首頁
8.點選房屋維護 9.顯示房屋維護管理畫面 10.點選選擇訊息 11.顯示房屋維護訊息畫面 12.修改房屋維護訊息內容 13.系統將資料儲存到資料庫
14 顯示訊息修改成功
◎15.TUCEW2：顯示更新房屋 維護首頁 6.2 其他/例外路徑(alternative/exceptional course)：
6.2.1 系統檢查帳號、密碼是否正確
步驟 6：如果系統檢查帳號、密碼不正確，則返回步驟 5 重新輸入帳號、密碼
