企業(yè)門戶網(wǎng)站設(shè)計(jì)與開發(fā)需求分析

1、企業(yè)門戶網(wǎng)站設(shè)計(jì)與開發(fā)需求分析1 項(xiàng)目背景1.1 企業(yè)簡(jiǎn)介東莞市伶愛婦幼有限公司是一家專注于婦幼用品事業(yè)的綜合企業(yè)。自2012年創(chuàng)立以來，憑借對(duì)婦幼市場(chǎng)的開拓和創(chuàng)新，經(jīng)銷商遍布全國各地。擁有占地6000平方米廠房、500多名熟練技術(shù)工人和高素質(zhì)的管理團(tuán)隊(duì)，以及世界一流的生產(chǎn)工藝和品質(zhì)管理流程，這些因素都確保了伶愛能夠在大規(guī)模生產(chǎn)下保持優(yōu)異品質(zhì)。已在中國建立起較大的營銷網(wǎng)絡(luò)，產(chǎn)品銷售到中國的大、中城市；同時(shí)，和家樂福、沃爾瑪?shù)却笮唾u場(chǎng)建立了長(zhǎng)期合作關(guān)系。在國際市場(chǎng)，也已建成一個(gè)包括東南亞、日本、歐洲、美國、中東在內(nèi)的全球銷售網(wǎng)絡(luò)。隨著近幾年網(wǎng)絡(luò)經(jīng)濟(jì)的興起，積極開拓電子商務(wù)業(yè)務(wù)，在阿里巴巴上成功注

2、冊(cè)成為誠信通用戶，通過電子商務(wù)平臺(tái)成功地接到來自歐洲、北美等廠商的訂單，為公司進(jìn)一步發(fā)展奠定了堅(jiān)實(shí)的基礎(chǔ)。由于的主要客戶是來自國外，公司需要樹立良好的國內(nèi)國際形象，同時(shí)節(jié)約運(yùn)作成本、提高工作效率，讓更多的人能夠了解，也讓與現(xiàn)代經(jīng)濟(jì)接軌。1.2 建立企業(yè)門戶網(wǎng)站的意義全球信息化、網(wǎng)絡(luò)化進(jìn)程正逐漸改變著人們的生活方式，internet技術(shù)和應(yīng)用以及電子商務(wù)的爆炸性增長(zhǎng)對(duì)人們的工作、娛樂乃至日常生活的各個(gè)層面都帶來了深刻的影響。大量的企業(yè)、研究機(jī)構(gòu)、政府和個(gè)人將越來越多的資金、技術(shù)、應(yīng)用投入到internet環(huán)境中，并獲得了很大的成功，電子商務(wù)的要領(lǐng)和實(shí)踐得到了社會(huì)越來越廣泛的認(rèn)可?；ヂ?lián)網(wǎng)技術(shù)將滲透

3、到世界的每一個(gè)角落。伴隨著阿里巴巴、亞馬遜等電子商務(wù)網(wǎng)站的發(fā)展，商業(yè)運(yùn)作的電子化、網(wǎng)絡(luò)化也凸顯出來。而電子商務(wù)也成為企業(yè)與世界溝通的一個(gè)橋梁，商品貿(mào)易通過internet技術(shù)的協(xié)助來完成，也成了貿(mào)易的一種發(fā)展趨勢(shì)。在互聯(lián)網(wǎng)高速發(fā)展的今天，企業(yè)網(wǎng)站正成為企業(yè)展示形象、信息發(fā)布、業(yè)務(wù)拓展、客戶服務(wù)、內(nèi)部溝通的重要陣地。因此，中小企業(yè)的電子商務(wù)應(yīng)首先從建立并完善企業(yè)網(wǎng)站開始入手。大力推廣和宣傳自身的產(chǎn)品、服務(wù)、理念，讓更多的人知道公司的產(chǎn)品、服務(wù)，進(jìn)行快速、周到的信息服務(wù)，及時(shí)了解客戶的反饋意見，與客戶建立起一對(duì)一的溝通方式，使公司在服務(wù)質(zhì)量和服務(wù)水平上邁上一個(gè)新臺(tái)階，在文具生產(chǎn)和銷售中處于有利的競(jìng)

4、爭(zhēng)地位。通過企業(yè)的門戶網(wǎng)站，對(duì)外展示企業(yè)的形象，提高公司知名度。具體體現(xiàn)在以下幾個(gè)方面：（1）對(duì)外能否高效地傳遞公司的產(chǎn)品、服務(wù)以及完整的價(jià)值理念；（2）內(nèi)部管理、運(yùn)作的信息溝通傳遞是否有效、完整、快速；（3）電子商務(wù)是否落到實(shí)處。2 目標(biāo)市場(chǎng)及可行性分析伶愛婦幼用品門戶網(wǎng)站的目標(biāo)訪問群和消費(fèi)群主要是來自歐美等國的采購商，網(wǎng)站一方面要達(dá)到企業(yè)形象宣傳的作用，另一方面，本網(wǎng)站是伶愛基于公司網(wǎng)站開展b2b電子商務(wù)活動(dòng)的平臺(tái)。隨著網(wǎng)絡(luò)經(jīng)濟(jì)和電子商務(wù)的發(fā)展，企業(yè)擁有獨(dú)立的門戶網(wǎng)站和在線訂購平臺(tái)已經(jīng)勢(shì)在必行，這將切實(shí)解決企業(yè)運(yùn)作成本過高、人員冗雜、工作效率低下等影響企業(yè)長(zhǎng)遠(yuǎn)發(fā)展利益的問題。3 任務(wù)概述3

5、.1 網(wǎng)站風(fēng)格模板風(fēng)格模板可控制整個(gè)網(wǎng)站在前臺(tái)顯示時(shí)看到的字體、風(fēng)格、圖片等樣式，通常css網(wǎng)頁樣式語句來進(jìn)行設(shè)計(jì)和控制整個(gè)網(wǎng)站的風(fēng)格樣式。本網(wǎng)站的風(fēng)格設(shè)計(jì)將秉承伶愛有限公司“開拓創(chuàng)新”的理念，以枚紅色、白色等暖手色系為主要渲染色彩，風(fēng)格簡(jiǎn)潔化，圖片多角度真實(shí)化。3.2 網(wǎng)站版式模板版式模板是用來顯示前臺(tái)時(shí)所看到的網(wǎng)頁的界面的布局形式，如分欄、表格布局、圖片和文字要顯示的位置等樣式。本網(wǎng)站前臺(tái)設(shè)計(jì)的網(wǎng)頁頁面布局如圖1所示，主張欄目分明、信息分明、操作簡(jiǎn)便，切實(shí)為用戶著想。在打開本公司網(wǎng)站的首頁，將會(huì)看到網(wǎng)頁的一級(jí)欄目是首頁、關(guān)于伶愛、婦幼產(chǎn)品、新聞中心、在線訂購和聯(lián)系我們。一級(jí)欄目的左下方是用

6、戶登錄的模塊，主要是為在線訂購服務(wù)。在用戶登錄的正下方是新品展示區(qū)，主要以動(dòng)態(tài)圖片展示公司新品。一級(jí)欄目右下方是信息發(fā)布模塊公司動(dòng)態(tài)，主要是信息展示。在公司動(dòng)態(tài)的正下方，是兼具信息展示功能和在線訂購功能的婦幼產(chǎn)品分類。公司logo和公司名稱flash展示（公司最新情況、產(chǎn)品情況等等信息展示） 首頁關(guān)于伶愛婦幼產(chǎn)品新聞中心在線訂購聯(lián)系我們公司登陸注冊(cè)新品展示聯(lián)系方式熱銷產(chǎn)品婦幼產(chǎn)品分類圖1網(wǎng)站首頁設(shè)計(jì)布局圖4 開發(fā)技術(shù)選擇4.1 語言選擇目前制作動(dòng)態(tài)交互網(wǎng)頁web應(yīng)用開發(fā)技術(shù)主要有三種：asp(active server pages),php(professional hypertext pre

7、pocessor)和jsp(java server pages)。在國外，jsp由于融合了java語言的強(qiáng)大優(yōu)勢(shì)而正在成為主流的動(dòng)態(tài)網(wǎng)頁技術(shù)，特別是一些對(duì)安全性有較高要求的電子商務(wù)網(wǎng)站，多采用jsp。而在國內(nèi)較為普遍適用的是asp，一些大型網(wǎng)站如新浪、淘寶已經(jīng)使用了php技術(shù)。我選擇php作為開發(fā)語言。4.2 數(shù)據(jù)庫選擇和需求sql server 2005是microsoft公司推出的一個(gè)關(guān)系型數(shù)據(jù)庫管理系統(tǒng).目前sql server 2005被廣泛地應(yīng)用在internet上的中小型網(wǎng)站中。由于其體積小、速度快、使用方便,可伸縮性好與相關(guān)軟件集成程度高等優(yōu)點(diǎn)，許多中小型網(wǎng)站為了降低網(wǎng)站總體擁有

8、成本而選擇了microsoft sql server 2005作為網(wǎng)站數(shù)據(jù)庫。根據(jù)對(duì)萬達(dá)公司背景的調(diào)查，我決定選擇microsoft sql server 2005作為數(shù)據(jù)庫需求。伶愛有限公司是一家中小型的企業(yè)，其信息概況業(yè)務(wù)需求是利用互聯(lián)網(wǎng)更新公司新聞信息、產(chǎn)品信息、會(huì)員信息等。其次，在線銷售業(yè)務(wù)需求是利用互聯(lián)網(wǎng)建立數(shù)據(jù)庫管理公司在線訂購業(yè)務(wù)。根據(jù)萬達(dá)文具的實(shí)際情況，我打算選擇400m數(shù)據(jù)庫。此外，作為公司方面，將選擇服務(wù)器托管，來保證公司網(wǎng)站的正常運(yùn)行。服務(wù)器租用的機(jī)型選擇初步定為intel 雙核xeon 5110至強(qiáng)處理器,1024m ddr2 ecc(最大4g)，160gb sata2

9、 帶ncq技術(shù)高速硬盤(最大1000g)。而我們根據(jù)伶愛實(shí)際情況，選擇php+microsoft sql server 2005作為技術(shù)支持建立帶有電子商務(wù)功能的企業(yè)門戶網(wǎng)站。5 前后臺(tái)模塊結(jié)構(gòu)和功能前臺(tái)模塊的功能主要是信息發(fā)布和用戶注冊(cè)。通過圖2來清晰化整個(gè)前臺(tái)模塊設(shè)計(jì)和安排：伶愛婦幼網(wǎng)站關(guān)于伶愛婦幼產(chǎn)品玩具新聞在線訂購聯(lián)系我們公司簡(jiǎn)介總裁致詞公司理念公司榮譽(yù)精品展示新品推廣產(chǎn)品展示行業(yè)動(dòng)態(tài)企業(yè)動(dòng)態(tài)產(chǎn)品查詢產(chǎn)品購買聯(lián)系方式留言板人才自薦首頁詳見圖3圖2 前臺(tái)模塊功能說明圖5.1 首頁客戶通過點(diǎn)擊“首頁”查看該企業(yè)門戶網(wǎng)站的基本概況，具有用戶登錄、發(fā)布企業(yè)信息的功能。這是企業(yè)給訪問者的第一印象

10、，所以設(shè)計(jì)上追求簡(jiǎn)介大方、訪問方便。用戶在訪問其他頁面時(shí)可以通過點(diǎn)擊首頁，查看公司發(fā)布在首頁上的最新信息。而管理員可以進(jìn)行查看、添加、修改、刪除首頁各種信息的操作。5.2 關(guān)于伶愛客戶通過點(diǎn)擊這個(gè)欄目查看公司的各種信息。作為公司信息發(fā)布的模塊，此欄目是企業(yè)對(duì)外傳達(dá)其理念的窗口，因此該欄目及下屬子欄目的信息需要真實(shí)可靠、簡(jiǎn)介明了。用戶通過點(diǎn)擊“關(guān)于伶愛”訪問企業(yè)的各類信息，查看企業(yè)的最新和歷史信息。而管理員可以對(duì)該信息發(fā)布模塊進(jìn)行查看、添加、修改、刪除各種信息的操作。5.3 婦幼產(chǎn)品客戶通過點(diǎn)擊“產(chǎn)品展示”來瀏覽伶愛婦幼用品有限公司生產(chǎn)和銷售的各類產(chǎn)品，是公司的產(chǎn)品信息展示平臺(tái)，下屬的子欄目分為

11、早教玩具（嬰兒類、玩具飛車、動(dòng)物玩具、益智玩具）、嬰幼用品（嬰兒床、嬰兒車、奶瓶、奶嘴）、婦女產(chǎn)品（祛痘霜）?？蛻舨粌H可以查看產(chǎn)品信息，在這個(gè)模塊里，客戶還能夠通過產(chǎn)品型號(hào)下拉菜單來搜索想查看的產(chǎn)品型號(hào)并進(jìn)行產(chǎn)品訂購。而管理員則可以上傳產(chǎn)品最新圖片、添加、修改、刪除產(chǎn)品信息。5.4 新聞中心作為發(fā)布本企業(yè)和行業(yè)最新信息的欄目，新聞中心是客戶了解行業(yè)動(dòng)態(tài)和企業(yè)動(dòng)態(tài)的重要窗口。下屬兩個(gè)子欄目，即行業(yè)動(dòng)態(tài)和企業(yè)動(dòng)態(tài)?？蛻敉ㄟ^點(diǎn)擊“新聞中心”查看具體新聞信息，而新聞信息的排序是降序排列，通過點(diǎn)擊具體新聞項(xiàng)，可以查看新聞的具體內(nèi)容。而管理員則可以添加新的新聞，且對(duì)已有新聞進(jìn)行操作。5.5 在線訂購作為具

12、有電子商務(wù)交易功能的模塊，是本公司從事b2b電子商務(wù)交易的重要平臺(tái)。用戶需要先注冊(cè)登錄才能對(duì)該模塊功能進(jìn)行使用。如果已經(jīng)在首頁“用戶登錄”上進(jìn)行登錄的用戶，將不再需要再登錄一次；如果沒有，那么會(huì)有提示框彈出要求用戶先登錄再訪問使用該頁面。需要說明會(huì)員登錄欄目中的情況。會(huì)員注冊(cè)：用戶可以在網(wǎng)站上選擇會(huì)員類別進(jìn)行登記注冊(cè)并成為預(yù)備會(huì)員。待網(wǎng)站審核通過后成為正式會(huì)員，享有網(wǎng)站提供的相應(yīng)服務(wù)。會(huì)員信息在線修改：會(huì)員可以在線修改自己的注冊(cè)信息及密碼。在線訂購功能是在網(wǎng)絡(luò)上建立一個(gè)虛擬的采購中心，避免挑選產(chǎn)品的煩瑣過程，使整個(gè)購買過程變得快捷、方便。能有效的控制公司運(yùn)營成本，并開辟一個(gè)新的銷售渠道。在線訂

13、購應(yīng)具有的功能包括：（1）應(yīng)采取會(huì)員制、身份驗(yàn)證、信譽(yù)度指數(shù)等一系列措施，保證交易的成功率。（2）要有強(qiáng)大的查詢功能，使用戶快捷的找到感興趣的產(chǎn)品。應(yīng)可以按以下方式進(jìn)行查詢?？梢苑譃榘串a(chǎn)品型號(hào)、顏色、品種查詢，按銷量查詢，還應(yīng)支持多條件復(fù)合模糊查詢功能（3）會(huì)員購物流程:挑選產(chǎn)品，將要采購的產(chǎn)品放入購物車(每個(gè)會(huì)員登陸后都要有自己專用的購物車)，最后發(fā)出訂購單訂購，結(jié)賬后完成采購。（4）可以對(duì)網(wǎng)站目前沒有的產(chǎn)品進(jìn)行訂購。（5）應(yīng)能顯示產(chǎn)品的銷售排行榜，以銷售量來評(píng)出幾個(gè)最熱銷的產(chǎn)品。（6）要有安全的在線支付體系。（7）要有完善的會(huì)員服務(wù)功能:可以隨時(shí)查看帳務(wù)明細(xì)、訂單明細(xì)。（8）后臺(tái)要有強(qiáng)大的

14、統(tǒng)計(jì)分析功能，便于管理者及時(shí)了解財(cái)務(wù)狀況、產(chǎn)品銷售狀況，把握客戶心理。5.6 聯(lián)系我們?cè)摍谀肯聦偃齻€(gè)子欄目，即聯(lián)系方式、留言板、人才自薦。聯(lián)系方式是企業(yè)公布在外的電話、傳真、電子郵件。留言板主要是收集用戶的投訴、建議、咨詢等信息，并用于公司及時(shí)反饋信息。人才自薦主要是用于公司招聘人才，通過訪客通過發(fā)送簡(jiǎn)歷來達(dá)到找工作的目的。5.7 后臺(tái)管理后臺(tái)數(shù)據(jù)管理功能主要用于完成遠(yuǎn)程數(shù)據(jù)庫服務(wù)器維護(hù)功能，包括業(yè)務(wù)數(shù)據(jù)的分類與信息的添加、刪除、修改等功能，以及對(duì)網(wǎng)站操作員的管理等。此外網(wǎng)站所有動(dòng)態(tài)信息維護(hù)也均由網(wǎng)站后臺(tái)管理系統(tǒng)完成。通過圖表描述可以看到：會(huì)員信息管理功能，是后臺(tái)管理進(jìn)行添加、修改、刪除各種信

15、息。管理員通過輸入用于一定訪問權(quán)限的用戶名和密碼，在后臺(tái)添加新的信息，對(duì)已有信息進(jìn)行修改或刪除。產(chǎn)品信息管理功能，是管理員在后臺(tái)對(duì)產(chǎn)品信息進(jìn)行添加、修改、刪除等操作，也包括對(duì)圖片的各種操作。管理員主要是要將登記在網(wǎng)站上的產(chǎn)品信息規(guī)范化，以便用戶訪問。訂單信息管理功能，是管理員在后臺(tái)對(duì)用戶生成的訂單進(jìn)行管理，但是主要作用群是用戶群，即用戶在在線訂購里可以看到自己的過去交易、現(xiàn)在交易、未付款的交易等信息，幫助用戶更好的管理。在線訂購會(huì)員管理信息在線訂購銷售后臺(tái)管理注冊(cè)注冊(cè)信息管理會(huì)員查詢編輯會(huì)員信息產(chǎn)品查詢產(chǎn)品銷售訂單填寫款額統(tǒng)計(jì)款額支付后臺(tái)支付中心模糊查詢清晰查詢銷售信息管理會(huì)員信息管理產(chǎn)品信息

16、管理新聞信息管理圖3 后臺(tái)模塊分析圖6 網(wǎng)頁設(shè)計(jì)原則對(duì)經(jīng)常在internat網(wǎng)上瀏覽的人來說，會(huì)經(jīng)常遇到下面的一些情況:（1）下載慢，需要花費(fèi)很多時(shí)間才能打開該網(wǎng)站。（2）意圖不明確，雖然整個(gè)網(wǎng)頁可能很花哨，但是不知道作者要說什么。（3）布局混亂，在瀏覽的時(shí)候感覺很是費(fèi)力。（4）導(dǎo)航工具含義不清，從網(wǎng)頁所提供的導(dǎo)航工具上無法猜想它所連接的內(nèi)容。（5）缺乏有用的信息。6.1 形式與內(nèi)容協(xié)調(diào)統(tǒng)一優(yōu)美的網(wǎng)頁外觀是吸引訪問者的重要因素之一。但是使用過多的圖片或者在設(shè)計(jì)網(wǎng)頁的時(shí)候用了許多不必要的變化，引發(fā)的第一個(gè)問題就是網(wǎng)頁下載速度的問題。一個(gè)巨大的圖片會(huì)使網(wǎng)頁下載需要花費(fèi)很多時(shí)間，甚至讓人覺得不可忍受

17、，對(duì)于那些上網(wǎng)速度比較慢的用戶來說，情況尤為嚴(yán)重。所以，在設(shè)計(jì)網(wǎng)頁時(shí)，如果覺得某個(gè)照片對(duì)站點(diǎn)的主題沒有任何作用的話，可以刪除這個(gè)圖片，不讓它花費(fèi)訪問者上網(wǎng)的時(shí)間。圖片繁雜引發(fā)的另外一個(gè)問題是影響站點(diǎn)的主題的突出。在包含了許多含義不明確或者與站點(diǎn)主題無關(guān)的圖片之后，訪問者對(duì)站點(diǎn)的主題的理解可能會(huì)受到很大的干擾，甚至無法找到有用的信息。所有，在規(guī)劃一個(gè)網(wǎng)頁的時(shí)候，要注意以內(nèi)容為核心，以形式為輔助，使兩者統(tǒng)一起來。另外，在使用文本的時(shí)候，要特別小心，不要使訪問者在閱讀文本信息的時(shí)候有疲倦感。首先，不要使用密集的文本，使得訪問者在一進(jìn)入站點(diǎn)的時(shí)候被撲面而來的文本嚇倒。在文本的適當(dāng)?shù)胤郊右恍┛瞻讌^(qū)域可以

18、緩解這種情況的發(fā)生。還有要注意文本樣式的變化，不要把標(biāo)題性的或者需要強(qiáng)調(diào)的文本與普通文本一樣處理，以便于訪問者可以迅速發(fā)現(xiàn)自己需要的信息。6.2 前后風(fēng)格統(tǒng)一在訪問網(wǎng)頁的時(shí)候，通常首先看到的是該網(wǎng)頁的首頁，所以主頁對(duì)于web開發(fā)人員來說，可能是至關(guān)重要的。在設(shè)計(jì)主頁時(shí)就要考慮好整個(gè)網(wǎng)站的風(fēng)格。其它的網(wǎng)頁可以在主頁的基礎(chǔ)上作一些適當(dāng)?shù)男薷?。但要注意保持前后風(fēng)格的一致性。在處理導(dǎo)航工具的時(shí)候，更要前后一致，這樣對(duì)訪問者來說才是最舒服的。比如，在網(wǎng)頁上一般都會(huì)有返回主頁的鏈接，那么，標(biāo)志返回主頁的超鏈接的形式所有的網(wǎng)頁中最好保持一致，否則可能會(huì)引起混亂。6.3 清楚方便的超鏈接在一個(gè)比較復(fù)雜的站點(diǎn)中，可能會(huì)包含許多網(wǎng)頁，那么，首先要建立到各個(gè)網(wǎng)頁的超鏈接，使得訪問者通過連續(xù)的單擊操作，可以訪問到站點(diǎn)中的各個(gè)角落。另外還要考慮超鏈接的快捷性，也就是說，對(duì)于站點(diǎn)中的一些關(guān)鍵的網(wǎng)頁，在所有的網(wǎng)頁中都要有到達(dá)它們的超鏈接，使得訪問者不管處于該站點(diǎn)中的任何位置，都能夠方便快捷的切換到需要的網(wǎng)頁。否則，訪問者可能感到該站點(diǎn)的瀏覽非常繁瑣。在創(chuàng)建超鏈接的時(shí)候，還要注意，要使超鏈接的形式比較引人注目，還要考慮訪問過