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.
 2

3. Ketika pelanggan memesan pulsa elektrik maka penjual tinggal mengklik

button Pulsa Elektik, maka akan tampil form Isi Pulsa Elektrik. Seperti
terlihat pada Gambar 3.
4. Ketika ada pelanggan baru maka penjual menambahkan data pelanggan baru
dengan mengklik button Daftar Pelanggan, maka akan tampil seperti pada
gambar 7.
5. Jika penjual lupa harga suatu barang maka bisa mengklik button Daftar Harga
maka akan tampil form daftar harga seperti pada gambar 8.
6. Tab-tab menu bisa juga diakses oleh penjual seperti untuk membuat laporan
penjualan atau mengecek tersimpannya transaksi penjualan atau mengetahui
data barang, yang nantinya akan di monitoring oleh pemilik melalui login
pemilik.

Gambar 2 Form Isi Pulsa Fisik/Voucher

Form isi pulsa fisik akan menerima inputan jenis voucher yang dipesan. Adapun
menu-menu inputannya seperti :

No. Nota : untuk pulsa voucher diberi kode A dan diikuti no penjualan pada
hari itu.
Quantity : tinggal pilih saja, pelanggan membeli berapa banyak pulsa voucher
yang serupa.
 3

Dan untuk pengisian Kode Barang, Nama Barang, dan Harga satuan penjual
tinggal memilih gambar pada sebelah kiri tampilan form isi pulsa dan jumlah
nominal voucher yang dipesan. Setelah penjual menginputkan Quantity maka
automatis Total Bayar akan terisi.

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 Penjual akan menginputkan data pemesanan baru maka
tinggal klik tombol Clear. Dan ketika akan keluar dari form isi pulsa voucher dan
kembali ke tampilan utama maka klik tombol Exit.

Gambar 3 Form Isi Pulsa Elektrik

Form isi pulsa elektrik akan menerima inputan jenis pulsa elektrik yang dipesan.
Penjual hanya menginputkan No.Nota, untuk pulsa elektrik diberi kode B dan
diikuti no penjualan pada hari itu.

Dan untuk pengisian Kode Barang, Nama Barang, Stock dan Harga penjual
tinggal memilih gambar pada sebelah kiri tampilan form isi pulsa dan jumlah
nominal pulsa yang dipesan, maka automatis akan terisi.
 4

Untuk mengisi No. Telp, penjual tinggal mengklik button Browse Pelanggan dan
akan tampillah seperti pada gambar 4, dan pilhlah sesuai nama pelanggan yang
telah tersimpan pada Form Data Pelanggan(Gambar7).

Gambar 4 Tampilan Browse Pelanggan

Pada kolom text Nama Pelanggan, Inputkan nama pelanggan yang dicari dan akan
tampil di tabel Data Pelanggan no tlp dari pelanggan yang dicari. 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.
 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 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

 6

Hanya pemilik yang bisa login melalui form login admin, form ini akan menerima
inputan username dan password pemilik dan ketika dipilih tombol Login maka
akan tampillah form khusus pemilik seperti pada gambar 9, 10, 11, 12, 13, & 14.

Gambar 7 Tampilan Frame Data Pelanggan

Form data pelanggan akan menerima inputan No. Tlp dan Nama Pelanggan baru
yang diinputkan oleh penjual. Ketika akan menambahkan data baru maka pilih
button Tambah dan akan tampil pada tabel sebelah kiri form. Ketika akan
mengubah data maka pilih data yang akan di ubah pada tabel data pelanggan
sebelah kiri form dan klik Button Ubah. Ketika akan menghapus data maka pilih
data yang akan di ubah pada tabel data pelanggan sebelah kiri form dan klik
 7

Button Hapus. Untuk membatalkan penambahan atau perubahan data maka pilih
Button Batal. Dan untuk kembali ke Tampilan Utama pilih button Keluar.

Gambar 8 Tampilan Frame Daftar Harga

Dalam form Daftar Harga terdapat nama voucher, harga jual dan harga beli yang
telah diinputkan oleh pemilik dan bisa dilihat oleh penjual tanpa bisa diubah.
Untuk kembali ke Tampilan Utama pilih button Keluar.
 8

Gambar 9 Tampilan Frame Admin, tab Penjualan

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

Gambar 10 Tampilan Frame Admin, tab Data Supplier

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

Gambar 11 Tampilan Frame Admin, tab Tabel Barang

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

Gambar 12 Tampilan Frame Admin, tab Data Pelanggan

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

Gambar 13 Tampilan Frame Admin, tab Daftar Harga

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

Gambar 14 Tampilan Frame Admin, 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.
 14

Gambar 15 Tampilan Frame Browse Kode Barang

Pada kolom text Nama Barang, Inputkan nama barang yang dicari dan akan tampil
di tabel Barang kode, nama dan stock dari barang yang dicari. Ketika yang dicari
telah ditemukan maka pilihlah tombol Pilih dan akan tampillah kode, nama dan
stock yang dicari pada form isi pulsa elektik seperti pada gambar5.
 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.
 18

Gambar 19 Tampilan Frame Data Supplier

Data supplier bisa dilihat di form data supplier, berdasarkan nama supplier yang
dipilih.