विषयसूची:

स्टोन एचएमआई डिस्प पर एक स्मार्ट होम कंट्रोल सिस्टम बनाएं: 23 कदम
स्टोन एचएमआई डिस्प पर एक स्मार्ट होम कंट्रोल सिस्टम बनाएं: 23 कदम

वीडियो: स्टोन एचएमआई डिस्प पर एक स्मार्ट होम कंट्रोल सिस्टम बनाएं: 23 कदम

वीडियो: स्टोन एचएमआई डिस्प पर एक स्मार्ट होम कंट्रोल सिस्टम बनाएं: 23 कदम
वीडियो: Do you want to save Time & Money in making Home Automation Project using Stone Smart TFT LCD Module 2024, नवंबर
Anonim
STONE HMI Disp. पर एक स्मार्ट होम कंट्रोल सिस्टम बनाएं
STONE HMI Disp. पर एक स्मार्ट होम कंट्रोल सिस्टम बनाएं

परियोजना परिचय

निम्नलिखित ट्यूटोरियल आपको दिखाता है कि एक साधारण घरेलू उपकरण नियंत्रण प्रणाली बनाने के लिए स्टोन STVC050WT-01 टच डिस्प्ले मॉड्यूल का उपयोग कैसे करें।

चरण 1: स्टोन STVC050WT - 01 TFT एलसीडी डिस्प्ले मॉड्यूल

स्टोन STVC050WT - 01 TFT LCD डिस्प्ले मॉड्यूल
स्टोन STVC050WT - 01 TFT LCD डिस्प्ले मॉड्यूल

स्टोन STVC050WT - 01 सपोर्ट टच डिस्प्ले मॉड्यूल 5 इंच है, मॉड्यूल पर 480 * 272 रिज़ॉल्यूशन एकीकृत डिस्प्ले और टच स्क्रीन ड्राइवर को चिप्स की आवश्यकता है, डेवलपर्स को केवल STONE पर, आधिकारिक VGUS डिज़ाइन सॉफ़्टवेयर संबंधित UI इंटरफ़ेस डिज़ाइन की आवश्यकता होती है और एक उत्पन्न करता है STONE डिस्प्ले मॉड्यूल में डाउनलोड की गई प्रोग्रामिंग फ़ाइल, और फिर एक सीरियल पोर्ट (RS232 / RS485 / TTL) के माध्यम से इसके साथ मेल खाती है, आप जटिल UI डिज़ाइन पहलुओं का प्रदर्शन कर सकते हैं। प्रक्रिया इस प्रकार है:

चरण 2: निम्नलिखित छवि स्टोन STVC050WT-01 डिस्प्ले मॉड्यूल के कुछ पैरामीटर दिखाती है:

निम्नलिखित छवि स्टोन STVC050WT-01 डिस्प्ले मॉड्यूल के कुछ पैरामीटर दिखाती है
निम्नलिखित छवि स्टोन STVC050WT-01 डिस्प्ले मॉड्यूल के कुछ पैरामीटर दिखाती है

स्टोन STVC050WT-01:

यह डिस्प्ले मॉड्यूल उत्पादों की इस लाइन में कई में से एक है। विभिन्न कॉन्फ़िगरेशन में कई अन्य डिस्प्ले मॉड्यूल उपलब्ध हैं। www.stoneitech.com

चरण 3: स्टोन प्रदर्शन मॉड्यूल विकास तीन चरण

1. स्टोन टूल सॉफ्टवेयर के साथ यूआई को डिजाइन किया और डिजाइन फाइल को डिस्प्ले मॉड्यूल में डाउनलोड किया।

2. एमसीयू सीरियल पोर्ट के माध्यम से स्टोन डिस्प्ले मॉड्यूल के साथ संचार करता है।

3. एमसीयू चरण 2 में प्राप्त आंकड़ों के आधार पर अन्य क्रियाएं करता है।

चरण 4: UI इंटरफ़ेस डिज़ाइन:

यूआई इंटरफेस डिजाइन
यूआई इंटरफेस डिजाइन

आज हमने एक साधारण घरेलू उपकरण नियंत्रण बनाया है। फ़ोटोशॉप के माध्यम से, मैंने निम्नलिखित सरल इंटरफ़ेस डिज़ाइन किया है:

चरण 5: कार्य:

समारोह
समारोह

जब लाइट बटन दबाया जाता है, तो पेज तीन लाइट की स्विच स्थिति दिखाते हुए 2 पर कूद जाता है। जब ऑन/ऑफ लाइट बटन दबाया जाता है, तो स्क्रीन मॉड्यूल का सीरियल पोर्ट स्विच सिग्नल प्रोटोकॉल जारी करता है। बाहरी MCU सीरियल पोर्ट के माध्यम से सीधे स्क्रीन मॉड्यूल को डेटा भेज सकता है। स्क्रीन को सीधे लाइट स्विच स्थिति प्रदर्शित करने दें।

चरण 6: स्टोन डिस्प्ले के साथ नया प्रोजेक्ट:

STONE की वेबसाइट पर हम STONE TOOLS 2019 सॉफ्टवेयर का नवीनतम संस्करण डाउनलोड कर सकते हैं, जिसके माध्यम से हम UI डिजाइन कर सकते हैं:

www.stoneitech.com/support/download/software

चरण 7: स्टोन टूल एक GUI डिज़ाइन सॉफ़्टवेयर है

स्टोन टूल एक जीयूआई डिजाइन सॉफ्टवेयर है
स्टोन टूल एक जीयूआई डिजाइन सॉफ्टवेयर है

STONE TOOL एक GUI डिज़ाइन सॉफ़्टवेयर है जिसे किसी इंस्टॉलेशन की आवश्यकता नहीं है। डाउनलोड करने के बाद, इसे सीधे डीकंप्रेसन द्वारा खोला और चलाया जा सकता है। यह ध्यान दिया जाना चाहिए कि इस सॉफ़्टवेयर को Windows8 और Windows10 सिस्टम पर संगत तरीके से चलाने की आवश्यकता है

चरण 8: "चित्र" निर्देशिका पर राइट-क्लिक करें और 0-j.webp" />
राइट-क्लिक करें
राइट-क्लिक करें

चूंकि मैं 480*272 के रिज़ॉल्यूशन के साथ STVC050WT-01 का उपयोग कर रहा हूं और 128Mbyte (1024MByte तक विस्तार योग्य) के डिफ़ॉल्ट फ्लैश स्पेस आकार के साथ, मैंने 128Mbyte को चुना है।

प्रोजेक्ट का नाम और संग्रहण पथ सेट करें, और पूरा करने के लिए "ओके" पर क्लिक करें। "चित्र" निर्देशिका पर राइट-क्लिक करें और 0-j.webp

चरण 9: स्टोन टूल्स में UI इमेज जोड़ें:

स्टोन टूल्स में UI इमेज जोड़ें
स्टोन टूल्स में UI इमेज जोड़ें
स्टोन टूल्स में UI इमेज जोड़ें
स्टोन टूल्स में UI इमेज जोड़ें
स्टोन टूल्स में UI इमेज जोड़ें
स्टोन टूल्स में UI इमेज जोड़ें

"चित्र" निर्देशिका पर राइट-क्लिक करें और दो UI ICONS जोड़ें जिन्हें हमने प्रोजेक्ट में तैयार किया है:

चरण 10: स्टोन टूल्स में वर्ड स्टॉक जोड़ें

स्टोन टूल्स में वर्ड स्टॉक जोड़ें
स्टोन टूल्स में वर्ड स्टॉक जोड़ें

राइट माउस "फ़ॉन्ट फ़ाइल" पर क्लिक करें, प्रोजेक्ट में जोड़ने के लिए उपयुक्त फ़ॉन्ट का चयन करें।

यहां मैंने ASCII 24 को 48 से चुना।

चरण 11: एक बटन जोड़ें

एक बटन जोड़ें
एक बटन जोड़ें

हमें STONE TOOL सॉफ़्टवेयर पर पहले UI में "लाइट" बटन पर एक फ़ंक्शन सेट करने की आवश्यकता है:

जब हम "लाइट" बटन पर क्लिक करते हैं, तो हम दूसरे पेज पर जाएँगे।

यह कैसे करना है?

बटन के क्षेत्र को खींचने के लिए "बटन" आइकन पर क्लिक करें:

चरण 12: बटन गुण स्टोन टूल सॉफ़्टवेयर के दाईं ओर गुण बार में सूचीबद्ध हैं

बटन गुण स्टोन टूल सॉफ़्टवेयर के दायीं ओर गुण बार में सूचीबद्ध हैं
बटन गुण स्टोन टूल सॉफ़्टवेयर के दायीं ओर गुण बार में सूचीबद्ध हैं

पीला क्षेत्र उस बटन क्षेत्र का प्रतिनिधित्व करता है जिसे उपयोगकर्ता ने खींचा है। बटन गुण स्टोन टूल सॉफ़्टवेयर के दाईं ओर गुण पट्टी में सूचीबद्ध हैं:

बटन दबाए जाने पर दूसरे पृष्ठ पर स्विच करने के लिए बस "पेजस्विच" विकल्प को 1 पर सेट करें।

चरण 13: "टूल" में "कॉन्फ़िगरेशन फ़ाइल बनाना" और फिर "वर्चुअल सीरियल पोर्ट स्क्रीन"।

छवि
छवि

चरण 14: फिर हम आगे बढ़ते हैं और पृष्ठ 2 के ऊपरी बाएँ कोने में तीर को एक बटन में बदलते हैं:

फिर हम आगे बढ़ते हैं और पृष्ठ 2 के ऊपरी बाएँ कोने में तीर को एक बटन में बदलते हैं
फिर हम आगे बढ़ते हैं और पृष्ठ 2 के ऊपरी बाएँ कोने में तीर को एक बटन में बदलते हैं

जब उपयोगकर्ता इस बटन को दबाता है, तो वह पहले पृष्ठ पर वापस आ जाता है।

चरण 15: टेक्स्ट डिस्प्ले जोड़ें:

टेक्स्ट डिस्प्ले जोड़ें:
टेक्स्ट डिस्प्ले जोड़ें:
टेक्स्ट डिस्प्ले जोड़ें:
टेक्स्ट डिस्प्ले जोड़ें:

पाठ चर नियंत्रण का उपयोग करते हुए, "light1" के बाद सफेद स्थान पर गोला बनाएं:

चरण 16: फिर टेक्स्ट वेरिएबल जस्ट एडेड पर क्लिक करें, और प्रॉपर्टी इंटरफेस स्टोन टूल सॉफ्टवेयर के दाईं ओर दिखाई देगा, मुख्य रूप से निम्नलिखित मापदंडों को बदल रहा है:

फिर टेक्स्ट वेरिएबल जस्ट एडेड पर क्लिक करें, और प्रॉपर्टी इंटरफेस स्टोन टूल सॉफ्टवेयर के दाईं ओर दिखाई देगा, मुख्य रूप से निम्नलिखित मापदंडों को बदल रहा है
फिर टेक्स्ट वेरिएबल जस्ट एडेड पर क्लिक करें, और प्रॉपर्टी इंटरफेस स्टोन टूल सॉफ्टवेयर के दाईं ओर दिखाई देगा, मुख्य रूप से निम्नलिखित मापदंडों को बदल रहा है

उनमें से, "वैरिएबल मेमोरी एड्री" उस मेमोरी एड्रेस को संदर्भित करता है जहां प्रदर्शित सामग्री संग्रहीत होती है। एक पता दो बाइट्स स्टोर कर सकता है। हमारी डिफ़ॉल्ट प्रदर्शन सामग्री "बंद" है, जिसके लिए तीन बाइट्स मेमोरी स्पेस की आवश्यकता होती है। इसका मतलब है कि हम 0020 और 0021 पते पर "ऑफ" स्टोर करते हैं।

चरण 17: रिटर्न वैल्यू वाला एक बटन:

रिटर्न वैल्यू वाला एक बटन
रिटर्न वैल्यू वाला एक बटन

ऊपर हमने जो नियंत्रण इस्तेमाल किया है वह "बटन" है। यह "बटन" नियंत्रण एक मान वापस नहीं करता है, जिसका अर्थ है कि जब उपयोगकर्ता बटन दबाता है, तो डिस्प्ले मॉड्यूल का सीरियल पोर्ट एमसीयू को डेटा नहीं भेजता है।

यदि उपयोगकर्ता बटन दबाता है और चाहता है कि स्क्रीन मॉड्यूल MCU को डेटा लौटाए, तो हम "रिटर्न प्रेस्ड की-वैल्यू" नियंत्रण का उपयोग कर सकते हैं:

चरण 18: संपत्ति बार निम्नानुसार सेट है:

संपत्ति बार निम्नानुसार सेट है
संपत्ति बार निम्नानुसार सेट है

चरण 19: UI डिज़ाइन फ़ाइल को डिस्प्ले मॉड्यूल में डाउनलोड करें:

UI डिज़ाइन फ़ाइल को डिस्प्ले मॉड्यूल में डाउनलोड करें:
UI डिज़ाइन फ़ाइल को डिस्प्ले मॉड्यूल में डाउनलोड करें:

1. USB फ्लैश ड्राइव को कंप्यूटर में प्लग करें

2. स्टोन टूल बॉक्स3 पर डाउनलोड टू यू-डिस्क बटन पर क्लिक करें। USB फ्लैश डिस्क को बाहर निकालें

4. डिस्प्ले मॉड्यूल के यूएसबी इंटरफेस में यूएसबी डिस्क डालें और अपग्रेड के पूरा होने की प्रतीक्षा करें। जब अपग्रेड पूरा हो जाएगा, तो एक त्वरित ध्वनि होगी

5. परीक्षण

चरण 20: एक सीरियल पोर्ट संचार

एक सीरियल पोर्ट संचार
एक सीरियल पोर्ट संचार

कुंजी-मूल्य वापसी

प्रोग्राम को डिस्प्ले मॉड्यूल में डाउनलोड करने के बाद, इसे चालू करें, यूएसबी-टीटीएल के माध्यम से कंप्यूटर को सीरियल पोर्ट से कनेक्ट करें, लाइट 1 का लाइट बटन दबाएं, और सीरियल पोर्ट डेटा वापस करें: a55a 06 83 00 26 01 00 A8

चरण 21: लाइट बंद करने के लिए बटन दबाएं

लाइट बंद करने के लिए बटन दबाएं
लाइट बंद करने के लिए बटन दबाएं

सीरियल डेटा रिटर्न:

A5 5A 06 83 00 26 01 00 A9

A5 5A: फ्रेम हेडर06: निर्देश बाइट लंबाई, 83 00 26 01 00 A9 कुल 6 बाइट्स (डेटा फ्रेम हेडर को छोड़कर)

83: चर मेमोरी निर्देश पढ़ें

00 26: परिवर्तनीय भंडारण पता

01: डेटा शब्द की लंबाई, 00 A9: 1-शब्द लंबाई (2 बाइट) 00 A9: उपयोगकर्ता डेटा सामग्री, सेट कीज़ के आधार पर।

चरण 22: रजिस्टर डेटा लिखें

यह निर्देश डेटा भंडारण क्षेत्र में 0x0020 को संबोधित करने के लिए 55 आ लिखता है:

0xA5 0x5A 0x05 0x82 0x00 0x20 0x55 0xaa

चूंकि हमने लाइट 1 के टेक्स्ट डिस्प्ले स्टोरेज एड्रेस को 0x0020 पर सेट किया है, सीरियल पोर्ट का उपयोग करके इस पते पर डेटा लिखना लाइट 1 के टेक्स्ट डिस्प्ले बॉक्स की सामग्री को बदलने के बराबर है।

चरण 23: रजिस्टर डेटा पढ़ें

सीरियल पोर्ट डिस्प्ले मॉड्यूल को निम्न कमांड भेजता है:

0xA5 0x5A 0x03 0x83 0x00 0x20 0x0020 पढ़ने के मूल्य का प्रतिनिधित्व करता है, और परिवर्तन परियोजना में, रीड-लैंप की स्विच स्थिति का प्रतिनिधित्व करता है।

सिफारिश की: