let’s play puzzle game mobile application

LET’S PLAY PUZZLE GAME

MOBILE APPLICATION

WAN NUR FARHANA BINTI MD PARERI

BACHELOR OF INFORMATION TECHNOLOGY

(MEDIA INFORMATICS) WITH HONOUR

UNIVERSITY SULTAN ZAINAL ABIDIN

2019

I

DECLARATION

I here declare that this report entitled Let’s Play Puzzle is based on my original work

except for quotation a citation, which have been duly acknowledged. I also declare that

it has not been previously or concurrently submitted for any other degree at University

Sultan Zainal or other institutions.

…….….………………………………………………

NAME: WAN NUR FARHANA BINTI MD PARERI

DATE:

II

APPROVAL

This report already submits to faculty informatics and computer University Sultan

Zainal Abidin (UniSZA), Campus Tembila and been accepted as fulfil the criteria for

Bachelor of Information Technology (Media Informatics) with Honours.

..….………………………………………………

DR. MOHD FADZIL BIN ABDUL KADIR

Supervisor Project,

Faculty Informatics and Computer,

University Sultan Zainal Abidin (UnisZA);

Date:

III

ACKNOWLEDGMENT

First of foremost, praised to Allah the Most Gracious and the Most Merciful for

blessing me and giving me the opportunity to undergo and complete my final project

year Let’s Play Puzzle Game (Android Application). I would like to take this

opportunity to express my heartiest gratitude to my supervisor, Dr. Mohd Fadzil Bin

Abdul Kadir, for kindness, patience, any idea toward this project. Furthermore, speech

to my lecturers for teaching from semester 1 until now with knowledge given for all this

year.

I also would like to thank you to my family and friend that giving me a lot of support

to finish the project. They had giving me a lot of effort to success and also gave me big

help in solving this project.

IV

ABSTRACT

Nowadays mostly people Play Games without having a learning session. But in this

application, it has learning content which is animals’ life cycle, plantation and so on.

Knowing the fact that the puzzle and quiz game has many benefits for generations

nowadays especially for the kids 9-year-olds below to sharpen their minds, test the level

of patience, speed in solving problems and others. As a solution to foster, to attract in

playing puzzle and quiz games in an interactive and interesting way I have created the

Let’s Play Puzzle Game (android application) for them. Its contents animation, graphics

background, image, sound and etc which attracts the user to learn and easy to understand

the content. This application game provides pictures categories in a puzzle game which

is animals, plants and transportation. With this application, users can play puzzle, at the

same time user can learn from it.

V

ABSTRAK

Kini kebanyakannya Mainan Permainan tanpa sesi pembelajaran. Tetapi dalam

aplikasi ini, ia mempunyai kandungan pembelajaran yang merupakan kitaran hidup

haiwan, perladangan dan sebagainya. Mengetahui fakta bahawa teka-teki dan

permainan kuiz mempunyai banyak manfaat untuk generasi sekarang terutama untuk

anak-anak berusia 9 tahun di bawah untuk mengasah fikiran mereka, menguji tahap

kesabaran, mempercepat menyelesaikan masalah dan lain-lain. Sebagai penyelesaian

untuk memupuk, menarik dalam bermain teka-teki dan permainan kuiz dengan cara

yang interaktif dan menarik saya telah membuat Let's Play Puzzle Game (aplikasi

android) untuk mereka. Isinya animasi, latar belakang grafik, imej, bunyi dan

sebagainya yang menarik pengguna untuk belajar dan mudah memahami kandungan.

Permainan aplikasi ini menyediakan kategori gambar dalam permainan teka-teki yang

merupakan haiwan, tumbuhan dan pengangkutan. Dengan aplikasi ini, pengguna boleh

bermain teka-teki, pada masa yang sama pengguna boleh belajar.

VI

TABLE OF CONTENTS

DECLARATION ........................................................................................................... I

APPROVAL ................................................................................................................ II

ACKNOWLEDGMENT .......................................................................................... III

ABSTRACT ................................................................................................................ IV

ABSTRAK ................................................................................................................... V

TABLE OF CONTENTS .......................................................................................... VI

LIST OF FIGURES ................................................................................................... IX

LIST OF TABLES……………………………………………………………...…XII

CHAPTER 1 INTRODUCTION ............................................................................ 1

1.1 BACKGROUND ................................................................................. 1

1.2 PROBLEM STATEMENT ................................................................. 2

1.3 PROJECT OBJECTIVES ................................................................... 2

1.4 PROJECT SCOPE .............................................................................. 3

1.5 LIMITATION OF WORK ................................................................... 4

1.6 EXPECTED RESULT ........................................................................ 4

CHAPTER 2 LITERATURE REVIEW ................................................................ 5

2.1 INTRODUCTION .............................................................................. 5

2.2 RESEARCH COMPARISON ............................................................ 5

2.3 EXISTING SYSTEM ......................................................................... 6

VII

2.3.1 Kids Puzzles – Wooden jigsaw .................................................. 6

2.3.2 Jigsaw puzzle free games for kids and parents ............................ 7

2.3.3 Kids Educational Game 5 ........................................................... 8

2.3.4 Funny Food 123! Kids Number Games for Toddlers ................. 9

2.3.5 Baby ABC In Box! Kids Alphabet Games for Toddlers .......... 10

2.3.6 Educational Games 4 kids ........................................................ 12

2.3.7 Kids Animal Jigsaw Puzzles ..................................................... 13

2.3.8 Toddler Games for 2-5-Year-Old ............................................. 15

2.3.9 Block! Hexa Puzzle .................................................................. 16

2.3.10 Magic Jigsaw Puzzles ............................................................. 17

2.4 Comparative Applications ................................................................. 18

2.5 SUMMARY ...................................................................................... 19

CHAPTER 3 METHODOLOGY ........................................................................ 20

3.1 INTRODUCTION ............................................................................ 20

3.2 SYSTEM DEVELOPMENT METHODOLOGY ............................ 20

3.2.1 Analysis Phase .......................................................................... 21

3.2.2 Design Phase ............................................................................. 21

3.2.3 Development Phase .................................................................. 22

3.2.4 Implementation Phase ............................................................... 22

3.2.5 Evaluation Phase ....................................................................... 23

3.3 SYSTEM DEVELOPMENT ENVIRONMENT .............................. 23

3.3.1 Software Requirement .............................................................. 24

VIII

3.3.2 Hardware requirement .............................................................. 25

3.4 SYSTEM DESIGN AND MODELING ............................................. 26

3.4.1 Navigation Map ........................................................................ 26

3.4.2 Storyboard ................................................................................ 28

3.4.3 System prototype ...................................................................... 31

3.5 TECHNIQUE ...................................................................................... 36

3.7 SUMMARY ........................................................................................ 37

CHAPTER 4 ............................................................................................................... 38

4.1 INTRODUCTION .............................................................................. 38

4.2 ELEMENTS OF MULTIMEDIA ....................................................... 39

4.3 APPLICATION DEVELOPMENT .................................................... 43

4.4 Testing ................................................................................................. 63

4.5 Test Case ............................................................................................. 63

4.5.1 Test Case Button ....................................................................... 63

4.5.2 Test Case Game ........................................................................ 65

4.6 Summary .......................................................................................... 66

CHAPTER 5 CONCLUSION AND FUTURE WORKS ................................... 67

5.1 INTRODUCTION ............................................................................. 67

5.2 PROJECT CONTRIBUTION ............................................................. 67

5.2 FUTURE WORKS .............................................................................. 68

REFERENCES ............................................................................................................ 69

APPENDIX (Gantt Chart) ........................................................................................ 71

IX

LIST OF FIGURES

FIGURE TITLE PAGE

2. 1 screenshot of Kids Puzzle ...................................................................... 6

2. 2 screenshot of Jigsaw puzzle ................................................................... 7

2. 3 screenshot of Kids Education Game 5 ................................................. 8

2. 4 screenshot of Funny Food 123! Kids Number Games for Toddlers .. 9

2. 5 screenshot of Baby ABC In Box ......................................................... 10

2. 6 screenshots of Educational Games 4 Kids ......................................... 12

2. 7 screenshots of Kids Animal Jigsaw Puzzles ....................................... 13

2. 8 screenshots of Toddler Games For 2-5-Year-Old ............................. 15

2. 9 screenshot of Block! Hexa Puzzle ....................................................... 16

2. 10 screenshot of Magic Jigsaw Puzzles ................................................... 17

3. 1 ADDIE Model ...................................................................................... 21

3. 2 Navigation map ................................................................................... 27

3. 3 Storyboard ........................................................................................... 28

3. 4 Storyboard ........................................................................................... 28

3. 5 Storyboard ........................................................................................... 29

3. 6 Storyboard ........................................................................................... 29

3. 7 Storyboard ........................................................................................... 30

3. 8 Storyboard ........................................................................................... 30

3. 9 Prototype Main Interface ................................................................... 31

X

3. 10 Prototype Activities Interface………………………………………32

3. 11 Prototype Game Play Interface ........................................................ 33

3. 12 Prototype Interface ............................................................................ 34



4. 1 Loading page ...................................................................................... 43

4. 2 Main page............................................................................................ 44

4. 3 Home page ......................................................................................... 45

4. 4 Activities page .................................................................................... 46

4. 5 choose stage page ............................................................................... 47

4. 6 Game Puzzle wild animal easy page ................................................ 48

4. 7 Game Puzzle small animal and insect easy page ............................ 49

4. 8 Game Puzzle domestic animals easy page....................................... 50

4. 9 Game Puzzle Marine animals easy page ......................................... 51

4. 10 Game Puzzle Flowers of plant medium page ................................. 52

4. 11 Game Puzzle Fruits of plant medium page ..................................... 53

4. 12 Game Puzzle Vegetables of plant medium page ............................. 54

4. 13 Game Puzzle Air Transportation Hard page ................................. 55

4. 14 Game Puzzle Land Transportation Hard page .............................. 56

4.15 Game Puzzle Sea Transportation Hard page ................................. 57

4. 16 Guess Game page .............................................................................. 58

4. 17 Drag Game page ................................................................................ 58

4. 18 Game score page ............................................................................... 59

4. 19 Learn page ......................................................................................... 59

4. 20 Animals Learn Video page ............................................................... 60

XI

4. 21 Plant Video page................................................................................. 60

4. 22 Credit page.......................................................................................... 61

4. 23 Score page ........................................................................................... 61

4. 24 Help page ............................................................................................ 62

4. 25 Exit page .............................................................................................. 62

XII

LIST OF TABLES

TABLE TITLE PAGE

2.1 Research Comparison ......................................................................... 6




2.5 Research Comparison ....................................................................... 11






2. 11 Comparison between the five (5) applications studied…………...18

3.1 Software Requirement ...................................................................... 22

3.2 Hardware Requirement .................................................................... 23

4.1 Table of button……………………………………………………....41

1

CHAPTER 1

INTRODUCTION

1.1 BACKGROUND

In this decade, everyone is using smart phones. As smart phones are reducing

the work of memory, for youngsters and kids it is necessary to get some work for

memory to sharpen it. This puzzle game is simply cute and little tough to solve. It can

help to increase concentration power. This puzzle is invented especially for kids in age

5-9 below which is opportunity for young children to focus on completing the game

with pleasing image. This puzzle is that to make the whole image out of it. It contains

the cut image slides which we have to drag in any places in order to make the whole

image. You have to use the logic power, patience, facing difficulties in it.

According to Sobel and Maletsky (1972) states that the educational system

through the game is seen to invite various elements of goodness it is a learning method

that can develop creativity and cultivate learning interest. The first puzzle was created

in Britain during the mid-1700s by John Spilsbury who used a map puzzle to teach

world geography. During the 1900s, magazines and newspapers began entertaining the

people with word puzzle. Over the last century, the use of puzzles has expanded and

taken many different forms.

2

Knowing the benefits of playing puzzle game I have created game “Let’s play

puzzle game” so they can play the puzzle game and other game anytime and anywhere.

This let’s play Puzzle mobile apps game will overview of modification puzzle game,

and some quiz. There are many benefits out of this kind of games. This Game will help

to build some skills for example cognitive skills, emotional skills, memory skills, etc.

1.2 PROBLEM STATEMENT

Here are some problem statements about the term of puzzle game in let’s play jigsaw

puzzle game is kids are more exposed playing a game using mobile phone rather than

playing traditional game. Kids nowadays mostly intern to learnt and react for interesting

learning like have a music, visual images, different kind of movement form, interesting

colours or object etc, and also consist of proses learning while playing. So, to create

suitable education game for the kids’ android mobile phone game, multimedia element

must be used to attracting children in playing an Education game and at a same time

they enjoyed playing it.

1.3 PROJECT OBJECTIVES

• To study android mobile application games that will assist the kids to play the

game.

• To design a new of puzzle games with more interactive and interesting.

• To develop multiple an interactive game that can improve kids’ skill.

3

• To implement puzzle mobile application games, guess mobile application game,

and drag mobile application game on android smartphone device.

1.4 PROJECT SCOPE

This project is proposed under certain defined scopes. This is to ensure the project

is heading to the right direction to achieve its intended purpose. The scope of the system

that will be implemented are below:

1. Users

• Only single player can play this game.

• Three game are given puzzle, Guess, and Drag. For puzzle there will be 3

stage of level that provide different photo, easy will have animals photo,

medium will have plant photo and hard will have transportation photo. For

Guess game will have quiz about the photo from the learn video. For the

Drag game it will be about life cycle, also question from the learn video.

• Get to see their highest score of each game.

2. For Android platform only

• Only focuses for android user only.

3. Rating

• Provide three level games only Easy, Medium, and Hard on puzzle games.

4

1.5 LIMITATION OF WORK

Limitation work for this project only provide one type of puzzle games, guess

game and drag game. For this puzzle games only to solve the stage of level difficulties

and player will get the score based on correct pieces to solved the puzzle. For the guess

game and drag game it’s just only simple side game. It’s because the target is for the

child 5 to 9 years old, and this project just state for Android platform only.

1.6 EXPECTED RESULT

Expected result for this following the development of the proposed project is

This game will be successful built for the kids to enjoying the education multiple game

with multimedia element for example with a great interface, graphics, interesting photo

music, button and etc. More than that, hoping the game is successful in implement on

android mobile apps and working well when playing the game. Furthermore, kids will

be enjoying the game without any stress or problem.

5

CHAPTER 2

LITERATURE REVIEW

2.1 INTRODUCTION

This chapter provide the literature review for the system that will be developed.

The literature is process of reading, analyzing, evaluating and summarizing and

comparison education in mobile app games. It can be a guideline to develop a new

mobile app game so that new education game can provide better or more functional than

existing mobile app games.

2.2 RESEARCH COMPARISON

There are several Android Application games related to the topic of the system

that will be develop. Many of the game use different ways to make mobile app games.

There are some advantages and disadvantages that we can analyses and added value, so

we can apply in the mobile app game that will be develop soon.

6

2.3 EXISTING SYSTEM

Based on my research, there are few existing systems found, there are is:

2.3.1 Kids Puzzles – Wooden jigsaw

Kids Puzzles – Wooden jigsaw created by Skycap in July 2018 for android 4.0

above. This application is built for kids between 2-9 years old. This application provides

different favourite cartoon characters, and helping in develop memory, logical thinking,

visual perception and fine motor skills for the kids

Figure 2. 1 Kids Puzzle

Table 2.1 Research Comparison

Advantages Disadvantages Improvement

-simple education

game for kids 3-5-

year-old

- Only state to ages under

8-year-old.

- Simple interface and un

interesting button

-Many of add popup

-need to remove the ads

-make button and interface

more interactive and interesting

7

2.3.2 Jigsaw puzzle free games for kids and parents

This is family puzzle game created by GoodSoftTech in April 2019 for android

4.0 above, this application is built for kids and adult, provide a hundred of pictures to

assemble, all the fun in one click with unlimited number of pictures, 4 to 100 puzzles,

with amazing graphics, and application help in cognitive skills, fine motor skills,

patience and ability to focus. Provide pictures categories which is planes, cars, hot air

balloons, animals, dogs, cats, fire trucks, fire engines, dragons, aliens, ponies, horses,

bulldozers, trains, knights, princesses, spaceships, dolphins, boats and many more.

Figure 2. 2 screenshot of Jigsaw puzzle



-unlimited number

of pictures

-can be play both of

adult and toddlers

-have many of

categories

-Boring game with un

pretty background and

interface of button

-to easy game for adult.

-only using one colour

-need to use interesting

background

-use interesting colour

-using interesting interface

8

2.3.3 Kids Educational Game 5

Created by pescAPPs in December 2017 for android 4.1 above, this application

is built for kids 8-year-old and under. This fun application contains 12 games, In English,

Spanish and Portuguese. With this game ,kids will learn the alphabet, draw letters,

improve their memory, logic and concentration, distinguish shapes, Order by size, solve

logical patterns, learn to paint and colours, distinguish colours, play table games, solve

logic paints, Count objects and the numbers, Solve puzzles, Motor skills and spatial

vision. Perfect for pre-schoolers.



-Great games for the kids

-great interface

- Alphabet tracing doesn't

work very well especially

on the curves (b, d, g etc.)

-improve alphabet tracing

Figure 2. 3screenshot of Kids Education Game 5

9

2.3.4 Funny Food 123! Kids Number Games for Toddlers

Created by Flag as inappropriate in April 2019 for android 4.1 above, this

application is built for kids 8-year-old and under. This game is about Learning to count,

familiarizing children with numbers for toddlers and giving them their first steps

towards math and writing numbers. Help children to learn basic math with ease as they

play.



-interesting colour

matching

-cute photo and

interface

-after three times playing the

game user need to paid to play

next level

- making a hard time kids to

stop the ads.

-need to remove the ads

-add video to make the

game more interesting

Figure 2. 4 Funny Food 123! Kids Number Games for Toddlers

10

2.3.5 Baby ABC In Box! Kids Alphabet Games for Toddlers

This app has been created by Bini Bambini in April 2019 for android 4.1 above,

Bini Bambini a software company which develops kids’ games for toddlers 3 years old

and learning games for toddlers age 3. This app help kids learn the alphabet, letters,

numbers and phonics. The alphabet games preschool help to develop memory, attention

span, vocabulary and speech, as well as other basic skills. Children are exposed to

learning ABC sounds, writing and counting through building puzzles and doing simple

math. The animated, joyful letters in boxes will help kids to learn the alphabet and to

read more than 100 different words.

Figure 2. 5 screenshot of Baby ABC In Box

Table2.5 Research Comparison


-Have a sound

- interesting colour

combination with alphabet

-provide two learning modes

of learning: reading by

-no video -need to add video for

more easy learning

11

syllables and reading by

letters.

-provide elements of

multimedia

12

2.3.6 Educational Games 4 kids

Created by pescAPPs in April 2018 for android 4.1 above, this application is

built for kids 6-8-year-old, this fun application contains 11 games designed for kids.

With this game kids will learn about many contents of learning like the animal’s name

and sound, distinguish shapes, learn to paint and colours, time Hours and minutes

,The emotions: angry, surprised, happy, Piano: Musical notes and 12 songs to Improve

their memory, logic and concentration, this game is perfect for pre-schoolers.

Figure 2. 6 screenshots of Educational Games 4 Kids


-Good games for

improve kids’ skill

- Graphics and

sounds are lacking

-Too many ads for

a little kids’ game.

-need to use suitable graphic and

unbroken sound

- add can be used to collect the point to

use in help button


13

2.3.7 Kids Animal Jigsaw Puzzles

created by App Family Kids - Games for boys and girls in May 2019 for android

4.2 above, this application is built for kids 8-year-old and under. Super Puzzle works

almost like a real jigsaw puzzle for kids. When you select a puzzle piece it stays on the

board even if you place it incorrectly, and you can move the puzzle piece until it slides

to the correct place. Each relaxing puzzle features a beautiful image and a unique reward

when the jigsaw puzzle is completed. The images include things like unicorns, dragons,

or dinosaurs, and the rewards include balloons, fruits, snowflakes and many more. This

game can play with 6, 9, 12, 16, 30, 56 or 72 puzzle pieces in order to adjust the

difficulty of kid’s skill level.

Figure 2. 7screenshots of Kids Animal Jigsaw Puzzles

14



-Beautiful

interface

-user can improve

their skill with

highest puzzle

pieces

-can control how

many pieces to

play

- The button and interfaces

don’t not interesting at all.

- The controls are not great

and hard to move pieces,

especially for younger kids

-Lots of pieces per puzzle

better for older kids.

-Need to improve the control of

puzzle pieces, if puzzle stay on

the board even player place it

incorrectly it will difficult to

solve the puzzle

15

2.3.8 Toddler Games for 2-5-Year-Old

Created by Bimi Boo Kids - Games for boys and girls LLC in April 2019 for

android 4.1 above, this application is built for kids 5-year-old and under. This is

educational toddler games for pre-kindergarten kids. This app has 15 pre-k activities for

toddlers that will help the baby develop basic skills like hand eye coordination, fine

motor, logical thinking and visual perception.

Figure 2. 8 screenshots of Toddler Games For 2-5-Year-Old



-Many kinds of game like

puzzle game, logic game,

shape game, color game,

logic game, pattern game,

memory game, and the last

one attention game

- player need to paid

to play next game

-not very interesting

graphics

-make it free and not require

internet

-make graphic more

interesting

16

2.3.9 Block! Hexa Puzzle

Created by BitMango in May 2019 for android 4.1 above. This app is about to

move the blocks to fill the blanks & collect block pieces to level up.

Figure 2. 9 screenshot of Block! Hexa Puzzle



-Perfect brain-teasing

game & perfect for

little pocket of time

-Stunning, colourful

graphics & themes for

pure enjoyment &

excitement

-To many ads’ popup

-not very interesting

game

- use of attractive colors for a

button

- Using a more attractive

interface

17

2.3.10 Magic Jigsaw Puzzles

Create by ZiMAD in May 2019 for android 4.0.3 above, this application is built

for kids and adult. This Magic Jigsaw Puzzles is a jigsaw puzzle game with over 20,000

fun HD pictures to relax and solve, new free daily jigsaws and photos curated from

National Geographic, Sony Pictures, and Cartoon Network. Simple interface will let

user easily create a unique personalized impossible puzzle using their own photo or

image. Require hard levels with 630 pieces for adult or kid to train the brain.

Figure 2. 10 screenshot of Magic Jigsaw Puzzles



-Relay with intuitive

controls

-simple interface for kids

and adults

-can adjust the music

-Many app popups while

playing

-Don’t even get to a puzzle

before decide to remove

-crash while playing the game

-Fix all the problem

from disadvantages

18

2.4 COMPARATIVE APPLICATIONS

Table 2. 21 Comparison between the five (5) applications studied

Kids

Puzzles

Kids

Animal

Jigsaw

Puzzles

Baby ABC

In Box!

Kids

Alphabet

Games for

Toddlers

kids

Educational

Games 5

Block!

Hexa

Puzzle

Interface

design

Attractive

and user-

friendly

Packaged

and easy to

understand

by users

Less

interesting

Interesting

and can be

understand

by users.

Attractive

and user-

friendly

Color use

Cheerful

and very

suitable

for

children

Suitable and

interesting

for kids

Less

interesting

Interesting

for all

groups

The

combination

of color is

less

interesting

Database

Yes

Yes

Yes Yes Yes

Access

No need

internet

No need

internet

No need

internet

No need

internet

No need

internet

Platform

Android Android Android Android Android

Language

English English English English,

Spanish and

Portuguese

English

Social

Media

No

connection

No

connection

No

connection

No

connection

No

connection

19

2.5 SUMMARY

In conclusion, literature review gave detail understanding about research and

studies of apps, website and journal that are done by other people which is related to

the project. With the availability of research on existing applications, mobile game apps

and others, it can help in the process of implementing the project become more smoothly

and facilitate the development of the project become more effectively. From the

research also the idea combination of mobile learning and game-form quiz is a better

way in developing a learning tool.

20

CHAPTER 3

METHODOLOGY

3.1 INTRODUCTION

This chapter will discuss the method and alternatives that are will be used from the

beginning till the end of this project. Project flow and system overview will be discussed

briefly to give more understanding of the design and development concept of this

project, the project involves more software than hardware in overall. The methodology

must be organized to solve a problem, search of facts about the subject to ensure the

project is complete and working well. The methodology is important because it will

guide the researcher and make sure the system can be accomplished successfully

3.2 SYSTEM DEVELOPMENT METHODOLOGY

The selected methodology that used in develop of this game system is Addie Modell.

It will be the suitable guideline to help developing this mobile app games. There are

five phases involved in this model such as analysis, design, development,

implementation and evaluation as shown in the figure 3.1.

21

Figure 3. 1 ADDIE Model

3.2.1 Analysis Phase

Analysis phase is to analyze the existing mobile app games and all requirement

that are needed to design and development the new puzzle game. In this phase, the

information regarding puzzle game using smartphone application either journal, articles,

book or research paper are collected and gathered. Based on the collection of

information, method and technique that is suitable been decided. Adobe Flash are the

best methods that can be used to develop a puzzle game android application.

3.2.2 Design Phase

In This design phase, identify the design of the system and developed prototype

based on the functionalities that will be build. The data or requirement obtained during

planning and analysis phase transformed into design. A navigation map and a sketch of

storyboard are built to show the flow of the system allow user participant to evaluate

22

what and how the real prototype works. During this phase, the proposal of the project

created and presented to the panel.

In the sketch of storyboard, player will be providing three game and three stages

of level after choosing the puzzle game, player will give picture based on level stages.

The pictures will be about animals, plant, and transport, and other game is about quiz

and drag game. After that player can play and getting the score based on correct pieces

to completed the puzzle. This phase is shown in the chapter 3, design and navigation

map.

3.2.3 Development Phase

The third phase is the process of developing the entire design and is used as a

guide for the authoring process. The authoring process is a process where all the

elements to be used will be included in the puzzle mobile apps game a using Adobe

Flash. This software is selected because it is capable of producing android navigation

apps. In this stage of development also, development uses all agreed approaches or

designs in the stages.

3.2.4 Implementation Phase

The implementation phase is a testing phase. Completed applications will be

tested by the supervisor. Testing is done to find the weaknesses and to detect any

unnecessary errors during the authoring process. Supervisor free to comment and

criticism so that improvements can be made and any errors can be corrected. Through

this phase, the effectiveness and smoothness of the application can be ensured,

23

indirectly maintaining quality of the android Mobile app games. This phase is a critical

phase where the user part needed to be fulfilled and to make sure the objectives meet.

3.2.5 Evaluation Phase

Finally, the evaluation phase. involves the process of obtaining feedback from

users on the content, strategies, graphics, audio, animation, interfaces and so on in the

software either through supervisors, face-to-face with users or interviews to make sure

they are aligned with the scope of the user set. Assessments were made by supervisors

and lecturers from the faculty computerized informatics. If there is any feedback that

requires the application to be upgraded, the modification process will be implemented

to ensure that it complies with the scope of the user within the period underlined. Once

the system is in steady state, it is reviewed that the system met all the objectives and

goals.

3.3 SYSTEM DEVELOPMENT ENVIRONMENT

System requirement consists of two component such as software requirement

and hardware requirement. Both components are essential elements for successful game

development process and mutually interdependent. The approach used in this android

application is an exploration method. Self-exploration methods where users are able to

interact with android apps. Therefore, the navigation buttons provided by the android

app for the user will allow the user to use the android app according to their wish and

24

explore the android application itself. Users are free to skip anywhere they want based

on the available buttons.

The performance of the system application is based on the integration between

software and hardware used. Without those requirements, system may malfunction and

does not work properly.

3.3.1 Software Requirement

Software requirement deal with defining software resource requirements and

pre-requisites that need to be installed on a computer to provide optimal functioning of

an application. These requirements or pre-requisites are generally not included in the

software installation package and need to be installed separately before the software is

installed. Software are selected to be used for this project are:

Table 3.1 Software requirement

Software Type Description

Operating System -Windows 10 Professional 64 bit

Adobe flash

Design the game interface

Create code of the game

Adobe Photoshop Used to design background wallpaper, and layout of game

Phone Audio Record Used to record Sound

Documentation

Software

To make a guideline of how system work

-Microsoft Office 2018

25

3.3.2 Hardware requirement

The most common set of requirements defined by any operating system or

software application is the physical computer resources, also known as hardware.

Table 3.2 Hardware requirement

Item Name Description

Laptop NEC (VX-A) - Processor Intel Core I5 CPU@

1.60Ghz 2.30 GHZ

- OS: Windows 10 Professional 64 bit

- Memory: 8 GB RAM

- Solid State Drive: 240 GB

Wireless Network -UniSZA-Hotspot

PenDrive -For backup

Printer -Print all the document

Android Phone -For testing the game

26

3.4 SYSTEM DESIGN AND MODELING

In this sub topic, Navigation describes the flow of Android apps and the content

contained in them in the stream. It is important that users not be strayed and can

understand the concept of this android app properly. Meanwhile Storyboard will

represent the hole of the game system and interface. Modeling process involves a

graphical representation of the functions and process for the development of a system

was developed.

3.4.1 Navigation Map

The approach used in this android application is an exploration method and

game-based learning method. Self-exploration methods where users are able to interact

with android apps. Therefore, the navigation buttons provided by the android app for

the user. Will allow the user to use the android app according to their wish and explore

the android application itself. Users are free to skip anywhere they want based on the

available buttons. Game-based learning is used to designing learning activities that can

incrementally introduce concepts, and guide users towards an end goal.

27

Figure 3. 2 Navigation map

menu

play

Choose game

Puzzle

Guess

Drag

Learn

video

Animals

Plant

Vehicle

score

Puzzle game

current score

Latest score

Quess game

current score

Latest score

Drag game

current score

Latest score

help Exit

28

3.4.2 Storyboard

To generate this app. storyboards, need to be provided before they are made. It

is necessary to facilitate game development as a reference. Storyboards are sketched

based on selected topics.

Figure 3. 3 Storyboard


29



30



31

3.4.3 System prototype

In this section the prototype will be visualize and demonstrate on how the system

will work. Prototype is a basic version of the system is built, tested and then reworked

as necessary until an acceptable prototype is finally achieved from which the complete

system or product can be developed.

3.4.3.1 Prototype Main interface

This figure shown about Prototype Main Interface. After click the puzzle app,

the user will be brought to homepage. On this page, the user has five navigate button

which is Play button, Learn button, scores button, help button, Exit button.

Figure 3. 9 Prototype Main Interface

32

3.4.3.2 Prototype Main interface

This page is for user choose game. If user choose Puzzle game it will bring to

choosing stage page first before playing the game and this puzzle game have three level

which is Easy, Medium and Hard, this page is under Play button.

Figure 3. 10 Prototype Activities Interface

33

3.4.3.3 Prototype Game Play interface

This page about games. For Easy game, the pictures of puzzle will be about

animals, and require 9 pieces of puzzle. For medium it will be about plant pictures, and

it require 16 pieces of puzzle. Lastly Hard stage will show crowded pictures of transport,

require 25 pieces of puzzle. The wallpaper background will change based stages player

choose to play.

Figure 3. 11 Prototype Game Play Interface

34

3.4.3.4 Prototype Play interface

After finish the game ,description about level complete will be pop up to shown

the score. Then player can click the next button to play next game. If player want to

Exit from the game ,just click button home in animals gallery it will go to main page

menu and click again button Exit.If user click previous button in animals gallery it will

go to stages page as shown in figure below.

Figure 3. 12 Prototype Play Interface

35

3.4.3.5 Prototype Video interface

This is button learn page where player can watch and learning from the video.

Figure 3. 13 Prototype Video Interface

36

3.4.3.6 Prototype interface

This figure show about score page and help page .Button page scores provide to

show scores of player to make sure that player know their highest score for challenge

in next game everytime their playing the game.For the page help it will describe more

about on how to play the game

Figure 3. 14 Prototype Interface

3.5 TECHNIQUE

• Technique : Self-exploration

• Technique : Game based learning (GBL)

• 2D&3D Animation

• Platform: mobile

• language: java

37

3.6 SUMMARY

This chapter briefly explain about methodology used in this project.

Methodology is very important in development. Addie model phase has been used to

guild in proses of development the project that has been mention early. The list of

system requirement such as software and hardware for developing system is briefly

explained.

38

CHAPTER 4

RESULT

4.1 INTRODUCTION

In this chapter will explain about Implementation and result. Implementation is

the process that turns strategies and plans into actions in order to accomplish strategic

objectives and goals, implementation of multimedia element such as audio, video,

graphic text and image is an important aspect in develop android application to make

application more interesting and can be understand for the user. Result of the application

has been testing to make sure all the application is working fine and can be used in

mobile phone.

39

4.2 ELEMENTS OF MULTIMEDIA

Element of multimedia is very important in multimedia application learning.

Multimedia consist of five (5) elements; audio, video, graphic, animation and button.

4.2.1 Audio

Audio is very important in making applications for the kids. Audio help

applications more interesting to attract kids. Audio only be used as the music

background and for button false and true answer.

4.2.2 video

Consumption of video elements can interact players to keep on using this

application. Video can be used for deliver information with more effective and

interesting.

4.2.3 Graphic

Graphic elements are also important to make the applications more interesting

with a colourful graphic element as a background. These graphic elements help the

applications look more balance.

40

4.2.4 Animation

Animation in this application is used to display information. All information

converted into animation to make it its more interesting and more understanding.

4.2.5 Button

Button is the most important element in application, in this application there is

a few of button provided. This button is using symbol or shape and each button have

their own specific. The main button like home button, and back button, is placed in each

page for facilitate user to understand and used the application. The button we talk about

is:

Table 4.1 Table of button

Button Explanation

Credit button

-Explain about the developer

Yes button

-Yes button to exit from the

game

41

No button

-No button to go back in

homepage

Back button

-For back to previous page

Next button

-For next to another page

Sound button

-It will be spoken about animal’s

name

Eye button

-To shown picture of puzzle

Home button

-To going home page

42

Previous button

Next button

43

4.3 APPLICATION DEVELOPMENT

In this mobile application, there are few main sections which is loading page,

home page and in-home page there are divided into five section first play page, second

learn page, third score page, four help page and the last is exit page.

4.3.2 Loading Page

Figure 4.1 show loading page, after clicking the application user will be in

loading page first before go to the Main page. This page shown logo of the application

game.

Figure 4. 1 Loading page

44

4.3.2 Main page

Figure 4.2 show Main page. These pages require user to write their name for

reserve the data score in page score, and this name will be popup in each game.

Figure 4. 2 Main page

45

4.3.3 Home page

Figure 4.3 show Home pages. On this page, five navigate button is provided

which is Play button, learn button, Scores button, help button, and Exit button.

Play button will lead to activities page which is require user to choose which game want

to play to start playing the game. Next is Learn button, Learn button bring user to learn

page that content video for interactive learning. Here user can learn from the video about

animals’ life cycle, plant, and vehicle for answer question from drag and guess game.

For Score button it will display about current score and latest score of the game.

Furthermore, help button will giving instruction how to play the game Finally Exit

button to out from the game.

Figure 4. 3 Home page

46

4.3.4 Activities page

Figure 4.4 show Activities pages, this page is about games in this application,

there are three games has been developed, first puzzle the main game, second is guess

game and third is drag game. This page user needs to choose what game to play and if

user want to exit from this page user can click back button at the top.

Figure 4. 4 Activities page

47

4.3.5 Choose stage page

Figure 4.5 show choose stage page. This is page when user click puzzle game,

here three stages is provided. First, for easy the content of picture is about the animals

and the animals is divided into four type animals which is wild, domestic, small animals

and insect, and the last is marine animals. Second, for medium the content of picture is

about plant and also divided into three categories such as flowers, fruits, and vegetable.

Third, for hard the content of picture is going about transportation. The transportation

is divided into three categories land, air and water.

Figure 4. 5 choose stage page

48

4.3.6 Game Puzzle wild animal easy page

Figure 4.6 show Game Puzzle wild animal easy page. This page is

combination of animal gallery page and game page first user need to choose which

animals to play then click the photo to play the game. In the game it will be many

photos of wild animals to solve after finish user need to click button next and score

will be saved.

Figure 4. 6 Game Puzzle wild animal easy page

49

4.3.7 Game Puzzle wild animal and insect easy page

Figure 4.7 show Game Puzzle small animal and insect easy page. This page is


animals to play then click the photo to play the game. In the game it will be many photos

of small animal and insect to solve after finish user need to click button next and score

will be saved.

Figure 4. 7 Game Puzzle small animal and insect easy page

50

4.3.8 Game Puzzle domestic animal easy page

Figure 4.8 show Game Puzzle domestic animals easy page. This page is



domestic animals to solve after finish user need to click button next and score will be

saved.

Figure 4. 8 Game Puzzle domestic animals easy page

51

4.3.9 Game Puzzle Marine animal easy page

Figure 4.9 show Game Puzzle Marine animals easy page. This page is



Marine animals to solve after finish user need to click button next and score will be

saved

.

Figure 4. 9 Game Puzzle Marine animals easy page

52

4.3.10 Game Puzzle Flowers of plant medium page

Figure 4.10 show Game Puzzle Flowers of plant medium page. This page is



Flowers to solve after finish user need to click button next and score will be saved and

this page game have 16 pieces of puzzle.

Figure 4. 10 Game Puzzle Flowers of plant medium page

53

4.3.11 Game Puzzle Fruits of plant medium page

Figure 4.11 show Game Puzzle Fruits of plant medium page. This page is



Fruits to solve after finish user need to click button next and score will be saved and

have 16 pieces of puzzle.

Figure 4. 11 Game Puzzle Fruits of plant medium page

54

4.3.12 Game Puzzle Vegetables of plant medium page

Figure 4.12 show Game Puzzle Vegetables of plant medium page. This page is



vegetables to solve after finish user need to click button next and score will be saved

and have 16 pieces of puzzle.

Figure 4. 12 Game Puzzle Vegetables of plant medium page

55

4.3.13 Game Puzzle Air Transportation Hard page

Figure 4.13 show Game Puzzle Air Transportation Hard Page. This page is

combination of transport gallery page and game page first user need to choose which

transport to play then click the photo to play the game. In the game it will be many

photos air transportation to solve after finish user need to click button next and score

will be saved and have this game has 25 pieces of puzzle.

Figure 4. 13 Game Puzzle Air Transportation Hard page

56

4.3.14 Game Puzzle Land Transportation Hard page

Figure 4.14 show Game Puzzle Land Transportation of Hard page. This page is



Land transportation to solve after finish user need to click button next and score will be

saved and have 25 pieces of puzzle.

Figure 4. 14 Game Puzzle Land Transportation Hard page

57

4.3.15 Game Puzzle Sea Transportation Hard page

Figure 4.15 show Game Puzzle Sea Transportation Hard page. This page is



Sea transportation to solve after finish user need to click button next and score will be

saved and have 25 pieces of puzzle.

Figure 4.15 Game Puzzle Sea Transportation Hard page

58

4.3.16 Guess Game page

Figure 4.16 show Guess Game page. This page is about quiz game in guess form.

The question is content about animals. Plant and vehicle.

Figure 4. 16 Guess Game page

4.3.17 Drag Game page

Figure 4.17 show Drag Game page. This page is about drag game life cycle of

plant, insect and human. Score will decrease if user place in wrong placed.

Figure 4. 17 Drag Game page

59

4.3.18 Game Score page

Figure 4.18 show Game score page. This is the last page in game when user is

finish play puzzle. This page shown total score user is collect.

Figure 4. 18 Game Score page

4.3.19 Learn page

Figure 4.19 show Learn page. This page is about interactive learning video.

Provided three video first animals second is plant and third is vehicle.

Figure 4. 19 Learn page

60

4.3.20 Animals Learn Video page

Figure 4.20 show Animals Learn Video page. This is how the Animals Learn

video looks. One by one picture animals will be display.

Figure 4. 20 Animals Learn Video page

4.3.21 Animals Plant Video page

Figure 4.21 show Plant video page. This how is the Plant Learn video looks.

Figure 4. 21 Plant Video page

61

4.3.22 Credit page

Figure 4.22 show credit page This page shown about developer detail.

Figure 4. 22 Credit page

4.3.23 Score page

Figure 4.23 show Score page. This page shown about score detail.it will save

current and latest score.

Figure 4. 23 Score page

62

4.3.24 Help page

Figure 4.24 show Help page. This page explains more detail about how to play

the games.

Figure 4. 24 Help page

4.3.24 Exit page

Figure 4.17 show page. This is Exit page, user can click button yes if want to

exit from the game but no for cancel and back to homepage.

Figure 4. 25 Exit page

63

4.4 Testing

This section is discussing the module testing in the application. Tastings is done

from page to page. If it is found error, the code needs to be corrected and run again and

again until successful test. Implementation and testing are done to ensure that

development of the Let Play Puzzle mobile app game is fulfil the user requirement and

achieve the main objective.

4.5 Test Case

A test case is a set of condition under which a tester will determine whether an

application or one of its features is working, as it was originally established for it to do.

The process of doing test cases can help to find out problems on the application

requirements. In a test case, it consists of components which describes an application

that function properly. The table below show the test case for several process of the

application.

4.5.1 Test Case Button

Condition:

The user must be login to the application to access the system and the user can

click all the menu button.

64

Table 4. 2 Test case buttons

Step Action Expected Response Result

1 User click on the Play button The page of game will be

displayed.

Success

2 User click on the Learn button The learning video will be

displayed.

Success

3 User click on the Help button The information about this

application will be displayed.

Success

4 User click on the Score button The page of Score board be

displayed.

Success

5 User click on the Eye button The Photo of puzzle game

will be displayed.

Success

6 User click on sound button The sound will be hear Success

7 User click on the Back button The previous page will be

displayed.

Success

8 User click on the Home button The main menu page will be

displayed.

Success

9 User click on the Next button The next page will be

displayed.

Success

10 User click Yes button The user will be back to

homepage.

Success

11 User click No button The user will Exit from the

game.

Success

65

4.5.2 Test Case Game

Condition:

The user can tap all the graphic image, move the character, increase and decrease

the score and the score will pop up at the end of the game. The highest score for each

game will also be displayed.

Table 4. 3 Test Case Game

Step Action Expected Response Result

1 User tap on the image (Puzzle

photo)

The page game will display Success

2 User drag the image The image can be drag

anywhere

Success

3 User drag the pieces of photo The pieces of photo can move

around

Success

4 User click button answer The next game will be display

Success

5 Game finish The Game Over screen will

pop up which display the

score, highest score, Back and

Home button.

Success

66

4.6 Summary

As summary for this chapter, we can conclude that implementation is the process

of realization of the system based on design. The implementation part has been bravely

explained and the interfaces of the mobile application has been shown. Testing also has

been done to ensure that all the functionality achieved and run smoothly. The

Maintenance should be carried out if there is any error detected. The application will

repeatedly be tested to minimize the error.

67

CHAPTER 5

CONCLUSION AND FUTURE WORKS

5.1 INTRODUCTION

In this chapter, we will discuss about project contribution and future

improvement for consideration for future undertaking in order to make this application

more user friendly and more enjoyable.

5.2 PROJECT CONTRIBUTION

This project, Let’s play puzzle mobile application game is successfully

achieving its main objectives which is to developed interactive game and to implement

in mobile phone. This game helped kids in process of learning about three main topics

first is animals, second is plant and third is vehicle. This mobile application game

intriguing kids to deeply learning and remember about this topic with playing the game

compared to traditional learning that have no interactive multimedia element. This game

is developed for the kids in range 5 – 9-year-old. This mobile application games will be

generated creative thinking and smart young people that will help our country later.

68

5.3 FUTURE WORKS

Improvement for the better of the application that could be consider is:

1) Put sound for the questions before kids starts playing the game.

2) Put more contains about learning.

3) Upgrade the game by adding scoreboard which user can see the score of every

game they have played.

4) Have a more video with more details explanation about the contains.

5) Need to used more graphic in each page.

5.4 CONCLUSION

The improvement of using this interactive application has been known in this era

and it shown a great potential in helping kids in a learning. I’m hope this “let’s play

puzzle game” (mobile application game) will bring benefits for the kids in many aspects

for successful in the future.

69

REFERENCES

1. Ferrara, John. 2012. Playful Design: Creating Game Experiences in Everyday

Interfaces. Brooklyn: Rosenfeld Media.

2. Kapp, Karl M. 2012. The Gamification of Learning and Instruction: Game -

based Methods and Strategies for Training and Education. San Francisco:

Pfeiffer.

3. McGonigal, Jane. 2011. Reality is Broken: Why Games Make us Better and

How They Can Change the World. New York: Penguin Press.

4. Trybus, Jessica. 2015. “Game-Based Learning: What it is, Why it Works, and

Where it’s Going.” New Media Institute. Accessed April 6.

http://www.newmedia.org/game-based-learning--what-it-is-why-it -works-and-

where-its-going.html.

5. E. S. Association, ―Essential Facts About The Computer And Video Game

Industry, ‖ Sales, Demographic and Usage Data, 2012.

6. J. W. Creswell, Research Design: Qualitative, Quantitative, and Mixed Methods

Approaches. 2003.

7. Altman T., 1989, Solving the jigsaw puzzle problem in linear time. Applied

Artificial Intelligence,3 (1989)

8. Bunke H., Kaufmann G., 1993, Jigsaw puzzle solving using approximate string

matching and best-first search, Computer Analysis of Images and Patters, LNCS,

Springer, (1993) 299-308

9. Glenn Wharton, Crossword Puzzle: One Way to Improve Communication

Strategies English Forum.vol.32 No.1. http://dosfan.lib.uic.edu/usia/E-

USIA/forum/vols/vol33/no1/P47.htm. (accessed on Jan 12, 2015).

70

10. N.Wahyuningsih, A Study on The Role of Crossword Puzzle in Developing

Speaking Proficiency, Bistek journal bisnis dan teknologi, 2009, volume 17, 44-

50.

11. Rizka Amelia, The Effect of Crossword Puzzle Game with Picture Clue to

Vocabulary Achievement of The Fifth Grade Students of SDN 1 Menteng

Palangka Raya in Academic year 2011/2012, Thesis, UNPAR, 2012.

12. Glenn Wharton, Crossword Puzzle: One Way to Improve Communication

Strategies English Forum.vol.32 No.1. http://dosfan.lib.uic.edu/usia/E-

USIA/forum/vols/vol33/no1/P47.htm. (accessed on Jan 12, 2015).

13. Puzzles for kids (Mobile application game)

https://play.google.com/store/apps/details?id=com.goodsofttech.puzzlesforkids

&hl=en

14. Kids Wooden Jigsaw (Mobile application game)

https://play.google.com/store/apps/details?id=com.skycap.Kids_Wooden_Jigs

aw&hl=en

15. Gamekids5 (Mobile application game)

https://play.google.com/store/apps/details?id=com.pescapps.gamekids5&hl=en

16. Funnyfood3 (Mobile application game)

https://play.google.com/store/apps/details?id=biz.arrowstar.funnyfood3&hl=en

17. Mini ABC Lite (Mobile application game)

https://play.google.com/store/apps/details?id=com.binibambini.MiniABCLite

&hl=en

18. Super puzzle free (Mobile application game)

19. https://play.google.com/store/apps/details?id=se.appfamily.superpuzzlefree&h

l=en

https://play.google.com/store/apps/details?id=com.goodsofttech.puzzlesforkids&hl=en

https://play.google.com/store/apps/details?id=com.goodsofttech.puzzlesforkids&hl=en

https://play.google.com/store/apps/details?id=com.skycap.Kids_Wooden_Jigsaw&hl=en

https://play.google.com/store/apps/details?id=com.skycap.Kids_Wooden_Jigsaw&hl=en

71

APPENDIX (Gantt Chart)

Activity 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

Discussion

and selection

of title

Registration

of project title

Proposal

Writing–

Introduction

Proposal

Writing-

Literature

Review

Proposal

Progress

Presentation

and

Evaluation

Discussion

and

Correction of

Proposal

Proposed

Solution –

Methodology

Proof of

Concept

Drafting

Report of the

Proposal

Submit draft

of report to

Supervisor

Seminar

Presentation

Correction

Report

Final report

submission

(FYP 1)

Week

72

Activities 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

Project Meeting

with Supervisor

Project

Development

Proposal Progress

Presentation &

Evaluation

Project Testing

Poster Preparation

Final Year Project

Format Writing

Workshop

Submit draft Repot

and Documentation

of the Project

Seminar

Presentation

Discussion and

Correction Report

Final Thesis

Submission

Submission

Hardcopy Repot

and Logbook

Submission

(FYP 2)

Week

73

APPLICATION ICON

POSTER

let’s play puzzle game mobile application

Documents