BAB III PEMBAHASAN A. Perancangan
1. Analisa Kebutuhan a. Software equipment
Dalam pembuatan aplikasi Sistem Informasi Rukun Tetangga Berbasis Web di Sidoarjo ini membutuhkan perangkat lunak (software) untuk hal pembuatan program aplikasi Sistem Informasi Rukun Tetangga Berbasis Web di Sidoarjoyaitu:
1) Sistem operasi Microsoft Windows 10 Home Single Language 2) Web server yang digunakan adalah XAMPP
3) Pemrograman PHP 4) Framework Bootstrap
b. Teknik Pengumpulan Data
Teknik pengumpulan data merupakan suaru cara memperoleh data-data yang diperlukan dalam penelitian. Dalam penelitian ini teknik yang digunakan antara lain sebagai berikut:
1) Observasi
Merupakan aktivitas penelitian dalam rangka mengumpulkan data yang berkaitan dengan masalah penelitian melalui proses pengamatan langsung di lapangan. Peneliti berada ditempat itu, untuk mendapatkan bukti-bukti yang valid dalam laporan yang akan diajukan. Observasi adalah metode pengumpulan data dimana peneliti mencatat informasi sebagaimana yang mereka saksikan selama penelitian (W. Gulo, 2002:
116).
Teknik pengumpulan data ini dilakukan dengan cara mengamati suatu fenomena yang ada dan terjadi. Observasi yang dilakukan diharapkan dapat memperoleh data yang sesuai atau relevan dengan topik penelitian.
2. Analisis Sistem
a. DFD (Data Flow Diagram)
Menurut Sukamto dan Shalahuddin (2014:288), “Data Flow Diagram atau dalam bahasa Indonesia menjadi Diagram Alir Data (DAD) adalah refresentasi grafik yang menggambarkan aliran informasi dan transformasi informasi yang diaplikasikan sebagai data yang mengatur dari masukan (input) dan keluaran (output).
b. DFD level 0
Gambar 3.1 DFD level 0
c. DFD level 1
Gambar 3.2 DFD level 1
d. Basis Data
1) Struktur Tabel
Berikut adalah struktur tabel yang digunakan pada aplikasi ini:
a) tbl_user
Tabel User digunakan untuk menyimpan dan mengedit data user/admin yang bisa mengakses aplikasi Sistem Informasi Rukun Tetangga. Ditunjukkan pada tabel 3.1
Nama Field Tipe Ukuran Keterangan
Id_user Int 11 Primary key
Nama Varchar 45
Username_user Varchar 20 Password_user Varchar 32 Keterangan_user Text
Status_user Enum ‘admin’
‘RT’
Created_at timestamp Updated_at timestamp
Tabel 3.1 Tabel User
b) warga
Tabel Warga digunakan untuk menyimpan dan mengedit data warga. Ditunjukkan pada tabel 3.2
Nama field Tipe Ukuran Keterangan
Id_warga Int 11 Primary key
Nik_warga Varchar 16
Nama_warga Varchar 45
Tempat_lahir_warga Varchar 30 Tanggal_lahir_warg
a
Date
Jenis_kelamin_warg a
Enum ‘P’’L’
Alamat_ktp_warga Text Alamat_warga Text
No_rumah Varchar 5
Desa_kelurahan_war ga
Varchar 30
Kecamatan_warga Varchar 30 Kabupaten_kota_wa
rga
Varchar 30
Provinsi_warga Varchar 30
Negara_warga Varchar 30
Rt_warga Varchar 3
Rw_warga Varchar 3
Agama_warga Enum ‘islam’
‘kristen’
‘katholik’
‘hindu’
‘budha’
Pendidikan_terakhir _warga
Varchar 20
Pekerjaan warga Varchar 20 Status_perkawinan_
warga
Enum ‘kawin’
‘belum kawin’
Status_warga Enum ‘tetap’
‘kontrak’
Id_user Int 11
Username Varchar 50
Password Varchar 50
Foto Varchar 100
Created_at timestamp Updated_at timestamp
Tabel 3.2 Tabel Warga
c) kartu_keluarga
Tabel Kartu Keluarga digunakan untuk menyimpan dan mengedit data kartu keluarga. Ditunjukkan pada tabel 3.3
Nama field Tipe Ukuran Keterangan
Id_keluarga Int 11 Primary key
Nomor_keluarga Varchar 16
Id_kepala_keluarga Int 11
Alamat_keluarga Text
Desa_kelurahan_keluarga Varchar 30 Kecamatan_keluarga Varchar 30 Kabupaten_kota_keluarga Varchar 30 Provinsi_keluarga Varchar 30 Negara_keluarga Varchar 30
Rt_keluarga Varchar 3
Rw_keluarga Varchar 3
Kode_pos_keluarga Varchar 5
Id_user Int 11
Created_at Timestamp
Updated_at Timestamp
Tabel 3.3 Tabel Kartu Keluarga
d) kas
Tabel Kas digunakan untuk menambah data kas masuk, dan data kas keluar. Ditunjukkan pada tabel 3.4
Nama field Tipe Ukuran Keterangan
Kode Int 11 Primary key
Id_keluarga Int 11
Keterangan Varchar 300
Id_bln Varchar 15
Tanggal Date
Jumlah_masuk Int 20
Jenis Varchar 20
Jumlah_keluar Int 20
Id_user Int 11
Created_at Timestamp Update_at Timestamp
Tabel 3.4 Tabel Kas
e) warga_has_kartu_keluarga
Tabel warga yang memiliki kartu keluarga digunakan untuk menampilkan warga yang sudah memiliki kartu keluarga.
Ditunjukkan pada tabel 3.5
Nama field Tipe Ukuran Keterangan
Id_warga Int 11
Id_keluarga Int 11
Tabel 3.5 Tabel warga yang memiliki kartu keluarga
f) bulan
Tabel Bulan digunakan untuk menampilkan laporan keuangan berdasarkan bulan. Ditunjukkan pada table 3.6
Nama field Tipe Ukuran Keterangan
Id_bulan Int 10 Primary key
Bulan Varchar 50
Tabel 3.6 Tabel Bulan
g) mutasi
Tabel Mutasi digunakan untuk menyimpan informasi data warga yang keluar. Ditunjukkan pada table 3.7
Nama field Tipe Ukuran Keterangan
Id_mutasi Int 11 Primary key
Nik_mutasi Varchar 16
Nama_mutasi Varchar 45
Tempat_lahir_mutasi Varchar 30 Tanggal_lahir_mutasi Date
Jenis_kelamin_mutasi Enum ‘L’ ‘P’
Alamat_ktp_mutasi Text
Alamat_mutasi Text
Desa_kelurahan_mutasi Varchar 30 Kecamatan_mutasi Varchar 30 Kabupaten_kota_mutasi Varchar 30
Provinsi_mutasi Varchar 30
Negara_mutasi Varchar 30
Rt_mutasi Varchar 3
Rw_mutasi Varchar 3
Agama_mutasi Enum ‘islam’
‘kristen’
‘katholik’
‘hindu’
‘budha’
Pendidikan_terakhir_mutasi Varchar 20 Pekerjaan_mutasi Varchar 20 Status_perkawinan_mutasi Enum ‘kawin’
‘tidak kawin’
Status_mutasi Enum ‘tetap’
‘kontrak’
Id_user Int 11
Create_at Timestamp
Update_at Timestamp
Tabel 3.7 Tabel Mutasi
2) Relasi antar Tabel
Tabel 3.8 Relasi antar Tabel
B.Implementasi
1. Implementasi Interface
Berikut adalah implementasi antarmuka yang telah dibuat penulis dalam pembuatan “Perancangan Sistem Informasi Rukun Tetangga Berbasis Web di Sidoarjo”.
a. Halaman Awal Web.
Gambar 3.3 Tampilan halaman awal Web.
b. Data Warga.
Pada halaman ini digunakan untuk melakukan pengolahan data warga.
c. Data Kartu Keluarga.
Pada Halaman ini digunakan untuk mengolah data kartu keluarga.
Gambar 3.5 Tampilan halaman Data Kartu Keluarga.
d. Data Mutasi
Pada Halaman ini digunakan untuk mengolah data mutasi warga.
Gambar 3.6 Tampilan halaman Data Mutasi.
e. Kas Masuk
Pada Halaman ini digunakan untuk mengolah data Kas masuk.
Gambar 3.7 Tampilan halaman Data Kas Masuk.
f. Kas Keluar
Pada Halaman ini digunakan untuk mengolah data Kas keluar.
Gambar 3.8 Tampilan halaman Data Kas Keluar.
g. Pembayaran Iuran
Pada Halaman ini digunakan untuk mengolah data Pembayaran Iuran.
Gambar 3.9 Tampilan halaman Pembayaran Iuran.
h. Laporan Keuangan Pemasukan
Pada Halaman ini digunakan untuk menampilkan Laporan Keuangan Pemasukan.
Gambar 3.10 Tampilan halaman Laporan Keuangan Pemasukan.
i. Laporan Keuangan Pengeluaran
Pada Halaman ini digunakan untuk menampilkan Laporan Keuangan Pengeluaran.
Gambar 3.11 Tampila halaman Laporan Keuangan Pengeluaran.
j. Laporan Iuran
Pada Halaman ini digunakan untuk menampilkan Laporan Iuran.
Gambar 3.12 Tampilan halaman Laporan Iuran.
k. Rekapitulasi
Pada Halaman ini digunakan untuk menampilkan rekapitulasi keuangan.
Gambar 3.13 Tampilan halaman Rekapitulasi.
C. Uji Coba Sistem
Form pengujian Login sistem.
Tabel 3.9 Form Pengujian Login Sistem Form pengujian Data Warga
No Skenario Pengujian Hasil
1. Input username dan password untuk masuk ke halaman awal.
✓
No Skenario Pengujian Hasil
1. Input data warga ✓
2. Ubah data warga ✓
3. Hapus dara warga ✓
4. Mutasi data warga ✓
Form pengujian Data Kartu Keluarga
Tabel 3.11 Form Pengujian Data Kartu Keluarga Form pengujian Data Mutasi
Tabel 3.12 Form Pengujian Data Mutasi Form pengujian Kas Masuk
Tabel 3.13 Form Pengujian Kas Masuk Form pengujian Kas Keluar
Tabel 3.14 Form Pengujian Kas Keluar
No Skenario Pengujian Hasil
1. Input data kartu keluarga ✓
2. Ubah data kartu keluarga ✓
3. Hapus data kartu keluarga ✓
No Skenario Pengujian Hasil
1. Hapus dara warga ✓
No Skenario Pengujian Hasil
1. Input data Kas Masuk ✓
2. Ubah data Kas Masuk ✓
3. Hapus data Kas Masuk ✓
No Skenario Pengujian Hasil
1. Input data Kas Keluar ✓
2. Ubah data Kas Keluar ✓
3. Hapus data Kas Keluar ✓
Form pengujian Iuran
Tabel 3.15 Form Pengujian Iuran
No Skenario Pengujian Hasil
1. Input data Iuran ✓
2. Ubah data Iuran ✓
3. Hapus data Iuran ✓
