WEB項(xiàng)目開(kāi)發(fā)流程

WEB項(xiàng)目開(kāi)發(fā)流程

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

5.視覺(jué)設(shè)計(jì)師和用戶界面設(shè)計(jì)師，作出頁(yè)面視覺(jué)設(shè)計(jì)。6.前臺(tái)工程師，前臺(tái)開(kāi)發(fā)。7.后臺(tái)工程師，后臺(tái)開(kāi)發(fā)。

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

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

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

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

擴(kuò)展閱讀：Web項(xiàng)目開(kāi)發(fā)流程

Web項(xiàng)目開(kāi)發(fā)的一般流程總綱

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

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

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

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

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

一．需求確定

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

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

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

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

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

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

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

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

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

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

6）…

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

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

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

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

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

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

6.界面設(shè)計(jì)

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

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

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

配置管理工具的確定測(cè)試工具的確定

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

…

8.開(kāi)發(fā)-測(cè)試-開(kāi)發(fā)-測(cè)試

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

1）單元測(cè)試（白盒測(cè)試）

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

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

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

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

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

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

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

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

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