Developing Apps with MIT App Inventor
Tuesday 19
th
May 2020
WALT: use development tools to
create an app
WILF:
•
I can follow instructions to download an app
development tool (MIT app inventor).
•
I can identify the main features of the two app
examples given.
•
I can recreate at least one of the given apps by
select the right components and coding.
•
I can test the app/s on an emulator or smart
phone.
•
Apps are small programs that sit on mobile
phones to help us do all sorts of things:
•
Play games
•
Check the weather
•
Look at Instagram or Facebook
•
Read the latest news
and much more ....
What is an app? Why do we
need apps?
The word "app" is an abbreviation for "application." It's a piece of software which
comes pre-installed on your device or its software that you install yourself.
The first thing you need to do is
download an app development tool.
We will be using the ‘MIT app inventor’
https://appinventor.mit.edu/
Once you go onto this website,
follow the steps that can be found
on the next few slides.
The diagram shows the
process of creating a
tool than can be used to
create an app for a
smart phone.
1. Download an app
inventor
2. Design your app
components:
buttons, images,
texts etc.
3. Add coding to
your app using
coding blocks similar
to the coding blocks
from Scratch
4. Test your app
You build apps by working with:
(1) The
App Inventor Designer
, where you select the
components for your app.
(2) The
App Inventor Blocks Editor
,
where you assemble program blocks
that specify how the components
should behave. You assemble
programs visually, fitting pieces
together like pieces of a puzzle.
(3) Your app appears on the phone step-by-step as you add pieces
to it, so you can test your work as you build. When you're done, you
can package your app and produce a stand-alone application to
install.
If you don't have an Android phone, you can build your apps using
the
Android emulator
, software that runs on your computer and
behaves just like the phone.
We are going to now go through how to set up an App
Inventor.
•
Google MIT App inventor
https://appinventor.mit.edu/
•
Click on get started
•
Click on setup instructions
•
Scroll down to Option 2 Instructions – Click
(Or you can go straight to that page using the link below)
•
Choose Instruction for Windows or Mac (depending on
your device)
•
Download the installer
Task 1
https://appinventor.mit.edu/explore/ai2/setup-emulator
For detailed instructions, check the PPT on the post (Google
classroom)saying ‘Instructions for setting up ‘MIT app inventor’
https://www.youtube.com/watch?v=Vdo8Udk
gDD8&feature=youtu.be
Talk to me
App
You must watch the
video tutorials and re-
create the apps that are
demonstrated.
Remember, we will
using an emulator to
test our app, not our
smartphones.
https://www.youtube.com/watch?v=w0yxJSlC00w
Ball bounce App
Task 2: Watch tutorials
and recreate the apps:
Talk To Me and Ball
Bounce
Once you start making your
app, you can connect to the
emulator which will create a
‘pretend smartphone’ on screen
for you to test your app.
Make sure that
the ai2Starter is
double-clicked on
and minimised
before launching
the emulator.
Here is how it might look like when you are trying to connect to the Emulator.
Click on ‘Ok’
Click on ‘Install’
Click on ‘Open’
Click on ‘Keep trying’ and click
on the tick button on the
emulator
You should then see your app on
the emulator
Learn how to develop apps using MIT App Inventor, a user-friendly development tool. Follow step-by-step instructions to download the tool, design app components, add coding blocks, and test your app on an emulator or smartphone.
Download Presentation
Please find below an Image/Link to download the presentation.
The content on the website is provided AS IS for your information and personal use only. It may not be sold, licensed, or shared on other websites without obtaining consent from the author. Download presentation by click this link. If you encounter any issues during the download, it is possible that the publisher has removed the file from their server.
E N D
Presentation Transcript
Tuesday 19th May 2020 WALT: use development tools to create an app WILF: I can follow instructions to download an app development tool (MIT app inventor). I can identify the main features of the two app examples given. I can recreate at least one of the given apps by select the right components and coding. I can test the app/s on an emulator or smart phone.
What is an app? Why do we need apps? The word "app" is an abbreviation for "application." It's a piece of software which comes pre-installed on your device or its software that you install yourself. Apps are small programs that sit on mobile phones to help us do all sorts of things: Play games Check the weather Look at Instagram or Facebook Read the latest news and much more ....
The first thing you need to do is download an app development tool. We will be using the MIT app inventor https://appinventor.mit.edu/ Once you go onto this website, follow the steps that can be found on the next few slides.
The diagram shows the process of creating a tool than can be used to create an app for a smart phone. 1. Download an app inventor 2. Design your app components: buttons, images, texts etc. 3. Add coding to your app using coding blocks similar to the coding blocks from Scratch 4. Test your app
You build apps by working with: (1) The App Inventor Designer, where you select the components for your app. (2) The App Inventor Blocks Editor, where you assemble program blocks that specify how the components should behave. You assemble programs visually, fitting pieces together like pieces of a puzzle. (3) Your app appears on the phone step-by-step as you add pieces to it, so you can test your work as you build. When you're done, you can package your app and produce a stand-alone application to install. If you don't have an Android phone, you can build your apps using the Android emulator, software that runs on your computer and behaves just like the phone.
Task 1 We are going to now go through how to set up an App Inventor. (Or you can go straight to that page using the link below) Google MIT App inventor https://appinventor.mit.edu/ Click on get started Click on setup instructions Scroll down to Option 2 Instructions Click https://appinventor.mit.edu/explore/ai2/setup-emulator Choose Instruction for Windows or Mac (depending on your device) Download the installer For detailed instructions, check the PPT on the post (Google classroom)saying Instructions for setting up MIT app inventor
Task 2: Watch tutorials and recreate the apps: Talk To Me and Ball Bounce Talk to me App You must watch the video tutorials and re- create the apps that are demonstrated. https://www.youtube.com/watch?v=Vdo8Udk gDD8&feature=youtu.be Ball bounce App Remember, we will using an emulator to test our app, not our smartphones. https://www.youtube.com/watch?v=w0yxJSlC00w
Make sure that the ai2Starter is double-clicked on and minimised before launching the emulator. Once you start making your app, you can connect to the emulator which will create a pretend smartphone on screen for you to test your app.
Here is how it might look like when you are trying to connect to the Emulator.
Click on Keep trying and click on the tick button on the emulator
You should then see your app on the emulator
