崑山科技大學 資訊管理系

四年制大學部

專題製作報告

線上租屋系統設計

組 員：4910Q031 郭子源 4931Q009 王健存 4910Q030 廖家珮

指導老師：許蕙纓 老師

中華民國九十五年一月

崑山科技大學

專題製作審核書

大學部四年制學生郭子源、王健存、廖家珮之專題製作，題目為

「線上租屋系統設計」，經本委員會審查並舉行口試合格。

指導老師：許蕙纓 （簽名）

委 員：林張群 （簽名）

陳熙玫 （簽名）

蔡哲民 （簽名）

曾生元 （簽名）

林文暉 （簽名）

系 主 任：林文暉 （簽名）

中華民國九十五年一月

摘 要

隨著網際網路的發達，越來越多的房屋仲介業者，紛紛開始架設自屬的

公司網站，增加房屋商品的曝光機會，以求增加成交的機會；對一個線上租

屋系統而言，網站的品質水準已成為其市場定位或獲利能力的關鍵因素之一

所以，網站經營者務必以顧客的需求為出發點，考量顧客的期望，做出符合

顧客需求的網站品質(資訊品質、系統品質、服務品質)，才能獲得顧客的滿意。

在網站設計可分別就內容與設計兩個層面來加強網站功能，內容層面應分別

就資訊、交易、娛樂三個部分，設計層面則應分別就品質架構、網站印象及

呈現的風格三個部分予以加強。所以，一個網站介面的設計，應以內容設計、

結構設計、導覽設計與圖像設計等四大構面為考慮因素，以達到賞心悅目及

簡單易懂的網站要求。

本專題所架設的系統網站中，主要目標是提供租屋的平台，使用Appserv

架構網站，以方便在微軟的環境下快速建立DataBase Server和Web Server ，

並利用XOOPS系統發展平台，透過各種模組程式，網站內容可由各層級的使

用者透過容易使用的介面輸入，最後儲存於資料庫，以供後續的維護與管理。

所以，網站的設計將變得非常容易與快速，而且還有許多管理模組可方便站

主從事管理的工作。

本系統共分為登入區塊、新增租屋資料、搜尋資料、資料分類區、最新

新增資料區等五個主要功能，系統以新增租屋資料、搜尋資料功能為主軸，

重點功能和簡潔的系統背景，可讓使用者更加容易上手及喜愛，登入區塊功

能包括直接登入、申請會員及密碼遺失時重新申請密碼。新增租屋資訊功能

能使房東直接新增租屋資訊。搜尋功能可打入關鍵字搜尋相關租屋資訊。資

料分類區會將所有的租屋資訊以「房間類型」系統地分類。最新新增資料區

中會將最新的15筆租屋資料顯示，並會自動展示出租屋資訊的內容。

最後，本專題建議：1. 應充分標示房東姓名與聯絡方式，且標題與內文

必須一致、不矛盾。2.提供更多的產品資訊，包括房屋本身以及週邊環境的

充分介紹，尤其是使用者極需知道的資訊。3.隨著寬頻、壓縮技術的進步，

影音資料的上傳、利用電子地圖結合標的物這兩種特色將更受歡迎。

目 錄 目 錄 I

圖目錄 V

第一章 緒論 1

第一節 研究動機與目的 1

第二節 專題製作流程 2

第三節 專題製作進度 3

第二章 文獻探討 4

第一節 品質的定義 4

一、資訊品質 4

二、系統品質 6

三、網站品質 7

四、小 結 8

第二節 網站之設計 10

一、網頁內容合適性 10

二、顧客介面設計 12

三、小 結 13

第三節 易租網網站探討 14

一、設計方面探討 14

二、品質方面探討 15

三、小 結 16

第三章 系統技術 18

一、虛擬網路伺服器 19

二、系統發展平台 19

三、網頁開發語言 20

第四章 系統成果 22

第一節 登入區塊 24

第二節 新增租屋資訊功能 31

第三節 搜尋功能 34

第四節 租屋資訊分類區 41

第五節 最新資料區 44

第五章 結論與建議 47

第一節 結論 47

第二節 建議 48

參考文獻 50

圖 目 錄 圖 1-1 專題流程圖 2

圖 1-2 專題進度甘特圖 3

圖 3-1 系統架構圖 18

圖 4-1 功能流程圖 22

圖 4-2 首頁 23

圖 4-3 登入圖 24

圖 4-4 新增會員圖 25

圖 4-5 新增會員完成畫面 26

圖 4-6 系統提示畫面 27

圖 4-7 新增帳號錯誤畫面 28

圖 4-8 未輸入密碼之提示圖 29

圖 4-9 重新申請密碼圖 30

圖 4-10 新增租屋資訊圖 32

圖 4-11 新增成功 33

圖 4-12 搜尋畫面圖 34

圖 4-13 搜尋功能範例圖 1 35

圖 4-14 搜尋結果圖 1 36

圖 4-15 搜尋範例圖 2 37

圖 4-16 搜尋結果圖 2 38

圖 4-17 搜尋範例圖 3 39

圖 4-18 搜尋結果圖 3 40

圖 4-19 分類區塊圖 41

圖 4-20 套房類別區圖 42

圖 4-21 雅房類別區圖 43

圖 4-22 最新資料區圖 44

圖 4-23 點選圖 45

圖 4-24 租屋資訊內容圖 46

1

第一章 緒論

第一節 研究動機與目的

對於大量在外就學的學生來說，租屋是生活中重要且必要的部分，而現

在網際網路快速的發展，造就了透過電腦發表自己的文章、需求或是尋找資

料的方便性。所以租屋網站的出現，對有租屋需求者在收集租屋資訊時是更

加方便，但許多現有網站在資訊的排列上十分繁密，導致使用的人看的非常

辛苦，Kim（1997）認為一個網站介面的設計，應以內容、結構、導覽與圖

像等四大設計構面為考慮因素，但現有網站最常出現的問題就是與Kim

（1997）所提到的結構設計不同，雖然該網站本身具有強大的功能，但還是

讓使用者看的非常辛苦。所以，若網站能遵循上述原則，則網站大致就能達

到賞心悅目及簡單易懂的程度，如此，必能吸引到更多的使用者。因此，製

作簡單明瞭的租屋網站對於使用者是有很大幫助的，所以本專題希望能在參

考過現有租屋網站後，從使用者的角度出發，對強調實用為主的租屋系統網

站能增加質感，更期望能透過此專題提供給租屋系統設計者一些新的想法。

本專題所製作之線上租屋系統，一方面能將租屋網站中的租屋資訊簡單明瞭

的呈現出來，另一方面也希望能藉由此專題製作能對我們在學校所學能加以

結合，做個實際的練習。

2

第二節 專題製作流程

圖 1-1 專題流程圖

確定專題題目

文獻探討

研究系統架構

系統功能內容

系統測試與除錯

內容歸納與整理

結論與心得

撰寫專題報告

3

第三節 專題製作進度

識

別

碼 工作名稱 期

間 3 月2005

4 月2005

5 月2005

6 月2005

7 月2005

8 月2005

9 月2005

10 月2005

11 月2005

12 月2005

1 月2006

1 確定專題題目 4w

2 文獻探討 12w

3 研究系統架構 4w

4 系統功能內容 12w

5 系統測試與除

錯 8w

6 內容歸納與整

理 8w

7 結論與心得 8w

8 撰寫專題報告 8w

圖 1-2 專題進度甘特圖

4

第二章 文獻探討

第一節 品質的定義

Crosby（1979）定義所謂品質是指和顧客需求一致的程度，對生產來說，

品質可以在生產的過程中進行精密的控制。美國全國國家標準協會 （ANSI）

（1978）將品質定義為一種產品或服務具備滿足需求者需要的輪廓與特質。

而國際標準組織在ISO9004中定義品質為產品或服務的總合性特徵與特性，此

種總和性的特徵與特性使得產品或服務，具有滿足顧客明定的或潛在的需求

的能力。Juran（1986）以適用（Fitness for use）來解釋品質，適用表示使用

者滿足特定產品或服務的程度。Parasuraman, Zeithaml, & Berry（1988）指出

品質通常發生在服務傳遞的過程中，尤其是在顧客與服務人員的接觸過程。

本研究以Parasuraman, Zeithaml, & Berry（1988）的觀點為概念，即品質

是發生在服務傳遞的過程中，尤其是在顧客與服務人員的接觸過程。所以，

線上租屋系統的品質是發生在網站將資訊傳達給顧客的過程中，一般是從資

訊品質、系統品質與網站品質三者加以衡量，以下分別討論這三者之定義與

衡量構面。

一、 資訊品質

（一）定義

Seddon & Yip （1992）發現使用者在使用會計資訊系統時，資訊品質是

滿意度的重要決定因素。Doll & Torkzadeh （1988）發展電腦使用者滿意度

（End-user computing satisfaction, EUCS）的衡量模式，其研究結論認為資訊

5

品質是解釋滿意度的重要決定因素。因此，資訊品質已成為衡量資訊系統成

功的重要變數（Bailey & Pearson, 1983 ； DeLone & McLean, 1992 ；Seddon,

1997；Srinivasan, 1985）。Rai et al. （2002）將資訊品質定義為產生的資訊

擁有符合使用者需求的內容性、正確性及格式。張烑炯（2004）認為網站所

提供的資訊應符合使用者需求。Seddon & Kiew（1994）將資訊品質定義為資

訊系統所產生的資訊具有時效性、正確性、攸關性、格式性。

在Seddon & Kiew（1994）的觀點中，資訊品質是資訊系統所產生的資訊

具有時效性、正確性、攸關性、格式性。所以，線上租屋系統應注重資訊系

統的時效性、正確性、正確性、攸關性、格式性。

（二）衡量構面

Lin & Lu（2000）指出網站的資訊品質應包含正確性、完整性且須讓使

用者信任等三個構面。Doll & Torkzadeh（1988）則認為資訊品質應包含資訊

內容、資訊正確、資訊格式與資訊及時性等四個構面。Chae & Kim （2001）

認為資訊品質包含四個層面，即連線品質（穩定性、回應性）、內容品質（客

觀性、信賴性、充足性）、互動品質（結構性、導覽性、呈現性）、情境品

質（適時性、即時性）。Miller & Doyle（1987）認為資訊品質的四項衡量指

標應包含資訊完整性（Completeness of information）、資訊正確性（Accuracy

of information）、報表相關性（Relevance of reports ）與報表適時性（Timeliness

of report）。McKinney et al.（2002）則以了解性（Understandability）、信賴

性（Reliability）與有用性（Usefulness）三構面衡量資訊品質。洪世揚（2001）

分析理財網站線上服務的服務品質要素後，萃取出「內容性」、「安全性」、

「操作性」、「外觀性」、「知名度」、「同理心」與「即時性」等七構面，

其中又以「內容性」、「安全性」與「即時性」三因素對使用者瀏覽行為具

6

有關鍵決定因素。張烑炯（2004）則認為資訊品質可依資訊的攸關性、實用

性、易懂性、正確性、可靠性、即時性及完整性等七個構面的呈現做為判斷。

在洪世揚（2001）的觀點中，服務品質有七個構面，但其中又以「內容

性」、「安全性」與「即時性」三因素對使用者瀏覽行為具有關鍵決定因素。

所以網站資訊品質的內容性、安全性、即時性會影響到線上租屋系統的使用

者的瀏覽行為。

二、 系統品質

（一）定義

DeLone & McLean（1992）將系統品質定義為資訊處理系統的衡量，Rai et

al.（2002）則認為系統品質應該是系統的易用程度。Lin & Lu（2000）指出

網站的系統品質應取決於回應速度與系統存取性，前者代表使用者與網站互

動的等待時間，此將大幅影響對網站的認知易用性，後者代表網站相關系統

的隨時可提供性，正向影響認知易用性，研究指出回應速度是使用者對網站

看法（認知有用性與認知易用性）的最主要影響因素。Seedon & Kiew（1994）

則將系統品質好壞定義為系統有”錯誤”（bug）、使用者介面的一致性、易用

性、互動系統的回應率、文件化以及程式碼的維護性及品質上。

在DeLone & McLean（1992）的觀點中，系統品質定義為資訊處理系統

的衡量，所以資訊處理系統的好壞關係到線上租屋系統的系統品質的優劣。

（二）衡量構面

McKinney et al.（2002）研究系統品質與資訊品質這兩種品質與所認知的

績效對於期望差異的滿意度影響，其研究衡量系統品質、資訊品質的個別滿

7

意度，與整體網站的滿意度，研究結果指出，包含了解性（Understandability）、

信賴性（Reliability）與有用性（Usefulness）三構面的資訊品質與包含易於存

取性（Access）、易用性（Usability）、導覽性（Navigation）三構面的系統

品質，對於網站使用者滿意度有顯著的影響。

所以根據McKinney et al.（2002）的觀點，系統品質的構面代表著網站資

訊系統處理能力的衡量，而系統品質是以易於存取性、易用性、導覽性三構

面等的呈現做為判斷。所以，資訊處理能力的易於存取性、易用性與導覽性

可衡量一個線上租屋網站的系統品質。

三、 網站品質

（一）定義

要區辨網站品質的好壞，Skov（1998）認為主要可以從三方面著眼，（1）

資訊背後的相關資料（Meta-information），例如網站範圍及目的是否清楚的

呈現，連結的資料是否符合使用者需求等，如果沒有這類的訊息，那麼這些

資源就會讓人質疑。（2）作者背景的可靠性（Credibility），如作者或組織

的身份是否可以確認、其專業知識或聲譽是否良善、是否可以和作者連繫等，

對於無法確認作者或出版者的資訊，根本談不上品質評鑑，因為在網站上所

列的不具名的資訊很難當作是可信的資料來源。（3）時McKinney et al.（2002）

對系統品質與資訊品質的個別滿意度，及整體網站滿意度的研究結果顯示，

網站消費者滿意度是來自於網站傳遞資訊的系統績效。

因此，一個網站的好壞，最重要的是資訊背後的相關資料、作者背景的

可靠性、時效性等等。所以，網站資訊的相關資料、可靠性跟時效性對於線

上租屋系統是很重要的。

8

（二）衡量構面

網站品質是很重要的，McDermott（2000）認為可由以下六個構面加以衡

量，（1）權威性（Authority）、（2）時效性（Currency）、（3）觀點正確

或偏見（Accuracy or bias）、（4）商業化的適切性（Commercialism）、（5）

目的（Purpose）、以及（6）範圍（Scope）等。

Weiler（2000）則認為網站品質評鑑有12個要點，（1）網站標題要能反

應出實質內容、（2）網站的網址要容易連結、（3） 清楚註明作者或贊助者

的相關連絡資訊、（4）註明網站管理員的連絡資訊、（5）註明瀏覽網站的

基本配備或軟體需求、（6）說明網站的類型是商業類、教育類、娛樂類、特

殊興趣類、專業類、行銷公關類、或個人網站等。（7）清楚闡明網站設置目

的、（8）說明網站預設使用對象之程度、（9）註明上次更新日期為何、（10）

版權聲明、（11）是否為經營良善之付費網站、（12）說明引用資料的出處。

網站品質對於一個網站的是否受歡迎極為重要，說明網站的類型、引用

資訊的出處、版權聲明等等，這些都是衡量網站時的要點，所以，線上租屋

系統的設計應依循且注意這些要點。

四、 小結

對線上租屋系統優劣的衡量應包含資訊品質、系統品質、網站品質三者，

其中，線上租屋系統的品質是發生在網站將資訊傳達給顧客的過程中，在該

過程中應注重資訊系統的時效性、正確性、攸關性、格式性。資訊品質是解

釋滿意度的重要因素，資訊服務品質有「內容性」、「安全性」、「操作性」、

「外觀性」、「知名度」、「同理心」與「即時性」等七個構面，但其中又

9

以「內容性」、「安全性」與「即時性」三因素對使用者瀏覽行為具有關鍵

決定因素。再者，好的系統品質為好的資訊處理系統的要件，而系統品質代

表著網站資訊系統處理能力，尤其以易於存取性、易用性、導覽性來衡量系

統品質優劣的呈現。最後，一個網站的內容對於網站品質是極為重要的，關

於網站的類型、引用資訊的出處、版權聲明等等，最重要的是資訊背後的相

關資料、作者背景的可靠性、時效性，這些都是衡量網站品質的要點。所以，

若想要設計一個好的線上租屋系統，這些都是應加以注意的重要事項。

10

第二節 網站之設計

網站品質是使用者對於網站使用時所最在意的部分，所以，為了達到使

用者的最高滿意程度，許多學者對於網站設計的要點提出許多不同的見解，

本節針對網頁內容合適性、顧客介面設計等兩大部分的學者意見加以探討，

並對國內知名租屋網站進行介紹。

一、網頁內容合適性

Huizingh（2000）認為科技的日新月異，就今日的網站發展趨勢來看，要

衡量一個網站的功能是否齊備，在網站設計時可分別就「內容」與「設計」

二個層面來加以探討。Kapoun（1998）並對網頁內容提出相關評估準則。

（一） 內容層面

在網頁的內容層面，Huizingh（2000）認為應具備資訊、交易、娛樂三個

部分。

1. 資訊方面：可區分為商業性資訊及非商業性資訊兩部分。商業性資訊

包括公司背景、願景、財務目標、主要顧客、及一些專案上的概述等；

其他在行銷方面的資訊包括產品的價格、規格特性說明、交貨條件、

及其他產品相關的活動等。而非商業性資訊乃指資訊與訂單成交無直

接上的關係，可能是關於公司（其贊助活動或新技術）、產業方面或

當地的相關事件及活動等。

2. 交易方面：交易有可能只是一次單純的訂購，但在一些較複雜的情況

下，供應商或顧客可能在訂購前會有幾次的洽詢互動，故交易可分為

11

直接訂購及訂購前洽詢。

3. 娛樂方面：即能提供顧客具有教育（從後面所列舉的笑話、卡通、圖

片、遊戲、及影像剪接等，有此功能嗎？）及娛樂功能的資訊，包括：

笑話、卡通、圖片、遊戲、及影像剪接等。

（二） 設計層面

在網頁的設計層面，Huizingh（2000）認為應具備品質架構、網站印象及

呈現的風格三個部分。

1. 品質架構：即針對導覽結構的品質，再次衡量以了解此結構是否符合

邏輯，而能夠真正達到幫助使用者找到資訊。

2. 對網站印象：若網站的設計較為簡單，而強調清楚的資訊及內容提供

功能，則可能較其他方式者無吸引力；若網站的設計較有吸引力（如

圖片或動畫），其下載的時 間卻花費多時。

3. 呈現風格：即能激發閱讀（如聽覺或視覺）及幫助資料的說明。所呈

現風格包括展示、顏色、本質上的風格與大小、文件的混合及圖片資

料、分類方式、形式大小及連結的位置等。

Huizingh（2000）認為在網頁內容層面上應注重的是內容是否充實，而網

頁設計層面上則應注重網頁功能是否強大。在網頁設計時，內容層面應具備

資訊、交易、娛樂三個部分，以提供我們在網頁內容設計的方向。設計層面

則應具備品質架構、網站印象及呈現的風格三個部分，以提供網頁介面的美

觀。

12

（三）網頁評估準則

想成為一個好的網站，最基本的要求就是網頁內容是否精準、精確以及

網頁所涵蓋的範圍是否正確等等，Kapoun（1998）對於網頁內容合適性提出

網頁內容、網頁設計上的注意事項，並對網頁內容提出相關評估準則，以下

這些意見均有助於網站之設計。

1.內容精確度：確認是否有文件提供者與聯絡方式。

2.內容權限：網頁內容的撰寫者是否具有該項領域資格。

3.內容目的：網頁的目的及其提供內容的詳細程度。

4.網頁的時效性：網頁內容是否過時。

5.網頁的涵蓋範圍：資訊引用的正確性與對主題的補述完整程度。

Kapoun（1998）所提出的五大準則，可提供給網站製作者在網站設計時

的參考，注意到提供者或聯絡方式等相關資訊的註明，且應提供符合該網站

所應提供的內容，以及注意網站內容是否過期而需要加以更新。

二、顧客介面設計

Kim（1997）認為網站設計應達到兩個目的，即有效率的傳遞資訊與營造

顧客愉快購物的環境，所以，顧客介面設計應以內容、結構、導覽與圖像等

四大設計構面為考慮要點。

1. 內容設計：內容是指在網路商店所欲提供給顧客的資訊。所以，內容設計

應包含該產品或服務所要展示的特色或要件，以及這些展示在網路商店中

的資訊型態與範圍。

13

2. 結構設計：結構設計是指決定網站所要提供之內容資訊後，應如何組織整

理及安排，使顧客能花最少的心力來取得網路商店所要傳達的訊息。

3. 導覽設計：導覽設計是指能讓顧客在網站中流暢移動的一種機制。例如，

按字母順序排列。

4. 圖像設計：目的是希望將所要展現的資訊以較明白易懂的方式呈現於螢幕

上。

Kim（1997）認為一個網站介面的設計，應在內容、結構、導覽與圖像等

四大設計構面多加考量。如此，則所設計出之網站大致就能達到賞心悅目及

簡單易懂的要求。

三、小結

早期租屋資訊沒有這麼容易取得的時候，大部分的資訊都必須藉由報紙

雜誌而得知，但目前國內的租屋需求非常普遍，租屋網站的數量和提供的資

訊非常豐富，想要獲取租屋資訊已經是非常容易。隨著租屋網站數量的增加，

新的租屋網站要如何在眾多網站當中吸引訪客的目光，是網站設計時關心的

重點。

本章探討網站設計時的概念與重點，Kapoun（1998）認為想要設計一個

好的網站，最基本的要求就是網站內容是否精準、精確，以及網頁所涵蓋的

範圍是否正確，內容精確度、內容權限、內容目的、網頁的時效性及網頁的

涵蓋範圍是網站設計的重要注意事項。Kim（1997）則認為網站介面的設計，

應考慮內容設計、結構設計、導覽設計與圖像設計等四大因素。當遵循這些

網站設計理念時，應能達到賞心悅目及簡單易懂的基本網站設計之要求。

14

第三節 易租網網站探討

因資訊處理技術提昇，國內有越來越多的網站建立租屋照片資料庫，結

合房屋帶看的強烈需求，方便外地遷入之房客上網查詢，也帶來租屋族更多

層面的訊息運用。國內最具規模、專業性的純房地產租賃服務網站—易租網

（www.e-rent.com.tw）是由一群剛退伍的年輕人於2000年5月組成，原本是個

在台中發跡的租屋網站，從逢甲大學學生族群出發，如今不但將觸角延伸到

各地，提供近萬間房屋的租屋情報 (石振弘，2001)。所以我們以這個網站做

為我們設計租屋系統的參考網站，從設計與品質二方面加以探討。

一、設計方面探討

易租網基於提供更多元化資訊傳播方式給房客，故採用刊登照片、免費

上傳的方式，便於房東將房屋或房間的實景拍攝後上網；對於網路環境不熟

悉的房東，並可以提供郵寄照片，或親自到場取景、拍攝的服務；對於空間

表現需求較大之個案，可提供包括室內景觀、外觀環境等最多可刊登13張照

片。此外，易租網更積極建立與研發3D實景系統，除了可以免費上網刊登文

字招租訊息與屋況圖檔外，其引進的3D環場攝影技術，更可協助房東以立體、

動態方式介紹屋況。因為在租屋交易過程中，看屋對房客是十分重要的關鍵，

也是讓房東、房客花費大量時間與煩惱的過程。有了3D環場攝影技術之後，

對房客來說線上看屋服務不再是夢想。房客可清楚看到各種不同角度的照

片，快速地初步了解物件概況，節省親自到場看屋之身體勞累與時間成本。

於是易租網在經由網路上的問卷調查結果，確定租屋族群對線上看屋服

務的此項需求後，便與翔弈資訊合作，推出線上模擬看屋之服務。而線上看

屋的使用方法十分簡易，不需要再另行下載輔助播放軟體，打算利用網路看

15

屋之網友只需在易租網的網頁上搜尋適當的租屋資料後點選，即可打開3D照

片視窗，透過移動滑鼠箭頭，便能任意旋轉3D照片，針對房子的各種角度，

從格局、採光、裝潢，到家具陳列等都可以流暢的旋轉、一覽無遺，甚至連

天花板及地板材質都可清楚看到，達到身歷其境的看屋效果。若想要更詳細

觀察，還有縮小、放大等功能，對房間整體格局能一目了然空間分配的真實

狀況。於是無論房客身在何處均可事先透過詳細瀏覽租屋之內部景觀，對房

屋各部分加以觀察與比較，尋找自己可能中意的房子；房東也不必因為要帶

房客看屋而往返於租屋處，減少疲於奔命的勞累與時間。

易租網的租屋資料結合全台地圖及三萬筆地標資料庫。當網友點選標的

物之後，不但可獲得房屋地址、種類、租金、公共設施、家電、家具等基本

出租資料，若屋主有提供照片更能瀏覽租賃房屋內、外觀照片，最特別在於

提供租屋地址方圓五百公尺的地理縮圖和明顯地標。想租屋的網友只需先連

結租屋地址的電子地圖，再搜尋喜愛的選項，很快就能找出生活圈內的便利

超商、加油站、餐廳、速食店及咖啡館等食衣住行相關資訊，相當便利實用。

這項與九福地圖網站合作提供的額外服務，為國內第一家推出電子地圖之租

屋網站，可讓外地房客快速瞭解當地的生活環境，並迅速掌握租屋地點周遭

的生活資訊，可幫助租屋時的決策參考。

二、品質方面探討

網站品質對於一個網站的是否受歡迎極為重要， Weiler（2000）認為網

站品質評鑑有 12 個要點，我們一一列出加以探討：

（1） 網站標題要能反應出實質內容：易租網在首頁就設置有十幾個標題，

例如「我要租屋」，讓想要租屋的人能清楚知道此標題的實質內容。

（2） 網站的網址要容易連結：易租網的網址（www.e-rent.com.tw）簡單不

16

冗長，並且可以在各個入口網站方便的搜尋到易租網的網址連結。

（3） 清楚註明作者或贊助者的相關連絡資訊：利用搜尋功能找到的租屋資

訊，都附有作者(房東)的相關聯絡方式，贊助者(廠商廣告)置於首頁的

最下方的廣告看板。

（4） 註明網站管理員的連絡資訊：此部份易租網並未顯示在網頁內容中。

（5） 註明瀏覽網站的基本配備或軟體需求：易租網雖然沒有註明瀏覽環境

變數，但線上看屋的功能十分簡易，不需要再另行下載輔助播放軟體，

打算利用網路看屋之網友只需在易租網的網頁上搜尋適當的租屋資料

後點選，即可打開 3D 照片視窗，瀏覽到你要搜尋的視窗。

（6） 說明網站的類型：易租網是有交易行為的商業網站。

（7） 清楚闡明網站設置目的：易租網並未就網站設置目的清楚闡明。

（8） 說明網站預設使用對象之程度：此點易租網並未明確說明。

（9） 註明上次更新日期為何：易租網的首頁有清楚標明上次更新日期，提

供使用者明確的資訊。

（10） 版權聲明：易租網對版權有聲明個人和非營利組織在私人、非商業用

途內免費使用新聞資料、以文字標示、圖畫標示、新聞標誌等時應註

明資料來源。

（11） 是否為經營良善之付費網站：易租網屬於聲譽良好的付費網站。

（12） 說明引用資料的出處：易租網的每項引用資料在資料下方都會表明出

處。

三、小結

在網站設計方面，將參考國內知名網站易租網的功能，此網站所提供的

不止是強大的功能，讓房客可在網站上獲得房屋地址、種類、租金、公共設

施、家電、家具等基本出租資料，更貼心的是開創了國內第一個有電子地圖

17

提供客戶參考的租屋網站，讓房客可事先透過詳細瀏覽租屋之內部景觀，對

房屋各部分加以觀察與比較，尋找自己可能中意的房子，可免於迷路、奔波

之苦；房東也不必因為要帶房客看屋而往返於租屋處，減少疲於奔命的勞累

與時間。所以，易租網的各項功能都可以成為我們設計網站時的參考之用。

18

非 會 員

瀏

覽

瀏

覽 管

理

者 會 員 編

輯

系統介面

會員介面 管理者介面

會員資料庫

租屋資料庫

My SQL

系 統

新

增

搜

尋

編

輯

及

設

定

XOOPS

PHP 技術

留

言

圖 3-1 系統架構圖

第三章 系統技術 在所架設的網站中，主要目標是提供租屋的平台，房東們可以按照房屋

類型分門別類的歸類至適當的類別，例如，公寓、獨棟等，以方便需要此類

房屋的房客搜尋。除此外，還提供租金、房屋類型、地點等的搜尋功能，可

提供房客相關的資料參考。

19

本專題系統是採用AppServ Server做為虛擬網路伺服器，並使用XOOPS2

2.0.4 為其系統發展平台，以整合前端WWW架構與後端MySQL Database

4.0.18-phpMyAdmin 2.5.6 資料庫系統並搭配Macromedia Dreamweaver 8 做為

系統網站的軟體開發架構，分述如下。

一、虛擬網路伺服器

Appserv是一套整合Apache + PHP + PHPMyADM + MySQL的Open

Source Web Service 軟體（ http ： //clark.mis.fit.edu.tw/selab/members/291a-

COCOMO/291A007/install_document/0_intro.htm），且方便在微軟的環境下快

速建立DataBase Server和Web Server，簡單快速安裝程序適合網頁設計新手或

程式設計師，目前為免費的軟體。

二、系統發展平台

XOOPS (eXtended Object-Oriented Portal System)為新一代網站內容管理

系統(CMS, Content Management Systems)。主要技術背景可以概分成 PHP 程

式模組與資料庫兩大部分。透過各種模組程式，網站內容由各層級的使用者

透過容易使用的介面輸入，最後儲存於資料庫供後續的維護與管理之用。如

此一來，網站的設計將變得非常容易與快速，而且還有許多管理模組方便站

主從事管理的工作，這是以往傳統架站方法難以達到的。

前身為 myPHPNuke 1.8 SE 版，全名為 eXtensible Object-Oriented Portal

System，是具可擴充的物件導向入口網站系統。它具備了完整的入口網站規

模，是一個非常有彈性的架站程式，而且 XOOPS 不論在使用上或管理上，

都方便且易於使用，針對 XOOPS 的特色說明如下： 1.使用 PHP script 與

MySQL 資料庫系統 開發 XOOPS 的語言為跨平台的 PHP 語言，具有簡潔、

20

直覺的優點，支援物件導向開發模式，而 PHP 為直譯式語言，不需再重新編

譯；而 MySQL 是在開放源碼的世界中，一個非常強大的資料庫，PHP 本身

也包含許多與 MySQL 溝通的函式，因此在資料庫系統的應用上 PHP 與

MySQL 十分廣泛。 2.簡單的建構程序 完整的安裝程式與升級程式，使得安

裝與升級非常的方便。 3.便捷的後端管理 以模組、群組、區塊三主軸串聯

整個管理系統，使權限管理彈性化。 4.人性的介面與圖形 XOOPS 的畫面構

成為依循著佈景、區塊的方式來顯示，在其中加入了不同的權限管理，不同

的權限可以顯示及使用不同的區塊，使得網站在規劃上的彈性大幅的提昇。 5.

開放原始碼 目前第二版的 XOOPS 是以 GNU GPL 作為軟體版權宣告，所以

可以針對原始碼做複製、修改與傳播，但是必須保留版權宣告並且釋出使用

到 XOOPS 部分的原始碼。 由於 XOOPS 的可擴充物件導向特性、便捷的模

組管理方式與資料庫處理單元，使得系統發展者可以不用費心於使用者界

面、資料處理界面與系統管理程式，而能專心致力於應用模組的建構與發展，

因此本專題以 XOOPS 為基礎來架構線上租屋系統模組。(電腦人出版社

-XOOPS 架站全攻略)

三、網頁開發語言

PHP 的全名為 “PHP： Hypertext Preprocessor”，意思為 “超文件前置處

理器”，是一種用來產生 HTML 網頁原始檔的中介程式及語言。PHP 是一種

伺服端內嵌式 HTML 的應用程式 (server-side embedded HTML scripting

language)，類似 IIS 的 ASP。PHP 的語法，基本上是混合了 C/C++、Java、Perl

和自創部份語法。PHP 不像用 C 或 Perl 寫成的 CGI 程式，不是用來一大堆指

令來輸出 HTML 程式，而是直接可以在 PHP 和 HTML 間切換。

PHP 程式看起來和用於 client 端的 JavaScript 很相似，只不過，它是用於

21

server 端，我們可以利用它來連接資料庫及其他網路資源。當然，PHP 可以

產生含 JavaScript 的 HTML 網頁。PHP 是於主機端(Server 端; 服務端)執行的

Script 程式，如：ASP 也是一種 Server 端執行的 Script 程式。而 JavaScript 或

VBScript 則是本地端或客戶端(Client)執行的程式。例如：若 index.php 這支

PHP 程式內含有 JavaScript 程式，則 index.php 會先於這部機器上執行，而

且這部機器上必需安裝一套 WEB Server(網站伺服器，如：Apache)和可以分

析和執行 PHP 的程式或套件。WEB Server 會把 index.php 傳給 PHP 的解析和

執行器執行，把 index.php 執行的結果以網頁的方式回傳給瀏覽器，而回傳的

網頁中可能含有 JavaScript 程式，此時若有需要，則會透過瀏覽器於本地端(瀏

覽器所在的這一部機器)上執行。因此，WEB-Based 的資訊系統開發者必需

了解的程式和工具相當的多，還好，一般而言都不會太複雜。

22

第四章 系統成果 本系統功能流程圖如下

圖 4-1 功能流程圖

首頁

註冊修改

會員資料

會員服務登入

顯示登入頁面

輸入帳號及密碼

登入成功

Yes

No

租屋系統

新增租屋資料

編輯租屋資料

搜尋租屋資料

登出

回到首頁

23

在本系統首頁中可區分五大主要功能，包括 A．登入區塊、B．新增租屋

資訊、C．搜尋資料、D．資料分類區、E．最新新增資料區，將分別敘述於以下各節。

圖 4-2 首頁

24

第一節 登入區塊

會員或是管理員可直接輸入帳號和密碼

圖 4-3 登入圖

25

新增會員需依系統指示輸入資料

圖 4-4 新增會員圖

26

新增會員時，在確認申請帳號無誤後，只需再按”完成”的按鈕，即完成新增會員的動作

圖 4-5 新增會員完成畫面

27

註冊完成後，系統會提示帳號已經啟動，登入後就可以會員的身份進入

系統。

圖 4-6 系統提示畫面

28

新增會員時，若輸入重覆的帳號或重覆的 email，系統會自動提示此訊息。

圖 4-7 新增帳號錯誤畫面

29

申請會員時，若忘記輸入密碼，按下確定送出時，系統會出現提示視窗。

圖 4-8 未輸入密碼之提示圖

30

會員再度使用時，若忘記密碼可利用＂遺失密碼嗎?＂來查詢忘記的密碼。

圖 4-9 重新申請密碼圖

31

第二節 新增租屋資訊功能 房東新增租屋資訊時，點入後會出現以下的畫面，網頁上出現的資訊包

括：

（1） 類型：可選擇出租的房屋類型。

（2） 分類：可選擇出租的房間類型。

（3） 地區：輸入租屋所在地區。例：台南市東區。

（4） 地址：輸入租屋所在地址。

（5） 剩餘間數：輸入剩餘間數。

（6） 房屋描述：輸入對於房間的設備和相關物品。例：床、書桌。

（7） 週遭環境：輸入房屋週遭的環境資料。

（8） 加入圖示：選擇要上傳的租屋圖片。

（9） 租金：先選擇付租金的期限，之後再輸入金額。

（10） 租屋聯絡訊息：輸入出租人的連絡資料。

（11） 填寫人電話：輸入填寫人電話。

當依照欄位填入租屋資料，再按「發佈」即可新增成功一筆租屋資訊。

32

圖 4-10 新增租屋資訊圖

33

新增成功之畫面。

圖 4-11 新增成功圖

34

第三節 搜尋功能

可打入關鍵字搜尋想要的租屋資訊。

圖 4-12 搜尋畫面圖

35

搜尋範例 1：輸入「台南市東區與網路」。

圖 4-13 搜尋功能範例圖 1

36

搜尋結果有 3 筆資料。

圖 4-14 搜尋結果圖 1

37

搜尋範例 2：輸入「台南市東區或西區」

圖 4-15 搜尋範例圖 2

38

搜尋結果：有 5 筆資料。

圖 4-16 搜尋結果圖 2

39

搜尋範例 3： 輸入「電冰箱」，並要求「完全符合」。

圖 4-17 搜尋範例圖 3

40

搜尋結果：有 5 筆資料。

圖 4-18 搜尋結果圖 3

41

第四節 租屋資訊分類區

將所有的租屋資訊以「房間類型」，如雅房、套房做為分類。

圖 4-19 分類區塊圖

42

選擇套房類別時，出現如下之畫面。

圖 4-20 套房類別區圖

43

選擇雅房類別時，出現如下之畫面。

圖 4-21 雅房類別區圖

44

第五節 最新資料區

系統會將最新的 15 個租屋資料放在此區顯示。

圖 4-22 最新資料區圖

45

若需要租屋資訊內容時，可直接點選最新資料區。

圖 4-23 點選圖

46

展示租屋資訊內容。

圖 4-24 租屋資訊內容圖

47

第五章 結論與建議 對一個線上租屋系統而言，網站的品質水準已成為其市場定位或獲利能

力的關鍵因素之一所以，網站經營者務必以顧客的需求為出發點，考量顧客

的期望，做出符合顧客需求的網站品質(資訊品質、系統品質、服務品質)，才能獲得顧客的滿意。

網站設計時可分別就內容與設計兩個層面來加強網站功能，內容層面應

分別就資訊、交易、娛樂三個部分，設計層面則應分別就品質架構、網站印

象及呈現的風格三個部分予以加強；尤其是內容精確度、內容權限、內容目

的、網頁的時效性、網頁的涵蓋範圍等更是網頁好壞的評估準則。所以，一

個網站介面的設計，應以內容設計、結構設計、導覽設計與圖像設計等四大

構面為考慮因素(Kim, 1997)，以達到賞心悅目及簡單易懂的網站要求。 本專題所架設的系統網站中，主要目標是提供租屋的平台，使用 Appserv

架構網站，以方便在微軟的環境下快速建立 DataBase Server 和 Web Server ，並利用 XOOPS 系統發展平台，透過各種模組程式，網站內容可由各層級的使用者透過容易使用的介面輸入，最後儲存於資料庫，以供後續的維護與管

理。所以，網站的設計將變得非常容易與快速，而且還有許多管理模組可方

便站主從事管理的工作，這是以往傳統架站方法難以達到的。

第一節 結論

本系統共分為登入區塊、新增租屋資料、搜尋資料、資料分類區、最新

新增資料區等五個主要功能，系統以新增租屋資料、搜尋資料功能為主軸，

重點功能和簡潔的系統背景，可讓使用者更加容易上手及喜愛。

一、登入區塊

使用本系統，會員或是管理員可直接輸入帳號和密碼登入系統，若新增

會員需依系統指示輸入資料，在確認申請帳號無誤後，只需再按「完成」的

按鈕，即完成新增會員的動作，註冊完成後，系統會提示帳號已經啟動，登

入後就可以會員的身份進入系統。假使新增會員時，若輸入重覆的帳號或重

覆的 email，系統會自動提示錯誤訊息，申請會員時，若忘記輸入密碼，按下確定送出時，系統也會出現錯誤視窗，會員再度使用時，若忘記密碼則可利

用「遺失密碼嗎?」來查詢忘記的密碼。

二、新增租屋資訊

48

房東新增租屋資訊時，需依照表單的欄位輸入對應的資料，點「發佈」

後會出現新增成功的畫面以利使用。

三、搜尋資料

可利用搜尋的功能打入關鍵字搜尋想要的相關租屋資訊。

四、資料分類區

系統將所有的租屋資訊以「房間類型」，如雅房、套房做為分類，選擇套

房類別時，會顯示放在套房類別下的所有租屋資料 ，選擇雅房類別時，會顯示放在雅房類別下的所有租屋資料。

五、 最新新增資料區

系統會將最新的 15 筆租屋資料放在此區顯示，若需要瀏覽租屋資訊內容時，可直接點選最新資料區任何一筆，系統會自動展示出租屋資訊的內容。 第二節 建議

1. 房屋仲介網站設計時，應充分標示房東姓名與聯絡方式，且標題與內

文必須一致、不矛盾，呈現時應具有結構性，讓使用者容易閱讀。提

供網站地圖時可讓使用者快速尋找所需要的網頁內容。

2. 在充實網站內容部分，若能提供更多的產品資訊，包括房屋本身以及

週邊環境的充分介紹，尤其是使用者極需知道的資訊，這常常是網站

服務是否細心與貼心的一個表徵，若能滿足使用者的需要，常會是影

響使用者判斷的一個關鍵因素。

3. 由於不同背景的使用者對於房屋的需求往往有所差異，如何針對不同

的使用者，正確且有效率的提供適合的租屋資訊，常是線上租屋系統

的價值所在。網路媒體最吸引使用者的地方，即是資料庫的查詢功能，

一個方便且內容豐富的資料庫查詢系統，是累積網路媒體資產的重要

方式。許多線上租屋系統在產品內容的文字部分都有成立資料庫；然

49

而隨著寬頻、壓縮技術的進步，影音資料的上傳、利用電子地圖結合

標的物這兩種特色將更受歡迎，所以，強化資料庫、檢索及互動功能

將會是未來的趨勢。

50

參考文獻 張烑炯，2004，網站的品質與資訊隱私保護對使用者持續使用行為之研究，國立高

雄第一科技大學資訊管理系碩士論文，未出版。 林姿妙，2000，兒童學習網站品質評鑑準則之發展研究，臺南師範學院國民教育研

究所碩士論文，未出版。 石振弘，1999，解除都市危機台灣都市住宅政策與政策盲點:以台北為例，兩岸人口、

城市與區域研究學術交流座談會論文集，國立台灣大學建築與城鄉

研所，未出版。 Bailey, J. E., & Pearson, S. W., “Development of a tool for measuring and analyzing

computer user satisfaction,” Management Science, 29(5), 1983, pp. 530-545.

Chae & Kim, “Information quality for mobile internet services,” 2001,

Twenty-SecondInternational Conference on Information Systems.

DeLone, W. H. & E. R., McLean, “Information systems success： the quest for the

dependent variable,” Information Systems Research, 3(1), 1992, pp. 60-95.

Doll, W. J., & Torkzadeh, G., “The measurement of end-user computing satisfaction,”

MIS Quarterly, June 1988, pp. 259-274.

Jimwoo Kim, “Toward the construction of customer interfaces for cyber shopping mall:

HCI research for electronic commerce,” Electronics Markets, 7(2), 1997, pp.

12-15,

Kapoun, J., “Ealuating web sites,” College and Research Libraries News, 3, 1998.

Lindberg, E., “Belief-value structures as determinants of consumer behaviour: a study of

housing preferences and choice,” Journal of Consumer Policy, pp. 37, 1989.

Lin, J. & H. Lu, “Towards an understanding of the behavioural intention to use a

website,” International Journal of Information Management, 20, 2000, pp.

197-208.

McDermott, I. E., “Internet instruction: spreading the web. searcher,” 8(7), 2000, pp.

72-75.

McKinney, Yoon & Zahedi, “The measurement of web-customer satisfaction: an

expection and disconfirmation approach,” Information Systems Research,13(3),

2002, pp. 296-315.

Miller, J., & Doyle, B. A. “Measuring the effectiveness of computer-based information

systems in the financial services sector,” MIS Quarterly, 11(1), 1987, pp.

51

107-117.

Mohamed A. Nour & Adam Fadlalla, “A framework for web marketing strategies,”

Information System Management, Spring, 2000, pp. 41-50.

Parasuraman, Zeithaml & Berry, “SERVQUAL:a multiple-item scale for measuring

customer perceptions of service quality,” Journal of Retailing, Spring1988, pp.

12-40.

Rai, A., Lang, S., & Welker, R., “Assessing the validity of is success models: an

Empirical test and theoretical analysis,” Information Systems Research,

forthcoming, Information Systems Research, 13(1), Mar 2002, pp. 50-69.

Seddon, P. B., & Yip, S. K. “An empirical evaluation of user information

satisfaction(UIS) measures for use with general ledger accounting software,”

Journalof Information Systems, 6(1), 1992, pp. 75-92.

Seddon P & Kiew M-Y. “A partial test and development of DeLone and McLean’s model

of is success,” The Australian Journal of Information Systems, 4(1), 1996, pp.

90-109.

Skov, A. “Internet quality,” Database Magazine, 21(4), 1998, pp. 38-40.

Srinivasan, Ananth, “Alternative measures of system effectiveness: associations and

Implications,” MIS Quarterly, 9(3), September 1985, pp. 243-253.

Weiler, R. M., “The site legend: twelve components of a new strategy for providing

website documentation,” Journal of School Health, 70(4), 2000, pp. 148-152.

封面XXX.pdf摘要.pdf目 錄.pdf書面完整.pdf