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

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

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

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

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

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

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