網(wǎng)站需求分析與規(guī)劃課件

1、第3章 網(wǎng)站需求分析與規(guī)劃學習網(wǎng)站：第1頁，共44頁。QQ在線: 第2頁，共44頁。圖1-1 軟件開發(fā)瀑布模型 （軟件生命周期）第3頁，共44頁。3.1采集提煉用戶需求明確目標：弄清楚用戶的真正需求。有效溝通 ：通常用戶的需求是凌亂的，不完整的，甚至是不正確的，很多用戶知道自己想要什么，但是表達不出來。要求：需求分析人員- 行業(yè)專家轉(zhuǎn)化。深入企事業(yè)內(nèi)部，熟悉用戶的業(yè)務流程。5w+h:when where who why what+how 其中問卷調(diào)查也是常用的方法。提煉需求：去偽存真。確認需求：需求分析人員對收集到的用戶需求進一步分析和整理。借助數(shù)據(jù)流圖、實體關(guān)系圖（E-R）圖、用例圖（用來描

2、述角色、用例及相互關(guān)系的圖）第4頁，共44頁。數(shù)據(jù)流圖手機短信模塊： 業(yè)務描述：針對經(jīng)常出差或外出的人員，系統(tǒng)可通過發(fā)送手機短信的形式，將重要的消息準確、及時的通知到人，加快信息的運轉(zhuǎn)。 主要界面 -手機短信-接收人號碼發(fā)送人姓名發(fā)送人號碼信息內(nèi)容發(fā)送 取消第5頁，共44頁。數(shù)據(jù)流圖數(shù)據(jù)流程 數(shù)據(jù)分析：輸入數(shù)據(jù)：手機短信（接收人號碼，發(fā)送人姓名/號碼，短信內(nèi)容）處理數(shù)據(jù)輸出數(shù)據(jù)第6頁，共44頁。實體關(guān)系圖（E-R）圖第7頁，共44頁。實體關(guān)系圖（E-R）圖第8頁，共44頁。第9頁，共44頁。用例圖第10頁，共44頁。第11頁，共44頁。3.2確定網(wǎng)站類型確定網(wǎng)站語種：是中文、英文、其他網(wǎng)站所有

3、者性質(zhì)定位：政府、企業(yè)、學校。不同性質(zhì)的網(wǎng)站應該符合建站單位特點。單位所屬行業(yè)：制造業(yè)、娛樂業(yè)、金融業(yè)等。確定網(wǎng)站的服務類型：資訊網(wǎng)站、購物、下載站。網(wǎng)站的技術(shù)選型：html、asp、php、jsp、.net確定網(wǎng)站風格：以網(wǎng)站性質(zhì)和網(wǎng)站內(nèi)容為基礎(chǔ)切不可過分修飾，華而不實，給人以膚淺，不信任的感覺。避免不做任何修飾，平淡無奇。避免雷同，同一類型的網(wǎng)站，也應該有自己的特點，自己的風格。避免粗制濫造，提倡精雕細琢。第12頁，共44頁。3.3確定網(wǎng)站內(nèi)容網(wǎng)站內(nèi)容：主要來源于建站客戶提供的資料，若客戶提供的資料較少，可以參考同類網(wǎng)站，適當豐富一些內(nèi)容。若客戶提供的資料很多，要分清主次，整理分類，不要全

4、部放在網(wǎng)站上。網(wǎng)站內(nèi)容可以是文字、圖表、圖片、動畫、多媒體等多種格式第13頁，共44頁。3.4確定網(wǎng)站功能站點導航聯(lián)系方式留言本、電子郵件計數(shù)器、網(wǎng)站流量分析系統(tǒng)信息發(fā)布與維護（企業(yè)動態(tài)，產(chǎn)品信息）信息檢索（產(chǎn)品搜索）網(wǎng)上購物在線招聘。第14頁，共44頁。3.5規(guī)劃網(wǎng)站的框架結(jié)構(gòu)網(wǎng)站的框架結(jié)構(gòu)應該：組織合理清晰符合人們的習慣，一般從上到下，從左到右地瀏覽信息。第15頁，共44頁。網(wǎng)站的框架結(jié)構(gòu)/ckjr/ckjrxy/index_jpkc.asp第16頁，共44頁。/rjgc/第17頁，共44頁。/rjgc/jpkc_new/c/第18頁，共44頁。3.6確定網(wǎng)站運行環(huán)境租用虛擬空間：費用比較

5、低，不用自己維護租用主機：費用比較高，獨享一臺服務器主機托管： 費用比較高 自己架設(shè)主機： 自己購買服務器，租用通信線路，建設(shè)網(wǎng)絡環(huán)境，自己維護。第19頁，共44頁。需求分析典型網(wǎng)站需求分析：p23-24基于SOA架構(gòu)的企業(yè)信息集成系統(tǒng)人事管理需求分析展示創(chuàng)新題：p37第20頁，共44頁。補充知識：框架標記 、 、框架頁面示例 ：01.htm第21頁，共44頁。（1）框架集文件基本格式： 框架集文件 請使用支持框架的高版本瀏覽器 第22頁，共44頁。說明：是框架集標記， 框架窗體標記，必須嵌套在 中使用。因此，若有n個框架窗體，則共有n+1個文件（1個框架集文件，n個框架文件）才能完全讀取所有

6、信息。 第23頁，共44頁。（2） 框架集標記基本格式： 第24頁，共44頁。定義框架的基本語法框架集由一對定義屬性：rows和colsrows定義上下分割的框架的大??；cols定義左右分割的框架的大小；在定義大小時，rows和cols可以使用整數(shù)數(shù)值（像素）或百分比為單位。*代表占用余下的所有空間。數(shù)值個數(shù)代表分成的窗體數(shù)目，以逗號分開。第25頁，共44頁。網(wǎng)頁中的框架各窗口的尺寸設(shè)置 上下分割多個窗口 例：02.htmABC 第26頁，共44頁。網(wǎng)頁中的框架各窗口的尺寸設(shè)置 左右分割多個窗口 排列方式：A B C例：03.htm第27頁，共44頁。 第28頁，共44頁?？蚣艿倪\用 第29頁

7、，共44頁。第30頁，共44頁。 框架集的屬性frameborder:設(shè)定框架的邊框，值為0（不顯示邊框）或1（顯示）。border：設(shè)定邊框粗細，值為數(shù)字（像素）bordercolor:設(shè)定邊框顏色。framespacing:設(shè)定框架與框架的間距。如04.htm第31頁，共44頁。（3） 框架標記基本格式： 第32頁，共44頁。網(wǎng)頁中的框架的屬性name：設(shè)定框架窗體的名字。這個名字可以被如被元素引用。target：目標框架,引用的是目標框架的名字。 第33頁，共44頁。網(wǎng)頁中的框架在當前框架中打開超鏈接頁面默認就是在當前框架頁中打開,也可以采用Target=“_self”在指定框架中打開超

8、級鏈接頁面Target=“name”新開窗口打開鏈接頁面Target=“_blank”跳出整個框架集Target=“_parent” 如04.htm第34頁，共44頁。網(wǎng)頁中的框架的屬性Scrolling：是否顯示滾動條。yes, no, auto yes表示顯示，no表示無論如何都不顯示，auto是在需要的情況下顯示。Noresize：設(shè)定是否允許用戶改變框架大小。例04.htm第35頁，共44頁。 的屬性src:設(shè)定網(wǎng)頁中要顯示的文檔的URLmarginheight:顯示內(nèi)容與窗體的上下間距marginwidth:顯示內(nèi)容與窗體的左右間距第36頁，共44頁。網(wǎng)頁中的框架制作框架頁面的步驟：

9、1.編寫所有子框架頁面2.編寫框架集頁面注意：框架頁面是不含標簽的第37頁，共44頁。動態(tài)顯示時鐘：!-document.write()setInterval(time.innerText=new Date().toLocaleString(),1000)/- 第38頁，共44頁。顯示用戶停留時間(1)getTime() 可返回距1970年1月1日之間的毫秒數(shù)。var now = new Date();document.write(now.getTime(); 例06.htm顯示用戶停留時間頁面代碼：您在線時間為：第39頁，共44頁。顯示用戶停留時間(2)var min = 0, sec =

10、1; start = new Date();function go() now = new Date();time = Math.floor(now.getTime() - start.getTime() / 1000);min = Math.floor( time / 60); sec = time % 60;if ( sec 10)document.myform.clock.value = + min + 分 0 + sec + 秒;elsedocument. myform.clock.value = + min + 分 + sec + 秒; setInterval( go(), 1000

11、); 例4-5-4.html第40頁，共44頁。滾動條 Scrollbarsbody scrollbar-face-color : #00ff00; 表面的顏色scrollbar-highlight-color :#FFFFFF;亮面顏色（左、上面）scrollbar-shadow-color : #FF0000;暗面顏色（右、下面）scrollbar-3dlight-color : #5AA0DA;亮邊顏色（左、上邊）scrollbar-darkshadow-color : #000000;暗邊顏色（右、下邊）scrollbar-arrow-color : #000000;箭頭的顏色scrollbar-base-color : #FCFDFE;滾動條基準顏色，單獨使用，其他顏色據(jù)些自動調(diào)整。例3-3-13第41頁，共44頁。鼠標 cursorcursor:auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help | progress 例