TestingDocs.com
    Software Testing website
    • Automation
      • Selenium
      • JBehave Framework
    • Tutorials
      • MySQL Tutorials
      • Testlink
      • Maven
      • Git
    • IDEs
      • IntelliJ IDEA
      • Eclipse
    • Flowcharts
      • Flowgorithm
      • Raptor
    • About

    Automation

    Create Project with App Inventor

    Overview

    App Inventor runs in the cloud. All the Projects that you create with App Inventor are stored on the cloud.

    Steps to create a Project:

    Open your Web browser and navigate to http://appinventor.mit.edu

     

    Create Apps Button Mit App Inventor

     

    Click on Create Apps button. Login with your Google account credentials. Enter your email address and Google account password, and click Sign In.

    To create a new project, click the New Project button.

    Give a meaningful name for your project that describes it. For example “HelloWorld”

    Click the OK button.

     

    HelloWorld App Inventor Project

    Once you create a project, you basically see two tabs.

    1.Designer

    2.Code Blocks

    In App Inventor you can simply drag and drop code blocks, which are graphical building blocks, into an editor. These blocks, represent actions and data, to create fully functional programming statements. For example, I have dragged one button and label on to the screen.

    Rename the Button1 to something like “Click”. Remove the label name “Text for Label1”. We will program to show “Hello World” label text when the button is clicked.

    Adding Blocks of Code

    The Blocks Editor is where you code blocks that perform actions. App Inventor provides numerous blocks that represent actions and data.

    Now drag and drop the code blocks to display Hello World when the button is clicked. Drag the button click code block, Set label text block and string to set “Hello World” as shown below:

    Start the Android Emulator or use a real mobile device.

    Connect the app to the Emulator or a real device.

    Click on the button Click.  It will display Hello World message.

    Android Emulator Hello World

     

    Related Posts

    Automation /

    Dart return Statement

    Emma Tool

    Automation /

    Code Coverage Tools

    Selenium 4 Automation Project

    Automation /

    Selenium 4 Project Setup on Ubuntu Linux

    Testing webpage mobile-friendliness using a tool

    Automation /

    Testing webpage mobile-friendliness using a tool

    Errors Code Testing Development

    Automation /

    Error Severity Metrics

    ‹ Java Collection Framework› Getting Started with MIT App Inventor 2

    Recent Posts

    • ChatGPT Subscription Plans
    • Stellar Converter for Database
    • Stellar Log Analyzer for MySQL
    • Stellar Repair for MySQL
    • ChatGPT Capabilities
    • How to secure your SQL Database: Tips and Tricks
    • ChatGPT4 Conversational AI Features
    • Shaping the Future of Development: Exploring Key Trends in Software Engineering
    • Improving Java Performance with Multithreading
    • Open-source Vector Databases

    Back to Top

    Links

    • Contact
    • Privacy Policy
    • Cookie Policy

    www.TestingDocs.com