Video: Habr admin console. Nagtugot kanimo sa pag-regulate sa karma, rating, ug pagdili sa mga tiggamit.
TL; DR: Niini nga artikulo sulayan nako ang paghimo og komik nga Habr control panel gamit ang Webaccess/HMI Designer industrial interface development environment ug ang WebOP terminal.
Ang human-machine interface (HMI) usa ka hugpong sa mga sistema alang sa interaksyon sa tawo sa mga kontrolado nga makina. Kasagaran kini nga termino gigamit sa mga sistema sa industriya nga adunay operator ug control panel.
WebOP - usa ka autonomous nga terminal sa industriya alang sa paghimo sa mga interface sa tawo-machine. Gigamit sa paghimo sa mga control panel sa produksiyon, mga sistema sa pag-monitor, mga control room, mga smart home controller, ug uban pa. Gisuportahan ang direkta nga koneksyon sa mga kagamitan sa industriya ug mahimo’g molihok isip bahin sa usa ka sistema sa SCADA.
WebOP terminal - hardware
Ang WebOP terminal kay usa ka low-power nga kompyuter nga gibase sa ARM processor, sa usa ka kaso nga adunay monitor ug touchscreen, nga gidesinyo sa pagpadagan sa usa ka programa nga adunay graphical interface nga gihimo sa HMI Designer. Depende sa modelo, ang mga terminal adunay lainlaing mga interface sa industriya sakay: RS-232/422/485, CAN bus alang sa pagkonektar sa mga sistema sa awto, USB Host port alang sa pagkonektar sa dugang nga mga peripheral, USB Client port para sa pagkonektar sa terminal sa usa ka computer, audio input ug audio output, MicroSD card reader alang sa non-volatile memory ug settings transfer.
Ang mga aparato gipahimutang ingon usa ka kapuli sa badyet alang sa tanan-sa-usa nga mga PC, alang sa mga buluhaton nga wala magkinahanglan kusog nga mga processor ug mga kapanguhaan sa usa ka hingpit nga desktop computer. Ang WebOP mahimong molihok isip usa ka standalone nga terminal para sa kontrol ug data input/output, gipares sa ubang mga WebOP, o isip kabahin sa SCADA system.
Ang WebOP terminal mahimong direktang magkonektar sa industriyal nga mga himan
Passive cooling ug IP66 protection
Tungod sa mubu nga pagkawagtang sa kainit, ang pipila ka mga modelo sa WebOP gidesinyo sa hingpit nga wala’y aktibo nga pagpabugnaw sa hangin. Gitugotan niini ang mga aparato nga ma-mount sa mga lugar nga sensitibo sa lebel sa kasaba ug makunhuran ang gidaghanon sa abog nga makuha sa sulod sa pabalay.
Ang atubangan nga panel gihimo nga walay mga kal-ang o mga lutahan, adunay proteksyon nga lebel sa IP66, ug nagtugot sa direkta nga pagsulod sa tubig ubos sa pressure.
Rear panel sa WOP-3100T terminal
Dili dali mabag-o nga panumduman
Aron mapugngan ang pagkawala sa datos, ang WebOP adunay 128Kb nga dili mabag-o nga panumduman, nga mahimong magamit sa parehas nga paagi sama sa RAM. Makatipig kini sa mga pagbasa sa metro ug uban pang kritikal nga datos. Kung adunay pagkapakyas sa kuryente, ang datos i-save ug ibalik pagkahuman sa pag-reboot.
Hilit nga update
Ang programa nga nagdagan sa terminal mahimong ma-update sa layo pinaagi sa Ethernet network o pinaagi sa RS-232/485 serial interface. Gipasimple niini ang pagmentinar, tungod kay giwagtang niini ang panginahanglan nga moadto sa tanan nga mga terminal aron ma-update ang software.
Mga Modelo sa WebOP
- ang labing barato nga mga aparato nga gitukod base sa HMI RTOS nga real-time nga operating system. Ang serye girepresentahan sa WebOP-///, nga adunay mga diagonal sa screen nga 4,3 pulgada, 7 pulgada, 8 pulgada ug 10.1 pulgada, matag usa.
— mas abante nga mga modelo base sa Windows CE operating system. Lahi sila sa serye sa 2000T sa daghang gidaghanon sa mga interface sa hardware ug adunay CAN interface nga nakasakay. Ang mga himan naglihok sa taas nga range sa temperatura (-20~60°C) ug adunay antistatic protection (Air: 15KV/Contact: 8KV). Ang linya hingpit nga nakab-ot ang mga kinahanglanon sa IEC-61000 nga sumbanan, nga nagtugot sa mga aparato nga magamit sa paghimo sa semiconductor kung diin ang static discharge usa ka problema. Ang serye girepresentahan sa WebOP-//, nga adunay mga diagonal sa screen nga 7 pulgada, 10.1 pulgada ug 12.1 pulgada, matag usa.
WebAccess/HMI Designer development environment
Sa gawas sa kahon, ang terminal sa WebOP usa lamang ka gamay nga gahum nga ARM nga kompyuter diin mahimo nimong ipadagan ang bisan unsang software, apan ang tibuuk nga punto sa kini nga solusyon mao ang proprietary WebAcess/HMI industrial interface development environment. Ang sistema naglangkob sa duha ka mga sangkap:
- HMI Designer - palibot alang sa pagpalambo sa mga interface ug programming logic. Nagdagan ubos sa Windows sa computer sa programmer. Ang katapusan nga programa gihugpong sa usa ka file ug gibalhin ngadto sa terminal alang sa pagpatuman sa runtime. Ang programa anaa sa Russian.
- HMI Runtime — runtime para sa pagpadagan sa gihugpong nga programa sa kataposang terminal. Mahimo kini dili lamang sa mga terminal sa WebOP, apan usab sa Advantech UNO, MIC, ug mga regular nga desktop computer. Adunay mga bersyon sa runtime alang sa Linux, Windows, Windows CE.
Hello world - paghimo og proyekto
Magsugod ta sa paghimo ug test interface para sa atong Habr control panel. Ako modagan sa programa sa terminal nagdagan sa WinCE. Una, maghimo ta ug bag-ong proyekto sa HMI Designer. Aron makadagan ang usa ka programa sa WebOP, hinungdanon nga pilion ang husto nga modelo; ang format sa katapusan nga file magdepende niini. Niini nga lakang, mahimo usab nimo pilion ang arkitektura sa desktop, unya ang katapusan nga file i-compile alang sa X86 runtime.
Paghimo og bag-ong proyekto ug pagpili og arkitektura
Pagpili sa protocol sa komunikasyon diin ang gihugpong nga programa ikarga sa WebOP. Niini nga lakang, makapili ka ug serial interface, o ipiho ang IP address sa terminal.
Interface sa paghimo sa proyekto. Sa wala nga bahin adunay usa ka diagram sa kahoy sa mga sangkap sa umaabot nga programa. Sa pagkakaron, interesado lang kami sa butang nga Mga Screen, kini direkta nga mga screen nga adunay mga elemento sa graphical interface nga ipakita sa terminal.
Una, maghimo kita og duha ka mga screen nga adunay teksto nga "Hello World" ug ang abilidad sa pagbalhin tali kanila gamit ang mga buton. Aron mahimo kini, magdugang kami usa ka bag-ong screen, Screen #2, ug sa matag screen kami magdugang usa ka elemento sa teksto ug duha ka mga buton alang sa pagbalhin tali sa mga screen (Mga Butang sa Screen). Atong i-configure ang matag buton aron mobalhin sa sunod nga screen.
Interface alang sa pagbutang sa buton aron magbalhinbalhin tali sa mga screen
Andam na ang programa sa Hello World, mahimo na nimo kining i-compile ug ipadagan. Sa yugto sa paghugpong mahimong adunay mga kasaypanan kung adunay sayup nga gipiho nga mga variable o adres. Ang bisan unsang kasaypanan gikonsiderar nga makamatay; ang programa i-compile lang kung wala’y mga sayup.
Ang palibot naghatag ug abilidad sa pag-simulate sa usa ka terminal aron imong ma-debug ang programa sa imong computer sa lokal. Adunay duha ka matang sa simulation:
- Online nga simulation — ang tanan nga external nga tinubdan sa datos nga gipiho sa programa gamiton. Mahimo kini nga mga USO o mga aparato nga konektado pinaagi sa mga serial interface o Modbus TCP.
- Offline nga simulation - simulation nga wala ang paggamit sa mga eksternal nga aparato.
Samtang wala kami mga eksternal nga datos, gigamit namon ang offline nga simulation, nga naipon kaniadto ang programa. Ang katapusan nga programa mahimutang sa folder sa proyekto, nga adunay ngalan ProjectName_ProgramName.px3
Ang programa nga nagdagan sa simulation mahimong makontrol gamit ang mouse cursor sa parehas nga paagi sama sa kini sa touchscreen sa usa ka terminal sa WebOP. Nakita namon nga ang tanan molihok sumala sa katuyoan. Nindot.
Aron ma-download ang programa sa usa ka pisikal nga terminal, i-klik lang ang Download button. Apan tungod kay wala nako ma-configure ang koneksyon sa terminal sa development environment, mahimo ra nimo ibalhin ang file gamit ang USB flash drive o MicroSD memory card.
Ang interface sa programa intuitive, dili ako moagi sa matag graphic block. Ang paghimo og mga background, porma, ug teksto mahimong klaro sa bisan kinsa nga migamit sa mga programa nga susama sa Pulong. Aron makahimo og graphical interface, walay mga kahanas sa programming ang gikinahanglan; ang tanang elemento gidugang pinaagi sa pag-drag sa mouse ngadto sa porma.
Pagtrabaho uban ang memorya
Karon nga nahibal-an na naton kung giunsa paghimo ang mga elemento sa grapiko, tun-an naton kung giunsa ang pagtrabaho sa dinamikong sulud ug usa ka sinultian sa script. Maghimo kita og bar chart nga nagpakita sa datos gikan sa usa ka variable U $ 100. Sa mga setting sa tsart, pilia ang tipo sa datos: 16-bit integer, ug ang sakup sa mga kantidad sa tsart: gikan sa 0 hangtod 10.
Ang programa nagsuporta sa pagsulat sa mga script sa tulo ka mga pinulongan: VBScript, JavaScript ug sa kaugalingon nga pinulongan. Akong gamiton ang ikatulo nga kapilian tungod kay adunay mga pananglitan niini sa dokumentasyon ug awtomatikong tabang sa syntax diha mismo sa editor.
Magdugang ta ug bag-ong macro:
Atong isulat ang pipila ka yano nga code aron usbon ang datos sa usa ka variable nga mahimong masubay sa usa ka tsart. Atong idugang ang 10 sa variable, ug i-reset kini sa zero kung kini labaw pa sa 100.
$U100=$U100+10
IF $U100>100
$U100=0
ENDIF
Aron ipatuman ang script sa usa ka loop, ibutang kini sa mga setting sa Kinatibuk-ang Setup isip Main Macro, nga adunay gilay-on nga 250ms.
Atong tigumon ug ipadagan ang programa sa simulator:
Niini nga yugto, nakakat-on kami sa pagmaniobra sa datos sa panumduman ug pagpakita niini sa biswal. Igo na kini aron makahimo usa ka yano nga sistema sa pag-monitor, makadawat mga datos gikan sa mga eksternal nga aparato (sensor, controller) ug irekord kini sa panumduman. Sa HMI Designer, lain-laing mga data display blocks anaa: sa porma sa mga circular dial nga adunay mga arrow, lain-laing mga tsart, ug mga graph. Gamit ang mga script sa JavaScript, mahimo nimong i-download ang data gikan sa mga eksternal nga gigikanan pinaagi sa HTTP.
Habr control panel
Gamit ang nakuha nga kahanas, maghimo kami usa ka komiks nga interface alang sa Habr admin console.
Ang among remote control kinahanglan nga makahimo sa:
- Pagbalhin sa mga profile sa tiggamit
- Tipigi ang karma ug datos sa rating
- Usba ang karma ug mga kantidad sa rating gamit ang mga slider
- Kung imong i-klik ang "ban" nga buton, ang profile kinahanglan markahan nga gidili, ang avatar kinahanglan nga usbon aron ma-cross out
Atong ipakita ang matag profile sa usa ka bulag nga panid, mao nga maghimo kami usa ka panid alang sa matag profile. Itago namon ang karma ug rating sa mga lokal nga variable sa memorya, nga sugdan gamit ang Setup Macro kung magsugod ang programa.
Ang hulagway ma-click
Pag-adjust sa karma ug rating
Aron ma-adjust ang karma atong gamiton ang slider (Slide Switch). Gitino namo ang variable nga gisugdan sa Setup Macro isip address sa pagrekord. Atong limitahan ang sakup sa mga kantidad sa slider gikan sa 0 hangtod 1500. Karon, kung molihok ang slider, ang bag-ong datos isulat sa memorya. Sa kini nga kaso, ang inisyal nga kahimtang sa slider katumbas sa mga kantidad sa variable sa memorya.
Aron ipakita ang numerical values sa karma ug rating, atong gamiton ang Numeric display element. Ang prinsipyo sa operasyon niini susama sa diagram gikan sa panig-ingnan nga "Hello World" nga programa; gipakita lang namo ang address sa variable sa Monitor Address.
Butang sa pagdili
Ang "ban" nga buton gipatuman gamit ang Toggle Switch nga elemento. Ang prinsipyo sa pagtipig sa datos susama sa mga pananglitan sa ibabaw. Sa mga setting, makapili ka ug lain-laing teksto, kolor o imahe, depende sa kahimtang sa buton.
Sa diha nga ang buton gipugos, ang avatar kinahanglan nga i-cross out nga pula. Sayon kining ipatuman gamit ang Picture Display block. Gitugotan ka niini nga ipiho ang daghang mga imahe nga adunay kalabotan sa kahimtang sa Toggle Switch button. Aron mahimo kini, ang block gihatagan sa parehas nga adres sama sa block nga adunay buton ug ang gidaghanon sa mga estado. Ang litrato nga adunay mga nameplate sa ilawom sa avatar gipahimutang sa parehas nga paagi.
konklusyon
Sa kinatibuk-an, ganahan ko sa produkto. Kaniadto, ako adunay kasinatian sa paggamit sa usa ka Android tablet alang sa parehas nga mga buluhaton, apan ang pagpalambo sa usa ka interface alang niini labi ka lisud, ug ang mga API sa browser wala magtugot sa hingpit nga pag-access sa mga peripheral. Ang usa ka WebOP terminal mahimong mopuli sa kombinasyon sa Android tablet, kompyuter ug controller.
Ang HMI Designer, bisan pa sa karaan nga disenyo niini, medyo abante. Kung wala’y espesyal nga kahanas sa pagprograma, mahimo ka dali nga mag-sketch sa usa ka interface nga nagtrabaho. Ang artikulo wala maghisgot sa tanan nga mga graphic block, diin adunay daghan: mga animated pipe, cylinders, graphs, toggle switch. Gisuportahan niini ang daghang sikat nga mga kontrol sa industriya nga wala sa kahon ug adunay mga koneksyon sa database.
mga pakisayran
Ang WebAccess/HMI Designer ug Runtime development environment mahimong ma-download
→
Source: www.habr.com