新聞發(fā)布系統(tǒng)用戶界面設(shè)計(jì)

經(jīng)典word整理文檔，僅參考，雙擊此處可刪除頁(yè)眉頁(yè)腳。本資料屬于網(wǎng)絡(luò)整理，如有侵權(quán)，請(qǐng)聯(lián)系刪除，謝謝！新聞發(fā)布系統(tǒng)《用戶界面設(shè)計(jì)報(bào)告》1-Hands-On-新聞發(fā)布系統(tǒng)-SD-UI1.0[]正式發(fā)布[]正在修改作07-03-14機(jī)構(gòu)公開(kāi)信息1-2-新聞發(fā)布系統(tǒng)《用戶界面設(shè)計(jì)報(bào)告》版本歷史1.02新聞發(fā)布系統(tǒng)《用戶界面設(shè)計(jì)報(bào)告》3-目錄555555666667778999943-4-新聞發(fā)布系統(tǒng)《用戶界面設(shè)計(jì)報(bào)告》52674新聞發(fā)布系統(tǒng)《用戶界面設(shè)計(jì)報(bào)告》5-0.文檔介紹0.1文檔目的0.2文檔范圍0.3讀者對(duì)象0.4參考文獻(xiàn)][AAA]，《立項(xiàng)建議書(shū)》，機(jī)構(gòu)名稱(chēng)，日期[SPP-PROC-SD]SEPG，系統(tǒng)設(shè)計(jì)規(guī)范，機(jī)構(gòu)名稱(chēng)，日期0.5術(shù)語(yǔ)與縮寫(xiě)解釋GIF5-6-新聞發(fā)布系統(tǒng)《用戶界面設(shè)計(jì)報(bào)告》1.應(yīng)當(dāng)遵循的界面設(shè)計(jì)規(guī)范:1.1：易用性：,1.2易用性細(xì)則：2.界面的關(guān)系圖和工作流程圖2.1前臺(tái)管理界面功能一覽對(duì)用戶的身份進(jìn)行驗(yàn)證據(jù)用戶權(quán)限進(jìn)入新聞的管理頁(yè)面(當(dāng)日新聞一覽,新聞統(tǒng)計(jì)量,文章是否允許評(píng)論,新聞發(fā)布,新聞管理)6新聞發(fā)布系統(tǒng)《用戶界面設(shè)計(jì)報(bào)告》7-非注冊(cè)用戶界面(普通注Index.jsp冊(cè)用戶)查看在線新聞并對(duì)新聞發(fā)表評(píng)論(注冊(cè)用戶可以進(jìn)行自身資料的修改，沒(méi)有注冊(cè)用戶的可在此進(jìn)行注冊(cè))scan_tody_news.jsp用戶瀏覽當(dāng)日發(fā)布的，并經(jīng)過(guò)管理員審核的所有新聞?dòng)脩舨榭礄?quán)限范圍內(nèi)所有的新聞的統(tǒng)計(jì)量并可查看據(jù)年，月，日排序的各新聞的統(tǒng)計(jì)量用戶對(duì)自己發(fā)布的新聞進(jìn)行管理決定是否允許別人進(jìn)發(fā)布新聞comment_news.jspinfo_add.jspInfo_manager.jspNews.jsp可以根據(jù)需要查看更多的新聞并發(fā)表評(píng)論根據(jù)需要查看新聞的具體內(nèi)容查看新聞的具體內(nèi)容Newsinfo.jsp表2-1新聞發(fā)布系統(tǒng)客戶端界面一覽表2.2后臺(tái)管理員界面功能一覽Login.jsp根據(jù)用戶權(quán)限進(jìn)入管理頁(yè)面（管理員管理，分類(lèi)管理，管理日志，評(píng)論管理，文章審核，系統(tǒng)管理，使用幫助）管理員管理userAdd.jspuserList.jspUpdatepassword.j修改密碼找回密碼（前后臺(tái)通用）sp對(duì)欄目進(jìn)行管理包括（欄目的修改和刪除）添別相應(yīng)欄目下的類(lèi)別typeList.jsp對(duì)類(lèi)別進(jìn)行管理包括（類(lèi)別的修改和刪除及對(duì)類(lèi)別所屬欄目的修改）用戶登錄日志管理（對(duì)日志進(jìn)行單個(gè)或批量刪除）對(duì)新聞評(píng)論進(jìn)行管理（可查詢(xún)某條新的所有相關(guān)評(píng)論）對(duì)發(fā)布的新聞進(jìn)行審核（所有能顯示的文章都是經(jīng)過(guò)審核的）發(fā)布新聞（后臺(tái)發(fā)表的默認(rèn)通過(guò)審核）新聞詳情頁(yè)，可以回復(fù)Loginlist.jspCommentlist.jspnewsAuditing.jspAddnews.jsp系統(tǒng)管理CopyrightList.jsp表2-2新聞發(fā)布系統(tǒng)服務(wù)器端界面一覽表2.3界面關(guān)系及工作流程7-8-新聞發(fā)布系統(tǒng)《用戶界面設(shè)計(jì)報(bào)告》新聞管理圖2-1新聞發(fā)布系統(tǒng)客戶端界面關(guān)系及工作流程圖圖2-1新聞管理系統(tǒng)服務(wù)器端界面關(guān)系及工作流程圖8新聞發(fā)布系統(tǒng)《用戶界面設(shè)計(jì)報(bào)告》9-3.界面關(guān)系3.1登錄界面圖3-1新聞發(fā)布系統(tǒng)登錄界面login.jsp.是非鎖定的經(jīng)過(guò)審核的注冊(cè)用戶登錄到新聞管理員管理頁(yè)面.9-10-新聞發(fā)布系統(tǒng)《用戶界面設(shè)計(jì)報(bào)告》3.2用戶瀏覽新聞主界面圖3-1聞發(fā)布系統(tǒng)用戶瀏覽新聞主界面－index.html圖3-2聞發(fā)布系統(tǒng)查看更多類(lèi)別界面－newsinclass.html10新聞發(fā)布系統(tǒng)《用戶界面設(shè)計(jì)報(bào)告》11-圖3-3聞發(fā)布系統(tǒng)查看某個(gè)類(lèi)別所有新聞界面－news.jsp11-12-新聞發(fā)布系統(tǒng)《用戶界面設(shè)計(jì)報(bào)告》圖3-4聞發(fā)布系統(tǒng)用戶個(gè)人信息－user_modpass.jsp文本框（text）文本框（text）usernamePassWord文本框（text）文本框（text）Qqqqphoneemail文本框（text）文本框（text）文本框（text）isAdmin注：紅色（）號(hào)為必添項(xiàng)12新聞發(fā)布系統(tǒng)《用戶界面設(shè)計(jì)報(bào)告》13-..文本框（text）文本框（text）usernamePassWord文本框（text）文本框（text）文本框（text）文本框（text）文本框（text）emailqqbirthday出生日期13-14-新聞發(fā)布系統(tǒng)《用戶界面設(shè)計(jì)報(bào)告》圖3-7聞發(fā)布系統(tǒng)提示用戶注冊(cè)成功－user_inserted.htm；圖3-6新聞發(fā)布系統(tǒng)新聞內(nèi)容界面.圖3-7聞發(fā)布系統(tǒng)發(fā)布新聞評(píng)論界面14新聞發(fā)布系統(tǒng)《用戶界面設(shè)計(jì)報(bào)告》15-圖3-7聞發(fā)布系統(tǒng)查看評(píng)論頁(yè)面-commentcontent.htm3.3用戶新聞管理界面圖3-8新聞發(fā)布系統(tǒng)用戶登錄頁(yè)面－index.jsp15-16-新聞發(fā)布系統(tǒng)《用戶界面設(shè)計(jì)報(bào)告》圖3-9新聞發(fā)布系統(tǒng)新聞發(fā)布頁(yè)面–info_add.html控件類(lèi)型控件名稱(chēng)描述文本框（text）(News_Title)輸入新聞標(biāo)題（新聞標(biāo)題不能為空）上傳圖片下接列表框(select)文本框（text）文本框（text）文本框（text）文本框（text）富文本編輯器下拉列表框是否允許被評(píng)論提交要發(fā)布的新聞SubmitSubmit16新聞發(fā)布系統(tǒng)《用戶界面設(shè)計(jì)報(bào)告》17-圖3-10新聞發(fā)布系統(tǒng)-新聞管理頁(yè)面-info_manager.jsp.17-18-新聞發(fā)布系統(tǒng)《用戶界面設(shè)計(jì)報(bào)告》.4后臺(tái)管理頁(yè)面4.1管理員管理用戶添加頁(yè)面-User_add.jsp.18新聞發(fā)布系統(tǒng)《用戶界面設(shè)計(jì)報(bào)告》19-控件類(lèi)型控件管理員輸入要添加用戶的用戶名輸入密碼文本框(text)文本框(text)UserNamePassWord圖3-15新聞發(fā)布系統(tǒng)-用戶添加頁(yè)面圖3-15新聞發(fā)布系統(tǒng)-管理用戶頁(yè)面4.2類(lèi)別管理19-20-新聞發(fā)布系統(tǒng)《用戶界面設(shè)計(jì)報(bào)告》圖3-15新聞發(fā)布系統(tǒng)-添加欄目頁(yè)面.控件名稱(chēng)欄目名稱(chēng)欄目描述欄目順序ClassNameDscriptionQuent文本框(text)圖3-15新聞發(fā)布系統(tǒng)-欄目管理頁(yè)面)”。控件類(lèi)型文本框(text)文本框(text)Textfield（欄目名稱(chēng)）textfield2(欄目描述)輸入文本（要修改的欄目名稱(chēng)）輸入文本（要修改的欄目描述）20新聞發(fā)布系統(tǒng)《用戶界面設(shè)計(jì)報(bào)告》21-文本框(text)超鏈接(刪除)輸入文本（描述信息順序）刪除當(dāng)前欄目圖3-16新聞發(fā)布系統(tǒng)-添加類(lèi)別頁(yè)面控件類(lèi)型功能輸入文本（要添加的欄目及描述信息順序）選擇增加在哪個(gè)欄目下的類(lèi)別輸入欄目描述下拉列表框(select)文本框(text)(dscription)(quent)提交按鈕(submit)輸入欄目順序圖3-17新聞發(fā)布系統(tǒng)-添加類(lèi)別頁(yè)面21-22-新聞發(fā)布系統(tǒng)《用戶界面設(shè)計(jì)報(bào)告》控件類(lèi)型文本框(text)控件名稱(chēng)Classname（