人機(jī)交互作業(yè) 頁面設(shè)計(jì)

圖形用戶界面與人機(jī)交互方式結(jié)課作業(yè)

題目：房產(chǎn)中介公司的數(shù)據(jù)庫系統(tǒng)

班級(jí)：計(jì)算機(jī)2011-3班

學(xué)號(hào)：

姓名：

時(shí)間：2013年11月28號(hào)

目錄

1、設(shè)計(jì)題目14..............................................................................................................................................................3

1.1房產(chǎn)中介公司的數(shù)據(jù)庫系統(tǒng)（題目等級(jí)30）................................................................3

2、房產(chǎn)中介公司首頁................................................4

3、房產(chǎn)中介公司注冊(cè)頁..............................................5

4、提示注冊(cè)成功頁面................................................6

5、個(gè)人修改頁面....................................................7

6、房產(chǎn)中介公司介紹................................................8

7、房產(chǎn)中介公司售房信息展示........................................9

8、用戶發(fā)布的詳細(xì)售房信息.........................................10

9、房產(chǎn)中介公司的租賃頁面.........................................11

10、房產(chǎn)中介公司的咨詢頁面........................................12

11、房產(chǎn)中介公司的商務(wù)信息........................................13

12、個(gè)人總結(jié)......................................................14

1、設(shè)計(jì)題目14

1.1房產(chǎn)中介公司的數(shù)據(jù)庫系統(tǒng)（題目等級(jí)30）

行業(yè)簡(jiǎn)介：房產(chǎn)中介如今一個(gè)非常熱門的行業(yè)，越來越多的人出售，出租房

子，也有越來越多的人需要買二手房，求租，合租房子。所以所需要的和處理的

信息量非常，如果以傳統(tǒng)方式處理這些信息非常煩瑣，不但速度慢，容易出錯(cuò)，

而且還要大量的人力，才力。這樣在很大程度上限制了這個(gè)企業(yè)的發(fā)展。因此我

們?yōu)榉慨a(chǎn)中介公司設(shè)計(jì)一個(gè)數(shù)據(jù)庫系統(tǒng)。

公司背景：公司經(jīng)營范圍：房產(chǎn)買賣、租賃中介、咨詢服務(wù)、商務(wù)信息咨詢

等

在此數(shù)據(jù)庫主要提供兩類信息：房源信息和客戶信息。把房源信息和客戶對(duì)

房屋的要求做比較，以此找出客戶所需求的房子，方便管理。我們也可以讓用戶

直接在網(wǎng)上查詢所需要的信息，讓用戶以最快速度找到自己所需要的最新的信

息。

2、房產(chǎn)中介公司首頁

首頁|公司介紹|房產(chǎn)買賣|租賃中介|咨詢信息|商務(wù)信息

聯(lián)系寶后|唐居-褶意th并且信，耙泰而彳詈總

傳房付息1出租_件1率組信息］

存月網(wǎng)1

住房信，包2出租L信息2求組信息2

客月艮2

售房信昌3出程"言,$^3求組修息3

田月度3住房彳營，包^4出海3言

,&4求組信息4

圖1

如圖1為我設(shè)計(jì)的房產(chǎn)中介公司首頁，我取名為信用房產(chǎn)。此頁面采用藍(lán)色

為主色調(diào)，導(dǎo)航條采用藍(lán)底白字。白色的字體更突出了這個(gè)網(wǎng)頁的導(dǎo)航功能，而

下面的內(nèi)容采用黑色字體。在頁面的中間，添加一些最新的房產(chǎn)信息，把他放在

中間更醒目，讓瀏覽者可以更快的了解最新的信息。我把登陸信息放在了右邊，

這樣不會(huì)占用很大的頁面空間，但是可以放瀏覽者可以很方便的注冊(cè)為本網(wǎng)站的

會(huì)員。

3、房產(chǎn)中介公司注冊(cè)頁

■a..底E

首頁I公司介紹I房產(chǎn)買賣I租賃中介I咨詢信息I商務(wù)信息

管廁房/、賬戶注冊(cè)

用戶名：［手機(jī)號(hào)"

密碼：［郵箱J

確認(rèn)密碼"主是交I重置

版權(quán)

圖2

圖2為房產(chǎn)中介公司的注冊(cè)頁。本頁面采用了兩種控件,文本框和提交按鈕。

4、提示注冊(cè)成功頁面

首頁|公司介紹|房產(chǎn)買賣|租賃中介|咨詢信息|商務(wù)信息

用戶W二**退出

注冊(cè)成功！

1、恭喜您成為我們的VIP用戶

2、請(qǐng)返回繼續(xù)瀏覽房產(chǎn)信息

3、謝謝您對(duì)我們的支持

板權(quán)

圖3

圖3為提示用戶注冊(cè)成功頁面，如果用戶注冊(cè)失敗，則會(huì)顯示為"注冊(cè)失敗,

返回首頁”的超鏈接。顯示用戶名和退出的區(qū)域我放在了導(dǎo)航條的右下方。在這

里不會(huì)占用空間，也可以讓用戶很方便了解自己的登陸情況。

5、個(gè)人修改頁面

但危房號(hào)

首頁|公司介紹|房產(chǎn)買賣|租賃中介|咨詢信息|商務(wù)信息

用戶名：**

用戶名：廠

聯(lián)系方式：****

個(gè)性簽名密用：「

郵箱：L

確定I重置|

版權(quán)

圖4

圖4為房產(chǎn)中介公司會(huì)員個(gè)人信息修改頁面。在這個(gè)頁面，會(huì)員可以查看自

己填寫的所有個(gè)人信息，同時(shí)還可以進(jìn)行修改。我還添加了重置按鈕，方便用戶

使用。

6、房產(chǎn)中介公司介紹

信層宸岸

租賃中介I商務(wù)信息

售房部

出租部

租房部

客服部

板權(quán)

圖5

圖5為房產(chǎn)中介公司的簡(jiǎn)介。頁面中間顯示了房產(chǎn)行業(yè)的介紹，還用公司的

經(jīng)營范圍。頁面左側(cè)展示了房產(chǎn)中介公司的各個(gè)部門。右側(cè)顯示了公司辦公每部

的實(shí)景，讓瀏覽者更多的了解公司的情況。

7、房產(chǎn)中介公司售房信息展示

信局宸睜

_______\\

一■■■*■

首頁I公司介紹I房產(chǎn)買賣租賃中介I咨詢信息I商務(wù)信息

黃頁一房產(chǎn)實(shí)麥

房屋信息」房屋類型Jd介■田發(fā)布時(shí)間

不限V

添加房屋相片|普通住宅

用）10.5萬2013.11.27

??商住兩用

出售價(jià)格JV”公里

10.5萬

孱屋面板r用/別器2013.11.27

地段：L

10.5萬2013.11.27

百已去：r一

上一頁123。56789101112下一頁

板權(quán)

圖6

圖6為房產(chǎn)中介公司的售房頁面。在這個(gè)頁面，用戶可以瀏覽售房信息，也

可以發(fā)布自己的售房信息。頁面左側(cè)用戶發(fā)布售房信息的區(qū)域，用戶可以添加自

己房屋的照片，房屋的大小情況。頁面中間為其他用戶發(fā)布的售房信息，在上面,

我添加了一個(gè)導(dǎo)航條，在導(dǎo)航條上，方便用戶選擇售房信息。頁面右側(cè)添加了最

新的售房信息。出租和求租的頁面和圖6類似。

8、用戶發(fā)布的詳細(xì)售房信息

僧屋宸聲

首頁|公司介紹|房產(chǎn)買賣|租賃中介|咨詢信息|商務(wù)信息

用戶名：**退出

此處為施.的冊(cè)

房屋描述：

itwassr第一張

用戶名：**麻?。悍鴗tf釉輔第二張

聯(lián)系方式：****啕嬲

房屋售價(jià)：10.5萬

第三張

板權(quán)

圖7

圖7為房產(chǎn)中介公司注冊(cè)的會(huì)員發(fā)布的售房詳細(xì)信息，此頁面是用戶在圖6

中間售房信息中點(diǎn)擊任意一條的后出來的頁面，此頁面分為左右兩部分，左邊為

發(fā)布房屋信息的用戶和自己房屋的實(shí)際情況，而右邊提供了用戶所要銷售的房屋

的更多實(shí)景圖片。

9、房產(chǎn)中介公司的租賃頁面

首頁|公司介紹|房產(chǎn)買賣|租賃中介|咨詢信息|商務(wù)信息

用戶名：**退出

首頁-租賃中介

符合條件的出租信息

用戶名：**房屋信息一PF7L價(jià)格發(fā)布時(shí)間I

.普通住宅

聯(lián)系方式：****用?商住兩用

360/月2013.11.27

聯(lián)系為里*

婚否：否別笈

用戶名：**

柱格：內(nèi)向取業(yè)：學(xué)生360/月2013.11.27

聯(lián)系方式：****

租房要求：環(huán)境優(yōu)雅，干凈整潔

?上一頁口下一支

單身公寓。12356789101112

版權(quán)

圖8

圖8為用戶發(fā)布的租賃頁面。左側(cè)是用戶發(fā)布的求租信息和用戶的資料，右

側(cè)為根據(jù)用戶情況檢索出來的相關(guān)出租信息。

10、房產(chǎn)中介公司的咨詢頁面

首頁|公司介紹|房產(chǎn)買賣|租賃中介|咨詢信息|商務(wù)信息

用戶名：**退出

首頁—一咨詢信息

用戶名：**

您選擇的服務(wù)：r售房r出租「租房

給我們前言:謝謝您對(duì)我們的支持

版權(quán)

圖9

圖9為房產(chǎn)中介公司的客服頁面。在這里用戶可以選擇自己相應(yīng)的情況來選

擇售房、出租還是租房。通過給客服留言和房產(chǎn)中介公司溝通。