Zunaira Thesis Final Upload Version 2016 Stamped
Zunaira Thesis Final Upload Version 2016 Stamped
Zunaira Thesis Final Upload Version 2016 Stamped
Khan ,Pakistan
From the SelectedWorks of Dr. Muhammad Zubair Asghar
A Thesis
Submitted by
Of
(2013-2015)
i
ii
Abstract
With the growing interest of people in android-based applications, it has been observed that
mobile devices can be used to increase the educational skills of school going children instead
of leaving them to waste their time on only playing games. Therefore, development of
educational application is essentially required, especially, to improve the mathematics-related
skill of children. Although many applications exist online for such purposes. However, there
is a need to develop a simple, interactive and easy to use android-based application for
enhancing the skill of children in basic mathematical concepts. In this work, we develop an
educational application, named “Basic Math Skill Builder” by using MIT App inventor
framework, which assist the beginners in math to learn basic math operations. Moreover, they
can check their skill level by attempting quizzes by using visual images and audio support.
The developed application is very interesting and provides with the students school like
environment.
iii
ACKNOWLEDGEMENTS
First of all I pay special thanks to Almighty Allah, the giver of Bountiful blessings, the Most
Gracious, for making us capable of completing this project.
We pay special thanks to our Supervisor Dr. Muhammad Zubair Asghar for his continues support
and enabling us to complete this project in stipulated time. We were very much fortunate to work
under the supervision of Dr. Zubair, known as “MAGIC MAN” of our department. He accepted
our request to supervise our project despite of his very tough and busy schedule with Ms/PhD
research scholars.
Our thanks also goes to the Prof. Dr. Abdur Rashid Khan, Director for his attention and support.
Finally, we express gratitude to our parents and family members for their prayers and support.
iv
v
Table of Contents
Acknowledgment ...................................................................................................................... iv
1.3 Objectives............................................................................................................................. 2
vi
4.1.2 Training in subtraction ................................................................................................ .16
vii
5.8 Emulator......................................................................................................................... 34
References .......................................................................................................................39-40
Appendices.......................................................................................................................41-64
viii
CHAPTER NO.1
INTRODUCTION
The android-based learning tutors are getting popular among the students. Most of the
school going children feels difficulty in learning mathematics. The proposed android
based math skill building application can assist beginners in improving math-related
skills
1
Another android based application is easy Math [4].The math application used to
check the speed of math skills of school going students. The app consists of addition
questions which are disappeared when user gives right answer and next question
appears on screen.
However, there are many limitations associated with aforementioned applications in
terms of complexity, payment burden and less user friendly options. Therefore, it is
needed to develop an android-based application for improving math-related skills of
school going children.
The current documentation [5, 6, 7, 8, 9, 10, 11, 12, 13, 14] of different studies are
organized in the context of opinion mining and sentiment analysis related to math skill
applications. However most of such systems are either web- based or desktop-based
and directs the user generated content.
There are many researches [15, 16,17,18,19,20,21,22,23] in the field of math
application development which are conducted to enhance the skills of mathematics.
2
1.4 Material
Windows 7 Dell Vostro 1510
Tablet Pc
Samsung Galaxy GT-S5360 android mobile phone and Samsung Galaxy Grand prime
android
MIT app inventor 2 Interface
Blue stack
Chapter two: Existing System, in this chapter we discuss about the existing systems
related to our application.
Chapter three: Proposed system, which describes the development process of our
application
Chapter four: Results, we present the results that our system generated by including
screen shots along with their objective
Chapter five: Tools and technology, which provides the description of tool we have
used.
Chapter Six Conclusion and future work, give a description of overall project work
and also mentioning future aims
3
CHAPTER NO. 2
EXISTING SYSTEM
2.1 Web-based Application
RekenTest supports basic math operations like addition and subtraction,
multiplication, division and as well as fractions [1]. The applications consist of
sessions .In sessions student is offered a problem in which they needs to answer as
shown in fig.2.1
4
Fig. 2.2 web-based dream box learning system-look-I.
The Android-based math applications for primary school children are proposed by [3]
as shown in Fig 2.4 and Fig.2.5. It aims at increasing math skills of children by
5
providing number of questions to users. The application is complex and confusing for
beginners, due to lack of proper sections and step wise options.
6
2.3.2 Easy Math
An application, named “easy Math?” as shown in Fig.2.6and 2.7 is proposed by [4]. It
is used to check user’s calculation speed by attempting simple addition problems. A
fixed time slot is given for questions to determine users’ skill level. However, it is fast
enough for kids, who are not very speedy in calculation, which makes it difficult for
them to use this app.
7
CHAPTER NO.3
PROPOSED SYSTEM
The Proposed system, namely “Basic Math Skill Builder” is comprised two major
modules: (i) Training module, and (ii) quiz module. The training module is further
composed of five modules, namely (i) training in addition, (ii) training in subtraction,
(iii) training in multiplication, (iv) training in division, and (v) training in Fraction.
The quiz module has two options: (i) mixed quiz, (ii) simple quiz. The proposed
framework is shown in Fig. 3.1.
.
Fig. 3.2 Main Menu
8
3.2 Training Module
In training module, there are trainings sections for students, who are beginners and
facing problem in learning different operations, such as solving addition, subtraction,
multiplication, and division. The multimedia features, such as text to speech, in our
application, assist the children in building their skills more efficiently and
interactively. It has five sub-modules for training, namely (i) addition & subtraction,
(ii) multiplication, (iii) division, and (iv) fraction.
3.2.1 Training in Addition & Subtraction
In training section (Fig. 3.3), student, who are beginners in math, or who have
difficulty in learning addition and subtraction, can learn in user friendly ways. It is
supported by images of animals to explain addition and subtraction operations. The
audio and visual options are also incorporated in the training section to make the
application more interactive.
9
3.2.2 Training in Subtraction
This module (Fig.3.4) assists users to learn subtraction through images of objects by
applying different options, such cancel and invisible.
10
Fig. 3.5 Training in multiplication
11
3.2.5 Training in Fraction
This module (Fig.3.7) is used to assist users in learning fraction through visual images
and text to speech component by providing daily life examples.
12
Fig.3.8 Mixed Quiz
13
Fig.3.10 Subtraction
Fig.3.11 Multiplication
14
Fig. 3.12 Division
15
CHAPTER No.4
RESULTS
This chapter deals with the description of result obtained by executing our application
through different screen shots.
4.1 Training Module
This module is used to train the users in different mathematical operations, such as
addition, subtraction, multiplication and division.
4.1.1 Training in addition
Purpose of this screen is to provide training session in addition module, as shown in
Fig .4.1. For example, when user enters 4 as an answer in the textbox and clicks the
submit button, then “Correct” message appears on the screen along with voice
pronouncing “Correct”.
16
button then “Correct” message appears on the screen along with voice pronouncing
“Correct”.
17
Fig. 4.3 Training in multiplication
18
Fig. 4.4 Training in division
4.2 Mixed Quiz
Purpose of this screen is to provide Quiz in which users have to select one among four
answers .When the user attempts last question, result appears with score and answer
keys, as shown in Fig. 4.5.
19
4.3 Addition quiz
Purpose of this screen is to provide quiz in which users have to remember the answer
of first question and then add next question’s answer. When user enters 15 as an
answer in the textbox and clicks the submit button, then “Correct” message appears
with Image of smiley on the screen along with voice pronouncing “Correct”. If the
user types wrong answer in textbox, then “Incorrect” message appears with image of
smiley on screen, as shown in Fig. 4.4 and Fig. 4.5.
20
Fig. 4.5 Quiz addition screen -II
4.4 Quiz subtraction
Purpose of this screen is to present subtraction Quiz, as shown in Fig. 4.6 and Fig. 4.7.
When user enters 4 as an answer in the textbox and clicks the submit button then
“Correct” message appears on the screen with image of smiley. If user types wrong
answer in textbox and clicks submit button, then “Incorrect” message appears on the
screen with image of smiley.
21
Fig.4.6 Quiz subtraction -I
22
Fig.4.7 Quiz subtraction-II
23
4.5 Quiz multiplication
Purpose of this screen is to present multiplication Quiz, as shown in Fig .4.8 and 4.9.
For example, when user enters 15 as an answer in the textbox and clicks the submit
button, then “Correct” message appears on the screen with image of smiley along
with voice pronouncing “Correct”.
24
Fig.4.9 Quiz Multiplication screen-II
25
Fig. 4.10 Quiz division screen-I
26
Fig 4.11 Quiz Division Screen-II
27
CHAPTER No.5
TOOLS AND TECHNOLOGY
To design Apps for Android, App Inventor 2 is an advancement tool. Google initially
developed the App inventor, now App inventor is backed by Massachusetts Institute
of technology. App Inventor for Android is an application which is available for
anyone to design and create apps. App inventor gives easy-going situation to
programmers to develop Android apps. Students of computer science become able to
computer programming to make software applications for the Android operating
system (OS) through App inventor. Just like Star Logo, TNG and Scratch, App
inventor uses Graphical user interface. In creating App Inventor, Google drew upon
important prior research in educational computing, as well as work done within
Google on online development environments.
App Inventor and the projects on which it is established are learned by constructionist
learning theories, which point out that programming can be a vehicle for appealing
powerful concepts through active learning. As such, it is part of an current movement
in computers and education that began with the work of Seymour Papert and the MIT
Logo Group in the 1960s and has also illustrate itself with Mitchel Resnick's work on
Lego Mind storms and Star Logo.
It makes a good prototyping facility and a number of the prototypes that can have
made have actually ended up as final apps that are still in use.
5.1 Different type of Apps can be created
With the help of this App tool, we can make different and unique types of apps, the
only qualification and need for making an app is the unique idea that should come in
one’s mind. If a person with great ideas and thoughts uses the App inventor 2,
different kinds of apps can be created with more great features and graphics because
this tool is GUI based environment. The various kinds of apps are that can be created
are Educational Apps, Games, SMS Apps, Location Awareness Apps, Apps that
control Robots, Web Enabled Apps.
28
5.1.2 Educational apps
We can also build apps that inform and educate. We can build a quiz app to help us
and our class-mates study for a test, or even a create a quiz app that lets the users of
our app create their own quizzes (think of all the parents that would love this one for
those long road trips.
5.1.3 Games
People sometimes starts by making games like Mole Mash or apps that let we draw
funny pictures on our friend’s faces Pong game (in which object interact with ground
and score is increased). As we go further, we can make our own versions of more
complex games like Pac-Man and Space Invaders. We can even try the phone’s
sensors and move characters by bending the phone. Animated games can be created.
5.1.4 SMS Apps
In app inventor, sms Apps can also be created. Some of the apps like No texting while
driving App is a useful for the users of android who gets disturbed by messages and
calls by the family members or friends during Driving.
5.1.5 Location Awareness Apps
GPS-location sensor is one of important component of App Inventor; with the help of
this we can build apps to know where we are at that time. We can build an app that
help us to remember where we parked our car, an app that shows the location of our
family members or close friends at any party or place, or our own different tour app of
our school, workplace, or a museum, Apps like Paris map tour etc.
5.1.6 Apps that can Control robots
We had created an app that acts as a controller for a LEGO robot. We can use the
mobile set as a remote control, or we can program it to be a “brain” that the robot
carries around with it. The robot and mobile phone communicate via Bluetooth, and
App Inventor’s Bluetooth components let you create similar apps that control other
Bluetooth devices
5.1.7 Web enabled apps
App Inventor now a days provides a fantastic way for your apps to communicate with
the Web. We can build apps that pull in data from Twitter or an RSS feed, or an
Amazon Bookstore Browser that lets we check the online cost of a book and buy it by
scanning its barcode written on that book.
29
5.2 Setting up App inventor Environment
We can set up App Inventor using the instructions at the website given below is a link
http://appinventor.googlelabs.com/learn/setup/. App Inventor runs primarily through
the browser, though it takes some time but we need to download some of different
software to our computer’s desktop relating to this application and change some
settings on our phone to run. Typically we can get set up in just a few minutes, though
sometimes there are issues with setting up device drivers for some Android phones. If
we comes up any phone issues, we can get started using the Android emulator for
running that comes packaged with the App Inventor download.
5.3 Requirements of App inventor 2
((i) Internet connection
(ii) Android phone / Tablet.
(iii) Gmail account
5.4 Features of App inventor 2
Some special features include:
(i) Object oriented programming (OOP) tools.
(ii) Graphical user interface (GUI) environment.
(iii)Drag-and-drop approach in layout design phase and code design phase.
5.5 For Testing
(i) Provide testing simulator on PC to check the results by the App inventor on
Android platforms.
(i) Provides many methods for creating the executable APK files, e.g.
QR code Mailing APK (to transferred by USB port, etc. to be installed and set up on
the Android based smart phones and tablets)
Programmer can developed the projects that are managed on web, then they can
retrieve from various platforms.
30
5.6.1 Go to App Inventor on the web
Go directly to ai2.appinventor.mit.edu, there is orange button, click the orange
"Create" button from the App Inventor website as shown in Fig.5.1
Create Gmail account to Log in to App Inventor with a Gmail. An existing Gmail
account can also be used to log in to ai2.appinventor.mit.edu.
After clicking on the continue button on splash screen the environment of the App
inventor is then appear on the screen, the first screen which is shown is to list of
Projects, to make new project click on New Project button as shown in fig.5.3
31
Fig 5.3 Log into app inventor look-II
After logging in to app inventor, new project must be named which is to be developed
but there should without no space in saving project name.
32
5.7.1 Component Designer window
Component Designer is the first tool, where interface and integration of components
(both visible and non-visible components) allow people who have programming skills
and prior programming experience to develop more fastly mobile apps (Command
button, Text button, Checkbox, etc.) and connect logic blocks to create their mobile
application (fig.5.5)
33
The Blocks Editor is that part where we program the behavior of our app. There are
several Built-in blocks that handle things like math, logic, and text. Below are the
blocks that go with each of the components of different parts in our app as shown in
fig 5.6. To show up in the Blocks Editor, In order to get the blocks for a certain
component, first we have to add that component of blocks to our app through the
Designer.
5.8 Emulator
Emulator for the program test can be conducted and evaluated without connecting to
a mobile phone. One of the neatest things about this software, App Inventor is that
during building an app, we can see and test on a connected device. Now open the
34
Blocks Editor, and after that click the "Connect" button at top of the window and then
click the emulator and following will be actions occur.
(i) In the beginning the emulator will initially appear with an empty black screen.
(ii) Wait until the emulator is ready, with a colored screen background.
(iii)Even after the background appears in the emulator, we should wait until the
emulated phone has finished preparing its SD card. The emulator works like a
mobile set with least limitations. After unlocked the emulator, click the button
named "Connect the Device..." and then click the emulator. When you will see
that the phone icon turns to green color, it means the emulator is connected
(see in fig 5.7)
Fig.5.7 Emulator
35
Fig.5.8 Connect App Inventor to our phone for live testing
Get the MIT AI2 Companion from the Play Store and install it on phone or tablet. The
preferred method for getting the AI2 Companion App is to download the app from the Play
Store by searching for "MIT AI2 Companion".
36
You already got the app from Play Store)
If for some reason we cannot connect to the Google Play store, we can download the
AI2 Companions described here.
First, we will need to go into our phone's settings, choose "Security", then scroll
down to allow “Unknown Sources", which allows apps that are not from the Play
Store to be installed on the phone.
Second, do one of the following
A) Scan the QR code above As shown in fig.5.10 or
B) Click the "Need help finding..." link and we'll be taken to the download page.
From there we can download the MITAI2Companion.apk file to our computer and
then move it over to our device to install it.
37
CHAPTER No.6
CONCLUSION AND FUTURE WORK
Future Directions: Following are the possible future directions for further work, (i)
enhancing the application with more features like animated graphics, which can work
on user touch, and can perform some mathematical operation. (ii) Adding tables to
increase the mathematical abilities of school, and (iii) The sound features can be
enriched by incorporating non-English national and local languages, such as Urdu,
Saraiki, Pashto, Balochi, and Sindhi.
38
References
40
Appendices
Appendix-1 (Block level coding for Screen 1(Menu Screen)
There are Five Buttons, Which are when clicked open another screen, these are
Screen Events
There are two screen events namely (i) Screen Initialization (ii) Screen back pressed
Screen Initialization
When back button of device is back pressed the event is evoked and application is
Closed.
41
Appendix-2 (Block level coding for Screen 8 (Training in Addition))
Variable Initialization
Button Events
42
Screen Events
43
Procedures
(i) Sound2
Initialization
44
Button Event
Procedure
45
Appendix-4 (Block level coding for Screen 7 (Training in Multiplication))
Variable Initialization
46
Button Events
Screen Events
47
Procedure
Variable initialization
Five variables are initialized
48
Screen Events
Back Pressed
Back pressed event is invoked when user press back button of Device, as a result
current Screen will be closed
49
Button event
Submit Button
Procedure
50
Appendix-6 (Block level coding for Screen 10 (Training in Fraction)
Variable Initialization
Button Events
Screen Events
51
Procedures
Variable Initialization
52
53
Button Events
Screen Event
54
Procedure
Three procedures are used namely (i) button selected (ii) newQuestion (iii) endGame
55
Appendix-8 (Block level Coding for Screen 3 (Quiz Addition)
Variable Initialization
Button Events
Button Click
56
57
58
Screen Events
Screen Initialization
59
Variable Initialization
Button Events:
60
Screen Events:
61
Appendix-10 (Block level coding of Screen 9 (Quiz, Multiplication))
Variable initialization:
Button event:
62
Screen Event
63
Appendix-11(Block level coding for Screen 5 Quiz in Division)
Button event:
Screen Events:
64
5/16/2016 Turnitin Originality Report
9
< 1% match (Internet from 27-Jan-2007) http://tera.yonsei.ac.kr/publication/pdf/2003MS-
khlee.pdf
10
< 1% match (Internet from 31-Mar-2015) http://dev-
explore.appinventor.mit.edu/sites/all/files/hourofcode/AppInventorTutorials.pdf
11
< 1% match (publications)
D. G. LEWIS. "THE FACTORIAL NATURE OF ATTAINMENT IN ELEMENTARY SCIENCE",
British Journal of Educational Psychology, 02/1964
12
file:///C:/Users/anam/Desktop/Zoni%20thesis/zunaira-thesis-Turnitin%20Originality%20Report.html 2/14