membuat program penjualan dengan visual basic 6.0 (tutorial – bagian 6 – Design Form TRANSAKSI PENJUALAN)

 Pertama, tentu saja, saya harus meminta maaf karena tutorial ini sudah tertunda cukup lama, yang dikarenakan oleh tingginya volume pekerjaan di kantor saya. Dan, terima kasih karena masih mau menunggu.

Pada tutorial sebelumnya, kita sudah membuat form Data Master Barang. Sekarang kita akan membuat form Transaksi Penjualan. Langsung saja ya. Tambahkan sebuah form pada Project yang sudah kita buat ini, dengan cara menekan tombol Ctrl-D pada keyboard Anda, atau dengan mengklik menu “Project”, dan memilih submenu “Add Form”.





Pada kotak dialog yang muncul, pilih “Form”, lalu klik tombol “Open”.

Dan sebuah form kosong akan muncul.
Seperti biasa, ubah beberapa property-nya, lewat jendela Properties.


Ubah property-nya untuk nilai-nilai berikut ini:

No.	Nama Properti	Nilai Awal	Ubah Menjadi
1.	Name	Form1	frmPenjualan
2.	BorderStyle	2 – Sizeable	1 – Fixed Single
3.	Caption	Form1	Form Transaksi Penjualan
4.	StartUpPosition	3 – Windows Default	2 – Center Screen

Setelah itu, mungkin lebih baik Anda menyimpan dulu form ini, pada folder yang telah kita buat di awal.



Jika sudah selesai menyimpan, kita akan dikembalikan pada Form Transaksi Penjualan yang masih kosong ini.


Sebelum kita mulai mendesain form Transaksi Penjualan ini, ada satu hal yang harus dilakukan, yaitu kembali menambah satu komponen tambahan, yang akan dipakai pada form ini. Caranya tentu saja, dengan mengklik menu Project, kemudian pilih submenu Components, atau bisa juga dengan menekan tombol Ctrl-T pada keyboard Anda.




Lalu pada jendela Components, carilah kontrol “Microsoft Windows Common Controls-2 6.0”, berikan tanda centang (check) pada checkbox di sampingnya, lalu klik tombol Apply, dan klik juga tombol Close.


Sesudah itu, pada toolbox akan bertambah beberapa kontrol tambahan, karena pada komponen Microsoft Windows Common Controls-2 6.0 memang memuat beberapa kontrol sekaligus, yaitu kontrol Animation, UpDown, MonthView, DTPicker, dan FlatScrollBar. Namun kita hanya akan menggunakan satu kontrol saja yaitu DTPicker alias DateTimePicker.


Sekarang, taruhlah beberapa kontrol dan buatlah desain form-nya seperti di bawah ini:


Keterangan:

• Kontrol Nomor 1,3,4,6, dan 8 adalah Label
• Kontrol Nomor 2 adalah DTPicker atau DateTimePicker
• Kontrol Nomor 5 adalah ComboBox
• Kontrol Nomor 7 dan 9 adalah TextBox
• Kontrol Nomor 10, 12, 13 dan 14 adalah CommandButton
• Kontrol Nomor 11 adalah DBGrid atau DataBoundGrid
• Kontrol Nomor 15, 16, 17 dan 18 adalah kontrol Data.

Sedangkan properti yang harus diubah dari masing-masing kontrol tersebut adalah:

Kontrol Nomor 1 (Label):

Properti	Nilai Awal	Ubah Menjadi
Caption	Label1	Tanggal
AutoSize	False	True
BackStyle	1 – Opaque	0 – Transparent

Kontrol Nomor 2 (DTPicker atau DateTimePicker):

Properti	Nilai Awal	Ubah Menjadi
Name	DTPicker1	dtpTanggal
CustomFormat	(kosong)	dd/MM/yyyy
Format	1 – dtpShortDate	3 – dtpCustom

Kontrol Nomor 3 (Label):

Properti	Nilai Awal	Ubah Menjadi
Name	Label2	lblNomorFaktur
Alignment	0 – Left Justify	1 – Right Justify
Caption	Label2	Nomor Faktur : -
AutoSize	False	True
BackStyle	1 – Opaque	0 – Transparent

Kontrol Nomor 4 (Label):

Properti	Nilai Awal	Ubah Menjadi
Caption	Label3	Kode Barang
AutoSize	False	True
BackStyle	1 – Opaque	0 – Transparent

Kontrol Nomor 5 (ComboBox):

Properti	Nilai Awal	Ubah Menjadi
Name	Combo1	cbKodeBarang
Style	0 – Dropdown Combo	2 – Dropdown List

Kontrol Nomor 6 (Label):

Properti	Nilai Awal	Ubah Menjadi
Caption	Label4	Nama Barang
AutoSize	False	True
BackStyle	1 – Opaque	0 – Transparent

Kontrol Nomor 7 (Textbox):

Properti	Nilai Awal	Ubah Menjadi
Name	Text1	txtNamaBarang
Text	Text1	(kosongkan)
Enabled	True	False

Kontrol Nomor 8 (Label):

Properti	Nilai Awal	Ubah Menjadi
Caption	Label5	Jumlah
AutoSize	False	True
BackStyle	1 – Opaque	0 – Transparent

Kontrol Nomor 9 (Textbox):

Properti	Nilai Awal	Ubah Menjadi
Name	Text2	txtJumlah
Text	Text2	(kosongkan)

Kontrol Nomor 10 (CommandButton):

Properti	Nilai Awal	Ubah Menjadi
Name	Command1	cmdMasuk
Caption	Command1	Masukkan Ke Dalam Daftar

Untuk kontrol nomor 11 (DataBoundGrid atau DBGrid), kita lewatkan saja dulu, karena propertinya berhubungan dengan kontrol data yang nantinya akan kita ubah proeprtinya.

Kontrol Nomor 12 (CommandButton):

Properti	Nilai Awal	Ubah Menjadi
Name	Command2	cmdSimpan
Caption	Command2	Simpan

Kontrol Nomor 13 (CommandButton):

Properti	Nilai Awal	Ubah Menjadi
Name	Command3	cmdBatal
Caption	Command3	Batal

Kontrol Nomor 14 (CommandButton):

Properti	Nilai Awal	Ubah Menjadi
Name	Command4	cmdSelesai
Caption	Command4	Selesai

Kontrol Nomor 15 (Data):

Properti	Nilai Awal	Ubah Menjadi
Name	Data1	datBarang
DatabaseName	(kosong)	C:\Penjualan\Penjualan.mdb
RecordSource	(kosong)	Barang

Kontrol Nomor 16 (Data):

Properti	Nilai Awal	Ubah Menjadi
Name	Data2	datTemporar
DatabaseName	(kosong)	C:\Penjualan\Penjualan.mdb
RecordSource	(kosong)	Temporar

Kontrol Nomor 17 (Data):

Properti	Nilai Awal	Ubah Menjadi
Name	Data3	datPenjualan
DatabaseName	(kosong)	C:\Penjualan\Penjualan.mdb
RecordSource	(kosong)	Penjualan

Kontrol Nomor 18 (Data):

Properti	Nilai Awal	Ubah Menjadi
Name	Data4	datPenjualanDetail
DatabaseName	(kosong)	C:\Penjualan\Penjualan.mdb
RecordSource	(kosong)	Penjualan_Detail

Setelah seluruh kontrol data kita ubah, waktunya kita mengubah properti untuk kontrol nomor 15, yaitu DBGrid atau DataBoundGrid. Berikut adalah properti yang harus diubah:

Kontrol Nomor 11 (DBGrid atau DataBoundGrid):

Properti	Nilai Awal	Ubah Menjadi
Name	DBGrid1	dbgTemporar
DataSource	(kosong)	datTemporar

Setelah itu, silahkan Anda melakukan klik-kanan atau right-click pada kontrol DBGrid tersebut, lalu pada popup menu yang muncul, pilihlah “Retrieve Fields”.


Dan, tampilan form sesudah seluruh properti itu diubah, kira-kira akan menjadi seperti berikut ini:


Ada lagi yang mesti diubah. Empat kontrol Data yang berada di bagian paling bawah form, akan kita sembunyikan, karena kita tidak ingin user melihat dan berinteraksi dengannya. Jadi, kita akan mengubah tinggi form. Tampilannya akan menjadi seperti berikut ini:


Desain form sudah selesai. Selanjutnya tentu saja, kita akan menulis kode program untuk form tersebut. Dan itu akan kita bahas pada tutorial berikutnya. Doakan biar lancar dan tidak tertunda lagi ya…