🔔 🧑‍🤝‍🧑 🙅🏻 नियंत्रण / प्रक्रिया नियंत्रण के लिए सॉफ्टवेयर के कामकाज के लिए एक वातावरण के रूप में वेब ब्राउज़र 👩🏻‍🚒 ☹️ 👎🏾

अक्सर, औद्योगिक उद्यमों में, उनके पाठ्यक्रम में हस्तक्षेप करने की क्षमता के साथ तकनीकी प्रक्रियाओं की एक सुविधाजनक प्रस्तुति की आवश्यकता होती है। यह कार्यक्षमता SCADA सिस्टम या AWS (वर्कस्टेशन) द्वारा कार्यान्वित की जाती है। पोस्ट में, हम बात करेंगे कि न्यूनतम श्रम के साथ एक पूर्ण ऑपरेटर की जगह कैसे बनाई जाए।

ग्राफिक संपादक

हम Inkscape वेक्टर ग्राफिक्स एडिटर का उपयोग करेंगे [1]। यह संपादक GNU जनरल पब्लिक लाइसेंस लाइसेंस के तहत नि: शुल्क है। यह उपकरण आपको ग्राफिक्स को svg [2] स्केलेबल वेक्टर ग्राफिक्स के रूप में सहेजने की अनुमति देता है। क्या अनिवार्य रूप से एक xml फ़ाइल है।

<html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> </head> <body> <?xml version="1.0" encoding="UTF-8" standalone="no"?> <!-- Created with Inkscape (http://www.inkscape.org/) --> <svg width="744.09448819" height="1052.3622047" id="svg2" version="1.1" inkscape:version="0.48.3.1 r9886" sodipodi:docname="drawing.svg"> <sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="0.64" inkscape:cx="-11.810742" inkscape:cy="648.32115" inkscape:document-units="px" inkscape:current-layer="layer1" showgrid="true" showguides="true" inkscape:window-width="1301" inkscape:window-height="744" inkscape:window-x="65" inkscape:window-y="24" inkscape:window-maximized="1"> <inkscape:grid id="grid4044" type="xygrid" /> </sodipodi:namedview> <defs id="defs4" /> <metadata id="metadata7"> <rdf:RDF> <cc:Work rdf:about=""> <dc:format>image/svg+xml</dc:format> <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> <dc:title></dc:title> </cc:Work> </rdf:RDF> </metadata> ... </svg> <script> $(document).ready(function(){ $('.main').click( function(){ r = 'rgb(255, 0, 0)'; g = 'rgb(0, 255, 0)'; b = 'rgb(0, 0, 255)'; fill = $(this).css( 'fill' ); newfill = r; if( fill == newfill ) newfill = b; $(this).css( 'fill', newfill ); }); }); </script> </body> </html>

प्रोग्रामिंग

क्लाइंट पर प्रोग्रामिंग जावास्क्रिप्ट (jquery [3]) में की जाती है। यह कोड से देखा जा सकता है कि मुख्य वर्ग प्रत्येक नियंत्रण / सिग्नलिंग ऑब्जेक्ट को सौंपा गया है। इसके गुणों को बदलने के लिए जावास्क्रिप्ट का उपयोग करना संभव बनाता है। आप किसी भी संयोजन के साथ आ सकते हैं - केवल कल्पना द्वारा सीमित। क्यूटी में लागू करने के लिए यह विधि बहुत आसान है, उदाहरण के लिए, या डेल्फी। यहां आपको वस्तुओं के निर्देशांक को ट्रैक करने की आवश्यकता नहीं है, यह माउस घटनाओं पर प्रतिक्रिया देने के लिए बहुत सरल है। सर्वर पर, प्रोग्रामिंग किसी भी भाषा में आयोजित की जा सकती है, यह उस उपकरण पर निर्भर करता है जिसके साथ AWP को युग्मित किया जाना है। यह हो सकता है, उदाहरण के लिए, ईथरनेट मॉडबस, SQLite को डेटा लिखने के साथ, यह योजना सी में लागू करने के लिए काफी सरल है - सभी आवश्यक पुस्तकालय हैं, हालांकि - कोई भी अन्य कॉन्फ़िगरेशन संभव है। ग्राहक और सर्वर के बीच डेटा विनिमय AJAX [4] का उपयोग करके किया जाता है।

निष्कर्ष

पोस्ट का उद्देश्य एक स्वचालित कार्यस्थल बनाने और तैनात करने के लिए विशिष्ट सिफारिशें देना है। उपयोगकर्ता के लिए आधुनिक AWPs के लिए सबसे जटिल और महत्वपूर्ण लिंक तकनीकी प्रक्रियाओं के लिए प्रदर्शन योजनाओं को बनाने / संशोधित करने की क्षमता है। फ्रीली वितरित सॉफ्टवेयर इंकस्केप - एक बहुत ही सुविधाजनक उपकरण और मुफ्त है, जो महत्वपूर्ण है। दूसरा कठिन लिंक इमेजिंग प्रोग्राम ही है। और यहां प्रक्रिया साइट के निर्माण के समान है। पहला चरण AWP विंडो का लेआउट है, दूसरा सीधे प्रोग्रामिंग है, मुख्यतः जावास्क्रिप्ट में। AJAX का उपयोग करते हुए क्लाइंट-सर्विस इंटरैक्शन भी काफी सरल है। इस कार्यान्वयन में, वर्कस्टेशन कार्यस्थल से बंधा नहीं है, ऑपरेटर के स्थान में केवल एक कंप्यूटर, इंटरनेट और एक ब्राउज़र शामिल होना चाहिए। यह प्रणाली काफी लचीली है: टैबलेट, फोन का उपयोग करके दुनिया में कहीं से भी नियंत्रण / प्रबंधन को अंजाम दिया जा सकता है - कोई भी उपकरण जिस पर इंटरनेट ब्राउज़र का कार्य संभव है।

नियंत्रण / प्रक्रिया नियंत्रण के लिए सॉफ्टवेयर के कामकाज के लिए एक वातावरण के रूप में वेब ब्राउज़र

ग्राफिक संपादक

प्रोग्रामिंग

निष्कर्ष

More articles: