10 dari package tersebut dapat dilihat pada Gambar
13. Package admin digunakan
untuk mengelompokkan
kelas-kelas yang
berhubungan dengan
proses autentikasi
pengguna. Sedangkan
package polimatPackages.classes
digunakan untuk
mengelompokkan kelas-kelas
objek pada
sistem. Struktur package tersebut digunakan pada sistem yang menerapkan CRUD pattern
ataupun pada sistem yang tidak menerapkan CRUD pattern. Perbedaannya terdapat pada
komponen package polimatPackage.Pattern.
Gambar 13 Struktur package kelas DTO.
Gambar 14 Package kelas controller pada sistem yang menerapkan CRUD
pattern. Kelas controller dikelompokkan dalam
package polimatPackages.pattern. Untuk sistem yang menerapkan CRUD pattern, package ini
memiliki kelas CRUDInterface.java Gambar 14 di dalamnya, sedangkan untuk sistem yang
tidak menerapkan CRUD pattern tidak memiliki kelas tersebut Gambar 15 di dalamnya.
Gambar 15 Package kelas controller pada sistem yang tidak menerapkan
CRUD pattern. Pada sistem yang menerapkan CRUD
pattern, kelas pattern yang diimplementasikan dalam
sebuah class
interface akan
diimplementasi oleh kelas-kelas controller. Implementasi
dari CRUD
pattern ini
diperlihatkan pada Lampiran 9.
c. Implementasi Antarmuka
Sebagaimana telah
dijelaskan pada
perancangan antarmuka sebelumnya, bahwa sistem yang tidak menerapkan CRUD pattern
dan sistem yang menerapkan CRUD pattern memiliki antarmuka yang sama. Perancangan
tersebut diimplementasikan dalam halaman HTML dengan menggunakan Java Server Page
JSP
sebagai bahasa
pemrogrammannya. Dalam implementasinya antarmuka untuk setiap
objek dikelompokkan dalam folder-folder yang dinamai sesuai dengan nama objek masing-
masing. Struktur untuk folder-folder tersebut diperlihatkan
pada Gambar
16. Setiap
melakukan akses terhadap objek, halaman ini akan melakukan perintah pemanggilan objek
untuk mengirimkan proses yang akan dilakukan oleh controller. Misalkan untuk pemanggilan
objek pasal, maka perintah yang akan dilakukan adalah new PasalBean id_pasal, no_pasal,
no_ayat, isi_ayat, denda.
Implementasi dari rancangan antarmuka untuk pelanggar dan implementasi rancangan
antarmuka untuk administrator diperlihatkan pada Lampiran 10.
11 Gambar 16 Struktur folder antarmuka Server
Polimat.
Integrasi dan Pengujian Sistem
Integrasi dan pengujian Server Polimat dilakukan oleh programmer sistem tersebut.
Proses pengintegrasian
dilakukan dengan
menyediakan link-link untuk setiap bagian proses objek yang dapat dilakukan pada Server
Polimat. Link-link tersebut diimplementasikan ke dalam menu dalam bahasa HTML yang akan
menunjuk pada bagian dari sistem yang disebutkan pada nama menu tersebut, sehingga
akan mengantarkan pengguna pada bagian sistem yang sesuai setelah melakukan klik pada
menu tersebut. Program HTML untuk link-link tersebut diperlihatkan pada Lampiran 11.
Server Polimat juga menyediakan sarana pengintegrasian untuk subsitem Mobile dan
subsistem Security, sarana pengintegrasian ini disediakan dalam dua buah package yang
berbeda seperti diperlihatkan pada Gambar 17.
Subsistem Mobile dapat melakukan akses terhadap sistem melalui program servlet java
yang disediakan
dalam package
polimatPackage.mobileConnect. Package ini terdiri dari InputMobile.java yang digunakan
untuk melakukan input data penilangan melalui telpon genggam, historyCheck.java digunakan
untuk melihat data history pelanggaran yang pernah dilakukan oleh pelaku pelanggaran,
kendaraanCheck.java
digunakan untuk
melakukan pengecekan
data kendaraan
berdasarkan nomor polisi dari kendaraan tersebut, loginMobile.java digunakan untuk
melakukan proses login dari telpon genggam. Subsistem
security dapat
melakukan pengkodean melalui file yang disediakan pada
package polimatPackage.java. Pengujian pada kedua sistem Server Polimat
ini dilakukan menggunakan metode pengujian black box, dimana penguji melakukan proses
input terhadap modul-modul yang ada pada sistem yang kemudian melihat kesesuaian
output atau hasil yang diharapkan. Pengujian ini dilakukan dengan terlebih dahulu menetapkan
empat komponen pertimbangan pengujian yang meliputi deskripsi uji, kondisi awal sistem,
skenario uji serta hasil yang diharapkan. Deskripsi dan hasil uji untuk setiap modul pada
Server Polimat diperlihatkan pada Lampiran 12.
Gambar 17 Sarana pengintegrasian subsistem Mobile dan Security.
Operasi dan Pengelolaan
Operasi dan pengelolaan dilakukan saat sistem telah digunakan. Pada tahap ini
dilakukan pemeliharaan, perbaikan ataupun pengembangan sistem.
Analisis Perbandingan
Hasil analisis yang dilakukan terhadap dua buah sistem yang dibuat melibatkan pula para
partisipan yang
berpengalaman dalam
menerapkan design pattern melalui survey dengan menggunakan kuesioner. Kuesioner
yang dibuat adalah berbentuk esai, agar para partisipan dapat mengutarakan pendapat mereka
dengan lebih mudah. Kuesioner ini terdiri dari enam pertanyaan utama tentang design pattern,
pertanyaan nomor 1, 2, 3, 4 dan 6 dimaksudkan untuk
mengetahui pengalaman
atau pengetahuan responden tentang design pattern,
sedangkan pertanyaan nomor lima menyangkut keuntungan dan kerugian dari penerapan design
pattern yang didasarkan pada sumber tertentu, serta berdasarkan dari hasil penelitian penulis.
Pertanyaan nomor 5 ini terdiri dari 10 pertanyaan yang terdiri dari poin a sampai
dengan j. Setiap pertanyaan diawali dengan pertanyaan tentang keuntungan atau kerugian
dari penerapan design pattern secara umum, yang kemudian diikuti oleh pertanyaan tentang
penerapan CRUD pattern pada sistem yang penulis buat. Kuesioner penerapan design
pattern ini dapat dilihat pada Lampiran 13.
Analisis perbandingan yang dilakukan difokuskan
pada poin-poin
yang telah
ditetapkan sebelumnya. Poin-poin ini terdapat pada pertanyaan nomor 5 dalam kuesioner.
Berikut adalah poin-poin yang ditanyakan pada kuesioner tersebut:
1 Penerapan design pattern pada suatu sistem
dapat membantu meningkatkan komunikasi di antara para pengembang Reejusri dan
Venkatesh 2009.
12 2
Penerapan design pattern pada suatu sistem dapat memudahkan dalam memahami dan
mengetahui proses yang terjadi dalam suatu perangkat lunak secara umum tanpa harus
melihat kode program secara keseluruhan IBM 2001.
3 Penerapan design pattern pada suatu sistem
dapat memudahkan pengembang dalam melakukan proses pengkodean, sehingga
dapat mempercepat proses pengembangan sistem Wikipedia 2010.
4 Penerapan design pattern pada suatu sistem
dapat memungkinkan adanya penggunaan kembali reusability suatu fungsi dari suatu
perangkat lunak IBM 2001.
5 Penerapan design pattern pada suatu sistem
dapat mengakibatkan konsumsi memori yang lebih besar Reejusri dan Venkatesh
2009.
Rangkuman jawaban dari hasil survey terhadap lima orang partisipan untuk lima poin
pertanyaan diatas diperlihatkan pada Tabel 1, sedangkan
jawaban untuk
masing-masing partisipan dapat dilihat pada Lampiran 14. Baris
dari tabel menunjukkan pertanyaan pada kuesioner yang dikelompokkan dalam lima jenis
pertanyaan, sedangkan kolom pada tabel menunukkan
partisipan yang
melakukan pengisian kuesioner. Huruf dari tabel adalah
jawaban dari setiap partisipan. Berikut adalah keterangan dari jawaban tersebut:
Y = Menyatakan kesetujuan Ya. T = Menyatakan penyangkalan Tidak.
B = Menyatakan belum berpengalaman. R = Menyatakan kondisi ketergantungan.
D = Menyatakan Tidak dapat ditentukan. H = Menyatakan Ketidaktahuan.
Tabel 1 Rangkuman jawaban kuesioner
Responden 1
2 3
4 5
a b
c d
e f
g H i
j
Partisipan 1 Y Y Y T Y Y Y T
Y H
Partisipan 2 Y Y Y Y Y Y Y Y Y Y
Partisipan 3 Y Y Y D Y T Y Y T D
Partisipan 4 Y Y T Y Y Y Y T
T T
Partisipan 5 Y T Y Y Y B Y Y R T
1 Analisis Perbandingan dalam Peningkatan
Komunikasi Di antara Para Pengembang Berdasarkan hasil survey yang dilakukan
pada lima orang responden, secara umum semuanya sepakat dengan pernyataan pada
poin 1. Sedangkan untuk sistem yang menerapkan CRUD pattern empat dari lima
orang responden menyatakan setuju dengan pernyataan ini, sedangkan satu orang di
antaranya menyatakan tidak setuju. Sistem yang menerapkan CRUD pattern
memiliki sebuah kelas pattern berbentuk interface. Dengan melihat isi dari kelas
interface tersebut, serta use case diagram dan class diagram sistem, para pengembang
dapat mengetahui relasi dari setiap class sehingga dapat ditarik kesimpulan bahwa
setiap proses yang dilakukan pada sistem merupakan hasil implementasi dari kelas
interface yang memiliki method create, retrieve, update dan delete. Berdasarkan
informasi ini pengembang dapat mengetahui proses apa saja yang akan terjadi pada
sistem tersebut. Hal ini menunjukkan bahwa sistem yang menerapkan CRUD pattern
dapat membantu meningkatkan komunikasi di antara para pengembang.
Sistem yang tidak menerapkan CRUD pattern tidak memiliki kelas yang berfungsi
mempolakan proses yang umum terjadi pada sistem tersebut. Masing-masing kelas yang
berfungsi sebagai controller melakukan akses terhadap kelas objek secara mandiri,
sehingga untuk mengetahui proses yang terjadi
pada sistem
secara umum,
pengembang harus melihat isi dari masing- masing kelas controller tersebut. Hal ini
menunjukkan bahwa sistem yang tidak menerapkan
CRUD pattern
akan menyulitkan komunikasi di antara para
pengembang. 2
Analisis Perbandingan dalam Kemudahan Memahami dan Mengetahui Proses yang
Terjadi Secara
Umum dalam
Suatu Perangkat Lunak
Berdasarkan hasil survey yang dilakukan pada lima orang responden, secara umum
empat orang di antaranya setuju dengan pernyataan poin 2. Sedangkan satu orang
menyatakan tidak setuju karena menurut pendapatnya design pattern tidak ada
hubungannya dengan source code program. Sedangkan untuk sistem yang menerapkan
CRUD pattern satu orang menyatakan tidak setuju, sedangkan satu orang lagi memiliki
perbedaan
cara dalam
melakukan perancangan sistem sehingga tidak dapat
menentukan jawabannya. Analisis terhadap pernyataan ini
sebenarnya telah terjawab pada analisis untuk poin 1, yaitu dengan melihat class
CRUDInterface yang merupakan class pattern dari sistem yang menerapkan CRUD
13 pattern, ditambah class diagram sistem,
dapat kita ketahui bahwa implementasi yang dilakukan oleh setiap class controller
terhadap kelas
interface menunjukkan
bahwa setiap
kelas controller
akan melakukan proses override terhadap method
pada kelas
yang diimplementasinya,
sehingga ketika kelas interface memiliki method
tertentu, maka
kelas yang
melakukan implementasi terhadap kelas tersebut akan memiliki method yang sama
persis. Berdasarkan hal inilah dapat kita simpulkan bahwa penerapan CRUD pattern
pada suatu sistem dapat memudahkan kita dalam memahami dan mengetahui proses
yang terjadi dalam sistem tersebut secara umum, tanpa harus melihat kode program
secara keseluruhan. Sedangkan untuk sistem yang tidak menerapkan CRUD pattern, kita
perlu mengetahui masing-masing proses yang dilakukan oleh setiap kelas controller
untuk dapat mengetahui proses apa saja yang akan terjadi pada sistem.
3 Analisis Perbandingan dalam Kemudahan
Melakukan Proses
Pengkodean dan
Mempercepat Proses Pengembangan Sistem Berdasarkan hasil survey yang dilakukan
pada lima orang responden, secara umum menyatakan setuju dengan pernyataan poin
3. Sedangkan
untuk sistem
yang menerapkan CRUD pattern satu orang
menyatakan tidak berpengalaman dalam pengembangan sistem, sedangkan satu orang
lagi menyatakan ketidaksesuaian dalam menerapkan pengkodean dari kelas pattern
yang dibuat. Hal ini dikarenakan adanya perbedaan pada gaya pemrograman untuk
setiap programmer.
Pada sistem yang menerapkan CRUD pattern
sebagaimana telah
dijelaskan sebelumnya, memiliki satu kelas pattern
CRUDInterface yang merangkum method umum yang menggambarkan proses apa saja
yang akan terjadi pada sistem tersebut. Selain
manfaat yang
disebutkan sebelumnya, kelas tersebut berfungsi juga
sebagai patokan atau referensi dalam proses pengkodean. Suatu referensi berfungsi untuk
memberikan gambaran atau pemahaman secara umum ataupun mendetail dari hal
yang mengacu kepadanya. Pada sistem ini semua kelas controller mengacu pada kelas
pattern tersebut, sehingga untuk melakukan pengkodean dan pengembangan pada sistem
ini,
para pengembang
hanya perlu
melakukan implementasi terhadap kelas yang menjadi referensi kelas pattern. Hal
inilah yang menyebabkan mudahnya proses pengkodean
dan cepatnya
proses pengembangan pada sistem tersebut.
Sistem yang tidak menerapkan CRUD pattern tidak memiliki kelas yang menjadi
acuan untuk melakukan pengkodean ataupun pengembangan terhadap sistem tersebut,
sehingga para
pengembang perlu
mendefinisikan proses apa saja yang harus berjalan pada sistem untuk setiap kali terjadi
penambahan objek. Pendefinisian proses yang dilakukan pada setiap penambahan
objek baru inilah yang mengakibatkan proses pengkodean dan pengembangan pada
sistem yang tidak menerapkan CRUD pattern menjadi lebih lambat.
4 Analisis Perbandingan dalam Penggunaan
Kembali Reusability Suatu Fungsi dari Suatu Perangkat Lunak
Berdasarkan hasil survey yang dilakukan pada lima orang responden, secara umum
semuanya sepakat dengan pertanyaan pada poin ini. Sedangkan untuk sistem yang
menerapkan CRUD pattern tiga dari lima orang
setuju dengan
pernyataan 4,
sedangkan satu orang menyatakan bahwa hal ini lebih mengarah pada fleksibilitas dan
skalabilitas dari program, satu orang lagi menyatakan tidak setuju karena kelas
interface tidak berisi fungsi secara penuh, hanya nama fungsi dan argument.
Dengan menerapkan CRUD pattern memungkinkan adanya penggunaan kembali
reusability suatu
fungsi dari
suatu perangkat lunak. Kelas CRUDInterface pada
sistem yang menerapkan CRUD pattern merupakan kelas independen yang dapat
digunakan kembali untuk membuat sistem lainnya yang sama-sama melakukan proses
CRUD.
Pada sistem yang tidak menerapkan CRUD pattern tidak terdapat kelas yang
dapat digunakan secara umum mencakup semua objek, selain itu setiap kelas yang
berfungsi sebagai
controller hanya
melakukan proses terhadap satu objek saja. 5
Analisis Perbandingan dalam Konsumsi Memori yang Lebih Besar
Dari lima orang responden, secara umum dua orang menyatakan setuju dengan
pernyataan 5, dua di antaranya menyatakan bahwa hal itu tergantung dari jenis design
pattern yang
digunakan, satu
orang
14 menyatakan tidak setuju karena design
pattern adalah solusi terbaik untuk masalah tertentu
yang sering
terjadi dalam
pengembangan perangkat lunak. Sedangkan untuk sistem yang menerapkan CRUD
pattern hanya satu orang yang menyatakan setuju, satu orang menyatakan sistem tanpa
CRUD pattern akan menggunakan memori lebih banyak, satu orang yang lain
menyatakan tidak mengetahui akan hal tersebut, dua orang yang lain menyatakan
bahwa itu hanya dapat ditentukan melalui pengukuran.
Konsumsi memori pada sistem yang menerapkan CRUD pattern lebih besar dari
pada sistem yang tidak menerapkan CRUD pattern
dikarenakan adanya
penulisan format secara umum yang berfungsi untuk
menyimpan atau memproses setiap jenis data. Pada sistem ini terdapat kelas interface
yang dapat menyimpan dan melakukan proses terhadap semua variabel dan objek
yang terdapat pada sistem. Kelas ini digunakan oleh semua kelas controller yang
mengacu padanya, sehingga ketika kelas controller tertentu bekerja, maka sebagai
kelas hasil implementasi dari kelas interface, selain melakukan akses terhadap kelas DTO,
ia juga akan melakukan akses terhadap kelas interface yang diimplementasi olehnya,
proses inilah yang akan menambah jumlah konsumsi memori pada sistem tersebut.
Pada sistem yang tidak menerapkan CRUD pattern, proses yang terjadi pada
sistem yang dilakukan oleh controller hanya melibatkan kelas DTO saja, sehingga
memori yang digunakan akan lebih kecil dari memori yang digunakan pada sistem
yang menerapkan CRUD pattern.
KESIMPULAN DAN SARAN Kesimpulan
CRUD pattern
dalam server
sistem penilangan kendaraan bermotor telah berhasil
diterapkan. Beberapa
keuntungan dari
penerapan CRUD
pattern adalah
dapat membantu meningkatkan komunikasi di antara
para pengembang,
memudahkan dalam
memahami dan mengetahui proses yang terjadi dalam suatu perangkat lunak secara umum
tanpa harus melihat kode program secara keseluruhan, memudahkan pengembang dalam
melakukan proses pengkodean, sehingga dapat mempercepat proses pengembangan, serta
memungkinkan adanya penggunaan kembali reusability suatu fungsi dari sistem. Di sisi
lain kerugian dari penerapan CRUD pattern dalam Server Polimat adalah konsumsi memori
yang lebih besar dibandingkan dengan sistem yang tidak menerapkan CRUD pattern. Server
Polimat
juga telah
menyediakan sarana
pengintegrasian sistem dari tiga sub sistem penilangan kendaraan bermotor.
Saran
Perlu adanya pengukuran secara numerik terhadap penggunaan memori dari sistem yang
menerapkan CRUD pattern dan sistem yang tidak
menerapkan CRUD
pattern, agar
diketahui penggunaan memori dari kedua sistem dengan lebih akurat. Penerapan terhadap
database pattern lainnya diperlukan untuk menyempurnakan sistem tersebut.
DAFTAR PUSTAKA
Bagui S, Richard E. 2003. Database Design Using
Entity-Relationship Diagrams.
Florida: CRC Press Company. Bartalos, P., Bielikova, M. 2003. CRUD Pattern
Support for Semantic Web [Jurnal]. Slovakia:
Slovak University
of Technology in Bratislava.
Bell D. 2004. UML Basics: The Class Diagram. http:www.ibm.comdeveloperworksrat
ionallibrarycontentRationalEdgesep04 bell [18 Nov 2010].
Connolly TM, Begg CE. 2002. A practical Approach to Design, Implementation,
and Management. England: Addison Des Wesley.
Deitel HM. 2004. Java How to Program 6
th
Edition. New Jersey: Prentice Hall. Gamma E, Helm R, Johnson R, Vlissides J.
1995. Design Patterns: Elements of Reusable
Object-Oriented Software.
Addison-Wesley Publishing Company. Grand M. 2002. Java Enterprise Design
Patterns. New York: John Wiley Sons.
IBM. 2001.
Design Pattern.
http:www.research.ibm.comdesignpatt ernsexample.html
[17 Nov 2010]
. Pender TA. 2002. UML Weekend Crash
Course. New York: Wiley Publishing.
15 Pressman RS. 2001. Software Engineering: A
Practitioner’s Approach 5
th
Edition. Singapore: McGraw-Hill.
Reejusri, Venkatesh.
2009. What
are Advantages
and Disadvantages
of Design
Patterns. http:www.allinterview.comshowanswe
r35464.htm
[18 Nov 2010]
. Sommerville I. 2001. Software Engineering 6
th
Edition. England: Pearson Education. Wahab, H. 2007. Struts Framework dan J2EE
Pattern dalam Pengembangan Sistem Informasi Akademik IPB. [Skripsi].
Bogor: Departemen Ilmu Komputer, Fakultas
Matematika dan
Ilmu Pengetahuan Alam, Institut Pertanian
Bogor. Wikipedia. 2010. Design pattern computer
science. http:id.wikipedia.orgwikiDesign_patte
rn_computer_science [17 Nov 2010].
16
LAMPIRAN
17 Lampiran 1
Use case diagram Server Polimat
e xten
d exte
nd
18 Lampiran 2
Fungsi aplikasi Server Polimat Kode fungsi
Deskripsi [POLIMAT-001]
Mencetak slip penilangan [POLIMAT-002]
Melakukan autentikasi terhadap pengguna login [POLIMAT-003]
Melihat list data penilangan [POLIMAT-004]
Mencari data penilangan [POLIMAT-005]
Melihat detail data penilangan [POLIMAT-006]
Mencetak slip penilangan dari detail penilangan [POLIMAT-007]
Menambah data penilangan [POLIMAT-008]
Mengubah data penilangan [POLIMAT-009]
Menghapus data penilangan [POLIMAT-010]
Melihat list data warga [POLIMAT-011]
Mencari data warga [POLIMAT-012]
Melihat detail data warga [POLIMAT-013]
Menambah data warga [POLIMAT-014]
Mengubah data warga [POLIMAT-015]
Menghapus data warga [POLIMAT-016]
Melihat list data kendaraan [POLIMAT-017]
Mencari data kendaraan [POLIMAT-018]
Melihat detail data kendaraan [POLIMAT-019]
Menambah data kendaraan [POLIMAT-020]
Mengubah data kendaraan [POLIMAT-021]
Menghapus data kendaraan [POLIMAT-022]
Melihat list data pasal [POLIMAT-023]
Mencari data pasal [POLIMAT-024]
Melihat detail data pasal [POLIMAT-025]
Menambah data pasal [POLIMAT-026]
Mengubah data pasal [POLIMAT-027]
Menghapus data pasal [POLIMAT-028]
Melihat list data polisi [POLIMAT-029]
Mencari data polisi [POLIMAT-030]
Melihat detail data polisi [POLIMAT-031]
Menambah data polisi [POLIMAT-032]
Mengubah data polisi [POLIMAT-033]
Menghapus data polisi [POLIMAT-034]
Melihat list data slip biru
19 Lampiran 2 Lanjutan
Kode fungsi Deskripsi
[POLIMAT-035] Mencari data slip biru
[POLIMAT-036] Melihat detail data slip biru
[POLIMAT-037] Menambah data slip biru
[POLIMAT-038] Mengubah data slip biru
[POLIMAT-039] Menghapus data slip biru
[POLIMAT-040] Melihat list data slip merah
[POLIMAT-041] Mencari data slip merah
[POLIMAT-042] Melihat detail data slip merah
[POLIMAT-043] Menambah data slip merah
[POLIMAT-044] Mengubah data slip merah
[POLIMAT-045] Menghapus data slip merah
[POLIMAT-046] Melihat list data lokasi
[POLIMAT-047] Mencari data lokasi
[POLIMAT-048] Melihat detail data lokasi
[POLIMAT-049] Menambah data lokasi
[POLIMAT-050] Mengubah data lokasi
[POLIMAT-051] Menghapus data lokasi
[POLIMAT-052] Melihat list data user akses
[POLIMAT-053] Mencari data user akses
[POLIMAT-054] Melihat detail data user akses
[POLIMAT-055] Menambah data user akses
[POLIMAT-056] Mengubah data user akses
[POLIMAT-057] Menghapus data user akses
[POLIMAT-058] Penghapusan data session pengguna logout
20 Lampiran 3
Karakteristik pengguna Kategori Pengguna
Hak akses ke aplikasi Keterangan
Super Administrator [POLIMAT-001], [POLIMAT-002], [POLIMAT-003],
[POLIMAT-004], [POLIMAT-005], [POLIMAT-006], [POLIMAT-007], [POLIMAT-008], [POLIMAT-009],
[POLIMAT-010], [POLIMAT-011], [POLIMAT-012], [POLIMAT-013], [POLIMAT-014], [POLIMAT-015],
[POLIMAT-016], [POLIMAT-017], [POLIMAT-018], [POLIMAT-019], [POLIMAT-020], [POLIMAT-021],
[POLIMAT-022], [POLIMAT-023], [POLIMAT-024], [POLIMAT-025], [POLIMAT-026], [POLIMAT-027],
[POLIMAT-028], [POLIMAT-029], [POLIMAT-030], [POLIMAT-031], [POLIMAT-032], [POLIMAT-033],
[POLIMAT-034], [POLIMAT-035], [POLIMAT-036], [POLIMAT-037], [POLIMAT-038], [POLIMAT-039],
[POLIMAT-040], [POLIMAT-041], [POLIMAT-042], [POLIMAT-043], [POLIMAT-044], [POLIMAT-045],
[POLIMAT-046], [POLIMAT-047], [POLIMAT-048], [POLIMAT-049], [POLIMAT-050], [POLIMAT-051],
[POLIMAT-052], [POLIMAT-053], [POLIMAT-054], [POLIMAT-055], [POLIMAT-056], [POLIMAT-057],
[POLIMAT-058] Super
Administrator dapat melihat
dan melakukan manajemen
terhadap semua data pada Server
Polimat
Administrator [POLIMAT-001], [POLIMAT-002], [POLIMAT-003],
[POLIMAT-004], [POLIMAT-005], [POLIMAT-006], [POLIMAT-007], [POLIMAT-008], [POLIMAT-009],
[POLIMAT-010], [POLIMAT-011], [POLIMAT-012], [POLIMAT-013], [POLIMAT-014], [POLIMAT-015],
[POLIMAT-016], [POLIMAT-017], [POLIMAT-018], [POLIMAT-019], [POLIMAT-020], [POLIMAT-021],
[POLIMAT-022], [POLIMAT-023], [POLIMAT-024], [POLIMAT-025], [POLIMAT-026], [POLIMAT-027],
[POLIMAT-028], [POLIMAT-029], [POLIMAT-030], [POLIMAT-031], [POLIMAT-032], [POLIMAT-033],
[POLIMAT-034], [POLIMAT-035], [POLIMAT-036], [POLIMAT-037], [POLIMAT-038], [POLIMAT-039],
[POLIMAT-040], [POLIMAT-041], [POLIMAT-042], [POLIMAT-043], [POLIMAT-044], [POLIMAT-045],
[POLIMAT-046], [POLIMAT-047], [POLIMAT-048], [POLIMAT-049], [POLIMAT-050], [POLIMAT-051],
[POLIMAT-058] Administrator
dapat melihat dan melakukan
manajemen terhadap semua
data POLIMAT kecuali data
user akses.
Operator [POLIMAT-001], [POLIMAT-002], [POLIMAT-003],
[POLIMAT-004], [POLIMAT-005], [POLIMAT-006], [POLIMAT-007], [POLIMAT-008], [POLIMAT-009],
[POLIMAT-010], [POLIMAT-011], [POLIMAT-012], [POLIMAT-013], [POLIMAT-014], [POLIMAT-015],
[POLIMAT-016], [POLIMAT-017], [POLIMAT-018], [POLIMAT-019], [POLIMAT-020], [POLIMAT-021],
[POLIMAT-022], [POLIMAT-023], [POLIMAT-024], [POLIMAT-025], [POLIMAT-026], [POLIMAT-027],
[POLIMAT-028], [POLIMAT-029], [POLIMAT-030], [POLIMAT-031], [POLIMAT-032], [POLIMAT-033],
[POLIMAT-046], [POLIMAT-047], [POLIMAT-048], [POLIMAT-049], [POLIMAT-050], [POLIMAT-051],
[POLIMAT-058] Operator hanya
dapat melakukan
manajemen terhadap data
penilangan, warga,
kendaraan, pasal, polisi dan
lokasi, serta melakukan
pencetakan slip
21 Lampiran 3 Lanjutan
Kategori Pengguna Hak akses ke aplikasi
Keterangan Warga
[POLIMAT-001] Warga user
hanya dapat melakukan
pencetakan slip penilangan
berdasarkan nomor tilang
tertentu
22 Lampiran 4 ERD Server Polimat
23 Lampiran 5
Skema database Server Polimat T_warga
sin nama jalan rt Rw desa_kelurahan kecamatan kab_kota provinsi Kodepos tempatlahir tanggallahir Jeniskelamin golongandarah agama profesi Pendidikan
T_polisi Nrp
sin pangkat
jabatan satuan
T_kendaraan nopolisi Sin jenis_model jumlahroda merk_type norangka nomesin Nobpkb
tahunpembuatan tahunperakitan isisilinder_hp warnakb warnatnkb bahanbakar T_pelanggaran
notilang Sin nopolisi nrp kodeslip jeniskendaraan barangbukti Tanggalpelanggaran
waktupelanggaran areapelanggaran lokasipelanggaran status T_slip T_slipbiru
kodeslip jenisslip
T_slipmerah notilang
tanggalsidang Jam
subsidar biayaperkara
leges lokasisita
T_poinpelanggaran notilang
id_pasal Keterangan
denda T_pasal
id_pasal no_pasal
no_ayat isi_ayat
denda T_area
kode_area nama_area
T_lokasi kode_lokasi
kode_area nama_lokasi
T_userakses id_user
username Password
keyword user_level
user_akses T_wordlist
Word notilang
alamatbank
24 Lampiran 6
Class diagram Server Polimat a.
Class diagram DTO
25 Lampiran 6
Lanjutan b.
Class diagram sistem tanpa CRUD pattern
c. Class diagram sistem dengan penerapan CRUD pattern
26 Lampiran 7
Sequence diagram Server Polimat 1.
Fungsi autentikasi
Pengguna melakukan input username dan password sebagai autentikasi ke dalam LoginForm, Login akan melakukan validasi username dan password yang dimasukkan oleh administrator dengan
melakukan perbandingan antara data input yang dimasukkan pengguna dengan data pada database melalui UserBeanImplement. Jika username dan password yang dimasukkan oleh administrator
sesuai dengan data yang ada pada database success, maka administrator akan diberikan halaman success.jsp, sedangkan jika tidak sesuai unsuccess maka administrator akan dikembalikan ke
halaman index.jsp.
27 Lampiran 7 Lanjutan
2. Fungsi retrieve dan search pelanggaran
Untuk melihat list data penilangan, administrator harus meng-klik link pelanggaran, kemudian PelanggaranBeanImplement akan melakukan perintah retrieve untuk menampilkan seluruh data
pelanggaran. WargaBeanImplement akan melakukan retrieve nama pelanggar berdasarkan pada sin yang diperoleh dari PelanggaranBean. List pelanggaran kemudian dikirimkan pada halaman
r_pelanggaran.jsp.
Untuk melakukan pencarian data penilangan, administrator melakukan input key pada form pencarian
di halaman
r_pelanggaran.jsp kemudian
menekan tombol
Cari. PelanggaranBeanImplement akan melakukan perintah retrieveSearchkey berdasarkan key yang
dimasukkan oleh administrator untuk menampilkan data pelanggaran yang sesuai dengan key tersebut. WargaBeanImplement akan melakukan retrieve nama pelanggar berdasarkan pada sin yang diperoleh
dari PelanggaranBean. List hasil pencarian pada data pelanggaran kemudian dikirimkan pada halaman s_pelanggaran.jsp.
28 Lampiran 7 Lanjutan
3. Fungsi input pelanggaran
Administrator melakukan input data pelanggaran baru pada form pelanggaran, kemudian menekan tombol SIMPAN. PelanggaranBeanImplement akan melakukan input dalam tiga tahapan
setelah administrator menekan tombol SIMPAN, yaitu: 1.
Input data pelanggaran. Jika input data pelanggaran berjalan dengan baik maka akan dilanjutkan pada input data poin pelanggaran, tapi jika ada data yang tidak sesuai atau ada data
kosong, maka akan muncul jendela peringatan pada sistem, kemudian dikembalikan ke halaman form input pelanggaran.
2. Input data poin pelanggaran. Jika input data poin pelanggaran berjalan dengan baik maka akan
dilanjutkan pada input data slip, tapi jika ada data yang tidak sesuai atau ada data kosong, maka akan muncul jendela peringatan pada sistem, kemudian sistem dikembalikan ke halaman form
input pelanggaran, dengan menghapus data sebelumnya.
3. Input data slip berdasarkan kode slip yang dimasukkan. SlipBeanImplement akan melakukan
proses input berdasarkan jenis slip yang digunakan. Jika input data slip berjalan dengan baik maka proses input telah selesai, kemudian administrator diberikan halaman r_pelanggaran.jsp,
tapi jika ada data yang tidak sesuai atau ada data kosong, maka akan muncul jendela peringatan pada sistem, kemudian dikembalikan ke halaman c_pelanggaran.jsp dan melakukan delete
terhadap data sebelumnya.
Proses input pelanggaran akan melakukan generate terhadap nomor tilang untuk pelanggaran tersebut yang akan ditampilkan dalam bentuk jendela alert saat input selesai diproses. Generate
nomor tilang tersebut didasarkan pada lokasi, tanggal, dan waktu saat data pelanggaran dimasukkan.
29 Lampiran 7 Lanjutan
4. Fungsi update pelanggaran
Administrator memilih data pelanggaran yang akan dirubah dari list data pelanggaran, kemudian melakukan update terhadap data pelanggaran tersebut, kemudian menekan tombol UBAH.
PelanggaranBeanImplement akan melakukan update dalam tiga tahapan setelah administrator menekan tombol UBAH, yaitu:
1. Update data pelanggaran. Jika update data pelanggaran berjalan dengan baik maka akan
dilanjutkan pada delete dan input untuk data poin pelanggaran, tapi jika ada data yang tidak sesuai atau ada data kosong, maka akan muncul jendela peringatan pada sistem, kemudian dikembalikan
ke halaman form update pelanggaran.
2. Update data poin pelanggaran. Jika proses delete dan input data poin pelanggaran berjalan dengan
baik maka akan dilanjutkan pada proses delete dan input untuk data slip, tapi jika ada data yang tidak sesuai atau ada data kosong, maka akan muncul jendela peringatan pada sistem, kemudian
sistem dikembalikan ke halaman form update pelanggaran.
3. Update data slip berdasarkan kode slip yang di masukkan. SlipBeanImplement akan melakukan
proses delete dan input berdasarkan jenis slip yang digunakan. Jika proses delete dan input pada data slip berjalan dengan baik maka proses update telah selesai dan pengguna diberikan halaman
r_pelanggaran.jsp, tapi jika ada data yang tidak sesuai atau ada data kosong, maka akan muncul jendela peringatan pada sistem, kemudian dikembalikan ke halaman form update.
30 Lampiran 7 Lanjutan
5. Fungsi delete pelanggaran
Administrator memilih data pelanggaran yang akan dihapus dari list data pelanggaran, kemudian menekan tombol Hapus. PelanggaranBeanImplement akan melakukan proses delete dalam
tiga tahapan setelah administrator menekan tombol Hapus, yaitu: 1.
Delete data pelanggaran. Jika delete data pelanggaran berjalan dengan baik maka akan dilanjutkan pada delete untuk data poin pelanggaran, tapi jika gagal maka akan muncul jendela peringatan
pada sistem, kemudian dikembalikan ke halaman sebelumnya.
2. Delete data poin pelanggaran. Jika proses delete data poin pelanggaran berjalan dengan baik maka
akan dilanjutkan pada proses delete untuk data slip, tapi jika gagal maka akan muncul jendela peringatan pada sistem, kemudian sistem dikembalikan ke halaman sebelumnya.
3. Delete data slip. SlipBeanImplement akan melakukan proses delete berdasarkan jenis slip yang
digunakan. Jika proses delete data slip berjalan dengan baik maka proses delete telah selesai dan pengguna diberikan halaman r_pelanggaran.jsp, tapi jika gagal maka akan muncul jendela
peringatan pada sistem, kemudian dikembalikan ke halaman sebelumnya.
Controller: PelanggaranBeanImplement Pelanggaran: PelanggaranBean
PoinPelanggaran: PoinPelanggaranBean Pilih pelanggaran yang
akan dihapus dari list pelanggaran kemudian
tekan link “Hapus” getNotilang
Forward ke r_pelanggaran.jsp
SlipBiru: SlipBiruBean Administrator
SlipMerah: SlipMerahBean
[kodeSlip=001] [kodeSlip=002]
SlipBeanImplement
alt deletenotilang
deletenotilang
failed succes
Alert “Gagal” deletenotilang
deletenotilang notilang
[ If failed alert “Gagal” ] [ If failed alert “Gagal” ]
status status
deletenotilang Administrator
31 Lampiran 8
Implementasi database Nama
Tipe Primary key
Deskripsi T_warga
Tabel sin
Berisi data warga T_polisi
Tabel nrp
Menyimpan data petugas kepolisian T_kendaraan
Tabel nopolisi
Menyimpan data kendaraan T_slip
Tabel Kodeslip
Berisi data dari slip penilangan yang berlaku di Bogor
T_slipbiru Tabel
notilang Menyimpan data penilangan yang
termasuk dalam kategori slip biru T_slipmerah
Tabel notilang
Menyimpan data penilangan dengan kategori slip merah
T_pelanggaran Tabel
notilang Digunakan untuk menyimpan data
pelanggaran T_poinpelanggaran
Tabel Notilang,
id_pasal Menyimpan data dari poin-poin
yang dilanggar dari suatu pelanggaran lalu lintas
T_pasal Tabel
Id_pasal Berisi data pasal-pasal lalu lintas
yang biasa digunakan dalam proses penilangan
T_area Tabel
kode_area Berisi data area di wilayah tertentu
T_lokasi Tabel
kode_lokasi Berisi data lokasi berdasarkan area
tertentu T_userakses
Tabel Id_user
Berisi data pengguna sistem, yang akan membatasi dan membedakan
hak akses untuk setiap pengguna
T_wordlist Tabel
- Berisi kata-kata yang digunakan
sebagai tambahan keamanan dalam autentikasi penggunaan user akses
32 Lampiran 9 Implementasi CRUD pattern
public interface CRUDInterfaceBusinessObject { public void createBusinessObject theObject
throws SQLException; public PreparedStatement retrievethrows SQLException;
public BusinessObject retrieveString key, boolean forUpdatethrows SQLException;
public PreparedStatement retrieveSearchString keythrows SQLException;
public PreparedStatement retrieveString keythrows SQLException;
public void updateBusinessObject theObject throwsSQLException;
public void deleteString idthrows SQLException; }
33 Lampiran 10
Implementasi antarmuka Server Polimat 1.
Implementasi antarmuka pelanggar
2. Implementasi antarmuka administrator
34 Lampiran 11 Program HTML untuk menu Server Polimat
35 Lampiran 12 Dokumen uji aplikasi Server Polimat
1. Deskripsi dan hasil uji untuk fungsi cetak slip penilangan
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Memeriksa proses
pencetakan slip penilangan berdasarkan
nomor tilang tertentu Halaman
user atau halaman
pencetak an slip
Pengguna memasukkan nomor
tilang yang sesuai kemudian meng-klik
tombol ‘Cetak’ Muncul keterangan
diterima dan tombol ‘Cetak’ aktif.
Laporan ditampilkan dalam format PDF
OK
Pengguna memasukkan nomor
tilang yang tidak sesuai
Muncul keterangan bahwa nomor tilang
tidak sesuai dan tombol ‘Cetak’ tidak
aktif OK
2. Deskripsi dan hasil uji fungsi autentikasi
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Memeriksa proses
autentikasi berdasarkan
username dan password pada
database Halaman
user Pengguna memasukkan
username dan password yang sesuai
kemudian mengklik tombol ‘login’
Pengguna memasuki halaman
menu utama OK
Pengguna memasukkan username dan
password yang tidak sesuai kemudian
mengklik tombol ‘login’
Muncul pesan berbentuk ‘alert’
yang menyatakan username dan
password tidak ditemukan
kemudian pengguna
dikembalikan ke halaman user
OK
36 Lampiran 12 Lanjutan
3. Deskripsi dan hasil uji fungsi autentikasi untuk setiap pengguna
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Memeriksa hasil
autentikasi untuk super administrator
yang hanya dapat melakukan akses
terhadap halaman bagi super
administrator halaman
menu utama
Super administrator melakukan akses
meng-klik satu per satu terhadap semua
link yang terdapat pada sistem serta melakukan
proses pencarian, input update dan delete.
Semua halaman dan fungsi dapat
diakses oleh super administrator
OK
2 Memeriksa hasil
autentikasi untuk administrator yang
hanya dapat melakukan akses
terhadap halaman bagi administrator
halaman menu
utama Administrator
melakukan akses meng-klik satu per
satu terhadap semua link yang terdapat pada
sistem serta melakukan proses pencarian, input
update dan delete. Semua halaman dan
fungsi dapat diakses kecuali saat
meng-klik halaman manajemen
pengguna akan muncul pesan yang
menyatakan bahwa tidak ada hak untuk
akses halaman tersebut. Kemudian
dikembalikan ke halaman login
OK
3 Memeriksa hasil
autentikasi untuk operator yang hanya
dapat melakukan akses terhadap
halaman operator halaman
menu utama
Operator melakukan akses meng-klik satu
per satu terhadap semua link yang
terdapat pada sistem serta melakukan proses
pencarian, input update dan delete.
Semua halaman dan fungsi dapat
diakses kecuali halaman untuk
manajemen pengguna,
manajemen slip biru dan
manajemen slip merah.
OK
4 Memeriksa hasil
autentikasi untuk warga yang hanya
dapat mengakses halaman pencetakan
slip Halaman
user Warga mengakses
halaman user akses dan melakukan pencetakan
slip dengan nomor tilang tertentu
Warga dapat memasuki halaman
user dan dapat melakukan
pencetakan slip tetapi tidak dapat
memasuki halaman manajemen data
karena dibatasi oleh proses autentikasi
OK
37 Lampiran 12 Lanjutan
4. Deskripsi dan hasil uji seluruh fungsi untuk modul penilangan
4.1 Deskripsi dan hasil uji fungsi menu manajemen penilangan
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Menampilkan
halaman penilangan Halaman
menu utama
Pengguna meng-klik menu ‘Manajemen
Penilangan’ Masuk ke halaman
manajemen penilangan yang
menampilkan list data penilangan
OK
4.2 Deskripsi dan hasil uji fungsi pencarian data penilangan
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Menampilkan list
data pelanggaran hasil pencarian
Halaman penilang-
an Pengguna memasukkan
parameter pencarian yang sesuai pada form
pencarian di halaman penilangan dan meng-
klik tombol ‘Cari’ Ditampilkan hasil
pencarian sesuai dengan parameter
pencarian OK
Pengguna memasukkan parameter pencarian
yang tidak sesuai pada form pencarian di
halaman penilangan dan meng-klik tombol
‘Cari’ Hasil pencarian
tidak ditampilkan, karena tidak ada
data yang sesuai OK
38 Lampiran 12 Lanjutan
4.3 Deskripsi dan hasil uji fungsi menambah data penilangan
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Menampilkan form
penambahan data penilangan
Halaman penilang-
an Pengguna meng-klik
menu ‘Input Pelanggaran’
Ditampilkan form untuk menambah
data pelanggaran OK
2 Melakukan validasi
terhadap beberapa input yang
dimasukkan oleh pengguna
Halaman form
input data
penilang- an
Pengguna memasukkan
parameter yang tidak sesuai
Muncul peringatan bahwa parameter
tersebut tidak sesuai
OK
Pengguna memasukkan
parameter yang sesuai Muncul keterangan
bahwa parameter diterima
OK
Pengguna mengosongkan
beberapa baris form Muncul keterangan
bahwa semua data harus diisi
3 Memunculkan form
slip sesuai dengan jenis slip yang dipilih
Halaman form
input data
penilang- an
Pengguna memilih jenis slip pada field
jenis slip kemudian menekan tombol
‘enter’ pada keyboard Ditampilkan
tambahan form sesuai dengan jenis
slip yang dipilih dan diletakkan pada
bagian bawah form awal
OK
4 Menambah baris
form utuk pasal yang dilanggar
Halaman form
input data
penilang- an
Pengguna meng-klik link tambah baris pada
fieldset pasal pelanggaran
Ditampilkan baris pasal yang baru di
bawah baris pasal sebelumnya
OK
5 Memeriksa hasil
terhadap input data pelanggaran
Halaman form
input data
penilang- an
Pengguna meng-klik tombol ‘Simpan’
Ditampilkan pesan bahwa data
pelanggaran berhasil disimpan
OK
Pengguna meng-klik link ‘Display Data’
Kembali ke halaman penilangan
OK 6
Memeriksa hasil terhadap input data
pelanggaran jika akses ke database
error Halaman
form input
data penilang-
an Pengguna meng-klik
tombol ‘Simpan’ Menampilkan
pesan bahwa akses terhadap database
error OK
39 Lampiran 12 Lanjutan
4.4 Deskripsi dan hasil uji fungsi melihat detail dan mengubah data penilangan
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Menampilkan data
secara detail dari baris data yang
dipilih pada halaman penilangan atau hasil
pencarian Halaman
penilang- an
Pengguna meng-klik link ‘View’
Menampilkan halaman detail
sekaligus form ubah data dari baris data
pelanggaran yang dipilih
OK
2 Memeriksa hasil
terhadap perubahan data pelanggaran
Halaman detail
dan form ubah
data Pengguna melakukan
modifikasi dan meng- klik tombol ‘Ubah’
Menampilkan pesan bahwa perubahan
telah berhasil dilakukan
OK
Pengguna mengosongkan
beberapa baris form dan meng-klik tombol
‘Ubah’ Menampilkan
keterangan bahwa semua data harus
diisi OK
3 Memeriksa hasil dari
link yang menuju kembali ke halaman
penilangan Halaman
detail dan form
ubah data
Pengguna meng-klik link ‘Kembali’
Menampilkan halaman penilangan
OK
4 Memeriksa hasil dari
link yang menuju kembali ke halaman
input data penilangan Halaman
detail dan form
ubah data
Pengguna meng-klik link ‘Input Data’
Menampilkan halaman form input
data penilangan OK
5 Memeriksa hasil dari
perintah menghapus data yang sedang
dilihat Halaman
detail dan form
ubah data
Pengguna meng-klik link ‘Hapus’
Menampilkan pesan verifikasi yang
menanyakan apakah anda yakin
ingin menghapus data
OK
6 Memeriksa hasil aksi
terhadap pesan verifikasi
Pesan verifikasi
hapus data
Pengguna meng-klik link ‘Ok’
Menampilkan pesan bahwa data berhasil
di hapus OK
Pengguna meng-klik link ‘Batal’
Mengembalikan ke halaman detail dan
form ubah data tanpa melakukan
proses hapus OK
40 Lampiran 12 Lanjutan
4.5 Deskripsi dan hasil uji fungsi menghapus data penilangan
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Memeriksa hasil dari
perintah menghapus data pada halaman
detail dan ubah dan pada halaman
penilangan Halaman
detail dan form
ubah data atau
halaman penilang-
an Pengguna meng-klik
link ‘Hapus’ Menampilkan pesan
verifikasi yang menanyakan
apakah anda yakin ingin menghapus
data OK
2 Memeriksa hasil aksi
terhadap pesan verifikasi
Pesan verifikasi
hapus data
Pengguna meng-klik tombol ‘Ok’
Menampilkan pesan bahwa data berhasil
di hapus OK
Pengguna meng-klik tombol ‘Batal’
Mengembalikan ke halaman
sebelumnya tanpa melakukan proses
hapus OK
5. Deskripsi dan hasil uji seluruh fungsi untuk modul warga
5.1 Deskripsi dan hasil uji fungsi menu manajemen warga
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Menampilkan
halaman manajemen warga
Halaman menu
utama Pengguna meng-klik
menu ‘Manajemen Warga’
Masuk ke halaman manajemen warga
yang menampilkan list data warga
OK
41 Lampiran 12 Lanjutan
5.2 Deskripsi dan hasil uji fungsi pencarian data warga
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Menampilkan list data
warga hasil pencarian Halaman
warga Pengguna memasukkan
parameter pencarian yang sesuai pada form
pencarian di halaman warga dan meng-klik
tombol ‘Cari’ Ditampilkan hasil
pencarian sesuai dengan parameter
pencarian OK
Pengguna memasukkan parameter pencarian
yang tidak sesuai pada form pencarian di
halaman warga dan meng-klik tombol
‘Cari’ Hasil pencarian
tidak ditampilkan karena tidak ada
data yang sesuai OK
42 Lampiran 12 Lanjutan
5.3 Deskripsi dan hasil uji fungsi menambah data warga
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Menampilkan form
penambahan data warga
Halaman warga
Pengguna meng-klik menu ‘Input Warga’
Ditampilkan form untuk menambah
data warga OK
2 Melakukan validasi
terhadap beberapa input yang
dimasukkan oleh pengguna
Halaman form
input data
warga Pengguna memasukkan
parameter yang tidak sesuai
Muncul peringatan bahwa parameter
tersebut tidak sesuai
OK
Pengguna memasukkan parameter yang sesuai
Muncul keterangan bahwa parameter
diterima OK
Pengguna mengosongkan
beberapa baris form Muncul keterangan
bahwa semua data harus diisi
OK
5 Memeriksa hasil
terhadap input data pelanggaran
Halaman form
input data
warga Pengguna meng-klik
tombol ‘Simpan’ Ditampilkan pesan
bahwa data warga berhasil disimpan
OK
Pengguna meng-klik link ‘Display Data’
Kembali ke halaman warga
OK 6
Memeriksa hasil terhadap input data
warga jika akses ke database error
Halaman form
input data
warga Pengguna meng-klik
tombol ‘Simpan’ Menampilkan
pesan bahwa akses terhadap database
error OK
43 Lampiran 12 Lanjutan
5.4 Deskripsi dan hasil uji fungsi melihat detail dan mengubah data warga
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Menampilkan data
secara detail dari baris data yang dipilih pada
halaman warga atau hasil pencarian
Halaman warga
Pengguna meng-klik link ‘View’
Menampilkan halaman detail
sekaligus form ubah data dari baris data
warga yang dipilih OK
2 Memeriksa hasil
terhadap perubahan data warga
Halaman detail
dan form ubah
data warga
Pengguna melakukan modifikasi dan meng-
klik tombol ‘Ubah’ Menampilkan pesan
bahwa perubahan telah berhasil
dilakukan OK
Pengguna mengosongkan
beberapa baris form dan meng-klik tombol
‘Ubah’ Menampilkan
keterangan bahwa semua data harus
diisi OK
3 Memeriksa hasil dari
link yang menuju kembali ke halaman
warga Halaman
detail dan form
ubah data
warga Pengguna meng-klik
link ‘Kembali’ Menampilkan
halaman warga OK
4 Memeriksa hasil dari
link yang menuju kembali ke halaman
input data warga Halaman
detail dan form
ubah data
warga Pengguna meng-klik
link ‘Input Data’ Menampilkan
halaman form input data warga
OK
5 Memeriksa hasil dari
perintah menghapus data yang sedang
dilihat Halaman
detail dan form
ubah data
warga Pengguna meng-klik
link ‘Hapus’ Menampilkan pesan
verifikasi yang menanyakan
apakah anda yakin ingin menghapus
data OK
6 Memeriksa hasil aksi
terhadap pesan verifikasi
Pesan verifikasi
hapus data
warga Pengguna meng-klik
link ‘Ok’ Menampilkan pesan
bahwa data berhasil di hapus
OK
Pengguna meng-klik link ‘Batal’
Mengembalikan ke halaman detail dan
form ubah data tanpa melakukan
proses hapus OK
44 Lampiran 12 Lanjutan
5.5 Deskripsi dan hasil uji fungsi menghapus data warga
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Memeriksa hasil dari
perintah menghapus data pada halaman
detail dan ubah dan pada halaman warga
Halaman detail
dan form ubah
data atau halaman
warga Pengguna meng-klik
link ‘Hapus’ Menampilkan pesan
verifikasi yang menanyakan apakah
anda yakin ingin menghapus data
OK
2 Memeriksa hasil aksi
terhadap pesan verifikasi
Pesan verifikasi
hapus data
Pengguna meng-klik tombol ‘Ok’
Menampilkan pesan bahwa data berhasil
di hapus OK
Pengguna meng-klik tombol ‘Batal’
Mengembalikan ke halaman
sebelumnya tanpa melakukan proses
hapus OK
6. Deskripsi dan hasil uji seluruh fungsi untuk modul kendaraan
6.1 Deskripsi dan hasil uji fungsi menu manajemen kendaraan
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Menampilkan halaman
manajemen kendaraan Halaman
menu utama
Pengguna meng-klik menu ‘Manajemen
Kendaraan’ Masuk ke halaman
manajemen kendaraan yang
menampilkan list data kendaraan
OK
45 Lampiran 12 Lanjutan
6.2 Deskripsi dan hasil uji fungsi pencarian data kendaraan
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Menampilkan list data
kendaraan hasil pencarian
Halaman kendaraan
Pengguna memasukkan
parameter pencarian pada form pencarian
di halaman kendaraan dan meng-klik
tombol ‘Cari’ Ditampilkan hasil
pencarian sesuai dengan parameter
pencarian OK
Pengguna memasukkan
parameter pencarian yang tidak sesuai
pada form pencarian di halaman kendaraan
dan meng-klik tombol ‘Cari’
Hasil pencarian tidak ditampilkan karena
tidak ada data yang sesuai
OK
46 Lampiran 12 Lanjutan
6.3 Deskripsi dan hasil uji fungsi menambah data kendaraan
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Menampilkan form
penambahan data kendaraan
Halaman kendaraan
Pengguna meng-klik menu ‘Input
Kendaraan’ Ditampilkan form
untuk menambah data kendaraan
OK
2 Melakukan validasi
terhadap beberapa input yang
dimasukkan oleh pengguna
Halaman form
input data kendaraan
Pengguna memasukkan
parameter yang tidak sesuai
Muncul peringatan bahwa parameter
tersebut tidak sesuai OK
Pengguna memasukkan
parameter yang sesuai Muncul keterangan
bahwa parameter diterima
OK
Pengguna mengosongkan
beberapa baris form Muncul keterangan
bahwa semua data harus diisi
OK
3 Memeriksa hasil
terhadap input data pelanggaran
Halaman form
input data kendaraan
Pengguna meng-klik tombol ‘Simpan’
Ditampilkan pesan bahwa data
kendaraan berhasil disimpan
OK
Pengguna meng-klik link ‘Display Data’
Kembali ke halaman kendaraan
OK 4
Memeriksa hasil terhadap input data
kendaraan jika akses ke database error
Halaman form
input data kendaraan
Pengguna meng-klik tombol ‘Simpan’
Menampilkan pesan bahwa akses
terhadap database error
OK
47 Lampiran 12 Lanjutan
6.4 Deskripsi dan hasil uji fungsi melihat detail dan mengubah data kendaraan
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Menampilkan data
secara detail dari baris data yang dipilih pada
halaman kendaraan atau hasil pencarian
Halaman kendaraan
Pengguna meng-klik link ‘View’
Menampilkan halaman detail
sekaligus form ubah data dari baris data
kendaraan yang dipilih
OK
2 Memeriksa hasil
terhadap perubahan data kendaraan
Halaman detail dan
form ubah data
kendaraan Pengguna melakukan
modifikasi dan meng- klik tombol ‘Ubah’
Menampilkan pesan bahwa perubahan
telah berhasil dilakukan
OK
Pengguna mengosongkan
beberapa baris form dan meng-klik tombol
‘Ubah’ Menampilkan
keterangan bahwa semua data harus
diisi OK
3 Memeriksa hasil dari
link yang menuju kembali ke halaman
kendaraan Halaman
detail dan form ubah
data kendaraan
Pengguna meng-klik link ‘Kembali’
Menampilkan halaman kendaraan
OK
4 Memeriksa hasil dari
link yang menuju kembali ke halaman
input data kendaraan Halaman
detail dan form ubah
data kendaraan
Pengguna meng-klik link ‘Input Data’
Menampilkan halaman form input
data kendaraan OK
5 Memeriksa hasil dari
perintah menghapus data yang sedang
dilihat Halaman
detail dan form ubah
data kendaraan
Pengguna meng-klik link ‘Hapus’
Menampilkan pesan verifikasi yang
menanyakan apakah anda yakin ingin
menghapus data OK
6 Memeriksa hasil aksi
terhadap pesan verifikasi
Pesan verifikasi
hapus data
kendaraan Pengguna meng-klik
link ‘Ok’ Menampilkan pesan
bahwa data berhasil di hapus
OK
Pengguna meng-klik link ‘Batal’
Mengembalikan ke halaman detail dan
form ubah data tanpa melakukan proses
hapus OK
48 Lampiran 12 Lanjutan
6.5 Deskripsi dan hasil uji fungsi menghapus data kendaraan
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Memeriksa hasil dari
perintah menghapus data pada halaman
detail dan ubah dan pada halaman
kendaraan Halaman
detail dan form ubah
data atau halaman
kendaraan Pengguna meng-klik
link ‘Hapus’ Menampilkan pesan
verifikasi yang menanyakan apakah
anda yakin ingin menghapus data
OK
2 Memeriksa hasil aksi
terhadap pesan verifikasi
Pesan verifikasi
hapus data Pengguna meng-klik
tombol ‘Ok’ Menampilkan pesan
bahwa data berhasil di hapus
OK
Pengguna meng-klik tombol ‘Batal’
Mengembalikan ke halaman sebelumnya
tanpa melakukan proses hapus
OK
7. Deskripsi dan hasil uji seluruh fungsi untuk modul pasal
7.1 Deskripsi dan hasil uji fungsi menu manajemen pasal
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Menampilkan halaman
manajemen pasal Halaman
menu utama
Pengguna meng-klik menu ‘Manajemen
Pasal’ Masuk ke halaman
manajemen pasal yang menampilkan
list data pasal OK
49 Lampiran 12 Lanjutan
7.2 Deskripsi dan hasil uji fungsi pencarian data pasal
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Menampilkan list data
pasal hasil pencarian Halaman
pasal Pengguna
memasukkan parameter pencarian
pada form pencarian di halaman pasal dan
meng-klik tombol ‘Cari’
Ditampilkan hasil pencarian sesuai
dengan parameter pencarian
OK
Pengguna memasukkan
parameter pencarian yang tidak sesuai
pada form pencarian di halaman pasal dan
meng-klik tombol ‘Cari’
Hasil pencarian tidak ditampilkan karena
tidak ada data yang sesuai
OK
50 Lampiran 12 Lanjutan
7.3 Deskripsi dan hasil uji fungsi menambah data pasal
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Menampilkan form
penambahan data pasal
Halaman Pasal
Pengguna meng-klik menu ‘Input Pasal’
Ditampilkan form untuk menambah
data pasal OK
2 Melakukan validasi
terhadap beberapa input yang
dimasukkan oleh pengguna
Halaman form input
data pasal Pengguna
memasukkan parameter yang tidak
sesuai Muncul peringatan
bahwa parameter tersebut tidak sesuai
OK
Pengguna memasukkan
parameter yang sesuai
Muncul keterangan bahwa parameter
diterima OK
Pengguna mengosongkan
beberapa baris form Muncul keterangan
bahwa semua data harus diisi
OK
3 Memeriksa hasil
terhadap input data pelanggaran
Halaman form input
data pasal Pengguna meng-klik
tombol ‘Simpan’ Ditampilkan pesan
bahwa data pasal berhasil disimpan
OK
Pengguna meng-klik link ‘Display Data’
Kembali ke halaman pasal
OK 4
Memeriksa hasil terhadap input data
pasal jika akses ke database error
Halaman form input
data pasal Pengguna meng-klik
tombol ‘Simpan’ Menampilkan pesan
bahwa akses terhadap database
error OK
51 Lampiran 12 Lanjutan
7.4 Deskripsi dan hasil uji fungsi melihat detail dan mengubah data pasal
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Menampilkan data
secara detail dari baris data yang dipilih pada
halaman pasal atau hasil pencarian
Halaman pasal
Pengguna meng-klik link ‘View’
Menampilkan halaman detail
sekaligus form ubah data dari baris data
pasal yang dipilih OK
2 Memeriksa hasil
terhadap perubahan data pasal
Halaman detail dan
form ubah data pasal
Pengguna melakukan modifikasi dan meng-
klik tombol ‘Ubah’ Menampilkan pesan
bahwa perubahan telah berhasil
dilakukan OK
Pengguna mengosongkan
beberapa baris form dan meng-klik
tombol ‘Ubah’ Menampilkan
keterangan bahwa semua data harus
diisi OK
3 Memeriksa hasil dari
link yang menuju kembali ke halaman
pasal Halaman
detail dan form ubah
data pasal Pengguna meng-klik
link ‘Kembali’ Menampilkan
halaman pasal OK
4 Memeriksa hasil dari
link yang menuju kembali ke halaman
input data pasal Halaman
detail dan form ubah
data pasal Pengguna meng-klik
link ‘Input Data’ Menampilkan
halaman form input data pasal
OK
5 Memeriksa hasil dari
perintah menghapus data yang sedang
dilihat Halaman
detail dan form ubah
data pasal Pengguna meng-klik
link ‘Hapus’ Menampilkan pesan
verifikasi yang menanyakan apakah
anda yakin ingin menghapus data
OK
6 Memeriksa hasil aksi
terhadap pesan verifikasi
Pesan verifikasi
hapus data pasal
Pengguna meng-klik link ‘Ok’
Menampilkan pesan bahwa data berhasil
di hapus OK
Pengguna meng-klik link ‘Batal’
Mengembalikan ke halaman detail dan
form ubah data tanpa melakukan proses
hapus OK
52 Lampiran 12 Lanjutan
7.5 Deskripsi dan hasil uji fungsi menghapus data pasal
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Memeriksa hasil dari
perintah menghapus data pada halaman
detail dan ubah dan pada halaman pasal
Halaman detail dan
form ubah data atau
halaman pasal
Pengguna meng-klik link ‘Hapus’
Menampilkan pesan verifikasi yang
menanyakan apakah anda yakin ingin
menghapus data OK
2 Memeriksa hasil aksi
terhadap pesan verifikasi
Pesan verifikasi
hapus data Pengguna meng-klik
tombol ‘Ok’ Menampilkan pesan
bahwa data berhasil di hapus
OK
Pengguna meng-klik tombol ‘Batal’
Mengembalikan ke halaman sebelumnya
tanpa melakukan proses hapus
OK
8. Deskripsi dan hasil uji seluruh fungsi untuk modul polisi
8.1 Deskripsi dan hasil uji fungsi menu manajemen polisi
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Menampilkan halaman
manajemen polisi Halaman
menu utama
Pengguna meng-klik menu ‘Manajemen
Polisi’ Masuk ke halaman
manajemen polisi yang menampilkan
list data polisi OK
8.2 Deskripsi dan hasil uji fungsi pencarian data polisi
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Menampilkan list data
polisi hasil pencarian Halaman
polisi Pengguna memasukkan
parameter pencarian pada form pencarian di
halaman polisi dan meng-klik tombol
‘Cari’ Ditampilkan hasil
pencarian sesuai dengan parameter
pencarian OK
Pengguna memasukkan parameter pencarian
yang tidak sesuai pada form pencarian di
halaman polisi dan meng-klik tombol
‘Cari’ Hasil pencarian tidak
ditampilkan karena tidak ada data yang
sesuai OK
53 Lampiran 12 Lanjutan
8.3 Deskripsi dan hasil uji fungsi menambah data polisi
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Menampilkan form
penambahan data polisi
Halaman polisi
Pengguna meng-klik menu ‘Input Polisi’
Ditampilkan form untuk menambah
data polisi OK
2 Melakukan validasi
terhadap beberapa input yang
dimasukkan oleh pengguna
Halaman form
input data
polisi Pengguna
memasukkan parameter yang tidak
sesuai Muncul peringatan
bahwa parameter tersebut tidak sesuai
OK
Pengguna memasukkan
parameter yang sesuai Muncul keterangan
bahwa parameter diterima
OK
Pengguna mengosongkan
beberapa baris form Muncul keterangan
bahwa semua data harus diisi
OK
3 Memeriksa hasil
terhadap input data pelanggaran
Halaman form
input data
polisi Pengguna meng-klik
tombol ‘Simpan’ Ditampilkan pesan
bahwa data polisi berhasil disimpan
OK
Pengguna meng-klik link ‘Display Data’
Kembali ke halaman polisi
OK 4
Memeriksa hasil terhadap input data
polisi jika akses ke database error
Halaman form
input data
polisi Pengguna meng-klik
tombol ‘Simpan’ Menampilkan pesan
bahwa akses terhadap database error
OK
54 Lampiran 12 Lanjutan
8.4 Deskripsi dan hasil uji fungsi melihat detail dan mengubah data polisi
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Menampilkan data
secara detail dari baris data yang dipilih pada
halaman polisi atau hasil pencarian
Halaman polisi
Pengguna meng-klik link ‘View’
Menampilkan halaman detail
sekaligus form ubah data dari baris data
polisi yang dipilih OK
2 Memeriksa hasil
terhadap perubahan data polisi
Halaman detail
dan form ubah
data polisi
Pengguna melakukan modifikasi dan meng-
klik tombol ‘Ubah’ Menampilkan pesan
bahwa perubahan telah berhasil
dilakukan OK
Pengguna mengosongkan
beberapa baris form dan meng-klik tombol
‘Ubah’ Menampilkan
keterangan bahwa semua data harus
diisi OK
3 Memeriksa hasil dari
link yang menuju kembali ke halaman
polisi Halaman
detail dan form
ubah data
polisi Pengguna meng-klik
link ‘Kembali’ Menampilkan
halaman polisi OK
4 Memeriksa hasil dari
link yang menuju kembali ke halaman
input data polisi Halaman
detail dan form
ubah data
polisi Pengguna meng-klik
link ‘Input Data’ Menampilkan
halaman form input data polisi
OK
5 Memeriksa hasil dari
perintah menghapus data yang sedang
dilihat Halaman
detail dan form
ubah data
polisi Pengguna meng-klik
link ‘Hapus’ Menampilkan pesan
verifikasi yang menanyakan apakah
anda yakin ingin menghapus data
OK
6 Memeriksa hasil aksi
terhadap pesan verifikasi
Pesan verifikasi
hapus data
polisi Pengguna meng-klik
link ‘Ok’ Menampilkan pesan
bahwa data berhasil di hapus
OK
Pengguna meng-klik link ‘Batal’
Mengembalikan ke halaman detail dan
form ubah data tanpa melakukan proses
hapus OK
55 Lampiran 12 Lanjutan
8.5 Deskripsi dan hasil uji fungsi menghapus data polisi
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Memeriksa hasil dari
perintah menghapus data pada halaman
detail dan ubah dan pada halaman polisi
Halaman detail
dan form ubah
data atau halaman
polisi Pengguna meng-klik
link ‘Hapus’ Menampilkan pesan
verifikasi yang menanyakan apakah
anda yakin ingin menghapus data
OK
2 Memeriksa hasil aksi
terhadap pesan verifikasi
Pesan verifikasi
hapus data
Pengguna meng-klik tombol ‘Ok’
Menampilkan pesan bahwa data berhasil di
hapus OK
Pengguna meng-klik tombol ‘Batal’
Mengembalikan ke halaman sebelumnya
tanpa melakukan proses hapus
OK
9. Deskripsi dan hasil uji seluruh fungsi untuk modul slip merah
9.1 Deskripsi dan hasil uji fungsi menu manajemen slip merah
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Menampilkan halaman
manajemen slip merah Halaman
menu utama
Pengguna meng-klik menu ‘Manajemen
Slip Merah’ Masuk ke halaman
manajemen slip merah yang
menampilkan list data slip merah
OK
56 Lampiran 12 Lanjutan
9.2 Deskripsi dan hasil uji fungsi pencarian data slip merah
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Menampilkan list data
slip merah hasil pencarian
Halaman slip
merah Pengguna
memasukkan parameter pencarian
pada form pencarian di halaman slip
merah dan meng-klik tombol ‘Cari’
Ditampilkan hasil pencarian sesuai
dengan parameter pencarian
OK
Pengguna memasukkan
parameter pencarian yang tidak sesuai
pada form pencarian di halaman slip
merah dan meng-klik tombol ‘Cari’
Hasil pencarian tidak ditampilkan karena
tidak ada data yang sesuai
OK
57 Lampiran 12 Lanjutan
9.3 Deskripsi dan hasil uji fungsi menambah data slip merah
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Menampilkan form
penambahan data slip merah
Halaman slip
merah Pengguna meng-klik
menu ‘Input Slip Merah’
Ditampilkan form untuk menambah
data slip merah OK
2 Melakukan validasi
terhadap beberapa input yang dimasukkan oleh
pengguna Halaman
form input
data slip merah
Pengguna memasukkan
parameter yang tidak sesuai
Muncul peringatan bahwa parameter
tersebut tidak sesuai OK
Pengguna memasukkan
parameter yang sesuai
Muncul keterangan bahwa parameter
diterima OK
Pengguna mengosongkan
beberapa baris form Muncul keterangan
bahwa semua data harus diisi
OK
3 Memeriksa hasil
terhadap input data pelanggaran
Halaman form
input data slip
merah Pengguna meng-klik
tombol ‘Simpan’ Ditampilkan pesan
bahwa data slip merah berhasil
disimpan OK
Pengguna meng-klik link ‘Display Data’
Kembali ke halaman slip merah
OK 4
Memeriksa hasil terhadap input data slip
merah jika akses ke database error
Halaman form
input data slip
merah Pengguna meng-klik
tombol ‘Simpan’ Menampilkan pesan
bahwa akses terhadap database
error OK
58 Lampiran 12 Lanjutan
9.4 Deskripsi dan hasil uji fungsi melihat detail dan mengubah data slip merah
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Menampilkan data
secara detail dari baris data yang dipilih pada
halaman slip merah atau hasil pencarian
Halaman slip
merah Pengguna meng-klik
link ‘View’ Menampilkan
halaman detail sekaligus form ubah
data dari baris data slip merah yang
dipilih OK
2 Memeriksa hasil
terhadap perubahan data slip merah
Halaman detail
dan form ubah
data slip merah
Pengguna melakukan modifikasi dan meng-
klik tombol ‘Ubah’ Menampilkan pesan
bahwa perubahan telah berhasil
dilakukan OK
Pengguna mengosongkan
beberapa baris form dan meng-klik
tombol ‘Ubah’ Menampilkan
keterangan bahwa semua data harus
diisi OK
3 Memeriksa hasil dari
link yang menuju kembali ke halaman slip
merah Halaman
detail dan form
ubah data slip
merah Pengguna meng-klik
link ‘Kembali’ Menampilkan
halaman slip merah OK
4 Memeriksa hasil dari
link yang menuju kembali ke halaman
input data slip merah Halaman
detail dan form
ubah data slip
merah Pengguna meng-klik
link ‘Input Data’ Menampilkan
halaman form input data slip merah
OK
5 Memeriksa hasil dari
perintah menghapus data yang sedang dilihat
Halaman detail
dan form ubah
data slip merah
Pengguna meng-klik link ‘Hapus’
Menampilkan pesan verifikasi yang
menanyakan apakah anda yakin ingin
menghapus data OK
6 Memeriksa hasil aksi
terhadap pesan verifikasi Pesan
verifikasi hapus
data slip merah
Pengguna meng-klik link ‘Ok’
Menampilkan pesan bahwa data berhasil
di hapus OK
Pengguna meng-klik link ‘Batal’
Mengembalikan ke halaman detail dan
form ubah data tanpa melakukan proses
hapus OK
59 Lampiran 12 Lanjutan
9.5 Deskripsi dan hasil uji fungsi menghapus data slip merah
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Memeriksa hasil dari
perintah menghapus data pada halaman detail dan
ubah dan pada halaman slip merah
Halaman detail
dan form ubah
data atau halaman
slip merah
Pengguna meng-klik link ‘Hapus’
Menampilkan pesan verifikasi yang
menanyakan apakah anda yakin ingin
menghapus data OK
2 Memeriksa hasil aksi
terhadap pesan verifikasi Pesan
verifikasi hapus
data Pengguna meng-klik
tombol ‘Ok’ Menampilkan pesan
bahwa data berhasil di hapus
OK
Pengguna meng-klik tombol ‘Batal’
Mengembalikan ke halaman sebelumnya
tanpa melakukan proses hapus
OK
10. Deskripsi dan hasil uji seluruh fungsi untuk modul slip biru
10.1 Deskripsi dan hasil uji fungsi menu manajemen slip biru
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Menampilkan halaman
manajemen slip biru Halaman
menu utama
Pengguna meng-klik menu ‘Manajemen
Slip Biru’ Masuk ke halaman
manajemen slip biru yang menampilkan
list data slip biru OK
60 Lampiran 12 Lanjutan
10.2 Deskripsi dan hasil uji fungsi pencarian data slip biru
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Menampilkan list data
slip biru hasil pencarian Halaman
slip biru Pengguna
memasukkan parameter pencarian
pada form pencarian di halaman slip biru
dan meng-klik tombol ‘Cari’
Ditampilkan hasil pencarian sesuai
dengan parameter pencarian
OK
Pengguna memasukkan
parameter pencarian yang tidak sesuai
pada form pencarian di halaman slip biru
dan meng-klik tombol ‘Cari’
Hasil pencarian tidak ditampilkan karena
tidak ada data yang sesuai
OK
61 Lampiran 12 Lanjutan
10.3 Deskripsi dan hasil uji fungsi menambah data slip biru
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Menampilkan form
penambahan data slip biru
Halaman slip biru
Pengguna meng-klik menu ‘Input Slip
Biru’ Ditampilkan form
untuk menambah data slip biru
OK
2 Melakukan validasi
terhadap beberapa input yang dimasukkan oleh
pengguna Halaman
form input
data slip biru
Pengguna memasukkan
parameter yang tidak sesuai
Muncul peringatan bahwa parameter
tersebut tidak sesuai OK
Pengguna memasukkan
parameter yang sesuai
Muncul keterangan bahwa parameter
diterima OK
Pengguna mengosongkan
beberapa baris form Muncul keterangan
bahwa semua data harus diisi
OK
3 Memeriksa hasil
terhadap input data pelanggaran
Halaman form
input data slip
biru Pengguna meng-klik
tombol ‘Simpan’ Ditampilkan pesan
bahwa data slip biru berhasil disimpan
OK
Pengguna meng-klik link ‘Display Data’
Kembali ke halaman slip biru
OK 4
Memeriksa hasil terhadap input data slip
biru jika akses ke database error
Halaman form
input data slip
biru Pengguna meng-klik
tombol ‘Simpan’ Menampilkan pesan
bahwa akses terhadap database error
OK
62 Lampiran 12 Lanjutan
10.4 Deskripsi dan hasil uji fungsi melihat detail dan mengubah data slip biru
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Menampilkan data
secara detail dari baris data yang dipilih pada
halaman slip biru atau hasil pencarian
Halaman slip biru
Pengguna meng- klik link ‘View’
Menampilkan halaman detail
sekaligus form ubah data dari baris data
slip biru yang dipilih OK
2 Memeriksa hasil
terhadap perubahan data slip biru
Halaman detail
dan form ubah
data slip biru
Pengguna melakukan
modifikasi dan meng-klik tombol
‘Ubah’ Menampilkan pesan
bahwa perubahan telah berhasil
dilakukan OK
Pengguna mengosongkan
beberapa baris form dan meng-klik
tombol ‘Ubah’ Menampilkan
keterangan bahwa semua data harus diisi
OK
3 Memeriksa hasil dari
link yang menuju kembali ke halaman slip
biru Halaman
detail dan form
ubah data slip
biru Pengguna meng-
klik link ‘Kembali’ Menampilkan
halaman slip biru OK
4 Memeriksa hasil dari
link yang menuju kembali ke halaman
input data slip biru Halaman
detail dan form
ubah data slip
biru Pengguna meng-
klik link ‘Input Data’
Menampilkan halaman form input
data slip biru OK
5 Memeriksa hasil dari
perintah menghapus data yang sedang dilihat
Halaman detail
dan form ubah
data slip biru
Pengguna meng- klik link ‘Hapus’
Menampilkan pesan verifikasi yang
menanyakan apakah anda yakin ingin
menghapus data OK
6 Memeriksa hasil aksi
terhadap pesan verifikasi Pesan
verifikasi hapus
data slip biru
Pengguna meng- klik link ‘Ok’
Menampilkan pesan bahwa data berhasil di
hapus OK
Pengguna meng- klik link ‘Batal’
Mengembalikan ke halaman detail dan
form ubah data tanpa melakukan proses
hapus OK
63 Lampiran 12 Lanjutan
10.5 Deskripsi dan hasil uji fungsi menghapus data slip biru
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Memeriksa hasil dari
perintah menghapus data pada halaman detail dan
ubah dan pada halaman slip biru
Halaman detail dan
form ubah data
atau halaman
slip biru Pengguna meng-
klik link ‘Hapus’ Menampilkan pesan
verifikasi yang menanyakan apakah
anda yakin ingin menghapus data
OK
2 Memeriksa hasil aksi
terhadap pesan verifikasi Pesan
verifikasi hapus
data Pengguna meng-
klik tombol ‘Ok’ Menampilkan pesan
bahwa data berhasil di hapus
OK
Pengguna meng- klik tombol ‘Batal’
Mengembalikan ke halaman sebelumnya
tanpa melakukan proses hapus
OK
11. Deskripsi dan hasil uji seluruh fungsi untuk modul lokasi
11.1 Deskripsi dan hasil uji fungsi menu manajemen lokasi
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Menampilkan halaman
manajemen lokasi Halaman
menu utama
Pengguna meng-klik menu ‘Manajemen
Lokasi’ Masuk ke halaman
manajemen lokasi yang menampilkan
list data lokasi OK
64 Lampiran 12 Lanjutan
11.2 Deskripsi dan hasil uji fungsi pencarian data lokasi
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Menampilkan list data
lokasi hasil pencarian Halaman
lokasi Pengguna
memasukkan parameter pencarian
pada form pencarian di halaman lokasi
dan meng-klik tombol ‘Cari’
Ditampilkan hasil pencarian sesuai
dengan parameter pencarian
OK
Pengguna memasukkan
parameter pencarian yang tidak sesuai
pada form pencarian di halaman lokasi
dan meng-klik tombol ‘Cari’
Hasil pencarian tidak ditampilkan karena
tidak ada data yang sesuai
OK
65 Lampiran 12 Lanjutan
11.3 Deskripsi dan hasil uji fungsi menambah data lokasi
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Menampilkan form
penambahan data lokasi Halaman
lokasi Pengguna meng-klik
menu ‘Input Lokasi’ Ditampilkan form
untuk menambah data lokasi
OK
2 Melakukan validasi
terhadap beberapa input yang dimasukkan oleh
pengguna Halaman
form input
data lokasi
Pengguna memasukkan
parameter yang tidak sesuai
Muncul peringatan bahwa parameter
tersebut tidak sesuai OK
Pengguna memasukkan
parameter yang sesuai
Muncul keterangan bahwa parameter
diterima OK
Pengguna mengosongkan
beberapa baris form Muncul keterangan
bahwa semua data harus diisi
OK
3 Menambah baris form
utuk lokasi Halaman
form input
data lokasi
Pengguna meng-klik link tambah baris
pada fieldset lokasi Ditampilkan baris
lokasi yang baru di bawah baris lokasi
sebelumnya OK
4 Memeriksa hasil
terhadap input data pelanggaran
Halaman form
input data
lokasi Pengguna meng-klik
tombol ‘Simpan’ Ditampilkan pesan
bahwa data lokasi berhasil disimpan
OK
Pengguna meng-klik link ‘Display Data’
Kembali ke halaman lokasi
OK 5
Memeriksa hasil terhadap input data
lokasi jika akses ke database error
Halaman form
input data
lokasi Pengguna meng-klik
tombol ‘Simpan’ Menampilkan pesan
bahwa akses terhadap database error
OK
66 Lampiran 12 Lanjutan
11.4 Deskripsi dan hasil uji fungsi melihat detail dan mengubah data lokasi
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Menampilkan data
secara detail dari baris data yang dipilih pada
halaman lokasi atau hasil pencarian
Halaman lokasi
Pengguna meng-klik link ‘View’
Menampilkan halaman detail
sekaligus form ubah data dari baris data
lokasi yang dipilih OK
2 Memeriksa hasil
terhadap perubahan data lokasi
Halaman detail
dan form ubah
data lokasi
Pengguna melakukan modifikasi dan
meng-klik tombol ‘Ubah’
Menampilkan pesan bahwa perubahan
telah berhasil dilakukan
OK
Pengguna mengosongkan
beberapa baris form dan meng-klik
tombol ‘Ubah’ Menampilkan
keterangan bahwa semua data harus
diisi OK
3 Memeriksa hasil dari
link yang menuju kembali ke halaman
lokasi Halaman
detail dan form
ubah data
lokasi Pengguna meng-klik
link ‘Kembali’ Menampilkan
halaman lokasi OK
4 Memeriksa hasil dari
link yang menuju kembali ke halaman
input data lokasi Halaman
detail dan form
ubah data
lokasi Pengguna meng-klik
link ‘Input Data’ Menampilkan
halaman form input data lokasi
OK
5 Memeriksa hasil dari
perintah menghapus data yang sedang dilihat
Halaman detail
dan form ubah
data lokasi
Pengguna meng-klik link ‘Hapus’
Menampilkan pesan verifikasi yang
menanyakan apakah anda yakin ingin
menghapus data OK
6 Memeriksa hasil aksi
terhadap pesan verifikasi
Pesan verifikasi
hapus data
lokasi Pengguna meng-klik
link ‘Ok’ Menampilkan pesan
bahwa data berhasil di hapus
OK
Pengguna meng-klik link ‘Batal’
Mengembalikan ke halaman detail dan
form ubah data tanpa melakukan proses
hapus OK
67 Lampiran 12 Lanjutan
11.5 Deskripsi dan hasil uji fungsi menghapus data lokasi
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Memeriksa hasil dari
perintah menghapus data pada halaman detail
dan ubah dan pada halaman lokasi
Halaman detail
dan form ubah
data atau halaman
lokasi Pengguna meng-klik
link ‘Hapus’ Menampilkan pesan
verifikasi yang menanyakan apakah
anda yakin ingin menghapus data
OK
2 Memeriksa hasil aksi
terhadap pesan verifikasi
Pesan verifikasi
hapus data
Pengguna meng-klik tombol ‘Ok’
Menampilkan pesan bahwa data berhasil
di hapus OK
Pengguna meng-klik tombol ‘Batal’
Mengembalikan ke halaman sebelumnya
tanpa melakukan proses hapus
OK
12. Deskripsi dan hasil uji seluruh fungsi untuk modul pengguna
12.1 Deskripsi dan hasil uji fungsi menu manajemen pengguna
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Menampilkan halaman
manajemen pengguna Halaman
menu utama
Pengguna meng-klik menu ‘Manajemen
Pengguna’ Masuk ke halaman
manajemen pengguna yang menampilkan
list data pengguna OK
68 Lampiran 12 Lanjutan
12.2 Deskripsi dan hasil uji fungsi pencarian data pengguna
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Menampilkan list data
pengguna hasil pencarian
Halaman pengguna
Pengguna memasukkan
parameter pencarian pada form pencarian
di halaman pengguna dan meng-klik
tombol ‘Cari’ Ditampilkan hasil
pencarian sesuai dengan parameter
pencarian OK
Pengguna memasukkan
parameter pencarian yang tidak sesuai
pada form pencarian di halaman pengguna
dan meng-klik tombol ‘Cari’
Hasil pencarian tidak ditampilkan karena
tidak ada data yang sesuai
OK
69 Lampiran 12 Lanjutan
12.3 Deskripsi dan hasil uji fungsi menambah data pengguna
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Menampilkan form
penambahan data pengguna
Halaman pengguna
Pengguna meng-klik menu ‘Input
Pengguna’ Ditampilkan form
untuk menambah data pengguna
OK
2 Melakukan validasi
terhadap beberapa input yang dimasukkan oleh
pengguna Halaman
form input
data pengguna
Pengguna memasukkan
parameter yang tidak sesuai
Muncul peringatan bahwa parameter
tersebut tidak sesuai OK
Pengguna memasukkan
parameter yang sesuai
Muncul keterangan bahwa parameter
diterima OK
Pengguna mengosongkan
beberapa baris form Muncul keterangan
bahwa semua data harus diisi
OK
3 Memeriksa hasil
terhadap input data pelanggaran
Halaman form
input data
pengguna Pengguna meng-klik
tombol ‘Simpan’ Ditampilkan pesan
bahwa data pengguna berhasil
disimpan OK
Pengguna meng-klik link ‘Display Data’
Kembali ke halaman pengguna
OK 4
Memeriksa hasil terhadap input data
pengguna jika akses ke database error
Halaman form
input data
pengguna Pengguna meng-klik
tombol ‘Simpan’ Menampilkan pesan
bahwa akses terhadap database
error OK
70 Lampiran 12 Lanjutan
12.4 Deskripsi dan hasil uji fungsi melihat detail dan mengubah data pengguna
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Menampilkan data
secara detail dari baris data yang dipilih pada
halaman pengguna atau hasil pencarian
Halaman pengguna
Pengguna meng-klik link ‘View’
Menampilkan halaman detail
sekaligus form ubah data dari baris data
pengguna yang dipilih
OK
2 Memeriksa hasil
terhadap perubahan data pengguna
Halaman detail dan
form ubah data
pengguna Pengguna melakukan
modifikasi dan meng-klik tombol
‘Ubah’ Menampilkan pesan
bahwa perubahan telah berhasil
dilakukan OK
Pengguna mengosongkan
beberapa baris form dan meng-klik
tombol ‘Ubah’ Menampilkan
keterangan bahwa semua data harus
diisi OK
3 Memeriksa hasil dari
link yang menuju kembali ke halaman
pengguna Halaman
detail dan form
ubah data pengguna
Pengguna meng-klik link ‘Kembali’
Menampilkan halaman pengguna
OK
4 Memeriksa hasil dari
link yang menuju kembali ke halaman
input data pengguna Halaman
detail dan form
ubah data pengguna
Pengguna meng-klik link ‘Input Data’
Menampilkan halaman form input
data pengguna OK
5 Memeriksa hasil dari
perintah menghapus data yang sedang dilihat
Halaman detail dan
form ubah data
pengguna Pengguna meng-klik
link ‘Hapus’ Menampilkan pesan
verifikasi yang menanyakan apakah
anda yakin ingin menghapus data
OK
6 Memeriksa hasil aksi
terhadap pesan verifikasi Pesan
verifikasi hapus
data pengguna
Pengguna meng-klik link ‘Ok’
Menampilkan pesan bahwa data berhasil
di hapus OK
Pengguna meng-klik link ‘Batal’
Mengembalikan ke halaman detail dan
form ubah data tanpa melakukan proses
hapus OK
71 Lampiran 12 Lanjutan
12.5 Deskripsi dan hasil uji fungsi menghapus data pengguna
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Memeriksa hasil dari
perintah menghapus data pada halaman detail dan
ubah dan pada halaman pengguna
Halaman detail dan
form ubah data
atau halaman
pengguna Pengguna meng-klik
link ‘Hapus’ Menampilkan pesan
verifikasi yang menanyakan apakah
anda yakin ingin menghapus data
OK
2 Memeriksa hasil aksi
terhadap pesan verifikasi Pesan
verifikasi hapus
data Pengguna meng-klik
tombol ‘Ok’ Menampilkan pesan
bahwa data berhasil di hapus
OK
Pengguna meng-klik tombol ‘Batal’
Mengembalikan ke halaman sebelumnya
tanpa melakukan proses hapus
OK
13. Deskripsi dan hasil uji untuk fungsi logout
No Deskripsi Uji
Kondisi Awal
Skenario Uji Hasil yang
Diharapkan Hasil
Uji
1 Memeriksa proses logout Halaman
menu Pengguna meng-
klik tombol ‘Logout’ dan
mencoba mengakses halaman
manajemen tanpa melakukan proses
login Pengguna tidak dapat
memasuki halaman manajemen setelah
logout dan mendapatkan pesan
bahwa pengguna tidak memiliki hak
akses kemudian dikembalikan ke
halaman login. OK
72
Lampiran 13 Kuesioner penerapan design pattern KUESIONER PENERAPAN DESIGN PATTERN DALAM SUATU RANGKAIAN
PENGEMBANGAN SISTEMPERANGKAT LUNAK Identitas Pengisi
Nama :………………………………………………………………………………
Pekerjaan :………………………………………………………………………………
Tanda tangan : ……………………………………………………
1.1 Design patterns