Gambar 4.12 Desain Form Login Sumber: Diolah Oleh Penulis
b) Form Menu Utama
Form Menu Utama merupakan sebuah form tampilan setelah melakukan proses login. Dalam form ini menampilkan keseluruhan program yang akan digunakan user. Menu utama ini memiliki tiga sub menu utama, seperti menu master data, menu transaksi, dan menu laporan.
Penggunaan menu utama ini menggunakan pilihan tool strip yang ada pada pilihan add item. Tampilan menu utama yang dibuatkan oleh penulis disesuaikan dengan kebutuhan masjid dengan tampilan yang bertuliskan huruf arab. Berikut merupakan desain dan tampilan fisik menu utama:
Gambar 4.13 Desain Form Menu Utama.
Sumber: Diolah Oleh Penulis.
Gambar 4.14 Tampilan Menu Utama. Sumber: Diolah Oleh Penulis
Adapun bagian-bagian di dalam menu utama yang akan penulis uraikan melalui bagan agar dapat dipahami sebagai berikut:
Gambar 4.15 Bagian-Bagian Menu Utama.
Sumber: Diolah Oleh Penulis.
c) Master Data
Menu Utama
Master Data Transaksi Laporan
Pengurus Penerimaan Pengeluaran Proses Penerimaan Harian Mingguan Bulanan Tahunan Arus Kas Proses Pengeluaran Transaksi Master Data Pengurus Penerimaan Pengeluaran
Master data merupakan sub bagian menu utama yang berfungsi untuk menginputkan data Masjid Muhammadiyah Al Muhajirin. Master data yang dibuatkan oleh penulis dalam program aplikasi ini terdapat 3 master data, yaitu master data pengurus, master data penerimaan, dan master data pengeluaran.
Adapun cara penggunaan master data yang berlaku untuk setiap form-form yang ada di master data adalah sebagai berikut:
(1) Master data berfungsi untuk menginputkan segala data yang ada pada Masjid Muhammadiyah Al Muhajirin. Didalamnya terdapat tombol tambah, simpan, edit, hapus, batal, dan keluar.
(2) Penggunaan Tombol Tambah
Tombol tambah berfungsi untuk menambahkan data dan mengaktifkan seluruh textbox yang terdapat pada form tersebut agar pengguna dapat menginputkan data yang baru. Pada tombol tambah sudah diberi icon oleh penulis sebagai penanda tombol tersebut yaitu gambar tambah berwarna hijau.
(3) Penggunaan Tombol Simpan
Tombol simpan berfungsi untuk menyimpan data yang telah diinputkan oleh pengguna dan tersimpan ke dalam database yakni SQL Server 2014. Pada tombol tambah sudah diberi icon oleh penulis sebagai penanda tombol tersebut yaitu gambar kartu memori berwarna hitam dan putih.
Tombol edit berfungsi untuk mengeditkan data yang telah diinputkan pengguna apabila terjadi kesalahan atau penambahan pada data tersebut. Pengguna terlebih dahulu untuk meng-klik pada data yang ingin diedit yang sudah ditampilkan pada data grid view. Pada tombol tambah sudah diberi icon oleh penulis sebagai penanda tombol tersebut yaitu gambar pensil berwarna coklat.
(5) Penggunaan Tombol Hapus
Tombol hapus berfungsi untuk menghapus data yang telah diinputkan pengguna apabila terjadi kesalahan atau mengganti data tersebut. Pengguna terlebih dahulu untuk meng-klik pada data yang ingin dihapus yang sudah ditampilkan pada data grid view. Pada tombol tambah sudah diberi icon oleh penulis sebagai penanda tombol tersebut yaitu gambar tempat sampah berwarna hijau.
(6) Penggunaan Tombol Batal
Tombol batal berfungsi untuk membatalkan penginputan data yang sedang dilakukan oleh pengguna apabila ragu-ragu ataupun ingin membuka form lain terlebih dahulu namun sudah meng-klik tombol tambah. Pada tombol tambah sudah diberi icon oleh penulis sebagai penanda tombol tersebut yaitu gambar silang berwarna merah dan putih.
(7) Penggunaan Tombol Keluar
Tombol keluar berfungsi untuk keluar dari form yang telah ditampilkan apabila telah menyelesaikan transaksi atau ingin menginputkan data lainnya. Pada
tombol tambah sudah diberi icon oleh penulis sebagai penanda tombol tersebut yaitu gambar rumah berwarna hitam dan putih.
(8) Tampilan Msgbox
Tampilan Msgbox merupakan tampilan kotak pesan dialog dari program aplikasi untuk pengguna. Tampilan ini akan menunggu pengguna mengklik tombol ya atau tidak sebagai persetujuan dari pengguna untuk melanjutkan proses selanjutnya.
Adapun uraian bagian-bagian dalam master data adalah sebagai berikut:
(1) Form Pengurus
Form Pengurus merupakan form yang digunakan untuk menginputkan dan menyimpan data-data pengurus Masjid Muhammadiyah Al Muhajirin yang akan menggunakan program aplikasi ini. Pada form ini menggunakan pilihan Windows Form pad pilihan add item. Selain itu di dalam form pengurus ini terdapat beberapa data yang diinputkan, seperti data Nomor Induk Pengurus (NIP), data nama pengurus, data alamat pengurus, data tanggal lahir pengurus dan data telepon pengurus. Berikut merupakan desain dan tampilan form pengurus:
Gambar 4.16 Desain Form Pengurus. Sumber: Diolah Oleh Penulis.
Gambar 4.17 Tampilan Form Pengurus. Sumber: Diolah Oleh Penulis.
Form Penerimaan merupakan form yang digunakan untuk menginputkan dan menyimpan data-data jenis penerimaan yang ada pada Masjid Muhammadiyah Al Muhajirin. Pada form ini menggunakan pilihan Windows Form pad pilihan add item. Form ini menggunakan kode jenis penerimaan agar data tersebut dapat otomatis dimunculkan pada form proses peneriman. Selain itu di dalam form penerimaan ini terdapat beberapa data yang diinputkan, seperti data kode jenis penerimaan, data nama jenis penerimaan dan keterangan. Berikut merupakan desain dan tampilan form penerimaan:
Gambar 4.18 Desain Form Penerimaan. Sumber: Diolah Oleh Penulis.
Gambar 4.19 Tampilan Form Penerimaan.
Sumber: Diolah Oleh Penulis.
(3) Form Pengeluaran.
Form Pengeluaran merupakan form yang digunakan untuk menginputkan dan menyimpan data-data jenis pengeluaran yang ada pada Masjid Muhammadiyah Al Muhajirin. Pada form ini menggunakan pilihan Windows Form pad pilihan add item. Form ini menggunakan kode jenis pengeluaran agar data tersebut dapat otomatis dimunculkan pada form proses pengeluaran. Selain itu di dalam form pengeluaran ini terdapat beberapa data yang diinputkan, seperti data kode jenis pengeluaran, data nama jenis pengeluaran dan keterangan. Berikut merupakan desain dan tampilan form pengeluaran:
Gambar 4.20 Desain Form Pengeluaran Sumber: Diolah Oleh Penulis.
Gambar 4.21 Tampilan Form Pengeluaran. Sumber: Diolah Oleh Penulis.
d) Transaksi
Transaksi merupakan sub bagian dari menu utama yang berfungsi untuk menginputkan proses transaksi. Pada
transaksi ini terdiri dari 2 form, yaitu form proses penerimaan dan form proses pengeluaran. Adapun cara penggunaan master data yang berlaku untuk setiap form-form yang ada di master data adalah sebagai berikut:
(1) Transaksi berfungsi untuk menginputkan segala data
transaksi yang terjadi pada pada Masjid
Muhammadiyah Al Muhajirin. Didalamnya terdapat tombol tambah, simpan, batal, dan keluar.
(2) Penggunaan Tombol Tambah
Tombol tambah berfungsi untuk menambahkan data dan mengaktifkan seluruh textbox yang terdapat pada form tersebut agar pengguna dapat menginputkan data yang baru. Pada tombol tambah sudah diberi icon oleh penulis sebagai penanda tombol tersebut yaitu gambar tambah berwarna hijau.
(3) Penggunaan Tombol Simpan
Tombol simpan berfungsi untuk menyimpan data yang telah diinputkan oleh pengguna dan tersimpan ke dalam database yakni SQL Server 2014. Pada tombol tambah sudah diberi icon oleh penulis sebagai penanda tombol tersebut yaitu gambar kartu memori berwarna hitam dan putih.
(4) Penggunaan Tombol Batal
Tombol batal berfungsi untuk membatalkan penginputan data yang sedang dilakukan oleh pengguna apabila ragu-ragu ataupun ingin membuka form lain terlebih dahulu namun sudah meng-klik tombol tambah. Pada tombol tambah sudah diberi icon oleh
penulis sebagai penanda tombol tersebut yaitu gambar silang berwarna merah dan putih.
(5) Penggunaan Tombol Keluar
Tombol keluar berfungsi untuk keluar dari form yang telah ditampilkan apabila telah menyelesaikan transaksi atau ingin menginputkan data lainnya. Pada tombol tambah sudah diberi icon oleh penulis sebagai penanda tombol tersebut yaitu gambar rumah berwarna hitam dan putih.
(6) Tampilan Msgbox
Tampilan Msgbox merupakan tampilan kotak pesan dialog dari program aplikasi untuk pengguna. Tampilan ini akan menunggu pengguna mengklik tombol ya atau tidak sebagai persetujuan dari pengguna untuk melanjutkan proses selanjutnya.
(7) Saat mengisi data transaksi yang ada pada kolom detail, saat menginputkan keterangan penerimaan atau pengeluaran, sebelum melanjutkan dengan cara menekan enter, silahkan cek kembali apakah data transaksi sudah diinput dengan benar, karena transaksi tersebut tidak bisa diedit maupun dihapus. Oleh karena itu, penulis menaruh dialog melalui msgbox agar pengguna dapat mengoreksi kembali.
Adapun uraian bagian-bagian dalam master data adalah sebagai berikut:
(1) Form Proses Penerimaan
Form Proses Penerimaan digunakan untuk
Muhammadiyah Al Muhajirin. Pada form ini menggunakan pilihan Windows Form pad pilihan add item. Data transaksi ini akan tersimpan di database yakni SQL Server. Adapun beberapa kolom yang harus diisi penggguna di dalam form proses penerimaan seperti yang terdapat pada header form ini adalah data nomor bukti penerimaan yang sudah otomatis, data Nomor Induk Pengurus (NIP), data tanggal penerimaan dan keterangan. Sedangkan pada detail di dalam form adalah data kode jenis penerimaan dan data nama penerimaan, data kode akun dan nama akun, jumlah penerimaan dan keterangan penerimaan. Berikut merupakan desain dan tampilan form proses penerimaan:
Gambar 4.22 Desain Form Proses Penerimaan. Sumber: Diolah Oleh Penulis.
RP
Gambar 4.23 Tampilan Form Proses Penerimaan. Sumber: Diolah Oleh Penulis.
(2) Form Proses Pengeluaran
Form Proses Pengeluaran digunakan untuk
proses transaksi pengeluaran pada Masjid
Muhammadiyah Al Muhajirin. Pada form ini menggunakan pilihan Windows Form pad pilihan add item. Data transaksi ini akan tersimpan di database yakni SQL Server. Adapun beberapa kolom yang harus diisi penggguna di dalam form proses pengeluaran seperti yang terdapat pada header form ini adalah data nomor bukti pengeluaran yang sudah otomatis, data Nomor Induk Pengurus (NIP), data tanggal pengeluaran dan keterangan. Sedangkan pada detail di dalam form
adalah data kode jenis pengeluaran dan data nama pengeluaran, data kode akun dan nama akun, jumlah pengeluaran dan keterangan pengeluaran. Berikut merupakan desain dan tampilan form proses pengeluaran:
Gambar 4.24 Desain Form Proses Pengeluaran Sumber: Diolah Oleh Penulis
RP
Gambar 4.25 Tampilan Form Proses Pengeluaran Sumber: Diolah Oleh Penulis
e) Laporan (Keluaran/Output).
Dokumen keluaran merupakan dokumen yang
dihasilkan dari hasil proses penginputan. Dokumen keluaran yang dihasilkan oleh penulis adalah laporan master data, laporan transaksi dan laporan arus kas. Laporan master data terdiri dari laporan data pengurus, laporan data jenis penerimaan dan laporan data jenis pengeluaran.
Laporan transaksi terdiri dari laporan proses penerimaan kas dan laporan proses pengeluaran kas. Dalam tugas akhir ini, penulis hanya menampilkan beberapa laporan master data, beberapa laporan transaksi, dan laporan arus kas. Berikut merupakan uraian laporan transaksi:
(1) Laporan Master Data Pengurus
Laporan master data pengurus merupakan laporan keseluruhan data pengurus pada Masjid
Muhammadiyah Al Muhajirin. Pada form ini menggunakan pilihan Report dan Report Viewer untuk merancang tampilan laporan dan Windows Form untuk menampilkan form pada pilihan add item. Berikut merupakan tampilan laporan data pengurus yang dibuatkan oleh penulis menggunakan program aplikasi:
Gambar 4.26 Tampilan Laporan Master Data Pengurus.
Sumber: Diolah Oleh Penulis.
(2) Laporan Master Data Penerimaan
Laporan master data penerimaan merupakan laporan keseluruhan data jenis penerimaan yang terjadi pada Masjid Muhammadiyah Al Muhajirin. Pada form ini menggunakan pilihan Report dan Report Viewer untuk merancang tampilan laporan dan Windows Form untuk menampilkan form pada pilihan add item. Berikut merupakan tampilan laporan data penerimaan yang dibuatkan oleh penulis menggunakan program aplikasi:
Gambar 4.27 Tampilan Laporan Master Data Penerimaan. Sumber: Diolah Oleh Penulis.
(3) Laporan Master Data Pengeluaran
Laporan master data pengeluaran merupakan laporan keseluruhan data jenis pengeluaran pada Masjid Muhammadiyah Al Muhajirin. Berikut merupakan tampilan laporan data pengeluaran yang dibuatkan oleh penulis menggunakan program aplikasi:
Gambar 4.28 Tampilan Laporan Master Data Pengeluaran. Sumber: Diolah Oleh Penulis.