ऐप आविष्कारक के साथ ऐप बनाने के दो भाग हैं। सबसे पहले आप डिजाइन करें कि आपका ऐप कैसा दिखता है, फिर आप ऐप को बताएं कि उसे कोड करके क्या करना है।
पहला कदम
- इसे पहले कागज पर स्केच करें
- अपने पेपर प्रोटोटाइप का उपयोग करें
- इसे अपने बगल में रखें

- MIT ऐप आविष्कारक खोलें
- ai2.appinventor.mit.edu
- प्रोजेक्ट मेनू पर "नई परियोजना प्रारंभ करें" चुनें

डिजाइनर के हिस्से
हाइलाइट किए गए भागों के बारे में जानने के लिए नारंगी i पर क्लिक करें। डिजाइनर के अन्य भागों के बारे में जानने के लिए बाईं और दाईं ओर तीर पर क्लिक करें.

पैलेट उन सभी संभावित घटकों (भागों) को सूचीबद्ध करता है जिन्हें आप अपने ऐप में जोड़ सकते हैं।
उन्हें दराज या टैब द्वारा समूहीकृत किया जाता है। आप इसे खोलने के लिए बस एक दराज पर क्लिक कर सकते हैं।

व्यूअर दिखाता है कि पैलेट से घटकों को खींचने के बाद ऐप कैसा दिखता है।
गैर-दृश्यमान घटक ऐप स्क्रीन पर दिखाई नहीं देते हैं लेकिन फिर भी ऐप के महत्वपूर्ण हिस्से हैं।

घटक पैनल उन सभी घटकों को सूचीबद्ध करता है जिन्हें ऐप में जोड़ा गया है।
उनके सामने एक अतिरिक्त स्थान है यदि वे किसी अन्य घटक के अंदर समाहित हैं।

गुण पैनल वह जगह है जहाँ आप प्रत्येक घटक के लिए विभिन्न सुविधाएँ देखते या बदलते हैं।

मीडिया पैनल वह जगह है जहां आप अपने ऐप में उपयोग करने के लिए छवियों और ध्वनियों जैसी फ़ाइलें अपलोड करते हैं। आप फ़ाइलों को मीडिया पैनल पर ड्रैग और ड्रॉप कर सकते हैं।
यह कोशिश करने का समय!
गतिविधि 1: एक ऐप डिज़ाइन करें
अब जब आपने ऐप के लिए सभी घटक जोड़ लिए हैं, तो आप आगे ऐप कोडिंग शुरू करने के लिए ब्लॉक एडिटर पर चले जाएंगे!
चर
कोडिंग शुरू करने से पहले, आइए चर के बारे में जानें। रीसायकल गेम को कोड करते समय आपको उनका उपयोग करना होगा।
यदि आप एक मोबाइल ऐप बना रहे हैं, तो कई बार आपको अपने ऐप के अंदर अलग-अलग जानकारी पर नज़र रखने की आवश्यकता होती है। यही चर के लिए हैं।
ब्लॉक संपादक
- ऐप आविष्कारक में अपना रीसायकल गेम प्रोजेक्ट खोलें
- आपने अपने सभी घटक जोड़ लिए हैं
- अब ब्लॉक एडिटर पर स्विच करें

ब्लॉक संपादक के हिस्से
हाइलाइट किए गए भागों के बारे में जानने के लिए नारंगी i पर क्लिक करें। ब्लॉक संपादक के अन्य भागों के बारे में जानने के लिए बाईं और दाईं ओर तीर पर क्लिक करें।

ब्लॉक पैनल उपयोग किए जाने के लिए उपलब्ध सभी ब्लॉकों को सूचीबद्ध करता है।
बिल्ट-इन ब्लॉक हर ऐप का हिस्सा हैं।
प्रत्येक घटक के पास कोड ब्लॉक का अपना सेट भी होता है।

व्यूअर आपका कोडिंग कार्यक्षेत्र है, जहां आप अपने सभी कोड ब्लॉक रखते हैं।
एक कॉम्पोनेंट पर क्लिक करें, फिर व्यूअर पर इच्छित ब्लॉक ड्रैग करें।

बैकपैक आपको अन्य परियोजनाओं में पुन: उपयोग करने के लिए अपने कोड ब्लॉक को सहेजने देता है।
आपके द्वारा बनाए गए ब्लॉक को बैकपैक में खींचें। आप एक और प्रोजेक्ट खोल सकते हैं और उनका पुन: उपयोग करने के लिए उन्हें खींच सकते हैं।

अपना ऐप्लिकेशन चलाने से पहले अपनी चेतावनियों को पीले रंग में और गड़बड़ियों को लाल रंग में जांचें.

आप ज़ूम इन और आउट कर सकते हैं और व्यूअर ज़ूम को रीसेट कर सकते हैं।
आप अप्रयुक्त ब्लॉकों को हटाने के लिए उन्हें कूड़ेदान में खींचकर हटा सकते हैं।
गतिविधि 2: रीसायकल गेम को कोड करें
रीसायकल गेम

5:02

3:01

4:20

6:10

4:35
