SYIFAA CARE MOBILE APPLICATION

AHMAD RATHOMIE BIN HASBULLAH

043496

BACHELOR OF INFORMATION TECHNOLOGY

(INFORMATICS MEDIA) IN HONOR

DECLARATION

I at this moment declared this report based on my original work except for

quotations and citations, which have duly acknowledged. I also state that it

has not previously or concurrently submitted for any other degree at

University of Sultan Zainal Abidin or any other institutions.

………………………………………..

Name : AHMAD RATHOMIE BIN HASBULLAH

Date :

i

CONFIRMATION

This project report Syifaa Care Application was submitted by Ahmad

Rathomie bin Hasbullah and has been accepted as a requirement for the

Bachelor of Information Technology (Informatics Media) with Honors.

……………………………………………...

Supervisor : Sir Tolahah Bin Muda

Date : ii

DEDICATION

I am dedicating this project for my beloved people who have keep

supporting me and guide me to complete this project. Firstly, to my lovely

family who keep supporting me from bottom to this stage and taught me not

to lose hope in chasing dreams.

Besides, I am also dedicating this project to my supervisor, Sir

Tolahah bin Muda who has been teaching and guiding me with his ideas to

me to complete this project. The excitement and willingness to provide

feedback made the completion of this project an enjoyable experience

Lastly, I also dedicating this to my friend that always keep supporting

me and helping me to make sure this project working well. Thank you so

much and I will never forget your kindness.

iii

ACKNOWLEDGEMENTS

Firstly, I want to thank to Allah(s.w.t) for letting me live to see this

thesis through. I am forever indebted to my supervisor, Sir Tolahah Bin

Muda for unwavering support, encouragement and patience through this

process.

Besides, thanks to all my fellow friends that always give support to

help me to make sure this project working well. Thank you so much and I

will never forget it.

Lastly, I owe so much to my whole family for their strong support,

their unwavering belief that I can achieve so much. Unfortunately, I can not

thank everyone by name because it would take a lifetime but, I just want

you all to know that you count so much. Had it not been for all your prayers

and benedictions were it not for your sincere love and help, I would never

have completed this project. I can never pay you back for all the help you

have provided me, the experience you have helped me gain by working.

So, thank you to all.

i iv

ABSTRACT

Back in the day, since children, some people were applied and used

traditional treatment to cure the diseases or sickness like fever, stomachache,

dizziness and others by their ancestors or great grandparents. Before existence

of modern medicine and trained doctors, our ancestors have been using

traditional treatment like massaging and herbs to cure their disease. They also

used them to keep their body health keep healthy and energize. It is important for

them because of their body keep doing hard work. Besides, the using of herbs

have been used since over past 1000 years and also since Middle Age. The

founders of the herbs not using lab or chemical material, they just tried ate it and

applied them, if the herbs can cure their disease, they will approve the herbs and

keep using them.

For Muslim’s people, they believed that plants that grew on this earth have

their own specialty. The gift from Allah that give the fresh and green plants that

contains the secret of grace and bless. There are also important to treat the

disease in the name of Allah that create the pain and release the pain. So,

Muslim people must know how to treat disease using Islamic treatment like zikr

to cure dizziness, fever, headache and others. In addition, people on this day

should be grateful and thankful for their ancestors that found the herbs and their

knowledge in treatment like massage that helped people a lot.

So, in this present day, some people were lack of information about

traditional treatment, traditional herbs and Islamic treatment. So, I will develop an

applications that gather information and knowledge called Syifaa Care. It purpose

is to improve the knowledge of the present people to know about traditional

treatment, traditional herbs and Islamic treatment.

v

ABSTRAK

Pada waktu dulu, sejak kanak-kanak, sesetengah orang telah

menggunakan dan menggunakan rawatan tradisional untuk

menyembuhkan penyakit seperti demam, sakit perut, pening dan lain-lain

oleh nenek moyang atau datuk nenek mereka. Sebelum kewujudan ubat-

ubatan moden dan doktor terlatih, orang-orang dahulu telah menggunakan

rawatan tradisional seperti urutan dan herba untuk menyembuhkan

penyakit mereka. Mereka juga menggunakannya untuk menjaga kesihatan

badan mereka supaya sihat dan bertenaga. Ia penting bagi mereka kerana

badan mereka selalu digunakan untuk kerja keras demi mancari rezeki .

Selain itu, penggunaan herba telah digunakan sejak lebih dari 1000 tahun

lalu dan juga sejak Zaman Pertengahan. Penemuan herba oleh orang

dahulu tidak menggunakan makmal atau bahan kimia, mereka hanya cuba

memakannya dan menyapu pada badan mereka, jika herba dapat

menyembuhkan penyakit mereka, mereka akan meluluskan herba dan

terus menggunakannya.

Bagi umat Islam, mereka percaya bahawa tumbuh-tumbuhan yang tumbuh

di bumi ini mempunyai keistimewaan mereka sendiri. Anugerah dari Allah

yang memberikan tanaman segar dan hijau yang mengandungi rahsia

rahmat dan berkat. Penting juga untuk umat Islam merawat penyakit itu

dengan nama Allah yang membuat kesakitan dan melegakan rasa sakit.

Jadi, orang Islam mesti tahu cara merawat penyakit menggunakan rawatan

Islam seperti zikr untuk menyembuhkan pening, demam, sakit kepala dan

lain-lain. Di samping itu, orang-orang pada hari ini harus bersyukur dan

berterima kasih atas nenek moyang mereka yang menemukan herba dan

pengetahuan mereka dalam rawatan seperti urutan yang membantu

banyak orang.

Oleh itu, pada masa ini, sesetengah orang kurang mendapat maklumat

mengenai rawatan tradisional, herba tradisional dan rawatan Islam. Oleh

itu, saya akan membangunkan aplikasi yang mengumpulkan maklumat dan

pengetahuan yang dipanggil Syifaa Care. Tujuannya adalah untuk

meningkatkan pengetahuan orang-orang sekarang untuk mengetahui

tentang rawatan tradisional, herba tradisional dan rawatan Islam.

vi

CONTENTS

Chapter Title Page

DECLARATION

I

CONFIRMATION Ii

DEDICATION iii

ACKNOWLEDGEMENT iv

ABSTRACT

v

CONTENT

vi

LIST OF TABLES

vii

LIST OF FIGURES

viii

CHAPTER 1

INTRODUCTION

1.1 Background

1.2 Problem Statement

1.3 Objective

1-4 vii

1.4 Scope

1.4.1 User

1.4.2 Content Scope

1.5 Expected Result

1.6 Limitation

1.7 Milestone and Activities

CHAPTER 2

LITERATURE REVIEW

2.1 Introduction

2.2 Courseware

2.2.1 2D Animation

2.3 Related Works

2.4 Existing Application

2.4.1 Islamic Medicine Apps

2.4.2 Herbal Medicines Apps

2.4.3 Herbal Health Care Apps

2.5 Overall Analysis

5-9

CHAPTER 3

METHODOLOGY AND

PROJECT MODEL

3.1 Introduction

3.2 Mobile Application Development Life

Cycle(MADLC) Model

3.3 Methodology Phase

3.3.1 Analysis

10-24

viii

LIST OF TABLE

TABLE TITLE PAGE

1.1 The task of the project 4

2.1 Show the overall of all applications 9

3.3.2 Design

3.3.3 Development

3.3.4 Implementation

3.3.5 Evaluation

3.4 Hardware and Software Requirement

3.4.1 Hardware

3.4.2 Software

3.5 Design and Modelling

3.5.1 Storyboards

3.6 Conclusion

REFERENCES 24

ix

LIST OF FIGURES

TABLE TITLE PAGE

2.1 The interface Islamic Medicine Apps 6

2.2 The Interface of Herbal Medicines Apps 7

2.3 The Interface of Herbal Health Care Apps 8

3.1 Mobile Application Development Life Cycle 11

(MADLC)

3.2 The Introduction Page for Syifaa Care Apps. 16

3.3 The Home page Interface of Syifaa Care 17

3.4 Traditional Herbs and Plants page interface 18

3.5 Islamic treatment and Traditional treatment page 19

3.6 This is Games page that contains activity and games 20

3.7 Hangman game’s page 21

3.8 Matching Pictures game interface 22

3.9 Find Word game page interface 23

x

CHAPTER 1

INTRODUCTION

1.1 Background

The “Syifaa Care” application is about health and knowledge application for user

to get information about traditional herbs, traditional treatment and Islamic

treatment.

The process of developing this application will take only trusted and authorized

information from certified doctor and health department authorized by Ministry of

Health. It will make sure the user not doubtful and confuse when using this

application and it is illegal to create fake information about health because it will

affect our life if the information about the traditional herbs for the diseases is not

safe to eat. Besides, this application contain information about Islamic medicine,

so the references are from Quran and Sunnah, and also from certified ulama’.

In addition, our society mostly do not get enough information about traditional

herbs and it usability before modern medicines. This application will help them to

know about traditional herbs, traditional treatment and Islamic treatment .So,

“Syifaa Care” is suitable for them to use.

1

1.2. Problem Statement

Unfortunately, there are some people in our society doesn’t get enough

information about traditional herbs, traditional treatment and Islamic treatment. Besides,

our traditional herbs and Islamic treatment that used by our ancestor were forgotten by

our modern people.

1.3 Objective

The main objective of this application is to study, to develop and to test about

traditional herbs, traditional treatment and Islamic treatment. The overall

objective of this project :

To study about traditional herbs, traditional treatment and Islamic

treatment.

To develop a mobile application that contains information about treatment

in traditional herbs and in Islamic ways and it functions to heal diseases

physically and spiritually.

To test the mobile application to give information about treatment in

traditional herbs and in Islamic ways and it functions to heal diseases

physically and spiritually.

2

1.4 Scope

The scope for this project identified to make the application development process work

well. The scope is divided into two which are user modern public people and contents

scope:

1.4.1 User

Focus for modern public people that using smartphone to get health

information.

1.4.2 Content Scope

Have a more information of traditional herbs, traditional treatment

and Islamic treatment in text, image, 2D animation and audio.

Have fun activities and games about health for user.

1.5 Expected Result

The user can use the Syifaa Care Apps to get the information and knowledge about

traditional herbs, traditional treatment and Islamic treatment. Besides that, this

application will show to user how to know use technique of traditional treatment like

massaging, to know functions of herbs and to learn treatment in Islamic ways.

1.6 Limitation

This project can only perform for user that use android only at this time.

3

1.7 Milestone and Activities

Table 1.1 Show the task of the project

Task name

SEPTEMBER OCTOBER NOVEMBER DECEMBER

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

Topic Discussion and

Determination

Project Title Proposal

Proposal writing

Proposal writing –Literature

Review

Proposal Progress

Presentation & Evaluation

Discussion

Correction Proposal

Proposed Solution

Methodology

Proof of Concept

Drafting Report of the

Proposal

Submit draft of report to

supervisor

Seminar Presentation

Correction Report

Final Report Submission

4

CHAPTER 2

LITERATURE REVIEW

2.1 Introduction

In this chapter, a survey of an existing systems to answer the related problems.

There are 3 existing systems or applications that have been chosen. It is

important to know about others application to make sure the project working well

and also know what is strength and weakness of existing applications. Those are

Islamic Medicine Apps, Herbal Medicine Apps, Herbal Healthcare Apps.

2.2 Courseware

Courseware is one of application information and knowledge material intended

as kits for guiding and to give tutorials for user. Courseware can encompass any

knowledge area, but information technology subjects are most common. It can

use for teaching and learning and it also have element multimedia that will be

more interactive which is graphic, audio and video.

2.2.1 2D Animation Technique

2D animation creates movement in a two-dimensional artistic space.2D

animation focuses on creating characters, storyboards, and backgrounds in

two-dimensional environments. It also uses bitmap and vector graphics to

create and edit the animated images and is created using computers and

software programs, such as Adobe Photoshop, Flash, After Effects, and

Encore. For Syifaa Care application, it has some video and audio that

shows 2D animation for user.

5

2.3 Existing Application

The existing applications had been studied and analyze is:

1. Islamic Medicines Apps

Figure 2.1 : Islamic Medicine Apps

Strength :

It has good interface design and the using of suitable icons

Detail information about the types of medicine

User friendly

Weakness :

Late to update the latest way of treatment

No video

Only show herbs in Islamic ways only

6

2. Herbal Medicines Apps

Figure 2.2: Herbal Medicines Apps

Strength :

Detailed description of herbs types

Used interesting pictures for the herbs

Have variety type of languages

Weakness :

Bad interface design

Very limited herbs that can be search

No video

7

3. Herbal Health Care Apps

Figure 2.3: Herbal Health Care Apps

Strength :

Nice interface design

User friendly

Have variety type of languages

Weakness :

Very limited herbs that can be search

No video

2.4 Overall Analysis

8

2D

Animation

Video Text Audio Activities

Islamic

Medicines Apps

Not have Not

have

Available Not have Not have

Herbal

Medicines Apps

Not have Not

have

Available Not have Not have

Herbal Health

Care Apps

Not have Not

have

Available Not have Not have

Table 2.1: Show the overall of all applications

9

CHAPTER 3

METHODOLOGY AND PROJECT MODEL

3.1 Introduction

This chapter will explain the details of the methodology being used in this project.

The project methodology should act as guide to make sure the project complete and

working well. There are many types of methodology that can apply and used in the

development of the system such as waterfall model, spiral model and Agile

Development method. All of the approach needs to choose wisely based on the

suitability of the system before start the system development phase as it will become

the guide throughout the system development.

3.2 Mobile Application Development Life Cycle (MADLC)

10

Figure 3.1 Mobile Application Development Life Cycle (MADLC)

The phases in Mobile Application Development Life Cycle model are:

Identification Phase, Design, Development, Prototyping, Testing, Deployment and

Maintenance. All the methods and processes undertaken in Mobile Application

Development Life Cycle are more visible.

3.2.1 Identification Phase

In the first phase, ideas are collected and categorized. The main

objective of this phase is to come out with a new idea or improvements to the

current complaint system. The existing systems on any of the standards platforms are

searched to establish the novelty of the idea. If a similar application exists in the market,

the popularity of the application and the features supported are studied and

compared. The differences with the existing system(s) are documented. If no

similar application exists on any mobile platform, then the idea with its core

functionality should be documented. The other important task in this phase is

11

to define the time required to develop the Syifaa Care application. The

initial requirement gathering should also be completed.

3.2.2 Design Phase

In this phase, the idea for the Syifaa Care application is

developed into an initial design of the application. The feasibility of

developing the application on all mobile platforms is determined.

Alternatively, the specific target mobile platform is identified (example:

smartphone with Android 4.1 Jelly Bean (API 16)). The application functionality is

broken down into modules and into prototypes i.e., combination of modules which are

to be released in the prototype design. The functional requirements are defined. For

example :login, add complaint, view history of complaint, update complaint, delete

complaint, and etc. The software architecture of the application is created.

Then the prototypes and associated modules are defined. A very important part

of the design phase is to create the storyboard for the user interface interaction:

this storyboard describes the flow of the application.

3.2.3 Development Phase

In this phase, the application is coded. Coding for different modules of

the same prototype can proceed in parallel. The development process can be in

two stages: Coding for Functional Requirement and Coding for UI

requirements. The code is developed first for the core functionalities. Parallel

development can be done for modules of the same prototype that are

independent of each other. Subsequently, these modules can be integrated. In

the second stage, user interface is designed so that it can be supported on as

many mobile operating system platforms as possible; it is not good practice to

have a different look and feel for the same application on different platforms.

The minimum set of interface components present in all mobile OS platforms

12

should be used in the design.

3.2.4 Prototyping Phase

In this phase, the functional requirements of each prototype are analyzed, the

prototypes are tested and sent to the supervisor for feedback. After feedback is

received from the supervisor, the required changes are implemented through the

development phase. When the second prototype is ready, it is integrated with the first

prototype, tested and then sent to the client. The development, prototyping and testing

phases are repeated until the final prototype is ready. The final prototype is sent to the

supervisor for a final feedback.

3.2.5 Testing Phase

Testing is one of the most important phases of any development

lifecycle model. The testing of the prototype types is performed on an

Android Virtual Device or any simulator followed by testing on the real

device. The simulator is often provided in the SDK. The testing on the real

device, for example in the case of Android operating system development,

should be performed on multiple operating system versions, multiple

models of smartphones with variable screen size.

3.2.6 Deployment Phase

Deployment is the final phase of the development process. After the

testing is completed and the final feedback is obtained from the supervisor, the

application is ready for the deployment. The application is uploaded to the

appropriate application store/market for user consumption. Before the

application is deployed, the following steps are to be checked.

12

Register as a developer on the respective application developer’s

website by paying the annual fee, if necessary, for respective OS.

Check the rules and regulations of the application store for the

deployment of an application.

Refine the application, for example, by removing all the log files and

comments.

Design the icon and wallpaper to be used on the application store.

Create the file format required on operating system platform.

3.2.7 Maintenance Phase

The maintenance is the final phase of this model and this maintenance

is a continuous process. Feedback is collected from users and required changes

are made in the form of bug fixes or improvements. Appropriate security

patches, performances improvements, additional functionality, new user

interfaces should be provided at regular intervals in the form of updates to the

application. The maintenance phase also includes the marketing of the

application: advertising and highlighting its unique features. If any application

requires a backend server: this server and related operating system must be

maintained as well.

3.3 Software and Hardware Requirement

In the application development process, the requirements such as software and

hardware is the most important requirement to ensure that all system development

work smoothly without any interruptions and problems. There are several

requirements that were used to complete this project which include:

3.3.1 Hardware

I. Notebook : Lenovo DESKTOP-F890I2T

Processor : Intel (R) Core i5-7200U CPU@ 2.4 GHz

13

Memory : 8GB RAM

Storage : 100 GB SSD + 831 GB

Operating System : Windows 10 Pro

II. Android Mobile Phone : Samsung Galaxy S7Edge

Used to run, deploy and testing the application.

Android version 4.1.2 or later

III. USB Flashdrive

Used to backup the project.

Storage : 8GB

3.3.2 Software

Software requirement of this project are:

1. Android Studio

code for Android Application.

2. Ionic Framework

code for Android Application.

3. Xampp for Windows

to manage connection between Apache and

MySQL.

4. Visual Code Studio

code for Android Application.

5. Google Chrome

14

Xampp Server.

6. MySQL

7. Microsoft Office 2013

8. E-Draw and Visual Paradigm

Diagram (CD) and Entity Relationship Diagram (ERD) 15

9. Adobe Illustrator (Ai) & Adobe Photoshop (Ps)

will be use in the application.

3.4 Design and Modelling

Design and modeling is a very important process. It is as a sketch of ideas to

developers as a reference during the development process. Additionally, it is used

as an initial description of the project. Start with storyboarding, scriptwriting,

character creation or model and followed by a navigation map.

3.5.1 Storyboard

15

Figure 3.2: The Introduction Page for Syifaa Care Apps.

Description: This page will appear when open the application. It has description about

this applications.

16

Figure 3.3: The Home page Interface of Syifaa Care Application.

Description: This page has Traditional Herbs& Plants button, Traditional Treatment

button, Islamic Treatment button and Games button.

17

Figure 3.4: Traditional Herbs and Plants page interface.

Description : User will press the function button and it will go to Herbs Function page

and it will tell about description about the herbs and it functions.

18

Figure 3.5: Islamic treatment and Traditional treatment page.

Description: These page contains videos and audio. User can watch the video by press

the button.

19

Figure 3.6: This is Games page.

Description: This page contains activity and games in Syifaa Care Apps.Those are

Picture Match games, Hangman game and Find Word game.

20

Figure 3.7: This is Hangman game’s page.

Description :For this game user will insert the letters that given. If the correct letters was

insert, the letter will be displayed in the answer box. If the user choose wrong letter, the

hangman drawing will be complete and the user will lose the game.

21

Figure 3.8 : This is Picture Match game page.

In this game user will try to matching the picture. User will choose random tiles and

when the pictures turn around, user will choose another tiles to find same pictures. User

will win if when they done matching all the pictures.

22

Figure 3.9 : Find Word game page

Description : This page shown the interface of Find Word game in Syifaa Care Apps.

User can play the game by searching the word that given. If they can find all the words,

they win.

23

3.6 Conclusion

In conclusion, the selection of good methodology is very important to make sure

the development of application can be done within the exact time given. A good

methodology also can provide systematic steps in development the application so that

the application can be develop with minimum errors and problem. The methodology that

is used by Syifaa Care App is Mobile Application Development Life Cycle (MDLC)

Model. It also explains the requirement hardware and software that are used in this

project that guide to successful of this project.

4. References

https://play.google.com/store/apps/details?id=com.herb.medicine.book

https://play.google.com/store/apps/details?id=com.andromo.dev492494.ap

p663718

https://play.google.com/store/apps/details?id=com.simprosys.herbalhealthc

are

https://www.researchgate.net/figure/Mobile-Application-Development-

Lifecycle-Model-MADLC-Vithani-Kumar-2014_fig1_317058187

24