P. 1
interface_penjualan

interface_penjualan

|Views: 23|Likes:
Published by Nia Juniawati

More info:

Published by: Nia Juniawati on Feb 02, 2011
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as DOCX, PDF, TXT or read online from Scribd
See more
See less

06/11/2013

pdf

text

original

1

Rancangan Interface Aplikasi Sistem Penjualan Pulsa Pada Toko Miyo Cell

Gambar 1 Tampilan Utama

Tampilan utama dalam aplikasi ini menampilkan : 1. Login penjual hanya orang yang bertugas jadi penjual yang bisa membuka

dan menjalankan aplikasi ini. Sistem hanya mengenal username dan password yang sudah terdaftar dalam sistem. Setelah sistem diinputkan username dan password dan ditekan button login maka bisa menjalankan menu-menu aplikasi dalam tampilan utama. 2. Ketika pelanggan memesan pulsa fisik atau voucher maka penjual tinggal mengklik button Pulsa Fisik, maka akan tampil form Isi Pulsa Fisik/Voucher. Seperti terlihat pada Gambar 2.

4. pelanggan membeli berapa banyak pulsa voucher yang serupa.2 3. Quantity : tinggal pilih saja. Tab-tab menu bisa juga diakses oleh penjual seperti untuk membuat laporan penjualan atau mengecek tersimpannya transaksi penjualan atau mengetahui data barang. maka akan tampil seperti pada gambar 7. Gambar 2 Form Isi Pulsa Fisik/Voucher Form isi pulsa fisik akan menerima inputan jenis voucher yang dipesan. Ketika ada pelanggan baru maka penjual menambahkan data pelanggan baru dengan mengklik button Daftar Pelanggan. Adapun menu-menu inputannya seperti : No. . Ketika pelanggan memesan pulsa elektrik maka penjual tinggal mengklik button Pulsa Elektik. Seperti terlihat pada Gambar 3. yang nantinya akan di monitoring oleh pemilik melalui login pemilik. maka akan tampil form Isi Pulsa Elektrik. 6. Jika penjual lupa harga suatu barang maka bisa mengklik button Daftar Harga maka akan tampil form daftar harga seperti pada gambar 8. 5. Nota : untuk pulsa voucher diberi kode A dan diikuti no penjualan pada hari itu.

dan Harga satuan penjual tinggal memilih gambar pada sebelah kiri tampilan form isi pulsa dan jumlah nominal voucher yang dipesan.3 Dan untuk pengisian Kode Barang. Nama Barang. Ketika Penjual akan menginputkan data pemesanan baru maka tinggal klik tombol Clear. maka automatis akan terisi. Dan untuk pengisian Kode Barang. Gambar 3 Form Isi Pulsa Elektrik Form isi pulsa elektrik akan menerima inputan jenis pulsa elektrik yang dipesan. Dan ketika akan keluar dari form isi pulsa voucher dan kembali ke tampilan utama maka klik tombol Exit. Setelah penjual menginputkan Quantity maka automatis Total Bayar akan terisi. Nama Barang. . Stock dan Harga penjual tinggal memilih gambar pada sebelah kiri tampilan form isi pulsa dan jumlah nominal pulsa yang dipesan.Nota. Penjual hanya menginputkan No. Ketika data pemesanan sudah benar maka tinggal diklik tombol OK dan tampillah message µTransaksi Saved¶ dan klik saja tombol OK maka tersimpanlah data transaksi pada saat itu dalam form Transaksi Penjualan (gambar18). untuk pulsa elektrik diberi kode B dan diikuti no penjualan pada hari itu.

penjual tinggal mengklik button Browse Pelanggan dan akan tampillah seperti pada gambar 4.4 Untuk mengisi No. . Inputkan nama pelanggan yang dicari dan akan tampil di tabel Data Pelanggan no tlp dari pelanggan yang dicari. Gambar 4 Tampilan Browse Pelanggan Pada kolom text Nama Pelanggan. Ketika ang dicari telah ditemukan maka pilihlah tombol Select dan akan tampillah no telp pelanggan yang dicari pada form isi pulsa elektik seperti pada gambar5. Telp. dan pilhlah sesuai nama pelanggan yang telah tersimpan pada Form Data Pelanggan(Gambar7).

Ketika Penjual akan menginputkan data pemesanan baru maka tinggal klik tombol Clear. Dan ketika akan keluar dari form isi pulsa elektrik dan kembali ke tampilan utama maka klik tombol Exit. Gambar 6 Tampilan Login Admin .5 Gambar 5 Tampilan Transaksi Penjualan Pulsa Elektrik Berhasil Ketika data pemesanan sudah benar maka tinggal diklik tombol OK dan tampillah message µTransaksi Saved¶ dan klik saja tombol OK maka tersimpanlah data transaksi pada saat itu dalam form Transaksi Penjualan (gambar18).

Ketika akan mengubah data maka pilih data yang akan di ubah pada tabel data pelanggan sebelah kiri form dan klik Button Ubah. 10. Tlp dan Nama Pelanggan baru yang diinputkan oleh penjual. 12. Gambar 7 Tampilan Frame Data Pelanggan Form data pelanggan akan menerima inputan No. 13. Ketika akan menambahkan data baru maka pilih button Tambah dan akan tampil pada tabel sebelah kiri form. form ini akan menerima inputan username dan password pemilik dan ketika dipilih tombol Login maka akan tampillah form khusus pemilik seperti pada gambar 9. Ketika akan menghapus data maka pilih data yang akan di ubah pada tabel data pelanggan sebelah kiri form dan klik . & 14.6 Hanya pemilik yang bisa login melalui form login admin. 11.

.7 Button Hapus. Gambar 8 Tampilan Frame Daftar Harga Dalam form Daftar Harga terdapat nama voucher. Untuk membatalkan penambahan atau perubahan data maka pilih Button Batal. Untuk kembali ke Tampilan Utama pilih button Keluar. Dan untuk kembali ke Tampilan Utama pilih button Keluar. harga jual dan harga beli yang telah diinputkan oleh pemilik dan bisa dilihat oleh penjual tanpa bisa diubah.

tab Penjualan Dalam form admin. bulan atau tahun yang dipilih pemilik. . Untuk kembali ke Tampilan Utama pilih button Keluar. Pilih File Output untuk menampilkan saja dan Button print untuk mengeprint file penjualan yang dipilih oleh pemilik. seperti pada form admin tab penjualan pemilik bisa melihat total pendapatan.8 Gambar 9 Tampilan Frame Admin. pemilik bisa memilih menu-menu yang akan di monitoring. jumlah transaksi dan laba pada waktu kapanpun sesuai hari.

. Untuk kembali ke Tampilan Utama pilih button Keluar.9 Gambar 10 Tampilan Frame Admin.alamat dan no tlpn supplier. Untuk membatalkan penambahan atau perubahan data maka pilih Button Batal. tab Data Supplier Pada form admin tab Data Supplier pemilik bisa melihat nama. mengubah atau menghapus data supplier. juga bisa menambahkan.

10 Gambar 11 Tampilan Frame Admin. kode barang dan stock. tab Tabel Barang Pada form admin tab Tabel Barang pemilik bisa melihat. Untuk membatalkan penambahan atau perubahan data maka pilih Button Batal. mengubah. Untuk kembali ke Tampilan Utama pilih button Keluar. . menambah. menghapus nama barang.

Untuk kembali ke Tampilan Utama pilih button Keluar. menambah. atau menghapus nama dan no. tab Data Pelanggan Pada form admin tab Data Pelanggan pemilik bisa melihat. . Untuk membatalkan penambahan atau perubahan data maka pilih Button Batal. Tlp pelanggan. merubah.11 Gambar 12 Tampilan Frame Admin.

12 Gambar 13 Tampilan Frame Admin. menambah. harga jual dan harga beli. Untuk kembali ke Tampilan Utama pilih button Keluar. merubah. atau menghapus nama barang. tab Daftar Harga Pada form admin tab Daftar Harga pemilik bisa melihat. .

tab Pembelian Pada form admin tab pembelian pemilik bisa melihat dan menambahkan data barang yang dibeli pada waktu kapanpun sesuai bulan atau tahun yang dipilih pemilik. Dan pemilik bisa melihat total pengeluaran. Untuk kembali ke Tampilan Utama pilih button Keluar. .13 Gambar 14 Tampilan Frame Admin.

Ketika yang dicari telah ditemukan maka pilihlah tombol Pilih dan akan tampillah kode. Inputkan nama barang yang dicari dan akan tampil di tabel Barang kode.14 Gambar 15 Tampilan Frame Browse Kode Barang Pada kolom text Nama Barang. nama dan stock yang dicari pada form isi pulsa elektik seperti pada gambar5. . nama dan stock dari barang yang dicari.

.15 Gambar 16 Tampilan Frame Browse Kode Supplier Untuk mencari data supplier maka akan tampil form Data Supplier dan klik tombol Pilih untuk mengambil atau menggunakan datanya.

16 Gambar 17 Tampilan Pemilihan menu View Trx Penjualan Ketika akan melihat Transaksi penjualan (gambar18) pilihlah menu View Trx Penjualan yang ada diTampilan Utama. .

.17 Gambar 18 Tampilan Frame Transaksi Penjualan untuk penjual Form transaksi ini bisa diprint olek penjual dan diberikan kepada pelanggan.

. berdasarkan nama supplier yang dipilih.18 Gambar 19 Tampilan Frame Data Supplier Data supplier bisa dilihat di form data supplier.

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->