लेगसी Blockly डेवलपर टूल

Blockly डेवलपर टूल एक वेब-आधारित डेवलपर टूल है. यह Blockly कॉन्फ़िगरेशन प्रोसेस के कुछ हिस्सों को ऑटोमेट करता है. जैसे, पसंद के मुताबिक ब्लॉक बनाना, टूलबॉक्स बनाना, और Blockly वर्कस्पेस कॉन्फ़िगर करना.

Blockly टूल का इस्तेमाल करके, डेवलपर की प्रोसेस तीन चरणों में पूरी होती है:

  • Block Factory और Block Exporter का इस्तेमाल करके, कस्टम ब्लॉक बनाएं.
  • Workspace फ़ैक्ट्री का इस्तेमाल करके, टूलबॉक्स और डिफ़ॉल्ट फ़ाइल फ़ोल्डर बनाएं.
  • Workspace फ़ैक्ट्री का इस्तेमाल करके अपना फ़ाइल फ़ोल्डर कॉन्फ़िगर करें. फ़िलहाल, यह सुविधा सिर्फ़ वेब पर उपलब्ध है.

फ़ैक्ट्री टैब को ब्लॉक करना

ब्लॉक फ़ैक्ट्री टैब की मदद से, कस्टम ब्लॉक के लिए ब्लॉक की परिभाषाएं और ब्लॉक-कोड जनरेटर बनाए जा सकते हैं. इस टैब पर, कस्टम ब्लॉक आसानी से बनाए जा सकते हैं, उनमें बदलाव किया जा सकता है, और उन्हें सेव किया जा सकता है.

ब्लॉक तय करना

इस वीडियो में, ब्लॉक तय करने के तरीके के बारे में पूरी जानकारी दी गई है. यूज़र इंटरफ़ेस (यूआई) पुराना है, लेकिन इसमें हाइलाइट की गई ब्लॉक की सुविधाएं अब भी सही हैं.

लाइब्रेरी मैनेज करना

ब्लॉक का रेफ़रंस उनके नाम से दिया जाता है. इसलिए, आपको जो भी ब्लॉक बनाना है उसका नाम यूनीक होना चाहिए. यूज़र इंटरफ़ेस (यूआई) इस बात को लागू करता है और यह साफ़ तौर पर बताता है कि नया ब्लॉक 'सेव' किया जा रहा है या किसी मौजूदा ब्लॉक को 'अपडेट' किया जा रहा है.

आपके पास पहले से सेव किए गए ब्लॉक के बीच स्विच करने का विकल्प होता है. इसके अलावा, लाइब्रेरी बटन पर क्लिक करके, एक नया खाली ब्लॉक भी बनाया जा सकता है. किसी मौजूदा ब्लॉक का नाम बदलकर, एक जैसी परिभाषाओं वाले कई ब्लॉक तुरंत बनाए जा सकते हैं.

लाइब्रेरी को एक्सपोर्ट और इंपोर्ट करना

ब्लॉक, ब्राउज़र के लोकल स्टोरेज में सेव होते हैं. ब्राउज़र का लोकल स्टोरेज मिटाने पर, आपके ब्लॉक मिट जाएंगे. ब्लॉक किए गए वीडियो को हमेशा के लिए सेव करने के लिए, आपको अपनी लाइब्रेरी डाउनलोड करनी होगी. आपकी ब्लॉक लाइब्रेरी, एक्सएमएल फ़ाइल के तौर पर डाउनलोड की जाती है. इसे इंपोर्ट करके, अपनी ब्लॉक लाइब्रेरी को उसी स्थिति में सेट किया जा सकता है जिसमें यह फ़ाइल डाउनलोड करने के बाद थी. ध्यान दें कि ब्लॉक लाइब्रेरी इंपोर्ट करने पर, आपकी मौजूदा लाइब्रेरी बदल जाती है. इसलिए, हो सकता है कि आप पहले लाइब्रेरी एक्सपोर्ट करना चाहें.

इंपोर्ट और एक्सपोर्ट करने की सुविधाओं का इस्तेमाल करके, कस्टम ब्लॉक के अलग-अलग सेट को मैनेज और शेयर किया जा सकता है.

'एक्सपोर्टर ब्लॉक करें' टैब

ब्लॉक डिज़ाइन करने के बाद, आपको उन्हें ऐप्लिकेशन में इस्तेमाल करने के लिए, ब्लॉक की परिभाषाओं और जनरेटर स्टब को एक्सपोर्ट करना होगा. ऐसा, 'ब्लॉक एक्सपोर्टर' टैब पर किया जाता है.

आपकी ब्लॉक लाइब्रेरी में सेव किया गया हर ब्लॉक, ब्लॉक सिलेक्टर में दिखेगा. एक्सपोर्ट के लिए ब्लॉक को चुनने या उससे चुने हुए का निशान हटाने के लिए, उस पर क्लिक करें. अगर आपको अपनी लाइब्रेरी में मौजूद सभी ब्लॉक चुनने हैं, तो "चुनें" → "ब्लॉक लाइब्रेरी में सेव किए गए सभी" विकल्प का इस्तेमाल करें. अगर आपने Workspace फ़ैक्ट्री टैब का इस्तेमाल करके अपना टूलबॉक्स बनाया है या अपना फ़ाइल फ़ोल्डर कॉन्फ़िगर किया है, तो आपके पास "चुनें" → "Workspace फ़ैक्ट्री में इस्तेमाल किए गए सभी ब्लॉक" पर क्लिक करके, इस्तेमाल किए गए सभी ब्लॉक चुनने का विकल्प भी होता है.

एक्सपोर्ट सेटिंग की मदद से, यह चुना जा सकता है कि आपको जनरेट की गई कौनसी भाषा टारगेट करनी है. साथ ही, यह भी चुना जा सकता है कि आपको चुने गए ब्लॉक के लिए, परिभाषाएं, जनरेटर स्टब या दोनों चाहिए. इन्हें चुनने के बाद, अपनी फ़ाइलें डाउनलोड करने के लिए 'एक्सपोर्ट करें' पर क्लिक करें.

डाउनलोड की जा सकती है

Workspace फ़ैक्ट्री टैब

Workspace फ़ैक्ट्री की मदद से, किसी फ़ाइल फ़ोल्डर में टूलबॉक्स और ब्लॉक का डिफ़ॉल्ट सेट आसानी से कॉन्फ़िगर किया जा सकता है. "टूलबॉक्स" और "वर्कस्पेस" बटन का इस्तेमाल करके, टूलबॉक्स में बदलाव करने और वर्कस्पेस शुरू करने के बीच स्विच किया जा सकता है.

टूलबॉक्स बनाना

इस टैब की मदद से, टूलबॉक्स के लिए एक्सएमएल बनाया जा सकता है. इस कॉन्टेंट में, टूलबॉक्स की सुविधाओं के बारे में जानकारी दी गई है. अगर आपके पास पहले से ही किसी टूलबॉक्स का एक्सएमएल है और आपको उसमें बदलाव करना है, तो "बदलाव करने के लिए लोड करें" पर क्लिक करके, उसे लोड किया जा सकता है.

बिना कैटगरी वाला टूलबॉक्स

अगर आपके पास कुछ ब्लॉक हैं और आपको उन्हें किसी कैटगरी के बिना दिखाना है, तो उन्हें वर्कस्पेस में खींचें और छोड़ें. इसके बाद, आपको झलक में टूलबॉक्स में अपने ब्लॉक दिखेंगे.

कैटगरी वाला टूलबॉक्स

अगर आपको कैटगरी में ब्लॉक दिखाने हैं, तो "+" बटन पर क्लिक करें और नई कैटगरी के लिए ड्रॉपडाउन आइटम चुनें. इससे आपकी कैटगरी की सूची में एक कैटगरी जुड़ जाएगी, जिसे चुना जा सकता है और जिसमें बदलाव किया जा सकता है. Blockly की कोई स्टैंडर्ड कैटगरी (लॉजिक, लूप वगैरह) जोड़ने के लिए, "स्टैंडर्ड कैटगरी" चुनें. इसके अलावा, Blockly की सभी स्टैंडर्ड कैटगरी जोड़ने के लिए, "स्टैंडर्ड टूलबॉक्स" चुनें. कैटगरी का क्रम बदलने के लिए, ऐरो बटन का इस्तेमाल करें.

चुनी गई कैटगरी का नाम या रंग बदलने के लिए, "कैटगरी में बदलाव करें" ड्रॉपडाउन का इस्तेमाल करें. किसी ब्लॉक को फ़ाइल फ़ोल्डर में खींचकर छोड़ने पर, वह चुने गए कैटगरी में जुड़ जाएगा.

बेहतर ब्लॉक

डिफ़ॉल्ट रूप से, अपनी लाइब्रेरी में मौजूद किसी भी स्टैंडर्ड ब्लॉक या किसी भी ब्लॉक को टूलबॉक्स में जोड़ा जा सकता है. अगर आपके पास JSON में तय किए गए ऐसे ब्लॉक हैं जो आपकी लाइब्रेरी में नहीं हैं, तो "कस्टम ब्लॉक इंपोर्ट करें" बटन का इस्तेमाल करके उन्हें इंपोर्ट किया जा सकता है.

कुछ ब्लॉक को एक साथ इस्तेमाल किया जाना चाहिए या उनमें डिफ़ॉल्ट वैल्यू शामिल होनी चाहिए. ऐसा करने के लिए, ग्रुप और शैडो का इस्तेमाल किया जाता है. एडिटर में कनेक्ट किए गए सभी ब्लॉक, टूलबॉक्स में एक ग्रुप के तौर पर जोड़ दिए जाएंगे. किसी दूसरे ब्लॉक से जुड़े ब्लॉक को भी शैडो ब्लॉक में बदला जा सकता है. इसके लिए, चाइल्ड ब्लॉक चुनें और "शैडो बनाएं" बटन पर क्लिक करें. ध्यान दें: सिर्फ़ उन चाइल्ड ब्लॉक को शैडो ब्लॉक में बदला जा सकता है जिनमें कोई वैरिएबल शामिल न हो.

अगर आपने टूलबॉक्स में कोई वैरिएबल या फ़ंक्शन ब्लॉक शामिल किया है, तो अपने टूलबॉक्स में "वैरिएबल" या "फ़ंक्शन" कैटगरी शामिल करें, ताकि उपयोगकर्ता ब्लॉक का ज़्यादा से ज़्यादा फ़ायदा ले सकें. "वैरिएबल" या "फ़ंक्शन" कैटगरी के बारे में ज़्यादा जानें.

फ़ाइल फ़ोल्डर कॉन्फ़िगर करना

अपने फ़ाइल फ़ोल्डर के अलग-अलग हिस्सों को कॉन्फ़िगर करने के लिए, "Workspace फ़ैक्ट्री" टैब पर जाएं और "फ़ाइल फ़ोल्डर" चुनें.

Workspace के विकल्प चुनना

कॉन्फ़िगरेशन के विकल्पों के लिए अलग-अलग वैल्यू सेट करें और झलक वाले सेक्शन में नतीजा देखें. ग्रिड या ज़ूम को चालू करने पर, कॉन्फ़िगर करने के लिए ज़्यादा विकल्प दिखते हैं. साथ ही, कैटगरी का इस्तेमाल करने के लिए, आम तौर पर ज़्यादा जटिल वर्कस्पेस की ज़रूरत होती है. पहली कैटगरी जोड़ने पर, ट्रैशबिन और स्क्रोलबार अपने-आप जुड़ जाते हैं.

फ़ाइल फ़ोल्डर में पहले से लोड किए गए ब्लॉक जोड़ना

ऐसा करना ज़रूरी नहीं है. हालांकि, अगर आपको वर्कस्पेस में ब्लॉक का सेट दिखाना है, तो ऐसा करना ज़रूरी हो सकता है:

  • जब ऐप्लिकेशन लोड होता है.
  • जब कोई इवेंट ट्रिगर होता है, जैसे कि कोई लेवल आगे बढ़ना, सहायता बटन पर क्लिक करना वगैरह.

ब्लॉक को बदलाव करने वाले स्पेस में खींचें और छोड़ें, ताकि उन्हें प्रीव्यू में अपने फ़ाइल फ़ोल्डर में देखा जा सके. आपके पास ब्लॉक ग्रुप बनाने, ब्लॉक बंद करने, और चुनिंदा ब्लॉक को शैडो ब्लॉक बनाने का विकल्प होता है.

इन ब्लॉक को एक्सएमएल के तौर पर एक्सपोर्ट किया जा सकता है (यहां देखें). फ़ाइल फ़ोल्डर बनाने के तुरंत बाद, 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 ब्लॉक जोड़ता है.

एक्सपोर्ट किए जा रहे हैं

Workspace फ़ैक्ट्री में, एक्सपोर्ट करने के ये विकल्प मिलते हैं:

  • स्टार्टर कोड: आपके पसंद के मुताबिक बनाए गए Blockly वर्कस्पेस को इंजेक्ट करने के लिए, स्टार्टर एचटीएमएल और JavaScript बनाता है.
  • टूलबॉक्स: आपके टूलबॉक्स की जानकारी देने के लिए एक्सएमएल बनाता है.
  • Workspace ब्लॉक: इससे एक्सएमएल जनरेट होता है, जिसे वर्कस्पेस में लोड किया जा सकता है.