文/孫郁露 湯克強(qiáng)

1 網(wǎng)站設(shè)計(jì)的目的

在當(dāng)今的社會(huì)生活中，由于工作或度假等多方面原因，人們在一年中多多少少會(huì)安排相應(yīng)的出行計(jì)劃，而此時(shí)寵物的寄養(yǎng)就成了很大的問題。面對寵物店寄養(yǎng)的高額消費(fèi)且寄養(yǎng)品質(zhì)得不到充分保證，以及朋友家寄養(yǎng)的不便等問題，人們往往會(huì)陷入兩難的境地。而根據(jù)市場調(diào)研表明，人們?nèi)粘Ｔ趯櫸镝t(yī)院和寵物店的消費(fèi)也成為了家庭的一大筆支出。

現(xiàn)擬制作一個(gè)用戶在出行期間可以相互寄養(yǎng)寵物的網(wǎng)站，為用戶推薦并提供同城的寵物寄養(yǎng)家庭，該平臺(tái)的設(shè)計(jì)開發(fā)是同類型寵物網(wǎng)站所忽略或根本不具備的創(chuàng)新性功能。通過將互聯(lián)網(wǎng)技術(shù)應(yīng)用于寵物行業(yè)的方式，為市場上寵物寄養(yǎng)提供更科學(xué)便捷，實(shí)惠可靠的方向。

在網(wǎng)站的開發(fā)過程中，我們不僅僅考慮到了制作網(wǎng)頁的問題，而是通過對網(wǎng)站的功能定位，目標(biāo)用戶，服務(wù)事項(xiàng)，用戶信息安全，以及后臺(tái)數(shù)據(jù)庫的處理技術(shù)等方面進(jìn)行系統(tǒng)地分析設(shè)計(jì)。旨在實(shí)現(xiàn)網(wǎng)站預(yù)期功能的基礎(chǔ)上，建立一個(gè)交互式的高品質(zhì)網(wǎng)站。

2 開發(fā)工具的選擇

我們使用的網(wǎng)頁編輯軟件為Macromedia Dreamweaver 8，該軟件具有強(qiáng)大的代碼書寫功能，并具有十分友好的編輯界面，是Web站點(diǎn)和應(yīng)用程序開發(fā)的專業(yè)工具。它將網(wǎng)站的代碼書寫和功能研發(fā)有效得組合起來，通過可視化的布局，克服了許多編輯過程中的代碼冗余問題，使開發(fā)者可以不受技術(shù)級(jí)別的局限，快速且高質(zhì)量地完成對頁面的設(shè)計(jì)開發(fā)。

在網(wǎng)站的圖片編輯和優(yōu)化工具上，我們選用了Photoshop 7.0。該軟件作為DTP 和圖像處理軟件的結(jié)合，擁有強(qiáng)大的圖像編輯功能和廣泛的使用基礎(chǔ)。它可以使圖像設(shè)計(jì)人員在電腦端直接完成文字的錄入和排版，圖像的編輯和處理，形象創(chuàng)造和分色制版等一系列的工作。為網(wǎng)站圖片的編輯和美化提供了很高的便利性。

3 系統(tǒng)功能的實(shí)現(xiàn)

3.1 同城寄養(yǎng)家庭的推薦算法

我們首先對已注冊用戶的數(shù)據(jù)信息進(jìn)行了統(tǒng)計(jì)和整理，當(dāng)有其他用戶訪問網(wǎng)站并填寫了寄養(yǎng)申請之后，我們會(huì)采用 Levenberg-Marquart 算法，以兩者的相對距離，期望消費(fèi)價(jià)格以及寵物的體重等為約束條件，對數(shù)據(jù)庫中已有的數(shù)據(jù)信息進(jìn)行計(jì)算，篩選出符合約束條件的變量。并進(jìn)一步根據(jù)用戶所提供的其他要求，對相關(guān)解進(jìn)行再次的篩選，最終得出符合寄養(yǎng)條件的最優(yōu)家庭。

網(wǎng)站會(huì)針對不同用戶的興趣愛好，推薦不同的內(nèi)容。這里采用了被網(wǎng)站行業(yè)廣泛應(yīng)用的協(xié)同過濾算法。該算法主要分為user-based和item-based 兩種類型。user-based 主要應(yīng)用于發(fā)現(xiàn)具有相同關(guān)注興趣的小團(tuán)體，而itembased 則會(huì)根據(jù)用戶在網(wǎng)站上所瀏覽的歷史行為來為用戶生成推薦的列表。網(wǎng)站通過對兩種算法的綜合，根據(jù)用戶所發(fā)表的寄養(yǎng)體驗(yàn)和寄養(yǎng)評價(jià)，以及用戶在網(wǎng)站上對合作的寵物商家的云商城的瀏覽情況，為用戶推薦更感興趣的寵圈和寵物用品。

3.2 用戶數(shù)據(jù)的安全管理

對于一個(gè)交互式的網(wǎng)站，用戶的信息密保工作成為了網(wǎng)站品質(zhì)的重要衡量標(biāo)準(zhǔn)。為了防止網(wǎng)站用戶的資料泄露，我們采用了非對稱hash 加密算法。該算法可以使后臺(tái)的數(shù)據(jù)存儲(chǔ)變得相對安全。網(wǎng)站為不同用戶建立不同的隨機(jī)鹽，從而避免攻擊者對用戶數(shù)據(jù)的惡意泄露。

而作為服務(wù)器端，我們需要對用戶的信息進(jìn)行整理和使用。因此采用cookie 技術(shù)對用戶和商家在網(wǎng)站上的瀏覽及搜索記錄進(jìn)行合理監(jiān)聽，瀏覽器端只會(huì)保存用戶的ID，而真正的瀏覽記錄則是保存在用戶端。

通過上述方法，網(wǎng)站會(huì)在為用戶提供同城寄養(yǎng)家庭信息的同時(shí)，盡可能地保證用戶數(shù)據(jù)的安全性，以此消除用戶對于網(wǎng)上認(rèn)證和預(yù)約寄養(yǎng)時(shí)的顧慮。

3.3 網(wǎng)站的交互性優(yōu)化

網(wǎng)站將會(huì)由多個(gè)靜態(tài)Web 資源和動(dòng)態(tài)Web 資源組成，靜態(tài)Web 是指在一個(gè)服務(wù)器上直接讀取這些內(nèi)容，這就意味著這些網(wǎng)頁的內(nèi)容是通過網(wǎng)絡(luò)服務(wù)器展現(xiàn)給用戶的，用戶端使用Web 瀏覽器通過網(wǎng)絡(luò)連接到服務(wù)器上，使用HTTP 協(xié)議進(jìn)行數(shù)據(jù)的請求和接收，客戶端接收到內(nèi)容后經(jīng)瀏覽器渲染解析，得到最終顯示的效果。

由于靜態(tài)Web 無法連接數(shù)據(jù)庫，因此不能實(shí)現(xiàn)和用戶真正意義上的交互。而我們需要搭建的是一個(gè)具有強(qiáng)交互能力的功能性網(wǎng)站，所以除了基本的數(shù)據(jù)和圖片使用靜態(tài)Web，部分功能的實(shí)現(xiàn)還需使用動(dòng)態(tài)Web，從而保證其頁面效果會(huì)因時(shí)而變，可以進(jìn)行動(dòng)態(tài)的刷新，最終實(shí)現(xiàn)用戶、商家和網(wǎng)站的交互功能，達(dá)到預(yù)期網(wǎng)站功能的同時(shí)，提升用戶的瀏覽體驗(yàn)。

我們將利用Webpapefx 來測量網(wǎng)站的可讀性，并進(jìn)行進(jìn)一步的改進(jìn)。由于用戶在第一次訪問網(wǎng)站的時(shí)候，用戶的體驗(yàn)至關(guān)重要，因此網(wǎng)站創(chuàng)建了用戶旅程地圖來獲取用戶瀏覽本網(wǎng)站的典型方式。然后進(jìn)行用戶的期望匹配、建立信任的網(wǎng)站內(nèi)容、聚焦微文案、優(yōu)化布局、豐富視覺層次等一系列的網(wǎng)站后期的完善和優(yōu)化工作。

4 網(wǎng)站的后期展望

除了寄養(yǎng)平臺(tái)的開發(fā)外，網(wǎng)站同時(shí)設(shè)計(jì)了“寄養(yǎng)日記”“尋寵啟示”“寵物秀”等多個(gè)與用戶互動(dòng)的界面。在投入試運(yùn)營以后，我們會(huì)通過對后臺(tái)數(shù)據(jù)的整理和分析，設(shè)計(jì)寄養(yǎng)家庭的評分系統(tǒng)，以進(jìn)一步提高寵物寄養(yǎng)的質(zhì)量。

寵物行業(yè)的飛速發(fā)展是當(dāng)今社會(huì)的一大趨勢，面對互聯(lián)網(wǎng)技術(shù)在寵物市場上的缺失，此類用戶交互式網(wǎng)站的設(shè)計(jì)和開發(fā)將擁有較強(qiáng)的市場價(jià)值和發(fā)展前景。