組態(tài)(Configure)的概念來自于20世紀(jì)70年代中期出現(xiàn)的第一代集散控制系統(tǒng)(Distributed Control System)，是指通過人機開發(fā)界面，用類似“搭積木”的簡單方式來搭建軟件功能，而不需要編寫計算機程序。Web組態(tài)是指通過瀏覽器操作組態(tài)工具、瀏覽組態(tài)畫面，實現(xiàn)工程管理、組態(tài)編輯以及組態(tài)運行三大功能。通過實現(xiàn)圖元組態(tài)、可視化圖表組態(tài)、數(shù)據(jù)庫組態(tài)的配置與關(guān)聯(lián)，完成基于Web服務(wù)的實時數(shù)據(jù)監(jiān)控與服務(wù)端的多用戶訪問等。

EV8010是一款集成數(shù)采網(wǎng)關(guān)和觸摸屏為一體的HMI網(wǎng)關(guān)。它不僅繼承了EG系列邊緣計算網(wǎng)關(guān)的所有功能，還支持WEB組態(tài)（VISION），搭配一塊高清液晶觸摸顯示屏，可以能夠適用于多種物聯(lián)網(wǎng)應(yīng)用場景。

VISION是一款功能強大的WEB 組態(tài)軟件。使用VISION，通過簡單的拖放操作，可以迅速創(chuàng)建高度個性化的數(shù)據(jù)可視化界面。豐富的組態(tài)資源與模板庫、詳盡的使用資料、開放的設(shè)計理念為用戶提供了靈活、便捷的編程體驗。

話不多說，開始進入今天的主題！我們這次教程主要講解的是如何通過VISION WEB組態(tài)軟件創(chuàng)作一個項目。操作細節(jié)此處不作贅述，后面有專題介紹。本章的目的是讓用戶有個直觀的感受，如何從零創(chuàng)建一個組態(tài)項目，以及熟悉各個控件的使用方式。

1.新建項目

新建項目會覆蓋現(xiàn)有的項目，在此之前可以使用"保存項目"將現(xiàn)有項目的Json文件存儲到瀏覽器的默認(rèn)下載文件夾。

2.修改畫布

項目創(chuàng)建后，默認(rèn)有個名為"MainView"的視圖，用戶可以通過"+"號新增視圖。每個視圖右側(cè)都有個設(shè)置按鈕，可以管理該畫布。這里，我們修改畫布的尺寸和背景色：

3.設(shè)置導(dǎo)航欄和側(cè)邊菜單

用戶可以根據(jù)自己的需求，在布局里面設(shè)置側(cè)邊菜單欄樣式和頁眉導(dǎo)航欄樣式。例如：在側(cè)邊菜單增加按鈕，切換不同的視圖。

4.添加數(shù)據(jù)標(biāo)簽

VISIO支持多種數(shù)據(jù)通信協(xié)議，我們強烈推薦使用MQTT協(xié)議。詳情請參考：添加數(shù)據(jù)標(biāo)簽

此處我們新增一個設(shè)備，類型選擇internal（此類型無設(shè)備間數(shù)據(jù)交互，僅模擬數(shù)據(jù)點使用）。

5.添加控件并綁定數(shù)據(jù)標(biāo)簽

VISIO支持多種控件：文本輸入、文本輸出、按鍵、下拉框、進度條、LED、線形圖、儀表盤、管道、滑塊、開關(guān)、條形圖、圖表、URL內(nèi)聯(lián)框架、餅狀圖、外部圖片、容器等等。具體使用方法請參考：如何使用控件

此處示例：使用開關(guān)控件，綁定進水泵開關(guān)數(shù)據(jù)標(biāo)簽，將按鍵顏色設(shè)置為打開綠色關(guān)閉紅色：

6.聯(lián)動動畫

多個控件均支持聯(lián)動動畫，此處示例：開關(guān)打開后，水管流動且LED燈顯示綠色；開關(guān)關(guān)閉后，水管停止且LED燈顯示紅色：

了解更多：《VISION搭建WEB組態(tài)界面操作流程》，關(guān)于更多使用方法和高級功能，后面會有詳細的介紹，敬請期待!

縱橫智控，專注于工業(yè)物聯(lián)網(wǎng)通信控制終端產(chǎn)品和相關(guān)整體解決方案軟硬件研發(fā)、生產(chǎn)與銷售。產(chǎn)品包括邊緣計算網(wǎng)關(guān)、RTU、DTU、轉(zhuǎn)換器等，支持5G/4G/以太網(wǎng)/LoRa等多種通信方式可選。以客戶為中心，以技術(shù)質(zhì)量為本！