[p]開發(fā)web應(yīng)用程序是一件非常辛苦的事情，你需要花大把大把的時間來做無數(shù)的事情。假如你不運(yùn)用有條理的方法，尤其是在復(fù)雜的項(xiàng)目中，你會承受忽視項(xiàng)目，不能按時完成，浪費(fèi)時間一無所獲的風(fēng)險。[br]這篇文章中，結(jié)構(gòu)化過程的插圖可以幫助你運(yùn)用簡化的方法更加節(jié)省時間更加有效的建立你的web開發(fā)程序。[br][url=http://blockcheat.com/index.php?q=uggc%3a%2f%2fjjj.fpevoq.pbz%2fqbp%2f10042348%2fgur-jbbex-cncref-a1]下載 woork papers n1幻燈片 |你需要知道的開發(fā)web應(yīng)用程序的結(jié)構(gòu)化過程[/url][/p] 工序的主要階段 [p][img]http://bbon.cn/wp-content/uploads/2009/05/214931e3w.png[/img]一般的web應(yīng)用程序開發(fā)流程分為五個主要的階段:[br]1. 明確需求[br]2. 設(shè)計(jì)[br]3. 執(zhí)行[br]4. 測試[br]5. 發(fā)行[/p] [p][b]規(guī)劃與跟蹤監(jiān)測[/b]是一個“跨階段”的跟隨開發(fā)發(fā)展的過程，定義一個在項(xiàng)目執(zhí)行期間你需要跟蹤監(jiān)測的項(xiàng)目計(jì)劃活動名單，并且每項(xiàng)活動需要定義一套行之有效的信息報(bào)告來進(jìn)行跟蹤監(jiān)測，例如：[/p] [p]- 擁有者[br]- 持續(xù)的時間[br]- 所耗[br]- …[/p] [p]看一看這些前一段我所寫的文章，怎樣使用excel或者google制表軟件設(shè)計(jì)制作項(xiàng)目實(shí)施計(jì)劃：[/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] 怎樣組織項(xiàng)目規(guī)劃[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圖表設(shè)計(jì)繪制模板[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電子表格實(shí)施并靈活管理項(xiàng)目規(guī)劃[/p] 1. 需求定義 [p]在這第一階段你必須確定范圍和[url=http://yeeyan.com/articles/tag/web][i]web[/i][/url]應(yīng)用程序的需求，在你的應(yīng)用程序中必須做的，主要特點(diǎn)和技術(shù)要求：[/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]應(yīng)用程序的范圍,足以編制一份明確說明適用功能的詳細(xì)清單。目前重要的不是“如何”實(shí)現(xiàn)他們，而是“什么”需要實(shí)現(xiàn)！[/p] [p][b]需求[/b][br]需求分析需求分析是一個開發(fā)過程的關(guān)鍵組成部分。在這一步中你需要估計(jì)潛在流量，選擇一個服務(wù)器端語言（ php， asp， coldfusion …),數(shù)據(jù)庫，選擇一個托管服務(wù)…[b]這里需要非常注意[/b]不要高估 /低估預(yù)期！準(zhǔn)確的平衡的預(yù)估時間，成本和目標(biāo)之間每件事情！[/p] 2. 設(shè)計(jì) [p]在需求定義階段，你需要明確的規(guī)劃“設(shè)計(jì)”你的應(yīng)用。在這個階段，可以按照以下步驟：[/p] [align=center][img]http://bbon.cn/wp-content/uploads/2009/05/2149379av.png[/img][/align] [p][b]設(shè)計(jì): 應(yīng)用圖[/b][br]應(yīng)用圖包含對應(yīng)用有意義的和必要的結(jié)構(gòu)信息：頁面（用區(qū)塊表示）和他們之間的主要關(guān)聯(lián)。你的應(yīng)用圖可以像這樣：[/p] [align=center] [align=center][img]http://bbon.cn/wp-content/uploads/2009/05/214937isy.png[/img][/align][/align] [p]通過這種方式，您擁有了有關(guān)一些“位置” （頁）和“路徑” （關(guān)系頁）的圖，您可以非常容易的遵循它，逐頁，以執(zhí)行應(yīng)用程序的下一階段。運(yùn)用這種方式，可以節(jié)省大量的時間，并明確什么是你需要執(zhí)行的。[/p] [p][b]設(shè)計(jì): 數(shù)據(jù)庫[/b][br]ok,現(xiàn)在到了設(shè)計(jì)數(shù)據(jù)庫的時候了。一個簡單的實(shí)現(xiàn)方法是使用實(shí)體關(guān)系（er）模型 。一般來說，你可以俺咋好下面的順序：定義第一個表確定第一個表，而不是屬性和關(guān)系的表格。您的er模型將是這樣的：[/p] [align=center][img]http://bbon.cn/wp-content/uploads/2009/05/214937qjl.png[/img][/align] [p]1:1表示集的關(guān)系（在這種情況下，例如1用戶只能分派1的任務(wù)， 1個用戶只生活在一個城市） 。欲了解更多有關(guān)這一主題的內(nèi)容，來看看我的舊文章：[/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] 定義實(shí)體關(guān)系模型[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] 正確對待，以定義數(shù)據(jù)庫表格關(guān)系[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] 十篇有用的數(shù)據(jù)庫設(shè)計(jì)文章[/p] [p][b]設(shè)計(jì): 頁面結(jié)構(gòu)[/b][br][img]http://bbon.cn/wp-content/uploads/2009/05/214938pfu.png[/img]下一步工作是設(shè)計(jì)大體的頁面結(jié)構(gòu)，用名稱命名確定所有的主要部分 (例如 [i]#header[/i], [i]#navbar[/i], #maincontent, [i]#sidebar[/i]).[/p] [p][b]設(shè)計(jì): 服務(wù)端語言[/b][br]使用面向?qū)ο蟮拈_發(fā)方法進(jìn)行開發(fā)，你可以定義類，函數(shù)和所有你所需要的，記住… 那不是“執(zhí)行”只是下一階段實(shí)施的“指南”.[/p] [p][b]設(shè)計(jì): js 框架[/b][br]這一步選擇javascript 框架(jquery, scriptaculous, mootools…), 通過確定主要的特點(diǎn)和所需實(shí)施的效果（拖放，動畫效果… ）編制簡單的關(guān)于在一個或多個網(wǎng)頁中有關(guān)聯(lián)的每一個具體功能應(yīng)用圖的列表。[br]次點(diǎn)設(shè)計(jì)階段已完成。讓我們實(shí)施吧！[/p] 3. 實(shí)施 [p]ok.. 現(xiàn)在是真正的挑戰(zhàn)的開始，因?yàn)椤皥?zhí)行”才是實(shí)現(xiàn)應(yīng)用。您可以劃分這一階段為以下幾個步驟:[/p] [align=center][img]http://bbon.cn/wp-content/uploads/2009/05/214938hso.png[/img][/align] [p][b]執(zhí)行: 數(shù)據(jù)庫[/b][br]創(chuàng)建一個新數(shù)據(jù)庫，寫sql代碼定義表，屬性和關(guān)系?？纯聪旅娴?，過去我致力于一些有關(guān)此主題的文章的鏈接，以獲取更多信息：[/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創(chuàng)建db表和關(guān)系[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創(chuàng)建表和關(guān)系[/p] [p][b]執(zhí)行: html[/b][br]使用在設(shè)計(jì)階段定義的頁面結(jié)構(gòu)實(shí)施 html 代碼:[/p] [br][br][br][br] [p]此時添加所有在設(shè)計(jì)階段定義的所需要的html元素。例如，如果maincontent部分包含一個標(biāo)題，文字和文章的標(biāo)簽后，添加這些內(nèi)容：[/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]實(shí)施: [url=http://yeeyan.com/articles/tag/css][i]css[/i][/url][/b][br]當(dāng)主體結(jié)構(gòu)已經(jīng)準(zhǔn)備就緒，開始編寫[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編碼和可維護(hù)性的指南[/p] [p][b]實(shí)施: 服務(wù)器端語言[/b][/p] [p]實(shí)施應(yīng)用類，應(yīng)用功能,db互動，查詢，以及一切需要服務(wù)器端的實(shí)現(xiàn)的交互。[/p] [p][b]實(shí)施: javascript[/b][br]使用在設(shè)計(jì)階段選擇的框架（ jquery ， scriptaculous ， mootools …)來實(shí)施ajax的功能（拖放，動畫效果… ）[/p] 4. 測試 [p]在這一階段需要“強(qiáng)調(diào)”的是。你的應(yīng)用程序能在各種條件下執(zhí)行（例如使用不同的瀏覽器） 。您的目標(biāo)是在最后釋放前檢測和修復(fù)所有的應(yīng)用程序錯誤。[/p] [align=center][img]http://bbon.cn/wp-content/themes/wpink//images/grey.gif[/img][/align] [p]請記住，這一過程需要有條理，需要極大的耐心！試驗(yàn)的每個頁面和每個功能（在這種情況下還可以幫助理順應(yīng)用圖） 。如果您測試過程中發(fā)現(xiàn)一個bug ，修復(fù)它修改代碼并繼續(xù)進(jìn)行最后的代碼審核（一個不可告人的測試）。[/p] 5. 發(fā)布 [p]最后你準(zhǔn)備好發(fā)布了！在測試文件夾中發(fā)布并做最后的測試，假如一切都o(jì)k的話，那就進(jìn)行最后的發(fā)布吧。[/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幻燈片 |你需要知道的開發(fā)web應(yīng)用程序的結(jié)構(gòu)化過程[/url][/p] [align=center] [/align] [p]that’s all. 希望這篇文章能幫助到那些朋友，并要求我對這個主題做補(bǔ)充。[/p] [p]如果您有任何建議，以改善這一過程，請?zhí)砑釉u論！謝謝： ）[/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]你需要知道的開發(fā)web應(yīng)用程序的結(jié)構(gòu)化過程[/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]