THE GAME APPLICATION FOR PHONIC TECHNIQUE IN MOBILE ... · Finally, the good comes from God S.W.T and the bad comes from oneself. iv ABSTRACT This mobile application development project

THE GAME APPLICATION FOR PHONIC TECHNIQUE IN MOBILE

APPLICATION

AZUANIS BINTI ABDULLAH

BACHELOR OF INFORMATION TECHNOLOGY

( INFORMATIC MEDIA) WITH HONOURS

FACULTY OF INFORMATICS AND COMPUTING

UNIVERSITY SULTAN ZAINAL ABIDIN

2018

i

DECLARATION

I acknowledge this work is my own work except the excerpts and summaries I have

just described the source.

____________________________

Name : Azuanis Binti Abdullah

Date :……………………………

ii

CONFIRMATION

This is to confirm that :

This project report is sent to my Supervisor and has been accepted as meeting the

requirements for the final year project 1 degree of information technology informatics

media.

_________________________________

Name : Dr Nur Saadah Bt Mohd Shapri

Date : ....................................................

iii

DEDICATION

Bismillahirahmanirrahim ..........

Alhamdulillah, thank you for being divine because for His grace I can complete the

project that has been given to me to meet the needs of the CSF 35104 (Final year project

1) subject entitled "The Game Application For Phonic Technique".

Highest appreciation to those involved directly or indirectly in the process of

completing this final project. Thank you Dr. Nur Saadah Bt Mohd Shapri as the

supervisor of the guiding project, helps and gives great ideas and comments from the

beginning to the end of the project.

Thank you very much to the Lecturer of Information Technology Informatics

Unit of Lecturer, fellow colleagues and not forgetting my family that has been giving

much support and encouragement throughout the project. Hopefully, what's done is a

pleasure from God S.W.T and here after give us a useful experience in facing challenges

in the future. Finally, the good comes from God S.W.T and the bad comes from oneself.

iv

ABSTRACT

This mobile application development project "The Game Application For Phonic

Technique" is developed and it aims to facilitate its use and in line with today's

increasingly sophisticated technology. In producing this mobile phone app, some

objectives and goals are targeted. The main objective is to analyze the advantages and

disadvantages available on existing mobile phone applications, Designing a better and

more attractive interface and software from the previous mobile phone app and

developing attractive and effective mobile application software to help children,

children before entering the school-style Among these are mobile apps that feature

various multimedia elements such as text, audio, video and animation. Among the

suggestions suggested to enhance and improve this app is that the animation produced

should be more creative and attractive for the viewing of children, the buttons created

to create interactivity should be more user-friendly.

v

ABSTRAK

Projek pembangunan aplikasi telefon mudah alih “The Game Application For Phonic

Technique” ini dibangunkan dan ia bertujuan untuk memudahkan penggunaannya dan

seiring dengan teknologi yang semakin canggih pada masa kini. Dalam menghasilkan

aplikasi telefon mudah alih ini, beberapa objektif dan matlamat disasarkan. Objektif

utama adalah menganalisa kelebihan dan kekurangan yang terdapat pada aplikasi

telefon mudah alih yang sedia ada, Merekabentuk antara muka dan perisian yang lebih

baik dan menarik daripada aplikasi telefon mudah alih yang terdahulu dan

membangunkan perisian aplikasi telefon mudah alih yang menarik dan efektif bagi

membantu kanak-kanak sebelum memasuki ala persekolahan. Di antaranya ialah

aplikasi telefon mudah alih ini mengetengahkan pelbagai elemen multimedia seperti

teks, audio, video dan animasi. Antara cadangan yang disarankan untuk

mempertingkatkan dan menambahbaikan aplikasi ini ialah animasi yang dihasilkan

perlulah lebih kreatif dan menarik untuk tontonan kanak-kanak, butang yang dihasilkan

bagi mewujudkan interaktiviti perlulah lebih mesra pegguna.

vi

CONTENTS

PAGE

DECLARATION ........................................................................................................... i

CONFIRMATION ....................................................................................................... ii

DEDICATION ............................................................................................................. iii

ABSTRACT ................................................................................................................. iv

ABSTRAK ...................................................................................................................... v

CONTENTS.................................................................................................................vi

LIST OF TABLES ...................................................................................................... ix

LIST OF FIGURES ..................................................................................................... x

CHAPTER I INTRODUCTION

1.1 Background ............................................................................................................ 1

1.2 Problem Statement ................................................................................................. 2

1.3 Objectives ................................................................................................................ 3

1.4 Scopes ...................................................................................................................... 3

1.5 Limitation of Work ................................................................................................ 4

1.6 Activities and Milestones ....................................................................................... 5

1.7 Expected Result ................................................................................................. 6

CHAPTER II LITERATURE RIVIEW

vii

2.1 Introduction ............................................................................................................ 7

2.2 Research .................................................................................................................. 8

2.2.1 Research 1 : ABC Alphabet Phonic application .......................................... 8

2.2.2 Research 2 : Phonics Farm Letter sounds school & sight words

application ................................................................................................................ 9

2.2.3 Research 3 : Preschool Abc Alphabets & kids phonic application .......... 10

CHAPTER III METHODOLOGY

3.1 Introduction .......................................................................................................... 11

3.2 Methodology used in application development ................................................. 12

3.2.1 Analysis .......................................................................................................... 13

3.2.2 Design ............................................................................................................. 13

3.2.3 Development .................................................................................................. 14

3.2.4 Implementation ............................................................................................. 15

3.2.5 Evaluation ...................................................................................................... 15

3.3 Project / Application requirements analysis ...................................................... 15

3.3.1 Software requirements ................................................................................. 16

3.3.2 Hardware Requirements .............................................................................. 17

3.4 Application Design ............................................................................................... 18

3.4.1 Design Implementation Approach ............................................................... 18

3.4.1.1 Referral Approach ................................................................................. 18

viii

3.4.1.2 Screen Approach .................................................................................... 18

3.4.1.3 Assistant Approach ................................................................................ 19

3.4.1.4 Navigation Map ...................................................................................... 19

3.5 Storyboard ............................................................................................................ 21

3.5.1 Interface for Start ......................................................................................... 21

3.5.2 Interface for Main Menu .............................................................................. 22

3.5.3 Interface for How to Play ............................................................................. 22

3.5.4 Interface for Phonic ...................................................................................... 23

3.5.5 Interface for Sound pad ................................................................................ 23

3.5.6 Interface for Color ........................................................................................ 24

3.5.7 Interface for Number .................................................................................... 24

3.5.8 Interface for Let’s Play ................................................................................. 25

3.5.9 Interface for Level 1 ...................................................................................... 25

3.5.10 Interface for Level 2 .................................................................................... 26




3.5.14 Interface for Scored .................................................................................... 28

3.5.15 Interface for help ......................................................................................... 28

3.5.16 Interface for Credit ..................................................................................... 29

3.5.13 Interface for Exit ......................................................................................... 29

REFERENCES .................................................................................................. .........30

ix

LIST OF TABLES

TABLES TITLE PAGE

1.1 Activities and Milestone…………………………………………………………...5

2.1 ABC Alphabet Phonic………………………………………………………….…..8

2.2 Phonics Farm Letter sounds school & sight words……………………………...….9

2.3 Preschool Abc Alphabets & kids phonic………………………………………….10

x

LIST OF FIGURES

FIGURES TITLE PAGE

2.1 ABC Alphabet Phonic……………………………………………………….……..8

2.2 Phonics Farm Letter sounds school & sight words…………………….…………..9

2.3 Preschool Abc Alphabets & kids phonic……………………………………….….10

3.1 Workflow based on ADDIE Model……………………………………………….12

3.2 Navigation Map.......................................................................................................20

3.3 Start Interface..........................................................................................................21

3.4 Main Menu Interface...............................................................................................22

3.5 How to Play Interface..............................................................................................22

3.6 Phonic Interface......................................................................................................23

xi

3.7 Sound Pad Interface................................................................................................23

3.8 Color Interface.........................................................................................................24

3.9 Number Interface.....................................................................................................24

3.10 Let’s Play Interface...............................................................................................25

3.11 Level 1 Interface...................................................................................................25

3.12 Level 2 Interface...................................................................................................26

3.13 Level 3 Interface...................................................................................................26

3.14 Level 4 Interface ..................................................................................................27

3.15 Level 5 Interface...................................................................................................27

3.16 Scored Interface....................................................................................................28

3.17 Help Interface........................................................................................................28

3.18 Credit Interface.....................................................................................................29

3.19 Exit Interface.........................................................................................................29

1

CHAPTER 1

INTRODUCTION

1.1 Background

In the face of a growing globalization era, our country is not left behind to compete

in current technology. Various aspects of technology are emphasized, one of which is

the form of learning. In line with the development of information and multimedia

technology today. This project aims to develop interactive Application software that

can change the way learning in a more responsive and fun way.

The title "The Game Application For Phonic Technique" has been selected in

producing the product now. This mobile application developed is for children aged 3 to

6 years old in preparation for schooling. This application contains multimedia elements

2

such as audio, video, text, graphics and animation. Audio and animation effects are

entered to realize interactions between users and Interactive Applications. Therefore I

will take an alternative to present this Application in a more understandable form.

This Interactive Application Income is expected to help target groups to learn

English ABC Alphabets in a very funny and playful way.

1.2 Problem Statement

Children today are often exposed to the use of all sophisticated computers, tablets

and smartphones. To increase children interest in learning, initiatives have been taken

to develop ABC's phonics game applications. The problem is that children are less

interested in learning through the book. Additionally, children spend a lot of time

playing phones. Therefore, with this app children are more likely to study ABC

alphabets. Finally, children are less focused when studying in the classroom than

learning to use the app.

3

1.3 Objectives

The main objectives of this project are:

To Design interesting ABC Alphabets phonics applications for children 3 to 6

years.

To Develop fun game style to learn more about English ABC Alphabets in a

very funny and playful way

To Test application whether it suitable for target user.

1.4 Scopes

The main scopes of the application

1. Platform

just use the mobile phone platform

2. target user

3 to 6 year old child

parents who need guidance to teach children before entering school

3. rating

provide five levels only

4

1.5 Limitation of Work

Can only be used using the phone app

only android users can use this game

not dependent on time, children are free to play their own time

5

1.6 Activities and Milestones

Table 1.1 : Activities and Milestone

6

1.7 Expected Result

To help parents to make references so that the app becomes a teaching and learning

tool. Then For preschool, toddlers, kindergarten, kids in a free fun game style to learn

English ABC Alphabets in a very funny and playful way to prepare them for school.

After that, helping children easily to understand ABC alphabets. Lastly, so that the

objective is to be achieved

7

CHAPTER 2

LITERATURE REVIEW

2.1 Introduction

Literacy studies are defined as making critical and systematic references to

documents containing information, ideas, data and methods of obtaining information

relating to the subject of study conducted. Literacy studies are an important part of

research in which researchers are conducting surveys on past studies. After the

researcher determines the theme of the study, the researcher will make a literacy study

to obtain the appropriate past study information. Among the information referred to

from the literary study include theories, designs, instrumentation studies, study

procedures, methods of data collection and research findings. The main purpose of the

literacy study is to put the study to be conducted on a scientific perspective.

8

2.2 Research

2.2.1 Research 1 : ABC Alphabet Phonic application

The "ABC Alphabet Phonic" application developed by Innovative

Investments Limited in 2017. The app uses the version of IOS version 4.0 and

above and uses full internet connection to access. There are several advantages

and disadvantages and improvements to the application. Refer figure 2.1 and

table 2.1.

Figure 2.1 : ABC Alphabet Phonic

Table 2.1 : ABC Alphabet Phonic

Advantages Disadvantages Improvements

The writing used is

easy to read and

clear

Easy to children

remember

A simple interface to attract

children

not using suitable colour for

button

Using a more attractive

interface

use of attractive colors for

a button

9

2.2.2 Research 2 : Phonics Farm Letter sounds school & sight words

application

The game "Phonics Farm Letter school sound & sight words" was

developed by CFC s.r.o in 2017. The app uses iOS version 2.2.0 and above and

does not use full internet connection to access. There are several advantages and

disadvantages and improvements to the application. Refer figure 2.2 and table

2.2.

Figure 2.2 : Phonics Farm Letter sounds school & sight words

Table 2.2 : Phonics Farm Letter sounds school & sight words


Has an interesting

theme

The Interface can cause the

child confused

using of gloomy colors

use of attractive colors

modify the interface so

that more to user friendly

10

2.2.3 Research 3 : Preschool Abc Alphabets & kids phonic application

The game " Preschool Abc Alphabets & kids phonic " was developed by

Preschool Kindergarten Kids Academy in 2014. The app uses iOS 3.0 and above

and does not use full internet connection to access. There are several advantages

and disadvantages and improvements to the application. Refer figure 2.3 and

table 2.3.

Table 2.3 : Preschool Abc Alphabets & kids phonic

Figure 2.3 : Preschool Abc Alphabets & kids phonic


The writing used is

easy to read and

clear

A simple interface to attract

children

not using suitable colour for

button

Using a more attractive

interface

use of attractive colors for a

button

11

CHAPTER 3

METHODOLOGY

3.1 Introduction

The process of developing an application is a thorough process and it must be

done stage by stage according to its own phases. There are many application

development phase models that can be used in developing an application and an

application development process can use a particular model only or incorporate

elements from different development models to serve as a guideline when the

application is developed.

12

3.2 Methodology used in application development

MODEL ADDIE

This model is among the instructional design models that often become the basis

of other instructional design models. Generally, the ADDIE model (Rosset, 1987) can

be represented by the workflow as shown in the diagram below. Refer figure 3.1

Figure 3.1: Workflow based on ADDIE Model

ANALYSIS

DESIGN

DEVELOPMENTIMPLEMENTATION

EVALUATION

13

3.2.1 Analysis

In this phase the problem you want to solve will be identified as a whole.

Problems can be determined through various methods or techniques such as

interviews, observations, surveys, surveys and so on.

Once a problem can be identified, it is necessary to find out what causes

or the factors that cause the problem. This is to ensure the application of the

game to be developed meets the needs of the actual user. Therefore, in this phase

several analyse have been implemented on various aspects. Among them are

analysis of user environments, analysis of users, identifying the purpose of this

application and so on.

3.2.2 Design

This phase is implemented after the requirement analysis process is

completed. It explains the overall view of the interface, structure, approach of

this application, the type of media and technology used.

The development of this game application gets the right objective and

can be reached by the user after successfully completing the mission of this

application. The development of this game app also checks the way or method

for this game to be easily understood by the user.

14

3.2.3 Development

Based on financial allocation, media resources, time and so forth, this

game app needs to be developed based on the design that has been designated

through the design phase. Development here refers to the process of developing

or producing software using existing applications such as programmers app,

authoring, graphics, audio and so on.

In this development phase also, it uses any designs or designs agreed

upon in the design, for example:

Users are provided with help to prevent users from experiencing

problems using software.

Content in the game of the resulting game must be compatible with the

level of ability, age, background, user and so on.

Interesting stimuli such as multiple graphics, sound effects and so forth

are provided for users not to be tired of playing this game application.

15

3.2.4 Implementation

Application game "The Game Application for Phonic Technique" is

ready to be presented to test the effectiveness and see the unnoticed problems

during the design and development phase that may exist. This implementation

phase is implemented by presenting to providers and partners to meet the criteria

set out in the analysis phase. From the observations performed, the repair or

recovery process will be implemented before the application is actually issued

or used officially.

3.2.5 Evaluation

Evaluation involves the process of obtaining feedback from users on the

content, strategies, graphics, audio, interfaces and so forth contained in this

game application either through supervision, testing, questionnaires, and

interviews and so on to ensure it is appropriate or not to use.

3.3 Project / Application requirements analysis

In developing game applications, all aspects need to be taken care of, in

terms of project requirements so that the process goes smoothly. The project

requirements are software requirements and hardware requirements.

16

3.3.1 Software requirements

The main software used to develop this game app is Adobe Flash CS6. This

software is very much needed to organize and animate images. In addition, there

are other software used in the process of developing this game app. Among the

software used are

Adobe Flash CS6

o Arrange, animate images, interfaces

Adobe Photoshop CS6

o Used to edit an image, design the logo, background, and interface

of the application.

Adobe Premiere

o Changing the audio format for insertion into Adobe Flash.

Microsoft Word 2016

o Used to do the documentation of application

Google Chrome

o Searching for information

17

3.3.2 Hardware Requirements

In order to carry out the development of this game application project, the

hardware requirements are also needed. Among the hardware used during the

application development process are as follows:

Laptop

o Acer

Processor

o Intel(R) Celeron(R) CPU 1007U @ 1.50GHz 1.50 GHz

Memory

o 4.00 GB

Pendrive

o Kingston 16.00GB

Mouse

Printer Canon G2000

Tablet Wacom Intuos(R) Draw

Mobile Phone

o IPhone 6-16GB

During the development process, hardware and software compatibility is

crucial to avoid any undesirable problems.

18

3.4 Application Design

3.4.1 Design Implementation Approach

The application development game "The Game Application for Phonic

Technique in English" has been using various approaches. The approaches that

have been used are as follows:

3.4.1.1 Referral Approach

Through this approach, referrals can be given by way of text usage. The

briefing instruction provided is to help the user understand the contents of

this game app. A brief description in the help module also uses the same

method and it briefly explains the mission that needs to be done to end the

game.

3.4.1.2 Screen Approach

Through this approach, the text approach has been used in the aid module

section because in the form of text makes it easier for users to read the

instructions repeatedly.

19

3.4.1.3 Assistant Approach

Through this approach also, users can know about this application by

simply reading at the corner of the page module. In this app also, users are

provided with the instruction at the beginning of the game with this, it

facilitates the user to understand the game's needs and information.

3.4.1.4 Navigation Map

In developing this project, a navigation map sketch was created

to illustrate the continuity between one interface and another. In

addition, the navigation map also serves to give you an overview of what

is contained in this project. Refer figure 3.2

20

Figure 3.2 : Navigation Map

ENTER

HOW TO PLAY ?

PHONIC ?

SOUND PAD

COLOR

NUMBER

LET START !

LEVEL 1

LEVEL 2

LEVEL 3

LEVEL 4

LEVEL 5

HELP CREDIT

SCORE

21

3.5 Storyboard

In order to develop this project, this storyboard should be made available

before making this game application. It is very much needed to facilitate the

development of this application as a reference and it is used so that it is in line with the

navigation map made. The storyboard is based on the selected topic and it will not

escape the navigation that has been made. With this storyboard, the entire interface can

be built from the beginning to the end.

3.5.1 Interface for Start

Figure 3.3 is the login page for this interactive Application. The user will

be asked to press the "ENTER" button first before being taken to the next page.

Figure 3.3 : Start Interface

22

3.5.2 Interface for main menu

Figure 3.4 is the main interface for this application. In this section there

are five main buttons namely the How to play button, the Phonic button, the

Let's play button, the Help button and the Credit button.

Figure 3.4 : Main Menu Interface

3.5.3 Interface for How to Play

Figure 3.5 shows a page for How to play. The user should press the

'Home' Button to go to the Home page, While the 'Help' button for the query and

the 'Exit' button to exit this app.

Figure 3.5 : How To Play Interface

23

3.5.4 Interface for Phonic

Figure 3.6 shows page for Phonic. There are sound pad, color, and number

buttons. The user should press the 'Home' Button to go to the Home page, While

the 'Help' button for the query and the 'Exit' button to exit this app.

Figure 3.6 : Phonic Interface

3.5.5 Interface for Sound pad

Figure 3.7 shows the page for the sound pad. The user should press the

'Home' Button to go to the Home page, While the 'Help' button for the query and

the 'Exit' button to exit this app.

Figure 3.7 : Sound Pad Interface

24

3.5.6 Interface for Color

Figure 3.8 shows the page for the color. The user should press the 'Home'

Button to go to the Home page, While the 'Help' button for the query and the

'Exit' button to exit this app.

Figure 3.8 : Color Interface

3.5.7 Interface for Number

Figure 3.9 shows the page of the number. The user should press the 'Home'

Button to go to the Home page, While the 'Help' button for the query and the

'Exit' button to exit this app.

Figure 3.9 : Number Interface

25

3.5.8 Interface for Let’s Play

Figure 3.10 shows page for Let's play. There are level 1, level 2, level 3, level

4 and level 5 buttons. The user should press the 'Home' Button to go to the

Home page, While the 'Help' button for the query and the 'Exit' button to exit

this app

Figure 3.10 : Let’s Play Interface

3.5.9 Interface for Level 1

Figure 3.11 shows the page for level 1. Users need to press the 'Home'

button to go to Home, While the 'Help' button for the query and the 'Exit' button

to exit this app.

Figure 3.11 : Level 1 Interface

26


Figure 3.12 shows the page for level 2. In addition, users are also provided

with home page buttons, help and exits. Users need to press the 'Home' button

to go to Home, While the 'Help' button for the query and the 'Exit' button to exit

this app.





to exit this app


27




to exit this app.





to exit this app.


28

3.5.14 Interface for scored

Figure 3.16 shows the page for scored interface. Users need to press the

'Home' button to go to Home, While the 'Help' button for the query and the 'Exit'

button to exit this app.

Figure 3.16 : Scored Interface

3.5.15 Interface for help

Figure 3.17 shows the page for help. Users need to press the 'Home'

button to go to Home, While the 'Help' button for the query and the 'Exit'


Figure 3.17 : Help Interface

29

3.5.16 Interface for Credit

Figure 3.15 shows the page for credit. Users need to press the 'Home'

button to go to Home, While the 'Help' button for the query and the 'Exit'


Figure 3.18 : Credit Interface

3.5.13 Interface for Exit

Figure 3.19 shows the page for exit. There are two buttons given. Users

need to press one of the provided buttons namely the 'tick' button to exit the

application and the 'cross' button to continue the application.

Figure 3.19 : Exit Interface

30

REFERENCES

Limited, Innovative Investments. “ABC Alphabet Phonics - Preschool Game for Kids.”

YouTube, Kids Playground - Games & Toys, 23 July 2017,

www.youtu.be/XPHsx5Y32Ag.

Play, Games Kids. “Phonics Fun on Farm ABCs Alphabet Phonics 🔊 Sounds and

Letters Relationships.” Phonics Fun on Farm ABCs Alphabet Phonics 🔊 Sounds

and Letters Relationships, Games Kids Play, 24 Apr. 2017,

www.youtube.com/watch?v=S7MnDPQ1DSM.

Kids Academy, Preschool Kindergarten. “App Detail » Preschool Abc Alphabets &

Letters for Toddler Boys Girls with Free Kids Phonics Nursery Rhyme

Vocabulary Game.” Preschool Abc Alphabets & Letters for Toddler Boys Girls

with Free Kids Phonics Nursery Rhyme Vocabulary Game | Apps | 148Apps,

Preschool Kindergarten Kids Academy, 6 Nov. 2014,

www.148apps.com/app/934663974/.

http://www.youtu.be/XPHsx5Y32Ag

http://www.youtube.com/watch?v=S7MnDPQ1DSM

http://www.148apps.com/app/934663974/

Documents

THE GAME APPLICATION FOR PHONIC TECHNIQUE IN MOBILE ... · Finally, the good comes from God S.W.T and the bad comes from oneself. iv ABSTRACT This mobile application development project