NURUL ASYIQIN BINTI ZUKIFFLI
Transcript of NURUL ASYIQIN BINTI ZUKIFFLI
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