4. Use Case Narrative
4.3.2. Desain Database
Tahapan pertama dalam mendesain suatu database pada penelitian ini adalah membuat class diagram. Class diagram dari Sistem Informasi Layanan Pengaduan Pelanggaran Peraturan Daerah pada Satpol PP Kota Tangerang Selatan digambarkan di bawah ini:
102
Gambar 4. 14 Class Diagram Sistem Informasi Layanan Pengaduan Pelanggaran Peraturan Daerah
b. Mapping Cardinality
Setelah membuat class diagram tahapan selanjutnya adalah membuat mapping cardinality dimana akan ada penjelasan mengenai primary key dan foreign key dalam setiap tabelnya. Berikut adalah mapping cardinality dari sistem informasi
103 layanan pengaduan pelanggaran Peraturan Daerah pada Satpol PP Kota Tangerang Selatan:
Gambar 4. 15Mapping Cardinality Sistem Informasi Layanan Pengaduan Pelanggaran Peraturan Daerah
104 c. Spesifikasi Database
Setelah selesai membuat mapping cardinality tahapan selanjutnya adalah membuat spesifikasi database untuk menjelaskan spesifikasi dan detail-detail setiap tabel yang ada. Berikut adalah spesifikasi database pada sistem informasi inventory barang di penelitian ini:
1. Laporan
Nama Tabel : laporan Primary Key : id_laporan Foreign Key : -
Jenis Tabel : Master
Tabel 4. 11Tabel Laporan
No. Field Type Size Keterangan
1 id_laporan int 10 Nomor identitas laporan
2 no_laporan varchar 255 Nomor laporan yang tercatat dalam dokumen
3 tanggal date - Tanggal terjadinya pelanggaran
4 tempat varchar 255 Tempat tinggal pelapor
5 terlapor varchar 255 Nama orang terlapor
6 korban varchar 255 Nama korban
7 apa_terjadi varchar 255 Uraian mengenai apa yang terjadi
8 file_ktp varchar 255 File KTP yang diinput pelapor
9 bagaimana text - Uraian lebih rinci mengenai
bagaimana kejadian pelanggaran terjadi
10 tanggal_lapor date - Tanggal laporan dibuat di dalam sistem
11 nik_pelapor varchar 50 Nomor induk kependudukan milik pelapor
12 nama_pelapor varchar 255 Nama orang yang melapor
13 no_hp varchar 20 Nomor kontak handphone orang
105
14 no_wa varchar 20 Nomor kontak orang yang melapor
yang dapat dihubungi melalui whatsapp
15 tindak_pidana text - Uraian mengenai tindak pidana apa saja yang terdapat dalam pelanggaran yang dilaporkan
16 saksi text - Uraian mengenai nama saksi-saksi
yang melihat tindak pelanggaran 17 uraian_kejadian longtext - Uraian mengenai kejadian
pelanggaran secara lebih rinci
18 tindakan text - Uraian mengenai tindakan apa saja
yang sudah dilakukan mengenai pelanggaran yang terjadi
19 latitude varchar 255 Koordinat dimana tempat
pelanggaran terjadi
20 longitude varchar 255 Koordinat dimana tempat
pelanggaran terjadi
21 created_by varchar 255 Uraian mengenai siapa yang
membuat laporan
22 created_date datetime - Uraian mengenai kapan laporan dibuat
2. File Laporan
Nama Tabel : laporan_file Primary Key : id_laporan_file Foreign Key : id_laporan Jenis Tabel : Transaksi
Tabel 4. 12 Tabel File Laporan
No. Field Type Size Keterangan
1 id_laporan_file int 10 Nomor identitas file dokumen laporan dalam sistem
106
3 file text - Teks yang menyertai nomor
identitas sistem dalam membentuk dokumen laporan
3. Status
Nama Tabel : status Primary Key : id_status Foreign Key : -
Jenis Tabel : Transaksi
Tabel 4. 13 Tabel Status
No. Field Type Size Keterangan
1 id_status varchar 2 Nomor yang digunakan sistem untuk menyatakan status persetujuan data laporan
2 status varchar 255 Keterangan yang menjelaskan status persetujuan data berdasarkan angka pada id_status
4. Users
Nama Tabel : users Primary Key : id_user Foreign Key : - Jenis Tabel : Master
Tabel 4. 14 Tabel Users
No. Field Type Size Keterangan
1 id_user int 10 Nomor identitas user
2 username varchar 255 Nama user
3 password varchar 255 Kata sandi yang digunakan user
107 5 nama_user varchar 255 Nama lengkap user
6 id_level int 2 Nomor identitas yang menunjukkan
tingkatan user dalam sistem
7 aktif int 1 Nomor yang menunjukkan status apakah
user aktif atau tidak di dalam sistem
d. Sequence Diagram
Tahap selanjutnya merupakan perancangan diagram sekuensyang menggambarkan hubungan antar objek di dalam sebuah usecase. Berikut adalah diagram sekuens yang dirancang pada penelitian ini:
1. Nama : Sequence Diagram Laporan ID : SQ-01
Gambar 4. 16 Sequence DiagramLapor
2. Nama : Sequence Diagram Track Lapor ID : SQ-02
108
Gambar 4. 17 Sequence Diagram Track Laporan
3. Nama : Sequence Diagram Login Admin ID : SQ-03
109 4. Nama : Sequence Diagram Validasi Laporan
ID : SQ-04-1
Gambar 4. 19 Sequence DiagramValidasi Laporan
5. Nama : Sequence Diagram Manajemen Laporan – Tolak Laporan ID : SQ-04-2
110 6. Nama : Sequence Diagram Manajemen Laporan – Cetak Laporan
ID : SQ-04-3
111 7. Nama : Sequence DiagramKlarifikasi Laporan
ID : SQ-05-1
Gambar 4. 22 Sequence DiagramKlarifikasi Laporan
8. Nama : Sequence DiagramKlarifikasi Laporan – Tolak Laporan ID : SQ-05-2
112 9. Nama : Sequence DiagramKlarifikasi Laporan – Cetak Laporan
ID : SQ-05-3
Gambar 4. 24 Sequence DiagramKlarifikasi Laporan – Cetak Laporan
10. Nama: Sequence DiagramSelesaikan Laporan ID : SQ-06-1
113 11. Nama: Sequence Diagram Selesaikan Laporan – Tolak Laporan
ID : SQ-06-2
Gambar 4. 26 Sequence DiagramSelesaikan Laporan – Tolak Laporan
12. Nama: Sequence Diagram Selesaikan Laporan – Cetak Laporan ID : SQ-06-3
114 13. Nama: Sequence Diagram Logout
ID : SQ-07
Gambar 4. 28 Sequence Diagram Logout
4.4.1 Implementasi Sistem
Setelah selesai merancang sistem, maka yang selanjutnya harus dilakukan adalah mengimplementasikan hasil dari rancangan tersebut. Dalam melakukan implementasi Sistem Informasi Layanan Pengaduan Pelanggaran Peraturan Daerah, peneliti dibantu oleh software XAMPP versi 3.2.4 yang di dalamnyameliputi Apache versi 2.4.39 sebagaiweb server dan MariaDB sebagai database server. Bahasa pemrograman yang peneliti pergunakan dalam membangun sistem adalah bahasa pemrograman PHP versi 7.3 dan aplikasi Sublime Text versi 3.2.2 sebagai text dan source code editor dalam membantu proses pemrograman. Peneliti juga menggunakan Microsoft Visio 2013 untuk merancang UML dan desain interface.
Spesifikasi komputer dimana Sistem Informasi Layanan Pengaduan Pelanggaran Peraturan Daerah adalah seperti yang diuraikan di bawah ini:
115 1. Processor : Intel Core i5-M520
2. RAM : 8GB 3. VRAM : 1GB 4. Harddisk : 300GB
5. Operating System : Windows 8.1
4.4.2 Interface Sistem Informasi Inventory Barang
Interface atau tampilan akhir dari sistem informasi layanan pengaduan pelanggaran peraturan daerah yang sudah selesai dibangun dengan berbasis website yang dibagi menjadi dua yaitu interface untuk semua pelapor, dan admin. Berikut adalah hasil akhir untuk interfaceSistem Informasi Layanan Pengaduan Pelanggaran Peraturan Daerah:
1. Interface Untuk Pelapor
116
117 b. Halaman Lapor
118 c. Halaman Track Laporan
Gambar 4. 31 Tampilan Halaman Track Laporan
2. Interface Untuk Admin a. Halaman Login Admin
119 b. Halaman Tambah Dashboard Admin
120 c. Halaman Data Laporan
121 d. Halaman Detail Data Laporan
122 e. Halaman Data Laporan yang Sudah Divalidasi
123 f. Halaman Data Laporan yang Sudah Diklarifikasi
124 g. Halaman Data Laporan yang Sudah Selesai
125 h. Halaman Tambah Data Laporan yang Ditolak
126 i. Halaman Cetak Laporan
Gambar 4. 40 Tampilan Halaman Cetak Laporan
4.3.3. Tahap Pengujian Sistem