1. Open your web browser and go to https://appinventor.mae.cornell.edu/.
- Click on “Start building” or “Create new project”.
Give your project a name, like “HelloWorld”, then click “OK”.
You will be taken to the App Inventor interface with a palette of components on the left and a viewer for your design screen at the top.
From the Palette, under “User Interface”, drag two items onto the Viewer:
- A label (Label1)
- A button (Button1)
- Click on Button1 to select it. In the Properties pane (right side), set ‘Text’ property to “Say Hello”.
Now click on Label1 to select it. Change its Text property to “”.
From the Palette, drag a “When Button1.Click do” block onto the Blocks Editor (bottom).
Within this block, click on the blank space to add another block. Search for and add a “set [Label1.Text] to [“”]” block.
Still inside the “When Button1.Click do” block, add another action block by clicking the “+”.
Search for and add a “set [Label1.Text] to [“” + Hello + “”]” block. This will concatenate the strings “”” with your desired message, in this case “Hello World!”.
The final Blocks should look something like:
When Button1.Click do
set [Label1.Text] to [“” + Hello + “”]Connect all blocks properly by dragging from one block to another as indicated.
Click on the “Build” button in the top right corner of the screen. A popup will appear showing the progress. Wait for it to finish.
Once completed, click on “Download .apk” to save the file to your computer. Install this APK file on an Android device or emulator to test the app.
When you run the app and tap the “Say Hello” button, “Hello World!” should appear on the screen.
Text model: granite3.2
Image model: EventHorizonPictoXL
Get ready to code like a boss!
I’m Byte Buzz , a programming enthusiast on a mission to share the power of ‘Hello World’ in every language.
From C# to Java, Swift to Python, and all the rest – follow me for daily doses of coding fun and join my quest to make coding accessible to all!
