Contents

Introduction to Android
DESIGNING YOUR FIRST APP: Talk to Me
Converting Speech to Text
Shake To speak
Convert any Website into an Android app
Create a Flash Light app for your Android Phone
Create A camera App
Create a video Recorder App
RGB Color Mixer APP
Simple Random Number Dice App
Track your Daily Steps
PDF link and Source Files of this book
© Copyright 2020 by STEMedu - All rights reserved.

This document is geared towards providing exact and reliable information in regards to the topic and issue covered. The
publication is sold with the idea that the publisher is not required to render an accounting, officially permitted, or otherwise,
qualified services. If advice is necessary, legal or professional, a practiced individual in the profession should be ordered.

- From a Declaration of Principles which was accepted and approved equally by a Committee of the American Bar Association
and a Committee of Publishers and Associations.

In no way is it legal to reproduce, duplicate, or transmit any part of this document in either electronic means or in printed format.
Recording of this publication is strictly prohibited, and any storage of this document is not allowed unless with written permission
from the publisher. All rights reserved.

The information provided herein is stated to be truthful and consistent, in that any liability, regarding inattention or otherwise, by
any usage or abuse of any policies, processes, or directions contained within is the individual and utter responsibility of the
recipient reader. Under no circumstances will any legal responsibility or blame be held against the publisher for any reparation,
damages, or monetary loss due to the information herein, either directly or indirectly.

Respective authors own all copyrights not held by the publisher.

The information herein is offered for informational purposes solely and is universal as so. The presentation of the information is
without a contract or any type of guarantee assurance.

The trademarks that are used are without any consent, and the publication of the trademark is without permission or backing by
the trademark owner. All trademarks and brands within this book are for clarifying purposes only and are owned by the owners
themselves, not affiliated with this document.
 Introduction to Android
DESIGNING YOUR FIRST APP: Talk to
Me
Log in to Thunkable with a Gmail (or Google) username and password.
How to create a Google account
To access this online tool, you need to have a Google account. Moreover, if
you don’t have one already, this is how you can make one.
1. Open your web browser, preferably Google Chrome, and go to the
following URL:
https://accounts.google.com/SignUp.
2. The first thing you should do is select ‘I prefer to use my current email
address.’
Under the ‘Choose your username’ heading. You will notice that the form
changes
slightly after this.

3. Enter your first and last name into the form.

4. Enter your West Calder High School email address, which your teacher
can provide
you with if you can’t remember.
5. Next, you will need to create a password. This needs to be at least 8
characters
long. Try to make it something you can remember, with a mix of letters and
numbers.
6. Type your password again in the next box, to confirm that you have not
made a
mistake.
7. Enter your birthday into the next set of boxes, in the form
Month/Date/Year.
8. Select your Gender from the drop-down list.
9. Enter your mobile number and location into the next 2 boxes. Remember,
if your
mobile number is 07777777777, then in this box you should put
+447777777777.
The location should be set to the United Kingdom.
10. Click ‘Next Step,’ then agree to Google’s privacy terms on the next
screen.
11. You may be asked to verify your account through your mobile phone.
Select the
option for ‘Text Message (SMS).’ A code will be sent to your phone which
you
should then type into the box provided.
12. Next, you will be asked to verify your email address. You will need to
sign into your
West Calder High School email, and click the link that has been sent to you.
13. Once you have clicked the link, you are ready to go!
Use a current Gmail account or school-based google account to log in to
http://app.thunkable.com/login/
To set up a brand new Gmail account, go to accounts.google.com/SignUp
If you don't have any projects created in Thunakble, you will land in the
Projects View. Start a new project by clicking the "Create New App"
button. (If you have already created projects, Thunakble will open the most
recent project.)

Click on the Create New App to create your first project.

Type in the project name (underscores are permitted, spaces are not) and
click OK.
The "Designer" is where you create the Graphical User Interface (GUI) or
the look and feel of your app. You choose components like Buttons, Images,
and Textboxes, and functionalities like Text-to-Speech, Sensors, and GPS.
After clicking on the Ok, You will move to the New window where all the
components that required to build an app will be there.
1) Click Layout from the Palette and drag and drop Table
Arrangement into the Mobile Screen. Change 3 columns and 3
Rows in the Properties tab on the right side of the window.

2) Click User Interface choose Button and Drag and Drop Button
into the Mobile Screen (Make sure you place the button on the
middle of the Table Arrangement. Do not change anything in the
Properties window for this exercise.

3) Click Media from the Palette, drag and drop Text-to-Speech into
the Mobile Screen. Text to speech is an invisible component and
 not available on the screen you can make sure whether you
dropped it correctly by checking into the component section.

4) Click on the Blocks, This where you program for the Buttons that
you dragged previously.
There are Built-in blocks that handle things like math, logic, and text.
Below that are the blocks that go with each of the components, you add to
your app.
(To get the blocks for a particular element to show up in the Blocks Editor,
You first add that component to your app in the Designer.)

5) Click on the Button1 from the Blocks, When you click the
Button1 a window will be pop up on the Right Side. Click When
Button1. Click block and drop into the Blocks Space.
6) Click Text-to-Speech1 from the Blocks and Drag and drop call
Text to speech1. Speak block into the Blocks space and insert
into the previous block like the one in the below image.
 7) Click Text from the Blocks and drag and drop Text String Block
and drop into the Blocks space and join the Text block with the
previous Text to speech block.

Now Type any Word into the Text Block

Now the First Project has Completed, Let’s see How to test the app using
our Android mobile phone.
For Testing the Project in our Android mobile, we need to follow few
simple steps as follows.
1) Go to Playstore and Type Thunkable in the Search bar and click
Install to Install the app on your mobile.
 2) Click The Test button at the Top of Thunkable website and choose
Thunkable Live

Note: Make sure Your Computer/Laptop and Mobile phone you are
testing connected to the same Network of the Same WiFi
 3) Open the Thunkable app on your Mobile and Scan the QR code
shown on the Thunkable Website or Type the Code on your Mobile.

4) Entering the Code in the Thunkable Mobile app will let you test the
app in your Mobile, and you check your app in real-time.

Press the button1, and the mobile phone speaker will play “Hello World” or
whatever the word you had typed on the String Text Block.
Getting confident on the application that working well let’s go back to
Thunkable website and edit our app by adding useful features to it.
Click on the Screen1 and Scroll the Properties down until you Find Title,
Choose Different Name for the Screen

Click on the Button and go to Button Properties and Change the Button1
name to Name of your choice.
 Uploading an Icon for your APP

Click on the Screen1 and Scroll the Properties down until you Find Icon.
Click the none, and a window will pop up and choose Upload File.

Click Choose File and Upload an Image to set your Icon for your APP.
Creating APK File From your project for sending others or publish to
Playstore.

Click on the Export Menu on the Top of the Thunkable website.

Click on the App (Save .apk to my Computer). That’s it sit back and relax
the apk generation will automatically start, and the file will be downloaded
to your System Hardrive. Later you can send the apk file to your Android
Mobile phone and install the app for permanent use.
 Converting Speech to Text
Click on Create New app and name it.

1) Drag and drop a button from User Interface and also drag and drop
Speech Recognizer from Media
2) Click on the Button from Components and change the Image of the
Button by clicking on the Image on the Properties upload any image
of your choice. Clear(Delete) the Text Button1 in the Text area.
3) Drag and drop Label from User Interface and clear (Delete) the
Label1 Text on the Properties.
4) Click on the Blocks.

5) Click screen1 from Blocks, drag and drop When Screen1. Initialize
block

6) Choose Label1 , drag and drop (Set.Label1.Text.to)

7) Choose Text string block and drop in next to (Set.Label1.Text.to)
8) Click Speech_Recognizer, drag and drop (when
Speech_recognizer1.Before getting Text)

9) Right click on the set lable1. Text and duplicate it and place the new
block into the speech text block.
10) Click on the Button1 block, drag, and drop
(When.button1.click)
11) Click the Speech_Recognizer1 block, drag, and drop
(Speech recognizer get a text)

12) Pull and drop (When Speech_Recognizer1. After Getting

Text ) and complete the above program to finish your Speech to
Text app.
 Shake To speak

1) Click on the Label from the User interface, drag and drop into the
screen.
2) Change the text of the label by editing Text in the Properties.
3) Drag and drop Text to a speech from Media into the screen

4) Drag and drop accelerometer from Sensor Palette.

5) Go to Blocks
6) Click on Accelerometer1 and choose (When Acclerometer1.
Shaking) drag and drop into Blocks Screen.

7) Click on Text to speech and pick (Call text-to-speech1. Speak) drag

and drop into the window.
8) Click on the Text block, drag and drop String block into Screen and
place next to (Call Text-to-speech1) block.

9) Type any words in the String block and test your app in your Mobile
phone.
 Convert any Website into an Android app
1) Create a New app and name it.

2) Drag and Drop Web viewer from User Interface into Designer Screen

3) Move to blocks
4) Click on Screen1, Drag, and Drop (When.Screen1.Initialize) into
Blocks window.

5) Click on Web-Viewer, Drag, and Drop (call.webviewer.Go To URL)

6) Click on Text, Drag and Drop String block

7) Type your website address or any website address in the String box,
Make sure you have included Https:// while typing the website
address

8) Test the app in your mobile and convert your entire Website into an
Android app and publish into google play store.
 Create a Flash Light app for your Android
Phone
1) Create a New app for Flash Light

2) For Creating This app, It requires Two components i) Button

Component and ii) Camera Component
3) Drag and drop button from the User interface, Drag and drop Camera
from Media palette.

4) Move to Blocks Window.

5) Click on Variables, drag, and drop (Initialize Global Name to ) block
( This block will act as a Variable)
6) Click on the Name and edit the name and give a variable name “in
this case is given as ON” it can be changed to any name of our
choice.
7) Click on Logic, Drag and drop True block

8) Go to Button Block, Drag and Drop When Click button block.

9) Click on Control, drag and drop If-Then block and join with the
previous Button block.

10) Click on the Blue Gear Like Icon it will pop up with few
options, click else, drag and drop on the If, at block next to the Else
 block, This will add Else to the Previous If-Then block.

11) Drag and Drop Get variable

12) Click on Drop down menu from Get block and Select Global
On

13) Click on Variables, drag, and drop (Set.to) block, and choose
Global ON from the drop-down Menu and set the logic to False by
adding False block from Logic.
14) Drag and Drop Button Text block from Button and add
String block to it.

15) Repeat the Same for Else block

16) Add Camera Toggle Light Block

17) Complete Block Program for Flash Light

18) Test the App on your Mobile phone.

 Create A camera App
1) Create a New app and name it.

2) Drag and Drop Button and Image from User Interface

3) Drag and Drop Camera from Media

4) Move to Block Window

5) Drag and Drop (When.Button.Press) block
6) Drag and Drop (call.Camera1.TakePicture) block and attach with
the Button Block

7) Drag and Drop (When.Camera1.AfterPicture) block

8) Drag and Drop (Set.Image.Picture.to) block and connect with the
Camera Block

9) Click on the Image, drag, and drop (Get.Image) block join with
the Image block.
Complete Block Programming for Creating a Camera APP

10) Test the app on your Mobile Phone.

 Create a video Recorder App
1) Create a New app and Name it

2) Drag and Drop Button from User Interface

3) Drag and drop camcorder and Video player from Media

4) Click the Video_Player from Components and change the Height and
Width to Fill Parent.

5) Move to blocks and assemble the following block code.

 6) Test the App on your Android mobile.

Task: Move the Button to the Bottom of the Screen and upload an Image to
the Button.
 RGB Color Mixer APP
1) Create a New app and Name it

2) Drag and Drop Label from User Interface

3) Change Height to 50 pixels
4) Change Width to 100 Pixels
5) Clear The Text “Label1”

6) Drag and Drop Three Slider from User Interface

7) Change all the slider properties, set Width to 80 Percent, Max value
to 255, Min value to 0 and Thumb position to 0.

8) Move to block window

9) Drag and Drop (to.procedure.result) from Procedures

10) Drag and drop Make color from Color blocks and delete the
end number blocks attached to it.
11) Drag and drop (slider.Thumb position) and attach to make a
list.

12) Drag and drop (When.Slider.Position changed) block

13) Drag and Drop (Set.backgroundcolor) from Lable block

 14) Drag and drop (call.procedure) block and attach to Label
block.

15) Follow the same procedure for other 2 sliders

Complete block program for Color Mixer app
 Simple Random Number Dice App
1) Create a New app and Name It

2) Drag and drop button from User Interface, Change Button properties
background color to any color of your choice, change the height to
50 percent, Width to 50 percent and delete the Text.
3) Move to Blocks Window

4) Drag and Drop (when.button1.click.do) and

(set.button1.background.to) blocks

5) Drag and drop Random Integer from, Math block.

6) Complete the Block Program and test the app on your Mobile Phone.
 Track your Daily Steps
1) Create a New app and Name it.

2) Drag and Drop Button and Label from User Interface

3) Change the Label Height and width to 50 percent
4) Change button Text to Reset.

5) Drag and drop Pedometer from Sensor Palette

6) Move to Blocks window

Complete the above blocks to complete your Pedometer app.
 PDF link and Source Files of this book
Short link URL: http://bit.ly/2Mw19MU

Google Drive Link:

https://drive.google.com/drive/folders/1aDGiMsh
uDUCN-_TyG9bhkO0rCkMtTmoZ?usp=sharing

If you have any doubts regarding this book, please

contact:
devtocontact@gmail.com
Send a mail to the above email and get
a Raspberry pi Q&A for Free.