逢甲大學校外租屋查詢系統

全文

(1)逢甲大學資訊工程學系專題報告逢甲大學校外租屋查詢系統. 學. 黃炳舜 (四丁) 生：巫昌憲 (四丁) 張琮翔 (四丁). 指導教授：謝信芳中華民國九十三年五月.

(2) 逢甲大學校外租屋查詢系統. 目. 錄. 圖目錄 ............................................... VI 表目錄 .............................................. VII 摘要 ................................................ XII 第一章. 第二章. 導論 ......................................... 1 1.1. 動機 ..................................... 1. 1.2. 目的 ..................................... 3. 系統概述 ................................... 4 2.1. 背景 ..................................... 4. 2.2. 逢甲大學住宿組系統組織圖 ................. 4. 2.3 逢甲大學住宿系統架構圖 ................... 5 2.4. 舊系統之缺點 ............................. 5. 2.5. 校外租屋系統架構圖 ....................... 6. 2.6. 校外租屋系統之功能 ....................... 6. 2.7. 人員編制 ................................. 7. 2.8. 軟硬體需求 ............................... 7. 2.9. 工作職權與分配 ........................... 8. 2.10 工作時程 ................................. 8 第三章. 系統分析與設計 .......................... 9 3.1. 簡介 ..................................... 9. 3.2. 系統開發方法 ............................. 9. 3.3. 所選擇的方法及原因 ...................... 16. 3.4. 新系統全景圖 ............................ 17 - I – 逢甲大學 e-Paper (92學年度).

(3) 逢甲大學校外租屋查詢系統. 3.5. 圖 0 .................................... 18. 3.6. 正規化 .................................. 19. 3.7. 查詢子系統架構圖 ........................ 23. 3.8. 管理子系統架構圖 ........................ 31. 3.9. 會員子系統架構圖 ........................ 45. 3.10 討論區子系統架構圖 ...................... 53 第四章系統製作 ................................. 60 4.1 租屋查詢子系統 ........................... 60 4.1.1 租屋查詢輸入畫面 .................... 60 4.1.2 租屋查詢演算法 ...................... 61 4.1.3 租屋查詢輸出畫面 .................... 62 4.2 地圖查詢子系統 ........................... 64 4.2.1 由地圖查詢資料 ...................... 65 4.2.2 由地圖查詢資料演算法 ................ 65 4.2.3 由地圖查詢輸出畫面 .................. 66 4.2.4 由地址查詢地圖 ...................... 67 4.2.5 由地址查詢地圖演算法 ................ 67 4.2.6 由地址查詢地圖輸出畫面 .............. 68 4.3 路名查詢子系統 ........................... 69 4.3.1 路名查詢輸入畫面 .................... 69 4.3.2 路名查詢演算法 ...................... 70 4.3.3 路名查詢輸出畫面 .................... 71 4.4 會員子系統 ............................... 73 4.4.1 會員登入畫面 ........................ 73 4.4.2 檢驗帳號及密碼演算法 ................ 74 4.4.3 會員登入成功畫面 .................... 74 - II – 逢甲大學 e-Paper (92學年度).

(4) 逢甲大學校外租屋查詢系統. 4.4.4 登入失敗畫面 ........................ 75 4.4.5 加入會員 ............................ 76 4.4.6 檢驗輸入資料演算法 .................. 77 4.4.7 加入會員驗證 ........................ 77 4.4.8 加入會員成功 ........................ 78 4.4.9 修改會員資料 ........................ 79 4.4.10 修改會員資料演算法 ................. 80 4.4.11 刊登房屋資料 ....................... 81 4.4.12 刊登房屋資料演算法 ................. 82 4.4.13 刊登房屋資料驗證 ................... 83 4.4.14 刊登房屋資料成功 ................... 84 4.4.15 會員密碼查詢畫面 ................... 85 4.4.16 會員密碼查詢演算法 ................. 85 4.4.17 會員密碼查詢後畫面 ................. 86 4.5 討論區子系統 ............................. 87 4.5.1 發表新主題 .......................... 87 4.5.2 發表新主題演算法 .................... 88 4.5.3 發表新主題成功畫面 .................. 88 4.5.4 回覆文章輸入畫面 .................... 89 4.5.5 回覆文章演算法 ...................... 90 4.5.6 回覆文章成功 ........................ 90 4.6 管理子系統 ............................... 91 4.6.1 管理人員登入 ........................ 91 4.6.2 管理人員登入之演算法 ................ 92 4.6.3 管理者登入成功 ...................... 93 4.6.4 管理者登入失敗 ...................... 94 4.6.5 管理人員密碼修改 .................... 95 - III – 逢甲大學 e-Paper (92學年度).

(5) 逢甲大學校外租屋查詢系統. 4.6.6 管理人員密碼修改演算法 .............. 96 4.6.7 會員資料編輯 ........................ 97 4.6.8 會員資料編輯演算法 .................. 98 4.6.9 會員編輯成功 ........................ 99 4.6.10 會員刪除畫面 ...................... 100 4.6.11 會員刪除演算法 .................... 100 4.6.12 會員刪除成功顯示畫面 .............. 101 4.6.13 房屋資料編輯 ...................... 102 4.6.14 房屋資料編輯演算法 ................ 103 4.6.15 房屋資料編輯成功 .................. 104 4.6.16 房屋資料刪除畫面 .................. 105 4.6.17 房屋資料刪除演算法 ................ 105 4.6.18 房屋刪除成功顯示畫面 .............. 106 4.6.19 查詢已刪除會員資料顯示畫面 ........ 107 4.6.20 查詢已刪除會員資料演算法 .......... 108 4.6.21 查詢已刪除會員資料輸出畫面 ........ 108 4.6.22 回復已刪除會員資料演算法 .......... 109 4.6.23 回復已刪除會員資料輸出畫面 ........ 109 4.6.24 查詢已刪除房屋資料顯示畫面 ........ 110 4.6.25 查詢已刪除房屋資料演算法 .......... 111 4.6.26 查詢已刪除房屋資料輸出畫面 ........ 112 4.6.27 回復已刪除房屋資料演算法 .......... 112 4.6.28 回復已刪除房屋資料輸出畫面 ........ 113 第五章系統評估 ................................ 114 5.1 查詢子系統 .............................. 114 5.2 管理子系統 ............................... 116 - IV – 逢甲大學 e-Paper (92學年度).

(6) 逢甲大學校外租屋查詢系統. 5.3 會員子系統 .............................. 116 5.4 討論區子系統 ............................ 117 第六章. 心得與未來展望 ....................... 119 6.1 心得 .................................... 119 6.2 未來展望 ................................ 122. 參考資料 ............................................ 124. - V – 逢甲大學 e-Paper (92學年度).

(7) 逢甲大學校外租屋查詢系統. 圖目錄圖 2-1. 逢甲大學住宿組系統組織圖 ......................... 4. 圖 2-2. 逢甲大學住宿組系統架構圖 ......................... 5. 圖 2-3. 校外租屋系統架構圖 ............................... 6. 圖 2-4. 預定工作時程甘特圖 ............................... 8. 圖 3-1. 瀑布模型圖 ...................................... 10. 圖 3-2. 螺旋模型圖 ...................................... 11. 圖 3-3 原型設計流程圖 .................................. 12 圖 3-4. 新系統全景圖 .................................... 17. 圖 3-5. 新系統圖０ ...................................... 18. 圖 3-6. 正規化步驟圖 .................................... 22. 圖 3-7. 查詢子系統功能圖 ................................ 23. 圖 3-8 租屋查詢流程圖 .................................. 24 圖 3-9 地圖查詢流程圖 .................................. 27 圖 3-10 地址查詢流程圖 .................................. 28 圖 3-11 路名查詢流程圖 .................................. 30 圖 3-12 管理子系統功能圖 ................................ 31 圖 3-13 管理子系統功能圖 ................................ 32 圖 3-14 租屋編輯流程圖 .................................. 34 圖 3-15 租屋刪除流程圖 .................................. 36 圖 3-16 會員編輯流程圖 .................................. 38 圖 3-17 會員刪除流程圖 .................................. 41 圖 3-18 查詢已刪除房屋資料圖 ............................ 43 圖 3-19 查詢已刪除會員資料圖 ............................ 44 圖 3-20 會員子系統功能圖 ................................ 45 圖 3-21 會員註冊流程圖 .................................. 46 - VI– 逢甲大學 e-Paper (92學年度).

(8) 逢甲大學校外租屋查詢系統. 圖 3-22 會員密碼查詢流程圖 .............................. 48 圖 3-23 會員資料修改流程圖 .............................. 50 圖 3-24 刊登房屋資料流程圖 .............................. 52 圖 3-25 討論區子系統功能圖 .............................. 54 圖 3-26 文章發表流程圖 .................................. 55 圖 3-27 文章回覆流程圖 .................................. 57 圖 4-1. 逢甲大學校外租屋系統首頁 ........................ 59. 圖 4-2. 租屋查詢輸入畫面 ................................ 60. 圖 4-3. 租屋查詢輸入畫面 ................................ 62. 圖 4-4. 詳細房屋資料畫面 ................................ 63. 圖 4-5 房屋３６０度全景圖畫面 .......................... 63 圖 4-6. 地圖查詢主頁 .................................... 64. 圖 4-7. 地圖資訊查詢輸入畫面 ............................ 65. 圖 4-8. 地圖資訊查詢輸出畫面 ............................ 66. 圖 4-9. 地址查詢地圖輸入畫面 ............................ 67. 圖 4-10 地址查詢地圖輸出畫面 ............................ 68 圖 4-11 路名查詢輸入畫面﹝完整路名﹞ .................... 69 圖 4-12 路名查詢輸入畫面﹝部份路名關鍵字﹞ .............. 70 圖 4-13 路名查詢輸出畫面 ................................ 71 圖 4-14 建議相關路名查詢輸出畫面 ........................ 72 圖 4-15 路名查詢錯誤輸出畫面 ............................ 72 圖 4-16 會員登入畫面 .................................... 73 圖 4-17 會員登入成功畫面 ................................ 74 圖 4-18 會員登入成功畫面 ................................ 75 圖 4-19 加入會員畫面 .................................... 76 圖 4-20 加入會員驗證畫面 ................................ 77 圖 4-21 加入會員成功畫面 ................................ 78 - VII – 逢甲大學 e-Paper (92學年度).

(9) 逢甲大學校外租屋查詢系統. 圖 4-22 修改會員資料畫面 ................................ 79 圖 4-23 刊登房屋資料畫面 ................................ 81 圖 4-24 刊登房屋資料驗證畫面 ............................ 83 圖 4-25 刊登房屋資料成功畫面 ............................ 84 圖 4-26 會員密碼查詢畫面 ................................ 85 圖 4-27 會員密碼查詢結果畫面 ............................ 86 圖 4-28 張貼留言畫面 .................................... 87 圖 4-29 張貼留言成功畫面 ................................ 88 圖 4-30 回覆文章輸入畫面 ................................ 89 圖 4-31 回覆文章成功畫面 ................................ 90 圖 4-32 管理人員登入畫面 ................................ 91 圖 4-33 管理人員登入成功畫面 ............................ 93 圖 4-34 管理人員登入失敗畫面 ............................ 94 圖 4-35 管理人員修改資料畫面 ............................ 95 圖 4-36 會員資料畫面 .................................... 97 圖 4-37 會員資料編輯畫面 ................................ 98 圖 4-38 會員資料編輯成功畫面 ............................ 99 圖 4-39 會員資料刪除畫面 ............................... 100 圖 4-40 會員資料刪除成功畫面 ........................... 101 圖 4-41 管理房屋資料畫面 ............................... 102 圖 4-42 房屋資料編輯畫面 ............................... 103 圖 4-43 房屋資料編輯成功畫面 ........................... 104 圖 4-44 房屋資料刪除畫面 ............................... 105 圖 4-45 房屋資料刪除成功畫面 ........................... 106 圖 4-46 查詢已刪除會員資料畫面 ......................... 107 圖 4-47 查詢已刪除會員資料輸出畫面 ..................... 108 圖 4-48 恢復已刪除會員資料輸出畫面 ..................... 109 - VIII – 逢甲大學 e-Paper (92學年度).

(10) 逢甲大學校外租屋查詢系統. 圖 4-49 恢復會員資料顯示畫面 ........................... 110 圖 4-50 查詢已刪除房屋資料畫面 ......................... 111 圖 4-51 查詢已刪除房屋資料輸出畫面 ..................... 112 圖 4-52 恢復已刪除房屋資料輸出畫面 ..................... 113 圖 4-53 恢復房屋資料顯示畫面 ........................... 113 圖 5-1. 實際工作時程甘特圖 ............................. 118. - IX – 逢甲大學 e-Paper (92學年度).

(11) 逢甲大學校外租屋查詢系統. 表目錄表 1-1. 舊版校外租屋資訊查詢結果一覽表 ................... 2. 表 1-2. 專題設計結果「新版校外租屋資訊查詢結果一覽表」 ... 2. 表 2-1. 住宿組人員編制表 ................................. 4. 表 2-2. 工作分配表 ....................................... 8. 表 2-3. 預定工作時程甘特圖 ............................... 8. 表 3-1. 第一正規化前 .................................... 19. 表 3-2. 第一正規化後 .................................... 19. 表 3-3. 第二正規化 ...................................... 20. 表 3-4. 第三正規化 ...................................... 20. 表 3-5 房屋資料欄位表 .................................. 25 表 3-6. 輸入查詢資料欄位表 .............................. 25. 表 3-7. 輸出查詢資料欄位表 .............................. 26. 表 3-8. 輸出地址資料欄位表 .............................. 29. 表 3-9 輸入路名資料表 .................................. 30 表 3-10 管理人員資料表 .................................. 32 表 3-11 輸入密碼欄位表 .................................. 33 表 3-12 修改密碼成功位置表 .............................. 33 表 3-13 修改密碼失敗位置表 .............................. 33 表 3-14 租屋編輯位置表 .................................. 35 表 3-15 編輯房屋失敗位置表 .............................. 35 表 3-16 房屋刪除失敗位置表 .............................. 37 表 3-17 會員資料欄位表 .................................. 39 表 3-18 會員編輯位置表 .................................. 40 表 3-19 會員編輯失敗位置表 .............................. 40 表 3-20 會員編輯失敗位置表 .............................. 42 - X – 逢甲大學 e-Paper (92學年度).

(12) 逢甲大學校外租屋查詢系統. 表 3-21 查詢已刪除房屋位置表 ............................ 43 表 3-22 查詢已刪除會員位置表 ............................ 44 表 3-23 註冊資料位置表 .................................. 47 表 3-24 註冊成功位置表 .................................. 47 表 3-25 註冊失敗位置表 .................................. 47 表 3-26 會員密碼查詢位置表 .............................. 49 表 3-27 顯示密碼位置表 .................................. 49 表 3-28 顯示密碼查詢錯誤位置表 .......................... 49 表 3-29 修改會員資料位置表 .............................. 51 表 3-30 修改成功位置表 .................................. 51 表 3-31 刊登房屋資料位置表 .............................. 53 表 3-32 刊登成功位置表 .................................. 53 表 3-33 討論區資料欄位表 ................................ 55 表 3-34 討論區列表位置表 ................................ 56 表 3-35 發表文章位置表 .................................. 56 表 3-36 回覆文章位置表 .................................. 58 表 3-37 討論區列表位置表 ................................ 58. - XI – 逢甲大學 e-Paper (92學年度).

(13) 逢甲大學校外租屋查詢系統. 摘要由於現在的科技的日新月異，在電腦的硬體跟軟體都有很大的進步，尤其是網路的蓬勃發展更是令人耳一新，伴隨而來的是人們工作上效率的進步與生活品質的改善，現在大部分的人都可以利用便利的網際網路擷取自己的生活須知，不在像是以往的日子，要查一筆資料就需要翻閱一堆資料，不然就是要到外面去求取資訊，一來既費時，再者不一定找的到自己所需要的資料。但現在的人可以靠著網路的便利性，在網際網路上輕鬆的輸入幾個簡單的關鍵字就可以查詢到很多相關的資料，再從這一些資料中去找出符合自己所需的。而我們的專題的目的就是要將以往用人力所建構的租屋系統，將他使用在網際網路上，使用 ACCESS 強大的資料庫功能結合 VB.NET，提供一個互動式的網頁給使用者來使用，不需繁複的手續，只要幾個輕鬆的動作，就可以搜尋到自己心目中的房屋資料，不必千山萬水的跑到房子所在的地方看房子，只要透過網頁文字與多媒體的詳細介紹，就可以輕鬆的了解房屋大概的資訊，而管理者也可以因為這套系統的開發，得以節省更多的人力資源，只需要幾個定期管理網頁的人員編制即可達到管理的功能，希望透過此系統的開發可以帶給學生們更多的便利。. - XII – 逢甲大學 e-Paper (92學年度).

(14) 逢甲大學校外租屋查詢系統. 第一章導論 1.1 動機由於逢甲大學學生人數眾多，而學校在學生住宿方面的問題，也因為空間有限所以只能提供大一新生部分可以住宿學生宿舍，一些沒有抽到宿舍的同學就必須要在外租房子。不僅如此，大二以後的每一位同學都必須面臨到外租學生套房的擾人問題，也就因為這樣。如何找到一間適合自己的房間往往都需要看過好幾次，比較過每一間的優缺之後，才能做明確的決定！然而在這之間就花費掉不少的時間在蒐集資訊，從電線桿字條、公告欄、傳單、甚至要在校外近郊四處找尋空屋出租等。實在不是一件輕鬆的事，而且就算心中已經有了決定的目標，而在房屋契約、租金、水電、設備、離校遠近等等諸多因素下，往往也會造成同學間的困惑。針對學校在這方面也有顧慮到同學的不便，因此在學校網站也有提供租屋查詢這方面的服務。學務處--住宿組 http://knight.fcu.edu.tw/~student/2002student/live/live_rentinfo.htm. 其中的設計大體上完備，某些考量也設計的很貼心，例如租屋須知、租賃契約範本、校外包租宿舍、安全防護等…介紹得還算詳盡了，但是相對的學校外租的非校方包租宿舍的介紹就稍嫌粗略一點。在進入外租宿舍查詢畫面的時候只能夠依照路名的方式找尋目標，﹝查詢結果如下頁表 1-1﹞，而沒有辦法依照價格或是房間格式等…方式做快速搜尋，顯然在查詢方式上就已經不是很方便了！而各個項目的描述也十分簡略，沒有房間圖片或是環境評比、詳細房間資料等，所提供的資訊不足，單單只是文字上的描述，一般的使用者通常就會覺得太過粗糙。加上實際情況中大部分會找外租宿舍的同學都是大二以上的學生﹝佔全校學生七成以上﹞，而會去租“昂貴”的校外包租宿舍，而大概只有抽不到學生宿舍的新生吧！絕大多數的同學都是自行尋找外租宿舍，所以我覺得學校應該要顧慮到這大半同學的權利，而不是只有單單介紹校方包租的宿舍，在這方面是要有待改進的！ 1 逢甲大學 e-Paper (92學年度).

(15) 逢甲大學校外租屋查詢系統. 項次. 所. 在. 地. 建築物名稱. 規格間數. 價. 位(元). 房東聯絡電話. 備. 註. 文華路永新巷南二 1. 套房. 一學期 18000 24000 24513471. 弄六十號文華路永新巷南二 2. 套房. 10. 一學期. 17000. 24514562. 一個月. 5000. 24517355. 弄 54 號 3. 文華路 127 巷 1 2 號. 表 1-1 舊版校外租屋資訊查詢結果一覽表. 表 1-2 專題設計結果「新版校外租屋資訊查詢結果一覽表」. 2 逢甲大學 e-Paper (92學年度).

(16) 逢甲大學校外租屋查詢系統. 1.2 目的本系統的研發目的在於過去學校校內住宿網站雖有建立，但卻不夠完善，也沒有專人在管理與更新。本次校內住宿網站經本小組一番研究後，除了延續之前舊有的良好功能外，並有下列的兩大功能 1.房東部分：註冊登入成為會員後有以下的功能 (1) 以電子佈告欄取代張貼廣告。 (2) 可以讓房東將其房屋資料刊登至線上以供租屋者查詢例：大樓名稱、坪數、價錢、照片、房東限制條件﹝性別身份﹞。 (3) 依照投票結果評定房東會員等級。 (4) 房東租屋資訊表單的格式：房東或連絡人姓名、室內電話、手機、房屋類型、房屋地址、隔局坪數、租金押金、所附物品、房子優點或備註、刊登期限，消防保全。 (5) 圖文說明：可刊出地址、電話、信箱及網址，可張貼相關的照片吸引大家注意，將照片製成 JPG 或 GIF 圖檔。 (6) 房東功能表一覽：刊登租屋，關閉刊登，修改刊登，密碼提示：輸入原登記電子信箱，系統就會回寄密碼。 2.學生部分 (1) 不用再撕紅紙條、找仲介可以輸入價錢，地段，坪數等條件來上網查詢欲租的房屋。例：輸入月租五千元的上限，可以列出符合這些等級的房屋資訊出來。 (2) 可以進入 web 論壇與其他人做房屋資訊的討論與比較。 (3) 利用電子地圖路徑引導，點選畫面可以顯示出此路段局部欲出租的房屋。 (4) 租屋糾紛免費解答、諮詢：提供相關租屋契約法律諮詢。 3 逢甲大學 e-Paper (92學年度).

(17) 逢甲大學校外租屋查詢系統. 第二章系統概述 2.1 背景在學校的學生住宿網頁舊系統中，它隸屬於學務處之下的住宿組所設立，在近幾年來由於資訊的普及化，促使學生住宿的處理作業必須有更佳的住宿網站提供學生更多的服務，除了讓學生線上找尋所需的住宿資訊，在現今的管理宿舍的人員編制﹝如表 2-1﹞，分別負責學生住宿的事務。職稱組長教官輔導人員. 人員 1 3 5. 備註. 表 2-1 住宿組人員編制表. 2.2 逢甲大學住宿組系統組織圖. 學務處. 住宿組. 校內宿舍. 校外包租宿舍. 租屋資訊. 圖 2-1 逢甲大學住宿組系統組織圖. 4 逢甲大學 e-Paper (92學年度).

(18) 逢甲大學校外租屋查詢系統. 2.3 逢甲大學住宿系統架構圖. 住宿系統. 校內宿舍子系統. 校外包租子系統. 租屋資訊子系統. 圖 2-2 逢甲大學住宿系統架構圖. 2.4 舊系統之缺點 1.校內網頁資訊過於簡陋，也沒有查詢床位的服務。 2.校外包租只有提供學校包租的大樓資訊，並無其他租屋資訊。 3.租屋資訊 (1)其網頁中的路名查詢，更新時間隔太久。 (2)只提供地名沒有提供地圖瀏覽。 (3)查詢方式太少，只能用路名查詢，不能以其他方式查詢。例：以租金或特定關鍵字。. 5 逢甲大學 e-Paper (92學年度).

(19) 逢甲大學校外租屋查詢系統. 2.5 校外租屋系統架構圖如圖 2-3 所示，此校外租屋系統架構為針對逢甲舊系統的租屋管理系統做研發，分為四個子系統。. 校外租屋系統. 查詢系統. 管理系統. 討論區. 會員系統. 圖 2-3 校外租屋系統架構圖. 2.6 校外租屋系統之功能 1.查詢系統租屋者可以以多方面的查詢條件來查詢，例如租金、房間格式、距離、水電付費方式、相關設備、地段等等來查詢房屋資訊。租屋者也可以透過查詢系統，輸入路名即可顯示出此路段的租屋資訊，點擊後並可以得知欲知房屋的照片或者相關視訊。 2.管理系統針對租屋網頁的維護與租屋資訊的各項更新。 3.會員系統房東必須註冊資料後才能成為會員進行登入動作，使系統提供刊登租屋資訊的功能，並提供租屋者詳細房東資訊以進行聯繫。 4.討論區可以提供租屋者對於所知的房屋品質以及生活環境等做比較，並可以提供建言給房東以及管理人員做改進。 6 逢甲大學 e-Paper (92學年度).

(20) 逢甲大學校外租屋查詢系統. 2.7 人員編制組長一名教官三名輔導老師五名工讀生二名. 2.8 軟硬體需求軟硬需求 1.作業系統 Window XP 2.網頁製作 Microsoft Visual Studio.Net、Flash、Microsoft FrontPage 3.資料庫 Microsoft Access、Microsoft SQL personal Edition 4.文書處理 Microsoft Office、Adobe Acrobat 5.繪圖製作 Visio2002、Adobe Cool360、Adobe Photoshop 硬體需求 1.CPU AMD 700MHZ 2.記憶體 PC133 256MB SDRAM 3.硬體 Seagate 20GB 7200RPM 4.I/O 設備掃描器、印表機、數位相機 7 逢甲大學 e-Paper (92學年度).

(21) 逢甲大學校外租屋查詢系統. 2.9 工作職權與分配. 巫昌憲. 張琮翔. 1.系統分析 2.資料庫規劃 3.資料流程圖 4.討論區製作 5.網頁設計和美化 6.系統整合 7.報告撰寫. 黃炳舜. 1.系統分析與規劃 2.資料庫規劃 3.系統流程圖 4.會員系統製作 5.網頁設計和美化 6.系統整合 7.報告撰寫. 1.系統分析與規劃 2.資料庫規劃 3.地圖製作 4.租屋查詢系統製作 5.網頁設計和美化 6.系統整合 7.報告撰寫. 表 2-2 工作分配表. 2.10 工作時程. 工作名稱. 開始. 結束. 2003 3. 系統分析. 2003/3/10. 2003/5/16. 資料庫規劃. 2003/5/12. 2003/6/13. 資料流程圖. 2003/6/9. 2003/8/22. 系統流程圖. 2003/6/9. 2003/8/22. 地圖製作. 2003/6/9. 2003/8/22. 討論區製作. 2003/7/7. 2003/10/24. 會員系統製作. 2003/7/7. 2003/10/24. 租屋查詢系統製作. 2003/7/7. 2003/10/24. 網頁設計和美化. 2003/10/6. 2003/11/21. 系統整合. 2003/11/10. 2004/1/10. 報告撰寫. 2003/12/8. 2004/1/15. 4. 5. 6. 7. 8. 2004 9. 10. 11. 12. 1. 2. 表 2-3 預定工作時程甘特圖 8 逢甲大學 e-Paper (92學年度).

(22) 逢甲大學校外租屋查詢系統. 第三章系統分析與設計 3.1 簡介在開發一個軟體的過程中，從開始的初步研究﹝preliminary investigation﹞、可行性研究﹝feasibility study﹞，接著一般性設計﹝general design﹞、細部設計 (detail design﹞、程式發展 ﹝program development﹞，安裝﹝installation﹞、實施後評估 ﹝post implementation audit﹞…一直到最終完成軟體的建構。這即便是軟體開發的生命週期﹝System Development Life Cycle , SDLC﹞。而生命週期可以由許多種方法來建成模型，大致上可以分為下列幾種. 3.2 系統開發方法. 1. 瀑布模型﹝Waterfall Model﹞ 瀑布式流程是最早被提出的一個軟體開發方法，明確的定義了軟體開發的步驟﹝steps﹞，任何其中的一個步驟都是承接上一階段的結果，但是因為所設計的過程都會在之後做修改而不斷的變化，因此就會有回溯到之前步驟的情形發生。優點 (1)強調開發的階段性。 (2)強調早期計畫和需求調查。 (3)強調產品測試。缺點 (1)因為依據的是早期進行的需求調查，不能適應往後需求的變化。. 9 逢甲大學 e-Paper (92學年度).

(23) 逢甲大學校外租屋查詢系統. (2)因為是單一流程，開發中的經驗教訓無法回饋應用產品的過程。 (3)測試和除錯在最後才進行，風險便產生而失去及早修正的機會。. 系統需求步驟1 系統規劃. 預先研究報告步驟2 系統分析停止系統文件. 替代資訊系統步驟3 系統設計. 停止專案開發停止. 系統設計說明步驟4 系統建置. 停止專案開發停止. 完整功能系統資訊報表. 停止專案開發. 步驟5 系統操作. 運作資訊系統報表. 圖 3-1 瀑布模型圖. 10 逢甲大學 e-Paper (92學年度).

(24) 逢甲大學校外租屋查詢系統. 2. 螺旋模型﹝Spiral Model﹞ 螺旋模型開發其實是瀑布模型的加強應用，著重在風險分析與管理上，整個架構分為四個部分，包含制定計畫、風險分析、實施工程、客戶評估，從需求計畫和生存期計畫開始螺旋而出，並且分別在各個部分完成階段的目標，在確定風險程度已經很低的時候也可以採用其他的系統開發方法，繼續建制下去。. 圖 3-2 螺旋模型圖. 11 逢甲大學 e-Paper (92學年度).

(25) 逢甲大學校外租屋查詢系統. 優點 (1)強調嚴格的全程風險管理。 (2)強調各個開發階段的重要性。 (3)提供機會檢討項目是否有繼續執行的價值缺點因為在風險分析管理上要求十分嚴格，也因此會耗費大量資金或人力。 3. 原型設計﹝Prototyping Development﹞ 原型設計的主要步驟. 確認已知需求. 開發工作模型. 使用原型. 檢閱原型. 原型效能彽落. 放棄應用實作應用再開發應用從頭開始一個新原型. 圖 3-3 原型設計流程圖. 12 逢甲大學 e-Paper (92學年度).

(26) 逢甲大學校外租屋查詢系統. 原型設計的主要特點與優勢 (1). 系統開發時間短，使用者不會失去耐性，可快速驗證高風險 IS 的可行性。. (2). 可產生實際可用的系統﹝Working System﹞與使用者溝通需求而非紙上作業。. (3). 使用者參與程度高，興趣較高，可提高其創意。. (4). 使用者可以在早期建議與修改，錯誤發現早，修改成本低。. (5). 注重系統的分析階段，要求正確掌握動態的需求。. (6). 重覆發展﹝Iterative﹞的特性，可反應環境的改變。. (7). 使用者可邊用邊學，更清楚了解 IS 的需求，縮短日後訓練的時間。. (8). 用 4GL，介面與功能的修改容易，可讓使用者當場試用不同方案。. (9). 使用者參與、貢獻、互動程度高、對 MIS 信心高，接受可能性高。. 缺點 (1)嚴謹度不如 SDLC：沒有深入嚴謹的分析各作業流程的細節。 (2)太早熟的產品 (a) 文件完備程度不夠的問題：影響未來的維護。 (b) 效率的問題：PT 與實做環境規模不同，會有問題。 (c) 壓力測試：容量不夠要如何修改﹝硬體？資料庫？程式？﹞。 (d) PT 補強的問題：彈性 V.S. 速度。 (e) 提早交貨的問題：PT 夭折失敗的命運。. 13 逢甲大學 e-Paper (92學年度).

(27) 逢甲大學校外租屋查詢系統. 原型設計的適用時機﹝when﹞ (1)資訊需求不清楚。 (2)問題本身、使用者、開發人員、系統因素。 (3)外在環境變化快。 (4)使用者的需求需要檢定﹝Validation﹞。. 4. 聯合應用開發﹝Joint Application Development , JAD﹞ 特色 (1)以研討會的方式來共同決定系統的設計。 (2)以 CASE，4GL，Generator，PT 來輔助 SD。 (3)目標在於 SD 的技術細節而非功能的介定(JRP)。 (4)由一個 JAD 領導者來主導研討會。 (5)遵從一個有組織、有結構的方式進行。 (6)要鼓勵使用者多發言。 (7)資料處理人員負責將使用者的需求利用 4GL CASE、PT Tool 轉換成介面、資料模式結構化的資料流程圖等設計或 JPT。 (8)透過此方法，使用者可共同來了解並討論系統的設計，隨後並建立資料模式、螢幕設計、報表設計、及處理模型等相關的規格書。優點 (1)群組方式快速來分享知識，了解使用者對 SD 的需求，減少 SD 的時間。 (2)快速形成對 SD 的共識，減少 SD 的錯誤與誤解。 (3)促進創意。 (4)提昇使用者主導的角色，提高其了解、接受度。 (5)以 working model 來檢驗使用者的需求。 14 逢甲大學 e-Paper (92學年度).

(28) 逢甲大學校外租屋查詢系統. 5. 物件導向系統開發﹝Object Oriented﹞ 物件導向整合模式技術，乃整合 Rumbaugh、Booch、Jacobson、 Shlaer/MelIor、Martin/Odell 和 UML 六家物件導向方法論的優點與特點，並改良其缺點，以期建構一個適合系統開發的物件導向整合模式技術，其系統開發流程的四個階段如下 (1)需求規格分析主要在確實瞭解使用者的真正需求，並針對相關問題領域加以深入探討、研究並定義，以確定系統的目的與系統範圍，建立一套完整且符合使用者需求的系統。 (2)系統分析系統分析的結構、行為與功能三個角度加以研究、分析與探討，以建立系統完整的物件結構模式、物件動態模式與物件功能處理模式等三個模式，以充分展現完整的系統風貌。 (3)系統設計建立系統整體功能架構圖，並選擇適當的發展環境及能適切表示系統的資料結構，並使系統的複雜度能有效地管理掌握。 (4)程式設計與測試維護程式設計包含程式碼的撰寫、各項測試與撰寫使用手冊三個部份;而測試維護則包括系統的全面整合測試、系統安裝及持續對系統做定期維護等工作。 OO 方法在處理複雜系統的分析和設計及其重覆使用方面，應用前景也是相當可觀。如果我們承認 OO 的軟體發展不僅僅局限於編碼活動，那麽就必須採用一種全新的開發模式，包括新的軟體生命周期。目前最常見的生命周期是「瀑布」模型（結構化）。它是在 60 年代末「軟體危機」後出現的第一個生命周期模型。如下所示分析 --! 設計 ---> 編碼 ---! 測試 ----> 維護. 15 逢甲大學 e-Paper (92學年度).

(29) 逢甲大學校外租屋查詢系統. 如圖所示，瀑布式生命周期的開發程序是順序行進的；活動流向基本是單向的。物件導向的方法從問題模型開始，然後就是識別物件、不斷細緻化的過程，本質上它就是反覆式和漸進式的，開發程序就是一次次的反覆遞增程序。隨著反覆式的進行，系統的功能不斷完善。這裡，傳統的開發模式中在分析、設計和編碼等各個階段之間的明顯界限變得模糊起來。其原因是因爲物件的概念彌漫了整個開發過程。物件和它們之間的關係成爲分析、設計和編碼等各個階段的共同表達媒介。開發的重心從編碼往分析偏移，從功能爲中心向資料爲中心轉移。而且，物件導向開發的反覆式和無接縫特性使得重覆使用變得更加自然。. 3.3 所選擇的方法及原因 1、以群組方式可以在使用者和房東中取得多樣的資訊。 2、小組討論可以互相發表意見和提出想法來達到系統最佳效果。 3、在和使用者的互動過程之中去針對使用者的需求來做系統的方針。 4、一同提出問題、發現問題、解決問題。 5、可推出一領導者來分配工作進度，達成小組分工，使工作更有效率。 6、透過此方法，使用者可共同來了解並討論系統的設計，隨後並建立資料模式、螢幕設計、報表設計、及處理模型等相關的規格書。. 16 逢甲大學 e-Paper (92學年度).

(30) 逢甲大學校外租屋查詢系統. 3.4 新系統全景圖此系統全景圖，中心為「租屋系統」，與三個外部實體：「租屋者」、「房東」、「管理人員」，租屋者以查詢變數輸入至中心系統及接收查詢後的結果。而房東以登入確認後可以刊登房屋資訊，管理人員則是以更新系統為目的。. 租屋者. 查詢變數. 房東登入確認. 查詢結果. ０. 帳號登入. 租屋系統. 報告. 更新. 管理人員. 圖3-4 新系統全景圖. 17 逢甲大學 e-Paper (92學年度).

(31) 逢甲大學校外租屋查詢系統. 3.5 圖 0 圖0為全景圖之細部詳述，此圖包含三個外部實體，四個子系統及三個資料庫，其有相關者以箭頭描述連接。. 圖 3-5 新系統圖 0 18 逢甲大學 e-Paper (92學年度).

(32) 逢甲大學校外租屋查詢系統. 3.6 正規化正規化﹝Normalization﹞為設計邏輯資料庫時，為了降低資料的重覆性與避免「更新異常」情況發生的一連串作業程序，就稱為正規化﹝Normalization﹞。正規化的種類 1. 第一正規化﹝First Normal Form；1NF﹞ 一個關聯表 R 屬於第一正規化，若且唯若它所有屬性的值域 ﹝Domain﹞都僅含單元值﹝Atomic Value﹞。特色：1.簡單表示法 2.容易實做 3.對於更新不論是插入、刪除，只需一種簡單的運算子即可完成。正規劃前 ID 1 2. 地點名稱時代麗冠. 房東王小名王大名. 價位 3000 5000. 坪數 <7,9> 9. 價位 3000 3000 5000. 坪數 7 9 9. 表3-1 第一正規化前正規化後 ID 1 2 3. 地點名稱時代時代麗冠. 房東王小名王小名王大名. 表3-2 第一正規化後. 19 逢甲大學 e-Paper (92學年度).

(33) 逢甲大學校外租屋查詢系統. 2. 第二正規化﹝Second Normal Form；2NF﹞ 一個關聯表 R 屬於第二正規化，若且唯若它為第一正規化型式，且所有不屬於主鍵的屬性都功能相依於該關聯表的主鍵。查詢序號 1 2. 查詢編號 1 1. 地點項目 122 256. ADDRESS 男宿305 河南路3號. 表3-3 第二正規化經過第一正規劃的處理後，基本上資料已經符合了1NF的要求，而要做到2NF的階段則必須每一個列加入一個獨一無二的識別ID號碼，上面的例子，假如我們有2筆相同的查詢資料﹝一次查詢2筆資料﹞則就會出現重複現象，因此加入查詢序號便可解決問題，也剛好符合第二正規化。 3. 第三正規化﹝Third Normal Form；3NF﹞ 一個關聯表 R 屬於第三正規化，若且唯若它為第二正規化型式，且所有不屬於主鍵的屬性都不能彼此功能相依。要完成第三正規劃的要求，必須先符合2NF的條件，然後去除資料中相依的關係欄位，我們檢視 2NF 的資料表發現 ﹝ 地點項目 ﹞ 跟它的 ADDRESS相同的欄位相依關係，我們只要保留地點項目即可。. 查詢序號 1. 查詢編號 1. 地點項目 122. 表3-4 第三正規化 4. BCNF﹝廣義的第三正規化﹞ 一個關聯表 R 屬於第三正規化，若且唯若它所有的決定屬性都是該關聯表的候選鍵。. 20 逢甲大學 e-Paper (92學年度).

(34) 逢甲大學校外租屋查詢系統. 5. 第四正規化﹝Fourth Normal Form；4NF﹞ 一個關聯表 R 屬於第四正規化，若且唯若它所有的多重值相依性都是功能相依性。 6. 第五正規化﹝Fifth Normal Form；5NF﹞ 一個關聯表 R 屬於第五正規化﹝或稱為「投影─合併正規化型式」﹞，若且唯若它所有的合併相依性 *( X , Y ) 中的 X 與 Y 兩關聯表所含有的共同屬性﹝也就是用來做自然合併的屬性﹞是 R 的候選鍵。正規化的步驟正規化是使用關聯式資料庫必備的分析資料表建立的方法，每一個關聯試資料表都必須要符合正規化的定義，否則關聯的資料庫會大亂，依照正規化的規則，可分成好幾層的正規化，而我們這次要作專題部分的關聯式資料庫只要完成到第三正規化即可而 4NF、5NF 太過於複雜不符合成本效率，所以不考慮。 STEP 1 將表格中的變動項目展開來，其結果即為一級正規化。 STEP 2 其次移去部分相關性﹝Partial dependency﹞得到二級正規化。 STEP 3 再來消除關連間之遞移相關﹝Transitive dependency﹞最後得到三級正規化。. 21 逢甲大學 e-Paper (92學年度).

(35) 逢甲大學校外租屋查詢系統. 正規化的步驟如下. 未正規化關聯. 去除重複群組. 1NF. 去除部分相聯. 2NF. 去除遞移相關. 3NF 去除因功能相關產生的異常. BCNF. 圖3-6 正規化步驟圖. 22 逢甲大學 e-Paper (92學年度).

(36) 逢甲大學校外租屋查詢系統. 3.7 查詢子系統架構圖租屋者根據其欲查詢的各項資料，如租金、地段、房屋格式、家具設備等而進行查詢功能，爲了方便使用者依照其目的尋找其所需的資訊，因此本系統提供三種查詢功能分別有 (1) 租屋查詢 (2) 地圖查詢 (3) 路名查詢. 1.查詢子系統之功能圖租屋系統. 查詢子系統. 租屋查詢. 地圖查詢. 路名查詢. 圖3-7 查詢子系統功能圖. 23 逢甲大學 e-Paper (92學年度).

(37) 逢甲大學校外租屋查詢系統. (1) 租屋查詢. 輸入查詢資料.aspx. 房屋資料.mdb. Procedure1.1. 輸出查詢結果.aspx. 圖3-8 租屋查詢流程圖說明 Procedure1.1 將租屋者將欲查詢的資料與房屋資料庫中的資料做比對，並且將符合查詢結果的資料輸出。. 24 逢甲大學 e-Paper (92學年度).

(38) 逢甲大學校外租屋查詢系統. (a). 檔案名稱：房屋資料.mdb 紀錄格式. 序號 1 2 3 4 5 6 7 8 9 10 11 12. 資料欄位名稱編號路名地址月租坪數規格屋齡出租樓層車位有無房東姓名出租瀏覽. 類型文字文字文字數字數字文字數字文字文字文字文字文字. 長度(px) 10 20 40 長整數長整數 10 長整數 10 10 10 10 30. 限制不可空白不可空白不可空白不可空白不可空白不可空白不可空白不可空白不可空白不可空白不可空白 -. 備註 -. 表3-5 房屋資料欄位表. (b). 檔案名稱：輸入查詢資料.aspx 紀錄格式. 序號 1 2 3 4 5 6 7 8. 內容月租下限月租上限房屋樣式房屋坪數下限房屋坪數上限車位有無出租樓層(起) 出租樓層(止). 位置(px) ( 350 , 40 ) ( 420 , 40 ) ( 350 , 75 ) ( 350 , 120 ) ( 420 , 120 ) ( 350 , 140 ) ( 350 , 160 ) ( 420 , 160 ). 長度(px) 70 70 230 70 70 230 70 70. 備註以「下拉選單」選擇以「下拉選單」選擇 RadioButtonList 選取以「下拉選單」選擇以「下拉選單」選擇 RadioButtonList 選取以「下拉選單」選擇以「下拉選單」選擇. 表3-6 輸入查詢資料欄位表. 25 逢甲大學 e-Paper (92學年度).

(39) 逢甲大學校外租屋查詢系統. (c). 檔案名稱：輸出查詢資料.aspx 紀錄格式. 序號 1 2 3 4 5 6 7 8 9 10 11. 內容編號地址租金坪數規格屋齡樓層車位房東出租瀏覽. 位置(px) ( 5 , 250 ) ( 45 , 250 ) ( 350 , 250 ) ( 390 , 250 ) ( 430 , 250 ) ( 470 , 250 ) ( 510 , 250 ) ( 550 , 250 ) ( 590 , 250 ) ( 675 , 250 ) ( 735 , 250 ). 長度(px) 40 305 40 40 40 40 40 40 35 40 40. 表3-7 輸出查詢資料欄位表. 26 逢甲大學 e-Paper (92學年度).

(40) 逢甲大學校外租屋查詢系統. (2) 地圖查詢﹝由地圖查詢﹞. 點選地圖區域.aspx. 房屋資料.mdb. Procedure1.2. 輸出查詢結果.aspx. 圖3-9 地圖查詢流程圖說明 Procedure1.2 租屋者在網頁上點擊地圖上提供的區域，經由滑鼠座標判斷位置比對房屋資料，顯示出地圖畫面。 (a). 檔案名稱：房屋資料.mdb 紀錄格式：如表3-1. (b). 檔案名稱：點選地圖區域.aspx 紀錄格式：在網頁上有地圖提供欲查詢的區域，以滑鼠點選。. (d). 檔案名稱：輸出查詢結果.aspx。紀錄格式：如表3-3. 27 逢甲大學 e-Paper (92學年度).

(41) 逢甲大學校外租屋查詢系統. (3)地圖查詢﹝由地址查詢﹞. 輸入地址.aspx. Procedure1.3. 房屋資料.mdb. 顯示地圖.aspx. 圖3-10 地圖查詢流程圖說明 Procedure1.3 租屋者在網頁上輸入地址資料，經由房屋資料比對後，在地圖畫面顯示出其查詢資料的位置。 (a). 檔案名稱：房屋資料.mdb 紀錄格式：如表3-1. 28 逢甲大學 e-Paper (92學年度).

(42) 逢甲大學校外租屋查詢系統. (b). 檔案名稱：輸入地址.aspx 紀錄格式. 序號 1 2 3 4 5. 內容路名段巷弄號. 位置(px) ( 150 , 200 ) ( 250 , 200 ) ( 350 , 200 ) ( 430 , 200 ) ( 490 , 200 ). 長度(px) 80 60 60 60 80. 備註以「下拉選單」選擇以「下拉選單」選擇以「下拉選單」選擇以「下拉選單」選擇以「下拉選單」選擇. 表3-8 輸出地址資料欄位表 (d). 檔案名稱：顯示地圖.aspx。紀錄格式：在網頁上顯示出查詢後的地圖。. 29 逢甲大學 e-Paper (92學年度).

(43) 逢甲大學校外租屋查詢系統. (3) 路名查詢輸入路名查詢.aspx. Procedure1.4. 房屋資料.mdb. 輸出查詢結果.aspx. 圖3-11 路名查詢流程圖說明 Procedure1.4 將租屋者將欲查詢的路名與房屋資料庫中的資料做比對，並且將此路名上的所有房屋出租資料顯示出來。 (a). 檔案名稱：房屋資料.mdb 紀錄格式：如表3-1. (b). 檔案名稱：輸入路名資料.aspx 紀錄格式. 序號 1. 內容路名. 位置(px) ( 60 , 330 ). 長度(px) 70. 備註以「下拉選單」選擇. 表3-9 輸入路名資料表 (c). 檔案名稱：輸出查詢結果.aspx 紀錄格式：如表3-3. 30 逢甲大學 e-Paper (92學年度).

(44) 逢甲大學校外租屋查詢系統. 3.8 管理子系統架構圖管理人員為了系統的維護，必須定期的更新資料，可以刪除已過期的房屋資訊和長久未曾登入的會員，其功能分別有 (1) 管理人員密碼修改 (2) 租屋編輯與刪除 (3) 會員編輯與刪除 (4) 查詢已刪除房屋資料 (5) 查詢已刪除會員資料. 租屋系統. 管理子系統. 管理人員. 租屋編輯. 會員編輯. 查詢已刪. 查詢已刪. 密碼修改. 與刪除. 與刪除. 除房屋資. 除會員資. 料. 料. 圖3-12 管理子系統功能圖. 31 逢甲大學 e-Paper (92學年度).

(45) 逢甲大學校外租屋查詢系統. (1). 管理人員密碼修改. 輸入欲修改密碼.aspx. Procedure2.1. 管理人員資料.mdb. 修改成功.aspx. 管理人員資料.mdb. 修改失敗.aspx. 圖3-13 管理人員密碼修改流程圖說明 Procedure2.1 先讀取管理人員的帳號與密碼，輸入欲修改密碼，若輸入無誤則存入新密碼，顯示修改成功，否則為失敗。 (a). 檔案名稱：管理人員資料.mdb 紀錄格式. 序號 1. 資料欄位名稱帳號. 類型文字. 長度(px) 10. 限制不可空白. 2. 密碼. 文字. 10. 不可空白. 備註為索引且不能重複 -. 表3-10 管理人員資料表. 32 逢甲大學 e-Paper (92學年度).

(46) 逢甲大學校外租屋查詢系統. (b). 檔案名稱：輸入欲修改密碼.aspx 紀錄格式. 序號 1 2 3. 內容帳號密碼確認密碼. 位置(px) ( 240 , 60 ) ( 240 , 90 ) ( 240, 120 ). 長度(px) 120 120. 備註無法修改修改密碼確認密碼. 表3-11 輸入密碼欄位表 (c). 檔案名稱：修改密碼成功.aspx 紀錄格式. 序號 1. 內容顯示修改成功. 位置(px) -. 備註 -. 表3-12 修改密碼成功位置表 (d). 檔案名稱：修改密碼失敗.aspx 紀錄格式. 序號 1. 內容顯示修改失敗. 位置(px) -. 備註因某因素造成登入失敗. 表3-13 修改密碼失敗位置表. 33 逢甲大學 e-Paper (92學年度).

(47) 逢甲大學校外租屋查詢系統. (2). 租屋編輯. 租屋編輯.aspx. Procedure2.2. 房屋資料.mdb. 租屋編輯成功.aspx. 房屋資料.mdb. 租屋編輯失敗.aspx. 圖3-14 租屋編輯流程圖說明 Procedure2.2 先抓出舊的房屋資料，編輯欲更新的房屋資料，在儲存至房屋資料，並顯示出成功畫面。 (a). 檔案名稱：房屋資料.mdb 紀錄格式：如表3-1. 34 逢甲大學 e-Paper (92學年度).

(48) 逢甲大學校外租屋查詢系統. (b). 檔案名稱：租屋編輯.aspx 紀錄格式. 序號 1 2 3 4 5 6 7 8 9 10 11 12 13. 內容編號地址租金坪數規格屋齡樓層車位房東出租瀏覽編輯刪除. 位置(px) ( 10 , 70 ) ( 50 , 70 ) ( 340 , 70 ) ( 350 , 70 ) ( 390 , 70 ) ( 430 , 70 ) ( 470 , 70 ) ( 510 , 70 ) ( 550 , 250 ) ( 590 , 250 ) ( 675 , 250 ) ( 750 , 250 ) ( 830 , 250 ). 長度(px) 40 290 10 40 40 40 40 40 40 85 75 80 70. 表3-14 租屋編輯位置表 (c). 檔案名稱：編輯房屋成功.aspx 紀錄格式：如表3-10. (d). 檔案名稱：編輯房屋失敗.aspx 紀錄格式. 序號 1. 內容顯示刪除失敗. 位置(px) -. 備註 -. 表3-15 編輯房屋失敗位置表. 35 逢甲大學 e-Paper (92學年度).

(49) 逢甲大學校外租屋查詢系統. (3)租屋刪除. 租屋刪除.aspx. Procedure2.3. 房屋歷史檔.mdb. 租屋刪除成功.aspx. 房屋資料.mdb. 租屋刪除失敗.aspx. 圖3-15 租屋刪除流程圖. 說明 Procedure2.3 先抓出舊的房屋資料，刪除欲移除的房屋資料，並在歷史檔中記錄，並顯示出成功畫面。 (a). 檔案名稱：房屋資料.mdb 紀錄格式：如表3-1. 36 逢甲大學 e-Paper (92學年度).

(50) 逢甲大學校外租屋查詢系統. (b). 檔案名稱 : 房屋歷史檔.mdb 紀錄格式：如表3-1. (c). 檔案名稱：租屋刪除.aspx 紀錄格式：如表3-10. (d). 檔案名稱：房屋刪除成功.aspx 紀錄格式：如表3-10. (e). 檔案名稱：房屋刪除失敗.aspx 紀錄格式. 序號 1. 內容顯示刪除失敗. 位置(px) -. 備註 -. 表3-16 房屋刪除失敗位置表. 37 逢甲大學 e-Paper (92學年度).

(51) 逢甲大學校外租屋查詢系統. (3)會員編輯會員編輯.aspx. Procedure2.4. 會員資料.mdb. 會員編輯成功.aspx. 會員資料.mdb. 會員編輯失敗.aspx. 圖3-16 會員編輯流程圖說明 Procedure2.4 先抓出舊的會員資料，編輯欲更新的會員資料，在儲存至會員資料，並顯示出成功畫面。. 38 逢甲大學 e-Paper (92學年度).

(52) 逢甲大學校外租屋查詢系統. (a). 檔案名稱：會員資料.mdb 紀錄格式. 序號 1 2 3 4 5 6 7 8 9 10 11 12 13. 資料欄位名帳號密碼姓名性別出生年出生月出生日電話手機地址電子郵件個人網址備註. 類型文字文字文字文字數字數字數字文字文字文字文字文字文字. 長度(px) 10 10 10 2 位元組位元組位元組 20 20 60 20 20 -. 限制不可空白不可空白不可空白不可空白不可空白不可空白不可空白不可空白 -. 備註不能重複 -. 表3-17 會員資料欄位表. 39 逢甲大學 e-Paper (92學年度).

(53) 逢甲大學校外租屋查詢系統. (b). 檔案名稱：會員編輯.aspx 紀錄格式. 序號 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15. 內容帳號密碼姓名性別出生年出生月出生日電話手機地址電子郵件個人網址備註編輯刪除. 位置(px) ( 10 , 70) ( 60 , 70 ) ( 150 , 70 ) ( 230 , 70 ) ( 275 , 70 ) ( 310 , 70 ) ( 355 , 70 ) ( 390 , 70 ) ( 500 , 70 ) ( 600 , 70 ) ( 730 , 70 ) ( 850 , 250 ) ( 975 , 250 ) ( 1010 , 250 ) ( 1090 , 250 ). 長度(px) 50 90 80 45 35 45 35 110 100 130 120 125 35 80 35. 表3-18 會員編輯位置表 (c). 檔案名稱：會員編輯成功.aspx 紀錄格式：如表3-13. (d). 檔案名稱：會員編輯失敗.aspx 紀錄格式. 序號 1. 內容顯示刪除失敗. 位置(px) -. 備註 -. 表3-19 會員編輯失敗位置表. 40 逢甲大學 e-Paper (92學年度).

(54) 逢甲大學校外租屋查詢系統. (4)會員刪除會員刪除.aspx. Procedure2.5. 會員歷史檔.mdb. 會員刪除成功.aspx. 會員刪除.mdb. 會員刪除失敗.aspx. 圖3-17 會員編輯流程圖說明 Procedure2.5 先抓出舊的會員資料，刪除欲移除的會員資料，並在歷史檔中記錄，並顯示出成功畫面。 (a). 檔案名稱：會員資料.mdb 紀錄格式：如表3-13. (b). 檔案名稱 : 會員歷史檔.mdb 紀錄格式：如表3-2. 41 逢甲大學 e-Paper (92學年度).

(55) 逢甲大學校外租屋查詢系統. (c). 檔案名稱：會員刪除.aspx 紀錄格式：表3-12. (d). 檔案名稱：會員刪除成功.aspx 紀錄格式：如表3-12. (e). 檔案名稱：會員刪除失敗.aspx 紀錄格式：. 序號 1. 內容顯示刪除失敗. 位置(px) -. 備註 -. 表3-20 會員編輯失敗位置表. 42 逢甲大學 e-Paper (92學年度).

(56) 逢甲大學校外租屋查詢系統. (5)查詢已刪除房屋資料查詢已刪除房屋.aspx. Procedure2.6. 房屋歷史檔.mdb. 查詢結果.aspx. 圖3-18 查詢已刪除房屋資料流程圖說明 Procedure2.6 從歷史檔中取出被刪除的房屋記錄，並顯示出房屋資料。 (a) 檔案名稱 : 房屋歷史檔.mdb 紀錄格式：如表3-1 (b) 檔案名稱：查詢已刪除房屋.aspx 紀錄格式序號 1. 內容路名. 位置(px) ( 150 , 50 ). 長度(px) 80. 備註以「下拉選單」選擇. 表3-21 查詢已刪除房屋位置表 (c). 檔案名稱：查詢結果.aspx 紀錄格式：如表3-10 43 逢甲大學 e-Paper (92學年度).

(57) 逢甲大學校外租屋查詢系統. (6)查詢已刪除會員資料查詢已刪除會員.aspx. Procedure2.7. 會員歷史檔.mdb. 查詢結果.aspx. 圖3-19 查詢已刪除房屋資料流程圖說明 Procedure2.7 從歷史檔中取出被刪除的會員記錄，並顯示出會員資料。 (a) 檔案名稱 : 會員歷史檔.mdb 紀錄格式：如表3-12 (c) 檔案名稱：查詢已刪除會員.aspx 紀錄格式序號 1. 內容帳號. 位置(px) ( 150 , 50 ). 長度(px) 80. 備註以「下拉選單」選擇. 表3-22 查詢已刪除會員位置表 (c). 檔案名稱：查詢結果.aspx 紀錄格式：如表3-14 44 逢甲大學 e-Paper (92學年度).

(58) 逢甲大學校外租屋查詢系統. 3.9 會員子系統架構圖會員子系統的基本概念是用來管理會員的基本資料，用來方便系統掌控使用者的權力，此系統提供的服務包括 (1)會員註冊 (2)會員密碼查詢 (3)會員資料修改 (4)刊登房屋資料. 租屋系統. 會員子系統. 會員註冊. 會員密碼查詢. 會員資料修改. 刊登房屋資料. 圖3-20 會員子系統功能圖. 45 逢甲大學 e-Paper (92學年度).

(59) 逢甲大學校外租屋查詢系統. (1) 會員註冊註冊資料.aspxx. Procedure3.1. 會員資料.mdb. 註冊成功.aspx. 註冊失敗.aspx. 圖3-21 會員註冊流程圖說明 Procedure3.1 輸入欲註冊的會員帳號與其相關註冊資料，若輸入資料正確，則儲存至會員資料庫，並且將符合註冊會員的成功畫面輸出。 (a). 檔案名稱：會員資料.mdb 紀錄格式：如表3-12. 46 逢甲大學 e-Paper (92學年度).

(60) 逢甲大學校外租屋查詢系統. (b). 檔案名稱：註冊資料.aspx 紀錄格式. 序號 1 2 3 4 5 6 7 8 9 10 11 12 13 14. 內容帳號密碼確認密碼姓名性別出生年出生月出生日電話手機地址電子信箱個人網址備註. 位置(px) ( 270 , 90 ) ( 270 , 110 ) ( 270 , 130 ) ( 270 , 150 ) ( 270 , 170 ) ( 270 , 190 ) ( 460 , 190 ) ( 640 , 190 ) ( 270 , 210 ) ( 270 , 230 ) ( 270 , 250 ) ( 270 , 270 ) ( 270 , 290 ) ( 270 , 310 ). 長度(px) 150 120 120 80 150 60 60 60 130 130 200 180 180 300. 備註不可空白不可空白不可空白不可空白不可空白不可空白不可空白不可空白不可空白 -. 表3-23 註冊資料位置表 (c). 檔案名稱：註冊成功.aspx 紀錄格式. 序號 1. 內容顯示註冊成功. 位置(px) ( 320 , 70 ). 長度(px) -. 備註成為會員. 長度(px) -. 備註 -. 表3-24 註冊成功位置表 (d). 檔案名稱：註冊失敗.aspx 紀錄格式. 序號 1. 內容顯示註冊失敗. 位置(px) ( 320 , 70 ). 表3-25 註冊失敗位置表. 47 逢甲大學 e-Paper (92學年度).

(61) 逢甲大學校外租屋查詢系統. (2) 會員密碼查詢. 會員密碼查詢.aspx. Procedure3.2. 會員資料.mdb. 顯示密碼.aspx. 查詢失敗.aspx. 圖3-22 會員密碼查詢流程圖. 說明 Procedure3.2 輸入會員帳號與密碼和會員資料庫中的資料做比對，符合的話將帳號與密碼顯示在畫面中。. (a). 檔案名稱：會員資料.mdb 紀錄格式：如表3-12. 48 逢甲大學 e-Paper (92學年度).

(62) 逢甲大學校外租屋查詢系統. (b). 檔案名稱：會員密碼查詢.aspx 紀錄格式. 序號 1 2. 內容輸入帳號輸入電子信箱. 位置(px) ( 490 , 140 ) ( 490 , 160 ). 長度(px) 200 200. 備註 -. 表3-26 會員密碼查詢位置表 (c). 檔案名稱：顯示密碼.aspx 紀錄格式. 序號 1. 內容顯示密碼. 位置(px) ( 440 , 220 ). 長度(px) -. 備註顯示密碼. 表3-27 顯示密碼位置表 (d). 檔案名稱：查詢失敗.aspx 紀錄格式. 序號 1. 內容顯示查詢失敗. 位置(px) ( 440 , 220 ). 長度(px) -. 備註輸入註冊信箱或帳號錯誤. 表3-28 顯示密碼查詢錯誤位置表. 49 逢甲大學 e-Paper (92學年度).

(63) 逢甲大學校外租屋查詢系統. (3)會員資料修改修改會資料.aspx. Procedure3.3. 會員資料.mdb. 會員資料.mdb. 修改成功.aspx. 圖3-23 會員資料修改流程圖說明 Procedure3.3 輸入欲修改的會員帳號與會員資料庫中的資料做比對，儲存後並將修改成功畫面顯示出。 (a). 檔案名稱：會員資料.mdb 紀錄格式：如表3-13. 50 逢甲大學 e-Paper (92學年度).

(64) 逢甲大學校外租屋查詢系統. (b). 檔案名稱：修改會員資料.aspx 紀錄格式. 序號 1 2 3 4 5 6 7 8 9 10 11 12 13 14. 內容帳號密碼確認密碼姓名性別出生年出生月出生日電話行動電話地址電子郵件個人網址備註. 位置(px) ( 170 , 80 ) ( 170 , 110 ) ( 170 , 130 ) ( 170 , 150 ) ( 170 , 175 ) ( 170 , 200 ) ( 340 , 200 ) ( 510 , 200 ) ( 170 , 225 ) ( 170 , 245 ) ( 170 , 270 ) ( 170 , 290 ) ( 170 , 310 ) ( 170 , 330 ). 長度(px) 120 120 80 150 60 60 60 130 130 200 180 180 300. 備註不可修改不可空白不可空白不可空白不可空白不可空白不可空白不可空白不可空白 -. 表3-29 修改會員資料位置表 (c). 檔案名稱：修改成功.aspx 紀錄格式. 序號 1. 內容顯示修改成功. 位置(px) -. 備註 -. 表3-30 修改成功位置表. 51 逢甲大學 e-Paper (92學年度).

(65) 逢甲大學校外租屋查詢系統. (4)刊登房屋資料刊登房屋資料.aspx. Procedure3.4. 房屋資料.mdb. 刊登成功.aspx. 圖3-24 刊登房屋資料流程圖說明 Procedure3.4 輸入欲刊登的房屋資料，若輸入房屋資料正確，則儲存至房屋資料後並顯示刊登成功畫面。 (a). 檔案名稱：房屋資料.mdb 紀錄格式：如表3-1. 52 逢甲大學 e-Paper (92學年度).

(66) 逢甲大學校外租屋查詢系統. (b). 檔案名稱：刊登房屋資料.aspx 紀錄格式. 序號 1 2 3 4 5 6 7 8 9 10 11 12. 內容地址段巷弄號租金坪數規格屋齡樓層房東車庫. 位置(px) ( 150 , 160 ) ( 320 , 160 ) ( 150 , 190 ) ( 320 , 190 ) ( 500 , 190 ) ( 150 , 200 ) ( 150 , 230 ) ( 150 , 260 ) ( 150 , 290 ) ( 150 , 320 ) ( 150 , 350 ) ( 150 , 380 ). 長度(px) 80 50 50 50 100 150 60 200 50 50 80 60. 備註不可空白不可空白不可空白不可空白不可空白不可空白不可空白不可空白不可空白. 表3-31 刊登房屋資料位置表 (c). 檔案名稱：刊登成功.aspx 紀錄格式. 序號 1. 內容顯示刊登成功. 位置(px) ( 350 , 350 ). 長度(px) -. 備註刊登成功. 表3-32 刊登成功位置表. 53 逢甲大學 e-Paper (92學年度).

(67) 逢甲大學校外租屋查詢系統. 3.10 討論區子系統架構圖討論區提供大家再此互相交流意見，已發表文章即回覆為主，其主要功能如下 (1) 文章發表 (2) 文章回覆租屋系統. 討論區子系統. 文章發表. 文章回覆. 圖3-25 討論區子系統功能圖. 54 逢甲大學 e-Paper (92學年度).

(68) 逢甲大學校外租屋查詢系統. (1)文章發表發表文章.aspx. Procedure4.1. 討論區.mdb. 討論區列表.aspx. 圖3-26 文章發表流程圖說明 Procedure4.1 發表的文章儲存至文章的資料庫後，並回到討論區列表表示發表文章成功。 (a). 檔案名稱：討論區.mdb 紀錄格式. 序號 1 2 3 4 5 6 7. 資料欄位名編號作者郵件帳號主題內容圖示時間. 類型自動編號文字文字文字文字文字日期 / 時間. 欄位大小(px) 長整數 50 50 50 50 50 -. 備註 -. 表3-33 討論區資料欄位表. 55 逢甲大學 e-Paper (92學年度).

(69) 逢甲大學校外租屋查詢系統. (b). 檔案名稱：討論區列表.aspx 紀錄格式. 序號 1 2 3. 內容作者主題時間. 位置(px) ( 280 , 100 ) ( 480 , 100 ) ( 680 , 100 ). 長度(px) 200 200 200. 備註 -. 表3-34 討論區列表位置表. (c). 檔案名稱：發表文章.aspx 紀錄格式. 序號 1 2 3 4 5. 內容作者郵件帳號主題圖示內容. 位置(px) ( 280 , 300 ) ( 280 , 330 ) ( 280 , 380 ) ( 280 , 410 ) ( 280 , 450 ). 長度(px) 150 200 200 350 300. 備註 -. 表3-35 發表文章位置表. 56 逢甲大學 e-Paper (92學年度).

(70) 逢甲大學校外租屋查詢系統. (2)文章回覆回覆文章.aspx. 回覆區.mdb. Procedure4.2. 討論區.mdb. 討論區列表.aspx. 圖3-27 文章回覆流程圖說明 Procedure4.2 從討論區中抓取文章後，並將回覆的文字一併儲存至回覆區，成功會將回至討論區列表。 (a). 檔案名稱：討論區.mdb 紀錄格式：如表3-30. 57 逢甲大學 e-Paper (92學年度).

(71) 逢甲大學校外租屋查詢系統. (b). 檔案名稱：回覆區.mdb 紀錄格式. 序號 1 2 3 4 5 6 7. 資料欄位名原主題編號作者郵件帳號主題內容圖示時間. 類型編號文字文字文字文字文字日期 / 時間. 欄位大小(px) 長整數 50 50 50 50 50 -. 備註 -. 表3-36 回覆文章位置表. (c). 檔案名稱：回覆文章.aspx 紀錄格式. 序號 1 2 3 4. 內容作者郵件帳號圖示內容. 位置(px) ( 120 , 100 ) ( 120 , 120 ) ( 120 , 160 ) ( 120 , 180 ). 長度(px) 150 200 350 300. 備註 -. 表3-37 討論區列表位置表. 58 逢甲大學 e-Paper (92學年度).

(72) 逢甲大學校外租屋查詢系統. 第四章系統製作在這一個章節之中將介紹我們所建置的逢甲校外租屋系統之使用方法，首先在瀏覽器中輸入主機的 IP 位址﹝在此以本機位址為例 http://localhost/house/﹞，之後會進入我們系統的首頁如圖 4-1，此. 系統的功能有租屋查詢、地圖查詢、路名查詢、路名查詢、會員專區、討論園地、租屋資訊、安全防護、管理人員，以下我們將逐一詳細介紹。. 圖 4-1 逢甲大學校外租屋系統首頁. 59 逢甲大學 e-Paper (92學年度).

(73) 逢甲大學校外租屋查詢系統. 4.1 租屋查詢子系統租屋查詢的功能主要是讓使用者以房屋價格、房屋樣式、房屋坪數、車庫有無、樓層來做查詢，首先在首頁點選租屋查詢之後會進入圖 4-2，進入查詢畫面後以下拉選單和選項按鈕清單來輸入查詢條件，在輸入完畢後按下查詢確定鈕，在經過 SQL 語法辨識之後，便可得到輸出畫面，如圖 4-3。. 4.1.1 租屋查詢輸入畫面我們以一個例子做說明，輸入租金下限為 1000、租金上限為 10000，房屋樣式點選皆可，房屋坪數上限為 4、下限為 10，選擇車庫皆可，樓層範圍為 1~~9 樓。. 圖 4-2 租屋查詢輸入畫面. 60 逢甲大學 e-Paper (92學年度).

(74) 逢甲大學校外租屋查詢系統. 4.1.2 租屋查詢演算法 Input ( 租金下限、上限，房屋樣式，坪數下限、上限，車庫， and 樓層範圍) Check. { Sqlstr = Select * From 房屋資料 when ( 租金 between 租金下限 and 租金上限 and. 規格. and. 坪數 between 坪數下限 and 坪數上限. and. 車庫. and. 樓層 between 樓層下限 and 樓層上限). Show DataGrid } 說明 Input:由下拉選單或按鈕式清單所選擇的查詢資料。 Check : 檢查欲查詢的條件項目。 Sqlstr : 從 Input 中的條件與房屋資料中做比較判斷。 Show : 顯示出 DataGrid 的資料表。. 61 逢甲大學 e-Paper (92學年度).

(75) 逢甲大學校外租屋查詢系統. 4.1.3 租屋查詢輸出畫面在輸出畫面中，經由 4.1.2 的演算法檢查之後所符合的查詢資料將會顯示在 DataGrid 之中，在輸出畫面的房屋資料表格以每頁八筆為一個單位顯示在畫面中，表格中每個欄位標題經由滑鼠的點選可改變資料的排序方式，在瀏覽的欄位中可連結到此筆資料更詳細的內容介紹，如圖 4-4 可以看到房屋的詳細資料，在詳細資料中更可透過左下角的全景圖連結看到房屋的實景，以 360 度呈現出來，如圖 4-5。以圖 4-2 的輸入畫面的查詢條件所得到的結果，如圖 4-3，在圖中，其資料內容皆落在範圍為租金下限為 1000、租金上限為 10000，房屋樣式點選皆可，房屋坪數上限為 4、下限為 10，選擇車庫皆可和樓層範圍為 1~~9 樓。. 圖 4-3 租屋查詢輸出畫面. 62 逢甲大學 e-Paper (92學年度).

(76) 逢甲大學校外租屋查詢系統. 圖 4-4 房屋詳細資料畫面. 圖 4-5 房屋 360 度全景圖畫面 63 逢甲大學 e-Paper (92學年度).

(77) 逢甲大學校外租屋查詢系統. 4.2 地圖查詢子系統地圖查詢的功能有兩個方面來進行查詢，在首頁點選地圖查詢之後會進入圖 4-6，點選由地圖查詢資料會進入圖 4-7，點選由地址查詢地圖會進入圖 4-8。. 圖 4-6 地圖查詢主頁. 64 逢甲大學 e-Paper (92學年度).

(78) 逢甲大學校外租屋查詢系統. 4.2.1 由地圖查詢資料如圖 4-7 利用滑鼠在地圖上選擇欲查詢的區域，若有資料則回顯示出房屋資料。. 圖 4-7 地圖資訊查詢輸入. 4.2.2 由地圖查詢資料演算法 Input 點選的地圖區域 Check { Check(滑鼠座標) Sqlstr = Select * From 房屋資料 where 地址 Show DataGrid }. 65 逢甲大學 e-Paper (92學年度).

(79) 逢甲大學校外租屋查詢系統. 4.2.3 由地圖查詢輸出畫面在輸出畫面中，經由 4.2.2 的演算法檢查之後所符合的查詢資料將會顯示在 DataGrid 之中，在輸出畫面的房屋資料表格以每頁八筆為一個單位顯示在畫面中，表格中每個欄位標題經由滑鼠的點選可改變資料的排序方式，在瀏覽的欄位中可連結到此筆資料更詳細的內容介紹。下圖 4-8 就是由點選地圖右上角來查詢的條件所產生的結果。. 圖 4-8 地圖查詢輸出畫面. 66 逢甲大學 e-Paper (92學年度).

(80) 逢甲大學校外租屋查詢系統. 4.2.4 由地址查詢地圖如圖 4-9 輸入地址，來做資料在地圖的顯示。例如輸入青海路、151-200 號。. 圖 4-9 由地址查詢地圖輸入畫面. 4.2.5 由地址查詢地圖演算法 Input 地址 Check { Compare 地址 and 座標 Show Map }. 67 逢甲大學 e-Paper (92學年度).

(81) 逢甲大學校外租屋查詢系統. 4.2.6 由地址查詢地圖輸出畫面下圖 4-10 就是由經由地址所查到的地圖畫面，地圖中會有一個房屋圖示讓使用者得之查詢地址的所在位置。. 圖 4-10 地圖查詢輸出畫面. 68 逢甲大學 e-Paper (92學年度).

(82) 逢甲大學校外租屋查詢系統. 4.3 路名查詢子系統路名查詢的功能主要是讓使用者以路名來做查詢，在首頁點選路名查詢之後會進入圖 4-11，進入查詢畫面後來輸入路名查詢條件，在輸入完畢後按下查詢確定鈕，便可得到輸出畫面，如圖 4-13。. 4.3.1 路名查詢輸入畫面我們以文華路為例作查詢。圖 4-11 為輸入完整路名「文華路」。圖 4-12 為輸入部份路名關鍵字「文」。. 圖 4-11 路名查詢輸入畫面(完整路名). 69 逢甲大學 e-Paper (92學年度).

(83) 逢甲大學校外租屋查詢系統. 圖 4-12 路名查詢輸入畫面(部份路名關鍵字). 4.3.2 路名查詢演算法 Input 路名 Check { Sqlstr = Select * From 房屋資料 Where 路名 Show DataGrid }. 70 逢甲大學 e-Paper (92學年度).

(84) 逢甲大學校外租屋查詢系統. 4.3.3 路名查詢輸出畫面在輸出畫面中，經由 4.3.2 的演算法檢查之後所符合的路名查詢資料將會顯示在 DataGrid 之中，在輸出畫面的房屋資料表格以每頁八筆為一個單位顯示在畫面中，表格中每個欄位標題經由滑鼠的點選可改變資料的排序方式，在瀏覽的欄位中可連結到此筆資料更詳細的內容介紹。若輸入為完整路名，經演算法檢查正確即可得到如圖 4-13 若輸入為路名部分關鍵字，會以相似路名提供給使用者作為建議查詢路名，如圖 4-14。若都找尋不出相關關鍵字，則顯示查詢錯誤，如圖 4-15。. 圖 4-13 路名查詢輸出畫面. 71 逢甲大學 e-Paper (92學年度).

(85) 逢甲大學校外租屋查詢系統. 圖 4-14 建議相關路名查詢畫面. 圖 4-15 路名查詢錯誤輸出畫面. 72 逢甲大學 e-Paper (92學年度).

(86) 逢甲大學校外租屋查詢系統. 4.4 會員子系統會員專區是以會員刊登房屋資料為主要目的，在登入畫面中輸入帳號及密碼﹝如圖 4-16﹞，若驗證無誤則進入系統﹝如圖 4-17﹞，否則直接顯示出錯誤訊息﹝如圖 4-18﹞。進入系統後會員可以使用修改會員資料、刊登房屋資料等功能。. 4.4.1 會員登入畫面在此以會員帳號：eric 密碼：n123450000 登入此系統. 圖 4-16 會員登入畫面. 73 逢甲大學 e-Paper (92學年度).

(87) 逢甲大學校外租屋查詢系統. 4.4.2 檢驗帳號及密碼演算法 Input 帳號及密碼 If ( 帳號 and 密碼) = true then 顯示登入成功畫面 Else 顯示帳號或密碼錯誤畫面 End If. 4.4.3 會員登入成功畫面在經由 4.4.2 的演算法檢查之後若找到符合的會員資料，則顯示出成功畫面。. 圖 4-17 會員登入成功畫面. 74 逢甲大學 e-Paper (92學年度).

(88) 逢甲大學校外租屋查詢系統. 4.4.4 登入失敗畫面在經由 4.4.2 的演算法檢查之後若找不到符合的會員資料，則顯示資料有誤。. 圖 4-18 會員登入失敗畫面. 75 逢甲大學 e-Paper (92學年度).

(89) 逢甲大學校外租屋查詢系統. 4.4.5 加入會員若不是會員，則可在會員專區首頁選擇加入會員，顯示下面畫面。我們將註冊一個帳號為 gogoman 的資料，內容如圖 4-19 所示。. 圖 4-19 加入會員畫面. 76 逢甲大學 e-Paper (92學年度).

(90) 逢甲大學校外租屋查詢系統. 4.4.6 檢驗輸入資料演算法 Input 個人資料 on 空白欄位 Click{ If 資料格式正確. then. Add 新會員資料 into 會員名單顯示加入成功 Else 顯示格式錯誤畫面 End If }. 4.4.7 加入會員驗證如果資料格式錯誤，將會有警告視窗出現。. 圖 4-20 加入會員驗證畫面 77 逢甲大學 e-Paper (92學年度).

(91) 逢甲大學校外租屋查詢系統. 4.4.8 加入會員成功顯示剛剛註冊的帳號及密碼來使使用者確認，並可直接登入網站。. 圖 4-21 加入會員成功畫面. 78 逢甲大學 e-Paper (92學年度).

(92) 逢甲大學校外租屋查詢系統. 4.4.9 修改會員資料在成功登入系統後，進入會員修改資料，會員可以自行更改資料。. 圖 4-22 修改會員資料畫面. 79 逢甲大學 e-Paper (92學年度).

(93) 逢甲大學校外租屋查詢系統. 4.4.10 修改會員資料演算法. Read 個人資料 From 會員名單 where 帳號 Modify 修改的資料 From 欲修改的欄位 Click{ If (欄位資料正確)then Update 密碼，姓名，性別，生日，電話，行動電話，地址， Email，個人網址，備註 From 會員名單 where 帳號顯示修改成功 Else 顯示修改失敗 End If } 說明 Read:讀取原本的會員資料。 Update:更新所有欄位的資料。. 80 逢甲大學 e-Paper (92學年度).

(94) 逢甲大學校外租屋查詢系統. 4.4.11 刊登房屋資料在成功登入系統後，進入刊登房屋資料，會員便可以自行刊登房屋資料。我們輸入西屯路的一個欲出租房屋，其詳細資料如圖 4-23。. 圖 4-23 刊登房屋資料畫面. 81 逢甲大學 e-Paper (92學年度).

(95) 逢甲大學校外租屋查詢系統. 4.4.12 刊登房屋資料演算法. Input 房屋資料 on 空白欄位 Click { If 資料格式正確. then. Add 新房屋資料 into 房屋資料表顯示加入成功 Else 顯示格式錯誤畫面 End If }. 82 逢甲大學 e-Paper (92學年度).

(96) 逢甲大學校外租屋查詢系統. 4.4.13 刊登房屋資料驗證如有資料輸入格式錯誤，左下角會有錯誤訊息顯示。. 圖 4-24 刊登房屋資料畫面. 83 逢甲大學 e-Paper (92學年度).

(97) 逢甲大學校外租屋查詢系統. 4.4.14 刊登房屋資料成功. 圖 4-25 刊登房屋資料成功畫面. 84 逢甲大學 e-Paper (92學年度).

(98) 逢甲大學校外租屋查詢系統. 4.4.15 會員密碼查詢畫面當使用者忘記密碼時，可以以姓名及郵件帳號作為查詢。以李阿扁為例，他的郵件帳號為 [email protected]。. 圖 4-26 會員密碼查詢畫面. 4.4.16 會員密碼查詢演算法 Input 姓名、Email Click{ If (姓名 and Email) = True then Show 密碼 From 會員名單 where 姓名 Else 顯示資料錯誤畫面 End If } 85 逢甲大學 e-Paper (92學年度).

(99) 逢甲大學校外租屋查詢系統. 4.4.17 會員密碼查詢後畫面顯示出使用者的密碼於網頁上，如圖 4-27。. 圖 4-27 會員密碼查詢後畫面. 86 逢甲大學 e-Paper (92學年度).

(100) 逢甲大學校外租屋查詢系統. 4.5 討論區子系統討論區的主要功能是使用者可以藉此張貼留言，允許瀏覽者針對特地主題另開版面做討論，如要輸入新的主題，可在表單中輸入作者、郵件帳號、圖示、主題、及內容後按下張貼留言，新的討論主題會顯示再第一頁第一筆。. 4.5.1 發表新主題如圖 4-28 在輸入作者：王大名. 郵件帳號：[email protected]. 圖示：（選擇賤兔圖案）主題：新增房屋資料內容：有人可以教我如何使用嗎按下張貼留言。. 圖 4-28 張貼留言畫面 87 逢甲大學 e-Paper (92學年度).

(101) 逢甲大學校外租屋查詢系統. 4.5.2 發表新主題演算法 Input 作者、郵件帳號、圖示、主題、內容 Click { Add. 作者、郵件帳號、圖示、主題、內容 into 討論區. }. 4.5.3 發表新主題成功畫面在圖 4-29 中是以分頁顯示，每頁預設的記錄筆數為五筆，越晚輸入的討論主題會顯示在越上面，點選作者則可以寄信給作者的郵件信箱，表格中每個欄位標題經由滑鼠的點選可改變資料的排序方式。在輸入完王大名的張貼資料之後按下張貼主題，則新的討論主題會顯示在討論版的第一筆資料。. 圖 4-29 張貼留言成功畫面. 88 逢甲大學 e-Paper (92學年度).