Blockly ऐप्लिकेशन एक वेब ऐप्लिकेशन होता है. इसमें Blockly एडिटर (वर्कस्पेस) होता है. इस दस्तावेज़ में, Blockly ऐप्लिकेशन के इस्तेमाल के उदाहरण दिए गए हैं. साथ ही, इसमें यूज़र इंटरफ़ेस (यूआई) की सामान्य सुविधाओं के बारे में बताया गया है.
अगर आपने अब तक ऐसा नहीं किया है, तो इस दस्तावेज़ को पढ़ने से पहले, विज़ुअल ग्लॉसरी और ऐप्लिकेशन इस्तेमाल करने के बुनियादी चरण ज़रूर पढ़ें.
Blockly ऐप्लिकेशन क्या करते हैं?
Blockly ऐप्लिकेशन, लोगों को अलग-अलग फ़ील्ड में प्रोग्राम लिखने में मदद करते हैं. जैसे, वीडियो गेम, रोबोटिक्स, और डेटा विश्लेषण. उपयोगकर्ता ब्लॉक का इस्तेमाल करके अपने प्रोग्राम लिखते हैं. ऐप्लिकेशन इन ब्लॉक का इस्तेमाल करके, टेक्स्ट पर आधारित कोड जनरेट करता है. जैसे, JavaScript या Python. इसके बाद, ऐप्लिकेशन जनरेट किए गए कोड को सीधे तौर पर चलाता है. इसके अलावा, उपयोगकर्ता इसे डाउनलोड करके किसी दूसरे प्लैटफ़ॉर्म पर चलाता है. जैसे, रोबोट या हाथ में पकड़कर खेले जाने वाले वीडियो गेम का कंट्रोलर.
यहां कुछ ऐसे प्रोग्राम के उदाहरण दिए गए हैं जिन्हें उपयोगकर्ता, Blockly ऐप्लिकेशन की मदद से लिखते हैं:
पहेली के जवाब, ऐनिमेशन या संगीत: जनरेट किया गया कोड, किसी पहेली (जैसे कि भूलभुलैया) को हल करता है, ऐनिमेशन दिखाता है या संगीत चलाता है. उदाहरण के लिए, Code.org का Music Lab देखें.
वीडियो गेम: जनरेट किए गए कोड से वीडियो गेम चलता है. उदाहरण के लिए, MakeCode Arcade में "Whack the Mole" गेम के पहले दो लेवल बनाएं. इसके बाद, गेम को कंट्रोलर पर डाउनलोड करें या सिम्युलेटर में खेलें.
रोबोटिक्स: जनरेट किया गया कोड, रोबोट को निर्देश देता है. उदाहरण के लिए, Ozoblockly की मदद से किसी रोबोट को प्रोग्राम करें और उसे किसी असली रोबोट पर डाउनलोड करें या सिम्युलेटर में चलाएं.
ड्रॉइंग: जनरेट किया गया कोड, 2D या 3D ड्रॉइंग बनाता है. उदाहरण के लिए, BlocksCAD देखें.
डेटा का विश्लेषण: जनरेट किया गया कोड, डेटा का विश्लेषण करता है और एक ग्राफ़ बनाता है. उदाहरण के लिए, Dialogic Platform का यह डेमो देखें.
ऐप्लिकेशन के हिसाब से कोड: जनरेट किया गया कोड, किसी ऐप्लिकेशन के हिसाब से कोई टास्क पूरा करता है. उदाहरण के लिए, Blockly Developer Tools, Blockly के नए ब्लॉक डिज़ाइन करने का एक टूल है. यह ब्लॉक डेफ़िनिशन कोड जनरेट करता है. उपयोगकर्ता इसे कॉपी करके, अपने Blockly ऐप्लिकेशन में चिपकाते हैं.
यूज़र इंटरफ़ेस
Blockly ऐप्लिकेशन के सामान्य कॉम्पोनेंट को समझने का सबसे अच्छा तरीका है कि उनके यूज़र इंटरफ़ेस देखे जाएं.
बुनियादी यूज़र इंटरफ़ेस (यूआई) कॉम्पोनेंट
लगभग सभी Blockly ऐप्लिकेशन में कुछ बुनियादी कॉम्पोनेंट होते हैं: Blockly एडिटर (वर्कस्पेस), आउटपुट पैनल, और "चलाएं" बटन. उदाहरण के लिए, यहां Blockly Games में भूल-भुलैयाँ का यूज़र इंटरफ़ेस (यूआई) दिया गया है.
कुछ Blockly ऐप्लिकेशन में "चलाएं" बटन नहीं होता है. इसके बजाय, जब भी उपयोगकर्ता कोई बदलाव करता है, तो वे आउटपुट पैनल को अपडेट करते हैं. उदाहरण के लिए, Blockly के सैंपल में मौजूद Graph ऐप्लिकेशन में दो आउटपुट पैनल होते हैं. एक पैनल ग्राफ़ के लिए और दूसरा समीकरण के लिए होता है. ये दोनों पैनल, हर बदलाव पर अपडेट होते हैं.
कुछ ऐप्लिकेशन में आउटपुट पैनल नहीं होता. यह तरीका, हार्डवेयर ऐप्लिकेशन में सबसे ज़्यादा इस्तेमाल किया जाता है. जैसे, रोबोट को प्रोग्राम करने वाले ऐप्लिकेशन. इनमें से कुछ ऐप्लिकेशन में हार्डवेयर सिम्युलेटर शामिल होता है. हालांकि, इनमें से कई ऐप्लिकेशन सिर्फ़ उपयोगकर्ताओं को जनरेट किया गया कोड डाउनलोड करने और उसे सीधे टारगेट डिवाइस पर चलाने की अनुमति देते हैं.
अन्य यूज़र इंटरफ़ेस (यूआई) कॉम्पोनेंट
ज़्यादातर ऐप्लिकेशन में अतिरिक्त यूज़र इंटरफ़ेस (यूआई) कॉम्पोनेंट होते हैं. इनमें से कुछ कुकी, सामान्य ज़रूरतों को पूरा करती हैं. जैसे, उपयोगकर्ता के काम को सेव करना. वहीं, कुछ कुकी ऐप्लिकेशन से जुड़ी ज़रूरतों को पूरा करती हैं. जैसे, जीयूआई डिज़ाइन करना. यहां कुछ उदाहरण दिए गए हैं:
Scratch, ऐनिमेशन और वीडियो गेम बनाने वाला एक ऐप्लिकेशन है. इसमें ग्राफ़िक और साउंड एडिटर, नए स्प्राइट और बैकड्रॉप बनाने के लिए पैनल, और फ़ाइल, बदलाव करने, और सेटिंग मेन्यू होते हैं:
MakeCode Arcade, वीडियो गेम बनाने के लिए एक ऐप्लिकेशन है. इसमें आउटपुट कंट्रोल, कोड और ग्राफ़िक्स एडिटर, सेटिंग मेन्यू, और डाउनलोड और सेव करने के बटन होते हैं. इसका आउटपुट पैनल, हैंडहेल्ड गेम कंट्रोलर की तरह काम करता है.
MIT App Inventor, फ़ोन ऐप्लिकेशन बनाने के लिए एक ऐप्लिकेशन है. इसमें GUI डिज़ाइनर और Blockly एडिटर के लिए अलग-अलग स्क्रीन होती हैं. साथ ही, फ़ाइल, कनेक्शन, बिल्ड, और सेटिंग मेन्यू भी होते हैं. आउटपुट पैनल के बजाय, उपयोगकर्ता जनरेट किए गए कोड को अपने फ़ोन पर टेस्ट करते हैं.
आपको कौनसे अतिरिक्त कॉम्पोनेंट शामिल करने चाहिए, यह आपके ऐप्लिकेशन के लक्ष्यों और उपयोगकर्ताओं की क्षमताओं पर निर्भर करता है. कुछ सामान्य कॉम्पोनेंट ये हैं:
एडमिन:
- फ़ाइल मैनेजमेंट (नई, खोलें, सेव करें, इस रूप में सेव करें, मिटाएं)
- खाते का मैनेजमेंट (खाता बनाना, लॉग इन करना, लॉग आउट करना)
- सेटिंग (भाषा, यूज़र इंटरफ़ेस कॉन्फ़िगरेशन)
प्रोग्रामिंग:
- बदलाव करने से जुड़ी कमांड (पहले जैसा करें, फिर से करें, कॉपी करें, कट करें, चिपकाएं, डुप्लीकेट बनाएं)
- जीयूआई डिज़ाइनर
- ग्राफ़िक्स और साउंड एडिटर
- कोड एडिटर या सिर्फ़ पढ़ने के लिए कोड डिसप्ले
टेस्ट करना
- आउटपुट कॉन्फ़िगरेशन (शुरू/बंद करना, चलाने की स्पीड, वॉल्यूम, स्क्रीनशॉट लेना वगैरह)
- डीबगर (ब्रेकपॉइंट, रन, स्टेप, ब्लॉक हाइलाइट करना)
- टेस्ट के पैरामीटर सेट करना
हार्डवेयर
- कनेक्शन (यूएसबी, ब्लूटूथ, क्यूआर कोड)
- कॉन्फ़िगरेशन (मॉडल चुनना, ऐक्सेसरी चुनना, कॉम्पोनेंट के नाम असाइन करना)
- कंट्रोल (रोबोट को मैन्युअल तरीके से कंट्रोल करना, रोबोट की पोज़िशन रिकॉर्ड करना)
- कोड डाउनलोड करें
सहायता
- दस्तावेज़
- इंटरैक्टिव ट्यूटोरियल
- कॉन्टेक्स्ट के हिसाब से मदद
अब मुझे क्या करना चाहिए?
अगर आपको अब भी आवेदन करना है, तो डिजाइन से जुड़ी बातों के बारे में पढ़ें.
अगर आपको यह देखना है कि कोई सामान्य ऐप्लिकेशन कैसे बनाया जाता है, तो Blockly के साथ शुरुआत करने के बारे में जानकारी देने वाले कोडलैब को आज़माएं.
अगर आपको आवेदन लिखना है, तो: