4. DFD Level 2, Pelaporan
4.3.5 Desain Interface
Desain interface merupakan tahap perancangan form-form yang menjadi tampilan program, Interface merupakan perantara antara user dengan program sistem informasi. sebagai media input dan output data pada sistem informasi. Tahap ini akan menampilkan hasil sistem informasi pada Toko Baru Elektronik.
4.3.5.1Desain Form
Merupakan desain tampilan input pada program monitor yang berfungsi untuk memasukkan data-data kedalam program sistem informasi.
a. Form Login
Merupakan form tampilan awal yang muncul ketika pengguna ingin mengakses program masuk dalam sistem
Field Pengendalian Input Keterangan User ID Completeness Check
Size Check Reference
Alphabetic/Numeric Check
Field User ID harus diisi Panjang field User ID 8 digit Data berhubungan dengan tabel pegawai
Field User ID diisi dalam bentuk alphabetic dan numeric
Password Completeness Check Alphabetic Check
Field Password harus diisi
Field Password diisi dalam bentuk alphabetic
b. Form Ganti Password
Form ini digunakan untuk memverifikasi/ mengganti password secara berkala jika diinginkan oleh usher ke dalam sistem demi menjaga keamanan.
Nama Field Pengendalian Input Keterangan Nama Pegawai Completeness Check
Reference
Alphabetic/Numeric Check
Field Nama Pegawai harus diisi Data berhubungan dengan tabel pegawai
Field Nama Pegawai diisi dalam bentuk alphabetic
Password lama Completeness Check Alphabetic/Numeric Check
Field Password lama harus diisi Field Password lama diisi dalam bentuk alphabetic
Password baru Completeness Check Alphabetic/Numeric Check
Field Password baru harus diisi Field Password baru diisi dalam bentuk alphabetic Confirm Password Completeness Check Alphabetic/Numeric Check
Field Confirm Password harus diisi
Field Confirm Passoword diisi dalam bentuk alphabetic
c. Form Menu
Form ini menampilkan secara keseluruhan tampilan menu yang ingin diakses dalam sistem.
Gambar 4.12 Form Menu
d. Form Menu Pegawai
form ini digunakan untuk mengisi dan mengupdate data pegawai yang masih aktif serta hak akses apa saja yang diperbolehkan untuk masuk ke dalam sistem.
Nama Field Pengendalian Input Keterangan ID Pegawai Completeness Check
Master Reference
Size Check
Sequence Check
Alphabetic/Numeric Check
Field id pegawai harus diisi
Data berhubungan dengan tabel pegawai
Panjang field id pegawai 8 digit: contoh KR-00001 (KR: karyawan; 00001: nomor urut pertama) Nomor id pegawai harus berurutan
Field id pegawai diisi dalam bentuk alphabetic dan numeric Nama Completeness Check
Alphabetic/Numeric Check
Field nama harus diisi
Field nama diisi dalam bentuk alphabetic
Jabatan Completeness Check Set Membership Alphabetic/Numeric Check
Field jabatan harus diisi Field berupa pilihan
Field jabatan diisi dalam bentuk alphabetic
Tanggal Masuk
Completeness Check Format Mask
Field tanggal masuk harus diisi DD/MM/YY
Gender Completeness Check Set Membership
Field gender harus diisi
Field berupa pilihan (laki2, perempuan)
Alphabetic/Numeric Check
Field gender diisi dalam bentuk alphabetic
Tanggal Lahir Completeness Check Format Mask
Field tanggal lahir harus diisi DD/MM/YY
Alamat Completeness Check Alphabetic/Numeric Check
Field alamat harus diisi
Field gender diisi dalam bentuk alphabetic dan numeric
Telp Completeness Check Limit Check
Alphabetic/Numeric Check
Field telp harus diisi
Panjang field maksimal 12 digit Field gender diisi dalam bentuk numeric
Status Aktif Completeness Check Field status aktif harus diisi
e. Form Data Supplier
Form ini digunakan untuk mengisi data supplier toko, berisikan mengenai data pemasok barang
Nama Field Pengendalian Input Keterangan ID pemasok Completeness Check
Size Check
Sequence Check Master Reference
Alphabetic/Numeric Check
Field ID pemasok harus diisi Panjang field ditentukan 8 digit: contoh SP-00001 (SP: Supplier; 00001: nomor urut pertama) Nomor id supplier harus berurutan Data berhubungan dengan tabel supplier
Field ID pemasok diisi dalam bentuk alphabetic dan numeric Nama Completeness Check
Alphabetic/Numeric Check
Field Nama harus diisi
Field Nama diisi dalam bentuk alphabetic
Alamat Completeness Check Alphabetic/Numeric Check
Field Alamat harus diisi
Field Alamat diisi dalam bentuk alphabetic
Email Completeness Check Alphabetic/Numeric Check
Field Email harus diisi
Field Email diisi dalam bentuk alphabetic
Telp Completeness Check Limit Check
Alphabetic/Numeric Check
Field Telp harus diisi
Panjang field maksimal 12 digit Field Telp diisi dalam bentuk numeric
Telp2 Completeness Check Limit Check
Alphabetic/Numeric Check
Field Telp2 harus diisi
Panjang field maksimal 12 digit Field Telp2 diisi dalam bentuk numeric
f. Form Customer
Untuk melihat dan mengisi customer data
Gambar 4.15 Form Customer
Nama Field Pengendalian Input Keterangan
ID customer Completeness Check Size Check
Sequence Check
Master Reference
Alphabetic/Numeric
Field ID customer harus diisi Panjang field ditentukan 8 digit: contoh CS-00001 (CS: Customer; 00001; nomor urut pertama) Nomor id customer harus berurutan
Data berhubungan dengan tabel Customer
Check bentuk alphabetic dan numeric Nama Completeness Check
Alphabetic/Numeric Check
Field Nama harus diisi
Field Nama diisi dalam bentuk alphabetic
Alamat Completeness Check Alphabetic/Numeric Check
Field Alamat harus diisi
Field Alamat diisi dalam bentuk alphabetic
Email Completeness Check Alphabetic/Numeric Check
Field Email harus diisi
Field Email diisi dalam bentuk alphabetic
Telp Completeness Check Limit Check
Alphabetic/Numeric Check
Field Telp harus diisi
Panjang field maksimal 12 digit Field Tekp diisi dalam bentuk numeric
Telp2 Completeness Check Limit Check
Alphabetic/Numeric Check
Field Telp2 harus diisi
Panjang field maksimal 12 digit Field Telp2 diisi dalam bentuk numeric
g. Form Data Kategori Item
Form ini digunakan untuk melihat dan mengisi kategori barang apa saja yang akan dimasukan ke dalam sistem yang berguna
untuk memudahkan usher mencari barang dagang elektronik dalam transaksi.
Gambar 4.16 Form Kategori Item
Nama Field Pengendalian Input Keterangan
Kode Kategori Completeness Check Size Check
Sequence Check
Master Reference
Alphabetic/Numeric Check
Field kode kategori harus diisi Panjang field ditentukan 8 digit: (contoh KB-00001: nomor urut pertama)
Nomor kode kategori harus berurutan
Data berhubungan dengan tabel item kategori
Field kode kategori diisi dalam bentuk numeric
Nama Kategori Completeness Check Alphabetic/Numeric Check
Field nama kategori harus diisi Field nama kategori diisi dalam bentuk alphabetic
h. Form Satuan
Form satuan digunakan untuk menentukan satuan barang yang dijual sehingga memudahkan usher di dalam menggunakan sistem
Gambar 4.17 Form Satuan
Nama Field Pengendalian Input Keterangan
ID Satuan Completeness Check Size Check
Field ID satuan harus diisi Panjang field ditentukan 5 digit: (contoh 00001: nomor urut
Sequence Check Master Reference
Alphabetic/Numeric Check
pertama)
Nomor id satuan harus berurutan Data berhubungan dengan tabel item_satuan
Field ID satuan diisi dalam bentuk numeric
Nama Satuan Completeness Check Alphabetic/Numeric Check
Field nama satuan harus diisi Field nama satuan diisi dalam bentuk alphabetic
i. Form Data Barang
Digunakan untuk mengisi nama barang yang akan dijual serta mengupdate jika diperlukan
Gambar 4.18 Form Data Barang
Nama Field Pengendalian Input Keterangan
Kode Barang Completeness Check Size Check
Field kode barang harus diisi Panjang field ditentukan 5 digit: (contoh 00001: nomor urut
Sequence Check
Master Reference
Alphabetic/Numeric Check
pertama)
Nomor kode barang harus berurutan
Data berhubungan dengan tabel item
Field kode barang diisi dalam bentuk numeric
Nama Barang Completeness Check Alphabetic/Numeric Check
Field nama barang harus diisi Field nama barang diisi dalam bentuk alphabetic
Barcode Completeness Check Size Check
Redudansi
Alphabetic/Numeric Check
Field barcode harus diisi Panjang field ditentukan 5 digit Sistem akan menolak jika kode telah diinput
Field kode barang diisi dalam bentuk numeric
Kategori Completeness Check Set Membership
Field kategori harus diisi
Field berupa pilihan (alat keamanan, alat komunikasi, atau alat kelistrikan)
Harga Beli Completeness Check Alphabetic/Numeric Check
Field harga beli harus diisi
Field harga beli diisi dalam bentuk numeric
Harga jual Completeness Check Alphabetic/Numeric Check
Field harga jual harus diisi
Field harga jual diisi dalam bentuk numeric
Stock Completeness Check Alphabetic/Numeric Check
Field stock harus diisi
Field stock diisi dalam bentuk numeric
Satuan Completeness Check Set Membership
Field satuan harus diisi
Field berupa pilihan (pieces, box, lusin, kodi)
j. Form Data Buku Besar
Form ini berisikan akun akun saldo yang berhubungan dengan kegiatan transaksi toko.
Gambar 4.19 Form Data Buku Besar
Nama Field Pengendalian Input Keterangan
Size Check Redudansi
Master Reference
Alphabetic/Numeric Check
Panjang field ditentukan 4 digit Sistem akan menolak jika kode telah diinput
Data berhubungan dengan tabel master buku besar
Field ID akun diisi dalam bentuk numeric
Nama Akun Completeness Check Alphabetic/Numeric Check
Field nama akun harus diisi
Field nama akun diisi dalam bentuk alphabetic
Jenis Akun Completeness Check Set Membership
Field jenis akun harus diisi
Field berupa pilihan (aktiva lancar, aktiva tetap, hutang, modal, pendapatan, biaya, pendapatan lain, prive)
Keterangan Completeness Check Set Membership
Field keterangan harus diisi Field berupa pilihan (Debit atau Kredit)
k. Form Open-Closing Period
Form Open & Closing Periode digunakan untuk memasukkan data periode awal Toko/ Perusahaan serta akun-akunya.
Gambar 4.20 Form Open-Closing Period
Nama Field Pengendalian Input Keterangan
Akun Asset Completeness Check Set Membership
Field Akun Asset harus diisi Field Berupa pilihan (kas, piutang dagang, perlengkapan, PBD, peralatan, akum penyusutan, gedung, dan tanah)
Nominal Saldo Completeness Check Alphabetic/Numeric Check
Field nominal saldo harus diisi Field nominal saldo diisi dalam bentuk numeric
Akun
Kewajiban dan
Completeness Check Field akun kewajiban dan equitas harus diisi
Equitas Set Membership Field berupa pilihan (hutang dagang, hutang usaha, modal pemilik)
Nominal Saldo Completeness Check Alphabetic/Numeric Check
Field nominal saldo harus diisi Field nominal saldo diisi dalam bentuk numeric
l. Form Kas Masuk
Form ini berisikan data kas masuk, penambahan kas dari kegiatan toko akan tetapi bukan kegiatan bisnis utama toko
Gambar 4.21 Form Kas Masuk
Nama Field Pengendalian Input Keterangan
No. Transaksi Completeness Check Alphabetic/Numeric Check
Field no.transaksi harus diisi Field no.transaksi diisi dalam bentuk numeric dan alphabetic Tgl Transaksi Completeness Check
Format Mask
Field Tgl transkaksi harus diisi DD/MM/YY
Akun Completeness Check Set Membership
Field akun harus diisi
Field berupa pilihan (hutang usaha, pendapatan lain-lain)
Nominal Completeness Check Alphabetic/Numeric Check
Field nominal harus diisi
Field nominal diisi dalam bentuk numeric
Keterangan Completeness Check Alphabetic/Numeric Check
Field keterangan harus diisi Field keterangan diisi dalam bentuk numeric
m. Form Kas Keluar
Form ini berisikan data kas keluar, pengurangan kas dari kegiatan toko akan tetapi bukan kegiatan bisnis utama toko
Gambar 4.22 Form Kas Keluar
Nama Field Pengendalian Input Keterangan
No. Transaksi Completeness Check Alphabetic/Numeric Check
Field no.transaksi harus diisi Field no.transaksi diisi dalam bentuk numeric dan alphabetic Tgl Transaksi Completeness Check
Format Mask
Field Tgl transkaksi harus diisi DD/MM/YY
Akun Completeness Check Set Membership
Field akun harus diisi
biaya listrik, biaya lain-lain, prive)
Nominal Completeness Check Alphabetic/Numeric Check
Field nominal harus diisi
Field nominal diisi dalam bentuk numeric
Keterangan Completeness Check Alphabetic/Numeric Check
Field keterangan harus diisi Field keterangan diisi dalam bentuk numeric
n. Form Kas Keluar (Penyusutan)
Form penyusutan ini digunakan untuk menginput akun yang mengalami penyusutan seperti aset tetap yang berupa peralatan, kendaraan dan gedung.
Gambar 4.23 Form Kas Keluar (Penyusutan)
Nama Field Pengendalian Input Keterangan
No.Transaksi Completeness Check Alphabetic/Numeric Check
Field no.transaksi harus diisi Field no.transaksi diisi dalam bentuk numeric dan alphabetic Tgl Transaksi Completeness Check Field Tgl transkaksi harus diisi
Format Mask DD/MM/YY Akun Completeness Check
Set Membership
Field akun harus diisi
Field berupa pilihan (perlatan, gedung)
Nominal Completeness Check Alphabetic/Numeric Check
Field nominal harus diisi
Field nominal diisi dalam bentuk numeric
Keterangan Completeness Check Alphabetic/Numeric Check
Field keterangan harus diisi Field keterangan diisi dalam bentuk numeric Jml Periode Penyusutan Completeness Check Alphabetic/Numeric Check
Field jumlah periode penyusutan harus diisi
Field jumlah periode penyusutan diisi dalam bentuk numeric
Jml Periode Berjalan
Completeness Check
Alphabetic/Numeric Check
Field jumlah periode berjalan harus diisi
Field jumlah periode berjalan diisi dalam bentuk numeric
o. Form Pembelian
Form ini digunakan untuk menginput transaksi pembelian toko Elektronik
Nama Field Pengendalian Input Keterangan No. Faktur Completeness Check
Master Reference
Alphabetic/Numeric Check
Field no.faktur harus diisi
Data berhubungan dengan tabel pembelian detail
Field no.faktur diisi dalam bentuk numeric dan alphabetic
Tanggal Transaksi
Completeness Check Format Mask
Field tanggal transaksi harus diisi DD/MM/YY
Pemasok Completeness Check Master Reference
Field pemasok harus diisi
Data berhubungan dengan tabel supplier
Barang Completeness Check Master Reference
Field barang harus diisi
Data berhubungan dengan tabel item
Harga Completeness Check Alphabetic/Numeric Check
Field harga harus diisi
Field harga diisi dalam bentuk numeric
Quantity Beli Completeness Check Alphabetic/Numeric Check
Master Reference
Field quatity beli harus diisi Field quantity beli diisi dalam bentuk numeric
Data berhubungan dengan tabel satuan
Alphabetic/Numeric Check
Field diskon@item diisi dalam bentuk numeric Isi Satuan Besar Completeness Check Alphabetic/Numeric Check
Field isi satuan besar harus diisi Field isi satuan besar diisi dalam bentuk numeric Potongan After Buy Completeness Check Alphabetic/Numeric Check
Field potongan after buy harus diisi
Field potongan after buy diisi dalam bentuk numeric
Beban Belanja Completeness Check Alphabetic/Numeric Check
Field beban belanja harus diisi Field beban belanja diisi dalam bentuk numeric Bayar Pembelian Barang Completeness Check Set Membership
Field bayar pembelian barang harus diisi
p. Form Penjualan
Form ini digunakan untuk transaksi penjualan toko Elektronik
Gambar 4.25 Form Penjualan
Nama Field Pengendalian Input Keterangan
No. Transaksi Completeness Check Master Reference
Field no.transaksi harus diisi Data berhubungan dengan tabel
Alphabetic/Numeric Check
penjualan detail
Field no.transaksi diisi dalam bentuk alphabetic dan numeric Tgl Transaksi Completeness Check
Format Mask
Field tgl transaksi harus diisi DD/MM/YY
Customer Completeness Check Master Reference
Alphabetic/Numeric Check
Field customer harus diisi
Data berhubungan dengan tabel customer
Field customer diisi dalam bentuk alphabetic
Barang Completeness Check Master Reference
Alphabetic/Numeric Check
Field barang harus diisi
Data berhubungan dengan tabel item
Field barang diisi dalam bentuk alphabetic
Harga Completeness Check Alphabetic/Numeric Check
Field harga harus diisi
Field harga diisi dalam bentuk numeric
Quantity Jual Completeness Check Alphabetic/Numeric Check
Master Reference
Field quatity jual harus diisi Field quantity jual diisi dalam bentuk numeric
Data berhubungan dengan tabel satuan
Disk@item Completeness Check Alphabetic/Numeric Check
Field diskon@item harus diisi Field diskon@item diisi dalam bentuk numeric Potongan After Buy Completeness Check Alphabetic/Numeric Check
Field potongan after buy harus diisi
Field potongan after buy diisi dalam bentuk numeric
Beban Belanja Completeness Check Alphabetic/Numeric Check
Field beban belanja harus diisi Field beban belanja diisi dalam bentuk numeric
Bayar Penjualan
Completeness Check Set Membership
Field bayar penjualan harus diisi Field berupa pilihan (tunai, kredit)
q. Form Retur Pembelian
Form retur pembelian digunakan untuk menginput data retur barang yang rusak maupun bermasalah pada saat pembelian ke vendor.
Gambar 4.26 Form Retur Pembelian
Nama Field Pengendalian Input Keterangan
No. Retur Vendor Completeness Check Master Reference Alphabetic/Numeric Check
Field no.retur vendor harus diisi Data berhubungan dengan tabel retur out
Field no.retur vendor diisi dalam bentuk numeric dan alphabetic Tgl Retur Completeness Check
Format Mask
Field tgl retur harus diisi DD/MM/YY
Pemasok Completeness Check Master Reference
Alphabetic/Numeric Check
Field pemasok harus diisi
Data berhubungan dengan tabel supplier
Field pemasok diisi dalam bentuk alphabetic
Barang Completeness Check Master Reference
Field barang harus diisi
Alphabetic/Numeric Check
item
Field barang diisi dalam bentuk alphabetic
Harga Completeness Check Alphabetic/Numeric Check
Field harga harus diisi
Field harga diisi dalam bentuk alphabetic
Quantity Beli Completeness Check Master Reference
Alphabetic/Numeric Check
Field quantity beli harus diisi Data berhubungan dengan tabel satuan item
Field quantity beli diisi dalam bentuk numeric
Diskon@item Completeness Check Alphabetic/Numeric Check
Field diskon@item harus diisi Field diskon@item diisi dalam bentuk numeric
Keterangan Completeness Check Alphabetic/Numeric Check
Field keterangan harus diisi Field keterangan diisi dalam bentuk alphabetic
Jenis
pembayaran
Completeness Check Set Membership
Field jenis pembayaran harus diisi Field berupa pilihan (tunai, kredit)
r. Form Retur Penjualan
Form retur penjualan digunakan untuk menginput data retur barang yang rusak maupun bermasalah pada saat penjualan ke customer
Gambar 4.27 Form Retur Penjualan
Nama Field Pengendalian Input Keterangan
No. Retur Vendor Completeness Check Master Reference Alphabetic/Numeric Check
Field no.retur vendor harus diisi Data berhubungan dengan tabel retur out
Field no.retur vendor diisi dalam bentuk numeric dan alphabetic Tgl Retur Completeness Check
Format Mask
Field tgl retur harus diisi DD/MM/YY
Master Reference
Alphabetic/Numeric Check
Data berhubungan dengan tabel customer
Field customer diisi dalam bentuk alphabetic
Barang Completeness Check Master Reference
Alphabetic/Numeric Check
Field barang harus diisi
Data berhubungan dengan tabel item
Field barang diisi dalam bentuk alphabetic
Harga Completeness Check Alphabetic/Numeric Check
Field harga harus diisi
Field harga diisi dalam bentuk alphabetic
Quantity Beli Completeness Check Master Reference
Alphabetic/Numeric Check
Field quantity beli harus diisi Data berhubungan dengan tabel satuan item
Field quantity beli diisi dalam bentuk numeric
Diskon@item Completeness Check Alphabetic/Numeric Check
Field diskon@item harus diisi Field diskon@item diisi dalam bentuk numeric
Keterangan Completeness Check Alphabetic/Numeric Check
Field keterangan harus diisi Field keterangan diisi dalam bentuk alphabetic
Jenis
pembayaran
Completeness Check Set Membership
Field jenis pembayaran harus diisi Field berupa pilihan (tunai, kredit)
s. Form Pembayaran Hutang Vendor
Form pembayaran hutang vendor digunakan untuk menginput data transaksi pembayaran hutang barang dagang elektronik sekaligus melihat sisa hutang apa saja yang belum dibayar
Nama Field Pengendalian Input Keterangan No. Bayar Hutang Completeness Check Master Reference Alphabetic/Numeric Check
Field no.bayar hutang harus diisi Data berhubungan dengan tabel hutang supplier pelunasan
Field no.bayar hutang diisi dalam bentuk numeric dan alphabetic Tanggal Bayar Completeness Check
Format Mask
Field tanggal bayar harus diisi DD/MM/YY
Keterangan Completeness Check Alphabetic/Numeric Check
Field keterangan harus diisi Field keterangan diisi dalam bentuk numeric dan alphabetic Jumlah Bayar Completeness Check
Alphabetic/Numeric Check
Field jumlah bayar harus diisi Field jumlah bayar diisi dalam bentuk numeric
Potongan Completeness Check Alphabetic/Numeric Check
Field potongan harus diisi
Field potongan diisi dalam bentuk numeric
No. Faktur Completeness Check Master Reference
Alphabetic/Numeric Check
Field no.faktur harus diisi
Data berhubungan dengan tabel hutang supplier
Field no.faktur diisi dalam bentuk numeric dan alphabetic
Alphabetic/Numeric Check
Field nama vendor diisi dalam bentuk alphabetic
Tgl Hutang Completeness Check Format Mask
Field tanggal hutang harus diisi DD/MM/YY Nominal Hutang Completeness Check Alphabetic/Numeric Check
Field nominal hutang harus diisi Field nominal hutang diisi dalam bentuk numeric
Telah Bayar Completeness Check Alphabetic/Numeric Check
Field telah bayar harus diisi Field telah bayar diisi dalam bentuk numeric
Belum Bayar Completeness Check Alphabetic/Numeric Check
Field belum bayar harus diisi Field belum bayar diisi dalam bentuk numeric
t. Form Pembayaran Piutang Customer
Form pembayaran Piutang Customer digunakan untuk menginput data transaksi pembayaran piutang customer terhadap barang dagang elektronik sekaligus melihat sisa piutang siapa saja yang belum dibayar serta tanggal jatuh