সুচিপত্র:

শুধু মোবাইল ফোন দ্বারা মোটর নিয়ন্ত্রণ করুন: 5 টি ধাপ
শুধু মোবাইল ফোন দ্বারা মোটর নিয়ন্ত্রণ করুন: 5 টি ধাপ

ভিডিও: শুধু মোবাইল ফোন দ্বারা মোটর নিয়ন্ত্রণ করুন: 5 টি ধাপ

ভিডিও: শুধু মোবাইল ফোন দ্বারা মোটর নিয়ন্ত্রণ করুন: 5 টি ধাপ
ভিডিও: ফোনের আজব সেটিং! একের মধ্যে দুই ফোন | Second Space 2024, ডিসেম্বর
Anonim
Image
Image

এই How-To দেখানো হচ্ছে কিভাবে আপনার মোবাইল ফোনের মাধ্যমে HTML এবং JavaScript ব্যবহার করে একটি স্মার্ট IoT Servo "HDrive17" নিয়ন্ত্রণ করতে হয়। এই স্ক্রিপ্ট সহ ওয়েবপেজটি স্বয়ং মোটরে সংরক্ষিত আছে এবং আপনার মোবাইল ফোনে একটি ওয়েব অ্যাপের সাথে সংযুক্ত করা যেতে পারে।

ধাপ 1: আপনার স্থানীয় নেটওয়ার্কে HDrive17 সেটআপ করুন

প্রোগ্রাম অ্যাপ্লিকেশন
প্রোগ্রাম অ্যাপ্লিকেশন

আপনার ওয়াইফাই রাউটারে মোটর থেকে ইথারনেট ক্যাবল প্লাগ করে HDRive17 (আপনি www.henschel-robotics.ch থেকে সেগুলি পেতে পারেন) আপনার স্থানীয় নেটওয়ার্কে সংযুক্ত করুন। খেয়াল রাখবেন যে আপনি প্রথমে আপনার নেটওয়ার্কের জন্য HDrive- এ একটি বৈধ IP- ঠিকানা কনফিগার করেছেন। ভিডিওতে দেখানো পুরো অ্যাপ্লিকেশনটি আমার স্থানীয় কম্পিউটারে একটি HTML ফাইলে রয়েছে। প্রথমে আপনি আপনার স্থানীয় ব্রাউজারে এই ওয়েবসাইটটি পরীক্ষা করতে পারেন এবং আপনার পিসি থেকে HDrive নিয়ন্ত্রণ করতে পারেন।

আপনি যদি HDrive নিয়ন্ত্রণ করতে আপনার মোবাইল ফোন ব্যবহার করতে চান তাহলে আপনাকে এই স্থানীয় ওয়েবসাইটটি আপনার ওয়াইফাই নেটওয়ার্কে প্রকাশ করতে হবে। তারপরে আপনার মোবাইল ফোনে আপনার পিসি থেকে সরবরাহ করা এই ওয়েবসাইটটি খুলুন। আপনার নেটওয়ার্কে এমন একটি সাইট শেয়ার করার জন্য আপনি মাইক্রোসফট থেকে ওয়েবম্যাট্রিক্স টুল বা আইআইএস ব্যবহার করতে পারেন, শুধু মনে রাখবেন কিছু নেটশ এবং ফায়ারওয়াল কনফিগারেশন যাতে আপনার মোবাইল ফোনের পৃষ্ঠায় অ্যাক্সেস থাকে।

ওয়েবপৃষ্ঠাটি সরাসরি স্বয়ং মোটরে সংরক্ষণ করাও সম্ভব, তারপর আর কোন পিসি বাধ্যতামূলক নয়।

পদক্ষেপ 2: প্রোগ্রাম অ্যাপ্লিকেশন

ওয়েবপেজ বডি:

আমরা চমৎকার গেজ প্রদর্শনের জন্য রাউন্ডস্লাইডার স্ক্রিপ্ট ব্যবহার করছি, তাই আমাদের HTML ডকুমেন্টের মূল অংশে স্লাইডার উপাদান যুক্ত করতে হবে।

ধাপ 3: ওয়েবপেজ স্ক্রিপ্ট

ওয়েবপেজ স্ক্রিপ্ট
ওয়েবপেজ স্ক্রিপ্ট

নিম্নলিখিত কোডটি HDrive- এ নতুন টার্গেট পজিশন পাঠাচ্ছে। এটি JQuery এবং RoundSlider স্ক্রিপ্ট অন্তর্ভুক্ত করে শুরু হয়। Rounslider একটি ড্র্যাগ ইভেন্ট ট্রিগার করছে যা "sendDataToHdrive" ফাংশনকে কল করছে। এই ফাংশন তারপর মোটর একটি নতুন ড্রাইভ কমান্ড পাঠায়।

দয়া করে এই লাইনটি দেখুন:

var blob = নতুন ব্লব (['

এটি টার্গেট পজিশনের সাথে HDrive- এ ড্রাইভ প্রশংসা পাঠায়, সর্বোচ্চ। 2000 RPM এর গতি, tha max। মোড 129 (অবস্থান নিয়ন্ত্রণ) 2A এর বর্তমান। আপনি পুরো প্রকল্পটি এখানে ডাউনলোড করতে পারেন: Slider_demo.rar

ধাপ 4: ওয়েবপেজটি সরাসরি HDrive- এ সংরক্ষণ করুন

ওয়েবপেজটি সরাসরি HDrive- এ সংরক্ষণ করুন
ওয়েবপেজটি সরাসরি HDrive- এ সংরক্ষণ করুন

আপনার ড্রাইভে ওয়েব অ্যাপ্লিকেশন হোস্ট করার জন্য আমাদের মোটর এ ফাইল আপলোড করতে হবে। মোটর 4 টি ফাইল, 2 টি এইচটিএমএল এবং 2 টি স্ক্রিপ্ট (.js) ফাইল আপলোড করতে সক্ষম। আপলোড করার পর প্রতিটি ফাইলের নাম পরিবর্তন করা হচ্ছে। প্রথম HTML ফাইলের নাম পরিবর্তন করে app1.html তারপর app2.html স্ক্রিপ্ট ফাইলগুলিকে s1.js এবং s2.js এ নামকরণ করা হচ্ছে। অতএব আমাদের HTML ফাইলে ফাইলের লিঙ্ক পরিবর্তন করতে হবে। JQuery… হয়ে যায় “s2.js”। উপরন্তু আমি HTML ফাইলে রাউন্ডস্লাইডার CSS কপি করেছি।

প্রথমে আপনার HDrive থেকে ওয়েব GUI লিখুন এবং "Apps" বিভাগে প্রবেশ করুন

ধাপ 5: অ্যাপ অ্যাক্সেস করা

অ্যাপ অ্যাক্সেস করা
অ্যাপ অ্যাক্সেস করা

এই ফাইলগুলি আপলোড করার পর আপনি একই নেটওয়ার্কের যেকোন ডিভাইস থেকে https://192.168.1.102/app1.html ঠিকানায় পৃষ্ঠাটি অ্যাক্সেস করতে পারেন, আপনার পিসি আর বাধ্যতামূলক নয়, ফাইলগুলি সরাসরি HDrive থেকে হোস্ট করা হয়।

এখানে সব ফাইল ডাউনলোড করুন।

প্রস্তাবিত: