Académique Documents
Professionnel Documents
Culture Documents
PENYELENGGARAAN DAN
PAMERAN KENDERAAN
(SPPK)
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
:
:
:
ii
PENGHARGAAN
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
iv
ABSTRACT
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
1
2
3
3
4
5
6
7
8
9
10
10
12
14
vi
2.5
2.6
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
25
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
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
14
3.1
29
4.1
39
4.2
39
5.1
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
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
27
32
33
34
35
36
37
38
40
41
41
41
42
42
43
44
45
47
47
4.19
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
49
50
51
53
54
57
59
61
63
63
64
65
68
70
xii
SENARAI SINGKATAN
SPPK
JKDM
VEMS
PHP
Hypertext Processor
HTML
XAMPP
ASP
API
CSS
MD5
Message Digest 5
XML
ERD
DFD
xiii
SENARAI LAMPIRAN
LAMPIRAN
TAJUK
HALAMAN
47
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.
2
1.2
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.
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.
ii.
iii.
iv.
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.
ii.
iii.
iv.
5
1.6
Kepentingan Projek
Sistem Penyelenggaraan dan Pameran Kenderaan (SPPK) dijangka akan
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.
6
1.7
Organisasi Laporan
Tesis ini terdiri daripada lima bab iaitu Pengenalan, Kajian Literatur,
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.
BAB 2
KAJIAN LITERATUR
2.1
Pendahuluan
Bab ini akan menerangkan mengenai kajian literatur yang berkaitan dengan
2.2
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.
9
2.3
i.
ii.
iii.
iv.
10
2.4
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
11
12
2.4.2
kenderaan
yang
sepatutnya,
menyimpan
maklumat
Dalam sistem Auto Maintenance Pro ini terdapat beberapa fungsi yang
diwujudkan untuk kegunaan pengguna. Antara fungsi-fungsi tersebut ialah:
i.
ii.
iii.
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.
14
2.4.3
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
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
i.
ii.
iii.
iv.
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
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
h= H (M)
18
i.
ii.
iii.
iv.
v.
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
21
metodologi Air Terjun versi Sashimi dan teknik yang dipraktikkan ialah Entity
Relationship Diagram (ERD).
3.2
berjujukan
bermula
dari
peringkat
awal
sehingga
ke
peringkat
22
3.3
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
23
3.3.1
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 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 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.
3.3.4
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 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 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
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:
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
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.
ii.
iii.
XAMPP
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
29
3.5.3
XAMPP
3.6
Justifikasi Perkakasan
Perkakasan yang digunakan untuk melaksanakan sistem bergantung kepada
Spesifikasi
Sistem Operasi
Windows XP ke atas,
MAC OS, dan Linux
CPU
RAM
512MB ke atas
Saiz Storan
30
3.7
Capaian Internet
100Mbps, Broadband
Peranti Input
Peranti Output
Pencetak, Monitor 20
Kesimpulan
Kesimpulannya, keseluruhan bab ini telah menjelaskan dengan terperinci
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
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.
4.3
33
4.3.1
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.
34
4.3.2
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.
36
4.3.3
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.
37
4.3.4
38
4.4
Analisa Keperluan
4.4.1
i.
ii.
iii.
iv.
Sistem ini perlu aktif dalam waktu bekerja, 8 pagi hingga 6 petang.
39
4.4.2
Organisasi
Sistem Keselamatan
data
pada sistem
Staf boleh
Sistem perlu sentiasa
bersedia dan ada
semasa waktu bekerja
menggunakan sistem
Kebolehpercayaan
sistem berfungsi
4.5
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.
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
syarikat
Field
Type
Comment
Id
int (3)
Primary Key
Username
varchar (20)
Password
varchar (32)
Lvl
varchar (1)
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
Field
Type
Comment
Id
int (3)
Primary key
kod
varchar (50)
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
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.13 menunjukkan pangkalan data Syarikat yang terdapat dalam sistem
Penyelenggaraan dan Pameran Kenderaan.
Field
Type
Comment
Id
int (3)
Primary key
Alamat
text
43
Rajah 4.14 adalah rajah Entity Relationship Model (ERD) atau model
hubungan antara entiti bagi sistem Penyelenggaraan dan Pameran Kenderaan yang
telah dibangunkan.
4.6
44
4.6.1
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.
ii.
ii
45
4.6.2
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
46
4.6.3
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
4.6.4
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.
48
4.6.5
i.
Butang CETAK
Butang
ini
berfungsi
untuk
mencetak
surat
pengesahan
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
iii
49
4.6.6
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
iii
50
4.6.7
51
4.6.8
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.
4.7
Kesimpulan
BAB 5
5.1
Pendahuluan
Dasa fasa implementasi, proses pembangunan sistem dijalankan secara
53
5.2
5.2.1
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.
54
5.2.2
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.
5.2.3
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> <a rel=facebox
href=action.php?selenggara=$id>
<input type=submit name=chselenggara value=\"Ya\"></a></font>";
$status = "<font color=red><b>Tidak</b> <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>
<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>
<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\">";
}
?>
5.2.4
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>";
?>
5.2.5
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>";
?>
62
5.2.6
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>
5.2.7
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.
64
5.3
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
Rajah 5.8 di bawah ini merupakan paparan laman utama bagi pihak pentadbir
(Admin) apabila log masuk disahkan oleh sistem.
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
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
66
KEPERLUAN
FUNGSI
ALIRAN PENGUJIAN
1. Mengisi maklumat
yang diperlukan ID
Pengguna dan Kata
laluan.
1.0
Log Masuk
2.0
Daftar Pengguna
Baru Sistem
3.0
Daftar Maklumat
Kenderaan
Hantar Kenderaan ke
4.0
Pameran.
Pameran atau
Penyelenggaraan
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
pameran atau
3. Masukkan maklumat
selenggara
Padam syarikat
8.0
pameran atau
selenggara
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.
1.
i.
1
Input/Tindakan
Masukkan ID Pengguna
Admin
Admin
Butang Sign In
Tekan.
Keputusan yang dijangka
Keputusan
69
ii.
1
Input/Tindakan
Masukkan ID Pengguna
Admin
123456
Butang Sign In
Tekan.
Keputusan yang dijangka
Keputusan
Pengujian
2
Input/Tindakan
Masukkan ID Pengguna
Masukkan Kata Laluan
Butang Sign In
Tekan.
Keputusan yang dijangka
Keputusan
70
2.
sama pada dua medan dan proses ini akan disahkan semasa butang Kemaskini
ditekan seperti Rajah 5.11
i.
1
Input/Tindakan
1234
0989
0989
Butang Kemaskini
Tekan.
Keputusan yang dijangka
Keputusan
71
ii.
1
Input/Tindakan
1234
0989
0999
Butang Kemaskini
Tekan.
Keputusan yang dijangka
Keputusan
Pengujian
2
Input/Tindakan
5642
0989
0989
Butang Kemaskini
Tekan.
Keputusan yang dijangka
Keputusan
72
5.5
Kesimpulan
BAB 6
6.1
Pendahuluan
Dalam bab cadangan dan kesimpulan, akan membincangkan secara terperinci
74
6.2
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.
ii.
iii.
iv.
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.
76
6.4
Kesimpulan
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
Untung Rahardja, Augury El Rayeb, Asep Saefullah (2009), Siapa Saja Bisa
Membuat Website dengan CSS dan HTML. Andi Yogyakarta.
78
Webpage:-
79
LAMPIRAN A
80
81
LAMPIRAN B
82