MY IQRA’

LEARNING MOBILE APPLICATION FOR KIDS

MUHAMMAD DANISH AFFAN BIN ANUA

BACHELOR OF INFORMATION TECHNOLOGY

(INFORMATIC MEDIA) WITH HONOURS
UNIVERSITY SULTAN ZAINAL ABIDIN
2018
 DECLARATION

I hereby declare that this report is based on my original work except for quotations

and citations, 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

Abidin or other institution.

_________________________________________

Name : Muhammad Danish Affan Bin Anua

Date : 23rd December 2018

ii
 CONFIRMATION

This is to confirm that:

The research conducted and the writing of this report was under my supervision.

______________________________

Name : Pn. Nor Surayati Binti

Mohamad Usop

Date : 23rd December 2018

iii
 DEDICATION

All praises are due to Allah (Glorified and Exalted is He). Indeed, He deserves the

best of thanks and the most beautiful of praises. Without his blessings, I would not be able

to complete this final year project. My heartiest gratitude and deepest thanks go to my

beloved supervisor, Puan Nor Surayati Binti Mohamad Usop for the continuous support,

valuable guidance and critical comments throughout the development of the project.

Appreciation also goes to all lecturers who have provided guidance throughout the entire

long journey.

In addition, I am grateful for the continuous moral support given by my family even

before the project started to the end of the project submission. A lot of thanks and

appreciation goes especially for my parents for always being there for me along the

hardship and always pray for me. Indeed, the support is given really help to motivate me

to complete this project.

Last but not least, I sincerely thanks to my fellow friends who willing to help me to

complete this project and give a good suggestion in order to improve this project. Lastly, I

would like to acknowledge each and every person who has contributed to the success of

this final year project, whether directly or indirectly. May Allah S.W.T bless all of them.

iv
 ABSTRACT

Learning Quran is compulsory for every Muslim. It should be applied as much as

possible at a young age. Starting with the process of knowing the letters of the hijaiyah and

how to pronounce them. My IQRA’ is the other method which is they can learn with this

application digitally. It is very much compatible with today's technology era. Besides, it is

easy to use and quite helping them to understand well. With this mobile application,

children will master the hijaiyah letters and continue with the level in a short amount of

time. The application contains learning materials and fun exercises.

v
 ABSTRAK

Pembelajaran Quran adalah wajib bagi setiap muslim. Ia harus diterapkan sebanyak

mungkin pada usia muda. Bermula dengan proses mengetahui huruf-huruf hijaiyah dan

bagaimana cara mengucapkannya. IQRA saya 'adalah kaedah lain yang mereka boleh

belajar dengan aplikasi ini secara digital. Ia sangat serasi dengan era teknologi hari ini.

Selain itu, ia mudah digunakan dan cukup membantu mereka memahami dengan lebih

baik. Dengan aplikasi mudah alih ini, kanak-kanak akan menguasai huruf hijaiyah dan

meneruskan dengan tahap dalam masa yang singkat. Permohonan ini mengandungi bahan

pembelajaran dan latihan yang menyeronokkan.

vi
 CONTENTS

DECLARATION............................................................................................................... ii

CONFIRMATION ........................................................................................................... iii

DEDICATION.................................................................................................................. iv

ABSTRACT ........................................................................................................................v

ABSTRAK ........................................................................................................................ vi

CONTENTS..................................................................................................................... vii

LIST OF TABLES .............................................................................................................x

LIST OF FIGURES ......................................................................................................... xi

LIST OF ABBREVIATION/TERMS ........................................................................... xii

CHAPTER 1: INTRODUCTION

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

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

1.3. Objective ...................................................................................................................... 3

1.4. Project Scope................................................................................................................ 3

1.5. Limitation Of Work ..................................................................................................... 4

1.6. Expected Result............................................................................................................ 4

vii
1.7. Milestone...................................................................................................................... 5

CHAPTER 2: LITERATURE REVIEWS

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

2.2.Existing Systems ........................................................................................................... 7

2.3.Journal ........................................................................................................................... 8

2.4. Analysis Gap ................................................................................................................ 9

2.5. Conclusion...................................................................................................................12

CHAPTER 3: METHODOLOGY RESEARCHES

3.1.Introduction ................................................................................................................. 13

3.2.Mothodology Model ....................................................................................................14

3.2.1.Analysis Phase .................................................................................................... 14

3.2.2.Designing Phase .................................................................................................. 15

3.2.3.Development Phase ............................................................................................. 15

3.2.4.Implementation Phase ......................................................................................... 16

3.2.5.Evaluation Phase ................................................................................................. 16

3.3.Hardwares And Software ............................................................................................ 17

3.3.1.Hardware ............................................................................................................. 17

3.3.2.Software .............................................................................................................. 17

3.4.Storyboards ................................................................................................................. 18

viii
3.5.Conclusion .................................................................................................................. 21

REFERENCES .................................................................................................................22

ix
 LIST OF TABLES

Table 1 Milestones and Activities...................................................................................... 5

Table 2 Analysis Gap ......................................................................................................... 9

x
 LIST OF FIGURES

Figure 1 ADDIE Model Process ..................................................................................... 14

Figure 2 Homepage......................................................................................................... 19

Figure 3 Belajar Content ................................................................................................. 19

Figure 4 Belajar Content, Tahap 1.................................................................................. 19

Figure 5 Belajar Content, Tahap 2 .................................................................................. 19

Figure 6 Belajar Content, Tahap 2, Baris Atas ............................................................... 19

Figure 7 Belajar Content, Tahap 3.................................................................................. 19

Figure 8 Belajar Content, Tahap 3, + Alif ...................................................................... 20

Figure 9 Kuiz, Tahap 1 Content ..................................................................................... 20

Figure 10 Kuiz, Tahap 1 Content ,Teka Bunyi ............................................................... 20

Figure 11 Kuiz, Tahap 1 Content, Teka Bunyi. 1 ........................................................... 20

Figure 12 Kuiz, Tahap 1 Content, Memori..................................................................... 20

Figure 13 Kuiz, Tahap 1 Content, Memori 2.................................................................. 20

Figure 14 Kuiz, Tahap 1 Content, Golf .......................................................................... 21

Figure 15 Kuiz, Tahap 1 Content, Golf 1 ....................................................................... 21

xi
 LIST OF ABBREVIATIONS/TERMS

App Application

2D Two dimensional

xii
 CHAPTER 1

INTRODUCTION

1.1. Background

Islam is a religion brought by the Prophet Muhammad. Islam has existed since then.

Islam is a religion that acknowledges that no God is entitled to be worshiped except Allah

and the Prophet Muhammad is the Messenger of Allah. Islam makes the Quran and Hadith

the main reference of its followers. The Qur'an is the great miracle of the Prophet Muhammad

and has existed more than a thousand four hundred years ago. Islam requires its followers to

read, study and understand the Quran and make it a guide in life.

Studying the Al Quran is better if it starts when it is small. It should be nurtured by

older adults like parents and teachers to children to produce a generation of Al-Quran literate

in the future. Say the saying, bend the bamboo from the bamboo shoots. Studying the Quranic

knowledge should be in line with age. This is especially important because the level of the

child's mind is much different from the level of the mind of adults. Children can process only

a small amount of information compared to adults. For children, studying Quranic

knowledge at the very beginning is to recognize the jawi letters contained in the Quran, the

way the letters and the reading lines are written.

1
 Therefore, a project will be developed to help children learn Quranic knowledge

called My IQRA '. My IQRA 'is a smartphone app that contains early education materials for

children to learn Quranic knowledge. This app can be downloaded using the Android

platform that became the smartphone's operating system. The app is complete with easy-to-

understand and fun modules.

1.2 Problem Statement

Studying the Quran in ancient times is a way of learning and requires individual

scripts to learn it. But many argue that this method is less effective nowadays. Today's

children are more fond of entertainment than learning. There is also an opinion that the way

the teacher or parent is reluctant and encourages the laziness of learning. For children,

learning is something boring and tiresome.

The idea behind this project is to upgrade learning techniques to make children more

comfortable and fond of learning. The concept of learning while having fun is the main thing

that is applied in this project. It also fits into the current circulation where learning can also

be done through digital media platforms.

Based on all the above statements, it is important that this project is implemented in

order to ensure that children's learning is guaranteed in the future.

2
1.3 Objective

The aim of this project is to make learning activities a fun activity. However, this lesson

should be guided and supervised by teachers and parents. This project focuses on some of

the following things.

i. To help children better understand, step by step.

ii. To develop an interactive learning app.

iii. Implement fun content for users (kids).

1.4 Project Scope

Provide important convergence on app developments for children with problems with

Iqra’ learning at their young age.

- Admin

The role of an admin is to make change by reading, updating or deleting the

application

- User (Children)

The user which is children can learn and do exercises.

3
1.5 Limitation Of Work

This application has its own limitation of works as mentioned below:

• Muslims use

Special for Muslim users because it contains materials from the Quran. Non-

Muslim users are not encouraged to use this application.

• Android OS only

The platform used by this application project is Android because it is easier and

suitable for developers to develop.

• Supervision by parent or adult might be necessary

This application does not guarantee that the user will understand its contents

one hundred per cent. Therefore supervision of older people is necessary to avoid

misunderstanding of the content.

1.6 Expected Result

• The user can anywhere and anytime with this application.

• The application can continue using interactive learning method.

• This application is well functioned

4
1.7 Milestones

Table 1: Milestone and Activity

No Activities Months (7 months)

1. First Third Sixth Tenth First Fifth Nineth
week week week week week week week
Septembe Septemb Octobe Novem Januar Februar March
r er r ber y y
-
-
- - - - -
Second Thirtee
week Ninth Fifteent Fourth Eighth nth
Septembe Fifth week h week week Week
r week Novem week Januar Februar April
October ber Decemb y y
er
2. Topic
Discussio
n and
Determin
Ation

Project
Title
Proposal
3. Proposal
Writing
Literature
Review

Proposal
Progress
Presentati
on &
Evaluatio
n
4. Discussio
n

5
 Correctio
n
Proposal
Proposed
Solution
Methodol
ogy
Proof of
Concept
5. Drafting
Report of
the
proposal
Submit
draft of
report to
superviso
r

Seminar
Presentati
on
Correctio
n
Report

Final
Report
Submissi
on
6. Develop
Project
7. Testing
Project
8. Final
Report
Submissi
on

6
 CHAPTER 2

LITERATURE REVIEWS

2.1 Introduction

This chapter is about literature review for the application that will be developed.

A literature review is a text scholarly paper which includes, which include the current

knowledge including substantive findings, as well as a theoretical and methodical

contribution to the related works. There are a few applications related to Iqra’ learning,

However, many developers did not use the suitable methods to increase the productivity

of learning for kids.

2.2 Existing System

To facilitate this project, some examples of existing mediums related to this project

have been reviewed.

7
 Mobile application

i. Belajar Iqro Dengan Audio (Iman Satya Wirawan)

ii. Arabic Safari (Ardha Multi Parama, PT)

iii. Kids Qurani Qaida Teacher (Darussalam Publishers and Distribution)

iv. Rainbow Iqra’ (Cool Code Sdn Bhd)

v. Belajar Membaca Al Quran (Iman Setiawan)

vi. School of Iman (MEASAT Broadcast System Sdn Bhd)

 Youtube channel

i. belajaralquran

ii. kastari sentra

iii. Yufid Kids

2.3 Journal

Learning Media Introduction Of Hijai’s Character For Children

Learning media are nothing new in the world of education. Many schools are

already introducing computers in the learning process. The images and sounds that appear

also make children do not get bored quickly, so it may stimulate children to know more.

In addition to computer-based learning children can learn to perform the mouse

movements that can train the child's motor.

In this study produced teaching media literacy hijaiyah which is one of the

curricula for the education of children aged 2-3 years. Instructional media is equipped

8
 with voice pronunciation of letters hijaiyah. In addition to learning media is also equipped

with a guessing menu that is divided into two levels. With the child's learning media is

expected to be able to make the process of learning to know the letters hijaiyah

accompanied by sound pronunciation can be happy with no load and coercion from

teachers. (Telematika, Lisna Zahrotun, 2015)

2.4 Analysis Gap

Table 2: Table of analysis gap

APPLICATION DEVELOPER OVERVIEW METHOD/TECHNIQUE
NAME

Belajar Iqro Iman Satya - This app has - Uses audio that only
Dengan Wirawan a learning sounds when the icon
Audio method by is pressed.
listening to
sounds to
recognize
letters.

- - This app
has several
levels of
learning and
is suitable for
all groups of
people.

Arabic Safari Ardha Multi - The app has - Use background

Parama, PT an interesting music during
interface such application usage
as animal and sessions.
animal
cartoon - Uses 2D animation
images.

9
 - Provide voice
- Have several recorder function
levels of
learning and - Store current data or
the user usage
needs to go
through the
preceding
stage to a
higher level.

Kids Qurani Darussalam - This app has Uses audio that only
Qaida Publishers a series of sounds when the icon
Teacher and learning as is pressed.
Distribution well as
exercises. - Provide playback
Users can audio function.
learn and at
the same time
answer
quizzes.

Rainbow Iqra’ Cool Code Sdn - This app - Use background

Bhd provides music during
user-friendly application usage
training and sessions.
has an
interface and - Uses 2D animation.
animation
that appeals - Uses audio that only
to users. sounds when the icon
is pressed.
- This app also
features - Store current data or
video game usage
features such
as EXP level
(experience
level),
featuring
mission
progress and
can change
the name and
the avatar in
custom.

10
Belajar Iman Setiawan - This app has - Uses audio that only
Membaca Al a series of sounds when the icon
Quran learning as is pressed.
well as
exercises. - Provides audio
Users can playback function.
learn and at
the same time
respond to
quizzes
provided in
the app.

- This
application
has several
levels of
learning and
is suitable for
use by all
walks of life.

School of Iman MEASAT - This app - Use background

Broadcast contains not music during
System Sdn only learning application usage
Bhd about iqra but sessions.
also
providing - Uses audio that only
basic Islamic sounds when the icon
learning. is pressed.

- Has an - Uses 2D animation.

interface and
animation - Store current data or
that appeals usage
to users.

- Have a series
of learning
and also
training.
Users can

11
 learn and at
the same time
respond to
quizzes
provided in
the app.

- Show user’s
current
progresses.

2.5 Conclusion

This chapter discusses the collected literature review that had been reviewed during

the feasibilities studies. The literature review helps the developer to discover the problem of

previous research which needs to improve and overcome the problem. The main method that

is suitable to use in the development of the mobile app is an interactive learning method.

12
 CHAPTER 3

METHODOLOGY RESEARCHES

3.1 Introduction

Basically, this chapter explains the detail of the methodology that is used in My

IQRA’ application development. The project methodology is important in every project

because it helps to organize investigation in a scientific way to overcome problems, to

discover new facts or truth about the subject in order to achieve the objectives of the project.

In order to have a good project, it should begin with a good understanding of the user’s needs.

There are many approaches that can be used in the development of a mobile application

project. ADDIE Model is one of the approaches that will be used in this project.

13
3.2 Methodology Model

Instruction System Design (ISD) that is used to develop My IQRA’ application is the

ADDIE model. Basically, the ADDIE model has five phases which are Analysis, Design,

Development, Implementation and Evaluation. The ADDIE model is an iterative

instructional design process, where the results of the formative evaluation of each phase may

lead the instructional designer back to any previous phase. These phases sometimes overlap

and can be interrelated. However, they provide a dynamic, flexible guideline for developing

effective and efficient instruction.

Analyse Design Develop Implement Evaluate

Figure 1: ADDIE model process.

3.2.1 Analysis Phase

The analysis is the first phase that is contained in the ADDIE model. The analysis is

the study we do in order to figure out what to do. (Sheldon, 2001) At this stage, we need to

identify the need to develop this My IQRA’ mobile application. Then, the activities are

involved in this phase is identifying the problem statement, the objectives or goals of the

project and the scope key actions that are included in the application. In this My IQRA’ are

14
focusing on learning basic hijaiyah letters which consists of how to pronounce them with

different attributes. The analysis is also carried out by doing a comparison between existing

products that are using mobile application technology in learning hijaiyah. Through the

analysis, the weaknesses of the existing application that are relatable to this learning can be

identified. All information gathered were used to develop goals and objective of developing

mobile My IQRA’ application.

3.2.2 Designing Phase

During the design phase, the information gathered during the analysis phase is

reviewed and compiled to build the project. In the design stage, it is necessary to create a

storyboard or interface of the mobile application. This means that it is necessary to have all

the accurate guideline to ease the step in this development process. This phase requires a

logical and creative thinking skills. All the characters also have been created in this phase.

These characters will be used from the start until the end of the mobile My IQRA’

application.

3.2.3 Development Phase

This is the third phase of the ADDIE model. With all the information gathered at the

analysis and design phase, then this mobile My IQRA’ are developed. Most of the

development process was done in Adobe Flash CS6. All the materials that are involved in

the design phase will be integrated and customize in this phase according to the storyboard.

In this development phase also, it uses any approach or design that has been agreed upon in

15
the design stage. The application will have various graphics, sound effects and so on are

provided so users do not get bored in the process of playing this game app.

3.2.4 Implementation Phase

The ready-to-formed mobile application should be presented to test the effectiveness

and to see unnoticed problems during the design and development phase that may exist. This

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

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

process will be implemented before the application is actually issued or used officially.

3.2.5 Evaluation Phase

Evaluation involves the process of obtaining feedback from users on the content,

strategies, graphics, audio, interfaces and so forth that are available in this app by either

supervision, testing, questionnaire, interviews and so on to ensure it is appropriate or not to

use.

16
3.3 Hardware and Software

3.3.1 Hardware

1. USB drive

- To store the components for developing the project

2. Computer/Laptop

- To run the application development process.

3. Android smartphone

- To test the application.

3.3.2 Software

1. Adobe Photoshop CS6

- To design the backgrounds, buttons, icons and interfaces

2. Adobe Flash Professional CS6

17
 - Create button functions

- Create motion animations

- Insert sound effects

- Produce android mobile application

- Insert voice inputs

3.4 Storyboards

Storyboard is one of the things that developer might do before creating a mobile

application. Storyboard is important as a guideline to the developer for developing an

interactive mobile application

In figure 2, the homepage will appear when we launched the application. Then,

figure 3 shows the level which user can choose their level to start learning. Then, the user

will learn hijaiyah letters with sounds provided in each button. There are three levels that

user can enter. The first one is to learn hijaiyah, the second level is to learn the letters that

have fathah, kasrah and dhommah. Finally, the third one is to learn what will the letters

look like when combined with another letter.

In figure 9, the user needs to choose any type of games provided. There are three

games which guess the sound, memory game and golf. The score will be shown after the

trials.

18
 figure 2: Homepage figure 3: Belajar, Content

figure 4: Belajar, Content, Tahap 1 figure 5: Belajar,Content, Tahap 2

figure 6: Belajar,Content, Tahap 2, Baris Atas figure 7: Belajar,Content, Tahap 3

19
figure 8: Belajar,Content, Tahap 3, + Alif figure 9: Kuiz,,Tahap 1, Content

figure 10: Kuiz, Tahap 1, Content, Teka Bunyi figure 11: Kuiz, Tahap 1, Content, Teka Bunyi,1

figure 12: Kuiz, Tahap 1, Content, Memori figure 13: Kuiz, Tahap 1, Content, Memori,2

20
figure 14: Kuiz, Tahap 1, Content, Golf figure 16: Kuiz, Tahap 1, Content,Golf,1

3.5 Conclusion

This chapter describes the methodology that has been used, explain the hardware

and software requirement as they are important for this project to succeed.

21
 REFERENCES

Belajar Iqro Dengan Audio by Iman Satya Wirawan

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

Arabic Safari by Ardha Multi Parama, PT

https://appadvice.com/app/arabic-safari/1134957141

Kids Qurani Qaida Teacher by Darussalam Publishers and Distribution

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

Rainbow Iqra by Cool Code MY

https://play.google.com/store/apps/details?id=com.coolcode.rainbowiqra

Belajar membaca AlQuran by Iman Setiawan

https://itunes.apple.com/US/app/id1071722789?mt=8

School of Iman by Astro Malaysia Holding Berhads

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

Lisna Zahrotun, Zaka Ricky Soleh(2015), Learning Media Introduction Of Hijai’s

Character For Children. Telematika, July, Volume 2, No.2,

22