সুচিপত্র:

স্টোন এইচএমআই ডিসপে একটি স্মার্ট হোম কন্ট্রোল সিস্টেম তৈরি করুন: 23 টি ধাপ
স্টোন এইচএমআই ডিসপে একটি স্মার্ট হোম কন্ট্রোল সিস্টেম তৈরি করুন: 23 টি ধাপ

ভিডিও: স্টোন এইচএমআই ডিসপে একটি স্মার্ট হোম কন্ট্রোল সিস্টেম তৈরি করুন: 23 টি ধাপ

ভিডিও: স্টোন এইচএমআই ডিসপে একটি স্মার্ট হোম কন্ট্রোল সিস্টেম তৈরি করুন: 23 টি ধাপ
ভিডিও: STONE HMI TFT Touch Display | Unboxing and First Impression 2024, নভেম্বর
Anonim
STONE HMI Disp এ একটি স্মার্ট হোম কন্ট্রোল সিস্টেম তৈরি করুন
STONE HMI Disp এ একটি স্মার্ট হোম কন্ট্রোল সিস্টেম তৈরি করুন

প্রকল্প ভূমিকা

নিম্নোক্ত টিউটোরিয়ালটি আপনাকে দেখায় কিভাবে একটি সাধারণ হোম অ্যাপ্লায়েন্স কন্ট্রোল সিস্টেম তৈরি করতে STONE STVC050WT-01 টাচ ডিসপ্লে মডিউল ব্যবহার করতে হয়।

ধাপ 1: STONE STVC050WT - 01 TFT LCD Display Module

STONE STVC050WT - 01 TFT LCD ডিসপ্লে মডিউল
STONE STVC050WT - 01 TFT LCD ডিসপ্লে মডিউল

STONE STVC050WT - 01 সাপোর্ট টাচ ডিসপ্লে মডিউলটি 5 ইঞ্চি, মডিউলে 480 * 272 রেজোলিউশনের সমন্বিত ডিসপ্লে এবং টাচ স্ক্রিন ড্রাইভার প্রয়োজন চিপস, ডেভেলপারদের প্রয়োজন শুধু স্টোনে, অফিসিয়াল VGUS ডিজাইন সফটওয়্যার সম্পর্কিত UI ইন্টারফেস ডিজাইন এবং জেনারেট STONE ডিসপ্লে মডিউলে ডাউনলোড করা প্রোগ্রামিং ফাইল, এবং তারপর একটি সিরিয়াল পোর্টের মাধ্যমে (RS232 / RS485 / TTL) এর সাথে সংশ্লিষ্ট, আপনি জটিল UI ডিজাইনের দিকগুলি সম্পাদন করতে পারেন। প্রক্রিয়াটি নিম্নরূপ:

ধাপ 2: নিচের ছবিটি STONE STVC050WT-01 ডিসপ্লে মডিউলের কিছু পরামিতি দেখায়:

নিচের ছবিটি STONE STVC050WT-01 ডিসপ্লে মডিউলের কিছু প্যারামিটার দেখায়
নিচের ছবিটি STONE STVC050WT-01 ডিসপ্লে মডিউলের কিছু প্যারামিটার দেখায়

স্টোন STVC050WT-01

এই ডিসপ্লে মডিউলটি পণ্যের এই লাইনে অনেকের মধ্যে একটি। বিভিন্ন কনফিগারেশনে আরও অনেক ডিসপ্লে মডিউল পাওয়া যায়। www.stoneitech.com

ধাপ 3: স্টোন ডিসপ্লে মডিউল ডেভেলপমেন্টের তিনটি ধাপ

1. স্টোন টুল সফটওয়্যার দিয়ে UI ডিজাইন করে এবং ডিসপ্লে মডিউলে ডিজাইন ফাইল ডাউনলোড করে।

2. MCU সিরিয়াল পোর্টের মাধ্যমে STONE ডিসপ্লে মডিউলের সাথে যোগাযোগ করে।

3. ধাপ 2 এ প্রাপ্ত তথ্যের উপর ভিত্তি করে MCU অন্যান্য ক্রিয়া সম্পাদন করে।

ধাপ 4: UI ইন্টারফেস ডিজাইন:

UI ইন্টারফেস ডিজাইন
UI ইন্টারফেস ডিজাইন

আজ আমরা একটি সহজ হোম অ্যাপ্লায়েন্স কন্ট্রোল করেছি। ফটোশপের মাধ্যমে, আমি নিম্নলিখিত সহজ ইন্টারফেসটি ডিজাইন করেছি:

ধাপ 5: ফাংশন:

ফাংশন
ফাংশন

যখন আলোর বোতামটি চাপানো হয়, পৃষ্ঠাটি 2 এ লাফ দেয়, তিনটি লাইটের সুইচ অবস্থা দেখায়। যখন অন/অফ লাইট বাটন টিপলে স্ক্রিন মডিউলের সিরিয়াল পোর্ট সুইচ সিগন্যাল প্রটোকল জারি করে। বহিরাগত MCU একটি সিরিয়াল পোর্টের মাধ্যমে সরাসরি স্ক্রিন মডিউলে ডেটা পাঠাতে পারে। স্ক্রিনটি সরাসরি লাইট সুইচ স্টেট প্রদর্শন করতে দিন।

ধাপ 6: স্টোন ডিসপ্লে সহ নতুন প্রকল্প

STONE এর ওয়েবসাইটে, আমরা STONE TOOLS 2019 সফটওয়্যারের সর্বশেষ সংস্করণটি ডাউনলোড করতে পারি, যার মাধ্যমে আমরা UI ডিজাইন করতে পারি:

www.stoneitech.com/support/download/software

ধাপ 7: স্টোন টুল একটি GUI ডিজাইন সফটওয়্যার

স্টোন টুল একটি GUI ডিজাইন সফটওয়্যার
স্টোন টুল একটি GUI ডিজাইন সফটওয়্যার

স্টোন টুল হল একটি GUI ডিজাইন সফটওয়্যার যার কোন ইনস্টলেশনের প্রয়োজন নেই। ডাউনলোড করার পরে, এটি সরাসরি খোলা এবং ডিকম্প্রেশন দ্বারা চালানো যেতে পারে। এটি লক্ষ করা উচিত যে এই সফ্টওয়্যারটি উইন্ডোজ 8 এবং উইন্ডোজ 10 সিস্টেমে সামঞ্জস্যপূর্ণভাবে চালানো দরকার

ধাপ 8: "পিকচার" ডিরেক্টরিতে ডান ক্লিক করুন এবং 0-j.webp" />
এ ডান ক্লিক করুন
এ ডান ক্লিক করুন

যেহেতু আমি STVC050WT-01 ব্যবহার করছি 480*272 রেজোলিউশনের এবং 128Mbyte এর ডিফল্ট ফ্ল্যাশ স্পেস সাইজ (1024MByte পর্যন্ত প্রসারিত), তাই আমি 128Mbyte বেছে নিয়েছি।

প্রকল্পের নাম এবং স্টোরেজ পাথ সেট করুন এবং সম্পন্ন করতে "ওকে" ক্লিক করুন। "পিকচার" ডিরেক্টরিতে ডান ক্লিক করুন এবং 0-j.webp

ধাপ 9: পাথরের সরঞ্জামগুলিতে UI চিত্র যুক্ত করুন:

পাথরের সরঞ্জামগুলিতে UI চিত্র যুক্ত করুন
পাথরের সরঞ্জামগুলিতে UI চিত্র যুক্ত করুন
পাথরের সরঞ্জামগুলিতে UI চিত্র যুক্ত করুন
পাথরের সরঞ্জামগুলিতে UI চিত্র যুক্ত করুন
পাথরের সরঞ্জামগুলিতে UI চিত্র যুক্ত করুন
পাথরের সরঞ্জামগুলিতে UI চিত্র যুক্ত করুন

"পিকচার" ডিরেক্টরিতে ডান ক্লিক করুন এবং প্রকল্পে আমাদের প্রস্তুত করা দুটি UI ICONS যুক্ত করুন:

ধাপ 10: পাথরের সরঞ্জামগুলিতে ওয়ার্ড স্টক যুক্ত করুন

স্টোন টুলসে ওয়ার্ড স্টক যুক্ত করুন
স্টোন টুলসে ওয়ার্ড স্টক যুক্ত করুন

ডান মাউস "ফন্ট ফাইল" ক্লিক করুন, প্রকল্পে যুক্ত করার জন্য উপযুক্ত ফন্ট নির্বাচন করুন।

এখানে আমি ASCII 24 দ্বারা 48 নির্বাচন করেছি।

ধাপ 11: একটি বোতাম যোগ করুন

একটি বোতাম যোগ করুন
একটি বোতাম যোগ করুন

আমাদের স্টোন টুল সফটওয়্যারের প্রথম UI- এ "লাইট" বোতামে একটি ফাংশন সেট করতে হবে:

যখন আমরা "হালকা" বোতামটি ক্লিক করি, আমরা দ্বিতীয় পৃষ্ঠায় চলে যাব।

এটা কিভাবে করতে হবে?

বোতামের ক্ষেত্রটি আঁকতে "বোতাম" আইকনে ক্লিক করুন:

ধাপ 12: স্টোন টুল সফটওয়্যারের ডানদিকে প্রোপার্টি বারে বাটন প্রোপার্টি তালিকাভুক্ত

স্টোন টুল সফটওয়্যারের ডানদিকে প্রোপার্টি বারে বাটন প্রোপার্টি তালিকাভুক্ত
স্টোন টুল সফটওয়্যারের ডানদিকে প্রোপার্টি বারে বাটন প্রোপার্টি তালিকাভুক্ত

হলুদ এলাকাটি ব্যবহারকারীর আঁকা বোতামের এলাকা প্রতিনিধিত্ব করে। স্টোন টুল সফটওয়্যারের ডানদিকে প্রোপার্টি বারে বাটনের বৈশিষ্ট্য তালিকাভুক্ত করা হয়েছে:

বোতাম টিপলে দ্বিতীয় পৃষ্ঠায় স্যুইচ করার জন্য শুধু "পেজউইচ" বিকল্পটি 1 এ সেট করুন।

ধাপ 13: "টুল" এ "কনফিগারেশন ফাইল তৈরি করা" এবং তারপরে "ভার্চুয়াল সিরিয়াল পোর্ট স্ক্রিন"।

ছবি
ছবি

ধাপ 14: তারপর আমরা এগিয়ে যাই এবং পৃষ্ঠার উপরের বাম কোণে তীরটি একটি বোতামে পরিবর্তন করি:

তারপরে আমরা এগিয়ে যাই এবং পৃষ্ঠা 2 এর উপরের বাম কোণে তীরটি একটি বোতামে পরিবর্তন করি
তারপরে আমরা এগিয়ে যাই এবং পৃষ্ঠা 2 এর উপরের বাম কোণে তীরটি একটি বোতামে পরিবর্তন করি

যখন ব্যবহারকারী এই বোতাম টিপেন, এটি প্রথম পৃষ্ঠায় ফিরে আসে।

ধাপ 15: পাঠ্য প্রদর্শন যোগ করুন

পাঠ্য প্রদর্শন যোগ করুন
পাঠ্য প্রদর্শন যোগ করুন
পাঠ্য প্রদর্শন যোগ করুন
পাঠ্য প্রদর্শন যোগ করুন

টেক্সট ভেরিয়েবল কন্ট্রোল ব্যবহার করে, "light1" এর পরে সাদা স্পেসকে বৃত্ত করুন:

ধাপ 16: তারপর টেক্সট ভেরিয়েবল সবে যোগ করুন, এবং প্রপার্টি ইন্টারফেস স্টোন টুল সফটওয়্যারের ডানদিকে উপস্থিত হবে, প্রধানত নিম্নলিখিত প্যারামিটারগুলি পরিবর্তন করে:

তারপর টেক্সট ভেরিয়েবল জাস্ট অ্যাড এ ক্লিক করুন, এবং প্রপার্টি ইন্টারফেস স্টোন টুল সফটওয়্যারের ডানদিকে প্রদর্শিত হবে, প্রধানত নিম্নলিখিত প্যারামিটারগুলি পরিবর্তন করে
তারপর টেক্সট ভেরিয়েবল জাস্ট অ্যাড এ ক্লিক করুন, এবং প্রপার্টি ইন্টারফেস স্টোন টুল সফটওয়্যারের ডানদিকে প্রদর্শিত হবে, প্রধানত নিম্নলিখিত প্যারামিটারগুলি পরিবর্তন করে

তাদের মধ্যে, "ভেরিয়েবল মেমরি অ্যাড্রি" মেমরির ঠিকানা বোঝায় যেখানে প্রদর্শিত সামগ্রী সংরক্ষণ করা হয়। একটি ঠিকানা দুটি বাইট সংরক্ষণ করতে পারে। আমাদের ডিফল্ট ডিসপ্লে কন্টেন্ট হল "অফ", যার জন্য তিন বাইট মেমরি স্পেস প্রয়োজন। এর মানে হল যে আমরা 0020 এবং 0021 ঠিকানায় "OFF" সংরক্ষণ করি।

ধাপ 17: রিটার্ন ভ্যালু সহ একটি বোতাম:

রিটার্ন ভ্যালু সহ একটি বোতাম
রিটার্ন ভ্যালু সহ একটি বোতাম

আমরা উপরে যে নিয়ন্ত্রণটি ব্যবহার করেছি তা হল "বোতাম"। এই "বোতাম" নিয়ন্ত্রণটি একটি মান ফেরত দেয় না, যার অর্থ ব্যবহারকারী যখন বোতাম টিপেন, ডিসপ্লে মডিউলের সিরিয়াল পোর্ট MCU- তে ডেটা পাঠায় না।

যদি ব্যবহারকারী বোতামটি টিপেন এবং স্ক্রিন মডিউলটি এমসিইউতে ডেটা ফেরত চান, আমরা "রিটার্ন প্রেসড কী-ভ্যালু" নিয়ন্ত্রণ ব্যবহার করতে পারি:

ধাপ 18: প্রপার্টি বার নিম্নরূপ সেট করা হয়েছে:

নিম্নরূপ প্রপার্টি বার সেট করা হয়েছে
নিম্নরূপ প্রপার্টি বার সেট করা হয়েছে

ধাপ 19: ডিসপ্লে মডিউলে UI ডিজাইন ফাইল ডাউনলোড করুন

ডিসপ্লে মডিউলে UI ডিজাইন ফাইল ডাউনলোড করুন
ডিসপ্লে মডিউলে UI ডিজাইন ফাইল ডাউনলোড করুন

1. কম্পিউটারে ইউএসবি ফ্ল্যাশ ড্রাইভ লাগান

2. স্টোন টুল বক্সে ডাউনলোড টু ইউ-ডিস্ক বাটনে ক্লিক করুন। ইউএসবি ফ্ল্যাশ ডিস্কটি টানুন

4. ডিসপ্লে মডিউলের ইউএসবি ইন্টারফেসে ইউএসবি ডিস্ক andোকান এবং আপগ্রেড সম্পন্ন হওয়ার জন্য অপেক্ষা করুন। আপগ্রেড সম্পন্ন হলে, একটি প্রম্পট শব্দ হবে

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 aa লিখেছে:

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

যেহেতু আমরা Light1 এর টেক্সট ডিসপ্লে স্টোরেজ ঠিকানা 0x0020 এ সেট করেছি, সিরিয়াল পোর্ট ব্যবহার করে এই ঠিকানায় ডেটা লেখা হল Light1 এর টেক্সট ডিসপ্লে বক্সের বিষয়বস্তু পরিবর্তনের সমতুল্য।

ধাপ 23: নিবন্ধন ডেটা পড়ুন

সিরিয়াল পোর্ট ডিসপ্লে মডিউলে নিম্নলিখিত কমান্ড পাঠায়:

0xA5 0x5A 0x03 0x83 0x00 0x20 0x0020 পড়ার মানকে প্রতিনিধিত্ব করে, এবং পরিবর্তন প্রকল্পে, রিড-ল্যাম্পের সুইচ অবস্থার প্রতিনিধিত্ব করে।

প্রস্তাবিত: