লিগ্যাসি ব্লকলি ডেভেলপার টুলস

লিগ্যাসি ব্লকলি ডেভেলপার টুলস হল একটি ওয়েব-ভিত্তিক ডেভেলপার টুল যা ব্লকলি কনফিগারেশন প্রক্রিয়ার অংশগুলিকে স্বয়ংক্রিয় করে, যার মধ্যে কাস্টম ব্লক তৈরি করা, আপনার টুলবক্স তৈরি করা এবং আপনার ব্লকলি ওয়ার্কস্পেস কনফিগার করা।

টুল ব্যবহার করে ব্লকলি ডেভেলপার প্রক্রিয়া তিনটি অংশ নিয়ে গঠিত:

  • ব্লক ফ্যাক্টরি এবং ব্লক এক্সপোর্টার ব্যবহার করে কাস্টম ব্লক তৈরি করুন।
  • ওয়ার্কস্পেস ফ্যাক্টরি ব্যবহার করে একটি টুলবক্স এবং ডিফল্ট ওয়ার্কস্পেস তৈরি করুন।
  • ওয়ার্কস্পেস ফ্যাক্টরি ব্যবহার করে আপনার ওয়ার্কস্পেস কনফিগার করুন (বর্তমানে একটি ওয়েব-শুধু বৈশিষ্ট্য)।

ব্লক ফ্যাক্টরি ট্যাব

ব্লক ফ্যাক্টরি ট্যাব আপনাকে কাস্টম ব্লকের জন্য ব্লক সংজ্ঞা এবং ব্লক-কোড জেনারেটর তৈরি করতে সাহায্য করে। এই ট্যাবে আপনি সহজেই কাস্টম ব্লক তৈরি, পরিবর্তন এবং সংরক্ষণ করতে পারবেন।

একটি ব্লক সংজ্ঞায়িত করা

এই ভিডিওটি বিস্তারিতভাবে একটি ব্লক সংজ্ঞায়িত করার ধাপগুলির মধ্য দিয়ে চলে। UI পুরানো হয়ে গেছে, তবে এটি হাইলাইট করা ব্লক বৈশিষ্ট্যগুলি এখনও সঠিক।

লাইব্রেরি পরিচালনা

ব্লকগুলি তাদের নামের দ্বারা উল্লেখ করা হয়, তাই প্রতিটি ব্লক আপনি তৈরি করতে চান একটি অনন্য নাম থাকতে হবে। UI এটি প্রয়োগ করে এবং আপনি যখন একটি নতুন ব্লক 'সংরক্ষণ' করছেন বা বিদ্যমান ব্লক 'আপডেট' করছেন তখন এটি পরিষ্কার করে দেয়।

সেভ এবং ডিলিট বোতাম সহ ব্লক ফ্যাক্টরি ট্যাব যা ব্লক অন্তর্ভুক্ত করে নামআপডেট সহ ব্লক ফ্যাক্টরি ট্যাব এবং ব্লক অন্তর্ভুক্ত বোতাম মুছুন নাম

আপনি পূর্বে সংরক্ষিত ব্লকগুলির মধ্যে স্যুইচ করতে পারেন বা লাইব্রেরি বোতামে ক্লিক করে একটি নতুন খালি ব্লক তৈরি করতে পারেন। একটি বিদ্যমান ব্লকের নাম পরিবর্তন করা একই ধরনের সংজ্ঞা সহ একাধিক ব্লক দ্রুত তৈরি করার আরেকটি উপায়।

চারটি এন্ট্রি সহ ব্লক লাইব্রেরি ড্রপডাউন: "নতুন ব্লক তৈরি করুন" এবং এর নাম৷ তিনটি পূর্বে তৈরি ব্লক।

একটি লাইব্রেরি রপ্তানি এবং আমদানি করা

ব্লকগুলি ব্রাউজারের স্থানীয় স্টোরেজে সংরক্ষিত হয়। ব্রাউজারের স্থানীয় সঞ্চয়স্থান সাফ করা আপনার ব্লকগুলি মুছে ফেলবে৷ আপনার ব্লকগুলি অনির্দিষ্টকালের জন্য সংরক্ষণ করতে, আপনাকে অবশ্যই আপনার লাইব্রেরি ডাউনলোড করতে হবে। আপনার ব্লক লাইব্রেরিটি একটি XML ফাইল হিসাবে ডাউনলোড করা হয়েছে যা আপনার ব্লক লাইব্রেরিটি সেই অবস্থায় সেট করতে আমদানি করা যেতে পারে যখন আপনি ফাইলটি ডাউনলোড করেছিলেন। নোট করুন যে একটি ব্লক লাইব্রেরি আমদানি করা আপনার বর্তমানটিকে প্রতিস্থাপন করে, তাই আপনি প্রথমে রপ্তানি করতে চাইতে পারেন।

আমদানি এবং রপ্তানি বৈশিষ্ট্যগুলিও কাস্টম ব্লকের বিভিন্ন সেট বজায় রাখার এবং ভাগ করার প্রস্তাবিত উপায়।

ক্লিয়ার লাইব্রেরি, ইমপোর্ট ব্লক লাইব্রেরি, এবং ডাউনলোড ব্লক লাইব্রেরি বোতাম

রপ্তানিকারক ট্যাব ব্লক করুন

একবার আপনি আপনার ব্লকগুলি ডিজাইন করার পরে আপনাকে ব্লকের সংজ্ঞা এবং জেনারেটর স্টাবগুলি একটি অ্যাপে ব্যবহার করার জন্য রপ্তানি করতে হবে৷ এটি ব্লক এক্সপোর্টার ট্যাবে করা হয়।

আপনার ব্লক লাইব্রেরিতে সংরক্ষিত প্রতিটি ব্লক ব্লক সিলেক্টরে দেখানো হবে। রপ্তানির জন্য এটি নির্বাচন বা অনির্বাচন করতে ব্লকটিতে ক্লিক করুন৷ আপনি যদি আপনার লাইব্রেরির সমস্ত ব্লক নির্বাচন করতে চান তবে "নির্বাচন করুন" → "অল স্টোরড ইন ব্লক লাইব্রেরি" বিকল্পটি ব্যবহার করুন। আপনি যদি আপনার টুলবক্স তৈরি করেন বা ওয়ার্কস্পেস ফ্যাক্টরি ট্যাব ব্যবহার করে আপনার ওয়ার্কস্পেস কনফিগার করেন, তাহলে আপনি "নির্বাচন করুন" → "ওয়ার্কস্পেস ফ্যাক্টরিতে ব্যবহৃত সমস্ত" ক্লিক করে আপনার ব্যবহৃত সমস্ত ব্লক নির্বাচন করতে পারেন।

ব্লক এক্সপোর্টার ট্যাবের ব্লক সিলেক্টর এলাকা। এটিতে একটি নির্বাচন বোতাম রয়েছে ব্লক লাইব্রেরিতে সমস্ত ব্লক নির্বাচন করুন বা তে ব্যবহৃত সমস্ত ব্লক নির্বাচন করুন ওয়ার্কস্পেস ফ্যাক্টরি, একটি পরিষ্কার বাছাই করা বোতাম, এবং ব্লকের একটি তালিকা যা হতে পারে স্বতন্ত্রভাবে নির্বাচিত।

রপ্তানি সেটিংস আপনাকে বেছে নিতে দেয় যে আপনি কোন তৈরি করা ভাষাকে লক্ষ্য করতে চান এবং আপনি সংজ্ঞা, জেনারেটর স্টাব বা উভয়ই নির্বাচিত ব্লকের জন্য চান। একবার আপনি এইগুলি নির্বাচন করলে, আপনার ফাইলগুলি ডাউনলোড করতে 'রপ্তানি করুন' এ ক্লিক করুন৷

সম্পূর্ণ ব্লক এক্সপোর্টার ট্যাব। এটি একটি ব্লক নির্বাচক এলাকা, একটি রপ্তানি আছে সেটিংস এলাকা, এবং একটি রপ্তানি পূর্বরূপ এলাকা

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

ওয়ার্কস্পেস ফ্যাক্টরি একটি টুলবক্স এবং একটি ওয়ার্কস্পেসে ব্লকের ডিফল্ট সেট কনফিগার করা সহজ করে তোলে। আপনি "টুলবক্স" এবং "ওয়ার্কস্পেস" বোতামগুলির সাহায্যে টুলবক্স সম্পাদনা এবং শুরুর কর্মক্ষেত্রের মধ্যে স্যুইচ করতে পারেন৷

টুলবক্স এবং ওয়ার্কস্পেস বোতাম।

একটি টুলবক্স নির্মাণ

এই ট্যাবটি একটি টুলবক্সের জন্য XML তৈরি করতে সাহায্য করে। উপাদানটি একটি টুলবক্সের বৈশিষ্ট্যগুলির সাথে পরিচিতি অনুমান করে৷ যদি আপনার কাছে ইতিমধ্যেই একটি টুলবক্সের জন্য XML থাকে যা আপনি এখানে সম্পাদনা করতে চান, আপনি "সম্পাদনা করতে লোড করুন" এ ক্লিক করে এটি লোড করতে পারেন।

বিভাগ ছাড়া টুলবক্স

আপনার যদি কয়েকটি ব্লক থাকে এবং সেগুলিকে কোনো শ্রেণীবিভাগ ছাড়াই প্রদর্শন করতে চান, তাহলে সেগুলোকে কেবল কর্মক্ষেত্রে টেনে আনুন, এবং আপনি দেখতে পাবেন আপনার ব্লকগুলি প্রিভিউতে টুলবক্সে প্রদর্শিত হবে।

ওয়ার্কস্পেস ফ্যাক্টরি ট্যাবে টুলবক্স বোতামটি বেছে নেওয়া হয়েছে। একটি ব্লকলি আছে টুলবক্সে ব্লক নির্বাচন করার জন্য বাম দিকে সম্পাদক, একটি বিভাগ এলাকা টুলবক্সে বিভাগ যোগ করার কেন্দ্র এবং ডানদিকে একটি পূর্বরূপ এলাকা আপনি যে টুলবক্স তৈরি করেছেন তা দেখানোর জন্য। তিনটি ব্লক টেনে আনা হয়েছে বাম দিকে কর্মক্ষেত্র। এটি একটি ফ্লাইআউট টুলবক্স তৈরি করে, যা দেখানো হয়েছে অধিকার

বিভাগ সহ টুলবক্স

আপনি যদি বিভাগগুলিতে ব্লক প্রদর্শন করতে চান তবে "+" বোতামটি ক্লিক করুন এবং নতুন বিভাগের জন্য ড্রপডাউন আইটেমটি নির্বাচন করুন। এটি আপনার বিভাগ তালিকায় একটি বিভাগ যোগ করবে যা আপনি নির্বাচন এবং সম্পাদনা করতে পারেন। একটি পৃথক স্ট্যান্ডার্ড ব্লকলি ক্যাটাগরি (লজিক, লুপস, ইত্যাদি) যোগ করতে "স্ট্যান্ডার্ড ক্যাটাগরি" বা সমস্ত স্ট্যান্ডার্ড ব্লকলি ক্যাটাগরি যোগ করতে "স্ট্যান্ডার্ড টুলবক্স" বেছে নিন। বিভাগগুলি পুনরায় সাজাতে তীর বোতামগুলি ব্যবহার করুন৷

ওয়ার্কস্পেস ফ্যাক্টরি ট্যাবের বিভাগ এলাকা। এটি বর্তমান তালিকা দেখায় বিভাগ এবং বোতাম বিভাগ যোগ এবং মুছে ফেলা এবং তাদের উপরে এবং নিচে সরানো তালিকায় একটি যোগ করার জন্য + বোতামটি নির্বাচন করা হয়েছে বিভাগ

নির্বাচিত বিভাগের নাম বা রঙ পরিবর্তন করতে "বিভাগ সম্পাদনা করুন" ড্রপডাউন ব্যবহার করুন। কর্মক্ষেত্রে একটি ব্লক টেনে আনলে তা নির্বাচিত বিভাগে যুক্ত হবে।

বিভাগ সম্পাদনা ড্রপডাউন, একটি বিভাগের নাম পরিবর্তন করার জন্য ক্ষেত্র সহ রঙ

উন্নত ব্লক

ডিফল্টরূপে, আপনি টুলবক্সে মানক ব্লক বা আপনার লাইব্রেরির যেকোনো ব্লক যোগ করতে পারেন। আপনার যদি JSON-এ সংজ্ঞায়িত ব্লক থাকে যা আপনার লাইব্রেরিতে না থাকে, তাহলে আপনি "কাস্টম ব্লক আমদানি করুন" বোতাম ব্যবহার করে সেগুলি আমদানি করতে পারেন।

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

আপনি যদি তাদের টুলবক্সে একটি ভেরিয়েবল বা ফাংশন ব্লক অন্তর্ভুক্ত করেন, তাহলে ব্যবহারকারীদের ব্লকটি সম্পূর্ণরূপে ব্যবহার করার অনুমতি দেওয়ার জন্য আপনার টুলবক্সে একটি "ভেরিয়েবল" বা "ফাংশন" বিভাগ অন্তর্ভুক্ত করুন। "ভেরিয়েবল" বা "ফাংশন" বিভাগ সম্পর্কে আরও জানুন।

একটি কর্মক্ষেত্র কনফিগার করা হচ্ছে

আপনার ওয়ার্কস্পেসের বিভিন্ন অংশ কনফিগার করতে, "ওয়ার্কস্পেস ফ্যাক্টরি" ট্যাবে যান এবং "ওয়ার্কস্পেস" নির্বাচন করুন।

ওয়ার্কস্পেস বিকল্পগুলি বেছে নিন

কনফিগারেশন বিকল্পের জন্য বিভিন্ন মান সেট করুন এবং পূর্বরূপ এলাকায় ফলাফল দেখুন। গ্রিড বা জুম সক্ষম করা কনফিগার করার জন্য আরও বিকল্প প্রকাশ করে। এছাড়াও, বিভাগগুলি ব্যবহার করার জন্য সাধারণত আরও জটিল কর্মক্ষেত্রের প্রয়োজন হয়; আপনি যখন আপনার প্রথম বিভাগ যোগ করেন তখন একটি ট্র্যাশক্যান এবং স্ক্রলবার স্বয়ংক্রিয়ভাবে যুক্ত হয়।

ওয়ার্কস্পেস ফ্যাক্টরি ট্যাবটি ওয়ার্কস্পেস বোতামটি নির্বাচন করেছে। বিভাগগুলি এলাকা বেছে নেওয়ার জন্য ওয়ার্কস্পেস বিকল্পগুলির একটি তালিকা দিয়ে প্রতিস্থাপিত হয়েছে থেকে

কর্মক্ষেত্রে প্রি-লোড করা ব্লক যোগ করুন

এটি ঐচ্ছিক কিন্তু প্রয়োজন হতে পারে যদি আপনি কর্মক্ষেত্রে ব্লকের একটি সেট প্রদর্শন করতে চান:

  • যখন অ্যাপ্লিকেশন লোড হয়.
  • যখন একটি ইভেন্ট (একটি স্তরে অগ্রসর হওয়া, একটি সহায়তা বোতামে ক্লিক করা ইত্যাদি) ট্রিগার হয়।

প্রিভিউতে আপনার ওয়ার্কস্পেসে দেখতে ব্লকগুলিকে এডিটিং স্পেসে টেনে আনুন। আপনি ব্লক গ্রুপ তৈরি করতে পারেন, ব্লকগুলি নিষ্ক্রিয় করতে পারেন এবং নির্দিষ্ট ব্লকগুলিকে শ্যাডো ব্লক তৈরি করতে পারেন যখন আপনি সেগুলি নির্বাচন করতে পারেন।

ওয়ার্কস্পেস ফ্যাক্টরি ট্যাবটি ওয়ার্কস্পেস বোতামটি নির্বাচন করেছে। ব্লক করা হয়েছে বাম দিকে ব্লকলি সম্পাদকের কর্মক্ষেত্রে টেনে আনা হয়েছে। এই হিসাবে দেখানো হয় ব্লকলি এডিটরের কর্মক্ষেত্রে প্রি-লোড করা ব্লক অধিকার

আপনি এই ব্লকগুলিকে XML হিসাবে রপ্তানি করতে পারেন (নীচে দেখুন)। আপনি আপনার ওয়ার্কস্পেস তৈরি করার সাথে সাথে Blockly.Xml.domToWorkspace এর সাথে আপনার ওয়ার্কস্পেসে এগুলিকে যুক্ত করুন:

var xmlText = '<xml xmlns="https://developers.google.com/blockly/xml">' +
    '<block type="math_number"></block></xml>';
Blockly.Xml.domToWorkspace(Blockly.utils.xml.textToDom(xmlText), workspace);

এই নমুনা কোডটি কর্মক্ষেত্রে একটি একক math_number ব্লক যোগ করে।

রপ্তানি হচ্ছে

ওয়ার্কস্পেস ফ্যাক্টরি আপনাকে নিম্নলিখিত রপ্তানি বিকল্পগুলি দেয়:

ওয়ার্কস্পেস ফ্যাক্টরি ট্যাবের শীর্ষে এক্সপোর্ট ড্রপডাউন, এর বিকল্পগুলি সহ এক্সপোর্ট স্টার্টার কোড, টুলবক্স, প্রি-লোড করা ওয়ার্কস্পেস ব্লক বা সব এই

  • স্টার্টার কোড: আপনার কাস্টমাইজড ব্লকলি ওয়ার্কস্পেস ইনজেক্ট করতে স্টার্টার এইচটিএমএল এবং জাভাস্ক্রিপ্ট তৈরি করে।
  • টুলবক্স: আপনার টুলবক্স নির্দিষ্ট করতে XML তৈরি করে।
  • ওয়ার্কস্পেস ব্লক: এক্সএমএল তৈরি করে যা একটি ওয়ার্কস্পেসে লোড করা যায়।