“智匯教育”網(wǎng)站設計報告

專

業(yè)：

電子商務

小組成員姓名

學號

李可可

201323060118

李丹戎

201323060126

賀靜雅

201323060125

高人升

201323060117

馬志超

201323060119

指導教師：

邢一亭

2015年11月15日

一，網(wǎng)站組織背景分析

（一）網(wǎng)站組織情況：

（1）

組織名稱：西安智匯教育計算機培訓機構(gòu)

（2）

性質(zhì)：IT培訓機構(gòu)、私企

（3）

主營業(yè)務：

1.各企業(yè)之間人才招攬的合作；

2.全國各高校教育合作；

3.即將開展的線上教學業(yè)務。

（4）

市場情況分析：

l

市場需求情況：

（1）社會需求：隨著現(xiàn)代互聯(lián)網(wǎng)的發(fā)展和網(wǎng)民數(shù)量的不斷增長，互聯(lián)網(wǎng)教育在國內(nèi)外越發(fā)普及，以互聯(lián)網(wǎng)為核心在線學習正在成為全球性的教育培訓的潮流和趨勢。

（2）行業(yè)需求：隨著電子技術(shù)的發(fā)展，各互聯(lián)網(wǎng)企業(yè)對IT技術(shù)人才的需求越來越大，而計算機教育行業(yè)的發(fā)展卻不是很完善，造成了IT行業(yè)專業(yè)人才的欠缺。

（3）教育需求：當今社會對創(chuàng)新型人才的需求不斷擴大，而傳統(tǒng)的教育模式已遠遠不能應對這樣的需求，所以就需要一種更能適應時代發(fā)展的全新的教育方式，培養(yǎng)具有創(chuàng)新能力的有用人才。

l

競爭優(yōu)勢：

（1）企業(yè)優(yōu)勢：西安智匯教育計算機培訓機構(gòu)，已成立20余年之久，與全國多家企業(yè)和高校均有長久合作，無論是在管理經(jīng)驗還是戰(zhàn)略合作方面均有足夠的經(jīng)驗和優(yōu)勢。

（2）教學優(yōu)勢：擁有優(yōu)秀的教師團隊。講師大部分為優(yōu)秀的企業(yè)工作者，比傳統(tǒng)教師和其它教育機構(gòu)的講師擁有更多更豐富的實戰(zhàn)經(jīng)驗和創(chuàng)新能力，告別了傳統(tǒng)的灌輸性課堂教育；即將建立免費的教學平臺。與其它教學網(wǎng)站相比，免費的課程以及豐富的教學資源，解決了上學難上學貴等傳統(tǒng)性問題；在教學方式上，通過采用邊講邊練習的模式和多變有趣的試題設計，培養(yǎng)學生動手動腦和創(chuàng)新思想的培養(yǎng)，擁有自己獨特的創(chuàng)新理念。

（二）網(wǎng)站建立背景

1.起因：

（1）

為了增加線上業(yè)務，借助互聯(lián)網(wǎng)的發(fā)展，擴展市場，擴大經(jīng)營范圍，將現(xiàn)有的業(yè)務增加到互聯(lián)網(wǎng)上，提高業(yè)務效率；

（2）

實現(xiàn)企業(yè)文化的傳播，增加企業(yè)的知名度；

（3）

順應時代要求，開創(chuàng)更具創(chuàng)新的教育模式，使企業(yè)更具競爭優(yōu)勢。

2.訴求：

（1）

功能足夠齊全，實現(xiàn)線上教學、線上咨詢、企業(yè)在線招聘和增值服務收費系統(tǒng)的創(chuàng)建，為用戶提供方便快捷的學習培訓交流平臺，滿足用戶的學習需求；

（2）

視覺形象上，要求欄目簡明清晰、色彩搭配合理、布局合理；

（3）

網(wǎng)站的設計，要方便后期的維護，要有足夠好的網(wǎng)站性能，能夠應對龐大的并發(fā)訪問量；

（三）網(wǎng)站開發(fā)可行性分析

1.能力分析

（1）團隊成員：平面設計師1名、前端工程師3名，后端開發(fā)工程師1名；

（2）成員概況：均擁有多年項目開發(fā)實戰(zhàn)經(jīng)驗，對網(wǎng)站建設擁有叫深層次的見解，有足夠的能力完成此次項目的建設；

2.預期效果分析

（1）功能上，使用戶能夠方便快捷的找到自己所需要的東西，一些增值服務的付費系統(tǒng)要足夠安全，并實現(xiàn)實時互動的效果。

（2）視覺上，增加更多的動態(tài)效果，使用戶擁有完美的視覺體驗。

（3）網(wǎng)站性能：能通過各種性能上的測試，網(wǎng)站上線后不會出現(xiàn)加載緩慢和兼容性等問題。

二，總體需求分析

（一）建站目標分析：

1.網(wǎng)站服務范圍

（1）

服務人群：主要面向年輕人群，對IT技術(shù)有濃厚興趣、或具有對計算機強烈學習欲望的人群；企業(yè)工作人員；

（2）

服務方向：1在線教學；2資源下載等學習方面的付費增值服務3企業(yè)招聘平臺服務。

2.所要達到的運行效果

（1）學習、交互和其它增值服務等功能足夠完善；

（2）有完美的用戶體驗效果；

（3）實現(xiàn)瀏覽器的完美兼容和優(yōu)秀的網(wǎng)站性能。

（二）受眾分析

1.受眾：校大學生、在職人員、計算機方面的老師、程序員等

2.受眾特點及偏好：從網(wǎng)站的主要服務人群來看，該類人群年輕青春，易于接受新興事物，學習能力強，生活節(jié)奏快，上網(wǎng)時間自由，對網(wǎng)絡教學的依賴和接受程度較高，更偏好于視覺的體驗和良好的網(wǎng)站性能，因此對網(wǎng)站的視覺和性能要求會比較高。

（三）網(wǎng)站定位分析

1.網(wǎng)站業(yè)務類型：服務型。

2.服務行業(yè)：IT技術(shù)。

3.整體風格：簡約柔和。

三，具體需求分析

（一）功能需求

1.網(wǎng)站的需求模塊結(jié)構(gòu)圖：

2.主要功能用例描述

（1）

用例名稱：網(wǎng)站登錄入口

用例標識號：101

參與者：網(wǎng)頁瀏覽者

簡要說明：網(wǎng)站的各類使用者登錄入口

前置條件：網(wǎng)頁已順利完成加載

基本事件流：

1.點擊“請先登錄、注冊”按鈕；

2.頁面中央彈出一半透明登錄表單，且除了此表單之外的所有網(wǎng)頁內(nèi)容均變模糊；

3.瀏覽者可在此進行登錄或注冊，輸入賬號密碼即可點擊登錄按鈕進行登錄，也可點擊“新用戶注冊”進行注冊；

4.不同類型賬號登錄之后有不同的操作權(quán)限，注冊時會有普通用戶和教師登錄等身份選擇，賬號密碼填寫完之后，有詳細資料的填寫和提交；

5.用例結(jié)束；

其它事件流：

瀏覽者可以通過點擊“取消”按鈕，關(guān)閉登錄與注冊窗口

異常事件流：

1.提示賬號或密碼錯誤，或賬號不合法；

2.點擊確定重新輸入，點擊忘記密碼進入密碼修改界面

后置條件：

用戶注冊或登錄成功

注釋：表單放在一DIV內(nèi)，并設置背景，添加動效

（2）

用例名稱：網(wǎng)站左導航

用例標識號：102

參與者：網(wǎng)頁瀏覽者

簡要說明：用戶進行課程瀏覽、選擇及查詢

前置條件：網(wǎng)頁已順利完成加載

基本事件流：

1.用戶鼠標置于不同的一級導航時，在一級導航的右側(cè)出現(xiàn)所對應的二級導航及三級導航（二級導航是三級導航的分類，同在一個浮動DIV內(nèi)）；

2.點擊任一導航可進入其對應的鏈接頁面；

3.用例結(jié)束

其它事件流：

無

異常事件流：

1.頁面加載失??；

2.提示“加載失敗，點擊刷新”；

3.點擊“點擊刷新”后，重新進行頁面加載

后置條件：

進入對應的鏈接頁面

注釋：增加必要的動畫效果

（3）

用例名稱：網(wǎng)站主導航

用例標識號：103

參與者：網(wǎng)頁瀏覽者

簡要說明：用戶進行非課程教學等功能的使用

前置條件：網(wǎng)頁已順利完成加載

基本事件流：

1.用戶鼠標置于不同的一級導航時，在一級導航的下邊出現(xiàn)所對應的二級導航，鼠標離開時，二級導航隱藏；

2.點擊任一導航可進入其對應的鏈接頁面；

3.用例結(jié)束

其它事件流：

無

異常事件流：

4.頁面加載失?。?/p>

5.提示“加載失敗，點擊刷新”；

6.點擊“點擊刷新”后，重新進行頁面加載

后置條件：

進入對應的鏈接頁面

注釋：增加必要的動畫效果

（二）性能需求

1.可用性：保證成員個人信息的安全；為網(wǎng)站的內(nèi)容設立不同的權(quán)限管理角色。

2.可靠性：要具有定期的檢查與維護的功能；保證整個網(wǎng)站的流暢性。

3.具體性能要求：

滿足較大并發(fā)訪問量的系統(tǒng)要求；同時在線6000萬人以上；系統(tǒng)響應時間不超過1500ms。

四，網(wǎng)頁設計

（一）欄目確定

1.頂部：（1）提供網(wǎng)站分享功能；（2）登錄入口。

2.頁面頭部：以輪播圖形式展現(xiàn)企業(yè)文化和企業(yè)特色。

3.內(nèi)容區(qū)：導航欄；企業(yè)各方面情況展示；網(wǎng)站特色及功能的簡單介紹；宣傳語。

4.尾部：友情鏈接；企業(yè)地址、郵箱等信息展示。

5.主導航欄目

（1）一級導航：

資源下載、免費測試、問答社區(qū)、就業(yè)指導。

（2）二級導航：

資源下載：精彩視頻、文檔課件、常用軟件；

免費測試：基礎(chǔ)練習、拔高練習、在線考試；

就業(yè)指導：學習計劃、企業(yè)應聘。

6.左導航（課程導航）

（1）一級導航：

前端開發(fā)、后端開發(fā)、移動開發(fā)、數(shù)據(jù)處理、圖像處理、信息安全、腳本語言、匯編語言、xml系列教程、server

side系列教程、benet4.0網(wǎng)絡工程、accp軟件工程。

（2）

二級導航：根據(jù)一級導航，從難以程度、課程類別等方面進行分類。

（3）

三級導航：具體課程名稱。

7.最近更新課程的展示區(qū)（以無限滾動形式實現(xiàn)）。

8.回到頂部。

（二）首頁設計

1.總體布局

2.風格設計

（1）布局風格：清晰簡潔。按照內(nèi)容主次劃分布局，采用易于后期維護的DIV布局格式。

（2）字體：瀏覽器默認字體。以此減少對字體的設置，減少代碼，有利于網(wǎng)站的快速加載。

（3）顏色：主要以淺藍色和淺綠色為主。使網(wǎng)頁更具青春活力，更符合年輕人的需求。