COMMUNICATIONS TECHNOLOGY 3104
Mobile App Design
Name:
Lesson 1 – App for that
Decompose the Problem:
The Tappy Tap App
You have been tasked with designing our new Tappy Tap App.
Here are the success criteria that you must meet when building the app:
Must have a welcome screen, a game play screen, and a final score screen
Welcome screen:
Must show logo and instructions on how to play
Must have a button that activates the game play once it is clicked
Gameplay:
Game must last 15 seconds before automatically moving to the final score
screen
There must be a blue dot and a red dot that the user can press
When the blue dot is pressed, the score must increase by 1
When the blue dot is pressed, the dot should move to a different place on
the screen
The red dot must also move to a different place on the screen when
pressed, but the score must decrease by 1
Final Score:
Must display the user’s score at the end of the game
Must have a button to allow the user to return to the welcome screen
Decomposition: Think/write/pair/share
Start by writing down how you would decompose the task of building the
Tappy Tap app,
Using the criteria above to help you. There is no real right or wrong answer
here, but we recommend creating no more than five steps to start with.
Lesson 1 – App for that
Activity Sheet #1
Step 1
Step 2
Step 3
Step 4
Step 5
Now pair up with another learner and discuss your decomposed
steps. Don’t be afraid to make changes to your work as a result of
the conversation.
Use a different coloured pen, if you have one, when making any
changes to your work following the conversation with your
classmates.
Lesson 2 – Tappy Tap App
Activity Sheet #2:
Game Development
So far, you have:
Created an app with three screens
Added an event to a button that will move to the game screen when it is
clicked
Added a timeout to automatically move to the score screen after five seconds
Your code window should look like this:
Now work through the following tasks to develop your game further.
Explorer tasks:
Add a red circle to the game screen using the Design window.
Add an onEvent that has the same functionality as the blue dot, the only difference
being that the score should decrease by one when it has been clicked.
Explore the properties of the setPosition and edit the width and height so that each time
the dots are clicked, they also change to a random size.
Lesson 3 – School Lab Studios
Activity Sheet #3:
Score Screen Design
1. Enter design mode and select the score screen.
2. Add a label and place it where you would like the score to appear.
3. Change the id to userScoreLbl.
4. Format the font, size, and position; change the text property to an
example score, such as 10.
Lesson 3 – School Lab Studios
Activity Sheet #4:
Screen Designs
Provide designs for any two of the screens that will be part of your app. Your
designs must be annotated with the id you intend to use, and it should be
clear whether each item is a button, label, text input, image, etc. There should
also be an indication of colour and/or fonts.
Lesson 4 – User Input
Activity Sheet #5:
Parson‘s Problem
Theme park tickets app
Activity 1: The purpose of
this app is to allow the user
to enter in the number of <-- adult_text
input
adult and child tickets
required. Once the user <-- child_text
selects the submit_button, input
the data will be captured and Submit
<-- result_label
button -->
processed and total will be
displayed in the result_label.
Place the blocks in the correct order to form a working segment of code
Lesson 5 – App Development
Activity Sheet #6:
Selection
PART I-- IF/ELSE: Use the segment of code above to help you answer the
questions below. Circle the correct answer
Q1. What would be displayed in the console if the score variable held the value of 5?
a. Great Work would be outputted
b. Hard Luck would be outputted
c. Both Great Work and Hard Luck would be outputted
d. Nothing would happen
Q2. What would be displayed in the console if the score variable held the value of 10?
a. Great Work would be outputted
b. Hard Luck would be outputted
c. Both Great Work and Hard Luck would be outputted
d. Nothing would happen
Q3. What would be displayed in the console if the score variable held the value of 15?
a. Great Work would be outputted
b. Hard Luck would be outputted
c. Both Great Work and Hard Luck would be outputted
d. Nothing would happen
Lesson 5 – App Development
PART 2 - IF/ELSE IF/ELSE: Use the segment of code above to help you
answer the questions below. Circle the correct answer
Q4. What would be displayed in the console if the score variable held the value of 6?
a. Great Work would be outputted
b. Not Bad would be outputted
c. Hard Luck would be outputted
d. Both Hard Luck and Try again would be outputted
Q5. What would be displayed in the console if the score variable held the value of 7?
a. Great Work would be outputted
b. Not Bad & Try Again would be outputted
c. Hard Luck would be outputted
d. Both Hard Luck and Try again would be outputted
Q6. What would be displayed in the console if the score variable held the value of 11?
a. Great Work would be outputted
b. Both Not Bad and Try Again would be outputted
c. Both Great Work and Try Again would be outputted
d. Both Hard Luck and Try again would be outputted
e. Both Great Work and Not Bad would be outputted
Lesson 6 – App Development
Activity Sheet #6:
Selection
PART I-- IF/ELSE: Use the segment of code above to help you answer the
questions below. Circle the correct answer
Q1. What would be displayed in the console if the score variable held the value of 5?
a. Great Work would be outputted
b. Hard Luck would be outputted
c. Both Great Work and Hard Luck would be outputted
d. Nothing would happen
Q2. What would be displayed in the console if the score variable held the value of 10?
a. Great Work would be outputted
b. Hard Luck would be outputted
c. Both Great Work and Hard Luck would be outputted
d. Nothing would happen
Q3. What would be displayed in the console if the score variable held the value of 15?
a. Great Work would be outputted
b. Hard Luck would be outputted
c. Both Great Work and Hard Luck would be outputted
d. Nothing would happen
