बस मोबाइल फोन द्वारा मोटर को नियंत्रित करें: 5 कदम

2024 लेखक: John Day | [email protected]. अंतिम बार संशोधित: 2024-01-30 09:21

यह कैसे-कैसे केवल HTML और जावास्क्रिप्ट का उपयोग करके अपने मोबाइल फोन द्वारा एक स्मार्ट IoT सर्वो "HDrive17" को नियंत्रित करने का तरीका दिखा रहा है। इस स्क्रिप्ट सहित वेबपेज इसे स्वयं मोटर पर संग्रहीत किया जाता है और इसे आपके मोबाइल फोन पर वेबएप से जोड़ा जा सकता है।

चरण 1: HDDrive17 को अपने स्थानीय नेटवर्क पर सेटअप करें

मोटर से अपने वाईफाई राउटर में ईथरनेट केबल प्लग करके HDDrive17 (आप उन्हें www.henschel-robotics.ch से प्राप्त कर सकते हैं) को अपने स्थानीय नेटवर्क से कनेक्ट करें। ध्यान रखें कि आपने पहले अपने नेटवर्क के लिए HDDrive पर एक मान्य IP-पता कॉन्फ़िगर किया है। वीडियो में दिखाया गया पूरा एप्लिकेशन मेरे स्थानीय कंप्यूटर पर एक HTML फ़ाइल में है। सबसे पहले आप अपने स्थानीय ब्राउज़र में इस वेबसाइट का परीक्षण कर सकते हैं और अपने पीसी से HDDrive को नियंत्रित कर सकते हैं।

यदि आप अपने मोबाइल फोन का उपयोग HDDrive को नियंत्रित करने के लिए करना चाहते हैं तो आपको इस स्थानीय वेबसाइट को अपने वाईफाई नेटवर्क पर प्रकाशित करना होगा। फिर बस अपने मोबाइल फोन पर अपने पीसी से दी जाने वाली इस वेबसाइट को खोलें। अपने नेटवर्क में ऐसी साइट साझा करने के लिए आप माइक्रोसॉफ्ट से वेबमैट्रिक्स टूल या आईआईएस का उपयोग कर सकते हैं, बस कुछ नेटश और फ़ायरवॉल कॉन्फ़िगरेशन बनाने के लिए ध्यान रखें कि आपके मोबाइल फोन की पेज तक पहुंच हो।

वेबपेज को सीधे मोटर पर स्टोर करना भी संभव है, फिर कोई पीसी अनिवार्य नहीं है।

चरण 2: प्रोग्राम एप्लीकेशन

वेबपेज बॉडी:

हम अच्छा गेज प्रदर्शित करने के लिए राउंडस्लाइडर स्क्रिप्ट का उपयोग कर रहे हैं, इसलिए हमें HTML दस्तावेज़ के मुख्य भाग में स्लाइडर तत्व जोड़ना होगा।

चरण 3: वेबपेज स्क्रिप्ट

निम्न कोड HDDrive को नई लक्ष्य स्थिति भेज रहा है। यह JQuery और राउंडस्लाइडर स्क्रिप्ट को शामिल करने के साथ शुरू होता है। rounslider एक ड्रैग इवेंट को ट्रिगर कर रहा है जो "sendDataToHdrive" फ़ंक्शन को कॉल कर रहा है। यह फ़ंक्शन तब मोटर को एक नया ड्राइव कमांड भेजता है।

कृपया इस लाइन पर एक नज़र डालें:

वर बूँद = नया बूँद (['

यह लक्ष्य स्थिति, अधिकतम के साथ HDDrive की सराहना करने वाला एक ड्राइव भेजता है। 2000 आरपीएम की गति, अधिकतम था। मोड 129 (स्थिति नियंत्रण) में 2A का करंट। आप यहां पूरी परियोजना डाउनलोड कर सकते हैं: स्लाइडर_डेमो.रार

चरण 4: वेबपेज को सीधे एचडीवाई में स्टोर करें

आपके ड्राइव पर वेब एप्लिकेशन को होस्ट करने के लिए हमें मोटर पर फाइल अपलोड करनी होगी। मोटर 4 फ़ाइलें, 2 HTML और 2 स्क्रिप्ट (.js) फ़ाइलें अपलोड करने में सक्षम है। अपलोड करने के बाद प्रत्येक फ़ाइल का नाम बदला जा रहा है। पहली HTML फ़ाइल का नाम बदलकर app1.html कर दिया गया है और फिर app2.html स्क्रिप्ट फ़ाइलों का नाम बदलकर s1.js और s2.js कर दिया गया है। इसलिए हमें अपनी एचटीएमएल फाइल में फाइल लिंक्स को बदलना होगा। JQuery… "s2.js" बन जाता है। इसके अलावा मैंने राउंडस्लाइडर सीएसएस को एचटीएमएल फाइल में कॉपी किया।

सबसे पहले अपने एचडी ड्राइव से वेब जीयूआई दर्ज करें और "एप्लिकेशन" अनुभाग तक पहुंचें

चरण 5: ऐप को एक्सेस करना

इन फ़ाइलों को अपलोड करने के बाद आप उसी नेटवर्क में किसी भी डिवाइस से https://192.168.1.102/app1.html पते पर पेज तक पहुंच सकते हैं, आपका पीसी अब अनिवार्य नहीं है, फाइलें सीधे एचडीड्राइव से होस्ट की जाती हैं।

यहां सभी फाइलें डाउनलोड करें।