開發(fā)web應(yīng)用程序是一件非常辛苦的事情，你需要花大把大把的時間來做無數(shù)的事情。假如你不運用有條理的方法，尤其是在復(fù)雜的項目中，你會承受忽視項目，不能按時完成，浪費時間一無所獲的風(fēng)險。
這篇文章中，結(jié)構(gòu)化過程的插圖可以幫助你運用簡化的方法更加節(jié)省時間更加有效的建立你的web開發(fā)程序。
下載 woork papers n1幻燈片 |你需要知道的開發(fā)web應(yīng)用程序的結(jié)構(gòu)化過程

工序的主要階段

一般的web應(yīng)用程序開發(fā)流程分為五個主要的階段:
1. 明確需求
2. 設(shè)計
3. 執(zhí)行
4. 測試
5. 發(fā)行

規(guī)劃與跟蹤監(jiān)測是一個“跨階段”的跟隨開發(fā)發(fā)展的過程，定義一個在項目執(zhí)行期間你需要跟蹤監(jiān)測的項目計劃活動名單，并且每項活動需要定義一套行之有效的信息報告來進(jìn)行跟蹤監(jiān)測，例如：

- 擁有者
- 持續(xù)的時間
- 所耗
- …

看一看這些前一段我所寫的文章，怎樣使用excel或者google制表軟件設(shè)計制作項目實施計劃：

how to organize a project plan 怎樣組織項目規(guī)劃
excel gantt chart template excel圖表設(shè)計繪制模板
implement a project plan and manage activities with google spreadsheets 使用google電子表格實施并靈活管理項目規(guī)劃

1. 需求定義

在這第一階段你必須確定范圍和web應(yīng)用程序的需求，在你的應(yīng)用程序中必須做的，主要特點和技術(shù)要求：

[align=center][/align]

范圍
為了確定web應(yīng)用程序的范圍,足以編制一份明確說明適用功能的詳細(xì)清單。目前重要的不是“如何”實現(xiàn)他們，而是“什么”需要實現(xiàn)！

需求
需求分析需求分析是一個開發(fā)過程的關(guān)鍵組成部分。在這一步中你需要估計潛在流量，選擇一個服務(wù)器端語言（ php， asp， coldfusion …),數(shù)據(jù)庫，選擇一個托管服務(wù)…這里需要非常注意不要高估 /低估預(yù)期！準(zhǔn)確的平衡的預(yù)估時間，成本和目標(biāo)之間每件事情！

2. 設(shè)計

在需求定義階段，你需要明確的規(guī)劃“設(shè)計”你的應(yīng)用。在這個階段，可以按照以下步驟：

[align=center][/align]

設(shè)計: 應(yīng)用圖
應(yīng)用圖包含對應(yīng)用有意義的和必要的結(jié)構(gòu)信息：頁面（用區(qū)塊表示）和他們之間的主要關(guān)聯(lián)。你的應(yīng)用圖可以像這樣：

[align=center] [align=center][/align][/align]

通過這種方式，您擁有了有關(guān)一些“位置” （頁）和“路徑” （關(guān)系頁）的圖，您可以非常容易的遵循它，逐頁，以執(zhí)行應(yīng)用程序的下一階段。運用這種方式，可以節(jié)省大量的時間，并明確什么是你需要執(zhí)行的。

設(shè)計: 數(shù)據(jù)庫
ok,現(xiàn)在到了設(shè)計數(shù)據(jù)庫的時候了。一個簡單的實現(xiàn)方法是使用實體關(guān)系（er）模型 。一般來說，你可以俺咋好下面的順序：定義第一個表確定第一個表，而不是屬性和關(guān)系的表格。您的er模型將是這樣的：

[align=center][/align]

1:1表示集的關(guān)系（在這種情況下，例如1用戶只能分派1的任務(wù)， 1個用戶只生活在一個城市） 。欲了解更多有關(guān)這一主題的內(nèi)容，來看看我的舊文章：

define the entities-relationships model 定義實體關(guān)系模型
a correct approach to define relationships between database tables 正確對待，以定義數(shù)據(jù)庫表格關(guān)系
10 useful articles about database design 十篇有用的數(shù)據(jù)庫設(shè)計文章

設(shè)計: 頁面結(jié)構(gòu)
下一步工作是設(shè)計大體的頁面結(jié)構(gòu)，用名稱命名確定所有的主要部分 (例如 #header, #navbar, #maincontent, #sidebar).

設(shè)計: 服務(wù)端語言
使用面向?qū)ο蟮拈_發(fā)方法進(jìn)行開發(fā)，你可以定義類，函數(shù)和所有你所需要的，記住… 那不是“執(zhí)行”只是下一階段實施的“指南”.

設(shè)計: js 框架
這一步選擇javascript 框架(jquery, scriptaculous, mootools…), 通過確定主要的特點和所需實施的效果（拖放，動畫效果… ）編制簡單的關(guān)于在一個或多個網(wǎng)頁中有關(guān)聯(lián)的每一個具體功能應(yīng)用圖的列表。
次點設(shè)計階段已完成。讓我們實施吧！

3. 實施

ok.. 現(xiàn)在是真正的挑戰(zhàn)的開始，因為“執(zhí)行”才是實現(xiàn)應(yīng)用。您可以劃分這一階段為以下幾個步驟:

[align=center][/align]

執(zhí)行: 數(shù)據(jù)庫
創(chuàng)建一個新數(shù)據(jù)庫，寫sql代碼定義表，屬性和關(guān)系。看看下面的，過去我致力于一些有關(guān)此主題的文章的鏈接，以獲取更多信息：

how to use php and sql to create db tables and relationships 怎樣使用php創(chuàng)建db表和關(guān)系
create tables and relationships with sql 使用sql創(chuàng)建表和關(guān)系

執(zhí)行: html
使用在設(shè)計階段定義的頁面結(jié)構(gòu)實施 html 代碼:

此時添加所有在設(shè)計階段定義的所需要的html元素。例如，如果maincontent部分包含一個標(biāo)題，文字和文章的標(biāo)簽后，添加這些內(nèi)容：

this is the moment to add all html elements you need in sections identified during design phase. for example if the sections maincontent contains a post with a title, a text body and post tags, add these elements:

實施: css
當(dāng)主體結(jié)構(gòu)已經(jīng)準(zhǔn)備就緒，開始編寫css代碼添加樣式。如果您需要一些如何撰寫更好的css代碼建議，請看看這些文章：

css coding: semantic approach in naming convention css編碼：語義的方法命名慣例
useful guidelines to improve css coding and maintainability 有益的改善的css編碼和可維護性的指南

實施: 服務(wù)器端語言

實施應(yīng)用類，應(yīng)用功能,db互動，查詢，以及一切需要服務(wù)器端的實現(xiàn)的交互。

實施: javascript
使用在設(shè)計階段選擇的框架（ jquery ， scriptaculous ， mootools …)來實施ajax的功能（拖放，動畫效果… ）

4. 測試

在這一階段需要“強調(diào)”的是。你的應(yīng)用程序能在各種條件下執(zhí)行（例如使用不同的瀏覽器） 。您的目標(biāo)是在最后釋放前檢測和修復(fù)所有的應(yīng)用程序錯誤。

[align=center][/align]

請記住，這一過程需要有條理，需要極大的耐心！試驗的每個頁面和每個功能（在這種情況下還可以幫助理順應(yīng)用圖） 。如果您測試過程中發(fā)現(xiàn)一個bug ，修復(fù)它修改代碼并繼續(xù)進(jìn)行最后的代碼審核（一個不可告人的測試）。

5. 發(fā)布

最后你準(zhǔn)備好發(fā)布了！在測試文件夾中發(fā)布并做最后的測試，假如一切都o(jì)k的話，那就進(jìn)行最后的發(fā)布吧。

在scribd上，閱讀與下載此篇文章

下載 woork papers n1幻燈片 |你需要知道的開發(fā)web應(yīng)用程序的結(jié)構(gòu)化過程

[align=center] [/align]

that’s all. 希望這篇文章能幫助到那些朋友，并要求我對這個主題做補充。

如果您有任何建議，以改善這一過程，請?zhí)砑釉u論！謝謝： ）

via:structured process you must know to develop a web application

來源:你需要知道的開發(fā)web應(yīng)用程序的結(jié)構(gòu)化過程

http://bbon.cn/2009/05/web%e5%ba%94%e7%94%a8%e7%a8%8b%e5%ba%8f%e5%bc%80%e5%8f%91%e5%bf%85%e9%a1%bb%e9%81%b5%e5%be%aa%e7%9a%84%e7%bb%93%e6%9e%84%e5%8c%96%e8%bf%87%e7%a8%8b.html