Lab Session: Hello World

From NSB App Studio
Jump to navigation Jump to search

In this lab you will create a simple "Hello, world" style app.

Student Outline

  1. Start a new project.
  2. Add a TextArea and a Button to Form1.
  3. Paste the following text into the value property of the TextArea:
    Here is a simple Hello World app. Hit F5 in AppStudio to run it!
  4. Select Button1_onclick() from the click pulldown of Button1.
  5. Paste the following code into the function in the code window:
    MsgBox "Thanks for clicking!"

Run it locally

  1. Press F5 to run the program.
  2. Does it work properly?
  3. Save it as HelloWorld

Run it from the website

Normally, you can run your app from the AppStudio Server, in which case no changes need to be made to this screen.

If your course has its own server, enter the details here.

  1. Go into Preferences and set as above.
  2. Put your Folder# number into path.
  3. Use "xxxxxx" as the password. (Check with your instructor,)
  4. Deploy
  5. On your desktop browser, load http://www.nsbasic.com/ksa/{your folder#}/HelloWorld
  6. It should run.
  7. Now, on your device, load the same URL.
  8. It should run there too!

Save it to Home Screen

iOS

  1. Click on the square box with an up arrow in the browser
  2. Select 'Add to Home Screen'
  3. Click on "Add'
  4. Go to the Home Screen and start your app.

Android

  1. May differ depending on OS and manufacturer.
  2. Add to Bookmarks (Menu... Star)
  3. Open Bookmarks (Menu... Bookmarks)
  4. Click and hold on app in Bookmarks
  5. Select 'Add to Home Screen'
  6. Go to the Home Screen and start your app.
  7. Select Chrome if you are given a choice.

You should now be able to start your app, even with your device in Airplane mode.