সুচিপত্র:

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

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

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

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

ধাপ 1: প্রক্রিয়া:

প্রক্রিয়া
প্রক্রিয়া

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

www.stoneitech.com/product/by-application/…

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

স্টোন ডিসপ্লে মডিউল ডেভেলপমেন্টের তিনটি ধাপ: 1. স্টোন টুল সফটওয়্যার দিয়ে UI ডিজাইন করা হয়েছে এবং ডিসপ্লে মডিউলে ডিজাইন ফাইল ডাউনলোড করা হয়েছে। 2. MCU সিরিয়াল পোর্টের মাধ্যমে STONE ডিসপ্লে মডিউলের সাথে যোগাযোগ করে। 3. ধাপ 2 এ প্রাপ্ত তথ্যের উপর ভিত্তি করে MCU অন্যান্য ক্রিয়া সম্পাদন করে।

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

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

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

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

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

স্টোন ডিসপ্লে সহ নতুন প্রকল্প
স্টোন ডিসপ্লে সহ নতুন প্রকল্প

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

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

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

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

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

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

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

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

ডান মাউস "ফন্ট ফাইল" ক্লিক করুন, প্রকল্পে যুক্ত করার জন্য উপযুক্ত ফন্ট নির্বাচন করুন। এখানে আমি ASCII 24 দ্বারা 48 নির্বাচন করেছি।

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

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

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

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

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

হলুদ এলাকাটি ব্যবহারকারীর আঁকা বোতামের এলাকা প্রতিনিধিত্ব করে। স্টোন টুল সফটওয়্যারের ডানদিকে প্রোপার্টি বারে বাটন বৈশিষ্ট্যগুলি তালিকাভুক্ত করা হয়েছে: বোতাম টিপলে দ্বিতীয় পৃষ্ঠায় স্যুইচ করার জন্য "পেজ উইচ" বিকল্পটি 1 এ সেট করুন।

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

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

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

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

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

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

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

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

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

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

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

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

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

প্রদর্শন মডিউল the 1 এ UI ডিজাইন ফাইল ডাউনলোড করুন। কম্পিউটারে ইউএসবি ফ্ল্যাশ ড্রাইভ লাগান

2. স্টোন টুলের ডাউনলোড টু ইউ-ডিস্ক বাটনে ক্লিক করুন

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

ধাপ 9: একটি সিরিয়াল পোর্ট যোগাযোগ

একটি সিরিয়াল পোর্ট কমিউনিকেশন
একটি সিরিয়াল পোর্ট কমিউনিকেশন

কী-মূল্য ফেরত

ডিসপ্লে মডিউলে প্রোগ্রাম ডাউনলোড করার পর, এটি চালু করুন, ইউএসবি-টিটিএল এর মাধ্যমে সিরিয়াল পোর্টের মাধ্যমে কম্পিউটার সংযুক্ত করুন, লাইট 1 এর লাইট বোতাম টিপুন এবং সিরিয়াল পোর্টের ডেটা ফেরত দিন: a55a 06 83 00 26 01 00 A8

হালকা বন্ধ করতে বোতাম টিপুন সিরিয়াল ডেটা রিটার্ন: A5 5A 06 83 00 26 01 00 A9

A5 5A: ফ্রেম হেডার 06: ইন্সট্রাকশন বাইট দৈর্ঘ্য, 83 00 26 01 00 A9 মোট 6 বাইট (ডেটা ফ্রেম হেডার বাদে) 83: ভেরিয়েবল মেমরি ইন্সট্রাকশন 00 26: ভেরিয়েবল স্টোরেজ অ্যাড্রেস 01: ডেটা ওয়ার্ড লেন্থ, 00 এ 9, 1-ওয়ার্ড লেন্থ (2 বাইট) 00 A9: ব্যবহারকারীর ডেটা সামগ্রী, কী সেটগুলির উপর নির্ভর করে।

রেজিস্টার ডেটা লিখুন এই নির্দেশনা ডাটা স্টোরেজ এরিয়াতে 0x0020 ঠিকানাতে 55 aa লিখেছে: 0xA5 0x5A 0x05 0x82 0x00 0x20 0x55 0xaa যেহেতু আমরা Light1 এর টেক্সট ডিসপ্লে স্টোরেজ ঠিকানা 0x0020 সেট করেছি, সিরিয়াল পোর্ট ব্যবহার করে এই ঠিকানায় ডেটা লেখার সমতুল্য Light1 এর টেক্সট ডিসপ্লে বক্সের বিষয়বস্তু পরিবর্তন করা। রেজিস্টার ডেটা পড়ুন সিরিয়াল পোর্ট ডিসপ্লে মডিউলে নিম্নোক্ত কমান্ড পাঠায়: 0xA5 0x5A 0x03 0x83 0x00 0x20 0x0020 পড়ার মান প্রতিনিধিত্ব করে এবং পরিবর্তন প্রকল্পে, রিড-ল্যাম্পের সুইচ স্টেটকে প্রতিনিধিত্ব করে।

প্রকল্প সম্পর্কে আরো জানতে চাইলে অনুগ্রহ করে দেখুন:

প্রস্তাবিত: