[p]開發web應用程序是一件非常辛苦的事情，你需要花大把大把的時間來做無數的事情。假如你不運用有條理的方法，尤其是在復雜的項目中，你會承受忽視項目，不能按時完成，浪費時間一無所獲的風險。[br]這篇文章中，結構化過程的插圖可以幫助你運用簡化的方法更加節省時間更加有效的建立你的web開發程序。[br][url=http://blockcheat.com/index.php?q=uggc%3a%2f%2fjjj.fpevoq.pbz%2fqbp%2f10042348%2fgur-jbbex-cncref-a1]下載 woork papers n1幻燈片 |你需要知道的開發web應用程序的結構化過程[/url][/p] 工序的主要階段 [p][img]http://bbon.cn/wp-content/uploads/2009/05/214931e3w.png[/img]一般的web應用程序開發流程分為五個主要的階段:[br]1. 明確需求[br]2. 設計[br]3. 執行[br]4. 測試[br]5. 發行[/p] [p][b]規劃與跟蹤監測[/b]是一個“跨階段”的跟隨開發發展的過程，定義一個在項目執行期間你需要跟蹤監測的項目計劃活動名單，并且每項活動需要定義一套行之有效的信息報告來進行跟蹤監測，例如：[/p] [p]- 擁有者[br]- 持續的時間[br]- 所耗[br]- …[/p] [p]看一看這些前一段我所寫的文章，怎樣使用excel或者google制表軟件設計制作項目實施計劃：[/p] [p][url=http://blockcheat.com/index.php?q=uggc%3a%2f%2fjbbex.oybtfcbg.pbz%2f2007%2f11%2fcebwrpg-znantrzrag-betnavmr-cebwrpg.ugzy]how to organize a project plan[/url] 怎樣組織項目規劃[br][url=http://blockcheat.com/index.php?q=uggc%3a%2f%2fjbbex.oybtfcbg.pbz%2f2008%2f02%2fcebwrpg-znantrzrag-rkpry-tnagg-puneg.ugzy]excel gantt chart template[/url] excel圖表設計繪制模板[br][url=http://blockcheat.com/index.php?q=uggc%3a%2f%2fjbbex.oybtfcbg.pbz%2f2007%2f11%2fhfvat-tbbtyr-fcernqfurrgf-gb-vzcyrzrag.ugzy]implement a project plan and manage activities with google spreadsheets[/url] 使用google電子表格實施并靈活管理項目規劃[/p] 1. 需求定義 [p]在這第一階段你必須確定范圍和[url=http://yeeyan.com/articles/tag/web][i]web[/i][/url]應用程序的需求，在你的應用程序中必須做的，主要特點和技術要求：[/p] [align=center][img]http://bbon.cn/wp-content/uploads/2009/05/214937qvv.png[/img][/align] [p][b]范圍[/b][br]為了確定[url=http://yeeyan.com/articles/tag/web][i]web[/i][/url]應用程序的范圍,足以編制一份明確說明適用功能的詳細清單。目前重要的不是“如何”實現他們，而是“什么”需要實現！[/p] [p][b]需求[/b][br]需求分析需求分析是一個開發過程的關鍵組成部分。在這一步中你需要估計潛在流量，選擇一個服務器端語言（ php， asp， coldfusion …),數據庫，選擇一個托管服務…[b]這里需要非常注意[/b]不要高估 /低估預期！準確的平衡的預估時間，成本和目標之間每件事情！[/p] 2. 設計 [p]在需求定義階段，你需要明確的規劃“設計”你的應用。在這個階段，可以按照以下步驟：[/p] [align=center][img]http://bbon.cn/wp-content/uploads/2009/05/2149379av.png[/img][/align] [p][b]設計: 應用圖[/b][br]應用圖包含對應用有意義的和必要的結構信息：頁面（用區塊表示）和他們之間的主要關聯。你的應用圖可以像這樣：[/p] [align=center] [align=center][img]http://bbon.cn/wp-content/uploads/2009/05/214937isy.png[/img][/align][/align] [p]通過這種方式，您擁有了有關一些“位置” （頁）和“路徑” （關系頁）的圖，您可以非常容易的遵循它，逐頁，以執行應用程序的下一階段。運用這種方式，可以節省大量的時間，并明確什么是你需要執行的。[/p] [p][b]設計: 數據庫[/b][br]ok,現在到了設計數據庫的時候了。一個簡單的實現方法是使用實體關系（er）模型 。一般來說，你可以俺咋好下面的順序：定義第一個表確定第一個表，而不是屬性和關系的表格。您的er模型將是這樣的：[/p] [align=center][img]http://bbon.cn/wp-content/uploads/2009/05/214937qjl.png[/img][/align] [p]1:1表示集的關系（在這種情況下，例如1用戶只能分派1的任務， 1個用戶只生活在一個城市） 。欲了解更多有關這一主題的內容，來看看我的舊文章：[/p] [p][url=http://blockcheat.com/index.php?q=uggc%3a%2f%2fjbbex.oybtfcbg.pbz%2f2007%2f10%2fcebwrpg-qngnonfr-qrsvar-eryngvbafuvcf.ugzy]define the entities-relationships model[/url] 定義實體關系模型[br][url=http://blockcheat.com/index.php?q=uggc%3a%2f%2fjbbex.oybtfcbg.pbz%2f2007%2f11%2fpbeerpg-nccebnpu-gb-qrsvar.ugzy]a correct approach to define relationships between database tables[/url] 正確對待，以定義數據庫表格關系[br][url=http://blockcheat.com/index.php?q=uggc%3a%2f%2fjbbex.oybtfcbg.pbz%2f2008%2f09%2f10-hfrshy-negvpyrf-nobhg-qngnonfr.ugzy]10 useful articles about database design[/url] 十篇有用的數據庫設計文章[/p] [p][b]設計: 頁面結構[/b][br][img]http://bbon.cn/wp-content/uploads/2009/05/214938pfu.png[/img]下一步工作是設計大體的頁面結構，用名稱命名確定所有的主要部分 (例如 [i]#header[/i], [i]#navbar[/i], #maincontent, [i]#sidebar[/i]).[/p] [p][b]設計: 服務端語言[/b][br]使用面向對象的開發方法進行開發，你可以定義類，函數和所有你所需要的，記住… 那不是“執行”只是下一階段實施的“指南”.[/p] [p][b]設計: js 框架[/b][br]這一步選擇javascript 框架(jquery, scriptaculous, mootools…), 通過確定主要的特點和所需實施的效果（拖放，動畫效果… ）編制簡單的關于在一個或多個網頁中有關聯的每一個具體功能應用圖的列表。[br]次點設計階段已完成。讓我們實施吧！[/p] 3. 實施 [p]ok.. 現在是真正的挑戰的開始，因為“執行”才是實現應用。您可以劃分這一階段為以下幾個步驟:[/p] [align=center][img]http://bbon.cn/wp-content/uploads/2009/05/214938hso.png[/img][/align] [p][b]執行: 數據庫[/b][br]創建一個新數據庫，寫sql代碼定義表，屬性和關系。看看下面的，過去我致力于一些有關此主題的文章的鏈接，以獲取更多信息：[/p] [p][url=http://blockcheat.com/index.php?q=uggc%3a%2f%2fjbbex.oybtfcbg.pbz%2f2007%2f10%2fcebwrpg-qngnonfr-ubj-gb-hfr-cuc-naq-fdy.ugzy]how to use php and sql to create db tables and relationships[/url] 怎樣使用php創建db表和關系[br][url=http://blockcheat.com/index.php?q=uggc%3a%2f%2fjbbex.oybtfcbg.pbz%2f2007%2f10%2fcebwrpg-qngnonfr-perngr-gnoyr-naq.ugzy]create tables and relationships with sql[/url] 使用sql創建表和關系[/p] [p][b]執行: html[/b][br]使用在設計階段定義的頁面結構實施 html 代碼:[/p] [br][br][br][br] [p]此時添加所有在設計階段定義的所需要的html元素。例如，如果maincontent部分包含一個標題，文字和文章的標簽后，添加這些內容：[/p] [p]this is the moment to add all html elements you need in sections identified during design phase. for example if the sections [b]maincontent[/b] contains a post with a title, a text body and post tags, add these elements:[/p] [br] [p][/p] [p][/b][/p] [p][br][/p] [p][b]實施: [url=http://yeeyan.com/articles/tag/css][i]css[/i][/url][/b][br]當主體結構已經準備就緒，開始編寫[url=http://yeeyan.com/articles/tag/css][i]css[/i][/url]代碼添加樣式。如果您需要一些如何撰寫更好的css代碼建議，請看看這些文章：[/p] [p][url=http://blockcheat.com/index.php?q=uggc%3a%2f%2fjbbex.oybtfcbg.pbz%2f2008%2f11%2fpff-pbqvat-frznagvp-nccebnpu-va-anzvat.ugzy]css coding: semantic approach in naming convention[/url] css編碼：語義的方法命名慣例[br][url=http://blockcheat.com/index.php?q=uggc%3a%2f%2fjbbex.oybtfcbg.pbz%2f2008%2f11%2fhfrshy-thvqryvarf-gb-vzcebir-pff-pbqvat.ugzy]useful guidelines to improve css coding and maintainability[/url] 有益的改善的css編碼和可維護性的指南[/p] [p][b]實施: 服務器端語言[/b][/p] [p]實施應用類，應用功能,db互動，查詢，以及一切需要服務器端的實現的交互。[/p] [p][b]實施: javascript[/b][br]使用在設計階段選擇的框架（ jquery ， scriptaculous ， mootools …)來實施ajax的功能（拖放，動畫效果… ）[/p] 4. 測試 [p]在這一階段需要“強調”的是。你的應用程序能在各種條件下執行（例如使用不同的瀏覽器） 。您的目標是在最后釋放前檢測和修復所有的應用程序錯誤。[/p] [align=center][img]http://bbon.cn/wp-content/themes/wpink//images/grey.gif[/img][/align] [p]請記住，這一過程需要有條理，需要極大的耐心！試驗的每個頁面和每個功能（在這種情況下還可以幫助理順應用圖） 。如果您測試過程中發現一個bug ，修復它修改代碼并繼續進行最后的代碼審核（一個不可告人的測試）。[/p] 5. 發布 [p]最后你準備好發布了！在測試文件夾中發布并做最后的測試，假如一切都ok的話，那就進行最后的發布吧。[/p] 在scribd上，閱讀與下載此篇文章 [p][url=http://blockcheat.com/index.php?q=uggc%3a%2f%2fjjj.fpevoq.pbz%2fqbp%2f10042348%2fgur-jbbex-cncref-a1]下載 woork papers n1幻燈片 |你需要知道的開發web應用程序的結構化過程[/url][/p] [align=center] [/align] [p]that’s all. 希望這篇文章能幫助到那些朋友，并要求我對這個主題做補充。[/p] [p]如果您有任何建議，以改善這一過程，請添加評論！謝謝： ）[/p] [p]via:[url=http://woork.blogspot.com/2009/01/structured-process-you-must-know-to.html]structured process you must know to develop a web application[/url][/p] [p]來源:[url=http://yeeyan.com/articles/view/61966/42660]你需要知道的開發web應用程序的結構化過程[/url][/p] [p][url=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]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[/url][/p]