Tabel 3.12 Stok_Barang
No Nama Kolom Tipe Data Lebar Not
Null
Keterangan
* Kd_Stok INT 8 Primary key
Jumlah INT 8
3.3.13
Tabel UserTabel user (Tabel 3.13) berfungsi untuk menyimpan data
user yang dapat mengakses sistem. Spesifikasi dari tabel user
adalah sebagai berikut: Nama Tabel : User
Field kunci : Username[Kunci Utama] Lebar field kunci : 15
Jumlah field : 3
Tabel 3.13 User
No Nama Kolom Tipe Data Lebar Not
Null
Keterangan
* UserName VARCHAR 15 Primary key
Password VARCHAR 15
StatusUser VARCHAR 15
3.4 Entity Relationship Diagram
Relasi antar tabel digunakan untuk menjelaskan tentang hubungan suatu tabel dengan tabel lainnya. Dalam relasi antar tabel dikenal tiga hubungan yaitu: One to One, One to Many, Many to Many.
Kamus data dari entity relationship diagram Toko ERA adalah sebagai berikut:
1. Pemasok : {Kd_Pemasok, NamaPemasok, C_Person, Alamat, Telepon}
38
2. Pelanggan : {Kd_Pelanggan, Nama, C_Person, Alamat, Telepon}
3. Barang : {Kd_Barang, NamaBarang, Ukuran, Satuan, HargaJualBarang, Ukuran, Satuan, StokAwal, StokMin, StokMax}
4. Pembelian : {NoNotaBeli, Tanggal, Kd_Pemasok, CaraBayar, JthTempo, DiskonBeli, UangMuka, JmlHutang}
5. Detail_Pembelian : {NoNotaBeli, Kd_Barang, HargaBeli, JumlahBarang}
6. Penjualan : {NoNotaJual, Kd_Pelanggan,NamaBarangJadi, TglJual, TglOrder, TglSelesai, UpahTenagaKerja, BiayaOverhead, DiskonJual, UangMuka, CaraBayar, JthTempo, JmlPiutang}
7. Detail_Penjualan : {NoNotaJual, Kd_Barang, HargaJual, JumlahBarang}
8. Master_Barang : {Kd_Barang, NamaBarang, Satuan, HargaJualBarang, Jumlah}
9. Pembayaran_Piutang : {Kd_Penjualan, Tanggal, Jumlah, Kd_User}
10. Pembayaran_Hutang : {Kd_Pembelian, Tanggal, Jumlah, Kd_User}
11. Stok_Barang : {Kd_Stok, Jumlah}
12. User : {UserName, Password, StatusUser} 13. Satuan : {Nama_Satuan}
39
3.5 Desain Antar Muka
Desain antar muka yang akan dibuat dalam Analisis dan Perancangan Sistem Informasi Pelaporan Hutang dan Piutang Studi Kasus pada Toko Elektronik Era adalah sebagai berikut.
3.5.1 Desain Tampilan Login
Desain Tampilan Login merupakan syarat untuk dapat memanfaatkan program secara keseluruhan. Pada menu login ini ada dua data yang harus dimasukkan, yaitu:
1. User Name : Merupakan pengguna yang sudah terdaftar dan
diberi wewenang untuk menggunakan aplikasi.
2. Password : Merupakan syarat mutlak untuk dapat masuk ke
dalam sistem
Gambar 3.15 Desain Tampilan Login Perancangan dan Implementasi Sistem Informasi Penjualan studi kasus pada Toko Elektronik ERA
Adapun hal-hal yang harus diperhatikan adalah, User harus memasukkan nama dan password pada form yang telah disediakan.
Masukan User Name dan Password
OK CANCEL
User Name *********
*
40
Apabila terjadi kesalahan 2 kali berturut-turut maka akan muncul pesan kesalahan dan form login akan ditutup.
3.5.2 Desain Tampilan Utama Program
Jendela menu utama akan muncul apabila user berhasil memasukkan User Name dan Password dengan benar pada form login. Menu utama akan aktif sesuai hak akses. Ada 4 macam hak akes yaitu admin, pemilik, data entri, dan kasir. Untuk admin,
semua menu akan aktif. Untuk pemilik, menu yang akan aktif adalah file, laporan akuntansi, laporan manajerial, utilitas untuk mengganti password dan menu help. Data entry hanya bisa mengakses menu file, master barang, utilitas mengganti password dan menu help. Untuk kasir hanya bisa mengakses menu file, transaksi dan hutang piutang. File Master Data Transaksi Hutang Piutang Laporan Manajerial Help
Sistem Informasi Pelaporan Hutang dan Piutang Toko ERA
Jam Hari, Tanggal dan Tahun SI Hutang dan Piutang User : ******
Status : *****
Log Off
Gambar 3.16 Desain Tampilan Utama Perancangan dan Implementasi Sistem Informasi Penjualan studi kasus pada Toko Elektronik ERA
41
1. File : Digunakan untuk login, logoff dan keluar aplikasi
2. Master Data : Menginputkan data barang, data pemasok dan
data pelanggan
3. Transaksi : Untuk melakukan transaksi pembelian dan
penjualan tunai/kredit dan melihat laporan stok kosong.
4. Hutang Piutang : Untuk melakukan pembayaran hutang dan
piutang
5. Laporan Manajerial : Untuk melihat laporan manajerial seperti
laporan data barang, data pelanggan, data pemasok, laporan pembelian, laporan penjualan, laporan pembayaran hutang dan piutang
6. Utilitas : Digunakan untuk melihat data perusahaan, menambah
user dan mengganti password
7. Help : Untuk melihat splash screen pembuat aplikasi dan untuk
membaca manual program.
3.5.3 Input Data Barang
Form ini digunakan untuk menginputkan data barang, terdiri dari 2 bagian yaitu tab untuk input data barang dan tab untuk melihat atau mencari data barang.
42
DATA BARANG
Input Data Barang Tabel Data Barang
Kode Barang
Ukuran Satuan Nama barang
Harga Jual Barang
***** *****
***** ***** *****
Simpan Tambah Hapus Edit Batal
Data Ke-x dari x data yang ada
Cetak Tutup
Gambar 3.17 Desain Input Data barang Perancangan dan Implementasi Sistem Informasi Penjualan studi kasus pada Toko Elektronik ERA
3.5.3.2 Desain Input Tabel Data Pemasok
DATA BARANG
Input Data Barang Tabel Data Barang
Tutup
Kode Nama Ukuran Satuan ………...
Gambar 3.18 Desain Input Tabel Data Pemasok Perancangan dan Implementasi Sistem Informasi Penjualan studi kasus pada Toko Elektronik ERA
Adapun validasi form input data pemasok adalah: 1. Ada validasi untuk penginputan selain angka
2. Apabila penginputan data belum lengkap akan muncul pesan 3. Pada tab tabel data bahan baku user dapat mencari barang
sesuai kode, nama barang, stok, dan harga jual dengan mengetikan pada text box.
43
3.5.4.1 Desain Input Data Pelanggan
Adapun validasi form input tabel data pelanggan adalah: 1. Ada validasi untuk penginputan selain angka
2. Apabila penginputan data belum lengkap akan muncul pesan 3. Pada tab tabel data bahan baku user dapat mencari barang
sesuai kode, nama barang, stok, dan harga jual dengan mengetikan pada text box.
DATA PELANGGAN
Input Data Pelanggan Tabel Data Pelanggan
Kode Pelanggan Contact Person Alamat Nama Pelanggan Telepon ***** ***** ***** ***** *****
Simpan Tambah Hapus Edit Batal
Data Ke-x dari x data yang ada
Cetak Tutup Bonus
Beli Minimum
** *****
Gambar 3.19 Desain Input Data Pelanggan Perancangan dan Implementasi Sistem Informasi Penjualan studi kasus pada Toko Elektronik ERA
3.5.4.2 Desain Input Tabel Data Pelanggan
DATA PELANGGAN Input Data Pelanggan Tabel Data Pelanggan
Tutup
Kode Nama C_Person Alamat Telepon
Gambar 3.20 Desain Input Tabel Data Pelanggan Perancangan dan Implementasi Sistem Informasi Penjualan studi kasus pada Toko Elektronik ERA
44
1. Ada validasi untuk penginputan selain angka
2. Apabila penginputan data belum lengkap akan muncul pesan 3. Pada tab tabel data bahan baku user dapat mencari barang
sesuai kode, nama barang, stok, dan harga jual dengan mengetikan pada text box.
3.5.5 Input Data Pemasok
3.5.5.1 Desain Input Data Pemasok
Adapun validasi form input data pemasok adalah: 1. Ada validasi untuk penginputan selain angka
2. Apabila penginputan data belum lengkap akan muncul pesan 3. Pada tab tabel data bahan baku user dapat mencari barang
sesuai kode, nama barang, stok, dan harga jual dengan mengetikan pada text box.
DATA PEMASOK
Input Data Pemasok Tabel Data Pemasok
Kode Pemasok Contact Person Alamat Nama Pemasok Telepon ***** ***** ***** ***** *****
Simpan Tambah Hapus Edit Batal
Data Ke-x dari x data yang ada
Cetak Tutup
Gambar 3.21 Desain Input Data Pemasok Perancangan dan Implementasi Sistem Informasi Penjualan studi kasus pada Toko Elektronik ERA
3.5.5.2 Desain Input Tabel Data Pemasok
45
1. Ada validasi untuk penginputan selain angka
2. Apabila penginputan data belum lengkap akan muncul pesan 3. Pada tab tabel data bahan baku user dapat mencari barang
sesuai kode, nama barang, stok, dan harga jual dengan mengetikan pada text box.
DATA PEMASOK
Input Data Pemasok Tabel Data Pemasok
Tutup
Kode Nama C_Person Alamat Telepon
Gambar 3.22 Desain Input Tabel Data Pemasok Perancangan dan Implementasi Sistem Informasi Penjualan studi kasus pada Toko Elektronik ERA
3.5.6 Desain Input Transaksi Pembelian
Form ini digunakan untuk melakukan transaksi pembelian baik secara tunai maupun kredit.
TRANSAKSI PEMBELIAN No Nota Cara Bayar Kode Brg Pemasok Harga ***** 0 Tunai 0Kredit Rp ***** ***** otomatis Jml Brg % Diskon ***** ** Rp ** Uang Muka ** Tanggal otomatis ********** Jth Tempo ***** ********** **********
Tabel Data Barang
Kode Nama harga …………..
Tabel Pembelian
No Nama Harga Jml Satuan Diskon ……….
Proses Simpan Batal Cetak Hapus Tutup Total Rp Sisa Bayar Rp ****** ****** Jml Hutang Rp ******
Gambar 3.23 Desain Input Transaksi Pembelian Perancangan dan Implementasi Sistem Informasi Penjualan studi kasus pada Toko Elektronik ERA
Hal-hal yang harus diperhatikan pada desain form input transaksi pembelian:
46
1. Membuat validasi apabila jumlah stok barang tertentu kurang dari stok minimal maka akan muncul pesan agar melakukan pembelian.
2. Membuat validasi pada saat menambah transaksi di mana nomor nota yang diinputkan telah ada maka akan muncul pesan bahwa nomor nota sudah ada.
3. Membuat validasi jika memasukkan harga beli yang lebih besar dari harga jual maka akan muncul pesan.
3.5.7 Desain Input Transaksi Penjualan
Teknik yang digunakan pada form transaksi penjualan sama dengan teknik pada form transaksi pembelian.
TRANSAKSI PENJUALAN No Nota Cara Bayar Kode Brg Pelanggan Harga ***** 0 Tunai 0Kredit Rp ***** ***** otomatis Jml Brg % Diskon ***** otomatis Uang Muka ** Tanggal Order ***** ********** Jth Tempo ***** ********** **********
Tabel Data Barang
Kode Nama harga …………..
Tabel Penjualan
No Nama Harga Jml Satuan Diskon ……….
Proses Simpan Batal Cetak Hapus Tutup Total Barang Rp Upah Tng Krja Rp ****** ****** Sisa Bayar Rp ****** Tanggal Order ***** Nm Brg Jadi ***** Biaya Ohead Rp Total Biaya Rp ****** ****** Jml Piutang Rp ******
Gambar 3.24 Desain Input Transaksi Penjualan Perancangan dan Implementasi Sistem Informasi Penjualan studi kasus pada Toko Elektronik ERA
3.5.8 Desain Input Pembayaran Hutang
Form ini digunakan untuk melakukan pembayaran hutang karena transaksi pembelian dibayar secara kredit.
47 PEMBAYARAN HUTANG No Nota Jml Hutang Jml Bayar Pemasok Tgl Bayar otomatis otomatis ***** Rp *****
otomatis No Nota Beli ***** **********
Sisa Hutang otomatis
Tabel Daftar Hutang
Nama Jml Hutang Tgl Bayar ………….. Bayar
Proses
Batal Cetak Tutup
Gambar 3.25 Desain Input Pembayaran Hutang Perancangan dan Implementasi Sistem Informasi Penjualan studi kasus pada Toko Elektronik ERA
3.5.9 Desain Input Pembayaran Piutang
Form ini digunakan untuk melakukan pembayaran piutang karena transaksi penjualan dibayar secara kredit.
PEMBAYARAN PIUTANG No Nota Jml Piutang Jml Bayar Pelanggan Tgl Bayar otomatis otomatis ***** Rp *****
otomatis No Nota Jual ***** **********
Sisa Piutang otomatis
Tabel Daftar Piutang
Nama Jml Piutang Tgl Bayar ………….. Bayar Proses Batal Cetak Tutup Nm Brg Jadi otomatis
Gambar 3.26 Desain Input Pembayaran Piutang Perancangan dan Implementasi Sistem Informasi Penjualan studi kasus pada Toko Elektronik ERA
3.5.10 Desain Input Data User
Form desain iput data user (Gambar 3.27) digunakan untuk menginputkan data user beserta hak aksesnya. Form ini hanya bisa diakses oleh admin, bukan semua user.
48 DATA USER/PASSWORD User Name Status Password ***** ***** *****
Lihat Password Tambah
Edit Batal Simpan
Data Ke-x dari x data yang ada User Name Password Status
Hapus
Gambar 3.27 Desain Input Data User Perancangan dan Implementasi Sistem Informasi Penjualan studi kasus pada Toko Elektronik ERA
3.5.11 Desain Output Laporan Pemasok
Form desain output laporan pemasok (Gambar 3.28) merupakan perancangan yang berkaitan dengan informasi hasil pengolahan data laporan pemasok
LAPORAN DATA PEMASOK
Kode Pemasok Nama C Person Alamat Telepon
TOKO ELEKTRONIK “ERA” Jumlah Pelanggan : xx/xx/xxxx Mengetahui (Pemilik)
Gambar 3.28 Desain Output Laporan Pemasok Perancangan dan Implementasi Sistem Informasi Penjualan studi kasus pada Toko Elektronik ERA
3.5.12 Desain Output Laporan Pelanggan
Form desain output laporan pelanggan (Gambar 3.29) merupakan perancangan yang berkaitan dengan informasi hasil pengolahan data laporan pelanggan
49
LAPORAN DATA PELANGGAN
Kode Pelanggan Nama C Person Alamat Telepon
TOKO ELEKTRONIK “ERA”
Jumlah Pelanggan : Mengetahuixx/xx/xxxx
(Pemilik)
Gambar 3.29 Desain Output Laporan Pelanggan Perancangan dan Implementasi Sistem Informasi Penjualan studi kasus pada Toko Elektronik ERA
3.5.13 Desain Output Laporan Barang
Form desain output laporan barang (Gambar 3.30) merupakan perancangan yang berkaitan dengan informasi hasil pengolahan data laporan barang.
LAPORAN DATA BARANG
Kode B Baku Nama Ukuran Satuan …..
….. ….. TOKO ELEKTRONIK “ERA” xx/xx/xxxx Mengetahui (Pemilik)
Gambar 3.30 Desain Output Laporan Perancangan dan Implementasi Sistem Informasi Penjualan studi kasus pada Toko Elektronik ERA
3.5.14 Desain Output Laporan Pembelian
Form desain output laporan pembelian (Gambar 3.40) merupakan perancangan yang berkaitan dengan informasi hasil pengolahan data laporan pembelian.
LAPORAN DATA PEMBELIAN
Kode Brg Nama Brg Satuan Jumlah …..
….. ….. TOKO ELEKTRONIK “ERA” xx/xx/xxxx Mengetahui (Pemilik) Nota Tanggal Pemasok
50
Gambar 3.31 Desain Output Laporan Pembelian Perancangan dan Implementasi Sistem Informasi Penjualan studi kasus pada Toko Elektronik ERA
3.5.15 Desain Output Laporan Penjualan
Form desain output laporan penjualan (Gambar 3.32) merupakan perancangan yang berkaitan dengan informasi hasil pengolahan data laporan penjualan.
LAPORAN DATA PENJUALAN
Kode Brg Nama Brg Satuan Jumlah …..
….. ….. TOKO ELEKTRONIK “ERA” xx/xx/xxxx Mengetahui (Pemilik) Nota Tanggal Pelanggan
Gambar 3.32 Desain Output Laporan Penjualan Perancangan dan Implementasi Sistem Informasi Penjualan studi kasus pada Toko Elektronik ERA
3.5.16 Desain Output Laporan Pembayaran Hutang
Form desain output laporan pembayaran hutang (Gambar 3.33) merupakan perancangan yang berkaitan dengan informasi hasil pengolahan data laporan pembayaran hutang.
LAPORAN DATA PEMBAYARAN HUTANG
No Nota Tanggal Jml Hutang Jml Bayar …..
….. ….. TOKO ELEKTRONIK “ERA” xx/xx/xxxx Mengetahui (Pemilik)
Gambar 3.33 Desain Output Laporan Pembayaran Hutang Perancangan dan Implementasi Sistem Informasi Penjualan studi kasus pada Toko Elektronik ERA
51
Form desain output laporan pembayaran piutang (Gambar 3.34) merupakan perancangan yang berkaitan dengan informasi hasil pengolahan data laporan pembayaran piutang.
LAPORAN DATA PEMBAYARAN PIUTANG
No Nota Tanggal Jml Hutang Jml Bayar ….. ….. ….. TOKO ELEKTRONIK “ERA” xx/xx/xxxx Mengetahui (Pemilik)
Gambar 3.34 Desain Output Laporan Pembayaran Piutang Perancangan dan Implementasi Sistem Informasi Penjualan studi kasus pada Toko Elektronik ERA