Vous êtes sur la page 1sur 96

SISTEM

PENYELENGGARAAN DAN
PAMERAN KENDERAAN
(SPPK)

DZULMAJDI BIN MOHAMED ZOM

Laporan projek ini dikemukakan sebagai memenuhi sebahagian daripada


syarat penganugerahan ijazah Sarjana Muda Sains Komputer
( Rangkaian & Keselamatan Komputer )

Fakulti Komputeran
Universiti Teknologi Malaysia

MEI 2014

Saya akui laporan projek ini bertajuk Sistem Penyelenggaraan Dan Pameran
Kenderaan (SPPK) adalah hasil kerja saya sendiri kecuali nukilan dan ringkasan
yang tiap-tiap satunya telah saya jelaskan sumbernya.

Tandatangan
Nama
Tarikh

:
:
:

DZULMAJDI BIN MOHAMED ZOM

ii

PENGHARGAAN

Syukur alhamdulillah dengan izin dari ALLAH S.W.T serta usaha


bertungkus-lumus untuk menyiapkan dokumentasi projek ini. Namun, ia tidak akan
menjadi kenyataan tanpa sokongan dan bantuan dari individu-individu yang terlibat
secara langsung mahupun tidak langsung dalam menyumbangkan idea, memberi
kerjasama dan juga tunjuk ajar. Saya ingin merakamkan ucapan jutaan terima kasih
kepada mereka semua.

Pertama sekali khas buat kedua ibu bapa dan ahli keluarga tersayang, terima
kasih atas segala dorongan dan nasihat yang telah banyak membantu saya dalam
menyiapkan dokumentasi ini. Terima kasih juga atas masa yang diluangkan untuk
mendengar keluhan hati ini tanpa rasa jemu dan tidak putus asa dalam mendoakan
kejayaan saya sehingga hari ini. Tanpa motivasi dan sokongan mereka tidak mungkin
projek ini dapat disiapkan dengan jayanya.

Penghargaan ikhlas ini juga ingin dirakamkan buat penyelia projek saya, Dr
Johan Bin Mohamad Shariff di atas segala tunjuk ajar, bimbingan dan dorongan yang
telah diberikan sepanjang penyempurnaan laporan ini.

Untuk sokongan dan tunjuk ajar yang tidak berbelah bahagi dari rakan-rakan
seperjuangan yang banyak membantu dalam memberi pendapat dan pandangan, saya
ucapkan ribuan terima kasih banyak di atas pengorbanan anda semua. Setinggi-tinggi
penghargaan dan syukur dipanjatkan kepada ALLAH S.W.T di atas segala rahmat
dan nikmat yang dikurniakan.

iii

ABSTRAK

Seiring dengan pembangunan dan perkembangan teknologi komputer yang


pesat, kebanyakan masalah dalam pengurusan yang wujud dalam organisasi malahan
kehidupan dapat diselesaikan dengan menggunakan teknologi berpandukan
komputer. Selain itu keraguan tentang keselamatan data juga turut menjadi masalah
bagi syarikat atau organisasi besar yang menguruskan maklumat yang besar berkaitan
kenderaan. Oleh itu, sistem Penyelenggaraan dan Pameran Kenderaan akan
dibangunkan dengan menggunakan teknologi laman sesawang agar dapat memberi
kemudahan dan mempercepatkan proses penyimpanan maklumat bagi sebuah
organisasi. Sistem ini menerapkan beberapa fungsi yang utama seperti proses
pendaftaran yang fleksibel, proses permohonan pameran yang mudah faham dan
paparan laporan yang menarik untuk menggantikan sistem yang sedia ada agar
menjadi lebih baik dan efektif. Sistem ini dibangunkan dengan menggunakan
metodologi Waterfall Model versi Sashimi dan teknik Entity Relationship Diagram
(ERD) untuk memodelkan senibina sistem. Manakala bahasa pengaturcaraan utama
yang digunakan dalam membangunkan sistem ini ialah Hypertext Preporcessor (PHP)
serta Cascading Style Sheet (CSS) dan semua data yang akan disimpan di dalam
MySQL yang terkandung di dalam perisian XAMPP. Pembangunan sistem ini
diharap dapat membina kepercayaan dari pihak organisasi, juga membantu dan
memberi kemudahan kepada staf bekerja untuk melakukan proses kerja yang lebih
cepat dan mengurangkan kesalahan dari pihak manusia.

iv

ABSTRACT

Along with the development and rapid development of computer technology ,


many of the management problems that exist in the organization and life can be
solved by using technology guided by computer . The doubts about the security of
data is also a problem for companies and large organizations that manage large
information relating to the vehicle nowadays. Because of that, Maintenance and
Exhibition Vehicle Systems will be developed using the technology website in order
to facilitate and accelerate the process of storing information vehicle for an
organization. The system implements several key functions such as flexible
registration process, the application process is easy to understand and exhibition
display attractive reports to replace existing systems in order to become better and
more effective . The system is developed using Waterfall methodologies, Sashimi
version and Entity Relationship Diagram (ERD ) for modeling the architecture of the
system. The main programming language used in developing this system is
Preporcessor Hypertext (PHP) and Cascading Style Sheet (CSS ) and all data will be
stored in a MySQL that is contained in the XAMPP software. The project was
expected to build the trust between the organization , also can gain benefit to the staff
for do the work faster and reduce human error.

KANDUNGAN

BAB

PERKARA
PENGHARGAAN

ii

ABSTRAK

iii

ABSTRACT

iv

KANDUNGAN

SENARAI JADUAL

ix

SENARAI RAJAH

SENARAI SINGKATAN

xi

SENARAI LAMPIRAN

xii

PENGENALAN
1.1
Pendahuluan
1.2
Latar belakang Masalah
1.3
Matlamat Projek
1.4
Objektif
1.5
Skop
1.6
Kepentingan Projek
1.7
Organisasi Laporan

KAJIAN LITERATUR
2.1
Pendahuluan
2.2
Pengenalan Organisasi Kajian
2.3
Kajian dan Analisa Sistem Semasa
2.4
Perbandingan Antara Sistem Sedia Ada
2.4.1
2.4.2
2.4.3

Vehicle Exhibition and Maintenance System


Auto Maintenance Pro
Perbandingan Antara Sistem

1
2
3
3
4
5
6

7
8
9
10
10
12
14

vi

2.5

2.6

Kajian ke atas Teknologi, Peralatan dan Teknik


2.5.1 PHP
2.5.2 MySQL
2.5.3 jQuery
2.5.4 CSS (Cascading Style Sheet)
2.5.5 Teknik Cincang (Hashing) Menggunakan
Fungsi MD5

15
16
16
17
17

Kesimpulan

19

METODOLOGI
3.1
Pendahuluan
3.2
Model Air Terjun
3.3
Fasa-fasa Pembangunan Sistem SPPK
3.3.1
Fasa Keperluan
3.3.2
Fasa Rekabentuk dan Senibina
3.3.3
Fasa Pembangunan dan Pengaturcaraan
3.3.4
Fasa Pengujian dan Jaminan Kualiti

3.4
3.5

3.6
3.7

17

20
21
22
23
23
24
24

3.3.5

Fasa Perlaksanaan

25

3.3.6

Fasa Sokongan dan Penyelenggaraan

25

Entity Relationship Diagram (ERD)


Justifikasi Perisian
3.5.1
Adobe Dreamweaver CS6
3.5.2
Adobe Photoshop CS5
3.5.3
XAMPP
Justifikasi Perkakasan
Kesimpulan

25
27
28
28
29
29
30

vii

REKABENTUK SISTEM
4.1
Pendahuluan
4.2
Rekabentuk Senibina SPPK
4.3
Rekabentuk Proses Sistem
4.3.1
Rajah Carta Alir (Data Flow Diagram)
4.3.2
Rajah Aktiviti (Activity Diagram)
4.3.3
Rajah Kes Guna (Use Case Diagram)
4.3.4
Rajah Jujukan (Sequence Diagram)
4.4
Analisa Keperluan
4.4.1
4.4.2
4.5
4.6

4.7

Cadangan Keperluan Fungsi (Functional)


Cadangan Keperluan Bukan Fungsi (Non
Functional)
Rekabentuk Pangkalan data
Rekabentuk Antaramuka SPPK
4.6.1
Paparan Laman Pertama Sistem (Log Masuk)
4.6.2
Paparan Menu Utama
4.6.3
Paparan Senarai Kenderaan
4.6.4
Paparan Daftar Kenderaan
4.6.5
Paparan Selenggara Kenderaan
4.6.6
Paparan Pameran Kenderaan
4.6.7
Paparan Senarai Syarikat
4.6.8
Paparan Senarai Pengguna
Kesimpulan

IMPLEMENTASI DAN PENGUJIAN


5.1
Pendahuluan
5.2
Kod Fungsi Utama Sistem
5.2.1
Implementasi Log Masuk Sistem
5.2.2
Implementasi Capaian Pangkalan Data
5.2.3
Implementasi Fungsi Paparan Kenderaan
5.2.4
Implementasi Fungsi Paparan Selenggara
5.2.5
Implementasi Fungsi Pameran Kenderaan
5.2.6
Implementasi Fungsi Surat Pengesahan
5.2.7
Implementasi Fungsi Notis Peringatan
5.3
Antaramuka Utama Sistem yang Memaparkan Hasil
Pencapaian
5.3.1
Laman Utama Sistem Mengikut Peringkat
Kawalan Pengguna

31
32
32
33
34
36
37
38
38
39
39
43
44
45
46
47
48
49
50
51
51

52
53
53
54
55
57
59
62
63
64
64

viii

5.4

5.5

Pengujian
5.4.1
Pengujian Kotak Hitam
5.4.2
Pengujian Unit
Kesimpulan

KESIMPULAN
6.1
Pendahuluan
6.2
Hasil dan Pencapaian Objektif Sistem
6.3
Cadangan
6.4
Kesimpulan

RUJUKAN
Lampiran A B

65
65
68
72

73
74
75
76

77
79 82

ix

SENARAI JADUAL

NO. JADUAL

TAJUK

HALAMAN

2.1

Jadual Perbandingan Antara Sistem

14

3.1

Jadual Spesifikasi Perkakasan

29

4.1

Jadual Cadangan Keperluan Bukan Fungsi

39

4.2

Jadual Keterangan Pangkalan Data

39

5.1

Jadual Pengujian Aliran Sistem

66

SENARAI RAJAH

NO. RAJAH

TAJUK

HALAMAN

2.1
2.2
2.3
2.4
2.5
2.6
2.7
3.1
3.2

Carta Organisasi Kastam Diraja Malaysia (Klang)


Antaramuka VEMS
Antaramuka Menu Utama VEMS
Paparan Antaramuka Proses Penyelenggaraan
Paparan antaramuka Auto Maintenance Pro
Paparan Antaramuka Fungsi Rekod Sejarah Penyelenggaraan
Paparan Antaramuka Fungsi Laporan Rekod
Fasa Model Air Terjun Tradisional
Fasa Model Air Terjun Sashimi

9
10
11
11
13
13
14
21
22

3.3
4.1
4.2
4.3
4.4
4.5
4.6
4.7
4.8
4.9
4.10
4.11
4.12
4.13
4.14
4.15
4.16
4.17
4.18

Rajah Hierarki Entity Relationship Diagram


Rekabentuk Senibina SPPK
Rajah Carta Alir (DFD) SPPK
Rajah Aktiviti Akses Pentadbir
Rajah Aktiviti Akses Staf
Rajah Kes Guna (Use Case)
Rajah Jujukan Log Masuk
Rajah Jujukan Pameran Kenderaan
Pangkalan Data Pengguna
Pangkalan Data Kenderaan
Pangkalan Data Kod Gudang
Pangkalan Data Pameran
Pangkalan Data Selenggara
Pangkalan Data Syarikat
Model Hubungan Antara Entiti (ERD) SPPK
Paparan Antaramuka Log Masuk
Paparan Antaramuka Menu Utama
Paparan Antaramuka Senarai Kenderaan
Paparan Antaramuka Daftar Kenderaan

27
32
33
34
35
36
37
38
40
41
41
41
42
42
43
44
45
47
47

4.19

Paparan Antaramuka Selenggara Kenderaan

48

xi

4.20
4.21
4.22
5.1
5.2
5.3
5.4
5.5
5.6
5.7
5.8
5.9
5.10
5.11

Paparan Antaramuka Pameran Kenderaan


Paparan Antaramuka Senarai Syarikat
Paparan Antaramuka Senarai Pengguna
Kod Aturcara Log Masuk Sistem
Kod Aturcara Log Hubungan Pangkalan Data
Kod Aturcara Paparan Kenderaan
Kod Aturcara Paparan Selenggara
Kod Aturcara Paparan Pameran Kenderaan
Kod Aturcara Surat Pengesahan
Kod Aturcara Notis Peringatan
Paparan laman utama bagi aras pentadbir (admin)
Paparan laman utama bagi aras pengguna (staf)
Paparan Log Masuk
Paparan Kemaskini Kata Laluan

49
50
51
53
54
57
59
61
63
63
64
65
68
70

xii

SENARAI SINGKATAN

SPPK

Sistem Penyelenggaraan dan Pameran Kenderaan

JKDM

Jabatan Kastam Diraja Malaysia

VEMS

Vehicle Exhibition & Maintenance Systems

PHP

Hypertext Processor

HTML

Hypertext Markup Language

XAMPP

Suatu program untuk aplikasi Web Server yang berisi PHP,


MySQL, Apache dan PHPMyAdmin.

ASP

Active Server Page

API

Application Programming Interface

CSS

Cascading Style Sheet

MD5

Message Digest 5

XML

Extensible Markup Language

ERD

Entity Relationship Diagram

DFD

Data Flow Diagram

xiii

SENARAI LAMPIRAN

LAMPIRAN

TAJUK

HALAMAN

CARTA GANTT PSM 1

47

CARTA GANTT PSM 2

49

BAB 1

PENGENALAN

1.1

Pendahuluan
Kepesatan pembangunan dan kemodenan hidup telah mengubah cara manusia

dalam melakukan kerja. Penggunaan sistem kerja secara atas talian ternyata semakin
menjadi satu trend yang baru dalam negara. Pelbagai sistem yang dibangunkan
secara atas talian adalah bertujuan untuk menggantikan sistem manual atau
konvensional yang telah lama digunakan. Sistem manual sudah dianggap tidak
relevan di zaman negara mahu mencapai Wawasan 2020. Semua tugasan hendak
dilakukan dengan cepat dan pantas seiring dengan kepantasan masa bergerak
sekarang.

Seiring dengan perubahan yang dilakukan dengan membangunkan aplikasi atas


talian, pembangun telah memilih untuk membangunkan sebuah sistem yang
berkaitan dengan penyelenggaraan dan pameran kenderaan. Sistem ini adalah sebuah
sistem pengurusan maklumat kenderaan yang memantau proses selenggara dan
proses pameran bagi sesebuah organisasi. Organisasi kajian yang terlibat adalah
Kastam Diraja Malaysia cawangan Klang. Sistem ini akan menjadi titik permulaan
bagi perubahan kepada proses melakukan gerak kerja yang pantas dan sistematik.

2
1.2

Latar Belakang Masalah

Setelah melakukan lawatan keatas pihak organisasi rujukan iaitu Kastam Diraja
Malaysia Cawangan Klang dan juga melakukan analisis dan rujukan terhadap proses
yang dilakukan untuk penyelenggaraan dan pameran kenderaan, terdapat beberapa
masalah yang dihadapi oleh pihak Kastam. Pertama ialah sistem sedia ada tidak
dapat membantu mempercepatkan proses dalam menguruskan maklumat kereta yang
ada di bawah selian mereka sama ada untuk diselenggara mahupun untuk
dipamerkan untuk jualan.

Kedua, adalah paparan antara muka pada sistem sedia ada tidak mesra
pengguna dan tidak tersusun dengan baik yang hal ini menyebabkan proses
penyimpanan dan menguruskan maklumat mengambil masa yang agak lama. Hal ini
akan meyebabkan kelewatan staff untuk memasukkan maklumat kenderaan dan ia
akan meningkatkan bebanan tugas yang perlu dilaksanakan.

Ketiga, adalah tahap sekuriti untuk melindungi maklumat-maklumat yang


adalah sangat rendah. Hal ini membahayakan maklumat yang ada kerana maklumat
yang disimpan adalah bersifat rahsia. Jika hal ini tidak diatasi, amat mudah semua
maklumat yang ada di ceroboh oleh mereka yang mempunyai niat jahat.

Keempat adalah, proses untuk carian maklumat sesuatu kenderaan yang


disimpan adalah tidak praktikal dan terhad di mana pihak Kastam perlu melakukan
carian di dalam pangkalan data secara satu demi satu.

3
1.3

Matlamat Projek
Matlamat utama projek ini adalah untuk membangunkan satu sistem

berasaskan laman sesawang yang akan mengurus dan menyimpan rekod maklumat
kenderaan yang ada di dalam simpanan pihak Kastam Diraja Malaysia sama ada
untuk penyelenggaraan ataupun untuk dipamerkan. Selain itu, projek ini juga
bertujuan untuk menaik taraf sistem sedia ada agar lebih efektif dan fleksibel serta
mudah untuk digunakan.

1.4

Objektif
Objektif adalah perkara yang hendak dicapai di dalam melakukan sesuatu
pembangunan sistem. Ia juga menjadi satu petunjuk kepada pembangun sistem
agar sistem yang akan dibangunkan dapat mencapai objektif yang telah
diletakkan. Berikut merupakan objektif-objektif projek SPPK yang akan
dibangunkan kelak:

i.

Mengenal pasti masalah kelewatan memproses dan menyimpan


maklumat kenderaan yang di hadapi pihak Jabatan Kastam Diraja
Malaysia dengan sistem yang sedia ada.

ii.

Menaiktaraf sistem yang sedia ada kepada bentuk laman sesawang


yang efektif dan fleksibel.

iii.

Merekabentuk proses sistem yang lebih teratur susunan paparan


antaramuka yang mesra pengguna dan mempunyai fungsi pentadbir
sistem.

iv.

Membangunkan sistem berdasarkan Intranet dengan pangkalan data


bersepadu yang di rekabentuk untuk kesesuaian polisi pihak Kastam.

4
1.5

Skop
Skop ditakrifkan sebagai sejauh mana keupayaan sistem yang akan

dibangunkan ini untuk berfungsi kepada pengguna. Skop juga menjadi satu penanda
arah tujuan pembangunan sistem akan dilakukan agar tidak terkeluar daripada
objektif sistem yang akan dibangunkan. Berikut adalah skop Sistem Penyelenggaraan
dan Pameran Kenderaan (SPPK):

i.

Sistem ini tertumpu kepada proses penyimpanan maklumat dan rekod


penyelenggaraan kereta, maklumat gudang simpanan kenderaan dan
pameran kenderaan yang dikendalikan oleh pihak Kastam.

ii.

Sistem ini akan digunakan oleh Unit Penyelenggaraan dan Pameran di


dalam pihak Kastam.

iii.

Sistem yang akan dibangunkan adalah menggunakan teknologi laman


sesawang dengan pangkalan data berpusat.

iv.

Organisasi kajian untuk pembangunan sistem ini adalah pihak Jabatan


Kastam Diraja Malaysia Cawangan Klang, Selangor.

5
1.6

Kepentingan Projek
Sistem Penyelenggaraan dan Pameran Kenderaan (SPPK) dijangka akan

digunakan secara meluas di seluruh cawangan Kastam Diraja Malaysia untuk


menguruskan semua maklumat berkaitan kenderaan yang berada di bawah kawal
selia Jabatan Kastam Diraja Malaysia dengan mudah dan juga dapat meningkatkan
kualiti gerak kerja dalam organisasi. Walau bagaimanapun, ini bergantung kepada
sistem yang direka bentuk dan dihasilkan. Kelemahan kecil dalam rangka kerja
pembangunan sistem ini mungkin boleh memberi impak yang negatif terhadap
organisasi kajian iaitu Jabatan Kastam Diraja Malaysia.

Rekabentuk proses sistem yang baru juga akan dilakukan untuk memastikan
ianya lebih teratur dan tersusun serta mempunyai paparan antaramuka yang mesra
pengguna. Tahap sekuriti sistem ini juga akan dipertingkatkan kerana sistem ini
direka untuk digunakan pengguna di dalam kawasan Intranet di dalam organisasi
Kastam sahaja.

Secara amnya, sistem Penyelenggaraan dan Pameran Kenderaan (SPPK)


mampu untuk menjadi perintis perubahan dalam perlaksanaan penyimpanan
maklumat kenderaan yang lebih efektif dan menyuntik kemodenan dalam
persekitaran kerja.

6
1.7

Organisasi Laporan
Tesis ini terdiri daripada lima bab iaitu Pengenalan, Kajian Literatur,

Metodologi Projek, Rekabentuk Sistem dan Penutup. Bahagian pengenalan


merupakan bab pertama dalam tesis ini. Ia menerangkan sedikit sebanyak mengenai
sistem yang akan dibangunkan untuk menyelesaikan masalah-masalah yang wujud,
tujuan sistem ini dibangunkan, skop projek, dan juga kepentingan projek yang akan
dibangunkan ini.

Bahagian kedua tesis ini adalah bahagian Kajian Literatur. Bahagian ini akan
menggambarkan secara asas perancangan dalam membangunkan projek. Bahagian
ini juga menerangkan tentang kajian-kajian ke atas projek-projek sebelumnya dan
membuat analisis dan perbandingan. Berdasarkan Kajian Literatur ini, perjalanan
projek akan lebih mudah difahami dari segi proses yang dibangunkan.

Bahagian ketiga tesis ini ialah Metodologi Projek. Ia menerangkan tentang


kaedah yang akan digunakan untuk membangunkan sistem ini serta sebab-sebab dan
alasan untuk menggunakan sesuatu kaedah tersebut. Bahagian ini juga akan
menerangkan sedikit sebanyak tentang teknologi yang akan digunakan untuk
membangunkan sistem ini. Selain itu, analisis tentang perisian komputer dan peranti
yang akan digunakan juga akan diberitahu di bahagia ketiga ini.

Bahagian keempat tesis ini merupakan bahagian Rekabentuk Sistem. Segala


rangka kerja dan reka bentuk awalan akan digambarkan dalam bahagian ini. Ini
adalah mengikut hasil kajian awalan di mana segala aspek seperti fungsi dan
keperluan sistem di ambil kira. Ini bagi memastikan yang reka bentuk sistem tersebut
memenuhi kriteria yang perlu dalam pembangunan antaramuka yang efektif dan
mudah digunakan.

Bahagian terakhir untuk tesis ini adalah merupakan bahagian Penutup.


Bahagian ini akan membincangkan tentang keputusan yang di peroleh sepanjang
projek ini dibangunkan. Ia juga akan merumuskan keputusan yang diperoleh dan
menyatakan alasan-alasan yang berkenaan.

BAB 2

KAJIAN LITERATUR

2.1

Pendahuluan
Bab ini akan menerangkan mengenai kajian literatur yang berkaitan dengan

sistem yang telah dibangunkan iaitu Sistem Penyelenggaraan dan Pameran


Kenderaan (SPPK). Beberapa topik yang berkaitan dengan projek akan diterangkan
merangkumi kajian terhadap latar belakang organisasi kajian yang dilakukan, analisis
sistem sedia ada dari segi masalah yang dihadapi, cadangan penyelesaian masalah
dan juga teknik-teknik, peralatan dan teknologi yang digunakan dalam pembangunan
sistem ini.

Setiap topik yang diterangkan menunjukkan penelitian dan kajian terperinci


yang berkaitan serta juga perbandingan antara sistem-sistem yang sedia ada dan
persamaan dari segi penggunaan teknologi yang digunakan dalam proses
pembangunan sistem SPPK.

2.2

Pengenalan Organisasi Kajian


Sistem Penyelenggaraan dan Pameran Kenderaan (SPPK) adalah sebuah sistem

yang telah dibangunkan dengan tujuan untuk memudahkan pengurusan pihak Jabatan
Kastam Diraja Malaysia (JKDRM) Cawangan Klang dalam menguruskan aset
maklumat penyelenggaraan dan pameran kenderaan yang dimiliki oleh mereka.
Sebagai sebuah jabatan kerajaan yang bertanggungjawab dalam menguruskan dasar
cukai tidak langsung negara. Selain itu JKDRM juga bertindak sebagai badan
penguat kuasa dalam menguruskan masalah penyeludupan di seluruh Malaysia.
Sebelum ini Jabatan Kastam Diraja Malaysia Cawangan Klang menguruskan
maklumat kenderaan yang dimiliki mereka dengan menggunakan sistem berasaskan
Microsoft Access. Sistem yang digunakan itu adalah tidak begitu relevan lagi bagi
sebuah organisasi besar dalam berdepan dengan kecanggihan perkembangan
teknologi di Malaysia. Untuk merintis perubahan, penghasilan sistem yang telah
dibangunkan ialah mesra pengguna dan mudah untuk digunakan. Selain itu, sistem
yang dihasilkan mempunyai keupayaan tahap sekuriti yang terbaik untuk
menyimpan maklumat dalam pangkalan data.

Bagi memahami situasi sebenar proses sistem, pembangun sistem telah


melakukan lawatan ke organisasi kajian. Tujuan lawatan ini adalah untuk melihat
perlaksanaan sistem yang sedia ada dari cara dilaksanakan dan prosedur yang
terlibat. Perkara ini akan menjadi satu penanda aras untuk membantu pembangun
sistem mengenal pasti kelemahan sistem sedia ada. Rajah 2.1 adalah menunjukkan
carta organisasi untuk Kastam Diraja Malaysia Cawangan Klang.

Rajah 2.1: Carta Organisasi Kastam Diraja Malaysia (Klang)

9
2.3

Kajian dan Analisa Sistem Semasa


Sebelum sistem ini dibangunkan, pihak Kastam Diraja Malaysia Cawangan

Klang menggunakan sebuah sistem berasaskan Microsoft Access dalam menguruskan


maklumat-maklumat kenderaan. Beberapa masalah yang timbul dari sistem tersebut
digunakan. Antaranya ialah:

i.

Tiada Proses Pendaftaran Kenderaan Secara Umum


Setiap pendaftaran maklumat kenderaan yang baru, memerlukan
pengguna untuk terus mengasingkan status kenderaan kepada
penyelenggaraan atau pameran.

ii.

Pangkalan data tidak bersepadu pada satu tempat


Sistem sedia ada disimpan di setiap komputer staf/pengguna. Ini
menyebabkan sebarang perubahan pada pangkalan data tidak akan
seragam kepada semua pengguna.

iii.

Paparan antaramuka yang tidak begitu sesuai.


Paparan antaramuka pada sistem sedia ada tidak begitu menarik dan
juga memeningkan pengguna/staf yang baru menggunakannya.

iv.

Tahap sekuriti maklumat tidak selamat.


Setiap pengguna yang log masuk ke dalam sistem, boleh mengubah
setiap maklumat yang ada tanpa had. Jika sistem ini dapat di ceroboh,
pastinya setiap maklumat akan diubah.

10
2.4

Perbandingan Antara Sistem Sedia Ada


Terdapat pelbagai sistem penyelenggaraan dan pameran kenderaan yang

diguna pakai pada masa ini yang ada di pasaran. Setiap sistem mempunyai kelebihan
dan kekurangan tertentu. Ia terpulang kepada pengguna untuk memilih mana-mana
sistem yang memenuhi kehendak operasi kerja dan pengurusan harian mereka. Pada
bahagian ini, pembangun telah melakukan perbandingan antara sistem-sistem yang
terdapat di pasaran dengan yang sistem yang telah dibangunkan.

2.4.1

Vehicle Exhibitions and Maintenance Systems (VEMS)

Vehicle Exhibitions and Maintenance Systems (VEMS) adalah sistem


penyelenggaraan dan pameran kenderaan yang sedang digunakan oleh pihak Kastam
Diraja Malaysia Cawangan Klang, Selangor. Sistem ini dibangunkan menggunakan
aplikasi Microsoft Access. Sistem ini berfungsi dengan menyimpan semua maklumat
penyelenggaraan, pameran, gudang simpanan dan juga dapat mencetak laporan
berkaitan dengan sistem tersebut. Rajah 2.2, Rajah 2.3 dan Rajah 2.4 adalah di antara
paparan antaramuka yang ada di dalam sistem tersebut.

Rajah 2.2: Antaramuka VEMS

11

Rajah 2.3: Antaramuka Menu Utama VEMS

Rajah 2.4: Antaramuka Proses Penyelenggaraan VEMS

12
2.4.2

Auto Maintenance Pro

Auto Maintenance Pro adalah satu sistem penyelenggaraan kenderaan yang


berasaskan sistem pengoperasian Windows yang dibangunkan untuk memudahkan
pengguna untuk menyimpan maklumat pencegahan dan penyelenggaraan kenderaan
pengguna. Sistem ini akan memberi notifikasi kepada pengguna mengenai tarikh
penyelenggaraan

kenderaan

yang

sepatutnya,

menyimpan

maklumat

penyelenggaraan sebelum ini, memantau penggunaan minyak dan banyak lagi.


Sistem ini dibangunkan untuk kegunaan persendirian sahaja kerana ia hanya boleh
menyimpan maklumat sebanyak 5-10 kenderaan sahaja bergantung kepada jenis
versi yang dipilih.

Dalam sistem Auto Maintenance Pro ini terdapat beberapa fungsi yang
diwujudkan untuk kegunaan pengguna. Antara fungsi-fungsi tersebut ialah:

i.

Fungsi Pilihan Servis Penyelenggaraan Tetapan Pengguna

ii.

Fungsi Rekod Sejarah Penyelenggaraan

iii.

Fungsi Menyukat Penggunaan Bahan Api / Minyak

iv.

Fungsi Laporan

13
Rajah 2.5, Rajah 2.6 dan Rajah 2.7 adalah di antara paparan antaramuka bagi
sistem Auto Maintenance Pro yang telah analisis.

Rajah 2.5: Paparan antaramuka Auto Maintenance Pro

Rajah 2.6: Paparan antaramuka Fungsi Rekod Sejarah Penyelenggaraan

14

Rajah 2.7: Paparan antaramuka Fungsi Laporan rekod

2.4.3

Perbandingan Antara sistem

Setelah melakukan kajian terhadap sistem-sistem yang sedia ada dalam


konteks penyelenggaraan dan pameran kenderaan, satu perbandingan dapat dibuat
untuk memberi gambaran sepenuhnya ke atas fungsi sistem-sistem tersebut.
Perbandingan ini juga melibatkan sistem yang akan dibangunkan. Perbandingan
tersebut diringkaskan dalam Jadual 2.1 dibawah.

Jadual 2.1: Jadual Perbandingan Antara Sistem

Fungsi

Sistem

Vehicle Exhibition

Auto

and Management

Maintenance

Systems

Pro

Tidak

Tidak

Penyelenggaraan
dan Pameran
Kenderaan (SPPK)

Sistem
Pangkalan data
bersepadu.

Ya

15
Menyokong
pelbagai sistem

Tidak

Tidak

Ya

Tidak

Ya

Ya

Tidak

Tidak

Ya

Tidak

Tidak

Ya (MD5)

Tidak

Ya

Ya

Tidak

Tidak

Ya

operasi
Antaramuka
mesra pengguna.
Fungsi Kawalan
Pengguna
Fungsi
Keselamatan
Log Masuk
Fungsi Alert
Selenggara /
Pameran
Fungsi Surat
Laporan
Penyelenggaraan
dan Pameran

2.5

Kajian keatas Teknologi, Peralatan dan Teknik


Untuk membangunkan sebuah sistem berasaskan laman sesawang, banyak

teknik, peralatan dan teknologi yang boleh diguna pakai. Oleh yang demikian, kajian
yang mendalam perlu dijalankan untuk menentukan pilihan teknik, peralatan dan
teknologi mana yang sesuai untuk digunakan demi menjamin penghasilan satu sistem
yang berkualiti.

2.5.1

PHP
Hypertext Preprocessor (PHP) merupakan satu teknologi yang membenarkan

penjanaan halaman laman sesawang dinamik dan dibina dari bahagian server dengan
menggunakan bahasa skrip seperti VBScript atau Javascript. Ia mempunai

16
sesetengah objek terbina yang boleh digunakan untuk menyimpan dan memanggil
semua pemboleh ubah, mendapatkan maklumat daripada borang kemasukan
pengguna, mendapatkan maklumat mengenai pelayannya sendiri dan menulis
Hypertext Markup Language (HTML) berdasarkan maklumat. PHP boleh digunakan
untuk membina aplikasi yang sukar dibangunkan (Achmad Solichin dan S.Kom,
2004). Ia juga mampu melakukan pengiraan yang kompleks yang ada di dalam fail
sistem dan juga boleh memanipulasikan data dalam kebanyakan pangkalan data
sistem. Antara pelayan yang menyokong PHP ialah IIS, Apache dan Peer Web
Server.

2.5.2

MySQL

MySQL ialah satu perisian yang berfungsi untuk menguruskan kandungan


data dalam pangkalan data. Ia terdiri daripada set-set arahan MySQL yang mudah
digunakan oleh pengguna untuk memastikan maklumat data mereka diuruskan
dengan baik MySQL disokong sepenuhnya oleh bahasa-bahasa pengaturcaraan
laman sesawang seperti PHP, ASP, ASP.NET dan boleh dilaksanakan dalam
pelbagai platform sistem operasi seperti Windows atau Linux (Achmad Solichin dan
S.Kom, 2004). Kelebihan menggunakan MySQL ini adalah:

i.

Menyokong penyimpanan data yang banyak dan besar berbanding


sistem perisian pangkalan data yang lain.

ii.

Kepantasan dalam pencapaian data dan keupayaan capaian data secara


serentak.

iii.

Jaminan keselamatan data yang tinggi dan menyokong arahan-arahan


capaian data daripada pangkalan data ke laman sesawang.

iv.

Menyokong pelbagai program pelayan untuk proses capaian data dan


juga mempunyai antaramuka sendiri untuk menulis program atau
arahan.

17
2.5.3

jQuerry

jQuery adalah sebuah gudang maklumat JavaScript yang cepat, kecil, dan
sangat ringkas. Ia digunakan untuk pelbagai fungsi seperti HTML dokumen traversal
dan manipulasi, pengendalian situasi, graf, animasi, dan Ajax lebih mudah untuk
menggunakan API yang berfungsi di pelbagai pelayar (J. Chaffer dan K. Swedberg,
2011). Dengan gabungan fleksibiliti dan fungsi yang boleh ditambah, jQuery telah
mengubah cara bahawa berjuta-juta orang menulis JavaScript

2.5.4

CSS (Cascading Style Sheet)

Cascading Style Sheet (CSS) ialah teks ASCII yang mengandungi arahanarahan untuk format dokumen laman sesawang. Ia memudahkan pembangun untuk
membuat rekabentuk dan persembahan laman sesawang seperti penggunaan tulisan,
saiz tulisan, warna latar dan lain-lain (Untung Rahardja, 2009). CSS yang buruk akan
membuat pengguna sistem berasa cepat bosan. Memaksimumkan penggunaan CSS
adalah penting agar sistem lebih mudah dibaca dan dilihat oleh pengguna. CSS juga
meringankan proses memuat turun laman sesawang.

2.5.5

Teknik Cincang (Hashing) menggunakan fungsi MD5


Cincang dalam konteks keselamatan merupakan satu nilai rumusan atau

tag yang dijanakan daripada satu mesej dengan menggunakan peraturan-peraturan


matematik atau algoritma. Manakala cerna mesej merupakan satu jujukan nombor
khas yang dikira daripada data input pengguna dengan menggunakan algoritma
cincang. (Mohd Aizaini, 2000).

h= H (M)

Di mana h mewakili pemboleh ubah panjang mesej dan H(M) mewakili


panjang tetap nilai cincang. Untuk mendapatkan hasil yang baik, nilai cincang, H
perlulah memenuhi kriteria (Stalling, 1996) berikut:-

18

i.

Digunakan pada pelbagai saiz mesej.

ii.

Menghasilkan nilai cincang yang tetap.

iii.

Mudah untuk dikira.

iv.

Ia bergantung kepada mesej.

v.

Sukar untuk menterbalikkan proses cincangan.

Fungsi MD5 (Message-Digest algorithm 5) pula ialah sebuah fungsi cincang


kriptografi yang digunakan secara meluas, dengan nilai cincangan 128-bit. Sebagai
sebuah standard, MD5 digunakan dalam pelbagai aplikasi keselamatan di samping
digunakan untuk menyemak kesahihan fail. Sebuah cincangan MD5 terdiri daripada
32 angka asas-16.

19
2.6

Kesimpulan
Kesimpulannya, setiap sistem yang telah dibangunkan hendaklah bersesuaian

dengan keperluan semasa dan organisasi itu sendiri. Selain itu, sistem yang hendak
dibangunkan juga hendaklah mampu membantu meningkatkan kualiti kerja dan
keseragaman tugas sesebuah organisasi itu. Di dalam bab ini, pembangun sistem
telah melakukan kajian yang terperinci. Perbandingan sistem sedia ada menjadi satu
cara yang dilakukan pembangun untuk mengenal pasti kelemahan sistem sedia ada
agar sistem yang telah dibangunkan dapat mengatasi semua kelemahan tersebut.
Selain itu, pembangun juga melakukan kajian terhadap teknik-teknik, teknologi
dan peralatan yang sedia ada yang boleh digunakan untuk membangun sistem.

BAB 3

METODOLOGI

3.1

Pendahuluan
Bagi mendapatkan satu hasil pembangunan sistem yang baik dan boleh

dipercayai, metodologi merupakan aspek yang perlu diberi perhatian. Metodologi


merupakan susunan cara kerja dalam mencapai matlamat di dalam sesuatu
pembangunan sistem. Sesuatu sistem yang dibangunkan sama ada kecil mahupun
besar, tidak akan berjaya atau mencapai matlamatnya jika tidak mempunyai
perancangan yang teliti dan sistematik. Perancangan yang teratur dan teliti, akan
menjadikan pembangunan sesebuah sistem menjadi lebih tersusun, menjimatkan kos,
penggunaan masa yang mencukupi dan mencapai matlamat. Pemilihan metodologi
yang tepat perlu diambil kira kerana ia merupakan satu aspek penting sebelum
membangunkan sesuatu sistem bagi menentukan tatacara pembangunan sistem yang
sesuai, memastikan kualiti sistem yang memuaskan dan dapat dilaksanakan dalam
tempoh jangka masa yang telah ditetapkan. Terdapat pelbagai kaedah dan kitar hayat
yang dikena pasti dalam memodelkan pembangunan sistem. Model air terjun, model
prototaip, model berorientasikan objek dan model Rational Unified Process (RUP)
adalah antara contoh metodologi yang popular digunakan dalam pembangunan
sesebuah sistem. Untuk pembangunan Sistem Penyelenggaraan dan Pameran
Kenderaan (SPPK) ini, metodologi pembangunan yang telah digunakan ialah

21
metodologi Air Terjun versi Sashimi dan teknik yang dipraktikkan ialah Entity
Relationship Diagram (ERD).

3.2

Model Air Terjun

Model Air Terjun ( Waterfall Model ) adalah kaedah klasik pembangunan


metodologi yang begitu dikenali ramai dalam pembangunan perisian. Ia dilaksanakan
secara

berjujukan

bermula

dari

peringkat

awal

sehingga

ke

peringkat

penyelenggaraan. Pada asalnya, model ini dibangunkan untuk industri pembinaan


dan pembuatan dan dikenali air terjun kerana proses pergerakan ke bawah seperti air
terjun sebenar. Di dalam model ini, setiap fasa yang ada akan mempengaruhi fasafasa berikutnya. Oleh kerana itu ia akan menjejaskan perlaksanaan fasa-fasa
berikutnya. Disebabkan mustahil untuk mendapatkan hasil yang sempurna bagi
setiap fasa sebelum beralih ke fasa lain, terdapat beberapa model air terjun lain yang
telah diwujudkan. Antaranya ialah Model Air Terjun versi Sashimi dan Model Air
Terjun (Diperbaharui).

Rajah 3.1: Fasa Model Air Terjun Tradisional

22
3.3

Fasa-fasa Pembangunan Sistem SPPK

Di dalam pembangunan SPPK ini, pembangun mempraktikkan penggunaan


Model Air Terjun versi Sashimi. Metodologi ini dipilih kerana ia mempunyai fasa
yang bertindih dan akan kembali ke fasa sebelumnya jika mempunyai sebarang
masalah atau pun perubahan. Model ini juga dikenali sebagai model air terjun dengan
maklum balas atau model air terjun yang mempunyai pertindihan fasa. Model ini
mendapat nama sashimi kerana fasa yang wujud di dalamnya sama seperti sushi
Sashimi dari Jepun yang disusun bertindih antara satu sama lain dan ia diasaskan
oleh Peter DeGrace.

Model Air Terjun Sashimi ini mempunyai enam fasa iaitu fasa Keperluan, fasa
Rekabentuk dan Senibina, fasa Pembangunan dan Pengaturcaraan, fasa Pengujian
dan Jaminan Kualiti, fasa Perlaksanaan dan yang terakhir ialah fasa Sokongan dan
Penyelenggaraan. Setiap fasa tersebut mempunyai kaitan antara satu sama lain dan
perubahan setiap fasa akan dipengaruhi dari fasa sebelum atau pun selepas. Fasa-fasa
tersebut telah digunakan dalam membangunkan sistem SPPK. Rajah 3.2
menunjukkan fasa-fasa yang ada di dalam Model Air Terjun Sashimi yang
diterapkan di dalam SPPK

Rajah 3.2: Fasa Model Air Terjun Sashimi

23

3.3.1

Fasa Keperluan (Fasa Pertama)

Fasa pertama ini adalah fasa yang paling penting dalam pembangunan sistem
menggunakan kaedah air terjun sashimi. Fasa ini memerlukan pembangun untuk
mengumpul maklumat dan keperluan untuk projek. Pembangun sistem haruslah
mengetahui dan memahami tujuan utama sistem ini dibangunkan. Bagi mendapatkan
segala maklumat yang berkaitan sistem sedia ada, pembangun sistem telah bertemu
dengan pihak organisasi kajian untuk mendapatkan maklumat sepenuhnya mengenai
aliran proses sistem sedia ada beroperasi dan juga pandangan serta pendapat dari
pihak JKDRM untuk membangunkan sebuah sistem yang baru menggantikan sistem
yang sedia ada. Beberapa cara telah digunakan untuk mendapatkan maklumat yang
sesuai dalam mengetahui kekurangan sistem sedia ada antaranya ialah mengikuti
setiap proses maklumat dimasukkan dan diproses dalam sistem sedia dan dilakukan
secara berperingkat-peringkat oleh staf JKDRM.

3.3.2

Fasa Rekabentuk dan Senibina (Fasa Kedua)

Fasa kedua ini adalah fasa di mana proses merekabentuk sistem dan senibina
sistem akan dilakukan. Pembangun sistem telah membuat lakaran rekabentuk
antaramuka sistem dan juga lakaran senibina sistem yang perlu ada untuk sistem
yang akan dibangunkan. Lakaran rekabentuk perlu dihasilkan untuk membolehkan
pembangun sistem mendapat gambaran awal paparan antaramuka sistem sebelum
membuat lakaran terakhir. Lakaran senibina pula dihasilkan untuk mengenal pasti
proses aliran sistem dari awal hingga akhir sistem agar tidak berlaku sebarang
masalah. Setiap proses lakaran akan dibangunkan dengan menggunakan perisian
Enterprise Architecture dan juga Adobe Photoshop berserta draf lukisan tangan.

24
3.3.3

Fasa Pembangunan dan Pengaturcaraan (Fasa Ketiga)

Fasa ketiga ini pula adalah fasa di mana sistem SPPK telah dibangunkan
mengikut spesifikasi rekabentuk yang telah dibuat pada awalnya. Fasa ini melibatkan
aktiviti-aktiviti pengekodan bagi pangkalan data, antaramuka pengguna serta
pengujian terhadap sistem yang akan dibangunkan. Semua data akan disimpan
menggunakan pangkalan data MySQL yang terkandung di dalam XAMPP. Ini
penting bagi memastikan sebarang pertukaran, penambahan atau pengubahsuaian
serta capaian data dapat dilakukan dengan lebih cekap dan berkesan.

Aktiviti pengekodan ini akan dilakukan secara berperingkat-peringkat


mengikut fungsi atau modul yang telah dibangunkan. Bermula dari modul pengguna,
modul keselamatan dan modul pentadbir serta pengurusan. Setelah pengekodan bagi
setiap modul selesai dilaksanakan, modul-modul tersebut telah digabungkan antara
satu sama lain bagi mengesan sebarang ralat dan memastikan modul-modul tersebut
dapat berfungsi sebagai satu sistem yang sempurna.

3.3.4

Fasa Pengujian dan Jaminan Kualiti ( Fasa Keempat )

Fasa keempat ini ialah salah satu fasa peningkatan yang paling jelas dalam
model sashimi air terjun. Dalam fasa ini, sistem SPPK yang telah dibangunkan telah
menjalani proses ujian untuk mengetahui keberkesanan pembangunan sistem. Jika
ada masalah ketika proses pengujian ini, pembangunan semula akan dilakukan
semula. Proses uji dan bangun telah dilakukan sehingga sistem SPPK benar-benar
diuji sepenuhnya dan sedia untuk digunakan. Pengujian ini juga kadang-kadang
termasuk beberapa fasa kecil yang dipanggil Alpha dan Beta. Terdapat juga beberapa
jenis ujian yang akan dijalankan seperti ujian integrasi, ujian sistem, ujian fungsi,
ujian beban dan ujian keserasian.

25
3.3.5

Fasa Perlaksanaan ( Fasa Kelima )

Fasa kelima ini, Fasa perlaksanaan adalah fasa projek di mana sistem yang
dibangunkan telah dipasang di pelayan, dokumentasi sistem telah ditulis dan dikemas
kini serta latihan telah diberikan kepada pengguna sistem ini. Sistem SPPK telah
dilaksanakan terus dari pelayan dan telah diuji sepenuhnya oleh pengguna. Masalah
yang ditemui ketika fasa ini, pembangun sistem telah melakukan pembaikan pada
fasa-fasa sebelum untuk memastikan masalah yang ditemui tidak berulang.

3.3.6

Fasa Sokongan dan Penyelenggaraan ( Fasa Keenam )

Fasa keenam ialah fasa terakhir dalam model Sashimi Air Terjun. Dalam fasa
ini, sistem SPPK akan dilepaskan ke pengguna. Akan tetapi sebarang perkara buruk
boleh berlaku. Inilah sebabnya mengapa ia adalah penting bahawa penyelenggaraan
dan sokongan berterusan diperlukan dalam mana-mana proses pembangunan sistem.
Untuk sistem SPPK ini, sokongan akan dilaksanakan mengikut permintaan pihak
organisasi. Manakala untuk fasa penyelenggaraan, ia akan dilaksanakan, bila
organisasi meminta untuk sebarang perubahan pada sistem SPPK ataupun berlaku
sebarang masalah.

3.4

Entity Relationship Diagram (ERD)

Entity Relationship Diagram merupakan suatu model yang digunakan untuk


menjelaskan hubungan antara satu data dalam pangkalan data berdasarkan objekobjek asas yang mempunyai hubungan antara satu sama lain. ERD berfungsi untuk
memodelkan struktur data dan hubungan antara data. Untuk menggambarkan ERD
ini, beberapa notasi dan simbol digunakan. Pada dasarnya, terdapat tiga simbol yang
digunakan iaitu:

26
i.

Entiti
Entiti merupakan objek yang mewakili sesuatu yang nyata dan dapat
dibezakan dari sesuatu yang lain (Ir Fathansyah, 1999). Simbol dari
entiti ini biasanya digambarkan dengan persegi panjang.

ii.

Atribut
Setiap entiti pasti mempunyai elemen yang disebut sebagai atribut yang
berfungsi untuk menghuraikan ciri-ciri dari entiti tersebut. Isi dari
atribut mempunyai sesuatu yang dapat di kenal pasti elemen dengan
yang lain. Gambar atribut diwakili oleh simbol elips.

iii.

Hubungan
Hubungan antara sejumlah entiti yang berasal dari hubungan entiti yang
berbeza. Hubungan yang terjadi di antara dua hubungan entiti
(misalnya A dan B) dalam satu pangkalan data (Abdul Kadir, 2002).
Hubungan ini dapat digambarkan seperti berikut:

a. Satu ke satu (One to One)


Hubungan satu ke satu adalah hubungan antara setiap entiti pada
himpunan entiti A yang berhubungan dengan satu entiti pada
himpunan entiti B

b. Satu ke Banyak (One to Many)


Hubungan satu himpunan entiti contohnya A yang dapat
berhubung dengan banyak entiti di entiti B tetapi setiap entiti
pada entiti B dapat berhubung dengan satu entiti pada himpunan
entiti A.

27
c. Banyak ke Banyak (Many to Many)
Setiap entiti pada himpunan entiti A dapat berhubung dengan
banyak entiti pada himpunan entiti B.

Rajah 3.3 menunjukkan rajah hierarki yang terdapat ERD dengan lebih jelas.

Rajah 3.3: Rajah Hierarki Entity Relationship Diagram (Paul Beynon, 2004)

3.5

Justififikasi Perisian

Pemilihan perisian yang bersesuaian adalah sangat penting bagi pembangunan


sesuatu sistem kerana sesebuah sistem yang dipilih perlu dihubungkan di antara satu
sama lain, berkemampuan untuk menyelenggara sejumlah data yang besar,
mempunyai kebolehan untuk berinteraksi dengan baik serta mudah digunakan dan
difahami. Ia juga tidak terlalu kompleks untuk digunakan dan mempunyai ciri-ciri
paparan antaramuka yang muda difahami. Perisian yang digunakan mestilah perisian

28
yang dipercayai kebolehgunaanya dan senang diperolehi serta mempunyai spesifikasi
yang bersesuaian dengan mesin yang digunakan oleh pembangunan sistem. Di antara
perisian yang telah digunakan untuk membangunkan sistem adalah seperti berikut :-

3.5.1

i.

Adobe Dreamweaver CS6

ii.

Adobe Photoshop CS5

iii.

XAMPP

Adobe Dreamweaver CS6

Adobe Dreamweaver CS3 merupakan salah satu aplikasi yang selalu


digunakan

dalam

membangunkan

laman

sesawang.

Pembangun

memilih

menggunakan aplikasi ini kerana ia dikategorikan sebagai aplikasi What You See is
What You Get (WYSWIG) di mana setiap rekabentuk yang direka di dalam Adobe
Dreamweaver akan menghasilkan paparan yang sama ketika di akses di dalam
pelayar laman sesawang seperti Google Chrome. Aplikasi ini juga menyokong
bahasa-bahasa pengaturcaraan laman sesawang seperti PHP, HTML, CSS, XML dan
JavaScript yang mana ia mampu membantu memudahkan usaha pembangunan dan
perlaksanaan sistem SPPK.

3.5.2

Adobe Photoshop CS5

Adobe Photoshop CS5 merupakan sebuah perisian yang digunakan untuk


tujuan penyuntingan gambar. Ia menyediakan banyak fungsi yang boleh
menghasilkan persembahan imej mengikut keperluan pengguna dan melakukan
pelbagai pengolahan ke atas bahan grafik seperti fungsi sharpen, clone, crop, render,
blurring dan sebagainya. Aplikasi ini dipilih oleh pihak pembangun sistem SPPK
kerana dengan aplikasi ini setiap gambar yang diperlukan untuk diguna pakai dalam
sistem SPPK dapat diubahsuai dengan cepat dan mudah serta menghasilkan kualiti
gambar yang cantik.

29
3.5.3

XAMPP

XAMPP merupakan sebuah aplikasi percuma dan sumber terbuka yang


bersifat platform bersilang dan mengandungi Apache HTTP Server dan pangkalan
data MySQL yang banyak digunakan oleh para pembangun laman sesawang. Ia
menyokong hampir semua bahasa pengaturcaraan seperti PHP dan Perl. XAMMP
adalah aplikasi yang sangat lengkap untuk menjadikan sesebuah komputer peribadi
seperti pelayan sebenar. Aplikasi XAMMP ini dipilih oleh pembangun adalah
bertujuan untuk mencari kesesuaian pada sistem SPPK yang akan dibangunkan sama
ada dapat menyokong pelayan (server) yang sebenar. Aplikasi ini dilihat antara
aplikasi yang mampu membantu melaksanakan pengujian sistem SPPK.

3.6

Justifikasi Perkakasan
Perkakasan yang digunakan untuk melaksanakan sistem bergantung kepada

pakej perisian yang dipasang. Ia perlu memenuhi keperluan perisian supaya


pembangunan dapat dijalankan dengan sempurna. Oleh itu, perkakasan yang dipilih
seharusnya memenuhi piawaian minimum perisian. Di antara keperluan perkakasan
minimum yang diperlukan bagi mengimplementasikan sistem ini ialah seperti dalam
Jadual 3.1 di bawah.

Jadual 3.1: Jadual Spesifikasi Perkakasan


Perkakasan

Spesifikasi

Sistem Operasi

Windows XP ke atas,
MAC OS, dan Linux

CPU

Intel Pentium 4 2.0 Ghz


ke atas.

RAM

512MB ke atas

Saiz Storan

10GB ruang kosong


pemacu keras

30

3.7

Capaian Internet

100Mbps, Broadband

Peranti Input

Papan Kekunci, Tetikus

Peranti Output

Pencetak, Monitor 20

Kesimpulan
Kesimpulannya, keseluruhan bab ini telah menjelaskan dengan terperinci

tentang metodologi dan teknik-teknik yang telah digunakan dalam pembangunan


sistem Penyelenggaraan dan Pameran Kenderaan. Metodologi dan teknik yang telah
digunakan ialah Sashimi Waterfall Model dan Entity Relationship Diagram (ERD).
Justifikasi pemilihan metodologi dan teknik juga diterangkan agar dapat menguatkan
lagi sebab pemilihan tersebut. Fasa-fasa yang terlibat dalam proses pembangunan
sistem juga telah diterangkan bersama dengan justifikasi pemilihan perisian dan
perkakasan yang telah digunakan dalam proses pembangunan sistem.

BAB 4

REKABENTUK SISTEM

4.1

Pendahuluan
Rekabentuk sistem merupakan proses penyediaan draf awal bagi pembangunan

sistem dengan gambaran secara kasar terhadap rekabentuk sistem yang akan
dibangunkan dan akan mempengaruhi hasil akhir sistem. Proses ini juga akan
menentukan sama ada semua keperluan pengguna boleh dilaksanakan ataupun patut
diubah

mengikut

kesesuaian

sistem.

Kegagalan

dalam

menganalisis

dan

merekabentuk sistem dengan betul boleh menyebabkan sesebuah sistem itu tidak
berupaya untuk mencapai objektif pembangunannya kelak.

Bab ini mengandungi penerangan bagi rekabentuk seni bina SPPK, analisis
keperluan, rekabentuk pangkalan data, dan rekabentuk antaramuka pengguna dengan
bantuan rajah carta alir (ERD). Kaedah ERD telah diaplikasikan dalam
merekabentuk sistem ini dengan menggunakan perisian Enterprise Architecture.

32

4.2

Rekabentuk Senibina SPPK


Rekabentuk senibina sistem Penyelenggaraan dan Pameran Kenderaan ini

terdiri daripada pengguna sistem, pentadbir sistem, sistem pelayan dan pangkalan
data. Pengguna sistem ini adalah terdiri daripada staf organisasi di Unit
Penyelenggaraan dan Pameran Kenderaan. Pentadbir sistem pula ialah ketua yang
menjaga unit tersebut. Sistem pelayan adalah di mana sistem Penyelenggaraan dan
Pameran Kenderaan ini beroperasi. Rajah 4.1 merupakan rekabentuk senibina secara
keseluruhan sistem yang telah dibangunkan.

Rajah 4.1: Rekabentuk Senibina SPPK

4.3

Rekabentuk Proses Sistem

Model lakaran bagi rekabentuk proses sistem SPPK dilakukan bagi


memastikan proses yang berlaku di dalam sistem dapat diterjemahkan dalam bentuk
yang mudah di fahami dengan menggunakan teknik model berorientasikan objek
iaitu Entity Relationship Diagram (ERD). Komponen-komponen dan modul-modul
yang menunjukkan proses di dalam sistem ditunjukkan menggunakan rajah-rajah
yang berkaitan seperti yang diterangkan dalam Rajah 4.18. Pemodelan ERD
dilakukan dengan menggunakan perisian Enterprise Architecture.

33
4.3.1

Rajah Carta Alir (Data Flow Diagram)

Rajah 4.2 menunjukkan bahawa aliran proses sistem SPPK ini dari proses
pendaftaran pengguna, terus kepada pengguna log masuk hinggalah ke proses log
keluar dari sistem.

Rajah 4.2: Rajah Carta Alir (DFD) SPPK

34
4.3.2

Rajah Aktiviti ( Aktiviti Diagram )

Rajah aktiviti bertujuan untuk menunjukkan gambaran aliran proses Sistem


Penyelenggaraan dan Pameran Kenderaan bermula dari Pentadbir/Staf mula
menggunakan sehingga tamat. Rajah 4.3 menunjukkan aktiviti pada keseluruhan
sistem berfungsi dari akses pentadbir sahaja. Bermula dari log masuk ke dalam
sistem oleh pentadbir diikuti pengesahan oleh sistem. Setelah sistem dapat di akses,
halaman utama akan dapat dilihat dan ia mempunyai beberapa halaman lain untuk
dilihat iaitu kenderaan, pameran, selenggara, syarikat dan pengguna.

Rajah 4.3: Rajah Aktiviti Akses Pentadbir

35
Rajah 4.4 pula menunjukkan aktiviti pada keseluruhan sistem berfungsi dari
akses staf. Pada akses staf ini, tidak semua aktiviti dapat dilakukan. Pembangun
sistem telah menyekat beberapa fungsi iaitu daftar syarikat dan menu pengguna.
Fungsi-fungsi lain masih boleh digunakan seperti sedia kala.

Rajah 4.4: Rajah Aktiviti Akses Staf

36
4.3.3

Rajah Kes Guna (Use Case Diagram)

Rajah kes guna bertujuan untuk menunjukkan gambaran fungsi yang boleh
dilakukan oleh sistem. Rajah 4.5 menunjukkan fungsi-fungsi yang boleh dilakukan
pentadbir dan staf sistem seperti log masuk, daftar kenderaan, hantar pameran, hantar
selenggara, daftar pengguna, daftar syarikat, padam syarikat, padam selenggara,
padam pameran dan padam pengguna.

Rajah 4.5: Rajah Kes Guna (Use Case)

37
4.3.4

Rajah Jujukan ( Sequence Diagram )

Rajah jujukan bertujuan bagi menunjukkan gambaran interaksi objek yang


terlibat di dalam Sistem Penyelenggaraan dan Pameran Kenderaan serta jujukan
perubahan sistem mengikut masa. Rajah 4.6 menunjukkan rajah jujukan bagi proses
log masuk ke dalam sistem. Dari proses permulaan di paparan log masuk sehingga
proses verifikasi maklumat pengguna sehingga ke paparan Menu Utama sistem.

Rajah 4.6: Rajah Jujukan Log Masuk

Rajah jujukan pada Rajah 4.7 menunjukkan proses bagi pendaftaran


kenderaan baru ke dalam sistem. Bermula dari paparan senarai kenderaan ke proses
pendaftaran kenderaan. Kemudian diteruskan ke pada verifikasi maklumat
pendaftaran sehingga ke proses terakhir iaitu kenderaan baru berjaya didaftarkan dan
paparan semula ke antaramuka paparan kenderaan.

38

Rajah 4.7: Rajah Jujukan Pameran Kenderaan

4.4

Analisa Keperluan

Analisa keperluan membabitkan penentuan keperluan pelanggan dan objektif


dalam konteks yang dirancang mengikut persekitaran dan ciri-ciri sistem yang
dikenal pasti untuk menentukan keperluan fungsi sebuah sistem. Analisa utama telah
dikaji dan dikemas kini untuk menyokong definisi sistem.

4.4.1

Cadangan Keperluan Fungsi (Functional)

Analisa keperluan fungsi yang dikehendaki oleh pelanggan:-

i.

Sistem ini boleh mendaftar dan menyimpan maklumat kenderaan


dengan mudah dan cepat.

ii.

Sistem ini boleh mencari data kenderaan dengan menggunakan carian


Nombor surat rujukan ataupun Nombor casis kenderaan.

iii.

Sistem ini boleh menyimpan semua maklumat dengan bersepadu.

iv.

Sistem ini perlu aktif dalam waktu bekerja, 8 pagi hingga 6 petang.

39
4.4.2

Cadangan Keperluan Bukan Fungsi (Non Functional)

Jadual 4.1: Jadual Cadangan Keperluan Bukan Fungsi


Sistem

Organisasi

Luaran Tidak Fungsi

Staf perlu mempunyai


Staf Unit Selenggara
diberi kata laluan
untuk akses sistem.

akses yang terhad


kepada data tertentu

Sistem Keselamatan
data

pada sistem
Staf boleh
Sistem perlu sentiasa
bersedia dan ada
semasa waktu bekerja

menggunakan sistem

Kebolehpercayaan
sistem berfungsi

dalam waktu bekerja


tanpa masalah.

4.5

Rekabentuk Pangkalan Data

Pangkalan data merupakan satu tempat koleksi data yang dikumpulkan dalam
storan di mana ia mempunyai perkaitan untuk menghasilkan maklumat yang akan
digunakan oleh sistem. Pangkalan data telah dibangunkan bagi menyokong operasi
sistem SPPK dengan menggunakan perisian XAMPP. Setiap jadual yang terlibat
mempunyai medan-medan yang tersendiri yang akan menerima data dari masukkan
pengguna mengikut medan yang telah ditetapkan. Terdapat empat jadual utama yang
digunakan untuk menyimpan data dalam sistem ini. Jadual 4.2 menunjukkan senarai
jadual pangkalan data yang terlibat.

Jadual 4.2: Jadual Keterangan Pangkalan Data


Nama Jadual
pengguna
kenderaan

Keterangan
Menyimpan semua maklumat berkenaan dengan
pengguna dan pentadbir sistem.
Menyimpan semua maklumat berkenaan kenderaan
yang ada dimiliki pihak organisasi.

40
Menyimpan semua maklumat berkaitan dengan gudang
simpanan kenderaan dan alamat gudang.
Menyimpan semua maklumat mengenai proses pameran
seperti tempat pameran, tarikh mula dan akhir pameran.

kod_gudang
pameran
selenggara

Menyimpan semua maklumat mengenai proses


selenggara seperti tempat selenggara, tarikh mula dan
akhir selenggara.

syarikat

Menyimpan nama dan alamat syarikat yang memohon


pameran

Rajah 4.8 menunjukkan pangkalan data pengguna yang terdapat di dalam


pangkalan data sistem Penyelenggaraan dan Pameran Kenderaan..

Field

Type

Comment

Id

int (3)

Primary Key

Username

varchar (20)

Password

varchar (32)

Lvl

varchar (1)

Rajah 4.8: Pangkalan Data Pengguna

Rajah 4.9 menunjukkan pangkalan data Kenderaan yang terdapat dalam


pangkalan data sistem Penyelenggaraan dan Pameran Kenderaan.

Field

Type

Comment

Id

varchar (30)

Primay key

Pengeluar

varchar (30)

Model

varchar (30)

Enjin

integer (20)

Chasis

varchar (30)

Tahun

int (5)

Nilai

varchar (10)

Berat

varchar (10)

41
CC

varchar (10)

No_k8

varchar (50)

No_surat

varchar (50)

Tarikh_masuk

timestamp

Selenggara

Int (1)

Pameran

Int (1)

Status

Int (1)

Kod_gudang

varchar (20)

Lot_no

varchar (30)

Baru/Terpakai

Rajah 4.9: Pangkalan Data Kenderaan

Rajah 4.10 menunjukkan pangkalan data Kod_Gudang yang terdapat dalam


sistem Penyelenggaraan dan Pameran Kenderaan.

Field

Type

Comment

Id

int (3)

Primary key

kod

varchar (50)

Rajah 4.10: Pangkalan Data Kod_Gudang

Rajah 4.11 menunjukkan pangkalan data Pameran yang terdapat dalam sistem
Penyelenggaraan dan Pameran Kenderaan.

Field

Type

Comment

Id

int (3)

Primary key

Pameran_Id

Int(3)

Tarikh_Mula

Date

Tarikh_Akhir

Date

Alamat

text

Rajah 4.11: Pangkalan Data Pameran

42
Rajah 4.12 menunjukkan pangkalan data Selenggara yang terdapat dalam
sistem Penyelenggaraan dan Pameran Kenderaan.

Field

Type

Comment

Id

int (3)

Primary key

Seleggara_Id

Int(3)

Tarikh_Mula

Date

Tarikh_Akhir

Date

Alamat

text

Rajah 4.12: Pangkalan Data Selenggara

Rajah 4.13 menunjukkan pangkalan data Syarikat yang terdapat dalam sistem
Penyelenggaraan dan Pameran Kenderaan.

Field

Type

Comment

Id

int (3)

Primary key

Alamat

text

Rajah 4.13: Pangkalan Data Syarikat

43
Rajah 4.14 adalah rajah Entity Relationship Model (ERD) atau model
hubungan antara entiti bagi sistem Penyelenggaraan dan Pameran Kenderaan yang
telah dibangunkan.

Rajah 4.14: Model Hubungan Antara Entiti (ERD) SPPK

4.6

Rekabentuk Antaramuka SPPK


Rekabentuk antaramuka yang baik sangat penting dalam memberikan

keselesaan kepada pengguna ketika menggunakan sistem ini. Antaramuka yang


dibangunkan perlulah ringkas dan bersesuaian dengan fungsi sistem. Antaramuka
yang mesra dengan pengguna perlu dalam memberikan keberkesanan penggunaan
sistem ini. Setiap antaramuka di bahagikan kepada beberapa bahagian mengikut
fungsi yang diperlukan oleh pengguna.

44
4.6.1

Paparan Laman Pertama Sistem ( Log Masuk )

Paparan antaramuka log masuk pada Rajah 4.15 adalah untuk paparan sistem
yang telah dibangunkan. Terdapat dua fungsi yang ada dalam paparan antaramuka
iaitu:

i.

Medan ID Pengguna dan Kata Laluan.


Medan ini berfungsi sebagai pengesahan untuk menentukan pengguna
wujud atau tidak di dalam sistem.

ii.

Butang Log Masuk


Butang ini berfungsi untuk melakukan proses pengesahan pada medan
maklumat yang diisi pada ID Pengguna dan Kata laluan.

ii

Rajah 4.15: Paparan Antaramuka Log Masuk

45
4.6.2

Paparan Menu Utama

Paparan antaramuka menu utama pada Rajah 4.16 adalah paparan menu
utama sistem yang telah dibangunkan. Terdapat empat fungsi yang ada dalam rajah
tersebut iaitu:

i.

Menu Navigator
Menu ini berfungsi sebagai pengantara setiap muka surat laman
sesawang.

ii.

Notis Peringatan
Notis peringatan ini berfungsi untuk memaparkan maklumat berkaitan
dengan tarikh tamat penyelenggaraan atau pun pameran.

iii.

Kemaskini Profil
Menu ini berfungsi untuk pengguna sistem menukar kata laluan
mereka yang baru.

iv.

Statistik Kenderaan
Bahagian ini akan menunjukkan statistik ringkas mengenai jumlah
kenderaan yang sedang di selenggara dan dipamerkan.

iv

iii
i

ii

Rajah 4.16: Paparan Antaramuka Menu Utama

46
4.6.3

Paparan Senarai Kenderaan

Paparan antaramuka Senarai Kenderaan pada Rajah 4.17 adalah paparan


senarai kenderaan yang telah dibangunkan. Terdapat beberapa fungsi utama pada
halaman tersebut.

i.

Butang Ya / Tidak
Butang ini berfungsi sebagai penanda sama ada kenderaan yang
berada dalam gudang akan dihantar ke bahagian penyelenggaraan atau
pameran.

ii.

Bahagian Tindakan
Bahagian adalah bahagian di mana pengguna boleh melihat maklumat
lengkap kenderaan dengan menekan butang kanta dan memadam
maklumat kenderaan dengan menekan butang pangkah (X) [Fungsi
Pentadbir Sahaja].

iii.

Butang CARIAN
Butang ini berfungsi sebagai tempat untuk pencarian maklumat
kenderaan berdasarkan No Casis, No Enjin, No K8 atau No Surat.

iv.

Butang Daftar
Butang ini berfungsi untuk membuka paparan pendaftaran maklumat
kenderaan yang baru di dalam sistem.

47

iii

iv

ii
i

Rajah 4.17: Paparan Antaramuka Senarai Kenderaan

4.6.4

Paparan Daftar Kenderaan

Paparan ini pada Rajah 4.18 adalah paparan daftar kenderaan. Berfungsi
sebagai borang untuk mendaftarkan maklumat kenderaan baru yang hendak
dimasukkan ke dalam sistem. Pada paparan ini terdapat satu butang iaitu butang
Daftar Kenderaan yang berfungsi untuk mendaftarkan maklumat kenderaan ke dalam
sistem.

Rajah 4.18: Paparan Antaramuka Daftar Kenderaan

48
4.6.5

Paparan Selenggara Kenderaan

Paparan pada Rajah 4.19 adalah paparan antaramuka selenggara kenderaan.


Paparan ini berfungsi sebagai antaramuka untuk memaparkan maklumat kenderaan
yang sedang di selenggara. Terdapat tiga fungsi utama pada paparan ini.

i.

Butang CETAK
Butang

ini

berfungsi

untuk

mencetak

surat

pengesahan

penyelenggaraan yang akan diberikan kepada pihak syarikat terbabit.

ii.

Butang LANJUTAN
Butang ini berfungsi untuk menambah waktu penyelenggaraan selama
30 hari.

iii.

Butang PADAM
Butang ini berfungsi untuk memadam maklumat kenderaan yang
sudah tamat selenggara.

i
ii

Rajah 4.19: Paparan Antaramuka Selenggara Kenderaan

iii

49
4.6.6

Paparan Pameran Kenderaan

Paparan pada Rajah 4.20 adalah paparan antaramuka selenggara kenderaan.


Paparan ini berfungsi sebagai antaramuka untuk memaparkan maklumat kenderaan
yang sedang di selenggara. Terdapat tiga fungsi utama pada paparan ini.

i.

Butang CETAK
Butang ini berfungsi untuk mencetak surat pengesahan pameran yang
akan diberikan kepada pihak syarikat terbabit.

ii.

Butang LANJUTAN
Butang ini berfungsi untuk menambah waktu pameran selama 30 hari.

iii.

Butang PADAM
Butang ini berfungsi untuk memadam maklumat kenderaan yang
sudah tamat selenggara.

i
ii

Rajah 4.20: Paparan Antaramuka Pameran Kenderaan

iii

50
4.6.7

Paparan Senarai Syarikat

Paparan pada Rajah 4.21 menunjukkan paparan antaramuka bagi senarai


syarikat yang ada di dalam sistem. Pada paparan ini terdapat dua fungsi utama iaitu
Daftar Syarikat dan Padam Syarikat yang bertanda pangkah (X). Fungsi ini hanya
boleh digunakan pada bahagian Pentadbir sahaja. Pada bahagian Pengguna,
pengguna hanya boleh melihat sahaja maklumat syarikat.

Rajah 4.21: Paparan Antaramuka Senarai Syarikat

51
4.6.8

Paparan Senarai Pengguna

Paparan pada Rajah 4.22 adalah paparan senarai pengguna. Paparan ini
memaparkan senarai pengguna yang ada di dalam sistem. Terdapat tiga fungsi utama
pada paparan ini iaitu fungsi Daftar Pengguna, Papar Pengguna dan Padam
Pengguna. Pada fungsi Daftar Pengguna, pentadbir boleh menambah pengguna baru
di dalam sistem tersebut. Pada fungsi Papar Pengguna, pentadbir boleh mengubah
kata laluan pengguna dan pada fungsi Padam Pengguna, pentadbir boleh memadam
maklumat pengguna.

Rajah 4.22: Paparan Antaramuka Senarai Pengguna

4.7

Kesimpulan

Sebagai kesimpulan, keseluruhan bab ini telah membincangkan secara


terperinci struktur rekabentuk sistem ini bermula dari rekabentuk senibina sistem
SPPK, rekabentuk proses sistem SPPK berpandukan rajah carta alir (DFD), rajah
jujukan, rajah aktiviti, rajah kes guna, rekabentuk pangkalan data, dan rekabentuk
antaramuka pengguna. Tujuan rekabentuk ini dilakukan adalah untuk memberi
gambaran awal kepada pembangunan sistem supaya pembangun sistem ini lebih
memahami sistem yang dibangunkan dari segi proses masuk dan keluar.

BAB 5

IMPLEMENTASI DAN PENGUJIAN

5.1

Pendahuluan
Dasa fasa implementasi, proses pembangunan sistem dijalankan secara

keseluruhan berdasarkan perancangan dan reka bentuk sistem yang telah


dilaksanakan dalam Projek Sarjana Muda 1. Fasa ini merupakan fasa membina dan
membangunkan kod-kod atur cara bagi setiap modul yang dihasilkan. Sebelum itu
cara pemasangan perkakasan dan perisian yang digunakan perlu dilaksanakan
terlebih dahulu. Selain itu, fasa ini juga turut membincangkan tentang pengujian
yang dijalankan ke atas sistem. Sistem Penyelenggaraan dan Pameran Kenderaan ini
dibangunkan dengan menggunakan bahasa pengaturcaraan PHP, MySQL sebagai
pangkalan data dan Adobe Dreamweaver sebagai medium pembangunan sistem.
Selain itu, terdapat juga perisan-perisian sampingan yang digunakan untuk
menghasilkan laporan ini seperti Microsoft Office Word 2013 dan Enterprise
Architecture

53

5.2

Kod Fungsi Utama Sistem


Bahagian ini akan membincangkan tentang hubungan sistem ke pangkalan data

dan pengaturcaraan modul-modul seperti modul log masuk, modul memasukkan


data, modul memaparkan data dan juga modul untuk kemas kini data.

5.2.1

Implementasi Log Masuk Sistem

Fungsi log masuk adalah di mana pengguna (staf dan pentadbir) akan
memasukkan nama pengguna dan kata laluan untuk mendapatkan akses untuk
memasuki sistem sebagai pengguna yang sah berdaftar. Rajah 5.1 merupakan keratan
kod aturcara untuk fungsi log masuk pengguna bagi sistem ini.

Rajah 5.1: Kod Aturcara Log Masuk Sistem

54

5.2.2

Implementasi Capaian Pangkalan Data.

Pada Rajah 5.2 menunjukkan keratan kod aturcara yang digunakan untuk
menghasilkan hubungan antara pangkalan data dengan fungsi-fungsi dalam sistem.
Aturcara perhubungan ini akan dipanggil semua setiap kali sistem memerlukan
penggunaan pangkalan data bagi menjalankan fungsi-fungsi yang diminta.

Rajah 5.2: Kod Aturcara Hubungan Pangkalan Data

5.2.3

Implimentasi Fungsi Paparan Kenderaan

Pada Rajah 5.3 menunjukkan keratan kod aturcara yang digunakan untuk
menghasilkan paparan maklumat kenderaan yang ada di dalam gudang penyimpanan.
Maklumat kenderaan tersebut disimpan secara terperinci dan disusun dengan
mengikut maklumat yang diperlukan. IF aturcara berfungsi untuk mengawal butang
YA atau TIDAK.

<?php
$prows = 15;
$spread = 2;
@$page = intval($_GET['p']);
if(isset($_GET['search'])){
$carian = htmlspecialchars($_GET['keyword'], ENT_QUOTES);
$query = mysql_query("SELECT * FROM kenderaan WHERE chasis LIKE
'$carian' OR enjin LIKE '$carian' OR no_k8 LIKE '$carian' OR no_surat LIKE '$carian'");
}
else{
$query = mysql_query("SELECT * FROM kenderaan ORDER BY id DESC");
}
$rows = mysql_num_rows($query);
$lastp = ceil( $rows / $prows );

55

/*******************************************/
if(!isset($page))
{
$page = 1;
}
if($page < 1)
{
$page = 1;
}
if($page > $lastp)
{
$page = $lastp;
}
/*******************************************/
$pn = $page - 1;
$pn = $pn * $prows;
echo "<table>
<thead>
<tr>
<th>#</th>
<th>Pengeluar</th>
<th>Model</th>
<th>No Chasis</th>
<th>Tahun Keluaran</th>
<th>Selenggara</th>
<th>Pameran</th>
<th>Tindakan</th>
</tr>
</thead>
<tbody>";
if(isset($_GET['search'])){
$carian = htmlspecialchars($_GET['keyword'], ENT_QUOTES);
$q = mysql_query("SELECT * FROM kenderaan WHERE chasis LIKE
'$carian' OR enjin LIKE '$carian' OR no_k8 LIKE '$carian' OR no_surat LIKE '$carian'
LIMIT $pn, $prows");
}
else{
$q = mysql_query("SELECT * FROM kenderaan ORDER BY `id` DESC LIMIT
$pn, $prows");
}
//Bahagian paparan maklumat kenderaan
$c=$pn+1;
$isexist = @mysql_num_rows($q);
while($f = @mysql_fetch_object($q))

56

{
$id = $f->id;
$pengeluar = $f->pengeluar;
$model = $f->model;
$chasis = $f->chasis;
$tahun = $f->tahun;
$pameran = $f->pameran;
$selenggara = $f->selenggara;
if($selenggara==0 && $pameran==0){
$selenggara = "<font color=red><b>Tidak</b>&nbsp;<a rel=facebox
href=action.php?selenggara=$id>
<input type=submit name=chselenggara value=\"Ya\"></a></font>";
$status = "<font color=red><b>Tidak</b>&nbsp;<a rel=facebox
href=action.php?pameran=$id>
<input type=submit value=\"Ya\"></a></font>";
}
elseif($selenggara==0 && $pameran==1){
$selenggara = "Tidak Dibenarkan";
$status = "<form method=post action=\"\" style=\"display: inline;\"><font
color=green><b>Ya</b>&nbsp;
<input type=hidden name=whichid value=$id>
<input type=submit name=pameran value=\"Tidak\"></font></form>";
}
elseif($selenggara==1 && $pameran==0){
$selenggara = "<form method=post action=\"\" style=\"display: inline;\"><font
color=green><b>Ya</b>&nbsp;
<input type=hidden name=whichid value=$id>
<input type=submit name=chselenggara value=\"Tidak\"></font></form>";
$status = "Tidak Dibenarkan";
}
echo "
<tr>
<td>$c</td>
<td>$pengeluar</td>
<td>$model</td>
<td><a rel=facebox href=\"action.php?edit=$id\" title=\"title\">$chasis</a></td>
<td>$tahun</td>
<td>$selenggara</td>
<td>$status</td>
<td>
<a rel=\"facebox\" href=\"action.php?edit=$id\" title=\"Papar\"><img
src=\"resources/images/icons/view.png\" alt=\"Edit\" /></a>";
if($level=="0"){
echo " <a href=\"?remove=$id\" title=\"Padam\" onClick=\"javascript: return
confirm('Confirm delete?');\"><img src=\"resources/images/icons/cross.png\" alt=\"Delete\"
/></a> ";
}
echo "</td>
</tr>
";
$c++;
}

57

echo "</tbody>";
echo "</table>";
if($isexist==0){
echo "<p style=\"margin-top:50px;\" align=center>Tiada Rekod Dijumpai!</p>";
echo "<meta http-equiv=refresh content=\"1;url=kenderaan.php\">";
}
?>

Rajah 5.3: Kod Aturcara Paparan Kenderaan

5.2.4

Implementasi Fungsi Paparan Selenggara

Pada Rajah 5.4 menunjukkan keratan kod aturcara bagi memaparkan paparan
kenderaan yang dalam penyelenggaraan. Kod ini akan menyenaraikan secara
terperinci mengenai maklumat kereta.
<?php
$prows = 10;
$spread = 2;
@$page = intval($_GET['p']);
if(isset($_GET['view'])=="expired"){
$query = mysql_query("SELECT * FROM selenggara, kenderaan WHERE
selenggara=1 AND selenggara.selenggara_id=kenderaan.id AND tarikh_akhir BETWEEN
NOW() AND NOW() + INTERVAL 7 DAY ORDER BY tarikh_masuk ASC");
}
else{
$query = mysql_query("SELECT * FROM selenggara, kenderaan WHERE
selenggara=1 AND selenggara.selenggara_id=kenderaan.id ORDER BY tarikh_masuk
ASC");
}
$rows = mysql_num_rows($query);
$lastp = ceil( $rows / $prows );
/*******************************************/
if(!isset($page))
{
$page = 1;
}
if($page < 1)
{
$page = 1;

58

}
if($page > $lastp)
{
$page = $lastp;
}
/*******************************************/
$pn = $page - 1;
$pn = $pn * $prows;
echo "<table>
<thead>
<tr>
<th>#</th>
<th>Pengeluar</th>
<th>Model</th>
<th>No Chasis</th>
<th>Tahun Keluaran</th>
<th>Tarikh Mula</th>
<th>Tarikh Akhir</th>
<th>Tindakan</th>
</tr>
</thead>
<tbody>";
if(isset($_GET['view'])=="expired"){
$q = mysql_query("SELECT * FROM selenggara, kenderaan WHERE selenggara=1
AND selenggara.selenggara_id=kenderaan.id AND tarikh_akhir BETWEEN NOW() AND
NOW() + INTERVAL 7 DAY ORDER BY tarikh_masuk ASC LIMIT $pn, $prows");
}
else{
$q = mysql_query("SELECT * FROM selenggara, kenderaan WHERE selenggara=1
AND selenggara.selenggara_id=kenderaan.id ORDER BY tarikh_masuk DESC LIMIT $pn,
$prows");
}
$c=$pn+1;
while($f = @mysql_fetch_object($q))
{
$id = $f->id;
$pengeluar = $f->pengeluar;
$model = $f->model;
$chasis = $f->chasis;
$tahun = $f->tahun;
$tarikh_mula = $f->tarikh_mula;
$tarikh_akhir = $f->tarikh_akhir;
echo "<tr>
<td>$c</td>
<td>$pengeluar</td>
<td>$model</td>
<td><a rel=facebox href=\"view_selenggara.php?view=$id\"
title=\"title\">$chasis</a></td>
<td>$tahun</td>

59

<td>$tarikh_mula</td>
<td>$tarikh_akhir</td>
<td>
<!-- Icons -->
<a target=blank href=\"surat_selenggara.php?id=$id\"
title=\"Cetak\"><img src=\"resources/images/icons/print.png\" alt=\"Cetak\" /></a>
<a href=\"?add=$id\" title=\"Lanjutan\"
onClick=\"javascript: return confirm('Confirm extend 30 days?');\"><img
src=\"resources/images/icons/add.png\" alt=\"Edit\" /></a>
<a href=\"?remove=$id\" title=\"Padam\"
onClick=\"javascript: return confirm('Confirm delete?');\"><img
src=\"resources/images/icons/cross.png\" alt=\"Delete\" /></a>
</td>
</tr>";
$c++;
}
echo "</tbody>";
echo "</table>";
?>

Rajah 5.4: Kod Aturcara Paparan Selenggara

5.2.5

Implementasi Fungsi Pameran Kenderaan

Pada Rajah 5.5 menunjukkan keratan kod aturcara bagi memaparkan paparan
pameran kenderaan. Kod ini akan menyenaraikan secara terperinci mengenai
maklumat kereta dan butang tindakan yang boleh diambil.
<?php
$prows = 10;
$spread = 2;
@$page = intval($_GET['p']);
if(isset($_GET['view'])=="expired"){
$query = mysql_query("SELECT * FROM pameran, kenderaan WHERE
pameran=1 AND pameran.pameran_id=kenderaan.id AND tarikh_akhir BETWEEN NOW()
AND NOW() + INTERVAL 7 DAY ORDER BY tarikh_masuk ASC");
}
else{
$query = mysql_query("SELECT * FROM pameran, kenderaan WHERE
pameran=1 AND pameran.pameran_id=kenderaan.id ORDER BY tarikh_masuk ASC");
}
$rows = mysql_num_rows($query);
$lastp = ceil( $rows / $prows );

60

/*******************************************/
if(!isset($page))
{
$page = 1;
}
if($page < 1)
{
$page = 1;
}
if($page > $lastp)
{
$page = $lastp;
}
/*******************************************/
$pn = $page - 1;
$pn = $pn * $prows;
echo "<table>
<thead>
<tr>
<th>#</th>
<th>Pengeluar</th>
<th>Model</th>
<th>No Chasis</th>
<th>Tahun Keluaran</th>
<th>Tarikh Mula</th>
<th>Tarikh Akhir</th>
<th>Tindakan</th>
</tr>
</thead>
<tbody>";
if(isset($_GET['view'])=="expired"){
$q = mysql_query("SELECT * FROM pameran, kenderaan WHERE pameran=1
AND pameran.pameran_id=kenderaan.id AND tarikh_akhir BETWEEN NOW() AND
NOW() + INTERVAL 7 DAY ORDER BY tarikh_masuk ASC LIMIT $pn, $prows");
}
else{
$q = mysql_query("SELECT * FROM pameran, kenderaan WHERE pameran=1
AND pameran.pameran_id=kenderaan.id ORDER BY tarikh_masuk DESC LIMIT $pn,
$prows");
}
$c=$pn+1;
while($f = @mysql_fetch_object($q))
{
$id = $f->id;
$pengeluar = $f->pengeluar;
$model = $f->model;
$chasis = $f->chasis;

61

$tahun = $f->tahun;
$tarikh_mula = $f->tarikh_mula;
$tarikh_akhir = $f->tarikh_akhir;
echo "<tr>
<td>$c</td>
<td>$pengeluar</td>
<td>$model</td>
<td><a rel=facebox href=\"view_pameran.php?view=$id\"
title=\"title\">$chasis</a></td>
<td>$tahun</td>
<td>$tarikh_mula</td>
<td>$tarikh_akhir</td>
<td>
<a target=blank href=\"surat_pameran.php?id=$id\"
title=\"Print\"><img src=\"resources/images/icons/print.png\" alt=\"Print\" /></a>
<a href=\"?add=$id\" title=\"Lanjutan\"
onClick=\"javascript: return confirm('Confirm extend 30 days?');\"><img
src=\"resources/images/icons/add.png\" alt=\"Edit\" /></a>
<a href=\"?remove=$id\" title=\"Padam\"
onClick=\"javascript: return confirm('Confirm delete?');\"><img
src=\"resources/images/icons/cross.png\" alt=\"Delete\" /></a>
</td>
</tr>";
$c++;
}
echo "</tbody>";
echo "</table>";
?>

Rajah 5.5: Kod Aturcara Paparan Pameran Kenderaan

62

5.2.6

Implementasi Fungsi Surat Pengesahan

Pada Rajah 5.6 menunjukkan keratan kod aturcara bagi memaparkan paparan
mengenai surat pengesahan. Kod ini menunjukkan bagaimana surat pengesahan akan
dihasilkan setelah pengguna menekan butang Ya atau Tidak di bahagian kenderaan
untuk pameran atau penyelenggaraan. Input yang dipanggil untuk menghasilkan
sekeping surat dengan maklumat tertentu

<?php
require('config.php');
$today = date("d-m-Y");
$id = intval($_GET['id']);
$sql = mysql_query("SELECT * FROM kenderaan, pameran WHERE kenderaan.id='$id'
AND pameran.pameran_id='$id' AND kenderaan.pameran='1'");
$exist = mysql_num_rows($sql);
if($exist=='0'){
header('Location:index.php');
}
while ($d = mysql_fetch_object($sql)) {
$pengeluar = $d->pengeluar;
$model = $d->model;
$enjin = $d->enjin;
$chasis = $d->chasis;
$tahun = $d->tahun;
$nilai = $d->nilai;
$berat = $d->berat;
$cc = $d->cc;
$no_k8 = $d->no_k8;
$no_surat = $d->no_surat;
$status = $d->status;
if($status==1){
$status = "Terpakai";
}
else{
$status = "Baru";
}
$kod_gudang = $d->kod_gudang;
$lot_no = $d->lot_no;
$tarikh_mula = $d->tarikh_mula;
$tarikh_mula = date('d M Y', strtotime($tarikh_mula));
$tarikh_akhir = $d->tarikh_akhir;
$tarikh_akhir = date('d M Y', strtotime($tarikh_akhir));
$alamat = $d->alamat;
$alamat = ucwords(strtolower($alamat));
}

63

?>
<script type="text/javascript">
function PrintElem(elem)
{
Popup($(elem).html());
}
function Popup(data)
{
//var mywindow = window.open('', 'my div', 'height=auto,width=auto');
//mywindow.document.write('<html><head><title><?php echo $chasis;?></title>');
/*optional stylesheet*/ //mywindow.document.write('<link rel="stylesheet"
href="main.css" type="text/css" />');
//mywindow.document.write('</head><body >');
//mywindow.document.write(data);
//mywindow.document.write('</body></html>');
//mywindow.print();
print();
close();
//mywindow.close();
return true;
}
</script>

Rajah 5.6: Kod Aturcara Surat Pengesahan

5.2.7

Implementasi Fungsi Notis Peringatan

Pada Rajah 5.7 menunjukkan keratan kod aturcara bagi memaparkan senarai
kenderaan yang akan tamat tempoh pameran atau penyelenggaraan dalam tempoh 7
hari sebelum tarikh tamat.

Rajah 5.7: Kod Aturcara Notis Peringatan

64

5.3

Antaramuka Utama Sistem Yang Memaparkan Hasil Pencapaian


Pembangunan sesuatu sistem haruslah mengikut model dan metodologi yang

telah ditentukan dari awal pembinaannya. Ini untuk memastikan agar proses
pembangunan sesebuah sistem dari peringkat awal hingga ke peringkat akhir adalah
mengikut susunan yang ditetapkan. Apabila selesai fasa implementasi atau fasa
pembangunan, hasilnya adalah proses dokumentasi yang akan dijadikan panduan
dalam pengguna sistem.

5.3.1

Laman Utama Sistem Mengikut Peringkat Kawalan Pengguna

Rajah 5.8 di bawah ini merupakan paparan laman utama bagi pihak pentadbir
(Admin) apabila log masuk disahkan oleh sistem.

Rajah 5.8: Paparan laman utama bagi aras pentadbir (Admin)

Rajah 5.9 di bawah ini merupakan paparan laman utama bagi pihak pengguna
(staf) apabila log masuk disahkan oleh sistem. Perbezaan pentadbir dan staf ialah
pada menu pengguna, menu syarikat dan menu pengguna.

65

Rajah 5.9: Paparan laman utama bagi aras pengguna (staf)

5.4

Pengujian

Dalam bab ini, pengujian yang dilakukan untuk menguji ralat yang
berkemungkinan timbul ketika sistem beroperasi dan bagi memastikan sistem yang
dibangunkan berfungsi sepenuhnya. Terdapat beberapa langkah atau kaedah
pengujian yang dipraktikkan dan antaranya adalah seperti pengujian kotak hitam,
pengujian kotak putih, pengujian pengguna dan sebagainya. Dalam projek ini,
kaedah pengujian kotak hitam telah digunakan.

5.4.1

Pengujian Kotak Hitam

Pengujian kotak hitam adalah berdasarkan kepada spesifikasi program atau


komponen. Ujian ini adalah lebih prihatin dengan fungsi daripada perlaksanaan.
Pengujian kotak hitam juga meneliti input dan output, terutamanya jika output yang
dihasilkan adalah berbeza daripada hasil yang dijangka berdasarkan input yang
dilaksanakan. Output ini tidak boleh dijangka wujud kerana ia boleh menjejaskan
sistem atau komponen.

66

Jadual 5.1: Jadual pengujian aliran sistem

KEPERLUAN
FUNGSI

ALIRAN PENGUJIAN
1. Mengisi maklumat
yang diperlukan ID
Pengguna dan Kata
laluan.

1.0

Log Masuk

2. Klik butang Sign In.


3. Paparan Utama
dipaparkan mengikut
aras pengguna
sistem.
1. Klik Menu Pengguna
2. Klik Butang DAFTAR

2.0

Daftar Pengguna
Baru Sistem

3. Isi maklumat yang


diperlukan berserta
kata laluan.
4. Klik Daftar Pengguna.
1. Klik pada Menu
Kenderaan -> Daftar

3.0

Daftar Maklumat
Kenderaan

2. Isi Kesemua maklumat


yang telah ditetapkan.
3. Pilih gudang kenderaan
4. Klik Daftar Kenderaan
1. Klik Menu Kenderaan.
2. Pilih butang YA bagi
Selenggara atau

Hantar Kenderaan ke
4.0

Pameran.

Pameran atau

3. Pilih tempat pameran

Penyelenggaraan

atau selenggara ->


Simpan
4. Sistem akan hantar
email kepada syarikat

KEPUTUSAN
BERJAYA

GAGAL

67

berkenaan
5. Secara automatik
paparan surat untuk
dicetak akan
dipaparkan.
1. Klik sama ada menu
pameran atau
selenggara.
2. Tekan butang tambah
Sambung tempoh
5.0

pameran atau
selenggara

di bahagian tindakan.
3. Secara automatik
sistem akan hantar
email kepada syarikat
untuk pemberitahuan.
4. Paparan surat lanjutan
untuk dicetak akan
dipaparkan.
1. Pergi ke menu

Batal status
6.0

kenderaan dari
pameran atau
selenggara

kenderaan.
2. Pilih kenderaan yang
hendak dibatalkan.
3. Tekan butang Tidak
pada bahagian pameran
atau selenggara.
1. Pergi menu syarikat.

Tambah syarikat
7.0

2. Klik butang daftar

pameran atau

3. Masukkan maklumat

selenggara

syarikat -> Daftar


Syarikat.
1. Pergi menu syarikat.

Padam syarikat
8.0

pameran atau
selenggara

2. Tekan butang X pada


bahagian tindakan.
3. Paparan syarikat
berjaya di padam akan
dipaparkan.

68

5.4.2

Pengujian Unit

Rajah 5.10 adalah paparan antaramuka log masuk. Pentadbir atau staf perlu
memasukkan ID pengguna dan kata laluan yang betul agar dapat memasuki ke
paparan antaramuka utama.

Rajah 5.10: Paparan Log Masuk

1.

Log masuk ID Pengguna dan Kata Laluan.

i.

Valid Test Case


Pengujian

1
Input/Tindakan

Masukkan ID Pengguna

Admin

Masukkan Kata Laluan

Admin

Butang Sign In

Tekan.
Keputusan yang dijangka

Keputusan

Laman Utama Berjaya dipaparkan

69

ii.

Invalid Test Case


Pengujian

1
Input/Tindakan

Masukkan ID Pengguna

Admin

Masukkan Kata Laluan

123456

Butang Sign In

Tekan.
Keputusan yang dijangka

Keputusan

ID Pengguna atau Kata laluan tidak sah

Pengujian

2
Input/Tindakan

Masukkan ID Pengguna
Masukkan Kata Laluan
Butang Sign In

Tekan.
Keputusan yang dijangka

Keputusan

Sila masukkan ID Pengguna dan kata laluan

70

2.

Kemaskini kata laluan.


Untuk pengujian ini pengguna perlu memasukkan kata laluan yang baru yang

sama pada dua medan dan proses ini akan disahkan semasa butang Kemaskini
ditekan seperti Rajah 5.11

Rajah 5.11: Paparan Kemaskini Kata laluan

i.

Valid Test Case


Pengujian

1
Input/Tindakan

Masukkan kata laluan sekarang

1234

Masukkan kata laluan baru

0989

Sahkan kata laluan baru

0989

Butang Kemaskini

Tekan.
Keputusan yang dijangka

Keputusan

Kata laluan berjaya dikemaskini

71

ii.

Invalid Test Case


Pengujian

1
Input/Tindakan

Masukkan kata laluan sekarang

1234

Masukkan kata laluan baru

0989

Sahkan kata laluan baru

0999

Butang Kemaskini

Tekan.
Keputusan yang dijangka

Keputusan

Kata laluan baru tidak sepadan

Pengujian

2
Input/Tindakan

Masukkan kata laluan sekarang

5642

Masukkan kata laluan baru

0989

Sahkan kata laluan baru

0989

Butang Kemaskini

Tekan.
Keputusan yang dijangka

Keputusan

Kata laluan asal tidak sah

72

5.5

Kesimpulan

Pembangunan sistem dilakukan telah menghasilkan pencapaian yang


dikehendaki berdasarkan proses yang telah dilakukan. Proses membina pangkalan
data, pembangunan kod bagi memudahkan proses pembangunan sistem. Bab ini juga
menerangkan bahawa fasa ujian perlu dilaksanakan untuk memastikan sistem ini
berfungsi seperti yang sepatutnya. Beberapa teknik pengujian yang dicadangkan itu
telah dilaksanakan ke atas sistem untuk mengelakkan berlakunya sebarang kesilapan
di dalam sistem. Dengan selesainya ujian, banyak kesilapan dan tambahan pada
pengekodan aturcara input dan output dapat diketahui oleh pembangun sistem.
Pembangun sistem boleh membaiki kesilapan dalam sistem dari masa ke semasa
berdasarkan ujian yang telah dilakukan.

BAB 6

CADANGAN DAN KESIMPULAN

6.1

Pendahuluan
Dalam bab cadangan dan kesimpulan, akan membincangkan secara terperinci

hasil keseluruhan proses pembangunan Sistem Penyelenggaraan dan Pameran


Kenderaan (SSPK) di mana sistem ini akan digunakan di Jabatan Kastam Diraja
Malaysia Cawangan Klang. Sistem ini dibangunkan untuk membantu staf dan
pegawai pentadbir dalam mengurus dan memantau setiap proses yang dijalankan
dalam menguruskan aset kenderaan jabatan. Sistem ini juga telah dibangunkan untuk
menggantikan sistem yang sedia ada yang sedang digunakan oleh jabatan tersebut
bagi meningkatkan tahap kelancaran urusan pihak jabatan tersebut. Dalam bab ini
juga, membincangkan cadangan dan mencari kepelbagaian cara untuk meningkatkan
pembangunan sistem yang berkualiti tinggi dalam aktiviti pengurusan aset kenderaan
di Jabatan Kastam Diraja Malaysia Cawangan Klang pada masa akan datang.

74

6.2

Hasil dan Pencapaian Objektif Sistem.


Sistem ini telah berjaya dibangunkan dengan melengkapkan setiap objektif dan

mengikut skop yang telah ditetapkan pada fasa analisis. Dengan adanya sistem ini,
pihak Jabatan Kastam Diraja Malaysia Cawangan Klang dapat memudahkan dan
mempercepatkan proses pendaftaran aset kenderaan milik jabatan dan pengurusan
pameran dan penyelenggaraan kenderaan.

Sistem ini telah memenuhi objektif dan skop sistem kerana sistem telah berjaya
menghasilkan proses pengurusan secara tersusun dan sistematik berbanding dengan
sistem yang sedia ada sebelum ini. Objektif yang telah dicapai adalah:

i.

Mengenal pasti masalah kelewatan memproses dan menyimpan


maklumat kenderaan yang di hadapi pihak Jabatan Kastam Diraja
Malaysia dengan sistem yang sedia ada.

ii.

Menaiktaraf sistem yang sedia ada kepada bentuk laman sesawang


yang efektif dan fleksibel.

iii.

Merekabentuk proses sistem yang lebih teratur susunan paparan


antaramuka yang mesra pengguna dan mempunyai fungsi pentadbir
sistem.

iv.

Membangunkan sistem berdasarkan Intranet dengan pangkalan data


bersepadu yang di rekabentuk untuk kesesuaian polisi pihak Jabatan
Kastam.

75

6.3

Cadangan
Dalam Sistem Penyelenggaraan dan Pameran Kenderaan ini, masih lagi

terdapat beberapa kekurangan dan kelemahan. Oleh itu, sistem yang telah
dibangunkan ini masih perlu dipertingkatkan supaya sistem ini tidak mempunyai
sebarang kelemahan yang boleh melambatkan perjalanan pengurusan aset kenderaan
Jabatan Kastam Diraja Malaysia. Sistem yang dibangunkan ini juga perlu ditambah
baik dengan fungsi-fungsi yang terkini dan efektif serta juga penambahbaikan
terhadap paparan antaramuka dapat dilakukan dengan lebih menarik untuk
menyerlahkan lagi kelebihan dan keistimewaan sistem.

Antara cadangan untuk pembangunan sistem pada masa akan datang :

Menambah perkhidmatan akses secara atas talian untuk memudahkan


lagi pihak syarikat untuk berinteraksi dengan pihak Jabatan Kastam.

Menambah fungsi pembelian kenderaan yang sedia ada di dalam


gudang.

Sistem ini akan dinaiktaraf dan dipertingkatkan lagi dengan pelbagai


penambahbaikan dari segi paparan antaramuka dan tahap keselamatan
pangkalan data sistem untuk meningkatkan tahap kelancaran perjalanan
sistem.

Bercadang untuk memperkukuhkan sistem ini dan menjualnya kepada


Pihak Jabatan Kastam Diraja Malaysia.

76

6.4

Kesimpulan

Secara keseluruhannya, dalam menyiapkan projek ini telah mengambil masa


lebih kurang 6 bulan untuk menyiapkan satu sistem yang dapat berfungsi mengikut
objektif dan matlamat sistem yang dimahukan. Sepanjang tempoh pembangunan
sistem ini, pelbagai cabaran dugaan dan kekangan serta pengalaman baru yang
diperolehi.

Sistem yang dihasilkan ini diharapkan dapat menjadi satu sistem yang boleh
membantu staf dan pegawai pengurusan Unit Penyelenggaraan dan Pameran
Kenderaan Jabatan Kastam Diraja Malaysia Cawangan Klang dalam menguruskan
aset kenderaan dengan lebih cepat dan sistematik. Secara keseluruhannya, sistem ini
mampu memberikan pendekatan baru kepada staf yang menggunakannya kerana
ianya merupakan satu sistem yang efektif, tersusun dan menggunakan sistem
pangkalan data berpusat yang mampu menampung data tanpa had.

77

RUJUKAN

Abdul Kadir (2002). Konsep & Tuntunan Praktis Basis Data. Pencetakan Andi
Offset. Yogyakarta.

Achmad Solichin, S.Kom (2004). Pemrograman Web dengan PHP dan MySQL.
Universiti Budi Luhur, Jakarta.

Ir Fatansyah (1999). Buku teks Ilmu Komputer Basis Data Informatika. Bandung.
Jonathan Chaffer, Karl Swedberg (2011). Learning JQuery. (3rd ed). 35 Livery
Street, Birmingham: Packt Publishing Ltd.

Mohd Aizaini Maarof, Mazleena Salleh, Rabiah Ahmad dan Subariah Ibrahim
(2002). Nota Kuliah Kriptografi. Universiti Teknologi Malaysia

Paul Beynon-Davies (2004). Database Systems. Palgrave Basingstoke. UK.

Steven Hozlner (2008). PHP: The Complete Reference. McGraw Hill


Professional

Untung Rahardja, Augury El Rayeb, Asep Saefullah (2009), Siapa Saja Bisa
Membuat Website dengan CSS dan HTML. Andi Yogyakarta.

W. Jason Gilmore (2010). Beginning PHP and MySQL: From Novice to


Professional 4th Edition. Apress.

78

Webpage:-

Help Rational Rhapsody.


http://pic.dhe.ibm.com/infocenter/rhaphlp/v7r6/index.jsp. Accessed on 8 Mac
2014

Data Flow Diagram (Enterprise Architecture).


http://www.sparxsystems.com/enterprise_architect_user_guide/10/domain_based_
models/data_flow_diagrams.html. Access on 12 Mac 2014.

CSS Colors: Take Control Using PHP.


http://www.barelyfitz.com/projects/csscolor/. Access on 13 Mac 2014.

How to Create PHP Website Template from Scratch.


http://www.1stwebdesigner.com/css/how-to-create-php-website-template/.
Access on 13 Mac 2014.

PHPMailer is a Full Feature Email Transfer Class for PHP


https://code.google.com/a/apache-extras.org/p/phpmailer/.
Access on 20 April 2014.

W3schools Online Web Tutorial.


http://www.w3schools.com/default.asp. Access on 04 April 2013

79

LAMPIRAN A

CARTA GANTT PSM 1

80

81

LAMPIRAN B

CARTA GANTT PSM 2

82

Vous aimerez peut-être aussi