LEARNING SOLAT FOR KIDS USING MOBILE APPLICATION

(JOM BELAJAR SOLAT)

NUR ATIQAH BINTI MUHAMMAD KHAIRUL

BACHELOR OF INFORMATION TECHNOLOGY (INFORMATICS MEDIA)

WITH HONOURS

FACULTY OF INFORMATICS AND COMPUTING

UNIVERSITY SULTAN ZAINAL ABIDIN

2018

i

DECLARATION

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

citations, which have been duly acknowledged. I also declare that is has not been

previously or concurrently submitted for any other degree at Universiti Sultan Zainal

Abidin.

Name: Nur Atiqah binti Muhammad Khairul

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

ii

CONFIRMATION

This project report titled “Learning Solat for Kids Using Mobile Application (Jom

Belajar Solat)” is confirm that:

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

Supervisor: En Abd Rasid bin Mamat

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

iii

DEDICATION

I would like to express my gratitude to all my friends and family on supporting me and

helping me to finish my Final Year Project 1. I would like to thank my supervisor, En.

Abd Rasid bin Mamat for his continuous guidance, motivation and support to me during

the development process of this project.

My due appreciation to the member of the panel for assessment and their valuable

feedback especially during my project presentation that had helped me in improving

and improvising my presentation skills and also my project.

Lastly, I would like to thank to anybody that had helped me, directly or indirectly in

developing this project which wihout it, I could not finish my Final Year Project 1.

iv

ABSTRACT

Technology is important in today’s world because it serves a variety of functions in

many of important aspect especially in education.The introduction of applications in

the education sector has led to the introduction of new learning method. Nowadays,

learning through book or through traditional method is a bit irrelevant and boring. So,

the proposed of Learning Solat for Kids Using Mobile Application (Jom Belajar Solat)

is an application that will guide user especially kids age between five to eight years

old to learn in interactive and fun ways. By using this application they can learn about

step in Solat. This application will be provided with 2D animation ,audio and text to

help kids to learn on how to perform Solat step by step. The use of mobile is proposed

in this project because it will be more practical and it will be easier to interact with

users. This project combines four multimedia element which is text, graphic, audio

and animation. This application also will be provided with three fun activities. The

expected result of this application is an interactive application that will help kids to

learn in fun and interesting ways.

v

ABSTRAK

Teknologi adalah penting dalam dunia hari ini kerana ia berfungsi dengan pelbagai

fungsi dalam banyak aspek terutama dalam pendidikan. Pengenalan aplikasi dalam

sektor pendidikan telah membawa kepada pengenalan kaedah pembelajaran baru.

Pada masa kini, pembelajaran melalui buku atau melalui kaedah tradisional adalah

sedikit tidak relevan dan membosankan. Jadi, cadangan Solat Pembelajaran untuk

Kanak-kanak Menggunakan Aplikasi Mudah Alih (Jom Belajar Solat) adalah aplikasi

yang akan membimbing pengguna terutamanya kanak-kanak berumur antara lima

hingga lapan tahun untuk belajar dengan cara yang interaktif dan menyeronokkan.

Dengan menggunakan aplikasi ini mereka boleh belajar tentang langkah dalam Solat.

Aplikasi ini akan disediakan dengan animasi 2D, audio dan teks untuk membantu

kanak-kanak belajar bagaimana untuk mendirikan solat langkah demi langkah.

Penggunaan telefon bimbit dicadangkan dalam projek ini kerana ia akan menjadi lebih

praktikal dan akan lebih mudah untuk berinteraksi dengan pengguna. Projek ini

menggabungkan empat elemen multimedia iaitu teks, grafik, audio dan animasi.

Aplikasi ini juga akan disediakan dengan tiga aktiviti yang menyeronokkan. Hasil yang

diharapkan dari aplikasi ini adalah aplikasi interaktif yang akan membantu kanak-

kanak belajar dengan cara yang menyeronokkan dan menarik.

vi

CONTENTS

DECLARATION i

CONFIRMATION ii

DEDICATION iii

ABSTRACT iv

ABSTRAK v

CONTENTS vi

LIST OF TABLES viii

LIST OF FIGURES ix

CHAPTER 1 INTRODUCTION

1.1 BACKGROUND 1

1.2 PROBLEM STATEMENT 2

1.3 OBJECTIVE 2

1.4 SCOPE 3

1.4.1 SYSTEM SCOPE 3

1.4.2 USER SCOPE 3

1.5 LIMITATION OF WORK 3

1.6 EXPECTED RESULT 3

1.7 PROJECT PLANNING 4

vii

CHAPTER 2 LITERATURE REVIEW

2.1 INTRODUCTION 5

2.2 RELATED RESEARCH PROJECT 5

2.3 EXISTING MOBILE APPLICATION 8

2.4 APPLICATION ANALYSIS 11

2.5 CHAPTER SUMMARY

CHAPTER 3 METHODOLOGY

3.1 INTORDUCTION 8

3.2 SYSTEM REQUIREMENT 22

3.2.1 SOFTWARE REQUIREMENT 22

3.2.2 HARDWARE REQUIREMENT 23

3.3 CHAPTER SUMMARY 23

REFERENCES 24

viii

LIST OF TABLES

TABLE TITLE PAGE

1.1 Gantt Chart 4

2.1 Review Summary (Project Comparison) 6

2.2 Application Analysis 11

3.1 Software Requirement 22

3.2 Hardware Requirement 23

ix

LIST OF FIGURES

FIGURE TITLE PAGE

2.1 Belajar Sholat Lengkap+Audio 8

2.2 Belajar Solat Untuk Anak-Anak 9

2.3 Belajar Sholat 10

3.1 ADDIE Model 13

3.2a Main Menu 14

3.3b Prayers Time 14

3.4c Solat Movement 15

3.5d Activities Menu 15

3.6e Name Page 16

3.7f Activity Page 16

3.8g Score Page 16

1

CHAPTER 1

INTRODUCTION

1.1 BACKGROUND

Solat is the most important thing that must be perform by each Muslim around the

world. Solat is the name for prayers which are performed five times a day as an

obligation to god. Each Muslim either kids or adult, all of them need to learn on how to

perform Solat. In this project, Learning Solat for Kids using mobile application is

developed to help the kids age between five to eight years old on how to perform Solat

step by step. The purpose of this application is to help kids to learn Solat in an easy and

fun way. This application will be equipped with 2D animation and also with audio and

text that will help kids to learn about the prayers that will be recited in Solat. After the

learning process, this application will provide a fun game to help kids to test their

understanding about Solat. This project will be deliverable on mobile phone which

make it easier for kids to use it anywhere and anytime.

2

1.2 PROBLEM STATEMENT

As we all know, children are starting to use touch screen devices at a very young age

and they have become comfortable with touch screen technology and thus mobile

technology are highly motivating are more engaging than traditional learning style [1].

Regarding this situation, we can say that learning through traditional ways seem a bit

boring and irrelevant to them. Firstly, learning through the book will make the kids feel

uninterested because the book contains a lot of description and static images. Kids will

easily get distracted if they learn through the book. Besides that, learning from a teacher

such as from their parents also is a constraint for them. As we all know, parents are

usually busy with their work. So, it will be hard for them to find a right time to teach

their child about the step in Solat.

1.3 OBJECTIVES

The objectives of developing Learning Solat for Kids is as below:

i) To develop an application that will introduce the step and prayers in Solat in

interactive ways.

ii) To design interesting and attractive application.

iii) To test the functionality of the mobile application.

3

1.4 SCOPES

This project aimed to develop an application for kids. The scope of the project are

system scope and user scope.

1.4.1 System scope

In this application, user will be provided with step and prayers in Solat. It is equipped

with all interactive learning elements such as activities, graphic and audio. It also will

be equipped with game that will help the kids to test their understanding in Solat.

1.4.2 User Scope

i. Kids

The age of the kids is around five to eight years old.

1.5 LIMITATION OF WORK

There are same limitation of the application which are :

1) The application can only be used in android system.

2) This application only used Bahasa Malaysia

3) There will be interruption of internet connection during the download session.

4) Focus only for kids.

1.6 EXPECTED RESULT

The expected result that will get from developing this project is an interactive

application that will help kids to learn Solat.

4

1.7 PROJECT PLANNING

Table 1.1 shows the gantt chart of schedule and planning for this project proposal. The

project proposal is starting from week 1 until week 15.

Table 1.1 : Gantt chart of schedule and planning for project proposal

Activity

Week

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

Topic discussion and

determination

Submit project title

proposal

Proposal writing –

Introduction

Proposal writing –

Literature review

Proposal progress and

evaluation

Discussion and

correction proposal

Proposed solution

methodology

Proof of concept

Drafting report of

proposal

Submit draft report to

supervisor

Final presentation

Correction report

Final report submission

5

CHAPTER 2

LITERATURE REVIEW

2.1 INTRODUCTION

This chapter will discuss about the working of the literature review related to mobile

application based learning. The purpose of this research is to develop knowledge of

published material in order to create knowledge during the project.

In addition, the literature is the source, referring to the study of a collection of materials

published in selected areas such as articles, journals, thesis, online library, technical

documents and case studies.

6

2.2 RELATED RESEARCH PROJECT

There are several studies and research paper that show about courseware.Some of them

are :

2.2.1 Mobile Application Based Learning : Mari Belajar Solat

This main purpose of this project is to develop a ‘Mari Belajar Solat’ using mobile

application based learning [5]. In this project, kids will learn step on how to perform

Solat. This application was develop for kids age within three to seven years old. This

project consists of several multimedia element. This project was developed using Adobe

Flash CS6. This project will be run on a mobile phone which is easier for kids to use

anywhere.

2.2.2 Courseware On E-Solat In Mobile

From the research by Syaifudin Ramzan, courseware on E-Solat is an application which

contain graphic, audio and movement of cartoon character that can teach kids on how

to do solat. This courseware will be included with five short surah which are Al-Fatihah,

Al-Ikhlas, An-Nas, Al-Baqarah and Al-Falaq. It also will be developed using Adobe

Flash, Adobe Photoshop, Adobe Illustrator and Adobe Soundbooth CS4.The language

used will be action script 2.0.

2.2.3 Online Multimedia Courseware of Math and Animal

This purpose of this multimedia courseware is to help kids self learning on math and

animal effectively. The main target are kids age around four to seven years old.Research

shown that kids can use this courseware as their alternative tool for learning. Kids can

discuss and play with friends to improve social skill. Kids can use this courseware either

in online or offline. The author also developed mini flash game in the courseware.The

content of project will be created using Adobe Director and Adobe Flash.

7

Table 2.1 Review Summary (Project Comparison)

No Title Author /Year Description Technique

1 Mobile

Application

Based Learning :

Mari Belajar

Solat

NOR

HAIZATUL

AKMA BT

MOHD YUSOF

2013

In this project, kids will learn

step on how to perform Solat.

Develop for kids age within

three to seven years old.

This project will be run on a

mobile phone which is easier

for kids to use anywhere.

Adobe Flash

CS6

2 Courseware On

E-Solat In

Mobile

SYAIFUDIN BIN

RAMZAN

2010

An application which contain

graphic, audio and movement

of cartoon character that can

teach kids on how to do solat.

Included with five short surah

which are Al-Fatihah, Al-

Ikhlas, An-Nas, Al-Baqarah

and Al-Falaq.

Adobe Flash,

Adobe

Photoshop,

Adobe

Illustrator and

Adobe

Soundbooth

CS4.The

language used

will be action

script 2.0.

3 Kids Online

Multimedia

Courseware of

Math and

Animal [3]

Lai Wan Ching

2014

To help kids self learning on

math and animal effectively.

The main target are kids age

around four to seven years

Kids can discuss and play with

friends to improve social skill.

Can use either in online or

offline.

courseware

Adobe Director

and Adobe

Flash

8

2.3 EXISTING MOBILE APPLICATIONS

Below are some of existing mobile application about Solat that already been

published to user.

2.3.1 Belajar Sholat Lengkap + Audio

This applications that contain Guidance Prayer, Prayer Guide, ordinances prayer,

studying the prayer and the prayer movement accompanied by prayers and readings in

each movement.[4] It is equipped with audio.However, the interface design are not

really interesting and not attractive for kids. Figure 2.1 shows the interface design of

this application.

Figure 2.1: Belajar Sholat Lengkap + Audio

9

2.3.2 Belajar Solat Untuk Anak-Anak

This application teach kids about step in Solat. Besides than the five prayer, this

application also teach on how to perform Solat Sunat.[5]. However, the text are too

much which will make kids get hard to understand the information as shown in figure

2.2.

Figure 2.2: Belajar Solat Untuk Anak-Anak

10

2.3.3 Belajar Sholat

This is an interactive application that teach user how to perform Solat Fardhu and

Solat Sunat[7]. Other than that, this application also provided with compass to help

user to determine the kiblat for Solat. The application consists of text and graphic for

their multimedia element.

Figure 2.3: Belajar Sholat

11

2.4 APPLICATION ANALYSIS

Below are the analysis of multimedia element that consist in the existing application.

The multimedia element that has been provided will be mark with ( ) while for the

element that do not been provide will be mark with (-).

Table 2.2 : Application Analysis

2.5 CHAPTER SUMMARY

This chapter will deliver the information about the study on the past research,

article on website, and current application that already exists. This study is

more focus on the development and guide to successful coursewaret, to come

out with the new courseware that will benefit to all user. From the research we

can get the idea on how to create a successful project.

12

CHAPTER 3

METHODOLOGY

3.1 INTRODUCTION

This chapter will be discuss about the methodology for developing the mobile

application. We will be using ADDIE model to develop the application. ADDIE

model stands for analysis, design, development, implementation and evaluation.

ADDIE model is an instructional system design framework that used to develop

courses[8]. There are five phases in this model. The methodology and it phase

is elaborated in the next section. Besides that, this chapter also will elaborate the

software and hardware specification that will be used in this project.

13

Figure 3.1 : ADDIE Model

1) Analysis Phase

Analysis is conducted in order to get a clear picture about research problem. In this

phase, we will be more understand about the system that will be developed. To get a

clearer process on how to handle this case, several of journal and research paper are

being reviewed. Besides that, some of existing learning Solat application on playstore

are being surveyed too. A clear view of problem scope will be identified based on this

analysis. The problem scope could be react as backbone of the research.

2) Design Phase

In the design phase, we started to create the prototype based on the requirement that

have been collected and analysed from the analysis phases.Firstly, we need to design

storyboard as our guidelines to create the interface and multimedia element that we need

to have in the application. Then, we began to design the interface for this application

using Adobe Flash, Photoshop and Illustrator.

14

i) Storyboard Design

Below are the storyboard design that has been created to be a guideline for developing

prototype.

Figure 3.2a: Main Menu

Figure 3.2b: Prayer Time

15

Figure 3.2c: Solat Movement

Figure 3.2d: Activities Menu

16

Figure 3.2e: Enter Username Page

Figure 3.2f: Game Page

Figure 3.2g: Score Page

17

ii) Pre-prototype

a) Main Menu

Figure 3.3a shows the design for the main menu. User can choose to learn by

choosing the ‘mula’ button or play some fun activities by choosing the ‘main’

button.

Figure 3.3a: Main Menu

b) Prayers Time

Figure 3.3b shows the design for prayers time page. In this page, user will be

required to choose one prayers time which consists of Subuh, Zuhur, Asar,

Maghrib and Isyak.

Figure 3.3b: Prayers Time

18

c) Solat Movement Page

Figure 3.4 shows the design of Solat movement. In this page, it will

consists of 2d animation of Solat movement that will be performed by an

avatar. It also will come with audio and text of the dua that need to be

recite during Solat. The text come out with two language which is Arabic

and Malay. The Solat movement will start from Niat until Salam.

Figure 3.3c: Solat Movement Page

d) Activities Menu

Figure 3.3d shows the activities menu. In this page, user will be provided

with three fun activities.

Figure 3.3d: Activities Menu

19

e) Enter Username Page

Figure 3.3e shows the design of enter username page. In this page, user

will be required to enter their name before they start the activity.

Figure 3.3e: Enter Username Page

f) Game Page

Figure 3.3f shows the game page. In this page, user can play a simple and

fun activity to test their knowledge about Solat.

Figure 3.3f: Game Page

20

g) Score Page

Figure 3.3g will show the total score that user will achieve whenever they

complete each activity. If they have reach certain score, they can proceed

to the next level.

Figure 3.3g: Score Page

3) Development Phase

This phase involve real application development based on the application design that

has been planned earlier. This proposed application is mainly implement in Adobe

Flash. We also started to design the database using MySQL. Firstly, we started to create

the main menu page which consists the play and start button. Next, we proceed with the

prayers time and then with the Solat movement. In the solat movement page, it consists

of 2d animation,audio and text. Then, we develop the games that will be required in this

application.

21

4) Implementation Phase

During this phase, testing will be done to make sure process are run correctly. We use

the Alpha testing technique. The Alpha testing is done by the developer to test the

functionality of the application before releasing it to user [9]. After that, we use Beta

testing technique. The Beta testing will be done to a group of user to test the

application are run and working properly in their mobile phones.

5) Evaluation Phase

The last stage of the ADDIE method is Evaluation..There are two type of evaluation

phase which is Formative and Summative. The Formative phase happens on each

phase to monitor each phase. While the Summative phase occurs at the end of the

project. The main goal of the evaluation stage is to determine if the goals have been

met, and to establish what will be required in order to further the efficiency and

success rate of the project.

22

3.2 SYSTEM REQUIREMENT

To develop this learning Solat for kids application, several software and hardware are

needed. The requirement of software and hardware are the most important part of some

project because it will guide to the successful of the project.

3.2.1 Software Requirement

Table 3.1 shows the list of software requirement used to develop this application.

Table 3.1 : Software Specification

Software Description

Adobe Flash CS6 - To design the graphic and

animation in application.

- To design interface.

Adobe Photoshop CS6 - To edit image and graphic

Xampp - To create database

23

3.3.2 Hardware Requirement

Table 3.2 shows the list of hardware requirement used to develop this application

Table 3.2 : Hardware Specification

Hardware Description

HP Laptop The laptop that are used to develop the application

Processor Intel Core i3, to run the process in laptop

RAM 4 GB

Android Devicee To test the application

3.5 CHAPTER SUMMARY

This chapter describes about the methodology used, and explains the hardware

and software requirement that are used in this project that is a guide to successful

of this project.

24

REFERENCES

[1]Georgia K. Kokkalia, A. S. (n.d.). Learning for Special Preschool Education.Paper of Mobile

Learning For Kids

[2]Ali, M. H. (2013). Interactive Learning Environment for Kids.

[3]Ching, L. W. (2013). Kids Online Multimedia Courseware of Math and Animal .

[4]kids, S. (2017). Google Play. Retrieved from

https://play.google.com/store/apps/details?id=com.solitekids.secilshalat

[5]RAMZAN, S. B. (2010). COURSEWARE ON E-SOLAT IN MOBILE.

[6]YUSOF, N. H. (2013). MOBILE APPLICATION BASED LEARNING: MARI BELAJAR SOLAT.

[7](2017).Retrieved from

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

[8] Jones, B. A. (2014). ADDIE Model (Instructional Design).

[9] Beizer, B. (2003). Software testing techniques. Dreamtech Press.