How to make Mobile App – Learn through Activity : Coding a Fun

How to make Mobile App – Learn through Activity : Coding a Fun – Here we will learn about making mobile help in MIT App Inventor . Here We will develop app “Coding a Fun”. You can learn step wise.This is the easiest way to make mobile apps. For notes and exercise and other study material click here.

Activity 1 – CODING – A – Fun

Coding-a-Fun एक सरल App है जि से आप बहुत कम समय में बना सकते हैं। आपको Designer View पर एक Layout, button और label बनाना होगा, फिर Button पर coding करेंगे ताकि, जब इसे click किया जाए तो mobile पर text message आए।

Steps to Make Mobile App –

Step 1 – App inventor खोलने के लिए, दिए गए URL (https://appinventor.mit.edu) को Browser में टाइप करें .or Click on this link.
STEP- 2 : ”Create Apps” टैब पर क्लिक करें |

STEP- 3: Password के साथ अपने Google account में Sign In करें और terms of services को ध्यान से पढ़कर accept करें |

STEP-4: इसके बाद Online MIT App inventor platform शुरू हो जाएगा | CONTINUE → “Start a new project” पर क्लिक करे

STEP-5: “Project Name” टाइप करें और OK पर click करें।

STEP-6: MIT App inventor का Design view open हो जाएगा |

STEP-7: Palette के user interface से components (Layout, Label, Button) चुनें और फिर उन्हें drag and drop करके Phone viewer पर ले आएँ ।

STEP-8: Properties pane से selected components को change करें। Properties to be changed are: Background color, Font size, Font Bold, Alignments, Height, Width, text color and text.

Step 9 : -Block Editor पर जाने के लिए अपनी screen के right side म ें BLOCK button पर click करें । आपके सामने coding screen खुल जाएगी

STEP-9 : Screen-1 में Button पर क्लिक करते ही बहुत सारे Button के Event handlers खुल जाएंगे।
a. उन सबमें से

वाला event block, work area में drag करें | यह Events, components को बताते हैं कि क्या करें और कैसे करें ।

अब हमारा App, coding के साथ complete हो गया है। अब आप इसे अपने मोबाइल पर Test कर सकते हैं।

Testing of App in Mobile

STEP-1: आपको अपने फ़ोन पर MIT App Inventor companion App को play store से Install करना होगा

STEP-2: वापिस MIT App पर जाएँ → Connect पर क्लिक करें → AI companion → QR code जनरेट होगा → QR code Mobile से scan करें और App को mobile पर execute करें|

STEP-3: Mobile पर देखें, आपका App अब execute हो गया है, result देखने के लिए button (CLICK ME) पर क्लिक करें।

STEP-4: अपने दोस्तों को अपना App भेजने के लिए मोबाइल पर अपना App लॉन्च करने के लिए .apk file बनाएँ |
MIT app inventor के top menu से → Build पर क्लिक करें → Android App (.apk) पर क्लिक करें

अब, आप अपने नए बनाए गए App का QR code scan करके मि त्रों के साथ share कर सकते हैं | आपका मित्र shared फ़ाइल पर क्लिक करके download करेगा और non-market apps को “allow” करेगा तभी आपका App install होना शुरू होगा | Installation के बाद एक Icon मोबाइल की Home screen पर आ जाएगा |

MOBILE VIEW