韓迎紅

（山西警官職業(yè)學院 信息工程系，山西 太原 030006）

1 分析當前Web開發(fā)工作常用的幾種方法

1.1 Hypermedia Design Method

通過分析研究Web開發(fā)方法可以發(fā)現(xiàn)，Hypermedia Design Method適用范圍相當廣泛，主要用于開發(fā)Web的信息體系。采用這種方法可完成結(jié)構(gòu)定義、進行導(dǎo)航工作、表現(xiàn)，然后應(yīng)用Hyper Base、Access、表現(xiàn)方案的形式化。實際上，Hypermedia Design Method最主要的特征就是能夠完成自動化工作，擴充設(shè)計模型，有效地將概念方案轉(zhuǎn)移到邏輯和物理表示模型中。需要特別注意的是，自動生成模式只針對信息頁面。

1.2 Web Modeling Language

W3I3項目明確定義，在Web系統(tǒng)模型中，負責描述語言界面的開發(fā)方法是Web Modeling Language，這種語言能夠應(yīng)用概念來描述Web系統(tǒng)中的復(fù)雜內(nèi)容。這種方法能描述Web各種應(yīng)用高度抽象的圖畫，其中提供完備的設(shè)計過程以及相關(guān)的工具。除此之外，正因為該方法支持XML，所以也能自動化地生成代碼。

1.3 Relationship Management Methodology

Relationship Management Methodology負責完成Web系統(tǒng)網(wǎng)絡(luò)的設(shè)計、組織構(gòu)造和維護工作。應(yīng)用這種開發(fā)方法能夠有效減少在動態(tài)數(shù)據(jù)資料中的維護資金，而且語言非常形象，工作流程處于迭代式狀態(tài)。這種開發(fā)方法模型包含三個層面，即表示層、內(nèi)容層以及多媒體層。Relationship Management Methodology開發(fā)方案優(yōu)化了整體系統(tǒng)的導(dǎo)航機制，有效提升了測試效率。

2 Web前端開發(fā)面臨的問題

2.1 兼容性問題

用戶選擇的瀏覽器雖然有所不同，但打開系統(tǒng)頁面后所呈現(xiàn)的信息幾乎無較大的差別，然而從實際情況來看并非如此。不同的瀏覽器的標簽?zāi)J存在差異性。此外，相同的標簽在不同的瀏覽器也會出現(xiàn)差異性顯示效果。比如快速性標簽，float后又有橫行的margin，那么在這種情況下，IE6的顯示顯然要比設(shè)置的領(lǐng)域更廣。此外，還需要考慮到算是使用相同的瀏覽器，其版本不同，在處理的方法上也有著區(qū)別。因此，在考慮兼容性問題的過程中，就需要從實際情況出發(fā)，根據(jù)實際表現(xiàn)采用合理的方法才能更有效解決問題[1]。

2.2 交互的復(fù)雜性

瀏覽器引擎所提供的接口和UI交互的要求相比較等級很低，因此，就導(dǎo)致目前前端技術(shù)的熱點依然是javascript、css預(yù)處理器和mv框架和微框架。

2.3 代碼可維護性

需要注意的是，隨著復(fù)雜度的提升，在很多情況下會影響對代碼的維護性。從目前來看，主流的js以及css或者是html代碼生存周期相對比較長，因此，也就愈加重視代碼的質(zhì)量和價格，需要從各方面以此保證其可維護性。

3 制約Web前端優(yōu)化的因素

3.1 Server結(jié)構(gòu)

大多數(shù)用戶在瀏覽網(wǎng)頁的過程中，基本上都會按照這一流程開展，首先在打開計算機以后輸入網(wǎng)頁URL，接下來就通過域名解析IP地址，向服務(wù)器發(fā)送訪問的請求；而服務(wù)器在確認請求以后，就需要開始尋找資源文件，進行反饋，然后發(fā)送html文件；在瀏覽器接收資源并重新渲染以后，整個訪問得以完成。因此從整個流程來看，browser/Server是影響開發(fā)過程當中的重要難題。

3.2 瀏覽器連接的限制問題

按照現(xiàn)行的HTTP相關(guān)規(guī)定，為能有效避免服務(wù)器出現(xiàn)瀏覽堵塞的現(xiàn)象，在和客戶端之間的并發(fā)連接數(shù)量存在一定的限制。在同一時間內(nèi)，無論是服務(wù)器還是用戶端之間的持久性，連接數(shù)量只能是1。然而在Web頁面的實際訪問過程中，卻出現(xiàn)了較為特殊的現(xiàn)象，即難以避免二次連接的問題[2]。

4 Web前端優(yōu)化策略

4.1 browser/Server結(jié)構(gòu)優(yōu)化

對此可以從服務(wù)器以及HTTP請求等諸多方面對該結(jié)構(gòu)進行優(yōu)化，需要注意的是，在開展的過程中，作為開發(fā)人員，有必要根據(jù)實際情況做出相應(yīng)的調(diào)整。

4.2 服務(wù)器方面

從目前來看，常用的方法主要是通過優(yōu)化Web網(wǎng)頁域名或者使用Gzip壓縮資源以及改進緩存的設(shè)置等相關(guān)方法。然而根據(jù)Web服務(wù)器的特征，基本上都會使用塔式或機架式的服務(wù)器。

4.3 Ajax方面

該方法主要充分利用可緩存性實現(xiàn)信任的大幅度提升。由于其本身就具備良好的異步特征，因此通過傳輸?shù)漠惒讲町?，可以給廣大用戶帶來更好的瀏覽體驗。但采用這種方法也存在一定的缺陷，那就是在等待的過程中或許會花費一定的時間，在采用這種方法的過程中，結(jié)果主要還是取決于異步優(yōu)化法和用戶到底采用哪種方式進行訪問。

5 基于軟件工程的Web技術(shù)開發(fā)方法的主要特征

5.1 具有圖形化特征，而且比較容易操控

目前，Web系統(tǒng)的應(yīng)用范圍極為廣泛的原因就是整個系統(tǒng)的頁面設(shè)計非常簡潔，能有效表現(xiàn)相應(yīng)的信息資料，比如文字信息、圖片信息或者視頻資料。早期階段，Web系統(tǒng)僅能傳遞單純的文字，局限性非常大。而基于軟件工程進行Web開發(fā)技術(shù)之后，能在Web的版面中找出各種形式的信息資料。另外，Web操作方法非常簡單，更換鏈接就可以使頁面進行跳轉(zhuǎn)，找到所需信息[3]。

5.2 具有動態(tài)特征，而且信息分散于各個頁面中

在日常生活和工作過程中，需要查找各種各樣的信息，有時需要下載文字、圖片或者一些音頻和視頻資料，無法估算其占用的硬盤容量，這就導(dǎo)致下載過程中出現(xiàn)硬盤儲存量不足的問題。而基于軟件工程的Web技術(shù)開發(fā)工作則重視這一點，使信息分散于各個頁面當中，大家只需在不同站點上調(diào)取自己所需的信息就可以。而Web系統(tǒng)中的信息資料處于隨時更新狀態(tài)，具有動態(tài)特征，大家能了解最新的資訊，完成既定的工作任務(wù)。

5.3 必須完成交互任務(wù)，進行大量的測試工作

在Web系統(tǒng)中富含大量的超鏈接，使用者可以利用Web系統(tǒng)中的超鏈接進入包含不同信息的站點，這些超鏈接可供使用者自行選擇，根據(jù)自己的需要選擇訪問的站點，體現(xiàn)出基于軟件工程的Web技術(shù)具有的交互性。使用者可以利用Web了解服務(wù)器的具體信息情況。想要更多地使用者應(yīng)用Web產(chǎn)品，就必須要高度重視Web的可操作性和平穩(wěn)性，側(cè)重為使用者提供準確的信息。所以在基于軟件工程進行Web技術(shù)開發(fā)工作時，需要進行大量的測試工作。

5.4 基于軟件工程進行Web開發(fā)工作對管理工作的要求非常高

在進行Web研發(fā)工作的過程中，隨著實際需求的逐漸增加和技術(shù)開發(fā)規(guī)模的逐漸增大，研發(fā)工作的難度也逐漸增加，開發(fā)Web系統(tǒng)相當于開發(fā)軟件的難度。正因為Web開發(fā)工作非常復(fù)雜，所以可以將其作為一個重要的工程開發(fā)項目，組織更多專業(yè)人員參與Web系統(tǒng)的開發(fā)工作，因而就需要加大管理力度，制定相應(yīng)的管理方案和工作規(guī)范，合理分配開發(fā)人員的職責，促使各部門的開發(fā)人員能夠協(xié)同合作，確保Web開發(fā)系統(tǒng)項目的順利完成。

6 基于軟件工程建設(shè)的Web技術(shù)開發(fā)環(huán)節(jié)

6.1 打造web的原始模型

開發(fā)人員在正式進行Web系統(tǒng)的研究和研發(fā)工作的初始階段，必須要充分了解使用者在日常生活和工作中的實際需求，盡快打造一個Web初始模型。需要特別注意的是，最開始建立的Web模型需要滿足兩方面要求，一是符合使用者的現(xiàn)實需要；二是充分結(jié)合已有的Web模型類型，不斷提升初期工作速度[4]。

6.2 邀請使用者進行實際體驗并給予評價

開發(fā)人員在建立完成Web原始模型之后，首先要邀請使用者完成最初的體驗活動，然后提出使用過程中出現(xiàn)的問題，及時和開發(fā)人員進行交流互動。開發(fā)人員一定要根據(jù)使用者的實際體驗要求進行修改，修改和體驗工作需要反復(fù)進行，直到建立起一個符合用戶要求的Web模型。除此之外，人員一定和使用者保持聯(lián)系的狀態(tài)，一旦發(fā)現(xiàn)使用者提出新的建議或疑問，必須要及時和使用者溝通聯(lián)系，解釋一些專業(yè)性的問題，并不需要完全根據(jù)使用者的意見修改，否則就背離了Web研發(fā)的初衷。

6.3 完成Web模型的定義和說明工作

開發(fā)人員在經(jīng)過反復(fù)的調(diào)整和修改之后，建立起的Web模型既能夠符合技術(shù)要求，又可以滿足使用者的需要。然后進行下一個環(huán)節(jié)的工作，認真定義和說明Web模型，保存完整的信息資料。

6.4 設(shè)計Web系統(tǒng)的主要版面和工作性能

完成Web模型的定義和說明工作之后，開發(fā)人員開始下一個階段，設(shè)計Web系統(tǒng)的主要版面，Web頁面布局和數(shù)據(jù)庫的結(jié)構(gòu)，著重進行工作性能方面的研發(fā)工作。在基于軟件工程完成Web設(shè)計工作時，始終堅守的原則是尊重使用者的體驗要求，真正完成為使用者提供優(yōu)質(zhì)服務(wù)的設(shè)計目標。

6.5 完成Web系統(tǒng)的調(diào)試工作

在基于軟件工程進行Web技術(shù)研發(fā)工作時，最重要的環(huán)節(jié)之一就是完成Web調(diào)試工作。在調(diào)試過程中，開發(fā)人員和使用者需要共同參與這個環(huán)節(jié)的工作。開發(fā)人員需要完成兩項工作。第一個工作是反復(fù)查驗Web系統(tǒng)的設(shè)計情況，保證其設(shè)計模式符合規(guī)格要求。第二個工作是查看Web的兼容性，分析Web系統(tǒng)能否滿足使用者的實際需要。總而言之，在調(diào)試階段，開發(fā)人員仍然需要按照使用者的實際體驗進行研究和調(diào)試工作，不斷提高服務(wù)水平。

6.6 發(fā)布最終的Web系統(tǒng)，重視使用過程中的維護工作

研發(fā)Web系統(tǒng)的最后階段就是將其投入到實際工作當中，發(fā)布最終的Web系統(tǒng)，使更多人在網(wǎng)絡(luò)中應(yīng)用該系統(tǒng)。開發(fā)人員和工作人員一定要高度重視維護工作，在長時間的維護工作過程中，始終保證Web系統(tǒng)滿足使用者的實際需要。

6.7 基于Web項目中的三大圖

一是功能結(jié)構(gòu)圖。該圖主要是為能將不同部分的功能清晰展示出，使得使用者可以明確內(nèi)部邏輯關(guān)系，實現(xiàn)條理化。二是業(yè)務(wù)流程圖。該圖可便利開發(fā)人員全面掌握業(yè)務(wù)處理的實際流程，也是系統(tǒng)分析、管理業(yè)務(wù)操作期間可以實現(xiàn)數(shù)據(jù)共享的平臺工具，以此對業(yè)務(wù)流程的合理性和銜接關(guān)系展開針對性的分析。三是用例圖?；谑褂谜叩慕嵌葘ο到y(tǒng)的功能進行描述，同時也可以清晰顯示出不同功能的后臺操作人員，借助用例圖可以將系統(tǒng)的自身功能準確表達出來。

7 基于軟件工程的Web技術(shù)研發(fā)工作中存在的漏洞和解決措施

目前，Web技術(shù)研發(fā)過程當中還存在很多問題，整體開發(fā)工作的管理系統(tǒng)不夠完善，缺乏系統(tǒng)性、合理性、高效的研發(fā)體系和管理體系，導(dǎo)致web系統(tǒng)開發(fā)品質(zhì)受到影響。因為最初設(shè)定的Web系統(tǒng)比較模糊，但在后期研發(fā)階段出現(xiàn)諸多問題，而技術(shù)研發(fā)工作者經(jīng)常難以預(yù)判Web系統(tǒng)的開發(fā)結(jié)果，經(jīng)過多次修改后，設(shè)計出的Web系統(tǒng)和原始目標完全不同。除此之外，基于軟件工程的Web開發(fā)工作難度較大，工作環(huán)節(jié)越來越復(fù)雜，導(dǎo)致技術(shù)研發(fā)人員的熱情降低。想要真正完成Web開發(fā)系統(tǒng)，設(shè)計出符合新時期建設(shè)要求的系統(tǒng)，促使每一個環(huán)節(jié)順利完成，需要整個團隊的共同努力，將設(shè)想轉(zhuǎn)變?yōu)楝F(xiàn)實。應(yīng)用科學合理的管理體系，調(diào)動大家的工作熱情，培養(yǎng)合作共贏意識。

8 結(jié)束語

在基于軟件工程進行Web開發(fā)工作時，可以應(yīng)用多種成熟的開發(fā)方法，針對Web系統(tǒng)每個開發(fā)環(huán)節(jié)的具體要求進行優(yōu)化和開發(fā)工作，但仍然存在很多問題。開發(fā)人員應(yīng)該充分考慮各種細節(jié)化的設(shè)計問題，融合多方面的需要，建設(shè)完整的開發(fā)和管理系統(tǒng)，不斷推動Web系統(tǒng)研發(fā)工作的發(fā)展和進步?！?/p>