BAB III ANALISIS DAN DESAIN SISTEM

Transkripsi

1 31 BAB III ANALISIS DAN DESAIN SISTEM III.1. Analisa Sistem ng Sedang Berjalan Adapun analisa sistem yang sedang berjalan dalam saat ini adalah Sistem yang saat ini digunakan adalah dengan cara membagikan brosur kepada masyarakat umum yang tidak mengetahui mengenai lokasi kantor samsat yang ada di kota Medan dimana para petugas sering melakukan kesalahan yang terjadi seperti tidak semua masyarakat mendapatkan brosur karena banyaknya yang membayar pajak dan kesibukan aktivitas pembayaran pajak sehingga membuat masyarakat lupa untuk mempertanyakan mengenai lokasi kantor samsat yang ada di kota Medan. Sehingga penulis ingin membuat suatu program yang sudah terprogram sehingga dapat menutupi kelemahan sistem yang lama dan dapat mempermudah user dalam melakukan kegiatan pekerjaannya. Dan penyampaian informasi juga masih kurang efektif karena banyak masyarakat yang mengetahui lokasi kantor pembayaran pajak melalui orang lain yang pernah melakukan pembayaran pajak dimana belum tentu informasi yang diberikan masyarakat tersebut benar secara keseluruhan. Oleh karena itu penulis melakukan perbaikan sistem yang ada yaitu dengan membuat suatu sistem informasi geografis lokasi kantor pembayaran pajak sepeda motor atau samsat khususnya di kota Medan berbasis web untuk mempermudah masyarakat dalam menerima informasi mengenai lokasi kantor pembayaran pajak sepeda motor dan membantu kantor samsat dalam memberikan informasi dengan cepat, tepat dan efektif. 31

2 32 Tabel III. 1. Lokasi Kantor Samsat No Nama Alamat 1 Samsat Deli Tua Jl. Besar Deli Tua No 8 Medan 2 Samsat Putri Hijau Jl. Putri Hijau No 14 Medan 3 Samsat Marelan Jl. Marelan Raya Pasar II No 254 B Medan 4 Samsat Sun Plaza Jl. Teuku Umar Medan 5 Samsat Plaza Medan Fair Jl. Brawas Medan 6 Samsat Imam Bonjol Jl. Teuku Daud Medan 7 Samsat Tembung Jl. Besar Tembung No 5 Percut Sei Tuan 8 Samsat Medan Selatan Jl. Sisingamangaraja KM 5.5 III.2. Evaluasi Sistem ng Berjalan Setelah dilakukan analisa sistem yang berjalan di kantor samsat tersebut, maka penulis melakukan evaluasi dari sistem yang digunakan oleh Kantor Samsat dimana terdapat beberapa kelemahan-kelemahan dalam sistem yang digunakan oleh instansi tersebut, seperti sulitnya dalam mencari informasi tentang lokasi kantor pembayaran pajak kendaraan bermotor bagi masyarakat yang ingin melakukan pembayaran pajak kendaraan bermotor yang mereka miliki. Sehingga diperlukan sebuah perancangan aplikasi seperti sistem informasi geografis untuk memudahkan dalam mencari informasi di instansi tersebut. Dimana nantinya sistem ini akan diimplementasikan dalam bentuk program. Aplikasi ini akan memberikan kemudahan dalam penentuan lokasi kantor pembayaran pajak kendaraan bermotor dan penyajian informasi.

3 33 III.3. Desain Sistem III.3.1. Desain Sistem Secara Global Bentuk rancangan sistem yang penulis usulkan/akan dirancang adalah dengan menggunakan beberapa bentuk diagram dari UML yaitu : use case diagram, class diagram, sequence diagram dan activity diagram. III Use Case Diagram Adapun bentuk rancangan use case diagram yang penulis rancang dapat dilihat pada gambar III.1 : Halaman User Panduan Pembayaran LOGIN Pelayanan Samsat Halaman Admin User Pembayaran Pajak Tabel Kantor Pembayaran Admin Samsat Drive THRU <<include>> Lokasi Kantor Pembayaran Pajak <<extend>> Tabel Lokasi Kantor Pembayaran Tabel Pengguna Admin Gambar III.1. Use Case Diagram III Class Diagram Adapun bentuk rancangan class diagram yang penulis rancang dapat dilihat pada gambar III.2 :

4 34 tabel_kantor_pembayaran kodekantorpembayaran* : varchar(20) namakantorpembayaran : varchar(60) simpan() ubah() hapus() admin * * idadmin* : int(10) * * username : varchar(50) password : varchar(50) simpan() ubah() hapus() tabel_lokasi id_peta* : varchar(20) namakantorpembayaran : varchar(60) lokasi_pembayaran : text waktu_pelayanan : varchar(12) jam_buka : varchar(12) jam_istirahat : varchar(12) jam_tutup : varchar(12) telepon : varchar(15) kode_pos : varchar(8) keterangan : text koordinat_x : double koordinat_y : double gambar : varchar(50) simpan() ubah() hapus() Gambar III.2. Class Diagram III Sequence Diagram Adapun bentuk rancangan sequence diagram yang penulis rancang adalah sebagai berikut : III Sequence Diagram Login Adapun bentuk rancangan sequence diagram login yang penulis rancang dapat dilihat pada gambar III.3 : Admin Aplikasi Proses Database Permintaan UserName Dan Password Login UserName Dan Password Proses Login Dengan UserName Dan Password Validasi UserName Dan Password Tampilan Informasi Proses Login Gambar III.3. Sequence Diagram Login

5 35 III Sequence Diagram Tabel Kantor Pembayaran Adapun bentuk rancangan sequence diagram tabel kantor pembayaran yang penulis rancang dapat dilihat pada gambar III.4 : Aktor Aplikasi Proses Database Kantor Pembayaran Input Data Proses Penginputan Data Tampilan Hasil Input Data Data Input Disimpan Edit Data Pemilihan Data Edit Proses Pengeditan Data Tampilan Hasil Edit Data Data Edit Disimpan Hapus Data Pemilihan Data Hapus Proses Penghapusan Data Data Dihapus Tampilan Hasil Data Hapus Gambar III.4. Sequence Diagram Tabel Kantor Pembayaran III Sequence Diagram Tabel Lokasi Kantor Pembayaran Adapun bentuk rancangan sequence diagram tabel lokasi kantor pembayaran yang penulis rancang dapat dilihat pada gambar III.5 :

6 36 Aktor Aplikasi Proses Database Lokasi Input Data Proses Penginputan Data Tampilan Hasil Input Data Data Input Disimpan Edit Data Pemilihan Data Edit Proses Pengeditan Data Tampilan Hasil Edit Data Data Edit Disimpan Hapus Data Pemilihan Data Hapus Proses Penghapusan Data Data Dihapus Tampilan Hasil Data Hapus Gambar III.5. Sequence Diagram Tabel Lokasi Kantor Pembayaran III Sequence Diagram Tabel Pengguna Admin Adapun bentuk rancangan sequence diagram tabel pengguna admin yang penulis rancang dapat dilihat pada gambar III.6 :

7 37 Aktor Aplikasi Proses Database Lokasi Input Data Proses Penginputan Data Tampilan Hasil Input Data Data Input Disimpan Edit Data Pemilihan Data Edit Proses Pengeditan Data Tampilan Hasil Edit Data Data Edit Disimpan Hapus Data Pemilihan Data Hapus Proses Penghapusan Data Data Dihapus Tampilan Hasil Data Hapus Gambar III.6. Sequence Diagram Tabel Lokasi Kantor Pembayaran III Logika Program Logika program yang digunakan untuk sistem ini penulis rancang dengan menggunakan activity diagram berikut ini : III Activity Diagram Login Adapun bentuk rancangan activity diagram login yang penulis rancang dapat dilihat pada gambar III.7 : Login Menu Utama Gambar III.7. Activity Diagram Login

8 38 III Activity Diagram Tabel Kantor Pembayaran Adapun bentuk rancangan activity diagram tabel kantor pembayaran yang penulis rancang dapat dilihat pada gambar III.8 : Kantor Pembayaran Input Data Edit Data Pemilihan Data Hapus Data Hasil Keluar Tampilan Gambar III.8. Activity Diagram Tabel Kantor Pembayaran III Activity Diagram Tabel Lokasi Kantor Pembayaran Adapun bentuk rancangan activity diagram tabel lokasi kantor pembayaran yang penulis rancang dapat dilihat pada gambar III.9 : Lokasi Input Data Edit Data Pemilihan Data Hapus Data Hasil Keluar Tampilan Gambar III.9. Activity Diagram Tabel Lokasi Kantor Pembayaran

9 39 III Activity Diagram Tabel Pengguna Admin Adapun bentuk rancangan activity diagram tabel pengguna admin yang penulis rancang dapat dilihat pada gambar III.10 : Lokasi Input Data Edit Data Pemilihan Data Hapus Data Hasil Keluar Tampilan Gambar III.10. Activity Diagram Tabel Tabel Pengguna Admin III.3.2. Desain Sistem Secara Detail Desain sistem secara detail mencakup desain output, desain input dan desain database, serta logika program. III Desain Output III Desain Output Halaman User Adapun bentuk rancangan desain output halaman user yang penulis rancang dapat dilihat pada gambar III.11 :

10 40 Home Panduan Pembayaran Pelayanan Samsat Pembayaran Pajak Samsat Drive THRU Lokasi Kantor Pembayaran Pajak LOG IN Sulitnya Membayar Pajak Kendaraan Bermotor di Medan TEXT Gambar III.11. Output Halaman User III Desain Output Panduan Pembayaran Adapun bentuk rancangan desain output panduan pembayaran yang penulis rancang dapat dilihat pada gambar III.12 : Home Panduan Pembayaran Pelayanan Samsat Pembayaran Pajak Samsat Drive THRU Lokasi Kantor Pembayaran Pajak LOG IN Panduan Cara Membayar Pajak Kendaraan Bermotor Anda TEXT Gambar III.12. Output Panduan Pembayaran III Desain Output Pelayanan Samsat Adapun bentuk rancangan desain output pelayanan samsat yang penulis rancang dapat dilihat pada gambar III.13 :

11 41 Home Panduan Pembayaran Pelayanan Samsat Pembayaran Pajak Samsat Drive THRU Lokasi Kantor Pembayaran Pajak LOG IN Menyoal Kualitas Pelayanan Kantor Samsat TEXT Gambar III.13. Output Pelayanan Samsat III Desain Output Pembayaran Pajak Adapun bentuk rancangan desain output pembayaran pajak yang penulis rancang dapat dilihat pada gambar III.14 : Home Panduan Pembayaran Pelayanan Samsat Pembayaran Pajak Samsat Drive THRU Lokasi Kantor Pembayaran Pajak LOG IN Sulitnya Membayar Pajak Kendaraan Bermotor di Medan TEXT Gambar III.14. Output Pembayaran Pajak III Desain Output Samsat Drive THRU Adapun bentuk rancangan desain output samsat drive thru yang penulis rancang dapat dilihat pada gambar III.15 :

12 42 Home Panduan Pembayaran Pelayanan Samsat Pembayaran Pajak Samsat Drive THRU Lokasi Kantor Pembayaran Pajak LOG IN Sulitnya Membayar Pajak Kendaraan Bermotor di Medan TEXT Gambar III.15. Output Samsat Drive THRU III Desain Output Lokasi Kantor Pembayaran Pajak Adapun bentuk rancangan desain output lokasi kantor pembayaran pajak yang penulis rancang dapat dilihat pada gambar III.16 : Home Panduan Pembayaran Pelayanan Samsat Pembayaran Pajak Samsat Drive THRU Lokasi Kantor Pembayaran Pajak LOG IN Sulitnya Membayar Pajak Kendaraan Bermotor di Medan Aksi Navigasi Peta Peta Aktif Geser Perbesar Ukuran Perkecil PETA Icon Peta Gambar Cari Data Cari Gambar III.16. Output Lokasi Kantor Pembayaran Pajak

13 43 III Desain Input III Desain Input Login Adapun bentuk rancangan desain input login yang penulis rancang dapat dilihat pada gambar III.17 : Home Panduan Pembayaran Pelayanan Samsat Pembayaran Pajak Samsat Drive THRU Lokasi Kantor Pembayaran Pajak LOG IN Silahkan LOGIN Untuk Mengolah Data Kantor SAMSAT LOGIN DI SINI USERNAME PASSWORD submit Gambar III.17. Desain Input Login III Desain Input Tabel Kantor Pembayaran Adapun bentuk rancangan desain input tabel kantor pembayaranyang penulis rancang dapat dilihat pada gambar III.18 : Halaman Admin Tabel Kantor Pembayaran Tabel Lokasi Kantor Pembayaran Tabel Pengguna Admin LOG OUT Input Data Kantor Pembayaran Pajak Kendaraan Bermotor ID Kantor Pembayaran Pajak Nama Kantor Pembayaran Pajak submit Tabel Kantor Pembayaran Pajak Kendaraan Bermotor Nomor ID Kantor Pembayaran Pajak Nama Kantor Pembayaran Pajak EDIT HAPUS Gambar III.18. Desain Input Tabel Kantor Pembayaran

14 44 III Desain Input Tabel Lokasi Kantor Pembayaran Adapun bentuk rancangan desain input tabel lokasi kantor pembayaran yang penulis rancang dapat dilihat pada gambar III.19 : Halaman Admin Tabel Kantor Pembayaran Tabel Lokasi Kantor Pembayaran Tabel Pengguna Admin LOG OUT Aksi Navigasi Peta Peta Aktif Geser Silahkan Tentukan Lokasi Pada Peta untuk mendapatkan titik koordinat Titik Koordinat X : Titik Koordinat Y : Perbesar Ukuran Perkecil Icon Peta Gambar PETA Klik Peta Terlebih Dahulu Di Atas Untuk Mendapatkan Titik Koordinat Longitude [Koordinat X] : Latitude [Koordinat Y] : ID Lokasi Peta Kantor : Nama Kantor Pembayaran Pajak Lokasi Kantor Pembayaran Waktu Pelayanan Jam Buka Pukul Jam Istirahat Pukul Jam Tutup Pukul WIB WIB WIB No Telepon Kode Pos Keterangan Photo Samsat Browse Submit No Nama Kantor Lokasi Kantor Waktu Pelayanan Jam Buka Jam Istirahat Jam Tutup No Tlp Kode Pos Keterangan EDIT HAPUS Gambar III.19. Desain Input Tabel Lokasi Kantor Pembayaran

15 45 III Desain Input Tabel Pengguna Admin Adapun bentuk rancangan desain input tabel pengguna admin yang penulis rancang dapat dilihat pada gambar III.20 : Halaman Admin Tabel Kantor Pembayaran Tabel Lokasi Kantor Pembayaran Tabel Pengguna Admin LOG OUT Input Data Pengguna Sistem (Admin) Id Admin Nama Pengguna (Username) Kata Sandi (Password) submit Tabel Kantor Pembayaran Pajak Kendaraan Bermotor No Id Admin Nama Pengguna (Username) kata Sandi (Passoword) EDIT HAPUS Gambar III.20. Desain Input Tabel Pengguna Admin III Desain Input Home Admin Adapun bentuk rancangan desain input home admin yang penulis rancang dapat dilihat pada gambar III.21 : Halaman Admin Tabel Kantor Pembayaran Tabel Lokasi Kantor Pembayaran LOG OUT Selamat Datang di Halaman Admin TEXT Gambar III.21. Desain Input Home Admin

16 46 III.3.3. Desain Database Pada tahap desain database ini penulis menggunakan aplikasi database My SQL dimana penulis merancang ada 3 tabel di dalam database. III Kamus Data Adapun susunan dari kamus data yang digunakan dalam perancangan sistem ini adalah sebagai berikut : admin =({username} + username + password) tabel_kantor_pembayaran =({kodekantorpembayaran} + namakantorpembayaran) tabel_lokasi =({id_peta} + namakantorpembayaran + lokasi_pembayaran + waktu_pelayanan + jam_buka + jam_istirahat + jam_tutup + telepon + kode_pos + keterangan + koordinat_x + koordinat_y + gambar) III Normalisasi Normalisasi dilakukan agar menghasilkan tabel / file yang akan digunakan sebagai penyimpan data. Berikut normalisasi yang penulis rancang diantaranya : 1. Normalisasi Tahap 1 Tahapan ini dilakukan untuk membentuk tabel yang tidak normal menjadi bentuk normal. Dimana tahap ini juga dilakukan untuk menghilangkan kelompok yang terulang berikut adalah rancangan normalisasi tahap 1 dapat dilihat pada gambar III.22 :

17 47 idadmin* : int(10) username : varchar(50) password : varchar(50) kodekantorpembayaran* : varchar(20) namakantorpembayaran : varchar(60) id_peta* : varchar(20) namakantorpembayaran : varchar(60) lokasi_pembayaran : text waktu_pelayanan : varchar(12) jam_buka : varchar(12) jam_istirahat : varchar(12) jam_tutup : varchar(12) telepon : varchar(15) kode_pos : varchar(8) keterangan : text koordinat_x : double koordinat_y : double gambar : varchar(50) Gambar III.22. Rancangan Normalisasi Tahap 1 (1NF) 2. Normalisasi Tahap 2 Tahapan ini dilakukan untuk menghilangkan ketergantungan parsial. Berikut adalah rancangan normalisasi Tahap 2 sistem dapat dilihat pada gambar III.23 : idadmin* : int(10) username : varchar(50) password : varchar(50) kodekantorpembayaran* : varchar(20) namakantorpembayaran : varchar(60) id_peta* : varchar(20) lokasi_pembayaran : text waktu_pelayanan : varchar(12) jam_buka : varchar(12) jam_istirahat : varchar(12) jam_tutup : varchar(12) telepon : varchar(15) kode_pos : varchar(8) keterangan : text koordinat_x : double koordinat_y : double gambar : varchar(50) Gambar III.23. Rancangan Normalisasi Tahap 2 (2NF)

18 48 3. Normalisasi Tahap 3 (3NF) Tahapan ini sudah membentuk tabel yang akan digunakan dapat dilihat pada gambar III.24 : tabel_kantor_pembayaran kodekantorpembayaran* : varchar(20) namakantorpembayaran : varchar(60) simpan() ubah() hapus() admin idadmin* : int(10) username : varchar(50) password : varchar(50) simpan() ubah() hapus() tabel_lokasi id_peta* : varchar(20) namakantorpembayaran : varchar(60) lokasi_pembayaran : text waktu_pelayanan : varchar(12) jam_buka : varchar(12) jam_istirahat : varchar(12) jam_tutup : varchar(12) telepon : varchar(15) kode_pos : varchar(8) keterangan : text koordinat_x : double koordinat_y : double gambar : varchar(50) simpan() ubah() hapus() Gambar III.24. Rancangan Normalisasi Tahap 3 (3NF) III Desain Tabel / File Adapun dalam tahap desain tabel penulis menggunakan aplikasi database My SQL dimana penulis merancang beberapa tabel yaitu sebagai berikut : 1. Tabel admin Database Primary key : kantor_samsat_db : idadmin Tabel III.2. admin Nama Field Tipe Nilai idadmin(*) int 10 username varchar 50 password varchar 50

19 49 2. Tabel tabel_kantor_pembayaran Database Primary key : kantor_samsat_db : kodekantorpembayaran Tabel III.3. tabel_kantor_pembayaran Nama Field Tipe Nilai kodekantorpembayaran (*) varchar 20 namakantorpembayaran varchar Tabel tabel_lokasi Database Primary key : kantor_samsat_db : id_peta Tabel III.4. tabel_lokasi Nama Field Tipe Nilai id_ peta (*) varchar 20 namakantorpembayaran varchar 60 lokasipembayaran text - waktu_pelayanan varchar 12 jam_buka varchar 12 jam_istirahat varchar 12 jam_tutup varchar 12 telepon varchar 15 kode_pos varchar 8 keterangan text - koordinat_x double - koordinat_y double - gambar varchar 50