網(wǎng)站開發(fā)流程項目規(guī)劃與設(shè)計實現(xiàn)

網(wǎng)站開發(fā)

工程規(guī)劃、設(shè)計與實現(xiàn)1整理課件對于工程規(guī)劃的了解網(wǎng)站工程的分類及要求？有效的工程管理主要包括對那幾個方面的控制管理?網(wǎng)站開發(fā)人員及職務(wù)？網(wǎng)站開發(fā)流程及時間安排？網(wǎng)站開發(fā)過程中最重要的是什么？2整理課件

分享經(jīng)驗我們都有過工程的經(jīng)歷，無論是網(wǎng)站工程還是我們的課設(shè)，都是一個完整的工程過程，每個人都會有自己的體會前一段時間看過一本書——?網(wǎng)站開發(fā)：工程規(guī)劃、設(shè)計與實現(xiàn)?，覺得里面的網(wǎng)站工程管理全過程以及細(xì)節(jié)都非常清楚3整理課件目錄第一章 工程管理概述第二章 網(wǎng)站工程的需求過程第三章

網(wǎng)站的概要設(shè)計第四章

網(wǎng)站的詳細(xì)設(shè)計第五章

網(wǎng)站的測試第六章

網(wǎng)站的發(fā)布第七章 網(wǎng)站的工程管理第八章

實例4整理課件第一章 工程管理概述1.1概述1.2網(wǎng)站工程管理概述1.3標(biāo)準(zhǔn)化開發(fā)的準(zhǔn)備工作5整理課件1.1概述工程管理就是把各種系統(tǒng)、方法和人員結(jié)合在一起，在規(guī)定的時間、預(yù)算和質(zhì)量目標(biāo)范圍內(nèi)完成工程的各項工作.有效的工程管理是指在規(guī)定用來實現(xiàn)具體目標(biāo)和指標(biāo)的時間內(nèi)，對組織機構(gòu)資源進行方案、引導(dǎo)和控制工作。6整理課件1.2網(wǎng)站工程管理概述網(wǎng)站工程可以分為兩類：web站點工程web應(yīng)用工程

供用戶訪問、瀏覽的站點特點：

以展示和管理信息為主，頻道和頁面較多要求：

對頁面友好度、顯示速度有很高的要求類似于應(yīng)用程序特點：以功能應(yīng)用和管理信息為主，頻道和頁面都比較少要求：對計算有所偏重，平安性也很重要7整理課件1.2網(wǎng)站工程管理概述將網(wǎng)站劃分為三個內(nèi)容：人員問題過程高級管理者：確定商業(yè)問題工程管理者：方案、組織、控制需求采集人員：需求采集〔技術(shù)人員兼〕美工設(shè)計：將網(wǎng)站的需求加工成圖片網(wǎng)頁設(shè)計：實現(xiàn)前臺實現(xiàn)代碼程序員：網(wǎng)站架構(gòu)、數(shù)據(jù)庫、后臺功能 的設(shè)計與實現(xiàn)測試人員：網(wǎng)站測試〔技術(shù)人員兼〕客戶：說明待開發(fā)網(wǎng)站的需求最終用戶：網(wǎng)站發(fā)布后直接與網(wǎng)站打交 道的人流水線式生產(chǎn)——確定進度、人員安排保存和傳遞信息——文檔1、工程方案2、信息方案3、開發(fā)測試技巧與標(biāo)準(zhǔn)需求過程：將需求過程做到最優(yōu)化， 正確地將用戶需求反映給 開發(fā)人員開發(fā)過程：前后臺獨立開發(fā)，明確分工測試過程：測試過程從需求分析開始， 直到整個工程的結(jié)束，應(yīng)用 測試的技巧和相關(guān)技術(shù)8整理課件1.3標(biāo)準(zhǔn)化開發(fā)的準(zhǔn)備工作開發(fā)團隊的建設(shè)環(huán)境和開發(fā)工具團隊的協(xié)同工作工程經(jīng)理：工程方案、實時監(jiān)督、例會、 客戶溝通、團隊協(xié)調(diào)系統(tǒng)分析員：評估開發(fā)人員能力、解答 技術(shù)問題、查看代碼、參 與數(shù)據(jù)庫設(shè)計程序員：后臺代碼編寫網(wǎng)頁設(shè)計人員：根據(jù)需求設(shè)計文檔和效 果圖編寫網(wǎng)頁文件美工：根據(jù)需求文檔制作效果圖測試人員：掌握網(wǎng)站的測試技巧，反映 測試結(jié)果9整理課件第二章 網(wǎng)站工程的需求過程2.1需求過程包括哪些內(nèi)容2.2需求過程中可能出現(xiàn)哪些問題2.3需求采集前的準(zhǔn)備2.4開始采集需求2.5需求文檔10整理課件2.1需求過程包括哪些內(nèi)容 工程需求過程包括兩個局部：需求開發(fā)和需求管理 需求開發(fā)又分為：問題獲取、分析、編寫規(guī)格說明、驗證11整理課件需求提出人員需求設(shè)計人員開發(fā)人員了解需求提出者的意圖不滿意文檔頁面需求文檔編寫反饋12整理課件2.2需求過程中可能出現(xiàn)哪些問題用戶對需求內(nèi)容不夠清楚用戶需求經(jīng)常變更需求采集人員本身對用戶行業(yè)所致甚少需求采集人員對信息重要性認(rèn)識不夠需求文檔信息描述不夠……13整理課件2.3需求采集前的準(zhǔn)備降低對用戶的期望值準(zhǔn)備行業(yè)相關(guān)素材對相關(guān)的人員進行培訓(xùn)14整理課件2.4開始采集需求采集技巧： 1.問題的重要性 2.足夠多的用戶參與 3.一次采集足夠的用戶需求15整理課件2.5需求文檔文檔模板16整理課件第三章

網(wǎng)站的概要設(shè)計3.1頁面及路徑的概要設(shè)計3.2數(shù)據(jù)庫的概要設(shè)計17整理課件3.1頁面及路徑的概要設(shè)計軟件版本及代碼存放目錄18整理課件概要設(shè)計的技巧與標(biāo)準(zhǔn)組織頁面——將頁面分類存放在不同的目錄下頭文件和尾文件——單獨做成模板存放圖片文件——在根目錄和各主要頻道目錄下分別建一個Images文件夾JS&CSS文件——在根目錄下建立單獨的JS文件夾和CSS文件夾默認(rèn)目錄所有的文件都應(yīng)該是小寫使用英語而不是拼音來命名文件文件名要簡潔采用常用文件名文件夾名稱全

路

徑說

明user/user用戶管理文件夾about/about相關(guān)信息的文件夾help/help幫助文件夾images/images圖片文件夾flash/flash動畫文件夾include/include存放被包含的文件文件夾js/js存放JavaScript腳本文件的文件css/css存放樣式表的文件夾error/error出錯處理文件夾文

件

名文件說明index.htm網(wǎng)站首頁，必須是靜態(tài)頁面，保證訪問速度index.jsp頻道首頁，建議為JSP頁面，這樣可以使用include語句search.jsp關(guān)鍵字，或者其他條件檢索頁面sort.jsp分類排序頁面add.jsp添加頁面del.jsp刪除頁面modify.jsp修改頁面head.htm網(wǎng)頁文件頭foot.htm網(wǎng)頁文件尾19整理課件3.2數(shù)據(jù)庫的概要設(shè)計20整理課件第四章

網(wǎng)站的詳細(xì)設(shè)計4.1詳細(xì)設(shè)計的概念和原那么4.2網(wǎng)頁詳細(xì)設(shè)計4.3數(shù)據(jù)庫詳細(xì)設(shè)計4.4后臺腳本詳細(xì)設(shè)計21整理課件4.1詳細(xì)設(shè)計的概念和原那么

概念：抽象、模塊、繼承、重載 原那么：編碼要清楚，要利于團隊成員間的 協(xié)作和溝通 標(biāo)準(zhǔn)：各種各樣的標(biāo)準(zhǔn)——html、CSS、 JS……

22整理課件4.2網(wǎng)頁詳細(xì)設(shè)計××網(wǎng)站項目頁面詳細(xì)設(shè)計說明書部門：×××?xí)r間：×××作者：×××目錄引言目的：撰寫本概要設(shè)計的目的人員：參與撰寫本概要設(shè)計的人員關(guān)鍵字：本概要設(shè)計的關(guān)鍵字，便于查找相關(guān)文檔：需求設(shè)計說明書，或者其他相關(guān)文檔頁面一覽頁面全路徑頁面說明創(chuàng)建時間頁面一

CSS說明

JS說明層說明

框架說明頁面二

CSS說明

JS說明層說明

框架說明23整理課件 關(guān)于“數(shù)據(jù)庫詳細(xì)設(shè)計〞和“后臺詳細(xì)設(shè)計〞，如果大家想要了解的話，后面欣哥、熊磊或者余海都可以給大家詳細(xì)地講。 在這里，需要強調(diào)的一點是無論是在概要設(shè)計中還是在詳細(xì)設(shè)計中，標(biāo)準(zhǔn)和技巧都非常重要！24整理課件第五章

網(wǎng)站的測試5.1網(wǎng)站測試的內(nèi)容需求過程的測試概要設(shè)計的測試詳細(xì)設(shè)計的測試整體測試5.2網(wǎng)站測試工具5.3網(wǎng)站測試文檔25整理課件5.1網(wǎng)站測試的內(nèi)容網(wǎng)站工程包括需求分析、、詳細(xì)設(shè)計三個環(huán)節(jié)，每一個環(huán)節(jié)都需要進行測試和驗證，好在第一時間發(fā)現(xiàn)問題和錯誤，發(fā)現(xiàn)得越早，反工的壓力就越小，工程的成功率就越大。26整理課件5.1網(wǎng)站測試的內(nèi)容——需求過程的測試判斷頁面是不是有鏈接的判斷頁面是否是返回的判斷頁面與用戶的需求是否相符判斷頁面技術(shù)上是否可行27整理課件頁面的概要設(shè)計保證頁面之間的關(guān)聯(lián)和可行性頁面中相同的內(nèi)容是否用模板數(shù)據(jù)庫的概要設(shè)計判斷文件夾命名是否與數(shù)據(jù)庫表格的命名相同判斷頁面內(nèi)容是否都有字段對應(yīng)，類型是否正確5.1網(wǎng)站測試的內(nèi)容——概要設(shè)計的測試28整理課件詳細(xì)設(shè)計是編寫代碼的過程，其中網(wǎng)站至少要用到四種語言：html、Javascript、SQL和一種腳本語言〔ASP/JSP/PHP〕，那么測試也是針對這四種語言進行。5.1網(wǎng)站測試的內(nèi)容——詳細(xì)設(shè)計的測試29整理課件html測試Javascript測試腳本測試SQL的測試5.1網(wǎng)站測試的內(nèi)容——詳細(xì)設(shè)計的測試1.鏈接測試2.表單測試不為空判斷字符串與數(shù)字限制判斷E-mail必須包含@和.這兩個字符password的顯示必須為*3.Cookies測試Cookies是否起作用是否按照預(yù)定的時間進行保存是否按照預(yù)定的時間進行保存4.圖形測試確保圖形有明確的用途驗證多有頁面字體和風(fēng)格是否一致背景顏色應(yīng)與字體、前景顏色相搭配保證圖片大小和質(zhì)量〔一般用JPG或GIF〕廣告特效、頁面特效、圖片特效、文字特效的測試接收參數(shù)測試Session測試輸出測試——中文問題、格式問題輸入測試——是否到達(dá)預(yù)期效果、是否寫入數(shù)據(jù)庫成功、存為文件成功、發(fā)送郵件成功等數(shù)據(jù)一致性錯誤——由于用戶提交的

信息不正確輸出錯誤——由于網(wǎng)絡(luò)速度和程序設(shè)

計等問題30整理課件功能測試性能測試平安性測試穩(wěn)定性測試瀏覽器兼容性測試可用性/易用性測試5.1網(wǎng)站測試的內(nèi)容——整體測試邊界測試特殊數(shù)據(jù)的使用：

空值

偏僻漢字

超長字符串

超大數(shù)字

連接速度測試負(fù)載測試——Web系統(tǒng)發(fā)布以后

某時刻同時訪問Web系統(tǒng)的用戶數(shù)量

在線數(shù)據(jù)處理的數(shù)量壓力測試——包括表單、登陸、其他信

息傳輸頁面權(quán)限測試超時測試記錄測試腳本安全測試導(dǎo)航測試內(nèi)容測試整體界面測試31整理課件5.2網(wǎng)站測試工具OpenSTA——性能測試的負(fù)荷和壓力測試SAINT——網(wǎng)站平安性測試CSEHTMLValidator——檢查html文件中是否存在系統(tǒng)問題Xenu——測試連接ApacheBench——性能測試Crash-me——測試數(shù)據(jù)庫性能……32整理課件5.3網(wǎng)站測試文檔33整理課件第六章

網(wǎng)站的發(fā)布6.1數(shù)據(jù)庫的發(fā)布6.2網(wǎng)頁的發(fā)布6.3發(fā)布完畢的測試6.4撰寫網(wǎng)站開發(fā)總結(jié)性匯報6.5編寫用戶手冊34整理課件6.3發(fā)布完畢的測試確認(rèn)數(shù)據(jù)庫連接沒有問題確認(rèn)所有圖片正確顯示確認(rèn)沒有中文問題確認(rèn)權(quán)限控制準(zhǔn)確確認(rèn)與瀏覽器兼容性很好確認(rèn)訪問速度到達(dá)要求35整理課件6.4撰寫網(wǎng)站開發(fā)總結(jié)性匯報××網(wǎng)站開發(fā)總結(jié)性報告作者：時間：部門：目錄1．引言

1.1編寫目的從開發(fā)項目規(guī)劃到現(xiàn)在，整個開發(fā)過程已經(jīng)完畢，即將進入運行時期，按照一般的項目流程，撰寫相應(yīng)的總結(jié)性報告有利于總結(jié)現(xiàn)有的開發(fā)經(jīng)驗，發(fā)現(xiàn)相應(yīng)的問題，從而在下一個版本中避免相應(yīng)的問題，達(dá)到提高效率和質(zhì)量的目的。1.2網(wǎng)站相關(guān)資料

《××需求設(shè)計》，《××概要設(shè)計》，《××數(shù)據(jù)庫設(shè)計》2．網(wǎng)站開發(fā)結(jié)果

2.1網(wǎng)站簡介

××共有12頻道，所有的頁面圖片（不包括下載或者拍攝的產(chǎn)品圖片）和頁面總數(shù)為×個；網(wǎng)站共有產(chǎn)品信息××個；共有產(chǎn)品詳細(xì)資料7389份……2.2網(wǎng)站主要功能

介紹網(wǎng)站各頻道的主要功能。2.3網(wǎng)站開發(fā)進度

寫出網(wǎng)站從什么時候開始到什么時候結(jié)束，用了多少個工作日。2.4網(wǎng)站開發(fā)成本

2.5網(wǎng)站總體開發(fā)質(zhì)量2.6網(wǎng)站開發(fā)用到的相關(guān)技術(shù)和軟件

2.7網(wǎng)站運行中可能出現(xiàn)的錯誤分析

3．網(wǎng)站開發(fā)經(jīng)驗總結(jié)

對于有些可以預(yù)見的問題事先申明，一邊能在事故發(fā)生以前采取相應(yīng)措施36整理課件6.5編寫用戶手冊37整理課件第七章 網(wǎng)站的工程管7.1編寫工程方案7.2工程風(fēng)險管理7.3工程進度跟蹤和監(jiān)督7.4工程質(zhì)量評定38整理課件7.1編寫工程方案網(wǎng)站工程統(tǒng)籌安排工程方案書××網(wǎng)站開發(fā)計劃書作者：時間：部門：目錄

1．背景

1.1目的

1.2參與開發(fā)人員

1.3相關(guān)文檔

2．開發(fā)任務(wù)進度表

項目開始日期：×年×月×日項目完成日期：×年×月×日××項目開發(fā)任務(wù)安排說明書資源與分配開始時間完成時間工時于丙超×年×月×日×年×月×日×小時××項目開發(fā)進度說明書標(biāo)識號任務(wù)名稱工期開始日期結(jié)束日期前置任務(wù)資源名稱1××頻道開發(fā)12天2003×××2003×××于丙超等

3