逢 甲 大 學
資 訊 工 程 學 系 專 題 報 告
租屋查詢系統—以台中市西屯區
為例
學
生： 廖 千 毅 (四丙)
陳 柏 宏 (四丙)
指
導
教
授 ： 謝 信 芳
中華民國九十一年十一月
目錄
圖表目錄 ...IV 摘要 ...X 第一章 導論 ...1 1.1 動機 ...1 1.2 目的 ...1 第二章 分析概述 ...3 2.1 公司概述 ...3 2.2 公司組織結構圖 ...3 2.3 職責分配 ...4 2.4 人員編制 ...4 2.5 軟硬體需求 ...5 第三章 系統分析與設計 ...6 3.1 系統分析方法 ...6 3.2 系統架構圖 ...9 3.3 小組成員與時程規劃 ...10 3.4 工作時程 ...103.5 租屋系統資料流程圖 ...11 3.6 會員子系統架構圖 ...14 3.7 租屋刊登子系統架構圖 ...25 3.8 租屋查詢子系統架構圖 ...36 3.9 討論區系統架構圖 ...39 3.10 網管子系統 ...44 第四章 系統建置 ...52 4.1 會員子系統實做 ...53 4.2 租屋刊登子系統實做 ...62 4.3 租屋查詢子系統實做 ...71 4.4 討論區子系統實做 ...74 4.5 網管子系統實做 ...76 第五章 系統評估 ...83 5.1 會員子系統 ...83 5.2 租屋刊登子系統 ...83 5.3 租屋查詢子系統 ...84 5.4 討論區子系統 ...84 5.5 網管子系統 ...85
5.5 實際完成工作之時程...86
第六章 結論 ...87
6.1 心得 ...87
6.2 未來展望 ...88
圖表目錄 圖 2.1 組織圖 ...3 圖 3.1 Waterfall Model ...7 圖 3.2 Prototyping Model ...8 圖 3.3 系統架構圖 ...9 圖 3.4 系統預定工作時程 ...10 圖 3.5 租屋系統 Context Diagram ...12 圖 3.6 租屋系統圖 0 ...13 圖 3.7 會員資料處理之功能圖 ...14 圖 3.8 註冊會員資料流程圖 ...15 表 3.1 會員資料欄位表 ...16 表 3.2 輸入會員資料位置表 ...17 表 3.3 註冊完成介面位置表 ...17 表 3.4 錯誤介面位置表 ...18 圖 3.9 會員登入流程圖 ...18 表 3.5 登入資料介面位置表 ...19 表 3.6 登入成功介面位置表 ...19 表 3.7 登入失敗介面位置表 ...20
圖 3.10 修改會員資料流程圖 ...20 表 3.8 修改會員資料介面位置表 ...21 表 3.9 修改成功介面位置表 ...22 圖 3.11 查詢登入密碼流程圖 ...22 表 3.10 輸入查詢資料介面位置表 ...23 表 3.11 顯示查詢結果介面位置表 ...23 表 3.12 結果已寄至信箱介面位置表 ...24 表 3.13 錯誤介面位置表 ...24 圖 3.12 租屋刊登子系統功能圖 ...25 圖 3.13 新增房屋資料流程圖 ...26 表 3.14 房屋位置資料位置表 ...28 表 3.15 輸入房屋資料介面位置表 ...29 表 3.16 新增成功介面位置表 ...29 表 3.17 錯誤訊息介面位置表 ...30 圖 3.14 查詢、修改及刪除之流程圖 ...30 表 3.18 查詢結果介面位置表 ...32 表 3.19 修改房屋資料介面位置表 ...33 表 3.20 修改成功介面位置表 ...33
表 3.21 刪除房屋資料介面位置表 ...34 表 3.22 刪除成功介面位置表 ...35 圖 3.15 租屋查詢系統子功能圖 ...36 圖 3.16 租屋查詢子系統流程圖 ...37 表 3.23 述入查詢資料介面位置表 ...38 表 3.24 搜尋結果介面位置表 ...38 圖 3.17 討論區子系統功能圖 ...39 圖 3.18 討論區子系統流程圖 ...40 表 3.25 發表文章介面位置表 ...41 表 3.26 回覆文章介面位置表 ...42 表 3.27 討論區首頁位置表 ...42 表 3.28 發表文章介面位置表 ...43 表 3.29 回覆文章面位置表 ...43 圖 3.19 網管子系統功能圖 ...44 圖 3.20 管理員登入流程圖 ...45 表 3.27 管理員資料欄位表 ...46 表 3.28 登入資料介面位置表 ...47 表 3.29 登入成功介面位置表 ...47
表 3.30 登入失敗介面位置表 ...48 圖 3.21 查詢及刪除房屋或會員資料流程圖 ...48 表 3.31 登入成功介面位置表 ...49 表 3.32 查詢會員結果介面位置表 ...50 表 3.33 查詢房屋介面位置表 ...51 表 3.34 傳結果介面位置表 ...51 圖 4.1 租屋系統首頁 ...52 圖 4.2 註冊會員資料輸入畫面 ...53 圖 4.3 註冊成功畫面 ...54 圖 4.4 錯誤訊息畫面 ...55 圖 4.5 登入畫面 ...56 圖 4.6 登入成功畫面 ...57 圖 4.7 述入修改會員資料畫面 ...58 圖 4.8 會員資料修改成功畫面 ...59 圖 4.9 查詢登入密碼輸入畫面 ...60 圖 4.10 查詢結果畫面 ...61 圖 4.11 新增房屋資料輸入畫面 ...62 圖 4.12 新增房屋資料成功畫面 ...63
圖 4.13 查詢房屋資料畫面 ...64 圖 4.14 查詢房屋資料結果 ...65 圖 4.15 修改資料房屋畫面 ...66 圖 4.16 修改房屋資料完成畫面 ...67 圖 4.17 確認房屋資料畫面 ...68 圖 4.18 確認成功畫面 ...68 圖 4.19 上傳地圖輸入畫面 ...69 圖 4.20 上傳遞圖輸出畫面 ...70 圖 4.21 租屋查詢畫面 ...71 圖 4.22 查詢結果畫面 ...72 圖 4.23 詳細情況輸出畫面 ...73 圖 4.24 查詢地圖結果的畫面 ...73 圖 4.25 討論區首頁畫面 ...74 圖 4.26 發表文章完成畫面 ...75 圖 4.27 管理員登入畫面 ...76 圖 4.28 登入成功畫面 ...77 圖 4.29 選擇欲查詢的資料畫面 ...78 圖 4.30 查詢所有會員資料結果 ...79
圖 4.31 查詢所有房屋資料結果 ...80
圖 4.32 依輸入帳號查詢結果 ...81
圖 4.33 依輸入登錄日期查詢結果 ...82
摘要 本系統主要針對大逢甲地區想租屋或是要租屋的人而設計的。欲 租屋者只要上網輸入想查詢的資料，就能找到想找的租屋，並提供其 詳細情況。而欲出租房屋者，只要註冊成會員，就能刊登租屋資料， 不須任何費用。但我們只提供資訊和刊登資訊，並不涉入租屋過程， 房東與房客間的交易請私底下聯絡，我們並不介入。 我們一共有四個子系統。會員子系統提供房東註冊成會員，如此 才能刊登租屋資訊，如此也方便我們的管理。租屋刊登子系統，是讓 會員刊登租屋資訊，和修改租屋資訊用的。而租屋查詢子系統是依您 所需的要求，來像我們的租屋資料庫查詢符合條件的租屋。討論區子 系統，則提供了一個公開地方，讓大家來討論有關租屋事情，像是房 東的好壞或是哪邊租屋好之類。而管理原子系統則是為了維持網站而 存在，它提供管理員登入，進而對網站種種資料加以管理，以維護網 站的順利運作。 －X－
第一章 導論 1.1 動機 目前西屯區租屋市場以逢甲大學學生為主要對象，由於學校宿舍床 位的不足，致使學生在大二以後則須被迫搬出宿舍。目前校外租屋組 織，與逢甲合作的有台逢學園、寶贊大樓、翰林學園、麗冠大樓；而 主要租屋路段為：文華路、西屯路、西安街、青海路、逢甲路、福星 路、至善路、福上巷、河南路。雖說逢甲的網站上也有提供一租屋查 詢的網頁，但我們覺得有可再改進的地方，讓它的功能更加強大。 早期招租是使用傳統的夾報或張貼佈告的方式來達到宣傳租屋資 訊，透過廣告訊息，再用電話和房東聯絡；此種方法常造成許多問題， 夾報方式造成紙張浪費，張貼佈告則造成環境的醜化，再者若房間已 出租但張貼出去的廣告未回收，會導致租屋者無法取得最新的租屋資 訊。此類問題皆可經由租屋資訊化、電子商務化來解決，可將所有租 屋資訊經由分類，建立資料庫，人們只要透過網路，經過篩選過濾比 較，即可找到適合自己的房屋，正所謂『貨比三家不吃虧』；房東也可 上網登錄托租，即可省去四處奔跑的麻煩，可說是一舉兩得。 1.2 目的 在整個租屋系統的架構中，在參考了許多相關的資訊後，我們決 定用分類分項的方式來提供使用者瀏覽整個網頁的方便性，當然在首 頁上會提供一些較為熱門的房屋以供參考，而以下幾點便是我們所做 的規劃：
1、 會員制：為了方便管理整個網站，我們希望是能夠以會員 制的方式，也就是必須加入會員才可以刊登租屋訊息。會員可 將他的房屋資訊傳送給網站，網站亦會派人每星期定時的聯 絡，以能夠即時的修改，使網頁隨時保持最新的狀況，不會發 生若是房屋已經租了出去，但在網頁上卻還有空位的情形。此 外，若有必要也可以直接從網路上直接印製契約書，省去購買 的麻煩。 2、 租屋查詢：提供要租屋的房客一些查詢的功能，也就是使 用者可以輸入他想要的地點、價格、付費相關資訊等等，並且 在查詢後能夠附上完整的照片及詳細的電子地圖，以供選擇。 這也是我們最主要的項目。 3、 使用者交流：提供一個公開化的討論區，讓使用者可以分 享彼此租屋的心得、推薦優良的房東或是對於我們的網站有什 麼建議的，都可以在這邊發表自已的意見。以及提供租屋的一 些法律常識，最好能有一些法律顧，隨時解決使用者的問題。 上述幾點，是目前我們希望能夠達到的目標，也希望這樣能夠真 正的改善逢甲附近的租屋品質。 －2－
第二章 分析概述 2.1 概述 對於西屯地區附近的租屋狀況，我們做了一些調查的動作，發現 目前最大的租屋需求是來自學生，而學校的宿舍供的床位又不足，學 生被迫需在校外租賃，但目前看來又沒有一個完善的橋樑為房東與房 客做聯繫，所以為了因應時代潮流，我們規劃出一套有效的系統來滿 足房客與房東的需求。且隨時更新網頁並提供最新的資訊。並且我們 提供了地圖的導覽，讓使用者更容易的就能找到位置，無形中也增加 了許多的方便性。 2.2 組織結構圖 夢工廠租屋網 管 理 組 維 護 組 資 訊 組 圖2.1 組織圖
2.3 職責分配 資訊組 負責設計、規畫整個網站，並且定期更新網頁內容。 管理組 負責管理網站內各種資訊，讓網站內容不會因為時間久了，就 顯得雜亂無章。 維護組 負責保持整個網站的運作順暢，以及更新站內各種元件。
2.4 人員編制 資訊組；組長一名，人員二名 管理組：組長一名，人員一名 維護組：組長一名，人員一名 2.5 軟硬體需求 1.軟體需求 作業系統：Windows 2000/XP 網頁製作：ASP、DreamWaver、Microsoft FrontPage 資料庫：Microsoft Access
文書編輯：Microsoft Word、Adobe Acrobat
繪圖軟體：Visio2002、VC Arcview2000、Adobe Photoshop
2.硬體需求 CPU：AMD ThunderBird 1GHz 記憶體：PC133 256 Mb SDRAM 硬碟：Quantun 20Gb 7200RPM I/O 設備：掃描器 印表機 17 吋螢幕
第三章 系統分析與設計 3.1 系統分析方法 1、瀑布模式(Waterfall Model) 瀑布模式是一個傳統的典型設計模式，將設計的步驟分成數個階 段，由上至下(top-down)的方式來完成系統，如圖，在每一個階段 的製作過程中，若是發現前一階段的工作不夠完善，導致影響系統 的繼續開發時，可以返回前一階段重新再來。其開發程序如下： (1) 分析階段 分析構成系統的各個單元，了解系統的性質，定義系統的目的與 可能遭遇到的限制。 (2) 設計階段 先對系統做一個初步的分析，然後再進行細部分析的工作。界定 出系統需求功能，規劃系統的建制程序、軟硬體的相關設備等。 (3) 撰碼階段 依據前面階段收集整理的資料，進行系統程式的撰寫。 (4) 測試階段 系統完成後，便可以進行測試的工作，測試的主要目的是確定系 統的正確性，以確保系統能夠與原先計劃的需求相符合。 (5) 維護階段 系統測試完成後，就可以交給使用者使用。日後系統執行發生問 題，或是使用者的需求更改時，就必須進行修改與維護。
圖 3.1 Waterfall Model 2、軟體雛型模式(Software prototyping) 雛型模式從需求搜集開始至分析完畢，可分成下列幾個步驟： (1) 需求搜集：開發者與使用者需一起討論並定義軟體的目標及 所有的功能需求，同時列出必須做深入定義的地方。 (2) 快速設計：著重在使用者可看到的介面，如輸入輸出之畫面 及報表等，開發者須使用現有的程式模版(Template)或應用相關 工具，如報表及格式產生器(Report or Form Generator)來達成快 速設計的目的。
(3) 建構一套軟體雛型。
(4) 評估需求：透過使用者的實際操作與需求評估，提出需求的 調整。
需求，才繼續進行後續分析，設計…等階段，因此開發者在此階 段即能充分了解那些功能是必須設計。 其主要目的是在短時間內發展出一個實體系統的雛型，在交由使 用者去提修正意見，在經過快速的回饋(feedback)過程反覆進 行。直到最後產品位使用者接受為止。 圖3.2 Prototyping Model 3、螺旋狀模式(Spiral Model) 此種方法結合了瀑布模型與雛型法優點，就是將資訊系統中所 包含的多個子系統，採用遞增式開發過程。此種遞增式的過程
就是以「演進」的觀點代替了「修改」就系統的觀念並且加入 了「風險分析」(risk analysis)的考量。 螺旋狀模式包含了四個階段： (1) 決定目標與規劃 (2) 風險評估與管理 (3) 開發下階段產品 (4) 顧客評估 3.2 系統架構圖 我們將此系統分為五個子系統：會員子系統、租屋查詢子系統、註冊 子系統、網務子系統，整個系統架構圖示於圖3.3 討 論 區 子 系 統 租 屋 刊 登 子 系 統 網 管 子 系 統 租 屋 查 詢 子 系 統 會 員 子 系 統 夢工廠租屋網 圖 3.3 系統架構圖
3.3 小組成員與時程規劃 成員：廖千毅、陳柏宏 工作分配： 廖千毅：程式撰寫、系統分析、資料庫規劃、甘特圖、資料 流程圖、報告撰寫、會員子系統、系統流程圖，租 屋刊登子系統，網管子系統。 陳柏宏：系統概述、系統分析、資料收集、甘特圖、報告撰 寫、地圖製作、租屋查詢子系統、系統流程圖、版 面設計。 3.4 工作時程 ID 工作名稱 開始 結束 期間 Q3 02 Q4 02 Q2 02 Q1 02
Apr May Jun Aug Nov Mar Jul Sep Oct
1 收集資料 2002/3/3 2002/3/15 13d 2 軟體選擇 2002/3/15 2002/3/22 8d 3 軟體學習 2002/3/22 2002/4/20 30d 4 目的與動機 2002/4/20 2002/5/20 31d 5 系統概述 2002/5/20 2002/6/15 27d 6 系統分析 2002/6/15 2002/8/20 67d 7 系統實作 2002/8/20 2002/10/31 73d 8 系統評估 2002/11/1 2002/11/20 20d 9 心得 2002/11/20 2002/12/1 12d Q1 03 Dec Jan 圖3.4 系統預定工作時程
3.5 租屋系統資料流程圖 建立此租屋系統的資料流程圖。第一步先畫出此系統的 Context Diagram，如圖 3.5 所示 1. Context Diagram “租屋系統”過程位於圖的中心，三個外部實體：”租屋者”、”房東”、” 系統管理員”，圍繞著這個中心系統佈置，中心系統與外部實體之間 的互動涉及十個不同的資料流，”租屋者”這個外部實體透過”輸入查 詢資料”這個資料流提供資料，透過”查詢結果”這個資料流接受資 料，而”房東”外部實體，透過”刊登租屋資訊”資料流提供資料，透過” 登入確認”資料流接收資料，同理，其他外部實體也一樣，此系統的 Context Diagram 即完成。
租屋系統
0
租屋者
房東
系統管
理員
查詢資料 查 詢 結 果 登入,刊登租屋 登 入 確 認 註冊 註 冊 確 認 維 護 更 新 更新資料 圖 3.5 租屋系統 Context Diagram2. 圖 0 此圖為將 Context Diagram 做更細部說明，表明此租屋系統內部 的一些主要過程、資料流和資料儲存由圖可知五個過程、三個資料儲 存及二十個資料流取代了此過程，詳細部分如圖3.6 所示：
租 屋 者
房 東
系 統 管
理 員
租 屋 子
查 詢
3
會 員 子
系 統
1
網 管 子
系 統
5
租 屋 資 料 庫 會 員 資 料 庫 查 詢 條 件 查 詢 結 果 新 增 修 改 租 屋 租 屋 登 入 登 入 結 果 會 員 資 料 結 果 登 入 登 出 註 冊 註 冊 結 果 租 出 房 屋 回 報 查 詢 條 件 符 合 資 料 新 增 ,刪 除 租 屋 資 料 新 增 刪 除 會 員 資 料討 論 區
子 系 統
4
討 論 區 資 料 庫 儲 存 言 論 讀 取 言 論 發 表 結 果 發 表 言 論租 屋 刊 登
子 系 統
2
合 格 會 員 刪 除 言 論 圖3.6 租屋系統圖 03.6 會員子系統架構圖 在會員管理方面，主要是藉由讓房東加入會員，以利我們方便管 理公司內的收支，其中包含了完整的會員資訊，且開放了一些基本的 權利，讓房東能夠透過簡易的介面，完成刊登房屋資訊的動作。 1. 會員子系統之功能圖、系統流程圖、檔案與記錄格式 會員資料處理： 主要包含下述功能：(1) 註冊會員資料 (2) 會員登入動作 (3) 修改會員資料 (4) 查詢登入密碼
會員子系統
註冊會 員資料 修改會員 資料 查詢登入 密碼租屋主系統
會員登 入動作 圖3.7 會員資料處理之功能圖(1) 註冊會員資料之流程 如下圖所示，原來非會員的使用者在輸入基本資料的介面上輸入 完成後，經過Procedure 1 的處理後，便可以成為本站的會員。 Procedure 1 會員資料.MDB 註冊完 成.ASP 錯誤介 面.ASP 會員資料.MDB 輸入會員基 本資料.HTM 圖 3.8 註冊會員資料流程圖 說明： Procedure1：將輸入的基本資料與資料庫內的會員資料表做比對， 看是否可以成為合法會員，之後再顯示註冊完成的畫面，並將資料庫 內的資料更新。
(a) 檔案名稱：會員資料.MDB 記錄格式： 序號 資料欄位 名(英) 資料欄位 名(中) 資料類 型 長度 限制 備註 1 Id 帳號 文字 10 不得空白 為索引且 不可重覆 2 Password 密碼 文字 10 不得空白 - 3 Name 姓名 文字 8 不得空白 - 4 Sex 性別 文字 2 不得空白 - 5 Year 出生年 數字 位元組 不得空白 - 6 Month 出生月 數字 位元組 不得空白 - 7 Day 出生日 數字 位元組 不得空白 - 8 TelPhone 電話 文字 20 - - 9 CellPhone 行動電話 文字 20 - - 10 Address 地址 文字 50 - - 11 Email E-mail 帳號 文字 50 - - 12 Url 個人網址 文字 50 - - 13 Comment 備註 備忘 - - - 表3.1 會員資料欄位表
(b) 檔案名稱：輸入會員資料.HTM 記錄格式： 序號 內容 位置 備註 1 使用者帳號 不可空白 2 使用者密碼 不可空白 3 密碼確認 不可空白 4 姓名 不可空白 5 性別 不可空白 6 生日 不可空白 7 電話 - 8 行動電話 - 9 地址 - 10 E-mail 帳號 - 11 個人網站 - 12 備註 - 表3.2 輸入會員資料位置表 (c) 檔案名稱：註冊完成介面.ASP 記錄格式： 序號 內容 位置 備註 1 註 冊 成 功 及 其 後續作業 成 功 加 入 本 站 會員 表 3.3 註冊完成介面位置表
(d) 檔案名稱：錯誤介面.ASP 記錄格式： 序號 內容 位置 備註 1 顯示錯誤原因 由 於 某 些 因 素 造 成 無 法 正 常 加入會員 表3.4 錯誤介面位置表
(2)
會員登入之流程 此功能是已註冊之會員輸入帳號與密碼後，便可進入下一頁 面進行進一步的動作。 會員資料 Procedure 2 輸入登入 登入成功.ASP 登入失敗.ASP 圖 3.9 會員登入之流程圖說明：Procedure 2 是在檢查會員輸入之帳號與密碼是否符合資料庫內 的欄位。 (a) 檔案名稱：會員資料.MDB 記錄格式：如表 3.1 (b) 檔案名稱：輸入登入資料.HTM 記錄格式： 序號 內容 位置 備註 1 輸入帳號 - 2 輸入密碼 - 表3.5 登入資料位置表 (c) 檔案名稱：登入成功.ASP 記錄格式： 序號 內容 位置 備註 1 修改會員資料 修改會員自已的資 料 2 您的租屋資訊 可供查詢自已提 供的房屋資料 3 新增房屋資訊 可增加租屋資料 表3.6 登入成功介面位置表
(d) 檔案名稱：登入失敗.ASP 記錄格式： 序號 內容 位置 備註 1 登入失敗 由 於 某 些 因 素 造成無法登入 表3.7 登入失敗介面位置表
(3)
修改會員資料之流程 會員在成功登入後，可以利用查詢會員資料的功能來做修改 自已當初註冊時所輸入的資料，再將更新過的資料寫入資料 庫內。 Procedure 3 會員資料.MDB 修改成功介 面.ASP 會員資料.MDB 修改會員資 料.ASP 圖3.10 修改會員資料之流程圖說明：Procedure 3 將修改後的會員資料寫入會員資料庫內，並將之前 的資料覆蓋過去。 (a) 檔案名稱：會員資料.MDB 記錄格式：如表 3.1 (b) 檔案名稱：修改會員資料.ASP 記錄格式： 序號 內容 位置 備註 1 使用者帳號 不須填寫 2 使用者密碼 不可空白 3 密碼確認 不可空白 4 姓名 不可空白 5 性別 不可空白 6 生日 不可空白 7 電話 - 8 行動電話 - 9 地址 - 10 E-mail 帳號 - 11 個人網站 - 12 備註 - 表3.8 修改會員資料介面位置表
(c) 檔案名稱：修改成功介面.ASP 記錄格式： 序號 內容 位置 備註 1 修改成功 修 改 會 員 資 料 成功 表 3.9 修改成功介面位置表
(4)
查詢登入密碼之流程 若是會員忘了自己的密碼，可以利用輸入姓名及 E-mail 的方式來 查詢密碼，而會員可以選擇要在網頁上顯示密碼或是本站將密碼 寄至會會員的信箱中 會員資料.MDB Procedure 4 輸入查詢資 料.HTM 顯示查詢結 果.ASP 結果寄至信 箱.ASP 錯誤介面.ASP 圖3.11 查詢登入密碼之流程圖說明：Procedure 4 是與會員資料庫內比對後，再將密碼以會員所選擇 的方式傳送給使用者。 (a) 檔案名稱：會員資料.MDB 記錄格式：如表 3.1 (b) 檔案名稱：輸入查詢資料.HTM 記錄格式： 序號 內容 位置 備註 1 姓名 2 E-mail 帳號 3 顯示方式 選擇會員所要的 得到密碼的方法 表 3.10 輸入查詢資料位置表 (c) 檔案名稱：顯示查詢結果.ASP 記錄格式： 序號 內容 位置 備註 1 會員密碼 - 表 3.11 顯示查詢結果位置表 (d) 檔案名稱：結果寄至信箱.ASP 記錄格式：
序號 內容 位置 備註 1 密碼已寄至信 箱 - 表3.12 結果已寄至信箱位置表 (e) 檔案名稱：錯誤介面.ASP 記錄格式： 序號 內容 位置 備註 1 錯誤原因 - 表 3.13 錯誤介面位置表
3.7 租屋刊登子系統架構圖 在租屋刊登子系統內，主要的功能是在會員登入後，可以新增所要 出租的房屋資訊，或是可以修改已經刊登了的房屋資料。若是房屋已 出租，可以利用確認房屋出租的功能將已出租的消息告知系統管理 員，管理員便會將此筆房屋資料刪除。 1. 租屋刊登子系統之功能圖、系統流程圖、檔案與記錄格式 房屋資料處理： 主要包含下述功能：(1) 新增房屋資料 (2) 查詢、修改及確認出租房屋資料
租屋主系統
查詢、修改及確認出租 房屋資料 新增房屋資料租屋刊登子系統
圖3.12 租屋刊登子系統之功能圖(1)
新增房屋資料之流程 此功能是讓使用者可以在網路上直接新增自己的租屋資訊。 Procedure 5 房屋資料.MDB 新增成功介 面.ASP 錯誤訊息介 面.ASP 房屋資料.MDB 輸入房屋資 料.HTM 圖3.13 新增房屋資料之流程圖 說明：Procedure 5 是在會員將欲新增之房屋資料輸入完成後，將此筆 資料寫入房屋資料表內。(a) 檔案名稱：房屋資料.MDB 記錄格式： 序號 資料欄位名 (英) 資料欄位 名(中) 類型 長度 限制 備註 1 Sn 編號 自動編號 長整數 - - 2 Road 地段 文字 50 不可空白 - 3 Address 地址 文字 50 不可空白 - 4 Money1 月租 數字 長整數 不可空白 - 5 Money2 押金 數字 長整數 不可空白 - 6 Size 坪數 數字 長整數 不可空白 - 7 House_type 公寓 套房 雅房 文字 50 不可空白 - 8 In_house 幾房 幾廳 幾衛 文字 50 不可空白 - 9 Age 屋齡 文字 50 不可空白 - 10 P_floor 出租樓層 數字 長整數 不可空白 - 11 H_floor 整棟樓層 數字 長整數 不可空白 - 12 Gurage 車位有無 文字 50 不可空白 - 13 Logtime 登錄時間 文字 50 不可空白 -
14 Deadline 物件有效 期限 文字 50 - - 15 Owner 房東姓名 文字 50 不可空白 - 16 Tel 聯絡電話 文字 50 不可空白 - 17 Mobile 行動電話 文字 50 不可空白 - 18 Email 電子信箱 文字 50 不可空白 - 19 Id 帳號 文字 50 不可空白 且唯一 此欄 為索 引 20 Comment 備註 文字 - - - 21 Modify_date 修改日期 文字 50 - 22 Modify_man 修改人員 文字 50 - 表 3.14 房屋資料欄位表 (b) 輸入房屋資料.HTM 記錄格式： 序號 內容 位置 備註 1 地段 不可空白 2 地址 不可空白 3 月租 不可空白 4 押金 不可空白 5 坪數 不可空白
6 型式 不可空白 7 格局 不可空白 8 屋齡 不可空白 9 出租樓層 不可空白 10 整棟樓層 不可空白 11 車位有無 是以”選擇鈕”的 型態 12 房東姓名 不可空白 13 聯絡電話 不可空白 14 行動電話 不可空白 15 電子箱信 不可空白 表 3.15 輸入房屋資料位置表 (c) 檔案名稱：新增成功介面.ASP 記錄格式： 序號 內容 位置 備註 1 新增成功 - 表 3.16 新增成功介面位置 (d) 檔案名稱：錯誤訊息介面.ASP 記錄格式：
序號 內容 位置 備註 1 錯誤原因 - 表 3.17 錯誤訊息介面位置表
(2)
查詢、修改及刪除房屋資料之流程 此功能讓會員可在查詢後，選擇修改或是刪除自已的房屋資料 Prcedure 6 修改房屋 Procedure 8 刪除成功 房屋資料.MDB 房屋資料.MDB Procedure 7 修改成功 房屋資料.MDB 刪除房屋 查詢結果.ASP 房屋資料.MDB 登入成 圖3.14 查詢、修改及刪除之流程圖(a) 檔案名稱：房屋資料.MDB 記錄格式：如表3.1 (b) 檔案名稱：登入成功.ASP 記錄格式：如表3.6
(c)
檔案名稱：查詢結果.ASP 記錄格式： 序號 內容 位置 備註 1 地段 - 2 地址 - 3 月租 - 4 押金 - 5 坪數 - 6 型式 - 7 格局 - 8 屋齡 - 9 出租樓層 - 10 整棟樓層 - 11 車位有無 - 12 房東姓名 -13 聯絡電話 - 14 行動電話 - 15 電子信箱 - 16 修改房屋資料 連結至修改 房屋介面 17 刪除房屋資料 連結至刪除 房屋介面 表 3.18 查詢結果位置表 (d) 檔案名稱：修改房屋資料.ASP 記錄格式： 序號 內容 位置 備註 1 使用者帳號 不可空白 2 地段 不可空白 3 地址 不可空白 4 月租 不可空白 5 押金 不可空白 6 坪數 不可空白 7 型式 不可空白 8 格局 不可空白 9 屋齡 不可空白
10 出租樓層 不可空白 11 整棟樓層 不可空白 12 車位有無 使用”選擇鈕” 13 房東姓名 不可空白 14 聯絡電話 不可空白 15 行動電話 不可空白 16 電子信箱 不可空白 17 修改資料 做修改資料 的動作 18 重新填寫 可重新填寫 表 3.19 修改房屋資料位置表
(d)
檔案名稱：修改成功介面.ASP 記錄格式： 序號 內容 位置 備註 1 修改成功 - 表3.20 修改成功介面位置表 (e) 檔案名稱：刪除房屋資料.ASP 記錄格式：序號 內容 位置 備註 1 使用者帳號 - 2 地段 - 3 地址 - 4 月租 - 5 押金 - 6 坪數 - 7 型式 - 8 格局 - 9 屋齡 - 10 出租樓層 - 11 整棟樓層 - 12 車位有無 - 13 房東姓名 - 14 聯絡電話 - 15 行動電話 - 16 電子信箱 - 17 確定刪除 刪除房屋資料 表 3.21 刪除房屋資料位置表 (f) 檔案名稱：刪除成功介面.ASP 記錄格式：
序號 內容 位置 備註
1 刪除成功 -
3.8 租屋查詢子系統架構圖 此子系統主要是讓使用者依照自已要需要的房屋型式來選擇希望租 賃到的屋。 1. 租屋查詢子系統之系統流程圖、檔案與記錄格式： 下圖是此子系統之功能圖：
租屋查詢管理
租屋查詢子系統
租屋主系統
圖3.15 租屋查詢子系統功能圖(1)租屋查詢系統之流程 租屋查詢系統的資料流程圖，此圖說明租屋者如何查詢和系統如 何處理資料。租屋者輸入資料，經過procedure 1 和租屋資料比對，將 結果顯示出來。 房屋資料.mdb Procedure 7 輸入搜尋 資料htm 搜尋結 果.asp 圖3.16 租屋查詢系統流程圖 說明： procedure 7 是將租屋者輸入的資料和租屋資料庫中的內容作比對， 將符合的資料輸出。
(a) 檔案名稱：房屋資料.MDB 記錄格式：如表3.1 (b) 檔案名稱：輸入搜尋資料.HTM 記錄格式： 序號 內容 位置 備註 1 租屋型態 公寓，套房 ，雅房 2 租屋大小 3 價錢 4 地址 可輸入或不輸入 表3.23 輸入搜尋資料位置表 (c) 檔案名稱：搜尋結果.asp 記錄格式： 序號 內容 位置 備註 1 租屋查詢結果 結果 表3.24 搜尋結果位置表
3.9 討論區系統架構圖 討論區的主要功能是讓每個使用者可在網路上提出各種的問題， 或是對本網站提供一些好的建議，不管是壞的或好的都可以在上面提 出討論，這樣不但可以增加房東與房客彼此之間的交流，也可以讓本 網站有更多進步的空間。 1. 討論區系統之系統流程圖、檔案與記錄格式： 下圖是此子系統之功能圖：
討論區管理
討論區系統
租屋主系統
圖3.17 討論區系統功能圖(1) 討論區系統 討論區系統的系統流程圖，下圖說明整個使用者如何在討論區上 發表自已的意見及回覆他人所發表的文章。 討論區首 頁.ASP
Process 8
回覆文章.MDBProcess 9
討論區首 頁.ASP 發表文 章.HTM 回覆文 章.ASP 討論區首 頁.ASP 發表文章.MDB 圖3.18 討論區系統流程圖說明： (1) Process 8 是將使用者所發表的文章及其內容寫入資料庫內。 (2) Process 9 是將使用者和原來發表的文章做一比對，經過處理後 再寫入資料庫內。 (a) 檔案名稱：發表文章.MDB 記錄格式： 序號 資料欄位 名(英) 資料欄位 名(中) 類型 長度 限制 備註 1 作者 文字 50 2 主題 備忘 - 3 內容 備忘 - 4 時間 日期/時 間 - 表3.25 發表文章之欄位表 (b) 檔案名稱：回覆文章.MDB 記錄格式：
序號 資料欄 位名 (英) 資料欄位名 (中) 類型 長度 限制 備註 1 作者 文字 50 2 主題 備忘 - 3 內容 備忘 - 4 時間 日期/時 間 - 5 回覆主題 備忘 - 表 3.26 回覆文章之欄位表 (c) 檔案名稱：討論區首頁.ASP 記錄格式： 序號 內容 位置 備註 1 各文章之標題 2 發表新文章 表 3.27 討論區首頁之位置表
(d) 檔案名稱：發表文章.HTM 記錄格式： 序號 內容 位置 備註 1 作者 2 主題 3 內容 表3.28 發表文章之位置表 (e) 檔案名稱：回覆文章.ASP 記錄格式： 序號 內容 位置 備註 1 作者 2 主題 3 內容 表3.29 回覆文章之位置表
3.10 網管子系統 網管子系統最主要的功能是讓網路管理員可在透過上網的方 式，依照會員及房屋的狀況來查詢及刪除一些基本資料。 1. 網管子系統之功能圖、系統流程圖、檔案與記錄格式 下圖為此子系統之功能圖： 管理員登入動作 查詢及刪除房屋 或會員資料
網管子系統
租屋主系統
圖3.19 網管子系統功能圖(1)
管理員登入之流程 此功能是管理員輸入帳號與密碼後，便可進入下一頁面進行 進一步的動作。 Procedure 10 登入成功.ASP 登入失敗.ASP 管理員資料 .MDB 輸入登入 資料.HTM 圖3.20 管理員登入之流程圖 說明：Procedure 10 是在檢查管理員輸入之帳號與密碼是否符合資 料庫內的欄位。 (a) 檔案名稱：管理員資料.MDB 記錄格式：序號 資料欄位 名(英) 資料欄位 名(中) 資料類 型 長度 限制 備註 1 Id 帳號 文字 10 不得空白 為索引且 不可重覆 2 Password 密碼 文字 10 不得空白 - 3 Name 姓名 文字 8 不得空白 - 4 Sex 性別 文字 2 不得空白 - 5 Year 出生年 數字 位元組 不得空白 - 6 Month 出生月 數字 位元組 不得空白 - 7 Day 出生日 數字 位元組 不得空白 - 8 TelPhone 電話 文字 20 - - 9 CellPhone 行動電話 文字 20 - - 10 Address 地址 文字 50 - - 11 Email E-mail 帳號 文字 50 - - 12 Url 個人網址 文字 50 - - 13 Comment 備註 備忘 - - - 表3.27 管理員資料欄位表
(b) 檔案名稱：輸入登入資料.HTM 記錄格式： 序號 內容 位置 備註 1 輸入帳號 - 2 輸入密碼 - 表 3.28 登入資料位置表 (c) 檔案名稱：登入成功.ASP 記錄格式： 序號 內容 位置 備註 1 查詢會員資料 2 查詢房屋資料 3 依輸入的帳號查 詢 表 3.29 登入成功介面位置表 (d) 檔案名稱：登入失敗.ASP 記錄格式：
序號 內容 位置 備註 1 登入失敗 由 於 某 些 因 素 造成無法登入 表3.30 登入失敗介面位置表 (2) 查詢及刪除房屋或會員資料之流程 網路管理員可在登入後，選擇自已所需的方式來查詢資料，下 圖為此功能之流程圖：
Process 11 Process12 Process 13
會員資 料.MDB 房屋資 料.MDB 房屋資 料.MDB 查詢會員 結果.ASP 查詢房屋 結果.ASP 查詢房屋 結果.ASP 刪除結 果.ASP 房屋資 料.MDB Process 15 Process 14 刪除結 果.ASP 會員資 料.MDB 登入成 功.ASP 圖3.21 查詢及刪除房屋或會員資料之流程圖
說明：Process 11 是抓取會員資料表內的所有資料 Process 12 是抓取房屋資料表內的所有資料 Process 13 是根據所輸入的帳號來查詢該帳號的房屋資料 Process 14 是將所選的資料進行刪除的動作 Process 15 是將所選的資料進行刪除的動作 (a) 檔案名稱：會員資料.MDB 記錄格式：如表 3.1 (b) 檔案名稱：房屋資料.MDB 記錄格式：如表 3.14 (c) 檔案名稱：登入成功.ASP 記錄格式： 序號 內容 位置 備註 1 查詢會員資料 2 查詢房屋資料 3 依輸入的帳號查 詢 表3.31 登入成功介面位置表
(d) 檔案名稱：查詢會員結果.ASP 記錄格式： 序號 內容 位置 備註 1 帳號 2 姓名 3 電話 4 地址 5 E-mail 表3.32 查詢會員結果位置表 (e) 檔案名稱：查詢房屋結果.ASP 記錄格式： 序號 內容 位置 備註 1 地址 2 月租 3 坪數 4 房東姓名 5 聯絡電話
6 帳號 7 是否出租 True 為以出租 False 為未出租 表3.33 查詢房屋結果位置表 (f) 檔案名稱：刪除結果.ASP 記錄格式： 序號 內容 位置 備註 1 刪除結果 表3.34 刪除結果之位置表
第四章 系統建置 在經過了整個第三章的系統分析及製定表格後，開始製作整個系 統，首先，由於我們是一個租屋的網站，因此首頁便放了一些相關的 圖片，再設計一些超連結讓每個使用者依各自的需求去點選所要的路 徑，而我們系統的首頁如下： 圖4.1 租屋系統首頁
4.1 會員子系統實作 會員子系統主要功能是讓使用者以加入會員的方式在本站行使他 的權利，管理員也方便管理整個系統的運作。 1. 會員登入動作 A、輸入畫面 當使用者按下了首頁會員登入的超連結後，便會進入以下會員登入 的選單，而在輸入完帳號及密碼後，按下登入鈕，便可以得到輸出畫 面。 圖4.2 登入畫面
B、演算法 Key In 會員帳號及密碼 Click 登入 { If 資料正確 Then Display 成功畫面 Else Display 錯誤畫面 End If } C、輸出畫面 圖4.3 登入成功畫面
2. 註冊會員資料 若在會員登入的選單中，點選加入會員的超連結，便會進入此 頁面，而且輸入完此表單後，便可得到輸出畫面，但倘若此表單中打* 號(也就是必埴)的欄位沒有輸入資料，便會出現輸出畫面中的錯誤訊 息。 A、輸入畫面 圖4.4 註冊會員資料之輸入畫面 B、演算法 Key In 個人資料 Click 加入會員 { If 輸入資料正確 Then
將此筆資料寫入會員資料表 Display 加入成功畫面 Else Display 錯誤訊息 End If } C、輸出畫面 (1) 註冊成功畫面 圖4.5 註冊成功畫面
(2) 錯誤訊息畫面 圖4.6 錯誤訊息畫面 3. 修改會員資料 而在登入成功的頁面中，點選修改會員資料的超連結，便可以進入 以下修改會員資料的表單，在修改完所要的資料後，按下修改資料 的按鈕，便可得到輸出畫面。
A、輸入畫面 圖4.7 輸入修改會員資料畫面 B、演算法 Key In 欲修改之資料 Click 修改資料 { If 更改正確 Then 將更改過的資料覆蓋至原資料 Display 修改成功介面 End If }
C、輸出畫面 圖4.8 會員資料修改成功畫面 4. 查詢登入密碼 在會員登入的頁面中，若點選查詢密碼的超連結，會出現下列畫面， 在使用者輸入姓名或是E-mail 帳號，按下傳送按鈕後，就可以得到 輸出畫面。
A、輸入畫面 圖4.9 查詢登入密碼輸入畫面 B、演算法 Key In 會員姓名或電子信箱，並選擇顯示方式 Click 傳送 { If 資料正確 Then Display 正確結果 Else Display 錯誤畫面 End If }
C、輸出畫面
4.2 租屋刊登子系統實作 在房東完成了註冊動作成了會員後，便可以進入此子系統，此子系 統提供了房屋資料的新增、修改或是若已出租後的確認動作，讓會員 能夠在簡單的動作下完成出租的動作。 1. 新增房屋資料 在登入成功後的畫面中，點選新增房屋資料的超連結，就可進入以 下的表單畫面，而在正確填完新增的資料後，按下新增的按鈕後， 就可以得到輸出畫面。 A、輸入畫面 圖4.11 新增房屋資料輸入畫面
B、演算法 Key In 欲新增之房屋資料 Click 新增 { If 輸入資料正確 Then 將此筆資料寫入房屋資料表內 Display 新增成功畫面 Else Display 錯誤訊息 End If } C、輸出畫面 圖4.12 新增房屋資料成功畫面
2. 查詢、修改、上傳地圖及確認出租房屋資料 (1) 查詢房屋資料 在登入成功的畫面中，點選您的租屋資訊，便可以得到輸出畫面。 A、輸入畫面 圖4.13 查詢房屋資料畫面 B、演算法 Click 您的租屋資訊 Then 將您的帳號與房屋資料表內的帳號欄位比較 Display 您所有的房屋資訊
C、輸出畫面 圖4.14 查詢房屋資料結果 (2) 修改房屋資料 而在查詢房屋的結果畫面中，若點選修改房屋資料，便可以得到下 面的表單，在正確填妥資料後，按下修改資料按鈕，就可得到輸出 畫面。
A、 輸入畫面 圖4.15 修改房屋資料輸入畫面 B、 演算法 Key In 欲修改之資料 Click 修改 { If 輸入資料正確 Then 將更改過的資料覆蓋至原資料上 Display 修改成功畫面 End If }
C、 輸出畫面 圖4.16 修改房屋資料完成畫面 (3) 確認出租房屋 在查詢房屋的結果畫面中，若點選確認出租資料的超連結，就可以 得到下列輸入畫面，在按下確定已出租的按鈕後，就會出現輸出的 畫面。
A、 輸入畫面 圖4.17 確認房屋資料畫面 B、 演算法 Click 確認出租 Then Display 已將出租訊息告知管理員 C、輸出畫面 圖4.18 確認成功畫面
(4) 上傳地圖 在查詢房屋的結果畫面中，若點選上傳地圖的超連結，就可以得 到下列輸入畫面，在選好要上傳之圖片後，按下上傳的按鈕後，就會 出現輸出的畫面。 A、輸入畫面 圖4.19 上傳地圖輸入畫面 B、演算法 Key In 欲上傳之圖片檔名 Click 上傳 { 將上傳之圖片寫入資料庫 } Display 上傳成功畫面
C、輸出畫面
4.3 租屋查詢子系統實作 這個子系統主要是給使用者依照型態、大小、租金等，來選擇自已 想要的房屋，再依照查詢的結果自行與房東(會員)聯絡，完成租屋的交 易。 1. 租屋查詢管理 使用者可在選擇自已的需求後，查詢本站的出租資料，為了讓使 用者更了解附近的地理狀況，我們也提供了地圖的功能。 在首頁中，點選詳細租屋查詢的超連結後，使用者就可以進入以下 的輸入畫面，而在以下拉式選單選擇完所需要的房屋後，按下查詢鈕 就可以得到多筆查詢結果，而在按下每筆後方的詳細資料超連結後， 就可以得到它的詳細資料，並且在詳細資料中還有一地圖的連結可供 使用者查詢。 A、輸入畫面 圖4.21 租屋查詢輸入畫面
B、演算法 選擇欲查詢之租屋條件 Click 查詢 { 將所選的項目與房屋資料表做比較 Display 所查詢後的結果 } C、 輸出畫面 圖4.22 查詢結果畫面 按下詳細情況後之頁面如下：
圖4.23 詳細情況輸出畫面
在按下詳細情況後，可點選地圖之超連結查看該地址之位址：
4.4 討論區子系統實作 討論區的目的是讓會員與使用者可以互相提供建議、批評，以增加 我們租屋系統租賃房屋的品質，也可讓每個使用者了解每個房東的優 與劣。 1. 討論區管理 在首頁中按下討論區之超連結後，便可進入以下輸入畫面，若要回 覆他人所發表的主題，只需點選「閱讀留言及加入討論」之超連結， 若要發表新文章，則點選「發表新文章」之超連結便可進入其頁面。 A、輸入畫面 圖 4.25 討論區首頁畫面
B、演算法 選擇所要加入的討論區或發表新的文章 輸入欲發表之主題、作者、內容 Click 發表 { 將所發表之內容寫入討論區資料表 } C、輸出畫面 圖4.26 發表文章完成畫面
4.5 網管子系統實作 此之系統之目的為方便系統管理員可在線上直接管理，不必在資料 庫內找詢要處理的資料，只要輸入幾個特定的項目，就可以依管理員 的需求找到符合的項目。 1. 管理員登入動作 在首面按下管理員登入的超連結後，就可進入以下輸入畫面，在填 妥管理員帳號及密碼後，就可以進入輸出之畫面。 A、輸入畫面 圖 4.27 管理員登入畫面
B、演算法 Key In 管理員帳號及密碼 Click 登入 { If 資料正確 Then Display 成功畫面 End If } C、輸出畫面 圖4.28 登入成功畫面
2. 查詢及刪除房屋或會員資料 (1) 查詢所有會員資料 管理員登入成功後，可以點選「查詢所有會員資料」超連結，便可 得到所有會員資料的結果，也就是輸出畫面。 A、輸入畫面 圖4.29 選擇欲查詢之資料畫面 B、演算法 Click 查詢所有會員資料 Then Display 所有的會員資料 C、輸出畫面
圖4.30 查詢所有會員資料結果 (2) 查詢所有房屋資料 管理員登入成功後，可以點選「查詢所有房屋資料」超連結，便可得 到所有房屋資料的結果，也就是輸出畫面。 A、輸入畫面 如圖 4.28 B、演算法 Click 查詢所有房屋資料 Then Display 所有的房屋資料
C、輸出畫面 圖4.31 查詢所有房屋資料結果 (3) 依輸入帳號或日期查詢資料 管理員登入成功後，可以在「輸入會員帳號」或「以登錄日期查 詢」的欄位中輸入欲查詢之帳號或是日期，便可以得到輸出畫面。 A、輸入畫面 如圖 4.28 B、演算法 Key In 所要查詢之帳號或日期 Click 查詢
{ If 輸入之帳號正確 Then Display 該會員之房屋資料或該日期所新增之房屋資料 Else Display 錯誤畫面 End If } C、輸出畫面 圖 4.32 依輸入帳號查詢結果
第五章 系統評估 5.1 會員子系統 在會員子系統這部份中，我們做了登入、修改會員資料、註冊會 員及查詢登入密碼四個功能，大致上都已經達到了當初的要求，一些 會員方面的基本功能也都已經考慮進去了。 原本在當初的構想中，是想說以刊登 1000 元/100 筆的方式對會員 收費，而且想採用線上刷卡的方式，但在實做的過程中，由於我們兩 人並沒使用過線上刷卡消費的經驗，因此在分析的過程中造成做出來 的東西有很多的瑕疵，因而導致這方面沒做成功，這是此子系統較為 不佳的一個地方。而在整個使用者介面的設計上，整個版面的設計稍 嫌單調了一些，應該再多一些介紹加入會員有什麼好處或是設計一些 能夠突顯出此子系統特色的畫面。 5.2 租屋刊登子系統 在這個子系統中，我們讓會員可新增房屋資料、查詢房東自已的 租屋資料、修改房屋資料及確認出租資訊三種功能。 在新增房屋資料及修改房屋資料這兩部分大致上功能都算是滿完 善的，對於整個要出租房屋的資訊要求的也算是滿嚴謹的，應該是
沒有太大的缺失，只怕房東在新增時沒辦法判別房東輸入的資料是否 真的是正確的(例如地址的輸入不完整)，這點在寫程式時，判別的動作 是需要再改進的。而在查詢房東自已的租屋資料這部分，沒有考慮到 若是房東有太多筆的資料，是否該有分頁的功能，這點是我們實作時 的疏失。 而在確認出租這一部分，最先的構想是認為若房屋已經出租，則 會員可自行刪除，但後來討論的結果發現不可以讓房東任意的刪除房 屋，否則會造成系統混亂，也會造成管理員的不方便，所以決定改為 以確認的方式來告知管理員已出租的資訊，再由管理員負責刪除，這 樣的結論看似麻煩，實際上這是我們討論後認為最適中的方式。 5.3 租屋查詢子系統 這子系統主要是查詢租屋，和顯示租屋詳細資料。當初想要多種 查詢條件，可供使用者方便找出其所真真需求的房子，但限於能力有 限，無法完成。還有租屋顯示的介面，不夠好特別是地圖的顯示，不 能做到互動的效果，需要再加以改進。 5.4 討論區子系統 在這個子系統中，當初的想法只是做一個留言版，提供每位使用
者可在網站上留言，但在實做時覺得討論區會更恰當，所以便更改了 一些的設計，設計此討論區最主要的目的是讓使用本站的使用者能夠 真正的達到互動，增加彼此間的交流，也可以增加管理會對於各個會 員的認識，這點方面我們算是做到了。至於缺失方面，整個版面設計 的不夠生動、活潑，以及對於整個討論區應該細分成幾個有主題的子 討論區，還有當初我們想在此提供一些租屋方面的法律常識，但由於 本身對於法律的不了解，便決定放棄這個做法，這些應該是需要改進 的地方。 5.5 網管子系統 在網管方面，登入的動作是和會員登入做法一樣的，而查詢會員 及房屋的資料是沒有大問題的，就是在關於時間方面，有一些可以再 改進的地方。 在這個系統中，刊登一則廣告是以 30 天為期限的，也就是房東 刊登一則廣告，可在我們的網站上刊登30 天，而在時限到期後，網管 便可藉由輸入日期來查找的方式，找尋在 30 天前刊登的房屋將之刪 除。而在評估後我們認為，這個刪除的動作應該可以由系統自已來做， 也就是自動刪除的功能，系統每天只要過了午夜十二點，便會自行呼 叫一個函式來搜尋30 天以前的資料便刪除。另外，在資料被刪除前的
前兩天，系統也應該可以做到發出一封 E-mail 給那些房屋即將被刪除 的房東，告知這項消息。這些功能應該都是可以再完成的。 5.6 實際完成工作之時程 ID 工作名稱 開始 結束 期間 Q3 02 Q4 02 Q2 02 Q1 02
Apr May Jun Aug Nov Mar Jul Sep Oct
1 收集資料 2002/3/3 2002/3/20 18d 2 軟體選擇 2002/3/20 2002/3/25 6d 3 軟體學習 2002/3/25 2002/5/1 38d 4 目的與動機 2002/5/1 2002/5/31 31d 5 系統概述 2002/5/31 2002/6/10 11d 6 系統分析 2002/6/10 2002/7/25 46d 7 系統實作 2002/7/25 2002/11/5 104d 8 系統評估 2002/11/5 2002/11/22 18d 9 心得 2002/11/22 2002/12/3 12d Q1 03 Dec Jan 圖5.1 實際工作時程之甘特圖
第六章 結論 6.1 心得 廖千毅 翻著手中的專題，沒想到時間過的還真快，轉眼間平常一張一張 做的報告，現在已經是累積成厚厚的一疊了。從一開始找老師、決定 題目到現在即將完成的階段，每一個環節都讓我們從中得到了不少收 獲，也從中得知了一個系統原來並不想以往想像的那麼簡單，背後的 工作與我們剛開始的想法有一段滿大的差異，便也增加了我們在實作 時的困難，但很慶幸的在和組員的努力下，依然是熬過來了。 說實在的，以前一、二年級所學到的東西，總是覺得唸的東西似 乎沒有真正可以用到的地方，但現在我的觀念已經漸漸的改過來了， 這次的專題製作過程中，讓我了解到當初念那些書，使自已有了不錯 的基礎，才能夠挑戰大四的專題，也才可以順利的達成這次目標。除 了在課業方面的實力增強外，在做專題的過程中也學到了團隊合作、 分工的道理，過程中雖然有許多意見不合，或是彼此間看法有出入的 地方，但藉由溝通、協調後，終會有達成共識的一步，我認為這是在 專題中除了增強實力外得到的最大收獲。 最後，雖然整個做專題的過程滿幸苦的，但我認為是值得的，
畢竟努力總是會有收獲的，在外人的眼光看來或許不算什麼，但在自 已的心裡卻覺得多了一份充實且豐富的感覺。 陳柏宏 從一開始的懵懵懂懂，到現在大致完成的作品，發現其實學東西 只要肯用心或許沒什麼學不好的，看著專題慢慢的完成，雖然不是完 美但心中也是有著些許的欣慰。過程中，經歷了不少風風雨雨，也發 現四年來學的東西並非都是天馬行空，而是真正能用到的東西。 但我認為真正學習到的是團隊合作以及意見的溝通，這對我來 說，不管是現在或是未來，都有大的幫助，因為很少有如此的機會， 幾個人且長時間的討論，真的是獲益良多。當然也感激老師嚴厲的指 導，也讓我學到不少東西，實力增強不少。 6.2 未來展望 雖然我們整個系統大致上都已經完成了，但是經過第五章的系統 評估後，也了解到仍有許多不甚滿意的地方，有待我們加強改進的。 1、 其中最重要的部分當然就是租屋刊登子系統了，這是整個 網站的重點，我們現在的選項並不是非常的多，所以造成使用 者並不行完全搜尋到自已真正理想中的房屋，所以我們認為在 版面上的豐富性是可以再做調整的。
2、 地圖的功能也可再加強些，現在我們是以會員下載的方式 讓會員自已做編輯的工作，但將來可以在會員新增房屋時，系 統便可以自動的將地址在地圖上標示出來，而不用人工的方 法，這是未來我們最想要達成的目標。 3、 當初在設計介面時，我們是針對對於電腦操作方面有一定 熟悉度的人，但對於那些很少接觸電腦或平常跟本不會玩電腦 的人而言，系統的介面似乎不是那麼容易上手的，因此應該在 未來根據平時所得到的資訊加以修正，以提升本系統的實用 性。 目前學校已有的個提供學生們查詢租屋的網頁，但我們認為，若 將此系統在未來繼續好好的改進，增加一些其他功能，再配合學校網 頁的資料庫，便可成為將來每位逢甲人在尋找房屋時的一個好幫手， 大家也就不用再到處去找廣告看版，只要在網路上點選一些按鈕，就 可以租賃到自已理想的房屋，這是本系統最終的理想。
參考資料
[1] 廖信彥，Active Server Pages 應用大全 Web 進階技巧，pp.62-85， 博碩文化股份有限公司，1999
[2] 林金霖，ASP 實務經典，pp.30-70，第三波資訊股份有限公司，1999 [3] 周經翔，ASP Primer 直入 ASP，pp.10-80，文魁資訊股份有限公司， 2002
[4] Derek Ferguson，ASP 程式設計疑難排除，pp.20-40，Mc Graw Hill， 2001 [5] 榮欽科技，ASP 入門與應用，pp.10-120，松崗電腦股份有限公司， 2000 [6] 李德茂，DREAMWEAVER 4，pp.5-60，碁峯資訊股份有限公司， 2001 [7] 徐法坤，PHOTOSHOP 6，pp.30-50，碁峯資訊股份有限公司，2001
