King’s College

S2 Computer Literacy
Task 7
App Inventor

Class: _____________ Name: ______________________ Date: ____________________

About the Task:

You are required to create a computer game, database exercise and question bank with App Inventor.

Objectives:
After completion of the task, students would be able to:
1. Design the higher level programs with App Inventor.
2. Create their own apps.

Duration:
1 cycle

Procedures:
1. Browse URL: http://appinventor.mit.edu/explore/ and use Google account to login
2. Create a new project
3. Design the App's user interface in Designer view
4. Set components properties
5. Program the app's behavior in Block Editor
6. Test the designed app
7. Export apk file
8. Submit the file via eClass

Method of submission:
You have to submit the App Inventor program (apk file) through eClass  assignment.

Assessment for each task:

Criteria Mark
Techniques/ skill 0.5
Design / creativity 0.5

1
Task 7.1: Bouncy Ball Game
Objective: To learn about animation in App Inventor by making a Ball (a sprite) bounce around on the
screen (on a Canvas).
Effect: When you fling the ball, it should bounce off the edges of the canvas.

The steps are provided by MIT App Inventor (see the other supplementary worksheet).

 Challenging Task 7.1a: Try to amend the above program to change the ball colour while touching the
edges.

Task 7.2: Application of database and multi-screens

Objective: To learn how to use a database to store value and how to retrieve when a next screen is opened.

Effect: Press a button to save a value into database and then pass to next screen.

The steps are shown as follows:

2
3
Task 7.3: Web Access
Objective: To learn how to use ‘WebViewer’ to access web page and also, you will know how to handle the
‘http://’ problem.

Effect: Enter an URL then press a button. The corresponding web page will be opened.

The steps are shown as follows:

4
5
Task 7.4: Question Bank
Objective: To learn how to create a list of question bank, image bank and answer bank so that it will
automatically jump to next question by pressing a button and check whether the given answer is
correct or not.

Effect: Create a question bank with picture attached in each question. Users input their answer and
check whether it is correct or not.

The steps are shown as follows:

6
7
8
 Challenging Task 7.4a: Choose a topic and create your own question bank.