PI PT3 (IBADAH) MOBILE APP

NOOR HAFIZAH BINTI SABRI

BACHELOR OF INFORMATION TECHNOLOGY

(INFORMATIC MEDIA) WITH HONOURS

FACULTY OF INFORMATIC AND COMPUTING

UNIVERSITI SULTAN ZAINAL ABIDIN

2018

DECLARATION

I, Noor Hafizah Sabri declare that this report is based on my original work except for the quotation

and citation, which have duly acknowledged. I also declare that it has not been previously or

concurrently submitted for any other degree at Universiti Sultan Zainal Abidin or other institutions.

Signature:________________________

Name : Noor Hafizah Binti Sabri

Date:____________________________

CONFIRMATION

This is to confirm that this project report entitle PI PT3 (IBADAH) MOBILE APP was prepared

and submitted by Noor Hafizah Binti Sabri, matric number BTDL16044045 was under my

supervision.

Signature:_________________________

Name: Encik Tolahah Bin Muda

Date:____________________________

DEDICATION

Bismillahirrahmanirrahim, Alhamdulillah, Thanks to Allah, for giving me an opportunity to complete

my Final Year Project entitle PI PT3 (IBADAH) MOBILE APP. Firstly, I would like to thank to my

supervisor, Encik Tolahah Bin Muda for his guidance and support. I also want to thank to all

panels for the comment and suggestion on this project. Lastly, I want to thank my parent and

friend that support and helping me in completing this project.

ABSTRACT

Nowadays, the use of technology in learning is very important for every student to understand

and remember in their learning. However, there are lack of use technology in the subject of

Islamic education is specific to form 3 students for students to better understand the subject.

However, Islamic Education subjects are very important for form 3 students to face PT3

examinations and at the same time they can apply the learning in their daily lives. This application

development uses adobe flash, adobe photoshop, adobe audition and so on.

ABSTRAK

Pada masa kini, penggunaan teknologi dalam pembelajaran sangat penting bagi setiap pelajar

untuk pelajar lebih memahami dan mengingati dalam pembelajaran mereka. Namun kurangnya

penggunaan teknologi dalam subjek pendidikan islam khusus untuk pelajar tingkatan 3 untuk

pelajar lebih memahami subjek tersebut. Walau bagaimanapun, subjek Pendidikan Islam amat

penting bagi para pelajar tingkatan 3 untuk mereka menghadapi peperiksaan PT3 dan pada masa

yang sama juga supaya mereka dapat aplikasikan pembelajaran tersebut dalam kehidupan

harian mereka. Pelbagai software yang digunakan dalam membangunkan aplikasi tersebut

antaranya ialah adobe flash, adobe photoshop, adobe audition dan banyak lagi.

Contents CHAPTER 1 ............................................................................................................................... 1

INTRODUCTION .................................................................................................................... 1

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

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

1.3 Objectives…………………………………………………………………………………….2

1.4 Scope………………………………………………………………………………………....3

1.5 Activities and Milestone.…………………………………………………………………….4

1.6 Expected Result….………………………………………………………………………….5

CHAPTER 2 ............................................................................................................................... 6

LITERATURE REVIEW .......................................................................................................... 6

2.1 Introduction…………………………………………………………………………………..6

2.2 Project and Research……………………………………………………………………….7

CHAPTER 3 ..............................................................................................................................12

METHODOLOGY ..................................................................................................................12

3.1 Introduction…………………………………………………………………………..……..12

3.2 ADDIE Model……………………………………………………………………………….13

3.3 Application Requirement………………………………………………………………….15

3.4 Application Design…………………………………………………………………………16

1

CHAPTER 1

INTRODUCTION

1.1 Background

The use of technology nowadays has so much attention in our society. This is

because, technology plays an important role for every individual in their daily lives. However,

in terms of its use it is up for the individual whether to use it towards the benefit or vice versa.

For students, the use of technology in learning can attract student's interest in a subject as

well as students can better understand in any of these subjects. Technology can be one of

the teaching material that can help the teacher to teach their student using that thing.

Mostly for academic subject, for example Mathematic, Science and so on, there are so

many courseware to help the student for that subject while they can release their stress using

that courseware. Unfortunately for religion subject, for example Pendidikan Islam, there are

lack of courseware that focus on that subject that can attract the student to enjoy and study

through an application. Mostly the existing application, it just scan the content on the book

and put that in the application. There is problem also in application where the information

given are not based on the syllabus that they study and it can make the student confuse with

that information.

This PI Form 3 Ibadah (Solat- Solat Sunat) courseware can help the student especially

form 3 that take the subject Pendidikan Islam for more understanding on the topic Ibadah

where this topic is one of the syllabus for their learning. This application also have

entertainment where the student can play the audio or video that are given and also play

games to test their knowledge on this topic. Besides student, teacher also can using this

application as one of their learning materials to teach their student with more fun.

2

1.2 Problem Statement

There are not many applications that provide information on the teaching and syllabus

contained in the learning.

Students are less interested in just reading through textbooks

Difficult for student to search information about the learning via smartphone.

1.3 Objectives

The main objectives of this project are:

To study the syllabus in their lesson for information in that application.

To develop courseware that can help the student in their learning.

To design interesting application that can attract the user to use that application.

3

1.4 Scope

The main scopes of the application:

1. Platform

just use the mobile phone platform (android)

2. Target user

Form 3

Teacher who need guidance to teach the student

3. Content

Focus on chapter Ibadah in Pendidikan Islam Form 3

4

1.5 Activities and Milestone

Table 1.1 : Activities and Milestone

No. ACTIVITIES WEEK

1 2 3 4 5 6 7 8 9 10

11

12

13

14

15

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.5 Limitation of work 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

12 Submit draft of report to supervisor

13 Seminar Presentation & Final presentation

14 Correction Report

15 Final Report Submission

5

1.6 Expected Result

To help teachers to make references so that the app becomes a teaching and

learning tool

Helping the student that not understand about their learning

So that the objective is to be achieved

6

CHAPTER 2

LITERATURE REVIEW

2.1 Introduction

Literature Review is a survey of an previous works such as research, website, application

or article that related to answer the related problems need to be introduced. A work should

be in the context of the project scope that covers on two perspective; application problem and

solution approach such as the theory (i.e. algorithm) or practice (i.e. tool). In this project, the

topic related are the application about education and their content design and so on.

7

2.2 Project and Research

2.2.1 Research on application Waktu Solat Malaysia

Figure 2.1 : Application Waktu Solat Malaysia

This application is developed to give a notification of adhan prayer for muslims

especially muslims in Malaysia. The user just need to turn on the GPS to detect the

location of the user due to different time of prayer for the application to give the notification

and information for the user.

There is advantage where the user can know the time of prayer through the

notification without need to check on the calendar. However, there is also disadvantages

for using this application where the notification sometimes not working, and the user not

know what time for prayer.

8

2.2.2 Research on application Memrise

Figure 2.2 : Application Memrise

This application is developed for those who want to learn new language. There are

many languages that the user can learn through that application as we can see on the

picture. To use this application, user need to register their account to collect the point that

they get through the activity that are given for the user.

The advantage for the user is they can learn many languages using this

application. Learning basic languages can help them to know the meaning of that word

and so on. there is also disadvantage which is in this application, they don’t use video to

explain the meaning of some word to give user more understanding and also can give

entertainment for user to use that application.

9

2.2.3 Research on application Bank Soalan PT3

Figure 2.3 : Application Bank Soalan PT3

This application are develop especially for student PT3, where in that application

there are all subject for student that take for PT3 examination. The content on this

application is short note every topic on the subject and also it have the question that may

be asking in the examination with the answer that can help the student for their

examination.

The advantage for the user to use this application is the student can get the

information through this application for each subject without using text book or any book

that are related. But there is also disadvantages where this application don’t use a lot of

interactive that can attract the student interest to use the application. And also, in this

application they just give information based on the scan from the book without any

interaction on it.

10

2.2.4 Research on application Cerdas Cermat Islami

Figure 2.4 : Application Cerdas Cermat Islami

This education application that contains quiz about related matters of Islamic

religion. For example quiz about prayer, fasting, zakat and many more. The question are

given with the many options of answer for the user to choose. There is only one right

answer for user need to choose. When the user get the right answer, they will get one

point for that question and then it will proceed for the next question.

The advantage for using that application can attract the user to use that application

because that application have many things about Islamic religion and user can test their

information about Islamic religion through that application. The disadvantage of that

application is just have activity on that application without give any information beforehand.

Then, the language are used in that application just Indonesian language and it hard for

other people in other country to use this application.

11

2.2.5 Research on application Kuis Pendidikan Agama Islam Seputar Idul Adha:Haji

Figure 2.5 : Application Kuis Pendidikan Agama Islam Seputar Idul Adha:Haji

This application is focus on the topic about hajj, umrah, qurban and solat hari raya

Idul Adha. This application just contains quizzes about the topics that provided for this

application. The user need to answer the question in a given time for each question. The

user are given life to answer the quiz. If the time is not enough for the user to answer the

quiz, the life will decrease and it will

The advantage of using this application is it can help the user to test their

information about the topic especially hajj, umrah and so on. The disadvantage of this

application are it use just one activity which is quiz that can make the user easy to get

boring with just one activity. Then, the design of this application is just regular design that

cannot attract the user to use this application.

12

CHAPTER 3

METHODOLOGY

3.1 Introduction

In this chapter consist of what method that we want to use for how to manage the project. A

methodology is a model, which project managers employ for the design, planning, implementation

and achievement of their project objectives. There are different project management

methodologies to benefit different projects. For example waterfall method, agile method, hybrid

method and many others. Therefore the model has been chosen. Each phase will be elaborated

later in this chapter.

13

3.2 ADDIE Model

This model is among the instructional design models that often become the basis of other

instructional design models. The phase that were involved in the ADDIE MODEL are:

Analysis

Design

Development

Implementation

Evaluation

Figure 3.1 : ADDIE Model

14

3.2.1 Analysis

Before start developing any content in any application, you should analyze the current application

in terms of knowledge gaps etc. Start with of questions to understand the current situation and to

also understand what is the goal of that application itself. This is to ensure the application of the

game to be developed meets the needs of the actual user. Therefore, in this phase several

analyze have been implemented on various aspects. Among them are analysis of user

environments, analysis of users, identifying the purpose of this application and so on.

3.2.3 Design

This phase is implemented after the requirement analysis process is completed. It explains the

overall view of the interface, structure, approach of this application, the type of media and

technology used. The development of this game application gets the right objective and can be

reached by the user after successfully completing the mission of this application. The

development of this game app also checks the way or method for this game to be easily

understood by the user.

3.2.4 Development

This game app needs to be developed based on the design that has been designated through

the design phase. Development here refers to the process of developing or producing software

using existing applications such as programmers app, authoring, graphics, audio and so on. In

this development phase also, it uses any designs or designs agreed upon in the design, for

example:

Users are provided with help to prevent users from experiencing problems using software.

Content in the game of the resulting game must be compatible with the level of ability,

age, background, user and so on.

Interesting stimuli such as multiple graphics, sound effects and so forth are provided for

users not to be tired of playing this game application.

15

3.2.5 Implementation

Application game "The Game Application for Phonic Technique in English" is ready to be

presented to test the effectiveness and see the 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.6 Evaluation

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

graphics, audio, interfaces and so forth contained in this game application either through

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

use.

3.3 Application Requirement

3.3.1 Hardware

Laptop

Printer

Android Phone

USB Cable

3.3.2 Software

Android Studio

Xampp

Java JDK

Notepad++

Adobe Photoshop

Adobe InDesign

Microsoft Office Word 2016

Microsoft Office PowerPoint 2016

16

3.4 Application Design

3.3.1 Application Framework

Figure 3.2 : Framework of application

17

3.3.2 Storyboard

Figure 3.3 : Interface of app

Figure 3.4 : Login

18

Figure 3.5 : Register Account

Figure 3.6 : User Profile

19

Figure 3.7 : List of Subtopic

Figure 3.8 : User Get Information

20

Figure 3.9 First Activity

Figure 3.10 Second Activity

21

Figure 3.10 : Third Activity