64
3.6.1 Skema Relasi
Skema relasi merupakan rangkaian hubungan antara dua tabel atau lebih pada sistem database. Berikut ini adalah skema relasi pada Sistem Informasi Keuangan di
Yayasan Raudhatul Alhfal Al-Muhajirin.
Gambar 3.10 Skema Relasi
3.6.2 Struktur Tabel
Berikut ini merupakan struktur tabel dari pembangunan Sistem Informasi Keuangan di Yayasan Raudhatul Alhfal Al-Muhajirin.
65
Tabel 3. 5 Struktur Tabel Kas Umum No
Key Column Name
Data Type Length
Null Default
1
PK Id_Kas_umum
Varchar 20
No 2
Tanggal
Date No
3 Uraian
Varchar 100
No 4
Debet
Float No
5
Kredit
Float 6
Saldo Float
Tabel 3.6 Struktur Tabel Guru No
Key Column Name
Data Type Length
Null Default
1
PK Nip
Varchar 20
No 2
Nama
Varchar 50
No 3
Alamat
Varchar 20
No
Tabel 3.7 Struktur Tabel Gaji Guru No
Key Column Name
Data Type Length
Null Default
1
PK Id_Gaji_Guru
Varchar 20
No 2
Tanggal Date
No 3
Nama
Varchar 20
No 4
Gaji
Float No
5
Pengeluaran
Float 6
Saldo
Float
66
Tabel 3.9 Struktur Tabel Petugas No
Key Column Name
Data Type Length
Null Default
1
PK Username
Varchar 20
No 2
Password
Varchar 20
No
3.6.3 Perancangan Struktur Menu
Struktur menu adalah bentuk umum dari suatu rancangan program untuk memudahkan pemakai dalam menjalankan program komputer. Sehingga saat
menjalankan program,admin dan petugas tidak mengalami kesulitan dalam memilih menu-menu yang diinginkan.Pada perancangan perangkat lunak ini dibuat menu
seperti dibawah ini:
Gambar 3.11 Struktur menu petugas
67
3.6.4 Perancangan Antarmuka
Tahap perancangan antarmuka dilakukan untuk merancang antarmuka agar dapat digunakan oleh pengguna baik admin maupun petugas yang menggunakan
Sistem Informasi ini.
Gambar 3. 12 Perancangan Antarmuka Login Admin dan Petugas
68
Gambar 3.13 Perancangan Antarmuka Halaman Utama Petugas
Gambar 3. 14 Perancangan Antarmuka Halaman Kas Umum
69
Gambar 3.15 Perancangan Antarmuka Halaman Tambah Kas Umum
Gambar 3.16 Perancangan Antarmuka Halaman Edit Kas Umum
70
Gambar 3.17 Perancangan Antarmuka Halaman Kredit Kas Umum
Gambar 3.18 Perancangan Antarmuka Halaman Gaji Guru
71
F09 1. Isi tanggal untuk mengisi tanggal.
2. Isi nama untuk mengisi nama. 3. Isi gaji untuk mengisi gaji.
4. Isi pengeluaran untuk mengisi pengeluaran
5. Klik tombol ceklis untuk untuk menyimpan semua data yang sudah
diisi kedalam database. 6. Klik Tombol silang untuk
membatalkan semua data yang sudah diisi.
Tanggal
ISI GAJI GURU
Nama Gaji
Pengelu aran
Gambar 3.19 Perancangan Antarmuka Halaman Tambah Gaji Guru
F10 1. Edit Tanggal untuk merubah
tanggal 2. Edit Nama untuk merubah nama.
3. Edit Gaji untuk merubah gaji guru 4. Edit Pengeluaran untuk merub ah
data pengeluaran. 5. Klik tombol ceklis untuk
menyimpan data yang sudah di edit ke database.
6. Klik tombok silang untuk membatalkan data yang sudah
diedit. Tanggal
EDIT GAJI GURU
Nama Gaji
Pengelu aran
Gambar 3.20 Perancangan Antarmuka Halaman Tambah Edit Gaji Guru
72
F11 1. isi pengeluaran untuk mengisi
jumlah pengeluaran.
2. Klik tombol ceklis untuk
menyimpan jumlah pengeluaran yang diisi kedalam database.
3. klik tombol silang untuk membatalkan jumlah pengeluaran
yang diisi.
PENGELUARAN
Pengelu aran Saldo : Rp350.000
Gambar 3.21 Perancangan Antarmuka Halaman Pengeluaran Gaji Guru
Gambar 3.22 Perancangan Antarmuka Halaman Data Guru
73
Gambar 3.23 Perancangan Antarmuka Halaman Tambah Data Guru
Gambar 3.24 Perancangan Antarmuka Halaman Edit Guru
74
3.6.5 . Jaringan Semantik
Kategori