《工程實(shí)踐創(chuàng)新-智慧社區(qū)》模塊八 環(huán)境安全生產(chǎn)管理模塊

塊

環(huán)境安全生產(chǎn)管理模塊模八學(xué)習(xí)目標(biāo)熟悉環(huán)安管理模塊的業(yè)務(wù)流程和設(shè)計(jì)要求

掌握環(huán)安管理模塊的總體結(jié)構(gòu)和開(kāi)發(fā)流程完成環(huán)安管理模塊的單元測(cè)試任務(wù)提交環(huán)安管理模塊開(kāi)發(fā)報(bào)告及技術(shù)文檔知識(shí)準(zhǔn)備環(huán)安管理模塊概述環(huán)安管理模塊主要是對(duì)生產(chǎn)過(guò)程中廢物的排放進(jìn)行管理和統(tǒng)計(jì)。本系統(tǒng)以監(jiān)控的形式實(shí)時(shí)顯示生產(chǎn)設(shè)備的運(yùn)行狀態(tài)及數(shù)據(jù)信息，主要使用Highcharts技術(shù)將數(shù)據(jù)以餅狀圖、柱狀圖、趨勢(shì)圖的形式對(duì)采集到的數(shù)據(jù)分析、顯示，使客戶(hù)能夠直觀(guān)的分析出各個(gè)生產(chǎn)環(huán)節(jié)中的情況，減少人工干預(yù)數(shù)據(jù)的分析，在保證數(shù)據(jù)的準(zhǔn)確性的同時(shí)還能減少客戶(hù)的工作量。知識(shí)準(zhǔn)備Highchars概述Highcharts是一個(gè)純JavaScript編寫(xiě)的一個(gè)圖表庫(kù)，用戶(hù)只需對(duì)Highcharts進(jìn)行簡(jiǎn)單的配置和提供圖標(biāo)所需的數(shù)據(jù)即可在Web網(wǎng)站或是Web應(yīng)用程序添加有交互性的圖表，支持的圖表類(lèi)型有曲線(xiàn)圖、區(qū)域圖、柱狀圖、餅狀圖、散狀點(diǎn)圖和綜合圖表。HighCharts不需要像Flash和Java那樣需要插件才可以運(yùn)行，HighCharts運(yùn)行速度快，兼容性好，能夠完美支持當(dāng)前大多數(shù)瀏覽器，并且主題多、動(dòng)態(tài)交互性能高、操作簡(jiǎn)單。環(huán)安管理任務(wù)信息任務(wù)編號(hào)SFCMS-08-01角色分工基本信息崗位系統(tǒng)分析系統(tǒng)設(shè)計(jì)系統(tǒng)頁(yè)面實(shí)現(xiàn)系統(tǒng)邏輯編程系統(tǒng)測(cè)試負(fù)責(zé)人

任務(wù)名稱(chēng)環(huán)安管理模塊功能實(shí)現(xiàn)任務(wù)編號(hào)SFCMS-08-01版本1.0任務(wù)狀態(tài)

計(jì)劃開(kāi)始時(shí)間

計(jì)劃完成時(shí)間

計(jì)劃用時(shí)

負(fù)責(zé)人

作者

審核人

工作產(chǎn)品【】文檔

【】測(cè)試用例

【】代碼

【】可執(zhí)行文件環(huán)安管理模塊開(kāi)發(fā)環(huán)安管理模塊主要是對(duì)工廠(chǎng)生產(chǎn)中的廢水、廢氣排放等相關(guān)數(shù)據(jù)的采集，本模塊主要風(fēng)分為尾氣風(fēng)機(jī)監(jiān)控、合成廢水報(bào)警餅圖、合成廢水趨勢(shì)圖、機(jī)頻率數(shù)據(jù)匯總、風(fēng)機(jī)頻率報(bào)警柱狀圖五個(gè)子模塊。模塊用例圖如圖所示。尾氣風(fēng)機(jī)監(jiān)控模塊概要設(shè)計(jì)原型設(shè)計(jì)尾氣風(fēng)機(jī)監(jiān)控是將煙道溫度、設(shè)備運(yùn)行狀態(tài)和尾氣風(fēng)機(jī)頻率以組為單位將設(shè)備信息實(shí)時(shí)顯示在頁(yè)面上。當(dāng)出現(xiàn)相應(yīng)的報(bào)警信息時(shí)，對(duì)應(yīng)的地方會(huì)有顏色標(biāo)記提示。頁(yè)面設(shè)置了“刷新”按鈕，實(shí)現(xiàn)手動(dòng)刷新功能。頁(yè)面示意圖如圖所示。功能分析尾氣風(fēng)機(jī)監(jiān)控頁(yè)面描述尾氣風(fēng)機(jī)監(jiān)控頁(yè)面實(shí)時(shí)顯示當(dāng)前對(duì)風(fēng)機(jī)設(shè)備的監(jiān)控信息，并且設(shè)置刷新按鈕可對(duì)數(shù)據(jù)進(jìn)行手動(dòng)刷新。尾氣風(fēng)機(jī)監(jiān)控模塊概要設(shè)計(jì)流程處理用戶(hù)進(jìn)入該頁(yè)面后，頁(yè)面自動(dòng)顯示當(dāng)前系統(tǒng)時(shí)間內(nèi)對(duì)尾氣風(fēng)機(jī)監(jiān)控的數(shù)據(jù)，每隔15分鐘頁(yè)面會(huì)自動(dòng)刷新進(jìn)行數(shù)據(jù)的更換。用戶(hù)點(diǎn)擊“刷新”按鈕，系統(tǒng)會(huì)按照當(dāng)前時(shí)間進(jìn)行尾氣風(fēng)機(jī)數(shù)據(jù)的顯示。數(shù)據(jù)庫(kù)設(shè)計(jì)尾氣風(fēng)機(jī)監(jiān)控模塊詳細(xì)設(shè)計(jì)實(shí)現(xiàn)流程尾氣風(fēng)機(jī)監(jiān)控主要是將是從數(shù)據(jù)庫(kù)中取出當(dāng)前采集到的數(shù)據(jù)信息并將其顯示在頁(yè)面上。順序圖如圖所示。尾氣風(fēng)機(jī)監(jiān)控模塊詳細(xì)設(shè)計(jì)界面效果單元測(cè)試合成廢水趨勢(shì)圖模塊概要設(shè)計(jì)

原型設(shè)計(jì)合成廢水趨勢(shì)圖頁(yè)面使用折線(xiàn)圖的方式描述出了水壓趨勢(shì)圖、供水液位趨勢(shì)圖、溫度趨勢(shì)圖、PH趨勢(shì)圖、供水電機(jī)頻率趨勢(shì)圖、供水電流趨勢(shì)圖、供水電機(jī)電壓趨勢(shì)圖、冷卻塔風(fēng)機(jī)電流趨勢(shì)圖、冷卻塔風(fēng)機(jī)頻率趨勢(shì)圖在選中時(shí)間段內(nèi)的變化趨勢(shì)。頁(yè)面設(shè)置了查詢(xún)時(shí)間段的文本框以及“查詢(xún)”、“查看報(bào)表”、“打印”、“導(dǎo)出”等按鈕，用來(lái)實(shí)現(xiàn)相應(yīng)功能。頁(yè)面示意圖如圖所示。合成廢水趨勢(shì)圖模塊概要設(shè)計(jì)功能分析合成廢水趨勢(shì)圖頁(yè)面描述合成廢水趨勢(shì)圖頁(yè)面使用折線(xiàn)圖的方式描述出了對(duì)合成廢水的電流、電壓、頻率、水壓、液位、溫度、PH、冷卻塔風(fēng)機(jī)頻率及冷卻塔風(fēng)機(jī)電流九種監(jiān)控項(xiàng)目在所選時(shí)間內(nèi)的變化情況，將所選時(shí)間平均取11個(gè)點(diǎn)，計(jì)算出每個(gè)時(shí)間段內(nèi)的平均值并將其顯示在頁(yè)面上。用例描述合成廢水趨勢(shì)圖模塊概要設(shè)計(jì)流程處理當(dāng)用戶(hù)進(jìn)入該頁(yè)面后，在時(shí)間選擇框內(nèi)輸入需要查詢(xún)的時(shí)間段，點(diǎn)擊“查詢(xún)”按鈕，系統(tǒng)將返回用戶(hù)選中時(shí)間段內(nèi)的合成循環(huán)水?dāng)?shù)據(jù)并顯示在頁(yè)面上，用戶(hù)點(diǎn)擊“查看報(bào)表”按鈕，可將趨勢(shì)圖數(shù)據(jù)以報(bào)表形式進(jìn)行顯示。用戶(hù)點(diǎn)擊“打印”和“導(dǎo)出”按鈕，可對(duì)報(bào)表進(jìn)行相應(yīng)的操作。數(shù)據(jù)庫(kù)設(shè)計(jì)合成廢水趨勢(shì)圖模塊詳細(xì)設(shè)計(jì)實(shí)現(xiàn)流程合成循環(huán)水趨勢(shì)圖頁(yè)面初始化的時(shí)候時(shí)間選擇框默認(rèn)顯示本月，用戶(hù)選時(shí)間段，點(diǎn)擊“查詢(xún)”按鈕，對(duì)合成廢水的電流、電壓、頻率、水壓、液位、溫度、PH、冷卻塔風(fēng)機(jī)頻率及冷卻塔風(fēng)機(jī)電流九種監(jiān)控項(xiàng)目分別生成折線(xiàn)圖，同一監(jiān)控項(xiàng)目的記錄項(xiàng)對(duì)比顯示。順序圖如圖所示。水壓趨勢(shì)圖模塊詳細(xì)設(shè)計(jì)界面效果單元測(cè)試風(fēng)機(jī)頻率數(shù)據(jù)匯總模塊概要設(shè)計(jì)原型設(shè)計(jì)風(fēng)機(jī)頻率數(shù)據(jù)匯總圖將用戶(hù)選擇時(shí)間段內(nèi)風(fēng)機(jī)頻率報(bào)警次數(shù)的篩選查詢(xún)，精確到分鐘。以列表的形式顯示在頁(yè)面上。頁(yè)面設(shè)置了查詢(xún)時(shí)間段的文本框以及查詢(xún)按鈕，用來(lái)實(shí)現(xiàn)相應(yīng)功能。頁(yè)面示意圖如圖所示。風(fēng)機(jī)頻率數(shù)據(jù)匯總模塊概要設(shè)計(jì)功能分析風(fēng)機(jī)頻率數(shù)據(jù)匯總頁(yè)面描述風(fēng)機(jī)頻率數(shù)據(jù)匯總模塊主要功能：按照時(shí)間查詢(xún)等。風(fēng)機(jī)頻率數(shù)據(jù)匯總模塊的主要使用者是系統(tǒng)管理員以及配有相應(yīng)權(quán)限的用戶(hù)主要用例就是查詢(xún)。用例描述風(fēng)機(jī)頻率數(shù)據(jù)匯總模塊概要設(shè)計(jì)流程處理

數(shù)據(jù)庫(kù)設(shè)計(jì)當(dāng)用戶(hù)進(jìn)入該頁(yè)面后，在時(shí)間選擇框內(nèi)輸入需要查詢(xún)的時(shí)間段，點(diǎn)擊“查詢(xún)”按鈕，系統(tǒng)將用戶(hù)選中時(shí)間段風(fēng)機(jī)頻率在生產(chǎn)流程中的數(shù)據(jù)返回并以報(bào)表的形式顯示在頁(yè)面上。電度日?qǐng)?bào)表模塊詳細(xì)設(shè)計(jì)實(shí)現(xiàn)流程風(fēng)機(jī)頻率數(shù)據(jù)匯總頁(yè)面初始化的時(shí)候時(shí)間選擇框默認(rèn)顯示本月，用戶(hù)選時(shí)間段，點(diǎn)擊“查詢(xún)”按鈕，將時(shí)間段傳遞到后臺(tái)業(yè)務(wù)處理類(lèi)進(jìn)行處理，查詢(xún)出這一段時(shí)間內(nèi)的的設(shè)備的報(bào)警信息數(shù)據(jù)并且將其每一小時(shí)的數(shù)據(jù)以表格的形式顯示在頁(yè)面上。順序圖如圖所示。電度日?qǐng)?bào)表模塊詳細(xì)設(shè)計(jì)界面效果單元測(cè)試合成廢水報(bào)警餅圖模塊概要設(shè)計(jì)原型設(shè)計(jì)合成廢水報(bào)警餅圖利用Highcharts繪圖技術(shù)從數(shù)據(jù)庫(kù)中取出用戶(hù)選擇的時(shí)間段內(nèi)的合成廢水生產(chǎn)流程中的數(shù)據(jù)并對(duì)其進(jìn)行分析，利用餅狀圖的形式，將其顯示在頁(yè)面上。頁(yè)面設(shè)置了查詢(xún)時(shí)間段的文本框以及查詢(xún)按鈕，用來(lái)實(shí)現(xiàn)相應(yīng)功能。頁(yè)面示意圖如圖所示。合成廢水報(bào)警餅圖模塊概要設(shè)計(jì)功能分析風(fēng)機(jī)頻率數(shù)據(jù)匯總頁(yè)面描述廢水報(bào)警餅圖模塊主要功能：按照時(shí)間查詢(xún)等。合成廢水報(bào)警統(tǒng)計(jì)餅狀圖模塊的主要使用者是系統(tǒng)管理員以及配有相應(yīng)權(quán)限的用戶(hù)，主要用例就是查詢(xún)。用例描述合成廢水報(bào)警餅圖模塊概要設(shè)計(jì)流程處理數(shù)據(jù)庫(kù)設(shè)計(jì)當(dāng)用戶(hù)進(jìn)入該頁(yè)面后，在時(shí)間選擇框內(nèi)輸入需要查詢(xún)的時(shí)間段，點(diǎn)擊“查詢(xún)”按鈕，系統(tǒng)將用戶(hù)選中時(shí)間段合成循環(huán)水過(guò)程中的設(shè)備報(bào)警信息數(shù)據(jù)返回并以餅狀圖的形式顯示在頁(yè)面上。合成廢水報(bào)警餅圖模塊詳細(xì)設(shè)計(jì)實(shí)現(xiàn)流程合成循環(huán)水報(bào)警餅圖頁(yè)面初始化的時(shí)候時(shí)間選擇框默認(rèn)顯示本月，用戶(hù)選時(shí)間段，點(diǎn)擊“查詢(xún)”按鈕，將時(shí)間段傳遞到后臺(tái)業(yè)合成處理類(lèi)進(jìn)行處理，統(tǒng)計(jì)所有監(jiān)控項(xiàng)目的報(bào)警次數(shù)，以餅狀圖形式顯示。順序圖如圖所示。合成廢水報(bào)警餅圖模塊詳細(xì)設(shè)計(jì)界面效果單元測(cè)試風(fēng)機(jī)頻率報(bào)警柱狀圖模塊概要設(shè)計(jì)原型設(shè)計(jì)風(fēng)機(jī)頻率報(bào)警柱狀圖利用Highcharts繪圖技術(shù)將從數(shù)據(jù)庫(kù)中取出用戶(hù)選擇的時(shí)間段內(nèi)的風(fēng)機(jī)頻率在生產(chǎn)流程中的數(shù)據(jù)并對(duì)其進(jìn)行分析，利用柱狀圖的形式，將其顯示在頁(yè)面上。頁(yè)面設(shè)置了查詢(xún)時(shí)間段的文本框以及查詢(xún)按鈕，用來(lái)實(shí)現(xiàn)相應(yīng)功能。頁(yè)面示意圖如圖所示。風(fēng)機(jī)頻率報(bào)警柱狀圖模塊概要設(shè)計(jì)功能分析風(fēng)機(jī)頻率報(bào)警柱狀圖頁(yè)面描述風(fēng)機(jī)頻率報(bào)警柱狀圖描述了在用戶(hù)所選時(shí)間段內(nèi)所有風(fēng)機(jī)頻率監(jiān)控項(xiàng)的報(bào)警次數(shù)，并以柱狀圖形式對(duì)比顯示。用例描述風(fēng)機(jī)頻率報(bào)警柱狀圖模塊概要設(shè)計(jì)流程處理數(shù)據(jù)庫(kù)設(shè)計(jì)當(dāng)用戶(hù)進(jìn)入該頁(yè)面后，在時(shí)間選擇框內(nèi)輸入需要查詢(xún)的時(shí)間段，點(diǎn)擊“查詢(xún)”按鈕，系統(tǒng)將用戶(hù)選中時(shí)間段各生產(chǎn)過(guò)程中風(fēng)機(jī)頻率報(bào)警信息的數(shù)據(jù)返回并以餅狀圖的形式顯示在頁(yè)面上。風(fēng)機(jī)頻率報(bào)警柱狀圖模塊詳細(xì)設(shè)計(jì)實(shí)現(xiàn)流程風(fēng)機(jī)頻率報(bào)警柱狀圖主要是將是從數(shù)據(jù)庫(kù)中取出當(dāng)前采集到的數(shù)據(jù)信息并將其顯示在頁(yè)面上。頁(yè)面初始化的時(shí)候時(shí)間選擇框默認(rèn)顯示本月，用戶(hù)選時(shí)間段，點(diǎn)擊“查詢(xún)”按鈕，將時(shí)間段傳遞到后臺(tái)業(yè)務(wù)處理類(lèi)進(jìn)行處理，查詢(xún)出這一段時(shí)間內(nèi)的數(shù)據(jù)并且將其平均分為十一個(gè)點(diǎn)，將每個(gè)時(shí)間段的數(shù)