WEB項目開發(fā)流程

WEB項目開發(fā)流程

網(wǎng)絡(luò)產(chǎn)品設(shè)計主要角色：1.產(chǎn)品制作人，寫產(chǎn)品計劃書。2.用戶體驗(yàn)研究員，作調(diào)查分析。3.信息建構(gòu)師，設(shè)計產(chǎn)品架構(gòu)。4.互動設(shè)計師，作出互動流程。

5.視覺設(shè)計師和用戶界面設(shè)計師，作出頁面視覺設(shè)計。6.前臺工程師，前臺開發(fā)。7.后臺工程師，后臺開發(fā)。

8.用戶體驗(yàn)研究員，做用戶測試確保質(zhì)量。主要網(wǎng)絡(luò)產(chǎn)品設(shè)計工作流程：

產(chǎn)品制作人寫產(chǎn)品計劃書，確定新產(chǎn)品或新功能的市場意義和經(jīng)濟(jì)效益，提交部門審批，同意后，確認(rèn)需要設(shè)計的部分，和用戶體驗(yàn)研究員（userresearcher），信息建構(gòu)師(informationarchitect)，視覺設(shè)計師(visualdesigner)、userinterfacedesigner，互動設(shè)計師(interactiondesigner)，webdeveloper，工程師(engineer)一起討論需要的支持，然后訂出時間計劃分工合作。一般是先由用戶體驗(yàn)研究員作調(diào)查、分析后由信息建構(gòu)師設(shè)計產(chǎn)品架構(gòu)，然后由互動設(shè)計師作出互動流程，之后交給視覺設(shè)計師(visualdesigner)和userinterfacedesigner作出視覺設(shè)計。然后webdeveloper把設(shè)計通過編寫程序（html,dhtml,JavaScript）等等再現(xiàn)出來，最后交給工程師。做完后用戶體驗(yàn)研究員需要做用戶測試，QA（Qualityassurance）需要測驗(yàn)這一產(chǎn)品的每一步驟，確認(rèn)產(chǎn)品的使用質(zhì)量，如果有問題需要讓工程師或相關(guān)人員解決。

小型項目的工作流程局往往限于有限的人力和時間，經(jīng)常是短、平、快：拿到brief，進(jìn)行設(shè)計，綜合意見，投放到網(wǎng)站，總結(jié)效果。比如廣告設(shè)計，一般是我組織市場部開會，集體出創(chuàng)意，然后大家達(dá)成一致意見。決定設(shè)計主題后發(fā)到德國和法國取得相關(guān)的翻譯。按照雅虎的廣告標(biāo)準(zhǔn)，我設(shè)計制作出最終的廣告，交到廣告發(fā)行部定期發(fā)行。廣告運(yùn)行兩周后，拿到數(shù)據(jù)信息，根據(jù)瀏覽量(page

impressions)，點(diǎn)擊率(CTR:ClickThroughRate)，和conversionrate來分析廣告效果，總結(jié)經(jīng)驗(yàn)。

擴(kuò)展閱讀：Web項目開發(fā)流程

Web項目開發(fā)的一般流程總綱

1.需求確定2.分析與設(shè)計

架構(gòu)分析與設(shè)計

業(yè)務(wù)邏輯分析業(yè)務(wù)邏輯設(shè)計

界面設(shè)計3.開發(fā)環(huán)境的搭建4.開發(fā)-測試-開發(fā)-測試5.文檔撰寫6.圖解

需求確定分析與設(shè)計架構(gòu)分析與設(shè)計業(yè)務(wù)邏輯分析業(yè)務(wù)邏輯設(shè)計界面色設(shè)計開發(fā)環(huán)境搭建開發(fā)測試文檔撰寫7.

一．需求確定

通過各種手段確定系統(tǒng)的功能與性能

功能：用戶維護(hù)、物料維護(hù)...

性能：可以支持n個并發(fā)的訪問，并且響應(yīng)時間不高于m毫秒…手段：頭腦風(fēng)暴、會議、詢問原型-界面原型、業(yè)務(wù)原型…本階段是項目開發(fā)的重要階段

在web項目中，通常界面設(shè)計會在本階段進(jìn)行

二．架構(gòu)分析與設(shè)計

三．1.邏輯架構(gòu):3層架構(gòu)，n層架構(gòu)…，MVC…Model1orModel2…2.物理架構(gòu)：Web服務(wù)器的分布、數(shù)據(jù)庫服務(wù)器的分布…3.技術(shù)的解決方案的確定：Java/.NET、OpenSource/商業(yè)…4.業(yè)務(wù)邏輯分析

根據(jù)需求分析業(yè)務(wù)邏輯

1）有哪些人會用本系統(tǒng)

2）他們會使用本系統(tǒng)做什么

3）通常他們使用本系統(tǒng)的步驟是什么樣的4）會有哪些明顯的類來支持本系統(tǒng)的運(yùn)行5）會有哪些不同的提示會反饋給用戶

6）…

本階段與需求確定密切相關(guān)，通常在確定需求的時候就會進(jìn)行相關(guān)的分析。

5.業(yè)務(wù)邏輯設(shè)計

根據(jù)需求的分析來確定具體的類

確定類的屬性確定類的接口

確定類之間的關(guān)系

確定用戶操作流程在設(shè)計上的反映進(jìn)行數(shù)據(jù)庫的設(shè)計

6.界面設(shè)計

設(shè)計系統(tǒng)的風(fēng)格：顏色、style…

設(shè)計系統(tǒng)的具體“模擬”界面：能夠從頭走到尾，方便進(jìn)行需求的確定，方便jsp程序

員的開發(fā)…6.開發(fā)環(huán)境的搭建開發(fā)工具的確定

配置管理工具的確定測試工具的確定

文件服務(wù)器/配置服務(wù)器等的確定

…

8.開發(fā)-測試-開發(fā)-測試

按照計劃進(jìn)行開發(fā)迅速開發(fā)原型進(jìn)行迭代開發(fā)提早進(jìn)行測試

1）單元測試（白盒測試）

2）黑盒測試（功能性測試、驗(yàn)收測試）3）性能測試4）易用性測試5）…

網(wǎng)站開發(fā)流程

第一步是跟用戶溝通，確定要做哪些功能，要形成一個基本的功能描述文檔（比較喜歡用excel做成CheckList，這樣清晰明了），確定分幾個頁面都，怎么設(shè)計頁面之間的調(diào)轉(zhuǎn)，如何在頁面間傳值，目錄結(jié)構(gòu)是什么樣子的，這個工作一般是美工和項目組長來做，這個工作完成之后會與用戶做一次溝通，在編碼之前讓用戶確認(rèn)是不是想要的樣子，避免造成較大的差異。

在美工Dummy頁面的時候，編碼人員可以首先會根據(jù)需求做數(shù)據(jù)庫的設(shè)計和項目結(jié)構(gòu)的設(shè)計，形成各種設(shè)計文檔，在開始大規(guī)模編碼之前，頁面設(shè)計和結(jié)構(gòu)設(shè)計可以是同步進(jìn)行的，這樣可以在后期以更大的精力投入實(shí)現(xiàn)過程中。這里要考慮的很重要的一點(diǎn)就是如何復(fù)用以前的代碼，尤其是Web方面，用戶管理，組織機(jī)構(gòu)管理，內(nèi)容管理等的功能都是類似的，要盡可能的復(fù)用已有代碼。

然后就是編碼過程了，中途每周都要設(shè)置一個checkpoint，隨時與客戶溝通，避免出現(xiàn)大的失誤。美工要隨時review頁面的效果，避免編碼人員對在編碼過程中對頁面的誤修改，這里如果嚴(yán)格采用符合w3c標(biāo)準(zhǔn)的布局的話就會在很大程度上避免UI設(shè)計時和程序員之間的沖突。

友情提示：本文中關(guān)于《WEB項目開發(fā)流程》給出的范例僅供您參考拓展思維使用，WEB項目開發(fā)流程：該篇文章建議您自主創(chuàng)作。

來源：網(wǎng)絡(luò)整理 免責(zé)聲明：本文僅限學(xué)習(xí)分享，如產(chǎn)生版權(quán)問題，請聯(lián)系我們及時刪除。

《WEB項目開發(fā)流程》由互聯(lián)網(wǎng)用戶整理提供,轉(zhuǎn)載分享請保留原作者信息,謝謝!
鏈接地址：http://www.seogis.com/gongwen/713187.html

• 上一篇：IC解密基礎(chǔ)知識之單片機(jī)邏輯與或異或指令匯總
• 下一篇：WEB開發(fā)基礎(chǔ)教學(xué)大綱