You are on page 1of 24

ELEKTRONIK SISTEM NIKAH, CERAI DAN RUJUK (e-SINAR)

WEB-BASED ISLAMIC FAMILY AND MARRIAGE MANAGEMENT SYSTEM

BINTI TALIB
NAIMAH
(Software Engineering)

requirement

This project is submitted in partial fulfillment


of
Science
Computer
Bachelor
degree
the
with
of
of
of

Faculty

Technology
of Computer Science and Information
SARAWAK
MALAYSIA
UNIVERSITI
2005

Honours

TABLE

OF CONTENTS

ACKNOWLEDGMENT

V1

ABSTRACT

ix

ABSTRAK

TABLE

OF CONTENTS

LIST OF TABLES

vii

LIST OF FIGURES

V ill

CHAPTER

1: INTRODUCTION
1

1.1 An Overview
of Jabatan

1.2 Background
Problem

1.4

Objectives

1.5

Project

1.6

Project Significant

1.7

Expected

1.8

Significant

Statement

1.3

CHAPTER

Agama Islam Sarawak

4
4

Scope

5
5

Outcomes

of Research

2: LITERATURE

2.1

Introduction

2.2

Existing

Website

REVIEW
7

System

2.2.1 SINAR

2.2.2 SISPEN

10

2.2.3

Saloma Bistro Website

2.3 Comparison

of Existing

11

System

12

2.3.1

Software

2.3.2

Characteristic

13

2.3.3

Functions

14

2.3.4

Graphical

2.4 Interaction

Type

12

User Interface

and Navigation

14

Design of Web System

14

2.4.1 Interaction

Design

14

2.4.2 Navigation

Design

15

2.5 Design Usability


2.5.1 Interface
2.5.2 Human

of Web-based

System

Design
Computer

16

16
Interaction

16

2.5.3 Usability

18

2.6 Design Consideration

18

2.6.1 Menus

19

2.6.2 Form

20

2.6.3 Color

21

2.6.4 Font

22

2.7 What is e-SINAR?

23

2.7.1 Functions

24

2.8 Summary

24

11

CHAPTER

3: METHODOLOGY

3.1 Research Method


3.2 Implementation

25
Tools

3.2.1

An Overview

3.2.2

Why Waterfall

25

of Waterfall

3.3 Project Framework

Model

25

Model is Used?

26

Focus

27

3.4 Summary

CHAPTER

34

4: REQUIREMENT

4.1

Introduction

4.2

Overall

AND

SPECIFICATION
35

Description

about e-SINAR

35

4.2.1 Product

Perspective

35

4.2.2 Product

Functions

38

4.2.3 User Characteristic

39

4.2.4 Safety and Security


4.2.5 Assumption,
4.3

ANALYSIS

Consideration

Constrains

and Dependencies

Specific Requirement
4.3.1 External

Interface

40
40

41
Requirement

41

4.3.2 User Interface

42

4.3.3 Hardware

42

4.3.4 Web-based

Programming

Tools

44

4.3.5 Use Case Diagram

45

4.3.6 Activity

48

Diagram

4.3.7 Non-Functional
4.3.8 Software

49

System Attributes

4.4

Logical Database

4.5

Summary

CHAPTER

Requirement

50

Requirement

51
52

5: DESIGN

AND

IMPLEMANTATION

5.1 Introduction

53

5.2 Context

55

Diagram

5.3 Data Flow Diagram

55

5.4 Structure

57

5.5 Input

Chart

and Output

5.5.1 Input

Design

57

Design

5.5.2 Output

57

Design

5.6 Implementation

58

Tools

58

5.6.1 Network

Architecture

5.6.2 Function

of Modules

of e-SINAR

59
59

5.6.3 Member Services

62

5.6.4 Administrator

68

5.7 Problem

Services

Occurred

5.7.1 Error

Converting

70
Data Type

70

5.8 Summary

70

iv

CHAPTER

6: RESULT

AND

DISCUSSION

6.1 Introduction

6.2 Experimental
6.3 SINAR

71

Materials

Usability

6.4 e-SINAR

71

Inspection

Usability

67

Inspection

77

6.5 Summary

CHAPTER

81

7: CONCLUTION

AND

FUTURE

WORKS

7.1

Introduction

82

7.2

Achievements

82

7.3

System Limitation

83

7.4

Future

83

Works

7.4.1 Integrated

with

Cell-Phone

83

7.4.2 More advance security

84

7.4.3 Dual Language

84

7.5 Summary

84

BIBLIOGRAPHY

85

APPENDIX

A: Usability

Testing

of SINAR

87

APPENDIX

B: Usability

Testing

of e-SINAR

89

ACKNOWLEDGEMENTS

In the name of Allah, the Most Merciful

and the Most Compassionate, praise to

be the one Allah, the sustainer of the entire universe.

I would

like

Syahrul

Nizam

assistance

Special

Junaini,

for

his

in the accomplishment

thanks

Teh,

dad,
my

Nik

Zahari,

and

appreciation

Mr. Talib
for

this

throughout

and deepest

to acknowledge

the

bin

Awang

continuous

invaluable

guidance,

to my

given

Hitam

and

advice

throughout

and completion

much

to my supervisor,

appreciation

mum,

fiance,
my

encouragement,

steadfast

and

Mr.

continuous

my project work.

Mrs.
Nik

Hasmah
Faiz

and

bt Mat

Iskandar
loving

bin

support

project.

One heartfelt

thanks also goes to my examiner for lending her unselfish hands

and patiently

In
the
to
addition, thanks also to
project.
guidance me
accomplish

family
my

for
their
and my mentor

understanding

Finally,

and loving support as well as

and patience.

my grateful

and the project,

steadfast

thanks

especially

to all those many


to all my friends

much sooner.

vi

have
put up with
people who

without

me

finished
have
I
would
whom

ABSTRACT

Slstem

Electronic
acceptance

links

and processing

and processing

creation

links

that

Sarawak

(JAIS).

pre-wedding,
status

CerAi

Nikah,

system.

This

system

user

The ability

and

ceremony

can process the user application

about Islamic
and storing

at Jabatan

family

by the Active

Server Page (ASP) as the application


each application

ix

processing

Agama

development.

the information

designed
by
Macromedia
is
using
used

made faster and easier.

and each

Islam

process of

services, checks user application

The software

side. With the existence of e-SINAR,

system

is to accept the application

and counseling

information
get
much
and

is an application

The system provides

administrator

of e-SINAR

(e-SINAR)

is web-based

system

task is made by online.

between

wedding

dan Rujuk

e-SINAR

in database

Dreamweaver

MX supported

tools for building


and processing

online.

the server
tasks can be

ABSTRAK

Slstem

Elektronik
yang

melaksanakan
dengan

pemohon
Sistern

ini

talian.

e-SINAR

digariskan
yang

pendaftaran

oleh Islam.

di Jabatan

yang

disimpan

digunakan

yang

Macromedia

Dream weaver

MX

di

menghubungkan

antara

para

berasaskan
membuat

memproses
pangkalan

membangunkan
menggunakan
e-SINAR,

(JAIS).

dan
web
secara
kursus

pendaftaran

semakan pendaftaran,
keluarga
data
data.
sistem

bahasa

seperti

yang

dan maklumat
Perisian
ini

dan
adalah

pengaturacaraan

segala urusa. n pendaftaran

data
dan
maklumat
segala

cepat.

Sarawak

Islam

membentuk

dalam

Server Page (ASP). Dengan adanya

yang mernbolelrka. n pemprosesan

sistem

kauseling,

dapat

untuk
dan

sebuah

Agania

untuk

panduan

ini juga

adalah

adalah

perkhidmatan

mengenai
Sistem

(e-SINAR)

yang

sebagai medium

perkahwinan,

perkakasan

Active

Rujuk

secara keseluruhannya

panduan

diperolehi

dan

kakitangan

berfungsi

pra perkahwinan,
memperolehi

proses

para

adalah

CerAi

Nikah,

menja. di mudah

dan

LIST
Figure 2.1

Screen Capture

Figure

Overall

3.1

OF FIGURES

SINAR
of

Workflow

registration

form

28

of e-SINAR

Figure 4.1

Use Case Diagram

Figure 4.2

Activity

Diagram

of Overall

Figure 5.1

Context

Diagram

of e-SINAR

Figure

5.2

Level 0 of Data Flow Diagram

Figure

5.3

Structure

46

of e-SINAR
Process

48
55

Chart of e-SINAR

56
Modules

57

Figure 5.4

Screen Capture

of Member

Login Page

Figure 5.5

Screen Capture

Wedding
of

Registration

Figure 5.6

Screen Capture

of Counseling

Figure 5.7

Screen Capture

of Pre-wedding

Figure 5.8

Screen Capture

of Family

Information

Module

66

Figure 5.9

Screen Capture

Reservation
Cancel
of

Module

63

Figure 5.10

Screen Capture

of Administrator

Figure 5.11

Screen Capture

of Registration

Figure 6.1

Mean of SINAR

74

Figure 6.2

Mean of e-SINAR

77

Figure 6.3

Screen Capture

of SINAR

Figure 6.4

Screen Capture

of e-SINAR

Form

Services

Main Page

Form

65

68
69

Record

Main Page

63
64

Reservation

Registration

vii

61

Form

79
80

LIST OF TABLES
Table 1.1

Modules of e-SINAR

Table 4.1

Minimum

Table 4.2

Use case description

47

Table 5.1

Overall

60

Table 5.2

Function

of Members

Table 6.1

Usability

Testing of SINAR

Table 6.2

Usability

Testing of e-SINAR

requirement

Function

5
for hardware

in e-SINAR
Modules

43

62

site

viii

performance

site

73

77

CHAPTER

1: INTRODUCTION

1.1 An Overview
has made a great impact

Internet

It has enhanced

mediums.
easy online

in our live as the disseminations

our live and improves

The web based systems

access to information.

offline process easier, faster and move efficient,


booking, ticket and information,

is designed

e-SINAR

has extended
named

"SINAR

System,

Agama

system
Slstem

The new system is upgraded

by providing

are intended

for examples

an

to turn

bill payment,

ticket

etc.

for Jabatan

the current

productivity

information

Islam

at Jabatan
CerAi

Nikah,

Sarawak.
Agama

The proposed

Islam

dan Rujuk"

Sarawak

into online

system
that

is

version.

the stand alone system into a web-based system and

makes it an online system.

The main
disseminates

focus of the e-SINAR

is the utilization

the services effectively

the easy deployment

and efficiently.

and the platform

designs part will be the usability,

independent.

learn ability

of the internet

to ensure

it

It is made online because of


The main focus of interface

and consistency

of the system.

It

provides

applications
The ability

administrators.

family

tips, counseling,

quality

population

through

between

complain

more

the areas of marriage,

identity,

objective

family

the

and

obtain

submission,

national

the nation's

the strengthening

user

user to register,

needs spanning

to enhance

it supports

links

allows

upbringing,

help

will

Besides,

stability.

environment

kid's
and

The system

information.
social

of the system

about the family

information

that

processing

and related
integrity

towards

and

developing

of family

institution

well-

being.

1.2

Background

Jabatan

Agama

information

about

named SINAR

Sarawak

Islam

(JAIS)

already

and the applicants

marriage

has

a system

for wedding

System

SINAR

Agama Islam Sarawak

(SAINS)

and

is a not a freeware
(JAIS).

for

keeping

since 2001 that

is developed by a well establish

Information

State Government.

for Jabatan

Agama Islam Sarawak

Sarawak

system. SINAR

Sarawak

is called

of Jabatan

IT company

wholly

software

owned

is

whish
by

the

and was develop

Problems

1.3

SINAR

Statement

few
allows
officers with

well

as updating

and keeping

only

for keeping

data

Agama Islam Sarawak

about

certain

and password

username

marriage

and only

(JAIS), Kuching

However,

information's.

applicant

to access data as
the system

used at the office

as the central

is

at Jabatan

office. Some problems

since

the usage of this system for the past few years are listed below:
The applications

of the system

are being limited

side. As the registration

be
done
to
manually,
needs

branch
to register
office

the marriage

Color

the user need to be at the

process.

color has been for each page. For

the main page is design using black for background,

text, yellow for text, and purple


white

Different

is
not consistent.
usage

instance,

related

for
the administration
only

green for header

for help text, while some other page are using

as for background.

The registration
background
suitable

and

form
black

is designed

with

a combination

for

text.

This

color

particular

of gray and white


color

are

not

for
that

for this type of application

There are many buttons which are not functioning

There
arises a
very well.

need to reconsider the usage of each of it.


Error-typing

to let the user know

message is not provided

made a mistake.

that

if they have

1.4

Objectives

The objectives of develop the e-SINAR are listed below:


i.

Modify

registration
ii.

from

the registration

manual

services

to online

in the database

system,

when the

systems.

the data to be saved automatically

Allow

and other

system

user fills the form that has been provided.


iii.

iv.

Recognize

the security

system by using password

personal

are safe.

Allowed

the user to ask their

directly

question

to make sure all the data

through

the discussion

board

that is provided.

1.5

Project

Scope

The scope of e-SINAR


features

the

information
towards
family
of

be
incorporated
will
an

registration,
about

developing
well-being.

the

reserves
family

quality

and

allow

development

population

The modules

through

details

1.1:

user-profile

processing

authorized

to support

access. It

contains

nation's

objective

the

the strengthening

involved

in e-SINAR

system that

and promoting
listed
are

in table

Module

Description

Member

Registration
"

as a new member

for
Register
pre-wedding
"
" Cooperation
organize

between

pre-wedding

seminar and wedding


JAIS

and University

/ College to

seminar

Counseling
family
in
term
"
services
of
problem, Islamic family
development, etc
" Information
upbringing,

Administrator

details about Islamic family development, kids


and marriage

life.

Manage
"
and control all item information
" Maintain
" Approve

details

user profile
hours

consultation

" Maintain

record of the registration.

Table 1.1: Modules of e-SINAR

Significant

1.6 Project
e-SINAR
faster

will

data

responsible

access with

as well

Additionally,

the

systematic

and members.
organization.

database
be
the
to
access
able
staffs would

via the Internet.


error,

for administrator

given benefit

Beside,
as make

the

the system will

apply for pre-wedding

data

it reducing

seminar

job
provide

of

redundancy

user-friendly

and wedding

places.

Through

environment

registration

at their

system,

the inventory

and the risk


to

easy and

this

and update

data

manipulating

It allows

be

human
of

done

faster.

for members
own times

to
and

1.7 Expected
e-SINAR
more

Outcomes

online system is expected to provide


info

convenience

Internet.

Since e-SINAR

able to reserve

it provides

registering

for wedding

1.8 Significant
The

system

understand

is operated

the pre-wedding

Moreover,

for

structure

marriage

related

process

on 24 hours in the World

course and register

a service

and become a much

a good solution

which

the

Wide Web, user is

for wedding

the user is able to print

in order to get the wedding

through

through

online.

the form

after

certification.

of Research

is easy

to

the purposes

less human

resource

maintaining

its productivity.

use

and

friendly.

user

Besides

that,

the

of the system before they using it. e-SINAR

to conduct

user
will

its daily task and may reduce the outflow

can
need
while

CHAPTER

REVIEW

2: LITERATURE

2.1 Introduction
As we move into the century
activities

has migrating

based online
catalyst

for

adoption

This

will

strongly

family

development,

process into the web-

Web (WWW)
led

to

an

has become the

astonishingly

on some of the existing

of e-SINAR.
acquire

family
the
of

in term

course section, wedding


resolve the family

and

review

allow user to register,

which

Wide

physical

number

of human

rapid

of hypermedia.

the development

online

of tangible

revolution

give a general

supports

an ever-increasing

and World

hypermedia

international

chapter

from a world
Internet

system.
the

21st century

more information
section,

section and counseling

problem

with just sitting

It is a system

kids

system

registration

by

Islamic
the
about

section,

section which

that

pre-wedding

the user can use to

With
home
or office!
at

the existence

be
be
to
tasks
that
the
made
can
process
need
and

of the system, each application

faster,
lot
easier and more productive.
a

2.2

Existing

There
SISPEN
similar

Website

are three

System

of existing

Bistro,
Saloma
and
to the system

focus on the usability,

that

website
which
will

interfaces,

systems

in the market,

are more on registration

be develop for this project.


functionality
the
and

which

are SINAR,

by online that almost


The research

of the systems.

will

be

2.2.1

SINAR

SINAR

is developed

software

Sarawak

System

Information

State Government.

SAINS

The network

shows

the

network

and wholly

is a client

is

architecture

days as it limits

organisation

Additionally,

the system is not a distributed

server architecture

not

satisfied

of the

for
has
5
Besides,
to
about
wait
user
needs.

system

fulfill

SINAR

However,

needs

in order to retrieve

does

married

These

the network

minutes

need.

to view the personal

into the database

(LAN).

system which

These strongly

administrators

to

it
inefficient
makes

for
each request.
or more
user

the

limit

the usage of the system.

User need to connecting

the data, if user fails to get their

not

for
develop
and was

the local area network

through

in present

for every platform.

is called

by the Sarawak

owned

software

whish

(JAIS).

of the SINAR

architecture

few user accessing the system


that

(SAINS)

is a not a freeware

Agama Islam Sarawak

Jabatan

IT company

by a well establish

show that

only

allows

data of the applicant

form
filled
by
the
using
system

the distributed
a few

who plans

to get

by user manually.

this method consumes a lot of time and put it at a high risks.

system

Administrator
times
loosing

is required

to ensure

to key in the information


the forms,

negligence's.

system may not achieved

: a.
a. r

Sometimes,

and other technical

several

it may cause of
caused by staff

mistakes

or express their

in terms of time constrains

opinion.

and availability,

to a more efficient

and contribute

well as in the management

and take

accurately

people to make enquiry

allows

it has been limited

However,

data

into the system.

information's

SINAR

the

kind of service, as

of the organization.

a15tiSilII

BAHAGIAN

UNDANG-UNDANG
ISLAM
SARAWAK

PENTADBIRAN
JABATAN
AGAMA

SYARIE

BORANG
PENYERTAAN
PRA PERKAHWINAN
KURSUS
No.

Daftar

Pra-Pedtahwinan
DOW

mum IM coned _". _ ,. _-, __.,.. _. .._ ,..,. TatM

04YAr"-

'

OY

--"------W--rMARIrlll><tPetBOIOll

1Q fl; It

: CMDD-6YFDJ
21,044=4

11: I3 "' -RNOrdean

PrtPerlolDlritl

Rekod

". /e yp

ela sllaraeg

Meal

We OeaeO

Nsell

Baru

r
PEMOHON

MAKLUMAT

At SWIM3981)
CJWR
No-r..
_.. K.
-- P B u y 1

-]-No-.

iI-

K. P Lma

Hama,

TikA
No.

Umur

Lahir'

No.

Tentera

Ban9sa

Stabus
P ika hwi na n"
( PakarJaan

( BN. Pasan9an
Sakaran9'

JaMina

YlIAYU

rWarpan09ara"

WLAYJA

PoHs

--

--

'-

"

rr

AparniRtal

(Taraf
P nd kka n
Pondapatan
Sbulan
(R M)

-_-.

Porampuan
W.

Lelaki

U1Y

i"

Figure 2.1: Screen Capture of SINAR Registration

the

Form

As the registration

for wedding,

need to be at the branch


will

development,

marriage

then it may cause complaints,

There will

are not available


and mistakes
filling

and related

services,

occur

values.

of the information,

to get marry

are very

high

by

when the staffs

in percentage,

of errors
when

form

On the other hand, if the system is available

regain

family
about

the information

development

by just accessing to the World Wide Web.

SISPEN

2.2.2

SISPEN

is provided

by Jabatan

1998. The functions

August
staff

may perhaps

the user can easily

and register

in term

and counseling

at that time. Above and beyond that, the probability

is being done manually.

online,

registration,

This

such as the information

requirements

ask questions

be miscommunication

people actually

and the process is repetitively.

office to apply

time to get their

waste applicants'

about family

it has to be done manually,

as well

research

as to edit

of a group

Awam,

Malaysia

of the system are to store information


data.

and updating

of undergraduate

Science and Information


Latihan

Perkhidmatan

Technology,

This

students
UNIMAS

JPNS.

10

system

from
that

(JPA) since
about their

is from

Faculty

is named

the

last

of Computer
Sistem

E-Unit

The system is a standalone

system and was not connected

the all the information

about

interfaces

are using only two combinations

of the system

the staff is kept in the database

drawing,

utilities

with

Furthermore,

and command.

to happen.

make things

system objects, application

However,

the same functions

which

the system

system.

of colors which

black for the border and font and gray for the background

Icons are used to represent

to server, as well as
The
are

interface.

tools such as those for


click on the icon to

user will

has a lot of button

could make people confuse while

and menus
clicking

on

those icon.

Saloma Bistro

2.2.3
Saloma
Kuala
City

Bistro
Lumpur

Centre

Website

is well-known

city as well as the tallest

(KLCC).

As a well-known

web site in order to provide


as well as to promote
they also provided
press conference

restaurants

their

information

11

Lumpur

in the world,

restaurant,

Saloma

about their

special menu and services

such as courtyard,

and meeting.

Kuala

of

building

special offer and events to their

facilities

in the heart

are located

which

theatre

Bistro

creates

customer.

its

Besides,

for event like dinner,

looks simple and easy to navigate

The website

identified

some weakness

of information

there was

website which is listed below:

on the current

Some of the information

to the site. However,

is not placed in the appropriate

There is lots

link.

in
The
has
to scroll
one
placed
page.
user

down to get the

information.
Font

size is too small.

information
Several

The

has

user

to make

of the word which

The navigation

is not a link

is made underlined

the home

For example,

properly.

the comparison

software,

systems

by copyright

reviewed

is not

laws and international

infringing

upon

publication

may be reproduced

of the software

for the

aspects:

is used for organizations

the software

and summarizes

Type

registration

protected

text which is not a link.

System

following
in
term
the
of
are made

2.3.1 Software
Every

are not ordered

Existing
of
the existing

reviewing

features

buttons

text. The user

is placed at last among of the button.

2.3 Comparison
After

the

in the site.

will get confused when there is underlined

button

to read

an effort

the

trademarks.

application

This

without

system.

12

freeware

and

copyright

treaties.

only,

purpose
means,
written

with

there

permission

is

the

is

software
In addition,

no intentions
no part

of

of this

from the company

2.3.2

Characteristic

The SINAR

software

only allows

a few officers

with

and keeping

to access data as well as for updating

password
applicants.

The purpose

information

overlapped

of this is to ensure
in Sarawak.

using only two combinations


and gray
designed

that

interface.

the several of the word which

ID Name and
information's

of

be no applicant's

there will

of the SISPEN

The interfaces

system are

are black for the border and font

of colors which

for the background

a certain

While,

Saloma

the

is not a link

Bistro

website

is made underlined

text.

text which is not a link.

The user will get confused when there is underlined

2.3.3 Functions
SINAR

is software

applicants

whom

which
applied

for pre-wedding

been
done
internally
has
system
new user that
system

information

However,

information
Saloma

of the

course.

Bistro

of time.
staff

website

information's

and updating
However,

difficult
bit
it
is
a
and

lead
to the waste
could

for storing

security.

for storing

meant

but
and
is

the processing

to be understood

SISPEN

only

is lack
to

of

provide

to
their
their
customer.
and
events
offer,
services
special
about

13

by a

is also a

software

the system

developed

of

You might also like