PEMROGRAMAN VISUAL

PERTEMUAN 11 & 12

FILKOM UNH| Pemrograman Visual | Abu Sopian, S.Kom., M.Kom

 POKOK BAHASAN
• Konsep SDI dan MDI dalam Pemrograman
Visual
 TUJUAN PEMBELAJARAN :
Setelah sesi ini diharapkan mahasiswa mampu untuk:
• Memahami, menjelaskan tentang konsep SDI dan
MDI dalam pemrograman visual
• Membuat aplikasi/program (database dan interface)
dengan MDI
 PRE TEST
1. Apa yang anda ketahui dengan MDI?
2. Bagaimana cara anda menggabungkan
beberapa form dalam satu form utama aplikasi
dengan visual basic 6.0?
1. Konsep SDI dan MDI
 1. Konsep SDI dan MDI
Form adalah jendela tempat form-form rancangan program. Kita
dapat memanggil komponen-komponen obyek pada toolbox dan
meletakkannya pada form. Ada beberapa macam form, antara lain :
1. Form Window (jendela form)
Adalah pusatdari pengembangan aplikasi Visual Basic yang
dipergunakan untuk pembuatan program. Pada form ini, dapat
diletakkan kontrol dan kode yang akan membuat program.
2. Form Designer
Pada form designer ini adalah tempat kita merancang user
interface. Untuk menampilkan layar dapat mengklik pada tombol
view.
 1. Konsep SDI dan MDI

SDI (Single Document Interface) adalah sebuah aplikasi

windows yang memiliki dokumen, dimana aplikasi ini
hanya bisa membuka sebuah dokumen untuk satu kali
eksekusi. Contoh SDI adalah Ms.Paint, notepad, wordpad
Form induk(utama) terpisah dari form sub
• Hanya satu form yang aktif dalam satu waktu
• Merupakan form default yang ada pada Visual Basic
 1. Konsep SDI dan MDI

MDI (Multiple Document Interface) merupakan antar

muka atau tampilan beberapa dokumen. Dalam program
dapat saja terlibat beberapa dokumen atau form.
• Form sub tergabung dalam form utama
• Banyak form yang bisa dimanfaatkan dalam satu waktu
tanpa perlu menutup form yang lain.
 2. Membuat aplikasi dengan MDI

1. Buka visual basic 6.0

2. Ubah name Form1 menjadi FormBarang
3. Lalu pada jendela Project > klik kanan folder form >
add > form > open > ubah name Form1 menjadi
FormPembeli
4. Lalu kembali pada jendela Project > klik kanan folder
form > add > form > open > ubah name Form1
menjadi FormTransaksi
 2. Membuat aplikasi dengan MDI

5. Setelah membuat 3 buah form, formbarang,

formpembeli dan formtransaksi selanjutnya membuat
form MDI
6. Membuat form MDI, buka jendela Project > klik kanan
folder form > add > MDI form > open > ubah name
MDIForm1 menjadi FormPembeli
7. Ubah nama Caption menjadi Aplikasi Kasir, ubah
windowstate menjadi 2-maximized
 2. Membuat aplikasi dengan MDI

8. Lalu klik kanan form pada jendela project > pilih

project1 properties... > pada startup object pilih
MDIForm1 > klik ok
9. Start untuk melihat MDIform
 2. Membuat aplikasi dengan MDI

1. Selanjutnya membuat menu dan submenu form pada

MDIForm1
2. Double klik pada MDIForm1 pada jendela project
3. Pilih menu tools > pilih menu editor
4. Setelah tampil jendela menu editor buatlah menu dan
submenu Aplikasi Kasir
5. Terdapat caption (nama menu) dan name (nama
variabel)
6. Selanjutnya cara membuat menu dan submenu
 2. Membuat aplikasi dengan MDI

7. Menu File (caption: File, name: fl)  1 submenu Exit

(caption: Exit, name:ext)
8. Menu Master Data (caption: Master Data, name: msdata)
 2 submenu Data Barang, Data Pembeli (caption: Data
Barang, name: dtbrg), (caption: Data Pembeli, name:
dtpmbl)
9. Menu Master Transaksi (caption: Master Transaksi, name:
mstrans)  1 submenu Data Transaksi (caption: Data
Transaksi, name: dttrans)
10. Klik Ok > start form MDIForm1
2. Membuat aplikasi dengan MDI
2. Membuat aplikasi dengan MDI
2. Membuat aplikasi dengan MDI
2. Membuat aplikasi dengan MDI
2. Membuat aplikasi dengan MDI
 2. Membuat aplikasi dengan MDI

1. Selanjutnya menghubungkan semua form ke

MDIForm1
2. Double klik MDIForm1 pada jendela project > klik
submenu exit > tambahkan koding untuk keluar
aplikasi:
Private Sub ext_Click()
End
End Sub
 2. Membuat aplikasi dengan MDI
5. Selanjutnya menghubungkan form Data Barang, Data Pembeli
dan Data Transaksi ke MDIForm1
6. Ikuti cara point 4 diatas, masukkan masing-masing koding
berikut :
Private Sub dtbrg_Click()
FormBarang.Show
End Sub
------------------------------------------
Private Sub dtpmbl_Click()
FormPembeli.Show
End Sub
------------------------------------------
Private Sub dttrans_Click()
FormTransaksi.Show
End Sub
 3. Update Form Data Barang

1. Update form data barang

2. Tambahkan 5 label : Kode Barang, Nama Barang,
Satuan, Harga, Stok
3. Tambahkan 6 textbox
4. Tambahkan 4 commandbutton : Save, Update, Delete,
Search
3. Update Form Data Barang
 4. Update Form Data Pembeli

1. Update form data pembeli

2. Tambahkan 4 label : Id Pembeli, Nama Pembeli,
Alamat, Telepon
3. Tambahkan 5 textbox
4. Tambahkan 4 commandbutton : Save, Update, Delete,
Search
4. Update Form Data Pembeli
 5. Update Form Data Transaksi

1. Update form data transaksi

2. Tambahkan 9 label : Id Transaksi, Id Pembeli, Kode
Barang, Tanggal Transaksi, Satuan, Harga, Jumlah Beli,
Jumlah Bayar, Jumlah Kembali
3. Tambahkan 10 textbox
4. Tambahkan 4 commandbutton : Save, Update, Delete,
Search
5. Update Form Data Transaksi
 6. Membuat Database MySQL
1. Buatlah database MySQL berelasi
• Nama database = db_kasir
2. Membuat tabel database db_kasir
a) Tbl_barang
• kd_barang int 10 pk
• nm_barang varchar 30
• satuan varchar 20
• harga int
• stok int
 6. Membuat Database MySQL

b) Tbl_pembeli
• id_pembeli int 10 pk
• nm_pembeli varchar 30
• alamat varchar 50
• telepon int
 6. Membuat Database MySQL
c) Tbl_transaksi
• id_transaksi text 10 pk
• tgl_transaksi date/time
• kd_barang int 20 fk
• satuan varchar 20
• harga int
• jml_beli int
• jml_bayar int
• jml_kembali int
• id_pembeli int 10 fk
TERIMA KASIH