III.3.2 Desain Sistem Detail
III.3.2.2. Desain Input
Perancangan input merupakan masukan yang penulis rancang guna lebih memudahkan dalam entry data. Entry data yang dirancang akan lebih mudah dan cepat dan meminimalisir kesalahan penulisan dan memudahkan perubahan. Perancangan input tampilan yang dirancang adalah sebagai berikut :
1. Perancangan Input Form Login
Perancangan input form login berfungsi untuk verifikasi pengguna yang berhak menggunakan sistem. Adapun rancangan form login dapat dilihat pada Gambar III.40. sebagai berikut :
PT. PELABUHAN INDONESIA I(PERSERO) CABANG BELAWAN
Gambar III.40. Rancangan Input Form Login
2. Rancangan Input Menu Utama
Rancangan input menu utama berfungsi untuk menampilkan tampilan utama dari user interface. Adapun rancangan menu utama dapat dilihat pada Gambar III.41. sebagai berikut :
Login ID
Password
Log In Log Out
PT. PELABUHAN INDONESIA I (PERSERO) CABANG BELAWAN
Gambar III.41. Rancangan Input Form Menu Utama 3. Rancangan Input Form Entri Data Daftar Account
Perancangan input form entry data daftar account merupakan form untuk penyimpanan data-data daftar account. Adapun bentuk form entry data daftar account dapat dilihat pada Gambar III.42. Sebagai berikut :
Gambar III.42. Rancangan Input Form Entri Data Daftar Akun 4. Rancangan Input Form Entri Data Customer Dan Pemegang Kas
Perancangan input form entry data customer dan pemegang kas merupakan form untuk penyimpanan data-data customer dan pemegang kas. Adapun bentuk form entry data customer dan pemegang kas dapat dilihat pada Gambar III.43. Sebagai berikut :
Kode Rekening Nama Rekening
999999999999999 xxxxxxxxxxxxxxxxxxxxxxxxxxxx
999999999999999 xxxxxxxxxxxxxxxxxxxxxxxxxxxx
Daftar account Cust Pemegang Kas Bukti Penerimaan Kas Bukti Pengeluaran Kas Master Kas dan Bank Posting Jurnal Kas Masuk Posting Jurnal Kas Keluar Saldo Kas dan Bank
Form Daftar Account
Entri Data Daftar Account
Kode Rekening :
Nama Rekening :
Simpan Edit Hapus Update Batal Tutup
Login ID
Password
Log In Log Out
Masukan Login Yang Valid File Laporan Keluar
Lap Daftar Account Lap Cust Pemegang Kas Lap Posting Jurnal Kas Masuk Lap Posting Jurnal Kas Keluar Saldo Kas dan Bank
Gambar III.43. Rancangan Input Form Entri Data Customer Dan Pemegang Kas
5. Rancangan Input Form Entri Data Master Kas Dan Bank
Perancangan input form entry data master kas dan bank merupakan form untuk penyimpanan data-data master kas dan bank. Adapun bentuk form entry data master kas dan bank dapat dilihat pada Gambar III.44 Sebagai berikut :
Gambar III.44. Rancangan Input Form Entri Data Master Kas Dan Bank
ID Nama Alamat Telepon
9999999999 xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx 9999999999
9999999999 xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx 9999999999
IDR No Kas Dan Bank
999999999999999 xxxxxxxxxxxxxxxxxxxxxxxxxxxx
999999999999999 xxxxxxxxxxxxxxxxxxxxxxxxxxxx
Form Customer
Entri Data Customer Dan Pemegang Kas
ID :
Nama :
Simpan Edit Hapus Update Batal Tutup
Alamat :
Telepon :
Form Master Kas Dan Bank
Entri Data Master Kas Dan Bank
IDR No :
Kas Dan Bank :
6. Rancangan Input Form Entri Data Penerimaan Kas
Perancangan input form entry data penerimaan kas merupakan form untuk penyimpanan data-data penerimaan kas. Adapun bentuk form entry data penerimaan kas dapat dilihat pada Gambar III.45. Sebagai berikut :
Gambar III.45. Rancangan Input Form Entri Data Penerimaan Kas No Bukti Kode Rekening Nama Rekening Debet
USD
Debet Rupiah
Kredit USD Kredit Rupiah
999999 999999 xxxxxxxxxx 999999 999999 999999 999999
999999 999999 xxxxxxxxxx 999999 999999 999999 999999
Form Penerimaan Kas
Entri Data Penerimaan Kas
No Bukti :
Tanggal :
Simpan Edit Hapus Update Batal Tutup
Uraian :
ID Customer : Lihat Daftar
Nama :
Cara Penerimaan :
IDR Bank/ Kas :
Saldo Awal IDR Bank/ Kas :
Total Debet IDR :
Total Kredit IDR :
Saldo Akhir IDR Bank/Kas :
Jumlah :
Lihat Daftar
Lihat Daftar
Update Saldo
Kode Rekening :
Debet Valuta Asing/USD :
Debet Rupiah :
Kredit Valuta Asing/USD :
Kredit Rupiah :
Lihat Daftar
Terbilang :
Cetak Bukti Total Debet Valuta Asing/USD
:
Total Debet Rupiah :
Total Kredit Valuta Asing/USD :
Total Kredit Rupiah :
7. Rancangan Input Form Entri Data Pengeluaran Kas
Perancangan input form entry data pengeluaran kas merupakan form untuk penyimpanan data-data pengeluaran kas. Adapun bentuk form entry data pengeluaran kas dapat dilihat pada Gambar III.46. Sebagai berikut :
Gambar III.46. Rancangan Input Form Entri Data Pengeluaran Kas No Bukti Kode Rekening Nama Rekening Debet USD Debet
Rupiah
Kredit USD Kredit Rupiah
999999 999999 xxxxxxxxxx 999999 999999 999999 999999
999999 999999 xxxxxxxxxx 999999 999999 999999 999999
Form Pengeluaran Kas
Entri Data Pengeluaran Kas
No Bukti :
Tanggal :
Simpan Edit Hapus Update Batal Tutup
Uraian :
ID Customer : Lihat Daftar
Nama :
Cara Penerimaan :
IDR Bank/ Kas :
Saldo Awal IDR Bank/ Kas :
Total Debet IDR :
Total Kredit IDR :
Saldo Akhir IDR Bank/Kas :
Jumlah :
Lihat Daftar
Lihat Daftar
Simpan Saldo
Kode Rekening :
Debet Valuta Asing/USD :
Debet Rupiah :
Kredit Valuta Asing/USD :
Kredit Rupiah :
Lihat Daftar
Terbilang :
Cetak Bukti
Total Debet Valuta Asing/USD :
Total Debet Rupiah :
Total Kredit Valuta Asing/USD :
Total Kredit Rupiah :
8. Rancangan Input Form Pil Posting Jurnal Kas Masuk
Perancangan input form pil posting jurnal kas masuk merupakan form untuk penyimpanan data-data jurnal kas masuk. Adapun bentuk form pil posting jurnal kas masuk dapat dilihat pada Gambar III.47. Sebagai berikut :
Gambar III.47. Rancangan Input Form Pil Posting Jurnal Kas Masuk
No Posting
Tanggal No Bukti Uraian Kode Rekening Debet Rupiah Kredit Rupiah Debet USD Kredit USD 99999999 99-xxxx-9999 9999999 xxxxx 99999999 99999999 99999999 99999999 99999999 99999999 99-xxxx-9999 9999999 xxxxx 99999999 99999999 99999999 99999999 99999999 No Posting Tanggal No Bukti Uraian Kode Rekening Debet Rupiah Kredit Rupiah Debet USD Kredit USD 99999999 99-xxxx-9999 9999999 xxxxx 99999999 99999999 99999999 99999999 99999999 99999999 99-xxxx-9999 9999999 xxxxx 99999999 99999999 99999999 99999999 99999999 FormPilPostingJurnalKasMasuk X
Tanggal Bulan Tahun
Posting Tutup
No Bukti : Lihat Daftar
Uraian :
Form Posting Jurnal Penerimaan Kas
Entri Data Posting Jurnal Penerimaan Kas
No Posting
No Bukti Kode Rekening Debet Rupiah Debet USD Kredit Rupiah Kredit USD
Kode Rekening :
Debet Valuta Asing/USD :
Debet Rupiah :
Kredit Valuta Asing/USD :
Kredit Rupiah :
Insert Transaksi Delete Transaksi Posting Per No Posting
Total Debet Valuta Asing/USD
:
Total Debet Rupiah
:
Total Kredit Valuta Asing/USD
:
Total Kredit Rupiah
:
Simpan Edit Hapus Update Batal Tutup Posting Tanggal Terpilih
9. Rancangan Input Form Pil Posting Jurnal Kas Keluar
Perancangan input form pil posting jurnal kas keluar merupakan form untuk penyimpanan data-data jurnal kas keluar. Adapun bentuk form pil posting jurnal kas keluar dapat dilihat pada Gambar III.49. Sebagai berikut :
Gambar III.49. Rancangan Input Form Pil Posting Jurnal Kas Keluar
No Posting Tanggal No Bukti Uraian Kode Rekening Debet Rupiah Kredit Rupiah Debet USD Kredit USD 99999999 99-xxxx-9999 9999999 xxxxx 99999999 99999999 99999999 99999999 99999999 99999999 99-xxxx-9999 9999999 xxxxx 99999999 99999999 99999999 99999999 99999999 No Posting Tanggal No Bukti Uraian Kode Rekening Debet Rupiah Kredit Rupiah Debet USD Kredit USD 99999999 99-xxxx-9999 9999999 xxxxx 99999999 99999999 99999999 99999999 99999999 99999999 99-xxxx-9999 9999999 xxxxx 99999999 99999999 99999999 99999999 99999999 FormPilPostingJurnalKasKeluar X
Tanggal Bulan Tahun
Posting Tutup
Form Posting Jurnal Pengeluaran Kas
Entri Data Posting Jurnal Pengeluaran Kas
No Posting :
No Bukti : Lihat Daftar
Uraian :
No Bukti Kode Rekening Debet Rupiah Debet USD Kredit Rupiah Kredit USD
Kode Rekening :
Debet Valuta Asing/USD :
Debet Rupiah :
Kredit Valuta Asing/USD :
Kredit Rupiah :
Insert Transaksi Delete Transaksi
Simpan Edit Hapus Update Batal Tutup
Total Debet Valuta Asing/USD :
Total Debet Rupiah :
Total Kredit Valuta Asing/USD :
Total Kredit Rupiah :
Posting Per No Posting
Posting Tanggal Terpilih
10. Rancangan Input Form Entri Data Saldo Kas Dan Bank
Perancangan input form entry data saldo kas dan bank merupakan form untuk penyimpanan data-data saldo. Adapun bentuk form entry data saldo kas dan bank dapat dilihat pada Gambar III.51. Sebagai berikut :
Gambar III.51. Rancangan Input Form Entri Data Saldo Kas Dan Bank
III.3.2.3. Perancangan Database