《工業(yè)可視化》課件 任務(wù)2.1 設(shè)計(jì)生產(chǎn)設(shè)備監(jiān)控頁(yè)面 -任務(wù)實(shí)施

《工業(yè)可視化》/工業(yè)互聯(lián)網(wǎng)系列課程湖南三一工業(yè)職業(yè)技術(shù)學(xué)院項(xiàng)目二生產(chǎn)制造的可視化設(shè)計(jì)任務(wù)2.1設(shè)計(jì)生產(chǎn)設(shè)備監(jiān)控頁(yè)面>>※任務(wù)實(shí)施《工業(yè)可視化》/工業(yè)互聯(lián)網(wǎng)系列課程目錄1.任務(wù)分析2.創(chuàng)建項(xiàng)目3.設(shè)計(jì)標(biāo)題及設(shè)備圖4.設(shè)計(jì)設(shè)備運(yùn)行狀態(tài)5.設(shè)計(jì)耗材統(tǒng)計(jì)信息6.設(shè)計(jì)設(shè)備能效信息7.設(shè)計(jì)設(shè)備狀態(tài)演化8.設(shè)計(jì)設(shè)備工況趨勢(shì)9.預(yù)覽驗(yàn)證頁(yè)面效果1.任務(wù)分析（1）

任務(wù)分析本任務(wù)的主要目的是顯示單設(shè)備的運(yùn)行工況，以焊接機(jī)器人為例，需要包括設(shè)備的基本信息，設(shè)備能效數(shù)據(jù)，設(shè)備狀態(tài)信息，設(shè)備的生產(chǎn)耗材統(tǒng)計(jì)信息，設(shè)備狀態(tài)演化趨勢(shì)，設(shè)備的工況趨勢(shì)等。具體展示數(shù)據(jù)和顯示組件分析結(jié)果如下：展示模塊具體內(nèi)容使用組件數(shù)據(jù)源設(shè)備基本信息設(shè)備編號(hào)、所屬?gòu)S房、設(shè)備位置、負(fù)責(zé)人文本組件無(wú)設(shè)備運(yùn)行狀態(tài)運(yùn)行狀態(tài)圖片組件物模型-設(shè)備狀態(tài)正常/報(bào)警圖片組件物模型-報(bào)警信號(hào)耗材統(tǒng)計(jì)信息焊絲總量文本組件物模型-焊絲總量焊絲用量文本組件物模型-焊絲用量送絲速度文本組件物模型-送絲速度公司實(shí)力總利用率文本組件物模型-總利用率今日開(kāi)機(jī)率文本組件物模型-今日開(kāi)機(jī)率今日作業(yè)率文本組件物模型-今日作業(yè)率設(shè)備狀態(tài)演化設(shè)備狀態(tài)演化圖狀態(tài)演化圖組件數(shù)據(jù)庫(kù)-焊接機(jī)器人狀態(tài)演化設(shè)備工況趨勢(shì)焊接電流折線圖組件數(shù)據(jù)庫(kù)-焊接機(jī)器人電流電壓任務(wù)分析2.創(chuàng)建項(xiàng)目（1）在云視界首頁(yè)，單擊“創(chuàng)建項(xiàng)目”，在彈出來(lái)的對(duì)話框中，單擊“導(dǎo)入項(xiàng)ID”。創(chuàng)建項(xiàng)目2.創(chuàng)建項(xiàng)目導(dǎo)入項(xiàng)目說(shuō)明：如果導(dǎo)入的項(xiàng)目需要使用物模型的數(shù)據(jù)源時(shí)需要配置“物模型類(lèi)型”“物模型”“設(shè)備id”，否則可無(wú)需填寫(xiě)。（2）在“導(dǎo)入項(xiàng)目”彈窗中，輸入需要導(dǎo)入的項(xiàng)目ID，當(dāng)導(dǎo)入其他用戶的項(xiàng)目時(shí)需要輸入授權(quán)碼，導(dǎo)入自己創(chuàng)建的項(xiàng)目時(shí)無(wú)需輸入授權(quán)碼；輸入自定義的項(xiàng)目名稱(chēng)，本書(shū)示例為“焊接機(jī)器人運(yùn)行工況”；模型類(lèi)型選擇“物模型”；本示例的物模型選擇“焊接機(jī)器人”；在設(shè)備ID的下拉框中選擇對(duì)應(yīng)需要顯示工況的設(shè)備；最后單擊“導(dǎo)入”即可完成導(dǎo)入項(xiàng)目。2.創(chuàng)建項(xiàng)目（2）創(chuàng)建項(xiàng)目完成后，自動(dòng)彈出來(lái)可視化頁(yè)面的編輯界面，如圖所示。導(dǎo)入項(xiàng)目2.創(chuàng)建項(xiàng)目說(shuō)明：如果需要使用物模型作為數(shù)據(jù)源，但是在創(chuàng)建項(xiàng)目時(shí)沒(méi)有配置物模型信息，則也可以在編輯狀態(tài)下進(jìn)行整個(gè)頁(yè)面的物模型數(shù)據(jù)源配置。操作步驟如下：①切換到圖層，②選中“焊接機(jī)器人工況”頁(yè)面，③選中“數(shù)據(jù)源”欄，打開(kāi)物模型開(kāi)關(guān)，④在“模型”下拉框中選擇“焊接機(jī)器人”，在“設(shè)備”下拉框中選擇對(duì)應(yīng)的設(shè)備“焊接機(jī)器人02”，⑤最后單擊“保存”按鈕。設(shè)計(jì)標(biāo)題3.設(shè)計(jì)標(biāo)題及設(shè)備圖（1）通過(guò)把文本組件設(shè)計(jì)本頁(yè)面的主標(biāo)題?？梢暬?yè)面的標(biāo)題和設(shè)備圖片，可以讓觀看者對(duì)本頁(yè)面展示的主要內(nèi)容和具體設(shè)備一目了然。設(shè)計(jì)設(shè)備圖3.設(shè)計(jì)標(biāo)題及設(shè)備圖（2）切換到“素材庫(kù)”，在“任務(wù)2_1”文件夾的圖片素材中選擇“焊接機(jī)器人”圖片拖拽至頁(yè)面中間空白處合適的位置說(shuō)明：本步驟所示的素材默認(rèn)已經(jīng)提前上傳，如果還未上傳，也可按照任務(wù)1.1的操作步驟，自行導(dǎo)入本書(shū)配套資源中的“2.1任務(wù)圖片素材”文件夾中的圖片。4.設(shè)計(jì)設(shè)備運(yùn)行狀態(tài)本任務(wù)設(shè)計(jì)的設(shè)備狀態(tài)信息，主要是使用圖片組件來(lái)根據(jù)設(shè)備實(shí)時(shí)的運(yùn)行狀態(tài)進(jìn)行變化展示，例如當(dāng)設(shè)備在待機(jī)狀態(tài)，會(huì)顯示待機(jī)圖片，當(dāng)設(shè)備處于報(bào)警狀態(tài)，會(huì)顯示報(bào)警圖片；使設(shè)備操作人員、維修人員、車(chē)間管理者看到的信息更直觀。

（1）在素材庫(kù)的“我的素材庫(kù)→工業(yè)可視化課程→任務(wù)2_1”文件夾中，找到“狀態(tài)作業(yè)”的圖片，拖拽到頁(yè)面畫(huà)布區(qū)的“設(shè)備狀態(tài)”區(qū)域，并通過(guò)手動(dòng)或輸入數(shù)值調(diào)整其尺寸大小。

設(shè)置數(shù)據(jù)源（2）單擊切換到圖片組件的數(shù)據(jù)源，打開(kāi)“物模型”開(kāi)關(guān)，注意此時(shí)圖片組件的圖片無(wú)法顯示，待數(shù)據(jù)源設(shè)置完畢保存，刷新后會(huì)正常顯示圖標(biāo)；數(shù)據(jù)源選擇“采集點(diǎn)數(shù)據(jù)”，單擊取值后的“+”圖標(biāo)，在下拉框中選擇“N設(shè)備狀態(tài)”。4.設(shè)計(jì)設(shè)備運(yùn)行狀態(tài)設(shè)置數(shù)據(jù)源（3）單擊判斷條件的“+”，生成3個(gè)條件判斷，并把我的素材庫(kù)中對(duì)應(yīng)的圖片拖拽到條件圖片框中；當(dāng)設(shè)備狀態(tài)采集到的值為1時(shí)，顯示作業(yè)圖片；當(dāng)設(shè)備狀態(tài)采集到的值為2時(shí)，顯示待機(jī)圖片；當(dāng)設(shè)備狀態(tài)采集到的值為3時(shí)，顯示停機(jī)圖片。4.設(shè)計(jì)設(shè)備運(yùn)行狀態(tài)設(shè)置數(shù)據(jù)源（4）數(shù)據(jù)源設(shè)置完成后，單擊“保存當(dāng)前頁(yè)”標(biāo)簽，接著單擊“刷新”標(biāo)簽，即可看到圖片組件的圖片會(huì)重新顯示。4.設(shè)計(jì)設(shè)備運(yùn)行狀態(tài)設(shè)置數(shù)據(jù)源（4）數(shù)據(jù)源設(shè)置完成后，單擊“保存當(dāng)前頁(yè)”標(biāo)簽，接著單擊“刷新”標(biāo)簽，即可看到圖片組件的圖片會(huì)重新顯示。4.設(shè)計(jì)設(shè)備運(yùn)行狀態(tài)設(shè)置數(shù)據(jù)源（5）重復(fù)前面的操作步驟，設(shè)計(jì)生產(chǎn)設(shè)備是否正常狀態(tài)還是報(bào)警狀態(tài)。4.設(shè)計(jì)設(shè)備運(yùn)行狀態(tài)4.設(shè)計(jì)設(shè)備運(yùn)行狀態(tài)其數(shù)據(jù)源配置如圖所示：5.設(shè)計(jì)耗材統(tǒng)計(jì)信息耗材統(tǒng)計(jì)顯示區(qū)域中，文本組件的屬性已經(jīng)配置完成?，F(xiàn)在需要配置其數(shù)據(jù)源，使頁(yè)面上顯示焊絲總量、焊絲用量、送絲速度的數(shù)值，以便設(shè)備操作技術(shù)員和車(chē)間管理者能實(shí)時(shí)查看到設(shè)備的耗材信息。（1）選中焊材統(tǒng)計(jì)區(qū)域中，焊絲總量后的文本組件，切換到數(shù)據(jù)源。打開(kāi)數(shù)據(jù)源后的物模型開(kāi)關(guān)按鈕；選擇采集點(diǎn)數(shù)據(jù)；取值選擇“焊絲總量”，即焊接機(jī)器人物模型的“焊絲總量”屬性；鼠標(biāo)移動(dòng)到焊絲總量處，會(huì)浮現(xiàn)“編輯、配置、刪除”的圖標(biāo)；單擊中間的配置圖標(biāo)，在彈框中配置數(shù)據(jù)的格式，最后單擊確定按鈕完成配置。完成文本組件的數(shù)據(jù)源配置好，記得及時(shí)保存。設(shè)置焊絲總量數(shù)據(jù)源設(shè)置焊絲總量數(shù)據(jù)源5.設(shè)計(jì)耗材統(tǒng)計(jì)信息說(shuō)明：取值配置可根據(jù)實(shí)際需求進(jìn)行配置數(shù)值格式、小數(shù)位數(shù)、單位后綴、是否顯示千分符等，本示例僅做參考。設(shè)置焊絲用量數(shù)據(jù)源（2）按照焊絲總量的文本組件數(shù)據(jù)源配置操作，同樣配置焊絲用量的文本組件數(shù)據(jù)源5.設(shè)計(jì)耗材統(tǒng)計(jì)信息設(shè)置送絲速度數(shù)據(jù)源（3）按照焊絲總量的文本組件數(shù)據(jù)源配置操作，同樣配置送絲速度的文本組件數(shù)據(jù)源。5.設(shè)計(jì)耗材統(tǒng)計(jì)信息6.設(shè)計(jì)設(shè)備能效信息設(shè)備能效顯示區(qū)域中，文本組件的屬性已經(jīng)配置完成?，F(xiàn)在需要配置其數(shù)據(jù)源，使頁(yè)面上顯示總利用率、今日開(kāi)機(jī)率、今日作業(yè)率的數(shù)值，以便設(shè)備操作技術(shù)員和車(chē)間管理者能實(shí)時(shí)查看到設(shè)備效率信息。

（1）切換到選中設(shè)備能效區(qū)域，選中總利用率后的文本組件，配置其數(shù)據(jù)源如圖所示。設(shè)置數(shù)據(jù)源（2）按照總利用率的文本組件數(shù)據(jù)源配置操作，同樣配置今日開(kāi)機(jī)率、今日作業(yè)率的文本組件數(shù)據(jù)源。6.設(shè)計(jì)設(shè)備能效信息用狀態(tài)演化圖來(lái)設(shè)計(jì)表現(xiàn)設(shè)備的狀態(tài)在某一時(shí)間段的變化趨勢(shì)，可以了解該生產(chǎn)設(shè)備在這個(gè)時(shí)間段內(nèi)，其狀態(tài)是否合理。

（1）在左側(cè)導(dǎo)航欄中單擊“圖表組件”，鼠標(biāo)滾輪下滑找到關(guān)系圖中的“狀態(tài)演化圖”組件；把狀態(tài)演化圖拖拽至“設(shè)備狀態(tài)演化圖”區(qū)域合適的位置；通過(guò)設(shè)置尺寸數(shù)值或者拖動(dòng)調(diào)整組件的大小。7.設(shè)計(jì)設(shè)備狀態(tài)演化設(shè)置數(shù)據(jù)源（2）“狀態(tài)演化圖”組件在選中狀態(tài)下，切換到“數(shù)據(jù)源”；在數(shù)據(jù)源下拉框中選擇“焊接機(jī)器人狀態(tài)演化”；單擊“維度”選項(xiàng)中的“+”圖標(biāo)，在下拉框中選擇“日期”；單擊“度量”選項(xiàng)中的“+”圖標(biāo)，在下拉框中選擇“狀態(tài)”。7.設(shè)計(jì)設(shè)備狀態(tài)演化設(shè)置狀態(tài)（3）單擊“狀態(tài)設(shè)置”選項(xiàng)中的“+”，生成狀態(tài)三個(gè)狀態(tài)，分別為“作業(yè)、待機(jī)、停機(jī)”。7.設(shè)計(jì)設(shè)備狀態(tài)演化7.設(shè)計(jì)設(shè)備狀態(tài)演化狀態(tài)1狀態(tài)名稱(chēng)作業(yè)對(duì)應(yīng)名稱(chēng)1狀態(tài)顏色#42CA8301（僅供參考）狀態(tài)2狀態(tài)名稱(chēng)待機(jī)對(duì)應(yīng)名稱(chēng)2狀態(tài)顏色#FFF36301（僅供參考）狀態(tài)3狀態(tài)名稱(chēng)停機(jī)對(duì)應(yīng)名稱(chēng)3狀態(tài)顏色#C6C4C4（僅供參考）說(shuō)明：本表中的狀態(tài)名稱(chēng)和對(duì)應(yīng)名稱(chēng)，作為示例參考，實(shí)際項(xiàng)目需要按照工業(yè)大數(shù)據(jù)工程師給出的定義來(lái)填寫(xiě)。比如也有些工程師把停機(jī)狀態(tài)賦值為0，作業(yè)狀態(tài)賦值為1，待機(jī)狀態(tài)賦值為2，故障狀態(tài)賦值為3。設(shè)置折線圖（1）在左側(cè)導(dǎo)航欄中的圖表組件找到折線圖組件；把折線圖組件拖拽至“焊接工況”區(qū)域合適的位置；通過(guò)設(shè)置尺寸值或者拖動(dòng)設(shè)置該組件的大小。8.設(shè)計(jì)設(shè)備工況趨勢(shì)①數(shù)據(jù)源：本示例選擇“焊接機(jī)器人電流電壓”，此數(shù)據(jù)為保存在數(shù)據(jù)庫(kù)中的焊接機(jī)器人工況的數(shù)據(jù)，記錄了時(shí)間、焊接電流、焊接電壓的數(shù)據(jù)；②維度：?jiǎn)螕簟熬S度”選項(xiàng)中的“+”圖標(biāo)，在下拉框中選擇“日期”，維度即為折線圖的x軸；③度量：?jiǎn)螕簟岸攘俊边x項(xiàng)中的“+”圖標(biāo)，在下拉框中選擇“N電流”和“N電壓”，度量即為折線圖的y軸；設(shè)置折線圖數(shù)據(jù)源（2）在選中折線圖組件狀態(tài)下，切換到數(shù)據(jù)源配置頁(yè)面。8.設(shè)計(jì)設(shè)備工況趨勢(shì)數(shù)據(jù)源：本示例選擇“焊接機(jī)器人電流電壓”，此數(shù)據(jù)為保存在數(shù)據(jù)庫(kù)中的焊接機(jī)器人工況的數(shù)據(jù)，記錄了時(shí)間、焊接電流、焊接電壓的數(shù)據(jù)；維度：?jiǎn)螕簟熬S度”選項(xiàng)中的“+”圖標(biāo)，在下拉框中選擇“日期”，維度即為折線圖的x軸；度量：?jiǎn)螕簟岸攘俊边x項(xiàng)中的“+”圖標(biāo)，在下拉框中選擇“N電流”和“N電壓”，度量即為折線圖的y軸；最后單擊“保存當(dāng)前頁(yè)”標(biāo)簽，然后單擊“刷新”按鈕完成設(shè)置。設(shè)置折線圖數(shù)據(jù)源8.設(shè)計(jì)設(shè)備工況趨勢(shì)屬性配置（3）配置完成數(shù)據(jù)源之后，選中折線圖的情況下切換為屬性配置，在時(shí)間格式下拉框中，選擇“小時(shí)”（一般情況下需要查看的設(shè)備工況都是在較短時(shí)間段的變化趨勢(shì)，如小時(shí)內(nèi)查找異常問(wèn)題，因此設(shè)置顯示為小時(shí)，而不是日或月或年）；為了頁(yè)面的不顯得內(nèi)容擁擠，可以把圖表選項(xiàng)的部分內(nèi)容不勾選，數(shù)值的顏色可以根據(jù)審美偏好進(jìn)行修改。8.