BAB III ANALISA DAN DESAIN SISTEM

Transkripsi

1 BAB III ANALISA DAN DESAIN SISTEM III.1. Analisa Sistem yang berjalan Proses yang sedang berjalan dalam penginformasian mengenai data rumah zakat termasuk lokasi rumah zakat di Kota Medan sudah terkomputerisasi, akan tetapi masih mengalami kendala yang terdapat pada penginformasian lokasi rumah zakat, dimana lokasi rumah zakat yang diketahui oleh donasi (pengunjung) masih ada yang belum terdaftar, dan juga tidak adanya pemetaan rumah zakat yang ada di kota medan mengakibatkan kurang jelasnya tata letak lokasi tersebut berada. Untuk itu, sistem yang penulis rancang adalah sistem yang menampilkan informasi secara online berbasis gis yang dapat menambahkan informasi kepada masyarakat tentang letak rumah zakat yang ada di Kota Medan. Dalam tahap pengembangan sistem informasi, analisa sistem merupakan hal yang harus dilakukan sebelum proses perancangan sistem. Pada proses analisa sistem terdapat 3 (tiga) langkah analisa yang harus dilakukan yaitu analisa input, analisa proses dan analisa output. Adapun analisa sistem yang berjalan sebagai berikut. III.1.1. Input Adapun input data dalam pengolahan data pada Pemetaan Lokasi Rumah Zakat adalah dengan melakukan penginputan ke dalam aplikasi Microsoft Excel 30

2 31 yang inputnya berupa, Nama Sekolah, Alamat, dan No Telp. Adapun tampilannya ditunjukkan pada Gambar III.1. berikut. Kantor Cabang No.Telepon No.Fax Alamat Medan Setia Budi Jl.Setiabudi.No.32D Medan Sunggal-Medan Gambar III.1. Penginputan Data Rumah Zakat Medan III.1.2. Proses Setelah melakukan analisa terhadap input, maka selanjutnya akan dilakukan analisa proses pengolahan data. Analisa proses adalah suatu bagian dimana suatu input data akan dikelola agar menjadi output yang diinginkan. Penginputan data dilakukan oleh pegawai amil rumah zakat, kemudian data tersebut diserahkan kepada bagian pengelola data rumah zakat dan diteruskan kepada Kepala Manager sebagai laporan. Proses data tersebut dapat dilihat pada Gambar III.2. berikut.

3 32 Pegawai Amil Rumah Zakat Mulai Branch Manager Data Rumah Zakat Administrasi Kantor Pusat Lap. Data Rumah Zakat Membuat Data Rumah Zakat Memeriksa Data Rumah Zakat Pemeriksaan & Dokumentasi Input Data Rumah Zakat Membuat Lap. Data Rumah Zakat Selesai Data Rumah Rumah Zakat Lap. Data Rumah Zakat Keterangan : Gambar III.2. Proses Pengolahan Data Rumah Zakat 1. Dimulai dari pegawai amil rumah zakat yang melakukan penginputan mengenai data rumah zakat. 2. Setelah itu data tersebut diserahkan kepada Branch Manager. Pengurus untuk diperiksa dan kemudian membuat laporan. 3. Selanjutnya laporan tersebut diserahkan kepada administrasi kantor pusat untuk diperiksa dan didokumentasikan.

4 33 III.1.3. Output Data output adalah merupakan data laporan yang menunjukkan buktibukti pengolahan data yang telah dilakukan dalam bentuk laporan-laporan yang akan ditujukan kepada pihak yang membutuhkannya. III.2. Evaluasi Sistem ng Berjalan Sistem yang ada saat ini dikelola menggunakan komputer yang masih berbasis database dalam mengelola informasi lokasi kanntor rumah zakat, dan sistem yang sedang berjalan saat ini sudah menggunakan aplikasi berbasis web akan tetapi belum adanya petunjuk peta yang menjelaskan tentang lokasi rumah zakat tersebut di kota Medan. Dalam hal pengolahan data untuk sistem yang baru dibandingkan sistem yang lama terdapat beberapa hal yang berbeda, diantaranya adalah perubahan dalam hal penggunaan aplikasi program, yaitu akses pencarian informasi data rumah zakat di Kota Medan dapat diakses melalui internet secara lengkap, dan terintegrasi langsung dengan peta lokasi rumah zakat tersebut berada. Dari hasil evaluasi sistem yang lama berdasarkan penelitian yang penulis lakukan secara langsung pada rumah zakat yang ada di Medan, penulis merancang sebuah sistem yang dapat mempermudah cara kerja yang dapat menghasilkan data yang lebih akurat. Dimana sistem yang akan dirancang lebih diajukan untuk penanganan masalah diatas, secara perlahan sistem yang lama di ganti dengan sistem yang baru. Untuk sistem yang baru, sumber daya manusianya juga harus mendukung, dilihat dari sistem yang lama sering terjadi tumpang tindih data, tidak ada fasilitas untuk menjaga agar data tidak tumpang tindih. Sistem yang telah

5 34 dirancang menghasilkan data lokasi rumah zakat di kota Medan yang dapat diakses melalui internet, dan terintegrasi langsung dengan peta lokasi rumah zakat tersebut berada, dan data tidak akan mungkin terjadi tumpang tindih, karena adanya sistem proteksi dan informasi yang di berikan juga berisikan tampilan peta yang memiliki informasi rumah zakat yang berbasis WebGIS. III.3. Disain Sistem III.3.1. Disain Sistem Secara Global Setelah tahapan analisis sistem, maka selanjutnya dibuat suatu rancangan sistem. Perancangan sistem adalah tahapan yang berguna untuk memperbaiki efisiensi kerja suatu sistem yang telah ada. Adapun perancangan sistem yang akan digunakan adalah Use Case Diagram, Sequence Diagram dan Activity Diagram. III Use Case Diagram Berikut ini gambar use case diagram Pengolahan Data Rumah Zakat Sistem Informasi Geografis Di Kota Medan.

6 35 HomeMenu Home Amil Profil Rumah Zakat Donatur Lokasi Rumah Zakat GIS Rumah Zakat Data Rekening Zakat include include include include include Lokasi Rumah Zakat Daftar Manager Daftar Rekening Zakat <<extends>> <<extends>> <<extends>> Amil Zakat Gambar III.3. Use Case Diagram Pengolahan Sistem Informasi Geografis Data Rumah Zakat Di Kota Medan III Class Diagram Class diagram menggambarkan struktur dan deskripsi class, package dan objek beserta hubungan satu sama lain seperti containment, pewarisan, asosiasi, dan lain-lain. Berikut ini gambar class diagram Pengolahan Sistem Informasi Geografis Rumah Zakat di Kota Medan. Registrasi User user_id * : tinyint username : varchar password : char # input () # edit () Amil user_id * : tnyint username : varchar + actlogin. php() + menu. php() menu. php - Listmenu + Getregistrasi. php(): registrasi..php + Getrekening. php(): daftar_ rekening.. php + Getpeta. php(): peta_ amil. php + Getmanager. php(): daftar_ manager.. php Peta x : varchar y: varchar no. telepon: varchar kecamatan : varchar Rekening no_ rekening : varchar rek_id: int Manager man_nip : char man_alamat : int man_alamat : varchar Logout - logout : String + logout. php(): index. php # input () # edit () # hapus () # input () # edit () # hapus () # input () # edit () # hapus () Gambar III.4. Class Diagram Amil Rumah Zakat

7 36 III Sequence Diagram Sequence diagram menunjukkan bagaimana detil operasi yang dilakukanpesan apa yang dikirim dan kapan. Sequence diagram menjelaskan interaksi obyek yang disusun dalam suatu urutan waktu tertentu. Urutan waktu yang dimaksud adalah urutan kejadian yang dilakukan oleh seorang actor dalam menjalankan sistem. III Sequence Diagram Login Aktor Proses Proses Database Permintaan Nama User Dan Password Login Nama User Dan Password Proses Login Dengan Nama User Dan Password Validasi Nama User Dan Password Gambar III.5. Sequence Diagram Login III Sequence Diagram Data Rekening Rumah Zakat Aktor Aplikasi Proses Database Membuka Form Olah Data Rekaning Melakukan Input Data Rekening Rumah Zakat Proses Penginputan Data Data Input Dokter Disimpan Tampilan Hasil Informasi Data Rekening Rumah Zakat Gambar III.6. Sequence Diagram Data Rekening Rumah Zakat

8 37 III Sequence Diagram Informasi Peta Aktor Aplikasi Proses Database Membuka Peta Melakukan Pencarian Informasi Proses Pencarian Data Ditemukan Tampilan Hasil Informasi Peta Gambar III.7. Sequence Diagram Informasi Peta III Sequence Diagram Olah Data Lokasi Rumah Zakat Aktor Aplikasi Proses Database Membuka Form Olah Data Lokasi Rumah Zakat Melakukan Input Data Lokasi Rumah Zakat Melakukan Ubah Data Lokasi Rumah Zakat Pemilihan Data ng Akan Diubah Ubah Data Lokasi Rumah Zakat Melakukan Hapus Data Lokasi Rumah Zakat Pemilihan Data ng Akan Dihapus Hapus Data Lokasi Rumah Zakat Proses Penginputan Data Proses Perubahan Data Proses Penghapusan Data Tampilan Hasil Informasi Data Lokasi Praktek Data Input Lokasi Rumah ZakatDisimpan Data Ubah Lokasi Rumah ZakatDisimpan Data Lokasi Rumah Zakat Dihapus Gambar III.8. Sequence Diagram Olah Data Lokasi Rumah Zakat

9 38 III.3.2. Desain Sistem Secara Detail Dalam hal ini penulis akan membahas perancangan sistem yang akan dibangun secara terperinci yaitu melalui desain output, desain input dan desain database. III Desain Output Disain sistem ini berisikan tampilan hasil yang akan diperoleh dari Pengolahan Data Rumah Zakat Di Kota Medan yaitu halaman utama berupa artikel zakat,tampilan peta berupa visualisasi peta, data rumah zakat, rekening rumah zakat, data lokasi rumah zakat di kota Medan. III Tampilan Halaman Home Tampilan awal pada saat pertama kali mengakses Pengolahan Data Rumah Zakat oleh user terdiri dari lima menu utama yaitu Home, Peta, Program, Layanan dan Login. Halaman home berisi tentang artikel rumah zakat yang dapat di baca oleh pengunjung, untuk perancangannya dapat dilihat di bawah ini : Logo Nama Login Password Amil Profil Donasi Peta Rumah Zakat Daftar Rekening Artikel xxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxx Gambar III.9. Tampilan Halaman Home

10 39 III Tampilan Halaman Peta Halaman Peta merupakan halaman yang menampilkan hasil pencarian letak lokasi rumah zakat yang berada di kota Medan. Logo Beranda Donasi Daftar Rekening Search by Kecamatan cari Peta Rumah Zakat Medan Gambar III.10. Tampilan Halaman Peta III Tampilan Halaman Data Rekening Rumah Zakat Bila donasi ingin mengetahui rekening maka donasi dapat mengakses menu ini, yang berisikan nama bank beserta nomor rekening untuk pembayaran zakat via transfer. Logo Beranda Donasi Peta Rumah Zakat Daftar Nomor Rekening Untuk Penyaluran Zakat Nomor Nomor Rekening Atas Nama Rekening xxxxxxx xxxxxxx xxxxxxx Gambar III.11. Tampilan Halaman Data Rekening Rumah Zakat

11 40 III Disain Input Pengolahan lokasi rumah zakat di kota Medan meliputi desain input dari bentuk dokumen-dokumen input yang akan digunakan dan hanya dapat dilakukan oleh amil zakat (karyawan). Dokumen input sangat penting pada sistem informasi, data yang salah tercatat di dokumen akan mengakibatkan output yang dihasilkan sistem otomatis akan salah. Pengolahan lokasi rumah zakat di kota Medan berisikan form input data yang menjadi inputnya antara lain : III Disain Input Data Amil Zakat Bila user ingin meninggalkan pesan, maka halaman ini dapat digunakan untuk mengisi pesan tentang kritik dan saran yang ingin disampaikan oleh user. Logo Beranda Donasi Peta Rumah Zakat Nama Password Level Gambar III.12. Tampilan Halaman Input Data Amil Zakat

12 41 III Desain Input Rekening Rumah Zakat Bila amil ingin menambahkan rekening bank baru, maka halaman ini dapat digunakan untuk mengisinya tentang nomor rekening bank dan atas nama penyalurannya atau atas nama rekening bank nya. Logo Menu Amil Tambah Lokasi Tambah Amil Daftar Lokasi Keluar Nomor Rekening Zakat Atas Nama Rekening save cancel Gambar III.13. Tampilan Halaman Rekaning Rumah Zakat III Desain Input Peta Lokasi Rumah Zakat Tampilan ini berisi form untuk menambah, edit dan menghapus data lokasi rumah zakat. Logo Menu Amil Tambah Rekening Tambah Amil Hai (user) Selamat Datamg Daftar Lokasi Keluar Peta Kota Medan Sumbu X Sumbu Y Pin ID Nama Menejer Alamat Rumah Zakat No. Telepon Rumah Zakat Kecamatan Atas Nama Rekening Zakat Brows Brows save cancel Gambar III.14. Desain Input Peta Lokasi Rumah Zakat

13 42 III Disain Database Database merupakan kumpulan dari data yang saling berhubungan satu dengan yang lain. Untuk merancang database secara konsepsual tentunya diperlukan alat bantu, baik untuk menggambarkan keterhubungan antar data maupun pengoptimalan rancangan database. Alat bantu tersebut adalah Entity Relationship Diagram, kamus data, normalisasi serta disain tabel. III.4. Kamus Data Kamus data merupakan suatu daftar terintegrasi tentang komposisi elemen data, aliran data dan data store yang digunakan. Pengisian data dictionary dilakukan setiap saat selama proses pengembangan berlangsung, ketika diketahui adanya data atau saat diperlukan penambahan data item kedalam sistem. Berikut kamus data dari Sistem Informasi Geografis Zakat di Wilayah Kota Medan : User= ({user_id } + username + password ) manager= ({man_id } + man_nip + man_nama + man_alamat) Rekening = ({id_rek} + nama_bank + no_rekening) File_gambar= ({file_id}+ alamat + x + y +no_telepon+kecamatan ) III.5. Disain Tabel Berikut ini adalah rancangan tabel yang dibuat sebagai tempat penampungan atau penyimpanan data SIG Lokasi Rumah Zakat di Kota Medan dengan nama database dbrumahzakat yang terdiri dari berberapa tabel yaitu

14 43 1. Tabel File gambar 2. Tabel Rekening 3. Table User 4. Table Manager a. Tabel Filegambar Database Table File_id : dbrumahzakat : lokasi_rumahzakat : Primary key Tabel III.1.Tabel File Gambar Nama Field Tipe Ukuran Keterangan file_id Int 5 Primery key rek_id int 5 - Nama Varchar 50 - Alamat Varchar 50 - no_telp Int 5 - Kecamatan Varchar 30 - Deskripsi Text - Filename Varchar Filesize Int 20 - Filetype Varchar Location Varchar 200 -

15 44 X Varchar 10 null Y Varchar 10 null filename2 Varchar filesize2 Int 20 - filetype2 Varchar location2 Varchar Fungsi tabel lokasi_rumahzakat adalah untuk menyimpan data informasi rumah zakat yang berupa nama kantor cabang. Alamat, no_telepon, lokasi, kecamatan, deskripsi dan gambar karyawan. b. Tabel Rekening Database Table : dbrumahzakt : rekening Id_rek : Primary key Tabel III.2. Tabel Rekening Nama Field Tipe Ukuran Keterangan rek_id Int 5 Primery key No_rekening Varchar 40 - Fungsi table rekening adalah untuk menyimpan data rekening rumah zakat yang merupakan fasilitas untuk tempat pembayaran melaui bank.

16 45 c. Tabel User Database Table User_id : dbrumahzakat : user : Primary Key Tabel III.3. Tabel User Nama Field Tipe Ukuran Keterangan Id_user tinyint 5 Primary Key username Varchar 30 - password Varchar 50 - level char 0 dan 2 - Fungsi tabel user diatas adalah untuk menambah pengguna baru yang dapat masuk ke dalam menu, dimana menu tersebut berisikan 2 level, level yang pertama berisi hak akses untuk amil (karyawan), dan yang ke dua adalah akses oleh manager cabang rumah zakat (branch manager) ng disimpan berupa user_id, username, password dan level. Untuk masuk ke dalam sistem adalah ketepatan dan kecocokan username dan password. d. Tabel Manager Database : dbrumahzakat Table : user man_id: Primary Key

17 46 Tabel III.4. Tabel Manager Nama Field Tipe Ukuran Keterangan Man_id int 11 Primary Key Man_nip char 5 - Man_nama Varchar 20 - Man_alamat Varchar 40 - Rek_id tinyint 4 -

18 47 III.6. ERD (Entity Relationship Diagram) user_id username password level man_nip man_nama man_alamat Amil manager_ cabang Olah data terdapat Q_lokasi file_id no_ telp rek_id alamat terdapat nama_ manager no_ rekening terdapat file_ gambar rekening file_id x no_telp location y kecamatan rek_id no_ rekening Gambar III.15. ERD (Entity Relationship Diagram)

19 48 III.7. Logika Program III.7.1. Activity Diagram Login Sistem Login Login Sukses Menu Utama Tampilan Gambar III.16. Activity Diagram Login Sistem III.7.2. Activity Diagram Data User Menu Utama Registrasi Input Data Hasil Tampilan Keluar Gambar III.17. Activity Diagram Data User

20 49 III.7.3. Activity Diagram Olah Data Lokasi Rumah Zakat Menu Utama Olah Data Lokasi Rumah Zakat Input Data Ubah Data Hapus Data Hasil Tampilan Keluar Gambar III.18. Activity Diagram Olah Data Lokasi Rumah Zakat III.7.4. Activity Diagram Rekening Zakat Menu Utama Rekening Input Data Hasil Tampilan Keluar Gambar III.19. Activity Diagram Rekening Zakat

21 50 III Activity Diagram Informasi Peta Menu Utama Informasi Peta Keluar Hasil Tampilan Gambar III.20. Activity Diagram Informasi Peta III Activity Diagram Informasi Laporan Rekening Zakat Menu Utama Informasi Rekening Zakat Keluar Hasil Tampilan Gambar III.21. Activity Diagram Informasi Laporan Rekening Zakat

22 51 III Activity Diagram Informasi Amil Menu Utama User Amil Donasi Menu Amil Menu Donasi Keluar Gambar III.22. Activity Diagram Informasi Amil III Activity Diagram Logout Amil (Administrasi Rumah Zakat) Diagram kegiatan yang dilakukan amil logout dari sistem informasi geografis lokasi rumah zakat dilihat pada gambar III.23 dibawah ini. Clear session Kirim Header ke Menu Amil Gambar III.23. Activity Diagram Logout Amil