LET’S LEARN HAJJ (GAMES)

MOBILE APPLICATION

NURUL ASYIQIN BINTI ZUKIFFLI

BACHELOR OF INFORMATION TECHNOLOGY

(INFORMATICS MEDIA) WITH HONOUR

FACULTY OF INFORMATICS AND COMPUTING

UNIVERSITI SULTAN ZAINAL ABIDIN

2018

i

DECLARATION

I hereby declare that this report entitled Let’s Learn Hajj is based on my original work

except for quotation an citations, which have been duly acknowledged. I also declare

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

Universiti Sultan Zainal or other institutions.

Name : Nurul Asyiqin Binti Zukiffli

Date :……………………………………………..

ii

CONFIRMATION

This project report entitled Let’s Learn Hajj was prepared and submitted by Nurul

Asyiqin Binti Zukiffli and has been found satisfactory in term of scope, quality and

presentation as partial fulfilment of the requirement for the Bachelor of Information

Technology (Informatics Media) with honors in University Sultan Zainal Abidin.

Name : Pn Fauziah Binti Abd Wahab

Date :……………………………………………..

iii

ACKNOWLEDGEMENT

In the name of Allah, the most Graciuos and the most Merciful.

Praise to Allah for blessing me to undergoing the process of completing this final year

project. Here, I would like to express my thanks my beloved parents, En Zukiffli bin

Man and Puan Khalijah binti Che Hassan, my family and friends for always providing

me the continued support in order to complete this final year project. You are my

constant source of inspiration. I express my thank to my supervisor, Puan Fauziah

binti Abd Wahab, for her guidance, enthusiasm and patient in supervising me to

complete this final year project.

May Allah bless all the kindness done by everyone in helping me to finish this final

year project.

iv

ABSTRACT

Education is very important in modern times today. Therefore, it is important for

parents to educate children since childhood. As time goes by, the education system

can only be done at the tip of the finger. With the latest technologies like smartphones

and tablets everything can be easily explored easily and fast. Hence, in line with the

times of development, the education system has also changed towards a more

systematic and fun way through the application. But the lack of an application that

reveals about Hajj education for Muslim children. With that Let's Learn Hajj is

introduced through educational games and also interesting animations besides having

easy-to-understand questions specifically for muslim children. Let's learn Hajj was

created to give an easy picture of the implementation of Hajj through interesting and

easy-to-understand games for children aged four to six years old. This project will be

developed as a mobile app that uses Adobe Flash, Adobe Audition, Adobe Photoshop

and Android studio software. With this mobile apps that will be developed it can help

parents easily provide the basis of religious education about hajj to children.

v

ABSTRAK

Pendidikan sangat penting pada zaman moden hari ini. Oleh itu, amat penting bagi

ibu bapa memberi pendidikan kepada anak-anak sejak kecil. Seiring dengan

perjalanan zaman, kini sistem pendidikan hanya boleh dilakukan hanya di hujung

jari. Dengan adanya teknologi terkini seperti telefon pintar dan tablet segalanya dapat

diterokai dengan mudah senang dan pantas. Oleh itu, seiiring dengan perkembangan

zaman, sistem pendidikan juga berubah kearah yang lebih mudah, sistematik dan

menyeronokkan melalui aplikasi .Tetapi kurangnya aplikasi yang mendedahkan

tentang pendidikan haji bagi kanak-kanak muslim. Dengan itu Let’s Learn Hajj di

perkenalkan melalui pendidikan berbentuk permainan dan juga animasi yang menarik

di samping mempunyai soalan-soalan yang mudah difahami khusus untuk kanak-

kanak muslim. Let’s Learn Hajj dicipta bagi memberi gambaran mudah tentang

perlaksanaan rukun haji melalui games yang menarik dan mudah difahami bagi

kanak-kanak yang berumur empat hingga enam tahun. Projek ini akan dibangunkan

sebagai aplikasi mudah alih yang menggunakan perisian Adobe Flash, Adobe

Audition, Adobe Photoshop dan Android studio. Dengan aplikasi yang akan

dibangunkan ini dapat membantu ibubapa memberi asas pendidikan agama tentang

haji kepada anak-anak dengan mudah.

vi

CONTENT

PAGE

DECLARATION

CORFIRMATION

ACKNOWLEDGE

ABSTRACK

ABSTRAK

CONTENT

LIST OF TABLE

LIST OF FIGURES

CHAPTER 1 INTRODUCTION

1.1 Introduction 1

1.2 Problem Statement 2

1.3 Project Objectives 2

1.4 Project Scope 2

1.5 Milestone and Activities 2

1.6 Expected Result 4

CHAPTER 2 LITRATURE RIVIEW

2.1 Introduction 5

2.2 Review of Existing Resources 5

2.3 Summary 9

vii

CHAPTER 3 METHODOLOGY

3.1 Introduction 10

3.2 Project Development Methodology 10

3.2.1 Planning Phase 11

3.2.2 Analysis 11

3.2.3 Design 11

3.2.4 Implementation and Testing 12

3.2.5 Maintenance 12

3.3 Project Requirement 12

3.3.1 Software Requirement 13

3.3.2 Hardware Requirement 13

3.4 System Design 14

3.4.1 Framework Design 14

3.4.2 Flowchart 15

3.4.2.1 Login 15

3.4.2.2 Register 15

3.4.2.3 Manage Games 16

3.4.3 Storyboard Design 17

3.4.4 Proof of Concept 19

3.5 Summary 21

CHAPTER 4 CONCLUSION 22

REFERENCE 23

viii

LIST OF TABLES

TABLE TITLE PAGE

2.1 Review of existing resources(apps) 5

2.2 Review of existing resources(website) 8

2.3 Review of existing resources(journal) 8

3.1 List of software requirement 13

3.2 List of hardware requirement 13

ix

LIST OF FIGURES

FIGURE TITLE PAGE

1.1 Milestone and Activities 2

2.1 Let’s Hajj Games 6

2.2 Hajj Story 7

2.3 Kuis Seputar Haji 7

3.1 Project development methodology 11

3.2 Framework design 14

3.3 Storyboard design 15

3.4 Proof of concept 17

1

CHAPTER 1

INTRODUCTION

1.1 Introduction

Hajj is the fifth term that must be fulfilled by the capable Muslims. Education about

the Hajj since childhood is highly demanded to expose them how important it is to

perform Hajj on every month of Zulhijah. In today's modernization stage, various

ways have been done to embark on Hajj, but are often non-continuous. In line with

current developments, the learning process through games using mobile apps is

rapidly developing, but fewer applications focusing on Hajj. Therefore, Let's Learn

Hajj Games is created to provide learning and exposure Hajj to Muslim’s children.

Let's Learn Hajj Games focuses on learning what are obliged to perform during Hajj

through a creative, engaging, easy-to-understand game. In addition, Let's Learn Hajj

Games has the introduction of Hajj, prayer and concise remembrance (dzikir) in form

of text, images and audio for sound. Therefore, it is very important to expose the Hajj

at an early age, as some of them think they are still small to understand of learning

Hajj. Therefore, Let's Learn Hajj Games can solve problems, with easy-to-understand

game creation, kids can learn while playing, with mind-blowing and entertaining

games, while applying fun values in every game.

2

1.2 Problem Statement

Here are some statements about the term of Hajj is that children cannot describe and

feel how the Hajj is performed. Additionally, the lack of an educational application in

the form of exciting, concise and easy-to-understand hajj education is poorly

developed. Hajj exposure is performed only during the season or near to the hajj

season and does not persist. In addition, the lack of parents and related parties' role in

providing early exposure on the Hajj in early childhood education. In addition, most

apps about Hajj are bored, unattractive and less creativity.

1.3 Project Objectives

The objectives of development this mobile application are:-

1. To develop learning applications through fun games.

2. To design mobile games that suitable for children .

3. To test player in games in form of a brief overview of the pilgrimage.

1.4 Project Scope

Based on the objectives the user will use this app is for a children. Here are some of

the scopes that need to be taken care of, as it is to ensure that it is appropriate to use

based on their age. The project is proposed in defined scope:

1. Target user

Suitable for all children but focus on four to six years old.

2. Content

Focus on six pillar of hajj in form of creativity games and have a

simple quiz in each games

Have button short introduction of hajj.

Have button of simple zikir and prayers for hajj

1.5 Milestone and Activities

3

No

.

ACTIVITIES WEEK

1 2 3 4 5 6 7 8 9 1

0

1

1

1

2

1

3

1

4

1

5

1 Topic Confirmation & Discussion with Supervisor

2 Project Title Proposal

3 Submission of proposal

4 Preparation of Chapter1

1.1 Background

1.2 Problem Statement

1.3 Objectives

1.4 Scope

1.6 Activities

1.7 Milestone

1.8 Expected result

5 Preparation of Chapter2

2.1 Introduction

2.2 Literature review

2.3 Research comparison

6 Proposal Progress Presentation & Evaluation

7 Discussion & Correction Proposal

8 Proposed Solution Methodology (Chapter 3)

3.1 Problem identification

3.2 Design conceptual model

3.2.1 Process model

3.2.2 Data model

3.3 Method

3.3.1 Formula/ Algorithm / technique

10 Proof of Concept– Develop prototype

11 Drafting Report of the Proposal

4

Figure 1.1: Milestone and Activities

1.6 Expected Result.

1. This app will be developed using android platform. This app will be developed

using Adobe Flash.

2. This app will help facilitate learning about hajj based on term of hajj with

interesting games.

12 Submit draft of report to supervisor

13 Seminar Presentation & Final presentation

14 Correction Report

15 Final Report Submission

5

CHAPTER 2

LITERATURE REVIEW

2.1 Introduction

Nowadays, there is difficulties in finding a best learning in hajj for children by using a

mobile apps that educated them about term of hajj. Hence, in this chapter continue

with the studies and research of hajj games using mobile app for a children. By using

mobile app, learning process will easier to be access anywhere through the

smartphone or tablet. Besides, this topic also help in analysing information of existing

hajj games. By understanding the existing system detail in each application games, it

will help in determining the best approach of learning to develop system.

2.2 Review Of Existing Resource

APPS AUTOR/YE

AR

ABOUT ADVAN

TAGES

DISADVANTAGES

Learn

Hajj

Games

(Apps)

-Mizan

Application

(map@mizan.

com)

(2018)

-Focuses on two

games only -

tawaf and sai’.

-Easy to

kid to

play.

-Have a

fun

games.

-No

internet

needed

-Only have two pillar

of pilgrimage.

-Less attractive

interface.

6

Hajj

Story(Ap

ps)

-Aqtar

(Hajj.aqtar.co

m)

(2018)

-Concept

illustrates the

pilgrimage

learning using

AR (augmented

reality).

-

Combin

ation of

AR and

3D

animatio

n.

-User must purchase a

book to see the moving

picture

-Incomplete titles

provide confusion to

users.

Kuis

Seputar

Haji

-Pemuda

Kahfi

(mail@pemud

akahfi.com)

(2017)

-In the form of

Islamic learning

about Hajj based

on quiz

-User

friendly.

-Good

design

-No animation.

-Have limited question.

-Moving background

interface is disturbing.

Table 2.1 : Review of existing resource(Apps)

1. Learn Hajj Games (Apps).

Figure 2.1: Let’s Hajj Games

7

2. Hajj Story(Apps).

Figure 2.2: Hajj Story

3. Kuis Seputar Haji.

Figure 2.3: Kuis Seputar Haji

8

WEB AUTOR ABOUT ADVANTAGES DISADVANTAGES

Hajj-

Pilgrimag

e

Fun Trivia

(www.funtr

ivia.com/

playquiz/

quiz18428

8151a608.h

tml)

(2018)

-This website

is a pilgrimage

quiz online. It

has questions

that test the

players about

the knowledge

of pilgrims. In

addition, this

website also

has a log in

and a new

player button

for players

who want to

play on this

website.

-User friendly.

-Aimed at testing

players'

knowledge of

Hajj.

- The player must

access the internet if

they want to play.

-Interface is not

interesting.

- No introduction to

hajj.

Table 2.2: Review of existing resource(Website)

AUTHOR /

YEARS

JOURNA

L

OBJECTIVE

SUMMARY

ADVANTAGES

Vika

Fitratunnany

Insanittaqwa,

Imam

Kuswardayan,

and Dwi

Sunaryono.

(2014)

Haj

Simulatio

n using

Ren’PY

-An

educational

game is a

simulation

game that

guides the

player to solve

a specific

problem in the

real world.

- Making

information

more readily

accessible.

In conclusion, the

game "Haj

Simulation" made

from the

instructions and

guidance of the

pilgrimage is the

fact that the

journey of

worship contains

accurate

information. The

game also has

good educational

benefit value

based on user test

results .

-Has an

interesting

interface.

-Using Ren'Py in

creating games

in the form of

novel visuals.

-Have a

complete

pilgrimage.

Table 2.3: Review of existing resource(Journal)

9

2.3 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, journals and webs,

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

facilitate the development of the project become more effectively.

10

CHAPTER 3

METHODOLOGY

3.1 Introduction

This chapter will describe the process involved in completing this games. The project

methodology should be organized in a scientific investigation to solve problem to

make sure this project achieve objective. Since this project is smaller scale of project

and takes only shorter of time to complete, waterfall model is used. Moreover, this

model is simple and easy to understand.

3.2 Project Development Methodology

The methodology that used in developing this games application is Waterfall model.

The waterfall model is the System Development Live Cycle (SDLC) approach that to

was to be used for software development. Any phase in the development process will

begin if the previous phase is complete. Once the work produced in one phase is

approved, the phase end and the next phase begins, it very suitable to implement in

games because it will have level to user complete the games for next level.

Advantages of waterfall model is identifying requirement long before programming

begin. Another advantage of waterfall is limiting changes to the requirement as the

project proceeds. Furthermore, waterfall model is easy to use and easy to understand.

11

Figure 3.1: Project development methodology

3.2.1 Planning Phase

Based on this model, the first thing to be planned is brainstorming the idea and

discuss about title with supervisor. While proposing the title of the project, an abstract

about the proposed project also being attached together. In this phase, the Gant chart

is also constructed to carry out all plan activities according as scheduled.

3.2.2 Analysis

To get clear picture about research problem, analysis will conducted. This process

could help to understand more about the games that will developed. It was conducted

by people that expert in developed games and interviewing with people that have go

to Meqah and do Hajj before. Beside, to get more understanding by visit some of

website about hajj, journal, trough hajj guide book, website or youtube and do some

research paper. Based from this analysis a clear view of problem scope will be

identified. By doing this analysis, boundary of the research will be determined

3.2.3 Design

In the design phase, the design of games will be develop in adobe illustration, adobe

photoshop and adobe flash. The design of games should be in line with the theme and

12

attracts children to play. Therefore, there will be a storyboard in this method to show a

bit of an overview of whole games. In addition, for data streaming, it will connect to

the database. Data Flow Diagram (DFD) and Entity Relationship Diagram (ERD) are

used to describe process to be develop.

3.2.4 Implementation And Testing

In implementation phase, the plan laid out in the system design phase is executed. The

games is mainly implemented in PHP and MySQL language and also in Flash.

After implementation is complete, the games will be tested. Any faults and error will

find here. It will perform all the testing activities to make sure if it works as expected

and the games meet the requirement.

3.2.5 Maintenance

System maintenance is final phase in waterfall model. In this phase, it will make sure

that the application is up and running in the respective environment.

3.3 Project Requirement

Project requirement includes two part which are software requirement

and hardware requirement. The requirement the project to ensure the completion

process well and every aspect requirement need to be used for chapter implementation

and analyse to make sure the correct usage of the application.

13

3.3.1 Software Requirement

List of software needed:

Table 3.1: List of software requirement

NO. Software Purpose

1. Adobe Flash Used to code the core program of the project

its debugs and run test the application

2. Notepad++ Used to code the program.

3. Adobe Photoshop Used to design logo, background and interface

of application

4. Adobe Audition Used to edit and recording music, sound and

voice to be implement to this project

5. Microsoft Word 2010 Used to document of application

3.3.2 Hardware Requirement

List needed:

Table 3.2: List of hardware requirement

No. Hardware Description

1. Laptop ASUS DESKTOP-24UUCJ8

2. Processor Intel(R) Core(TM) i3-5005U CPU @

2.00GHz

3. Memory 4 GB RAM

4. Operation System Window 10

5. System Type 64 bit operating system

6. Pendrive HP 16.00 GB

14

3.4 System Design

3.4.1 Framework Design

The framework for this apps is generally being defined as below:

Figure 3.2: Framework design

USER APPLICATION DATABASE

Register

Login

Learning

Information

Activities

Score

15

3.4.2 Flowchart

3.4.2.1 Login

3.4.2.2 Register

16

3.4.2.3 Manage Games

17

3.4.3 Storyboard Design

Storyboard design are help to see the whole project that want to build.

18

19

Figure 3.3: Storyboard design

3.4.4 Proof Of Concept

20

21

Figure 3.4: Proof of concept

3.5 Summary

In this chapter, we have discussed about methodology of Let Learn Hajj Games. The

methodology which have been used is waterfall method. The waterfall method

provided a planning, analysis, design, implementation and testing and maintenance.

Beside, for the requirement of this project, we already stated above that are hardware

and software. Furthermore to show the flow and process of this project, content

diagram, data flow diagram, entity relationship diagram are shown in order to

illustrate a better understanding about this project.

22

CONCLUSION

As a conclusion, Let 's learn hajj in developing to facilitate the learning process,

especially at young ages. It is one of the easiest and fun learning methods for children

to play. Additionally, it can also help parents teach their children through mobile apps

because this is the education method is change and everything just in a smartphone or

other smart device. Besides, the objectives of the project are all checked. In planning

phase, milestone and activities are planned to keep project development on track.

During analysis phase, all the information is gathered and compared. And the last

phase is design phase. In design phase, there have framework design, project

requirement, storyboard design and proof of concept that are show in detail.

23

REFERENCES

1. Application, M. (2018). google play. Retrieved from

https://play.google.com/store/apps/details?id=com.mizan.map.learnhajjgames

2.Application, M. (2018). Learb Hajj Games.

3.AQTAR. (n.d.). APK. Retrieved 2018, from https://apkpure.com/hajj-

story/com.aqtar.Hajj

4.Kahfi, P. (2018). APK. Retrieved from

https://play.google.com/store/apps/details?id=com.pemudakahfi.quiziduladhah

aji&rdid=com.pemudakahfi.quiziduladhahaji

5.kajian agama lengkap. (n.d.). Retrieved from

https://kajianagamalengkap.blogspot.com/2016/08/syarat-dan-rukun-wajib-

haji.html